/** Shopify CDN: Minification failed Line 1168:115 Unexpected "," Line 1194:301 Expected identifier but found "!" Line 3460:36 Expected identifier but found "0" Line 4658:0 All "@import" rules must come first Line 4659:1 All "@import" rules must come first Line 6405:0 All "@import" rules must come first Line 6406:1 All "@import" rules must come first **/ /* ------------------------------------------- Name: Theme+ Date: 2021/11/01 --------------------------------------------- */ *, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--secondary_bg); } html { overflow-x: hidden; overflow-y: scroll; width: 100%; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; } body { overflow-x: hidden; width: 100%; min-height: 100%; background: var(--custom_footer_bg_bottom); font-size: var(--main_fz); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /* #root #shopify-section-header #nav { transform: none !important; visibility: visible !important; opacity: 1 !important } /* BLOG / ARTICLE list-comments: l4cm PRODUCT list-info: l4if list-reviews: l4rv module-product-entry: m6pe module-reviews: m6rv COLLECTION / SEARCH list-view: l4vw module-collection: m6cl nav-aside: n6as form-filter: f8fl CART: module-cart-extra: m6ca GIFTCARD / QR / ERROR module-giftcard: m6gf module-qr: m6qr module-error: m6er LOGIN / REGISTER / ETC form-login: f8lg // login/register list-address: l4ad // product list-alerts: l4al // hidden by default, but can be present on all list-aside: l4as // product list-check: l4ch // all list-cart: l4ca // all list-collection: l4cl // all list-comments: l4cm // all list-contact: l4cn // blog list-count: l4cu // product, home? list-drop: l4dr // all list-featured: l4ft // all list-index: l4id // all list-info: l4if // collection list-inline: l4in // all list-news: l4ne // blog, home? list-payments: l4pm // all list-plain: l4pl // all list-panel-slider: l4ps // all list-product-slider: l4pr // product, home? list-reviews: l4rv // product list-static: l4st // all list-testimonials: l4ts // all list-tools: l4tl // product, home? list-social: l4sc // all list-total: l4tt // all list-usp: l4us // all list-view: l4vw // collection module-aside: m6as // all module-aside-compact: m6ac // all module-box: m6bx // all module-cart-extra: m6ca // cart module-collection: m6cl // collection module-contact: m6cn // collection module-countdown: m6cu // all module-error: m6er // error module-featured: m6fr // all module-giftcard: m6gf // giftcard module-panel: m6pn // async, js // all module-panel-cart: m6pc // async, js // all module-product: m6pr // product, home? module-product-entry: m6pe // product module-qr: m6qr // qr module-reviews: m6rv // product module-tabs: m6tb // product module-wide: m6wd // all nav-aside: n6as // collection nav-breadcrumbs: n6br // all nav-pagination: n6pg // all rating-a: r6rt // all scheme-countdown: s1cu // all scheme-label: s1lb // all scheme-price: s1pr // all scheme-rating: s1rt // all form-comment: f8cm // blog form-filter: f8fl // collection form-login: f8lg // login/register form-newsletter: f8nw // all form-product: f8pr // product form-product-sticky: f8ps // async, js // product form-sort: f8sr // async, css // collection form-validate: f8vl // all menu-active: m2a theme-no-nav: t1nn theme-no-top: t1nt theme-missing-nav: t1mn theme-aside: t1as theme-plain: t1pl theme-sticky-nav: t1sn theme-has-product: t1pr theme-dark: t1dr theme-accessible: t1ac theme-search-compact: t1sr theme-no-button: t1nb theme-has-collection: t1cl theme-cart: t1ca */ /*--black_rgb: 0, 0, 0;*/ /*--sand_rgb: rgba(var(--black_rgb), .04);*/ /*--gallery_rgb: rgba(var(--black_rgb), .07);*/ /*! Variables --------- */ :root { --white: hsl(0, 0%, 100%); /* #ffffff*/ --sand: hsl(0, 0%, 96%); /* #f4f4f4*/ --gallery: hsl(0, 0%, 93%); /* #ececec*/ --alto: hsl(0, 0%, 86%); /* #dcdcdc*/ --gray: hsl(0, 0%, 58%); /* #959595*/ --gray_text: #959595; /* #959595*/ --coal: hsl(0, 0%, 20%); /* #333333*/ --coal_text: var(--white); --cod: hsl(0, 0%, 13%); /* #222222*/ --black: hsl(0, 0%, 0%); /* #000000*/ --black_static: #000000; /* #000000*/ --wine: #eb5757; --lime: #95bf47; --emerald: #4caf50; --turquoise: #48cfad; --sky: #88c2ff; --amour: #faf0f3; --tan: #FEEFEA; --pine: #F4B63F; --rose: #E63312; --whatsapp: #08b074; --twitter: #4fc1e9; --linkedin: #0072b1; --facebook: #3c599f; --pinterest: #E60023; --youtube: #FF0000; /* Predefined */ --primary_text: var(--coal); --primary_text_h: var(--coal); --primary_bg: var(--white); --secondary_text: var(--white); /*--secondary_bg_1: 16; --secondary_bg_2: 90%; --secondary_bg_3: 56%; /*--secondary_bg: hsl(var(--secondary_bg_1), var(--secondary_bg_2), var(--secondary_bg_3)); /* #F4602B*/ /*--secondary_bg_dark: hsl(var(--secondary_bg_1), calc(var(--secondary_bg_2) - 3%), calc(var(--secondary_bg_3) - 5%)); /* #EE4E14*/ /*--secondary_bg_fade: hsl(var(--secondary_bg_1), calc(var(--secondary_bg_2) - 10%), calc(var(--secondary_bg_3) + 19%)); /* #F2A88D*/ --secondary_bg: #F4602B; --secondary_bg_dark: #EE4E14; --secondary_bg_fade: #F2A88D; --secondary_btn_text: var(--white); --secondary_bg_btn: #48cfad; --secondary_bg_btn_dark: #32c7a2; --secondary_bg_btn_fade: #99ccbf; /* Other */ --body_bg: var(--white); --tertiary_text: var(--white); --tertiary_bg: var(--lime); --tertiary_bg_dark: #82AF2E; --tertiary_bg_fade: #abc67a; --quaternary_text: var(--white); --quaternary_bg: #c64cf4; --quaternary_bg_dark: #bb32ed; --quaternary_bg_fade: #e0acf2; --alert_error: var(--wine); --alert_error_bg: var(--amour); --alert_valid: var(--lime); --sale_label_bg: var(--tertiary_bg); --sale_label_bg_dark: var(--tertiary_bg_dark); --sale_label_text: var(--tertiary_text); --custom_alert_bg: var(--secondary_bg); --custom_alert_fg: var(--white); --custom_top_main_bg: var(--primary_text); /* Background - header + mobile menu header */ --custom_top_main_fg: var(--white); /* Text - header + mobile menu header */ --custom_top_main_link_bg: var(--secondary_bg); /* Background - menu, button */ --custom_top_main_link_dark: var(--secondary_bg_dark); /* Background hover - menu, button */ --custom_top_main_link_text: var(--secondary_text); /* Text - menu, button */ --custom_top_nav_bg: var(--sand); /* Background - menu, main */ --custom_top_nav_bd: var(--sand); /* Border - menu, main */ --custom_top_nav_fg: var(--primary_text); /* Text - menu, main */ --custom_top_nav_fg_hover: var(--secondary_bg); /* Text hover - menu, main */ --custom_drop_nav_head_bg: var(--white); /* Background - menu, dropdowns + mobile + panels */ --custom_drop_nav_fg: var(--primary_text); /* Text - menu, dropdowns + mobile + panels */ --custom_drop_nav_fg_hover: var(--secondary_bg); /* Text hover - menu, dropdowns + mobile + panels */ --custom_top_up_bg: var(--sand); /* Background - menu, upper */ --custom_top_up_fg: var(--primary_text); /* Text - menu, upper */ --custom_top_up_fg_hover: var(--secondary_bg); /* Text hover - menu, upper */ --custom_top_search_bg: var(--white); /* Background - searchbox */ --custom_top_search_bd: var(--white); /* Border - searchbox */ --custom_top_search_fg: var(--primary_text); /* Text - searchbox */ --custom_top_search_pl: var(--gray_text); /* Placeholder - searchbox */ --custom_drop_nav_bg: var(--sand); /* Background - megamenu main */ --custom_footer_bg: var(--sand); /* Background - footer */ --custom_footer_fg: var(--primary_text); /* Text - footer */ --custom_footer_fg_hover: var(--secondary_bg); /* Text hover - footer */ --custom_footer_bg_bottom: var(--gallery); /* Background - footer, lower */ --custom_footer_fg_bottom: var(--primary_text); /* Text - footer, lower */ --custom_footer_fg_bottom_hover: var(--secondary_bg); /* Text hover - footer, lower */ --custom_footer_link_bg: var(--secondary_bg); /* Background - footer, button */ --custom_footer_link_dark: var(--secondary_bg_dark); /* Background hover - footer, button */ --custom_footer_link_text: var(--secondary_text); /* Text - footer, button */ --custom_input_bg: var(--white); --custom_input_bd: var(--gallery); --custom_input_fg: var(--primary_text); --custom_input_pl: var(--gray_text); --main_fz: 14px; --main_fw: 400; --main_fw_h: 700; --main_ff: Inter, Noto, 'Noto Sans', -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantrell, 'Helvetica Neue', Arial, Helvetica, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; --main_ff_h: Georgia, Times, 'Times New Roman', serif; --main_lh: 1.8571428571; --main_lh_l: 1.5223214286; --main_lh_h: 1.1875; --main_lh_hc: 1.1; --main_mr: 26px; --main_h1: 32px; --main_h2: 24px; --main_h3: 21px; --main_h4: 18px; --main_h5: 16px; --main_h6: 16px; --main_lead: 18px; --mob_fz: 14px; --mob_h1: 22px; --mob_h2: 18px; --mob_h3: 17px; --mob_h4: 15px; --mob_h5: 13px; --mob_h6: 13px; --mob_lead: 16px; --size_8: 8px; --size_10: 10px; --size_12: 12px; --size_13: 13px; --size_14: 14px; --size_16: 16px; --size_18: 18px; --size_20: 20px; --size_22: 22px; --size_24: 24px; --size_26: 26px; --size_28: 28px; --size_30: 30px; --size_32: 32px; --size_33: 33px; --size_36: 36px; --size_38: 38px; --size_40: 40px; --size_46: 46px; --size_48: 48px; --size_50: 50px; --size_52: 52px; --size_56: 56px; --size_60: 60px; --size_70: 70px; --size_100: 100px; --size_8_f: var(--size_8); --size_10_f: var(--size_10); --size_12_f: var(--size_12); --size_13_f: var(--size_13); --size_14_f: var(--size_14); --size_16_f: var(--size_16); --size_18_f: var(--size_18); --size_20_f: var(--size_20); --size_22_f: var(--size_22); --size_24_f: var(--size_24); --size_26_f: var(--size_26); --size_28_f: var(--size_28); --size_30_f: var(--size_30); --size_32_f: var(--size_32); --size_34_f: var(--size_34); --size_36_f: var(--size_36); --size_38_f: var(--size_38); --size_40_f: var(--size_40); --size_46_f: var(--size_46); --size_48_f: var(--size_48); --size_50_f: var(--size_50); --size_52_f: var(--size_52); --size_56_f: var(--size_56); --size_60_f: var(--size_60); --size_70_f: var(--size_70); --size_100_f: var(--size_100); --size_content: var(--size_16); --price_color: inherit; --price_color_old: inherit; --product_label_bg: var(--secondary_bg); --product_label_bg_dark: rgba(0,0,0,.1); --product_label_text: var(--secondary_text); /*--panel_list_total_width: 326px;*/ --rpp: 30px; /* Global padding */ --rpn: -30px; /* Global padding (negative) */ --b2r: 4px; /* Global border-radius */ /*--custom_b2r: var(--b2r);*/ --glw: 1280px; /* Global width */ } /*:root { --custom_drop_nav_bg: red; --custom_drop_nav_fg: green; --custom_drop_nav_fg_hover: blue; --custom_drop_nav_head_bg: orange; --custom_drop_nav_head_fg: yellow; }*/ /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--primary_text); font-family: var(--main_ff); font-weight: var(--main_fw); line-height: var(--main_lh); } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, blockquote, table, .table-wrapper, pre, h1, h2, h3, h4, h5, h6, legend, .l4us, .shopify-challenge__container .g-recaptcha { margin-bottom: var(--main_mr); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, legend { margin: 44px 0 12px; color: var(--primary_text_h); font-weight: var(--main_fw_h); font-family: var(--main_ff_h); line-height: var(--main_lh_h); } h1, .h1, .l4cl.category h1 { font-size: var(--main_h1); } h2, .h2, .l4cl.category h2 { font-size: var(--main_h2); } h3, .h3, .l4cl.category h3 { font-size: var(--main_h3); } h4, .h4, .l4cl.category h4 { font-size: var(--main_h4); } h5, .h5, .l4cl.category h5 { font-size: var(--main_h5); } h6, .h6, .l4cl.category h6 { font-size: var(--main_h6); } h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { display: block; margin: 0 0 12px; /*color: var(--gray_text);*/ font-weight: 400; font-family: var(--main_ff); font-size: var(--main_fz); opacity: .53; } a { background: none; color: var(--secondary_bg); text-decoration: underline; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, legend a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, #shopify-section-footer a, .l4sc a, .l4cn a, .l4dr a, #root #shopify-section-footer a.header-toggle, .m6fr a, [data-whatin="mouse"] .m6fr a:hover, .n6pg li.active a, .l4in a, .l4ca p a, .r6rt a, label span a, .label span a, #root .l4dr li.has-social.toggle > a, #search div ul a, #root #search .l4ca .price, nav .l4in a, .l4id a, .l4ft a, .m6wd.overlay-content figure.background ~ .l4cu li > span, .l4al a, .l4al[class*="overlay"] li, #shopify-section-announcement-bar a, #shopify-section-header .search-compact-toggle, #nav-top .li > a, .m6wd.overlay-content h1, .m6wd.overlay-content h2, .m6wd.overlay-content h3, .m6wd.overlay-content h4, .m6wd.overlay-content h5, .m6wd.overlay-content h6, .m6wd.overlay-theme h1, .m6wd.overlay-theme h2, .m6wd.overlay-theme h3, .m6wd.overlay-theme h4, .m6wd.overlay-theme h5, .m6wd.overlay-theme h6, .m6wd.overlay-black h1, .m6wd.overlay-black h2, .m6wd.overlay-black h3, .m6wd.overlay-black h4, .m6wd.overlay-black h5, .m6wd.overlay-black h6, .f8nw h1, .f8nw h2, .f8nw h3, .f8nw h4, .f8nw h5, .f8nw h6, .m6wd.overlay-tan h1, .m6wd.overlay-tan h2, .m6wd.overlay-tan h3, .m6wd.overlay-tan h4, .m6wd.overlay-tan h5, .m6wd.overlay-tan h6, .m6cu > h1, .m6cu > h2, .m6cu > h3, .m6cu > h4, .m6cu > h5, .m6cu > h6 { color: inherit; } a[rel*="external"]:after { content: "\e93f"; display: inline-block; position: relative; top: .05em; margin-left: 5px; font-weight: 400; font-family: i; font-size: 0.7857142857em; font-style: normal; line-height: 1px; } ul, ol, dd, blockquote { padding-left: 40px; } /*! Mixins --------- */ /* cl:b */ .l4cl.aside:after, .l4pr:after, label:after, .label:after, .l4ne.featured:after, #shopify-section-header:after, form p:after { content: ""; display: block; overflow: hidden; clear: both; } /* fill */ #totop a:before, .l4cl .link-btn.sticky:before, .l4cl form.sticky:before, .l4cl .link-btn.sticky:after, .l4cl form.sticky:after, a .model-3d:before, figure.img-multiply:before, picture.img-multiply:before, figure.img-multiply-bg:before, picture.img-multiply-bg:before, .s1bx:before, #cookie-bar:before, .l4ca li:after, #shopify-section-footer > nav > *:before, .link-overlay, .l4ft a:after, .l4ft figure a, form.processing .submit:before, .l4pr .swiper-button-next:after, .l4pr .swiper-button-prev:after, figure .img-overlay, .m6wd .background:before, figure .overlay, .form-cart aside .l4pm:before, .l4ft .background, .m6fr article:before, .m6fr:before, .f8nw:before, .f8nw .background, .l4ts.box li:before, .l4ts.box .li:before, .l4cu.box li > span:before, .m6cu:before, .l4al li:after, .l4al li:before, .l4cn a:before, .l4ft li:before, .countdown .simply-amount > span:before, .l4ft figure, #search .l4ca a:before, .m6wd figure.background.overlay:before, .l4cl.hr li:before, .m6as:before, .l4ft figure:before, .l4ft figure, .l4cl.list li:before, .l4cl.list .li:before, .noUi-horizontal .noUi-handle:before, .l4id li:before, .l4cn.box a:before, .l4cn.box a:after, .l4cn.box li:before, .s1rt .title:before, .m6bx:before, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span span:before, .m6fr figure .background, .m6fr figure:before, #root .l4ca.compact li:after, .check.wide:before, .l4tl:before, .m6tb > nav ul li.active:before, .l4sc.box:before, #nav-user > ul > li > a i span:before, .l4cl li:before, .l4cl .li:before, .l4ca footer p a:after, .input-show label a.toggle, .form-cart aside:before, blockquote:before, .l4sc a:after, .spr-pagination > div > * a:before, .n6pg li a:before, .l4ne a:before, .m6fr article a:before, .r6rt .rating > *:before, .r6rt .rating > * .fill, .l4cl a:after, .m6fr figure, .link-btn a:before, button:before, #nav .l4cn li a:before, #nav-bar .l4cn li a:before, #shopify-section-footer a.header-toggle, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span a.more:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; margin: 0; text-align: left; text-indent: -3000em; direction: ltr; } /* wide */ .m6bx.wide:before, #content #background, .f8nw.wide:before, .f8nw.wide .background, .l4us.wide:before, .m6wd .background, .m6tb > nav:before, .m6wd:before, #shopify-section-footer:before, #shopify-section-footer > div:before, /*#shopify-section-header > .close,*/ #header > .close, #nav > ul > a.close, #nav-bar > ul > a.close, #search:before, #nav:before, #shopify-section-header:before, #nav-top:before, #nav-bar:before { content: ""; display: block; position: absolute; left: 50%; right: auto; top: 0; bottom: 0; z-index: -1; width: 110vw; margin: 0 0 0 -55vw; } /* icon */ #totop a:after, .m6fr .play-pause:before, .l4us .next-item:before, .icon-text-size:after, .recommendation-modal__close-button-container button:after, #search p > a.search-back:before, #search .clear-toggle:before, .l4cl .link-btn.sticky a i, .search-compact-toggle:before, #nav > ul > li > a.toggle-wide:before, .l4al .close:before, .fancybox__container .carousel__button:before, #root .f8nw button i, .l4in.a li:before, .l4us .li:before, .accordion-a summary:before, #nav-user > ul > li > form a.toggle:before, #search > a.toggle:before, .m6tb .tabs-header:before, .input-inline button i, .input-inline .link-btn a i, #nav-top > ul > li > a i:after, .l4cn i:after, .l4cl.wide .link-btn a i, .input-show label:before, .input-amount .incr:before, .input-amount .decr:before, .swiper-button-next:before, .swiper-button-prev:before, .n6pg li.prev a:after, .n6pg li.next a:after, .r6rt .rating > *:before, .r6rt .rating > * .fill:before, label a.show:before, #shopify-section-footer button i, #nav > a.close:before, #nav-bar > a.close:before, #nav ul ul a.toggle:before, #nav-bar ul ul a.toggle:before, #shopify-section-footer a.header-toggle:before, .l4dr li.sub > a:before, #shopify-section-announcement-bar a.close:before, #nav > ul > li > a.toggle:before, #nav-bar > ul > li > a.toggle:before, #nav-top > ul > li.sub > label:before, #nav-user > ul > li.sub > label:before, #shopify-section-header:after, #search button:before, #nav-user > ul > li.sub > a:before, #nav-top > ul > li.sub > a:before, .l4us li:before, .n6br li:before, .spr-pagination > div > .spr-pagination-prev a:after, .spr-pagination > div > .spr-pagination-next a:after { display: block; overflow: visible; position: absolute; left: 0; right: 0; top: 50%; bottom: auto; margin: -10px 0 0; box-shadow: none; border-radius: 0; border-width: 0; background: none; font-weight: 400; font-family: i; font-style: normal; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* z:9 */ a .model-3d:before, .l4ft a:after, .m6fr .swiper-slide-active, form.processing .submit:before, figure .img-overlay, .m6wd .background:before, figure .overlay, #background:before, #nav-user > ul > li.toggle, .l4cn a:before, #search .l4ca a:before, .m6wd figure.background.overlay:before, .noUi-horizontal .noUi-handle:before, .l4cn.box a:after, .m6fr figure:before, .m6fr figure .background, .m6tb > nav ul li.active:before, .l4ca footer p a:after, .input-show label a.toggle, .l4sc a:after, .l4ne a:before, .m6fr article a:before, .l4cl a:after, #nav .l4cn li a:before, #shopify-section-footer a.header-toggle, #nav > ul > a.close { z-index: 8; } /* tr:y */ .l4dr ul li img { -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* tr:n */ .l4pr .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .l4cl.list .link-btn, .l4cl.wide .link-btn, #root .l4ft li.inline figure img, #root .l4ft li.inline figure picture, .l4ft div figure img, .l4ft div figure picture { -webkit-transform: none; transform: none; } /* show */ #root .l4dr ul li a i, .swiper-pagination-bullet.swiper-pagination-bullet-active:before { visibility: visible; opacity: 1; } /* i:wi */ .l4ne-figure-before img, .l4cl-figure-before img, .m6as > figure img, .m6as > figure video, .l4ne img { display: block; position: relative; z-index: 1; width: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* i:ct */ .l4pr .swiper-pagination-bullets .swiper-pagination-bullet img, .l4pr img, .l4cl img { -webkit-align-self: center; -ms-align-self: center; align-self: center; /*width: auto; max-height: 100% !important; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center;*/ } /* i:bg */ .f8nw .background img, .f8nw .background picture, .f8nw .background video, #background img, #background picture, #background video, #root .l4cl figure.overlay img, #root .l4cl figure.overlay picture, #root .m6wd .background img, #root .m6wd .background picture, #root .l4ft li:not(.inline) img, #root .l4ft li:not(.inline) video, #root .l4ft li:not(.inline) figure svg, #root .m6fr figure img, #root .m6fr figure video, #root .m6fr figure picture, #root .m6fr figure svg, #root img.cover, #root .cover img, #root picture.cover, #root .cover picture, #root video.cover, #root .cover video, #root iframe.cover, #root .cover iframe { display: block; width: 100% !important; height: 100% !important; border-radius: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* hyph */ details > div, .l4cl p, #logo, #logo a, #logo .broken-img, a.email, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, legend, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -webkit-hyphens: auto; /*-webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 3; -webkit-hyphenate-limit-chars: 6 3 3; -webkit-hyphenate-limit-lines: 2; -webkit-hyphenate-limit-last: always; -webkit-hyphenate-limit-zone: 8%; -moz-hyphens: auto; -moz-hyphenate-limit-chars: 6 3 3; -moz-hyphenate-limit-lines: 2; -moz-hyphenate-limit-last: always; -moz-hyphenate-limit-zone: 8%;*/ -ms-hyphens: auto; /*-ms-hyphenate-limit-chars: 6 3 3; -ms-hyphenate-limit-lines: 2; -ms-hyphenate-limit-last: always; -ms-hyphenate-limit-zone: 8%;*/ hyphens: auto; /*hyphenate-limit-chars: 6 3 3; hyphenate-limit-lines: 2; hyphenate-limit-last: always; hyphenate-limit-zone: 8%;*/ } /* td:u */ .size-12 a.overlay-content, #shopify-section-footer nav p a { text-decoration: underline; } /* td:n */ #root .l4cl.category a, #root .l4ne p a, #nav-top .li > a, .l4al a, #root .l4in .active > a, .r6rt a, #root .l4cl a, .l4id a, nav .l4in a, #search div a, .l4dr a, #root .l4ca footer p a, .l4ca p a, #root .n6pg li.active a, .l4cl a, a.strong, a.overlay-content, .n6br a, #root .l4sc a, #root #shopify-section-footer .l4sc a, #root .l4cn a, #shopify-section-footer a, #root .l4dr ul li a, #root .l4sc a, #root #shopify-section-footer .active > a, #nav-top > ul > li > a[rel], #root figure > a, #root .link-btn a, #root .l4dr li.active > a, #root #shopify-section-header .active > a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a.overlay-gray, a.overlay-c { text-decoration: none; } /*! Layout --------- */ #root { position: relative; z-index: 13; width: 100%; min-height: 100vh; padding: 148px var(--rpp) 0; background: var(--body_bg); } #root:after { content: ""; display: block; position: fixed; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; z-index: 997; background: var(--primary_text); text-indent: -3000em; direction: ltr; cursor: pointer; opacity: 0; } #shopify-section-header { position: absolute; /*left: 50%;*/ top: 0; z-index: 9; /*width: var(--glw); margin: 0 0 0 var(--gln); padding: 47px 0 0;*/ color: var(--custom_top_main_fg); } #shopify-section-header { left: 0; right: 0; padding-left: var(--rpp); padding-right: var(--rpp); } #root #header > #header-inner:first-child:last-child { margin-right: 0; } #shopify-section-header:before { background: var(--custom_top_main_bg); } #shopify-section-header #header-outer { position: relative; z-index: 99; width: 100%; max-width: var(--glw); margin-left: auto; margin-right: auto; padding-top: 47px; } #shopify-section-header #header-outer > .close { display: none; } #shopify-section-header #header { position: relative; z-index: 5; width: calc(100% + 32px); min-height: 57px; margin-right: -32px; } #root #shopify-section-header #header-inner { margin-right: 0; border-right-width: 0; } #shopify-section-header #header > #distance-counter { display: block; position: absolute; left: -10px; right: auto; bottom: auto; top: 100% !important; z-index: -10; margin: 0; padding: 0; border-width: 0; } #shopify-section-header #header > *, #root #shopify-section-header #header-inner > * { margin-right: 0; border-right: 32px solid rgba(0,0,0,0); } #logo { float: left; /*max-width: 232px;*/ min-width: 0; max-width: 100%; height: 45px; margin: 0 0 12px; color: inherit; font-size: var(--size_22); line-height: var(--main_lh_h); } #logo.logo-text { visibility: hidden; opacity: 0; } #logo .broken-img { max-width: 232px; font-size: var(--size_14_f); } #logo img:after { content: attr(alt); display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--custom_top_main_bg); font-size: var(--size_14_f); line-height: var(--main_lh_h); } /*#logo a, #logo { word-break: break-all; }*/ #logo span { display: block; } #logo a { min-width: 0; height: 45px; color: inherit; font-weight: 700; line-height: var(--main_lh_h); text-decoration: none; /*text-overflow: ellipsis; white-space: nowrap;*/ } #logo img, #logo picture { display: block; overflow: hidden; position: relative; /*max-width: 232px !important;*/ height: 100% !important; max-height: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: 0 center; object-position: 0 center; } #logo.text-center/*, #shopify-section-header > .text-center, #header > .text-center, #shopify-section-header > #search.text-center, #header > #search.text-center*/ { margin-left: auto; } /*#shopify-section-header > #nav.text-center:not(.fixed), #header > #nav.text-center:not(.fixed) { margin-left: 0; margin-right: 0; }*/ #logo.text-center:last-child, /*#shopify-section-header > .text-center:last-child, #header > .text-center:last-child, #shopify-section-header > #search.text-center:last-child, #header > #search.text-center:last-child, #shopify-section-header #header > .text-center:last-child,*/ #root #shopify-section-header #header-inner > .text-center:last-child { margin-right: auto; } /*#logo.text-end, #shopify-section-header > .text-end,*/ #header > .text-end, /*#shopify-section-header > #search.text-end,*/ #header > #search.text-end { margin-left: auto; } #root #shopify-section-header > .hidden, #root #header > .hidden, #root #header-outer > .hidden { display: none; } #root #shopify-section-header > .wide, #root #header > .wide, #root #header-outer > .wide { max-width: none; margin-left: 0; } /*#shopify-section-header.text-justify > *:last-child, */#header.text-justify > *:last-child { margin-left: auto; } /*#logo.text-center { position: absolute; left: 50%; top: 47px; } #logo.text-center { -webkit-transform: translateX(-50%); transform: translateX(-50%); }*/ #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 14px 22px; background: var(--tertiary_bg_dark); color: var(--white); font-weight: 700; line-height: var(--main_lh_h); text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } #nav, #nav-bar { display: block; position: relative; z-index: 4; clear: both; width: 100%; min-height: 44px; padding: 0; color: var(--custom_top_nav_fg); font-size: var(--size_14); line-height: var(--main_lh_h); text-align: inherit; } #nav, #nav-bar { -webkit-align-self: flex-end; align-self: flex-end; } #nav:before, #nav-bar:before { border-bottom: 1px solid var(--custom_top_nav_bd); background: var(--custom_top_nav_bg); } #nav ul, #nav-bar ul { list-style: none; margin: 0; padding: 0; } #nav > ul, #nav-bar > ul { /*overflow-x: auto; overflow-y: hidden;*/ margin: 0 -24px 0 0; } /*#nav > ul, #nav-bar > ul, #nav > ul > li > a, #nav-bar > ul > li > a, #nav > ul > li > ul, #nav-bar > ul > li > ul { -webkit-transform: scaleY(-1); transform: scaleY(-1); }*/ #nav > ul > li, #nav-bar > ul > li { position: static; margin: 0 24px 0 0; } html:not([dir="rtl"]) #nav > ul > li.text-end, html:not([dir="rtl"]) #nav-bar > ul > li.text-end { margin-left: auto; } #nav > ul > li:last-child:not(.show-all), #nav-bar > ul > li:last-child:not(.show-all), #nav > ul > li[data-index="1"]:not(.show-all), #nav-bar > ul > li[data-index="1"]:not(.show-all) { /*margin-right: 0; margin-left: 0;*/ padding-right: 1px; } #nav > ul > li > a, #nav-bar > ul > li > a { display: block; position: relative; z-index: 2; height: 44px; margin: 0; color: var(--custom_top_nav_fg); font-weight: inherit; font-size: 1em; text-decoration: none; white-space: nowrap; cursor: pointer; } #nav > ul > li.disabled > a:not(.toggle), #nav-bar > ul > li.disabled > a:not(.toggle), #nav > ul > li > a.disabled:not(.toggle), #nav-bar > ul > li > a.disabled:not(.toggle) { opacity: .6; cursor: default; -ms-pointer-events: none; pointer-events: none; } #nav > ul > li.inactive > a:not(.toggle), #nav-bar > ul > li.inactive > a:not(.toggle), #nav > ul > li > a.inactive:not(.toggle), #nav-bar > ul > li > a.inactive:not(.toggle) { cursor: default; -ms-pointer-events: none; pointer-events: none; } #nav > ul > li > a.toggle, #nav-bar > ul > li > a.toggle { display: block; overflow: hidden; position: relative; left: 34px; top: -3000em; bottom: auto; width: 44px; height: 44px; margin: 0 0 0 -44px; padding: 0; text-indent: -3000em; text-align: left; direction: ltr; } #nav > ul > li > a.toggle:before, #nav-bar > ul > li > a.toggle:before { content: "\e904"; color: var(--custom_drop_nav_fg); font-size: 0.4285714286em; } #nav > ul > li > a.toggle:focus, #nav-bar > ul > li > a.toggle:focus { top: 0; } #nav > ul > li.active > a, #nav-bar > ul > li.active > a, #shopify-section-header li.overlay-theme > a, #nav-top > ul > li > ul li.active > a { color: var(--custom_top_nav_fg_hover); } #shopify-section-header ul ul li.overlay-theme > a { color: var(--custom_drop_nav_fg_hover); } #nav > ul > li > a > i, #nav-bar > ul > li > a > i { display: block; font-size: 1.3571428571em; } #shopify-section-header li.search a { overflow: visible; } #nav > ul > li > ul, #nav-bar > ul > li > ul { display: none; } #nav > ul > a.close, #nav-bar > ul > a.close { display: none !important; position: absolute; top: 100%; z-index: -20; height: auto; background: var(--coal); opacity: .2; text-align: left; text-indent: -3000em; } #nav > ul > li.empty-url > a:not(.toggle, .toggle-back), #nav-bar > ul > li.empty-url > a:not(.toggle, .toggle-back) { pointer-events: none; cursor: default; } #nav-bar { z-index: 3; } #nav-bar ~ #nav, .t1nn #nav-bar, .t1mn #nav, .t1mn #nav-bar, /*.t1mn #header > .link-btn,*/ .t1mn #header-inner > .link-btn/*, .t1mn #shopify-section-header > .link-btn*/ { display: none; } #nav-user { display: block; position: relative; z-index: 5; float: right; margin: 0 0 12px auto; /*padding-left: 32px;*/ font-size: var(--size_14); } #nav-user > ul { list-style: none; margin: 0 -24px 0 0; padding: 0; } #nav-user > ul > li { position: relative; z-index: 2; margin: 0 24px 0 0; } #nav-user > ul > li > a { display: block !important; overflow: hidden; position: relative; z-index: 2; max-width: 150px; height: 45px; margin: 0; padding: 0; color: inherit; font-weight: inherit; font-size: 1em; line-height: 45px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } #nav-user > ul > li > a:after, #nav-top > ul > li > a:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 100%; min-width: 44px; height: 44px; margin: -22px 0 0; } #nav-user > ul > li > a:after, #nav-top > ul > li > a:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } /*#nav-user > ul > li > a:after { content: ""; display: block; position: absolute; left: -6px; right: -6px; top: 0; bottom: 0; z-index: -1; }*/ #nav-user > ul > li.cart > a { overflow: visible; } #nav-user > ul > li > a img { display: block; width: auto !important; height: 45px !important; border-radius: 0; -o-object-fit: contain; object-fit: contain; } #nav-user > ul > li > a ~ a.toggle { display: block; overflow: hidden; position: absolute; right: -5px; top: 0; bottom: 0; z-index: 9; width: 20px; text-align: left; text-indent: -3000em; direction: ltr; } #nav-user > ul > li > a i, #nav-user > ul > li > label i { display: block; float: left; font-size: 1.3571428571em; line-height: 45px; } #nav-user > ul > li > a i + span, #nav-user > ul > li > label i + span { margin-left: 7px; } #nav-user > ul > li > a i span { display: block; position: absolute; left: auto; right: -12px; top: 3px; z-index: 9; min-width: 21px; height: 21px; border-radius: 21px; color: var(--custom_top_main_link_text); font-family: var(--main_ff); font-size: var(--size_12); line-height: 21px; text-align: center; text-indent: 0; } #root #nav-user > ul > li > a i span:before { border-radius: 21px; } #nav-user > ul > li > a i.icon-youtube { font-size: 1em; } #nav-user > ul > li > a i.icon-facebook { font-size: 1.0714285714em; } #nav-user > ul > li > a i.icon-user { font-size: 1.4285714286em; } /*#nav-user > ul > li > a i[class*="icon-cart"], #nav-user > ul > li > a i[class*="icon-bag"], #nav-user > ul > li > a i[class*="icon-basket"] { padding-right: 12px; }*/ #nav-user > ul > li > a i[class*="icon-cart"] { font-size: 1.7142857143em; line-height: 43px; } #nav-user > ul > li.user-login { position: static; } #nav-user > ul > li > form { display: none; } #root #nav-user > ul > li > form ~ a.toggle { display: none !important; } #shopify-section-header > .text-end + .text-end, #header > .text-end + .text-end { margin-left: 0; } #nav-top { position: absolute; left: 0; right: 0; top: 0; z-index: 9; height: 35px; color: var(--custom_top_up_fg); font-size: var(--size_13_f); line-height: 35px; } #nav-top:before { background: var(--custom_top_up_bg); } #nav-top > ul { position: relative; z-index: 3; list-style: none; margin: 0 -24px 0 0; padding: 0; font-weight: 400; text-align: inherit; } #root #nav-top > ul.text-start { position: absolute; left: 0; right: auto; top: 0; margin-right: auto; } #root #nav-top > ul.text-end { position: absolute; right: 0; left: auto; top: 0; margin-left: auto; } #root #nav-top > ul.text-center { position: absolute; left: 50%; right: auto; top: 0; margin-left: auto; margin-right: auto; } #root #nav-top > ul.text-center { -webkit-transform: translateX(-50%); transform: translateX(-50%); } #nav-top > ul > li { position: relative; z-index: 2; margin: 0 24px 0 0; white-space: nowrap; } #nav-top > ul > li > a { display: block; position: relative; z-index: 2; height: 35px; margin: 0; padding: 0; color: inherit; font-weight: inherit; font-size: 1em; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } /*#nav-top > ul > li > a span:after { content: "\0000a0"; }*/ #nav-top > ul > li.sub > a, #nav-user > ul > li.sub > a, .l4dr li.sub > a { padding-right: 15px; } #nav-top > ul > li.sub > a:before, #nav-user > ul > li.sub > a:before, .l4dr li.sub > a:before { content: "\e904"; left: auto; font-size: 0.4285714286em; } #nav-user > ul > li.sub > a:before { padding: 0 1px; } #nav-top > ul > li.sub.toggle > a:before, #nav-user > ul > li.sub.toggle > a:before, .l4dr li.sub.toggle > a:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #nav-top > ul > li > a i, #nav-top > ul > li > a img { display: block; position: relative; z-index: 2; max-width: none !important; font-size: 1.3333333333em; line-height: 35px; } #nav-top > ul > li > a i.icon-star { top: -.12em; margin: 0 2px 0 5px; color: var(--alert_valid); font-size: 1.225em; } #nav-top > ul > li > a i.icon-text-size { font-size: 17px; } #nav-top > ul > li > a img { display: block; position: relative; z-index: 2; /**/ -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } #nav-top > ul > li > a i.icon-trustpilot, #nav-top > ul > li > a img { top: -.1em; margin: 0 2px 0 5px; border-radius: 0; color: var(--lime); font-size: 1.25em; } #nav-top > ul > li.lang > a img, #root .l4dr img { width: auto !important; min-width: 17px !important; height: 12px !important; margin: 0; } #nav-top > ul > li > a img { display: block; top: 0; } /*#nav-top > ul > li > a img, #nav-top > ul > li > a svg { margin: 0 5px; }*/ #nav-top > ul > li > a i.icon-trustpilot:after { content: "\e93e"; top: 0; z-index: 2; margin: 0; color: var(--black_static); font-size: 1em; line-height: 35px; opacity: .53; } #nav-top > ul > li > a i:before { position: relative; z-index: 2; } #nav-top > ul > li > a i.icon-dark { font-size: 1.5em; } #nav-top > ul > li > a i.icon-trustpilot + span { font-size: 0.9166666667em; font-family: "Helvetica Neue", -apple-system, system-ui, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight: 700; } /*#nav-top > ul > li > a:focus:after { content: ""; display: block; z-index: -1; position: absolute; left: 0; right: 0; top: -5px; bottom: -5px; }*/ #nav-top > ul:nth-child(2):nth-last-child(2), #nav-top > ul:nth-child(2):nth-last-child(3), #nav-top > ul.text-center { position: absolute; left: 0; right: 0; top: 0; z-index: 2; } #nav-top > ul > li > ul, #nav-user > ul > li > ul, #nav-top > ul > li > form { display: none; } #nav-top > ul.l4us { min-width: 0; } #nav-top > ul.l4us li:before, #nav-top > .l4us .li:before { top: 0; line-height: 35px; } #nav-top > ul.l4us em { display: inline; } #nav-top > ul.l4us li { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #nav-top .l4us.slider { z-index: 9; max-width: 100%; min-width: 0; height: 100%; margin-right: 24px; margin-left: 24px; } #root #nav-top .l4us.slider:first-child { margin-left: 0; margin-right: 0; } #nav-top > .l4us .outer { display: block; position: relative; } #nav-top > .l4us .outer .inner { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #nav-top > .l4us .outer .inner-text { display: block; position: absolute; left: 0; top: 0; z-index: -10; white-space: nowrap; opacity: 0; } #nav-top > .l4us .longer .outer { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #nav-top > .l4us .longer a.linked { display: block; padding-left: 6px; text-overflow: inherit; white-space: nowrap; } #nav-top > ul.l4us ~ ul:not(.l4us) { padding-left: 24px; } @media only screen and (min-width: 761px) { /* 760 + */ #nav-top > .l4us.slider:not(.slider-single) .longer a.linked { display: none; } #nav-top .l4us.slider-in-header:not(.slider-single) .swiper-slide { width: auto; } #nav-top .l4us.slider-in-header:not(.slider-single) .swiper-outer { position: relative; z-index: 2; } #nav-top .l4us.slider-in-header:not(.slider-single) .swiper-outer:before { content: ""; display: block; position: absolute; right: 0; top: 0; bottom: 0; z-index: 9; width: 10%; } #nav-top .l4us.slider-in-header:not(.slider-single) .swiper-outer:before { background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, var(--custom_top_up_bg) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, var(--custom_top_up_bg) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, var(--custom_top_up_bg) 100%); } } #nav-top > ul:last-child { margin-left: auto; } #shopify-section-header > .close, #header > .close { display: none; top: 100%; bottom: auto; height: 100000px; z-index: 3; background: var(--coal); text-align: left; text-indent: -3000em; direction: ltr; opacity: .2; } /*#shopify-section-header > .link-btn,*/ #header > .link-btn, #header-inner > .link-btn { margin: 0 0 12px; } /*#shopify-section-header > .link-btn a,*/ #header > .link-btn a, #header-inner > .link-btn a { height: 45px; margin: 0; padding: 0 23px; color: var(--custom_top_main_link_text); font-size: var(--size_14_f); line-height: 45px; white-space: nowrap; } /*#shopify-section-header > .link-btn a,*/ #root #nav-user > ul > li > a i span, /*#header > .link-btn a,*/ #header-inner > .link-btn a { color: var(--custom_top_main_link_text); } /*#shopify-section-header > .link-btn a:before,*/ #root #nav-user > ul > li > a i span:before, /*#header > .link-btn a:before,*/ #header-inner > .link-btn a:before { border-color: var(--custom_top_main_link_bg); background: var(--custom_top_main_link_bg); } /*#shopify-section-header > input, #nav > ul > li > input, #nav-bar > ul > li > input, #header > input { display: block; position: absolute; left: 0; top: 0; z-index: 9123; opacity: 1; } */ #search { /*position: absolute; left: 50%; top: 47px; width: 496px; margin: 0 0 0 -248px;*/ position: relative; z-index: 5; width: 100%; max-width: /*488px*/ 420px; margin: 0 0 12px; } .search-compact-cont { display: block; position: relative; z-index: 12; } .search-compact-toggle { display: block; position: relative; width: 20px; height: 45px; margin-bottom: 12px; color: inherit; font-size: 20px; text-decoration: none; text-indent: -3000em; text-align: left; direction: ltr; cursor: pointer; } .search-compact-toggle:before { content: "\e91d"; } #root .search-compact-toggle:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; } .search-compact-toggle ~ .search-compact-toggle { position: absolute; left: 0; top: -3000em; z-index: 2; } .search-compact-toggle ~ .search-compact-toggle:focus { left: 0; top: 0; } .search-compact-toggle ~ .search-compact-toggle:before { display: none; } #root #header-inner > .text-center { margin-left: auto; margin-right: auto; } #root #header-inner > .text-end:last-child { margin-left: auto; } #root #header-inner #search.wide:last-child { max-width: none; margin-left: 0; margin-right: 0; } #root .text-justify #header-inner #search, #root .text-end #header-inner #search, #root .text-start #header-inner #search, #root .text-center #header-inner #search { margin-left: 0; margin-right: 0; } #search input { height: 45px; padding-right: 55px; border-color: var(--custom_top_search_bd); background: var(--custom_top_search_bg); color: var(--custom_top_search_fg); } #search.has-text input { padding-right: 75px; } #search input::-webkit-input-placeholder { color: var(--custom_top_search_pl); opacity: 1; } #search input:-ms-input-placeholder { color: var(--custom_top_search_pl); opacity: 1; } #search input::-ms-input-placeholder { color: var(--custom_top_search_pl); opacity: 1; } #search input::placeholder { color: var(--custom_top_search_pl); opacity: 1; } #search button { display: block; overflow: hidden; position: absolute; right: 0; bottom: 0; width: 55px; min-width: 0; height: 45px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; background: none; color: var(--custom_top_search_fg); font-size: var(--size_20); text-indent: -3000em; text-align: left; direction: ltr; } #root #search button:before { content: "\e91d"; box-shadow: none; border: 0; background: none; outline: 0; } #search.text-start { margin-left: 0; margin-right: 32px; } #search > div, #search fieldset > div { display: none; } #search > a.toggle, #search p > a.search-back, #search .clear-toggle { display: none; } /* search_drop_desktop */ #shopify-section-header.fixed { position: fixed; top: -35px; } #distance-counter { position: absolute; left: 0; top: 0; z-index: -1; width: 10px; height: 10px; } #background { overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; margin: 0; } #background { -webkit-clip-path: inset(0); clip-path: inset(0); } #background img, #background iframe, #background video, #background picture { display: block; position: fixed; left: 0; right: 0; top: 0; bottom: 0; } #background.static img, #background.static iframe, #background.static video, #background.static picture { position: absolute; } #content, #shopify-section-footer { position: relative; z-index: 3; width: 100%; max-width: var(--glw); margin: 0 auto; } #content #background { position: absolute; z-index: -1; margin-bottom: 0; } #content { padding-top: 25px; } #content { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } #content > [id*="shopify-section"]:last-child { margin-bottom: 0; } #content[class*="align-center"] > [id*="shopify-section"]:last-child { margin-bottom: var(--main_mr); } #content > *:last-child, #content > [id*="shopify-section"]:last-child > *:last-child { margin-bottom: 60px; } #content > .cols:last-child, #content > form:last-child, #content > [id*="shopify-section"]:last-child > .cols:last-child, #content > [id*="shopify-section"]:last-child > form:last-child { margin-bottom: 34px; } #content > .n6br:first-child, #content > [id*="shopify-section"]:first-child > .n6br:first-child { margin-top: -11px; } #content > .m6fr.wide:first-child, #content > .m6wd:first-child, #content > [id*="shopify-section"]:first-child > .m6fr.wide:first-child, #content > [id*="shopify-section"]:first-child > .m6wd:first-child { margin-top: -25px; } #content > .f8nw.wide:last-child, #content > [id*="shopify-section"]:last-child > .f8nw.wide:last-child { margin-bottom: 0; } #content.align-center { min-height: calc(100vh - 148px); margin-top: auto; margin-bottom: auto; } #content.align-center ~ #footer { margin-top: 0; } #shopify-section-announcement-bar ~ #root #content.align-center { min-height: calc(100vh - 148px - 36px); } /*#root > .overlay-content { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; background: var(--coal); opacity: .2; text-align: left; text-indent: -3000em; direction: ltr; } .m2a #root > .overlay-content { display: block; }*/ #shopify-section-footer { position: relative; z-index: 2; margin-top: auto; padding: 0 0 .1px; border: 0 solid rgba(0,0,0,0); color: var(--custom_footer_fg); font-size: var(--size_14_f); line-height: 1.9285714286; } #shopify-section-footer:before { background: var(--custom_footer_bg); } #shopify-section-footer > nav { margin-left: -40px; padding-top: 57px; padding-bottom: 16px; } #shopify-section-footer > nav > * { position: relative; z-index: 2; max-width: 344px; /*margin-left: auto;*/ padding: 0 0 30px; border-left: 40px solid rgba(0,0,0,0); font-weight: 400; } #shopify-section-footer > nav > .m6cn { width: 426px; max-width: 426px; min-width: 326px; margin-left: 0; } #shopify-section-footer > nav .m6cn p { max-width: 260px; } #shopify-section-footer > nav .m6cn figure { position: absolute; left: -75px; right: -75px; bottom: -16px; z-index: -1; margin-bottom: 0; border-radius: 0; } #shopify-section-footer > nav .m6cn figure.static { left: 0; right: 0; bottom: 0; } #shopify-section-footer > nav .m6cn[class*="w"] figure { left: -40px; right: -40px; } #shopify-section-footer > nav .m6cn figure * { border-radius: 0; } #shopify-section-footer > nav .m6cn figure img { max-width: 320px !important; } #shopify-section-footer > nav ul { list-style: none; padding: 0; } #shopify-section-footer > nav ul ul { margin: 0; padding-left: 20px; } #shopify-section-footer > div { position: relative; z-index: 2; padding: 17px 0 1px; color: var(--custom_footer_fg_bottom); /*font-size: var(--size_14_f);*/ } #shopify-section-footer > div:before { background: var(--custom_footer_bg_bottom); } #shopify-section-footer > div figure { margin-right: 10px; } #shopify-section-footer > div figure, #shopify-section-footer > div figure * { border-radius: 0; } #shopify-section-footer > div p { max-width: 50%; margin-right: 30px; } #shopify-section-footer > div .l4pm { margin-left: auto; margin-right: -32px; padding-left: 10px; } #shopify-section-footer > div .l4pm li { margin-right: 32px; } #shopify-section-footer h1, #shopify-section-footer h2, #shopify-section-footer h3, #shopify-section-footer h4, #shopify-section-footer h5, #shopify-section-footer h6 { position: relative; z-index: 2; margin: 0 0 13px; color: inherit; font-size: var(--size_16_f); } #shopify-section-footer figure, #shopify-section-footer p, #shopify-section-footer ul { margin-bottom: 16px; } #shopify-section-footer .l4pm { margin-bottom: 6px; } @media only screen and (min-width: 761px) { /* 760 + */ #root #shopify-section-footer > nav.w15 > *, #root #shopify-section-footer > nav > .w15 { width: 15%; min-width: 15%; max-width: 15%; } #root #shopify-section-footer > nav.w16 > *, #root #shopify-section-footer > nav > .w16 { width: 16.66666666666%; min-width: 16.66666666666%; max-width: 16.66666666666%; } #root #shopify-section-footer > nav.w20 > *, #root #shopify-section-footer > nav > .w20 { width: 20%; min-width: 20%; max-width: 20%; } #root #shopify-section-footer > nav.w25 > *, #root #shopify-section-footer > nav > .w25 { width: 25%; min-width: 25%; max-width: 25%; } #root #shopify-section-footer > nav.w30 > *, #root #shopify-section-footer > nav > .w30 { width: 30%; min-width: 30%; max-width: 30%; } #root #shopify-section-footer > nav.w33 > *, #root #shopify-section-footer > nav > .w33 { width: 33.3333333333%; min-width: 33.3333333333%; max-width: 33.3333333333%; } #root #shopify-section-footer > nav.w40 > *, #root #shopify-section-footer > nav > .w40 { width: 40%; min-width: 40%; max-width: 40%; } #root #shopify-section-footer > nav.w50 > *, #root #shopify-section-footer > nav > .w50 { width: 50%; min-width: 50%; max-width: 50%; } #root #shopify-section-footer > nav.w66 > *, #root #shopify-section-footer > nav > .w66 { width: 66.6666666666%; min-width: 66.6666666666%; max-width: 66.6666666666%; } #shopify-section-footer [class*="w"][class*="0"], #shopify-section-footer [class*="w"][class*="5"] { -webkit-justify-content: flex-start; justify-content: flex-start; } #shopify-section-footer [class*="w"][class*="0"] form, #shopify-section-footer [class*="w"][class*="5"] form { width: 100%; } #shopify-section-footer .l4pm { -webkit-flex-shrink: 10000; flex-shrink: 10000; } } #shopify-section-footer .l4sc { margin-bottom: 2px; } #shopify-section-footer form { width: 300px; margin-bottom: 9px; } #shopify-section-footer form p { margin-bottom: 8px; } #shopify-section-footer .check { margin-bottom: 12px; } #shopify-section-footer .check label { color: inherit; } #shopify-section-footer .link-btn a, #shopify-section-footer button { color: var(--custom_footer_link_text); } #shopify-section-footer .link-btn a:before, #shopify-section-footer button:before { border-color: var(--custom_footer_link_bg); background: var(--custom_footer_link_bg); } #shopify-section-footer nav ul img { display: inline-block; position: relative; top: -.0125em; margin-right: 4px; border-radius: 0; } #shopify-section-footer .l4us a { color: var(--secondary_bg); text-decoration: underline; } #shopify-section-footer hr { margin: 0; border-color: var(--black); opacity: .12; } #shopify-section-footer > nav + hr { margin-top: -44px; } #shopify-section-footer hr + * { margin-top: 40px; padding-top: 0; } #cookie-bar { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 8; width: auto; min-height: 68px; margin: 0; padding: 8px var(--rpp) 0; }#shopify-section-footer form { width: 300px; margin-bottom: 9px; } #cookie-inner { position: relative; z-index: 2; width: 100%; max-width: var(--glw); margin-left: auto; margin-right: auto; } #cookie-bar:before { box-shadow: 0 -2px 10px rgba(0,0,0,.06); background: var(--white); } #cookie-bar p { margin-bottom: 8px; } #cookie-bar .icon-cookie { display: block; position: relative; margin: 0 14px 8px 0; color: var(--gray_text); font-size: 34px; line-height: 1em; } #cookie-bar .link-btn { margin-right: -32px; margin-bottom: 0; margin-top: 0; margin-left: auto; padding-left: 16px; } #cookie-bar .link-btn a { margin-right: 32px; white-space: nowrap; } .cookie-off #cookie-bar, .cookie-toggle #cookie-bar { -webkit-transform: translateY(110%); transform: translateY(110%); } @media only screen and (min-width: 761px) { /* 760 + */ .product-scrolled .f8ps ~ #cookie-bar { -webkit-transform: translateY(110%); transform: translateY(110%); } } #shopify-section-announcement-bar { display: none; overflow: hidden; position: relative; z-index: 9; margin: 0; padding: 0 var(--rpp) .1px; background: var(--custom_alert_bg); color: var(--custom_alert_fg); font-size: var(--size_14); line-height: var(--main_lh_h); } #shopify-section-announcement-bar > * ~ * { display: none; } #shopify-section-announcement-bar.s4wi { padding-left: 0; padding-right: 0; } #shopify-section-announcement-bar p { max-width: var(--glw); margin-left: auto; margin-right: auto; padding-right: 24px; } #shopify-section-announcement-bar.s4wi p { padding-left: 0; padding-right: 0; } #shopify-section-announcement-bar.text-center p, #shopify-section-announcement-bar .text-center, p #shopify-section-announcement-bar p.text-center { padding-left: 16px; padding-right: 16px; } #shopify-section-announcement-bar .text-center p { padding-left: 0; padding-right: 0; } #shopify-section-announcement-bar .swiper-slide { padding-left: var(--rpp); padding-right: var(--rpp); } #shopify-section-announcement-bar > p { padding-bottom: 14px; } #shopify-section-announcement-bar > p:first-child { padding-top: 14px; } #shopify-section-announcement-bar > div { padding-top: 14px; padding-bottom: 14px; } #shopify-section-announcement-bar > .swiper-custom-pagination { display: none; } #shopify-section-announcement-bar ~ #root { min-height: calc(100vh - 44px); } #shopify-section-announcement-bar a.close { display: block; position: absolute; right: 0; top: 0; width: 44px; height: 100%; max-height: 44px; margin: 0; padding: 0; color: inherit; font-size: var(--size_12); text-indent: -3000em; text-align: left; direction: ltr; } #shopify-section-announcement-bar a.close:before { content: "\e91f"; } #shopify-section-announcement-bar a.close:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; } #shopify-section-announcement-bar.s4wi a.close { display: none; } #shopify-section-announcement-bar * { margin: 0; } #shopify-section-announcement-bar .swiper-button-next { right: 0; } #shopify-section-announcement-bar .swiper-button-prev { left: 0; } #shopify-section-announcement-bar .swiper-button-next, #shopify-section-announcement-bar .swiper-button-prev { display: block; width: var(--rpp); color: var(--custom_alert_fg); } body > *:not(#root, .fancybox__container) button:before { display: none; } /*.t1as { }*/ .t1as.t1pl #root { min-height: 100vh !important; padding-top: 0; } @media only screen and (min-width: 761px) { /* 760 + */ /*.t1as { }*/ .t1as.t1pl #content, .t1as #content { position: static; max-width: none; margin-top: 0; margin-bottom: 0; padding-right: calc(50% + var(--rpp)); } .t1as #background, .t1as #content #background { position: absolute; left: 50%; width: auto; margin: 0; } .t1as .m6fr.wide.s4wi { margin-left: var(--rpn); margin-right: var(--rpn); } .t1as .m6fr.wide.s4wi article { padding-left: var(--rpp); padding-right: var(--rpp); } .t1as .m6fr.wide figure, .t1as .m6fr.wide article:before, .t1as .m6wd:before, .t1as .m6wd .background, .t1as .f8nw.wide:before, .t1as .f8nw.wide .background, .t1as .l4us.wide:before, .t1as .m6tb > nav:before, .t1as .m6wd:before, .t1as .m6bx.wide:before { left: var(--rpn); right: var(--rpn); width: auto; margin-left: 0; } .t1as .l4us.wide:before { -webkit-transform: translateX(-32px); transform: translateX(-32px); } .t1as #background img, .t1as #background iframe, .t1as #background video, .t1as #background picture { left: 50%; width: 50% !important; } } @media only screen and (min-width: 761px) and (max-width: 90em) { /* 760 - 1440 */ .t1as .m6fr.wide article, .t1as .m6fr.wide .swiper-slide article { padding-left: var(--rpp); padding-right: var(--rpp); } } @media only screen and (min-width: 761px) and (max-width: 84.75em) { /* 760 - 1356 */ /*[class*="t1as"] .m6fr.wide, [class*="t1as"] .m6fr.wide.s4wi { margin-left: 0; margin-right: 0; }*/ } .t1nn #root, .t1mn #root { padding-top: 104px; } .t1nt #root { padding-top: 113px; } .t1nt #shopify-section-header #header-outer { padding-top: 12px; } .t1nt #logo.text-center { top: 12px; } .t1nt #shopify-section-header.fixed { top: 0; } .t1nt #nav-top { overflow: hidden; height: 0; } .t1nn #content.align-center, .t1mn #content.align-center { min-height: calc(100vh - 104px); } .t1nn #shopify-section-announcement-bar ~ #root #content.align-center, .t1mn #shopify-section-announcement-bar ~ #root #content.align-center { min-height: calc(100vh - 104px - 36px); } .t1nt #content.align-center { min-height: calc(100vh - 113px); } .t1nt #shopify-section-announcement-bar ~ #root #content.align-center { min-height: calc(100vh - 113px - 36px); } .t1nn.t1nt #root, .t1mn.t1nt #root { padding-top: 69px; } .t1nn.t1nt #content.align-center, .t1mn.t1nt #content.align-center { min-height: calc(100vh - 69px); } .t1nn.t1nt #shopify-section-announcement-bar ~ #root #content.align-center, .t1mn.t1nt #shopify-section-announcement-bar ~ #root #content.align-center { min-height: calc(100vh - 69px - 36px); } /*.t1pl { }*/ .t1pl #root { min-height: 100vh; padding-top: 60px; padding-bottom: .1px; } .t1pl #content { padding-left: 0; padding-right: 0; } .t1pl:not(.t1as) #content { margin-top: auto; margin-bottom: auto; padding: 0; } .t1as #content.align-center { margin-top: auto; margin-bottom: auto; } #nav > ul, .l4cl.hr { scrollbar-width: thin; } #nav > ul::-webkit-scrollbar, .l4cl.hr::-webkit-scrollbar { width: 6px; height: 6px; } #nav > ul::-webkit-scrollbar-track, .l4cl.hr::-webkit-scrollbar-track { background: none; } #nav > ul::-webkit-scrollbar-thumb, .l4cl.hr::-webkit-scrollbar-thumb { background: var(--alto); } /*#nav-top ul ul, #nav-user ul ul,*/ #nav-top form, .l4dr ul { scrollbar-width: thin; } /*#nav-top ul ul::-webkit-scrollbar, #nav-user ul ul::-webkit-scrollbar,*/ #nav-top form::-webkit-scrollbar, .l4dr ul::-webkit-scrollbar { width: 6px; height: 6px; } /*#nav-top ul ul::-webkit-scrollbar-track, #nav-user ul ul::-webkit-scrollbar-track,*/ #nav-top form::-webkit-scrollbar-track, .l4dr ul::-webkit-scrollbar-track { background: none; } /*#nav-top ul ul::-webkit-scrollbar-thumb, #nav-user ul ul::-webkit-scrollbar-thumb,*/ #nav-top form::-webkit-scrollbar-thumb, .l4dr ul::-webkit-scrollbar-thumb { background: var(--gallery); } /*! Columns --------- */ .cols { display: block; position: relative; margin-left: -16px; } .cols > * { display: block; position: relative; clear: none; float: right; border: 0 solid rgba(0,0,0,0); border-left-width: 16px; } .cols > *:first-child { float: left; } .cols > *:first-child:last-child { float: none; width: 100%; } @media only screen and (min-width: 1001px) { .cols > .desktop-hide:first-child + *:last-child { float: none; width: 100%; } } .cols > .w10, #root .m6ac > .w10 { width: 10%; max-width: none; } .cols > .w12, #root .m6ac > .w12 { width: 12.5%; max-width: none; } .cols > .w14, #root .m6ac > .w14 { width: 14.2857142857%; max-width: none; } .cols > .w15, #root .m6ac > .w15 { width: 15%; max-width: none; } .cols > .w16, #root .m6ac > .w16 { width: 16.66666666666%; max-width: none; } .cols > .w20, #root .m6ac > .w20 { width: 20%; max-width: none; } .cols > .w25, #root .m6ac > .w25 { width: 25%; max-width: none; } .cols > .w30, #root .m6ac > .w30 { width: 30%; max-width: none; } .cols > .w33, #root .m6ac > .w33 { width: 33.33333333333%; max-width: none; } .cols > .w35, #root .m6ac > .w35 { width: 35%; max-width: none; } .cols > .w36, #root .m6ac > .w36 { width: 36%; max-width: none; } .cols > .w40, #root .m6ac > .w40 { width: 40%; max-width: none; } .cols > .w42, #root .m6ac > .w42 { width: 42%; max-width: none; } .cols > .w45, #root .m6ac > .w45 { width: 45%; max-width: none; } .cols > .w50, #root .m6ac > .w50 { width: 50%; max-width: none; } .cols > .w55, #root .m6ac > .w55 { width: 55%; max-width: none; } .cols > .w58, #root .m6ac > .w58 { width: 58%; max-width: none; } .cols > .w60, #root .m6ac > .w60 { width: 60%; max-width: none; } .cols > .w64, #root .m6ac > .w64 { width: 64%; max-width: none; } .cols > .w66, #root .m6ac > .w66 { width: 66.66666666666%; max-width: none; } .cols > .w70, #root .m6ac > .w70 { width: 70%; max-width: none; } .cols > .w75, #root .m6ac > .w75 { width: 75%; max-width: none; } .cols > .w80, #root .m6ac > .w80 { width: 80%; max-width: none; } .cols > .w85, #root .m6ac > .w85 { width: 85%; max-width: none; } .cols > .w90, #root .m6ac > .w90 { width: 90%; max-width: none; } .cols > .w95, #root .m6ac > .w95 { width: 95%; max-width: none; } .cols > .w100, #root .m6ac > .w100 { width: 100%; max-width: none; } .cols:not(.align-middle) > h1, .cols:not(.align-middle) > h2, .cols:not(.align-middle) > h3, .cols:not(.align-middle) > h4, .cols:not(.align-middle) > h5, .cols:not(.align-middle) > h6, .cols:not(.align-middle) > p { -webkit-align-self: baseline; align-self: baseline; } .cols > .link-btn { margin-top: 0; } /*.cols > .link-btn { -webkit-align-self: center; align-self: center; }*/ .cols > h1 + p, .cols > h2 + p, .cols > h3 + p, .cols > h4 + p, .cols > h5 + p, .cols > h6 + p, header.cols > p:first-child:last-child { margin-bottom: 10px; } .cols > h1 + p a, .cols > h2 + p a, .cols > h3 + p a, .cols > h4 + p a, .cols > h5 + p a, .cols > h6 + p a { white-space: nowrap; } .cols.align-middle > h1 + .link-btn, .cols.align-middle > h2 + .link-btn, .cols.align-middle > h3 + .link-btn, .cols.align-middle > h4 + .link-btn, .cols.align-middle > h5 + .link-btn, .cols.align-middle > h6 + .link-btn { top: 3px; } .cols + h1, .cols + h2, .cols + h3, .cols + h4, .cols + h5, .cols + h6, .cols + .m6ac, .cols + .m6fr { margin-top: 16px; } .cols.aside { padding-right: 320px; } .cols.aside > * { width: 100%; } .cols.aside > aside { width: 320px; margin-right: -320px; } .cols.aside.b50 { padding-right: 354px; } .cols.aside.b50 > aside { width: 354px; margin-right: -354px; } .cols.b30 { margin-left: -30px; } .cols.b30 > * { border-left-width: 30px; } .cols.b50 { margin-left: -50px; } .cols.b50 > * { border-left-width: 50px; } .cols.b75 { margin-left: -75px; } .cols.b75 > * { border-left-width: 75px; } /*! Modules --------- */ .accordion-a { margin: 26px 0 45px; text-align: left; } .accordion-a details { display: block; position: relative; z-index: 2; padding: 0 64px .1px 26px; border: 0 solid rgba(0,0,0,0); border-top-width: 1px; } .accordion-a details:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: -1px; bottom: -1px; border: 0 solid var(--black); border-top-width: 1px; opacity: .07; } .accordion-a details:last-child { border-bottom-width: 1px; } .accordion-a details:last-child:before { border-bottom-width: 1px; } .accordion-a details[open] { border-color: rgba(0,0,0,0); } .accordion-a details[open] summary { margin-bottom: -8px; } .accordion-a details[open] + details { border-top-color: rgba(0,0,0,0); } .accordion-a details[open] + details[open] { border-top-color: var(--body_bg); } .accordion-a details[open]:before { border-width: 0; background: var(--primary_text); opacity: .05; } .accordion-a details[open] + details:before { border-top-width: 0; } .accordion-a:not(.compact) details > div > *:last-child { margin-bottom: 18px; } .accordion-a details > div > .link-btn:last-child, .accordion-a details > div > .submit:last-child { margin-bottom: 10px; } .accordion-a summary { display: block; position: relative; z-index: 2; margin: 0 -64px 0 -26px; padding: 22px 64px 22px 26px; font-size: var(--size_16_f); font-weight: var(--main_fw_h); line-height: var(--main_lh_h); cursor: pointer; outline: none; } .accordion-a summary::-webkit-details-marker { display: none; } .accordion-a summary:before { content: "\e945"; left: auto; width: 64px; color: var(--secondary_bg); font-size: var(--size_20_f); } .accordion-a summary [class*="icon"], .accordion-a summary .img, .accordion-a summary img, .accordion-a summary picture, .accordion-a summary video, .accordion-a summary svg { display: block; position: relative; top: 10px; margin-top: -20px; margin-right: 10px; border-radius: 0; line-height: 1; } #root .accordion-a summary picture img, #root .accordion-a summary .img * { margin-left: 0; margin-right: 0; } .accordion-a details[open] summary:before { content: "\e946"; } .accordion-a .l4cl.hr:first-child { margin-top: -11px; } .accordion-a .l4cl.hr:last-child { margin-bottom: 0; } .accordion-a .l4cl.hr li:last-child:before { border-bottom-width: 0; } .accordion-a + .accordion-a { margin-top: -45px; } .accordion-a.compact { margin-bottom: 26px; } .accordion-a.compact details[open]:before, .accordion-a.compact details[open] + details:before { border-top-width: 1px; border-top-color: var(--black); background: none; opacity: .07; } .accordion-a.compact details { padding: 0; } .accordion-a.compact details[open] { padding-bottom: 9px; } .accordion-a.compact p:not(.link-btn, .price, .r6rt), .accordion-a.compact ul, .accordion-a.compact ol { margin-bottom: 18px; } .accordion-a.compact summary { margin: 0; padding: 18px 44px 18px 0; font-size: var(--size_14_f); } .accordion-a.compact summary:before { content: "\e904"; right: 0; width: 44px; color: var(--gray); font-size: 6px; } .accordion-a.compact details[open] summary { margin-bottom: 2px; color: inherit; } .accordion-a.compact details[open] summary:before { content: "\e908"; } .accordion-a.compact .l4cl:last-child { margin-bottom: 0; } .accordion-a.compact + .accordion-a { margin-top: -27px; } .accordion-a + .accordion-a > details:first-child:before { border-top-width: 0; } @media only screen and (min-width: 761px) { /* 760- */ .compact.l4cl:not(.hr) { overflow-y: hidden; overflow-x: auto; margin-left: 0; margin-right: 0; padding-bottom: 16px; } .compact.l4cl:not(.hr) { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .compact.l4cl:not(.hr) li { width: 166px; min-width: 166px; max-width: 166px; margin-bottom: 0; } .compact.l4cl:not(.hr) li:first-child { width: 150px; min-width: 150px; max-width: 150px; border-left-width: 0; } .compact.l4cl:not(.hr) li.w20, .compact.w20.l4cl:not(.hr) li { width: 95.5px; min-width: 95.5px; max-width: 95.5px; } .compact.l4cl:not(.hr) li.w20:first-child, .compact.w20.l4cl:not(.hr) li:first-child { width: 79.5px; min-width: 79.5px; max-width: 79.5px; } .compact.l4cl:not(.hr) li.w25, .compact.w25.l4cl:not(.hr) li { width: 119.5px; min-width: 119.5px; max-width: 119.5px; } .compact.l4cl:not(.hr) li.w25:first-child, .compact.w25.l4cl:not(.hr) li:first-child { width: 103.5px; min-width: 103.5px; max-width: 103.5px; } .compact.l4cl:not(.hr) li.w50, .compact.w50.l4cl:not(.hr) li { width: 247px; min-width: 247px; max-width: 247px; } .compact.l4cl:not(.hr) li.w50:first-child, .compact.w50.l4cl:not(.hr) li:first-child { width: 215px; min-width: 215px; max-width: 215px; } .compact.l4cl:not(.hr) li.w100, .compact.w100.l4cl:not(.hr) li { width: 478px; min-width: 478px; max-width: 478px; } .compact.l4cl:not(.hr) li.w100:first-child, .compact.w100.l4cl:not(.hr) li:first-child { width: 462px; min-width: 462px; max-width: 462px; } .compact.l4cl:not(.hr) figure form, .compact.l4cl:not(.hr) figure .link-btn { display: none; } #root .compact.l4cl:not(.list, .hr) .static form { display: block; } #root .compact.l4cl:not(.list, .hr) .static .link-btn { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .js .countdown { min-height: 58px; font-weight: 400; font-size: var(--size_24_f); font-family: var(--main_ff); line-height: var(--main_lh_h); text-align: center; } .countdown .simply-section { position: relative; z-index: 2; margin: 0 15px 0 0; } .countdown .simply-section:before { content: ":"; display: block; position: absolute; left: 100%; top: 0; width: 15px; line-height: 41px; text-align: center; } #root .countdown .simply-section:last-child { margin-right: 0; color: var(--secondary_bg); } #root .countdown .simply-section:last-child * { color: inherit; } .countdown .simply-amount { display: block; height: 41px; margin: 0 0 3px; line-height: 41px; } .countdown .simply-amount > span { display: block; position: relative; z-index: 2; width: 29px; height: 41px; margin: 0 2px 0 0; font-weight: 400; } .countdown .simply-amount > span:before { border-radius: var(--b2r); border: 0 solid var(--alto); border-left-width: 2px; border-bottom-width: 2px; background: var(--sand); } .countdown .simply-amount > span:last-child { margin-right: 0; } .countdown.strong * { font-weight: 700; } .countdown .simply-word { display: block; color: var(--primary_text); font-size: var(--size_12_f); font-weight: 400; } span.countdown { margin-left: 10px; } span.countdown.compact { margin-left: 0; margin-right: 0; font-size: 1em; } .countdown.compact { font-size: var(--size_14_f); } .js .countdown.compact { min-height: 0; } .countdown.compact .simply-section { margin: 0 6px 0 0; line-height: inherit; } .countdown.compact .simply-section:before { top: 0; width: 6px; line-height: inherit; } .countdown.compact .simply-amount { display: inline; width: auto; height: auto; margin: 0; background: none; line-height: inherit; } .countdown.compact .simply-amount > span { width: auto; height: auto; margin: 0; } .countdown.compact .simply-amount > span { display: inline; width: auto; height: auto; margin: 0; background: none; } .fancybox__container { visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; } .has-anchor { position: relative; z-index: 2; } .has-anchor .anchor[id] { display: block; position: absolute; left: 0; top: -135px; } .t1nn .has-anchor .anchor[id], .t1mn .has-anchor .anchor[id] { top: -90px; } .t1sn .has-anchor .anchor[id] { top: -65px; } /*.model-3d { }*/ .fslightbox-container .model-3d, .fancybox__container .model-3d { width: 100%; height: 100%; } .model-3d model-viewer { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; height: 100% !important; } a .model-3d * { -ms-pointer-events: none; pointer-events: none; } model-viewer { --poster-color: transparent; } #root .model-3d button { display: none; } .m6as { position: relative; z-index: 2; margin: 32px 0 44px; } .m6as:before { bottom: 26px; } .m6as > * { width: 50%; padding: 0 0 0 48px; } .m6as > figure { overflow: hidden; min-height: 100%; margin-bottom: var(--main_mr); padding: 0; } #root .m6as > figure { padding: 0; } .m6as figure.no-img { padding-top: 32%; } .m6as figure.no-img svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } #root .m6as > figure img, #root .m6as > figure picture { height: 100% !important; } .m6as p + p > a.strong:first-child, .m6as p + a.strong, .m6ac p + p > a.strong:first-child, .m6ac p + a.strong { display: block; margin-top: -14px; } .m6as .l4ft p + p > a.strong:first-child, .m6as .l4ft p + a.strong, .m6ac p + p > a.strong:first-child, .m6ac .l4ft p + a.strong { margin-top: 0; } .m6as h1, .m6as h2, .m6as h3, .m6as h4, .m6as h5, .m6as h6 { margin-top: 0; } /*.m6as h1, .m6as h2, .m6as h3, .m6as h4, .m6as h5, .m6as h6 { font-size: var(--size_24_f); }*/ .m6as + .m6as { margin-top: -10px; } /*.m6as.inv { }*/ .m6as.inv > * { padding-left: 0; padding-right: 48px; } .m6as.overlay { color: var(--white); } .m6as.overlay > * { padding-top: 35px; padding-bottom: 35px; padding-left: 48px; padding-right: 48px; } .m6as.overlay h1, .m6as.overlay h2, .m6as.overlay h3, .m6as.overlay h4, .m6as.overlay h5, .m6as.overlay h6 { color: inherit; } .m6as.overlay:before { background: var(--primary_text); opacity: 1; } .m6as.overlay.inv > * { padding-left: 48px; padding-right: 48px; } @media only screen and (min-width: 1001px) { /* 1000- */ .m6as > figure .icon-play { width: var(--size_100_f); height: var(--size_100_f); font-size: var(--size_100_f); line-height: var(--size_100_f); } } .m6ac { margin: 32px 0 44px -16px; } .m6ac > * { width: 60%; border-left: 16px solid rgba(0,0,0,0); } .m6ac > *:first-child { width: 40%; } .m6ac .l4cl { margin-bottom: -4px; } .m6ac .l4cl.hr { margin-top: -8px; /*margin-right: -21px;*/ } .m6ac.inv .l4cl.hr { margin-right: 0; } .m6ac .l4cl.hr li:last-child:before { border-bottom-width: 0; } .m6ac .l4cl li, .m6ac .l4cl .li { width: 25%; } .m6ac .l4cl li.w50, .m6ac .l4cl .li.w50 { width: 50%; } .m6ac .l4cl li.w50 figure, .m6ac .l4cl .li.w50 figure { padding-top: 100%; } /*.m6ac .l4cl figure { height: 197px; } .m6ac .l4cl.portrait figure, .m6ac .l4cl .portrait figure { height: 234px; } .m6ac .l4cl.portrait li.w50 figure, .m6ac .l4cl.portrait .li.w50 figure, .m6ac .l4cl .portrait.w50 figure, .m6ac .l4cl .portrait.li.w50 figure { height: 522px; }*/ .m6ac .m6pr-compact { margin-left: -16px; } .m6ac .m6pr-compact > * { width: 50%; border-left: 16px solid rgba(0,0,0,0); } @media only screen and (min-width: 1001px) { /* 1000- */ .m6ac.align-stretch > * > .l4ft:first-child:last-child { height: 100%; } .m6ac.align-stretch > * > .l4ft:first-child:last-child figure { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .m6ac.align-stretch > * > .l4ft:first-child:last-child figure, .m6ac.align-stretch > * > .l4ft:first-child:last-child figure img, .m6ac.align-stretch > * > .l4ft:first-child:last-child figure picture, .m6ac.align-stretch > * > .l4ft:first-child:last-child figure video { height: 100% !important; } .m6ac.align-stretch > * > .l4ft:first-child:last-child li:last-child { margin-bottom: 8px; } .m6ac.inv > *:first-child > .l4cl.hr, .m6ac.inv > *:first-child + * > .l4cl.hr { padding-left: 24px; } } .m6bx { position: relative; z-index: 2; margin-bottom: 22px; padding: var(--main_mr) 31px .1px; } .m6bx:before { border: 1px solid var(--gallery); background: var(--body_bg); } /*.m6bx > h1:first-child, .m6bx > h2:first-child, .m6bx > h3:first-child, .m6bx > h4:first-child, .m6bx > h5:first-child, .m6bx > h6:first-child { margin-bottom: 17px; font-size: var(--size_20_f); }*/ .m6bx > *:last-child { margin-bottom: 22px; } .m6bx > .link-btn:last-child, .m6bx > .submit:last-child { margin-bottom: 14px; } .m6bx + .m6bx { margin-top: -6px; } .m6bx + h1, .m6bx + h2, .m6bx + h3, .m6bx + h4, .m6bx + h5, .m6bx + h6 { margin-top: 46px; } h1 + .m6bx, h2 + .m6bx, h3 + .m6bx, h4 + .m6bx, h5 + .m6bx, h6 + .m6bx { margin-top: 22px; } .m6bx a[href*="tel:"] { color: inherit; text-decoration: none; } .m6bx a[href*="tel:"] i { margin-right: 5px; } /*.m6bx.overlay-content { }*/ .m6bx.overlay-content:before { border-color: var(--sand); background: var(--sand); } .m6bx .overlay-content a, .m6bx a.overlay-content { color: inherit; } .m6bx.size-s { padding-top: 50px; padding-bottom: 23px; } .m6bx.size-m { padding-top: 62px; padding-bottom: 35px; } .m6bx.size-l { padding-top: 90px; padding-bottom: 63px; } .m6bx.wide { padding-left: 0; padding-right: 0; } .m6cn, #nav .m6cn ul, #nav-bar .m6cn ul { font-size: var(--size_14_f); } .m6cn > a.has-img, #nav > a.has-img { display: block; } #nav > a.has-img { padding-left: var(--rpp); padding-right: var(--rpp); } .m6cn > a.has-img img, #nav > a.has-img img { width: auto !important; max-height: 36px !important; } .m6cu { position: relative; z-index: 2; min-height: 150px; margin: 50px 0; padding: 26px 56px .1px 26px; color: var(--white); } .m6cu > * { border-left: 30px solid rgba(0,0,0,0); } .m6cu:before { background: var(--coal); } .m6cu h1, .m6cu h2, .m6cu h3, .m6cu h4, .m6cu h5, .m6cu h6 { min-width: 0; margin-bottom: var(--main_mr); } .m6cu h1, .m6cu h2, .m6cu h3, .m6cu h4, .m6cu h5, .m6cu h6 { -webkit-flex-shrink: 5; -ms-flex-shrink: 5; flex-shrink: 5; } .m6cu p.countdown { margin-bottom: 10px; } .m6cu p.countdown { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .m6cu .countdown .simply-amount { color: var(--coal); } .m6cu .countdown .simply-word { color: inherit; } .m6cu .countdown .simply-amount > span:before { background: var(--sand); } .m6fr { position: relative; z-index: 2; margin: 0 0 50px; color: var(--white); font-size: var(--size_14_f); } .m6fr article { position: relative; z-index: 3; min-height: 345px; margin: 0 0 20px; padding: 50px 55px 40px; } .m6fr.slider-fraction.s4wi .swiper-slide article.align-bottom { padding-bottom: 62px; } .m6fr article:before { z-index: -2; background: var(--primary_text); } .m6fr > article { display: none; } #root .m6fr figure { overflow: hidden; padding: 0; } #root .m6fr figure * { border-radius: 0; } #root .m6fr figure.text-end img { -o-object-position: right center; object-position: right center; } #root .m6fr figure.text-start img { -o-object-position: left center; object-position: left center; } .m6fr figure .img-overlay, .m6fr figure .background, #background .img-overlay, .m6wd .background:before, #root .m6wd.overlay-content .img-overlay { background: var(--primary_text); opacity: .7; } .has-html-background .img-overlay, .m6fr .has-html-background:before, .m6fr.has-html-background figure:before { display: none; } #root .overlay-content .img-overlay { background: var(--white); opacity: .7; } #root .overlay-black .img-overlay { background: var(--cod); opacity: .7; } #root .overlay-sand .img-overlay { background: var(--sand); opacity: .7; } #root .overlay-tan .img-overlay { background: var(--tan); opacity: .7; } #root .overlay-theme .img-overlay { background: var(--secondary_bg); opacity: .7; } .l4ft li.overlay-theme { color: var(--white); } .m6fr figure.overlay-content ~ *, .m6fr figure.overlay-sand ~ *, .m6fr figure.overlay-tan ~ *, .l4ft figure.overlay-content ~ *, .l4ft figure.overlay-sand ~ *, .l4ft figure.overlay-tan ~ *, .l4ft li.overlay-content, .l4ft li.overlay-sand, .l4ft li.overlay-tan, .m6fr.slider-fraction[data-active-content*="overlay-content"], .m6fr.slider-fraction[data-active-content*="overlay-content"] .swiper-button-prev, .m6fr.slider-fraction[data-active-content*="overlay-content"] .swiper-button-next, .m6fr.slider-fraction[data-active-content*="overlay-sand"], .m6fr.slider-fraction[data-active-content*="overlay-sand"] .swiper-button-prev, .m6fr.slider-fraction[data-active-content*="overlay-sand"] .swiper-button-next, .m6fr.slider-fraction[data-active-content*="overlay-tan"], .m6fr.slider-fraction[data-active-content*="overlay-tan"] .swiper-button-prev, .m6fr.slider-fraction[data-active-content*="overlay-tan"] .swiper-button-next { color: var(--primary_text); } .m6fr .link-overlay { z-index: 8; } .m6fr article.aside { padding-right: calc(50% + 55px); } .m6fr.wide article.aside > * { width: calc(50% - 55px); } #root .m6fr.wide article.aside > .link-btn { width: calc(50% - 55px + 16px); /*margin-left: 0; margin-right: 0;*/ } #root .m6fr.wide article.aside { padding-left: 0; padding-right: 0; } #root .m6fr article.aside figure { width: auto; } .m6fr article.aside figure, .m6fr.wide article.aside figure { left: 50%; right: 0; } .m6fr.wide > article.aside figure { right: calc(-50vw + 640px); } .m6fr article.aside.inv { padding-left: calc(50% + 55px); padding-right: 55px; } .m6fr article.aside.inv figure, .m6fr.wide article.aside.inv figure { right: 50%; left: 0; } .m6fr.wide > article.aside.inv figure { left: calc(-50vw + 640px); } .m6fr h1, .m6fr h2, .m6fr h3, .m6fr h4, .m6fr h5, .m6fr h6 { width: 100%; margin: 0 0 12px; color: inherit; /*font-size: var(--size_32_f);*/ } .m6fr h1, .m6fr h2, .m6fr h3, .m6fr h4, .m6fr h5, .m6fr h6 { overflow-wrap: normal; -ms-word-break: normal; word-break: normal; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; } .m6fr h1 .small, .m6fr h2 .small, .m6fr h3 .small, .m6fr h4 .small, .m6fr h5 .small, .m6fr h6 .small { display: block; margin-top: 32px; color: inherit; font-weight: inherit; font-size: var(--size_24_f); opacity: 1; } .m6fr p + h1, .m6fr p + h2, .m6fr p + h3, .m6fr p + h4, .m6fr p + h5, .m6fr p + h6 { margin-top: 7px; } .m6fr p { width: 100%; margin-bottom: 12px; } .m6fr article:not(.aside) p:not(.link-btn)/*, .m6fr.text-center p:not(.link-btn)*/ { max-width: 765px; } .m6fr .text-center:not(.aside) p:not(.link-btn)/*, .m6fr.text-center p:not(.link-btn)*/ { margin-left: auto; margin-right: auto; } .m6fr .text-center:not(.aside) .link-btn/*, .m6fr.text-center article:not(.aside) .link-btn*/ { max-width: none; } .m6fr p a { position: relative; z-index: 2; } .m6fr .link-btn { z-index: 9; width: calc(100% + 16px); margin-top: 16px; /*margin-bottom: 0;*/ } .m6fr .link-btn a:before { z-index: -1; } .m6fr .link { position: relative; z-index: 9; } .m6fr .swiper-outer { overflow: hidden; } .m6fr .swiper-button-next, .m6fr .swiper-button-prev { color: var(--white); } .m6fr .swiper-pagination-bullets, .m6fr.slider-fraction .swiper-custom-pagination { position: absolute; left: 0; right: 0; bottom: 24px; z-index: 9; } .m6fr.slider-fraction .swiper-custom-pagination { bottom: 20px; padding-left: 45px; padding-right: 45px; } .m6fr.slider-fraction .swiper-custom-pagination .swiper-pagination-fraction, .swiper-custom-fraction { display: block; margin: 0 2px; font-weight: 700; font-size: var(--size_16_f); } #root .swiper-custom-fraction span, #root .swiper-custom-pagination span, #root .swiper-pagination-fraction span { font-weight: inherit; } .slider-fraction .swiper-custom-pagination .swiper-pagination-current, .slider-fraction .swiper-custom-pagination .swiper-button-prev, .no-thumbs-mobile .swiper-pagination-current, .last-slide-active .total-el, .last-slide-active ~ .swiper-custom-pagination .total-el { opacity: .35; } .m6fr .swiper-pagination-bullet:before { background: var(--white); opacity: 1; } .m6fr[data-active-content*="overlay-content"] .swiper-pagination-bullet:before, .m6fr[data-active-content*="overlay-sand"] .swiper-pagination-bullet:before, .m6fr[data-active-content*="overlay-tan"] .swiper-pagination-bullet:before { background: var(--primary_text); opacity: .25; } .m6fr[data-active-content*="overlay-content"] .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .m6fr[data-active-content*="overlay-sand"] .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .m6fr[data-active-content*="overlay-tan"] .swiper-pagination-bullet.swiper-pagination-bullet-active:before { background: var(--secondary_bg); opacity: 1; } .m6fr[data-active-content*="overlay-theme"] .swiper-pagination-bullet:before, .last-slide-active .swiper-pagination-total, .last-slide-active .swiper-button-next { opacity: .25; } .m6fr[data-active-content*="overlay-theme"] .swiper-pagination-bullet.swiper-pagination-bullet-active:before { background: var(--white); opacity: 1; } .m6fr .swiper-button-prev, .m6fr .swiper-button-next { display: none; z-index: 999; } #root .slider-fraction .swiper-custom-pagination .swiper-button-prev, #root .slider-fraction .swiper-custom-pagination .swiper-button-next { display: block; overflow: visible; position: relative; left: 0; right: auto; top: 0; width: 27px; height: 30px; margin-left: 0; margin-right: 0; color: inherit; font-size: var(--size_12_f); } #root .slider-fraction .swiper-custom-pagination .swiper-button-prev:after, #root .slider-fraction .swiper-custom-pagination .swiper-button-next:after { content: ""; display: block; position: absolute; left: -9px; right: -9px; top: -7px; bottom: -7px; } #root .m6fr .slider-fraction .swiper-custom-pagination .swiper-button-prev, #root .m6fr .slider-fraction .swiper-custom-pagination .swiper-button-next, #root .m6fr.wide .slider-fraction .swiper-custom-pagination .swiper-button-prev, #root .m6fr.wide .slider-fraction .swiper-custom-pagination .swiper-button-next { width: 27px; height: 30px; } .slider-fraction .swiper-custom-pagination .swiper-button-prev:before { content: "\e96a"; } .slider-fraction .swiper-custom-pagination .swiper-button-next:before { content: "\e96b"; } .m6fr .play-pause { display: block; position: absolute; left: 0; bottom: 0; z-index: 9; width: 78px; height: 70px; color: inherit; font-size: 16px; text-align: left; text-indent: -3000em; text-decoration: none; direction: ltr; } .m6fr .play-pause:before { content: "\e986"; top: auto; bottom: 21px; margin: 0; line-height: 30px; } .m6fr.paused .play-pause:before { content: "\e985"; } .m6fr[data-active-content*="overlay-content"] .play-pause, .m6fr[data-active-content*="overlay-sand"] .play-pause, .m6fr[data-active-content*="overlay-tan"] .play-pause { color: var(--primary_text); } /*.m6fr[data-active-content*="overlay-theme"] .play-pause { }*/ .m6fr.size-xs article, .m6fr article.size-xs, .m6fr.compact article, .m6fr article.compact { min-height: 260px; } .m6fr.size-s article, .m6fr article.size-s { min-height: 390px; } .m6fr.size-m article, .m6fr article.size-m { min-height: 520px; } .m6fr.size-l article, .m6fr article.size-l { min-height: 700px; } /*.m6fr.wide { }*/ .m6fr.wide article { max-width: var(--glw); /*min-height: 522px;*/ margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .m6fr.wide figure, .m6fr.wide article:before { left: calc(-50vw + 640px); right: calc(-50vw + 640px); width: auto; margin: 0; border-radius: 0; } .m6fr.wide figure *, #root .m6fr.wide article.aside figure, #root .m6fr.wide article.aside.inv figure { border-radius: 0; } #root .m6fr figure.plain:before, #root .m6fr article.plain:before, .m6wd .background.plain:before { display: none; } .w940 .m6fr.wide figure, .w940 .m6fr.wide article:before { left: calc(-50vw + 470px); right: calc(-50vw + 470px); } .m6fr.wide.s4wi { margin-left: calc(-50vw + 640px); margin-right: calc(-50vw + 640px); } .m6fr.s4wi { overflow: hidden; border-radius: var(--b2r); } .m6fr.s4wi.wide { border-radius: 0; } /*.m6fr.s4wi:not(.wide) .swiper-outer { border-radius: var(--b2r); }*/ .m6fr.wide.s4wi .swiper-outer, #root .m6fr.s4wi .swiper-outer figure, #root .m6fr.s4wi .swiper-outer article, #root .m6fr.s4wi .swiper-outer article.aside figure, #root .m6fr.s4wi .swiper-outer article:before { border-radius: 0; } .m6fr.wide .swiper-slide article { position: static; /*padding-left: 160px; padding-right: 160px;*/ } .m6fr.wide .swiper-slide figure, .m6fr.wide .swiper-slide article:before { left: 0; right: 0; } .m6fr.wide .swiper-button-prev { left: 50%; margin-left: -712px; } .m6fr.wide .swiper-button-next { right: 50%; margin-right: -712px; } .m6fr.overlay-content, .m6fr article.overlay-content { color: var(--primary_text); } .js .m6fr.overlay-content:before, .m6fr.overlay-content article:before, .m6fr article.overlay-content:before { background: var(--white); } .m6fr.overlay-content figure:before, .m6fr article.overlay-content figure:before { background: none; } .m6fr.overlay-black, .m6fr article.overlay-black { color: var(--white); } .js .m6fr.overlay-black:before, .m6fr.overlay-black article:before, .m6fr article.overlay-black:before { background-color: var(--black); } .m6fr.overlay-black figure:before, .m6fr article.overlay-black figure:before { background: none; } .m6fr.overlay-sand, .m6fr article.overlay-sand { color: var(--primary_text); } .js .m6fr.overlay-sand:before, .m6fr.overlay-sand article:before, .m6fr article.overlay-sand:before { background-color: var(--sand); } .m6fr.overlay-sand figure:before, .m6fr article.overlay-sand figure:before { background: none; } .m6fr.overlay-tan, .m6fr article.overlay-tan { color: var(--primary_text); } .js .m6fr.overlay-tan:before, .m6fr.overlay-tan article:before, .m6fr article.overlay-tan:before { background-color: var(--tan); } .m6fr.overlay-tan figure:before, .m6fr article.overlay-tan figure:before { background: none; } .m6fr.overlay-theme, .m6fr article.overlay-theme { color: var(--white); } .js .m6fr.overlay-theme:before, .m6fr.overlay-theme article:before, .m6fr article.overlay-theme:before { background-color: var(--secondary_bg); } .m6fr.overlay-theme figure:before, .m6fr article.overlay-theme figure:before { background: none; } .m6fr.overlay-theme .link-btn a, .m6fr article.overlay-theme .link-btn a { color: var(--secondary_bg); } /*.m6lt { } .m6lt:not(.link-more-clicked) p ~ *:not(.has-link-more) { display: none; }*/ /* module-panel */ .m6pn { display: block; overflow-x: hidden; overflow-y: auto; visibility: hidden; position: fixed; right: 0; top: 0; bottom: 0; z-index: 160; width: 100%; max-width: 460px; background: var(--white); opacity: 0; } .m6pn { -webkit-transform: translateX(20px); transform: translateX(20px); } .m6pr { margin-bottom: 25px; padding: 0 492px 0 0; } .m6pr > * { position: sticky; top: 126px; width: 462px; margin: 0 -492px 0 0; } .m6pr > footer, .m6pr .l4pr-container { position: relative; top: 0; width: 100%; margin-left: 0; margin-right: 0; margin-top: 24px; } .m6pr > .m6tb:last-child { margin-bottom: 0; } .m6pr .l4pr-container { margin-top: 0; } .t1nn .m6pr > *, .t1mn .m6pr > * { top: 89px; } .t1sn .m6pr > * { top: 57px; } .t1ns .m6pr > * { top: 13px; } #root .m6pr > header, #root .m6pr > footer, #root .m6pr .l4pr, #root .m6pr .l4pr-container { position: relative; top: 0; } #root .m6pr > header { z-index: 999; } .m6pr > header { position: relative; top: 0; width: calc(100% + 492px); min-width: calc(100% + 492px); max-width: calc(100% + 492px); margin: 0; } /*.m6pr > * > header:first-child { margin-top: 30px; }*/ .m6pr .l4pr { position: relative; top: 0; width: 100%; max-width: 700px; margin: 0; } .m6pr .l4pr.s4wi { border-left-width: 38px; border-right-width: 38px; } .m6pr .l4pr.s4wi.slider-fraction { border-left-width: 0; border-right-width: 0; } .m6pr .l4pr.s4wi.slider-fraction li > span, .m6pr .l4pr.s4wi.slider-fraction li a > span, .m6pr .l4pr.s4wi.slider-fraction > .label, .m6pr .l4pr.s4wi.slider-fraction .li > span, .m6pr .l4pr.s4wi.slider-fraction .li a > span { left: 0; } .m6pr .l4pr.s4wi li > span, .m6pr .l4pr.s4wi li a > span, .m6pr .l4pr.s4wi > .label, .m6pr .l4pr.s4wi .li > span, .m6pr .l4pr.s4wi .li a > span { left: -38px; } .m6pr .l4dr { margin-right: -22px; } .m6pr .l4dr li { margin-right: 22px; } #root .m6pr .l4dr .l4sc.box li { margin-bottom: 0; } @media only screen and (min-width: 1001px) { /* 1000 - */ .t1pr.scrolled body { overflow-x: visible; } } /*.m6pr-compact { }*/ .m6pr-compact header { margin-bottom: 0 /*17px*/; } .m6pr-compact .r6rt { font-size: var(--size_12_f); } .m6pr-compact p + .r6rt { margin-top: -11px; } .m6pr-compact p { margin-bottom: 20px; } /*.m6pr-compact .s1pr { }*/ .m6pr-compact .s1pr .small { display: inline; margin: 0; padding: 0; } .m6pr-compact p + .s1pr { margin-top: -17px; } .m6pr-compact .l4ps { margin-top: -3px; } .m6pr-compact footer { max-width: 326px; margin-top: 26px; } .m6pr-compact .submit button { padding-left: 10px; padding-right: 10px; } .module-spacer { display: block; width: 100%; height: 0; margin-top: 0; margin-bottom: 0; } .m6tb { margin-top: 17px; margin-bottom: var(--main_mr); } .m6tb > nav { position: relative; z-index: 2; margin: 0 -12px 50px; } .m6tb > nav:before { background: var(--sand); } .m6tb > nav ul { list-style: none; margin: 0; padding: 0; } .m6tb > nav ul li { position: relative; z-index: 2; } .m6tb > nav ul a { display: block; padding: 10px 12px; color: inherit; text-decoration: none; } .m6tb > nav ul li.active a { background: var(--body_bg); color: var(--secondary_bg); font-weight: 700; text-decoration: none; cursor: default; } .m6tb > div > * { margin-bottom: 20px; } .m6tb .tabs-header { position: relative; z-index: 2; padding: /*11px 24px 11px*/ 12px 24px 12px 0; border-bottom: 1px solid var(--gallery); color: inherit; font-size: /*var(--size_16_f)*/ var(--mob_fz); font-size: var(--main_ff); font-weight: var(--main_fw_h); line-height: var(--main_lh_h); text-decoration: none; } .m6tb .tabs-header:before { content: "\e904"; left: auto; font-size: 0.375em; } .m6tb .tabs-header.toggle { margin-bottom: -2px; border-bottom-width: 0; } .m6tb .tabs-header.toggle:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .m6tb.compact { margin: 0; } .m6tb.compact > nav { margin: 0; } .m6tb.compact > nav ul { margin-right: -30px; margin-bottom: 12px; } .m6tb.compact > nav ul li { margin-right: 30px; } .m6tb.compact > nav ul a { padding: 0; } .m6wd { position: relative; z-index: 3; margin: 50px 0; padding: 50px 0 var(--main_mr); } .m6wd:before { z-index: -2; background: var(--sand); } .m6wd .r6rt .rating > * .fill { background-color: var(--sand); } .m6fr.wide + .m6wd, .m6wd + .m6fr.wide { margin-top: -50px; } .m6wd.large { padding-top: 96px; padding-bottom: 62px; } .m6wd.overlay-content { color: var(--white); } .m6wd.overlay-content:before, .m6wd.overlay-content .r6rt .rating > * .fill { background-color: var(--primary_text); } /*.m6wd.overlay-content figure.background:before { background: var(--primary_text); opacity: .22; }*/ .m6wd.overlay-content .swiper-pagination-bullet:before { background: var(--white); } .m6wd.overlay-content .swiper-pagination-bullet-active:before { background: var(--secondary_bg); } .m6wd.overlay-black { color: var(--white); } .m6wd.overlay-black:before, .m6wd.overlay-black .r6rt .rating > * .fill { background-color: var(--black); } .m6wd.overlay-black figure.background:before { background: var(--black); opacity: .22; } .m6wd.overlay-black .swiper-pagination-bullet:before { background: var(--white); } .m6wd.overlay-black .swiper-pagination-bullet-active:before { background: var(--secondary_bg); } .m6wd.overlay-theme { color: var(--white); } .m6wd.overlay-theme:before, .m6wd.overlay-theme .r6rt .rating > * .fill { background-color: var(--secondary_bg); } .m6wd.overlay-theme figure.background:before { background: var(--secondary_bg); opacity: .22; } .m6wd.overlay-theme .swiper-pagination-bullet:before { background: var(--white); } .m6wd.overlay-tan { color: inherit; } .m6wd.overlay-tan:before, .m6wd.overlay-tan .r6rt .rating > * .fill { background-color: var(--tan); } .m6wd.overlay-sand { color: inherit; } .m6wd.overlay-sand:before, .m6wd.overlay-sand .r6rt .rating > * .fill { background-color: var(--tan); } .n6br { font-size: var(--size_13_f); } .n6br ol, .n6br ul { overflow: hidden; list-style: none; margin: 0 -26px 13px -4px; padding: 0 0 0 4px; } .n6br li { position: relative; margin: 0 26px 0 0; } .n6br li:before { content: "\e906"; right: 100%; left: auto; width: 26px; font-size: 0.7em; text-align: center; opacity: .17; } .n6br li.text-end { margin-left: auto; } .n6br li.text-start { margin-left: 0; margin-right: auto; } .n6br li a { color: inherit; opacity: .53; outline-offset: -2px; } .n6br p { margin: 0 0 8px; } .w940 .n6br { margin-left: -170px; margin-right: -170px; } #content > .shopify-section:first-child > .n6br { margin-top: -36px; } /* breadcrumbs fix in .shopify-section */ @media only screen and (max-width: 1000px) { #content > .shopify-section:first-child > .n6br { margin-top: -16px; } } @media only screen and (max-width: 760px) { #content > .shopify-section:first-child > .n6br { margin-top: -20px; } } .n6pg, .spr-pagination { margin-top: 26px; margin-bottom: 11px; padding-top: 17px; border-top: 1px solid var(--gallery); font-size: var(--size_14_f); } .n6pg ol, .n6pg ul, .spr-pagination > div { list-style: none; margin-right: -30px; margin-bottom: var(--main_mr); padding: 0; } .n6pg li, .spr-pagination > div > * { margin-right: 30px; } #root .n6pg li:before { border-width: 0; } .n6pg li a, .spr-pagination > div > * a { display: block; position: relative; z-index: 2; text-decoration: none; } .n6pg li:not(.prev, .next) a:before, .spr-pagination > div > *:not(.spr-pagination-prev, .spr-pagination-next) a:before { left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; } .n6pg li.prev a, .n6pg li.next a, .spr-pagination > div > .spr-pagination-prev a, .spr-pagination > div > .spr-pagination-next a { overflow: hidden; border-radius: 99px; width: 37px; height: 37px; color: var(--secondary_text); font-size: 0.5714285714em; text-indent: -3000em; text-align: left; direction: ltr; } .n6pg li.prev a:after, .spr-pagination > div > .spr-pagination-prev a:after, .n6pg li.next a:after, .spr-pagination > div > .spr-pagination-next a:after { left: 0; right: 0; top: 0; bottom: 0; width: auto; margin: 0; padding: 1px 0 0; box-shadow: inset 2px -2px 0 rgba(0,0,0,.1); border-radius: 99px; line-height: 37px; } .n6pg li.prev a:after, .spr-pagination > div > .spr-pagination-prev a:after { content: "\e907"; padding-right: 1px; } .n6pg li.next a:after, .spr-pagination > div > .spr-pagination-next a:after { content: "\e906"; padding-left: 1px; } #root .n6pg li.prev a:before, #root .n6pg li.next a:before, .spr-pagination > div > .spr-pagination-prev a:before, , .spr-pagination > div > .spr-pagination-next:before { border-radius: 99px; } .n6pg li.prev, .spr-pagination > div > .spr-pagination-prev { margin-right: 22px; } .n6pg li.next, .spr-pagination > div > .spr-pagination-next { margin-left: -8px; } .n6pg p { margin-right: auto; } .n6pg:first-child, .l4cm + .n6pg, .table-wrapper + .n6pg, table + .n6pg, .spr-pagination:first-child, .l4cm + .spr-pagination, .table-wrapper + .spr-pagination, table + .spr-pagination { margin-top: 0; padding-top: 0; border-top-width: 0; } .no-zindex { position: relative; } .popup-a { display: none; } .r6rt, .l4rv .spr-starratings, .l4rv .spr-starrating { position: relative; color: inherit; } .r6rt, .l4rv .spr-starratings, .l4rv .spr-starrating { -webkit-align-items: baseline; align-items: baseline; } .r6rt .rating { display: inline-block; position: relative; top: .135em; height: var(--size_14_f); margin: 0 5px 0 0; padding: 0; box-shadow: none; border-radius: 0; background: none; /*color: var(--alto);*/ color: inherit; font-size: var(--size_12_f); line-height: 1; text-align: left; text-indent: -3000em; } .r6rt .rating > *, .l4rv .spr-starratings > i, .l4rv .spr-starrating a { display: block; position: relative; z-index: 2; top: .025em; float: left; width: var(--size_12_f); height: 100%; margin: 0 2px 0 0; text-decoration: none; } .r6rt .rating > *:before, .l4rv .spr-starratings > i:before, .l4rv .spr-starrating a:before { content: "\e933"; display: block; z-index: 1; width: auto; color: var(--primary_text); font-family: i; opacity: .17; } .r6rt .rating > * .fill { overflow: hidden; right: auto; z-index: 2; background: var(--body_bg); color: var(--secondary_bg); } .r6rt .rating > * .fill:before { content: "\e933"; } .l4cl .r6rt .rating-label, .l4in .r6rt .rating-label { opacity: .53; } .recommendation-modal__container { position: fixed; left: 50%; top: 50%; z-index: 1000000; max-width: 360px !important; padding: 28px 32px 6px; box-shadow: none !important; border-radius: var(--b2r); background: var(--body_bg); font-size: var(--main_fz); line-height: var(--main_lh) !important; text-align: center; } .recommendation-modal__container { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .recommendation-modal__content { display: block !important; padding: 0 !important; } .recommendation-modal__close-button-container { display: block; position: absolute; right: 0; top: 0; } .recommendation-modal__close-button-container button, .recommendation-modal__close-button-container button:hover, .recommendation-modal__close-button-container button:focus { width: 44px !important; min-width: 44px !important; height: 44px !important; margin: 0 !important; box-shadow: none !important; color: var(--gray_text) !important; font-size: var(--size_12_f) !important; text-align: left; text-indent: -3000em; direction: ltr; outline: none !important; } .recommendation-modal__close-button-container button:before, .recommendation-modal__button--minimal:before { display: none; } .recommendation-modal__close-button-container button:after { content: "\e91f"; } .recommendation-modal__flag, .recommendation-modal__benefits ul, .recommendation-modal__content > *:last-child, .recommendation-modal__container .recommendation-modal__content > .recommendation-modal__button--minimal:last-child { display: block; float: none !important; margin-bottom: var(--main_mr); !important; padding: 0 !important; box-shadow: none !important; } .recommendation-modal__container .recommendation-modal__content > .recommendation-modal__button--minimal:last-child { text-decoration: underline; } .recommendation-modal__flag img { display: block; margin: 0 auto; border: 1px solid var(--alto); } .recommendation-modal__benefits ul, .recommendation-modal__container .recommendation-modal__benefits ul li { list-style: none !important; padding: 0 !important; font-size: 1em !important; line-height: inherit !important; } .recommendation-modal__benefits ul li { margin-bottom: 0 !important; } .recommendation-modal__form button, .recommendation-modal__container .recommendation-modal__form button:last-of-type { float: none !important; width: 100% !important; height: auto !important; margin: 0 0 16px !important; padding: 14px 18px !important; background: none !important; color: var(--secondary_text) !important; font-size: var(--size_14) !important; line-height: var(--main_lh_h) !important; outline: none !important; } .recommendation-modal__form button:before { display: block !important; } .recommendation-modal__container .recommendation-modal__button--minimal { width: 100% !important; margin: 0 0 8px !important; color: var(--secondary_bg) !important; font-weight: 400 !important; line-height: inherit !important; outline: none !important; } [data-whatin="mouse"] .recommendation-modal__container .recommendation-modal__button--minimal:hover, .recommendation-modal__container { width: 100% !important; text-decoration: none !important; outline: none !important; } .recommendation-modal__container h1, .recommendation-modal__container h2, .recommendation-modal__container h3, .recommendation-modal__container h4, .recommendation-modal__container h5, .recommendation-modal__container h6, recommendation-modal__message { margin: 0 0 12px !important; font-weight: 400 !important; font-size: var(--main_h2) !important; line-height: var(--main_lh_h) !important; text-align: center !important; } .recommendation-modal__backdrop { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999999; width: auto !important; height: auto !important; background: var(--primary_text) !important; opacity: .2; } .shopify-installments-container:not(:empty) { margin-top: -20px; margin-bottom: 20px; } .swiper-wrapper, .swiper-slide { list-style: none; margin: 0; padding: 0; } .swiper-custom-pagination { font-size: var(--size_16_f); font-weight: 700; text-align: center; } #root .swiper-button-disabled { color: var(--gray_text); opacity: .35; cursor: default; } .w160, #content.w160, .popup-a.w160 .box-inner { width: 100%; max-width: 160px; } .w300, #content.w300, .popup-a.w300 .box-inner { width: 100%; max-width: 300px; } .link-btn .w300 { min-width: 300px; max-width: none; } .w360, #content.w360, .popup-a.w360 .box-inner { width: 100%; max-width: 360px; } .w480, #content.w480, .popup-a.w480 .box-inner { width: 100%; max-width: 480px; } .w520, #content.w520, .popup-a.w520 .box-inner { width: 100%; max-width: 520px; } .w560, #content.w560, .popup-a.w560 .box-inner { width: 100%; max-width: 560px; } .w630, #content.w630, .popup-a.w630 .box-inner { width: 100%; max-width: 630px; } .w690, #content.w690, .popup-a.w690 .box-inner { width: 100%; max-width: 690px; } .w720, #content.w720, .popup-a.w720 .box-inner { width: 100%; max-width: 720px; } .w780, #content.w780, .popup-a.w780 .box-inner { width: 100%; max-width: 780px; } .w900, #content.w900, .popup-a.w900 .box-inner { width: 100%; max-width: 900px; } .w940, #content.w940, .popup-a.w940 .box-inner { width: 100%; max-width: 940px; } .w1020, #content.w1020, .popup-a.w1020 .box-inner { width: 100%; max-width: 1020px; } .w300.align-center, .w360.align-center, .w480.align-center, .w520.align-center, .w630.align-center, .w560.align-center, .w690.align-center, .w720.align-center, .w780.align-center, .w900.align-center, .w940.align-center, .w1020.align-center, .align-center[style*="max-width:"] { margin-left: auto; margin-right: auto; } .cols > .w300, .cols > .w360, .cols > .w480, .cols > .w520, .cols > .w560, .cols > .w630, .cols > .w690, .cols > .w720, .cols > .w780, .cols > .w900, .cols > .w940, .cols > .w1020 { width: auto; } /*.shopify-section + .shopify-section { margin-top: 40px; }*/ #root .shopify-cleanslate div, .shopify-cleanslate > div > span { width: auto !important; font-size: var(--size_14_f) !important; } #root .shopify-cleanslate button { display: inline !important; float: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; border-width: 0 !important; background: none !important; color: var(--secondary_bg) !important; font-size: 1em !important; font-weight: inherit !important; line-height: inherit !important; text-decoration: underline !important; } #root .shopify-cleanslate button * { color: inherit !important; } [data-whatin="mouse"] #root .shopify-cleanslate button:hover { text-decoration: none !important; } #root .shopify-cleanslate button:before, #root .shopify-cleanslate button:after { display: none; } /*! Content --------- */ .semi { font-weight: 600; } .strong, strong, b, #nav > ul > li.active > a, #nav-bar > ul > li.active > a, .l4cn a.email, .l4cn a[href*="tel:"], .submit a, .l4cl .link-btn a, .l4cl .price, .l4ca footer, .l4in li.active a, label.strong, .check label.strong, .countdown.compact .simply-seconds-section, .n6br a.overlay-theme, #nav > ul > li > a.strong, #nav-bar > ul > li > a.strong { font-weight: 700; } .em, em, i, cite { font-style: italic; } i { top: 0; } q, blockquote { display: block; font-size: var(--main_h4); font-style: italic; line-height: 1.6111111111; } q { margin: 12px 0; } blockquote { position: relative; z-index: 2; padding: 12px 0 .1px 32px; } blockquote:before { border: 0 solid var(--secondary_bg); border-left-width: 6px; } blockquote > * { margin-bottom: 12px; } blockquote .small, blockquote .size-14 { font-style: normal; } .text-start, .l4ft li.text-start, #nav, #nav-bar, #nav-top, #nav-user, #search { text-align: left; } .text-center, .l4ft li.text-center { text-align: center; } .text-end, .l4ft li.text-end { text-align: right; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } .size-8, .m6as .size-8, .check.size-8, .l4ft .size-8, .m6fr .size-8 { font-size: var(--size_8_f); } .size-10, .m6as .size-10, .check.size-10, .l4ft .size-10, .m6fr .size-10, .l4cl.category .size-10 { font-size: var(--size_10_f); } .size-12, .m6as .size-12, .check.size-12, .l4ft .size-12, .m6fr .size-12, .l4cl.category .size-12 { font-size: var(--size_12_f); } .size-13, .m6as .size-13, .check.size-13, .l4ft .size-13, .m6fr .size-13, .l4cl.category .size-13 { font-size: var(--size_13_f); } .size-14, .m6as .size-14, .check.size-14, .l4ft .size-14, .m6fr .size-14, .l4cl.category .size-14 { font-size: var(--size_14_f); } .size-16, .m6as .size-16, .check.size-16, .l4ft .size-16, .m6fr .size-16, .l4cl.category .size-16 { font-size: var(--size_16_f); } .size-18, .m6as .size-18, .check.size-18, .l4ft .size-18, .m6fr .size-18, .l4cl.category .size-18 { font-size: var(--size_18_f); } .size-20, .m6as .size-20, .check.size-20, .l4ft .size-20, .m6fr .size-20, .l4cl.category .size-20 { font-size: var(--size_20_f); } .size-22, .m6as .size-22, .check.size-22, .l4ft .size-22, .m6fr .size-22, .l4cl.category .size-22 { font-size: var(--size_22_f); } .size-24, .m6as .size-24, .check.size-24, .l4ft .size-24, .m6fr .size-24, .l4cl.category .size-24 { font-size: var(--size_24_f); } .size-26, .m6as .size-26, .check.size-26, .l4ft .size-26, .m6fr .size-26, .l4cl.category .size-26 { font-size: var(--size_26_f); } .size-28, .m6as .size-28, .check.size-28, .l4ft .size-28, .m6fr .size-28, .l4cl.category .size-28 { font-size: var(--size_28_f); } .size-30, .m6as .size-30, .check.size-30, .l4ft .size-30, .m6fr .size-30, .l4cl.category .size-30 { font-size: var(--size_30_f); } .size-32, .m6as .size-32, .check.size-32, .l4ft .size-32, .m6fr .size-32, .l4cl.category .size-32 { font-size: var(--size_32_f); } .size-34, .m6as .size-34, .check.size-34, .l4ft .size-34, .m6fr .size-34, .l4cl.category .size-34 { font-size: var(--size_34_f); } .size-36, .m6as .size-36, .check.size-36, .l4ft .size-36, .m6fr .size-36, .l4cl.category .size-36 { font-size: var(--size_36_f); } .size-38, .m6as .size-38, .check.size-38, .l4ft .size-38, .m6fr .size-38, .l4cl.category .size-38 { font-size: var(--size_38_f); } .size-40, .m6as .size-40, .check.size-40, .l4ft .size-40, .m6fr .size-40, .l4cl.category .size-40 { font-size: var(--size_40_f); } .size-46, .m6as .size-46, .check.size-46, .l4ft .size-46, .m6fr .size-46, .l4cl.category .size-46 { font-size: var(--size_46_f); } .size-48, .m6as .size-48, .check.size-48, .l4ft .size-48, .m6fr .size-48, .l4cl.category .size-48 { font-size: var(--size_48_f); } .size-50, .m6as .size-50, .check.size-50, .l4ft .size-50, .m6fr .size-50, .l4cl.category .size-50 { font-size: var(--size_50_f); } .size-52, .m6as .size-52, .check.size-52, .l4ft .size-52, .m6fr .size-52, .l4cl.category .size-52 { font-size: var(--size_52_f); } .size-56, .m6as .size-56, .check.size-56, .l4ft .size-56, .m6fr .size-56, .l4cl.category .size-56 { font-size: var(--size_56_f); } .size-60, .m6as .size-60, .check.size-60, .l4ft .size-60, .m6fr .size-60, .l4cl.category .size-60 { font-size: var(--size_60_f); /*line-height: var(--main_lh_hc);*/ } .size-70, .m6as .size-70, .check.size-70, .l4ft .size-70, .m6fr .size-70, .l4cl.category .size-70 { font-size: var(--size_70_f); /*line-height: var(--main_lh_hc);*/ line-height: 1; letter-spacing: -.035em; } .size-content { font-size: var(--size_content); } .lh-compact { line-height: var(--main_lh_hc); } .overlay-a, .overlay-theme, #root .l4cl li.link a, #root .l4dr li.active > a, .l4dr li.has-social.toggle > a i, .l4in li.active a, .accordion-a details[open] summary, #root .l4cu.overlay-theme li > span, .n6br a.overlay-theme, .n6br li.strong a, .n6br li a.strong, .m6bx .l4in a { color: var(--secondary_bg); } #nav > ul > li > a.overlay-theme, #nav-bar > ul > li > a.overlay-theme { color: var(--custom_top_nav_fg_hover); } .overlay-b, .overlay-content, .js select.changed, #root .l4cu.overlay-content li > span, .l4ft li.overlay-content, .l4al .overlay-content > i { color: var(--primary_text); } .overlay-c, .overlay-gray, .js select, #root .l4cu.overlay-gray li > span, #root .price .overlay-gray { color: var(--gray_text); } .overlay-d, .overlay-lime, .overlay-tertiary, #root .l4cu.overlay-lime li > span, .l4al .overlay-lime > i , #root .l4cu.overlay-tertiary li > span, .l4al .overlay-tertiary > i { color: var(--lime); } .overlay-e, .overlay-sky, #root .l4cu.overlay-sky li > span, .l4al .overlay-sky > i { color: var(--sky); } .overlay-f, .overlay-pine, #root .l4cu.overlay-pine li > span, .l4al .overlay-pine > i { color: var(--pine); } .overlay-g, .overlay-rose, #root .l4cu.overlay-rose li > span, .l4al .overlay-rose > i { color: var(--rose); } .overlay-h, .overlay-tan, #root .l4cu.overlay-tan li > span, .l4al .overlay-tan > i { color: var(--tan); } .overlay-quaternary, #root .l4cu.overlay-quaternary li > span, .l4al .overlay-quaternary > i { color: var(--quaternary_bg); } .overlay-content { color: inherit; } .l4al .overlay-content:before { background: var(--content); } .l4al .overlay-gray:before { background: var(--gray); } .l4al .overlay-lime:before { background: var(--lime); } .l4al .overlay-sky:before { background: var(--sky); } .l4al .overlay-pine:before { background: var(--pine); } .l4al .overlay-rose:before { background: var(--rose); } .l4al .overlay-tan:before { background: var(--tan); } .overlay-error, .l4ca .overlay-error, #root .price .overlay-error { color: var(--alert_error); } .overlay-valid, .strong .icon-check, h1 .icon-check, h2 .icon-check, h3 .icon-check, h4 .icon-check, h5 .icon-check, h6 .icon-check, table .icon-check, #root .price .overlay-valid { color: var(--alert_valid); } .lead { font-size: var(--main_lead); font-weight: 500; line-height: var(--main_lh_l); } h1 + .lead, h2 + .lead, h3 + .lead, h4 + .lead, h5 + .lead, h6 + .lead, .h1 + .lead, .h2 + .lead, .h3 + .lead, .h4 + .lead, .h5 + .lead, .h6 + .lead, legend + .lead { margin-top: 16px; } .s1hd, .title-font, .l4cl.category h1, .l4cl.category h2, .l4cl.category h3, .l4cl.category h4, .l4cl.category h5, .l4cl.category h6 { font-family: var(--main_ff_h); } .s1bx { position: relative; z-index: 2; max-width: 100%; padding: 0 10px; color: var(--white); font-size: 12px; font-weight: 700; } .s1bx { -webkit-box-decoration-break: clone; box-decoration-break: clone; } #root .s1bx { color: var(--secondary_btn_text); } .s1bx:before { top: 0; bottom: 0; box-shadow: inset 2px -2px 0 rgba(0,0,0,.1); border-radius: var(--b2r); background: var(--secondary_bg); } span.s1bx { display: inline-block; white-space: nowrap; } #nav > ul > li > a .s1bx, #nav-bar > ul > li > a .s1bx { font-size: 1em; font-weight: inherit; } #nav > ul > li > a .s1bx:before, #nav-bar > ul > li > a .s1bx:before { top: -3px; bottom: -3px; } /*.s1cu { }*/ .s1cu .sec { color: var(--secondary_bg); font-weight: 700; } .s1cu [data-count="0"]:before, .s1cu [data-count="1"]:before, .s1cu [data-count="2"]:before, .s1cu [data-count="3"]:before, .s1cu [data-count="4"]:before, .s1cu [data-count="5"]:before, .s1cu [data-count="6"]:before,.s1cu [data-count="7"]:before, .s1cu [data-count="8"]:before, .s1cu [data-count="9"]:before { content: "0"; } .s1lb { display: block; margin: 0 -7px 10px 0; } #root .s1lb > span { display: block; margin: 0 7px 7px 0; } .s1lb, #root .s1lb { margin-bottom: 10px; } .s1pr { color: var(--price_color); font-weight: 700; line-height: var(--main_lh_l); } .s1pr span { margin-right: 3px; color: var(--price_color_old); font-weight: 400; text-decoration: line-through; } .s1pr .small { display: block; margin: 3px 0 0; color: inherit; font-size: 0.8571428571em; text-decoration: none; } .l4cl .price, p.s1pr, span.s1pr { color: var(--price_color); } /*.s1rt { }*/ .s1rt .title { display: inline-block; position: relative; z-index: 2; width: 32px; margin-right: 15px; color: var(--white); font-size: var(--size_14); font-weight: 600; text-align: center; } .s1rt .title:before { top: 50%; bottom: auto; height: 32px; margin-top: -16px; box-shadow: 0 2px 2px rgba(0,0,0,.06); border-radius: 32px; background: var(--turquoise); } .s1rt img { display: inline-block; position: relative; top: -.9em; z-index: 3; width: auto !important; height: 22px !important; line-height: 1px; } .s1rt .title + img { left: -15px; margin-left: -10px; } .s1tt:not(.ready), .s1tt > * { display: none; } .s1tt { display: inline-block; position: relative; z-index: 2; margin: 0 0 0 0; } .s1tt .s1tt-popup { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; text-align: left; text-indent: -3000em; direction: ltr; } #root a.s1tt:after, .s1tt .s1tt-popup:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; z-index: 9; min-width: 44px; height: 44px; } #root a.s1tt:after, .s1tt .s1tt-popup:after { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .s1tt > .icon-info { display: inline-block; position: relative; top: .2em; color: var(--coal); font-size: var(--size_16_f); line-height: 1px; opacity: .2; } .s1tt-cont { position: relative; z-index: 8; } /*! Links --------- */ .link-btn, .submit { /*margin-top: 28px;*/ margin-right: -16px; margin-bottom: 18px; font-size: var(--size_14_f); } .link-btn > *, .submit > * { display: block; margin-right: 16px; margin-bottom: 8px; } .submit > a { text-decoration: none; } [data-whatin="mouse"] .submit > a:hover { text-decoration: underline; } .link-btn a img, button img { margin-left: 2px; } .link-btn a.inv, button.inv { box-shadow: none; border-width: 0; } #root .link-btn a.inv, #root button.inv { background: none; --secondary_btn_text: var(--secondary_bg_btn); } #root .link-btn a.inv:before, #root button.inv:before { box-shadow: none; border-width: 1px; background: none; } .link-btn a.size-m, button.size-m, .link-btn.size-m a, .size-m > button { padding: 17px 23px; } .link-btn a.size-l, button.size-l, .link-btn.size-l a, .size-l > button { padding: 19px 28px; } .link-btn a.rounded, button.rounded, .link-btn a.rounded:before, button.rounded:before { border-radius: 14px; } .link-btn a.rounded.size-m, button.rounded.size-m, .link-btn a.rounded.size-m:before, button.rounded.size-m:before, .link-btn.size-m a, .size-m > button, .link-btn.size-m a:before, .size-m > button:before { border-radius: 25px; } .link-btn a.rounded.size-l, button.rounded.size-l, .link-btn a.rounded.size-l:before, button.rounded.size-l:before, .link-btn.size-l a, .size-l > button, .link-btn.size-l a:before, .size-l > button:before { border-radius: 28px; } .link-btn a.square, button.square, .link-btn a.square:before, button.square:before, #root .l4cl.square img, img.square, picture.square, picture.square img { border-radius: 0; } .link-btn a.plain, button.plain, .link-btn a.plain:before, button.plain:before { box-shadow: none; } .link-btn a.inline, #root button.inline { min-width: 0; padding: 0; box-shadow: none; border-radius: 0; border-width: 0; background: none; font-size: 1em; } #root .link-btn a.inline, #root button.inline { --secondary_btn_text: var(--secondary_bg_btn); -webkit-animation: none; animation: none; } .link-btn a.overlay-content, #root .link-btn a.overlay-content, #root button.overlay-content, .overlay-content button, #root .s1bx.overlay-content, .s1bx.overlay-content { color: var(--secondary_btn_text); --secondary_btn_text: var(--primary_text); --secondary_bg: var(--sand); --secondary_bg_btn: var(--sand); --secondary_bg_btn_dark: var(--sand); } .link-btn a.overlay-content.inv, #root .link-btn a.overlay-content.inv { background: none; } #root .link-btn a.overlay-content.inv:before, #root button.overlay-content.inv:before { border-color: var(--alto); background: none; } .link-btn a.overlay-tertiary, button.overlay-tertiary, .overlay-tertiary button, .s1bx.overlay-tertiary { --secondary_btn_text: var(--tertiary_text); --secondary_bg: var(--tertiary_bg); --secondary_bg_btn: var(--tertiary_bg); --secondary_bg_btn_dark: var(--tertiary_bg_dark); } .link-btn a.overlay-quaternary, button.overlay-quaternary, .overlay-quaternary button, .s1bx.overlay-quaternary { --secondary_btn_text: var(--quaternary_text); --secondary_bg: var(--quaternary_bg); --secondary_bg_btn: var(--quaternary_bg); --secondary_bg_btn_dark: var(--quaternary_bg_dark); } .link-btn a.overlay-sale, button.overlay-sale, .overlay-sale button, .s1bx.overlay-sale { --secondary_btn_text: var(--sale_label_text); --secondary_bg: var(--sale_label_bg); --secondary_bg_btn: var(--sale_label_bg); --secondary_bg_btn_dark: var(--sale_label_bg_dark); } .link-btn a.overlay-rose, button.overlay-rose, .overlay-rose button, .s1bx.overlay-rose { --secondary_btn_text: var(--white); --secondary_bg: var(--alert_error); --secondary_bg_btn: var(--alert_error); --secondary_bg_btn_dark: var(--alert_error); } .link-btn a.overlay-gray, button.overlay-gray, .overlay-gray button, .s1bx.overlay-gray { --secondary_btn_text: var(--white); --secondary_bg: var(--gray); --secondary_bg_btn: var(--gray); --secondary_bg_btn_dark: var(--gray); } /*.link-btn a.overlay-coal, button.overlay-coal, .overlay-coal button, .s1bx.overlay-coal { --secondary_btn_text: var(--white); --secondary_bg: var(--primary_text); --secondary_bg_btn: var(--primary_text); --secondary_bg_btn_dark: var(--black); } .link-btn a.overlay-white, button.overlay-white, .overlay-white button, .s1bx.overlay-white { --secondary_btn_text: var(--secondary_bg); --secondary_bg_btn: var(--white); --secondary_bg_btn_dark: var(--white); }*/ .link-btn a.wide, .submit .wide { min-width: 296px; } #root .link-btn a.loading { color: rgba(0,0,0,0); pointer-events: none; } #root .link-btn a.loading:after { transition: none; } #root .link-btn a.loading:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 20px; border: 2px solid var(--secondary_btn_text); border-left-color: rgba(0,0,0,0) !important; } #root .link-btn a.loading:after { -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .link-btn i, button i, .submit i { display: inline-block; position: relative; top: .15em; margin-left: 3px; font-size: var(--size_20); line-height: 1px; } .link-btn i, button i, .submit i { top: .15em; } .link-btn .icon-cart, button .icon-cart, .submit .icon-cart { left: -2px; top: .2em; font-size: var(--size_22); } .link-btn .icon-filter, button .icon-filter, .submit .icon-filter { top: 0; margin-right: 8px; font-size: 0.9285714286em; } .link-btn .icon-envelope, button .icon-envelope, .submit .icon-envelope, .link-btn .icon-envelope-wide, button .icon-envelope-wide, .submit .icon-envelope-wide { top: 0; margin-right: 4px; font-size: 0.7142857143em; } .link-btn .icon-chevron-down, button .icon-chevron-down, .submit .icon-chevron-down, .link-btn .icon-chevron-up, button .icon-chevron-up, .submit .icon-chevron-up { top: -.35em; font-size: 0.4285714286em; } .link-btn .icon-chevron-left, button .icon-chevron-left, .submit .icon-chevron-left, .link-btn .icon-chevron-right, button .icon-chevron-right, .submit .icon-chevron-right { top: -.1em; font-size: 0.6428571429em; } .link-btn .icon-chevron-left, button .icon-chevron-left, .submit .icon-chevron-left { margin-right: 3px; } .link-btn .icon-chevron-right, button .icon-chevron-right, .submit .icon-chevron-right { margin-left: 3px; } h1 + .link-btn, h2 + .link-btn, h3 + .link-btn, h4 + .link-btn, h5 + .link-btn, h6 + .link-btn { margin-top: 19px; } button.w160, .link-btn a.w160 { max-width: 160px; } /*.link-btn.single { }*/ .link-btn.single > * { min-width: 222px; } .link-btn.single > .inline { min-width: 0; } .link-btn.single > * + * { margin-top: 15px; } .link-btn.cols { margin-left: 0; } .link-btn.cols > * { border-left-width: 0; } .link-btn.tags { margin-bottom: 36px; } #root .link-btn.tags a { margin-bottom: 16px; background: none; color: var(--primary_text); } #root .link-btn.tags a:before { border-width: 1px; border-color: var(--gallery); background: none; } .link-btn.tags + h1, .link-btn.tags + h2, .link-btn.tags + h3, .link-btn.tags + h4, .link-btn.tags + h5, .link-btn.tags + h6 { margin-top: 36px; } /*.link-btn.wide { }*/ .link-btn.wide > * { width: 100%; } /* button[class*="shopify-payment-button"]:before { display: none; } #root button[class*="shopify-payment-button"] { box-shadow: inset 2px -2px 0 rgba(0,0,0,.1); } #root .overlay-content button[class*="shopify-payment-button"] { color: var(--primary_text); } #root .overlay-content button[class*="shopify-payment-button"] { border-color: var(--sand); background: var(--sand); } #root .overlay-tertiary button[class*="shopify-payment-button"] { color: var(--tertiary_text); } #root .overlay-tertiary button[class*="shopify-payment-button"] { border-color: var(--tertiary_bg); background: var(--tertiary_bg); } #root .overlay-quaternary button[class*="shopify-payment-button"] { color: var(--quaternary_text); } #root .overlay-quaternary button[class*="shopify-payment-button"] { border-color: var(--quaternary_bg); background: var(--quaternary_bg); } #root .overlay-sale button[class*="shopify-payment-button"] { color: var(--sale_label_text); } #root .overlay-sale button[class*="shopify-payment-button"] { border-color: var(--sale_label_bg); background: var(--sale_label_bg); } #root .overlay-rose button[class*="shopify-payment-button"] { color: var(--white); } #root .overlay-rose button[class*="shopify-payment-button"] { border-color: var(--alert_error); background: var(--alert_error); } #root .overlay-coal button[class*="shopify-payment-button"] { color: var(--white); } #root .overlay-coal button[class*="shopify-payment-button"] { border-color: var(--primary_text); background: var(--primary_text); } #root .overlay-white button[class*="shopify-payment-button"] { color: var(--secondary_bg); } #root .overlay-white button[class*="shopify-payment-button"] { border-color: var(--white); background: var(--white); }*/ /*.link-more { }*/ p + p > .link-more:first-child, .js .link-more-clicked p + p > a.link-more[data-no="1"]:first-child { display: block; margin-top: -26px; } .link-more-clicked .link-more .icon-chevron-down:before { content: "\e908"; } .js .link-more-clicked a.link-more[data-no="1"] { display: inline; } .link-more-clicked .link-more span.hidden, .link-more-clicked .link-more span.was-hidden { display: inline; position: relative; left: 0; top: 0; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } body > div:first-child img, body > p:first-child + div img, body > div + div img { height: auto !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } iframe { display: block; border-width: 0 !important; outline: none; } picture { width: 100%; } figure { position: relative; z-index: 2; margin: 0 0 20px; font-size: var(--size_12_f); } h1 + figure, h2 + figure, h3 + figure, h4 + figure, h5 + figure, h6 + figure, .h1 + figure, .h2 + figure, .h3 + figure, .h4 + figure, .h5 + figure, .h6 + figure { margin-top: 14px; } figure + h3, figure + h4, figure + h5, figure + h6 { margin-top: 34px; } figure + h1, figure + h2 { margin-top: 30px; } figure.lead { margin-top: 24px; font-weight: 400; font-size: var(--size_12_f); line-height: var(--main_lh); } figure > a { display: block; position: relative; width: 100%; text-decoration: none; } figure .icon-play, figure .icon-cube, .l4pr .icon-play { display: block; position: absolute; left: 0; right: 0; top: 50%; z-index: 9; margin: -35px 0 0; color: var(--white); font-size: var(--size_38_f); line-height: var(--size_70_f); text-align: center; } figure .icon-play { left: 50%; right: auto; width: var(--size_70_f); height: var(--size_70_f); margin-top: 0; font-size: var(--size_70_f); } figure .icon-play { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } figure .icon-play:after { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border-radius: 99px; background: var(--black); opacity: .4; } figure .icon-play:before { content: "\e980"; position: relative; z-index: 2; font-size: 1em; } figcaption { display: block; width: 100%; } figcaption + *, * + figcaption { margin-top: 9px; } .iframe-playing { display: block; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; background: var(--black_static); } figure .iframe-playing { display: block; position: absolute; z-index: 9; width: 100% !important; height: 100% !important; background: var(--black_static); } .m6as > figure iframe { display: block; position: relative; z-index: 1; width: 100% !important; } #background iframe, #root .l4ft figure iframe, #root .m6fr figure iframe { display: block; width: 100% !important; height: 100% !important; border-radius: 0; } .img-multiply img, img.img-multiply, .img-multiply-bg img, img.img-multiply-bg, #search figure.img-multiply, .m6pn figure.img-multiply, .l4ft figure.img-multiply { mix-blend-mode: multiply; } .img-multiply a, .l4pr .swiper-outer picture.img-multiply, .l4pr .swiper-outer figure.img-multiply, .l4pr .swiper-outer a.img-multiply { mix-blend-mode: multiply; } figure.img-multiply:before, picture.img-multiply:before { background: var(--body_bg); } figure.img-multiply-bg:before, picture.img-multiply-bg:before { background: var(--gallery); /*background: var(--black); opacity: .07;*/ } figure.maps, .image-map { width: 100%; max-width: 100%; } img[src*="googleapis.com"], img[src*="maps.gstatic.com"], .gm-style img { max-width: inherit !important; } .gm-svpc img[style*="height: 30px"], .gm-svpc img[style*="height:30px"] { height: 30px !important; } .gm-svpc img[style*="height: 40px"], .gm-svpc img[style*="height:40px"] { height: 40px !important; } .map-canvas[style] { -webkit-transform: none !important; } .placeholder-svg { height: 100%; width: 100%; fill: hsla(0,0%,52%,.35); background-color: hsla(0,0%,52%,.1); -o-object-fit: contain; object-fit: contain; } .shopify-challenge__container .shopify-challenge__button { float: none; } #root .img-contain, #root .img-contain * { -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } /*.js #content img[data-src] { visibility: hidden; opacity: 0; } .js #content img[data-src].yall-loaded, .js #content img[src].yall-loaded, .js #content .m6fr .swiper-slide img { visibility: visible; opacity: 1; }*/ /*! Tables --------- */ table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; } caption { display: none; margin: 0; padding: 0 0 10px; font-weight: 700; line-height: var(--main_lh_h); text-align: left; } th, td { padding: 10px; border: 0 solid var(--gallery); font-weight: 400; text-align: inherit; } th { background: var(--gallery); font-weight: 700; } td { border-bottom-width: 1px; } tr > *:first-child { padding-left: 20px; } tr > *:last-child { padding-right: 20px; } h1 + table, h2 + table, h3 + table, h4 + table, h5 + table, h6 + table, h1 + .table-wrapper, h2 + .table-wrapper, h3 + .table-wrapper, h4 + .table-wrapper, h5 + .table-wrapper, h6 + .table-wrapper { margin-top: 22px; } /*! Lists --------- */ .l4ad { list-style: none; padding: 0; } .l4ad li { position: relative; margin: 0 0 25px; padding: 0 0 7px 18px; border-bottom: 1px solid var(--gallery); } #root .l4ad h1, #root .l4ad h2, #root .l4ad h3, #root .l4ad h4, #root .l4ad h5, #root .l4ad h6 { position: relative; z-index: 2; margin: 0 0 18px; font-size: var(--size_16_f); } .l4ad h1 i, .l4ad h2 i, .l4ad h3 i, .l4ad h4 i, .l4ad h5 i, .l4ad h6 i { display: block; position: absolute; left: -18px; top: .125em; font-size: 0.875em; line-height: 1; } .l4ad p, .l4ad ul { margin-bottom: 14px; } .l4ad .l4cn { /*margin-bottom: 6px;*/ margin-right: -22px; } .l4ad .l4cn li { margin-right: 22px; padding: 0 0 0 28px; border-width: 0; } .l4ad .l4as li { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .l4al { list-style: none; padding: 0; font-size: var(--size_14_f); } .l4al li { position: relative; z-index: 3; margin: 0 0 10px; padding: 14px 16px; } .l4al li:before { border-radius: var(--b2r); border: 1px solid var(--gallery); background: var(--white); } .l4al li[class*="overlay"]:before { border-width: 0; opacity: .11; } .l4al li:after { z-index: -2; box-shadow: 0 2px 4px rgba(0,0,0,.1); border-radius: var(--b2r); background: var(--white); } .l4al p, .l4al h1, .l4al h2, .l4al h3, .l4al h4, .l4al h5, .l4al h6 { margin-bottom: 1px; font-size: 1em; line-height: var(--main_lh); } .l4al li > i { display: block; position: absolute; left: 16px; top: 16px; font-size: 20px; line-height: 20px; } .l4al li > i ~ * { padding-left: 35px; } .l4al .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 9; width: 44px; height: 44px; color: var(--gray_text); font-size: var(--size_12); text-indent: -3000em; text-align: left; direction: ltr; } .l4al .close:before { content: "\e91f"; } #root .l4al .close a { color: var(--gray_text); } #root > .l4al { position: fixed; right: 24px; top: 24px; z-index: 100; width: 430px; margin: 0; } .l4al + .l4ca { margin-top: -14px; } .l4al .overlay-lime { color: /*var(--alert_valid)*/ inherit; } .l4al .overlay-lime:before { background: var(--alert_valid); } .l4al .overlay-rose { color: var(--alert_error); } #root .l4al .overlay-rose:before { background: var(--alert_error_bg); opacity: 1; } .l4al + .l4tt { margin-top: -6px; } .l4al.inline { } .l4al.inline li { padding-top: 9px; padding-bottom: 9px; } .l4al.inline li:before, .l4al.inline li:after { box-shadow: none; border-radius: 0; } .l4as { position: relative; list-style: none; padding: 0; } .l4as li { margin: 0; padding: 0 0 0 112px; border-width: 0; } .l4as li > span:first-child { display: block; float: left; width: 102px; margin-left: -112px; padding-right: 10px; font-weight: 700; } .l4as.caption { min-height: 62px; padding-left: 92px; } .l4as.caption:before { content: "\e947"; display: block; overflow: hidden; position: absolute; left: 0; top: 0; width: 62px; height: 62px; padding: 1px 0 0; border-radius: 99px; color: var(--gray_text); font-family: i; font-weight: 400; font-size: 62px; line-height: 62px; opacity: .9; } .l4as.caption li.img { position: absolute; left: 0; top: 0; width: 62px; padding: 0; } .l4as.caption li.img img { display: block; border-radius: 999px; } .l4ch { display: block; position: relative; z-index: 2; list-style: none; padding-left: 20px; padding-right: 0; font-size: var(--size_14_f); } .l4ch li { position: relative; z-index: 2; } .l4ch li:before, .l4ch li.custom-icon > i:first-child, .l4ch:before, .l4ch > i:first-child { display: block; overflow: visible; position: absolute; left: 0; right: 0; top: 50%; bottom: auto; margin: -10px 0 0; box-shadow: none; border-radius: 0; border-width: 0; background: none; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } .l4ch li:before, .l4ch li.custom-icon > i:first-child, .l4ch:before, .l4ch > i:first-child { left: -20px; right: auto; top: 1.05em; min-width: 10px; margin: 0; font-size: 0.6428571429em; line-height: 1; text-align: center; } .l4ch > i:first-child, .l4ch:before { left: 0; } .l4ch li:before, .l4ch:before { content: "\e901"; color: var(--alert_valid); } .l4ch li.custom-icon:before, ul.l4ch:before, ol.l4ch:before , .custom-icon.l4ch:before { display: none; } .l4ch + .l4ch { margin-top: calc(0px - var(--main_mr)); } .l4ch, .f8pr .l4ch { margin-bottom: var(--main_mr); } .l4ch.plus { padding-left: 28px; } .l4ch.plus li:before, .l4ch.circle li:before { content: "\e948"; left: -28px; top: .2em; width: 19px; height: 19px; padding-left: 0; box-shadow: inset 2px -2px 0 rgba(0,0,0,.1); border-radius: 19px; background: var(--alert_valid); color: var(--white); font-size: 19px; line-height: 19px; } .l4ch.plus li.overlay-content:before { content: "\e949"; background: var(--gray); } .l4ch.circle { padding-left: 28px; } .l4ch.circle li:before { content: "\e953"; } .l4ca { list-style: none; margin-bottom: 20px; padding: 0; border-top: 1px solid var(--gallery); font-size: var(--size_14_f); } .l4ca li { position: relative; z-index: 2; min-height: 138px; padding: 22px 0 4px 94px; border-bottom: 1px solid rgba(0,0,0,0); } .l4ca li:after { top: -1px; border: 0 solid var(--black); border-top-width: 1px; opacity: .07; } .l4ca li:first-child:after { border-top-width: 0; } .l4ca li:last-child:after { border-bottom-width: 1px; } .l4ca li > *, .l4ca li > footer > * { padding-left: 36px; } .l4ca li > footer > .input-amount { width: auto; } .l4ca li > *:first-child, #root .l4ca li > footer { padding-left: 0; padding-right: 0; } .l4ca li > div:first-child, .l4ca li > section:first-child { margin-left: -94px; } .l4cl:not(.list) li > div:last-child, .l4cl:not(.list) .li > div:last-child { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .l4ca.portrait li, .l4ca li.portrait { min-height: 163px; } .l4ca.landscape li, .l4ca li.landscape { min-height: 101px; } #root .l4ca li.no-img { min-height: 0; padding-left: 0; padding-right: 0; } #root .l4ca li.no-img > div:first-child, #root .l4ca li.no-img > section:first-child { margin-left: 0; margin-right: auto; } .l4ca figure { display: block; overflow: hidden; position: absolute; left: 0; top: 16px; bottom: 16px; width: 105px; margin: 0; } .l4ca figure img, .l4ca figure picture { display: block; width: 100% !important; max-height: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center 0; object-position: center 0; } .l4cl figure img ~ img, .l4cl figure picture ~ picture, .l4cl figure img ~ picture, .l4cl figure picture ~ img { display: none; z-index: 8; } .l4ca h1, .l4ca h2, .l4ca h3, .l4ca h4, .l4ca h5, .l4ca h6 { margin: 0 0 6px; color: inherit; font-size: var(--size_14_f); font-family: var(--main_ff); font-weight: var(--main_fw_h); line-height: var(--main_lh_l); } .l4ca h1 .small, .l4ca h2 .small, .l4ca h3 .small, .l4ca h4 .small, .l4ca h5 .small, .l4ca h6 .small { margin: 0 0 7px; color: inherit; font-size: var(--size_12_f); font-weight: 400; opacity: 1; } .l4ca li li:after { display: none; } .l4ca section { margin-bottom: 12px; margin-right: auto; font-size: var(--size_12_f); line-height: 1.6666666667; } .l4ca section ul, .l4ca section p, .l4ca.compact ul { margin-bottom: 5px; font-size: var(--size_12_f); line-height: 1.6666666667; } .l4ca section ul, .f8ps header ul, .l4ca footer ul, .l4ca.compact ul { overflow: hidden; list-style: none; margin-right: -18px; padding: 0; color: inherit; font-weight: 400; opacity: .62; } .l4ca section ul li, .f8ps header ul li, .l4ca footer ul li, .l4ca.compact footer ul li, .l4ca.compact ul li { position: relative; z-index: 2; min-height: 0; margin-right: 18px; padding: 0; border-width: 0; font-size: 1em; } .l4ca section ul li:before, .f8ps header ul li:before, .l4ca footer ul li:before, .l4ca.compact footer ul li:before, .l4ca.compact ul li:before { content: "|"; display: block; position: absolute; right: 100%; top: 0; bottom: auto; width: 18px; background: none; font-size: 1em; text-align: center; text-indent: 0; } #root .l4ca li a.link-more { font-weight: 700; text-decoration: none; } /*#root .l4ca footer ul, #root .l4ca.compact ul { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .l4ca footer ul li, .l4ca.compact footer ul li, .l4ca.compact ul li { display: inline-block; margin-right: 14px; }*/ #root .l4ca .r6rt { color: var(--gray_text); font-size: var(--size_12_f); font-weight: 400; } .l4ca p { margin-bottom: 5px; } .l4ca footer p, .l4ca .price { margin-bottom: 16px; } .l4ca footer p a { display: block; position: relative; color: inherit; } .l4ca footer p a i { display: block; position: relative; top: -.05em; color: inherit; font-size: 1.2142857143em; opacity: .62; } .l4ca footer p a:after { left: -15px; right: -15px; top: -15px; bottom: -15px; } .l4ca footer p a i.icon-trash:before { content: "\e93d"; } .l4ca footer p a i + span { margin-left: 8px; } .l4ca footer .link-btn { margin-bottom: 8px; } .l4ca footer .link-btn a { display: block; } .l4ca .price { color: var(--price_color); font-weight: 700; font-size: var(--size_14_f); line-height: 1.5; white-space: nowrap; } .l4ca .price span, .l4cl .price span, #root .l4ca.summary .price span, .old-price { color: var(--price_color_old); font-weight: 400; text-decoration: line-through; } .l4ca .price span, .l4cl .price span, #root .l4ca.summary .price span, #root .l4ca.compact section .price span { margin-right: 5px; } .l4ca input { box-shadow: 0 2px 2px rgba(0,0,0,.06); } .l4ca + h1, .l4ca + h2, .l4ca + h3, .l4ca + h4, .l4ca + h5, .l4ca + h6 { margin-top: 38px; } /*.l4ca.compact li:after { border-bottom: 1px solid var(--gallery); }*/ .l4ca.compact { border-width: 0; } .l4ca.compact li { display: block; min-height: 82px; padding: 10px 0 10px 66px; border-width: 0; } /*.l4ca.compact li:last-child:after { border-bottom: 1px solid var(--gallery); }*/ .l4ca.compact.portrait li, .l4ca.compact li.portrait { min-height: 95px; } .l4ca.compact.landscape li, .l4ca.compact li.landscape { min-height: 70px; } .l4ca.compact figure { top: 16px; bottom: auto; width: 50px; height: 50px; } .l4ca.compact.portrait figure, .l4ca.compact .portrait figure { height: 63px; } .l4ca.compact.landscape figure, .l4ca.compact .landscape figure { height: 38px; } .l4ca.compact h1, .l4ca.compact h2, .l4ca.compact h3, .l4ca.compact h4, .l4ca.compact h5, .l4ca.compact h6 { margin-bottom: 2px; font-size: var(--size_14_f); font-family: var(--main_ff); } .l4ca.compact section { width: 100%; margin: 0; padding: 0; font-size: var(--size_14_f); } .l4ca.compact section .price { padding-left: 10px; font-size: 1em; } #root .l4ca.compact section .price span { display: inline; margin-right: 2px; } .l4ca.compact footer { position: relative; z-index: 9; margin-right: -14px; margin-bottom: -10px; padding-top: 4px; } .l4ca.compact footer > * { margin-right: 14px; } .l4ca.compact footer ul { display: block; overflow: hidden; margin-bottom: 16px; margin-right: 0; text-overflow: ellipsis; white-space: nowrap; } .l4ca.compact footer ul li { display: inline; } .l4ca.compact footer ul ~ p { font-size: var(--size_12_f); line-height: 1.6666666667; } .l4ca.compact li > *, .l4ca.compact li > footer > * { padding-left: 0; padding-right: 0; } .l4ca.summary { margin-top: -15px; border-top-width: 0; } .l4ca.summary li { display: block; min-height: 171px; padding-left: 232px; } .l4ca.summary.portrait li, .l4ca.summary li.portrait { min-height: 232px; } .l4ca.summary.landscape li, .l4ca.summary li.landscape { min-height: 152px; } .l4ca.summary ul li { min-height: 0; padding: 0; } .l4ca.summary figure { left: 37px; width: 158px; } .l4ca.summary section { margin-bottom: 10px; } .l4ca.summary h1, .l4ca.summary h2, .l4ca.summary h3, .l4ca.summary h4, .l4ca.summary h5, .l4ca.summary h6 { font-size: var(--size_16_f); } .l4ca.summary li > section:first-child, .l4ca.summary li > section:first-child ~ * { margin-left: -232px; padding-left: 0; } #root .l4ca.summary .price { position: relative; left: 0; right: 0; top: 0; } #root .l4ca.summary .price span { display: inline; } .l4cl { position: relative; z-index: 2; list-style: none; margin: 24px 0 22px -16px; padding: 0; font-weight: 700; font-size: var(--size_14_f); } .l4cl.processing { opacity: .25; } .l4cl.processing:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; } #root .l4cl { width: auto; } .l4cl li, .l4cl .li { position: relative; z-index: 2; width: 20%; margin: 0 0 22px; border: 0 solid rgba(0,0,0,0); border-left-width: 16px; } .l4cl li.w12, .l4cl .li.w12, .l4cl.w12 li, .l4cl.w12 .li, .l4ne li.w12, .l4ne .li.w12, .l4ne.w12 li, .l4ne.w12 .li { width: 12.5%; max-width: none; } .l4cl li.w14, .l4cl .li.w14, .l4cl.w14 li, .l4cl.w14 .li, .l4ne li.w14, .l4ne .li.w14, .l4ne.w14 li, .l4ne.w14 .li { width: 14.2857142857%; max-width: none; } .l4cl li.w16, .l4cl .li.w16, .l4cl.w16 li, .l4cl.w16 .li, .l4ne li.w16, .l4ne .li.w16, .l4ne.w16 li, .l4ne.w16 .li { width: 16.6666666667%; max-width: none; } .l4cl li.w20, .l4cl .li.w20, .l4cl.w20 li, .l4cl.w20 .li, .l4ne li.w20, .l4ne .li.w20, .l4ne.w20 li, .l4ne.w20 .li { width: 20%; max-width: none; } .l4cl li.w25, .l4cl .li.w25, .l4cl.w25 li, .l4cl.w25 .li, .l4ne li.w25, .l4ne .li.w25, .l4ne.w25 li, .l4ne.w25 .li { width: 25%; max-width: none; } .l4cl li.w33, .l4cl .li.w33, .l4cl.w33 li, .l4cl.w33 .li, .l4ne li.w33, .l4ne .li.w33, .l4ne.w33 li, .l4ne.w33 .li { width: 33.33333333333%; max-width: none; } .l4cl li.w50, .l4cl .li.w50, .l4cl.w50 li, .l4cl.w50 .li, .l4ne li.w50, .l4ne .li.w50, .l4ne.w50 li, .l4ne.w50 .li { width: 50%; max-width: none; } .l4cl li.w66, .l4cl .li.w66, .l4cl.w66 li, .l4cl.w66 .li, .l4ne li.w66, .l4ne .li.w66, .l4ne.w66 li, .l4ne.w66 .li { width: 66.66666666666%; max-width: none; } .l4cl.equalize .swiper-autoheight .swiper-wrapper, .l4cl.equalize .swiper-autoheight .swiper-wrapper .swiper-slide { -webkit-align-items: stretch; align-items: stretch; } .l4cl.equalize .swiper-autoheight .swiper-wrapper .swiper-slide { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 761px) { /* 760- */ .l4cl.w33 figure, .l4cl .w33 figure { padding-top: 100%; } .l4cl.w50 figure, .l4cl .w50 figure { padding-top: 100%; } } .l4ne.w50 figure, .l4ne .w50 figure { padding-top: 62%; } .l4cl h1, .l4cl h2, .l4cl h3, .l4cl h4, .l4cl h5, .l4cl h6 { list-style: none; margin: 0 0 3px; padding: 24px 0 0; font-weight: var(--main_fw_h); font-family: var(--main_ff); font-size: 1em; line-height: 1.5714285714; } .l4cl h1 .small, .l4cl h2 .small, .l4cl h3 .small, .l4cl h4 .small, .l4cl h5 .small, .l4cl h6 .small { display: block; margin: -24px 0 6px; font-weight: 400; font-size: 0.8571428571em; } .l4cl figure + h1, .l4cl figure + h2, .l4cl figure + h3, .l4cl figure + h4, .l4cl figure + h5, .l4cl figure + h6, .l4cl figure + div { margin-top: -7px; } .l4cl.list figure + h1, .l4cl.list figure + h2, .l4cl.list figure + h3, .l4cl.list figure + h4, .l4cl.list figure + h5, .l4cl.list figure + h6, .l4cl.list figure + div { margin-top: 0; } .l4cl.category h1, .l4cl.category h2, .l4cl.category h3, .l4cl.category h4, .l4cl.category h5, .l4cl.category h6 { margin-bottom: 12px; padding-top: 0; font-weight: var(--main_fw_h); font-family: var(--main_ff_h); line-height: var(--main_lh_h); } .l4cl p[class*="overlay"] { font-weight: 400; font-size: var(--size_12_f); } .l4cl .overlay-gray { color: inherit; opacity: .53; } .l4cl .r6rt { position: static; font-weight: 400; font-size: var(--size_12_f); } .l4cl .r6rt, .accordion-a .l4cl .r6rt { margin-bottom: 1px; } .l4cl .r6rt .rating { top: .175em; margin-bottom: 3px; } .l4cl .r6rt a { position: relative; z-index: 10; } .l4cl a { display: block; color: inherit; } .l4cl a.s1tt { display: inline-block; } .l4cl figure { overflow: hidden; position: relative; z-index: 2; height: auto; margin: 0 0 20px; padding-top: 100%; } #root .l4cl.portrait figure, #root .l4cl .portrait figure, .l4ne.portrait figure, .l4ne .portrait figure, .l4ne figure.portrait,.l4pr li.portrait, .l4pr .li.portrait, .l4pr.portrait li, .l4pr.portrait .li { padding-top: 125%; } #root .l4cl.square figure, #root .l4cl .square figure, .l4ne.square figure, .l4ne .square figure, .l4ne figure.square,.l4pr li.square, .l4pr .li.square, .l4pr.square li, .l4pr.square .li { padding-top: 100%; } #root .l4cl.landscape figure, #root .l4cl .landscape figure, .l4ne.landscape figure, .l4ne .landscape figure, .l4ne figure.landscape, .l4pr li.landscape, .l4pr .li.landscape, .l4pr.landscape li, .l4pr.landscape .li { padding-top: 75%; } /*.l4ne.landscape figure, .l4ne .landscape figure { padding-top: 62%; }*/ .l4cl figure picture, .l4cl figure img, .l4cl figure iframe, .l4cl figure video, .l4cl figure > a, .l4ca.compact img, .l4ca.compact picture, .l4ca.compact iframe, .l4ca.compact video { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; height: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .l4cl img, .l4ca img, .l4ca.compact img { display: block; max-width: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .l4cl.hr figure img { position: relative; height: auto !important; max-height: 100% !important; } .l4cl.hr .filled img { height: 100% !important; } #root .l4cl .filled, #root .l4ca .filled, #root .l4cl .filled *, #root .l4ca .filled *, #root .l4pr .filled, #root .l4pr .filled * { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } #root .l4cl img, #root .l4ca img { max-height: calc(100% - .1px) !important; } .l4cl figure picture, .l4cl figure a { width: 100%; height: 100%; } .l4cl figure > span.img-overlay { left: 0; right: 0; top: 0; bottom: 0; } .l4cl figure > span, .l4pr li > span, .l4pr li > a span, .l4pr .swiper-outer > .label, .l4pr .label { display: block; position: absolute; left: 10px; right: 10px; top: 10px; z-index: 9; } .l4pr li > a span, .l4pr .label { left: 0; right: 0; } .l4cl figure > span span, .l4pr li > span span, .l4pr li > a span span, .l4pr .swiper-outer > .label span, .s1lb > span, .l4pr .label > span, #root .l4cl.list figure span.rounded, #root .l4cl.hr figure span.rounded, .l4ne .label span { display: block; overflow: hidden; position: relative; left: 0; top: 0; right: 0; width: auto; min-width: 0; max-width: 100%; height: auto; margin: 0 0 7px; padding: 4px 10px; box-shadow: inset 2px -2px 0 var(--product_label_bg_dark); border-radius: var(--b2r); border-color: var(--product_label_bg); background: var(--product_label_bg); color: var(--product_label_text); font-size: var(--size_12_f); font-weight: 700; line-height: var(--main_lh_h); text-transform: none; text-overflow: ellipsis; white-space: nowrap; } .l4cl figure > span span span, .l4pr li > span span span, .l4pr li > a span span span, .l4pr .swiper-outer > .label span span, .s1lb > span span, .l4pr .label > span > span, #root .l4cl.list figure span.rounded span, #root .l4cl.hr figure span.rounded span { display: inline; float: none; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border-width: 0; background: none; color: inherit; font-size: 1em; font-weight: inherit; } .l4cl figure > span span.rounded, .l4pr li > span span.rounded, .l4pr li > a span span.rounded, .l4pr .swiper-outer > .label span.rounded, .s1lb > span.rounded, .l4pr .label > span.rounded, .l4ne .label span.rounded { width: 114px; height: 114px; padding: 0 18px; border-radius: 99px; font-size: var(--size_14_f); } .l4cl figure > span span.rounded span.strong, .l4pr li > span span.rounded span.strong, .l4pr li > a span span.rounded span.strong, .l4pr .swiper-outer > .label span.rounded span.strong, .s1lb > span.rounded span.strong, .l4pr .label > span.rounded > span.strong, .l4ne .label span.rounded > span.strong { display: block; font-size: 2.2857142857em; } /*.l4cl figure > span span.overlay-content, .l4pr li > span span.overlay-content, .l4pr li > a span span.overlay-content, .l4pr .swiper-outer > .label span.overlay-content, .s1lb > span.overlay-content, .l4pr .label > span.overlay-content, .l4ne .label span.overlay-content { border-color: var(--primary_text); background: var(--primary_text); font-weight: 700; }*/ .l4cl .overlay-tertiary, .l4pr .overlay-tertiary, .s1lb .overlay-tertiary, .l4ne .overlay-tertiary { --product_label_bg: var(--tertiary_bg); } .l4cl .overlay-quaternary, .l4pr .overlay-quaternary, .s1lb .overlay-quaternary, .l4ne .overlay-quaternary { --product_label_bg: var(--quaternary_bg); } .l4cl .overlay-rose, .l4pr .overlay-rose, .s1lb .overlay-rose, .l4ne .overlay-rose { --product_label_bg: var(--alert_error); } .l4cl figure > span span.overlay-content, .l4pr li > span span.overlay-content, .l4pr li > a span span.overlay-content, .l4pr .swiper-outer > .label span.overlay-content, .s1lb > span.overlay-content, .l4pr .label > span.overlay-content, .l4ne .label span.overlay-content { border-color: var(--sand); background: var(--sand); color: var(--primary_text); } .l4cl figure > span span.overlay-sale, .l4pr li > span span.overlay-sale, .l4pr li > a span span.overlay-sale, .l4pr .swiper-outer > .label span.overlay-sale, .s1lb > span.overlay-sale, .l4pr .label > span.overlay-sale, .l4ne .label span.overlay-sale { box-shadow: inset 2px -2px 0 var(--sale_label_bg_dark); border-color: var(--sale_label_bg); background: var(--sale_label_bg); color: var(--sale_label_text); font-weight: 700; } /*.l4cl figure > span span.overlay-tertiary, .l4pr li > span span.overlay-tertiary, .l4pr li > a span span.overlay-tertiary, .l4pr .swiper-outer > .label span.overlay-tertiary, .s1lb > span.overlay-tertiary, .l4pr .label > span.overlay-tertiary, .l4ne .label span.overlay-tertiary { border-color: var(--tertiary_bg); background: var(--tertiary_bg); color: var(--tertiary_text); font-weight: 700; } .l4cl figure > span span.overlay-quaternary, .l4pr li > span span.overlay-quaternary, .l4pr li > a span span.overlay-quaternary, .l4pr .swiper-outer > .label span.overlay-quaternary, .s1lb > span.overlay-quaternary, .l4pr .label > span.overlay-tertiary, .l4ne .label span.overlay-quaternary { border-color: var(--quaternary_bg); background: var(--quaternary_bg); color: var(--quaternary_text); font-weight: 700; } .l4cl figure > span span.overlay-sale, .l4pr li > span span.overlay-sale, .l4pr li > a span span.overlay-sale, .l4pr .swiper-outer > .label span.overlay-sale, .s1lb > span.overlay-sale, .l4pr .label > span.overlay-sale, .l4ne .label span.overlay-sale { border-color: var(--sale_label_bg); background: var(--sale_label_bg); color: var(--sale_label_text); font-weight: 700; } .l4cl figure > span span.overlay-rose, .l4pr li > span span.overlay-rose, .l4pr li > a span span.overlay-rose, .l4pr .swiper-outer > .label span.overlay-rose, .s1lb > span.overlay-rose, .l4pr .label > span.overlay-rose, .l4ne .label span.overlay-rose { border-color: var(--alert_error); background: var(--alert_error); color: var(--white); font-weight: 700; } .l4cl figure > span span.overlay-white, .l4pr li > span span.overlay-white, .l4pr li > a span span.overlay-white, .l4pr .swiper-outer > .label span.overlay-white, .s1lb > span.overlay-white, .l4pr .label > span.overlay-white, .l4ne .label span.overlay-white { border-color: var(--white); background: var(--white); color: var(--secondary_bg); font-weight: 700; } .l4cl figure > span span.overlay-coal, .l4pr li > span span.overlay-coal, .l4pr li > a span span.overlay-coal, .l4pr .swiper-outer > .label span.overlay-coal, .s1lb > span.overlay-coal, .l4pr .label > span.overlay-coal, .l4ne .label span.overlay-coal { border-color: var(--primary_text); background: var(--primary_text); color: var(--white); font-weight: 700; }*/ .l4cl:not(.list) .has-form figure { position: relative; z-index: 99; } .l4cl figure .link-btn, .l4cl figure form { position: absolute; left: 10px; right: 10px; bottom: 10px; top: auto; margin-bottom: 0; padding: 0; } .l4cl figure form .invalid-feedback { display: none; } .l4cl figure .link-btn a, .l4cl figure button { float: none; max-width: 235px; } .l4cl figure button.compact { padding-left: 0; padding-right: 0; } /*.l4cl figure button i { display: block; position: absolute; left: 0; right: 0; top: 50%; margin-top: -20px; line-height: 40px; }*/ .l4cl:not(.list, .hr) figure .link-btn, .l4cl:not(.list, .hr) figure form { visibility: hidden; opacity: 0; } .mobile .l4cl:not(.list, .hr) figure .link-btn, .mobile .l4cl:not(.list, .hr) figure form { visibility: visible; opacity: 1; } .l4cl.list figure .link-btn, .l4cl.list figure form { display: none; } /*#root .l4cl figure form span { display: inline; position: relative; left: 0; right: 0; top: 0; bottom: 0; }*/ .l4cl .price { margin-top: 2px; color: var(--price_color); line-height: 1.5; } .l4cl .price, .accordion-a .l4cl .price { margin-bottom: 3px; } .l4cl .price .small { display: block; margin: 1px 0 2px; color: var(--primary_text_h); font-family: var(--main_ff); font-size: var(--size_12_f); font-weight: 400; font-size: 0.8571428571em; text-decoration: none; opacity: .53; } .l4cl .price span[class*="overlay"] { display: block; margin: 0 0 4px; font-size: var(--size_12_f); text-decoration: none; opacity: 1; } .l4cl .link-btn { position: relative; z-index: 9; margin-top: auto; margin-bottom: 0; } .l4cl button, .l4cl .link-btn a { width: auto; min-width: 0; height: auto; } .l4cl:not(.list) form:last-child, .l4cl:not(.list) .link-btn:last-child { margin-top: auto; } #root .l4cl form:last-child .submit:last-child, .l4cl form:last-child .link-btn:last-child, .l4cl form:last-child .submit:last-child > *, .l4cl form:last-child .link-btn:last-child > * { margin-bottom: 0; } .l4cl .link-btn.sticky, .l4cl form.sticky { visibility: hidden; position: absolute; left: 0; right: 0; top: 100%; z-index: 9; padding-top: 8px; opacity: 0; } .l4cl .link-btn.sticky, .l4cl form.sticky { -webkit-transform: translateY(-5px); transform: translateY(-5px); } /*html:not(.mobile) .l4cl .link-btn.sticky:before, html:not(.mobile) .l4cl form.sticky:before { left: -16px; right: -16px; bottom: -16px; top: 0; z-index: -2; box-shadow: 0 2px 2px rgba(0,0,0,.06); border-radius: var(--b2r); background: var(--body_bg); } html:not(.mobile) .l4cl .link-btn.sticky:after, html:not(.mobile) .l4cl form.sticky:after { left: -18px; right: -18px; } html:not(.mobile) .l4cl .link-btn.sticky:after, html:not(.mobile) .l4cl form.sticky:after { background: -moz-linear-gradient(top, var(--body_bg) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, var(--body_bg) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, var(--body_bg) 0%,rgba(0,0,0,0) 100%);} */ /*.l4cl .link-btn { position: relative; top: 0; bottom: 0; margin-top: auto; }*/ .mobile .l4cl .link-btn.sticky, .mobile .l4cl form.sticky { visibility: visible; position: relative; top: 0; bottom: 0; opacity: 1; } .mobile .l4cl .link-btn.sticky, .mobile .l4cl form.sticky { -webkit-transform: none; transform: none; } @media only screen and (max-width: 1000px) { /* 1000 */ .l4cl .link-btn, .l4cl .submit { padding-top: 8px; } } .l4cl:not(.list) .link-btn, .l4cl:not(.list) .submit { padding-top: 8px; } .l4cl.list * + .link-btn, .l4cl.list * + form .submit:first-child { padding-top: 8px; } .l4cl:not(.list) figure + .link-btn, .l4cl:not(.list) figure + form .submit, .l4cl:not(.list) figure + div > .link-btn:first-child, .l4cl:not(.list) figure + div > form:first-child .submit { padding-top: 0; } .l4cl .link-btn a, .l4cl .link-btn button, .l4cl form .link-btn:first-child button, .l4cl.list form .link-btn:first-child button { /*position: absolute; left: -3000em; top: 0; margin-top: 8px;*/ font-size: 1em; } /*.l4cl.list .link-btn:first-child a, .l4cl.list .link-btn:first-child button, #root .l4cl form:first-child .link-btn:first-child button { margin-top: 0; }*/ .l4cl:not(.hr) .link-btn a:last-child { margin-bottom: 0; } /*.l4cl .link-btn.sticky { position: absolute; left: auto; right: 0; top: 50%; bottom: auto; margin-top: -22.5px; }*/ .l4cl .link-btn.sticky a i, .l4cl .link-btn a i, .l4cl button a i { font-size: var(--size_20); line-height: 1px; } .l4cl .link-btn a i.icon-cart, .l4cl button a i.icon-cart { font-size: var(--size_22); line-height: 1px; } /*.l4cl .link-btn a i.icon-cart, .l4cl button a i.icon-cart { -webkit-transform: translateY(.05em); transform: translateY(.05em); }*/ .l4cl .link-btn.sticky a i.icon-cart { font-size: var(--size_24); } .l4cl .link-btn.sticky a i.icon-cart { -webkit-transform: translateY(.1em); transform: translateY(.1em); } .l4cl .info { display: none; position: relative; z-index: 8; font-weight: 400; } .l4cl .info p { display: none; margin-bottom: 18px; } .l4cl .info p + p > .link-more:first-child, .js .link-more-clicked p + p > a.link-more[data-no="1"]:first-child { display: block; margin-top: 0; /*margin-top: -18px;*/ } p.limit, .l4cl .info p:first-child { display: -moz-box; display: -webkit-box; display: box; overflow: hidden; } p.limit, .l4cl .info p:first-child { -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; box-orient: vertical; } /*p.limit,*/ .l4cl .info:not(.long) p:first-child ~ .link-more { display: none; } .l4cl .info p a { display: inline; color: var(--secondary_bg); } .l4cl + .n6pg { margin-top: -22px; } #root .l4cl li.link, #root .l4cl.wide li.link { display: none; width: 100%; padding: 0; background: none; } .l4cl .link-btn a:focus { position: relative; left: 0; } .cols + .l4cl, .cols + .l4ft { margin-top: 12px; } .l4cl.hr { padding-bottom: 1px; } #root .l4cl.hr li { width: 100%; min-height: 129px; margin: 0; padding: 16px 124px 15px 0; } .l4cl.hr li:before { bottom: -1px; border: 0 solid var(--black); border-bottom-width: 1px; opacity: .07; } #root .l4cl.hr figure { position: absolute; right: 0; top: 11px; bottom: 10px; width: 108px; height: auto; margin: 0; padding: 0; } #root .l4cl.hr.portrait li, #root .l4cl.hr li.portrait, #root .l4cl.hr.portrait .li, #root .l4cl.hr .li.portrait { min-height: 151px; } #root .l4cl.hr.landscape li, #root .l4cl.hr li.landscape, #root .l4cl.hr.landscape .li, #root .l4cl.hr .li.landscape { min-height: 100px; } #root .l4cl.hr.portrait figure, #root .l4cl.hr li.portrait figure, #root .l4cl.hr .li.portrait figure { max-height: 130px; } #root .l4cl.hr.landscape figure, #root .l4cl.hr li.landscape figure, #root .l4cl.hr .li.landscape figure { max-height: 79px; } #root .l4cl.hr.square figure, #root .l4cl.hr li.square figure, #root .l4cl.hr .li.square figure { max-height: 108px; } .l4cl.hr li > .link-btn:not(.sticky):last-child, .l4cl.hr .li > .link-btn:not(.sticky):last-child, .l4cl.hr li > div:last-child > .link-btn:not(.sticky):last-child, .l4cl.hr .li > div:last-child > .link-btn:not(.sticky):last-child { margin-bottom: -5px; } .l4cl.hr li > form:last-child, .l4cl.hr .li > form:last-child, .l4cl.hr li > div:last-child > form:last-child, .l4cl.hr .li > div:last-child > form:last-child { margin-bottom: -5px; } .l4cl.hr h1, .l4cl.hr h2, .l4cl.hr h3, .l4cl.hr h4, .l4cl.hr h5, .l4cl.hr h6 { padding: 0; } .l4cl.hr h1 .small, .l4cl.hr h2 .small, .l4cl.hr h3 .small, .l4cl.hr h4 .small, .l4cl.hr h5 .small, .l4cl.hr h6 .small { position: relative; margin-top: 0; } .l4cl.hr .price .small { display: inline; margin: 0; padding: 0; } .l4cl.hr .link-btn.sticky { position: absolute; left: auto; right: 124px; top: auto; bottom: 10px; } .l4cl.hr .link-btn.sticky { -webkit-transform: none; transform: none; } #root .l4cl.hr .link-btn.sticky:before, #root .l4cl.hr .link-btn.sticky:after, .l4cl.hr figure .link-btn, .l4cl.hr figure form { display: none; } .l4cl.hr .link-btn.sticky a { width: 45px; height: 45px; min-width: 0; margin-top: 0; margin-bottom: 0; padding: 0; } .l4cl.hr .link-btn.sticky a .icon-cart { margin-top: -20px; line-height: 40px; } .l4cl.hr .link-btn.sticky a .icon-cart { -webkit-transform: none; transform: none; } .l4cl.hr .submit { max-width: 238px; } .m6ac .l4cl.hr .link-btn a, .m6ac .l4cl.hr button { -webkit-flex-grow: unset; -ms-flex-grow: unset; flex-grow: unset; } .accordion-a .l4cl.hr { overflow-x: hidden; overflow-y: auto; max-height: 600px; } @media only screen and (min-width: 761px) { /* 760- */ .l4cl { scrollbar-width: thin; } .l4cl::-webkit-scrollbar { width: 6px; height: 6px; } .l4cl::-webkit-scrollbar-track { background: none; } .l4cl::-webkit-scrollbar-thumb { background: var(--alto); } } .l4cl.hr.inv { } #root .l4cl.hr.inv li { padding-right: 0; padding-left: 124px; } #root .l4cl.hr.inv figure { left: 0; right: auto; } .l4cl.hr.inv .link-btn.sticky { left: 124px; right: auto; } .l4cl.hr.is-scrollable { padding-right: 16px; } /*.l4cl.hr.no-img { }*/ #root .l4cl.hr.no-img li, #root .l4cl.hr li.no-img, #root .l4cl.hr.no-img.inv li, #root .l4cl.hr.inv li.no-img { min-height: 0; padding-left: 0; padding-right: 0; } #root .l4cl.hr.no-img figure, #root .l4cl.hr li.no-img figure { display: none; } @media only screen and (min-width: 1201px) { /* 1200+ */ .m6ac .l4cl.hr .link-btn:not(.sticky) a, .m6ac .l4cl.hr button { min-width: 154px; } .m6ac .l4cl.hr .link-btn:not(.sticky) a, .m6ac .l4cl.hr button { -webkit-flex-grow: unset; -ms-flex-grow: unset; flex-grow: unset; } } @media only screen and (min-width: 761px) { /* 760+ */ .l4cl.aside { display: block; padding-left: calc(50% + 8px); } .l4cl.aside > li { float: left; width: 50%; } .l4cl.aside > li:first-child { position: relative; left: -200%; float: right; clear: none; width: 100%; margin-right: -100%; } .l4cl.aside > li:nth-child(2n) { clear: left; } .l4cl.aside > li:first-child + li { clear: none; } .l4cl.aside.inv { padding-left: 0; padding-right: calc(50% + 8px); } .l4cl.aside.inv > li:first-child { left: 0; } .mobile-only:first-child + .l4cl { margin-top: 0; } } .l4cl.list { margin-top: -18px; } .l4cl.list li, .l4cl.list .li { width: 100%; min-height: 174px; margin: 0; padding: 23px 0 23px 104px; } #root .l4cl.list li, #root .l4cl.list .li { width: 100%; } .l4cl.list li:before, .l4cl.list .li:before { border-bottom: 1px solid var(--gallery); } .l4cl.list.portrait li, .l4cl.list.portrait .li, .l4cl.list li.portrait, .l4cl.list .li.portrait { min-height: 209px; } .l4cl.list.landscape li, .l4cl.list.landscape .li, .l4cl.list li.landscape, .l4cl.list .li.landscape { min-height: 140px; } .l4cl.list h1, .l4cl.list h2, .l4cl.list h3, .l4cl.list h4, .l4cl.list h5, .l4cl.list h6 { padding-top: 0; } .l4cl.list h1 .small, .l4cl.list h2 .small, .l4cl.list h3 .small, .l4cl.list h4 .small, .l4cl.list h5 .small, .l4cl.list h6 .small { margin-top: 0; } #root .l4cl.list figure { position: absolute; left: 0; top: 18px; right: auto; width: 138px; height: 138px; min-height: 0; margin: 0; padding: 0; } #root .l4cl.list.portrait figure, #root .l4cl.list .portrait figure { height: 173px; } #root .l4cl.list.landscape figure, #root .l4cl.list .landscape figure { height: 104px; } .l4cl.list li > * { padding-left: 58px; } .l4cl.list li > *:not(figure) + *:last-child { margin-left: auto; } /*.l4cl.list li > *:not(figure) + *:last-child { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; }*/ .l4cl.list li > *:not(:last-child) { min-width: 0; } /*.l4cl.list li > div { flex-grow: 3; }*/ .l4cl.list .link-btn { visibility: visible; position: relative; left: 0; bottom: 0; margin-top: 0; opacity: 1; } @media only screen and (min-width: 1001px) { /* 1000+ */ .l4cl.list .link-btn a, .l4cl.list form button { white-space: nowrap; } } .l4cl.wide { display: block; margin-left: 0; } #root .l4cl.wide li, #root .l4cl.wide .li { width: 100%; border-left-width: 0; } .l4cl.wide h1, .l4cl.wide h2, .l4cl.wide h3, .l4cl.wide h4, .l4cl.wide h5, .l4cl.wide h6 { margin-bottom: 0; padding-top: 0; line-height: 1.6153846154; } .l4cl.wide figure { width: 60px; min-width: 60px; max-width: 60px; height: 60px; margin: 0 20px 0 0; padding: 0; } #root .l4cl.wide figure { padding: 0 !important; } .l4cl.wide.portrait figure, .l4cl.wide .portrait figure { height: 75px; } .l4cl.wide.landscape figure, .l4cl.wide .landscape figure { height: 45px; } .l4cl.wide li > div, .l4cl.wide .li > div { max-width: 195px; } .l4cl.wide .link-btn { visibility: visible; position: relative; left: 0; right: 0; top: 0; bottom: 0; margin-top: 0; margin-left: auto; margin-top: 0; padding-left: 11px; padding-top: 0; opacity: 1; } #root .l4cl.wide .link-btn { margin-top: 0; } .l4cl.wide .link-btn a, .popup-a .l4cl .link-btn a { overflow: hidden; position: relative; left: 0; width: 44px; min-width: 0; height: 44px; margin-top: 0; margin-bottom: 4px; padding: 0; border-radius: 99px; text-indent: -3000em; text-align: left; direction: ltr; } .l4cl.wide .link-btn a i, .popup-a .l4cl .link-btn a i { margin-top: -11px; font-size: var(--size_20_f); line-height: 22px; } .l4cl.wide .link-btn a i, .popup-a .l4cl .link-btn a i { -webkit-transform: none; transform: none; } .l4cl.wide .link-btn a:before, .popup-a .l4cl .link-btn a:before { border-radius: 99px; } .l4cl.wide .price { margin-bottom: 4px; margin-left: auto; padding-left: 11px; font-size: var(--main_fz); white-space: nowrap; } .l4cl.wide .price ~ .link-btn { margin-left: 0; } .l4cl.s4wi { display: block; margin-left: 0; } #root .l4cl.s4wi li, #root .l4cl.s4wi .li { float: none; width: 100%; border-left-width: 0; } #root .l4cl.s4wi.text-justify li, #root .l4cl.s4wi.text-justify .li, .l4cl.s4wi.text-justify .swiper-slide { width: auto; } .l4cl .swiper-button-next, .l4cl .swiper-button-prev { width: 48px; height: 240px; color: var(--primary_text); } .l4cl.no-img .swiper-button-next, .l4cl.no-img .swiper-button-prev { top: 0; bottom: 22px; height: auto; } .l4cl .swiper-button-next { right: -48px; } .l4cl .swiper-button-prev { left: -48px; } @media only screen and (min-width: 761px) { /* 760+ */ /*html:not(.mobile)*/ #root .l4cl:not(.list, .hr) .static .link-btn, /*html:not(.mobile)*/ #root .l4cl:not(.list, .hr) .static form { display: none; } } /*.m6ca .l4cl { }*/ /* .l4cm */ .l4cn { list-style: none; padding: 0; } .l4cn li, .l4ad .l4cn li { position: relative; z-index: 2; margin-bottom: 2px; padding: 0 0 0 28px; } .l4cn i { display: block; position: absolute; left: 0; top: .2em; min-width: 21px; font-size: 1.2857142857em; line-height: 21px; text-align: center; } .l4cn .icon-envelope { top: .45em; font-size: 0.7142857143em; } .l4cn [class*="whatsapp"] { top: .25em; font-size: 1.175em; /*color: var(--emerald); font-size: 1.2857142857em;*/ } .l4cn .icon-phone { font-size: 1em; } .l4cn.box { margin-right: -18px; margin-bottom: 13px; text-align: center; } .l4cn.box li { margin: 0 18px 18px 0; padding: 10px 16px; } .l4cn.box li:before { box-shadow: 0 2px 2px rgba(0,0,0,.06); border-radius: var(--b2r); border: 1px solid var(--gallery); background: var(--white); } .l4cn.box i { display: inline-block; position: relative; top: .1em; margin-right: 2px; line-height: 1px; } p + .l4cn.box { margin-top: -4px; } .l4cu { list-style: none; margin: 40px 0 0 -80px; padding: 0; color: inherit; text-align: center; } .l4cu li { position: relative; z-index: 2; margin: 0 0 var(--main_mr); border-left: 80px solid rgba(0,0,0,0); } .l4cu li > span { display: block; position: relative; z-index: 2; margin: 0 0 15px; font-weight: 700; font-size: var(--main_h1); line-height: var(--main_lh_h); } .l4cu li > span span { margin: 0; } .l4cu li > span span.main { visibility: hidden; opacity: 0; } .l4cu li > span span.clone { display: block; position: absolute; left: 0; right: 0; top: 0; z-index: 9; } .l4cu span.has-plus:after { content: "+"; } .l4cu.box { margin-left: -16px; } .l4cu.box li { width: 25%; max-width: 239px; border-left-width: 16px; } .l4cu.box li > span { margin-bottom: 8px; border: 0 solid rgba(0,0,0,0); border-top-width: 35px; border-bottom-width: 35px; } .l4cu.box li > span:before { top: -35px; bottom: -35px; border-radius: 6px; background: var(--coal); opacity: .1; } .m6wd.overlay-content .l4cu.box li > span:before, .m6wd.overlay-theme .l4cu.box li > span:before { background: var(--white); } .l4dr { position: relative; z-index: 4; list-style: none; margin-right: -30px; padding: 0; text-align: left; } .l4dr li { position: relative; z-index: 2; min-height: 26px; margin-right: 30px; } .l4dr a { display: block; position: relative; z-index: 2; } #root .l4dr a:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 100%; min-width: 44px; height: 44px; margin: -22px 0 0; } #root .l4dr a:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } #root .l4dr .l4sc.box a:after { left: 0; right: 0; top: 0; bottom: 0; min-width: 0; height: auto; margin: 0; } #root .l4dr .l4sc.box a:after { -webkit-transform: none; transform: none; } .l4dr i { display: inline-block; position: relative; margin-right: 8px; line-height: 1px; } .l4dr i.icon-share { font-size: 1.1428571429em; } .l4dr li > span:first-child { margin-right: 8px; } #root .l4dr li > span.r6rt { margin: 0; } .l4dr .r6rt .rating { top: -.0125em; } .l4dr img { border-radius: 0; } #root .l4dr li > form { margin-bottom: 0; } #root .l4dr li:not(.toggle) > form { display: none !important; } .l4dr ul, .l4dr .l4sc.box { display: none; } .l4ft { list-style: none; padding: 0; margin: 24px 0 35px -16px; color: var(--white); } .l4ft li { overflow: hidden; position: relative; z-index: 3; width: 50%; min-height: 300px; margin: 0 0 16px; border-left: 16px solid rgba(0,0,0,0); } .l4ft li.w12, .l4ft.w12 li { width: 12.5%; min-height: 120px; } .l4ft li.w14, .l4ft.w14 li { width: 14.2857142857%; min-height: 140px; } .l4ft li.w16, .l4ft.w16 li { width: 16.6666666666%; min-height: 180px; } .l4ft li.w20, .l4ft.w20 li { width: 20%; min-height: 220px; } .l4ft li.w25, .l4ft.w25 li { width: 25%; min-height: 275px; } .l4ft li.w33, .l4ft.w33 li { width: 33.3333333333%; } .l4ft li.w37, .l4ft.w37 li { width: 37.5%; } .l4ft li.w50, .l4ft.w50 li { width: 50%; } .l4ft li.w66, .l4ft.w66 li { width: 66.6666666666%; } .l4ft li.size-m { min-height: 375px; } .l4ft li.size-l { min-height: 520px; } .l4ft li.w100, .l4ft li.wide, .l4ft.w100 li, .l4ft.wide li { width: 100%; } .l4ft li:before, .l4ft .background { z-index: -3; background: var(--primary_text); } .l4ft li.overlay-content:before { background: var(--sand); } .l4ft li.bg-dark { color: var(--white); } .l4ft li.bg-light, .l4ft li.overlay-content { color: var(--primary_text); } .l4ft a:after, .l4ft .link-overlay { left: -3000em; right: -3000em; top: -3000em; bottom: -3000em; z-index: 8; } .l4ft a:after { display: none; } .l4ft .link-btn, .l4ft .link { z-index: 9; } .l4ft .link-btn a:after, .l4ft .link a:after { display: none; } .l4ft li > div { position: relative; z-index: 9; padding-top: /*40px*/ 34px; padding-bottom: 22px; padding-left: 42px; padding-right: 42px; } /*.l4ft li > div, .l4ft li.w25.align-bottom > div, .l4ft li.w20.align-bottom > div, .l4ft.w25 li.align-bottom > div, .l4ft.w20 li.align-bottom > div { padding-bottom: 28px; }*/ /*.l4ft li.w25 > div, .l4ft li.w20 > div, .l4ft.w25 li > div, .l4ft.w20 li > div { padding-left: 40px; padding-right: 40px; }*/ .l4ft.w16 li > div, .l4ft li.w16 > div, .l4ft.w14 li > div, .l4ft.w12 li > div, .l4ft li.w14 > div, .l4ft li.w12 > div { padding-left: 20px; padding-right: 20px; } .l4ft.w14 li > div, .l4ft.w12 li > div, .l4ft li.w14 > div, .l4ft li.w12 > div { padding-top: 30px; padding-bottom: 18px; } .l4ft li.align-bottom > div { padding-bottom: 30px; } .l4ft li.overlay-content > div:first-child { mix-blend-mode: multiply; } .l4ft figure { overflow: hidden; z-index: -2; } /*.l4ft figure:before, .l4ft figure .background*/ .l4ft .img-overlay, figure .img-overlay { z-index: 3; border-radius: 0; background: var(--primary_text); opacity: .3; } .l4ft figure .background { opacity: .7; } .l4ft figure:first-child:last-child:before { display: none; } .l4ft figure a, .l4ft figure img, .l4ft figure picture, .l4ft figure picture img, .l4ft figure video { display: block; z-index: 2; } .l4ft li > picture, .l4ft li > img, .l4ft li > picture img, .l4ft li > video { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -2; width: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } #root .l4ft li > picture, #root .l4ft li > img, #root .l4ft li > picture img, #root .l4ft li > figure picture, #root .l4ft li > figure img, #root .l4ft li > video, #root .l4ft li > figure video { height: 100% !important; } .l4ft li.inline { padding-top: 20px; padding-bottom: 9px; } .l4ft li.inline figure { position: relative; margin-bottom: 10px; padding: 0 16px; } .l4ft li.inline figure:before, /*.l4ft li.has-html-background:before,*/ .l4ft li.has-html-background figure:before, .l4ft figure.has-html-background:before, .l4ft li.inline .img-overlay, .l4ft div figure:before, .l4ft div .img-overlay { display: none; } #root .l4ft li.inline figure img, #root .l4ft li.inline figure picture, .l4ft div figure img, .l4ft div figure picture { display: block; position: relative; /*width: auto !important; height: auto !important;*/ margin: 0 auto; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } #root .l4ft li.inline > div { padding-top: 0; padding-bottom: 0; } #root .l4ft.align-top li.inline > div, #root .l4ft li.inline.align-top > div { margin-top: auto; } .l4ft div figure { position: relative; z-index: 2; } /*.l4ft .cols { }*/ .l4ft .cols > figure { max-width: 50%; } .l4ft .cols { -webkit-align-items: center; align-items: center; } .l4ft .cols { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .l4ft li > img:first-child:last-child, l4ft li > picture:first-child:last-child, l4ft li > picture:first-child:last-child img { display: block; position: relative; text-align: inherit; text-indent: 0; direction: inherit; } .l4ft h1, .l4ft h2, .l4ft h3, .l4ft h4, .l4ft h5, .l4ft h6 { /*max-width: 380px;*/ margin: 0 0 12px; color: inherit; /*font-size: var(--size_32);*/ } /*.l4ft li.w25 h1, .l4ft li.w25 h2, .l4ft li.w25 h3, .l4ft li.w25 h4, .l4ft li.w25 h5, .l4ft li.w25 h6, .l4ft li.w20 h1, .l4ft li.w20 h2, .l4ft li.w20 h3, .l4ft li.w20 h4, .l4ft li.w20 h5, .l4ft li.w20 h6, .l4ft.w20 h1, .l4ft.w20 h2, .l4ft.w20 h3, .l4ft.w20 h4, .l4ft.w20 h5, .l4ft.w20 h6, .l4ft.w25 h1, .l4ft.w25 h2, .l4ft.w25 h3, .l4ft.w25 h4, .l4ft.w25 h5, .l4ft.w25 h6, .l4ft li.w16 h1, .l4ft li.w16 h2, .l4ft li.w16 h3, .l4ft li.w16 h4, .l4ft li.w16 h5, .l4ft li.w16 h6, .l4ft.w16 h1, .l4ft.w16 h2, .l4ft.w16 h3, .l4ft.w16 h4, .l4ft.w16 h5, .l4ft.w16 h6, .l4ft li.w14 h1, .l4ft li.w14 h2, .l4ft li.w14 h3, .l4ft li.w14 h4, .l4ft li.w14 h5, .l4ft li.w14 h6, .l4ft.w14 h1, .l4ft.w14 h2, .l4ft.w14 h3, .l4ft.w14 h4, .l4ft.w14 h5, .l4ft.w14 h6, .l4ft li.w12 h1, .l4ft li.w12 h2, .l4ft li.w12 h3, .l4ft li.w12 h4, .l4ft li.w12 h5, .l4ft li.w12 h6, .l4ft.w12 h1, .l4ft.w12 h2, .l4ft.w12 h3, .l4ft.w12 h4, .l4ft.w12 h5, .l4ft.w12 h6 { font-size: var(--size_18_f); }*/ .l4ft p { margin-bottom: 12px; } .l4ft .link-btn { margin-top: 8px; margin-bottom: 4px; } .l4ft p a:hover { color: inherit; } .l4ft li.inline > *:last-child > p:last-child { margin-bottom: 16px; } .l4ft + .l4ft { margin-top: -19px; } .l4ft li { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .l4ft.cols.w50 { padding-top: 60px; } #root .l4ft.cols li { display: block; min-height: 0; } .l4ft.cols li > div, .l4ft li.overlay > div { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; } .l4ft.cols figure, .l4ft.cols figure a, .l4ft.cols img, .l4ft.cols picture, .l4ft li.overlay figure, .l4ft.cols picture img, .l4ft li.overlay, .l4ft li.overlay figure img, .l4ft li.overlay picture, .l4ft li.overlay picture img { display: block; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: calc(100% + 1px) !important; height: auto !important; } .l4ft.cols.w50 li:first-child { margin-top: -60px; } .l4ft.static { } /*.l4ft.static { -webkit-align-items: flex-start; align-items: flex-start; }*/ #root .l4ft.static li { display: block; min-height: 0; padding: 0 0 1px; } .l4ft.static.overlay-theme li:before, #root .l4ft.static li.overlay-theme:before { background: var(--secondary_bg); } .l4ft.static.overlay-content li:before, #root .l4ft.static li.overlay-content:before { background: var(--white); } .l4ft.static.overlay-black li:before, #root .l4ft.static li.overlay-black:before { background: var(--cod); } .l4ft.static.overlay-sand li:before, #root .l4ft.static li.overlay-sand:before { background: var(--sand); } .l4ft.static.overlay-tan li:before, #root .l4ft.static li.overlay-tan:before { background: var(--tan); } .l4ft.static li > figure { overflow: hidden; position: relative; margin: 0 0 0; padding-top: 60%; text-indent: 0; } .l4ft.static li > figure img, .l4ft.static li > figure iframe, .l4ft.static li > figure video, .l4ft.static li > figure svg { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #root .l4ft.static li.inline figure { padding: var(--rpp) var(--rpp) 0; } #root .l4ft.static figure:not(:last-child), #root .l4ft.static figure:not(:last-child) img, #root .l4ft.static.mobile-box figure:not(:last-child), #root .l4ft.static.mobile-box figure:not(:last-child) img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #root .l4ft.static li > div { position: relative; padding: var(--rpp) var(--rpp) calc(var(--rpp) - 10px); } .l4id { overflow: hidden; list-style: none; padding: 0 0 0 16px; border: 0 solid var(--gallery); border-left-width: 1px; color: var(--secondary_bg); font-weight: 700; } .l4id { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; -moz-column-gap: 16px; -webkit-column-gap: 16px; column-gap: 16px; } .l4id li { position: relative; z-index: 2; } .l4id li:before { right: -1px; border: 0 solid var(--gallery); border-right-width: 1px; } .l4id ul { list-style: none; margin: 0; padding: 0; color: var(--primary_text); font-weight: 400; } .l4id ul li { padding: 0; border-width: 0; } .l4in { list-style: none; margin-right: -24px; padding: 0; } .l4in li { position: relative; z-index: 2; margin: 0 24px 0 0; } .l4in.a { overflow: hidden; margin-right: -18px; } .l4in.a li { margin-right: 18px; } .l4in.a li:before { content: "\e94b"; left: auto; right: 100%; width: 18px; font-size: 1em; } .l4ne { list-style: none; margin: 12px 0 21px -16px; padding: 0; font-size: var(--size_14_f); } .l4ne li { position: relative; width: 33.333333333333%; margin: 0 0 24px; border: 0 solid rgba(0,0,0,0); border-left-width: 16px; } .l4ne figure { display: block; overflow: hidden; height: auto; margin: 0 0 16px; padding-top: 66%; } .l4ne figure svg, .l4ne figure img, .l4ne figure picture { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .l4ne figure svg { width: auto !important; max-width: none !important; } .l4ne h1, .l4ne h2, .l4ne h3, .l4ne h4, .l4ne h5, .l4ne h6 { margin: 0 0 3px; font-size: 1.2857142857em; line-height: var(--main_lh_l); } .l4ne h1 .small, .l4ne h2 .small, .l4ne h3 .small, .l4ne h4 .small, .l4ne h5 .small, .l4ne h6 .small { margin-bottom: 3px; font-size: 0.6666666667em; } .l4ne h1 a, .l4ne h2 a, .l4ne h3 a, .l4ne h4 a, .l4ne h5 a, .l4ne h6 a { position: relative; z-index: 9; } .l4ne p { margin-bottom: 2px; } /*.l4ne .link-btn { margin-top: auto; }*/ .l4ne p + * { margin-top: 16px; } .l4ne .label { position: absolute; left: 10px; top: 10px; right: 10px; margin-right: -7px; } .l4ne .label span { margin-right: 7px; } #root .l4ne p a span { position: relative; z-index: 9; } .l4ne.featured { display: block; padding-left: 638px; } .l4ne.featured li { float: left; width: 50%; margin-bottom: 12px; } .l4ne.featured li:nth-child(2n+4) { clear: left; } .l4ne.featured li:first-child { left: -100%; float: right; clear: none; width: 638px; margin-left: -638px; } #root .l4ne.featured li:first-child figure { padding-top: 0; } .l4ne.featured li:first-child figure svg, .l4ne.featured li:first-child figure img, .l4ne.featured li:first-child figure picture, #root .l4ne-figure-before.l4ne figure svg, #root .l4ne-figure-before.l4ne figure img, #root .l4ne-figure-before.l4ne figure picture { position: relative; height: auto !important; } .l4ne.featured h1, .l4ne.featured h2, .l4ne.featured h3, .l4ne.featured h4, .l4ne.featured h5, .l4ne.featured h6 { font-size: 1em; } .l4ne.featured h1 .small, .l4ne.featured h2 .small, .l4ne.featured h3 .small, .l4ne.featured h4 .small, .l4ne.featured h5 .small, .l4ne.featured h6 .small { margin-bottom: 7px; font-size: var(--size_12_f); } .l4ne.featured li:first-child h1, .l4ne.featured li:first-child h2, .l4ne.featured li:first-child h3, .l4ne.featured li:first-child h4, .l4ne.featured li:first-child h5, .l4ne.featured li:first-child h6 { margin-bottom: 8px; font-size: 1.7142857143em; } .m6wd > .l4ne.featured:last-child { margin-bottom: 16px; } .l4ne-figure-before, #root .l4ne-figure-before.l4ne { display: block; list-style: none; margin: 12px 0 2px; padding: 0; } #root .l4ne-figure-before.l4ne li { left: 0; right: 0; float: none; width: 100%; min-width: 0; max-width: none; margin: 0 0 23px; padding: 0; border-width: 0; } #root .l4ne-figure-before.l4ne figure { margin-bottom: 16px; padding-top: 0; } #root .l4ne-figure-before.l4ne h1, #root .l4ne-figure-before.l4ne h2, #root .l4ne-figure-before.l4ne h3, #root .l4ne-figure-before.l4ne h4, #root .l4ne-figure-before.l4ne h5, #root .l4ne-figure-before.l4ne h6 { margin-bottom: 6px; font-size: var(--size_18_f); } .l4ne-figure-before + .l4ne { margin-top: 12px; } .l4pm { list-style: none; margin-top: 26px; margin-right: -22px; margin-bottom: 16px; padding: 0; line-height: 1; } .l4pm li { margin: 0 22px 10px 0; } .l4pm:first-child { margin-top: 0; } .l4pm.box, #shopify-section-footer > div .l4pm.box { margin-right: -10px; } .l4pm.box li, #shopify-section-footer > div .l4pm.box li { margin-right: 10px; } .l4pl { list-style: none; padding: 0; } .l4ps { overflow: hidden; position: relative; list-style: none; margin: 0; padding: 0; text-align: center; } .l4ps li, .l4ps .li { margin: 0 0 17px; } .l4ps .swiper-pagination-bullets { position: absolute; left: 0; right: 0; bottom: 21px; z-index: 9; } .l4ps .swiper-pagination-bullet:before { background: var(--white); } .l4ps.slider-fraction .swiper-custom-pagination { padding-top: 10px; } .l4ps.s4wi { margin-bottom: 16px; } .l4pr { position: relative; z-index: 2; list-style: none; max-width: 624px; margin: 0 38px 38px; padding: 0; border: 0 solid rgba(0,0,0,0); text-align: center; } .l4pr li, .l4pr .li { position: relative; z-index: 2; height: /*475px*/ /*540px*/; margin-bottom: 30px; padding-top: 85%; } #root .l4pr li.auto, #root .l4pr .li.auto, #root .l4pr.auto li, #root .l4pr.auto .li { padding-top: 0; } /*.l4pr li.cover, .l4pr .li.cover, .l4pr.cover li, .l4pr.cover .li { padding-top: 0; }*/ /*.l4pr li.portrait, .l4pr .li.portrait, .l4pr.portrait li, .l4pr.portrait .li { padding-top: 125%; } .l4pr li.square, .l4pr .li.square, .l4pr.square li, .l4pr.square .li { padding-top: 100%; } .l4pr li.landscape, .l4pr .li.landscape, .l4pr.landscape li, .l4pr.landscape .li { padding-top: 75%; }*/ .l4pr li a, .l4pr .li a { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; height: 100%; } .l4pr .li a[data-type="video"], .l4pr .li a[data-type="html5video"] { background: #000; } .l4pr li > span, .l4pr li a > span, .l4pr .swiper-outer > .label, .l4pr .li > span, .l4pr .li a > span { left: 16px; top: 16px; } .l4pr .l4tl { display: block; position: absolute; right: 16px; bottom: 16px; z-index: 9; margin: 0; } .l4pr picture { display: block; width: auto !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .l4pr li picture, .l4pr .li picture, .l4pr li video, .l4pr .li video, .l4pr li iframe, .l4pr .li iframe { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; height: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } #root .l4pr .auto a, #root .l4pr.auto a, #root .l4pr .auto picture, #root .l4pr.auto picture, #root .l4pr .auto img, #root .l4pr.auto img, #root .l4pr .auto video, #root .l4pr.auto video, #root .l4pr .auto iframe, #root .l4pr.auto iframe { position: relative; width: 100% !important; height: auto !important; } .l4pr img { display: block; width: auto !important; max-width: 100% !important; height: auto !important; max-height: 100% !important; border-radius: var(--b2r); -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .l4pr .li a[data-type="video"], .l4pr .li a[data-type="html5video"], .l4pr .swiper-outer { border-radius: var(--b2r); } .l4pr .li a[data-type="video"] video, .l4pr .li a[data-type="html5video"] video, .l4pr .li a[data-type="video"] img, .l4pr .li a[data-type="html5video"] img { border-radius: 0; } .l4pr li .just-poster, .l4pr .li .just-poster { visibility: hidden; opacity: 0; } #root .l4pr picture { height: 100% !important; } .l4pr .model-3d { display: block !important; } .l4pr .swiper-custom-pagination .model-3d, .l4pr .swiper-custom-pagination .model-3d model-viewer, .fancybox__thumbs .model-3d, .fancybox__thumbs .model-3d model-viewer { display: none !important; visibility: hidden; opacity: 0; } .l4pr.s4wi { margin-bottom: 23px; } .l4pr .swiper-outer { display: block; overflow: hidden; position: relative; } .l4pr .swiper-pagination-bullets { position: relative; left: 0; right: 0; top: 0; bottom: 0; list-style: none; margin: 30px -7px 0 0; padding: 0; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet { display: block; position: relative; z-index: 2; width: 75px; height: 75px; min-height: 0; margin: 0 7px 7px 0; padding: 10px; cursor: pointer; } #root .l4pr .swiper-pagination-bullets .swiper-pagination-bullet.portrait, #root .l4pr.portrait .swiper-pagination-bullets .swiper-pagination-bullet { height: 94px; } #root .l4pr .swiper-pagination-bullets .swiper-pagination-bullet.landscape, #root .l4pr.landscape .swiper-pagination-bullets .swiper-pagination-bullet { height: 56px; } #root .l4pr .swiper-pagination-bullets .swiper-pagination-bullet.auto, #root .l4pr.auto .swiper-pagination-bullets .swiper-pagination-bullet { height: auto; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet:before { left: 0; right: 0; top: 0; bottom: 0; z-index: -1; width: auto; height: auto; margin: 0; border-radius: var(--b2r); border: 1px solid var(--gallery); background: none; opacity: 1; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before { border-color: var(--secondary_bg); } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet i { display: none; position: absolute; left: 50%; top: 50%; z-index: 9; width: 20px; height: 20px; margin: -10px 0 0 -10px; border-radius: 10px; background: var(--secondary_bg); color: var(--white); font-size: 10px; line-height: 20px; text-align: center; text-indent: 0; direction: ltr; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet i.icon-play, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet i.icon-cube { display: block; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet i.icon-play:before { content: "\e944"; font-size: 20px; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet img { height: 100% !important; border-radius: var(--b2r); -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span span, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span a.more { display: block; position: absolute; left: 0; right: 0;top: 0; bottom: 0; z-index: 9; color: var(--white); font-size: var(--size_14_f); font-weight: 700; text-indent: 0; text-align: center; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet.has-more i { display: none; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span span:before, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span a.more:before { border-radius: var(--b2r); background: var(--coal); opacity: .4; } #root .l4pr li.swiper-outer:first-child, .l4pr img { display: block; } .l4pr .custom-progressbar { display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; height: 2px; border-radius: var(--b2r); } .l4pr .custom-progressbar > * { display: block; width: 0%; height: 100%; background: var(--secondary_bg); } .l4pr .swiper-button-next, .l4pr .swiper-button-prev { bottom: auto; width: 67px; height: /*475px*/ 540px; } .l4pr .swiper-button-next { left: 100%; right: auto; } .l4pr .swiper-button-prev { right: 100%; left: auto; } .l4pr .li a[href^="#model-3d"] picture img { display: none; } .l4pr .li a[href^="#model-3d"] .model-3d { display: block !important; } .l4pr.slider-fraction { } .l4pr.slider-fraction .swiper-custom-pagination { padding-top: 20px; } .l4pr.slider-fraction .swiper-custom-fraction { display: block; } .l4pr.slider-fraction:not(.aside-pager) .swiper-pagination-bullets { display: none; } .l4pr.slider-fraction .swiper-button-next, .l4pr.slider-fraction .swiper-button-prev { height: 30px !important; } @media only screen and (min-width: 1101px), only screen and (min-width: 761px) and (max-width: 1000px) { /* 1100-, 760-1000 */ .l4pr.aside-pager.s4wi { margin-bottom: 23px; padding-left: 51px; } .l4pr.aside-pager.s4wi > .swiper-outer { float: right; width: 100%; } .l4pr.aside-pager.s4wi > .swiper-pagination-bullets, .l4pr.aside-pager.s4wi > .swiper-custom-pagination { float: left; width: 82px; margin-top: 0; margin-bottom: 0; margin-left: -92px; padding-top: 0; } .l4pr.aside-pager.s4wi .swiper-pagination-bullets { padding-top: 0; } .l4pr.aside-pager.s4wi.slider-fraction .swiper-custom-fraction { display: none; } .l4pr.aside-pager.s4wi .swiper-button-prev, .l4pr.aside-pager.s4wi .swiper-button-next { width: 44px; color: var(--coal); } .l4pr.aside-pager.s4wi .swiper-button-prev:after, .l4pr.aside-pager.s4wi .swiper-button-next:after { top: 50%; bottom: auto; height: 44px; margin-top: -22px; background: var(--white); opacity: .7; } .l4pr.aside-pager.s4wi .swiper-button-prev { left: calc(54px + 16px); right: auto; } .l4pr.aside-pager.s4wi .swiper-button-next { right: 16px; left: auto; } .l4pr.aside-pager.s4wi .swiper-button-prev:after { /*border-radius: 0 var(--b2r) var(--b2r) 0;*/ border-radius: 48px; } .l4pr.aside-pager.s4wi .swiper-button-next:after { /*border-radius: var(--b2r) 0 0 var(--b2r);*/ border-radius: 48px; } .l4pr.aside-pager.s4wi .swiper-pagination-bullets { margin-top: 0; } .l4pr.aside-pager.s4wi .swiper-pagination-bullets .swiper-pagination-bullet { width: 75px; height: 75px; padding: 10px; } .m6pr .l4pr.aside-pager.s4wi li > span, .m6pr .l4pr.aside-pager.s4wi li a > span, .m6pr .l4pr.aside-pager.s4wi > .label, .m6pr .l4pr.aside-pager.s4wi .li > span, .m6pr .l4pr.aside-pager.s4wi .li a > span { left: 64px; } #root .slider-fraction.l4pr.aside-pager .swiper-custom-pagination .swiper-button-prev, #root .slider-fraction.l4pr.aside-pager .swiper-custom-pagination .swiper-button-next { display: none; } } @media only screen and (min-width: 761px) and (max-width: 1000px) { /* 760-1000 */ #root #shopify-section-header .l4us:not(:first-child) { display: none; } #root #shopify-section-header .l4us:first-child + .l4us:not(.l4us-mobile) { display: block; height: 100%; } } .l4st { list-style: none; margin: 30px 0 16px -16px; padding: 0; } .l4st li, .l4st .li { width: 25%; margin: 0 0 10px; border-left: 16px solid rgba(0,0,0,0); } .l4st li.w20, .l4st .li.w20, .l4st.w20 li, .l4st.w20 .li { width: 20%; } .l4st li.w25, .l4st .li.w25, .l4st.w25 li, .l4st.w25 .li { width: 25%; } .l4st li.w33, .l4st .li.w33, .l4st.w33 li, .l4st.w33 .li { width: 33.3333333%; } .l4st li.w50, .l4st .li.w50, .l4st.w50 li, .l4st.w50 .li { width: 50%; } .l4st li.w100, .l4st .li.w100, .l4st.w100 li, .l4st.w100 li { width: 100%; } .l4st h1, .l4st h2, .l4st h3, .l4st h4, .l4st h5, .l4st h6 { margin: 0 0 15px; /*font-size: var(--size_16_f);*/ } .l4st h1 i, .l4st h2 i, .l4st h3 i, .l4st h4 i, .l4st h5 i, .l4st h6 i, .l4st figure { display: block; margin: 0 0 14px; color: var(--secondary_bg); font-size: 44px; line-height: 54px; } .l4st h1 .icon-truck, .l4st h2 .icon-truck, .l4st h3 .icon-truck, .l4st h4 .icon-truck, .l4st h5 .icon-truck, .l4st h6 .icon-truck { font-size: 36px; } .l4st h1 .icon-shop, .l4st h2 .icon-shop, .l4st h3 .icon-shop, .l4st h4 .icon-shop, .l4st h5 .icon-shop, .l4st h6 .icon-shop { font-size: 42px; } .l4st h1 .icon-app, .l4st h2 .icon-app, .l4st h3 .icon-app, .l4st h4 .icon-app, .l4st h5 .icon-app, .l4st h6 .icon-app { font-size: 54px; } .l4st.s4wi { display: block; margin-left: 0; margin-bottom: var(--main_mr); } .l4st.s4wi .li { width: auto; margin-bottom: 0; border-left-width: 0; } .l4st .swiper-pagination-bullets { margin-top: -10px; } .l4ts { list-style: none; margin: 42px 0 0 -16px; padding: 0; text-align: center; } .l4ts li, .l4ts .li { position: relative; z-index: 2; width: 33.33333333333%; margin: 0 0 40px; border-left: 16px solid rgba(0,0,0,0); } .l4ts q { display: block; max-width: 302px; margin: 0 auto 14px; font-style: italic; font-size: var(--size_16_f); } .l4ts span span { font-weight: 400; } .l4ts .r6rt { display: inline-block; } .l4ts .r6rt .rating > * .fill { color: var(--secondary_bg); } .l4ts.box { margin-bottom: 24px; margin-left: -16px; } .l4ts.box li, .l4ts.box .li { margin-bottom: 16px; padding: 42px 26px 36px; border-left-width: 16px; color: var(--primary_text); } .l4ts.box li:before, .l4ts.box .li:before, .l4ts.box .r6rt .rating > * .fill, .l4ts.wide.box.s4wi .swiper-outer/*, .l4ts.s4wi.box .swiper-outer*/ { background: var(--sand); } .m6wd .l4ts.box li:before, .m6wd .l4ts.box .li:before, .m6wd .l4ts.box .r6rt .rating > * .fill, .m6wd .l4ts.wide.box.s4wi .swiper-outer/*, .m6wd .l4ts.s4wi.box .swiper-outer*/ { background: var(--white); } /*.l4ts.wide { }*/ .l4ts.wide li, .l4ts.wide .li, .l4ts li:first-child:last-child, .l4ts .li:first-child:last-child, .l4ts.w100 li, .l4ts.w100 .li, .l4ts li.w100, .l4ts .li.w100 { width: 100%; } .l4ts.wide q, .l4ts > li:first-child:last-child q, .l4ts.w100 q, .l4ts .w100 q { max-width: 644px; margin-left: auto; margin-right: auto; } .l4ts.w50 { } .l4ts.w50 li, .l4ts.w50 .li, .l4ts li.w50, .l4ts .li.w50 { width: 50%; } .l4ts.w50 q, .l4ts .w50 q { max-width: 540px; margin-left: auto; margin-right: auto; } .l4ts.s4wi { display: block; margin-left: 0; margin-bottom: 40px; } .l4ts .swiper-outer { overflow: hidden; } .l4ts.s4wi .li { width: 100%; /*max-width: 730px;*/ margin-left: auto; margin-right: auto; margin-bottom: 0; border-left-width: 0; } .l4ts.s4wi q { /*max-width: 644px;*/ /*margin-bottom: 16px; font-size: var(--size_20_f); line-height: 1.3;*/ } .l4ts .swiper-pagination-bullets, .l4ts .swiper-custom-pagination, .l4ts .swiper-custom-fraction { padding-top: 15px; } .l4ts.box .swiper-pagination-bullets, .l4ts.box .swiper-custom-pagination, .l4ts.box .swiper-custom-fraction { padding-top: 20px; } #root .l4ts .swiper-custom-pagination .swiper-pagination-bullets/*, #root .l4ts .swiper-custom-pagination, #root .l4ts .swiper-custom-pagination .swiper-pagination-fraction*/ { padding-top: 0; } /*.l4ts.s4wi.box .swiper-outer { background: var(--sand); } .l4ts.s4wi.box li:before, .l4ts.s4wi.box .li:before { display: none; }*/ .l4ts.s4wi.box li:before, .l4ts.s4wi.box .li:before { display: block; } .l4tl { position: relative; z-index: 2; list-style: none; margin: 0; padding: 1px 0; } .l4tl:before { box-shadow: 0 2px 2px rgba(0,0,0,.06); border-radius: var(--b2r); border: 1px solid var(--gallery); background: var(--white); } #root .l4tl li { display: block; position: relative; z-index: 2; height: auto; margin: 0 0 1px; } .l4tl li:before { content: ""; display: block; position: absolute; left: 50%; bottom: -1px; width: 16px; height: 1px; margin: 0 0 0 -8px; background: var(--gallery); } #root .l4tl a { display: block; overflow: hidden; width: 32px; height: 28px; color: var(--gray_text); font-size: var(--size_12); text-indent: -3000em; text-align: left; direction: ltr; } #root .l4tl i { display: block; position: absolute; left: 0; right: 0; top: 50%; margin-top: -10px; line-height: 20px; font-size: 0.9166666667em; text-align: center; text-indent: 0; } .l4sc { list-style: none; margin: 29px -30px -5px 0; padding: 0; font-size: var(--size_14_f); } .l4sc li { margin-right: 30px; margin-bottom: 22px; } .l4sc li.title { margin-right: 15px; } .l4sc a { display: block; position: relative; } .l4sc:not(.box) a:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; z-index: 9; width: 44px; height: 44px; margin: -22px 0 0 -22px; } #root .l4sc:not(.box) a:after { display: block; } .l4sc i { display: block; position: relative; top: 0; margin: 0; font-size: 1.2857142857em; line-height: var(--size_18_f); } .l4sc .icon-envelope { top: .1em; font-size: 0.7857142857em; } .l4sc .icon-twitter, .l4sc .icon-vkontakte { font-size: 1em; } .l4sc .icon-youtube { font-size: 1.0714285714em; } .l4sc .icon-facebook, .l4sc .icon-vimeo, .l4sc .icon-wechat, .l4sc .icon-weibo { font-size: 1.1428571429em; } .l4sc [class*="icon-whatsapp"] { font-size: 1.1428571429em; } .shopify-section:not(:last-child) > .l4sc:last-child { margin-bottom: 12px; } #root .m0 + .l4sc { margin-top: -2px; } .l4sc.box { position: relative; z-index: 2; padding: 14px 3px 6px; } .l4sc.box:before { box-shadow: 0 0 2px rgba(0,0,0,.06); border-radius: var(--b2r); border: 1px solid var(--gallery); background: var(--white); } #root .l4sc.box li { margin: 0 0 8px; padding: 0 15px; } .l4sc.box li a { display: block; overflow: visible; padding: 0; } #root .l4sc.box li a i { display: block; top: 0; min-width: 0; margin: 0; line-height: var(--size_18_f); } .l4sc.box .icon-envelope { color: var(--secondary_bg); } .l4sc.box .icon-facebook { color: var(--facebook); } .l4sc.box .icon-pinterest { color: var(--pinterest); } .l4sc.box .icon-twitter { color: var(--twitter); } .l4sc.box .icon-whatsapp { color: var(--whatsapp); } .l4sc.box .icon-youtube { color: var(--youtube); } .l4sc.box .icon-linkedin { color: var(--linkedin); } .l4tt { list-style: none; padding: 0; font-size: var(--size_14_f); } .l4tt li { margin-bottom: 3px; } .l4tt li > span:first-child { margin-right: auto; padding-right: 6px; } .l4tt li.overlay-valid, .l4tt li.overlay-error { display: block; text-align: inherit; } .l4tt li.size-18 { margin-top: -2px; font-weight: 700; } .table-wrapper + .l4tt, table + .l4tt { padding-left: 20px; padding-right: 20px; } /*.l4ch + .l4tt { margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--gallery); }*/ .l4us { list-style: none; padding: 0; } .l4us li, .l4us .li { position: relative; max-width: 100%; padding-left: 16px; } #nav-top .l4us li:not(.rendered), #nav-top .l4us .li:not(.rendered) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .l4us li:before, .l4us .li:before { content: "\e901"; right: auto; top: 10px; margin: 0; color: var(--lime); font-size: 0.5714285714em; line-height: 1; } .shopify-section > .l4us:last-child { margin-bottom: 50px; } #root .l4us a.next-item { display: none; } .l4us .next-item:before { content: "\e906"; } @media only screen and (min-width: 761px) { #root .l4us a.next-item { display: inline-block; position: relative; width: 26px; height: 100%; color: inherit; font-size: 8px; text-decoration: none; text-align: left; text-indent: -3000em; direction: ltr; } #root .l4us.slider-single .swiper-button-next, #root #shopify-section-header .l4us.slider-single .swiper-button-next, #root .l4us.no-arrows a.next-item { display: none; } #root .l4us a.next-item:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; } } .l4us.wide { position: relative; z-index: 2; margin-right: -32px; padding-top: 10px; padding-bottom: 10px; } .l4us.wide:before { background: var(--sand); } .l4us.wide li { margin-right: 32px; } .l4us.wide.s4wi { display: block; margin-right: 0; } .l4us.wide.s4wi .swiper-slide { padding: 0 var(--rpp); } .l4us.wide.s4wi .swiper-slide:not(.swiper-slide-active) { visibility: hidden; opacity: 0; } .l4us.wide.s4wi.no-nav .swiper-slide, #shopify-section-header .l4us.wide.s4wi .swiper-slide { padding-left: 0; padding-right: 0; } #shopify-section-header .l4us.s4wi .swiper-outer { overflow: hidden; } #shopify-section-header .l4us.s4wi .swiper-button-prev, #shopify-section-header .l4us.s4wi .swiper-button-next { display: block; /*display: none;*/ width: 20px; color: inherit; font-size: 8px; } #shopify-section-header:not(.fixed) .l4us.s4wi .swiper-button-prev, #shopify-section-header:not(.fixed) .l4us.s4wi .swiper-button-next { overflow: visible; } #shopify-section-header .l4us.s4wi .swiper-button-prev:after, #shopify-section-header .l4us.s4wi .swiper-button-next:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; } /*#shopify-section-header .l4us.s4wi .swiper-button-prev:after, #shopify-section-header .l4us.s4wi .swiper-button-next:after, #root .l4us a.next-item:after { background: #faf; opacity: .7; }*/ @media only screen and (min-width: 1001px) { #shopify-section-header .l4us.s4wi .swiper-button-next:after { margin-left: -22px; } #shopify-section-header .l4us.s4wi .swiper-button-prev:after { margin-left: -8px; } } @media only screen and (max-width: 1000px) { #shopify-section-header .l4us.s4wi:not(.no-arrows) .swiper-button-prev, #shopify-section-header .l4us.s4wi:not(.no-arrows) .swiper-button-next, #shopify-section-header .l4us.s4wi:not(.no-arrows) a.next-item { width: 44px; min-width: 44px; } #shopify-section-header .l4us.s4wi:not(.no-arrows) .swiper-button-prev:after, #shopify-section-header .l4us.s4wi:not(.no-arrows) .swiper-button-next:after { height: 34px; margin-top: -17px; } #shopify-section-header .l4us.s4wi:not(.no-arrows) { padding-left: /*12px*/ 28px; padding-right: 28px; } #shopify-section-header .l4us.s4wi:not(.no-arrows) .swiper-button-prev { right: calc(100% - 28px); } #shopify-section-header .l4us.s4wi:not(.no-arrows) .swiper-button-next { left: calc(100% - 28px); } } /*@media only screen and (max-width: 760px) {*/ /*#nav-top > .l4us:not(.no-arrows) .li { padding-right: 16px; }*/ /*#nav-top > .l4us:not(.no-arrows) .longer a.linked { padding-right: 0; }*/ /*#shopify-section-header .l4us.s4wi .swiper-button-prev:after, #shopify-section-header .l4us.s4wi .swiper-button-next:after { height: 34px; margin-top: -17px; } #shopify-section-header .l4us.s4wi .swiper-button-prev:after { margin-left: -8px; } #shopify-section-header .l4us.s4wi .swiper-button-next:after { margin-left: -30px; } #shopify-section-header .l4us:first-child ~ .l4us.s4wi .swiper-button-next:after, #shopify-section-header .l4us.s4wi:first-child .swiper-button-next:after { margin-left: -36px; }*/ /*}*/ #shopify-section-header .l4us.no-arrows .swiper-button-prev, #shopify-section-header .l4us.no-arrows .swiper-button-next { display: none; } #shopify-section-header .l4us.s4wi .swiper-button-prev { left: auto; right: 100%; } #shopify-section-header .l4us.s4wi .swiper-button-next { right: auto; left: 100%; } /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } fieldset { width: 100%; } form p { position: relative; z-index: 1; } .has-select { position: relative; z-index: 2; } legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline-width: 0; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; } /*input { }*/ input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px var(--custom_input_bg) inset !important; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } input[type="number"] { appearance: textfield; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--secondary_bg_fade); background: var(--secondary_bg_fade); cursor: default; } #root button[disabled], #root button.disabled, #root #shopify-section-footer button[disabled], #root #shopify-section-footer button.disabled { box-shadow: none; border-color: transparent; background: none; } #root button[disabled], #root button.disabled, #root #shopify-section-footer button[disabled], #root #shopify-section-footer button.disabled { -webkit-animation: none; animation: none; } #root button[disabled]:not([class*="shopify-payment-button"]):before, #root button.disabled:not([class*="shopify-payment-button"]):before, #root #shopify-section-footer button[disabled]:not([class*="shopify-payment-button"]):before, #root #shopify-section-footer button.disabled:not([class*="shopify-payment-button"]):before { box-shadow: none; border-color: var(--secondary_bg_fade); background: var(--secondary_bg_fade); } button.overlay-tertiary[disabled], input[type="button"].overlay-tertiary[disabled], input[type="reset"].overlay-tertiary[disabled], input[type="submit"].overlay-tertiary[disabled] { border-color: var(--alto); background: var(--alto); color: var(--white); } #root button.overlay-tertiary[disabled], #root input[type="button"].overlay-tertiary[disabled], #root input[type="reset"].overlay-tertiary[disabled], #root input[type="submit"].overlay-tertiary[disabled] { color: var(--white); } #root button.overlay-tertiary[disabled] *, #root input[type="button"].overlay-tertiary[disabled] *, #root input[type="reset"].overlay-tertiary[disabled] *, #root input[type="submit"].overlay-tertiary[disabled] * { color: inherit; } #root button.overlay-tertiary[disabled]:before, #root button.disabled.overlay-tertiary:before, #root #shopify-section-footer button.overlay-tertiary[disabled]:before, #root #shopify-section-footer button.disabled.overlay-tertiary:before { border-color: var(--alto); background: var(--alto); } ::-webkit-input-placeholder { opacity: 1; color: var(--custom_input_pl); font-size: var(--main_fz); } :-ms-input-placeholder { opacity: 1; color: var(--custom_input_pl); font-size: var(--main_fz);} ::-ms-input-placeholder { opacity: 1; color: var(--custom_input_pl); font-size: var(--main_fz);} ::placeholder { opacity: 1; color: var(--custom_input_pl); font-size: var(--main_fz);} :focus::-webkit-input-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } /*form { }*/ label, .label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 4px; color: inherit; font-weight: 700; font-size: /*var(--size_12_f)*/ var(--size_14_f); font-family: var(--main_ff); } label span, .label span { margin-left: 3px; font-weight: 400; } label span + span, .label span + span { margin-left: 20px; } label span.text-end, .label span.text-end { display: block; float: right; margin-left: 0; margin-right: 0; } label span.text-end i, .label span.text-end i { display: inline-block; position: relative; line-height: 1px; } label i, .label i, .size-12 i { display: inline-block; position: relative; top: .1em; margin-right: 4px; font-size: 1.1666666667em; line-height: 1px; } label .text-end i, .label .text-end i { margin-left: 12px; } label i.icon-size, .label i.icon-size { top: 0; font-size: 0.8333333333em; } label picture { width: auto; max-width: 100%; } input, select, textarea, .bv_atual, #root .bv_mainselect input { display: block; width: 100%; border-radius: var(--b2r); border: 1px solid var(--custom_input_bd); background: calc(100% - 15px) center no-repeat var(--custom_input_bg); background-size: auto 9px; color: var(--custom_input_fg); font-size: var(--main_fz); } #root .done > .select-wrapper select, #root .done > .select-wrapper .bv_mainselect .bv_atual { color: var(--custom_input_fg); } /*input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px var(--white) inset !important; }*/ input:focus, select:focus, textarea:focus, #search input:focus { border-color: var(--secondary_bg); } input, select, .bv_atual { height: 45px; padding: 0 16px; } .bv_atual { color: var(--custom_input_pl); } input.size-m, select.size-m, .bv_atual.size-m, .size-m input, .size-m select, .size-m .bv_atual { height: 51px; } input.size-l, select.size-l, .bv_atual.size-l, .size-l input, .size-l select, .size-l .bv_atual { height: 55px; } input[type="date"] { line-height: 43px; } input ~ .size-12, select ~ .size-12, textarea ~ .size-12, .bv_atual ~ .size-12, .select-wrapper ~ .size-12 { display: block; margin-top: 6px; } select, .bv_atual { padding-right: 45px; } select, .bv_atual { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 5.7' style='enable-background:new 0 0 9 5.7' xml:space='preserve'%3E%3Cpath d='M8.4.2C8.2.1 8 0 7.8 0s-.3.1-.5.2L4.5 3 1.7.2C1.5.1 1.4 0 1.2 0S.8.1.6.2L.2.6C.1.8 0 1 0 1.2s.1.4.2.5L4 5.5c.1.1.3.2.5.2s.4-.1.5-.2l3.8-3.8c.1-.1.2-.3.2-.5S8.9.8 8.8.6L8.4.2z' style='fill:%23959595'/%3E%3C/svg%3E"); background-position: calc(100% - 19px) center; background-size: auto 6px; line-height: normal; } .bv_atual { background-position: -3000em -3000em; } .bv_atual:before { display: block; overflow: visible; position: absolute; left: 0; right: 0; top: 50%; bottom: auto; margin: -10px 0 0; box-shadow: none; border-radius: 0; border-width: 0; background: none; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } .bv_atual:before { content: "\e904"; left: auto; right: 0; width: 50px; font-size: 6px; } select:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 5.7' style='enable-background:new 0 0 9 5.7' xml:space='preserve'%3E%3Cpath d='M.6 5.5c.2.1.4.2.6.2s.3-.1.5-.2l2.8-2.8 2.8 2.8c.2.1.3.2.5.2s.4-.1.6-.2l.4-.4c.1-.2.2-.4.2-.6s-.1-.4-.2-.5L5 .2C4.9.1 4.7 0 4.5 0s-.4.1-.5.2L.2 4c-.1.1-.2.3-.2.5s.1.4.2.6l.4.4z' style='fill:%23959595'/%3E%3C/svg%3E"); } textarea { height: 162px; min-height: 162px; padding: 13px 13px 13px 15px; } aside textarea { height: 135px; min-height: 135px; } input + *, select + *, textarea + *, .input-prefix + * { display: block; margin-top: 6px; } input + style, select + style, textarea + style, .input-prefix + style { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a { display: block; position: relative; z-index: 3; float: left; width: auto; min-width: 144px; margin: 0 16px 8px 0; padding: 14px 18px; box-shadow: inset 2px -2px 0 rgba(0,0,0,.1); border-radius: var(--b2r); border: 0 solid var(--secondary_bg_btn); background: var(--secondary_bg_btn); color: var(--secondary_btn_text); font-weight: 700; font-size: var(--size_14_f); line-height: var(--main_lh_h); text-align: center; text-decoration: none; cursor: pointer; } button[class*="overlay"], [class*="overlay"] button { color: var(--secondary_btn_text); } button, .link-btn a { box-shadow: none; background: none; } #root button, #root .link-btn a { background: none; } button:before, .link-btn a:before, /*.n6pg li.prev a:before, .n6pg li.next a:before,*/ #nav-user > ul > li > a i span:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; box-shadow: inset 2px -2px 0 rgba(0,0,0,.1); border-radius: var(--b2r); border: 0 solid var(--secondary_bg_btn); background: var(--secondary_bg_btn); } /*.n6pg li.prev a:before, .n6pg li.next a:before { border-color: var(--secondary_bg); background: var(--secondary_bg); }*/ .n6pg li.prev a, .n6pg li.next a, .spr-pagination > div > .spr-pagination-prev a, .spr-pagination > div > .spr-pagination-next a { overflow: visible; border-color: var(--secondary_bg); background: var(--secondary_bg); } #root .n6pg li.prev a:before, #root .n6pg li.next a:before, .spr-pagination > div > .spr-pagination-prev a:before, .spr-pagination > div > .spr-pagination-next a:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 0; } button.no-shadow:before, .link-btn a.no-shadow:before { box-shadow: none; } #root .dynamic-checkout__content li { -webkit-flex-grow: 3 !important; -ms-flex-grow: 3 !important; flex-grow: 3 !important; } #root .dynamic-checkout__content li div, .shopify-payment-button div[role="button"], .shopify-payment-button button { float: none; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 8px; border-radius: var(--b2r); } [data-whatin="mouse"] #root .dynamic-checkout__content li div:not(:hover), [data-whatin="mouse"] .shopify-payment-button div[role="button"]:not(:hover), [data-whatin="mouse"] .shopify-payment-button button:not(:hover) { -webkit-animation: none !important; animation: none !important; } #root input + .size-12, #root select + .size-12, #root textarea + .size-12, #root .select-wrapper + .size-12 { display: block; margin-top: 6px; font-size: var(--size_12_f); } .bv_mainselect { display: block; margin: 0; } .bv_mainselect .bv_ul_inner { display: none !important; } .bv_atual { overflow: hidden; color: var(--custom_input_pl); line-height: 43px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } #root .select-wrapper.done .bv_mainselect .bv_atual { color: var(--custom_input_fg); } .select-wrapper { display: block; position: relative; z-index: 9; } .select-wrapper select { display: block; position: relative; left: 0; top: 0; } .check { position: relative; z-index: 2; list-style: none; padding: 0; font-size: var(--size_14_f); } .check li, .check > * { position: relative; z-index: 2; margin-bottom: 7px; } .check label { display: block; position: relative; z-index: 2; margin: 0; padding: 0 0 0 26px; font-weight: 400; font-size: 1em; line-height: var(--main_lh); } .check label:before, .check label:after { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: .25em; z-index: 2; width: 18px; height: 18px; border-radius: var(--b2r); border: 1px solid var(--custom_input_bd); background: var(--custom_input_bg); color: var(--white); font-family: i; font-weight: 400; font-size: 16px; line-height: 16px; text-align: center; cursor: pointer; } .check label:after { border-color: rgba(0,0,0,0); background: none; } .check input:checked ~ label:before { content: "\e92c"; border-color: var(--secondary_bg); background: var(--secondary_bg); } .check input[disabled]:checked ~ label:before { content: "\e92c"; border-color: var(--alto); background: var(--alto); } .check input[type="radio"] ~ label:before, .check input[type="radio"] ~ label:after { content: ""; overflow: hidden; border-radius: 99px; color: var(--secondary_bg); text-align: left; text-indent: -3000em; direction: ltr; } .check input[type="radio"]:checked ~ label:before { box-shadow: inset 2px 2px 0 var(--custom_input_bg), inset -2px 2px 0 var(--custom_input_bg), inset 0 3px 0 var(--custom_input_bg), inset 2px -2px 0 var(--custom_input_bg), inset -2px -2px 0 var(--custom_input_bg), inset 0 -3px 0 var(--custom_input_bg), inset 3px 0 0 var(--custom_input_bg), inset -3px 0 0 var(--custom_input_bg); } /*.check input[type="radio"]:checked ~ label:after { outline: 3px solid var(--white); outline-offset: -4px; }*/ .check label span { margin: 0; } .check.size-12 label:before, .check.size-12 label:after { top: .125em; } .check input[disabled] ~ label { color: var(--gray); } .check input { display: block; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } #root .check .s1pr { margin: 0; font-size: 1em; } .check .s1pr .small { margin-top: 0; color: var(--secondary_bg); } .check.inline { margin-right: -16px; } .check.inline > * { margin-right: 16px; } .check.box, .check.color { margin-right: -8px; margin-bottom: 18px; color: var(--custom_input_fg); } .check.box li, .check.color li { margin-right: 8px; margin-bottom: 8px; } #root .check.box label { min-width: 45px; min-height: 45px; padding: 6px 14px; } #root .check.box label:before { content: ""; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; width: auto; height: auto; box-shadow: none; border-radius: var(--b2r); background: var(--custom_input_bg); } #root .check.box input[disabled] ~ label img, #root .check.wide input[disabled] ~ label ~ * { opacity: .35; } #root .check.wide input[disabled] ~ label:before { border-color: var(--custom_input_bd); } #root .check.box label img, #root .check.box label picture { display: block; min-width: 33px !important; max-height: 33px !important; margin: 0 -6px; padding: 0; border-radius: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } #root .check.box label picture img { margin: 0; } .check.box picture + *, .check.box img + * { display: block; padding-left: 18px; } /*#root .check.box label { width: 45px; height: 45px; padding: 0; } #root .check.box label.portrait, #root .check.box.portrait label { height: 56px; } #root .check.box label.landscape, #root .check.box.landscape label { height: 34px; } #root .check.box label img, #root .check.box label picture, #root .check.box label video, #root .check.box label iframe { display: block; position: absolute; left: 6px; right: 6px; top: 6px; bottom: 6px; width: calc(100% - 12px) !important; height: calc(100% - 12px) !important; border-radius: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } #root .check.box label picture img { left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; height: 100% !important; }*/ .check.color { margin-bottom: 22px; } .check.color li { margin-bottom: 4px; } #root .check.color label { display: block; overflow: hidden; width: 38px; height: 38px; padding: 0; border-radius: 25px; border: 1px solid rgba(0,0,0,0); /*var(--custom_input_bd)*/; cursor: pointer; } #root .check.color input:checked ~ label { border-color: var(--secondary_bg); } #root .check.color label i { display: block; overflow: hidden; position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; width: 28px; height: 28px; margin: 0; padding: 0; box-shadow: inset 0 1px 2px rgba(0,0,0,.2); border-radius: 99px; font-size: 30px; line-height: 30px; text-align: left; text-indent: -3000em; direction: ltr; } #root .check.color label i:before { display: none; } #root .check.color input[disabled] ~ label, #root .check.color input.disabled ~ label { border-color: var(--custom_input_bd); cursor: default; } #root .check.color input.disabled ~ label:after { cursor: default; } #root .check.color input[disabled] ~ label:after, #root .check.color input.disabled ~ label:after { content: ""; display: block; position: absolute; left: -10px; top: 50%; right: -10px; width: auto; height: 1px; margin-top: -0.5px; border-top: 1px solid var(--custom_input_bd); background: none; } #root .check.color input[disabled] ~ label:after, #root .check.color input.disabled ~ label:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #root .check.color input[disabled][checked] ~ label, #root .check.color input[disabled][checked] ~ label:after { border-color: var(--alert_error); } .check.color label:before, .check.color label:after, .check.color label * { display: none; } /*.check.switch { }*/ .check.switch label { padding: 0 55px 0 0; } #root .check.switch label:before { content: ""; left: auto; right: 20px; top: 50%; z-index: 2; width: 22px; height: 22px; margin-top: -11px; box-shadow: 0 2px 2px rgba(0,0,0,.06); border-radius: 22px; border: 1px solid var(--gallery); background: var(--sand); } #root .check.switch input:checked ~ label:before { right: 0; box-shadow: inset 2px -2px 0 rgba(0,0,0,.1); border-width: 0; border-color: var(--secondary_bg); background: var(--secondary_bg); } #root .check.switch label:after { content: ""; left: auto; right: 0; top: 50%; z-index: 1; width: 42px; height: 18px; margin-top: -9px; border-radius: 22px; border-width: 0; border: 1px solid var(--sand); background: /*var(--sand)*/ var(--white); } /*.check.text-end { }*/ .check.text-end label, .check label.text-end { padding-left: 0; padding-right: 26px; text-align: left; } .check.text-end label:before, .check label.text-end:before { left: auto; right: 0; } .check.wide { display: block; } .check.wide:before { box-shadow: 0 2px 2px rgba(0,0,0,.06); border: 1px solid var(--gallery); } .check.wide > * { display: block; min-height: 59px; margin: 0; padding: 9px 20px; border: 0 solid var(--gallery); border-bottom-width: 1px; } .check.wide .s1pr { text-align: right; } .input-amount, .input-amount input, .f8ps .input-amount input, .l4ca.compact .input-amount { width: /*50px*/ 54px; } .input-amount .semantic-amount { display: block; position: relative; } .input-amount .incr, .input-amount .decr { display: block; overflow: hidden; position: absolute; right: -10px; z-index: 9; width: 35px; height: calc(50% + 10px); margin: 0; border: 0 solid rgba(0,0,0,0); border-right-width: 10px; /*color: var(--gray_text);*/ color: var(--custom_input_pl); font-size: 4px; text-align: left; text-indent: -3000em; direction: ltr; } .input-amount .incr { top: -10px; } .input-amount .decr { bottom: -10px; } .input-amount .incr:before { content: "\e908"; top: auto; bottom: -1px; margin: 0; line-height: 9px; } .input-amount .decr:before { content: "\e904"; top: 1px; bottom: auto; margin: 0; line-height: 9px; } #root .input-amount .decr.disabled, #root .input-amount .incr.disabled { color: var(--custom_input_pl); opacity: 0.33; cursor: default; } #root .input-amount input { /*padding-left: 10px;*/ padding-right: 20px; } .input-amount.is-valid input, .is-valid .input-amount input { background-position: -3000em -3000em; } .input-amount.size-m, .input-amount.size-m input { width: 56px; } .input-amount.size-l, .input-amount.size-l input { width: 62px; } .input-info { display: block; position: relative; z-index: 2; } .input-info input + span, .input-info select + span, .input-info textarea + span { display: block; position: absolute; left: 100%; top: 0; width: 307px; min-height: 45px; margin: 0; padding: 0 0 0 16px; color: var(--gray_text); font-size: var(--size_12); line-height: var(--main_lh); text-align: inherit; } /*.input-inline { }*/ .input-inline input { width: 0%; margin-right: 12px; } .input-inline input { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .input-inline input:last-child { width: 100%; margin-right: 0; } .input-inline button, .input-inline .link-btn a { min-width: 15px; height: 45px; margin-top: 0; margin-bottom: 0; margin-right: 0; padding: 0 15px; } .input-inline .link-btn a { line-height: 45px; } .input-inline .link-btn { margin: 0; } .input-prefix, .input-suffix { display: block; position: relative; z-index: 2; } .input-prefix > span:first-child, .input-suffix > span:first-child { display: block; position: absolute; left: 0; top: 0; z-index: 9; padding: 0 4px 0 15px; color: var(--custom_input_pl); font-size: var(--size_14_f); line-height: 45px; } .input-suffix > span:first-child { left: auto; right: 0; padding-left: 4px; padding-right: 15px; } .input-prefix > span:first-child + input { padding-left: 28px; } .input-suffix > span:first-child + input { padding-right: 34px; } .input-range { margin-top: 10px; margin-left: -50px; } .input-range > span { display: block; position: relative; z-index: 2; width: 50%; border-left: 50px solid rgba(0,0,0,0); } .input-range > span label { display: block; position: absolute; left: auto; right: 100%; top: 0; width: 50px; margin: 0; padding: 0; font-size: var(--size_14_f); font-weight: 400; line-height: 45px; text-align: center; } .input-range .range-inner { display: block; width: 100%; margin-top: 13px; border-left: 50px solid rgba(0,0,0,0); } /*.input-show { }*/ .input-show label { display: block; margin-bottom: 14px; font-size: var(--size_14); } .js .input-show.toggle label, .js .form-cart .cols > aside > .input-show.toggle:first-child label { margin-bottom: 8px; } .js .input-show label { padding-right: 20px; } .js .input-show label:before { content: "\e908"; left: auto; font-size: 6px; } .js .input-show.toggle label:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .input-show label a.toggle { top: -13px; bottom: -5px; } .input-show ::-webkit-input-placeholder { opacity: 1; } .input-show :-ms-input-placeholder { opacity: 1; } .input-show ::-ms-input-placeholder { opacity: 1; } .input-show ::placeholder { opacity: 1; } .form-cart .cols > aside > .input-show:first-child label { margin-bottom: 20px; } .has-show + input { padding-right: 45px; padding-left: 15px; background-position: -3000em -3000em; } label a.show { display: none; overflow: hidden; position: absolute; right: 0; top: calc(100% + 4px); width: 50px; height: 45px; color: var(--gray_text); font-size: var(--size_16_f); text-align: left; text-indent: -3000em; direction: ltr; } label a.show:before { content: "\e929"; } label a.show.show-toggle:before { content: "\e92a"; } /*.form-cart { }*/ .form-cart aside { position: relative; z-index: 2; margin-bottom: 40px; } /*.form-cart aside:before { bottom: 5px; border-bottom: 1px solid var(--gallery); }*/ .form-cart aside .l4pm { position: relative; z-index: 2; padding-bottom: 11px; } .form-cart aside .l4pm:before { right: 22px; border-bottom: 1px solid var(--gallery); } .form-cart aside .l4pm + * { margin-top: 26px; } .form-cart aside .input-show + * { margin-top: -14px; padding-top: 22px; border-top: 1px solid var(--gallery); } .f8cm { max-width: 622px; } .f8cm h1, .f8cm h2, .f8cm h3, .f8cm h4, .f8cm h5, .f8cm h6 { margin-bottom: 28px; } .f8cm .cols p { max-width: 319px; } .f8cm.wide, .f8cm.wide .cols p { max-width: none; } /* form-login */ .f8lg { max-width: 630px; margin-bottom: 40px; } .f8lg p { max-width: 307px; } .f8lg .double p, .f8lg .check, .f8lg .submit, .f8lg header p, .f8lg label p, .f8lg .label p { max-width: none; } .f8lg p, .f8lg .check { margin-bottom: 14px; } .f8lg .cols.w50 { max-width: 323px; } .f8lg .submit { margin-top: 20px; } /*.f8lg button { min-width: 307px; }*/ .f8lg .check { margin-top: 2px; } .link-btn + .f8lg, .submit + .f8lg { margin-top: 40px; } /*.f8lg.compact { }*/ .f8lg.compact button { min-width: 0; } .f8lg .check:first-child, .f8lg .submit:first-child { margin-top: 0; } @media only screen and (max-width: 760px) { /* 760 */ .f8lg { max-width: none; margin-bottom: 20px; } .f8lg p, .f8lg .cols.w50, .f8cm .cols p { max-width: none; } #root .f8lg .cols.w50 > * { width: 50%; } .f8lg .submit { text-align: center; } .f8lg button { width: 100%; min-width: 0; margin-top: 0; } .f8lg button + a { display: block; width: 100%; margin-top: 12px; } .f8lg .submit { -webkit-justify-content: center; justify-content: center; } } .f8nw { position: relative; z-index: 3; margin: 50px 0; padding: 52px 8px 36px; color: var(--white); } .f8nw header, .f8nw fieldset { width: 100%; } .f8nw > *, .f8nw fieldset > * { margin-left: 8px; margin-right: 8px; } .f8nw > fieldset { margin-left: 0; margin-right: 0; } .f8nw header { margin-bottom: 2px; text-align: center; } .f8nw header p, .f8nw button { display: block; margin-left: 0; margin-right: 0; } .f8nw p { margin-bottom: 16px; } .f8nw p + .check { margin-top: -8px; } .f8nw input, .f8nw .check, .f8nw .invalid-feedback { width: 303px; } .f8nw:before { z-index: -2; background: var(--primary_text); } .f8nw .background { overflow: hidden; z-index: -1 !important; opacity: .8; } /*.f8nw .invalid-feedback { width: 100%; }*/ .f8nw.wide { padding-left: 0; padding-right: 0; } /*.f8pr { }*/ .f8pr p { margin-bottom: 22px; } .f8pr p[class*="overlay"] span.strong { margin-left: 2px; } .f8pr p a { white-space: nowrap; } #root .f8pr p.m15 { margin-bottom: 17px; } .f8pr p.m15 + [class*="overlay"], .l4ad p[class*="overlay"] span.strong { margin-top: -2px; } .f8pr .check { margin-top: 6px; margin-bottom: 3px; } .f8pr .check.box { margin-top: 9px; margin-bottom: 11px; } .f8pr .check.box, .f8pr .check.color { margin-top: 9px; margin-bottom: 11px; } .f8pr span.check, .f8pr span.check.box { margin-top: 0; margin-bottom: 0; } .f8pr .s1pr { margin-top: -4px; margin-bottom: 20px; } /*.f8pr p + .s1pr { margin-top: -14px; }*/ .f8pr .submit, .f8pr .link-btn { /*max-width: calc(var(--panel_list_total_width) + 16px);*/ margin-bottom: 2px; } #root .f8pr .l4cl .link-btn { margin-bottom: 0; } .f8pr .submit:last-child, .f8pr .link-btn:last-child, #root .f8pr .submit.m10:last-child, #root .f8pr .link-btn.m10:last-child { margin-bottom: 12px; } #root .f8pr .submit.m10, #root .f8pr .link-btn.m10 { margin-bottom: 2px; } .f8pr .submit + .link-btn, .f8pr .link-btn + .submit { margin-top: -10px; } .f8pr .submit .input-amount, .f8ps .submit .input-amount, .m6pr-compact .submit .input-amount, .submit .input-amount { position: relative; z-index: 9; margin-right: 8px; } .f8pr .submit .input-amount, .f8ps .submit .input-amount, .m6pr-compact .submit .input-amount, .f8pr .submit .input-amount *, .f8ps .submit .input-amount *, .m6pr-compact .submit .input-amount *, .submit .input-amount * { -webkit-align-self: stretch; align-self: stretch; } .f8pr .submit .input-amount input, .f8ps .submit .input-amount input, .m6pr-compact .submit .input-amount input { height: auto; min-height: 45px; } .f8ps { display: none; height: 68px; } .f8ps { -webkit-transform: translateY(100%); transform: translateY(100%); } #root > .f8ps { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /*.f8vl { }*/ .f8vl.submitted > fieldset, .f8vl.submitted > fieldset > footer.hidden { display: block; position: relative; left: 0; top: 0; } /* Search/menu overlay handler */ .overlay-close { display: block; visibility: hidden; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; text-align: left; text-indent: -3000em; direction: ltr; background: var(--primary_text); opacity: 0; } #nav > .overlay-close, #nav-bar > .overlay-close, #shopify-section-header > .overlay-close { left: 50%; right: auto; width: 110vw; margin-left: -55vw; } .search-full #root > .overlay-close, .search-full #nav > .overlay-close, .search-full #nav-bar > .overlay-close, .user-form-active #root > .overlay-close, .user-form-active #nav > .overlay-close, .user-form-active #nav-bar > .overlay-close { visibility: visible; opacity: .2; } #nav > ul > li.toggle ~ a.close, #nav-bar > ul > li.toggle ~ a.close, [data-whatin="mouse"] #nav > ul > li.sub:hover ~ a.close, [data-whatin="mouse"] #nav-bar > ul > li.sub:hover ~ a.close { display: block; } #shopify-section-announcement-bar .overlay-close { display: block; } #shopify-section-header > .overlay-close { z-index: 99; } .m6pn-open #root > .overlay-close, .m6pn-open #shopify-section-header > .overlay-close, .m6pn-open #shopify-section-announcement-bar > .overlay-close { visibility: visible; opacity: .2; } @media only screen and (min-width: 1001px) { /* 1000- */ .nav-hover #root > .overlay-close { visibility: visible; opacity: .2; } } /*! Helpers --------- */ body > .locale-selectors__container, body > div > .locale-selectors__container { display: none; } #recover { display: none; } #recover:target { display: block; } #recover:target ~ #login { display: none; } .clear { clear: both; } /*.t1dr #logo picture:nth-last-child(2), .t1dr #logo img:nth-last-child(2) { display: none; } .t1dr #logo img ~ img, .t1dr #logo picture ~ picture { display: block; }*/ [data-copy].clicked > span.hidden { display: inline; position: relative; left: 0; top: 0; } #root .desktop-hide, #root .tablet-only, #root .mobile-only:not(i), #root select.hidden, .input-amount label.hidden, .l4ca footer a i ~ span.hidden, .input-range > span:first-child label { position: absolute; left: 0; top: -30000em; right: auto; bottom: auto; } #root i.mobile-only { position: absolute; left: 0; right: auto; bottom: auto; } .hidden, [hidden], template, #nav em, #nav-bar em, #shopify-section-header:after, #search:before, #nav.hidden, #nav-bar.hidden, #shopify-section-header .l4us-mobile, #shopify-section-header #nav > .inner, #nav > ul.inner, #nav-bar > ul.inner, #nav > ul > li > a img, #shopify-section-header li:after, #shopify-section-header.fixed #nav-top > ul, .n6br li:after, .n6br li:first-child:before, #nav-top li:after, #nav li:after, #nav-top > ul > li > a span.hidden, #nav-top > ul > li > label span, .l4ch li:after, #nav-user > ul > li:after, #nav-user > ul > li > label span, #nav-user em, #nav-top em, #search label, .t1nn #nav, .t1mn #nav, #shopify-section-footer a.header-toggle, #shopify-section-footer .strong a.header-toggle, #shopify-section-footer .m6cn a.header-toggle, #root #shopify-section-header #nav > .header, #nav ul ul a.toggle, #nav .toggle-back, #root #nav > ul.nav-top, #root #nav > ul.nav-user, #nav-user > ul > li > a ~ a.toggle:before, #nav .m6cn, #nav > a.close, #nav > ul > li > a.toggle-back, #shopify-section-header li.mobile-only, #shopify-section-footer li:after, .l4dr li:after, .l4sc li:after, .l4cn li:after, #shopify-section-footer label.hidden, .l4dr a span.hidden, #search button:after, .link-btn a.inline:after, .link-btn a.inline:before, #shopify-section-footer button i, .invalid-feedback, #root .mobile-only, .t1nt #nav-top, #top legend, #shopify-section-footer legend, .cols.hidden, .js .input-show.toggle > *, .l4cl.wide figure span, .l4cl.wide .r6rt, .l4cl.wide h1 .small, .l4cl.wide h2 .small, .l4cl.wide h3 .small, .l4cl.wide h4 .small, .l4cl.wide h5 .small, .l4cl.wide h6 .small, .input-inline button i, .input-inline .link-btn a i, #root .l4cl li.link:before, #shopify-section-footer a:after, #shopify-section-header a:after, .no-mobile .select-wrapper select, .mobile .select-wrapper .bv_mainselect, #root .swiper-button-disabled, .l4pr .icon-cube, .tabs-header, #root .l4pr > li, #root .check.box label:after, .s1cu .count-label, .s1cu .day, .l4pr .swiper-outer > .label + .label, #root .check.box label:after, #root .l4ca.compact ul li:after, #shopify-section-header .invalid-feedback, a[data-panel], .l4pr .swiper-pagination-bullets .swiper-pagination-bullet.show span span, .l4pr a.more, .l4pr .swiper-slide .label, .m6tb.compact > nav:before, .m6fr figure.full:before, .s1rt a[rel*="external"]:after, .l4us-mobile .swiper-pagination-bullets, .l4us-mobile .swiper-button-prev, .l4us-mobile .swiper-button-next, #root .l4pr a.more, li.link-more ~ li, .l4cl .info p a.hidden, .l4cl.list li:last-child:before, .l4cl.list .li:last-child:before, #root .l4cl.list .list-hide, #root .l4cl .list-only, .l4ps ul, .l4ps i, .l4ps .label, .l4ps > li, .l4ps .swiper-button-prev, .l4ps .swiper-button-next, .l4ts .rating-label, .l4ts .swiper-button-prev, .l4ts .swiper-button-next, .l4st .swiper-button-prev, .l4st .swiper-button-next, #root .l4us-mobile, .js m6fr.wide article:before, a.link-more, .js .m6tb > div > .hidden, .m6tb > nav, f8nw button i, #root .f8nw button i, .js a.link-more.hidden, .countdown .simply-section:last-child:before, /*li .model-3d, .li .model-3d, .l4pr .model-3d,*/ .countdown.compact .simply-word, .countdown.compact .simply-amount > span:before, #root .s1lb .invalid-feedback, .l4cl a.link-more:after, .link-more-clicked a.link-more span, .js .link-more-clicked a.link-more, .check li.link-more, .n6br li.text-end:before, #root .l4cl.wide li.hidden, .l4ca li.hidden, .table-drop tr.sub, .table-drop a.toggle, .m6tb.static > nav ul li.active:before, .f8vl.submitted > *, .f8vl.submitted > fieldset > *, #root button.inline:before, .t1as #shopify-section-announcement-bar, .show-notice.t1as #shopify-section-announcement-bar, #shopify-section-footer.hidden, [data-copy].clicked > span, .t1pl #shopify-section-header/*, .show-notice.t1pl #shopify-section-announcement-bar*/, #nav-bar > ul > li > a img, #nav-bar > ul > li ul a.toggle, /*.t1nb #shopify-section-header > .link-btn, .t1nb #header > .link-btn,*/ .t1nb #header-inner > .link-btn, #root #shopify-section-header #header-inner > .link-btn.hidden, /*.search-compact-toggle ~ #search, .search-compact-cont ~ #search,*/ html:not(.search-compact-active) #search.compact, #root .m6tb > nav.hidden, .m6tb > nav.hidden *, #background.plain:before, .l4pr.no-scrollbar .custom-progressbar, /*#logo img ~ img, #logo picture ~ picture,*/ .n6br > p.mobile-only a:before, .swiper-custom-fraction, button .processing, button .processed, form.processing button .processing ~ *, form.processed button .processed ~ *, #root > a.cookie-close, #root #shopify-section-header #nav .l4sc, #shopify-section-announcement-bar .mobile-only, #root .link-btn.cols:after, .form-cart .link-btn.mobile-sticky, #background .mobile-only, .l4sc a span, #root .broken-img img, #root img.broken-img, [data-shopify-xr-hidden], #shopify-section-announcement-bar.no-nav .swiper-button-next, #shopify-section-announcement-bar.no-nav .swiper-button-prev, .no-nav .swiper-button-next, .no-nav .swiper-button-prev, .f8pr .submit.unavailable ~ .overlay-quaternary, #root .l4pr a.hidden, #root .price .invalid-feedback, #nav-top > .l4us a.linked, .l4us.slider .inner-text, .countdown.hide-days .simply-days-section, .countdown-container:not(.done), .arrows_bv, /*html:not(.has-long-nav) #nav > ul > li.show-all, html:not(.has-long-nav) #nav-bar > ul > li.show-all,*/ #header-outer > .overlay-close, .m2a #shopify-section-header #nav > ul > li.show-all { display: none; } @media only screen and (min-width: 1001px){ #nav > ul > li.show-all, #nav-bar > ul > li.show-all { visibility: hidden; opacity: 0; } /*#nav.text-center > ul > li.show-all, #nav-bar.text-center > ul > li.show-all { display: none; }*/ #nav.text-center > ul > li.show-all, #nav-bar.text-center > ul > li.show-all { position: absolute; right: 0; top: 0; /*visibility: visible; opacity: .5;*/ } #nav > ul > li.temp-hidden ~ li.show-all, #nav-bar > ul > li.temp-hidden ~ li.show-all { visibility: visible; position: relative; opacity: 1; } #nav > ul > li.temp-hidden:not(.show-all), #nav-bar > ul > li.temp-hidden:not(.show-all) { display: none; } #nav > ul > li.was-temp-hidden:not(.show-all), #nav-bar > ul > li.was-temp-hidden:not(.show-all) { overflow: hidden; width: 0; margin-left: 0; margin-right: 0; } } /* .l4pr .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(5) ~ *, .l4cl .swiper-pagination-bullets, .img-overlay.plain, .img-overlay.empty, .img-overlay.hidden, .l4al.all-hidden, .l4pr.no-thumbs .swiper-pagination-bullets, #shopify-section-footer > nav > *:before, .l4tt ~ .link-btn:after, body .no-js { display: none; } */ .visuallyhidden:not(:focus):not(:active) { overflow: hidden; position: absolute; width: 1px; height: 1px; white-space: nowrap; clip: rect(0 0 0 0); clip-path: inset(50%); } .shopify-payment-button__button--hidden, .input-amount .invalid-feedback, #shopify-svg-symbols, style[data-shopify], script { display: none !important; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .l4sc a, #root .input-show label, .show-notice #shopify-section-announcement-bar, .input-amount label.hidden, .l4ca footer a i ~ span.hidden, .not-empty label a.show, label.not-empty a.show, .js .input-prefix > span:first-child, .js .input-prefix > span:first-child, li.link-more.link-more-clicked ~ li, .l4cl.list .info, #root .l4cl.list .list-only, .l4ps > li:first-child, .l4ca h1 a, .l4ca h2 a, .l4ca h3 a, .l4ca h4 a, .l4ca h5 a, .l4ca h6 a, .js #root .l4cl li.link, .js #root .l4cl.wide li.link, .m6tb > div > .hidden, .js .m6tb > nav, #root select.hidden, .check li.hidden ~ .link-more, .check li.was-hidden ~ .link-more, .l4cl .info p.link-more, #root .l4cl .info.link-more-clicked p, .link-more-clicked p.limit, .f8nw header p, #root .l4pr .swiper-pagination-bullets .swiper-pagination-bullet.has-more, #shopify-section-footer .check label, #root #logo picture img, form.processing button .processing, form.processed button .processed, .form-cart .link-btn span .strong, .no-js body .no-js, .search-compact-active #root #search { display: block; } .js a[data-panel], .js a.link-more { display: inline; } .no-js #shopify-section-header li.search { display: block; position: relative; left: 0; top: 0; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 50px 0; padding: 0; border: 0; border-top: 1px solid var(--gallery); background: none; font-size: 0; } aside hr { margin: var(--main_mr) 0; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child, legend:first-child, .link-btn:first-child, figure:first-child, figure.lead:first-child, .n6br + *, #shopify-section-footer > div .l4pm:first-child, #shopify-section-footer > nav > .m6cn:first-child h1, #shopify-section-footer > nav > .m6cn:first-child h2, #shopify-section-footer > nav > .m6cn:first-child h3, #shopify-section-footer > nav > .m6cn:first-child h4, #shopify-section-footer > nav > .m6cn:first-child h5, #shopify-section-footer > nav > .m6cn:first-child h6, .l4sc:first-child, .l4cl:first-child, .l4cl + h1, .l4cl + h2, .l4cl + h3, .l4cl + h4, .l4cl + h5, .l4cl + h6, .l4cl .link-btn:first-child, #root .m0 + *, .l4sc + hr, hr:first-child, .l4ne:first-child, .l4ne + *, legend + h1, legend + h2, legend + h3, legend + h4, legend + h5, legend + h6, .m6fr .link-btn:first-child, .m6wd:first-child, q:first-child, blockquote:first-child, .f8pr .check:first-child, .f8pr .check.color:first-child, .f8pr .check.box:first-child, #root .f8pr p.hidden + [class*="overlay"], .m6tb:first-child, #root .m10 + *, #root .m15 + *, #root .m20 + *, #root .m30 + *, #root .m35 + *, .accordion-a:first-child, .l4cn.box:first-child, .l4tt li.size-18:first-child, .input-range:first-child, .m6pr-compact footer:first-child, .m6pr-compact .submit:first-child, .s1lb + *, .l4cu:first-child, .l4ft:first-child, .m6as:first-child, .l4cl.hr figure + div, .m6ac:first-child, #root .m60 + *, .l4ts:first-child, .l4st:first-child, .f8nw:first-child, #root .l4ne-figure-before.l4ne:first-child, #root .m25 + *, .submit:first-child, .m6cu:first-child, .l4ft .link-btn:first-child, .f8nw p, aside hr:first-child, input[type="hidden"] + *, .recently-viewed-products, header + figure.lead, h1 + figure.lead, h2 + figure.lead, h3 + figure.lead, h4 + figure.lead, h5 + figure.lead, h6 + figure.lead, #shopify-section-footer > div > *, .accordion-a.compact:first-child, .f8pr + .accordion-a { margin-top: 0; } #search p, #root .m0, ul ul, ul ol, ol ol, ol ul, #root .l4dr ul, .l4cl p, .m6fr .swiper-slide article, .table-wrapper table, .m6wd > .l4ne:last-child, .m6wd > .cols:last-child, .m6wd > form:last-child, #content > .m0:last-child, #content > [id*="shopify-section"]:last-child > .m0:last-child, .l4pr.s4wi li, .l4ad .l4as li, .l4pr .li, #root .m6tb.compact .tabs-inner, .l4ps .li, .m6ac > *:first-child .l4cl, .m6ac .l4ft, .l4cl figure:first-child:last-child, /*.l4cl .info p:last-child,*/ #header li p, #shopify-section-header li p { margin-bottom: 0; } #root .m5 { margin-bottom: 5px; } #root .m10 { margin-bottom: 10px; } #root .m15 { margin-bottom: 15px; } #root .m20, #root .m20.s1rt { margin-bottom: 20px; } #root .m25 { margin-bottom: 25px; } #root .m30 { margin-bottom: 30px; } #root .m35 { margin-bottom: 35px; } #root .m40 { margin-bottom: 40px; } #root .m50 { margin-bottom: 50px; } #root .m60 { margin-bottom: 60px; } #root .m65 { margin-bottom: 65px; } #root .m70 { margin-bottom: 70px; } #root .m105 { margin-bottom: 105px; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } /*! Flexbox --------- */ /* flex */ .spr-pagination > div, .check.color, .accordion-a summary, .l4ft.cols, .l4ne .label, .shopify-payment-button, .shopify-payment-button div, #nav-top > .l4us .outer, #shopify-section-footer > nav .m6cn figure, #shopify-section-footer > nav .m6cn figure picture, #root .l4pr .swiper-pagination-bullets .swiper-pagination-bullet.has-more, #root .l4pr picture, .l4cl:not(.list) li > div + div:last-child, .l4cl:not(.list) .li > div + div:last-child, #root .check.box label, #content.align-center-static, .countdown .simply-amount, .l4us .swiper-slide, .slider-fraction .swiper-custom-pagination, .l4cl li > a, .l4cl .li > a, ul.l4ch, ol.l4ch, #content.align-center, .f8pr .submit .input-amount .semantic-amount, .m6pr-compact .submit .input-amount .semantic-amount, .f8pr .submit .input-amount, .m6pr-compact .submit .input-amount, #header-inner, #shopify-section-header #header, .m6fr > article:first-child, .m6fr .swiper-slide article, .f8nw, .f8nw fieldset, .m6cu, .l4pr .label, .countdown, .cookie-on #cookie-bar, #cookie-inner, .l4cl figure > span span.rounded, .l4pr li > span span.rounded, .l4pr li > a span span.rounded, .l4pr .swiper-outer > .label span.rounded, .s1lb > span.rounded , .l4us.wide, .l4st, .l4ts, .l4cu, .swiper-pagination-bullets, .m6ac .m6pr-compact, .m6ac, .m6as > div, .m6as > figure, .m6as, .l4ft li > div, .l4ft li, .l4ft, .s1lb, .l4cl.list li, .l4cl.list .li, .input-range, .l4ca.summary li, .l4cn.box, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span span, #root .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span a.more, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet, .l4ca picture, .l4cl picture, .l4ca footer p a, .l4ca.compact section, .l4ad .l4cn, .check.wide > *, label span.text-end, .label span.text-end, .r6rt, .spr-starratings, .l4tl, .l4pr .swiper-outer > .label, .l4pr .custom-progressbar, .l4pr .swiper-pagination-bullets, .m6tb > nav ul, .m6tb > nav ol, #root .l4pr > li:first-child, .l4pr li, .l4pr li a, .l4pr .li, .l4pr .li a, .check.box label, .check.box, .l4pr li > span, .l4pr li > a span, .l4pr .li > span, .l4pr .li > a span, .l4in, .m6pr, #nav > ul > li > a, #nav, #nav-bar > ul > li > a, #nav-bar, figure, #root .l4cl.wide li, #root .l4cl.wide .li, .input-inline, .l4tt li, .l4ca footer, .l4ca figure, .l4ca ul, .l4ca li, .l4cl figure > span, .n6pg, .n6pg ul, .n6pg ol, .l4ne, .r6rt .rating, /*#shopify-section-header > .link-btn, #header > .link-btn,*/ #header-inner > .link-btn, .l4cl li, .l4cl .li, .l4cl figure, .l4cl, .input-info input + span, .input-info select + span, .input-info textarea + span, .check.inline, .submit, #root, #shopify-section-footer > nav > .strong h1 ~ .l4sc, #shopify-section-footer > nav > .strong h2 ~ .l4sc, #shopify-section-footer > nav > .strong h3 ~ .l4sc, #shopify-section-footer > nav > .strong h4 ~ .l4sc, #shopify-section-footer > nav > .strong h5 ~ .l4sc, #shopify-section-footer > nav > .strong h6 ~ .l4sc, .l4dr li, .l4dr a, .l4dr, .l4pm, .l4sc, #shopify-section-footer > nav, #shopify-section-footer > div, #nav > ul > li, #nav-bar > ul > li, #nav-top > ul:first-child, #logo, #logo a, #shopify-section-header, #nav > ul, #nav-bar > ul, #nav-top > ul > li > a, #nav-top, #nav-top > ul, #nav-user > ul, .n6br ol, .n6br ul, .n6br, .cols, .link-btn, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet.show:nth-child(5) ~ *, .link-btn.cols { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* flei */ .countdown, figure, .s1bx { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: inline-flex; } /* f:wn */ .accordion-a summary, #nav-top > .l4us .outer, .l4cl form .submit, .l4cl li > div + div:last-child, .l4cl .li > div + div:last-child, .l4cl li, .l4cl .li, #root .check.box label, .l4tt li, #nav-top > ul:first-child, #nav-top, #nav-top > ul, #content.align-center-static, .cols, .countdown .simply-amount, .l4us .swiper-slide, .slider-fraction .swiper-custom-pagination, .l4ch, #content.align-center, #header-inner, #nav-user > ul, #shopify-section-header #header, .l4ca footer p a, .l4ca p a, .m6cu, .l4pr .label, .link-btn.single, .l4ft li > div, #cookie-bar .link-btn, #root #cookie-bar, #cookie-inner, .m6ac .m6pr-compact, .m6ac, .m6as, .m6pr-compact .submit, .l4cl.list li, .l4cl.list .li, .l4ca.compact section, .check.wide > *, #nav > ul > li > a, #nav > ul, #nav-bar > ul, #root .l4cl.wide li, #root .l4cl.wide .li, .input-inline, .l4ca footer, .l4ca li, .r6rt .rating, #shopify-section-footer > nav, #shopify-section-footer > div, #nav-top > ul > li > a { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* f:dr */ .l4cl.list li, .l4cl.list .li, #root .l4cl.wide li, #root .l4cl.wide .li { -webkit-flex-direction: row; flex-direction: row; } /* f:dv */ .cols.inv, .m6ac.inv, .m6as.inv { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } /* f:dc */ .l4cl li > div + div:last-child, .l4cl .li > div + div:last-child, #content.align-center-static, .f8nw, .l4cl .li > a, .l4cl li > a, .l4ch, #content.align-center, .l4pr .label, .link-btn.single, .l4cl figure > span span.rounded, .l4pr li > span span.rounded, .l4pr li > a span span.rounded, .l4pr .swiper-outer > .label span.rounded, .s1lb > span.rounded, .m6as > div, .l4ft li > div, .l4ft li, .l4ca.summary li, .l4pr .swiper-outer > .label, .l4pr li > span, .l4pr li > a span, .l4pr .li > span, .l4pr .li > a span, figure, .l4cl figure > span, .l4cl li, .l4cl .li, .l4cl figure, .m6fr article, .input-info input + span, .input-info select + span, .input-info textarea + span, #root { -webkit-flex-direction: column; flex-direction: column; } /* f:dd * .m6pe .r6rt { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }*/ /* f:js */ .text-center .text-start .submit, .text-center .text-start .link-btn, #shopify-section-header .l4us .swiper-slide, .l4st.text-start, .text-start .l4st, .m6as.align-top > div, .l4ch, .m6fr article.align-top, .l4ft li.align-top, .l4ft li.align-top > div, .l4cl figure > span { -webkit-justify-content: flex-start; justify-content: flex-start; } /* f:jc */ .n6pg ol, .n6pg ul, #root .l4pr picture, .l4cl figure .submit, #content.align-center-static, .m6fr article.align-center, #shopify-section-header .l4us.text-center .swiper-slide, .l4ft li.align-center, .l4ft li.align-center > div, .l4us .swiper-slide, .l4st, .l4ts, .slider-fraction .swiper-custom-pagination, #content.align-center, #nav.text-center, #nav-bar.text-center, .text-end .text-center.link-btn, #shopify-section-header.text-center, #header.text-center, #shopify-section-header.text-center #header-inner, #header.text-center #header-inner, .text-center figure, .f8nw, .f8nw fieldset, .link-btn.text-center, .text-center.submit, .text-center .submit, .text-center .link-btn, .l4cl.inline li, .l4cl figure > span span.rounded, .l4pr li > span span.rounded, .l4pr li > a span span.rounded, .l4pr .swiper-outer > .label span.rounded, .s1lb > span.rounded , .l4us.wide, .text-center.l4cu, .text-center .l4cu, .swiper-pagination-bullets, .m6as > div, .l4ft li, .l4ca.summary li, .l4ft li > div, .l4cn.box li, .l4pr .li, .l4pr .li a, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span span, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span a.more, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet, .l4ca picture, .l4cl picture, .l4pr .swiper-pagination-bullets, .l4pr li, .l4pr li a, .check.box label, .l4pm.text-center, .text-center .l4pm, .l4ca figure, #nav.text-center > ul, #nav-bar.text-center > ul, #nav-bar.text-center > ul, .n6pg, .l4cl figure, .m6fr article, .input-info input + span, .input-info select + span, .input-info textarea + span, #nav-top > ul, .l4cl figure .link-btn { -webkit-justify-content: center; justify-content: center; } /* f:jc */ .spr-pagination > div, figure.text-center, .n6pg ol, .n6pg ul, #root .l4pr picture, .l4cl figure .submit, #content.align-center-static, .m6fr article.align-center, #shopify-section-header .l4us.text-center .swiper-slide, .l4ft li.align-center, .l4ft li.align-center > div, .l4us .swiper-slide, .l4st, .l4ts, .slider-fraction .swiper-custom-pagination, #content.align-center, #nav.text-center, #nav-bar.text-center, .text-end .text-center.link-btn, #shopify-section-header.text-center, #header.text-center, #shopify-section-header.text-center #header-inner, #header.text-center #header-inner, .text-center figure, .f8nw, .f8nw fieldset, .link-btn.text-center, .text-center.submit, .text-center .submit, .text-center .link-btn, .l4cl.inline li, .l4cl figure > span span.rounded, .l4pr li > span span.rounded, .l4pr li > a span span.rounded, .l4pr .swiper-outer > .label span.rounded, .s1lb > span.rounded , .l4us.wide, .text-center.l4cu, .text-center .l4cu, .swiper-pagination-bullets, .m6as > div, .l4ft li, .l4ca.summary li, .l4ft li > div, .l4cn.box li, .l4pr .li, .l4pr .li a, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span span, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span a.more, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet, .l4ca picture, .l4cl picture, .l4pr .swiper-pagination-bullets, .l4pr li, .l4pr li a, .check.box label, .l4pm.text-center, .text-center .l4pm, .l4ca figure, #nav.text-center > ul, #nav-bar.text-center > ul, #nav-bar.text-center > ul, .n6pg, .l4cl figure, .m6fr article, .input-info input + span, .input-info select + span, .input-info textarea + span, #nav-top > ul, .l4cl figure .link-btn { -webkit-justify-content: center; justify-content: center; } /* f:je */ #shopify-section-footer > nav .m6cn figure, #shopify-section-footer > nav .m6cn figure picture, #shopify-section-footer .l4pm, .l4st.text-end, .text-end .l4st, .text-end.l4cu, .text-end .l4cu, .m6as.align-bottom > div, .text-center .text-end.link-btn, #shopify-section-header.text-end, #header.text-end, #shopify-section-header.text-end #header-inner, #header.text-end #header-inner, .link-btn.text-end, .text-end .link-btn, .submit.text-end, .text-end .submit, .m6fr article.align-bottom, .l4ft li.align-bottom, .l4ft li.align-bottom > div, .n6pg.text-end, .submit.text-end, .link-btn.text-end, .l4tt li { -webkit-justify-content: flex-end; justify-content: flex-end; } /* j:jb */ .l4tt ~ .link-btn, #shopify-section-footer > nav, #shopify-section-header.text-justify, #header.text-justify, #shopify-section-header.text-justify #header-inner, #header.text-justify #header-inner, .m6cu, .countdown .simply-amount, .l4ca.compact section, .check.wide > *, .m6pr, #nav, #nav-bar, .l4ca li, #nav-top, .n6br, .cols, .link-btn.cols { -webkit-justify-content: space-between; justify-content: space-between; } /* f:as */ .l4ne, .l4ch, .l4ft.cols, /*.l4cl,*/ .f8nw, .f8nw fieldset, .l4pr .label, .countdown, .m6ac.align-top, .l4ca.summary li, .l4pr .swiper-outer > .label, .m6pr, .l4pr li > span, .l4pr li > a span, figure, #shopify-section-footer form, #shopify-section-footer fieldset, .input-inline, .cols.aside, .l4cl figure > span, #shopify-section-header, .l4ca figure, .l4ca picture { -webkit-align-items: flex-start; align-items: flex-start; } /* f:ac */ .spr-pagination > div, figure.text-center, .accordion-a summary, #logo a, #root .l4pr picture, #root .check.box label, .cols.align-middle, .l4ft li.text-center > div, .slider-fraction .swiper-custom-pagination, .text-center .l4ch, .text-center.l4ch, .l4cl.s4wi.text-justify .swiper-wrapper, .check.box, .l4pr .swiper-pagination-bullets, .text-center figure, .m6cu, .l4cl figure > span span.rounded, .l4pr li > span span.rounded, .l4pr li > a span span.rounded, .l4pr .swiper-outer > .label span.rounded, .s1lb > span.rounded, .l4cl.inline li, #cookie-bar, #cookie-inner, .m6ac .m6pr-compact, .m6ac, .l4cl.align-center, .s1lb, .l4cl.list li, .l4cl.list .li, .l4cn.box li, .s1rt, .l4pr .li, .l4pr .li a, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span span, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span a.more, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet, .l4cl picture, .l4ca.compact li, .l4ca footer p a, .check.wide > *, .l4pr li, .l4pr li a, .check.box label, #nav > ul > li > a, #nav-bar > ul > li > a, #root .l4cl.wide li, #root .l4cl.wide .li, .l4ca footer, .l4ca li, .n6pg ol, .n6pg ul, .n6pg, .submit, .l4dr li, .l4dr a, #shopify-section-footer > div, .l4pm, .l4sc, #logo, #logo a, #nav-top > ul > li > a, .link-btn { -webkit-align-items: center; align-items: center; } /* f:ae */ .l4ft li.text-end > div, .m6ac.align-bottom, .text-end .l4ch, .text-end.l4ch, .m6fr article.aside.inv { -webkit-align-items: flex-end; align-items: flex-end; } /* f:aa */ .l4ca.compact section { -webkit-align-items: baseline; align-items: baseline; } /* f:ab */ .m6ac.align-stretch, .m6as { -webkit-align-items: stretch; align-items: stretch; } /* f:g0 */ .f8nw p.check label, #nav-top > ul.l4us, .f8pr .f8cm button { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } /* f:g3 */ /*.l4cl li > div + div:last-child, .l4cl .li > div + div:last-child,*/ .shopify-payment-button div:not(.shopify-cleanslate), .shopify-payment-button__button div.shopify-cleanslate, #header-inner, .m6pr-compact .submit button, .l4cn.box li, .check label, .f8pr button, #root #shopify-section-header > .wide, #root #header > .wide, .l4cl:not(.hr) .link-btn a, .l4cl:not(.hr) button, .l4cl button.w160, .l4cl .link-btn a.w160/*, #nav-top > .l4us:first-child ~ ul:last-child*/ { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'); font-display: swap; } [class*="icon"] { font-style: normal; } [class*="icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-accessibility:before { content: "\e937"; } .icon-app:before { content: "\e94f"; } .icon-basket:before { content: "\e962"; } .icon-box:before { content: "\e926"; } .icon-cart:before { content: "\e903"; } .icon-cart-bag:before { content: "\e963"; } .icon-cart-bag-cube:before { content: "\e964"; } .icon-cart-bag-rounded:before { content: "\e97c"; } .icon-cart-bag-wide:before { content: "\e965"; } .icon-cart-empty:before { content: "\e902"; } .icon-cart-full:before { content: "\e966"; } .icon-cart-wide:before { content: "\e967"; } .icon-check:before { content: "\e901"; } .icon-check-inside:before { content: "\e953"; } .icon-check-light-circle:before { content: "\e977"; } .icon-check-light-circle-inside:before { content: "\e978"; } .icon-check-light:before { content: "\e979"; } .icon-checkbox:before { content: "\e92c"; } .icon-chevron-down:before { content: "\e904"; } .icon-chevron-left:before { content: "\e907"; } .icon-chevron-light-down:before { content: "\e969"; } .icon-chevron-light-left:before { content: "\e96a"; } .icon-chevron-light-right:before { content: "\e96b"; } .icon-chevron-light-up:before { content: "\e968"; } .icon-chevron-right:before { content: "\e906"; } .icon-chevrons:before { content: "\e905"; } .icon-chevron-up:before { content: "\e908"; } .icon-circle:before { content: "\e94a"; } .icon-cookie:before { content: "\e951"; } .icon-cube:before { content: "\e935"; } .icon-dark:before { content: "\e942"; } .icon-discord:before { content: "\e95b"; } .icon-edit-off:before { content: "\e927"; } .icon-envelope:before { content: "\e90b"; } .icon-envelope-wide:before { content: "\e954"; } .icon-error:before { content: "\e95f"; } .icon-external:before { content: "\e93f"; } .icon-eye:before { content: "\e929"; } .icon-eye-closed:before { content: "\e92a"; } .icon-eye-outline:before { content: "\e981"; } .icon-facebook:before { content: "\e90a"; } .icon-filter:before { content: "\e934"; } .icon-fullscreen:before { content: "\e900"; } .icon-google:before { content: "\e960"; } .icon-google-plus:before { content: "\e909"; } .icon-heart:before { content: "\e97a"; } .icon-heart-outline:before { content: "\e97b"; } .icon-info:before { content: "\e95e"; } .icon-info-circle:before { content: "\e975"; } .icon-info-circle-inside:before { content: "\e976"; } .icon-info2:before { content: "\e982"; } .icon-instagram:before { content: "\e90c"; } .icon-instagram-strong:before { content: "\e96d"; } .icon-kuaishou:before { content: "\e958"; } .icon-label:before { content: "\e984"; } .icon-line:before { content: "\e95c"; } .icon-linkedin:before { content: "\e90f"; } .icon-list-dot:before { content: "\e94b"; } .icon-location:before { content: "\e96e"; } .icon-logout:before { content: "\e928"; } .icon-menu:before { content: "\e922"; } .icon-menu-compact:before { content: "\e97f"; } .icon-messenger:before { content: "\e90e"; } .icon-minus:before { content: "\e90d"; } .icon-minus-inside:before { content: "\e949"; } .icon-minus-strong:before { content: "\e936"; } .icon-minus-thin:before { content: "\e946"; } .icon-moon:before { content: "\e94c"; } .icon-odnoklassniki:before { content: "\e957"; } .icon-paper-plane:before { content: "\e925"; } .icon-pause:before { content: "\e986"; } .icon-phone:before { content: "\e923"; } .icon-pin:before { content: "\e913"; } .icon-pinterest:before { content: "\e912"; } .icon-play:before { content: "\e911"; } .icon-play-pause-aligned:before { content: "\e985"; } .icon-play-inner:before { content: "\e944"; } .icon-play-inner2:before { content: "\e980"; } .icon-plus:before { content: "\e910"; } .icon-plus-inside:before { content: "\e948"; } .icon-plus-strong:before { content: "\e920"; } .icon-plus-thin:before { content: "\e945"; } .icon-print:before { content: "\e93b"; } .icon-qzone:before { content: "\e95a"; } .icon-radio:before { content: "\e92b"; } .icon-reddit:before { content: "\e92f"; } .icon-refresh:before { content: "\e924"; } .icon-share:before { content: "\e940"; } .icon-shopify:before { content: "\e932"; } .icon-size:before { content: "\e941"; } .icon-skype:before { content: "\e914"; } .icon-snapchat:before { content: "\e917"; } .icon-star:before { content: "\e933"; } .icon-success:before { content: "\e95d"; } .icon-sun:before { content: "\e94d"; } .icon-text-size:before { content: "\e952"; } .icon-text-size-check:before { content: "\e97e"; } .icon-tiktok:before { content: "\e930"; } .icon-trash:before { content: "\e93c"; } .icon-trash-openable:before { content: "\e93d"; } .icon-trash-opened:before { content: "\e93a"; } .icon-trustpilot:before, .icon-trustpilot-star:before { content: "\e921"; } .icon-trustpilot-shadow:before { content: "\e93e"; } .icon-tumblr:before { content: "\e916"; } .icon-twitter:before { content: "\e915"; } .icon-user:before { content: "\e918"; } .icon-user-comment:before { content: "\e943"; } .icon-user-comment-inv:before { content: "\e947"; } .icon-shop:before { content: "\e950"; } .icon-telegram:before { content: "\e959"; } .icon-truck:before { content: "\e94e"; } .icon-upload:before { content: "\e983"; } .icon-viber:before { content: "\e955"; } .icon-view-grid:before { content: "\e91b"; } .icon-view-list:before { content: "\e91a"; } .icon-vimeo:before { content: "\e919"; } .icon-vkontakte:before { content: "\e92d"; } .icon-wechat:before { content: "\e931"; } .icon-weibo:before { content: "\e92e"; } .icon-whatsapp:before { content: "\e91c"; } .icon-whatsapp-inside:before { content: "\e938"; } .icon-whatsapp-overlay:before { content: "\e939"; } .icon-whatsapp-strong:before { content: "\e96c"; } .icon-x:before { content: "\e91f"; } .icon-x-circle:before { content: "\e961"; } .icon-x-light-circle:before { content: "\e96f"; } .icon-x-light-circle-inside:before { content: "\e970"; } .icon-x-light-circle-outline:before { content: "\e971"; } .icon-x-light:before { content: "\e972"; } .icon-x-small:before { content: "\e973"; } .icon-x-thin:before { content: "\e974"; } .icon-xing:before { content: "\e956"; } .icon-youtube:before { content: "\e91e"; } .icon-zoom:before { content: "\e91d"; } .icon-zoom-light:before { content: "\e97d"; } .icon-text-size { display: inline-block; position: relative; z-index: 2; } .t1ac .icon-text-size:before { content: "\e97e"; } /* .icon-text-size-circle:before { content: "\e97f"; } .icon-text-size-tick:before { content: "\e97e"; }*/ .icon-check, .icon-x, .icon-print, .icon-label { display: inline-block; position: relative; top: -.125em; margin-right: 3px; font-size: 0.7em; line-height: 1px; } .icon-x { top: 0; } h1 .icon-check, h2 .icon-check, h3 .icon-check, h4 .icon-check, h5 .icon-check, h6 .icon-check, h1 .icon-x, h2 .icon-x, h3 .icon-x, h4 .icon-x, h5 .icon-x, h6 .icon-x, h1 .icon-print, h2 .icon-print, h3 .icon-print, h4 .icon-print, h5 .icon-print, h6 .icon-print { top: 0; font-size: 0.625em; } .icon-label { top: 0; font-size: .8em; } .link-btn i.icon-check, .link-btn i.icon-x .link-btn i.icon-print { margin-right: 3px; } .icon-chevron-left, .icon-chevron-right { display: inline-block; position: relative; top: -.125em; font-size: 0.5714285714em; line-height: 1px; } .icon-chevron-left { margin-right: 5px; } .icon-chevron-right { margin-left: 5px; } p a .icon-chevron-right { margin-right: 15px; } p a:last-child .icon-chevron-right { margin-right: 0; } .icon-chevron-down, .icon-chevron-up { display: inline-block; position: relative; top: -.275em; margin-left: 3px; font-size: 0.4285714286em; line-height: 1px; } .icon-play { display: inline-block; position: relative; top: .2em; margin-right: 9px; font-size: 1.4285714286em; } .icon-print { top: .175em; font-size: 1.1428571429em; opacity: .53; } .icon-cart-empty { display: inline-block; position: relative; top: .3em; margin-right: 15px; color: var(--gray_text); font-size: 3.2142857143em; line-height: 1; } /* Swiper, Copyright: Vladimir Kharlampidi, License: MIT, Version: 7.0.2, URL: https://github.com/nolimits4web/swiper */ .s4wi { position: relative; z-index: 1; } .swiper { overflow: hidden; position: relative; z-index: 1; list-style: none; padding: 0; } .swiper-vertical > .swiper-wrapper { -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; z-index: 1; width: 100%; height: 100%; } .swiper-wrapper, .swiper-pagination-bullets { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .swiper-wrapper, .swiper-slide { -webkit-transition-property: transform; transition-property: transform; } .swiper-wrapper { -webkit-align-items: stretch; align-items: stretch; } .s4wi:not(.l4cl) .swiper-android .swiper-slide, .s4wi:not(.l4cl) .swiper-wrapper { -webkit-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0); } /*.swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; }*/ .s4wi:not(.l4cl) .swiper-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } /*.s4wi:not(.l4cl) .swiper-pointer-events.swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }*/ .swiper-slide { position: relative; width: 100%; height: 100%; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .swiper-slide-invisible-blank { visibility: hidden; opacity: 0; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-button-lock, .swiper-pagination-lock { display: none; } .swiper-autoheight .swiper-wrapper { -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: transform, height; transition-property: transform, height; } .swiper-pagination-bullets { position: relative; left: 0; right: 0; bottom: 0; z-index: 9; } .swiper-pagination-bullets { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; } .swiper-pagination-bullet { display: block; position: relative; width: 24px; height: 24px; text-align: left; text-indent: -3000em; direction: ltr; cursor: pointer; } .swiper-pagination-bullet:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 8px; background: var(--gray); opacity: .53; } .swiper-pagination-bullet.swiper-pagination-bullet-active:before { background: var(--secondary_bg); } .swiper-pagination-bullet.swiper-pagination-bullet-active:before { -webkit-transform: scale(1.75); transform: scale(1.75); } .swiper-pagination-bullet:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: -10px; bottom: -10px; } .swiper-button-next, .swiper-button-prev { display: block; overflow: hidden; position: absolute; top: 0; bottom: 0; z-index: 9; width: 27px; color: var(--gray_text); font-size: var(--size_12_f); text-align: left; text-indent: -3000em; direction: ltr; cursor: pointer; } .swiper-button-prev { left: -10px; } .swiper-button-next { right: -10px; } .swiper-button-prev:before { content: "\e907"; } .swiper-button-next:before { content: "\e906"; } /* Global border-radius --------- */ .l4ft figure, .l4ft li:before, .l4ft .background, .l4cl figure, .l4ne figure, #root .m6as > figure, .m6as.overlay:before, .m6fr:not(.wide) article:not(.wide) figure, .m6fr:not(.wide) article:not(.wide):before, .l4cu.box li > span:before, .m6wd .l4ts.box li:before, .m6wd .l4ts.box .li:before, .m6wd .l4ts.box .r6rt .rating > * .fill, .m6wd .l4ts.wide.box.s4wi .swiper-outer, .f8nw:not(.wide):before, .f8nw:not(.wide) .background, .m6bx:before, .l4al li:before, img, .img-overlay, .l4ca figure *, button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a, button:before, .link-btn a:before, .n6pg li.prev a:before, .n6pg li.next a:before, #nav-user > ul > li > a i span:before, .countdown .simply-amount > span:before, .recommendation-modal__container, .l4al li:before, .l4al li:after, .l4cl figure > span span, .l4pr li > span span, .l4pr li > a span span, .l4pr .swiper-outer > .label span, .s1lb > span, .l4pr .label > span, #root .l4cl.list figure span.rounded, .l4cn.box li:before, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet:before, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span span:before, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span a.more:before, .l4pr .custom-progressbar, .l4tl:before, .l4sc.box:before, input, select, textarea, .bv_atual, #root .bv_mainselect input, button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a, button:before, .link-btn a:before, .n6pg li.prev a:before, .n6pg li.next a:before, #nav-user > ul > li > a i span:before, .check label:before, .check label:after, #root .check.box label:before, .m6fr.s4wi .swiper-outer, #root .m6fr article.aside.has-border figure, #root .m6fr.s4wi .swiper-outer article.aside.has-border figure, .m6ca:before, .m6ca .l4cl li:before, .m6ca .l4cl .li:before, #root .l4dr ul, #root #nav-top > ul > li > ul, #root #nav-user > ul > li > ul, #root #nav-top > ul > li > form, .l4cl .link-btn.sticky:before, .l4cl form.sticky:before, .l4cl img, .l4ca img, .l4ca.compact img, .l4pr li img, .l4pr .li img, .l4pr li picture, .l4pr .li picture, .l4pr li video, .l4pr .li video, .l4pr li iframe, .l4pr .li iframe { border-radius: var(--b2r); } ::-webkit-scrollbar-thumb { border-radius: var(--b2r); } #root .m6as.overlay > figure img, #root .m6as.no-border > figure img, #root .m6as.overlay > figure .img-overlay, #root .m6as.no-border > figure .img-overlay, .no-border, .no-border *, .l4cl.no-border img, .l4cl .no-border img { border-radius: 0; } #root .m6fr article.aside figure { border-top-left-radius: 0; border-bottom-left-radius: 0; } #root .m6fr article.aside.inv figure, #root .m6fr article.aside.inv figure { border-top-left-radius: var(--b2r); border-bottom-left-radius: var(--b2r); border-top-right-radius: 0; border-bottom-right-radius: 0; } .bv_mainselect .bv_ul_inner { border-bottom-left-radius: var(--b2r); border-bottom-right-radius: var(--b2r); } table tr:first-child th:first-child { border-top-left-radius: var(--b2r); } table tr:first-child th:last-child { border-top-right-radius: var(--b2r); } [dir="rtl"] table tr:first-child th:first-child { border-top-left-radius: 0; border-top-right-radius: var(--b2r); } [dir="rtl"] table tr:first-child th:last-child { border-top-right-radius: 0; border-top-left-radius: var(--b2r); } #root .dynamic-checkout__content li div:before, #root .dynamic-checkout__content li div:after, #root .dynamic-checkout__content li div, .shopify-payment-button div[role="button"]:after, .shopify-payment-button div[role="button"], .shopify-payment-button button { border-radius: var(--b2r); } #root .dynamic-checkout__content li div { border-radius: var(--b2r) !important; } @media only screen and (min-width: 761px) { #root .m6as.overlay > figure, #root .m6as.no-border > figure { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: var(--b2r); border-bottom-left-radius: var(--b2r); } #root .m6as.overlay.inv > figure, #root .m6as.no-border.inv > figure { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: var(--b2r); border-bottom-right-radius: var(--b2r); } .m6cu:before { border-radius: var(--b2r); } } @media only screen and (max-width: 760px) { #root .m6as.overlay > figure, #root .m6as.no-border > figure { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: var(--b2r); border-top-left-radius: var(--b2r); } .l4ft.mobile-box li:before, #root .l4ft.mobile-box figure, #root .l4ft.mobile-box.cols figure, .l4ft.mobile-compact li:before, #root .l4ft.mobile-compact figure, #root .l4ft.mobile-compact.cols figure { border-radius: var(--b2r); } } /* Responsive queued --------- */ @media only screen and (min-width: 1301px) { #root #shopify-section-header #header-inner > #search.text-center-sticky, #root #shopify-section-header #header-inner > #logo.text-center-sticky/*:not(.has-long-text)*/ { position: absolute; left: 50%; top: 0; z-index: 97; margin-left: 0; margin-right: 0; } #root #shopify-section-header #header-inner > #search.text-center-sticky, #root #shopify-section-header #header-inner > #logo.text-center-sticky/*:not(.has-long-text)*/ { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .no-logo-room #root #shopify-section-header #header-inner > #search.text-center-sticky, .no-logo-room #root #shopify-section-header #header-inner > #logo.text-center-sticky { position: relative; left: 0; right: 0; margin-left: auto; margin-right: auto; } .no-logo-room #root #shopify-section-header #header-inner > #search.text-center-sticky, .no-logo-room #root #shopify-section-header #header-inner > #logo.text-center-sticky { -webkit-transform: none; transform: none; } /*#root #shopify-section-header #header-inner > #logo.text-center-sticky { text-align: center; } #root #shopify-section-header #header-inner > #logo.text-center-sticky.has-long-text { max-width: 35%; }*/ } @media only screen and (min-width: 761px) and (max-width: 1300px) { #root #shopify-section-header #header-inner > #search.text-center-sticky, #root #shopify-section-header #header-inner > #logo.text-center-sticky { margin-left: auto; margin-right: auto; } #root #shopify-section-header #header-inner > #logo.text-center-sticky { text-align: center; } .has-logo-room #root #shopify-section-header #header-inner > #search.text-center-sticky, .has-logo-room #root #shopify-section-header #header-inner > #logo.text-center-sticky/*:not(.has-long-text)*/ { position: absolute; left: 50%; top: 0; z-index: 97; margin-left: 0; margin-right: 0; } .has-logo-room #root #shopify-section-header #header-inner > #search.text-center-sticky, .has-logo-room #root #shopify-section-header #header-inner > #logo.text-center-sticky/*:not(.has-long-text)*/ { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media only screen and (min-width: 761px) { /* 760+ */ #root #shopify-section-header:not(.has-long-text) #header-inner .link-btn.hidden /*~ #logo:not(.has-long-text)*/ ~ #search.text-center-sticky/*, #root #shopify-section-header #header-inner .link-btn.hidden ~ #logo.text-center-sticky*/ { position: absolute; left: 50%; top: 0; z-index: 97; margin-left: 0; margin-right: 0; } #root #shopify-section-header:not(.has-long-text) #header-inner .link-btn.hidden /*~ #logo:not(.has-long-text)*/ ~ #search.text-center-sticky/*, #root #shopify-section-header #header-inner .link-btn.hidden ~ #logo.text-center-sticky*/ { -webkit-transform: translateX(-50%); transform: translateX(-50%); } #search.compact.compact-mobile { display: block; } } @media only screen and (max-width: 760px) { /* 760 */ #root #shopify-section-header:not(.has-long-text) #header-inner .link-btn.hidden /*~ #logo:not(.has-long-text)*/ ~ #search.text-center-sticky/*, #root #shopify-section-header #header-inner .link-btn.hidden ~ #logo.text-center-sticky*/ { margin-left: auto; margin-right: auto; } #search.compact.compact-desktop { display: block; } } @media only screen and (min-width: 761px) and (max-width: 1000px) { /* 760-1000 */ #root #shopify-section-header:not(.has-long-text) #header-inner .link-btn.hidden /*~ #logo:not(.has-long-text)*/ ~ #search.text-center-sticky/*, #root #shopify-section-header #header-inner .link-btn.hidden ~ #logo.text-center-sticky*/ { left: 50%; } } @media only screen and (min-width: 761px) and (max-width: 1300px) { /* 760-1300 */ .t1sr:not(.search-compact-active) #root #shopify-section-header #header-inner > #search:not(.compact-mobile) ~ #logo.text-center-sticky, .t1sr-desktop:not(.search-compact-active) #root #shopify-section-header #header-inner > #search:not(.compact-mobile) ~ #logo.text-center-sticky { position: absolute; left: 50%; -wekbit-transform: translateX(-50%); transform: translateX(-50%); } } #logo.text-center-mobile, #logo.text-center-sticky, #logo.text-center, #logo.text-center-mobile *, #logo.text-center-sticky *, #logo.text-center * { -webkit-justify-content: center; justify-content: center; -webkit-align-self: center; align-self: center; } /*#logo.text-center-sticky, #logo.text-center-sticky *,*/ #logo.text-center, #logo.text-center * { margin-left: auto; margin-right: auto; } #search > p, #search fieldset > p { z-index: 10 !important; } @media only screen and (min-width: 761px) { /* 760+ */ #logo .long-text { font-size: var(--size_14); } #logo.super-small .long-text { font-size: var(--size_14); } #logo.text-center-sticky img, #logo.text-center img { -o-object-position: center center; object-position: center center; } #root #shopify-section-header #header-inner > #search.compact:not(.compact-mobile).text-center-sticky { position: absolute; left: 50%; top: 0; z-index: 98; margin-left: 0; margin-right: 0; } #root #shopify-section-header #header-inner > #search.compact:not(.compact-mobile).text-center-sticky { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .search-compact-active #root #shopify-section-header #header-inner > #search.compact:not(.compact-mobile).text-center-sticky { z-index: 99; } .search-compact-is-centered.search-compact-active #root #logo.text-center, .search-compact-is-centered.search-compact-active #root #logo.text-center-sticky, .search-compact-is-centered.search-compact-active #root #search ~ #logo { display: none; } /*.search-compact-is-centered.search-compact-active #search > a.toggle { display: block; top: 0; }*/ } @media only screen and (min-width: 1001px) { /* 1000+ */ #logo .long-text { font-size: var(--size_16); } #logo.super-small .long-text { font-size: var(--size_14); } } /* Responsive --------- */ @media only screen and (max-width: 1440px) { /* 1440 */ /*.m6fr.wide { }*/ .m6fr.wide article, .m6fr.wide .swiper-slide article { padding-left: 50px; padding-right: 50px; } .m6fr.wide .swiper-button-prev { margin-left: -640px; } .m6fr.wide .swiper-button-next { margin-right: -640px; } } @media only screen and (max-width: 1380px) { /* 1380 */ /*.l4cl { }*/ .l4cl .swiper-button-next, .l4cl .swiper-button-prev { width: var(--rpp); } .l4cl .swiper-button-next { right: var(--rpn); } .l4cl .swiper-button-prev { left: var(--rpn); } } @media only screen and (min-width: 1357px) { /*#content { padding-top: 50px; } #content > .n6br:first-child, #content > [id*="shopify-section"]:first-child > .n6br:first-child { margin-top: -36px; } #content > .m6fr.wide:first-child, #content > .m6wd:first-child, #content > [id*="shopify-section"]:first-child > .m6fr.wide:first-child, #content > [id*="shopify-section"]:first-child > .m6wd:first-child { margin-top: -50px; } #content > .l4ft:first-child, #content > .m6wd:first-child, #content > [id*="shopify-section"]:first-child > .l4ft:first-child, #content > [id*="shopify-section"]:first-child > .l4ft:first-child { margin-top: -25px; } */ #content > h1:first-child, #content > h2:first-child, #content > h3:first-child, #content > h4:first-child, #content > h5:first-child, #content > h6:first-child, #content > .shopify-section:first-child > h1:first-child, #content > .shopify-section:first-child > h2:first-child, #content > .shopify-section:first-child > h3:first-child, #content > .shopify-section:first-child > h4:first-child, #content > .shopify-section:first-child > h5:first-child, #content > .shopify-section:first-child > h6:first-child { margin-top: 25px; } } /*@media only screen and (max-width: 1356px) {*/ /* 1356 */ /*#shopify-section-header, #nav.fixed, #nav-bar.fixed, #cookie { left: var(--rpp); right: var(--rpp); width: auto; margin-left: 0; }*/ /*}*/ @media only screen and (max-width: 1356px) { /* 1356 */ /*#shopify-section-header, #nav.fixed, #nav-bar.fixed, #cookie { left: var(--rpp); right: var(--rpp); width: auto; margin-left: 0; }*/ .cols.b50 { margin-left: -24px; } .cols.b50 > * { border-left-width: 24px; } .cols.aside.b50 { padding-right: 328px; } .cols.aside.b50 > aside { width: 328px; margin-right: -328px; } .w720 .cols.b50 { margin-left: -50px; } .w720 .cols.b50 > * { border-left-width: 50px; } /*.l4ft { }*/ .l4ft li { min-height: 22vw; } .l4ft li.w12, .l4ft li.w15, .l4ft li.w16, .l4ft li.w20, .l4ft li.w25, .l4ft.w12 li, .l4ft.w14 li, .l4ft.w16 li, .l4ft.w20 li, .l4ft.w25 li { min-height: 16vw; } /*.l4ft li > div { padding-left: 40px; padding-right: 40px; }*/ .l4ft li.align-bottom > div { padding-bottom: 22px; } .m6fr.wide, .m6fr.wide.s4wi { margin-left: -30px; margin-right: -30px; } .m6fr.size-m article, .m6fr article.size-m { min-height: 37.8571428571vw; } .m6fr.size-l article, .m6fr article.size-l { min-height: 50.76628352vw; } .m6fr.wide article, .m6fr.wide .swiper-slide article, #root .m6fr.wide article.aside { max-width: none; margin-left: 0; margin-right: 0; padding-left: 30px; padding-right: 30px; } .m6fr.wide figure, .m6fr.wide article:before { left: 0; right: 0; } .m6fr.wide .swiper-button-next, .m6fr.wide .swiper-button-prev { width: 30px; } .m6fr.wide .swiper-button-prev { left: 0; margin-left: 0; } .m6fr.wide .swiper-button-next { right: 0; margin-right: 0; } .m6fr.wide > article.aside figure { right: var(--rpn) } .m6fr.wide > article.aside.inv figure { left: var(--rpn) } .m6fr .play-pause:before { left: var(--rpp); text-align: left; } /*.n6br { }*/ .w940 .n6br { margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 1300px) { /* 1300 */ :root { --rpp: 20px; --rpn: -20px; --size_70_f: 5.46875vw; } #content, #shopify-section-footer { max-width: 1280px; } #nav.fixed { left: var(--rpp); right: var(--rpp); } #logo { max-width: 35% !important; } #logo.has-long-text.super-small { max-width: 240px !important; } #shopify-section-header .link-btn ~ #search, #root #shopify-section-header .link-btn ~ #search, #root #shopify-section-header #search { position: relative; left: 0; right: 0; top: 0; float: right; width: auto; max-width: 420px; } #shopify-section-header .link-btn ~ #search.text-start, #root #shopify-section-header .link-btn ~ #search.text-start { margin-right: 32px; } #nav-user { padding-left: 0; } /*#nav-top { }*/ #nav-top > ul.l4us, #nav-top > ul { margin-right: -20px; } #nav-top > ul.l4us li, #nav-top > ul > li { margin-right: 20px; } #nav-top .l4us.slider { margin-right: 20px; } #nav-top > ul.l4us ~ ul:not(.l4us) { padding-left: 20px; } /*#shopify-section-announcement-bar { } */ #shopify-section-announcement-bar .swiper-slide { /*padding-left: calc(var(--rpp) + 20px); padding-right: calc(var(--rpp) + 20px);*/ padding-left: 44px; padding-right: 44px; } #shopify-section-announcement-bar.no-nav .swiper-slide { padding-left: var(--rpp); padding-right: var(--rpp); } #shopify-section-announcement-bar .swiper-button-next, #shopify-section-announcement-bar .swiper-button-prev { width: /*calc(var(--rpp) + 20px)*/ 44px; } #shopify-section-announcement-bar .swiper-button-next:before { left: auto; right: var(--rpp); } #shopify-section-announcement-bar .swiper-button-prev:before { right: auto; left: var(--rpp); } /*.l4cl { }*/ .l4cl .swiper-button-next, .l4cl .swiper-button-prev { width: var(--rpp); } .l4cl .swiper-button-next { right: var(--rpn); } .l4cl .swiper-button-prev { left: var(--rpn); } /*.m6fr { }*/ #content > .m6fr.wide:first-child, #content > [id*="shopify-section"]:first-child > .m6fr.wide:first-child { margin-top: -25px; } .m6fr.wide, .m6fr.wide.s4wi { margin-left: var(--rpn); margin-right: var(--rpn); } .m6fr.wide article, .m6fr.wide .swiper-slide article, #root .m6fr.wide article.aside { padding-left: var(--rpp); padding-right: var(--rpp); } #shopify-section-header .link-btn ~ #search, #root #shopify-section-header .link-btn ~ #search, #root #shopify-section-header #search { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .m6fr.wide .swiper-button-next, .m6fr.wide .swiper-button-prev { display: none; } } @media only screen and (max-width: 1200px) { /* 1200 */ /*#shopify-section-header { }*/ #logo, /*#shopify-section-header > .link-btn, #header > .link-btn,*/ #header-inner > .link-btn, #search.text-start, #shopify-section-header .link-btn ~ #search.text-start, #root #shopify-section-header .link-btn ~ #search.text-start { margin-right: 24px; } #nav > ul, #nav-bar > ul { /*margin-right: -14px;*/ font-size: var(--size_14); } #nav-top { font-size: var(--size_12_f); } /*#nav-user { padding-left: 24px; }*/ /*#cookie { }*/ #cookie-bar .link-btn { margin-right: -16px; } #cookie-bar .link-btn a { margin-right: 16px; } /*#shopify-section-footer { }*/ /*#shopify-section-footer > nav .m6cn figure { right: -55px; left: -55px; }*/ .cols.b75 { margin-left: -24px; } .cols.b75 > * { border-left-width: 24px; } .cols.aside.b50 { padding-right: 308px; } .cols.aside.b50 > aside { width: 308px; margin-right: -308px; } /*.l4cl.list { }*/ .l4cl.list li, .l4cl.list .li { padding-left: 142px; } .l4cl.list li > * { padding-left: 20px; } .l4ne.featured { padding-left: calc(50% + 8px); } .l4ne.featured li:first-child { left: -100%; width: 100%; } .l4pm, #shopify-section-footer > div .l4pm { margin-right: -22px; } .l4pm li, #shopify-section-footer > div .l4pm li { margin-right: 22px; } /*.l4pr { } .l4pr li, .l4pr .li, .l4pr .swiper-button-next, .l4pr .swiper-button-prev { height: 35.5vw; }*/ .l4st, .l4ts, .m6ac { margin-left: -16px; } .l4st li, .l4ts li, .l4ts .li, .m6ac > * { border-left-width: 16px; } /*.m6ac { }*/ #root .m6ac .l4cl.hr { left: 0; margin-right: 0; } .m6cu { padding-left: 10px; padding-right: 40px; } #cookie-bar .icon-cookie { display: none; } } /*@media only screen and (max-width: 1200px) { #nav > ul > li, #nav-bar > ul > li { margin-right: 14px; } #nav > ul > li > a.toggle, #nav-bar > ul > li > a.toggle { left: 16px; width: 16px; margin-left: -16px; } } @media only screen and (max-width: 1100px) { #nav > ul > li, #nav-bar > ul > li { margin-right: 10px; } #nav > ul > li > a.toggle, #nav-bar > ul > li > a.toggle { left: 11px; width: 11px; margin-left: -11px; } }*/ @media only screen and (max-width: 1100px) { /* 1100 */ /*#shopify-section-header { }*/ /*#nav > ul, #nav-bar > ul { margin-right: -10px; }*/ #logo.has-long-text { max-width: 40% !important; } #nav-user > ul, #nav-top > ul, #nav-top > ul.l4us { margin-right: -16px; } #nav-user > ul > li, #nav-top > ul > li, #nav-top > ul.l4us li { margin-right: 16px; } #nav-top > ul.l4us ~ ul:not(.l4us) { padding-left: 16px; } #nav-user > ul > li > a { overflow: visible; } #nav-user > ul > li > a:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; z-index: 9; width: 44px; height: 44px; margin: -22px 0 0 -22px; } #nav-user > ul > li > a:after { -webkit-transform: none; transform: none; } /*#shopify-section-footer { }*/ #shopify-section-footer > nav { margin-left: -30px; padding-bottom: 16px; } #shopify-section-footer > nav > * { border-left-width: 30px; } /*#shopify-section-footer > nav > .m6cn { width: auto; max-width: 344px; min-width: 0; }*/ #shopify-section-footer form { width: 100%; } #shopify-section-footer input { max-width: 280px; } label .text-end i, .label .text-end i { margin-left: 8px; } /*.l4ca { }*/ .l4ca li { padding-left: 90px; } .l4ca li > div:first-child, .l4ca li > section:first-child { margin-left: -90px; } .l4ca figure { width: 90px; } .l4cn.box { margin-right: -16px; } .l4cn.box li { margin-right: 16px; margin-bottom: 16px; } .l4dr, .l4sc { margin-right: -24px; } .l4dr li, .l4sc li, #shopify-section-footer > div p { margin-right: 24px; } /*.l4ft { }*/ .l4ft li > div { padding-left: 30px; padding-right: 30px; } .l4ft li.w25 > div, .l4ft li.w20 > div, .l4ft li.w16 > div, .l4ft li.w14 > div, .l4ft li.w12 > div, .l4ft.w25 li > div, .l4ft.w20 li > div, .l4ft.w16 li > div, .l4ft.w14 li > div, .l4ft.w12 li > div { padding-left: 20px; padding-right: 20px; } .l4ft li.align-bottom > div { padding-bottom: 12px; } /*.l4pr { }*/ .l4pr .swiper-button-next, .l4pr .swiper-button-prev { width: 47px; } .m6ac { margin-left: -16px; } .m6ac > * { border-left-width: 16px; } .m6pr { padding-right: 472px; } .m6pr > * { width: 453px; margin-right: -472px; } .m6pr > header { width: calc(100% + 472px); min-width: calc(100% + 472px); max-width: calc(100% + 472px); } .m6pr .l4pr { max-width: 680px; } .m6pr .l4pr.s4wi { border-left-width: 0; border-right-width: 28px; } .m6pr .l4pr .swiper-button-prev { width: var(--rpp); } .m6pr .l4pr.s4wi li > span, .m6pr .l4pr.s4wi li a > span, .m6pr .l4pr.s4wi > .label, .m6pr .l4pr.s4wi .li > span, .m6pr .l4pr.s4wi .li a > span { left: 0; } #nav-user > ul > li > a span/*, #shopify-section-footer > nav .m6cn figure*//*, #shopify-section-footer > div figure*/ { display: none; } } @media only screen and (min-width: 1001px) { /* 1000+ */ .l4cl.list li > div [class*="overlay-"], .l4cl.list .price { white-space: nowrap; } .m6ac.has-l4cl .l4ft figure { height: 364px !important; } #nav > a.has-img, #root .m6pr > .desktop-hide { display: none; } } @media only screen and (max-width: 1000px) { /* 1000 */ :root { --rpp: 16px; --rpn: -16px; } #root, .js.t1nn #root, .js.t1mn #root { overflow: hidden; padding-top: 103px; } .t1nn.t1nt #root, .t1mn.t1nt #root { padding-top: 69px; } .t1nt #root { padding-top: 69px; } /*.t1nt #shopify-section-header > .link-btn, .t1nt #header > .link-btn,*/ .t1nt #header-inner > .link-btn, .t1nt #shopify-section-header:after { top: 0; } /*.t1nt #header-inner > .link-btn { top: -12px; }*/ #content.align-center { min-height: calc(100vh - 103px); } #shopify-section-announcement-bar ~ #root #content.align-center { min-height: calc(100vh - 103px - 36px); } .t1nt #content.align-center { min-height: calc(100vh - 69px); } .t1nt #shopify-section-announcement-bar ~ #root #content.align-center { min-height: calc(100vh - 69px - 36px); } /*#shopify-section-header { left: var(--rpp); right: var(--rpp); padding-top: 43px; }*/ .t1mn #root #shopify-section-header #header { padding-left: 0; padding-right: 0; } #shopify-section-header #header-outer { padding-top: 46px; } #shopify-section-header #header { padding-left: 45px; } #shopify-section-header #header { width: calc(100% + 15px); margin-right: -15px; } #shopify-section-header #header > *, #root #shopify-section-header #header-inner > * { border-right-width: 15px; } #root #shopify-section-header #header-inner > #search { max-width: 403px; } #root #shopify-section-header #header-inner > #search.wide:last-child { max-width: none; } #shopify-section-header #header > #distance-counter { display: none; } #logo { margin-right: 15px; font-size: var(--size_18); } #logo.text-center { top: 43px; } /*#logo img, #logo picture { max-width: 140px !important; }*/ #header-outer > .overlay-close { display: block; z-index: 100; left: var(--rpn); right: var(--rpn); } #search, #root #search { max-width: none; } #search.text-start, #shopify-section-header .link-btn ~ #search.text-start, #root #shopify-section-header .link-btn ~ #search.text-start { margin-right: 15px; } #root #shopify-section-header #nav { display: block; overflow-x: hidden; overflow-y: auto; visibility: hidden; position: fixed; left: 0; right: auto; top: 0; bottom: 0; z-index: 9999; width: 100%; max-width: 330px; height: auto; margin: 0; padding: 48px 0 0; box-shadow: none; border-radius: 0; background: var(--custom_drop_nav_head_bg); opacity: 0; } #root #shopify-section-header #nav { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* NAV_TABLET_EXT */ #nav.fixed { left: var(--rpp); right: var(--rpp); } #nav-top, #nav-top > ul > li > a, #nav-top > ul.l4us li:before, #nav-top > .l4us .li:before, #nav-top > ul > li > a i { height: 34px; line-height: 34px; } #nav-top > ul > li > a i.icon-text-size { font-size: 1.1666666667em; } #nav-top > ul.l4us li:before, #nav-top > .l4us .li:before { line-height: 33px; } #nav-top > ul, #nav-top > ul.l4us { margin-right: -10px; } #nav-top > ul { margin-right: -10px; } #nav-top > ul > li, #nav-top > ul.l4us li { margin-right: 10px; } #nav-top .l4us.slider { margin-right: /*10px*/ /*var(--rpp)*/ 0; margin-left: 0; } #nav-top > ul.l4us ~ ul:not(.l4us) { padding-left: 10px; } /*#nav-top .l4us li, #nav-top .l4us .li { padding-right: 16px; }*/ #nav-top > ul > li > a i.icon-trustpilot { top: -1px; } #nav-top > ul > li.sub > a { padding-right: 12px; } #nav-top > ul > li.sub > a:before { font-size: 5px; } #nav-top > ul.l4us li { padding-left: 14px; } #root #nav-top > ul.l4us > li.swiper-wrapper { margin: 0; padding: 0; border-width: 0; } #root #nav-top > ul.l4us > li.swiper-wrapper ul.swiper-slide { display: block; position: relative; left: 0; right: 0; top: 0; width: auto; height: auto; margin: 0; padding: 0; box-shadow: none; border-radius: 0; background: none; color: inherit; font-size: 1em; line-height: inherit; white-space: normal; } #root #shopify-section-header #nav > ul.nav-top > li.sub > a.toggle { overflow: visible; } #shopify-section-header .l4us.s4wi .swiper-button-prev, #shopify-section-header .l4us.s4wi .swiper-button-next { width: var(--rpp); } #nav-top > ul:nth-child(2):nth-last-child(2), #nav-top > ul:nth-child(2):nth-last-child(3) { position: relative; } #nav-user { /*padding-left: 15px;*/ font-size: var(--main_fz); } #nav-user > ul { margin-right: -24px; font-size: 0.9285714286em; } #nav-user > ul > li { margin-right: 24px; } #nav > a.close { display: block; position: absolute; right: 0; top: 0; z-index: 9; width: 46px; height: 48px !important; color: var(--custom_top_main_fg); font-size: 12px; text-indent: -3000em; text-align: left; direction: ltr; } #nav > a.close:before { content: "\e91f"; padding-right: var(--rpp); text-align: right; } #root #shopify-section-header #nav-top > ul.text-start, #root #shopify-section-header #nav-top > ul.text-end, #root #shopify-section-header #nav-top > ul.text-center { position: relative; left: 0; right: auto; top: 0; margin-right: 0; margin-left: 0; } #root #shopify-section-header #nav-top > ul.text-start, #root #shopify-section-header #nav-top > ul.text-end, #root #shopify-section-header #nav-top > ul.text-center { -webkit-transform: none; transform: none; } #root #nav-bar { display: none; position: fixed; left: 0; right: 0; bottom: 0; top: auto; } #search, #root #search { position: relative; left: 0; right: 0; top: 0; z-index: 2; float: right; width: auto; /*max-width: 496px;*/ } #search.text-end, #root #search.text-end { max-width: none; -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*#shopify-section-header > .link-btn, #header > .link-btn,*/ #header-inner > .link-btn { position: absolute; left: -14px; top: -12px; bottom: 0; z-index: 11; width: 60px; /*height: 69px;*/ height: 100%; margin: 0; } /*#shopify-section-header > .link-btn a, #header > .link-btn a,*/ #header-inner > .link-btn a { display: block; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; min-width: 0; width: auto; height: auto; box-shadow: none; border-radius: 0; background: none; text-indent: -3000em; text-align: left; direction: ltr; } #shopify-section-header > .link-btn a:before, #header > .link-btn a:before, #header-inner > .link-btn a:before { display: none; } #shopify-section-header:after { content: "\e97f"; display: block; right: auto; top: 35px; bottom: auto; height: 69px; margin: 0; padding: 0 var(--rpp); font-size: 14px; line-height: 69px; } /*#shopify-section-header > .link-btn.hidden, #header > .link-btn.hidden,*/ #header-inner > .link-btn.hidden { display: block; } /*#shopify-section-header > input:checked ~ #nav, #header > input:checked ~ #nav { display: block; }*/ /*#shopify-section-header > .close,*/ #header > .close { display: block; visibility: hidden; position: fixed; top: 0; bottom: 0; z-index: 100; height: auto; opacity: 0; } #content { padding-top: 25px; } /*#content > .n6br:first-child, #content > [id*="shopify-section"]:first-child > .n6br:first-child { margin-top: -16px; }*/ #content > .m6fr.wide:first-child, #content > .m6wd:first-child, #content > [id*="shopify-section"]:first-child > .m6fr.wide:first-child, #content > [id*="shopify-section"]:first-child > .m6wd:first-child { margin-top: -25px; } .js.t1cl #content { position: static; z-index: auto; } /*#shopify-section-footer { }*/ #shopify-section-footer > div p { max-width: 30%; } #shopify-section-footer > nav { position: relative; z-index: 2; margin-left: -20px; } #shopify-section-footer > nav > *, #shopify-section-footer > nav > .m6cn { width: 50%; min-width: 50%; max-width: 50%; margin-left: 0; margin-right: 0; border-left-width: 20px; } /*.accordion-a { }*/ .accordion-a details { padding-left: var(--rpp); padding-right: 50px; } .accordion-a summary { margin-left: var(--rpn); margin-right: -50px; padding-right: 50px; padding-left: var(--rpp); } .accordion-a summary:before { right: var(--rpp); width: auto; font-size: var(--size_18_f); } /*.cols { }*/ .cols > .w40 { width: 45%; } .cols > .w60 { width: 55%; } .cols > .w64 { width: 55%; } .cols > .w36 { width: 45%; } .cols > .t10 { width: 10%; max-width: none; } .cols > .t15 { width: 15%; max-width: none; } .cols > .t20 { width: 20%; max-width: none; } .cols > .t25 { width: 25%; max-width: none; } .cols > .t30 { width: 30%; max-width: none; } .cols > .t33 { width: 33.33333333333%; max-width: none; } .cols > .t35 { width: 35%; max-width: none; } .cols > .t36 { width: 36%; max-width: none; } .cols > .t40 { width: 40%; max-width: none; } .cols > .t42 { width: 42%; max-width: none; } .cols > .t45 { width: 45%; max-width: none; } .cols > .t50 { width: 50%; max-width: none; } .cols > .t55 { width: 55%; max-width: none; } .cols > .t58 { width: 58%; max-width: none; } .cols > .t60 { width: 60%; max-width: none; } .cols > .t64 { width: 64%; max-width: none; } .cols > .t65 { width: 65%; max-width: none; } .cols > .t66 { width: 66.66666666666%; max-width: none; } .cols > .t70 { width: 70%; max-width: none; } .cols > .t75 { width: 75%; max-width: none; } .cols > .t80 { width: 80%; max-width: none; } .cols > .t85 { width: 85%; max-width: none; } .cols > .t90 { width: 90%; max-width: none; } .cols > .t95 { width: 95%; max-width: none; } .cols > .t100 { width: 100%; max-width: none; } .cols .f8cm .cols > * { width: 100%; } .cols.b30 { margin-left: -30px; } .cols.b30 > * { border-left-width: 30px; } .cols.b50 { margin-left: -20px; } .cols.b50 > * { border-left-width: 20px; } .cols.aside.b50 { padding-right: 272px; } .cols.aside.b50 > aside { width: 272px; margin-right: -272px; } /*#root > .f8fl-toggle { display: block; overflow: hidden; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 150; background: var(--primary_text); text-indent: -3000em; text-align: left; direction: ltr; opacity: 0; }*/ label .text-end i, .label .text-end i { margin-left: 22px; } /*.has-anchor { }*/ .has-anchor .anchor[id], .t1nn .has-anchor .anchor[id], .t1mn .has-anchor .anchor[id] { top: -85px; } .t1sn .has-anchor .anchor[id] { top: -20px; } /*.input-inline { }*/ .input-inline button, .input-inline .link-btn a { width: 45px; min-width: 45px; max-width: 45px; text-indent: -3000em; text-align: left; direction: ltr; } .l4as.caption { padding-top: 72px; padding-left: 0; padding-right: 0; } /*.l4ca { }*/ .l4ca li, .l4ca.summary li { min-height: 113px; padding-left: 72px; } .l4ca li > div:first-child, .l4ca li > section:first-child, .l4ca.summary li > section:first-child, .l4ca.summary li > section:first-child ~ * { margin-left: -72px; } .l4ca li > *, .l4ca li > footer > * { padding-left: 24px; } .l4ca li > *:first-child, .l4ca li > footer { padding-left: 0; } .l4ca h1 .small, .l4ca h2 .small, .l4ca h3 .small, .l4ca h4 .small, .l4ca h5 .small, .l4ca h6 .small { margin-bottom: 3px; } .l4ca figure, .l4ca.summary figure { left: 0; width: 80px; } .l4ca.portrait li, .l4ca li.portrait { min-height: 132px; } .l4ca.landscape li, .l4ca li.landscape { min-height: 93px; } .l4ca.summary.portrait li, .l4ca.summary li.portrait { min-height: 134px; } .l4ca.summary.landscape li, .l4ca.summary li.landscape { min-height: 93px; } .l4ca .price span { display: block; } /*.l4ca.summary { }*/ .l4ca.summary section { margin-bottom: 0; } .l4ca.summary h1, .l4ca.summary h2, .l4ca.summary h3, .l4ca.summary h4, .l4ca.summary h5, .l4ca.summary h6 { font-size: var(--size_14_f); } /*.l4cl { }*/ .l4cl li, .l4cl.w16 li, .l4cl.w20 li, .l4cl.w25 li, .l4cl .li, .l4cl li.w16, .l4cl li.w20, .l4cl li.w25, .m6cl .l4cl li, .m6cl .l4cl .li, .l4cl li, .l4cl.w16 li, .l4cl.w20 li, .l4cl .li, .l4cl li.w16, .l4cl li.w20 { width: 33.3333333%; } .l4cl li.w12, .l4cl .li.w12, .l4cl.w12 li, .l4cl.w12 li { width: 25%; } .l4cl li.w14, .l4cl .li.w14, .l4cl.w14 li, .l4cl.w14 li { width: 25%; } .l4cl li.w16, .l4cl .li.w16, .l4cl.w16 li, .l4cl.w16 li { width: 25%; } .l4cl li.w20, .l4cl .li.w20, .l4cl.w20 li, .l4cl.w20 li { width: 33.3333333%; } .l4cl li.w25, .l4cl .li.w25, .l4cl.w25 li, .l4cl.w25 li { width: 33.3333333%; } .l4cl li.w33, .l4cl .li.w33, .l4cl.w33 li, .l4cl.w33 li { width: 50%; } .l4cl li.w50, .l4cl .li.w50, .l4cl.w50 li, .l4cl.w50 li { width: 50%; } .l4cl li.w66, .l4cl .li.w66, .l4cl.w66 li, .l4cl.w66 li { width: 50%; } .l4cl.inline.w16 li { width: 16.6666666666%; } .l4cl .swiper-button-next, .l4cl .swiper-button-prev { width: var(--rpp); } .l4cl .swiper-button-next { right: var(--rpn); } .l4cl .swiper-button-prev { left: var(--rpn); } .l4cl .link-btn { visibility: visible; position: relative; top: 0; margin-top: auto; opacity: 1; } .l4cl .link-btn { -webkit-transform: none; transform: none; } .l4cl + .link-btn { margin-top: -22px; } .l4cl.list { } .l4cl.list .link-btn a { max-width: 235px; } .l4cl.list form { max-width: 293px; } .l4cl.mobile-compact { overflow-x: auto; overflow-y: hidden; margin-top: 0; margin-left: var(--rpn); margin-right: var(--rpn); margin-bottom: 16px; } /*.l4cl.mobile-compact::-webkit-scrollbar, .l4cl::-webkit-scrollbar { display: none; height: 0; -webkit-appearance: none; }*/ .l4cl.mobile-compact.inline { -webkit-justify-content: space-between; justify-content: space-between; } .l4cl.mobile-compact { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #root .l4cl.mobile-compact li, #root .l4cl.mobile-compact .li { width: 320px; min-width: 320px; max-width: 320px; margin-bottom: 8px; } #root .l4cl.mobile-compact.inline li, #root .l4cl.mobile-compact.inline .li, #root .inline.l4cl.mobile-compact li:last-child, #root .s4wi.inline.l4cl.mobile-compact .swiper-slide:last-child .li { width: auto; min-width: auto; max-width: none; } #root .l4cl.mobile-compact.s4wi .li { border-left-width: var(--rpp); } #root .l4cl.mobile-compact li:last-child, #root .l4cl.mobile-compact.s4wi .swiper-slide:last-child .li { width: 336px; min-width: 336px; max-width: 336px; border-right-width: var(--rpp); border-left-width: var(--rpp); } .l4cl.mobile-compact h1 .small, .l4cl.mobile-compact h2 .small, .l4cl.mobile-compact h3 .small, .l4cl.mobile-compact h4 .small, .l4cl.mobile-compact h5 .small, .l4cl.mobile-compact h6 .small { margin-bottom: 4px; } #root .l4cl.mobile-compact figure { height: 141px; margin-bottom: 18px; } .l4cl.mobile-compact .link-btn a { position: relative; left: 0; min-width: 0; padding: 14px 15px; } #root .l4cl.mobile-compact.portrait figure, #root .l4cl.mobile-compact .portrait figure { height: 174px; } .l4cl.mobile-compact figure span span.rounded { display: block; width: auto; height: auto; padding: 4px 10px; border-radius: var(--b2r); font-size: var(--size_12_f); } .l4cl.mobile-compact figure span span.rounded span.strong { display: inline; font-size: 1em; } .l4cl.mobile-compact figure + h1, .l4cl.mobile-compact figure + h2, .l4cl.mobile-compact figure + h3, .l4cl.mobile-compact figure + h4, .l4cl.mobile-compact figure + h5, .l4cl.mobile-compact figure + h6 { margin-top: 4px; } .l4cl.mobile-compact + p:last-child { margin-bottom: 25px; } .l4cl.mobile-compact + p, .l4ft + p, .l4ne + p { margin-top: -6px; } .l4cl.mobile-compact .info { overflow: hidden; z-index: 1; max-height: 54px; } .l4cl.mobile-compact + .n6pg { margin-top: -17px; } .l4cl.mobile-compact + .link-btn { margin-top: -12px; } .l4cl.mobile-compact.s4wi .swiper-wrapper { height: auto !important; } .l4cl.mobile-compact.s4wi .swiper-wrapper { -webkit-transform: none !important; transform: none !important; } .l4cl.mobile-compact.s4wi .swiper-slide { width: auto !important; margin: 0 !important; } #root .l4cl.mobile-compact .swiper-slide-duplicate, #root .l4cl.mobile-compact .swiper-button-prev, #root .l4cl.mobile-compact .swiper-button-next { display: none; } .l4cu { margin-left: -32px; } .l4cu li { border-left-width: 32px; } /*.l4cl.list { }*/ .l4cl.list .info { margin-bottom: -16px; padding-bottom: 2px; } .l4cl.list .link-btn { margin-right: -16px; } .l4cn.box { margin-top: 0; } .l4dr, .l4sc, .l4pm, #shopify-section-footer > div .l4pm { margin-right: -14px; } .l4dr li, .l4sc li, .l4pm li, #shopify-section-footer > div .l4pm li, #shopify-section-footer > div p { margin-right: 14px; } /*.l4ft { }*/ .l4ft li, .l4ft li.w20, .l4ft li.w16, .l4ft li.w14, .l4ft li.w12, .l4ft li.w25, .l4ft.w20 li, .l4ft.w12 li, .l4ft.w14 li, .l4ft.w16 li, .l4ft.w25 li { /*width: 33.3333333333%;*/ min-height: 30vw; } .l4ft li > div { padding-left: 20px; padding-right: 20px; } /*.l4ft h1, .l4ft h2, .l4ft h3, .l4ft h4, .l4ft h5, .l4ft h6 { font-size: var(--size_26_f); }*/ /*.l4ft li.w33 h1, .l4ft li.w33 h2, .l4ft li.w33 h3, .l4ft li.w33 h4, .l4ft li.w33 h5, .l4ft li.w33 h6, .l4ft li.w37 h1, .l4ft li.w37 h2, .l4ft li.w37 h3, .l4ft li.w37 h4, .l4ft li.w37 h5, .l4ft li.w37 h6 { font-size: var(--size_18_f); }*/ .l4ft li.w33 h1 + p, .l4ft li.w33 h2 + p, .l4ft li.w33 h3 + p, .l4ft li.w33 h4 + p, .l4ft li.w33 h5 + p, .l4ft li.w33 h6 + p, .l4ft li.w37 h1 + p, .l4ft li.w37 h2 + p, .l4ft li.w37 h3 + p, .l4ft li.w37 h4 + p, .l4ft li.w37 h5 + p, .l4ft li.w37 h6 + p { margin-top: 4px; } .l4ft.cols.w50 { padding-top: 0; } .l4ft.cols.w50 li:first-child { margin-top: 0; } .l4ft.mobile-compact { overflow-x: auto; overflow-y: hidden; position: relative !important; height: auto !important; margin-left: var(--rpn); margin-right: var(--rpn); margin-bottom: 16px; } .l4ft.mobile-compact { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .l4ft.mobile-compact { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #root .l4ft.mobile-compact li { position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; width: 314px !important; min-width: 314px; max-width: 314px; height: auto; min-height: 145px; margin-left: 0 !important; margin-right: 0 !important; padding: 0; border: 0 solid rgba(0,0,0,0); border-left-width: var(--rpp); border-right-width: 0; } #root .l4ft.mobile-compact li.w33, #root .l4ft.mobile-compact.w33 li, #root .l4ft.mobile-compact li.w50, #root .l4ft.mobile-compact.w50 li { /*width: 490px !important; min-width: 490px; max-width: 490px;*/ width: 314px !important; min-width: 314px; max-width: 314px; } #root .l4ft.mobile-compact li { -webkit-transform: none !important; transform: none !important; } #root .l4ft.mobile-compact li:last-child { width: 330px; min-width: 330px; max-width: 330px; border-right-width: var(--rpp); } #root .l4ft.mobile-compact li > div { padding: 28px var(--rpp) 17px; } .l4ft.mobile-compact li > figure a, .l4ft.mobile-compact li > picture a { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /*#root .l4ft.mobile-compact h1, #root .l4ft.mobile-compact h2, #root .l4ft.mobile-compact h3, #root .l4ft.mobile-compact h4, #root .l4ft.mobile-compact h5, #root .l4ft.mobile-compact h6 { margin-bottom: 0; font-size: var(--size_16_f); }*/ /*#root .l4ft.mobile-compact .link, #root .l4ft.mobile-compact .link a { display: block; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; text-align: left; text-indent: -3000em; direction: ltr; }*/ .l4in.slider { overflow-x: auto; overflow-y: hidden; margin-right: 0; white-space: nowrap; } .l4in.slider { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .l4in.slider li { margin-right: 0; border: 0 solid rgba(0,0,0,0); border-left-width: 24px; } .l4in.slider li:first-child { border-width: 0; } /*.l4pr { }*/ .l4pr .swiper-pagination-bullets { margin-top: 20px; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet { width: 55px; height: 55px; padding: 6px; } #root .l4pr .swiper-pagination-bullets .swiper-pagination-bullet.portrait, #root .l4pr.portrait .swiper-pagination-bullets .swiper-pagination-bullet { height: 69px; } #root .l4pr .swiper-pagination-bullets .swiper-pagination-bullet.landscape, #root .l4pr.landscape .swiper-pagination-bullets .swiper-pagination-bullet { height: 44px; } /*.l4st { }*/ .l4st li, .l4st .li { width: 33.3333333%; } .l4st h1 i, .l4st h2 i, .l4st h3 i, .l4st h4 i, .l4st h5 i, .l4st h6 i { margin-bottom: 18px; } .l4pr.aside-pager.s4wi { padding-left: 88px; } /*.l4ts { }*/ .l4ts li, .l4ts .li { width: 50%; } /*.l4ts.box { }*/ .l4ts.box .swiper-pagination-bullets { padding-top: 0; } .l4ts.box .swiper-button-prev { left: 0; } .l4ts.box .swiper-button-next { right: 0; } .l4ts.box .swiper-pagination-bullets, .l4ts.box .swiper-custom-pagination { padding-top: 4px; } .l4ts.box.slider-fraction .swiper-custom-pagination { padding-top: 12px; } .l4ts q { max-width: 690px; } /*.m6as { }*/ .m6as > * { padding-left: 32px; } /*.m6as.inv { }*/ .m6as.inv > * { padding-left: 0; padding-right: 32px; } .m6as.overlay > * { padding-left: 32px; padding-right: 32px; } .m6as.overlay.inv > * { padding-left: 32px; padding-right: 32px; } .m6ac { display: block; } #root .m6ac > *, #root .m6ac > [class] { width: 100%; } .m6ac .l4cl, .m6ac > *:first-child .l4cl, .m6ac .l4ft { margin-bottom: 22px; } .m6ac .l4cl:last-child { margin-bottom: -6px; } .m6bx { padding-left: 25px; padding-right: 25px; } .m6cu { padding: 26px 30px 4px 0; } .m6cu h1, .m6cu h2, .m6cu h3, .m6cu h4, .m6cu h5, .m6cu h6 { width: 100%; } /*.m6fr { }*/ .m6fr article { min-height: 250px; padding-left: 30px; padding-right: 30px; } .m6fr .swiper-pagination-bullets { bottom: 20px; } .m6fr.s4wi .swiper-slide article, .m6fr.s4wi article.aside, .m6fr.wide.s4wi article.aside { padding-bottom: /*42px*/ 62px; } /*.m6fr.slider-fraction.s4wi .swiper-slide article, .m6fr.slider-fraction.s4wi article.aside, .m6fr.slider-fraction.wide.s4wi article.aside { padding-bottom: 62px; }*/ .m6fr article.aside { padding-right: calc(50% + 30px); padding-left: 30px; } .m6fr article.aside.inv { padding-left: calc(50% + 30px); padding-right: 30px; } .m6fr.slider-fraction .swiper-custom-pagination { bottom: 16px; padding-left: 20px; padding-right: 20px; } .m6fr .play-pause:before { bottom: 17px; } /*#content > .m6fr:first-child, #content > [id*="shopify-section"]:first-child > .m6fr:first-child { margin-top: -10px; }*/ .m6fr.wide, .m6fr.wide.s4wi { margin-left: var(--rpn); margin-right: var(--rpn); } .m6fr.wide article, .m6fr.wide .swiper-slide article { padding-left: var(--rpp); padding-right: var(--rpp); } .m6fr.wide figure, .w940 .m6fr.wide figure, .m6fr.wide article:before, .w940 .m6fr.wide article:before { left: 0; right: 0; width: auto; margin: 0; } .m6pr, #root .m6pr { padding-left: 0; padding-right: 0; } .m6pr > *, #root .m6pr > * { position: relative; top: 0; width: 100%; min-width: 0; max-width: none; margin-left: 0; margin-right: 0; } #root .m6pr .l4pr-container .l4pr { max-width: none; margin-left: 0; margin-right: 0; } .m6pr > * > header:first-child, .m6pr > footer { margin-top: 0; } #root .m6pr .l4pr.s4wi { border-left-width: 28px; border-right-width: 28px; } .m6pr .l4pr .swiper-button-prev { width: 47px; } .m6pr .l4pr.s4wi li > span, .m6pr .l4pr.s4wi li a > span, .m6pr .l4pr.s4wi > .label, .m6pr .l4pr.s4wi .li > span, .m6pr .l4pr.s4wi .li a > span { left: -28px; } /*.m6tb { }*/ .m6tb > nav { margin-bottom: 30px; } /*.m6tb .cols > * { width: 100%; max-width: none; }*/ /*.s1rt { }*/ .s1rt .title { margin-right: 6px; } .s1rt .title + img { left: -6px; } .table-wrapper, table { width: calc(100% + var(--rpp) + var(--rpp)); margin-left: var(--rpn); margin-right: var(--rpn); } .table-wrapper table { width: 100%; margin-left: 0; margin-right: 0; } .table-wrapper { overflow-x: auto; overflow-y: hidden; } .cols .table-wrapper, .cols table { width: 100%; margin-left: 0; margin-right: 0; } #content.w940, .w940.align-center, .w940.text-center { max-width: none; } /*button, a, input, select, textarea { outline: none !important; }*/ /* NAV_TABLET_2 */ #root .desktop-hide.link-btn, #shopify-section-footer > nav, .m6ac.mobile-inv, /*.t1nb #shopify-section-header > .link-btn, .t1nb #header > .link-btn,*/ .t1nb #header-inner > .link-btn, .m6cu { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .m6ac.mobile-inv { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } #shopify-section-footer > nav { -webkit-justify-content: flex-start; justify-content: flex-start; } .m6tb > nav ul { -webkit-justify-content: center; justify-content: center; } #search { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .input-inline button i, .input-inline .link-btn a i, .l4cl.list li, .l4cl.list .li, #shopify-section-header .toggle > #localization_form, /*#root #shopify-section-header > .hidden, #root #header > .hidden,*/ #root #shopify-section-header #header-inner > .link-btn.hidden { display: block; } #root #nav-top > ul.l4us > li.swiper-wrapper:before, #root #nav-top > ul.l4us > li.swiper-wrapper:after, /*#shopify-section-header > .link-btn a:after, #header > .link-btn a:after,*/ #header-inner > .link-btn a:after, /*#shopify-section-header > .link-btn a:before,*/ #header > .link-btn a:before, #header-inner > .link-btn a:before, /*#shopify-section-footer > div figure,*/ #root .desktop-only.link-btn, .l4ca footer p a span.mobile-hide, #root #nav-bar, #shopify-section-header #localization_form, .t1mn #shopify-section-header:after, .t1mn #root #shopify-section-header #header-inner > .link-btn.hidden, .l4cl .link-btn.sticky, #root .m6pr footer.desktop-only { display: none; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (min-width: 1001px) { /* 1000+ */ .l4cl .swiper-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } /*.l4cl .swiper-pointer-events.swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }*/ .l4cl .swiper-outer { overflow: hidden; } } @media only screen and (min-width: 1001px) { /* 1000+ */ .link-btn.desktop-hide { display: none; } } @media only screen and (max-width: 1000px) { /* 1000 */ .link-btn.desktop-only { display: none; } } @media only screen and (min-width: 761px) { /* 760+ */ .link-btn.mobile-only { display: none; } } @media only screen and (max-width: 760px) { /* 760 */ .link-btn.mobile-hide { display: none; } } @media only screen and (min-width: 761px) { /* 760+ */ /*#shopify-section-header #header { position: relative; }*/ #logo .mobile-only { display: none; } #nav-user > ul > li > a.mobile-only { display: none !important; } .l4cl.text-justify { -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-content: center; align-content: center; } .l4cl.text-justify .swiper-wrapper, .l4cl.align-center .swiper-wrapper { -webkit-align-items: center; align-items: center; } .l4cl.text-justify li { width: auto; } .l4cl .swiper-android .swiper-slide, .l4cl .swiper-wrapper { -webkit-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0); } .l4cl:not(.mobile-compact) .swiper-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } /*.l4cl:not(.mobile-compact) .swiper-pointer-events.swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }*/ .l4cl:not(.mobile-compact) .swiper-outer { overflow: hidden; } .l4ne.featured.landscape figure, .l4ne.featured .landscape figure { padding-top: 55%; } /*.m6fr { } .m6fr.slider-fraction .swiper-slide article { padding-bottom: 65px; }*/ .slider-fraction[data-active-content*="aside"] .swiper-custom-pagination, .m6as.align-top > div, .l4ch, .m6fr article.align-top, .l4ft li.align-top, .l4ft li.align-top > div, .l4cl figure > span { -webkit-justify-content: flex-start; justify-content: flex-start; } .slider-fraction[data-active-content*="aside"][data-active-content*="inv"] .swiper-custom-pagination { -webkit-justify-content: flex-end; justify-content: flex-end; } .t1sr-mobile #search.compact.compact-mobile { display: block; } #root .l4cl li.link ~ li, .l4pr.no-thumbs-desktop .swiper-pagination-bullets, .t1sr-mobile .search-compact-cont, .search-compact-active.t1sr-mobile #search p > a.search-back { display: none; } } @media only screen and (min-width: 761px) and (max-width: 1000px) { /* 760-1000 */ #root #shopify-section-header:not(.has-long-text) #header-inner .link-btn.hidden /*~ #logo:not(.has-long-text)*/ ~ #search.text-center-sticky/*, #root #shopify-section-header #header-inner .link-btn.hidden ~ #logo.text-center-sticky*/ { left: 50%; } /*#shopify-section-footer > nav .m6cn { position: static; }*/ #shopify-section-footer > nav .m6cn figure { right: /*calc(var(--rpn) * 4)*/ 0; left: 0; bottom: 0; max-width: none; } #shopify-section-footer > nav .m6cn figure img { max-width: /*calc(100% - 260px)*/ 162px !important; } /*#shopify-section-footer > nav .m6cn figure.static { bottom: var(--rpp); }*/ } @media only screen and (max-width: 760px) { /* 760 */ :root { --main_mr: 20px; --size_70_f: 12vw; } #content, #shopify-section-footer { width: 100%; max-width: none; margin-left: 0; margin-right: 0; } body, label, .label { font-size: var(--mob_fz); font-family: var(--main_ff); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, legend { margin-top: 24px; } h1, .h1, .l4cl.category h1, .l4cl.category .size-50 { font-size: var(--mob_h1); } h2, .h2, .l4cl.category h2 { font-size: var(--mob_h2); } h3, .h3, .l4cl.category h3 { font-size: var(--mob_h3); } h4, .h4, .l4cl.category h4 { font-size: var(--mob_h4); } h5, .h5, .l4cl.category h5 { font-size: var(--mob_h5); } h6, .h6, .l4cl.category h6 { font-size: var(--mob_h6); } .lead { font-size: var(--mob_lead); } /*figure { }*/ h1 + figure, h2 + figure, h3 + figure, h4 + figure, h5 + figure, h6 + figure, .h1 + figure, .h2 + figure, .h3 + figure, .h4 + figure, .h5 + figure, .h6 + figure, hr + * { margin-top: 0; } figure + h3, figure + h4, figure + h5, figure + h6, figure.lead { margin-top: 12px; } figure + h1, figure + h2 { margin-top: 30px; } .mobile-size-10, .m6as .mobile-size-10, .check.mobile-size-10, .l4ft .mobile-size-10, .m6fr .mobile-size-10, .l4cl.category .mobile-size-10 { font-size: var(--size_10_f); } .mobile-size-12, .m6as .mobile-size-12, .check.mobile-size-12, .l4ft .mobile-size-12, .m6fr .mobile-size-12, .l4cl.category .mobile-size-12 { font-size: var(--size_12_f); } .mobile-size-13, .m6as .mobile-size-13, .check.mobile-size-13, .l4ft .mobile-size-13, .m6fr .mobile-size-13, .l4cl.category .mobile-size-13 { font-size: var(--size_13_f); } .mobile-size-14, .m6as .mobile-size-14, .check.mobile-size-14, .l4ft .mobile-size-14, .m6fr .mobile-size-14, .l4cl.category .mobile-size-14 { font-size: var(--size_14_f); } .mobile-size-16, .m6as .mobile-size-16, .check.mobile-size-16, .l4ft .mobile-size-16, .m6fr .mobile-size-16, .l4cl.category .mobile-size-16 { font-size: var(--size_16_f); } .mobile-size-18, .m6as .mobile-size-18, .check.mobile-size-18, .l4ft .mobile-size-18, .m6fr .mobile-size-18, .l4cl.category .mobile-size-18 { font-size: var(--size_18_f); } .mobile-size-20, .m6as .mobile-size-20, .check.mobile-size-20, .l4ft .mobile-size-20, .m6fr .mobile-size-20, .l4cl.category .mobile-size-20 { font-size: var(--size_20_f); } .mobile-size-22, .m6as .mobile-size-22, .check.mobile-size-22, .l4ft .mobile-size-22, .m6fr .mobile-size-22, .l4cl.category .mobile-size-22 { font-size: var(--size_22_f); } .mobile-size-24, .m6as .mobile-size-24, .check.mobile-size-24, .l4ft .mobile-size-24, .m6fr .mobile-size-24, .l4cl.category .mobile-size-24 { font-size: var(--size_24_f); } .mobile-size-26, .m6as .mobile-size-26, .check.mobile-size-26, .l4ft .mobile-size-26, .m6fr .mobile-size-26, .l4cl.category .mobile-size-26 { font-size: var(--size_26_f); } .mobile-size-28, .m6as .mobile-size-28, .check.mobile-size-28, .l4ft .mobile-size-28, .m6fr .mobile-size-28, .l4cl.category .mobile-size-28 { font-size: var(--size_28_f); } .mobile-size-30, .m6as .mobile-size-30, .check.mobile-size-30, .l4ft .mobile-size-30, .m6fr .mobile-size-30, .l4cl.category .mobile-size-30 { font-size: var(--size_30_f); } .mobile-size-32, .m6as .mobile-size-32, .check.mobile-size-32, .l4ft .mobile-size-32, .m6fr .mobile-size-32, .l4cl.category .mobile-size-32 { font-size: var(--size_32_f); } .mobile-size-34, .m6as .mobile-size-34, .check.mobile-size-34, .l4ft .mobile-size-34, .m6fr .mobile-size-34, .l4cl.category .mobile-size-34 { font-size: var(--size_34_f); } .mobile-size-36, .m6as .mobile-size-36, .check.mobile-size-36, .l4ft .mobile-size-36, .m6fr .mobile-size-36, .l4cl.category .mobile-size-36 { font-size: var(--size_36_f); } .mobile-size-38, .m6as .mobile-size-38, .check.mobile-size-38, .l4ft .mobile-size-38, .m6fr .mobile-size-38, .l4cl.category .mobile-size-38 { font-size: var(--size_38_f); } .mobile-size-40, .m6as .mobile-size-40, .check.mobile-size-40, .l4ft .mobile-size-40, .m6fr .mobile-size-40, .l4cl.category .mobile-size-40 { font-size: var(--size_40_f); } .mobile-size-46, .m6as .mobile-size-46, .check.mobile-size-46, .l4ft .mobile-size-46, .m6fr .mobile-size-46, .l4cl.category .mobile-size-46 { font-size: var(--size_46_f); } .mobile-size-48, .m6as .mobile-size-48, .check.mobile-size-48, .l4ft .mobile-size-48, .m6fr .mobile-size-48, .l4cl.category .mobile-size-48 { font-size: var(--size_48_f); } .mobile-size-50, .m6as .mobile-size-50, .check.mobile-size-50, .l4ft .mobile-size-50, .m6fr .mobile-size-50, .l4cl.category .mobile-size-50 { font-size: var(--size_50_f); } .mobile-size-52, .m6as .mobile-size-52, .check.mobile-size-52, .l4ft .mobile-size-52, .m6fr .mobile-size-52, .l4cl.category .mobile-size-52 { font-size: var(--size_52_f); } .mobile-size-56, .m6as .mobile-size-56, .check.mobile-size-56, .l4ft .mobile-size-56, .m6fr .mobile-size-56, .l4cl.category .mobile-size-56 { font-size: var(--size_56_f); } .mobile-size-60, .m6as .mobile-size-60, .check.mobile-size-60, .l4ft .mobile-size-60, .m6fr .mobile-size-60, .l4cl.category .mobile-size-60 { font-size: var(--size_60_f); } .mobile-size-70, .m6as .mobile-size-70, .check.mobile-size-70, .l4ft .mobile-size-70, .m6fr .mobile-size-70, .l4cl.category .mobile-size-70 { font-size: var(--size_70_f); } hr { margin-top: 26px; } aside hr { margin: var(--main_mr); 0; } #root { overflow: hidden; } #shopify-section-announcement-bar ~ #root { overflow: visible; } #root, .js.t1nn #root, .js.t1mn #root { padding-top: /*143px*/ 150px; } .t1nt #root, .js.t1nn.t1nt #root, .js.t1mn.t1nt #root { padding-top: /*112px*/ 116px; } .t1nt #shopify-section-header #header-outer { padding-top: 48px; } .t1nt #logo, .t1nt #logo.text-center, /*.t1nt #shopify-section-header.text-center #logo,*/ .t1nt #header.text-center #logo, .t1nt #logo.text-center-mobile, /*.t1nt #shopify-section-header.text-center-mobile #logo,*/ .t1nt #header.text-center-mobile #logo { top: 8px; } .t1nt #nav-user/*, .t1nt #shopify-section-header.text-center #logo, .t1nt #header.text-center #logo, .t1nt #shopify-section-header #header > #logo.text-center-mobile, .t1nt #root #shopify-section-header #header-inner > #logo.text-center-mobile*/, .t1nt #header-inner > .link-btn, .t1nt #header-inner > .search-compact-cont { top: 0; } #content.align-center, .js.t1nn #content.align-center, .js.t1mn #content.align-center { min-height: /*calc(100vh - 143px)*/ calc(100vh - 150px); } #shopify-section-announcement-bar ~ #root #content.align-center, .js.t1nn #shopify-section-announcement-bar ~ #root #content.align-center, .js.t1mn #shopify-section-announcement-bar ~ #root #content.align-center { min-height: /*calc(100vh - 143px - 36px)*/ calc(100vh - 150px - 36px); } .t1nt #content.align-center, .js.t1nn.t1nt #content.align-center, .js.t1mn.t1nt #content.align-center { min-height: /*calc(100vh - 112px)*/ calc(100vh - 116px); } .t1nt #shopify-section-announcement-bar ~ #root #content.align-center, .js.t1nn.t1nt #shopify-section-announcement-bar ~ #root #content.align-center, .js.t1mn.t1nt #shopify-section-announcement-bar ~ #root #content.align-center { min-height: /*calc(100vh - 112px - 36px)*/ calc(100vh - 116px - 36px); } .js.t1sr:not(.search-compact-active) #content.align-center, .js.t1nn.t1sr:not(.search-compact-active) #content.align-center, .js.t1mn.t1sr:not(.search-compact-active) #content.align-center { min-height: /*calc(100vh - 143px + 64px)*/ calc(100vh - 150px + 64px); } .js.t1sr:not(.search-compact-active) #shopify-section-announcement-bar ~ #root #content.align-center, .js.t1nn.t1sr:not(.search-compact-active) #shopify-section-announcement-bar ~ #root #content.align-center, .js.t1mn.t1sr:not(.search-compact-active) #shopify-section-announcement-bar ~ #root #content.align-center { min-height: /*calc(100vh - 143px - 36px + 64px)*/ calc(100vh - 150px - 36px + 64px); } .t1nt.js.t1sr:not(.search-compact-active) #content.align-center, .js.t1nn.t1nt.t1sr:not(.search-compact-active) #content.align-center, .js.t1mn.t1nt.t1sr #content.align-center { min-height: /*calc(100vh - 112px + 64px)*/ calc(100vh - 116px + 64px); } .t1nt.js.t1sr:not(.search-compact-active) #shopify-section-announcement-bar ~ #root #content.align-center, .js.t1nn.t1nt.t1sr:not(.search-compact-active) #shopify-section-announcement-bar ~ #root #content.align-center, .js.t1mn.t1nt.t1sr:not(.search-compact-active) #shopify-section-announcement-bar ~ #root #content.align-center { min-height: /*calc(100vh - 112px - 36px + 64px)*/ calc(100vh - 116px - 36px + 64px); } #shopify-section-header { z-index: 99; /*padding: 79px 0 0;*/ } #shopify-section-header:after, #header-inner > .search-compact-cont, #header-inner > .link-btn, #nav-user { top: /*31px*/ 34px; } #shopify-section-header #header-outer { padding-top: /*79px*/ 82px; } #shopify-section-header #header { position: static; width: 100%; height: auto; min-height: 0; margin-right: 0; padding-left: 0; padding-right: 0; } #root #shopify-section-header #header { padding-left: 0; padding-right: 0; } #shopify-section-header #header > *, #root #shopify-section-header #header-inner > * { margin-right: 0; padding-right: 0; border-right-width: 0; } #root #header > #header-inner:first-child:last-child { margin-right: 0; } /*#shopify-section-header > .link-btn, #header > .link-btn,*/ #header-inner > .link-btn { left: -20px; } #header-inner > .search-compact-cont { display: block; position: absolute; left: 44px; z-index: 11; height: 48px; margin: 0; font-size: 0.9285714286em; line-height: 48px; } .search-compact-active #header-inner > .search-compact-cont .search-compact-toggle { display: block; } #header-inner > .search-compact-cont a { height: 48px; font-size: 1.3571428571em; line-height: 48px; } #header-inner > .search-compact-cont a:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; } html:not(.t1sr-desktop) #header-inner > .search-compact-cont:not(.mobile-hide) ~ #logo:not(.text-center-mobile) { left: 82px; } /*html:not(.t1sr-desktop) #header-inner > .search-compact-cont:not(.mobile-hide) ~ #logo:not(.text-center-mobile) { left: 78px; }*/ .t1mn #header-inner > .search-compact-cont { left: 0; } .t1mn #header-inner > .search-compact-cont:not(.mobile-hide) ~ #logo:not(.text-center-mobile), html.t1mn:not(.t1sr-desktop) #header-inner > .search-compact-cont:not(.mobile-hide) ~ #logo:not(.text-center-mobile) { left: 44px; } /*#header > .search-compact-toggle, #header-inner > .search-compact-toggle, #header > .search-compact-cont, #header-inner > .search-compact-cont*/ #logo { display: block; position: absolute; left: 44px; right: 80px; z-index: 11; max-width: 100% !important; height: 48px; margin: -8px 0 0; font-size: var(--size_14); } #logo.has-long-text, #logo.has-long-text.super-small { max-width: 100% !important; } #logo.has-long-text { overflow: visible; } #logo.has-long-text a { overflow: hidden; height: 48px; border-top-width: 0; border-bottom-width: 0; } .t1srn #logo { right: 126px; } .t1srn #search.compact-desktop ~ #logo { right: 82px; } #logo, #logo.text-center { top: /*39px*/ 42px; } #logo.has-long-text { max-width: 100% !important; } .t1mn #logo { left: 0; } #logo .broken-img { max-width: none; } /*#logo img, #logo picture { width: 114px !important; }*/ #logo a { overflow: hidden; height: 100%; border-top: 8px solid rgba(0,0,0,0); border-bottom: 8px solid rgba(0,0,0,0); /*line-height: 32px;*/ } #logo.text-center-mobile/*, #shopify-section-header.text-center-mobile #logo*/, #header.text-center-mobile #logo { position: absolute; right: auto; left: 50%; right: auto !important; top: /*39px*/ 42px; height: 48px; border-left-width: 0; border-right-width: 0; text-align: center; } #logo.text-center-mobile/*, #shopify-section-header.text-center-mobile #logo*/, #header.text-center-mobile #logo { -webkit-transform: translateX(-50%); transform: translateX(-50%); } #logo.text-center-mobile img, #logo.text-center-mobile a picture img { margin-left: auto; margin-right: auto; } #logo.text-center-mobile img, #logo.text-center-mobile a picture img { -o-object-position: center center; object-position: center center; } #search, #root #shopify-section-header#search, #shopify-section-header .link-btn ~ #search, #root #shopify-section-header .link-btn ~ #search { float: none; width: 100%; max-width: none; margin-top: 0; margin-bottom: 0; padding: 12px 0; } #shopify-section-header .link-btn ~ #search, #root #shopify-section-header .link-btn ~ #search, #root #shopify-section-header #search, #root #shopify-section-header #header-inner > #search { max-width: none; } #search:before { display: block; background: var(--sand); } #search input { height: 44px; padding-right: 45px; box-shadow: 0 2px 2px rgba(0,0,0,.02); } #search.has-text input { padding-right: 80px; } #search button { bottom: 0; width: 44px; height: 44px; font-size: var(--main_fz); } #search button:before { font-size: 1.2602071429em; } #nav-user { position: absolute; right: 0; left: 0; z-index: 10; margin-right: 0; } #nav-user.has-form { left: auto; } /*.m2a #nav-user { z-index: 2; }*/ #root #nav-user { margin-right: 0; } #nav-user > ul > li { position: static; z-index: 1; } #nav-user > ul > li.user-login { position: static; z-index: 2; } #nav-user > ul > li.has-form { position: static; z-index: 2; } #root #nav-user > ul > li.has-form > a ~ a.toggle { display: none !important; } #nav-user > ul > li > a.mobile-hide { display: none !important; } #nav-user, #nav-user > ul > li > a, #root #nav-user > ul > li > a i { height: 48px; line-height: 48px; } #nav-user > ul > li > a img { height: 48px !important; border-radius: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } #nav-user > ul > li > a i span { top: 6px; min-width: 20px; height: 20px; line-height: 20px; } #nav-top > ul > li.sub > a, #nav-user > ul > li.sub > a { padding-right: 0; } #nav-top, #nav-top * { white-space: nowrap; } #nav-top, #nav-top > ul > li > a, #nav-top > ul.l4us li:before, #nav-top > .l4us .li:before, #nav-top > ul > li > a i { height: 34px; line-height: 34px; } #nav-top > ul { position: relative; z-index: 9; margin-left: 20px; } /*#nav-top > ul:not(.l4us) { display: none; }*/ #nav-top > ul.l4us { margin-left: 0; } #nav-top > ul.l4us li { border-width: 0; } #nav-top > ul.l4us > li ~ li { display: none; } #nav-top > ul.text-start, #root #shopify-section-header #nav-top > ul.text-start { margin-right: -10px; margin-left: 0; } /*#nav-top > .l4us.slider:nth-last-child(2) { margin-right: 0; }*/ #nav-top > .l4us.slider:first-child { margin-right: 0; } #nav-top .l4us { max-width: 100%; min-width: 0; height: 100%; margin-right: /*10px*/ 0; } /*#nav-top .l4us.s4wi { margin-left: 0; margin-right: 0; }*/ #nav-top .l4us:first-child, #nav-top .l4us:first-child + .l4us { margin-left: 0; margin-right: -14px; } #nav-top .l4us.s4wi:first-child, #nav-top .l4us:first-child + .l4us.s4wi { margin-right: 0; } #nav-top > .l4us-mobile { display: block; width: 100%; max-width: none; /*overflow: hidden;*/ /*position: absolute; left: var(--rpn); top: 0; right: var(--rpn); bottom: 0;*/ z-index: 10; margin-bottom: 0; /*margin-left: var(--rpn);*/ } #nav-top > .l4us-mobile li, #nav-top > .l4us-mobile .li { display: block; overflow: hidden; border: 0 solid rgba(0,0,0,0); /*border-left-width: var(--rpp);*/ /*border-right-width: var(--rpp);*/ text-overflow: ellipsis; white-space: nowrap; } /*#nav-top > .l4us-mobile .longer .inner { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #root #nav-top > .l4us-mobile .mobile-only { display: block; position: absolute; left: 0; top: 0; padding-left: 16px; } #root #nav-top > .l4us a.linked { display: none; } #root #nav-top > .l4us-mobile .longer .linked-container.mobile-only { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #nav-top > .l4us-mobile .longer .linked-container span { display: block; overflow: hidden; min-width: 0; text-overflow: ellipsis; white-space: nowrap; } #nav-top > .l4us-mobile .longer .linked-container .linked { display: block; overflow: visible; }*/ /*#nav-top > .l4us-mobile .longer a.inner { padding-right: 10px; color: inherit; text-decoration: none; } #nav-top > .l4us-mobile .longer a.inner:before { content: "\e906"; display: block; overflow: visible; position: absolute; right: 0; top: 50%; bottom: auto; margin: -10px 0 0; box-shadow: none; border-radius: 0; border-width: 0; background: none; color: var(--secondary_bg); font-weight: 400; font-family: i; font-size: .7142857142em; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; }*/ #nav-top > .l4us:first-child + .l4us:last-child, #nav-top > .l4us:first-child + .l4us:nth-last-child(2), #nav-top > .l4us:first-child:last-child, #nav-top > .l4us:first-child:nth-last-child(2) { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } #shopify-section-header:after, /*#shopify-section-header > .link-btn, #header > .link-btn,*/ #header-inner > .link-btn { bottom: auto; height: 48px; line-height: 48px; } #shopify-section-header.fixed { top: /*-31px*/ -34px; } /*#search { }*/ .search-compact-cont ~ #search { display: block; } .t1sr #search, .t1sr .search-compact-cont ~ #search { display: none; } #search.text-start, #shopify-section-header .link-btn ~ #search.text-start, #root #shopify-section-header .link-btn ~ #search.text-start { margin-left: 0; margin-right: 0; } #content { padding-top: 20px; } .t1sr #content, .t1sr ~ #content, .t1sr-mobile:not(.search-compact-active) #content, .t1sr-mobile:not(.search-compact-active) ~ #content { margin-top: -68px; } .t1sr-desktop #content, .t1sr-desktop ~ #content { margin-top: 0; } #content > .m6fr.wide:first-child, #content > .m6wd:first-child, #content > [id*="shopify-section"]:first-child > .m6fr.wide:first-child, #content > [id*="shopify-section"]:first-child > .m6fr:first-child, #content > [id*="shopify-section"]:first-child > .m6wd:first-child { margin-top: -20px; } #content > .n6br:first-child, #content > [id*="shopify-section"]:first-child > .n6br:first-child { margin-top: -10px; } #content > *:last-child, #content > [id*="shopify-section"]:last-child > *:last-child { margin-bottom: var(--main_mr); } #content > .cols:last-child, #content > form:last-child, #content > [id*="shopify-section"]:last-child > .cols-a:last-child, #content > [id*="shopify-section"]:last-child > form:last-child { margin-bottom: 6px; } #cookie-bar { min-height: 70px; padding-top: 13px; padding-bottom: 5px; } #cookie-inner { padding-left: 44px; } #cookie-bar .icon-cookie { display: block; position: absolute; left: 0; top: 7px; font-size: 30px; line-height: 30px; } #cookie-bar p { margin-bottom: 12px; } #root #cookie-bar .link-btn { margin: 0 -30px 4px 0; padding-left: 0; padding-right: 0; } #cookie-bar .link-btn a { margin-right: 30px; } #shopify-section-footer { } #shopify-section-footer > nav { display: block; padding: 12px 0 25px; } #shopify-section-footer > nav + nav, #shopify-section-footer > nav + hr + nav { margin-top: -25px; } /*#shopify-section-footer > nav + nav:before, #shopify-section-footer > nav + hr + nav:before { content: ""; display: block; position: absolute; left: -40px; right: -40px; top: -1px; border-bottom: 1px solid var(--custom_footer_fg); opacity: .1; }*/ #root #shopify-section-footer > nav > * { position: relative; z-index: 2; width: auto; min-width: 0; max-width: none; margin: 0 var(--rpn); padding: 0 var(--rpp) 1px; } #root #shopify-section-footer > nav > *:before { display: block; border-bottom: 1px solid var(--custom_footer_fg); opacity: .1; } #shopify-section-footer > nav h1, #shopify-section-footer > nav h2, #shopify-section-footer > nav h3, #shopify-section-footer > nav h4, #shopify-section-footer > nav h5, #shopify-section-footer > nav h6 { margin: 0; padding: 12.5px 24px 12.5px 0; } #shopify-section-footer > nav h1:last-child, #shopify-section-footer > nav h2:last-child, #shopify-section-footer > nav h3:last-child, #shopify-section-footer > nav h4:last-child, #shopify-section-footer > nav h5:last-child, #shopify-section-footer > nav h6:last-child { padding-left: 0; padding-right: 0; } .js #shopify-section-footer > nav h1 ~ *, .js #shopify-section-footer > nav h2 ~ *, .js #shopify-section-footer > nav h3 ~ *, .js #shopify-section-footer > nav h4 ~ *, .js #shopify-section-footer > nav h5 ~ *, .js #shopify-section-footer > nav h6 ~ * { display: none; } #shopify-section-footer > nav > *:first-child h1, #shopify-section-footer > nav > *:first-child h2, #shopify-section-footer > nav > *:first-child h3, #shopify-section-footer > nav > *:first-child h4, #shopify-section-footer > nav > *:first-child h5, #shopify-section-footer > nav > *:first-child h6 { margin-top: -12px; } #root #shopify-section-footer > nav > .toggle { padding-bottom: 17px; } #shopify-section-footer nav > .toggle h1, #shopify-section-footer nav > .toggle h2, #shopify-section-footer nav > .toggle h3, #shopify-section-footer nav > .toggle h4, #shopify-section-footer nav > .toggle h5, #shopify-section-footer nav > .toggle h6 { padding-bottom: 8px; } #root #shopify-section-footer > nav .m6cn { padding-top: 12px; padding-bottom: 17px; padding-right: 80px; } #root #shopify-section-footer > nav .m6cn .l4cn { padding-right: 50px; } #shopify-section-footer > nav .m6cn figure { display: block; position: absolute; right: -20px; left: -20px; bottom: 0; /*max-height: calc(100% - 20px);*/ margin: 0; } #shopify-section-footer > nav .m6cn figure picture, #shopify-section-footer > nav .m6cn figure img { max-height: 100% !important; -o-object-fit: contain; object-fit: contain; } #shopify-section-footer > nav .m6cn figure img { max-width: 162px !important; } #shopify-section-footer > div { margin-right: -22px; padding-top: 20px; text-align: center; } #shopify-section-footer > div figure { width: 100%; margin-bottom: 9px; } #shopify-section-footer > div figure img { display: block; width: 100% !important; max-height: 30px !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } #shopify-section-footer > div p, #shopify-section-footer > div .l4dr { width: auto; max-width: none; margin-bottom: 6px; } #shopify-section-footer > div p, #shopify-section-footer > div figure { width: 100%; max-width: none; margin-right: 22px; } #shopify-section-footer > div .l4dr { margin-right: 8px; } #shopify-section-footer > div .l4pm { width: calc(100% + 8px); min-width: calc(100% + 8px); max-width: calc(100% + 8px); margin: 6px 0; } #root #shopify-section-footer > div .l4pm.box { position: relative; left: -6px; margin-right: 0; padding-left: 0; padding-right: 0; } #shopify-section-footer h1, #shopify-section-footer h2, #shopify-section-footer h3, #shopify-section-footer h4, #shopify-section-footer h5, #shopify-section-footer h6, #shopify-section-footer > nav .m6cn h1, #shopify-section-footer > nav .m6cn h2, #shopify-section-footer > nav .m6cn h3, #shopify-section-footer > nav .m6cn h4, #shopify-section-footer > nav .m6cn h5, #shopify-section-footer > nav .m6cn h6 { margin-bottom: 8px; padding: 0; font-size: var(--size_16_f); } #shopify-section-footer a.header-toggle:before { content: "\e904"; left: auto; font-size: 0.4285714286em; } #shopify-section-footer :last-child > a.header-toggle { display: none; } #shopify-section-footer .toggle a.header-toggle:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #root #shopify-section-footer > nav > .strong { margin-bottom: -5px; padding-top: 12px; border-bottom-width: 0; } #root #shopify-section-footer > nav > .strong:last-child { margin-bottom: -10px; padding-bottom: 0; } #shopify-section-footer > nav > .strong h1, #shopify-section-footer > nav > .strong h2, #shopify-section-footer > nav > .strong h3, #shopify-section-footer > nav > .strong h4, #shopify-section-footer > nav > .strong h5, #shopify-section-footer > nav > .strong h6 { margin-bottom: 8px; padding-bottom: 0; font-size: var(--size_16_f); } #shopify-section-footer p, #shopify-section-footer ul { margin-bottom: 7px; } #shopify-section-footer .l4dr li.toggle > ul { left: 50%; right: auto; } #shopify-section-footer .l4dr li.toggle > ul { -webkit-transform: translateX(-50%); transform: translateX(-50%); } #shopify-section-footer ul.l4sc { margin-bottom: 3px; } #shopify-section-footer form, #shopify-section-footer fieldset { position: relative; width: 100%; max-width: none; } #shopify-section-footer p { width: calc(100% - 55px) /*100%*/; } #shopify-section-footer input { width: 100%; max-width: none; } #root #shopify-section-footer input ~ button.mobile-only { float: right; width: 45px; margin-top: -45px; margin-right: -55px; } #shopify-section-footer p.check { width: 100%; margin-bottom: 8px; } #shopify-section-footer p.submit { width: 100%; } #shopify-section-footer p.submit { position: absolute; right: 0; bottom: 0; top: auto; z-index: 100 !important; width: 45px; height: 45px; margin-left: 10px; margin-right: 0; } #shopify-section-footer button { width: 100%; min-width: 0; height: 45px; margin: 0; padding: 0; text-align: left; text-indent: -3000em; direction: ltr; } #root #shopify-section-footer button i { display: block; top: 50%; font-size: 10px; } /*#root #shopify-section-footer button i { display: none; }*/ #shopify-section-footer > nav .m6cn.mobile-no-img p { width: 100%; } #root #shopify-section-footer > nav .m6cn.mobile-no-img { padding-right: var(--rpp); padding-left: var(--rpp); } #root #shopify-section-footer > nav .m6cn.mobile-no-img .l4cn { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } #root #shopify-section-footer > nav .m6cn.mobile-no-img figure { display: none; } #shopify-section-footer > nav .m6cn figure.static { left: var(--rpp); right: var(--rpp); bottom: var(--rpp); } #shopify-section-footer > nav.m0-mobile { padding-bottom: 0; } #root #shopify-section-footer > nav.m0-mobile > *:last-child:before { border-bottom-width: 0; } input, select, textarea/*, .bv_atual, #root .bv_mainselect input*/ { font-size: var(--size_16_f); } .accordion-a { margin: 16px var(--rpn) 32px; } .accordion-a summary { padding-top: 14px; padding-bottom: 14px; font-size: var(--size_14_f); } .accordion-a summary:before { font-size: 1em; } .accordion-a.compact { } #root .accordion-a.compact details { padding-left: var(--rpp); padding-right: var(--rpp); } .accordion-a.compact summary { padding-right: 20px; } .accordion-a.compact summary:before { right: 0; width: auto; min-width: 10.13px; } .m6pr .accordion-a { margin-bottom: 10px; } .m6pr .accordion-a + * { margin-top: 26px; } blockquote, #root blockquote { padding: 0; } q, blockquote { font-size: var(--size_16_f); } blockquote p + .size-14 { margin-top: -7px; } /*.check { }*/ .check input[type="radio"]:checked ~ label:after { box-shadow: inset 0 -3px 0 var(--white), inset 0 3px 0 var(--white), inset 3px 0 0 var(--white), inset -3px 0 0 var(--white); outline: none; } #root .cols.aside { width: auto+; padding-left: 0; padding-right: 0; } #root .cols.aside > *, #root .cols:not(.cols-mobile, .link-btn) > * { width: 100%; margin-left: 0; margin-right: 0; } #root .link-btn.cols > * { width: auto; } .cols.b30 { margin-left: -20px; } .cols.b30 > * { border-left-width: 20px; } /*.cols.b50 { }*/ #root .cols.b50 > *, #root .cols > *:first-child:last-child, #root .f8lg .cols > *, .l4ne li, #root .f8cm .cols > *, #root .cols.b75 > * { float: none; width: 100%; } .js .countdown, .js #root .countdown { width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 7px; } .js .countdown { margin-top: 24px; } span.countdown { margin-left: 0; margin-right: 0; } .js .countdown.compact, .js #root .countdown.compact { width: auto; margin: 0; } /*.form-cart { }*/ .form-cart aside .input-show + * { margin-top: -8px; padding-top: 18px; } .form-cart aside .input-show.toggle + * { margin-top: -18px; } .form-cart .link-btn.mobile-sticky { display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 997; margin: 0; padding: 6px var(--rpp) .1px; box-shadow: 0 -3px 6px rgba(0,0,0,.06); background: var(--white); } .form-cart .link-btn.mobile-sticky > * { display: none; float: none; width: 100%; margin: 0 0 6px; } .form-cart .link-btn.mobile-sticky > *:first-child { display: block; } /*.form-cart .link-btn button[type="submit"] { position: fixed; left: var(--rpp); right: var(--rpp); bottom: 6px; z-index: 999; width: calc(100% - 32px); height: 46px; margin: 0; padding-top: 0; padding-bottom: 0; } .form-cart .link-btn button[type="submit"]:after { content: ""; display: block; position: absolute; left: var(--rpn); top: -6px; bottom: -6px; right: var(--rpn); z-index: -5; box-shadow: 0 -3px 6px rgba(0,0,0,.06); background: var(--white); }*/ /*.f8cm { }*/ .f8cm h1, .f8cm h2, .f8cm h3, .f8cm h4, .f8cm h5, .f8cm h6 { margin-bottom: var(--main_mr); } .f8nw { margin-top: 32px; margin-bottom: 32px; } /*.f8nw header > p:last-child { margin-bottom: 12px; } .f8nw h1, .f8nw h2, .f8nw h3, .f8nw h4, .f8nw h5, .f8nw h6 { margin-bottom: 13px; font-size: var(--size_20_f); } .f8nw p { border-width: 0; } .f8nw > div, .f8nw fieldset > div { display: block; position: relative; width: calc(100% - 55px); } .f8nw > div .submit, .f8nw fieldset > div .submit { display: block; position: absolute; right: -55px; top: 0; margin: 0; border-width: 0; } .f8nw input { width: 100%; }*/ /*.f8pr { }*/ .f8pr .submit, .f8pr .link-btn { max-width: none; } /*.has-anchor { }*/ .has-anchor .anchor[id], .t1nn .has-anchor .anchor[id], .t1mn .has-anchor .anchor[id] { top: -112px; } .t1sn .has-anchor .anchor[id] { top: -10px; } hr { margin-bottom: 25px; } .l4sc + hr { margin-top: -5px; } /*.input-info { }*/ #root .input-info input + span, #root .input-info select + span, #root .input-info textarea + span { display: block; position: relative; left: 0; right: 0; width: auto; min-height: 0; margin-top: 6px; padding: 0; } /*.input-show { }*/ .input-show label, .js .input-show.toggle label { margin-bottom: 4px; } label .text-end i, .label .text-end i { margin-left: 12px; } .link-btn { margin-bottom: 12px; } button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a { min-width: 120px; } .link-btn a.wide, .submit .wide { min-width: 0; width: 100%; } .link-btn + h1, .link-btn + h2, .link-btn + h3, .link-btn + h4, .link-btn + h5, .link-btn + h6, .link-btn.tags + h1, .link-btn.tags + h2, .link-btn.tags + h3, .link-btn.tags + h4, .link-btn.tags + h5, .link-btn.tags + h6, .link-btn.tags + .mobile-hide + h1, .link-btn.tags + .mobile-hide + h2, .link-btn.tags + .mobile-hide + h3, .link-btn.tags + .mobile-hide + h4, .link-btn.tags + .mobile-hide + h5, .link-btn.tags + .mobile-hide + h6, .link-btn + .mobile-hide + h1, .link-btn + .mobile-hide + h2, .link-btn + .mobile-hide + h3, .link-btn + .mobile-hide + h4, .link-btn + .mobile-hide + h5, .link-btn + .mobile-hide + h6 { margin-top: 24px; } .link-btn a.inline-mobile { min-width: 0; padding: 0; box-shadow: none; border-radius: 0; border-width: 0; background: none; color: var(--secondary_bg); font-size: 1em; } #root .link-btn a.inline-mobile { -webkit-animation: none; animation: none; } [data-whatin="mouse"] #root .link-btn a.inline-mobile:hover { background: none; text-decoration: underline; } #root .link-btn .mobile-hide + i, #root button .mobile-hide + i, #root .submit .mobile-hide + i { margin-left: 0; margin-right: 0; } .link-btn.tags { overflow-x: auto; overflow-y: hidden; margin-left: var(--rpn); margin-right: var(--rpn); margin-bottom: 12px; white-space: nowrap; } #root .link-btn.tags a { margin-bottom: 8px; } .link-btn.tags a { -webkit-flex: 10 0 auto; flex: 10 0 auto; } .link-btn.tags a:first-child { margin-left: var(--rpp); } /*.link-more { }*/ p + p > .link-more:first-child, .js .link-more-clicked p + p > a.link-more[data-no="1"]:first-child { margin-top: -20px; } /*.l4ad { }*/ .l4ad li { margin-bottom: var(--main_mr); } #root .l4ad h1, #root .l4ad h2, #root .l4ad h3, #root .l4ad h4, #root .l4ad h5, #root .l4ad h6 { margin-bottom: 13px; font-size: 1.0714285714em; } .l4ad p, .l4ad ul { margin-bottom: 11px; } .l4ad .l4cn { margin-bottom: 2px; } /*.l4al { }*/ #root > .l4al, html #root > .l4al { left: 0; right: 0; bottom: 0; top: auto; width: auto; min-width: 0; } #root > .l4al li { margin: 0; } #root > .l4al li:after, #root > .l4al li:before { border-radius: 0; } .l4al + .l4ca { margin-top: -8px; } .l4as.caption { padding-left: 92px; padding-top: 0; } .l4ca { } .l4ca li, .l4ca.compact li, .l4ca.summary li, .popup-a .l4ca li { display: block; min-height: 83px; padding: 10px 0 .1px 76px; } #root .l4ca li > * { padding-left: 0; padding-right: 0; } #root .l4ca li.no-img { padding-left: 10px; padding-right: 0; } /*.l4ca li > div, .l4ca li > section, #root .l4ca p { display: none; }*/ .l4ca li > div:first-child, .l4ca li > section:first-child, #root .l4ca li > section:first-child ~ p, .l4ca.summary li > section:first-child, .l4ca.summary li > section:first-child ~ *, .l4ca.summary li > section:first-child ~ p { margin-left: -80px; padding-left: 0; } .l4ca li:last-child { border-bottom-width: 0; } .l4ca.portrait li, .l4ca.compact.portrait li, .l4ca.summary.portrait li, .l4ca li.portrait, .l4ca.compact li.portrait, .l4ca.summary li.portrait, .popup-a .l4ca.portrait li, .popup-a .l4ca li.portrait { min-height: 95px; } .l4ca.landscape li, .l4ca.compact.landscape li, .l4ca.summary.landscape li, .l4ca li.landscape, .l4ca.compact li.landscape, .l4ca.summary li.landscape, .popup-a .l4ca.landscape li, .popup-a .l4ca li.landscape { min-height: 71px; } .l4ca .price, #root .l4ca.compact section .price { font-size: var(--size_12_f); } .l4ca figure, .l4ca.summary figure, .popup-a .l4ca figure { position: absolute; left: 10px; top: 16px; bottom: auto; width: 50px; height: 50px; } .l4ca.portrait figure, .l4ca.summary.portrait figure, .popup-a .l4ca.portrait figure, .l4ca .portrait figure, .l4ca.summary .portrait figure, .popup-a .l4ca .portrait figure { height: 63px; } .l4ca.landscape figure, .l4ca.summary.landscape figure, .popup-a .l4ca.landscape figure, .l4ca .landscape figure, .l4ca.summary .landscape figure, .popup-a .l4ca .landscape figure { height: 38px; } .l4ca h1, .l4ca h2, .l4ca h3, .l4ca h4, .l4ca h5, .l4ca h6 { overflow: hidden; margin-bottom: 2px; padding: 0; text-overflow: ellipsis; white-space: nowrap; } .l4ca header { margin-bottom: 16px; } .l4ca header h1, .l4ca header h2, .l4ca header h3, .l4ca header h4, .l4ca header h5, .l4ca header h6, .l4ca header h1 a, .l4ca header h2 a, .l4ca header h3 a, .l4ca header h4 a, .l4c aheader h5 a, .l4ca header h6 a { overflow: visible; text-overflow: inherit; white-space: normal; } .l4ca header .price { margin-bottom: 0; } .l4ca h1 a, .l4ca h2 a, .l4ca h3 a, .l4ca h4 a, .l4ca h5 a, .l4ca h6 a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*.l4ca ul, .l4ca section ul, .l4ca footer ul, .l4ca.compact ul { display: block; overflow: hidden; margin-right: 0; text-overflow: ellipsis; white-space: nowrap; } .l4ca ul li, .l4ca section ul li, .l4ca footer ul li, .l4ca.compact footer ul li, .l4ca.compact ul li { display: inline; margin-right: 15px; } .l4ca ul li:before, .l4ca section ul li:before, .l4ca footer ul li:before { top: 0; height: 18px; margin-top: 0; line-height: 18px; }*/ .l4ca p { margin-bottom: 15px; } .l4ca .price span { display: inline; } .l4ca section { margin-bottom: 7px; } .l4ca section ul, .l4ca section p { margin-bottom: 2px; } #root .l4ca .price, #root .l4ca.compact section .price { display: block; position: relative; left: 0; right: 0; top: 0; width: 100%; padding-left: 0; padding-right: 0; line-height: var(--main_lh_l); } .l4ca footer { margin-right: -80px; margin-top: 7px; } #root .l4ca footer > * { margin-right: 14px; padding-left: 0; padding-right: 0; } .l4ca footer p a { display: block; color: var(--coal); } .l4ca footer p a i { display: inline-block; position: relative; top: .15em; margin-right: 4px; color: var(--gray); line-height: 1px; } .l4ca + *, .l4ca + h1, .l4ca + h2, .l4ca + h3, .l4ca + h4, .l4ca + h5, .l4ca + h6 { margin-top: 0; padding-top: 25px; border-top: 1px solid var(--gallery); } .l4ca:last-child { margin-bottom: 9px; } .l4ca.compact { margin-bottom: 13px; } .l4ca.compact footer { margin-bottom: 0; padding-top: 0; } .l4ca.summary { margin-bottom: 0; } .l4ca.summary li { padding-right: 0; } .l4ca.summary section { margin-bottom: 6px; } .l4ca.summary h1, .l4ca.summary h2, .l4ca.summary h3, .l4ca.summary h4, .l4ca.summary h5, .l4ca.summary h6 { padding-left: 0 !important; padding-right: 0 !important; } #root .l4ca.summary .price { padding-left: 0; padding-right: 0; } .l4cl { overflow-x: auto; overflow-y: hidden; margin-top: 0; margin-left: var(--rpn); margin-right: var(--rpn); margin-bottom: 16px; } .l4cl { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #root .l4cl.mobile-compact li, #root .l4cl.mobile-compact .li { width: 170px; min-width: 170px; max-width: 170px; margin-bottom: 8px; } #root .l4cl li, #root .l4cl .li { width: 170px; min-width: 170px; max-width: 170px; margin-bottom: 8px; } #root .l4cl.s4wi .li { border-left-width: var(--rpp); } #root .l4cl li:last-child, #root .l4cl.s4wi .swiper-slide:last-child .li, #root .l4cl.mobile-compact li:last-child, #root .l4cl.mobile-compact.s4wi .swiper-slide:last-child .li { width: 186px; min-width: 186px; max-width: 186px; border-right-width: var(--rpp); border-left-width: var(--rpp); } .l4cl h1 .small, .l4cl h2 .small, .l4cl h3 .small, .l4cl h4 .small, .l4cl h5 .small, .l4cl h6 .small { margin-bottom: 4px; } #root .l4cl figure { height: 141px; margin-bottom: 18px; } #root .l4cl.portrait figure, #root .l4cl .portrait figure { height: 174px; } #root .l4cl.landscape figure, #root .l4cl .landscape figure { height: 105px; } .l4cl figure > span span.rounded, .l4pr li > span span.rounded, .l4pr li > a span span.rounded, .l4pr .swiper-outer > .label span.rounded, .s1lb > span.rounded { display: block; width: auto; height: auto; padding: 4px 10px; border-radius: var(--b2r); font-size: var(--size_12_f); } .l4cl figure > span span.rounded .text-uppercase, .l4pr li > span span.rounded .text-uppercase, .l4pr li > a span span.rounded .text-uppercase, .l4pr .swiper-outer > .label span.rounded .text-uppercase, .s1lb > span.rounded .text-uppercase { text-transform: none; } .l4cl figure > span span.rounded span.strong, .l4pr li > span span.rounded span.strong, .l4pr li > a span span.rounded span.strong, .l4pr .swiper-outer > .label span.rounded span.strong, .s1lb > span.rounded span.strong { display: inline; font-size: 1em; } .l4cl figure + h1, .l4cl figure + h2, .l4cl figure + h3, .l4cl figure + h4, .l4cl figure + h5, .l4cl figure + h6 { margin-top: 4px; } .l4cl + p:last-child, .l4ft + p:last-child, .l4ne + p:last-child { margin-bottom: 25px; } .l4cl .link-btn a { position: relative; left: 0; min-width: 0; /*padding: 14px 15px;*/ } .l4cl + p, .l4ft + p, .l4ne + p { margin-top: -6px; } .l4cl .info { /*overflow: hidden; z-index: 1; max-height: 54px;*/} /*.l4cl .info p:last-child { margin-bottom: 18px; }*/ .l4cl + .n6pg { margin-top: -17px; } .l4cl + .link-btn { margin-top: -12px; } .cols + .l4cl, .cols+ .l4ne { margin-top: 10px; } .l4cl.hr { margin-left: 0; margin-right: 0; } .l4cl.hr .submit { max-width: none; } /*.l4cl.hr button, .l4cl.hr .link-btn a { width: auto; min-width: 70px; max-width: none; } .l4cl.hr button, .l4cl.hr .link-btn a { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; }*/ #root .l4cl.w100-mobile li, #root .m6cl .l4cl.w100-mobile li, #root .l4cl.w100-mobile .li, #root .m6cl .l4cl.w100-mobile .li, #root .m6cl .l4cl.w100-mobile .swiper-slide, #root .l4cl.w100-mobile li:first-child, #root .m6cl .l4cl.w100-mobile li:first-child, #root .l4cl.w100-mobile .li:first-child, #root .m6cl .l4cl.w100-mobile .li:first-child, #root .l4cl.w100-mobile li:last-child, #root .m6cl .l4cl.w100-mobile li:last-child, #root .l4cl.w100-mobile .li:last-child, #root .m6cl .l4cl.w100-mobile .li:last-child { width: 100%; } /*.l4cl.inline { }*/ #root .l4cl.inline li, #root .l4cl.inline .li { width: auto; min-width: inherit; max-width: none; } #root .l4ft figure, #root .l4ft.cols figure { border-radius: 0; } .l4cl.inline img { max-width: none !important; } .l4cl.hr:not(.mobile-compact), #root .m6ac .l4cl.hr:not(.mobile-compact) { display: block; overflow: visible; max-height: none; margin-left: 0; /*margin-left: var(--rpn); margin-right: var(--rpn); } #root .l4cl.hr li, #root .l4cl.hr .li { width: 314px; min-width: 314px; max-width: 314px; min-height: 102px; margin: 0 0 8px; padding: 4px 114px 4px 0; } #root .l4cl.hr li:last-child, #root .l4cl.hr .li:last-child { width: 330px; min-width: 330px; max-width: 330px; } #root .l4cl.hr.portrait li, #root .l4cl.hr li.portrait, #root .l4cl.hr.portrait .li, #root .l4cl.hr .li.portrait { min-height: 128px; } #root .l4cl.hr.landscape li, #root .l4cl.hr li.landscape, #root .l4cl.hr.landscape .li, #root .l4cl.hr .li.landscape { min-height: 80px; } .l4cl.hr li:before { left: -9px; border-width: 0; border-left-width: 1px; } #root .l4cl.hr figure { top: 0; bottom: 0; width: 102px;*/ } #root .l4cl.hr:not(.mobile-compact) li, #root .l4cl.hr:not(.mobile-compact) .li { width: 100%; min-width: 0; max-width: none; border-left-width: 0; border-right-width: 0; } #root .l4cl.hr:not(.mobile-compact) li:first-child:before { display: block; } .l4cl.hr.mobile-compact, #root .m6ac .l4cl.hr.mobile-compact { margin-left: var(--rpn); margin-right: var(--rpn); } #root .l4cl.hr.mobile-compact li, #root .l4cl.hr .li { width: 314px; min-width: 314px; max-width: 314px; min-height: 102px; margin: 0 0 8px; padding: 4px 114px 4px 0; } #root .l4cl.hr.mobile-compact li:last-child, #root .l4cl.hr.mobile-compact .li:last-child { width: 330px; min-width: 330px; max-width: 330px; } #root .l4cl.hr.mobile-compact.portrait li, #root .l4cl.hr.mobile-compact li.portrait, #root .l4cl.hr.mobile-compact.portrait .li, #root .l4cl.hr.mobile-compact .li.portrait { min-height: 128px; } #root .l4cl.hr.mobile-compact.landscape li, #root .l4cl.hr.mobile-compact li.landscape, #root .l4cl.hr.mobile-compact.landscape .li, #root .l4cl.hr.mobile-compact .li.landscape { min-height: 80px; } .l4cl.hr.mobile-compact li:before { left: -9px; border-width: 0; border-left-width: 1px; } #root .l4cl.hr.mobile-compact figure { top: 0; bottom: 0; width: 102px; height: auto; margin: 0; } .l4cl.mobile-compact + .link-btn { margin-top: 0; } /*.l4cl.list { }*/ .l4cl.list li, .l4cl.list .li { min-height: 156px; padding-top: 19px; padding-bottom: 17px; padding-left: 134px; } .l4cl.list.portrait li, .l4cl.list.portrait .li, .l4cl.list li.portrait, .l4cl.list .li.portrait { min-height: 186px; } .l4cl.list.landscape li, .l4cl.list.landscape .li, .l4cl.list li.landscape, .l4cl.list .li.landscape { min-height: 127px; } #root .l4ca section header .price { width: auto; } #root .l4cl.list li > * { padding-left: 0; padding-right: 0; } #root .l4cl.list li > .link-btn { margin-right: -16px; } #root .l4cl.list figure, #root .m6cl .l4cl.list figure { width: 119px; height: 119px; } #root .l4cl.list.portrait figure, #root .l4cl.list .portrait figure { height: 149px; } #root .l4cl.list.landscape figure, #root .l4cl.list .landscape figure { height: 90px; } .l4cl.s4wi { /*overflow: hidden;*/ margin-left: var(--rpn); } .l4cl.s4wi .swiper-wrapper { /*display: block; overflow-y: hidden; overflow-x: auto; width: auto;*/ height: auto !important; } .l4cl.s4wi .swiper-wrapper { -webkit-transform: none !important; transform: none !important; } .l4cl.s4wi .swiper-wrapper, .l4cl.s4wi .swiper-slide { -webkit-align-items: stretch; align-items: stretch; } .l4cl.s4wi .swiper-slide { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .l4cl.s4wi .swiper-slide { width: auto !important; margin: 0 !important; } #root .l4cl .swiper-slide-duplicate, #root .l4cl .swiper-button-prev, #root .l4cl .swiper-button-next { display: none; } .l4cl.wide, #root .l4cl.wide { overflow-x: auto; overflow-y: hidden; width: auto; margin-left: var(--rpn); margin-right: var(--rpn); } #root .l4cl.wide li, #root .l4cl.wide .li { display: block; width: 298px; min-width: 298px; max-width: 298px; padding: 11px 65px 5px 76px; border-right-width: var(--rpp); border-left-width: 0; } #root .l4cl.wide li:first-child, #root .l4cl.wide .li:first-child { width: 314px; min-width: 314px; max-width: 314px; border-left-width: var(--rpp); } #root .l4cl.wide figure, #root .popup-a .m6ca .l4cl figure { position: absolute; left: var(--rpp); top: 16px; bottom: auto; width: 46px; min-width: 0; max-width: none; height: 46px; margin: 0; padding: 0; } #root .l4cl.wide.portrait figure, #root .l4cl.wide .portrait figure, #root .popup-a .m6ca .l4cl.portrait figure, #root .popup-a .m6ca .l4cl .portrait figure { height: 58px; } #root .l4cl.wide.landscape figure, #root .l4cl.wide .landscape figure, #root .popup-a .m6ca .l4cl.landscape figure, #root .popup-a .m6ca .l4cl .landscape figure { height: 35px; } #root .l4cl.wide li > div, #root .l4cl.wide .li > div { max-width: none; margin: 0; } #root .l4cl.wide .price { margin-top: 1px; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .l4cl.wide .link-btn { position: absolute; left: auto; right: var(--rpp); top: 50%; margin-top: -22px; margin-right: 0; } .l4cl.wide .link-btn a { margin: 0; } #root .l4cl.mobile-wide { overflow: visible; margin-left: var(--rpn); margin-right: 0; } #root .l4cl.mobile-wide li, #root .l4cl.mobile-wide .li, #root .l4cl.mobile-wide li:first-child, #root .l4cl.mobile-wide li:last-child, #root .l4cl.mobile-wide .li:first-child, #root .l4cl.mobile-wide .li:last-child, #root .l4cl.mobile-wide .swiper-slide:last-child .li, #root .l4cl.mobile-wide .swiper-slide { width: 50%; min-width: 0; max-width: none; margin-bottom: 25px; border: 0 solid rgba(0,0,0,0); border-left-width: var(--rpp); } #root .l4cl.mobile-wide.s4wi .swiper-slide { width: 50% !important; } #root .l4cl.mobile-wide.s4wi .swiper-slide li, #root .l4cl.mobile-wide.s4wi .swiper-slide .li { width: 100%; border-width: 0; } #root .l4cl.mobile-wide.list li, #root .l4cl.mobile-wide.list .li, #root .l4cl.mobile-wide.list li:first-child, #root .l4cl.mobile-wide.list li:last-child, #root .l4cl.mobile-wide.list .li:first-child, #root .l4cl.mobile-wide.list .li:last-child { width: 100%; margin: 0; } .l4cl.mobile-wide.s4wi .swiper-wrapper { overflow: visible; } .l4cl.mobile-wide.s4wi .swiper-wrapper { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .l4cl.mobile-wide { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .l4cu { /*overflow-x: auto; overflow-y: hidden; margin: 0 -16px; white-space: nowrap;*/ margin: 0 0 0 var(--rpn); } .l4cu li { border-left-width: var(--rpp); } /*.l4cu li { margin: 0 0 4px; border-left-width: 36px; } .l4cu li:first-child { border-left-width: 16px; } .l4cu li:last-child { border-right: 16px solid rgba(0,0,0,0); }*/ .l4cu li > span { margin-bottom: 8px; font-size: var(--size_24_f); } /*.l4cu.box { }*/ .l4cu.box li { width: 50%; max-width: none; } .l4cu.box li + li { margin-top: -16px; } .l4cu.box li:first-child + li { margin-top: 0; } .l4ft { display: block; height: auto !important; margin-top: 20px; margin-bottom: 32px; } #root .l4ft li, #root .l4ft.cols li { position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; float: none; width: auto; min-height: 0; margin: 0 var(--rpn) 16px; padding: 0; } #root .l4ft li.inline, #root .l4ft.cols li.inline { padding-top: 20px; padding-bottom: 9px; } #root .l4ft li { -webkit-transform: none !important; transform: none !important; } .l4ft li:before { border-radius: 0; } /*#root .l4ft li.w12, #root .l4ft li.w14, #root .l4ft li.w16, #root .l4ft li.w20, #root .l4ft li.w25,*/ #root .l4ft li.mobile-box, #root .l4ft.mobile-box li { margin-left: 0; margin-right: 0; } /*#root .l4ft li.mobile-box > div, #root .l4ft.mobile-box li > div { padding-top: 28px; padding-bottom: 16px; }*/ #root .l4ft li > div { padding: 40px var(--rpp) 28px; } /*.l4ft h1, .l4ft h2, .l4ft h3, .l4ft h4, .l4ft h5, .l4ft h6 { font-size: var(--size_24_f); }*/ /*.l4ft li.w25 h1, .l4ft li.w25 h2, .l4ft li.w25 h3, .l4ft li.w25 h4, .l4ft li.w25 h5, .l4ft li.w25 h6, .l4ft li.w20 h1, .l4ft li.w20 h2, .l4ft li.w20 h3, .l4ft li.w20 h4, .l4ft li.w20 h5, .l4ft li.w20 h6, .l4ft.w20 h1, .l4ft.w20 h2, .l4ft.w20 h3, .l4ft.w20 h4, .l4ft.w20 h5, .l4ft.w20 h6, .l4ft.w25 h1, .l4ft.w25 h2, .l4ft.w25 h3, .l4ft.w25 h4, .l4ft.w25 h5, .l4ft.w25 h6, .l4ft li.w12 h1, .l4ft li.w12 h2, .l4ft li.w12 h3, .l4ft li.w12 h4, .l4ft li.w12 h5, .l4ft li.w12 h6, .l4ft li.w14 h1, .l4ft li.w14 h2, .l4ft li.w14 h3, .l4ft li.w14 h4, .l4ft li.w14 h5, .l4ft li.w14 h6, .l4ft li.w16 h1, .l4ft li.w16 h2, .l4ft li.w16 h3, .l4ft li.w16 h4, .l4ft li.w16 h5, .l4ft li.w16 h6, .l4ft.w12 h1, .l4ft.w12 h2, .l4ft.w12 h3, .l4ft.w12 h4, .l4ft.w12 h5, .l4ft.w12 h6, .l4ft.w14 h1, .l4ft.w14 h2, .l4ft.w14 h3, .l4ft.w14 h4, .l4ft.w14 h5, .l4ft.w14 h6, .l4ft.w16 h1, .l4ft.w16 h2, .l4ft.w16 h3, .l4ft.w16 h4, .l4ft.w16 h5, .l4ft.w16 h6 { margin-bottom: 0; font-size: var(--size_16_f); }*/ .l4ft + p, .l4ft + .l4ft { margin-top: -16px; } #root .l4ft.size-xs li, #root .l4ft li.size-xs { min-height: 50vw; } #root .l4ft.size-s li, #root .l4ft li.size-s { min-height: 75vw; } #root .l4ft.size-m li, #root .l4ft li.size-m { min-height: 100vw; } #root .l4ft.size-l li, #root .l4ft li.size-l { min-height: 125vw; } #root .l4ft[class*="size-"].size-xs-mobile li, #root .l4ft li[class*="size-"].size-xs-mobile { min-height: 50vw; } #root .l4ft[class*="size-"].size-s-mobile li, #root .l4ft li[class*="size-"].size-s-mobile { min-height: 75vw; } #root .l4ft[class*="size-"].size-m-mobile li, #root .l4ft li[class*="size-"].size-m-mobile { min-height: 100vw; } #root .l4ft[class*="size-"].size-l-mobile li, #root .l4ft li[class*="size-"].size-l-mobile { min-height: 125vw; } /*#root .l4ft.size-xs-mobile li > div, #root .l4ft li.size-xs-mobile > div, #root .l4ft.size-xs li > div, #root .l4ft li.size-xs > div { padding-top: 28px; padding-bottom: 16px; }*/ /*#root .l4ft.size-xs-mobile:not(.mobile-compact) li, #root .l4ft:not(.mobile-compact) li.size-xs-mobile, #root .l4ft.size-xs:not(.mobile-compact) li, #root .l4ft:not(.mobile-compact) li.size-xs { min-height: 50vw; } #root .l4ft.size-s-mobile:not(.mobile-compact) li, #root .l4ft:not(.mobile-compact) li.size-s-mobile, #root .l4ft.size-s:not(.mobile-compact) li, #root .l4ft:not(.mobile-compact) li.size-s { min-height: 75vw; } #root .l4ft.size-m-mobile:not(.mobile-compact) li, #root .l4ft:not(.mobile-compact) li.size-m-mobile, #root .l4ft.size-m:not(.mobile-compact) li, #root .l4ft:not(.mobile-compact) li.size-m { min-height: 100vw; } #root .l4ft.size-l-mobile:not(.mobile-compact) li, #root .l4ft:not(.mobile-compact) li.size-l-mobile, #root .l4ft.size-l:not(.mobile-compact) li, #root .l4ft:not(.mobile-compact) li.size-l { min-height: 125vw; }*/ .cols + .l4ft { margin-top: 0; } .l4ft.cols { display: block; } .l4ft li.overlay { width: auto !important; } .l4ft.cols li > div, .l4ft li.overlay > div { position: relative; } .l4ft.cols li > img, .l4ft.cols li > picture, .l4ft.cols li > a > img, .l4ft.cols li > a > picture, .l4ft li.overlay > img, .l4ft li.overlay > picture, .l4ft li.overlay > figure, .l4ft li.overlay > a > img, .l4ft li.overlay > a > picture, .l4ft.cols li > figure { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; height: 100% !important; } #root .l4ft.cols li > img, #root .l4ft.cols li > a > img, #root .l4ft li.overlay > img, #root .l4ft li.overlay > a > img { height: 100% !important; } .l4ft.cols li > img:first-child:last-child, .l4ft.cols li > picture:first-child:last-child, .l4ft.cols li > a:first-child:last-child > img, .l4ft.cols li > a:first-child:last-child > picture, .l4ft li.overlay > img:first-child:last-child, .l4ft li.overlay > picture:first-child:last-child, .l4ft li.overlay > a:first-child:last-child > img, .l4ft li.overlay > a:first-child:last-child > picture, .l4ft.cols li > figure:first-child:last-child, .l4ft li.overlay > figure:first-child:last-child { position: relative; height: auto !important; } .l4in.slider { margin-left: var(--rpn); margin-right: var(--rpn); } .l4in.slider li, .l4in.slider li:first-child { border-left-width: var(--rpp); border-right-width: 0; } .l4in.slider li:last-child { border-right-width: var(--rpp); } .l4id, #root .l4id { padding-right: 0; padding-left: 0; border-left-width: 0; border-right-width: 0; } .l4id, .m6cl .l4id { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } .l4ne, .l4ne.featured, #root .l4ne.featured { overflow-x: auto; overflow-y: auto; margin-right: var(--rpn); margin-bottom: 16px; padding-left: 0; padding-right: 0; } .l4ne li { width: 224px; min-width: 224px; max-width: 224px; margin-bottom: 3px; } .l4ne li:last-child { width: 240px; min-width: 240px; max-width: 240px; border-right-width: var(--rpp); border-left-width: var(--rpp); } .l4ne figure { margin-bottom: 10px; } .l4ne h1, .l4ne h2, .l4ne h3, .l4ne h4, .l4ne h5, .l4ne h6, .l4ne.featured h1, .l4ne.featured h2, .l4ne.featured h3, .l4ne.featured h4, .l4ne.featured h5, .l4ne.featured h6 { margin-bottom: 1px; font-size: 1em; } .l4ne h1 .small, .l4ne h2 .small, .l4ne h3 .small, .l4ne h4 .small, .l4ne h5 .small, .l4ne h6 .small, #root .l4ne.featured h1 .small, #root .l4ne.featured h2 .small, #root .l4ne.featured h3 .small, #root .l4ne.featured h4 .small, #root .l4ne.featured h5 .small, #root .l4ne.featured h6 .small { margin-bottom: 4px; font-size: var(--size_12_f); } #root .l4ne.wide { overflow: visible; margin-left: var(--rpn); margin-right: 0; } #root .l4ne.wide li { width: 50%; min-width: 0; max-width: none; margin-top: 24px; border-right-width: 0; } #root .l4ne.wide li:first-child, #root .l4ne.wide li:first-child + li { margin-top: 0; } .l4pm { margin-right: -22px; } .l4pm li, #shopify-section-footer > div .l4pm li { margin-right: 22px; } .l4pr { max-width: none; } /*.l4pr li, .l4pr .li, .l4pr .swiper-button-next, .l4pr .swiper-button-prev { height: 245px; }*/ #root .l4pr, #root .m6pr .l4pr, #root .l4pr.s4wi, #root .m6pr .l4pr.s4wi { border-left-width: 0; border-right-width: 0; } .l4pr.s4wi .li { border: 0 solid rgba(0,0,0,0); /*border-left-width: 22px; border-right-width: 22px;*/ } .m6pr .l4pr.s4wi li > span, .m6pr .l4pr.s4wi li a > span, .m6pr .l4pr.s4wi > .label, .m6pr .l4pr.s4wi .li > span, .m6pr .l4pr.s4wi .li a > span { left: 0; } /*#root .l4pr li, #root .l4pr .li { padding-top: 0; } .l4pr li img, .l4pr .li img, .l4pr li picture, .l4pr .li picture, .l4pr li video, .l4pr .li video, .l4pr li iframe, .l4pr .li iframe, .l4pr li a, .l4pr .li a { position: relative; }*/ .l4pr .swiper-button-next, .l4pr .swiper-button-prev, .m6pr .l4pr .swiper-button-prev, .m6pr .l4pr .swiper-button-next { overflow: visible; width: var(--rpp); font-size: 8px; } .l4pr .swiper-button-next:after, .l4pr .swiper-button-prev:after, .m6pr .l4pr .swiper-button-prev:after, .m6pr .l4pr .swiper-button-next:after { left: -20px; right: -20px; } .l4pr li > span, .l4pr li a > span, .l4pr .swiper-outer > .label, .l4pr .li > span, .l4pr .li a > span { left: 10px; top: 10px; } .l4pr .swiper-button-next { left: auto; right: var(--rpn); } .l4pr .swiper-button-prev { right: auto; left: var(--rpn); } .l4pr .swiper-pagination-bullets { margin-right: -7px; } .l4pr .swiper-pagination-bullets { margin-bottom: 19px; } .l4pr .swiper-outer > .label, .l4pr .label { left: 0; } #root .l4pr.aside-pager.s4wi { padding-left: 0; padding-right: 0; } .l4pr.no-thumbs-mobile { } .l4pr.no-thumbs-mobile .swiper-custom-pagination { margin-top: 20px; } .l4pr.no-thumbs-mobile.s4wi .li, .l4pr.slider-fraction.s4wi .li { padding-left: 0; padding-right: 0; border-left-width: 0; border-right-width: 0; } .l4pr.no-thumbs-mobile .swiper-custom-fraction { display: block; width: auto; /*height: 30px; line-height: 30px;*/ } #root .l4pr.no-thumbs-mobile .swiper-button-prev, #root .l4pr.no-thumbs-mobile .swiper-button-next { display: block; position: relative; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; width: 27px; height: 30px !important; color: var(--coal); font-size: var(--size_12_f); } .l4pr.no-thumbs-mobile .swiper-button-prev:before { content: "\e96a"; } .l4pr.no-thumbs-mobile .swiper-button-next:before { content: "\e96b"; } #root .l4pr.no-thumbs-mobile .swiper-button-prev:after, #root .l4pr.no-thumbs-mobile .swiper-button-next:after { right: -9px; left: -9px; top: -7px; bottom: -7px; } .l4sc { margin-top: 17px; margin-right: -30px; } .l4sc li { margin-right: 30px; } .l4st { margin-top: 0; } .l4st li { width: 50%; } .l4st .li { width: 100%; } .l4st h1, .l4st h2, .l4st h3, .l4st h4, .l4st h5, .l4st h6 { margin: 0 0 5px; } .l4st h1 i, .l4st h2 i, .l4st h3 i, .l4st h4 i, .l4st h5 i, .l4st h6 i { margin-bottom: 14px; font-size: 36px; line-height: 44px; } .l4st h1 .icon-truck, .l4st h2 .icon-truck, .l4st h3 .icon-truck, .l4st h4 .icon-truck, .l4st h5 .icon-truck, .l4st h6 .icon-truck { font-size: 30px; } .l4st h1 .icon-shop, .l4st h2 .icon-shop, .l4st h3 .icon-shop, .l4st h4 .icon-shop, .l4st h5 .icon-shop, .l4st h6 .icon-shop { font-size: 34px; } .l4st h1 .icon-app, .l4st h2 .icon-app, .l4st h3 .icon-app, .l4st h4 .icon-app, .l4st h5 .icon-app, .l4st h6 .icon-app { font-size: 44px; } .l4ts { margin-top: 6px; margin-bottom: var(--rpp); } .l4ts li, .l4ts .li { width: 100%; margin-bottom: 26px; } .l4ts.box .swiper-slide li, .l4ts.box .swiper-slide .li { margin-bottom: 0; } .l4ts q, .l4ts.s4wi q { max-width: none; margin-bottom: 8px; padding: 0; border-width: 0; font-size: var(--size_16_f); line-height: 1.6111111111; } /*.l4ts.box .swiper-custom-pagination { padding-top: 4px; } .l4ts.box.slider-fraction .swiper-custom-pagination { padding-top: 10px; }*/ .l4ts.s4wi { margin-bottom: 6px; } .l4ts .swiper-pagination-bullets { margin-top: 0; } .l4ts.box .swiper-pagination-bullets { margin-top: 6px; } .l4ts.s4wi q { padding-left: 20px; padding-right: 20px; border-width: 0; } .l4ts .swiper-button-prev, .l4ts .swiper-button-next { display: block; bottom: 64px; } .l4ts.box .swiper-button-prev, .l4ts.box .swiper-button-next { bottom: 38px; } .l4tt { } .l4tt ~ .link-btn { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .l4tt ~ .link-btn.wide > span { width: auto; } .l4tt ~ .link-btn.wide > button, .l4tt ~ .link-btn.wide > a { width: auto; /*min-width: 144px;*/ } /*.l4tt { }*/ /*#root .cols > * > .l4tt:last-child { margin-bottom: 32px; padding-bottom: 10px; border-bottom: 1px solid var(--gallery); } #root .cols > *:last-child > .l4tt:last-child { margin-bottom: 20px; padding-bottom: 0; border-bottom-width: 0; }*/ #root .table-wrapper + .l4tt, #root table + .l4tt { margin-left: var(--rpn); margin-right: var(--rpn); margin-bottom: 32px; padding-bottom: 0; border-bottom: 1px solid var(--gallery); font-size: var(--size_12_f); } .table-wrapper + .l4tt li, table + .l4tt li { margin: 0; padding: 10px var(--rpp); border-top: 1px solid var(--gallery); font-size: 1em; } .table-wrapper + .l4tt li:first-child, table + .l4tt li:first-child { padding-top: 0; border-top-width: 0; } /*.l4us { }*/ .shopify-section > .l4us:last-child { margin-bottom: 32px; } .l4us.wide.s4wi { margin-left: var(--rpn); margin-right: var(--rpn); } .l4us.wide.s4wi .li { border: 0 solid rgba(0,0,0,0); border-left-width: var(--rpp); border-right-width: var(--rpp); } .l4us .swiper-button-prev { left: calc(var(--rpp) - 10px); } .l4us .swiper-button-next { right: calc(var(--rpp) - 10px); } .l4us.wide.s4wi .swiper-slide { padding-left: 0; padding-right: 0; /*padding-left: calc(var(--rpp) + 20px); padding-right: calc(var(--rpp) + 20px);*/ } #root .m20 { margin-bottom: 15px; } #root .m30 { margin-bottom: 25px; } #root .m0-mobile { margin-bottom: 0; } #root .m5-mobile { margin-bottom: 5px; } #root .m10-mobile { margin-bottom: 10px; } #root .m15-mobile { margin-bottom: 15px; } #root .m20-mobile { margin-bottom: 20px; } #root .m25-mobile { margin-bottom: 25px; } #root .m30-mobile { margin-bottom: 30px; } #root .m35-mobile { margin-bottom: 35px; } #root .m40-mobile { margin-bottom: 40px; } #root .m50-mobile { margin-bottom: 50px; } #root .m60-mobile { margin-bottom: 60px; } #root .m65-mobile { margin-bottom: 65px; } #root .m70-mobile { margin-bottom: 70px; } #root .m105-mobile { margin-bottom: 105px; } .mobile-text-center { text-align: center; } .m6as { display: block; margin-top: 26px; } .m6as:before { bottom: 0; } #root .m6as > * { width: auto; padding-left: 0; padding-right: 0; } #root .m6as > figure { margin-top: 0; margin-bottom: 22px; } #root .m6as figure.no-img { padding-top: 50%; } #root .m6as > figure, #root .m6as.overlay > figure { padding: 0; } .m6as p + p > a.strong:first-child, .m6as p + a.strong, .m6ac p + p > a.strong:first-child, .m6ac p + a.strong { margin-top: -8px; } /*.m6as h1, .m6as h2, .m6as h3, .m6as h4, .m6as h5, .m6as h6 { font-size: var(--size_20_f); }*/ /*.m6as.inv { }*/ .m6as.inv > figure { margin-top: 6px; } /*.m6as.overlay { }*/ #root .m6as.overlay > * { padding: 0 28px .1px; } .m6ac { margin-top: 26px; margin-bottom: 32px; } .m6ac, .m6ac .m6pr-compact { display: block; } #root .m6ac > *, #root .m6ac .m6pr-compact > * { width: 100%; } .m6ac .m6pr-compact/*, .m6ac .l4cl:last-child*/ { margin-bottom: -24px; } .m6ac .l4cl:last-child { margin-bottom: /*0*/ 22px; } .m6ac.mobile-inv .l4cl.hr { margin-top: -14px; } .m6ac .l4cl.hr:last-child, .m6ac .l4cl.mobile-compact:last-child { margin-bottom: 16px; } .m6ac.mobile-inv .l4cl.hr:last-child { margin-bottom: 0; } .m6bx { padding-left: var(--rpp); padding-right: var(--rpp); padding-top: 16px; } .m6bx > .size-20 { margin-bottom: 8px; font-size: var(--mob_h3); } .m6bx > *:last-child { margin-bottom: 11px; } .m6bx > .link-btn:last-child, .m6bx > .submit:last-child, .m6bx .l4cn.box:last-child { margin-bottom: 3px; } .m6bx + h1, .m6bx + h2, .m6bx + h3, .m6bx + h4, .m6bx + h5, .m6bx + h6 { margin-top: 32px; } #root .l4cl figure { height: auto; } #root .l4cl.portrait figure, #root .l4cl .portrait figure { height: auto; } #root .l4cl.landscape figure, #root .l4cl .landscape figure { height: auto; } /*#root .m6cl .l4cl figure { padding-top: 100%; } #root .m6cl .l4cl.portrait figure, #root .m6cl .l4cl .portrait figure { height: 55.38vw; } #root .m6cl .l4cl.landscape figure, #root .m6cl .l4cl .landscape figure { height: 55.38vw; }*/ /* f8fl-mobile.css */ .m6bx.size-s { padding-top: 34px; padding-bottom: 14px; } .m6bx.size-m { padding-top: 42px; padding-bottom: 22px; } .m6bx.size-l { padding-top: 76px; padding-bottom: 56px; } .m6cu { display: block; margin: 32px var(--rpn); padding-left: var(--rpp); padding-right: var(--rpp); } .m6cu > * { border-left-width: 0; } .m6cu h1, .m6cu h2, .m6cu h3, .m6cu h4, .m6cu h5, .m6cu h6 { margin-bottom: 12px; } .m6cu > .countdown { margin-top: 12px; } #root .m6cu p.countdown { margin-bottom: var(--main_mr); } .m6fr { margin-bottom: 32px; text-align: center; } .m6fr p + h1, .m6fr p + h2, .m6fr p + h3, .m6fr p + h4, .m6fr p + h5, .m6fr p + h6 { margin-top: 0; } .m6fr.wide { margin-left: var(--rpn); margin-right: var(--rpn); } #root .m6fr { margin-bottom: 32px; } .m6fr article { min-height: 220px; height: 100%; padding: 45px var(--rpp) 32px; text-align: center; } .m6fr.mobile-text-start article, .m6fr article.mobile-text-start { text-align: left; } .m6fr.mobile-text-end article, .m6fr article.mobile-text-end { text-align: right; } #root .m6fr article.aside { padding-left: var(--rpp); padding-right: var(--rpp); } /*.m6fr h1, .m6fr h2, .m6fr h3, .m6fr h4, .m6fr h5, .m6fr h6 { font-size: var(--size_24_f); }*/ .m6fr .link-btn { margin-top: 0; } .m6fr article.aside, .m6fr.wide article.aside { min-height: 0; padding-bottom: 22px; } .m6fr article.aside > * { max-width: none; } #root .m6fr article.aside figure { position: relative; left: 0; right: 0; margin-left: var(--rpn); margin-right: var(--rpn); margin-bottom: auto; border-bottom: 45px solid rgba(0,0,0,0); } #root .m6fr.s4wi article.aside figure { margin-left: var(--rpn); margin-right: var(--rpn); } .m6fr article.aside img, .m6fr article.aside picture { height: auto !important; } #root .m6fr article.aside > figure:first-child { margin-top: -45px; } #root .m6fr.wide article.aside > *, #root .m6fr article.aside > * { width: auto; min-width: 100%; } #root .m6fr.wide article.aside > figure, #root .m6fr article.aside > figure { width: calc(100% + var(--rpp) + var(--rpp)); } #root .m6fr.wide article.aside > .link-btn, #root .m6fr article.aside > .link-btn { min-width: calc(100% + 16px); } #root .m6fr article.aside > figure { height: 75vw; } #root .m6fr article.aside.size-xs-mobile > figure, #root .m6fr.size-xs-mobile article.aside > figure { height: 50vw; } #root .m6fr article.aside.size-s-mobile > figure, #root .m6fr.size-s-mobile article.aside > figure { height: 75vw; } #root .m6fr article.aside.size-m-mobile > figure, #root .m6fr.size-m-mobile article.aside > figure { height: 100vw; } #root .m6fr article.aside.size-l-mobile > figure, #root .m6fr.size-l-mobile article.aside > figure { height: 125vw; } .m6fr.wide + .m6wd, .m6wd + .m6fr.wide { margin-top: -32px; } html:not(.resized) .m6fr .swiper-slide { -webkit-align-self: stretch; align-self: stretch; } .m6fr .swiper-slide { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .m6fr .swiper-slide { -webkit-flex-direction: column; flex-direction: column; } .m6fr .swiper-slide { -webkit-justify-content: flex-end; justify-content: flex-end; } .m6fr .swiper-slide.has-aside { display: block; } .m6fr .swiper-slide.has-aside { -webkit-align-self: flex-start; align-self: flex-start; } .m6fr .swiper-pagination-bullets { bottom: 10px; } .m6fr.s4wi .swiper-slide article, .m6fr.s4wi article.aside, .m6fr.wide.s4wi article.aside { padding-bottom: 42px; } .m6fr .play-pause:before { bottom: 7px; font-size: 14px; } .m6fr.slider-fraction .swiper-custom-pagination { bottom: 6px; } #root .m6fr[data-autoplay]:not(.slider-fraction) .swiper-button-prev, #root .m6fr[data-autoplay]:not(.slider-fraction) .swiper-button-next { display: none; } /*.m6fr.wide { }*/ .m6fr.size-xs article, .m6fr article.size-xs, .m6fr.compact article, .m6fr article.compact { min-height: 220px; } .m6fr.size-s article, .m6fr article.size-s { min-height: 370px; } .m6fr.size-m article, .m6fr article.size-m { min-height: 450px; } .m6fr.size-l article, .m6fr article.size-l { min-height: 520px; } .m6fr.size-xs-mobile article:not(.aside), .m6fr article.size-xs-mobile:not(.aside) { min-height: 220px; } .m6fr.size-s-mobile article:not(.aside), .m6fr article.size-s-mobile:not(.aside) { min-height: 370px; } .m6fr.size-m-mobile article:not(.aside), .m6fr article.size-m-mobile:not(.aside) { min-height: 450px; } .m6fr.size-l-mobile article:not(.aside), .m6fr article.size-l-mobile:not(.aside) { min-height: 520px; } /*#root .l4ft[class*="size-"].size-xs-mobile li, #root .l4ft li[class*="size-"].size-xs-mobile { min-height: 50vw; } #root .l4ft[class*="size-"].size-s-mobile li, #root .l4ft li[class*="size-"].size-s-mobile { min-height: 75vw; } #root .l4ft[class*="size-"].size-m-mobile li, #root .l4ft li[class*="size-"].size-m-mobile { min-height: 100vw; } #root .l4ft[class*="size-"].size-l-mobile li, #root .l4ft li[class*="size-"].size-l-mobile { min-height: 125vw; }*/ .m6fr.wide .swiper-slide article { padding-left: var(--rpp); padding-right: var(--rpp); } #root .m6fr.wide .swiper-button-next, #root .m6fr.wide .swiper-button-prev { top: auto; bottom: 0; } #root .m6fr.wide:not(.slider-fraction) .swiper-button-next, #root .m6fr.wide:not(.slider-fraction) .swiper-button-prev { overflow: visible; width: 37px; height: 44px; } #root .m6fr.wide:not(.slider-fraction) .swiper-button-next:after, #root .m6fr.wide:not(.slider-fraction) .swiper-button-prev:after { content: ""; display: block; position: absolute; left: -7px; right: -7px; top: 0; bottom: 0; } .m6pr { margin-bottom: 0; } /*#root .m6pr > header h1.m5, #root .m6pr > header h2.m5, #root .m6pr > header h3.m5, #root .m6pr > header h4.m5, #root .m6pr > header h5.m5, #root .m6pr > header h6.m5 { margin-bottom: 3px; }*/ .m6pr .l4dr { margin-right: -18px; } .m6pr .l4dr li { margin-right: 18px; } .m6pr header h1, .m6pr header h2, .m6pr header h3, .m6pr header h4, .m6pr header h5, .m6pr header h6 { font-size: var(--mob_h2); } .m6pr .l4pr .swiper-outer a[href^="#model-3d"] + [data-shopify-xr] { bottom: 0 !important; } .m6tb { margin-top: /*-11px*/ 0; margin-bottom: 0; } .m6tb > div > * { margin: 0; } .m6tb .tabs-inner { margin-bottom: -18px; } .m6tb .tabs-inner > .cols:last-child { margin-bottom: 35px; margin-left: 0; /*border-bottom: 1px solid var(--gallery);*/ } #root .m6tb .tabs-inner > .cols:last-child > * { border-left-width: 0; } .m6tb > div > *:last-child .tabs-inner { margin-bottom: -8px; } .m6tb .tabs-header { font-size: var(--mob_h2); font-family: var(--main_ff_h); } .m6pr > .m6tb:last-child { /*margin-bottom: 11px;*/ } .m6tb + *, .recently-viewed-products { margin-top: 26px; } .with-mobile-tab { margin-bottom: 26px; } .with-mobile-tab + .with-mobile-tab { margin-top: -26px; } /*.m6tb.compact { }*/ .m6tb.compact > nav ul { margin-right: -22px; } .m6tb.compact > nav ul li { margin-right: 22px; } .m6wd, .m6wd.large { margin-top: 32px; margin-bottom: 32px; padding-top: 24px; padding-bottom: 4px; } .m6wd > .l4ne.featured:last-child { margin-bottom: 12px; } .n6br { min-height: 10px; } #root .n6br ul, #root .n6br ol, #root .n6br p { margin-bottom: 8px; } /*#root .n6br > p.mobile-only { display: block; position: absolute; left: auto; right: var(--rpn); top: 0; z-index: 9; } .n6br > p.mobile-only a { display: block; overflow: hidden; width: 45px; height: 45px; color: var(--gray_text); font-size: 12px; text-indent: -3000em; text-align: left; direction: ltr; } .n6br > p.mobile-only a:before { content: "\e91f"; display: block; overflow: visible; position: absolute; left: 0; right: 0; top: 50%; bottom: auto; margin: -10px 0 0; box-shadow: none; border-radius: 0; border-width: 0; background: none; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; }*/ .n6pg { margin-bottom: 4px; } #root .n6pg p { width: 100%; margin: 0 0 10px; text-align: center; } .n6pg + .link-btn a { width: 100%; } q { margin-bottom: 16px; padding-left: 16px; border: 0 solid var(--secondary_bg); border-left-width: 3px; } .recommendation-modal__container { padding: 16px var(--rpp) .1px !important; } .recommendation-modal__container h1, .recommendation-modal__container h2, .recommendation-modal__container h3, .recommendation-modal__container h4, .recommendation-modal__container h5, .recommendation-modal__container h6, recommendation-modal__message { font-size: var(--size_20_f) !important; } .sm-fz { font-size: var(--mob_fz); } /*table { }*/ th, td { padding-left: 7px; padding-right: 7px; font-size: var(--size_12_f); } tr > *:first-child { padding-left: var(--rpp); } tr > *:last-child { padding-right: var(--rpp); } tr { position: relative; z-index: 2; } .cols .table-wrapper, .cols table { width: calc(100% + var(--rpp) + var(--rpp)); margin-left: var(--rpn); margin-right: var(--rpn); } .cols .table-wrapper table { width: 100%; margin-left: 0; margin-right: 0; } .table-wrapper + .l4tt, table + .l4tt { padding-left: 0; padding-right: 0; } /*.t1as { } .t1as #root, html.t1as #root { padding: 16px var(--rpp) .1px; } .t1as #content > figure:first-child, .t1as #content > [id*="shopify-section"] > figure:first-child { margin-bottom: 24px; } [class*="t1as"] #background, [class*="t1as"] #root #background, [class*="t1as"] #content #background { display: none; position: relative; left: 0; right: 0; }*/ .t1ca #root { border-bottom: 58px solid rgba(0,0,0,0); } .t1pl #root { padding-top: 26px; } #logo.text-center, #logo.text-center *, #logo.text-center-sticky, #logo.text-center-sticky * { margin-left: 0; margin-right: 0; } #logo.text-center, #logo.text-center *, #logo.text-center-sticky, #logo.text-center-sticky * { -webkit-justify-content: flex-start; justify-content: flex-start; } /*#logo.text-center, #logo.text-center *, #logo.text-center-sticky, #logo.text-center-sticky * { -webkit-align-self: flex-start; align-self: flex-start; }*/ .l4cl .link-btn, /*#shopify-section-header > .link-btn,*/ #header > .link-btn, #header-inner > .link-btn, .l4ne.featured, #shopify-section-footer form, #shopify-section-footer fieldset, .l4cl.wide, #root .link-btn.mobile-only, #shopify-section-footer > div, .m6as.inv, .m6ac.mobile-inv, .l4us.wide .swiper-slide, .l4cl li.mobile-only, .l4cl.s4wi .swiper-wrapper, /*, .m6fr .swiper-wrapper .swiper-slide, #root .m6fr article, #root .m6fr article.aside,*/ .l4pr.no-thumbs-mobile .swiper-custom-pagination, #nav-user, .cols, .l4us.mobile-text-center:not(.s4wi), .l4us.text-center:not(.s4wi), #root .l4us-mobile.mobile-text-center:not(.s4wi), #root .l4us-mobile.text-center:not(.s4wi), .l4ca section header, #shopify-section-footer nav > .toggle h1 ~ .l4sc, #shopify-section-footer nav > .toggle h2 ~ .l4sc, #shopify-section-footer nav > .toggle h3 ~ .l4sc, #shopify-section-footer nav > .toggle h4 ~ .l4sc, #shopify-section-footer nav > .toggle h5 ~ .l4sc, #shopify-section-footer nav > .toggle h6 ~ .l4sc { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #nav-top, #nav-top > ul > li > a, .link-btn.tags, .l4ne, #shopify-section-footer form, .l4cl.wide, .l4ne.featured, .l4cl.s4wi .swiper-wrapper, .m6fr .swiper-wrapper .swiper-slidee, #root .m6fr article, #root .m6fr article.aside, #root .link-btn.cols, .l4cl:not(.list) .li > div + div:last-child, .l4ca section header { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #root .l4ne.wide { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .n6pge, #root .m6fr article, #root .m6fr article.aside { -webkit-flex-direction: column; flex-direction: column; } .m6as.inv, .m6ac.mobile-inv { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } #nav-top { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } #shopify-section-footer > div, #shopify-section-footer > div .l4pm, .mobile-text-center .link-btn, .link-btn.mobile-text-center, #shopify-section-footer > div .l4dr, .l4us.wide .swiper-slide, .mobile-text-center .countdown, .mobile-text-center.countdown, .m6fr .link-btn, .l4pr.no-thumbs-mobile .swiper-custom-pagination, .m6fr.slider-fraction[data-active-content*="aside"] .swiper-custom-pagination, .m6fr.slider-fraction[data-active-content*="aside"][data-active-content*="inv"] .swiper-custom-pagination, #root .n6pg.text-center-mobile, #shopify-section-header .l4us.text-center-mobile:first-child ~ .l4us.text-center-mobile .swiper-slide, .l4us.mobile-text-center:not(.s4wi), .l4us.text-center:not(.s4wi), #shopify-section-header .l4us.mobile-text-center .swiper-slide, .l4us.mobile-text-center .swiper-slide { -webkit-justify-content: center; justify-content: center; } /*.m6fr article,*/ #nav-user { -webkit-justify-content: flex-end; justify-content: flex-end; } .l4ca section header { -webkit-align-items: baseline; align-items: baseline; } .l4cu, .l4cu.text-center, .text-center .l4cu, .l4ca section header { -webkit-justify-content: space-between; justify-content: space-between; } /*.m6fr .swiper-wrapper, .m6fr .swiper-wrapper .swiper-slide { -webkit-align-items: stretch; align-items: stretch; }*/ #shopify-section-footer input/*, #shopify-section-footer button*/ { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } html.t1sr-mobile:not(.search-compact-active, .t1sr-desktop) #root #shopify-section-header #search.compact-mobile, html.t1sr:not(.search-compact-active, .t1sr-desktop) #root #shopify-section-header #search.compact-mobile, html.t1sr-mobile:not(.search-compact-active, .t1sr-desktop) #root #shopify-section-header #search.compact, html.t1sr:not(.search-compact-active, .t1sr-desktop) #root #shopify-section-header #search.compact { display: block; position: absolute; left: -3000em; top: 0; } #nav-top > ul.l4us.l4us-mobile, #shopify-section-footer > nav > .strong h1 ~ *, #shopify-section-footer > nav > .strong h2 ~ *, #shopify-section-footer > nav > .strong h3 ~ *, #shopify-section-footer > nav > .strong h4 ~ *, #shopify-section-footer > nav > .strong h5 ~ *, #shopify-section-footer > nav > .strong h6 ~ *, #shopify-section-footer > nav .m6cn h1 ~ *, #shopify-section-footer > nav .m6cn h2 ~ *, #shopify-section-footer > nav .m6cn h3 ~ *, #shopify-section-footer > nav .m6cn h4 ~ *, #shopify-section-footer > nav .m6cn h5 ~ *, #shopify-section-footer > nav .m6cn h6 ~ *, #shopify-section-footer a.header-toggle, #shopify-section-footer nav > .toggle h1 ~ *, #shopify-section-footer nav > .toggle h2 ~ *, #shopify-section-footer nav > .toggle h3 ~ *, #shopify-section-footer nav > .toggle h4 ~ *, #shopify-section-footer nav > .toggle h5 ~ *, #shopify-section-footer nav > .toggle h6 ~ *, #shopify-section-footer > div figure, #root .mobile-only, .m6fr.wide .swiper-button-next, .m6fr.wide .swiper-button-prev, .m6tb .tabs-header, #root .m6tb > div > .hidden, .m6tb .tabs-header.toggle + .tabs-inner, .m6tb.compact > nav, .m6tb.compact .tabs-inner, /*#root > .f8fl-toggle,*/ .cookie-on #cookie-bar, #cookie-inner, .l4cl.inline li:nth-child(n+6), #root .l4us-mobile, .l4ca.compact section, #root .l4cl.wide li.hidden, #root .m6as, #shopify-section-announcement-bar .mobile-only, .t1sr #nav-user > ul > li.mobile-only.search, .t1sr-desktop #root #search.compact-desktop, .m6fr .swiper-slide article.aside, #shopify-section-header li.mobile-only, #cookie-bar .icon-cookie, #background .mobile-only, .t1sr.js #nav-user > ul > li.mobile-only.search { display: block; } #root span.mobile-only, #root i.mobile-only, #shopify-section-announcement-bar span.mobile-only { display: inline; } #root .link-btn i, #root button i, #root .submit i { display: inline-block; } #shopify-section-header .mobile-hide, #nav-top > ul[data-type], #nav-top > ul > li.sub > a:before, #nav-user > ul > li.sub > a:before, #nav-user > ul > li.mobile-only, #root .mobile-hide, #root .m6tb > nav, .m6tb .tabs-inner, #root #shopify-section-header #search.full:before, .m6tb.compact .tabs-header, .m6tb.compact > div > .hidden, .l4cl .info .link-more, .link-btn a.inline-mobile:before, #root .l4cl.hr li:first-child:before, #root blockquote:before, #root .l4ca .price.mobile-hide, #root .l4ca.compact section .price.mobile-hide, #shopify-section-announcement-bar .mobile-hide, .js #nav-user > ul > li.mobile-only.search, .t1as #root #background, .l4pr.no-thumbs-mobile .swiper-pagination-bullets, .n6br.mobile-hide, #root #shopify-section-footer > nav > .strong:before, .t1sr-desktop #nav-user > ul > li.mobile-only.search, .search-full #root > .overlay-close, .search-full #nav-bar > .overlay-close, .l4us .swiper-button-prev, .l4us .swiper-button-next, #background .mobile-hide, .compact-desktop.js #nav-user > ul > li.search, .compact-desktop.js #nav-user > ul > li.search.mobile-only, #header-inner > .search-compact-cont.mobile-hide, #logo .mobile-hide, .l4cl figure .link-btn, .l4cl figure form, #root .l4cl .static.mobile-hide, #root .l4cl form.mobile-hide, #root .l4cl form.link-btn, .f8ps, #root #nav-top > ul.l4us.mobile-hide, .t1sr-desktop #header-inner > .search-compact-cont, #shopify-section-footer > hr { display: none; } #root .tablet-hide, #root .mobile-only:not(i), .l4cl .link-btn { position: relative; left: 0; top: 0; } #root i.mobile-only { position: relative; left: 0; } #root .tablet-only, #root .mobile-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 600px) { /* 500 */ /*.l4cu { }*/ .l4cu li { width: 50%; } .table-drop { border-bottom: 1px solid var(--gallery); } .table-drop tr > * { position: relative; z-index: 2; border-width: 0; } .table-drop tr > td { padding-top: 11px; } .table-drop tbody > tr:first-child > td { padding-top: 10px; } .table-drop tr > td:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--gallery); } #root .table-drop tr > .text-end { display: table-cell; } .table-drop tr.sub.active, .table-drop.static tr.sub { display: table-row; } .table-drop tr.sub:last-child > * { padding-bottom: 16px; } .table-drop tr.sub > * { padding-top: 0; padding-bottom: 0; border-width: 0; background: none; } .table-drop.static tr.sub > * { padding-top: 10px; } .table-drop tr.sub.active + tr > * { padding-top: 26px; } .table-drop tr.sub.active + tr > *:before { top: 15px; } .table-drop tr.sub.active + tr.sub > *, .table-drop.static tr.sub + tr.sub > * { padding-top: 0; } .table-drop tr.sub > *:first-child:last-child a { display: block; padding-top: 2px; } .table-drop .icon-chevron-up, .table-drop .icon-chevron-down { font-size: 6px; } .table-drop a.toggle:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; } .table-drop a.toggle.active .icon-chevron-down:before { content: "\e908"; } .table-drop th .mobile-only { font-weight: 400; } .table-drop tr > *, #root .table-wrapper + .l4tt, #root table + .l4tt { font-size: var(--size_14_f);} .table-drop a.toggle { display: block; } .table-drop a.toggle ~ *, .table-drop tr > *:nth-child(n+3), .table-drop tr.sub.active + tr.sub > *:before, .table-drop tbody > tr:first-child > td:before, .table-drop tr.not-sub + tr.sub > td:before, #root .table-drop.simple tr > .text-end, .table-drop.static tbody tr.not-sub, .table-drop tr.sub > *:before { display: none; } } @media only screen and (max-width: 500px) { /* 500 */ .l4id, .m6cl .l4id { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media only screen and (max-height: 570px) { /* 570 - height */ /*.m6fr { }*/ .m6fr.size-m article, .m6fr article.size-m { min-height: 100vh; } .m6fr.size-l article, .m6fr article.size-l { min-height: 100vh; } } @media only screen and (max-width: 400px) { /* 400 */ /*.cols { }*/ #root .cols > *, #root .cols:not(.cols-mobile, .link-btn) > * { float: none; width: 100%; } .f8nw { padding-left: var(--rpp); padding-right: var(--rpp); } .f8nw header, .f8nw p, .f8nw input, .f8nw button, .f8nw .check, .f8nw > *, .f8nw fieldset > * { width: 100%; margin-left: 0; margin-right: 0; } /*.link-btn { }*/ .link-btn .w300 { width: 100%; min-width: 0; max-width: 300px; } /*.l4ca { }*/ .l4ca .price span { display: block; } /*.l4st { }*/ .l4st li { width: 100%; } .recommendation-modal__container { left: var(--rpp) !important; right: var(--rpp) !important; width: auto !important; max-width: none !important; } .recommendation-modal__container { -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } #root .l4as.caption { padding-top: 72px; padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 340px) { /* 340 */ #logo.text-center, /*#shopify-section-header.text-center #logo,*/ #header.text-center #logo { position: absolute; left: 44px; } #logo.text-center, /*#shopify-section-header.text-center #logo,*/ #header.text-center #logo { -webkit-transform: none; transform: none; } .t1mn #logo.text-center, /*.t1mn #shopify-section-header.text-center #logo,*/ .t1mn #header.text-center #logo { left: 0; } #shopify-section-header #logo.text-center { -webkit-transform: none; transform: none; } #shopify-section-footer > nav .m6cn p { width: 100%; } #root #shopify-section-footer > nav .m6cn { padding-right: var(--rpp); padding-left: var(--rpp); } #root #shopify-section-footer > nav .m6cn .l4cn { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } #root #shopify-section-footer > nav .m6cn figure { display: none; } .l4id, .m6cl .l4id { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media print { nav, #shopify-section-announcement-bar, form, .l4dr, .l4pm, .l4sc { display: none !important; } } /* puneet */ .store_2{ color: #f5cd0c; } .warning_sign{ width: 15px; height: 15px; } .warning_sign path.cls-1{ fill: #e3a800; } .warning_sign{ margin-right:5px; } .s1tt{ margin-left:5px; } p.store_2 span.store_span{ display: flex; align-items: center; } .out_ofstock{ color: #e93d3d; font-weight: 400; } .f8pr-stock p.stock.l4ch:before { display: none; } @media (max-width:767px){ .f8pr-variant-selection { z-index: 0!important; } /* .with-mobile-tab .f8pr.f8pr-buy-button button { position: fixed; bottom: 18px; left: 0px; right: 0px; display: block; margin: 0px 15px; z-index: 9; } */ } @media (max-width:479px){ .with-mobile-tab .f8pr.f8pr-buy-button button { padding: 15px 0px; } } /* 20-03-23 */ @media (max-width:767px){ .overlay-tertiary { width: 100% !important; font-size: 16px !important; margin: 15px 0 0 0!important; } p.link-btn { flex-direction: column; margin: 0 !important; } body.template-cart #root ul.form-group, body.template-cart #root .m15{ margin-bottom:0; } body.template-cart .link-btn span.mobile-only, body.template-cart .link-btn.form-group > span { display: flex !important; justify-content: space-between; width: 100% !important; margin:0; font-weight:700; } body #root aside#cart a.overlay-tertiary { margin-bottom: 15px !important; } } .product_shipping_detail{ margin-bottom:0px; } .product_shipping_detail span { display: block; font-weight: normal; } .product_free_ship span{ color: #3c980b; font-weight: 700; } /* 17-03-2023 */ .progress-bar__indicator { height: 10px; margin: 0 auto; padding: 1px; border-radius: 20px; box-shadow: inset 0 1px 3px #0003; background: transparent; } .progress-bar__indicator span.progress-bar__fill { display: block; height: 7px !important; border-radius: 3px; animation-name: none; transition: all ease 1s; background: linear-gradient(90deg, rgb(100 205 130) 0%, rgb(77 181 12) 100%); } .expected_delivery { display: flex; align-items: flex-start; margin-bottom: 20px; border-bottom: 1px solid var(--gallery); padding-bottom: 15px; } .expected_delivery p { margin-bottom: 0; padding-left: 10px; } .expected_delivery p span { font-weight: 700; } .return_policies { display: flex; justify-content: space-between; padding-bottom: 15px; } .return_policies_inner { display: flex; align-items: flex-start; flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); margin-right:10px; } .return_content { padding-left: 15px; } .l4ca.compact li span.badge { padding: 1px 7px!important; background: #eee; border-radius: 4px; display: inline-block; font-size: 11px; color: #000; font-weight: bold; text-transform: uppercase; } .l4ca.compact li span.badge svg { display: inline; width: 15px; height: auto; margin-right: 4px; } .weight_info { position: absolute; bottom: 0; right: 0; left: auto; background: rgba(0,0,0,0.11); top: auto; z-index: 1; padding: 0px 5px; font-size: 11px; color: #656565; } .product_shipping_detail span.shipping_day { font-size: 11px; } body .trust_badge_cart img { max-width: 35% !important; } .trust_badge_cart { text-align: center; margin-bottom: 20px; } .progress_free_shipping { display: flex; flex-direction: column; align-items: center; position: absolute; top: -24px; right: -58px; } .progress-bar__indicator { position: relative; width: 85%; margin-left: 0; } .progress_free_shipping span.truck_icon { border: 2px solid #64cd82; display: block; padding: 10px; border-radius: 50%; } .progress_free_shipping span svg { stroke: #64cd82; } .cart-banner { padding-bottom: 30px; } .progress_free_shipping span.free_ship_progress_text { color: #64cd82; font-size: 10px; text-transform: capitalize; } .template-cart .return_content { padding-left: 10px; } .template-cart .return_content span { font-size: 12px; } .template-cart .return_policies_inner { flex: 0 0 50%; max-width: 50%; margin-right: 10px; align-items: center; } .template-cart .trust_badge_cart { margin-top: 10px; } .template-cart .return_policies_inner.easy_return { margin-right: 0; } .template-cart aside hr{ margin-bottom:8px; } .template-cart .expected_delivery{ padding-bottom:5px; } a.bundle_product_grid { display: inline-block; border: 1px solid #ccc; padding: 10px 5px; margin: 3px; } .bundle_grid_wrap { margin-bottom: 20px; display: flex; align-items: center; flex-wrap: wrap; } a.bundle_product_grid.selected { border: 2px solid #000; } /* collection page style start =================================================*/ #shopify-section-header.fixed { z-index: 99; } .template-collection .m6cl { padding: 0; } .template-collection .m6cl > aside { position: fixed; right: -110%; top: 0; height: 100%; width: 390px; background: #ffff; padding: 0 24px; box-shadow: 0 0 30px rgba(0,0,0,0.15); z-index: 999; overflow: auto; transition:all ease 0.4s; } .template-collection main#content { z-index: initial; max-width: 100%; padding-left: 30px; padding-right: 30px; } .template-collection.filters_opened .m6cl > aside{ right:0; } .template-collection ul#collection { justify-content: flex-start; margin-left: -5px!important; margin-right: -5px!important; } .template-collection ul#collection li { width: 20%; border: 0!important; padding:0 5px; } .template-collection ul#collection li .coll_item figure { margin: 0 0px 0px; border: 1px solid #edf4f4; border-radius: 0; } .template-collection ul#collection li .coll_item h3 { padding: 0; margin: 0px 0 0px; color: #1b1b1b; } .template-collection ul#collection li .coll_item .coll_item_content { margin: 0; padding: 8px 8px 0; } .template-collection ul#collection li .coll_item h3 a { color: #1b1b1b; } .quick_add_container { position: absolute; bottom: 8px; display: flex; justify-content: center; align-items: center; width: calc(100% - 16px); padding: 8px; margin-left: 8px; opacity: 0; z-index: 1; transition: opacity .2s ease 0s; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); background-color: hsla(0,0%,100%,.75); border-radius: 4px; } ul#collection li .coll_item:hover .quick_add_container, .coll_item:hover .quick_add_container { opacity: 1; z-index: 9; } .align-stretch.mobile-inv .coll_item .quick_add_container{ display:none; } .quick_add_container_inner { display: flex; flex-direction: column; justify-content: center; color: #000; width: 100%; height: 100%; max-width: 100%; padding: 16px; } .quick_add_container_inner button.btn.add_to_bag { width: 100%; max-width: 100%; height: 34px; line-height: 1.3; padding: 0 10px; border-radius: 50px!important; display: block; margin: 0; text-transform: uppercase; font-weight: bold; animation: none!important; } .quick_add_container_inner button.btn.add_to_bag:hover{ animation: none!important; } .quick_add_container_inner button.btn.add_to_bag:before { border-radius: 50px; } .quick_add_container_inner .quick_add_title { text-align: center; display: flex; justify-content: center; align-items: center; margin: 0 0 12px; } .quick_add_container_inner .quick_add_title h5 { margin: 0 0 0 10px; padding: 0; font-size: 14px; text-transform: uppercase; font-weight: bold; } .template-collection ul#collection li .coll_item figure picture img { height: 90%!important; width: 90%!important; left: 5%; top: 5%; } .template-collection ul#collection li .coll_item figure a:after { display: none; } .quick_add_sizes { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0; } .quick_add_sizes button { position: relative; height: 33px; border-radius: 2px; background: #fff!important; filter: drop-shadow(0 0.4rem 1.5rem rgba(0,0,0,.1)); font-size: 14px; line-height: 21px; text-transform: uppercase; padding: 0 10px; margin: 0px 0 6px 6px; color: #000; min-width: 50px; flex-basis: inherit; flex-shrink: 1; width: auto; flex-grow: inherit!important; transition: all ease 0.4s; font-weight: 500; animation: none!important; } .quick_add_sizes button:after, .quick_add_sizes button:before{ display: none; } .quick_add_sizes button:hover { background: #000!important; color: #fff; transform: none; animation: none!important; } @media(max-width:1450px){ .template-collection ul#collection li { width: 25%!important; } .template-collection ul#collection.l4cl.list li{ width: 100%!important; } } @media(max-width:1000px){ .template-collection ul#collection li { width: 33.333%!important; } .template-collection main#content { padding-left: 0px; padding-right: 0px; } } @media(max-width:760px){ .template-collection ul#collection li { width: 50%!important; } } /*----------collections-page--------*/ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); .template-collection .m6cl form ul { display: none; } /* .template-collection .m6cl form p.has-select.done { display: none; } */ .header-collection { display: flex; justify-content: space-between; align-items: center; } .header-collection button.product-filters_toggle-filters__sA3Za { display: flex; align-items: center; padding: 14px 30px; margin: 0px; } .header-collection button.product-filters_toggle-filters__sA3Za h5 { margin: 0px; color: #fff; font-size: 12px; text-transform: uppercase; } .header-collection button.product-filters_toggle-filters__sA3Za i.icon-filter { font-size: 10px; } form.f8sr { border: none; padding: 0px; } .weight_info { right: 7px; bottom: 7px; padding: 2px 10px; color: #000; border-radius: 2px; left: auto; } .header-collection .product-filters_information__BrFwJ span.product-filters_subheading__KhFsT { width: 100%; font-weight: 600; } .header-collection .product-filters_information__BrFwJ h4.product-filters_title__xGijI { margin: 0px; } .header-collection .product-filters_information__BrFwJ span.product-filters_count__fk56Z { width: auto; line-height: 23px; padding-left: 10px; font-size: 10px; } .header-collection .product-filters_information__BrFwJ { display: block; } .header-collection .product-filters_information__BrFwJ span.product-filters_subheading__KhFsT { FONT-SIZE: 16PX; } .header-collection .product-filters_information__BrFwJ span.product-filters_count__fk56Z { font-size: 12px; padding-left: 10px!important; } .template-collection ul#collection li .coll_item h3 a { color: #1b1b1b; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: normal; } .product_shipping_detail span, .product_shipping_detail span.shipping_day { font-size: 14px; font-weight: normal; font-family: 'Roboto', sans-serif; line-height: 23px; } .template-collection ul#collection li .coll_item .coll_item_content .static p.price { font-size: 16px; font-family: 'Roboto', sans-serif; } .template-collection ul#collection li .coll_item h3 a:hover { text-decoration: none; } .template-collection ul#collection li .coll_item figure .add-bag-icon { position: absolute; z-index: 1; top: 6px; left: 6px; width: 40px; height: 40px; background: #fff; border-radius: 50px; padding: 22px; text-align: center; } .template-collection ul#collection li .coll_item figure .add-bag-icon img { width: 100%!important; max-width: 25px!important; margin: 0 auto; } body .quick_add_sizes form { position: static; } .quick_add_buttons_list form.f8pr-buy-button { position: static; } .f8fl-open #root .m6cl > aside { left: 0px; right: unset; margin-left: 0px; } .f8fl-open #root .m6cl > aside header { z-index: 33; width: 100%; height: auto; margin: 0px; left: 0px; padding:0px; } .template-collection .m6cl > aside { padding: 0 20px; } .f8fl-open #root .m6cl > aside header h3 { padding: 44px 23px; margin-bottom: 0px; } .f8fl-open #root .m6cl > aside a.f8fl-toggle::before { content: "\e91f"; font-size: 10px; } .f8fl-open #root .m6cl > aside a.f8fl-toggle{ display:block; } .f8fl-open #root .m6cl > aside p.link-btn.submit.desktop-hide { display: block; position: static; } .template-product figure span.label span.overlay-sale, .coll_item figure span.label span.overlay-sale { margin-bottom: 2px; } .template-product figure span.label, .coll_item figure span.label{ display: unset; height: auto; position: absolute; bottom: 0px; width: fit-content; top: auto; z-index: 1; } .coll_item figure .add-cart-icon { position: absolute; top: 4px; width: 32px; height: 32px; z-index: 8; background: hsla(0,0%,100%,.75); box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 15%); border-radius: 50%; left: 5px; cursor: pointer; display:none; } .coll_item figure .add-cart-icon img { width: 100%; max-width: 16px!important; margin: 0 auto; } .f8fl-open .coll_item figure .add-cart-icon, .f8fl-open .coll_item figure .wishlist-icon, .m6pn-open .coll_item figure .add-cart-icon, .m6pn-open .coll_item figure .wishlist-icon{ z-index: 1; } .coll_item figure .wishlist-icon { position: absolute; top: 4px; width: 32px; height: 32px; z-index: 10; background: hsla(0,0%,100%,.75); box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 15%); border-radius: 50%; right: 5px; cursor: pointer; } .coll_item figure .wishlist-icon img { width: 100%; max-width: 16px!important; margin: 0 auto; } .template-index .coll_item span.label { display: flex; } .template-index .coll_item span.label span.overlay-sale { width: auto; max-width: unset!important; min-width: unset!important; display: inline-block; } .template-index .coll_item span.label span { display: inline-block; } /* .quick_add_buttons_list button.size_size-button__9v_OD { display: none; } */ /*----------collections-page--------*/ .template-collection ul.list .coll_item { width: 100%; display: flex; } .template-collection ul.list .coll_item figure { position: relative; max-width: 12%; flex: 0 0 12%; } .template-collection ul.list .coll_item .coll_item_content { max-width: 70%; flex: 0 0 70%; padding-left: 33px!important; } .template-collection ul.list .coll_item figure { position: relative!important; } /*----------single-product-page--------*/ header.mobile-hide h1.m5 { text-transform: uppercase; font-size: 20px; font-weight: 700; } .quick_add_sizes button.selected { background: #000!important; color: #fff; } .f8pr-variant-selection span.pickup { display: none; } .color-swatches { display: flex; flex-direction: row; flex-wrap: wrap; } .f8pr-variant-selection p { margin-bottom: 10px; } .f8pr-variant-selection button.color-change:before { content: unset; } .f8pr-variant-selection button.color-change { width: 100%; height: 85px; max-width: 71px!important; border-radius: 0px; min-width: unset; margin: 0px 2px 30px; padding: 0px; } button.color-change:hover { animation: unset!important; } .select-size-part button { height: 48px; filter: none; min-width: 71px; border: 1px solid #000; font-family: Roboto; font-weight: 500; } body .f8pr button.overlay-tertiary:before{ border-radius: 50px!important; box-shadow:none; } button.overlay-tertiary:hover { animation: unset; } body .f8pr button.overlay-tertiary { text-transform: uppercase; margin-top: 20px; padding: 15.5px 32px; margin-bottom: 10px; width: 100%; } body .f8pr button.wishlist { width: 100%; } body .f8pr button.wishlist:hover { animation: none; } body .f8pr button.wishlist { width: 100%; padding: 15.5px 32px; color: #000; text-transform:uppercase; } body .f8pr button.overlay-tertiary:hover { animation: unset; } body .f8pr button.wishlist:before { background: #e3e3e3; border-radius: 50px; box-shadow: none; padding: 12.5px 32px; margin: 0px; width: 100%; } body .f8pr button.wishlist img { width: 12px; margin-right: 10px; } .checkout-today { margin: 30px 0px; } p.submit.m10 { display: flex; flex-direction: column; width: 100%; margin-bottom: 35px!important; } .share-btn button.share-item::before { background: none; box-shadow: none; } .share-btn button.share-item { padding: 0px; margin: 0px; color: #000; text-decoration: underline; font-family: Roboto; font-size: 16px; width: auto; min-width: unset; } button.color-change.active { border: 1px solid #000; } button.color-change img { max-width: 100%; margin-left: 0px; } .share-btn button.share-item svg { width: 15px; margin-right: 8px; } .checkout-today h5 { text-transform: uppercase; color: #000; font-weight: 700; } .checkout-today ul { background: #f5f5f5; list-style: none; padding: 24px; border-radius: 4px; } .checkout-today ul li a { display: flex; align-items: center; text-decoration: none; } .checkout-today ul li .text-code h4 { margin-bottom: 5px; font-size: 14px; font-weight: 600; color: #444; font-family: 'Roboto', sans-serif; } .checkout-today ul li .text-code p { color: #444; font-size: 11px; font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 0px; } .checkout-today ul li span.pay-card { max-width: 16%; flex: 0 0 16%; } .checkout-today ul li:first-child { margin-bottom: 24px; } /* form.f8sr p.has-select { DISPLAY: NONE; } */ .checkout-today ul li span.pay-card svg { width: 51px; height: 32px; display: block; } .checkout-today ul li .text-code { max-width: 84%; flex: 0 0 84%; } .checkout-today h5 { text-transform: uppercase; color: #000; font-weight: 700; margin-bottom: 16px; } .delivered-today li { display: flex; align-items: center; } .delivered-today.checkout-today ul li span.pay-card img, .delivered-today.checkout-today ul li span.pay-card svg { width: 24px; height: 24px; } .delivered-today.checkout-today ul li .text-code h4 { margin-bottom: 0px; } .delivered-today.checkout-today ul li span.pay-card { max-width: 10%; flex: 0 0 10%; } header.mobile-hide { display: flex; justify-content: space-between; margin-bottom: 30px; } .f8pr-variant-selection p label { text-transform: uppercase; } header.mobile-hide p.f8pr-price { margin-bottom: 0px; max-width: 20%; flex: 0 0 20%; justify-content: flex-end; display: flex; } header.mobile-hide ul.l4dr.m15 { display: none; } body .f8pr button.overlay-tertiary img { width: 12px; filter: invert(1); margin-right: 6px; line-height: 13px; height: auto; margin-top: -4px; } .share-btn button.share-item:hover:before { animation: unset!important; color: #000!important; background:none; } .share-btn button.share-item:before, .share-btn button.share-item:hover { animation: unset!important; background:none; color:#000; } .f8fl-open .m6cl>aside { visibility: visible; opacity: 1; right:0px; } .quick_add_sizes label.product-size { position: relative; } .quick_add_sizes label.product-size input { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .quick_add_sizes label.product-size span { height: 48px; filter: none; min-width: 71px; border: 1px solid #000; font-family: Roboto; font-weight: 500; border-radius: 2px; font-size: 14px; text-transform: uppercase; text-align: center; display: flex; justify-content: center; flex-direction: column; padding: 0px 5px; } .quick_add_sizes label.product-size input:checked+span, .quick_add_sizes label.product-size span:hover { background: #000; color: #fff; } article.m6pr .f8pr { position: relative; } .template-product .quick_add_sizes { justify-content: flex-start; } .quick_add_sizes label.product-size input.disabled-size:checked+span, .quick_add_sizes label.product-size input.disabled-size+span, .quick_add_sizes button.disabled-size{ background: #d3d1d1!important; border: 1px solid #ddd; position: relative; color:#6e6e6e; } .quick_add_sizes label.product-size .disabled-size, .quick_add_sizes button.disabled-size{ cursor:not-allowed; } .quick_add_sizes label.product-size input.disabled-size:checked+span:after, .quick_add_sizes label.product-size input.disabled-size+span:after, .quick_add_sizes button.disabled-size:after { content: ''; position: absolute; width: 100%; height: 1px; background: #6e6e6e; transform: rotate(13deg); left: 0px; display:block; } .quick_add_sizes button.disabled-size:after { content: ''; position: absolute; width: 100%; height: 100%; background: #6e6e6e00; transform: rotate(8deg)!important; left: 0px; top: 15px!important; border-top: 1px solid #858484; } .quick_add_sizes button.disabled-size:hover { color: #6e6e6e; } html { padding-bottom: 0px!important; } /*----------single-product-page--------*/ aside#cart p.link-btn.wide.m10 a.overlay-tertiary:before { border-radius: 50px; } button::before, a::before { border-radius: 50px!important;; } a.swiper-pagination-bullet:before { border-radius: 4px!important; } a:hover, button:hover { animation: unset!important; } /*----------quidck-add-to-cart-------*/ .quick-add_overlay__DGZ3e { display: none!important; } .template-collection ul#collection li .quick-add_overlay__DGZ3e .quick-add_select-sizes__ir1QE li.quick-add_size-option__6cxha { width: 100%!important; max-width: 100%!important; } .quick-add_modal__VpaP_.size-pop-open:before { content: ''; background: #00000059; position: absolute; width: 100%; height: 100vh; bottom: 256px; } button.quick-add_close__eIiRT { position: absolute; right: 21px; top: 20px; width: 13px!important; height: unset; padding: 0px; cursor: pointer; margin: 0px; min-width: 30px!important; } button.quick-add_close__eIiRT:before { content: unset; } .quick-add_modal__VpaP_ h5.quick-add_heading___3ItK { display: flex; flex-direction: column; min-height: fit-content; font-family: 'Montserrat'; font-size: 14px; line-height: 19px; text-transform: uppercase; text-align: center; margin-bottom: 1.8rem; margin-top: 0px; } .quick-add_content__bJEcp { overflow-y: scroll; } .quick-add_product-wrap__OoR6d { padding: 0px 16px 16px; } .modal-product_product__YBMta { display: flex; justify-content: flex-start; width: 100%; } .modal-product_product-image__l5hmo { position: relative; height: 140px; min-width: 117px; } .modal-product_product-info__wfTKE { display: flex; flex-direction: column; padding: 0 0 8px; margin-left: 15px; } .modal-product_tag-container__Wm8Kb { font-family: 'Roboto', sans-serif; } .modal-product_product-image__l5hmo img { border-radius: 0px; } .tag_tag--opaque__zGoiO { background-color: #f5f5f5; backdrop-filter: none; display: flex; align-items: flex-end; width: fit-content; height: 25px; border-radius: 4px; padding: 0px 8px; color: #000; line-height: 20px; } .tag_tag__ZJW39 span { font-family: 'Roboto', sans-serif; font-weight: 800; font-size: 12px; color: #000; line-height: 24px; } .tag_tag-icon__IJIvz i { color: #e5323a; font-size: 15px; } .tag_tag__ZJW39 span img { width: 100%; max-width: 13px!important; transform: rotate(45deg); margin-right: 7px; } .product-card_product-title__9gis1 { -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-family: 'Roboto',sans-serif; font-weight: 400; font-size: 16px; line-height: 30px; color: #1b1b1b; text-transform: capitalize; margin-top: 5px; margin-bottom: 0px; } .product-card_product-colour__JApvJ { font-family: 'Roboto',sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #6e6e6e; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .product-card_price-container__9HpcE { display: flex; justify-content: flex-start; align-items: center; margin-top: 2px; } .product-card_product-price__bNBmg { font-family: 'Roboto',sans-serif; font-weight: 700; font-size: 16px; line-height: 24px; color: #000; } .product-card_compare-at-price__2MQSu { font-size: 16px; line-height: 24px; color: #bf2e35; text-decoration: line-through; padding-left: 4px; } .quick-add_select-sizes__ir1QE>h4 { font-family: 'Montserrat'; font-weight: 700; font-size: 14px; margin: 0 0 8px 16px; line-height: 20px; text-transform: uppercase; } .quick-add_select-sizes__ir1QE>ul li:first-child { border-top: 0.1rem solid #ebebeb; height: 50px; } .quick-add_select-sizes__ir1QE ul { padding: 0px; list-style: none; margin-bottom: 0px; } .quick-add_size-option__6cxha { height: 50px; border-bottom: 0.1rem solid #ebebeb; } .quick-add_quick-add-size-button__dJRh9 { display: flex; justify-content: space-between; align-items: center; height: 100%; width: 100%; } .quick-add_quick-add-size__6a2IH { font-family: 'Roboto'; font-size: 14px; font-weight: 700; text-transform: uppercase; } .quick-add_quick-add-size-button__dJRh9>button { display: flex; align-items: center; font-family: 'Roboto'; font-size: 14px; font-weight: 700; padding: 0; color: #000; justify-content: flex-end; margin: 0px } .mobile-size-button_add-icon__XBj0F { display: flex; align-items: center; margin-left: 0.6rem; top: 0px; } .quick-add_quick-add-size-button__dJRh9>button:before{ content:unset; } .mobile-size-button_add-icon__XBj0F.mobile-size-button_add-icon__XBj0F svg { width: 14px; height: 14px; } .accordion-a.compact summary::before, .m6tb.static.tabs-initialized div a.tabs-header:before { content: ''; background: #000; width: 15px; height: 1px; top: 64%; position: absolute; right: 0px; } .accordion-a.compact summary::after, .m6tb.static.tabs-initialized div a.tabs-header:after{ content: ''; background: #000; width: 15px; height: 1px; top: 46%; position: absolute; right: 0px; transform:rotate(90deg); } .m6tb.static.tabs-initialized div a.tabs-header:after { top: 43%; } .accordion-a.compact details[open] summary::after, .m6tb.static.tabs-initialized div a.tabs-header.toggle:after { transform: rotate(180deg); content:''; } .accordion-a.compact details[open] summary::before { content:unset; } .template-product figure span.label, .coll_item figure span.label { display: flex; } .recently-viewed-products .swiper-custom-pagination, .product-recommendations .swiper-custom-pagination{ display: none; } .header-collection .product-filters_information__BrFwJ span.product-filters_count__fk56Z{ padding-left:0px; } body.template-product { overflow-x: clip!important; } span.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { display: none; } body { overflow-x: clip!important; } #root .align-stretch.mobile-inv ul.l4cl.hr li figure { width: 140px; max-height: 115px; } .with-fancybox { overflow: auto; } .with-fancybox .fancybox__thumbs { display: none; } .template-collection main#content { padding: 25px 30px; } .template-collection main#content nav.n6br ol { margin-bottom: 0px; } .template-collection .m6cl .shopify-app-block { padding: 0px!important; } .header-collection { display: flex; justify-content: space-between; align-items: center; height: 25px; } .add-cart-icon{ animation: pulse-animation 2s infinite; } @keyframes pulse-animation { 0% { box-shadow: 0 0 0 0px rgba(241, 241, 241, 0.5); } 50% { box-shadow: 0 0 0 5px rgba(241, 241, 241, 0.4); } 100% { box-shadow: 0 0 0 10px rgba(241, 241, 241, 0.3); } } /*----------quidck-add-to-cart-------*/ @media (min-width:1001px){ .template-product .m6pr .swiper-wrapper { display: flex; flex-direction: row; transform: unset!important; height: 100%!important; flex-wrap: wrap; } .template-product .m6pr .swiper-custom-pagination { display: none; } .template-product .m6pr .l4pr.no-thumbs-mobile { margin: 0px!important; max-width: 100%; border-left-width: 38px; border-right-width: 0px; } .template-product .m6pr .swiper-wrapper .swiper-slide { max-width: 32.49%; flex: 0 0 32.49%; margin: 3px; border: 1px solid #edf4f4; } .template-product .m6pr .swiper-wrapper .swiper-slide.swiper-slide-active { max-width: 99.25%; flex: 0 0 99.25%; } .template-product .m6pr .swiper-wrapper .swiper-slide picture img { object-fit: contain!important; width: 100% !important; max-width: 100% !important; height: 100% !important; } .template-product .m6pr .swiper-wrapper .swiper-slide.swiper-slide-active .li.square, .template-product .m6pr .swiper-wrapper .swiper-slide.swiper-slide-prev .li.square, .template-product .m6pr .swiper-wrapper .swiper-slide.swiper-slide-next .li.square { width: 100%; } } @media (min-width:1024px){ .template-product .m6pr .swiper-wrapper .swiper-slide { max-width: 32.1%; flex: 0 0 32.1%; } } @media (min-width:1300px){ .template-product .m6pr .swiper-wrapper .swiper-slide { max-width: 32.5%; flex: 0 0 32.5%; } } @media (max-width:1400px){ .template-product .m6pr .l4pr.no-thumbs-mobile { margin: 0px!important; max-width: 100%; border-right-width: 0px; } } @media (max-width:1169px){ .template-product .m6pr .l4pr.no-thumbs-mobile { border-left-width: 0px; } } @media (max-width:1000px){ .template-collection ul#collection { margin-top: 10px; } p.link-btn.desktop-hide a.f8fl-toggle { padding: 14px 30px; line-height: 10px; } p.link-btn.desktop-hide a.f8fl-toggle i.icon-filter { font-size: 10px; } p.link-btn.desktop-hide a.f8fl-toggle { font-size: 12px; text-transform: uppercase; } .template-collection main#content { padding: 25px 0px; } .with-mobile-tab .m6tb.static .product-recommendations a::before, .with-mobile-tab .m6tb.static .product-recommendations a::after { content: unset; } body.template-product .with-mobile-tab .product-recommendations.has-anchor a.tabs-header.toggle:before, body.template-product .with-mobile-tab .product-recommendations.has-anchor a.tabs-header.toggle:after{ content:unset; } .product-scrolled .template-product main#content { position: relative; } .template-product.sticky-custom article.m6pr { position: relative; } .product-not-scrolled .template-product article.m6pr form.f8pr.f8pr-buy-button { position: sticky; bottom: 0px; width: 100%; z-index: 999; } .add-cart-btn { min-height: 78px; } .m6pn-open .template-product.sticky-custom article.m6pr form.f8pr.f8pr-buy-button { display: none; } .m6pn-open .template-product { margin-bottom: 0px; } body.template-product { margin-bottom: 60px; } .template-product.sticky-custom article.m6pr form.f8pr.f8pr-buy-button { position: fixed; bottom: 0px; width: calc(100% - 40px); z-index: 999; left: 22px; } .l4pr-container .l4pr .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #f46800; } .template-product #root .swiper-custom-pagination .swiper-pagination-clickable { display: flex; flex-wrap: nowrap; overflow: auto; overflow-y: hidden; justify-content: flex-start; } .fancybox__container { display: none!important; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet:before, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet:after { content: unset; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span { display: none; } .recently-viewed-products { position: static; } /* .l4cl .swiper-android .swiper-slide, .l4cl .swiper-wrapper { transform: unset!important; } */ .f8fl-open #root .m6cl > aside header h3 { padding: 0px 23px; margin-bottom: 0px; } .template-collection article.m6pr form.f8pr { position: sticky!important; bottom: 0px; left: 0; z-index: 999; } .header-collection button.product-filters_toggle-filters__sA3Za { display: none; } .template-collection .m6cl>div form.f8sr { max-width: 50%; flex: 0 0 50%; margin: 0px; text-align: right; } .template-collection .m6cl>div .header-collection { max-width: 50%; flex: 0 0 50%; } .template-collection .m6cl>div form.f8sr p.link-btn.desktop-hide { margin-right: 0px; } nav.n6pg.text-end { max-width: 100%; flex: 0 0 100%; } .template-collection .m6cl>div { display: flex; flex-wrap: wrap; align-items: center; } header.mobile-hide { margin-bottom: 10px; margin-top: 30px!important; } .with-mobile-tab footer { margin-top: 40px; } article.m6pr .f8pr { position: relative; } body.template-product::-webkit-scrollbar, #root::-webkit-scrollbar, .js.t1nn #root::-webkit-scrollbar, .js.t1mn #root::-webkit-scrollbar{ display:none!important; } body.template-product { overflow-x: clip; } #root, .js.t1nn #root, .js.t1mn #root { overflow: inherit; } .with-mobile-tab footer { margin-top: 0px; margin-bottom: 40px!important; } .template-product .m6pr .swiper-wrapper { height: auto!important; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet { max-width: 12%; flex: 0 0 10%; border: 1px solid #ddd; width: 68px; height: 68px; } } @media (max-width:767px){ /* #shopify-section-header { z-index: 0; } */ .l4pr .swiper-pagination-bullets .swiper-pagination-bullet img { object-fit: contain; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet { display: flex; max-width: 45%; flex: 0 0 45%; } #root .align-stretch.mobile-inv ul.l4cl { z-index: auto!important; } #root .align-stretch.mobile-inv ul.l4cl li { z-index: auto!important; } .template-product .m6pr .l4pr.no-thumbs-mobile.no-scrollbar.s4wi { z-index: 0; } .template-product .f8pr-buy-button p.submit.m10 { z-index: 0!important; } .template-product a.tabs-header.toggle { z-index: -1; } .template-product .l4cl.slider.w25.s4wi { z-index: auto; } .product-not-scrolled button.needsclick, .product-not-scrolled div#trustbadge-container-98e3dadd90eb493088abdc5597a70810 { z-index: 0!important; } body.template-product header.mobile-only { z-index: 0!important; } .has-anchor { z-index: auto; } footer.m6tb.static.desktop-hide .has-anchor { z-index: 0!important; } #root .quick-add_select-sizes__ir1QE ul .sold-btn li { width: 100%; max-width: 100%; min-width: 100%; } #root .align-stretch.mobile-inv ul.l4ft.mobile-box li { position: static!important; } .template-collection .m6cl { position: relative; } .template-collection .m6cl>div form.f8sr { position: sticky; top: 60px; z-index: 9!important; } aside#cart { z-index: 999; } .palette-light.module-color-palette.l4us.wide.no-nav.l4us-mobile.s4wi { z-index: 0; } .coll_item figure .add-cart-icon { display:block; } .template-collection .m6cl>div form.f8sr ul.l4vw li.active { display: block; position: relative; width: 50%; text-align: center; } .template-collection .m6cl>div form.f8sr ul.l4vw li { margin: 0px; text-align: center; width: 50%; } .template-collection .m6cl>div form.f8sr p.link-btn.desktop-hide .f8sr .link-btn a { height: 46px; line-height: 46px; } .template-collection .m6cl>div form.f8sr ul.l4vw li.active i { color: #f46800!important; } .template-collection .m6cl>div form.f8sr ul.l4vw li i.icon-view-list, .template-collection .m6cl>div form.f8sr ul.l4vw li i.icon-view-grid{ color: #fff; } .template-collection .m6cl>div form.f8sr ul.l4vw { display: flex; justify-content: space-between; background: #f46800; border-radius: 50px; padding: 10px 6px; position: absolute; min-width: unset; width: 48%; left: 0px; top: 50%; right: auto; margin-bottom: 0px; transform: translateY(-50%); } .template-collection .m6cl>div form.f8sr ul.l4vw li.active:before { content: ""; position: absolute; height: 36px; width: 100%; background-color: #fff; border-radius: 3.4rem; left: 0px; top: 50%; transition: transform .2s; transform: translateY(-50%); box-shadow: 0 0.2rem 0.6rem rgb(0 0 0 / 5%); } .with-fancybox { overflow: scroll!important; } .coll_item .quick_add_container { display: none; } .quick-add_overlay__DGZ3e.size-pop-open .quick-add_modal__VpaP_ ul form li.quick-add_size-option__6cxha { margin-bottom: 0px!important; width: 100%!important; min-width: 100%!important; max-width: 100%!important; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet { display: flex; max-width: 15%; flex: 0 0 15%; } .f8sr fieldset p.link-btn.desktop-hide { width: 48%; } .f8sr fieldset p.link-btn.desktop-hide a.f8fl-toggle { width: 100%; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet { border: 1px solid #ebebeb; } .template-collection .m6cl p.link-btn a.f8fl-toggle { height: 46px; line-height: 21px; } .template-collection .m6cl>div form.f8sr ul.l4vw li i.icon-view-list:before { content: ''; position: absolute; width: 20px; height: 15px; top: 50%; font-weight: 900; background-repeat: no-repeat; font-size: 20px; transform: translateY(-50%) rotate(90deg); border: 1px solid #fff; } .template-collection .m6cl>div form.f8sr ul.l4vw li.active i.icon-view-list:before { border: 1px solid #f46800; } .li.square.has-form, .s4wi, .swiper-wrapper { z-index: inherit; } #shopify-section-footer { z-index: 0; } #root ul#collection.list li .coll_item figure { width: 100%; height: auto; max-width: 100%; flex: 0 0 100%; min-height: 100%; margin-bottom: 25px; } #root ul#collection.list li .coll_item figure a { display: block; height: 100%!important; padding-bottom: 400px; position: relative; } /* #root { z-index: inherit; }*/ .template-collection ul#collection { z-index: inherit; }/* #shopify-section-announcement-bar, #shopify-section-header { z-index: 9; }*/ /* .js.t1cl #content { z-index: inherit; } */ .coll_item figure { z-index: inherit!important; } .quick-add_product-wrap__OoR6d img { object-fit: contain!important; } .quick-add_overlay__DGZ3e.size-pop-open { position: fixed; left: 0px; bottom: 0px; background: #000000a6; width: 100%; z-index: 999; display: block!important; height: 100%; } .quick-add_overlay__DGZ3e.size-pop-open .quick-add_modal__VpaP_ { overflow: scroll; position: absolute; bottom: 0px; background: #fff; width: 100%; border-radius: 20px 20px 0px 0px; height: fit-content; max-height: 95%; } .quick-add_overlay__DGZ3e.size-pop-open .quick-add_modal__VpaP_ ul form { border-bottom: 1px solid #ddd; } .quick-add_overlay__DGZ3e.size-pop-open .quick-add_modal__VpaP_ ul form:first-child { border-top: 1px solid #ddd; } .quick-add_overlay__DGZ3e.size-pop-open .quick-add_modal__VpaP_ ul form li.quick-add_size-option__6cxha { margin-bottom: 0px!important; } .template-collection ul#collection li { position: relative; z-index: inherit; } ul#collection.list li:before { content: unset; } ul#collection.list .quick-add_overlay__DGZ3e.size-pop-open h5.quick-add_heading___3ItK { padding-top: 24px; } ul#collection.list .quick-add_overlay__DGZ3e.size-pop-open form { width: 100%; max-width: 100%; } .template-collection ul#collection li .quick-add_overlay__DGZ3e .quick-add_select-sizes__ir1QE li.quick-add_size-option__6cxha { width: 100%!important; max-width: 100%!important; min-height: unset; padding: 0px 17px; } .quick-add_overlay__DGZ3e { position: fixed; left: 0px; bottom: 0px; background: #fff; width: 100%; } .f8fl-open #root .m6cl > aside p.link-btn.submit.desktop-hide { padding: 20px 0px; } .f8pr-variant-selection a.bundle_product_grid img { max-width: 50px!important; } .template-product #root .swiper-custom-pagination span.swiper-button-prev, .template-product #root .swiper-custom-pagination span.swiper-button-next, .template-product #root .swiper-custom-pagination span.swiper-custom-fraction { display: none; } #root ul.l4cl.hr .coll_item figure { max-height: 125px; width: 125px; } .template-product #root .swiper-custom-pagination .swiper-pagination-clickable { display: flex; width: 100%; } aside#cart ul.l4tt.m15 { margin-bottom: 0px; } .f8fl-open #root .m6cl > aside header h3 { padding: 0 22px; } ul#collection li .coll_item:hover .quick_add_container { opacity: 0; } .template-collection ul.list li { width: 100%; max-width: 100%; flex: 0 0 100%; } .template-collection ul.list { margin-top: 0px; } .template-collection ul.list .coll_item figure { position: relative!important; max-width: 32%; flex: 0 0 32%; } .template-collection .m6cl>div .header-collection { max-width: 100%; flex: 0 0 100%; } .template-collection .m6cl>div form.f8sr { max-width: 100%; flex: 0 0 100%; margin: 10px 0px; text-align: right; } /* .template-collection .m6cl>div form.f8sr ul.l4vw { position: absolute; min-width: unset; width: auto; left: 0px; top: 50%; right: auto; margin-bottom: 0px; transform: translateY(-50%); } */ article.m6pr header.mobile-only { order: 2; display: flex!important; flex-direction: column; } article.m6pr .l4pr-container { order: 1; display: flex; } article.m6pr div:nth-child(3) { order: 3; } article.m6pr .swiper-slide:nth-child(3) { order: unset; } p.submit.m10 button.overlay-tertiary { margin-bottom: 10px!important; } body .f8pr button.wishlist { margin: 0px; } .checkout-today ul li span.pay-card { max-width: unset; flex: unset; margin-right: 20px; } .checkout-today { margin: 30px 0px 0px; } .delivered-today.checkout-today ul li span.pay-card { max-width: unset; flex: unset; } .share-btn button.share-item { width: 100%; } footer.m6tb.static.desktop-hide { order: 4; display: flex; } footer.m6tb.static.desktop-hide.tabs-initialized div { width: 100%; } .template-collection .m6cl form ul { display: block; } aside#cart p.link-btn span.mobile-only { min-width: unset; width: 100%; display: flex; justify-content: space-between; margin: 0px; } .quick-add_select-sizes__ir1QE ul .sold-btn { border-bottom: 1px solid #ddd; } .quick-add_select-sizes__ir1QE ul .sold-btn li.quick-add_size-option__6cxha { margin-bottom: 0px!important; } .template-collection ul.list .coll_item { width: 100%; display: flex; flex-direction: column; } .template-collection ul.list .coll_item .coll_item_content { max-width: 100%; flex: 0 0 100%; padding-left: 0px!important; } .template-index ul.l4cl li .quick-add_overlay__DGZ3e.size-pop-open h5.quick-add_heading___3ItK { padding-top: 26px; } .template-index ul.l4cl li .quick-add_overlay__DGZ3e.size-pop-open ul li { width: 100%; max-width: 100%; min-width: 100%; padding: 10px 20px 10px!important; min-height: unset!important; } /* #root .l4cl li, #root .l4cl .li { min-width: 200px; max-width: 200px; } */ #root .l4cl.s4wi li, #root .l4cl.s4wi .li { border-left-width: 16px; border-right-width: 16px; } } @media (max-width:639px){ .l4pr .swiper-pagination-bullets .swiper-pagination-bullet { display: flex; max-width: 20%; flex: 0 0 20%; } .template-product #root .swiper-custom-pagination .swiper-pagination-clickable { margin-bottom: 0px; } header.mobile-only { margin-top: 20px; } } @media (max-width:479px){ .template-collection .m6cl>div .header-collection { max-width: 100%; flex: 0 0 100%; } #root ul#collection.list li .coll_item figure a { padding-bottom: 300px; } .template-collection .m6cl>div form.f8sr { max-width: 100%; flex: 0 0 100%; margin: 6px 0px 10px; text-align: right; } .checkout-today ul li .text-code { max-width: 75%; flex: 0 0 75%; } .template-collection ul#collection li .coll_item figure .add-bag-icon { width: 32px; height: 32px; padding: 15px; } .template-collection ul#collection li .coll_item figure .add-bag-icon img { max-width: 20px!important; } } /* ----------updated-css-28-04-23------------ */ body .bundle_product_grid img { max-width: 100% !important; height: 90px !important; object-fit: contain; width: 90px; } @media (max-width: 1000px){ p.link-btn.desktop-hide a.f8fl-toggle { padding: 14px 0px; } ul#collection .ssw-faveiticon{ z-index:8 !important; } .l4cl a:after{ z-index:7 !important; } } @media (max-width:767px){ body .bundle_product_grid img { height: auto !important; } } /*------08-05-23--css-update--------*/ @media (max-width:479px){ #nav-user > ul > li.sub.user-login { margin: 0 3px; } #nav-user > ul > li.gw-custom { margin: 0 3px; } #logo img { max-width: 150px !important; } } @media (max-width:359px){ #header-inner > .search-compact-cont{ left: 35px; } #logo.text-center-mobile, #header.text-center-mobile #logo{ left:46%; } #logo img { max-width: 130px !important; } } /* collection page style start =================================================*/ #shopify-section-header.fixed { z-index: 99; } .template-collection .m6cl { padding: 0; } .template-collection .m6cl > aside { position: fixed; right: -110%; top: 0; height: 100%; width: 390px; background: #ffff; padding: 0 24px; box-shadow: 0 0 30px rgba(0,0,0,0.15); z-index: 999; overflow: auto; transition:all ease 0.4s; } .template-collection main#content { z-index: initial; max-width: 100%; padding-left: 30px; padding-right: 30px; } .template-collection.filters_opened .m6cl > aside{ right:0; } .template-collection ul#collection { justify-content: flex-start; margin-left: -5px!important; margin-right: -5px!important; } .template-collection ul#collection li { width: 20%; border: 0!important; padding:0 5px; } .template-collection ul#collection li .coll_item figure { margin: 0 0px 0px; border: 1px solid #edf4f4; border-radius: 0; } .template-collection ul#collection li .coll_item h3 { padding: 0; margin: 0px 0 0px; color: #1b1b1b; } .template-collection ul#collection li .coll_item .coll_item_content { margin: 0; padding: 8px 8px 0; } .template-collection ul#collection li .coll_item h3 a { color: #1b1b1b; } .quick_add_container { position: absolute; bottom: 8px; display: flex; justify-content: center; align-items: center; width: calc(100% - 16px); padding: 8px; margin-left: 8px; opacity: 0; z-index: 1; transition: opacity .2s ease 0s; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); background-color: hsla(0,0%,100%,.75); border-radius: 4px; } ul#collection li .coll_item:hover .quick_add_container, .coll_item:hover .quick_add_container { opacity: 1; z-index: 9; } .align-stretch.mobile-inv .coll_item .quick_add_container{ display:none; } .quick_add_container_inner { display: flex; flex-direction: column; justify-content: center; color: #000; width: 100%; height: 100%; max-width: 100%; padding: 16px; } .quick_add_container_inner button.btn.add_to_bag { width: 100%; max-width: 100%; height: 34px; line-height: 1.3; padding: 0 10px; border-radius: 50px!important; display: block; margin: 0; text-transform: uppercase; font-weight: bold; animation: none!important; font-size:12px; } .quick_add_container_inner button.btn.add_to_bag:hover{ animation: none!important; } .quick_add_container_inner button.btn.add_to_bag:before { border-radius: 50px; } .quick_add_container_inner .quick_add_title { text-align: center; display: flex; justify-content: center; align-items: center; margin: 0 0 12px; } .quick_add_container_inner .quick_add_title h5 { margin: 0 0 0 10px; padding: 0; font-size: 14px; text-transform: uppercase; font-weight: bold; } .template-collection ul#collection li .coll_item figure picture img { height: 90%!important; width: 90%!important; left: 5%; top: 5%; } .template-collection ul#collection li .coll_item figure a:after { display: none; } .quick_add_sizes { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0; } .quick_add_sizes button { position: relative; height: 33px; border-radius: 2px; background: #fff!important; filter: drop-shadow(0 0.4rem 1.5rem rgba(0,0,0,.1)); font-size: 14px; line-height: 21px; text-transform: uppercase; padding: 0 10px; margin: 0px 0 6px 6px; color: #000; min-width: 50px; flex-basis: inherit; flex-shrink: 1; width: auto; flex-grow: inherit!important; transition: all ease 0.4s; font-weight: 500; animation: none!important; } .quick_add_sizes button:after, .quick_add_sizes button:before{ display: none; } .quick_add_sizes button:hover { background: #000!important; color: #fff; transform: none; animation: none!important; } @media(max-width:1450px){ .template-collection ul#collection li { width: 25%!important; } } @media(max-width:1000px){ .template-collection ul#collection li { width: 33.333%!important; } .template-collection main#content { padding-left: 0px; padding-right: 0px; } } @media(max-width:760px){ .template-collection ul#collection li { width: 50%!important; } } /*----------collections-page--------*/ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); .template-collection .m6cl form ul { display: none; } /* .template-collection .m6cl form p.has-select.done { display: none; } */ .header-collection { display: flex; justify-content: space-between; align-items: center; } .header-collection button.product-filters_toggle-filters__sA3Za { display: flex; align-items: center; padding: 14px 30px; margin: 0px; } .header-collection button.product-filters_toggle-filters__sA3Za h5 { margin: 0px; color: #fff; font-size: 12px; text-transform: uppercase; } .header-collection button.product-filters_toggle-filters__sA3Za i.icon-filter { font-size: 10px; } form.f8sr { border: none; padding: 0px; } .weight_info { right: 7px; bottom: 7px; padding: 2px 10px; color: #000; border-radius: 2px; left: auto; } .header-collection .product-filters_information__BrFwJ span.product-filters_subheading__KhFsT { width: 100%; font-weight: 600; } .header-collection .product-filters_information__BrFwJ h4.product-filters_title__xGijI { margin: 0px; } .header-collection .product-filters_information__BrFwJ span.product-filters_count__fk56Z { width: auto; line-height: 23px; padding-left: 10px; font-size: 10px; } .header-collection .product-filters_information__BrFwJ { display: block; } .header-collection .product-filters_information__BrFwJ span.product-filters_subheading__KhFsT { FONT-SIZE: 16PX; } .header-collection .product-filters_information__BrFwJ span.product-filters_count__fk56Z { font-size: 12px; padding-left: 10px!important; } .template-collection ul#collection li .coll_item h3 a { color: #1b1b1b; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: normal; } .product_shipping_detail span, .product_shipping_detail span.shipping_day { font-size: 14px; font-weight: normal; font-family: 'Roboto', sans-serif; line-height: 23px; } .template-collection ul#collection li .coll_item .coll_item_content .static p.price { font-size: 16px; font-family: 'Roboto', sans-serif; } .template-collection ul#collection li .coll_item h3 a:hover { text-decoration: none; } .template-collection ul#collection li .coll_item figure .add-bag-icon { position: absolute; z-index: 1; top: 6px; left: 6px; width: 40px; height: 40px; background: #fff; border-radius: 50px; padding: 22px; text-align: center; } .template-collection ul#collection li .coll_item figure .add-bag-icon img { width: 100%!important; max-width: 25px!important; margin: 0 auto; } body .quick_add_sizes form { position: static; } .quick_add_buttons_list form.f8pr-buy-button { position: static; } .f8fl-open #root .m6cl > aside { left: 0px; right: unset; margin-left: 0px; } .f8fl-open #root .m6cl > aside header { z-index: 33; width: 100%; height: auto; margin: 0px; left: 0px; padding:0px; } .template-collection .m6cl > aside { padding: 0 20px; } .f8fl-open #root .m6cl > aside header h3 { padding: 44px 23px; margin-bottom: 0px; } .f8fl-open #root .m6cl > aside a.f8fl-toggle::before { content: "\e91f"; font-size: 10px; } .f8fl-open #root .m6cl > aside a.f8fl-toggle{ display:block; } .f8fl-open #root .m6cl > aside p.link-btn.submit.desktop-hide { display: block; position: static; } .template-product figure span.label span.overlay-sale, .coll_item figure span.label span.overlay-sale { margin-bottom: 2px; } .template-product figure span.label, .coll_item figure span.label{ display: unset; height: auto; position: absolute; bottom: 0px; width: fit-content; top: auto; z-index: 1; } .coll_item figure .add-cart-icon { position: absolute; top: 4px; width: 32px; height: 32px; z-index: 8; background: hsla(0,0%,100%,.75); box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 15%); border-radius: 50%; left: 5px; cursor: pointer; display:none; } .coll_item figure .add-cart-icon img { width: 100%; max-width: 16px!important; margin: 0 auto; } .f8fl-open .coll_item figure .add-cart-icon, .f8fl-open .coll_item figure .wishlist-icon, .m6pn-open .coll_item figure .add-cart-icon, .m6pn-open .coll_item figure .wishlist-icon{ z-index: 1; } .coll_item figure .wishlist-icon { position: absolute; top: 4px; width: 32px; height: 32px; z-index: 10; background: hsla(0,0%,100%,.75); box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 15%); border-radius: 50%; right: 5px; cursor: pointer; } .coll_item figure .wishlist-icon img { width: 100%; max-width: 16px!important; margin: 0 auto; } .template-index .coll_item span.label { display: flex; } .template-index .coll_item span.label span.overlay-sale { width: auto; max-width: unset!important; min-width: unset!important; display: inline-block; } .template-index .coll_item span.label span { display: inline-block; } /* .quick_add_buttons_list button.size_size-button__9v_OD { display: none; } */ /*----------collections-page--------*/ .template-collection ul.list .coll_item { width: 100%; display: flex; } .template-collection ul.list .coll_item figure { position: relative; max-width: 12%; flex: 0 0 12%; } .template-collection ul.list .coll_item .coll_item_content { max-width: 70%; flex: 0 0 70%; padding-left: 33px!important; } .template-collection ul.list .coll_item figure { position: relative!important; } /*----------single-product-page--------*/ header.mobile-hide h1.m5 { text-transform: uppercase; font-size: 20px; font-weight: 700; } .quick_add_sizes button.selected { background: #000!important; color: #fff; } .f8pr-variant-selection span.pickup { display: none; } .color-swatches { display: flex; flex-direction: row; flex-wrap: wrap; } .f8pr-variant-selection p { margin-bottom: 10px; } .f8pr-variant-selection button.color-change:before { content: unset; } .f8pr-variant-selection button.color-change { width: 100%; height: 85px; max-width: 71px!important; border-radius: 0px; min-width: unset; margin: 0px 2px 30px; padding: 0px; } button.color-change:hover { animation: unset!important; } .select-size-part button { height: 48px; filter: none; min-width: 71px; border: 1px solid #000; font-family: Roboto; font-weight: 500; } body .f8pr button.overlay-tertiary:before{ border-radius: 50px!important; box-shadow:none; } button.overlay-tertiary:hover { animation: unset; } body .f8pr button.overlay-tertiary { text-transform: uppercase; margin-top: 20px; padding: 15.5px 32px; margin-bottom: 10px; width: 100%; } body .f8pr button.wishlist { width: 100%; } body .f8pr button.wishlist:hover { animation: none; } body .f8pr button.wishlist { width: 100%; padding: 15.5px 32px; color: #000; text-transform:uppercase; } body .f8pr button.overlay-tertiary:hover { animation: unset; } body .f8pr button.wishlist:before { background: #e3e3e3; border-radius: 50px; box-shadow: none; padding: 12.5px 32px; margin: 0px; width: 100%; } body .f8pr button.wishlist img { width: 12px; margin-right: 10px; } .checkout-today { margin: 30px 0px; } p.submit.m10 { display: flex; flex-direction: column; width: 100%; margin-bottom: 35px!important; } .share-btn button.share-item::before { background: none; box-shadow: none; } .share-btn button.share-item { padding: 0px; margin: 0px; color: #000; text-decoration: underline; font-family: Roboto; font-size: 16px; width: auto; min-width: unset; } button.color-change.active { border: 1px solid #000; } button.color-change img { max-width: 100%; margin-left: 0px; } .share-btn button.share-item svg { width: 15px; margin-right: 8px; } .checkout-today h5 { text-transform: uppercase; color: #000; font-weight: 700; } .checkout-today ul { background: #f5f5f5; list-style: none; padding: 24px; border-radius: 4px; } .checkout-today ul li a { display: flex; align-items: center; text-decoration: none; } .checkout-today ul li .text-code h4 { margin-bottom: 5px; font-size: 14px; font-weight: 600; color: #444; font-family: 'Roboto', sans-serif; } .checkout-today ul li .text-code p { color: #444; font-size: 11px; font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 0px; } .checkout-today ul li span.pay-card { max-width: 16%; flex: 0 0 16%; } .checkout-today ul li:first-child { margin-bottom: 24px; } /* form.f8sr p.has-select { DISPLAY: NONE; } */ .checkout-today ul li span.pay-card svg { width: 51px; height: 32px; display: block; } .checkout-today ul li .text-code { max-width: 84%; flex: 0 0 84%; } .checkout-today h5 { text-transform: uppercase; color: #000; font-weight: 700; margin-bottom: 16px; } .delivered-today li { display: flex; align-items: center; } .delivered-today.checkout-today ul li span.pay-card img, .delivered-today.checkout-today ul li span.pay-card svg { width: 24px; height: 24px; } .delivered-today.checkout-today ul li .text-code h4 { margin-bottom: 0px; } .delivered-today.checkout-today ul li span.pay-card { max-width: 10%; flex: 0 0 10%; } header.mobile-hide { display: flex; justify-content: space-between; margin-bottom: 30px; } .f8pr-variant-selection p label { text-transform: uppercase; } header.mobile-hide p.f8pr-price { margin-bottom: 0px; max-width: 20%; flex: 0 0 20%; justify-content: flex-end; display: flex; } header.mobile-hide ul.l4dr.m15 { display: none; } body .f8pr button.overlay-tertiary img { width: 12px; filter: invert(1); margin-right: 6px; line-height: 13px; height: auto; margin-top: -4px; } .share-btn button.share-item:hover:before { animation: unset!important; color: #000!important; background:none; } .share-btn button.share-item:before, .share-btn button.share-item:hover { animation: unset!important; background:none; color:#000; } .f8fl-open .m6cl>aside { visibility: visible; opacity: 1; right:0px; } .quick_add_sizes label.product-size { position: relative; } .quick_add_sizes label.product-size input { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .quick_add_sizes label.product-size span { height: 48px; filter: none; min-width: 71px; border: 1px solid #000; font-family: Roboto; font-weight: 500; border-radius: 2px; font-size: 14px; text-transform: uppercase; text-align: center; display: flex; justify-content: center; flex-direction: column; padding: 0px 5px; } .quick_add_sizes label.product-size input:checked+span, .quick_add_sizes label.product-size span:hover { background: #000; color: #fff; } article.m6pr .f8pr { position: relative; } .template-product .quick_add_sizes { justify-content: flex-start; } .quick_add_sizes label.product-size input.disabled-size:checked+span, .quick_add_sizes label.product-size input.disabled-size+span, .quick_add_sizes button.disabled-size{ background: #d3d1d1!important; border: 1px solid #ddd; position: relative; color:#6e6e6e; } .quick_add_sizes label.product-size .disabled-size, .quick_add_sizes button.disabled-size{ cursor:not-allowed; } .quick_add_sizes label.product-size input.disabled-size:checked+span:after, .quick_add_sizes label.product-size input.disabled-size+span:after, .quick_add_sizes button.disabled-size:after { content: ''; position: absolute; width: 100%; height: 1px; background: #6e6e6e; transform: rotate(13deg); left: 0px; display:block; } .quick_add_sizes button.disabled-size:after { content: ''; position: absolute; width: 100%; height: 100%; background: #6e6e6e00; transform: rotate(8deg)!important; left: 0px; top: 15px!important; border-top: 1px solid #858484; } .quick_add_sizes button.disabled-size:hover { color: #6e6e6e; } html { padding-bottom: 0px!important; } /*----------single-product-page--------*/ aside#cart p.link-btn.wide.m10 a.overlay-tertiary:before { border-radius: 50px; } button::before, a::before { border-radius: 50px!important;; } a.swiper-pagination-bullet:before { border-radius: 4px!important; } a:hover, button:hover { animation: unset!important; } /*----------quidck-add-to-cart-------*/ .quick-add_overlay__DGZ3e { display: none!important; } .template-collection ul#collection li .quick-add_overlay__DGZ3e .quick-add_select-sizes__ir1QE li.quick-add_size-option__6cxha { width: 100%!important; max-width: 100%!important; } .quick-add_modal__VpaP_.size-pop-open:before { content: ''; background: #00000059; position: absolute; width: 100%; height: 100vh; bottom: 256px; } button.quick-add_close__eIiRT { position: absolute; right: 21px; top: 20px; width: 13px!important; height: unset; padding: 0px; cursor: pointer; margin: 0px; min-width: 30px!important; } button.quick-add_close__eIiRT:before { content: unset; } .quick-add_modal__VpaP_ h5.quick-add_heading___3ItK { display: flex; flex-direction: column; min-height: fit-content; font-family: 'Montserrat'; font-size: 14px; line-height: 19px; text-transform: uppercase; text-align: center; margin-bottom: 1.8rem; margin-top: 0px; } .quick-add_content__bJEcp { overflow-y: scroll; } .quick-add_product-wrap__OoR6d { padding: 0px 16px 16px; } .modal-product_product__YBMta { display: flex; justify-content: flex-start; width: 100%; } .modal-product_product-image__l5hmo { position: relative; height: 140px; min-width: 117px; } .modal-product_product-info__wfTKE { display: flex; flex-direction: column; padding: 0 0 8px; margin-left: 15px; } .modal-product_tag-container__Wm8Kb { font-family: 'Roboto', sans-serif; } .modal-product_product-image__l5hmo img { border-radius: 0px; } .tag_tag--opaque__zGoiO { background-color: #f5f5f5; backdrop-filter: none; display: flex; align-items: flex-end; width: fit-content; height: 25px; border-radius: 4px; padding: 0px 8px; color: #000; line-height: 20px; } .tag_tag__ZJW39 span { font-family: 'Roboto', sans-serif; font-weight: 800; font-size: 12px; color: #000; line-height: 24px; } .tag_tag-icon__IJIvz i { color: #e5323a; font-size: 15px; } .tag_tag__ZJW39 span img { width: 100%; max-width: 13px!important; transform: rotate(45deg); margin-right: 7px; } .product-card_product-title__9gis1 { -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-family: 'Roboto',sans-serif; font-weight: 400; font-size: 16px; line-height: 30px; color: #1b1b1b; text-transform: capitalize; margin-top: 5px; margin-bottom: 0px; } .product-card_product-colour__JApvJ { font-family: 'Roboto',sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #6e6e6e; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .product-card_price-container__9HpcE { display: flex; justify-content: flex-start; align-items: center; margin-top: 2px; } .product-card_product-price__bNBmg { font-family: 'Roboto',sans-serif; font-weight: 700; font-size: 16px; line-height: 24px; color: #000; } .product-card_compare-at-price__2MQSu { font-size: 16px; line-height: 24px; color: #bf2e35; text-decoration: line-through; padding-left: 4px; } .quick-add_select-sizes__ir1QE>h4 { font-family: 'Montserrat'; font-weight: 700; font-size: 14px; margin: 0 0 8px 16px; line-height: 20px; text-transform: uppercase; } .quick-add_select-sizes__ir1QE>ul li:first-child { border-top: 0.1rem solid #ebebeb; height: 50px; } .quick-add_select-sizes__ir1QE ul { padding: 0px; list-style: none; margin-bottom: 0px; } .quick-add_size-option__6cxha { height: 50px; border-bottom: 0.1rem solid #ebebeb; } .quick-add_quick-add-size-button__dJRh9 { display: flex; justify-content: space-between; align-items: center; height: 100%; width: 100%; } .quick-add_quick-add-size__6a2IH { font-family: 'Roboto'; font-size: 14px; font-weight: 700; text-transform: uppercase; } .quick-add_quick-add-size-button__dJRh9>button { display: flex; align-items: center; font-family: 'Roboto'; font-size: 14px; font-weight: 700; padding: 0; color: #000; justify-content: flex-end; margin: 0px } .mobile-size-button_add-icon__XBj0F { display: flex; align-items: center; margin-left: 0.6rem; top: 0px; } .quick-add_quick-add-size-button__dJRh9>button:before{ content:unset; } .mobile-size-button_add-icon__XBj0F.mobile-size-button_add-icon__XBj0F svg { width: 14px; height: 14px; } .accordion-a.compact summary::before, .m6tb.static.tabs-initialized div a.tabs-header:before { content: ''; background: #000; width: 15px; height: 1px; top: 64%; position: absolute; right: 0px; } .accordion-a.compact summary::after, .m6tb.static.tabs-initialized div a.tabs-header:after{ content: ''; background: #000; width: 15px; height: 1px; top: 46%; position: absolute; right: 0px; transform:rotate(90deg); } .m6tb.static.tabs-initialized div a.tabs-header:after { top: 43%; } .accordion-a.compact details[open] summary::after, .m6tb.static.tabs-initialized div a.tabs-header.toggle:after { transform: rotate(180deg); content:''; } .accordion-a.compact details[open] summary::before { content:unset; } .template-product figure span.label, .coll_item figure span.label { display: flex; } .recently-viewed-products .swiper-custom-pagination, .product-recommendations .swiper-custom-pagination{ display: none; } .header-collection .product-filters_information__BrFwJ span.product-filters_count__fk56Z{ padding-left:0px; } body.template-product { overflow-x: clip!important; } span.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { display: none; } body { overflow-x: clip; } #root .align-stretch.mobile-inv ul.l4cl.hr li figure { width: 140px; max-height: 115px; } .with-fancybox { overflow: auto; } .with-fancybox .fancybox__thumbs { display: none; } .template-collection main#content { padding: 25px 30px; } .template-collection main#content nav.n6br ol { margin-bottom: 0px; } .template-collection .m6cl .shopify-app-block { padding: 0px!important; } .header-collection { display: flex; justify-content: space-between; align-items: center; height: 25px; } .add-cart-icon{ animation: pulse-animation 2s infinite; } @keyframes pulse-animation { 0% { box-shadow: 0 0 0 0px rgba(241, 241, 241, 0.5); } 50% { box-shadow: 0 0 0 5px rgba(241, 241, 241, 0.4); } 100% { box-shadow: 0 0 0 10px rgba(241, 241, 241, 0.3); } } /*----------quidck-add-to-cart-------*/ @media (min-width:1001px){ .template-product .m6pr .swiper-wrapper { display: flex; flex-direction: row; transform: unset!important; height: 100%!important; flex-wrap: wrap; } .template-product .m6pr .swiper-custom-pagination { display: none; } .template-product .m6pr .l4pr.no-thumbs-mobile { margin: 0px!important; max-width: 100%; border-left-width: 38px; border-right-width: 0px; } .template-product .m6pr .swiper-wrapper .swiper-slide { max-width: 32.49%; flex: 0 0 32.49%; margin: 3px; border: 1px solid #edf4f4; } .template-product .m6pr .swiper-wrapper .swiper-slide.swiper-slide-active { max-width: 99.25%; flex: 0 0 99.25%; } .template-product .m6pr .swiper-wrapper .swiper-slide picture img { object-fit: contain !important; width: 100% !important; max-width: 100% !important; height: 100% !important; } .template-product .m6pr .swiper-wrapper .swiper-slide.swiper-slide-active .li.square, .template-product .m6pr .swiper-wrapper .swiper-slide.swiper-slide-prev .li.square, .template-product .m6pr .swiper-wrapper .swiper-slide.swiper-slide-next .li.square { width: 100%; } } @media (min-width:1024px){ .template-product .m6pr .swiper-wrapper .swiper-slide { max-width: 32.1%; flex: 0 0 32.1%; } } @media (min-width:1300px){ .template-product .m6pr .swiper-wrapper .swiper-slide { max-width: 32.5%; flex: 0 0 32.5%; } } @media (max-width:1400px){ .template-product .m6pr .l4pr.no-thumbs-mobile { margin: 0px!important; max-width: 100%; border-right-width: 0px; } } @media (max-width:1169px){ .template-product .m6pr .l4pr.no-thumbs-mobile { border-left-width: 0px; } } @media (max-width:1000px){ .template-collection ul#collection { margin-top: 10px; } p.link-btn.desktop-hide a.f8fl-toggle { padding: 14px 30px; line-height: 10px; } p.link-btn.desktop-hide a.f8fl-toggle i.icon-filter { font-size: 10px; } p.link-btn.desktop-hide a.f8fl-toggle { font-size: 12px; text-transform: uppercase; } .template-collection main#content { padding: 25px 0px; } .with-mobile-tab .m6tb.static .product-recommendations a::before, .with-mobile-tab .m6tb.static .product-recommendations a::after { content: unset; } body.template-product .with-mobile-tab .product-recommendations.has-anchor a.tabs-header.toggle:before, body.template-product .with-mobile-tab .product-recommendations.has-anchor a.tabs-header.toggle:after{ content:unset; } .product-scrolled .template-product main#content { position: relative; } .template-product.sticky-custom article.m6pr { position: relative; } .product-not-scrolled .template-product article.m6pr form.f8pr.f8pr-buy-button { position: sticky; bottom: 0px; width: 100%; z-index: 999; } .add-cart-btn { min-height: 78px; } .m6pn-open .template-product.sticky-custom article.m6pr form.f8pr.f8pr-buy-button { display: none; } .m6pn-open .template-product { margin-bottom: 0px; } body.template-product { margin-bottom: 60px; } .template-product.sticky-custom article.m6pr form.f8pr.f8pr-buy-button { position: fixed; bottom: 0px; width: calc(100% - 40px); z-index: 999; left: 22px; } .l4pr-container .l4pr .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #f46800; } .template-product #root .swiper-custom-pagination .swiper-pagination-clickable { display: flex; flex-wrap: nowrap; overflow: auto; overflow-y: hidden; justify-content: flex-start; } .fancybox__container { display: none!important; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet:before, .l4pr .swiper-pagination-bullets .swiper-pagination-bullet:after { content: unset; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet span { display: none; } .recently-viewed-products { position: static; } /* .l4cl .swiper-android .swiper-slide, .l4cl .swiper-wrapper { transform: unset!important; } */ .f8fl-open #root .m6cl > aside header h3 { padding: 0px 23px; margin-bottom: 0px; } .template-collection article.m6pr form.f8pr { position: sticky!important; bottom: 0px; left: 0; z-index: 999; } .header-collection button.product-filters_toggle-filters__sA3Za { display: none; } .template-collection .m6cl>div form.f8sr { max-width: 50%; flex: 0 0 50%; margin: 0px; text-align: right; } .template-collection .m6cl>div .header-collection { max-width: 50%; flex: 0 0 50%; } .template-collection .m6cl>div form.f8sr p.link-btn.desktop-hide { margin-right: 0px; } nav.n6pg.text-end { max-width: 100%; flex: 0 0 100%; } .template-collection .m6cl>div { display: flex; flex-wrap: wrap; align-items: center; } header.mobile-hide { margin-bottom: 10px; margin-top: 30px!important; } .with-mobile-tab footer { margin-top: 40px; } article.m6pr .f8pr { position: relative; } body.template-product::-webkit-scrollbar, #root::-webkit-scrollbar, .js.t1nn #root::-webkit-scrollbar, .js.t1mn #root::-webkit-scrollbar{ display:none!important; } body.template-product { overflow-x: clip; } #root, .js.t1nn #root, .js.t1mn #root { overflow: inherit; } .with-mobile-tab footer { margin-top: 0px; margin-bottom: 40px!important; } .template-product .m6pr .swiper-wrapper { height: auto!important; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet { max-width: 12%; flex: 0 0 10%; border: 1px solid #ddd; width: 68px; height: 68px; } } @media (max-width:767px){ /* #shopify-section-header { z-index: 0; } */ .l4pr .swiper-pagination-bullets .swiper-pagination-bullet img { object-fit: contain; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet { display: flex; max-width: 45%; flex: 0 0 45%; } #root .align-stretch.mobile-inv ul.l4cl { z-index: auto!important; } #root .align-stretch.mobile-inv ul.l4cl li { z-index: auto!important; } .template-product .m6pr .l4pr.no-thumbs-mobile.no-scrollbar.s4wi { z-index: 0; } .template-product .f8pr-buy-button p.submit.m10 { z-index: 0!important; } .template-product a.tabs-header.toggle { z-index: -1; } .template-product .l4cl.slider.w25.s4wi { z-index: auto; } .product-not-scrolled button.needsclick, .product-not-scrolled div#trustbadge-container-98e3dadd90eb493088abdc5597a70810 { z-index: 0!important; } body.template-product header.mobile-only { z-index: 0!important; } .has-anchor { z-index: auto; } footer.m6tb.static.desktop-hide .has-anchor { z-index: 0!important; } #root .quick-add_select-sizes__ir1QE ul .sold-btn li { width: 100%; max-width: 100%; min-width: 100%; } #root .align-stretch.mobile-inv ul.l4ft.mobile-box li { position: static!important; } .template-collection .m6cl { position: relative; } .template-collection .m6cl>div form.f8sr { position: sticky; top: 60px; z-index: 9!important; } aside#cart { z-index: 999; } .palette-light.module-color-palette.l4us.wide.no-nav.l4us-mobile.s4wi { z-index: 0; } .coll_item figure .add-cart-icon { display:block; } .template-collection .m6cl>div form.f8sr ul.l4vw li.active { display: block; position: relative; width: 50%; text-align: center; } .template-collection .m6cl>div form.f8sr ul.l4vw li { margin: 0px; text-align: center; width: 50%; } .template-collection .m6cl>div form.f8sr p.link-btn.desktop-hide .f8sr .link-btn a { height: 46px; line-height: 46px; } .template-collection .m6cl>div form.f8sr ul.l4vw li.active i { color: #f46800!important; } .template-collection .m6cl>div form.f8sr ul.l4vw li i.icon-view-list, .template-collection .m6cl>div form.f8sr ul.l4vw li i.icon-view-grid{ color: #fff; } .template-collection .m6cl>div form.f8sr ul.l4vw { display: flex; justify-content: space-between; background: #f46800; border-radius: 50px; padding: 10px 6px; position: absolute; min-width: unset; width: 48%; left: 0px; top: 50%; right: auto; margin-bottom: 0px; transform: translateY(-50%); } .template-collection .m6cl>div form.f8sr ul.l4vw li.active:before { content: ""; position: absolute; height: 36px; width: 100%; background-color: #fff; border-radius: 3.4rem; left: 0px; top: 50%; transition: transform .2s; transform: translateY(-50%); box-shadow: 0 0.2rem 0.6rem rgb(0 0 0 / 5%); } .with-fancybox { overflow: scroll!important; } .coll_item .quick_add_container { display: none; } .quick-add_overlay__DGZ3e.size-pop-open .quick-add_modal__VpaP_ ul form li.quick-add_size-option__6cxha { margin-bottom: 0px!important; width: 100%!important; min-width: 100%!important; max-width: 100%!important; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet { display: flex; max-width: 15%; flex: 0 0 15%; } .f8sr fieldset p.link-btn.desktop-hide { width: 48%; } .f8sr fieldset p.link-btn.desktop-hide a.f8fl-toggle { width: 100%; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet { border: 1px solid #ebebeb; } .template-collection .m6cl p.link-btn a.f8fl-toggle { height: 46px; line-height: 21px; } .template-collection .m6cl>div form.f8sr ul.l4vw li i.icon-view-list:before { content: ''; position: absolute; width: 20px; height: 15px; top: 50%; font-weight: 900; background-repeat: no-repeat; font-size: 20px; transform: translateY(-50%) rotate(90deg); border: 1px solid #fff; } .template-collection .m6cl>div form.f8sr ul.l4vw li.active i.icon-view-list:before { border: 1px solid #f46800; } .li.square.has-form, .s4wi, .swiper-wrapper { z-index: inherit; } #shopify-section-footer { z-index: 0; } #root ul#collection.list li .coll_item figure { width: 100%; height: auto; max-width: 100%; flex: 0 0 100%; min-height: 100%; margin-bottom: 25px; } #root ul#collection.list li .coll_item figure a { display: block; height: 100%!important; padding-bottom: 400px; position: relative; } /* #root { z-index: inherit; }*/ .template-collection ul#collection { z-index: inherit; }/* #shopify-section-announcement-bar, #shopify-section-header { z-index: 9; }*/ /* .js.t1cl #content { z-index: inherit; } */ .coll_item figure { z-index: inherit!important; } .quick-add_product-wrap__OoR6d img { object-fit: contain!important; } .quick-add_overlay__DGZ3e.size-pop-open { position: fixed; left: 0px; bottom: 0px; background: #000000a6; width: 100%; z-index: 999; display: block!important; height: 100%; } .quick-add_overlay__DGZ3e.size-pop-open .quick-add_modal__VpaP_ { overflow: scroll; position: absolute; bottom: 0px; background: #fff; width: 100%; border-radius: 20px 20px 0px 0px; height: fit-content; max-height: 95%; } .quick-add_overlay__DGZ3e.size-pop-open .quick-add_modal__VpaP_ ul form { border-bottom: 1px solid #ddd; } .quick-add_overlay__DGZ3e.size-pop-open .quick-add_modal__VpaP_ ul form:first-child { border-top: 1px solid #ddd; } .quick-add_overlay__DGZ3e.size-pop-open .quick-add_modal__VpaP_ ul form li.quick-add_size-option__6cxha { margin-bottom: 0px!important; } .template-collection ul#collection li { position: relative; z-index: inherit; } ul#collection.list li:before { content: unset; } ul#collection.list .quick-add_overlay__DGZ3e.size-pop-open h5.quick-add_heading___3ItK { padding-top: 24px; } ul#collection.list .quick-add_overlay__DGZ3e.size-pop-open form { width: 100%; max-width: 100%; } .template-collection ul#collection li .quick-add_overlay__DGZ3e .quick-add_select-sizes__ir1QE li.quick-add_size-option__6cxha { width: 100%!important; max-width: 100%!important; min-height: unset; padding: 0px 17px; } .quick-add_overlay__DGZ3e { position: fixed; left: 0px; bottom: 0px; background: #fff; width: 100%; } .f8fl-open #root .m6cl > aside p.link-btn.submit.desktop-hide { padding: 20px 0px; } .f8pr-variant-selection a.bundle_product_grid img { max-width: 50px!important; } .template-product #root .swiper-custom-pagination span.swiper-button-prev, .template-product #root .swiper-custom-pagination span.swiper-button-next, .template-product #root .swiper-custom-pagination span.swiper-custom-fraction { display: none; } #root ul.l4cl.hr .coll_item figure { max-height: 125px; width: 125px; } .template-product #root .swiper-custom-pagination .swiper-pagination-clickable { display: flex; width: 100%; } aside#cart ul.l4tt.m15 { margin-bottom: 0px; } .f8fl-open #root .m6cl > aside header h3 { padding: 0 22px; } ul#collection li .coll_item:hover .quick_add_container { opacity: 0; } .template-collection ul.list li { width: 100%; max-width: 100%; flex: 0 0 100%; } .template-collection ul.list { margin-top: 0px; } .template-collection ul.list .coll_item figure { position: relative!important; max-width: 32%; flex: 0 0 32%; } .template-collection .m6cl>div .header-collection { max-width: 100%; flex: 0 0 100%; } .template-collection .m6cl>div form.f8sr { max-width: 100%; flex: 0 0 100%; margin: 10px 0px; text-align: right; } /* .template-collection .m6cl>div form.f8sr ul.l4vw { position: absolute; min-width: unset; width: auto; left: 0px; top: 50%; right: auto; margin-bottom: 0px; transform: translateY(-50%); } */ article.m6pr header.mobile-only { order: 2; display: flex!important; flex-direction: column; } article.m6pr .l4pr-container { order: 1; display: flex; } article.m6pr div:nth-child(3) { order: 3; } article.m6pr .swiper-slide:nth-child(3) { order: unset; } p.submit.m10 button.overlay-tertiary { margin-bottom: 10px!important; } body .f8pr button.wishlist { margin: 0px; } .checkout-today ul li span.pay-card { max-width: unset; flex: unset; margin-right: 20px; } .checkout-today { margin: 30px 0px 0px; } .delivered-today.checkout-today ul li span.pay-card { max-width: unset; flex: unset; } .share-btn button.share-item { width: 100%; } footer.m6tb.static.desktop-hide { order: 4; display: flex; } footer.m6tb.static.desktop-hide.tabs-initialized div { width: 100%; } .template-collection .m6cl form ul { display: block; } aside#cart p.link-btn span.mobile-only { min-width: unset; width: 100%; display: flex; justify-content: space-between; margin: 0px; } .quick-add_select-sizes__ir1QE ul .sold-btn { border-bottom: 1px solid #ddd; } .quick-add_select-sizes__ir1QE ul .sold-btn li.quick-add_size-option__6cxha { margin-bottom: 0px!important; } .template-collection ul.list .coll_item { width: 100%; display: flex; flex-direction: column; } .template-collection ul.list .coll_item .coll_item_content { max-width: 100%; flex: 0 0 100%; padding-left: 0px!important; } .template-index ul.l4cl li .quick-add_overlay__DGZ3e.size-pop-open h5.quick-add_heading___3ItK { padding-top: 26px; } .template-index ul.l4cl li .quick-add_overlay__DGZ3e.size-pop-open ul li { width: 100%; max-width: 100%; min-width: 100%; padding: 10px 20px 10px!important; min-height: unset!important; } /* #root .l4cl li, #root .l4cl .li { min-width: 200px; max-width: 200px; } */ #root .l4cl.s4wi li, #root .l4cl.s4wi .li { border-left-width: 16px; border-right-width: 16px; } } @media (max-width:639px){ .l4pr .swiper-pagination-bullets .swiper-pagination-bullet { display: flex; max-width: 20%; flex: 0 0 20%; } .template-product #root .swiper-custom-pagination .swiper-pagination-clickable { margin-bottom: 0px; } header.mobile-only { margin-top: 20px; } } @media (max-width:479px){ .template-collection .m6cl>div .header-collection { max-width: 100%; flex: 0 0 100%; } #root ul#collection.list li .coll_item figure a { padding-bottom: 300px; } .template-collection .m6cl>div form.f8sr { max-width: 100%; flex: 0 0 100%; margin: 6px 0px 10px; text-align: right; } .checkout-today ul li .text-code { max-width: 75%; flex: 0 0 75%; } .template-collection ul#collection li .coll_item figure .add-bag-icon { width: 32px; height: 32px; padding: 15px; } .template-collection ul#collection li .coll_item figure .add-bag-icon img { max-width: 20px!important; } } /* ----------updated-css-28-04-23------------ */ body .bundle_product_grid img { max-width: 100% !important; height: 90px !important; object-fit: contain; width: 90px; } @media (max-width: 1000px){ p.link-btn.desktop-hide a.f8fl-toggle { padding: 14px 0px; } ul#collection .ssw-faveiticon{ z-index:8 !important; } .l4cl a:after{ z-index:7 !important; } } @media (max-width:767px){ body .bundle_product_grid img { height: auto !important; } } /*------08-05-23--css-update--------*/ @media (max-width:479px){ #nav-user > ul > li.sub.user-login { margin: 0 3px; } #nav-user > ul > li.gw-custom { margin: 0 3px; } #logo img { max-width: 150px !important; } } @media (max-width:359px){ #header-inner > .search-compact-cont{ left: 35px; } #logo.text-center-mobile, #header.text-center-mobile #logo{ left:46%; } #logo img { max-width: 130px !important; } } /* new collection page style -------------------------------------*/ /* body.template-index #root { background: #F9f9f9; } body.template-collection { background: #F9f9f9; } body.template-collection div#root { background: #F9f9f9; } */ .template-collection ul#collection li .coll_item, .li .coll_item { background: #fff; border: 0; height: 100%; padding: 20px; border-radius: 5px; transition: box-shadow .18s ease; box-shadow: inset 0 0 0 .1rem #f6f6f6; display: flex; flex-direction: column; } .template-collection ul#collection li .coll_item:hover, .li .coll_item:hover{ z-index: 1; box-shadow: inset 0 0 0 0.1rem rgba(246,246,246,1), 0 3px #00000009; } .template-collection ul#collection li { border: 0!important; padding: 0 8px!important; margin: 0 0 16px; } .template-collection ul#collection li .coll_item figure, .li .coll_item figure { border: 0; margin-bottom: 0; } .template-collection .quick_add_container, .li .coll_item .quick_add_container { position: static; opacity: 1!important; padding: 0; margin: 0; width: 100%; display:block!important; } .template-collection ul#collection li .coll_item .coll_item_content, .li .coll_item .coll_item_content{ text-align: center; padding: 10px 0 0; flex: 1; display: flex; flex-direction: column; } .coll_item .coll_item_content p.price span.old-price { display: inline-block; font-size: 90%; opacity: 0.75; text-decoration: none; position: relative; } .coll_item .coll_item_content p.price { margin: 25px 0 15px; display: flex; flex-direction: column; align-items: center; font-size: 18px; min-height: 45px; display: flex; flex-direction: column; justify-content: flex-end; } .coll_item .coll_item_content p.price span.old-price:after { content: ""; display: block; position: absolute; top: 10px; left: 0; width: 100%; height: 1px; border: 1px solid currentColor; opacity: .5; } .template-collection .quick_add_container .quick_add_container_inner, .quick_add_container .quick_add_container_inner { padding: 0; } .quick_add_container_inner button.btn.add_to_bag { min-height: 44px; } .template-collection ul#collection li .coll_item .coll_item_content .static, .li .coll_item .coll_item_content .static{ margin-top: auto; } .template-collection .coll_item .product_shipping_detail, .li .coll_item .product_shipping_detail{ display: flex; /* justify-content: space-between; gap: 10px; */ flex-wrap: wrap; justify-content: center; gap: 2px 16px; flex-direction: column; } .template-collection ul#collection li .coll_item h3 a, .li .coll_item h3 a{ white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden; } .coll_item figure span.label{ left:0; } .coll_item .weight_info { right: 0; } .coll_item .weight_info, .coll_item figure span.label { z-index: 9; } .swiper-wrapper .li .coll_item .product_shipping_detail { justify-content: center; gap: 2px 16px; } .swiper-wrapper .li .coll_item .coll_item_content h3 { padding: 0; } .swiper-wrapper .li .coll_item .coll_item_content p.price { font-size: 16px; } .li .coll_item{ padding:15px; } @media (max-width:767px){ .template-collection ul#collection li { padding: 0 5px!important; margin: 0 0 10px; } .template-collection ul#collection li .coll_item, .li .coll_item { padding: 15px 12px; } .coll_item .coll_item_content p.price { margin: 15px 0 10px; font-size: 16px; } .template-collection #root .m6cl .l4cl { overflow-x: auto; overflow-y: hidden; } .template-collection .coll_item .product_shipping_detail, .li .coll_item .product_shipping_detail { display: flex; justify-content: center; flex-wrap: wrap; gap: 0; } #root .l4cl.s4wi li, #root .l4cl.s4wi .li { border-left-width: 5px!important; border-right-width: 5px!important; width: 100%!important; max-width: 100%!important; } #root .l4cl.s4wi .swiper-slide { width: 275px !important; margin: 0 !important; } } .template-product article header.mobile-hide { flex-wrap: wrap; } .template-product article header.mobile-hide p.price { flex: 0 0 100%; max-width: 100%; justify-content: flex-start; font-size: 24px; line-height: 1.3; } .template-product article header.mobile-hide h1.m5 { font-size: 18px; } body .bundle_product_grid img { height: 65px !important; width: 65px; } .quick_add_sizes label.product-size span { font-family: Inter, Noto, 'Noto Sans', -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantrell, 'Helvetica Neue', Arial, Helvetica, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; } /* Product page style ----------------------------------------*/ .template-product .f8pr-stock { background: #f5f5f5; border-radius: 0 0 4px 4px; padding: 0 24px 24px; } .checkout-today ul { margin: 0; } .checkout-today { margin: 30px 0 0; } .template-product .product_right_tab .product_shipping_detail span, .template-product .product_right_tab .product_shipping_detail span.shipping_day { font-size: 14px; font-weight: normal; font-family: 'Roboto', sans-serif; line-height: 23px; color: #444!important; font-weight: 600; padding-left: 41px; } .template-product .product_right_tab .product_shipping_detail span.shipping_day { padding-left: 0; } .template-product .product_right_tab .product_free_ship { margin: 0 0 20px; } .checkout-today ul { margin: 0; padding-bottom: 20px; } .template-product .product_right_tab .product_shipping_detail #pickupAvailabilityHTML, .template-product .product_right_tab .product_shipping_detail .product_free_ship{ background-image: url('/cdn/shop/files/date.png?v=1697628574'); background-color: transparent; background-position: left center; background-size: 26px auto; background-repeat: no-repeat; } .template-product .product_right_tab .product_shipping_detail .product_free_ship{ background-image: url('/cdn/shop/files/truck.png?v=1697628575'); } @media (max-width:767px){ .f8pr-variant-selection a.bundle_product_grid img { height: 50px!important; } .template-product article header.mobile-only p.price { font-size: 22px; } } /* new css */ .quick_add_container_inner button.btn.add_to_bag:before, button:before, .link-btn a:before, #nav-user > ul > li > a i span:before, body .f8pr button.overlay-tertiary:before { border-radius: 0!important; transform: skew(-10deg, 0deg); } #nav-user > ul > li > a i span:before { border-radius: 50px!important; transform: none; } #cb-cookie_consent button { position: relative; background: transparent; } #cb-cookie_consent button:after { content: ""; left: 0; content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background: rgb(244, 104, 0); transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); } #root .palette-light ul.l4cn.box li:before { transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); } form#search button:before { transform: none; } .quick_add_container_inner button.btn.add_to_bag { max-width: calc(100% - 10px); margin: 0 auto; display: block; } .quick_add_buttons_list form { display: flex; justify-content: center; } /* ---------new-css-27-02-24---------- */ article.text-end .homeSlideContent p { margin-left: auto; } body #root .m6fr figure picture img:last-child { display: none; } body #root .m6fr figure picture img:first-child{ display: block; } @media (max-width:767px){ body #root .m6fr figure picture img:last-child{ display: block; } body #root .m6fr figure picture img:first-child{ display: none; } body #root .m6fr article.ratio_9_16:before{ content:''; position: static; padding-bottom: 177.85%; width: inherit !important; height: inherit !important; } body #root .m6fr article.ratio_4_5:before { content:''; position: static; padding-bottom: 125%; width: inherit !important; height: inherit !important; } body #root .m6fr.desktop_banner_slide .swiper-autoheight .swiper-slide{ display:block; } body #root .m6fr article.ratio_1_1:before { padding-bottom: 100%; content:''; position: static; width: inherit !important; height: inherit !important; } body #root .m6fr article.ratio_1_1, body #root .m6fr article.ratio_4_5, body #root .m6fr article.ratio_9_16{ min-height: inherit; padding:0 !important; } body #root .m6fr figure picture img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .desktop_banner_slide .homeSlideContent { position: absolute; top: 0; left: 0; } .desktop_banner_slide article.mob_align-top .homeSlideContent { top:20px; bottom:auto; } .desktop_banner_slide article.mob_text-start .homeSlideContent{ left:20px; text-align:left; } .desktop_banner_slide article.mob_text-center .homeSlideContent{ left:20px; right:20px; margin:0 auto; text-align:center; } .desktop_banner_slide article.mob_text-end .homeSlideContent{ right:20px; left:auto; text-align:right; } .desktop_banner_slide article.mob_align-bottom .homeSlideContent{ top:auto; bottom:20px; } .desktop_banner_slide article.mob_text_v_center .homeSlideContent{ top:50%; bottom:auto; transform:translateY(-50%); } }