/*  Color Variables  */
/* HOVER COLORS */
/* LINE COLORS*/
/* BIKE COLOR PALLETES */
/* NEUTRALS */
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
* {
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
}

    *:before,
    *:after {
        box-sizing: border-box;
    }

/* #Base */
article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

html,
body {
    height: auto;
    padding: 0;
    margin: 0;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

@media only screen and (min-width: 1920px) {
    html {
        background: #EFEEEA;
    }
}

body {
    background: #fff;
    font-family: "Bilo", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #040404;
    -webkit-font-smoothing: antialiased;
    height: auto !important;
    transition: top 0.3s;
    overflow: hidden;
}

@media only screen and (min-width: 1920px) {
    body {
        margin: 0 auto;
        max-width: 1920px;
        position: relative;
    }
}

body.no-scroll {
    height: 100vh !important;
    overflow: hidden !important;
}

a {
    color: #060606;
    text-decoration: none;
    transition: color 0.3s;
}

    a:hover, a:active {
        color: #060606;
        text-decoration: none;
    }

@media (max-width: 480px) {
    p {
        font-size: 13px;
    }
}

ul,
ol {
    list-style: none;
}

svg {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

    /**
 * Hide the overflow in IE.
 */
    svg:not(:root) {
        overflow: hidden;
    }

@media (min-width: 320px) {
    h1 {
        font-size: 27px;
    }
}

@media (min-width: 381px) {
    h1 {
        font-size: 32px;
    }
}

@media (min-width: 480px) {
    h1 {
        font-size: 42px;
    }
}

@media (min-width: 320px) {
    h2 {
        font-size: 26px;
    }
}

@media (min-width: 768px) {
    h2 {
        font-size: 32px;
    }
}

@media (min-width: 1025px) {
    h2 {
        font-size: 32px;
    }
}

@media (min-width: 320px) {
    h3 {
        font-size: 22px;
    }
}

@media (min-width: 481px) {
    h3 {
        font-size: 26px;
    }
}

@media (min-width: 320px) {
    h4 {
        font-size: 17px;
    }
}

@media (min-width: 481px) {
    h4 {
        font-size: 20px;
    }
}

@media (min-width: 1025px) {
    h4 {
        font-size: 22px;
    }
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

img {
    border: 0;
    vertical-align: middle;
}

strong {
    font-weight: bold;
}

small {
    font-size: 80%;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -webkit-font-smoothing: antialiased;
}

    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        cursor: pointer;
    }

        button::-moz-focus-inner,
        input::-moz-focus-inner {
            padding: 0;
            border: 0;
        }

button {
    overflow: visible;
}

textarea {
    overflow: auto;
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    padding: 0;
}

.no-scroll {
    overflow: hidden;
}

/* BUTTONS */
.btn {
    display: inline-block;
    text-transform: uppercase;
    min-width: 175px;
}

.btn-black {
    font-size: 13px;
    padding: 20px 0;
    background: #000;
    color: #fff;
    text-align: center;
    letter-spacing: 0.12em;
}

.container {
    max-width: 1700px;
    margin: 0 auto;
}

@media screen and (max-width: 1680px) {
    .container {
        max-width: 1550px;
    }
}

@media screen and (max-width: 1550px) {
    .container {
        max-width: 1440px;
    }
}

@media screen and (max-width: 1440px) {
    .container {
        max-width: 1350px;
    }
}

@media screen and (max-width: 1024px) {
    .container {
        padding: 0 48px;
        max-width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .container {
        padding: 0 40px;
    }
}

@media screen and (max-width: 576px) {
    .container {
        padding: 0 28px;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate-s-loader {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@media only screen and (max-width: 767px) {
    .cookie-panel,
    .cookie-panel.large {
        z-index: 15;
    }
}

#content {
    background: #fff;
}

#wrapper + .three-bikes-logo {
    margin-top: 0;
    padding-top: 40px;
}

.ico-account {
    background: url(./icons/account.png) no-repeat;
    width: 24px;
    height: 24px;
}

.ico-account-white {
    background: url(./icons/account-white.svg) no-repeat;
    width: 24px;
    height: 24px;
}

.ico-search {
    background: url(./icons/search.png) no-repeat;
    width: 24px;
    height: 24px;
}

.ico-search-white {
    background: url(./icons/search-white.svg) no-repeat;
    width: 24px;
    height: 24px;
}

.ico-marker {
    background: url(./icons/marker.png) no-repeat;
    width: 24px;
    height: 24px;
}

.ico-marker-white {
    background: url(./icons/marker-white.svg) no-repeat;
    width: 24px;
    height: 24px;
}

.ico-basket {
    background: url(./icons/basket.png) no-repeat;
    width: 24px;
    height: 24px;
}

.ico-basket-white {
    background: url(./icons/basket-white.svg) no-repeat;
    width: 24px;
    height: 24px;
}

.ico-arrow-back {
    background: url(./icons/left-arrow.svg) no-repeat;
    width: 24px;
    height: 9px;
}

.ico-circle {
    background: url(./icons/circle.png) no-repeat center center;
    background-size: 16px 16px !important;
    width: 24px;
    height: 24px;
}

.ico-plus {
    background: #dddddd url(./icons/plus.svg) no-repeat 1px center;
    width: 16px;
    height: 16px;
    background-size: contain !important;
    border-radius: 50%;
}

.ico-instagram {
    background: url(./icons/instagram.svg) no-repeat 0 0;
    width: 21px;
    height: 21px;
    background-size: 100% 100% !important;
}

.ico-facebook {
    background: url(./icons/facebook.svg) no-repeat 0 0;
    width: 21px;
    height: 21px;
    background-size: 100% 100% !important;
}

.ico-twitter {
    background: url(./icons/twitter.svg) no-repeat 0 0;
    width: 21px;
    height: 21px;
    background-size: 100% 100% !important;
}

.ico-youtube {
    background: url(./icons/youtube.svg) no-repeat 0 0;
    width: 21px;
    height: 21px;
    background-size: 100% 100% !important;
}

.ico-linkedin {
    background: url(./icons/linkedin.svg) no-repeat 0 0;
    width: 21px;
    height: 21px;
    background-size: 100% 100% !important;
}

.ico-phone {
    background: url(./icons/phone.svg) no-repeat 0 0;
    width: 12px;
    height: 18px;
}

.ico-tablet {
    background: url(./icons/tablet.svg) no-repeat 0 0;
    width: 18px;
    height: 18px;
}

.ico-bike {
    background: url(./icons/bike.svg) no-repeat 0 0;
    width: 24px;
    height: 17px;
}

.ico-seven {
    background: url(./icons/7.png) no-repeat 0 0;
    width: 12px;
    height: 16px;
}

.ico-trash {
    background: url(./icons/trash.png) no-repeat 0 0;
    width: 14px;
    height: 16px;
}

.ico-instagram,
.ico-facebook,
.ico-twitter,
.ico-youtube,
.ico-linkedin,
.ico-account,
.ico-search,
.ico-marker,
.ico-basket,
.ico-account-white,
.ico-search-white,
.ico-marker-white,
.ico-basket-white,
.ico-arrow-back,
.ico-circle,
.ico-plus,
.ico-phone,
.ico-tablet,
.ico-bike,
.ico-seven,
.ico-trash {
    display: inline-block;
    background-size: cover;
}

/********** HEADER ***********/
.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    min-height: 81px;
    z-index: 9990;
    transition: all 0.3s;
}

@media screen and (max-width: 991px) {
    .header {
        min-height: 64px;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 1921px) {
    .header {
        max-width: 1920px;
        left: 50%;
        margin-left: -960px;
    }
}

.header.under-message {
    position: relative;
}

    .header.under-message .nav.open {
        position: fixed;
    }

    .header.under-message .overlay-right.open {
        position: fixed;
        top: 0;
    }

    .header.under-message .overlay-right .close {
        top: 106px;
    }

    .header.under-message .header-line {
        position: fixed;
    }

        .header.under-message .header-line.show, .header.under-message .header-line.expanded {
            top: 0;
        }

    .header.under-message ~ .home-hero,
    .header.under-message ~ #content .home-hero,
    .header.under-message ~ #content .hero-mobile,
    .header.under-message ~ .hero-mobile {
        margin-top: 0;
    }

    .header.under-message ~ #content .plp-hero .plp-description-container-small,
    .header.under-message ~ #content .plp-hero .plp-description-container {
        margin-top: 0;
    }

@media screen and (max-width: 768px) {
    .header.under-message ~ #content .plp-hero .plp-cover-container img.cover {
        margin-top: 0;
    }
}

.header .header-main {
    display: flex;
    background: #fff;
    align-items: center;
    flex: 0 0 66%;
    padding: 22px 20px 22px 32px;
    position: relative;
    z-index: 9999;
}

    .header .header-main.dark {
        background-color: #1e1e1e;
    }

@media screen and (max-width: 1440px) {
    .header .header-main {
        flex-basis: 67%;
    }
}

@media screen and (max-width: 1024px) {
    .header .header-main {
        padding: 22px 20px;
        flex-basis: 69%;
    }
}

@media screen and (max-width: 991px) {
    .header .header-main {
        padding: 17px 25px 17px 17px;
        flex-basis: 100%;
    }
}

.header .header-main.to-back {
    z-index: 9990;
}

.header .header-main #backArrow {
    position: absolute;
    top: 26px;
    left: 21px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    text-transform: uppercase;
    font-size: 12px;
    transition: all 0.2s;
    display: none;
}

    .header .header-main #backArrow i {
        margin-right: 8px;
    }

    .header .header-main #backArrow.show {
        z-index: 999;
        visibility: visible;
        opacity: 1;
        pointer-events: initial;
        display: inline-block;
    }

@media screen and (min-width: 1024px) {
    .header .header-main #backArrow.show {
        z-index: -1;
        visibility: hidden;
    }
}

.header .header-main #backArrow:hover {
    color: #060606;
}

