@font-face {
    font-family: "Ethnocentric";
    src: url(/assets/fonts/Ethnocentric-Regular.otf);
}

@keyframes horizontal-shaking {
    0% {
        transform: translateX(0)
    }

    5% {
        transform: translateX(3px)
    }

    10% {
        transform: translateX(-3px)
    }

    15% {
        transform: translateX(3px)
    }

    20% {
        transform: translateX(-3px)
    }

    25% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(0)
    }
}

:root {
    --fontAwesome: "Font Awesome 6 Pro";
    --motoPrimaryColor: #ED4124;
    --bikePrimaryColor: #0037EC;
    --blackOA: #0A0A0A;
    --black14: #141414;
    --black1A: #1A1A1A;
    --grey57: #575757;
    --greyE0: #E0E0E0;
    --white: #fff;
    --black: #000;
    --fontManrope: "Manrope", sans-serif;
    --fontEthnocentric: "Ethnocentric", sans-serif;
}

html,
body,
ul,
ol {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    cursor: auto;
}

body {
    font-family: var(--fontManrope);
    color: var(--black);
    overflow-x: hidden;
}

.canvas-open {
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--fontManrope);
    color: var(--black);
}

.font-ethno {
    font-family: var(--fontEthnocentric);
}

a {
    text-decoration: none;
    color: inherit;
}

p {
    font-family: var(--fontManrope);
    font-size: 14px;
    color: var(--black);
    margin-bottom: 15px;
    line-height: 26px;
}

body.moto a:hover,
body.moto .fa-location-dot,
body.moto .header-action-btn:hover,
body.moto .tp-header-top-menu-item ul li a:hover,
body.moto .tp-main-menu-mobile ul .expanded > a,
body.moto .discount,
body.moto .tp-product-details-action-sm-btn:hover,
body.moto .tp-main-menu-mobile ul li.has-dropdown > .dropdown-toggle-btn i,
body.moto .tp-main-menu-mobile ul li.has-dropdown div.has-dropdown > .dropdown-toggle-btn i {
    color: var(--motoPrimaryColor);
}

body.bike a:hover,
body.bike .fa-location-dot,
body.bike .header-action-btn:hover,
body.bike .tp-header-top-menu-item ul li a:hover,
body.bike .tp-main-menu-mobile ul .expanded > a,
body.bike .discount,
body.bike .tp-product-details-action-sm-btn:hover,
body.bike .tp-main-menu-mobile ul li.has-dropdown > .dropdown-toggle-btn i,
body.bike .tp-main-menu-mobile ul li.has-dropdown div.has-dropdown > .dropdown-toggle-btn i {
    color: var(--bikePrimaryColor);
}

.tp-main-menu-mobile ul li:hover > a {
    color: unset;
}

.mt-offset {
    margin-top: 155px;
}

.b2b .mt-offset {
    margin-top: 125px;
}

.bg-grey {
    background-color: #EEEEEE;
}

.btn.btn-black,
.btn.btn-black:hover,
.btn.btn-black:active {
    background-color: var(--blackOA);
    border-color: var(--blackOA);
    color: var(--white);
    transition: .2s ease-in-out;
}

.btn.btn-black:hover,
.btn.btn-black:active {
    opacity: .9;
}

@media (max-width: 991px) {
    .breadcrumb-section:not(.products .breadcrumb-section) {
        border-bottom: 1px solid var(--greyE0);
    }
}

@media (max-width: 767px) {
    h1, .h1 {
        font-size: 34px;
    }

    h2, .h2 {
        font-size: 30px;
    }
}

@media (max-width: 575px) {
    h1, .h1 {
        font-size: 24px;
    }

    h2, .h2 {
        font-size: 20px;
    }

    h3, .h3 {
        font-size: 18px;
    }
}

/* HEADER
====================== */
header {
    background-color: var(--white);
    transition: .2s all ease-in-out;
    box-shadow: 0px 4px 4px 0px #0000000A;
}

.b2b header {
    box-shadow: 0px 4px 24px 0px #00000040;
}

header.scrolled-header{
    top: -50px;
}

.header-ribbon {
    border: 3px solid;
}

.moto .header-ribbon {
    border-color: var(--motoPrimaryColor);
}

.bike .header-ribbon {
    border-color: var(--bikePrimaryColor);
}

.shop-locations {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header-nav-link::after {
    position: absolute;
    content: "\f107";
    font-family: var(--fontAwesome);
    margin-left: 7px;
}

.header-nav-link {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    cursor: pointer;
}

.fa-location-dot {
    font-size: 18px;
    margin-right: 5px;
}

.addr-dd {
    display: none;
}

.addr-dd.toggled {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 35px;
    left: 0;
    background-color: var(--white);
    box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
    padding: 20px;
    z-index: 1000;
    transition: all .3s ease-in-out;
}

.ribbon-buttons {
    border-right: 1px solid lightgrey;
}

.ribbon-buttons .btn,
.type-change-button .btn,
.offcanvas-buttons .btn {
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 2px;
}

.tp-header-top-menu-item {
    position: relative;
    padding: 0; 
    border: none;
    display: inline; 
}

.tp-header-top-menu-item > span {
    position: relative;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    color: var(--black); 
    padding-right: 20px;
}

.btn.btn-to-moto,
.btn.btn-to-moto:hover,
.btn.btn-to-moto:active {
    background-color: var(--motoPrimaryColor);
    border-color: var(--motoPrimaryColor);
    color: var(--white);
    transition: .2s ease-in-out;
}

.btn.btn-to-moto:hover,
.btn.btn-to-moto:active {
    opacity: .9;
}

.btn.btn-to-bike,
.btn.btn-to-bike:hover,
.btn.btn-to-bike:active {
    background-color: #00A5CC;
    border-color: #00A5CC;
    color: var(--white);
    transition: .2s ease-in-out;
}

.btn.btn-to-bike:hover,
.btn.btn-to-bike:active {
    opacity: .9;
}

.go-to-b2b img {
    width: 62px;
}

#accountToggler ul {
    position: absolute;
    top: 125%;
    right: 0;
    z-index: 100;
    background-color: var(--tp-common-white);
    padding: 10px 15px;
    box-shadow: 0px 1px 3px rgba(3, 4, 28, 0.12);
    visibility: hidden;
    opacity: 0;
    min-width: max-content;
    -webkit-transition: all 0.2s 0s ease-out;
    -moz-transition: all 0.2s 0s ease-out;
    -ms-transition: all 0.2s 0s ease-out;
    -o-transition: all 0.2s 0s ease-out;
    transition: all 0.2s 0s ease-out;
    list-style: none;
}

#accountToggler .logged-list-open {
    top: 100%;
    visibility: visible;
    opacity: 1;
}

#header-sticky {
    border-top: 1px solid lightgrey;
    padding-top: 20px;
}

.b2b #header-sticky {
    padding: 20px 0;
}

.b2b-logo {
    min-width: 370px;
}

.header-main-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 0 48px;
}

.logo img{
    width: 100%;
    height: 40px;
    max-width: 250px;
    min-width: 250px;
}

.ctas {
    width: 100%;
    height: 40px;
    max-width: 250px;
}

.header-search {
    width: 100%;
    max-width: 640px;
}

.header-search i {
    font-size: 16px;
}

.header-search-wrapper {
    background-color: #F5F5F5;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #545454;
    position: relative;
    border-radius: 100px;
}

#searchfield,
#mob_searchfield {
    outline: none;
    background: transparent;
    padding: 0 26px 0 40px;
    padding-left: 40px;
    width: 100%;
    border-radius: 100px;
    height: 40px;
    font-size: 14px;
    color: var(--black);
    border: 1px solid #E0E2E3;
    line-height: unset;
}

#searchfield:focus,
#mob_searchfield:focus {
    border-color: var(--black);
}

.search-submit {
    position: absolute;
    left: 13px;
    top: 7px;
/*    align-self: center;*/
}

#mobileSearch {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    background: var(--white);
    border-radius: 4px;
    width: 100dvw;
    padding: 10px;
}

#mobileSearch #mob_searchfield {
    padding: 10px;
}

.wishlist-header-btn,
.b2b-wishlist-header-btn {
    display: block;
}

.header-action-btn {
    position: relative;
    display: inline-block;
}

.header-action-btn i {
    font-size: 28px;
}

.badge-count {
    position: absolute;
    top: -10px;
    right: -13px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
    border-radius: 14px;
    background-color: var(--black);
    color: var(--white);
    font-size: 12px;
    font-weight: 700;
    border: 1px solid var(--black);
}

.tp-header-hamburger {
    display: none;
}

.b2b-hamburger .tp-offcanvas-open-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--white);
    padding: 8px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
}

.main-menu {
    display: flex;
    padding: 0 30px;
}

.MainCategoryNav {
    position: relative;
    width: 750px !important;
    margin-right: 20% !important;
    margin-bottom: 0px !important;
    padding-bottom: 20px !important;
    min-height: 500px;
}

.representativesNav {
    width: 100% !important;
    min-height: 500px;
}

.MainCategoryNavContainer {
    display: flex;
    justify-content: space-between;
}

.menuClass {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 500px;
    column-gap: 40px;
    align-content: flex-start;
}

.b2b-offcanvas__area .menuClass {
    max-height: unset;
}

.b2b-offcanvas__area .menuClass .mobileNotFlex {
    width: unset;
    align-items: start;
}

.b2b-offcanvas__area .MainCategoryNav {
    min-height: unset;
    width: 100% !important;
}

.b2b-offcanvas__area .tp-main-menu-mobile ul li > a {
    width: 100%;
    padding: 10px 20px 10px 16px;
}

body.moto .b2b-offcanvas__area .tp-main-menu-mobile ul .expanded > a {
    background-color: rgba(237, 65, 36, .2);
}

body.bike .b2b-offcanvas__area .tp-main-menu-mobile ul .expanded > a {
    background-color: rgba(0, 55, 236, .2);
}

body.moto .b2b-offcanvas__area .tp-main-menu-mobile ul .expanded {
    background-color: rgba(237, 65, 36, .05);
}

body.bike .b2b-offcanvas__area .tp-main-menu-mobile ul .expanded {
    background-color: rgba(0, 55, 236, .05);
}

.b2b-offcanvas__area .dropdown-toggle-btn, .b2b-offcanvas__area .dropdown-toggle-btn.dropdown-opened, .collapse-toggle-btn {
    border: none !important;
    background-color: transparent !important;
}

.menuClass .mobileNotFlex {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: max-content;
}

.selected-menu,
.selected-menu::after {
    font-weight: 700 !important;
    transition: .3s ease-in-out;
}

.main-menu.moto .selected-menu,
.main-menu.moto .selected-menu::after {
    color: var(--motoPrimaryColor) !important;
}

