.checkout-sidebar .error:before,
.slideshow-style-4 .swiper-button-next:after,
.slideshow-style-4 .swiper-button-prev:after {
    font-style: normal;
    font-variant: normal;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slide-animation.fadeInLeft>div,
.slide-animation.flipInX>div,
.top-banner-with-product>.w-100,
body.sticky.transparent.overflow-hidden:not(.sticky-active) {
    overflow: visible !important
}

.btn-check:checked+.btn,
.btn.active,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    border-color: initial;
    color: initial
}

.loading-box.show-loader,
.tab-loader,
.video-with-text .banner-right .rotation-image {
    position: absolute
}

.map-static-image .svg-placeholder {
    position: static;
    height: 500px
}

.featurebox .svg-placeholder {
    width: 70px;
    margin-bottom: 20px
}

.featurebox.featurebox-left-icon .svg-placeholder {
    margin-right: 20px;
    margin-bottom: 0
}

.cart-notification-ymal .cart-notification-navigation>div,
.countdown-style-2 .image-wrapper .svg-placeholder,
.image-with-product .image-product-wrapper .svg-placeholder,
.product-menu .svg-placeholder,
.product-sidebar .svg-placeholder,
.single-product .svg-placeholder {
    position: static
}

.author-product .author-box .placeholder-img,
.cart-notification-addons,
.cart-notification-products li:not(:last-child),
.demo-listing .main-item,
.image-with-faq-style-1 .section-description p:not(:last-child),
.image-with-faq-style-2 .section-heading,
.image-with-text .content-wrap .section-heading,
.image-with-text-3 .section-description p:not(:last-child),
.main-page-conent img,
.megamenu ul li.level1 .submenu:not(:last-child),
.slideshow .hongo-slider-text-wrap img,
.theme-demos .demos-wrapper .title {
    margin-bottom: 25px
}

.cart-notification-addons .addon-action a:not(:last-child),
.cart-notification-totals-wrapper,
.contact-card .contact-content p,
.contact-form .form-content .form-status-message,
.image-with-text-3 .section-heading,
.lookbook .price-box,
.newsletter-model .model-content h3,
.password-title,
.product-menu .svg-placeholder,
.shop-collection-category-style-1 .collection-item .collection-media,
.slideshow-style-1 .hongo-slider-typography-wrap .subtitle,
.testimonial-slider .box-content p {
    margin-bottom: 15px
}

.image-with-text-4 .content-wrap .feature-box .svg-placeholder {
    width: 70px
}

.trust-badge .svg-placeholder {
    height: 50px
}

.cover-background,
.parallax {
    background-size: cover
}

.border-text,
.slideshow-style-5 .hongo-slider-typography-wrap .title span,
.text-outline {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px
}

.cover-background,
.fixed-background {
    background-position: center
}

.cover-background,
.fixed-background,
select {
    background-repeat: no-repeat
}

.fixed-background,
.parallax {
    background-attachment: fixed
}

.alt-font,
.btn,
.shopify-challenge__button,
.tooltip-inner {
    font-family: var(--alt-font)
}

.btn.btn-link,
.google-maps-link a:hover,
.product-buttons-wrap a span,
a,
a:active,
a:hover {
    text-decoration: none
}

.counter-style-1 .counter-box img,
.loading-box {
    align-self: center
}

.cart-notification-ymal .badge-wrap,
.featured-collection-slider .heading-wrapper .has-navigation .btn,
.gm-style a[title],
.gm-style-cc,
.gmnoprint .gm-style-cc,
.gmnoprint.gm-style-cc,
.gmnoscreen,
.hidden,
.no-js-inline,
.no-js:not(html),
.swiper-button-lock,
html.no-js .no-js-hidden {
    display: none !important
}

.megamenu ul .menu-image-banner>a,
html.no-js .no-js:not(html) {
    display: block !important
}

html.no-js .no-js-inline {
    display: inline-block !important
}

.brands-wrapper .brands-active,
.breadcrumb li:last-child:after,
.cart-item__error-text:empty+svg,
.cart-notification-ymal .cart-notification-navigation .swiper-button-next:after,
.cart-notification-ymal .cart-notification-navigation .swiper-button-prev:after,
.cart-notification-ymal .product-box .product-buttons-wrap,
.cart-notification-ymal:empty,
.client-logo-slider .swiper-button-next:after,
.client-logo-slider .swiper-button-prev:after,
.deal-products .deal-timer .counter-box .number:before,
.deal-products .deal-timer .counter-box:last-child:before,
.deal-products .deal-timer .counter-box[data-number="0"],
.deal-products.deal-product-style-2 .deal-timer .counter-box:before,
.deal-timer .counter-box.last .number:before,
.disabled-btn .cart-btn i,
.feature-brand-style-1 .swiper-button-next:after,
.feature-brand-style-1 .swiper-button-prev:after,
.featured-collection-slider .heading-wrapper .swiper-button-next:after,
.featured-collection-slider .heading-wrapper .swiper-button-prev:after,
.featured-collection-slider .swiper-slide:not(.swiper-slide-visible).product-box .product-hover,
.featured-products-with-banner .swiper-button-next:after,
.featured-products-with-banner .swiper-button-prev:after,
.gmnoprint .gm-style-mtc,
.gmnoprint .gm-svpc,
.image-gallery-slider .swiper-button-next:after,
.image-gallery-slider .swiper-button-prev:after,
.image-with-product .swiper-button-next:after,
.image-with-product .swiper-button-prev:after,
.lookbook .product-rating .spr-badge .spr-badge-caption,
.lookbook-with-product .product-deal .counter-box:not(:last-child) .number:before,
.marquee.marquee-grid .marquee-text:first-child .separator,
.megamenu .product-menu .swiper-button-next:after,
.megamenu .product-menu .swiper-button-prev:after,
.megamenu .product-menu .swiper-rtl .swiper-button-prev:after,
.people-review .swiper-button-next:after,
.people-review .swiper-button-prev:after,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--no-compare .price__compare,
.price--on-sale .price__availability,
.price--on-sale .price__regular,
.price__availability,
.price__sale,
.product .swiper-button-next:after,
.product .swiper-button-prev:after,
.product-box .jdgm-widget .jdgm-prev-badge__text,
.product-box .product-rating .loox-rating-label,
.product-slider-section .product-main-slider .product-box .product-hover,
.product-slider-section .swiper-button-next:after,
.product-slider-section .swiper-button-prev:after,
.product-summary .swatches-hover .color-white:after,
.product-summary .swatches-hover .null-bg:after,
.product-summary .swatches-hover[data-option-name=White] .color-bg:after,
.product-summary .swatches-hover[data-option-name=White] .null-bg:after,
.product-variants .variant-option.swatch-image .soldout-opt~label .text-swatch,
.product-variants .variant-option.swatch-image .unavailable-opt~label .text-swatch,
.quickview-wrapper .product-summary .swatches-hover .color-white:after,
.quickview-wrapper .product-summary .swatches-hover[data-option-name=White] .color-bg:after,
.quickview-wrapper .product-summary .swatches-hover[data-option-name=White] .null-bg:after,
.shop-collection-category-style-1 .swiper-button-next:after,
.shop-collection-category-style-1 .swiper-button-prev:after,
.shop-flat .product-box .btn-action .hongo-quick-view span,
.shop-flat .product-hover,
.shop-minimalist .product-box .btn-action .hongo-quick-view span,
.shop-minimalist .product-hover,
.shopify-payment-button__button--hidden,
.slider-with-arrow .swiper-button-next:after,
.slider-with-arrow .swiper-button-prev:after,
.swiper-number-navigation .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.testimonial-slider .swiper-button-next:after,
.testimonial-slider .swiper-button-prev:after,
.testimonial-slider .title-style-btn:before,
.testimonial-with-banner .navigation .swiper-button-next:after,
.testimonial-with-banner .navigation .swiper-button-prev:after,
.title-style-2 .has-navigation:before,
.title-style-2 .section-heading span:after,
.title-style-3 .has-navigation:before,
.wishlist .notin,
.wishlist.active .in,
.wrapper-response:empty,
body.menu-hover.simple-dropdown-hover:before,
body:before,
p:empty {
    display: none
}

html {
    padding-bottom: 0 !important
}

body {
    font-size: var(--font_size);
    line-height: var(--body-line-height);
    font-family: var(--body-font);
    font-weight: var(--body-font-weight);
    color: var(--body-text-color);
    background-color: var(--body-bg-color);
    word-break: break-word
}

* {
    box-shadow: none;
    outline: 0
}

ul {
    padding: 0;
    margin: 0
}

.btn,
.btn i,
.btn-link,
.button,
a,
button,
header .navbar-right>div.search {
    transition: .2s ease-in-out
}

a {
    color: var(--link-color)
}

a:active,
a:hover {
    color: var(--link-hover-color)
}

a:focus {
    outline: 0
}

p {
    margin: 0 0 25px
}

img {
    max-width: 100%;
    height: auto
}

.cart-goal-msg span,
.featurebox .feature-box-title,
.featurebox .feature-box-title a,
.image-with-faq-style-1 .section-sub-heading,
.image-with-faq-style-2 .section-sub-heading,
.shop-collection-category-style-1 .section-sub-heading,
.slideshow-style-5 .hongo-slider-typography-wrap .title,
b,
strong {
    font-weight: var(--font-weight-600)
}

.form-control,
input,
select,
textarea {
    color: var(--dark-color);
    font-weight: var(--font-weight-400);
    border: 1px solid var(--extra-medium-gray);
    padding: 8px 18px;
    width: 100%;
    margin: 0 0 15px;
    max-width: 100%;
    resize: none;
    outline: 0;
    background-color: transparent;
    height: 52px;
    border-radius: 4px;
    transition: .2s ease-in-out !important
}

.form-control:focus,
.form-wrap .contact input:focus,
.form-wrap .contact textarea:focus,
.product-summary .wishlist-btn:hover,
.product-variants .variant-option input:checked+label .text-swatch,
.product-variants .variant-option input[type=radio]:checked+label img,
.product-variants .variant-option.selected img,
.product-variants .variant-option:hover label .text-swatch,
.text-line-dark-color,
input:focus,
textarea:focus {
    border-color: var(--dark-color)
}

.product-variants .variant-option input[type=radio]:checked+label img {
    border: 2px solid #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}

input[type=password] {
    font-family: Arial
}

.newsletter-with-video .newsletter-wrap input.error,
input.error,
input.inputerror,
select.inputerror,
textarea.error,
textarea.inputerror {
    border-color: var(--red) !important
}

select {
    padding-right: 20px;
    -webkit-appearance: none;
    background-image: url(dwan-arrow.svg);
    background-size: 12px;
    background-position: right 16px center
}

input.btn,
textarea {
    height: auto
}

picture img,
picture source {
    object-fit: cover;
    height: 100%;
    width: 100%
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: autofill !important;
    color: #828282 !important;
    -webkit-transition: 0s 50000s !important;
    transition: 0s 50000s !important
}

.text-outline {
    -webkit-text-stroke-color: var(--white-color)
}

.svg-placeholder {
    fill: rgba(35, 35, 35, 0.3);
    background-color: rgba(23, 23, 23, .15)
}

body {
    margin-bottom: var(--sticky-addtocart-space)
}

.grecaptcha-badge {
    z-index: 11;
    bottom: 70px !important
}

.mfp-iframe-holder .mfp-close:active {
    top: -40px;
    right: -6px
}

.section-bg {
    background: var(--section_bg)
}

.btn.btn-link-white,
.image-with-text-1 .support-wrap .phone a,
.lookbook-with-product .pin-item>i,
.lookbook.lookbook-with-video .pin-item i,
.magic-cursor-wrapper.dark #ball-cursor:after,
.magic-cursor-wrapper.dark #ball-cursor:before,
.mfp-iframe-holder .mfp-close:before,
.page-title-style-1.light-style .description,
.page-title-style-3.light-style .description,
.page-title.light-style h1,
.shop-box .product-box .box-inner:hover .product-buttons-wrap a span,
.shop-clean .product-buttons-wrap a:hover span,
.shop-clean .product-buttons-wrap button:hover span,
.shop-minimalist .product-buttons-wrap a:hover span,
.shop-minimalist .product-buttons-wrap button:hover span,
.shop-simple .product-buttons-wrap a:hover,
.shop-simple .product-buttons-wrap a:hover span,
.shop-simple .product-buttons-wrap button:hover,
.shop-simple .product-buttons-wrap button:hover span,
.size-filter .variant-option input:checked+label .text-swatch,
.size-filter .variant-option.selected .text-swatch,
.size-filter .variant-option:hover .text-swatch,
.size-filter .variant-option:hover input+label .text-swatch,
.slideshow-style-2 .swiper-button-next:hover,
.slideshow-style-2 .swiper-button-prev:hover,
.social-icon-only li a:hover,
.social-icon-only.dark li a:hover,
.social-icon-only.light li a,
.social-icon-only.light li a:hover,
.social-icon-with-text.light li a,
.social-short-name.light li a,
.social-simple.light li a,
.swiper-arrow-navigation .swiper-button-next:hover,
.swiper-arrow-navigation .swiper-button-prev:hover,
.swiper-number-navigation .swiper-button-next:hover,
.swiper-number-navigation .swiper-button-prev:hover,
.video-hero-wrap .video-content-wrap .subtitle,
.video-hero-wrap .video-content-wrap .title {
    color: var(--white-color)
}

.shop-standard .product-buttons-wrap *,
.social-icon-only li a svg {
    transition: .3s
}

.social-icon-only li a:hover svg,
.social-icon-only.dark li a:hover svg {
    fill: var(--white-color)
}

.header-transparent .navbar-brand .logo-text,
.navbar.header-transparent .navbar-nav .nav-item .nav-link,
.transparent header .header-transparent .menu-column .search i,
header .menu-column .search i {
    color: var(--menu-text-color)
}

.mfp-close,
.mfp-close:active {
    font-size: 0;
    opacity: 1;
    right: 15px;
    top: 15px
}

.mfp-close:before {
    content: "\ea02";
    font-family: feather !important;
    font-weight: 900;
    font-size: var(--font_size_plus4);
    color: var(--dark-color)
}

.image-with-product .shop-classic .product-box,
.shop-simple .badge-wrap,
.show-menu .theme-demos,
.show-search-popup .theme-demos,
.z-index-1 {
    z-index: 1
}

.h-1,
.h-2,
.h-3,
.h-4,
.h-5,
.h-6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: var(--heading-font-weight);
    color: var(--heading-color);
    margin: 0 0 25px;
    padding: 0
}

.h-1,
h1 {
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height)
}

.h-2,
h2 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height)
}

.h-3,
h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height)
}

.h-4,
h4 {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height)
}

.h-5,
h5 {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height)
}

.h-6,
h6 {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height)
}

.text-very-small,
.top-banner-with-product .product-box .product-vendor {
    font-size: var(--font_size_minus2);
    line-height: var(--font_size)
}

.text-small {
    font-size: var(--font_size_plus2);
    line-height: var(--font_size_plus4)
}

.text-medium {
    font-size: var(--font_size_plus4);
    line-height: var(--font_size_plus7)
}

.text-large {
    font-size: var(--font_size_plus6);
    line-height: var(--font_size_plus9)
}

.text-extra-large {
    font-size: var(--font_size_plus18);
    line-height: var(--font_size_plus22)
}

.image-with-faq-style-1 .faq-content .btn,
.image-with-faq-style-2 .faq-content .btn,
.image-with-text-6 .btn-wrapper,
.load-more-wrap,
.megamenu .menu-bottom-banner,
.search-result-wrap .pagination {
    margin-top: 40px
}

.load-more-wrap img {
    max-width: 25px
}

.load-more-wrap .btn {
    min-width: 180px
}

.load-view-btn-wrap>a,
.shop-collection-category-style-3 .collection-item:nth-child(2n) {
    margin-top: 60px
}

.is-touchable [data-parallax-background-ratio] {
    background-attachment: inherit !important;
    background-position: center !important;
    background-repeat: no-repeat !important
}

.section-heading span.text-outline,
.title-style-2 .section-heading span.text-outline {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--dark-color)
}

.section-heading span.bottom-border,
.shop-banner-2 .banner-content .content-inner,
body.disable-fixed #shopify-section-mini-header {
    position: relative;
    z-index: 1
}

body.disable-fixed #shopify-section-mini-header,
body.disable-fixed.active-search #shopify-section-mini-header {
    z-index: 11
}

.section-heading span.bottom-border:after {
    content: '';
    height: 6px;
    background-color: var(--base-color);
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    z-index: -1
}

.title-style-2>.col {
    padding-right: 25px
}

.title-style-2 .title-style-btn {
    padding-left: 25px
}

.product-quickview-popup .product-gallery,
.title-style-2 .has-navigation,
header .navbar-right>div:first-child {
    padding-left: 0
}

.gift-card-heading .badge.sold-out,
.social-icon-only.icon-medium li:not(:first-child),
.testimonial-with-banner .navigation .swiper-button-next,
.title-style-2 .has-navigation .btn {
    margin-left: 10px
}

.title-style-2 .section-sub-heading {
    margin-bottom: 0;
    flex-shrink: 0
}

.title-style-2 .section-heading {
    margin-bottom: 0;
    padding-right: 30px
}

.image-with-text .content-wrap .btn,
.image-with-text .counter-wrap,
.shop-grid.shop-grid-style-3 li .shop-grid-details .btn,
.shop-grid.shop-grid-style-4 .shop-grid-details .btn,
.testimonial-with-banner .navigation,
.title-style-2 .section-description,
.title-style-3 .section-description {
    margin-top: 30px
}

.title-style-2 .title-style-btn:not(.no-subheading):before {
    content: "";
    height: 24px;
    width: 1px;
    background-color: rgba(0, 0, 0, .15);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.title-style-3 .section-sub-heading {
    margin-bottom: 0;
    border-left: 1px solid rgba(0, 0, 0, .15);
    padding: 0 0 0 25px;
    margin-left: 25px
}

.accordion-event .panel .panel-body p:last-child,
.cart-notification-ymal .product-box,
.contact-detail-wrap .contact-item p:last-child,
.contact-detail-wrap>p,
.contact-form-with-image .form-agreement label p,
.content-block .content-box p:last-child,
.countdown-descroption p,
.countdown-style-2 .countdown-text .countdown-sub-heading,
.countdown-style-2 .deal-timer,
.featurebox .feature-box-sub-title p,
.featured-products-with-banner .section-sub-heading,
.image-with-faq-style-2 .faq-text p:last-child,
.image-with-text-1 ul li:last-child,
.image-with-text-4 .content-wrap .text-block:last-child,
.image-with-text-5 .content-description:last-child,
.infowindow :last-child,
.last-paragraph-no-margin p:last-of-type,
.lookbook-with-product .product-block .price-box .price-wrapper,
.lookbook-with-product .product-block .product-box .price-box,
.lookbook-with-product .product-block .product-box .product-rating,
.lookbook-with-product .product-block .product-title,
.lookbook.lookbook-with-video .product-footer .price-box,
.lookbook.lookbook-with-video .product-footer .price-wrapper,
.megamenu .product-menu .product-footer .price-box,
.mini-header p,
.newsletter-model .model-bottom p,
.newsletter-with-video .newsletter-wrap .description p:last-child,
.page-title h1,
.page-title-style-3 h1,
.people-review .review-item .box-content p:last-child,
.product .product-title,
.product-page .breadcrumb-alt,
.product-variants .variant-option .color-filter .form-label,
.quickview-wrapper .product-summary .product-form-buttons,
.section-description p:last-child,
.shop-clean .product-box .product-rating,
.shop-clean .product-buttons-wrap a:last-child,
.shop-clean .product-buttons-wrap button:last-child,
.shop-clean .product-footer .price-box,
.shop-collection-category-style-1 .heading-wrapper,
.shop-collection-category-style-5 .collection-title:last-child,
.shop-metro .product-box .product-option .product-variants,
.shop-simple .product-box .product-option .product-variants,
.slideshow-banner .banner-image:last-child,
.slideshow-banner-top p,
.slideshow-style-3 .slider-typography-wrap .stock-message p,
.store-usp .usp-text p:last-child,
.testimonial-slider .section-heading,
.title-style-3 .section-heading,
.top-banner-with-product .product-box .product-rating,
.video-with-text .banner-right .banner-content ul li:last-child,
[data-license-popup-success].welcome-popup-main .popup-inner .welcome-popup-box p:last-child {
    margin-bottom: 0
}

.full-screen .swiper.swiper-vertical,
.full-screen .swiper:not(.swiper-vertical) .swiper-slide,
.video-hero-section .full-screen {
    height: calc(100vh - var(--miniheader-height, 44px) - var(--header-height, 72px))
}

.active-search .video-rotate-image,
.search-active .video-rotate-image {
    z-index: 97 !important;
    opacity: 0;
    transition: none
}

.slideshow-style-1.swiper .swiper-slide img:not(.slider-content img),
.slideshow-with-banner .swiper-slide img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    position: absolute
}

.slideshow .swiper-button-next:after,
.slideshow .swiper-button-prev:after,
.slideshow .swiper-rtl .swiper-button-next:after,
.slideshow .swiper-rtl .swiper-button-prev:after {
    content: "\F12C";
    font-family: bootstrap-icons
}

.slideshow .swiper-button-next:after,
.slideshow .swiper-rtl .swiper-button-prev:after {
    content: "\F135"
}

.slideshow .slider-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0
}

.transparent #MainContent>.shopify-section:first-child .slideshow-style-1 .slider-content .justify-content-center.align-items-top .hongo-slider-typography-wrap {
    padding-top: 130px;
    padding-bottom: 130px
}

.slideshow-style-1 .slider-content .hongo-slider-typography-wrap {
    padding-top: 60px;
    padding-bottom: 60px
}

.slideshow-style-1 .hongo-slider-typography-wrap .title,
.slideshow-with-banner .hongo-slider-typography-wrap .title {
    color: var(--white-color);
    text-transform: none;
    margin-bottom: 50px
}

.slideshow-with-banner .hongo-slider-typography-wrap .title {
    margin-bottom: 40px;
    letter-spacing: -1px
}

.slideshow-style-1 .hongo-slider-typography-wrap p {
    font-size: var(--font_size_plus2);
    margin-bottom: 35px
}

.slideshow-style-1 .hongo-slider-typography-wrap u {
    border-bottom: 1px solid;
    text-decoration: none
}

.slideshow-style-2 .hongo-slider-typography-wrap .subtitle,
.slideshow-style-2 .hongo-slider-typography-wrap .title {
    color: var(--dark-color);
    margin-bottom: 25px
}

.minisearch-popup .search-close i,
.newsletter-model .model-close i,
.shop-simple .product-deal .counter-box .number,
.slideshow-style-2 .hongo-slider-typography-wrap .subtitle span,
.welcome-popup-main .popup-close i {
    font-weight: var(--font-weight-700)
}

.cart-notification-buttons-wrapper #form-minicart,
.categorie-list-style-2 .categorie-list li,
.deal-products .product-box .stock-left-wrap,
.discounts,
.product-summary .form-status-message,
.product-variants,
.slideshow-style-2 .swiper-slide .hongo-slider-text-wrap p,
.testimonial-tabs .heading-wrapper {
    margin-bottom: 10px
}

.image-with-text-5 .content-block .btn,
.mini-cart-bottom .shipping-content .wrapper-response,
.slideshow-style-2 .btn,
.testimonial-with-banner .swiper-pagination,
.top-banner-with-product .product-box:nth-child(n+2) {
    margin-top: 20px
}

.slideshow-style-2 .swiper-button-next,
.slideshow-style-2 .swiper-button-prev {
    font-size: var(--font_size_plus9);
    color: var(--dark-color);
    background-color: var(--white-color);
    top: auto;
    bottom: 1px;
    height: 80px;
    width: 80px;
    z-index: 11;
    overflow: hidden
}

.slideshow-style-2 .swiper-button-next:after,
.slideshow-style-2 .swiper-button-prev:after {
    font-size: inherit;
    content: "\f12f";
    font-family: bootstrap-icons
}

.slideshow-style-2 .swiper-button-next:after {
    content: "\f138"
}

.slideshow-style-2 .swiper-button-prev {
    left: 15px
}

.slideshow-style-2 .swiper-button-next {
    right: auto;
    left: 96px
}

.slideshow-style-2 .swiper-button-next:before,
.slideshow-style-2 .swiper-button-prev:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--dark-color);
    transform: translateX(-100%);
    transition: transform .3s ease-in-out;
    z-index: -1
}

.shop-clean .product-box .box-inner:hover a,
.slideshow-style-2 .swiper-button-next:hover:before,
.slideshow-style-2 .swiper-button-prev:hover:before {
    transform: translateX(0)
}

.slideshow-style-2 .slider-content-img.image-right {
    margin-right: -200px
}

.slideshow-style-2 .slider-content-img.image-left {
    margin-left: -200px
}

.slideshow-style-3 .product-text {
    padding-left: 90px
}

.password-wrap .newsletter-label,
.slideshow-style-3 .slider-typography-wrap .popular-tag {
    color: var(--dark-color);
    margin-bottom: 15px
}

.slideshow-style-3 .slider-typography-wrap .popular-tag span {
    font-size: 11px;
    line-height: normal;
    font-weight: var(--font-weight-600);
    color: var(--white-color);
    background-color: var(--base-color);
    display: inline-block;
    padding: 5px 13px;
    margin-right: 10px;
    border-radius: 20px
}

.slideshow-style-3 .slider-typography-wrap .product-title {
    color: var(--dark-color);
    display: inline-block;
    margin-bottom: 20px
}

.slideshow-style-3 .slider-typography-wrap .product-info-overview {
    font-size: var(--font_size_plus1);
    margin-bottom: 30px;
    padding-right: 35px
}

.slideshow-style-3 .slider-typography-wrap .sold-product-count {
    font-size: var(--font_size_plus1);
    color: var(--dark-color);
    background: linear-gradient(278deg, rgba(255, 255, 255, 0) 0, #fff 55%);
    padding: 14px 30px;
    margin-bottom: 30px;
    border-radius: 5px
}

.slideshow-style-3 .slider-typography-wrap .sold-product-count span {
    font-weight: var(--font-weight-700);
    color: var(--red);
    margin-right: 10px
}

.slideshow-style-3 .slider-typography-wrap .price-box {
    font-size: var(--font_size_plus9);
    letter-spacing: -.5px;
    margin-bottom: 35px
}

.slideshow-style-3 .slider-typography-wrap .price-box .price-item {
    margin-right: 7px;
    color: var(--dark-color)
}

.navbar .product-footer .price-box .separator,
.slideshow-style-3 .slider-typography-wrap .price-box .old-price,
.special-product .product-content .price-box .old-price {
    color: var(--body-text-color)
}

.badge:last-child,
.custom-social-block .custom-social-link a:last-child,
.deal-products .deal-timer .counter-box:last-child,
.featured-products-with-banner.slider .section-sub-heading,
.navbar .navbar-nav .nav-item:last-child .nav-link,
.newsletter-with-video .newsletter-wrap .btn i,
.product-box .spr-badge-starrating .spr-icon:last-child,
.product-footer .price-box .price-item:last-child,
.product-variants .variant-option:last-child,
.shop-classic .product-buttons-wrap a:last-child,
.shop-classic .product-buttons-wrap button:last-child,
.shop-flat .product-box .spr-badge-starrating .spr-icon:last-child,
.slideshow-style-3 .slider-typography-wrap .price-box .price-item:last-child,
.theme-demos .buy-theme .theme-wrapper span,
.wrapper-brands .brands-list-code li:last-child,
header .navbar-right.only-icon>div i {
    margin-right: 0
}

.slideshow-style-3 .slider-typography-wrap .price-box .regular-price,
.slideshow-style-3 .slider-typography-wrap .price-box .special-price {
    color: var(--dark-color);
    font-weight: var(--font-weight-600)
}

.slideshow-style-3 .slider-typography-wrap .stock-message {
    color: var(--dark-color);
    margin-left: 25px
}

.slideshow-style-3 .slider-typography-wrap .stock-message span {
    font-weight: var(--font-weight-600);
    border-bottom: 1px solid
}

.featured-products-with-banner .title-style-3 .section-heading,
.offer-box-wrap .btn,
.page-title.page-title-style-2 h1,
.shop-collection-category-style-3 .collection-item .action-wrapper,
.slideshow-style-3 .slider-typography-wrap .button-stock-wrapper .btn {
    flex-shrink: 0
}

.slideshow-style-3 .slider-typography-wrap .sold-product-count .hurry {
    font-weight: var(--font-weight-700);
    color: var(--red)
}

.slideshow-style-3 .slider-typography-wrap .sold-product-count i {
    font-size: var(--font_size_plus6);
    color: var(--red);
    vertical-align: middle;
    margin-right: 10px
}

.slider-down-image {
    position: absolute;
    left: 50%;
    bottom: -50px;
    transform: translateX(-50%);
    z-index: 10
}

.swiper-number-pagination-progress {
    font-size: var(--font_size_minus4);
    color: var(--dark-color);
    font-weight: var(--font-weight-600);
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 50px;
    transform: rotate(-90deg) translateX(50%);
    transform-origin: 100% 100%;
    margin-top: -32px
}

.swiper-number-pagination-progress .swiper-pagination-wrapper .number-next,
.swiper-number-pagination-progress .swiper-pagination-wrapper .number-prev {
    width: 50px;
    text-align: center
}

.swiper-pagination-progress {
    width: 160px;
    height: 1px;
    position: relative;
    background-color: rgba(38, 38, 38, .2)
}

.swiper-pagination-progress .swiper-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: var(--swiper-progress, 0);
    background-color: var(--dark-color);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    transition: .4s
}

.slideshow-style-4 .slider-typography-wrap .slider-text-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.slideshow-style-4 .slider-typography-wrap .title {
    color: var(--dark-color);
    margin-bottom: 20px
}

.slideshow .slider-footer-inner b,
.slideshow-style-4 .slider-typography-wrap .title span {
    font-weight: var(--font-weight-800)
}

.slideshow-style-4 .slider-typography-wrap .sub-title {
    color: #403d39;
    margin-bottom: 30px
}

.slideshow-style-4 .slider-typography-wrap .sub-title span {
    color: var(--base-color);
    font-weight: var(--font-weight-600);
    border-bottom: 1px solid
}

.slideshow-style-4 .slider-typography-wrap .slider-text-inner {
    max-width: 400px;
    margin: 0 auto
}

.slideshow-style-4 .swiper-button-next:after,
.slideshow-style-4 .swiper-button-prev:after {
    content: "\F284";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-weight: 900 !important;
    text-transform: none;
    line-height: 1
}

.slideshow-style-4 .swiper-button-next:after {
    content: "\F285"
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev,
.shop-box .product-box .product-footer .price-box .price-item,
.top-banner-with-product .product-box .old-price {
    font-size: var(--font_size)
}

.announcement-bar p,
.cart-product-info .product-option,
.form-information .mfp-close:before,
.image-with-text-1 .support-wrap .support-content span,
.megamenu ul li.level2 .submenu li a,
.password-copyright,
.slideshow-style-4.swiper-arrow-navigation .swiper-button-next:after,
.slideshow-style-4.swiper-arrow-navigation .swiper-button-prev:after,
.top-banner-with-product .product-box .spr-badge-starrating .spr-icon {
    font-size: var(--font_size_minus2)
}

.slideshow-style-5 .html-content {
    position: absolute;
    bottom: 48px;
    left: 0;
    width: 100%;
    color: rgba(255, 255, 255, .8)
}

.slideshow-style-5 .html-content ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.slideshow-style-5 .html-content ul li {
    line-height: normal;
    border-left: 2px solid;
    margin-left: 15px;
    padding-left: 15px
}

.slideshow-style-5 .html-content ul li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none
}

.slideshow-style-6 .slider-content {
    padding: 50px
}

.slideshow-style-6 .slider-content .icon {
    width: 50px;
    height: 50px;
    background-color: var(--white-color);
    border-radius: 100px;
    font-size: 19px;
    color: var(--dark-color);
    transition: .2s ease-in-out
}

.shop-box .product-box .product-card-form .product-buttons-wrap .cart-btn:hover,
.slideshow-style-6 .swiper-slide:hover .slider-content .icon {
    background-color: var(--dark-color);
    color: var(--white-color)
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px
}

.swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    padding: 0;
    border-radius: 50%;
    background-color: var(--body-text-color);
    opacity: 1;
    box-shadow: none;
    outline: 0;
    transition: .2s ease-in-out
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination .swiper-pagination-bullet:hover {
    background-color: var(--white-color);
    border-color: var(--white-color);
    opacity: 1
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 30px
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 30px
}

.swiper-button-next,
.swiper-button-prev {
    transition-duration: .3s;
    box-shadow: none;
    outline: 0
}

