/* GENERIC */
body {overflow-x: hidden;}
#content {padding: 0 var(--space);}
.underlined, .underlined-sm, .blog_post u {position: relative; padding-bottom: 10px; margin-bottom: 15px; text-decoration: none; display: inline-block;}
.underlined::after, .underlined-sm::after, .blog_post u::after {content: ''; display: block; width: 60px; height: 3px; background-color: #DB213E; position: absolute; bottom: -3px; left: 0;}
.underlined-sm::after {width: 30px;}
.underlined.underlined-center::after, .blog_post u::after {width: 90px; left: 50%; left: calc(50% - 45px);}
.underlined-sm.underlined-center::after {width: 30px; left: 50%; left: calc(50% - 15px);}
img {display: inline-block;}
.amount {font-weight: bold; color: #101010;}
.amount_before {color: gray; font-weight: bold; text-decoration-line: line-through;}
.module-wrapper {display: flex; flex-direction: column;}
.blog_item .blog_stats {display: none !important;}
.icon-home {font-size: 0; background: url(../images/home.svg) no-repeat center / auto 20px; text-align: center; opacity: 0.8;}
.icon-user {font-size: 0; background: url(../images/user.svg) no-repeat center / auto 20px; text-align: center; opacity: 0.8;}
.icon-heart {font-size: 0; background: url(../images/heart.svg) no-repeat center / auto 17px; text-align: center; opacity: 0.8;}
.icon-phone {font-size: 0; background: url(../images/phone-call.svg) no-repeat center / auto 18px; text-align: center; opacity: 0.8;}
.form-label {color: #272727; font-weight: bold;}
.form-check-input[type="checkbox"]:after, .form-check-input[type="radio"]:after {/* display: block; *//* content: ''; */width: 20px;height: 20px; border: 1px solid #E1E1E1; background-color: #F8F8F8;position: absolute; border-radius: 3px; top: 0px; left: 0; cursor: pointer;}
.form-check-input[type="checkbox"]:checked:after, .form-check-input[type="radio"]:checked:after {background-color: #DB213E;}
@media (max-width: 1023px) {
    .underlined::after, .underlined-sm::after {width: 90px; left: 50%; left: calc(50% - 45px);}
    .underlined-sm::after {width: 30px; left: 50%; left: calc(50% - 15px);}
}

.generic-button {background: #F4F4F4; color: #DB213E; position: relative; border-radius: 3px; border: 1px solid #E1E1E1; font-weight: bold; transition: 200ms ease-in-out; transition: 200ms ease-in-out; min-height: unset; padding: 15px var(--space);}
.generic-button:hover {background: #DB213E; color: #fff; border-color: #E1E1E1;}

.breadcrumb-item {font-size: 13px;}
.breadcrumb-item[aria-current=page] {color: #DB213E;}
.breadcrumb-item + .breadcrumb-item::before {content: '›';}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {color:#101010;}

/* HEADER */
#header-main {height: 100px;}
#header-search-wrapper {display: none;}
body.common_home #header-search-wrapper {display: block;}
body.common_home.search_topped #header-search-wrapper > div {opacity: 0;}
.header-tool-btn {width: 2.5rem; height: 2.5rem; display: inline-block; position: relative; font-size: 0; transition: 300ms all;}
.header-tool-btn:hover {filter: invert(17%) sepia(76%) saturate(3000%) hue-rotate(336deg) brightness(100%) contrast(97%);}
.counter {position: absolute; top: -5px; right: -5px; background-color: #fff; color: #272727; border: 1px solid #DB213E; padding: 5px 6px; line-height: 60%; border-radius: 100%; min-width: 20px; height: 20px;}
#wish-btn .counter[data-has-total="0"] {display: none;}
#user-btn {background: url('../images/user.svg') no-repeat center / auto 20px;}
#wish-btn {background: url('../images/heart.svg')  no-repeat center / auto 17px;}
#cart-btn {background: url('../images/shopping-cart.svg')  no-repeat center;}
.header-main-block-icon .ho-total-counter {top: 40%; right: -20%;color: #808080; background: transparent;}
.language-wrapper .btn {min-height: unset;height: 100%;color: #fff;border: none;display: flex;align-items: center;gap: 0;font-size: 0.75rem;text-decoration: none;background: none;}
.language-wrapper>div, .language-wrapper>div>form,.language-wrapper>div>form>div {height: 100%;}
.language-wrapper .btn::after {display: inline-block;margin-left: 1em;vertical-align: 0.375em;content: "";border-top: 0.3em solid;border-right: 0.3em solid transparent;border-bottom: 0;border-left: 0.3em solid transparent;color: #ffffff;}
.language-wrapper .btn img {width: 1rem;margin-right: .5rem;}
.language-wrapper .dropdown-item img {float: left; position: relative; top: 4px; margin-right: 10px;}
#bottom-tool .language-wrapper>div {float: none !important; margin: 0 auto; height: 100%;}
#bottom-tool .language-wrapper form {height: 100%;}
body.menu-open #bottom-tool>div:first-child {display: none !important;}
body.menu-open #bottom-tool>div:last-child {display: block !important;}
body .header-search {display: none;}
#search {background-color: #fff;}
#search:hover input::placeholder {color: #808080;}
#search input, #search input::placeholder {color: #101010;font-weight: bold;font-size: 0.875rem;}
#menuBtn {overflow: hidden;}
@media (min-width: 1536px) {
    body.common_home.menu_topped .header-menu-wrap {margin-right: 0;}
    body.common_home.menu_topped #main_menu > div > a {padding-left: 1.5rem; padding-right: 1.5rem;}
    body .header-search {display: block;}
    body.common_home .header-search {display: none;}
    body.common_home.search_topped .header-search {display: block;}
}
@media (max-width: 1535px) {
    body .header-search-button-wrapper {display: inline-block !important;}
    body.common_home .header-search-button-wrapper {display: none !important;}
    body.scrolled:not(.menu-open) .header-inner>.header-search-button-wrapper {order: 1;}
    body.common_home.scrolled:not(.menu-open) .header-search-button-wrapper {display: inline-block !important;}
    body .header-search {position: fixed; top: 120px; width: 100%; left: 0; padding: 10px; box-sizing: border-box; background-color: #fff; border-bottom: 1px solid #ccc; box-shadow: -1px 5px 5px rgb(0 0 0 / 20%);}
    body.scrolled .header-search {top: 100px;}
	#search .select-categories-header-search {display: none !important;}
}
@media (max-width: 1023px) {
    #header-main {height: 80px;}
    body.scrolled:not(.menu-open) #header-main {height: 65px;}
    body.scrolled:not(.menu-open) .header-logo img {max-height: 40px; width: auto;}
    body.scrolled:not(.menu-open) .header-inner>div {order: 2;}
    body.scrolled:not(.menu-open) .header-logo {text-align: center;}
    body.menu-open #top-info {display: none !important;}
    body.menu-open #header-main {top: 0 !important;}
    body.menu-open #main-menu {padding-bottom: 80px; width: 90vw;}
    body.menu-open #bottom-tool {width: 90vw;}
    body.menu-open #main-menu>li>ul.mega-menu {width: 90vw;}
    body.menu-open #menuBtn {background-color: #DB213E;}
    body.menu-open #menuBtn object {filter: brightness(0) invert(1) !important;}
    body.scrolled .header-search {top: 65px;}
}

/* Footer */
@media (max-width: 1023px) {
    .footer-bottom {padding-bottom: 70px !important;}
    footer .underlined::after {display: none !important;}
    footer .dropdown.underlined {padding-bottom: 0;}
    footer .dropdown::after {content: '\f107'; font-family: 'Font Awesome 5 Pro'; right: var(--space); bottom: 10px; width: 10px; height: auto; background-color: transparent; color: #DB213E; display: inline; position: absolute; left: auto;}
    .dropdown + * {display: none;}
}

/* HOME */
.home-main-slider {background-color: #F4F4F4; padding: 0 var(--space); margin: 0 var(--space-negative);}
#header-search-wrapper {background-color: #F4F4F4; margin: 0 0; padding: 0 var(--space);}
@media (min-width: 1024px) {
    .home-main-slider .swiper-slide {min-height: 47vw;}
}

/* Slider */
.swiper-pagination.swiper-pagination-bullets {justify-content: center; padding: 40px 0px 80px 0;}
.swiper-pagination-bullets .swiper-pagination-bullet {width: 30px; height: 6px; border-radius: 3px; opacity: 1; background-color: #101010; opacity: 0.3;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #101010 !important; opacity: 1 !important;}
/* .home-main-slider .slideshow-slide-wrapper::after {content: ''; display: block; pointer-events:none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: transparent linear-gradient(90deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;} */
.home-main-slider .swiper-pagination-bullets .swiper-pagination-bullet {background-color: #fff; opacity: 0.3;}
.home-main-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff !important;}
.home-main-slider .swiper-pagination.swiper-pagination-bullets {justify-content: start; padding: 0 var(--space);}
.home-main-slider .slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper {position: absolute; z-index: 1; padding: var(--space-double);}
.slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper .slideshow-slide-caption-container .slideshow-slide-title,
.slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper .slideshow-slide-caption-container .slideshow-slide-subtitle,
.slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper .slideshow-slide-caption-container .slideshow-slide-hypertitle {color: #fff;}

.slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper .slideshow-slide-caption-container {max-width: 500px;}
.slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper .slideshow-slide-caption-container .slideshow-slide-title {font-size: 46px; line-height: 56px; font-weight: bold;     margin: var(--space) 0;}
.slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper .slideshow-slide-caption-container .slideshow-slide-subtitle {font-size: 18px; line-height: 25px;}
.slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper .slideshow-slide-caption-container .slideshow-slide-hypertitle {font-size: 14px; line-height: 17px; background-color: #DB213E; color: #fff; display: inline-block; padding: 12px; border-radius: 3px; width: auto; border: none;}
.slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper .slideshow-slide-caption-container .slideshow-slide-button-container a {font-size: 12px; line-height: 15px; letter-spacing: 2.4px; background-color: #fff; color: #101010; position: relative; font-weight: bold; border-radius: 3px; border: none; transition: 200ms ease-in-out;}
.slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper .slideshow-slide-caption-container .slideshow-slide-button-container a::after {content: '\f054'; font-family: 'Font Awesome 5 Pro'; margin-left: var(--space-double);}
.slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper .slideshow-slide-caption-container .slideshow-slide-button-container a:hover {background-color: #DB213E; color: #fff;}
.arrow-nav-wrapper .swiper-button-next, .arrow-nav-wrapper .swiper-button-prev {display: none !important; width: 0; height: 0;}
@media (max-width: 1023px) {
    .swiper-navigation .swiper-button-next::before, 
    .swiper-navigation .swiper-button-prev::before, 
    .swiper-navigation .swiper-button-next:hover::before, 
    .swiper-navigation .swiper-button-prev:hover::before {box-shadow: 0 0 1px 1px #ccc;}
}

.light.swiper-navigation {width: calc(100% + var(--space-double)); left: var(--space-negative);}
.light .swiper-button-next {top: 50%; right: 0px;}
.light .swiper-button-prev {top: 50%; left: 0px;}
.light .swiper-button-prev::before {border-color: #414042 !important; opacity: 1; border-width: 20px;}
.light .swiper-button-prev:hover::before {border-color: #fff !important; opacity: 1; border-width: 20px;}
.light .swiper-button-prev::after {left: 15px; color: #fff !important; font-size: 0.8rem; content: '\f053' !important; font-family: 'Font Awesome 5 Pro' !important;}
.light .swiper-button-prev:hover::after {color: #414042 !important;}
.light .swiper-button-next::before {border-color: #fff !important; opacity: 1; border-width: 20px;}
.light .swiper-button-next:hover::before {border-color: #DB213E !important; opacity: 1; border-width: 20px;}
.light .swiper-button-next::after {color: #DB213E !important; content: '\f054' !important; font-family: 'Font Awesome 5 Pro' !important;}
.light .swiper-button-next:hover::after {color: #fff !important;}
.light .swiper-button-next::after {right: 15px; font-size: 0.8rem;}

.home-main-slider .full-container {margin-left: 0; margin-right: 15px;}
.home-main-slider .slideshow-slide-wrapper {border-radius: 10px;}
@media (max-width: 1023px) {
    .home-main-slider .full-container {margin-right: 0px;}
    .home-main-slider .swiper-pagination.swiper-pagination-bullets {justify-content: center;}
    .home-main-slider .swiper-pagination-bullets .swiper-pagination-bullet {width: 30px; height: 6px; border-radius: 3px;}
    .slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper {justify-content: center;}
    .swiper-pagination.swiper-pagination-bullets {padding: 20px 0px 20px 0;}
    .slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper .slideshow-slide-caption-container .slideshow-slide-button-container {justify-content: center;}
    .slideshow-slide-caption-container {text-align: center;}
    .slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper .slideshow-slide-caption-container .slideshow-slide-hypertitle {margin: 0 auto;}
    .slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper {height: auto; bottom: 0;}

    .slideshow-wrapper .swiper-slide .slideshow-slide-caption-wrapper .slideshow-slide-caption-container .slideshow-slide-title {font-size: 32px; line-height: 39px;}

    .swiper-navigation .swiper-button-next, .swiper-navigation .swiper-button-prev {opacity: 1;}
    .swiper-navigation .swiper-button-prev {left: 5px;}
    .swiper-navigation .swiper-button-next {right: 5px;}
    .swiper-navigation .swiper-button-next::before, .swiper-navigation .swiper-button-prev::before,
    .swiper-navigation .swiper-button-next:hover::before, .swiper-navigation .swiper-button-prev:hover::before {border-color: #fff; opacity: 1; border-width: 20px;}
    .swiper-navigation .swiper-button-prev::after {content: '\f060'; font-family: 'Font Awesome 5 Pro'; color: #000; font-size: 18px; opacity: 1;}
    .swiper-navigation .swiper-button-next::after {content: '\f061'; font-family: 'Font Awesome 5 Pro'; color: #000; font-size: 18px; opacity: 1;}
}
.product-layout {overflow: hidden;}
.products-wrapper .product-layout {max-width: 300px; overflow: hidden;}
.swiper-navigation {width: 100%; max-width: 100vw; height: 100%; position: absolute; bottom: 0; left: 0; margin: 0; overflow: hidden;}
.swiper-container {overflow: hidden; max-width: 100%;}
.swiper-container-horizontal>.swiper-scrollbar {height: 3px;}
.swiper-scrollbar-drag {background-color: #000;}
.products-wrapper .swiper-button-prev, .products-wrapper .swiper-button-next {top: 30%;}
.swiper-button-prev {left: 0px; width: auto;}
.swiper-button-next {right: 0px; width: auto;}
.swiper-button-prev {opacity: 0.7;}
.swiper-button-prev::before {content: ''; display: block; z-index: -1; transform: rotate(225deg); width: 30px; height: 30px; border: 30px solid #808080; border-radius: 50%; border-bottom-color: transparent; border-left-color: transparent; position: absolute; left: 0; transition: 0.2s ease all;}
.swiper-button-prev::after {color: #fff; font-size: 20px; position: relative; left: 12px; opacity: 0.7; transition: 0.2s ease all;}
.swiper-button-next::before {content: ''; display: block; z-index: -1; transform: rotate(135deg); width: 30px; height: 30px; border: 30px solid black; border-radius: 50%; border-bottom-color: transparent; border-right-color: transparent; position: absolute; right: 0; transition: 0.2s ease all;}
.swiper-button-next::after {color: #fff; font-size: 20px; position: relative; right: 12px; transition: 0.2s ease all;}
.swiper-button-prev:hover::after {opacity: 1; color: #000;}
.swiper-button-next:hover::before {opacity: 1; border-top-color: #DB213E; border-left-color: #DB213E;}
@media (min-width: 1024px) {
    .products-wrapper .row:first-child>div {padding: 0 var(--space-double);}
    .products-wrapper .swiper-container {margin: 0 var(--space);}
    .products-wrapper .swiper-scrollbar {display: none;}
}
@media (max-width: 1023px) {
    .products-wrapper .swiper-pagination, .products-wrapper .swiper-navigation {display: none;}
    .products-wrapper .row>div {padding-left: 0; padding-right: 0;}
    .products-wrapper .swiper-container {padding: 0 var(--space);}
    body.common_home #special-wrapper .module-title {margin-top: 40px;}
}

/* Banners */
@media (min-width: 1024px) {
    .banner-container .banner-row .banner-col.col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.banner-container .banner-row .banner-col .banner-item {border-radius: 10px; overflow: hidden;}
.banner-container .banner-row .banner-col .banner-item .banner-caption {position: absolute; z-index: 1; max-width: 340px; color: #808080; top: auto; padding: 30px;}
.banner-container .banner-row .banner-col .banner-item .banner-hypertitle {font-size: 16px; line-height: 20px; font-weight: 800; color: #DB213E;}
.banner-container .banner-row .banner-col .banner-item .banner-title {font-size: 24px; line-height: 29px; font-weight: bold; letter-spacing: 0; margin-bottom: 30px; position: relative; color: #101010;}
.banner-container .banner-row .banner-col .banner-item .banner-title::after {content: ''; display: block; width: 60px; height: 3px; background-color: #DB213E; position: absolute; bottom: -15px; left: 0;}
.banner-container .banner-row .banner-col .banner-item .banner-subtitle {color: #808080; font-size: 14px; line-height: 20px; font-weight: normal; letter-spacing: 0;}
.banner-container .banner-row .banner-col .banner-item .banner-readmore .generic-button {font-size: 10px; line-height: 12px; letter-spacing: 2px; background: #F4F4F4; color: #DB213E; position: relative; font-weight: 400; border-radius: 3px; border: none; transition: 200ms ease-in-out; transition: 200ms ease-in-out; min-height: unset; padding: 15px var(--space); margin-top: 15px;}
.banner-container .banner-row .banner-col .banner-item .banner-readmore .generic-button::after {content: '\f054'; font-family: 'Font Awesome 5 Pro'; margin-left: 10px;}
.banner-container .banner-row .banner-col .banner-item .banner-readmore .generic-button:hover {background-color: #DB213E; color: #fff;}

.home-main-slider>div:nth-child(2) .banner-container, .home-main-slider>div:nth-child(2) .module-container, .home-main-slider>div:nth-child(2) .module-container>div {height: 100%;}
.home-main-slider>div:nth-child(2) .banner-item {margin-bottom: auto !important; height: calc(50% - 7.5px);}
.home-main-slider>div:nth-child(2) .banner-item:first-child {margin-bottom: 15px !important;}
.home-main-slider .swiper-container {border-radius: 10px;}
.home-main-slider .banner-container .banner-row .banner-col .banner-item:nth-child(1) {border-radius: 10px; overflow: hidden;}
/* .home-main-slider .banner-container .banner-row .banner-col .banner-item:nth-child(1)::after {content: ''; display: block; pointer-events:none; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background: transparent linear-gradient(90deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;} */
.home-main-slider .banner-container .banner-row .banner-col .banner-item .banner-caption {position: absolute; z-index: 1; max-width: 300px; color: #fff; top: auto; padding: 30px;}
.home-main-slider .banner-container .banner-row .banner-col .banner-item:nth-child(1) .banner-hypertitle {color: #fff; font-size: 16px; line-height: 19px; font-weight: 800; color: #DB213E;}
.home-main-slider .banner-container .banner-row .banner-col .banner-item:nth-child(1) .banner-title {color: #fff; font-size: 32px; line-height: 39px; font-weight: bold; letter-spacing: 0; margin-bottom: 30px; position: relative;}
.home-main-slider .banner-container .banner-row .banner-col .banner-item:nth-child(1) .banner-title::after {content: ''; display: block; width: 60px; height: 3px; background-color: #DB213E; position: absolute; bottom: -15px; left: 0;}
.home-main-slider .banner-container .banner-row .banner-col .banner-item:nth-child(1) .banner-subtitle {color: #fff; font-size: 14px; line-height: 20px; font-weight: normal; letter-spacing: 0;}
.home-main-slider .banner-container .banner-row .banner-col .banner-item:nth-child(1) .banner-readmore .generic-button {font-size: 10px; line-height: 12px; letter-spacing: 2px; background: rgba(255,255,255,0.2); color: #fff; position: relative; font-weight: bold; border-radius: 3px; border: none; transition: 200ms ease-in-out; transition: 200ms ease-in-out; min-height: unset; padding: 15px var(--space); margin-top: 15px;}
.home-main-slider .banner-container .banner-row .banner-col .banner-item:nth-child(1) .banner-readmore .generic-button::after {content: '\f054'; font-family: 'Font Awesome 5 Pro'; margin-left: 10px;}
.banner-container .banner-row .banner-col .banner-item:nth-child(1) .banner-readmore .generic-button:hover {background-color: #DB213E; color: #fff;}
@media (max-width: 1023px) {
    .home-main-slider .banner-container .banner-row .banner-col .banner-caption {top: auto !important;}
    .swiper-pagination-bullets .swiper-pagination-bullet {width: 8px; height: 8px; border-radius: 8px;}
    .banner-container .banner-row .banner-col .banner-item .banner-readmore {margin-top: 0;}
    .banner-container .banner-row .banner-col .banner-item .banner-readmore .generic-button {background-color: #DB213E; color: #fff; width: 100%; justify-content: space-between;}
}

/* Modules */
.module-title {color: #101010; font-size: 1.75rem; text-align: center; margin: 70px 0 15px 0; font-weight: 800; letter-spacing: 0px;}
.module-subtitle {color: #808080; font-size: 0.875rem; font-weight: normal; line-height: 1rem; text-align: center; margin: 15px 0 var(--space-double) 0;}

.products-wrapper .module-title {font-size: 32px; text-align: left; justify-content: start;}
.products-wrapper .module-subtitle {text-align: left;}
.products-wrapper .container {padding-left: 0; padding-right: 0;}

@media (max-width: 1023px) {
    .module-title {text-align: center; justify-content: center; margin: 60px 0 15px 0; font-size: 1.5rem;}
    .module-subtitle {text-align: center; justify-content: center;}
    .products-wrapper .module-title {text-align: center; justify-content: center; font-size: 22px;}
    .products-wrapper .module-subtitle {text-align: center; justify-content: center; max-width: 230px; margin-left: auto; margin-right: auto;}
    .products-wrapper .swiper-wrapper {padding-bottom: 25px;}
    .products-wrapper .container {max-width: none; width: 100%; padding: 0;}
}

/* Promo categories */
.promo-categories {background-color: #F4F4F4; background: linear-gradient(180deg, #F4F4F4 65%, #fff 35%);}
.promo-categories .swiper-button-disabled {display: none;}
.promo-categories.banner-container .module-container {max-width: none; width: 100%; overflow: hidden;}
.promo-categories.banner-container .banner-row .banner-col .banner-item .banner-caption {max-width: none; margin: var(--space) 10px var(--space) var(--space); padding: 0; top: auto !important;}
.promo-categories.banner-container .banner-row .banner-col .banner-item .banner-caption::after {content: ''; display: block; width: 10px; height: 100%; background-color: #DB213E; position: absolute; top: 0px; left: var(--space-negative);}
.promo-categories.banner-container .banner-row .banner-col .banner-item .banner-caption .banner-title {color: #fff; font-size: 28px; line-height: 34px; margin-bottom: 15px;}
.promo-categories.banner-container .banner-row .banner-col .banner-item .banner-caption .banner-title::after {display: none;}
.promo-categories.banner-container .banner-row .banner-col .banner-item .banner-subtitle {color: #fff;}
.promo-categories.banner-container .banner-row .banner-col .banner-item .banner-readmore .generic-button {display: none;}
.promo-categories.banner-container .banner-row .banner-col .banner-item::after {content: ''; display: block; background: none; height: 50%; position: absolute; width: 100%; bottom: 0;}
.promo-categories.banner-container .banner-row .banner-col .banner-item:hover::after {background: transparent linear-gradient(180deg, #00000000 0%, #DB213E 100%) 0% 0% no-repeat padding-box;}
.promo-categories.banner-container .banner-row .banner-col .banner-item:hover .banner-caption::after {background-color: #fff; transition: 300ms ease-in;}
.promo-categories.banner-container .banner-row .banner-col .banner-item:hover .banner-caption {margin-bottom: 60px; transition: 300ms ease-in;}
.promo-categories.banner-container .banner-row .banner-col .banner-item .banner-readmore {margin-top: 0;}
.promo-categories.banner-container  .banner-row .banner-col .banner-item:hover .banner-readmore .generic-button {display: block; position: absolute; bottom: -50px; right: 0px; background-color: transparent; padding: 10px; color: #fff; font-weight: normal; font-size: 12px; transition: 300ms ease-in;}
.promo-categories.banner-container  .banner-row .banner-col .banner-item .banner-readmore .generic-button::after {color: #101010; background-color: #fff; width:20px; height: 20px; padding: 0 8px; line-height: 20px; font-size: 10px; border-radius: 100%; display: inline-block;}
.promo-categories.banner-container  .banner-row .banner-col .banner-item:hover .banner-image img {transform: scale(1.2); transition: 300ms ease-in;}
.promo-categories.mobile.banner-container {padding: 0;}
@media (min-width: 1024px) {
    .promo-categories .swiper-pagination.swiper-pagination-bullets {display: none;}
	.promo-categories .swiper-wrapper {margin: 0 auto;}
	.promo-categories .swiper-slide {width: calc(20% - 12.5px) !important;}
}
@media (max-width: 1023px) {
    .promo-categories.banner-container .banner-row .banner-col .banner-item {margin-bottom: 0;}
    .promo-categories.banner-container .swiper-slide {max-width: 350px; width: 100%;}
    .promo-categories.banner-container .banner-row>div {padding-left: 0; padding-right: 0;}
    .promo-categories.banner-container .banner-row .swiper-container {padding: 0 var(--space);}
}

/* Promo products */
.promo-products {margin-top: 70px;}
.promo-products .swiper-navigation {display: none;}
.promo-products .swiper-pagination {margin-top: -30px;}
.promo-products.banner-container .banner-row .banner-col .banner-item {position: relative; overflow: visible; width: 450px; max-width: 100%; margin: 0 auto;}
.promo-products.banner-container .banner-row .banner-col .banner-item .banner-caption {background-color: #fff; border-radius: 10px; box-shadow: 1px 1px 2rem rgb(0 0 0 / 15%); position: static; float: left; display: flex; flex-flow: column; max-width: none; padding-top: 150px; margin-top: 150px; margin-bottom: 30px; align-items: center;}
.promo-products.banner-container .banner-row .banner-col .banner-item .banner-caption>* {order: 2; max-width: 360px;}
.promo-products.banner-container .banner-row .banner-col .banner-item .banner-image {position: absolute; top: 0vw; z-index: 2; width: 100%; text-align: center;} 
.promo-products.banner-container .banner-row .banner-col .banner-item .banner-image img {object-fit: unset; margin: 0 auto; height: auto; max-width: 300px; margin: 0 auto;} 
body.common_home .promo-products::before {content: ''; display: block; width: 100%; height: 45%; position: absolute; left: 0; top: 250px; z-index: -1; background: #000;}
body.common_home .promo-products::after {content: ''; display: block; width: 100%; height: 55%; position: absolute; left: 0; top: 210px; z-index: -1; background: transparent url('../images/promo-products.png') no-repeat -150px center / auto  100%;}
.promo-products.banner-container .banner-row .banner-col .banner-item .banner-title {font-size: 38px; line-height: 46px; font-weight: 800; letter-spacing: 0; order: 1;}
/* .promo-products.banner-container .banner-row .banner-col .banner-item .banner-title::before {content: 'GearUp'; display: block; color: #DB213E; font-size: 18px; font-weight: 800;} */
.promo-products.banner-container .banner-row .banner-col .banner-item .banner-title::after {display: none;}
.banner-container .banner-row .banner-col .banner-item .banner-hypertitle {order: 1; margin-bottom: 30px;}
.promo-products.banner-container .banner-row .banner-col .banner-item .banner-subtitle ol  {}
.promo-products.banner-container .banner-row .banner-col .banner-item .banner-subtitle li::before {content: "\2022"; color: #DB213E; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; font-size: 20px;}
@media (min-width: 1024px) {
    .promo-products .swiper-pagination {opacity: 0; pointer-events: none;}
}
@media (max-width: 1023px) {
    body.common_home .promo-products::after {display: none;}
    .promo-products .swiper-navigation {display: block;}
    .promo-products.banner-container .banner-row .banner-col .banner-item .banner-image img {max-width: 200px;}
    .promo-products.banner-container .banner-row .banner-col .banner-item .banner-caption {padding-top: 100px; margin-top: 100px;}
    body.common_home .promo-products::before {top: 135px; height: 60%; box-shadow: 0px 5px 60px rgb(0 0 0 / 50%);}
}

/* Category Bundles */
.product-bundles-pr-all {background: #F8F8F8 url('/../../../../../image/catalog/banners/product-tabs-bg-landing-page.png') no-repeat center right/auto 100% ; border-radius: 10px;}
body.common_home .product-bundles-pr-all {background: #F8F8F8 url('/../../../../../image/catalog/banners/product-tabs-bg.webp') no-repeat center right/auto 100%;}
.product-bundles-wrapper {padding-top: 8rem;padding-bottom: 3rem;}
.product-bundles-pr-title {position: relative;}
.product-bundles-pr-title h4 {color: #101010; font-weight: 800; font-size: 2.625rem; letter-spacing: 0px; position: relative; z-index: 2; line-height: 3rem;}
.product-bundles-pr-title .icon {content: ''; display: block; width: 120px; height: 120px; background: #fff url('../images/box.svg') no-repeat center; padding: 36px; box-shadow: 0px 3px 25px #0000001A; position: absolute; border-radius: 100%; z-index: 1; top: -90px;}
.product-bundles-pr-title h2 {font-size: 1.125rem; line-height: 1.563rem; font-weight: normal; margin-top: 30px; margin-bottom: 20px; max-width: 350px;}
.product-bundles-pr-all .nav-tabs {margin-top: 40px; justify-content: start; flex-direction: column; border-bottom: none;}
.product-bundles-pr-all .nav-link {margin-bottom: 5px; background-color: #fff; color: #101010; font-weight: bold; border-radius: 3px; border: 1px solid #E1E1E1; display: flex; align-items: center; justify-content: space-between; max-width: 300px; opacity: 1;}
.product-bundles-pr-all .nav-tabs .nav-link:hover {color: #DB213E;}
.product-bundles-pr-all .nav-tabs .nav-link.active {background-color: #DB213E; color: #fff; border-bottom-color: #E1E1E1;}
.product-bundles-pr-all .bundle-mid.row {margin-left: -10px; margin-right: -10px;}
.product-bundles-pr-all .bundle-mid.row>div {padding-left: 0; margin: 0;}
.bundle-category-right-block>div {margin: 0;}
.product-bundles-pr-all .bundle-top-row h3 {font-weight: bold; color: #101010; font-size: 1.5rem; margin-top: 10px; font-weight: 800;}
.product-bundles-pr-all .bundle-top-row p {color: #808080; font-size: 0.875rem; letter-spacing: 0px; line-height: 1.5rem;}
.product-bundles-pr-all .bundle-mid-outter hr {color: #000; margin: 15px 0; border-top: 1px solid #000;}
.product-bundles-pr-all .bundle-bottom-row {margin-top: 15px;}
.product-bundles-pr-all .prices-container .initial span {color: #101010; font-weight: bold; font-size: 10px; letter-spacing: 0; display: block;}
.product-bundles-pr-all .prices-container .initial p {color: #101010; font-weight: 800; font-size: 20px; line-height: 24px; letter-spacing: 0; display: inline-block;}
.product-bundles-pr-all .prices-container .final span {color: #DB213E; font-weight: bold; font-size: 10px; letter-spacing: 0; display: block;}
.product-bundles-pr-all .prices-container .final p {color: #DB213E; font-weight: 800; font-size: 20px; line-height: 24px; letter-spacing: 0; display: inline-block;}
.product-bundles-pr-all .prices-container span.discount-badge {padding: 5px; background-color: #DB213E; color: #fff; border-radius: 18px; display: inline-block; min-width: 40px; text-align: center; position: relative; top: -5px;}
.product-bundles-pr-all .bundle-bottom-wrap {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.product-bundles-pr-all .prices-container {display: flex; align-items: center; justify-content: start; column-gap: 70px;}
.product-bundles-pr-all .readmore-bundle-2 {background-color: #101010; color: #fff; border-radius: 3px; padding: 15px var(--space); font-size: 0.75rem; line-height: 1rem; letter-spacing: 2.4px; display: flex; align-items: center; justify-content: space-between; transition: 300ms ease-in-out;}
.product-bundles-pr-all .readmore-bundle-2:hover {background-color: #DB213E; color: #fff;}
@media (max-width: 1023px) {
    .product-bundles-pr-all, body.common_home .product-bundles-pr-all {background-image: none; border-radius: 0; margin: 0 var(--space-negative);}
    #product-category .product-bundles-pr-all {margin: 0;}
    .product-bundles-pr-title h4 {font-size: 2rem;}
    .product-bundles-pr-title h2 {margin-left: auto; margin-right: auto;}
    .product-bundles-pr-heading {text-align: center;}
    .product-bundles-pr-title .icon {width: 90px; height: 90px; left: 50%; left: calc(50% - 45px); top: -70px;}
    .product-bundles-wrapper {padding-top: 90px;}
    .product-bundles-pr-all .nav-item {width: auto;}
    .product-bundles-pr-all .nav-link {display: inline-flex; border-radius: 30px;}
    .product-bundles-pr-all .nav-tabs i {display: none;}
    .product-bundles-pr-all .nav-tabs {flex-direction: row; justify-content: flex-start; column-gap: 10px;}
    .product-bundles-pr-all .bundle-top-row h3 {text-align: center; color: #DB213E; font-size: 22px; margin-bottom: 10px;}
    .product-bundles-pr-all .bundle-top-row p {text-align: center; padding: 0 50xp;}
    .product-bundles-pr-all .prices-container {justify-content: space-evenly;}
    .product-bundles-pr-all .bundle-bottom-wrap {row-gap: 20px;}
    .product-bundles-pr-all .bundle-bottom-wrap>* {flex-grow: 1;}
    #bundle_page_banner {margin-left: var(--space-negative); margin-right: var(--space-negative); border-radius: 0;}
}

/* Latest Articles */
.blog-grid .container {max-width: 1900px;}
.blog-grid .swiper-wrapper {flex-wrap: wrap;}
.blog-grid .module-title>* {display: none !important;}
.blog-grid .blog_item {border-radius: 10px; overflow: hidden;}
.blog-grid .blog_item .summary {position: relative;}
.blog-grid .blog_item .blog_caption {position: absolute; bottom: 0px; display: flex; flex-direction: column; justify-content: center; align-content: center; width: 100%; transition: 300ms ease-in-out;}
.blog-grid .blog_item .blog_read-more-container {position: absolute; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-content: center; width: 100%;}
.blog-grid .blog_item .blog_title {border-bottom: none; margin: 10px auto;}
.blog-grid .blog_item .blog_title a {font-weight: bold; font-size: 2.25rem; letter-spacing: 0; color: #fff;}
.blog-grid .blog_item .blog_description {font-size: 0.875rem; letter-spacing: 0; color: #fff; opacity: 0.8; margin: 15px 0 var(--space-double) 0;}
.blog-grid .blog_item .blog_description::after {content: ''; display: block; width: 60px; height: 3px; background-color: #DB213E; position: static;     margin: var(--space) auto;}
.blog-grid .blog_item .image {overflow: hidden; border-radius: 10px; display: block; position: relative;}
.blog-grid .blog_item .image::after {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0.8995973389355743) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8939950980392157) 100%);}
.blog-grid .blog_item .image img {transition: 300ms ease-in-out;}
.blog-grid .blog_item:hover .image img {transform: scale(1.2);}
.blog-grid .blog_item:hover .blog_caption {bottom: 40px;}
.blog-grid .blog_item .blog_read-more {color: #fff; background: transparent; border: none; font-size: 0.75rem; font-weight: normal;}
.blog-grid .blog_item .blog_read-more:hover {background-color: transparent;}
.blog-grid .blog_item .blog_read-more i {background-color: #fff; color: #000; border-radius: 100%; padding: 6px 8px; font-size: 0.6rem; width: 20px; height: 20px;}
.blog-grid .blog_item .blog_read-more-container {height: 0; overflow: hidden; transition: 500ms ease-in-out;}
.blog-grid .blog_item:hover .blog_read-more-container {height: auto;}

.latest-articles-services {background: url(../images/icon-gray-bg.jpg) no-repeat bottom center / auto 90%;}
.latest-articles-services .module-title {text-align: center;}
.latest-articles-services .module-title>a {display: none;}
.latest-articles-services .blog_title {display: none;}
.latest-articles-services .blog-category-description {text-align: center; color: #808080; font-size: 0.875rem; line-height: 1rem; letter-spacing: 0; margin: 15px 0 var(--space-double) 0;}
.latest-articles-services .blog_description {color: #101010; font-size: 1rem; font-weight: bold;; line-height: 1.563rem; letter-spacing: 0; min-height: 100px;}
.latest-articles-services .image img {box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 15%); border-radius: 10px; display: block;}
@media (max-width: 1023px) {
    .latest-articles-services .blog_item {margin-bottom: 40px;}
    .blog-module .module-title {font-size: 1.75rem;}
    .blog-grid .module-title {margin: 15px 0 15px 0;}
    .blog-module .generic-button {background-color: #DB213E; color: #fff;}
    .blog-module .generic-button i {display: none;}
    .latest-articles-services {background-position: top center; background-size: 100% auto; margin-top: 40px;}
    .blog-grid .blog-grid-wrapper .blog_item .blog_description {margin-bottom: 0px;}
    .blog-grid .blog-grid-wrapper .blog_item .blog_caption {bottom: 40px;}
    .blog-grid .blog-grid-wrapper .blog_item .blog_read-more-container {height: auto;}
    .blog-grid .blog-grid-wrapper .blog_item .blog_read-more i {display: inline;}
}
@media (max-width: 768px) {
    .blog-grid .blog-grid-wrapper .blog_item .image img {object-fit: cover; width: 100%; height: 120vw; display: block;}
}

/* Instragram Feed */
#insta-feed {/* background-color: #101010; */ color: #fff; margin-left: var(--space-negative); margin-right: var(--space-negative); padding-bottom: 80px; padding-top: 1px;}
#insta-feed .swiper-container {margin: 0;}
#insta-feed .module-title, #insta-feed .main_descriptioner {color: #fff;}
#insta-feed .module-title i  {display: inline-block; background-color: rgba(255,255,255,0.4); padding: var(--space); border-radius: 100%;}
#insta-feed .main_descriptioner  {text-align: center; color:#DB213E; margin-bottom: 40px;}
@media (max-width: 1023px) {
    #insta-feed .insta-feed-container {padding-left: 0; padding-right: 0;}
    #insta-feed .swiper-wrapper {padding: 0 var(--space);}
    #insta-feed .swiper-navigation {display: none;}
}

/* Newsletter */
.container-fluid #newsletter, .container #newsletter {margin-left: var(--space-negative); margin-right: var(--space-negative);}
#newsletter {position: relative;}
#newsletter::before {content: ''; display: block; width: 100%; height: 50%; background-color: transparent; position: absolute; top: 0; left: 0; z-index: 0;}
body.common_home #newsletter::before {background-color: #101010;}
#newsletter::after {content: ''; display: block; width: 100%; height: 50%; background-color: #F4F4F4; position: absolute; top: 50%; left: 0; z-index: 0;}
.newsletter-inner {box-shadow: 0px 4px 10px rgb(0 0 0 / 15%); position: relative; z-index: 1;}

/* Info Banners */
.info-banners {margin-top: 120px;}
.info-banners.banner-container>.container {max-width: none;}
.info-banners.banner-container .banner-row .banner-col .banner-item {background: #F4F4F4; padding: 25px; display: flex; flex-direction: row; justify-content: start; align-items: center; column-gap: 25px;}
.info-banners.banner-container .banner-row .banner-col .banner-item .banner-image {width: 100%; max-width: 46px; flex: unset;}
.info-banners.banner-container .banner-row .banner-col .banner-item .banner-caption {flex-grow: 1; position: static; padding: 0;}
.info-banners.banner-container .banner-row .banner-col .banner-item .banner-title {font-size: 13px; line-height: 20px; margin-bottom: 0; text-align: left;}
.info-banners.banner-container .banner-row .banner-col .banner-item .banner-title::after {display: none; font-size: 13px;}
.info-banners.banner-container .banner-row .banner-col .banner-item .banner-subtitle {font-size: 13px; line-height: 20px; text-align: left;}
@media (min-width: 1024px) {
    .info-banners.banner-container .banner-row .banner-col {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 8px;}
    .info-banners.banner-container .banner-row .banner-col:first-child {padding-left: var(--space);}
    .info-banners.banner-container .banner-row .banner-col:last-child {padding-right: var(--space);}
}
@media (max-width: 1023px) {
    .info-banners {margin-top: 60px;}
    .info-banners.banner-container .banner-row .banner-col .banner-item {margin-bottom: 5px;}
}

/* Tagger */
.tagger-wrap {position: relative;}
.tagger-wrap::after {display: block; content: ''; width: 100%; height: 90%; background-color: #101010; border-radius: 10px; position: absolute; top: 5%;}
.tagger-wrap .tagger-image-dum {border-radius: 10px;}
.tagger-wrap .product-tag_container-wrap {position: relative;}
.tagger-wrap .tagger-heading {height: 80px; background-color: rgba(0,0,0,0.8); position: absolute; bottom: 0; width: calc(100% - var(--space)); z-index: 10; margin: 10px; border-radius: 8px; display: flex; justify-content: start; align-items: center;}
.tagger-wrap .tagger-heading h2 {color: #fff; margin: 0 var(--space); font-weight: 800; font-size: 2rem; letter-spacing: 0px;}
.tagger-wrap .tagger-heading h2::after {content: '|'; display: inline-block; position: relative; right: var(--space-negative); font-weight: normal;}
.tagger-wrap .module-subtitle {color: #fff; margin: 0 var(--space);}
.tagger-wrap .swiper-button-prev.tagger-button {left: auto; right: 120px; top: 50%;}
.tagger-wrap .swiper-button-next.tagger-button {right: var(--space-double); top: 50%;}
.tagger-wrap .product-tag_point {background: rgba(255, 255, 2550, 0.3);}
.tagger-wrap .product-tag_point:hover {background: transparent; border: 2px solid #fff;}
.tagger-tooltip .tooltip-inner {background-color: #fff !important; color: #101010;}
.tagger-tooltip .arrow::before {border-right-color: #fff !important; border-left-color: #fff !important;}
.tagger-tooltip .tooltip-inner {width: 350px; display: table;}
.tagger-tooltip .tooltip-inner .bundle-category-product-block {display: flex; min-width: 350px; align-items: center;}
.tagger-tooltip .tooltip-inner .bundle-category-product-image {max-width: 80px;}
.tagger-tooltip .tooltip-inner .bundle-category-product-info {border-left: none !important; text-align: left; font-weight: bold;}
.tagger-tooltip .tooltip-inner .bundle-category-product-info:hover {color: #DB213E;}
.tagger-tooltip .tooltip-inner .bundle-product-block-price {margin-top: var(--space);}
.tagger-wrap .swiper-container {margin: 0;}
@media (max-width: 1023px) {
    .tagger-wrap {margin-left: var(--space-negative); margin-right: var(--space-negative); overflow: hidden;}
    .tagger-wrap::after {display: none;}
    .tagger-wrap .product-tag_container {padding: 0; border-radius: 0;}
    .tagger-wrap .tagger-heading {position: static; border-radius: 0; background-color: #101010; margin: 0; margin-top: 60px; width: 100%; padding: 0 50px; justify-content: space-evenly; flex-direction: column;}
    .tagger-wrap .tagger-heading h2::after {display: none;}
    .tagger-wrap .swiper-navigation {width: 100%; top: 0; left: 0; height: 80px;}
    .tagger-wrap .swiper-button-prev.tagger-button {left: var(--space); right: auto;}
    .tagger-wrap .swiper-button-next.tagger-button {right: var(--space); left: auto;}
}


/* Partners */
.partners.slider .swiper-navigation {display: none;}
.partners.slider .module-title {text-align: center; display: block; width: 100%;}
.partners.slider .module-title-text {text-align: center; font-weight: bold; font-size: 12px; line-height: 20px; letter-spacing: 4.8px;}
.partners.slider .banner-item {margin: 10px 0; padding: 10px; cursor: pointer; padding: 5px; border-radius: 10px;}
.partners.slider .banner-item img {border-radius: 10px; max-width: 150px; object-fit: contain !important;}
.partners.slider .banner-item:hover img {box-shadow: rgba(0,0,0,0.3) 1px 1px 5px;}
@media (max-width: 1023px) {
    .partners.slider.banner-container .banner-row .banner-col .banner-item {margin-bottom: 0; margin-top: 0;}
    .partners.slider .swiper-wrapper {display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto; grid-auto-flow: column;}
    .partners.slider .banner-item img {padding: 0; box-shadow: rgba(0,0,0,0.3) 1px 1px 5px;}
}

/* Cart Module */
#cart-container .modal-body {flex-grow: 0;}
#cart-container .modal-dialog {box-shadow: 0 0 10px rgb(0 0 0 / 15%);}
#cart-container .modal-inner {background-color: #F4F4F4;}
#cart-container .modal-header {background-color: #101010; color: #fff; font-size: 14px; font-weight: 500; border-radius: 0;}
#cart-container .modal-header::after {content: ''; display: block; width: 20px; height: 20px; background: url('../images/shopping-cart.svg') no-repeat center / 100% auto; filter: invert(28%) sepia(39%) saturate(6579%) hue-rotate(336deg) brightness(85%) contrast(101%); position: absolute; top: 25px; left: var(--space);}
#cart-container .modal-header .close {background-color: #404040; width: 30px; height: 30px; border-radius: 100%; display: block; padding: 0; color: #fff; font-weight: normal;}
#cart-container .modal-header .close i {font-weight: 100;}
#cart-container .cart_products {background-color: #fff; padding: 10px;}
#cart-container .cart_row_info {display: grid;}
#cart-container .cart_row_info h4 {margin-bottom: 15px;}
#cart-container .cart_row_total {display: none;}
#cart-container .cart_row_subtotal .price {color: #000000; font-size: 14px; font-weight: bold; margin-left: 30px;}
#cart-container .cart_row_remove {align-self: flex-start;}
#cart-container .cart_totals {margin: var(--space) 0; align-self: flex-start; background-color: transparent;}
#cart-container .cart_totals_row {border-bottom: none;}
#cart-container .cart_totals_row .col {font-weight: bold; color: #000; font-size: 0.875rem;}
#cart-container .cart_totals_row .col.text-right {font-weight: bold; color: #5b5b5b; font-size: 0.875rem;}
#cart-container .cart_totals_row:last-child .col.text-right {font-size: 1.25rem; color: #000; font-weight: bold;}
#cart-container .modal-footer {flex-grow: 0; align-items: flex-start; gap: 20px; border-top: none; background-color: transparent; padding: 15px 30px;}
#cart-container .modal-footer .cart-button {display: block; padding: 15px var(--space); background-color: #101010; color: #fff; text-align: center; border-radius: 30px; border-radius: 30px; margin: auto; width: 100%; border: 1px solid transparent; font-weight: bold; transition: 0.2s ease-in all;}
#cart-container .modal-footer .checkout-button {display: block; padding: 15px var(--space); background-color: #fff; color: #101010; text-align: center; border-radius: 30px; border-radius: 30px; margin: auto; width: 100%; border: 1px solid #E1E1E1; font-weight: bold; transition: 0.2s ease-in all;}
#cart-container .modal-footer .cart-button:hover, #cart-container .modal-footer .checkout-button:hover {background-color: #DB213E; color: #fff;}

/* PRODUCTS */
.product-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 1rem;}
.product-list .product-layout {padding: 3px var(--space-half); flex-basis: auto; flex-grow: 1; flex-basis: 100%; margin: auto;}
.product-list .product-layout:hover {box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.stock {display: flex; align-items: center; color: var(--text-color-primary); font-size: var(--xxs-size);}
.stock-5 {color: #DB213E;}
.stock-6, 
.stock-7 {color: #19B507;}
.stock-8 {color: #fb8e15;}
.stock-5::before {content: "\f00d"; font-family: "Font Awesome 5 Pro"; font-size: 0.5rem; color: #fff; background-color: #DB213E; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-right: var(--space-quarter); width: 1rem; height: 1rem; min-width: 1rem;}
.stock-6::before, 
.stock-7::before {content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-size: 0.5rem; color: #fff; background-color: #19B507; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-right: var(--space-quarter); width: 1rem; height: 1rem; min-width: 1rem;}
.discount {content: ''; display: block; color:#fff; position: absolute; top: 10px; right: 1px; z-index: 10; transform: rotate(45deg);}
.discount::before {content: ''; display: block; width: 0; height: 0; position: absolute; top: -18px; right: -26px; z-index: -1; border-left: 45px solid transparent; border-right: 45px solid transparent; border-bottom: 45px solid #DB213E;}
.sold_out {content: ''; display: block; color:#fff; position: absolute; top: 13px; right: 20px; z-index: 11; transform: rotate(45deg); word-break: break-word; font-size: 0.625rem; letter-spacing: 4.5px; line-height: 0.688rem;}
.sold_out::before {content: ''; display: block; width: 0; height: 0; position: absolute; top: -20px; right: -20px; z-index: -1; border-left: 45px solid transparent; border-right: 45px solid transparent; border-bottom: 45px solid #DB213E;}
.is_new {content: ''; display: block; color:#fff; position: absolute; top: 10px; left: 3px; z-index: 10; transform: rotate(315deg);}
.is_new::before {content: ''; display: block; width: 0; height: 0; position: absolute; top: -16px; left: -28px; z-index: -1; border-right: 45px solid transparent; border-left: 45px solid transparent; border-bottom: 45px solid #101010;}
.preorder {content: ''; display: block; color:#fff; background-color: #d07d17; border-radius: 100%; aspect-ratio: 1; padding: 10px; position: absolute; top: 10px; left: 3px; z-index: 10; text-align: center;}
.product-block-title {min-height: 40px;}
.options-row .form-control {min-height: 50px;}

input:checked + label.product-option {background-color: #101010; color: #fff;}
.product-option-wrapper.option-required-error label.product-option {border: 2px solid rgba(255, 0, 0, 0.75);}
label.product-option-color {border-radius: 100%; border: 2px solid transparent; overflow: visible; width: 35px; height: 35px; cursor: pointer; margin: 0;}
label.product-option-color>span {border-radius: 100%; border: 3px solid #fff; box-shadow: 0 0 2px #000; display: block; width: 100%; height: 100%; font-size: 0;}
input:checked + label.product-option-color, label.product-option-color.active {border-color: #000;}

@media (max-width: 768px) {
    .product-grid {grid-template-columns: repeat(2, 1fr); gap: 1rem 0.5rem;}
    .product-grid>div {box-shadow: 0 0 2px #ccc;}
}
@media (max-width: 410px) {
    .product-grid {grid-template-columns: repeat(1, 1fr);}
}
/* PRODUCTS */

/* Landing Page */
#landing_page_banner {position: relative;}
#landing_page_banner::before, #design_page_banner::before, #subcategories-wrapper .swiper-slide>div:first-child>a:before {content: ''; display: block; width: 100%; height: 100%; pointer-events: none; background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; position: absolute;}
#landing_page_banner p {margin-bottom: 20px;}
#subcategories-wrapper {padding: 0;}
#subcategories-wrapper .swiper-button-disabled {display: none;}
#subcategories-wrapper .swiper-slide a:hover::after {content: ''; display: block; background: none; height: 50%; position: absolute; width: 100%; bottom: 0; background: transparent linear-gradient(180deg, #00000000 0%, #DB213E 100%) 0% 0% no-repeat padding-box;}
#subcategories-wrapper .swiper-slide a:hover {background-size: 120% auto; transition: 300ms ease-in;}
#subcategories-wrapper .swiper-slide div div {z-index: 1;}
#subcategories-wrapper .swiper-button-next, #subcategories-wrapper .swiper-button-prev {top: 40%;}
#subcategories-wrapper .swiper-container {margin: 0 var(--space);}
@media (min-width: 1875px) {
    #subcategories-wrapper .swiper-container {margin: 0;}
    #subcategories-wrapper .swiper-pagination {display: none;}
}
@media (max-width: 1023px) {
    #landing_page_banner, #design_page_banner {margin: 0 var(--space-negative); border-radius: 0;}

	#product-category #category_page_banner {margin: 0 var(--space-negative); padding: 0 var(--space); border-radius: 0; overflow: hidden;}
	#product-category .content-top {margin: 0 var(--space-negative); padding: 0; border-radius: 0; overflow: hidden;}

    #subcategories-wrapper .row>div {padding: 0;}
    #subcategories-wrapper .swiper-container {padding: 0 var(--space); margin: 0;}
}
/* Landing Page */

/* Category Page */
#product-category>div.row {flex-wrap: nowrap;}
#product-category #column-left {max-width: 320px; padding-right: 0; position: sticky;}
#product-category #content {max-width: none; flex: 1 1 auto;}
.category_page #column-left {padding-right: 3rem;}
.landing_page .category_page .col-lg-12 {max-width: 100%; flex: 0 0 100%;}

.grid-icons {display: flex; align-items: center;}
.grid-icons .grid-view {margin-right: var(--space-half);}
.grid-icons .grid-view,
.grid-icons .list-view {background-color: #F4F4F4; color: #000; border-radius: 3px; width: 65px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.grid-icons div:hover {color:#DB213E;}
.grid-icons .grid-view.active,
.grid-icons .list-view.active {background-color: var(--text-color-primary); color: #fff;}

body.product_category #featured-wrapper .module-title {margin: 0; position: relative; z-index: 1; font-size: 1.125rem; text-align: center; display: inherit;}
body.product_category #featured-wrapper .module-title>span {position: relative; z-index: 1; display: inline-block; padding: var(--space); background-color: #F8F8F8;}
body.product_category #featured-wrapper .module-title::before {content: ''; display: block; width: 100%; height: 1px; background-color: #E1E1E1; position: absolute; top: 50%; left: 0; z-index: 0;}
body.product_category #featured-wrapper {position: relative; z-index: 1;}
body.product_category #featured-wrapper::before {position: absolute; content: ''; display: block; width: 100%; height: 70%; top: -10px; border-radius: 10px; left: 0; background-color: rgb(243, 244, 246);}

#recently-viewed-wrapper .module-title {font-size: 1rem; padding: 0 var(--space); margin: 20px 0 10px 0;}

#featured-wrapper .product-layout, #recently-viewed-wrapper .product-layout {width: 330px;}

#featured-wrapper .swiper-pagination-bullets .swiper-pagination-bullet,
#recently-viewed-wrapper .swiper-pagination-bullets .swiper-pagination-bullet {height: 3px;}

.product-layout.with-buy-button .product-block {padding-right: 70px;}

#button-load-more {font-weight: 600; color: #101010; font-size: 0.875rem; border: 2px solid #00000029; background-color: #fff; border-radius: 30px; transition: 0.2s ease all; text-align: center; padding: 15px 70px; position: relative; opacity: 0;}
#button-load-more:hover {color: #DB213E; box-shadow: 0 0 20px #00000029;}
#button-load-more .spinner-border {position: absolute; left: 30px; top: 18px; display: none;}
#button-load-more.loading .spinner-border {display: block !important;}

@media (max-width: 1023px) {
    #featured-wrapper, #recently-viewed-wrapper {padding-bottom: 20px;}
    #featured-wrapper .module-title, #recently-viewed-wrapper .module-title {text-align: left; justify-content: flex-start;}
    #featured-wrapper .swiper-wrapper, #recently-viewed-wrapper .swiper-wrapper {padding-bottom: 0 !important;}
    #featured-wrapper .swiper-pagination, #featured-wrapper .swiper-navigation,
    #recently-viewed-wrapper .swiper-pagination, #recently-viewed-wrapper .swiper-navigation {display: none;}
    #featured-wrapper .row>div, #recently-viewed-wrapper .row>div {padding-left: 0; padding-right: 0;}
    #featured-wrapper .swiper-container, #recently-viewed-wrapper .swiper-container {padding: 0 var(--space);}
    body.product_category #featured-wrapper::before {border-radius: 0;}
}
/* Category Page */

/* List View */
.product-list {display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
.product-bundle-list {display: flex; flex-wrap: wrap; justify-content: center; gap: 5px;}
.product-list .product-quantity {display: flex; align-items: center; justify-content: center;}
.product-list .number-spinner {min-height: 40px; height: 40px; margin-right: 0; border: none; justify-content: space-between;}
.product-list .number-spinner .button-minus, 
.product-list .number-spinner .button-plus {min-height: 40px; height: 40px;}
.product-list .product-layout {flex: unset; max-width: initial; width: 100%; padding: 15px; border-radius: 10px; border: 1px solid #EBEBEB;}
.product-bundle-list .product-layout {width: 100%;}
.product-list .product-layout .product-block {display: grid; flex-direction: row; flex-wrap: wrap; gap: 15px; justify-content: space-between; align-content: center; grid-template-columns: 250px 1fr; position: relative;}
.product-list .product-layout img {width: 250px;}
.product-list .product-layout .image-wrapper {grid-column: 1 / 1; grid-row: 1 / span 2;}
.product-list .product-layout .info-wrapper {grid-column: 2 / 2; grid-row: 1 / 1; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; width: 100%;}
.product-list .product-layout .buy-wrapper {grid-column: 2 / 2; grid-row: 2 / 2; display: flex; flex-direction: row; flex-wrap: wrap; gap: 15px; justify-content: flex-end; align-content: center; width: 100%;}
.options-outer-wrapper {grid-column: 2 / 2; grid-row: 3 / 3;}
.product-layout .add-to-cart p {padding-right: var(--space); display: flex;}
.product-list .options-wrapper table {border-spacing: 5px; border-collapse: separate; width: 100%;}
.product-list .options-wrapper table td {padding: 2px 20px; background-color: #F8F8F8; text-align: center;}
.product-list .options-wrapper table td:last-child {padding: 0; background-color: #fff;}
.product-block-price {align-items: center;}
@media (max-width: 1279px) {
    .product-list .product-layout .product-block {align-content: center; grid-template-columns: 250px 1fr;}
    .product-list .product-layout .image-wrapper {grid-column: 1 / 1; grid-row: 1 / 1; border-bottom: 1px solid #EBEBEB;}
    .product-list .product-layout .info-wrapper {grid-column: 2 / 2; grid-row: 1 / 1;     border-bottom: 1px solid #EBEBEB;}
    .product-list .product-layout .buy-wrapper {grid-column: 1 / span 2; grid-row: 2 / 2; border-top: none !important; padding: 0 !important;}
    .product-list .options-outer-wrapper {display: none !important;}
    .product-list .product-layout .buy-wrapper>* {flex-basis: 50%; flex-grow: 1; flex-shrink: 1; margin: 0;}
    .product-list .product-layout .buy-wrapper .stock-wrapper {order: 1;}
    .product-list .product-layout .buy-wrapper .product-block-price {order: 3;}
    .product-list .product-layout .buy-wrapper .product-quantity {order: 2; justify-content: flex-end; max-width: 200px; padding-left: 0 !important; padding-right: 0 !important;}
    .product-list .product-layout .buy-wrapper .button-cart-wrapper {order: 4; width: auto; max-width: 200px;}
    .product-list .product-layout .buy-wrapper .button-cart {margin: 0; width: 100%;}
    .product-list .number-spinner {border: 1px solid #EBEBEB; flex-grow: 1;}
}
@media (max-width: 768px) {
    .product-list .product-layout .product-block {display: flex;}
    .product-list .product-layout .product-block>* {flex-grow: 1;}
    .product-list .product-layout img {margin: 0 auto;}
}

.product-block .image {position: relative;}
.product-block .tags-wrapper {display: inline-flex; flex-direction: column; gap: 0.5rem; justify-content: center; align-items: start; position: absolute; bottom: 0;}
.product-block .tags-wrapper .tag {padding: 5px 15px; background: #EBEBEB; color: #414042; font-size: 0.75rem; font-weight: 500; text-align: center; border-radius: 1rem;}
.product-block .tags-wrapper .tag.hot {background: #DB213E; color: #fff; text-transform: uppercase; letter-spacing: 4.5px;}
.product-block .tags-wrapper .tag.hot::before {content: '\f06d'; display: inline; font-family: "Font Awesome 5 Pro";}
/* List View */

/* Top Toolbar */
.top-toolbar {display:flex; justify-content:space-between; align-items: flex-start;}
.top-toolbar .top-toolbar-forms {display:flex; margin-bottom:var(--space);}
.top-toolbar .top-toolbar-forms .form-group {margin-bottom:0;}
.top-toolbar .top-toolbar-forms .form-group + .form-group {margin-left:var(--space);}
.top-toolbar #pagination-top {display:flex; align-items:center; margin-bottom: var(--space);}
.top-toolbar #pagination-top .pagination-page-container {border-top:0px; padding-top:0px; margin-top:0px;}
.top-toolbar {border-radius: 5px; margin-top: 1rem; margin-bottom: 1rem; gap: 1rem;}
.top-toolbar .top-toolbar-forms {display: flex; justify-content: space-between; align-items: flex-start; padding: 0; margin-bottom: 0;}
.top-toolbar-forms label {color: var(--text-color-main); font-weight: bold; margin-bottom: 0; padding-right: .625rem; color:#101010; position: relative;}
.top-toolbar-forms select {color: var(--text-color-primary); border: 1px solid #E1E1E1; border-radius: 3px; background-color: var(--white); font-size: 0.875rem; max-height: 26px;  min-height: 26px; color: #808080; border: none; border-bottom: 1px solid #ccc; font-weight: 600; padding: 0;}
.top-toolbar-forms .form-group {margin-bottom: 0; display: flex; align-items: center; flex-direction: column; align-items: flex-start !important;}
.top-toolbar-forms .form-group-wrapper {display: flex; align-items: center; padding-right: 2.5rem;}
.top-toolbar-forms:first-of-type label {color: #101010;}
.top-toolbar-forms:first-of-type .form-group {display: flex; align-items: flex-start;}
@media (max-width: 1023px) {
    .top-toolbar-forms:last-child {display: none;}
    .top-toolbar-forms .form-group:last-of-type {padding: 10px; border-radius: 3px; border: 1px solid #ccc; width: 100%;}
    .top-toolbar-forms select {border-bottom: none;}
}
.top-toolbar .ho-filters-wrapper .ho-filter-title {display: none !important;}
.top-toolbar .ho-filters-wrapper.filter-style-vertical-list .filter-group-container .filter-group-title-container i {display: none;}
.top-toolbar .ho-filters-wrapper.filter-style-vertical-list .filter-group-container .filter-group-title-container:hover .filter-group-title {color:#DB213E;}
.top-toolbar .ho-filters-wrapper.filter-style-vertical-list .filter-group-container.opened {position: absolute; z-index: 99; top: 0; right: 0; background-color: #fff; border: 1px solid #E1E1E1; border-radius: 3px; box-shadow: 0 3px 10px rgba(0,0,0,0.2); min-width: 300px; overflow: visible;}
.top-toolbar .ho-filters-wrapper.filter-style-vertical-list .filter-group-container .filter-group-title-container {padding: 0; min-width: 280px; font-size: 0.75rem; color:#101010;}
.top-toolbar .ho-filters-wrapper.filter-style-vertical-list .filter-group-container.opened .filter-group-title-container {color:#DB213E;}
.top-toolbar .ho-filters-wrapper .filter-group-subtitle {text-align: justify; font-size: 0.875rem; font-weight: 600; border-bottom: 1px solid #ccc; color: #808080; width: 100%; position: relative; height: 26px;}
.top-toolbar .ho-filters-wrapper .filter-group-subtitle i {display: inline !important; font-weight: 600 !important; color: #808080 !important; position: absolute; right: 0;}
.top-toolbar .filter-group-container.opened .filter-group-subtitle i:before {content: "\f106" !important;}
.top-toolbar .ho-filters-wrapper.filter-style-vertical-list .filter-group-container:first-child {border: none;}
.top-toolbar .ho-filters-wrapper.filter-style-vertical-list .filter-group-container:first-child.opened {padding: 10px;}
.top-toolbar .ho-filters-wrapper.filter-style-vertical-list .filter-group-container:last-child .filter-group-filters-container:nth-child(2) {padding: 15px 15px;}
.top-toolbar #column-right {margin-right: var(--space-half);}
.top-toolbar .ho-filters-wrapper.filter-style-vertical-list .filter-group-container .filter-group-title-container {align-items: flex-start; flex-direction: column;}
.top-toolbar .filters-responsive-bottom {display: none;}
@media (max-width: 1023px) {
    .top-toolbar {margin-top: 5px;}
}
/* Top Toolbar */

/* Filters */
.ho-filters-wrapper.filter-style-vertical-list .filter-group-container {border-bottom: 1px solid #E1E1E1; margin-bottom: 0;}
.ho-filters-wrapper.filter-style-vertical-list .filter-group-container:first-child {border-top: 1px solid #E1E1E1;}
.ho-filters-wrapper.filter-style-vertical-list .filter-group-container .filter-group-title-container {display: flex; align-items: center; justify-content: space-between; padding: var(--space) 0; margin-bottom: 0; cursor: pointer;}
.ho-filters-wrapper.filter-style-vertical-list .filter-group-container .filter-group-title-container i {width: 24px; min-width: 24px; height: 24px; background-color: transparent; color: var(--text-color-primary); display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: 300ms ease-in-out;}
@media (min-width: 1024px) {
    .ho-filters-wrapper.filter-style-vertical-list .filter-group-container.gc1 .filter-group-title-container i {display: none;}
}
.ho-filters-wrapper.filter-style-vertical-list .filter-group-container.opened .filter-group-title-container i:before {content: '\f068';}

.ho-filters-wrapper.filter-style-vertical-list .filter-group-container .filter-group-title-container .filter-group-title {color: var(--text-color-main); font-size: 1rem; font-weight: bold;}
.ho-filters-wrapper.filter-style-vertical-list .filter-group-container .filter-group-filters-container {display: none; border-bottom: none; transition: 300ms ease-in-out;}
.ho-filters-wrapper.filter-style-vertical-list .filter-group-container.opened .filter-group-filters-container {display: block !important;}
@media (min-width: 1024px) {
    .filter-group-container.gc1 .filter-group-filters-container {display: block !important;}
}
.ho-filters-wrapper .price-range-group span.line:before {content: "──"; width: 10px; height: 1px; color: var(--background-primary);}
.ho-filters-wrapper .price-range-group .filter_price_from,
.ho-filters-wrapper .price-range-group .filter_price_to {border: 1px solid #E1E1E1; border-radius: 3px; min-height: 35px; background-color: #F4F4F4;}
.ho-filters-wrapper .price-range-group .filter_price_from::placeholder,
.ho-filters-wrapper .price-range-group .filter_price_to::placeholder {font-size: var(--xms-size);}
.filter-group-clear {bottom: 0; top: unset; left: 0; transform: none;}
.irs--round .irs-line {background-color: #E1E1E1;}
.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover {border: 4px solid var(--text-color-primary); background-color: var(--text-color-primary);}
.irs--round .irs-handle {top: 29px; width: 18px; height: 18px; border: 4px solid var(--text-color-primary); background-color: var(--text-color-primary); box-shadow: none; border-radius: 50%;}
.irs--round .irs-bar {background-color: #000;}
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {background-color: #000;}
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {border-top-color: #000;}
.ho-filters-wrapper .price-range-group {align-items: center;}

.product_category  #column-left .column-wrapper {position: sticky; top: 7rem; padding-top: 1rem;}
.product_category  #column-left .column-wrapper h3 {font-size: 1.125rem;}
.product_category  #column-left .column-wrapper h3:after {content: ''; background-color: var(--text-color-primary); height: 2px; width: 30px; display: flex; margin: var(--space-half) 0 var(--space) 0;}
.product_category  #column-left .column-wrapper .category-list a {border: 1px solid #E1E1E1; border-radius: 3px; color: var(--text-color-main); text-decoration: none; font-weight: bold; display: flex; align-items: center; padding: 15px;}
.product_category  #column-left .column-wrapper .category-list li + li {margin: var(--space-quarter) 0;}
.product_category  #column-left .column-wrapper .category-list a:last-child {margin-top: 0;}
.product_category  #column-left .column-wrapper .category-list a:hover {color: var(--white); background-color: var(--text-color-primary); border-color: var(--text-color-primary);}
#column-left .ho-filters-wrapper.filter-style-vertical-list .filter-group-container .filter-group-title-container:hover .filter-group-title {color:#DB213E;}
#column-left .ho-filters-wrapper .ho-filter-title, .top-toolbar .ho-filter-trigger-button {background-color: #101010; color: #fff; font-size: 1.125rem; font-weight: normal; padding: 20px 20px; border-radius: 3px;}
#column-left .ho-filters-wrapper .ho-filter-title>span:first-child:before, .top-toolbar .ho-filter-title>span:first-child:before { content: "\f1de"; font-family: "Font Awesome 5 Pro"; color: #DB213E; position: static; margin-right: 10px;}
#column-left .filter-group-container.gc1 input:checked + label {background-color:#DB213E; color :#fff;}
#column-left .filter-group-container.gc1 label {border: 1px solid #E1E1E1; border-radius: 3px; background-color: #fff; display: block; padding: 15px; font-size: 0.875rem; font-weight: bold; transition: 0.2s ease all; cursor: pointer;}
#column-left .filter-group-container.gc1 label:hover {color:#DB213E;}
#column-left .filter-group-container.gc1 .form-check {padding-left: 0;}
#column-left .filter-group-subtitle {display: none !important;}
.filter-group-clear {display: none;}
.form-check-label {/* display: block; *//* cursor: pointer; *//* font-weight: bold; */}
.form-check-label:hover {color:#DB213E;}
input[data-stock="0"] + .form-check-label {opacity: 0.5; background: linear-gradient(to top left, #fff calc(50% - 1px), #aaa, #fff calc(50% + 1px));}
.options-row input:checked + .form-check-label {background: #101010; color: #fff;}

.selected-filters-wrapper {display: flex; gap: 0.5rem; flex-wrap: wrap; padding: 10px; margin-top: -20px; }
.selected-filter-block {background-color: #F4F4F4; padding: 5px; cursor: pointer; font-size: 0.75rem;}
.selected-filter-block span {padding: 5px;}
@media (max-width: 1023px) {
    #column-left .ho-filters-wrapper.filter-style-vertical-list .filter-group-container:last-child {border-bottom: none;}
    #column-left .ho-filters-wrapper.filter-style-vertical-list .filter-group-container:last-child .filter-group-filters-container {padding: 0 20px;}
    #column-left .ho-filters-wrapper.filter-style-vertical-list .filter-group-container:last-child .filter-group-filters-container button {display: none;}
    #product-category #column-left {position: fixed; background: #fff; top: 0; width: calc(100vw - 50px); height: 100vh; z-index: 101; padding: 0; overflow-y: hidden; left: -100%;  max-width: none;}
    #product-category #column-left .filters-wrapper {overflow-y: auto; padding: 0 15px; max-height: calc(100vh - 210px); height: 100vh;}
    .product_category #column-left .column-wrapper {position: static !important; top: 0 !important; padding-top: 0 !important;}
    #column-left .ho-filters-wrapper .ho-filter-title {border-radius: 0 !important; padding: 15px 15px;}
    #column-left .filters-responsive-top {font-weight: bold; color:#101010; background-color: #F4F4F4;}
    #column-left .filters-responsive-bottom {position: absolute; bottom: 0px; left: 0; padding: 15px; z-index: 100; width: 100%; box-shadow: 0px -5px 10px rgb(0 0 0 / 20%); gap: 0.5rem;}
    #column-left .filter-group-title-container .filter-group-title {padding-bottom: 0;}
    #column-left .filter-group-title-container .filter-group-title::after {display: none;}

    #column-left .grid-icons .grid-view, #column-left .grid-icons .list-view {border: 1px solid #E1E1E1; background-color: #fff; height: 35px; width: 90px; font-weight: normal; position: relative; padding-left: 20px;}
    #column-left .grid-icons i {position: absolute; left: 10px;}
    #column-left .grid-icons .grid-view.active, #column-left .grid-icons .list-view.active {background-color: var(--text-color-primary); color: #fff;}
}
@media (max-width: 768px) {
	.top-toolbar .ho-filter-trigger-button {flex: 1;}
	.top-toolbar .top-toolbar-forms {flex: 1;}
}
/* Filters */

/* Product Page */
.product-images-container {display: flex; flex-direction: row-reverse; justify-content: center; align-items: center;}
#button-cart::after {content: "\f00c"; font-family: "Font Awesome 5 Pro"; color:#DB213E; position: absolute; right: 80px; transition: 0.4s ease right; bottom: 12px; font-size: 1.4rem; font-weight: 400; opacity: 0;}
#button-cart:hover::after {right: 15px; opacity: 1;}

/* Modal */
.modal-dialog {margin: 10vh auto;}
.modal-title {font-weight: bold; color: #101010; font-size: 1.25rem; padding-left: 30px;}
.modal-header .close, .alert.close {color: #808080; background-color: #F4F4F4; border-radius: 100%; width: 30px; height: 30px; display: block; padding: 0; margin: 0; opacity: 1;}
.modal-header .close:hover, .alert.close:hover {color:#DB213E; opacity: 1;}

/* Forms */
.custom-form {display: grid; grid-template-columns: 1fr 1fr; gap: 15px;}
.custom-form>*:nth-child(n+5) {grid-column-end: span 2;}
.custom-form .form-group {margin-bottom: 0;}
.custom-form label {color:#101010; font-size: 1rem; font-weight: bold;}
.custom-form .btn {background-color: #101010; color: #fff; transition: 0.2s ease all; font-size: 12px; font-weight: 600; text-align: center; padding: 20px 80px; border-radius: 3px; border: none !important; position: relative; margin: 0 auto;}
.custom-form .btn:hover {background-color: #DB213E; border: none;}
.custom-form .btn::after {content: "\f0e0"; font-family: 'Font Awesome 5 Pro'; font-size: 1.4rem; position: absolute; left: 15px; top: 15px; font-weight: 100;}
.custom-form.consulting .form-group:first-child {grid-column-end: span 2; display: flex; gap: 10px; flex-wrap: wrap;}
.custom-form.consulting .form-group:first-child>label {flex-grow: 1; border-radius: 3px; background-color: #FFFFFF; border: 1px solid #E1E1E1; text-align: left; color: #414042; font-size: 0.813rem; padding: 20px 60px 20px 60px; font-weight: 600; flex: 1 1 200px; position: relative;}
.custom-form.consulting .form-group:first-child>label:hover {color: #DB213E;}
.custom-form.consulting .form-group:first-child input:checked + label {background-color: #DB213E; color: #fff;}
.custom-form.consulting .form-group:first-child input[type="radio"] {display: none;}
.custom-form.consulting .form-group:first-child>label:first-child {display: none;}
.custom-form.consulting .form-group:first-child>label:nth-of-type(n+1)::before {display: block; content: ' '; background-size: 100% 100%; background-repeat: no-repeat; height: 30px; width: 30px; position: absolute; top: 25px; left: 20px; filter: invert(22%) sepia(7%) saturate(183%) hue-rotate(227deg) brightness(89%) contrast(81%);}
.custom-form.consulting .form-group:first-child>label:nth-of-type(n+1):hover::before, .custom-form.consulting input:checked + label::before {filter: invert(100%) sepia(0%) saturate(3473%) hue-rotate(248deg) brightness(102%) contrast(98%) !important;}
.custom-form.consulting .form-group:first-child>label:nth-of-type(2)::before {background-image: url('../images/gym.svg');}
.custom-form.consulting .form-group:first-child>label:nth-of-type(3)::before {background-image: url('../images/house.svg');}
.custom-form.consulting .form-group:first-child>label:nth-of-type(4)::before {background-image: url('../images/hotel.svg');}
.custom-form.consulting .form-group:first-child>label:nth-of-type(5)::before {background-image: url('../images/office-building.svg');}
.custom-form.consulting>*:nth-child(5) {grid-column-end: span 1;}

@media (max-width: 768px) {
	.custom-form {display: grid; grid-template-columns: none;}
    .custom-form>* {grid-column-end: 1 !important;}
}

/* Service Page */
.blog-24 {max-width: 1232px;}
.blog-24 table:first-of-type {border-collapse: separate; border-spacing: 10px; border: none; max-width: 920px; margin: 0 auto;}
.blog-24 table:first-of-type td {padding: 30px; border-radius: 10px; box-shadow: 0px 3px 10px #0000001A; text-align: center;}
.blog-24 table:first-of-type td img {display: inline;}

.blog-24 table:nth-of-type(2) {border-collapse: separate; border-spacing: 10px; border: none; table-layout: fixed;}
.blog-24 table:nth-of-type(2) td {padding: 30px; border-radius: 10px; box-shadow: 0px 3px 10px #0000001A; text-align: left;}
.blog-24 table:nth-of-type(2) td img {display: left;}
.blog-24 table:nth-of-type(2) td:nth-child(odd) {background-color: #101010; color: #fff;}
.blog-24 table:nth-of-type(2) td:nth-child(even) {background-color: #DB213E; color: #fff;}
.blog-24 table:nth-of-type(2) td:nth-child(even) u::after {background-color: #fff;}

@media (max-width: 1023px) {
    .blog-24 table td { display: block; width: 100%; max-width: 600px; margin: 10px auto;}
}

/* Size Guide */
#size-guide {margin: 0 auto; width: 600px; max-width: 100%;}
#size-guide h2 {text-align: center;}
#size-guide img {width: 100%;}
#size-guide table {table-layout: fixed;}
#size-guide table td {text-align: center;}
#size-guide table tr:nth-child(1) td {background-color: #ccc; font-weight: bold;}
#size-guide table tr:nth-child(odd) td {background-color: #f1f3f2;}
#size-guide table tr:nth-child(even) td {background-color: #fff;}
#size-guide table tr:nth-child(1) td {background-color: #ccc; font-weight: bold;}
#size-guide table tr td:nth-child(1) {background-color: #ccc; font-weight: bold;}

/* Misc */
.offer-title {color: #DB213E; font-size: 1.6rem;}
.offer-description {}
.alert .btn-close {position: absolute; right: 10px;}

ul li:hover svg {
    fill:white;
}