.main-menu.bike .selected-menu,
.main-menu.bike .selected-menu::after {
    color: var(--bikePrimaryColor) !important;
}

.main-menu .has-mega-menu a {
    padding: 9px 0;
}

.main-menu > nav > ul > li:last-of-type {
    margin-right: 0;
}

.main-menu > nav > ul > li > .tp-submenu li a {
    color: var(--black);
    font-weight: 300;
}

.main-menu > nav > ul > li .tp-mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background-color: var(--white);
    box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.1);
    z-index: 9;
    padding: 20px 20px 0;
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.1s;
    transform-origin: top;
    transform: none;
}

.main-menu > nav > ul > li > .MainCategoryNavContainer > li.has-dropdown > .tp-submenu > div.has-dropdown > a.menuCatMain::after {
    content: "\f107";
    font-size: 14px;
    color: var(--black);
    font-family: var(--tp-ff-fontawesome);
    font-weight: 400;
    margin-left: 5px;
    display: inline-block;
    transform: rotate(-90deg);
    transition: .3s ease-in-out;
}

.main-menu > nav > ul > li:hover > .tp-mega-menu {
    visibility: visible;
    opacity: 1;
    transition-duration: 0.2s;
    transform: none;
}

.main-menu.moto > nav > ul > li:hover > a,
.main-menu.moto > nav > ul > li:hover > a::after,
.main-menu.moto > nav > ul > li > .tp-submenu div:hover > a,
.main-menu.moto > nav > ul > li > .MainCategoryNavContainer > li.has-dropdown > .tp-submenu > div.has-dropdown:hover > a.menuCatMain::after,
.main-menu.moto > nav > ul > li > .tp-submenu li:hover > a {
    color: var(--motoPrimaryColor);
}

.main-menu.bike > nav > ul > li:hover > a,
.main-menu.bike > nav > ul > li:hover > a::after,
.main-menu.bike > nav > ul > li > .tp-submenu div:hover > a,
.main-menu.bike > nav > ul > li > .MainCategoryNavContainer > li.has-dropdown > .tp-submenu > div.has-dropdown:hover > a.menuCatMain::after,
.main-menu.bike > nav > ul > li > .tp-submenu li:hover > a {
    color: var(--bikePrimaryColor);
}

.breakLi .tp-submenu {
    display: none;
}

.subcategoryContainer {
    display: block;
    width: max-content;
    min-width: 250px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 750px;
/*    padding: 0px 5px 0px 5px;*/
    padding: 0 15px;
    min-height: 400px;
}

.left-most {
    left: 350px;
}

.closer-left {
    left: 500px;
}

.menu-item-header {
    font-size: 18px;
    font-weight: 800;
    column-span: all;
}

.brand-img {
    width: 100px;
    object-fit: scale-down;
}

.offcanvas__area {
    background: var(--black14);
}

.b2b-offcanvas__area {
    position: fixed;
    left: 0;
    top: 127px;
    width: 380px;
    height: calc(100% - 127px);
    transform: translateX(calc(-100% - 80px));
    background: var(--white);
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: 99999;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
}

.b2b-body-overlay {
    background-color: rgba(0, 0, 0, .7);
    height: calc(100% - 127px);
    width: 100%;
    position: fixed;
    top: 127px;
    z-index: 9999;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s 0s ease-out;
}

.b2b-body-overlay.opened {
    opacity: 1;
    visibility: visible;
}

.b2b-submenu {
    position: absolute;
    top: 0;
    left: 380px;
    width: calc(100% - 380px);
    height: 100%;
    min-width: calc(100% - 380px);
    min-height: 100%;
    background: var(--white);
}

.b2b-submenu h2,
.submenu-item {
    font-weight: 700;
}

.submenu-grid {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(4, 1fr);
}

.toggled-submenu {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 20px;
    padding-bottom: 12px;
}

.b2b-offcanvas__area.offcanvas-opened {
    transform: translateX(0);
}

.offcanvas__close-btn,
.offcanvas__close-btn:hover {
    background-color: transparent;
    color: var(--white);
}

.offcanvas__content,
.offcanvas__wrapper {
    padding-bottom: 0;
}

.offcanvas__content *,
.tp-main-menu-mobile ul li > a,
.tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn i {
    color: var(--white);
}

.b2b-offcanvas__area .offcanvas__content * {
    color: var(--black) !important;
    font-weight: 700;
}

#menuBurger {
    width: 25px;
    height: 16px;
}

#menuBurger,
#menuBurger rect {
    transition: all .3s ease-in-out;
    transform-origin: center;
}

#menuBurger.open {
    margin-left: -8px;
}

#menuBurger.open #bar1 {
    transform: translateY(6px) rotate(45deg);
}

#menuBurger.open #bar2 {
    opacity: 0;
}

#menuBurger.open #bar3 {
    transform: translateY(-6px) rotate(-45deg);
}

.offcanvas__content hr {
    opacity: 1;
}

.offcanvas__inner_section {
    display: flex;
    flex-direction: column;
    background-color: var(--black1A);
}

.offcanvas__inner_section a {
    padding: 5px 10px;
}

.b2b-offcanvas__area .offcanvas__inner_section {
    background-color: var(--white);
}

.b2b-offcanvas__area .offcanvas__inner_section a {
    padding: 5px 16px;
}

.offcanvas-buttons {
    display: flex;
    justify-content: center;
}

.offcanvas-buttons .btn {
    width: 170px;
    padding: 20px 0;
}

.offcanvas-buttons .btn-black {
    background-color: var(--black1A);
    border-color: var(--black1A);
}

.offcanvas__lang-list li a {
    color: var(--black);
}

.tp-main-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened,
.tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover {
    background-color: var(--black14);
    border-color: var(--black14);
}

.tp-main-menu-mobile ul li.has-dropdown > .dropdown-toggle-btn,
.tp-main-menu-mobile ul li.has-dropdown div.has-dropdown > .dropdown-toggle-btn,
.collapse-toggle-btn {
    position: absolute;
    top: 10px;
    right: 5px;
    font-size: 12px;
    z-index: 1;
    width: 25px;
    height: 25px;
    border: 1px solid;
    border-radius: 4px;
    text-align: center;
    -webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -ms-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

body.moto .tp-main-menu-mobile ul li.has-dropdown > .dropdown-toggle-btn,
body.moto .tp-main-menu-mobile ul li.has-dropdown div.has-dropdown > .dropdown-toggle-btn {
    border-color: var(--motoPrimaryColor);
    background-color: #ed412412;
}

body.bike .tp-main-menu-mobile ul li.has-dropdown > .dropdown-toggle-btn,
body.bike .tp-main-menu-mobile ul li.has-dropdown div.has-dropdown > .dropdown-toggle-btn {
    border-color: var(--bikePrimaryColor);
    background-color: #0037ec12;
}

.tp-main-menu-mobile ul li.has-dropdown > .dropdown-toggle-btn.dropdown-opened i,
.tp-main-menu-mobile ul div.has-dropdown > .dropdown-toggle-btn.dropdown-opened i {
    -webkit-transform: rotate(90deg) translateY(1px);
    -moz-transform: rotate(90deg) translateY(1px);
    -ms-transform: rotate(90deg) translateY(1px);
    -o-transform: rotate(90deg) translateY(1px);
    transform: rotate(90deg) translateY(1px);
}

.tp-main-menu-mobile ul li.has-dropdown > .dropdown-toggle-btn.dropdown-opened i,
.tp-main-menu-mobile ul div.has-dropdown > .dropdown-toggle-btn.dropdown-opened i,
.collapse-toggle-btn i {
    -webkit-transition: all 0.3s 0s ease-out;
    -moz-transition: all 0.3s 0s ease-out;
    -ms-transition: all 0.3s 0s ease-out;
    -o-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0s ease-out;
}

.tp-main-menu-mobile ul li:not(:last-child) a {
    border: none !important;
}

.tp-main-menu-mobile li.expanded .tp-submenu {
    display: block;
}

.tp-main-menu-mobile div.mobileNotFlex .tp-submenu {
    display: none;
    width: 100%;
}

.tp-main-menu-mobile .mobileNotFlex.expanded .tp-submenu {
    display: block;
}

.tp-main-menu-mobile .MainCategoryNavContainer li {
    padding-left: 20px;
}

.tp-main-menu-mobile ul li {
    list-style: none;
    position: relative;
    width: 100%;
    padding: 0;
}

.tp-main-menu-mobile ul li ul li a {
    margin-left: 16px;
    width: 100% !important;
    padding: 10px 5%;
    text-shadow: none !important;
    visibility: visible;
    padding-left: 0;
    padding-right: 20px;
    font-size: 14px;
}

.has-dropdown a {
    width: fit-content;
}

.has-dropdown a.menuCatMain {
    margin-left: 16px !important;
    width: fit-content !important;
}

.tp-main-menu-mobile .mobileNotFlex.expanded .tp-submenu {
    margin-left: 32px;
}

.menu-brands {
    width: 100px;
    height: 100px;
    border: 1px solid #0000001a;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
    background-color: var(--white);
}

.menu-brands a {
    height: 100%;
    align-content: center;
    padding: 8px !important;
}

.tp-main-menu-mobile .menu-brands a {
    margin: 0 !important;
}

.mob-menu-reps {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.scrolled-canvas {
    top: 77px;
    height: calc(100% - 77px);
}

@media (min-width: 1300px) and (max-width: 1820px) {
    body.bike:not(.b2b) #header-sticky {
        padding: 16px 0;
    }

    body.bike:not(.b2b) .main-menu {
        display: none;
    }

    body.bike:not(.b2b) .tp-header-hamburger {
        display: block;
    }

    body.bike:not(.b2b) .menuClass {
        max-height: unset;
    }

    body.bike:not(.b2b) .menuClass .mobileNotFlex {
        width: unset;
        align-items: start;
    }

    body.bike:not(.b2b) .MainCategoryNav,
    body.bike:not(.b2b) .representativesNav {
        width: 100% !important;
        padding-right: 15px !important;
        margin: 0 !important;
        min-height: unset;
    }

    body.bike:not(.b2b) .tp-main-menu-mobile ul li.has-dropdown div.has-dropdown > .dropdown-toggle-btn {
        right: -10px;
    }

    body.bike:not(.b2b) .mt-offset {
        margin-top: 123px;
    }

    body.bike:not(.b2b) .menu-brands {
        width: 85px;
        height: 85px;
    }

    body.bike:not(.b2b) .mob-menu-reps {
        width: 85px;
    }
}

@media (max-width: 1399px) {
    .subcategoryContainer {
        left: 720px;
    }

    .submenu-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1300px) {
    .breakLi li {
        max-width: 200px;
    }
}

@media (max-width: 1299px) {
    #header-sticky {
        padding: 16px 0;
    }

    .type-change-button {
        display: none;
    }

    .ctas {
        max-width: 120px;
    }

    .tp-header-hamburger {
        display: block;
    }

    .main-menu {
        display: none;
    }

    .menuClass {
        max-height: unset;
    }

    .menuClass .mobileNotFlex {
        width: unset;
        align-items: start;
    }

    .MainCategoryNav,
    .representativesNav {
        width: 100% !important;
        padding-right: 15px !important;
        margin: 0 !important;
        min-height: unset;
    }

    .tp-main-menu-mobile ul li.has-dropdown div.has-dropdown > .dropdown-toggle-btn,
    .collapse-toggle-btn {
        right: -10px;
    }

    .menu-brands {
        width: 85px;
        height: 85px;
    }

    .mt-offset {
        margin-top: 123px;
    }

    .mob-menu-reps {
        width: 85px;
    }
}