.swiper-number-navigation .swiper-button-next,
.swiper-number-navigation .swiper-button-prev {
    font-size: var(--font_size_plus6);
    font-weight: var(--font-weight-600);
    color: var(--dark-color);
    width: auto;
    height: auto
}

.product-slider-section .product-left-banner .swiper-button-next,
.quantity-plus,
.swiper-number-navigation .swiper-button-next {
    right: 0
}

.quantity-minus,
.swiper-number-navigation .swiper-button-prev {
    left: 0
}

.swiper-number-navigation .swiper-button-next:after,
.swiper-number-navigation .swiper-button-prev:before {
    content: '';
    width: 70px;
    height: 1px;
    background-color: var(--body-text-color)
}

.swiper-number-navigation .swiper-button-prev:before {
    margin-right: -40px
}

.swiper-number-navigation .swiper-button-next:after {
    margin-left: -40px
}

#shopify-section-mini-header,
.magic-cursor-wrapper.light #ball-cursor,
.quickview-wrapper,
.recent-bought,
.swiper-line-pagination .swiper-pagination-bullet:hover,
.swiper-number-navigation .swiper-button-next:hover:after,
.swiper-number-navigation .swiper-button-prev:hover:before,
.testimonial-slider .box-content,
.testimonial-style-01 .box-inner,
.video-icon,
.video-icon-box {
    background-color: var(--white-color)
}

.navbar>.w-100 {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.sticky-active header .navbar,
.transparent.sticky-active .navbar,
header .navbar:not(.header-transparent) {
    background-color: var(--header-bg-color)
}

.menu-hover .header-transparent,
.menu-hover .megamenu,
.menu-hover .navbar .navbar-nav .simple-dropdown,
.menu-hover header .navbar,
.transparent.sticky-active.menu-hover .navbar {
    background-color: var(--header-hover-bg-color)
}

.menu-hover.simple-dropdown-hover:not(.sticky-active) .header-transparent,
.menu-hover.simple-dropdown-hover:not(.sticky-active) header .navbar,
.navbar .header-transparent,
.pagination .page-numbers.next,
.pagination .page-numbers.prev,
.spr-pagination>div span.spr-pagination-next,
.spr-pagination>div span.spr-pagination-next:hover,
.spr-pagination>div span.spr-pagination-prev:hover {
    background-color: transparent
}

.collection-menu .collection-name:hover,
.demo-listing .demo-link:hover,
.megamenu .child-link-title:hover,
.megamenu ul li a:not(.btn, .product-title):hover,
.menu-hover .navbar .navbar-nav .nav-item:hover .nav-link,
.menu-hover .navbar.header-transparent .navbar-nav .nav-item:hover .nav-link,
.navbar .navbar-nav .nav-item .nav-link.active,
.navbar .navbar-nav .nav-item:hover .nav-link,
.navbar .navbar-nav .simple-dropdown a,
.navbar .navbar-nav .simple-dropdown a:hover,
.navbar .navbar-nav .sub-menu a:hover:not(.btn, .child-link-title, .collection-name, .product-title, .demo-listing .menu-title),
.navbar.header-transparent .navbar-nav .nav-item:hover .nav-link,
.sticky-active .navbar .navbar-nav .nav-item:hover .nav-link,
.transparent.sticky-active .navbar.header-transparent .navbar-nav .nav-item:hover .nav-link {
    color: var(--menu-text-hover-color)
}

.menu-hover header .header-transparent .navbar-right>div:hover {
    color: var(--menu-open-child-link-color)
}

.megamenu.collection-menu .collection-name:hover:after,
.menu-hover .navbar .navbar-nav .nav-item .nav-link.active:after,
.menu-hover .navbar .navbar-nav .nav-item:hover .nav-link:after,
.menu-hover .navbar.header-transparent .navbar-nav .nav-item .nav-link:after,
.navbar .navbar-nav .nav-item .nav-link.active:after,
.navbar .navbar-nav .nav-item:hover .nav-link:after {
    background-color: var(--menu-text-hover-color)
}

.menu-hover .navbar .navbar-nav .nav-item .nav-link,
.menu-hover .navbar.header-transparent .navbar-nav .nav-item .nav-link,
.sticky-active .navbar .navbar-nav .nav-item .nav-link,
.transparent.sticky-active .navbar.header-transparent .navbar-nav .nav-item .nav-link {
    color: var(--menu-open-text-color)
}

.swiper-arrow-navigation .swiper-button-next,
.swiper-arrow-navigation .swiper-button-prev {
    color: var(--body-text-color);
    width: 60px;
    height: 60px;
    margin-top: -30px;
    border-radius: 100%;
    border: 1px solid rgba(255, 255, 255, .2)
}

.swiper-arrow-navigation .swiper-button-prev {
    left: 60px
}

.swiper-arrow-navigation .swiper-button-next {
    right: 60px
}

.deal-products.deal-product-style-2 .deal-timer .offer-text,
.quickview-wrapper .product .product-title,
.swiper-arrow-navigation .swiper-button-next:after,
.swiper-arrow-navigation .swiper-button-prev:after {
    font-size: var(--font_size_plus12)
}

.swiper-line-pagination .swiper-pagination-bullet {
    height: 3px;
    width: 30px;
    padding: 0;
    border-radius: 0;
    background-color: var(--body-text-color);
    outline: 0
}

.swiper-dots-pagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-horizontal>.swiper-dots-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 12px;
    height: 8px;
    width: 8px
}

.block-separator,
.pagination,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 20px 0
}

.swiper-dots-pagination .swiper-pagination .swiper-pagination-bullet:before {
    content: '';
    width: 23px;
    height: 23px;
    background: 0 0;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(255, 255, 255, .5);
    transform: translate(-50%, -50%);
    transition: .3s;
    opacity: 0
}

.product-summary .swatches-hover input[type=radio]:checked+label .color-bg:after,
.product-summary .swatches-hover input[type=radio]:checked+label .null-bg:after,
.product-summary .swatches-hover:hover .color-bg:after,
.product-summary .swatches-hover:hover .null-bg:after,
.product-summary .swatches-hover:hover input[type=radio]+label .color-bg:after,
.product-summary .swatches-hover:hover input[type=radio]+label .null-bg:after,
.swatches-hover.selected .color-bg:after,
.swatches-hover.selected .null-bg:after,
.swatches-hover:hover .color-bg:after,
.swatches-hover:hover .null-bg:after,
.swiper-dots-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.swiper-dots-pagination .swiper-pagination .swiper-pagination-bullet:hover:before {
    opacity: 1
}

.swiper-border-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    outline: 0;
    border-radius: 50%;
    border: 2px solid var(--body-text-color);
    vertical-align: middle;
    position: relative;
    text-indent: -9999px;
    opacity: 1;
    background-color: transparent;
    margin: 0 5px
}

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

.swiper-pagination.swiper-number-pagination .swiper-pagination-bullet {
    counter-increment: slider-number;
    width: auto;
    height: auto;
    background-color: transparent;
    opacity: 1;
    border-radius: 0;
    border-bottom: 1px solid transparent;
    font-size: var(--font_size_minus4);
    line-height: var(--font_size_plus4)
}

.btn.btn-link-base-color,
.btn.btn-link-black:active,
.btn.btn-link-black:hover,
.main-page-conent a:hover,
.swiper-pagination.swiper-number-pagination .swiper-pagination-bullet:hover:before,
.text-base-color {
    color: var(--base-color)
}

header .navbar-right>div:hover {
    color: var(--addon-text-hover-color)
}

.swiper-pagination.swiper-number-pagination .swiper-pagination-bullet:before {
    content: "0" counter(slider-number);
    color: var(--white-color);
    transition-duration: .3s
}

.swiper-pagination.swiper-number-pagination .swiper-pagination-bullet:nth-child(n+10):before {
    content: counter(slider-number)
}

.swiper-pagination.swiper-number-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination.swiper-number-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    color: var(--base-color);
    border-bottom-color: var(--base-color)
}

.product-summary .product-meta .hongo-social-links li,
.slideshow .slider-footer-inner b span,
.swiper-horizontal>.swiper-pagination-bullets.swiper-number-pagination .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-number-pagination .swiper-pagination-bullet {
    margin: 0 10px
}

.slideshow .hongo-slider-text-wrap {
    z-index: 1;
    width: 100%
}

.slideshow .hongo-slider-text-wrap .overflow-hidden {
    padding-bottom: 1px
}

.slideshow .slider-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1
}

.slideshow .slider-footer-inner {
    font-size: var(--font_size_minus3);
    font-weight: var(--font-weight-600);
    background-color: rgba(255, 255, 255, .9);
    color: var(--dark-color);
    padding: 10px 15px;
    cursor: default
}

.slideshow .slider-footer-inner .label {
    font-size: 10px;
    font-weight: var(--font-weight-700);
    letter-spacing: 0;
    color: var(--white-color);
    background-color: var(--red);
    padding: 5px 10px;
    border-radius: 15px;
    margin-right: 10px;
    flex-shrink: 0;
    line-height: normal
}

.product-variants .swatch-image label span,
.shop-collection-category-style-2 .collection-item .collection-item-box:hover span>span,
.slide-animation>div>* {
    opacity: 0
}

.swiper-slide-active .slide-animation.fadeIn>div>* {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in
}

.swiper-slide-active .slide-animation.fadeInUp>div>* {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1)
}

.swiper-slide-active .slide-animation.fadeInDown>div>* {
    animation-name: fadeInDown;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1)
}

.swiper-slide-active .slide-animation.fadeInLeft>div>* {
    animation-name: fadeInLeft;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    transition-timing-function: cubic-bezier(0.42, 0.0, 1.0, 1.0)
}

.swiper-slide-active .slide-animation.fadeInRight>div>* {
    animation-name: fadeInRight;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    transition-timing-function: cubic-bezier(0.42, 0.0, 1.0, 1.0)
}

.swiper-slide-active .slide-animation.flipInX>div>* {
    animation-name: flipInX;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    transform-origin: center center
}

.swiper-slide-active .slide-animation>:first-child>* {
    animation-delay: .2s
}

.swiper-slide-active .slide-animation>:nth-child(2)>* {
    animation-delay: .4s
}

.swiper-slide-active .slide-animation>:nth-child(3)>* {
    animation-delay: .6s
}

.swiper-slide-active .slide-animation>:nth-child(4)>* {
    animation-delay: .8s
}

.swiper-slide-active .slide-animation>:nth-child(5)>* {
    animation-delay: 1s
}

.swiper-slide-active .slide-animation>:nth-child(6)>* {
    animation-delay: 1.2s
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(80px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-80px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-45px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(45px, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes flipInX {
    from {
        opacity: 0;
        transform: translateY(-10px) scale(1) rotateX(50deg);
        perspective: 1200px
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1) rotateX(0);
        perspective: 1200px
    }
}

header nav.navbar {
    padding: 0;
    transition: .3s
}

header .menu-logo-center .menu-logo {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

.navbar-brand {
    margin: 0;
    display: inline-flex;
    vertical-align: middle
}

.menu-logo-center .navbar-brand {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 0;
    justify-content: center
}

.navbar-brand .logo-text {
    font-size: var(--font_size_plus10);
    line-height: normal;
    margin: 0;
    text-transform: uppercase
}

.left-nav-logo .navbar-nav {
    margin-left: 50px
}

.left-nav-logo .navbar-nav.separator {
    align-items: center
}

.product-summary .product-form .product-form__error-message-wrapper,
.product-summary .product-rating>.spr-badge,
header .navbar-right>div,
header .navbar-right>div>a {
    align-items: center;
    display: flex
}

.left-nav-logo .navbar-nav.separator:before {
    height: 20px;
    width: 1px;
    background-color: var(--logo-separator-color);
    content: "";
    transform: translate(-25px, 0);
    transition: .3s
}

.brands-group .brands-list .brand:hover,
.breadcrumb li a:hover,
.btn.btn-link-base-color:active,
.btn.btn-link-base-color:hover,
.btn.btn-link-black,
.btn.btn-link-white:active,
.btn.btn-link-white:hover,
.cart-agreement a,
.cart-product-info .amount,
.cart-product-info .product-name,
.cart-product-info .product-name:hover,
.contact-box a:hover,
.contact-detail-wrap .contact-item a:hover,
.custom-html-widget ul li a:hover,
.discounts,
.empty-mini-cart,
.featurebox a:hover,
.featurebox i,
.header-social ul li a,
.magic-cursor-wrapper.light #ball-cursor:after,
.magic-cursor-wrapper.light #ball-cursor:before,
.main-page-conent table,
.page-title.dark-style .breadcrumb li a,
.page-title.dark-style .breadcrumb li span,
.page-title.dark-style .breadcrumb li:after,
.page-title.dark-style h1,
.page-title.dark-style p,
.product .block-name.vendor a:hover,
.product-footer.placeholder-product .product-title:hover,
.product-summary .hongo-social-links a,
.recent-bought-content .recent-title:hover,
.section-description a:hover,
.shop-banner-style-3 .section-description,
.shop-grid li .shop-grid-details .title,
.shop-grid li .shop-grid-details .title a,
.shop-metro .product-box .btn-action .wishlist-btn.active i,
.shop-metro .product-box .btn-action a.active i,
.shop-metro .product-box .btn-action a[data-compare=view],
.shop-metro .product-box .product-footer .special-price,
.shop-modern .product-buttons-wrap>a i,
.shop-modern .product-buttons-wrap>button i,
.shop-simple .product-box .btn-action .wishlist-btn.active i,
.shop-simple .product-box .btn-action a.active i,
.shop-simple .product-box .btn-action a[data-compare=view],
.social-icon-only.dark li .snapchat:hover,
.social-icon-only.dark li a,
.social-icon-only.light li .snapchat:hover,
.social-icon-with-text li a,
.social-icon-with-text.dark li a,
.social-short-name li a,
.social-short-name.dark li a,
.social-simple li a,
.social-simple.dark li a,
.sticky-active .header-transparent .navbar-brand .logo-text,
.switcher-dropdown,
.ymal-title {
    color: var(--dark-color)
}

.shop-metro .product-box .btn-action .wishlist-btn.active i:before,
.shop-simple .product-box .btn-action .wishlist-btn.active i:before {
    content: "\f415";
    font-family: bootstrap-icons !important
}

.social-icon-only.dark li a svg,
.social-simple.dark li a svg {
    fill: var(--dark-color);
    transition: .3s;
    font-size: initial
}

.social-icon-only.light li a svg,
.social-simple.light li a svg {
    fill: var(--white-color);
    transition: .3s
}

.social-icon-only.light li a:hover svg {
    fill: var(--dark-color)
}

.navbar-brand .default-logo,
.sticky-active .navbar-brand .alt-logo {
    visibility: visible;
    opacity: 1;
    width: var(--main-logo-width)
}

.navbar-brand .alt-logo,
.sticky-active .navbar-brand .default-logo {
    visibility: hidden;
    opacity: 0;
    width: 0
}

.navbar .navbar-nav .nav-item .nav-link {
    padding: 25px 0;
    font-weight: var(--font-weight-600);
    margin: 0 16px;
    color: var(--dark-color);
    position: relative
}

.custom-html-widget ul li:first-child,
.lookbook .price-wrapper .price-item:first-child,
.navbar .navbar-nav .nav-item:first-child .nav-link,
.shop-classic .product-buttons-wrap a:first-child,
.social-icon-with-text li:first-child,
.social-short-name li:first-child,
.social-simple li:first-child,
.wrapper-brands .brands-list-code li:first-child {
    margin-left: 0
}

header .navbar-right>div {
    padding-left: 30px;
    font-weight: var(--font-weight-600);
    color: var(--addon-text-color)
}

.mobile-sticky-menu .sticky-menu-item a .count,
header .navbar-right a .count {
    background-color: var(--count-bg-color);
    top: -9px;
    height: 20px;
    border-radius: 100%;
    align-items: center
}

header .navbar-right.only-icon>div {
    padding-left: 10px
}

.btn i,
.btn.btn-link,
.button i,
.cart-notification-wrapper,
.cart-notification.loading .cart-notification__content,
.contact-card .contact-content .map-link a,
.cover-background,
.custom-html-widget ul li a svg,
.fixed-background,
.parallax,
.product-box .box-inner,
.product-deal .counter-box .number,
.search-form-wrapper form,
.shop-collection-category-style-5 .collection-title .label,
.shop-modern .box-inner,
.shop-standard .product-box .box-inner,
header .navbar-right .cart {
    position: relative
}

header .navbar-right a .count {
    font-size: 11px;
    font-weight: var(--font-weight-500);
    color: var(--count-number-color);
    position: absolute;
    left: 9px;
    width: 20px;
    display: flex;
    justify-content: center
}

header .navbar-right .search span {
    cursor: pointer;
    vertical-align: middle
}

.product-buttons-wrap a,
.zoom-disable .product-image-main [data-media-type=image] .product-media:hover,
header .navbar-right .search i {
    cursor: pointer
}

header .navbar-right>div i {
    font-size: var(--font_size_plus3);
    margin-right: 5px;
    vertical-align: middle
}

.megamenu .child-link-title {
    font-weight: var(--font-weight-600);
    color: var(--menu-open-text-color);
    margin-bottom: 3px;
    display: inline-block
}

.megamenu ul li {
    list-style: none;
    line-height: normal
}

.megamenu ul .menu-image-banner .banner-button {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 15px
}

.megamenu ul .menu-image-banner .btn {
    transition: .2s cubic-bezier(.12, 0, .39, 0)
}

#address_province_container[style*="display: none"]~.field,
#address_province_container[style*="display:none"]~.field,
.cart-notification .cart-product-info,
.contact-card .contact-content .map-link a:hover:after,
.contact-form .form-bg img,
.featured-products-with-banner .banner-image img,
.form-wrap form,
.lookbook.lookbook-with-video .pin-product .product-box,
.megamenu ul .menu-image-banner img,
.product-gallery .product-main-slider .product-media img,
.product-image-main .product-media.local-video video,
.search-results-wrapper img,
.shop-banner-2.design-style-1 .banner-item img,
.shop-box .product-box .product-card-form,
.video-wrapper img {
    width: 100%
}

.collection-menu .collection-box:hover .collection-img-wrap,
.demo-listing .main-item .main-inner:hover,
.megamenu ul .menu-image-banner .btn:hover,
.offer-box-wrap:hover,
.shop-classic .product-box .box-inner:hover,
.shop-collection-category-style-1 .collection-item:hover>a {
    transform: translateY(-5px)
}

.megamenu ul li a:not(.btn, .child-link-title) {
    color: var(--menu-open-child-link-color);
    display: inline-block;
    position: relative
}

.navbar .navbar-nav .sub-menu a:not(.btn, .child-link-title, .collection-name, .product-title, .demo-listing .menu-title) {
    display: inline-block;
    position: relative
}

.megamenu ul li.level2 .submenu {
    padding-left: 15px;
    margin: 10px 0
}

.megamenu ul li.level3 .submenu {
    padding-left: 20px
}

.collection-menu .collection-img-wrap {
    margin-bottom: 15px;
    position: relative;
    transition: .3s cubic-bezier(.12, 0, .39, 0)
}

.breadcrumb-alt,
.demo-listing .demo-item,
.menus-separator,
.product-slider-section .product-main-slider .heading-wrapper {
    margin-bottom: 40px
}

.megamenu.collection-menu .collection-name {
    font-weight: var(--font-weight-500);
    color: var(--menu-open-text-color);
    position: relative
}

.megamenu.collection-menu .collection-name:after {
    content: '';
    display: flex;
    width: 100%;
    height: 1px;
    position: relative;
    bottom: 0;
    background-color: var(--menu-open-text-color);
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform .3s
}

.collection-menu .collection-box:hover .collection-name:after,
.feature-product-tab-style-1 .nav-tabs .nav-link.active:after,
.feature-product-tab-style-1 .nav-tabs .nav-link:hover:after {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1)
}

.demo-listing {
    padding: 20px 7% 10px
}

.demo-listing.row {
    margin-left: -10px;
    margin-right: -10px
}

.demo-listing>.col {
    padding-left: 10px;
    padding-right: 10px
}

.contact-card .contact-content .btn,
.demo-listing .demo-button,
.form-wrap .contact button {
    margin-top: 25px
}

.demo-listing .menu-title {
    font-size: var(--font_size_minus1);
    line-height: normal;
    font-weight: var(--font-weight-600);
    color: var(--dark-color);
    padding-top: 9px;
    padding-bottom: 9px
}

.demo-listing .demo-link {
    font-size: var(--font_size);
    line-height: var(--font_size_plus4);
    font-weight: var(--font-weight-500);
    color: var(--menu-open-text-color);
    margin-top: 20px;
    display: inline-block
}

.demo-listing .main-item .main-inner {
    background-color: var(--white-color);
    padding: 8px;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .15);
    border-radius: 6px;
    overflow: hidden;
    transition: transform .4s ease-in-out;
    position: relative
}

.demo-listing .main-item .img-wrapper {
    overflow: hidden;
    border-radius: 3px;
    display: block
}

.category-section .category-item .category-title,
.counter-style-1 .counter-box .counter-number,
.demo-badge,
.menu-lable,
.mini-header form,
.mobile-sticky-menu .sticky-menu-item .icon-wrap,
.product-footer .price-box .price-item.old-price,
.wishlist.active .notin {
    display: inline-block
}

.demo-badge {
    background: #dd3327;
    border-radius: 3px;
    min-width: 50px;
    padding: 4px 8px;
    line-height: 18px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    right: 9px;
    top: 8px
}

body:before {
    content: "";
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: rgba(23, 23, 23, .7);
    top: 0;
    left: 0;
    z-index: 11;
    -webkit-animation: .3s hide-animation;
    animation: .3s hide-animation
}

body.menu-hover:before {
    display: block;
    -webkit-animation: .6s show-animation;
    animation: .6s show-animation
}

.lookbook.lookbook-with-video .pin-item:after {
    z-index: 0
}

.author-product .author-box .author-image,
.counter-style-1 .counter-box .icon-wrapper,
.featurebox.featurebox-center-icon i,
.featurebox.featurebox-center-icon img,
.featured-collection-slider .heading-wrapper,
.form-wrap .contact .input-group,
.gift-card-buttons .continue-shopping,
.hero-banner .section-heading,
.megamenu .navigation-btn,
.megamenu .product-menu .product-image,
.product-quickview-popup .product-variants .product-filter.color-filter,
.shop-banner-style-1 .banner-right .section-heading,
.shop-grid.shop-grid-style-5 .description p,
.shop-grid.shop-grid-style-5 li .shop-grid-details img,
.slideshow-banner .section-title {
    margin-bottom: 20px
}

.grid-sizer,
.gutter-none li,
.hongo-grid-sizer,
.megamenu .product-menu .product-footer,
.product-summary .product-deal .counter-container,
.theme-demos .demo-listing,
ul .grid-sizer {
    padding: 0
}

.megamenu .product-menu .product-title {
    color: var(--dark-color);
    font-size: var(--font_size_minus1);
    line-height: var(--font_size_plus6);
    font-weight: var(--font-weight-500);
    width: 100%
}

.megamenu .product-menu .price {
    color: var(--body-text-color);
    font-size: var(--font_size_minus3)
}

.megamenu .product-menu .swiper-button-next,
.megamenu .product-menu .swiper-button-prev,
.megamenu .product-menu .swiper-rtl .swiper-button-next,
.megamenu .product-menu .swiper-rtl .swiper-button-prev {
    position: inherit;
    left: inherit;
    right: inherit;
    margin: 0;
    width: auto;
    height: auto
}

.custom-social-block .custom-social-link a svg,
.megamenu .product-menu .swiper-button-prev,
.slideshow-banner-top .brand-logo,
header .navbar-right .icon-bubble:not(.no-count) i {
    margin-right: 10px
}

.cart-subtotal {
    font-size: var(--font_size_plus3);
    color: var(--dark-color)
}

.megamenu .product-menu .swiper-button-next i,
.megamenu .product-menu .swiper-button-prev i {
    font-size: var(--font_size_plus4);
    color: var(--menu-open-text-color)
}

.megamenu .product-menu .navigation-btn h6 {
    font-size: var(--font_size);
    letter-spacing: 0;
    font-weight: var(--font-weight-600);
    color: var(--menu-open-text-color);
    padding-right: 15px;
    text-align: left
}

.btn,
.cart-agreement a,
.cart-product-info .amount,
.cart-product-info .product-name,
.cart-subtotal,
.discounts .discount-money,
.empty-mini-cart,
.menu-lable,
.page-404 h1,
.password-wrap .newsletter-label,
.product .price,
.product-buttons-wrap a span,
.product-deal .counter-box .number,
.product-deal .counter-box span,
.product-deal .counter-box:not(:last-child):before,
.product-footer .product-title,
.shop-grid li .shop-grid-details .title b,
.shopify-challenge__button,
.switcher-dropdown,
.ymal-title {
    font-weight: var(--font-weight-500)
}

.megamenu .product-menu .navigation-btn h6 i {
    font-size: 12px;
    color: var(--red);
    vertical-align: middle;
    margin-right: 2px
}

.menu-lable {
    padding: 3px 10px;
    font-size: 9px;
    letter-spacing: .2px;
    line-height: normal;
    width: max-content;
    border-radius: 15px;
    margin-left: 5px;
    vertical-align: middle
}

.custom-html-widget ul li a,
.text-widget,
.text-widget a {
    line-height: var(--font_size_minus3)
}

.menu-lable.parent-lable {
    margin-left: -12px
}

.menus-separator {
    width: 200vw;
    max-width: inherit;
    height: 1px;
    background-color: #e7e7e7
}

.customer-logout {
    color: var(--body-text-color);
    font-size: var(--font_size_minus2);
    margin-left: 5px
}

.megamenu ul li.image-left .inner-menu {
    margin-left: 35px;
    flex-shrink: 0;
    max-width: 140px
}

.megamenu ul li.image-left .image-wrapper {
    max-width: 220px
}

@keyframes hide-animation {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
        opacity: 0
    }
}

@keyframes show-animation {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.mobile-sticky-menu {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
    overflow-x: auto
}

.mobile-sticky-menu.hide-label .sticky-menu-item {
    min-width: inherit
}

.mobile-sticky-menu .sticky-menu-item a .count {
    font-size: 11px;
    font-weight: var(--font-weight-500);
    color: var(--count-number-color);
    position: absolute;
    right: -8px;
    margin: 0;
    width: 20px;
    display: flex;
    justify-content: center
}

.mobile-sticky-menu .sticky-menu-item {
    align-items: center;
    border-right: 1px solid #eee;
    display: flex;
    flex: 1 0 auto;
    justify-content: center;
    padding: 10px 0;
    position: relative;
    color: var(--dark-color);
    min-width: 75px
}

.mobile-sticky-menu .sticky-menu-item a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%
}

.mobile-sticky-menu .sticky-menu-item a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.mobile-sticky-menu .sticky-menu-item a i {
    font-size: 20px
}

.mobile-sticky-menu .sticky-menu-item a span {
    font-size: var(--font_size_minus5);
    line-height: var(--font_size_minus5);
    font-weight: 500;
    margin-top: 5px
}

.sticky-menu-wrapper {
    z-index: 99
}

.box-layout,
.shop-grid.shop-grid-style-4 li {
    padding: 0 15px
}

.cover-background,
.featured-collection-slider,
.fixed-background,
.minicart-active,
.newsletter-model-visibale,
.parallax,
.shop-banner-2.design-style-2 .banner-item-inner,
.shop-grid .shop-grid-wrap,
.shop-grid li .shop-grid-wrap .shop-grid-img,
body.active-search {
    overflow: hidden
}

.megamenu ul li.image-menu a img {
    width: 100%;
    transition: .4s ease-in-out
}

.megamenu ul li.image-menu a.child-link-title,
.shop-minimalist .product-box .product-rating {
    margin-bottom: 3px
}

.megamenu ul li.image-menu>a {
    margin-bottom: 25px;
    overflow: hidden
}

.megamenu ul li.image-menu:hover>a img,
.shop-collection-category-style-2 .collection-item .collection-item-box:hover img,
.team-member .team-box:hover .member-image img {
    transform: scale(1.1)
}

body.sticky {
    margin-top: var(--top-space, 0)
}

body.sticky.transparent {
    margin-top: var(--miniheader-height, 0)
}

body.sticky #shopify-section-mini-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: .3s
}

body.minicart-active #shopify-section-mini-header {
    z-index: 98;
    transition: none
}

body.sticky .navbar {
    position: fixed;
    top: var(--miniheader-height, 0);
    left: 0;
    right: 0;
    z-index: 98
}

body.disable-fixed .navbar {
    top: inherit !important
}

body.sticky.sticky-active .navbar {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0)
}

body.sticky.sticky-active .navbar.reverse-fixed {
    transform: translateY(-100%)
}

body.sticky.sticky-animate .navbar.reverse-fixed {
    transform: translateY(0)
}

.shop-flat .product-footer {
    padding: 20px 0
}

.marquee .swiper,
.sticky-active .navbar.responsive-fixed .navbar-nav .nav-item .nav-link,
.sticky-active .navbar.responsive-fixed .vertical-menu-dropdown {
    padding-top: 20px;
    padding-bottom: 20px
}

.disable-fixed .header-transparent,
body.disable-fixed .navbar {
    position: relative;
    width: 100%;
    z-index: 11
}

.transparent #MainContent {
    margin-top: var(--top-space)
}

.disable-fixed.transparent #MainContent {
    margin-top: calc(var(--top-space, 117px) - var(--miniheader-height, 44px))
}

.transparent #MainContent>.shopify-section:first-child .page-title {
    margin-top: calc(-1 * var(--header-height));
    padding-top: var(--header-height)
}

.shopify-section:first-child .hero-banner,
.shopify-section:first-child .slideshow-with-banner-wrapper,
.shopify-section:first-child .slideshow:not(.slideshow-with-banner),
.shopify-section:first-child .video-hero-section {
    margin-top: calc(-1 * var(--header-height-default))
}

.transparent #MainContent>.shopify-section:first-child .hero-banner,
.transparent #MainContent>.shopify-section:first-child .slideshow-with-banner-wrapper,
.transparent #MainContent>.shopify-section:first-child .slideshow:not(.slideshow-with-banner),
.transparent #MainContent>.shopify-section:first-child .video-hero-section {
    margin-top: calc(-1 * var(--header-height, 159px))
}

.transparent #MainContent .full-screen .swiper .swiper-slide,
.transparent #MainContent .full-screen .swiper.swiper-vertical,
.transparent #MainContent .video-hero-section .full-screen {
    height: calc(100vh - var(--miniheader-height, 44px))
}

.disable-fixed.transparent #MainContent .full-screen .swiper .swiper-slide,
.disable-fixed.transparent #MainContent .full-screen .swiper.swiper-vertical,
.disable-fixed.transparent #MainContent .video-hero-section .full-screen {
    height: calc(100vh - var(--top-space, 117px))
}

.parallax {
    transition-duration: 0s
}

.box-layout {
    max-width: var(--box-layout-width);
    margin: 0 auto
}

.box-layout .announcement-bar,
.box-layout .mini-header,
.box-layout .navbar {
    max-width: calc(var(--box-layout-width) - 30px);
    margin: 0 auto
}

.row,
.shop-grid.shop-grid-style-4 {
    margin-right: -15px;
    margin-left: -15px
}

.row.g-0 {
    margin-right: 0;
    margin-left: 0
}

.row.g-0>* {
    padding-right: 0;
    padding-left: 0
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl,
.row>* {
    padding-right: 15px;
    padding-left: 15px
}

.container-fluid {
    max-width: calc(var(--container-fluid, 1900px) + var(--offset-x)*2);
    padding-left: var(--offset-x);
    padding-right: var(--offset-x);
    --offset-x: 15px
}

@media (min-width:992px) {
    .container-fluid {
        --offset-x: var(--container-fluid-offset, 15px);
        --offset-x: 25px
    }

    .lookbook-close {
        display: none
    }

    .shop-banner-2.design-style-2 .banner-item:first-child {
        padding-right: 8px
    }

    .shop-banner-2.design-style-2 .banner-item:nth-child(2) {
        padding-left: 8px
    }

    .shop-banner-2.design-style-2 .banner-item:nth-child(3) {
        padding-left: 0
    }

    .slideshow-banner .banner-image.banner-item-2 {
        height: calc(50% - 15px)
    }

    .jdgm-widget:not(.jdgm-review-widget--small, .jdgm-review-widget--medium) .jdgm-histogram+.jdgm-widget-actions-wrapper,
    .jdgm-widget:not(.jdgm-review-widget--small, .jdgm-review-widget--medium) .jdgm-rev-widg__summary+.jdgm-histogram,
    .jdgm-widget:not(.jdgm-review-widget--small, .jdgm-review-widget--medium) .jdgm-rev-widg__summary+.jdgm-widget-actions-wrapper {
        border-color: var(--extra-medium-gray) !important
    }
}

.tooltip-inner {
    white-space: nowrap;
    padding: 4px 12px;
    background-color: var(--dark-color);
    border-radius: 3px;
    font-size: 13px
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--dark-color)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--dark-color)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--dark-color)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--dark-color)
}