.header .header-line {
    position: absolute;
    z-index: 9999;
    left: 66%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

@media screen and (max-width: 1440px) {
    .header .header-line {
        left: 67%;
    }
}

@media screen and (max-width: 1024px) {
    .header .header-line {
        left: 69%;
    }
}

@media screen and (max-width: 991px) {
    .header .header-line {
        left: 100%;
        top: 64px;
        z-index: 9998;
        visibility: visible;
        opacity: 1;
    }
}

.header .header-line .pdp-submenu_cotainer_items {
    visibility: hidden;
}

.header .header-line.show {
    visibility: visible;
    opacity: 1;
}

.header .header-line.expanded {
    left: 0;
}

    .header .header-line.expanded .pdp-submenu_container_items {
        opacity: 1;
    }

    .header .header-line.expanded .pdp-submenu_container_button {
        visibility: visible;
        opacity: 1;
    }

.header .logo {
    margin-right: 32px;
    transition: all 0.3s;
}

@media screen and (max-width: 991px) {
    .header .logo img {
        max-width: 123px;
    }
}

.header .header-inner > .nav-access.dark a {
    color: #e0e0e0;
}

@media screen and (max-width: 991px) {
    .header .header-inner > .nav-access {
        display: none;
    }
}

.header .header-inner {
    margin-left: auto;
    flex: 0 1 auto;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 991px) {
    .header .header-inner > .nav-utilities li:nth-child(1),
    .header .header-inner > .nav-utilities li:nth-child(2) {
        display: none;
    }
}

.header .header-secondary {
    flex: 0 0 30%;
}

@media screen and (max-width: 1024px) {
    .header .header-secondary {
        flex-basis: 30%;
    }
}

@media screen and (max-width: 991px) {
    .header .header-secondary {
        display: none;
    }
}

.header .mobile-nav {
    display: none;
    background: #efeeea;
    overflow-y: auto;
}

@media screen and (max-width: 991px) {
    .header .mobile-nav {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        transition: all 0.2s;
        z-index: 998;
    }
}

.header .mobile-nav.open {
    opacity: 1;
    visibility: visible;
    padding: 100px 48px 0;
    overflow-y: auto;
}

@media screen and (max-width: 576px) {
    .header .mobile-nav.open {
        padding: 70px 28px 0;
    }
}

.header .mobile-nav .nav-utilities {
    position: absolute;
    bottom: 36px;
    left: 44px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

    .header .mobile-nav .nav-utilities.dark ul li.basket:before {
        background: #e0e0e0;
    }

    .header .mobile-nav .nav-utilities.dark ul li a {
        color: #e0e0e0;
    }

@media screen and (max-width: 576px) {
    .header .mobile-nav .nav-utilities {
        left: 32px;
    }
}

.header .mobile-nav .nav-utilities.show {
    opacity: 1;
    visibility: visible;
}

.header .mobile-nav .nav-utilities ul {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

    .header .mobile-nav .nav-utilities ul li {
        margin-bottom: 20px;
    }

        .header .mobile-nav .nav-utilities ul li a i {
            margin-right: 8px;
        }

        .header .mobile-nav .nav-utilities ul li:last-child {
            margin-left: 0;
            margin-bottom: 0;
        }

        .header .mobile-nav .nav-utilities ul li + li {
            margin-left: 0;
        }

.header .overlay-right {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 150vh;
    width: 34%;
    flex-basis: 34%;
    right: -34%;
    transition: all 0.3s;
    background: #efeeea;
    padding: 60px 64px;
    z-index: 9999;
}

@media screen and (max-width: 1440px) {
    .header .overlay-right {
        width: 33%;
        flex-basis: 33%;
    }
}

@media screen and (max-width: 1024px) {
    .header .overlay-right {
        padding: 60px 24px;
        width: 31%;
        flex-basis: 31%;
    }
}

@media screen and (max-width: 991px) {
    .header .overlay-right {
        padding: 70px 48px;
        padding-top: 70px;
        width: 100%;
        right: 0;
        top: 0;
        flex-basis: 100%;
    }
}

.header .overlay-right.open {
    opacity: 1;
    visibility: visible;
    right: 0;
}

@media screen and (max-width: 991px) {
    .header .overlay-right.open {
        top: 65px;
    }
}

.header .overlay-right .close {
    position: absolute;
    right: 64px;
    top: 60px;
    display: inline-block;
    color: #060606;
    opacity: 100;
}

@media screen and (max-width: 1024px) {
    .header .overlay-right .close {
        top: 40px;
        right: 24px;
    }
}

@media screen and (max-width: 576px) {
    .header .overlay-right .close {
        top: 30px;
        right: 33px;
    }

        .header .overlay-right .close img {
            max-width: 15px;
        }
}

.header .overlay-right.basket {
    padding-top: 104px;
    padding-left: 0;
    padding-right: 0;
    height: 100vh;
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.basket {
        padding-top: 70px;
    }
}

.header .overlay-right.basket.open {
    top: 0;
}

@media screen and (max-width: 1440px) {
    .header .overlay-right.basket .close {
        right: 44px;
    }
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.basket .close {
        right: 34px;
    }
}

.header .overlay-right.basket .empty-basket-message {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 20%;
    left: 0;
    right: 0;
}

    .header .overlay-right.basket .empty-basket-message .icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        background: #fff;
        width: 64px;
        height: 64px;
        margin-bottom: 16px;
    }

    .header .overlay-right.basket .empty-basket-message p {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .header .overlay-right.basket .empty-basket-message a {
        border-bottom: 1px solid #000;
        font-size: 11px;
        text-transform: uppercase;
    }

.header .overlay-right.basket .basket-content {
    text-align: left;
    padding: 0 64px;
}

@media screen and (max-width: 1440px) {
    .header .overlay-right.basket .basket-content {
        padding: 0 24px;
    }
}

@media screen and (max-width: 991px) {
    .header .overlay-right.basket .basket-content {
        padding: 0 28px;
    }
}

.header .overlay-right.basket .basket-content h3 {
    font-size: 32px;
    margin-bottom: 16px;
    color: #000000;
    font-weight: 400;
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.basket .basket-content h3 {
        font-size: 24px;
    }
}

@media screen and (max-width: 991px) {
    .header .overlay-right.basket .basket-content h3 {
        margin-bottom: 8px;
    }
}

.header .overlay-right.basket .basket-content p {
    font-size: 13px;
    text-transform: uppercase;
}

@media screen and (max-width: 991px) {
    .header .overlay-right.basket .basket-content p {
        font-size: 11px;
    }
}

.header .overlay-right.basket .products {
    margin-top: 50px;
    height: 50vh;
    overflow-y: auto;
}

@media screen and (max-width: 1440px) {
    .header .overlay-right.basket .products {
        margin-top: 30px;
        padding-right: 0;
    }
}

.header .overlay-right.basket .products::-webkit-scrollbar {
    opacity: 0;
}

.header .overlay-right.basket .products > li {
    padding: 16px 0;
    border-top: 1px solid #ddd;
    display: flex;
    position: relative;
}

    .header .overlay-right.basket .products > li .product-image {
        margin-right: 10px;
        flex-basis: 167px;
        max-width: 167px;
        margin-right: 17px;
        text-align: center;
    }

@media screen and (max-width: 1440px) {
    .header .overlay-right.basket .products > li .product-image {
        flex-basis: 147px;
        max-width: 147px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.basket .products > li .product-image {
        flex-basis: 100px;
        max-width: 100px;
        margin-right: 5px;
    }
}

@media screen and (max-width: 991px) {
    .header .overlay-right.basket .products > li .product-image {
        flex-basis: 114px;
        max-width: 114px;
        margin-right: 8px;
    }
}

.header .overlay-right.basket .products > li .product-image img {
    display: inline-block;
    max-width: 118px;
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.basket .products > li .product-image img {
        max-width: 80px;
    }
}

.header .overlay-right.basket .products > li .product-content {
    flex: 1 1 40%;
}

    .header .overlay-right.basket .products > li .product-content p {
        margin-bottom: 6px;
        font-size: 15px;
        text-transform: none;
    }

@media screen and (max-width: 576px) {
    .header .overlay-right.basket .products > li .product-content p {
        margin-bottom: 4px;
    }
}

.header .overlay-right.basket .products > li .product-content p.product-title a {
    color: #030303;
}

.header .overlay-right.basket .products > li .product-content p.product-price {
    font-size: 14px;
    font-weight: 700;
}

.header .overlay-right.basket .products > li .product-content p.qty {
    font-size: 14px;
}

@media screen and (max-width: 576px) {
    .header .overlay-right.basket .products > li .product-content p.qty {
        font-size: 11px;
    }
}

.header .overlay-right.basket .products > li .product-content ul {
    display: flex;
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.basket .products > li .product-content ul {
        flex-wrap: wrap;
        flex-direction: column;
    }
}

.header .overlay-right.basket .products > li .product-content ul li {
    position: relative;
    color: #000000;
}

@media screen and (max-width: 576px) {
    .header .overlay-right.basket .products > li .product-content ul li {
        font-size: 11px;
    }
}

.header .overlay-right.basket .products > li .product-content ul li + li {
    padding-left: 10px;
    margin-left: 8px;
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.basket .products > li .product-content ul li + li {
        padding-left: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 576px) {
    .header .overlay-right.basket .products > li .product-content ul li + li {
        margin-top: 2px;
    }
}

.header .overlay-right.basket .products > li .product-content ul li + li::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #000;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 50%;
    margin-top: -2px;
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.basket .products > li .product-content ul li + li::before {
        display: none;
    }
}

.header .overlay-right.basket .products > li .remove-from-basket,
.header .overlay-right.basket .products > li .close {
    background: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
}

@media screen and (max-width: 991px) {
    .header .overlay-right.basket .products > li .remove-from-basket,
    .header .overlay-right.basket .products > li .close {
        align-self: center;
    }
}

.header .overlay-right.basket .products > li .loader-circle {
    width: 80px;
    height: 80px;
    border: 12px solid #c0c0c09e;
    border-left-color: #a1a1a1;
    border-radius: 50%;
    background: transparent;
    animation-name: rotate-s-loader;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-timing-function: linear;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    left: calc(50% - 40px);
    z-index: 20;
    display: none;
}

.header .overlay-right.basket .basket-foot {
    border-top: 1px solid #ddd;
    background: #efeeea;
    padding: 48px 64px 0;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    width: 100%;
}

@media screen and (max-width: 1440px) {
    .header .overlay-right.basket .basket-foot {
        padding: 32px 24px 0;
    }
}

@media screen and (max-width: 1200px) {
    .header .overlay-right.basket .basket-foot {
        bottom: 40px;
    }
}

@media screen and (max-width: 991px) {
    .header .overlay-right.basket .basket-foot {
        padding: 32px 28px 0;
    }
}

.header .overlay-right.basket .basket-foot p {
    text-align: left;
    font-size: 18px;
    display: flex;
    margin-bottom: 24px;
}

    .header .overlay-right.basket .basket-foot p .price-total {
        margin-left: auto;
        font-weight: 700;
        color: #0a0a0a;
    }

.header .overlay-right.basket .basket-foot .btn-black {
    min-width: 100%;
    position: relative;
    height: 56px;
}

.header .overlay-right.basket .basket-foot .loader {
    width: 80px;
    height: 80px;
    border: 12px solid rgba(29, 161, 242, 0.2);
    border-left-color: #1da1f2;
    border-radius: 50%;
    background: transparent;
    animation-name: rotate-s-loader;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-timing-function: linear;
    position: absolute;
    right: calc(50% - 40px);
    z-index: 20;
    bottom: -10px;
}

@keyframes rotate-s-loader {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.header .overlay-right.basket .btn-loader {
    width: 20px;
    height: 20px;
    border: 4px solid #f2f1f057;
    border-left-color: #f2f1f0;
    border-radius: 50%;
    background: transparent;
    animation-name: rotate-s-loader;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-timing-function: linear;
    position: relative;
    vertical-align: middle;
    margin-top: -5px;
    z-index: 20;
    display: none;
}

    .header .overlay-right.basket .btn-loader.show {
        display: inline-block !important;
    }

.header .overlay-right.search {
    padding-top: 180px;
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.search {
        padding-top: 120px;
    }
}

@media screen and (max-width: 991px) {
    .header .overlay-right.search {
        padding-top: 50px;
    }
}

@media screen and (max-width: 991px) {
    .header .overlay-right.search .close {
        display: none;
    }
}

.header .overlay-right.search .search-form {
    text-align: left;
    margin-bottom: 104px;
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.search .search-form {
        margin-bottom: 84px;
    }
}

@media screen and (max-width: 991px) {
    .header .overlay-right.search .search-form {
        margin-bottom: 48px;
    }
}

.header .overlay-right.search .search-form .search-field {
    border-bottom: 1px solid #ddd;
    position: relative;
}

    .header .overlay-right.search .search-form .search-field input {
        background: none;
        border: 0;
        font-size: 32px;
        color: #060606;
        padding: 8px 34px 8px 0;
        width: 100%;
    }

@media screen and (max-width: 1024px) {
    .header .overlay-right.search .search-form .search-field input {
        font-size: 24px;
    }
}

.header .overlay-right.search .search-form .search-field :-ms-input-placeholder {
    color: #a6a6a6;
}

.header .overlay-right.search .search-form .ico-search {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 24px;
    height: 24px;
    background-size: cover;
    margin-top: -12px;
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.search .search-form .ico-search {
        right: 6px;
    }
}

.header .overlay-right.search .popular-searches {
    text-align: left;
}

    .header .overlay-right.search .popular-searches p {
        font-family: Bilo, sans-serif;
        text-transform: uppercase;
        font-size: 11px;
        color: #000000;
        margin-bottom: 32px;
    }

@media screen and (max-width: 1024px) {
    .header .overlay-right.search .popular-searches p {
        margin-bottom: 24px;
    }
}

.header .overlay-right.search .popular-searches ul {
    columns: 2;
}

@media screen and (max-width: 576px) {
    .header .overlay-right.search .popular-searches ul {
        columns: 1;
    }
}

.header .overlay-right.search .popular-searches ul li a {
    font-size: 24px;
    line-height: 27px;
    color: #0a0a0a;
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.search .popular-searches ul li a {
        font-size: 21px;
    }
}

.header .overlay-right.search .popular-searches ul li + li {
    margin-top: 24px;
}

.header .overlay-right.language {
    padding-top: 100px;
}

@media screen and (max-width: 1440px) {
    .header .overlay-right.language {
        padding-top: 120px;
    }
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.language {
        padding-top: 90px;
    }
}

@media screen and (max-width: 991px) {
    .header .overlay-right.language {
        padding-top: 48px;
        position: fixed;
    }
}

@media screen and (max-width: 576px) {
    .header .overlay-right.language {
        padding-top: 32px;
    }
}

.header .overlay-right.language .close {
    width: 25px;
    height: 25px;
    top: 40px;
}

@media screen and (max-width: 991px) {
    .header .overlay-right.language .close {
        top: 20px;
        max-width: 20px;
    }
}

@media screen and (max-width: 576px) {
    .header .overlay-right.language .close {
        right: 24px;
    }
}

.header .overlay-right.language .close img {
    max-width: 100%;
}

.header .overlay-right.language h2 {
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 48px;
    color: #040404;
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.language h2 {
        margin-bottom: 32px;
    }
}

.header .overlay-right.language ul {
    display: block;
    overflow-y: auto;
    max-height: 66vh;
}

@media screen and (max-width: 1440px) {
    .header .overlay-right.language ul {
        max-height: 66vh;
    }
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.language ul {
        max-height: 70vh;
    }
}

@media screen and (max-width: 991px) {
    .header .overlay-right.language ul {
        max-height: 73vh;
    }
}

@media screen and (max-width: 576px) {
    .header .overlay-right.language ul {
        max-height: 78vh;
    }
}

.header .overlay-right.language ul li {
    margin-bottom: 32px;
}

@media screen and (max-width: 1024px) {
    .header .overlay-right.language ul li {
        margin-bottom: 24px;
    }
}

.header .overlay-right.language ul li a {
    font-size: 21px;
    color: #0a0a0a;
}

@media screen and (max-width: 576px) {
    .header .overlay-right.language ul li a {
        font-size: 18px;
    }
}

.header .overlay-right.language ul li a:hover {
    text-shadow: 0 0 #040404;
}

.header .overlay-right.language ul li.active a {
    text-shadow: 0 0 #040404;
}

.header .overlay-right.language ul li:last-child {
    margin-bottom: 0;
}

.submenu {
    position: absolute;
    left: -428px;
    background: #efeeea;
    top: 100%;
    width: 428px;
    height: calc(100vh - 81px);
    padding: 50px 0 66px;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s;
}

    .submenu.open {
        left: 0;
        visibility: visible;
        opacity: 1;
        z-index: 98;
    }

@media screen and (max-width: 991px) {
    .submenu.open {
        z-index: 9999;
    }
}

.submenu.sub-level-opened ul li a, .submenu:hover ul li a {
    opacity: 0.3;
}

@media screen and (max-width: 991px) {
    .submenu.sub-level-opened ul li a, .submenu:hover ul li a {
        opacity: 1;
    }
}

@media screen and (max-width: 991px) {
    .submenu {
        left: 0;
        width: 100%;
        top: 64px;
        padding: 40px 0 0;
        height: calc(100vh - 64px);
        overflow-y: auto;
    }
}

@media screen and (max-width: 576px) {
    .submenu {
        padding: 10px 0;
    }
}

.submenu > ul {
    position: relative;
}

    .submenu > ul > li a {
        display: inline-block;
    }

@media screen and (max-width: 1024px) {
    .submenu > ul > li a {
        opacity: 0.3;
    }
}

@media screen and (max-width: 991px) {
    .submenu > ul > li a {
        opacity: 1;
    }
}

.submenu > ul > li a.highlight, .submenu > ul > li a:hover {
    opacity: 1;
}

@media screen and (max-width: 991px) {
    .submenu.simple {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 991px) {
    .submenu.simple li {
        margin-left: 48px;
        margin-right: 48px;
    }
}

@media screen and (max-width: 576px) {
    .submenu.simple li {
        margin-left: 28px;
        margin-right: 28px;
    }
}

@media screen and (max-width: 991px) {
    .submenu.simple li:first-child {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 991px) {
    .submenu.simple li:first-child a {
        font-size: 21px;
    }
}

.submenu.simple li a {
    font-size: 21px;
}

@media screen and (max-width: 1024px) {
    .submenu.simple li a {
        font-size: 19px;
    }
}

@media screen and (max-width: 991px) {
    .submenu.simple li a {
        font-size: 18px;
        padding: 24px 0;
        border-bottom: 1px solid #ddd;
        position: relative;
    }
}

@media screen and (max-width: 576px) {
    .submenu.simple li a {
        padding: 16px 0;
    }
}

@media screen and (max-width: 991px) {
    .submenu.simple li a:after {
        content: "";
        display: inline-block;
        background: url(icons/arrow-right.svg) no-repeat 0 0;
        width: 5px;
        height: 10px;
        background-size: cover;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -5px;
    }
}

.submenu > a {
    font-size: 21px;
    color: #040404;
    text-shadow: 0 0 #040404;
    margin-bottom: 12px;
    display: none;
}

@media screen and (max-width: 991px) {
    .submenu > a {
        display: block;
        pointer-events: none;
        padding: 12px 48px;
    }
}

@media screen and (max-width: 576px) {
    .submenu > a {
        padding: 12px 28px;
    }
}

.submenu ul {
    display: flex;
    flex-direction: column;
}

    .submenu ul li {
        transition: all 0.3s;
    }

        .submenu ul li > a {
            font-size: 26px;
            color: #060606;
            padding: 16px 64px;
            transition: all 0.3s;
        }

@media screen and (max-width: 1024px) {
    .submenu ul li > a {
        font-size: 24px;
    }
}

@media screen and (max-width: 991px) {
    .submenu ul li > a {
        font-size: 18px;
        border: 0;
        padding: 12px 48px;
    }
}

@media screen and (max-width: 576px) {
    .submenu ul li > a {
        padding: 12px 28px;
    }
}

.submenu .nav-tertiary {
    border-top: 1px solid #ccc;
    padding-top: 32px;
    margin-top: 32px;
}

@media screen and (max-width: 991px) {
    .submenu .nav-tertiary {
        padding-top: 24px;
        margin-top: 24px;
        margin-left: 48px;
        margin-right: 48px;
        border-color: #ddd;
    }
}

@media screen and (max-width: 576px) {
    .submenu .nav-tertiary {
        padding-top: 56px;
        margin-top: 56px;
        margin-left: 28px;
        margin-right: 28px;
    }
}

.submenu .nav-tertiary li a {
    font-size: 16px;
    line-height: 23px;
    display: inline-block;
    vertical-align: top;
    border-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

@media screen and (max-width: 991px) {
    .submenu .nav-tertiary li a {
        padding: 8px 0;
    }
}

.submenu .nav-tertiary li + li {
    margin-top: 16px;
}

@media screen and (max-width: 991px) {
    .submenu .nav-tertiary li + li {
        margin-top: 0;
    }
}

.submenu.level-2 {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    width: 48vw;
    left: 428px;
    border-left: 1px solid transparent;
    overflow-y: auto;
}

@media screen and (max-width: 991px) {
    .submenu.level-2 {
        left: 0;
        right: 0;
        width: 100%;
    }
}

.submenu.level-2.open {
    opacity: 1;
    visibility: visible;
    z-index: 10001;
    left: 428px;
    border-color: #ddd;
}

@media screen and (max-width: 991px) {
    .submenu.level-2.open {
        left: 0;
        z-index: 10001;
    }
}

.submenu.level-2.simple ul li a {
    font-size: 22px;
}

@media screen and (max-width: 991px) {
    .submenu.level-2.simple ul li a {
        font-size: 18px;
    }
}

.submenu.level-2 ul {
    max-width: 48%;
}

@media screen and (max-width: 1440px) {
    .submenu.level-2 ul {
        max-width: 55%;
    }
}

@media screen and (max-width: 1024px) {
    .submenu.level-2 ul {
        max-width: 65%;
    }
}

@media screen and (max-width: 991px) {
    .submenu.level-2 ul {
        max-width: 100%;
    }
}

.submenu.level-2 ul li {
    margin-top: 0;
    margin-left: 48px;
}

@media screen and (max-width: 991px) {
    .submenu.level-2 ul li {
        margin-right: 48px;
    }
}

@media screen and (max-width: 576px) {
    .submenu.level-2 ul li {
        margin-left: 28px;
        margin-right: 28px;
    }
}

.submenu.level-2 ul li a {
    display: block;
    border-bottom: 1px solid #dddddd;
    font-size: 14px;
    position: relative;
    padding: 24px 30px 24px 0;
    color: #060606;
}

@media screen and (max-width: 991px) {
    .submenu.level-2 ul li a {
        padding: 24px 30px 24px 0;
        display: flex;
        align-items: center;
    }
}

.submenu.level-2 ul li a:after {
    content: "";
    display: inline-block;
    background: url(icons/arrow-right-black.svg) no-repeat 0 0;
    width: 7px;
    height: 14px;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
}

@media screen and (max-width: 991px) {
    .submenu.level-2 ul li a:after {
        width: 5px;
        height: 10px;
        margin-top: -3px;
    }
}

.submenu.level-2 ul li a span {
    display: block;
}

.submenu.level-2 ul li a .line-title {
    text-transform: uppercase;
    font-family: Bilo, sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 24px;
    color: #000;
}

@media screen and (max-width: 991px) {
    .submenu.level-2 ul li a .line-title {
        margin-bottom: 0;
        margin-right: 100px;
        flex-basis: 76px;
    }
}

@media screen and (max-width: 576px) {
    .submenu.level-2 ul li a .line-title {
        margin-right: 50px;
    }
}

.submenu.level-2 ul li a .line-title img {
    margin-right: 8px;
}

.submenu.level-2 ul li a .range {
    color: #000;
    font-weight: 700;
    margin-bottom: 4px;
}

@media screen and (max-width: 991px) {
    .submenu.level-2 ul li a .range {
        margin-bottom: 0;
        font-weight: 400;
        font-size: 12px;
        flex: 0 1 160px;
    }
}

.submenu.level-2 ul li a .text {
    color: #646464;
}

@media screen and (max-width: 991px) {
    .submenu.level-2 ul li a .text {
        display: none;
    }
}

.submenu.level-2 ul li:first-child a {
    font-size: 22px;
    padding: 16px 0;
    color: #060606;
}

@media screen and (max-width: 991px) {
    .submenu.level-2 ul li:first-child {
        margin-bottom: 16px;
    }
}

.submenu.level-2 ul li.shop-all-link {
    display: none;
}

@media screen and (max-width: 991px) {
    .submenu.level-2 ul li.shop-all-link {
        display: block;
    }
}

.submenu.level-2 ul li.shop-all-link a {
    font-size: 18px;
    color: #0a0a0a;
}

.country-selector {
    display: none;
}

    .country-selector.open {
        display: block;
    }

.btn-menu.dark span:before, .btn-menu.dark span:after {
    background: #e0e0e0;
}

.btn-menu span {
    position: relative;
    display: block;
    width: 22px;
    height: 15px;
    border-top: 2px solid transparent;
}

    .btn-menu span:before, .btn-menu span:after {
        position: absolute;
        right: 0;
        width: 100%;
        height: 2px;
        background: #000;
        content: "";
    }

    .btn-menu span:before {
        top: 0;
    }

    .btn-menu span:after {
        width: 16px;
        top: 8px;
    }

.btn-menu.active span {
    border-color: transparent;
}

    .btn-menu.active span:before, .btn-menu.active span:after {
        background: #000;
    }

    .btn-menu.active span:before {
        top: 0;
        transform: rotate(45deg) translate(2.5px, 5px);
    }

    .btn-menu.active span:after {
        width: 22px;
        top: 10px;
        transform: rotate(-45deg) translate(2.5px, -5px);
    }

.btn-menu span:before,
.btn-menu span:after,
.btn-menu span {
    transition: all 0.2s linear;
}

/********** OVERWRITE LANG POPUP ***********/
@media only screen and (max-width: 767px) {
    .lang-slide .wrapper {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 992px) {
    .lang-slide .wrapper span {
        font-size: 15px;
        line-height: 20px;
    }
}

.lang-slide.open {
    position: relative;
    z-index: 9998 !important;
    transition: all 0.3s;
}

@media only screen and (max-width: 767px) {
    .lang-slide.open {
        z-index: 9998 !important;
    }
}

.lang-slide.open.under-nav {
    z-index: 998 !important;
}

/********** NAVIGATION ***********/
.nav.dark ul > li > a {
    color: #e0e0e0;
}

@media screen and (max-width: 991px) {
    .nav.dark ul > li > a {
        color: #060606;
    }
}

.nav.dark ul > li > .submenu {
    background: #1e1e1e;
}

    .nav.dark ul > li > .submenu > a {
        color: #e0e0e0;
    }

    .nav.dark ul > li > .submenu ul li > a {
        color: #e0e0e0;
    }

@media screen and (max-width: 991px) {
    .nav {
        background: #efeeea;
        overflow-y: auto;
        display: inline-block;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        transition: all 0.2s;
        z-index: 998;
        padding: 100px 48px 0;
    }
}

.nav.open {
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
}

@media screen and (max-width: 576px) {
    .nav.open {
        padding: 70px 28px 0;
    }
}

.nav.open + .header-inner li.basket {
    visibility: hidden;
}

.nav > .nav-utilities {
    display: none;
}

@media screen and (max-width: 991px) {
    .nav > .nav-utilities {
        display: block;
        position: absolute;
        bottom: 5rem;
        left: 44px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
    }
}

@media screen and (max-width: 576px) {
    .nav > .nav-utilities {
        left: 32px;
    }
}

.nav > .nav-utilities.show {
    opacity: 1;
    visibility: visible;
}

.nav > .nav-utilities ul {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

    .nav > .nav-utilities ul li {
        margin-bottom: 20px;
    }

        .nav > .nav-utilities ul li a i {
            margin-right: 8px;
        }

        .nav > .nav-utilities ul li:last-child {
            margin-left: 0;
        }

        .nav > .nav-utilities ul li + li {
            margin-left: 0;
        }

.nav > ul > li + li {
    margin-left: 24px;
}

@media screen and (max-width: 991px) {
    .nav > ul > li + li {
        margin-left: 0;
    }
}

.nav > ul {
    display: flex;
}

@media screen and (max-width: 991px) {
    .nav > ul {
        flex-direction: column;
    }
}

.nav > ul > li > a {
    font-size: 16px;
    color: #040404;
    transition: all 0.3s;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > a {
        font-size: 21px;
        display: block;
        padding: 24px 0;
        border-bottom: 1px solid #ccc;
    }
}

@media screen and (max-width: 576px) {
    .nav > ul > li > a {
        border-color: #ddd;
        padding: 16px 0;
    }
}

.nav > ul > li > a:hover {
    text-shadow: 0 0 #040404;
}

.nav > ul > li.active a {
    text-shadow: 0 0 #040404;
}

.nav > ul > li > .submenu {
    position: absolute;
    left: -428px;
    background: #efeeea;
    top: 100%;
    width: 428px;
    padding: 66px 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s;
}

    .nav > ul > li > .submenu:hover ul li a {
        opacity: 0.3;
    }

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu:hover ul li a {
        opacity: 1;
    }
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu {
        left: 0;
        width: 100%;
        top: 25px;
        padding: 100px 0 0;
    }
}

@media screen and (max-width: 576px) {
    .nav > ul > li > .submenu {
        padding: 60px 0;
    }
}

.nav > ul > li > .submenu.open {
    left: 0;
    visibility: visible;
    opacity: 1;
    z-index: 98;
}

.nav > ul > li > .submenu > ul > li a {
    display: block;
}

@media screen and (max-width: 1024px) {
    .nav > ul > li > .submenu > ul > li a {
        opacity: 0.3;
    }
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu > ul > li a {
        opacity: 1;
    }
}

.nav > ul > li > .submenu > ul > li a.highlight, .nav > ul > li > .submenu > ul > li a:hover {
    opacity: 1;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.simple {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.simple li {
        margin-left: 48px;
        margin-right: 48px;
    }
}

@media screen and (max-width: 576px) {
    .nav > ul > li > .submenu.simple li {
        margin-left: 28px;
        margin-right: 28px;
    }
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.simple li:first-child {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.simple li:first-child a {
        font-size: 21px;
    }
}

.nav > ul > li > .submenu.simple li a {
    font-size: 21px;
}

@media screen and (max-width: 1024px) {
    .nav > ul > li > .submenu.simple li a {
        font-size: 19px;
    }
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.simple li a {
        font-size: 18px;
        padding: 24px 0;
        border-bottom: 1px solid #ddd;
        position: relative;
    }
}

@media screen and (max-width: 576px) {
    .nav > ul > li > .submenu.simple li a {
        padding: 16px 0;
    }
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.simple li a:after {
        content: "";
        display: inline-block;
        background: url(icons/arrow-right.svg) no-repeat 0 0;
        width: 5px;
        height: 10px;
        background-size: cover;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -5px;
    }
}

.nav > ul > li > .submenu > a {
    font-size: 21px;
    color: #040404;
    text-shadow: 0 0 #040404;
    margin-bottom: 12px;
    display: none;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu > a {
        display: block;
        padding: 12px 48px;
    }
}

@media screen and (max-width: 576px) {
    .nav > ul > li > .submenu > a {
        padding: 12px 28px;
    }
}

.nav > ul > li > .submenu ul {
    display: flex;
    flex-direction: column;
}

    .nav > ul > li > .submenu ul li > a {
        font-size: 26px;
        color: #060606;
        padding: 0 64px;
    }

@media screen and (max-width: 1024px) {
    .nav > ul > li > .submenu ul li > a {
        font-size: 24px;
    }
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu ul li > a {
        font-size: 18px;
        border: 0;
        padding: 12px 48px;
    }
}

@media screen and (max-width: 576px) {
    .nav > ul > li > .submenu ul li > a {
        padding: 12px 28px;
    }
}

.nav > ul > li > .submenu ul li + li {
    margin-top: 32px;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu ul li + li {
        margin-top: 0;
    }
}

.nav > ul > li > .submenu .nav-tertiary {
    border-top: 1px solid #ccc;
    padding-top: 32px;
    margin-top: 32px;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu .nav-tertiary {
        padding-top: 24px;
        margin-top: 24px;
        margin-left: 48px;
        margin-right: 48px;
        border-color: #ddd;
    }
}

@media screen and (max-width: 576px) {
    .nav > ul > li > .submenu .nav-tertiary {
        padding-top: 56px;
        margin-top: 56px;
        margin-left: 28px;
        margin-right: 28px;
    }
}

.nav > ul > li > .submenu .nav-tertiary li a {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    border-bottom: 0;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu .nav-tertiary li a {
        padding: 8px 0;
    }
}

.nav > ul > li > .submenu .nav-tertiary li + li {
    margin-top: 16px;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu .nav-tertiary li + li {
        margin-top: 0;
    }
}

.nav > ul > li > .submenu.level-2 {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    width: 48vw;
    height: 100%;
    top: 0;
    left: 428px;
    border-left: 1px solid transparent;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.level-2 {
        left: 0;
        right: 0;
        width: 100%;
    }
}

.nav > ul > li > .submenu.level-2.open {
    opacity: 1;
    visibility: visible;
    z-index: 98;
    left: 428px;
    border-color: #ddd;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.level-2.open {
        left: 0;
    }
}

.nav > ul > li > .submenu.level-2.simple ul li a {
    font-size: 22px;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.level-2.simple ul li a {
        font-size: 18px;
    }
}

.nav > ul > li > .submenu.level-2 ul {
    max-width: 48%;
}

@media screen and (max-width: 1440px) {
    .nav > ul > li > .submenu.level-2 ul {
        max-width: 55%;
    }
}

@media screen and (max-width: 1024px) {
    .nav > ul > li > .submenu.level-2 ul {
        max-width: 65%;
    }
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.level-2 ul {
        max-width: 100%;
    }
}

.nav > ul > li > .submenu.level-2 ul li {
    margin-top: 0;
    margin-left: 48px;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.level-2 ul li {
        margin-right: 48px;
    }
}

@media screen and (max-width: 576px) {
    .nav > ul > li > .submenu.level-2 ul li {
        margin-left: 28px;
        margin-right: 28px;
    }
}

.nav > ul > li > .submenu.level-2 ul li a {
    display: block;
    border-bottom: 1px solid #dddddd;
    font-size: 14px;
    position: relative;
    padding: 24px 30px 24px 0;
    color: #060606;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.level-2 ul li a {
        padding: 24px 30px 24px 0;
        display: flex;
        align-items: center;
    }
}

.nav > ul > li > .submenu.level-2 ul li a:after {
    content: "";
    display: inline-block;
    background: url(icons/arrow-right-black.svg) no-repeat 0 0;
    width: 7px;
    height: 14px;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.level-2 ul li a:after {
        width: 5px;
        height: 10px;
        margin-top: -3px;
    }
}

.nav > ul > li > .submenu.level-2 ul li a span {
    display: block;
}

.nav > ul > li > .submenu.level-2 ul li a .line-title {
    text-transform: uppercase;
    font-family: Bilo, sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 24px;
    color: #000;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.level-2 ul li a .line-title {
        margin-bottom: 0;
        margin-right: 100px;
        flex-basis: 76px;
    }
}

@media screen and (max-width: 576px) {
    .nav > ul > li > .submenu.level-2 ul li a .line-title {
        margin-right: 50px;
    }
}

.nav > ul > li > .submenu.level-2 ul li a .line-title img {
    margin-right: 8px;
}

.nav > ul > li > .submenu.level-2 ul li a .range {
    color: #000;
    font-weight: 700;
    margin-bottom: 4px;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.level-2 ul li a .range {
        margin-bottom: 0;
        font-weight: 400;
        font-size: 12px;
    }
}

.nav > ul > li > .submenu.level-2 ul li a .text {
    color: #646464;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.level-2 ul li a .text {
        display: none;
    }
}

.nav > ul > li > .submenu.level-2 ul li:first-child a {
    font-size: 22px;
    padding: 16px 0;
    color: #060606;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.level-2 ul li:first-child {
        margin-bottom: 16px;
    }
}

.nav > ul > li > .submenu.level-2 ul li.shop-all-link {
    display: none;
}

@media screen and (max-width: 991px) {
    .nav > ul > li > .submenu.level-2 ul li.shop-all-link {
        display: block;
    }
}

.nav > ul > li > .submenu.level-2 ul li.shop-all-link a {
    font-size: 18px;
    color: #0a0a0a;
}

.nav > ul > li:hover > .submenu:not(.level-2) {
    opacity: 1;
    visibility: visible;
    left: 0;
    height: calc(150vh - 81px);
    z-index: 9999;
}

@media screen and (max-width: 991px) {
    .nav > ul > li:hover > .submenu:not(.level-2) {
        height: auto;
    }
}

.nav-utilities {
    margin-left: 50px;
    position: relative;
    z-index: 999;
}

    .nav-utilities.dark ul li.basket:before {
        background: #e0e0e0;
    }

    .nav-utilities.dark ul li a {
        color: #e0e0e0;
    }

@media screen and (max-width: 1024px) {
    .nav-utilities {
        margin-left: 30px;
    }
}

@media screen and (max-width: 991px) {
    .nav-utilities {
        margin-left: 0;
    }
}

.nav-utilities ul {
    display: flex;
    align-items: center;
}

    .nav-utilities ul li a {
        display: block;
    }

@media screen and (max-width: 991px) {
    .nav-utilities ul li a {
        display: flex;
        align-items: center;
        text-transform: uppercase;
        font-size: 12px;
    }
}

.nav-utilities ul li a:hover {
    color: #000;
}

.nav-utilities ul li.basket {
    margin-left: 28px;
    position: relative;
    visibility: visible;
}

    .nav-utilities ul li.basket.basket-full:after {
        opacity: 1;
        visibility: visible;
    }

    .nav-utilities ul li.basket::before {
        content: "";
        display: inline-block;
        position: absolute;
        top: -4px;
        left: -14px;
        height: 32px;
        width: 1px;
        background-color: #000;
    }

@media screen and (max-width: 991px) {
    .nav-utilities ul li.basket::before {
        display: none;
    }
}

.nav-utilities ul li.basket:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #152270;
    border-radius: 50%;
    position: absolute;
    bottom: 3px;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

@media screen and (max-width: 991px) {
    .nav-utilities ul li.basket {
        margin-left: 0;
    }
}

.nav-utilities ul li:last-child {
    display: none;
}

@media screen and (max-width: 991px) {
    .nav-utilities ul li:last-child {
        display: inline-block;
        margin-left: 25px;
    }
}

.nav-utilities ul li + li {
    margin-left: 16px;
}

@media screen and (max-width: 991px) {
    .nav-utilities.show ul li.basket {
        visibility: hidden;
    }
}

.nav-access {
    position: fixed;
    z-index: 9997;
    top: 27px;
    right: calc(33% + 194px);
    transition: all 0.3s;
}

    .nav-access.dark a {
        color: #e0e0e0;
    }

@media screen and (max-width: 991px) {
    .nav-access.dark a {
        color: #060606;
    }
}

.nav-access.dark.show a {
    color: #060606;
}

.nav-access.dark.show .ico-account-white {
    background: url(./icons/account.png) no-repeat;
    width: 24px;
    height: 24px;
    background-size: cover;
}

@media screen and (max-width: 1440px) {
    .nav-access {
        right: calc(33% + 166px);
    }
}

@media screen and (max-width: 1024px) {
    .nav-access {
        right: calc(33% + 146px);
    }
}

@media screen and (max-width: 991px) {
    .nav-access {
        position: static;
        background: #efeeea;
        right: auto;
        top: auto;
        left: 44px;
        bottom: 15px;
        visibility: hidden;
        opacity: 0;
    }
}

@media screen and (max-width: 576px) {
    .nav-access {
        left: 32px;
    }
}

.nav-access.under-message {
    right: 33%;
    right: auto;
}

@media screen and (min-width: 992px) {
    .nav-access.under-message {
        position: relative;
        right: calc(33% + 115px);
    }
}

@media screen and (min-width: 1025px) {
    .nav-access.under-message {
        right: calc(33% + 136px);
    }
}

@media screen and (min-width: 1441px) {
    .nav-access.under-message {
        right: calc(33% + 133px);
    }
}

@media screen and (min-width: 1681px) {
    .nav-access.under-message {
        right: calc(33% + 104px);
    }
}

@media screen and (min-width: 1900px) {
    .nav-access.under-message {
        right: calc(33% + 24px);
    }
}

@media screen and (max-width: 1024px) {
    .nav-access.logged {
        top: 22px;
    }
}

.nav-access.logged > a:first-child {
    display: none;
}

.nav-access.logged a.user-menu {
    display: flex;
    justify-content: flex-start;
}

    .nav-access.logged a.user-menu .user-name {
        display: block;
    }

@media screen and (max-width: 991px) {
    .nav-access.logged a.user-menu .user-name {
        display: inline-block;
    }
}

.nav-access.show {
    visibility: visible;
    opacity: 1;
}

.nav-access.hidden {
    visibility: hidden;
    opacity: 0;
}

.nav-access a {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 12px;
    color: #060606;
}

    .nav-access a i {
        margin-right: 8px;
    }

    .nav-access a.user-menu {
        display: none;
        justify-content: center;
        text-align: center;
    }

@media screen and (max-width: 991px) {
    .nav-access a.user-menu {
        font-family: Bilo, Arial, sans-serif;
    }
}

.nav-access a.user-menu .user-name {
    display: none;
}

@media screen and (max-width: 991px) {
    .nav-access a.user-menu .user-name {
        display: inline-block;
    }
}

.nav-access a.user-menu .user-letter {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #efeeea;
    font-size: 12px;
    margin-right: 8px;
}

@media screen and (max-width: 991px) {
    .nav-access a.user-menu .user-letter {
        font-family: "Helvetica Neue", Arial, sans-serif;
        width: 30px;
        height: 30px;
        background: #fff;
    }
}

.nav-access .nav-access-submenu {
    opacity: 0;
    visibility: hidden;
    height: 0;
    position: absolute;
    overflow: hidden;
    top: 100%;
    margin-top: 34px;
    margin-top: 22px;
    left: 0;
    width: 200px;
    background: #000;
    transition: all 0.3s;
}

    .nav-access .nav-access-submenu.dark a {
        color: #e0e0e0;
    }

@media screen and (max-width: 991px) {
    .nav-access .nav-access-submenu {
        position: relative;
        top: 0;
        background: transparent;
        margin-top: 0;
    }
}

.nav-access .nav-access-submenu.show {
    opacity: 1;
    visibility: visible;
    height: auto;
}

@media screen and (max-width: 991px) {
    .nav-access .nav-access-submenu.show {
        margin-top: 5px;
    }
}

.nav-access .nav-access-submenu li {
    padding: 10px 10px;
}

@media screen and (max-width: 991px) {
    .nav-access .nav-access-submenu li {
        padding: 8px 8px 8px 38px;
        margin-bottom: 0 !important;
    }
}

.nav-access .nav-access-submenu li a {
    color: #fff;
}

@media screen and (max-width: 991px) {
    .nav-access .nav-access-submenu li a {
        color: #060606;
    }
}

/********** LANGUAGE MESSAGE ***********/
.lang-slide.open {
    z-index: 99999;
}

@media only screen and (max-width: 767px) {
    .lang-slide.open {
        z-index: 99999;
    }
}

.lang-slide .wrapper .btn {
    top: 50%;
    transform: translateY(-50%);
    max-width: 226px;
}

.lang-slide .wrapper .noticer {
    flex: 1 0 96%;
}

.lang-slide .wrapper .linked {
    flex-basis: 4%;
}

/********** TOPLINE ***********/
.topline {
    background-color: transparent;
    color: #fff;
    position: relative;
    width: 100%;
    height: 0;
    z-index: auto;
}

    .topline .topline-inner {
        max-width: 1120px;
        width: 66%;
        display: flex;
        justify-content: flex-end;
        height: auto;
        font: 14px/16px Bilo, "Helvetica Neue", Arial, sans-serif;
        align-items: center;
        position: relative;
    }

@media screen and (max-width: 991px) {
    .topline .topline-inner {
        font: 12px Bilo, "Helvetica Neue", Arial, sans-serif;
    }
}

@media only screen and (max-width: 1120px) {
    .topline .topline-inner {
        margin-left: 10px;
        margin-right: 10px;
    }
}

.topline .topline-inner .topline-left {
    margin-left: 222px;
}

/* Announcements Banner */
.announcements-banner {
    background: #000;
    color: #dddddd;
    text-transform: uppercase;
    display: none;
}

    .announcements-banner.under-nav {
        display: none;
    }

    .announcements-banner.open {
        display: block;
    }

        .announcements-banner.open ~ .home-hero {
            margin-top: 0;
        }

    .announcements-banner .wrapper {
        font-family: 'akzidenz-grotesk-regular', 'Bilo', sans-serif;
        font-size: 12px;
        position: relative;
        padding: 18px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

@media only screen and (max-width: 578px) {
    .announcements-banner .wrapper {
        line-height: 16px;
        padding: 18px 14%;
    }
}

.announcements-banner .wrapper p {
    margin-bottom: 0;
}

.announcements-banner .wrapper .close {
    background-image: url(./images/x-white.svg);
    background-size: 14px 14px;
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: calc(50% - 7px);
    right: 20px;
    opacity: 1;
}

@media only screen and (max-width: 578px) {
    .announcements-banner .wrapper .close {
        right: 15px;
    }
}

/********** SECONDARY NAV ***********/
.pdp-submenu_container {
    max-width: 100%;
    height: 81px;
    background-color: #da0f0d;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .pdp-submenu_container.a-line {
        background-color: #008487;
    }

    .pdp-submenu_container.c-line {
        background-color: #da0f0d;
    }

    .pdp-submenu_container.lightning {
        background-color: #060606;
    }

    .pdp-submenu_container.p-line {
        background-color: #2f2978;
    }

    .pdp-submenu_container.a-line {
        background-color: #008487;
    }

        .pdp-submenu_container.a-line .pdp-submenu_container_cline-section img {
            width: 30px;
            height: auto;
        }

    .pdp-submenu_container.t-line {
        background-color: #383839;
    }

        .pdp-submenu_container.t-line .pdp-submenu_container_cline-section img {
            width: 24px;
        }

    .pdp-submenu_container.accessories {
        background: #060606;
    }

        .pdp-submenu_container.accessories .pdp-submenu_container_button-mobile,
        .pdp-submenu_container.accessories .pdp-submenu_container_button {
            background: #fff;
            color: #000;
        }

.pdp-submenu_container_cline-section, .pdp-submenu_container_items {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-shrink: 0;
}

.pdp-submenu_container_cline-section_title, .pdp-submenu_container_items_title {
    margin-left: 13px;
    font-family: Bilo;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #ffffff;
}

    .pdp-submenu_container_cline-section_title.lightning, .pdp-submenu_container_items_title.lightning {
        font-family: Bilo;
        font-size: 13px;
        line-height: 15px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: #ffffff;
    }

.pdp-submenu_container_items {
    opacity: 0;
    transition: all .3s;
}

.pdp-submenu_container_items_item {
    font-family: Bilo;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #ffffff;
    margin-left: 32px;
    cursor: pointer;
}

    .pdp-submenu_container_items_item a {
        color: #ffffff;
        opacity: 0.7;
        transition: all .3s;
    }

        .pdp-submenu_container_items_item a:hover {
            opacity: 1;
        }

.pdp-submenu_container_button {
    background-color: #060606;
    height: 56px;
    width: 147px;
    border: #060606;
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    color: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

    .pdp-submenu_container_button.lightning {
        background-color: #ffffff;
        font-family: Bilo;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 17px;
        text-align: center;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #000000;
    }

.pdp-submenu_container_button-mobile {
    width: 108px;
    height: 100%;
    border: #060606;
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    color: #ffffff;
    background-color: #060606;
    flex-shrink: 0;
    display: none;
}

    .pdp-submenu_container_button-mobile.lightning {
        background-color: #ffffff;
        font-family: Bilo;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 17px;
        text-align: center;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #000000;
    }

@media (max-width: 576px) {
    .pdp-submenu_container {
        height: 56px;
        width: 200%;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .pdp-submenu_container_items_item {
        flex-shrink: 0;
    }

        .pdp-submenu_container_items_item:last-child {
            padding-right: 32px;
        }

    .pdp-submenu_container_cline-section {
        display: none;
    }

    .pdp-submenu_container_button-mobile {
        display: inline-block;
    }

    .pdp-submenu_container_button {
        display: none;
    }
}

@media (min-width: 577px) and (max-width: 1024px) {
    .pdp-submenu_container {
        padding: 0px 13px 0px 0;
    }

    .pdp-submenu_container_items {
        margin-left: 30px;
        margin-right: 60px;
    }

    .pdp-submenu_container_cline-section {
        display: none;
    }

    .pdp-submenu_container_button-mobile {
        display: inline-block;
    }

    .pdp-submenu_container_button {
        display: none;
    }
}

@media (min-width: 991px) and (max-width: 1024px) {
    .pdp-submenu_container {
        justify-content: space-around !important;
    }

    .pdp-submenu_container_items {
        margin-left: 147px;
        margin-right: 180px;
    }

    .pdp-submenu_container_button-mobile {
        display: inline-block;
    }

    .pdp-submenu_container_button {
        display: none;
    }
}

@media (min-width: 1025px) {
    .pdp-submenu.show_container {
        padding: 0px 13px 0px 68px;
    }

    .pdp-submenu_container {
        padding: 0px 13px 0px 23px;
    }

    .pdp-submenu_container_button-mobile {
        display: none;
    }

    .pdp-submenu_slider-col {
        overflow: hidden;
    }

    .pdp-submenu .slider-gallery {
        z-index: 9998;
        overflow: hidden;
    }
}

.slider-optimization.slick-initialized.slick-slider .slick-track {
    transform: translate3d(0, 0, 0) !important;
}

.hero-mobile {
    height: 454px;
    background-color: #da0f0d;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
}

@media (max-width: 1024px) {
    .hero-mobile {
        display: flex;
    }
}

.hero-mobile.a-line {
    background-color: #008487;
}

.hero-mobile.p-line {
    background-color: #2f2978;
}

.hero-mobile.c-line {
    background-color: #da0f0d;
}

.hero-mobile > img:first-child {
    height: 120px;
}

@media (max-width: 991px) {
    .hero-mobile > img:first-child {
        height: 95px;
    }
}

@media (max-width: 576px) {
    .hero-mobile > img:first-child {
        height: 64px;
    }
}

.hero-mobile.t-line {
    background-color: #383839;
}

.hero-mobile.accessories {
    background: #060606;
}

.hero-mobile_title {
    font-size: 24px;
    color: #f8f7f7;
    margin-bottom: 16px;
    font-weight: 500;
}

.hero-mobile_cline {
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 16px;
}

    .hero-mobile_cline.lightning {
        font-family: Bilo;
        font-size: 32px;
        line-height: 41px;
        letter-spacing: -0.02em;
        color: #f8f7f7;
        margin-bottom: 16px;
    }

.hero-mobile_rating {
    font-family: Bilo;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #dddddd;
}

.hero-mobile_description {
    font-family: Bilo;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
    margin-top: 25px;
}

@media (max-width: 578px) {
    .hero-mobile_description {
        max-width: 237px;
    }
}

.hero-mobile_actions {
    margin-top: 32px;
    display: flex;
}

    .hero-mobile_actions > div + div {
        margin-left: 16px;
    }

.hero-mobile_actions_link {
    display: inline-block;
    margin: 0px 8px;
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ffffff;
    padding: 4px 0;
    border-bottom: 1px solid #ffffff;
    width: fit-content;
}

    .hero-mobile_actions_link:hover {
        color: #ffffff;
    }

.hero-header {
    background-color: #ffffff;
}

    .hero-header.dark {
        background-color: #060606;
    }

    .hero-header.landing .line-img-wrapper {
        max-width: 63%;
        width: 63%;
        float: left;
    }

@media screen and (max-width: 1024px) {
    .hero-header.landing .line-img-wrapper {
        position: relative;
        width: 100%;
        max-width: 100%;
        float: none;
        min-height: 532px;
        overflow: hidden;
    }
}

@media screen and (max-width: 991px) {
    .hero-header.landing .line-img-wrapper {
        min-height: 432px;
    }
}

@media screen and (max-width: 578px) {
    .hero-header.landing .line-img-wrapper {
        min-height: 340px;
    }
}

.hero-header.landing .line-img-wrapper .line-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    height: 100vh;
}

@media screen and (max-width: 1024px) {
    .hero-header.landing .line-img-wrapper .line-img {
        height: unset;
        top: auto;
        bottom: -20%;
    }
}

.hero-header.landing .hero-header_main-wrapper {
    float: right;
}

.hero-header.a-line .hero-header_main-wrapper .hero-header_info-col {
    background: #008487;
}

.hero-header.c-line .hero-header_main-wrapper .hero-header_info-col {
    background: #2f2978;
}

.hero-header.p-line .hero-header_main-wrapper .hero-header_info-col {
    background: #2f2978;
}

.hero-header.t-line .hero-header_main-wrapper .hero-header_main-wrapper_inner .hero-header_info-col {
    background: #383839;
}

.hero-header.t-line .hero-header_main-wrapper .hero-header_main-wrapper_inner .hero-header_info-col_main-container {
    background: #1e1e1e;
}

    .hero-header.t-line .hero-header_main-wrapper .hero-header_main-wrapper_inner .hero-header_info-col_main-container .available-colours {
        background: #1e1e1e;
    }

        .hero-header.t-line .hero-header_main-wrapper .hero-header_main-wrapper_inner .hero-header_info-col_main-container .available-colours .cta-line {
            color: #dddddd;
        }

        .hero-header.t-line .hero-header_main-wrapper .hero-header_main-wrapper_inner .hero-header_info-col_main-container .available-colours .colours-options > span {
            color: #dddddd;
        }

    .hero-header.t-line .hero-header_main-wrapper .hero-header_main-wrapper_inner .hero-header_info-col_main-container .line-models-options .line-model-wrapper .line-model {
        background: #1e1e1e;
    }

        .hero-header.t-line .hero-header_main-wrapper .hero-header_main-wrapper_inner .hero-header_info-col_main-container .line-models-options .line-model-wrapper .line-model.selected {
            background: #141414;
        }

        .hero-header.t-line .hero-header_main-wrapper .hero-header_main-wrapper_inner .hero-header_info-col_main-container .line-models-options .line-model-wrapper .line-model .model .model-name {
            color: #f2f1f0;
        }

        .hero-header.t-line .hero-header_main-wrapper .hero-header_main-wrapper_inner .hero-header_info-col_main-container .line-models-options .line-model-wrapper .line-model .model .selected > span {
            color: #f2f1f0;
        }

        .hero-header.t-line .hero-header_main-wrapper .hero-header_main-wrapper_inner .hero-header_info-col_main-container .line-models-options .line-model-wrapper .line-model .select-mobile-wrapper .selected-tablet > span {
            color: #f2f1f0;
        }

        .hero-header.t-line .hero-header_main-wrapper .hero-header_main-wrapper_inner .hero-header_info-col_main-container .line-models-options .line-model-wrapper .line-model .model-details .price {
            color: #f2f1f0;
        }

        .hero-header.t-line .hero-header_main-wrapper .hero-header_main-wrapper_inner .hero-header_info-col_main-container .line-models-options .line-model-wrapper .line-model .model-details .description {
            color: #f2f1f0;
        }

        .hero-header.t-line .hero-header_main-wrapper .hero-header_main-wrapper_inner .hero-header_info-col_main-container .line-models-options .line-model-wrapper .line-model .model-details .line-features {
            color: #f2f1f0;
        }

            .hero-header.t-line .hero-header_main-wrapper .hero-header_main-wrapper_inner .hero-header_info-col_main-container .line-models-options .line-model-wrapper .line-model .model-details .line-features .feature {
                color: #f2f1f0;
            }

            .hero-header.t-line .hero-header_main-wrapper .hero-header_main-wrapper_inner .hero-header_info-col_main-container .line-models-options .line-model-wrapper .line-model .model-details .line-features .divider-dot {
                background: #f2f1f0;
            }

.hero-header_main-slider {
    display: grid;
    grid-template-columns: 100%;
    position: relative;
}

    .hero-header_main-slider.dark {
        background: #060606;
    }

.hero-header_main-slider_arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    visibility: hidden;
    top: 37vh;
}

@media (max-width: 578px) {
    .hero-header_main-slider_arrow {
        top: 150px;
    }
}

.hero-header_main-slider_arrow.visible {
    visibility: unset;
}

.hero-header_main-slider_arrow.inactive {
    pointer-events: none;
}

.hero-header_main-slider_arrow.prev {
    left: 20px;
}

.hero-header_main-slider_arrow.next {
    right: 20px;
}

.hero-header_main-wrapper {
    width: 100%;
    background-color: #f2f1f0;
    position: relative;
}

@media (max-width: 1024px) {
    .hero-header_main-wrapper {
        height: unset;
    }
}

.hero-header_main-wrapper.dark {
    background-color: #1e1e1e;
}

.hero-header_main-wrapper_inner {
    box-sizing: content-box;
}

@media (max-width: 1024px) {
    .hero-header_main-wrapper_inner {
        height: unset;
    }
}

.hero-header_slider-col.dark {
    background: #060606;
}

.hero-header_slider-col_img {
    width: 100%;
    object-fit: contain;
    height: 75vh;
}

@media screen and (max-width: 1024px) {
    .hero-header_slider-col_img {
        height: 100%;
    }
}

.hero-header_slider-col .loader-circle {
    width: 80px;
    height: 80px;
    border: 10px solid #c0c0c09e;
    border-left-color: #a1a1a1;
    border-radius: 50%;
    background: transparent;
    animation-name: rotate-s-loader;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-timing-function: linear;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    left: calc(50% - 40px);
    z-index: 20;
    display: none;
}

.hero-header_slider-col.accessories .slider-gallery .slide {
    height: 75vh;
}

    .hero-header_slider-col.accessories .slider-gallery .slide img {
        max-height: 100%;
    }

.hero-header_slider-col .slider-gallery {
    max-width: 100%;
}

    .hero-header_slider-col .slider-gallery .slide {
        padding: 8px;
        height: calc(100vh - 61px);
        position: relative;
        margin-top: 61px;
    }

@media screen and (max-width: 1024px) {
    .hero-header_slider-col .slider-gallery .slide {
        margin-top: unset;
    }
}

.hero-header_slider-col_icons {
    width: fit-content;
    position: absolute;
    top: calc(75vh + 100px);
    left: 90px;
    display: flex;
    z-index: 0;
}

@media screen and (max-width: 1024px) {
    .hero-header_slider-col_icons {
        position: unset;
    }
}

.hero-header_slider-col_icons_slider-thumbs {
    max-width: 187px;
    display: flex;
    justify-content: flex-start;
}

.hero-header_slider-col_icons_slider-thumbs_length {
    height: 56px;
    width: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    margin: 1px;
}

@media screen and (max-width: 425px) {
    .hero-header_slider-col_icons_slider-thumbs {
        width: 140px;
    }
}

.hero-header_slider-col_icons_slider-thumbs_icon {
    cursor: pointer;
    height: 60px !important;
    width: 60px !important;
}

@media screen and (max-width: 425px) {
    .hero-header_slider-col_icons_slider-thumbs_icon {
        height: 40px !important;
        width: 40px !important;
    }
}

.hero-header_slider-col_icons_slider-thumbs_icon img {
    height: auto !important;
    width: 100% !important;
}

.hero-header_slider-col_icons_slider-thumbs_icon.slick-current, .hero-header_slider-col_icons_slider-thumbs_icon.active {
    background: #e0e0e0;
}

.hero-header_slider-col_icons_slider-thumbs_icon, .hero-header_slider-col_icons_slider-thumbs_icon_counter {
    height: 56px;
    width: 56px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    margin: 1px;
}

@media screen and (max-width: 425px) {
    .hero-header_slider-col_icons_slider-thumbs_icon, .hero-header_slider-col_icons_slider-thumbs_icon_counter {
        height: 40px;
        width: 40px;
    }
}

.hero-header_slider-col_icons_slider-thumbs_icon_counter {
    background: transparent;
    width: auto;
    margin-left: 12px;
}

    .hero-header_slider-col_icons_slider-thumbs_icon_counter:first-child, .hero-header_slider-col_icons_slider-thumbs_icon_counter:nth-last-child(2) {
        background: transparent;
        width: 16px;
        margin-left: 16px;
    }

        .hero-header_slider-col_icons_slider-thumbs_icon_counter:first-child img, .hero-header_slider-col_icons_slider-thumbs_icon_counter:nth-last-child(2) img {
            width: auto !important;
        }

    .hero-header_slider-col_icons_slider-thumbs_icon_counter.dark {
        color: #dddddd;
    }

.hero-header_info-col {
    height: 545px;
    background-color: #da0f0d;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 102px;
}

    .hero-header_info-col.a-line {
        background-color: #008487;
    }

        .hero-header_info-col.a-line > img:first-child {
            height: 120px;
        }

@media (max-width: 991px) {
    .hero-header_info-col.a-line > img:first-child {
        height: 95px;
    }
}

@media (max-width: 576px) {
    .hero-header_info-col.a-line > img:first-child {
        height: 64px;
    }
}

.hero-header_info-col.t-line {
    background-color: #383839;
}

.hero-header_info-col.accessories {
    background: #060606;
}

.hero-header_info-col_heading {
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 16px;
}

    .hero-header_info-col_heading.lightning {
        font-family: Bilo;
        font-size: 32px;
        line-height: 41px;
        letter-spacing: -0.02em;
        color: #f8f7f7;
        margin-bottom: 16px;
    }

.hero-header_info-col_title {
    font-size: 32px;
    color: #f8f7f7;
    font-weight: 500;
}

.hero-header_info-col_rating {
    font-family: Bilo;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #dddddd;
    margin-top: 16px;
}

.hero-header_info-col_bullets {
    font-family: Bilo;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    margin-top: 16px;
    padding: 0 20px;
    text-align: center;
}

.hero-header_info-col_description {
    font-family: Bilo;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #ffffff;
    margin-top: 25px;
    max-width: 354px;
}

.hero-header_info-col_actions {
    margin-top: 32px;
    display: flex;
}

    .hero-header_info-col_actions > div + div {
        margin-left: 24px;
    }

.hero-header_info-col_actions_link {
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ffffff;
    padding: 4px 0;
    border-bottom: 1px solid #ffffff;
    width: fit-content;
}

    .hero-header_info-col_actions_link:hover {
        color: #fff;
    }

.hero-header_info-col_main-container {
    background-color: #f2f1f0;
    position: relative;
    z-index: 10;
}

    .hero-header_info-col_main-container.dark {
        background-color: #1e1e1e;
    }

@media (max-width: 1024px) {
    .hero-header_info-col_main-container.landing {
        background: #ffffff;
    }
}

.hero-header_info-col_main-container.landing .available-colours {
    height: 95px;
    background: #f8f7f7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 64px;
}

    .hero-header_info-col_main-container.landing .available-colours.dark {
        background: #1e1e1e;
        padding-left: 0px;
        width: 90%;
        margin: 0 auto;
    }

@media (max-width: 1024px) {
    .hero-header_info-col_main-container.landing .available-colours.dark {
        border-bottom: 1px solid #424242;
    }
}

@media (max-width: 425px) {
    .hero-header_info-col_main-container.landing .available-colours.dark {
        width: 95%;
    }
}

@media (max-width: 1024px) {
    .hero-header_info-col_main-container.landing .available-colours {
        padding: 0px 30px;
        background: #ffffff;
        border-bottom: 1px solid #dddddd;
    }
}

@media (max-width: 425px) {
    .hero-header_info-col_main-container.landing .available-colours {
        padding: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: baseline;
    }
}

.hero-header_info-col_main-container.landing .available-colours .cta-line {
    font-family: "akzidenz-grotesk-regular";
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #060606;
}

    .hero-header_info-col_main-container.landing .available-colours .cta-line.dark {
        color: #dddddd;
    }

@media (max-width: 425px) {
    .hero-header_info-col_main-container.landing .available-colours .cta-line {
        font-size: 11px;
        line-height: 13px;
        padding: 20px 0px;
    }
}

.hero-header_info-col_main-container.landing .available-colours .colours-options {
    font-family: "akzidenz-grotesk-regular";
    font-size: 14px;
    line-height: 20px;
    color: #060606;
    display: flex;
    align-items: center;
}

    .hero-header_info-col_main-container.landing .available-colours .colours-options.dark > span {
        color: #dddddd;
    }

@media (max-width: 768px) {
    .hero-header_info-col_main-container.landing .available-colours .colours-options {
        font-size: 12px;
        line-height: 16px;
    }
}

@media (max-width: 425px) {
    .hero-header_info-col_main-container.landing .available-colours .colours-options {
        padding-bottom: 20px;
    }
}

.hero-header_info-col_main-container.landing .available-colours .colours-options span {
    margin-right: 8px;
}

.hero-header_info-col_main-container.landing .line-models-options.dark {
    background: #1e1e1e;
}

@media (max-width: 1024px) {
    .hero-header_info-col_main-container.landing .line-models-options {
        display: flex;
    }
}

@media (max-width: 576px) {
    .hero-header_info-col_main-container.landing .line-models-options {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        border: 1px solid transparent;
    }
}

@media (max-width: 1024px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper.t-line {
        width: 50%;
    }
}

@media (max-width: 1024px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper {
        width: 33%;
    }
}

@media (max-width: 576px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper {
        flex: 0 0 auto;
        width: 280px;
        height: fit-content;
    }
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model {
    height: 170px;
    padding: 32px 64px;
    display: flex;
    justify-content: space-between;
    background: #f8f7f7;
    column-gap: 20px;
    cursor: pointer;
}

    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model.dark {
        background: #1e1e1e;
    }

        .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model.dark.selected {
            background: #141414;
        }

@media (max-width: 1600px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model {
        padding: 32px 24px;
    }
}

@media (max-width: 1024px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model {
        display: flex;
        flex-direction: column;
        height: 250px;
        padding: 24px;
        background: #ffffff;
    }
}

@media (max-width: 768px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model {
        height: 300px;
        padding: 24px;
    }
}

@media (max-width: 576px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model {
        display: flex;
        flex-direction: column;
        height: fit-content;
        padding: 24px 12px;
        justify-content: flex-start;
    }
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model.selected {
    background: #ffffff;
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex-basis: 35%;
}

@media (max-width: 1024px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model {
        align-items: flex-start;
    }
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model .model-name {
    justify-content: flex-start;
    text-align: center;
    font-family: "Bilo";
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -0.01em;
    font-weight: 400;
}

@media (max-width: 1024px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model .model-name {
        text-align: left;
    }
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model .model-name.dark {
    color: #e0e0e0;
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model .select-desktop {
    height: 36px;
    width: 150px;
    background-color: #f2f1f0;
    border: 1px solid #f2f1f0;
    font-size: 10px;
    line-height: 15px;
    font-family: "Bilo";
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #060606;
    display: block;
}

@media (max-width: 1600px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model .select-desktop {
        width: 130px;
    }
}

@media (max-width: 1024px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model .select-desktop {
        display: none;
    }
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model .select-desktop.active {
    display: none;
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model .selected {
    display: none;
}

    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model .selected.dark.active {
        display: block;
        justify-content: flex-end;
        display: flex;
        align-items: center;
    }

@media (max-width: 768px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model .selected.dark.active {
        display: none;
    }
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model .selected.dark.active span {
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #e0e0e0;
    margin-left: 4px;
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model .selected.active {
    display: block;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    height: 36px;
}

@media (max-width: 768px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model .selected.active {
        display: none;
    }
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model .selected.active span {
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #060606;
    margin-left: 4px;
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 400px;
}

@media (max-width: 1440px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model-details {
        width: 250px;
    }
}

@media (max-width: 768px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model-details {
        width: unset;
        margin-left: unset;
        justify-content: flex-start;
        margin-top: 16px;
    }
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model-details .price {
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    font-weight: 600;
}

    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model-details .price.dark {
        color: #e0e0e0;
    }

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model-details .description {
    font-family: Bilo;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #060606;
}

    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model-details .description.dark {
        color: #e0e0e0;
    }

@media (max-width: 576px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model-details .line-features {
        margin-top: 16px;
    }
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model-details .line-features > ul {
    display: flex;
    align-items: center;
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model-details .line-features .feature {
    width: fit-content;
    font-family: Bilo;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #060606;
}

    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model-details .line-features .feature.dark {
        color: #e0e0e0;
    }

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model-details .line-features .divider-dot {
    width: 4px;
    height: 4px;
    background-color: #060606;
    display: inline-block;
    margin: 3px;
    border-radius: 2px;
}

    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .model-details .line-features .divider-dot.dark {
        background-color: #e0e0e0;
    }

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .select-mobile-wrapper {
    display: none;
}

@media (max-width: 1024px) {
    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .select-mobile-wrapper {
        display: flex;
        margin-top: 16px;
    }

        .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .select-mobile-wrapper .select-mobile {
            height: 36px;
            width: 116px;
            background-color: #f2f1f0;
            border: 1px solid #f2f1f0;
            font-size: 10px;
            line-height: 15px;
            font-family: "Bilo";
            text-align: center;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: #060606;
        }

            .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .select-mobile-wrapper .select-mobile.tablet {
                display: block;
            }

                .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .select-mobile-wrapper .select-mobile.tablet.active {
                    display: none;
                }
}

.hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .select-mobile-wrapper .selected-tablet {
    display: none;
}

    .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .select-mobile-wrapper .selected-tablet.selected {
        display: flex;
        align-items: center;
        height: 36px;
    }

        .hero-header_info-col_main-container.landing .line-models-options .line-model-wrapper .line-model .select-mobile-wrapper .selected-tablet.selected > span {
            margin-left: 6px;
        }

.hero-header_info-col_main-container.landing .options-btn {
    width: 100%;
    padding: 32px 64px;
}

@media (max-width: 576px) {
    .hero-header_info-col_main-container.landing .options-btn {
        padding: 0px;
    }
}

.hero-header_info-col_main-container.landing .options-btn .btn-loader {
    width: 20px;
    height: 20px;
    border: 4px solid #f2f1f057;
    border-left-color: #f2f1f0;
    border-radius: 50%;
    background: transparent;
    animation-name: rotate-s-loader;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-timing-function: linear;
    position: static;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
    z-index: 20;
    display: none;
}

    .hero-header_info-col_main-container.landing .options-btn .btn-loader.show {
        display: inline-block !important;
    }

.hero-header_info-col_main-container.landing .options-btn .btn-disabled {
    width: 100%;
    background-color: #a6a6a6;
    border: 1px solid #a6a6a6;
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #f2f1f0;
    height: 56px;
    cursor: unset;
}

    .hero-header_info-col_main-container.landing .options-btn .btn-disabled.active {
        background-color: #060606;
        border: 1px solid #060606;
        cursor: pointer;
    }

.hero-header_info-col_main-container .quantity {
    margin-top: 64px;
}

    .hero-header_info-col_main-container .quantity.dark p {
        color: #dddddd;
    }

    .hero-header_info-col_main-container .quantity .quantity-controls {
        display: flex;
        align-items: center;
    }

    .hero-header_info-col_main-container .quantity p {
        font-size: 24px;
        line-height: 31px;
        letter-spacing: -0.01em;
        color: #000000;
        margin-bottom: 12px;
    }

    .hero-header_info-col_main-container .quantity input {
        height: 48px;
        width: 48px;
        margin: 0 15px;
        border: 0;
        color: #000;
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        text-align: center;
    }

        .hero-header_info-col_main-container .quantity input::-webkit-outer-spin-button,
        .hero-header_info-col_main-container .quantity input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    .hero-header_info-col_main-container .quantity .qty-control {
        background: #fff;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        color: #1e1e1e;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

        .hero-header_info-col_main-container .quantity .qty-control.disabled {
            opacity: 0.5;
        }

.hero-header_info-col_colour-container {
    width: fit-content;
    margin-bottom: 64px;
}

.hero-header_info-col_colour-container_colour {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.hero-header_info-col_colour-container_colour_colour-text {
    font-family: Bilo;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -0.01em;
    color: #000000;
    margin-right: 12px;
}

    .hero-header_info-col_colour-container_colour_colour-text.dark {
        color: #dddddd;
    }

.hero-header_info-col_colour-container_colour_name {
    font-family: Bilo;
    font-size: 14px;
    line-height: 20px;
    color: #060606;
}

    .hero-header_info-col_colour-container_colour_name.dark {
        color: #dddddd;
    }

.hero-header_info-col_colour-container_colours, .hero-header_info-col_colour-container_sizes {
    display: flex;
    justify-content: flex-start;
}

.hero-header_info-col_colour-container_colours_bg, .hero-header_info-col_colour-container_colours_border, .hero-header_info-col_colour-container_sizes_bg, .hero-header_info-col_colour-container_sizes_border {
    border: 1px solid transparent;
    padding: 4px;
    border-radius: 50%;
    cursor: pointer;
    max-width: 42px;
}

.hero-header_info-col_colour-container_colours_bg_price, .hero-header_info-col_colour-container_colours_border_price, .hero-header_info-col_colour-container_sizes_bg_price, .hero-header_info-col_colour-container_sizes_border_price {
    margin-top: 8px;
    display: inline-block;
}

    .hero-header_info-col_colour-container_colours_bg_price.dark, .hero-header_info-col_colour-container_colours_border_price.dark, .hero-header_info-col_colour-container_sizes_bg_price.dark, .hero-header_info-col_colour-container_sizes_border_price.dark {
        color: #a6a6a6;
    }

.hero-header_info-col_colour-container_colours_bg.active, .hero-header_info-col_colour-container_colours_border.active, .hero-header_info-col_colour-container_sizes_bg.active, .hero-header_info-col_colour-container_sizes_border.active {
    padding: 4px;
    border-radius: 50%;
    border: 1px solid #060606;
}

.hero-header_info-col_colour-container_colours_bg.unavailable, .hero-header_info-col_colour-container_colours_border.unavailable, .hero-header_info-col_colour-container_sizes_bg.unavailable, .hero-header_info-col_colour-container_sizes_border.unavailable {
    position: relative;
    pointer-events: none;
    cursor: auto;
    opacity: 0.7;
}

    .hero-header_info-col_colour-container_colours_bg.unavailable:after, .hero-header_info-col_colour-container_colours_border.unavailable:after, .hero-header_info-col_colour-container_sizes_bg.unavailable:after, .hero-header_info-col_colour-container_sizes_border.unavailable:after {
        content: "";
        width: calc(100% - 6px);
        height: 2px;
        background: #fff;
        position: absolute;
        left: 3px;
        top: 50%;
        margin-top: -1px;
        transform: rotate(-45deg);
    }

.hero-header_info-col_colour-container_colours_bg#white > div, .hero-header_info-col_colour-container_colours_border#white > div, .hero-header_info-col_colour-container_sizes_bg#white > div, .hero-header_info-col_colour-container_sizes_border#white > div {
    border: 2px solid #c4c4c4;
}

.hero-header_info-col_colour-container_colours_bg#white:after, .hero-header_info-col_colour-container_colours_border#white:after, .hero-header_info-col_colour-container_sizes_bg#white:after, .hero-header_info-col_colour-container_sizes_border#white:after {
    content: "";
    background: #c4c4c4;
    width: calc(100% - 10px);
    margin-top: 0;
    left: 5px;
}

.hero-header_info-col_colour-container_colours_yellow, .hero-header_info-col_colour-container_colours_red, .hero-header_info-col_colour-container_colours_blue, .hero-header_info-col_colour-container_colours_pink, .hero-header_info-col_colour-container_colours_green, .hero-header_info-col_colour-container_colours_grey, .hero-header_info-col_colour-container_colours_brown, .hero-header_info-col_colour-container_colours_cyan, .hero-header_info-col_colour-container_colours_light-blue, .hero-header_info-col_colour-container_colours_orange, .hero-header_info-col_colour-container_colours_navy, .hero-header_info-col_colour-container_colours_olive, .hero-header_info-col_colour-container_colours_black, .hero-header_info-col_colour-container_colours_white, .hero-header_info-col_colour-container_colours_house-red, .hero-header_info-col_colour-container_colours_black-lacquer, .hero-header_info-col_colour-container_colours_turkish-green, .hero-header_info-col_colour-container_colours_flame-lacquer, .hero-header_info-col_colour-container_colours_midnight-black-metallic, .hero-header_info-col_colour-container_colours_storm-grey-metallic, .hero-header_info-col_colour-container_colours_fire-coral, .hero-header_info-col_colour-container_colours_racing-green, .hero-header_info-col_colour-container_colours_piccadilly-blue, .hero-header_info-col_colour-container_colours_cloud-blue, .hero-header_info-col_colour-container_colours_silver, .hero-header_info-col_colour-container_colours_blasted-titanium, .hero-header_info-col_colour-container_colours_black-turkish-green, .hero-header_info-col_colour-container_colours_polished-titanium, .hero-header_info-col_colour-container_colours_arctic-grey, .hero-header_info-col_colour-container_colours_stealth-black, .hero-header_info-col_colour-container_colours_carbon-black, .hero-header_info-col_colour-container_colours_sage-green, .hero-header_info-col_colour-container_colours_sky-blue, .hero-header_info-col_colour-container_colours_whiteBg, .hero-header_info-col_colour-container_sizes_yellow, .hero-header_info-col_colour-container_sizes_red, .hero-header_info-col_colour-container_sizes_blue, .hero-header_info-col_colour-container_sizes_pink, .hero-header_info-col_colour-container_sizes_green, .hero-header_info-col_colour-container_sizes_grey, .hero-header_info-col_colour-container_sizes_brown, .hero-header_info-col_colour-container_sizes_cyan, .hero-header_info-col_colour-container_sizes_light-blue, .hero-header_info-col_colour-container_sizes_orange, .hero-header_info-col_colour-container_sizes_navy, .hero-header_info-col_colour-container_sizes_olive, .hero-header_info-col_colour-container_sizes_black, .hero-header_info-col_colour-container_sizes_white, .hero-header_info-col_colour-container_sizes_house-red, .hero-header_info-col_colour-container_sizes_black-lacquer, .hero-header_info-col_colour-container_sizes_turkish-green, .hero-header_info-col_colour-container_sizes_flame-lacquer, .hero-header_info-col_colour-container_sizes_midnight-black-metallic, .hero-header_info-col_colour-container_sizes_storm-grey-metallic, .hero-header_info-col_colour-container_sizes_fire-coral, .hero-header_info-col_colour-container_sizes_racing-green, .hero-header_info-col_colour-container_sizes_piccadilly-blue, .hero-header_info-col_colour-container_sizes_cloud-blue, .hero-header_info-col_colour-container_sizes_silver, .hero-header_info-col_colour-container_sizes_blasted-titanium, .hero-header_info-col_colour-container_sizes_black-turkish-green, .hero-header_info-col_colour-container_sizes_polished-titanium, .hero-header_info-col_colour-container_sizes_arctic-grey, .hero-header_info-col_colour-container_sizes_stealth-black, .hero-header_info-col_colour-container_sizes_carbon-black, .hero-header_info-col_colour-container_sizes_sage-green, .hero-header_info-col_colour-container_sizes_sky-blue, .hero-header_info-col_colour-container_sizes_whiteBg {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.hero-header_info-col_colour-container_colours_yellow, .hero-header_info-col_colour-container_sizes_yellow {
    background-color: #ffff00;
}

.hero-header_info-col_colour-container_colours_red, .hero-header_info-col_colour-container_sizes_red {
    background-color: #b12418;
}

.hero-header_info-col_colour-container_colours_blue, .hero-header_info-col_colour-container_sizes_blue {
    background-color: #10238d;
}

.hero-header_info-col_colour-container_colours_pink, .hero-header_info-col_colour-container_sizes_pink {
    background-color: #c64c43;
}

.hero-header_info-col_colour-container_colours_green, .hero-header_info-col_colour-container_sizes_green {
    background-color: #0a5531;
}

.hero-header_info-col_colour-container_colours_grey, .hero-header_info-col_colour-container_sizes_grey {
    background-color: #adabab;
}

.hero-header_info-col_colour-container_colours_brown, .hero-header_info-col_colour-container_sizes_brown {
    background-color: #d1662a;
}

.hero-header_info-col_colour-container_colours_cyan, .hero-header_info-col_colour-container_sizes_cyan {
    background-color: #16d1d2;
}

.hero-header_info-col_colour-container_colours_light-blue, .hero-header_info-col_colour-container_sizes_light-blue {
    background-color: #c6d4f2;
}

.hero-header_info-col_colour-container_colours_orange, .hero-header_info-col_colour-container_sizes_orange {
    background-color: #c34c32;
}

.hero-header_info-col_colour-container_colours_navy, .hero-header_info-col_colour-container_sizes_navy {
    background-color: #333366;
}

.hero-header_info-col_colour-container_colours_olive, .hero-header_info-col_colour-container_sizes_olive {
    background-color: #999900;
}

.hero-header_info-col_colour-container_colours_black, .hero-header_info-col_colour-container_sizes_black {
    background-color: #000000;
}

.hero-header_info-col_colour-container_colours_white, .hero-header_info-col_colour-container_sizes_white {
    border: 1px solid grey;
    background-color: #fafafa;
}

.hero-header_info-col_colour-container_colours_house-red, .hero-header_info-col_colour-container_sizes_house-red {
    background-color: #cf0128;
}

.hero-header_info-col_colour-container_colours_black-lacquer, .hero-header_info-col_colour-container_sizes_black-lacquer {
    background-color: #544234;
}

.hero-header_info-col_colour-container_colours_turkish-green, .hero-header_info-col_colour-container_sizes_turkish-green {
    background-color: #a3d1c9;
}

.hero-header_info-col_colour-container_colours_flame-lacquer, .hero-header_info-col_colour-container_sizes_flame-lacquer {
    background-color: #c52002;
}

.hero-header_info-col_colour-container_colours_midnight-black-metallic, .hero-header_info-col_colour-container_sizes_midnight-black-metallic {
    background-color: #1c1d20;
}

.hero-header_info-col_colour-container_colours_storm-grey-metallic, .hero-header_info-col_colour-container_sizes_storm-grey-metallic {
    background-color: #808183;
}

.hero-header_info-col_colour-container_colours_fire-coral, .hero-header_info-col_colour-container_sizes_fire-coral {
    background-color: #da4d45;
}

.hero-header_info-col_colour-container_colours_racing-green, .hero-header_info-col_colour-container_sizes_racing-green {
    background-color: #2c5336;
}

.hero-header_info-col_colour-container_colours_piccadilly-blue, .hero-header_info-col_colour-container_sizes_piccadilly-blue {
    background-color: #212e81;
}

.hero-header_info-col_colour-container_colours_cloud-blue, .hero-header_info-col_colour-container_sizes_cloud-blue {
    background-color: #91b1d9;
}

.hero-header_info-col_colour-container_colours_silver, .hero-header_info-col_colour-container_sizes_silver {
    background-color: #adabab;
}

.hero-header_info-col_colour-container_colours_blasted-titanium, .hero-header_info-col_colour-container_sizes_blasted-titanium {
    background-color: #c7c3c0;
}

.hero-header_info-col_colour-container_colours_black-turkish-green, .hero-header_info-col_colour-container_sizes_black-turkish-green {
    background-color: #000000;
}

.hero-header_info-col_colour-container_colours_polished-titanium, .hero-header_info-col_colour-container_sizes_polished-titanium {
    background-color: #9c9492;
}

.hero-header_info-col_colour-container_colours_arctic-grey, .hero-header_info-col_colour-container_sizes_arctic-grey {
    background-color: #bcc1c4;
}

.hero-header_info-col_colour-container_colours_stealth-black, .hero-header_info-col_colour-container_sizes_stealth-black {
    background-color: #2b312f;
}

.hero-header_info-col_colour-container_colours_carbon-black, .hero-header_info-col_colour-container_sizes_carbon-black {
    background-color: #3b3b3d;
}

.hero-header_info-col_colour-container_colours_sage-green, .hero-header_info-col_colour-container_sizes_sage-green {
    background-color: #9db9a2;
}

.hero-header_info-col_colour-container_colours_sky-blue, .hero-header_info-col_colour-container_sizes_sky-blue {
    background-color: #9fcbe6;
}

.hero-header_info-col_colour-container_colours_whiteBg, .hero-header_info-col_colour-container_sizes_whiteBg {
    background-color: white;
}

    .hero-header_info-col_colour-container_colours_whiteBg.size-option, .hero-header_info-col_colour-container_sizes_whiteBg.size-option {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .hero-header_info-col_colour-container_colours_whiteBg.unavailable, .hero-header_info-col_colour-container_sizes_whiteBg.unavailable {
        background: #ddd;
        color: #858585;
    }

.hero-header_info-col_colour-container_sizes_bg.unavailable .hero-header_info-col_colour-container_sizes_whiteBg.size-option, .hero-header_info-col_colour-container_sizes_border.unavailable .hero-header_info-col_colour-container_sizes_whiteBg.size-option {
    background: #ddd;
    color: #858585;
    border-color: transparent !important;
}

.hero-header_info-col_colour-container_sizes_bg.unavailable:after, .hero-header_info-col_colour-container_sizes_border.unavailable:after {
    content: "";
    width: calc(100% - 8px);
    margin-top: 0;
    left: 5px;
}

.hero-header_info-col_colour-container_price {
    text-align: end;
    font-family: Bilo;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #424242;
    margin-top: 6px;
    margin-left: 10px;
}

    .hero-header_info-col_colour-container_price.dark {
        color: #a6a6a6;
    }

.hero-header_info-col_handlebars-container {
    max-width: 100%;
    margin-bottom: 64px;
}

.hero-header_info-col_handlebars-container_text-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.hero-header_info-col_handlebars-container_text-wrapper_handlebars {
    font-family: Bilo;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -0.01em;
    color: #0a0a0a;
}

    .hero-header_info-col_handlebars-container_text-wrapper_handlebars.dark {
        color: #dddddd;
    }

.hero-header_info-col_handlebars-container_text-wrapper_notsure {
    font-family: Bilo;
    font-size: 10px;
    line-height: 15px;
    text-align: right;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0a0a0a;
}

    .hero-header_info-col_handlebars-container_text-wrapper_notsure.dark {
        color: #dddddd;
    }

    .hero-header_info-col_handlebars-container_text-wrapper_notsure > span:first-child {
        display: inline-block;
        height: 11px;
        vertical-align: middle;
        margin-right: 3px;
    }

.hero-header_info-col_handlebars-container_boxes {
    display: flex;
}

.hero-header_info-col_handlebars-container_boxes_box {
    width: 33%;
    height: 138px;
    margin: 2px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    cursor: pointer;
    transition: all 0.3s;
}

    .hero-header_info-col_handlebars-container_boxes_box:hover, .hero-header_info-col_handlebars-container_boxes_box.selected {
        border: 1px solid #282828;
    }

    .hero-header_info-col_handlebars-container_boxes_box.dark {
        background: #060606;
        border: 1px solid #060606;
    }

    .hero-header_info-col_handlebars-container_boxes_box.dark_selected {
        border: 1px solid #424242;
        background-color: #141414;
    }

    .hero-header_info-col_handlebars-container_boxes_box .out-of-stock-label {
        color: #ed0202;
        font-size: 10px;
        display: block;
    }

@media screen and (max-width: 1024px) {
    .hero-header_info-col_handlebars-container_boxes_box .out-of-stock-label {
        margin-left: 6px;
        display: inline-block;
    }
}

.hero-header_info-col_handlebars-container_boxes_box.out-of-stock {
    background: #f8f7f7;
    border-color: transparent;
    pointer-events: none;
}

    .hero-header_info-col_handlebars-container_boxes_box.out-of-stock .hero-header_info-col_handlebars-container_boxes_box_image {
        opacity: 0.4;
    }

    .hero-header_info-col_handlebars-container_boxes_box.out-of-stock .hero-header_info-col_handlebars-container_boxes_box_text_description,
    .hero-header_info-col_handlebars-container_boxes_box.out-of-stock .hero-header_info-col_handlebars-container_boxes_box_text_title {
        color: #858585;
        display: flex;
        flex-direction: column-reverse;
    }

@media screen and (max-width: 1024px) {
    .hero-header_info-col_handlebars-container_boxes_box.out-of-stock .hero-header_info-col_handlebars-container_boxes_box_text_description,
    .hero-header_info-col_handlebars-container_boxes_box.out-of-stock .hero-header_info-col_handlebars-container_boxes_box_text_title {
        display: unset;
    }
}

.hero-header_info-col_handlebars-container_boxes_box.out-of-stock.dark {
    background: #141414;
}

@media screen and (max-width: 1024px) {
    .hero-header_info-col_handlebars-container_boxes_box_text {
        display: flex;
        flex-direction: column;
    }
}

.hero-header_info-col_handlebars-container_boxes_box_text_title {
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}

    .hero-header_info-col_handlebars-container_boxes_box_text_title.dark {
        color: #ffffff;
    }

.hero-header_info-col_handlebars-container_boxes_box_text_description {
    font-family: Bilo;
    font-size: 12px;
    color: #858585;
}

.hero-header_info-col_handlebars-container_boxes_box_image.dark img {
    filter: invert(100%) sepia(0%) saturate(7499%) hue-rotate(184deg) brightness(93%) contrast(111%);
}

.hero-header_info-col_pricing-container {
    margin-top: 64px;
}

.hero-header_info-col_pricing-container_price {
    font-family: Bilo;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -0.01em;
    color: #0a0a0a;
}

    .hero-header_info-col_pricing-container_price.dark {
        color: #dddddd;
    }

.hero-header_info-col_pricing-container_kg {
    font-family: Bilo;
    font-size: 16px;
    line-height: 23px;
    color: #0a0a0a;
}

    .hero-header_info-col_pricing-container_kg.dark {
        color: #dddddd;
    }

.hero-header_info-col_pricing-container_description {
    font-family: Bilo, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #646464;
    margin-top: 8px;
}

    .hero-header_info-col_pricing-container_description.dark {
        color: #dddddd;
    }

.hero-header_info-col_pricing-container_actions {
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
}

.hero-header_info-col_pricing-container_actions_button, .hero-header_info-col_pricing-container_actions_link {
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    text-transform: uppercase;
    width: fit-content;
}

@media (max-width: 1024px) {
    .hero-header_info-col_pricing-container_actions_button, .hero-header_info-col_pricing-container_actions_link {
        margin: 0 auto;
    }
}

.hero-header_info-col_pricing-container_actions_loader {
    width: 20px;
    height: 20px;
    border: 4px solid #f2f1f057;
    border-left-color: #f2f1f0;
    border-radius: 50%;
    background: transparent;
    animation-name: rotate-s-loader;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-timing-function: linear;
    position: static;
    margin-top: -2px;
    vertical-align: middle;
    z-index: 20;
    display: none;
}

    .hero-header_info-col_pricing-container_actions_loader.show {
        display: inline-block !important;
    }

.hero-header_info-col_pricing-container_actions_button {
    text-align: center;
    letter-spacing: 0.12em;
    color: #ffffff;
    background-color: #060606;
    border: #060606;
    width: 100%;
    height: 56px;
    order: 1;
}

.hero-header_info-col_pricing-container_actions_link {
    letter-spacing: 0.08em;
    color: #060606;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #060606;
    padding-bottom: 4px;
    order: 2;
}

    .hero-header_info-col_pricing-container_actions_link.dark {
        border-bottom: 1px solid #dddddd;
        color: #dddddd;
    }

        .hero-header_info-col_pricing-container_actions_link.dark a {
            color: #dddddd;
        }

.hero-header_info-col_pricing-container_learn-more {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.hero-header_info-col_pricing-container_learn-more_link {
    text-decoration: underline;
}

.hero-header_info-col_pricing-container_learn-more.dark > div,
.hero-header_info-col_pricing-container_learn-more.dark > div > a {
    color: #a6a6a6;
}

.hero-header_info-col_accordion-container {
    margin-top: 38px;
}

.hero-header_info-col_accordion-container_content_description {
    font-family: Bilo;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0a0a0a;
    padding: 16px 0px;
    border-top: 1px solid #dddddd;
}

    .hero-header_info-col_accordion-container_content_description:last-child {
        border-bottom: 1px solid #dddddd;
    }

    .hero-header_info-col_accordion-container_content_description.dark {
        color: #a6a6a6;
        border-top: 1px solid #424242;
    }

        .hero-header_info-col_accordion-container_content_description.dark:last-child {
            border-bottom: 1px solid #424242;
        }

.hero-header_info-col_pricing-container_actions .error {
    text-align: left;
    margin-top: 10px;
    order: 3;
    flex-basis: 100%;
}

@media (max-width: 576px) {
    .hero-header {
        display: flex;
        flex-direction: column;
    }

    .hero-header_main-wrapper_inner {
        height: auto;
    }

    .hero-header_slider-col {
        padding-top: 0;
        position: relative;
    }

        .hero-header_slider-col.dark {
            background: #060606;
        }

        .hero-header_slider-col.accessories .slider-gallery .slide {
            height: auto;
        }

            .hero-header_slider-col.accessories .slider-gallery .slide img {
                max-height: none;
            }

        .hero-header_slider-col .slider-gallery {
            min-height: 400px;
        }

            .hero-header_slider-col .slider-gallery .slide {
                height: auto;
            }

                .hero-header_slider-col .slider-gallery .slide img {
                    position: static;
                    transform: translateY(0);
                }

    .hero-header_slider-col_icons {
        left: 28px;
        bottom: 25px;
        margin-bottom: 25px;
    }
}

@media (max-width: 576px) and (max-width: 1024px) {
    .hero-header_slider-col_icons {
        margin-left: 40px;
    }
}

@media (max-width: 576px) {
    .hero-header_slider-col_icons_slider-thumbs_icon, .hero-header_slider-col_icons_slider-thumbs_icon_counter {
        height: 26px;
        align-self: center;
    }

    .hero-header_slider-col_icons_slider-thumbs_icon {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .hero-header_slider-col_icons_slider-thumbs_icon:nth-child(1), .hero-header_slider-col_icons_slider-thumbs_icon:nth-child(2), .hero-header_slider-col_icons_slider-thumbs_icon:nth-child(3) {
            display: none;
        }

        .hero-header_slider-col_icons_slider-thumbs_icon:nth-last-child(2) {
            margin-left: 0;
        }

    .hero-header_info-col {
        display: none;
    }

    .hero-header_info-col_main-container {
        padding: 24px 28px;
        z-index: 1;
    }

        .hero-header_info-col_main-container.c-line {
            padding: 0px;
        }

        .hero-header_info-col_main-container .quantity {
            margin-top: 48px;
        }

    .hero-header_info-col_colour-container {
        width: 100%;
        margin-bottom: 48px;
    }

    .hero-header_info-col_colour-container_colour {
        align-items: flex-start;
        flex-direction: column;
    }

    .hero-header_info-col_colour-container_colour_size {
        display: none;
    }

    .hero-header_info-col_colour-container_price {
        margin-top: 8px;
    }

    .hero-header_info-col_handlebars-container_boxes {
        display: flex;
        flex-direction: column;
    }

    .hero-header_info-col_handlebars-container_boxes_box {
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
    }

    .hero-header_info-col_handlebars-container_boxes_box_empty {
        display: none;
    }

    .hero-header_info-col_handlebars-container_boxes_box_image {
        padding: 0px 32px 0px 23px;
    }

        .hero-header_info-col_handlebars-container_boxes_box_image.dark img {
            filter: invert(100%) sepia(0%) saturate(7499%) hue-rotate(184deg) brightness(93%) contrast(111%);
        }

    .hero-header_info-col_pricing-container {
        margin-top: 48px;
        display: flex;
        flex-direction: column;
    }

    .hero-header_info-col_pricing-container_actions_button {
        margin-top: 8px;
        margin-bottom: 24px;
        order: 1;
    }

    .hero-header_info-col_pricing-container_actions_link {
        text-align: center;
        margin-bottom: 24px;
        order: 2;
        text-align: center;
        flex-basis: auto;
    }

    .hero-header_info-col_pricing-container_actions .error {
        order: 3;
        text-align: center;
        margin-top: 0;
    }
}

@media (min-width: 577px) and (max-width: 1024px) {
    .hero-mobile_description {
        max-width: 425px;
    }

    .hero-header {
        display: flex;
        flex-direction: column;
    }

        .hero-header .hero-header_slider-col_icons.sticky {
            position: fixed;
        }

    .hero-header_slider-col {
        padding-top: 0;
        position: relative;
    }

        .hero-header_slider-col .slider-gallery .slide {
            height: 450px;
        }

    .hero-header_slider-col_icons {
        bottom: 30px;
        left: 48px;
    }
}

@media (min-width: 577px) and (max-width: 1024px) and (max-width: 1024px) {
    .hero-header_slider-col_icons {
        margin-left: 40px;
    }
}

@media (min-width: 577px) and (max-width: 1024px) {
    .hero-header_slider-col_icons_slider-thumbs_icon:nth-child(1), .hero-header_slider-col_icons_slider-thumbs_icon:nth-child(2), .hero-header_slider-col_icons_slider-thumbs_icon:nth-child(3) {
        display: none;
    }

    .hero-header_slider-col_icons_slider-thumbs_icon:nth-last-child(2) {
        margin-left: 0;
    }

    .hero-header_info-col {
        display: none;
    }

    .hero-header_info-col_main-container {
        padding: 41px 48px;
    }

        .hero-header_info-col_main-container.c-line {
            padding: 0px;
        }

    .hero-header_info-col_actions_text + .hero-header_info-col_actions_text {
        margin-left: 16px;
    }

    .hero-header_info-col_colour-container {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 48px;
        flex-direction: column;
    }

    .hero-header_info-col_colour-container_colour {
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }

    .hero-header_info-col_colour-container_colour_colour-text {
        margin-bottom: 3px;
        font-size: 21px;
        line-height: 26px;
    }

    .hero-header_info-col_colour-container_colour_colour_name {
        font-size: 12px;
        line-height: 16px;
    }

    .hero-header_info-col_colour-container_colours {
        display: flex;
        width: fit-content;
        justify-content: space-between;
    }

    .hero-header_info-col_handlebars-container {
        display: grid;
        grid-template-columns: 50% 50%;
        margin-top: 40px;
    }

    .hero-header_info-col_handlebars-container_text-wrapper {
        flex-direction: column;
        align-items: baseline;
    }

    .hero-header_info-col_handlebars-container_boxes {
        display: flex;
        flex-direction: column;
    }

    .hero-header_info-col_handlebars-container_boxes_box {
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
    }

    .hero-header_info-col_handlebars-container_boxes_box_empty {
        display: none;
    }

    .hero-header_info-col_handlebars-container_boxes_box_image {
        padding: 0px 32px 0px 23px;
    }

        .hero-header_info-col_handlebars-container_boxes_box_image.dark img {
            filter: invert(100%) sepia(0%) saturate(7499%) hue-rotate(184deg) brightness(93%) contrast(111%);
        }

    .hero-header_info-col_pricing-container {
        display: flex;
        flex-direction: column;
    }

    .hero-header_info-col_pricing-container_actions_button {
        margin-top: 16px;
        margin-bottom: 24px;
        order: 1;
    }

    .hero-header_info-col_pricing-container_actions_link {
        order: 2;
        text-align: center;
        flex-basis: auto;
        margin-bottom: 24px;
    }

    .hero-header_info-col_accordion-container_content {
        display: flex;
        width: 100%;
        justify-content: flex-start;
    }

    .hero-header_info-col_accordion-container_content_description {
        flex-basis: 75%;
    }

        .hero-header_info-col_accordion-container_content_description:nth-last-child(2) {
            border-bottom: 1px solid #424242;
        }

        .hero-header_info-col_accordion-container_content_description:first-child {
            flex-basis: 25%;
        }

    .hero-header_info-col_pricing-container_actions .error {
        order: 3;
        text-align: center;
    }
}

@media (min-width: 991px) and (max-width: 1024px) {
    .hero-mobile {
        padding-top: 81px;
        margin-top: 0;
    }

    .hero-header_slider-col .slider-gallery .slide {
        height: 550px;
    }

    .hero-header_info_col_accordion-container {
        margin-top: 38px;
    }

    .hero-header_info_col_accordion-container_content_description:first-child {
        border-bottom: 0;
    }

    .hero-header_info_col_accordion-container_content_description:last-child {
        border-bottom: 1px solid #dddddd;
    }
}

@media (min-width: 1025px) {
    .hero-description {
        max-width: 354px;
    }

    .hero-header:after {
        content: "";
        display: table;
        clear: both;
        width: 100%;
    }

    .hero-header .line-img-wrapper, .hero-header_main-slider {
        flex-basis: 63%;
        max-width: 63%;
        width: 63%;
        float: left;
        position: sticky;
        top: 0;
    }

    .hero-header_main-wrapper {
        flex-basis: 37%;
        max-width: 37%;
        width: 37%;
        float: right;
    }

    .hero-header_info-col_main-container {
        padding: 72px 64px;
    }

        .hero-header_info-col_main-container.landing {
            padding: 0px;
        }

    .hero-header_info-col_handlebars-container {
        margin-bottom: 64px;
    }

    .hero-header_info-col_handlebars-container_boxes_box {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 16px;
        align-items: center;
    }

    .hero-header_info-col_handlebars-container_boxes_box_text {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .hero-header_info-col_pricing-container_actions {
        display: flex;
        align-items: center;
        margin-top: 16px;
        margin-bottom: 24px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .hero-header_info-col_pricing-container_actions_button {
        width: 193px;
        flex: 0 0 193px;
        height: 56px;
        margin-right: 27px;
        order: 1;
    }

    .hero-header_info-col_pricing-container_actions_link {
        order: 2;
    }

    .hero-header_info-col_accordion-container_content_description:first-child {
        border-bottom: 0;
    }

    .hero-header_info-col_accordion-container_content_description:last-child {
        border-bottom: 1px solid #dddddd;
    }

    .hero-header_slider-col .loader-circle {
        width: 120px;
        height: 120px;
        border: 12px solid #c0c0c09e;
        border-left-color: #a1a1a1;
        margin-top: -60px;
        left: calc(50% - 60px);
    }

    .hero-header_info-col_pricing-container_actions .error {
        text-align: left;
        margin-top: 10px;
        order: 3;
    }
}

div::-webkit-scrollbar {
    display: none;
    /* for Chrome, Safari, and Opera */
}

.hero-header_slider-col .slider-gallery .slide {
    padding: 0px !important;
}

.hero-header_info-col_handlebars-container_quantity {
    width: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .hero-header_info-col_handlebars-container_quantity span img {
        cursor: pointer;
    }

.hero-header_info-col_handlebars-container_quantity_number {
    height: 48px;
    width: 48px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stickem-container {
    position: relative;
}

.stickit {
    margin-left: 660px;
    position: fixed;
    top: 0;
}

.stickit-end {
    bottom: 40px;
    position: absolute;
    right: 0;
}

.specifications {
    display: grid;
    grid-template-columns: 50% 50%;
    position: relative;
    z-index: 10;
    background: #fff;
}

    .specifications.dark {
        background-color: #1e1e1e;
        color: #e0e0e0;
    }

    .specifications .info-col {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
    }

        .specifications .info-col .description-wrapper {
            margin-top: 48px;
        }

            .specifications .info-col .description-wrapper .line {
                font-family: Bilo;
                font-size: 11px;
                line-height: 13px;
                letter-spacing: 0.14em;
                text-transform: uppercase;
            }

            .specifications .info-col .description-wrapper .cline {
                font-size: 13px;
                line-height: 15px;
                letter-spacing: 0.14em;
                text-transform: uppercase;
                color: #000000;
            }

            .specifications .info-col .description-wrapper .title {
                font-family: Bilo;
                font-size: 40px;
                line-height: 43px;
                letter-spacing: -0.02em;
                margin-top: 16px;
            }

            .specifications .info-col .description-wrapper > .description {
                font-family: Bilo;
                font-size: 16px;
                line-height: 23px;
                margin-top: 16px;
            }

            .specifications .info-col .description-wrapper .accordion {
                font-family: Bilo;
                font-weight: 600;
                font-size: 10px;
                line-height: 15px;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                margin-top: 32px;
                cursor: pointer;
            }

                .specifications .info-col .description-wrapper .accordion .action-hide {
                    display: none;
                }

            .specifications .info-col .description-wrapper .dropdown {
                margin-top: 24px;
                display: none;
            }

                .specifications .info-col .description-wrapper .dropdown .item {
                    display: grid;
                    grid-template-columns: 30% 70%;
                    height: 54px;
                    border-top: 1px solid #f2f1f0;
                }

                    .specifications .info-col .description-wrapper .dropdown .item.dark {
                        border-top: 1px solid #282828;
                    }

                        .specifications .info-col .description-wrapper .dropdown .item.dark:last-child {
                            border-bottom: 1px solid #282828;
                        }

                    .specifications .info-col .description-wrapper .dropdown .item:last-child {
                        border-bottom: 1px solid #f2f1f0;
                    }

                .specifications .info-col .description-wrapper .dropdown .specification {
                    display: flex;
                    align-items: center;
                    font-style: normal;
                    font-family: Bilo;
                    font-weight: 800;
                    font-size: 14px;
                    line-height: 18px;
                }

                .specifications .info-col .description-wrapper .dropdown .description {
                    display: flex;
                    align-items: center;
                    font-family: Bilo;
                    font-size: 14px;
                    line-height: 18px;
                    letter-spacing: -0.01em;
                    font-family: Bilo;
                    font-weight: 500;
                    margin-top: 0;
                }

                .specifications .info-col .description-wrapper .dropdown.hidden {
                    display: block;
                }

    .specifications .img-col .img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

@media (max-width: 576px) {
    .specifications {
        width: 100vw;
        display: flex;
        flex-direction: column;
    }

        .specifications .info-col {
            padding: 28px;
            margin-top: 48px;
        }

            .specifications .info-col .description-wrapper {
                margin-top: 0;
            }

        .specifications .img-col {
            width: 100vw;
        }

            .specifications .img-col .img {
                max-height: 530px;
            }
}

@media (min-width: 577px) and (max-width: 1024px) {
    .specifications .info-col .description-wrapper {
        max-width: 318px;
    }

    .specifications .img-col .img {
        height: 100%;
    }
}

@media (min-width: 1025px) {
    .specifications .info-col .description-wrapper {
        margin-top: 104px;
        max-width: 496px;
    }

        .specifications .info-col .description-wrapper .line {
            font-family: Bilo;
            font-size: 13px;
            line-height: 15px;
        }

        .specifications .info-col .description-wrapper .title {
            font-size: 68px;
            line-height: 74px;
            margin-top: 24px;
        }

        .specifications .info-col .description-wrapper .description {
            font-size: 16px;
            line-height: 23px;
        }

        .specifications .info-col .description-wrapper .accordion {
            margin-top: 48px;
        }

        .specifications .info-col .description-wrapper .dropdown {
            display: block;
        }

            .specifications .info-col .description-wrapper .dropdown.hidden {
                display: none;
            }
}

.footer {
    margin-top: 0;
}

    .footer .footer-callout {
        background: #1e1e1e;
        text-align: center;
        padding: 64px 0;
    }

@media screen and (max-width: 1024px) {
    .footer .footer-callout {
        padding: 48px 0;
    }
}

@media screen and (max-width: 991px) {
    .footer .footer-callout {
        padding: 32px 0;
    }
}

@media screen and (max-width: 576px) {
    .footer .footer-callout {
        padding: 32px 28px;
    }
}

.footer .footer-callout h2 {
    color: #f8f7f7;
    margin-bottom: 32px;
    font-weight: 400;
    margin-top: 0;
}

@media screen and (max-width: 1024px) {
    .footer .footer-callout h2 {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 576px) {
    .footer .footer-callout h2 {
        margin-bottom: 16px;
    }
}

.footer .footer-callout .form-subscribe .form-field {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer .footer-callout .form-subscribe input {
    width: auto;
    height: auto;
    border: 0;
    background: #282828;
    padding: 0 24px;
    min-width: 622px;
    font-size: 16px;
    line-height: 53px;
    color: #a6a6a6;
}

@media screen and (max-width: 1024px) {
    .footer .footer-callout .form-subscribe input {
        min-width: 450px;
    }
}

@media screen and (max-width: 576px) {
    .footer .footer-callout .form-subscribe input {
        min-width: 213px;
    }
}

.footer .footer-callout .form-subscribe .btn-black {
    border: 0;
    border-radius: 0;
    min-width: 138px;
    font-weight: normal;
    letter-spacing: 0.12em;
}

@media screen and (max-width: 991px) {
    .footer .footer-callout .form-subscribe .btn-black {
        min-width: 106px;
    }
}

.footer .footer-body {
    background: #0a0a0a;
    padding: 64px 0;
}

@media screen and (max-width: 1024px) {
    .footer .footer-body {
        padding: 48px 0;
    }
}

@media screen and (max-width: 991px) {
    .footer .footer-body {
        padding: 39px 0 32px;
    }
}

@media screen and (max-width: 576px) {
    .footer .footer-body {
        padding: 32px 0;
    }
}

.footer .footer-body .footer-row {
    display: flex;
}

@media screen and (max-width: 991px) {
    .footer .footer-body .footer-row {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 991px) {
    .footer .footer-body .footer-row + .footer-row {
        margin-top: 48px;
    }
}

@media screen and (max-width: 576px) {
    .footer .footer-body .footer-row + .footer-row {
        margin-top: 16px;
    }
}

.footer .footer-body .footer-logo.mobile {
    display: none;
}

@media screen and (max-width: 991px) {
    .footer .footer-body .footer-logo.mobile {
        display: inline-block;
        margin-right: 30px;
    }

        .footer .footer-body .footer-logo.mobile img {
            max-width: 84px;
        }
}

@media screen and (max-width: 576px) {
    .footer .footer-body .footer-logo.mobile {
        margin-right: 24px;
    }
}

.footer .footer-body .footer-col {
    flex-basis: 14%;
}

@media screen and (max-width: 1024px) {
    .footer .footer-body .footer-col {
        flex-basis: 20%;
    }
}

@media screen and (max-width: 991px) {
    .footer .footer-body .footer-col {
        flex-basis: 33.33%;
    }
}

@media screen and (max-width: 576px) {
    .footer .footer-body .footer-col {
        flex-basis: 100%;
        margin-bottom: 16px;
    }

        .footer .footer-body .footer-col.last-child {
            margin-bottom: 0;
        }
}

.footer .footer-body .footer-col.col-wide {
    flex-basis: 20%;
}

@media screen and (max-width: 991px) {
    .footer .footer-body .footer-col.col-wide {
        flex-basis: 100%;
        margin-bottom: 30px;
        padding-bottom: 29px;
        border-bottom: 1px solid #282828;
    }
}

@media screen and (max-width: 576px) {
    .footer .footer-body .footer-col.col-wide {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 991px) {
    .footer .footer-body .footer-col.col-wide .footer-logo {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .footer .footer-body .footer-col.col-accordion {
        border-bottom: 1px solid #282828;
        overflow: hidden;
    }
}

@media screen and (max-width: 576px) {
    .footer .footer-body .footer-col.col-accordion .footer-accordion-section {
        opacity: 0;
        visibility: hidden;
        height: 0;
        transition: all 0.3s;
    }
}

.footer .footer-body .footer-col.col-accordion .footer-accordion-section.show {
    opacity: 1;
    visibility: visible;
    height: auto;
}

@media screen and (max-width: 991px) {
    .footer .footer-body .footer-col.col-certificate {
        display: flex;
        align-items: center;
    }
}

.footer .footer-body .footer-col:nth-child(2) {
    margin-left: auto;
}

.footer .footer-body .footer-col.language {
    display: flex;
    align-items: center;
}

.footer .footer-body .footer-col h3 {
    color: #fff;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 8px;
}

@media screen and (max-width: 991px) {
    .footer .footer-body .footer-col h3 {
        font-size: 21px;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 576px) {
    .footer .footer-body .footer-col h3 {
        font-size: 21px;
        margin-bottom: 16px;
        position: relative;
        cursor: pointer;
    }
}

.footer .footer-body .footer-col h3:after {
    content: "";
    display: none;
    background: url(./icons/arrow-down-big.svg) no-repeat 0 0;
    background-size: 100% 100%;
    width: 14px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    transition: all .3s;
}

@media screen and (max-width: 576px) {
    .footer .footer-body .footer-col h3:after {
        display: inline-block;
    }
}

.footer .footer-body .footer-col h3.open:after {
    transform: rotate(-180deg);
}

.footer .footer-body .footer-col ul li {
    margin-bottom: 8px;
}

    .footer .footer-body .footer-col ul li a {
        color: #dddddd;
        font-size: 16px;
        line-height: 23px;
    }

@media screen and (max-width: 991px) {
    .footer .footer-body .footer-col ul li a {
        font-size: 14px;
    }
}

.footer .footer-body .language-menu-trigger {
    padding: 16px;
    font-family: Bilo;
    font-size: 11px;
    line-height: 16px;
    background: #282828;
    color: #dddddd;
    min-width: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: 0;
}

.footer .footer-body .socials {
    display: flex;
    align-items: center;
    margin-top: 37px;
}

@media screen and (max-width: 991px) {
    .footer .footer-body .socials {
        margin-top: 0;
        justify-content: center;
    }
}

.footer .footer-body .socials li {
    margin-bottom: 0 !important;
}

    .footer .footer-body .socials li a {
        display: flex;
        align-items: center;
    }

    .footer .footer-body .socials li + li {
        margin-left: 28px;
    }

@media screen and (max-width: 991px) {
    .footer .footer-body .socials li + li {
        margin-top: 0;
        justify-content: center;
        margin-left: 47px;
    }
}

.footer .footer-bar {
    background: #000;
    padding: 24px 0;
}

    .footer .footer-bar .footer-nav {
        margin-bottom: 8px;
        display: flex;
        transition: all 0.3s;
    }

@media screen and (max-width: 991px) {
    .footer .footer-bar .footer-nav {
        margin: 0;
        flex-direction: column;
        height: 0;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        background: #000;
    }
}

.footer .footer-bar .footer-nav.open {
    opacity: 1;
    visibility: visible;
    height: auto;
    margin-top: 8px;
    margin-bottom: 8px;
}

.footer .footer-bar .footer-nav li a {
    color: #a6a6a6;
    font-size: 12px;
}

    .footer .footer-bar .footer-nav li a:hover {
        color: #fff;
    }

.footer .footer-bar .footer-nav li + li {
    margin-left: 8px;
}

@media screen and (max-width: 991px) {
    .footer .footer-bar .footer-nav li + li {
        margin-left: 0;
        margin-top: 6px;
    }
}

.footer .footer-bar .footer-mobile-select {
    position: relative;
    min-width: 130px;
    padding-right: 20px;
    cursor: pointer;
}

    .footer .footer-bar .footer-mobile-select:after {
        content: "";
        display: none;
        background: url(icons/arrow-down-thick.png) no-repeat 0 0;
        background-size: cover;
        width: 11px;
        height: 7px;
        margin-left: 5px;
        transition: all .3s;
    }

@media screen and (max-width: 991px) {
    .footer .footer-bar .footer-mobile-select:after {
        display: inline-block;
    }
}

.footer .footer-bar .footer-mobile-select.open:after {
    transform: rotate(180deg);
}

.footer .footer-bar .footer-mobile-select a {
    color: #a6a6a6;
    font-size: 12px;
}

    .footer .footer-bar .footer-mobile-select a:hover {
        color: #fff;
    }

@media screen and (max-width: 991px) {
    .footer .footer-bar .footer-nav-wrap {
        margin-bottom: 8px;
        display: inline-block;
        background: transparent;
        border: 0;
        color: #a6a6a6;
        position: relative;
    }
}

.footer .footer-bar .copyright {
    color: #a6a6a6;
    font-size: 12px;
    line-height: 16px;
}

    .footer .footer-bar .copyright a {
        color: #a6a6a6;
    }

        .footer .footer-bar .copyright a:focus, .footer .footer-bar .copyright a:hover {
            color: #a6a6a6;
            text-decoration: underline;
        }

    .footer .footer-bar .copyright span {
        color: #fff;
    }

.four-block .text-col {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #efeeea;
}

    .four-block .text-col.dark {
        background-color: #1e1e1e;
    }

    .four-block .text-col.blue {
        background-color: #152270;
    }

    .four-block .text-col.dark a {
        color: #fff;
    }

@media screen and (max-width: 1024px) {
    .four-block .text-col {
        padding: 64px;
    }
}

@media screen and (max-width: 767px) {
    .four-block .text-col {
        padding: 32px 64px;
    }
}

.four-block .text-col .top {
    display: none;
    font-family: Bilo;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #060606;
    padding-bottom: 16px;
}

    .four-block .text-col .top.dark {
        color: #dddddd;
    }

@media screen and (max-width: 1024px) {
    .four-block .text-col .top {
        display: block;
        padding-top: 48px;
    }
}

.four-block .text-col .vertical {
    font-family: Bilo;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #060606;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    margin-bottom: 90px;
}

    .four-block .text-col .vertical.clothing {
        margin-top: 230px;
    }

    .four-block .text-col .vertical.dark {
        color: #dddddd;
        margin-bottom: 210px;
    }

@media screen and (max-width: 1440px) {
    .four-block .text-col .vertical {
        position: relative;
        left: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .four-block .text-col .vertical {
        display: none;
    }
}

.four-block .text-col .horizontal {
    display: flex;
    flex-direction: column;
    flex-basis: 500px;
}

@media screen and (max-width: 1024px) {
    .four-block .text-col .horizontal {
        flex-basis: unset;
    }
}

.four-block .text-col .horizontal .title {
    font-family: Bilo;
    font-size: 68px;
    line-height: 74px;
    display: flex;
    align-items: flex-end;
    letter-spacing: -0.03em;
    color: #060606;
    margin-bottom: 24px;
}

    .four-block .text-col .horizontal .title.dark {
        color: #dddddd;
    }

@media screen and (max-width: 1440px) {
    .four-block .text-col .horizontal .title {
        font-size: 40px;
        line-height: 43px;
    }
}

@media screen and (max-width: 1024px) {
    .four-block .text-col .horizontal .title {
        font-size: 40px;
        line-height: 43px;
    }
}

.four-block .text-col .horizontal .description {
    font-family: Bilo;
    font-size: 21px;
    line-height: 27px;
    display: flex;
    align-items: flex-end;
    letter-spacing: -0.01em;
    color: #060606;
    margin-bottom: 48px;
}

    .four-block .text-col .horizontal .description.dark {
        color: #dddddd;
    }

@media screen and (max-width: 1440px) {
    .four-block .text-col .horizontal .description {
        font-size: 20px;
        line-height: 25px;
    }
}

@media screen and (max-width: 1024px) {
    .four-block .text-col .horizontal .description {
        font-size: 18px;
        line-height: 22px;
    }
}

.four-block .text-col .horizontal .description p + p {
    margin-top: 32px;
}

.four-block .text-col .horizontal .action {
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #060606;
    padding: 4px 0;
    border-bottom: 1px solid #060606;
    width: fit-content;
}

    .four-block .text-col .horizontal .action.dark {
        color: #dddddd;
        border-bottom: 1px solid #dddddd;
    }

        .four-block .text-col .horizontal .action.dark a {
            color: #dddddd;
        }

.four-block .img-col {
    padding: 64px 64px 0px 0px;
    background-color: #dcdbd7;
    position: relative;
}

    .four-block .img-col.dark {
        background-color: #000000;
    }

    .four-block .img-col.blue {
        background-color: #0e1857 !important;
    }

@media screen and (max-width: 1024px) {
    .four-block .img-col {
        padding: 40px 40px 0px 0px;
    }
}

@media screen and (max-width: 780px) {
    .four-block .img-col {
        padding: 27px 27px 0px 0px;
    }
}

.four-block .img-col .img {
    width: 100%;
    height: 100%;
}

.four-block .img-col .play {
    position: absolute;
    bottom: 0px;
    cursor: pointer;
}

@media screen and (max-width: 1024px) {
    .four-block .img-col .play {
        right: 40px;
    }
}

@media screen and (max-width: 780px) {
    .four-block .img-col .play {
        right: 27px;
    }
}

.four-block .img-col-lower .img-lower {
    width: 100%;
}

.four-block .upper {
    display: grid;
    grid-template-columns: 50% 50%;
}

@media screen and (max-width: 1024px) {
    .four-block .upper {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 768px) {
    .four-block .upper .text-col .top {
        padding-top: 0px;
    }
}

.four-block .upper .text-col .horizontal .description {
    flex-direction: column;
}

@media screen and (max-width: 767px) {
    .four-block .upper .text-col .horizontal .description {
        margin-bottom: 32px;
    }
}

.four-block .lower {
    display: grid;
    grid-template-columns: 50% 50%;
}

@media screen and (max-width: 1024px) {
    .four-block .lower {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 780px) {
    .four-block .lower .text-col .top {
        padding: 27px 27px 16px 0px;
    }
}

.find-your-perfect-fit {
    padding: 68px;
    background: #f2f1f0;
}

    .find-your-perfect-fit.dark {
        background: #060606;
    }

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit {
        padding: 40px;
    }
}

@media screen and (max-width: 480px) {
    .find-your-perfect-fit {
        padding: 0px;
    }
}

.find-your-perfect-fit .header-section {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit .header-section {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 480px) {
    .find-your-perfect-fit .header-section {
        padding: 48px 28px 0px 28px;
    }
}

.find-your-perfect-fit .header-section .title {
    font-family: Bilo;
    font-size: 68px;
    line-height: 74px;
    letter-spacing: -0.03em;
    color: #000000;
}

    .find-your-perfect-fit .header-section .title.dark {
        color: #f2f1f0;
    }

@media screen and (max-width: 768px) {
    .find-your-perfect-fit .header-section .title {
        font-size: 40px;
        line-height: 42px;
        margin-bottom: 12px;
    }
}

.find-your-perfect-fit .header-section .description {
    font-family: Bilo;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -0.01em;
    color: #0a0a0a;
}

    .find-your-perfect-fit .header-section .description.dark {
        color: #f2f1f0;
    }

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit .header-section .description {
        font-size: 21px;
        line-height: 26px;
    }
}

@media screen and (min-width: 1690px) {
    .find-your-perfect-fit .header-section .description {
        max-width: 750px;
    }
}

.find-your-perfect-fit .details-section {
    margin-top: 64px;
    display: grid;
    grid-template-columns: 28% 36% 36%;
}

    .find-your-perfect-fit .details-section.landing {
        grid-template-columns: 25% 25% 25% 25%;
    }

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit .details-section.landing {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit .details-section {
        grid-template-columns: 50% 50%;
    }
}

@media screen and (max-width: 425px) {
    .find-your-perfect-fit .details-section {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit .details-section .filter {
        display: none;
    }
}

.find-your-perfect-fit .details-section .spec-titles {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 5px;
    display: none;
}

    .find-your-perfect-fit .details-section .spec-titles .spec-title {
        font-family: Bilo;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 18px;
        color: #060606;
        padding: 16px 0px;
    }

        .find-your-perfect-fit .details-section .spec-titles .spec-title.dark {
            color: #e0e0e0;
        }

    .find-your-perfect-fit .details-section .spec-titles .spec-title-hidden {
        display: none;
    }

    .find-your-perfect-fit .details-section .spec-titles .spec-title-last {
        font-family: Bilo;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 18px;
        color: #060606;
        padding-top: 16px;
    }

    .find-your-perfect-fit .details-section .spec-titles .spec-title-last-hidden {
        display: none;
    }

.find-your-perfect-fit .details-section .bike-item {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px;
}

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit .details-section .bike-item.landing {
        width: 100%;
        flex: 0 0 auto;
    }
}

@media screen and (max-width: 425px) {
    .find-your-perfect-fit .details-section .bike-item.landing {
        width: 100%;
    }
}

.find-your-perfect-fit .details-section .bike-item.dark {
    background-color: #1e1e1e;
}

.find-your-perfect-fit .details-section .bike-item.blue {
    background-color: #10238d;
}

.find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-img-wrapper {
    display: flex;
    justify-content: center;
    margin: 70px 0px;
}

    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-img-wrapper .bike-item-img {
        max-width: 100%;
    }

.find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper {
    padding: 20px;
}

    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper.dark {
        background: #1e1e1e;
    }

        .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper.dark .type,
        .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper.dark .price,
        .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper.dark .features,
        .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper.dark .spec-title-mobile,
        .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper.dark .spec-description {
            color: #e0e0e0;
        }

        .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper.dark .bike-bio {
            color: #a6a6a6;
        }

    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .type {
        font-family: Bilo;
        font-size: 18px;
        line-height: 26px;
        color: #000000;
    }

@media screen and (max-width: 425px) {
    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .type {
        padding: 0px;
    }
}

.find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .price {
    font-family: Bilo;
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    margin-top: 8px;
}

@media screen and (max-width: 425px) {
    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .price {
        padding: 0px;
    }
}

.find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .bike-bio {
    font-family: Bilo;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #424242;
    margin-top: 8px;
}

@media screen and (max-width: 425px) {
    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .bike-bio {
        padding: 0px;
    }
}

.find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .features {
    font-family: Bilo;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #0a0a0a;
    margin-top: 16px;
}

@media screen and (max-width: 425px) {
    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .features {
        padding: 0px;
    }
}

.find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .colours {
    margin: 16px 0px;
    width: fit-content;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .colours {
        width: fit-content;
    }
}

@media screen and (max-width: 425px) {
    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .colours {
        padding: 0px;
    }
}

.find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .colours .available-bike {
    width: 16px;
    height: 16px;
    border: #c64c43;
    border-radius: 50%;
    margin: 0px 2px;
}

.find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .spec-btn-mobile {
    display: none;
}

@media screen and (max-width: 575px) {
    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .spec-btn-mobile {
        display: flex;
        padding-left: 20px;
        font-family: Bilo;
        font-size: 10px;
        line-height: 15px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #0a0a0a;
    }

        .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .spec-btn-mobile.dark {
            color: #e0e0e0;
        }

        .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .spec-btn-mobile > img {
            margin-left: 10px;
        }
}

@media screen and (max-width: 575px) and (max-width: 425px) {
    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .spec-btn-mobile {
        padding: 0px;
    }
}

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .spec-btn-mobile.landing {
        display: flex;
        font-family: Bilo;
        font-size: 10px;
        line-height: 15px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #0a0a0a;
    }

        .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .spec-btn-mobile.landing.dark {
            color: #e0e0e0;
        }

        .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .spec-btn-mobile.landing > img {
            margin-left: 10px;
        }
}

@media screen and (max-width: 1024px) and (max-width: 425px) {
    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .spec-btn-mobile.landing {
        padding: 0px;
    }
}

.find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .spec-btn-mobile .specs-icon {
    display: none;
}

    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .spec-btn-mobile .specs-icon.active {
        display: block;
    }

.find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .spec-btn-mobile .show-mobile {
    display: inline-block;
}

    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .spec-btn-mobile .show-mobile.active {
        display: none;
        margin-right: 4px;
    }

.find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .spec-btn-mobile .hide-mobile {
    display: none;
    margin-right: 4px;
}

    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .spec-btn-mobile .hide-mobile.active {
        display: inline-block;
    }

.find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .specs-content {
    display: block;
}

    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .specs-content.landing {
        display: flex;
        flex-direction: column;
    }

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .specs-content.landing {
        flex-direction: row;
    }
}

.find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .specs-content.hidden {
    display: none;
}

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .specs-content {
        padding-top: 20px;
    }
}

@media screen and (max-width: 425px) {
    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .specs-content {
        display: block;
    }

        .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .specs-content.mobile {
            display: none;
        }

            .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .specs-content.mobile.hidden {
                display: block;
            }
}

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .specs-content .specs-wrapper-landing {
        width: 50%;
    }
}

.find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .specs-content .spec-description {
    font-family: Bilo;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #0a0a0a;
}

    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .specs-content .spec-description.dark {
        color: #e0e0e0;
    }

    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .specs-content .spec-description .spec-title-mobile {
        font-weight: 700;
        display: inline-block;
        margin-right: 4px;
    }

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .specs-content .spec-description .spec-title-mobile.landing {
        display: block;
        font-weight: 700;
    }
}

.find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .specs-content .divider {
    width: 100%;
    height: 1px;
    color: #dddddd;
    background-color: #dddddd;
    margin: 16px 0px;
}

    .find-your-perfect-fit .details-section .bike-item .bike-item-wrapper .bike-item-details-wrapper .specs-content .divider.dark {
        background-color: #282828;
    }

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit .action-empty {
        display: none;
    }
}

.find-your-perfect-fit .action {
    display: grid;
    grid-template-columns: 28% 72%;
}

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit .action {
        display: flex;
    }
}

@media screen and (max-width: 576px) {
    .find-your-perfect-fit .action {
        display: none;
    }
}

.find-your-perfect-fit .action .button-container {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 48px;
}

    .find-your-perfect-fit .action .button-container .bike-button {
        width: 228px;
        height: 56px;
        background-color: #060606;
        border: #060606;
        font-family: Bilo;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 17px;
        text-align: center;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #ffffff;
    }

@media screen and (max-width: 1024px) {
    .find-your-perfect-fit .action.landing {
        display: none;
    }
}

.accordion.dark {
    background: #282828;
}

.accordion .accordion-head {
    width: 100%;
    background-color: #f8f7f7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 48px 60px;
    cursor: pointer;
    border-top: 2px solid #ffffff;
}

    .accordion .accordion-head.dark {
        background: #1e1e1e;
        border-top: 2px solid #282828;
    }

    .accordion .accordion-head.first {
        margin-top: 0px;
    }

@media screen and (max-width: 480px) {
    .accordion .accordion-head {
        padding: 35px 40px;
    }
}

.accordion .accordion-head.open img {
    transform: rotate(180deg);
}

.accordion .accordion-head .accordion-title {
    font-family: Bilo;
    font-size: 64px;
    line-height: 70px;
    letter-spacing: -0.04em;
    color: #000000;
}

    .accordion .accordion-head .accordion-title.dark {
        color: #e0e0e0;
    }

@media screen and (max-width: 1024px) {
    .accordion .accordion-head .accordion-title {
        font-size: 40px;
        line-height: 42px;
    }
}

.accordion .accordion-body {
    padding: 0px 60px 60px 60px;
    background-color: #f8f7f7;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: all 0.3s;
}

    .accordion .accordion-body.dark {
        background: #1e1e1e;
    }

        .accordion .accordion-body.dark > div.dark {
            color: #e0e0e0;
        }

@media screen and (max-width: 1024px) {
    .accordion .accordion-body {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 480px) {
    .accordion .accordion-body {
        padding: 0px 40px;
    }
}

.accordion .accordion-body .dropdown-block {
    background-color: #ffffff;
    padding: 32px;
    margin: 2px;
}

    .accordion .accordion-body .dropdown-block.dark {
        background: #060606;
    }

    .accordion .accordion-body .dropdown-block .block-title {
        font-family: Bilo;
        font-size: 13px;
        line-height: 15px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: #0a0a0a;
        padding-bottom: 64px;
    }

        .accordion .accordion-body .dropdown-block .block-title.dark {
            color: #e0e0e0;
        }

.accordion .accordion-body.hidden {
    opacity: 0;
    padding: 0;
    visibility: hidden;
    height: 0;
}

.section-slider {
    background-color: #657274;
    display: grid;
    grid-template-columns: 50% 50%;
}

    .section-slider.dark {
        background: #060606;
    }

    .section-slider.electric {
        grid-template-columns: repeat(auto-fit, 100%);
        background-color: #ffffff;
    }

@media screen and (max-width: 991px) {
    .section-slider {
        grid-template-columns: repeat(auto-fit, 50%);
    }
}

@media screen and (max-width: 576px) {
    .section-slider {
        grid-template-columns: repeat(auto-fit, 100%);
    }
}

.section-slider .section-content {
    position: relative;
}

.section-slider .slider-products {
    background-color: #657274;
}

    .section-slider .slider-products.electric {
        background-color: #ffffff;
    }

    .section-slider .slider-products.dark {
        background: #060606;
    }

    .section-slider .slider-products .slide .slide-content {
        padding: 200px 150px;
    }

@media screen and (max-width: 1440px) {
    .section-slider .slider-products .slide .slide-content {
        padding: 150px 150px;
    }
}

@media screen and (max-width: 1025px) {
    .section-slider .slider-products .slide .slide-content {
        padding: 64px 48px 64px 100px;
    }
}

@media screen and (max-width: 576px) {
    .section-slider .slider-products .slide .slide-content {
        padding: 64px 69px 117px;
    }
}

.section-slider .slider-products .slide .slide-title {
    font-family: Bilo;
    font-size: 64px;
    line-height: 70px;
    letter-spacing: -0.04em;
    color: #ffffff;
    padding-right: 19%;
}

    .section-slider .slider-products .slide .slide-title.electric {
        max-width: 600px;
        font-family: Bilo;
        font-size: 24px;
        line-height: 31px;
        text-align: center;
        letter-spacing: -0.01em;
        color: #060606;
        padding-right: 0px;
        margin-bottom: 64px;
    }

@media screen and (max-width: 1600px) {
    .section-slider .slider-products .slide .slide-title {
        padding-right: 0;
        font-size: 54px;
    }
}

@media screen and (max-width: 991px) {
    .section-slider .slider-products .slide .slide-title {
        font-size: 40px;
        line-height: 42px;
    }
}

@media screen and (max-width: 576px) {
    .section-slider .slider-products .slide .slide-title {
        padding-right: 18%;
    }
}

.section-slider .slider-products .slide .slide-title span {
    font-style: italic;
}

.section-slider .slider-products .slide .item {
    font-family: Bilo;
    font-size: 21px;
    line-height: 27px;
    letter-spacing: -0.01em;
    color: #ffffff;
    margin-top: 32px;
}

@media screen and (max-width: 991px) {
    .section-slider .slider-products .slide .item {
        margin-top: 18px;
    }
}

@media screen and (max-width: 576px) {
    .section-slider .slider-products .slide .item {
        font-size: 18px;
        margin-top: 12px;
    }
}

.section-slider .slider-products .slide .price {
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
    margin-top: 8px;
}

@media screen and (max-width: 991px) {
    .section-slider .slider-products .slide .price {
        font-size: 16px;
    }
}

.section-slider .slider-products .slide .description {
    font-family: Bilo;
    font-size: 16px;
    line-height: 23px;
    color: #ffffff;
    margin-top: 8px;
    max-width: 346px;
}

@media screen and (max-width: 991px) {
    .section-slider .slider-products .slide .description {
        font-size: 14px;
    }
}

.section-slider .slider-products .slide .action {
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    width: fit-content;
    margin-top: 48px;
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    .section-slider .slider-products .slide .action {
        margin-top: 32px;
    }
}

.section-slider .slider-products .slide .action a {
    color: #ffffff;
}

.section-slider .slider-products-img .slide-image {
    position: relative;
    z-index: 100;
    height: 100%;
}

    .section-slider .slider-products-img .slide-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

@media screen and (max-width: 1440px) {
    .section-slider .slider-products-img .slide-image img {
        width: 110%;
    }
}

@media screen and (max-width: 1024px) {
    .section-slider .slider-products-img .slide-image img {
        width: 120%;
    }
}

@media screen and (max-width: 991px) {
    .section-slider .slider-products-img .slide-image img {
        width: 126%;
    }
}

@media screen and (max-width: 576px) {
    .section-slider .slider-products-img .slide-image img {
        width: 100%;
    }
}

.section-slider .slider-products-img .slide-image .yours-btn {
    position: absolute;
    bottom: 0px;
    width: 171px;
    height: 56px;
    background-color: #060606;
    border: #060606;
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ffffff;
}

.section-slider .slider-navigation {
    display: flex;
    justify-content: center;
    justify-content: flex-start;
    position: absolute;
    left: 150px;
    bottom: 200px;
    z-index: 90;
}

@media screen and (max-width: 1440px) {
    .section-slider .slider-navigation {
        bottom: 120px;
    }
}

@media screen and (max-width: 1025px) {
    .section-slider .slider-navigation {
        left: 100px;
        bottom: 40px;
    }
}

@media screen and (max-width: 576px) {
    .section-slider .slider-navigation {
        bottom: 60px;
        left: 69px;
    }
}

.section-slider .slider-navigation .slider-pagination {
    display: flex;
    justify-content: center;
    justify-content: flex-start;
    font-family: Bilo;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #ffffff;
}

    .section-slider .slider-navigation .slider-pagination.electric {
        color: #060606;
    }

.section-slider .slider-navigation .slider-num {
    margin: 0 5px;
}

@media screen and (max-width: 576px) {
    .section-slider .slider-navigation .slider-num {
        margin: 0 3px;
    }
}

.section-slider .slider-navigation .slick-arrow {
    cursor: pointer;
}

    .section-slider .slider-navigation .slick-arrow:first-child:last-child {
        display: none;
    }

    .section-slider .slider-navigation .slick-arrow.slick-hidden + .slider-pagination {
        display: none;
    }

    .section-slider .slider-navigation .slick-arrow.slider-prev {
        margin-left: 0;
        margin-right: 20px;
    }

@media screen and (max-width: 576px) {
    .section-slider .slider-navigation .slick-arrow.slider-prev {
        margin-right: 10px;
    }
}

.section-slider .slider-navigation .slick-arrow.slider-next {
    margin-right: 0;
    margin-left: 20px;
}

@media screen and (max-width: 576px) {
    .section-slider .slider-navigation .slick-arrow.slider-next {
        margin-left: 10px;
    }
}

.section-slider .slider-navigation .slick-arrow.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.three-bikes-wrapper {
    background-color: #f2f1f0;
}

    .three-bikes-wrapper.dark {
        background: #1e1e1e;
    }

    .three-bikes-wrapper .three-bikes-title {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 96px 70px;
    }

@media screen and (max-width: 576px) {
    .three-bikes-wrapper .three-bikes-title {
        padding: 48px 70px;
    }
}

.three-bikes-wrapper .three-bikes-title .content {
    font-family: Bilo;
    font-size: 60px;
    line-height: 64px;
    letter-spacing: -0.02em;
    color: #060606;
    text-align: center;
}

    .three-bikes-wrapper .three-bikes-title .content.dark {
        color: #e0e0e0;
    }

@media screen and (max-width: 576px) {
    .three-bikes-wrapper .three-bikes-title .content {
        font-size: 32px;
        line-height: 35px;
    }
}

.three-bikes-wrapper .three-bikes {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 100px;
}

@media screen and (max-width: 1024px) {
    .three-bikes-wrapper .three-bikes {
        width: 95%;
        padding-bottom: 64px;
    }
}

@media screen and (max-width: 576px) {
    .three-bikes-wrapper .three-bikes {
        width: 100%;
        overflow-x: scroll;
    }
}

.three-bikes-wrapper .three-bikes .three-bikes-container {
    background-color: #ffffff;
    margin: 2px;
}

    .three-bikes-wrapper .three-bikes .three-bikes-container .option-title {
        font-family: Bilo;
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.01em;
        color: #0a0a0a;
        margin: 96px 0px 70px 0px;
    }

@media screen and (max-width: 1024px) {
    .three-bikes-wrapper .three-bikes .three-bikes-container .option-title {
        margin: 40px 0px 40px 0px;
    }
}

.three-bikes-wrapper .three-bikes .three-bikes-container .three-bikes-img {
    max-width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .three-bikes-wrapper .three-bikes .three-bikes-container .three-bikes-img {
        max-width: 200px;
    }
}

.three-bikes-wrapper .three-bikes .three-bikes-container .three-bikes-content {
    width: 50%;
    padding-left: 40px;
}

@media screen and (max-width: 1024px) {
    .three-bikes-wrapper .three-bikes .three-bikes-container .three-bikes-content {
        width: 100%;
        padding: 0px 40px;
    }
}

.three-bikes-wrapper .three-bikes .three-bikes-container .three-bikes-content .three-bikes-cline {
    font-family: Bilo;
    font-size: 21px;
    line-height: 27px;
    letter-spacing: -0.01em;
    color: #0a0a0a;
}

.three-bikes-wrapper .three-bikes .three-bikes-container .three-bikes-content .three-bikes-pricing {
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #0a0a0a;
    font-weight: 700;
    margin-top: 8px;
}

.three-bikes-wrapper .three-bikes .three-bikes-container .three-bikes-content .three-bikes-description {
    font-family: Bilo;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #0a0a0a;
    margin-top: 8px;
}

.three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating {
    width: 100%;
    padding: 0px 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 16px;
    margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating {
        display: flex;
        flex-direction: column;
    }
}

.three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours {
    display: flex;
    width: fit-content;
    justify-content: space-between;
}

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .yellow {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #cddb71;
        border: #cddb71;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .red {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #b12418;
        border: #b12418;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .blue {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #10238d;
        border: #10238d;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .pink {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #c64c43;
        border: #c64c43;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .green {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #0a5531;
        border: #0a5531;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .grey {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #adabab;
        border: #adabab;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .brown {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #d1662a;
        border: #d1662a;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .cyan {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #16d1d2;
        border: #16d1d2;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .light-blue {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #c6d4f2;
        border: #c6d4f2;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .orange {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #c34c32;
        border: #c34c32;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .navy {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #333366;
        border: #333366;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .olive {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #999900;
        border: #999900;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .black {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #000000;
        border: #000000;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .white {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #fafafa;
        border: #858585;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .house-red {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #cf0128;
        border: #cf0128;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .black-lacquer {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #544234;
        border: #544234;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .turkish-green {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #a3d1c9;
        border: #a3d1c9;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .flame-lacquer {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #c52002;
        border: #c52002;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .midnight-black-metallic {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #1c1d20;
        border: #1c1d20;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .storm-grey-metallic {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #808183;
        border: #808183;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .fire-coral {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #da4d45;
        border: #da4d45;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .racing-green {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #2c5336;
        border: #2c5336;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .piccadilly-blue {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #212E81;
        border: #212E81;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .cloud-blue {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #91b1d9;
        border: #91b1d9;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .silver {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #adabab;
        border: #adabab;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .blasted-titanium {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #c7c3c0;
        border: #c7c3c0;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .black-turkish-green {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #000000;
        border: #000000;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .polished-titanium {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #9c9492;
        border: #9c9492;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .arctic-grey {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #bcc1c4;
        border: #bcc1c4;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .stealth-black {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #2b312f;
        border: #2b312f;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .carbon-black {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #3b3b3d;
        border: #3b3b3d;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .sage-green {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #9db9a2;
        border: #9db9a2;
        margin: 0px 2px;
    }

    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .colours .sky-blue {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        background-color: #9fcbe6;
        border: #9fcbe6;
        margin: 0px 2px;
    }

@media screen and (max-width: 1024px) {
    .three-bikes-wrapper .three-bikes .three-bikes-container .colours-rating .rating {
        margin-top: 16px;
    }
}

.plp-hero {
    position: relative;
}

@media screen and (max-width: 481px) {
    .plp-hero.accessories .plp-cover-container h1 {
        font-size: 40px;
    }
}

@media screen and (max-width: 768px) {
    .plp-hero.accessories .plp-description-container {
        border-bottom: 1px solid #dddddd;
        padding: 35px 99px;
    }
}

@media screen and (max-width: 481px) {
    .plp-hero.accessories .plp-description-container {
        padding: 48px 68px;
    }
}

.plp-hero.accessories .plp-description-container .description-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 8px;
}

@media screen and (max-width: 481px) {
    .plp-hero.accessories .plp-description-container .description-title {
        margin-top: 20px;
    }
}

.plp-hero.accessories .plp-description-container .colours {
    margin-top: 16px;
}

.plp-hero.accessories .plp-description-container .rating {
    margin-bottom: 24px;
}

    .plp-hero.accessories .plp-description-container .rating .rating-number {
        margin-left: 4px;
        font-size: 11px;
    }

.plp-hero.accessories .plp-description-container .description-price {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.plp-hero.accessories .plp-description-container .plp-description {
    font-size: 14px;
    line-height: 20px;
}

@media screen and (max-width: 481px) {
    .plp-hero.accessories .plp-description-container .plp-description {
        font-size: 18px;
        line-height: 22px;
    }
}

.plp-hero.accessories .plp-description-container .plp-action {
    font-size: 13px;
    margin-top: 32px;
}

@media screen and (max-width: 481px) {
    .plp-hero.accessories .plp-description-container .plp-action {
        margin-top: 45px;
    }
}

.plp-hero .plp-cover-container {
    position: relative;
    height: 915px;
    overflow: hidden;
}

@media screen and (max-width: 1800px) {
    .plp-hero .plp-cover-container {
        height: calc(100vh - 75px);
    }
}

@media screen and (max-width: 1440px) {
    .plp-hero .plp-cover-container {
        height: 580px;
    }
}

@media screen and (max-width: 1200px) {
    .plp-hero .plp-cover-container {
        height: 500px;
    }
}

@media screen and (max-width: 991px) {
    .plp-hero .plp-cover-container {
        height: 390px;
    }
}

@media screen and (max-width: 768px) {
    .plp-hero .plp-cover-container {
        margin-top: 63px;
    }
}

@media screen and (max-width: 481px) {
    .plp-hero .plp-cover-container {
        height: 270px;
    }
}

@media screen and (max-width: 768px) {
    .plp-hero .plp-cover-container.adjusted-top {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .plp-hero .plp-cover-container.adjusted-top .cover {
        margin-top: 0;
    }
}

.plp-hero .plp-cover-container .cover {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .plp-hero .plp-cover-container .cover {
        width: 100%;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 670px) {
    .plp-hero .plp-cover-container .cover {
        width: auto;
    }
}

.plp-hero .plp-cover-container h1 {
    font-family: Bilo;
    font-size: 104px;
    line-height: 108px;
    letter-spacing: -0.04em;
    color: #ffffff;
    position: absolute;
    bottom: 58px;
    left: 54px;
    font-weight: 400;
}

@media screen and (max-width: 1500px) {
    .plp-hero .plp-cover-container h1 {
        font-size: 62px;
        line-height: 65px;
        bottom: 20px;
        left: 28px;
        left: 30px;
    }
}

@media screen and (max-width: 768px) {
    .plp-hero .plp-cover-container h1 {
        line-height: 42px;
        bottom: 16px;
        left: 20px;
    }
}

@media screen and (max-width: 578px) {
    .plp-hero .plp-cover-container h1 {
        max-width: 220px;
        font-size: 48px;
    }
}

.plp-hero .plp-play-icon {
    display: none;
}

@media screen and (max-width: 768px) {
    .plp-hero .plp-play-icon {
        display: flex;
        position: absolute;
        right: 0px;
        bottom: 0px;
        height: 56px;
    }
}

.plp-hero .plp-cover-container-small {
    position: relative;
    max-height: 250px;
    min-height: 250px;
    overflow: hidden;
    width: 63% !important;
}

@media screen and (max-width: 991px) {
    .plp-hero .plp-cover-container-small {
        max-height: 170px;
        min-height: 170px;
        width: 100% !important;
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .plp-hero .plp-cover-container-small {
        max-height: 150px;
        min-height: 150px;
    }
}

@media screen and (max-width: 576px) {
    .plp-hero .plp-cover-container-small {
        height: max-content;
        min-height: 145px;
    }
}

@media screen and (max-width: 768px) {
    .plp-hero .plp-cover-container-small.adjusted-top {
        margin-top: 0;
    }
}

.plp-hero .plp-cover-container-small.adjusted-top .cover {
    width: 101%;
    height: auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -35%);
}

@media screen and (max-width: 1024px) {
    .plp-hero .plp-cover-container-small.adjusted-top .cover {
        transform: translate(-50%, -10%);
    }
}

@media screen and (max-width: 768px) {
    .plp-hero .plp-cover-container-small.adjusted-top .cover {
        width: 100%;
        transform: translate(-50%, -55%);
    }
}

@media screen and (max-width: 670px) {
    .plp-hero .plp-cover-container-small.adjusted-top .cover {
        transform: translate(-50%, -68%);
        width: auto;
    }
}

@media screen and (max-width: 478px) {
    .plp-hero .plp-cover-container-small.adjusted-top .cover {
        transform: translate(-50%, -75%);
    }
}

.plp-hero .plp-cover-container-small .bikes {
    position: absolute;
    display: inline-block;
    width: 147px;
    height: 36px;
    bottom: 30px;
    left: 60px;
}

@media screen and (max-width: 991px) {
    .plp-hero .plp-cover-container-small .bikes {
        left: 30px;
    }
}

@media screen and (max-width: 578px) {
    .plp-hero .plp-cover-container-small .bikes {
        left: 20px;
    }
}

.plp-hero .plp-cover-container-small .bikes img {
    max-width: 147px;
}

.plp-hero .plp-submenu {
    width: 100%;
    background-color: #1e1e1e;
    display: flex;
    padding: 32px 35px 32px 64px;
    justify-content: flex-start;
    position: relative;
    transition: all 0.3s;
    position: relative;
}

@media screen and (max-width: 1440px) {
    .plp-hero .plp-submenu {
        padding: 29px 33px 29px 41px;
    }
}

@media screen and (max-width: 768px) {
    .plp-hero .plp-submenu {
        padding: 29px 33px 29px 29px;
    }
}

.plp-hero .plp-submenu .plp-midmenu-items {
    display: flex;
    width: 630px;
    justify-content: space-between;
    margin-left: 40px;
    column-gap: 10px;
}

@media screen and (max-width: 1500px) {
    .plp-hero .plp-submenu .plp-midmenu-items {
        width: 520px;
    }
}

@media screen and (max-width: 1024px) {
    .plp-hero .plp-submenu .plp-midmenu-items {
        display: none;
    }
}

.plp-hero .plp-submenu .plp-midmenu-items .plp-menu-item:last-child {
    font-weight: 700;
    cursor: pointer;
    margin-left: 0;
}

.plp-hero .plp-submenu .plp-menu-item {
    font-family: Bilo;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0.08em;
    text-transform: capitalize;
    color: #ffffff;
    cursor: pointer;
}

    .plp-hero .plp-submenu .plp-menu-item:last-child {
        margin-left: auto;
    }

    .plp-hero .plp-submenu .plp-menu-item.sort {
        max-width: 220px;
    }

        .plp-hero .plp-submenu .plp-menu-item.sort select {
            background: transparent;
            border: 0;
            letter-spacing: 0.08em;
            appearance: none;
            padding-left: 4px;
        }

    .plp-hero .plp-submenu .plp-menu-item.uppercase {
        font-size: 12px;
        text-transform: uppercase;
    }

    .plp-hero .plp-submenu .plp-menu-item .sort-carot-icon {
        transition: 300ms;
    }

        .plp-hero .plp-submenu .plp-menu-item .sort-carot-icon.active {
            transform: rotate(180deg);
            transition: 300ms;
        }

.plp-hero .plp-submenu .select2-container {
    min-width: 110px;
}

    .plp-hero .plp-submenu .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 0;
        padding-right: 5px;
    }

    .plp-hero .plp-submenu .select2-container .select2-selection--single {
        height: auto;
    }

.plp-hero .plp-submenu .select2-container--default .select2-selection--single {
    background: transparent !important;
    border-radius: 0 !important;
    border: 0 !important;
}

    .plp-hero .plp-submenu .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
        display: none;
    }

        .plp-hero .plp-submenu .select2-container--default
        .select2-selection--single
        .select2-selection__arrow
        b {
            border: 0 !important;
            display: none;
        }

    .plp-hero .plp-submenu .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
        color: #fff !important;
        font-size: 14px;
        line-height: 1;
        text-transform: none;
    }

.plp-hero .plp-submenu.sticky {
    position: fixed;
    z-index: 9999;
    top: 0;
}

@media screen and (max-width: 991px) {
    .plp-hero .plp-submenu.sticky.hide {
        z-index: 9980;
    }
}

.plp-hero .plp-description-container {
    position: absolute;
    background-color: #ffffff;
    bottom: 0px;
    padding: 40px;
    right: 0px;
    width: 34%;
}

    .plp-hero .plp-description-container.dark {
        background-color: #1e1e1e;
    }

@media screen and (max-width: 1440px) {
    .plp-hero .plp-description-container {
        width: 33%;
    }
}

@media screen and (max-width: 1024px) {
    .plp-hero .plp-description-container {
        width: 31%;
    }
}

@media screen and (max-width: 768px) {
    .plp-hero .plp-description-container {
        position: unset;
        width: 100%;
    }
}

.plp-hero .plp-description-container .plp-description {
    font-family: Bilo;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -0.01em;
    color: #000000;
}

    .plp-hero .plp-description-container .plp-description.dark {
        color: #a6a6a6;
    }

@media screen and (max-width: 1024px) {
    .plp-hero .plp-description-container .plp-description {
        font-size: 18px;
        line-height: 22px;
    }
}

.plp-hero .plp-description-container .plp-action {
    display: block;
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #060606;
    margin-top: 45px;
    width: fit-content;
    border-bottom: 1px solid #060606;
    cursor: pointer;
    padding-bottom: 2px;
}

    .plp-hero .plp-description-container .plp-action.dark {
        color: #f2f1f0;
        border-bottom: 1px solid #f2f1f0;
    }

.plp-hero .plp-description-container-small {
    position: absolute;
    background: #c64820;
    color: #fff;
    bottom: 0px;
    padding: 80px 6% 80px 7%;
    right: 0px;
    width: 37%;
    height: 100%;
}

    .plp-hero .plp-description-container-small.dark {
        background-color: #1e1e1e;
    }

    .plp-hero .plp-description-container-small.bg-red {
        background: #b12418;
    }

    .plp-hero .plp-description-container-small.bg-brown {
        background: #d1662a;
    }

    .plp-hero .plp-description-container-small.bg-blue {
        background: #10238d;
    }

    .plp-hero .plp-description-container-small.bg-pink {
        background: #c64c43;
    }

    .plp-hero .plp-description-container-small.bg-green {
        background: #0a5531;
    }

    .plp-hero .plp-description-container-small.bg-grey {
        background: #adabab;
    }

    .plp-hero .plp-description-container-small.bg-cyan {
        background: #16d1d2;
    }

    .plp-hero .plp-description-container-small.bg-lightblue {
        background: #c6d4f2;
    }

    .plp-hero .plp-description-container-small.bg-white {
        background: #fff;
    }

    .plp-hero .plp-description-container-small.bg-black {
        background: #000;
    }

@media screen and (max-width: 1920px) {
    .plp-hero .plp-description-container-small {
        padding: 80px 5% 80px 7%;
    }
}

@media screen and (max-width: 1540px) {
    .plp-hero .plp-description-container-small {
        padding: 75px 5% 75px 7%;
    }
}

@media screen and (max-width: 1440px) {
    .plp-hero .plp-description-container-small {
        padding: 70px 5% 75px 7%;
    }
}

@media screen and (max-width: 1024px) {
    .plp-hero .plp-description-container-small {
        padding: 85px 5% 75px 7%;
    }
}

@media screen and (max-width: 768px) {
    .plp-hero .plp-description-container-small {
        text-align: center;
        margin-top: 63px;
        padding: 25px 5%;
        position: unset;
        width: 100%;
    }
}

.plp-hero .plp-description-container-small h1 {
    font-family: Bilo;
    font-size: 45px;
    letter-spacing: 0.01em;
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
}

@media screen and (max-width: 1500px) {
    .plp-hero .plp-description-container-small h1 {
        font-size: 42px;
    }
}

@media screen and (max-width: 1024px) {
    .plp-hero .plp-description-container-small h1 {
        font-size: 35px;
    }
}

@media screen and (max-width: 578px) {
    .plp-hero .plp-description-container-small h1 {
        font-size: 32px;
    }
}

.plp-hero .plp-description-container-small .plp-description {
    font-family: Bilo;
    font-size: 17px;
    line-height: 21px;
    letter-spacing: -0.01em;
    color: #fff;
}

    .plp-hero .plp-description-container-small .plp-description.dark {
        color: #a6a6a6;
    }

@media screen and (max-width: 1024px) {
    .plp-hero .plp-description-container-small .plp-description {
        font-size: 15px;
        line-height: 19px;
    }
}

.select2-container--open .select2-dropdown {
    width: 164px !important;
    border-radius: 0 !important;
}

@media screen and (max-width: 1440px) {
    .select2-container--open .select2-dropdown {
        width: 162px !important;
    }
}

@media screen and (max-width: 480px) {
    .select2-container--open .select2-dropdown {
        width: 172px !important;
    }
}

.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable {
    background: #a6a6a6 !important;
    color: #060606 !important;
}

.select2-dropdown {
    color: #a6a6a6 !important;
    background: #dddddd !important;
    border-radius: 0;
    border: 0 !important;
}

.select2-dropdown--above {
    top: -34px;
}

@media screen and (max-width: 1440px) {
    .select2-dropdown--above {
        top: -32px;
    }
}

.select2-dropdown--below {
    top: 33px;
}

@media screen and (max-width: 1440px) {
    .select2-dropdown--below {
        top: 30px;
    }
}

.select2-container--default
.select2-results > .select2-results__options:hover
.select2-results__option {
    color: #a6a6a6 !important;
}

    .select2-container--default
    .select2-results > .select2-results__options:hover
    .select2-results__option:hover {
        color: #060606 !important;
    }

.select2-results__option {
    padding: 8px 10px !important;
    font-size: 14px !important;
}

.plp-bikes {
    padding: 64px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    background: #fff;
}

@media screen and (max-width: 1369px) {
    .plp-bikes {
        padding: 40px;
    }
}

@media screen and (max-width: 578px) {
    .plp-bikes {
        padding: 0px;
    }
}

.plp-bikes.four-columns .plp-side-bikes-wrapper {
    width: 48.5%;
    display: flex;
}

@media screen and (max-width: 1369px) {
    .plp-bikes.four-columns .plp-side-bikes-wrapper {
        display: none;
    }
}

.plp-bikes.four-columns .plp-item.side {
    width: 50%;
    height: 660px;
}

@media screen and (max-width: 1900px) {
    .plp-bikes.four-columns .plp-item.side {
        height: 600px;
    }
}

@media screen and (max-width: 1369px) {
    .plp-bikes.four-columns .plp-item.side {
        width: 48%;
    }
}

@media screen and (max-width: 991px) {
    .plp-bikes.four-columns .plp-item.side {
        width: 48%;
    }
}

.plp-bikes.four-columns .features-container.bikes,
.plp-bikes.four-columns .plp-item.major,
.plp-bikes.four-columns .plp-item.bike {
    width: 24%;
    height: 660px;
}

@media screen and (max-width: 1900px) {
    .plp-bikes.four-columns .features-container.bikes,
    .plp-bikes.four-columns .plp-item.major,
    .plp-bikes.four-columns .plp-item.bike {
        height: 600px;
    }
}

@media screen and (max-width: 1369px) {
    .plp-bikes.four-columns .features-container.bikes,
    .plp-bikes.four-columns .plp-item.major,
    .plp-bikes.four-columns .plp-item.bike {
        width: 48%;
    }
}

@media screen and (max-width: 425px) {
    .plp-bikes.four-columns .features-container.bikes,
    .plp-bikes.four-columns .plp-item.major,
    .plp-bikes.four-columns .plp-item.bike {
        width: 100%;
    }
}

@media screen and (max-width: 1900px) {
    .plp-bikes.four-columns .plp-bikes-cover {
        width: 97%;
    }
}

@media screen and (max-width: 1440px) {
    .plp-bikes.four-columns .plp-bikes-cover {
        width: 98%;
    }
}

.plp-bikes .plp-side-bikes-wrapper {
    width: 47%;
}

@media screen and (max-width: 1369px) {
    .plp-bikes .plp-side-bikes-wrapper {
        display: none;
    }
}

.plp-bikes .plp-bikes-cover {
    width: 64.2%;
    margin: 2px;
}

@media screen and (max-width: 1900px) {
    .plp-bikes .plp-bikes-cover {
        width: 98.8%;
    }
}

.plp-bikes .plp-bikes-cover .plp-bikes-cover-img {
    width: 100%;
    max-height: 660px;
    object-fit: cover;
}

@media screen and (max-width: 1900px) {
    .plp-bikes .plp-bikes-cover .plp-bikes-cover-img {
        height: 490px;
    }
}

.content {
    padding: 22px;
}

    .content .bike-name {
        font-family: Bilo;
        font-size: 15px;
        line-height: 19px;
        letter-spacing: -0.01em;
        color: #030303;
        margin-top: 4px;
        width: fit-content;
        border-bottom: 1px solid #f8f7f7;
    }

        .content .bike-name:hover {
            border-bottom: 1px solid #030303;
        }

    .content .out-of-stock {
        text-transform: uppercase;
        color: #ed0202;
        font-size: 11px;
    }

    .content .bike-price-kg {
        font-family: Bilo;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        color: #000000;
        margin-top: 4px;
        font-weight: 600;
    }

    .content .bike-features {
        font-family: Bilo;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: -0.01em;
        color: #0a0a0a;
        margin-top: 4px;
    }

        .content .bike-features p {
            margin-bottom: 10px;
        }

    .content .options-rating {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .content .options-rating .ratings .rate {
            margin-left: 9px;
        }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .content .options-rating .ratings .rate {
        margin-left: 23px;
    }
}

.colours {
    display: flex;
    width: fit-content;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 1440px) {
    .colours {
        width: fit-content;
    }
}

.colours .border {
    border: 1px solid #f8f7f7;
    padding: 3px;
    border-radius: 50%;
}

    .colours .border.active {
        border: 1px solid #060606;
        padding: 3px;
        border-radius: 50%;
    }

    .colours .border.unavailable {
        position: relative;
        pointer-events: none;
        cursor: auto;
        opacity: 0.7;
    }

        .colours .border.unavailable div {
            height: 16px;
            width: 16px;
            border-radius: 50%;
            cursor: pointer;
        }

            .colours .border.unavailable div:after {
                content: "";
                width: calc(100% - 6px);
                height: 2px;
                background: #fff;
                position: absolute;
                left: 3px;
                top: 50%;
                margin-top: -1px;
                transform: rotate(-45deg);
            }

            .colours .border.unavailable div.white {
                border: 2px solid #c4c4c4;
            }

                .colours .border.unavailable div.white:after {
                    content: "";
                    width: calc(100% - 6px);
                    height: 2px;
                    position: absolute;
                    left: 3px;
                    top: 50%;
                    margin-top: -1px;
                    transform: rotate(-45deg);
                    background: #c4c4c4;
                }

    .colours .border div {
        height: 16px;
        width: 16px;
        border-radius: 50%;
        cursor: pointer;
    }

.colours .border-static {
    margin: 3px;
    border-radius: 50%;
}

    .colours .border-static.dark {
        border: 1px solid #646464;
    }

    .colours .border-static div {
        height: 16px;
        width: 16px;
        border-radius: 50%;
    }

.ratings {
    display: flex;
}

.plp-filter {
    background-color: #efeeea;
    width: 33%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    padding: 43px 43px 30px 56px;
    overflow-y: scroll;
    transition: all 0.3s;
}

@media screen and (max-width: 1024px) {
    .plp-filter {
        width: 66%;
    }
}

@media screen and (max-width: 575px) {
    .plp-filter {
        padding: 43px 56px 30px 56px;
        width: 92%;
    }
}

.plp-filter .plp-filter-header {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.plp-filter .plp-filter-content h3 {
    font-family: Bilo;
    font-size: 29px;
    line-height: 33px;
    letter-spacing: -0.02em;
    color: #000000;
    padding-top: 80px;
    font-weight: 500;
}

.plp-filter .plp-filter-content .filter-item {
    margin-top: 43px;
}

    .plp-filter .plp-filter-content .filter-item.features {
        display: block;
    }

@media screen and (max-width: 576px) {
    .plp-filter .plp-filter-content .filter-item.gears .filter-content li span {
        max-width: 65%;
    }
}

.plp-filter .plp-filter-content .filter-item.active .filter-arrow {
    transform: rotate(180deg);
}

.plp-filter .plp-filter-content .filter-item div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

    .plp-filter .plp-filter-content .filter-item div h5 {
        font-family: Bilo;
        font-size: 13px;
        line-height: 15px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #000000;
    }

    .plp-filter .plp-filter-content .filter-item div .filter-arrow {
        height: 7px;
        transform: rotate(0deg);
    }

.plp-filter .plp-filter-content .filter-item .filter-content {
    display: flex;
    padding-top: 25px;
}

    .plp-filter .plp-filter-content .filter-item .filter-content.hidden {
        display: none;
    }

    .plp-filter .plp-filter-content .filter-item .filter-content .filter-range {
        width: 300px;
        display: flex;
        justify-content: space-between;
    }

        .plp-filter .plp-filter-content .filter-item .filter-content .filter-range .filter-field {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            width: 100px;
        }

            .plp-filter .plp-filter-content .filter-item .filter-content .filter-range .filter-field .range {
                font-size: 15px;
                font-family: "Bilo";
                margin-bottom: 8px;
            }

            .plp-filter .plp-filter-content .filter-item .filter-content .filter-range .filter-field input {
                height: 40px;
                width: 120px;
                border: none;
            }

    .plp-filter .plp-filter-content .filter-item .filter-content li {
        display: flex;
        align-items: center;
        margin: 25px 0px 25px 30px;
    }

@media screen and (max-width: 575px) {
    .plp-filter .plp-filter-content .filter-item .filter-content li {
        margin-left: 20px;
    }
}

.plp-filter .plp-filter-content .filter-item .filter-content li .radio-btn {
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid grey;
    background-color: white;
    margin-right: 28px;
}

    .plp-filter .plp-filter-content .filter-item .filter-content li .radio-btn.active {
        background-color: black;
        border-color: #000;
    }

        .plp-filter .plp-filter-content .filter-item .filter-content li .radio-btn.active .filter-check {
            opacity: 1;
        }

    .plp-filter .plp-filter-content .filter-item .filter-content li .radio-btn .filter-check {
        opacity: 0;
        height: 9px;
        transition: all 0.3s;
    }

.plp-filter .plp-filter-content .filter-item .filter-content li .color {
    margin: 0px 14px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
}

.plp-filter .plp-filter-content .filter-item .filter-content li span {
    max-width: 70%;
}

@media screen and (max-width: 1440px) {
    .plp-filter .plp-filter-content .filter-item .filter-content li span {
        max-width: 60%;
    }
}

@media screen and (max-width: 575px) {
    .plp-filter .plp-filter-content .filter-item .filter-content li span {
        max-width: 50%;
    }
}

@media screen and (max-width: 425px) {
    .plp-filter .plp-filter-content .filter-item .filter-content li span {
        max-width: 25%;
    }
}

.plp-filter .plp-filter-content .filter-item .plp-divider {
    height: 1px;
    color: #e1e1e1;
    width: 100%;
    background-color: #e1e1e1;
    margin: 35px 0px;
}

.plp-filter .plp-filter-action {
    display: flex;
    flex-direction: row;
    width: 60%;
    justify-content: space-between;
}

@media screen and (max-width: 1536px) {
    .plp-filter .plp-filter-action {
        width: 80%;
    }
}

@media screen and (max-width: 1440px) {
    .plp-filter .plp-filter-action {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .plp-filter .plp-filter-action {
        width: 63%;
    }
}

@media screen and (max-width: 991px) {
    .plp-filter .plp-filter-action {
        width: 91%;
    }
}

@media screen and (max-width: 575px) {
    .plp-filter .plp-filter-action {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.plp-filter .plp-filter-action .btn-apply {
    width: 184px;
    height: 56px;
    background-color: #060606;
    border: #060606;
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plp-filter .plp-filter-action .btn-loader {
    width: 20px;
    height: 20px;
    border: 4px solid #f2f1f057;
    border-left-color: #f2f1f0;
    border-radius: 50%;
    background: transparent;
    animation-name: rotate-s-loader;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-timing-function: linear;
    position: absolute;
    vertical-align: middle;
    margin-top: -3px;
    right: 7px;
    z-index: 20;
    display: none;
}

@media screen and (max-width: 1368px) {
    .plp-filter .plp-filter-action .btn-loader {
        right: 12px;
    }
}

@media screen and (max-width: 578px) {
    .plp-filter .plp-filter-action .btn-loader {
        right: 14px;
    }
}

.plp-filter .plp-filter-action .btn-clear {
    width: 184px;
    height: 56px;
    background-color: #efeeea;
    border: #efeeea;
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #000000;
    cursor: pointer;
}

@media screen and (max-width: 575px) {
    .plp-filter .plp-filter-action .btn-clear {
        margin-top: 8px;
    }
}

.plp-filter-hidden {
    left: -33%;
    visibility: hidden;
}

@media screen and (max-width: 1024px) {
    .plp-filter-hidden {
        left: -66%;
    }
}

@media screen and (max-width: 575px) {
    .plp-filter-hidden {
        left: -90%;
    }
}

.white {
    border: 1px solid grey;
    background-color: #fafafa;
}

.yellow {
    background-color: #cddb71;
}

.red {
    background-color: #b12418;
}

.blue {
    background-color: #10238d;
}

.pink {
    background-color: #c64c43;
}

.green {
    background-color: #0a5531;
}

.grey {
    background-color: #adabab;
}

.brown {
    background-color: #d1662a;
}

.cyan {
    background-color: #16d1d2;
}

.light-blue {
    background-color: #c6d4f2;
}

.orange {
    background-color: #c34c32;
}

.navy {
    background-color: #333366;
}

.olive {
    background-color: #999900;
}

.black {
    background-color: #000000;
}

.coral {
    background-color: #c64c43;
}

.metallic {
    background-color: #b12418;
}

.house-red {
    background-color: #cf0128;
}

.black-lacquer {
    background-color: #544234;
}

.turkish-green {
    background-color: #a3d1c9;
}

.flame-lacquer {
    background-color: #c52002;
}

.midnight-black-metallic {
    background-color: #1c1d20;
}

.storm-grey-metallic {
    background-color: #808183;
}

.fire-coral {
    background-color: #da4d45;
}

.racing-green {
    background-color: #2c5336;
}

.piccadilly-blue {
    background-color: #212E81;
}

.cloud-blue {
    background-color: #91b1d9;
}

.silver {
    background-color: #adabab;
}

.blasted-titanium {
    background-color: #c7c3c0;
}

.black-turkish-green {
    background-color: #000000;
}

.polished-titanium {
    background-color: #9c9492;
}

.arctic-grey {
    background-color: #bcc1c4;
}

.stealth-black {
    background-color: #2b312f;
}

.carbon-black {
    background-color: #3b3b3d;
}

.sage-green {
    background-color: #9db9a2;
}

.sky-blue {
    background-color: #9fcbe6;
}

.pline {
    background-color: #2f2978;
}

.tline {
    background: #383839;
}

.turquoise {
    background-color: #008487;
}

.scarlet {
    background-color: #da0f0d;
}

.slick-list.draggable {
    overflow: hidden;
}

.section-features {
    background: #657274;
    color: white;
    padding: 96px 66px;
}

    .section-features.dark {
        background-color: #060606;
    }

@media screen and (max-width: 1024px) {
    .section-features {
        padding: 64px 40px;
    }
}

@media screen and (max-width: 576px) {
    .section-features {
        padding: 40px 28px;
    }
}

.section-features h2 {
    margin-bottom: 64px;
    font-weight: 400;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .section-features h2 {
        margin-bottom: 48px;
        font-size: 24px;
    }
}

@media screen and (max-width: 576px) {
    .section-features h2 {
        margin-bottom: 32px;
    }
}

.features {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 1024px) {
    .features {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 576px) {
    .features {
        flex-direction: column;
    }
}

.features .feature {
    flex-basis: 316px;
}

@media screen and (max-width: 1024px) {
    .features .feature {
        flex-basis: 45%;
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 991px) {
    .features .feature {
        flex-basis: 46%;
    }
}

@media screen and (max-width: 576px) {
    .features .feature {
        margin-bottom: 16px;
        flex-basis: 100%;
    }
}

.features .feature .feature-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #535d5f;
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 500;
}

.features .feature h4 {
    margin-bottom: 8px;
    font-size: 18px;
}

@media screen and (max-width: 1024px) {
    .features .feature h4 {
        font-size: 16px;
    }
}

.features .feature p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
}

@media screen and (max-width: 1024px) {
    .features .feature p {
        font-size: 13px;
    }
}

.features .feature a {
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    padding-bottom: 8px;
    border-bottom: 1px solid #fff;
}

@media screen and (max-width: 576px) {
    .features .feature a {
        margin-bottom: 16px;
    }
}

.product-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    min-height: 730px;
}

@media (max-width: 1600px) {
    .product-hero {
        min-height: 600px;
    }
}

@media (max-width: 1200px) {
    .product-hero {
        min-height: 500px;
    }
}

@media (max-width: 991px) {
    .product-hero {
        min-height: 432px;
    }
}

@media (max-width: 576px) {
    .product-hero {
        min-height: 320px;
    }
}

.product-hero h2 {
    color: #fff;
    font-size: 80px;
    position: relative;
    z-index: 9;
    font-weight: normal;
    text-align: center;
    margin-top: 60px;
}

@media (max-width: 1600px) {
    .product-hero h2 {
        margin-top: 40px;
    }
}

@media (max-width: 1200px) {
    .product-hero h2 {
        margin-top: 20px;
        font-size: 62px;
    }
}

@media (max-width: 991px) {
    .product-hero h2 {
        margin-top: 0;
        padding: 0 20%;
    }
}

@media (max-width: 576px) {
    .product-hero h2 {
        font-size: 40px;
        margin-top: 0;
        padding: 0 20%;
    }
}

.product-hero > img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    height: 100%;
    display: inline-block;
    z-index: 7;
}

@media (max-width: 576px) {
    .product-hero > img {
        left: auto;
        width: auto;
        right: 0;
        transform: translateX(0);
    }
}

.product-hero:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 8;
}

.plp-hero .submenu nav .filter {
    background-color: violet;
    position: absolute;
    left: -428px;
    background: #efeeea;
    top: 100%;
    width: 428px;
    padding: 66px 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s;
}

.plp-luggage {
    padding: 64px 128px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    background: #fff;
}

@media screen and (max-width: 1680px) {
    .plp-luggage {
        padding: 64px;
    }
}

@media screen and (max-width: 1369px) {
    .plp-luggage {
        padding: 40px;
    }
}

@media screen and (max-width: 578px) {
    .plp-luggage {
        padding: 0px;
    }
}

.plp-luggage .plp-bags-cover {
    width: 72.5%;
    margin: 2px;
}

@media screen and (max-width: 1369px) {
    .plp-luggage .plp-bags-cover {
        width: 98.8%;
    }
}

.plp-luggage .plp-bags-cover .plp-bags-cover-img {
    width: 100%;
    max-height: 660px;
    object-fit: cover;
}

@media screen and (max-width: 1900px) {
    .plp-luggage .plp-bags-cover .plp-bags-cover-img {
        height: 490px;
    }
}

.plp-luggage.three-columns {
    justify-content: flex-start;
}

    .plp-luggage.three-columns .plp-bags-cover {
        width: 66.2%;
    }

@media screen and (max-width: 991px) {
    .plp-luggage.three-columns .plp-bags-cover {
        width: 98.6%;
    }
}

.plp-luggage .plp-item {
    width: 24%;
}

@media screen and (max-width: 1369px) {
    .plp-luggage .plp-item {
        width: 49%;
    }
}

@media screen and (max-width: 578px) {
    .plp-luggage .plp-item {
        width: 100%;
    }
}

.features-container {
    background-color: #f8f7f7;
    margin: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .features-container.luggage {
        width: 24%;
    }

@media screen and (max-width: 1369px) {
    .features-container.luggage {
        width: 49%;
    }
}

@media screen and (max-width: 578px) {
    .features-container.luggage {
        width: 100%;
        padding: 70px 0px;
    }
}

.features-container.bikes {
    width: 32%;
}

@media screen and (max-width: 1369px) {
    .features-container.bikes {
        width: 49%;
    }
}

@media screen and (max-width: 578px) {
    .features-container.bikes {
        width: 100%;
        padding: 70px 0px;
    }
}

.features-container .features-wrapper {
    width: fit-content;
    height: fit-content;
    margin: 0 auto;
}

    .features-container .features-wrapper .features-header {
        font-family: "akzidenz-grotesk-regular";
        font-size: 13px;
        line-height: 15px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: #060606;
        padding-bottom: 26px;
    }

    .features-container .features-wrapper .feature {
        font-family: "Bilo";
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.01em;
        color: #060606;
        margin: 16px 0px;
    }

    .features-container .features-wrapper .features-divider {
        width: 250px;
        height: 1px;
        background-color: #e0e0e0;
    }

.plp-item {
    height: 660px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #f8f7f7;
    margin: 2px;
    padding-bottom: 20px;
    width: 32%;
}

@media screen and (max-width: 1900px) {
    .plp-item {
        height: 600px;
    }
}

@media screen and (max-width: 1369px) {
    .plp-item {
        width: 49%;
    }
}

@media screen and (max-width: 578px) {
    .plp-item {
        width: 100%;
    }
}

.plp-item.accessories {
    width: 33%;
}

@media screen and (max-width: 1369px) {
    .plp-item.accessories {
        width: 49%;
    }
}

@media screen and (max-width: 578px) {
    .plp-item.accessories {
        width: 48%;
    }
}

.plp-item.accessories.image-only {
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .plp-item.accessories.image-only {
        width: 98.6%;
    }
}

.plp-item.accessories.image-only > img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

@media screen and (max-width: 991px) {
    .plp-item.accessories.image-only > img {
        height: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 1024px) {
    .plp-item.accessories .plp-item-img-container a {
        text-align: center;
    }
}

@media screen and (max-width: 1024px) {
    .plp-item.accessories .plp-item-img-container .plp-item-img.luggage-img {
        max-width: 80%;
    }
}

@media screen and (max-width: 425px) {
    .plp-item.accessories .plp-item-img-container .plp-item-img.luggage-img {
        max-width: 90%;
        padding: 0;
        max-height: 340px;
    }
}

@media screen and (max-width: 425px) {
    .plp-item.accessories .content .bike-description {
        display: none;
    }
}

@media screen and (max-width: 425px) {
    .plp-item.accessories .content .options-rating {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

@media (max-width: 576px) {
    .plp-item.accessories .content .options-rating .colours {
        gap: 10px;
        order: 2;
    }
}

@media (max-width: 576px) {
    .plp-item.accessories .content .options-rating .colours .colour-wrapper:nth-child(1), .plp-item.accessories .content .options-rating .colours .colour-wrapper:nth-child(2) {
        display: inline-block;
    }
}

@media (max-width: 576px) {
    .plp-item.accessories .content .options-rating .colours .colour-wrapper {
        display: none;
    }
}

@media screen and (max-width: 425px) {
    .plp-item.accessories .content .options-rating .ratings {
        order: 1;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.plp-item.major {
    height: 982px;
    width: 49%;
}

@media screen and (max-width: 1369px) {
    .plp-item.major {
        height: 600px;
    }
}

@media screen and (max-width: 578px) {
    .plp-item.major {
        width: 100%;
    }
}

.plp-item.side {
    height: 490px;
    width: 100%;
}

@media screen and (max-width: 1440px) {
    .plp-item.side {
        height: 489px;
    }
}

@media screen and (max-width: 1369px) {
    .plp-item.side {
        width: 49%;
        height: 600px;
    }
}

@media screen and (max-width: 578px) {
    .plp-item.side {
        width: 100%;
    }
}

.plp-item.out-of-stock {
    opacity: 0.5;
}

.plp-item .plp-item-img-container {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

    .plp-item .plp-item-img-container .plp-item-img {
        max-width: 100%;
        overflow: hidden;
        max-height: 500px;
    }

@media screen and (max-width: 1740px) {
    .plp-item .plp-item-img-container .plp-item-img {
        max-height: 410px;
    }
}

.plp-item .plp-item-img-container .plp-item-img.side {
    max-height: 250px;
}

@media screen and (max-width: 1024px) {
    .plp-item .plp-item-img-container .plp-item-img.side {
        max-height: unset;
        max-width: 100%;
        overflow: hidden;
    }
}

.plp-item .plp-item-img-container .plp-item-img.luggage-img {
    padding: 50px;
}

.plp-item .plp-item-slider {
    display: grid;
    grid-template-columns: 5% 90% 5%;
    position: relative;
    overflow: hidden;
}

    .plp-item .plp-item-slider .plpItemSlider-arrow {
        position: relative;
        height: 100%;
        cursor: pointer;
        width: fit-content;
    }

        .plp-item .plp-item-slider .plpItemSlider-arrow .prev,
        .plp-item .plp-item-slider .plpItemSlider-arrow .next {
            position: absolute;
            top: 200px;
        }

.plp-action-button {
    display: flex;
    justify-content: center;
    padding-bottom: 120px;
    padding-top: 50px;
    background: #fff;
}

    .plp-action-button .plp-load-more {
        width: 192px;
        height: 56px;
        background-color: #060606;
        font-family: "Bilo";
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 17px;
        text-align: center;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #ffffff;
        border: 1px solid #060606;
        display: flex;
        justify-content: center;
        align-items: center;
    }

@media screen and (max-width: 425px) {
    .plp-action-button .plp-load-more {
        width: 139px;
    }
}

.plp-action-button .plp-load-more img {
    margin-left: 4px;
    margin-bottom: 3px;
}

.plp-action-button .plp-load-more .loader {
    margin-bottom: 4px;
    margin-left: 7px;
}

.colour-wrapper {
    position: relative;
}

    .colour-wrapper .border {
        width: fit-content;
        width: 24px;
    }

        .colour-wrapper .border.oos::after {
            pointer-events: none;
            content: "";
            width: calc(100% - 6px);
            height: 1px;
            background: #fff;
            position: absolute;
            left: 3px;
            top: 50%;
            margin-top: -1px;
            transform: rotate(-45deg);
            display: block;
        }

    .colour-wrapper .colour-name {
        font-family: Bilo;
        font-size: 9px;
        line-height: 11px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #f8f7f7;
        position: absolute;
        top: 35px;
        visibility: hidden;
        width: max-content;
    }

        .colour-wrapper .colour-name.hover {
            visibility: unset;
            color: #060606;
        }

.loader {
    display: none;
    margin-left: 7px;
    margin-bottom: 4px;
    height: 16px;
    width: 16px;
    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background: url(./images/loading.svg) 50% 50% no-repeat;
}

    .loader.show {
        display: inline-block;
    }

.section-core-features {
    position: relative;
    padding: 96px 62px 112px 196px;
    z-index: 0;
    min-height: 1191px;
    background: #fbfaf7;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

    .section-core-features.dark {
        background-color: #060606;
    }

        .section-core-features.dark > img {
            position: absolute;
            left: 0;
            top: 0px;
            z-index: -1;
        }

@media screen and (max-width: 1200px) {
    .section-core-features.dark > img {
        left: -210px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.dark > img {
        max-width: 68%;
        left: -10px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features.dark > img {
        max-width: 85%;
    }
}

.section-core-features.dark h2 {
    color: #dddddd;
    margin-bottom: 68px;
}

@media screen and (max-width: 1024px) {
    .section-core-features.dark h2 {
        margin-bottom: 120px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.dark h2 {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 768px) {
    .section-core-features.dark h2 {
        margin-bottom: 36px;
    }
}

@media screen and (max-width: 1200px) {
    .section-core-features {
        padding: 40px 62px 45px 94px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features {
        min-height: 592px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features {
        padding: 48px 30px;
        min-height: 0;
    }
}

.section-core-features > img {
    position: absolute;
    left: 0;
    top: 170px;
    z-index: -1;
}

@media screen and (max-width: 1440px) {
    .section-core-features > img {
        max-width: 70%;
    }
}

@media screen and (max-width: 1200px) {
    .section-core-features > img {
        max-width: 87%;
        left: -250px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features > img {
        max-width: 60%;
        left: -27px;
        top: 150px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features > img {
        max-width: 85%;
    }
}

.section-core-features h2 {
    font-size: 102px;
    color: #060606;
    margin-bottom: 38px;
    font-weight: 400;
}

@media screen and (max-width: 1440px) {
    .section-core-features h2 {
        margin-bottom: 38px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features h2 {
        font-size: 62px;
        margin-bottom: 36px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features h2 {
        margin-bottom: 210px;
        font-size: 48px;
        padding-left: 120px;
    }
}

@media screen and (max-width: 425px) {
    .section-core-features h2 {
        width: 100px;
    }
}

.section-core-features h2 span {
    display: none;
}

@media screen and (max-width: 576px) {
    .section-core-features h2 span {
        display: inline-block;
    }
}

@media screen and (max-width: 425px) {
    .section-core-features h2 span {
        margin-left: 50px;
    }
}

.section-core-features h2:last-child {
    margin-bottom: 0;
    text-align: right;
    padding-right: 50px;
}

@media screen and (max-width: 576px) {
    .section-core-features h2:last-child {
        display: none;
    }
}

.section-core-features .core-features {
    align-self: flex-end;
    max-width: 880px;
    width: 50%;
    margin-top: 50px;
}

    .section-core-features .core-features.dark {
        margin-top: 0px;
        max-width: 740px;
    }

@media screen and (max-width: 1600px) {
    .section-core-features .core-features.dark {
        max-width: 880px;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features .core-features.dark {
        max-width: 530px;
    }
}

@media screen and (max-width: 1024px) {
    .section-core-features .core-features.dark {
        width: 58%;
    }
}

@media screen and (max-width: 1600px) {
    .section-core-features .core-features {
        width: 39%;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features .core-features {
        width: 46%;
        max-width: 430px;
    }
}

@media screen and (max-width: 1024px) {
    .section-core-features .core-features {
        width: 54%;
    }
}

@media screen and (max-width: 768px) {
    .section-core-features .core-features {
        width: 54%;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features .core-features {
        width: 100%;
        margin-top: 90px;
    }
}

.section-core-features .core-feature {
    position: relative;
    margin-bottom: 100px;
    max-width: 362px;
    text-align: left;
}

    .section-core-features .core-feature.dark h4 {
        color: #f2f1f0;
    }

    .section-core-features .core-feature.dark p {
        color: #dddddd;
    }

@media screen and (max-width: 1540px) {
    .section-core-features .core-feature {
        max-width: 70%;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features .core-feature {
        margin-bottom: 90px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features .core-feature {
        margin-bottom: 52px;
        max-width: 250px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features .core-feature {
        margin-bottom: 24px;
        max-width: 100%;
    }
}

.section-core-features .core-feature h4 {
    font-size: 25px;
    line-height: 33px;
    margin-bottom: 8px;
    color: #060606;
}

@media screen and (max-width: 991px) {
    .section-core-features .core-feature h4 {
        font-size: 21px;
        line-height: 26px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features .core-feature h4 {
        margin-bottom: 5px;
    }
}

.section-core-features .core-feature p {
    font-family: Bilo;
    font-size: 18px;
    line-height: 26px;
    color: #646464;
}

@media screen and (max-width: 991px) {
    .section-core-features .core-feature p {
        font-size: 12px;
        line-height: 16px;
    }
}

.section-core-features .core-feature .dot {
    position: absolute;
    right: 265%;
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #060606;
}

    .section-core-features .core-feature .dot.dark {
        border: 2px solid #646464;
        background: #060606;
    }

        .section-core-features .core-feature .dot.dark:before {
            background: #f8f7f7;
        }

@media screen and (max-width: 991px) {
    .section-core-features .core-feature .dot {
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features .core-feature .dot {
        display: none;
    }
}

.section-core-features .core-feature .dot:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #c64820;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

    .section-core-features .core-feature .dot:before.dark {
        background: #dddddd;
    }

        .section-core-features .core-feature .dot:before.dark::after {
            background: #858585;
        }

@media screen and (max-width: 991px) {
    .section-core-features .core-feature .dot:before {
        width: 15px;
        height: 15px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features .core-feature .dot:before {
        display: none;
    }
}

.section-core-features .core-feature .dot::after {
    content: "";
    display: inline-block;
    height: 2px;
    background: #1e1e1e;
    position: absolute;
    left: 100%;
    top: 14px;
    z-index: -1;
}

@media screen and (max-width: 991px) {
    .section-core-features .core-feature .dot::after {
        top: 9px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features .core-feature .dot::after {
        display: none;
    }
}

.section-core-features .core-feature:nth-child(1) {
    left: 0;
}

.section-core-features .core-feature:nth-child(2) {
    left: 150px;
}

@media screen and (max-width: 1600px) {
    .section-core-features .core-feature:nth-child(2) {
        left: 60px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features .core-feature:nth-child(2) {
        left: 0;
    }
}

.section-core-features .core-feature:nth-child(3) {
    left: 250px;
}

@media screen and (max-width: 1600px) {
    .section-core-features .core-feature:nth-child(3) {
        left: 160px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features .core-feature:nth-child(3) {
        left: 120px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features .core-feature:nth-child(3) {
        left: 0;
    }
}

.section-core-features.electric h2 {
    margin-bottom: 0;
}

.section-core-features.electric .core-features {
    max-width: 710px;
}

@media screen and (max-width: 1540px) {
    .section-core-features.electric .core-features {
        max-width: 460px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.electric > img {
        top: 130px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features.electric > img {
        top: 30px;
        left: -57px;
        max-width: 70%;
    }
}

@media screen and (max-width: 1024px) {
    .section-core-features.electric .core-feature {
        max-width: 70%;
    }
}

.section-core-features.electric .core-feature .dot {
    right: 265%;
}

    .section-core-features.electric .core-feature .dot::after {
        height: 1px;
    }

.section-core-features.electric .core-feature:nth-child(1) {
    margin-bottom: 156px;
}

@media screen and (max-width: 991px) {
    .section-core-features.electric .core-feature:nth-child(1) {
        margin-bottom: 62px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features.electric .core-feature:nth-child(1) {
        margin-bottom: 24px;
    }
}

.section-core-features.electric .core-feature:nth-child(1) .dot {
    right: 279%;
}

@media screen and (max-width: 1540px) {
    .section-core-features.electric .core-feature:nth-child(1) .dot {
        right: 274%;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features.electric .core-feature:nth-child(1) .dot {
        right: 243%;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features.electric .core-feature:nth-child(1) .dot {
        right: 223%;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features.electric .core-feature:nth-child(1) .dot {
        right: 203%;
    }
}

@media screen and (max-width: 1100px) {
    .section-core-features.electric .core-feature:nth-child(1) .dot {
        right: 203%;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.electric .core-feature:nth-child(1) .dot {
        right: 175%;
    }
}

.section-core-features.electric .core-feature:nth-child(1) .dot:after {
    width: 633px;
}

@media screen and (max-width: 1680px) {
    .section-core-features.electric .core-feature:nth-child(1) .dot:after {
        width: 576px;
    }
}

@media screen and (max-width: 1540px) {
    .section-core-features.electric .core-feature:nth-child(1) .dot:after {
        width: 545px;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features.electric .core-feature:nth-child(1) .dot:after {
        width: 447px;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features.electric .core-feature:nth-child(1) .dot:after {
        width: 385px;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features.electric .core-feature:nth-child(1) .dot:after {
        width: 355px;
    }
}

@media screen and (max-width: 1100px) {
    .section-core-features.electric .core-feature:nth-child(1) .dot:after {
        width: 310px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.electric .core-feature:nth-child(1) .dot:after {
        width: 160px;
    }
}

.section-core-features.electric .core-feature:nth-child(2) {
    margin-bottom: 150px;
}

@media screen and (max-width: 1536px) {
    .section-core-features.electric .core-feature:nth-child(2) {
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.electric .core-feature:nth-child(2) {
        margin-bottom: 52px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features.electric .core-feature:nth-child(2) {
        margin-bottom: 24px;
    }
}

.section-core-features.electric .core-feature:nth-child(2) .dot {
    right: 314%;
}

@media screen and (max-width: 1540px) {
    .section-core-features.electric .core-feature:nth-child(2) .dot {
        right: 293%;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features.electric .core-feature:nth-child(2) .dot {
        right: 263%;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features.electric .core-feature:nth-child(2) .dot {
        right: 241%;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features.electric .core-feature:nth-child(2) .dot {
        right: 213%;
    }
}

@media screen and (max-width: 1100px) {
    .section-core-features.electric .core-feature:nth-child(2) .dot {
        right: 222%;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.electric .core-feature:nth-child(2) .dot {
        right: 206%;
    }
}

.section-core-features.electric .core-feature:nth-child(2) .dot:after {
    width: 760px;
}

@media screen and (max-width: 1540px) {
    .section-core-features.electric .core-feature:nth-child(2) .dot:after {
        width: 610px;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features.electric .core-feature:nth-child(2) .dot:after {
        width: 510px;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features.electric .core-feature:nth-child(2) .dot:after {
        width: 440px;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features.electric .core-feature:nth-child(2) .dot:after {
        width: 392px;
    }
}

@media screen and (max-width: 1100px) {
    .section-core-features.electric .core-feature:nth-child(2) .dot:after {
        width: 380px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.electric .core-feature:nth-child(2) .dot:after {
        width: 233px;
    }
}

.section-core-features.electric .core-feature:nth-child(3) {
    margin-bottom: 130px;
}

@media screen and (max-width: 991px) {
    .section-core-features.electric .core-feature:nth-child(3) {
        margin-bottom: 40px;
    }
}

.section-core-features.electric .core-feature:nth-child(3) .dot {
    right: 299%;
}

@media screen and (max-width: 1540px) {
    .section-core-features.electric .core-feature:nth-child(3) .dot {
        right: 262%;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features.electric .core-feature:nth-child(3) .dot {
        right: 236%;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features.electric .core-feature:nth-child(3) .dot {
        right: 219%;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features.electric .core-feature:nth-child(3) .dot {
        right: 209%;
    }
}

@media screen and (max-width: 1100px) {
    .section-core-features.electric .core-feature:nth-child(3) .dot {
        right: 209%;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.electric .core-feature:nth-child(3) .dot {
        right: 193%;
    }
}

.section-core-features.electric .core-feature:nth-child(3) .dot:after {
    width: 705px;
}

@media screen and (max-width: 1540px) {
    .section-core-features.electric .core-feature:nth-child(3) .dot:after {
        width: 510px;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features.electric .core-feature:nth-child(3) .dot:after {
        width: 425px;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features.electric .core-feature:nth-child(3) .dot:after {
        width: 370px;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features.electric .core-feature:nth-child(3) .dot:after {
        width: 335px;
    }
}

@media screen and (max-width: 1200px) {
    .section-core-features.electric .core-feature:nth-child(3) .dot:after {
        width: 338px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.electric .core-feature:nth-child(3) .dot:after {
        width: 203px;
    }
}

.section-core-features.brompton .core-feature .dot {
    right: 265%;
}

    .section-core-features.brompton .core-feature .dot::after {
        height: 1px;
    }

.section-core-features.brompton .core-feature:nth-child(1) {
    margin-bottom: 156px;
}

@media screen and (max-width: 991px) {
    .section-core-features.brompton .core-feature:nth-child(1) {
        margin-bottom: 62px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features.brompton .core-feature:nth-child(1) {
        margin-bottom: 24px;
    }
}

.section-core-features.brompton .core-feature:nth-child(1) .dot {
    right: 279%;
}

@media screen and (max-width: 1540px) {
    .section-core-features.brompton .core-feature:nth-child(1) .dot {
        right: 245%;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features.brompton .core-feature:nth-child(1) .dot {
        right: 255%;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features.brompton .core-feature:nth-child(1) .dot {
        right: 226%;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features.brompton .core-feature:nth-child(1) .dot {
        right: 203%;
    }
}

@media screen and (max-width: 1100px) {
    .section-core-features.brompton .core-feature:nth-child(1) .dot {
        right: 201%;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.brompton .core-feature:nth-child(1) .dot {
        right: 165%;
    }
}

.section-core-features.brompton .core-feature:nth-child(1) .dot:after {
    width: 633px;
}

@media screen and (max-width: 1680px) {
    .section-core-features.brompton .core-feature:nth-child(1) .dot:after {
        width: 576px;
    }
}

@media screen and (max-width: 1540px) {
    .section-core-features.brompton .core-feature:nth-child(1) .dot:after {
        width: 494px;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features.brompton .core-feature:nth-child(1) .dot:after {
        width: 450px;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features.brompton .core-feature:nth-child(1) .dot:after {
        width: 365px;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features.brompton .core-feature:nth-child(1) .dot:after {
        width: 355px;
    }
}

@media screen and (max-width: 1100px) {
    .section-core-features.brompton .core-feature:nth-child(1) .dot:after {
        width: 290px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.brompton .core-feature:nth-child(1) .dot:after {
        width: 147px;
    }
}

.section-core-features.brompton .core-feature:nth-child(2) .dot {
    right: 314%;
}

@media screen and (max-width: 1540px) {
    .section-core-features.brompton .core-feature:nth-child(2) .dot {
        right: 253%;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features.brompton .core-feature:nth-child(2) .dot {
        right: 265%;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features.brompton .core-feature:nth-child(2) .dot {
        right: 242%;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features.brompton .core-feature:nth-child(2) .dot {
        right: 213%;
    }
}

@media screen and (max-width: 1100px) {
    .section-core-features.brompton .core-feature:nth-child(2) .dot {
        right: 218%;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.brompton .core-feature:nth-child(2) .dot {
        right: 187%;
    }
}

.section-core-features.brompton .core-feature:nth-child(2) .dot:after {
    width: 760px;
}

@media screen and (max-width: 1540px) {
    .section-core-features.brompton .core-feature:nth-child(2) .dot:after {
        width: 523px;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features.brompton .core-feature:nth-child(2) .dot:after {
        width: 480px;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features.brompton .core-feature:nth-child(2) .dot:after {
        width: 415px;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features.brompton .core-feature:nth-child(2) .dot:after {
        width: 392px;
    }
}

@media screen and (max-width: 1100px) {
    .section-core-features.brompton .core-feature:nth-child(2) .dot:after {
        width: 340px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.brompton .core-feature:nth-child(2) .dot:after {
        width: 200px;
    }
}

.section-core-features.brompton .core-feature:nth-child(3) {
    margin-bottom: 130px;
}

@media screen and (max-width: 991px) {
    .section-core-features.brompton .core-feature:nth-child(3) {
        margin-bottom: 40px;
    }
}

.section-core-features.brompton .core-feature:nth-child(3) .dot {
    right: 299%;
}

@media screen and (max-width: 1540px) {
    .section-core-features.brompton .core-feature:nth-child(3) .dot {
        right: 237%;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features.brompton .core-feature:nth-child(3) .dot {
        right: 229%;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features.brompton .core-feature:nth-child(3) .dot {
        right: 209%;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features.brompton .core-feature:nth-child(3) .dot {
        right: 197%;
    }
}

@media screen and (max-width: 1100px) {
    .section-core-features.brompton .core-feature:nth-child(3) .dot {
        right: 184%;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.brompton .core-feature:nth-child(3) .dot {
        right: 168%;
    }
}

.section-core-features.brompton .core-feature:nth-child(3) .dot:after {
    width: 705px;
}

@media screen and (max-width: 1540px) {
    .section-core-features.brompton .core-feature:nth-child(3) .dot:after {
        width: 465px;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features.brompton .core-feature:nth-child(3) .dot:after {
        width: 370px;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features.brompton .core-feature:nth-child(3) .dot:after {
        width: 315px;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features.brompton .core-feature:nth-child(3) .dot:after {
        width: 335px;
    }
}

@media screen and (max-width: 1200px) {
    .section-core-features.brompton .core-feature:nth-child(3) .dot:after {
        width: 240px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features.brompton .core-feature:nth-child(3) .dot:after {
        width: 154px;
    }
}

.section-core-features .core-feature.dark .dot {
    right: 265%;
}

    .section-core-features .core-feature.dark .dot::after {
        height: 1px;
    }

.section-core-features .core-feature.dark:nth-child(1) {
    margin-bottom: 156px;
}

@media screen and (max-width: 991px) {
    .section-core-features .core-feature.dark:nth-child(1) {
        margin-bottom: 62px;
    }
}

@media screen and (max-width: 576px) {
    .section-core-features .core-feature.dark:nth-child(1) {
        margin-bottom: 24px;
    }
}

.section-core-features .core-feature.dark:nth-child(1) .dot {
    right: 279%;
}

@media screen and (max-width: 1540px) {
    .section-core-features .core-feature.dark:nth-child(1) .dot {
        right: 265%;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features .core-feature.dark:nth-child(1) .dot {
        right: 228%;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features .core-feature.dark:nth-child(1) .dot {
        right: 216%;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features .core-feature.dark:nth-child(1) .dot {
        right: 203%;
    }
}

@media screen and (max-width: 1100px) {
    .section-core-features .core-feature.dark:nth-child(1) .dot {
        right: 190%;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features .core-feature.dark:nth-child(1) .dot {
        right: 165%;
    }
}

.section-core-features .core-feature.dark:nth-child(1) .dot:after {
    width: 633px;
}

@media screen and (max-width: 1680px) {
    .section-core-features .core-feature.dark:nth-child(1) .dot:after {
        width: 576px;
    }
}

@media screen and (max-width: 1540px) {
    .section-core-features .core-feature.dark:nth-child(1) .dot:after {
        width: 584px;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features .core-feature.dark:nth-child(1) .dot:after {
        width: 450px;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features .core-feature.dark:nth-child(1) .dot:after {
        width: 405px;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features .core-feature.dark:nth-child(1) .dot:after {
        width: 355px;
    }
}

@media screen and (max-width: 1100px) {
    .section-core-features .core-feature.dark:nth-child(1) .dot:after {
        width: 307px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features .core-feature.dark:nth-child(1) .dot:after {
        width: 147px;
    }
}

.section-core-features .core-feature.dark:nth-child(2) .dot {
    right: 314%;
}

@media screen and (max-width: 1540px) {
    .section-core-features .core-feature.dark:nth-child(2) .dot {
        right: 276%;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features .core-feature.dark:nth-child(2) .dot {
        right: 239%;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features .core-feature.dark:nth-child(2) .dot {
        right: 226%;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features .core-feature.dark:nth-child(2) .dot {
        right: 213%;
    }
}

@media screen and (max-width: 1100px) {
    .section-core-features .core-feature.dark:nth-child(2) .dot {
        right: 202%;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features .core-feature.dark:nth-child(2) .dot {
        right: 187%;
    }
}

.section-core-features .core-feature.dark:nth-child(2) .dot:after {
    width: 760px;
}

@media screen and (max-width: 1540px) {
    .section-core-features .core-feature.dark:nth-child(2) .dot:after {
        width: 623px;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features .core-feature.dark:nth-child(2) .dot:after {
        width: 490px;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features .core-feature.dark:nth-child(2) .dot:after {
        width: 440px;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features .core-feature.dark:nth-child(2) .dot:after {
        width: 392px;
    }
}

@media screen and (max-width: 1100px) {
    .section-core-features .core-feature.dark:nth-child(2) .dot:after {
        width: 350px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features .core-feature.dark:nth-child(2) .dot:after {
        width: 200px;
    }
}

.section-core-features .core-feature.dark:nth-child(3) {
    margin-bottom: 130px;
}

@media screen and (max-width: 991px) {
    .section-core-features .core-feature.dark:nth-child(3) {
        margin-bottom: 40px;
    }
}

.section-core-features .core-feature.dark:nth-child(3) .dot {
    right: 299%;
}

@media screen and (max-width: 1540px) {
    .section-core-features .core-feature.dark:nth-child(3) .dot {
        right: 262%;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features .core-feature.dark:nth-child(3) .dot {
        right: 221%;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features .core-feature.dark:nth-child(3) .dot {
        right: 209%;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features .core-feature.dark:nth-child(3) .dot {
        right: 197%;
    }
}

@media screen and (max-width: 1100px) {
    .section-core-features .core-feature.dark:nth-child(3) .dot {
        right: 180%;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features .core-feature.dark:nth-child(3) .dot {
        right: 168%;
    }
}

.section-core-features .core-feature.dark:nth-child(3) .dot:after {
    width: 705px;
}

@media screen and (max-width: 1540px) {
    .section-core-features .core-feature.dark:nth-child(3) .dot:after {
        width: 571px;
    }
}

@media screen and (max-width: 1440px) {
    .section-core-features .core-feature.dark:nth-child(3) .dot:after {
        width: 420px;
    }
}

@media screen and (max-width: 1368px) {
    .section-core-features .core-feature.dark:nth-child(3) .dot:after {
        width: 378px;
    }
}

@media screen and (max-width: 1280px) {
    .section-core-features .core-feature.dark:nth-child(3) .dot:after {
        width: 335px;
    }
}

@media screen and (max-width: 1200px) {
    .section-core-features .core-feature.dark:nth-child(3) .dot:after {
        width: 270px;
    }
}

@media screen and (max-width: 991px) {
    .section-core-features .core-feature.dark:nth-child(3) .dot:after {
        width: 154px;
    }
}

.section-core-features-img.light {
    position: absolute;
    left: 0;
    top: 180px;
    z-index: -1;
}

@media screen and (max-width: 1024px) {
    .section-core-features-img.light {
        left: -160px;
        top: 100px;
    }
}

@media screen and (max-width: 768px) {
    .section-core-features-img.light {
        left: -50px;
        top: 70px;
    }
}

.section-video {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    min-height: 824px;
}

@media screen and (max-width: 1600px) {
    .section-video {
        min-height: 705px;
    }
}

@media screen and (max-width: 1200px) {
    .section-video {
        min-height: 532px;
    }
}

@media screen and (max-width: 991px) {
    .section-video {
        min-height: 432px;
    }
}

@media screen and (max-width: 576px) {
    .section-video {
        min-height: 320px;
    }
}

.section-video:before {
    content: '';
    display: block;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.section-video video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.section-video .section-content {
    max-width: 1024px;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1200px) {
    .section-video .section-content {
        max-width: 800px;
    }
}

@media screen and (max-width: 991px) {
    .section-video .section-content {
        max-width: 570px;
    }
}

@media screen and (max-width: 576px) {
    .section-video .section-content {
        max-width: 240px;
        text-align: center;
    }
}

.section-video > img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.section-video h2 {
    color: #fff;
    font-size: 58px;
    line-height: 62px;
    margin-bottom: 32px;
}

@media screen and (max-width: 1440px) {
    .section-video h2 {
        font-size: 48px;
        line-height: 52px;
    }
}

@media screen and (max-width: 1200px) {
    .section-video h2 {
        font-size: 36px;
        line-height: 40px;
    }
}

@media screen and (max-width: 991px) {
    .section-video h2 {
        font-size: 32px;
        line-height: 35px;
    }
}

@media screen and (max-width: 576px) {
    .section-video h2 {
        font-size: 21px;
        line-height: 26px;
    }
}

.section-video a {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
}

    .section-video a span {
        padding: 4px 0;
        display: inline-block;
        border-bottom: 1px solid #fff;
    }

.section-video .play-button {
    display: inline-block;
    margin-right: 16px;
    width: 56px;
    height: 56px;
}

@media screen and (max-width: 576px) {
    .section-video .play-button {
        display: none;
    }
}

.section-featured {
    background-color: #657274;
    position: relative;
    min-height: 1048px;
}

@media screen and (max-width: 1024px) {
    .section-featured {
        min-height: 743px;
    }
}

.section-featured .section-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

@media screen and (max-width: 1024px) {
    .section-featured .section-image {
        position: relative;
    }
}

.section-featured .section-content {
    position: absolute;
    width: 50%;
    left: 0;
    top: 0;
    background: #0e1857;
    padding: 110px 197px 231px 133px;
    color: #fff;
    z-index: 1;
}

    .section-featured .section-content.right {
        left: auto;
        right: 0;
    }

@media screen and (max-width: 1440px) {
    .section-featured .section-content {
        padding-right: 150px;
    }
}

@media screen and (max-width: 1024px) {
    .section-featured .section-content {
        width: 100%;
        padding: 64px 42% 41px 99px;
        position: relative;
    }
}

@media screen and (max-width: 576px) {
    .section-featured .section-content {
        padding: 48px 69px 25px 29px;
    }
}

.section-featured .section-content h3 {
    font-size: 58px;
    line-height: 62px;
    margin-bottom: 39px;
}

@media screen and (max-width: 1440px) {
    .section-featured .section-content h3 {
        font-size: 48px;
        line-height: 52px;
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 1024px) {
    .section-featured .section-content h3 {
        font-size: 42px;
        line-height: 46px;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 991px) {
    .section-featured .section-content h3 {
        font-size: 32px;
        line-height: 36px;
    }
}

@media screen and (max-width: 576px) {
    .section-featured .section-content h3 {
        font-size: 28px;
        line-height: 32px;
    }
}

.section-featured .section-content > p {
    font-family: Bilo;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 23px;
}

@media screen and (max-width: 1024px) {
    .section-featured .section-content > p {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 576px) {
    .section-featured .section-content > p {
        margin-bottom: 32px;
    }
}

.section-featured .section-content .featured-product {
    background: #fff;
    padding: 48px 150px 48px 50px;
    max-width: 364px;
    color: #060606;
    position: absolute;
    bottom: 0;
    left: 133px;
    z-index: 0;
}

@media screen and (max-width: 1024px) {
    .section-featured .section-content .featured-product {
        padding: 24px 120px 24px 32px;
        left: auto;
        bottom: auto;
        top: 124px;
        right: 64px;
    }
}

@media screen and (max-width: 991px) {
    .section-featured .section-content .featured-product {
        padding: 24px 70px 24px 24px;
        max-width: 219px;
        right: 42px;
        top: 200px;
    }
}

@media screen and (max-width: 576px) {
    .section-featured .section-content .featured-product {
        padding: 16px 50px 16px 16px;
        max-width: 195px;
        position: relative;
        top: 0;
        left: 0;
        right: auto;
    }
}

.section-featured .section-content .featured-product img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
}

.section-featured .section-content .featured-product .featured-product-title {
    text-transform: uppercase;
    font-family: Bilo;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 24px;
}

@media screen and (max-width: 576px) {
    .section-featured .section-content .featured-product .featured-product-title {
        margin-bottom: 16px;
    }
}

.section-featured .section-content .featured-product p {
    margin-bottom: 6px;
}

.section-featured .section-content .featured-product .featured-product-price {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
}

@media screen and (max-width: 576px) {
    .section-featured .section-content .featured-product .featured-product-price {
        font-size: 16px;
        line-height: 23px;
    }
}

.home-hero {
    width: 100%;
    position: relative;
    height: 100%;
}

@media (max-width: 768px) {
    .home-hero {
        margin-top: 65px;
        height: calc(100vh - 65px);
    }
}

@media (max-width: 768px) {
    .home-hero.under-message {
        margin-top: 0;
    }
}

.home-hero .hero-content {
    position: relative;
    height: 100%;
}

    .home-hero .hero-content.blue {
        background: #152270;
    }

    .home-hero .hero-content.brown {
        background: #d1662a;
    }

    .home-hero .hero-content.pink {
        background: #c64c43;
    }

@media (max-width: 768px) {
    .home-hero .hero-content {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 65px);
    }
}

.home-hero .hero-content .home-hero-cover {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .home-hero .hero-content .home-hero-cover {
        padding-top: 300px;
    }
}

.home-hero .hero-content .home-hero-cover > img {
    width: 50%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 991px) {
    .home-hero .hero-content .home-hero-cover > img {
        max-height: 700px;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .home-hero .hero-content .home-hero-cover > img {
        max-height: 550px;
        width: 100%;
    }
}

.home-hero .hero-content .copy {
    position: absolute;
    bottom: 200px;
    max-width: 480px;
    left: 64px;
}

@media (max-width: 1200px) {
    .home-hero .hero-content .copy {
        left: 40px;
        top: 100px;
    }
}

@media (max-width: 1024px) {
    .home-hero .hero-content .copy {
        max-width: 40%;
        left: 40px;
    }
}

@media (max-width: 768px) {
    .home-hero .hero-content .copy {
        top: 40px;
        left: 40px;
        max-width: 100%;
    }
}

@media (max-width: 578px) {
    .home-hero .hero-content .copy {
        left: 28px;
        top: 28px;
        max-width: 86%;
    }
}

.home-hero .hero-content .copy .headline {
    font-family: "Bilo";
    font-size: 104px;
    line-height: 108px;
    letter-spacing: -0.04em;
    color: #ffffff;
    margin-bottom: 24px;
}

@media (max-width: 1440px) {
    .home-hero .hero-content .copy .headline {
        font-size: 64px;
        line-height: 68px;
    }
}

@media (max-width: 767px) {
    .home-hero .hero-content .copy .headline {
        font-size: 48px;
        line-height: 51px;
        margin-bottom: 8px;
    }
}

.home-hero .hero-content .copy .description {
    font-family: "Bilo";
    font-size: 21px;
    line-height: 27px;
    letter-spacing: -0.01em;
    color: #ffffff;
}

@media (max-width: 768px) {
    .home-hero .hero-content .copy .description {
        font-size: 18px;
        line-height: 21px;
    }
}

.home-hero .slick-dots {
    display: flex;
    width: fit-content;
    justify-content: space-between;
    left: 700px;
    position: absolute;
    bottom: 60px;
}

    .home-hero .slick-dots li {
        height: 32px;
        width: 32px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        opacity: 0.6;
        cursor: pointer;
    }

        .home-hero .slick-dots li.slick-active {
            border: 1px solid #ffffff;
        }

        .home-hero .slick-dots li button {
            font-family: Bilo;
            font-size: 12px;
            line-height: 16px;
            color: #ffffff;
            opacity: 0.6;
            border: none;
            background: none;
        }

.home-hero .redirect {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: -150px;
}

    .home-hero .redirect .redirect-link {
        font-family: Bilo;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 17px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #ffffff;
        border-bottom: 1px solid #ffffff;
        width: fit-content;
        height: 30px;
        margin-right: 30px;
    }

@media (max-width: 1024px) {
    .home-hero .redirect .redirect-link.my-bromptop {
        display: none;
    }
}

@media (max-width: 767px) {
    .home-hero .redirect .redirect-link {
        height: 23px;
    }
}

@media (max-width: 768px) {
    .home-hero .redirect {
        position: static;
        bottom: 0;
        margin-top: 32px;
    }
}

@media (max-width: 576px) {
    .home-hero .redirect {
        position: absolute;
        left: 0;
        top: 218px;
        margin-top: 0;
    }
}

.home-hero .action {
    position: absolute;
    bottom: 40px;
    right: 0px;
    display: flex;
    justify-content: space-between;
    width: 60%;
}

@media (max-width: 1540px) {
    .home-hero .action {
        bottom: 44px;
    }
}

@media (max-width: 1200px) {
    .home-hero .action {
        width: 66%;
        bottom: 52px;
        padding: 0px 40px;
    }
}

@media (max-width: 1024px) {
    .home-hero .action {
        top: 240px;
        width: auto;
    }
}

@media (max-width: 991px) {
    .home-hero .action {
        padding: 0 32px;
    }
}

@media (max-width: 767px) {
    .home-hero .action {
        top: 240px;
        padding: 0px 28px;
    }
}

.home-hero .action .pagination {
    display: flex;
    width: fit-content;
    justify-content: space-between;
}

@media (max-width: 768px) {
    .home-hero .action .pagination {
        column-gap: 10px;
    }
}

.home-hero .action .pagination .numeration {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    opacity: 0.6;
    cursor: pointer;
    border: 0;
    position: relative;
}

    .home-hero .action .pagination .numeration span {
        font-family: Bilo;
        font-size: 12px;
        line-height: 16px;
        color: #ffffff;
        opacity: 0.6;
    }

    .home-hero .action .pagination .numeration::before,
    .home-hero .action .pagination .numeration::after {
        box-sizing: inherit;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .home-hero .action .pagination .numeration::before,
    .home-hero .action .pagination .numeration::after {
        top: 0;
        left: 0;
    }

    .home-hero .action .pagination .numeration::before {
        border: 1px solid transparent;
    }

    .home-hero .action .pagination .numeration.active::before {
        border-top-color: #ffffff;
        border-right-color: #ffffff;
        border-bottom-color: #ffffff;
        transition: border-top-color 3s linear, border-right-color 3s linear 1s, border-bottom-color 3s linear 2s;
    }

    .home-hero .action .pagination .numeration::after {
        border: 0 solid transparent;
    }

    .home-hero .action .pagination .numeration.active::after {
        border-top: 1px solid #ffffff;
        border-left-width: 1px;
        border-right-width: 1px;
        transform: rotate(270deg);
        transition: transform 4s linear 0s, border-left-width 0s linear 3.5s;
    }

.home-hero .action .pagination .circle {
    border-radius: 100%;
    box-shadow: none;
}

    .home-hero .action .pagination .circle::before,
    .home-hero .action .pagination .circle::after {
        border-radius: 100%;
    }

.home-four-block {
    background-color: #efeeea;
    padding-bottom: 100px;
}

@media (max-width: 767px) {
    .home-four-block {
        padding-bottom: 66px;
    }
}

.home-four-block .wrapper {
    width: 80%;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .home-four-block .wrapper {
        width: 90%;
    }
}

.home-four-block .wrapper .copy .title {
    font-family: Bilo;
    font-size: 64px;
    line-height: 70px;
    letter-spacing: -0.04em;
    color: #060606;
    margin-bottom: 16px;
}

@media (max-width: 1024px) {
    .home-four-block .wrapper .copy .title {
        font-size: 40px;
        line-height: 42px;
    }
}

.home-four-block .wrapper .copy .copy-content {
    font-family: Bilo;
    font-size: 18px;
    line-height: 26px;
    color: #060606;
    margin-bottom: 48px;
}

@media (max-width: 1600px) {
    .home-four-block .wrapper .copy .copy-content {
        margin-bottom: 32px;
    }
}

@media (max-width: 1440px) {
    .home-four-block .wrapper .copy .copy-content {
        margin-bottom: 24px;
    }
}

@media (max-width: 1024px) {
    .home-four-block .wrapper .copy .copy-content {
        font-size: 16px;
        line-height: 23px;
    }
}

@media (max-width: 767px) {
    .home-four-block .wrapper .copy .copy-content {
        margin-bottom: 24px;
    }
}

.home-four-block .wrapper .copy .action {
    font-family: Bilo;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #060606;
    border-bottom: 1px solid #060606;
    width: fit-content;
    padding-bottom: 4px;
    display: inline-block;
}

.home-four-block .wrapper .upper {
    display: grid;
    grid-template-columns: 50% 50%;
    padding-top: 120px;
}

@media (max-width: 991px) {
    .home-four-block .wrapper .upper {
        padding-top: 60px;
    }
}

@media (max-width: 767px) {
    .home-four-block .wrapper .upper {
        display: flex;
        flex-direction: column-reverse;
    }
}

.home-four-block .wrapper .upper .copy {
    padding-top: 48px;
    width: 70%;
}

@media (max-width: 1440px) {
    .home-four-block .wrapper .upper .copy {
        width: 80%;
    }
}

@media (max-width: 768px) {
    .home-four-block .wrapper .upper .copy {
        padding-top: 28px;
        width: 100%;
    }
}

.home-four-block .wrapper .upper .image img {
    width: 100%;
    object-fit: cover;
    height: 420px;
}

@media (max-width: 1024px) {
    .home-four-block .wrapper .upper .image img {
        height: 240px;
    }
}

.home-four-block .wrapper .lower {
    display: grid;
    grid-template-columns: 50% 50%;
}

@media (max-width: 767px) {
    .home-four-block .wrapper .lower {
        display: flex;
        flex-direction: column;
    }
}

.home-four-block .wrapper .lower .copy {
    padding-top: 96px;
    padding-left: 130px;
    width: 70%;
}

@media (max-width: 1440px) {
    .home-four-block .wrapper .lower .copy {
        width: 90%;
        padding-left: 90px;
    }
}

@media (max-width: 1024px) {
    .home-four-block .wrapper .lower .copy {
        width: unset;
        padding-left: 50px;
    }
}

@media (max-width: 767px) {
    .home-four-block .wrapper .lower .copy {
        padding-left: 0px;
        padding-top: 40px;
        width: 100%;
    }
}

.home-four-block .wrapper .lower .image {
    position: relative;
}

    .home-four-block .wrapper .lower .image img {
        width: 100%;
        height: 420px;
        object-fit: cover;
        position: absolute;
        top: -30px;
    }

@media (max-width: 1024px) {
    .home-four-block .wrapper .lower .image img {
        top: 100px;
        height: 240px;
    }
}

@media (max-width: 767px) {
    .home-four-block .wrapper .lower .image img {
        position: unset;
        padding-top: 50px;
    }
}

.home-items {
    background-color: #657274;
    padding-bottom: 70px;
}

    .home-items .home-items-wrapper {
        width: 80%;
        margin: 0 auto;
        position: relative;
    }

        .home-items .home-items-wrapper .items-title {
            font-family: Bilo;
            font-size: 104px;
            line-height: 108px;
            letter-spacing: -0.04em;
            color: #ffffff;
            width: 40%;
            padding-left: 82px;
            padding-top: 120px;
            position: absolute;
            right: 0px;
        }

@media (max-width: 1540px) {
    .home-items .home-items-wrapper .items-title {
        font-size: 76px;
        line-height: 78px;
        padding-left: 0px;
    }
}

@media (max-width: 768px) {
    .home-items .home-items-wrapper .items-title {
        font-size: 48px;
        line-height: 51px;
        top: 30px;
    }
}

@media (max-width: 767px) {
    .home-items .home-items-wrapper .items-title {
        position: unset;
        padding-top: 50px;
        padding-left: 0px;
        width: 100%;
        font-size: 40px;
        line-height: 42px;
    }
}

.home-items .home-items-wrapper .items-list {
    display: grid;
    grid-template-columns: 50% 50%;
}

@media (max-width: 767px) {
    .home-items .home-items-wrapper .items-list {
        grid-template-columns: 100%;
    }
}

.home-items .home-items-wrapper .items-list .title {
    margin-top: 16px;
    font-family: Bilo;
    font-size: 21px;
    line-height: 27px;
    letter-spacing: -0.01em;
    color: #ffffff;
}

.home-items .home-items-wrapper .items-list .specs {
    font-family: Bilo;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
    margin-top: 4px;
}

.home-items .home-items-wrapper .items-list .description {
    font-family: Bilo;
    font-size: 16px;
    line-height: 23px;
    color: #ffffff;
}

@media (max-width: 767px) {
    .home-items .home-items-wrapper .items-list .description {
        font-size: 14px;
        line-height: 20px;
    }
}

.home-items .home-items-wrapper .items-list .action-link {
    margin-top: 32px;
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    width: fit-content;
    display: inline-block;
    padding-bottom: 4px;
}

@media screen and (max-width: 767px) {
    .home-items .home-items-wrapper .items-list .action-link {
        margin-top: 24px;
    }
}

.home-items .home-items-wrapper .items-list .items-left {
    width: 100%;
    margin-top: 200px;
}

@media (max-width: 578px) {
    .home-items .home-items-wrapper .items-list .items-left {
        margin-top: 50px;
        margin-top: 24px;
    }
}

.home-items .home-items-wrapper .items-list .items-left .item-one .item-one-img {
    width: 100%;
    max-height: 578px;
    object-fit: cover;
}

.home-items .home-items-wrapper .items-list .items-left .item-one .copy {
    width: 50%;
}

@media (max-width: 768px) {
    .home-items .home-items-wrapper .items-list .items-left .item-one .copy {
        width: 100%;
    }
}

.home-items .home-items-wrapper .items-list .items-left .item-two {
    display: flex;
    justify-content: end;
    margin-top: 100px;
}

@media (max-width: 768px) {
    .home-items .home-items-wrapper .items-list .items-left .item-two {
        margin-top: 50px;
    }
}

.home-items .home-items-wrapper .items-list .items-left .item-two .item-two-wrapper .item-two-img {
    width: 100%;
    max-height: 436px;
    object-fit: cover;
}

.home-items .home-items-wrapper .items-list .items-left .item-two .item-two-wrapper .copy {
    width: 50%;
}

@media (max-width: 768px) {
    .home-items .home-items-wrapper .items-list .items-left .item-two .item-two-wrapper .copy {
        width: 100%;
    }
}

.home-items .home-items-wrapper .items-list .items-right {
    margin-top: 550px;
}

@media (max-width: 768px) {
    .home-items .home-items-wrapper .items-list .items-right {
        margin-top: 450px;
    }
}

@media (max-width: 578px) {
    .home-items .home-items-wrapper .items-list .items-right {
        margin-top: 50px;
    }
}

.home-items .home-items-wrapper .items-list .items-right .item-three {
    padding-bottom: 65px;
}

@media (max-width: 578px) {
    .home-items .home-items-wrapper .items-list .items-right .item-three {
        padding-bottom: 0;
    }
}

.home-items .home-items-wrapper .items-list .items-right .item-three .item-three-img {
    width: 100%;
    max-height: 578px;
    object-fit: cover;
}

.home-items .home-items-wrapper .items-list .items-right .item-three .copy {
    width: 100%;
    display: flex;
    justify-content: end;
}

    .home-items .home-items-wrapper .items-list .items-right .item-three .copy .item-three-copy {
        width: 50%;
    }

@media (max-width: 768px) {
    .home-items .home-items-wrapper .items-list .items-right .item-three .copy .item-three-copy {
        width: 100%;
        margin-left: 30px;
    }
}

@media (max-width: 768px) and (max-width: 578px) {
    .home-items .home-items-wrapper .items-list .items-right .item-three .copy .item-three-copy {
        margin-left: unset;
    }
}

.home-moto {
    width: 100%;
    font-family: Bilo;
    font-size: 48px;
    line-height: 51px;
    letter-spacing: -0.02em;
    color: #ffffff;
    text-align: center;
    padding: 96px;
    background-color: #141414;
}

@media (max-width: 767px) {
    .home-moto {
        padding: 65px;
    }
}

.featured-bike {
    position: relative;
}

    .featured-bike .featured-bike-wrapper {
        position: absolute;
        background-color: #060606;
    }

@media (max-width: 1024px) {
    .featured-bike .featured-bike-wrapper {
        width: 100%;
        position: unset;
    }
}

.featured-bike .featured-bike-wrapper .featured-item {
    padding: 120px 132px 0px 200px;
    position: relative;
    height: 616px;
}

@media (max-width: 1024px) {
    .featured-bike .featured-bike-wrapper .featured-item {
        height: 300px;
        padding: 64px 74px 64px 100px;
    }
}

@media (max-width: 767px) {
    .featured-bike .featured-bike-wrapper .featured-item {
        padding: 48px 60px 64px 29px;
        height: 600px;
    }
}

.featured-bike .featured-bike-wrapper .featured-item .featured-item-name {
    font-family: Bilo;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #f2f1f0;
}

@media (max-width: 1024px) {
    .featured-bike .featured-bike-wrapper .featured-item .featured-item-name {
        max-width: 280px;
    }
}

@media (max-width: 767px) {
    .featured-bike .featured-bike-wrapper .featured-item .featured-item-name {
        font-size: 22px;
    }
}

.featured-bike .featured-bike-wrapper .featured-item .featured-item-description {
    font-family: Bilo;
    font-size: 18px;
    line-height: 26px;
    color: #f2f1f0;
    width: 500px;
    margin-top: 24px;
}

@media (max-width: 1024px) {
    .featured-bike .featured-bike-wrapper .featured-item .featured-item-description {
        max-width: 280px;
    }
}

@media (max-width: 767px) {
    .featured-bike .featured-bike-wrapper .featured-item .featured-item-description {
        font-size: 18px;
        line-height: 23px;
    }
}

.featured-bike .featured-bike-wrapper .featured-item .featured-item-example {
    background-color: #1e1e1e;
    width: 364px;
    position: absolute;
    height: 461px;
    margin-top: 50px;
}

@media (max-width: 1024px) {
    .featured-bike .featured-bike-wrapper .featured-item .featured-item-example {
        right: 43px;
        top: 64px;
        margin-top: 0px;
        width: 280px;
        height: fit-content;
    }
}

@media (max-width: 578px) {
    .featured-bike .featured-bike-wrapper .featured-item .featured-item-example {
        top: 300px;
        left: 29px;
    }
}

.featured-bike .featured-bike-wrapper .featured-item .featured-item-example .featured-item-price {
    font-family: Bilo;
    font-size: 14px;
    line-height: 20px;
    color: #dddddd;
    padding: 32px;
}

.featured-bike .featured-bike-wrapper .featured-item .featured-item-example .featured-img {
    margin-top: 70px;
    width: 100%;
    height: 280px;
    object-fit: contain;
}

    .featured-bike .featured-bike-wrapper .featured-item .featured-item-example .featured-img.hidden {
        display: none;
    }

@media (max-width: 1024px) {
    .featured-bike .featured-bike-wrapper .featured-item .featured-item-example .featured-img {
        margin-top: 10px;
        margin-bottom: 24px;
    }
}

@media (max-width: 578px) {
    .featured-bike .featured-bike-wrapper .featured-item .featured-item-example .featured-img {
        margin-top: 10px;
    }
}

.featured-bike .featured-cover {
    width: 100%;
    height: 960px;
}

@media (max-width: 1024px) {
    .featured-bike .featured-cover {
        height: unset;
    }
}

@media (max-width: 767px) {
    .featured-bike .featured-cover {
        height: 375px;
    }
}

.home-action {
    background-color: #657274;
}

@media (max-width: 1025px) {
    .home-action {
        padding-bottom: 50px;
    }
}

.home-action .home-action-content {
    width: 80%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 142px;
}

@media (max-width: 1440px) {
    .home-action .home-action-content {
        gap: 20px;
    }
}

@media (max-width: 1024px) {
    .home-action .home-action-content {
        flex-direction: column;
        width: 100%;
        padding-top: 70px;
        gap: 40px;
    }
}

.home-action .home-action-content .home-action-copy {
    width: 450px;
}

@media (max-width: 1024px) {
    .home-action .home-action-content .home-action-copy {
        display: flex;
        width: 100%;
        padding-left: 100px;
    }
}

@media (max-width: 765px) {
    .home-action .home-action-content .home-action-copy {
        flex-direction: column;
        padding-left: 69px;
    }
}

.home-action .home-action-content .home-action-copy .home-action-copy-text {
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 69px;
}

@media (max-width: 767px) {
    .home-action .home-action-content .home-action-copy .home-action-copy-text {
        height: unset;
        padding-right: 69px;
    }
}

.home-action .home-action-content .home-action-copy .home-action-copy-text .home-action-title {
    font-family: Bilo;
    font-size: 44px;
    line-height: 50px;
    letter-spacing: -0.02em;
    color: #ffffff;
}

@media (max-width: 767px) {
    .home-action .home-action-content .home-action-copy .home-action-copy-text .home-action-title {
        font-size: 29px;
        line-height: 33px;
    }
}

.home-action .home-action-content .home-action-copy .home-action-copy-text .action-content {
    font-family: Bilo;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    margin-top: 16px;
}

@media (max-width: 767px) {
    .home-action .home-action-content .home-action-copy .home-action-copy-text .action-content {
        font-size: 16px;
        line-height: 23px;
    }
}

.home-action .home-action-content .home-action-copy .home-action-copy-text .home-action-link {
    margin-top: 28px;
    display: inline-block;
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ffffff;
    width: fit-content;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 4px;
    display: inline-block;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .home-action .home-action-content .home-action-copy .home-action-copy-text .home-action-link {
        margin-bottom: 24px;
    }
}

.home-action .home-action-content .home-action-copy .home-action-img {
    display: flex;
    justify-content: flex-end;
    margin-top: 52px;
}

@media (max-width: 1024px) {
    .home-action .home-action-content .home-action-copy .home-action-img.lower {
        padding-bottom: 50px;
    }
}

.home-action .home-action-content .home-action-copy .home-action-img img {
    height: 230px;
}

@media (max-width: 767px) {
    .home-action .home-action-content .home-action-copy .home-action-img img {
        height: 143px;
    }
}

@media (max-width: 1024px) {
    .home-action .home-action-content .home-action-copy .home-action-img {
        margin-top: 0px;
    }
}

.home-action .home-action-content .home-action-divider {
    height: 450px;
    width: 1px;
    background-color: #ffffff;
}

@media (max-width: 1024px) {
    .home-action .home-action-content .home-action-divider {
        height: 1px;
        width: 80%;
        background-color: #424242;
        margin: 66px 0px 76px 0px;
    }
}

@media (max-width: 767px) {
    .home-action .home-action-content .home-action-divider {
        margin: 44px 0px 64px 0px;
    }
}

.brompton-services {
    background-color: #1e1e1e;
}

    .brompton-services .wrapper {
        width: 90%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        padding-top: 64px;
        padding-bottom: 70px;
    }

@media (max-width: 1024px) {
    .brompton-services .wrapper {
        grid-template-columns: 50% 50%;
        padding-top: 48px;
    }
}

@media (max-width: 767px) {
    .brompton-services .wrapper {
        grid-template-columns: 100%;
        padding-top: 12px;
    }
}

.brompton-services .wrapper .service {
    max-width: 260px;
}

@media (max-width: 1024px) {
    .brompton-services .wrapper .service {
        max-width: 300px;
        padding: 32px 0px;
    }
}

@media (max-width: 767px) {
    .brompton-services .wrapper .service {
        padding: 20px 0px;
    }
}

.brompton-services .wrapper .service .service-name {
    font-family: Bilo;
    font-size: 16px;
    line-height: 23px;
    color: #dddddd;
    margin-bottom: 8px;
}

.brompton-services .wrapper .service .service-description {
    font-family: Bilo;
    font-size: 14px;
    line-height: 20px;
    color: #dddddd;
}

.special-editions-divider-line {
    display: none;
}

@media (max-width: 1024px) {
    .special-editions-divider-line {
        display: block;
        width: 100%;
        height: 1px;
        background-color: #424242;
    }
}

@media (max-width: 425px) {
    .brompton-copy {
        padding-bottom: 56px;
    }
}

.brompton-copy.dark {
    background: #1e1e1e;
}

.brompton-copy.special {
    padding-bottom: 0px;
    position: relative;
}

.brompton-copy .brompton-text {
    font-family: Bilo;
    font-size: 32px;
    line-height: 41px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;
    max-width: 1024px;
    margin: 0 auto;
    padding-top: 96px;
    margin-bottom: 50px;
}

    .brompton-copy .brompton-text.dark {
        color: #f2f1f0;
    }

@media (max-width: 1600px) {
    .brompton-copy .brompton-text {
        max-width: 570px;
    }
}

@media (max-width: 768px) {
    .brompton-copy .brompton-text {
        width: 80%;
        font-size: 24px;
        line-height: 27px;
        padding-top: 0px;
    }
}

.brompton-copy .brompton-lines {
    display: flex;
    width: fit-content;
    margin: 0 auto;
    padding-bottom: 100px;
}

@media (max-width: 425px) {
    .brompton-copy .brompton-lines {
        padding-bottom: 56px;
    }
}

@media (max-width: 768px) {
    .brompton-copy .brompton-lines.special {
        position: absolute;
        z-index: 9;
        left: calc(50% - 90px);
        top: 225px;
    }
}

@media (max-width: 425px) {
    .brompton-copy .brompton-lines.special {
        top: 300px;
    }
}

@media (max-width: 320px) {
    .brompton-copy .brompton-lines.special {
        top: 350px;
    }
}

.brompton-copy .brompton-lines .icon-bg {
    height: 56px;
    width: 56px;
    background-color: #f8f7f7;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2px;
}

    .brompton-copy .brompton-lines .icon-bg.dark {
        background: #282828;
    }

.line-bike-cover-wrapper {
    position: relative;
}

    .line-bike-cover-wrapper .line-bike-cover {
        width: 100%;
    }

    .line-bike-cover-wrapper .icon-bg {
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 999;
        height: 80px;
        width: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .line-bike-cover-wrapper .icon-bg.even {
            left: 0px;
        }

.bike-line-example {
    width: 100%;
    display: grid;
    grid-template-columns: 64% 36%;
    width: 95%;
    margin: 0 auto;
    padding: 2px 0px;
}

@media (max-width: 768px) {
    .bike-line-example {
        grid-template-columns: 100%;
    }
}

.bike-line-example.even {
    grid-template-columns: 36% 64%;
}

@media (max-width: 768px) {
    .bike-line-example.even {
        display: flex;
        flex-direction: column-reverse;
    }
}

.bike-line-example .bike-example {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background-color: #f8f7f7;
}

@media (max-width: 768px) {
    .bike-line-example .bike-example {
        display: none;
    }
}

.bike-line-example .bike-example .bike-intro {
    font-family: Bilo;
    font-size: 21px;
    line-height: 27px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #060606;
    text-align: center;
}

@media (max-width: 768px) {
    .bike-line-example .bike-example .bike-intro {
        display: none;
    }
}

.bike-line-example .bike-example .content .action {
    text-transform: uppercase;
    width: fit-content;
    border-bottom: 1px solid #060606;
    margin-top: 20px;
    display: block;
}

.bike-line-example-mobile {
    display: none;
    background-color: #f8f7f7;
}

@media (max-width: 768px) {
    .bike-line-example-mobile {
        display: block;
    }
}

.bike-line-example-mobile .content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .bike-line-example-mobile .content-wrapper .bike-intro {
        padding-bottom: 16px;
    }

    .bike-line-example-mobile .content-wrapper .bike-line-image {
        width: 50%;
    }

        .bike-line-example-mobile .content-wrapper .bike-line-image .bike-line-img {
            width: 100%;
        }

.bike-line-example-mobile .bike-line-actions {
    display: flex;
    justify-content: space-between;
    padding: 0px 22px 22px 22px;
    align-items: center;
}

    .bike-line-example-mobile .bike-line-actions .action {
        font-family: Bilo;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 17px;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #060606;
        width: fit-content;
        border-bottom: 1px solid #060606;
        padding-bottom: 4px;
    }

.brompton-callout {
    margin: 65px;
    position: relative;
}

    .brompton-callout.c-line {
        margin: 0px;
    }

@media (max-width: 768px) {
    .brompton-callout {
        margin: 30px;
    }
}

.brompton-callout .callout-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .brompton-callout .callout-cover {
        height: 420px;
    }
}

.brompton-callout .callout-action {
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: center;
}

    .brompton-callout .callout-action .action-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

@media (max-width: 768px) {
    .brompton-callout .callout-action .action-content {
        flex-direction: column-reverse;
    }
}

.brompton-callout .callout-action .action-content .callout-content {
    font-family: Bilo;
    font-size: 58px;
    line-height: 62px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #ffffff;
}

@media (max-width: 768px) {
    .brompton-callout .callout-action .action-content .callout-content {
        font-size: 32px;
        line-height: 35px;
    }
}

.brompton-callout .callout-action .callout-link {
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ffffff;
    padding-top: 16px;
    text-align: center;
    display: inline-block;
    border-bottom: 1px solid white;
    padding-bottom: 4px;
    width: fit-content;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .brompton-callout .callout-action .callout-link {
        margin-bottom: 24px;
    }
}

.bike-states .bike-state {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #efeeea;
    padding-right: 60px;
    margin-bottom: 2px;
}

    .bike-states .bike-state.dark {
        background: #1e1e1e;
        color: #ffffff;
        margin-bottom: 0px;
    }

@media (max-width: 425px) {
    .bike-states .bike-state {
        align-items: unset;
    }
}

.bike-states .bike-state .bike-state-img {
    width: 100%;
}

.bike-states .bike-state .bike-state-content {
    display: flex;
    justify-content: space-around;
}

    .bike-states .bike-state .bike-state-content .score-icon {
        align-self: flex-start;
        margin: 40px;
    }

@media (max-width: 768px) {
    .bike-states .bike-state .bike-state-content .score-icon {
        display: none;
    }
}

.bike-states .bike-state .bike-state-content .bike-state-copy {
    max-width: 500px;
}

@media (max-width: 425px) {
    .bike-states .bike-state .bike-state-content .bike-state-copy {
        padding: 50px 0px;
    }
}

.bike-states .bike-state .bike-state-content .bike-state-copy .bike-position {
    font-family: Bilo;
    font-size: 104px;
    line-height: 108px;
    letter-spacing: -0.04em;
    color: #060606;
}

    .bike-states .bike-state .bike-state-content .bike-state-copy .bike-position.dark {
        color: #f2f1f0;
    }

@media (max-width: 1024px) {
    .bike-states .bike-state .bike-state-content .bike-state-copy .bike-position {
        font-size: 62px;
        line-height: 65px;
    }
}

@media (max-width: 768px) {
    .bike-states .bike-state .bike-state-content .bike-state-copy .bike-position {
        font-size: 48px;
        line-height: 51px;
    }
}

.bike-states .bike-state .bike-state-content .bike-state-copy .bike-description {
    font-family: Bilo;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: -0.01em;
    color: #424242;
}

    .bike-states .bike-state .bike-state-content .bike-state-copy .bike-description.dark {
        color: #dddddd;
    }

@media (max-width: 768px) {
    .bike-states .bike-state .bike-state-content .bike-state-copy .bike-description {
        font-size: 18px;
        line-height: 22px;
    }
}

.three-block {
    width: 100%;
    display: grid;
    grid-template-columns: 33% 33% 33%;
}

@media (max-width: 1024px) {
    .three-block {
        grid-template-columns: 50% 50%;
    }
}

@media (max-width: 576px) {
    .three-block {
        grid-template-columns: 100%;
    }
}

.three-block .text-block {
    background-color: #0e1857;
    padding: 96px 120px 170px 65px;
}

@media (max-width: 768px) {
    .three-block .text-block {
        padding: 48px 40px 50px 40px;
    }
}

.three-block .text-block .title {
    font-family: Bilo;
    font-size: 44px;
    line-height: 50px;
    letter-spacing: -0.02em;
    color: #f2f1f0;
}

.three-block .text-block .copy {
    font-family: Bilo;
    font-size: 18px;
    line-height: 26px;
    color: #f2f1f0;
    margin-top: 24px;
}

.three-block .text-block .action {
    display: inline-block;
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #f2f1f0;
    margin-top: 46px;
    border-bottom: 1px solid #f2f1f0;
    padding-bottom: 4px;
}

.three-block .text-block .features-intro {
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #f2f1f0;
    margin-bottom: 32px;
}

.three-block .text-block .feature-list-item {
    font-family: Bilo;
    font-size: 14px;
    line-height: 20px;
    color: #f2f1f0;
    margin-bottom: 32px;
}

.three-block .text-block .feature-divider {
    width: 100%;
    height: 1px;
    background-color: #f2f1f0;
    margin-bottom: 24px;
}

@media (max-width: 1024px) {
    .three-block .img-block {
        grid-row: 1 / 2;
        grid-column: 1 / 3;
    }
}

@media (max-width: 576px) {
    .three-block .img-block {
        grid-row: unset;
        grid-column: unset;
    }
}

.three-block .img-block .three-block-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1024px) {
    .three-block .img-block .three-block-img {
        max-height: 440px;
    }
}

.slider-electric {
    padding: 200px 0px;
    display: grid;
    grid-template-columns: repeat(auto-fit, 100%);
    background-color: #ffffff;
}

@media screen and (max-width: 1440px) {
    .slider-electric {
        padding: 150px 0;
    }
}

@media screen and (max-width: 1024px) {
    .slider-electric {
        padding: 100px 0;
    }
}

@media screen and (max-width: 576px) {
    .slider-electric {
        padding: 85px 0;
    }
}

.slider-electric.dark {
    background-color: #1e1e1e;
}

.slider-electric .quotes-slider .slides .slide {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .slider-electric .quotes-slider .slides .slide .options-rating .ratings .rate {
        margin-left: 9px;
    }

        .slider-electric .quotes-slider .slides .slide .options-rating .ratings .rate.dark {
            color: #dddddd;
        }

    .slider-electric .quotes-slider .slides .slide .slide-quote {
        max-width: 600px;
        font-family: Bilo;
        font-size: 24px;
        line-height: 31px;
        text-align: center;
        letter-spacing: -0.01em;
        color: #060606;
        padding: 34px;
    }

        .slider-electric .quotes-slider .slides .slide .slide-quote.dark {
            color: #dddddd;
        }

    .slider-electric .quotes-slider .slides .slide .slide-image {
        margin: 32px 0px;
    }

.slider-electric .quotes-slider .slider-navigation {
    display: flex;
    width: 140px;
    justify-content: space-evenly;
    margin: 0 auto;
}

    .slider-electric .quotes-slider .slider-navigation .slider-prev {
        cursor: pointer;
    }

    .slider-electric .quotes-slider .slider-navigation .slider-pagination {
        display: flex;
        justify-content: center;
        justify-content: flex-start;
        font-family: Bilo;
        font-size: 13px;
        line-height: 15px;
        text-align: center;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: #060606;
    }

        .slider-electric .quotes-slider .slider-navigation .slider-pagination.dark {
            color: #dddddd;
        }

    .slider-electric .quotes-slider .slider-navigation .slider-next {
        cursor: pointer;
    }

.four-block-special {
    background-color: #1E1E1E;
    padding: 0 64px 64px 64px;
}

@media screen and (max-width: 768px) {
    .four-block-special {
        padding: 0px 40px 64px 40px;
    }
}

@media screen and (max-width: 425px) {
    .four-block-special {
        padding: 0px 28px 64px 28px;
    }
}

.four-block-special .row {
    display: grid;
    grid-template-columns: 50% 50%;
}

@media screen and (max-width: 768px) {
    .four-block-special .row.lower {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 768px) {
    .four-block-special .row {
        display: flex;
        flex-direction: column;
    }
}

.four-block-special .row .line-bike-cover-wrapper .line-bike-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.four-block-special .row .four-block-copy {
    background-color: #141414;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 200px 138px 108px 138px;
}

@media screen and (max-width: 768px) {
    .four-block-special .row .four-block-copy {
        padding: 60px 34px;
    }
}

.four-block-special .row .four-block-copy h2 {
    font-family: Bilo;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #f2f1f0;
    font-weight: 300;
}

.four-block-special .row .four-block-copy p {
    font-family: Bilo;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: #dddddd;
    margin-top: 8px;
}

.four-block-special .row .four-block-copy .edition {
    font-family: Bilo;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #dddddd;
    margin-top: 65px;
}

.four-block-special .row .four-block-copy .prices {
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #dddddd;
}

.four-block-special .row .four-block-copy a {
    display: inline-block;
    font-family: Bilo;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 4px;
    margin-top: 130px;
}

@media screen and (max-width: 768px) {
    .four-block-special .row .four-block-copy a {
        margin-top: 50px;
    }
}

.special-content {
    background-color: #393838;
}

.slider-electric .rating .rating-number {
    color: #858585;
}

.rating {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .rating img {
        width: 14px;
        height: 14px;
        margin-right: 2px;
        vertical-align: top;
    }

    .rating .rating-number {
        margin-left: 7px;
        font-size: 12px;
        line-height: 1;
        margin-top: 1px;
    }

.section-luggage .plp-luggage {
    padding-top: 0;
    padding-bottom: 0;
}

.section-clothing .plp-luggage {
    padding-top: 0;
    padding-bottom: 64px;
}

.section-luggage .section-text,
.section-clothing .section-text {
    font-family: Bilo;
    text-align: center;
    letter-spacing: -0.02em;
    color: #000000;
    width: 50%;
    margin: 0 auto;
    padding-top: 96px;
    margin-bottom: 96px;
}

@media (max-width: 1440px) {
    .section-luggage .section-text,
    .section-clothing .section-text {
        width: 60%;
    }
}

@media (max-width: 1024px) {
    .section-luggage .section-text,
    .section-clothing .section-text {
        width: 70%;
    }
}

@media (max-width: 768px) {
    .section-luggage .section-text,
    .section-clothing .section-text {
        padding-top: 88px;
        margin-bottom: 88px;
        width: 70%;
    }
}

@media (max-width: 481px) {
    .section-luggage .section-text,
    .section-clothing .section-text {
        padding-top: 38px;
        margin-bottom: 48px;
        width: 80%;
    }
}

.section-luggage .section-text h2,
.section-clothing .section-text h2 {
    font-weight: 400;
    font-size: 44px;
    line-height: 50px;
    margin-bottom: 48px;
    padding-bottom: 25px;
    text-align: center;
    position: relative;
}

@media (max-width: 991px) {
    .section-luggage .section-text h2,
    .section-clothing .section-text h2 {
        font-size: 29px;
        line-height: 33px;
        margin-bottom: 16px;
        padding-bottom: 17px;
    }
}

.section-luggage .section-text h2:after,
.section-clothing .section-text h2:after {
    content: '';
    display: inline-block;
    height: 1px;
    width: 64px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -32px;
}

.section-luggage .section-text p,
.section-clothing .section-text p {
    font-size: 21px;
    line-height: 27px;
    color: #0a0a0a;
    margin-bottom: 48px;
}

@media (max-width: 768px) {
    .section-luggage .section-text p,
    .section-clothing .section-text p {
        margin-bottom: 34px;
    }
}

.section-luggage .section-text .link,
.section-clothing .section-text .link {
    color: #060606;
    text-transform: uppercase;
    padding-bottom: 4px;
    border-bottom: 1px solid #060606;
    letter-spacing: 0.08em;
    font-weight: 500;
}

/* NEW CART PAGE STYLES */
.hero-cart {
    background: #c64820;
    color: #fff;
    padding: 0 !important;
    max-height: 200px;
    min-height: 200px;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .hero-cart {
        max-height: none;
    }
}

@media screen and (max-width: 576px) {
    .hero-cart {
        height: max-content;
        min-height: 145px;
    }
}

.hero-cart__image {
    position: relative;
    max-height: 200px;
    min-height: 200px;
}

@media screen and (max-width: 991px) {
    .hero-cart__image {
        display: none;
    }
}

.hero-cart__image img {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

.hero-cart__content {
    padding: 80px 7% 64px;
}

@media screen and (max-width: 1540px) {
    .hero-cart__content {
        padding: 70px 7% 60px;
    }
}

@media screen and (max-width: 991px) {
    .hero-cart__content {
        padding: 85px 7% 20px;
        text-align: center;
    }
}

@media screen and (max-width: 576px) {
    .hero-cart__content {
        padding: 77px 1% 13px;
    }
}

.hero-cart.cart-red {
    background: #b12418;
}

.hero-cart.cart-brown {
    background: #d1662a;
}

.hero-cart.cart-blue {
    background: #10238d;
}

.hero-cart.cart-pink {
    background: #c64c43;
}

.hero-cart.cart-green {
    background: #0a5531;
}

.hero-cart.cart-grey {
    background: #adabab;
}

.hero-cart.cart-cyan {
    background: #16d1d2;
}

.hero-cart.cart-lightblue {
    background: #c6d4f2;
}

.hero-cart.cart-white {
    background: #fff;
}

.hero-cart.cart-black {
    background: #000;
}

.hero-cart .bikes {
    position: absolute;
    display: inline-block;
    width: 147px;
    height: 36px;
    bottom: 30px;
    left: 60px;
}

    .hero-cart .bikes img {
        max-width: 147px;
    }

.hero-cart .container-fluid {
    padding: 0;
}

.hero-cart .row {
    position: relative;
    overflow: hidden;
}

    .hero-cart .row:after {
        content: "";
        display: table;
        width: 100%;
        clear: both;
    }

.hero-cart .col-md-8 {
    width: 63% !important;
}

@media screen and (max-width: 991px) {
    .hero-cart .col-md-8 {
        width: 100% !important;
    }
}

.hero-cart .col-lg-4 {
    width: 37% !important;
}

@media screen and (max-width: 991px) {
    .hero-cart .col-lg-4 {
        width: 100% !important;
    }
}

.hero-cart h1 {
    text-transform: uppercase;
    font-weight: 400;
}

@media screen and (max-width: 576px) {
    .hero-cart h1 {
        margin-bottom: 6px;
    }
}

.cart-wrapper .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cart-wrapper .row:after {
    content: "";
    display: table;
    clear: both;
}

.basket-inner {
    margin-top: 0;
    padding-right: 3%;
}

@media screen and (max-width: 991px) {
    .basket-inner {
        width: 100%;
    }
}

.basket-inner .link {
    letter-spacing: 0.08em;
    color: #060606;
    display: inline-block;
    flex-direction: column;
    border-bottom: 1px solid #060606;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.basket-inner .basket-product {
    position: relative;
}

@media screen and (max-width: 991px) {
    .basket-inner .basket-product .col-xs-3 {
        position: static;
        width: 100%;
    }
}

.basket-inner .basket-product__quantity-value {
    background: #fff;
    min-width: 45px;
    font-size: 14px;
    font-weight: 700;
    padding: 14px 10px;
    margin: 0 13px;
}

@media screen and (max-width: 576px) {
    .basket-inner .basket-product__quantity-value {
        min-width: 40px;
    }
}

.basket-inner .basket-product__quantity {
    margin-top: 0;
    align-items: flex-start;
    min-height: auto;
    margin: 10px 0;
}

.basket-inner .basket-product__quantity-row p {
    font-size: 18px;
    margin-right: 50px;
    margin-bottom: 0;
}

@media screen and (max-width: 576px) {
    .basket-inner .basket-product__quantity-row p {
        margin-right: 20px;
        font-size: 16px;
    }
}

.basket-inner .basket-product__quantity-row .quantityControl {
    border-radius: 50%;
    background: #fff;
    width: 15px;
    height: 15px;
    min-height: 15px;
    min-width: 15px;
    position: relative;
}

@media screen and (max-width: 576px) {
    .basket-inner .basket-product__quantity-row .quantityControl {
        width: 35px;
        height: 35px;
        min-width: 35px;
        min-height: 35px;
    }
}

.basket-inner .basket-product__quantity-row .quantityControl .loader-circle {
    width: 15px;
    height: 15px;
    border: 3px solid #646464;
    border-left-color: #e0e0e0;
    border-radius: 50%;
    background: #f8f7f7;
    animation-name: rotate-s-loader;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-timing-function: linear;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    z-index: 20;
    display: none;
}

@media (max-width: 575px) {
    .basket-inner .basket-product__quantity-row .quantityControl .loader-circle {
        width: 35px;
        height: 35px;
    }
}

.basket-inner .basket-product__quantity-row .btn#btnRemove {
    font-weight: 400;
    text-transform: none;
    color: #a6a6a6;
    font-size: 18px;
    width: auto;
    background: transparent;
    border-radius: 0;
    vertical-align: top;
}

@media screen and (max-width: 991px) {
    .basket-inner .basket-product__quantity-row .btn#btnRemove {
        position: static;
        min-height: 0;
        height: auto;
        bottom: 28px;
        margin-right: 57%;
        right: 0;
        z-index: 80;
    }
}

@media screen and (max-width: 767px) {
    .basket-inner .basket-product__quantity-row .btn#btnRemove {
        margin-right: 10px;
    }
}

@media screen and (max-width: 646px) {
    .basket-inner .basket-product__quantity-row .btn#btnRemove {
        margin-right: -10px;
    }
}

@media screen and (max-width: 500px) {
    .basket-inner .basket-product__quantity-row .btn#btnRemove {
        margin-left: 4%;
        margin-right: 0px;
    }
}

@media screen and (max-width: 450px) {
    .basket-inner .basket-product__quantity-row .btn#btnRemove {
        margin-left: 8%;
    }
}

@media screen and (max-width: 400px) {
    .basket-inner .basket-product__quantity-row .btn#btnRemove {
        margin-left: 10%;
    }
}

@media screen and (max-width: 376px) {
    .basket-inner .basket-product__quantity-row .btn#btnRemove {
        margin-left: 40px;
    }
}

@media screen and (max-width: 320px) {
    .basket-inner .basket-product__quantity-row .btn#btnRemove {
        margin-left: 30px;
    }
}

.basket-inner .basket-product__quantity-row .btn#btnRemove i {
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
}

.basket-inner .basket-product__image-wrapper {
    padding-top: 0;
}

    .basket-inner .basket-product__image-wrapper img {
        max-width: 100%;
    }

.basket-inner .basket-product__total-price {
    justify-content: flex-start;
    height: auto;
    font-size: 18px;
}

    .basket-inner .basket-product__total-price > span {
        margin-top: 0;
    }

@media screen and (max-width: 576px) {
    .basket-inner .basket-product__total-price > span {
        font-size: 18px;
    }
}

.basket-inner .col-md-5.promocode {
    overflow: hidden;
}

@media screen and (min-width: 992px) {
    .basket-inner .col-md-5.promocode {
        width: 58%;
    }
}

.basket-product__description .loader-circle {
    width: 80px;
    height: 80px;
    border: 12px solid #c0c0c09e;
    border-left-color: #a1a1a1;
    border-radius: 50%;
    background: transparent;
    animation-name: rotate-s-loader;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-timing-function: linear;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    z-index: 20;
    display: none;
}

@media (max-width: 991px) {
    .basket-product__description .loader-circle {
        left: 40px;
    }
}

@media (max-width: 578px) {
    .basket-product__description .loader-circle {
        margin-top: -30px;
    }
}

.basket-product__description-text {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 20px;
}

@media screen and (max-width: 576px) {
    .basket-product__description-text {
        font-size: 16px;
    }
}

.checkout-summary {
    background: #fff;
    padding: 18px;
    border: 1px solid #ddd;
}

    .checkout-summary h2 {
        text-transform: uppercase;
        font: 24px Bilo, "Helvetica Neue", Arial, sans-serif;
        font-weight: 800;
    }

@media screen and (max-width: 576px) {
    .checkout-summary h2 {
        font-size: 20px;
    }
}

.checkout-summary .devider {
    margin: 10px 0;
    border-color: #ddd;
}

.checkout-summary .col-xs-4 {
    text-align: right;
}

.checkout-summary .col-xs-8 label {
    display: block;
}

.checkout-options__checkout-details {
    margin-bottom: 0;
    font-family: Bilo, "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
}

@media screen and (max-width: 576px) {
    .checkout-options__checkout-details {
        font-size: 16px;
    }
}

.checkout-options__checkout-details.total {
    font-weight: 700;
    margin-top: 10px;
}

.checkout-options #main_2_panelVoucher {
    padding-right: 0;
    margin-bottom: 5px;
}

.checkout-options #txtVoucherCode {
    border: 0;
    font-size: 14px;
}

.checkout-options--promotional {
    padding-bottom: 0;
    padding-top: 0;
}

    .checkout-options--promotional:last-child {
        border-bottom: 1px solid #ddd;
    }

    .checkout-options--promotional .checkout-options__title {
        font-size: 14px;
        text-transform: uppercase;
        font-family: Bilo, "Helvetica Neue", Arial, sans-serif;
        padding: 20px 0;
        border-top: 1px solid #ddd;
        cursor: pointer;
    }

@media screen and (max-width: 991px) {
    .checkout-options--promotional .checkout-options__title {
        width: 100%;
    }
}

.checkout-options--promotional .checkout-options__body {
    opacity: 0;
    visibility: hidden;
    display: block;
    max-height: 0;
    transition: all 0.3s;
}

    .checkout-options--promotional .checkout-options__body.show {
        padding-bottom: 36px;
        max-height: none;
        visibility: visible;
        opacity: 1;
    }

.checkout-options--promotional .checkout-options__circle-icons {
    cursor: pointer;
    margin-left: 8px;
    width: 15px;
    height: 15px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
}

    .checkout-options--promotional .checkout-options__circle-icons .checkout-options__minus-icon {
        display: none;
    }

    .checkout-options--promotional .checkout-options__circle-icons.open .checkout-options__minus-icon {
        display: inline-block;
    }

    .checkout-options--promotional .checkout-options__circle-icons.open .checkout-options__plus-icon {
        display: none;
    }

.checkout-options--promotional .btn {
    min-width: 120px;
    background: #040404;
    top: 0;
    right: 0;
    height: 100%;
}

.checkout-options--promotional .btn-loader {
    width: 20px;
    height: 20px;
    border: 4px solid #f2f1f057;
    border-left-color: #f2f1f0;
    border-radius: 50%;
    background: transparent;
    animation-name: rotate-s-loader;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-timing-function: linear;
    position: static;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
    z-index: 20;
    display: none;
}

    .checkout-options--promotional .btn-loader.show {
        display: inline-block !important;
    }

.checkout-actions {
    text-align: center;
}

    .checkout-actions .col-xs-12 {
        padding-right: 0;
        margin-bottom: 12px;
    }

    .checkout-actions .btn {
        min-width: 55%;
        width: fit-content;
        padding: 14px 18px;
        background: #060606;
        font-weight: 300;
        font-size: 16px;
    }

@media screen and (max-width: 991px) {
    .checkout-actions .btn {
        max-width: 86%;
        min-width: 69%;
    }
}

.checkout-actions .btn-loader {
    width: 20px;
    height: 20px;
    border: 4px solid #f2f1f057;
    border-left-color: #f2f1f0;
    border-radius: 50%;
    background: transparent;
    animation-name: rotate-s-loader;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-timing-function: linear;
    position: relative;
    vertical-align: middle;
    margin-top: -5px;
    z-index: 20;
    display: none;
}

    .checkout-actions .btn-loader.show {
        display: inline-block !important;
    }

.checkout-actions .pay_icon {
    max-width: 50px;
    display: inline-block;
    margin-top: 10px;
    margin-right: 3px;
}

.row.empty {
    position: relative;
    clear: both;
    margin-top: 15px;
}

    .row.empty:after {
        content: "";
        clear: both;
        display: table;
        width: 100%;
    }

.alert.empty-basket {
    min-height: 290px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 576px) {
    .alert.empty-basket {
        min-height: 180px;
    }
}

.alert.empty-basket .col-xs-12 {
    justify-content: center;
    align-items: center;
}

    .alert.empty-basket .col-xs-12 span {
        font-size: 22px;
    }

.alert.empty-basket .btn-continue {
    display: inline-block;
    border-color: #060606;
    color: #060606 !important;
    width: 250px;
    margin-top: 30px;
    padding: 15px 18px;
    transition: all 0.3s;
}

    .alert.empty-basket .btn-continue:hover {
        background: #060606;
        color: #fff !important;
    }

.order-features {
    margin-left: auto;
    flex-basis: 100%;
    margin: 70px 0 50px;
}

    .order-features .br12_subfooter_cont {
        margin-left: auto;
        margin-right: auto;
        max-width: 1140px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .order-features .br12_subfooter_block {
        display: inline-block;
        text-align: center;
        margin: 0 55px;
    }

@media screen and (max-width: 576px) {
    .order-features .br12_subfooter_block {
        margin: 0 20px;
    }
}

.order-features .br12_subfooter_block img {
    width: 96px;
}

.order-features .br12_subfooter_block p {
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #1a1a1a;
    margin-top: 20px;
    margin-bottom: 0;
}

.page-title-line__content,
.page-title-line__content-below {
    margin-top: 90px;
}

.page-title-line {
    padding: 95px 0 50px;
    margin-top: 0;
}

.benefits-of-an-account {
    margin-bottom: 15px;
}

    .benefits-of-an-account h3 {
        margin-bottom: 15px;
    }

.my-orders .rows .item {
    background: #f0f0f0;
}

@media screen and (max-width: 425px) {
    .my-orders .rows .item {
        width: 100%;
        overflow-y: auto;
    }

        .my-orders .rows .item:nth-child(2n) {
            width: 100%;
            overflow-y: auto;
        }

        .my-orders .rows .item .order-detail {
            padding-bottom: 50px;
        }

    .order-detail > section > .row .col:last-child {
        padding-right: 10px;
    }

    .order-detail > section > .row .col:first-child .row .col div {
        word-break: break-word;
    }
}

@media only screen and (max-width: 991px) {
    .page-title-line {
        padding: 95px 0 25px;
    }

    .benefits-of-an-account .form-group {
        padding: 0;
    }

    .benefits-of-an-account .btn-block {
        border-radius: 0;
    }
}

@media only screen and (max-width: 767px) {
    .page-title-line__content,
    .page-title-line__content-below {
        margin-top: 30px;
    }

    .sigin-account-page.page-title-line__content .row.equal-height {
        display: flex;
        flex-direction: column;
    }

    .create-account-page.page-title-line__content {
        display: flex;
    }

    .page-title-line {
        margin-top: 65px;
        padding: 25px 0 25px;
    }
}

/* CHECKOUT PAGE CHANGES */
#checkout-title {
    background: #fff !important;
    color: #1a1a1a;
}

.checkout-header {
    background: #fff !important;
}

    .checkout-header .header .header-wrap .logo a {
        color: #1a1a1a !important;
    }

    .checkout-header .triangle {
        display: none !important;
    }

/* CYCLESCHEME PAGE STYLES */
.hero-cyclescheme {
    color: #fff;
    position: relative;
    padding: 0 !important;
    max-height: 400px;
    min-height: 400px;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .hero-cyclescheme {
        max-height: none;
        min-height: 273px;
        margin-bottom: 70px;
    }
}

@media screen and (max-width: 576px) {
    .hero-cyclescheme {
        height: max-content;
        min-height: 145px;
    }
}

.hero-cyclescheme img {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

@media screen and (max-width: 991px) {
    .hero-cyclescheme img {
        height: 100%;
    }
}

.hero-cyclescheme h1 {
    font-family: Bilo;
    position: absolute;
    display: inline-block;
    bottom: 30px;
    left: 60px;
    font-size: 60px;
    z-index: 10;
}

@media screen and (max-width: 578px) {
    .hero-cyclescheme h1 {
        margin-bottom: 6px;
        font-size: 48px;
        bottom: 5px;
        left: 20px;
        text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
    }
}

@media screen and (max-width: 768px) {
    .hero-cyclescheme + .brompton-copy .brompton-text.wide {
        padding-top: 50px;
    }
}

@media screen and (max-width: 576px) {
    .hero-cyclescheme + .brompton-copy .brompton-text.wide {
        margin-bottom: 50px;
    }
}

.brompton-copy .brompton-text.wide {
    font-size: 20px;
    line-height: 30px;
}

.section-cyclescheme-calculator {
    display: flex;
    flex-direction: column;
}

    .section-cyclescheme-calculator .section-text {
        font-family: Bilo;
        letter-spacing: -0.02em;
        color: #000000;
        margin: 0 auto;
        width: 70%;
        padding-top: 30px;
        margin-bottom: 30px;
        order: 1;
    }

@media (max-width: 1440px) {
    .section-cyclescheme-calculator .section-text {
        width: 72%;
    }
}

@media (max-width: 1024px) {
    .section-cyclescheme-calculator .section-text {
        width: 80%;
    }
}

@media (max-width: 578px) {
    .section-cyclescheme-calculator .section-text {
        order: 2;
        width: 100%;
        padding-left: 28px;
        padding-right: 28px;
        margin-bottom: 20px;
        padding-top: 20px;
    }
}

.section-cyclescheme-calculator .section-text h4 {
    margin-bottom: 10px;
}

@media (max-width: 481px) {
    .section-cyclescheme-calculator .section-text h4 {
        margin-bottom: 15px;
    }
}

.section-cyclescheme-calculator p {
    font-size: 16px;
}

@media (max-width: 481px) {
    .section-cyclescheme-calculator p {
        font-size: 14px;
    }
}

.section-cyclescheme-calculator iframe {
    order: 2;
}

@media (max-width: 578px) {
    .section-cyclescheme-calculator iframe {
        order: 3;
    }
}

.section-cyclescheme-calculator .excluded-items {
    order: 3;
    font-family: Bilo;
    border: 2px solid #000;
    margin: 0 auto;
    width: 90%;
    padding: 12px 10px;
    margin-bottom: 20px;
}

@media (max-width: 578px) {
    .section-cyclescheme-calculator .excluded-items {
        margin-bottom: 0;
        order: 1;
    }
}

.rich-text {
    font-family: Bilo;
    margin: 0 auto;
    width: 90%;
    margin-bottom: 30px;
}

@media (max-width: 578px) {
    .rich-text {
        width: 100%;
    }
}

.rich-text h2 {
    margin-bottom: 10px;
}

.rich-text p {
    font-size: 16px;
}

@media (max-width: 481px) {
    .rich-text p {
        font-size: 14px;
    }
}

.rich-text ul {
    margin-bottom: 20px;
}

    .rich-text ul li {
        margin-bottom: 10px;
    }

#cyclescheme-calculator-widget {
    height: 765px;
    overflow: hidden;
}

@media (max-width: 878px) {
    #cyclescheme-calculator-widget {
        height: 1250px;
    }
}