@media (max-width: 1280px) {
    .shop-locations strong {
        display: none;
    }
}

@media (max-width: 1199px) {
    .tp-header-top-menu-item > span {
        font-size: 13px;
        padding-right: 13px;
    }

    .b2b-offcanvas__area,
    .b2b-body-overlay {
        top: 124px;
        height: calc(100% - 124px);
    }

    .submenu-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .scrolled-canvas {
        top: 75px;
        height: calc(100% - 75px);
    }
}

@media (max-width: 991px) {
    header {
        box-shadow: 0px 12px 14px 0px rgba(0, 0, 0, 0.1);
    }

    .mt-offset {
        margin-top: 73px;
    }

    .b2b .mt-offset {
        margin-top: 81px;
    }

    .collapse-toggle-btn:not(.collapsed) i {
        transform: rotate(90deg);
    }

    .b2b-offcanvas__area, .b2b-body-overlay {
        top: 81px;
        height: calc(100% - 81px);
    }

    .scrolled-canvas {
        top: 81px;
        height: calc(100% - 81px);
    }
}

@media (max-width: 767px) {
    .header-main-flex {
        padding: 0 20px;
    }

    .b2b-logo {
        min-width: 280px;
    }

    .b2b-logo img {
        width: 200px;
    }

    .b2b-logo img.b2b {
        width: 65px;
    }

    .b2b .mt-offset {
        margin-top: 73px;
    }

    .b2b-offcanvas__area, .b2b-body-overlay {
        top: 73px;
        height: calc(100% - 73px);
    }
}

@media (max-width: 575px) {
    .b2b-logo {
        min-width: 215px;
    }

    .logo img {
        max-width: 200px;
        min-width: 180px;
        height: auto;
    }

    .header-action-btn svg {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 500px) {
    .b2b-logo img {
        width: 150px;
    }

    .b2b-logo img.b2b {
        width: 55px;
    }
}

@media (max-width: 420px) {
    .wishlist-header-btn,
    .b2b-wishlist-header-btn {
        display: none;
    }
}

@media (max-width: 400px) {
    .logo img {
        min-width: 150px;
    }
}

@media (max-width: 380px) {
/*    .b2b-cart {
        display: none;
    }*/

    .b2b-offcanvas__area {
        width: 100%;
    }

    #menuBurger {
        width: 18px;
    }

    #menuBurger.open {
        width: unset;
    }

    .b2b-logo {
        min-width: 185px;
    }

    .b2b-logo img {
        width: 135px;
    }

    .b2b-logo img.b2b {
        width: 40px;
    }

    body.b2b .header-action-btn i {
        font-size: 24px;
    }
}

/* SEARCH
====================== */
.search-wrapper {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}

#search {
    width: 100%;
    padding: 10px 40px 10px 15px;
    border-radius: 25px;
    border: 1px solid #ddd;
    outline: none;
}

.search-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: var(--white);
    border-radius: 0 0 10px 10px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
/*    padding: 15px 0 15px 20px;*/
    z-index: 1000;
    display: none;
}

.inner-search-dropdown {
    display: flex;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 170px);
    padding: 15px 15px 15px 20px;
}

.search-section,
.results-section {
    margin-bottom: 15px;
}

.results-section {
    width: 290px;
}

.search-section-title {
    font-weight: 600;
    color: var(--black);
    margin-bottom: 8px;
}

.search-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.search-list li {
    padding: 4px 0;
}

.popular-products .search-list li {
    display: flex;
/*    max-width: 250px;*/
    vertical-align: top;
    margin: 15px 0;
}

.popular-products .search-img {
    width: 150px;
}

.product-results .search-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.product-results .search-list li {
    max-width: 250px;
    gap: 15px;
}

.product-results .search-img {
    max-width: 70px;
}

.product-results .products-title {
    font-size: 14px;
}

.all-results {
    color: var(--black);
    font-weight: 700;
    transition: .3s ease-in-out;
}

.all-results::after {
    content: ">";
    margin-left: 5px;
}

.all-results:hover {
    opacity: 0.7;
}

#searchClose {
    position: absolute;
    top: 15px;
    right: 30px;
}

@media (max-width: 991px) {
    .search-dropdown {
        left: 50%;
        transform: translateX(-50%);
        width: 600px;
    }
}

@media (max-width: 767px) {
    .search-dropdown {
        width: 100%;
    }

    .inner-search-dropdown {
        flex-direction: column;
    }
}

@media (max-width: 575px) {
    .results-section {
        width: 100%;
    }

    .product-results .search-list li {
        max-width: 100%;
    }
}

/* FOOTER
====================== */
footer {
    box-shadow: 0px -4px 4px 0px #0000000A;
}

.tp-footer-top .d-flex {
    row-gap: 16px;
}

.footer-stores {
    max-width: 230px;
}

.footer-stores:not(:last-of-type){
    border-bottom: 1px solid var(--black);
}

.footer-stores ul {
    list-style: none;
}

.footer-widget-title {
    font-family: var(--fontManrope);
    font-size: 20px;
    font-weight: 700;
}

.footer-stores .footer-widget-title {
    font-size: 16px;
}

.footer-social {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.footer-social a {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    background: #282828;
    box-shadow: 0px 1px 1px rgba(1, 15, 28, 0.2);
    border-radius: 100px;
    color: var(--white) !important;
}

.moto .footer-social a:hover {
    background: var(--motoPrimaryColor);
}

.bike .footer-social a:hover {
    background: var(--bikePrimaryColor);
}

.copyright {
    background-color: var(--black);
    color: var(--white);
    padding: 20px 0;
    margin-top: 30px;
}

@media (max-width: 991px) {
    footer {
        box-shadow: 0px -8px 14px 0px rgba(0, 0, 0, 0.1);
    }

    .footer-item {
        min-width: 240px;
    }
}

@media (max-width: 575px) {
    .footer-item .b2b-logo {
        max-width: 240px;
    }

    .footer-item .b2b-logo img {
        width: 170px;
    }

    .footer-item .b2b-logo img.b2b {
        width: 56px;
    }
}

/* HOMEPAGE
====================== */
.no-slider {
    padding-top: 1px;
}

.tp-slider-active-3 .swiper-slide {
    height: calc(100vh - 154px);
}

.repsect {
    background-color: color(srgb 0 0 0 / 0.05);
}

.tp-slider-active-3 .swiper-slide::after,
.repsect .position-relative::after,
.brand-banner .position-relative::after {
    content: " ";
    background-color: var(--black);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}

.heroSlide-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.sidewaysContent {
    position: absolute;
    z-index: 9;
    left: -350px;
    top: 0;
    bottom: 0;
    transform: rotate(-90deg);
    right: 0;
    height: fit-content;
    width: 550px;
    text-transform: uppercase;
    color: var(--white);
    font-size: 10px;
    align-self: center;
}

.contentOverSlide {
    position: absolute;
    z-index: 9;
    top: 0%;
    bottom: 0%;
    left: 0;
    right: 0;
    width: 60%;
    margin: 0 auto 0 100px;
    color: var(--white);
}

.slider-title {
    font-family: var(--fontEthnocentric);
    font-size: 40px;
    color: var(--white);
    text-transform: uppercase;
}

.slider-subtitle {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
}

.white-btn {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--black);
    padding: 10px 20px;
    border-radius: 4px;
    transition: .2s ease-in-out;
}

.white-btn:focus {
    color: var(--black);
}

.btn.white-btn:hover,
.btn.white-btn:active {
    background-color: var(--black);
    border-color: var(--black);
    color: var(--white) !important;
}

.brands-slider .swiper-slide {
    text-align: center;
}

.brand-logos {
    width: 100px;
    height: 50px;
    object-fit: scale-down;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    max-width: 1520px;
    padding: 0 48px;
    margin: 0 auto;
}

.promos-container {
    position: relative;
    height: 560px;
    overflow: hidden;
    width: 460px;
}
.promos-container:last-child:nth-child(3n+1) {
    flex-basis: 100%;
}

.promos-container img,
.offroad-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.promo-overlay,
.offroad-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 30px;
    color: var(--white);
}

.promo-overlay h3,
.offroad-overlay h5 {
    color: var(--white);
}

.repsect-img {
    max-height: 800px;
    width: 100%;
    object-fit: cover;
}

.repr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    max-width: 350px;
    margin: 0 auto;
    color: var(--white);
    text-align: center;
    font-size: 24px;
    z-index: 10;
}

.repitems {
    background-color: var(--black14);
    padding: 30px 0 30px 48px;
    color: var(--white);
    position: relative;
}

.repitems h2 {
    color: var(--white);
}

.repitems h2 img {
    width: 100px;
}

.repitems .white-btn:hover,
.repitems .white-btn:active {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--black) !important;
    opacity: .9;
}

.helm-price {
    font-size: 16px;
    font-weight: 700;
}

.helm-title {
    font-size: 14px;
}

.helm-swiper-button-next,
.helm-swiper-button-prev,
.hero-swiper-button-next,
.hero-swiper-button-prev {
    background: url(/assets/img/icon/arrow-right.svg);
    width: 40px;
    height: 40px;
}

.helm-swiper-button-prev,
.hero-swiper-button-prev {
    transform: rotate(180deg);
}

.hero-swiper-button-next,
.hero-swiper-button-prev {
    position: absolute;
    bottom: 50%;
    z-index: 10;
}

.hero-swiper-button-next {
    right: 10px;
}

.hero-swiper-button-prev {
    left: 10px;
}

.hero-swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10;
}

.hero-swiper-pagination .swiper-pagination-bullet,
.hero-swiper-pagination .swiper-pagination-bullet-active {
    background: var(--black);
}

.hero-swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    opacity: .5;
}

.helm-buttons {
    display: flex;
    position: absolute;
    top: 30px;
    right: 30px;
    gap: 20px;
}

.helm-swiper-pagination .swiper-pagination-bullet,
.helm-swiper-pagination .swiper-pagination-bullet-active {
    background: var(--white);
}