.large-section-top {
    padding-top: 200px
}

.medium-section-top {
    padding-top: 100px
}

.small-section-top {
    padding-top: 80px
}

.large-section-bottom {
    padding-bottom: 200px
}

.medium-section-bottom {
    padding-bottom: 100px
}

.small-section-bottom {
    padding-bottom: 80px
}

.very-small-section-bottom {
    padding-bottom: 50px
}

.breadcrumb-alt .page-title h1,
.very-small-section-top {
    padding-top: 50px
}

.btn {
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 4px;
    width: auto;
    transition: .3s ease-in-out
}

.btn.btn-base-color {
    background-color: var(--base-color);
    border-color: var(--base-color);
    color: var(--white-color)
}

.btn.btn-base-color-border,
.btn.btn-base-color:active,
.btn.btn-base-color:hover {
    background-color: transparent;
    border-color: var(--base-color);
    color: var(--base-color)
}

.btn.btn-white {
    background-color: var(--white-color);
    border-color: var(--white-color);
    color: var(--dark-color)
}

.btn.btn-white-border.border-opacity {
    border-color: rgba(255, 255, 255, .15)
}

.btn.btn-white-border.border-opacity:active,
.btn.btn-white-border.border-opacity:hover,
.shop-grid.shop-grid-style-3 li.item-4 .shop-grid-details .small-title span {
    border-color: #fff
}

.btn.btn-black-border.border-opacity {
    border-color: rgba(52, 53, 52, .15)
}

.btn.btn-black-border.border-opacity:hover {
    border-color: #343534
}

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

.btn-black.btn:disabled,
.btn.btn-black,
.btn.btn-black.btn.disabled,
.cart-notification-buttons-wrapper .btn.disabled,
.cart-notification-buttons-wrapper .btn:disabled,
.form-wrap .contact .btn.disabled,
.form-wrap .contact .btn:disabled,
.product-summary .cart-btn:hover,
.shop-collection-category-style-5 .collection-title a:hover .count,
.shop-collection-category-style-5 .collection-title.active a .count,
.shop-metro .product-box:hover .product-buttons-wrap a,
.shop-metro .product-buttons-wrap a:hover,
fieldset:disabled .btn {
    background-color: var(--dark-color);
    border-color: var(--dark-color);
    color: var(--white-color)
}

.btn-black:hover,
.btn.btn-black:active {
    background-color: transparent;
    color: var(--dark-color);
    border-color: var(--dark-color)
}

.btn.btn-custom {
    color: var(--custom-btn-text-color);
    background-color: var(--custom-btn-bg-color);
    border-color: var(--custom-btn-border-color)
}

.btn.btn-custom:active,
.btn.btn-custom:hover {
    color: var(--custom-btn-text-hover-color);
    background-color: var(--custom-btn-bg-hover-color);
    border-color: var(--custom-btn-border-hover-color)
}

.btn.btn-white-border:active,
.btn.btn-white-border:hover,
.shop-standard .product-buttons-wrap a:hover {
    background-color: var(--white-color);
    color: var(--dark-color);
    border-color: var(--white-color)
}

.btn.btn-black-border {
    background-color: transparent;
    border-color: var(--dark-color);
    color: var(--dark-color)
}

.btn.btn-black-border:active,
.btn.btn-black-border:hover,
.google-maps-link a,
.password-page-wrap form .btn,
.product-box .btn-action .wishlist-btn.active,
.product-box .btn-action a.active,
.product-box .btn-action a[data-compare=view],
.product-box .product-buttons-wrap .wishlist-btn.active,
.product-box .product-buttons-wrap a.active,
.product-box .product-buttons-wrap a[data-compare=view],
.product-img-btn:hover,
.product-summary .wishlist-btn.active,
.quickview-wrapper .product-summary .cart-btn,
.shop-box .product-box .btn-action .wishlist-btn.active,
.shop-classic .product-buttons-wrap .wishlist-btn.active,
.shop-classic .product-buttons-wrap .wishlist-btn:hover,
.shop-classic .product-buttons-wrap a:hover,
.shop-classic .product-buttons-wrap a[data-compare=view],
.shop-clean .product-box .btn-action .wishlist-btn.active,
.shop-clean .product-buttons-wrap a:hover,
.shop-clean .product-buttons-wrap button:hover,
.shop-collection-category-style-1 .collection-item:hover .collection-content span,
.shop-flat .product-buttons-wrap a:hover,
.shop-flat .product-buttons-wrap button:hover,
.shop-minimalist .product-box .btn-action .wishlist-btn.active,
.shop-minimalist .product-box .btn-action .wishlist-btn:hover,
.shop-minimalist .product-box .btn-action a:hover,
.shop-minimalist .product-buttons-wrap a:hover,
.shop-minimalist .product-buttons-wrap button:hover,
.shop-standard .product-box .btn-action .wishlist-btn.active,
.shopify-challenge__button,
.slider-with-arrow .swiper-button-next:hover,
.slider-with-arrow .swiper-button-prev:hover,
.sticky-addtocart .compare-btn[data-compare=view],
.sticky-addtocart .wishlist-btn.active {
    background-color: var(--dark-color);
    color: var(--white-color);
    border-color: var(--dark-color)
}

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

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0;
    box-shadow: none
}

.button i {
    margin-right: 7px;
    top: 1px
}

.shopify-challenge__button {
    font-size: var(--font_size_minus3);
    padding: 10px 24px;
    border-radius: 4px;
    border-color: var(--dark-color);
    border: 2px solid transparent;
    margin: 30px auto 80px !important
}

.shopify-challenge__button:hover {
    background-color: transparent;
    color: var(--dark-color);
    border-color: var(--dark-color)
}

.btn.btn-extra-large {
    font-size: var(--font_size);
    padding: 22px 44px
}

.btn.btn-large {
    font-size: var(--font_size_minus1);
    padding: 16px 32px
}

.btn.btn-medium {
    font-size: var(--font_size_minus2);
    padding: 12px 24px
}

.btn.btn-small {
    font-size: var(--font_size_minus3);
    padding: 10px 20px
}

.btn.btn-very-small {
    font-size: var(--font_size_minus4);
    padding: 8px 16px
}

.custom-html-widget ul li a,
.custom-html-widget ul li a i,
.marqee-news,
.product-box .jdgm-widget,
.product-box .spr-badge-starrating .spr-icon,
.switcher-dropdown,
.switcher-dropdown .label,
.text-widget,
.text-widget a {
    font-size: var(--font_size_minus3)
}

.btn.btn-link {
    padding: 0 0 2px !important;
    border: 0;
    border-bottom: 2px solid;
    letter-spacing: 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none
}

.btn .right-icon,
.btn-link .right-icon {
    margin-left: 5px;
    transition: none
}

.btn .left-icon,
.btn-link .left-icon {
    margin-right: 7px;
    transition: none
}

.btn i {
    vertical-align: middle
}

.btn.btn-small i {
    vertical-align: initial
}

.border-bt,
.mini-header {
    border-bottom: 0px solid var(--extra-medium-gray)
}

.mini-header .row>div,
.newsletter-model .model-bottom label,
.product-box .loox-rating,
.product-summary .rating-sku-wrap .product-sku,
.testimonial-style-01 .designation,
header .navbar-right .cart-notification a {
    line-height: normal
}

.mini-header .container,
.mini-header .container-fluid,
.mini-header .w-100 {
    padding-top: 9px;
    padding-bottom: 9px
}

.main-product-page>.w-100,
.mini-header .w-100,
.shop-banner-2.design-style-2>.w-100 {
    padding-left: 15px;
    padding-right: 15px
}

.mini-header select {
    width: auto;
    margin-bottom: 0;
    border: none
}

.switcher-dropdown .label {
    cursor: pointer;
    display: flex;
    align-items: center
}

.switcher-dropdown .label svg {
    margin-left: 7px;
    width: 11px;
    transition: .2s ease-in-out
}

.switcher-dropdown ul {
    visibility: hidden;
    cursor: pointer;
    transition: .2s ease-in-out;
    position: absolute;
    top: 100%;
    right: 0;
    opacity: 0;
    background-color: var(--white-color);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
    padding: 10px 20px;
    width: max-content;
    border-radius: 5px;
    z-index: 9;
    text-align: left;
    display: block;
    min-width: 70px
}

.language-form .switcher-dropdown ul {
    min-width: 95px
}

.switcher-dropdown ul li {
    list-style: none;
    display: block;
    line-height: normal;
    margin-bottom: 5px
}

.lookbook .pin-item:hover .pin-product,
.product .product-image-main:hover .swiper-button-next,
.product .product-image-main:hover .swiper-button-prev,
.scroll-progress.visible,
.shop-box .product-box .box-inner:hover .btn-action,
.shop-clean .product-box .box-inner:hover .product-buttons-wrap,
.switcher-dropdown.active ul,
.testimonial-tabs .nav-pills .nav-link.active~.rating {
    opacity: 1;
    visibility: visible
}

.switcher-dropdown.active .label svg {
    transform: rotate(180deg)
}

.cookie-message .cookie-btn .btn:first-child,
.language-form,
.product-summary .rating-sku-wrap div:not(:last-child) {
    margin-right: 20px
}

.switcher-dropdown ul li a {
    color: var(--dark-color);
    font-weight: var(--font-weight-400);
    border-bottom: 1px solid transparent
}

.custom-html-widget ul li a,
.testimonial-slider .box-content .author-name,
.text-widget a {
    font-weight: var(--font-weight-500);
    color: var(--dark-color)
}

.cart-agreement a,
.no-search-result a,
.switcher-dropdown ul li a.active,
.switcher-dropdown ul li a:hover {
    border-bottom: 1px solid var(--dark-color)
}

.text-widget a {
    margin-left: 5px;
    border-bottom: 1px solid
}

.text-widget a i {
    margin-left: 4px
}

.custom-html-widget ul li {
    display: inline-block;
    margin-left: 20px
}

.custom-html-widget ul li a i {
    position: relative;
    margin-right: 5px
}

.custom-html-widget ul li a,
.top-banner-with-product .product-box .price-wrapper {
    display: flex;
    align-items: center
}

.header-social ul li {
    margin-left: 15px;
    vertical-align: middle
}

.client-logo-slider .swiper-button-next:hover,
.client-logo-slider .swiper-button-prev:hover,
.header-social ul li a:hover,
.shop-box .product-box .product-card-form.sold-product .product-card-variant-option,
.shop-box .product-box .product-card-form.sold-product .quantity,
.social-icon-with-text li a:hover,
.social-short-name li a:hover,
.social-simple li a:hover {
    opacity: .6
}

.header-social ul li a i {
    font-size: var(--font_size);
    margin-right: 0;
    top: 0
}

.social-sharing li {
    margin-left: 12px
}

.social-icon-only li {
    display: inline-block;
    list-style: none;
    font-size: var(--font_size_plus2);
    margin-left: 0
}

.social-icon-only li a {
    position: relative;
    z-index: 9;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: var(--font_size);
    color: var(--dark-color);
    transition: .3s cubic-bezier(.12, 0, .39, 0)
}

.social-icon-with-text.social-icon-only li a svg {
    margin-right: 0;
    font-size: initial
}

.social-icon-only li span {
    border-radius: 0;
    display: block;
    height: 0;
    width: 0;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    transition: .4s cubic-bezier(.12, 0, .39, 0);
    z-index: -1;
    background-color: var(--base-color)
}

.social-icon-only li a:hover span {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    top: 0;
    left: 0
}

.social-icon-only li .facebook span {
    background-color: #3b5998
}

.social-icon-only li .dribbble span {
    background-color: #ea4c89
}

.social-icon-only li .twitter span {
    background-color: #00aced
}

.social-icon-only li .pinterest span {
    background-color: #cb2027
}

.social-icon-only li .instagram span {
    background-color: #fe1f49
}

.social-icon-only li .tumblr span {
    background-color: #001935
}

.social-icon-only li .github span,
.social-icon-only li .tiktok span {
    background-color: #000
}

.social-icon-only li .snapchat span {
    background-color: #fffc00
}

.social-icon-only li .youtube span {
    background-color: red
}

.social-icon-only li .vimeo span {
    background-color: #ffa200
}

.social-icon-only li .discord span {
    background-color: #5865f2
}

.social-icon-only li .whatsapp span {
    background-color: #2fe965
}

.social-icon-only li .spotify span {
    background-color: #1dd05d
}

.social-icon-only li .linkedin span {
    background-color: #0077b5
}

.social-icon-only li .skype span {
    background-color: #00b4ff
}

.announcement-bar,
.bg-dark-gray,
.hongo-overlay,
.magic-cursor-wrapper.dark #ball-cursor,
.social-icon-only li .email span {
    background-color: var(--dark-color)
}

.social-icon-only.icon-medium li a {
    font-size: var(--font_size_plus6);
    width: 50px;
    height: 50px
}

.social-wrapper.sticky-hidden {
    left: 0;
    opacity: 0
}

.social-wrapper .social-icon-with-text li,
.social-wrapper .social-short-name li {
    margin-left: 25px
}

.social-icon-with-text li,
.social-short-name li,
.social-simple li {
    display: inline-block;
    list-style: none;
    margin-left: 12px;
    font-size: var(--font_size);
    font-weight: var(--font-weight-600)
}

.deal-products.deal-product-style-2 .deal-timer,
.social-simple li {
    margin-left: 20px
}

.product-footer .price-box .price-item,
.product-footer .price-box .separator,
.social-icon-with-text li a svg,
.top-banner-with-product .product-box .price-item:not(:last-child) {
    margin-right: 8px
}

.social-wrapper {
    position: fixed;
    top: 50%;
    left: 35px;
    z-index: 10;
    transform: rotate(-90deg) translate(-50%, 50%);
    transform-origin: 0 50%;
    transition: .3s cubic-bezier(.7, 0, .3, 1)
}

.grid,
.social-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.hongo-overlay {
    opacity: .95;
    left: 0;
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%
}

.arrow_box,
.bg-opacity-color {
    opacity: .8
}

.grid li {
    float: left;
    position: relative
}

.grid-item-double,
.shop-grid li.grid-item-double {
    width: 50%
}

.shop-grid li .grid-overlay,
.shop-grid li .shop-grid-details {
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    left: 0
}

.gutter-none {
    list-style: none;
    padding: 0
}

.gutter-very-small li {
    padding: 5px
}

.gutter-very-small,
.shop-box .product-box .product-card-form .variant-qty-wrapper {
    margin: 0 -5px
}

.gutter-small li {
    padding: 10px
}

.gutter-small {
    margin: 0 -10px
}

.gutter-medium li,
.recent-bought .recent-bought-inner {
    padding: 15px
}

.gutter-medium {
    margin: 0 -15px
}

.gutter-large li {
    padding: 20px
}

.gutter-large {
    margin: 0 -20px
}

.gutter-extra-large li {
    padding: 25px
}

.gutter-extra-large,
.shop-collection-category-style-3 .row.grid-row {
    margin: 0 -25px
}

.shop-grid {
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

.shop-grid li {
    float: left;
    width: 25%
}

.badge-wrap,
.shop-grid li .shop-grid-details {
    z-index: 9
}

.shop-grid.shop-grid-style-1 li .shop-grid-details .title {
    margin-bottom: 5px;
    font-weight: 400
}

.shop-grid.shop-grid-style-1 li .shop-grid-details .small-title {
    font-weight: var(--font-weight-500);
    color: var(--dark-color);
    margin-bottom: 15px
}

.shop-grid li .shop-grid-details .btn {
    margin-top: 17px;
    pointer-events: auto
}

.shop-grid-style-1 .item-1.placeholder-item.grid-item-double .placeholder-img {
    width: 1000px;
    height: 500px;
    max-width: 100%;
    max-height: 100%
}

.shop-grid-style-1 .item-2.placeholder-item.grid-item-double .placeholder-img {
    width: 1000px;
    height: 1000px;
    max-width: 100%;
    max-height: 100%
}

.shop-grid-style-1 .placeholder-item .placeholder-img {
    width: 500px;
    height: 500px;
    max-width: 100%;
    max-height: 100%
}

.shop-grid-style-2 li .shop-grid-details .title {
    font-weight: var(--font-weight-600);
    margin-bottom: 11px
}

.shop-grid-style-2 li .shop-grid-img img {
    transform: scale(1);
    transition: .3s cubic-bezier(.12, 0, .39, 0);
    will-change: transform
}

.feature-brand-style-1 .brand-inner-box:hover>img,
.shop-grid-style-2 li:hover .shop-grid-img img {
    transform: scale(1.07)
}

.shop-grid-style-2 li.item-1:hover .shop-grid-img img,
.shop-simple .product-box:hover .product-image img {
    transform: scale(1)
}

.shop-grid-style-2 .shop-grid-badge {
    font-size: 10px;
    line-height: normal;
    font-weight: var(--font-weight-600);
    color: var(--white-color);
    background-color: var(--dark-color);
    padding: 5px 15px;
    text-transform: uppercase;
    border-radius: 12px;
    text-align: center;
    position: absolute;
    top: 25px;
    right: 25px
}

.shop-grid.shop-grid-style-3 li {
    width: 30%;
    padding: 0
}

.deal-products .product-box .product-image,
.shop-grid.shop-grid-style-3 li.grid-item-double,
.special-product .product-box .product-image {
    width: 40%
}

.shop-grid.shop-grid-style-3 li .shop-grid-details .title {
    font-weight: var(--font-weight-600);
    margin-bottom: 22px
}

.shop-grid.shop-grid-style-3 li.item-2 .shop-grid-details .title {
    font-size: var(--font_size_plus39);
    line-height: var(--font_size_plus36)
}

.shop-grid.shop-grid-style-3 li .shop-grid-details .small-title span {
    border-bottom: 1px solid;
    border-color: #1c1c1c;
    font-weight: var(--font-weight-500)
}

.shop-grid-style-3 .placeholder-item.grid-item-double .placeholder-img {
    width: 800px;
    height: 375px;
    max-width: 100%;
    max-height: 100%
}

.shop-grid-style-3 .placeholder-item .placeholder-img {
    width: 576px;
    height: 750px;
    max-width: 100%;
    max-height: 100%
}

.shop-grid.shop-grid-style-4 li.grid-content-column {
    width: 66.667%
}

.shop-grid.shop-grid-style-4 li.grid-banner-column {
    width: 33.333%
}

.cart-agreement p,
.shop-grid.shop-grid-style-4 li.grid-item img,
.wrapper-response p,
.wrapper-response ul {
    margin: 0
}

.shop-grid.shop-grid-style-4 .shop-grid-details .title {
    font-weight: var(--font-weight-600);
    letter-spacing: -1px
}

.shop-grid.shop-grid-style-4 .shop-grid-details .small-title {
    font-weight: var(--font-weight-500);
    margin-bottom: 8px
}

.shop-grid-style-4 .placeholder-item:first-child .placeholder-img {
    height: 483px;
    max-width: 100%;
    max-height: 100%
}

.shop-grid-style-4 .placeholder-item .placeholder-img {
    height: 482px;
    max-width: 100%;
    max-height: 100%
}

.shop-grid.shop-grid-style-5 .shop-grid-details .small-title {
    margin-bottom: 10px;
    color: var(--dark-color)
}

.shop-grid.shop-grid-style-5 .shop-grid-details .title {
    margin-bottom: 20px;
    letter-spacing: -1px
}

.shop-grid.shop-grid-style-5 li.item-1 .shop-grid-details .title {
    font-size: var(--font_size_plus39);
    line-height: var(--font_size_plus39)
}

.deal-products.deal-product-style-2 .product-box .product-rating,
.form-information .newsletter-msg,
.shop-grid.shop-grid-style-5 li .shop-grid-details .btn,
.shop-metro .product-box .btn-action,
.shop-simple .product-box .btn-action {
    margin-top: 0
}

.shop-grid-style-5 .placeholder-item.grid-item .placeholder-img {
    width: 480px;
    height: 600px;
    max-width: 100%;
    max-height: 100%
}

.shop-grid-style-5 .placeholder-item.grid-item-double .placeholder-img {
    width: 952px;
    height: 600px;
    max-width: 100%;
    max-height: 100%
}

ul.gutter-very-small li.grid-item .res-image {
    margin-top: -2.5px;
    margin-bottom: -2.5px
}

ul.gutter-small li.grid-item .res-image,
ul.gutter-very-small li.grid-item.grid-item-double .res-image {
    margin-top: -5px;
    margin-bottom: -5px
}

ul.gutter-large li.grid-item .res-image,
ul.gutter-small li.grid-item.grid-item-double .res-image {
    margin-top: -10px;
    margin-bottom: -10px
}

ul.gutter-medium li.grid-item .res-image {
    margin-top: -7.5px;
    margin-bottom: -7.5px
}

ul.gutter-medium li.grid-item.grid-item-double .res-image {
    margin-top: -15px;
    margin-bottom: -15px
}

ul.gutter-large li.grid-item.grid-item-double .res-image {
    margin-top: -20px;
    margin-bottom: -20px
}

ul.gutter-extra-large li.grid-item .res-image {
    margin-top: -12.5px;
    margin-bottom: -12.5px
}

ul.gutter-extra-large li.grid-item.grid-item-double .res-image {
    margin-top: -25px;
    margin-bottom: -25px
}

.announcement-bar {
    padding: 4px 15px;
    color: var(--white-color);
    position: relative
}

.announcement-bar a,
.shop-simple .product-box .spr-badge-starrating .spr-icon {
    font-size: var(--font_size_minus4)
}

.shop-flat .product-box .spr-badge-starrating .spr-icon {
    font-size: var(--font_size_minus5);
    margin-right: 1px
}

.close-announcement-bar {
    position: absolute;
    right: 10px;
    cursor: pointer;
    color: var(--white-color);
    z-index: 1;
    padding: 5px
}

.announcement-bar p span {
    background-color: var(--base-color);
    line-height: normal;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    margin-right: 7px
}

.announcement-bar p a {
    font-size: var(--font_size_minus3);
    display: inline-block;
    line-height: var(--font_size_plus2);
    border-bottom: 1px solid;
    font-weight: var(--font-weight-500)
}

.mini-header .text-widget span {
    font-size: 11px;
    line-height: normal;
    font-weight: var(--font-weight-500);
    color: var(--white-color);
    background-color: #da3f3f;
    padding: 4px 11px;
    border-radius: 20px;
    margin-right: 7px
}

.section-heading {
    font-size: var(--section-heading-size);
    line-height: var(--section-heading-line-height);
    margin-bottom: 10px
}

.section-sub-heading {
    font-size: var(--section-sub-heading-size);
    line-height: var(--section-sub-heading-line-height);
    letter-spacing: var(--section-sub-heading-ls);
    color: var(--sub-heading-color);
    margin-bottom: 15px
}

.section-heading span {
    position: relative;
    z-index: 1;
    font-weight: var(--font-weight-600)
}

.featured-products-with-banner .title-wrapper,
.gift-card-heading .shop-name,
.heading-wrapper,
.pwd-page-logo {
    margin-bottom: 50px
}

.very-small-screen {
    height: 200px
}

.extra-small-screen {
    height: 250px
}

.small-screen {
    height: 300px
}

.medium-screen {
    height: 380px
}

.large-screen {
    height: 550px
}

.extra-large-screen {
    height: 700px
}

.shop-banner-style-1 .shop-banner-sub-title {
    margin-bottom: 10px;
    letter-spacing: -5px;
    color: var(--dark-color);
    font-weight: var(--font-weight-600);
    font-size: var(--font_size_plus82);
    line-height: var(--font_size_plus82);
    color: var(--base-color)
}

.shop-banner-style-1 .banner-right,
.testimonial-with-banner .testimonial-content.text-end .slide-content-inner {
    padding-left: 50px
}

.shop-banner-style-1 .rotate-text {
    transform: rotate(-180deg);
    writing-mode: vertical-lr;
    transform-origin: center center;
    color: var(--dark-color);
    font-weight: var(--font-weight-500);
    right: -26px;
    position: relative
}

.shop-banner-style-1 .shop-baner-image {
    border-right: 1px solid var(--extra-medium-gray);
    padding-right: 50px
}

.shop-banner-style-1 .btn,
.shop-classic .product-footer .product-variants {
    margin-top: 10px
}

.rotate-animation {
    position: absolute;
    animation: 10s linear infinite rotation
}

@keyframes rotation {
    100% {
        transform: rotate(360deg)
    }
}

.shop-banner-2 .banner-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.shop-banner-2.design-style-1 .banner-content .sub-title {
    color: var(--dark-color);
    font-weight: var(--font-weight-500);
    display: inline-block;
    border-bottom: 2px Solid;
    margin-bottom: 20px
}

.category-section .heading-wrapper.title-style-1,
.collection-wrap.wishlist .products .product-box,
.contact-detail-wrap>h4,
.header-layout-style-1 .search-results-wrapper .quick-search,
.hero-banner .section-description,
.image-with-text-4 .content-wrap .text-block,
.image-with-text-4 .content-wrap p,
.lookbook-with-product .heading-wrapper,
.lookbook.lookbook-with-video .contnet-img p,
.shop-banner-2.design-style-1 .banner-content .title,
.shop-collection-category-style-4 .placeholder-img {
    margin-bottom: 30px
}

.shop-banner-2.design-style-2 .banner-content .arrow-btn {
    font-size: var(--font_size_plus8);
    padding: 0;
    height: 80px;
    width: 80px;
    background-color: var(--white-color);
    color: var(--dark-color);
    border-radius: 100%;
    margin-left: auto;
    flex-shrink: 0;
    transition: .3s ease-in-out;
    transform: scale(1);
    will-change: transform
}

.shop-banner-2.design-style-2 .banner-content .arrow-btn:hover {
    transform: scale(1.1);
    background-color: var(--base-color)
}

.shop-banner-2.design-style-2 .banner-item-inner img {
    max-width: none;
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
    display: block
}

.shop-banner-2.design-style-2 .banner-item-inner:hover img,
.shop-collection-category-style-4 .collection-item-box:hover img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.shop-banner-2.design-style-2 .banner-content .title span {
    font-weight: var(--font-weight-300)
}

.image-with-faq-style-1 .section-heading,
.newsletter-with-video .newsletter-wrap .section-heading,
.password-wrap p,
.shop-banner-2.design-style-2 .banner-content .title,
.shop-collection-category-style-1 .section-heading {
    margin-bottom: 35px
}

.shop-banner-2.design-style-2 .banner-content .content-left {
    padding-right: 15px
}

.shop-banner-2.design-style-2 .banner-content .sub-title span {
    font-size: var(--font_size_minus3);
    line-height: normal;
    font-weight: var(--font-weight-800);
    background-color: var(--base-color);
    color: var(--dark-color);
    padding: 4px 12px;
    border-radius: 15px;
    margin-right: 8px
}

.shop-banner-2.design-style-2 .banner-content .sub-title a,
.shop-banner-2.design-style-2 .banner-content .sub-title b {
    border-bottom: 1px solid;
    line-height: normal;
    margin: 0
}

.shop-banner-2.design-style-2 .banner-content .sub-title b {
    font-weight: var(--font-weight-500);
    display: inline-block
}

.shop-banner-style-3 .section-sub-heading {
    margin-bottom: 14px;
    display: block;
    font-weight: var(--font-weight-500)
}

.shop-banner-style-3 .section-heading {
    color: var(--dark-color);
    font-weight: var(--font-weight-500);
    border-top: 1px solid;
    border-bottom: 3px solid;
    display: inline-block;
    margin-bottom: 15px
}

.shop-banner-style-3 .btn {
    margin-top: 26px;
    margin-bottom: 25px;
    position: relative;
    z-index: 1
}

.shop-banner-style-3 .strok-text {
    -webkit-text-fill-color: #ffffff;
    -webkit-text-stroke-width: 1px;
    font-size: 125px;
    line-height: 88px;
    font-weight: var(--font-weight-500);
    color: var(--white-color);
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 100%;
    opacity: .5
}

.shop-banner-style-3 .content-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

.quick-action {
    font-size: var(--font_size_minus2);
    padding: 20px 30px
}

.quick-action p {
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

.quick-action p strong {
    border-bottom: 1px solid;
    display: inline-block;
    line-height: normal
}

.quick-action p a {
    font-weight: var(--font-weight-600);
    border-bottom: 2px solid;
    line-height: var(--font_size_plus16);
    display: inline-block
}

.quick-action p a:hover {
    color: var(--dark-color);
    border-color: var(--dark-color)
}

.quick-action .btn {
    margin-left: 30px
}

.client-logo-slider {
    padding: 0 60px
}

.client-logo-slider .swiper-button-next,
.client-logo-slider .swiper-button-prev {
    color: var(--dark-color);
    font-size: var(--font_size_plus2);
    transition-duration: .3s
}

.client-logo a img {
    position: relative;
    top: 0;
    transition: .4s cubic-bezier(.2, 0, .3, 1)
}

.categorie-list-style-1 .categorie-box:hover>a,
.client-logo a:hover img {
    transform: translateY(-7px)
}

.countdown-heading.section-heading {
    margin-bottom: 55px;
    color: var(--white-color)
}

.countdown-sub-heading {
    font-weight: var(--font-weight-500);
    color: var(--base-color);
    margin-bottom: 20px
}

.countdown-descroption {
    color: var(--white-color);
    width: 40%;
    margin-bottom: 65px
}

.collection-wrap .shop-flat .product-box,
.deal-timer {
    margin-bottom: 45px
}

.deal-timer .counter-box {
    display: inline-block;
    margin: 0;
    padding: 0 40px;
    position: relative;
    min-width: 10%;
    text-align: center
}

.deal-timer .counter-box .number {
    font-size: var(--font_size_plus26);
    color: var(--white-color);
    line-height: var(--font_size_plus24);
    font-weight: var(--font-weight-500);
    position: relative;
    width: 100%
}

.deal-timer .counter-box .number:before {
    content: ":";
    color: #716f6b;
    float: right;
    position: absolute;
    right: -44px;
    top: 50%;
    font-size: var(--font_size_plus25);
    margin-top: -4px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: var(--font-weight-600)
}

.deal-timer .counter-box span {
    font-size: var(--font_size_minus4);
    line-height: normal;
    padding-left: 0;
    text-transform: uppercase;
    font-family: var(--alt-font);
    color: rgba(255, 255, 255, .5)
}

.countdown-style-2 .bg-img {
    padding: 15px 0 !important;
    position: relative
}

.countdown-style-2 .countdown-text .countdown-heading {
    margin-bottom: 6px
}

.countdown-style-2 .countdown-text p {
    padding: 0 35px;
    margin-bottom: 0
}

.countdown-style-2 .deal-timer .counter-box .number:before {
    right: -16px;
    font-size: 25px;
    color: #9b948f
}

.countdown-style-2 .deal-timer .counter-box .number {
    color: var(--dark-color);
    font-weight: var(--font-weight-700);
    font-size: var(--font_size_plus24);
    line-height: var(--font_size_plus12)
}

.countdown-style-2 .deal-timer .counter-box span {
    font-size: var(--font_size_minus5);
    font-weight: var(--font-weight-500);
    color: var(--body-text-color);
    display: block;
    margin-top: 10px
}

.countdown-style-2 .deal-timer .countdown .counter-container {
    display: flex;
    justify-content: center
}

.countdown-style-2 .deal-timer .counter-box {
    padding: 0 13px
}

.countdown-style-2 .image-wrapper {
    margin-top: -71px;
    margin-bottom: -55px
}

.countdown-style-2 .shop-btn-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 100%;
    padding: 0
}

.countdown-style-2 .shop-btn-wrapper .inner {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end
}

.countdown-style-2 .shop-btn-wrapper .btn {
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    height: calc(100% + 2px);
    font-size: var(--font_size_minus4);
    padding: 12px;
    border: 0;
    border-radius: 10px 0 0 10px !important;
    background-color: var(--dark-color);
    color: var(--white-color);
    transition: none;
    width: calc(100% + 20px)
}

.accordion-event .panel .panel-heading,
.accordion-event .panel:last-child .panel-heading.active-accordion,
.border-tp {
    border-top: 1px solid var(--extra-medium-gray)
}

.countdown-style-2 .shop-btn-wrapper .btn span {
    margin: 5px 0;
    display: block
}

.countdown-style-2 .shop-btn-wrapper .btn i {
    transform: rotate(90deg);
    margin: 0
}

.featurebox.featurebox-left-icon i,
.featurebox.featurebox-left-icon img,
.testimonial-slider .swiper-button-prev {
    padding-right: 20px
}

.featurebox .feature-box-title {
    color: var(--dark-color);
    display: block
}

.featurebox .feature-box-sub-title {
    line-height: var(--font_size_plus12)
}

.transparent #MainContent>.shopify-section:first-child .page-title .very-small-screen {
    height: calc(200px - var(--header-height))
}

