/** Shopify CDN: Minification failed Line 842:36 Expected identifier but found whitespace Line 842:37 Unexpected "15px" **/ /* ------------------------------------------- Name: Vloerkledenwinkel.nl Date: 2020/05/17 Author: http://psdhtml.me --------------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--razz); transform-origin: center center; } html { overflow-y: scroll; overflow-x: hidden; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; } body { overflow-x: hidden; width: 100%; min-height: 100%; background: var(--white); font-size: 15px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*! Variables --------- */ :root { --white: #ffffff; --alabaster: #fbfbfb; --sand: #f9f9f9; --ebb: #f0f0f0; --gallery: #eaeaea; --mercury: #e6e6e6; --silver: #c4c4c4; --black: #000000; --lightgrey: #dad7d1; --alto: #e0dddd; --dusty: #a39e9e; --coal: #473d3d; --silver: #cac7c7; --desert: #efeeec; --quill: #d1d0ce; --caper: #d6e8a3; --atlantis: #009c01; --porcelain: #eceff1; --dutch: #b7b7c3; --mishka: #d4d4db; --razz: #e00e7a; --azalea: #f9d4e7; --berry: #680e3c; --wisp: #fef4f9; --cocoa: #322029; --vanilla: #f2dee4; --vista: #f7ebee; --green: #009c01; --transition: 0.2s; } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/NunitoSans-Light.woff2?v=112665631497625684241650968416') format('woff2'), url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/NunitoSans-Light.woff?v=144342679269715415641650968416') format('woff'), url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/NunitoSans-Light.ttf?v=48104733799072247211650968416') format('truetype'); } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/NunitoSans-Regular.woff2?v=174141325543478692881650968417') format('woff2'), url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/NunitoSans-Regular.woff?v=53642392288637636421650968417') format('woff'), url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/NunitoSans-Regular.ttf?v=80212352204536806041650968416') format('truetype'); } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/NunitoSans-Bold.woff2?v=120316864794411276381650968416') format('woff2'), url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/NunitoSans-Bold.woff?v=160639841925398071961650968416') format('woff'), url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/NunitoSans-Bold.ttf?v=126008951667189547091650968416') format('truetype'); } @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/NunitoSans-ExtraBold.woff2?v=97879830258946359441650968416') format('woff2'), url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/NunitoSans-ExtraBold.woff?v=96290952030076642191650968416') format('woff'), url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/NunitoSans-ExtraBold.ttf?v=83689213192764893511650968417') format('truetype'); } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--coal); font-family: Nunito Sans, Arial, Helvetica, sans-serif; line-height: 1.875; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 30px; } h1, h2, .h2, h3, h4, h5, h6, legend { margin: 36px 0 22px; font-size: 26px; font-weight: 300; line-height: 1.3157894737; } h1, .heading-main h1, .heading-main h2, .heading-main h3, .heading-main h4, .heading-main h5, .heading-main h6, h1.s38, h2.s38, h3.s38, h4.s38, h5.s38, h6.s38, .module-aside.small h1, .module-aside.small h2, .module-aside.small h3, .module-aside.small h4, .module-aside.small h5, .module-aside.small h6 { margin-bottom: 18px; font-size: 38px; } h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { display: block; margin: 0 0 9px; color: var(--dusty); font-weight: 300; font-size: 16px; } a { background: none; color: var(--razz); font-weight: 800; text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } h1 a, h2 a, .h2 a, h3 a, h4 a, h5 a, h6 a, legend a, .list-usp a, #footer > nav p a, .list-box a, #mobile > ul + ul > li > a span, .list-cart a, #footer .list-plain a, .list-catalog a, .list-tags a, .list-nav a, .list-contact a, #root .form-product .submit .btn a, #root .form-product .btn, .quickshop-container .form-product .submit .btn a, .quickshop-container .form-product .btn a, .module-product header p a, .tabs-a > nav ul li a, .tabs-b > nav ul a, .list-featured a { color: inherit; font-weight: inherit; } ul, ol, dd, blockquote { padding-left: 40px; } /*! Mixins --------- */ /* cl:b */ .ui-slider-a:after, .list-cart-main li:after, .form-cart:after, .cols-b:after, .list-product:after, .list-reviews li:after, .tabs-a:after, .module-product:after, .cols-a:after, .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, label:after, .double:after, #content:after, #top:after, #top .menu:after, #footer:after, form p:after, form .form-options:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; } /* fill */ .form-filter a.toggle, .list-filter-active ul a:before, .list-check.box:before, .ui-slider:before, .ui-slider .ui-slider-range:before, .form-cart > footer a.btn:before, .accordion-a.small > div:before, .accordion-a.small:before, .module-aside-box:before, .scheme-box:before, .list-featured a:before, .list-featured li:before, .list-color a, .list-color label, .list-product + .link-more.overlay-a:before, .tabs-a > nav ul li a:before, .list-info li:before, .rating-a .rating > *:before, .rating-a .rating > * .fill, .form-product .submit .btn a:before, .form-product .btn a:before, .module-rating:before, .accordion-a .header a:before, .accordion-a > div:before, .module-aside.box:before, .list-comments li:before, .image-shadow:before, .list-news figure:before, .list-news li:before, .list-catalog li:before, .list-catalog a:before, #footer a.header-toggle, .list-collection li:before, .list-collection a:before, .link-btn:before, .link-btn a:before, .form-login.box:before, #mobile ul.box a:before, .list-box a:before, .tab-item a.header-toggle { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; } /* wide */ .cols-a.a + *:after, .cols-a.a + *:before, .modul-gallery:before, .tabs-a > nav:before, .module-wide:before, #footer > .list-social:before, #mobile li.header:before, #nav > ul > li > .list-box:before, #nav > ul > li > .megamenu:before, #footer > div:before, #footer > nav:before, #top .list-usp:before, #footer .list-usp:before, #top:before, #nav:before, .heading-main:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 110vw; margin: 0 0 0 -55vw; } /* icon */ .form-filter > h1:before, .form-filter > h2:before, .form-filter > .h2:before, .form-filter > h3:before, .form-filter > h4:before, .form-filter > h5:before, .form-filter > h6:before, .list-filter-active ul a:after, .list-collection .list-featured span .link:before, .list-filter p button:before, .list-filter a:before, .list-cart-main .remove:before, .list-cart-main .list-inline li.overlay-c:before, .list-featured.double span .link:before, .list-featured .tooltip .inner:before, .list-featured.welcome span .link:before, .list-color li.active:before, .popup-a .box-inset > .close:before, .list-product ul i, .tooltip .inner .close:before, .tooltip:after, .tooltip:before, .accordion-a .header a:after, .owl-nav button:before, .link-more a:before, #footer h1:before, #footer h2:before, #footer h3:before, #footer h4:before, #footer h5:before, #footer h6:before, .form-search button:before, .list-pagination a:before, .list-collection ul li a i, .list-check li:before, .list-cart a.remove:before, .sidebar-cart > .close:before, #nav > ul > li > a[href*="tel"]:before, #footer button:before, .list-social a i, #logo:before, #logo:after, #formSearch button:before, .list-breadcrumbs li:before, .text-blocks .list-featured li a .link:before, .list-featured.blogs li a .link:before, .tab-item h2:before, .read-more > .more-toggle > span:after { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* z:9 */ .form-filter a.toggle, .list-featured a:before, .list-color a, .list-color label, .form-product .submit .btn a:before, .accordion-a .header a:before, .image-shadow:before, .list-news figure:before, .list-catalog li:before, .list-catalog a:before, #footer a.header-toggle, #footer > div > form, .list-collection a:before, #mobile ul.box a:before, .list-box a:before, .tab-item a.header-toggle { z-index: 8; } /* tr:y */ .list-filter input, .module-author figure, .list-comments h1 img, .list-comments h2 img, .list-comments h3 img, .list-comments h4 img, .list-comments h5 img, .list-comments h6 img { -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* tr:n */ .list-filter p input, .popup-a.shown .box-inset, .module-author.a figure, .tooltip.toggle .inner { -webkit-transform: none; transform: none; } /* show */ .list-collection .list-featured li:before, .list-collection .list-featured li.link-more:before, .accordion-a.small > div.toggle:before, .list-featured .owl-item.active, .list-featured .owl-item.active ~ .owl-item, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, .popup-shown #root:after, .fancybox-container.fancybox-is-open, .list-product .pager a.current, .list-collection .owl-item.active, .list-gallery .owl-item.active, .list-gallery .owl-item.active ~ .owl-item, .tooltip.toggle .inner, [data-whatinput="mouse"] .list-collection li:hover figure > a, [data-whatintent="mouse"] .list-collection li:hover:before, .cart-active-cart #shadow, .cart-active-zichtservice #shadow, .loading body:before, .loading body:after { visibility: visible; opacity: 1; } /* hide */ .accordion-a.small > div:before, .accordion-a.small > div > .header.toggle a:after, .list-featured .owl-item, .fancybox-container, .list-collection .owl-item, .list-gallery .owl-item, .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item { visibility: hidden; opacity: 0; } /* i:wi */ .list-featured a img, .list-product > li > a img, .list-product .owl-carousel li > a img, .list-gallery img, .image-shadow img, .list-news img, .list-catalog img, #mobile ul.box img, .list-box img { display: block; position: relative; z-index: 1; width: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* i:ct */ .list-collection figure img { width: auto; max-height: 100% !important; -webkit-align-self: center; -ms-align-self: center; align-self: center; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } /* i:bg */ .list-collection .list-featured a img, .list-product .pager img, .module-aside > figure:first-child img, .list-cart .img img { display: block; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* cu:d */ .list-color li.active a, .list-color li.active label, .list-color input[type="radio"]:checked ~ label, .tabs-b > nav ul li.active a, .list-product .pager a.current, .tabs-a > nav ul li.active a, .list-nav li.active a, .owl-dots button.active, #nav > ul > li.active > a, [disabled], .disabled, .list-pagination li.active a { cursor: default; } /* td:u */ [data-whatintent="mouse"] a:hover { text-decoration: underline; } /* td:n */ #root .list-filter a, #root .list-cart-main .remove, #root .form-cart > footer a.btn, #root .list-featured a, #root .tabs-b > nav ul a, #root .popup-a .box-inset > .close, #root .tabs-a > nav ul li.active a, #root .tooltip .inner .close, #root .form-product .submit a, #root .accordion-a .header.toggle a, #root .list-nav a, #root .list-tags a, #root .list-catalog a, #root .list-collection a, #root .list-cart a, #root .link-btn a, #root .list-social a, #root .list-pagination li.active a { text-decoration: none; } .module-product-bar > div { width: 1368px; margin: 0 auto; position: relative; } /*! Layout --------- */ #root { position: relative; width: 100%; padding: 189px 0 0; } #top { position: absolute; left: 50%; top: 0; z-index: 9; width: 1250px; height: 189px; margin: 0 0 0 -628px; padding: 134px 0 0; border-top: 52px solid var(--white); } #top .mobile-back { display: none; } #logo { position: absolute; left: 0; top: 0; bottom: 55px; width: 330px; margin: 0; } /*#logo:before, #logo:after { margin-top: -15px; font-size: 30px; line-height: 30px; text-align: left; } #logo:before { content: "\e960"; color: var(--razz); } #logo:after { content: "\e95d"; color: var(--berry); }*/ #logo a { display: flex; position: relative; z-index: 9; width: 100%; height: 100%; text-indent: -3000em; } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; line-height: 1.5; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: var(--razz); color: var(--white); font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } #nav { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; height: 55px; } #nav:before { box-shadow: 0 12px 12px 0 rgba(163, 158, 158, .05); background: var(--alabaster); } #nav > ul { position: relative; z-index: 1; list-style: none; margin: 0 -39px 0 0; padding: 0; } #nav > ul > li { height: 55px; margin-right: 39px; line-height: 55px; } #nav > ul > li > a { display: block; position: relative; height: 55px; font-weight: 400; text-decoration: none; } #nav > ul > li.sale > a { color: var(--razz); font-weight: 600; } #nav > ul > li:first-of-type > a { font-weight: 800; white-space: nowrap; } #nav > ul > li:first-of-type > a::after { content: "\e92d"; font-family: 'i'; font-size: 0.5em; margin-left: 1px; vertical-align: middle; } #nav > ul > li.text-right, .list-usp li.text-right { margin-left: auto; } #nav > ul > li > ul { display: none; position: absolute; left: 0; right: 38px; top: 100%; z-index: 2; } [data-whatintent="mouse"] #nav > ul > li:hover > ul { display: block; } [data-whatintent="mouse"] #nav > ul > li.sub:hover ~ .shadow { display: block; position: absolute; left: -1000em; right: -1000em; top: 100%; height: 100vh; background: var(--coal); opacity: .5; } #nav > ul > li > .list-box, #nav > ul > li > .megamenu { padding-top: 24px; padding-bottom: 44px; } #nav > ul > li > .list-box:before { box-shadow: 0 4px 10px rgba(0,0,0,.06); background: var(--alabaster); } #nav > ul + ul { position: absolute; right: 0; bottom: 100%; z-index: 2; height: 82px; margin-right: -36px; padding-right: 10px; } @media only screen and (max-width: 47.5em) { #nav > ul + ul { bottom: 0; } } #nav > ul + ul > li { margin-right: 36px; line-height: 92px; } #nav > ul + ul > li.contact { display: none; } #nav > ul + ul > li:not(:last-of-type) { margin-right: 21px; } #nav > ul + ul > li.zs { margin-right: 29px; } #nav > ul + ul > li > a { height: 92px; color: var(--dusty); } #nav > ul + ul > li > a i { display: block; position: relative; height: 92px; font-size: 24px; line-height: 86px; } #nav > ul + ul > li > a i.icon-heart { font-size: 19px; } #nav > ul + ul > li > a i.icon-eye { font-size: 12px; }© #nav > ul + ul > li > a i.icon-heart:before, #mobile > ul + ul > li > a i.icon-heart:before, .list-collection ul li a .icon-heart:before, .list-product .icon-heart:before { content: "\e91b"; } #nav > ul + ul > li > a i.icon-user-circle:before, #mobile > ul + ul > li > a i.icon-user-circle:before { content: "\e957"; } #nav > ul + ul > li > a i.icon-user-circle:after, #mobile > ul + ul > li > a i.icon-user-circle:after { content: "\e956"; display: block; position: absolute; left: 0; top: 0; width: 100%; color: var(--porcelain); } #nav > ul + ul > li > a i span, #mobile > ul + ul > li > a i span { display: block; position: absolute; left: 100%; bottom: 32px; min-width: 17px; height: 17px; margin: 0 0 0 -7px; padding: 0 4px; border-radius: 20px; background: var(--razz); color: var(--white); font-family: Nunito Sans, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400; /*line-height: 19px;*/ line-height: 1.375; text-align: center; text-indent: 0; } #nav > ul + ul > li.kiyoh { height: 92px; } #nav > ul + ul > li.kiyoh .text .title { font-size: 12px; } #nav > ul + ul > li.kiyoh .text .score { font-size: 10px; } #nav > ul + ul > li .show-mobile { display: none !important; } #formSearch { position: absolute; left: 404px; top: 21px; width: 514px; overflow: visible; } #formSearch input { height: 52px; padding-right: 66px; border-width: 2px; } #formSearch button { position: absolute; right: 0; top: 0; width: 68px; min-width: 0; height: 52px; margin: 0; padding: 0; border-radius: 0; border-width: 0; background: none; color: var(--dusty); font-size: 20px; text-indent: -3000em; text-align: left; } #formSearch button:before { content: "\e936"; } #top .list-usp, #footer .list-usp { display: flex; justify-content: space-between; position: absolute; left: 0; top: -52px; right: -44px; z-index: 9; height: 52px; margin: 0; color: var(--white); line-height: 52px; width: 100%; } #footer .list-usp { position: relative; top: 0; right: 0; z-index: 1; } #top .list-usp .owl-stage-outer { height: 37px; } #top .list-usp:before, #footer .list-usp:before { background: var(--berry); } #top .list-usp li, #footer .list-usp li { font-size: 14px; margin-right: 0; } #content { position: relative; z-index: 2; width: 1250px; margin: 0 auto; padding: 20px 0 0; } /*#content > header:first-child { margin-top: -14px; }*/ #content > .list-breadcrumbs:first-child { margin-top: -14px; } #content > *:last-child { margin-bottom: 70px; } #content > .list-catalog:last-child, #content > .list-news:last-child { margin-bottom: 60px; } #content > .list-collection:last-child { margin-bottom: 40px; } #content .shopify-section > aside h3 { margin-top: 11px; } #content.w1192 { width: 1192px; max-width: none; } .sidebar-cart { position: fixed; right: -480px; top: 0; bottom: 0; z-index: 9999; width: 100%; max-width: 480px; padding: 0 28px; background: var(--white); } .sidebar-cart > h1, .sidebar-cart > h2, .sidebar-cart > h3, .sidebar-cart > h4, .sidebar-cart > h5, .sidebar-cart > h6 { overflow: hidden; height: 83px; margin: 0 -28px; padding: 0 70px 0 26px; box-shadow: 0 4px 10px rgba(0,0,0,.04); font-size: 26px; line-height: 83px; text-overflow: ellipsis; white-space: nowrap; } .sidebar-cart > .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; width: 70px; height: 74px; color: var(--dutch); font-size: 20px; text-indent: -3000em; text-decoration: none; } .sidebar-cart > .close:before { content: "\e901"; } .sidebar-cart .list-cart { display: block; overflow-x: hidden; overflow-y: auto; position: absolute; left: 0; right: 0; top: 83px; bottom: 240px; margin: 0; padding: 1px 26px 0; } .sidebar-cart .list-total, .sidebar-cart > p { margin-top: auto; margin-bottom: 28px; } .sidebar-cart .list-total { margin-bottom: 16px; } .sidebar-cart > .link-btn { margin-bottom: 18px; } .cart-active-cart #cart { right: 0; } .cart-active-zichtservice #zichtservice-cart { right: 0; } .cart-active-cart #trengo-web-widget, .cart-active-zichtservice #trengo-web-widget { display: none; } #shadow { visibility: hidden; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background: rgba(34,34,34,.5); text-align: left; text-indent: -3000em; opacity: 0; cursor: pointer; } #footer { width: 1368px; margin: 0 auto; line-height: 1.7333333333; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { position: relative; margin: 0 0 12px; font-size: 27px; font-weight: 400; } #footer .bot h3 { font-size: 21px; } #footer .bot { line-height: 1.88 } #footer .list p { line-height: 1.69 } #footer p, #footer ul, #footer ol { position: relative; z-index: 3; list-style: none; margin-bottom: 12px; } #footer ul, #footer ol { padding-left: 0; } #footer .scheme-map { z-index: 2; } #footer p, #footer li { font-size: 16px; } #footer li { margin-bottom: 5px; } #footer .list-social { margin-bottom: 17px; } #footer .list-social li { margin-bottom: 8px; } #footer .list-social:last-child { margin-bottom: 0; } #footer .icon2-envelope-circle:before, #footer .icon2-chat-circle:before { color: var(--silver); display: inline-block; font-size: 22px; margin-right: 6px; vertical-align: middle; } #footer > div { position: relative; z-index: 3; margin: 0 0 0 -70px; padding: 40px 0 40px; } #footer > div:before { background: var(--alabaster); } #footer > div:before { content: ""; display: block } #footer > div > * { position: relative; z-index: 1; margin: 0 0 50px; border-left: 70px solid rgba(0,0,0,0); } #footer > div p { max-width: 380px; } /*#footer > div > *:nth-child(3), */#footer > div > div.mobile-only + * { margin: 0 0 70px; min-width: 440px; width: 440px; max-width: 440px; border-left-width: 135px; } #root #footer > div > .list-payments { position: relative; left: 40px; width: 100%; min-width: 0; max-width: none; margin-bottom: 6px; } #footer > div > form p { max-width: none; } #footer .list-payments { width: 100%; } #footer .list-payments li { margin-bottom: 20px; margin-right: 30px; } #footer .list-payments li:last-of-type { margin-right: 0; } #footer > nav { position: relative; z-index: 2; padding: 50px 0; color: var(--dusty); line-height: 1.875; } /*#footer > nav, #footer > .list-social { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDQuMyA1My4yIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDQuMyA1My4yIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojNjgwRTNDO30gLnN0MXtmaWxsOiNFMDBFN0E7fSAuc3Qye2ZpbGw6Izc2MTU0NTt9PC9zdHlsZT48cGF0aCBkPSJNMTAyLjQgMTcuMmMuMiAwIC4zLjEuNS4xIDYuNCAxLjEgMTEuOSA0LjkgMTUuMiAxMC41bDI0LTE4Yy0zLjUtMi4xLTcuMy0zLjQtMTEuOC0zLjgtMTAtLjgtMTguOSA1LjEtMjYuOCAxMC40LS4zLjMtLjcuNS0xLjEuOHoiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNMTA3LjQgMTAuNmMtLjIgMC0uMy0uMS0uNS0uMS02LjMtMS0xMi00LjktMTUuMy0xMC41bC0yNCAxOGMzLjYgMi4yIDcuNCAzLjQgMTEuOCAzLjggMTAgLjggMTguOS01LjEgMjYuOC0xMC40LjUtLjMuOS0uNSAxLjItLjh6IiBjbGFzcz0ic3QxIi8+PHBhdGggZD0iTTYuMyA1MC4xbC00LjctOS41SDBsNi4yIDEyLjYgNi40LTEyLjZIMTF6TTE0LjYgMzYuNkgxNnYxNmgtMS40ek0yNC41IDQwLjRjLTMuNyAwLTYuNCAyLjctNi40IDYuMnMyLjcgNi4yIDYuMyA2LjJjMy42IDAgNi4zLTIuNyA2LjMtNi4ycy0yLjctNi4yLTYuMi02LjJ6bS0uMSAxMS4xYy0yLjcgMC00LjktMi4yLTQuOS00LjlzMi4yLTQuOSA0LjktNWMyLjcgMCA0LjkgMi4yIDQuOSA1IDAgMi43LTIuMSA0LjktNC45IDQuOXpNMzguOCA0MC40Yy0zLjUgMC02LjQgMi44LTYuNCA2LjNzMi43IDYuMiA2LjIgNi4yYzEuOSAwIDMuNS0uNyA0LjctMi4xbC0xLS45Yy0xLjIgMS4xLTIuMiAxLjYtMy43IDEuNi0yLjcgMC00LjgtMi4yLTQuOC00LjlzMi4yLTQuOSA0LjgtNC45YzIuNiAwIDQuNiAxLjcgNC45IDQuM0gzNVY0Ny40aDEwYzAtLjMgMC0uNCAwLS42LjEtMy42LTIuNi02LjQtNi4yLTYuNHpNNDkuOCA0MS40Yy0uNy41LTEgLjktMS41IDEuN3YtMi42SDQ2Ljl2MTJoMS40VjQ3YzAtMS43LjMtMi43IDEuMi0zLjcuNy0uOSAxLjctMS40IDMtMS43di0xLjRjLS43LjItLjkuMi0xLjMuMy0uNS4zLS45LjYtMS40Ljl6IiBjbGFzcz0ic3QyIi8+PHBhdGggZD0iTTUzLjkgMzYuNmgxLjR2MTZoLTEuNHpNNTguNSA0NS40bDQuOC00LjItLjktMS02LjkgNi4xYzIgLjIgMy4zLjcgNC42IDEuOSAxIDEgMS43IDIuMiAxLjkgMy41IDAgLjMuMS41LjEuOWgxLjRjLS4xLTIuMy0uOC0zLjktMi40LTUuNC0uOS0uOS0xLjYtMS4zLTIuNi0xLjh6TTY1LjYgMzYuNkg2N3YxNmgtMS40ek03NSA0MC40Yy0zLjYgMC02LjQgMi44LTYuNCA2LjNzMi43IDYuMiA2LjIgNi4yYzEuOSAwIDMuNS0uNyA0LjctMi4xbC0xLS45Yy0xLjIgMS4xLTIuMiAxLjYtMy43IDEuNi0yLjcgMC00LjgtMi4yLTQuOC00LjlzMi4yLTQuOSA0LjgtNC45YzIuNiAwIDQuNiAxLjcgNC45IDQuM2gtOC42VjQ3LjRoMTBjMC0uMyAwLS40IDAtLjYuMi0zLjYtMi41LTYuNC02LjEtNi40ek05My44IDQyLjVjMCAuNSAwIC43LjIgMS4yLS45LTIuNC0yLjctMy42LTUuMS0zLjYtMy42IDAtNi4zIDIuOC02LjMgNi40IDAgMy41IDIuNyA2LjIgNi4yIDYuMiAxLjcgMCAzLjUtLjcgNC40LTIgLjItLjIuMy0uNi42LS45LjEtLjIuMS0uMy4yLS43LS4yLjYtLjIgMS0uMiAxLjR2MmgxLjR2LTE2aC0xLjN2NnptLTQuOSA4LjljLTIuNyAwLTQuOS0yLjItNC45LTQuOCAwLTIuNyAyLjItNSA0LjctNSAyLjcgMCA0LjkgMi4yIDQuOSA1IDAgMi43LTIuMiA0LjgtNC43IDQuOHpNMTAzLjMgNDAuNGMtMy41IDAtNi40IDIuOC02LjQgNi4zczIuNyA2LjIgNi4yIDYuMmMxLjkgMCAzLjUtLjcgNC43LTIuMWwtMS0uOWMtMS4yIDEuMS0yLjIgMS42LTMuNyAxLjYtMi43IDAtNC44LTIuMi00LjgtNC45czIuMi00LjkgNC44LTQuOWMyLjYgMCA0LjYgMS43IDQuOSA0LjNoLTguNlY0Ny40aDEwYzAtLjMgMC0uNCAwLS42LjItMy42LTIuNS02LjQtNi4xLTYuNHpNMTE2LjggNDAuNGMtMi4yIDAtMy43IDEuMi00LjIgMy4zLjItLjYuMi0uOC4yLTEuMyAwLS4yIDAtLjQgMC0uNXYtMS4ySDExMS40djEyLjFoMS40di02LjZjMC0xLjIuMy0yLjIuOS0yLjkuNy0uOCAxLjktMS40IDMtMS40IDEuNyAwIDMuMyAxLjIgMy43IDIuOS4yLjMuMi44LjIgMS4zdjYuNmgxLjR2LTYuOGMwLTEuNy0uMy0yLjYtMS4xLTMuNi0uOS0xLjMtMi40LTEuOS00LjEtMS45eiIgY2xhc3M9InN0MSIvPjxwYXRoIGQ9Ik0xMzYgNDkuOGwtNC41LTkuOC00LjUgOS43LTMuMi05LjFoLTEuNWw0LjUgMTIuNiA0LjctMTAgNC42IDEwIDQuNy0xMi42aC0xLjR6TTE0Mi41IDQwLjZoMS40djEyaC0xLjR6TTE0Mi42IDM2LjZoMS40VjM5aC0xLjR6TTE1MS42IDQwLjRjLTIuMiAwLTMuNyAxLjItNC4yIDMuMy4yLS42LjItLjguMi0xLjMgMC0uMiAwLS40IDAtLjV2LTEuMmgtMS4zdjEyLjFoMS40di02LjZjMC0xLjIuMy0yLjIuOS0yLjkuNy0uOCAxLjktMS40IDMtMS40IDEuNyAwIDMuMiAxLjIgMy42IDIuOS4xLjMuMi44LjIgMS4zdjYuNmgxLjR2LTYuOGMwLTEuNy0uMy0yLjYtMS4xLTMuNi0xLTEuMy0yLjUtMS45LTQuMS0xLjl6TTE1OC42IDM2LjZoMS40djE2aC0xLjR6TTE2My4xIDQ1LjRsNC44LTQuMi0uOS0xLTYuOSA2LjFjMiAuMiAzLjMuNyA0LjYgMS45IDEgMSAxLjcgMi4yIDEuOSAzLjUgMCAuMy4xLjUuMS45aDEuNGMtLjEtMi4zLS44LTMuOS0yLjQtNS40LS45LS45LTEuNS0xLjMtMi42LTEuOHpNMTc1LjIgNDAuNGMtMy42IDAtNi40IDIuOC02LjQgNi4zczIuNyA2LjIgNi4yIDYuMmMxLjkgMCAzLjUtLjcgNC43LTIuMWwtMS0uOWMtMS4xIDEuMS0yLjIgMS42LTMuNyAxLjYtMi43IDAtNC44LTIuMi00LjgtNC45czIuMi00LjkgNC44LTQuOWMyLjYgMCA0LjYgMS43IDQuOSA0LjNoLTguNlY0Ny40aDEwYzAtLjMgMC0uNCAwLS42LjItMy42LTIuNS02LjQtNi4xLTYuNHpNMTgzLjQgMzYuNmgxLjR2MTZoLTEuNHpNMTg2LjUgNTAuNGgxLjR2Mi4yaC0xLjR6TTE5NS40IDQwLjRjLTIuMiAwLTMuNyAxLjItNC4yIDMuMy4yLS42LjMtLjguMy0xLjMgMC0uMiAwLS40IDAtLjV2LTEuMkgxOTB2MTIuMWgxLjR2LTYuNmMwLTEuMi4zLTIuMi45LTIuOS43LS44IDEuOS0xLjQgMy0xLjQgMS43IDAgMy4zIDEuMiAzLjcgMi45LjEuMy4yLjguMiAxLjN2Ni42aDEuNHYtNi44YzAtMS43LS4zLTIuNi0xLjEtMy42LS45LTEuMy0yLjQtMS45LTQuMS0xLjl6TTIwMi45IDM2LjZoMS40djE2aC0xLjR6IiBjbGFzcz0ic3QyIi8+PC9zdmc+) 0 center no-repeat; background-size: 205px auto; }*/ #footer > nav.lazy-bg-loaded, #footer > .list-social { background: url('Vloerkledenwinkel-logo-vert-v2.svg') 0 center no-repeat!important; background-size: 121px auto!important; } /*#footer > nav:before { box-shadow: inset 0 4px 10px rgba(0,0,0,.075); }*/ #footer > nav ul { list-style: none; margin: 0 -36px 0 0; padding: 0; } #footer > nav ul li { margin-right: 36px; font-size: 16px; } #footer > nav ul li a { color: var(--dusty); font-weight: 400; } /* #footer form { min-width: 38%; } */ #footer form p { margin-bottom: 30px; } #footer input { width: calc(100% - 189px); height: 50px; padding: 0 40px 0 17px; box-shadow: -15px 25px 50px rgba(40,56,74,.08); border-width: 0; } #footer button { width: 189px; min-width: 0; height: 50px; margin-top: 20px; float: unset; padding: 0 20px; box-shadow: -1px 4px 4px rgba(0,0,0,.08); font-weight: 700; } #footer button.newsletter-btn { position: absolute; right: 0; top: 0; width: 189px; min-width: 0; height: 50px; margin: 0; padding: 0 20px; box-shadow: -1px 4px 4px rgba(0,0,0,.08); font-weight: 700; } #footer > div > .seperator { border-left: none; max-width: none !important; min-width: 100% !important; pointer-events: none; position: relative; width: 100% !important; } #footer > div > .seperator::before { box-shadow: 0 6px 10px rgba(0,0,0,0.05); content: ''; display: block; height: 100px; left: -20vw; margin-top: -100px; opacity: 0.3; position: absolute; width: 150vw; } #footer > div > .bot { margin-bottom: 0; } #footer > div > .menu ul li a { color: var(--coal); font-weight: 400; } #footer > div > .menu ul li a:hover { color: var(--razz); text-decoration: none; } #footer > div > .menu ul li a::before { display: none; } #footer > div > .payments { min-width: 38%; } #footer > div > .payments .logos { align-items: center; display: block; margin-bottom: 35px; margin-top: 25px; } #footer > div > .payments .logos .second_logo img { width: 120px; } /*! Kiyoh --------- */ .kiyoh { align-items: center; color: var(--coal); display: flex; margin-right: 30px; } .kiyoh:hover { text-decoration: none !important; } .kiyoh .img { display: block; line-height: normal; margin-right: 7px; position: relative; top: -3px; width: 40px; } .kiyoh .img img { width: 40px; } .kiyoh .img span { align-items: center; background: #FEFEFE; border-radius: 50%; display: flex; font-size: 12px; font-weight: 800; height: 22px; justify-content: center; left: 8px; position: absolute; top: 8px; width: 22px; } .kiyoh .text { line-height: 1.2; } .kiyoh .text .title { font-size: 14px; font-weight: 600; } .kiyoh .text .score { font-size: 11px; font-weight: 400; } .kiyoh .rating-a .rating > * { height: 10px; margin-top: 2px; width: 10px; } /*! Megamenu --------- */ #nav > ul > li > .megamenu, #nav > ul > li > .megamenu ul { list-style: none; margin: 0; padding: 0; } [data-whatintent="mouse"] #nav > ul > li:hover > ul.megamenu { display: flex; } #nav > ul > li > .megamenu { align-items: flex-start; background-color: var(--white); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.06); padding-left: 60px; padding-right: 60px; } #nav > ul > li:hover > ul.megamenu { padding-bottom: 50px; padding-top: 30px; } #nav > ul > li > .megamenu > li { display: flex; flex-wrap: wrap; } #nav > ul > li > .megamenu > li:first-of-type { padding-right: 20px; width: 35%; } #nav > ul > li > .megamenu > li.visual {border-left: 1px solid rgba(0,0,0,0.1); padding-left: 85px; width: 65%; } #nav > ul > li > .megamenu > li > * { width: 100%; } #nav > ul > li > .megamenu > li > .w-50 { width: 50%; } #nav > ul > li > .megamenu ul.two-col { display: flex; flex-wrap: wrap; } #nav > ul > li > .megamenu ul.two-col > * { width: 100%; } #nav > ul > li > .megamenu ul.two-col > li.mobile-hide { width: 100%; } #nav > ul > li > .megamenu ul.two-col > li:not(.all):not(.mobile-hide) { width: 50%; } #nav > ul > li > .megamenu > li a { color: var(--coal); } #nav > ul > li > .megamenu > li .toggle { display: none; } #nav > ul > li > .megamenu > li > a, #nav > ul > li > .megamenu > li > div > a { font-size: 21px; font-weight: 600; } #nav > ul > li > .megamenu > li > div > a:hover { text-decoration: none; } #nav > ul > li > .megamenu > li li { line-height: normal; margin-bottom: 10px; } #nav > ul > li > .megamenu > li li a { font-size: 14px; font-weight: 400; } #nav > ul > li > .megamenu > li li a:hover { color: var(--razz); font-weight: 600; text-decoration: none; } #nav > ul > li > .megamenu > li li:not(.all) + li.all { margin-top: 5px; } #nav > ul > li > .megamenu > li li.all a { color: var(--razz); font-weight: 600; } #nav > ul > li > .megamenu > li button { box-shadow: -1px 4px 4px rgba(0,0,0,0.08); float: left; font-size: 14px; margin-bottom: -20px; margin-top: 5px; min-width: 189px; padding-left: 15px; padding-right: 15px; } #nav > ul > li > .megamenu .visual > a { margin-left: 15px; } #nav > ul > li > .megamenu .visual ul { display: flex; flex-wrap: wrap; } #nav > ul > li > .megamenu .visual ul > li { margin-left: 15px; text-align: center; width: calc(100% / 3 - 15px); } #nav > ul > li > .megamenu .visual ul > li .img { border-radius: 6px; margin: 0; overflow: hidden; } #nav > ul > li > .megamenu .visual ul > li .img img { height: 153px !important; object-fit: cover; width: 100%; } #nav > ul > li > .megamenu .visual ul > li div { font-weight: 600; margin-top: 10px; } #mobile > ul > li > .megamenu.colors > li:first-of-type, #nav > ul > li > .megamenu.colors > li:first-of-type { padding-right: 0; width: 100%; } #mobile > ul > li > .megamenu.colors ul, #nav > ul > li > .megamenu.colors ul { display: flex; flex-wrap: wrap; } #mobile > ul > li > .megamenu.colors ul li:not(.btn), #nav > ul > li > .megamenu.colors ul li:not(.btn) { background-position: center center !important; background-size: cover !important; border-radius: 45px; box-shadow: 2px 10px 20px rgba(0,0,0,0.06); height: 56px; margin: 10px 55px 70px 0; position: relative; text-align: center; width: 55px; z-index: 2; } #mobile > ul > li > .megamenu.colors ul li:not(.btn)::before, #nav > ul > li > .megamenu.colors ul li:not(.btn)::before { color: var(--white); display: block; font-family: i; font-size: 11px; font-weight: 400; left: 0; letter-spacing: normal; line-height: 20px; margin: -10px 0 0; pointer-events: none; position: absolute; right: 0; text-align: center; text-indent: 0; text-shadow: 1px 1px 5px rgba(0,0,0,0.1); top: 50%; } #mobile > ul > li > .megamenu.colors ul li:not(.btn):hover::before, #nav > ul > li > .megamenu.colors ul li:not(.btn):hover::before { content: "\e963"; } #mobile > ul > li > .megamenu.colors ul li:not(.btn) a, #nav > ul > li > .megamenu.colors ul li:not(.btn) a { border-top: none; background: transparent; display: flex; font-size: 16px; font-weight: 400; justify-content: center; padding-top: calc(56px + 15px); } #mobile > ul > li > .megamenu.colors ul li.btn, #nav > ul > li > .megamenu.colors ul li.btn { width: 100%; } #mobile > ul > li > .megamenu.colors ul li.btn button, #nav > ul > li > .megamenu.colors ul li.btn button { margin-bottom: 0; } #mobile > ul > li > .megamenu.colors ul li.link { width: 0!important; } #mobile > ul > li > .megamenu.colors ul li.link a { left: 0!important; } /*! Live Search --------- */ #top > form > div { background: var(--white); border-top-width: 0; border: 1px solid var(--mercury); color: var(--shaft); display: none; /* left: 0; */ margin-top: -1px; padding: 25px 25px 0; position: absolute; /* right: 0; */ top: 100%; z-index: 99 !important; white-space: nowrap; min-width: 100%; left: 50%; transform: translate(-50%); } #top > form.full > div { display: block; } form .search-autocomplete .view-all { position: absolute; left: 30px; top: 15px; } form .search-autocomplete .view-all span { color: #9D9D9D; font-weight: 400; margin-left: 4px; } form .search-autocomplete .list-compact { list-style: none; padding-left: 0; } form .search-autocomplete .list-compact li { margin-bottom: 5px; } form .search-autocomplete .list-compact li:first-of-type { margin-top: 28px; } form .search-autocomplete .list-compact li a { color: var(--coal); font-weight: 400; } form .search-autocomplete .list-cart li { align-items: center; display: flex; } form .search-autocomplete .list-cart li a { display: flex; justify-content: space-between; width: 100%; } form .search-autocomplete .list-cart li a .img { border-radius: 0; } form .search-autocomplete .list-cart li a .price { float: right; } form .search-autocomplete .list-cart li.empty { min-height: 0; padding: 0; } /*! Columns --------- */ .cols-a { padding-left: 305px; } .cols-a > header:first-child + *, .cols-a > *:first-child { float: right; width: 100%; } .cols-a > header:first-child, .cols-a > aside { float: left; width: 260px; margin: 0 0 0 -305px; } .cols-a + * { margin-top: 31px; } .cols-a.a { padding-left: 353px; } .cols-a.a > * { position: relative; z-index: 1; } .cols-a.a > header:first-child, .cols-a.a > aside { z-index: 2; float: left; width: 290px; margin: 0 0 0 -353px; } .cols-a.a + * { position: relative; z-index: 3; margin-top: 7px; padding-top: 58px; } .cols-a.a + *:before { top: -10px; bottom: auto; z-index: -2; height: 10px; box-shadow: 0 4px 10px rgba(0,0,0,.1); } .cols-a.a + *:after { top: -20px; bottom: auto; z-index: -1; height: 10px; background: var(--white); } .cols-b { padding-right: 453px; } .cols-b > header:first-child + *, .cols-b > *:first-child { float: left; width: 100%; } .cols-b > header:first-child, .cols-b > aside { float: right; width: 413px; margin: 0 -453px 0 0; } .double { display: block; position: relative; } .double > * { display: block; position: relative; clear: none; float: right; border: 0 solid rgba(0,0,0,0); } .double > *:first-child { float: left; } .double.a { margin-left: -40px; } .double.a > * { width: 50%; border-left-width: 40px; } .double.b { margin-left: -40px; } .double.b > * { width: 37%; border-left-width: 40px; } .double.b > *:first-child { width: 63%; } .double.b80 { margin-left: -80px; } .double.b80 > * { border-left-width: 80px; } .double.b110 { margin-left: -110px; } .double.b110 > * { border-left-width: 110px; } form .double.a { margin-left: -30px; } form .double.a > * { border-left-width: 30px; } #shopify-section-faq ~ div { float: right; } /*! Modules --------- */ .accordion-a { overflow-x: hidden; overflow-y: auto; position: relative; z-index: 3; max-width: 100%; max-height: 415px; margin: 36px -10px; padding: 0 10px; } .accordion-a > div > h1, .accordion-a > div > h2, .accordion-a > div > h3, .accordion-a > div > h4, .accordion-a > div > h5, .accordion-a > div > h6 { position: relative; z-index: 2; margin: 0; padding: 17.5px 56px 17.5px 22px; font-weight: 400; font-size: 16px; } .accordion-a .header a:after { content: "\e90b"; left: auto; right: 25px; color: var(--razz); font-size: 16px; } .accordion-a .header.toggle a:after { content: "\e915"; } .accordion-a > div { position: relative; z-index: 2; margin: 0 0 15px; } .accordion-a > div > div { display: none; padding: 15px 46px 9px; } .accordion-a > div:last-child { margin-bottom: 10px; } .accordion-a > div:before { box-shadow: 0 4px 10px rgba(0,0,0,.06); border-radius: 8px; background: var(--white); } .cols-a > aside .accordion-a, .cols-b > aside .accordion-a { overflow: visible; max-width: none; max-height: none; padding-left: 0; padding-right: 0; } /* .cols-b > aside .module-aside-box + .accordion-a { margin-top: 0; } */ .accordion-a::-webkit-scrollbar { width: 7px; } .accordion-a::-webkit-scrollbar-track { border-radius: 7px; background: var(--gallery); } .accordion-a::-webkit-scrollbar-thumb { border-radius: 7px; background: var(--silver); } .accordion-a.small { } .accordion-a.small:before, .accordion-a.small > div:before { box-shadow: 0 4px 10px rgba(0,0,0,.06); background: var(--white); } .accordion-a.small > div { position: relative; z-index: 2; margin: 0; padding: 0 22px .1px; } .accordion-a.small > div > h1, .accordion-a.small > div > h2, .accordion-a.small > div > h3, .accordion-a.small > div > h4, .accordion-a.small > div > h5, .accordion-a.small > div > h6 { padding: 20px 15px 12px 0; border-bottom: 1px solid var(--mercury); font-size: 21px; font-weight: 300; } .accordion-a.small > div:last-child > h1, .accordion-a.small > div:last-child > h2, .accordion-a.small > div:last-child > h3, .accordion-a.small > div:last-child > h4, .accordion-a.small > div:last-child > h5, .accordion-a.small > div:last-child > h6 { border-bottom-width: 0; } .accordion-a.small > div > .header { } .accordion-a.small > div > .header a:after { content: "\e92b"; right: 0; width: auto; padding-top: 4px; color: var(--dusty); font-size: 6px; } .accordion-a.small > div > .header.toggle { border-bottom-width: 0; color: inherit; font-weight: 300; } .accordion-a.small > div:last-child { padding-bottom: 8px; } .accordion-a.small > div > div { margin: -4px 0 7px; padding: 0 0 3px; } .accordion-a.small + .module-aside-box { margin-top: -36px; } .accordion-a.small + .module-aside-box:before { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion-a.small p, .accordion-a.small ol, .accordion-a.small ul { margin-bottom: 15px; } .accordion-a.small .link-btn { max-width: 330px; margin-bottom: 5px; } .accordion-a.small .link-btn a { min-width: 158px; padding: 16.5px 32px; } /* .heading-main { position: relative; z-index: 2; margin: 0 0 29px; padding: 0 0 .1px; } .heading-main:before { box-shadow: 0 4px 10px rgba(0,0,0,.1); opacity: .4; } #content > .heading-main:first-child:before { top: -15px; } .heading-main > h1:last-child, .heading-main > h2:last-child, .heading-main > h3:last-child, .heading-main > h4:last-child, .heading-main > h5:last-child, .heading-main > h6:last-child { margin-bottom: 12px; } .heading-main h1 + .list-featured, .heading-main h2 + .list-featured, .heading-main h3 + .list-featured, .heading-main h4 + .list-featured, .heading-main h5 + .list-featured, .heading-main h6 + .list-featured .heading-main h1 + .list-box, .heading-main h6 + .list-featured .heading-main h2 + .list-box, .heading-main h6 + .list-featured .heading-main h3 + .list-box, .heading-main h6 + .list-featured .heading-main h4 + .list-box, .heading-main h6 + .list-featured .heading-main h5 + .list-box, .heading-main h6 + .list-featured .heading-main h6 + .list-box { margin-top: -8px; } .heading-main > .list-breadcrumbs { margin-bottom: 15px; } */ .heading-main { position: relative; z-index: 2; margin: 0 0 15px; padding: 0 0 .1px; } .heading-main > h1:last-child, .heading-main > h2:last-child, .heading-main > h3:last-child, .heading-main > h4:last-child, .heading-main > h5:last-child, .heading-main > h6:last-child { margin-bottom: 12px; } .heading-main h1 + .list-featured, .heading-main h2 + .list-featured, .heading-main h3 + .list-featured, .heading-main h4 + .list-featured, .heading-main h5 + .list-featured, .heading-main h6 + .list-featured .heading-main h1 + .list-box, .heading-main h6 + .list-featured .heading-main h2 + .list-box, .heading-main h6 + .list-featured .heading-main h3 + .list-box, .heading-main h6 + .list-featured .heading-main h4 + .list-box, .heading-main h6 + .list-featured .heading-main h5 + .list-box, .heading-main h6 + .list-featured .heading-main h6 + .list-box { margin-top: -8px; } .heading-main > .list-breadcrumbs { margin-bottom: 0; } .heading-reviews { margin-bottom: 40px; } .heading-reviews h1, .heading-reviews h2, .heading-reviews h3, .heading-reviews h4, .heading-reviews h5, .heading-reviews h6 { margin: 0 0 7px; font-size: 26px; } .heading-reviews p a { margin-left: 4px; } .module-aside { position: relative; z-index: 2; margin: 0 0 36px; padding: 17px 0 .1px 450px; } .module-aside > figure:first-child { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 415px; margin: 0; } .module-aside header { margin-bottom: 35px; } .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6 { margin: 0; font-size: 38px; } .module-aside h1 + p, .module-aside h2 + p, .module-aside h3 + p, .module-aside h4 + p, .module-aside h5 + p, .module-aside h6 + p { margin-top: -4px; } .module-aside .link-btn { margin-right: -18px; } .module-aside .link-btn a { min-width: 210px; margin-right: 18px; } .module-aside.inv { padding-left: 0; padding-right: 450px; } .module-aside.inv > figure:first-child { left: auto; right: 0; } .module-aside.box { padding-right: 30px; } .module-aside.box:before { box-shadow: 0 4px 10px rgba(0,0,0,.06); border-radius: 6px; background: var(--white); } .module-aside.box > figure:first-child { border-radius: 6px 0 0 6px; } .module-aside.box.inv { padding-right: 450px; padding-left: 30px; } .module-aside.box.inv > figure:first-child { border-radius: 0 6px 6px 0; } .module-aside.small { margin: 0; padding: 0 200px 0 0; } .module-aside.small > * { max-width: 300px; } .module-aside.small > h1, .module-aside.small > h2, .module-aside.small > h3, .module-aside.small > h4, .module-aside.small > h5, .module-aside.small > h6 { max-width: none; } .module-aside.small > figure:last-child { display: block; position: absolute; right: -100px; bottom: 0; z-index: -1; width: 400px; margin: 0; text-align: center; } .module-wide .module-aside.small > figure:last-child { bottom: -49px; max-width: none; } .module-aside-box { position: relative; z-index: 2; padding: 23px 25px 22px; } .module-aside-box:before { border-radius: 8px; background: var(--sand); } .module-aside-box h1, .module-aside-box h2, .module-aside-box h3, .module-aside-box h4, .module-aside-box h5, .module-aside-box h6 { margin: 0 0 18px; font-size: 21px; } .module-author { position: relative; min-height: 96px; padding: 0 0 0 120px; line-height: 1.4; } #root .module-author { margin-bottom: 34px; /*margin-top: 75px;*/ } .module-author figure { position: absolute; left: 0; top: 50%; } .module-author img { border-radius: 99px; } #root .module-author h1, #root .module-author h2, #root .module-author h3, #root .module-author h4, #root .module-author h5, #root .module-author h6 { margin-bottom: 0; font-size: 38px; } .module-author h1 label, .module-author h2 label, .module-author h3 label, .module-author h4 label, .module-author h5 label, .module-author h6 label { margin: 0 0 -4px; font-size: 1em; font-weight: 300; } .module-author p { margin-bottom: 0; } .module-author p + p { margin-top: 22px; } .module-author .link-btn a { padding: 16.5px 32px; } .module-author input, .module-author select { height: 56px; padding: 0 23px; } .module-author select { padding-right: 56px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNSA4Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7b3BhY2l0eTowLjc7fSAuc3Qxe2ZpbGw6I0EzOUU5RTt9PC9zdHlsZT48cGF0aCBkPSJNMTQuNi4yYy0uMi0uMi0uNi0uMi0uOSAwTDcuNCA2LjUgMS4xLjJDLjkgMCAuNSAwIC4yLjJjLS4yLjItLjIuNiAwIC45TDcgNy44Yy4xLjEuMi4yLjQuMnMuMy0uMS40LS4yTDE0LjYgMWMuMi0uMi4yLS42IDAtLjh6IiBjbGFzcz0ic3QxIi8+PC9zdmc+); background-size: auto 8px; color: var(--dusty); } .cols-a > * > .module-author:first-child, .cols-a > * > *:first-child > .module-author:first-child { margin-top: 13px; } .module-author.a { padding-left: 105px; } .module-author.a figure { top: 0; width: 90px; } #root .module-author.a h1, #root .module-author.a h2, #root .module-author.a h3, #root .module-author.a h4, #root .module-author.a h5, #root .module-author.a h6 { margin-bottom: 12px; font-size: 20px; } .module-gallery { position: relative; z-index: 2; margin: 50px 0 63px; padding: 60px 0 49px 355px; } .module-gallery > * { width: 100%; } .module-gallery header { position: relative; z-index: 3; width: 355px; margin: 0 0 27px -355px; padding-right: 20px; } .module-gallery header h1, .module-gallery header h2, .module-gallery header h3, .module-gallery header h4, .module-gallery header h5, .module-gallery header h6 { margin: 0 0 17px; font-size: 38px; } .module-gallery header p { margin: 0 0 3px; color: var(--dusty); font-size: 18px; } .module-gallery header p a { font-size: 16px; } .module-gallery i.icon-chevron-down { display: inline-block; position: relative; top: -.1em; margin: 0 0 0 5px; font-size: 0.4375em; line-height: 1px; } .module-product { position: relative; padding: 0 0 0 705px; } .module-product > * { /*float: right;*/ width: 100%; max-width: 560px; } /* .module-product > *:first-child, .product-info { float: left; width: 600px; margin-left: -705px; } */ /*.module-product > *:first-child,*/ .product-info { float: left; width: 650px; max-width: 650px; margin-left: -705px; } /* .module-product > *:first-child { float: left; width: 520px; max-width: 520px; margin-left: -621px; } */ .module-product > *:first-child { float: left; width: 600px; margin-left: -705px; max-width: 600px; } .module-product p.compact { line-height: 1.5; } .module-product h1, .module-product h2, .module-product h3, .module-product h4, .module-product h5, .module-product h6, .template-product #content h3, .template-product #content .tab-item h2 { margin: 0 0 9px; font-size: 28px; } .module-product header { } .module-product header h1, .module-product header h2, .module-product header h3, .module-product header h4, .module-product header h5, .module-product header h6 { margin: 0 0 13px; font-size: 38px; } .module-product header p { margin: 0 0 3px; color: var(--dusty); } .module-product header p .rating-a { margin-left: 5px; } .module-product .list-tags { margin-bottom: 5px; } .module-product .list-tags:last-child { margin-bottom: 20px; } .module-rating { position: relative; z-index: 5; min-height: 329px; margin-bottom: 30px; padding: 33px 55px .1px; } .module-rating:before { bottom: 2px; box-shadow: 0 25px 35px rgba(111,106,106,.06); border-radius: 10px; background: var(--white); } .module-rating h1, .module-rating h2, .module-rating h3, .module-rating h4, .module-rating h5, .module-rating h6 { margin: 0 0 24px; font-size: 16px; font-weight: 400; } .module-rating h1 span, .module-rating h2 span, .module-rating h3 span, .module-rating h4 span, .module-rating h5 span, .module-rating h6 span { display: block; position: relative; width: 52px; height: 52px; margin: 0 0 0 8px; box-shadow: 2px 4px 10px rgba(0,0,0,.1); border-radius: 52px; background: var(--atlantis); color: var(--white); font-size: 1.3125em; font-weight: 800; line-height: 52px; text-align: center; } .module-rating .list-rating, .module-rating .owl-carousel.owl-loading, .module-rating .owl-carousel.owl-loaded { position: static; } .module-rating .owl-nav button { background: var(--white); color: var(--silver); } .module-rating .owl-nav button.owl-prev { left: -28.5px; } .module-rating .owl-nav button.owl-next { right: -28.5px; } .module-rating p i { display: inline-block; position: relative; top: .025em; margin-left: 1px; font-size: 1.9375em; line-height: 1px; } .module-rating p i.icon-kiyoh:before, .list-check i.icon-kiyoh:before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTYwLjggNjM2LjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExNjAuOCA2MzYuOCI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0VGRDcwRDt9IC5zdDF7ZmlsbDojNjdCMDNEO30gLnN0MntmaWxsOiNDQUQxMjk7fSAuc3Qze2ZpbGw6I0U0OTIxOTt9IC5zdDR7ZmlsbDojRDEzODBFO30gLnN0NXtmaWxsOiM5NEJFMUM7fSAuc3Q2e2ZpbGw6I0RFNjkyNjt9IC5zdDd7ZmlsbDojNDU0NTQ1O308L3N0eWxlPjxwYXRoIGlkPSJfeDIzX2VmZDcwZGZmIiBkPSJNODkyLjcgMTAuOGM0OC44LTE3IDEwNC4zLTEzLjggMTUwLjcgOSAxMC4xIDUgMTkuOCAxMC43IDI4LjkgMTcuNC0yMi42IDExLjMtNDMuMyAyNi42LTYxLjEgNDQuNS0yOS45LTE1LjEtNjYtMTcuMy05Ny41LTUuOC0yNS4zIDktNDcuNCAyNi41LTYyIDQ5LTkuNiAxNC41LTE1LjkgMzEuMS0xOC43IDQ4LjItMjMtNC4zLTQ2LTguMy02OS0xMi44IDYuOC0zNy4xIDI0LjctNzIgNTAuNy05OS4yIDIxLjYtMjIuNiA0OC42LTQwIDc4LTUwLjN6bTE1Mi40IDk1LjljMTIuOS0xOS45IDI5LjItMzcuNSA0Ny45LTUyLjEgMjguMyAyNi44IDQ4LjIgNjIuNCA1Ni4yIDEwMC41LTIzLjggNS00Ny42IDEwLjMtNzEuNCAxNS4yLTQuMy0yMy44LTE2LTQ2LjEtMzIuNy02My42eiIgY2xhc3M9InN0MCIvPjxwYXRoIGlkPSJfeDIzXzY3YjAzZGZmIiBkPSJNMTA3Mi4zIDM3LjJjMjcuNC0xMy43IDU3LjgtMjEuNyA4OC41LTIyLjItMjMuOSAxMC43LTQ3LjIgMjMuMy02Ny44IDM5LjYtMTguNiAxNC42LTM1IDMyLjItNDcuOSA1Mi4xLTE5LjEgMjktMzEgNjItNDAuNCA5NS4yLTUuNyAyMC4zLTEwLjMgNDAuOS0xNC42IDYxLjYtMTYuOC0uMS0zMy41LS4xLTUwLjMgMC0yOC44LTQ0LjMtNTcuNi04OC42LTg2LjMtMTMzIDIwLjQtLjIgNDAuOSAwIDYxLjMtLjEgMTEuOCAxNy43IDIzLjcgMzUuNCAzNS40IDUzLjIgMTEuOS0zOC4xIDMyLjktNzMuNCA2MC45LTEwMS44IDE4LTE4IDM4LjYtMzMuMiA2MS4yLTQ0LjZ6IiBjbGFzcz0ic3QxIi8+PHBhdGggaWQ9Il94MjNfY2FkMTI5ZmYiIGQ9Ik0xMDc3LjggMTcwLjRjMjMuOC01IDQ3LjYtMTAuMyA3MS40LTE1LjIgOS4xIDQyLjIgMy44IDg3LjQtMTQuOCAxMjYuMy0xNi4yIDM0LjItNDIuMSA2My45LTc0LjMgODMuOS0xMy40LTIyLjEtMjcuMS00NC00MC40LTY2LjIgMTEuNi03IDIyLjEtMTUuOSAzMC44LTI2LjMgMjMuOS0yNy45IDM0LjEtNjYuNiAyNy4zLTEwMi41eiIgY2xhc3M9InN0MiIvPjxwYXRoIGlkPSJfeDIzX2U0OTIxOWZmIiBkPSJNNzY0LjIgMTYwLjNjMjIuOSA0LjUgNDYgOC41IDY5IDEyLjgtNS4xIDMwLjQgMi4xIDYyLjUgMTkuMiA4OC4yLTIwLjcgMTIuOS00MS40IDI1LjYtNjIgMzguNi0yNS45LTQxLjEtMzUuMi05MS45LTI2LjItMTM5LjZ6IiBjbGFzcz0ic3QzIi8+PHBhdGggaWQ9Il94MjNfZDEzODBlZmYiIGQ9Ik03OTAuMiAyOTkuOWMyMC42LTEzIDQxLjQtMjUuNyA2Mi0zOC42IDEyLjEgMTguMyAyOS4yIDMzLjQgNDkgNDMtMTUuMiAzMC4zLTMxIDYwLjQtNDYuMyA5MC42LTI5LjYtNi4yLTU4LjQtMTYuNC04NS0zMC44LTUuMS0yLjgtMTAuMi01LjgtMTUtOS4yIDIyLjktMy44IDQ1LjctOC42IDY3LjgtMTUuNS0xMi41LTExLjUtMjMuMy0yNS0zMi41LTM5LjV6IiBjbGFzcz0ic3Q0Ii8+PHBhdGggaWQ9Il94MjNfOTRiZTFjZmYiIGQ9Ik05NTcgMzE2LjljMjItLjMgNDQtNi40IDYyLjgtMTcuOSAxMy4yIDIyLjIgMjYuOSA0NC4yIDQwLjQgNjYuMi0xNCA4LjktMjkuMiAxNS44LTQ1IDIwLjctMTguOCA2LjMtMzguNCAxMC42LTU4LjEgMTMuMS0uMS0yNy4yIDAtNTQuNi0uMS04Mi4xeiIgY2xhc3M9InN0NSIvPjxwYXRoIGlkPSJfeDIzX2RlNjkyNmZmIiBkPSJNOTAxLjMgMzA0LjNjMTcuMiA4LjUgMzYuNSAxMi44IDU1LjcgMTIuNi4xIDI3LjQgMCA1NC44LjEgODIuMi0zMy45IDQuMi02OC42IDIuOC0xMDItNC4yIDE1LjItMzAuMiAzMS02MC4zIDQ2LjItOTAuNnoiIGNsYXNzPSJzdDYiLz48cGF0aCBpZD0iX3gyM180NTQ1NDVmZiIgZD0iTTAgMzM1LjJjMTIuOSAwIDI1LjggMCAzOC44IDAgMCA0Ni4yIDAgOTIuNSAwIDEzOC43IDIzLjMtMjQuNiA0Ni4zLTQ5LjYgNjkuNi03NC4yIDE1LjYgMCAzMS4zLS4xIDQ3IDAtMTUuOSAxNy0zMi42IDMzLjMtNDguNiA1MC4yLTYuMSA2LTEyIDEyLjQtMTguMSAxOC40IDIzLjEgMzMuMyA0Ni4yIDY2LjYgNjkuMyA5OS45LTE1LjIgMC0zMC41IDAtNDUuNyAwLTE2LjUtMjQuMy0zMy00OC42LTQ5LjYtNzIuOC03LjggOC4zLTE1LjggMTYuNS0yMy43IDI0LjggMCAxNiAwIDMyLjEgMCA0OC4xLTEyLjkgMC0yNS44IDAtMzguOCAwQzAgNDkwLjUgMCA0MTIuOCAwIDMzNS4yem02MjcuNyAwYzEzIDAgMjYgMCAzOSAwIDAgMjkuOSAwIDU5LjcgMCA4OS42IDkuMS0xMyAyMi4yLTI0IDM4LTI3LjIgMTYuNS0zLjIgMzQuNi0xLjUgNDguOSA3LjggMTAuMSA2LjQgMTcuNCAxNi43IDIxLjIgMjcuOSAzLjIgOS4zIDQuNSAxOS4yIDQuMyAyOSAwIDM1LjMgMCA3MC42IDAgMTA2LTEyLjkgMC0yNS45LjEtMzguOCAwIC4xLTMxLjYgMC02My4zIDAtOTQuOSAwLTEwLTEuOC0yMC41LTcuNy0yOC45LTQuNi02LjUtMTEuOS0xMC43LTE5LjctMTIuMS0xMS4yLTIuMi0yMy43LS4xLTMyLjYgNy4zLTcuMiA1LjktMTEuNSAxNC43LTEyLjkgMjMuOC0xIDUuMi0uNyAxMC41LS44IDE1LjggMCAyOS43IDAgNTkuNCAwIDg5LTEzIDAtMjYgMC0zOSAwIC4xLTc3LjguMi0xNTUuNS4xLTIzMy4xem0tNDM1LjIgMS43YzguNi0yLjQgMTguNi41IDI0LjEgNy43IDYuMyA3LjYgNi44IDE5LjIgMS4yIDI3LjMtNC4yIDYuNS0xMi4xIDEwLjUtMTkuOCAxMC4xLTguOSAwLTE3LjItNi0yMC42LTE0LjEtMi40LTUuOC0yLjMtMTIuNS4zLTE4LjIgMi43LTYuMiA4LjMtMTEuMSAxNC44LTEyLjh6bTMwMS45IDU5LjljMTUuOC0xLjggMzIuMi0uMSA0Ny4xIDUuOCAxNi4zIDYuNCAzMC43IDE3LjkgNDAuMyAzMi42IDExLjcgMTcuNSAxNi4zIDM5LjMgMTMuNyA2MC4xLTIuNCAyMC4yLTEyLjMgMzkuNC0yNy4zIDUzLjItMjQuMyAyMi42LTYxLjEgMjkuMy05Mi4zIDE4LjktMjAuMy02LjYtMzgtMjAuOS00OC40LTM5LjYtMTYuMS0yOC4zLTE0LjctNjUuNyAzLjctOTIuNiAxNC4xLTIxLjQgMzcuOS0zNS41IDYzLjItMzguNG0yLjEgMzQuMWMtMTIgMi0yMy4xIDguNi0zMC4zIDE4LjQtOS41IDEyLjctMTIuOCAyOS40LTEwLjEgNDQuOSAyLjQgMTQuMyAxMC42IDI3LjggMjMgMzUuOCAxMi40IDguMiAyOC41IDEwIDQyLjcgNS45IDEwLjUtMyAxOS45LTkuOCAyNi0xOC45IDE2LjItMjMuNSAxMS43LTU5LjgtMTEuNy03Ny0xMS4xLTguNS0yNS45LTExLjUtMzkuNi05LjF6bS0yNDkuOS0zMS41YzE0IDAgMjgtLjEgNDEuOSAwIDEzLjkgNDAuMSAyOCA4MC4yIDQyIDEyMC4zIDEyLjktNDAuMSAyNS42LTgwLjIgMzguNS0xMjAuNCAxMy41IDAgMjcgMCA0MC41IDAtMjAuNCA1Ny44LTQwLjggMTE1LjYtNjEuMiAxNzMuMy03LjIgMTguMS0xNyAzNi4xLTMyLjQgNDguNS0xMy4yIDEwLjctMzAuMyAxNS43LTQ3LjEgMTUuNy0xMS4zLjItMjIuNS0xLjctMzMuNS00LjEtLjEtMTAuNSAwLTIwLjkgMC0zMS40IDE2LjggMy4zIDM1LjEgNS43IDUxLjItMS42IDEyLjQtNS41IDIwLjUtMTcuNSAyNS0zMCAuOC0xLjQtLjEtMi44LS41LTQuMS0yMS4zLTU1LjItNDIuOS0xMTAuNy02NC40LTE2Ni4yem0tNjcuNC40YzEyLjktLjIgMjUuOSAwIDM4LjgtLjEgMCA1Ni4yIDAgMTEyLjMgMCAxNjguNS0xMi45IDAtMjUuOCAwLTM4LjggMCAwLTU2LjIuMS0xMTIuMyAwLTE2OC40eiIgY2xhc3M9InN0NyIvPjwvc3ZnPg==); background-size: 100% 100%; color: rgba(0,0,0,.0); } .module-wide { position: relative; z-index: 2; margin: 50px 0; padding: 60px 0 49px; } .module-wide:before, .tabs-a > nav:before, .module-gallery:before { background: var(--sand); } .module-wide + .tabs-a { margin-top: -50px; } .module-wide.a { } .module-wide.a:before, .module-wide.a + .tabs-a > nav:before { background: var(--wisp); } .module-wide.a .tooltip:after { color: var(--vanilla); } .owl-carousel { position: absolute; left: -3000em; top: 0; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-nav button, .owl-dots button { display: block; min-width: 0; width: 10px; height: 10px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border: 0; text-indent: -3000em; text-align: left; } .owl-nav button { position: absolute; top: 50%; width: 57px; height: 57px; margin-top: -28.5px; box-shadow: 2px 10px 20px /*rgba(0,0,0,.054)*/rgba(0,0,0,15%); border-radius: 100px; background: rgba(255,255,255,.9); color: var(--coal); font-size: 16px; } .owl-nav button.owl-prev { left: 0; } .owl-nav button.owl-next { right: 0; } .owl-nav button.owl-prev:before { content: "\e965"; } .owl-nav button.owl-next:before { content: "\e966"; } .owl-dots { clear: both; } .owl-dots button { width: 20px; height: 20px; } .popup-a { overflow-y: auto; overflow-x: hidden; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 998; } .popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; padding: 20px; } .popup-a .box-outer > .close, #root:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; z-index: 997; text-indent: -3000em; cursor: pointer; opacity: 0; } #root:after { position: fixed; background: rgba(34,34,34,.5); } .popup-a .box-inner { position: relative; z-index: 998; width: 1260px; margin: 0; } .popup-a .box-inset { visibility: hidden; padding: 42px 42px 12px; border-radius: 5px; background: var(--white); opacity: 0; } .popup-a .box-inset > .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; width: 94px; height: 86px; color: var(--dutch); font-size: 20px; text-indent: -3000em; text-align: left; } .popup-a .box-inset > .close:before { content: "\e901"; } .popup-a .module-product { padding-left: 572px; padding-top: 50px; padding-bottom: 50px;} .popup-a .module-product > *:first-child { width: 507px; margin-left: -572px; padding-top: 0; } .popup-a .module-product .list-product { margin-top: -50px; } .popup-a .module-product .list-inline { margin-bottom: 35px; } #root .popup-a .list-product.is-slider { max-width: none; padding-left: 126px; } #root .popup-a .list-product.is-slider .pager { width: 86px; margin-left: -126px; } .popup-a .list-product .link-more { left: 126px; } .popup-a::-webkit-scrollbar { width: 0; background: none; } .popup-a.shown { z-index: 999; } .popup-a.small { } .popup-a.small .box-inset { padding: 25px 25px 10px; font-size: 14px; } .popup-a.small .box-inset p { margin-bottom: 15px; } .popup-a.small .box-inset > .close { width: 40px; height: 40px; font-size: 14px; } .rating-a { position: relative; padding-left: 102px; } .rating-a .rating { display: block; overflow: hidden; position: absolute; left: 0; top: 1px; height: 17px; margin: 0 -1px 0 0; padding: 0; box-shadow: none; border-radius: 0; background: none; text-align: left; text-indent: -3000em; width: 100%; } .rating-a .rating > * { display: block; position: relative; z-index: 2; float: left; width: 18px; height: 100%; margin: 0 1px 0 0; } .rating-a .rating > *:before { content: ""; z-index: 1; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy40IDE2LjciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE3LjQgMTYuNyI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0MxQkVCRDt9PC9zdHlsZT48cGF0aCBkPSJNMTcuNCA2LjNjLS4xLS40LS40LS42LS44LS42bC01LS41LTItNC43QzkuNC4yIDkuMSAwIDguNyAwcy0uNy4yLS44LjZsLTIgNC43LTUgLjVjLS40LS4xLS43LjItLjkuNS0uMS40IDAgLjcuMyAxbDMuOCAzLjMtMS4xIDVjLS4xLjQuMS43LjQgMSAuMi4xLjQuMi41LjIuMiAwIC4zIDAgLjUtLjFMOC43IDE0bDQuMyAyLjZjLjMuMi43LjIgMSAwIC4zLS4yLjQtLjYuNC0xbC0xLjEtNC45IDMuOC0zLjNjLjMtLjQuNC0uNy4zLTEuMXoiIGNsYXNzPSJzdDAiLz48L3N2Zz4=) no-repeat; background-size: auto 100%; } .rating-a .rating > * .fill { right: auto; z-index: 2; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy40IDE2LjciPjxwYXRoIGZpbGw9IiNmZWQ5MDAiIGQ9Ik0xNy40IDYuM2MtLjEtLjQtLjQtLjYtLjgtLjZsLTUtLjUtMi00LjdDOS40LjIgOS4xIDAgOC43IDBzLS43LjItLjguNmwtMiA0LjctNSAuNWMtLjQtLjEtLjcuMi0uOS41LS4xLjQgMCAuNy4zIDFsMy44IDMuMy0xLjEgNWMtLjEuNC4xLjcuNCAxIC4yLjEuNC4yLjUuMi4yIDAgLjMgMCAuNS0uMUw4LjcgMTRsNC4zIDIuNmMuMy4yLjcuMiAxIDAgLjMtLjIuNC0uNi40LTFsLTEuMS00LjkgMy44LTMuM2MuMy0uNC40LS43LjMtMS4xeiIvPjwvc3ZnPg==) no-repeat #fff; background-size: auto 100%; } .tabs-a { position: relative; z-index: 3; margin-bottom: 24px; } .tabs-a > nav { position: relative; z-index: 2; margin: 0 0 39px; padding-top: 10px; color: var(--coal); } .tabs-a > nav ul { list-style: none; margin: 0; padding: 0; line-height: 1.2; text-align: center; } .tabs-a > nav ul li:first-child a:before { border-radius: 8px 0 0 0; } .tabs-a > nav ul li:last-child a:before { border-radius: 0 4px 0 0; } .tabs-a > nav ul li a { display: block; position: relative; z-index: 2; min-width: 238px; height: 56px; padding: 3px 20px 0; line-height: 53px; } .tabs-a > nav ul li a:before { top: 3px; background: var(--vista); } .tabs-a > nav ul li.active a { padding-top: 0; line-height: 56px; } .tabs-a > nav ul li.active a:before { top: 0; border-radius: 8px 4px 0; background: var(--white); } .tabs-a > div > .hidden, .tabs-b > div > .hidden { visibility: hidden; position: absolute; left: 0; right: 0; top: 0; opacity: 0; } .tabs-a > div > .hidden, .tabs-b > div > .hidden { -webkit-transform: translateX(-3000em); transform: translateX(-3000em); } /*.tabs-a .tabs-inner > .double:first-child { padding-top: 34px; }*/ .tabs-b, .module-wide + .tabs-b { margin-top: 72px; } .tabs-b > nav { } .tabs-b > nav h1, .tabs-b > nav h2, .tabs-b > nav h3, .tabs-b > nav h4, .tabs-b > nav h5, .tabs-b > nav h6 { font-size: 38px; } .tabs-b > nav ul { list-style: none; margin-left: auto; margin-right: -45px; padding: 0; } .tabs-b > nav ul li { margin-right: 45px; font-size: 18px; } .tabs-b > nav h1 + ul, .tabs-b > nav h2 + ul, .tabs-b > nav h3 + ul, .tabs-b > nav h4 + ul, .tabs-b > nav h5 + ul, .tabs-b > nav h6 + ul { padding-top: 15px; } .tooltip { display: none; position: relative; top: .25em; width: 18px; margin: 0 0 0 2px; } .tooltip.js { display: inline-block; } .tooltip:after, .tooltip:before { display: block; position: absolute; left: 0; bottom: 0; top: auto; margin: 0; font-size: 18px; line-height: 18px; } .tooltip:before { content: "\e962"; z-index: 1; color: var(--white); } .tooltip:after { content: "\e917"; z-index: 2; color: var(--razz); } #root .tooltip .open, #root .tooltip .popup { display: block; overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; height: 18px; padding: 0; box-shadow: none; border-radius: 0; background: none; text-indent: -3000em; text-align: left; } #root .tooltip a { border-width: 0; text-decoration: underline!important; } .tooltip .inner { display: block; visibility: hidden; position: absolute; left: -2px; bottom: 29px; width: 364px; margin: 0 0 0 -2px; padding: 21px 57px 21px 30px; box-shadow: -15px 25px 50px rgba(40,56,74,.05); border-radius: 6px; background: var(--white); color: var(--coal); font-weight: 400; font-size: 14px; line-height: 1.9285714286; text-align: left; opacity: 0; } #root .tooltip .inner .close { display: block; position: absolute; right: 0; top: 0; width: 57px; height: 47px; padding: 0; box-shadow: none; border-radius: 0; border-width: 0; background: none; color: var(--dusty); font-size: 17px; text-indent: -3000em; text-align: left; text-decoration: none; } #root .tooltip .inner .close:before { content: "\e901"; top: 50%; bottom: auto; color: var(--dusty); font-size: 1em; text-indent: 0; text-align: center; } .ui-slider { display: block; position: relative; height: 21px; margin: 0 10.5px; } .ui-slider:before, .ui-slider .ui-slider-range:before { left: -10.5px; right: -10.5px; top: 50%; bottom: auto; height: 7px; margin-top: -3.5px; background: var(--azalea); } .ui-slider .ui-slider-handle { position: absolute; top: 0; z-index: 2; width: 21px; height: 21px; margin: 0 0 0 -10.5px; box-shadow: 2px 4px 10px rgba(0,0,0,.1); border-radius: 20px; background: var(--razz); cursor: pointer; -ms-touch-action: none; touch-action: none; outline: none; } .ui-slider .ui-slider-range { display: block; position: absolute; top: 0; z-index: 1; height: 100%; } .ui-slider .ui-slider-range:before { left: -5px; right: -5px; background: var(--razz); } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-a { } .ui-slider-a > span { display: block; float: left; } #root .ui-slider-a label { float: left; padding: 0 20px; border-width: 0; color: var(--dusty); font-weight: 400; line-height: 37px; } #root .ui-slider-a input { width: 77px; height: 37px; padding: 0 15px; box-shadow: -1px 4px 4px rgba(0,0,0,.08); border-radius: 8px; border-color: var(--sand); background: var(--sand); color: var(--coal); } .ui-slider-a .slider { clear: both; max-width: 214px; padding-top: 13px; } .w1020 { max-width: 1020px; margin-left: auto; margin-right: auto; } .w1192 { max-width: 1192px; margin-left: auto; margin-right: auto; } .double.a.w1192 { margin-left: auto; } .double.w1192.a > * { width: calc(50% - 20px); border-left-width: 0; } .w1285 { max-width: 1285px; } /*! Headers --------- */ .header-a { margin: 48px 0 24px; padding-bottom: 12px; border: 0 solid var(--mercury); border-bottom-width: 1px; font-size: 26px; } .header-a + .link-btn { margin-bottom: 14px; } .header-a + .link-btn a { min-width: 210px; padding-left: 30px; padding-right: 30px; } .link-btn + .header-a { margin-top: 0; padding-top: 48px; border-top-width: 1px; } /*! Content --------- */ sub, sup { position: relative; font-size: .5em; vertical-align: baseline; } sub { bottom: -.6em; } sup { top: -.6em; } label a, #root .list-breadcrumbs .overlay-a, .form-product .select-like > span:first-child + span.prefix, .form-size p a, .list-filter-active a { font-weight: 400; } .strong, strong, b, #nav > ul > li > a span, #nav > ul > li.active > a, .list-usp span, #mobile ul li a span, span.required, .list-pagination li.active a, .list-nav li.active a, .list-contact a, .accordion-a .header.toggle, .tabs-a > nav ul li.active a, .tabs-b > nav ul li.active a, .list-filter-active li.strong span { font-weight: 800; } .em { font-style: italic; } q { quotes: none; display: block; margin: 0 0 31px; font-size: 38px; font-weight: 300; line-height: 1.3157894737; } .form-login label { text-align: left; } .text-center, #mobile > ul + ul > li > a i:after { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } #content .shopify-challenge__container { margin-top: 30px; } #content .shopify-challenge__container input[type="submit"] { float: none; } .s38 { font-size: 38px; } .overlay-a, #nav > ul > li > a span, #nav > ul > li.active > a, [data-whatintent="mouse"] #nav > ul > li > a:hover, [data-whatintent="mouse"] #formSearch button:hover, #mobile ul li a span, span.required, .link-btn a.b i, #root .link-btn .overlay-a, [data-whatintent="mouse"] .list-nav a:hover, .list-nav li.active a, .accordion-a .header.toggle, #root .list-breadcrumbs .overlay-a, .tabs-a > nav ul li.active a, .link-more.box.overlay-a .tooltip:before, [data-whatintent="mouse"] .tabs-b > nav ul a:hover, .tabs-b > nav ul li.active a { color: var(--razz); } .overlay-b, #nav > ul > li > a, .list-pagination li.active a, .list-contact a, #root select.done, .list-cart-main .list-tags a { color: var(--coal); } .overlay-c, /*.form-product .select-like > span:first-child + span.prefix,*/ .list-info .icon-check-circle { color: var(--atlantis); } .ovelray-d, .list-cart-main .list-tags i, .list-filter a span, .list-filter label span { color: var(--dusty); } .scheme-box { display: inline-block; position: relative; z-index: 2; padding: 0 10px; color: var(--white); font-size: 16px; font-weight: 800; line-height: 1.2; } .scheme-box:before { top: -6px; bottom: -6px; border-radius: 8px; background: var(--berry); } .scheme-map { position: relative; z-index: 2; width: auto; margin: 56px 0; padding: 0 0 0 114px; color: var(--dusty); font-size: 15px; line-height: 1.7333333333; } .scheme-map:before { content: ""; display: block; position: absolute; left: 80px; top: 0; width: 23px; height: 23px; border-radius: 23px; border: 5px solid var(--azalea); background: var(--razz); } .scheme-map:after { content: ""; display: block; position: absolute; left: 0; top: -85px; z-index: -1; width: 191px; height: 232px; background: url(//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/map-nl.svg?v=19983423226091833061650968416) no-repeat; } #root .scheme-map { font-size: 15px; } /*! Section Text with blocks --------- */ .text-blocks { display: flex; flex-wrap: wrap; margin: 50px 0 20px; } .text-blocks > * { width: 50%; } .text-blocks > q { margin-bottom: 50px; width: 100%; } .text-blocks .content { padding-right: 55px; } .text-blocks .content.w-100 { width: 100%; } .text-blocks .content q { font-size: 26px; } .text-blocks .content button { background-color: var(--razz); border: 2px solid var(--razz); color: #fff; float: none; padding-bottom: 17.5px; padding-top: 17.5px; transition: var(--transition) } .text-blocks .content button.light { background-color: #fff; border-color: var(--ebb); color: var(--razz); } .text-blocks .content button.light:hover { background-color: var(--razz); border-color: var(--razz); color: #fff; } .text-blocks .content .d-flex { display: flex; margin-bottom: 20px; } .text-blocks .content .j-between { justify-content: space-between; } .text-blocks .content .default > div:not(:last-of-type) { margin-right: 95px; } .text-blocks .content .d-flex:not(.default) p:last-of-type { margin-bottom: 0; } .text-blocks .content .d-flex a, .text-blocks .content .d-flex strong { color: var(--coal); display: block; position: relative; } .text-blocks .content .d-flex > div:nth-child(2) a, .text-blocks .content .d-flex > div:nth-child(2) strong { color: var(--razz); } .text-blocks .content .d-flex > div:last-of-type strong { padding-left: 17px; } .text-blocks .content .d-flex > div:last-of-type strong::before { position: absolute; color: var(--atlantis); content: "\e94a"; font-family: "i"; font-weight: 400; margin-right: 5px; left: 0; top: 0; } .text-blocks .content .d-flex a:not(:last-of-type) { margin-right: 15px; } .text-blocks .content.w-100 .d-flex p { margin-bottom: 0; } .text-blocks .content.w-100 .btns { margin-top: 35px; } .text-blocks.contact .content.w-100 .btns { margin-top: 25px; } /* .text-blocks .content .btns { margin-top: 50px; } */ .text-blocks .content .btns a:hover { text-decoration: none; } .text-blocks .list-featured li { width: 50%; } /* .text-blocks .list-featured li:hover:before { background: -moz-linear-gradient(top, rgba(224, 14, 122, 0) 0%, rgba(224, 14, 122, 0.6) 100%); background: -webkit-linear-gradient(top, rgba(224, 14, 122, 0)) 0%,rgba(224, 14, 122, 0.6) 100%); background: linear-gradient(to bottom, rgba(224, 14, 122, 0) 0%,rgba(224, 14, 122, 0.6) 100%); content: ''; opacity: 1; } */ .text-blocks .list-featured li:hover:before { background: -moz-linear-gradient(top, rgba(224, 14, 122, 0.7) 0%, rgba(224, 14, 122, 0.7) 100%); background: -webkit-linear-gradient(top, rgba(224, 14, 122, 0.7)) 0%,rgba(224, 14, 122, 0.7) 100%); background: linear-gradient(to bottom, rgba(224, 14, 122, 0.7) 0%,rgba(224, 14, 122, 0.7) 100%); content: ''; opacity: 1; } .text-blocks .list-featured li:nth-child(3):before { background: var(--razz); content: ''; opacity: 0; } .text-blocks .list-featured li:nth-child(3):hover:before { opacity: 0.7; } .text-blocks .list-featured li:before { transition: all 0.15s ease-in; } /* .text-blocks .list-featured li:nth-child(3):before { background: var(--razz); content: ''; opacity: 0; } */ /* .text-blocks .list-featured li:hover:before { background: var(--razz); } */ .text-blocks .list-featured li:nth-child(3) a { border: 2px solid var(--ebb); border-radius: 6px; } .text-blocks .list-featured li:nth-child(3) a img { margin-left: calc(100% - 150px); max-width: 190px !important; object-fit: contain; object-position: bottom right; } .text-blocks .list-featured li:nth-child(3) a > span { color: var(--razz); padding-left: 23px; padding-right: 30px; top: 30px; } .text-blocks .list-featured li:nth-child(3):hover a > span { color: #fff; } .text-blocks .list-featured li a { height: 239px; } .text-blocks .list-featured li a > span, .list-featured.blogs li a > span { align-items: flex-start; padding-left: 25px; text-align: left; } .text-blocks .list-featured li a .link { margin-top: 15px; } .text-blocks .list-featured li a .link:before, .list-featured.blogs li a .link:before { margin-right: -30px; } .cols-a .text-blocks { margin-top: 0; } /*! Section Text with toggle --------- */ .text-toggle { margin: 40px 0 40px; } .text-toggle .link-more { cursor: pointer; display: inline-block; font-weight: 600; margin-top: 5px; } .text-toggle .text { margin-top: 5px; } /*! Links --------- */ .link-btn { position: relative; z-index: 2; margin-right: -10px; margin-bottom: 20px; } .link-btn > span { display: block; margin: 0 10px 10px 0; } .link-btn a, button, input[type="button"], input[type="reset"], input[type="submit"], .form-product .submit .btn, .form-product .submit > a, .form-size .btn, .form-cart > footer a.btn { display: block; overflow: visible; position: relative; float: left; margin: 0 10px 10px 0; padding: 19.5px 36px; border-radius: 8px; border: 0; background: var(--razz); color: var(--white); font-size: 16px; font-weight: 800; line-height: 1.1; text-align: center; } .link-btn a.a { background: var(--atlantis); } .link-btn a.b { overflow: visible; background: none; color: var(--coal); } .link-btn a.b:before { border-radius: 8px; border: 2px solid var(--ebb); } .link-btn a.c { overflow: visible; background: none; color: var(--razz); transition: var(--transition); } .link-btn a.c:before { border-radius: 8px; border: 2px solid var(--ebb); } .link-btn a.c:hover { background-color: var(--razz); border-color: var(--razz); color: #fff; } .link-btn i { display: inline-block; position: relative; top: .2em; margin-right: 2px; font-size: 1.125em; line-height: 1px; } .link-btn + .link-btn { padding-top: 60px; } .link-btn + .link-btn:before { right: 10px; border-top: 1px solid var(--mercury); } .link-btn.long { } .link-btn.long a { min-width: 350px; } .link-btn.text-center { } .link-btn.text-center > span { width: 100%; } .link-btn.text-center > span + a { min-width: 350px; margin-top: 19px; } .link-btn.wide { display: block; margin-right: 0; } .link-btn.wide a { width: 100%; margin-right: 0; } .link-more { color: var(--razz); font-weight: 300; text-align: left; } .link-more > span { display: block; position: relative; z-index: 2; margin: 0 0 8px; font-size: 19px; line-height: 1.3333333333; } .link-more > span .tooltip { top: .15em; } .link-more a { display: block; position: relative; z-index: 2; padding-right: 24px; } .link-more a:before { content: "\e95c"; left: auto; right: 0; font-size: 1.0625em; } .link-more.box { position: relative; z-index: 2; min-height: 0; padding: 15px 20px; border-radius: 6px; border: 2px solid var(--ebb); } .link-more.box img { display: block; position: absolute; right: 15px; bottom: 0; z-index: 1; border-radius: 0; } .link-more.box.overlay-a { min-height: 0; border-color: var(--razz); background: var(--razz); color: var(--white); } .link-more.box.overlay-a a, .link-more.box.overlay-a .tooltip:after { color: var(--white); } .link-more.box img { bottom: -2px; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } picture { width: 100%; } figure { overflow: hidden; position: relative; } .image-shadow { border-radius: 6px; display: flex; /*height: 440px;*/ } .image-shadow:before { top: auto; height: 82.0861678005%; } .module-blog { margin: 0 auto; max-width: 950px; } /*! Lists --------- */ .list-box { list-style: none; margin: 0 0 12px -18px; padding: 0; color: var(--white); line-height: 1.2857142857; text-align: center; } .list-box li { position: relative; width: 14.2857142857%; margin: 0 0 18px; border-left: 18px solid rgba(0,0,0,0); } .list-box a { display: block; overflow: hidden; position: relative; border-radius: 6px; } .list-box a:before, #mobile ul.box a:before, .list-catalog a:before, .list-news figure:before, .image-shadow:before, .list-featured li:before { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); } [data-whatintent="mouse"] .list-box a:hover:before { background: var(--cocoa); opacity: .56; } .list-box span { display: block; position: absolute; left: 0; right: 0; bottom: 17px; z-index: 9; padding: 0 10px; } .list-box li.link-btn a { width: 100%; margin: 0; padding: 17px 10px; font-weight: 400; } .list-box.small { margin-bottom: 14px; margin-left: -10px; font-weight: 400; } .list-box.small li { width: 14.2857142857%; margin-bottom: 10px; border-left-width: 10px; } .list-box.small span { bottom: 0; padding-bottom: 22px; } .list-box.small .owl-nav button { margin-top: -34px; } .list-box.small .owl-nav button.owl-prev { left: -29px; } .list-box.small .owl-nav button.owl-next { right: -29px; } .list-box.is-slider { display: block; margin-left: 0; } .list-box.is-slider .item li { float: none; width: auto; border-left-width: 0; } .list-breadcrumbs { list-style: none; margin-right: -21px; padding: 0; } .template-collection .list-breadcrumbs { margin-bottom: 20px; } .list-breadcrumbs li { position: relative; margin-right: 21px; font-size: 14px; white-space: nowrap; } .list-breadcrumbs li:before { content: "\e92d"; left: 100%; right: auto; top: 9px; width: 21px; margin: 0; color: var(--dusty); font-size: 8px; line-height: 8px; } .list-breadcrumbs a { color: var(--dusty); display: block; font-weight: 400; } .list-breadcrumbs a:first-letter { text-transform: uppercase; } .list-breadcrumbs + h1, .list-breadcrumbs + h2, .list-breadcrumbs + h3, .list-breadcrumbs + h4, .list-breadcrumbs + h5, .list-breadcrumbs + h6 { margin-top: 10px; } .list-cart { list-style: none; padding: 0; line-height: 1.5625; } .list-cart li { position: relative; min-height: 113px; margin: 0 0 22px; padding: 27px 0 0 91px; border-top: 1px solid var(--mercury); } .list-cart li:first-child { border-top-width: 0; } .list-cart a { display: block; } .list-cart .strong { display: block; padding-top: 5px; } .list-cart a.remove { overflow: hidden; position: absolute; right: -5px; bottom: 9px; z-index: 9; width: 25px; height: 25px; color: var(--mishka); font-size: 17px; text-indent: -3000em; text-align: left; } .list-cart a.remove:before { content: "\e902"; right: 5px; text-align: right; } .list-cart .img { display: block; overflow: hidden; position: absolute; left: 0; top: 22px; bottom: 0; width: 70px; border-radius: 6px; } .list-cart span.text-right { position: absolute; right: 42px; bottom: 6px; } .list-cart-main { list-style: none; margin: 10px 0 17px; padding: 0; } .list-cart-main li { position: relative; z-index: 2; min-height: 191px; margin: 0 0 30px; padding: 15px 310px 30px 152px; border-bottom: 1px solid var(--mercury); } .list-cart-main figure { overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; width: 120px; margin: 0; border-radius: 6px; } .list-cart-main figure img { border-radius: 6px; } .list-cart-main h1, .list-cart-main h2, .list-cart-main h3, .list-cart-main h4, .list-cart-main h5, .list-cart-main h6 { margin: 0 0 7px; font-size: 26px; font-weight: 300; } .list-cart-main .price { position: absolute; right: 0; top: 37px; margin-bottom: 15px; font-size: 22px; font-weight: 800; } .list-cart-main .price sup { top: -.5em; font-size: .55555em; } .list-cart-main .qty { position: absolute; right: 210px; top: 26px; margin-bottom: 15px; } .list-cart-main .qty select, .list-cart-main .qty input { box-shadow: 0 4px 10px rgba(0,0,0,.06); } .list-cart-main .list-inline { margin-left: -30px; margin-bottom: 7px; } .list-cart-main .list-inline li { min-height: 0; padding: 0; margin-left: 30px; border-width: 0; } .list-cart-main .list-inline li.overlay-c { padding-left: 27px; } .list-cart-main .list-inline li.overlay-c:before { content: "\e931"; right: auto; font-size: 18px; } .list-cart-main .list-tags { margin-top: 15px; margin-bottom: 7px; color: var(--dusty); } .list-cart-main .list-tags li { min-height: 0; padding: 0; border-width: 0; } .list-cart-main .remove { display: block; overflow: hidden; position: absolute; right: -10px; bottom: 43px; z-index: 99; width: 40px; height: 40px; color: var(--alto); font-size: 22px; text-align: left; text-indent: -3000em; } .list-cart-main .remove:before { content: "\e902"; } .zichtservice { margin-top: -50px; padding-top: 80px; } .zichtservice .top { align-items: center; display: flex; justify-content: space-between; } .zichtservice .top h2 { margin-bottom: 0; } .zichtservice .top h2 .tooltip .inner { z-index: 2; } .zichtservice .top h2 .tooltip::after { color: var(--alto); bottom: 4px; left: -6px; } .zichtservice .top p.zs-message { color: var(--green); line-height: normal; margin-bottom: 20px; } .zichtservice .top p.zs-message i { font-size: 9px; margin-right: 5px; position: relative; top: -1px; } .zichtservice .top .price { font-size: 22px; font-weight: 800; } .zichtservice .list-cart { border-bottom: 1px solid var(--mercury); } .zichtservice .list-cart li { align-items: center; border: none; display: flex; margin-bottom: 20px; min-height: 0; padding: 0; } .zichtservice .list-cart li figure { border-radius: 6px; margin-bottom: 0; margin-right: 18px; } .zichtservice .list-cart li.product .remove { color: var(--alto); font-size: 22px; height: 40px; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); width: 40px; } .zichtservice .list-cart li.add { margin-bottom: 13px; } .zichtservice .list-cart li.add a { align-items: center; border: 1px dashed #D3D3D3; display: flex; min-height: 80px; padding: 20px 30px; width: 100%; } .zichtservice .list-cart li.add span { border-bottom: 1px solid #473D3D; line-height: 11px; } .zichtservice .list-cart li.add i { border-radius: 50%; border: 1px solid #d3d3d3; display: inline-block; font-size: 10px; height: 22px; margin-right: 35px; position: relative; vertical-align: middle; width: 22px; } .zichtservice .list-cart li.add i::before { color: #D3D3D3; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 9px; } .zichtservice .list-cart li.message { display: block; font-size: 14px; margin-bottom: 25px; margin-top: 25px; max-width: 90%; /*padding-left: 40px;*/ } .zichtservice .list-cart li.message a { color: var(--razz); font-weight: 600; display: inline; } .zichtservice .list-cart li.message a { position: relative; } .zichtservice .list-cart li.message a::after { content: "\e903"; font-family: 'i2'; margin-top: -3px; transform: rotate(180deg); font-size: 17px; margin-left: 5px; position: absolute; } .list-catalog { list-style: none; margin: 47px 0 0 -21px; padding: 0; color: var(--white); font-weight: 300; line-height: 1.1; text-align: center; } .list-catalog li { position: relative; z-index: 2; width: 33.333333333333%; margin: 0 0 45px; border-left: 21px solid rgba(0,0,0,0); font-size: 26px; } .list-catalog a { display: block; overflow: hidden; position: relative; z-index: 9; border-radius: 6px; } .list-catalog li:before, .list-catalog a:before { top: auto; height: 75.75757576%; } .list-catalog li > span, .list-catalog a > span { display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; padding: 0 20px 29px; } .list-catalog span span { display: block; padding: 19px 0 0; font-weight: 800; font-size: 0.6153846154em; } /*header + .list-catalog { margin-top: 64px; }*/ header + .list-catalog margin-top: 15px; .content-wrapper img { border-radius: 6px; } .content-wrapper ul { color: var(--razz); padding-left: 20px; } .template-collection .content-wrapper ul { color: var(--coal); } .list-check { list-style: none; margin-top: 30px; padding: 0; line-height: 1.875; text-align: left; } .list-check li, .list-collection .list-check li { width: 33.33333%; position: relative; margin-bottom: 4px; padding-left: 29px; border: 0 solid rgba(0,0,0,0); } .list-check li, .list-collection .list-check li.full { width: 100%; margin: 0; } #root .list-collection .list-check li.full:before { content: '' } .list-check li:before, #root .list-collection .list-check li:before { content: "\e931"; display: block; overflow: visible; visibility: visible; top: 0.25em; right: auto; width: auto; margin-top: 0; box-shadow: none; border-radius: 0; background: none; color: var(--atlantis); font-size: 1.25em; line-height: 1; opacity: 1; } .list-check i { display: inline-block; position: relative; top: .025em; margin-left: 1px; font-size: 1.75em; line-height: 1px; } .list-check.box { position: relative; z-index: 2; margin-bottom: 18px; padding: 23px 55px 12px; } .list-check.box:before { border-radius: 6px; background: var(--wisp); } .list-check.cols { margin-left: -20px; } /* .list-check.cols li { width: 32%; border-left-width: 20px; } */ .list-check.cols li { width: 50%; border-left-width: 20px; } /* .list-check.cols li:nth-child(3n-2) { width: 40%; } .list-check.cols li:nth-child(3n-1) { width: 28%; } */ .list-collection { position: relative; list-style: none; margin: 0 0 6px -22px; padding: 24px 0 0; line-height: 1.625; } .list-collection li { position: relative; z-index: 2; float: left; width: 25%; /*margin: 0 0 18px;*/ margin: 0 0 33px; padding: 0 24px 19px; border-left: 22px solid rgba(0,0,0,0); } .list-collection li:before { visibility: hidden; top: -24px; box-shadow: 0 25px 35px rgba(111,106,106,.06); border-radius: 6px; background: var(--white); opacity: 0; } .list-collection li.list-collection-banner:before { top: 0; } .list-collection li.tooltip-active { z-index: 3; } .list-collection ul, .list-product ul { position: absolute; right: 3px; top: -11px; z-index: 9; list-style: none; margin: 0; padding: 0; } .list-collection ul li, .list-product ul li { float: none; width: auto; margin: 0 0 7px; padding: 0; border-width: 0; } .list-collection ul li a, .list-product ul li a { display: block; overflow: hidden; position: relative; width: 49px; height: 49px; box-shadow: 2px 10px 20px rgba(0,0,0,.06); border-radius: 30px; background: var(--white); color: var(--coal); line-height: 49px; text-indent: -3000em; text-align: left; } .list-collection ul li a i, .list-product ul li a i { font-size: 19px; } .list-collection ul li a i.icon-eye, .list-product ul li a i.icon-eye { font-size: 12px; } .list-collection ul li .tooltip { position: absolute; right: -3px; top: 2px; z-index: 9; width: 18px; height: 18px; } .list-collection ul li.zs form p { margin: 0; padding: 0; } .list-collection ul li.zs form p .btn { background: transparent !important; margin: 0; padding: 0 !important; } .list-collection ul li.zs form .is-added, .list-collection ul li.zs form .is-added + * { display: none; } .list-collection figure { overflow: visible; position: relative; z-index: 9; height: 350px; margin: 0 0 10px; border-radius: 0; font-size: 1em; } .list-collection figure > a:first-child { height: 350px; } .list-collection figure > a:not(:first-child) { display: block; overflow: hidden; visibility: hidden; position: absolute; left: 14px; right: 14px; bottom: 14px; padding: 16.5px; box-shadow: -1px 4px 4px rgba(0,0,0,.08); border-radius: 8px; background: var(--atlantis); color: var(--white); line-height: 1.1; text-align: center; opacity: 0; } .list-collection figure > a:not(:first-child).overlay-a { left: 0; right: 0; bottom: 0; background: var(--razz); color: var(--white); } .list-collection figure .label { display: block; position: absolute; left: 0; top: 7px; z-index: 9; height: 31px; padding: 0 10px; border-radius: 8px; background: var(--berry); color: var(--white); font-weight: 800; font-size: 16px; line-height: 31px; } .list-collection h1, .list-collection h2, .list-collection .h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { font-size: 1em; font-weight: 400; line-height: 1.625; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .list-collection h1 strong, .list-collection h2 strong, .list-collection .h2 strong, .list-collection h3 strong, .list-collection h4 strong, .list-collection h5 strong, .list-collection h6 strong { display: block; } .list-collection h1 + p, .list-collection h2 + p, .list-collection .h2 + p, .list-collection h3 + p, .list-collection h4 + p, .list-collection h5 + p, .list-collection h6 + p { margin-top: -29px; } .list-collection p { margin: 0 0 5px; } .list-collection .price { display: block; margin: 0; padding: 0 0 7px; color: var(--razz); font-weight: 800; line-height: 1.125; text-align: center;} .list-collection .price span { font-weight: 400; } .list-collection .price span.old { color: var(--coal); text-decoration: line-through; padding-left: 7px; } .list-collection .price span:first-child:not(.money) { padding-right: 3px; } .list-collection .price span.old .money { color: var(--coal); text-decoration: line-through; font-weight: 400; } .list-collection .price sup, .list-collection .price sub { font-size: .5em; } .list-collection .price sup { top: -.6em; } .list-collection .price sub { bottom: -.6em; } .list-collection .link-btn { clear: both; margin-top: 0; margin-right: -10px; } .list-collection .link-btn a { padding: 16.5px 22px; border-color: var(--atlantis); background: var(--atlantis); } .list-collection .list-check { position: relative; right: 0; top: 0; } .list-collection .list-featured { position: relative; right: 0; top: 0; margin: 0 0 32px -18px; } .list-collection .list-featured li { width: 50%; margin: 0 0 18px; border-left-width: 18px; } .list-collection .list-featured li:before { top: 0; max-height: none; box-shadow: none; background: rgba(0,0,0,.2); } .list-collection .list-featured li, .list-collection .list-featured li.link-more, .list-collection .list-featured img { min-height: 205px; } .list-collection .list-featured li.link-more { padding-right: 200px; } .list-collection .list-featured li a { overflow: visible; width: auto; height: auto; box-shadow: none; border-radius: 0; background: none; color: var(--white); line-height: 1.2; text-align: center; text-indent: 0; } .list-collection .list-featured .scheme-box { padding-left: 10px; padding-right: 10px; } .list-collection .list-featured span { padding-bottom: 35px; } .list-collection .list-featured span span.link { margin-top: 26px; padding-bottom: 0; } #root .list-collection li.wide { width: 100%; margin: 0; padding: 0; } .list-collection + h1, .list-collection + h2, .list-collection + h3, .list-collection + h4, .list-collection + h5, .list-collection + h6 { margin-top: 36px; } .list-collection.is-slider, .list-collection.box.is-slider { display: block; margin-left: 0; margin-bottom: 27px; } #root .list-collection.is-slider .owl-stage { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #root .list-collection.is-slider .item > li { width: 100%; border-left-width: 0; height: 100%; } #root .list-collection.is-slider .item { height: 100%; } .list-collection .owl-carousel .owl-stage-outer { overflow: visible; } .list-collection .owl-carousel .owl-item { position: static; } .list-collection .owl-nav button { top: 146.5px; margin-top: 0; background: var(--white); color: var(--silver); } .list-collection .owl-nav button.owl-prev { left: -3.5px; } .list-collection .owl-nav button.owl-next { right: -3.5px; } .list-collection.box { margin-left: -17px; } .list-collection.box li { padding-bottom: 1px; } .list-collection.box > li { border-left-width: 17px; } .list-collection.box figure { height: 280px; margin-bottom: 27px; padding-top: 15px; } .list-collection.box figure .label { top: 0; } .list-collection.box h1, .list-collection.box h2, .list-collection.box h3, .list-collection.box h4, .list-collection.box h5, .list-collection.box h6 { float: left; width: calc(100% = 60px); margin-bottom: 9px; line-height: 1.375; } .list-collection.box .price { position: relative; right: 0; bottom: 0; float: right; width: 60px; padding: 0; line-height: 1.375; text-align: right; } .list-collection.box .price span.old { display: block; position: relative; bottom: auto; top: 0; color: var(--dusty); } .list-collection.box .owl-nav button { top: 176px; color: var(--coal); } .list-collection.box .owl-nav button.owl-prev { left: -26px; } .list-collection.box .owl-nav button.owl-next { right: -26px; } .list-collection.small { } .list-collection.small li { width: 16.6666666667%; padding: 0 16px 16px; } .list-collection.small li:before { top: -16px; } .list-collection.small figure { height: 222px; margin-bottom: 8px; } .list-collection.small figure > a { left: 0; right: 0; bottom: 0; border-radius: a0; } .list-collection.small h1, .list-collection.small h2, .list-collection.small h3, .list-collection.small h4, .list-collection.small h5, .list-collection.small h6 { margin-bottom: 5px; margin-right: -10px; } .list-collection.small .price { position: relative; right: 0; bottom: 0; padding: 0; font-size: 1em; } .list-collection.small .price span.old { display: inline; position: relative; bottom: 0; margin-right: 4px; } [class*="cols"] .list-collection { } [class*="cols"] .list-collection > li, .list-collection > li { width: 33.33333333333333%; } [class*="cols"] .list-collection figure, [class*="cols"] .list-collection figure > a:first-child, .list-collection figure, .list-collection figure > a:first-child { height: 325px; } .list-color { list-style: none; margin: 25px -14px 32px 0; padding: 0; color: var(--white); text-align: center; } .list-color li { position: relative; z-index: 2; width: 45px; height: 45px; margin: 0 14px 39px 0; border-radius: 45px; background-position: center center !important; background-size: cover !important; } .list-color li.active:before { content: "\e963"; font-size: 11px; } .list-color li[style*="fff"], .list-color li[style*="FFF"] { box-shadow: 2px 10px 20px rgba(0,0,0,.06); color: var(--alto); } .list-color a, .list-color label { overflow: visible; margin: 0; padding: 0; color: var(--dusty); font-weight: 400; cursor: pointer; } .list-color span { display: none; position: absolute; left: -7px; right: -7px; top: 100%; padding: 4px 0 0; text-indent: 0; text-align: center; } .list-color li.active span, .list-color input:checked ~ label span { display: block; } .list-comments { list-style: none; margin: 0 0 26px -20px; padding: 0; } .list-comments li { position: relative; z-index: 2; width: 50%; margin: 0 0 20px; padding: 25px 26px 7px; border-left: 20px solid rgba(0,0,0,0); } .list-comments li:before { box-shadow: 0 4px 10px rgba(0,0,0,.06); border-radius: 6px; background: var(--white); } .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6 { position: relative; min-height: 93px; margin: 0 0 18px; padding: 0 0 0 122px; font-weight: 800; font-size: 1em; } .list-comments h1 img, .list-comments h2 img, .list-comments h3 img, .list-comments h4 img, .list-comments h5 img, .list-comments h6 img { display: block; position: absolute; left: 0; top: 50%; box-shadow: 4px 6px 10px rgba(0,0,0,.08); border-radius: 100px; } .list-comments h1 span, .list-comments h2 span, .list-comments h3 span, .list-comments h4 span, .list-comments h5 span, .list-comments h6 span { display: block; padding-top: 5px; color: var(--dusty); font-weight: 400; } .list-comments p { margin-bottom: 18px; } .list-comments .owl-carousel .owl-stage-outer { overflow: visible; } .list-comments .owl-nav button { margin-top: -38.5px; box-shadow: 2px 10px 20px rgba(0,0,0,.06); background: var(--white); color: var(--silver); } .list-comments .owl-nav button.owl-prev { left: -28.5px; } .list-comments .owl-nav button.owl-next { right: -720px; } .list-comments.is-slider { display: block; max-width: 677px; margin-left: 0; } .list-comments.is-slider li { width: auto; border-left-width: 0; } .list-contact { list-style: none; max-width: 590px; margin: 0 0 25px -20px; padding: 0; line-height: 1.4375; } .list-contact li { margin: 0 0 15px; border-left: 20px solid rgba(0,0,0,0); } .list-contact i { display: inline-block; position: relative; top: .2em; font-size: 1.375em; line-height: 1px; } .list-contact i.icon-whatsapp:before { color: rgba(0,0,0,0); background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjIgMjIiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNFQ0VGRjE7fSAuc3Qxe2ZpbGw6I0EzQ0QzOTt9IC5zdDJ7ZmlsbDojRkFGQUZBO308L3N0eWxlPjxwYXRoIGQ9Ik0xOC44IDMuMkMxNi43IDEuMSAxNCAwIDExIDAgMi42IDAtMi42IDkuMSAxLjYgMTYuNEwwIDIybDUuOC0xLjVjMi41IDEuNCA0LjYgMS4yIDUuMiAxLjMgOS44IDAgMTQuNi0xMS44IDcuOC0xOC42eiIgY2xhc3M9InN0MCIvPjxwYXRoIGQ9Ik0xMS4xIDE5LjljLTIuOSAwLTQuOC0xLjQtNS0xLjVsLTMuNC45LjktMy4zLS4yLS4zYy0xLTEuNS0xLjQtMy4xLTEuNC00LjggMC04LjEgOS44LTEyLjEgMTUuNS02LjQgNS43IDUuNiAxLjcgMTUuNC02LjQgMTUuNHoiIGNsYXNzPSJzdDEiLz48cGF0aCBkPSJNMTYgMTMuMWMtLjMtLjEtMS42LS43LTEuOS0uOC0uNi0uMi0uNCAwLTEuNSAxLjItLjIuMi0uMy4yLS42LjFzLTEuMi0uNC0yLjItMS40Yy0uOC0uNy0xLjQtMS42LTEuNS0xLjktLjItLjUuNC0uNS45LTEuNS4xLS4yIDAtLjMgMC0uNS0uMS0uMS0uNi0xLjUtLjgtMi0uMy0uNS0uNS0uNS0uNy0uNS0uNSAwLS45IDAtMS4zLjMtMS40IDEuNy0xLjEgMy40LjIgNS4xIDIuNSAzLjMgMy44IDMuOSA2LjIgNC43LjcuMiAxLjMuMiAxLjcuMS41LS4xIDEuNi0uNyAxLjgtMS4zLjItLjYuMi0xLjIuMi0xLjMgMC0uMS0uMi0uMi0uNS0uM3oiIGNsYXNzPSJzdDIiLz48L3N2Zz4=); background-size: 100% 100%; } #shopify-section-stores .box ul.list-contact { justify-content: flex-start; } #shopify-section-stores .box ul.list-contact li:not(:first-of-type) { margin-left: 10px; } #shopify-section-stores .box ul.list-contact li strong { display: block; } .list-featured { position: relative; z-index: 2; list-style: none; margin: 0 0 9px -20px; padding: 0; color: var(--white); font-weight: 300; line-height: 1.2; text-align: center; } .list-featured li { position: relative; width: 33.33333333333%; margin: 0 0 20px; border-left: 20px solid rgba(0,0,0,0); font-size: 26px; } .list-featured span { display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 8; padding: 0 5px 29px; } .list-featured span span { display: inline; position: relative; width: 100%; padding: 0; } .list-featured span .link { display: block; width: auto; margin: 9px 0 0; font-weight: 800; font-size: 0.6153846154em; } .list-featured span .scheme-box { display: block; width: auto; margin-bottom: 18px; padding: 0 20px; } .list-featured a { display: block; position: relative; } .list-featured li:before, .list-featured img, .list-featured svg { z-index: 4; border-radius: 6px; } .list-featured li:before { top: auto; height: 100%; max-height: 325px; } .list-featured .owl-nav button { margin-top: -39px; } .list-featured .owl-nav button.owl-prev { left: -14px; } .list-featured .owl-nav button.owl-next { right: -14px; } .list-featured .owl-carousel .owl-stage-outer, .list-box .owl-carousel .owl-stage-outer { overflow: visible; } .list-featured li.link-more { min-height: 0; padding: 33px 105px 33px 35px; font-size: 26px; line-height: 1.3076923077; } .list-featured li.link-more span { position: relative; z-index: 2; margin: 0 0 13px; padding: 0; font-size: 1em; } .list-featured li.link-more a { overflow: visible; position: relative; z-index: 99; width: auto; height: auto; box-shadow: none; border-radius: 0; background: none; color: inherit; font-size: 16px; font-weight: 800; line-height: 1.3076923077; text-indent: 0; } .list-featured li.link-more img { display: block; position: absolute; right: 30px; bottom: 0; z-index: 1; border-radius: 0; } .list-featured li.link-more:before { border-radius: 6px; border: 2px solid var(--ebb); background: none; } .list-featured .tooltip { display: none; position: absolute; left: auto; right: auto; top: auto; bottom: auto; width: 34px; height: 34px; } .list-featured .tooltip:before { content: "\e962"; top: 0; width: 34px; height: 34px; border-radius: 99px; background: rgba(255,255,255,.55); font-size: 18px; line-height: 34px; } #root .list-featured .tooltip .open, #root .list-featured .tooltip .popup { top: 0; height: auto; } .list-featured .tooltip .inner { left: 50%; bottom: 56px; width: 217px; margin: 0 0 0 -108.5px; padding: 15px 15px 12px; box-shadow: 0 2px 20px rgba(0,0,0,.2); font-size: 16px; line-height: 1.3125; text-align: center; } .list-featured .tooltip .inner span.overlay-a { display: block; margin-top: 7px; } .list-featured .tooltip .inner:before { content: "\e943"; top: 100%; height: 10px; margin: 0; color: var(--white); font-size: 7px; line-height: 4px; text-shadow: 0 2px 20px rgba(0,0,0,.2); } .list-featured img { -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } .list-featured + * { margin-top: 19px; } .list-featured .video a:after, .list-featured a.video:after { content: "\e959"; display: block; position: absolute; left: 50%; top: 42.5%; z-index: 6; width: 60px; height: 60px; margin: -30px 0 0 -30px; padding-left: 4px; border-radius: 60px; background: rgba(255,255,255,.6); color: var(--white); font-weight: 400; font-family: i; font-size: 19px; line-height: 60px; text-align: center; } #content > .list-featured:first-child { margin-top: 5px; } .list-featured.welcome { margin-right: -1px; } .list-featured.welcome li { width: 33.32%; } .list-featured.welcome span .link, .list-featured.double span .link, .list-collection .list-featured span .link { margin-top: 17px; padding-right: 25px; } .list-featured.welcome span .link:before, .list-featured.double span .link:before, .list-collection .list-featured span .link:before, .text-blocks .list-featured li a .link:before, .list-featured.blogs li a .link:before { content: "\e95c"; display: block; position: absolute; left: auto; right: 0; margin-top: -11px; font-size: 1.0625em; line-height: 20px; } .list-featured.is-slider { display: block; margin-left: 0; } #root .list-featured.is-slider li { width: auto; border-left-width: 0; } .list-filter { list-style: none; padding: 0; } .list-filter li { position: relative; margin: 0; } .list-filter li.hidden { position: absolute; } #root .list-filter a.filters-toggle-more, #root .list-filter a.filters-toggle-less { text-decoration: underline; font-weight: 600; } #root .list-filter a.filters-toggle-more:hover, #root .list-filter a.filters-toggle-less:hover { text-decoration: none; } .list-filter a.filters-toggle-more:before, .list-filter a.filters-toggle-less:before { content: none; } .list-filter a.filters-toggle-more.hidden, .list-filter a.filters-toggle-less.hidden { position: absolute; } .list-filter a, .list-filter label { display: block; overflow: visible; position: relative; z-index: 2; margin: 0; padding: 20px 15px 20px 0; border-bottom: 1px solid var(--ebb); color: var(--coal); font-weight: 800; font-size: 1em; line-height: 1.3; } .list-filter a:before { content: "\e92b"; left: auto; right: 0; color: var(--dusty); font-size: 6px; } .list-filter li.toggle a:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .list-filter label { padding-right: 63px; } .list-filter label:before { content: ""; display: block; position: absolute; right: 0; top: 50%; z-index: 5; width: 53px; height: 27px; margin-top: -13.5px; border-radius: 27px; background: var(--alto); cursor: pointer; } .list-filter label:after { content: ""; display: block; position: absolute; right: 28px; top: 50%; z-index: 6; width: 21px; height: 21px; margin-top: -10.5px; border-radius: 27px; background: var(--white); cursor: pointer; } .list-filter input:checked ~ label:before { background: var(--razz); } .list-filter input:checked ~ label:after { right: 2px; } .list-filter input { display: block; position: absolute; right: 0; top: 50%; opacity: 0; } .list-filter .color { display: none; position: absolute; left: 0; top: 50%; z-index: 1; width: 16px; height: 16px; margin-top: -8px; box-shadow: 2px 10px 20px rgba(0,0,0,.1); border-radius: 9px; background-size: cover !important; background-position: center center !important; } .list-filter li[data-color] label:before { border: none; } .list-filter p { margin: 24px 0 29px; } .list-filter p input { position: relative; padding-right: 52px; opacity: 1; } .list-filter p button { position: absolute; right: 0; top: 0; bottom: 0; width: 52px; min-width: 0; padding: 0; border-radius: 0; border-width: 0; background: none; color: var(--dusty); font-size: 20px; text-indent: -3000em; text-align: left; } .list-filter p button:before { content: "\e936"; } .list-filter ul { list-style: none; margin: 21px 0; padding: 0; } .list-filter ul li { margin-bottom: 12px; } .list-filter ul li[data-color] a { padding-left: 28px; } .list-filter ul label, .list-filter ul a { padding: 0; border-width: 0; font-weight: 400; } .list-filter ul label { padding-right: 55px; } .list-filter ul label:before { right: 15px; top: 50%; width: 16px; height: 16px; margin: -8px 0 0; border-radius: 2px; border: 1px solid var(--mercury); background: none; color: var(--white); font-size: 7px; font-weight: 400; font-family: i; line-height: 14px; text-align: center; } .list-filter ul li > a label:before { right: 0; } [data-whatintent="mouse"] .list-filter ul label:hover { cursor: pointer; } [data-whatintent="mouse"] .list-filter ul label:hover:before { border-color: var(--razz); } .list-filter ul input:checked ~ label:before { content: "\e963"; border-color: var(--razz); background: var(--razz); } .list-filter ul::-webkit-scrollbar { width: 7px; } .list-filter ul::-webkit-scrollbar-track { border-radius: 5px; background: var(--gallery); } .list-filter ul::-webkit-scrollbar-thumb { border-radius: 5px; background: var(--silver); } .list-filter ul.scrolled { overflow-x: hidden; overflow-y: auto; max-height: 273px; padding-right: 10px; } .list-filter ul.scrolled label { padding-right: 38px; } .list-filter ul.scrolled label:before { right: 17px; } .list-filter .ui-slider-a { margin: 18px 0 23px; } .list-filter .tooltip:after { color: var(--alto); } .list-filter ul li[data-color] { display: inline-block; height: 35px; margin: 0px 7px 0 0; position: relative; width: 35px; opacity: 0; transition: 1s opacity ease-out; } /* .list-filter ul li[data-color] a { display: none; } */ .list-filter ul li[data-color] > a { position: unset; /* display: block */} .list-filter ul li[data-color] a:hover label { display: block; } .list-filter ul li[data-color] a label { background: #fff; border-radius: 8px; box-shadow: 2px 10px 20px rgba(0,0,0,.06); display: none; font-size: 12px; left: 50%; padding: 4px 6px; position: absolute; top: -32px; transform: translateX(-50%); z-index: 5; } .list-filter ul li[data-color] a label::before { display: none; } .list-filter ul li[data-color] a label::after { background: transparent; border-bottom: 6px solid transparent; border-left: 6px solid transparent; border-radius: 0; border-right: 6px solid transparent; border-top: 6px solid #fff; bottom: 0; content: ""; display: block; height: 0px; left: 50%; position: absolute; top: calc(100% + 10px); transform: translateX(-50%); width: 0px; } .list-filter ul li[data-color] a .color { display: block; border-radius: 50%; height: 100%; top: 8px; width: 100%; } .list-filter-active { list-style: none; margin: 0 -25px 10px 0; padding: 0; color: var(--dusty); line-height: 1.6875; } .list-filter-active li { margin: 0 25px 5px 0; } .list-filter-active li.strong { display: block; margin-right: 28px; color: var(--coal); font-weight: 400; } .list-filter-active ul { list-style: none; margin-left: 10px; margin-right: -10px; padding: 0; } .list-filter-active ul li { display: block; margin: 0 10px 5px 0; } .list-filter-active ul a { display: block; position: relative; z-index: 2; padding: 0 30px 0 10px; color: var(--coal); } .list-filter-active ul a:before { right: 20px; border-radius: 3px; background: var(--ebb); } .list-filter-active ul a:after { content: "\e901"; left: auto; right: 0; color: var(--dusty); font-size: 0.75em; } .list-gallery { position: relative; list-style: none; margin-left: -17px; padding: 0; } .list-gallery li { width: 20%; margin: 0 0 17px; border-left: 17px solid rgba(0,0,0,0); } .list-gallery img { border-radius: 6px; } .list-gallery.is-slider { display: block; margin-left: 0; margin-right: 0; padding: 0; } .list-gallery.is-slider > .inner { position: static; max-width: 650px; } .list-gallery.is-slider .owl-carousel .owl-stage-outer { overflow: visible; } #root .list-gallery.is-slider li { width: auto; min-width: 0; max-width: none; margin-right: 0; padding: 0; border-left-width: 0; } .list-gallery .owl-nav button { margin-top: -37px; background: var(--white); color: var(--silver); } .list-gallery .owl-nav button.owl-prev { left: -28.5px; } .list-gallery .owl-nav button.owl-next { right: -28.5px; } .list-info { list-style: none; margin: 0 0 42px; padding: 0; font-weight: 800; } .list-info li { display: block; position: relative; z-index: 2; padding: 7.5px 0 7.5px 258px; } .list-info li:first-letter { text-transform: uppercase; } .list-info li:first-child { margin-top: -7.5px; } .list-info li:nth-child(2n) { padding-right: 20px; } .list-info li:nth-child(2n):before { border-radius: 8px; background: var(--sand); } .list-info li > span:first-child { display: block; float: left; width: 258px; margin-left: -258px; padding: 0 20px; font-weight: 400; } .list-info i { display: inline-block; position: relative; top: .15em; margin-right: 5px; font-size: 1.125em; line-height: 1px; } .list-inline { list-style: none; margin-bottom: 14px; margin-left: -27px; padding: 0; line-height: 1.3076923077; } .list-inline li { margin-bottom: 10px; border-left: 27px solid rgba(0,0,0,0); } .list-inline i { display: inline-block; position: relative; top: .1em; margin-right: 3px; font-size: 16px; line-height: 1px; } .list-inline .icon-tree { top: .15em; font-size: 19px; } .list-inline.strong { margin-left: -63px; margin-bottom: 10px; font-weight: 400; text-align: center; } .list-inline.strong li { margin-bottom: 20px; border-left-width: 63px; } .list-inline.strong i { display: block; top: 0; margin: 0 0 20px; font-size: 31px; line-height: 31px; } .list-nav { list-style: none; margin: 0 0 20px; padding: 0; } .list-nav li { margin-bottom: 7px; } .list-news { list-style: none; margin: 0 0 5px -20px; padding: 0; } .list-news li { position: relative; z-index: 2; width: 33.3333333333%; margin: 0 0 36px; padding: 0 36px 15px; border-left: 20px solid rgba(0,0,0,0); } .list-news li:before { box-shadow: 0 4px 10px rgba(0,0,0,.06); border-radius: 10px 10px 6px 6px; background: var(--white); } .list-news figure { overflow: hidden; position: relative; margin: 0 -36px 34px; border-radius: 6px 6px 0 0; } .list-news figure:before { top: auto; z-index: 2; height: 87.82051282%; } .list-news figure span, figure span.date { display: block; position: absolute; left: 0; bottom: 0; z-index: 9; min-width: 67px; height: 67px; padding: 6px 0 0; border-radius: 0 20px 0 0; background: var(--razz); color: var(--white); font-weight: 800; font-size: 21px; line-height: 1; text-transform: uppercase; text-align: center; } .list-news figure span span, figure span.date span { display: block; position: relative; min-width: 0; height: auto; padding: 1px 0 0; border-radius: 0; background: none; font-size: 0.7619047619em; font-weight: 400; } .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6 { margin: 0 0 13px; font-size: 1.5em; line-height: 1.5; } .list-news p { margin-bottom: 13px; } header + .list-news { margin-top: 57px; } .list-pagination { list-style: none; margin-right: -38px; padding: 0; color: var(--razz); text-align: left; } .list-pagination li { margin-right: 38px; } .list-pagination a { display: block; position: relative; height: 44px; font-weight: 400; line-height: 44px; } .list-pagination .prev a, .list-pagination .next a { width: 44px; box-shadow: -1px 4px 4px rgba(0,0,0,.08); border-radius: 8px; background: var(--sand); font-size: 12px; text-indent: -3000em; } .list-pagination .prev { margin-right: 20px; } .list-pagination .prev a { box-shadow: 1px 4px 4px rgba(0,0,0,.08); } .list-pagination .prev a:before { content: "\e92c"; } .list-pagination .next { margin-left: -18px; } .list-pagination .next a:before { content: "\e92d"; } .list-collection + .list-pagination.text-right { padding-top: 22px; } .list-payments { list-style: none; margin-right: -40px; margin-bottom: 10px; padding: 0; } .list-payments li { margin: 0 40px 20px 0; } .list-plain, .list-product { list-style: none; padding: 0; } .list-product { position: relative; z-index: 2; list-style: none; padding: 0; } .list-product img { display: block; border-radius: 6px; } #root .list-product .pager, .quickshop-container .list-product .pager { position: relative; right: 0; top: 0; list-style: none; float: left; width: 86px; margin: 0 0 0 -115px; padding: 0; } .list-product .pager li { display: block; margin: 0 0 10px; } .list-product .pager a { display: block; overflow: hidden; position: relative; width: auto; height: 114px; box-shadow: none; border-radius: 6px; text-indent: 0; opacity: .2; } .list-product .pager a[data-fancybox-group]:hover { cursor: pointer; } .list-product .pager .icon-play:before, .list-product .video .icon-play:before { color: var(--razz); border: 2px solid var(--razz); border-radius: 50%; padding: 8.5px 9px 8.5px 11px; } #root .list-product ul { right: -25px; top: 20px; } .list-product .owl-carousel .owl-stage-outer { border-radius: 8px; } .list-product .owl-carousel .owl-stage-outer img { border-radius: 0; } .list-product .link-more { display: block; position: absolute; left: 115px; right: 0; bottom: 0; margin: 0; } .list-product.is-slider { padding-left: 115px; } .module-product .list-product.is-slider + .roomvo-container { padding-left: 115px; } .list-product.is-slider > .inner { float: right; width: 100%; } .list-product .owl-nav button { background: var(--white); color: var(--coal); } .list-product .owl-nav button.owl-prev { left: -28.5px; } .list-product .owl-nav button.owl-next { right: -28.5px; } .list-product.is-slider + .link-more { overflow: visible; z-index: 3; min-height: 0; margin-left: 115px; margin-top: -30px; border-top-left-radius: 0; border-top-right-radius: 0; width: calc(100% - 143px); } .list-product.is-slider + .link-more.overlay-a:before { left: -2px; right: -2px; top: -6px; border-radius: 0; background: var(--razz); } .list-product.is-slider + .link-more > span { margin-bottom: 1px; } .list-product .video { display: none; } .list-rating { position: relative; list-style: none; margin-bottom: 32px; padding: 0; } .list-rating li { margin: 0 0 20px; } .list-rating q { display: block; margin: 0 0 9px; font-weight: 800; font-size: 1.625em; line-height: 1.3846153846; } .list-rating q:before, .list-rating q:after { display: inline; } .list-rating q:before { content: "‘"; } .list-rating q:after { content: "‘"; } .list-reviews { list-style: none; margin-bottom: -6px; padding: 0; } .list-reviews li { clear: both; position: relative; padding: 28px 300px 0 196px; border-top: 1px solid var(--mercury); } .list-reviews li:first-child { margin-top: -28px; border-top-width: 0; } .list-reviews h1, .list-reviews h2, .list-reviews h3, .list-reviews h4, .list-reviews h5, .list-reviews h6 { position: relative; float: left; width: 196px; margin-left: -196px; padding: 5px 20px 6px 0; font-size: 1em; font-weight: 400; } .list-reviews p { float: left; width: 100%; max-width: 566px; margin-bottom: 26px; } .list-reviews p.text-right { float: right; width: 300px; margin-right: -300px; padding-left: 20px; color: var(--dusty); text-align: right;} .list-reviews .rating-a { display: block; position: absolute; left: 0; right: 0; top: 100%; padding: 0; } .list-reviews .rating-a .rating { height: 11px; } .list-reviews .rating-a .rating > * { width: 12px; } .list-reviews li.link { padding: 19px 0 26px; } .list-social { list-style: none; margin-right: -16px; padding: 0; } .list-social li { margin: 0 16px 8px 0; } .list-social li:last-of-type { margin-right: 0; } .list-social a { display: block; overflow: hidden; position: relative; width: 50px; height: 50px; box-shadow: 0 4px 4px rgba(0,0,0,.06); border-radius: 50px; background: var(--white); color: var(--coal); line-height: 50px; text-align: left; text-indent: -3000em; text-decoration: none; } [data-whatintent="mouse"] .list-social a:hover { box-shadow: none; background: var(--razz); color: var(--white); } .list-social i { font-size: 17px; } .list-social .icon-youtube { font-size: 12px; } .list-social .icon-twitter { font-size: 13px; } .list-social .icon-facebook { font-size: 15px; } .list-tags { position: relative; z-index: 3; list-style: none; margin: 47px -10px 39px 0; padding: 0; line-height: 28px; } .list-tags li { position: relative; margin: 0 10px 10px 0; } .list-tags li.strong { margin-right: 12px; font-weight: 300; font-size: 26px; line-height: 28px; } .list-tags a { display: block; padding: 0 8px; border-radius: 3px; background: var(--sand); } [data-whatintent="mouse"] .list-tags a:hover { background: var(--berry); color: var(--white); } [data-whatintent="mouse"] .list-tags a:hover i { color: var(--white); } .list-tags .tooltip { position: absolute; right: -5px; top: -5px; z-index: 9; width: 18px; height: 18px; } .list-tags i { display: inline-block; position: relative; top: .1em; margin-right: 2px; font-size: 0.875em; } .list-tags .icon-heart:before { content: "\e91b"; } .list-tags.a { line-height: 37px; } .list-tags a { padding: 0 18px; box-shadow: 0 4px 10px rgba(0,0,0,.06); border-radius: 8px; background: var(--white); } .list-total { list-style: none; margin: 0; padding: 0; text-align: right; } .list-total li { position: relative; padding: 0 0 0 130px; } .list-total li > span:first-child { display: block; position: absolute; left: 0; top: 0; font-weight: 400; } .list-total li.strong { margin-top: 10px; font-size: 26px; } .list-total li.strong > span:first-child { font-weight: 300; } .list-total sup { top: -.5em; font-size: .55em; } .list-usp { list-style: none; margin-right: -28px; padding: 0; } .list-usp li { margin-right: 28px; } .list-usp i { display: inline-block; position: relative; top: .1em; margin-right: 2px; font-size: 1em; line-height: 1px; } .list-usp i.icon-truck { top: 0; font-size: 0.7857142857em; } .list-usp i.icon-logout { top: .2em; font-size: 1.2142857143em; } .list-usp i.icon-eye { font-size: 0.7em; top: 0; } .list-usp i.icon-star { font-size: 0.8em; top: 0; } .list-usp i.icon2-thumbs-up { top: 0; } .list-usp .text-right i { margin: 0 0 0 4px; } @media only screen and (max-width: 1200px) { .list-usp:not(.owl-loaded) { flex-wrap: wrap-reverse!important; } } /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } form p, form .form-options { position: relative; } legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline-width: 0; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; } input { } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } input[type="number"] { appearance: textfield; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--silver); background: var(--silver); cursor: default; } ::-webkit-input-placeholder { opacity: 1; color: var(--dusty); } :-ms-input-placeholder { opacity: 1; color: var(--dusty); } ::-ms-input-placeholder { opacity: 1; color: var(--dusty); } ::placeholder { opacity: 1; color: var(--dusty); } :focus::-webkit-input-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } form { } form p, form .form-options { margin-bottom: 23px; } form p > span.text-right, form .form-options > span.text-right { text-align: right; } form span.sticky { display: block; position: absolute; right: 0; top: 0; } input + span.text-right, textarea + span.text-right, select + span.text-right { display: block; padding-top: 9px; } label, .label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 6px; font-weight: 800; } label .text-right { display: block; float: right; font-weight: 400; } input, select, textarea, .select-like { display: block; width: 100%; border-radius: 8px; border: 1px solid var(--gallery); background: 100% center no-repeat var(--white); background-size: auto 7px; } input, select { height: 46px; padding: 0 16px; } input[type="date"] { line-height: 30px; } select, .select-like { padding-right: 46px; line-height: normal; } textarea { height: 242px; min-height: 242px; padding: 12px 12px 12px 16px; } input:focus, select:focus, textarea:focus { border-color: var(--razz); } button, input[type="button"], input[type="reset"], input[type="submit"] { float: right; min-width: 210px; padding: 19.5px 36px; } .check { position: relative; } #root .check label { position: relative; z-index: 2; margin: 0; padding: 0 0 0 31px; font-weight: 400; font-size: 1em; } .check label:before { content: ""; display: block; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; border-radius: 20px; border: 1px solid var(--mercury); color: var(--white); font-weight: 400; font-size: 6px; font-family: i; line-height: 18px; text-align: center; cursor: pointer; } .check input:checked ~ label:before { content: "\e930"; border-color: var(--atlantis); background: var(--atlantis); } .check input { display: block; visibility: hidden; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; } .form-cart { margin: 0 0 20px; } .form-cart .list-total { float: right; width: 100%; max-width: 350px; margin-bottom: 20px; } .form-cart .list-total + * { clear: both; } .form-cart > footer { } .form-cart button, .form-cart > footer a.btn { min-width: 350px; color: var(--coal); } .form-cart button { background: var(--atlantis); color: var(--white); } .form-cart > footer a.btn { border-width: 0; background: none; } .form-cart > footer a.btn:before { border-radius: 8px; border: 2px solid var(--ebb); } .form-comment { max-width: 1080px; margin-bottom: 19px; } #shopify-section-article-template .form-comment { margin-left: auto; margin-right: auto; max-width: 950px; } .form-comment header { margin-bottom: 32px; } .form-comment h1, .form-comment h2, .form-comment h3, .form-comment h4, .form-comment h5, .form-comment h6 { margin-bottom: 7px; font-size: 26px; } .form-comment p { margin-bottom: 11px; } .form-comment button { margin-top: 6px; } .cols-a .form-comment p { margin-bottom: 23.3333px; } .cols-a .form-comment p.text { margin-bottom: 30px; } .cols-a .form-comment button { margin-top: -6px; } .form-filter { } .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6, .form-filter .h2 { position: relative; margin: 0 0 8px; font-size: 26px; } .form-login { position: relative; z-index: 2; padding-top: 25px; text-align: center; } .form-login h1, .form-login h2, .form-login h3, .form-login h4, .form-login h5, .form-login h6 { margin-bottom: 19px; font-size: 38px; } .form-login button { float: none; width: 100%; min-width: 0; margin: 25px 0 0; } .form-login button.toggle-form { margin-top: 33px; } .form-login .list-check { margin-bottom: 26px; } .form-login label a, .form-login a.text-right { display: block; position: absolute; right: 0; top: 0; z-index: 9; font-weight: 400; } .form-login .link-btn { margin-top: 33px; } .form-login.box { margin: 0 0 30px; padding-left: 37px; padding-right: 37px; padding-bottom: 14px; } .form-login.box:before { box-shadow: 0 4px 10px rgba(0,0,0,.06); border-radius: 6px; } .form-login.box button { margin-top: -7px; } .form-product { position: relative; z-index: 2; } .form-product label { margin: 0 0 3px; font-size: 20px; font-weight: 300; } .form-product input, .form-product select, .form-product .select-like { z-index: 2; height: 50px; padding: 5px; border-color: var(--mercury); } .form-product select { background-size: auto 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMyA3LjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMzIDcuMSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0EzOUU5RTt9PC9zdHlsZT48cGF0aCBkPSJNMTEuOC42bC0uNC0uNGMtLjEtLjEtLjMtLjItLjQtLjItLjIgMC0uMy4xLS41LjJMNiA0LjcgMS41LjJDMS40LjEgMS4yIDAgMSAwIC45IDAgLjcuMS42LjJMLjIuNmMtLjMuMy0uMy43IDAgLjlsNS4zIDUuNGMuMi4xLjMuMi41LjJzLjMtLjEuNS0uMmw1LjMtNS4zYy4xLS4yLjItLjQuMi0uNSAwLS4yLS4xLS40LS4yLS41eiIgY2xhc3M9InN0MCIvPjwvc3ZnPg==); color: var(--dusty); } #root .form-product select.done { color: rgba(0,0,0,0); } .form-product .select-like { display: none; overflow: hidden; position: absolute; left: 15px; border-radius: 8px; z-index: 2; pointer-events: none; width: auto; padding-right: 56px; line-height: 50px; background-image: none; background-color: transparent; border-color: rgba(0,0,0,0); text-align: left; text-overflow: ellipsis; white-space: nowrap; } .form-product .select-like > span { margin-left: 45px; font-weight: 800; } .form-product .select-like > span:first-child { /*min-width: 150px;*/ margin-left: 0; font-weight: 400; } .form-product p + .check { margin-top: -11px; } .form-product .submit { z-index: 998 !important; margin-top: 29px; margin-right: -10px; padding-left: 176px; } .form-product .submit > * { position: relative; z-index: 2; } .form-product .submit button, .form-product .submit .button, .module-product-bar button, .module-product-bar .button { float: right; width: calc(100% - 10px); padding: 15.5px 36px; margin: 0 10px 10px 0; border-radius: 8px; border-color: var(--green); background: var(--green); } .form-product .submit button .module-product-bar-only, .form-product .submit .button .module-product-bar-only { display: none; } /* .form-product .submit button:not(.select-before-buy-button)[disabled], .form-product .submit button.select-before-buy-button.light { border-color: var(--caper); background: var(--caper); } */ /* .form-product .submit > .price { float: left; width: 176px; margin-left: -176px; padding-right: 38px; text-align: right; } */ #root .form-product .submit .btn, .quickshop-container .form-product .submit .btn, #root .form-product .submit > a:not(.button), .quickshop-container .form-product .submit > a:not(.button) { padding-left: 10px; padding-right: 10px; background: var(--desert); color: var(--coal); } .form-product .submit .btn .tooltip { top: .2em; } .form-product .submit .btn .tooltip .inner, .list-tags .tooltip .inner, .list-collection ul li .tooltip .inner { right: -2px; left: auto; } .form-product .submit .btn .tooltip:after, .list-tags .tooltip:after, .list-collection ul li .tooltip:after { color: var(--quill); } #root .form-product .submit .btn.is-added, .quickshop-container .form-product .submit .btn.is-added, #root .form-product .submit a[data-staal-id].is-added, #root .form-product .submit .btn.is-added, .quickshop-container .form-product .submit a[data-staal-id].is-added { display: none !important; } .form-product .submit + .submit { z-index: 999 !important; } .form-product .price, .module-product-bar .price { display: block; color: var(--razz); font-weight: 800; font-size: 26px; line-height: 1.2; /*text-align: right;*/ margin-bottom: 30px; } .form-product .price span, .module-product-bar .price span { font-weight: 400; font-size: 16px; } .form-product .price .old, .module-product-bar .price .old { display: block; margin: -2px 0 2px; color: var(--coal); font-weight: 400; font-size: 16px; text-decoration: line-through; } .form-product + .list-tags { margin-top: -4px; } /* .form-product .form-size { margin-bottom: 18px; } */ /* .form-product p + .form-size { margin-top: -6px; } */ .form-search { margin-bottom: 55px; } .form-search label { margin: 0 0 16px; font-weight: 400; } .form-search input { display: block; float: left; width: calc(100% - 215px)!important; height: 56px; padding: 0 18px!important; box-shadow: 0 4px 10px rgba(0,0,0,.06); border-width: 0; } .form-search ::-webkit-input-placeholder { color: var(--coal); } .form-search :-ms-input-placeholder { color: var(--coal); } .form-search ::-ms-input-placeholder { color: var(--coal); } .form-search ::placeholder { color: var(--coal); } .form-search button { float: right; width: 205px; min-width: 0; height: 56px; padding: 0 20px; } /* .form-size { margin: 0 0 30px; padding: 18px 20px 2px 0; border-radius: 8px; background: var(--wisp); line-height: 1.6428571429; } */ /* .form-size p { position: relative; margin: 0 0 12px; border-left: 14px solid rgba(0,0,0,0); font-size: 14px; } */ .form-size label, .form-size .label { display: block; margin: 0 0 5px; font-weight: 400; font-size: 1em; line-height: 1.2; } .form-size input, .form-size select { width: 105px; height: 50px; padding: 0 15px; /*box-shadow: 0 4px 10px rgba(0,0,0,.06);*/ border-radius: 8px; border: 1px solid var(--mercury); font-size: 1em; } #root .form-size button, #root .form-size .btn { width: 126px; min-width: 0; height: 37px; margin: 0; padding: 0 11px; border-color: var(--berry); background: var(--berry); font-size: 14px; line-height: 37px; text-decoration: none; } .form-size p:first-child + p { margin-right: auto; border-left-width: 56px; } .form-size p:first-child + p:before { content: "X"; display: block; position: absolute; right: 100%; bottom: 0; width: 56px; line-height: 37px; text-align: center; } .form-size p:first-child + p + p { margin-right: auto; } /* #root .form-size .price { display: block; height: 37px; color: var(--coal); font-size: 1em; line-height: 37px; } */ /* #root .form-size .price .old { display: inline; margin: 0 4px 0 0; padding: 0; } */ .form-size span.wide { width: 100%; } .form-sort { margin-bottom: 0; } .form-sort p { margin-bottom: 10px; } .form-sort label { float: left; margin: 0 15px 0 0; font-weight: 400; white-space: nowrap; } .form-sort p span { margin-right: 5px; } .form-sort input, .form-sort select { min-width: 230px; } .form-sort p:first-child:last-child { margin-left: auto; } article .intro { background-color: var(--alabaster); border-radius: 6px; margin-bottom: 50px; overflow: hidden; position: relative;display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } article .intro > div { padding: 35px 40px; padding-right: calc(33% + 40px); } article .intro > div h2 { font-size: 38px; margin-bottom: 10px; } article .intro > div p:last-of-type { margin-bottom: 0; } article .intro > img { object-fit: cover; width: 33%; position: absolute; right: 0; height: 100%!important;} article .actions { display: flex; align-items: center; } article .actions .boost-pfs-filter-total-product { padding-right: 12px; position: relative; } article .actions .boost-pfs-filter-total-product:after { content: ""; display: block; width: 1px; height: 17px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: var(--dusty); } article .actions .show-products { margin-left: 12px; } article .actions .boost-pfs-filter-custom-sorting { margin-left: 12px; margin-right: 30px; } article .actions .list-pagination { margin-left: auto; } article .actions ul { margin-bottom: 0; } article .actions ul li.strong { height: 35px; margin-top: 10px; order: 2; width: 100%; } .actions #selectTagWidth { display: none; min-width: 0; width: auto; } .actions .show-products a, .actions .show-images a { color: var(--coal); margin-left: 3px; font-weight: 400; } .actions .show-products a:not(.active) { color: var(--razz); } .actions .show-products a.active, .actions .show-images a.active { font-weight: 800; } .actions .show-images a { margin: 0; } .actions .show-images a:first-child { padding-right: 10px; } .actions .show-images a:last-child { padding-left: 10px; position: relative; } .actions .show-images a:last-child:before { content: ""; display: block; width: 1px; height: 14px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: var(--dusty); } article .actions .show-images { white-space: nowrap; } /*! Helpers --------- */ .sidebar-cart, #shadow, .owl-height, .owl-item, .popup-a .close, .list-filter label:after, .list-filter label:before { transition-property: all; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; } .owl-height { transition-property: height; } .owl-item { transition-property: visibility, opacity; } option, .list-filter ul label:before { transition: none; } .clear { clear: both; overflow: hidden; width: 100%; } .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em, .rating-a .label, .mobile-only { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } [hidden], template, .list-breadcrumbs li:last-child:before, #nav > ul + ul > li > a span, #footer label, .list-box li.link-btn a:before, #mobile, #top > .menu, #mobile ul.box .link-btn a:before, #nav > ul > li > a.toggle, .link-btn.double:after, .form-search label .required, #top label .required, #footer label .required, .list-collection ul li:before, #footer > .list-social, #footer > .list-payments, #footer div.mobile-only, #footer a.header-toggle, #root .owl-carousel .disabled, .list-comments .owl-dots, q:before, q:after, .list-rating .owl-dots, .list-product li, .tooltip .open:before, .list-gallery .owl-dots, .form-size .required, .list-collection.small ul, .list-collection.small p, .tabs-header, .list-reviews li.link ~ li, #root .tooltip .popup, #root .tooltip .popup:before, .popup-a, .popup-a .box-inset, .popup-a .box-outer > .close, .list-featured .tooltip:after, #root .list-featured .tooltip .inner .close, br.mobile-only, .accordion-a.small .link-btn:after, .list-collection.box .price span, .list-filter ul, .list-filter p, .list-filter label.hidden, .list-filter ul label:after, #root .ui-slider-a label:before, #root .ui-slider-a label:after, #root .list-collection li.wide:before, .form-filter a.toggle, .is-slider.mobile-only { display: none; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .list-contact a, .list-contact span, .list-product li:first-child, .list-product .item li, .list-tags .tooltip.js, .list-collection ul li .tooltip.js, .list-collection.small .price, .popup-a.ready, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, .list-featured .tooltip.js[style], .list-filter li.toggle ul, .list-filter li.toggle p, .list-collection .list-featured li.link-more:before, .list-collection .list-featured li:before { display: block; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 24px 0; padding: 0; border: 0; border-top: 1px solid var(--mercury); background: none; font-size: 0; } h1:first-child, h2:first-child, .h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .scheme-map:first-child, #footer .list-social:first-child, .sidebar-cart .list-total + p, .list-total li.strong:first-child, .list-check:first-child, .header-a:first-child, .form-login .link-btn:first-child, .list-catalog:first-child, .list-news:first-child, figure + h1, figure + h2, figure + h3, figure + h4, figure + h5, figure + h6, .module-blog:first-child, .list-news + .list-tags, .list-tags:first-child, .module-wide:first-child, .module-wide + *, .accordion-a:first-child, .form-product .submit:first-child, .form-product .form-size + .submit, #root .list-collection .price,/* .list-info:first-child,*/ .list-collection.small:first-child, .tabs-b:first-child, .list-color:first-child, .module-gallery:first-child, .list-color + *, .module-aside-box .list-check, .form-cart + *, .list-cart-main .list-tags:first-child, .list-cart-main:first-child, .list-filter p + ul { margin-top: 0; } #root .m0, ul ul, ul ol, ol ol, ol ul, #formSearch p, #footer > nav ul li, .list-box .link-btn a, #root .module-author > *:last-child, .module-wide > .double:last-child > * > .list-check.cols:last-child, #root .module-wide > .double:last-child > * > .module-author:last-child, .module-aside-box > *:last-child, .module-aside-box > .list-check:last-child > li:last-child, .list-collection.box h1 .small, .list-collection.box h2 .small, .list-collection.box h3 .small, .list-collection.box h4 .small, .list-collection.box h5 .small, .list-collection.box h6 .small, .list-cart-main > li:last-child, .list-filter ul li:last-child { margin-bottom: 0; } #root .m5 { margin-bottom: 5px; } #root .m15 { margin-bottom: 15px; } #root .m30 { margin-bottom: 30px; } #root .m40 { margin-bottom: 40px; } #root .m70 { margin-bottom: 70px; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } /*! Trengo --------- */ #trengo-web-widget > div > .TrengoWidgetLauncher__iframe { bottom: 90px; left: 20px; } #trengo-web-widget > div > .TrengoOnlineStatus__iframe { bottom: 70px; left: 20px; right: auto; } #trengo-web-widget > div > .TrengoWidgetPanel__iframe { bottom: 160px !important; left: 20px; } ::selection { background: var(--razz); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--razz); color: var(--white); text-shadow: none; } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Flexbox --------- */ /* flex */ .list-filter-active li, .list-filter-active ul, .list-filter-active, .list-check.box, .accordion-a.small .link-btn, .list-featured li.link-more, .list-featured span, .module-gallery, .list-color, .list-featured, .tabs-b > nav, .tabs-b > nav ul, .popup-a .box-outer, .list-check.cols, .tabs-a > nav ul, .form-size, .list-gallery, .form-product select.done ~ .select-like, .list-inline, .form-product .submit, .module-rating h1, .module-rating h2, .module-rating h3, .module-rating h4, .module-rating h5, .module-rating h6, .list-contact, .link-more.box, .module-author, .owl-dots, .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6, .list-comments, figure span.date, .list-tags, .list-news figure span, .link-more, .list-news, .list-catalog, .list-pagination, .list-collection figure, .list-collection figure > a:first-child, .list-collection, .form-sort p, .form-sort, .form-login .list-check, .sidebar-cart, #mobile ul.box li.link-btn a, #mobile li.toggle > ul.box, #mobile > ul + ul, [data-whatintent="mouse"] #nav > ul > li:hover > .list-box, .list-box li.link-btn a, .list-box, .link-btn, .list-social, .list-payments, #footer > nav ul, #footer > div, #footer > nav, .list-usp, #nav > ul, .list-breadcrumbs, .list-inline.strong { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* f:wr */ .list-filter-active li, .list-filter-active ul, .list-filter-active, .list-check.box, .list-color, .list-featured, .tabs-b > nav ul, .list-check.cols, .tabs-a > nav ul, .form-size, .list-gallery, .list-inline, .form-product .submit, .list-contact, .owl-dots, .list-comments, .list-tags, .link-more, .list-news, .list-catalog, .list-pagination, .list-collection, #mobile ul.box, .list-box, .link-btn, .list-social, .list-payments, #footer > nav ul, #footer > div, .list-usp, .list-breadcrumbs { -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* f:dc */ .list-featured li.link-more, .list-featured span, .form-size p, .link-more.box, .module-author, .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6, figure span.date, .list-news figure span, .form-login .list-check, .sidebar-cart, #mobile ul.box li.link-btn a, #mobile, .list-box li.link-btn a, #footer > nav { -webkit-flex-direction: column; flex-direction: column; } /* f:jc */ .list-color, .popup-a .box-outer, .tabs-a > nav ul, .text-center .link-more, .link-more.text-center, .module-author, .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6, figure span.date, .link-btn.text-center, .list-news figure span, #footer > .list-social, #footer > .list-payments, .list-pagination, .list-collection figure, .list-collection figure > a:first-child, #footer > .list-payments { -webkit-justify-content: center; justify-content: center; } /* f:je */ .list-collection .link-btn, .list-tags.text-right, .list-pagination.text-right, #mobile ul.box li.link-btn a, .list-box li.link-btn a { -webkit-justify-content: flex-end; justify-content: flex-end; } /* j:jb */ .list-check.box, .accordion-a.small .link-btn, .form-size, .list-contact, .form-sort, .link-btn.double, #mobile > ul + ul, #footer > div { -webkit-justify-content: space-between; justify-content: space-between; } /* f:as */ .link-more, .list-featured, .link-more.box, #footer > div, .form-cart > footer p { -webkit-align-items: flex-start; align-items: flex-start; } /* f:ac */ .list-featured span, .module-gallery, .popup-a .box-outer, .form-product .submit, .module-rating h1, .module-rating h2, .module-rating h3, .module-rating h4, .module-rating h5, .module-rating h6, figure span.date, .list-news figure span, .list-pagination, .list-collection figure, .list-collection figure > a:first-child, .form-sort p, .form-sort, .link-btn, .form-login .list-check, .list-payments { -webkit-align-items: center; align-items: center; } /* f:ae */ .form-size, #footer > nav { -webkit-align-items: flex-end; align-items: flex-end; } /* f:ab */ .list-box .link-btn { -webkit-align-items: stretch; align-items: stretch; } /* f:g0 */ .form-size p:first-child, .form-size p:first-child + p, .form-size p:first-child + p + p { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } /* f:g3 */ /*.form-size p:last-child, .form-product .submit > * { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; }*/ /*! Icons --------- */ @font-face { font-family: 'i'; src: url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icomoon.woff2?v=1093020147836606831650968416') format('woff2'), url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icomoon.woff?v=115757012434366870261650968416') format('woff'); font-display: swap; } [class^="icon-"], [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-arrow-down:before { content: "\e968"; } .icon-arrow-left:before { content: "\e965"; } .icon-arrow-right:before { content: "\e966"; } .icon-arrow-up:before { content: "\e967"; } .icon-arrow-thin-down:before { content: "\e96c"; } .icon-arrow-thin-left:before { content: "\e969"; } .icon-arrow-thin-right:before { content: "\e96a"; } .icon-arrow-thin-up:before { content: "\e96b"; } .icon-bag:before { content: "\e932"; } .icon-blog:before { content: "\e93c"; } .icon-calendar:before { content: "\e933"; } .icon-carpet:before { content: "\e964"; } .icon-cart:before { content: "\e935"; } .icon-cart-plus:before { content: "\e934"; } .icon-chart:before { content: "\e92e"; } .icon-chat:before { content: "\e92f"; } .icon-check:before { content: "\e930"; } .icon-check-circle:before { content: "\e931"; } .icon-checklist:before { content: "\e93b"; } .icon-check-rounded:before { content: "\e92a"; } .icon-check-strong:before { content: "\e963"; } .icon-chevron-down:before { content: "\e92b"; } .icon-chevron-left:before { content: "\e92c"; } .icon-chevron-right:before { content: "\e92d"; } .icon-chevron-up:before { content: "\e926"; } .icon-circle:before { content: "\e962"; } .icon-circle-outline:before { content: "\e93e"; } .icon-credit-cards:before { content: "\e927"; } .icon-decrease-count:before { content: "\e928"; } .icon-decrease-down:before { content: "\e922"; } .icon-decrease-up:before { content: "\e929"; } .icon-document:before { content: "\e923"; } .icon-documents:before { content: "\e924"; } .icon-door:before { content: "\e96d"; } .icon-download:before { content: "\e953"; } .icon-edit:before { content: "\e925"; } .icon-envelope:before { content: "\e91e"; } .icon-euro:before { content: "\e91f"; } .icon-eye:before { content: "\e961"; } .icon-facebook:before { content: "\e920"; } .icon-facebook-square:before { content: "\e921"; } .icon-facebook-square-fill:before { content: "\e93d"; } .icon-google-plus:before { content: "\e952"; } .icon-grid:before { content: "\e948"; } .icon-heart:before { content: "\e91a"; } .icon-heart-outline:before { content: "\e91b"; } .icon-id:before { content: "\e91c"; } .icon-increase-down:before { content: "\e91d"; } .icon-increase-up:before { content: "\e916"; } .icon-info:before { content: "\e917"; } .icon-instagram:before { content: "\e918"; } .icon-kiyoh:before { content: "\e96e"; } .icon-linkedin:before { content: "\e951"; } .icon-linkedin2:before { content: "\e94d"; } .icon-list:before { content: "\e949"; } .icon-lock:before { content: "\e919"; } .icon-logo-1:before { content: "\e960"; } .icon-logo-2:before { content: "\e95d"; } .icon-logo-21:before { content: "\e95e"; } .icon-logo-22:before { content: "\e95f"; } .icon-logout:before { content: "\e95c"; } .icon-menu:before { content: "\e912"; } .icon-messenger:before { content: "\e913"; } .icon-minus:before { content: "\e914"; } .icon-minus-thin:before { content: "\e915"; } .icon-open:before { content: "\e95b"; } .icon-paper-plane:before { content: "\e93a"; } .icon-pencil:before { content: "\e90e"; } .icon-pencil-ruler:before { content: "\e947"; } .icon-phone:before { content: "\e90f"; } .icon-phone-circle:before { content: "\e95a"; } .icon-pin:before { content: "\e910"; } .icon-pinterest:before { content: "\e911"; } .icon-play:before { content: "\e959"; } .icon-plus:before { content: "\e90a"; } .icon-plus-thin:before { content: "\e90b"; } .icon-pointer:before { content: "\e90c"; } .icon-refresh:before { content: "\e90d"; } .icon-rss:before { content: "\e945"; } .icon-service:before { content: "\e954"; } .icon-settings:before { content: "\e906"; } .icon-skype:before { content: "\e950"; } .icon-smile:before { content: "\e907"; } .icon-snapchat:before { content: "\e94f"; } .icon-star:before { content: "\e909"; } .icon-star-circle:before { content: "\e908"; } .icon-tools:before { content: "\e939"; } .icon-trash:before { content: "\e902"; } .icon-tree:before { content: "\e958"; } .icon-triangle-down:before { content: "\e943"; } .icon-triangle-left:before { content: "\e940"; } .icon-triangle-right:before { content: "\e941"; } .icon-triangle-up:before { content: "\e942"; } .icon-truck:before { content: "\e903"; } .icon-tumblr:before { content: "\e94b"; } .icon-twitter:before { content: "\e904"; } .icon-upload:before { content: "\e905"; } .icon-user:before { content: "\e938"; } .icon-user-circle:before { content: "\e956"; } .icon-user-circle-inside:before { content: "\e957"; } .icon-user-outline:before { content: "\e937"; } .icon-vimeo:before { content: "\e94c"; } .icon-whatsapp:before { content: "\e94a"; } .icon-world:before { content: "\e955"; } .icon-x:before { content: "\e93f"; } .icon-x-circle:before { content: "\e946"; } .icon-x-circle-outline:before { content: "\e900"; } .icon-x-small:before { content: "\e944"; } .icon-x-thin:before { content: "\e901"; } .icon-youtube:before { content: "\e94e"; } .icon-zoom:before { content: "\e936"; } .icon-star-rating-05:before { content: url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-half.svg?v=32977979519314074261650968416"); } .icon-star-rating-10:before { content: url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416"); } .icon-star-rating-15:before { content: url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-half.svg?v=32977979519314074261650968416"); } .icon-star-rating-20:before { content: url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416"); } .icon-star-rating-25:before { content: url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-half.svg?v=32977979519314074261650968416"); } .icon-star-rating-30:before { content: url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416"); } .icon-star-rating-35:before { content: url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-half.svg?v=32977979519314074261650968416"); } .icon-star-rating-40:before { content: url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416"); } .icon-star-rating-45:before { content: url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-half.svg?v=32977979519314074261650968416"); } .icon-star-rating-50:before { content: url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416") url("//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icons-star-full.svg?v=179558229606694441661650968416"); } @font-face { font-family: 'i2'; src: url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icomoon2.woff2?v=116192101415675425711650968417') format('woff2'), url('//b2b-vloerkledenwinkel.myshopify.com/cdn/shop/t/65/assets/icomoon2.woff?v=38748651141301851131650968416') format('woff'); font-display: swap; } [class^="icon2-"], [class*=" icon2-"] { font-family: 'i2' !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; } .icon2-chat-circle:before { content: "\e900"; } .icon2-envelope-circle:before { content: "\e901"; } .icon2-thumbs-up:before { content: "\e902"; } .icon2-icon-arrow-left-circle:before { content: "\e903"; } .icon-sort:before { content: ""; height: 15px; width: 15px; display: block; background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.59132 5.1043C2.49431 4.09432 3.39302 3.08862 4.29601 2.07865C4.4244 1.93314 4.55279 1.79191 4.68117 1.64641C4.37733 1.64641 4.07775 1.64641 3.77391 1.64641C4.67689 2.65639 5.5756 3.66209 6.47859 4.67207C6.60698 4.81757 6.73537 4.9588 6.86376 5.1043C7.09485 5.36108 7.53565 5.33968 7.77102 5.1043C8.0278 4.84753 8.00212 4.45381 7.77102 4.19703C6.86803 3.18705 5.96933 2.18136 5.06634 1.17138C4.93795 1.02587 4.80956 0.884645 4.68117 0.73914C4.45864 0.490925 3.99644 0.490925 3.77391 0.73914C2.87092 1.74912 1.97221 2.75482 1.06922 3.7648C0.940829 3.9103 0.812442 4.05153 0.684055 4.19703C0.452958 4.45381 0.42728 4.85181 0.684055 5.1043C0.919431 5.33968 1.36023 5.36536 1.59132 5.1043Z' fill='%23473D3D'/%3E%3Cpath d='M3.58398 1.35669C3.58398 2.87166 3.58398 4.39091 3.58398 5.90588C3.58398 8.31956 3.58398 10.7332 3.58398 13.1469C3.58398 13.6947 3.58398 14.2468 3.58398 14.7945C3.58398 15.1284 3.87927 15.4536 4.22592 15.4365C4.57257 15.4194 4.86786 15.154 4.86786 14.7945C4.86786 13.2796 4.86786 11.7603 4.86786 10.2454C4.86786 7.83169 4.86786 5.41801 4.86786 3.00433C4.86786 2.45654 4.86786 1.90448 4.86786 1.35669C4.86786 1.02289 4.57257 0.69764 4.22592 0.714759C3.87927 0.731877 3.58398 0.99721 3.58398 1.35669Z' fill='%23473D3D'/%3E%3Cpath d='M7.22995 11.8028C8.13294 12.8128 9.03165 13.8185 9.93464 14.8284C10.063 14.9739 10.1914 15.1152 10.3198 15.2607C10.5423 15.5089 11.0045 15.5089 11.2271 15.2607C12.1301 14.2507 13.0288 13.245 13.9318 12.235C14.0601 12.0895 14.1885 11.9483 14.3169 11.8028C14.548 11.546 14.5737 11.148 14.3169 10.8955C14.0815 10.6601 13.6408 10.6345 13.4097 10.8955C12.5067 11.9055 11.608 12.9112 10.705 13.9212C10.5766 14.0667 10.4482 14.2079 10.3198 14.3534C10.6237 14.3534 10.9232 14.3534 11.2271 14.3534C10.3241 13.3434 9.42537 12.3377 8.52238 11.3278C8.394 11.1822 8.26561 11.041 8.13722 10.8955C7.90613 10.6387 7.46533 10.6601 7.22995 10.8955C6.97318 11.1523 6.99886 11.546 7.22995 11.8028Z' fill='%23473D3D'/%3E%3Cpath d='M11.4167 14.6412C11.4167 13.1263 11.4167 11.607 11.4167 10.092C11.4167 7.67837 11.4167 5.26469 11.4167 2.85101C11.4167 2.30322 11.4167 1.75116 11.4167 1.20337C11.4167 0.869567 11.1214 0.54432 10.7747 0.561438C10.4281 0.578557 10.1328 0.84389 10.1328 1.20337C10.1328 2.71834 10.1328 4.23759 10.1328 5.75256C10.1328 8.16624 10.1328 10.5799 10.1328 12.9936C10.1328 13.5414 10.1328 14.0934 10.1328 14.6412C10.1328 14.975 10.4281 15.3003 10.7747 15.2832C11.1214 15.266 11.4167 15.0007 11.4167 14.6412Z' fill='%23473D3D'/%3E%3C/svg%3E%0A"); } /* Animations --------- */ .popup-a.shown .box-inset, .popup-a.unshown .box-inset { -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .popup-a.shown .box-inset { -webkit-animation-name: anim-open; animation-name: anim-open; } .popup-a.unshown .box-inset { -webkit-animation-name: anim-close; animation-name: anim-close; } @-webkit-keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } } @keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } } /* Responsive --------- */ @media only screen and (max-width: 87.5em) { /* 1400 */ #top, #content, #footer, .module-product-bar > div { width: 1180px; } #top { margin-left: -590px; } #top { } #formSearch { left: 355px; width: 405px; } #formSearch input { font-size: 15px; } #top > form > div { padding-left: 15px; padding-right: 15px; } form .search-autocomplete .view-all { right: 20px; } form .search-autocomplete .list-compact li:first-of-type { margin-top: 25px; } form .search-autocomplete .list-compact li a, form .search-autocomplete .list-cart li a { font-size: 15px; } #nav > ul + ul > li.kiyoh { margin-right: 25px; } #nav > ul > li { margin-right: 32px; } #footer { } #footer > div > *:nth-child(3), #footer > div > div.mobile-only + * { min-width: 0; max-width: none; width: auto; } .accordion-a.small { } .accordion-a.small .link-btn a { min-width: 0; } .cols-b { padding-right: 375px; } .cols-b > header:first-child, .cols-b > aside { width: 335px; margin-right: -375px; } .double.b110, .double.b80 { margin-left: -60px; } .double.b110 > *, .double.b80 > * { border-left-width: 60px; } .list-box { } .list-box li { width: 16.6666666667%; } .list-box.small { } .list-box.small li { width: 16.6666666667%; } .list-cart-main { } .list-cart-main li { padding-right: 210px; } .list-cart-main .qty { right: 100px; } .list-check.box { padding-left: 20px; padding-right: 20px; } .list-check.cols { } #root .list-check.cols li { width: 50%; } .list-collection { margin-left: -20px; margin-right: -20px; } .list-collection li { padding: 0 20px 10px; border-left-width: 0; } .list-collection li:before { top: -20px; } .list-collection figure, .list-collection figure > a:first-child { height: 335px; } /* .list-collection .price { right: 20px; bottom: 10px; } */ .list-collection .owl-nav button { top: 139px; } .list-collection .list-featured li.link-more { padding: 33px 100px 33px 35px; font-size: 26px; } .list-collection .list-featured li.link-more > span { margin: 0 0 13px; line-height: 1.3076923077; } .list-collection .list-featured li.link-more img { max-width: none!important; } [class*="cols"] .list-collection { } [class*="cols"] .list-collection figure, [class*="cols"] .list-collection figure > a:first-child, .list-collection figure, .list-collection figure > a:first-child { height: 315px; } .list-collection.is-slider, .list-collection.box, .list-collection.is-slider.box { margin-left: -20px; margin-right: -20px; } .list-comments { } .list-comments .owl-nav button.owl-next { right: -28.5px; } .list-comments.is-slider { max-width: none; } .list-contact { margin-left: -10px; margin-bottom: 15px; } .list-contact li { border-left-width: 10px; font-size: 15px; } #shopify-section-stores .box ul.list-contact li:not(:first-of-type) { margin-left: 0; } .list-featured { } .list-featured li.link-more { min-height: 175px; padding: 15px 20px; font-size: 21px; } .list-featured li.link-more > span { margin: 0 0 8px; line-height: 1.3333333333; } .list-featured li.link-more img { max-width: 80px !important; } .list-featured li.small img { max-height: 170px !important; } .list-featured.welcome { } .list-featured.welcome span .link { margin-top: 9px; } .list-gallery { } .list-gallery li { width: 25%; } .list-inline.strong { margin-left: -40px; } .list-inline.strong li { border-left-width: 40px; } .list-news { } .list-news li { padding: 0 20px 5px; } .list-news figure { margin: 0 -20px 20px; } .list-product.is-slider { padding-left: 100px; } .module-product .roomvo-container { padding-left: 100px; } #root .list-product .pager { width: 80px; margin-left: -100px; } .list-product .pager li { margin-bottom: 20px; } .list-product.is-slider + .link-more { margin-left: 100px; width: calc(100% - 100px);} .module-aside { padding-left: 350px; } .module-aside > figure:first-child { width: 315px; } .module-aside header { margin-bottom: 0; } .module-aside.inv { padding-right: 350px; } .module-aside.box.inv { padding-right: 350px; } .module-aside.small { padding-right: 150px; } .module-product { padding-left: 600px; } .module-product > *:first-child, .product-info { width: 540px; margin-left: -600px; } /* .module-product > *:first-child { width: 520px; max-width: 520px; margin-left: -565px; } */ .module-product > *:first-child { width: 520px; max-width: 520px; margin-left: -600px; } .module-rating { padding-right: 45px; } .form-size { } .form-size p:first-child + p { border-left-width: 30px; } .form-size p:first-child + p:before { width: 30px; } #root .form-size button, #root .form-size .btn { width: 100px; } .list-inline.strong { -webkit-justify-content: space-between; justify-content: space-between; } .module-aside p br { display: none; } #footer .list-payments li { margin-right: 25px; } } #footer > div > .bot { width: 21.5%; } #footer > div > .payments { min-width: 35%; } @media only screen and (max-width: 81.25em) { /* 1300 */ .popup-a .box-inner { width: 1180px; } .popup-a { } .popup-a .box-inset { padding: 30px 30px .1px; } .popup-a .box-inset > .close { width: 75px; height: 75px; } .popup-a .module-product { padding-left: 527px; padding-top: 20px; } .popup-a .module-product > *:first-child { width: 482px; margin-left: -527px; } .popup-a .module-product .list-product { margin-top: -20px; } #root .popup-a .list-product.is-slider { padding-left: 106px; } #root .popup-a .list-product.is-slider .pager { margin-left: -106px; } .popup-a .list-product .link-more { left: 106px; } } @media only screen and (max-width: 75em) { /* 1200 */ #top, #content, #footer, .module-product-bar > div, .popup-a .box-inner { width: 980px; } #top { margin-left: -490px; } #top { } #top .list-usp { right: -24px; } #top .list-usp li { margin-right: 24px; font-size: 13px; } #top .list-usp li, #footer .list-usp li { margin-right: 60px; } #formSearch { left: 335px; width: 420px; } #nav > ul > li > .list-box { padding-bottom: 6px; } #formSearch input { padding-right: 52px; } #formSearch button { width: 52px; } #nav > ul + ul > li.kiyoh { display: none; } #nav > ul > li { margin-right: 18px; } #nav > ul > li.text-right { margin-right: 42px; } #nav > ul > li > a { font-size: 0.9em; } #nav > ul > li > .megamenu > li:first-of-type { width: 40%; } #nav > ul > li > .megamenu > li.visual { border-left: none; padding-left: 0; width: 60%; } #nav > ul > li > .megamenu .visual ul > li .img img { height: 110px !important; } #footer { } #footer > div { margin-left: -40px; } #footer > div > * { margin-bottom: 50px; } #footer > div > *, #footer > div > *:nth-child(3), #footer > div > div.mobile-only + * { width: 33.3333333333%; border-left-width: 40px; } #footer .list-social { margin-right: -50px; } #footer input { width: 100%; padding-right: 50px; } /*#footer button { left: auto; right: 0; width: 50px; padding: 0; font-size: 20px; text-indent: -3000em; text-align: left; } #footer button:before { content: "\e93a"; }*/ #footer > nav ul { margin-right: -30px; } q { margin-bottom: 26px; font-size: 34px; } .cols-a.a { padding-left: 315px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 240px; margin-left: -315px; } .cols-b { padding-right: 365px; } .cols-b > header:first-child, .cols-b > aside { margin-right: -365px; } form .double.a { margin-left: -20px; } form .double.a > * { border-left-width: 20px; } .double.b { } .double.b > *, .double.b > *:first-child, [class*="cols"] .list-collection > li, .list-collection > li { width: 50%; } .double.b110, .double.b80 { margin-left: -40px; } .double.b110 > *, .double.b80 > * { border-left-width: 40px; } .cols-a { padding-left: 290px; } .cols-a > header:first-child, .cols-a > aside { margin-left: -290px; } .cols-a .form-comment .double.a > * { width: 43%; } .cols-a .form-comment .double.a > *:first-child { width: 57%; } .list-box { } .list-box li, .list-box.small li { width: 20%; } .list-cart-main { } .list-cart-main li { min-height: 153px; padding-top: 0; padding-right: 110px; padding-bottom: 20px; padding-left: 120px; } .list-cart-main > li { margin-bottom: 20px; } .list-cart-main figure { width: 100px; } .list-cart-main .price { top: 55px; } .list-cart-main .remove { bottom: 12px; } .list-cart-main .qty { right: 0; top: 0; } .list-cart-main .list-tags { margin-bottom: -10px; } .list-catalog { margin-bottom: 20px; } .list-catalog li { margin-bottom: 21px; font-size: 24px; } .list-check.cols { display: block; } #root .list-check.cols li { width: 100%; } .list-collection { } .list-collection figure, .list-collection figure > a:first-child { height: 272px; } .list-collection .owl-nav button { top: 107.5px; } .list-collection .list-featured li.link-more { padding-right: 50px; } .list-collection .list-check li { padding-left: 24px; font-size: 14px; } .list-collection .list-check li:before { top: .2em; font-size: 16px; } [class*="cols"] .list-collection { } /* [class*="cols"] .list-collection figure, [class*="cols"] .list-collection figure > a:first-child, .list-collection figure, .list-collection figure > a:first-child { height: 380px; } */ .list-collection.small { } .list-collection.small li { width: 20%; font-size: 15px; } .list-contact { margin-left: -20px; } .list-contact li { border-left-width: 20px; font-size: 16px; } .list-featured { } .list-featured li { font-size: 20px; } .list-featured span, .list-collection .list-featured span { padding-bottom: 20px; } .list-featured span.scheme-box, .list-collection .list-featured span.scheme-box { padding-bottom: 0; } .list-featured span .link, .list-featured.welcome span .link, .list-collection .list-featured span span.link { margin-top: 7px; font-size: 13px; } .list-featured li.link-more { min-height: 142px; } .list-featured li.high img { min-height: 416px !important; } .list-featured li.small img { max-height: 138px !important; } .list-featured.welcome { } .list-featured.welcome li { width: 33.3%; } .list-featured.welcome span .link { margin-top: 9px; padding-right: 20px; } .list-filter { } .list-filter ul label, .list-filter ul.scrolled label { padding-right: 21px; } .list-filter ul label:before { right: 0; } .list-filter ul.scrolled label:before { right: 0; } .list-info { } .list-info li { padding-left: 200px; } .list-info li > span:first-child { width: 200px; margin-left: -200px; } .list-inline.strong { margin-left: -10px; } .list-inline.strong li { border-left-width: 10px; } .list-news { } .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6 { font-size: 20px; } .list-product.is-slider { padding-left: 0; } .module-product .roomvo-container { padding-left: 0!important; } .list-product.is-slider + .link-more, .list-product + .link-more { overflow: visible; z-index: 5; min-height: 0; margin-left: 0; margin-top: -30px; border-top-left-radius: 0; border-top-right-radius: 0; width: 100%; } .list-product + .link-more.overlay-a:before { left: -2px; right: -2px; top: -6px; border-radius: 0; background: var(--razz); } .list-product + .link-more > span { margin-bottom: 1px; } .list-product .video { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; } .list-product .video .icon-play:before { font-size: 20px; padding: 12.5px 13px 12.5px 15px; } .list-rating { } .list-rating q { font-size: 1.3em; } #root .module-aside { padding-left: 0; padding-right: 0; } .module-aside > figure:first-child, .module-aside.small > figure:last-child { display: none; } #root .module-aside.box { padding-left: 30px; padding-right: 30px; } .module-product { padding-left: 480px; } .module-product > *:first-child, .product-info { width: 430px; max-width: 430px; margin-left: -480px; } .form-product .select-like > span { margin-left: 20px; } .form-product .select-like > span:first-child { min-width: 0; } .module-rating { min-height: 316px; padding-left: 45px; } .popup-a { } .popup-a .module-product { padding-left: 421px; padding-top: 20px; } .popup-a .module-product > *:first-child { width: 376px; margin-left: -421px; } .popup-a .module-product .list-product { margin-top: -20px; } #root .popup-a .list-product.is-slider { padding-left: 0; } #root .popup-a .list-product.is-slider .pager { margin-left: 0; } .popup-a .list-product .link-more { left: 0; } .form-cart { } .form-cart button, .form-cart > footer a.btn { min-width: calc(50% - 10px); padding-left: 20px; padding-right: 20px; } .form-product { } .form-product .submit { padding-left: 160px; } /* .form-product .submit .price { width: 160px; margin-left: -160px; padding-right: 22px; } */ .form-size { padding-left: 4px; padding-right: 14px; } .form-size p { border-left-width: 10px; } #root .form-size button, #root .form-size .btn { width: 80px; } .form-product .select-like { -webkit-justify-content: space-between; justify-content: space-between; } .text-blocks .content { padding-right: 15px; } #footer > div br { display: none; } #root .list-product .pager { display: flex; justify-content: center; margin-top: 10px; margin-left: unset; width: 100%; } .list-product .pager li:last-child { margin-right: 0; } .zichtservice .list-cart li.message { max-width: 100%; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #content, #footer, .module-product-bar > div, .popup-a .box-inner { width: 720px; } #top { margin-left: -360px; } h1, .heading-main h1, .heading-main h2, .heading-main h3, .heading-main h4, .heading-main h5, .heading-main h6, h1.s38, h2.s38, h3.s38, h4.s38, h5.s38, h6.s38, .s38 { font-size: 36px; } .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6, q, .module-aside.small h1, .module-aside.small h2, .module-aside.small h3, .module-aside.small h4, .module-aside.small h5, .module-aside.small h6, .module-product header h1, .module-product header h2, .module-product header h3, .module-product header h4, .module-product header h5, .module-product header h6 { font-size: 30px; } q { margin-bottom: 20px; } /*#root { padding-top: 147px; }*/ #top { height: 147px; /*border-top-width: 0;*/ } #logo { width: 175px; } #logo:before, #logo:after { font-size: 21px; } #formSearch { left: 188px; top: 14.5px; width: 380px; } #formSearch input { font-size: 14px; padding-left: 12px; } #formSearch button { font-size: 15px; width: 37px; } form .search-autocomplete .view-all { left: 15px; top: 10px; } form .search-autocomplete .list-compact li:first-of-type { margin-top: 15px; max-width: 200%; } form .search-autocomplete .list-compact li a, form .search-autocomplete .list-cart li a { font-size: 14px; } #nav > ul { margin-right: -25px; } #nav > ul > li, #nav > ul + ul > li { margin-right: 18px; } #nav > ul + ul > li:not(:last-of-type) { margin-right: 15px; } #nav > ul + ul > li.zs { margin-right: 22px; } #nav > ul > li > a[href*="tel"] { width: 24px; text-indent: -3000em; text-align: left; } #nav > ul > li > a[href*="tel"]:before { content: "\e95a"; color: var(--silver); font-size: 24px; text-align: right; } #nav > ul + ul { height: 72px; margin-right: -25px; } #nav > ul + ul > li > a i, #nav > ul + ul > li { line-height: 55px; } #nav > ul + ul > li > a i, #nav > ul + ul > li > a { height: 55px; } #nav > ul + ul > li > a i span { bottom: 10px; } #nav > ul > li > .megamenu { padding-left: 0; padding-right: 0; padding-top: 20px; } #nav > ul > li > .megamenu::before { background-color: var(--white); } #nav > ul > li > .megamenu > li:first-of-type { width: 50%; } #nav > ul > li > .megamenu > li.visual { width: 50%; } #nav > ul > li > .megamenu .visual ul > li {width: calc(100% / 2 - 15px); } #nav > ul > li > .megamenu.colors ul li:not(.btn) { height: 48px; margin-right: 40px; width: 48px; } article .intro { flex-wrap: wrap; } article .intro > div { padding-right: 40px; } article .intro > img { /*max-width: 100% !important; */ display: none; } #content { } #content > .tabs-b:last-child { margin-bottom: 40px; } #content .shopify-section > aside h3 { margin-top: 10px; } #footer { } #footer > div { overflow: hidden; margin: 0 -1000px; padding: 40px 1000px 20px 970px; } /* #footer > div > *, #footer > div > *:nth-child(3), #footer > div > div.mobile-only + * { width: 33.333333333333%; min-width: 0; max-width: none; border-left-width: 30px; } */ #root #footer > div > * { width: 50%; margin-bottom: 30px; } /*#root #footer > div > *:nth-child(3), */#footer > div > div.mobile-only + * { width: 50%; } #root #footer > div > *:nth-child(4) { width: 33.33333333%; } #root #footer > div > form { width: 70%; } #root #footer > div > .list-payments { left: 20px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { font-size: 18px; } #footer p, #footer li { font-size: 14px; } #footer p, #footer ul, #footer ol { margin-bottom: 11px; } #footer a[href*="tel"]:before { margin-right: 6px; } #footer form p { margin-bottom: 27px; } #footer > div .scheme-map { margin-left: -50px; } #footer .list-social { margin-top: 20px; } #footer > .list-social { position: relative; z-index: 2; margin: 0 -20px; padding: 50px 4px 0 20px; background-position: -3000em -3000em; } #footer > .list-social:before { background-color: var(--alabaster); } #footer > div > .bot { width: calc(100% / 3) !important; } #footer > div > .payments { display: flex; flex-wrap: wrap; width: 100% !important; } #footer > div > .payments h3 { font-weight: 600; margin-bottom: 30px; width: 100%; } #footer > div > .payments .logos { border-right: 1px solid rgba(71, 61, 61, 0.1); margin-bottom: 0; margin-right: 25px; margin-top: 0; padding-right: 25px; } #footer > div > .payments .logos .kiyoh { margin-right: 15px; } #footer .icon2-envelope-circle:before, #footer .icon2-chat-circle:before { font-size: 20px; margin-right: 3px; } #footer .list-payments { margin-bottom: 0; width: auto; } #footer .list-payments li { margin-bottom: 0; } .accordion-a.small { } .accordion-a.small > div > h1, .accordion-a.small > div > h2, .accordion-a.small > div > h3, .accordion-a.small > div > h4, .accordion-a.small > div > h5, .accordion-a.small > div > h6 { padding-top: 12px; font-size: 20px; } .accordion-a.small > div > .header a:after { padding: 0; } .accordion-a.small > div, .module-aside-box { padding-left: 18px; padding-right: 18px; } .cols-a { padding-left: 250px; } .cols-a > header:first-child, .cols-a > aside { width: 230px; margin-left: -250px; } #root .cols-a form .double > * { float: none; width: auto; } .cols-a.a { padding-left: 250px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 230px; margin-left: -250px; } .cols-b { padding-right: 250px; } .cols-b > header:first-child, .cols-b > aside { width: 230px; margin-right: -250px; } .double.a { margin-left: -20px; } .double.a > * { border-left-width: 20px; } .double.b110 { margin-left: -40px; } .double.b110 > * { border-left-width: 40px; } .link-more.box { padding-right: 10px; } .module-product .link-more.box > span { font-size: 18px; } .module-product .link-more.box a { font-size: 13px; } .list-box { } .list-box li, .list-box.small li { width: 25%; } .list-box li.link-btn:nth-child(4n+1):last-child { width: 100%; } .list-comments { } .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6 { padding-left: 112px; } .list-cart-main { } .list-cart-main li { min-height: 126px; padding-right: 0; padding-bottom: 20px; padding-left: 100px; } .list-cart-main h1, .list-cart-main h2, .list-cart-main h3, .list-cart-main h4, .list-cart-main h5, .list-cart-main h6 { font-size: 22px; } .list-cart-main figure { width: 80px; } .list-cart-main .price { position: relative; float: right; top: 0; padding-top: 3px; } .list-cart-main .remove { bottom: 14px; } .list-cart-main .qty { float: left; position: relative; } .list-cart-main .list-tags { clear: both; padding-right: 25px; } .list-cart-main .list-inline { margin-left: -15px; } .list-cart-main .list-inline li { margin-left: 15px; } .list-catalog { margin-top: 0; } .list-catalog li { width: 50%; font-size: 26px; } .list-collection { } .list-collection li, .list-gallery li { width: 33.3333333333%; } #root .list-collection li.wide { padding-left: 20px; padding-right: 20px; } .list-collection figure, .list-collection figure > a:first-child { height: 270px; } .list-collection .owl-nav button { top: 106.5px; } .list-collection .list-featured { display: block; margin-bottom: 18px; } .list-collection .list-featured li { float: none; width: 100%; min-width: 0; max-width: none; } .list-collection .list-featured li.link-more { padding-right: 140px; } [class*="cols"] .list-collection { } [class*="cols"] .list-collection figure, [class*="cols"] .list-collection figure > a:first-child, .list-collection figure, .list-collection figure > a:first-child { height: 272px; } .list-collection.small { } .list-collection.small li { width: 25%; font-size: 15px; } .list-collection.small figure { height: 200px; } .list-color { list-style: none; margin: 0 -9px 31px 0; } .list-color li { width: 33px; height: 33px; margin: 0 9px 9px 0; } .list-color li.active:before { font-size: 8px; } .list-featured { } #content > .list-featured:first-child { margin-top: 0; } .list-featured.welcome { } .list-featured.welcome li { width: 49.95%; } .list-featured li.link-more { min-height: 155px; } .list-featured li.high img { min-height: 0 !important; } .list-featured li.small img { max-height: none!important; } .list-info { } .list-info li { padding-left: 140px; } .list-info li > span:first-child { width: 140px; margin-left: -140px; } .list-news { margin-top: 0; } .list-news li { width: 50%; padding: 0 26px 10px; } .list-news figure { margin: 0 -26px 26px; } .list-payments { } .list-payments li { margin-right: 20px; } .list-product { } .list-product .owl-nav button { width: 39px; height: 39px; margin-top: -19.5px; font-size: 11px; } .list-product .owl-nav button.owl-prev { left: -12.5px; } .list-product .owl-nav button.owl-next { right: -12.5px; } .list-rating { margin-bottom: 10px; } .list-reviews { } .list-reviews li { padding-right: 0; } .list-reviews p { float: none; width: auto; } .list-reviews p.text-right { float: none; width: auto; margin-top: -15px; margin-right: 0; padding-left: 0; } .list-tags.a { line-height: 28px; } .list-tags a { padding: 0 8px; border-radius: 3px; } .list-tags .tooltip { width: 13px; } .list-tags .tooltip:after, .list-tags .tooltip:before { font-size: 13px; } #root .m40 { margin-bottom: 30px; } #root .m70 { margin-bottom: 50px; } .module-author { } #root .module-author h1, #root .module-author h2, #root .module-author h3, #root .module-author h4, #root .module-author h5, #root .module-author h6 { font-size: 32px; } .module-aside { } .module-aside .link-btn { margin-right: -10px; } .module-aside .link-btn a { min-width: 0; margin-right: 10px; } .module-aside h1 + p, .module-aside h2 + p, .module-aside h3 + p, .module-aside h4 + p, .module-aside h5 + p, .module-aside h6 + p { margin-top: -2px; } .module-aside-box { padding-top: 18px; padding-bottom: 18px; } .module-aside-box h1, .module-aside-box h2, .module-aside-box h3, .module-aside-box h4, .module-aside-box h5, .module-aside-box h6 { margin-bottom: 10px; font-size: 20px; } .module-gallery, .module-wide { display: block; padding: 50px 0 29px; } #root .module-gallery > * { width: auto; margin-left: 0; padding-right: 0; } .module-product, .popup-a .module-product { padding-left: 340px; padding-top: 0; } .module-product > *:first-child, .popup-a .module-product > *:first-child, .product-info { width: 300px; max-width: 300px; margin-left: -340px; } .module-rating { padding-top: 20px; padding-left: 35px; padding-right: 25px; } .module-rating .owl-nav button { width: 46px; height: 46px; margin-top: -23px; font-size: 13px; } .module-rating .owl-nav button.owl-prev { left: -23px; } .module-rating .owl-nav button.owl-next { right: -23px; } .popup-a { } .popup-a .module-product .list-inline { margin-bottom: 14px; } .tabs-b { } .tabs-b > nav ul { margin-right: -20px; } .tabs-b > nav ul li { margin-right: 20px; font-size: 16px; } .tabs-b > nav h1 + ul, .tabs-b > nav h2 + ul, .tabs-b > nav h3 + ul, .tabs-b > nav h4 + ul, .tabs-b > nav h5 + ul, .tabs-b > nav h6 + ul { padding-top: 17px; } .w1192 { } .double.w1192.a > * { width: calc(50% - 10px); } .form-cart { } .form-cart button, .form-cart > footer a.btn { min-width: 0; } .form-comment { } /* .form-comment span.sticky { display: block; position: absolute; right: 0; top: 100%; text-align: right; } */ .form-login { padding-top: 15px; } .form-login h1, .form-login h2, .form-login h3, .form-login h4, .form-login h5, .form-login h6 { font-size: 28px; } .form-login p, .form-login .list-check { margin-top: 0; margin-bottom: 20px; } .form-login.box { padding-left: 20px; padding-right: 20px; padding-bottom: .1px; } .form-login.box button, .form-login .link-btn, .popup-a .module-product .list-product { margin-top: 0; } .form-login button.toggle-form { margin-top: 0; } .form-product { } .form-product .select-chosen label { visibility: hidden; opacity: 0; } .form-product .select-like { overflow: visible; } .form-product .select-like > span:first-child + span.prefix { display: block; position: absolute; left: auto; top: -48px; margin: 0; padding: 0; right: 0; } .form-product .submit { padding-left: 0; } .form-product .submit .price { /*width: auto;*/ display: table; margin: 0 0 17px; /*padding: 0 0 0 32px; text-align: left;*/ } #root .form-product .submit .btn, .quickshop-container .form-product .submit .btn.is-added, #root .form-product .submit > a, .quickshop-container .form-product .submit > a { padding-left: 36px; padding-right: 36px; } .form-search { } .form-search input { width: calc(100% - 160px)!important; } .form-search button { width: 150px; } .form-size { } #root .form-size .price { display: block; position: relative; top: -1px; text-align: left; } #root .form-size .price .old { display: block; margin-bottom: -9px; padding-top: 7px; font-size: .75em; line-height: 1; } #root .form-size button, #root .form-size .btn { width: 100%; } form { } /* input + span.sticky, textarea + span.sticky, select + span.sticky { display: block; padding-top: 9px; text-align: right; } */ #footer > .list-social, .form-cart > footer p { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #footer > nav { background-size: 162px auto; padding: 40px 0; } #footer > nav ul li { margin-right: 30px; font-size: 14px; } .module-aside .link-btn a, .form-size p, .form-cart > footer p > * { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .list-collection.small li:nth-child(6n):last-child { display: block; } /*#top .list-usp, */#nav > ul > li.text-right, .form-login p br, #footer > .list-social, .list-news li:nth-child(3):last-child, #root .list-color span { display: none; } /* #root .desktop-hide, #root .tablet-only, form span.sticky { position: relative; left: 0; top: 0; } */ #root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } .text-blocks > .text-center { font-size: 28px; margin-bottom: 20px; text-align: left; } .text-blocks .content { padding-right: 0; width: 88%; } .text-blocks .content q { font-size: 21px; } .text-blocks .content .default { flex-wrap: wrap; } .text-blocks .content .default > div:not(:last-of-type) { margin-right: 20px; } .text-blocks .content .default div:first-of-type { margin-right: 0; width: 100%; } .text-blocks .content .default div:first-of-type p { display: flex; } .text-blocks .content .default div:first-of-type p a { margin-left: 5px; } .text-blocks .list-featured { width: 100%; } .text-blocks .list-featured .owl-stage-outer { overflow: visible; } .text-blocks .list-featured li { border-left: none; width: 272px; } .text-blocks .list-featured li a { height: 195px; } .text-toggle { margin-bottom: 100px; } .zichtservice .list-cart li.message { padding-left: 0; } /*! Trengo --------- */ #trengo-web-widget > div > .TrengoWidgetLauncher__iframe { bottom: 80px; } #trengo-web-widget > div > .TrengoOnlineStatus__iframe { bottom: 60px; } #trengo-web-widget > div > .TrengoWidgetPanel__iframe { bottom: 150px !important; } } @media only screen and (max-width: 47.5em) { /* 760 */ #content, #footer { width: auto; } #content, #footer, .sidebar-cart { padding-left: 20px; padding-right: 20px; } body, .list-breadcrumbs li, #footer p, #footer li, .list-catalog span span, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .list-contact li, .module-rating h1, .module-rating h2, .module-rating h3, .module-rating h4, .module-rating h5, .module-rating h6, .accordion-a > div > h1, .accordion-a > div > h2, .accordion-a > div > h3, .accordion-a > div > h4, .accordion-a > div > h5, .accordion-a > div > h6 { /*font-size: 13px;*/ font-size: 15px; } h1, .heading-main h1, .heading-main h2, .heading-main h3, .heading-main h4, .heading-main h5, .heading-main h6, h1.s38, h2.s38, h3.s38, h4.s38, h5.s38, h6.s38, .s38, .module-product header h1, .module-product header h2, .module-product header h3, .module-product header h4, .module-product header h5, .module-product header h6, .tabs-b > nav h1, .tabs-b > nav h2, .tabs-b > nav h3, .tabs-b > nav h4, .tabs-b > nav h5, .tabs-b > nav h6, .module-aside h1, .module-aside h2, .module-aside h3, .module-aside h4, .module-aside h5, .module-aside h6, q, .module-aside.small h1, .module-aside.small h2, .module-aside.small h3, .module-aside.small h4, .module-aside.small h5, .module-aside.small h6 { font-size: 28px; } #root .module-author h1, #root .module-author h2, #root .module-author h3, #root .module-author h4, #root .module-author h5, #root .module-author h6, q { font-size: 24px; } h2, h3, h4, h5, h6, legend, .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6 { font-size: 19px; } ul, ol, dl, p, figure, table, pre, .form-comment header, #root .module-author { margin-bottom: 26px; } h1, h2, .h2, h3, h4, h5, h6, legend { margin-bottom: 21px; } .list-news h1, .list-news h2, .list-news h3, .list-news h4, .list-news h5, .list-news h6, #root .form-sort p.m0 { margin-bottom: 10px; } q { margin-bottom: 16px; font-size: 20px; line-height: 1.3; } .list-social a { height: 42px; width: 42px; } .list-social i { font-size: 15px; } .list-social .icon-facebook { font-size: 13px; } .list-social .icon-youtube { font-size: 11px; } #root { padding-top: 148px; } #top { /*position: fixed;*/ left: 0; right: 0; width: auto; height: 148px; margin: 0; padding: 0; /*background: var(--white);*/ border-top: none; border-bottom: 35px solid var(--white); } #top:before { pointer-events: none; } #top .container-fix { position: relative; width: 100%; height: 100%; } /* html:not(.not-top) #top > .container { position: absolute!important; } */ #top > .container { /*position: fixed;*/ height: 50px; width: 100%; background-color: var(--white); z-index: 22; border-bottom: 1px solid var(--white);} html:not(.not-top) #top > .container { position: static!important; } #top > .container.scroll-to-fixed-fixed + div { pointer-events: none; } .not-top:not(.menu-active) #top > .container.scroll-to-fixed-fixed { border-color: var(--mercury); } .menu-active #top { border-bottom: none; height: 100px; background-color: var(--white); position: fixed; } #logo { /*position: fixed;*/ position: absolute; left: 50%; transform: translateX(-50%); height: 50px; width: 175px; } /* .has-bar #logo { top: 35px; } */ #logo:before, #logo:after { font-size: 15px; } .menu-active #logo { /*left: 20px; overflow: hidden; width: 44px;*/ display: none; } #top .menu:after { z-index: 23; pointer-events: none; content: "\e912"; display: block; /*position: fixed;*/ position: absolute; /*left: 20px;*/ left: 0; /*top: auto;*/top: 0; height: 50px; color: var(--coal); font-family: i; font-size: 14px; font-weight: 400; line-height: 43px; } .menu-active #top .menu:after { content: "\e901"; left: 3px; top: -5px; font-size: 19px; line-height: 50px; font-weight: 800; } #nav { left: auto !important; right: 30px !important; top: 0 !important; bottom: auto; width: auto !important; height: 48px; margin: 0 !important; } #nav > ul + ul { position: relative; height: 48px; margin-right: -16px; padding: 0; } #nav > ul + ul > li { margin-right: 16px; } #nav > ul + ul > li > a i, #nav > ul + ul > li { line-height: 48px; } #nav > ul + ul > li > a i, #nav > ul + ul > li > a { height: 48px; color: var(--coal); } #nav > ul + ul > li > a i { font-size: 23px; } #nav > ul + ul > li > a i.icon-bag { font-size: 21px; } #nav > ul + ul > li > a i.icon-heart { font-size: 19px; } #nav > ul + ul > li > a i.icon-heart:before { content: "\e91b"; } #nav > ul + ul > li > a i.icon-user-circle { font-size: 21px; } #nav > ul + ul > li > a i span { bottom: 8px; } #formSearch { left: 20px; top: auto; right: 20px; bottom: 14px; width: auto; height: 40px; z-index: -1; } .menu-active #formSearch { top: 59px; position: fixed; } .has-bar.menu-active #formSearch { top: 94px; } #top > form.full > div { left: 0; right: 0; white-space: normal; transform: none;} #formSearch input { height: 40px; padding: 0 47px 0 20px; border-radius: 8px; border: 1px solid var(--lightgrey); font-size: 13px; } #formSearch button { width: 47px; height: 40px; font-size: 18px; color: var(--coal); } #formSearch button:before { right: 13px; text-align: right; } #top .menu { display: block; position: absolute; z-index: 2129; width: 50px; font-weight: 400; color: var(--coal); text-transform: uppercase; font-size: 7px; top: 0; left: 20px; padding-top: 29px; } #top .menu:hover { text-decoration: none; } .menu-active #top .menu { left: auto; /*right: 0;*/ right: -8px; /*opacity: 0; color: transparent;*/ position: fixed; } #content { padding-top: 19px; } #content > header:first-child, .list-breadcrumbs + h1, .list-breadcrumbs + h2, .list-breadcrumbs + h3, .list-breadcrumbs + h4, .list-breadcrumbs + h5, .list-breadcrumbs + h6, .form-login .link-btn, .link-btn.text-center > span + a, .module-aside h1 + p, .module-aside h2 + p, .module-aside h3 + p, .module-aside h4 + p, .module-aside h5 + p, .module-aside h6 + p, /*.form-product .submit,*/ .tabs-a + *, .list-color + .module-gallery { margin-top: 0; } #content > *:last-child { margin-bottom: 30px; } #content > .list-catalog:last-child, #content > .list-news:last-child, #content > .list-collection:last-child, #content > .tabs-b:last-child { margin-bottom: 10px; } .sidebar-cart { } .sidebar-cart > h1, .sidebar-cart > h2, .sidebar-cart > h3, .sidebar-cart > h4, .sidebar-cart > h5, .sidebar-cart > h6 { height: 48px; margin: 0 -20px; padding: 0 48px 0 20px; font-size: 20px; line-height: 48px; } .sidebar-cart > .close { width: 48px; height: 48px; padding-right: 20px; font-size: 16px; text-align: right; } .sidebar-cart > .link-btn { margin-bottom: 10px; } .sidebar-cart .list-cart { top: 48px; bottom: 180px; padding: 0 20px; } .sidebar-cart .list-total { margin-bottom: 7px; } #mobile { display: block; overflow-x: hidden; overflow-y: auto; position: fixed; left: 0!important; top: 95px; right: 0; bottom: 0; z-index: 9999; padding: 0 0 66px; /*background: var(--white);*/ background: var(--sand); border-top: 1px solid var(--gallery); } #mobile.ul-toggled { background: var(--white); } #mobile, .form-filter { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .menu-active #mobile, .filter-active .form-filter { -webkit-transform: none; transform: none; } #mobile ul { /*overflow: hidden;*/ overflow: visible; z-index: 3; list-style: none; margin: 0; padding: 0; } #mobile ul li { overflow: hidden; position: relative; margin: 0; font-size: 14px; } #mobile > ul + ul > li .hide-mobile { display: none !important; } #mobile > ul + ul > li .show-mobile { display: block !important; } #mobile ul li.text-right { display: none; } #mobile > ul > li.grey { overflow: visible; } #mobile > ul > li.last { padding-bottom: 10px; } #mobile > ul > li:not(.grey) + li.grey > a { border-top: none; } #mobile ul.megamenu li .toggle-more { color: var(--razz); font-weight: 800; } #mobile ul.megamenu li .toggle-more i { top: -2px; font-size: 6px; margin-right: 8px; position: relative; } #mobile:not(.ul-toggled) > ul > li.grey:after { display: block; content: ""; position: absolute; left: -20px; right: -20px; top: 0; bottom: 0; background-color: var(--sand); z-index: 2; } #mobile ul li.sale a { color: var(--razz); } #mobile ul li a, #mobile li > span, #mobile .title { display: block; overflow: hidden; position: relative; z-index: 4; /*padding: 13px 11px 14px;*/ padding: 13px 11px 14px 0; border: 0 solid var(--gallery); border-top-width: 1px; /*background: var(--white);*/ color: var(--coal); font-weight: 400; font-size: 14px; line-height: 1.2; text-decoration: none; text-overflow: ellipsis; text-align: left; white-space: nowrap; } #mobile ul li:first-child > a { border-top-width: 0; } #mobile ul li.text-right > a { padding-top: 20px; } #mobile .title { padding: 0; border-top-width: 0; border-bottom-width: 1px; font-size: 14px; } #mobile .title span { height: 48px; padding: 0 48px; line-height: 48px; } #mobile ul li a:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; /*padding-left: calc(100% - 30px);*/ } #mobile ul.colors li a:before { left: -54px; top: -9px; bottom: -8px; pointer-events: all; z-index: 9;} #mobile li > span a { padding: 0; border: 0; background: none; } #mobile li > span { background: var(--white); text-align: center; cursor: pointer; } #mobile ul li.sub > a { padding-right: 60px; } #mobile ul li.sub > a:after, #mobile ul li.sub > a:before, #mobile ul li.sub > a.toggle/*, #mobile ul li.all-rugs:after, #mobile ul ul li > a:after*/ { content: ""; display: block; position: absolute; /*right: 0;*/right: -7px; top: 0; width: 30px; height: 42px; margin: 0; padding: 0; border: 0; color: var(--dusty); font-weight: 400; font-family: i; font-size: 12px; line-height: 42px; text-align: center; } /* #mobile ul li.all-rugs:after { content: "\e92d"; z-index: 3; } */ #mobile ul li.sub > a:after/*, #mobile ul ul li > a:not(.toggle-more):after*/ { content: "\e92d"; z-index: 3; } #mobile ul li.sub > a:before { content: ""; /*left: 0;*/left: -11px; z-index: 2; width: auto; padding-left: calc(100% - 30px); } #mobile ul li.sub > a.toggle { z-index: 5; background: none; text-indent: -3000em; text-align: left; width: 100%; } #mobile ul li.sub.toggle { overflow: visible; } #mobile ul li.has-image > a { padding-left: 70px; } #mobile ul li.has-image > a .img { position: absolute; left: 8px; top: 0; bottom: 0; width: 62px; } #root #mobile li.header { overflow: visible; position: relative; z-index: 4; width: 100%; /*height: 48px;*/height: 53px; margin: 0 -20px 25px; box-shadow: 0 1px 10px rgba(0,0,0,.04); } #mobile li.header > span, #mobile .title { position: relative; /*height: 48px;*/height: 53px; margin: 0; padding: 0; border-width: 0; color: var(--razz); font-weight: 800; line-height: 48px; text-transform: none; text-align: center; } #mobile li.header > span { font-weight: 400; line-height: 50px; /*padding-left: 48px;*/padding-left: 37px; pointer-events: none; text-align: left; width: 78%; } #mobile .title a.close, #mobile li.header a.close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; bottom: 0; z-index: 9; width: 49px; text-align: left; text-indent: -3000em; } #mobile li.header > span:before, #mobile li.header > span:after, #mobile .title:before, #mobile .title:after { display: block; position: absolute; left: auto; right: auto; top: 50%; width: 48px; margin: -20px 0 0; font-family: i; font-weight: 400; line-height: 40px; text-align: center; text-indent: 0; } #root #mobile li.header > span:after, #root #mobile .title:after { content: "\e901"; right: 20px; width: 26px; height: 26px; margin: -12px 0 0; padding: 0; color: var(--dusty); font-size: 16px; line-height: 24px; text-align: right; } #root #mobile li.header > span:after { display: none; } #mobile li.header > a[class], #mobile .title > a { display: block; position: absolute; top: 0; z-index: 123; width: 48px; /*height: 48px;*/height: 53px; border: 0; } #mobile li.header > a.back { left: 0; /*margin-top: -48px;*/margin-top: -53px; padding: 0; position: unset; } #mobile li.header > a.back::after { content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #top .mobile-back:before, #top .mobile-back::after, #mobile li.header > span:before, #mobile li.header > a.back:before { /*content: "\e969";*/ display: block; position: absolute; left: 20px; top: 50%; width: 100%; margin: -15px 0 0; padding: 0; background: none; color: var(--dusty); font-family: i; font-weight: 400; /*font-size: 18px;*/font-size: 11px; line-height: 30px; text-align: left; text-indent: 0; } #top .mobile-back:before, #top .mobile-back::after, #mobile li.header > span:before, #mobile li.header > a.back:before { color: var(--razz); /*content: "\e903";*/content: "\e92c"; /*font-family: 'i2';*/ } #mobile li.header > a.close, #mobile .title > a { right: 0; background: none; } /* #mobile li.header > a.close { right: 40px; } */ #mobile li.header > a.close:before, #mobile .title > a:before { background: none; } #mobile ul.ul-toggle > li, #mobile ul.ul-toggle > li.toggle > a { display: none; position: static; } #mobile ul ul { } #mobile ul ul li.sub > a:after { background: var(--white); } #mobile ul { z-index: 3; } #mobile ul ul { z-index: 4; } #mobile ul ul ul { z-index: 5; } #mobile ul ul ul ul { z-index: 6; } #mobile ul ul ul ul { z-index: 7; } #mobile span { text-transform: capitalize; } #mobile > ul { padding: 10px 20px 0; background: var(--white); } #mobile ul.box { overflow: visible; margin: 0 0 0 -10px; text-align: center; } #mobile ul.box li { width: 33.3333333333%; margin: 0 0 16px; border-left: 10px solid rgba(0,0,0,0); } #mobile ul.box li a { display: block; overflow: hidden; padding: 0; border-radius: 5px; border-width: 0; color: var(--white); font-weight: 400; font-size: 14px; line-height: 1.2857142857; text-overflow: inherit; white-space: normal; } #mobile ul.box li a > span { display: block; position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; padding: 7px 10px; color: var(--white); font-weight: 400; font-size: 1em; text-align: center; } #mobile ul.box li.link-btn { } #mobile ul.box li.link-btn a { width: 100%; height: 100%; margin: 0; padding: 7px 10px; background: var(--razz); text-align: center; } #mobile > ul + ul { position: fixed; left: 0; right: 0; bottom: 0; padding: 17px 20px; background: var(--sand); text-align: center; z-index: 9; -webkit-box-shadow: 0 0 5px 5px var(--sand); box-shadow: 0 0 5px 5px var(--sand); } #mobile > ul + ul { display: flex; justify-content: space-between; } #mobile > ul + ul > li > a { /*height: 66px;*/ height: 50px; /*padding: 12px 0 0;*/ border-width: 0; background: none; /*font-size: 13px;*/font-size: 16px; display: flex; align-items: center; justify-content: center;} #mobile > ul + ul > li:not(.account):not(.contact) { display: none!important; } #mobile > ul + ul > li > a i { /*display: block;*/ display: inline-block; position: relative; /*margin: 0 0 7px;*/ margin: 0 8px 0 0; /*color: var(--dusty);*/color: var(--razz); /*font-size: 21px;*/font-size: 15px; /*line-height: 22px;*/ text-align: center; } #mobile > ul + ul > li > a i.icon-heart { font-size: 19px; } #mobile > ul + ul > li > a i.icon-bag { font-size: 22px; } #mobile > ul + ul > li > a i.icon-eye { font-size: 12px; } #mobile > ul + ul > li > a i.icon-eye span { right: 42%; } #mobile > ul + ul > li > a i span { left: auto; right: 50%; top: auto; bottom: -6px; margin: 0 -17px 0 0; } #mobile > ul + ul > li { background-color: var(--white); border: 1px solid var(--gallery); border-radius: 8px; flex-grow: 1;} #mobile > ul + ul > li.contact { margin-right: 5px; } #mobile > ul + ul > li.account { margin-left: 5px; } #mobile > ul + ul > li > a span { font-weight: 800; color: var(--razz); } /*#mobile.active { top: 0; padding-bottom: 0; }*/ #footer { padding-bottom: 4px; line-height: 1.6923076923; } #footer > .list-social { margin: 0 -20px; padding: 136px 4px 19px 20px; background-color: var(--sand); background-position: center 39px; background-size: auto 53px; } #footer > .list-social:before { display: none; } #footer > div { display: block; margin: 0 -20px 32px; padding: 20px 20px 0; } #footer > div:before, #footer > .list-social:before { background: var(--sand); } #root #footer > div > *, #root #footer > div > *:nth-child(3), #footer > div > div.mobile-only + *, #root #footer > div > *:nth-child(4) { float: none; width: 100%; min-width: 0; max-width: none; margin: 0; padding: 0; border-width: 0; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, .tab-item h2 { position: relative; margin: 0!important; padding: 15px 24px 15px 0; border-top: 1px solid var(--gallery); font-size: 15px; text-align: left; } .tab-item h2 { padding: 25px 24px 25px 0; } #footer h1:before, #footer h2:before, #footer h3:not(.expand):before, #footer h4:before, #footer h5:before, #footer h6:before, .tab-item h2:before { content: "\e92b"; left: auto; right: 0; margin-top: -5.5px; color: var(--dusty); font-size: 5px; text-align: right; } #footer .header-toggle:before { color: var(--razz) !important; -webkit-transform: rotate(180deg); transform: rotate(180deg); } #footer form h1, #footer form h2, #footer form h3, #footer form h4, #footer form h5, #footer form h6 { border-top-width: 0; } #footer a.header-toggle { display: block; } #footer .header-toggle + * { margin-top: 5px; } #footer .header-toggle + ul { padding-left: 15px; } #footer form .header-toggle + * { margin-top: -3px; } #footer p, #footer ul, #footer ol { margin-bottom: 11px; } #footer a[href*="tel"]:before { margin-right: 6px; } #footer > nav { align-items: center; background-position: top center; background-size: 121px auto; padding-bottom: 30px; padding-top: 50px; } #footer > nav, #footer > nav.lazy-bg-loaded { background-size: 121px auto!important; background-position: center 0!important; } #footer > div { margin-bottom: 27px; } #footer > nav ul { justify-content: center; } #footer > nav ul li { font-size: 13px; margin-right: 10px; } #footer > nav p { margin: 0 0 15px; font-size: 15px; } #footer form { } #footer form p { margin-bottom: 20px; } #footer input { padding-right: 133px; } #footer button { width: 117px; font-size: 1em; text-align: center; text-indent: 0; } #footer > div > .expanded h3 { font-size: 18px; } #footer > div > .payments > h3 { font-size: 0; padding: 0; } #footer > div > .payments .list-payments { flex-wrap: nowrap; padding-top: 15px; } #footer > div > .payments .list-payments li { height: 40px; width: 80px; } #footer > div > .payments .list-payments li svg { height: 100%; width: 100%; } #footer > div > .list-social + .list h3 { border-top: none; } #footer > div > .payments > *, #footer > div > .payments .logos { border-right: none; display: flex !important; justify-content: space-around; margin: 0; padding-right: 0; width: 100%; } #footer > div > .payments .logos { margin-top: 15px; } #footer > div > .list-social, #footer > div > .list-social li { display: flex !important; justify-content: center; } #footer .icon2-envelope-circle:before, #footer .icon2-chat-circle:before { font-size: 18px; } @media only screen and (max-width: 760px) { #footer .footer_first { display: none !important; } #footer .footer_second .footer_newsletter { display: none; } #footer .contact-form { display: none; } #footer .footer_third { order: -1; } #footer .footer_third button { width: auto; } } #footer .footer__container { display: flex } @media only screen and (max-width: 760px) { #footer .footer_last p { display: none !important; } } article .intro { margin-bottom: 20px; } article .intro > div { padding: 20px 25px; } article .intro h1 { font-size: 20px; } .accordion-a { overflow: visible; max-height: none; /*margin-top: 0;*/ margin-left: -20px; margin-right: -20px; padding: 0; } .accordion-a > div > div { padding: 0 20px .1px; } .accordion-a > div > h1, .accordion-a > div > h2, .accordion-a > div > h3, .accordion-a > div > h4, .accordion-a > div > h5, .accordion-a > div > h6 { padding-right: 46px; } .accordion-a > div:before { border-radius: 0; } .accordion-a .header a:after { right: 20px; } .accordion-a.small { } .accordion-a.small > div:last-child { padding-bottom: 0; } .check { } .check label { padding-left: 32px; } .check label:before { top: 1px; } .cols-a, .cols-a.a, #root .double, .cols-b { display: block; padding-left: 0; padding-right: 0; } #root .cols-a > *, #root .double > *, #root .cols-b > * { float: none; width: auto; margin-left: 0; margin-right: 0; } #root .cols-a > * + *, .cols-a + * { margin-top: 30px; } #root .cols-a.a > * + article { margin-top: 0; } .cols-a.a + * { margin-top: 0; padding-top: 28px; } .header-a { margin: 20px 0; padding-bottom: 10px; font-size: 21px; } .link-btn + .header-a, .link-btn + .link-btn { margin-top: 0; padding-top: 20px; } .heading-main { margin: 0; padding: 0; } .link-btn { margin-bottom: 16px; } #root .link-btn a { min-width: 0; } #root .link-btn.text-center > span + a, button, input[type="button"], input[type="reset"], input[type="submit"], .list-comments li { float: none; width: 100%; } .link-btn a, button, input[type="button"], input[type="reset"], input[type="submit"], .header-a + .link-btn a { padding-left: 20px; padding-right: 20px; } .link-more.box, #root .link-more.box { min-height: 0; padding: 10px 66px 10px 16px; } #root .link-more.box > span { margin-bottom: 0; font-size: 16px; } #root .link-more.box img { right: 16px; max-width: 60px !important; } .link-more > span .tooltip { top: .3em; } .link-more .tooltip, .list-tags .tooltip { width: 13px; } .link-more .tooltip:after, .link-more .tooltip:before, .list-tags .tooltip:after, .list-tags .tooltip:before { font-size: 13px; } .list-box, .list-box.small { margin-bottom: 10px; } .list-box li, .list-box.small li { width: 33.33333333333%; margin-bottom: 16px; } .list-box.small span { padding: 7px 10px; } .list-box.is-slider { max-width: 210px; } .list-breadcrumbs { } .list-breadcrumbs li:before { top: 8px; } .list-cart { } .list-cart li { min-height: 90px; margin-bottom: 20px; padding: 22px 0 0 74px; } .list-cart .img { top: 20px; width: 57px; } .list-cart a.remove { bottom: 4px; } .list-cart span.text-right { right: 34px; bottom: 5px; } .list-cart-main { } .list-cart-main li { padding-left: 0; } .list-cart-main figure { position: relative; float: left; margin: 0 20px 20px 0; } .list-cart-main .list-inline, .list-cart-main .list-tags, .list-cart-main .qty { clear: both; } .list-cart-main .list-inline { margin-left: 86px; } .list-cart-main .remove { top: -10px; bottom: auto; width: 30px; height: 30px; color: var(--coal); font-size: 10px; } .list-cart-main .remove:before { content: "\e93f"; } .list-cart-main h1, .list-cart-main h2, .list-cart-main h3, .list-cart-main h4, .list-cart-main h5, .list-cart-main h6 { font-size: 20px; } .list-catalog { margin-left: -10px; } .list-catalog li { margin-bottom: 10px; border-left-width: 10px; font-size: 20px; } .list-catalog li > span, .list-catalog a > span { padding: 0 15px 21px; } .list-catalog span span { padding-top: 8px; } .list-check { margin-top: 0; } .list-check li, .list-collection .list-check li { margin-bottom: 8px; padding-left: 25px; width: 100%; } #root .list-check.v2.cols li:before { top: 5px;/* font-size: 16px; */} .list-check.cols, .module-wide > .double:last-child > * > .list-check.cols:last-child { margin-bottom: 30px; } .list-check.box { display: block; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .list-collection { margin: 0 -12px; padding-top: 7px; line-height: 1.6153846154; } .list-collection li { width: 50%; margin-bottom: 27px; padding-left: 12px; padding-right: 12px; padding-bottom: 2px; border-left-width: 0; } #root .list-collection figure, .list-collection.box figure, [class*="cols"] .list-collection figure, [class*="cols"] .list-collection figure > a:first-child, .list-collection figure > a:first-child { z-index: 1; /*height: auto;*/ height: 290px; max-height: 290px; } .list-collection figure .label, .list-product .label.sale { height: 27px; font-size: 14px; line-height: 27px; } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { margin: 0 0 37px; line-height: 1.6153846154; } .list-collection h1 + p, .list-collection h2 + p, .list-collection h3 + p, .list-collection h4 + p, .list-collection h5 + p, .list-collection h6 + p { margin-top: -29px; } /* .list-collection p { margin-bottom: 8px; min-height: 48px; } */ .list-collection ul { right: 0; top: -7px; } .list-collection ul li a { width: 33px; height: 33px; } .list-collection ul li a i { font-size: 13px; } .list-collection ul li .tooltip { top: -3px; } .list-collection .price { /*bottom: 2px;*/ padding-bottom: 11px; line-height: 1.2307692308; /*position: relative; right: 0; text-align: right;*/ } .list-collection + *, .list-collection + h1, .list-collection + h2, .list-collection + h3, .list-collection + h4, .list-collection + h5, .list-collection + h6 { margin-top: 9px; } #root .list-collection li.wide { margin: 0 0 10px; padding: 0 12px; } .list-collection .list-check { margin-bottom: 10px; } .list-collection .list-featured { margin-bottom: 0; } .list-collection .list-featured li, .list-collection .list-featured li.link-more, .list-collection .list-featured img { min-height: 0; } .list-collection .list-featured li, .list-collection .list-featured li:last-child { width: auto; min-width: 0; max-width: none; margin-bottom: 10px; border-right-width: 0; } .list-collection .list-featured span span.link { margin-top: 12px; padding-right: 20px; } .list-collection .list-featured li.link-more { padding: 31px 21px 34px 21px; font-size: 20px; } .list-collection .list-featured li.link-more > span { margin-bottom: 8px; line-height: 1.3333333333; } .list-collection .list-featured li.link-more img { max-width: 80px !important; } .list-collection.is-slider { max-width: 220px; margin-left: -12px; margin-right: 0; } .list-collection .owl-item, .list-featured .owl-item { visibility: visible; opacity: 1; } .list-collection.small { overflow-x: auto; overflow-y: hidden; margin-top: 18px; margin-left: -20px; margin-right: -20px; padding-left: 8px; } .list-collection.small li { width: 155px; min-width: 155px; max-width: 155px; padding-left: 12px; padding-right: 12px; padding-bottom: 6px; } .list-collection.small figure { height: 166px; margin-bottom: 6px; } .list-collection.small h1, .list-collection.small h2, .list-collection.small h3, .list-collection.small h4, .list-collection.small h5, .list-collection.small h6 { margin: 0; font-size: 13px; } .list-collection.small.is-slider { overflow: visible; max-width: 155px; } .list-collection.small.is-slider li { } .list-comments { } .list-comments .owl-nav button.owl-prev { left: -23px; } .list-comments .owl-nav button.owl-next { right: -23px; } .list-contact { margin-bottom: 11px; } .list-featured, .list-featured.is-slider { overflow-x: auto; overflow-y: hidden; margin: 0 -20px 21px; padding: 0 0 0 20px; } .list-featured > li { width: 210px; min-width: 210px; max-width: 210px; margin: 0 10px 10px 0; border-left-width: 0; } .list-featured > li:last-child { width: 230px; min-width: 230px; max-width: 230px; border-right: 20px solid rgba(0,0,0,0); } .list-featured li.link-more { min-height: 0; padding: 31px 21px 34px 21px; font-size: 20px; } .list-featured li.link-more a { margin-top: 7px; padding-right: 20px; font-size: 13px; } .list-featured li.link-more a:before { font-size: 13px; } .list-featured li.link-more img { display: block; position: absolute; right: 20px; bottom: 0; min-height: 0 !important; } .list-featured span .scheme-box, .scheme-box { padding-left: 9px; padding-right: 9px; font-size: 13px; } .list-featured + h1, .list-featured + h2, .list-featured + h3, .list-featured + h4, .list-featured + h5, .list-featured + h6 { margin-top: 41px; } .list-featured.double { overflow: visible; margin-left: 0; margin-right: 0; } #root .list-featured.double li { width: 100%; min-width: 0; max-width: none; border-width: 0; } .list-featured.double img { min-height: 175px !important; } .list-featured.double span .link { margin-top: 12px; padding-right: 20px; } .list-featured.is-slider { overflow: visible; max-width: 210px; margin-left: 0; margin-right: 0; padding-left: 0; } .list-featured.is-slider li { margin-bottom: 10px; } .list-featured.welcome { height: auto !important; margin-right: -20px; } .list-featured.welcome li { font-size: 16px; } .list-featured.welcome > li { position: relative !important; left: 0 !important; top: 0 !important; width: 227px; min-width: 227px; max-width: 227px; font-size: 16px; } .list-featured.welcome > li { -webkit-transform: none !important; transform: none !important; } .list-featured.welcome > li:last-child { width: 237px; min-width: 237px; max-width: 237px; } #root .list-featured.welcome img { min-height: 303px !important; } .list-featured.welcome span .link { padding-right: 0; } .list-filter { } .list-filter a, .list-filter label { padding-top: 16px; padding-bottom: 16px; } .list-filter ul, .list-filter p, .list-filter .ui-slider-a { margin: 15px 0; } .list-filter-active { margin-right: -10px; } .list-filter-active li, .list-filter-active li.strong { margin-right: 10px; } .list-filter-active ul a { padding-right: 26px; } .list-filter-active ul a:before { right: 16px; } .list-gallery { overflow-x: auto; overflow-y: hidden; margin: 0 -20px 32px; padding-left: 20px; } .list-gallery li { width: 117px; min-width: 117px; max-width: 117px; margin: 0 10px 10px 0; border-left-width: 0; } .list-gallery li:last-child { width: 137px; min-width: 137px; max-width: 137px; padding-right: 20px; } .list-gallery.is-slider { overflow: visible; max-width: 243px; } .list-info { margin-top: 24px; margin-bottom: 34px; } .list-info li { padding: 6px 0 6px 172px; } .list-info li > span:first-child { width: 172px; margin-left: -172px; } .list-info .tooltip, #root .list-collection .tooltip { width: 14px; } .list-info .tooltip:before, .list-info .tooltip:after, #root .list-collection .tooltip:before, #root .list-collection .tooltip:after { font-size: 14px; } .list-info i { top: 1px; margin-right: 5px; font-size: 1.0769230769em; } .list-inline { display: block; margin: 0 0 21px; } .list-inline li { margin: 0 0 8px; border-left-width: 0; } .list-inline i { min-width: 30px; margin-right: 3px; } .list-inline.strong { margin-bottom: 15px; } .list-inline.strong i { margin-bottom: 8px; } .list-news { } .list-news li { width: 100%; margin-bottom: 20px; padding: 0 20px 5px; } .list-news figure { margin: 0 -20px 20px; } .list-news figure span, figure span.date { min-width: 54px; height: 54px; padding-top: 5px; border-radius: 0 16px 0 0; font-size: 17px; } .list-pagination { margin-right: -20px; } .list-pagination li { margin-right: 20px; } .list-pagination li.prev { margin-right: 20px; } .list-pagination li.next { margin-left: 0; } .list-pagination .prev a, .list-pagination .next a { width: 8px; box-shadow: none; border-radius: 0; background: none; } .list-collection + .list-pagination.text-right { padding-top: 0; } .list-payments, #root .list-payments { width: auto; margin-right: -36px; margin-left: -20px; padding: 7px 0; } .list-payments li, #footer .list-payments li { margin: 0 6px 6px 0; } .list-payments li { -webkit-transform: scale(0.5333333333); transform: scale(0.5333333333); } .list-product { } .list-product ul li a { width: 40px; height: 40px; } .list-product ul li a i { font-size: 16px; } .list-product.is-slider + .link-more, .list-product + .link-more { margin-top: -26px; } .list-product .video .icon-play:before { /*font-size: 20px; padding: 12.5px 13px 12.5px 15px;*/ } .list-rating { } .list-rating li { margin-bottom: 15px; } .list-rating q { margin-bottom: 13px; font-size: 1.5384615385em; line-height: 1.35; } .list-tags { margin-top: 0; margin-bottom: 20px; } .list-total { } .list-total li.strong { margin-top: 0; font-size: 21px; } #root .module-aside { margin-bottom: 30px; padding-top: 0; } #root .module-aside .link-btn a { width: 100%; } #root .module-aside.box { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } #root .module-aside > figure:first-child { display: block; position: relative; width: auto; margin: 0 -20px 20px; border-radius: 0; } .module-aside.box + .module-aside.box { margin-top: -30px; } .module-aside.small { } .module-aside.small > *, .ui-slider-a .slider { max-width: none; } .module-aside-box { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .module-author { min-height: 75px; padding-left: 95px; } .module-author figure { width: 75px; } #root .module-author h1, #root .module-author h2, #root .module-author h3, #root .module-author h4, #root .module-author h5, #root .module-author h6 { margin-bottom: 5px; } .module-author p + p { margin-top: 17px; } .module-author.a { } .module-author.a figure { top: 2px; } #root .module-author.a h1, #root .module-author.a h2, #root .module-author.a h3, #root .module-author.a h4, #root .module-author.a h5, #root .module-author.a h6 { margin-bottom: 9px; font-size: 16px; } .module-author.a h1 + p select, .module-author.a h2 + p select, .module-author.a h3 + p select, .module-author.a h4 + p select, .module-author.a h5 + p select, .module-author.a h6 + p select { margin-top: 8px; } .module-blog { } .module-blog figure { margin-left: -20px; margin-right: -20px; border-radius: 0; } .module-blog figure img { min-height: 75vw !important; } #content > .module-blog:first-child > figure:first-child, #content > .list-breadcrumbs:first-child + .module-blog > figure:first-child { margin-top: -19px; } .module-gallery { margin-top: 47px; margin-bottom: 54px; padding-top: 35px; padding-bottom: 14px; } .module-gallery header { margin-bottom: 34px; } .module-gallery header h1, .module-gallery header h2, .module-gallery header h3, .module-gallery header h4, .module-gallery header h5, .module-gallery header h6 { margin-bottom: 17px; font-size: 28px; } .module-gallery header p { margin-bottom: 2px; font-size: 13px; } .module-gallery header p a { font-size: 1em; } .module-product, .popup-a .module-product { padding-left: 0; } #root .module-product > * { float: none; width: auto; margin-left: 0; max-width: none; } /* #root .module-product > * + * { margin-top: -6px; } */ .module-product h1, .module-product h2, .module-product h3, .module-product h4, .module-product h5, .module-product h6 { margin-bottom: 14px; font-size: 16px; } .module-product header h1, .module-product header h2, .module-product header h3, .module-product header h4, .module-product header h5, .module-product header h6 { margin-bottom: 10px; } .module-product header p { margin-bottom: 12px; } .module-rating, #root .module-rating { min-height: 0; padding: 29px 36px 11px 16px; } .module-rating:before { border-radius: 10px; } .module-rating h1, .module-rating h2, .module-rating h3, .module-rating h4, .module-rating h5, .module-rating h6 { margin-bottom: 10px; } .module-rating h1 span, .module-rating h2 span, .module-rating h3 span, .module-rating h4 span, .module-rating h5 span, .module-rating h6 span { width: 38px; height: 38px; margin-left: 7px; font-size: 15px; line-height: 38px; } .module-rating .owl-nav button, .list-rating .owl-nav button { width: 38px; height: 38px; margin-top: -19px; font-size: 11px; } .module-rating .owl-nav button.owl-prev, .list-rating .owl-nav button.owl-prev { left: -15px; } .module-rating .owl-nav button.owl-next, .list-rating .owl-nav button.owl-next { right: -15px; } .module-wide { margin-top: 47px; margin-bottom: 30px; padding-top: 35px; padding-bottom: 5px; } .module-wide + .tabs-a { margin-top: -30px; } #root .module-wide > .double:last-child > * > .module-author:last-child { margin-bottom: 15px; } #root .module-wide .module-aside { margin-bottom: 12px; } .owl-nav { } .owl-nav button { width: 46px; height: 46px; margin-top: -23px; font-size: 13px; } .popup-a { } .popup-a .box-inner { width: 100%; } .popup-a .box-inset { padding: 20px 20px .1px; } .popup-a .box-inset .list-product { margin-left: -20px; margin-right: -20px; margin-top: -20px; } .popup-a .list-product img, .popup-a .list-product .owl-carousel .owl-stage-outer, .popup-a .list-product .link-more { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .rating-a { padding-left: 85px; } .rating-a .rating { top: .5px; height: 14px; } .rating-a .rating > * { width: 15px; } .scheme-map { margin-top: 20px; margin-bottom: 30px; padding: 0 0 0 34px; } #root .scheme-map { max-width: 180px; } #footer > div .scheme-map { margin-left: 0; } .scheme-map:before { left: 0; } .tabs-a, #root header.m30, .form-filter .list-filter { margin-bottom: 0; } .tabs-a > nav { margin-bottom: 36px; } .tabs-a > nav ul li a { min-width: 0; padding-left: 0; padding-right: 0; } .tabs-a .double > * + * { margin-top: 40px; } .tabs-b, .module-wide + .tabs-b { margin-top: 36px; } .tabs-b > nav h1, .tabs-b > nav h2, .tabs-b > nav h3, .tabs-b > nav h4, .tabs-b > nav h5, .tabs-b > nav h6 { margin-bottom: 12px; } .tabs-b > nav ul { margin: 0 -30px 26px 0; } .tabs-b > nav ul li { margin-right: 30px; font-size: 14px; } .tabs-b > nav h1 + ul, .tabs-b > nav h2 + ul, .tabs-b > nav h3 + ul, .tabs-b > nav h4 + ul, .tabs-b > nav h5 + ul, .tabs-b > nav h6 + ul { padding-top: 0; } .tooltip { top: .3em; } textarea { height: 150px; min-height: 150px; } .form-cart { margin-bottom: 10px; } .form-cart footer p { flex-direction: column; } .form-cart > footer a.btn { order: 2; margin-top: 10px; margin-bottom: 0; } .form-cart button, .form-cart > footer a.btn { width: 100%; min-width: 0; } .form-comment { } .cols-a .form-comment p { margin-bottom: 11px; } .cols-a .form-comment button { margin-top: 6px; } /* mobile filters new */ .form-filter > h1, .form-filter > h2, .form-filter > .h2, .form-filter > h3, .form-filter > h4, .form-filter > h5, .form-filter > h6 { margin: 0 -20px; padding: 13px 20px; } .form-filter.toggle > h1, .form-filter.toggle > h2, .form-filter.toggle > h3, .form-filter.toggle > h4, .form-filter.toggle > h5, .form-filter.toggle > h6 { border-bottom: 1px solid var(--ebb); } .form-filter.toggle > h1:before, .form-filter.toggle > h2:before, .form-filter.toggle > .h2:before, .form-filter.toggle > h3:before, .form-filter.toggle > h4:before, .form-filter.toggle > h5:before, .form-filter.toggle > h6:before { content: "\e914"; } .form-filter .list-filter > li:last-child a, .form-filter .list-filter > li:last-child label { border-bottom-width: 0; } .form-filter.mobile { display: block; overflow-x: hidden; overflow-y: auto; position: fixed!important; left: 0!important; top: 95px; right: 0!important; bottom: 0!important; z-index: 9999; padding: 0 0 66px; background: var(--white); border-top: 1px solid var(--gallery); } .form-filter.mobile { top: 0!important; /*transition: -webkit-transform .0s cubic-bezier(.4,0,.2,1) 0s, transform .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s;*/ } .filter-active #top, .filter-active #top-bar { z-index: 1; } .form-filter.mobile .h2 { font-size: 14px; padding: 0 20px; font-weight: 800; height: 53px; margin: 0; position: fixed; right: 0; left: 0; background-color: var(--white); border-bottom: 1px solid var(--desert);} .form-filter.mobile .h2 .toggle-filter { right: 0; top: 0; font-size: 9px; position: absolute; padding-top: 36px; display: block; width: 42px; font-weight: 400; color: var(--coal); text-transform: uppercase; } .form-filter.mobile .h2 .toggle-filter:after { z-index: 23; pointer-events: none; display: block; position: absolute; height: 50px; font-family: i; content: "\e901"; left: 3px; top: -3px; font-size: 19px; line-height: 50px; font-weight: 800; } .form-filter.mobile .list-filter { padding-top: 53px; } .form-filter.mobile .list-filter .boost-pfs-container-default, .form-filter.mobile .boost-pfs-filter-refine-by-wrapper-v { padding: 0 20px;} .form-filter.mobile > .bottom { position: fixed; bottom: 0; right: 0; left: 50%; transform: translateX(-50%); padding: 15px 20px; width: 100vw; background-color: var(--white); box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.06); z-index: 9!important; } .form-filter.mobile > .bottom .boost-pfs-filter-total-product { display: unset; color: var(--white); font-weight: 800; line-height: 1.1; } .form-filter.mobile > .bottom .boost-pfs-filter-total-product span { font-weight: 800; margin-left: 0; } .form-filter.mobile .boost-pfs-filter-refine-by-wrapper-v { display: block; } /* */ .form-product { } .form-product p { margin-bottom: 12px; } .form-product input, .form-product select, .form-product .select-like { padding: 0 15px; } .form-product select, .form-product .select-like { padding-right: 45px; background-size: auto 6px; } .form-product .select-like > span:first-child + span.prefix { top: -51px; } .form-product .price .old { float: right; margin-left: 15px; margin: 9px 0 0 10px; } .form-product p + .form-size { margin-top: 15px; } .form-search { margin-bottom: 30px; } .form-search input { width: calc(100% - 56px)!important; height: 46px; padding: 0 16px!important; } .form-search button { width: 46px; height: 46px; padding: 0; text-indent: -3000em; text-align: left; } .form-search button:before { content: "\e936"; font-size: 20px; } .form-size { margin-bottom: 32px; /*padding: 25px 17px .1px 7px;*/ } .form-size p { min-width: 105px; margin: 0 0 27px; font-size: 14px; } .form-size label, .form-size .label { padding-top: 3px; } .form-size p:first-child + p { border-left-width: 56px; } .form-size p:first-child + p:before { width: 56px; } .form-size p:first-child + p + p { min-width: 140px; } #root .form-size .price { top: 0; } #root .form-size .price .old { display: inline; margin: 0 4px 0 0; padding: 0; font-size: 1em; line-height: 37px; } #root .form-size button, #root .form-size .btn { width: 126px; } /* .form-sort { display: block; display: inline-block;} */ .form-sort input, .form-sort select { min-width: 0; } .text-blocks .content { width: 100%; } .text-blocks .content q { font-size: 16px; } .text-blocks .content p { margin-bottom: 15px; } .text-blocks .content .d-flex { margin-bottom: 32px; } .text-blocks .content .j-between { flex-wrap: wrap; justify-content: flex-start; margin-bottom: 25px; } .text-blocks .content .j-between > div:first-of-type { margin-bottom: 15px; width: 100%; } .text-blocks .content .j-between > div:first-of-type a { display: inline-block; } .text-blocks .content .j-between > div:nth-of-type(2) { margin-right: 20px; } .text-blocks .content button { font-size: 13px; min-width: 0; } .text-blocks .content .d-flex button:not(:last-of-type) { margin-right: 10px; } .text-blocks .list-featured li { width: 212px !important; } .text-blocks .list-featured li a { height: 171px; } .text-toggle { margin-bottom: 50px; } #footer > .list-social, #footer > .list-payments, #root .module-wide > .double, .list-cart-main .list-inline { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .module-wide > .double { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .list-gallery, .tabs-a > nav ul, .list-inline.strong, .list-collection.small, .list-featured { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .form-size { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .form-size p { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } .tabs-a > nav ul li { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .list-filter li.toggle a:before { -webkit-transform: none; transform: none; } .list-filter li.toggle-mobile a:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #footer > nav p a, #footer > nav p span.overlay-a, #footer > div > * > h1, #footer > div > * > h2, #footer > div > * > h3, #footer > div > * > h4, #footer > div > * > h5, #footer > div > * > h6, #footer div.mobile-only, #footer > div .header-toggle ~ *, #mobile.active > ul.ul-toggle, #mobile.active > ul.ul-toggle + ul > li, #mobile.active > ul.ul-toggle > li.toggle, #mobile li.toggle > ul, #mobile ul li a .img img, #mobile ul.ul-toggle > li.toggle, #root .tooltip .popup, .tabs-b > nav, br.mobile-only, /*.form-filter.toggle .list-filter,*/ .form-filter a.toggle, #root .list-filter li.toggle-mobile ul, #root .list-filter li.toggle-mobile p, .is-slider.mobile-only { display: block; } #nav > ul:first-child, #nav:before, .list-breadcrumbs, .heading-main:before, #mobile em, #mobile.active > ul, #mobile.active > ul > li, #mobile.active > ul.ul-toggle > li.toggle > a, #mobile.active > .title, #mobile ul ul, #mobile .title, #mobile .shadow, .menu-active #nav, .double:after, .list-collection figure > a:not(:first-child), .list-collection br, #footer > div > * > *, #root #footer > div .list-social, #footer > nav:before, #footer button:before, .scheme-map:after, .cols-a:after, .module-product:after, .double:after, .list-gallery .owl-nav button, .list-collection .owl-nav button, .tabs-a:after, .list-collection.small .price, #root .tooltip .open, #root #footer > div > .list-payments, .list-featured .owl-nav button, .list-featured.welcome span .link:before, .list-featured.welcome > li.link-more, .list-featured.welcome > li.mobile-hide, .list-box .owl-nav button, /*.form-filter .list-filter,*/ .list-filter li.toggle ul, .list-filter li.toggle p, .list-featured.mobile-hide { display: none; } /* #mobile.active > ul.ul-toggle + ul { display: flex; } */ #footer > div > .expanded > * { display: block; } #root .tablet-hide, #root .mobile-only:not(.hidden), .mobile-only:not(.hidden) { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, .mobile-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } .menu-active #mobile { /*margin-top: 100px;*/margin-top: 53px; /*padding-top: 10px;*/ top: 0; } /* .has-bar.menu-active #top .container ~ #mobile { margin-top: 88px; } .has-bar.menu-active #top .container.scroll-to-fixed-fixed ~ #mobile { margin-top: 53px; } */ #mobile > ul.ul-toggle { overflow: visible; } #mobile > ul > li:first-of-type a { font-weight: 800; } #mobile li.toggle > ul.megamenu { overflow: visible; padding-bottom: 30px; } #root #mobile li.header { opacity: 0; position: fixed; top: 0; } #mobile li.toggle > ul.megamenu > li > div:first-child:last-child > a, #mobile li.toggle > ul.megamenu > li > div.w-50 > a { border-top: none; font-size: 14px; font-weight: 800; padding-bottom: 7px; padding-top: 0; } #mobile li.toggle.mobile-only > ul.megamenu > li > div.w-50 > a { font-weight: 400; } #mobile li.toggle > ul.megamenu > li > div.w-50 { margin-bottom: 5px; } #mobile li.toggle > ul.megamenu > li ul { display: block; } #mobile li.toggle > ul.megamenu.colors > li ul { display: flex; flex-wrap: wrap; padding-left: 11px; padding-top: 5px; } #mobile li.toggle > ul.megamenu.colors > li ul li { align-items: center; display: flex; height: 34px; margin: 0 calc(50% - 34px) 20px 0; overflow: visible; padding-bottom: 0; width: 34px; } #mobile > ul > li > .megamenu.colors ul li:not(.btn) a { left: calc(100% + 20px); padding: 0; position: absolute; top: 50%; transform: translateY(-50%); overflow: visible; } #mobile > ul > li > .megamenu.colors ul li:not(.btn) a:after { content: none; } #mobile li.toggle > ul.megamenu > li ul li.header { display: none; } #mobile li.toggle > ul.megamenu > li ul li.all a { color: var(--razz); } #mobile li.toggle > ul.megamenu > li ul li:not(.all) + li.all a { margin-top: 30px; } #mobile li.toggle > ul.megamenu > li.visual { border-top: 1px solid var(--gallery); margin-top: 25px; padding-top: 25px; } #mobile li.toggle > ul.megamenu > li.visual > a { display: none; } #top.activate-header .mobile-back { align-items: center; background: #fff; color: var(--razz); display: flex; font-size: 14px; height: 53px; line-height: normal; padding-left: 37px; position: relative; z-index: 9; font-weight: 800; } #footer > div > .bot { width: 100% !important; } .zichtservice .list-cart li.add a { min-height: 70px; padding: 10px 20px; } article .actions { margin-bottom: 20px; position: relative; padding-top: 66px; font-size: 13px; } article .actions > .form-sort { width: 100vw; top: 0; left: 50%; margin-left: -50vw; padding: 12px 20px; position: absolute; background-color: var(--white); } article .actions > .form-sort.scroll-to-fixed-fixed { box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } article .actions > .form-sort > button, article .actions > .form-sort .boost-pfs-filter-top-sorting { line-height: 15px; padding: 11px 22px; width: auto; font-size: 13px; font-weight: 400; min-width: 0; margin: 0; white-space: nowrap; } article .actions > .form-sort > button.toggle-filter { width: 125px; } article .actions > .form-sort > button i { position: relative; display: inline-block; margin-left: 10px; top: 2px; font-size: 15px; } article .actions > .form-sort > button .count { border-radius: 50%; color: var(--white); background-color: var(--razz); height: 17px; width: 17px; text-align: center; line-height: 18px; font-size: 13px; font-weight: 800; position: absolute; top: -8px; right: -8px; } article .actions > .form-sort .boost-pfs-filter-top-sorting { padding: 0; position: absolute; right: 20px; } article .actions > .form-sort .boost-pfs-filter-top-sorting button { top: 1px; padding: 0; min-width: 120px; height: 40px; } .boost-pfs-filter-custom-sorting .boost-pfs-filter-filter-dropdown { width: 100%!important; top: calc(100% + 5px)!important; } article .actions button.a:before { border: 1px solid var(--lightgrey); } article .actions { align-items: flex-end; justify-content: space-between; } article .actions .boost-pfs-filter-total-product { padding-right: 0; } article .actions .boost-pfs-filter-total-product:after { content: none; } } @media only screen and (max-width: 47.5em) and (orientation: landscape) { /* 760 */ .sidebar-cart { display: block; overflow-x: hidden; overflow-y: auto; padding-bottom: 10px; } .sidebar-cart .list-cart { overflow: hidden; position: relative; top: 0; bottom: 0; padding: 0; } } /* ------------------------------------------------------------------------- CUSTOM ------------------------------------------------------------------------------- */ .module-gallery .list-featured.slider:not(.is-slider) { overflow: hidden; max-height: 325px; } .span-strong span { font-weight: 800; } .span-overlay-a span{ color: var(--razz); } /* extra flex */ .list-notifications ul, .list-collection li, .form-inline, .list-news li, .list-news li:nth-child(3):last-child { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-notifications ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .list-featured.slider { -webkit-align-items: initial; align-items: initial; } .list-collection li, .list-news li { -webkit-flex-direction: column; flex-direction: column; } .list-collection.box .price { position: absolute; right: 25px; bottom: 5px; } /* extra :before */ .list-notifications p:before, .list-color li:hover:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } button.a:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; } .list-collection.box h1, .list-collection.box h2, .list-collection.box h3, .list-collection.box h4, .list-collection.box h5, .list-collection.box h6, .list-collection.box .overlay-c { width: calc(100% - 60px); } .module-aside.small > figure:last-child { top: -60px;} .list-color li span { display: none; } .list-color li:hover span { display: block; } .list-color li:hover:before { content: "\e963"; font-size: 11px; } .list-featured li > a img, .list-featured li > a svg, .list-featured.slider li > a, .list-box.slider li > a img, .list-box.slider li > a, .list-box.slider li > a svg, .list-catalog li > a img, .list-catalog li > a svg, .list-catalog li > a { height: 100%!important; } @media only screen and (min-width: 87.5em) { .list-featured.welcome li:nth-child(1) > a { height: 544px; } .list-featured.welcome li:nth-child(2) > a { height: 262px; } .list-featured.welcome li:nth-child(3) > a { height: 262px; } .list-featured.welcome li:nth-child(4) > a { height: 318px; } .list-featured.welcome li:nth-child(5) > a { height: 205px; } } @media only screen and (max-width: 87.5em) { .list-featured.welcome li:nth-child(1) > a { height: 502px; } .list-featured.welcome li:nth-child(2) > a { height: 241px; } .list-featured.welcome li:nth-child(3) > a { height: 241px; } .list-featured.welcome li:nth-child(4) > a { height: 308px; } .list-featured.welcome li:nth-child(5) > a { height: 170px; } } @media only screen and (max-width: 75em) { .list-featured.welcome li:nth-child(1) > a { height: 416px; } .list-featured.welcome li:nth-child(2) > a { height: 198px; } .list-featured.welcome li:nth-child(3) > a { height: 198px; } .list-featured.welcome li:nth-child(4) > a { height: 254px; } .list-featured.welcome li:nth-child(5) > a { height: 138px; } } @media only screen and (max-width: 62em) { .list-featured.welcome li:nth-child(1) > a { height: 464px; } .list-featured.welcome li:nth-child(2) > a { height: 222px; } .list-featured.welcome li:nth-child(3) > a { height: 222px; } .list-featured.welcome li:nth-child(4) > a { height: 284px; } .list-featured.welcome li:nth-child(5) > a { height: 159px; } } @media only screen and (max-width: 47.5em) { .list-featured.welcome { opacity: 1 } .list-featured.welcome li:nth-child(1) > a, .list-featured.welcome li:nth-child(2) > a, .list-featured.welcome li:nth-child(4) > a { height: 303px; } .list-featured.welcome > li:nth-child(4) { border-right: 20px solid rgba(0,0,0,0); } .list-featured.double li > a { height: auto; } .list-featured.welcome > li.small { display: none; } .list-collection .list-featured.in-collection li, .list-collection .list-featured.in-collection li.link-more, #root .list-collection .list-featured.in-collection img { max-height: 300px; } } @media only screen and (min-width: 47.5em) { .list-featured.welcome { opacity: 0; } .list-collection .list-featured.in-collection li, .list-collection .list-featured.in-collection li.link-more, #root .list-collection .list-featured.in-collection img { height: 205px!important; } } #root .list-collection .list-featured.in-collection li.link-more img, .list-nav ~ li.link-more.box img { object-position: bottom; right: 0; } .module-product .swym-button, .swym-button-bar.swym-wishlist-button-bar { display: none!important; } #root .wishlist-btn.swym-added { display: block; color: var(--white)!important; background-color: var(--berry); } #root .wishlist-btn.swym-added:hover { cursor: pointer; } .list-collection h2 + p { margin-top: -24px; } .template-cart .list-collection h2 + p { margin-top: -10px; } .link-more.box img { max-height: 125px;} @media only screen and (max-width: 62.5em) { .link-more.box { padding-right: 60px; } } @media only screen and (max-width: 87.5em) { .form-product .select-like > span:first-child { min-width: 0; } .form-product .select-like > span { margin-left: 50px; } } #shopify-product-reviews .spr-container { border: none; padding: 0; } #shopify-product-reviews h2 { display: none; } #shopify-product-reviews .spr-summary-actions-newreview { float: none; margin-left: 5px; } #shopify-product-reviews .spr-form-title { font-weight: 400; } #shopify-product-reviews .spr-form-message { outline: 0;} #shopify-product-reviews .spr-form { padding-bottom: 24px; } #shopify-product-reviews .spr-summary-starrating { margin: 0; color: #F8D949; } #shopify-product-reviews .spr-review-header-title { display: none; } #shopify-product-reviews .spr-review { clear: both; position: relative; padding: 28px 300px 0 196px; border-top: 1px solid var(--mercury); } #shopify-product-reviews .spr-review:first-child { border-top: none; } #shopify-product-reviews .spr-review .spr-review-content { margin-bottom: 26px; float: left; width: 100%; max-width: 566px; margin-bottom: 26px; } #shopify-product-reviews .spr-review .spr-review-content-body, #shopify-product-reviews .spr-review-reply-body, #shopify-product-reviews .spr-review-reply-shop { font-size: inherit; line-height: inherit; } #shopify-product-reviews .spr-review h3 { position: relative; float: left; width: 196px; margin-left: -196px; padding: 0 20px 6px 0; font-size: 1em; font-weight: 400; } #shopify-product-reviews .spr-review .rating-a { display: block; position: absolute; left: 0; right: 0; top: 100%; padding: 0; } #shopify-product-reviews .spr-review .rating-a .rating { height: 11px; } #shopify-product-reviews .spr-review .rating-a .rating > * { width: 12px; } #shopify-product-reviews .spr-review-reply { width: fit-content; max-width: 566px; background-color: var(--sand); border: 1px solid var(--desert); border-radius: 8px; margin: 0 0 0 auto; clear: both; } #shopify-product-reviews .spr-review .spr-review-header-byline, #shopify-product-reviews .spr-review .spr-review-footer { float: right; width: 300px; margin-right: -300px; padding-left: 20px; color: var(--dusty); text-align: right; max-width: 566px; margin-bottom: 26px; } #shopify-product-reviews .spr-review .spr-review-header-byline { font-style: inherit; font-size: inherit; opacity: 1; } #shopify-product-reviews .spr-review .spr-review-footer { margin-top: 30px; } #shopify-product-reviews .spr-pagination { clear: both; position: relative; border-top: 1px solid var(--mercury); } @media only screen and (max-width: 62.5em) { #shopify-product-reviews .spr-review { padding-right: 0; padding-left: 85px; } #shopify-product-reviews .spr-review .spr-review-content { width: 100%; } #shopify-product-reviews .spr-review .spr-review-header-byline, #shopify-product-reviews .spr-review .spr-review-footer { width: 100%; margin-top: -15px; margin-right: 0; padding-left: 0; } #shopify-product-reviews .spr-header-title, #shopify-product-reviews .spr-summary { text-align: left; } #shopify-product-reviews .spr-review-reply + .spr-review-footer { margin-top: 15px; } #shopify-product-reviews .spr-review .spr-review-footer { margin-bottom: 15px; } #shopify-product-reviews .spr-reviews { margin-top: -50px; } #shopify-product-reviews .spr-review h3 { width: 85px; margin-left: -85px; padding-top: 5px; } #shopify-product-reviews .spr-review .spr-review-header-byline, #shopify-product-reviews .spr-review .spr-review-footer { text-align: left; width: 720px; max-width: none; } #shopify-product-reviews .spr-review-reportreview { float: left; } #shopify-product-reviews .spr-review .spr-review-content { margin-bottom: 15px; } #shopify-product-reviews .spr-review .spr-review-content-body { min-height: 56px; } } @media only screen and (max-width: 47.5em) { #shopify-product-reviews .spr-review .spr-review-header-byline, #shopify-product-reviews .spr-review .spr-review-footer { width: calc(100vw - 40px); } } @media only screen and (max-width: 62.5em) { .list-collection figure { height: 270px; } } @media only screen and (max-width: 47.5em) { .list-product li img { max-height: 350px; margin: 0 auto; object-fit: contain!important; } .list-collection figure { flex-grow: 1; } .menu-active #top .list-usp { display: none; } #top .list-usp { padding-left: 0; top: 100%; color: var(--coal); overflow: hidden; } #top .list-usp li { margin: 0; text-align: center; width: 100vw; } #top .list-usp i { color: var(--green); font-family: 'i'!important; font-size: 0.8em; top: 0; } #top .list-usp i:before { content: "\e930"; } #top .list-usp:before { background-color: var(--sand); } #top .list-usp, #footer .list-usp { height: 35px; line-height: 35px; } article .intro > div { padding: 12px 15px; } article .intro > div h2 { margin-bottom: 10px; } article .intro > div span { display: block; } /* article .intro > div p { overflow: hidden; text-overflow: ellipsis; max-height: 85px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } */ } #content > .shopify-section:first-child > header:first-child { margin-top: -20px; padding-top: 20px; } .popup-a .box-inner { min-height: 500px; position: relative; z-index: 998; width: 1260px; margin: 0; } @media only screen and (min-width: 47.5em) { .popup-a .box-inner > .box-inset { min-height: 500px; } } .popup-a .box-inner > .box-inset > img:not(.hidden) { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .form-product .submit > *.hidden { position: absolute; } .popup-a .list-product .link-more { left: 0; } .popup-a .list-product .owl-carousel ~ .link-more { left: 126px; } @media only screen and (max-width: 81.25em) { .popup-a .list-product .owl-carousel ~ .link-more { left: 106px; } } @media only screen and (max-width: 75em) { .popup-a .list-product .owl-carousel ~ .link-more { left: 0; } } .list-notifications { position: absolute; right: 0; top: 189px; z-index: 999999; list-style: none; margin: 0; padding: 0; color: var(--razz); line-height: 1.3571428571; } .list-notifications li { overflow: hidden; position: relative; width: 445px; margin: 0 0 34px; padding: 28px 72px 12px 52px; box-shadow: -3px 0px 10px rgba(0,0,0,.1); border: 0 solid #e5e5e5; background: #fff; font-size: 1.4em; } .list-notifications ul { list-style: none; margin: 0 -70px 12px 0; padding: 0; } .list-notifications ul li { width: auto; margin: 0 12px 0 0; padding: 0; box-shadow: none; border-width: 0; background: none; font-size: 16px; } .list-notifications ul li a { color: #000; text-decoration: none; } .list-notifications p { position: relative; margin: 0 0 12px; font-size: 16px; } .list-notifications p:before { left: -32px; width: fit-content; font-size: 11px; } .list-notifications p:before { content: "\e930"; font-size: 10px; } .list-notifications .close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; width: 50px; height: 50px; color: #000; font-size: 11px; text-indent: -3000em; text-decoration: none; text-align: left; } .list-notifications .close:before, .list-notifications p.overlay-d:before { content: "\e901"; } .list-notifications p.info:before { content: "\e917"; } .list-notifications i { display: block; position: absolute; left: 0; top: 50%; margin-top: -10px; line-height: 20px; } .list-notifications.scroll-to-fixed-fixed { z-index: 999999 !important; } @media only screen and (max-width: 62.5em ) { .list-notifications { position: fixed !important; left: 0 !important; right: 0 !important; top: auto !important; bottom: 0 !important; width: auto !important; margin: 0 !important; } .list-notifications li { width: auto; margin: 0; padding-right: 60px; padding-top: 20px; padding-bottom: 8px; box-shadow: none; border-top-width: 1px; } .list-notifications ul { margin-right: -60px; } /* .list-notifications { top: 95px; right: 0; left: 0; } .list-notifications li { width: 100%; } */ } .sidebar-cart .list-cart > p:first-child:last-child { top: 50%; } .list-collection figure > a:not(:first-child) { left: 0; right: 0; } .list-filter ul label, .list-filter ul.scrolled label { padding-right: 0; } .list-filter ul.scrolled label:before { right: -17px; } .list-filter li a, .list-filter ul.brands li { padding-right: 15px; z-index: 5; } .list-filter ul.brands li { padding-right: 0; } .list-filter li a::first-letter, .list-filter ul label::first-letter, .list-filter ul label:first-letter { text-transform: uppercase; } .list-filter li ul li a:before { content: ""; } #footer div.store p { max-width: none; } @media only screen and (max-width: 75em) { #footer > div br { display: block; } } .list-pagination > span { margin-right: 38px; } .list-pagination span.current { cursor: default; font-weight: 800; color: var(--coal); text-decoration: none; } .list-tags a.active { background: var(--berry); color: var(--white); } .form-inline input { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; height: auto; border-top-right-radius: 0; border-bottom-right-radius: 0; } .form-inline button { min-width: 140px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .responsive-table { width: 100%; } .responsive-table th, .responsive-table td { text-align: left; } .responsive-table dd { padding-left: 0; } @media only screen and (min-width: 47.5em) { .responsive-table.order th, .responsive-table.order td { width: 15%; padding-right: 20px; } .responsive-table th, .responsive-table td { width: 20%; } .responsive-table.order th:nth-child(2), .responsive-table.order td:nth-child(2) { width: 40%; } } @media only screen and (max-width: 47.5em) { .responsive-table thead { display: none; } .responsive-table th, .responsive-table td { float: left; clear: left; width: 100%; text-align: right; padding: 5px 0; border: 0; margin: 0; } .responsive-table th::before, .responsive-table td::before { content: attr(data-label); float: left; text-align: center; padding-right: 10px; font-weight: bold; } .responsive-table-row { margin-bottom: 15px; float: left; clear: left; width: 100%; } .responsive-table-row::after { content: ""; display: block; border-bottom: 1px solid var(--mercury); } .responsive-table-row:first-child::after { content: none; } .responsive-table-row:last-child { margin-bottom: 0; } .img-row, .small--hide { display: none; } } .address-form .address_form_label, div[data-address-form] .address_form_label { padding-left: 10px; display: inline-block; margin-bottom: 0; top: 9px; } @media only screen and (max-width: 47.5em) { .address-form .address_form_label, div[data-address-form] .address_form_label { top: 5px; } } .double-btns { margin-top: 20px; } .single-btn { margin: 0; } button.a { display: block; overflow: visible; position: relative; float: left; margin: 0 10px 10px 0; padding: 19.5px 36px; border-radius: 8px; border: 0; min-width: 210px; color: var(--coal); border-width: 0; background: none; font-size: 16px; font-weight: 800; line-height: 1.1; text-align: center; text-decoration: none; } button.a:before { border-radius: 8px; border: 2px solid var(--ebb); } @media only screen and (max-width: 47.5em) { button.a { width: 100%; margin-right: 0; } .double-btns > button { margin-bottom: 10px; } .link-btn { margin-right: 0; } #root .double > button { width: 100%; } } .cols-a > .shopify-section > header:first-child, .cols-a > .shopify-section > aside { float: left; width: 260px; margin: 0 0 0 -305px; } @media only screen and (max-width: 75em) { .cols-a > .shopify-section > header:first-child, .cols-a > .shopify-section > aside { margin-left: -290px; } } @media only screen and (max-width: 62.5em) { .cols-a > .shopify-section > header:first-child, .cols-a > .shopify-section > aside { width: 230px; margin-left: -250px; } } @media only screen and (max-width: 47.5em) { #root .cols-a > .shopify-section > * { float: none; width: auto; margin-left: 0; margin-right: 0; } } .link-btn > a > .tooltip { width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } #root .link-btn > a > .tooltip .open { margin: 0; height: 100%; } .link-btn > a > .tooltip .inner { bottom: 75%; left: 25px; z-index: 2; } .link-btn > a > .tooltip .inner br { display: block; } .link-btn > a > .tooltip .inner .close { min-width: 0; margin: 0; } .link-btn > a > .tooltip:before, .link-btn > a > .tooltip:after { content: none; } .pusher ~ img, .pusher ~ svg { position: absolute!important; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); height: 100%!important; } .pusher.landscape { margin-top: 75%; } .pusher.square { margin-top: 100%; } .pusher.portrait { margin-top: 125%; } .list-collection li figure { overflow: hidden; position: relative; height: auto!important; display: block; } .list-collection li .pusher { margin-top: 125%; } .list-news.homepage img, .list-news.homepage svg { height: 285px!important; } .list-news figure:before { pointer-events: none; } [data-whatintent="mouse"] .list-tags li.active a { background: var(--berry); color: var(--white); } .list-tags { margin-top: 20px; } .list-news p { flex-grow: 1; align-items: flex-end; } li.flex-grow { flex-grow: 1; width: 1px; } @media only screen and (max-width: 47.5em) { .list-news li.flex-grow { width: 100%; } } li.break { flex-basis: 100%; width: 0; height: 0; padding: 0; border: none; margin-bottom: 0; } li.break:before, li.break:after { content: none; } .placeholder-svg { object-fit: contain; height: 100%; width: 100%; fill: rgba(133, 133, 133, 0.35); background-color: rgba(133, 133, 133, 0.1); } .list-collection .placeholder-svg { background-color: transparent; } .list-featured { transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; } /* #shopify-section-product-tabs { margin-top: -50px; } */ #shopify-section-product-tabs .tabs-a > nav:before { background: var(--wisp); } @media only screen and (max-width: 47.5em) { #shopify-section-product-tabs { margin-top: -50px; } } .module-gallery i.icon-chevron-right { display: inline-block; position: relative; top: -.1em; margin: 0 0 0 5px; font-size: 0.4375em; line-height: 1px; } .list-collection figure svg { width: auto; max-height: 100% !important; -webkit-align-self: center; -ms-align-self: center; align-self: center; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; min-height: 200px;} .list-product { margin-bottom: 0; } .list-box.slider .owl-stage, .list-box.slider .owl-item, .list-box.slider .owl-item .item, .list-box.slider .owl-item .item li { height: 100%; } .shopify-challenge__button btn { margin-bottom: 29px;} .double.w1192.a > *:first-child:last-child { margin: 0 auto; float: none; text-align: left; } #root .module-product .roomvo-container.scroll-to-fixed-fixed .link-more.box { margin-bottom: 0; } /* #root .module-product .link-more.box { margin-bottom: 30px; } */ #root .quickshop-container .module-product .link-more.box { margin-bottom: 0; } @media only screen and (max-width: 47.5em ) { /* #root .module-product .link-more.box { margin-bottom: 30px; } */ .form-login .list-check li { text-align: center; width: 100%; } /*.link-more.box, #root .link-more.box, */ #root .roomvo-container { position: relative!important; bottom: 0!important; top: 0!important; left: 0!important; width: auto!important; margin-left: 0!important; } #root .quickshop-container .roomvo-container { position: initial!important; } /* #root .quickshop-container .roomvo-container .link-more.box { margin-bottom: 30px; } */ #root .popup-a.quickshop-container .box-inner .module-product > * + * { margin-top: 20px; } .popup-a.quickshop-container .box-inner { width: 100%; } #root .popup-a .box-inner .module-product > * + * { margin-top: 0; } #root .popup-a .box-inner .link-more.box { border-radius: 0; } .popup-a.quickshop-container .box-inset > .close { font-size: 15px; width: 40px; height: 40px; left: 20px; top: 20px; z-index: 10; box-shadow: 2px 10px 20px rgba(0,0,0,.06); border-radius: 30px; background: var(--white); color: var(--coal);} } @media only screen and (max-width: 27.5em) { .list-collection h2 { min-height: 40px;} } @media only screen and (max-width: 570px) { #trengo-web-widget > div > .TrengoWidgetLauncher__iframe { left: auto; } } #shopify-section-recently-viewed { margin: 35px 0; } #shopify-section-related-products { margin-top: 45px; } img { transition: 1s opacity ease-out; } img[data-src] { opacity: 0; } img:not([data-src]) { opacity: 1; } /* Animations --------- */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } body:before, body:after { content: ""; display: block; position: fixed; visibility: hidden; opacity: 0; } body:before { left: -100px; top: -100px; right: -100px; bottom: -100px; z-index: 999998; background: var(--white); opacity: .9; } body:after { left: 50%; top: 50%; z-index: 999999; width: 100px; height: 100px; margin: -50px 0 0 -50px; border-radius: 100px; border: 3px solid var(--silver); border-left-color: var(--razz); } body:after { -webkit-animation: spin .75s infinite linear; animation: spin .75s infinite linear; } #footer > div > *, #footer > div > *:nth-child(3), #footer > div > div.mobile-only + * { width: 33.3333333333%; } .change-to-zichtservice.active { pointer-events: none; } .cart-active-cart .drawer--is-loading #cart #cart-inner > li , .cart-active-zichtservice .drawer--is-loading #zichtservice-cart #cart-inner-zs > li { opacity: 0; } .cart-active-cart .drawer--is-loading #cart #cart-inner:before, .cart-active-cart .drawer--is-loading #cart #cart-inner:after, .cart-active-zichtservice .drawer--is-loading #zichtservice-cart #cart-inner-zs:before, .cart-active-zichtservice .drawer--is-loading #zichtservice-cart #cart-inner-zs:after { content: ""; display: block; position: absolute; } .cart-active-cart .drawer--is-loading #cart #cart-inner:before, .cart-active-zichtservice .drawer--is-loading #zichtservice-cart #cart-inner-zs:after { left: -100px; top: -100px; right: -100px; bottom: -100px; z-index: 999998; background: var(--white); opacity: .9; } .cart-active-cart .drawer--is-loading #cart #cart-inner:before, .cart-active-zichtservice .drawer--is-loading #zichtservice-cart #cart-inner-zs:after { left: 50%; top: 50%; z-index: 999999; width: 100px; height: 100px; margin: -50px 0 0 -50px; border-radius: 100px; border: 3px solid var(--silver); border-left-color: var(--razz); -webkit-animation: spin .75s infinite linear; animation: spin .75s infinite linear; } .link-more.box.roomvo-stimr { height: 0; padding: 0; } .link-more.box.roomvo-stimr[data-active="true"] { height: auto; padding: 15px 20px; } .quickshop-container .form-product .submit { margin-bottom: 0; } .boost-pfs-filter-product-item .quickshop-btn.hide { opacity: 0!important; visible: hidden!important; } .list-featured.blogs { margin-top: 20px; margin-bottom: 10px; } @media only screen and (min-width: 47.5em ){ .list-featured.blogs { margin: 75px 0 55px -20px; } .list-featured.blogs li > a img { height: 250px!important; } } @media only screen and (max-width: 47.5em ){ .list-featured.blogs { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .list-featured.blogs li { height: 100%!important; width: 100%; max-width: none; margin-bottom: 20px; } } /* .list-collection .price { position: relative; text-align: right; right: 0!important; top: 0!important; } .list-collection .h2 + p.overlay-c { position: absolute; margin: 0; bottom: 10px; padding-bottom: 7px; line-height: 1.125; }*/ /* .list-collection .price { left: 20px; text-align: right; } */ .list-collection .price .overlay-c { float: left; } /* @media only screen and (max-width: 47.5em) { .list-collection .price { left: 0px; } } */ .module-rating+.module-aside.small { padding-right: 0; } .module-rating+.module-aside.small > .list-check { max-width: none; } .contact-form select { color: var(--dusty); } .contact-form select.done { color: var(--coal); } .cart-service-box { padding-left: 120px; position: relative; } .cart-service-box figure{ position: absolute; left: 0; } .list-cart-main.recommended h2 { font-size: 20px; } .list-cart-main.recommended .price{ position: relative; top: 0; } @media only screen and (min-width: 62.5em) { .list-cart-main.recommended li { padding-right: 170px; } } .list-cart-main.recommended .link-btn { position: absolute; right: 0; top: 23px; margin-bottom: 15px; } .list-cart-main.recommended .link-btn a { border-color: var(--atlantis); background: var(--atlantis); } @media only screen and (min-width: 47.5em) and (max-width: 62.5em){ .list-cart-main.recommended .list-inline { margin-left: 0; } } @media only screen and (max-width: 62.5em) { .list-cart-main.recommended .list-inline { clear: none; } .list-cart-main.recommended .price{ float: none; height: 40px; margin-left: 100px; } .list-cart-main.recommended .list-inline li:first-child { margin-left: 0; } .list-cart-main.recommended .link-btn { top: 63px; } } @media only screen and (max-width: 47.5em) { .template-product .module-wide > .double { -webkit-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 25em) { .list-cart-main.recommended .link-btn { position: relative; float: right; margin: 0; top: 0; } } .list-product .label { display: block; position: absolute; left: 122px; top: 27px; z-index: 9; height: 32px; padding: 0 15px; border-radius: 8px; background: var(--berry); color: var(--white); font-weight: 800; font-size: 16px; line-height: 32px; } .list-product .label:nth-of-type(2) { top: 45px; } .list-collection figure .label.sale, .list-product .label.sale { color: #ffffff; background: #000000; } .list-collection figure .label, .list-product .label { color: #ffffff; background: #000000; } .list-collection figure .label { padding: 0 15px; } .calendly-inline-widget { min-width: 320px; height: 650px; width: calc(100% + 10%); margin-left: -5%; margin-top: -60px; } @media only screen and (max-width: 62.5em) { .calendly-inline-widget { margin-top: -35px; width: calc(100% + 5%); margin-left: -2.5%; } } @media only screen and (max-width: 47.5em) { .calendly-inline-widget { margin-top: -20px; } } /* new pdp */ .list-product li img { /* max-height: calc(100vh - 195px); */ max-height: 550px; /* max-width: 350px!important; */ margin: 0 auto; object-fit: contain!important; } .divider { border-right: 1px solid var(--lightgrey); margin: 0 8px; } .template-product header a { font-weight: 400; } .template-product header h1 { font-size: 28px; margin-bottom: 0; } a.review-button { color: var(--coal); } .review-button .rating-a { padding-left: 70px; } .review-button .rating-a .rating { height: 10px; top: 4px;} .review-button .rating-a .rating > * { width: 12px; } .module-product > *:first-child, .product-info { position: relative; } /* #root .list-product.is-slider, #root .popup-a .list-product.is-slider { padding-left: 0;} */ /* .list-product.is-slider > .inner { float: none; } */ .list-product .owl-carousel .owl-stage { display: flex; align-items: center; } /* #root .list-product .pager, .quickshop-container .list-product .pager, #root .popup-a .list-product.is-slider .pager { position: relative; right: 0; top: 0; list-style: none; float: none; width: auto; margin: 30px -15px -15px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; } */ .list-product .owl-dots { display: none; } .list-product .pager > li { margin-right: 15px; float: left; position: relative; } .list-product .pager a { width: 70px; height: 70px; opacity: 1; padding: 2px; border: 1px solid var(--mercury);} .list-product .pager a img { opacity: 0.4; } .list-product .pager a.current img { opacity: 1; } .list-product .pager .more span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--white); font-weight: 800; font-size: 16px; pointer-events: none; } .module-product .zoom { position: absolute; right: -7px; bottom: 15px; width: 25px; height: 25px; cursor: pointer; z-index: 10; } .module-product .zoom > span { position: relative; } .module-product .zoom > span:after { content: ""; position: absolute; width: 25px; height: 25px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.8999 23.3738C24.9625 23.5051 25 23.624 25 23.7428C25 23.8617 24.9687 23.9492 24.8999 24.0118L24.1431 24.7686C24.0118 24.8812 23.8867 24.9375 23.7616 24.9375C23.6365 24.9375 23.5114 24.8812 23.38 24.7686L16.1246 17.5131C15.2615 18.1949 14.2982 18.7453 13.2412 19.1519C12.1841 19.5584 11.0583 19.7648 9.86992 19.7648C8.53142 19.7648 7.2617 19.5021 6.0608 18.983C4.87241 18.4451 3.82788 17.7258 2.92095 16.8314C2.01402 15.937 1.30723 14.8924 0.781836 13.704C0.262697 12.4969 0 11.2209 0 9.8699C0 8.5314 0.262697 7.2617 0.781836 6.0608C1.31974 4.87241 2.03904 3.82787 2.94597 2.92094C3.8529 2.01401 4.90995 1.30723 6.13587 0.781836C7.34302 0.262697 8.63774 0 10.02 0C11.3585 0 12.6282 0.262697 13.8291 0.781836C15.0175 1.28847 16.062 1.98274 16.969 2.87091C17.8759 3.75908 18.5827 4.8036 19.1081 6.01076C19.6335 7.21791 19.8899 8.50012 19.8899 9.8699C19.8899 11.0583 19.6835 12.1841 19.277 13.2412C18.8704 14.2982 18.3263 15.2614 17.6382 16.1246L24.8999 23.3738ZM9.87616 17.7571C10.9832 17.7571 12.009 17.5507 12.9535 17.1441C13.9167 16.7376 14.7548 16.1746 15.4679 15.4553C16.1809 14.7361 16.7438 13.8979 17.1566 12.941C17.5632 11.9965 17.7696 10.9707 17.7696 9.86365C17.7696 8.77533 17.5569 7.74331 17.1316 6.78634C16.7063 5.84189 16.1371 5.01001 15.4241 4.29698C14.711 3.58394 13.8667 3.02101 12.9097 2.6082C11.9652 2.20165 10.9582 1.99525 9.88242 1.99525C8.78785 1.99525 7.76207 2.20791 6.80511 2.63323C5.86065 3.05855 5.02879 3.62772 4.31575 4.34076C3.60272 5.05379 3.03979 5.89818 2.62698 6.85515C2.22042 7.7996 2.01401 8.80036 2.01401 9.8574C2.01401 10.9645 2.22668 11.9902 2.652 12.9347C3.07732 13.8979 3.64649 14.7361 4.35952 15.4491C5.07256 16.1621 5.91695 16.725 6.87392 17.1379C7.81212 17.5507 8.81912 17.7571 9.87616 17.7571Z' fill='%23473D3D'/%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M13.5181 9.48422C13.3864 9.37051 13.2847 9.32263 13.1829 9.32263H10.6274V6.76704C10.6274 6.66529 10.5735 6.55756 10.4658 6.43188C10.352 6.30021 10.1905 6.23438 9.97499 6.23438C9.75953 6.23438 9.59794 6.30021 9.48422 6.43188C9.37051 6.56355 9.32263 6.67128 9.32263 6.76704V9.31665H6.76704C6.66529 9.31665 6.55756 9.37051 6.43188 9.47824C6.30021 9.59794 6.23438 9.75953 6.23438 9.97499C6.23438 10.1905 6.30021 10.352 6.43188 10.4658C6.56355 10.5795 6.66529 10.6274 6.76704 10.6274H9.31665V13.177C9.31665 13.2787 9.37051 13.3864 9.47824 13.5121C9.59195 13.6438 9.75953 13.7096 9.96901 13.7096C10.1785 13.7096 10.3461 13.6438 10.4598 13.5121C10.5735 13.3805 10.6214 13.2787 10.6214 13.177V10.6274H13.171C13.2727 10.6274 13.3805 10.5735 13.5061 10.4658C13.6378 10.352 13.7036 10.1845 13.7036 9.97499C13.7036 9.76552 13.6498 9.59794 13.5181 9.48422Z' fill='%23473D3D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='7.48124' height='7.48124' fill='white' transform='translate(6.23438 6.23438)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .list-product .pager + p { color: var(--dusty); font-size: 14px; text-align: center; /*margin-bottom: 20px;*/ margin-bottom: 0; } .list-product a[data-fancybox-group]:hover { cursor: zoom-in; } .form-product .form-options { padding: 10px 15px; border-radius: 8px; background-color: var(--sand); margin: 5px 0 0; } .form-product label[for="id"] { font-size: 15px; margin: 0 0 10px 3px; font-weight: 400; } .form-product label[for="id"] > span { margin-left: 10px; } .form-product label[for="id"] > span > * { display: inline; margin: 0; padding: 0; font-size: 15px; } .form-product .form-options select { border-radius: 8px; font-size: 16px; } .form-product .form-options > div { display: flex; } .form-product .form-options > div .btn { font-size: 16px; font-weight: 800!important; line-height: 1.1; text-align: center; cursor: pointer; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; min-width: 210px; margin-left: 10px; background-color: var(--white); color: var(--coal); border: 1px solid var(--mercury); padding: 15.5px 7px; border-radius: 8px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .form-product .form-options > span.mobile-hide { margin: 10px 0 0 3px; font-size: 13px; display: block; } .form-product .form-options > span.mobile-hide * { padding: 0; margin: 0; display: inline-block; font-weight: 400; } .form-product .form-size { margin: 15px 0 0; -webkit-justify-content: normal; justify-content: normal; font-size: 16px; } .form-product .form-size p { margin-bottom: 0; } .form-product .form-size > p:nth-of-type(2) { margin-left: 28px; } .form-product .form-size > .wide { margin-top: 15px; font-size: 14px; } .form-product .submit { padding-left: 0; } .submit button i, .module-product-bar button i { margin-left: 5px; } .form-product .price .diff { display: block; margin: 8px 0 0; color: var(--green); font-weight: 800; font-size: 14px; } .form-product .levertijd-message { display: block; margin: 0 0 15px; width: 100%; font-size: 16px; } .form-product .levertijd-message span.in-stock, .form-product .levertijd-message span.not-in-stock { display: block; font-weight: 800; margin-bottom: -8px; } .form-product .levertijd-message span.in-stock i, .form-product .levertijd-message span.not-in-stock i { margin-right: 5px; } .form-product .levertijd-message span.in-stock { color: var(--green); } .form-product .levertijd-message span.not-in-stock { color: var(--razz); } .form-product .unavailable-buy-button, .module-product-bar .unavailable-buy-button, .form-product .submit button[disabled], .module-product-bar button[disabled] { background-color: var(--silver); border-color: var(--silver); cursor: default; pointer-events: none; opacity: 1; } .module-product .list-check.cols { margin-top: 20px; margin-bottom: 20px; } #root .list-check.cols.v2 li { width: 100%; padding-left: 25px; font-size: 16px; } .list-check.cols.v2 li:before { content: "\e930"; color: var(--green); font-size: 11px; top: 8px; } .list-check.cols.v2 li strong, .list-check.cols.v2 li b { color: var(--razz); font-weight: 800; } .module-product .link-more.box[style="visibility:hidden;"] { height: 0!important; padding: 0!important; margin: 0!important; } .module-product .link-more.box:not([style="visibility:hidden;"]) { max-width: 360px; margin: 20px auto 0 auto; border-radius: 8px; border: 1px solid var(--mercury); } .module-product .link-more.box > span { font-size: 16px; margin: 0; } .module-product .link-more.box img { right: auto; left: 15px; max-height: 80px; object-fit: contain; } .module-product .link-more.box.roomvo-stimr[data-active="true"] { padding-left: 75px; } ul.btns { margin: 30px 0; padding: 0; list-style: none; } ul.btns li.btn { width: 100%; display: block; overflow: visible; position: relative; margin: 0 10px 10px 0; padding: 15.5px 10px; border-radius: 8px; border: 1px solid var(--mercury); font-size: 16px; font-weight: 800; line-height: 1.1; text-align: center; background: var(--sand); color: var(--coal); } ul.btns li.btn a { color: var(--coal); } ul.btns li.btn a:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } ul.btns li.btn .tooltip:after { color: var(--lightgrey); } ul.btns li.btn .tooltip { top: .2em; } .bordered { border: 1px solid var(--desert); border-radius: 8px; padding: 20px; } .icon-colorpicker:before { content: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.0075 9.72784L22.2716 4.99194C21.2796 3.93596 19.5517 3.93596 18.5277 4.99194L14.6558 8.86386V25.7915L26.9755 13.4718C28.0635 12.4798 28.0635 10.7198 27.0075 9.72784Z' fill='%23473D3D'/%3E%3Cpath d='M29.344 20H24.6721L12.6724 31.9998H29.344C30.816 31.9998 32 30.8158 32 29.3438V22.6559C32 21.184 30.816 20 29.344 20Z' fill='%23473D3D'/%3E%3Cpath d='M9.34382 0H2.65595C1.18398 0 0 1.18398 0 2.65595V25.9835C0 29.3114 2.65595 31.9994 6.01588 31.9994C9.37582 31.9994 12.0318 29.3434 12.0318 25.9835V2.65595C11.9998 1.18398 10.8158 0 9.34382 0ZM6.01588 28.6714C4.54391 28.6714 3.35993 27.4875 3.35993 26.0155C3.35993 24.5435 4.54391 23.3595 6.01588 23.3595C7.48785 23.3595 8.67183 24.5435 8.67183 26.0155C8.67183 27.4875 7.45585 28.6714 6.01588 28.6714Z' fill='%23473D3D'/%3E%3C/svg%3E%0A"); } .list-items-icons { list-style: none; padding-left: 0; margin: 0 ; } .list-items-icons li { padding: 0 0 0 65px; margin: 0 0 30px; position: relative; font-size: 16px; } .list-items-icons li:last-child { margin-bottom: 0; } .list-items-icons li > i { position: absolute; left: 0; /*top: 50%; transform: translateY(-50%);*/ width: 32px; height: 32px; font-size: 32px; } .list-items-icons li > i.icon-eye { font-size: 17px; } .list-items-icons li > i.icon-truck { font-size: 23px; } .list-items-icons li > i.icon-envelope { font-size: 22px; } .list-items-icons li > *:not(i) { display: block; width: fit-content; line-height: 1.33333; } .list-items-icons li > .link-more { line-height: inherit; margin-top: 5px; } .list-items-icons li > span:first-of-type { font-weight: 800; } .module-product .tab-item a.header-toggle, .module-product ~ .tab-item a.header-toggle { display: none; } .product-info { clear: both; } /* .module-product > *:not(.product-info, :first-child) { float: none; } */ .form-options:after, .form-options label:after, .form-options p:after, form .form-options:after, .module-product .message *:before, .module-product .message *:after { content: none; clear: unset; } .related-products .owl-carousel.owl-drag .owl-item { float: none; display: inline-block; } #root .list-gallery.is-slider li { width: 120px; } /* .related-products img { object-fit: contain; } */ .module-product .message * { margin: 0; padding: 0; } .product-info > *:first-child > div > p { padding-bottom: 15px; } .product-info > *:first-child > div > p:first-child:last-child, .product-info > *:first-child > div > div + p, .product-info > *:first-child > div > span + p, .product-info > *:first-child > div > strong + p, .product-info > *:first-child > div > b + p { margin-top: 20px; } .product-info > *:first-child > div > * + p { margin-top: 0; } .product-info .tab-item > h2 + div { /*margin-top: 25px;*/ } .template-product h1, .template-product h2, .template-product .h2, .template-product h3, .template-product h4, .template-product h5, .template-product h6 { font-weight: 400; } .product-preview #nav:before { box-shadow: none; } .module-product-bar { height: 80px; padding: 12px 0 10px 0; display: flex; flex-direction: column; justify-content: center; position: absolute; left: 0; right: 0; top: 0; z-index: 9; visibility: hidden; opacity: 0; pointer-events: none; background-color: var(--white); transition: top .5s ease-out; } .product-preview .module-product-bar { visibility: visible; opacity: 1; box-shadow: 0 4px 10px rgba(0,0,0,.06); pointer-events: all; z-index: 100; position: fixed; top: 55px; } .template-product .list-breadcrumbs { margin-top: 10px; } .template-product .list-breadcrumbs > li:nth-last-child(2):before { content: none; } .module-product-bar > * > *{ margin: 0; padding: 0; } .module-product-bar > div { position: relative; padding-left: 60px; } .module-product-bar img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-height: 60px; object-fit: contain; } .module-product-bar h3 { font-size: 16px!important; font-weight: 800; } .module-product-bar .price { font-size: 16px!important; margin-bottom: 0; width: fit-content; position: relative; } .module-product-bar .price .old { position: absolute; left: 100%; margin: 0 0 0 8px; font-size: 16px!important; } .module-product-bar .price .diff { display: none; } .module-product-bar .link-btn { position: absolute; top: 0; right: 0; max-width: 300px; } .module-product-bar .link-btn button { padding: 11.5px 36px; margin: 0; white-space: nowrap; width: 100%; } .module-product-bar button i.module-product-bar-only { display: none; } .related-products { margin-top: 25px; } .tooltip.toggle .inner { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 3; } .read-more.enabled { position: relative; overflow: hidden; transition: height .5s ease-out; } .read-more.enabled:not(.more-toggled):after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; height: 80px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%); z-index: 2; } .read-more > .more-toggle { position: absolute; right: 0; bottom: 6px; left: 0; z-index: 4; text-align: center; } .read-more > .more-toggle > span { color: var(--razz); padding: 9px 18px 9px 20px; border-radius: 8px; border: 1px solid var(--desert); background-color: var(--white); } .read-more > .more-toggle > span:after { content: "\e92b"; margin-left: 7px; font-size: 5px; position: relative; display: inline-block; top: -2px; } .read-more > .more-toggle:before { content: ""; height: 1px; background-color: var(--desert); position: absolute; bottom: 14px; z-index: -1; left: 0; right: 0; } .read-more.more-toggled.done { margin-bottom: 80px; } .read-more.more-toggled.done { overflow: inherit; } .read-more.more-toggled.done > .more-toggle { bottom: -40px; } .read-more.more-toggled.done { height: auto!important; } .read-more.enabled.no-height { height: initial!important; margin-bottom: 0!important; } .read-more.more-toggled > .more-toggle > span:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } article .intro .read-more.enabled { height: 107px; transition: height .5s ease-out; } article .intro .read-more > .more-toggle > span { background-color: var(--alabaster); padding-bottom: 0; } article .intro .read-more > .more-toggle { bottom: 0; } article .intro .read-more.enabled.more-toggled.done { margin-bottom: 30px; } article .intro .read-more.enabled.more-toggled.done > .more-toggle { bottom: -32px; } @media only screen and (min-width: 47.5em) { .module-product .read-more.enabled { height: 275px; } .product-info .tab-item { margin-bottom: 45px; } .product-info .tab-item > h2, .product-info .tab-item > div > *:not(.list-info) { max-width: 640px; } .product-info { margin-top: 45px; } #top .menu { display: none; } .form-filter.mobile { display: none!important; } article .actions.actions_1 { border-bottom: 1px solid var(--desert); padding-bottom: 17px; } article .actions.actions_3 { padding-top: 20px; } article .actions.actions_3 .show-images { order: 2; } article .actions.actions_3 .form-sort { order: 1; } article .actions.actions_3 .mobile-only { order: 3; } } @media only screen and (max-width: 62.5em) { .list-product .label { left: 0; } .module-product-bar { width: 100%; padding: 0; } .module-product-bar > div { padding: 15px 80px; width: 100%; } .module-product-bar h3 { font-size: 14px!important;max-height: 21px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .module-product-bar img { left: 20px; max-height: 54px; } .module-product-bar .price, .module-product-bar .price .old { font-size: 14px!important; } .module-product-bar .link-btn { right: 20px; top: 50%; transform: translateY(-50%);} .module-product-bar .link-btn button.hidden { display: none; } .module-product-bar .link-btn button { min-width: 0; padding: 16.5px 19.1px; word-spacing: -.5em; letter-spacing: -.5em; color: transparent; width: 50px; height: 50px; } .module-product-bar .link-btn button i { font-size: initial; margin: 0; word-spacing: initial; letter-spacing: initial; color: var(--white); } .module-product-bar button i.module-product-bar-only { display: inline-block; } .list-product .owl-dots { /*display: flex;*/ justify-content: center; margin-top: 10px; } /*.list-product .owl-dots .owl-dot { width: 10px; height: 10px; border-radius: 50%; background-color: var(--desert); opacity: 1; } .list-product .owl-dots .owl-dot:not(:last-child) { margin-right: 6px; } .list-product .owl-dots .owl-dot.active { background-color: var(--razz); }*/ } @media only screen and (max-width: 47.5em) { .list-collection.boost-pfs-filter-products { margin-left: -8px; } .module-product .read-more.enabled { height: 210px; } .read-more > .more-toggle { text-align: left; bottom: -4px; } .read-more.enabled:not(.more-toggled):after, .read-more > .more-toggle:before { content: none; } .read-more > .more-toggle > span { display: block; width: 100%; border: none; padding-left: 0; padding-right: 0; padding-bottom: 21px; border-radius: 0; } .read-more.more-toggled.enabled.done { margin-bottom: 50px; } article .intro > div p:last-of-type, article .intro > div > span { line-height: 1.7; } /* .list-collection h1, .list-collection h2, .list-collection .h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { margin: 0 0 22px; } */ .template-product header h1 { font-size: 20px; line-height: 24px; } .form-product label[for="id"], .form-product .form-options > div .btn { font-size: 14px; } .template-product h2, .template-product h3, .template-product h4, .template-product h5, .template-product h6 { font-size: 20px; } .template-product .list-collection h2 { font-size: inherit; } .form-product .form-options { margin-left: -20px; margin-right: -20px; border-radius: 0; } .form-product .form-options > div .btn { min-width: 0; background-color: var(--white); color: var(--razz); border: 1px solid var(--mercury); padding: 5px 10px; position: absolute; top: 10px; right: 15px; border-radius: 5px; z-index: 3; } #root .module-product .link-more.box { display: flex; justify-content: center; align-items: center; padding: 0 10px; flex-wrap: nowrap; flex-direction: row-reverse; max-width: none; margin: 15px auto 0 auto; } .module-product .link-more.box a { font-size: 16px; } .module-product .link-more.box img { position: relative; max-height: 50px; right: 0; left: -10px; bottom: 0; } .module-product .list-check.cols li { margin-bottom: 0; } /* .list-product .pager a { width: 10px; height: 10px; border-radius: 50%; background-color: var(--desert); opacity: 1; } */ /* .list-product .pager a.current { background-color: var(--razz); } */ /* .list-product .pager li[style="display: none;"] { display: block!important; } */ .list-product .pager li { margin-bottom: 5px; } .list-product .pager li a { width: 40px; height: 40px; padding: 1px; } .list-product .pager a img { max-width: 100%!important; opacity: 1; } /* .module-product .zoom { right: 0; bottom: 10px; } */ /* .module-product .zoom:nth-last-child(2) { position: relative; display: block; float: right; margin: 15px 0 0 0; bottom: 0; } */ /* .list-product .pager .more span { display: none; } */ #root .list-check.cols.v2 li { margin-bottom: 0; font-size: 15; line-height: 23px;} .list-items-icons { margin-bottom: 26px; } .module-product { display: flex; flex-direction: column; } .module-product > *:nth-child(1) { order: 1; } .module-product > *:nth-child(2) { order: 4; } .module-product > *:nth-child(3) { order: 2; } .module-product > *:nth-child(4) { order: 3; } .module-product .tab-item h2, .module-product ~ .tab-item h2, .template-product #content .tab-item h2, .template-product #content .module-product ~ .tab-item h2 { font-size: 20px; } .module-product .tab-item > h2 ~ *, .module-product ~ .tab-item > h2 ~ * { display: none!important; } .module-product .tab-item a.header-toggle, .module-product .tab-item .header-toggle ~ *, .module-product ~ .tab-item a.header-toggle, .module-product ~ .tab-item .header-toggle ~ * { display: block!important; } .module-product .tab-item .header-toggle:before, .module-product ~ .tab-item .header-toggle:before { color: var(--razz) !important; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .module-product .tab-item h2 ~ * .list-check.cols { margin-top: 0; } .module-product .read-more > .more-toggle { display: none; } .bordered { border: none; padding: 0; } .template-product .list-breadcrumbs { display: flex; /*margin: 10px 0;*/ margin: -5px 0 5px; } .template-product .list-breadcrumbs li:not(.mobile-only) { display: none;} .template-product .list-breadcrumbs li.mobile-only { margin-right: 0; margin-left: 14px; color: var(--dusty); } .template-product .list-breadcrumbs li.mobile-only:before { content: "\e92c"; display: block; top: 10px; left: auto; right: 100%; } .form-product .form-options { margin-top: 15px; } .module-product .message { margin: 15px 0 0; } #root .list-product ul { right: -12.5px; top: 0; } .list-product li img { max-width: calc(100% - 50px)!important; /*max-height: 250px;*/ max-height: 375px; } #nav > ul + ul > li.zs, #nav > ul + ul > li.account, #nav > ul + ul > li.contact { display: none; } html.menu-active, html.filter-active { overflow: hidden; } #mobile > ul + ul > li > a i.icon-user-circle:after { content: none; } #mobile > ul + ul > li > a i.icon-user-circle:before { content: "\e938"; } /* * RAO Modifications */ #top > .container { height: 60px; } #logo { height: 60px; width: 190px; } #nav { height: 58px; top: 3px !important; } #nav > ul + ul > li > a i.icon-heart, #nav > ul + ul > li > a i.icon-bag { font-size: 22px; } #nav > ul + ul { top: 2px; } #formSearch { padding-top: 1px; } #top .menu:after { font-size: 16px; padding-top: 3px; } #top .menu { font-size: 9px; padding-top: 34px; margin-left: -1px; } #top > .container.unstick, #top-bar.unstick { position: absolute; } #top > div.container.fixtop { top: 0; } .fixtop #logo { position: absolute; top: 0 !important; transition: top 0.3s; } #top.fixtop:after { position: relative; } #top.fixtop.fixtop2:after { position: fixed; top: 0; } } @media only screen and (max-width: 320px) { #nav > ul + ul > li > a i.icon-heart, #nav > ul + ul > li > a i.icon-bag { font-size: 17px; } #logo { width: 140px; left: 46%; } } @media only screen and (min-width: 321px) and (max-width: 340px) { #nav > ul + ul > li > a i.icon-heart, #nav > ul + ul > li > a i.icon-bag { font-size: 18px; } #logo { width: 160px; left: 46%; } } @media only screen and (min-width: 341px) and (max-width: 380px) { #nav > ul + ul > li > a i.icon-heart, #nav > ul + ul > li > a i.icon-bag { font-size: 20px; } #logo { width: 170px; left: 46%; } } #top-bar, #top .container, #logo/*, #top .menu:after*/, #top.gotoZero:after { -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; -ms-transition: top 0.3s ease; -o-transition: top 0.3s ease; transition: top 0.3s ease-out; } /* #top:after { top: inherit; } */ #top .list-usp { z-index: -2; } .pointercursor { cursor: pointer; } #top > form > div { transform: translateZ(1px) !important; } .list-featured.welcome .high { width: 50%; } .banner_two { width: 49.99% !important; } .banner_three { width: 49.99% !important; } .usp { flex: 1 1 0px; background-color: #f9f9f9; border-radius: 6px; padding: 24px; padding-top: 0; } .usp p { font-size: 16px; line-height: 1.69; margin-bottom: 0; } .uspblock_text { text-align: center; font-size: 21px; } .uspblock_title { text-align: center; font-size: 38px; } .uspblock_description { width: 920px; text-align: center; margin-right: auto; margin-left: auto; margin-bottom: 35px; font-size: 16px; font-weight: normal; line-height: 1.81; } .usp_title { font-weight: bold; margin-top: 6px; margin-bottom: 5px; } .uspblock_usps { display: flex; justify-content: center; margin-bottom: 40px; } .retail-page .uspblock_usps, .woonprof-page .uspblock_usps { margin-bottom: 35px; } .uspblock_usps .usp:first-child, .uspblock_usps .usp:nth-child(2) { margin-right: 35px; } @media only screen and (max-width: 47.5em) { .uspblock_usps .usp:first-child, .uspblock_usps .usp:nth-child(2) { margin-right: initial; } .usp:first-child, .uspblock_usps .usp:nth-child(2) { margin-bottom: 18px; } .retail-page .uspblock .uspblock_usps:first-of-type, .woonprof-page .uspblock .uspblock_usps:first-of-type { margin-bottom: 18px; } } .uspblock_usps > div { text-align: center; } .module-gallery.featured-brands { padding-left: 0; flex-direction: column; } .solutions { margin-bottom: 63px; } .solutions p { text-align: center; } .solutions h2 { text-align: center; } .solutions .tabs { display: flex; flex-wrap: wrap; gap: 2em; margin-bottom: 30px; } .solutions .tabs .tab { flex-grow: 1; width: calc(33% - 4em); border: 1px solid; border-radius: 1.5em; height: 200px; display: flex; align-items: center; justify-content: center; } .uspblock { margin: 30px 0; } .register-customer { background-color: var(--razz); color: var(--white); padding: 2em; } .register-customer button { float: unset; border: 1px solid var(--white); } .register-customer > div { display: flex; } .subsub-toggle { font-weight: 400 !important; margin-left: 0; } .subsub-toggle:before { content: ""; display: block; position: absolute; left: -11px; top: 0; right: 0; bottom: 0; z-index: 2; width: auto; padding-left: calc(100% - 30px); } #top #mobile .ul-toggle .sub .megamenu > li .w-50 > a.subsub-toggle, #top #mobile .ul-toggle li.sub .w-100 > a.subsub-toggle { font-weight: 400 !important; padding: 13px 11px 14px 0 !important; margin: 0 -40px -5px 0; border: 0 !important; max-width: 100%; } #top #mobile .ul-toggle .sub .megamenu > li .w-50:not(:first-child) > a.subsub-toggle, #top #mobile .ul-toggle li.sub .w-100:not(:first-child) > a.subsub-toggle, #top #mobile .w-100:not(:first-child) a.notoggle, #top #mobile .w-50:not(:first-child) a.notoggle { border-top: 1px solid var(--gallery) !important; } .subsub-toggle:after { display: block; position: absolute; right: -7px; top: 0; width: 30px; height: 42px; margin: 0; padding: 0; border: 0; color: var(--dusty); font-weight: 400 !important; font-family: i; font-size: 12px; line-height: 42px; text-align: center; content: "\e92d"; z-index: 3; } @media screen and (max-width: 47.5em) { #mobile > ul > li:first-of-type a { margin: unset !important; font-weight: unset; } .megamenu > li .w-50 { margin: 0 0 0 0 !important; } #mobile > ul > li.last { padding: unset !important; } li.contact .icon-phone { display: none !important; } }