.helm-swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    opacity: .4;
}

.rep-slider-img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.offroad-content {
/*    height: calc(100dvh - 154px);*/
    height: 880px;
}

.offroad-content::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #0000001a;
}

.offroad-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.offroad-title {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    text-align: center;
}

.off-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 650px;
    margin: 0 auto;
}

.absolute-title {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
}

.off-subtitle-up,
.off-subtitle-down,
.off-title {
    color: var(--white);
    font-size: 28px;
    line-height: 51px;
    margin: 0;
}

.off-subtitle-up {
    text-shadow: 0 8px 8px rgb(55 20 0);
}

.off-title {
    color: var(--motoPrimaryColor);
    font-size: 60px;
}

.off-subtitle-down {
    text-shadow: 0 8px 8px rgb(55 20 0);
}

.offroad-tiles {
    display: flex;
    gap: 32px;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    justify-content: center;
    text-align: center;
}

.offroad-container {
    position: relative;
    height: 380px;
    width: 340px;
    overflow: hidden;
}

.gallery-section {
    overflow: hidden;
}

.gallery-wrapper {
    height: 100dvh;
}

.parallax-section {
    min-height: calc(100vh - 150px);
    position: relative;
    padding: 200px 0 120px;
}

.parallax-gallery {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
}

.parallax-gallery-list {
    position: relative;
    width: 100%;
    height: 420px; 
}

.parallax-gallery-item {
    position: absolute;
    overflow: hidden;
    border-radius: 4px;
}

.parallax-img {
    display: block;
    width: 100%;
    height: auto;
}

/* positions to mimic the screenshot */
.item-center {
    width: 60%;
    left: 20%;
    top: 0;
    z-index: 2;
}

.item-left {
    width: 40%;
    left: -5%;
    top: 20px;
    z-index: 1;
}

.item-right {
    width: 40%;
    right: -5%;
    bottom: -150px;
    z-index: 2;
}

.gallery-list {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative;
}

.gallery-item {
    grid-column-gap: 0;
    grid-row-gap: 0;
    flex: none;
    grid-template-rows: auto;
    grid-template-columns: 50% 50%;
    grid-auto-columns: 1fr;
    width: 100vw;
    height: 100%;
    display: grid;
    position: absolute;
    inset: 0%;
}

.scroll-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.suggestions {
    position: relative;
}

.suggestions-text {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.suggestions .nav-link {
    color: var(--black);
    font-size: 16px;
}

.suggestions .nav-pills .nav-link.active,
.suggestions .nav-pills .show > .nav-link {
    background-color: var(--black14);
    border-radius: 8px !important;
    padding: 13px 31px;
}

.suggestions #pills-tab {
    gap: 40px;
}

.tab-pane .btn-black {
    background-color: var(--black1A);
    border-color: var(--black1A);
    padding: 10px 20px;
}

.shipping-costs {
    font-weight: 500;
    font-size: 20px;
}

.suggestions-price,
.products-price,
#total_order_cost.products-price,
.products-sale-price,
.suggestions-sale-price {
    font-weight: 700;
    font-size: 20px;
}

.products-sale-price,
.suggestions-sale-price {
    color: red;
}

.og-suggestions-price,
.og-products-price {
    text-decoration-line: line-through;
    color: var(--grey57);
}

.tp-product-price-wrapper-2 {
    gap: 10px;
}

.tp-product-content-2 {
    position: relative;
    z-index: 2;
}

.discount {
    position: absolute;
    top: 10px;
    left: 10px;
    border: 1px solid var(--greyE0);
    border-radius: 2px;
    padding: 5px 7px;
    font-family: var(--fontManrope);
    font-weight: 700;
    font-size: 14px;
    z-index: 10;
    background-color: var(--white);
}

.discount.no-slider,
.super-price.no-slider,
.tag-new.no-slider {
    top: -290px;
}

.suggestions-title {
    font-weight: 300;
}

.super-price,
.prod-cat-subtitle,
.tag-new {
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 2px;
    padding: 5px 10px;
    font-weight: 600;
    font-size: 12px;
}

.tag-new {
    color: var(--white);
}

body.moto .super-price,
body.moto .prod-cat-subtitle {
    background: linear-gradient(135deg, #fff5f3, #ffe3dd 60%, #ffd2c9);
    box-shadow: 0 2px 5px rgba(237, 65, 36, 0.15);
}

body.bike .super-price,
body.bike .prod-cat-subtitle {
    background: linear-gradient(135deg, #f3f6ff, #e1e7ff 60%, #cfd9ff);
    box-shadow: 0 2px 5px rgba(0, 55, 236, 0.15);
}

body.moto .tag-new {
    background: linear-gradient(135deg, #ff6a4d, #ed4124 60%, #b92d16);
    box-shadow: 0 3px 8px rgba(237, 65, 36, 0.4);
}

body.bike .tag-new {
    background: linear-gradient(135deg, #4d6fff, #0037ec 60%, #001f9a);
    box-shadow: 0 3px 8px rgba(0, 55, 236, 0.4);
}

.brand-swiper-button-next,
.brand-swiper-button-prev,
.deals-swiper-button-next,
.deals-swiper-button-prev,
.offers-swiper-button-next,
.offers-swiper-button-prev {
    background: url(/assets/img/icon/black-arrow-right.svg);
    width: 40px;
    height: 40px;
}

.brand-swiper-button-prev,
.deals-swiper-button-prev,
.offers-swiper-button-prev {
    transform: rotate(180deg);
}

.suggestions-buttons {
    display: flex;
    position: absolute;
    top: 175px;
    right: 30px;
    gap: 20px;
}

.b2b-suggestions .suggestions-buttons {
    top: 110px;
}

.suggestions-pad {
    padding-top: 50px;
    padding-left: 48px;
}

.brand-swiper,
.deals-swiper,
.offers-swiper {
    margin-top: 48px;
}

.rep-swiper-img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.brand-swiper-pagination .swiper-pagination-bullet,
.brand-swiper-pagination .swiper-pagination-bullet-active,
.deals-swiper-pagination .swiper-pagination-bullet,
.deals-swiper-pagination .swiper-pagination-bullet-active,
.offers-swiper-pagination .swiper-pagination-bullet,
.offers-swiper-pagination .swiper-pagination-bullet-active,
.reps-swiper-pagination .swiper-pagination-bullet,
.reps-swiper-pagination .swiper-pagination-bullet-active {
    background: var(--black);
}

.brand-swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active),
.deals-swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active),
.offers-swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active),
.repss-swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    opacity: .4;
}

.about-img {
    height: 100%;
    object-fit: contain;
}

.about-text {
    background-color: var(--black);
    color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
}

.about-subtitle {
    font-weight: 700;
}

.about-text h2 {
    color: var(--white);
}

.page-swap-banner {
    position: fixed;
    bottom: 0;
    right: 0;
    height: 200px;
    z-index: 100;
}

.page-swap-banner img {
    position: relative;
    left: 70px;
    z-index: 2;
    animation: horizontal-shaking 2.5s infinite;
}

.banner-inner h5 {
    font-size: 13px;
    color: var(--white);
    font-weight: 400;
}

.banner-inner {
    text-align: center;
    align-content: center;
    position: relative;
    height: 150px;
    bottom: -50px;
    background: url(/assets/img/icon/banner-bg.png) no-repeat center center, var(--black1A);
    padding: 0 50px;
    width: 450px;
}

.banner-inner .btn {
    padding: 10px 20px;
    color: var(--black);
    border-radius: 25px;
}

.banner-inner .btn:hover,
.banner-inner .btn:active {
    color: var(--black)
}

#banner-close,
#mob-banner-close {
    position: absolute;
    top: 40px;
    right: 20px;
    background-color: var(--white);
    border-radius: 60px;
    padding: 4px;
    opacity: 1;
}

.newsletter,
.newsletter-form {
    position: relative;
}

.newsletter-form {
    max-width: 500px;
}

.newsletter {
    background: var(--black14);
}

.newsletter::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assets/img/icon/banner-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    opacity: 0.5;
}

.newsletter-form h2 {
    color: var(--white);
}

.newsletter-form .popupnewsletter_btn {
    height: 57px;
    top: 77px;
    right: 12px;
}

body.moto .newsletter-form .popupnewsletter_btn,
body.moto .newletter-agree input:checked ~ label::after,
body.moto .b2b-hamburger .tp-offcanvas-open-btn {
    background-color: var(--motoPrimaryColor);
}

body.bike .newsletter-form .popupnewsletter_btn,
body.bike .newletter-agree input:checked ~ label::after,
body.bike .b2b-hamburger .tp-offcanvas-open-btn {
    background-color: var(--bikePrimaryColor);
}

.newsletter-form #newsletter_Email {
    border-radius: 4px;
}

.newletter-agree {
    position: relative;
/*    margin-top: 20px;*/
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    color: var(--white);
}

.newsletter .g-recaptcha {
    width: 304px;
    height: 78px;
    margin: 15px auto;
}

@media (min-width: 1300px) and (max-width: 1820px) {
    body.bike .tp-slider-active-3 .swiper-slide {
        height: calc(100vh - 123px);
    }
}

@media (max-width: 1299px) {
    .tp-slider-active-3 .swiper-slide {
        height: calc(100vh - 123px);
    }
}

@media (min-width: 1200px) {
    .promos-container {
        min-width: 280px;
        flex: 1 1 calc(33.333% - 20px);
    }
}

@media (max-width: 1199px) {
    .flex-container {
        display: none;
    }

    .item-right {
        right: 0%;
    }

    .promos-container:last-child:nth-child(3n+1) {
        flex-basis: unset;
    }
}

/*@media (min-width: 992px) {
    .promos-swiper {
        padding-left: 60px;
    }
}*/

@media (max-width: 991px) {
    .tp-slider-active-3 .swiper-slide {
        height: calc(100vh - 73px);
    }

    .slider-title {
        font-size: 34px;
    }

    #carouselGallery .carousel-inner {
        height: 500px;
    }

    .about-text {
        padding: 40px 48px;
    }
}

@media (max-width: 767px) {
    .contentOverSlide {
        margin: 0 auto
    }

    .promos-container {
        height: 450px;
    }

    .repitems {
        padding-left: 20px;
    }

    .suggestions-pad {
        padding-left: 20px;
    }

    .suggestions-text {
        max-width: 540px;
    }

    .suggestions #pills-tab {
        gap: 20px;
    }

    .suggestions-buttons {
        top: 230px;
        right: 10px;
    }

    .b2b-suggestions .suggestions-buttons {
        top: 135px;
    }

    .page-swap-banner {
/*        position: absolute;*/
        height: 150px;
    }

    .banner-inner {
        bottom: 0;
    }