.transparent #MainContent>.shopify-section:first-child .page-title .extra-small-screen {
    height: calc(250px - var(--header-height))
}

.transparent #MainContent>.shopify-section:first-child .page-title .small-screen {
    height: calc(300px - var(--header-height))
}

.transparent #MainContent>.shopify-section:first-child .page-title .medium-screen {
    height: calc(380px - var(--header-height))
}

.transparent #MainContent>.shopify-section:first-child .page-title .large-screen {
    height: calc(550px - var(--header-height))
}

.breadcrumb {
    margin-top: 5px;
    margin-bottom: 0
}

.breadcrumb li a,
.breadcrumb li span {
    font-size: var(--font_size_minus1);
    line-height: var(--font_size_plus1);
    display: inline-block
}

.breadcrumb li:after {
    content: "\e930";
    font-family: feather;
    position: relative;
    top: 1px;
    padding: 0 7px;
    font-size: var(--font_size_minus3);
    float: right
}

.breadcrumb-alt .breadcrumb {
    margin: 0;
    padding: 15px 0
}

.outside-breadcrumb .breadcrumb {
    margin: 15px 0
}

.page-title p {
    margin: 25px 0
}

.page-title.light-style .breadcrumb li a,
.page-title.light-style .breadcrumb li span,
.page-title.light-style .breadcrumb li:after,
.page-title.light-style p {
    color: rgba(255, 255, 255, .5)
}

.page-title-style-1 .description {
    color: var(--dark-color);
    max-width: 330px;
    margin-top: 10px
}

.page-title-style-2 .description {
    color: var(--dark-color);
    line-height: var(--font_size_plus8);
    max-width: 300px;
    border-left: 1px solid rgba(0, 0, 0, .15);
    padding-left: 45px;
    margin-left: 45px
}

.page-title-style-2.light-style .description {
    color: var(--white-color);
    border-left: 1px solid rgba(255, 255, 255, .5)
}

.page-title-style-3 .description {
    margin-top: 15px;
    color: var(--dark-color)
}

.page-title-style-3 .second-word {
    display: inline-block;
    position: relative;
    padding: 0;
    z-index: 1;
    background-size: 2px 2px;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: transparent
}

.page-title-style-3.light-style .second-word {
    background-image: linear-gradient(135deg, transparent 45%, var(--white-color) 45%, var(--white-color) 55%, transparent 0);
    background-image: linear-gradient(135deg, transparent 45%, var(--white-color) 45%, var(--white-color) 55%, transparent 0)
}

.page-title-style-3.dark-style .second-word {
    background-image: linear-gradient(135deg, transparent 45%, var(--dark-color) 45%, var(--dark-color) 55%, transparent 0);
    background-image: linear-gradient(135deg, transparent 45%, var(--dark-color) 45%, var(--dark-color) 55%, transparent 0)
}

.newsletter-with-video .video-wrapper {
    border-radius: 0;
    height: 100%
}

.image-with-product .bg-image-left .res-image,
.image-with-product .bg-image-left>div,
.lookbook-with-product .left-image .res-image,
.newsletter-with-video .video-wrapper .res-image,
.product-quickview-popup,
.product-quickview-popup .product,
.store-usp .usp-item:hover:after {
    height: 100%
}

.newsletter-with-video .newsletter-wrap {
    padding: 110px
}

.cart-notification__links,
.google-maps-link,
.newsletter-with-video .newsletter-wrap .newsletter-msg {
    text-align: center
}

.newsletter-with-video .newsletter-wrap .section-sub-heading,
.slideshow-banner .section-heading {
    font-weight: var(--font-weight-600);
    margin-bottom: 20px
}

.newsletter-with-video .newsletter-wrap .description {
    font-size: var(--font_size_minus1);
    line-height: var(--font_size_plus8);
    margin: 20px 0 0
}

.newsletter-with-video .newsletter-wrap.text-center .description {
    padding: 0 40px
}

.newsletter-with-video .newsletter-wrap .description a,
.text-line-bottom {
    border-bottom: 1px solid
}

.newsletter-with-video .newsletter-wrap input {
    height: 60px;
    padding: 0 76px 0 35px;
    border: 1px solid transparent;
    border-radius: 60px !important;
    color: var(--dark-color);
    box-shadow: 0 0 25px rgba(0, 0, 0, .1);
    background-color: var(--white-color)
}

.newsletter-with-video .newsletter-wrap input::placeholder {
    color: var(--dark-color);
    opacity: .8
}

.newsletter-with-video .newsletter-wrap input::-webkit-input-placeholder {
    color: var(--dark-color);
    opacity: .8
}

.newsletter-with-video .newsletter-wrap input:-ms-input-placeholder {
    color: var(--dark-color);
    opacity: .8
}

.newsletter-with-video .newsletter-wrap .btn {
    font-size: var(--font_size_plus2);
    padding: 0 0 0 20px;
    border-left: 1px solid rgba(35, 35, 35, .2);
    line-height: normal;
    min-height: inherit;
    top: 50%;
    right: 25px;
    transform: translateY(-50%)
}

.newsletter-wrap .btn {
    color: var(--dark-color);
    background-color: transparent;
    border: 0;
    outline: 0;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
    position: absolute;
    right: 1px;
    top: 6px;
    z-index: 4;
    min-height: 34px;
    width: auto
}

.newsletter-wrap .btn i {
    margin-right: 6px;
    position: relative;
    top: -2px;
    transition: none
}

.newsletter-msg {
    margin-top: 10px
}

.form-information {
    background: #fff;
    width: 100%;
    max-width: 440px;
    padding: 70px 20px;
    border-radius: 5px;
    margin: 0 auto
}

.newsletter-msg.success h6 {
    color: var(--green);
    font-size: var(--font_size);
    font-weight: var(--font-weight-400);
    letter-spacing: 0
}

.hero-banner .rating-wrapper .simple-rating,
.newsletter-msg.success i,
.people-review .review-item .rating .simple-rating {
    margin-right: 4px
}

.form-information .newsletter-msg h6 {
    font-size: var(--font_size_plus2);
    font-weight: var(--font-weight-400);
    margin-bottom: 0;
    text-align: center
}

.deal-products .offer-text span,
.discounts .discount-money,
.form-information .newsletter-msg.error h6 {
    color: var(--red)
}

.form-information .newsletter-msg i {
    display: block;
    margin: 0 0 5px;
    font-size: var(--font_size_plus10)
}

.form-information .mfp-close {
    top: 0;
    right: 0
}

.accordion-event .panel * {
    transition: .5s ease-in-out
}

.accordion-event .panel .panel-heading {
    padding: 15px 25px 15px 0;
    position: relative;
    font-weight: var(--font-weight-500);
    color: var(--dark-color)
}

.accordion-event .panel .panel-heading.active-accordion {
    padding-bottom: 8px
}

.accordion-event .panel:first-child .panel-heading {
    border: none
}

.accordion-event .panel .panel-heading i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.accordion-event .panel .panel-body {
    padding: 0 30px 25px 0
}

.product-footer .price-box .price-wrapper,
.spr-pagination>div {
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination .page-numbers,
.spr-pagination>div span {
    color: var(--dark-color);
    text-align: center;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    margin: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s ease-in-out;
    font-size: var(--font_size_minus2)
}

.cart-btn i,
.product-box.swiper-slide,
.product-summary .cart-btn span,
.shop-collection-category-style-2 .collection-item .collection-item-box>a {
    transition: none
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.spr-pagination>div span.is-active,
.spr-pagination>div span:hover {
    background-color: var(--very-light-gray)
}

.spr-pagination-next,
.spr-pagination-prev {
    position: inherit !important;
    right: inherit !important;
    left: inherit !important;
    font-size: 0 !important
}

.spr-pagination-prev:before {
    content: "\e92f";
    font-family: feather;
    font-size: 18px
}

.spr-pagination-next:after {
    content: "\e930";
    font-family: feather;
    font-size: 18px
}

.spr-pagination {
    padding-top: 30px !important
}

.image-with-text .content-wrap {
    padding-left: 57px
}

.image-with-text .counter-wrap .counter-item span,
.show-theme-demos .theme-demos,
.team-member .team-box span {
    display: block
}

.image-with-text .content-wrap>span {
    margin-bottom: 15px;
    display: block
}

.image-with-text .image {
    padding-right: 57px
}

.image-with-text .counter-wrap .counter-item:not(:last-child) {
    margin-right: 50px
}

.image-with-text-1 .support-wrap {
    background-color: var(--white-color);
    position: absolute;
    bottom: 60px;
    left: -20px
}

.image-with-text-1 .support-wrap .support-content {
    background-color: var(--white-color);
    padding: 22px 20px 15px;
    min-width: 185px;
    box-shadow: 0 4px 30px rgba(38, 38, 38, .1)
}

.image-with-text-1 .support-wrap .phone {
    padding: 13px;
    background-color: var(--base-color);
    font-size: var(--font_size_minus1)
}

.image-with-text-1 .image-wrap {
    padding-right: 80px
}

.image-with-text-1 .content-wrap h3 {
    width: 85%;
    margin-bottom: 20px
}

.image-with-text-1 .content-wrap .section-description {
    width: 75%;
    margin-bottom: 20px
}

.image-with-text-1 ul {
    list-style: none;
    display: inline-block;
    margin-top: 10px
}

.image-with-text-1 ul li {
    padding-left: 55px;
    position: relative;
    margin-bottom: 30px
}

.image-with-text-1 ul li:before {
    content: "\f26e";
    font-family: bootstrap-icons;
    width: 35px;
    height: 35px;
    background-color: var(--base-color);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    color: var(--white-color);
    font-size: var(--font_size_plus4)
}

.image-with-text-1 ul li span {
    display: inline-block;
    color: var(--dark-color);
    font-weight: var(--font-weight-500)
}

.image-with-text-1 ul li p {
    margin-bottom: 0;
    width: 76%
}

.image-with-text-1 .btn-wrapper,
.image-with-text-3 .content .btn,
.welcome-popup-main .popup-inner .welcome-popup-box .button-wrapper {
    margin-top: 35px
}

.image-with-text-3 .content {
    padding-right: 8%
}

.image-with-text-4 .content-wrap h3 {
    margin-bottom: 40px;
    width: 90%
}

.image-with-text-4 .content-wrap .title .text-highlight:before,
.mfp-ready~main .shop-modern .product-buttons-wrap,
.mfp-ready~main .shop-simple .product-buttons-wrap,
.mfp-ready~main .shop-standard .product-buttons-wrap {
    bottom: 0
}

.image-with-text-4 .content-wrap .feature-box {
    margin-right: 25px
}

.image-with-text-4 .content-wrap .feature-box i {
    font-size: var(--font_size_plus24);
    color: var(--base-color)
}

.image-with-text-4 .content-wrap .feature-text .block-title {
    font-size: var(--font_size_plus2);
    line-height: var(--font_size_plus11);
    color: var(--heading-color);
    font-weight: var(--font-weight-500);
    margin-bottom: 8px
}

.image-with-text-4 .content-wrap .feature-text p {
    margin-bottom: 0;
    width: 80%
}

.image-with-text-5 .content-block {
    padding-right: 40px
}

.image-with-text-5 .content-sub-heading {
    letter-spacing: 1.5px;
    margin-bottom: 15px
}

.image-with-text-5 .feature-icon {
    font-size: var(--font_size_plus5);
    display: flex;
    flex-shrink: 0;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    margin-right: 17px;
    background-color: #f6eae2
}

.image-with-text-5 .award-detail {
    margin-top: 90px
}

.image-with-text-5 .awards-text {
    line-height: 25px;
    font-weight: var(--font-weight-500);
    color: var(--dark-color);
    max-width: 200px;
    text-align: left
}

.image-with-text-5 .content-sub-title {
    font-size: var(--font_size_plus1);
    color: var(--dark-color);
    margin-bottom: 4px;
    font-weight: var(--font-weight-600)
}

.image-with-text-5 .section-sub-heading {
    margin-bottom: 10px;
    font-weight: var(--font-weight-600)
}

.image-with-text-5 .image-wrapper {
    margin-top: 45px
}

.image-with-text-6 .image-wrapper {
    margin-top: -45px
}

.image-with-text-6 .content-wrap {
    padding-right: 85px;
    padding-top: 50px;
    padding-bottom: 50px
}

.image-with-text-6 .content-wrap .btn-wrapper .btn:last-child,
.product .price .save-lable {
    margin-left: 15px
}

.image-with-text-6 .section-heading {
    padding-right: 15px;
    margin-bottom: 20px
}

.video-with-text .banner-left {
    margin: -50px -6.5vw 0 -7vw;
    position: relative;
    z-index: 1
}

.video-with-text .video-icon {
    font-size: 30px
}

.video-with-text .banner-right {
    margin-right: -7vw;
    padding: 12% 10% 12% 34%;
    overflow: visible;
    background-color: var(--base-color)
}

.popup-video {
    width: 100px;
    height: 100px;
    background-color: var(--white-color);
    box-shadow: 0 0 30px rgba(0, 0, 0, .08)
}

.video-with-text .banner-right .banner-content h3 {
    margin-bottom: 35px;
    padding-right: 45px
}

.video-with-text .banner-right .banner-content>span {
    margin-bottom: 30px;
    display: inline-block
}

.video-with-text .banner-right .banner-content ul li {
    list-style: none;
    padding-left: 40px;
    position: relative;
    margin-bottom: 20px;
    color: var(--white-color)
}

.video-with-text .banner-right .banner-content ul li span {
    font-size: var(--font_size_plus1)
}

.video-with-text .banner-right .banner-content ul li p {
    color: rgba(255, 255, 255, .7);
    margin-bottom: 0
}

.video-with-text .banner-right .banner-content ul li:before {
    content: "\f26a";
    font-family: bootstrap-icons;
    line-height: var(--font_size_plus7);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 4px;
    font-size: var(--font_size_plus4)
}

.contact-detail-wrap {
    padding-right: 100px
}

.contact-form .form-content,
.featured-products-with-banner .product-wrapper {
    padding-left: 70px
}

.cart-notification-ymal .product-footer .price-box .special-price,
.contact-card .contact-content p span,
.contact-form form .field label,
.product-summary .product-sku .sku,
.shop-simple .product-box .product-footer .regular-price,
.shop-simple .product-box .product-footer .special-price,
.welcome-popup-main .popup-inner .welcome-popup-box span {
    color: var(--dark-color);
    font-weight: var(--font-weight-500)
}

.contact-form .title,
.google-maps-link a,
.infowindow p,
.product-variants .form-label span,
.wishlist-warning h6 {
    font-weight: var(--font-weight-400)
}

.contact-form .form-content .section-sub-heading {
    font-size: var(--font_size_minus2);
    line-height: var(--font_size_plus8);
    color: var(--dark-color);
    font-weight: var(--font-weight-500);
    margin-bottom: 10px;
    display: inline-block
}

.contact-detail-wrap .social-icon>span {
    color: var(--dark-color);
    margin-right: 5px;
    flex-shrink: 0
}

.contact-detail-wrap .contact-item {
    position: relative;
    padding-left: 40px;
    margin-bottom: 25px
}

.contact-detail-wrap .contact-item i {
    font-size: var(--font_size_plus4);
    line-height: normal;
    color: var(--dark-color);
    position: absolute;
    top: 0;
    left: 0
}

.contact-detail-wrap .contact-item>div {
    color: var(--dark-color);
    font-weight: var(--font-weight-500);
    line-height: normal;
    margin-bottom: 5px
}

.checkout-sidebar .cart-footer,
.contact-card .contact-content .map-link,
.deal-products .title-style-1 .title-style-btn,
.empty-mini-cart a,
.feature-product-tab-style-2 .title-style-1 .title-style-btn,
.form-wrap .contact .form-agreement,
.product-summary .shopify-payment-button,
.quickview-wrapper .product-summary .product-form,
.shop-minimalist .product-footer .product-variants {
    margin-top: 15px
}

.form-wrap .contact p {
    font-size: var(--font_size_minus2);
    line-height: var(--font_size_plus6);
    margin-bottom: 0
}

.form-wrap .contact p a {
    border-bottom: 1px solid var(--dark-color);
    color: var(--dark-color)
}

.form-wrap .contact input,
.form-wrap .contact textarea {
    border: none;
    border-bottom: 1px solid var(--extra-medium-gray);
    padding: 0 35px 10px 0;
    margin-bottom: 0;
    border-radius: 0
}

.form-wrap .contact textarea {
    padding-top: 5px
}

.form-wrap .contact input[type=checkbox] {
    height: auto;
    width: auto;
    margin-right: 10px;
    padding: 0
}

.form-wrap .contact button i {
    margin-left: 6px;
    margin-top: -3px;
    transition: none
}

.form-wrap .contact .input-group .field-icon {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    margin-top: -5px
}

.form-wrap .contact .input-group.form-textarea .field-icon {
    top: 26px
}

.form-status-message i {
    position: absolute;
    left: 20px;
    top: 13px;
    font-size: var(--font_size_plus2)
}

.form-status-message {
    font-size: var(--font_size_minus3);
    padding: 12px 20px 12px 50px;
    color: #0f5132;
    background-color: #d1e7dd;
    border: 1px solid #badbcc;
    line-height: var(--font_size_plus3);
    position: relative
}

.form-status-message:focus {
    outline: 0;
    box-shadow: none
}

.shopify-challenge__message {
    color: var(--dark-color);
    font-weight: var(--font-weight-500);
    margin-top: 80px;
    display: inline-block;
    width: 100%
}

.contact-form-with-image .sub-title {
    font-size: var(--font_size_plus2);
    font-weight: var(--font-weight-500);
    color: var(--dark-color);
    margin-bottom: 20px;
    display: block
}

.contact-form-with-image input,
.contact-form-with-image select,
.contact-form-with-image textarea {
    border: 0;
    border-bottom: 1px solid var(--extra-medium-gray);
    padding: 0;
    border-radius: 0;
    margin-bottom: 10px
}

.contact-form-with-image input {
    height: 64px;
    padding-right: 30px
}

.contact-form-with-image .field .field-icon {
    position: absolute;
    top: 14px;
    right: 0;
    font-size: var(--font_size_plus2)
}

.contact-form-with-image .form-agreement {
    font-size: var(--font_size_minus3);
    line-height: normal;
    margin-bottom: 20px
}

.contact-form-with-image .form-agreement input[type=checkbox] {
    height: auto;
    width: auto;
    margin: -1px 10px 0 0;
    border: 1px solid var(--extra-medium-gray)
}

.contact-card .contact-content .country-name {
    top: -18px;
    left: 35px;
    font-size: var(--font_size_plus72);
    color: var(--dark-color);
    font-weight: var(--font-weight-700);
    text-transform: uppercase
}

.contact-card img,
.gift-card-information .btn,
.lookbook .pin-product img {
    border-radius: 4px
}

.contact-card .contact-content {
    padding: 55px 40px 0
}

.contact-card .contact-content p a.mail-link {
    color: var(--dark-color);
    border-bottom: 1px solid;
    font-weight: var(--font-weight-500)
}

.contact-card .contact-content .map-link i {
    color: var(--dark-color);
    vertical-align: middle
}

.contact-card .contact-content .map-link p {
    display: inline-block;
    color: var(--dark-color);
    font-size: var(--font_size_minus4);
    font-weight: var(--font-weight-600);
    margin-bottom: 0
}

.contact-card .contact-content .map-link a:after {
    content: '';
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--dark-color);
    width: 0;
    transition: .4s
}

.arrow_box {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    position: relative;
    cursor: pointer
}

.arrow_box span {
    width: 100%;
    height: 100%;
    border: 1px solid;
    opacity: .2;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.arrow_box span:first-child {
    animation: 1.5s cubic-bezier(.4, 0, .2, 1) infinite forwards markerWave
}

.arrow_box span:first-child+span {
    animation: 1.5s cubic-bezier(0, 0, .2, 1) .45s infinite forwards markerWave
}

.arrow_box span:last-child {
    opacity: .1
}

.arrow_box.marker02 {
    width: 14px;
    height: 14px
}

.arrow_box.marker02 span {
    border: 0
}

.arrow_box.marker02:after {
    content: "";
    width: 45px;
    height: 62px;
    background: url("../images/marker02.png") left center/cover no-repeat;
    position: absolute;
    left: -15px;
    top: -58px;
    float: left
}

.arrow_box.marker03 {
    width: 16px;
    height: 16px;
    transform: rotateX(0)
}

.arrow_box.marker03 span {
    background-color: transparent !important
}

@keyframes markerWave {
    0% {
        transform: scale(1);
        opacity: .8
    }

    20% {
        opacity: .8
    }

    100% {
        transform: scale(5.5);
        opacity: 0
    }
}

.infowindow {
    font-weight: var(--font-weight-500);
    padding: 20px !important;
    text-align: center
}

.infowindow .title {
    color: var(--dark-color);
    margin-bottom: 10px;
    font-weight: var(--font-weight-500);
    font-size: var(--font_size)
}

.infowindow p {
    font-family: var(--body-font);
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px
}

.gm-style .gm-style-iw-c {
    padding: 0 !important;
    border-radius: 0;
    max-width: 230px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08)
}

.gm-style .gm-style-iw-d {
    overflow: auto !important
}

.gm-style .gm-style-iw-t::after {
    background: var(--dark-color);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08)
}

.gm-ui-hover-effect {
    opacity: .8;
    top: -2px !important;
    right: 2px !important;
    width: 25px !important;
    display: none !important;
    height: 25px !important
}

.gm-ui-hover-effect img {
    width: 17px !important;
    height: 17px !important;
    margin: 6px !important
}

.gm-style .gm-style-iw-tc::after {
    background: var(--dark-color)
}

.google-maps-link a {
    font-size: 11px;
    display: block;
    padding: 9px 15px 10px
}

.main-page-conent .table>:not(:last-child)>:last-child>* {
    font-weight: var(--font-weight-500);
    border-bottom: 1px solid var(--dark-color)
}

.main-page-conent table td {
    border-color: var(--extra-medium-gray);
    color: var(--body-text-color)
}

.main-page-conent ul {
    margin: 0 0 20px 20px;
    padding: 0 0 0 13px;
    list-style-position: outside
}

.main-page-conent ol {
    list-style: decimal;
    margin: 20px;
    padding: 0
}

.main-page-conent a {
    color: var(--dark-color);
    border-bottom: 1px solid var(--dark-color)
}

.cms-spacer {
    margin-bottom: 0;
    height: 20px
}

.password-page-wrap {
    height: 100vh;
    background-position: center center
}

.password-page-wrap form .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0 25px;
    font-size: var(--font_size_minus3);
    border-radius: 0 4px 4px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.password-page-wrap form .btn svg {
    width: 15px;
    margin-right: 7px;
    margin-top: -2px
}

.badge,
.product-summary .product-title-wrapper .price .price__compare,
.search-results-wrapper .quick-search-list li:not(:last-child),
.shop-box .product-box .cart-btn i,
.shop-modern .product-buttons-wrap>a:first-child i,
.shop-modern .product-buttons-wrap>button:first-child i,
.shop-simple .product-buttons-wrap a i,
.shop-simple .product-buttons-wrap button i {
    margin-right: 5px
}

.password-page-wrap form input {
    margin: 0;
    padding: 10px 170px 10px 25px;
    height: 55px
}

.password-wrap form {
    margin-bottom: 50px;
    display: inline-block;
    width: 100%
}

.page-404 h1 {
    font-size: 220px;
    line-height: 200px;
    margin-bottom: 0
}

.page-404 .sub-title {
    color: var(--dark-color);
    margin-bottom: 40px
}

.price--on-sale .price__sale {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center
}

.badge-wrap {
    position: absolute;
    top: 17px;
    left: 17px
}

.badge {
    font-size: 10px;
    line-height: normal;
    font-weight: var(--font-weight-600);
    color: var(--sale-label-color);
    background-color: var(--sale-label-bg-color);
    padding: 4px 9px;
    text-transform: uppercase;
    border-radius: 2px;
    min-width: 44px
}

.badge.new {
    color: var(--new-label-color);
    background-color: var(--new-label-bg-color)
}

.badge.sold-out,
.shop-flat .badge.sold-out {
    color: var(--sold-out-label-color);
    background-color: var(--sold-out-label-bg-color)
}

.badge.pre-order {
    color: var(--pre-order-label-color);
    background-color: var(--pre-order-bg-color)
}

.wishlist-btn {
    border: none;
    background-color: transparent
}

.wishlist-warning {
    padding: 100px 0
}

.product-footer {
    padding: 20px 15px 25px;
    text-align: center
}

.product-footer .product-title {
    color: var(--dark-color);
    display: inline-block
}

.product-footer .price-box {
    font-size: var(--font_size_minus1);
    line-height: var(--font_size_plus8)
}

.product-footer .product-variants {
    margin-top: 10px;
    margin-bottom: 0
}

.product-buttons-wrap a span {
    color: var(--dark-color);
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    bottom: -15px
}

.product-deal .counter-container {
    display: flex;
    padding: 14px 15px
}

.product-deal .counter-box:not(:last-child):before {
    content: ':';
    color: var(--dark-color);
    opacity: .7;
    float: right;
    position: absolute;
    right: -5px;
    top: 50%;
    font-size: var(--font_size_plus10);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product-deal {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px);
    background-color: var(--white-color);
    transition-duration: 1s;
    z-index: 1
}

.product-box {
    position: relative;
    transition: .4s
}

.product-box .product-deal {
    box-shadow: 0 0 28px rgba(0, 0, 0, .08)
}

.product-box .box-inner:hover .product-deal {
    opacity: 0;
    transition-duration: .4s;
    bottom: -100px
}

.product-box .spr-badge {
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-box .loox-rating .loox-rating-content,
.product-summary .loox-rating .loox-rating-content {
    gap: 1px
}

.loox-rating .loox-icon,
.product-box .loox-rating .loox-icon,
.spr-icon-star-empty:before {
    color: #ffb800
}

.product-box .spr-badge-caption {
    display: none;
    margin-left: 4px
}

.product-box .product-hover {
    position: absolute;
    transition: transform .55s cubic-bezier(.2, .75, .5, 1);
    transform: scale(.95) translateY(0) translateZ(0);
    display: block;
    height: calc(100% + 15px);
    width: calc(100% + 24px);
    z-index: -1;
    top: -12px;
    left: -12px
}

.product-box .box-inner:hover .product-hover {
    transform: scale(1) translateY(0) translateZ(0)
}

.product-box .product-hover:before {
    content: "";
    position: absolute;
    z-index: -2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform-origin: center;
    opacity: 0;
    transition: opacity .55s cubic-bezier(.2, .75, .5, 1);
    box-shadow: 0 8px 55px rgb(0 0 0 / 15%)
}

.product-box .box-inner:hover .product-hover:before {
    opacity: 1;
    pointer-events: all
}

.product-deal .counter-box {
    width: 100%;
    text-align: center;
    position: relative
}

.product-deal .counter-box .number {
    font-size: var(--font_size_plus4);
    line-height: var(--font_size_plus8);
    color: var(--dark-color)
}

.product-deal .counter-box span {
    font-size: 11px;
    line-height: normal;
    text-transform: uppercase;
    display: block
}

.product-box .product-image .hongo-alternate-image {
    opacity: 0;
    transition: opacity .8s, transform 1.1s cubic-bezier(.15, .75, .5, 1);
    backface-visibility: hidden;
    transform: translateZ(0);
    transform: scale3d(1.1, 1.1, 1.1) translateZ(0)
}

.product-box .product-image:hover .hongo-alternate-image,
.product-box-no-variant .product-box .box-inner:hover .product-image .hongo-alternate-image {
    opacity: 1;
    transform: translateZ(0)
}

.product-box .box-inner .product-variants .variant-option .text-swatch {
    font-size: 11px
}

.product-box .btn-action .wishlist-btn.active i,
.product-box .btn-action a.active i,
.product-box .product-buttons-wrap .wishlist-btn.active i,
.product-box .product-buttons-wrap a.active i {
    font-weight: var(--font-weight-400);
    color: var(--white-color)
}

.product-box .btn-action {
    z-index: 10
}

.product-box .btn-action .wishlist-btn.active i,
.product-summary .wishlist-btn.active i,
.sticky-addtocart .wishlist-btn.active i,
.welcome-popup-main .popup-inner .welcome-popup-box .popup-close span {
    font-weight: 400
}

.product-box .btn-action .wishlist-btn span,
.product-box .btn-action a span,
.shop-minimalist .product-box .btn-action .wishlist-btn>span,
.shop-minimalist .product-box .btn-action a>span {
    line-height: 0
}

.shop-box .product-box .btn-action .wishlist-btn,
.shop-box .product-box .btn-action a,
.shop-clean .product-box .btn-action .wishlist-btn,
.shop-clean .product-box .btn-action a,
.shop-metro .product-box .btn-action .wishlist-btn,
.shop-metro .product-box .btn-action a,
.shop-minimalist .product-box .btn-action .wishlist-btn,
.shop-minimalist .product-box .btn-action a,
.shop-modern .product-box .btn-action .wishlist-btn,
.shop-modern .product-box .btn-action a,
.shop-simple .product-box .btn-action .wishlist-btn,
.shop-simple .product-box .btn-action a,
.shop-standard .product-box .btn-action .wishlist-btn,
.shop-standard .product-box .btn-action a {
    background-color: var(--white-color);
    color: var(--dark-color);
    height: 38px;
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border-radius: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2)
}

.lookbook .product-rating,
.shop-box .product-box .btn-action .wishlist-btn,
.shop-box .product-box .btn-action a,
.shop-clean .product-box .btn-action .wishlist-btn,
.shop-metro .product-box .btn-action .wishlist-btn,
.shop-simple .product-box .btn-action .wishlist-btn,
.shop-standard .product-box .btn-action .wishlist-btn {
    margin-bottom: 8px
}

.shop-minimalist .product-box .btn-action,
.shop-modern .product-box .btn-action,
.shop-simple .product-box .btn-action,
.shop-standard .product-box .btn-action {
    position: absolute;
    right: 0;
    top: 17px;
    opacity: 0;
    z-index: 10;
    visibility: hidden;
    transition: .3s ease-in-out
}

.shop-minimalist .product-box .box-inner .btn-action,
.shop-minimalist .product-box .box-inner:hover .btn-action,
.shop-modern .product-box .box-inner:hover .btn-action,
.shop-simple .product-box .box-inner:hover .btn-action,
.shop-standard .product-box .box-inner:hover .btn-action {
    right: 17px;
    opacity: 1;
    visibility: visible
}

.shop-standard .product-buttons-wrap a {
    border-right: 1px solid rgba(255, 255, 255, .2);
    font-size: var(--font_size_minus2);
    line-height: 26px;
    color: var(--white-color);
    background-color: var(--dark-color);
    padding: 11px 0;
    text-align: center;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 42px;
    display: flex;
    flex-direction: column
}

.shop-standard .product-buttons-wrap a:last-child,
.store-usp .usp-item:last-child {
    border-right: none
}

.shop-standard .product-buttons-wrap {
    position: absolute;
    bottom: -50px;
    width: 100%;
    left: 0;
    display: flex;
    z-index: 1;
    opacity: 0;
    transition: .4s ease-in-out
}

.shop-standard .product-box .box-inner:hover .product-buttons-wrap {
    bottom: 0;
    opacity: 1
}

.shop-standard .product-buttons-wrap a:hover span {
    bottom: 18px
}

.shop-standard .product-buttons-wrap a i {
    top: 2px;
    position: relative
}

.shop-standard .product-buttons-wrap a:hover i {
    top: -35px
}

.shop-classic .product-buttons-wrap {
    position: absolute;
    width: 100%;
    margin-top: 0;
    z-index: 1;
    background-color: var(--white-color);
    transition: .5s ease-in-out
}

.shop-classic .product-box .box-inner:hover .product-buttons-wrap {
    margin-top: -22px
}

.shop-classic .product-box .product-hover {
    display: block;
    height: calc(100% + 20px);
    width: calc(100% + 20px);
    z-index: -1;
    top: -10px;
    left: -10px;
    transform: scale(1) translateY(0) translateZ(0);
    transition: transform .55s, background .55s cubic-bezier(.2, .75, .5, 1);
    background-color: transparent
}

