.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 {
position: absolute;
}
.tab-loader {
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
}
.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 {
margin-bottom: 25px;
}
.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
}
.breadcrumb li:last-child:after,
.cart-item__error-text:empty+svg,
.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,
.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-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,
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[type=radio]:checked+label img,
.product-variants .variant-option.selected img,
.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)
}
.social-icon-only li a svg {
transition: 0.3s;
}
.social-icon-only 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)
}
.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,
.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-style-3 .slider-typography-wrap .stock-message p,
.store-usp .usp-text p:last-child,
.testimonial-slider .section-heading,
.title-style-3 .section-heading,
.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
}
.shop-simple .product-deal .counter-box .number,
.slideshow-style-2 .hongo-slider-typography-wrap .subtitle span {
font-weight: var(--font-weight-700)
}
.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,
.slideshow-style-2 .btn,
.testimonial-with-banner .swiper-pagination {
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,
.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,
.slideshow-style-3 .slider-typography-wrap .price-box .price-item:last-child,
.theme-demos .buy-theme .theme-wrapper span,
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-style: normal;
font-weight: 900!important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -0.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slideshow-style-4 .swiper-button-next:after {
content: "\F285"
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev {
font-size: var(--font_size)
}
.slideshow-style-4.swiper-arrow-navigation .swiper-button-next:after,
.slideshow-style-4.swiper-arrow-navigation .swiper-button-prev:after {
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;
}
.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:hover,
.btn.btn-link-black:active,
.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 img {
margin-bottom: 25px;
}
.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
}
.breadcrumb li a:hover,
.btn.btn-link-base-color:hover,
.btn.btn-link-base-color:active,
.btn.btn-link-black,
.btn.btn-link-white:hover,
.btn.btn-link-white:active,
.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: 0.3s;
font-size: initial;
}
.social-icon-only.dark li a:hover svg {
fill: var(--white-color);
}
.social-icon-only.light li a svg,
.social-simple.light li a svg {
fill: var(--white-color);
transition: 0.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 {
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,
.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)
}
.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),
.theme-demos .demos-wrapper .title {
margin-bottom: 25px
}
.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
}
.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 {
font-size: var(--font_size_minus2)
}
.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
}
.demo-listing .demo-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
}
.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,
.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 {
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
}
.megamenu .product-menu .swiper-button-prev,
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 25px 0 rgb(0, 0, 0, .1)
}
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
}
.sticky-active .navbar.responsive-fixed .vertical-menu-dropdown,
.sticky-active .navbar.responsive-fixed .navbar-nav .nav-item .nav-link {
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 .slideshow:not(.slideshow-with-banner),
.shopify-section:first-child .slideshow-with-banner-wrapper,
.shopify-section:first-child .video-hero-section,
.shopify-section:first-child .hero-banner {
margin-top: calc(-1 * var(--header-height-default))
}
.transparent #MainContent>.shopify-section:first-child .slideshow:not(.slideshow-with-banner),
.transparent #MainContent>.shopify-section:first-child .video-hero-section,
.transparent #MainContent>.shopify-section:first-child .slideshow-with-banner-wrapper,
.transparent #MainContent>.shopify-section:first-child .hero-banner {
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)
}
}
.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:hover,
.btn.btn-base-color:active {
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:hover,
.btn.btn-white-border.border-opacity:active,
.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:hover,
.btn.btn-white:active {
background-color: transparent;
border-color: var(--white-color);
color: var(--white-color)
}
.btn.btn-black,
.btn.btn-black.btn.disabled,
.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:hover,
.btn.btn-custom:active {
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:hover,
.btn.btn-white-border:active,
.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:hover,
.btn.btn-black-border:active,
.google-maps-link a,
.password-page-wrap form .btn,
.product-box .btn-action .wishlist-btn.active,
.product-box .btn-action a.active,
.product-box .product-buttons-wrap .wishlist-btn.active,
.product-box .product-buttons-wrap a.active,
.product-box .product-buttons-wrap a[data-compare=view],
.shop-standard .product-box .btn-action .wishlist-btn.active,
.shop-minimalist .product-box .btn-action .wishlist-btn.active,
.shop-clean .product-box .btn-action .wishlist-btn.active,
.shop-box .product-box .btn-action .wishlist-btn.active,
.product-img-btn:hover,
.quickview-wrapper .product-summary .cart-btn,
.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-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:hover,
.shop-minimalist .product-box .btn-action a:hover,
.shop-minimalist .product-buttons-wrap a:hover,
.shop-minimalist .product-buttons-wrap button:hover,
.shopify-challenge__button,
.slider-with-arrow .swiper-button-next:hover,
.slider-with-arrow .swiper-button-prev:hover {
background-color: var(--dark-color);
color: var(--white-color);
border-color: var(--dark-color);
}
.btn.btn-base-color-border:hover,
.btn.btn-base-color-border:active {
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 .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: 1px solid var(--extra-medium-gray)
}
.mini-header .row>div,
.newsletter-model .model-bottom label,
.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 svg {
position: relative;
}
.custom-html-widget ul li a i {
position: relative;
margin-right: 5px;
}
.custom-html-widget ul li a {
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 {
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 {
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 .shop-grid-details img {
margin-bottom: 20px;
}
.shop-grid.shop-grid-style-5 .description p {
margin-bottom: 20px;
}
.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);
}
.shop-grid.shop-grid-style-5 li .shop-grid-details .btn {
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;
}
.shop-flat .product-box .spr-badge-starrating .spr-icon:last-child {
margin-right: 0;
}
.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
}
.collection-wrap.wishlist .products .product-box,
.contact-detail-wrap>h4,
.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
}
.deal-products.deal-product-style-2 .product-box .product-rating,
.form-information .newsletter-msg,
.shop-metro .product-box .btn-action,
.shop-simple .product-box .btn-action {
margin-top: 0
}
.newsletter-msg.success h6 {
color: var(--green);
font-size: var(--font_size);
font-weight: var(--font-weight-400);
letter-spacing: 0
}
.newsletter-msg.success i {
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 {
margin-top: 35px;
}
.image-with-text-3 .content {
padding-right: 8%
}
.image-with-text-3 .content .btn,
.welcome-popup-main .popup-inner .welcome-popup-box .button-wrapper {
margin-top: 35px
}
.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 {
margin-left: 15px;
}
.image-with-text-6 .section-heading {
padding-right: 15px;
margin-bottom: 20px;
}
.image-with-text-6 .btn-wrapper {
margin-top: 40px;
}
.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)
}
.video-with-text .banner-right .rotation-image {
position: absolute
}
.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
}
.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
}
.contact-card .contact-content .btn,
.form-wrap .contact button {
margin-top: 25px
}
.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,
.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: 0px;
left: 0px
}
.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: 2.5px 6px;
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 {
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 .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-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,
.shop-box .product-box .btn-action .wishlist-btn,
.shop-box .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-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,
.shop-box .product-box .btn-action .wishlist-btn,
.shop-box .product-box .btn-action a {
margin-bottom: 8px
}
.product-box .btn-action .wishlist-btn.active,
.product-box .btn-action a[data-compare=view],
.product-summary .wishlist-btn.active,
.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)
}
.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 .badge.sold-out {
color: var(--sold-out-label-color);
background-color: var(--sold-out-label-bg-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-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-clean .product-box .btn-action .btn-animation,
.shop-box .product-box .btn-action .btn-animation {
transform: translate(5px);
transition: .3s;
opacity: 0;
visibility: hidden
}
.shop-clean .product-box .btn-action .btn-animation:nth-child(2),
.shop-box .product-box .btn-action .btn-animation:nth-child(2) {
transform: translate(20px);
transition: .4s
}
.shop-clean .product-box .btn-action .btn-animation:nth-child(3),
.shop-box .product-box .btn-action .btn-animation:nth-child(3) {
transform: translate(30px);
transition: .45s
}
.shop-clean .product-box .btn-action .btn-animation:nth-child(4),
.shop-box .product-box .btn-action .btn-animation:nth-child(4) {
transform: translate(40px);
transition: .5s
}
.shop-clean .product-box .box-inner:hover .btn-action .btn-animation,
.shop-box .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-standard .product-buttons-wrap * {
transition: .3s
}
.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, #ffffff, #ffffff);
}
.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)
}
.shop-box .product-box .cart-btn i {
margin-right: 5px;
}
.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,
.top-banner-with-product .product-box .old-price {
font-size: var(--font_size);
}
.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 .special-price,
.top-banner-with-product .product-box .regular-price {
font-size: var(--font_size_plus4);
color: var(--base-color);
font-family: var(--alt-font);
font-weight: var(--font-weight-500);
letter-spacing:-0.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 {
font-size: var(--font_size_minus2);
color: var(--body-text-color);
background-color: var(--white-color);
height: 40px;
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-input {
height: 40px;
font-size: var(--font_size_minus2);
color: var(--body-text-color);
background-color: var(--white-color);
}
.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 .cart-btn:hover {
background-color: var(--dark-color);
color: var(--white-color);
}
.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, 0.1);
border: 1px solid #fff;
}
.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;
}
.product-variants .variant-option input:checked+label .text-swatch,
.product-variants .variant-option:hover label .text-swatch {
border-color: var(--dark-color);
}
.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;
}
.image-with-faq-style-1 .accordion-event .panel .panel-heading i,
.minisearch-popup .search-form-wrapper button i {
font-size: var(--font_size_plus2)
}
.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
}
.minisearch-popup .search-close i {
font-weight: var(--font-weight-700);
}
.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, 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;
}
.header-layout-style-1 .search-results-wrapper .quick-search {
margin-bottom: 30px;
}
.search-results-wrapper .quick-search .quick-search-title {
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;
}
.search-results-wrapper .quick-search-list li:not(:last-child) {
margin-right: 5px;
}
.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-buttons-wrapper #form-minicart {
margin-bottom: 10px;
}
.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,
.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;
width: 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 > div {
position: static;
}
.cart-notification-ymal .cart-notification-navigation .swiper-button-prev,
.cart-notification-ymal .cart-notification-navigation .swiper-button-next {
border: 1px solid rgba(0, 0, 0, 0.15);
width: 30px;
height: 30px;
border-radius: 100%;
margin: 0;
z-index: inherit;
}
.cart-notification-ymal .cart-notification-navigation .swiper-button-prev svg,
.cart-notification-ymal .cart-notification-navigation .swiper-button-next svg {
width: 7px;
}
.cart-notification-ymal .cart-notification-navigation .swiper-button-prev {
margin-right: 5px !important;
}
.cart-notification-ymal .cart-notification-navigation .swiper-button-prev:after,
.cart-notification-ymal .cart-notification-navigation .swiper-button-next:after {
display: none;
}
.mini-cart-bottom {
padding: 25px 40px;
background-color: var(--very-light-gray);
}
.cart-notification-addons {
margin-bottom: 25px;
}
.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-totals-wrapper {
margin-bottom: 15px;
}
.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: 0.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 a:not(:last-child) {
margin-bottom: 15px;
}
.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: 0.25s all;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 2;
}
.mini-cart-overlay.open {
visibility: visible;
opacity: 1;
}
.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-variants {
margin-bottom: 0;
margin-top: 5px
}
.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:empty {
display: none;
}
.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
}
.wrapper-response p,
.wrapper-response ul {
margin: 0
}
.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-style: normal;
font-weight: 400!important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -0.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
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
}
.mini-cart-bottom .shipping-content .wrapper-response {
margin-top: 20px;
}
.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 {
margin-top: 15px
}
.checkout-sidebar .cart-footer .discounts {
margin-bottom: 5px;
font-size: var(--font_size)
}
.checkout-sidebar .cart-footer .cart-subtotal {
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);
display:none !important;
}
.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 {
margin-left: 15px
}
.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 .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
}
.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)
}
.spr-icon-star-empty:before {
color: #ffb800
}
.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
}
.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)
}
.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)
}
.testimonial-tabs .rating .fill-rating,
.rating .fill-rating,
.testimonial-with-banner .rating .fill-rating,
.hero-banner .rating-wrapper .fill-rating,
.people-review .review-item .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
}
.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 .swiper {
padding-top: 20px;
padding-bottom: 20px
}
.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 {
font-size: var(--font_size_plus6);
color: var(--dark-color);
font-weight: var(--font-weight-600);
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-1 .accordion-event .panel .panel-heading {
font-size: var(--font_size_plus4)
}
.image-with-faq-style-1 .faq-content .btn,
.image-with-faq-style-2 .faq-content .btn {
margin-top: 40px;
}
.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 {
font-size: var(--font_size_plus6);
line-height: var(--font_size_plus6);
font-weight: var(--font-weight-600);
color: var(--dark-color)
}
.deal-products .deal-timer .counter-box:before {
content: ":";
color: #716f6b;
float: right;
position: absolute;
right: -13px;
top: 50%;
font-size: var(--font_size_plus6);
margin-top: -1px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: var(--font-weight-600)
}
.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 {
font-size: var(--font_size_minus2);
line-height: normal;
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 .price-box {
font-size: var(--font_size_minus2);
line-height: normal
}
.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 .model-close i,
.welcome-popup-main .popup-close i {
font-weight: var(--font-weight-700);
}
.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 .product-box:nth-child(n+2) {
margin-top: 20px
}
.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 .price-item:not(:last-child) {
margin-right: 8px;
}
.top-banner-with-product .product-box .spr-badge-starrating .spr-icon {
font-size: var(--font_size_minus2);
}
.top-banner-with-product .product-box .spr-badge {
line-height: 22px;
}
.top-banner-with-product .product-box .product-rating {
margin-bottom: 0px
}
.top-banner-with-product .product-box .price-wrapper {
display: flex;
align-items: center;
}
.slideshow-banner-top {
font-size: var(--font_size_plus1);
color: var(--dark-color);
margin-bottom: 25px;
margin-top: 25px;
letter-spacing: -0.5px;
}
.slideshow-banner-top p {
margin-bottom: 0;
}
.slideshow-banner-top p strong {
border-bottom: 1px solid;
font-weight: var(--font-weight-500);
}
.slideshow-banner-top .brand-logo {
margin-right: 10px;
}
.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 .section-title {
margin-bottom: 20px;
}
.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 .heading-wrapper.title-style-1 {
margin-bottom: 30px;
}
.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 .section-heading {
margin-bottom: 20px;
}
.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, 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 .simple-rating,
.people-review .review-item .rating .simple-rating {
margin-right: 4px;
}
.hero-banner .rating-wrapper i {
color: var(--base-color);
}
.hero-banner .section-description {
margin-bottom: 30px;
}
.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, 0.1);
border-radius: 10px;
}
.people-review .review-item .box-content {
padding: 35px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.people-review .review-item .box-content p:last-child {
margin-bottom: 0;
}
.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;
}
.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 .author-name {
font-weight: var(--font-weight-600);
color: var(--dark-color);
}
.people-review .review-item .rating .total-rating {
background-color: var(--base-color);
color: var(--dark-color);
margin-right: 0;
}
.people-review .swiper-button-prev:after, .people-review .swiper-button-next:after {
display: none;
}
.people-review .swiper-button-next, .people-review .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;
}
.author-product .author-box .rating i {
color: var(--base-color);
letter-spacing: 2px;
line-height: normal;
}
.author-product .author-box .author-image {
margin-bottom: 20px;
}
.author-product .author-box .rating {
margin-bottom: 5px;
}
.author-product .author-box .product-title {
font-size: var(--font_size_plus2);
line-height: var(--font_size_plus18);
font-weight: var(--font-weight-600);
color: var(--dark-color);
}
.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: -0.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: .40;
margin: 0 60px;
width: 1px;
height: 25px;
background-color: var(--dark-color);
}
.custom-social-block .custom-social-link a {
display: flex;
align-items: center;
font-size: var(--font_size_plus2);
line-height: var(--font_size_plus18);
margin-right: 30px;
font-weight: var(--font-weight-600);
color: var(--dark-color);
letter-spacing: -0.5px;
}
.custom-social-block .custom-social-link a:hover {
opacity: .7;
}
.custom-social-block .custom-social-link a:last-child {
margin-right: 0;
}
.custom-social-block .custom-social-link a svg {
margin-right: 10px;
}
.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:1400px) and (max-width:1600px) {
.center-navigation.navbar .navbar-nav .nav-item .nav-link {
margin: 0 15px
}
}
@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,
.recent-products .heading-wrapper,
.related-product .heading-wrapper,
.upsell-product .heading-wrapper,
.product-recommendations-list .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:hover .nav-link:after,
.navbar .navbar-nav .nav-item .nav-link.nav-item-active: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: 0px;
pointer-events: none;
}
.image-with-countdown .deal-timer .counter-box {
padding: 0 25px;
}
.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.active a, .wrapper-brands .brands-list-code li.enable a:hover {
color: #fff;
background-color: var(--dark-color);
border-color: var(--dark-color);
}
.wrapper-brands .brands-list-code li.disable {
pointer-events: none;
}
.wrapper-brands .brands-list-code li.disable a {
color: var(--body-text-color);
font-weight: var(--font-weight-400);
}
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 .all-brands.active, brands-item .all-brands:hover {
background-color: var(--dark-color);
border-color: var(--dark-color);
color: #fff;
}
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 {
display: none;
}
.brands-wrapper.show-all-brands .brands-active, .brands-wrapper .brands-active.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;
}
.brands-group .brands-list .brand:hover {
color: var(--dark-color);
}
.wrapper-brands .brands-list-code li:first-child {
margin-left: 0;
}
.wrapper-brands .brands-list-code li:last-child {
margin-right: 0;
}
.size-guide-popup .mfp-close{
background:#fff;
width: 24px;
height: 24px;
line-height: 24px;
right: 10px;
top: 10px;
}
.size-guide-popup .mfp-close:before{
font-size:14px;
}
.product-footer .price-box .price-wrapper{
flex-direction:row-reverse;
}
.product-footer .price-box .price-wrapper .old-price {
opacity:0.5;
}
.product-footer .price-box .price-item, .product-footer .price-box .separator, .social-icon-with-text li a svg{
margin-inline:8px 0;
}
.product-footer .price-box .price-item.special-price{
color:#262626;
margin-inline-start:0;
}
.product-summary .product-variants .modal-popup{
margin-block:10px;
}
.product-image>a{
padding-block-start:10px;
}
@media screen and (max-width:767px){
body{
font-size:calc(var(--font_size) - 2px);
line-height:calc(var(--body-line-height) - 4px);
}
body .shopify-policy__container{
font-size:calc(var(--font_size) - 4px);
line-height:calc(var(--body-line-height) - 8px);
}
.shopify-policy__container .h-1, .shopify-policy__container h1{
font-size:var(--font_size_plus6);
line-height:var(--font_size_plus6);
}
.shopify-policy__container .h-3, .shopify-policy__container h3{
font-size:var(--font_size_plus8);
line-height:var(--font_size_plus12);
}
header .menu-logo-center .menu-logo{
flex:1 0 25%;
}
.navbar .account{
display:none;
}
.size-guide-popup .mfp-close{
top: -21px;
right:0;
}
.product-footer .price-box{
font-size:15px;
}
/* .badge{
font-size:9px;
} */
}
@media screen and (max-width:374px){
.product-footer .price-box{
font-size:13px;
}
}