/*    #mob-banner-close {
        top: -10px;
    }*/

    #banner-close {
        top: -10px;
    }

    #carouselGallery .carousel-inner {
        height: 350px;
    }

    .off-bg {
        max-width: 550px;
    }

    .off-subtitle-down {
        line-height: 32px;
    }

    .absolute-title {
        top: 30px;
        padding: 0 20px;
    }

    .about-text {
        padding: 40px 20px;
    }

    .newsletter-form .popupnewsletter_btn {
        height: 56px;
        top: 70px;
    }
}

@media (max-width: 575px) {
    .tp-slider-active-3 .swiper-slide {
/*        height: calc(100vh - 65px);*/
        height: 400px;
    }

    .repr {
        font-size: 20px;
    }

    .repr img {
        width: 100px;
    }

    .contentOverSlide {
        width: 75%;
    }

    .slider-title {
        font-size: 24px;
    }

    .promos-container {
        height: 400px;
    }

    .promo-overlay {
        padding: 30px 10px;
    }

    .promo-overlay .white-btn {
        padding: 10px 9px;
    }

    .helm-buttons {
        right: 10px;
        gap: 10px;
    }

    .off-bg {
        max-width: 300px;
    }

    .off-subtitle-up,
    .off-subtitle-down {
        font-size: 18px;
        line-height: 32px;
    }

    .off-subtitle-down {
        line-height: 24px;
    }

    .off-title {
        line-height: 32px;
    }

    .absolute-title {
        top: 16px;
    }

    .off-title {
        font-size: 28px;
    }

    .suggestions-text {
        max-width: 300px;
    }

    .suggestions #pills-tab {
        max-width: 420px;
        gap: 10px;
    }

    .suggestions-buttons {
        top: 310px;
    }

    .b2b-suggestions .suggestions-buttons {
        top: 165px;
    }

    .brand-swiper,
    .deals-swiper,
    .offers-swiper {
        margin-top: 56px;
    }

    .about-text {
        padding: 20px;
    }

    .banner-inner {
        width: 380px;
    }

    #carouselGallery .carousel-inner {
        height: 300px;
    }

    .newsletter-form .popupnewsletter_btn {
        top: 58px;
    }
}

@media (max-width: 400px) {
    .repitems h2 img {
        width: 60px;
    }

    .banner-inner {
        width: 340px;
    }

    .banner-inner .btn {
        font-size: 13px;
    }

    #carouselGallery .carousel-inner {
        height: 200px;
    }

    .suggestions-price,
    .products-price,
    #total_order_cost.products-price,
    .products-sale-price,
    .suggestions-sale-price {
        font-size: 19px;
    }
}

@media (max-width: 350px) {
    .banner-inner {
        width: 300px;
    }

    .newsletter .g-recaptcha {
        width: 100%;
    }
}

/* PRODUCTS
====================== */
.breadcrumb-nav {
    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3E%3Cpath d='M5.36688 4.23687C5.67938 4.54937 5.67938 5.05687 5.36688 5.36937L1.36688 9.36938C1.05438 9.68188 0.546875 9.68188 0.234375 9.36938C-0.078125 9.05688 -0.078125 8.54937 0.234375 8.23687L3.66938 4.80187L0.236875 1.36688C-0.0756252 1.05438 -0.0756252 0.546875 0.236875 0.234375C0.549375 -0.078125 1.05688 -0.078125 1.36938 0.234375L5.36938 4.23437L5.36688 4.23687Z' fill='%23999999'/%3E%3C/svg%3E");
    padding-top: 20px;
}

.breadcrumb-item {
    color: var(--bs-breadcrumb-item-active-color);
}

.breadcrumb-item.active {
    color: unset;
}

.filters-full {
    border-right: 1px solid rgba(0, 0, 0, 0.22);
    position: sticky;
    top: 105px;
    height: 100dvh;
    overflow: clip;
    transition: .3s ease-in-out;
}

.scrolled-panel {
    top: 160px;
}

body.b2b .filters-full {
    top: 80px;
}

body.b2b .scrolled-panel {
    top: 130px;
}

.offcanvas-header {
    box-shadow: 0px 4px 4px 0px #0000000F;
}

.offcanvas-header .btn-close {
    opacity: 1 !important;
}

.offcanvas-title {
    margin-top: 7px;
}

.offcanvas-body .filters-full {
    border: none;
    height: 100%;
    overflow: hidden;
}

.filters {
    padding: 20px 40px 170px;
    height: calc(100dvh - 54px);
    overflow: auto;
    max-width: 400px;
    transition: padding-bottom .3s ease-in-out;
}

#removeFilters {
    position: sticky;
    bottom: 0;
    z-index: 2;
    transition: .3s ease-in-out;
}

.pad-bot {
    padding-bottom: 20px;
}

.no-btn {
    height: 100%;
}

.offcanvas-body .filters {
    padding: 20px 0;
    height: calc(100% - 65px);
}

.offcanvas-body .filters.mob-with-btn {
    height: calc(100% - 120px);
}

.filter-banner {
    position: sticky;
    top: 73px;
    padding: 10px 10px;
    z-index: 20;
    background-color: var(--white);
    border-bottom: 1px solid var(--greyE0);
    transition: .2s all ease-in-out;
}

.filter-banner.scrolled-filter {
    top: 123px;
}

.tp-shop-widget-filter-info .tp-shop-widget-filter-btn {
    font-weight: 400;
    font-size: 14px;
    color: var(--black);
    background-color: #F5F5F5;
    padding: 2px 21px;
}

.tp-shop-widget-filter-info .tp-shop-widget-filter-btn:hover {
    color: var(--white);
    background-color: var(--black);
}

body.moto .button-primary {
    border: 1px solid var(--motoPrimaryColor);
    background-color: var(--motoPrimaryColor);
}

body.bike .button-primary {
    border: 1px solid var(--bikePrimaryColor);
    background-color: var(--bikePrimaryColor);
}

.button-primary {
    display: block;
    color: var(--white);
    font-size: 16px;
    font-weight: bold;
    padding: 13px;
    transition: all .3s ease-in-out;
}

.button-primary:hover {
    color: var(--white) !important;
    opacity: .9;
}

#mobRemoveFilters {
    padding: 12px;
    border-radius: 4px;
    font-weight: 700;
    background-color: var(--white);
}

body.moto #mobRemoveFilters {
    color: var(--motoPrimaryColor);
}

body.bike #mobRemoveFilters {
    color: var(--bikePrimaryColor);
}

.vat {
    font-weight: 700 !important;
    font-size: 14px !important;
}

.products {
    width: 100%;
    min-height: 100lvh;
}

.products-title {
    font-weight: 300;
    font-size: 16px;
}

.product-brand-img {
    display: inline;
    padding: 0 5px;
    height: 30px;
}

.product-brand-img img {
    height: 30px;
}

.tp-product-action-2 {
    position: absolute;
    left: auto;
    top: 57px;
    right: 0;
    bottom: auto;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}

.tp-product-item-2:hover .tp-product-action-2 {
    right: 24px;
    left: unset;
    visibility: visible;
    opacity: 1;
}

.tp-product-tooltip-left {
    right: 100%;
    left: auto;
}

.tp-product-action-btn-2:hover .tp-product-tooltip {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(-8px) translateY(-50%);
    -moz-transform: translateX(-8px) translateY(-50%);
    -ms-transform: translateX(-8px) translateY(-50%);
    -o-transform: translateX(-8px) translateY(-50%);
    transform: translateX(-8px) translateY(-50%);
}

.tp-shop-top-right:not(.tp-shop-top-right-2) {
    margin-top: 0;
}

.tp-shop-widget-checkbox {
    max-height: unset;
    overflow-y: hidden;
}

.tp-shop-top-select .nice-select {
    border-radius: 4px;
    color: var(--black);
}

.tp-shop-top-select .nice-select::after {
    right: 20px;
    color: var(--black);
}

.filter-banner .btn-black {
    padding: 3px 10px;
    font-size: 14px;
}

.filter-banner .btn-black .fa {
    color: var(--white);
}

body.moto .tp-shop-widget-checkbox ul li input:checked ~ label::after,
body.moto .tp-shop-widget-filter .ui-slider-horizontal .ui-slider-range {
    background-color: var(--motoPrimaryColor);
    border-color: var(--motoPrimaryColor);
}

body.bike .tp-shop-widget-checkbox ul li input:checked ~ label::after,
body.bike .tp-shop-widget-filter .ui-slider-horizontal .ui-slider-range {
    background-color: var(--bikePrimaryColor);
    border-color: var(--bikePrimaryColor);
}

.tp-product-thumb-2 {
    height: 300px;
    overflow: visible;
}

.tp-product-details-category span {
    font-size: 14px;
}

.tp-product-details-thumb {
    position: sticky;
    top: 120px;
    margin-right: 20px;
}

#productDetailsNavThumb {
    gap: 30px;
    margin: 0;
}

#productDetailsNavThumb .nav-link {
    width: 133px;
    height: 133px;
    border: 1px solid var(--greyE0);
    border-radius: 8px;
}

#productDetailsNavThumb .nav-link.active {
    border-color: var(--motoPrimaryColor);
}

#productDetailsNavThumb .nav-link img {
    padding: 5px;
}

.tp-product-details-price.new-price {
    color: red;
    font-weight: 700;
    font-size: 24px;
}

.tp-product-details-price.price {
    color: var(--black);
    font-weight: 700;
    font-size: 24px;
}

.tp-product-details-price.old-price {
    font-weight: 400;
    font-size: 24px;
    text-decoration-line: line-through;
    font-weight: 300;
    color: #000000a3;
}

.tp-product-badge-3 {
    display: none;
}

.prod-discount {
    border-radius: 4px;
    padding: 0px 6px;
    color: var(--white);
    vertical-align: top;
    font-weight: 700;
    margin-bottom: 4px;
    font-size: 12px;
    display: block;
    width: fit-content;
}

body.moto .prod-discount {
    background-color: #ed412424;
    color: #ed4124;
}

body.bike .prod-discount {
    background-color: #0037ec2b;
    color: #0037ec;
}

.tp-product-details-quantity .tp-cart-plus,
.tp-product-details-quantity .tp-cart-minus {
    background-color: #1d1d1d;
    color: var(--white);
}

.tp-product-details-quantity .tp-cart-plus:hover,
.tp-product-details-quantity .tp-cart-minus:hover {
    background-color: transparent;
    color: var(--black);
}

.tp-product-details-quantity .tp-cart-input[type=text] {
    border-radius: 4px;
}

.tp-product-details-variation-list button.tp-size-variation-btn {
    border-radius: 5px;
    border-color: #00ff00;
}

.tp-product-details-variation-list button.tp-size-variation-btn.unavailable {
    border-color: red;
    cursor: default;
}

