*, *: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; padding-bottom: 0 !important; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; } body { overflow-x: hidden; width: 100%; min-height: 100%; background: var(--custom_footer_bg_bottom); font-size: var(--main_fz); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } :root { --white: hsl(0, 0%, 100%); --porcelain: hsl(0, 0%, 98%); --sand: hsl(0, 0%, 96%); --gallery: hsl(0, 0%, 93%); --alto: hsl(0, 0%, 86%); --gray: hsl(0, 0%, 58%); --gray_text: #959595; --coal: hsl(0, 0%, 20%); --coal_rgba: 51, 51, 51; --coal_text: var(--white); --cod: hsl(0, 0%, 13%); --black: hsl(0, 0%, 0%); --black_static: #000000; --wine: #eb5757; --lime: #95bf47; --emerald: #4caf50; --turquoise: #48cfad; --sky: #88c2ff; --amour: #faf0f3; --tan: #FEEFEA; --pine: #F4B63F; --rose: #E63312; --blush: #eeb8c9; --whatsapp: #08b074; --twitter: #4fc1e9; --linkedin: #0072b1; --facebook: #3c599f; --pinterest: #E60023; --youtube: #FF0000; --dark: #1A3945; --light: #EDF4F4; --primary_text: var(--coal); --primary_text_h: var(--coal); --primary_text_rgb: var(--coal_rgba); --primary_bg: var(--white); --secondary_text: var(--white); --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; --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); --theme_bg_gradient: linear-gradient(135deg, #E84A93 20%, #FBC34A 100%); --theme_bg_gradient_dark: linear-gradient(135deg, #FBC34A 20%, #E84A93 100%); --custom_alert_bg: var(--secondary_bg); --custom_alert_fg: var(--white); --custom_top_main_bg: var(--primary_text); --custom_top_main_fg: var(--white); --custom_top_main_link_bg: var(--secondary_bg); --custom_top_main_link_dark: var(--secondary_bg_dark); --custom_top_main_link_text: var(--secondary_text); --custom_top_nav_bg: var(--sand); --custom_top_nav_bd: var(--sand); --custom_top_nav_fg: var(--primary_text); --custom_top_nav_fg_hover: var(--secondary_bg); --custom_top_nav_h: calc(var(--custom_top_nav_fz) * 3.1428571429); --custom_top_nav_ff: inherit; --custom_top_nav_fz: 1em; --custom_top_nav_fz_sub: 1em; --custom_top_nav_fw: inherit; --custom_top_nav_fs: inherit; --custom_top_nav_ls: inherit; --custom_drop_nav_head_bg: var(--white); --custom_drop_nav_fg: var(--primary_text); --custom_drop_nav_fg_hover: var(--secondary_bg); --custom_top_up_bg: var(--sand); --custom_top_up_fg: var(--primary_text); --custom_top_up_fg_hover: var(--secondary_bg); --custom_top_search_h: calc(var(--btn_fz) * var(--main_lh_h) + min(var(--btn_pv), 20px) * 2); --custom_top_search_bg: var(--white); --custom_top_search_bd: var(--white); --custom_top_search_fg: var(--primary_text); --custom_top_search_pl: var(--gray_text); --custom_drop_nav_bg: var(--sand); --custom_footer_bg: var(--sand); --custom_footer_fg: var(--primary_text); --custom_footer_fg_hover: var(--secondary_bg); --custom_footer_bg_bottom: var(--gallery); --custom_footer_fg_bottom: var(--primary_text); --custom_footer_fg_bottom_hover: var(--secondary_bg); --custom_footer_link_bg: var(--secondary_bg); --custom_footer_link_dark: var(--secondary_bg_dark); --custom_footer_link_text: var(--secondary_text); --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_fz_small: calc(var(--main_fz) * 0.8571428571); --main_fw: 400; --main_fw_strong: 700; --main_fw_h: 700; --main_fw_h_strong: 700; --main_fs: normal; --main_fs_h: normal; --main_ls: normal; --main_ls_h: normal; --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_tt: none; --main_tt_h: none; --main_lh: 1.8571428571; --main_lh_l: calc(var(--main_lh) * 0.5 + var(--main_lh_h) * 0.5); --main_lh_h: 1.1875; --main_lh_hc: 1.1; --main_mr: calc(var(--main_lh) * var(--main_fz)); --main_h_small: var(--size_16_f); --main_h1: 32px; --main_h2: 24px; --main_h3: 21px; --main_h4: 18px; --main_h5: var(--main_h_small); --main_h6: var(--main_h_small); --main_lead: 18px; --mob_h_small: var(--size_13_f); --mob_fz: 14px; --mob_h1: 22px; --mob_h2: 18px; --mob_h3: 17px; --mob_h4: 15px; --mob_h5: var(--mob_h_small); --mob_h6: var(--mob_h_small); --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); --btn_bd: 1px; --btn_br: var(--b2r); --btn_pv: 14px; --btn_ph: 18px; --btn_fz: var(--size_14_f); --btn_fz_mob: var(--size_14_f); --btn_fw: var(--main_fw_strong); --btn_ff: inherit; --btn_fs: normal; --btn_lh: 1.1875; --btn_ls: normal; --btn_tt: none; --btn_sh_inner_c: rgba(0,0,0,.1); --btn_sh_inner: inset 2px -2px 0 var(--btn_sh_inner_c); --btn_dist: 16px; --input_h: calc(var(--btn_fz) * var(--main_lh_h) + var(--btn_pv) * 2); --sale_label_fz: var(--size_12); --breadcrumbs_fz: var(--size_13_f); --price_fz: var(--main_fz); --price_ff: var(--main_ff); --price_fs: var(--main_fs); --price_fw: var(--main_fw_bold); --price_ls: var(--main_ls); --price_color: inherit; --price_color_old: var(--primary_text); --product_label_bg: var(--secondary_bg); --product_label_bg_dark: rgba(0,0,0,.1); --product_label_text: var(--secondary_text); --product_label_bg_custom: var(--quaternary_bg); --product_label_text_custom: var(--quaternary_text); --rpp: 30px; --rpn: -30px; --b2r: 4px; --b2i: var(--b2r); --b2p: var(--b2r); --glw: 1280px; --ghw: var(--glw); --l0ra: 0px; --lar0: auto; --l1ra: 100%; --lar1: auto; --text_align_start: left; --text_align_end: right; --drop_nav_mah: 75vh; --drop_nav_mah_fixed: 75vh; --mega_nav_mah: 75vh; --mega_nav_mah_fixed: 75vh; --sticky_nav_mah: 100vh; --sticky_offset: 0px; --f8ps_h: 0px; --header_outer_height: -3000px; --content_p: 25px; --scrollbar_width: 17px; --header_mih: 69px; --header_mih_c: var(--header_mih); --header_mih_m: 45px; --logo_h: 130px; --logo_h_m: 88px; --nav_user_h: max(var(--input_h), var(--logo_h)); --justify_content: flex-start; --footer_li_dist: 0px; --ratio: 1; --f8ps_bg: var(--custom_drop_nav_head_bg); --f8ps_fg: var(--custom_drop_nav_head_fg); --label_dist: 10px; --ann_p: 14px; --f8pr_submit_dist: 8px; --dots_dist: 24px; --f8sr_dist: 30px; } body, textarea, input, select, option, button { color: var(--primary_text); font-family: var(--main_ff); font-style: var(--main_fs); font-weight: var(--main_fw); line-height: var(--main_lh); text-transform: var(--main_tt); letter-spacing: var(--main_ls); } 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-style: var(--main_fs_h); font-family: var(--main_ff_h); line-height: var(--main_lh_h); text-transform: var(--main_tt_h); letter-spacing: var(--main_ls_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 calc(var(--main_mr) * 0.4615384615); font-weight: var(--main_fw); font-family: var(--main_ff); font-size: var(--main_fz); text-transform: var(--main_tt); letter-spacing: var(--main_ls); opacity: .53; } h1 .small.overlay-content, h2 .small.overlay-content, h3 .small.overlay-content, h4 .small.overlay-content, h5 .small.overlay-content, h6 .small.overlay-content { opacity: 1; } 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:not(.removed, .link-btn) 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, #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; } .l4cl li:after, .l4ca li:after, .l4cl.aside:after, .l4pr:after, label:after, .label:after, .l4ne.featured:after, form p:not(.link-btn):after { content: ""; display: block; overflow: hidden; clear: both; } .l4ft li > .content:before, .s1ld .rating-label:before, .m6cu .background, .search-compact a:before, .m6lm.high:before, #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:before, .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, .l4cu.box li > span:before, .m6cu:before, .l4al li:after, .l4al li:before, .l4cn a:before, .l4ft li > .main: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, .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, .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, .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; } .m6tb .tabs-header:after, .m6bx.wide:before, #nav-top > .overlay-close, .m6cu.wide .background, .m6cu.wide:before, .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, #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; } #nav > ul > li.sub > a:not(.toggle):before, #nav-bar > ul > li.sub > a:not(.toggle):before, #nav > ul > li.sub-static > a:not(.toggle):before, #nav-bar > ul > li.sub-static > a:not(.toggle):before, #root .link-btn a.circle i, #root button.circle i, figure .l4hs > li > a:before, #header-inner > .link-btn a:after, #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, #nav > ul > li > a.toggle-wide:before, .l4al .close:before, .fancybox__container .carousel__button:before, #root .f8nw button i, .l4in.a 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, #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, #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; } #nav-top > .overlay-close, .m6cu > .link-overlay, .m6lm.high:before, 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; } .l4dr ul li img { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .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; } #root .l4dr ul li a i, .swiper-pagination-bullet.swiper-pagination-bullet-active:before { visibility: visible; opacity: 1; } .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; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet img, .l4pr img, .l4cl img { -webkit-align-self: center; -ms-align-self: center; align-self: center; } .m6cu .background, .m6cu .background *, .f8nw .background img, .f8nw .background picture, .f8nw .background video, #background img, #background picture, #background video, #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 svg { 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; } #root .check.box .cover img, #root img.cover, #root .cover img, #root picture.cover, #root .cover picture, #root video.cover, #root .cover video, #root iframe.cover, #root .cover iframe, #root .l4cl figure.overlay img, #root .l4cl figure.overlay picture { display: block; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } 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; -ms-hyphens: auto; hyphens: auto; } .size-12 a.overlay-content, .shopify-section-footer nav p a { text-decoration: underline; } #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:not(.inline), #root .l4ca footer p a, .l4ca p:not(.removed) 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; } #root { position: relative; z-index: 13; width: 100%; min-height: 100vh; padding: 0 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: relative; top: 0; z-index: 10; max-width: calc(100% + var(--rpp) * 2); margin: 0 var(--rpn); padding: 0 var(--rpp); color: var(--custom_top_main_fg); --maw_a: 140px; --maw_la: min(25vw, 320px); --logo_w: auto; --dist_main: 32px; } #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; width: 100%; max-width: var(--ghw); margin-left: auto; margin-right: auto; } .shopify-section-header #header-outer > .close { display: none; } #header, #header-inner { -webkit-align-items: center; align-items: center; } .shopify-section-header #header { position: relative; z-index: 5; width: calc(100% + var(--dist_main)); min-height: var(--header_mih); margin-right: calc(0px - var(--dist_main)); padding-top: 12px; } #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: var(--dist_main) solid rgba(0,0,0,0); } #logo { min-width: 0; max-width: var(--maw_la); margin: 0 0 12px; color: inherit; font-size: var(--size_22); line-height: var(--main_lh_h); } #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 span { display: block; } #logo a { min-width: 0; color: inherit; font-weight: var(--main_fw_strong); line-height: var(--main_lh_h); text-decoration: none; } #logo img, #logo picture { display: block; overflow: hidden; position: relative; width: var(--logo_w) !important; height: auto !important; max-height: var(--logo_h); border-radius: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: 0 center; object-position: 0 center; } #logo picture { max-height: var(--logo_h) !important; } #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; } #root #header-inner > .link-btn { min-width: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } #root #header-inner > .link-btn > * + * { margin-left: var(--dist_main); } [dir="rtl"] #root #header-inner > .link-btn > * + * { margin-left: 0; margin-right: var(--dist_main); } #root #header-inner > .link-btn .search-compact { display: none; position: relative; z-index: 2; width: auto; min-width: 0; padding: 0; border-radius: 0; color: var(--custom_top_main_fg); animation: none; } #header-inner > .link-btn .search-compact:before { display: none; } #header-inner > .link-btn .search-compact:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; z-index: 5; width: 44px; height: 44px; z-index: 9; margin: -22px 0 0 -12px; } html[dir="rtl"] #header-inner > .link-btn .search-compact:after { margin-left: calc(0px - var(--dist_main)); } #header-inner > .link-btn .search-compact i { display: block; top: 0; margin: 0; font-size: var(--size_20_f); line-height: 45px; } .t1sh #root #header-inner > .link-btn .search-compact { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #header-inner #search.compact-handle ~ nav li.search { display: none; } @media only screen and (min-width: 1301px) { .search-compact-is-centered #header-inner:not(.hide-btn) { --maw_la: min(20vw, 240px); } .search-compact-is-centered #root #search { max-width: 400px; } #root .shopify-section-header #header-inner > #search.text-center-sticky { position: absolute; left: 50%; z-index: 98; width: 100%; margin-left: 0; margin-right: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .search-compact-active #root .shopify-section-header #header-inner > #search.text-center-sticky { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .search-compact-active #root .shopify-section-header #header-inner > #search:not(.compact-mobile).text-center-sticky { z-index: 99; } .search-compact-is-centered #header-inner:not(.text-center-logo) #logo:has(span), .search-compact-is-centered #header-inner.logo-text:not(.text-center-logo) #logo { max-width: var(--maw_la); } } @media only screen and (min-width: 761px) { #header-inner:not(.text-center-logo) #logo:has(span), #header-inner.logo-text:not(.text-center-logo) #logo { max-width: none; -webkit-flex-shrink: 10; -ms-flex-shrink: 10; flex-shrink: 10; } #header-inner.text-center-logo { --maw_a: 150px; --maw_lb: 420px; --nav_user_h: calc(var(--header_mih) - 24px); } #header-inner.text-center-logo #logo { text-align: center; } #header-inner.text-center-logo #logo img { -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } html:not(.js) #header-inner.text-center-logo #search { opacity: 0; } #root .shopify-section-header #header-inner.text-center-logo > #logo { margin-left: auto; margin-right: auto; } #header-inner.text-center-logo #search, #header-inner.text-center-logo > .link-btn, #header-inner.text-center-logo > .search-compact:first-child { position: absolute; left: var(--l0ra); right: var(--lar0); top: 12px; bottom: 0; height: auto; } html:not(.search-compact-active) #header-inner.text-center-logo #search.compact, html:not(.search-compact-active) #header-inner #search.compact { top: -3000em; bottom: auto; } .search-compact-active:not(.search-compact-is-centered) #header-inner.text-center-logo > .link-btn { opacity: 0; } #header-inner.text-center-logo #search { width: 100%; max-width: var(--maw_lb); display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; } #header-inner.text-center-logo #search fieldset { position: relative; z-index: 2; } #header-inner.text-center-logo #nav-user { position: absolute; left: var(--lar0); right: var(--l0ra); top: 12px; bottom: 0; } [dir="ltr"] #search.text-end { margin-left: auto; } [dir="ltr"] #search.text-end ~ * { margin-left: 0; } .search-compact-active #search.text-end ~ * li.search { display: none; } .t1sr #root #header-inner.text-center-logo > .link-btn .search-compact { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .search-compact-active:not(.search-compact-is-centered) #header-inner.text-center-logo > .search-compact { display: none; } #header-inner.text-center-logo #search ~ #nav-user li.search { display: none; } } @media only screen and (min-width: 761px) and (max-width: 1100px) { #header-inner.text-center-logo { --maw_la: 30vw; --maw_lb: min(420px, 35vw); } } @media only screen and (min-width: 1001px) { #header-inner.hide-btn > .link-btn > a:first-child, .search-compact-handle-mobile #header-inner.hide-btn > .link-btn { display: none; } html:not(.t1sh, .t1sr) #header-inner.hide-btn > .link-btn { display: none; } #root #header-inner.hide-btn > .link-btn > * + * { margin-left: 0; margin-right: 0; } #header-inner.text-center-logo.hide-btn > .link-btn ~ #search.compact-handle ~ nav li.search { display: none; } #header-inner.hide-btn > .link-btn + .search-compact { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .t1nn .shopify-section-header #nav-bar, .t1nn .shopify-section-header #nav, #nav-bar.desktop-hide, #nav.desktop-hide { display: none; } } @media only screen and (max-width: 1000px) { #header-inner > .link-btn { -webkit-order: 1; order: 1; } #header-inner > #logo { -webkit-order: 2; order: 2; } #header-inner > #search { -webkit-order: 3; order: 3; } #header-inner > #nav-user { -webkit-order: 4; order: 4; } .t1mn:not(.search-compact-handle) .shopify-section-header #header-inner > .link-btn, html:not(.search-compact-handle) .shopify-section-header #header-inner.t1mn > .link-btn { --dist_main: 0px; } .t1mn .shopify-section-header #header-inner > .link-btn > a:first-child, .shopify-section-header #header-inner.t1mn > .link-btn > a:first-child { display: none; } .t1mn .shopify-section-header #header-inner > .link-btn > a:first-child + *, .shopify-section-header #header-inner.t1mn > .link-btn > a:first-child + * { margin-left: 0; margin-right: 0; } html:not(.t1sh-mobile) #root .shopify-section-header #header-inner.t1mn > .link-btn { margin-right: 0; } html[dir="rtl"]:not(.t1sh-mobile) #root .shopify-section-header #header-inner.t1mn > .link-btn { margin-left: 0; } } @media only screen and (max-width: 760px) { :root { --header_mih: var(--header_mih_m); } .shopify-section-header { --maw_la: 40vw; } #header-inner:not(.text-center-mobile ) #logo:has(span), #header-inner.logo-text:not(.text-center-mobile) #logo { max-width: none; -webkit-flex-shrink: 10; -ms-flex-shrink: 10; flex-shrink: 10; } #header-inner.text-center-mobile { --maw_a: 10vw; --nav_user_h: calc(var(--header_mih) - 24px); } #root .shopify-section-header #header-inner.text-center-mobile > #logo { margin-left: auto; margin-right: auto; text-align: center; } #header-inner.text-center-mobile #logo img { -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .shopify-section-header #header-inner.text-center-mobile > .link-btn { position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; bottom: 0; height: auto; margin-top: 0; margin-bottom: 0; } .shopify-section-header #header-inner.text-center-mobile #nav-user { position: absolute; right: var(--l0ra); left: var(--l0ra); top: 0; bottom: 0; margin-top: 0; margin-bottom: 0; } .t1sh-mobile #root #header-inner > .link-btn .search-compact { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #root #header-inner > .link-btn a:first-child i { display: none; } #header-inner { min-height: 36px; } #header-inner.mobile-visible-search { margin-bottom: calc(var(--custom_top_search_h) + 24px); } #header-inner.mobile-visible-search #search, .search-compact-active #root #header-inner.mobile-visible-search #search { top: auto; bottom: 0; } #root .shopify-section-header #header-inner.mobile-visible-search #nav-user > ul > li.search, #root .shopify-section-header #header-inner.mobile-visible-search > .link-btn .search-compact { display: none; } #root #header-inner > .link-btn > .mobile-hide:first-child + * { margin-left: 0; margin-right: 0; } .shopify-section-header #header-inner.text-center-mobile.mobile-visible-search > .link-btn, .shopify-section-header #header-inner.text-center-mobile.mobile-visible-search #nav-user { bottom: calc(var(--custom_top_search_h) + 24px); } #header-inner #search.compact-handle-mobile ~ nav li.search { display: none; } } @media only screen and (max-width: 400px) { html:not(.search-compact-handle, .has-mobile-visible-search) .shopify-section-header { --maw_la: 30vw; } } @media only screen and (max-width: 340px) { html:not(.search-compact-handle, .has-mobile-visible-search) .shopify-section-header { --maw_la: 25vw; } } #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: var(--main_fw_strong); line-height: var(--btn_lh); 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: var(--custom_top_nav_h); padding: 0; color: var(--custom_top_nav_fg); font-size: var(--main_fz); line-height: var(--btn_lh); text-align: inherit; } #nav, #nav-bar { -webkit-align-self: flex-end; align-self: flex-end; } #nav ul, #nav-bar ul { min-width: 0; } #nav:before, #nav-bar:before { border: 0 solid var(--custom_top_nav_bd); border-bottom-width: 1px; background: var(--custom_top_nav_bg); } #nav ul, #nav-bar ul { list-style: none; margin: 0; padding: 0; } #nav > ul, #nav-bar > ul { margin: 0 -24px 0 0; } #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) { padding-right: 1px; } #nav > ul > li > a, #nav-bar > ul > li > a { display: block; position: relative; z-index: 2; height: var(--custom_top_nav_h); 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: 16px; top: -3000em; bottom: auto; width: 44px; height: var(--custom_top_nav_h); margin: 0 0 0 -44px; padding: 0; text-indent: -3000em; text-align: left; direction: ltr; } #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); font-weight: var(--main_fw_strong); } .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 { display: none; } #nav-user { display: block; position: relative; top: 0; bottom: 0; z-index: 5; float: right; margin: 0 0 12px auto; font-size: var(--main_fz); display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } #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; } #search:not(.compact) ~ #nav-user > ul > li.search { display: none; } #nav-user > ul > li:has(img) { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } #nav-user > ul > li.has-img { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } #nav-user > ul > li > a { display: block !important; overflow: hidden; position: relative; z-index: 2; max-width: var(--maw_a); min-height: 44px; margin: 0; padding: 0; color: inherit; font-weight: inherit; font-size: 1em; line-height: 44px; 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; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #nav-user > ul > li.cart > a { overflow: visible; } #nav-user > ul > li > a img { display: block; height: 100% !important; max-height: var(--nav_user_h); border-radius: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } #nav-user > ul > li.lang > a img { max-height: none; } #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: var(--size_20_f); 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; letter-spacing: var(--main_ls); } #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: var(--size_20_f); } #nav-user > ul > li > a i[class*="icon-cart"] { font-size: var(--size_22_f); 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: relative; top: 0; z-index: 99; width: 100%; max-width: var(--ghw); margin: 0 auto; padding: calc(var(--main_fz) * 0.2857142857) 0; color: var(--custom_top_up_fg); font-size: calc(var(--main_fz) * var(--fz)); --fz: 0.9285714286; } #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: var(--main_fw); 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; -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; min-height: calc(var(--main_lh) * var(--main_fz)); 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.l4us > li > a { display: inline; min-height: 0; text-overflow: inherit; white-space: normal; } #nav-top > ul > li.sub > a, #nav-user > ul > li.sub > a, .l4dr li.sub > a { padding-right: calc(var(--main_fz) * 1.1428571429); } #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: calc(var(--main_lh) * var(--main_fz)); } #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: 1.3076923077em; } #nav-top > ul > li > a i.icon-envelope { font-size: 0.8461538462em; } #nav-top > ul > li > a i.icon-twitter { 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 i.icon-trustpilot:after { content: "\e93e"; top: 0; z-index: 2; margin: 0; color: var(--black_static); font-size: 1em; line-height: calc(var(--main_lh) * var(--main_fz)); opacity: .53; } #nav-top > ul > li > a i:before { position: relative; z-index: 2; } #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: var(--main_fw_strong); } #nav-top > ul.text-center { position: absolute; left: 0; right: 0; top: 0; bottom: 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 { top: 0; line-height: calc(var(--main_lh) * var(--main_fz) * var(--fz)); } #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) { #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; } #header > .link-btn, #header-inner > .link-btn { margin: 0 0 12px; } #header > .link-btn a, #header-inner > .link-btn a { min-height: 0; margin: 0; padding-top: min(var(--btn_pv), 20px); padding-bottom: min(var(--btn_pv), 20px); color: var(--custom_top_main_link_text); font-size: var(--btn_fz); white-space: nowrap; } #header > .link-btn a.inv, #header-inner > .link-btn a.inv { --secondary_bg_btn: var(--custom_top_main_link_bg); --btn_bc_h: var(--custom_top_main_link_bg); } #root #nav-user > ul > li > a i span, #header-inner > .link-btn a { color: var(--custom_top_main_link_text); } #root #nav-user > ul > li > a i span:before, #header-inner > .link-btn a:before { border-color: var(--custom_top_main_link_bg); background: var(--custom_top_main_link_bg); } #search { position: relative; z-index: 5; max-width: 420px; margin: 0 0 12px; -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } #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: var(--custom_top_search_h); 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; top: 0; width: 55px; min-width: 0; min-height: 0; 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; } .shopify-section-header.fixed { position: fixed; left: 0; right: 0; top: 0; margin: 0; } .shopify-section-header.fixed #nav-top { display: none; } #distance-counter { position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; z-index: -1; width: 10px; height: 10px; } #header .l4al { visibility: hidden; position: absolute; left: var(--lar0); right: var(--l0ra); top: min(calc(100% + 14px), calc(100% + var(--rpp))); z-index: 9; opacity: 0; } #header .l4al .s1ld .rating-label > span { border-radius: 0; } #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: var(--content_p); -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } #content > [id*="shopify-section"]:last-child { margin-bottom: 0; } #content[class*="align-center"] > *:last-child, #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 > .shopify-section-footer:last-child { margin-top: 60px; margin-bottom: 0; } #content.fullheight > .shopify-section-footer:last-child, #content.fullheight > .align-center { margin-top: auto; } #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, #content > [class*="shopify-section"]:first-child > .n6br:first-child { margin-top: calc(0px - var(--content_p) + 10px); } #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, #content > [id*="shopify-section"]:first-child > .l4ft.fullwidth[style*="--dist_a: 0"]:first-child, #content > [id*="shopify-section"]:first-child > article:first-child > .l4ft.fullwidth:first-child, #content > .l4ft.fullwidth:first-child { margin-top: calc(0px - var(--content_p)); } #content > .f8nw.wide:last-child, #content > [id*="shopify-section"]:last-child > .f8nw.wide:last-child { margin-bottom: 0; } .shopify-section-footer { position: relative; z-index: 2; margin-top: auto; margin-bottom: var(--main_mr); padding: 0 0 .1px; border: 0 solid rgba(0,0,0,0); color: var(--custom_footer_fg); 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; -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); padding: 0 0 30px; border-left: 40px solid rgba(0,0,0,0); font-weight: var(--main_fw); } .shopify-section-footer > nav > .align-middle { -webkit-align-self: center; align-self: center; } .shopify-section-footer > nav > .m6cn { width: 426px; max-width: 426px; min-width: 326px; margin-left: 0; } .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); } .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; padding-left: 10px; --dist: 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; color: inherit; font-size: var(--main_h_small); } .shopify-section-footer figure, .shopify-section-footer p, .shopify-section-footer ul { --main_mr: 16px; } .shopify-section-footer .l4pm { margin-bottom: 6px; } .shopify-section-footer nav ul:not(.l4sc, .l4pm, .l4cn) li:not(:last-child) { margin-bottom: var(--footer_li_dist); } @media only screen and (min-width: 761px) { .shopify-section-footer > nav .m6cn p { max-width: 260px; } .shopify-section-footer > nav.text-center p { margin-left: auto; margin-right: auto; } #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: 100%; max-width: calc(var(--main_fz) * 21.4285714286); } .shopify-section-footer .text-center form { margin-left: auto; margin-right: auto; } .shopify-section-footer form p + .check { margin-top: calc(0px - var(--main_mr) + 8px); } .shopify-section-footer .check { margin-bottom: calc(var(--main_mr) * 0.75); } .shopify-section-footer .check label { color: inherit; text-align: var(--text_align_start); } .shopify-section-footer .link-btn a, .shopify-section-footer button { color: var(--custom_footer_link_text); } #root .shopify-section-footer .link-btn a.inv, #root .shopify-section-footer button.inv { color: var(--custom_footer_link_bg); --btn_bc_h: var(--custom_footer_link_bg); } .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(--btn_br); 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) .1px; } #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-top: 0; margin-bottom: 0; margin-left: auto; padding-left: 16px; --btn_dist: 32px; } #cookie-bar .link-btn a { margin-bottom: 8px; white-space: nowrap; } .cookie-off #cookie-bar, .cookie-toggle #cookie-bar { -webkit-transform: translateY(110%); transform: translateY(110%); } .shopify-section-announcement-bar { display: none; } body > *:not(#root, .fancybox__container) button:before { display: none; } #root > .shopify-section:not(.shopify-section-header, .shopify-section-footer, [class*="shopify-section-announcement-bar"]) { width: 100%; } .t1as.t1pl #root { min-height: 100vh !important; padding-top: 0; } @media only screen and (min-width: 761px) { .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) { .t1as .m6fr.wide article, .t1as .m6fr.wide .swiper-slide article { padding-left: var(--rpp); padding-right: var(--rpp); } } .t1pl #root { min-height: 100vh; 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 form, .l4dr ul { scrollbar-width: thin; } #nav-top form::-webkit-scrollbar, .l4dr ul::-webkit-scrollbar { width: 6px; height: 6px; } #nav-top form::-webkit-scrollbar-track, .l4dr ul::-webkit-scrollbar-track { background: none; } #nav-top form::-webkit-scrollbar-thumb, .l4dr ul::-webkit-scrollbar-thumb { background: var(--gallery); } html.no-sticky { --sticky_offset: 0px !important; } .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 > 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; } .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 { position: relative; z-index: 2; } .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: calc(var(--main_fz) * 1.1428571429); font-family: var(--main_ff_h); font-style: var(--main_fs_h); font-weight: var(--main_fw_h); line-height: var(--main_lh_h); text-transform: var(--main_tt_h); letter-spacing: var(--main_ls_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(--main_fz); } .accordion-a.compact summary:before { content: "\e904"; right: 0; width: 44px; font-size: .375em; } .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) { .compact.l4cl:not(.hr) { overflow-y: hidden; overflow-x: auto; margin-left: 0; margin-right: 0; padding-bottom: 16px; -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, .category.text-center) .link-btn:not(.text-end, .text-start) a:not(.circle), #root .l4cl:not(.hr, .category.text-center) button:not(.circle) { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } } .align-center { margin-left: auto; margin-right: auto; } .js .countdown { font-family: var(--main_ff); line-height: var(--main_lh_h); text-align: center; letter-spacing: var(--main_ls); --w: calc(var(--main_fz) * 2.8571428571); --h: calc(var(--main_fz) * 3.7142857143); --dist2: 25px; --fz: calc(var(--main_fz) * 1.7142857143); --bg: var(--secondary_bg); --fg: var(--white); } .countdown .simply-section { position: relative; z-index: 2; margin: 0 var(--dist2) 0 0; } .countdown .simply-section:before { content: "\003A"; display: block; position: absolute; left: 100%; top: 0; width: var(--dist2); font-weight: var(--main_fw); line-height: var(--h); text-align: center; } #root .countdown .simply-section:last-child { margin-right: 0; } .countdown .simply-amount { display: block; height: var(--h); margin: 0; font-weight: var(--main_fw); font-size: var(--fz); line-height: var(--h); } .countdown .simply-amount > span { display: block; position: relative; z-index: 2; width: var(--w); height: var(--h); margin: 0 3px 0 0; color: var(--fg); font-weight: var(--main_fw_strong); } .countdown .simply-amount > span:before { border-radius: var(--b2r); background: var(--bg); } .countdown .simply-amount > span:last-child { margin-right: 0; } .countdown.strong * { font-weight: var(--main_fw_strong); } .countdown .simply-word { display: block; padding-top: calc(var(--main_fz) * 0.3571428571); color: var(--primary_text); font-size: calc(var(--main_fz) * 0.8571428571); font-weight: var(--main_fw); text-transform: capitalize; } .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: 1em; font-weight: var(--main_fw); } .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; color: inherit; font-size: 1em; font-weight: inherit; line-height: inherit; } .countdown.compact .simply-amount > span { width: auto; height: auto; margin: 0; color: inherit; font-weight: var(--main_fw); } .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; } .grecaptcha-badge { visibility: hidden; } .has-anchor { position: relative; z-index: 2; } .has-anchor .anchor[id] { display: block; position: absolute; left: 0; top: calc(0px - var(--sticky_offset) - var(--rpp)); } .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: var(--main_mr); } .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, #root .m6as > figure video, #root .m6as > figure iframe { 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 + .m6as { margin-top: -10px; } .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; } .m6as.text-center > * { padding-left: 48px; padding-right: 48px; } @media only screen and (min-width: 1001px) { .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 calc(0px - var(--dist_ac)); --dist_ac: 16px; } .m6ac > * { width: 60%; border-left: var(--dist_ac) solid rgba(0,0,0,0); } .m6ac > *:first-child { width: 40%; } .m6ac .l4cl { margin-bottom: -4px; } #root .m6ac .l4cl.hr > li:first-child { margin-top: -11px; } .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 picture, .m6ac .l4cl .li.w50 picture { padding-top: 100%; } .m6ac .m6pr-compact { margin-left: calc(0px - var(--dist_ac)); } .m6ac .m6pr-compact > * { width: 50%; border-left: var(--dist_ac) solid rgba(0,0,0,0); } @media only screen and (min-width: 1001px) { .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; } } .m6bx { position: relative; z-index: 2; margin-bottom: var(--main_mr); padding: var(--dist_a) var(--dist_b) max(0.1px, calc(var(--dist_a) - var(--main_mr))); font-size: var(--main_fz); --dist_a: var(--main_mr); --dist_b: 31px; --m6bx_bg: var(--body_bg); --m6bx_bw: 1px; --m6bx_bd: var(--gallery); } .m6bx[class*="overlay-"], .m6bx[style*="--m6bx_bg"]:not([style*="--m6bx_bd"]) { --m6bx_bw: 0px; } .m6bx:before { border: var(--m6bx_bw) solid var(--m6bx_bd); background: var(--m6bx_bg); } .m6bx > .link-btn:last-child, .m6bx > .submit:last-child { margin-bottom: 14px; } .m6bx + .m6bx { margin-top: calc(0px - var(--main_mr) + 16px); } .m6bx + h1, .m6bx + h2, .m6bx + h3, .m6bx + h4, .m6bx + h5, .m6bx + h6 { margin-top: calc(var(--main_mr) * 1.7692307692); } h1 + .m6bx, h2 + .m6bx, h3 + .m6bx, h4 + .m6bx, h5 + .m6bx, h6 + .m6bx { margin-top: var(--main_mr); } .m6bx a[href*="tel:"] { color: inherit; text-decoration: none; } .m6bx a[href*="tel:"] i { margin-right: 5px; } .m6bx.overlay-gradient { background: none; background-clip: inherit; -webkit-background-clip: inherit; text-fill-color: currentcolor; -webkit-text-fill-color: currentcolor; } .m6bx.overlay-gradient:before { --m6bx_bg: var(--theme_bg_gradient); } .m6bx.overlay-content:before { --m6bx_bg: var(--sand); --m6bx_bd: var(--m6bx_bg); } .m6bx .overlay-content a, .m6bx a.overlay-content { color: inherit; } .m6bx.inline { padding-bottom: max(0.1px, calc(var(--dist_a) - var(--main_mr_min))); --dist_a: 10px; --dist_b: min(var(--rpp), 20px); --main_mr_min: calc(var(--main_mr) * 0.3846153846); } .m6bx.inline * { --main_mr: var(--main_mr_min); } .m6bx.compact { margin-bottom: var(--main_mr); padding: var(--dist_a) var(--dist_b) max(0.1px, calc(var(--dist_a) - var(--main_mr) * 0.5)); --dist_b: calc(var(--main_mr) * 0.85); --dist_a: calc(var(--main_mr) * 0.65); } .m6bx.compact > *:last-child { margin-bottom: calc(var(--main_mr) * 0.5); } .m6bx.size-s { --dist_a: 50px; } .m6bx.size-m { --dist_a: 62px; } .m6bx.size-l { --dist_a: 90px; } .m6bx.wide { padding-left: 0; padding-right: 0; } .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: 3; min-height: var(--mih); margin: 50px 0; padding: var(--p2) var(--p1) calc(var(--p2) - var(--main_mr)) calc(var(--p1) - var(--dist)); color: var(--white); --main_mr: 12px; --p1: 40px; --p2: 42px; --dist: 30px; --mih: 150px; } .m6cu > * { border-left: var(--dist) solid rgba(0,0,0,0); } .m6cu > .w20 { max-width: 20%; } .m6cu > .w25 { max-width: 25%; } .m6cu > .w30 { max-width: 30%; } .m6cu > .w33 { max-width: 33.333333333%; } .m6cu > .w40 { max-width: 40%; } .m6cu > .w45 { max-width: 45%; } .m6cu > .w50 { max-width: 50%; } .m6cu > .background { overflow: hidden; border-radius: var(--b2r); border-width: 0; } .m6cu:before { z-index: -2; background: var(--coal); } .m6cu:not(.wide):before { border-radius: var(--b2r); } .m6cu h1, .m6cu h2, .m6cu h3, .m6cu h4, .m6cu h5, .m6cu h6 { min-width: 0; margin-bottom: var(--main_mr); color: inherit; -webkit-flex-shrink: 5; -ms-flex-shrink: 5; flex-shrink: 5; } .m6cu h1:last-child, .m6cu h2:last-child, .m6cu h3:last-child, .m6cu h4:last-child, .m6cu h5:last-child, .m6cu h6:last-child { margin-bottom: var(--main_mr); } .m6cu .link-btn { z-index: 9; margin-bottom: calc(var(--main_mr) - 8px); } .m6cu p:not(.link-btn) a { color: inherit; } .m6cu p.countdown { margin-top: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .m6cu .countdown .simply-word { color: inherit; font-size: 1em; font-weight: inherit; } .m6cu.size-xs, .m6as.overlay.size-xs { --mih: 170px; } .m6cu.size-s, .m6as.overlay.size-s { --mih: 260px; } .m6cu.size-m, .m6as.overlay.size-m { --mih: 390px; } .m6cu.size-l, .m6as.overlay.size-l { --mih: 520px; } .m6cu.size-xl, .m6as.overlay.size-xl { --mih: 700px; } .m6cu.wide { margin-left: calc(0px - var(--dist)); padding-left: 0; padding-right: 0; } .m6cu.wide .background { width: 110vw !important; border-radius: 0; } .m6fr { position: relative; z-index: 2; margin: 0 0 50px; color: var(--white); font-size: var(--main_fz); --pd: calc(var(--pda) * var(--pdb)); --pda: 55px; --pdb: 1; --mih: 345px; --main_mr: calc(var(--main_lh) * var(--main_fz) * var(--m_cust)); --m_cust: 0.8; } .m6fr article { position: relative; z-index: 3; min-height: var(--mih); margin: 0 0 20px; padding: 50px var(--pd) 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; --b2p: var(--b2r); } .m6fr:not(.wide) figure { border-radius: var(--b2r); } #root .m6fr:not(.wide) figure:has(picture ~ picture) picture { border-radius: 0; } #root .m6fr:not(.wide) figure:has(picture ~ picture) picture * { --b2p: 0px; } #root .m6fr:not(.wide) figure.has-pics picture { border-radius: 0; } #root .m6fr:not(.wide) figure.has-pics picture * { --b2p: 0px; } #root .m6fr figure img, #root .m6fr figure svg, #root .m6fr figure video { 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 .background, #background .img-overlay, .m6wd .background:before, #root .m6wd.overlay-content .img-overlay { border-radius: 0; 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; } #root .m6fr figure picture, #root .m6fr figure video { display: block; overflow: hidden; position: relative; z-index: 2; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } #root .m6fr figure picture:not([style], [class*="width-"], [style*="--size"]), #root .m6fr figure video:not([style], [class*="width-"], [style*="--size"]) { width: 100% !important; } .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(100% - var(--w) + var(--pd) / var(--pdb)); --w: 50%; --w2: var(--w); } .m6fr.wide article.aside > * { width: calc(var(--w) - var(--pd)); } #root .m6fr.wide article.aside > .link-btn { width: calc(var(--w) - var(--pd) + 16px); } #root .m6fr article.aside figure { width: auto; } .m6fr article.aside figure { left: var(--w2); right: 0; } .m6fr.wide article.aside figure { left: var(--w2); right: min(calc(-50vw + var(--glw) * 0.5), var(--rpn)); } .m6fr article.aside.inv { padding-left: calc(100% - var(--w) + var(--pd) / var(--pdb)); padding-right: var(--pd); } .m6fr article.aside.inv figure { right: var(--w2); left: 0; } .m6fr.wide article.aside.inv figure { right: var(--w2); left: min(calc(-50vw + var(--glw) * 0.5), var(--rpn)); } .m6fr h1, .m6fr h2, .m6fr h3, .m6fr h4, .m6fr h5, .m6fr h6 { width: 100%; margin: 0 0 var(--main_mr); color: inherit; --main_mr: calc(var(--main_lh_h) * var(--main_fz) * var(--m_cust)); } .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: 0.75em; opacity: 1; } .m6fr p { width: 100%; } .m6fr .text-center:not(.aside) p:not(.link-btn) { margin-left: auto; margin-right: auto; } .m6fr .text-center:not(.aside) .link-btn { max-width: none; } .m6fr p a { position: relative; z-index: 2; } .m6fr p + h1, .m6fr p + h2, .m6fr p + h3, .m6fr p + h4, .m6fr p + h5, .m6fr p + h6 { margin-top: calc(0px - var(--main_mr) * 0.75); } .m6fr .link-btn { z-index: 9; width: calc(100% + var(--btn_dist)); margin-top: calc(var(--main_lh) * var(--main_fz) * var(--m_cust) * 0.25); } .m6fr .link-btn a:before { z-index: -1; } .m6fr .link { position: relative; z-index: 9; } .m6fr .swiper-outer { overflow: hidden; } .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: var(--main_fw_strong); 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 { opacity: .35; } .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; top: var(--d); bottom: var(--d); z-index: 998; color: inherit; --d: calc(var(--btn_pv) * 2 + var(--btn_fz) * var(--btn_lh) + var(--label_dist) * 2); } #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: 999; 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.size-xs article, .m6fr article.size-xs, .m6fr.compact article, .m6fr article.compact { --mih: 260px; } .m6fr.size-s article, .m6fr article.size-s { --mih: 390px; } .m6fr.size-m article, .m6fr article.size-m { --mih: 520px; } .m6fr.size-l article, .m6fr article.size-l{ --mih: 700px; } .m6fr.wide article, .m6fr.wide article.aside { max-width: var(--glw); margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .m6fr.wide figure, .m6fr.wide article:before { left: min(var(--rpn), calc(-50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5)); right: min(var(--rpn), calc(-50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5)); width: auto; margin: 0; border-radius: 0; } .m6fr.wide figure img, .m6fr.wide figure video, .m6fr.wide figure picture, .m6fr.wide figure svg, #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; } .m6fr.wide.s4wi .swiper-outer { margin-left: min(var(--rpn), calc(-50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5)); margin-right: min(var(--rpn), calc(-50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5)); } .m6fr.wide.s4wi .swiper-slide { overflow: hidden; padding-left: var(--rpp); padding-right: var(--rpp); } .m6fr.wide.s4wi article { max-width: var(--glw); } .m6fr.s4wi { overflow: hidden; border-radius: var(--b2r); } .m6fr.s4wi.wide { overflow: visible; border-radius: 0; } .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.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); } .js *:not(.link-more-clicked) > .m6lm { overflow: hidden; position: relative; z-index: 2; max-height: calc(var(--main_fz) * var(--main_lh) * 5); margin-bottom: var(--main_mr); } .js *:not(.link-more-clicked) > .m6lm + .has-link-more { margin-top: calc(0px - var(--main_mr)); } .js .m6lm + * > a.link-more { display: block; } .js :not(.link-more-clicked) > .m6lm > *:not(h1, h2, h3, h4, h5, h6) { margin-bottom: 0; } .m6lm:not(.high) + .has-link-more, .link-more-clicked > .m6lm:before { display: none; } *:not(.link-more-clicked) > .m6lm.high:before { top: auto; height: calc(var(--main_fz) * var(--main_lh) * 2); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, var(--body_bg) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,var(--body_bg) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,var(--body_bg) 100%); } .m6pn { display: block; overflow-x: hidden; overflow-y: auto; visibility: hidden; position: fixed; left: var(--lar0); right: var(--l0ra); top: 0; bottom: 0; z-index: 160; width: 100%; max-width: 460px; background: var(--white); opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } .m6pn:not(.toggle) { pointer-events: none; } .m6pn.wide { left: 0; top: auto; max-width: none; -webkit-transform: translateY(20px); transform: translateY(20px); } .m6pn.inv { left: var(--l0ra); right: var(--lar0); -webkit-transform: translateX(-20px); transform: translateX(-20px); } .m6pr { position: relative; z-index: 2; margin-bottom: 25px; margin-left: calc(0px - var(--cols)); --cols: 75px; } .m6pr > * { position: sticky; top: calc(var(--sticky_offset) + var(--rpp)); width: 40%; border-left: var(--cols) solid rgba(0,0,0,0); } .m6pr > footer, .m6pr .l4pr-container { position: sticky; width: 60%; margin-left: 0; margin-right: 0; margin-top: 24px; } .m6pr > footer { position: relative; top: 0; } .m6pr > .m6tb:last-child { margin-bottom: 0; } .m6pr .l4pr-container { margin-top: 0; } #root .m6pr > header, #root .m6pr > footer { position: relative; top: 0; } #root .m6pr > header { z-index: 3; } .m6pr > header { position: relative; top: 0; width: 100%; min-width: 100%; max-width: 100%; margin: 0; } .m6pr .l4pr { position: relative; top: 0; width: 100%; 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:not(.slider-fraction) > .s1lb { left: -38px; } .m6pr .l4dr { margin-right: -22px; } .m6pr .l4dr li { margin-right: 22px; } #root .m6pr .l4dr .l4sc.box li { margin-bottom: 0; } .m6pr .img-multiply-bg:before, .m6pr .img-multiply:before { background: var(--body_bg); } @media only screen and (min-width: 1001px) { .t1pr.scrolled body { overflow-x: visible; } } .m6pr-compact header { margin-bottom: 0 ; } .m6pr-compact .r6rt { font-size: calc(var(--main_fz) * 0.8571428571); } .m6pr-compact p + .r6rt { margin-top: -11px; } .m6pr-compact p:not(.l4ch), .m6pr-compact .l4pl { margin-bottom: 22px; } .m6pr-compact .s1pr .small { display: inline; margin: 0; padding: 0; } .m6pr-compact p + .s1pr { margin-top: -17px; } .m6pr-compact footer { 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; } .module-color-palette[class^="palette-"].no-bg:before { background-color: transparent; } .m6tb { margin-top: 17px; margin-bottom: var(--main_mr); --dist: 10px; } .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 li.link-btn, .m6tb > nav ul li.link-btn a { margin-bottom: 0; } .m6tb > nav ul li.link-btn i { display: inline; position: relative; top: 0; margin: 0; font-size: 1em;} .m6tb > nav ul a { display: block; text-decoration: none; } .m6tb > nav ul li:not(.link-btn) a { padding: calc(var(--main_fz) * 0.7142857143) calc(var(--main_fz) * 0.8571428571); color: inherit; } .m6tb > nav ul a > * + *, .m6tb .tabs-header > * + * { margin-left: var(--dist); } .m6tb > nav ul li.active:not(.link-btn) a { background: var(--body_bg); color: var(--secondary_bg); font-weight: var(--main_fw_strong); text-decoration: none; cursor: default; } .m6tb > div > * { margin-bottom: 20px; } .m6tb .tabs-header { position: relative; z-index: 2; padding: 18px 20px 18px 0; border-bottom: 1px solid rgba(0,0,0,0); color: inherit; font-size: var(--main_fz); font-size: var(--main_ff); font-weight: var(--main_fw_h); line-height: var(--main_lh_h); letter-spacing: var(--main_ls); text-decoration: none; } .m6tb .tabs-header:before { content: "\e904"; left: auto; font-size: 0.375em; } .m6tb .tabs-header:not(.toggle):after { bottom: -1px; border-bottom: 1px solid var(--black); opacity: .07; } .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 .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 { position: relative; z-index: 3; font-size: var(--breadcrumbs_fz); } .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; } .n6pg, .spr-pagination { margin-top: 26px; margin-bottom: 11px; padding-top: 17px; border-top: 1px solid var(--gallery); font-size: var(--main_fz); --dist: 24px; } .n6pg ol, .n6pg ul, .spr-pagination > div { list-style: none; margin-right: calc(0px - var(--dist)); margin-bottom: var(--main_mr); padding: 0; } .n6pg li, .spr-pagination > div > * { margin-right: var(--dist); } #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: calc(var(--main_fz) * 2.6428571429); height: calc(var(--main_fz) * 2.6428571429); 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: var(--btn_sh_inner); border-radius: 999px; border: 0 solid var(--secondary_bg); background: var(--secondary_bg); } .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.inv li.prev a, #root .n6pg.inv li.next a, #root .spr-pagination.inv .spr-pagination-prev a, #root .spr-pagination.inv .spr-pagination-next a { background: none; color: var(--secondary_bg); } #root .n6pg.inv li.prev a:after, #root .n6pg.inv li.next a:after, #root .spr-pagination.inv .spr-pagination-prev a:after, #root .spr-pagination.inv .spr-pagination-next a:after { box-shadow: none; border-width: var(--btn_bd); background: none; } #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; } .n6pg .text-center { width: 100%; } .no-zindex { position: relative; } .popup-a { display: none; } .r6rt, .l4rv .spr-starratings, .l4rv .spr-starrating { position: relative; color: inherit; -webkit-align-items: center; align-items: center; -webkit-justify-content: var(--justify_content); justify-content: var(--justify_content); } .r6rt .rating { display: inline-block; position: relative; top: 0; height: var(--main_fz); margin: 0 calc(var(--main_fz) * 0.3571428571) 0 0; padding: 0; box-shadow: none; border-radius: 0; background: none; color: inherit; font-size: calc(var(--main_fz) * 0.8571428571); 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: 0; float: left; width: calc(var(--main_fz) * 0.8571428571); height: 100%; margin: 0 calc(var(--main_fz) * 0.1428571429) 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 { visibility: hidden; 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; outline: none !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .recommendation-modal__backdrop { visibility: hidden; 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: 0; } .shopify-installments-container:not(:empty) { 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: var(--main_fw_strong); 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; --glw: 300px; } .link-btn .w300 { min-width: 300px; max-width: none; } .w340, #content.w340, .popup-a.w340 .box-inner { width: 100%; max-width: 340px; --glw: 340px; } .w360, #content.w360, .popup-a.w360 .box-inner { width: 100%; max-width: 360px; --glw: 360px; } .w420, #content.w420, .popup-a.w420 .box-inner { width: 100%; max-width: 420px; --glw: 420px; } .w480, #content.w480, .popup-a.w480 .box-inner { width: 100%; max-width: 480px; --glw: 480px; } .w520, #content.w520, .popup-a.w520 .box-inner { width: 100%; max-width: 520px; --glw: 520px; } .w560, #content.w560, .popup-a.w560 .box-inner { width: 100%; max-width: 560px; --glw: 560px; } .w630, #content.w630, .popup-a.w630 .box-inner { width: 100%; max-width: 630px; --glw: 630px; } .w690, #content.w690, .popup-a.w690 .box-inner { width: 100%; max-width: 690px; --glw: 690px; } .w720, #content.w720, .popup-a.w720 .box-inner { width: 100%; max-width: 720px; --glw: 720px; } .w740, #content.w720, .popup-a.w740 .box-inner { width: 100%; max-width: 740px; --glw: 740px; } .w780, #content.w780, .popup-a.w780 .box-inner { width: 100%; max-width: 780px; --glw: 780px; } .w900, #content.w900, .popup-a.w900 .box-inner { width: 100%; max-width: 900px; --glw: 900px; } .w940, #content.w940, .popup-a.w940 .box-inner { width: 100%; max-width: 940px; --glw: 940px; } .w1020, #content.w1020, .popup-a.w1020 .box-inner { width: 100%; max-width: 1020px; --glw: 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; } #root .shopify-cleanslate div, .shopify-cleanslate > div > span { width: auto !important; font-size: var(--main_fz) !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; } .fw-300 { font-weight: 300; } .fw-400 { font-weight: 400; } #root .font-regular { font-weight: var(--main_fw); } .fw-600, .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: var(--main_fw_strong); } .fw-700 { 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; } .ff-primary { font-family: var(--main_ff_h); font-weight: var(--main_fw_h); font-style: var(--main_fs_h); --main_fw_strong: var(--main_fw_h); letter-spacing: var(--main_ls_h); } .ff-secondary { font-family: var(--main_ff); font-weight: var(--main_fw); font-style: var(--main_fs); --main_fw_strong: var(--main_fw); letter-spacing: var(--main_ls); } .text-start, .l4ft li.text-start, #nav, #nav-bar, #nav-top, #nav-user, #search { text-align: var(--text_align_start); --justify_content: flex-start; } .text-center, .l4ft li.text-center { text-align: center; --justify_content: center; } .text-end, .l4ft li.text-end { text-align: var(--text_align_end); --justify_content: flex-end; } .text-justify { text-align: justify; --justify_content: space-between; } .text-uppercase { text-transform: uppercase; } .text-underline { text-decoration: underline; } p.text-overflow, .text-overflow.l4cl h1, .text-overflow.l4cl h2, .text-overflow.l4cl h3, .text-overflow.l4cl h4, .text-overflow.l4cl h5, .text-overflow.l4cl h6, .text-overflow.l4cl li figure + p, .text-overflow.l4cl h1 a, .text-overflow.l4cl h2 a, .text-overflow.l4cl h3 a, .text-overflow.l4cl h4 a, .text-overflow.l4cl h5 a, .text-overflow.l4cl h6 a, .text-overflow.l4cl li figure + p a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .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(--main_fz_small); } .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); } .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: 1; letter-spacing: -.035em; } .size-content { --main_fz: var(--size_content); --mob_fz: var(--size_content); font-size: var(--main_fz); } .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 { 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 { color: var(--tertiary_bg); } .overlay-e, .overlay-sky, #root .l4cu.overlay-sky li > span { color: var(--sky); } .overlay-f, .overlay-pine, #root .l4cu.overlay-pine li > span { color: var(--pine); } .overlay-g, .overlay-rose, #root .l4cu.overlay-rose li > span { color: var(--rose); --price_color: var(--rose); } .overlay-h, .overlay-tan, #root .l4cu.overlay-tan li > span { color: var(--tan); } .overlay-btn { color: var(--secondary_bg_btn); } .overlay-quaternary, #root .l4cu.overlay-quaternary li > span { 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); } .l4al .overlay-tan { color: var(--primary_text); } .overlay-tertiary { --product_label_bg: var(--tertiary_bg); } .overlay-quaternary { --product_label_bg: var(--quaternary_bg); } .overlay-rose { --product_label_bg: var(--alert_error); } .overlay-sale { --product_label_bg: var(--sale_label_bg); --product_label_text: var(--sale_label_text); } .overlay-dark { --product_label_bg: var(--primary_text); } .overlay-content { --product_label_bg: var(--sand); --product_label_text: var(--primary_text); } .overlay-preorder { --product_label_bg: var(--product_label_bg_custom); --product_label_text: var(--product_label_text_custom); } .overlay-gradient:not(.inv) { background: var(--theme_bg_gradient); background-clip: text; -webkit-background-clip: text; text-fill-color: transparent; -webkit-text-fill-color: transparent; } .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; } .old-price, .s1pr span.old-price { color: var(--price_color_old); font-weight: var(--main_fw); text-decoration: line-through; } .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); font-weight: var(--main_fw_h); font-style: var(--main_fs_h); --main_fw_strong: var(--main_fw_h); letter-spacing: var(--main_ls_h); } #nav-bar.s1hd, #nav.s1hd { --main_fw_strong: var(--main_fw_h_strong); } .s1br .rating-label { display: block; overflow: hidden; position: relative; width: 100%; height: 2px; margin: 22px 0 0; border-radius: var(--b2r); background: var(--sand); } .s1br .rating-label > .bar { display: block; position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; bottom: 0; border-radius: var(--b2r); background: var(--secondary_bg); } .text-center .s1br, .text-center.s1br { max-width: 302px; margin-left: auto; margin-right: auto; } .s1bx { position: relative; z-index: 2; max-width: 100%; padding: 0 10px; color: var(--white); font-size: var(--main_fz_small); font-weight: var(--main_fw_strong); } .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: var(--btn_sh_inner); border-radius: var(--b2r); background: var(--secondary_bg); } #root .s1bx.inv { color: var(--secondary_bg); } .s1bx.inv:before { box-shadow: none; border: 1px solid var(--secondary_bg); background: none; } .s1bx.size-m:before { top: -2px; bottom: -2px; } 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; } .s1bx img { width: auto !important; max-height: 10px !important; margin-left: 6px; border-radius: 0; } .s1lb { display: block; margin: 0 -7px 10px 0; } .s1lb, #root .s1lb { margin-bottom: 10px; } #root figure .s1lb { margin-bottom: 0; } .s1lb > span { display: block; } #root .s1lb > span, #root .l4cl.hr .s1lb > span.rect, #root .l4cl.hr .s1lb > span.rounded, #root .l4cl.list .s1lb > span.rect, #root .l4cl.list .s1lb > span.rounded { overflow: hidden; position: relative; left: 0; top: 0; right: 0; width: auto; min-width: 0; max-width: 100%; height: auto; min-height: 0; margin: 0 7px 7px 0; padding: 4px 10px; box-shadow: var(--btn_sh_inner); border-radius: var(--b2r); border-color: var(--product_label_bg); background: var(--product_label_bg); color: var(--product_label_text); font-size: var(--sale_label_fz); font-weight: var(--main_fw_strong); line-height: var(--main_lh_h); text-transform: none; text-overflow: ellipsis; white-space: nowrap; text-align: inherit; text-indent: 0; --btn_sh_inner_c: var(--product_label_bg_dark); } root .l4cl.hr .s1lb > span.rect, #root .l4cl.hr .s1lb > span.rounded, #root .l4cl.list .s1lb > span.rect, #root .l4cl.list .s1lb > span.rounded { display: block; } #root .s1lb > span 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; line-height: var(--main_lh_h); } #root .s1lb > span.rect, #root .s1lb > span.rounded { width: var(--size); min-height: var(--size); padding: 18px; font-size: var(--main_fz); font-weight: var(--main_fw); line-height: var(--main_lh_l); text-align: center; word-wrap: break-word; white-space: normal; } #root .s1lb > span.rect { border-radius: var(--b2r); --size: calc(var(--main_fz) * 8.7142857143); } #root .s1lb > span.rounded { border-radius: 999px; --size: calc(var(--main_fz) * 10.6428571429); } #root .s1lb > span.rect .s1pr, #root .s1lb > span.rounded .s1pr { display: block; margin: 4px 0 0; font-weight: var(--main_fw_strong); font-size: max(calc(var(--size) * 0.2098765432), 2.4285714286em); } root .l4cl.hr .s1lb > span.rect .s1pr, #root .l4cl.hr .s1lb > span.rounded .s1pr, #root .l4cl.list .s1lb > span.rect .s1pr, #root .l4cl.list .s1lb > span.rounded .s1pr { display: inline; margin: 0; font-size: 1em; } #root .s1lb .strong { font-weight: var(--main_fw_strong); } figure .s1lb, .l4pr .s1lb { position: absolute; left: var(--label_dist); right: var(--label_dist); top: var(--label_dist); z-index: 9; pointer-events: none; } .s1lb[class*="palette-"] { --product_label_bg: var(--primary_bg); --product_label_text: var(--primary_text); } .s1lb.align-bottom { top: auto; bottom: calc(var(--label_dist) - 7px); } .s1lb.align-stretch { --label_dist: 0px; } #root figure .s1lb.align-stretch:not(.align-bottom) > .rect { border-top-left-radius: 0; border-top-right-radius: 0; } #root figure .s1lb.align-stretch.align-bottom > .rect { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } [dir="ltr"] #root figure .s1lb.align-stretch:not(.align-end):not(.align-bottom) > .rect:last-child { border-bottom-left-radius: 0; } [dir="ltr"] #root figure .s1lb.align-stretch.align-end:not(.align-bottom) > .rect:last-child { border-bottom-right-radius: 0; } [dir="ltr"] #root figure .s1lb.align-stretch.align-bottom:not(.align-end) > .rect:last-child { border-top-left-radius: 0; } [dir="ltr"] #root figure .s1lb.align-stretch.align-bottom.align-end > .rect:last-child { border-top-right-radius: 0; } [dir="rtl"] #root figure .s1lb.align-stretch:not(.align-end):not(.align-bottom) > .rect:last-child { border-bottom-right-radius: 0; } [dir="rtl"] #root figure .s1lb.align-stretch.align-end:not(.align-bottom) > .rect:last-child { border-bottom-left-radius: 0; } [dir="rtl"] #root figure .s1lb.align-stretch.align-bottom:not(.align-end) > .rect:last-child { border-top-right-radius: 0; } [dir="rtl"] #root figure .s1lb.align-stretch.align-bottom.align-end > .rect:last-child { border-top-left-radius: 0; } .s1cu .sec { color: var(--secondary_bg); font-weight: var(--main_fw_strong); } .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"; } .s1ld { display: inline-block; position: relative; z-index: 2; } .s1ld:after { content: ""; display: inline-block; position: relative; top: .2em; width: calc(var(--main_fz) * 1.1428571429); height: calc(var(--main_fz) * 1.1428571429); margin-top: calc(0px - var(--main_fz) * 1.1428571429); margin-left: 8px; border-radius: 99px; border: calc(var(--main_fz) * 0.1428571429) 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: var(--dist_a); border-top: 1px solid var(--gallery); font-weight: var(--main_fw); text-align: center; } #root .l4cl .s1ld:after { display: inline-block; } #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); } .s1ld[data-val][data-of] { display: block; color: inherit; } .s1ld[data-val][data-of]:not([class*="overlay"]) { --bg: var(--theme_bg_gradient); } .s1ld[data-val][data-of]:after { display: none; } .s1ld .rating-label { display: block; overflow: hidden; position: relative; z-index: 2; width: 100%; height: 10px; margin-top: calc(var(--main_mr) * 0.4); box-shadow: inset 0 1px 2px rgba(0,0,0,.06); border-radius: var(--b2r); } .s1ld .rating-label:before { border-radius: var(--b2r); background: var(--black); opacity: .03; } .s1ld .rating-label > span { display: block; position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; bottom: 0; border-radius: var(--b2r); background: var(--bg); } .s1ld.overlay-btn { --bg: var(--secondary_bg_btn); } .s1pr { color: var(--price_color); font-weight: var(--price_fw); font-size: var(--price_fz); font-family: var(--price_ff); font-style: var(--price_fs); line-height: var(--main_lh_l); letter-spacing: var(--price_ls); } .s1pr span { font-weight: var(--main_fw); } #root .s1pr span { margin-right: 5px; } .s1pr .small { display: block; margin: 3px 0 0; color: inherit; font-size: 0.8571428571em; text-decoration: none; } #root .s1pr span.small { margin-left: 0; margin-right: 0; } .l4cl .price, p.s1pr, span.s1pr, .l4ca .price { color: var(--price_color); font-weight: var(--price_fw); font-size: var(--price_fz); font-family: var(--price_ff); font-style: var(--price_fs); letter-spacing: var(--price_ls); } .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; position: relative; left: 14px; z-index: 2; margin: 0 0 0 -10px; } .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; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .s1tt > .icon-info { display: inline-block; position: relative; top: calc(var(--main_fz) * 0.2142857143); margin: 0; color: var(--primary_text_h); font-size: calc(var(--main_fz) * 1.1428571429); line-height: 1; opacity: .33; } .s1tt-cont { position: relative; z-index: 20; } .plain { --btn_sh_inner: none; } a.square, button.square, input.square { --b2r: 0px; --btn_br: 0px; } .link-btn, .submit { margin-right: calc(0px - var(--btn_dist)); margin-bottom: calc(var(--main_mr) - var(--btn_dist)); font-size: var(--main_fz); } .link-btn > *, .submit > * { display: block; margin-right: var(--btn_dist); margin-bottom: var(--btn_dist); } .submit > a { text-decoration: none; } .link-btn a img, button img { margin-left: 2px; } .link-btn a.inv, button.inv, .inv-btn button { box-shadow: none; border-width: 0; } .link-btn a.inv, button.inv, .inv-btn button { --btn_bs_h: none; --btn_bc_h: var(--secondary_bg_btn); --btn_bd_h: var(--btn_bd); --btn_bw_h: var(--btn_bd); --btn_bg_h: none; } #root .link-btn a.inv, #root button.inv, #root .inv-btn button { background: none; color: var(--secondary_bg_btn); } #root .link-btn a.inv:before, #root button.inv:before, #root .inv-btn button:before { box-shadow: var(--btn_bs_h); border-color: var(--btn_bc_h); border-width: var(--btn_bd_h); background: var(--btn_bg_h); } .inv-btn input[type="button"], .inv-btn input[type="reset"], .inv-btn input[type="submit"] { padding: calc(var(--btn_pv) - var(--btn_bd)) calc(var(--btn_ph) - var(--btn_bd)); box-shadow: none; border-width: var(--btn_bd); background: none; --secondary_btn_text: var(--secondary_bg_btn); } .link-btn a.size-s, button.size-s, .link-btn.size-s a, .size-s > button, .link-btn .s1bx.size-s { min-height: 0; padding: calc(var(--btn_pv) * 0.65) calc(var(--btn_ph) * 0.7); } .link-btn a.size-m, button.size-m, .link-btn.size-m a, .size-m > button, .link-btn .s1bx.size-m { min-height: 0; padding: calc(var(--btn_pv) * 1.2) calc(var(--btn_ph) * 1.25); } .link-btn a.size-l, button.size-l, .link-btn.size-l a, .size-l > button, .link-btn .s1bx.size-l { min-height: 0; padding: calc(var(--btn_pv) * 1.35) calc(var(--btn_ph) * 1.5); } .link-btn a.rounded, button.rounded, .link-btn a.rounded:before, button.rounded:before { border-radius: var(--btn_pv); } .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: calc(var(--btn_pv) * 1.7); } .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: calc(var(--btn_pv) * 2); } .link-btn a.shadow:before, button.shadow:before, .s1bx.shadow:before, #root .link-btn a.shadow.inv:before, #root button.shadow.inv:before, #root .s1bx.shadow.inv:before { box-shadow: 0 3px 10px rgba(0,0,0,.2); } .link-btn a.inline, #root button.inline { min-width: 0; min-height: 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; --btn_bg_h: none; --btn_bc_h: var(--alto); } .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-blush, button.overlay-blush, .overlay-blush button, .s1bx.overlay-blush { --secondary_btn_text: var(--primary_text); --secondary_bg: var(--blush); --secondary_bg_btn: var(--blush); --secondary_bg_btn_dark: var(--blush); } .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-gradient:not(.inv, .inline), button.overlay-gradient:not(.inv, .inline), .overlay-gradient:not(.inv, .inline) button, .s1bx.overlay-gradient:not(.inv, .inline) { --secondary_bg: var(--theme_bg_gradient); --secondary_bg_btn: var(--theme_bg_gradient); --secondary_bg_btn_dark: var(--theme_bg_gradient_dark); --pulse: var(--pine); background-clip: inherit; -webkit-background-clip: inherit; text-fill-color: currentcolor; -webkit-text-fill-color: currentcolor; } .link-btn a.overlay-white, button.overlay-white, .overlay-white button, .s1bx.overlay-white { --secondary_btn_text: var(--primary_text); --secondary_bg: var(--white); --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; } #root .link-btn a.inv.loading:after { border-color: var(--secondary_bg_btn); } .link-btn i, button i, .submit i { display: inline-block; position: relative; top: .15em; margin-left: 3px; font-size: 1.4285714286em; line-height: 1px; } .link-btn a > span, button > span { min-height: ; } .link-btn i, button i, .submit i { top: .15em; } .link-btn i.icon, button i.icon, .submit i.icon { top: 0; } .link-btn .s1bx, button .s1bx, .submit .s1bx { display: block; } .link-btn .icon-cart, button .icon-cart, .submit .icon-cart { left: -2px; top: .2em; font-size: 1.5714285714em; } .link-btn .icon-pin, button .icon-pin, .submit .icon-pin { top: .2em; margin-right: 6px; font-size: 1.2857142857em; } .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; } .link-btn .s1bx { font-size: 1em; line-height: var(--main_lh_h); } 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 > * { 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 { 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 > * { width: 100%; } .link-btn.wide > * + .inline { margin-top: 8px; } 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, li.hidden ~ .has-link-more a.link-more { display: block; } img, iframe, object, embed, video { max-width: 100% !important; border-radius: var(--b2p); border-style: none; } img { image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } body > div:first-child img, body > p:first-child + div img, body > div + div img { height: auto !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } iframe { display: block; border-width: 0 !important; outline: none; } picture { width: 100%; } figure { position: relative; z-index: 2; margin: 0 0 calc(var(--main_mr) * 0.7692307692); font-size: calc(var(--main_fz) * 0.8571428571); } 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: var(--main_fw); font-size: calc(var(--main_fz) * 0.8571428571); line-height: var(--main_lh); } figure > a { display: block; position: relative; width: 100%; text-decoration: none; } figure > a picture { position: relative; z-index: 2; } 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; text-indent: 0; } 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); -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; } figure .link-btn.visible { position: absolute; left: var(--label_dist); right: var(--label_dist); bottom: var(--label_dist); top: auto; z-index: 999; min-width: 0; width: auto; margin-bottom: calc(0px - var(--btn_dist)); padding: 0; --btn_dist: var(--f8pr_submit_dist); } 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); } #root .portrait, .orientation-portrait { --ratio: 1.25; } #root .square, .orientation-square { --ratio: 1; } #root .landscape, .orientation-landscape { --ratio: 0.75; } .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 figure { width: 100%; } .img-compare:not(.icv) > *:not(img:first-child, picture:first-child) { display: none; } .img-multiply, .img-multiply-bg { position: relative; } .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, .img-multiply-bg picture, .img-multiply picture { mix-blend-mode: multiply; } .img-multiply a { mix-blend-mode: multiply; } figure.img-multiply:before, picture.img-multiply:before { border-radius: var(--b2p); background: var(--body_bg); } figure.img-multiply-bg:before, picture.img-multiply-bg:before { border-radius: var(--b2p); background: var(--gallery); } figure.maps, .image-map { width: 100%; max-width: 100%; } 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; } table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; } caption { display: none; margin: 0; padding: 0 0 10px; font-weight: var(--main_fw_strong); line-height: var(--main_lh_h); text-align: left; } th, td { padding: 9px 18px; border: 0 solid var(--gallery); font-weight: var(--main_fw); text-align: inherit; } th { background: var(--sand); font-weight: var(--main_fw_strong); } td { border-bottom-width: 1px; } tr > *:first-child { border-left-width: 1px; } tr > *:last-child { border-right-width: 1px; } tr:first-child > * { border-top-width: 1px; } tr:nth-child(2n) > td { background: var(--porcelain); } 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; } table.size-s tr > * { padding-top: 3px; padding-bottom: 3px; } table.size-m tr > * { padding-top: 12px; padding-bottom: 12px; } table.size-l tr > * { padding-top: 14px; padding-bottom: 14px; } ul.text-center, ol.text-center, .text-center ul, .text-center ol { list-style-position: inside; padding-left: 0; padding-right: 0; } .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(--main_h_small); } .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-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; --btn_sh_inner: 0 2px 4px rgba(0,0,0,.1); } .l4al > li:not([class*="overlay-"]) { color: var(--primary_text); } .l4al li { position: relative; z-index: 3; margin: 0 0 10px; padding: var(--main_fz) calc(var(--main_fz) * 1.1428571429); } .l4al li:before { border-radius: var(--b2r); border: 1px solid rgba(0,0,0,0); background: var(--body_bg); } .l4al li[class*="overlay"]:before { opacity: .11; } .l4al li:not([class*="overlay"]):before { border-color: var(--gallery); } #root .l4al li.overlay-tan:before { opacity: 1; } .l4al li:after { z-index: -2; box-shadow: var(--btn_sh_inner); border-radius: var(--b2r); background: var(--body_bg); } .l4al img, .l4al svg, .l4al picture { width: auto; -o-object-fit: contain; object-fit: contain; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .l4al picture { max-height: none !important; } #root .l4al p, #root .l4al h1, #root .l4al h2, #root .l4al h3, #root .l4al h4, #root .l4al h5, #root .l4al h6 { margin-bottom: 1px; font-size: 1em; line-height: var(--main_lh); } .l4al li.cols { padding-left: 0; } .l4al li .cols > * ~ * { max-width: 40%; } .l4al li.size-m { padding-top: 17px; padding-bottom: 17px; } .l4al li > i:not(.icon-check) { display: block; position: absolute; left: calc(var(--main_fz) * 1.1428571429px); top: var(--main_fz); margin-right: 2px; margin-left: 0; font-size: calc(var(--main_fz) * 1.4285714286); line-height: calc(var(--main_fz) * var(--main_lh)); } .l4al li > i:not(.icon-check) ~ * { padding-left: calc(var(--main_fz) * 2.5); } .l4al li > i.icon-check { display: inline-block; position: relative; top: .025em; line-height: 1px; } .l4al li > i.sticky { display: block; position: absolute; left: 10px; top: 0; margin-top: -10px; padding: 0 6px; border-width: 0; background: var(--body_bg); font-size: var(--size_20_f); line-height: var(--size_20_f); } #root .l4al li > i.sticky ~ * { padding-left: 0; padding-right: 0; } .l4al .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 9; width: 44px; height: 44px; font-size: var(--size_12); text-indent: -3000em; text-align: left; direction: ltr; } .l4al .close:before { content: "\e91f"; } #root .l4al .close { padding: 0; } .l4al.fixed { position: fixed; right: 24px; top: 24px; z-index: 100; width: 430px; margin: 0; } .l4al + .l4ca { margin-top: -14px; } .l4al .overlay-lime { color: ; } .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 .overlay-secondary { color: var(--secondary_text); } #root .l4al .overlay-secondary:before { background: var(--secondary_bg); opacity: 1; } .l4al .overlay-tertiary { color: var(--tertiary_text); } #root .l4al .overlay-tertiary:before { background: var(--tertiary_bg); opacity: 1; } .l4al .overlay-quaternary { color: var(--quaternary_text); } #root .l4al .overlay-quaternary:before { background: var(--quaternary_bg); opacity: 1; } .l4al .overlay-content { color: var(--white); } #root .l4al .overlay-content:before { background: var(--primary_text); opacity: 1; } .l4al li[class^="palette-"]:before { background: var(--primary_bg); } .l4al + .l4tt { margin-top: -6px; } .l4al .s1ld[data-val][data-of] { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; opacity: .4; } .l4al .s1ld[data-val][data-of] .rating-label { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: auto; margin: 0; box-shadow: none; } .l4al.inline li { padding-top: calc(var(--main_fz) * 0.6428571429); padding-bottom: calc(var(--main_fz) * 0.6428571429); } .l4al.inline li:before, .l4al.inline li:after { box-shadow: none; } .l4as { position: relative; list-style: none; padding: 0; } .l4as li { margin: 0; padding: 0 0 0 calc(var(--main_fz) * 8); border-width: 0; } .l4as li > span:first-child { display: block; float: left; width: calc(var(--main_fz) * 7.2857142857); margin-left: calc(0px - var(--main_fz) * 8); padding-right: 10px; font-weight: var(--main_fw_strong); } .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: calc(var(--main_fz) * 1.4285714286); padding-right: 0; } .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: var(--main_fw); font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; left: calc(0px - var(--main_fz) * 1.4285714286); right: auto; top: 0; min-width: 10px; margin: 0; font-size: 0.7em; line-height: calc(var(--main_fz) * var(--main_lh)); 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:empty { margin: 0; padding: 0; } .l4ch:empty + hr { display: none; } .l4ch.empty { margin: 0; padding: 0; } .l4ch.empty + hr { display: none; } .l4ch.plus { padding-left: calc(var(--main_fz) * 2); --plus_size: calc(var(--main_fz) * 1.3571428571); } .l4ch.plus li:before, .l4ch.circle li:before { content: "\e948"; left: calc(0px - var(--main_fz) * 2); top: calc(var(--main_fz) * var(--main_lh) * 0.5 - var(--plus_size) * 0.5); width: var(--plus_size); height: var(--plus_size); padding-left: 0; box-shadow: var(--btn_sh_inner); border-radius: var(--plus_size); background: var(--alert_valid); color: var(--white); font-size: var(--plus_size); line-height: var(--plus_size); } .l4ch.plus li.overlay-content:before { content: "\e949"; background: var(--gray); } .l4ch.circle { padding-left: calc(var(--main_fz) * 1.4285714286); } .l4ch.circle li:before { content: "\e953"; } .l4ca { list-style: none; margin-bottom: 20px; padding: 0; border-top: 1px solid var(--gallery); font-size: var(--main_fz); --img_d: 22px; } .l4ca li { position: relative; z-index: 2; padding: 16px 0 .1px ; border-bottom: 1px solid rgba(0,0,0,0); } .l4ca li:before { top: -1px; border: 0 solid var(--black); border-top-width: 1px; opacity: .07; } .l4ca li:first-child:before { border-top-width: 0; } .l4ca li:last-child:before { border-bottom-width: 1px; } .l4ca ul li:before { display: none; } .l4ca li > *, .l4ca li > footer > * { padding-left: var(--img_d); } .l4ca li > footer > .input-amount { width: auto; } .l4ca li > *:first-child, #root .l4ca li > footer { padding-left: 0; padding-right: 0; } .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 figure { display: block; overflow: hidden; width: 105px; margin-bottom: 16px; -webkit-align-self: flex-start; align-self: flex-start; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .l4ca figure picture { padding-top: calc(var(--ratio) * 100%); background: var(--body_bg); } .l4ca li.auto figure picture, .l4cl li.auto figure picture { padding-top: 0; } .l4ca li.auto figure picture img, .l4ca li.auto figure picture svg, .l4cl li.auto figure picture img, .l4cl li.auto figure picture svg { position: relative; } .l4ca figure picture img, .l4ca figure picture svg { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; max-height: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center 0; object-position: center 0; } #root .l4cl figure picture ~ picture { display: none; } #root .l4cl .second-img-first figure:has(picture ~ picture) picture { display: none; } #root .l4cl .second-img-first figure:has(picture ~ picture) picture ~ picture { display: block; } #root .l4cl .second-img-first.has-picture-picture figure picture { display: none; } #root .l4cl .second-img-first.has-picture-picture figure picture ~ picture { display: block; } .l4ca h1, .l4ca h2, .l4ca h3, .l4ca h4, .l4ca h5, .l4ca h6 { margin: 0 0 6px; color: inherit; font-size: var(--main_fz); font-family: var(--main_ff); font-weight: var(--main_fw_h); line-height: var(--main_lh_l); letter-spacing: var(--main_ls); } .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: 0.75em; font-weight: var(--main_fw); opacity: 1; } .l4ca section { margin-bottom: 10px; margin-right: auto; font-size: var(--main_fz_small); } .l4ca section ul, .l4ca section p, .l4ca.compact ul { margin-bottom: 6px; font-size: calc(var(--main_fz) * 0.8571428571); line-height: var(--main_lh_l); } .l4ca p { font-size: calc(var(--main_fz) * 0.8571428571); line-height: var(--main_lh_l); } .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: var(--main_fw); 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; left: var(--lar1); right: var(--l1ra); top: 0; bottom: auto; width: 18px; border-width: 0; background: none; font-size: 1em; text-align: center; text-indent: 0; opacity: 1; } #root .l4ca li a.link-more { font-weight: var(--main_fw_strong); text-decoration: none; } #root .l4ca .r6rt { color: var(--gray_text); font-size: var(--main_fz_small); font-weight: var(--main_fw); } .l4ca p { margin-bottom: 6px; } .l4ca footer p { font-size: var(--main_fz); } .l4ca footer p a { display: block; position: relative; } .l4ca footer p:not(.link-btn) a { 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-size: var(--price_fz); line-height: 1.5; white-space: nowrap; } .l4ca .price span, .l4cl .price span, #root .l4ca.summary .price span { font-weight: var(--main_fw); } .l4ca .price span.strong, .l4cl .price span.strong, #root .l4ca.summary .price span.strong { font-weight: var(--main_fw_strong); } .l4ca .price span, .l4cl .price span, #root .l4ca.summary .price span, #root .l4ca.compact section .price span { margin-right: 5px; } .l4ca + h1, .l4ca + h2, .l4ca + h3, .l4ca + h4, .l4ca + h5, .l4ca + h6 { margin-top: 38px; } .l4ca.compact { border-width: 0; --offset: 66px; --img_d: 14px; } .l4ca.compact li { clear: both; padding: 12px 0 6px 0; border-width: 0; } .l4ca.compact li.no-img { padding-left: 0; padding-right: 0; } .l4ca.compact figure { margin: 0 var(--img_d) 6px 0; width: calc(var(--offset) - var(--img_d)); } .l4ca.compact figure ~ section { width: calc(100% - var(--offset) - var(--img_d)); } .l4ca.compact .price { color: inherit; } .l4ca.compact h1, .l4ca.compact h2, .l4ca.compact h3, .l4ca.compact h4, .l4ca.compact h5, .l4ca.compact h6 { margin-bottom: 4px; font-size: var(--main_fz); font-family: var(--main_ff); letter-spacing: var(--main_ls); } .l4ca.compact section { width: calc(100% - var(--offset)); margin: 0; padding: 0; font-size: var(--main_fz); -webkit-flex-shrink: 3; -ms-flex-shrink: 3; flex-shrink: 3; -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .l4ca.compact section .cols:last-child { margin-bottom: 2px; } .l4ca.compact .cols .price { padding-left: 10px; } #root .l4ca.compact .cols .price { margin-bottom: 4px; } .price span, #root .l4ca.compact .cols .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: calc(var(--main_fz) * 0.8571428571); line-height: 1.6666666667; } .l4ca.compact li > *, .l4ca.compact li > footer > * { padding-left: 0; padding-right: 0; } .l4ca.compact + h1, .l4ca.compact + h2, .l4ca.compact + h3, .l4ca.compact + h4, .l4ca.compact + h5, .l4ca.compact + h6 { margin-top: 10px; } .l4ca.summary { margin-top: -15px; border-top-width: 0; } .l4ca.summary ul li { min-height: 0; padding: 0; } .l4ca.summary figure { float: var(--text_align_start); 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(--main_h_small); } #root .l4ca.summary .price { position: relative; left: 0; right: 0; top: 0; margin-bottom: 6px; } #root .l4ca.summary .price span { display: inline; } .l4cl { position: relative; z-index: 2; list-style: none; margin: var(--main_mr) 0 22px calc(0px - var(--dist_a)); padding: 0; font-weight: var(--main_fw_strong); font-style: var(--main_fs); line-height: var(--main_lh); line-height: var(--main_lh); text-transform: var(--main_tt); letter-spacing: var(--main_ls); --dist_a: 16px; --btn_dist: var(--f8pr_submit_dist); } .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 var(--dist_a); border: 0 solid rgba(0,0,0,0); border-left-width: var(--dist_a); } .l4cl[style*="--dist_a: 0px"] li, .l4cl[style*="--dist_a: 0px"] .li { margin-bottom: 22px; } .l4cl[style*="--dist_a: 0px"] li, .l4cl[style*="--dist_a: 0px"] .li { padding-left: 20px; padding-right: 20px; } .l4cl[style*="--dist_a: 0px"] li > figure, .l4cl[style*="--dist_a: 0px"] .li > figure { margin-left: -20px; margin-right: -20px; } .l4cl li.w8, .l4cl .li.w8, .l4cl.w8 li, .l4cl.w8 .li, .l4ne li.w8, .l4ne .li.w8, .l4ne.w8 li, .l4ne.w8 .li { width: 8%; max-width: none; } .l4cl li.w10, .l4cl .li.w10, .l4cl.w10 li, .l4cl.w10 .li, .l4ne li.w10, .l4ne .li.w10, .l4ne.w10 li, .l4ne.w10 .li { width: 10%; max-width: none; } .l4cl li.s11, .l4cl .li.s11, .l4cl.s11 li, .l4cl.s11 .li, .l4ne li.s11, .l4ne .li.s11, .l4ne.s11 li, .l4ne.s11 .li { width: 11.1111111111%; max-width: none; } .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; } .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: calc(var(--main_fz) * var(--main_lh_l) + 4px) 0 0; font-weight: var(--main_fw_h); font-family: var(--main_ff); font-size: 1em; line-height: var(--main_lh_l); letter-spacing: var(--main_ls); } .l4cl h1 .small, .l4cl h2 .small, .l4cl h3 .small, .l4cl h4 .small, .l4cl h5 .small, .l4cl h6 .small { display: block; margin: calc(0px - var(--main_fz) * var(--main_lh_l)) 0 calc(var(--main_fz) - var(--main_fz_small) + 4px); font-weight: var(--main_fw); font-size: var(--main_fz_small); } .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 figure + div.box { margin-top: -20px; } .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); letter-spacing: var(--main_ls_h); } #root .l4cl.category a span, #root .l4ft p a.strong span { z-index: 10; } .l4cl h1.p0, .l4cl h2.p0, .l4cl h3.p0, .l4cl h4.p0, .l4cl h5.p0, .l4cl h6.p0 { padding-top: 0; } .l4cl h1.p0 .small, .l4cl h2.p0 .small, .l4cl h3.p0 .small, .l4cl h4.p0 .small, .l4cl h5.p0 .small, .l4cl h6.p0 .small { margin-top: 4px; } .l4cl p[class*="overlay"]:not(.price) { font-weight: var(--main_fw); font-size: calc(var(--main_fz) * 0.8571428571); } .l4cl .overlay-gray { color: inherit; opacity: .53; } .l4cl .r6rt { position: static; font-weight: var(--main_fw); font-size: calc(var(--main_fz) * 0.8571428571); } .l4cl .r6rt, .accordion-a .l4cl .r6rt { margin-bottom: 1px; } .l4cl .r6rt .rating { top: calc(0px - var(--main_fz) * 0.0714285714); } .l4cl .r6rt a { position: relative; z-index: 10; } .l4cl a { display: block; color: inherit; } .l4cl a:after { z-index: 9; } #root .l4cl.inline-links p:not(.link-btn) a { display: inline; color: var(--secondary_bg); font-weight: var(--main_fw); text-decoration: underline; } .l4cl a.s1tt { display: inline-block; } .l4cl div.box { position: relative; z-index: 2; padding: 20px min(20px, var(--rpp)); border-radius: 0 0 var(--b2r) var(--b2r); background: var(--bg); color: var(--fg); font-weight: var(--main_fw); --bg: var(--sand); --fg: var(--primary_text); } .l4cl li:has(div.box) figure, .l4cl li:has(div.box) img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .l4cl li.has-div-box figure, .l4cl li.has-div-box img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .l4cl figure { display: block; position: relative; z-index: 2; height: auto; margin: 0 0 20px; } #root .l4cl figure.rounded, #root .l4cl figure.rounded picture, #root .l4cl figure.rounded:before, #root .l4cl figure.rounded picture:before { border-radius: 100%; } .l4cl figure[style*="--bw"][style*="--bd"] { border: var(--bw) solid var(--bd); } .l4cl figure[style*="--bw"][style*="--bd"]:not([style*="--pd"]) { background: var(--bd); } .l4cl figure[style*="--bw"][style*="--bd"][style*="--pd"], .l4cl figure[style*="--bg"][style*="--pd"] { padding: var(--pd); } .l4cl figure[style*="--bg"], .l4cl figure[style*="--bg"][style*="--bw"][style*="--bd"] { background: var(--bg); } #root .l4cl figure.gradient-background { border-width: 0; background: var(--theme_bg_gradient); } #root .l4cl figure.gradient-background[style*="--bw"] { padding: var(--bw); } #root .l4cl figure.gradient-background[style*="--pd"] { padding: var(--pd); } #root .l4cl figure.gradient-background[style*="--bw"][style*="--pd"] { padding: calc(var(--bw) + var(--pd)); } .l4cl figure img, .l4cl figure iframe, .l4cl figure video, .l4cl figure svg, .l4ca.compact img, .l4ca.compact svg, .l4ca.compact iframe, .l4ca.compact video { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; max-height: 100% !important; height: 100% !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } #root .l4cl figure img, #root .l4cl figure iframe, #root .l4cl figure video, #root .l4cl figure svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 0; } .l4cl figure picture { display: block; overflow: hidden; position: relative; z-index: 2; width: 100%; height: auto; padding-top: calc(var(--ratio) * 100%); } #root .l4cl figure img { height: 100% !important; } .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; } #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; } .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 .text-overlay { display: block; position: absolute; left: 0; right: 0; top: 50%; padding: min(20px, var(--rpp)); color: var(--white); font-weight: var(--main_fw_strong); font-size: var(--size_32_f); text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .l4cl:not(.list) .has-form figure { position: relative; z-index: 99; } .l4cl:not(.list) li:has(figure input, figure .link-btn, figure button) { position: relative; z-index: 99; } .l4cl figure .link-btn, .l4cl figure form { position: absolute; left: var(--label_dist); right: var(--label_dist); bottom: var(--label_dist); top: auto; min-width: 0; margin-bottom: 0; padding: 0; --btn_dist: var(--f8pr_submit_dist); } .l4cl figure .link-btn a, .l4cl figure button:not(.wk-button) { float: none; width: auto; padding-left: clamp(5px, var(--btn_ph), 20px); padding-right: clamp(5px, var(--btn_ph), 20px); } .l4cl figure form .invalid-feedback { display: none; } .l4cl figure button.compact { padding-left: 0; padding-right: 0; } #root .l4cl figure .submit { min-height: var(--input_h); } .l4cl figure .link-btn.no-border, .l4cl figure form.no-border { --label_dist: 0px; } .l4cl:not(.list, .hr) figure:not(.overlay-static) .link-btn:not(.visible), .l4cl:not(.list, .hr) figure:not(.overlay-static) form:not(.visible) { z-index: 9; } .l4cl:not(.list, .hr) figure.overlay-static .link-btn:not(.visible), .l4cl:not(.list, .hr) figure.overlay-static form { position: relative; left: 0; right: 0; bottom: 0; width: 100%; padding-top: var(--f8pr_submit_dist); } .l4cl:not(.list, .hr) figure.overlay-static .link-btn ~ .link-btn.visible, .l4cl:not(.list, .hr) figure.overlay-static form ~ .link-btn.visible { display: none; } .l4cl:not(.list, .hr) figure.overlay-static .link-btn:not(.visible) { width: calc(100% + var(--btn_dist)); } .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 .submit { padding: 0; } .l4cl figure picture .swiper-outer, .l4cl figure picture .swiper-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: auto !important; } .l4cl figure picture .swiper-slide { height: 100%; } #root .l4cl figure picture .swiper-button-prev, #root .l4cl figure picture .swiper-button-next { top: 0; bottom: 0; width: 44px; height: auto; } #root .l4cl figure picture .swiper-button-prev { left: var(--l0ra); right: var(--lar0); } #root .l4cl figure picture .swiper-button-next { left: var(--lar0); right: var(--l0ra); } #root .l4cl figure picture .swiper-button-prev:after, #root .l4cl figure picture .swiper-button-next:after { display: none; } [data-whatin="mouse"] #root .l4cl li:hover figure picture .swiper-button-prev, [data-whatin="mouse"] #root .l4cl li:hover figure picture .swiper-button-next, [data-whatin="mouse"] #root .l4cl .li:hover figure picture .swiper-button-prev, [data-whatin="mouse"] #root .l4cl .li:hover figure picture .swiper-button-next { display: block; } .l4cl figure.slider-ready { z-index: 20; } .l4cl figure.slider-ready img { border-radius: 0; } @media only screen and (min-width: 761px) { #root .l4cl figure picture .swiper-button-prev, #root .l4cl figure picture .swiper-button-next { display: none; } } .l4cl .price { margin-top: 2px; color: var(--price_color); line-height: 1.5; } .l4cl .price, .accordion-a .l4cl .price { margin-bottom: 4px; } .l4cl .price .small { display: block; margin: 1px 0 2px; color: var(--primary_text_h); font-family: var(--main_ff); font-size: var(--main_fz_small); font-weight: var(--main_fw); font-size: 0.8571428571em; letter-spacing: var(--main_ls); text-decoration: none; opacity: .53; } .l4cl .price span[class*="overlay"] { display: block; margin: 0 0 4px; font-size: var(--main_fz_small); text-decoration: none; opacity: 1; } .l4cl .price .price-varies, .l4ca .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; font-style: var(--btn_fs); font-weight: var(--btn_fw); text-transform: var(--btn_tt); letter-spacing: var(--btn_ls); } .l4cl:not(.list) form:last-child, .l4cl:not(.list) .link-btn:last-child { margin-top: auto; } #root .l4cl form:last-child .submit:last-child, #root .l4cl figure form .submit:last-child, #root .l4cl figure .link-btn: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: 99; padding-top: var(--f8pr_submit_dist); opacity: 0; } .l4cl .link-btn.sticky, .l4cl form.sticky { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .mobile .l4cl .link-btn.sticky, .mobile .l4cl form.sticky { visibility: visible; position: relative; top: 0; bottom: 0; opacity: 1; -webkit-transform: none; transform: none; } .l4cl [style*="--label_dist: 0"] { --f8pr_submit_dist: 0px; --btn_dist: 0px; } @media only screen and (max-width: 1000px) { .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:not(.hr) .link-btn a:last-child { margin-bottom: 0; } .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.sticky a i.icon-cart { font-size: var(--size_24); -webkit-transform: translateY(.1em); transform: translateY(.1em); } .l4cl .info { display: none; position: relative; z-index: 9; margin-bottom: calc(0px - var(--main_mr) * 0.5); font-weight: var(--main_fw); } .l4cl .info p { display: none; margin-bottom: calc(var(--main_mr) * 0.5); } .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; } 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; } .l4cl .info:not(.long) p:first-child ~ .link-more { display: none; } .l4cl .info p a { display: inline; color: var(--secondary_bg); } .l4cl .check { z-index: 98; --check_color_size: 20px; --check_color_dist: 3px; --check_color_space: 6px; } .l4cl .check.color { margin-bottom: 4px; } .l4cl .check.color:not(:first-child) { margin-top: 2px; } .l4cl figure .check.color { margin-top: 0; margin-bottom: 0; padding-top: calc(15px - var(--check_color_dist)); } .l4cl figure .check.color ~ .link-btn { display: none; } #root .l4cl .check li, #root .l4cl .check li:last-child { width: auto; min-width: 0; max-width: none; margin-top: 0; margin-bottom: 0; border-width: 0; } .l4cl + .n6pg { margin-top: -16px; } #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.category { font-weight: var(--main_fw); } .l4cl.category:not(.font-regular) a { font-weight: var(--main_fw_strong); } .l4cl.category:not(.font-regular) .link-btn a { font-weight: var(--btn_fw); } .l4cl.category p + p { margin-top: calc(var(--main_mr) * 0.25); } #root .l4cl.category p + .link-btn { margin-top: calc(var(--main_mr) * 0.45); } .l4cl.hr { padding-bottom: 1px; --img_w: 108px; } #root .l4cl.hr li { width: 100%; min-height: calc(var(--img_w) * var(--ratio) + 11px + 10px); margin: 0; padding: 16px calc(var(--img_w) + 16px) 12px 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: var(--img_w); height: auto; margin: 0; padding: 0; } #root .l4cl.hr figure picture { height: auto !important; } .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: calc(var(--img_w) + 16px); top: auto; bottom: 14px; -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; -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) { .l4cl:not(.list, .hr) figure:not(.overlay-static) .link-btn:not(.visible), .l4cl:not(.list, .hr) figure:not(.overlay-static) form:not(.visible) { visibility: hidden; opacity: 0; } html:not(.mobile) .l4cl figure .check.color { visibility: hidden; position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; margin: 0; padding: calc(15px - var(--check_color_dist)) calc(10px - var(--check_color_dist) - var(--check_color_space)) calc(15px - var(--check_color_dist) - var(--check_color_space) * 0.5) calc(10px - var(--check_color_dist)); background: var(--body_bg); opacity: 0; } html:not(.mobile) .l4cl figure.overlay-static .check.color:not(:last-child) { display: none; } .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.is-scrollable { padding-right: 16px; } } #root .l4cl.hr.inv li { padding-right: 0; padding-left: calc(var(--img_w) + 16px); } #root .l4cl.hr.inv .check li { padding: 0; } #root .l4cl.hr.inv figure { left: 0; right: auto; } .l4cl.hr.inv .link-btn.sticky { left: calc(var(--img_w) + 16px); right: auto; } #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) { .m6ac .l4cl.hr .link-btn:not(.sticky) a, .m6ac .l4cl.hr button { min-width: 154px; -webkit-flex-grow: unset; -ms-flex-grow: unset; flex-grow: unset; } } @media only screen and (min-width: 761px) { .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: -23px; --img_w: 138px; --pr_dist: 58px; --img_dist: 24px; } .l4cl.list li, .l4cl.list .li { width: 100%; margin: 0; padding: 23px 0; } #root .l4cl.list li, #root .l4cl.list .li { width: 100%; } .l4cl.list li:before { border-bottom: 1px solid var(--gallery); } .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, .l4cl.wide figure { width: var(--img_w); min-height: 0; margin: 0 var(--img_dist) 0 0; padding: 0 !important; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -webkit-align-self: flex-start; align-self: flex-start; } .l4cl.list li > *:not(figure) + *:last-child { margin-left: auto; padding-left: var(--pr_dist); -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .l4cl.list li > *:not(:last-child) { min-width: 0; } .l4cl.list .link-btn { visibility: visible; position: relative; left: 0; bottom: 0; margin-top: 0; opacity: 1; } @media only screen and (min-width: 1001px) { .l4cl.list .link-btn a, .l4cl.list form button { white-space: nowrap; } } .l4cl.wide { display: block; margin-left: 0; --img_w: 60px; --img_dist: min(var(--rpp), 20px); } #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 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; -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; 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: var(--rpp); height: 240px; color: var(--primary_text); } .l4cl[style*="--fih"] .swiper-button-next, .l4cl[style*="--fih"] .swiper-button-prev { height: var(--fih); } .l4cl.no-img .swiper-button-next, .l4cl.no-img .swiper-button-prev { top: 0; bottom: var(--dist_a); height: auto; } .l4cl .swiper-button-next { right: var(--rpn); } .l4cl .swiper-button-prev { left: var(--rpn); } @media only screen and (min-width: 761px) { #root .l4cl.s4wi li, #root .l4cl.s4wi .li { width: 100%; } #root .l4cl:not(.list, .hr) .static .link-btn, #root .l4cl:not(.list, .hr) .static form { display: none; } } .l4hs { display: none; list-style: none; margin: 0; padding: 0; --fg: var(--primary_text); --bg: var(--white); --fg_active: var(--white); --bg_active: var(--primary_text); --hs_size: 32px; --justify_content: text-start; } figure .l4hs { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; margin: 0; } figure .l4hs > li { position: absolute; width: 44px; height: 44px; margin: -22px 0 0 -22px; } #root figure .l4hs > li > a { display: block; position: relative; z-index: 99; width: 44px; height: 44px; color: var(--fg); font-size: calc(var(--hs_size) * 0.375); text-indent: -3000em; text-align: left; direction: ltr; --secondary_bg_btn: var(--bg); } figure .l4hs > li > a:before { content: "\e910"; left: 50%; top: 50%; right: auto; bottom: auto; z-index: 9; width: var(--hs_size); height: var(--hs_size); margin: calc(0px - var(--hs_size) * 0.5) 0 0 calc(0px - var(--hs_size) * 0.5); box-shadow: 0 2px 4px rgba(0,0,0,.1); border-radius: 99px; background: var(--bg); line-height: var(--hs_size); } figure .l4hs > li:not([style*="horizontal"][style*="vertical"]), figure .l4hs > li > div { display: none; } #root figure .l4hs > li[style*="horizontal"] { left: var(--horizontal); } #root figure .l4hs > li[style*="vertical"] { top: var(--vertical); } .l4cn { list-style: none; padding: 0; } .l4cn li, .l4ad .l4cn li { position: relative; z-index: 2; margin-bottom: 2px; padding: 0 0 0 calc(var(--main_fz) * 2); } .l4cn i { display: block; position: absolute; left: 0; top: 0; min-width: 21px; font-size: 1.2857142857em; line-height: calc(var(--main_fz) * var(--main_lh)); text-align: center; } .l4cn .icon-envelope { font-size: 0.7142857143em; } .l4cn [class*="whatsapp"] { font-size: 1.175em; } .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 { 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; } #root .l4cn.plain li { padding: 0; } .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: var(--main_fw_strong); 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: "\002B"; } .l4cu.box { margin-left: -16px; } .l4cu.box li { border-left-width: 16px; } .l4cu.box li > span { margin-bottom: 8px; padding: 0 24px; 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: calc(0px - var(--dist)); padding: 0; text-align: left; --dist: 30px; } .l4dr li { position: relative; z-index: 2; min-height: calc(var(--main_lh) * var(--main_fz)); margin-right: var(--dist); } .l4dr a:not(.inline) { display: block; position: relative; z-index: 2; } #root .l4dr a:not(.inline):after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 100%; min-width: 44px; height: 44px; margin: -22px 0 0; -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; -webkit-transform: none; transform: none; } .l4dr i { display: inline-block; position: relative; margin-right: calc(var(--main_fz) * 0.5714285714); 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 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; } .l4dr.col { display: block; } .l4dr.col li + li { margin-top: calc(var(--main_mr) * 0.45); } .l4ft { list-style: none; padding: 0; margin: var(--main_mr) 0 35px calc(0px - var(--dist_a)); color: var(--fg); font-weight: var(--main_fw); font-style: var(--main_fs); line-height: var(--main_lh); text-transform: var(--main_tt); letter-spacing: var(--main_ls); --dist_a: 16px; --pt: 34px; --pd: calc(var(--pt) - var(--main_mr) * 0.4615384615); --ps: 42px; --bg: var(--primary_text); --mih: 300px; --fg: var(--white); } .l4ft li { position: relative; z-index: 3; width: 50%; margin: 0 0 var(--dist_a); border-left: var(--dist_a) solid rgba(0,0,0,0); } .l4ft li.w9, .l4ft.w9 li { width: 11.1111111111%; } .l4ft li.w12, .l4ft.w12 li { width: 12.5%; } .l4ft li.w14, .l4ft.w14 li { width: 14.2857142857%; } .l4ft li.w16, .l4ft.w16 li { width: 16.6666666666%; } .l4ft li.w20, .l4ft.w20 li { width: 20%; } .l4ft li.w25, .l4ft.w25 li { width: 25%; } .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%; } #root .l4ft li.size-m { --mih: 375px; } #root .l4ft li.size-l { --mih: 520px; } .l4ft li.w100, .l4ft li.wide, .l4ft.w100 li, .l4ft.wide li { width: 100%; } .l4ft li > .main:before, .l4ft .background { z-index: -3; } .l4ft li > .main:not(.module-color-palette):before, .l4ft .background { background: var(--bg); } .l4ft li.overlay-content > .main:before { background: var(--sand); } .l4ft li.bg-dark { color: var(--white); } .l4ft li.bg-light, .l4ft li.overlay-content { color: var(--primary_text); } .l4ft .main a:after, .l4ft .main .link-overlay { left: -3000em; right: -3000em; top: -3000em; bottom: -3000em; z-index: 8; } .l4ft a:after { display: none; } .l4ft .link-btn, .l4ft .link { position: relative; z-index: 9; } .l4ft .link-btn a:after, .l4ft .link a:after { display: none; } .l4ft .main > div { position: relative; z-index: 9; padding: var(--pt) var(--ps) var(--pd); } .l4ft.w16, .l4ft .w16, .l4ft.w14, .l4ft .w14, .l4ft.w12, .l4ft .w12 { --ps: 20px; } .l4ft.w14, .l4ft .w14, .l4ft.w12, .l4ft .w12 { --pt: 30px; --pb: 18px; } .l4ft li.align-bottom { --pb: 30px; } .l4ft li.overlay-content .main > div:first-child { mix-blend-mode: multiply; } .l4ft li > .main { overflow: hidden; position: relative; z-index: 2; width: 100%; min-height: var(--mih); padding: 0; } .l4ft li > .main:first-child:last-child { height: 100%; } .l4ft li.inline > .main > div { padding-top: 0; padding-bottom: 0; } .l4ft li:not(.inline) > .main > figure { position: absolute; z-index: -2; } .l4ft li > .main > figure img, .l4ft li > .main > figure picture, .l4ft li > .main > figure video, .l4ft li > .main > figure svg { height: 100% !important; } .l4ft li > .main picture ~ picture, .l4ft li > .main picture ~ video, .l4ft li > .main video ~ picture, .l4ft li > .main video ~ video { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; } .l4ft li > .content { position: relative; z-index: 9999; padding: 20px 0 0; color: var(--fg); --bg: none; --fg: var(--primary_text); } .l4ft li > .content:before { border-radius: 0 0 var(--b2p) var(--b2p); } .l4ft li > .content:not(.module-color-palette):before { background: var(--bg); } .l4ft li > .content h1, .l4ft li > .content h2, .l4ft li > .content h3, .l4ft li > .content h4, .l4ft li > .content h5, .l4ft li > .content h6 { margin-bottom: 12px; font-weight: var(--main_fw); line-height: var(--main_lh_h); font-family: var(--main_ff_h); font-style: var(--main_fs_h); letter-spacing: var(--main_ls_h); } .l4ft li > .content p, .l4ft li > .content ul, .l4ft li > .content ol { margin-bottom: min(12px, calc(var(--main_mr) * 0.25)); } .l4ft li > .content.box { padding: var(--pt) var(--ps) calc(var(--pt) - var(--main_mr) * 0.25); --fg: var(--primary_text); --bg: var(--sand); } .l4ft li > .content:not(.box) > .link-btn { margin-top: 8px; } .l4ft li > .content > .link-btn:last-child { margin-bottom: 0; } .l4ft li:has(.content.box) > .main > figure, .l4ft li:has(.content.box) > .main:before, .l4ft li:has(.content.box) > .main > figure *, .l4ft li.has-content-box > .main > figure, .l4ft li.has-content-box > .main:before { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .l4ft figure { overflow: hidden; z-index: -2; } .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: 1; } .l4ft li.inline figure { position: relative; margin-bottom: 10px; padding: 0 16px; } .l4ft li.inline figure: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 .cols .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; 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 > figure { max-width: 50%; } .l4ft .cols { -webkit-align-items: center; align-items: center; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .l4ft h1, .l4ft h2, .l4ft h3, .l4ft h4, .l4ft h5, .l4ft h6 { margin: 0 0 calc(var(--main_mr) * 0.4615384615); color: inherit; } .l4ft h1 .small, .l4ft h2 .small, .l4ft h3 .small, .l4ft h4 .small, .l4ft h5 .small, .l4ft h6 .small { margin: calc(var(--main_mr) * 0.4615384615) 0 0; opacity: 1; } .l4ft p, .shopify-section-header .l4ft p { margin-bottom: calc(var(--main_mr) * 0.4615384615); } .l4ft .link-btn, .shopify-section-header .l4ft .link-btn { margin-top: calc(var(--main_mr) * 0.8); margin-bottom: 4px; } .l4ft .main > .link-btn { position: absolute; left: 0; right: 0; top: auto; z-index: 9; bottom: calc(0px - var(--btn_dist)); margin-top: 0; margin-bottom: 0; padding: var(--label_dist); pointer-events: none; } .l4ft .main > .link-btn a { pointer-events: auto; } .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); } #root .l4ft.cols li { display: block; --mih: 0px; } .l4ft.cols .main > div, .l4ft li.overlay .main > div { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; } #root .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; } html:not(.mobile) .l4ft.hover-out > li:after { content: ""; display: block; overflow: hidden; visibility: visible; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; margin: 0; border-radius: var(--b2p); background: var(--dark); text-align: left; text-indent: -3000em; direction: ltr; opacity: 0; } html:not(.mobile) .l4ft.hover-out > li:not(.inline) figure ~ div { opacity: 0; } [dir="ltr"] .l4ft[style*="--dist_a: 0px"] .content:not(.box) { padding-right: max(20px, var(--dist_a)); } .l4ft[style*="--dist_a: 0px"] .content:not(.box), .l4ft[style*="--dist_a: 0px"] li .content:not(.box), .l4ft[style*="--dist_a: 0px"] .content:not(.box) { padding-right: max(20px, var(--dist_a)); padding-left: max(20px, var(--dist_a)); } .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: var(--main_fw_strong); } .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: var(--main_fw); } .l4id ul li { padding: 0; border-width: 0; } .l4in { list-style: none; margin-right: calc(0px - var(--dist_in)); padding: 0; --dist_in: calc(var(--main_fz) * 1.7142857143); } .l4in li { position: relative; z-index: 2; margin: 0 var(--dist_in) 0 0; } .l4in.a { overflow: hidden; --dist_in: calc(var(--main_fz) * 1.2857142857); } .l4in.a li:before { content: "\e94b"; left: auto; right: 100%; width: var(--dist_in); font-size: 1em; } .l4ne { list-style: none; margin: min(12px, calc(var(--main_mr) * 0.4615384615)) 0 21px calc(0px - var(--dist)); padding: 0; font-size: var(--main_fz); --ratio: 0.66; --label_dist: 10px; --dist: 16px; } .l4ne li { position: relative; width: 33.333333333333%; margin: 0 0 24px; border: 0 solid rgba(0,0,0,0); border-left-width: var(--dist); } .l4ne figure { display: block; overflow: hidden; height: auto; margin: 0 0 16px; padding-top: calc(var(--ratio) * 100%); } .l4ne figure svg, #root .l4ne figure img, .l4ne figure picture, .l4ne figure a { 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: var(--main_h_small); 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 p + * { margin-top: 16px; } .l4ne .label { position: absolute; left: 10px; top: 10px; right: 10px; z-index: 9; 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, #root .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; min-height: 0 !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(--main_fz_small); } .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: calc(0px - var(--dist)); margin-bottom: 16px; padding: 0; line-height: 1; --dist: 22px; } .l4pm li { margin: 0 var(--dist) 10px 0; } .l4pm:first-child { margin-top: 0; } .l4pm.box, .shopify-section-footer > div .l4pm.box { --dist: 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; margin: 0 38px 38px; padding: 0; border: 0 solid rgba(0,0,0,0); text-align: center; --dist: 0px; --pager_w: 75px; } .l4pr li { position: relative; z-index: 2; margin-bottom: 30px; padding-top: calc(var(--ratio) * 100%); } #root .l4pr li.auto, #root .l4pr.auto li { padding-top: 0; } .l4pr li a { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; height: 100%; } .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 video, .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(--b2p); -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(--b2p); } #root .l4pr.s4wi .li a[data-type="video"], #root .l4pr.s4wi .li a[data-type="html5video"], #root .l4pr.s4wi .li.cover img, .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: var(--pager_w); height: auto; min-height: 0; margin: 0 7px 7px 0; padding: 10px; cursor: pointer; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet picture { position: relative; z-index: 2; width: 100% !important; padding-top: calc(var(--ratio) * 100%); } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet picture > * { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; height: 100% !important; } #root .l4pr .swiper-pagination-bullets .swiper-pagination-bullet.auto, #root .l4pr.auto .swiper-pagination-bullets .swiper-pagination-bullet { height: auto; } #root .l4pr .swiper-pagination-bullets .swiper-pagination-bullet.auto picture, #root .l4pr.auto .swiper-pagination-bullets .swiper-pagination-bullet picture { padding-top: 0; } .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: var(--body_bg); 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 { border-radius: var(--b2r); -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } #root .l4pr .swiper-pagination-bullets .swiper-pagination-bullet img { height: 100% !important; } .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: var(--main_fw_strong); 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: 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 .swiper-custom-pagination { padding-top: calc(var(--main_mr) * 0.5); } .l4pr.slider-fraction .swiper-custom-fraction { display: block; } .l4pr.slider-fraction .swiper-pagination-bullets { display: none; } .l4pr.slider-fraction .swiper-button-next, .l4pr.slider-fraction .swiper-button-prev { height: 30px !important; } #root .l4pr li.sticky { display: block; position: absolute; left: calc(var(--dist) + 10px); right: auto; bottom: calc(var(--dist) + 10px); top: calc(var(--dist) + 10px); width: auto; max-width: calc(100% - 20px - var(--dist)); margin: 0; padding: 0; border-width: 0; pointer-events: none; } .l4pr li.sticky a { display: inline; position: relative; height: auto; pointer-events: auto; } .l4pr .m6bx { margin: 0; padding-left: 20px; padding-right: 20px; text-align: var(--text_align_start); } .l4pr .m6bx:before { box-shadow: inset 2px -2px 0 var(--btn_sh_inner_c); border-width: 0; border-color: var(--white); background: var(--white); } .l4pr .li .m6bx-inside { display: none; } .l4pr .swiper-outer > .m6bx-inside { position: absolute; left: calc(var(--dist) + 10px); right: auto; bottom: calc(var(--dist) + 10px + 2px); max-width: calc(100% - 20px - var(--dist)); } .l4pr.no-scrollbar .swiper-outer > .m6bx-inside { bottom: calc(var(--dist) + 10px); } @media only screen and (min-width: 1101px), only screen and (min-width: 761px) and (max-width: 1000px) { .l4pr.aside-pager.s4wi { margin-bottom: var(--main_mr); padding-left: calc(var(--pager_w) + 16px); } .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: var(--pager_w); margin-top: 0; margin-bottom: 0; margin-left: calc(0px - var(--pager_w) - 16px); 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(var(--pager_w) + 16px + 16px); right: auto; } .l4pr.aside-pager.s4wi .swiper-button-next { right: 16px; left: auto; } .l4pr.aside-pager.s4wi .swiper-button-prev:after { border-radius: 48px; } .l4pr.aside-pager.s4wi .swiper-button-next:after { border-radius: 48px; } .l4pr.aside-pager.s4wi .swiper-pagination-bullets { margin-top: 0; } .m6pr .l4pr.aside-pager.s4wi > .s1lb { left: calc(var(--pager_w) + 16px + var(--label_dist)); } .l4pr.slider-fraction.aside-pager .swiper-pagination-bullets { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #root .m6pr .l4pr.aside-pager.s4wi { border-left-width: 0; border-right-width: 0; } #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) { #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; } .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:not(.s4wi) .link-btn { margin-top: auto; } .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; --main_mr: 14px; } .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 p { font-style: inherit; font-size: 1em; } .l4ts q { display: block; max-width: 430px; margin: 0 auto var(--main_mr); font-style: inherit; font-size: calc(var(--main_fz) * 1.1428571429); } .l4ts span span { font-weight: var(--main_fw); } .l4ts .r6rt { display: inline-block; } .l4ts .r6rt .rating > * .fill { color: var(--secondary_bg); } .cols + .l4ts, .cols + .l4fs { margin-top: 12px; } .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 .r6rt .rating > * .fill, .l4ts.wide.box.s4wi .swiper-outer { background: var(--sand); } .m6wd .l4ts.box li:before, .m6wd .l4ts.box .r6rt .rating > * .fill, .m6wd .l4ts.wide.box.s4wi .swiper-outer { background: var(--white); } .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 li, .l4ts.w50 .li, .l4ts li.w50, .l4ts .li.w50 { width: 50%; } .l4ts.w50 q, .l4ts .w50 q { max-width: 430px; 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%; margin-left: auto; margin-right: auto; margin-bottom: 0; border-left-width: 0; } .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 { padding-top: 0; } .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: 28px calc(0px - var(--dist)) -5px 0; padding: 0; --dist: 30px; --dist_b: 22px; --sz: var(--main_fz); } .l4sc li { margin-right: var(--dist); margin-bottom: var(--dist_b); } .l4sc li.title { margin-right: calc(var(--main_fz) * 1.0714285714); } .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: calc(1.2857142857 * var(--sz)); line-height: 1; } .l4sc .icon-envelope { top: .1em; font-size: calc(0.7857142857 * var(--sz)); } .l4sc .icon-twitter { font-size: var(--sz); } .l4sc .icon-youtube { font-size: calc(1.0714285714 * var(--sz)); } .l4sc .icon-facebook, .l4sc .icon-vimeo, .l4sc .icon-wechat, .l4sc .icon-weibo { font-size: calc(1.1428571429 * var(--sz)); } .shopify-section:not(:last-child) > .l4sc:last-child { margin-bottom: 12px; } #root .m0 + .l4sc { margin-top: -2px; } .l4sc.size-s { --sz: calc(var(--main_fz) * 1.1111111111); } .l4sc.size-m { --sz: calc(var(--main_fz) * 1.3888888889); } .l4sc.size-l { --sz: calc(var(--main_fz) * 1.7777777778); } .l4sc.box { position: relative; z-index: 2; padding: 14px 3px; } .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 { min-height: 0; 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(--main_fz); } .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: var(--main_fw_strong); font-size: calc(var(--main_fz) * 1.2857142857); } .table-wrapper + .l4tt, table + .l4tt { padding-left: 20px; padding-right: 20px; } .l4us { list-style: none; padding: 0; } .l4us li, .l4us .li { position: relative; max-width: 100%; padding-left: calc(var(--main_fz) * 1.1428571429); } #nav-top .l4us li:not(.rendered), #nav-top .l4us .li:not(.rendered) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .l4us li:before { content: "\e901"; right: auto; top: 0; margin: 0; color: var(--lime); font-size: 0.5714285714em; line-height: calc(var(--main_lh) * var(--main_fz)); } .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; -webkit-align-self: center; align-self: center; } #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; width: 20px; height: auto !important; 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; } @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 #nav-top .l4us.s4wi:not(.no-arrows) { padding-left: 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); } } .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%; } .l4us.no-checks li, .l4us.no-checks .li, .l4us li.no-checks, .l4us .li.no-checks { padding-left: 0; padding-right: 0; } .l4us.no-checks li:before, .l4us li.no-checks:before { display: none; } 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; -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::-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; } input::-webkit-datetime-edit { display: none; } [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] { opacity: .5; cursor: default; pointer-events: none; } ::-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; } label, .label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 4px; color: inherit; font-weight: var(--main_fw_strong); font-size: 1em; font-family: var(--main_ff); letter-spacing: var(--main_ls); } label span, .label span { margin-left: 3px; font-weight: var(--main_fw); } 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 i.icon-ruler, .label i.icon-ruler { top: 0; font-size: 0.7142857143em; } label picture { width: auto; max-width: 100%; } #root .data-change-to * { margin: 0; } 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-position: calc(100% - 15px) center; background-repeat: no-repeat; background-color: var(--custom_input_bg); background-size: auto 9px; color: var(--custom_input_fg); font-weight: var(--main_fw); font-size: var(--main_fz); text-align: var(--text_align_start); } #root .done > .select-wrapper select, #root .done > .select-wrapper .bv_mainselect .bv_atual { color: var(--custom_input_fg); } input:focus, select:focus, textarea:focus, #search input:focus { border-color: var(--secondary_bg); } input, select, .bv_atual { height: var(--input_h); padding: 0 calc(var(--main_fz) * 1.1428571429); } .bv_atual { color: var(--custom_input_pl); } input[type="date"] { line-height: calc(var(--main_fz) * 3.0714285714); } input ~ .size-12, select ~ .size-12, textarea ~ .size-12, .bv_atual ~ .size-12, .select-wrapper ~ .size-12 { display: block; margin-top: 6px; } .sl_inner { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } select, .bv_atual, .datepicker-input, input[type="date"] { padding-right: var(--input_h); } 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% - var(--main_fz) * 1.3571428571) center; background-size: auto calc(var(--main_fz) * 0.4285714286); 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; content: "\e904"; left: auto; right: 0; width: calc(var(--main_fz) * 3.5714285714); font-size: calc(var(--main_fz) * 0.4285714286); } 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"); } #root input[type="date"], #root .datepicker-input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 14 16' viewBox='0 0 14 16' fill='%23959595'%3E%3Cpath d='M12.3 2H11V.8c0-.5-.3-.8-.7-.8s-.8.3-.8.8V2h-5V.8c0-.5-.3-.8-.7-.8S3 .3 3 .8V2H1.8C.8 2 0 2.8 0 3.8v10.5c0 1 .8 1.8 1.8 1.8h10.5c1 0 1.8-.8 1.8-1.8V3.8c-.1-1-.9-1.8-1.8-1.8zm.2 12.3c0 .1-.1.3-.3.3H1.8c-.1 0-.3-.1-.3-.3V7.5h11v6.8zm0-8.3h-11V3.8c0-.1.1-.3.3-.3h10.5c.1 0 .3.1.3.3V6z'/%3E%3C/svg%3E"); background-position: calc(100% - var(--main_fz)) center; background-size: auto max(18px, calc(var(--input_h) - var(--main_fz) * 4)); line-height: normal; } textarea { height: calc(var(--main_fz) * 11.5714285714); min-height: calc(var(--main_fz) * 11.5714285714); padding: calc(var(--main_fz) * 0.9285714286) calc(var(--main_fz) * 0.9285714286) calc(var(--main_fz) * 0.9285714286) calc(var(--main_fz) * 1.0714285714); } aside textarea { height: calc(var(--main_fz) * 9.6428571429); min-height: calc(var(--main_fz) * 9.6428571429); } 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; min-height: calc(var(--btn_pv) * 2 + var(--btn_fz) * var(--btn_lh)); margin: 0 var(--btn_dist) var(--btn_dist) 0; padding: var(--btn_pv) var(--btn_ph); box-shadow: var(--btn_sh_inner); border-radius: var(--btn_br); border: 0 solid var(--secondary_bg_btn); background: var(--secondary_bg_btn); color: var(--secondary_btn_text); font-weight: var(--btn_fw); font-style: var(--btn_fs); font-family: var(--btn_ff); font-size: var(--btn_fz); line-height: var(--btn_lh); text-align: center; text-decoration: none; text-transform: var(--btn_tt); letter-spacing: var(--btn_ls); cursor: pointer; } .link-btn > *, .submit > *, .link-btn > a, .submit > button, .link-btn > button, .link-btn > input { margin-right: var(--btn_dist); } 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, #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: var(--btn_sh_inner); border-radius: var(--btn_br); border: 0 solid var(--secondary_bg_btn); background: var(--secondary_bg_btn); } .n6pg li.prev a, .n6pg li.next a, .spr-pagination > div > .spr-pagination-prev a, .spr-pagination > div > .spr-pagination-next a { overflow: visible; } #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; } .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(--btn_br); } [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 .submit a.bv_atual { font-weight: var(--main_fw); } #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(--main_fz_small); } .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: calc(var(--input_h) - 2px); 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; --check_color_size: 28px; --check_color_dist: 5px; --check_color_space: 8px; -webkit-justify-content: var(--justify_content); justify-content: var(--justify_content); } .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 calc(var(--main_fz) * 1.8571428571); font-weight: var(--main_fw); font-size: 1em; line-height: var(--main_lh); } .check label:before, .check label:after { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: calc(var(--main_fz) * var(--main_lh) * 0.5 - var(--main_fz) * 0.6428571429) ; z-index: 2; width: calc(var(--main_fz) * 1.2857142857); height: calc(var(--main_fz) * 1.2857142857); 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: calc(var(--main_fz) * 1.2857142857 - 2px); line-height: calc(var(--main_fz) * 1.2857142857 - 2px); 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 label span { margin: 0; } .check.size-12 label:before, .check.size-12 label:after { top: calc(var(--main_fz_small) * var(--main_lh) * 0.5 - var(--main_fz) * 0.6428571429); } .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 .limit, .check .limit a { color: inherit; font-weight: var(--main_fw); font-size: var(--main_fz); text-decoration: none; } .check .wide, #root .l4cl .check .wide { width: 100%; } .check.inline { margin-right: calc(0px - var(--dist_check)); --dist_check: 16px; } .check.inline > * { margin-right: var(--dist_check); } .check.box, .check.color { margin-right: -8px; margin-bottom: 18px; color: var(--custom_input_fg); } .check.box li, #root .check.color li { width: auto !important; min-width: 0 !important; max-width: none !important; min-height: 0; margin-right: var(--check_color_space); margin-bottom: var(--check_color_space) !important; padding: 0 !important; border-width: 0 !important; } #root .check.box label { min-width: 45px; min-height: 45px; padding: 6px 14px; text-transform: var(--btn_tt); } #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; position: relative; z-index: 2; min-width: 33px !important; margin: 0 -6px; padding: 0; border-radius: var(--b2r); -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } #root .check.box label picture { padding-top: calc(33px * var(--ratio)) ; } #root .check.box label picture img { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; height: 100% !important; object-fit: contain; object-position: center center; } #root .check.box .cover label:before { z-index: 9; background: none; pointer-events: none; } #root .check.box .cover picture { position: static; } #root .check.box .cover .img-multiply-bg:before { border-radius: var(--b2r); } #root .check.box label picture img { margin: 0; } .check.box picture + *, .check.box img + * { display: block; padding-left: 18px; } .check.color { margin-bottom: 22px; } #root .check.color li, #root .m6cl .l4cl .check.color li, #root .check.color li:last-child { width: auto; margin-bottom: calc(var(--check_color_space) * 0.5); } #root .m6cl .l4cl .check.color li { width: auto; border-left-width: 0; } #root .check.color label { display: block; overflow: hidden; width: calc(var(--check_color_size) + var(--check_color_dist) * 2); height: calc(var(--check_color_size) + var(--check_color_dist) * 2); padding: 0; border-radius: 25px; border: 1px solid rgba(0,0,0,0); ; 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: calc(var(--check_color_dist) - 1px); right: calc(var(--check_color_dist) - 1px); top: calc(var(--check_color_dist) - 1px); bottom: calc(var(--check_color_dist) - 1px); width: var(--check_color_size); height: var(--check_color_size); margin: 0; padding: 0; box-shadow: inset 0 1px 2px rgba(0,0,0,.2); border-radius: 99px; font-size: calc(var(--check_color_size) + 2px); line-height: calc(var(--check_color_size) + 2px); 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; pointer-events: none; } #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; -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 span { display: none; } .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: var(--btn_sh_inner); 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(--white); } .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: calc(var(--main_fz) * 3.8571428571); -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .input-amount .semantic-amount { display: block; position: relative; } #root .input-amount .incr, #root .input-amount .decr { display: block; overflow: hidden; position: absolute; right: -10px; z-index: 9; width: calc(var(--main_fz) * 2.5); height: calc(50% + 10px); margin: 0; border: 0 solid rgba(0,0,0,0); border-right-width: 10px; color: var(--custom_input_pl); font-size: calc(var(--main_fz) * 0.2857142857); text-align: left; text-indent: -3000em; direction: ltr; } #root .input-amount .incr { top: -10px; } #root .input-amount .decr { bottom: -10px; } #root .input-amount .incr:before { content: "\e908"; top: auto; bottom: -1px; margin: 0; line-height: calc(var(--main_fz) * 0.6428571429); } #root .input-amount .decr:before { content: "\e904"; top: 1px; bottom: auto; margin: 0; line-height: calc(var(--main_fz) * 0.6428571429); } #root .input-amount .decr.disabled, #root .input-amount .incr.disabled { color: var(--custom_input_pl); opacity: 0.33; cursor: default; pointer-events: none; } #root .input-amount input { padding-right: calc(var(--main_fz) * 1.4285714286); } .input-amount.is-valid input, .is-valid .input-amount input { background-position: -3000em -3000em; } .input-amount.size-m, .input-amount.size-m input { width: calc(var(--main_fz) * 4); } .input-amount.size-l, .input-amount.size-l input { width: calc(var(--main_fz) * 4.4285714286); } .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: var(--input_h); margin: 0; padding: 0 0 0 16px; color: var(--gray_text); font-size: var(--main_fz_small); line-height: var(--main_lh); text-align: inherit; } .input-inline input { width: 0% !important; margin-right: 12px; -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; min-height: var(--input_h); margin-top: 0; margin-bottom: 0; margin-right: 0; } .input-inline .link-btn a { line-height: 45px; } .input-inline button i, .input-inline .link-btn a i { font-size: clamp(var(--size_14_f), calc(var(--input_h) * 0.3111111111), var(--size_16_f)); } .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(--main_fz); line-height: var(--input_h); } .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; } .input-range.slider-is-here { margin-left: calc(0px - var(--main_fz) * 3.5714285714); } .input-range > span { display: block; position: relative; z-index: 2; width: 50%; border-left: calc(var(--main_fz) * 3.5714285714) solid rgba(0,0,0,0); } .input-range > span label { display: block; position: absolute; left: auto; right: 100%; top: 0; width: calc(var(--main_fz) * 3.5714285714); margin: 0; padding: 0; font-size: var(--main_fz); font-weight: var(--main_fw); line-height: var(--input_h); text-align: center; } .input-range .range-inner { display: block; width: 100%; border-left: calc(var(--main_fz) * 3.5714285714) solid rgba(0,0,0,0); } .input-show label { display: block; margin-bottom: 14px; font-size: var(--main_fz); } .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: calc(var(--main_fz) * 1.4285714286); } .js .input-show label:before { content: "\e908"; left: auto; font-size: calc(var(--main_fz) * 0.4285714286); } .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: calc(var(--main_fz) * 1.1428571429); background-position: -3000em -3000em; } label a.show { display: none; overflow: hidden; position: absolute; right: 0; top: calc(100% + 4px); width: 50px; height: var(--input_h); 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 aside { position: relative; z-index: 2; margin-bottom: 40px; } .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:not([class*="w"], .wide) { max-width: calc(var(--main_fz) * 44.4285714286); } .f8cm h1, .f8cm h2, .f8cm h3, .f8cm h4, .f8cm h5, .f8cm h6 { margin-bottom: var(--main_mr); } .f8cm.wide .cols p { max-width: none; } .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 .check { margin-top: 2px; } .link-btn + .f8lg, .submit + .f8lg { margin-top: 40px; } .f8lg.compact button { min-width: 0; } .f8lg .check:first-child, .f8lg .submit:first-child { margin-top: 0; } @media only screen and (max-width: 760px) { .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.wide { padding-left: 0; padding-right: 0; } .f8pr > div { position: relative; } .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 .submit, .f8pr .link-btn { 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: var(--f8pr_submit_dist); } .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 *, #nav-user { -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: var(--input_h); } .f8ps { display: none; height: 69px; visibility: hidden; opacity: 0; } html:not(.scrolled.product-scrolled) .f8ps { pointer-events: none; } #root > .shopify-section .f8ps { -webkit-transform: translateY(20px); transform: translateY(20px); } @media only screen and (min-width: 761px) { #root > .shopify-section .f8ps.align-top { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } .f8vl.submitted > fieldset, .f8vl.submitted > fieldset > footer.hidden { display: block; position: relative; left: 0; top: 0; } .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: rgba(var(--primary_text_rgb), .2); 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:not(.no-search-overlay) #root > .overlay-close, .search-full:not(.no-search-overlay) #nav > .overlay-close, .search-full:not(.no-search-overlay) #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: 1; } #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-header > .overlay-close { z-index: 99; } .m6pn-open #root > .overlay-close, .m6pn-open .shopify-section-header > .overlay-close { visibility: visible; opacity: 1; } @media only screen and (min-width: 1001px) { .nav-hover #root > .overlay-close { visibility: visible; opacity: 1; } html.mobile:not(.m2a) #nav > ul > li > a.toggle, html.mobile:not(.m2a) #nav-bar > ul > li > a.toggle { left: 0; right: 0; top: 0; bottom: 0; width: 100%; margin: -44px 0 0; } html.mobile:not(.m2a) #nav > ul > li > a.toggle:before, html.mobile:not(.m2a) #nav-bar > ul > li > a.toggle:before, html.mobile:not(.m2a) #nav > ul > li.toggle > a.toggle, html.mobile:not(.m2a) #nav-bar > ul > li.toggle > a.toggle { display: none; } } summary::-webkit-details-marker { display: none; } 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; } [data-copy].clicked > span.hidden { display: inline; position: relative; left: 0; top: 0; } #root .desktop-hide, #root .tablet-only, #root .mobile-only:not(i), html:not(.mobile) #root select.hidden, .input-amount label.hidden, .l4ca footer a i ~ span.hidden, .input-range > span:first-child label, #header-inner > .link-btn .search-compact .hidden { 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, #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, .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, #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:not(.static) > 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, .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, .shopify-section-footer.hidden, [data-copy].clicked > span, .t1pl .shopify-section-header, #nav-bar > ul > li > a img, #nav-bar > ul > li ul a.toggle, #root .shopify-section-header #header-inner > .link-btn.hidden, #root .m6tb > nav.hidden, .m6tb > nav.hidden *, #background.plain:before, .l4pr.no-scrollbar .custom-progressbar, .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, #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], .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, #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], #header-inner > .link-btn a:after, .search-compact-cont, #distance-spacer, #header > .overlay-close, .l4ca .removed, #root .check:not(.limit-clicked) li.hidden-check, .js .input-range.single input, .input-range-steps, #root .l4ca .hidden, .l4cl.hr .check.color li:before, .l4cl .box-outer, .l4cl.inline-links p a:after, .btn-disabled, .disabled .btn-disabled ~ *, .l4cl img ~ img, .l4cl picture.slider:not(.s4wi) img ~ a, .l4cl picture.slider:not(.s4wi) a ~ img, .l4cn.plain i, #root > .overlay-close ~ .overlay-close, .l4pr .swiper-button-prev:not([style*="height:"]), .l4pr .swiper-button-next:not([style*="height:"]), .l4cl picture.slider > a ~ a, .l4cl figure .check.plain ~ .submit, #nav-top .mobile-nav-only, .datepicker-dropdown, .l4pr .swiper-pagination-bullet.has-more ~ .swiper-pagination-bullet { 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, #nav.text-justify > ul > li.show-all, #nav-bar.text-justify > ul > li.show-all, #nav.text-end > ul > li.show-all, #nav-bar.text-end > ul > li.show-all { position: absolute; right: 0; top: 0; } #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:not(.no-thumbs-mobile) .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, 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, .submit .input-amount ~ .invalid-feedback, .l4cl form .submit .invalid-feedback { display: none !important; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .l4sc a, #root .input-show label, .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, .l4cl li > a.link-more, #nav.text-justify, .shopify-section-header .l4al li:after, #root #nav-user > ul > li > a i span, .disabled .btn-disabled, #header-inner > .link-btn .search-compact .hidden, .no-js .r6rt { 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, .l4cl.category figure + h1, .l4cl.category figure + h2, .l4cl.category figure + h3, .l4cl.category figure + h4, .l4cl.category figure + h5, .l4cl.category figure + h6, .m6bx + h1, .m6bx + h2, .m6bx + h3, .m6bx + h4, .m6bx + h5, .m6bx + h6, #root .m65 + * { 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, #header li p, .shopify-section-header li p, .link-btn.m0 > *, #content > .m6fr.wide:last-child, #content > .shopify-section:last-child > .m6fr:last-child, #content > .m6fr:last-child article, #content > .shopify-section:last-child > .m6fr:last-child article, #nav-top .l4us, #root > .shopify-section-footer, .m6pr .accordion-a:last-child { margin-bottom: 0; } #root .m5 { margin-bottom: 5px; } #root .m10 { margin-bottom: 10px; } #root .m15 { margin-bottom: 15px; } #root .m16 { margin-bottom: 16px; } #root .m20, #root .m20.s1rt { margin-bottom: 20px; } #root .m24 { margin-bottom: 24px; } #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 .m55 { margin-bottom: 55px; } #root .m60 { margin-bottom: 60px; } #root .m65 { margin-bottom: 65px; } #root .m70 { margin-bottom: 70px; } #root .m105 { margin-bottom: 105px; } 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; } #content.fullheight, .l4cn, .l4ft li, .l4ca.compact li, .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, #root .l4pr li.sticky, .m6tb > nav ul a, .m6tb > nav ul li, .s1lb > span.rect, .l4cl div.box, .l4st li, .l4st .li, .l4ft.cols .main > div, .l4ft li.overlay .main > div, .l4ft li > .main, #root .m6fr figure, #nav-user > ul > li, .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:not(.link-more), .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, .s1lb > span.rounded, .l4us.wide, .l4st, .l4ts, .l4cu, .swiper-pagination-bullets, .m6ac .m6pr-compact, .m6ac, .m6as > div, .m6as > figure, .m6as, .l4ft li > div, .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, .l4ad .l4cn, .check.wide > *, label span.text-end, .label span.text-end, .r6rt, .spr-starratings, .l4tl, .l4pr .custom-progressbar, .l4pr .swiper-pagination-bullets, .m6tb > nav ul, .m6tb > nav ol, #root .l4pr > li:first-child, .l4pr li, .l4pr li a, .check.box label, .check.box, .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, .n6pg, .n6pg ul, .n6pg ol, .l4ne, .r6rt .rating, #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:not(.inline), .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, #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; } span.s1bx, .countdown, figure, .s1bx { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: inline-flex; } #content.fullheight, .l4cn:not(.box), #root .l4dr ul li a, .l4ft li, .l4ca.compact li, #root .l4pr li.sticky, .m6cu.text-center, .s1lb > span.rect, .l4cl div.box, .l4st li, .l4st .li, .l4ft.cols .main > div, .l4ft li.overlay .main > div, .l4ft li > .main, .m6pr .submit, .m6pn .submit, .l4ca, .l4cl figure, #root .m6fr figure, #root .m6cu, #nav-user > ul > li, #header-inner > .link-btn, .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, .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, .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, .l4ca.summary li { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .m6fr figure, .l4cl.list li, .l4cl.list .li, #root .l4cl.wide li, #root .l4cl.wide .li { -webkit-flex-direction: row; flex-direction: row; } .cols.inv, .m6ac.inv, .m6as.inv { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } #content.fullheight, .l4cn:not(.box), .l4ft li, #root .l4pr li.sticky, .m6cu.text-center, .s1lb > span.rect, .l4cl div.box, .l4st li, .l4st .li, .l4ft.cols .main > div, .l4ft li.overlay .main > div, .l4ft li > .main, .l4ca, .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, .link-btn.single, .s1lb > span.rounded, .m6as > div, .l4ft li > div, .l4ft li, figure, .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; } .l4ft .main > .link-btn:not(.text-end), #root .l4ft li > .content, #root .l4ft li, .l4cl.hr figure, .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, .link-btn.text-start, #root figure .link-btn.visible, #root figure .link-btn.visible.text-start { -webkit-justify-content: flex-start; justify-content: flex-start; } .shopify-section-footer > nav.align-center, .l4sc.text-center, .text-center .l4sc, .l4cl.justify-center, .m6tb > nav ul.text-center, .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, .m6tb > nav ul a, .m6cu.text-center, .s1lb > span.rect, .l4cl div.box, .l4ft.cols li:not([class*="align-"]) .main > div, .l4ft li > .main, .m6tb.btn > nav.text-center ul, .m6cu .link-btn, .n6pg .text-center .link-btn, .n6pg .text-center.link-btn, .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:not(.text-start, .text-end), .l4cl.inline li, .s1lb > span.rounded , .l4us.wide, .text-center.l4cu, .text-center .l4cu, .swiper-pagination-bullets, .m6as > div, .l4ft li, .l4ft li > div, .l4cn.box li, .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:not(.text-start, .text-end) { -webkit-justify-content: center; justify-content: center; } #nav.text-end > ul, #nav-bar.text-end > ul, #nav.text-end, #nav-bar.text-end, #root figure .link-btn.visible.text-end, .s1lb.align-end, #root .l4pr li.sticky, .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, .l4tt li { -webkit-justify-content: flex-end; justify-content: flex-end; } .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, .check.wide > *, .m6pr, #nav, #nav-bar, .l4ca li, #nav-top, .n6br, .cols, .link-btn.cols, #nav.text-justify > ul, #nav-bar.text-justify > ul { -webkit-justify-content: space-between; justify-content: space-between; } .l4ca section ul, .l4ne, .l4ch, .l4ft.cols, .f8nw, .f8nw fieldset, .countdown, .m6ac.align-top, .m6pr, figure, .shopify-section-footer form, .shopify-section-footer fieldset, .cols.aside, .l4cl figure > span, .shopify-section-header, .l4ca figure, .l4ca picture { -webkit-align-items: flex-start; align-items: flex-start; } #nav-top > ul, .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, .r6rt, .l4ca.summary li, #nav-top, .check.color, .m6tb .tabs-header, .m6tb > nav ul a, span.s1bx, #nav-user > ul, .search-compact, .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, .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 .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; } .s1lb.align-end, .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; } .l4ca.compact .cols, h1.cols, h2.cols, h3.cols, h4.cols, h5.cols, h6.cols { -webkit-align-items: baseline; align-items: baseline; } .m6ac.align-stretch, .m6as { -webkit-align-items: stretch; align-items: stretch; } .m6cu .link-btn, .l4al .cols > *:has(.s1bx) { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .l4cu.box li, .m6fr figure:not(.has-l4hs) > *:not([style], [class*="width-"]) { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } .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; } .l4cu.box li, .l4cl figure .submit, .l4ft li > .content, #nav.text-justify > ul, #nav-bar.text-justify > ul, .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, .m6fr figure:not(.has-l4hs) > *:not([style], [class*="width-"]) { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } @font-face { font-family: 'i'; src: url('icons/xtra.woff2') format('woff2'), url('icons/xtra.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-app:before { content: "\e94f"; } .icon-arrow-down:before { content: "\e97d"; } .icon-arrow-left:before { content: "\e950"; } .icon-arrow-right:before { content: "\e96c"; } .icon-arrow-up:before { content: "\e96d"; } .icon-basket:before { content: "\e962"; } .icon-cart-basket2:before { content: "\e98a"; } .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-right:before { content: "\e906"; } .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-strong-up:before, .strong .icon-chevron-up:before { content: "\e98f"; } .icon-chevron-strong-right:before, .strong .icon-chevron-right:before { content: "\e990"; } .icon-chevron-strong-left:before, .strong .icon-chevron-left:before { content: "\e991"; } .icon-chevron-strong-down:before, .strong .icon-chevron-down:before { content: "\e992"; } .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-discord:before { content: "\e95b"; } .icon-edit:before { content: "\e98b"; } .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-facebook-circle:before { content: "\e942"; } .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-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-lock:before { content: "\e987"; } .icon-logout:before { content: "\e928"; } .icon-menu:before { content: "\e922"; } .icon-menu-center:before { content: "\e988"; } .icon-menu-left:before { content: "\e97f"; } .icon-menu-right:before { content: "\e989"; } .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-ruler:before { content: "\e98d"; } .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-snapchat-outline:before { content: "\e94e"; } .icon-star:before { content: "\e933"; } .icon-store:before { content: "\e98c"; } .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-time:before { content: "\e982"; } .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-grid-outline:before, .outline .icon-view-grid:before { content: "\e92d"; } .icon-view-list:before { content: "\e91a"; } .icon-view-square:before { content: "\e98e"; } .icon-view-square-outline:before, .outline .icon-view-square:before { content: "\e937"; } .icon-vimeo:before { content: "\e919"; } .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-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-text-size { display: inline-block; position: relative; z-index: 2; } .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; 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; } i[class*="icon-info"] { display: inline-block; position: relative; top: calc(var(--main_fz) * 0.2142857143); margin-left: 3px; font-size: 1.2857142857em; line-height: 1px; } .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); } .s4wi:not(.l4cl) .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .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: var(--dots_dist); height: var(--dots_dist); text-align: left; text-indent: -3000em; direction: ltr; cursor: pointer; pointer-events: auto; } .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); -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"; } .m6as.overlay:before, .l4cu.box li > span: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, .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, .s1lb > 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, .check label:before, .check label:after, #root .check.box label:before, .m6fr.s4wi .swiper-outer, .m6ca: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, .m6fr:not(.wide) article:not(.wide) figure, .m6fr:not(.wide) article:not(.wide):before , #root .m6fr article.aside.has-border figure, #root .m6fr:not(.wide) figure picture { border-radius: var(--b2r); } .l4ft li > .main:before, .l4ft figure, .img-overlay, .l4ca figure *, #root .cover img, .l4ft .background, .l4cl figure, .l4ne figure, #root .m6as > figure, #root .m6fr.s4wi .swiper-outer article.aside.has-border figure, .l4ca img, .l4ca.compact img, .l4pr li img, .l4pr li picture, .l4pr li video, .l4pr li iframe, .l4cl figure picture, .l4ft .img-overlay, figure .img-overlay, .l4ps .swiper-outer { border-radius: var(--b2p); } input, select, textarea, .bv_atual, #root .bv_mainselect input { border-radius: var(--b2i); } ::-webkit-scrollbar-thumb { border-radius: var(--b2r); } #root .m6as.overlay > figure img, #root .m6as.no-border > figure img, #root .m6as.overlay > figure .img-overlay, #root .m6as.no-border > figure .img-overlay, .no-border, .no-border *, .l4cl.no-border img, .l4cl .no-border img, .l4pm img, .m6fr.wide figure .img-overlay, .m6fr.wide figure picture, #root .m6fr.s4wi figure .img-overlay, #root .m6fr.s4wi figure picture { border-radius: 0; } #root .m6fr article.aside figure, #root .m6fr article.aside figure picture, #root .m6fr article.aside figure .img-overlay { border-top-left-radius: 0; border-bottom-left-radius: 0; } .shopify-payment-button div[role="button"]:after, .shopify-payment-button div[role="button"], .shopify-payment-button button { border-radius: var(--btn_br); } @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); } #root .m6fr article.aside.inv figure, #root .m6fr:not(.wide, .s4wi) article.aside.inv figure, #root .m6fr:not(.wide, .s4wi) article.aside.inv figure picture, #root .m6fr:not(.wide, .s4wi) article.aside.inv figure .img-overlay { border-top-left-radius: var(--b2r); border-bottom-left-radius: var(--b2r); border-top-right-radius: 0; border-bottom-right-radius: 0; } } @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); } #root .l4ft.outer-radius:not(.fullwidth, .mobile-compact) { overflow: hidden; border-radius: var(--b2r); } #root .l4ft.outer-radius:not(.fullwidth) #root .l4ft.outer-radius { --dist_a: 0px; } #root .l4ft.outer-radius .background, #root .l4ft.outer-radius .img-overlay, #root .l4ft.outer-radius figure, #root .l4ft.outer-radius .main:before { border-radius: 0; } #root .l4ft.outer-radius > li:last-child { margin-bottom: 0 !important; } } #search > p, #search fieldset > p { z-index: 10 !important; } @media only screen and (min-width: 1357px) { #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) { .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; } .m6fr.size-m article, .m6fr article.size-m { --mih: 37.8571428571vw; } .m6fr.size-l article, .m6fr article.size-l { --mih: 50.76628352vw; } .m6fr.wide article, .m6fr.wide .swiper-slide article, #root .m6fr.wide article.aside { max-width: none; margin-left: 0; margin-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; } .w940 .n6br { margin-left: 0; margin-right: 0; } } @media only screen and (min-width: 761px) and (max-width: 1356px) { .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 { --mih: 16vw; } } @media only screen and (max-width: 1300px) { :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); } #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; } .m6fr.wide .swiper-button-next, .m6fr.wide .swiper-button-prev { display: none; } } @media only screen and (max-width: 1200px) { #logo, #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 { font-size: var(--main_fz); } #nav-top { --fz: 0.8571428571; } #cookie-bar .link-btn { --btn_dist: 16px; } .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 { --pr_dist: var(--rpp); --img_dist: var(--rpp); } .l4ne.featured { padding-left: calc(50% + 8px); } .l4ne.featured li:first-child { left: -100%; width: 100%; } .l4pm, .shopify-section-footer > div .l4pm { --dist: 22px; } .l4st, .l4ts, .m6ac { margin-left: -16px; } .l4st li, .l4ts li, .l4ts .li, .m6ac > * { border-left-width: 16px; } #root .m6ac .l4cl.hr { left: 0; margin-right: 0; } .m6pr { --cols: 24px; } #cookie-bar .icon-cookie { display: none; } } @media only screen and (max-width: 1100px) { #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; -webkit-transform: none; transform: none; } .shopify-section-footer > nav { margin-left: -30px; padding-bottom: 16px; } .shopify-section-footer > nav > * { border-left-width: 30px; } .shopify-section-footer form { width: 100%; max-width: none; } .shopify-section-footer input { max-width: calc(var(--main_fz) * 20); } .shopify-section-footer > div p { margin-right: 24px; } label .text-end i, .label .text-end i { margin-left: 8px; } .l4ca { --img_d: 16px; } .l4ca figure { width: 90px; } .l4cn.box { margin-right: -16px; } .l4cn.box li { margin-right: 16px; margin-bottom: 16px; } .l4dr, .l4sc { --dist: 24px; } .l4ft { --ps: 30px; } .l4ft.w25, .l4ft .w25, .l4ft.w20, .l4ft .w20, .l4ft.w16, .l4ft .w16, .l4ft.w14, .l4ft .w14, .l4ft.w12, .l4ft .w12 { --ps: 20px; } .l4ft li.align-bottom { --pb: 12px; } .l4pr .swiper-button-next, .l4pr .swiper-button-prev { width: 47px; } .m6pr .l4pr.s4wi { border-left-width: 0; border-right-width: 28px; } .m6pr .l4pr .swiper-button-prev { width: var(--rpp); } .m6pr .l4pr.s4wi:not(.slider-fraction) > .s1lb { left: var(--label_dist); } #nav-user > ul > li:not(.currency, .cart) > a span { display: none; } } @media only screen and (min-width: 1001px) { .js .m6cu:not(.text-center) .countdown:not(.compact) .simply-word { position: absolute; left: 0; right: 0; top: 100%; } .l4cl.list li > div [class*="overlay-"], .l4cl.list .price { white-space: nowrap; } .shopify-section-footer > nav.text-center > * { min-width: 20%; } #nav > a.has-img, #root .m6pr > .desktop-hide { display: none; } } @media only screen and (max-width: 1000px) { :root { --rpp: 16px; --rpn: -16px; --content_p: 25px; ---logo_h: var(--logo_h_m); } #root { overflow: hidden; } .shopify-section-header { --dist_main: 16px; } .shopify-section-header #header { width: calc(100% + 15px); margin-right: -15px; } .shopify-section-header #header > #distance-counter { display: none; } #logo { margin-right: 15px; font-size: var(--size_18); } #header-outer > .overlay-close { display: block; z-index: 100; left: var(--rpn); right: var(--rpn); } #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; -webkit-transform: translateX(-10px); transform: translateX(-10px); } html:not(.m2a) #root .shopify-section-header #nav { pointer-events: none; } #nav.fixed { left: var(--rpp); right: var(--rpp); } #nav-top > ul > li > a i.icon-text-size { font-size: 1.1666666667em; } #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: 0; margin-left: 0; } #nav-top > ul.l4us ~ ul:not(.l4us) { padding-left: 10px; } #nav-top > ul > li > a i.icon-trustpilot { top: -1px; } #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 { font-size: var(--main_fz); } #nav-user > ul { font-size: 0.9285714286em; } #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; -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: 12; float: right; width: auto; } #header-inner > .link-btn { position: relative; z-index: 11; height: 45px; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } #header-inner > .link-btn a { min-height: 0; } #header-inner > .link-btn a:first-child { display: block; overflow: visible; min-width: 0; width: 23px; height: auto; min-width: 0; margin: 0; padding: 0; box-shadow: none; border-radius: 0; background: none; text-indent: -3000em; text-align: left; direction: ltr; } #header-inner > .link-btn a:first-child i { display: none; } .shopify-section-header #header-inner > .link-btn a:first-child:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -32px; box-shadow: none; border-radius: 0; border-width: 0; background: none; } #root #header-inner > .link-btn a:first-child { color: var(--custom_top_main_fg); } #root #header-inner > .link-btn a:first-child:before { box-shadow: none; border-width: 0; background: none; } html[dir="rtl"] .shopify-section-header #header-inner > .link-btn a:first-child:before { margin-left: -12px; } .shopify-section-header #header-inner > .link-btn a:first-child:after { content: "\e97f"; display: block; font-size: var(--size_14_f); text-align: var(--text_align_start); } .shopify-section-header #header-inner > .link-btn a.text-center:first-child:after { content: "\e988"; } .shopify-section-header #header-inner > .link-btn a.text-justify:first-child:after { content: "\e922"; } .shopify-section-header #header-inner > .link-btn a.text-end:first-child:after { content: "\e989"; } .shopify-section-header > .link-btn a:before, #header > .link-btn a:before, #header-inner > .link-btn a:before { display: none; } #header-inner > .link-btn.hidden { display: block; } #header > .close { display: block; visibility: hidden; position: fixed; top: 0; bottom: 0; z-index: 100; height: auto; opacity: 0; } .js.t1cl #content { position: static; z-index: auto; } .shopify-section-footer > div p { max-width: 30%; } .shopify-section-footer > nav { position: relative; z-index: 2; margin-left: -20px; } #root .shopify-section-footer > nav > *, .shopify-section-footer > nav > .m6cn { width: auto; min-width: 0; max-width: none; margin-left: 0; margin-right: 0; border-left-width: 20px; } #root .shopify-section-footer > nav:not(.align-center) > * { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .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 > .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; } .js .countdown { --w: 28px; --h: 37px; --dist2: 18px; --fz: 18px; } label .text-end i, .label .text-end i { margin-left: 22px; } .input-inline button, .input-inline .link-btn a { width: var(--input_h); min-width: var(--input_h); max-width: var(--input_h); text-indent: -3000em; text-align: left; direction: ltr; } .l4as.caption { padding-top: 72px; padding-left: 0; padding-right: 0; } .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 .price span { display: block; } .l4ca.summary h1, .l4ca.summary h2, .l4ca.summary h3, .l4ca.summary h4, .l4ca.summary h5, .l4ca.summary h6 { font-size: var(--main_fz); } .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 .link-btn { visibility: visible; position: relative; top: 0; margin-top: auto; opacity: 1; -webkit-transform: none; transform: none; } .l4cl figure .text-overlay { font-size: var(--size_24_f); } .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); --li_w: 320px; --li_b: var(--dist_a); -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .l4cl.mobile-compact.inline { -webkit-justify-content: space-between; justify-content: space-between; } #root .l4cl.mobile-compact li, #root .l4cl.mobile-compact .li { width: var(--li_w); margin-bottom: 22px; border-left-width: var(--li_b); -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } #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(--li_b); } [dir="ltr"] #root .l4cl.mobile-compact > li:first-child, [dir="ltr"] #root .l4cl.mobile-compact.s4wi .swiper-slide:first-child .li { width: calc(var(--li_w) - var(--li_b) + var(--rpp)); border-left-width: var(--rpp); } [dir="ltr"] #root .l4cl.mobile-compact > li:last-child, [dir="ltr"] #root .l4cl.mobile-compact.s4wi .swiper-slide:last-child .li { width: calc(var(--li_w) + var(--rpp)); border-right-width: var(--rpp); } .l4cl.mobile-compact .link-btn a { position: relative; left: 0; min-width: 0; } .l4cl.mobile-compact + p:last-child { margin-bottom: 25px; } .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: 0; } .l4cl.mobile-compact.s4wi .swiper-wrapper { height: auto !important; -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; } .l4cl.hr.mobile-compact { --li_b: 33px; } #root .l4cl.hr.mobile-compact li, #root .l4cl.hr.mobile-compact .li { min-height: calc(var(--img_w) * var(--ratio)); padding-top: 0; } #root .l4cl.hr.mobile-compact figure { top: 0; bottom: 0; } .l4cl.hr.mobile-compact li:before { left: calc(0px - var(--li_b) / 2); border-width: 0; border-left-width: 1px; } .l4cl.list .link-btn { margin-right: -16px; } .l4cn.box { margin-top: 0; } .l4dr, .l4sc, .l4pm, .shopify-section-footer > div .l4pm { --dist: 14px; } .shopify-section-footer > div p { margin-right: 14px; } .l4ft { --ps: 20px; } .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 { min-height: 30vw; } .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; --li_w: 314px; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -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: var(--li_w) !important; height: auto; min-height: var(--mih); margin-left: 0 !important; margin-right: 0 !important; padding: 0; border: 0 solid rgba(0,0,0,0); border-left-width: var(--dist_a); border-right-width: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } [dir="ltr"] #root .l4ft.mobile-compact > li:first-child { width: calc(var(--li_w) - var(--dist_a) + var(--rpp)) !important; border-left-width: var(--rpp); } [dir="ltr"] #root .l4ft.mobile-compact > li:last-child { width: calc(var(--li_w) + var(--dist_a) + var(--rpp)) !important; border-right-width: var(--rpp); } #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: var(--li_w) !important; } #root .l4ft.mobile-compact li { -webkit-transform: none !important; transform: none !important; } .l4ft.mobile-compact { --pt: 28px; --pb: 17px; --ps: var(--rpp); } .l4ft.mobile-compact li > figure a, .l4ft.mobile-compact li > picture a { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .l4in.slider { overflow-x: auto; overflow-y: hidden; margin-right: 0; white-space: nowrap; -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 { --pager_w: 55px; } .l4pr .swiper-pagination-bullets { margin-top: 20px; } .l4pr .swiper-pagination-bullets .swiper-pagination-bullet { padding: 6px; } .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; } .l4ts li, .l4ts .li { width: 50%; } .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 > * { padding-left: 32px; } .m6as.inv > * { padding-left: 0; padding-right: 32px; } .m6as.overlay > * { padding-left: 32px; padding-right: 32px; } .m6as.overlay.inv > *, .m6as.text-center > * { 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: var(--dist_a); } .m6ac .l4cl[style*="--dist_a: 0px"], .m6ac > *:first-child .l4cl[style*="--dist_a: 0px"], .m6ac .l4ft[style*="--dist_a: 0px"] { margin-bottom: var(--rpp); } .m6ac .l4cl:last-child { margin-bottom: -6px; } .m6bx { padding-left: 25px; padding-right: 25px; } .m6cu, #root .m6cu { text-align: center; } #root .m6cu > * { max-width: none; } .m6cu h1, .m6cu h2, .m6cu h3, .m6cu h4, .m6cu h5, .m6cu h6 { width: 100%; } .m6fr { --pda: 30px; --mih: 250px; } .m6fr .swiper-pagination-bullets { bottom: 20px; } .m6fr.s4wi .swiper-slide article, .m6fr.s4wi article.aside, .m6fr.wide.s4wi article.aside { padding-bottom: 62px; } .m6fr article.aside { padding-right: calc(var(--w) + var(--pd) / var(--pdb)); padding-left: var(--pd); } .m6fr article.aside.inv { padding-left: calc(var(--w) + var(--pd) / var(--pdb)); padding-right: var(--pd); } .m6fr.slider-fraction .swiper-custom-pagination { bottom: 16px; padding-left: 20px; padding-right: 20px; } .m6fr .play-pause:before { bottom: 17px; } .m6fr.wide article, .m6fr.wide .swiper-slide article { padding-left: var(--rpp); padding-right: var(--rpp); } .m6pn.align-bottom { left: 0; right: 0; max-width: none; top: auto; bottom: 0; max-height: 100vh; -webkit-transform: translateY(20px); transform: translateY(20px); } .m6pr, #root .m6pr { position: relative; z-index: 2; 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-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:not(.slider-fraction) > .s1lb { left: -28px; } .m6tb > nav { margin-bottom: 30px; } .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; } #root .desktop-hide.link-btn, .shopify-section-footer > nav, .m6ac.mobile-inv { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #root .m6cu, .shopify-section-footer > nav { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #root .m6cu { -webkit-flex-direction: column; flex-direction: column; } .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, #root .m6cu { -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, .shopify-section-header .toggle > #localization_form, #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, #header-inner > .link-btn a:after, #header > .link-btn a:before, #header-inner > .link-btn a:before, #root .desktop-only.link-btn, .l4ca footer p a span.mobile-hide, .shopify-section-header #localization_form, .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) { #nav > ul > li > a, #nav-bar > ul > li > a { font-family: var(--custom_top_nav_ff); font-size: var(--custom_top_nav_fz); font-style: var(--custom_top_nav_fs); font-weight: var(--custom_top_nav_fw); letter-spacing: var(--custom_top_nav_ls); } .l4cl .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .l4cl .swiper-outer { overflow: hidden; } .l4pr.static { margin: 0 0 var(--mb) calc(0px - var(--dist)); --width: 50%; --dist: 20px; --c: 0.5; --mb: calc(38px - var(--dist)); display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; } .l4pr.static.w20, .l4pr.static .w20 { --c: 0.2; --width: 20%; } .l4pr.static.w25, .l4pr.static .w25 { --c: 0.25; --width: 25%; } .l4pr.static.w33, .l4pr.static .w33 { --c: 0.33; --width: 33.33333333%; } .l4pr.static.w100, .l4pr.static .w100 { --c: 1; --width: 100%; } .l4pr.static li { width: calc(var(--width) - var(--dist)); margin: 0 0 var(--dist) var(--dist); padding-top: calc(var(--ratio) * 100% * var(--c) - var(--dist)); } .l4pr.static .model-3d { position: absolute; left: 0; right: 0; top: 0; top: 0; bottom: 0; } .m6pr .l4pr.static { width: calc(100% + var(--dist)); } .link-btn.desktop-hide, #root figure .l4hs > li > a.desktop-hide { display: none; } } @media only screen and (max-width: 1000px) { #root .l4pr.static > li:not(:first-child), .link-btn.desktop-only, #root figure .l4hs > li > a.desktop-only { display: none; } } @media only screen and (min-width: 761px) { #logo .mobile-only { display: none; } #nav-user > ul > li > a.mobile-only { display: none !important; } h1.cols > .small, h2.cols > .small, h3.cols > .small, h4.cols > .small, h5.cols > .small, h6.cols > .small { margin-bottom: 0; } .shopify-section-breadcrumbs { margin-left: min(calc(var(--rpn) + var(--rpp)), calc(0px - 50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5 + var(--rpp))); margin-right: min(calc(var(--rpn) + var(--rpp)), calc(0px - 50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5 + var(--rpp))); } .shopify-section-breadcrumbs .n6br { width: 100%; max-width: var(--ghw); margin-left: auto; margin-right: auto; } .shopify-section-breadcrumbs + * { margin-top: 0; } .l4ca footer p, .l4ca .price { margin-bottom: 16px; } .l4ft li.w12, .l4ft.w12 li { --mih: 120px; } .l4ft li.w14, .l4ft.w14 li { --mih: 140px; } .l4ft li.w16, .l4ft.w16 li { --mih: 180px; } .l4ft li.w20, .l4ft.w20 li { --mih: 220px; } .l4ft li.w25, .l4ft.w25 li { --mih: 275px; } .l4ft.fullwidth { margin-left: min(var(--rpn), calc(-50vw + var(--glw) * 0.5 + var(--scrollbar_width) * 0.5)); margin-right: min(calc(var(--rpn) + var(--dist_a)), calc(-50vw + var(--glw) * 0.5) + var(--dist_a) + var(--scrollbar_width) * 0.5); } .m6ac .l4ft.fullwidth { margin-left: 0; margin-right: 0; } .l4ft.outer-radius { --dist_a: 0px; } .l4ft[style*="dist_a: 0"]:not(.fullwidth), .l4ft.outer-radius { overflow: hidden; border-radius: var(--b2r); } #root .l4ft[style*="dist_a: 0"]:not(.fullwidth) li, .l4ft.outer-radius li { -webkit-transform: none; transform: none; } #root .l4ft[style*="dist_a: 0"]:not(.fullwidth) figure, .l4ft.outer-radius figure, #root .l4ft[style*="dist_a: 0"]:not(.fullwidth) li:before, .l4ft.outer-radius .main:before, #root .l4ft[style*="dist_a: 0"]:not(.fullwidth) li:after, .l4ft.outer-radius li:after, .l4ft.outer-radius.fullwidth { border-radius: 0; --b2p: 0px; } .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-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .l4cl:not(.mobile-compact) .swiper-outer { overflow: hidden; } .l4ne.featured.landscape figure, .l4ne.featured .landscape figure { padding-top: 55%; } .l4pr .sticky .m6bx { position: sticky; left: 0; right: 0; bottom: 10px; } #root .s1lb > span.rounded { --size: calc(var(--main_fz) * 11.5714285714); } #root .m6fr figure picture[style*="--size"], #root .m6fr figure video[style*="--size"] { width: var(--size) !important; } .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 { -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; } #root .l4cl li.link ~ li, .l4pr.no-thumbs-desktop .swiper-pagination-bullets, .link-btn.mobile-only, #root .m6fr figure .mobile-only { display: none; } } @media only screen and (min-width: 761px) and (max-width: 1000px) { :root { --custom_top_search_h: min(calc(var(--header_mih_c) - 10px), calc(var(--btn_fz) * var(--main_lh_h) + min(var(--btn_pv),20px) * 2)); } .shopify-section-footer > nav .m6cn figure { right: 0; left: 0; bottom: 0; max-width: none; } .shopify-section-footer > nav .m6cn figure img { max-width: 162px !important; } #root .l4ft.mobile-compact li:nth-child(1):nth-last-child(2), #root .l4ft.mobile-compact li:nth-child(2):nth-last-child(1) { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; width: 50% !important; min-width: 0 !important; max-width: none !important; border-right-width: 0; } } @media only screen and (max-width: 760px) { :root { --size_70_f: 12vw; --main_fz: var(--mob_fz); --btn_fz: var(--btn_fz_mob); --main_h_small: var(--mob_h_small); --main_h1: var(--mob_h1); --main_h2: var(--mob_h2); --main_h3: var(--mob_h3); --main_h4: var(--mob_h4); --main_h5: var(--mob_h5); --main_h6: var(--mob_h6); --main_lead: var(--mob_lead); --content_p: 20px; --header_mih_c: var(--header_mih_m); --sticky_offset: var(--sticky_offset_m); } #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); letter-spacing: var(--main_ls); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, legend { margin-top: 24px; } 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); } .mobile-text-uppercase { text-transform: uppercase; } hr { margin-top: 26px; } aside hr { margin: 20px 0; } .mob-h1 { font-size: var(--mob_h1); } .mob-h2 { font-size: var(--mob_h2); } .mob-h3 { font-size: var(--mob_h3); } .mob-h4 { font-size: var(--mob_h4); } .mob-h5 { font-size: var(--mob_h5); } #root { overflow: hidden; } .shopify-section-header { z-index: 99; } .shopify-section-header #header { position: static; width: 100%; height: auto; 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 .shopify-section-header #header-inner > .link-btn { margin-right: var(--dist_main); } [dir="rtl"] #root .shopify-section-header #header-inner > .link-btn { margin-left: var(--dist_main); margin-right: 0; } #root #header > #header-inner:first-child:last-child { margin-right: 0; } #logo { display: block; position: relative; z-index: 11; font-size: var(--size_14); } #header-inner:not(.text-center-mobile) #logo { max-width: 100% !important; } #logo a { overflow: hidden; height: 100%; } .search-compact-active:not(.has-mobile-visible-search) .shopify-section-header { margin-bottom: calc(var(--input_h) + 24px); } #root #search { position: absolute; left: 0; right: 0; top: -3000em; bottom: auto; z-index: 2; max-width: none; margin: 0; padding: 12px 0; } .search-compact-active #root #search { top: 100%; } #root .shopify-section-header #header-inner > #search { max-width: none; } #search:before { display: block; left: var(--rpn); right: var(--rpn); width: auto; background: var(--sand); -webkit-transform: none; transform: none; } #search input { 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: var(--custom_top_search_h); min-height: 0; font-size: var(--main_fz); } #search button:before { font-size: 1.2602071429em; } #root #search:not(.compact-handle, .compact-handle-mobile) ~ #nav-user > ul > li.search { display: block; } #header > .link-btn, #header-inner > .link-btn { margin-top: -12px; margin-bottom: 0; } #nav-user { position: static; z-index: 10; margin-top: -12px; margin-bottom: 0; margin-right: 0; padding-left: var(--dist_main); } #nav-user.has-form { left: auto; } #nav-user > ul > li.sub > a:before { display: none; } #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 { line-height: 48px; } #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 > ul { position: relative; z-index: 9; margin-left: 20px; } #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:first-child { margin-right: 0; } #nav-top .l4us { max-width: 100%; min-width: 0; height: 100%; 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; z-index: 10; margin-bottom: 0; } #nav-top > .l4us-mobile li, #nav-top > .l4us-mobile .li { display: block; overflow: hidden; border: 0 solid rgba(0,0,0,0); text-overflow: ellipsis; white-space: nowrap; } #nav-top > .l4us-mobile .swiper-slide { padding: 0 calc(44px - var(--rpp)); } #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; } #header-inner > .link-btn { bottom: 0; } #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 > *:last-child, #content > [id*="shopify-section"]:last-child > *:last-child { margin-bottom: var(--main_mr); } #content > .shopify-section-footer:last-child { margin-top: var(--main_mr); margin-bottom: 0; } #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 { padding-left: 0; padding-right: 0; --btn_dist: 30px; } .shopify-section-footer > nav { display: block; padding: 12px 0 25px; text-align: var(--text_align_start); } .shopify-section-footer > nav + nav, .shopify-section-footer > nav + hr + nav { margin-top: -25px; } #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; text-align: var(--text_align_start); } .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; } #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; 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: max(var(--size_16_f), calc(var(--main_fz) * 1.1428571429)); } .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; 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: max(var(--size_16_f), calc(var(--main_fz) * 1.1428571429)); } .shopify-section-footer figure, .shopify-section-footer p, .shopify-section-footer ul { --main_mr: 8px; } .shopify-section-footer .l4dr li.toggle > ul { left: 50%; right: auto; -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) ; } .shopify-section-footer input { width: 100%; max-width: none; } #root .shopify-section-footer input ~ button.mobile-only { float: right; width: 45px; margin-top: calc(0px - var(--input_h)); 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: var(--input_h); margin-left: 10px; margin-right: 0; } .shopify-section-footer button { width: 100%; min-width: 0; height: var(--input_h); 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; } .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; } #totop { padding-bottom: 0 !important; } input, select, textarea, .input-prefix > span:first-child, .input-suffix > span:first-child { font-size: max(var(--size_16_f), var(--main_fz)); } .accordion-a { margin: 16px var(--rpn) 32px; } .accordion-a summary { padding-top: 14px; padding-bottom: 14px; font-size: var(--main_fz); } .accordion-a summary:before { font-size: 1em; } #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; } .m6pr .accordion-a.compact + .accordion-a { margin-top: -10px; } blockquote, #root blockquote { padding: 0; } q, blockquote { font-size: var(--size_16_f); } blockquote p + .size-14 { margin-top: -7px; } .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; } .check.box.mobile-scroll { overflow-x: auto; overflow-y: hidden; margin-left: var(--rpn); margin-right: var(--rpn); white-space: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .check.box.mobile-scroll > * { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } [dir="ltr"] .check.box.mobile-scroll > *:first-child { margin-left: var(--rpp); } [dir="ltr"] .check.box.mobile-scroll > *:last-child, [dir="ltr"] .check.box.mobile-scroll > .last-child { margin-right: var(--rpp); } .check.box.mobile-scroll .invalid-feedback { display: none !important; } #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; } #root .cols.b50 > *, #root .cols > *:first-child:last-child, #root .f8lg .cols > *, .l4ne li, #root .f8cm .cols > *, #root .cols.b75 > * { float: none; width: 100%; } .countdown .simply-section { margin-bottom: var(--main_mr); } .js .countdown, .js #root .countdown { width: 100%; margin-left: auto; margin-right: auto; } .js #root span.countdown { margin-bottom: 0; } .js .countdown { margin-top: 12px; } span.countdown { margin-left: 0; margin-right: 0; } .js .countdown.compact, .js #root .countdown.compact { width: auto; margin: 0; } .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; } .f8cm h1, .f8cm h2, .f8cm h3, .f8cm h4, .f8cm h5, .f8cm h6 { margin-bottom: var(--main_mr); } .f8nw { margin-top: 32px; margin-bottom: 32px; } .f8pr .submit, .f8pr .link-btn { max-width: none; } hr { margin-bottom: 25px; } .l4sc + hr { margin-top: -5px; } #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 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, .link-btn a.mobile-wide, button.mobile-wide, .btn-mobile-wide .link-btn a, .btn-mobile-wide button, .btn-mobile-wide input[type="button"], .btn-mobile-wide input[type="reset"], .btn-mobile-wide input[type="submit"] { min-width: 0; width: 100%; } .btn-mobile-wide .link-btn { min-width: calc(100% + var(--btn_dist)); } .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, .link-btn.mobile-compact { overflow-x: auto; overflow-y: hidden; margin-left: var(--rpn); margin-right: var(--rpn); margin-bottom: calc(var(--main_mr) - 8px); white-space: nowrap; } .link-btn.tags a, .link-btn.mobile-compact > * { -webkit-flex: 10 0 auto; flex: 10 0 auto; } [dir="ltr"] .link-btn.tags a:last-child, [dir="ltr"] .link-btn.mobile-compact > *:last-child { margin-right: var(--rpp); } [dir="ltr"] .link-btn.tags a:first-child, [dir="ltr"] .link-btn.mobile-compact > *:first-child { margin-left: var(--rpp); } p + p > .link-more:first-child, .js .link-more-clicked p + p > a.link-more[data-no="1"]:first-child { margin-top: -20px; } .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.fixed { left: 0; right: 0; bottom: 0; top: auto; width: auto; min-width: 0; } #root .l4al.fixed li { margin: 0; } #root .l4al.fixed li:after, #root .l4al.fixed li:before { border-radius: 0; } .l4al + .l4ca { margin-top: -8px; } .l4as.caption { padding-left: 92px; padding-top: 0; } .l4ca li, .l4ca.summary li, .popup-a .l4ca li { display: block; } #root .l4ca li > * { padding-left: 0; padding-right: 0; } .l4ca li:last-child { border-bottom-width: 0; } .l4ca .price, #root .l4ca.compact .cols .price { font-size: var(--main_fz_small); } .l4ca figure, .l4ca.summary figure, .popup-a .l4ca figure { float: var(--text_align_start); width: 50px; } .l4ca figure ~ *, #root .l4ca figure ~ .price { clear: var(--text_align_end); float: var(--text_align_end); width: calc(100% - 50px - 16px); } .l4ca h1, .l4ca h2, .l4ca h3, .l4ca h4, .l4ca h5, .l4ca h6 { overflow: hidden; margin-bottom: 4px; padding: 0; text-overflow: ellipsis; white-space: nowrap; } .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 p { margin-bottom: 12px; } .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 .cols .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); } #root .l4ca:not(.compact) footer { margin-bottom: 8px; } #root .l4ca footer > * { margin-right: 14px; margin-bottom: 6px; 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:not(.compact, .summary) + *, .l4ca:not(.compact, .summary) + h1, .l4ca:not(.compact, .summary) + h2, .l4ca:not(.compact, .summary) + h3, .l4ca:not(.compact, .summary) + h4, .l4ca:not(.compact, .summary) + h5, .l4ca:not(.compact, .summary) + 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.compact figure ~ * { width: 100%; } .l4ca.compact p { margin-bottom: 6px; } .l4ca.compact .cols { display: block; margin-bottom: 2px; } .l4ca.compact .cols > * { float: none; } .l4ca.summary { margin-bottom: 0; } .l4ca.summary li { padding-right: 0; } .l4ca.summary section { margin-bottom: 10px; padding-bottom: .1px; } .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; --li_w: min(220px, 75vw); --li_b: 16px; --w2: 50%; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } #root .l4cl.mobile-compact li, #root .l4cl.mobile-compact .li { width: var(--li_w); margin-bottom: 8px; } #root .l4cl li, #root .l4cl .li { width: var(--li_w); margin-bottom: var(--dist_a); -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } #root .l4cl.s4wi .li { border-left-width: var(--li_b); } #root .l4cl.s4wi[style*="--dist_a: 0"] .li { --li_b: 0px; } [dir="ltr"] #root .l4cl > li:first-child, [dir="ltr"] #root .l4cl.s4wi .swiper-slide:first-child .li, [dir="ltr"] #root .l4cl.mobile-compact > li:first-child, [dir="ltr"] #root .l4cl.mobile-compact.s4wi .swiper-slide:first-child .li { width: calc(var(--li_w) - var(--li_b) + var(--rpp)); border-left-width: var(--rpp); } [dir="ltr"] #root .l4cl > li:last-child, [dir="ltr"] #root .l4cl.s4wi .swiper-slide:last-child .li, [dir="ltr"] #root .l4cl.mobile-compact > li:last-child, [dir="ltr"] #root .l4cl.mobile-compact.s4wi .swiper-slide:last-child .li { width: calc(var(--li_w) + var(--rpp)); border-right-width: var(--rpp); } [dir="ltr"] #root .l4cl.mobile-scroll > li:last-child, [dir="ltr"] #root .l4cl.s4wi.mobile-scroll .swiper-slide:last-child .li, [dir="ltr"] #root .l4cl.mobile-compact.mobile-scroll > li:last-child, [dir="ltr"] #root .l4cl.mobile-compact.s4wi.mobile-scroll .swiper-slide:last-child .li { border-right-width: 0; } .l4cl + p, .l4ft + p, .l4ne + p { margin-top: -6px; } .l4cl + .n6pg { margin-top: -17px; } .l4cl + .link-btn { margin-top: -12px; } #root .l4cl[style*="--dist_a: 0px"] + .link-btn { margin-top: 0; } .cols + .l4cl, .cols + .l4ne { margin-top: 10px; } .l4cl figure { margin-bottom: var(--dist_a); } .l4cl figure .text-overlay { font-size: var(--size_18_f); } .l4cl figure + h1, .l4cl figure + h2, .l4cl figure + h3, .l4cl figure + h4, .l4cl figure + h5, .l4cl figure + h6, .l4cl figure + div { margin-top: calc(0px - var(--dist_a) + 14px); } .l4cl .info { margin-bottom: 0; } .l4cl .link-btn.wide:not(.text-start, .text-end) > * { width: 100%; } .l4cl .link-btn.wide { width: calc(100% + var(--btn_dist)); } .l4cl.hr { margin-left: 0; margin-right: 0; } .l4cl.hr .submit { max-width: none; } #root .l4cl.mobile-scroll { overflow: visible; margin-left: calc(0px - var(--dist_a)); margin-right: 0; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #root .l4cl.mobile-scroll > .swiper-outer > .swiper-wrapper { -webkit-flex-wrap: wrap; flex-wrap: wrap; } #root .l4cl.mobile-scroll .swiper-wrapper .swiper-slide, #root .l4cl.mobile-scroll .swiper-wrapper .li, #root .l4cl.mobile-scroll .swiper-wrapper .li li { width: 100% !important; } #root .l4cl.mobile-scroll > li, #root #content .l4cl.mobile-scroll > li { width: 50%; min-width: 0; max-width: none; margin-bottom: var(--dist_a); border-left-width: var(--dist_a); border-right-width: 0; } #root .l4cl.mobile-scroll > li, #root .l4cl.mobile-scroll > .swiper-outer > .swiper-wrapper > .swiper-slide { width: var(--w2) !important; } .l4cl.w25 { --w2: 25%; } .l4cl.w33 { --w2: 33.3333333333%; } .l4cl.w50 { --w2: 50%; } .l4cl.w100 { --w2: 100%; } .l4cl.w50-mobile { --w2: 50%; } .l4cl.w100-mobile { --w2: 100%; --li_w: calc(100vw - var(--rpp) * 2); } #root .l4cl.inline li, #root .l4cl.inline .li { width: auto; min-width: inherit; max-width: none; } .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; } #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.mobile-compact { --li_w: min(220px, 75vw); } .l4cl.hr.mobile-compact { --li_w: 300px; margin-left: var(--rpn); margin-right: var(--rpn); } .l4cl.category { --li_w: min(170px, 75vw); } .l4cl.list { --img_w: 118px; } .l4cl.list li, .l4cl.list .li { display: block; padding-top: 19px; padding-bottom: 17px; } #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 { float: var(--text_align_start); margin-top: 0; } #root .l4cl.list figure ~ * { float: var(--text_align_end); clear: var(--text_align_end); width: calc(100% - var(--img_w) - var(--img_dist)); } .l4cl.s4wi { margin-left: var(--rpn); } .l4cl.s4wi .swiper-wrapper { height: auto !important; -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; width: auto !important; margin: 0 !important; } #root .l4cl .swiper-slide-duplicate, #root .l4cl .swiper-button-prev, #root .l4cl .swiper-button-next { display: none; } #root .l4cl picture .swiper-button-prev, #root .l4cl picture .swiper-button-next { display: block; } .l4cl.wide, #root .l4cl.wide { overflow-x: auto; overflow-y: hidden; width: auto; margin-left: var(--rpn); margin-right: var(--rpn); --img_w: 46px; --img_dist: var(--rpp); } #root .l4cl.wide li, #root .l4cl.wide .li { display: block; width: 298px; min-width: 298px; max-width: 298px; min-height: calc(var(--rpp) * 2 + 44px); padding: 12px 65px 6px 12px; 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 { float: var(--text_align_start); margin-bottom: 6px; } #root .l4cl.wide figure ~ *:not(.link-btn) { clear: var(--text_align_end); float: var(--text_align_end); width: calc(100% - var(--img_w) - var(--rpp)); } #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: auto; bottom: var(--rpp); margin-right: 0; padding: 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; 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; } .l4cl.size-16 { font-size: var(--main_fz); } #root .l4cl h1[class*="m"], #root .l4cl h2[class*="m"], #root .l4cl h3[class*="m"], #root .l4cl h4[class*="m"], #root .l4cl h5[class*="m"], #root .l4cl h6[class*="m"] { margin-bottom: 12px; } #root .l4cl h1[class*="size-"], #root .l4cl h2[class*="size-"], #root .l4cl h3[class*="size-"], #root .l4cl h4[class*="size-"], #root .l4cl h5[class*="size-"], #root .l4cl h6[class*="size-"] { font-size: var(--mob_h2); } .l4cu { margin: 0 0 0 var(--rpn); } .l4cu li { border-left-width: var(--rpp); } .l4cu li > span { margin-bottom: 8px; font-size: var(--size_24_f); } .l4cu.box li { width: 50%; max-width: none; -webkit-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } .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; --pt: 40px; --pb: 28px; --ps: var(--rpp); --mih: 52vw; } #root .l4ft li, #root .l4ft.cols li { position: relative !important; left: 0 !important; right: 0 !important; top: 0 !important; float: none; width: auto !important; min-height: var(--mih); margin: 0 0 var(--dist_a); padding: 0; } #root .l4ft.fullwidth li, #root .l4ft.cols.fullwidth li { margin-left: var(--rpn); margin-right: var(--rpn); } #root .l4ft.fullwidth li:before, #root .l4ft.fullwidth figure { border-radius: 0; } #root .l4ft li { -webkit-transform: none !important; transform: none !important; } .l4ft + p, .l4ft + .l4ft { margin-top: -16px; } #root .l4ft.size-xs li, #root .l4ft .size-xs { --mih: 50vw; } #root .l4ft.size-s li, #root .l4ft .size-s { --mih: 75vw; } #root .l4ft.size-m li, #root .l4ft .size-m { --mih: 100vw; } #root .l4ft.size-l li, #root .l4ft .size-l { --mih: 125vw; } #root .l4ft[class*="size-"].size-xs-mobile li, #root .l4ft li[class*="size-"].size-xs-mobile { --mih: 50vw !important; } #root .l4ft[class*="size-"].size-s-mobile li, #root .l4ft li[class*="size-"].size-s-mobile { --mih: 75vw !important; } #root .l4ft[class*="size-"].size-m-mobile li, #root .l4ft li[class*="size-"].size-m-mobile { --mih: 100vw !important; } #root .l4ft[class*="size-"].size-l-mobile li, #root .l4ft li[class*="size-"].size-l-mobile { --mih: 125vw !important; } .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; } #root figure .l4hs > li[style*="horizontal_mobile"] { left: var(--horizontal_mobile); } #root figure .l4hs > li[style*="vertical_mobile"] { top: var(--vertical_mobile); } .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: hidden; margin-right: var(--rpn); margin-left: var(--rpn); margin-bottom: 16px; padding-left: 0; padding-right: 0; --li_w: 224px; --li_d: 16px; } .l4ne li { margin-bottom: 3px; border-left-width: var(--li_d); -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .l4ne:not(.l4ne-figure-before) li { width: var(--li_w); } [dir="ltr"] .l4ne > li:first-child, [dir="ltr"] .l4ne > li.mobile-hide:first-child + li { width: calc(var(--li_w) - var(--li_d) + var(--rpp)); border-left-width: var(--rpp); } [dir="ltr"] .l4ne > li:last-child { width: calc(var(--li_w) + var(--rpp)); border-right-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: var(--main_h_small); } .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(--main_fz_small); text-transform: var(--main_tt); } #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 { --dist: 22px; } .l4pr { max-width: none; } #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); } .m6pr .l4pr.s4wi:not(.slider-fraction) > .s1lb { left: var(--label_dist); } .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 { 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; } #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 .swiper-custom-pagination, .l4pr .swiper-pagination-bullets { margin-top: calc(var(--main_mr) * 0.5 + var(--rpp)); } .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; } #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; } .m6pr[style*="--m6pr_bg"] > header .r6rt, .m6pr[style*="--m6pr_bg"] .img-multiply:before { --body_bg: var(--m6pr_bg); } .m6pr[style*="--m6pr_bg"] .l4pr:before, .m6pr[style*="--m6pr_bg"] .l4pr .swiper-custom-pagination:before { content: ""; display: block; position: absolute; left: var(--rpn); right: var(--rpn); top: -3000em; bottom: 0; z-index: -1; background: var(--m6pr_bg); } .m6pr[style*="--m6pr_bg"] .l4pr:not(.s4wi):before { bottom: 30px; } .m6pr[style*="--m6pr_bg"] figure.img-multiply-bg:before, .m6pr[style*="--m6pr_bg"] .l4pr picture { --b2r: 0px; --gallery: var(--m6pr_bg); } .m6pr[style*="--m6pr_bg"] .l4pr .swiper-outer { z-index: 3; } .m6pr[style*="--m6pr_bg"] .l4pr .swiper-custom-pagination { position: relative; z-index: 3; } .m6pr[style*="--m6pr_bg"] .l4pr .swiper-custom-pagination:before { top: calc(0px - var(--main_mr) * 0.5); background: var(--body_bg); } .m6pr[style*="--m6pr_bg"] .l4pr .swiper-button-prev, .m6pr[style*="--m6pr_bg"] .l4pr .swiper-button-next { top: auto; bottom: calc(100% + 26px); } .l4sc { margin-top: 17px; --dist: 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.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; } #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(--main_fz_small); } .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; } .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; } .l4vw .active .icon-view-grid:before { content: "\e91b"; } .l4vw .active .icon-view-square:before { content: "\e98e"; } #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; --justify_content: 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.inv > figure { margin-top: 6px; } #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 { margin-bottom: -24px; } .m6ac .l4cl:last-child { margin-bottom: 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; } .m6ac > *:not(:last-child) .l4ft:last-child { margin-bottom: 0; } .m6bx { padding-left: var(--rpp); padding-right: var(--rpp); } .m6bx > .size-20 { margin-bottom: 8px; font-size: var(--mob_h3); } .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; } .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 { margin: 32px 0; --p2: 20px; } #root .m6cu { padding-left: var(--rpp); padding-right: var(--rpp);} #root .m6cu.wide { margin-left: 0; padding-left: 0; padding-right: 0; } .m6cu > * { border-left-width: 0; } .m6fr { margin-bottom: 32px; text-align: center; } #root .m6fr figure { -webkit-flex-direction: column; flex-direction: column; flex-direction: column; } #root .m6fr figure picture[style*="--size"], #root .m6fr figure video[style*="--size"] { height: var(--size) !important; --size: 50% !important; } .m6fr.wide { margin-left: var(--rpn); margin-right: var(--rpn); --pda: var(--rpp); --mih: 220px; } .m6fr.wide.s4wi .swiper-outer { margin-left: 0; margin-right: 0; } .m6fr.wide.s4wi .swiper-slide { padding-left: 0; padding-right: 0; } #root .m6fr { margin-bottom: 32px; } .m6fr article { height: 100%; padding-top: 45px; padding-bottom: 32px; text-align: center; } .m6fr.mobile-text-start article, .m6fr article.mobile-text-start { text-align: var(--text_align_start); --justify_content: flex-start; } .m6fr.mobile-text-end article, .m6fr article.mobile-text-end { text-align: var(--text_align_end); --justify_content: flex-end; } .m6fr.mobile-text-start article .link-btn, .m6fr article.mobile-text-start .link-btn { justify-content: var(--justify_content); --justify_content: flex-start; } .m6fr.mobile-text-end article .link-btn, .m6fr article.mobile-text-end .link-btn { justify-content: var(--justify_content); --justify_content: flex-end; } #root .m6fr article.aside { padding-left: var(--rpp); padding-right: var(--rpp); } .m6fr .link-btn { margin-top: 0; } .m6fr.wide figure, .m6fr.wide article:before { left: 0; right: 0; } .m6fr.wide figure .link-btn.visible { --label_dist: var(--rpp); } .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:not(.wide, .s4wi) article.aside figure picture, #root .m6fr:not(.wide, .s4wi) article.aside figure .img-overlay, #root .m6fr:not(.wide, .s4wi) article.aside.inv figure picture, #root .m6fr:not(.wide, .s4wi) article.aside.inv figure .img-overlay { border-radius: var(--b2r) var(--b2r) 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; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; justify-content: flex-end; } .m6fr .swiper-slide.has-aside { display: block;-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.size-xs article:not(.aside), .m6fr article.size-xs:not(.aside), .m6cu.size-xs, .m6fr.compact article:not(.aside), .m6fr article.compact:not(.aside) { --mih: 220px; } .m6fr.size-s article:not(.aside), .m6fr article.size-s:not(.aside), .m6cu.size-s { --mih: 370px; } .m6fr.size-m article:not(.aside), .m6fr article.size-m:not(.aside), .m6cu.size-m { --mih: 450px; } .m6fr.size-l article:not(.aside), .m6fr article.size-l:not(.aside), .m6cu.size-l { --mih: 520px; } .m6fr.size-xs-mobile article:not(.aside), .m6fr article.size-xs-mobile:not(.aside) { --mih: 220px; } .m6fr.size-s-mobile article:not(.aside), .m6fr article.size-s-mobile:not(.aside) { --mih: 370px; } .m6fr.size-m-mobile article:not(.aside), .m6fr article.size-m-mobile:not(.aside) { --mih: 450px; } .m6fr.size-l-mobile article:not(.aside), .m6fr article.size-l-mobile:not(.aside) { --mih: 520px; } .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; } .m6pr .l4dr { margin-right: -18px; } .m6pr .l4dr li { margin-right: 18px; } .m6pr .l4pr .swiper-outer a[href^="#model-3d"] + [data-shopify-xr] { bottom: 0 !important; } .m6tb { margin-top: 0; margin-bottom: 0; } .m6tb > div > * { margin-top: 0; margin-bottom: 0; } .m6tb .tabs-inner { margin-bottom: -18px; } .m6tb .tabs-inner > .cols:last-child { margin-bottom: 35px; margin-left: 0; } #root .m6tb .tabs-inner > .cols:last-child > * { border-left-width: 0; } .m6tb > div > *:last-child .tabs-inner { margin-bottom: -8px; } .m6tb .tabs-header { color: var(--primary_text_h); font-size: var(--mob_h2); font-family: var(--main_ff_h); font-weight: var(--main_fw_h); font-style: var(--main_fs_h); line-height: var(--main_lh_h); text-transform: var(--main_tt_h); letter-spacing: var(--main_ls_h); } .shopify-section-content-tabs .m6tb .tabs-header { font-size: var(--main_fz); font-family: var(--main_ff); font-weight: var(--main_fw); font-style: var(--main_fs); letter-spacing: var(--main_ls); text-transform: var(--main_tt); } .m6tb + *, .recently-viewed-products { margin-top: 26px; } .with-mobile-tab { margin-bottom: 26px; } .with-mobile-tab + .with-mobile-tab { margin-top: -26px; } .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; } .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; } .sm-fz { font-size: var(--mob_fz); } th, td { padding-left: 7px; padding-right: 7px; font-size: var(--main_fz_small); } 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; } .w100-mobile { max-width: none; } .t1ca #root { border-bottom: 58px solid rgba(0,0,0,0); } #logo.text-center-sticky, #logo.text-center-sticky * { margin-left: 0; margin-right: 0; } #logo.text-center-sticky, #logo.text-center-sticky * { -webkit-justify-content: flex-start; justify-content: flex-start; } .l4cl .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, .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, .m6tb .tabs-header, .shopify-section-footer nav > .toggle h6 ~ .l4sc, .shopify-section-footer > nav .m6cn h1 ~ .l4sc, .shopify-section-footer > nav .m6cn h2 ~ .l4sc, .shopify-section-footer > nav .m6cn h3 ~ .l4sc, .shopify-section-footer > nav .m6cn h4 ~ .l4sc, .shopify-section-footer > nav .m6cn h5 ~ .l4sc, .shopify-section-footer > nav .m6cn 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, .cols-mobile, .link-btn.mobile-compact, .m6tb .tabs-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; } .mobile-text-start, .link-btn.mobile-text-start, .text-center .mobile-text-start.link-btn { -webkit-justify-content: flex-start; justify-content: flex-start; } .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, .m6cu .countdown { -webkit-justify-content: center; justify-content: center; } #nav-user, .mobile-text-end, .link-btn.mobile-text-end, .text-center .mobile-text-end.link-btn { -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; } .shopify-section-footer input, .l4cl .f8pr button, .l4cl .link-btn.wide:not(.text-start, .text-end) > *, .l4cl figure .link-btn > *:not(.circle) { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } #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, #root .m6tb > div > .hidden, .m6tb .tabs-header.toggle + .tabs-inner, .m6tb.compact > nav, .m6tb.compact .tabs-inner, .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, .m6fr .swiper-slide article.aside, .shopify-section-header nav:not(#nav-user) li.mobile-only, #cookie-bar .icon-cookie, #background .mobile-only, #root .l4cl figure .mobile-hide ~ .mobile-only { display: block; } #root span.mobile-only, #root i.mobile-only { display: inline; } #root .link-btn i, #root button i, #root .submit i { display: inline-block; } #root .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 .cols .price.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, .search-full #root > .overlay-close, .search-full #nav-bar > .overlay-close, .l4us .swiper-button-prev, .l4us .swiper-button-next, #background .mobile-hide, #logo .mobile-hide, .l4cl figure:not(.overlay-static) .link-btn > *:not(.circle), .l4cl figure:not(.overlay-static) form, #root .l4cl .static.mobile-hide, #root .l4cl form.mobile-hide, #root .l4cl form.link-btn, .f8ps, #root #nav-top > ul.l4us.mobile-hide, .shopify-section-footer > hr, #root .shopify-section-header #nav > ul.nav-top ~ .nav-top, #root .shopify-section-header #nav > ul.nav-top[data-type] ~ .nav-top, #nav-user > ul > li.currency, #nav-user > ul > li.lang, .link-btn.mobile-hide, #root .l4cl figure .mobile-hide, .l4cl .overlay-static ~ .static, #root .m6fr figure picture.mobile-hide { 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) { .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: var(--main_fw); } .table-drop tr > *, #root .table-wrapper + .l4tt, #root table + .l4tt { font-size: var(--main_fz); } .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) { .js .countdown { --w: 23px; --h: 30px; --dist2: 15px; --fz: 16px; } .m6cu .countdown .simply-word { font-size: calc(var(--main_fz) * 0.8571428571); } .l4al .cols { text-align: center; -webkit-flex-direction: column; flex-direction: column; } .l4al .cols > * + * { margin-top: 7px; } .l4al li > i.sticky { font-size: 18px; } .l4al li > i.sticky ~ .cols { margin-top: -4px; } .l4id, .m6cl .l4id { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .n6pg, .spr-pagination { --dist: 20px; } } @media only screen and (max-height: 570px) { .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) { #root .cols:not(.cols-mobile) > *, #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 .w300 { width: 100%; min-width: 0; max-width: 300px; } .l4ca .price span { display: block; } .l4st li { width: 100%; } .recommendation-modal__container { left: var(--rpp) !important; right: var(--rpp) !important; width: auto !important; max-width: none !important; -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) { .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; } } ul.l4cl.category.orientation-square.w12.mobile-compact { flex-wrap: wrap; } ul.l4cl.category.orientation-square.w12.mobile-compact li { width: calc(8.33% - 20px); margin: 0 10px 50px; border: inherit; } ul.l4cl.category.orientation-square.w12.mobile-compact li:hover{ transform: inherit; } ul.l4cl.category.orientation-square.w12.mobile-compact li span { display: none; } ul.l4cl.category.orientation-square.w12.mobile-compact li i.icon-chevron-right.mobile-hide { display: none; } ul.l4cl.category.orientation-square.w12.mobile-compact li a:hover { text-decoration: none !important; } ul.l4cl.category.orientation-square.w12.mobile-compact li figure picture img { object-fit: cover; object-position: center center; background: #fafafa; } ul.l4cl.category.orientation-square.w12.mobile-compact li figure { margin: 0; } ul.l4cl.category.orientation-square.w12.mobile-compact li h3 { margin: 0 !important; } .collection-list-main .list-collection-wrapper { display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 20px; } .collection-list-main .list-collection-wrapper .box-collection { max-width: 100px; padding: 0 10px; flex: 0 0 100px; } .collection-hero__inner .collection-hero__text-wrapper { display: flex; flex-wrap: wrap; align-items: center; padding-top: 30px; } .collection-hero__inner .collection-hero__text-wrapper .top-line-collection { flex: 0 0 25%; max-width: 25%; } .collection-hero__inner .collection-hero__text-wrapper .collection-hero__description.rte { flex: 0 0 75%; max-width: 75%; } .collection-hero__inner .collection-hero__text-wrapper .collection-hero__description.rte h1.collection-hero__title { margin-bottom: 12px !important; } @media only screen and (max-width: 1000px) { ul.l4cl.category.orientation-square.w12.mobile-compact li { width: calc(20% - 20px) !important; } } @media only screen and (max-width: 989px) { .collection-hero__inner .collection-hero__text-wrapper .top-line-collection { flex: 0 0 100%; max-width: 100%; } .collection-hero__inner .collection-hero__text-wrapper .collection-hero__description.rte { flex: 0 0 100%; max-width: 100%; } .collection-hero__inner .collection-hero__text-wrapper .top-line-collection img { display: block; margin: 0 auto; } .collection-list-main .list-collection-wrapper { flex-wrap: nowrap; overflow-x: scroll; } } .boost-sd__recommendation-title:after, .boost-sd__recommendation-title:before { border-top: none !important; } span.boost-sd__recommendation-title-text { color: var(--primary_text_h); font-weight: var(--main_fw_h); font-style: var(--main_fs_h); font-size: var(--size_50_f) !important; font-family: var(--main_ff_h) !important; line-height: var(--main_lh_h); text-transform: var(--main_tt_h) !important; letter-spacing: var(--main_ls_h); border: none; } span.boost-sd__button-icon path { stroke: white; } .boost-sd__recommendation .boost-sd__slider .boost-sd__button:hover svg { filter: none !important; } @media only screen and (max-width: 760px){ span.boost-sd__recommendation-title-text { font-size: var(--size_22_f) !important; } }