.shop-classic .product-buttons-wrap>div {
    position: relative;
    margin-top: -25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.shop-classic .product-box .box-inner {
    position: relative;
    transition: transform .55s cubic-bezier(.2, .75, .5, 1)
}

.shop-classic .product-buttons-wrap .btn-animation,
.shop-classic .product-buttons-wrap .wishlist-btn,
.shop-classic .product-buttons-wrap a {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: var(--white-color);
    color: var(--dark-color);
    font-size: var(--font_size);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4px;
    padding: 0;
    box-shadow: 0 5px 15px #0003;
    position: relative;
    opacity: 0;
    transform: translateY(10px);
    transition: .2s ease-in-out, transform .2s ease-in-out, opacity .2s ease-in-out
}

.shop-classic .product-box .box-inner:hover .product-buttons-wrap .btn-animation,
.shop-classic .product-box .box-inner:hover .product-buttons-wrap a,
.shop-flat .product-box .box-inner:hover .product-buttons-wrap a,
.shop-flat .product-box .box-inner:hover .product-buttons-wrap button,
.shop-simple .product-box .box-inner:hover .btn-action a,
.shop-simple .product-box .box-inner:hover .btn-action button {
    opacity: 1;
    transform: translateY(0)
}

.shop-classic .product-footer {
    padding: 20px 15px
}

.shop-classic .product-box:hover .product-hover {
    transform: scale(1) translateY(0) translateZ(0);
    background-color: var(--white-color)
}

.shop-classic .product-box .product-hover:before {
    box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.shop-classic .product-box .hongo-alternate-image {
    transform: scale3d(1.05, 1.05, 1.05) translateZ(0)
}

.shop-classic .product-buttons-wrap .btn-animation:first-child,
.shop-flat .product-buttons-wrap>:first-child,
.shop-minimalist .product-box .box-inner .btn-action a:first-child,
.shop-minimalist .product-box .box-inner .btn-action button:first-child,
.shop-simple .product-box .btn-action a:first-child,
.shop-simple .product-box .btn-action button:first-child {
    transition-delay: 0s, 0.1s, 0.1s
}

.shop-classic .product-buttons-wrap .btn-animation:nth-child(2),
.shop-minimalist .product-box .box-inner .btn-action a:nth-child(3),
.shop-simple .product-box .btn-action a:nth-child(3),
.shop-simple .product-box .btn-action button:nth-child(3) {
    transition-delay: 0s, 0.2s, 0.2s
}

.shop-classic .product-buttons-wrap .btn-animation:nth-child(3) {
    transition-delay: 0s, 0.3s, 0.3s
}

.shop-classic .product-buttons-wrap .btn-animation:nth-child(4) {
    transition-delay: 0s, 0.4s, 0.4s
}

.shop-classic .product-buttons-wrap .btn-animation:nth-child(5) {
    transition-delay: 0s, 0.5s, 0.5s
}

.shop-flat .product-buttons-wrap {
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: auto;
    display: flex;
    transform: translateX(-50%);
    justify-content: center;
    z-index: 1
}

.shop-flat .product-box .product-image a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.shop-flat .product-buttons-wrap a,
.shop-flat .product-buttons-wrap button {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: var(--white-color);
    color: var(--dark-color);
    font-size: var(--font_size_minus2);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 3px;
    padding: 0;
    box-shadow: 0 5px 15px #0003;
    position: relative;
    transform: translateY(10px);
    transition: .2s ease-in-out, transform .2s ease-in-out, opacity .2s ease-in-out, margin-top .2s ease-in-out;
    opacity: 0
}

.shop-flat .product-buttons-wrap>:nth-child(2),
.shop-minimalist .product-box .box-inner .btn-action a:nth-child(2),
.shop-simple .product-box .btn-action a:nth-child(2),
.shop-simple .product-box .btn-action button:nth-child(2) {
    transition-delay: 0s, 0.15s, 0.15s
}

.shop-flat .product-buttons-wrap>:nth-child(3) {
    transition-delay: 0s, 0.20s, 0.20s
}

.shop-flat .product-buttons-wrap>:nth-child(4),
.shop-simple .product-box .btn-action a:nth-child(4),
.shop-simple .product-box .btn-action button:nth-child(4) {
    transition-delay: 0s, 0.25s, 0.25s
}

.shop-flat .product-buttons-wrap>:nth-child(5) {
    transition-delay: 0s, 0.30s, 0.30s
}

.categorie-list-style-1 .categorie-box:last-child,
.shop-flat .product-buttons-wrap a:last-child,
.shop-flat .product-buttons-wrap button:last-child,
.shop-simple .product-buttons-wrap a:last-child,
.shop-simple .product-buttons-wrap button:last-child {
    border-right: 0
}

.shop-flat .product-buttons-wrap a span,
.shop-flat .product-buttons-wrap button span {
    bottom: 0;
    line-height: 0
}

.shop-flat .badge {
    font-weight: var(--font-weight-700);
    border-radius: 0;
    box-shadow: 1px 1px 0 var(--sale-label-color);
    border: 1px solid var(--sale-label-color)
}

.shop-flat .badge.new {
    box-shadow: 1px 1px 0 var(--new-label-color);
    border: 1px solid var(--new-label-color)
}

.shop-flat .product-box .box-inner:hover .product-hover {
    background-color: #fff
}

.shop-clean .product-box .spr-badge-starrating .spr-icon {
    color: var(--dark-color) !important;
    font-size: var(--font_size_minus4)
}

.shop-box .product-box .product-card-form .product-card-variant-option,
.shop-box .product-box .product-card-form .quantity-input {
    color: var(--body-text-color);
    background-color: var(--white-color);
    font-size: var(--font_size_minus2);
    height: 40px
}

.shop-clean .product-box .spr-icon.spr-icon-star-empty:before {
    content: '\e800';
    color: var(--dark-color);
    opacity: .4
}

.shop-clean .product-buttons-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    display: flex;
    transform: translate(-50%, -50%);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transition: .5s
}

.shop-clean .product-buttons-wrap a {
    transform: translateX(-20px)
}

.shop-clean .product-buttons-wrap .hongo-quick-view {
    transform: translateX(20px)
}

.shop-clean .product-buttons-wrap a span {
    bottom: 0;
    font-size: 11px;
    font-weight: var(--font-weight-600)
}

.shop-clean .product-buttons-wrap a .btn-text,
.shop-clean .product-buttons-wrap a i,
.shop-clean .product-buttons-wrap button .btn-text,
.shop-clean .product-buttons-wrap button i,
.shop-minimalist .product-buttons-wrap a .btn-text,
.shop-minimalist .product-buttons-wrap a i,
.shop-minimalist .product-buttons-wrap button .btn-text,
.shop-minimalist .product-buttons-wrap button i {
    transition: opacity .45s, transform .7s;
    transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1)
}

.shop-clean .product-buttons-wrap a .btn-text:after,
.shop-clean .product-buttons-wrap a i:after,
.shop-clean .product-buttons-wrap button .btn-text:after,
.shop-clean .product-buttons-wrap button i:after,
.shop-minimalist .product-buttons-wrap a .btn-text:after,
.shop-minimalist .product-buttons-wrap a i:after,
.shop-minimalist .product-buttons-wrap button .btn-text:after,
.shop-minimalist .product-buttons-wrap button i:after {
    content: attr(data-text);
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    top: 50%;
    opacity: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    transition: opacity .4s, transform .7s;
    transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1)
}

.shop-clean .product-buttons-wrap a i.feather-eye:after,
.shop-clean .product-buttons-wrap button i.feather-eye:after {
    content: "\e95c"
}

.shop-clean .product-buttons-wrap a i.feather-layers:after,
.shop-clean .product-buttons-wrap button i.feather-layers:after,
.shop-minimalist .product-buttons-wrap a i.feather-layers:after,
.shop-minimalist .product-buttons-wrap button i.feather-layers:after {
    content: "\e97f"
}

.shop-clean .product-buttons-wrap a i.feather-shopping-bag:after,
.shop-clean .product-buttons-wrap button i.feather-shopping-bag:after,
.shop-minimalist .product-buttons-wrap a i.feather-shopping-bag:after,
.shop-minimalist .product-buttons-wrap button i.feather-shopping-bag:after {
    content: "\e9c9"
}

.shop-clean .product-buttons-wrap a:hover .btn-text,
.shop-clean .product-buttons-wrap a:hover i,
.shop-clean .product-buttons-wrap button:hover .btn-text,
.shop-clean .product-buttons-wrap button:hover i,
.shop-minimalist .product-buttons-wrap a:hover .btn-text,
.shop-minimalist .product-buttons-wrap a:hover i,
.shop-minimalist .product-buttons-wrap button:hover .btn-text,
.shop-minimalist .product-buttons-wrap button:hover i {
    transform: translateY(-200%)
}

.shop-clean .product-buttons-wrap a:hover .btn-text:after,
.shop-clean .product-buttons-wrap a:hover i:after,
.shop-clean .product-buttons-wrap button:hover .btn-text:after,
.shop-clean .product-buttons-wrap button:hover i:after,
.shop-minimalist .product-buttons-wrap a:hover .btn-text:after,
.shop-minimalist .product-buttons-wrap a:hover i:after,
.shop-minimalist .product-buttons-wrap button:hover .btn-text:after,
.shop-minimalist .product-buttons-wrap button:hover i:after {
    transform: translate(-50%, 150%);
    opacity: 1
}

.shop-clean .product-buttons-wrap a,
.shop-clean .product-buttons-wrap button {
    font-size: 14px;
    color: var(--dark-color);
    text-align: center;
    position: relative;
    overflow: hidden;
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white-color);
    min-width: 150px;
    padding: 6px 10px;
    margin-bottom: 12px;
    border-radius: 40px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .3);
    transition: .3s ease-in-out
}

.shop-clean .product-buttons-wrap a i,
.shop-clean .product-buttons-wrap button i {
    margin-right: 5px;
    position: relative;
    line-height: 28px
}

.shop-clean .product-box .btn-action,
.shop-metro .product-box .btn-action,
.shop-simple .product-box .btn-action {
    position: absolute;
    z-index: 3;
    top: 17px;
    right: 17px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.shop-clean .product-box .btn-action .wishlist-btn,
.shop-clean .product-box .btn-action a {
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1)
}

.shop-box .product-box .btn-action .btn-animation,
.shop-clean .product-box .btn-action .btn-animation {
    transform: translate(5px);
    transition: .3s;
    opacity: 0;
    visibility: hidden
}

.shop-box .product-box .btn-action .btn-animation:nth-child(2),
.shop-clean .product-box .btn-action .btn-animation:nth-child(2) {
    transform: translate(20px);
    transition: .4s
}

.shop-box .product-box .btn-action .btn-animation:nth-child(3),
.shop-clean .product-box .btn-action .btn-animation:nth-child(3) {
    transform: translate(30px);
    transition: .45s
}

.shop-box .product-box .btn-action .btn-animation:nth-child(4),
.shop-clean .product-box .btn-action .btn-animation:nth-child(4) {
    transform: translate(40px);
    transition: .5s
}

.shop-box .product-box .box-inner:hover .btn-action .btn-animation,
.shop-clean .product-box .box-inner:hover .btn-action .btn-animation {
    opacity: 1;
    visibility: visible;
    transform: translate(0)
}

.shop-clean .product-box .product-image img {
    transition: .4s cubic-bezier(.37, 0, .63, 1)
}

.lookbook.lookbook-with-video .pin-item .pin-product,
.shop-clean .product-box .product-image {
    border-radius: 5px
}

.shop-clean .product-box .box-inner:hover .product-image img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    transform: scale(1.1)
}

.shop-clean .product-footer {
    padding: 20px 0 15px
}

.shop-modern .product-footer {
    padding-bottom: 20px;
    padding-top: 25px
}

.shop-modern .product-buttons-wrap {
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    background-color: var(--white-color);
    display: flex;
    transition: .4s ease-in-out;
    box-shadow: 0 0 40px rgba(0, 0, 0, .2);
    z-index: 1;
    opacity: 0
}

.shop-modern .product-box .box-inner:hover .product-buttons-wrap {
    opacity: 1;
    bottom: 0
}

.shop-modern .product-image {
    border-radius: 5px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    overflow: hidden
}

.shop-modern .product-buttons-wrap>a,
.shop-modern .product-buttons-wrap>button {
    width: 55px;
    height: 50px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    border-radius: 0
}

.shop-modern .product-buttons-wrap>a:first-child,
.shop-modern .product-buttons-wrap>button:first-child {
    width: auto;
    flex: 1 0 0%;
    border: 0;
    padding: 0 10px
}

.shop-modern .product-buttons-wrap a span {
    font-size: 16px;
    line-height: normal;
    font-weight: var(--font-weight-600);
    letter-spacing: -.3px;
    bottom: 0;
    text-transform: none
}

.shop-modern .swiper-slide.product-box .product-image {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .08)
}

.image-with-product .shop-flat .product-footer,
.product-slider-section .product-main-slider .product-footer,
.shop-minimalist .product-footer {
    padding-bottom: 0
}

.shop-metro .product-box .btn-action a,
.shop-minimalist .product-box .btn-action .wishlist-btn,
.shop-minimalist .product-box .btn-action a:not(:last-child) {
    margin-bottom: 7px
}

.shop-minimalist .product-buttons-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    opacity: 0;
    display: flex;
    justify-content: center;
    z-index: 1;
    transition: .3s ease-in-out
}

.shop-minimalist .product-box .box-inner:hover .product-buttons-wrap {
    opacity: 1;
    bottom: 15px
}

.shop-minimalist .product-buttons-wrap a,
.shop-minimalist .product-buttons-wrap button {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: var(--base-color);
    color: var(--white-color);
    padding: 7px 10px;
    border-radius: 3px;
    transition: .3s ease-in-out;
    width: calc(100% - 30px);
    box-shadow: 0 0 30px rgba(0, 0, 0, .1)
}

.shop-minimalist .product-buttons-wrap a span,
.shop-minimalist .product-buttons-wrap button span {
    font-size: 13px;
    color: var(--white-color);
    bottom: 0
}

.shop-minimalist .product-buttons-wrap a i,
.shop-minimalist .product-buttons-wrap button i {
    position: relative;
    line-height: 28px;
    margin-right: 5px !important
}

.shop-minimalist .product-image {
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 5px
}

.shop-minimalist .product-image:hover .hongo-alternate-image {
    transform: translateZ(0)
}

.shop-minimalist .product-footer .price-box {
    font-size: var(--font_size_minus1);
    margin-bottom: 0;
    margin-top: 2px
}

.shop-minimalist .product-box .btn-action .wishlist-btn,
.shop-minimalist .product-box .btn-action a {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}

.shop-minimalist .product-box .box-inner .btn-action>* {
    transition: .2s ease-in-out, transform .2s ease-in-out, opacity .2s ease-in-out
}

.shop-minimalist .product-box .box-inner .btn-action a,
.shop-minimalist .product-box .box-inner .btn-action button {
    opacity: 0;
    transform: translateX(10px)
}

.shop-minimalist .product-box .box-inner:hover .btn-action a,
.shop-minimalist .product-box .box-inner:hover .btn-action button {
    opacity: 1;
    transform: translateX(0)
}

.shop-simple .product-buttons-wrap {
    position: absolute;
    left: 0;
    bottom: -60px;
    width: 100%;
    display: flex;
    border-bottom: 1px solid var(--extra-medium-gray);
    overflow: hidden;
    opacity: 0;
    transition: .4s ease-in-out
}

.shop-simple .product-buttons-wrap a,
.shop-simple .product-buttons-wrap button {
    font-size: 14px;
    text-align: center;
    color: var(--dark-color);
    position: relative;
    overflow: hidden;
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    background-color: var(--white-color);
    width: 100%;
    max-width: 100%;
    flex: 1 0 0%;
    transition: .3s ease-in-out;
    border-right: 1px solid var(--extra-medium-gray);
    z-index: 11;
    cursor: pointer
}

.shop-simple .product-buttons-wrap a span {
    bottom: 0;
    font-weight: var(--font-weight-600)
}

.shop-metro .product-box .btn-action .wishlist-btn,
.shop-metro .product-box .btn-action a,
.shop-simple .product-box .btn-action .wishlist-btn,
.shop-simple .product-box .btn-action a {
    background-color: transparent;
    box-shadow: none;
    font-size: var(--font_size);
    height: auto;
    width: auto
}

.shop-simple .product-box .btn-action a,
.shop-simple .product-box .btn-action button {
    transition: .2s ease-in-out, transform .2s ease-in-out, opacity .2s ease-in-out;
    transform: translateY(-10px);
    opacity: 0
}

.shop-simple .product-box .box-inner:hover .product-buttons-wrap {
    opacity: 1;
    visibility: visible;
    bottom: 0
}

.shop-metro .product-buttons-wrap a {
    height: 50px;
    width: 50px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 100%;
    color: var(--dark-color);
    display: flex;
    align-items: center;
    justify-content: center
}

.shop-metro .product-buttons-wrap a i {
    position: relative;
    top: -1px
}

.shop-metro .product-box .box-inner {
    height: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px;
    overflow: hidden;
    transition: .4s ease-in-out
}

.shop-metro .product-box .box-inner:hover {
    box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
    border-color: #fff
}

.shop-metro .product-box .product-footer {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 17px 30px 25px;
    background-color: var(--white-color);
    align-items: center
}

.shop-metro .product-box .btn-action {
    top: 20px;
    right: 20px
}

.shop-metro .product-box .product-option,
.shop-simple .product-box .product-option {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    transition: .4s ease-in-out;
    min-width: 140px
}

.shop-simple .product-box .box-inner:hover .product-option {
    bottom: 60px
}

.shop-box .product-box .btn-action {
    color: var(--dark-color);
    position: absolute;
    z-index: 3;
    top: 17px;
    right: 17px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .3s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.shop-box .product-box .product-footer {
    text-align: left;
    padding: 25px 30px;
    background-image: linear-gradient(to bottom, #f7f7f7, #f7f7f7, #fcfafa, #fff, #fff)
}

.cart-notification-ymal .product-box .product-variants .product-filter,
.cart-notification-ymal .product-footer .spr-badge,
.product .price--on-sale .price__sale,
.shop-box .product-box .spr-badge,
.shop-simple .product-box .spr-badge,
.special-product .product-box .product-rating .spr-badge,
.top-banner-with-product .product-box .spr-badge {
    justify-content: flex-start
}

.shop-box .product-box .product-vendor {
    font-size: var(--font_size_minus1);
    line-height: var(--font_size_plus3)
}

.image-with-faq-style-1 .accordion-event .panel .panel-heading i,
.minisearch-popup .search-form-wrapper button i,
.shop-box .product-footer .product-title {
    font-size: var(--font_size_plus2)
}

.shop-box .product-box .product-card-form {
    margin-top: 15px;
    display: block
}

.shop-box .product-box .product-footer .price-box .price-item.regular-price,
.shop-box .product-box .product-footer .price-box .price-item.special-price,
.top-banner-with-product .product-box .regular-price,
.top-banner-with-product .product-box .special-price {
    font-size: var(--font_size_plus4);
    color: var(--base-color);
    font-family: var(--alt-font);
    font-weight: var(--font-weight-500);
    letter-spacing: -.5px
}

.shop-box .product-footer .price-box .price-wrapper {
    justify-content: flex-start;
    flex-wrap: wrap
}

.shop-box .product-box .product-card-form .product-card-variant-option {
    margin-bottom: 0;
    padding: 0 30px 0 14px;
    width: 100%;
    background-size: 11px
}

.shop-box .product-box .product-card-form .variant-select {
    margin-bottom: 5px;
    flex: 1 0 0%;
    padding: 0 5px
}

.shop-box .product-box .product-card-form .quantity-button {
    font-size: var(--font_size_minus1);
    font-weight: var(--font-weight-700);
    height: 40px;
    color: var(--dark-color);
    width: auto;
    padding: 0 10px
}

.shop-box .product-box .product-card-form .quantity-button.quantity-minus {
    padding-right: 3px
}

.shop-box .product-box .product-card-form .quantity-button.quantity-plus {
    padding-left: 3px
}

.shop-box .product-box .product-card-form .quantity {
    flex: 1 0 0%;
    margin-bottom: 5px;
    padding: 0 5px
}

.shop-box .product-box .product-card-form .quantity>.quantity {
    width: 100%;
    margin: 0;
    padding: 0
}

.shop-box .product-box .product-card-form .price-box-wrapper {
    margin-top: 7px
}

.shop-box .product-box .product-card-form .product-buttons-wrap {
    margin-left: auto;
    flex-shrink: 0
}

.shop-box .product-box .product-card-form .product-buttons-wrap .sold-btn {
    opacity: .5;
    cursor: default;
    pointer-events: none
}

.shop-box .product-box .product-card-form.sold-product .product-card-variant-option,
.shop-box .product-box .product-card-form.sold-product .quantity-button,
.shop-box .product-box .product-card-form.sold-product .quantity-input {
    cursor: default;
    pointer-events: none
}

.shop-box .product-box .product-card-form .product-buttons-wrap .cart-btn {
    background-color: var(--base-color);
    color: var(--white-color);
    padding: 4px 17px;
    border-radius: 4px;
    transition: .3s ease-in-out
}

.shop-box .product-box .product-card-form .product-buttons-wrap a span {
    font-size: var(--font_size_minus3);
    color: var(--white-color);
    bottom: 0;
    transition: .2s ease-in-out
}

.shop-box .product-box .box-inner {
    border: 1px solid var(--extra-medium-gray);
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
    transition: .3s ease-in-out
}

.shop-box .product-box .box-inner:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    border: 1px solid #fff
}

.cart-notification-ymal .product-variants,
.shop-simple .product-box .product-rating {
    margin-bottom: 0;
    margin-top: 5px
}

.shop-simple .product-box .product-footer .product-type {
    font-size: var(--font_size_minus1);
    line-height: var(--font_size_plus4);
    margin-top: 2px;
    display: block
}

.cart-notification-ymal .swatches-hover .color-bg:after,
.cart-notification-ymal .swatches-hover input[type=radio]+label .color-bg:after,
.cart-notification-ymal .swatches-hover.selected .color-bg:after,
.cart-notification-ymal .swatches-hover.selected .null-bg:after,
.cart-notification-ymal .swatches-hover:hover .color-bg:after,
.shop-simple .product-box .color-bg,
.shop-simple .product-box .null-bg {
    width: 15px;
    height: 15px
}

.shop-simple .product-box .swatches-hover .color-bg:after,
.shop-simple .product-box .swatches-hover .null-bg:after {
    width: 13px;
    height: 13px;
    border-width: 1px
}

.shop-simple .product-deal {
    bottom: auto !important;
    top: 15px;
    left: 15px;
    transition-duration: .4s;
    width: calc(100% - 30px)
}

.color-bg,
.null-bg {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    transition: .3s ease-in-out;
    cursor: pointer;
    will-change: transform
}

.product-summary .swatches-hover input[type=radio]+label .color-bg:after,
.product-summary .swatches-hover input[type=radio]+label .null-bg:after,
.swatches-hover .color-bg:after,
.swatches-hover .null-bg:after {
    content: "";
    width: 18px;
    height: 18px;
    border: 2px solid var(--white-color);
    position: absolute;
    left: 1px;
    top: 1px;
    border-radius: 100%;
    opacity: 0;
    transition: .3s ease-in-out
}

.product-summary .swatches-hover input[type=radio]:checked .color-white,
.product-summary .swatches-hover input[type=radio]:checked+label .color-bg,
.product-summary .swatches-hover input[type=radio]:checked+label .color-white,
.product-summary .swatches-hover input[type=radio]:checked+label .null-bg,
.product-summary .swatches-hover[data-option-name=White] input[type=radio]:checked+label .color-bg,
.swatches-hover.selected .color-bg,
.swatches-hover.selected .color-white,
.swatches-hover.selected .null-bg,
.swatches-hover:hover .color-bg,
.swatches-hover:hover .color-white,
.swatches-hover:hover .null-bg {
    transform: scale(1.2)
}

.product-summary .swatches-hover .color-bg,
.product-summary .swatches-hover .null-bg {
    width: 32px;
    height: 32px
}

.swatches-hover .color-white,
.swatches-hover[data-option-name=White] .color-bg,
.swatches-hover[data-option-name=White] .null-bg {
    border: 1px solid rgba(0, 0, 0, .2)
}

.swatches-hover.selected .color-white,
.swatches-hover[data-option-name=White].selected .color-bg,
.swatches-hover[data-option-name=White].selected .null-bg {
    border-color: rgba(0, 0, 0, .2)
}

.product-summary .swatches-hover input[type=radio]:checked+label .color-white:after,
.product-summary .swatches-hover input[type=radio]:checked+label .null-bg:after,
.product-summary .swatches-hover[data-option-name=White] input[type=radio]:checked+label .color-bg:after,
.product-summary .swatches-hover[data-option-name=White] input[type=radio]:checked+label .null-bg:after,
.swatches-hover.selected .color-white:after,
.swatches-hover.selected .null-bg:after,
.swatches-hover:hover .color-white:after,
.swatches-hover:hover .null-bg:after,
.swatches-hover[data-option-name=White].selected .color-bg:after,
.swatches-hover[data-option-name=White].selected .null-bg:after,
.swatches-hover[data-option-name=White]:hover .color-bg:after,
.swatches-hover[data-option-name=White]:hover .null-bg:after {
    left: 0;
    top: 0
}

.product-box .box-inner .product-variants .size-filter .variant-option label,
.product-summary .swatches-hover .color-bg:after,
.product-summary .swatches-hover .null-bg:after,
.product-summary .swatches-hover input[type=radio]+label .color-bg:after,
.product-summary .swatches-hover input[type=radio]+label .null-bg:after {
    width: 30px;
    height: 30px
}

.null-bg {
    border: 1px solid var(--base-color)
}

.product-variants .variant-option .text-swatch {
    font-size: 13px;
    line-height: normal;
    text-transform: uppercase;
    border: 1px solid var(--extra-medium-gray);
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500
}

.material-filter .variant-option input:checked+label .text-swatch {
    border: 1px solid rgba(0, 0, 0, .3)
}

.size-filter .variant-option .text-swatch,
.size-filter .variant-option input:checked+label .text-swatch,
.size-filter .variant-option.selected .text-swatch,
.size-filter .variant-option:hover .text-swatch,
.size-filter .variant-option:hover input+label .text-swatch {
    border: none;
    background-color: transparent;
    padding: 0
}

.product-variants .variant-option .color-filter {
    display: flex;
    margin: 4px 0
}

.product-variants .product-filter.color-filter {
    margin-bottom: 16px
}

.minisearch-popup .search-popup-wrap {
    padding: 80px 0;
    background-color: var(--search-bg-color);
    position: relative;
    z-index: 1043;
    max-height: calc(100vh - 56px);
    overflow: hidden;
    overflow-y: auto;
    transition: transform 1s cubic-bezier(.19, 1, .22, 1), visibility 1s cubic-bezier(.19, 1, .22, 1);
    transform: translateY(-100%);
    visibility: hidden
}

.active-search .minisearch-popup .search-popup-wrap,
.active-search .search-canvas-popup {
    visibility: visible;
    transform: translateY(0)
}

.cart-notification,
.loading-overlay:not(.hidden)~*,
.scroll-progress,
.search-overlay {
    visibility: hidden
}

.header-layout-style-1 .minisearch-popup .search-popup-inner {
    width: 45%
}

.search-canvas-popup {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    padding: 0 !important;
    -webkit-backface-visibility: hidden;
    visibility: hidden
}

.minisearch-popup .search-label {
    color: var(--search-title-color);
    font-weight: var(--font-weight-600);
    margin-bottom: 40px;
    display: block
}

.no-search-result a,
.search-results-wrapper .details {
    color: var(--dark-color);
    display: inline-block;
    font-weight: var(--font-weight-500);
    line-height: normal
}

.minisearch-popup .search-form-wrapper button {
    color: var(--search-icon-color);
    font-weight: var(--font-weight-600);
    border: none;
    background-color: transparent;
    padding: 0 10px;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center
}

.minisearch-popup .search-close {
    font-size: 0;
    color: var(--dark-color);
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    z-index: 1046;
    opacity: 1;
    right: 15px;
    top: 15px;
    cursor: pointer;
    webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: center
}

.header-layout-style-1 .minisearch-popup .search-form-wrapper input[type=text] {
    margin-bottom: 0;
    border: 1px solid #232323;
    padding: 10px 38px 10px 30px;
    font-size: var(--font_size_plus2);
    color: var(--search-input-text-color);
    background-color: var(--search-input-bg-color);
    border-radius: 60px
}

.header-layout-style-1 .minisearch-popup .search-form-wrapper button {
    right: 10px
}

.search-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: var(--dark-color);
    opacity: 0;
    transition: 1s cubic-bezier(.19, 1, .22, 1)
}

.active-search .search-overlay {
    opacity: .7;
    visibility: visible
}

body.active-search #shopify-section-mini-header {
    z-index: 98
}

.minisearch-popup .search-form-wrapper input[type=text]::-webkit-input-placeholder {
    color: var(--search-input-placeholder-color)
}

.minisearch-popup .search-form-wrapper input[type=text]::-moz-placeholder {
    color: var(--search-input-placeholder-color)
}

.minisearch-popup .search-form-wrapper input[type=text]:-ms-input-placeholder {
    color: var(--search-input-placeholder-color)
}

.minisearch-popup .mfp-close,
.minisearch-popup .mfp-close:before {
    color: var(--search-close-icon-color)
}

.mfp-bg,
.mfp-fade.mfp-bg.mfp-ready {
    background-color: var(--dark-color);
    opacity: .7
}

.search-result {
    margin-bottom: 30px;
    overflow: hidden;
    flex-wrap: nowrap
}

.search-result .no-result {
    width: 100%;
    margin-top: 20px;
    color: var(--dark-color)
}

.header-layout-style-1 .search-results-wrapper {
    padding: 30px 100px 0
}

.search-results-wrapper .details {
    width: 100%;
    padding: 20px 0 0;
    text-align: center
}

.search-results-wrapper img {
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 6px
}

.search-results-wrapper .details span {
    font-size: var(--font_size_minus1);
    line-height: var(--font_size_plus5);
    color: grey;
    font-weight: var(--font-weight-400);
    margin-top: 5px
}

.search-results-wrapper .quick-search {
    padding-bottom: 20px
}

.search-results-wrapper .quick-search .quick-search-title,
.wrapper-brands .brands-list-code li.disable a {
    color: var(--body-text-color);
    font-weight: var(--font-weight-400)
}

.search-results-wrapper .quick-search-list {
    color: var(--dark-color);
    font-weight: var(--font-weight-400);
    margin-left: 10px
}

.magic-cursor-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    pointer-events: none;
    z-index: 10000;
    transition: opacity .2s ease-in-out .2s
}

.magic-cursor-wrapper #ball-cursor {
    position: fixed;
    top: -35px;
    left: -35px;
    width: 70px;
    height: 70px;
    border: 0 !important;
    background-color: var(--base-color);
    box-shadow: 0 0 50px rgba(0, 0, 0, .25);
    border-radius: 100%;
    opacity: 0 !important;
    overflow: hidden;
    transition: opacity .3s ease-in-out .1s;
    text-align: center
}

.magic-cursor-wrapper #ball-cursor:after,
.magic-cursor-wrapper #ball-cursor:before {
    content: "\e92f";
    font-family: feather !important;
    color: var(--white-color);
    font-size: var(--font_size_plus2);
    line-height: 70px;
    position: absolute;
    left: 12px;
    top: 0
}

.magic-cursor-wrapper #ball-cursor:after {
    content: "\e930";
    right: 12px;
    left: auto
}

.magic-cursor-wrapper.sliderhover #ball-cursor,
.spr-icon.spr-icon-star-empty {
    opacity: 1 !important
}

.magic-cursor {
    cursor: none
}

.scroll-progress {
    position: fixed;
    right: 20px;
    z-index: 11;
    top: 50%;
    transition: .3s linear;
    opacity: 0
}

.scroll-top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.scroll-progress .scroll-line {
    width: 1px;
    height: 60px;
    position: relative;
    background-color: rgba(38, 38, 38, .15);
    color: inherit;
    display: block
}

.scroll-progress .scroll-point {
    display: inline-block;
    width: 9px;
    height: 9px;
    position: absolute;
    border-radius: 9px;
    background-color: var(--dark-color);
    top: -4px;
    left: -4px
}

.scroll-progress .scroll-text {
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    margin-bottom: 15px;
    color: var(--dark-color);
    font-weight: var(--font-weight-800);
    font-size: 11px;
    text-transform: uppercase
}

.cart-item .loading-overlay {
    padding: 0;
    top: 50%;
    bottom: auto;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    transform: translateY(-50%)
}

.loading-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(255, 255, 255, .5);
    display: flex;
    justify-content: center
}