.tp-product-details-variation-list button.tp-size-variation-btn.unavailable:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='black' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='black' stroke-width='1'/></svg>");
}

.tp-product-details-variation-list button.tp-size-variation-btn:not(.unavailable, .active):hover {
    background-color: #00ff001a;
    border-color: #00ff00;
}

.tp-product-details-variation-list button.tp-size-variation-btn.active {
    background-color: #37a737;
    color: var(--white);
    border-color: #37a737;
}

.tp-product-details-action-item-wrapper {
    gap: 20px;
}

.tp-product-details-add-to-cart-btn,
.loginBtn {
    font-size: 16px;
    color: var(--white);
    background-color: var(--black);
    border: 1px solid #E0E2E3;
    border-radius: 4px;
    transition: .3s ease-in-out;
    padding: 9px 30px;
    text-align: center;
}

.tp-product-details-add-to-cart-btn:hover,
.tp-product-details-add-to-cart-btn:active {
    background-color: var(--black);
    opacity: 0.9;
}

#applyFilters {
    padding: 13px;
    font-weight: 700;
}

.tp-product-details-action-sm {
    display: flex;
    justify-content: space-between;
    padding-bottom: 9px;
    border-bottom: none;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 15px;
}

.tp-product-details-action-sm div span {
    font-size: 16px;
}

.tp-product-details-tab-nav .nav-tabs .nav-link {
    font-size: 20px;
    color: #A0A2A4;
    padding-left: 9px;
    padding-right: 7px;
    position: relative;
}

.tp-product-details-tab-nav .nav-tabs .nav-link.active,
.tp-product-details-tab-nav .nav-tabs .nav-link:hover {
    color: var(--black);
}

.tp-product-details-tab-nav .nav-tabs .nav-link.active {
    font-weight: 700;
}

.tp-product-details-query {
    margin-bottom: 25px;
}

.tp-product-details-query-title {
    background-color: #00000014;
    color: #000000;
    border-radius: 8px 8px 0 0;
    padding: 8px 16px;
    font-weight: 700;
}

.tp-product-details-query-item-container {
    padding: 16px;
    border: 1px solid var(--greyE0);
    border-radius: 0 0 8px 8px;
}

.tp-product-details-query-item {
    gap: 10px;
}

.product-detail-title {
    font-weight: 700;
}

.product-detail {
    font-weight: 300;
    font-size: 15px;
}

.attribute-item:not(:last-of-type) {
    border-bottom: 1px solid #DEE2E6;
}

[id*=productDescriptionContainer], [id*=productSpecsContainer] {
    padding-left: 0;
}

[id*=productDescriptionContainer] p, [id*=productSpecsContainer] p {
    margin: 0px;
}

[id*=productSpecsContainer] ul, [id*=productDescriptionContainer] ul {
    list-style: disc !important;
    padding-left: 33px;
}

.details-nav {
    overflow: auto;
}

#navPresentationTab {
    gap: 40px;
}

.tp-product-details-tab-nav .nav-tabs .nav-link:not(:first-child) {
    margin-left: 0;
}

[id*=readMore_ProdDesc_btn], [id*=readMore_ProdSpecs_btn] {
    margin-top: 20px;
    padding: 3px 10px;
    border: 1px solid var(--black);
    background-color: var(--black);
    border-radius: 4px;
    color: var(--white);
}

/*img.tp-product-item-img {
    object-fit: cover !important;
}*/

@media (min-width: 1300px) and (max-width: 1820) {
    body.bike .filters-full {
        top: 75px;
    }

    body.bike .scrolled-panel {
        top: 125px;
    }
}

@media (max-width: 1299px) {
    .filters-full {
        top: 75px;
    }

    .scrolled-panel {
        top: 125px;
    }
}

@media (max-width: 1199px) {
    .tp-shop-top-select .nice-select {
        height: 30px;
        line-height: 28px;
        padding: 0 10px;
        min-width: 150px;
    }
}

@media (max-width: 991px) {
    .tp-product-details-thumb {
        margin-right: 0px;
    }

    .tp-product-details-title {
        border-bottom: 1px solid var(--greyE0);
        padding-bottom: 10px;
    }

    body.b2b .filter-banner {
        top: 80px;
    }
}

@media (max-width: 767px) {
    body.b2b .filter-banner {
        top: 73px;
    }
}

@media (max-width: 575px) {
    .filter-banner {
        top: 73px;
    }

    #productDetailsNavThumb {
        gap: 10px;
    }

    .tp-product-details-title {
        font-size: 24px;
    }

    .tp-product-details-tab-nav .nav-tabs .nav-link {
        font-size: 18px;
    }

    #navPresentationTab {
        gap: 15px;
    }
}

@media (max-width: 400px) {
    .details-nav {
        padding-bottom: 10px;
    }

    .tp-product-details-tab-nav .nav-tabs {
        flex-wrap: nowrap;
        width: 370px;
    }

    .tp-product-item-2:hover .tp-product-action-2 {
        right: -10px;
    }
}

/* BRANDPAGE
====================== */
.brand-page {
    background-color: var(--black14);
    color: var(--white);
    padding-bottom: 50px;
}

.brand-banner .repr {
    max-width: 450px;
}

.brand-banner .repr h1,
.line-up h2 {
    color: var(--white);
}

.line-up .h3 {
    font-size: 20px;
}

.line-up-text-container img {
    height: 25px;
}

.line-up-text {
    font-size: 40px;
    font-weight: 200;
    line-height: 60px;
}

.product-gallery {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(5, 1fr);
    justify-content: center;
}

.product-gallery .helm-price {
    font-family: var(--fontManrope);
    font-size: 20px;
    font-style: italic;
}

.product-gallery .helm-title {
    font-family: var(--fontManrope);
    font-style: italic;
    font-weight: 300;
}

@media (max-width: 991px) {
    .product-gallery {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 767px) {
    .line-up-text {
        font-size: 30px;
        line-height: 50px;
    }

    .product-gallery {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 575px) {
    .line-up-text {
        font-size: 24px;
        line-height: 40px;
    }

    .product-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* CART
====================== */
.cartmini__thumb {
    border: 1px solid var(--tp-border-primary);
    margin-right: 15px;
    height: 75px;
    width: 72px;
}

.cartmini__thumb img {
    width: 70px;
    height: 70px;
}


.cartmini__infos {
    color: var(--grey57);
    overflow: auto;
}

.tp-btn {
    font-family: var(--fontManrope);
}

.cartmini__content {
    width: 180px;
}

.cartmini__checkout-btn .tp-btn,
.tp-logout-btn,
.profile__btn .tp-btn,
.wishlist__btn .tp-btn,
.error-content .back-to-home-btn {
    font-size: 15px;
    text-transform: capitalize;
    text-align: center;
    display: inline-block;
    background-color: var(--black);
    padding: 9px 26px;
    color: var(--white);
    border: 1px solid var(--black);
    border-radius: 5px;
}

.cartmini__checkout-btn .tp-btn-border,
.tp-logout-btn {
    background-color: transparent;
    border: 1.5px solid var(--black);
    color: var(--black);
}

.cartmini__checkout-btn .tp-btn:hover,
.tp-logout-btn:hover,
.profile__btn .tp-btn:hover,
.wishlist__btn .tp-btn:hover,
.error-content .back-to-home-btn:hover {
    background-color: var(--black);
    border: 1px solid var(--black);
    color: var(--white);
    opacity: 0.9;
}

.cartmini__checkout-btn .tp-btn {
    cursor: pointer;
}

.cartmini__quantity {
    float: right;
}

.cart-header,
.cart-row {
    display: flex;
    align-items: center;
}

.cart-header {
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 10px;
}

.cart-row {
    border: 1px solid var(--greyE0);
    border-radius: 4px;
    padding: 8px 16px;
    margin-bottom: 20px;
}

.col-product {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
}

.product-info .title {
    font-weight: 500;
    font-size: 16px;
}

.col-qty {
    width: 150px;
    display: flex;
}

.col-price {
    width: 140px;
}

col-remove {
    width: 40px;
}

.col-product img {
    height: 100px;
}

.tp-cart-price {
    width: 100px;
}

.inner-cart-price {
    width: fit-content;
}

body.moto .tp-cart-action-btn:hover,
body.moto .tp-checkout-login-form-reveal-btn:hover {
    color: var(--motoPrimaryColor);
}

body.bike .tp-cart-action-btn:hover,
body.bike .tp-checkout-login-form-reveal-btn:hover {
    color: var(--bikePrimaryColor);
}

.checkout-btn {
    background-color: var(--black);
    border-color: var(--black);
    color: var(--white) !important;
    padding: 9px 26px;
    border-radius: 5px;
    transition: .3s ease-in-out;
}

.checkout-btn:hover,
.checkout-btn:active,
.checkout-btn:focus-visible {
    background-color: var(--black);
    border-color: var(--black);
    opacity: 0.9;
}

.tp-cart-checkout-wrapper {
    background: var(--white);
    padding: 16px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    border-radius: 8px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.06);
    margin: 0;
    position: sticky;
    top: 170px;
}

.tp-cart-checkout-total span {
    font-size: 20px;
}

.tp-cart-checkout-top span {
    font-size: 16px;
    font-weight: 500;
}

@media (max-width: 991px) {
    .cart-stick {
        position: sticky;
        bottom: 0;
    }

    .tp-cart-list {
/*        min-height: calc(100dvh - 300px);*/
        min-height: 510px;
    }
}

@media (max-width: 767px) {
    .cart-header {
        display: none;
    }

    .cart-row {
        flex-direction: column;
        padding: 8px 24px;
        border: none;
    }

    .separator {
        border: 1px solid var(--greyE0);
        margin-bottom: 20px;
    }

    .separator:last-of-type {
        display: none;
    }

    .col-product {
        gap: 60px;
        justify-content: space-between;
        width: 100%;
    }

    .col-qty {
        width: fit-content;
    }

    .qty-holder {
        display: flex;
        flex-direction: row;
        width: 100%;
        gap: 60px;
    }

    .phold {
        width: 100px;
    }

    .tp-cart-price {
        width: 80px;
    }

    .tp-cart-action {
        border: 1px solid rgba(0, 0, 0, 0.11);
        padding: 8px 16px;
        border-radius: 4px;
    }

    .tp-cart-checkout-wrapper {
        padding: 16px 24px;
    }
}

@media (max-width: 575px) {
    .col-product {
        gap: 5px;
    }

    .col-product img {
        height: 70px;
    }

    .qty-holder {
        gap: 15px;
    }

    .product-info .title {
        font-size: 15px;
    }

    .phold {
        width: 60px;
    }
}

@media (max-width: 380px) {
    .product-info a {
        width: 150px;
        display: block;
    }

    .summary-small-container {
        width: 130px;
        overflow: auto;
    }
}

/* CHECKOUT
====================== */
.countrySelect,
.addrSelect,
.genderSelect {
    width: 100% !important;
    background: #FFFFFF !important;
    border: 1px solid #D5D8DB !important;
    color: var(--black) !important;
    height: 50px !important;
    padding: 0px 22px !important;
    border-radius: 4px;
    font-size: 16px;
}

.drop-arrow:has(.addrSelect)::after {
    top: 25px;
}

.countrySelect:focus-visible,
.addrSelect:focus-visible,
.genderSelect:focus-visible {
    outline-color: var(--black) !important;
}

.tp-checkout-login-form-reveal-btn {
    text-decoration: underline;
    font-weight: 700;
}

.tp-return-customer {
    display: none;
    margin-top: 14px;
    padding: 0;
    background-color: var(--white);
}

.tp-checkout-bill-area {
    padding: 24px 40px 0 48px;
    background-color: var(--white);
}

.tp-checkout-option-wrapper {
    margin: 0;
}

.tp-login-remeber input {
    opacity: 0;
    position: absolute;
    display: block;
}

.tp-checkout-option input:checked ~ label::after,
.tp-login-remeber input:checked ~ label::after {
    background-color: var(--black);
    border-color: var(--black);
}

.tp-checkout-input input:focus,
.tp-checkout-input textarea:focus,
.profile__input input:focus {
    border-color: var(--black);
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
textarea {
    font-size: 16px;
}

.tp-checkout-input input,
.tp-login-input input,
.profile__input input,
.typeBtn {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #D5D8DB;
    color: var(--black);
    height: 50px;
    border-radius: 4px;
    font-size: 16px;
}

.tp-checkout-input textarea {
    border-radius: 8px;
}

.tp-checkout-option label::after,
.tp-login-remeber label::after {
    border-radius: 3px;
}

.tp-order-info-list ul li.tp-order-info-list-shipping span input:checked ~ label::before {
    background-color: var(--black);
}

.tp-order-info-list ul li.tp-order-info-list-shipping span input:checked ~ label::after {
    border-color: var(--black);
}

#ordercheckout {
    color: var(--white);
    background-color: var(--black14);
    border: 1px solid #00000029;
    border-radius: 8px;
    box-shadow: 0px 4px 16px 0px #00000047;
    padding: 16px;
}

.tp-checkout-place-title,
.tp-order-info-list-header.checkout > * {
    color: var(--white);
}

.tp-order-info-list-desc {
    gap: 10px;
}

.checkoutitems_divleft img {
    width: 110px;
}

.prdtitle {
    font-size: 16px;
}

.prdinfodiv small,
.prdtitle span {
    color: #737373 !important;
}

.checkout-price {
    color: var(--white) !important;
}

.tp-order-info-list-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 8px;
    background-color: #2D2D2D;
    border-radius: 4px;
}

.tp-order-info-list-total span {
    font-size: 16px;
}

#pay_ship_methods {
    border: 1px solid #ADADAD;
    border-radius: 8px;
    padding: 8px;
    margin: 20px 0;
}

