/** Shopify CDN: Minification failed Line 1174:115 Unexpected "," Line 1201:301 Expected identifier but found "!" Line 1211:314 Expected identifier but found "!" **/ /* ------------------------------------------- Name: Theme+ Date: 2021/11/01 --------------------------------------------- */ *, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--secondary_bg); transform-origin: center center; } 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 { 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%; } @media (max-width: 749px) { body { overflow-x: hidden; } } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /* 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 */ /*! 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; --dark: #1A3945; --light: #EDF4F4; /* 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 */ } /*! 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; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { vertical-align: baseline; } 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; border-radius: 0; -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 i.icon-envelope { font-size: 0.8461538462em; } #nav-top > ul > li > a i.icon-twitter, #nav-top > ul > li > a i.icon-vkontakte { font-size: 1.0769230769em; } #nav-top > ul > li > a i.icon-instagram, #nav-top > ul > li > a i.icon-pinterest { font-size: 1.2857142857em; } #nav-top > ul > li > a i.icon-youtube { font-size: 1.1538461538em; } #nav-top > ul > li > a i.icon-facebook, #nav-top > ul > li > a i.icon-vimeo, #nav-top > ul > li > a i.icon-wechat, #nav-top > ul > li > a i.icon-weibo { font-size: 1.2307692308em; } #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 { -webkit-flex-wrap: wrap; flex-wrap: wrap; row-gap: 6rem; } #shopify-section-footer > nav > * { position: relative; z-index: 2; width: calc(16.666% - 8px * 3 / 4); max-width: calc(16.666% - 8px * 3 / 4); /*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: 0; right: 0; 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 > .strong, #shopify-section-footer > nav > .m6cn { width: calc(33% - 8px * 3 / 4); max-width: calc(33% - 8px * 3 / 4); } #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; } #totop { position: fixed; right: var(--rpp); bottom: var(--rpp); z-index: 7; margin: 0; } #totop a { display: block; overflow: hidden; position: relative; z-index: 2; width: 44px; height: 44px; border-radius: var(--b2r); background: var(--secondary_bg); color: var(--secondary_btn_text); font-size: 8px; text-indent: -3000em; text-align: left; direction: ltr; } #totop a:after { content: "\e908"; } #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; } #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:not(.compact) details[open] { border-color: var(--light); background: var(--light); color: var(--dark); } .accordion-a:not(.compact) details[open]:before { background: var(--light); } .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; } #root .l4cl:not(.hr) .link-btn a, #root .l4cl:not(.hr) button { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } } .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; } .countdown-container:not(.done), img.no-pl-px:not([src]) { visibility: hidden; opacity: 0; } 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:not(.l4ch), .m6pr-compact .l4pl { margin-bottom: 22px; } /*.m6pr-compact .s1pr { }*/ .m6pr-compact .s1pr .small { display: inline; margin: 0; padding: 0; } .m6pr-compact p + .s1pr { margin-top: -17px; } .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: -25px; margin-bottom: var(--main_mr); padding: 0; } .n6pg li, .spr-pagination > div > * { margin-right: 25px; } #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: -3px; } .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, [data-whatin="mouse"] .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; } [data-whatin="mouse"] .recommendation-modal__close-button-container button:hover { color: var(--secondary_bg) !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: -4px 0 18px !important; color: var(--gray) !important; font-weight: 400 !important; line-height: inherit !important; text-decoration: none !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; } [data-whatin="mouse"] .recommendation-modal__container .recommendation-modal__button--minimal:hover { text-decoration: underline !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: var(--main_fw_h); !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; } .s1ld { display: inline-block; position: relative; z-index: 2; } .s1ld:after { content: ""; display: inline-block; position: relative; top: .2em; width: 16px; height: 16px; margin-top: -16px; margin-left: 8px; border-radius: 9px; border: 2px solid var(--primary_text); border-left-color: rgba(0,0,0,0) !important; } .s1ld: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; } #root .l4cl .s1ld { display: block; width: 100%; padding-top: 22px; border-top: 1px solid var(--gallery); font-weight: 400; text-align: center; } #root .s1ld.compact { min-height: 16px; text-align: left; text-indent: -3000em; direction: ltr; } .s1ld.compact:after { display: block; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px; } #root .l4cl .s1ld.compact:after { top: calc(50% + 11px); } .s1pr { color: var(--price_color); font-weight: 700; line-height: var(--main_lh_l); } .s1pr span { color: var(--price_color_old); font-weight: 400; text-decoration: line-through; } #root .s1pr span { margin-right: 5px; }.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 6px; } .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(--primary_text_h); font-size: var(--size_16_f); line-height: 1px; opacity: .33; } .s1tt-cont { position: relative; z-index: 20; } /*! 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%; } .link-btn.wide > * + .inline { margin-top: 8px; } /* 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; } div:not(.info) > p.limit { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } div:not(.info).link-more-clicked > p.limit { display: block; } /*! Media --------- */ img:not(.rio-media-gallery 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:not(.rio-media-gallery 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-compare { }*/ .img-compare figure { width: 100%; } .img-compare:not(.icv) > *:not(img:first-child, picture:first-child) { display: none; } .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; } .price span, #root .l4ca.compact section .price span { display: inline-block; 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); line-height: var(--main_lh); } .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 li.w100, .l4cl .li.w100, .l4cl.w100 li, .l4cl.w100 .li, .l4ne li.w100, .l4ne .li.w100, .l4ne.w100 li, .l4ne.w100 .li { width: 100%; 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); } #root .l4cl.category a span, #root .l4ft p a.strong span { z-index: 10; } .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:after { z-index: 9; } .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 .price .price-varies { color: var(--price_color); text-decoration: none; } .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: 9; 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, .l4cl.hr button.w160 { -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); font-weight: 400; line-height: var(--main_lh); } .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, #shopify-section-header .l4ft p { margin-bottom: 12px; } .l4ft .link-btn, #shopify-section-header .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 .swiper-outer { overflow: hidden; } .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 img, .l4ps video, .l4ps iframe { border-radius: 0; } .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, #totop 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, #totop a: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; } /*.f8nw .invalid-feedback { width: 100%; }*/ .f8nw.wide { padding-left: 0; padding-right: 0; } /*.f8pr { }*/ .f8pr > div { position: relative; } .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, .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 --------- */ html.no-js .no-js-hidden, html:not(.no-js) .js-hidden { display: none; } 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, .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, .f8pr.unavailable .s1pr, .f8pr.unavailable .pickup, .f8pr.unavailable .stock, .f8pr.unavailable p.submit + .overlay-quaternary, .f8pr.unavailable .no-zindex h2.label, .f8pr.unavailable .no-zindex h2.label + ul.check.inline, .f8pr.unavailable p[data-element] { 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, li.search.mobile-only.hidden { 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; } .no-js a[data-panel], .no-js a.link-more { display: none; } .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, #shopify-section-header .l4ft .link-btn:first-child { 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, .link-btn.m0 > *, .submit.m0 > * { 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 */ .heading-has-image, .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 */ .heading-has-image, .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 > 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 */ .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 */ .heading-has-image, .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, .l4cl .f8pr 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 button.w160, .l4cl .link-btn a.w160, button.wide, .link-btn a.wide/*, #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-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.portrait:not(.cover) img { height: auto !important; } .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, .l4ps .swiper-outer { border-radius: var(--b2r); } ::-webkit-scrollbar-thumb, #root .cover img { 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) { .t1wd { --glw: none; } .t1wd .m6fr.wide, .t1wd .m6fr.wide.s4wi { margin-left: var(--rpn); margin-right: var(--rpn); } .t1wd .m6fr.wide.s4wi article, .t1wd .m6fr.wide article, .t1wd .m6fr.slider-fraction .swiper-custom-pagination, .t1wd #root .m6fr.wide article.aside { padding-left: var(--rpp); padding-right: var(--rpp); } .t1wd .m6fr.wide figure, .t1wd .m6fr.wide article:before, .t1wd .m6wd:before, .t1wd .m6wd .background, .t1wd .f8nw.wide:before, .t1wd .f8nw.wide .background, .t1wd .l4us.wide:before, .t1wd .m6tb > nav:before, .t1wd .m6wd:before, .t1wd .m6bx.wide:before { left: var(--rpn); right: var(--rpn); width: auto; margin-left: 0; } .t1wd .m6pr .l4pr { max-width: none; } } */ @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: 22px; } #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; } #totop { padding-bottom: 0 !important; } } @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, #root .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: 20px 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.s4wi:not(.no-thumbs-mobile) .swiper-button-next { right: 16px; } .l4pr.s4wi:not(.no-thumbs-mobile) .swiper-button-prev { left: 16px; } .l4pr.s4wi:not(.no-thumbs-mobile) .swiper-button-next, .l4pr.s4wi:not(.no-thumbs-mobile) .swiper-button-prev { width: 44px; color: var(--coal); font-size: var(--size_12_f); } .l4pr.s4wi:not(.no-thumbs-mobile) .swiper-button-prev:after, .l4pr.s4wi:not(.no-thumbs-mobile) .swiper-button-next:after { top: 50%; bottom: auto; height: 44px; margin-top: -22px; background: var(--white); opacity: .7; } .l4pr.s4wi:not(.no-thumbs-mobile) .swiper-button-next:after, .l4pr.s4wi:not(.no-thumbs-mobile) .swiper-button-prev:after { border-radius: 48px; } .l4pr:not(.no-thumbs-mobile) .swiper-button-next:after, .l4pr:not(.no-thumbs-mobile) .swiper-button-prev:after, .m6pr .l4pr:not(.no-thumbs-mobile) .swiper-button-prev:after, .m6pr:not(.no-thumbs-mobile) .l4pr .swiper-button-next:after { left: 0; 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; } }