.loading-box__spinner {
    width: 30px;
    height: 30px;
    margin: auto
}

.loading-overlay {
    position: absolute;
    z-index: 1;
    width: 30px
}

.loading-overlay__spinner {
    width: 30px;
    display: inline-block
}

.spinner {
    animation: 1.4s linear infinite rotator
}

@keyframes rotator {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(270deg)
    }
}

.path {
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: var(--dark-color);
    animation: 1.4s ease-in-out infinite dash
}

@keyframes dash {
    0% {
        stroke-dashoffset: 280;
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dashoffset: 75;
        transform: rotate(135deg);
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dashoffset: 280;
        transform: rotate(450deg);
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.loading-overlay:not(.hidden)+.cart-item__price-wrapper,
.loading-overlay:not(.hidden)~cart-remove-button {
    opacity: 50%
}

.loading-overlay:not(.hidden)~cart-remove-button {
    pointer-events: none;
    cursor: default
}

.cart-item__error {
    font-size: var(--font_size_minus4);
    display: flex;
    align-items: flex-start;
    margin-bottom: 0;
    line-height: var(--font_size_plus2)
}

.cart-goal-msg,
.cart-product-info .amount,
.discounts i {
    font-size: var(--font_size_minus1)
}

.cart-item__error-text {
    order: 1
}

.cart-item__error-text+svg {
    width: 17px;
    margin-right: 4px;
    margin-top: 3px;
    flex-shrink: 0
}

.cart-notification {
    width: 100%;
    border: 0;
    position: fixed;
    z-index: 999999;
    max-width: 470px;
    margin: 0;
    text-align: left;
    list-style: none;
    cursor: default;
    line-height: normal;
    background: var(--white-color);
    height: 100vh;
    max-height: 100dvh;
    top: 0;
    right: 0;
    left: auto;
    -webkit-transform: translate3d(104%, 0, 0);
    transform: translate3d(104%, 0, 0);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1), visibility .5s cubic-bezier(.645, .045, .355, 1);
    opacity: 1
}

.cart-notification.active {
    pointer-events: auto;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    opacity: 1
}

.minicart-active cart-notification:after {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(38, 38, 38, .7);
    z-index: 999
}

.cart-notification .cart-title {
    padding: 25px 40px;
    background-color: var(--very-light-gray);
    position: relative;
    z-index: 2
}

.cart-notification .cart-title h6 {
    font-size: var(--font_size_plus7)
}

.cart-notification .cart-title span:not(.cart-close-icon) {
    margin-left: 20px;
    background: var(--white-color);
    text-transform: uppercase;
    font-size: 12px;
    padding: 6px 19px 5px;
    color: var(--dark-color);
    border-radius: 100px;
    box-shadow: 0 0 25px rgba(23, 23, 23, .15);
    font-weight: var(--font-weight-500)
}

.cart-notification .cart-title .cart-close-icon {
    font-size: var(--font_size_plus2);
    font-weight: var(--font-weight-600);
    color: var(--dark-color);
    cursor: pointer
}

.free-shipping-goal-section {
    padding: 30px 40px 20px
}

.cart-goal-msg {
    line-height: var(--font_size_plus4);
    color: var(--dark-color);
    margin-bottom: 20px
}

.cart-goal__bar {
    background-color: var(--extra-medium-gray);
    height: 8px;
    border-radius: 8px;
    position: relative
}

.cart-goal__bar span:not(.goal-badge) {
    background-image: linear-gradient(20deg, #ff7800 0, #ffcd06 100%);
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    overflow: visible !important;
    height: 8px;
    width: calc(var(--progress) - 55px);
    max-width: calc(100% - 55px);
    transition: width 1s ease-in-out
}

.cart-goal__bar .goal-badge {
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    background-color: var(--dark-color);
    padding: 5px 10px;
    border-radius: 46px;
    color: var(--white-color);
    font-weight: var(--font-weight-600);
    position: absolute;
    left: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 28px
}

.cart-goal__bar .goal-badge:after {
    content: '%'
}

.cart-notification__header {
    align-items: flex-start;
    display: flex
}

.cart-notification__heading {
    align-items: center;
    display: flex;
    flex-grow: 1;
    margin-bottom: 0;
    margin-top: 0
}

.cart-notification__heading .icon-checkmark {
    color: #e5e5e5;
    margin-right: 1rem;
    width: 1.3rem
}

.cart-notification__close {
    margin-top: -2rem;
    margin-right: -3rem
}

.cart-notification__links>* {
    margin-top: 1rem
}

.cart-notification-product {
    align-items: flex-start;
    display: flex;
    position: relative
}

.cart-notification-product dl,
.cart-notification-product__name {
    margin-bottom: 0;
    margin-top: 0
}

.cart-notification-product__option>* {
    display: inline-block;
    margin: 0
}

.cart-notification-products .product-image {
    margin-right: 25px;
    flex: 0 0 80px;
    border: 1px solid rgba(0, 0, 0, .1)
}

.cart-items .product-thumbnail img {
    border: 1px solid rgba(0, 0, 0, .1)
}

.discounts i {
    margin-right: 6px
}

.cart-notification-products {
    padding: 40px 40px 30px;
    flex: 1
}

.mini-cart-wrapper {
    overscroll-behavior: contain;
    overflow-y: auto
}

.mini-cart-wrapper::-webkit-scrollbar {
    width: 4px
}

.mini-cart-wrapper::-webkit-scrollbar-thumb {
    background: #cdcdcd
}

.mini-cart-wrapper::-webkit-scrollbar-thumb:hover {
    background: #8b8b8b
}

.cart-product-info .product-option:not(:first-child):before {
    content: "/";
    font-size: var(--font_size_minus2);
    margin: 0 5px;
    line-height: var(--font_size_minus2)
}

.cart-product-info .product-name {
    margin-bottom: 5px;
    display: inline-block;
    padding-right: 15px
}

.cart-product-info .remove {
    font-size: 18px;
    line-height: 20px;
    margin-top: 3px;
    flex-shrink: 0
}

.cart-product-info .quantity-wrap {
    margin-top: 19px
}

.cart-product-info .quantity-input,
.image-with-countdown .deal-timer .counter-box,
.shop-collection-category-style-3 .row>.col,
.testimonial-with-banner .testimonial-content.text-center .slide-content-inner {
    padding: 0 25px
}

.cart-product-info .quantity-button,
.cart-product-info .quantity-input {
    font-size: inherit;
    line-height: normal;
    height: 33px
}

.cart-product-info .quantity,
.quantity.qty-small {
    width: 85px
}

.cart-product-info .quantity-button,
.qty-small .quantity-button {
    width: 35px
}

.empty-mini-cart {
    padding: 25px;
    text-align: center;
    font-size: var(--font_size_plus2);
    margin: auto 0
}

.empty-mini-cart i {
    font-size: var(--font_size_plus20);
    margin-bottom: 15px
}

.cart-agreement {
    margin-bottom: 20px;
    font-size: var(--font_size_minus2)
}

.cart-agreement input[type=checkbox] {
    flex: 0 0 15px;
    height: 15px;
    margin: 2px 10px 0 0;
    border: 1px solid red;
    cursor: pointer;
    padding: 0
}

.cart-agreement a {
    cursor: pointer
}

.cart-notification-ymal {
    padding: 25px 40px 35px;
    background: #fff;
    background: linear-gradient(0deg, #fff 0, #f7f7f7 38%, #f7f7f7 100%)
}

.ymal-title {
    font-size: var(--font_size_plus1);
    line-height: var(--font_size_plus7);
    margin-bottom: 20px
}

.cart-notification-ymal .product-image {
    width: 95px;
    margin-right: 20px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, .1);
    vertical-align: middle
}

.cart-notification-ymal .product-image>a {
    position: static !important
}

.cart-notification-ymal .product-footer {
    width: calc(100% - 170px);
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    text-align: left
}

.cart-notification-ymal .cart-notification-navigation .swiper-button-next,
.cart-notification-ymal .cart-notification-navigation .swiper-button-prev {
    border: 1px solid rgba(0, 0, 0, .15);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin: 0;
    z-index: inherit
}

.cart-notification-ymal .cart-notification-navigation .swiper-button-next svg,
.cart-notification-ymal .cart-notification-navigation .swiper-button-prev svg {
    width: 7px
}

.cart-notification-ymal .cart-notification-navigation .swiper-button-prev {
    margin-right: 5px !important
}

.mini-cart-bottom {
    padding: 25px 40px;
    background-color: var(--very-light-gray)
}

.cart-notification-addons .addon-btn {
    font-size: 14px;
    flex: 1
}

.cart-notification-addons .addon-btn:not(:last-child):after {
    content: '';
    height: 30px;
    width: 1px;
    background-color: var(--extra-medium-gray);
    position: absolute;
    right: 0
}

.cart-notification-addons .addon-icon i {
    font-size: var(--font_size_plus5);
    margin-bottom: 6px
}

.cart-notification-addons .addon-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 40px 50px;
    background-color: #fff;
    box-shadow: 20px 0 20px rgba(0, 0, 0, .12);
    z-index: 11;
    transition: .25s ease-in-out;
    transform: translate3d(0, 100%, 0)
}

.cart-notification-addons .addon-content.open {
    transform: translate3d(0, 0, 0)
}

.cart-notification-addons .popup-icon i {
    font-size: var(--font_size_plus1);
    margin-right: 5px
}

.cart-notification-addons .addon-icon,
.cart-notification-addons .popup-icon {
    color: var(--dark-color);
    font-weight: var(--font-weight-500);
    margin-bottom: 25px
}

.cart-notification-addons .addon-action .btn-cancel {
    color: var(--dark-color);
    font-size: var(--font_size_minus3);
    font-weight: var(--font-weight-600);
    font-family: var(--alt-font)
}

.cart-notification-addons .estimate-shipping .field label {
    margin-bottom: 5px;
    font-weight: var(--font-weight-500);
    color: var(--dark-color);
    font-size: var(--font_size_minus2);
    font-family: var(--alt-font)
}

.cart-notification-addons .gift-content .popup-icon i {
    font-size: var(--font_size_plus22);
    margin-bottom: 10px;
    margin-right: 0
}

.mini-cart-overlay {
    background: rgba(255, 255, 255, .9);
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: .25s;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2
}

.mini-cart-overlay.open {
    visibility: visible;
    opacity: 1
}

.author-product .author-box .rating,
.cart-notification-ymal .product-footer .product-title,
.image-with-product .section-sub-heading,
.lookbook.lookbook-with-video .product-rating,
.product-variants .product-filter .form-label,
.special-product .product-box .product-rating {
    margin-bottom: 5px
}

.cart-notification-ymal .color-bg,
.cart-notification-ymal .null-bg {
    width: 17px;
    height: 17px
}

.cart-notification-ymal .product-footer .price-box,
.special-product .product-content .price-box {
    font-size: var(--font_size_minus1);
    margin-bottom: 0
}

.cart-notification-ymal .product-footer .price-wrapper {
    justify-content: start
}

.mini-cart-progress {
    height: 4px;
    width: 0;
    background-color: rgba(38, 38, 38, .8);
    position: relative;
    z-index: 2;
    flex-shrink: 0
}

.cart-notification.loading .mini-cart-progress {
    transition: 1.5s linear;
    width: 100%
}

.cart-notification.loading .cart-notification__content:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, .7);
    z-index: 1
}

.wrapper-response {
    border-radius: 4px;
    padding: 20px 25px;
    font-size: var(--font_size_minus4);
    margin-top: 5px
}

.wrapper-response:not(.error) {
    background: #fff3cd
}

.wrapper-response.error {
    background-color: #f9dfe1;
    display: flex
}

.checkout-sidebar .error {
    color: var(--red);
    font-size: var(--font_size_minus3);
    line-height: var(--font_size_plus4);
    position: relative;
    padding: 15px 20px
}

.checkout-sidebar .error:before {
    content: '\F332';
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-weight: 400 !important;
    text-transform: none;
    line-height: 1;
    margin-right: 8px;
    margin-top: 4px
}

.checkout-sidebar #wrapper-response strong,
.checkout-sidebar .wrapper-response strong {
    font-weight: var(--font-weight-400);
    color: var(--dark-color);
    line-height: var(--font_size_plus4);
    display: inline-block;
    margin-bottom: 5px
}

.checkout-sidebar .shipping-rates {
    list-style: none;
    color: var(--dark-color);
    font-size: var(--font_size_minus2);
    font-weight: var(--font-weight-500);
    line-height: var(--font_size_plus8)
}

.checkout-sidebar .cart-footer .discounts {
    margin-bottom: 5px;
    font-size: var(--font_size)
}

.checkout-sidebar .cart-footer .cart-subtotal,
.image-with-faq-style-1 .accordion-event .panel .panel-heading {
    font-size: var(--font_size_plus4)
}

.checkout-sidebar .field-wrap .field {
    width: 48%
}

.product-image-main [data-media-type=image] .product-media:hover {
    cursor: crosshair
}

.product-gallery .product-main-slider {
    width: calc(100% - 129px);
    position: relative
}

.product-image-main .preview-image {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.product-image-main .media-model {
    padding-top: 100%
}

.product-image-main .shopify-model-viewer-ui {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    top: 0;
    height: 100%;
    width: 100%
}

.product-image-main .shopify-model-viewer-ui model-viewer {
    width: 100%;
    height: 100%
}

.product .swiper-button-next,
.product .swiper-button-prev {
    color: var(--dark-color);
    font-size: var(--font_size_plus10);
    right: 0;
    opacity: 0;
    visibility: hidden
}

.product .swiper-button-next.swiper-button-disabled svg,
.product .swiper-button-prev.swiper-button-disabled svg,
.shop-collection-category-style-1 .swiper-button-next.swiper-button-disabled i,
.shop-collection-category-style-1 .swiper-button-prev.swiper-button-disabled i {
    opacity: .35
}

.product .swiper-button-prev {
    left: 0;
    right: inherit
}

.product .product-image-main:hover .swiper-button-prev,
.product .product-main-slider:hover .swiper-button-prev {
    left: 20px;
    opacity: 1;
    visibility: visible
}

.product .product-image-main:hover .swiper-button-next,
.product .product-main-slider:hover .swiper-button-next {
    right: 20px;
    opacity: 1;
    visibility: visible
}

.product .product-image-main .swiper-button-next,
.product .product-image-main .swiper-button-prev {
    font-size: 12px;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: var(--white-color);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}

.product .product-image-main .swiper-button-next svg,
.product .product-image-main .swiper-button-prev svg {
    width: 9px
}

.product .product-image-main .swiper-button-next.swiper-button-disabled,
.product .product-image-main .swiper-button-prev.swiper-button-disabled {
    pointer-events: inherit
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster,
button.plyr__control.plyr__control--overlaid {
    background-color: var(--white-color) !important;
    color: var(--dark-color) !important;
    border-color: var(--white-color) !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
    border-radius: 50% !important;
    transform: translate(-50%, -50%) scale(1) !important;
    transition: transform .2s, color .2s
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover {
    transform: translate(-50%, -50%) scale(1.1)
}

.main-product-page .shopify-model-viewer-ui:not(.shopify-model-viewer-ui--desktop) .shopify-model-viewer-ui__controls-area {
    display: flex !important
}

.product .block-name {
    text-transform: capitalize;
    margin-bottom: 10px
}

.product .price {
    font-size: var(--font_size_plus8);
    color: var(--dark-color);
    margin-bottom: 15px
}

.product .price .price__compare {
    font-size: var(--font_size_plus3);
    color: var(--body-text-color);
    font-weight: var(--font-weight-400);
    margin-left: 10px
}

.product .price .save-lable.badge {
    font-size: 11px;
    border-radius: 15px;
    padding: 5px 15px
}

.product-img-btn {
    font-size: 13px;
    color: var(--dark-color);
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 7;
    height: 40px;
    width: 40px;
    background: var(--white-color);
    text-align: center;
    border-radius: 100%;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center
}

.product-summary {
    padding-left: 55px
}

.product-summary .product-deal-wrap {
    background-color: #fff5f4;
    padding: 18px 30px;
    border-radius: 4px;
    margin-bottom: 20px
}

.product-summary .product-deal {
    position: inherit;
    width: 70%;
    background-color: transparent;
    box-shadow: none
}

.product-summary .product-deal-wrap .deal-title {
    min-width: 110px;
    color: var(--red);
    font-size: var(--font_size_plus2);
    line-height: var(--font_size_plus6);
    font-weight: var(--font-weight-400);
    margin-right: 10px
}

.product-summary .product-deal-wrap .deal-title span {
    display: block;
    font-weight: var(--font-weight-600)
}

.product-summary .product-deal .counter-box:not(:last-child) .number:before {
    color: var(--red);
    opacity: .4;
    margin-top: 7px
}

.product-summary .product-deal .counter-box span {
    font-size: 12px;
    color: var(--dark-color)
}

.product-summary .product-title-wrapper .price {
    font-size: var(--font_size);
    color: var(--dark-color)
}

.product-summary .product-rating {
    text-align: right;
    line-height: normal;
    cursor: pointer
}

.product-summary .rating-sku-wrap {
    font-size: var(--font_size_minus1);
    margin-bottom: 15px;
    margin-top: 5px
}

.product-summary .product-rating .spr-badge-caption {
    margin-left: 5px;
    text-transform: capitalize;
    vertical-align: middle
}

.product-summary .spr-badge-starrating .spr-icon {
    font-size: var(--font_size_minus2);
    margin-right: 0
}

.product-summary .stock-label {
    border: 1px solid var(--green);
    padding: 4px 12px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 11px;
    color: var(--green);
    font-weight: var(--font-weight-500)
}

.product-summary .loox-rating svg.loox-icon {
    width: 1.1em;
    height: 1.1em
}

.product-summary .stock-label.unavailable {
    border-color: var(--red);
    color: var(--red)
}

.product-summary .stock-label.pre-order {
    border-color: #eb8541;
    color: #eb8541
}

.product-summary .product-info-overview {
    margin-bottom: 25px;
    line-height: var(--font_size_plus12)
}

.product-summary .product-form__input--dropdown {
    display: flex;
    margin-bottom: 25px;
    align-items: center
}

.product-summary .product-variants .form-label {
    min-width: 70px;
    color: var(--dark-color)
}

.product-summary .product-variants select {
    width: 100%;
    margin-bottom: 0
}

.product-summary .product-variants .modal-popup {
    font-size: var(--font_size_minus2);
    border-bottom: 1px solid;
    padding: 0;
    margin-left: 5px;
    line-height: var(--font_size_minus2);
    color: var(--dark-color)
}

.product-summary .cart-btn {
    line-height: var(--font_size_minus2);
    font-weight: var(--font-weight-500);
    color: var(--dark-color);
    background-color: transparent;
    width: 100%;
    padding: 5px 15px;
    border: 1px solid var(--dark-color);
    box-shadow: none;
    outline: 0;
    border-radius: 4px;
    height: 50px;
    transition: .2s ease-in-out
}

.product-summary .quantity-btn,
.quickview-wrapper .product-summary .rating-sku-wrap div:not(:last-child) {
    margin-right: 15px
}

.product-summary .quantity-btn label {
    color: var(--dark-color);
    font-weight: var(--font-weight-500);
    margin-bottom: 10px
}

.product-summary .product-form-buttons {
    margin-bottom: 23px
}

.product-summary .disabled-btn .cart-btn {
    background-color: #909090;
    border-color: #909090;
    color: var(--white-color);
    opacity: .6
}

.product-summary .wishlist-btn {
    color: var(--dark-color);
    flex: 0 0 52px;
    width: 52px;
    height: 50px;
    border: 1px solid var(--extra-medium-gray);
    margin-left: 15px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-summary .purchase-mode-off .wishlist-btn {
    margin-left: 0;
    margin-bottom: 25px
}

.product-summary .product-variants .variant-option.swatch-image label {
    width: 80px;
    height: 80px
}

.product-summary .product-form {
    margin-top: 25px;
    display: block
}

.product-summary .color-filter input[type=radio]:checked .color-white:after,
.product-summary .color-filter input[type=radio]:checked+.null-bg:after,
.product-summary .color-filter input[type=radio]:checked[value=White]+.null-bg:after,
.product-summary .color-filter:hover .color-white:after,
.product-summary .color-filter:hover .null-bg:after,
.product-summary .color-filter:hover [value=White]+.null-bg:after {
    color: var(--base-color)
}

.product-summary .product-form .product-form__error-message-wrapper .icon {
    width: 22px;
    height: 22px;
    margin-right: 6px;
    flex-shrink: 0
}

.product-summary .product-rating .jdgm-widget .jdgm-prev-badge__stars {
    letter-spacing: -2px
}

.product-summary .product-rating .jdgm-widget .jdgm-prev-badge__text {
    margin-left: 5px
}

.quantity-button {
    width: 40px;
    height: 50px;
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    background-color: transparent;
    color: var(--body-text-color);
    font-size: var(--font_size_minus2)
}

.quantity {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100px
}

.quantity-input {
    margin: 0;
    padding: 0 30px;
    line-height: var(--font_size_plus34);
    height: 50px;
    outline: 0;
    border-radius: 4px;
    text-align: center
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 0
}

.quantity input[type=number] {
    -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important
}

.qty-small .quantity-button,
.qty-small .quantity-input {
    line-height: var(--font_size_plus17);
    height: 35px;
    font-size: inherit;
    top: 0
}

.spr-badge-starrating {
    margin: 0 !important
}

.shopify-payment-button .shopify-payment-button__button--unbranded {
    line-height: var(--font_size_minus2);
    font-family: var(--alt-font);
    font-weight: var(--font-weight-500);
    background-color: var(--dark-color);
    padding: 10px;
    height: 50px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

#infinite-scroll-btn .btn,
#load-more-btn .btn:focus,
.shop-collection-category-style-2 .collection-item-box:hover .collection-content,
.shopify-payment-button .shopify-payment-button__button--unbranded:hover {
    background-color: var(--dark-color)
}

.feature-product-tab-style-1 .nav-tabs .nav-link.active,
.feature-product-tab-style-1 .nav-tabs .nav-link:hover,
.heading-wrapper .swiper-button-next.swiper-button-disabled,
.heading-wrapper .swiper-button-prev.swiper-button-disabled,
.shop-collection-category-style-1 .swiper-button-next.swiper-button-disabled,
.shop-collection-category-style-1 .swiper-button-prev.swiper-button-disabled,
.shop-collection-category-style-3 .collection-item-box:hover .item-count,
.shopify-payment-button .shopify-payment-button__button--unbranded:disabled {
    opacity: 1
}

.disabled-btn .shopify-payment-button .shopify-payment-button__button--unbranded,
.shopify-payment-button .shopify-payment-button__button--unbranded:disabled:hover {
    opacity: .6
}

.disabled-btn .shopify-payment-button .shopify-payment-button__button--unbranded {
    background-color: #909090;
    border-color: #909090;
    color: var(--white-color);
    opacity: .6
}

.cart-btn i {
    margin-right: 7px;
    line-height: 14px
}

.product-variants .form-label {
    width: 80px;
    color: var(--dark-color);
    font-weight: var(--font-weight-500)
}

.product-variants .product-filter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.product-box .product-variants .product-filter {
    justify-content: center;
    margin-bottom: 0
}

.product-variants .variant-option {
    margin-right: 8px;
    position: relative;
    display: flex;
    align-items: center
}

.product-variants .variant-option label {
    display: flex
}

.product-variants .variant-option label.material-filter {
    overflow: hidden;
    position: relative
}

.show-more-options {
    cursor: pointer;
    font-size: var(--font_size_minus4);
    font-weight: var(--font-weight-500);
    color: var(--dark-color)
}

.product-variants .variant-option img {
    border-radius: 100%;
    border: 1px solid var(--extra-medium-gray);
    transition: .2s ease-in-out;
    cursor: pointer
}

.product-variants .variant-option.swatch-image label {
    width: 33px;
    height: 33px;
    background-size: 100%;
    background-position: center;
    border-radius: 100%
}

.product-variants .variant-option select {
    padding-right: 45px
}

.product-variants .size-filter .variant-option label {
    font-size: 13px;
    line-height: normal;
    text-transform: uppercase;
    width: 40px;
    height: 40px;
    border: 1px solid var(--extra-medium-gray);
    border-radius: 100%;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease-in-out;
    cursor: pointer
}

.product-variants .variant-option:not(.swatch-image) .soldout-opt~label,
.product-variants .variant-option:not(.swatch-image) .unavailable-opt~label {
    opacity: .5;
    cursor: no-drop;
    background: 0 0 !important;
    color: var(--dark-color) !important;
    border-color: var(--extra-medium-gray) !important
}

.product-variants .variant-option.swatch-image .soldout-opt~label,
.product-variants .variant-option.swatch-image .unavailable-opt~label {
    opacity: .5;
    cursor: no-drop
}

.product-variants .variant-option .soldout-opt~label span,
.product-variants .variant-option .unavailable-opt~label span {
    color: var(--dark-color) !important;
    cursor: no-drop
}

.product-variants .variant-option .soldout-opt~label:after,
.product-variants .variant-option .unavailable-opt~label:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--dark-color);
    display: inline-block;
    position: absolute;
    transform: rotate(45deg);
    top: 50%;
    left: 0;
    opacity: .3
}

.product-variants .size-filter .variant-option input[type=radio]:checked+label,
.product-variants .size-filter .variant-option.selected label,
.product-variants .size-filter .variant-option:hover label {
    border-color: var(--dark-color);
    color: var(--white-color);
    background-color: var(--dark-color)
}

@keyframes slideUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
        opacity: 0
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
}

.slideUp {
    -webkit-animation-name: slideUp;
    animation-name: slideUp;
    opacity: 1
}

.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
    opacity: 1
}

.recent-bought {
    position: fixed;
    z-index: 97;
    left: 30px;
    bottom: 30px;
    width: 100%;
    max-width: 330px;
    border-radius: 5px;
    box-shadow: 0 6px 17px rgba(32, 33, 32, .2);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    transition: .25s;
    overflow: hidden;
    opacity: 0
}

.recent-bought img {
    border-radius: 3px
}

.recent-bought .close-icon {
    font-size: var(--font_size_minus2);
    line-height: var(--font_size_plus17);
    color: var(--dark-color);
    font-weight: var(--font-weight-700);
    position: absolute;
    width: 35px;
    height: 35px;
    right: 0;
    top: 0;
    text-align: center;
    cursor: pointer
}

.recent-bought-content {
    padding-left: 15px
}

.recent-bought-content span {
    line-height: normal;
    font-size: var(--font_size_minus3);
    margin-bottom: 5px
}

.recent-bought-content .recent-title {
    color: var(--dark-color);
    font-size: var(--font_size_minus1);
    font-weight: var(--font-weight-500);
    line-height: var(--font_size_plus2);
    margin-bottom: 5px
}

.recent-bought-content .bought-time {
    font-size: var(--font_size_minus4);
    line-height: var(--font_size_plus2)
}

.quickview-wrapper {
    width: 1000px;
    margin: 0 auto;
    max-height: 680px;
    height: 75vh;
    overflow: auto
}

.quickview-wrapper .product-gallery {
    padding-right: 0
}

.product-quickview-popup .product-media img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.product-quickview-popup .product-summary {
    padding: 45px 60px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    overflow-y: auto;
    height: 100%
}

.product-quickview-popup .product-summary::-webkit-scrollbar {
    width: 6px
}

.product-quickview-popup .product-summary::-webkit-scrollbar-thumb {
    background: #cdcdcd
}

.product-quickview-popup .product-summary::-webkit-scrollbar-thumb:hover {
    background: #8b8b8b
}

.product-quickview-popup .product-image-main:hover {
    cursor: default
}

.product-quickview-popup .link-btn {
    font-size: var(--font_size_minus2);
    line-height: var(--font_size_plus2);
    font-weight: var(--font-weight-500);
    color: var(--dark-color);
    display: inline-block;
    margin-bottom: 25px;
    border-bottom: 1px solid
}

.quickview-wrapper .product-summary .rating-sku-wrap {
    margin-bottom: 10px;
    font-size: var(--font_size_minus3)
}

.quickview-wrapper .product-summary .product-info-overview {
    margin-bottom: 0;
    font-size: var(--font_size_minus1);
    line-height: var(--font_size_plus7)
}

.quickview-wrapper .product-summary .product-form .errormsg-quickview {
    color: var(--red);
    margin-top: 10px
}

.quickview-wrapper .product-summary .cart-btn:hover {
    background-color: transparent;
    color: var(--dark-color)
}

.text-highlight {
    position: relative;
    z-index: 1;
    display: inline-block
}

.text-highlight:before {
    content: "";
    height: 6px;
    width: 100%;
    background: #c5deed;
    position: absolute;
    bottom: 5px;
    z-index: -1
}

.testimonial-title {
    margin-bottom: 60px
}

.testimonial-title .image .svg-placeholder {
    width: 270px;
    height: 80px
}

.testimonial-style-01 .author .svg-placeholder {
    width: 80px;
    margin-right: 15px
}

.testimonial-style-01 .box-inner {
    padding: 50px;
    height: 100%;
    border-radius: 6px;
    box-shadow: 0 0 40px rgba(38, 25, 16, .12)
}

.testimonial-style-01 .title {
    font-size: var(--font_size_plus1);
    color: var(--dark-color);
    font-weight: var(--font-weight-500);
    display: block;
    margin-bottom: 5px
}

.testimonial-style-01 .author img {
    border-radius: 100%;
    flex-shrink: 0;
    margin-right: 15px;
    max-width: 80px
}

.testimonial-style-01 .author .author-name {
    color: var(--dark-color);
    font-weight: var(--font-weight-500);
    display: block
}

.people-review .review-item .author-name,
.testimonial-slider-bottom-text,
.testimonial-trust-content,
.testimonial-with-banner .rating .total-rating,
.testimonial-with-banner .testimonial-content .author-name {
    font-weight: var(--font-weight-600);
    color: var(--dark-color)
}

.testimonial-style-01 .rating {
    line-height: normal;
    letter-spacing: -6px;
    display: block
}

.testimonial-trust-content {
    font-size: var(--font_size_plus6);
    margin-top: 50px
}

.testimonial-slider .box-inner {
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 5px 22px rgba(0, 0, 0, .1)
}

.testimonial-slider .heading-wrapper .title-style-btn {
    line-height: normal;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.testimonial-slider .box-content {
    padding: 35px 40px 35px 50px;
    flex: 0 0 auto;
    width: 64%
}

.testimonial-slider .box-content .rating {
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-size: var(--font_size_minus1)
}

.testimonial-slider .box-content .designation {
    font-size: var(--font_size_minus2);
    line-height: var(--font_size_plus4)
}

.testimonial-slider .box-inner .media {
    padding: 25px 25px 17px;
    flex: 0 0 auto;
    width: 36%;
    position: relative;
    text-align: center
}

.testimonial-slider .box-inner .media .product-content {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 0 30px 18px;
    text-align: center
}

.testimonial-slider .box-inner .media .product-name {
    font-size: var(--font_size_minus1);
    font-weight: var(--font-weight-500);
    line-height: var(--font_size_plus4);
    display: inline-block
}

.testimonial-slider-bottom-text {
    font-size: 200px;
    line-height: 200px;
    position: absolute;
    bottom: -48px;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: .1;
    letter-spacing: -9px
}

.testimonial-slider-bottom-text.text-outline {
    -webkit-text-stroke-color: var(--dark-color)
}

.people-review .swiper-button-next,
.people-review .swiper-button-prev,
.testimonial-slider .swiper-button-next,
.testimonial-slider .swiper-button-prev {
    font-size: var(--font_size_plus7);
    line-height: 10px;
    color: var(--dark-color);
    position: static;
    display: inline-block;
    height: auto;
    width: auto;
    margin: 0
}

.testimonial-slider .swiper-button-next {
    border-left: 1px solid rgba(27, 33, 31, .2);
    padding-left: 20px
}

.testimonial-slider .swiper {
    overflow: visible
}

.testimonial-with-banner .testimonial-content .swiper {
    margin-left: 75px
}

.testimonial-with-banner .rating {
    background-color: #ffc700;
    padding: 11px 18px;
    border-radius: 30px;
    margin-bottom: 20px;
    display: inline-block
}

.testimonial-with-banner .rating i {
    display: flex;
    color: var(--dark-color);
    font-size: var(--font_size);
    line-height: normal;
    letter-spacing: 1px
}

.testimonial-with-banner .rating .total-rating {
    margin-left: 5px;
    font-size: var(--font_size_minus2);
    line-height: var(--font_size_minus2)
}

.hero-banner .rating-wrapper .fill-rating,
.people-review .review-item .rating .fill-rating,
.rating .fill-rating,
.testimonial-tabs .rating .fill-rating,
.testimonial-with-banner .rating .fill-rating {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    overflow: hidden
}

.testimonial-with-banner .testimonial-content h6 {
    font-size: var(--font_size_plus10);
    line-height: var(--font_size_plus22);
    font-weight: var(--font-weight-400);
    letter-spacing: -.5px;
    margin-bottom: 20px
}

.testimonial-with-banner .testimonial-content.text-start .slide-content-inner {
    padding-right: 50px
}

.testimonial-with-banner .testimonial-content .author-name {
    font-size: var(--font_size_plus2);
    line-height: normal
}

.testimonial-with-banner .testimonial-content .designation {
    border-left: 1px solid var(--extra-medium-gray);
    margin-left: 10px;
    padding-left: 10px;
    line-height: normal
}

.testimonial-with-banner .navigation .swiper-button-next,
.testimonial-with-banner .navigation .swiper-button-prev {
    font-size: var(--font_size_plus4);
    color: var(--dark-color);
    position: static;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid var(--extra-medium-gray)
}

.testimonial-with-banner .testimonial-content .swiper-pagination .swiper-pagination-bullet {
    background-color: var(--dark-color);
    border: 1px solid var(--dark-color)
}

.testimonial-with-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--dark-color);
    background-color: transparent
}