.tp-order-info-list #pay_ship_methods ul li:not(:last-child) {
    border-bottom: 1px solid #ADADAD;
}

.tp-order-info-list ul li.tp-order-info-list-desc p span {
    display: inline-flex;
}

#pay_ship_methods .tp-order-info-list-total {
    background-color: #F6F6F6;
}

#ordertotal .tp-order-info-list-total {
    background-color: #EBEBEB;
    padding: 8px 16px;
    border: 1px solid #D0D0D0;
    border-radius: 8px;
    margin: 20px 0 0 0;
}

body.moto #ordertotal .tp-order-info-list-total.coupon-box {
    border-color: var(--motoPrimaryColor);
    background-color: rgba(237, 65, 36, 0.25);
}

body.moto #ordertotal .tp-order-info-list-total.coupon-box span {
    color: #2f0802;
}

body.bike #ordertotal .tp-order-info-list-total.coupon-box {
    border-color: var(--bikePrimaryColor);
    background-color: rgba(0, 55, 236, 0.15);
}

body.bike #ordertotal .tp-order-info-list-total.coupon-box span {
    color: #03103b;
}

.tp-checkout-btn {
    border-radius: 8px;
}

body.moto .tp-checkout-btn {
    background-color: var(--motoPrimaryColor);
}

body.bike .tp-checkout-btn {
    background-color: var(--bikePrimaryColor);
}

body.moto .tp-checkout-btn:hover,
body.bike .tp-checkout-btn:hover {
    opacity: 0.9;
}

#ordercheckout .tp-preloader-circle svg circle:last-child {
    stroke: var(--white);
}

.tp-preloader-circle svg circle:last-child {
    stroke: var(--black);
}

.tp-checkout-verify {
    padding: 24px 40px 0 48px;
    background-color: var(--white);
}

.tp-return-customer-input input {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #D5D8DB;
    color: var(--tp-common-black);
    height: 50px;
    border-radius: 4px;
}

.tp-return-customer-btn {
    border-radius: 0 4px 4px 0 !important;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 15px;
    padding-right: 15px;
}

#ordercheckout .products-sale-price {
    color: var(--white);
}

.fa-file-invoice-dollar, .fa-truck-bolt {
    font-size: 24px;
}

.item-qty {
    border: 1px solid #979797;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-weight: 600;
    background-color: #F8F8F8;
}

.li-separator {
    padding: 24px 0 !important;
    border-bottom: none !important;
}

@media (max-width: 1399px) {
    .tp-checkout-place {
        padding: 44px 30px 50px;
    }
}

@media (max-width: 991px) {
    .tp-checkout-place {
        padding: 44px 50px 50px;
    }
}

@media (max-width: 767px) {
    .tp-checkout-bill-area,
    .tp-checkout-verify {
        padding: 24px;
    }

    .tp-checkout-place {
        padding: 0;
    }

    #pay_ship_methods {
        margin: 20px 24px;
    }

    #ordercheckout {
        border-radius: 0;
        padding: 16px 24px;
    }

    .checkoutitems_divleft {
        display: flex;
        gap: 10px;
    }

    .checkoutitems_divleft img {
        width: 80px;
        object-fit: contain;
    }

    #ordertotal,
    .tp-checkout-place .tp-checkout-input,
    .tp-checkout-agree,
    .tp-checkout-btn-wrapper {
        margin-left: 24px;
        margin-right: 24px;
    }

    .tp-order-info-list ul li.tp-order-info-list-header {
        display: none;
    }

    .tp-order-info-list ul li:not(:last-child) {
        border: none;
    }
}

@media (max-width: 575px) {
    .tp-return-customer-btn {
        border-radius: 4px !important;
        bottom: -60px;
        width: 100%;
    }

    #ordercheckout .products-price,
    #ordercheckout .products-sale-price {
        font-size: 16px;
    }

    #pay_ship_methods {
        margin: 20px;
    }

    #ordertotal,
    .tp-checkout-place .tp-checkout-input, 
    .tp-checkout-agree, 
    .tp-checkout-btn-wrapper {
        margin-left: 20px;
        margin-right: 20px;
    }

    .tp-order-info-wrapper {
        padding: 42px 15px;
    }
}

/* LOGIN/REGISTER
====================== */
.bg-img {
    position: absolute;
    top: 155px;
    left: 0;
    height: 40%;
    width: 100%;
}

.bg-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.tp-login-area {
    min-height: calc(100vh - 155px);
    display: flex;
    align-items: center;
}

.b2b-login-page {
    max-height: 100dvh;
    overflow: hidden;
}

.b2b-login-page [id*="panel_"],
.b2b-login-row {
    min-height: 100dvh;
    min-width: 50%;
    width: 50%;
}

.b2b-login-page #panel_register {
    max-height: 100dvh;
    overflow: auto;
}

.b2b-login-image {
    width: 50%;
    object-fit: cover;
}

.b2b-login-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tp-login-wrapper {
    box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.3);
    padding: 25px;
    background-color: var(--white);
    width: 500px;
    border-radius: 4px;
}

.b2b-login-wrapper {
    box-shadow: -22px 0px 50.49px 0px #00000091;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.back-to-login {
    align-self: start;
}

.b2b-login-wrapper input {
    padding-left: 16px;
    padding-right: 16px;
}

.b2b-login-wrapper input,
.typeBtn{
    background: #F9F9F9;
}

.typeBtn {
    width: 50%;
}

.typeBtn:not(:last-of-type) {
    margin-right: 12px;
}

.typeBtn.selected {
    color: var(--white);
}

body.moto .typeBtn.selected {
    background-color: var(--motoPrimaryColor);
    border-color: var(--motoPrimaryColor);
}

body.bike .typeBtn.selected {
    background-color: var(--bikePrimaryColor);
    border-color: var(--bikePrimaryColor);
}

.b2b-login-wrapper input:read-only,
.profile__input input:disabled {
    color: #575757;
}

.b2b-login-wrapper .simpleBtn,
.b2b-login-wrapper .tp-login-bottom p,
.b2b-login-wrapper .tp-login-forgot {
    font-size: 12px !important;
}

.b2b-login-wrapper .simpleBtn {
    color: #007AFF;
    font-weight: 700;
}

.b2b-login-wrapper .back-to-login .simpleBtn {
    color: var(--black);
    font-weight: 500;
}

.b2b-login-wrapper .loginBtn {
    border-radius: 8px;
}

body.moto .b2b-login-wrapper .loginBtn {
    background-color: var(--motoPrimaryColor);
}

body.bike .b2b-login-wrapper .loginBtn {
    background-color: var(--bikePrimaryColor);
}

.b2b-login-wrapper .loginBtn:hover {
    background-color: var(--black) !important;
}

.b2b-login-container {
    max-width: 450px;
    margin: auto;
}

.tp-checkout-input label span,
.tp-login-input label span,
.tp-login-remeber label span {
    color: red;
}

