.checkout-sidebar .error:before, .slideshow-style-4 .swiper-button-next:after, .slideshow-style-4 .swiper-button-prev:after { font-style: normal; font-variant: normal; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slide-animation.fadeInLeft > div, .slide-animation.flipInX > div, .top-banner-with-product > .w-100, body.sticky.transparent.overflow-hidden:not(.sticky-active) { overflow: visible !important; } .btn-check:checked + .btn, .btn.active, .btn:first-child:active, :not(.btn-check) + .btn:active { border-color: initial; color: initial; } .loading-box.show-loader, .tab-loader, .video-with-text .banner-right .rotation-image { position: absolute; } .map-static-image .svg-placeholder { position: static; height: 500px; } .featurebox .svg-placeholder { width: 70px; margin-bottom: 20px; } .featurebox.featurebox-left-icon .svg-placeholder { margin-right: 20px; margin-bottom: 0; } .cart-notification-ymal .cart-notification-navigation > div, .countdown-style-2 .image-wrapper .svg-placeholder, .image-with-product .image-product-wrapper .svg-placeholder, .product-menu .svg-placeholder, .product-sidebar .svg-placeholder, .single-product .svg-placeholder { position: static; } .author-product .author-box .placeholder-img, .cart-notification-addons, .cart-notification-products li:not(:last-child), .demo-listing .main-item, .image-with-faq-style-1 .section-description p:not(:last-child), .image-with-faq-style-2 .section-heading, .image-with-text .content-wrap .section-heading, .image-with-text-3 .section-description p:not(:last-child), .main-page-content img, .megamenu ul li.level1 .submenu:not(:last-child), .slideshow .hongo-slider-text-wrap img, .theme-demos .demos-wrapper .title { margin-bottom: 25px; } .cart-notification-addons .addon-action a:not(:last-child), .cart-notification-totals-wrapper, .contact-card .contact-content p, .contact-form .form-content .form-status-message, .cookie-message .cookie-btn .btn:first-child, .image-with-text-3 .section-heading, .image-with-text-7 .section-description, .lookbook .price-box, .newsletter-model .model-content h3, .password-title, .product-menu .svg-placeholder, .shop-collection-category-style-1 .collection-item .collection-media, .slideshow-style-1 .hongo-slider-typography-wrap .subtitle, .testimonial-slider .box-content p { margin-bottom: 15px; } .image-with-text-4 .content-wrap .feature-box .svg-placeholder { width: 70px; } .trust-badge .svg-placeholder { height: 50px; } .cover-background, .parallax { background-size: cover; } .border-text, .slideshow-style-5 .hongo-slider-typography-wrap .title span, .text-outline { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; } .cover-background, .fixed-background { background-position: center; } .cover-background, .fixed-background, select { background-repeat: no-repeat; } .fixed-background, .parallax { background-attachment: fixed; }/* .alt-font, .btn, .shopify-challenge__button, .tooltip-inner { font-family: var(--alt-font); }*/ .btn.btn-link, .google-maps-link a:hover, .product-buttons-wrap a span, a, a:active, a:hover { text-decoration: none; } .counter-style-1 .counter-box img, .loading-box { align-self: center; } .cart-notification-ymal .badge-wrap, .featured-collection-slider .heading-wrapper .has-navigation .btn, .gm-style a[title], .gm-style-cc, .gmnoprint .gm-style-cc, .gmnoprint.gm-style-cc, .gmnoscreen, .hidden, .no-js-inline, .no-js:not(html), .swiper-button-lock, html.no-js .no-js-hidden { display: none !important; } .megamenu ul .menu-image-banner > a, html.no-js .no-js:not(html) { display: block !important; } html.no-js .no-js-inline { display: inline-block !important; } .brands-wrapper .brands-active, .breadcrumb li:last-child:after, .cart-item__error-text:empty + svg, .cart-notification-ymal .cart-notification-navigation .swiper-button-next:after, .cart-notification-ymal .cart-notification-navigation .swiper-button-prev:after, .cart-notification-ymal .product-box .product-buttons-wrap, .cart-notification-ymal:empty, .client-logo-slider .swiper-button-next:after, .client-logo-slider .swiper-button-prev:after, .deal-products .deal-timer .counter-box .number:before, .deal-products .deal-timer .counter-box:last-child:before, .deal-products .deal-timer .counter-box[data-number="0"], .deal-products.deal-product-style-2 .deal-timer .counter-box:before, .deal-timer .counter-box.last .number:before, .disabled-btn .cart-btn i, .feature-brand-style-1 .swiper-button-next:after, .feature-brand-style-1 .swiper-button-prev:after, .featured-collection-slider .heading-wrapper .swiper-button-next:after, .featured-collection-slider .heading-wrapper .swiper-button-prev:after, .featured-collection-slider .swiper-slide:not(.swiper-slide-visible).product-box .product-hover, .featured-products-with-banner .swiper-button-next:after, .featured-products-with-banner .swiper-button-prev:after, .gmnoprint .gm-style-mtc, .gmnoprint .gm-svpc, .image-gallery-slider .swiper-button-next:after, .image-gallery-slider .swiper-button-prev:after, .image-with-product .swiper-button-next:after, .image-with-product .swiper-button-prev:after, .lookbook .product-rating .spr-badge .spr-badge-caption, .lookbook-with-product .product-deal .counter-box:not(:last-child) .number:before, .marquee.marquee-grid .marquee-text:first-child .separator, .megamenu .product-menu .swiper-button-next:after, .megamenu .product-menu .swiper-button-prev:after, .megamenu .product-menu .swiper-rtl .swiper-button-prev:after, .people-review .swiper-button-next:after, .people-review .swiper-button-prev:after, .price .price__badge-sale, .price .price__badge-sold-out, .price--no-compare .price__compare, .price--on-sale .price__availability, .price--on-sale .price__regular, .price__availability, .price__sale, .product .swiper-button-next:after, .product .swiper-button-prev:after, .product-box .jdgm-widget .jdgm-prev-badge__text, .product-box .product-rating .loox-rating-label, .product-slider-section .product-main-slider .product-box .product-hover, .product-slider-section .swiper-button-next:after, .product-slider-section .swiper-button-prev:after, .product-summary .swatches-hover .color-white:after, .product-summary .swatches-hover .null-bg:after, .product-summary .swatches-hover[data-option-name="White"] .color-bg:after, .product-summary .swatches-hover[data-option-name="White"] .null-bg:after, .product-variants .variant-option.swatch-image .soldout-opt ~ label .text-swatch, .product-variants .variant-option.swatch-image .unavailable-opt ~ label .text-swatch, .quickview-wrapper .product-summary .swatches-hover .color-white:after, .quickview-wrapper .product-summary .swatches-hover[data-option-name="White"] .color-bg:after, .quickview-wrapper .product-summary .swatches-hover[data-option-name="White"] .null-bg:after, .shop-collection-category-style-1 .swiper-button-next:after, .shop-collection-category-style-1 .swiper-button-prev:after, .shop-flat .product-box .btn-action .hongo-quick-view span, .shop-flat .product-hover, .shop-minimalist .product-box .btn-action .hongo-quick-view span, .shop-minimalist .product-hover, .shopify-payment-button__button--hidden, .slider-with-arrow .swiper-button-next:after, .slider-with-arrow .swiper-button-prev:after, .swiper-number-navigation .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .testimonial-classic .swiper-button-next:after, .testimonial-classic .swiper-button-prev:after, .testimonial-slider .swiper-button-next:after, .testimonial-slider .swiper-button-prev:after, .testimonial-slider .title-style-btn:before, .testimonial-with-banner .navigation .swiper-button-next:after, .testimonial-with-banner .navigation .swiper-button-prev:after, .title-style-2 .has-navigation:before, .title-style-2 .section-heading span:after, .title-style-3 .has-navigation:before, .wishlist .notin, .wishlist.active .in, .wrapper-response:empty, body.menu-hover.simple-dropdown-hover:before, body:before, p:empty { display: none; } html { padding-bottom: 0 !important; } body { font-size: var(--font_size); line-height: var(--body-line-height); font-family: var(--body-font); font-weight: var(--body-font-weight); color: var(--body-text-color); background-color: var(--body-bg-color); word-break: break-word; } * { box-shadow: none; outline: 0; } ul { padding: 0; margin: 0; } .btn, .btn i, .btn-link, .button, a, button, header .navbar-right > div.search { transition: 0.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-black); 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: 0.2s ease-in-out !important; } .form-control:focus, .form-wrap .contact input:focus, .form-wrap .contact textarea:focus, .product-summary .wishlist-btn:hover, .product-variants .variant-option input:checked + label .text-swatch, .product-variants .variant-option input[type="radio"]:checked + label img, .product-variants .variant-option.selected img, .product-variants .variant-option:hover label .text-swatch, .text-line-dark-color, input:focus, textarea:focus { border-color: var(--dark-black); } .product-variants .variant-option input[type="radio"]:checked + label img { border: 2px solid #fff; box-shadow: 0 5px 15px rgba(0, 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, 0.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-product-slider .pin-item.active i, .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-modern .product-box .product-buttons-wrap .wishlist-btn.active i, .shop-simple .product-buttons-wrap a:hover, .shop-simple .product-buttons-wrap a:hover span, .shop-simple .product-buttons-wrap button:hover, .shop-simple .product-buttons-wrap button:hover span, .size-filter .variant-option input:checked + label .text-swatch, .size-filter .variant-option.selected .text-swatch, .size-filter .variant-option:hover .text-swatch, .size-filter .variant-option:hover input + label .text-swatch, .slideshow-style-2 .swiper-button-next:hover, .slideshow-style-2 .swiper-button-prev:hover, .social-icon-only li a:hover, .social-icon-only.dark li a:hover, .social-icon-only.light li a, .social-icon-only.light li a:hover, .social-icon-with-text.light li a, .social-short-name.light li a, .social-simple.light li a, .swiper-arrow-navigation .swiper-button-next:hover, .swiper-arrow-navigation .swiper-button-prev:hover, .swiper-number-navigation .swiper-button-next:hover, .swiper-number-navigation .swiper-button-prev:hover, .video-hero-wrap .video-content-wrap .subtitle, .video-hero-wrap .video-content-wrap .title { color: var(--white-color); } .shop-standard .product-buttons-wrap *, .social-icon-only li a svg { transition: 0.3s; } .social-icon-only li a:hover svg, .social-icon-only.dark li a:hover svg { fill: var(--white-color); } .header-transparent .navbar-brand .logo-text, .navbar.header-transparent .navbar-nav .nav-item .nav-link, .transparent header .header-transparent .menu-column .search i, header .menu-column .search i { color: var(--menu-text-color); } .mfp-close, .mfp-close:active { font-size: 0; opacity: 1; right: 15px; top: 15px; } .mfp-close:before { content: "\ea02"; font-family: feather !important; font-weight: 900; font-size: var(--font_size_plus4); color: var(--dark-black); } .image-with-product .shop-classic .product-box, .shop-simple .badge-wrap, .show-menu .theme-demos, .show-search-popup .theme-demos, .z-index-1 { z-index: 1; } .h-1, .h-2, .h-3, .h-4, .h-5, .h-6, h1, h2, h3, h4, h5, h6 { font-weight: var(--heading-font-weight); color: var(--heading-color); margin: 0 0 25px; padding: 0; } .h-1, h1 { font-size: var(--h1-font-size); line-height: var(--h1-line-height); } .h-2, h2 { font-size: var(--h2-font-size); line-height: var(--h2-line-height); } .h-3, h3 { font-size: var(--h3-font-size); line-height: var(--h3-line-height); } .h-4, h4 { font-size: var(--h4-font-size); line-height: var(--h4-line-height); } .h-5, h5 { font-size: var(--h5-font-size); line-height: var(--h5-line-height); } .h-6, h6 { font-size: var(--h6-font-size); line-height: var(--h6-line-height); } .text-very-small, .top-banner-with-product .product-box .product-vendor { font-size: var(--font_size_minus2); line-height: var(--font_size); } .text-small { font-size: var(--font_size_plus2); line-height: var(--font_size_plus4); } .text-medium { font-size: var(--font_size_plus4); line-height: var(--font_size_plus7); } .text-large { font-size: var(--font_size_plus6); line-height: var(--font_size_plus9); } .text-extra-large { font-size: var(--font_size_plus18); line-height: var(--font_size_plus22); } .image-with-faq-style-1 .faq-content .btn, .image-with-faq-style-2 .faq-content .btn, .image-with-text-6 .btn-wrapper, .load-more-wrap, .megamenu .menu-bottom-banner, .search-result-wrap .pagination { margin-top: 40px; } .load-more-wrap img { max-width: 25px; } .load-more-wrap .btn { min-width: 180px; } .load-view-btn-wrap > a, .shop-collection-category-style-3 .collection-item:nth-child(2n) { margin-top: 60px; } .is-touchable [data-parallax-background-ratio] { background-attachment: inherit !important; background-position: center !important; background-repeat: no-repeat !important; } .section-heading span.text-outline, .title-style-2 .section-heading span.text-outline { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--dark-black); } .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.active-search.disable-fixed .navbar, 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: 10px; } .title-style-2 .title-style-btn:not(.no-subheading):before { content: ""; height: 24px; width: 1px; background-color: rgba(0, 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, 0.15); padding: 0 0 0 25px; margin-left: 25px; } .accordion-event .panel .panel-body p:last-child, .cart-notification-ymal .product-box, .contact-detail-wrap .contact-item p:last-child, .contact-detail-wrap > p, .contact-form-with-image .form-agreement label p, .content-block .content-box p:last-child, .countdown-descroption p, .countdown-style-2 .countdown-text .countdown-sub-heading, .countdown-style-2 .deal-timer, .featurebox .feature-box-sub-title p, .featured-products-with-banner .section-sub-heading, .image-with-faq-style-2 .faq-text p:last-child, .image-with-text-1 ul li:last-child, .image-with-text-4 .content-wrap .text-block:last-child, .image-with-text-5 .content-description:last-child, .infowindow :last-child, .last-paragraph-no-margin p:last-of-type, .lookbook-with-product .product-block .price-box .price-wrapper, .lookbook-with-product .product-block .product-box .price-box, .lookbook-with-product .product-block .product-box .product-rating, .lookbook-with-product .product-block .product-title, .lookbook.lookbook-with-video .product-footer .price-box, .lookbook.lookbook-with-video .product-footer .price-wrapper, .megamenu .product-menu .product-footer .price-box, .mini-header p, .newsletter-model .model-bottom p, .newsletter-with-video .newsletter-wrap .description p:last-child, .page-title h1, .page-title-style-3 h1, .people-review .review-item .box-content p:last-child, .product .product-title, .product-page .breadcrumb-alt, .product-variants .variant-option .color-filter .form-label, .quickview-wrapper .product-summary .product-form-buttons, .section-description p:last-child, .shop-clean .product-box .product-rating, .shop-clean .product-buttons-wrap a:last-child, .shop-clean .product-buttons-wrap button:last-child, .shop-clean .product-footer .price-box, .shop-collection-category-style-1 .heading-wrapper, .shop-collection-category-style-5 .collection-title:last-child, .shop-metro .product-box .product-option .product-variants, .shop-simple .product-box .product-option .product-variants, .slideshow-banner .banner-image:last-child, .slideshow-banner-top p, .slideshow-style-3 .slider-typography-wrap .stock-message p, .store-usp .usp-text p:last-child, .testimonial-classic .section-sub-heading, .testimonial-slider .section-heading, .title-style-3 .section-heading, .top-banner-with-product .product-box .product-rating, .video-with-text .banner-right .banner-content ul li:last-child, [data-license-popup-success].welcome-popup-main .popup-inner .welcome-popup-box p:last-child { margin-bottom: 0; } .full-screen .swiper.swiper-vertical, .full-screen .swiper:not(.swiper-vertical) .swiper-slide, .video-hero-section .full-screen { height: calc( 100vh - var(--miniheader-height, 44px) - var(--header-height, 72px) ); } .active-search .video-rotate-image, .search-active .video-rotate-image { z-index: 97 !important; opacity: 0; transition: none; } .slideshow-style-1.swiper .swiper-slide img:not(.slider-content img), .slideshow-with-banner .swiper-slide img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; position: absolute; } .slideshow .swiper-button-next:after, .slideshow .swiper-button-prev:after, .slideshow .swiper-rtl .swiper-button-next:after, .slideshow .swiper-rtl .swiper-button-prev:after { content: "\F12C"; font-family: bootstrap-icons; } .slideshow .swiper-button-next:after, .slideshow .swiper-rtl .swiper-button-prev:after { content: "\F135"; } .slideshow .slider-content { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; } .transparent #MainContent > .shopify-section:first-child .slideshow-style-1 .slider-content .justify-content-center.align-items-top .hongo-slider-typography-wrap { padding-top: 130px; padding-bottom: 130px; } .slideshow-style-1 .slider-content .hongo-slider-typography-wrap { padding-top: 60px; padding-bottom: 60px; } .slideshow-style-1 .hongo-slider-typography-wrap .title, .slideshow-with-banner .hongo-slider-typography-wrap .title { color: var(--white-color); text-transform: none; margin-bottom: 50px; } .slideshow-with-banner .hongo-slider-typography-wrap .title { margin-bottom: 40px; letter-spacing: -1px; } .slideshow-style-1 .hongo-slider-typography-wrap p { font-size: var(--font_size_plus2); margin-bottom: 35px; } .slideshow-style-1 .hongo-slider-typography-wrap u { border-bottom: 1px solid; text-decoration: none; } .slideshow-style-2 .hongo-slider-typography-wrap .subtitle, .slideshow-style-2 .hongo-slider-typography-wrap .title { color: var(--dark-black); margin-bottom: 25px; } .minisearch-popup .search-close i, .newsletter-model .model-close i, .shop-simple .product-deal .counter-box .number, .slideshow-style-2 .hongo-slider-typography-wrap .subtitle span, .welcome-popup-main .popup-close i { font-weight: var(--font-weight-700); } .cart-notification-buttons-wrapper #form-minicart, .categorie-list-style-2 .categorie-list li, .deal-products .product-box .stock-left-wrap, .discounts, .image-with-text-7 .image-content .text-logo, .lookbook-product-slider .section-sub-heading, .product-summary .form-status-message, .product-variants, .slideshow-style-2 .swiper-slide .hongo-slider-text-wrap p, .testimonial-tabs .heading-wrapper { margin-bottom: 10px; } .image-with-text-5 .content-block .btn, .mini-cart-bottom .shipping-content .wrapper-response, .slideshow-style-2 .btn, .testimonial-with-banner .swiper-pagination, .top-banner-with-product .product-box:nth-child(n + 2) { margin-top: 20px; } .slideshow-style-2 .swiper-button-next, .slideshow-style-2 .swiper-button-prev { font-size: var(--font_size_plus9); color: var(--dark-black); 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, .slideshow-style-6.swiper-arrow-navigation .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-black); transform: translateX(-100%); transition: transform 0.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-black); 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-black); 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-black); 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: -0.5px; margin-bottom: 35px; } .slideshow-style-3 .slider-typography-wrap .price-box .price-item { margin-right: 7px; color: var(--dark-black); } .navbar .product-footer .price-box .separator, .slideshow-style-3 .slider-typography-wrap .price-box .old-price, .special-product .product-content .price-box .old-price { color: var(--body-text-color); } .badge:last-child, .custom-social-block .custom-social-link a:last-child, .deal-products .deal-timer .counter-box:last-child, .featured-products-with-banner.slider .section-sub-heading, .navbar .navbar-nav .nav-item:last-child .nav-link, .newsletter-with-video .newsletter-wrap .btn i, .product-box .spr-badge-starrating .spr-icon:last-child, .product-footer .price-box .price-item:last-child, .product-variants .variant-option:last-child, .shop-classic .product-buttons-wrap a:last-child, .shop-classic .product-buttons-wrap button:last-child, .shop-flat .product-box .spr-badge-starrating .spr-icon:last-child, .slideshow-style-3 .slider-typography-wrap .price-box .price-item:last-child, .theme-demos .buy-theme .theme-wrapper span, .wrapper-brands .brands-list-code li:last-child, header .navbar-right.only-icon > div i { margin-right: 0; } .slideshow-style-3 .slider-typography-wrap .price-box .regular-price, .slideshow-style-3 .slider-typography-wrap .price-box .special-price { color: var(--dark-black); font-weight: var(--font-weight-600); } .slideshow-style-3 .slider-typography-wrap .stock-message { color: var(--dark-black); 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-black); 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, 0.2); } .swiper-pagination-progress .swiper-progress { position: absolute; top: 0; left: 0; height: 100%; width: var(--swiper-progress, 0); background-color: var(--dark-black); -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; transition: 0.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-black); margin-bottom: 20px; } .slideshow .slider-footer-inner b, .slideshow-style-4 .slider-typography-wrap .title span { font-weight: var(--font-weight-800); } .slideshow-style-4 .slider-typography-wrap .sub-title { color: #403d39; margin-bottom: 30px; } .slideshow-style-4 .slider-typography-wrap .sub-title span { color: var(--base-color); font-weight: var(--font-weight-600); border-bottom: 1px solid; } .slideshow-style-4 .slider-typography-wrap .slider-text-inner { max-width: 400px; margin: 0 auto; } .slideshow-style-4 .swiper-button-next:after, .slideshow-style-4 .swiper-button-prev:after { content: "\F284"; display: inline-block; font-family: bootstrap-icons !important; font-weight: 900 !important; text-transform: none; line-height: 1; } .slideshow-style-4 .swiper-button-next:after { content: "\F285"; } .lookbook-product-slider .product-footer .price-box, .pagination .page-numbers.next, .pagination .page-numbers.prev, .shop-box .product-box .product-footer .price-box .price-item, .top-banner-with-product .product-box .old-price { font-size: var(--font_size); } .announcement-bar p, .cart-product-info .product-option, .form-information .mfp-close:before, .image-with-text-1 .support-wrap .support-content span, .megamenu ul li.level2 .submenu li a, .password-copyright, .slideshow-style-4.swiper-arrow-navigation .swiper-button-next:after, .slideshow-style-4.swiper-arrow-navigation .swiper-button-prev:after, .top-banner-with-product .product-box .spr-badge-starrating .spr-icon { font-size: var(--font_size_minus2); } .slideshow-style-5 .html-content { position: absolute; bottom: 48px; left: 0; width: 100%; color: rgba(255, 255, 255, 0.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: 55px 75px; } .slideshow-style-6 .slider-content .icon { width: 50px; height: 50px; background-color: var(--white-color); border-radius: 100px; font-size: 20px; color: var(--dark-black); transition: 0.2s ease-in-out; } .slideshow-style-6 .slider-content .collection-title { letter-spacing: -1px; } .shop-box .product-box .product-card-form .product-buttons-wrap .cart-btn:hover, .slideshow-style-6 .swiper-slide:hover .slider-content .icon { background-color: var(--dark-black); color: var(--white-color); } .slideshow-style-6.swiper-arrow-navigation .swiper-button-next:after, .slideshow-style-6.swiper-arrow-navigation .swiper-button-prev:after { font-size: var(--font_size_plus16); } .slideshow-style-6.swiper-arrow-navigation .swiper-button-next { right: 15px; } .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: 0.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: 0.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-black); 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, 0.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: 1rem 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, 0.5); transform: translate(-50%, -50%); transition: 0.3s; opacity: 0; } .product-summary .swatches-hover input[type="radio"]:checked + label .color-bg:after, .product-summary .swatches-hover input[type="radio"]:checked + label .null-bg:after, .product-summary .swatches-hover:hover .color-bg:after, .product-summary .swatches-hover:hover .null-bg:after, .product-summary .swatches-hover:hover input[type="radio"] + label .color-bg:after, .product-summary .swatches-hover:hover input[type="radio"] + label .null-bg:after, .swatches-hover.selected .color-bg:after, .swatches-hover.selected .null-bg:after, .swatches-hover:hover .color-bg:after, .swatches-hover:hover .null-bg:after, .swiper-dots-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .swiper-dots-pagination .swiper-pagination .swiper-pagination-bullet:hover:before { opacity: 1; } .swiper-border-pagination .swiper-pagination-bullet { width: 12px; height: 12px; outline: 0; border-radius: 50%; border: 2px solid var(--body-text-color); vertical-align: middle; position: relative; text-indent: -9999px; opacity: 1; background-color: transparent; margin: 0 5px; } .swiper-border-pagination .swiper-pagination-bullet-active:hover, .swiper-border-pagination .swiper-pagination-bullet:hover { background-color: var(--white-color); border-color: var(--white-color); } .swiper-pagination.swiper-number-pagination .swiper-pagination-bullet { counter-increment: slider-number; width: auto; height: auto; background-color: transparent; opacity: 1; border-radius: 0; border-bottom: 1px solid transparent; font-size: var(--font_size_minus4); line-height: var(--font_size_plus4); } .btn.btn-link-base-color, .btn.btn-link-black:active, .btn.btn-link-black:hover, .main-page-content 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: 0.3s; } .swiper-pagination.swiper-number-pagination .swiper-pagination-bullet:nth-child(n + 10):before { content: counter(slider-number); } .swiper-pagination.swiper-number-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination.swiper-number-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { color: var(--base-color); border-bottom-color: var(--base-color); } .product-summary .product-meta .hongo-social-links li, .slideshow .slider-footer-inner b span, .swiper-horizontal > .swiper-pagination-bullets.swiper-number-pagination .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-number-pagination .swiper-pagination-bullet { margin: 0 10px; } .slideshow .hongo-slider-text-wrap { z-index: 1; width: 100%; } .slideshow .hongo-slider-text-wrap .overflow-hidden { padding-bottom: 1px; } .slideshow .slider-footer { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; } .slideshow .slider-footer-inner { font-size: var(--font_size_minus3); font-weight: var(--font-weight-600); background-color: rgba(255, 255, 255, 0.9); color: var(--dark-black); 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; } .slideshow .hongo-slider-text-wrap .btn:first-child, .slideshow .hongo-slider-text-wrap div:last-child .btn:first-child { margin-right: 30px; } .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, 1, 1); } .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, 1, 1); } .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: 0.2s; } .swiper-slide-active .slide-animation > :nth-child(2) > * { animation-delay: 0.4s; } .swiper-slide-active .slide-animation > :nth-child(3) > * { animation-delay: 0.6s; } .swiper-slide-active .slide-animation > :nth-child(4) > * { animation-delay: 0.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: 0.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: 0.3s; } .brands-group .brands-list .brand:hover, .breadcrumb li a:hover, .btn.btn-link-base-color:active, .btn.btn-link-base-color:hover, .btn.btn-link-black, .btn.btn-link-white:active, .btn.btn-link-white:hover, .cart-agreement a, .cart-product-info .amount, .cart-product-info .product-name, .cart-product-info .product-name:hover, .contact-box a:hover, .contact-detail-wrap .contact-item a:hover, .custom-html-widget ul li a:hover, .discounts, .empty-mini-cart, .featurebox a:hover, .featurebox i, .header-social ul li a, .magic-cursor-wrapper.light #ball-cursor:after, .magic-cursor-wrapper.light #ball-cursor:before, .main-page-content 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-black); } .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-black); transition: 0.3s; font-size: initial; } .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-black); } .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-400); margin: 0 13px; color: var(--dark-black); position: relative; } .custom-html-widget ul li:first-child, .lookbook .price-wrapper .price-item:first-child, .navbar .navbar-nav .nav-item:first-child .nav-link, .shop-classic .product-buttons-wrap a:first-child, .social-icon-with-text li:first-child, .social-short-name li:first-child, .social-simple li:first-child, .wrapper-brands .brands-list-code li:first-child { margin-left: 0; } header .navbar-right > div { padding-left: 30px; font-weight: var(--font-weight-600); color: var(--addon-text-color); } .mobile-sticky-menu .sticky-menu-item a .count, header .navbar-right a .count { background-color: var(--count-bg-color); top: -9px; height: 20px; border-radius: 100%; align-items: center; } header .navbar-right.only-icon > div { padding-left: 20px; } .btn i, .btn.btn-link, .button i, .cart-notification-wrapper, .cart-notification.loading .cart-notification__content, .contact-card .contact-content .map-link a, .cover-background, .custom-html-widget ul li a svg, .fixed-background, .parallax, .product-box .box-inner, .product-deal .counter-box .number, .search-form-wrapper form, .shop-collection-category-style-5 .collection-title .label, .shop-modern .box-inner, .shop-standard .product-box .box-inner, header .navbar-right .cart { position: relative; } header .navbar-right a .count { font-size: 11px; font-weight: var(--font-weight-500); color: var(--count-number-color); position: absolute; left: 9px; width: 20px; display: flex; justify-content: center; } header .navbar-right .search span { cursor: pointer; vertical-align: middle; } .product-buttons-wrap a, .zoom-disable .product-image-main [data-media-type="image"] .product-media:hover, header .navbar-right .search i { cursor: pointer; } header .navbar-right > div i { font-size: var(--font_size_plus3); margin-right: 5px; vertical-align: middle; } .megamenu .child-link-title { font-weight: var(--font-weight-600); color: var(--menu-open-text-color); margin-bottom: 3px; display: inline-block; } .megamenu ul li { list-style: none; line-height: normal; } .megamenu ul .menu-image-banner .banner-button { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; padding: 0 15px; } .megamenu ul .menu-image-banner .btn { transition: 0.2s cubic-bezier(0.12, 0, 0.39, 0); } #address_province_container[style*="display: none"] ~ .field, #address_province_container[style*="display:none"] ~ .field, .cart-notification .cart-product-info, .contact-card .contact-content .map-link a:hover:after, .contact-form .form-bg img, .featured-products-with-banner .banner-image img, .form-wrap form, .lookbook.lookbook-with-video .pin-product .product-box, .megamenu ul .menu-image-banner img, .product-gallery .product-main-slider .product-media img, .product-image-main .product-media.local-video video, .search-results-wrapper img, .shop-banner-2.design-style-1 .banner-item img, .shop-box .product-box .product-card-form, .video-wrapper img { width: 100%; } .collection-menu .collection-box:hover .collection-img-wrap, .demo-listing .main-item .main-inner:hover, .megamenu ul .menu-image-banner .btn:hover, .offer-box-wrap:hover, .shop-classic .product-box .box-inner:hover, .shop-collection-category-style-1 .collection-item:hover > a { transform: translateY(-5px); } .megamenu ul li a:not(.btn, .child-link-title) { color: var(--menu-open-child-link-color); display: inline-block; position: relative; } .navbar .navbar-nav .sub-menu a:not( .btn, .child-link-title, .collection-name, .product-title, .demo-listing .menu-title ) { display: inline-block; position: relative; } .megamenu ul li.level2 .submenu { padding-left: 15px; margin: 10px 0; } .megamenu ul li.level3 .submenu { padding-left: 20px; } .collection-menu .collection-img-wrap { margin-bottom: 15px; position: relative; transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); } .breadcrumb-alt, .demo-listing .demo-item, .image-with-countdown .countdown-heading.section-heading, .menus-separator, .product-slider-section .product-main-slider .heading-wrapper, .testimonial-classic .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 0.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:not(.sidebar-demo-listing).row { margin-left: -10px; margin-right: -10px; } .demo-listing:not(.sidebar-demo-listing) > .col { padding-left: 10px; padding-right: 10px; } .contact-card .contact-content .btn, .demo-listing .demo-button, .form-wrap .contact button, .video-with-text-2 .btn { margin-top: 25px; } .demo-listing .demo-button i, .shop-metro .product-buttons-wrap a i { position: relative; top: -1px; } .demo-listing .menu-title { font-size: var(--font_size_minus1); line-height: normal; font-weight: var(--font-weight-600); color: var(--dark-black); padding-top: 9px; padding-bottom: 9px; } .demo-listing.sidebar-demo-listing .menu-title { padding-top: 16px; font-size: var(--font_size_plus1); } .category-section .heading-wrapper.title-style-1, .collection-wrap.wishlist .products .product-box, .contact-detail-wrap > h4, .demo-listing.sidebar-demo-listing .main-item, .header-layout-style-1 .search-results-wrapper .quick-search, .hero-banner .section-description, .image-with-text-4 .content-wrap .text-block, .image-with-text-4 .content-wrap p, .lookbook-product-slider .heading-wrapper, .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; } .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, 0.15); border-radius: 6px; overflow: hidden; transition: transform 0.4s ease-in-out; position: relative; } .demo-listing.sidebar-demo-listing .main-item .main-inner { padding: 12px; border-radius: 10px; } .demo-listing .main-item .img-wrapper { overflow: hidden; border-radius: 3px; display: block; } .demo-listing.sidebar-demo-listing .main-item .img-wrapper, .lookbook.lookbook-with-video .pin-item .pin-product, .shop-clean .product-box .product-image { border-radius: 5px; } .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, 0.7); top: 0; left: 0; z-index: 11; -webkit-animation: 0.3s hide-animation; animation: 0.3s hide-animation; } body.menu-hover:before { display: block; -webkit-animation: 0.6s show-animation; animation: 0.6s show-animation; } .lookbook.lookbook-with-video .pin-item:after { z-index: 0; } .author-product .author-box .author-image, .counter-style-1 .counter-box .icon-wrapper, .featurebox.featurebox-center-icon i, .featurebox.featurebox-center-icon img, .featured-collection-slider .heading-wrapper, .form-wrap .contact .input-group, .gift-card-buttons .continue-shopping, .hero-banner .section-heading, .megamenu .navigation-btn, .megamenu .product-menu .product-image, .product-quickview-popup .product-variants .product-filter.color-filter, .shop-banner-style-1 .banner-right .section-heading, .shop-grid.shop-grid-style-5 .description p, .shop-grid.shop-grid-style-5 li .shop-grid-details img, .slideshow-banner .section-title { margin-bottom: 20px; } .grid-sizer, .gutter-none li, .hongo-grid-sizer, .megamenu .product-menu .product-footer, .product-summary .product-deal .counter-container, .theme-demos .demo-listing, ul .grid-sizer { padding: 0; } .megamenu .product-menu .product-title { color: var(--dark-black); font-size: var(--font_size_minus1); line-height: var(--font_size_plus6); font-weight: var(--font-weight-500); width: 100%; } .megamenu .product-menu .price { color: var(--body-text-color); font-size: var(--font_size_minus3); } .megamenu .product-menu .swiper-button-next, .megamenu .product-menu .swiper-button-prev, .megamenu .product-menu .swiper-rtl .swiper-button-next, .megamenu .product-menu .swiper-rtl .swiper-button-prev { position: inherit; left: inherit; right: inherit; margin: 0; width: auto; height: auto; } .custom-social-block .custom-social-link a svg, .megamenu .product-menu .swiper-button-prev, .slideshow-banner-top .brand-logo, header .navbar-right .icon-bubble:not(.no-count) i { margin-right: 10px; } .cart-subtotal { font-size: var(--font_size_plus3); color: var(--dark-black); } .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: 0.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, 0.15); overflow-x: auto; } .cover-background, .featured-collection-slider, .fixed-background, .isotop-loading, .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; } .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-black); 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; } .megamenu ul li.image-menu a img { width: 100%; transition: 0.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: 0.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.disable-fixed.menu-hover:before { z-index: 10; } body.sticky.sticky-active .navbar { box-shadow: 0 0 25px 0 rgb(0, 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; } .marquee .swiper, .sticky-active .navbar.responsive-fixed .navbar-nav .nav-item .nav-link, .sticky-active .navbar.responsive-fixed .vertical-menu-dropdown { padding-top: 20px; padding-bottom: 20px; } .disable-fixed .header-transparent, body.disable-fixed .navbar { position: relative; width: 100%; z-index: 10; } .transparent #MainContent { margin-top: var(--top-space); } .disable-fixed.transparent #MainContent { margin-top: calc(var(--top-space, 117px) - var(--miniheader-height, 44px)); } .transparent #MainContent > .shopify-section:first-child .page-title { margin-top: calc(-1 * var(--header-height)); padding-top: var(--header-height); } .shopify-section:first-child .hero-banner, .shopify-section:first-child .slideshow-with-banner-wrapper, .shopify-section:first-child .slideshow:not(.slideshow-with-banner), .shopify-section:first-child .video-hero-section { margin-top: calc(-1 * var(--header-height-default)); } .transparent #MainContent > .shopify-section:first-child .hero-banner, .transparent #MainContent > .shopify-section:first-child .slideshow-with-banner-wrapper, .transparent #MainContent > .shopify-section:first-child .slideshow:not(.slideshow-with-banner), .transparent #MainContent > .shopify-section:first-child .video-hero-section { margin-top: calc(-1 * var(--header-height, 159px)); } .transparent #MainContent .full-screen .swiper .swiper-slide, .transparent #MainContent .full-screen .swiper.swiper-vertical, .transparent #MainContent .video-hero-section .full-screen { height: calc(100vh - var(--miniheader-height, 44px)); } .disable-fixed.transparent #MainContent .full-screen .swiper .swiper-slide, .disable-fixed.transparent #MainContent .full-screen .swiper.swiper-vertical, .disable-fixed.transparent #MainContent .video-hero-section .full-screen { height: calc(100vh - var(--top-space, 117px)); } .parallax { transition-duration: 0s; } .box-layout { max-width: var(--box-layout-width); margin: 0 auto; } .box-layout .announcement-bar, .box-layout .mini-header, .box-layout .navbar { max-width: calc(var(--box-layout-width) - 30px); margin: 0 auto; } .row, .shop-grid.shop-grid-style-4 { margin-right: -15px; margin-left: -15px; } .row.g-0 { margin-right: 0; margin-left: 0; } .row.g-0 > * { padding-right: 0; padding-left: 0; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .row > * { padding-right: 15px; padding-left: 15px; } .container-fluid { max-width: calc(var(--container-fluid, 1900px) + var(--offset-x) * 2); padding-left: var(--offset-x); padding-right: var(--offset-x); --offset-x: 15px; } @media (min-width: 992px) { .container-fluid { --offset-x: var(--container-fluid-offset, 15px); --offset-x: 25px; } .lookbook-close { display: none; } .shop-banner-2.design-style-2 .banner-item:first-child { padding-right: 8px; } .shop-banner-2.design-style-2 .banner-item:nth-child(2) { padding-left: 8px; } .shop-banner-2.design-style-2 .banner-item:nth-child(3) { padding-left: 0; } .slideshow-banner .banner-image.banner-item-2 { height: calc(50% - 15px); } .jdgm-widget:not(.jdgm-review-widget--small, .jdgm-review-widget--medium) .jdgm-histogram + .jdgm-widget-actions-wrapper, .jdgm-widget:not(.jdgm-review-widget--small, .jdgm-review-widget--medium) .jdgm-rev-widg__summary + .jdgm-histogram, .jdgm-widget:not(.jdgm-review-widget--small, .jdgm-review-widget--medium) .jdgm-rev-widg__summary + .jdgm-widget-actions-wrapper { border-color: var(--extra-medium-gray) !important; } } .tooltip-inner { white-space: nowrap; padding: 4px 12px; background-color: var(--dark-black); 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-black); } .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { border-left-color: var(--dark-black); } .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { border-right-color: var(--dark-black); } .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--dark-black); } .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: 0.3s ease-in-out; } .btn.btn-base-color { background-color: var(--base-color); border-color: var(--base-color); color: var(--white-color); } .btn.btn-base-color-border, .btn.btn-base-color:active, .btn.btn-base-color:hover { background-color: transparent; border-color: var(--base-color); color: var(--base-color); } .btn.btn-white { background-color: var(--white-color); border-color: var(--white-color); color: var(--dark-black); } .btn.btn-white-border.border-opacity { border-color: rgba(255, 255, 255, 0.15); } .btn.btn-white-border.border-opacity:active, .btn.btn-white-border.border-opacity:hover, .shop-grid.shop-grid-style-3 li.item-4 .shop-grid-details .small-title span { border-color: #fff; } .btn.btn-black-border.border-opacity { border-color: rgba(52, 53, 52, 0.15); } .btn.btn-black-border.border-opacity:hover { border-color: #343534; } .btn.btn-white-border, .btn.btn-white:active, .btn.btn-white:hover { background-color: transparent; border-color: var(--white-color); color: var(--white-color); } .btn-black.btn:disabled, .btn.btn-black, .btn.btn-black.btn.disabled, .cart-notification-buttons-wrapper .btn.disabled, .cart-notification-buttons-wrapper .btn:disabled, .form-wrap .contact .btn.disabled, .form-wrap .contact .btn:disabled, .product-summary .cart-btn:hover, .shop-collection-category-style-5 .collection-title a:hover .count, .shop-collection-category-style-5 .collection-title.active a .count, .shop-metro .product-box:hover .product-buttons-wrap a, .shop-metro .product-buttons-wrap a:hover, fieldset:disabled .btn { background-color: var(--dark-black); border-color: var(--dark-black); color: var(--white-color); } .btn-black:hover, .btn.btn-black:active { background-color: transparent; color: var(--white-color); border-color: var(--dark-black); } .btn.btn-custom { color: var(--custom-btn-text-color); background-color: var(--custom-btn-bg-color); border-color: var(--custom-btn-border-color); } .btn.btn-custom:active, .btn.btn-custom:hover { color: var(--custom-btn-text-hover-color); background-color: var(--custom-btn-bg-hover-color); border-color: var(--custom-btn-border-hover-color); } .btn.btn-white-border:active, .btn.btn-white-border:hover, .shop-standard .product-buttons-wrap a:hover { background-color: var(--white-color); color: var(--dark-black); border-color: var(--white-color); } .btn.btn-black-border { background-color: transparent; border-color: var(--dark-black); color: var(--dark-black); } .btn.btn-black-border:active, .btn.btn-black-border:hover, .google-maps-link a, .password-page-wrap form .btn, .product-box .btn-action .wishlist-btn.active, .product-box .btn-action a.active, .product-box .btn-action a[data-compare="view"], .product-box .product-buttons-wrap .wishlist-btn.active, .product-box .product-buttons-wrap a.active, .product-box .product-buttons-wrap a[data-compare="view"], .product-img-btn:hover, .product-summary .wishlist-btn.active, .quickview-wrapper .product-summary .cart-btn, .shop-box .product-box .btn-action .wishlist-btn.active, .shop-classic .product-buttons-wrap .wishlist-btn.active, .shop-classic .product-buttons-wrap .wishlist-btn:hover, .shop-classic .product-buttons-wrap a:hover, .shop-classic .product-buttons-wrap a[data-compare="view"], .shop-clean .product-box .btn-action .wishlist-btn.active, .shop-clean .product-buttons-wrap a:hover, .shop-clean .product-buttons-wrap button:hover, .shop-collection-category-style-1 .collection-item:hover .collection-content span, .shop-flat .product-buttons-wrap a:hover, .shop-flat .product-buttons-wrap button:hover, .shop-minimalist .product-box .btn-action .wishlist-btn.active, .shop-minimalist .product-box .btn-action .wishlist-btn:hover, .shop-minimalist .product-box .btn-action a:hover, .shop-minimalist .product-buttons-wrap a:hover, .shop-minimalist .product-buttons-wrap button:hover, .shop-standard .product-box .btn-action .wishlist-btn.active, .shopify-challenge__button, .sticky-addtocart .compare-btn[data-compare="view"], .sticky-addtocart .wishlist-btn.active { background-color: var(--dark-black); color: var(--white-color); border-color: var(--dark-black); } .btn.btn-base-color-border:active, .btn.btn-base-color-border:hover { background-color: var(--base-color); color: var(--white-color); border-color: var(--base-color); } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0; box-shadow: none; } .button i { margin-right: 7px; top: 1px; } .shopify-challenge__button { font-size: var(--font_size_minus3); padding: 10px 24px; border-radius: 4px; border-color: var(--dark-black); border: 2px solid transparent; margin: 30px auto 80px !important; } .shopify-challenge__button:hover { background-color: transparent; color: var(--dark-black); border-color: var(--dark-black); } .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_minus4); padding: 12px 24px; } .btn.btn-small { font-size: var(--font_size_minus3); padding: 10px 20px; } .btn.btn-very-small { font-size: var(--font_size_minus4); padding: 8px 16px; } .custom-html-widget ul li a, .custom-html-widget ul li a i, .marqee-news, .product-box .jdgm-widget, .product-box .spr-badge-starrating .spr-icon, .switcher-dropdown, .switcher-dropdown .label, .text-widget, .text-widget a { font-size: var(--font_size_minus3); } .btn.btn-link { padding: 0 0 2px !important; border: 0; border-bottom: 2px solid; letter-spacing: 0; background-color: transparent; border-radius: 0; box-shadow: none; } .btn .right-icon, .btn-link .right-icon { margin-left: 5px; transition: none; } .btn .left-icon, .btn-link .left-icon { margin-right: 7px; transition: none; } .btn i { vertical-align: middle; } .btn.btn-small i { vertical-align: initial; } .border-bt, .mini-header { border-bottom: 1px solid var(--extra-medium-gray); } .mini-header .row > div, .newsletter-model .model-bottom label, .product-box .loox-rating, .product-summary .rating-sku-wrap .product-sku, .testimonial-style-01 .designation, header .navbar-right .cart-notification a { line-height: normal; } .mini-header .container, .mini-header .container-fluid, .mini-header .w-100 { padding-top: 9px; padding-bottom: 9px; } .main-product-page > .w-100, .mini-header .w-100, .shop-banner-2.design-style-2 > .w-100 { padding-left: 15px; padding-right: 15px; } .mini-header select { width: auto; margin-bottom: 0; border: none; } .switcher-dropdown .label { cursor: pointer; display: flex; align-items: center; } .switcher-dropdown .label svg { margin-left: 7px; width: 11px; transition: 0.2s ease-in-out; } .switcher-dropdown ul { visibility: hidden; cursor: pointer; transition: 0.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, 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); } .language-form, .product-summary .rating-sku-wrap div:not(:last-child) { margin-right: 20px; } .switcher-dropdown ul li a { color: var(--dark-black); 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-black); } .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-black); } .text-widget a { margin-left: 5px; border-bottom: 1px solid; } .text-widget a i { margin-left: 4px; } .custom-html-widget ul li { display: inline-block; margin-left: 20px; } .custom-html-widget ul li a i { position: relative; margin-right: 5px; } .custom-html-widget ul li a, .top-banner-with-product .product-box .price-wrapper { display: flex; align-items: center; } .header-social ul li { margin-left: 15px; vertical-align: middle; } .client-logo-slider .swiper-button-next:hover, .client-logo-slider .swiper-button-prev:hover, .header-social ul li a:hover, .shop-box .product-box .product-card-form.sold-product .product-card-variant-option, .shop-box .product-box .product-card-form.sold-product .quantity, .social-icon-with-text li a:hover, .social-short-name li a:hover, .social-simple li a:hover { opacity: 0.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-black); transition: 0.3s cubic-bezier(0.12, 0, 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: 0.4s cubic-bezier(0.12, 0, 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, .lookbook-product-slider .pin-item.active:before, .magic-cursor-wrapper.dark #ball-cursor, .social-icon-only li .email span { background-color: var(--dark-black); } .social-icon-only.icon-medium li a { font-size: var(--font_size_plus6); width: 50px; height: 50px; } .social-wrapper.sticky-hidden { left: 0; opacity: 0; } .social-wrapper .social-icon-with-text li, .social-wrapper .social-short-name li { margin-left: 25px; } .social-icon-with-text li, .social-short-name li, .social-simple li { display: inline-block; list-style: none; margin-left: 12px; font-size: var(--font_size); font-weight: var(--font-weight-600); } .deal-products.deal-product-style-2 .deal-timer, .social-simple li { margin-left: 20px; } .product-footer .price-box .price-item, .product-footer .price-box .separator, .social-icon-with-text li a svg, .top-banner-with-product .product-box .price-item:not(:last-child) { margin-right: 8px; } .social-wrapper { position: fixed; top: 50%; left: 35px; z-index: 10; transform: rotate(-90deg) translate(-50%, 50%); transform-origin: 0 50%; transition: 0.3s cubic-bezier(0.7, 0, 0.3, 1); } .grid, .social-wrapper ul { list-style: none; padding: 0; margin: 0; } .hongo-overlay { opacity: 0.95; left: 0; top: 0; position: absolute; height: 100%; width: 100%; } .arrow_box, .bg-opacity-color { opacity: 0.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-black); 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: 0.3s cubic-bezier(0.12, 0, 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-black); padding: 5px 15px; text-transform: uppercase; border-radius: 12px; text-align: center; position: absolute; top: 25px; right: 25px; } .shop-grid.shop-grid-style-3 li { width: 30%; padding: 0; } .deal-products .product-box .product-image, .shop-grid.shop-grid-style-3 li.grid-item-double, .special-product .product-box .product-image { width: 40%; } .shop-grid.shop-grid-style-3 li .shop-grid-details .title { font-weight: var(--font-weight-600); margin-bottom: 22px; } .shop-grid.shop-grid-style-3 li.item-2 .shop-grid-details .title { font-size: var(--font_size_plus39); line-height: var(--font_size_plus36); } .shop-grid.shop-grid-style-3 li .shop-grid-details .small-title span { border-bottom: 1px solid; border-color: #1c1c1c; font-weight: var(--font-weight-500); } .shop-grid-style-3 .placeholder-item.grid-item-double .placeholder-img { width: 800px; height: 375px; max-width: 100%; max-height: 100%; } .shop-grid-style-3 .placeholder-item .placeholder-img { width: 576px; height: 750px; max-width: 100%; max-height: 100%; } .shop-grid.shop-grid-style-4 li.grid-content-column { width: 66.667%; } .shop-grid.shop-grid-style-4 li.grid-banner-column { width: 33.333%; } .cart-agreement p, .shop-grid.shop-grid-style-4 li.grid-item img, .wrapper-response p, .wrapper-response ul { margin: 0; } .shop-grid.shop-grid-style-4 .shop-grid-details .title { font-weight: var(--font-weight-600); letter-spacing: -1px; } .shop-grid.shop-grid-style-4 .shop-grid-details .small-title { font-weight: var(--font-weight-500); margin-bottom: 8px; } .shop-grid-style-4 .placeholder-item:first-child .placeholder-img { height: 483px; max-width: 100%; max-height: 100%; } .shop-grid-style-4 .placeholder-item .placeholder-img { height: 482px; max-width: 100%; max-height: 100%; } .shop-grid.shop-grid-style-5 .shop-grid-details .small-title { margin-bottom: 10px; color: var(--dark-black); } .shop-grid.shop-grid-style-5 .shop-grid-details .title { margin-bottom: 20px; letter-spacing: -1px; } .shop-grid.shop-grid-style-5 li.item-1 .shop-grid-details .title { font-size: var(--font_size_plus39); line-height: var(--font_size_plus39); } .deal-products.deal-product-style-2 .product-box .product-rating, .form-information .newsletter-msg, .shop-grid.shop-grid-style-5 li .shop-grid-details .btn, .shop-metro .product-box .btn-action, .shop-simple .product-box .btn-action { margin-top: 0; } .shop-grid-style-5 .placeholder-item.grid-item .placeholder-img { width: 480px; height: 600px; max-width: 100%; max-height: 100%; } .shop-grid-style-5 .placeholder-item.grid-item-double .placeholder-img { width: 952px; height: 600px; max-width: 100%; max-height: 100%; } .isotop-loading { height: 400px; } .quantity-error-wrap { content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(38, 38, 38, 0.7); z-index: 999; display: flex; justify-content: center; align-items: center; } .quantity-error-wrap .quantity-message { color: var(--red); margin-bottom: 20px; background-color: #fff5f4; padding: 15px; border-radius: 4px; display: flex; align-items: center; width: 90%; justify-content: center; font-size: 20px; max-width: 450px; } ul.gutter-very-small li.grid-item .res-image { margin-top: -2.5px; margin-bottom: -2.5px; } ul.gutter-small li.grid-item .res-image, ul.gutter-very-small li.grid-item.grid-item-double .res-image { margin-top: -5px; margin-bottom: -5px; } ul.gutter-large li.grid-item .res-image, ul.gutter-small li.grid-item.grid-item-double .res-image { margin-top: -10px; margin-bottom: -10px; } ul.gutter-medium li.grid-item .res-image { margin-top: -7.5px; margin-bottom: -7.5px; } ul.gutter-medium li.grid-item.grid-item-double .res-image { margin-top: -15px; margin-bottom: -15px; } ul.gutter-large li.grid-item.grid-item-double .res-image { margin-top: -20px; margin-bottom: -20px; } ul.gutter-extra-large li.grid-item .res-image { margin-top: -12.5px; margin-bottom: -12.5px; } ul.gutter-extra-large li.grid-item.grid-item-double .res-image { margin-top: -25px; margin-bottom: -25px; } .announcement-bar { padding: 4px 15px; color: var(--white-color); position: relative; } .announcement-bar a, .shop-simple .product-box .spr-badge-starrating .spr-icon { font-size: var(--font_size_minus4); } .shop-flat .product-box .spr-badge-starrating .spr-icon { font-size: var(--font_size_minus5); margin-right: 1px; } .close-announcement-bar { position: absolute; right: 10px; cursor: pointer; color: var(--white-color); z-index: 1; padding: 5px; } .announcement-bar p span { background-color: var(--base-color); line-height: normal; padding: 3px 10px; border-radius: 20px; font-size: 11px; margin-right: 7px; } .announcement-bar p a { font-size: var(--font_size_minus3); display: inline-block; line-height: var(--font_size_plus2); border-bottom: 1px solid; font-weight: var(--font-weight-500); } .mini-header .text-widget span { font-size: 11px; line-height: normal; font-weight: var(--font-weight-500); color: var(--white-color); background-color: #da3f3f; padding: 4px 11px; border-radius: 20px; margin-right: 7px; } .section-heading { font-size: var(--section-heading-size); line-height: var(--section-heading-line-height); margin-bottom: 10px; } .section-sub-heading { font-size: var(--section-sub-heading-size); line-height: var(--section-sub-heading-line-height); letter-spacing: var(--section-sub-heading-ls); color: var(--sub-heading-color); margin-bottom: 15px; } .section-heading span { position: relative; z-index: 1; font-weight: var(--font-weight-600); } .featured-products-with-banner .title-wrapper, .gift-card-heading .shop-name, .heading-wrapper, .pwd-page-logo { margin-bottom: 50px; } .very-small-screen { height: 200px; } .extra-small-screen { height: 250px; } .small-screen { height: 300px; } .medium-screen { height: 380px; } .large-screen { height: 550px; } .extra-large-screen { height: 700px; } .shop-banner-style-1 .shop-banner-sub-title { margin-bottom: 10px; letter-spacing: -5px; color: var(--dark-black); 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-black); 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-black); font-weight: var(--font-weight-500); display: inline-block; border-bottom: 2px Solid; margin-bottom: 20px; } .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-black); border-radius: 100%; margin-left: auto; flex-shrink: 0; transition: 0.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-black); 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-black); 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: 0.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-black); border-color: var(--dark-black); } .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-black); font-size: var(--font_size_plus2); transition-duration: 0.3s; } .client-logo a img { position: relative; top: 0; transition: 0.4s cubic-bezier(0.2, 0, 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, 0.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-black); 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-black); 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-black); 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: 15px; } .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: url('/cdn/shop/files/left_arow.svg?v=1721848847'); font-family: feather; position: relative; top: 4px; 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, 0.5); } .page-title-style-1 .description { color: var(--dark-black); max-width: 330px; margin-top: 10px; } .page-title-style-2 .description { color: var(--dark-black); line-height: var(--font_size_plus8); max-width: 300px; border-left: 1px solid rgba(0, 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, 0.5); } .page-title-style-3 .description { margin-top: 15px; color: var(--dark-black); } .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-black) 45%, var(--dark-black) 55%, transparent 0 ); background-image: linear-gradient( 135deg, transparent 45%, var(--dark-black) 45%, var(--dark-black) 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-product-slider .res-image, .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-black); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); background-color: var(--white-color); } .newsletter-with-video .newsletter-wrap input::placeholder { color: var(--dark-black); opacity: 0.8; } .newsletter-with-video .newsletter-wrap input::-webkit-input-placeholder { color: var(--dark-black); opacity: 0.8; } .newsletter-with-video .newsletter-wrap input:-ms-input-placeholder { color: var(--dark-black); opacity: 0.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, 0.2); line-height: normal; min-height: inherit; top: 50%; right: 25px; transform: translateY(-50%); } .newsletter-wrap .btn { color: var(--dark-black); background-color: transparent; border: 0; outline: 0; margin: 0; padding-right: 0; padding-left: 0; position: absolute; right: 1px; top: 6px; z-index: 4; min-height: 34px; width: auto; } .newsletter-wrap .btn i { margin-right: 6px; position: relative; top: -2px; transition: none; } .newsletter-msg { margin-top: 10px; } .form-information { background: #fff; width: 100%; max-width: 440px; padding: 70px 20px; border-radius: 5px; margin: 0 auto; } .newsletter-msg.success h6 { color: var(--green); font-size: var(--font_size); font-weight: var(--font-weight-400); letter-spacing: 0; } .hero-banner .rating-wrapper .simple-rating, .newsletter-msg.success i, .people-review .review-item .rating .simple-rating { margin-right: 4px; } .form-information .newsletter-msg h6 { font-size: var(--font_size_plus2); font-weight: var(--font-weight-400); margin-bottom: 0; text-align: center; } .deal-products .offer-text span, .discounts .discount-money, .form-information .newsletter-msg.error h6 { color: var(--red); } .form-information .newsletter-msg i { display: block; margin: 0 0 5px; font-size: var(--font_size_plus10); } .form-information .mfp-close { top: 0; right: 0; } .accordion-event .panel * { transition: 0.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-black); } .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%); } .pagination .page-numbers, .spr-pagination > div span { color: var(--dark-black); text-align: center; width: 42px; height: 42px; border-radius: 100%; margin: 0 4px; display: flex; align-items: center; justify-content: center; transition: 0.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, 0.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-black); font-weight: var(--font-weight-500); } .image-with-text-1 ul li p { margin-bottom: 0; width: 76%; } .image-with-text-1 .btn-wrapper, .image-with-text-3 .content .btn, .welcome-popup-main .popup-inner .welcome-popup-box .button-wrapper { margin-top: 35px; } .image-with-text-3 .content { padding-right: 8%; } .image-with-text-4 .content-wrap h3 { margin-bottom: 40px; width: 90%; } .image-with-text-4 .content-wrap .title .text-highlight:before, .mfp-ready ~ main .shop-modern .product-buttons-wrap, .mfp-ready ~ main .shop-simple .product-buttons-wrap, .mfp-ready ~ main .shop-standard .product-buttons-wrap { bottom: 0; } .image-with-text-4 .content-wrap .feature-box { margin-right: 25px; } .image-with-text-4 .content-wrap .feature-box i { font-size: var(--font_size_plus24); color: var(--base-color); } .image-with-text-4 .content-wrap .feature-text .block-title { font-size: var(--font_size_plus2); line-height: var(--font_size_plus11); color: var(--heading-color); font-weight: var(--font-weight-500); margin-bottom: 8px; } .image-with-text-4 .content-wrap .feature-text p { margin-bottom: 0; width: 80%; } .image-with-text-5 .content-block { padding-right: 40px; } .image-with-text-5 .content-sub-heading { letter-spacing: 1.5px; margin-bottom: 15px; } .image-with-text-5 .feature-icon { font-size: var(--font_size_plus5); display: flex; flex-shrink: 0; width: 65px; height: 65px; border-radius: 50%; margin-right: 17px; background-color: #f6eae2; } .image-with-text-5 .award-detail { margin-top: 90px; } .image-with-text-5 .awards-text { line-height: 25px; font-weight: var(--font-weight-500); color: var(--dark-black); max-width: 200px; text-align: left; } .image-with-text-5 .content-sub-title { font-size: var(--font_size_plus1); color: var(--dark-black); 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-7 .section-sub-heading { width: 80%; } .image-with-text-7 .poster-image { padding-top: 110px; } .image-with-text-7 .poster-image .rounded { position: absolute; top: 0; } .video-with-text .banner-left { margin: -50px -6.5vw 0 -7vw; position: relative; z-index: 1; } .video-with-text .video-icon { font-size: 30px; } .video-with-text .banner-right { margin-right: -7vw; padding: 12% 10% 12% 34%; overflow: visible; background-color: var(--base-color); } .popup-video { width: 100px; height: 100px; background-color: var(--white-color); box-shadow: 0 0 30px rgba(0, 0, 0, 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, 0.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); } .lookbook-product-slider .product-block, .video-with-text-2 .video-with-text-wrapper { padding: 50px 0; } .video-with-text-2 .section-heading { margin-bottom: 25px; width: 60%; } .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-black); 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-black); font-weight: var(--font-weight-500); margin-bottom: 10px; display: inline-block; } .contact-detail-wrap .social-icon > span { color: var(--dark-black); 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-black); position: absolute; top: 0; left: 0; } .contact-detail-wrap .contact-item > div { color: var(--dark-black); font-weight: var(--font-weight-500); line-height: normal; margin-bottom: 5px; } .checkout-sidebar .cart-footer, .contact-card .contact-content .map-link, .deal-products .title-style-1 .title-style-btn, .empty-mini-cart a, .feature-product-tab-style-2 .title-style-1 .title-style-btn, .form-wrap .contact .form-agreement, /* .product-summary .shopify-payment-button, */ .quickview-wrapper .product-summary .product-form, .shop-minimalist .product-footer .product-variants { margin-top: 15px; } .form-wrap .contact p { font-size: var(--font_size_minus2); line-height: var(--font_size_plus6); margin-bottom: 0; } .form-wrap .contact p a { border-bottom: 1px solid var(--dark-black); color: var(--dark-black); } .form-wrap .contact input, .form-wrap .contact textarea { border: none; border-bottom: 1px solid var(--extra-medium-gray); padding: 0 35px 10px 0; margin-bottom: 0; border-radius: 0; } .form-wrap .contact textarea { padding-top: 5px; } .form-wrap .contact input[type="checkbox"] { height: auto; width: auto; margin-right: 10px; padding: 0; } .form-wrap .contact button i { margin-left: 6px; margin-top: -3px; transition: none; } .form-wrap .contact .input-group .field-icon { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); margin-top: -5px; } .form-wrap .contact .input-group.form-textarea .field-icon { top: 26px; } .form-status-message i { position: absolute; left: 20px; top: 13px; font-size: var(--font_size_plus2); } .form-status-message { font-size: var(--font_size_minus3); padding: 12px 20px 12px 50px; color: #0f5132; background-color: #d1e7dd; border: 1px solid #badbcc; line-height: var(--font_size_plus3); position: relative; } .form-status-message:focus { outline: 0; box-shadow: none; } .shopify-challenge__message { color: var(--dark-black); 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-black); 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-black); 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-black); border-bottom: 1px solid; font-weight: var(--font-weight-500); } .contact-card .contact-content .map-link i { color: var(--dark-black); vertical-align: middle; } .contact-card .contact-content .map-link p { display: inline-block; color: var(--dark-black); 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-black); width: 0; transition: 0.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: 0.2; display: inline-block; border-radius: 100%; position: absolute; top: 0; left: 0; } .arrow_box span:first-child { animation: 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards markerWave; } .arrow_box span:first-child + span { animation: 1.5s cubic-bezier(0, 0, 0.2, 1) 0.45s infinite forwards markerWave; } .arrow_box span:last-child { opacity: 0.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: 0.8; } 20% { opacity: 0.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-black); 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, 0.08); } .gm-style .gm-style-iw-d { overflow: auto !important; } .gm-style .gm-style-iw-t::after { background: var(--dark-black); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08); } .gm-ui-hover-effect { opacity: 0.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-black); } .google-maps-link a { font-size: 11px; display: block; padding: 9px 15px 10px; } .main-page-content .table > :not(:last-child) > :last-child > * { font-weight: var(--font-weight-500); border-bottom: 1px solid var(--dark-black); } .main-page-content table td { border-color: var(--extra-medium-gray); color: var(--body-text-color); } .main-page-content ul { margin: 0 0 20px 20px; padding: 0 0 0 13px; list-style-position: outside; } .main-page-content ol { list-style: decimal; margin: 20px; padding: 0; } .main-page-content a { color: var(--dark-black); border-bottom: 1px solid var(--dark-black); } .cms-spacer { margin-bottom: 0; height: 20px; } .password-page-wrap { height: 100vh; background-position: center center; } .password-page-wrap form .btn { position: absolute; right: 0; top: 0; height: 100%; padding: 0 25px; font-size: var(--font_size_minus3); border-radius: 0 4px 4px 0; display: flex; align-items: center; justify-content: center; } .password-page-wrap form .btn svg { width: 15px; margin-right: 7px; margin-top: -2px; } .badge, .product-summary .product-title-wrapper .price .price__compare, .search-results-wrapper .quick-search-list li:not(:last-child), .shop-box .product-box .cart-btn i, .shop-modern .product-buttons-wrap > a:first-child i, .shop-modern .product-buttons-wrap > button:first-child i, .shop-simple .product-buttons-wrap a i, .shop-simple .product-buttons-wrap button i { margin-right: 5px; } .password-page-wrap form input { margin: 0; padding: 10px 170px 10px 25px; height: 55px; } .password-wrap form { margin-bottom: 50px; display: inline-block; width: 100%; } .page-404 h1 { font-size: 220px; line-height: 200px; margin-bottom: 0; } .page-404 .sub-title { color: var(--dark-black); margin-bottom: 40px; } .badge-wrap { position: absolute; top: 17px; left: 17px; } .badge { font-size: 10px; line-height: normal; font-weight: var(--font-weight-600); color: var(--sale-label-color); background-color: var(--sale-label-bg-color); padding: 4px 9px; text-transform: uppercase; border-radius: 2px; min-width: 44px; } .badge.new { color: var(--new-label-color); background-color: var(--new-label-bg-color); } .badge.sold-out, .shop-flat .badge.sold-out { color: var(--sold-out-label-color); background-color: var(--sold-out-label-bg-color); } .badge.pre-order { color: var(--pre-order-label-color); background-color: var(--pre-order-bg-color); } .wishlist-btn { border: none; background-color: transparent; } .wishlist-warning { padding: 100px 0; } .product-footer { /* padding: 20px 15px 25px; text-align: center; */ } .product-footer .product-title { color: var(--dark-black); 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-black); 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-black); opacity: 0.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: 0.4s; } .product-box .product-deal { box-shadow: 0 0 28px rgba(0, 0, 0, 0.08); } .product-box .box-inner:hover .product-deal { opacity: 0; transition-duration: 0.4s; bottom: -100px; } .product-box .spr-badge { line-height: 24px; display: flex; align-items: center; justify-content: center; } .product-box .loox-rating .loox-rating-content, .product-summary .loox-rating .loox-rating-content { gap: 1px; } .loox-rating .loox-icon, .product-box .loox-rating .loox-icon, .spr-icon-star-empty:before { color: #ffb800; } .product-box .spr-badge-caption { display: none; margin-left: 4px; } .product-box .product-hover { position: absolute; transition: transform 0.55s cubic-bezier(0.2, 0.75, 0.5, 1); transform: scale(0.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 0.55s cubic-bezier(0.2, 0.75, 0.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-black); } .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 0.8s, transform 1.1s cubic-bezier(0.15, 0.75, 0.5, 1); backface-visibility: hidden; transform: translateZ(0); transform: scale3d(1.1, 1.1, 1.1) translateZ(0); } .product-box .product-image:hover .hongo-alternate-image, .product-box-no-variant .product-box .box-inner:hover .product-image .hongo-alternate-image { opacity: 1; transform: translateZ(0); } .product-box .box-inner .product-variants .variant-option .text-swatch { font-size: 11px; } .product-box .btn-action .wishlist-btn.active i, .product-box .btn-action a.active i, .product-box .product-buttons-wrap .wishlist-btn.active i, .product-box .product-buttons-wrap a.active i { font-weight: var(--font-weight-400); color: var(--white-color); } .product-box .btn-action { z-index: 10; } .product-box .btn-action .wishlist-btn.active i, .product-summary .wishlist-btn.active i, .sticky-addtocart .wishlist-btn.active i, .welcome-popup-main .popup-inner .welcome-popup-box .popup-close span { font-weight: 400; } .product-box .btn-action .wishlist-btn span, .product-box .btn-action a span, .shop-minimalist .product-box .btn-action .wishlist-btn > span, .shop-minimalist .product-box .btn-action a > span { line-height: 0; } .shop-box .product-box .btn-action .wishlist-btn, .shop-box .product-box .btn-action a, .shop-clean .product-box .btn-action .wishlist-btn, .shop-clean .product-box .btn-action a, .shop-metro .product-box .btn-action .wishlist-btn, .shop-metro .product-box .btn-action a, .shop-minimalist .product-box .btn-action .wishlist-btn, .shop-minimalist .product-box .btn-action a, .shop-modern .product-box .btn-action .wishlist-btn, .shop-modern .product-box .btn-action a, .shop-simple .product-box .btn-action .wishlist-btn, .shop-simple .product-box .btn-action a, .shop-standard .product-box .btn-action .wishlist-btn, .shop-standard .product-box .btn-action a { background-color: var(--white-color); color: var(--dark-black); 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, 0.2); } .lookbook .product-rating, .shop-box .product-box .btn-action .wishlist-btn, .shop-box .product-box .btn-action a, .shop-clean .product-box .btn-action .wishlist-btn, .shop-metro .product-box .btn-action .wishlist-btn, .shop-simple .product-box .btn-action .wishlist-btn, .shop-standard .product-box .btn-action .wishlist-btn { margin-bottom: 8px; } .shop-minimalist .product-box .btn-action, .shop-modern .product-box .btn-action, .shop-simple .product-box .btn-action, .shop-standard .product-box .btn-action { position: absolute; right: 0; top: 17px; opacity: 0; z-index: 10; visibility: hidden; transition: 0.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, 0.2); font-size: var(--font_size_minus2); line-height: 26px; color: var(--white-color); background-color: var(--dark-black); 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: 0.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: 0.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 0.55s, background 0.55s cubic-bezier(0.2, 0.75, 0.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 0.55s cubic-bezier(0.2, 0.75, 0.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-black); 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: 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.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, 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-black); 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: 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out, margin-top 0.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.2s, 0.2s; } .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.3s, 0.3s; } .categorie-list-style-1 .categorie-box:last-child, .shop-flat .product-buttons-wrap a:last-child, .shop-flat .product-buttons-wrap button:last-child, .shop-simple .product-buttons-wrap a:last-child, .shop-simple .product-buttons-wrap button:last-child { border-right: 0; } .shop-flat .product-buttons-wrap a span, .shop-flat .product-buttons-wrap button span { bottom: 0; line-height: 0; } .shop-flat .badge { font-weight: var(--font-weight-700); border-radius: 0; box-shadow: 1px 1px 0 var(--sale-label-color); border: 1px solid var(--sale-label-color); } .shop-flat .badge.new { box-shadow: 1px 1px 0 var(--new-label-color); border: 1px solid var(--new-label-color); } .shop-flat .product-box .box-inner:hover .product-hover { background-color: #fff; } .shop-clean .product-box .spr-badge-starrating .spr-icon { color: var(--dark-black) !important; font-size: var(--font_size_minus4); } .shop-box .product-box .product-card-form .product-card-variant-option, .shop-box .product-box .product-card-form .quantity-input { color: var(--body-text-color); background-color: var(--white-color); font-size: var(--font_size_minus2); height: 40px; } .shop-clean .product-box .spr-icon.spr-icon-star-empty:before { content: "\e800"; color: var(--dark-black); opacity: 0.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: 0.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 0.45s, transform 0.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 0.4s, transform 0.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-black); 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, 0.3); transition: 0.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, 0.1); } .shop-box .product-box .btn-action .btn-animation, .shop-clean .product-box .btn-action .btn-animation { transform: translate(5px); transition: 0.3s; opacity: 0; visibility: hidden; } .shop-box .product-box .btn-action .btn-animation:nth-child(2), .shop-clean .product-box .btn-action .btn-animation:nth-child(2) { transform: translate(20px); transition: 0.4s; } .shop-box .product-box .btn-action .btn-animation:nth-child(3), .shop-clean .product-box .btn-action .btn-animation:nth-child(3) { transform: translate(30px); transition: 0.45s; } .shop-box .product-box .btn-action .btn-animation:nth-child(4), .shop-clean .product-box .btn-action .btn-animation:nth-child(4) { transform: translate(40px); transition: 0.5s; } .shop-box .product-box .box-inner:hover .btn-action .btn-animation, .shop-clean .product-box .box-inner:hover .btn-action .btn-animation { opacity: 1; visibility: visible; transform: translate(0); } .shop-clean .product-box .product-image img { transition: 0.4s cubic-bezier(0.37, 0, 0.63, 1); } .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: 0.4s ease-in-out; box-shadow: 0 0 40px rgba(0, 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, 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, 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: -0.3px; bottom: 0; text-transform: none; } .shop-modern .swiper-slide.product-box .product-image { box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.08); } .shop-modern .product-box .product-buttons-wrap .wishlist-btn.active { background-color: var(--dark-black) !important; color: var(--white-color) !important; border-color: var(--dark-black); } .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: 0.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: 0.3s ease-in-out; width: calc(100% - 30px); box-shadow: 0 0 30px rgba(0, 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, 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, 0.15); } .shop-minimalist .product-box .box-inner .btn-action > * { transition: 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.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: 0.4s ease-in-out; } .shop-simple .product-buttons-wrap a, .shop-simple .product-buttons-wrap button { font-size: 14px; text-align: center; color: var(--dark-black); 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: 0.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: 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.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, 0.1); border-radius: 100%; color: var(--dark-black); display: flex; align-items: center; justify-content: center; } */ .shop-metro .product-box .box-inner { height: 100%; /* border: 1px solid rgba(0, 0, 0, 0.1); */ /* border-radius: 8px; overflow: hidden; */ transition: 0.4s ease-in-out; } /* .shop-metro .product-box .box-inner:hover { box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); border-color: #fff; } */ .shop-metro .product-box .product-footer { /* border-top: 1px solid rgba(0, 0, 0, 0.1); */ /* padding: 17px 30px 25px; */ background-color: var(--section_bg); 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: 0.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-black); position: absolute; z-index: 3; top: 17px; right: 17px; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: 0.3s ease-in-out; opacity: 0; visibility: hidden; } .shop-box .product-box .product-footer { text-align: left; padding: 25px 30px; background-image: linear-gradient( to bottom, #f7f7f7, #f7f7f7, #fcfafa, #fff, #fff ); } .cart-notification-ymal .product-box .product-variants .product-filter, .cart-notification-ymal .product-footer .spr-badge, .shop-box .product-box .spr-badge, .shop-simple .product-box .spr-badge, .special-product .product-box .product-rating .spr-badge, .top-banner-with-product .product-box .spr-badge { justify-content: flex-start; } .shop-box .product-box .product-vendor { font-size: var(--font_size_minus1); line-height: var(--font_size_plus3); } .image-with-faq-style-1 .accordion-event .panel .panel-heading i, .lookbook-product-slider .product-footer .product-title, .minisearch-popup .search-form-wrapper button i, .shop-box .product-footer .product-title { font-size: var(--font_size_plus2); } .shop-box .product-box .product-card-form { margin-top: 15px; display: block; } .shop-box .product-box .product-footer .price-box .price-item.regular-price, .shop-box .product-box .product-footer .price-box .price-item.special-price, .top-banner-with-product .product-box .regular-price, .top-banner-with-product .product-box .special-price { font-size: var(--font_size_plus4); color: var(--base-color); font-family: var(--alt-font); font-weight: var(--font-weight-500); letter-spacing: -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 { margin-bottom: 0; padding: 0 30px 0 14px; width: 100%; background-size: 11px; } .shop-box .product-box .product-card-form .variant-select { margin-bottom: 5px; flex: 1 0 0%; padding: 0 5px; } .shop-box .product-box .product-card-form .quantity-button { font-size: var(--font_size_minus1); font-weight: var(--font-weight-700); height: 40px; color: var(--dark-black); 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: 0.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: 0.3s ease-in-out; } .shop-box .product-box .product-card-form .product-buttons-wrap a span { font-size: var(--font_size_minus3); color: var(--white-color); bottom: 0; transition: 0.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: 0.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; } .cart-notification-ymal .product-variants, .shop-simple .product-box .product-rating { margin-bottom: 0; margin-top: 5px; } .shop-simple .product-box .product-footer .product-type { font-size: var(--font_size_minus1); line-height: var(--font_size_plus4); margin-top: 2px; display: block; } .cart-notification-ymal .swatches-hover .color-bg:after, .cart-notification-ymal .swatches-hover input[type="radio"] + label .color-bg:after, .cart-notification-ymal .swatches-hover.selected .color-bg:after, .cart-notification-ymal .swatches-hover.selected .null-bg:after, .cart-notification-ymal .swatches-hover:hover .color-bg:after, .shop-simple .product-box .color-bg, .shop-simple .product-box .null-bg { width: 15px; height: 15px; } .shop-simple .product-box .swatches-hover .color-bg:after, .shop-simple .product-box .swatches-hover .null-bg:after { width: 13px; height: 13px; border-width: 1px; } .shop-simple .product-deal { bottom: auto !important; top: 15px; left: 15px; transition-duration: 0.4s; width: calc(100% - 30px); } .color-bg, .null-bg { width: 20px; height: 20px; border-radius: 100%; transition: 0.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: 0.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, 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, 0.2); } .product-summary .swatches-hover input[type="radio"]:checked + label .color-white:after, .product-summary .swatches-hover input[type="radio"]:checked + label .null-bg:after, .product-summary .swatches-hover[data-option-name="White"] input[type="radio"]:checked + label .color-bg:after, .product-summary .swatches-hover[data-option-name="White"] input[type="radio"]:checked + label .null-bg:after, .swatches-hover.selected .color-white:after, .swatches-hover.selected .null-bg:after, .swatches-hover:hover .color-white:after, .swatches-hover:hover .null-bg:after, .swatches-hover[data-option-name="White"].selected .color-bg:after, .swatches-hover[data-option-name="White"].selected .null-bg:after, .swatches-hover[data-option-name="White"]:hover .color-bg:after, .swatches-hover[data-option-name="White"]:hover .null-bg:after { left: 0; top: 0; } .product-box .box-inner .product-variants .size-filter .variant-option label, .product-summary .swatches-hover .color-bg:after, .product-summary .swatches-hover .null-bg:after, .product-summary .swatches-hover input[type="radio"] + label .color-bg:after, .product-summary .swatches-hover input[type="radio"] + label .null-bg:after { width: 30px; height: 30px; } .null-bg { border: 1px solid var(--base-color); } .product-variants .variant-option .text-swatch { font-size: 13px; line-height: normal; text-transform: uppercase; border: 1px solid var(--extra-medium-gray); padding: 5px 10px; border-radius: 4px; cursor: pointer; font-weight: 500; } .material-filter .variant-option input:checked + label .text-swatch { border: 1px solid rgba(0, 0, 0, 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(0.19, 1, 0.22, 1), visibility 1s cubic-bezier(0.19, 1, 0.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-black); display: inline-block; font-weight: var(--font-weight-500); line-height: normal; } .minisearch-popup .search-form-wrapper button { color: var(--search-icon-color); font-weight: var(--font-weight-600); border: none; background-color: transparent; padding: 0 10px; position: absolute; right: 0; height: 100%; top: 0; display: flex; align-items: center; } .minisearch-popup .search-close { font-size: 0; color: var(--dark-black); width: 44px; height: 44px; line-height: 44px; position: absolute; z-index: 1046; opacity: 1; right: 15px; top: 15px; cursor: pointer; webkit-user-select: none; -moz-user-select: none; user-select: none; text-align: center; } .header-layout-style-1 .minisearch-popup .search-form-wrapper input[type="text"] { margin-bottom: 0; border: 1px solid #232323; padding: 10px 38px 10px 30px; font-size: var(--font_size_plus2); color: var(--search-input-text-color); background-color: var(--search-input-bg-color); border-radius: 60px; } .header-layout-style-1 .minisearch-popup .search-form-wrapper button { right: 10px; } .search-overlay { top: 0; left: 0; width: 100%; height: 100vh; z-index: 1042; overflow: hidden; position: fixed; background: var(--dark-black); opacity: 0; transition: 1s cubic-bezier(0.19, 1, 0.22, 1); } .active-search .search-overlay { opacity: 0.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-black); opacity: 0.7; } .search-result { margin-bottom: 30px; overflow: hidden; flex-wrap: nowrap; } .search-result .no-result { width: 100%; margin-top: 20px; color: var(--dark-black); } .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; } .search-results-wrapper .quick-search .quick-search-title, .wrapper-brands .brands-list-code li.disable a { color: var(--body-text-color); font-weight: var(--font-weight-400); } .search-results-wrapper .quick-search-list { color: var(--dark-black); font-weight: var(--font-weight-400); margin-left: 10px; } .magic-cursor-wrapper { position: absolute; left: 0; top: 0; width: 30px; height: 30px; pointer-events: none; z-index: 10000; transition: opacity 0.2s ease-in-out 0.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, 0.25); border-radius: 100%; opacity: 0 !important; overflow: hidden; transition: opacity 0.3s ease-in-out 0.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: 0.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, 0.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-black); top: -4px; left: -4px; } .scroll-progress .scroll-text { transform: rotate(180deg); writing-mode: vertical-lr; margin-bottom: 15px; color: var(--dark-black); 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, 0.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-black); 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 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.5s cubic-bezier(0.645, 0.045, 0.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, 0.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-black); border-radius: 100px; box-shadow: 0 0 25px rgba(23, 23, 23, 0.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-black); cursor: pointer;} .free-shipping-goal-section { padding: 30px 40px 20px; } .cart-goal-msg { line-height: var(--font_size_plus4); color: var(--dark-black); 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-black); 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, 0.1); } .cart-items .product-thumbnail img { border: 1px solid rgba(0, 0, 0, 0.1); } .discounts i { margin-right: 6px; } .cart-notification-products { padding: 40px 40px 30px; flex: 1; } .mini-cart-wrapper { overscroll-behavior: contain; overflow-y: auto; } .mini-cart-wrapper::-webkit-scrollbar { width: 4px; } .mini-cart-wrapper::-webkit-scrollbar-thumb { background: #cdcdcd; } .mini-cart-wrapper::-webkit-scrollbar-thumb:hover { background: #8b8b8b; } .cart-product-info .product-option:not(:first-child):before { content: "/"; font-size: var(--font_size_minus2); margin: 0 5px; line-height: var(--font_size_minus2); } .cart-product-info .product-name { margin-bottom: 5px; display: inline-block; padding-right: 15px; } .cart-product-info .remove { font-size: 18px; line-height: 20px; margin-top: 3px; flex-shrink: 0; } .cart-product-info .quantity-wrap { margin-top: 19px; } .cart-product-info .quantity-input, .image-with-countdown .deal-timer .counter-box, .shop-collection-category-style-3 .row > .col, .testimonial-with-banner .testimonial-content.text-center .slide-content-inner { padding: 0 25px; } .cart-product-info .quantity-button, .cart-product-info .quantity-input { font-size: inherit; line-height: normal; height: 33px; } .cart-product-info .quantity, .quantity.qty-small { width: 85px; } .cart-product-info .quantity-button, .qty-small .quantity-button { width: 35px; } .empty-mini-cart { padding: 25px; text-align: center; font-size: var(--font_size_plus2); margin: auto 0; } .empty-mini-cart i { font-size: var(--font_size_plus20); margin-bottom: 15px; } .cart-agreement { margin-bottom: 20px; font-size: var(--font_size_minus2); } .cart-agreement input[type="checkbox"] { flex: 0 0 15px; height: 15px; margin: 2px 10px 0 0; border: 1px solid red; cursor: pointer; padding: 0; width: auto; } .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, 0.1); vertical-align: middle; } .cart-notification-ymal .product-image > a { position: static !important; } .cart-notification-ymal .product-footer { width: calc(100% - 170px); display: inline-block; vertical-align: middle; padding: 0; text-align: left; } .cart-notification-ymal .cart-notification-navigation .swiper-button-next, .cart-notification-ymal .cart-notification-navigation .swiper-button-prev { border: 1px solid rgba(0, 0, 0, 0.15); width: 30px; height: 30px; border-radius: 100%; margin: 0; z-index: inherit; } .cart-notification-ymal .cart-notification-navigation .swiper-button-next svg, .cart-notification-ymal .cart-notification-navigation .swiper-button-prev svg { width: 7px; } .cart-notification-ymal .cart-notification-navigation .swiper-button-prev { margin-right: 5px !important; } .mini-cart-bottom { padding: 25px 40px; background-color: var(--very-light-gray); } .cart-notification-addons .addon-btn { font-size: 14px; flex: 1; } .cart-notification-addons .addon-btn:not(:last-child):after { content: ""; height: 30px; width: 1px; background-color: var(--extra-medium-gray); position: absolute; right: 0; } .cart-notification-addons .addon-icon i { font-size: var(--font_size_plus5); margin-bottom: 6px; } .cart-notification-addons .addon-content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 40px 50px; background-color: #fff; box-shadow: 20px 0 20px rgba(0, 0, 0, 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-black); font-weight: var(--font-weight-500); margin-bottom: 25px; } .cart-notification-addons .addon-action .btn-cancel { color: var(--dark-black); 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-black); 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, 0.9); position: absolute; opacity: 0; visibility: hidden; transition: 0.25s; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; } .mini-cart-overlay.open { visibility: visible; opacity: 1; } .author-product .author-box .rating, .cart-notification-ymal .product-footer .product-title, .image-with-product .section-sub-heading, .lookbook.lookbook-with-video .product-rating, .product-variants .product-filter .form-label, .special-product .product-box .product-rating { margin-bottom: 5px; } .cart-notification-ymal .color-bg, .cart-notification-ymal .null-bg { width: 17px; height: 17px; } .cart-notification-ymal .product-footer .price-box, .special-product .product-content .price-box { font-size: var(--font_size_minus1); margin-bottom: 0; } .cart-notification-ymal .product-footer .price-wrapper { justify-content: start; } .mini-cart-progress { height: 4px; width: 0; background-color: rgba(38, 38, 38, 0.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, 0.7); z-index: 1; } .wrapper-response { border-radius: 4px; padding: 20px 25px; font-size: var(--font_size_minus4); margin-top: 5px; } .wrapper-response:not(.error) { background: #fff3cd; } .wrapper-response.error { background-color: #f9dfe1; display: flex; } .checkout-sidebar .error { color: var(--red); font-size: var(--font_size_minus3); line-height: var(--font_size_plus4); position: relative; padding: 15px 20px; } .checkout-sidebar .error:before { content: "\F332"; display: inline-block; font-family: bootstrap-icons !important; font-weight: 400 !important; text-transform: none; line-height: 1; margin-right: 8px; margin-top: 4px; } .checkout-sidebar #wrapper-response strong, .checkout-sidebar .wrapper-response strong { font-weight: var(--font-weight-400); color: var(--dark-black); line-height: var(--font_size_plus4); display: inline-block; margin-bottom: 5px; } .checkout-sidebar .shipping-rates { list-style: none; color: var(--dark-black); font-size: var(--font_size_minus2); font-weight: var(--font-weight-500); line-height: var(--font_size_plus8); } .checkout-sidebar .cart-footer .discounts { margin-bottom: 5px; font-size: var(--font_size); } .checkout-sidebar .cart-footer .cart-subtotal, .image-with-faq-style-1 .accordion-event .panel .panel-heading { font-size: var(--font_size_plus4); } .checkout-sidebar .field-wrap .field { width: 48%; } .product-image-main [data-media-type="image"] .product-media:hover { cursor: crosshair; } .product-gallery .product-main-slider { width: calc(100% - 129px); position: relative; } .product-image-main .preview-image { bottom: 0; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; right: 0; top: 0; width: 100%; } .product-image-main .media-model { padding-top: 100%; } .product-image-main .shopify-model-viewer-ui { position: absolute; display: inline-block; cursor: pointer; top: 0; height: 100%; width: 100%; } .product-image-main .shopify-model-viewer-ui model-viewer { width: 100%; height: 100%; } .product .swiper-button-next, .product .swiper-button-prev { color: var(--dark-black); 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: 0.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, 0.1); } .product .product-image-main .swiper-button-next svg, .product .product-image-main .swiper-button-prev svg { width: 9px !important; } .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-black) !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 0.2s, color 0.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-black); margin-bottom: 1rem; } .product .price .price__compare { font-size: var(--font_size_plus3); color: var(--body-text-color); font-weight: var(--font-weight-400); margin-left: 5px; } .product .price .save-lable.badge { font-size: 11px; border-radius: 15px; padding: 5px 15px; } .product-img-btn { font-size: 13px; color: var(--dark-black); 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, 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: 0.4; margin-top: 7px; } .product-summary .product-deal .counter-box span { font-size: 12px; color: var(--dark-black); } .product-summary .product-title-wrapper .price { font-size: var(--font_size); color: var(--dark-black); } .product-summary .product-rating { text-align: right; line-height: normal; cursor: pointer; } .product-summary .rating-sku-wrap { font-size: var(--font_size_minus1); margin-bottom: 15px; margin-top: 5px; } .product-summary .product-rating .spr-badge-caption { margin-left: 5px; text-transform: capitalize; vertical-align: middle; } .product-summary .spr-badge-starrating .spr-icon { font-size: var(--font_size_minus2); margin-right: 0; } .product-summary .stock-label { border: 1px solid var(--green); padding: 4px 12px; border-radius: 3px; text-transform: uppercase; font-size: 11px; color: var(--green); font-weight: var(--font-weight-500); } .product-summary .loox-rating svg.loox-icon { width: 1.1em; height: 1.1em; } .product-summary .stock-label.unavailable { border-color: var(--red); color: var(--red); } .product-summary .stock-label.pre-order { border-color: #eb8541; color: #eb8541; } .product-summary .product-info-overview { margin-bottom: 25px; line-height: var(--font_size_plus12); } .product-summary .product-form__input--dropdown { display: flex; margin-bottom: 25px; align-items: center; } .product-summary .product-variants .form-label { min-width: 70px; color: var(--dark-black); } .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-black); } .product-summary .cart-btn { line-height: var(--font_size_minus2); font-weight: var(--font-weight-500); color: var(--dark-black); background-color: transparent; width: 100%; padding: 5px 15px; border: 1px solid var(--dark-black); box-shadow: none; outline: 0; border-radius: 4px; height: 45px; transition: 0.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-black); font-weight: var(--font-weight-500); margin-bottom: 10px; } .product-summary .product-form-buttons { margin-bottom: 1rem; } .product-summary .disabled-btn .cart-btn { background-color: #909090; border-color: #909090; color: var(--white-color); opacity: 0.6; } .product-summary .wishlist-btn { color: var(--dark-black); 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: 15px; display: block; } .product-summary .color-filter input[type="radio"]:checked .color-white:after, .product-summary .color-filter input[type="radio"]:checked + .null-bg:after, .product-summary .color-filter input[type="radio"]:checked[value="White"] + .null-bg:after, .product-summary .color-filter:hover .color-white:after, .product-summary .color-filter:hover .null-bg:after, .product-summary .color-filter:hover [value="White"] + .null-bg:after { color: var(--base-color); } .product-summary .product-form .product-form__error-message-wrapper .icon { width: 22px; height: 22px; margin-right: 6px; flex-shrink: 0; } .product-summary .product-rating .jdgm-widget .jdgm-prev-badge__stars { letter-spacing: -2px; } .product-summary .product-rating .jdgm-widget .jdgm-prev-badge__text { margin-left: 5px; } .quantity-button { width: 40px; height: 50px; border: 0; padding: 0; margin: 0; position: absolute; top: 0; background-color: transparent; color: var(--body-text-color); font-size: var(--font_size_minus2); } .quantity { position: relative; display: inline-block; vertical-align: middle; width: 100px; } .quantity-input { margin: 0; padding: 0 30px; line-height: var(--font_size_plus34); height: 50px; outline: 0; border-radius: 4px; text-align: center; } .quantity input[type="number"]::-webkit-inner-spin-button, .quantity input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; margin: 0; } .quantity input[type="number"] { -webkit-appearance: textfield !important; -moz-appearance: textfield !important; } .qty-small .quantity-button, .qty-small .quantity-input { line-height: var(--font_size_plus17); height: 35px; font-size: inherit; top: 0; } .spr-badge-starrating { margin: 0 !important; } .shopify-payment-button .shopify-payment-button__button--unbranded { line-height: var(--font_size_minus2); font-family: var(--alt-font); font-weight: var(--font-weight-500); background-color: var(--dark-black); 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-black); color: #fff; } .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: 0.6; } .disabled-btn .shopify-payment-button .shopify-payment-button__button--unbranded { background-color: #909090; border-color: #909090; color: var(--white-color); opacity: 0.6; } .cart-btn i { margin-right: 7px; line-height: 14px; } .product-variants .form-label { width: 80px; color: var(--dark-black); 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-black); } .product-variants .variant-option img { border-radius: 100%; border: 1px solid var(--extra-medium-gray); transition: 0.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: 0.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: 0.5; cursor: no-drop; background: 0 0 !important; color: var(--dark-black) !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: 0.5; cursor: no-drop; } .product-variants .variant-option .soldout-opt ~ label span, .product-variants .variant-option .unavailable-opt ~ label span { color: var(--dark-black) !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-black); display: inline-block; position: absolute; transform: rotate(45deg); top: 50%; left: 0; opacity: 0.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-black); color: var(--white-color); background-color: var(--dark-black); } @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, 0.2); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; transition: 0.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-black); 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-black); font-size: var(--font_size_minus1); font-weight: var(--font-weight-500); line-height: var(--font_size_plus2); margin-bottom: 5px; } .recent-bought-content .bought-time { font-size: var(--font_size_minus4); line-height: var(--font_size_plus2); } .quickview-wrapper { width: 1000px; margin: 0 auto; max-height: 680px; height: 75vh; overflow: auto; } .quickview-wrapper .product-gallery { padding-right: 0; } .product-quickview-popup .product-media img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .product-quickview-popup .product-summary { padding: 45px 60px; position: absolute; right: 0; top: 0; overflow: hidden; overflow-y: auto; height: 100%; } .product-quickview-popup .product-summary::-webkit-scrollbar { width: 6px; } .product-quickview-popup .product-summary::-webkit-scrollbar-thumb { background: #cdcdcd; } .product-quickview-popup .product-summary::-webkit-scrollbar-thumb:hover { background: #8b8b8b; } .product-quickview-popup .product-image-main:hover { cursor: default; } .product-quickview-popup .link-btn { font-size: var(--font_size_minus2); line-height: var(--font_size_plus2); font-weight: var(--font-weight-500); color: var(--dark-black); 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-black); } .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, 0.12); } .testimonial-style-01 .title { font-size: var(--font_size_plus1); color: var(--dark-black); 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-black); font-weight: var(--font-weight-500); display: block; } .people-review .review-item .author-name, .testimonial-slider-bottom-text, .testimonial-trust-content, .testimonial-with-banner .rating .total-rating, .testimonial-with-banner .testimonial-content .author-name { font-weight: var(--font-weight-600); color: var(--dark-black); } .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, 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: 0.1; letter-spacing: -9px; } .testimonial-slider-bottom-text.text-outline { -webkit-text-stroke-color: var(--dark-black); } .people-review .swiper-button-next, .people-review .swiper-button-prev, .testimonial-slider .swiper-button-next, .testimonial-slider .swiper-button-prev { /* font-size: var(--font_size_plus7); line-height: 10px; color: var(--dark-black); position: static; display: inline-block; height: auto; width: auto; margin: 0; */ } .testimonial-slider .swiper-button-next { /* border-left: 1px solid rgba(27, 33, 31, 0.2); */ /* padding-left: 20px; */ } .testimonial-slider .swiper { overflow: visible; } .testimonial-with-banner .row:not(.flex-row-reverse) .testimonial-content .swiper { margin-left: 75px; } .testimonial-with-banner .row.flex-row-reverse .testimonial-content .swiper { margin-right: 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-black); font-size: var(--font_size); line-height: normal; letter-spacing: 1px; } .testimonial-with-banner .rating .total-rating { margin-left: 5px; font-size: var(--font_size_minus2); line-height: var(--font_size_minus2); } .hero-banner .rating-wrapper .fill-rating, .people-review .review-item .rating .fill-rating, .rating .fill-rating, .testimonial-tabs .rating .fill-rating, .testimonial-with-banner .rating .fill-rating { position: absolute; left: 0; top: 0; display: flex; overflow: hidden; } .testimonial-with-banner .testimonial-content h6 { font-size: var(--font_size_plus10); line-height: var(--font_size_plus22); font-weight: var(--font-weight-400); letter-spacing: -0.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-black); 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-black); border: 1px solid var(--dark-black); } .testimonial-with-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var(--dark-black); 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, 0.7)), to(transparent) ); background-image: linear-gradient( to top, rgba(32, 35, 41, 0.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-black); border-bottom: 1px solid var(--dark-black); 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: 0.2; } .video-icon-box { z-index: 1; box-shadow: 0 0 30px rgb(0 0 0 / 8%); transition: 350ms cubic-bezier(0.37, 0, 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-black); 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: 0.9; width: 150px; height: 150px; } .video-icon-box .video-icon i { margin-left: 5px; color: var(--dark-black); } @-webkit-keyframes video-icon-sonar { 0% { opacity: 1; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.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(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.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-black); margin-bottom: 18px; } .counter-style-1 .counter-box .counter-number-wrap { color: var(--dark-black); 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 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; transition: transform 0.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-black); font-weight: var(--font-weight-600); display: inline-block; position: relative; margin-top: 15px; line-height: normal; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.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: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.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-black); font-size: var(--font_size_plus14); box-shadow: 0 0 15px var(--dark-black); } .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: 0.3s ease-in-out; opacity: 0; visibility: hidden; box-shadow: 0 0 17px rgb(0, 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-black); transition: 0.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: 0.5; z-index: 0; } .lookbook .pin-item > span { color: var(--dark-black); font-size: 19px; display: flex; align-items: center; justify-content: center; text-align: center; transition: 0.2s ease-in-out; cursor: pointer; will-change: transform; box-shadow: 0 0 20px rgba(0, 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 0.3s 0.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, 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: 0.3; } @keyframes hotspot-icon { 0% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); } 50% { opacity: 0.4; } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes hotspot-icon { 0% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); } 50% { opacity: 0.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, 0.05); } .lookbook.lookbook-with-video .product-footer { padding: 20px 15px 25px; } .lookbook-product-slider .lookbook-slider { max-width: 50%; width: 100%; margin: 0 auto; } .lookbook-product-slider .pin-item { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 26px; color: var(--dark-black); transition: 0.2s ease-in-out; cursor: pointer; } .lookbook-product-slider .pin-item:before { content: ""; background-color: var(--white-color); border-radius: 100%; width: 100%; height: 100%; position: absolute; z-index: 1; transition: 0.2s ease-in-out; } .lookbook-product-slider .pin-item:after { content: ""; position: absolute; 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: 0.3; z-index: 0; width: 64px; height: 64px; transition: 0.2s ease-in-out; } .lookbook-product-slider .pin-item i { color: var(--dark-black); position: absolute; z-index: 1; transition: 0.2s ease-in-out; display: flex; } .image-with-product .swiper-button-next, .image-with-product .swiper-button-prev { font-size: 26px; color: var(--dark-black); opacity: 0; } .image-with-product .product-box:hover .swiper-button-next, .image-with-product .product-box:hover .swiper-button-prev { opacity: 0.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-black); display: inline-block; background-color: transparent; border: 0; border-radius: 0; padding: 0; opacity: 0.5; transition: 0.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-black); transform-origin: 100% 50%; transform: scale3d(0, 1, 1); transition: transform 0.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-black); background-color: transparent; border: 1px solid var(--extra-medium-gray); padding: 9px 18px; border-radius: 26px; transition: 0.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: 0.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: 0.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-black); } .testimonial-tabs .tab-content .title span { display: inline-block; padding-bottom: 2px; } .testimonial-classic .author-content { font-size: var(--font_size_plus3); line-height: var(--font_size_plus7); font-weight: var(--font-weight-500); color: var(--dark-black); margin-bottom: 10px; } .testimonial-classic .testimonial-classic-title { font-size: var(--font_size_plus17); line-height: var(--font_size_plus25); color: var(--dark-black); font-weight: var(--font-weight-500); margin-bottom: 25px; } .testimonial-classic .rating i { margin: 0 2px; font-size: 19px; } .outside-box { margin: 0 -25vw; } .testimonial-classic .swiper-slide { padding: 0 5%; opacity: 0.4; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .testimonial-classic .swiper-slide.swiper-slide-active { opacity: 1; transition-property: opacity, transform; } .testimonial-classic .swiper-button-next, .testimonial-classic .swiper-button-prev { width: 60px; height: 60px; border: 1px solid #e4e4e4; display: flex; justify-content: center; align-items: center; border-radius: 100%; color: var(--dark-black); font-size: 30px; } .testimonial-classic .swiper-button-prev { left: 48vw; } .testimonial-classic .swiper-button-next { right: 48vw; } .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-black); 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, 0.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: 0.3s cubic-bezier(0.12, 0, 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-black); border: 1px solid rgba(35, 35, 35, 0.2); border-radius: 20px; display: inline-block; padding: 6px 17px; line-height: normal; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); transition: 0.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-black); font-size: var(--font_size_plus12); position: relative; margin-left: -28px; right: -10px; transition: 0.3s cubic-bezier(0.5, 1, 0.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: 0.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: 0.5s cubic-bezier(0.5, 1, 0.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-black); vertical-align: middle; margin-left: 5px; transition: 0.9s ease-in-out; } .shop-collection-category-style-3 .collection-item .collection-content { padding: 18px 0; border-bottom: 1px solid var(--dark-black); 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: 0.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: 0.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: 0.3s cubic-bezier(0.61, 1, 0.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 0.7s, -webkit-transform 0.7s; transition: opacity 0.7s, transform 0.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-black); 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-black); font-weight: var(--font-weight-600); margin-top: 55px; } .shop-collection-category-style-4 .collection-item-box .item-count { transition: 0.3s ease-in-out; } .shop-collection-category-style-4 .collection-item-box:hover .item-count { color: var(--white-color); background-color: var(--dark-black); } .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 0.6s cubic-bezier(0.1, 0.75, 0.25, 1) 125ms; } .shop-collection-category-style-4 .collection-content .shop-btn .btn-icon { margin-left: 3px; position: relative; transition: opacity 0.4s 0.25s, transform 0.6s 0.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-black); font-weight: var(--font-weight-600); letter-spacing: -1px; margin-bottom: 40px; } .shop-collection-category-style-5 .collection-title a { transform: translateX(0); transition: 0.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, 0.1); margin-left: 11px; transition: 0.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-black); } .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-black); font-size: 25px; height: 40px; width: 40px; border-radius: 100%; border: 1px solid rgba(37, 31, 27, 0.2); } .feature-brand-style-1 .swiper-button-next, .feature-brand-style-1 .swiper-button-prev { color: var(--body-text-color); font-size: 25px; height: auto; width: auto; } .deal-products .deal-timer .counter-box .number, .deal-products .deal-timer .counter-box:before, .marquee .marquee-text { font-size: var(--font_size_plus6); font-weight: var(--font-weight-600); } .marquee .dot, .marquee .dot-border { height: 10px; width: 10px; vertical-align: middle; display: inline-block; } .feature-brand-style-1 .swiper-button-next, .slider-with-arrow .swiper-button-next { right: -20px; background-color:#fff; } .feature-brand-style-1 .swiper-button-prev, .slider-with-arrow .swiper-button-prev { left: -20px; background-color:#fff; } .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, 0.15); } .marquee .marquee-wrapper { padding-top: 26px; padding-bottom: 26px; } .marquee .dot { border-radius: 100%; } .marquee .dot-border { border: 1px solid rgba(35, 35, 35, 0.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; } .marqee-news .swiper-wrapper, .marquee .swiper .swiper-wrapper, footer.style-3 .swiper .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; position: relative; } .marquee .marquee-text { color: var(--dark-black); margin: 10px; } .marquee .marquee-text span { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--base-color); } .image-with-faq-style-2 .section-description { padding-right: 30px; } .featured-products-with-banner .swiper { padding: 20px 10px; } .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,.swiper-button-prev { margin: 0; color: var(--dark-black); 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: 0.3; } .featured-collection-slider .heading-wrapper .navigation-inner, .featured-products-with-banner .navigation-wrapper { border: 1px solid rgba(0, 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, 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: 0.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-black); } .collection-list-wrap .collection-list-item img, .feature-brand-style-1 .brand-inner-box > img { transition: 0.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-black); 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, 0.07); height: 100%; transition: 0.2s cubic-bezier(0.12, 0, 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-black); 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, 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-black); font-size: 30px; width: 50px; height: 50px; border-radius: 100%; background: #fff; box-shadow: 0 0 25px rgba(0, 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-black); font-weight: var(--font-weight-500); display: inline-block; } .deal-products .deal-timer .counter-box { padding: 12px 10px; margin-right: 20px; border-radius: 5px; min-width: 76px; background-color: #f4f4f4; flex: 1 0 0%; display: flex; flex-wrap: wrap; justify-content: center; } .deal-products .deal-timer .counter-container { display: flex; justify-content: center; flex-wrap: wrap; } .deal-products .deal-timer { margin-bottom: 0; margin-left: 15px; flex-shrink: 0; } .deal-products .deal-timer .counter-box .number { line-height: var(--font_size_plus6); color: var(--dark-black); } .deal-products .deal-timer .counter-box:before { content: ":"; color: #716f6b; float: right; position: absolute; right: -13px; top: 50%; margin-top: -1px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .deal-products .deal-timer .counter-box span { font-size: 11px; display: block; margin-top: 1px; color: #83838e; } .deal-products .product-box .box-inner { border: 2px solid #ffb800; border-radius: 10px; padding: 30px; height: 100%; transition: 0.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, 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-black); 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-black); 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-black); display: inline-block; } .deal-products .product-box .stock-left-message, .deal-products.deal-product-style-2 .product-box .price-box { line-height: normal; font-size: var(--font_size_minus2); } .deal-products .product-box .stock-left-message { color: var(--body-text-color); margin-top: 8px; } .deal-products .product-box .stock-left-message span { color: var(--green); margin-left: 4px; font-weight: var(--font-weight-500); } .deal-products .product-box .cart-btn { font-size: var(--font_size_minus4); font-weight: var(--font-weight-600); color: var(--white-color); text-transform: uppercase; background-color: var(--base-color); padding: 4px 22px; border-radius: 30px; border: 2px solid var(--base-color); display: flex; align-items: center; } .deal-products .product-box .cart-btn i { margin-right: 6px; font-size: var(--font_size_minus2); } .deal-products .product-box .cart-btn:hover { color: var(--base-color); background-color: transparent; } .deal-products .product-box .product-rating { margin-bottom: 0; margin-top: 3px; } .deal-products .product-box .product-rating .spr-badge { display: flex; justify-content: flex-start; } .deal-products .product-box .price-box .old-price { margin-right: 3px; } .deal-products.deal-product-style-2 .product-box .box-inner { padding: 20px 30px; border: 0; border-radius: 0; border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .deal-products.deal-product-style-2 .product-box .product-vendor > a { font-weight: var(--font-weight-400); background-color: transparent; padding: 0; border-radius: 0; } .deal-products.deal-product-style-2 .product-box .product-vendor { font-size: var(--font_size_minus2); line-height: var(--font_size_plus4); color: var(--body-text-color); text-transform: none; margin-bottom: 0; } .deal-products.deal-product-style-2 .cover-background { padding-left: 80px; padding-right: 80px; } .deal-products.deal-product-style-2 .product-box .product-image .badge-wrap { top: 0; } .deal-products.deal-product-style-2 .product-box .product-image .badge-wrap .badge { font-size: 12px; font-weight: var(--font-weight-500); width: 50px; height: 50px; } .deal-products.deal-product-style-2 .product-box .product-image .badge-wrap .badge span { font-size: var(--font_size_minus3); font-weight: var(--font-weight-700); } .deal-products.deal-product-style-2 .product-box .product-image { width: 35%; } .deal-products.deal-product-style-2 .product-box .product-content { width: 65%; } .deal-products.deal-product-style-2 .deal-timer .counter-box { padding: 18px 10px; border-radius: 6px; min-width: 85px; box-shadow: 0 0 14px rgba(0, 0, 0, 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: 0.3s ease-in-out; } .special-product .box-inner:hover { box-shadow: 0 0 25px rgba(0, 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-black); display: inline-block; margin-bottom: 5px; } .store-usp .usp-item { padding-top: 20px; padding-bottom: 20px; border-right: 1px solid var(--white-color); transition: 0.3s ease-in-out; position: relative; } .store-usp .usp-item:after { content: ""; width: 100%; height: 0; transition: 0.3s ease-in-out; position: absolute; left: 0; bottom: 0; } .collection-list-wrap .collection-list-item .collection-btn, .offer-box-wrap { transition: 0.3s cubic-bezier(0.12, 0, 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-black); 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: 20px; right: 20px; background-color: var(--dark-black); color: var(--white-color); display: none; max-width: 370px; z-index: 999999; padding: 40px; border-radius: 8px; } .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, 0.6); margin-bottom: 20px; } .cookie-message .cookie-btn .btn { border-width: 1px; border-radius: 50px; } .newsletter-model .model-close, .welcome-popup-main .popup-close { font-size: var(--font_size_plus4); color: var(--dark-black); position: absolute; right: 15px; top: 15px; cursor: pointer; content: "\f00d"; width: 44px; height: 44px; line-height: 44px; text-align: center; z-index: 11; } .newsletter-model, .newsletter-model-visibale:before { position: fixed; background-color: rgba(38, 38, 38, 0.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-black); color: var(--white-color); padding: 10px 30px; border: 0; height: 100%; } .newsletter-model .newsletter-form button:active { background: var(--dark-black); 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, 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-black); 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-black); 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: 0.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, 0.1); */ } .offer-box-wrap .sub-title { line-height: var(--font_size_plus6); } .offer-box-wrap .title { color: var(--dark-black); 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, 0.2); padding: 10px 15px; } .code-wrap { text-align: center; padding: 30px; width: 100%; background-color: #ffbf00; margin-bottom: 22px; border-radius: 4px; } .code-wrap input { padding: 0; border: none; line-height: normal; height: auto; text-align: center; background-color: transparent; font-weight: 500; } .gift-card-information { margin-bottom: 80px; width: 100%; } .top-banner-with-product .banner-item-top { padding: 22px 60px 30px; border-radius: 10px 10px 0 0; } .top-banner-with-product .banner-item-top .sub-title { display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, 0.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, 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-black); display: inline-block; } .top-banner-with-product .product-box .spr-badge { line-height: 22px; } .slideshow-banner-top { font-size: var(--font_size_plus1); color: var(--dark-black); margin-bottom: 25px; margin-top: 25px; letter-spacing: -0.5px; } .slideshow-banner-top p strong { border-bottom: 1px solid; font-weight: var(--font-weight-500); } .slideshow-banner-top img { max-width: 100px; } .slideshow-with-banner .hongo-slider-typography-wrap { padding-top: 50px; padding-bottom: 50px; } .slideshow-with-banner .hongo-slider-typography-wrap .subtitle { margin-bottom: 15px; border-bottom: 1px solid; display: inline-block; letter-spacing: 1px; } .slideshow-with-banner.swiper-arrow-navigation .swiper-button-prev { left: 40px; } .slideshow-with-banner.swiper-arrow-navigation .swiper-button-next { right: 40px; } .slideshow-banner-top a { font-weight: var(--font-weight-500); border-bottom: 2px solid; margin-left: 10px; line-height: normal; } .slideshow-banner-top .label { font-size: 12px; line-height: normal; font-weight: var(--font-weight-600); color: var(--white-color); background-color: #da3f3f; padding: 5px 13px; border-radius: 20px; margin-left: 10px; } .slideshow-banner .banner-image { padding: 20px 40px; overflow: hidden; border-radius: 10px; height: 100%; margin-bottom: 30px; } .slideshow-banner .sub-heading { font-weight: var(--font-weight-500); letter-spacing: -1px; border-bottom: 1px solid; margin-bottom: 10px; display: inline-block; } .category-section .category-item { flex: 0 0 1%; margin-bottom: 15px; } .category-section .category-item .icon-wrapper { width: var(--category-box-width); height: var(--category-box-height); border-radius: 100%; margin: 0 auto; } .category-section .category-item .category-title { font-weight: var(--font-weight-500); width: 90%; } .category-section .category-item .animation-wrapper { display: block; width: 100%; height: 100%; border-radius: 50%; padding: 8px; background-clip: content-box; border: 2px dashed; } .category-section .category-item .icon { position: absolute; color: #fff; } .category-section .category-item .icon .svg-placeholder { width: 75px; border-radius: 100%; } .category-section .category-inner:hover .show-animation { animation: 10s linear infinite rotation; } .hero-banner { padding-top: 130px; padding-bottom: 100px; } .hero-banner .content-wrap { padding-right: 90px; } .hero-banner .button-wrapper .simple-link { font-size: var(--font_size_minus1); line-height: normal; font-weight: var(--font-weight-600); color: var(--dark-black); 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-black); 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-black); padding: 8px 13px; margin-right: 10px; border-radius: 20px; vertical-align: middle; } .hero-banner .rating-wrapper i { color: var(--base-color); } .people-review .swiper { padding-top: 12px; padding-bottom: 30px; } .people-review .review-item { background-color: var(--white-color); box-shadow: 0 12px 24px rgba(0, 0, 0, 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 .title { font-size: var(--font_size_plus1); color: var(--dark-black); font-weight: var(--font-weight-500); margin-bottom: 5px; display: block; } .author-product .author-box .product-title, .custom-social-block .custom-social-link a { font-size: var(--font_size_plus2); line-height: var(--font_size_plus18); color: var(--dark-black); } .people-review .review-item .bottom-content { padding: 15px 35px; } .people-review .review-item .bottom-content img { width: 48px; border-radius: 100%; margin-right: 10px; } .people-review .review-item .rating .total-rating { background-color: var(--base-color); color: var(--dark-black); margin-right: 0; } .author-product .author-box .rating i { color: var(--base-color); letter-spacing: 2px; line-height: normal; } .author-product .author-box .product-title { font-weight: var(--font-weight-600); } .author-product .author-box .author-name { font-size: var(--font_size_minus2); line-height: var(--font_size_plus6); margin-bottom: 20px; } .custom-social-block { padding-top: 30px; padding-bottom: 30px; } .custom-social-block .custom-social-title { font-size: var(--font_size_plus4); line-height: var(--font_size_plus18); color: var(--dark-black); 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: 0.4; margin: 0 60px; width: 1px; height: 25px; background-color: var(--dark-black); } .custom-social-block .custom-social-link a { display: flex; align-items: center; margin-right: 30px; font-weight: var(--font-weight-600); letter-spacing: -0.5px; } .wrapper-brands .brands-list-code li.active a, .wrapper-brands .brands-list-code li.enable a:hover, brands-item .all-brands.active, brands-item .all-brands:hover { color: #fff; border-color: var(--dark-black); background-color: var(--dark-black); } .custom-social-block .custom-social-link a:hover { opacity: 0.7; } .custom-social-block .custom-social-link a.facebook svg { fill: #2b39bd; } .custom-social-block .custom-social-link a.instagram svg { fill: #e11042; } .custom-social-block .custom-social-link a.linkedin svg { fill: #10acef; } .pagi-progress { width: 280px; height: 4px; background-color: #dee2e6; position: relative; margin: 9px 0 20px; } .pagi-progress .progress-percent { position: absolute; top: 0; left: 0; height: 100%; background-color: #000; } #infinite-scroll-btn .btn, #load-more-btn .btn { position: relative; min-width: 125px; min-height: 47px; } .spinner-lodding { -webkit-animation: 2s linear infinite rotate; animation: 2s linear infinite rotate; z-index: 2; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; width: 20px; height: 20px; } .spinner-lodding .path { stroke: #fff; stroke-linecap: round; -webkit-animation: 1.5s ease-in-out infinite dash; animation: 1.5s ease-in-out infinite dash; } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } @media (min-width: 992px) and (max-width: 1199px) { .outside-box-right-30 { margin-right: -20vw; } .countdown-style-2 .deal-timer .counter-box .number { font-size: var(--font_size_plus10); } .countdown-style-2 .deal-timer .counter-box span { margin-top: 5px; } .countdown-style-2 .deal-timer .counter-box { padding: 0 12px; } .countdown-style-2 .shop-btn-wrapper .btn { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1700px) { .shop-box .product-box .product-card-form .variant-select { min-width: 162px; } .shop-box .product-box .product-card-form .quantity { min-width: 82px; } } @media (min-width: 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 0.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: 0.3s ease-in; opacity: 0; visibility: hidden; } .crosssell-product .heading-wrapper, .product-recommendations-list .heading-wrapper, .recent-products .heading-wrapper, .related-product .heading-wrapper, .upsell-product .heading-wrapper { margin-bottom: 20px; } .megamenu { padding: 40px 55px; z-index: 99; width: 100%; max-height: calc(100vh - var(--top-space)); left: 0; background-clip: padding-box; overflow: hidden; overflow-y: auto; border-radius: 0; border: none; border-top: 1px solid #e7e7e7; box-shadow: 0 45px 45px 0 rgb(0, 0, 0, 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: 0.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(--dark-black); display: inline-block; vertical-align: middle; } .megamenu ul li .menu-lable { margin-left: 6px; } .navbar .navbar-nav .nav-item .nav-link.active:after, .navbar .navbar-nav .nav-item .nav-link.nav-item-active:after, .navbar .navbar-nav .nav-item:hover .nav-link:after { transform-origin: 0% 50%; transform: scale3d(1, 1, 1); } .navbar .navbar-nav .simple-dropdown .menu-lable { margin-left: 8px; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .col-lg-1-5 { width: 20%; } .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: var(--container, 1280px); } .container-fluid { --offset-x: var(--container-fluid-offset, 15px); } .shop-flat .product-box .box-inner .product-image:after { content: ""; height: 100%; width: 100%; position: absolute; opacity: 0; visibility: hidden; transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1); background-image: -webkit-gradient( linear, left bottom, left top, from(rgba(38, 38, 38, 0.8)), to(transparent) ); background-image: linear-gradient( to top, rgba(38, 38, 38, 0.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 0.3s ease-in-out; height: 100%; } .shop-simple .product-box .box-inner:hover { box-shadow: 0 5px 50px rgba(0, 0, 0, 0.1); } .shop-simple .product-box .box-inner:hover .product-footer { background-color: var(--white-color); } .shop-simple .product-buttons-wrap a:after { content: ""; position: absolute; bottom: -100%; width: 100%; height: 100%; background-color: var(--dark-black); transition: 0.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, 0.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, 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-black); margin-top: 20px; display: inline-block; color: var(--dark-black); } [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-black); margin-bottom: 25px; } .theme-demos .demo-button-wrapper { width: auto; white-space: nowrap; position: absolute; right: 100%; bottom: 250px; cursor: pointer; z-index: 10; -webkit-transform: rotate(-90deg) translateY(-100%); -ms-transform: rotate(-90deg) translateY(-100%); transform: rotate(-90deg) translateY(-100%); -webkit-transform-origin: 100% 0 0; -ms-transform-origin: 100% 0 0; transform-origin: 100% 0 0; margin-right: -1px; display: flex; } .theme-demos { display: none; width: 100%; height: 100%; min-height: 100%; position: fixed; background-color: var(--white); right: -100%; top: 0; z-index: 1050; -webkit-transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1); } .theme-demos .demos-wrapper { height: 100vh; max-height: 100dvh; overflow-y: auto; padding: 45px 120px; width: 100%; position: relative; z-index: 11; background-color: #f7f7f7; } .theme-demos.active { -webkit-transform: translateX(-100%); transform: translateX(-100%); box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.25); } .theme-demos .all-demo { background-color: var(--dark-black); padding: 15px; font-weight: 500; } .brands-group .brands-title, .wrapper-brands .brands-list-code li a, brands-item .all-brands { font-weight: var(--font-weight-500); color: var(--dark-black); } .theme-demos .buy-theme { text-align: center; background-color: #48a133; z-index: 1; transition: 0.2s ease-in-out; } .theme-demos .buy-theme a { padding: 15px; display: flex; align-items: center; height: 100%; } .all-demo .theme-wrapper { padding: 0 9px; position: relative; top: 0; opacity: 1; transition-delay: 0.3s; line-height: 0; } .theme-demos .buy-theme a > i { font-size: 20px; color: var(--white-color); } .theme-demos .all-demo .theme-wrapper > div { display: inline-block; vertical-align: middle; text-transform: uppercase; color: var(--white-color); font-size: var(--font_size_minus3); line-height: var(--font_size_plus2); font-weight: var(--font-weight-400); } .theme-demos .demo-close-icon { position: absolute; top: 10px; right: 10px; z-index: 99; height: 40px; width: 40px; color: var(--dark-black); cursor: pointer; font-size: var(--font_size_plus8); } .theme-demos.active .all-demo a > i, .theme-demos.active .buy-theme a > i { opacity: 1; transition-delay: 0.3s; } .theme-demos .demos-wrapper::-webkit-scrollbar { width: 6px; } .theme-demos .demos-wrapper::-webkit-scrollbar-thumb { background: #8b8b8b; } .theme-demos .demos-wrapper::-webkit-scrollbar-thumb:hover { background: #8b8b8b; } #tsparticles canvas { width: 100%; height: 100%; position: absolute; z-index: 100; top: -15px; left: 0; pointer-events: none; } .image-with-countdown .deal-timer .counter-box .number { font-size: var(--font_size_plus21); } .image-with-countdown .deal-timer .counter-box .number:before { right: -30px; } .wrapper-brands .brands-list-code li { margin: 6px; } .wrapper-brands .brands-list-code li a { width: 45px; height: 45px; border: 1px solid #e4e4e4; border-radius: 100%; display: flex; justify-content: center; align-items: center; font-size: 16px; } .wrapper-brands .brands-list-code li.disable { pointer-events: none; } brands-item .all-brands { position: relative; border-radius: 50px; border: 1px solid #e4e4e4; background-color: transparent; padding: 12px 40px; font-size: 14px; } brands-item .show-all-wrap { margin: 50px 0; } brands-item .show-all-wrap > span { padding: 0 50px; } brands-item .show-all-wrap:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: #d9d9d9; } .brands-wrapper .brands-active.active, .brands-wrapper.show-all-brands .brands-active { gap: 50px; display: flex; align-items: center; margin-bottom: 50px; } .brands-group .brands-title { width: 80px; height: 80px; border: 1px solid #e4e4e4; font-size: 32px; 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; }
.product-img-btn:hover .full-screen path{    fill: #fff;}
.cart-notification-buttons-wrapper .btn-black:hover, .cart__warnings .btn-black:hover {color:#000;}
/* .breadcrumb li a, .breadcrumb li span, .btn.btn-medium{font-size: var(--font_size_minus5) !important;} */

[data-essential-upsell-element="add-to-cart-button"] {
      word-break: auto-phrase!important;
}

form > [data-essential-upsell-element="container"] {
  display:none!important;
}