.outside-box-right-30 {
    margin-right: -30vw
}

.gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 35, 41, .7)), to(transparent));
    background-image: linear-gradient(to top, rgba(32, 35, 41, .7) 0, transparent 50%);
    z-index: 1
}

.services-box-style-01 figure {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 0
}

.services-box-style-01 figure figcaption {
    position: absolute;
    bottom: 0;
    top: 0;
    padding: 45px 50px;
    z-index: 1
}

.services-box-style-01 .title {
    font-size: var(--font_size_plus5);
    color: var(--white-color);
    margin-top: auto
}

.services-box-style-01 .number {
    font-size: 90px;
    line-height: 90px;
    font-weight: var(--font-weight-700);
    color: var(--white-color);
    margin-left: -70px
}

.contact-box .contact-heading {
    font-weight: var(--font-weight-500);
    color: var(--dark-color);
    border-bottom: 1px solid var(--dark-color);
    padding-bottom: 15px;
    margin-bottom: 15px;
    width: 90%
}

.contact-box .contact-heading i {
    font-size: var(--font_size_plus2);
    margin-right: 10px
}

.conect-with-us .separator {
    height: 1px;
    width: 100%;
    display: block;
    background-color: var(--extra-medium-gray)
}

.conect-with-us .title {
    margin-bottom: 0;
    font-weight: var(--font-weight-600)
}

.video-wrapper {
    height: 625px;
    background-size: cover;
    background-position: center center;
    border-radius: 6px
}

.video-wrapper .popup-video {
    width: auto;
    height: auto
}

.video-wrapper .content-text {
    font-size: var(--font_size_plus30);
    line-height: var(--font_size_plus30);
    color: var(--white-color);
    font-weight: var(--font-weight-500);
    max-width: 500px;
    width: 100%;
    margin-top: 30px;
    padding: 0 15px
}

.video-wrapper .title {
    font-size: 235px;
    line-height: 181px;
    font-weight: var(--font-weight-700);
    color: var(--white-color);
    position: absolute;
    bottom: -23px;
    right: -34px;
    opacity: .2
}

.video-icon-box {
    z-index: 1;
    box-shadow: 0 0 30px rgb(0 0 0 / 8%);
    transition: 350ms cubic-bezier(.37, 0, .63, 1);
    display: inline-block;
    text-align: center
}