.tp-login-input-eye {
    position: absolute;
    right: 26px;
    top: 50px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.simpleBtn {
    padding: 0;
    font-size: 15px;
    border: none;
}

body.moto .simpleBtn:hover {
    color: var(--motoPrimaryColor);
}

body.bike .simpleBtn:hover {
    color: var(--bikePrimaryColor);
}

.tp-login-forgot .simpleBtn {
    font-size: 16px;
}

body.moto .loginBtn:hover {
    background-color: var(--motoPrimaryColor);
}

body.bike .loginBtn:hover {
    background-color: var(--bikePrimaryColor);
}

.tp-login-input-box:not(:last-child) {
    margin-bottom: 18px;
}

.genderSelect {
    font-size: 14px;
}

.reg_arrow {
    position: absolute;
    right: 15px;
    top: 38px;
}

@media (min-width: 1300px) and (max-width: 1820px) {
    body.bike .bg-img {
        top: 123px;
    }

    body.bike .tp-login-area {
        min-height: calc(100vh - 122px);
    }
}

@media (max-width: 1299px) {
    .bg-img {
        top: 123px;
    }

    .tp-login-area {
        min-height: calc(100vh - 122px);
    }
}

@media (max-width: 1199px) {
    .b2b-login-image {
        width: 40%;
    }

    .b2b-login-page [id*="panel_"] {
        min-width: 60%;
    }
}

@media (max-width: 991px) {
    .bg-img {
        top: 73px;
    }

    .tp-login-area {
        min-height: calc(100vh - 73px);
        width: 100%;
    }

    .b2b-login-image {
        height: 280px;
    }

    .b2b-login-wrapper {
        padding: 48px;
    }

    .b2b-login-image,
    .b2b-login-wrapper,
    .b2b-login-page [id*="panel_"],
    .b2b-login-row {
        width: 100%;
        min-width: 100%;
    }

    .b2b-login-page {
        max-height: 100dvh;
        overflow: auto;
    }

    .b2b-login-page #panel_register {
        max-height: unset;
        overflow: hidden;
    }

    .b2b-login-page [id*="panel_"],
    .b2b-login-row {
        min-height: calc(100vh - 280px);
    }
}

@media (max-width: 575px) {
    .bg-img {
        top: 65px;
    }

    .b2b-login-wrapper {
        padding: 48px 20px;
    }
}

@media (max-width: 410px) {
    .login-logo {
        width: 230px;
        height: auto;
    }

    .login-logo-b2b {
        width: 60px;
        height: auto;
    }
}

/* USER DASHBOARD
====================== */
.profile__main-info-icon .profile-icon-count {
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--black);
    border: none;
    position: absolute;
    top: 0px;
    right: -8px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: var(--white);
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
}

.tp-logout-btn:hover {
    color: var(--white) !important;
}

.profile__main-info-title {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 700;
}

.profile__tab .nav-tabs .nav-link {
    font-weight: 500;
    font-size: 15px;
    color: var(--black);
    padding: 14px 30px;
    background-color: var(--white);
    position: relative;
    border-radius: 0;
    text-align: left;
    border: 0;
}

.profile__tab .nav-tabs .nav-link.active{
    color: var(--black);
}

body.moto .profile__tab .nav-tabs .nav-link.active,
body.moto .profile__tab .nav-tabs .nav-link.active:hover,
body.moto .brand-filter-btn.active,
body.moto .brand-filter-btn.active:hover {
    background-color: rgba(237, 65, 36, 0.3);
}

body.bike .profile__tab .nav-tabs .nav-link.active,
body.bike .profile__tab .nav-tabs .nav-link.active:hover,
body.bike .brand-filter-btn.active,
body.bike .brand-filter-btn.active:hover {
    background-color: rgba(0, 55, 236, 0.3);
}

body.moto .profile__tab .nav-tabs .nav-link:hover,
body.moto .brand-filter-btn:hover {
    background-color: rgba(237, 65, 36, 0.1);
}

body.bike .profile__tab .nav-tabs .nav-link:hover,
body.bike .brand-filter-btn:hover {
    background-color: rgba(0, 55, 236, 0.1);
}

.profile__tab .nav-tabs .nav-link span i {
    width: 15px;
}

.profile__input .nice-select {
    width: 100%;
    float: none;
    height: 50px;
    border: 1px solid #D5D8DB;
    border-radius: 4px;
    line-height: 35px;
    padding-left: 26px;
}

.profile__input input, .profile__input textarea {
    padding: 0 25px;
}

.profile__input .nice-select:focus,
.genderSelect:focus,
.form-select:focus {
    box-shadow: none;
}

.address-tab {
    box-shadow: 0px 0px 50px 10px rgba(5, 47, 40, 0.15);
    border-radius: 4px;
}

.addBtn {
    width: 70px;
    height: 70px;
    border: 1px solid #0000001a;
    border-radius: 8px;
    padding: 8px;
    font-size: 80px;
}

.addBtn:hover {
    background-color: var(--black14);
    color: var(--white);
}

.address-title {
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 700;
}

.action-btn {
    font-size: 16px;
    border: 1px solid #0000001a;
    padding: 2px 6px;
    border-radius: 4px;
}

.profile__address-item .contact-form {
    width: 100%;
}

.profile__address-content p span {
    color: var(--black);
    font-weight: 600;
    margin-right: 7px;
}

.drop-arrow::after {
    position: absolute;
    content: "\f107";
    top: 50px;
    right: 25px;
    font-family: var(--tp-ff-fontawesome);
    color: var(--black);
    font-weight: 500;
    pointer-events: none;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    margin-top: 0;
    transform-origin: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.drop-arrow:has(.open)::after {
    transform: translateY(-50%) rotate(-180deg);
}

.profile__ticket table tbody tr th a {
    color: var(--motoPrimaryColor);
}

.tp-pagination ul li a,
.tp-pagination ul li span {
    color: var(--black);
    transition: .3s ease-in-out;
}

.tp-pagination ul li a:hover, .tp-pagination ul li a.current, .tp-pagination ul li span:hover, .tp-pagination ul li span.current {
    background: var(--black);
    border-color: var(--black);
    color: var(--white);
}

.profile__btn a.tp-btn:hover,
.wishlist__btn a.tp-btn:hover {
    color: var(--white);
}

.wishlist__btn .tp-btn.oos-btn {
    background-color: grey;
    border-color: grey;
}

.profile__address-icon span {
    display: inline-block;
    min-width: unset;
    margin-right: 10px;
}

.view-order-total {
    background-color: transparent;
}

@media (max-width: 991px) {
    .profile__tab .nav-tabs .nav-link {
        width: 200px;
    }
}

@media (max-width: 450px) {
    .profile__tab .nav-tabs .nav-link {
        width: 100%;
    }
}

/* WISHLIST
====================== */
.wishlist-img {
    max-height: 100px;
}

.tp-cart-title a {
    margin-left: 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--black);
}

#wish_items .col-price {
    width: 160px;
}

@media (max-width: 1199px) {
    #wish_items .tp-cart-list {
        min-height: unset;
        overflow: hidden;
    }

    #wish_items .col-price {
        width: 90px;
    }

    #wish_items .cart-row {
        flex-direction: column;
        padding: 8px;
    }

    #wish_items .tp-cart-price {
        width: 80px;
    }

    #wish_items .col-product {
        gap: 60px;
        justify-content: space-between;
        width: 100%;
    }

    #wish_items .phold {
        width: 100px;
    }

    #wish_items .qty-holder {
        display: flex;
        flex-direction: row;
        width: 100%;
        gap: 60px;
    }

    #wish_items .tp-cart-action {
        border: 1px solid rgba(0, 0, 0, 0.11);
        padding: 8px 16px;
        border-radius: 4px;
    }
}

@media (max-width: 991px) {
    #wish_items .cart-row {
        padding: 8px 0;
        border: none;
    }
}

@media (max-width: 575px) {
    #wish_items .col-product {
        gap: 5px;
    }

    #wish_items .qty-holder {
        gap: 15px;
    }

    #wish_items .phold {
        width: 60px;
    }
}

/* CONTACT
====================== */
body.b2b .bg-img {
    top: 125px;
}

.tp-contact-area {
    padding-top: 200px;
    padding-bottom: 3rem;
}

.tp-contact-input-box:not(:last-child) {
    margin-bottom: 18px;
}

.tp-contact-info-content div {
    font-size: 18px;
}

.tp-contact-info-content div:not(:last-of-type) {
    margin-bottom: 15px;
}

/* B2B
====================== */
.b2b-slider {
    padding: 2rem 3rem 0;
}

.b2b-slider .swiper {
    border-radius: 16px;
}

.b2b-slider .swiper .swiper-slide {
    height: calc(100vh - 156px);
}

.category-container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}

.cat-item {
    border: 1px solid #AAAAAA;
    border-radius: 16px;
}

.cat-item-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cat-item img {
    width: 180px;
    height: 180px;
    border-radius: 12px;
}

.cat-title {
    font-weight: 500;
    font-size: 24px;
    margin-top: 24px;
}

.upper-b2b {
    background-color: #F0F0F0;
}

.upper-b2b .cta {
    font-weight: 700;
}

.lower-b2b {
    background-color: #F8F8F8;
    border-bottom: 1px solid #0000002B;
}

.lower-b2b > .d-flex {
    gap: 16px;
}

.b2b-db-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    border: 1px solid #A6A6A6;
    border-radius: 8px;
    padding: 8px 12px;
    box-shadow: 0px 4px 31px 0px #0000001C;
}

@media (max-width: 991px) {
    .b2b-slider .swiper .swiper-slide {
        height: calc(100vh - 113px);
    }
}

@media (max-width: 767px) {
    .b2b-slider {
        padding: 2rem 1rem 0;
    }

    .b2b-slider .swiper .swiper-slide {
        height: calc(100vh - 105px);
    }
}

@media (max-width: 575px) {
    .b2b-slider .swiper .swiper-slide {
        height: 400px;
    }

    .b2b-db-btn {
        padding: 6px;
    }
}

/* CATEGORY PAGE
====================== */
.banner-img {
    width: 100%;
    max-height: 320px;
    object-fit: cover;
}

.prod-row {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
}

.prod-link::after {
    content: " ";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.prod-cat-img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prod-cat-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: var(--white);
    font-weight: 700;
    font-size: 16px;
    z-index: 1;
    padding: 12px 16px;
    background-color: rgba(0, 0, 0, .25);
    transition: .2s ease-in-out;
}


body.moto .prod-link:hover .prod-cat-title {
    color: var(--motoPrimaryColor);
}

body.bike .prod-link:hover .prod-cat-title {
    color: var(--bikePrimaryColor);
}

@media (max-width: 1199px) {
    .prod-row {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .prod-row {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .prod-row {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* BRANDS PAGE
====================== */
.brands-page {
    min-height: 270px;
}

.brand-filters {
    display: flex;
    gap: 12px;
    list-style: none;
}

.brand-filter-btn {
    border: 1px solid;
    padding: 8px 16px;
}

body.moto .brand-filter-btn {
    border-color: rgba(237, 65, 36, .25);
}

body.bike .brand-filter-btn {
    border-color: rgba(0, 55, 236, .3);
}

.brand-list {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(100px, 120px));
    grid-auto-rows: 1fr;
    justify-items: center;
}

.brand-list-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 4px 16px;
    border-radius: 4px;
    border: 1px solid rgba(128, 128, 128, .15);
}

.brand-image-container {
    width: 100px;
    height: 100px;
}

.brand-logo {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

.brand-list-title {
    text-align: center;
    margin-top: 8px;
}