.video-icon-box>span {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.video-icon {
    color: var(--dark-color);
    position: relative;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    font-size: 28px
}

.video-icon .video-icon-sonar {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -10;
    -webkit-animation: 2s linear infinite video-icon-sonar;
    animation: 2s linear infinite video-icon-sonar
}

.video-icon .video-icon-sonar .video-icon-sonar-bfr {
    position: absolute;
    border-radius: 50%;
    top: -25px;
    left: -25px;
    z-index: -100;
    background-color: var(--white-color);
    opacity: .9;
    width: 150px;
    height: 150px
}

.video-icon-box .video-icon i {
    margin-left: 5px;
    color: var(--dark-color)
}

@-webkit-keyframes video-icon-sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(.1);
        -moz-transform: scale(.1);
        -ms-transform: scale(.1);
        transform: scale(.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes video-icon-sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(.1);
        -moz-transform: scale(.1);
        -ms-transform: scale(.1);
        transform: scale(.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.video-hero {
    position: relative;
    padding-top: 56.25%;
    height: 100%
}

.video-hero iframe,
.video-hero video {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    border: 0;
    transform: translate(-50%, -50%);
    object-fit: cover
}

.lookbook .feather-plus,
.lookbook .pin-item:after,
.lookbook .pin-item>span {
    background-color: var(--white-color);
    border-radius: 50%
}

.video-hero-wrap .video-content-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.video-hero-wrap .video-content-wrap .subtitle {
    margin-bottom: 30px;
    text-shadow: 0 0 15px rgb(0 0 0)
}

.video-hero-wrap .video-content-wrap .title {
    text-shadow: 0 0 50px rgb(0 0 0 / 90%);
    margin-bottom: 35px
}

.menu-hover .rotation-image {
    z-index: 11 !important
}

.counter-style-1 .counter-box .icon-wrapper i {
    color: var(--dark-color);
    margin-bottom: 18px
}

.counter-style-1 .counter-box .counter-number-wrap {
    color: var(--dark-color);
    font-size: var(--font_size_plus29);
    line-height: var(--font_size_plus29);
    font-weight: var(--font-weight-600);
    padding: 0 5px;
    margin-bottom: 5px;
    z-index: 1
}

.counter-style-1 .counter-box .counter-number-wrap .border-line {
    position: absolute;
    height: 10px;
    width: 100%;
    background-color: var(--base-color);
    bottom: 6px;
    left: 0;
    z-index: -1
}

.counter-style-1 .counter-box .counter-text {
    font-size: var(--font_size_minus3);
    line-height: normal;
    font-weight: var(--font-weight-500)
}

.categorie-list-style-1 .categorie-box {
    position: relative;
    z-index: 1;
    border-right: 1px solid var(--extra-medium-gray)
}

.categorie-list-style-1 .categorie-box>a {
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    width: 100%
}

.categorie-list-style-1 .categorie-box img {
    display: block;
    margin: 0 auto
}

.categorie-list-style-1 .categorie-box .title {
    color: var(--dark-color);
    font-weight: var(--font-weight-600);
    display: inline-block;
    position: relative;
    margin-top: 15px;
    line-height: normal;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.categorie-list-style-1 .categorie-box .title:after {
    content: "";
    position: absolute;
    border-bottom: 2px solid;
    border-color: var(--dark-gray);
    left: 0;
    bottom: -2px;
    width: 0%;
    -webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: .4s cubic-bezier(.165, .84, .44, 1);
    -ms-transition: .4s cubic-bezier(.165, .84, .44, 1);
    transition: .4s cubic-bezier(.165, .84, .44, 1)
}

.categorie-list-style-1 .categorie-box:hover .title:after {
    border-color: var(--dark-gray);
    color: var(--dark-gray);
    width: 100%
}

.categorie-list-style-2 .categorie-list {
    list-style: none;
    padding: 20px 0 10px
}

.categorie-list-style-2 .categorie-list li:not(:last-child) {
    margin-right: 40px
}

.categorie-list-style-2 .categorie-list li i {
    font-size: var(--font_size_plus10);
    margin-right: 7px
}

.categorie-list-style-2 .categorie-list .title {
    font-size: var(--font_size_minus1);
    font-weight: var(--font-weight-500);
    color: var(--white-color)
}

.categorie-list-style-2 .categorie-list li img {
    margin-right: 12px
}

.lookbook .feather-plus {
    padding: 11px;
    cursor: pointer;
    color: var(--dark-color);
    font-size: var(--font_size_plus14);
    box-shadow: 0 0 15px var(--dark-color)
}

.lookbook .pin-product {
    padding: 20px;
    background-color: var(--white-color);
    position: absolute;
    width: 400px;
    top: 50%;
    left: calc(100% + 15px);
    margin-top: -13px;
    transform: translateY(-50%);
    transition: .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 17px rgb(0, 0, 0, .2);
    border-radius: 6px;
    z-index: 11;
    line-height: normal;
    cursor: default
}

.lookbook .pin-product .pin-image {
    margin-right: 30px;
    width: 118px
}

.deal-products.deal-product-style-2 .deal-timer .counter-box span,
.lookbook .product-rating .spr-badge {
    font-size: 13px
}

.lookbook .price-wrapper .price-item {
    margin: 0 2px
}

.lookbook .pin-product.product-right {
    left: 37px
}

.lookbook .pin-product.product-left {
    right: calc(100% + 15px);
    left: auto
}

.lookbook .product-title {
    margin-bottom: 5px;
    color: var(--dark-color);
    transition: .3s;
    display: inline-block;
    font-weight: var(--font-weight-500)
}

.lookbook .price {
    font-size: 16px;
    line-height: 16px
}

.lookbook .pin-item {
    height: 44px;
    width: 44px;
    margin-left: -19px;
    margin-top: -19px;
    line-height: 38px
}

.lookbook .pin-item:after {
    content: '';
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    display: block;
    animation: 2s infinite hotspot-icon;
    backface-visibility: hidden;
    perspective: 800px;
    opacity: .5;
    z-index: 0
}

.lookbook .pin-item>span {
    color: var(--dark-color);
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: .2s ease-in-out;
    cursor: pointer;
    will-change: transform;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    height: 100%;
    width: 100%;
    z-index: 1;
    position: relative
}

.lookbook .pin-item:hover>span {
    transform: rotate3d(0, 0, 1, 45deg)
}

.lookbook-with-product .left-image img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%
}

.lookbook-with-product .product-block {
    padding: 50px 20px;
    background-position: right center
}

.lookbook.lookbook-with-product .pin-item,
.lookbook.lookbook-with-video .pin-item {
    position: absolute;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 0;
    margin-left: -25px;
    margin-top: -25px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: z-index .3s .3s
}

.lookbook-with-product .product-block .product-box .product-footer {
    padding: 20px 0 0
}

.lookbook-with-product .product-block .product-box .product-deal {
    background-color: #edf1f0;
    border-radius: 4px;
    opacity: 1;
    bottom: 10px !important
}

.lookbook-with-product .product-deal .counter-box .number {
    font-size: var(--font_size_plus6);
    line-height: var(--font_size_plus14);
    font-weight: var(--font-weight-700)
}

.lookbook-with-product .product-box .product-image {
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    border-radius: 10px
}

.lookbook-with-product .pin-product,
.w-100 .slider-with-arrow .swiper-button-prev {
    left: 50px
}

.lookbook.lookbook-with-video .pin-item i {
    position: relative;
    top: 1px;
    z-index: 1
}

.lookbook-with-product .product-box {
    max-width: 45%;
    width: 100%;
    margin: 0 auto
}

.lookbook-with-product .pin-item:after,
.lookbook.lookbook-with-video .pin-item:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    -webkit-animation: 2s infinite hotspot-icon;
    animation: 2s infinite hotspot-icon;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 800px;
    perspective: 800px;
    background-color: var(--white-color);
    opacity: .3
}

@keyframes hotspot-icon {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    50% {
        opacity: .4
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes hotspot-icon {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    50% {
        opacity: .4
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.lookbook.lookbook-with-video .lookbook-img img,
.lookbook.lookbook-with-video .video-wrapper img {
    border-radius: 8px
}

.lookbook.lookbook-with-video .section-info {
    padding-right: 15%;
    margin-bottom: 65px
}

.lookbook.lookbook-with-video .video-wrapper {
    height: auto;
    border-radius: 0
}

.lookbook.lookbook-with-video .contnet-img {
    padding-left: 60px
}

.lookbook.lookbook-with-video .video-wrapper .arounded img {
    width: 200px
}

.lookbook.lookbook-with-video .contnet-img .arounded {
    top: -122px;
    right: 34px
}

.lookbook.lookbook-with-video .pin-product img {
    margin-right: 0;
    max-width: 100%
}

.lookbook.lookbook-with-video .pin-product {
    width: 250px;
    padding: 0;
    left: 50px
}

.lookbook.lookbook-with-video .pin-product .product-image {
    box-shadow: 0 0 20px rgba(0, 0, 0, .05)
}

.lookbook.lookbook-with-video .product-footer {
    padding: 20px 15px 25px
}

.image-with-product .swiper-button-next,
.image-with-product .swiper-button-prev {
    font-size: 26px;
    color: var(--dark-color);
    opacity: 0
}

.image-with-product .product-box:hover .swiper-button-next,
.image-with-product .product-box:hover .swiper-button-prev {
    opacity: .5
}

.image-with-product .rotation-image {
    top: 30px;
    left: -70px
}

.image-with-product .flex-row-reverse .rotation-image {
    left: auto;
    right: -70px
}

.image-with-product .shop-flat .product-box .product-image {
    box-shadow: none
}

.image-with-product .column-bg-image {
    padding: 60px 90px
}

.image-with-product .image-product-inner {
    padding-bottom: 40px
}

.feature-product-tab-style-1 .nav-tabs {
    border: 0;
    margin-bottom: 70px
}

.feature-product-tab-style-1 .nav-tabs>li {
    margin: 0 25px
}

.feature-product-tab-style-1 .nav-tabs .nav-link {
    font-size: var(--font_size_plus25);
    line-height: var(--font_size_plus25);
    font-weight: var(--font-weight-400);
    color: var(--dark-color);
    display: inline-block;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    opacity: .5;
    transition: .3s
}

.feature-product-tab-style-1 .nav-tabs .nav-link:after {
    content: '';
    display: flex;
    width: 100%;
    height: 2px;
    position: relative;
    bottom: 0;
    background-color: var(--dark-color);
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform .3s
}

.feature-product-tab-style-2 .nav-tabs .nav-link {
    font-size: var(--font_size_minus4);
    line-height: normal;
    font-weight: var(--font-weight-500);
    color: var(--dark-color);
    background-color: transparent;
    border: 1px solid var(--extra-medium-gray);
    padding: 9px 18px;
    border-radius: 26px;
    transition: .2s ease-in-out;
    margin: 5px 0
}

.feature-product-tab-style-2 .nav-tabs>li:not(:last-child) {
    margin-right: 9px
}

.feature-product-tab-style-2 .nav-tabs {
    border: 0;
    justify-content: center
}

.feature-product-tab-style-2 .nav-tabs .nav-link.active,
.feature-product-tab-style-2 .nav-tabs .nav-link:hover {
    color: var(--white-color);
    background-color: var(--base-color);
    border: 1px solid var(--base-color)
}

.testimonial-tabs .nav-pills {
    border-bottom: none;
    margin-top: 40px;
    margin-left: -15px;
    margin-right: -15px
}

.testimonial-tabs .nav-pills .nav-item {
    padding: 0 15px;
    margin-bottom: 10px;
    flex: 1 0 0%
}

.testimonial-tabs .nav-pills .nav-link {
    opacity: .4;
    padding: 0;
    display: block;
    width: 100%;
    text-align: center;
    border: 0
}

.testimonial-tabs .nav-pills .nav-link.active {
    background-color: transparent;
    opacity: 1
}

.testimonial-tabs .rating {
    line-height: normal;
    visibility: hidden;
    opacity: 0;
    border-radius: 30px;
    display: inline-block;
    padding: 4px 4px 4px 16px;
    background-color: #ffae00;
    transition: .4s ease-out;
    margin-top: 8px
}

.testimonial-tabs .rating .total-rating {
    font-size: 11px;
    line-height: 10px;
    font-weight: var(--font-weight-600);
    color: var(--white-color);
    background-color: #000;
    padding: 6px 10px;
    border-radius: 20px;
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle
}

.testimonial-tabs .rating i {
    font-size: var(--font_size_minus5);
    color: var(--white-color);
    margin: 0 1px
}

.testimonial-tabs .rating .simple-rating {
    top: -1px
}

.testimonial-tabs .tab-content {
    width: 65%;
    margin: auto
}

.testimonial-tabs .tab-content h4 {
    line-height: var(--font_size_plus27);
    margin-bottom: 0
}

.testimonial-tabs .tab-content .title {
    font-size: var(--font_size_minus1);
    font-weight: var(--font-weight-500);
    line-height: 24px;
    letter-spacing: 2px;
    display: inline-block;
    margin-bottom: 35px;
    color: var(--dark-color)
}

.testimonial-tabs .tab-content .title span {
    display: inline-block;
    padding-bottom: 2px
}

.shop-collection-category-style-1 .nav-wrapper {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.shop-collection-category-style-1 .swiper-button-next,
.shop-collection-category-style-1 .swiper-button-prev {
    font-size: var(--font_size_plus16);
    color: var(--dark-color);
    position: static;
    display: inline-block;
    height: auto;
    width: auto
}

.shop-collection-category-style-1 .swiper-button-next {
    border-left: 1px solid rgba(35, 35, 35, .1);
    padding-left: 10px
}

.offer-box-wrap .title-wrap,
.shop-collection-category-style-1 .swiper-button-prev {
    padding-right: 10px
}

.shop-collection-category-style-1 .collection-item {
    text-align: center;
    padding-bottom: 15px
}

.shop-collection-category-style-1 .collection-item>a {
    transition: .3s cubic-bezier(.12, 0, .39, 0)
}

.shop-collection-category-style-1 .collection-item .collection-content h5 {
    font-size: var(--font_size_plus6);
    margin-bottom: 10px
}

.shop-collection-category-style-1 .collection-item .collection-content span {
    font-size: var(--font_size_minus4);
    font-weight: var(--font-weight-600);
    color: var(--dark-color);
    border: 1px solid rgba(35, 35, 35, .2);
    border-radius: 20px;
    display: inline-block;
    padding: 6px 17px;
    line-height: normal;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .1);
    transition: .3s ease-out
}

.shop-collection-category-style-2 .collection-item .collection-item-box {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    width: 100%
}

.shop-collection-category-style-2 .collection-item .collection-content h5 {
    font-size: var(--font_size);
    line-height: var(--font_size_plus5);
    font-weight: var(--font-weight-600);
    margin-bottom: 0;
    padding-right: 10px
}

.shop-collection-category-style-2 .collection-item .collection-content span {
    font-size: var(--font_size_minus4);
    line-height: var(--body-line-height);
    font-weight: var(--font-weight-600);
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.shop-collection-category-style-2 .collection-item .collection-content span i {
    color: var(--dark-color);
    font-size: var(--font_size_plus12);
    position: relative;
    margin-left: -28px;
    right: -10px;
    transition: .3s cubic-bezier(.5, 1, .89, 1);
    opacity: 0
}

.shop-collection-category-style-2 .collection-item .collection-content {
    background-color: var(--white-color);
    padding: 12px 20px;
    position: absolute;
    bottom: 25px;
    left: 25px;
    width: calc(100% - 50px);
    border-radius: 4px;
    transition: .4s
}

.shop-collection-category-style-2 .collection-item-box:hover .collection-content h5,
.theme-demos.active .buy-theme a>i {
    color: #fff
}

.shop-collection-category-style-2 .collection-item .collection-item-box:hover span i {
    opacity: 1;
    color: #fff;
    right: 0
}

.shop-collection-category-style-2 .collection-item:nth-child(2n) .collection-item-box {
    height: calc(100% - 70px)
}

.shop-collection-category-style-2 .collection-item .collection-item-box img {
    transition: .5s cubic-bezier(.5, 1, .89, 1);
    will-change: transform;
    width: 100%
}

.shop-collection-category-style-3 .collection-item:nth-child(n+4) {
    margin-top: 50px
}

.shop-collection-category-style-3 .collection-item h5 {
    font-size: var(--font_size_plus4);
    font-weight: var(--font-weight-600);
    margin-bottom: 0;
    padding-right: 55px
}

.shop-collection-category-style-3 .collection-item i {
    font-size: var(--font_size_plus6);
    line-height: var(--font_size_plus6);
    color: var(--dark-color);
    vertical-align: middle;
    margin-left: 5px;
    transition: .9s ease-in-out
}

.shop-collection-category-style-3 .collection-item .collection-content {
    padding: 18px 0;
    border-bottom: 1px solid var(--dark-color);
    position: relative
}

.shop-collection-category-style-3 .collection-item .collection-content:after {
    display: block;
    content: '';
    height: 2px;
    width: 100%;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition: transform 350ms ease-in-out;
    position: absolute;
    left: 0;
    bottom: -2px;
    background-color: var(--base-color)
}

.shop-collection-category-style-3 .collection-item .item-count {
    font-size: 12px;
    line-height: var(--font_size);
    font-weight: var(--font-weight-500);
    color: var(--white-color);
    background-color: var(--base-color);
    display: inline-block;
    padding: 5px 15px;
    border-radius: 25px;
    position: absolute;
    right: 0;
    opacity: 0;
    transition: .5s ease-in-out
}

.newsletter-model .input-group,
.shop-collection-category-style-3 .collection-media {
    border-radius: 5px;
    overflow: hidden
}

.shop-collection-category-style-3 .collection-item-box:hover .collection-content:after,
.shop-collection-category-style-5 .collection-title a:hover .label:after,
.shop-collection-category-style-5 .collection-title.active a .label:after {
    transform: scaleX(1);
    transform-origin: 0% 50%
}

.shop-collection-category-style-3 .collection-item-box:hover i {
    opacity: 0;
    transition: .2s ease-in-out
}

.shop-collection-category-style-3 .collection-item-box:hover .collection-content {
    border-color: transparent
}

.shop-collection-category-style-3 .collection-item-box {
    position: relative;
    transition: .3s cubic-bezier(.61, 1, .88, 1)
}

.shop-collection-category-style-3 .collection-item-box:hover {
    transform: translateY(-10px)
}

.feature-brand-style-1 .brand-inner-box,
.shop-collection-category-style-4 .collection-item-box {
    position: relative;
    overflow: hidden
}

.shop-collection-category-style-4 .collection-item img {
    max-width: none;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    opacity: 1;
    -webkit-transition: opacity .7s, -webkit-transform .7s;
    transition: opacity .7s, transform .7s;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    display: block
}

.shop-collection-category-style-4 .collection-item .collection-content {
    position: absolute;
    bottom: 40px;
    left: 40px;
    padding: 40px;
    background-color: var(--white-color);
    max-width: 270px;
    width: 100%
}

.shop-collection-category-style-4 .collection-content .item-count {
    font-size: var(--font_size_minus5);
    color: var(--dark-color);
    background-color: #f3f2ee;
    font-weight: var(--font-weight-500);
    padding: 0 17px;
    border-radius: 25px;
    margin-bottom: 15px;
    letter-spacing: 0
}

.shop-collection-category-style-4 .collection-content h6 {
    font-size: var(--font_size_plus13);
    line-height: var(--font_size_plus15);
    font-weight: var(--font-weight-700);
    margin-bottom: 0
}

.shop-collection-category-style-4 .collection-content .shop-btn {
    font-size: var(--font_size_minus1);
    color: var(--dark-color);
    font-weight: var(--font-weight-600);
    margin-top: 55px
}

.shop-collection-category-style-4 .collection-item-box .item-count {
    transition: .3s ease-in-out
}

.shop-collection-category-style-4 .collection-item-box:hover .item-count {
    color: var(--white-color);
    background-color: var(--dark-color)
}

.shop-collection-category-style-4 .collection-content .shop-btn>span {
    display: inline-flex;
    align-items: center
}

.shop-collection-category-style-4 .collection-content .shop-btn .btn-text {
    margin-left: -13px;
    position: relative;
    z-index: 3;
    transition: transform .6s cubic-bezier(.1, .75, .25, 1) 125ms
}

.shop-collection-category-style-4 .collection-content .shop-btn .btn-icon {
    margin-left: 3px;
    position: relative;
    transition: opacity .4s .25s, transform .6s .25s;
    transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
    z-index: 3;
    display: flex;
    font-size: var(--font_size_plus1)
}

.shop-collection-category-style-4 .collection-content .shop-btn .btn-icon+.btn-icon {
    order: -2;
    opacity: 0;
    transition-delay: 0s;
    margin-left: 0;
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    display: flex
}

.shop-collection-category-style-4 .collection-content .shop-btn:hover .btn-text {
    transition-delay: 0.1s;
    transform: translateX(20px)
}

.shop-collection-category-style-4 .collection-content .shop-btn:hover .btn-icon {
    transition-delay: 0s;
    transform: translateX(10px);
    opacity: 0
}

.shop-collection-category-style-4 .collection-content .shop-btn:hover .btn-icon+.btn-icon {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 225ms
}

.shop-collection-category-style-5 .collection-title-inner {
    padding: 110px;
    margin-right: -5vw;
    border-radius: 8px
}

.shop-collection-category-style-5 .collection-title {
    font-size: var(--font_size_plus16);
    line-height: normal;
    color: var(--dark-color);
    font-weight: var(--font-weight-600);
    letter-spacing: -1px;
    margin-bottom: 40px
}

.shop-collection-category-style-5 .collection-title a {
    transform: translateX(0);
    transition: .2s ease-in-out;
    display: inline-block
}

.shop-collection-category-style-5 .collection-title a:hover,
.shop-collection-category-style-5 .collection-title.active a {
    transform: translateX(10px)
}

.shop-collection-category-style-5 .collection-title .count {
    font-size: var(--font_size_minus4);
    letter-spacing: 0;
    background-color: transparent;
    color: var(--body-text-color);
    padding: 8px 15px;
    border-radius: 25px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-left: 11px;
    transition: .2s ease-in-out;
    vertical-align: middle;
    display: inline-block
}

.shop-collection-category-style-5 .right-banner {
    position: relative;
    margin-top: 40px
}

.shop-collection-category-style-5 .right-banner .collection-banner {
    border-radius: 8px;
    overflow: hidden
}

.shop-collection-category-style-5 .collection-title .label:after {
    display: block;
    content: '';
    height: 3px;
    width: 100%;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition: transform 350ms ease-in-out;
    position: absolute;
    left: 0;
    bottom: -2px;
    background-color: var(--dark-color)
}

.slider-with-arrow .swiper-slide {
    padding-right: var(--space-between);
    padding-left: var(--space-between)
}

.slider-with-arrow .swiper-button-next,
.slider-with-arrow .swiper-button-prev {
    font-size: var(--font_size_plus8) !important;
    color: var(--dark-color);
    font-size: 25px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    border: 1px solid rgba(37, 31, 27, .2)
}

.feature-brand-style-1 .swiper-button-next,
.feature-brand-style-1 .swiper-button-prev {
    color: var(--body-text-color);
    font-size: 25px;
    height: auto;
    width: auto
}

.deal-products .deal-timer .counter-box .number,
.deal-products .deal-timer .counter-box:before,
.marquee .marquee-text {
    font-size: var(--font_size_plus6);
    font-weight: var(--font-weight-600)
}

.marquee .dot,
.marquee .dot-border {
    height: 10px;
    width: 10px;
    vertical-align: middle;
    display: inline-block
}

.feature-brand-style-1 .swiper-button-next,
.slider-with-arrow .swiper-button-next {
    right: -50px
}

.feature-brand-style-1 .swiper-button-prev,
.slider-with-arrow .swiper-button-prev {
    left: -50px
}

.w-100 .slider-with-arrow .swiper-button-next {
    right: 50px
}

.featured-collection-slider .heading-wrapper .swiper-button-next,
.featured-collection-slider .heading-wrapper .swiper-button-prev {
    font-size: var(--font_size_plus3)
}

.featured-collection-slider .heading-wrapper .navigation-wrapper {
    display: inline-block;
    vertical-align: middle
}

.slider-with-arrow .product-box .product-hover:before {
    box-shadow: 0 8px 20px rgba(0, 0, 0, .15)
}

.marquee .marquee-wrapper {
    padding-top: 26px;
    padding-bottom: 26px
}

.marquee .dot {
    border-radius: 100%
}

.marquee .dot-border {
    border: 1px solid rgba(35, 35, 35, .5);
    border-radius: 100%
}

.marquee .horizontal-line {
    display: inline-block;
    height: 1px;
    width: 25px;
    vertical-align: middle
}

.marquee .vertical-line {
    display: inline-block;
    height: 20px;
    width: 1px;
    vertical-align: middle
}

.marquee .marquee-text .separator {
    flex-shrink: 0;
    margin: 0 50px 0 30px
}

.swiper-width-auto .swiper-slide {
    width: auto !important
}

.marqee-news .swiper-wrapper,
.marquee .swiper .swiper-wrapper,
footer.style-3 .swiper .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    position: relative
}

.marquee .marquee-text {
    color: var(--dark-color);
    margin: 10px
}

.marquee .marquee-text span {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--base-color)
}

.image-with-faq-style-2 .section-description {
    padding-right: 30px
}

.featured-products-with-banner .swiper {
    padding: 0 1px
}

.featured-collection-slider .heading-wrapper .swiper-button-next,
.featured-collection-slider .heading-wrapper .swiper-button-prev,
.featured-products-with-banner .swiper-button-next,
.featured-products-with-banner .swiper-button-prev {
    position: static;
    margin: 0;
    color: var(--dark-color);
    height: 40px;
    width: 40px;
    flex-shrink: 0;
    text-align: center
}

.featured-products-with-banner .swiper-button-next i,
.featured-products-with-banner .swiper-button-prev i {
    font-size: 20px;
    font-weight: var(--font-weight-500)
}

.heading-wrapper .swiper-button-next.swiper-button-disabled i,
.heading-wrapper .swiper-button-prev.swiper-button-disabled i {
    opacity: .3
}

.featured-collection-slider .heading-wrapper .navigation-inner,
.featured-products-with-banner .navigation-wrapper {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
    background-color: var(--white-color)
}

.featured-collection-slider .heading-wrapper .swiper-button-prev,
.featured-products-with-banner .swiper-button-prev {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.featured-products-with-banner .flex-row-reverse .product-wrapper {
    padding-left: 15px;
    padding-right: 70px
}

.team-member .team-box .member-image {
    margin-bottom: 25px;
    border-radius: 5px
}

.team-member .team-box .member-image img {
    transition: .4s ease-in-out;
    transform: scale(1.01);
    width: 100%;
    height: 100%
}

.team-member .team-box .member-name {
    font-size: var(--font_size_plus1);
    font-weight: var(--font-weight-600);
    color: var(--dark-color)
}

.collection-list-wrap .collection-list-item img,
.feature-brand-style-1 .brand-inner-box>img {
    transition: .4s ease-in-out
}

.feature-brand-style-1 .brand-item .brand-content {
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: calc(100% - 60px);
    background-color: var(--white-color)
}

.feature-brand-style-1 .brand-item .brand-logo {
    display: block;
    padding: 22px 15px
}

.feature-brand-style-1 .brand-item .brand-logo img {
    max-height: 28px
}

.feature-brand-style-1 .brand-item .shop-btn {
    background-color: var(--dark-color);
    color: var(--white-color);
    font-size: var(--font_size_minus4);
    line-height: normal;
    font-weight: var(--font-weight-600);
    padding: 13px;
    display: block
}

.feature-brand-style-2 .brand-inner-box {
    background-color: var(--white-color);
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .07);
    height: 100%;
    transition: .2s cubic-bezier(.12, 0, .39, 0)
}

.feature-brand-style-2 .brand-inner-box>a {
    display: block;
    padding: 0 20px
}

.feature-brand-style-2 .brand-inner-box span {
    font-size: var(--font_size_minus2);
    color: var(--dark-color);
    font-weight: var(--font-weight-500);
    display: block;
    border-top: 1px solid var(--extra-medium-gray);
    padding: 10px 0
}

.feature-brand-style-2 .brand-inner-box img {
    margin-bottom: 20px;
    margin-top: 20px;
    max-height: 75px
}

.feature-brand-style-2 .brand-inner-box:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, .07);
    transform: translateY(-5px)
}

.image-gallery-slider .image-gallery-outside-box-right {
    margin-right: -21.5vw
}

.image-gallery-slider .image-gallery-item img {
    border-radius: 5px;
    width: 100%
}

.image-gallery-slider .swiper-button-next,
.image-gallery-slider .swiper-button-prev {
    color: var(--dark-color);
    font-size: 30px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0 0 25px rgba(0, 0, 0, .2)
}

.image-gallery-slider .swiper-button-next {
    right: -10px
}

.image-gallery-slider .swiper-button-prev {
    left: -10px
}

.deal-products .offer-text {
    font-size: var(--font_size_plus4);
    line-height: var(--font_size_plus12);
    color: var(--dark-color);
    font-weight: var(--font-weight-500);
    display: inline-block
}

.deal-products .deal-timer .counter-box {
    padding: 12px 10px;
    margin-right: 20px;
    border-radius: 5px;
    min-width: 76px;
    background-color: #f4f4f4;
    flex: 1 0 0%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.deal-products .deal-timer .counter-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.deal-products .deal-timer {
    margin-bottom: 0;
    margin-left: 15px;
    flex-shrink: 0
}

.deal-products .deal-timer .counter-box .number {
    line-height: var(--font_size_plus6);
    color: var(--dark-color)
}

.deal-products .deal-timer .counter-box:before {
    content: ":";
    color: #716f6b;
    float: right;
    position: absolute;
    right: -13px;
    top: 50%;
    margin-top: -1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.deal-products .deal-timer .counter-box span {
    font-size: 11px;
    display: block;
    margin-top: 1px;
    color: #83838e
}

.deal-products .product-box .box-inner {
    border: 2px solid #ffb800;
    border-radius: 10px;
    padding: 30px;
    height: 100%;
    transition: .3s ease-in-out
}

.deal-products:not(.deal-product-style-2) .product-box .box-inner:hover {
    border-color: var(--white-color);
    box-shadow: 0 0 30px rgba(0, 0, 0, .15);
    transform: translateY(-5px)
}

.deal-products .product-box .product-image .badge-wrap {
    top: -20px;
    left: auto;
    right: 0
}

.deal-products .product-box .product-image .badge-wrap .badge {
    font-size: 11px;
    font-weight: var(--font-weight-400);
    color: var(--dark-color);
    background-color: #ffdc00;
    width: 56px;
    height: 56px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 100%
}

.deal-products .product-box .product-image .badge-wrap .badge span {
    font-size: var(--font_size);
    font-weight: var(--font-weight-600);
    display: block
}

.deal-products .product-box .product-content {
    width: 60%;
    padding: 0 0 0 20px;
    text-align: left
}

.deal-products .product-box .product-vendor {
    font-size: 11px;
    font-family: var(--alt-font);
    color: var(--dark-color);
    text-transform: uppercase;
    margin-bottom: 8px
}

.deal-products .product-box .product-vendor>a {
    font-weight: var(--font-weight-500);
    background: #f4f4f4;
    border-radius: 13px;
    padding: 6px 14px
}

.deal-products .product-box .product-title {
    line-height: var(--font_size_plus6);
    font-weight: var(--font-weight-500);
    color: var(--dark-color);
    display: inline-block
}

.deal-products .product-box .stock-left-message,
.deal-products.deal-product-style-2 .product-box .price-box {
    line-height: normal;
    font-size: var(--font_size_minus2)
}

.deal-products .product-box .stock-left-message {
    color: var(--body-text-color);
    margin-top: 8px
}

.deal-products .product-box .stock-left-message span {
    color: var(--green);
    margin-left: 4px;
    font-weight: var(--font-weight-500)
}

.deal-products .product-box .cart-btn {
    font-size: var(--font_size_minus4);
    font-weight: var(--font-weight-600);
    color: var(--white-color);
    text-transform: uppercase;
    background-color: var(--base-color);
    padding: 4px 22px;
    border-radius: 30px;
    border: 2px solid var(--base-color);
    display: flex;
    align-items: center
}

.deal-products .product-box .cart-btn i {
    margin-right: 6px;
    font-size: var(--font_size_minus2)
}

.deal-products .product-box .cart-btn:hover {
    color: var(--base-color);
    background-color: transparent
}

.deal-products .product-box .product-rating {
    margin-bottom: 0;
    margin-top: 3px
}

.deal-products .product-box .product-rating .spr-badge {
    display: flex;
    justify-content: flex-start
}

.deal-products .product-box .price-box .old-price {
    margin-right: 3px
}

.deal-products.deal-product-style-2 .product-box .box-inner {
    padding: 20px 30px;
    border: 0;
    border-radius: 0;
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.deal-products.deal-product-style-2 .product-box .product-vendor>a {
    font-weight: var(--font-weight-400);
    background-color: transparent;
    padding: 0;
    border-radius: 0
}

.deal-products.deal-product-style-2 .product-box .product-vendor {
    font-size: var(--font_size_minus2);
    line-height: var(--font_size_plus4);
    color: var(--body-text-color);
    text-transform: none;
    margin-bottom: 0
}

.deal-products.deal-product-style-2 .cover-background {
    padding-left: 80px;
    padding-right: 80px
}

.deal-products.deal-product-style-2 .product-box .product-image .badge-wrap {
    top: 0
}

.deal-products.deal-product-style-2 .product-box .product-image .badge-wrap .badge {
    font-size: 12px;
    font-weight: var(--font-weight-500);
    width: 50px;
    height: 50px
}

.deal-products.deal-product-style-2 .product-box .product-image .badge-wrap .badge span {
    font-size: var(--font_size_minus3);
    font-weight: var(--font-weight-700)
}

.deal-products.deal-product-style-2 .product-box .product-image {
    width: 35%
}

.deal-products.deal-product-style-2 .product-box .product-content {
    width: 65%
}

.deal-products.deal-product-style-2 .deal-timer .counter-box {
    padding: 18px 10px;
    border-radius: 6px;
    min-width: 85px;
    box-shadow: 0 0 14px rgba(0, 0, 0, .07);
    margin-right: 15px;
    flex: 1 0 0%
}

.deal-products.deal-product-style-2 .deal-timer .counter-box .number {
    font-size: var(--font_size_plus12);
    line-height: var(--font_size_plus9);
    font-weight: var(--font-weight-500)
}

.special-product .product-box .product-content {
    width: 60%;
    padding-left: 20px
}

.special-product .box-inner {
    border: 1px solid var(--extra-medium-gray);
    border-radius: 5px;
    padding: 25px;
    height: 100%;
    transition: .3s ease-in-out
}

.special-product .box-inner:hover {
    box-shadow: 0 0 25px rgba(0, 0, 0, .1);
    transform: translateY(-3px);
    border-color: var(--white-color)
}

.special-product .product-content .product-title {
    line-height: var(--font_size_plus6);
    font-weight: var(--font-weight-500);
    color: var(--dark-color);
    display: inline-block;
    margin-bottom: 5px
}

.store-usp .usp-item {
    padding-top: 20px;
    padding-bottom: 20px;
    border-right: 1px solid var(--white-color);
    transition: .3s ease-in-out;
    position: relative
}

.store-usp .usp-item:after {
    content: '';
    width: 100%;
    height: 0;
    transition: .3s ease-in-out;
    position: absolute;
    left: 0;
    bottom: 0
}

.collection-list-wrap .collection-list-item .collection-btn,
.offer-box-wrap {
    transition: .3s cubic-bezier(.12, 0, .39, 0);
    background-color: var(--white-color)
}

.store-usp .usp-text {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    font-weight: var(--font-weight-500)
}

.store-usp .usp-text a {
    margin-left: 3px;
    font-weight: var(--font-weight-600);
    border-bottom: 1px solid
}

.store-usp .usp-wrapper {
    padding-top: 20px
}

.product-slider-section .product-main-slider {
    padding: 40px 70px;
    background-size: cover;
    background-position: right center
}

.product-slider-section .product-main-slider .product-slider-inner {
    max-width: 365px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    position: relative
}

.product-slider-section .product-left-banner .swiper-button-next,
.product-slider-section .product-left-banner .swiper-button-prev {
    font-size: var(--font_size_plus6);
    color: var(--dark-color);
    background-color: var(--white-color);
    top: auto;
    bottom: 0;
    height: 80px;
    width: 80px;
    z-index: 11;
    overflow: hidden
}

.product-slider-section .product-left-banner .swiper-button-prev {
    right: 81px;
    left: auto
}

.cookie-message {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--dark-color);
    color: var(--white-color);
    z-index: 999999;
    padding: 15px 0;
    display: none
}

.cookie-message svg {
    width: 32px;
    margin-right: 15px
}

.cookie-message .cookie-title {
    font-size: var(--font_size_minus1);
    line-height: normal;
    font-weight: var(--font-weight-500);
    margin-bottom: 4px
}

.cookie-message .cookie-description {
    font-size: var(--font_size_minus3);
    line-height: normal;
    color: rgba(255, 255, 255, .6)
}

.cookie-message .cookie-btn .btn {
    border-width: 1px
}

.newsletter-model .model-close,
.welcome-popup-main .popup-close {
    font-size: var(--font_size_plus4);
    color: var(--dark-color);
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    content: "\f00d";
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    z-index: 11
}

.newsletter-model,
.newsletter-model-visibale:before {
    position: fixed;
    background-color: rgba(38, 38, 38, .7);
    left: 0
}

.newsletter-model .model-content {
    padding: 50px 78px;
    text-align: center
}

.newsletter-model .model-content p {
    font-size: var(--font_size);
    line-height: var(--font_size_plus12);
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px
}

.newsletter-model .newsletter-form input {
    padding-right: 185px;
    padding-left: 25px;
    height: 59px
}

.newsletter-model .newsletter-form button {
    position: absolute;
    right: 0;
    top: 0;
    background: var(--dark-color);
    color: var(--white-color);
    padding: 10px 30px;
    border: 0;
    height: 100%
}

.newsletter-model .newsletter-form button:active {
    background: var(--dark-color);
    color: var(--white-color)
}

.newsletter-model .model-bottom {
    font-size: var(--font_size_minus4);
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.newsletter-model .model-bottom input {
    width: auto;
    height: auto;
    margin: 3px 8px 0 0;
    padding: 0
}

.newsletter-model {
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center
}

.newsletter-model .model-inner,
.welcome-popup-main .popup-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 15px
}

.newsletter-model .model-inner .model-box {
    max-width: 600px;
    background-color: var(--white-color);
    padding: 0;
    box-shadow: 0 4px 40px rgba(0, 0, 0, .12);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    max-height: 100%;
    overflow: auto;
    border-radius: 8px
}

.newsletter-model .mfp-close {
    top: 15px;
    right: 15px;
    font-size: var(--font_size_plus14);
    opacity: 1
}

.newsletter-model-visibale:before {
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none
}

.collection-list-wrap .collection-list-item .collection-btn {
    font-size: var(--font_size_minus2);
    font-weight: var(--font-weight-500);
    position: absolute;
    color: var(--dark-color);
    padding: 3px 10px;
    bottom: 25px;
    border-radius: 4px;
    box-shadow: 0 5px 15px #0003;
    min-width: 140px;
    text-align: center
}

.collection-list-wrap .collection-list-item:hover img {
    transform: scale(1.05)
}

.collection-list-wrap .collection-list-item:hover .collection-btn {
    color: var(--white-color);
    background-color: var(--dark-color);
    transform: translateY(-5px)
}

.collection-list-wrap .swiper-slide {
    width: 268px;
    margin-right: 15px
}

.marqee-news .marqee-text {
    padding: 5px 0;
    display: flex;
    align-items: center
}

.marqee-news .marqee-text:after {
    content: "—";
    display: inline-block;
    line-height: normal;
    margin: 0 25px;
    opacity: .5
}

.mask-shadow {
    mask-image: linear-gradient(to right, transparent 0%, #000000 20%, #000000 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 20%, #000000 80%, transparent 100%)
}

.offer-box-wrap {
    padding: 20px 25px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1)
}

.offer-box-wrap .sub-title {
    line-height: var(--font_size_plus6)
}

.offer-box-wrap .title {
    color: var(--dark-color);
    font-size: var(--font_size_plus3);
    font-weight: var(--font-weight-500)
}

.gift-card-heading {
    padding: 80px 0 40px
}

.gift-card-label {
    color: #262626;
    font-weight: 500;
    margin-left: 10px
}

.gift-card-price {
    color: #262626;
    font-weight: 500;
    border: 2px dashed #e4e4e4;
    width: 100%;
    padding: 15px 25px;
    text-align: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 25px
}

.gift-card-qr-code {
    margin: 40px 0
}

.gift-card-copy-code .btn {
    border-radius: 4px;
    background: #fff;
    border-color: #fff;
    color: #232323;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    padding: 10px 15px
}

.code-wrap {
    text-align: center;
    padding: 30px;
    width: 100%;
    background-color: #ffbf00;
    margin-bottom: 22px;
    border-radius: 4px
}

.code-wrap input {
    padding: 0;
    border: none;
    line-height: normal;
    height: auto;
    text-align: center;
    background-color: transparent;
    font-weight: 500
}

.gift-card-information {
    margin-bottom: 80px;
    width: 100%
}

.top-banner-with-product .banner-item-top {
    padding: 22px 60px 30px;
    border-radius: 10px 10px 0 0
}

.top-banner-with-product .banner-item-top .sub-title {
    display: inline-block;
    border-bottom: 1px solid rgba(255, 255, 255, .7);
    margin-bottom: 10px;
    font-weight: var(--font-weight-500)
}

.top-banner-with-product .product-list-item {
    padding: 50px 60px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .07)
}

.top-banner-with-product .product-image {
    width: 30%;
    border: 1px solid var(--extra-medium-gray);
    border-radius: 5px
}

.top-banner-with-product .product-image .badge-wrap {
    top: 7px;
    left: 7px;
    display: none !important
}

.top-banner-with-product .product-content,
.top-banner-with-product .product-footer {
    width: 70%;
    padding-left: 30px
}

.top-banner-with-product .product-box .product-title {
    font-size: var(--font_size_plus2);
    line-height: var(--font_size_plus8);
    font-weight: var(--font-weight-500);
    color: var(--dark-color);
    display: inline-block
}

.top-banner-with-product .product-box .spr-badge {
    line-height: 22px
}

.slideshow-banner-top {
    font-size: var(--font_size_plus1);
    color: var(--dark-color);
    margin-bottom: 25px;
    margin-top: 25px;
    letter-spacing: -.5px
}

.slideshow-banner-top p strong {
    border-bottom: 1px solid;
    font-weight: var(--font-weight-500)
}

.slideshow-banner-top img {
    max-width: 100px
}

.slideshow-with-banner .hongo-slider-typography-wrap {
    padding-top: 50px;
    padding-bottom: 50px
}

.slideshow-with-banner .hongo-slider-typography-wrap .subtitle {
    margin-bottom: 15px;
    border-bottom: 1px solid;
    display: inline-block;
    letter-spacing: 1px
}

.slideshow-with-banner.swiper-arrow-navigation .swiper-button-prev {
    left: 40px
}

.slideshow-with-banner.swiper-arrow-navigation .swiper-button-next {
    right: 40px
}

.slideshow-banner-top a {
    font-weight: var(--font-weight-500);
    border-bottom: 2px solid;
    margin-left: 10px;
    line-height: normal
}

.slideshow-banner-top .label {
    font-size: 12px;
    line-height: normal;
    font-weight: var(--font-weight-600);
    color: var(--white-color);
    background-color: #da3f3f;
    padding: 5px 13px;
    border-radius: 20px;
    margin-left: 10px
}

.slideshow-banner .banner-image {
    padding: 20px 40px;
    overflow: hidden;
    border-radius: 10px;
    height: 100%;
    margin-bottom: 30px
}

.slideshow-banner .sub-heading {
    font-weight: var(--font-weight-500);
    letter-spacing: -1px;
    border-bottom: 1px solid;
    margin-bottom: 10px;
    display: inline-block
}

.category-section .category-item {
    flex: 0 0 1%;
    margin-bottom: 15px
}

.category-section .category-item .icon-wrapper {
    width: var(--category-box-width);
    height: var(--category-box-height);
    border-radius: 100%;
    margin: 0 auto
}

.category-section .category-item .category-title {
    font-weight: var(--font-weight-500);
    width: 90%
}

.category-section .category-item .animation-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 8px;
    background-clip: content-box;
    border: 2px dashed
}

.category-section .category-item .icon {
    position: absolute;
    color: #fff
}

.category-section .category-item .icon .svg-placeholder {
    width: 75px;
    border-radius: 100%
}

.category-section .category-inner:hover .show-animation {
    animation: 10s linear infinite rotation
}

.hero-banner {
    padding-top: 130px;
    padding-bottom: 100px
}

.hero-banner .content-wrap {
    padding-right: 90px
}

.hero-banner .button-wrapper .simple-link {
    font-size: var(--font_size_minus1);
    line-height: normal;
    font-weight: var(--font-weight-600);
    color: var(--dark-color);
    border-bottom: 1px solid;
    margin-left: 30px
}

.hero-banner .image-wrap.show-left-image>div {
    margin-left: -10vw
}

.hero-banner .image-wrap.show-right-image>div {
    margin-right: -10vw
}

.hero-banner .rating-inner {
    font-size: var(--font_size_minus4);
    font-weight: var(--font-weight-600);
    color: var(--dark-color);
    background-color: var(--white-color);
    padding: 3px 15px 3px 3px;
    border-radius: 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    margin-bottom: 25px
}

.hero-banner .rating-wrapper .total-rating,
.people-review .review-item .rating .total-rating {
    font-size: var(--font_size_minus3);
    line-height: var(--font_size_minus3);
    font-weight: var(--font-weight-600);
    color: var(--white-color);
    background-color: var(--dark-color);
    padding: 8px 13px;
    margin-right: 10px;
    border-radius: 20px;
    vertical-align: middle
}

.hero-banner .rating-wrapper i {
    color: var(--base-color)
}

.people-review .swiper {
    padding-top: 12px;
    padding-bottom: 30px
}

.people-review .review-item {
    background-color: var(--white-color);
    box-shadow: 0 12px 24px rgba(0, 0, 0, .1);
    border-radius: 10px
}

.wrapper-brands .brands-list-code li.active a,
.wrapper-brands .brands-list-code li.enable a:hover,
brands-item .all-brands.active,
brands-item .all-brands:hover {
    background-color: var(--dark-color);
    border-color: var(--dark-color);
    color: #fff
}

.people-review .review-item .box-content {
    padding: 35px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.people-review .review-item .title {
    font-size: var(--font_size_plus1);
    color: var(--dark-color);
    font-weight: var(--font-weight-500);
    margin-bottom: 5px;
    display: block
}

.author-product .author-box .product-title,
.custom-social-block .custom-social-link a {
    font-size: var(--font_size_plus2);
    line-height: var(--font_size_plus18);
    color: var(--dark-color)
}

.people-review .review-item .bottom-content {
    padding: 15px 35px
}

.people-review .review-item .bottom-content img {
    width: 48px;
    border-radius: 100%;
    margin-right: 10px
}

.people-review .review-item .rating .total-rating {
    background-color: var(--base-color);
    color: var(--dark-color);
    margin-right: 0
}

.author-product .author-box .rating i {
    color: var(--base-color);
    letter-spacing: 2px;
    line-height: normal
}

.author-product .author-box .product-title {
    font-weight: var(--font-weight-600)
}

.author-product .author-box .author-name {
    font-size: var(--font_size_minus2);
    line-height: var(--font_size_plus6);
    margin-bottom: 20px
}

.custom-social-block {
    padding-top: 30px;
    padding-bottom: 30px
}

.custom-social-block .custom-social-title {
    font-size: var(--font_size_plus4);
    line-height: var(--font_size_plus18);
    color: var(--dark-color);
    letter-spacing: -.5px
}

.custom-social-block .custom-social-title span {
    font-weight: var(--font-weight-600);
    border-bottom: 2px solid var(--base-color)
}

.custom-social-block .separator {
    opacity: .4;
    margin: 0 60px;
    width: 1px;
    height: 25px;
    background-color: var(--dark-color)
}

.custom-social-block .custom-social-link a {
    display: flex;
    align-items: center;
    margin-right: 30px;
    font-weight: var(--font-weight-600);
    letter-spacing: -.5px
}

.custom-social-block .custom-social-link a:hover {
    opacity: .7
}

.custom-social-block .custom-social-link a.facebook svg {
    fill: #2B39BD
}

.custom-social-block .custom-social-link a.instagram svg {
    fill: #E11042
}

.custom-social-block .custom-social-link a.linkedin svg {
    fill: #10ACEF
}

.pagi-progress {
    width: 280px;
    height: 4px;
    background-color: #dee2e6;
    position: relative;
    margin: 9px 0 20px
}

.pagi-progress .progress-percent {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #000
}

#infinite-scroll-btn .btn,
#load-more-btn .btn {
    position: relative;
    min-width: 125px;
    min-height: 47px
}

.spinner-lodding {
    -webkit-animation: 2s linear infinite rotate;
    animation: 2s linear infinite rotate;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px
}

.spinner-lodding .path {
    stroke: #fff;
    stroke-linecap: round;
    -webkit-animation: 1.5s ease-in-out infinite dash;
    animation: 1.5s ease-in-out infinite dash
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .outside-box-right-30 {
        margin-right: -20vw
    }

    .countdown-style-2 .deal-timer .counter-box .number {
        font-size: var(--font_size_plus10)
    }

    .countdown-style-2 .deal-timer .counter-box span {
        margin-top: 5px
    }

    .countdown-style-2 .deal-timer .counter-box {
        padding: 0 12px
    }

    .countdown-style-2 .shop-btn-wrapper .btn {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width:1700px) {
    .shop-box .product-box .product-card-form .variant-select {
        min-width: 162px
    }

    .shop-box .product-box .product-card-form .quantity {
        min-width: 82px
    }
}


@media (min-width:1200px) {
    .navbar .navbar-nav .nav-item .nav-link:after {
        background-color: var(--menu-text-hover-color);
        content: '';
        display: flex;
        width: 100%;
        height: 2px;
        position: relative;
        bottom: -3px;
        transform-origin: 100% 50%;
        transform: scale3d(0, 1, 1);
        transition: transform .3s
    }

    .menu-hover .navbar .navbar-nav .nav-item .nav-link:after {
        background-color: var(--menu-open-text-color)
    }

    .navbar .navbar-nav .sub-menu a:not(.btn, .child-link-title, .collection-name, .product-title, .demo-listing .menu-title) {
        color: var(--sub-menu-text-color)
    }

    .megamenu,
    .navbar .navbar-nav .simple-dropdown {
        background-color: var(--header-bg-color);
        pointer-events: none;
        transition: .3s ease-in;
        opacity: 0;
        visibility: hidden
    }

    .crosssell-product .heading-wrapper,
    .product-recommendations-list .heading-wrapper,
    .recent-products .heading-wrapper,
    .related-product .heading-wrapper,
    .upsell-product .heading-wrapper {
        margin-bottom: 20px
    }

    .megamenu {
        padding: 40px 55px;
        z-index: 99;
        width: 100%;
        max-height: calc(100vh - var(--top-space));
        left: 0;
        background-clip: padding-box;
        overflow: hidden;
        overflow-y: auto;
        border-radius: 0;
        border: none;
        border-top: 1px solid #e7e7e7;
        box-shadow: 0 45px 45px 0 rgb(0, 0, 0, .05);
        display: block
    }

    .navbar .navbar-nav .simple-dropdown {
        width: max-content;
        min-width: 200px;
        padding: 25px 0;
        box-shadow: 0 0 35px 0 rgb(0 0 0 / 10%);
        position: absolute;
        z-index: 9
    }

    .navbar .navbar-nav .simple-dropdown .simple-dropdown {
        position: absolute;
        left: calc(100% + 1px);
        opacity: 0;
        visibility: hidden;
        transition: .3s ease-out
    }

    .navbar .navbar-nav .nav-item:hover .megamenu,
    .navbar .navbar-nav .nav-item:hover>.simple-dropdown {
        opacity: 1;
        visibility: visible;
        pointer-events: visible
    }

    .navbar .navbar-nav .simple-dropdown li:hover .simple-dropdown {
        top: 0;
        opacity: 1;
        visibility: visible;
        pointer-events: visible
    }

    .navbar .navbar-nav .simple-dropdown li {
        padding: 0 40px;
        position: relative;
        list-style: none
    }

    .navbar .navbar-nav .nav-item .nav-link {
        color: var(--menu-text-color);
        display: inline-block;
        vertical-align: middle
    }

    .megamenu ul li .menu-lable {
        margin-left: 6px
    }

    .navbar .navbar-nav .nav-item .nav-link.active:after,
    .navbar .navbar-nav .nav-item .nav-link.nav-item-active:after,
    .navbar .navbar-nav .nav-item:hover .nav-link:after {
        transform-origin: 0% 50%;
        transform: scale3d(1, 1, 1)
    }

    .navbar .navbar-nav .simple-dropdown .menu-lable {
        margin-left: 8px
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .col-lg-1-5 {
        width: 20%
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: var(--container, 1280px)
    }

    .container-fluid {
        --offset-x: var(--container-fluid-offset, 15px)
    }

    .shop-flat .product-box .box-inner .product-image:after {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        opacity: 0;
        visibility: hidden;
        transition: .4s cubic-bezier(.5, 1, .89, 1);
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(38, 38, 38, .8)), to(transparent));
        background-image: linear-gradient(to top, rgba(38, 38, 38, .8) 0, transparent 70%);
        bottom: 0
    }

    .shop-flat .product-box .box-inner:hover .product-image:after {
        opacity: 1;
        visibility: visible
    }

    .shop-simple .product-box .product-footer {
        text-align: left;
        padding: 16px 22px 22px
    }

    .shop-simple .product-footer .price-box .price-wrapper {
        flex-direction: column
    }

    .shop-simple .product-footer .price-box .price-item {
        margin: 0
    }

    .shop-simple .product-box .product-footer .price-box {
        font-size: var(--font_size);
        flex-shrink: 0;
        margin-left: auto;
        margin-bottom: 0;
        margin-top: 3px
    }

    .shop-metro .product-box .product-footer .product-title-wrapper,
    .shop-simple .product-box .product-footer .product-title-wrapper {
        padding-right: 10px
    }

    .shop-simple .product-box .box-inner {
        transition: box-shadow .3s ease-in-out;
        height: 100%
    }

    .shop-simple .product-box .box-inner:hover {
        box-shadow: 0 10px 50px rgba(0, 0, 0, .1)
    }

    .shop-simple .product-buttons-wrap a:after {
        content: '';
        position: absolute;
        bottom: -100%;
        width: 100%;
        height: 100%;
        background-color: var(--dark-color);
        transition: .3s ease-in-out;
        z-index: -1
    }

    .shop-simple .product-buttons-wrap a:hover:after {
        bottom: 0
    }

    .shop-metro .product-box .product-footer .product-buttons-wrap {
        flex-shrink: 0;
        margin-left: auto
    }

    .shop-metro .product-box .product-footer .price-box .price-wrapper,
    .shop-metro .product-box .spr-badge {
        justify-content: flex-start
    }
}

@media (min-width:768px) {
    .newsletter-model .model-content h3 {
        font-size: var(--font_size_plus16);
        line-height: var(--font_size_plus22)
    }
}

.welcome-popup-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(38, 38, 38, .7)
}

.welcome-popup-main .popup-inner .welcome-popup-box {
    max-width: 920px;
    background-color: var(--white-color);
    padding: 80px 100px;
    box-shadow: 0 4px 40px rgba(0, 0, 0, .12);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    max-height: 100%;
    overflow: auto;
    border-radius: 8px
}

.welcome-popup-main .popup-inner .welcome-popup-box .text-link {
    border-bottom: 1px solid var(--dark-color);
    margin-top: 20px;
    display: inline-block;
    color: var(--dark-color)
}

[data-license-popup-success].welcome-popup-main .popup-inner .welcome-popup-box {
    text-align: center;
    min-height: 550px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

[data-license-popup-success].welcome-popup-main .popup-inner .welcome-popup-box p {
    margin-left: auto;
    margin-right: auto;
    width: 60%
}

.welcome-popup-main .popup-inner .welcome-popup-box i {
    font-size: 110px;
    color: var(--dark-color);
    margin-bottom: 25px
}

.theme-demos {
    display: none;
    width: 655px;
    height: 100%;
    min-height: 100%;
    position: fixed;
    background-color: #fff;
    right: -655px;
    top: 0;
    z-index: 111;
    -webkit-transition: .5s cubic-bezier(.77, 0, .175, 1);
    transition: .5s cubic-bezier(.77, 0, .175, 1)
}

.theme-demos .demos-wrapper {
    height: 100vh;
    max-height: 100dvh;
    overflow-y: auto;
    padding: 45px 50px;
    background-color: #fff;
    width: 100%;
    position: relative;
    z-index: 11
}

.theme-demos.active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    box-shadow: 0 0 45px 0 rgba(0, 0, 0, .25)
}

.theme-demos .all-demo,
.theme-demos .buy-theme {
    position: absolute;
    left: -150px;
    bottom: 195px;
    transform: translateY(-50%) translateY(-7px);
    background-color: #fff;
    cursor: pointer;
    z-index: 10;
    transition: .25s cubic-bezier(.23, 1, .32, 1) .45s;
    min-width: 150px
}

.all-demo {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15)
}

.theme-demos .buy-theme {
    bottom: 125px;
    text-align: center;
    background: #232323
}

.theme-demos .all-demo a,
.theme-demos .buy-theme a {
    color: #232323;
    font-size: 11px;
    padding: 12px 15px;
    display: block;
    text-decoration: none;
    font-weight: 500
}

.theme-demos .all-demo a>i,
.theme-demos .buy-theme a>i {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 59px;
    line-height: 55px;
    text-align: center;
    opacity: 0;
    font-size: 24px;
    transition-delay: 0.3s
}

.theme-demos .all-demo .theme-wrapper,
.theme-demos .buy-theme .theme-wrapper {
    padding: 0 9px;
    position: relative;
    top: 0;
    opacity: 1;
    transition-delay: 0.3s
}

.theme-demos .all-demo .theme-wrapper span,
.theme-demos .buy-theme .theme-wrapper span {
    font-size: 15px;
    font-weight: 600
}

.theme-demos .all-demo .theme-wrapper i,
.theme-demos .buy-theme .theme-wrapper i {
    margin-right: 10px;
    font-size: 21px;
    position: relative;
    top: -2px
}

.theme-demos .all-demo .theme-wrapper>div,
.theme-demos .buy-theme .theme-wrapper>div {
    display: inline-block;
    vertical-align: middle;
    font-weight: 600
}

.theme-demos .buy-theme .theme-wrapper>div {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 23px
}

.theme-demos .all-demo .theme-wrapper>div {
    color: #232323;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 23px
}

.theme-demos.active .all-demo,
.theme-demos.active .buy-theme {
    transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    -webkit-transition: .2s cubic-bezier(.23, 1, .32, 1);
    transition: .2s cubic-bezier(.23, 1, .32, 1);
    -webkit-transform: translateX(107px) translateY(-50%) translateY(-7px);
    transform: translateX(107px) translateY(-50%) translateY(-7px);
    min-width: 50px;
    left: -163px
}

.theme-demos.active .all-demo a>i,
.theme-demos.active .buy-theme a>i {
    opacity: 1;
    transition-delay: 0.3s
}

.theme-demos.active .all-demo .theme-wrapper,
.theme-demos.active .buy-theme .theme-wrapper {
    opacity: 0;
    transition-delay: 0s
}

.theme-demos .demos-wrapper::-webkit-scrollbar {
    width: 6px
}

.theme-demos .demos-wrapper::-webkit-scrollbar-thumb {
    background: #8b8b8b
}

.theme-demos .demos-wrapper::-webkit-scrollbar-thumb:hover {
    background: #8b8b8b
}

#tsparticles canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    top: -15px;
    left: 0;
    pointer-events: none
}

.image-with-countdown .deal-timer .counter-box .number {
    font-size: var(--font_size_plus21)
}

.image-with-countdown .deal-timer .counter-box .number:before {
    right: -30px
}

.wrapper-brands .brands-list-code li {
    margin: 6px
}

.wrapper-brands .brands-list-code li a {
    width: 45px;
    height: 45px;
    border: 1px solid #e4e4e4;
    color: var(--dark-color);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: var(--font-weight-500);
    font-size: 16px
}

.wrapper-brands .brands-list-code li.disable {
    pointer-events: none
}

brands-item .all-brands {
    position: relative;
    border-radius: 50px;
    color: var(--dark-color);
    border: 1px solid #e4e4e4;
    background-color: transparent;
    padding: 12px 40px;
    font-size: 14px;
    font-weight: var(--font-weight-500)
}

brands-item .show-all-wrap {
    margin: 50px 0
}

brands-item .show-all-wrap>span {
    padding: 0 50px
}

brands-item .show-all-wrap:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #d9d9d9
}

.brands-wrapper .brands-active.active,
.brands-wrapper.show-all-brands .brands-active {
    gap: 50px;
    display: flex;
    align-items: center;
    margin-bottom: 50px
}

.brands-group .brands-title {
    width: 80px;
    height: 80px;
    border: 1px solid #e4e4e4;
    color: var(--dark-color);
    font-size: 32px;
    font-weight: var(--font-weight-500);
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    border-radius: 100px;
    margin: 0
}

.brands-group .brands-list {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    margin-right: -30px
}

.brands-group .brands-list .brand {
    width: calc((100% / 5) - 30px);
    margin-right: 30px
}