/* ------------------------------------------- Name: NXT Level Date: 2018/10/30 Author: http://psdhtml.me --------------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: #53B7E8; } html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; background: #fff; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; } body { min-height: 100%; background: #0d0d0d; font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } body, textarea, input, select, option, button { color: #000; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.8571428571; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 14px; } 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: 27px; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*! Repeatable --------- */ /* clear */ .module-product > header ul .rating-a:after, .module-product > header ul:after, .module-product:after, .module-box:after, .popup-a .box-inset:after, .popup-a.product footer:after, .list-results li > footer:after, .list-results form:after, .list-results li:after, .list-collection .rating-a:after, .pagination-a ul:after, .pagination-a ol:after, .form-sort:after, .module-filters ul:after, .module-filters:after, .cols-b:after, .ui-slider-a .values:after, .ui-slider-a:after, .form-contact:after, .blog-post header:after, .list-tags:after, .list-blog:after, .module-wide:after, .tabs-a:after, .tabs-a > nav ul:after, label:after, .accordion-a > div:after, .module-contact:after, .breadcrumbs:after, .heading-featured:after, .double:after, .list-summary:after, .list-summary li:after, #mobile ul:after, .owl-carousel .owl-stage:after, #nav:after, #nav > ul:after, .breadcrumbs > *:after, #content:after, #top:after, #footer:after, form p:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } /* fill */ .list-collection a.clone, .scheme-progress .inner, .scheme-progress:before, .list-product ul.label i:after, #login .close, #login > *:after, #login:before, #login > *:before, #nav aside ul li a:after, .splash #root:before, .module-box.like-tabs header h1 a, .module-box.like-tabs header h2 a, .module-box.like-tabs header h3 a, .module-box.like-tabs header h4 a, .module-box.like-tabs header h5 a, .module-box.like-tabs header h6 a, .list-product span.label:before, .list-collection h1 a:before, .list-collection h2 a:before, .list-collection h3 a:before, .list-collection h4 a:before, .list-collection h5 a:before, .list-collection h6 a:before, .heading-shape figure:after, .tabs-b > nav ul li a:before, .list-collection ul.cta li.btn.a a:before, .list-collection ul.cta li.btn.a a:after, .list-catalog .label:before, .list-lang a:before, .list-lang label:before, .popup-a .box-inset:after, .popup-a.product .box-inset:after, .popup-a.product .box-inset:before, .list-results figcaption:before, .select:after, .list-collection li.link a:before, .list-collection figcaption:before, .list-collection li:after, .pagination-a li.active:before, .pagination-a li.disabled:before, .heading-image figure, .form-filter .header .toggle, .list-share a:after, figcaption.label:before, .header-toggle a.toggle:after, .heading-shape figure:before, .list-blog h1 a:before, .list-blog h2 a:before, .list-blog h3 a:before, .list-blog h4 a:before, .list-blog h5 a:before, .list-blog h6 a:before, .list-blog figcaption:before, .list-blog li:before, #content:before, figure.video figcaption:before, figure.video:before, figure.video a:before, .accordion-a .header a:after, .heading-featured figure:before, #mobile li.header:before, #footer nav > *:before, #footer h1 a.toggle, #footer h2 a.toggle, #footer h3 a.toggle, #footer h4 a.toggle, #footer h5 a.toggle, #footer h6 a.toggle, #nav aside ul li a:before, #nav > ul:first-child > li.sub + .shadow, #nav li.user + .shadow, #logo:before, #footer .lang a.toggle:before, #footer > div:after, #footer nav:before, #footer nav:after, button:before, button:after, .gui-button-small:before, .gui-button-small:after, .gui-button-large:before, .gui-button-large:after, .list-catalog li:before, .list-catalog a:before, .list-gallery li:before, .list-gallery a:before, #cookie a.close:before, #cookie a.close:after, .link-btn a:before, .link-btn a:after { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; height: auto; font-weight: 400; font-family: i; text-align: left; text-indent: -3000em; } /* wide */ #login > *:first-child:after, .module-wide-mobile:before, .module-wide:before, .heading-shape:before, .heading-featured:before, #top:before, #footer:before, .list-usp:before, .breadcrumbs:before, #cookie:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; right: -1000em; z-index: -1; font-weight: 400; font-family: i; } /* icon */ .list-filter li.sub > a:before, #login:after, .splash #root:after, .module-splash:before, .module-box.like-tabs header h1:before, .module-box.like-tabs header h2:before, .module-box.like-tabs header h3:before, .module-box.like-tabs header h4:before, .module-box.like-tabs header h5:before, .module-box.like-tabs header h6:before, .module-product > header ul li:before, .link-score a:before, .list-score li:before, .owl-nav button:before, .popup-a .box-inset > .close:before, .popup-a .box-inset > .close:after, .popup-a.product footer form p a:before, .module-filters ul li a:after, .module-filters ul li label:after, .module-filters ul li label:before, .semantic-select ul li a:before, .totop:before, .form-filter .close:before, .form-filter .close:after, .list-collection ul.cta li.btn a:before, .list-collection ul.cta li.btn a:after, .pagination-a .prev a:before, .pagination-a .next a:before, .module-filters ul li a:before, .form-filter .header .toggle:before, .tip-text:before, .tip-text:after, .list-filter .input:before, .tip .tip-close:before, .list-share a:before, .link-more a:after, a.link-more:after, .blog-post header p.back a:before, .header-toggle a.toggle:before, figure.video a:after, .tabs-a .tabs-header:before, .tabs-a .tabs-header i:after, .list-checks li:before, .list-checks li:after, .tabs-a > nav ul li a i:after, #cookie a.close:before, #cookie a.close:after, .accordion-a > .header:before, .breadcrumbs p a:before, #mobile ul ul.has-img li.link a:after, #footer h1 a.toggle:before, #footer h2 a.toggle:before, #footer h3 a.toggle:before, #footer h4 a.toggle:before, #footer h5 a.toggle:before, #footer h6 a.toggle:before, #nav li.user > form .user-close:before, #top > .menu:before, #top > .menu:after, #top > .search:before, .check-a .input:before, #root #nav aside ul li.link:after, #logo a:before, #nav > ul:last-child > li.lang > a:after, #nav > ul > li.cart > a:before, #nav > form button:before, #footer .lang > li > a:after, #footer > div:before, .list-social i, .list-usp i:after, .breadcrumbs li:before{ display: block; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; width: 100%; margin: -10px 0 0; font-weight: 400; font-family: i; font-style: normal; line-height: 20px; text-align: center; text-indent: 0; } /* centerY */ .heading-shape div, .module-gui header p, .list-catalog div, .list-gallery div { -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* centerX */ #content.a:before { -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* no trans */ .list-collection.b ul.cta, .heading-shape div h1, .heading-shape div h2, .heading-shape div h3, .heading-shape div h4, .heading-shape div h5, .heading-shape div h6, .owl-nav button:before, .owl-dots button:before, .popup-a.shown .box-inset, .filters-active .form-filter, .tip.shown .tip-text, #nav > form button:before, [data-whatintent="mouse"] .list-collection li:hover ul.cta, .mobile .list-collection ul.cta, [data-whatintent="mouse"] .list-collection li:hover .rating-a .label, .mobile .list-collection .rating-a .label { -webkit-transform: none; transform: none; } /* show */ .domloaded body, .tabs-b > nav ul li.active a:before, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, [data-whatintent="mouse"] .list-collection li:hover .rating-a .label, .mobile .list-collection .rating-a .label, [data-whatintent="mouse"] .list-collection li:hover ul.cta, .mobile .list-collection ul.cta, [data-whatintent="mouse"] .list-collection li:hover ul.label, .mobile .list-collection ul.label,.mobile .list-results ul.label, [data-whatintent="mouse"] .list-collection li:hover:before, [data-whatintent="mouse"] .list-collection li:hover:after, .tip.shown .tip-text, .loading body:before, .loading body:after, [data-whatintent="mouse"] #root #nav > ul:first-child > li.sub:hover ~ .shadow, #root #nav li.user.toggle ~ .shadow { visibility: visible; opacity: 1; } /* hide */ body, .form-product label.hidden, .tabs-b > nav ul li a:before, .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy, .tabs-a > nav ul li.active a:before { visibility: hidden; opacity: 0; } /* wide img */ .list-blog img, .list-catalog img, .list-gallery img { display: block; position: relative; z-index: 1; width: 100% !important; } /* center img */ .list-results img, .list-collection img, #mobile ul ul.has-img li.has-img .img img, #nav aside ul li .img 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; } /* bg img */ .heading-image img, .heading-shape img, .heading-featured img { display: block; width: 100% !important; height: 100% !important; background: center center no-repeat; background-size: cover; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* gpu acc */ #footer .totop, #top, #mobile, #cookie, #shadow { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* cursor */ .owl-dots button.active, #root .semantic-select ul li.active a *, .list-filter li.active > a, .list-tags li.active a, [disabled], .disabled, #mobile li.header > span { cursor: default; } /* tdu */ [data-whatintent="mouse"] #root #login label a:hover, [data-whatintent="mouse"] #root .rating-a a:hover, [data-whatintent="mouse"] .link-more a:hover, [data-whatintent="mouse"] a.link-more:hover, [data-whatintent="mouse"] .list-blog header p a:hover, [data-whatintent="mouse"] #cookie a:hover, [data-whatintent="mouse"] .breadcrumbs p a:hover, [data-whatintent="mouse"] .breadcrumbs li:first-child a:hover, .text-underline, [data-whatintent="mouse"] #root #nav li.user > form label a:hover, [data-whatintent="mouse"] .list-filter a:hover, [data-whatintent="mouse"] .list-filter label:hover, [data-whatintent="mouse"] .breadcrumbs a:hover { text-decoration: underline; } /* tdn */ [data-whatintent="mouse"] #login a:hover, #root .list-filter li.active > a, #root .list-filter label.active, [data-whatintent="mouse"] a:hover, #root #cookie a.close, #cookie a { text-decoration: none; } /* db */ #footer .lang .toggle ul, #nav > ul:last-child > li.toggle > ul, [data-whatintent="mouse"] #nav > ul:first-child > li:hover > div, #nav li.user.toggle > form, .splash #footer nav > div:nth-last-child(2) { display: block; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; padding: 148px 0 0; background: #fff; } #top { position: absolute; left: 50%; top: 0; z-index: 8; width: 1400px !important; height: 148px; margin: 0 0 0 -700px; padding: 63px 0 0 130px; } #top:before { border-top: 63px solid #000; border-bottom: 1px solid #e4e4e4; background: #fff; } #logo { position: absolute; left: 0; top: 0; bottom: 0; width: 130px; margin: 0; } #logo:before { left: -3000em; right: 0; top: 0; bottom: auto; height: 63px; background: #fff; } #logo:before { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: skewX(40deg); transform: skewX(40deg); } #logo a { display: block; overflow: hidden; position: relative; z-index: 4; width: 100%; height: 100%; color: #000; text-indent: -30000px; text-decoration: none; } #logo a:before { content: "\e95e"; top: auto; bottom: 18px; margin: 0; font-size: 101px; line-height: 101px; text-align: left; } #top.scroll-to-fixed-fixed { } #top.scroll-to-fixed-fixed:before { bottom: -28px; box-shadow: 0 4px 4px rgba(0,0,0,.12); } #top.scroll-to-fixed-fixed #logo { -webkit-transform: translateY(19px); transform: translateY(19px); } #top.scroll-to-fixed-fixed #logo a:before { bottom: 0; font-size: 70px; } #top.scroll-to-fixed-fixed #nav { -webkit-transform: translateY(13px); transform: translateY(13px); } #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 li { font-size: 15px; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: #53B7E8; color: #fff; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } #nav { position: relative; z-index: 5; padding: 0 130px 0 0; } #nav > ul:first-child { float: left; list-style: none; margin: 0; padding: 0; font-weight: 400; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 34px; line-height: 0.874509804; text-transform: uppercase; } #nav > ul:first-child > li { float: left; font-size: 20px; } #root #nav > ul > .shadow { visibility: hidden; left: -30000em; right: -30000em; top: -30000em; bottom: -30000em; z-index: 5; background: rgba(0,0,0,.4); opacity: 0; } #nav > ul:first-child > li > a { display: block; position: relative; z-index: 6; height: 84px; padding: 0 15px; color: #000; line-height: 85px; text-decoration: none; font-weight: bold; } [data-whatintent="mouse"] #nav > ul:first-child > li.sub > a:hover, #nav > ul:first-child > li.active.sub > a, [data-whatintent="mouse"] #nav > ul:first-child > li.sub:hover > a { background: #fff; } #nav > ul:first-child > li.cart { position: absolute; right: 0; top: 0; z-index: 1; width: 85px; } #nav > ul:first-child > li.cart > a { padding: 0; text-indent: -3000em; } #nav > ul:first-child > li.cart > a:before { content: "\e935"; font-size: 25px; } #nav > ul:first-child > li.cart > a span { display: block; position: absolute; right: 22px; bottom: 31px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 20px; background: #53b7e8; color: #fff; font-size: 11px; font-weight: 700; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 16px; text-align: center; text-indent: 0; } #nav > ul:first-child > li > ul, #nav > ul:first-child > li > div > ul { display: none; position: absolute; left: 0; top: 100%; z-index: 6; list-style: none; width: 155px; margin: -6px 0 0; padding: 20px 0 17px; box-shadow: 0 4px 4px rgba(0,0,0,.25); background: #fff; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 0.874509804; text-transform: none; } #nav > ul:first-child > li > ul > li, #nav > ul:first-child > li > div > ul > li { font-size: 16px; } #nav > ul:first-child > li > ul > li.header, #nav > ul:first-child > li > div > ul > li.header { display: block; position: relative; padding: 0 21px 9px; color: #000; font-size: 22px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 0.874509804; text-transform: uppercase; } #nav > ul:first-child > li > ul > li > a, #nav > ul:first-child > li > div > ul > li > a { display: block; padding: 14px 21px; color: #000; text-decoration: none; } #nav > ul:first-child > li > ul > li > a:hover, #nav > ul:first-child > li > div > ul > li > a:hover, #nav > ul:first-child > li > ul > li.hover > a, #nav > ul:first-child > li > div > ul > li.hover > a, [data-whatintent="mouse"] #nav aside ul li:hover, [data-whatintent="mouse"] #nav aside ul li:hover a { color: #53b7e8; font-weight: 700; } #nav > ul:first-child > li > div { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 6; margin: -7px 0 0; padding: 0 0 0 155px; line-height: 1.2; } #nav > ul:first-child > li > div.has { box-shadow: 0 4px 4px rgba(0,0,0,.25); } #nav > ul:first-child > li > div > ul { display: block; position: relative; left: 0; top: 0; float: left; list-style: none; width: 195px; margin: 0 0 0 -155px; background: #fff; } #nav > ul:first-child > li > div.has > ul { box-shadow: none; } #nav > ul:first-child > li > div > aside { position: relative; float: right; width: 100%; padding: 0; background: #fff; } #nav aside { position: relative; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 0.874509804; } #nav aside ul { list-style: none; margin: 0; padding: 0 195px 0 0; text-align: center; } #nav aside ul li { position: relative; z-index: 5; margin: 0; padding: 10px 0 28px; border-right: 1px solid #e4e4e4; font-size: 16px; } #nav aside ul li a { display: block; color: #000; text-transform: none; text-decoration: none; } #nav aside ul li a:before { z-index: 9; } #nav aside ul li a:after { visibility: hidden; z-index: -1; background: rgba(0,0,0,.025); opacity: 0; } #nav aside ul li .img { display: block; position: relative; z-index: -2; height: 300px; margin: 0 0 10px; } [data-whatintent="mouse"] #nav aside ul li:hover a:after { visibility: visible; opacity: 1; } #root #nav aside ul li.link { position: absolute; right: 0; top: 0; bottom: 0; width: 196px; padding: 0 0 0 49px; border-right-width: 0; font-size: 26px; font-weight: 400; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: left; } #root #nav aside ul li.link a { display: block; font-weight: 400; } #root #nav aside ul li.link:after, #mobile ul ul.has-img li.link a:after { content: "\e970"; display: inline-block; position: relative; left: 0; top: 0; margin: 25px 0 0; font-size: 8px; line-height: 8px; text-align: left; } #root #nav aside ul li.link span { display: block; padding: 5px 0 0; font-weight: 300; font-size: 0.6923076923em; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; } [data-whatintent="mouse"] #root #nav aside ul li.link:hover { background: #53b7e8; color: #fff; } [data-whatintent="mouse"] #root #nav aside ul li.link:hover, [data-whatintent="mouse"] #root #nav aside ul li.link:hover a { color: #fff; } #nav > ul:first-child:hover ~ ul { z-index: 1; } #nav > form { position: relative; z-index: 2; float: right; width: 232px; padding: 20px 0 0; border-bottom: 0 solid #e4e4e4; border-top: 0 solid rgba(255,255,255,.25); } #nav > form p { margin: 0; } #nav > form input { display: block; width: 100%; height: 46px; padding: 0 44px 0 13px; border-color: #e4e4e4; color: #727272; } #nav > form button { display: block; position: absolute; right: 0; top: 0; width: 53px; height: 46px; margin: 0; padding: 0; border: 0; background: none; color: #000; font-size: 17px; text-align: left; text-indent: -3000em; } #nav > form button:before { content: "\e936"; background: none; } #nav > ul:last-child { position: absolute; right: 0; top: -63px; z-index: 99; list-style: none; margin: 0; padding: 0; color: #fff; } #nav > ul:last-child > li { position: relative; float: left; margin: 0 0 0 36px; } #nav > ul:last-child > li > a { display: block; position: relative; padding: 0 21px; color: #fff; line-height: 63px; text-decoration: none; } #nav > ul:last-child > li > a i, #nav > ul:last-child > li > i { display: inline-block; position: relative; top: 2px; margin: 0 9px 0 0; font-size: 15px; line-height: 1px; } #nav > ul:last-child > li > span, #nav > ul:last-child > li > a > span { display: inline-block; margin: 0 5px; } #nav > ul:last-child > li > ul { display: none; position: absolute; left: -10px; top: 100%; list-style: none; min-width: 100%; margin: 0; padding: 0 0 5px; background: #000; } #nav > ul:last-child > li > ul li a { display: block; padding: 0 20px; color: #fff; text-decoration: none; } #nav > ul:last-child > li.lang { } #nav > ul:last-child > li.lang span { margin: 0; } #nav > ul:last-child > li.lang > a { display: block; position: relative; padding: 0 30px 0 22px; } #nav > ul:last-child > li.lang a:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 14px; height: 14px; margin: -8px 0 0; border-radius: 22px; border: .5px solid #fff; background-repeat: no-repeat; background-color: #fff; background-size: 100% 100%; } #nav > ul:last-child > li.lang > a:after { content: "\e92b"; font-size: 5px; text-align: right; } #nav > ul:last-child > li.lang > ul a { display: block; position: relative; padding-left: 32px; } #nav > ul:last-child > li.lang > ul a:before { left: 10px; } #nav > ul:last-child > li.user { } #nav > ul:last-child > li.user > a { position: relative; z-index: 6;/* min-width: 278px;*/ text-align: right; } #root #nav > ul:last-child > li.user.toggle > a { background: #fff; color: #000; } #nav li.user > form { display: none; position: absolute; right: 0; top: 100%; z-index: 6; width: 400px; padding: 25px 25px 11px; box-shadow: 0 4px 4px rgba(0,0,0,.25); background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOTQiIGhlaWdodD0iNTM5IiB2aWV3Qm94PSIwIDAgMzk0IDUzOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzk0IDUzOSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzUzQjdFODt9PC9zdHlsZT48cGF0aCBkPSJNMTk0IDI5NUwwIDY2djQ3M2gzOTR6IiBjbGFzcz0ic3QwIi8+PC9zdmc+) no-repeat #fff; background-size: 100% calc(100% + 2px); color: #000; line-height: 1.6428571429; } #nav li.user > form h1, #nav li.user > form h2, #nav li.user > form h3, #nav li.user > form h4, #nav li.user > form h5, #nav li.user > form h6 { margin: 0 0 4px; font-size: 20px; text-transform: uppercase; } #nav li.user > form > *:first-child h1, #nav li.user > form > *:first-child h2, #nav li.user > form > *:first-child h3, #nav li.user > form > *:first-child h4, #nav li.user > form > *:first-child h5, #nav li.user > form > *:first-child h6 { margin-bottom: 8px; } #nav li.user > form > * + * { padding-top: 16px; } #nav li.user > form .check-a label { float: right; margin: 0; } #nav li.user > form a, [data-whatintent="mouse"] #root #nav li.user > form a:hover { color: #000; } #nav li.user > form p { margin: 0 0 14px; } #nav li.user > form p + .check-a { margin-top: -7px; } #nav li.user > form button { display: block; float: none; width: 100%; } #nav li.user > form button:after { background: #000; } #nav li.user > form .link-btn { display: block; } #nav li.user > form label { margin: 0 0 8px; font-size: 1em; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.6428571429; text-transform: none; } #nav li.user > form label a { display: block; position: absolute; right: 0; top: 0; color: #53b7e8; text-decoration: none; } [data-whatintent="mouse"] #root #nav li.user > form label a:hover { color: #53b7e8; text-decoration: underline; } #nav li.user > form input { height: 43px; padding: 0 14px; border-color: #E4E4E4; color: #727272; } #root #nav li.user > form .user-close { display: none; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 9; width: 54px; height: 54px; margin: 0; padding: 0; border: 0; color: #dbdbdb; font-size: 22px; text-indent: -3000em; text-align: left; } #nav li.user > form .user-close:before { content: "\e946"; } #nav li.user > form.gold { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOTQiIGhlaWdodD0iNDIxIiB2aWV3Qm94PSIwIDAgMzk0IDQyMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzk0IDQyMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9IC5zdDF7ZmlsbDojRkNEMTRCO308L3N0eWxlPjxwYXRoIGQ9Ik0wIDBoMzk0djQyMEgweiIgY2xhc3M9InN0MCIvPjxwYXRoIGQ9Ik0wIDBoNDNsMzUxIDQyMUgwVjB6IiBjbGFzcz0ic3QxIi8+PC9zdmc+); } #nav li.user > form.gold > *:first-child h1, #nav li.user > form.gold > *:first-child h2, #nav li.user > form.gold > *:first-child h3, #nav li.user > form.gold > *:first-child h4, #nav li.user > form.gold > *:first-child h5, #nav li.user > form.gold > *:first-child h6 { margin-bottom: 15px; font-size: 55px; } #nav li.user > form.gold > *:first-child h1 span, #nav li.user > form.gold > *:first-child h2 span, #nav li.user > form.gold > *:first-child h3 span, #nav li.user > form.gold > *:first-child h4 span, #nav li.user > form.gold > *:first-child h5 span, #nav li.user > form.gold > *:first-child h6 span { margin: -1px 0 0; padding: 0 0 6px; border-bottom: 2px dotted #000; font-weight: 300; font-size: 0.3727272727em; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; } #nav li.user > form.gold h1, #nav li.user > form.gold h2, #nav li.user > form.gold h3, #nav li.user > form.gold h4, #nav li.user > form.gold h5, #nav li.user > form.gold h6 { margin-bottom: 8px; } #nav li.user > form.gold .link-btn { margin-top: 33px; } #nav li.user > form.gold > * + * { margin-top: 16px; padding-top: 32px; border-top: 1px solid rgba(0,0,0,.1); } #top > .menu, #top > .search { display: none; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; height: 55px; color: #fff; font-size: 19px; text-indent: -3000em; text-align: left; cursor: pointer; } #top > .menu { left: -12px; width: 53px; } #top > .menu:before { content: "\e912"; } #top > .menu:after { content: "\e975"; z-index: 2; color: #c4c4c4; } #top > .search { left: 43px; width: 43px; } #top > .search:before { content: "\e936"; } #login { position: absolute; left: -3000px; top: calc(100% + 50px); right: -3000px; z-index: 2; /*max-height: calc(100vh - 198px);*/ padding: 0 3000px; color: #fff; text-align: center; } #login:before { background: #fff; } #login:after { content: "\e95e"; left: 50%; z-index: 95; width: 104px; height: 104px; margin: -52px 0 0 -52px; border-radius: 50%; background: #fff; color: #000; font-size: 85px; line-height: 104px; } #login h1, #login h2, #login h3, #login h4, #login h5, #login h6 { width: 100%; max-width: 380px; margin: 74px auto 12px; color: #fff; font-size: 3.4em; } #login > * { position: relative; z-index: 5 !important; float: left; width: 50%; min-height: 615px; padding: 84px 0 95px; } #login > *:before { left: 90px; right: -3000em; z-index: -2; background: #141414; } #login > *:before { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: skewX(44deg); transform: skewX(44deg); } #login > *:after { right: -3000em; z-index: -3; background: #000; } #login > *:first-child { background: #fff; color: #000; } #login > *:first-child:after { content: ""; box-shadow: inset 0 2px 4px rgba(0,0,0,.125); background: none; } #login > *:first-child:before { right: 104px; left: -3000em; background: #53b7e8; } #login > *:first-child:before { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: skewX(44deg); transform: skewX(44deg); } #login > *:first-child h1, #login > *:first-child h2, #login > *:first-child h3, #login > *:first-child h4, #login > *:first-child h5, #login > *:first-child h6, #login > *:first-child a { color: #000; } #login p { width: 100%; max-width: 350px; margin: 0 auto 16px; } #login label { display: block; font-size: 1em; font-family: Roboto, Arial, Helvetica, sans-serif; text-align: left; text-transform: none; } #root #login label a { position: absolute; right: 0; top: 0; color: #53B7E8; text-decoration: none; } #login input { height: 43px; padding: 0 14px; color: #727272; font-size: 1em; } #login a { color: #fff; text-decoration: underline; } #login .link-btn { margin-top: 11px; } #login .link-btn a, #login button { width: 100%; min-width: 0; text-decoration: none; } #login .link-btn a.a:after { border-color: #fff; } #login .link-btn a.a:before { background: #fff; } [data-whatintent="mouse"] #login .link-btn a:hover { color: #000; } #login button { margin-top: 67px; } #login button:after { background: #000; } #login .close { top: 100%; bottom: auto; width: auto; height: 3000em; background: rgba(0,0,0,.75); } #top.scroll-to-fixed-fixed #login { top: calc(100% + 28px); /*max-height: calc(100vh - 113px);*/ } #mobile { display: none; overflow-x: hidden; overflow-y: auto; position: fixed; left: 0; top: 0; bottom: 0; right: 67px; z-index: 9999; max-width: 340px; background: #fff; } #mobile { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } #mobile ul { overflow: hidden; z-index: 3; list-style: none; margin: 0; padding: 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; } #mobile ul li { overflow: hidden; position: relative; margin: 0; font-size: 20px; } #mobile ul li a, #mobile li > span, #mobile .title { display: block; overflow: hidden; position: relative; z-index: 2; padding: 14px 17px; color: #000; font-weight: 400; font-size: 20px; line-height: 1; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } #mobile ul li a:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding-left: calc(100% - 48px); } #mobile li > span a { padding: 0; border: 0; background: none; } #mobile li > span { background: #fff; text-align: center; cursor: pointer; } #mobile ul li.sub > a { padding-right: 60px; } [data-whatintent="mouse"] #mobile ul li:hover > a { background: #f3f3f3; } [data-whatintent="mouse"] #mobile ul li.header:hover > a { background: none; } #mobile ul li.sub > a:after, #mobile ul li.sub > a:before, #mobile ul li.sub > a.toggle { content: ""; display: block; position: absolute; right: 0; top: 0; width: 53px; height: 48px; margin: 0; padding: 0; border: 0; color: #000; font-weight: 400; font-family: i; font-size: 11px; line-height: 48px; text-align: center; } #mobile ul li.sub > a:after { content: "\e92d"; z-index: 3; } #mobile ul li.sub > a:before { content: ""; left: 0; z-index: 2; width: auto; padding-left: calc(100% - 48px); } #mobile ul li.sub > a.toggle { z-index: 3; background: none; text-indent: -3000em; text-align: left; } #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; } #mobile ul li a .img img { display: block; } #mobile li.header > span, #mobile .title { position: relative; height: 54px; margin: 0 -100px; padding: 0 148px; border-bottom: 1px solid #ebebeb; line-height: 54px; text-transform: none; text-align: left; } #mobile .title, #mobile li.header > a.back { padding-left: 117px; color: #53B7E8; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 400; line-height: 54px; text-transform: uppercase; } #mobile .title a.close, #mobile li.header a.close { display: block; overflow: hidden; position: absolute; right: 100px; top: 0; bottom: 0; z-index: 9; width: 54px; padding: 0; text-align: left; text-indent: -3000em; } #mobile li.header > span { height: 45px; margin: 0; padding: 0 0 0 17px; border-bottom-width: 0; background: none; color: #000; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 400; line-height: 48px; text-transform: uppercase; } #mobile li.header:before { bottom: auto; height: 54px; box-shadow: 0 2px 4px rgba(0,0,0,.1); background: #f8f8f8; } #mobile .title:before, #mobile .title:after, #mobile .title a.close:before, #mobile li.header a.close:before { display: block; position: absolute; left: auto; right: auto; top: 50%; width: 54px; margin: -20px 0 0; font-family: i; font-weight: 400; line-height: 40px; text-align: center; text-indent: 0; } #mobile li.header > a[class], #mobile .title > a { display: block; position: absolute; top: 0; z-index: 2; width: 54px; height: 54px; border: 0; } #mobile li.header > a.back { left: 0; width: 200px; padding: 0 0 0 43px; } #mobile li.header > a.back:before { content: "\e973"; display: block; position: absolute; left: 17px; right: auto; bottom: auto; top: 50%; width: auto; margin: -15px 0 0; padding: 0; background: none; font-family: i; font-weight: 400; font-size: 6px; line-height: 30px; } #mobile li.header > a.close, #mobile .title > a { right: 0; background: none; } #mobile li.header > a.close:before, #mobile .title > a:before { padding: 0; background: none; } #mobile .title a.close:before, #mobile li.header a.close:before { content: "\e946"; left: 0; right: 0; width: 100%; margin-top: -12px; color: #dbdbdb; font-size: 22px; line-height: 24px; } #mobile li.header { padding-top: 54px; } #mobile ul li.language > a, #mobile ul li.currency > a { padding-left: 57px; } #mobile ul li.language > a img { display: block; position: absolute; left: 28px; top: 50%; } #mobile ul li.currency > a i { display: block; position: absolute; left: 28px; top: 50%; margin: -20px 0 0; line-height: 40px; } #mobile ul.ul-toggle > li, #mobile ul.ul-toggle > li.toggle > a { display: none; position: static; } #mobile ul.ul-toggle > li.toggle { display: block; } #mobile ul ul { font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; } #mobile ul ul li { font-size: 16px; } #mobile ul ul li a { padding-top: 16px; padding-bottom: 16px; font-size: 1em; } #mobile ul ul li.sub > a:after { } #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 ul ul.has-img { overflow: hidden; } #mobile ul ul.has-img li { width: 100%; } #mobile ul ul.has-img li.has-img { overflow: visible; position: relative; width: 33.3333333333%; margin: 0; font-size: 16px; text-align: center; } #mobile ul ul.has-img li.has-img:before { content: ""; display: block; position: absolute; left: 0; top: 100%; right: 0; height: 1px; background: #e1e1e1; } #mobile ul ul.has-img li.has-img a { margin: 0;padding: 10px 5px 20px; background: none; } [data-whatintent="mouse"] #mobile ul ul.has-img li.has-img a:hover { color: #53b7e8; font-weight: 800; } #mobile ul ul.has-img li.has-img .img { display: block; height: 128px; margin: 0 0 10px; } #mobile ul ul.has-img li.link { overflow: visible; position: relative; width: 33.3333333333%; padding: 0 0 16px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1; text-transform: uppercase; } #mobile ul ul.has-img li.link a { width: 100%; height: 100%; padding: 0 0 0 10px; background: none; } #mobile ul ul.has-img li.link span { display: block; margin-top: -3px; font-size: 0.8em; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1; text-transform: uppercase; } #mobile ul ul.has-img li.link a:after { margin-top: 5px; font-size: 8px; } #mobile > ul + ul { padding-top: 7px; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.8571428571; } #mobile > ul + ul.ul-toggle { padding-top: 0; } #mobile > ul + ul > li { overflow: visible; margin: 0; font-size: 14px; } #mobile > ul + ul > li > a { overflow: visible; padding: 15px 17px; font-size: 1em; } #mobile > ul + ul i { display: inline-block; position: relative; top: 1px; width: 22px; font-size: 14px; line-height: 1px; } #root #mobile > ul + ul > li.lang > a { padding-left: 39px; padding-right: 0; } #root #mobile > ul + ul > li.lang ul a { padding-left: 39px; } #root #mobile > ul + ul > li.lang > a.toggle { left: 0; bottom: -5px; top: -5px; width: auto; height: auto; text-indent: -3000em; text-align: left; } #root #mobile > ul + ul > li.lang > a:before, #root #mobile > ul + ul > li.lang a[hreflang]:before { content: ""; display: block; position: absolute; left: 17px; right: auto; top: 50%; bottom: auto; width: 14px; height: 14px; margin: -7px 0 0; padding: 0; border-radius: 9px; background-repeat: no-repeat; background-size: 100% 100%; } #root #mobile > ul + ul > li.lang > a:after { content: "\e92b"; display: inline-block; position: relative; left: 0; right: 0; top: -2px; bottom: auto; width: auto; height: auto; margin: 0 0 0 9px; border-radius: 0; font-family: i; font-weight: 400; font-size: 5px; line-height: 1px; } #mobile span { text-transform: capitalize; } #mobile em, #mobile.active > ul, #mobile.active > ul > li, #mobile.active > ul.ul-toggle > li.toggle > a, #mobile.active > .title, #mobile ul ul, #mobile li.cart, #mobile .shadow, #root #mobile > ul + ul > li.lang > a.toggle:before, #root #mobile > ul + ul > li.lang > a.toggle:after { display: none; } #mobile.active > ul.ul-toggle, #mobile.active > ul.ul-toggle > li.toggle, #mobile li.toggle > ul { display: block; } #mobile::-webkit-scrollbar, .form-filter::-webkit-scrollbar { width: 6px; } #mobile::-webkit-scrollbar-track, .form-filter::-webkit-scrollbar-track { border-radius: 3px; border-left-width: 0; border-right-width: 0; } #mobile::-webkit-scrollbar-thumb, .form-filter::-webkit-scrollbar-thumb { border-radius: 3px; border-left-width: 0; border-right-width: 0; } #shadow { display: none; visibility: hidden; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background: rgba(0,0,0,.6); text-align: left; text-indent: -3000em; opacity: 0; cursor: pointer; } #content { position: relative; z-index: 4; width: 1400px; margin: 0 auto; padding: 18px 0 0; } #content > *:last-child { margin-bottom: 150px; } #content.a:before { left: 50%; right: auto; width: 100vw; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTAwIDI1MjIiIHdpZHRoPSIxOTAwIiBoZWlnaHQ9IjI1MjIiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5MDAgMjUyMiI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0YzRjNGMzt9PC9zdHlsZT48cGF0aCBkPSJNMTkwMiAyMjE5LjZDMTY2My44IDE5NDMuOCA1OTcuOSA2OTQuOSAwIDYuNFYyNTIyaDE5MDJ2LTMwMi40eiIgY2xhc3M9InN0MCIvPjwvc3ZnPg==) center 100% no-repeat; background-size: 100% auto; } #footer { position: relative; z-index: 3; width: 1400px; margin: 0 auto; color: #fff; } #footer:before { z-index: -2; background: #000; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { position: relative; margin: 0 0 34px; border: 0 solid #262626; font-size: 20px; } #footer .header a.toggle { display: none; left: 0; right: 0; z-index: 9; color: #fff; text-decoration: none; text-indent: -3000em; text-align: left; } #footer .header a.toggle:before { content: "\e90a"; left: auto; right: 17px; width: auto; font-size: 12px; } #footer .header.toggle a.toggle:before { content: "\e914"; } #footer a { color: #fff; text-decoration: none; } #footer ul, #footer p { list-style: none; margin: 0 0 14px; padding: 0; } #footer li { margin-bottom: 2px; } #footer nav { position: relative; z-index: 5; margin-left: -40px; padding: 89px 0 0 170px; } #footer nav:before { left: 25px; right: -3000em; z-index: -2; background: #141414; } #footer nav:before { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: skewX(40.5deg); transform: skewX(40.5deg); } #footer nav:after { content: "\e95e"; z-index: -1; top: 35px; color: #1b1b1b; font-size: 423px; line-height: 423px; text-indent: 0; } #footer nav > * { position: relative; z-index: 2; width: 25%; margin: 0 0 29px; border-left: 40px solid rgba(0,0,0,0); } #footer nav > form { width: 50%; margin-left: auto; padding-top: 4px; } #footer label { position: absolute; left: 0; top: 0; float: left; width: 97px; height: 60px; margin: 0; padding: 0 0 0 30px; border: 1px solid #eee; border-left-width: 0; border-right-color: #ececec; background: #f6f6f6; color: #53B7E8; font-size: 14px; font-weight: 700; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 58px; text-transform: none; text-align: left; } #footer input { height: 60px; padding: 0 208px 0 122px; border-color: #eee; color: rgba(0,0,0,.4); } #footer button { position: absolute; right: 0; top: 0; z-index: 9; width: 183px; height: 60px; margin: 0; padding: 0; border: 0; border-radius: 0; } #footer .list-social { margin-top: 38px; } #footer > div { position: relative; z-index: 6; margin: 0 -10000px; padding: 44px 10000px 44px 10052px; background: #0d0d0d; } #footer > div:before { content: "\e95e"; left: 10000px; width: 88px; margin: -27.5px 0 0; color: #fff; font-size: 53px; line-height: 55px; text-align: left; } #footer > div:after { right: 10000px; left: 0; top: 50%; bottom: auto; z-index: -1; height: 26px; margin: -13px 0 0; background: url(payments.png) 100% center no-repeat; background-size: auto 100%; } #footer > div > p, #footer > div > ul { position: relative; margin: 0 0 0 35px; padding: 0 0 0 31px; } #footer > div > p:before, #footer > div > ul:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 55px; margin: -27.5px 0 0; background: #585858; } #footer .lang { line-height: 22px; text-transform: uppercase; } #footer .lang a { display: block; overflow: hidden; position: relative; z-index: 2; padding: 5px 20px 5px 40px; line-height: 23px; } #footer .lang a.toggle { z-index: 9; } #footer .lang > li > a:after { content: "\e92b"; font-size: 5px; text-align: right; } #footer .lang > li.toggle > a:after { content: "\e926"; } #footer .lang a:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 22px; height: 22px; margin: -11px 0 0; border-radius: 22px; border: 1px solid #fff; background-repeat: no-repeat; background-color: #fff; background-size: 100% 100%; } .lang a.gb:before, .list-lang li.gb:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2Ny41IDY3LjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDY3LjUgNjcuNSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzQwNEM5OTt9IC5zdDF7ZmlsbDojRkZGRkZGO30gLnN0MntmaWxsOiNFQjUxNUI7fTwvc3R5bGU+PHBhdGggZD0iTTQ1IDB2MTNMNTggMHpNNDUgNjcuNWgxM2wtMTMtMTN6TTIyLjUgMTNWMGgtMTN6TTIyLjUgNjcuNXYtMTNsLTEzIDEzek01NC41IDIyLjVoMTN2LTEzek02Ny41IDU4VjQ1aC0xM3pNMCA5LjV2MTNoMTN6TTAgNDV2MTNsMTMtMTN6IiBjbGFzcz0ic3QwIi8+PHBhdGggZD0iTTY3LjUgNi43TDUxLjcgMjIuNUg0NXYtNi40TDYxLjEgMEg1OEw0NSAxM1YwaC00LjV2MjdoMjd2LTQuNWgtMTNsMTMtMTN6TTIyLjUgMTNMOS41IDBINi43bDE1LjggMTUuN3Y2LjhoLTYuNEwwIDYuNHYzLjFsMTMgMTNIMFYyN2gyN1YwaC00LjV6TTQ2LjkgNDAuNWgtNi40djI3SDQ1di0xM2wxMyAxM2gyLjdMNDUgNTEuN1Y0NWg2LjRsMTYuMSAxNi4xVjU4bC0xMy0xM2gxM3YtNC41SDUwek0yMC4yIDQwLjVIMFY0NWgxM0wwIDU4djIuN0wxNS43IDQ1SDIyLjV2Ni40TDYuNCA2Ny41aDMuMWwxMy0xM3YxM0gyN3YtMjdoLTYuNHoiIGNsYXNzPSJzdDEiLz48cGF0aCBkPSJNMjIuNSAyMi41VjE1LjdMNi43IDBIMHY2LjRsMTYuMSAxNi4xek02MS4xIDBMNDUgMTYuMXY2LjRoNi43TDY3LjUgNi43VjB6TTQ1IDQ1djYuN2wxNS43IDE1LjhINjcuNXYtNi40TDUxLjQgNDV6TTE1LjcgNDVMMCA2MC43VjY3LjVoNi40bDE2LjEtMTYuMVY0NWgtNi40ek00Ny4yIDI3SDQwLjVWMEgyN1YyN0gwdjEzLjVoMjd2MjdoMTMuNXYtMjdoMjdWMjdINTB6IiBjbGFzcz0ic3QyIi8+PC9zdmc+); } .lang a.de:before, .list-lang li.de:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2OSA2OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjkgNjkiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM0NjQ2NTU7fSAuc3Qxe2ZpbGw6I0ZGNEI1NTt9IC5zdDJ7ZmlsbDojRkZFMTVBO308L3N0eWxlPjxwYXRoIGQ9Ik0wIDBoNjl2MjNIMHoiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNMCAyM2g2OXYyM0gweiIgY2xhc3M9InN0MSIvPjxwYXRoIGQ9Ik0wIDQ2aDY5djIzSDB6IiBjbGFzcz0ic3QyIi8+PC9zdmc+); } .lang a.nl:before, .list-lang li.nl:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2OSA2OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjkgNjkiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRjRCNTU7fSAuc3Qxe2ZpbGw6I0Y1RjVGNTt9IC5zdDJ7ZmlsbDojNDE0NzlCO308L3N0eWxlPjxwYXRoIGQ9Ik0wIDBoNjl2MjNIMHoiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNMCAyM2g2OXYyM0gweiIgY2xhc3M9InN0MSIvPjxwYXRoIGQ9Ik0wIDQ2aDY5djIzSDB6IiBjbGFzcz0ic3QyIi8+PC9zdmc+); } .lang a.fr:before, .list-lang li.fr:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2OSA2OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjkgNjkiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM0MTQ3OUI7fSAuc3Qxe2ZpbGw6I0ZGNEI1NTt9IC5zdDJ7ZmlsbDojRjVGNUY1O308L3N0eWxlPjxwYXRoIGQ9Ik0wIDBoMjJ2NjlIMHoiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNNDcgMGgyMnY2OUg0N3oiIGNsYXNzPSJzdDEiLz48cGF0aCBkPSJNNDYgMEgyMnY2OWgyNVYweiIgY2xhc3M9InN0MiIvPjwvc3ZnPg==); } .lang a.be:before, .list-lang li.be:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2OSA2OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjkgNjkiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM0NjQ2NTU7fSAuc3Qxe2ZpbGw6I0ZGNEI1NTt9IC5zdDJ7ZmlsbDojRkZFMTVBO308L3N0eWxlPjxwYXRoIGQ9Ik0wIDBoMjJ2NjlIMHoiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNNDcgMGgyMnY2OUg0N3oiIGNsYXNzPSJzdDEiLz48cGF0aCBkPSJNNDYgMEgyMnY2OWgyNVYweiIgY2xhc3M9InN0MiIvPjwvc3ZnPg==); } #footer .lang li { position: relative; margin: 0; } #footer .lang ul { display: none; position: absolute; left: -10px; right: -10px; bottom: 100%; list-style: none; margin: 0; padding: 5px 0 0; background: #0d0d0d; } #footer .lang ul a { padding-left: 50px; padding-right: 30px; } #footer .lang ul a:before { left: 10px; } .totop { display: none; overflow: hidden; position: fixed; right: 17px; bottom: 17px; z-index: 9; margin: 0; background: #0a0a0a; color: #fff; font-size: 26px; } .totop a { display: block; overflow: hidden; position: relative; z-index: 9; width: 48px; height: 48px; color: #fff; text-align: left; text-indent: -3000em; } .totop:before { content: "\e971"; } /* #cookie { position: fixed; left: 0; bottom: 0; right: 0; z-index: 7; margin: 0; padding: 24px 66px 22px 26px; color: #fff; font-weight: 400; font-size: 13px; line-height: 1.5384615385; } #cookie.toggle { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } #cookie:before { background: #0A0A0A; } #cookie a.close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; bottom: 0; width: 68px; font-size: 22px; text-decoration: none; text-align: left; text-indent: -3000em; } #cookie a.close:before { content: "\e966"; margin-top: -11px; color: #545454; line-height: 22px; } #cookie a.close:after { content: "\e986"; margin-top: -11px; color: #fff; z-index: 2; line-height: 22px; } */ .splash { overflow-x: hidden; background: #000; } .splash body { position: relative; z-index: 5; min-height: 100vh; background: none; color: #fff; } .splash #root { position: relative; z-index: 3; min-height: 100vh; padding: 0; background: none; } .splash #root:before, .splash #root:after { visibility: visible; width: auto; height: auto; margin: 0; border-radius: 0; border-width: 0; opacity: 1; } .splash #root:before { left: 29%; z-index: 1; background: #141414; } .splash #root:before { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: skewX(40deg); transform: skewX(40deg); } .splash #root:after { content: "\e95e"; left: 50%; z-index: 2; width: 2000px; margin: -1000px 0 0 -1000px; color: #1B1B1B; font-size: 78vh; line-height: 2000px; } .splash #root:after { -webkit-animation: none; animation: none; } .splash .countdown .item { border-color: #fff; } .splash #content > *:last-child { margin-bottom: 105px; } .splash #footer, .splash #content { width: 960px; padding-top: 0; } .splash #footer:before, .splash #footer nav:before, .splash #footer nav:after { display: none; } .splash #footer nav { margin-left: 0; padding: 0 0 54px; } .splash #footer nav > * { width: auto; border-left-width: 0; } .splash #footer nav > form { width: 600px; padding-top: 0; } .splash #footer nav .list-social { margin: 0 0 0 -14px; padding-top: 6px; } .black-friday #root:before { background: #000; content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; height: auto; font-weight: 400; font-family: i; text-align: left; text-indent: -3000em; } .black-friday .countdown .item { border-color: #fff; } .black-friday .module-splash { padding: 10px; background: radial-gradient(ellipse farthest-corner at right bottom, #CF132F 0%, #a2192d 8%, #6b1724 30%, #520c17 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #d6b3b8 0%, #cc6d7b 8%, #CF132F 25%, #791524 62.5%, #ca8f98 100%); } .black-friday .module-splash .border-box { padding: 10px; background: #000; } .black-friday .module-splash .border-box p { margin-bottom: 60px; } .black-friday .module-splash { margin: 100px 0; } @media screen and (max-width:1000px) { .black-friday .module-splash { margin: 50px 0; } .black-friday .module-splash .border-box p { margin-bottom: 10px; } } body:before, body:after { content: ""; display: block; position: fixed; visibility: hidden; color: #000; font-family: i; font-size: 70px; font-weight: 400; line-height: 100000px; text-align: center; opacity: 0; } body:before { content: "\e999"; left: 50%; top: 50%; width: 100000px; height: 100000px; z-index: 99; margin: -50000px 0 0 -50000px; background: rgba(255,255,255,.9); } body:after { left: 50%; top: 50%; z-index: 100; width: 100px; height: 100px; margin: -50px 0 0 -50px; border-radius: 100px; border: 3px solid #000; border-left-color: #53B7E8; } body:after { -webkit-animation: spin .75s infinite linear; animation: spin .75s infinite linear; } /*! Columns --------- */ .cols-a { margin-top: 30px; padding-right: 495px; } .cols-a > header:first-child + *, .cols-a > *:first-child { float: left; width: 100%; } .cols-a > header:first-child, .cols-a > aside { float: right; width: 350px; margin: 0 -495px 0 0; } .cols-a.a { padding-right: 370px; } .cols-a.a > header:first-child + *, .cols-a.a > *:first-child { } .cols-a.a > header:first-child, .cols-a.a > aside { width: 315px; margin: 0 -370px 0 0; } .cols-b { padding-left: 320px; } .cols-b > header:first-child + *, .cols-b > *:first-child { float: right; width: 100%; } .cols-b > header:first-child, .cols-b > aside { float: left; width: 267px; margin: 0 0 0 -320px; } .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: -30px; } .double.a > * { float: left; width: 50%; border-left-width: 30px; } .double.b { max-width: 1380px; margin-left: -85px; } .double.b > * { float: left; width: 42%; border-left-width: 85px; } .double.b > *:first-child { width: 58%; } .double.c { margin-left: -30px; } .double.c > * { float: left; width: 51%; border-left-width: 30px; } .double.c > *:first-child { width: 49%; } /*! Modules --------- */ .accordion-a { overflow-x: hidden; overflow-y: auto; max-height: 550px; margin: -21px 0 40px; border: 0 solid #fff; background: #fff; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.8571428571; text-transform: none; } .accordion-a > h1, .accordion-a > h2, .accordion-a > h3, .accordion-a > h4, .accordion-a > h5, .accordion-a > h6, .accordion-a > .header { position: relative; margin: 0; padding: 19px 40px; border-top: 1px solid #e1e1e1; font-size: 24px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; font-style: italic; line-height: 1; text-transform: none; } .accordion-a > h1:first-child, .accordion-a > h2:first-child, .accordion-a > h3:first-child, .accordion-a > h4:first-child, .accordion-a > h5:first-child, .accordion-a > h6:first-child { border-top-width: 0; } .accordion-a > .header { padding-right: 58px; cursor: pointer; } [data-whatintent="mouse"] .accordion-a > .header:hover { background: #f8f8f8; } #root .accordion-a > .header.toggle { background: #53B7E8; color: #fff; } .accordion-a > .header.toggle a { color: #fff; } .accordion-a > .header.toggle:before { content: "\e914"; color: #fff; } .accordion-a > .header:before { content: "\e90a"; left: auto; right: 0; width: 58px; color: #53b7e8; font-size: 12px; } .accordion-a .header a:after { z-index: 9; } .accordion-a > div { position: relative; top: 6px; max-width: 720px; padding: 12px 40px 0; } .accordion-a:last-child { max-height: 580px; box-shadow: 0 1px 0 #e1e1e1; border-bottom-width: 30px; } h1 + .accordion-a, h2 + .accordion-a, h3 + .accordion-a, h4 + .accordion-a, h5 + .accordion-a, h6 + .accordion-a { margin-top: -17px; } .accordion-a.a { max-width: 730px; } .accordion-a.a:last-child { box-shadow: none; border-bottom-width: 0; } .accordion-a.compact { max-height: 340px; } .accordion-a.compact:last-child { max-height: 370px; } .blog-post { } .blog-post header { position: relative; } .blog-post header h1, .blog-post header h2, .blog-post header h3, .blog-post header h4, .blog-post header h5, .blog-post header h6 { margin: 0 0 19px; font-size: 60px; } .blog-post header p { margin: 0 0 13px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.11875; text-transform: uppercase; } .blog-post header p span { position: relative; top: -1px; z-index: 9; color: #000; font-size: 0.7777777778em; text-decoration: none; } .blog-post header p span i { display: inline-block; position: relative; top: 3px; margin: 0 5px 0 16px; font-size: 15px; line-height: 1px; } .blog-post header p.back { position: absolute; right: 0; bottom: 22px; margin: 0; font-size: 20px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 400; } .blog-post header p.back a { display: block; position: relative; padding-left: 43px; border-bottom: 2px dotted #fff; color: #000; text-decoration: none; } .blog-post header p.back a:before { content: "\e973"; width: auto; margin-top: -11px; font-size: 8px; } .blog-post .double { margin-left: -65px; } .blog-post .double > * { border-left-width: 65px; } .blog-post figure img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .blog-post footer { margin-top: 34px; } .cols-a > .blog-post + * { padding-top: 27px; } .breadcrumbs { position: relative; z-index: 2; margin: -2px 0 34px; color: #53B7E8; } .breadcrumbs:before { border-bottom: 1px solid #e6e6e6; } .breadcrumbs ul, .breadcrumbs ol { float: left; list-style: none; margin: 0 -24px 0 0; padding: 0 0 15px; } .breadcrumbs li { position: relative; float: left; margin: 0 24px 0 0; } .breadcrumbs li:before { content: "\e965"; left: 100%; width: 24px; color: #000; font-size: 10px; } .breadcrumbs a { color: #000; text-decoration: none; } .breadcrumbs li:first-child a { text-decoration: none; } .breadcrumbs p { float: right; margin: 0; padding: 0 0 15px; border: 0 solid #e6e6e6; } .breadcrumbs p a { display: block; position: relative; padding: 0 0 0 28px; text-decoration: none; } .breadcrumbs p a:before { content: "\e976"; width: auto; font-size: 8px; } .countdown { display: block; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 60px; text-transform: uppercase; line-height: .9; text-align: center; } .countdown .item { display: block; width: 140px; height: 140px; margin: 0 40px 0 0; padding: 0 0 8px; border-radius: 140px; border: 4px solid #000; } .countdown .name { display: block; padding: 1px 0 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; font-size: .5em; } .has-anchor { position: relative; } #root .has-anchor > .anchor { display: block; position: absolute; left: 0; top: -168px; } .heading-a { margin: 0 0 36px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.2; text-transform: uppercase; } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { margin-bottom: -5px; font-size: 60px; font-weight: bold; } .heading-a p { display: inline; margin: 0; border-bottom: 2px solid #000; font-size: 30px; } .heading-a.big { } .heading-a.big h1, .heading-a.big h2, .heading-a.big h3, .heading-a.big h4, .heading-a.big h5, .heading-a.big h6 { font-size: 80px; } .heading-a.big p { border-bottom-width: 0; font-size: 40px; } .heading-featured { position: relative; z-index: 5; width: 100%; min-height: 413px; margin: 0 0 40px; padding: 82px 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.4; text-transform: uppercase; } .heading-featured figure, .heading-shape figure { position: absolute; left: 672px; top: 0; right: calc(-50vw + 350px); bottom: 0; z-index: -1; width: auto; margin: 0; } .heading-featured figure:before, .heading-shape figure:before { left: -10000px; right: 100%; z-index: 2; background: #53b7e8; } .heading-featured figure:before, .heading-shape figure:before { -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: skewX(39deg); transform: skewX(39deg); } .heading-featured figure i { display: block; overflow: hidden; position: absolute; left: -45px; top: 0; bottom: 0; z-index: 9; color: rgba(255,255,255,.65); font-size: 480px; line-height: 448px; } .heading-featured h1, .heading-featured h2, .heading-featured h3, .heading-featured h4, .heading-featured h5, .heading-featured h6 { margin: 0 0 -2px; font-size: 60px; } .heading-featured h1 span, .heading-featured h2 span, .heading-featured h3 span, .heading-featured h4 span, .heading-featured h5 span, .heading-featured h6 span { color: #fff; } .heading-featured h1 .small, .heading-featured h2 .small, .heading-featured h3 .small, .heading-featured h4 .small, .heading-featured h5 .small, .heading-featured h6 .small { display: block; margin: 0 0 11px; color: inherit; font-size: 0.3333333333em; line-height: 0.874509804; } .heading-featured h1 .scheme-a, .heading-featured h2 .scheme-a, .heading-featured h3 .scheme-a, .heading-featured h4 .scheme-a, .heading-featured h5 .scheme-a, .heading-featured h6 .scheme-a { display: block; margin: 10px 0 22px; color: inherit; font-size: 0.4em; } .heading-featured p { display: inline; margin: 0; /*border-bottom: 0 dotted #000;*/ font-size: 30px; } .heading-featured > p:last-child { border-bottom-width: 2px; } .heading-featured .link-btn { margin-top: 31px; font-size: 20px; } .heading-featured form { position: relative; width: 100%; max-width: 762px; margin-top: 30px; } .heading-featured form p { display: block; padding-right: 232px; border-bottom-width: 0; font-size: 14px; } .heading-featured input { height: 60px; padding: 0 26px; border: 0 solid #e4e4e4; font-size: 1em; } .heading-featured button { position: absolute; right: 0; bottom: 0; width: 232px; height: 60px; margin: 0; padding: 0; } .heading-featured button:after { background: #000; } .heading-featured .scheme-a span { position: relative; top: -1px; z-index: 9; color: #000; font-size: 14px; font-family: Roboto, Arial, Helvetica, sans-serif; text-decoration: none; } .heading-featured .scheme-a span i { display: inline-block; position: relative; top: 3px; margin: 0 5px 0 16px; font-size: 15px; line-height: 1px; } .heading-featured .accordion-a { position: absolute; left: 0; top: 100%; right: 0; margin-top: 0; margin-bottom: 0; border: 1px solid #e4e4e4; border-top-width: 0; border-bottom-width: 0; } .heading-featured .accordion-a > *:first-child { border-top: 1px solid #e4e4e4; } .heading-featured .accordion-a p { margin-bottom: 27px; padding-right: 0; } .heading-featured article { max-width: 490px; margin: 27px 0 -2px; font-weight: 400; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.8571428571; text-transform: none; } .heading-featured article p { display: block; max-width: 390px; margin-bottom: 27px; border-bottom: 0; font-size: 14px; } #root .heading-featured.overlay-e .link-btn a { border-color: #fff; color: #fff; } [data-whatintent="mouse"] #root .heading-featured.overlay-e .link-btn a:hover { color: #fff; } #root .heading-featured.overlay-e .link-btn a:after { border-color: #fff; } .list-usp + .heading-featured, .list-usp + .heading-shape, .list-usp + .heading-image.full { margin-top: -18px; } .breadcrumbs + .heading-featured, .breadcrumbs + .heading-shape { margin-top: -35px; } .heading-featured + .heading-a, .heading-featured + * > .heading-a:first-child { margin-top: 58px; } .heading-featured.inv { } .heading-featured.inv figure { left: calc(-50vw + 350px); right: 560px; } .heading-featured.inv figure:before { left: 100%; right: -10000px; margin: 0 0 0 -30px; } .heading-featured.inv figure:before { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .heading-image { position: relative; z-index: 2; min-height: 285px; margin: 0 0 22px; padding: 20px 63px; color: #fff; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.4; text-transform: uppercase; } .heading-image figure { margin: 0; } .heading-image h1, .heading-image h2, .heading-image h3, .heading-image h4, .heading-image h5, .heading-image h6 { margin: -7px 0 0; color: #fff; font-size: 60px; } .heading-image p { display: inline; margin: 0; border-bottom: 2px dotted #fff; font-size: 30px; } .heading-image + .link-btn { margin-top: -12px; } .heading-plain { margin: 0 0 31px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.4; text-transform: uppercase; } .heading-plain h1, .heading-plain h2, .heading-plain h3, .heading-plain h4, .heading-plain h5, .heading-plain h6 { margin-bottom: 0; font-size: 60px; } .heading-plain p { margin: -7px 0 0; border-bottom: 2px dotted #000; font-size: 30px; } .heading-shape, .heading-image.full { position: relative; z-index: 2; height: 550px; margin: 0 0 110px; } .heading-shape h1, .heading-shape h2, .heading-shape h3, .heading-shape h4, .heading-shape h5, .heading-shape h6 { position: absolute; left: 867px; right: -1000px; top: 55px; z-index: 4; font-size: 74px; text-transform: uppercase; } .heading-shape h1, .heading-shape h2, .heading-shape h3, .heading-shape h4, .heading-shape h5, .heading-shape h6 { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(51deg); transform: rotate(51deg); } .heading-shape h1 span, .heading-shape h2 span, .heading-shape h3 span, .heading-shape h4 span, .heading-shape h5 span, .heading-shape h6 span { display: block; position: absolute; left: 0; top: 100%; margin: -5px 0 0; padding: 0 0 5px; /*border-bottom: 2px dotted #000;*/ font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 0.5675675676em; font-weight: 300; } .heading-shape h1 span:first-child, .heading-shape h2 span:first-child, .heading-shape h3 span:first-child, .heading-shape h4 span:first-child, .heading-shape h5 span:first-child, .heading-shape h6 span:first-child { left: 0; right: auto; top: auto; bottom: -67px; margin: 0; padding: 0 3px 3px 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; /*font-size: 0.4324324324em;*/ font-size: 0.3648648649em; font-weight: 400; border-bottom-width: 0; white-space: nowrap; } .heading-shape h1 span:first-child, .heading-shape h2 span:first-child, .heading-shape h3 span:first-child, .heading-shape h4 span:first-child, .heading-shape h5 span:first-child, .heading-shape h6 span:first-child { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-90deg) translateY(-100%); transform: rotate(-90deg) translateY(-100%); } .heading-shape figure { left: calc(-50vw + 350px); right: 285px; } .heading-shape figure:before { left: 100%; right: -10000px; z-index: 4; margin: 0; } .heading-shape figure:before { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .heading-shape figure:after { z-index: 2; background: #0A0A0A; opacity: .2; } .heading-shape figure i { display: block; overflow: hidden; position: absolute; right: -158px; top: 0; z-index: 9; color: rgba(255,255,255,.3); font-size: 560px; line-height: 572px; } .heading-shape .link-btn { margin-top: 36px; font-size: 20px; } .heading-shape .link-btn a { min-width: 242px; padding-left: 35px; padding-right: 35px; color: #000; } .heading-shape .link-btn a:before { background: #000; } .heading-shape .link-btn a:after { border: 2px solid #000; background: none; } [data-whatintent="mouse"] .heading-shape .link-btn a:hover { color: #fff; } .heading-shape p { margin: 0; font-size: 30px; } .heading-shape div { position: absolute; right: 0; top: 50%; width: 312px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.4; text-transform: uppercase; text-align: center; } #root .heading-shape div h1, #root .heading-shape div h2, #root .heading-shape div h3, #root .heading-shape div h4, #root .heading-shape div h5, #root .heading-shape div h6 { position: relative; left: 0; right: 0; top: 0; margin: 0; font-size: 60px; font-weight: bold; } .heading-shape.a, .heading-shape.a h1, .heading-shape.a h2, .heading-shape.a h3, .heading-shape.a h4, .heading-shape.a h5, .heading-shape.a h6, .heading-shape.a .link-btn a { color: #fff; } .heading-shape.a .link-btn a:before { background: #fff; } .heading-shape.a .link-btn a:after, .heading-shape.a h1 span, .heading-shape.a h2 span, .heading-shape.a h3 span, .heading-shape.a h4 span, .heading-shape.a h5 span, .heading-shape.a h6 span { border-color: #fff; } [data-whatintent="mouse"] .heading-shape.a .link-btn a:hover { color: #000; } .heading-shape.offset { } .heading-shape.offset figure { right: 490px; } .heading-shape.offset h1, .heading-shape.offset h2, .heading-shape.offset h3, .heading-shape.offset h4, .heading-shape.offset h5, .heading-shape.offset h6 { left: 662px; } .module-box { position: relative; margin: 0 0 28px; padding: 34px 34px 0; box-shadow: 0 2px 4px rgba(0,0,0,.11); background: #fff; } .module-box > div { border: 0 solid #e1e1e1; } .module-box header { width: 100%; margin-bottom: 34px; padding-bottom: 4px; border-bottom: 1px solid #E1E1E1; } .module-box header h1, .module-box header h2, .module-box header h3, .module-box header h4, .module-box header h5, .module-box header h6 { margin: 0 0 20px; font-size: 34px; text-transform: uppercase; font-weight: bold; } .module-box header h1 span, .module-box header h2 span, .module-box header h3 span, .module-box header h4 span, .module-box header h5 span, .module-box header h6 span { display: block; margin: 2px 0 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 0.7058823529em; } .module-box .scheme-score { width: 232px; margin-right: 36px; padding: 0 38px 0 0; border-right-width: 2px; text-align: center; } .module-box footer { width: 711px; margin-left: auto; } .module-box .list-comments { max-height: 225px; border: 0 solid #e1e1e1; } .module-box .list-comments li:first-child { padding-top: 2px; } .module-box .list-comments li:first-child figure { top: 2px; } .module-contact { position: relative; margin: 50px 0; padding-bottom: 5px; border-bottom: 1px solid #e1e1e1; } .module-contact > *:first-child { min-width: 580px; } .module-contact h1, .module-contact h2, .module-contact h3, .module-contact h4, .module-contact h5, .module-contact h6 { font-size: 34px; } .module-contact .list-social { padding-top: 4px; } .module-contact .link-btn { margin-left: auto; margin-top: -3px; } .module-contact .link-btn a { min-width: 342px; } .accordion-a + .module-contact { margin-left: 40px; } aside.module-contact, aside .module-contact { display: block; margin-top: 0; padding-bottom: 0; border-bottom-width: 0; } aside.module-contact > *:first-child, aside .module-contact > *:first-child { min-width: 0; } aside.module-contact .list-social, aside .module-contact .list-social { padding-top: 0; } aside.module-contact .link-btn a, aside .module-contact .link-btn a { width: 100%; min-width: 0; } .module-filters { margin: 0 0 20px; line-height: 1.2; } .module-filters h1, .module-filters h2, .module-filters h3, .module-filters h4, .module-filters h5, .module-filters h6 { float: left; margin: 0 12px 10px 0; padding: 10px 0 0; color: #727272; font-size: 14px; font-weight: 400; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.2; text-transform: none; } .module-filters ul { float: left; list-style: none; margin: 0 -10px 0 0; padding: 0; } .module-filters ul li { float: left; margin: 0 10px 10px 0; } .module-filters ul li a, .module-filters ul li label { display: block; position: relative; min-width: 136px; padding: 9px 33px 7px 11px; border: 1px solid #E4E4E4; background: #F8F8F8; color: #111213; font-size: 1em; font-weight: 400; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.2; text-decoration: none; text-transform: none; cursor: pointer; } .module-filters ul li a:before, .module-filters ul li label:before, .module-filters ul li a:after, .module-filters ul li label:after { content: "\e966"; left: auto; right: 0; width: 33px; height: 20px; color: #dcdcdc; font-size: 17px; line-height: 20px; } .module-filters ul li a:after, .module-filters ul li label:after { content: "\e955"; z-index: 2; color: #fff; } .module-gui { margin: 0 0 27px; padding: 0 50px; } .module-gui h1, .module-gui h2, .module-gui h3, .module-gui h4, .module-gui h5, .module-gui h6 { margin-bottom: 4px; font-size: 20px; } .module-gui h1 span, .module-gui h2 span, .module-gui h3 span, .module-gui h4 span, .module-gui h5 span, .module-gui h6 span { margin-left: 6px; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: 400; text-transform: none; } .module-gui header { position: relative; margin: 0 -50px 33px; padding: 22px 65px 18px 25px; border: 0 solid #E1E1E1; border-top-width: 1px; border-bottom-width: 1px; background: #F8F8F8; } .module-gui header p { position: absolute; right: 25px; top: 50%; } .module-gui .double { max-width: 1186px; } .module-gui .double > * { border: 0 solid #e1e1e1; } .module-product { } .module-product > * { float: right; clear: right; width: 583px; margin-bottom: 29px; } .module-product > header { clear: none; margin-bottom: 0; } .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; font-size: 60px; font-weight: bold; } .module-product > header p { margin: -1px 0 13px; padding-bottom: 8px; /*border-bottom: 2px dotted #000;*/ font-size: 30px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1; text-transform: uppercase; } .module-product > header ul { list-style: none; margin: 0 -30px 20px 0; padding: 0; } .module-product > header ul li { position: relative; float: left; margin: 0 30px 0 0; } .module-product > header ul li:before { content: "\e965"; left: 100%; top: 2px; width: 30px; margin: 0; color: #000; font-size: 10px; } .module-product > header ul li a { color: #000; } .module-product > header ul .rating-a { text-indent: 0; } .module-product > header ul .rating { position: relative; top: 3px; float: left; width: 102px; } .module-product > header ul .rating-a .label { display: block; position: relative; left: 0; top: 0; float: left; } .module-product > .list-product { clear: none; float: left; width: 750px; } .module-product .price { margin: -2px 0 37px; font-size: 44px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 0.874509804; text-transform: uppercase; font-weight: 700; } .module-product .price span { display: inline-block; position: relative; margin: 0 -5px 0 0; font-size: 0.4545454545em;font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; } .module-product .price span.small { display: block; padding: 2px 0 0; font-size: 14px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; text-transform: none; } #root .module-product .list-usp.a { margin-left: -50px; margin-bottom: 14px; } #root .module-product .list-usp.a li { border-left: 50px solid rgba(0,0,0,0); } .module-product h3 { font-weight: bold; } .module-splash { position: relative; text-align: center; color: #fff; } /* .module-splash:before { content: "\e95e"; display: block; position: relative; margin: 0 0 104px; font-size: 140px; line-height: 140px; } */ .module-splash h1, .module-splash h2, .module-splash h3, .module-splash h4, .module-splash h5, .module-splash h6 { margin: 100px -50px 80px; font-size: 80px; } .module-splash h1 span { display:block; font-size: 60px; } .module-summary { margin: 34px 0 43px; padding: 22px 0 2px; border: 0 solid #e4e4e4; border-top-width: 1px; border-bottom-width: 1px; } .module-summary h1, .module-summary h2, .module-summary h3, .module-summary h4, .module-summary h5, .module-summary h6 { margin-right: 28px; margin-bottom: 20px; font-size: 26px; } .module-summary .list-tags { margin-bottom: 11px; } .module-summary .list-share { margin-left: auto; margin-bottom: 10px; border: 0 solid #e4e4e4; } .module-wide { position: relative; z-index: 2; margin: 41px 0; padding: 93px 0 41px; } .module-wide:before, .module-wide-mobile:before { background: #f3f3f3; } .module-wide .list-catalog:first-child { margin-top: -18px; } .module-wide .list-catalog:last-child { margin-bottom: -3px; } .module-wide .module-box:first-child { margin-top: -34px; } .module-wide + .heading-a, .module-wide + * > .heading-a:first-child { margin-top: 65px; } .module-wide.a { } .module-wide.a:before { background: #f8f8f8; } .module-wide-mobile { position: relative; z-index: 2; } .news-a { } .news-a article { margin-bottom: 70px; } .news-a article > * { width: 660px; } .news-a article > figure { width: auto; min-width: 610px; margin-top: 0; margin-bottom: 27px; margin-left: 105px; } .news-a article:nth-child(2n) > figure { margin-left: 0; margin-right: 105px; } .news-a img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .news-a article p, .news-a article ul, .news-a article ol { max-width: 572px; } .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-nav { } .owl-nav button { display: block; position: absolute; top: 50%; min-width: 0; width: 46px; height: 46px; margin: -23px 0 0; padding: 0; box-shadow: none; border-radius: 0; border: 0; background: none; color: #000; font-size: 8px; text-align: left; text-indent: -3000em; } .owl-nav button.owl-prev { left: -10px; } .owl-nav button.owl-next { right: -10px; } .owl-nav button:before { background: none; } .owl-nav button.owl-prev:before { content: "\e973"; } .owl-nav button.owl-next:before { content: "\e970"; } .owl-dots { } .owl-dots button { display: block; min-width: 0; width: 27px; height: 27px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border: 0; background: none; } .owl-dots button:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px; border-radius: 19px; border: 1px solid #000; background: none; } .owl-dots button:before { -webkit-transform-origin: center center; transform-origin: center center; } .owl-dots button.active:before { background: #000; } .owl-dots button.active:before { -webkit-transform: scale(1.5714285714); transform: scale(1.5714285714); } .pagination-a { border: 0 solid #e1e1e1; } .pagination-a ol, .pagination-a ul { list-style: none; padding: 0; border: 0 solid #e1e1e1; } .pagination-a li { position: relative; float: left; } .pagination-a li a { display: block; overflow: hidden; position: relative; min-width: 26px; height: 26px; padding: 0 4px; border-radius: 2px; color: #000; line-height: 28px; text-decoration: none; text-align: center; } .pagination-a li span { display: block; margin: 0 7px; } .pagination-a li.active a { background: #53b7e8; color: #fff; } .pagination-a li.disabled { opacity: .2; } .pagination-a .prev a, .pagination-a .next a { font-size: 10px; text-indent: -3000em; text-align: left; } .pagination-a .prev a:before { content: "\e92c"; } .pagination-a .next a:before { content: "\e92d"; } .pagination-a .prev + .active { padding-left: 7px; } .pagination-a .active + .next { padding-left: 7px; } .pagination-a li.active:before, .pagination-a li.disabled:before { z-index: 9; } .popup-a { overflow-y: auto; overflow-x: hidden; visibility: hidden; position: fixed; left: -50px; right: -50px; top: 0; bottom: 0; z-index: 998; } .popup-a { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); } .popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; padding: 20px 70px; } .popup-a .box-outer > .close { display: block; position: absolute; left: 0; right: 0; top: 0; visibility: hidden; z-index: 1; height: 100%; background: rgba(0,0,0,.4); text-indent: -3000em; cursor: pointer; opacity: 0; } .popup-a .box-inner { position: relative; z-index: 3; width: 760px; margin: 0; } .popup-a .box-inset { visibility: hidden; position: relative; z-index: 3; padding: 50px 35px 8px; box-shadow: 0 2px 4px rgba(0,0,0,.11); opacity: 0; } .popup-a .box-inset:after { z-index: -2; border: 1px solid #e4e4e4; background: #fff; } .popup-a .box-inset { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } .popup-a .box-inset > .close { display: block; position: absolute; right: 0; top: 0; z-index: 9; width: 64px; height: 64px; text-indent: -3000em; text-align: left; } .popup-a .box-inset > .close:before, .popup-a .box-inset > .close:after { top: 0; margin: 0; font-size: 25px; line-height: 64px; } .popup-a .box-inset > .close:before { content: "\e966"; z-index: 1; color: #c4c4c4; } .popup-a .box-inset > .close:after { content: "\e955"; z-index: 2; color: #fff; } .popup-a h1, .popup-a h2, .popup-a h3, .popup-a h4, .popup-a h5, .popup-a h6 { font-size: 26px; } .popup-a h1:first-child, .popup-a h2:first-child, .popup-a h3:first-child, .popup-a h4:first-child, .popup-a h5:first-child, .popup-a h6:first-child { font-size: 34px; } .popup-a h1 + form, .popup-a h2 + form, .popup-a h3 + form, .popup-a h4 + form, .popup-a h5 + form, .popup-a h6 + form { margin-top: 38px; } .popup-a::-webkit-scrollbar { width: 0; background: none; } .popup-a.product { } .popup-a.product .list-slider { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; float: left; margin: 0; } .popup-a.product .list-slider li { display: block; height: 530px; } .popup-a.product .list-slider img { display: block; width: auto !important; height: 100% !important; } .popup-a.product .list-slider .owl-dots { position: absolute; left: 0; bottom: 28px; width: 550px; } .popup-a.product .list-slider .inner, .popup-a.product .list-slider .owl-stage, .popup-a.product .list-slider .owl-stage-outer, .popup-a.product .list-slider .owl-item, .popup-a.product .list-slider .item, .popup-a.product .list-slider .item li, .popup-a.product .list-slider .item li img { height: 100% !important; } .popup-a.product .box-inner { width: 1190px; } .popup-a.product .box-inset { padding-top: 0; padding-left: 0; padding-bottom: 0; border-width: 0; background: none; } /*.popup-a.product .box-inset:before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NTciIGhlaWdodD0iNTMwIiBmaWxsPSJub25lIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBmaWxsPSIjQUZCNzYwIiBkPSJNNTU3IDUzMEwxMDggMHY1MzBoNDQ5ek0wIDBoMTA4djUzMEgweiIvPjwvc3ZnPg==) no-repeat; background-size: auto 100%; }*/ .popup-a.product .box-inset:after { z-index: -2; background: #fff; } .popup-a.product section { position: relative; z-index: 2; float: right; width: 510px; margin-left: auto; padding: 60px 0 6px; } .popup-a.product header { font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.4; text-transform: uppercase; } .popup-a.product header h1, .popup-a.product header h2, .popup-a.product header h3, .popup-a.product header h4, .popup-a.product header h5, .popup-a.product header h6 { margin: 0; font-size: 60px; } .popup-a.product header p { margin-top: -6px; padding-bottom: 2px; border-bottom: 2px dotted #000; font-size: 30px; } .popup-a.product .rating-a .label { display: block; position: absolute; left: 100px; top: 0; line-height: 17px; text-indent: 0; } .popup-a.product p { margin-bottom: 18px; } .popup-a.product .price { margin-top: 5px; font-size: 36px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 0.874509804; text-transform: uppercase; } .popup-a.product .price .new-price { font-weight:700; } .popup-a.product .price span:not(.new-price) { display: inline-block; position: relative; font-size: 0.5555555556em; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; } .popup-a.product .price span.small { display: block; padding: 8px 0 0; font-size: 14px; font-family: Roboto, Arial, Helvetica, sans-serif; text-transform: none; } .popup-a.product .rating-a .rating > * { border-radius: 5px; } .popup-a.product footer { } .popup-a.product footer p { float: left; } .popup-a.product footer .list-usp { float: right; } #root .popup-a.product footer .list-usp li { margin-bottom: 6px; } .popup-a.product footer form { clear: both; padding: 17px 0 0; } .popup-a.product footer form p { float: none; margin-top: 30px; } .popup-a.product footer form input { width: 111px; height: 60px; margin: 0 19px 0 0; border-color: #e1e1e1; background: #f8f8f8; color: #000; font-size: 20px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; } .popup-a.product footer form button { height: 60px; padding-top: 0; padding-bottom: 0; } .popup-a.product footer form button:after, .form-product button:after { background: #94C11F; } .popup-a.product footer form p.linked-product a { display: block; position: relative; width: 100%; padding: 0 36px 0 0; color: #000; font-size: 18px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 0.874509804; text-transform: uppercase; text-align: right; text-decoration: none; } .popup-a.product footer form p.linked-product a:before { content: "\e970"; font-size: 8px; text-align: right; } .popup-a.small { line-height: 1.4285714286; } .popup-a.small .box-outer > .close { background: rgba(255,255,255,.5); } .popup-a.small .box-inset { padding: 11px 26px 1px; box-shadow: none; background: #f9f9f9; color: #727272; } .popup-a.small .box-inset:after { background: #f9f9f9; } .popup-a.small p { margin-bottom: 12px; } .popup-a.small .box-inset > .close:before { color: #dadada; font-size: 16px; } .popup-a.small .box-inset > .close:after { font-size: 16px; } .rating-a { display: block; position: relative; height: 17px; color: #A3A0A0; font-size: 14px; text-align: left; text-indent: -3000em; } .rating-a .rating { display: block; overflow: hidden; position: relative; z-index: 1; height: 17px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; background: none; text-align: left; text-indent: -3000em;} .rating-a .rating > * { display: block; overflow: hidden; position: relative; z-index: 2; float: left; width: 17px; height: 100%; margin: 0 2px 0 0; } .rating-a .rating > *:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNi44IDE3IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNi44IDE3Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRENEQ0RDO308L3N0eWxlPjxwYXRoIGQ9Ik0xNi41IDIuOEwxNCAuM2wtLjgtLjNIMy41bC0uNy4zTC4zIDIuOGwtLjMuOXY5LjdsLjMgMSAyLjUgMi4zLjcuM2g5LjdsLjgtLjMgMi41LTIuMy4zLTFWMy44bC0uMy0xek0xNCA3LjFsLTIuOCAyLjQuOCAzLjZjLjEuMi0uMi40LS40LjNsLTMuMi0xLjktMy4yIDEuOWMtLjIuMS0uNS0uMS0uNC0uM2wuOC0zLjYtMi44LTIuNGMtLjItLjItLjEtLjUuMS0uNWwzLjctLjMgMS41LTMuNGMuMS0uMi40LS4yLjUgMGwxLjUgMy40IDMuNy4zYy4zIDAgLjQuMy4yLjV6IiBjbGFzcz0ic3QwIi8+PC9zdmc+) no-repeat; background-size: auto 100%; } .rating-a .rating > * .fill { display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: 2; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTcgMTciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZDRDE0Qjt9PC9zdHlsZT48cGF0aCBkPSJNMTYuNSAyLjhMMTQgLjNsLS44LS4zSDMuNWwtLjcuM0wuMyAyLjhsLS4zLjl2OS43bC4zIDEgMi41IDIuMy43LjNoOS43bC44LS4zIDIuNS0yLjMuMy0xVjMuOGwtLjMtMXpNMTQgNy4xbC0yLjggMi40LjggMy42Yy4xLjItLjIuNC0uNC4zbC0zLjItMS45LTMuMiAxLjljLS4yLjEtLjUtLjEtLjQtLjNsLjgtMy42LTIuOC0yLjRjLS4yLS4yLS4xLS41LjEtLjVsMy43LS4zIDEuNS0zLjRjLjEtLjIuNC0uMi41IDBsMS41IDMuNCAzLjcuM2MuMyAwIC40LjMuMi41eiIgY2xhc3M9InN0MCIvPjwvc3ZnPg==) no-repeat #fff; background-size: auto 100%; } .js .rating-a .tip { display: block; position: absolute; left: 56px; top: -5px; bottom: 0; z-index: 9; height: auto; margin: 0; } .rating-a .tip .tip-text { bottom: 22px; } #root .rating-a a { color: #A3A0A0; text-decoration: none; } body ::-webkit-scrollbar { width: 29px; } body ::-webkit-scrollbar-track { border-radius: 24px 3px 3px 24px; border-left: 23px solid rgba(0,0,0,0); background-clip: padding-box; background-color: #efefef; } body ::-webkit-scrollbar-thumb { border-radius: 24px 3px 3px 24px; border-left: 23px solid rgba(0,0,0,0); background-clip: padding-box; background-color: #b2b2b2; } .slider-a { position: relative; margin: 0 0 62px; } .slider-a > *:first-child, .slider-a > .inner { display: block; } .slider-a .owl-carousel .owl-stage-outer { margin: 0 -1000px; padding: 0 1000px; } .list-usp + .slider-a { margin-top: -18px; } .slider-a .owl-dots { position: absolute; right: -10px; bottom: 11px; } .slider-a.white .owl-dots button:before { border-color: #fff; } .slider-a.white .owl-dots button.active:before { background: #fff; } .slider-a .owl-item[aria-hidden="true"] { visibility: hidden; opacity: 0; } .tabs-a { margin: 50px 0 29px; } .tabs-a > nav ul { list-style: none; margin: 0 1px 51px 0; padding: 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 0.874509804; text-transform: uppercase; text-align: center; } .tabs-a > nav ul li { float: left; margin: 0 -1px 0 0; font-size: 20px; } .tabs-a > nav ul li a { display: block; overflow: hidden; position: relative; min-width: 245px; padding: 21px 42px; border: 1px solid #E1E1E1; border-bottom-width: 0; background: #F8F8F8; color: #000; text-decoration: none; } .tabs-a > nav ul li a:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #E1E1E1; } .tabs-a > nav ul li.active a { background: #fff; color: #53b7e8; cursor: default; } .tabs-a > nav ul li a.has-icon { padding-bottom: 40px; } .tabs-a > nav ul li a i { display: block; position: relative; margin: 14px 0; color: #000; font-size: 17px; line-height: 20px; } .tabs-a > nav ul li a i.icon-backward, .tabs-a .tabs-header i.icon-backward { font-size: 14px; } .tabs-a > nav ul li a i.icon-truck, .tabs-a .tabs-header i.icon-truck { font-size: 15px; } .tabs-a > nav ul li a i.icon-docs, .tabs-a .tabs-header i.icon-docs { font-size: 20px; } .tabs-a > nav ul li a i:before, .tabs-a .tabs-header i:before { position: relative; z-index: 1; } .tabs-a > nav ul li a i:after, .tabs-a .tabs-header i:after { top: 0; z-index: 2; margin: 0; color: #53b7e8; line-height: 20px; } .tabs-a > nav ul li a i.icon-backward:before, .tabs-a .tabs-header i.icon-backward:before { content: "\e97b"; } .tabs-a > nav ul li a i.icon-backward:after, .tabs-a .tabs-header i.icon-backward:after { content: "\e97c"; } .tabs-a > nav ul li a i.icon-truck:before, .tabs-a .tabs-header i.icon-truck:before { content: "\e957"; } .tabs-a > nav ul li a i.icon-truck:after, .tabs-a .tabs-header i.icon-truck:after { content: "\e956"; } .tabs-a > nav ul li a i.icon-docs:before, .tabs-a .tabs-header i.icon-docs:before { content: "\e963"; } .tabs-a > nav ul li a i.icon-docs:after, .tabs-a .tabs-header i.icon-docs:after { content: "\e962"; } .tabs-a > nav ul li a i.icon-package:before, .tabs-a .tabs-header i.icon-package:before { content: "\e95d"; } .tabs-a > nav ul li a i.icon-package:after, .tabs-a .tabs-header i.icon-package:after { content: "\e95b"; } .tabs-a .tabs-inner { border: 0 solid #d9d9d9; } .tabs-a .tabs-inner h3 { font-weight: bold; } .tabs-a .tabs-header { display: none; position: relative; margin: 0 -17px; padding: 19.5px 50px 19.5px 17px; border: 0 solid #d9d9d9; border-bottom-width: 1px; color: #000; font-size: 20px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 0.874509804; text-transform: uppercase; text-decoration: none; } .tabs-a .tabs-header.has-icon { padding-top: 24.5px; padding-bottom: 24.5px; padding-left: 50px; } .tabs-a .tabs-header:before { content: "\e90a"; left: auto; right: 17px; width: auto; font-size: 12px; } .tabs-a .tabs-header.toggle:before { content: "\e914"; } .tabs-a .tabs-header i { display: block; position: absolute; left: 17px; top: 50%; margin: -10px 0 0; color: #000; font-size: 17px; line-height: 20px; } .tabs-a > div > .hidden, .tabs-b > div > .hidden { visibility: hidden; position: absolute; left: 0; top: 0; z-index: -1000; opacity: 0; } .tabs-b { } .tabs-b > nav ul { list-style: none; margin: 0 -17px 77px; padding: 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 0.874509804; text-transform: uppercase; text-align: center; } .tabs-b > nav ul li { display: inline-block; margin: 0 17px; font-size: 44px; } .tabs-b > nav ul li a { display: inline-block; position: relative; color: #b3b3b3; text-decoration: none; font-weight: bold; } .tabs-b > nav ul li a:before { bottom: -4px; border-bottom: 2px solid #000; } .tabs-b > nav ul li.active a { color: #000; font-size: 1.3636363636em; cursor: default; } .tip { display: none; position: relative; z-index: 99; width: 20px; height: 1px; margin: 0 0 0 3px; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1px; } .domloaded .tip { display: inline-block; } .tip-text { display: block; visibility: hidden; position: absolute; left: 11px; bottom: 11px; z-index: 2; width: 215px; box-shadow: 0 2px 4px rgba(0,0,0,.11); border: 1px solid #E4E4E4; background: #f9f9f9; color: #727272; font-size: 13px !important; font-weight: 400; line-height: 20px; text-indent: 0; text-align: left; text-transform: none; letter-spacing: normal; opacity: 0; } #root .tip-text { margin: 0; padding: 10px 13px; } .tip-text { -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } .tip-text:before, .tip-text:after { left: -4px; top: auto; bottom: -2px; width: auto; margin: 0; font-size: 6px; line-height: 6px; } .tip-text:before { content: "\e980"; z-index: 2; color: #E4E4E4; text-shadow: 0 2px 4px rgba(0,0,0,.11); } .tip-text:after { content: "\e981"; z-index: 1; color: #f9f9f9; } .tip .tip-close { display: none; overflow: hidden; position: absolute; right: 0; top: 0; width: 38px; height: 34px; color: #dadada; font-size: 16px; text-decoration: none; text-align: left; text-indent: -3000em; } .tip .tip-close:before { content: "\e946"; } .tip .show, .tip .popup { display: block; position: absolute; left: 0; right: 0; bottom: -1px; z-index: 1; width: 20px; height: 20px; color: #d9d9d9; } .tip .show:before, .tip .popup:before { content: "\e917"; display: block; position: absolute; left: 0; bottom: 0; right: 0; font-size: 16px; font-family: i; font-weight: 400; line-height: 16px; } .tip .popup { display: none; z-index: 2; } .ui-slider { display: block; position: relative; height: 19px; margin: 0 9.5px; } .ui-slider:before, .ui-slider .ui-slider-range:before { content: ""; display: block; position: absolute; left: -9.5px; right: -9.5px; top: 50%; z-index: 1; height: 6px; margin: -3px 0 0; border-radius: 3px; background: #efefef; } .ui-slider .ui-slider-handle { position: absolute; top: 0; z-index: 3; width: 19px; height: 19px; margin: 0 0 0 -9.5px; box-shadow: 0 1px 2px rgba(0,0,0,.15); border-radius: 50%; background: #53B7E8; cursor: pointer; -ms-touch-action: none; touch-action: none; outline: none; } .ui-slider .ui-slider-range { display: block; position: absolute; top: 0; z-index: 2; height: 100%; } .ui-slider .ui-slider-range:before { left: 0; right: 0; border-radius: 0; background: #53B7E8; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-a { margin: 17px 0 39px; } .ui-slider-a .input, .ui-slider-a input { display: block; width: 98px; height: 40px; padding: 0 10px; border: 1px solid #e1e1e1; background: #fff; font-size: 14px; line-height: 38px; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .ui-slider-a .values { display: block; padding-top: 25px; } .ui-slider-a .value, .ui-slider-a > span { display: block; width: 98px; } .ui-slider-a .values .value.b .label { position: absolute; left: 98px; right: 98px; font-style: italic; line-height: 40px; text-align: center; text-transform: lowercase; } .w425 { max-width: 430px; } .w1180 { max-width: 1180px; } .w425.text-center, .w1180.text-center { margin-left: auto; margin-right: auto; } /*! Headers --------- */ h1, h2, h3, h4, h5, h6, legend, .gui-page-title, .gui-content-title { font-weight: 400; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 34px; line-height: 0.874509804; text-transform: uppercase; } h1, .gui-page-title { font-size: 60px; font-weight: bold; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, legend a, .gui-page-title a, .gui-content-title a { color: #000; text-decoration: none; } [data-whatintent="mouse"] h1 a:hover, [data-whatintent="mouse"] h2 a:hover, [data-whatintent="mouse"] h3 a:hover, [data-whatintent="mouse"] h4 a:hover, [data-whatintent="mouse"] h5 a:hover, [data-whatintent="mouse"] h6 a:hover { color: #53b7e8; text-decoration: none; } h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { display: block; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 0.5294117647em; line-height: 1.2; text-transform: uppercase; } .header-a, .header-toggle { overflow: hidden; position: relative; margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid #e4e4e4; } .header-a + .list-blog, .header-toggle + .list-blog { margin-top: 20px; } .js .header-toggle { padding-right: 30px; } .header-toggle a.toggle { display: block; position: absolute; right: 0; top: 0; width: 28px; height: 32px; color: #000; font-size: 7px; text-align: left; text-indent: -3000em; outline-offset: -2px; } .header-toggle a.toggle:before { content: "\e926"; } .header-toggle.toggle a.toggle:before { content: "\e92b"; } .header-toggle a.toggle:after { left: -3000px; bottom: -3000em; z-index: 9; } .js .header-toggle .small { margin-right: -30px; } /*! Content --------- */ b, strong, .strong, .list-tags li.active a, .list-filter li.active > a, .list-filter label.active { font-weight: 700; } blockquote { margin: 1em 40px; } dfn, em, i, .em { font-style: italic; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } small { font-size: 85%; } strike, del, .strike { text-decoration: line-through; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .s12 { font-size: 12px; } .s24 { font-size: 24px; } .s24 i { display: inline-block; position: relative; top: -3px; margin: 0 3px 0 0; font-size: 13px; line-height: 1px; } .s26, #root .s26 { font-size: 26px; } .overlay-a, [data-whatintent="mouse"] .blog-post header p.back a:hover, [data-whatintent="mouse"] .link-btn a:hover i[class*="arrow"], .tip.shown .show:before, .tabs-a .tabs-header.toggle, [data-whatintent="mouse"] #nav > ul:first-child > li > a:hover, #nav > ul:first-child > li.active > a, [data-whatintent="mouse"] #nav > ul:first-child > li:hover > a, [data-whatintent="mouse"] #footer a:hover, [data-whatintent="mouse"] #root #nav > ul:last-child a:hover, .list-filter li.active > a, .list-filter label.active, [data-whatintent="mouse"] .list-collection ul.cta li a:hover, [data-whatintent="mouse"] .module-filters ul li a:hover:before, [data-whatintent="mouse"] .module-filters ul li label:hover:before, [data-whatintent="mouse"] .popup-a.product footer form p a:hover, [data-whatintent="mouse"] .link-score a:hover, .product-page tr > th:nth-child(2), .table-a th, .product-page th { color: #53B7E8; } .overlay-b { color: #000; } .overlay-c { color: #94C11F; } .overlay-d { color: #f00; } .overlay-e, #root .heading-featured .overlay-e * { color: #fff; } .scheme-a { font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.1; } h1 + .scheme-a.s24, h2 + .scheme-a.s24, h3 +.scheme-a.s24, h4 + .scheme-a.s24, h5 + .scheme-a.s24, h6 + .scheme-a.s24 { margin-top: -27px; } .scheme-box { display: block; padding: 10px 20px; border: 2px solid #000; font-size: 20px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 700; text-align: center; } .scheme-progress, #root #nav .scheme-progress { display: block; position: relative; z-index: 4; height: 33px; margin-bottom: 20px; font-size: 16px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 33px; text-transform: uppercase; text-align: center; } .scheme-progress:before { right: 27px; z-index: -2; border: 2px solid #000; background: #fff; } .scheme-progress:before, .scheme-progress .inner { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: skewX(40deg); transform: skewX(40deg); } .scheme-progress .inner { overflow: hidden; right: 30px; left: 12px; top: 6px; bottom: 6px; z-index: -1; } .scheme-progress .inner > * { display: block; float: left; height: 100%; background: #53B7E8; } .scheme-score { border: 0 dotted #d2d2d2; color: #A3A0A0; line-height: 1.5; } .scheme-score .rating-a { height: auto; margin-bottom: 17px; padding-top: 68px; color: #000; font-size: 60px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 1; text-align: center; text-transform: uppercase; } .scheme-score .rating-a .label { display: block; position: absolute; left: 0; top: 0; right: 0; text-align: center; text-indent: 0; } .scheme-score .rating-a .label span { position: relative; top: -.9em; font-size: 0.4em; } .scheme-score .rating-a .rating { height: 26px; } .scheme-score .rating-a .rating > * { width: 26px; margin-right: 5px; } .icon-info { display: inline-block; position: relative; top: 2px; color: #d9d9d9; font-size: 16px; line-height: 1px; } [data-whatintent="mouse"] a:hover .icon-info { color: #53B7E8; } /*! Links --------- */ a { background: none; color: #53B7E8; text-decoration: underline; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } .link-btn { margin-top: 35px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 0.874509804; text-transform: uppercase; } .link-btn a { display: block; overflow: hidden; position: relative; z-index: 5; min-width: 232px; padding: 21px 40px; color: #fff; text-decoration: none; text-align: center; } .link-btn a:after, button:after, .list-collection ul.cta li.btn.a a:after, .gui-button-small:after, .gui-button-large:after { z-index: -2; border: 0 solid #94C11F; background: #94C11F; } .link-btn a:before, button:before, .list-collection ul.cta li.btn.a a:before, .gui-button-small:before, .gui-button-large:before { left: auto; right: 100%; z-index: -1; width: 200%; background: rgba(0,0,0,.14); } .link-btn a:before, button:before, .list-collection ul.cta li.btn.a a:before, .gui-button-small:before, .gui-button-large:before { -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: skewX(40deg); -ms-transform: skewX(40deg); transform: skewX(40deg); } [data-whatintent="mouse"] .link-btn a:hover:before, [data-whatintent="mouse"] button:hover:before, [data-whatintent="mouse"] .list-collection ul.cta li.btn.a a:hover:before, [data-whatintent="mouse"] .gui-button-small:hover:before, [data-whatintent="mouse"] .gui-button-large:hover:before { right: -50%; } .link-btn i { display: inline-block; position: relative; top: -1px; margin-right: 4px; font-size: 13px; line-height: 8px; } .link-btn i { -webkit-transform-origin: 0 center; transform-origin: 0 center; } .link-btn i[class*="arrow"] { top: -3px; font-size: 8px; } link-btn i[class*="arrow"][class*="right"] { margin-left: 4px; margin-right: 0; } [data-whatintent="mouse"] .link-btn a:hover i[class*="arrow"] { -webkit-transform: scale(1.5); transform: scale(1.5); } .link-btn a.a { color: #000; } .link-btn a.a:after { border-width: 2px; border-color: #000; background: none; } .link-btn a.a:before { background: #000; } [data-whatintent="mouse"] .link-btn a.a:hover, [data-whatintent="mouse"] #root #nav .link-btn a.a:hover { color: #fff; } .link-btn a.b { } .link-btn a.b:after { border-color: #53B7E8; background: #53B7E8; } .link-btn.wide { display: block; } .link-btn.wide a { width: 100%; } .link-more a, a.link-more { display: inline-block; position: relative; z-index: 2; margin-right: 0; text-decoration: none; } .link-more a:after, a.link-more:after { content: "\e92b"; display: inline-block; position: relative; top: -2px; width: auto; margin-left: 7px; font-family: i; font-weight: 400; font-size: 5px; line-height: 1px; } .link-more a.btn, a.link-more.btn { margin-right: 48px; padding: 0 20px; } .link-more a.btn:before, a.link-more.btn:before { top: -10px; bottom: -13px; border-radius: 4px; background: #F82790; } .link-more.a a:after, a.a.link-more:after, .link-more a.a:after { top: -3px; } .link-more.a a:after, a.a.link-more:after, .link-more a.a:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } * + p.link-more { margin-top: -22px; } .link-more { margin-right: -38px; } .link-more a { margin-right: 38px; } p.link-more { margin-top: 12px; } .link-score { color: #A2A0A0; } .link-score a { display: block; position: relative; padding-right: 35px; color: #000; font-size: 20px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 0.874509804; text-transform: uppercase; text-decoration: none; } .link-score a:before { content: "\e970"; left: auto; right: 0; width: auto; color: #000; font-size: 8px; } .list-comments + .link-score { margin-top: -62px; padding-right: 29px; } .list-comments.a + .link-score { margin-left: 80px; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } .lt-ie9 img, .gui-table img { max-width: none !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } .h100 { height: 100%; } .w100 { width: 100%; } figure { position: relative; margin: 41px 0 44px; color: #727272; } figcaption { display: block; margin: 12px 0 0; } figcaption.label { overflow: hidden; position: absolute; right: 0; top: 0; z-index: 5; margin: 0; padding: 5px 23px 5px 36px; color: #fff; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 0.874509804; text-transform: uppercase; } figure.video { position: relative; max-width: 100%; color: #fff; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 0.874509804; text-transform: uppercase; } figure.video:before { z-index: 5; background: #171717; opacity: .3; } figure.video a { color: #fff; text-decoration: none; } figure.video a:before { z-index: 9; } figure.video a:after { content: "\e94e"; z-index: 6; margin-top: -20px; font-size: 38px; line-height: 40px; } figure.video i { display: block; position: absolute; left: 28px; bottom: 24px; z-index: 6; font-size: 30px; line-height: 30px; } figure.video i.icon-youtube:before { content: "\e97d"; } figure.video figcaption { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 6; margin: 0; /*padding: 5px 23px 5px 36px;*/ font-size: 22px; font-weight: bold; padding: 12px 20px 12px 45px; } figure.video figcaption:before, figcaption.label:before, .list-share a:after, .list-collection figcaption:before, .list-results figcaption:before, .list-catalog .label:before, .list-product span.label:before { background: #ACC4E5; } figure.video figcaption:before, figcaption.label:before, .list-share a:after, .list-collection figcaption:before, .list-results figcaption:before, .list-catalog .label:before, .list-product span.label:before { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: skewX(40deg); transform: skewX(40deg); } figure.video figcaption.a:before, .list-blog figcaption.a:before, .heading-featured figure.a:before, .heading-shape.a figure:before, figcaption.label.a:before, .list-share a.a:after, .list-collection figcaption.a:before, .list-results figcaption.a:before, .list-catalog .label.a:before, .list-product span.label.a:before { background: #090909; } figure.video figcaption.b:before, .list-blog figcaption.b:before, .heading-featured figure.b:before, .heading-shape.b figure:before, figcaption.label.b:before, .list-share a.b:after, .list-collection figcaption.b:before, .list-results figcaption.b:before, .list-catalog .label.b:before, .list-product span.label.b:before { background: #afb760; } figure.video figcaption.c:before, .list-blog figcaption.c:before, .heading-featured figure.c:before, .heading-shape.c figure:before, figcaption.label.c:before, .list-share a.c:after, .list-collection figcaption.c:before, .list-results figcaption.c:before, .list-catalog .label.c:before, .list-product span.label.c:before { background: url(pattern-a.png); } figure.video figcaption.d:before, .list-blog figcaption.d:before, .heading-featured figure.d:before, .heading-shape.d figure:before, figcaption.label.d:before, .list-share a.d:after, .list-collection figcaption.d:before, .list-results figcaption.d:before, .list-catalog .label.d:before, .list-product span.label.d:before { background: #ACC4E5; } figure.video figcaption.e:before, .list-blog figcaption.e:before, .heading-featured figure.e:before, .heading-shape.e figure:before, figcaption.label.e:before, .list-share a.e:after, .list-collection figcaption.e:before, .list-results figcaption.e:before, .list-catalog .label.e:before, .list-product span.label.e:before { background: #f9d056; } /*! Tables --------- */ table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; } th, td { padding: 18px 12px; border: 1px solid #E1E1E1; font-weight: 300; font-size: 16px; line-height: 1.375; text-align: left; } th { border-width: 0; font-weight: 700; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 20px; line-height: 0.874509804; text-transform: uppercase; } th:first-child { padding-left: 0; } .table-a, .product-page table { max-width: 584px; margin-top: 47px; } .table-a th, .table-a td, .product-page th, .product-page td { text-align: center; } .table-a tr > *:first-child, .product-page tr > *:first-child { text-align: left; } .table-a tr > th:first-child, .product-page tr > th:first-child { color: #000; } .table-a td, .product-page td { font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 700; } .table-a td span, .product-page td span { display: block; font-weight: 300; } .table-summary { } .table-summary th, .table-summary td { padding: 16px 25px; border-width: 0; border-color: #ededed; border-bottom-width: 1px; font-size: 18px; line-height: 1.11875; text-align: center; text-transform: uppercase; } .table-summary th { padding-top: 20px; padding-bottom: 20px; border-top-width: 1px; background: #F8F8F8; font-weight: 400; font-size: 20px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; } .table-summary th:first-child, .table-summary td:first-child, .table-summary td.img:first-child + td { text-align: left; } .table-summary td { } .table-summary td.img { width: 95px; } .table-summary tr > *:last-child { padding-right: 32px; text-align: right; } .table-summary td span.mobile-only { display: block; } .table-summary .strong { display: block; margin: 0 0 -2px; font-size: 1.1111111111em; font-weight: 400; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; } h1 + .table-summary, h2 + .table-summary, h3 + .table-summary, h4 + .table-summary, h5 + .table-summary, h6 + .table-summary, h1 + .module-gui, h2 + .module-gui, h3 + .module-gui, h4 + .module-gui, h5 + .module-gui, h6 + .module-gui { margin-top: -5px; } /*! Lists --------- */ ul, ol, dd, blockquote { padding-left: 40px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } .list-blog { list-style: none; margin: 58px 0 34px -30px; padding: 0; } .list-blog li { position: relative; z-index: 2; width: 33.333333333%; margin: 0 0 30px; padding: 0 37px 6px; border-left: 30px solid rgba(0,0,0,0); } .list-blog li:before { z-index: -1; background: #fff; } .list-blog figure { position: relative; margin: 0 -37px 32px; color: #fff; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 0.874509804; text-align: center; text-transform: uppercase; } .list-blog figcaption { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 2; min-width: 105px; margin: 0; padding: 6px 18px 6px 34px; } .list-blog figcaption:before { background: #53B7E8; } .list-blog figcaption:before { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: skewX(40deg); transform: skewX(40deg); } .list-blog figure a { display: block; color: #fff; text-decoration: none; } .list-blog header { margin-bottom: 25px; } .list-blog h1, .list-blog h2, .list-blog h3, .list-blog h4, .list-blog h5, .list-blog h6 { max-width: 320px; margin: 0 0 11px; font-size: 34px; font-weight: bold; } .list-blog h1 a:before, .list-blog h2 a:before, .list-blog h3 a:before, .list-blog h4 a:before, .list-blog h5 a:before, .list-blog h6 a:before { z-index: 5; } .list-blog header p { margin: 0 0 11px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.11875; text-transform: uppercase; } .list-blog header p a, .list-blog header p span { position: relative; top: -1px; z-index: 9; color: #000; font-size: 0.7777777778em; text-decoration: none; } .list-blog header p a i, .list-blog header p span i { display: inline-block; position: relative; top: 3px; margin: 0 5px 0 16px; font-size: 15px; line-height: 1px; } .list-blog.col { display: block; margin-bottom: 9px; } .list-blog.col li { width: auto; margin: 0 0 9px; padding: 0; } .list-blog.col h1, .list-blog.col h2, .list-blog.col h3, .list-blog.col h4, .list-blog.col h5, .list-blog.col h6 { max-width: 210px; margin-right: 0; font-size: 26px; } .list-blog.cols { display: block; margin-top: 52px; padding-left: 951px; } .list-blog.cols li { float: right; width: auto; margin: 0 0 9px; padding: 0; } .list-blog.cols li:first-child { float: left; width: 951px; margin-left: -951px; } .list-blog.cols li:first-child p, .list-blog.cols header p, .list-blog.col header p { display: block; } .list-blog.cols li:first-child header { margin-bottom: 14px; } .list-blog.cols li:first-child p { margin-bottom: 18px; } .list-blog.cols li:first-child figure { margin-bottom: 28px; } .list-blog.cols figure, .list-blog.col figure { margin: 0 0 16px; } .list-blog.cols h1, .list-blog.cols h2, .list-blog.cols h3, .list-blog.cols h4, .list-blog.cols h5, .list-blog.cols h6 { margin-right: 0; } .list-catalog { list-style: none; margin: 36px 0 30px -32px; padding: 0; border: 0 solid #e1e1e1; color: #fff; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 0.874509804; text-align: center; text-transform: uppercase; } .list-catalog li { position: relative; float: left; width: 33.333333333%; margin: 0 0 37px; border-left: 32px solid rgba(0,0,0,0); font-size: 60px; } .list-catalog li:before { z-index: 3; background: rgba(0,0,0,.4); } .list-catalog a { display: block; overflow: hidden; color: #fff; text-decoration: none; } .list-catalog a:before { z-index: 9; } [data-whatintent="mouse"] .list-catalog a:hover img, [data-whatintent="mouse"] .list-collection li:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } .list-catalog .label { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 6; min-width: 144px; margin: 0; padding: 5px 10px 5px 30px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 0.874509804; text-transform: uppercase; text-align: center; } .list-catalog div { position: absolute; left: 0; right: 0; top: 50%; z-index: 6; padding: 0 30px; } .list-catalog h1, .list-catalog h2, .list-catalog h3, .list-catalog h4, .list-catalog h5, .list-catalog h6 { margin: 0; font-size: 1em; font-weight: bold; } .list-catalog p { margin: 8px 0 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; font-size: .5em; } .list-catalog .link-btn { margin-top: 40px; font-size: 20px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 400; } .list-catalog .link-btn a { color: #fff; } .list-catalog .link-btn a:before { z-index: -1; background: #fff; } .list-catalog .link-btn a:after { border: 2px solid #fff; background: none; } [data-whatintent="mouse"] .list-catalog .link-btn a:hover { color: #000; } .list-catalog + * { border: 0 solid #e1e1e1; } .list-catalog.a { text-align: left; } .list-catalog.a li { width: 50%; } .list-catalog.a div { padding-left: 50px; } .list-gallery { list-style: none; padding: 0; border: 0 solid #e1e1e1; color: #fff; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; text-align: center; width:auto !important; max-width:unset !important; margin-left: -40px; } .list-gallery li { position: relative; float: left; width: 50%; font-size: 60px; margin-bottom:40px; border-left: 40px solid rgba(0,0,0,0); } .list-gallery li:before { z-index: 3; background: rgba(0,0,0,.4);} @media screen and (max-width: 1000px){ .list-gallery li { width: 47.5%; border-left: none;} .list-gallery li div h3 { font-size: .6em;} .list-gallery li:before { z-index: 3; background: none;} h4.aboutUs{ margin-bottom: 28px;} } @media screen and (max-width: 500px){ .list-gallery li { width: 100%; border-left: none;} .list-gallery li div h3 { font-size: .5em; } } .list-gallery a { display: block; overflow: hidden; color: #fff; text-decoration: none; } .list-gallery a:before { z-index: 9; } [data-whatintent="mouse"] .list-gallery a:hover img, [data-whatintent="mouse"] .list-collection li:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } .list-gallery div { position: absolute; left: 0; right: 0; top: 50%; z-index: 6; padding: 0 30px; } @media screen and (max-width: 1000px){ .list-gallery div {position: unset; color: #000; transform: none; padding: 15px 0 0;} .list-gallery div p {display: block;} } .list-gallery h1, .list-gallery h2, .list-gallery h3, .list-gallery h4, .list-gallery h5, .list-gallery h6 { margin: 0; font-size: 1em; font-weight: bold; } .list-gallery p { margin: 8px 0 0; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 16px; max-width:100% !important; display:none; } .list-gallery .link-btn a:before { z-index: -1; background: #fff; } .list-gallery .link-btn a:after { border: 2px solid #fff; background: none; } [data-whatintent="mouse"] .list-gallery .link-btn a:hover { color: #000; } [data-whatintent="mouse"] .list-gallery li:hover p { display:block; } .list-gallery + * { border: 0 solid #e1e1e1; } .list-gallery.a { text-align: left; } .list-gallery.a li { width: 50%; } .list-gallery.a div { padding-left: 50px; } .list-checks { list-style: none; padding: 0 0 0 28px; } .list-checks li { position: relative; margin-bottom: 10px; } .list-checks li:before, .list-checks li:after { left: -28px; top: 5px; width: auto; margin: 0; font-size: 16px; line-height: 16px; } .list-checks li:before { content: "\e967"; } .list-checks.service a { color:#000; text-decoration:none; } .list-checks.service a:hover { text-decoration:underline; } .list-checks.service .tip a.show { color:#d9d9d9; } .list-checks li:after { content: "\e968"; color: #53B7E8; } .list-collection { position: relative; z-index: 4; list-style: none; margin: 0 0 0 -62px; padding: 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 18px; line-height: 1; text-transform: uppercase; } .list-collection:after { content: ""; display: block; position: absolute; left: 10px; top: 0; bottom: 0; z-index: 8; width: 30px; background: #fff; } .list-collection li { position: relative; z-index: 3; float: left; width: 20%; margin: 0 0 44px; padding: 15px 0 22px; border-left: 62px solid rgba(0,0,0,0); } .list-collection li:before { content: ""; display: block; position: absolute; left: -32px; top: 0; bottom: 0; z-index: -5; width: 2px; border: 0 solid #ccc; border-left-width: 2px; } .list-collection li:after { visibility: hidden; left: -44px; right: -44px; bottom: -55px; box-shadow: 0 2px 3px rgba(0,0,0,.11); background: #fff; opacity: 0; } [data-whatintent="mouse"] .list-collection li:hover, [data-whatintent="mouse"] .list-collection .owl-item:hover { z-index: 9; } .list-collection figure { position: relative; z-index: 1; height: 237px; margin: 0 0 15px; color: #fff; font-size: 20px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 0.874509804; text-transform: uppercase; text-align: center; } .list-collection figcaption { display: block; overflow: hidden; position: absolute; right: -20px; top: -15px; z-index: 9; min-width: 80px; margin: 0; padding: 5.5px 23px 5.5px 32px; } .list-collection a.clone { z-index: 8; } .list-collection figure a { display: block; } [data-whatintent="mouse"] .list-collection li:hover figcaption, [data-whatintent="mouse"] .list-collection li:hover ul.label { right: -29px; } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { position: relative; z-index: 2; margin: 0 0 3px; font-size: 26px; font-weight: bold; } #root .list-collection h1 a, #root .list-collection h2 a, #root .list-collection h3 a, #root .list-collection h4 a, #root .list-collection h5 a, #root .list-collection h6 a { color: #000; } .list-collection h1 a:before, .list-collection h2 a:before, .list-collection h3 a:before, .list-collection h4 a:before, .list-collection h5 a:before, .list-collection h6 a:before { z-index: 5; } .list-collection p { position: relative; z-index: 2; margin: 0; font-size: 18px; } .list-collection .price { margin: 18px 0 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 26px; line-height: 0.874509804; text-transform: uppercase; font-weight: 700; } .list-collection .price span { display: inline-block; position: relative; margin: 0 2px 0 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 0.7692307692em; } .list-collection .price span:before, .list-results .price span:before, .popup-a.product .price span:not(.new-price):before, .module-product .price span:before { content: ""; display: block; position: absolute; left: -3px; right: -3px; top: 50%; height: 1.2px; background: #000; } .list-collection .price span:before, .list-results .price span:before, .popup-a.product .price span:not(.new-price):before, .module-product .price span:before { -webkit-transform: rotate(19.13deg); transform: rotate(19.13deg); } .list-collection .rating-a { position: relative; margin: 14px 0 0; font-size: 14px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1; text-transform: none; } .list-collection .rating-a .label { visibility: hidden; position: absolute; left: 100px; top: 0; line-height: 17px; text-indent: 0; opacity: 0; } .list-collection .rating-a .label { -webkit-transform: translateX(-9px); transform: translateX(-9px); } .list-collection ul { list-style: none; margin: 0; padding: 0; } .list-collection ul li { float: none; width: auto; margin: 0; padding: 0; border-left-width: 0; } #root .list-collection ul li { width: auto; } .list-collection ul.label, .list-results ul.label { visibility: hidden; position: absolute; right: -20px; top: 52px; z-index: 2; opacity: 0; } #root .list-collection ul.label li, .list-results ul.label li, .list-results ul.label li { width: 50px; height: 50px; margin: 0 0 7px; border-radius: 50px; border: 2px solid #000; background: #fff; color: #000; font-size: 20px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: .874509804; text-align: center; text-transform: uppercase; } .list-collection ul.label li span, .list-results ul.label li span, .list-results ul.label span { display: block; color: #A2A0A0; font-weight: 400; font-size: 0.6em; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; text-transform: none; } .list-collection ul.cta { /*visibility: hidden;*/ position: absolute; /*right: -27px; bottom: -39px;*/ right: -27px; bottom: -20px; z-index: 9; color: #000; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: .874509804; text-transform: uppercase; /*opacity: 0;*/ } .list-collection ul.cta { -webkit-transform: translateY(-9px); transform: translateY(-9px); } .list-collection ul.cta li { padding: 0 0 0 17px; font-size: 20px; } .list-collection ul.cta li a { display: block; position: relative; color: #000; text-decoration: none; } .list-collection ul.cta li.btn a { width: 49px; height: 49px; text-indent: -3000em; text-align: left; text-decoration: none; } .list-collection ul.cta li.btn a:before, .list-collection ul.cta li.btn a:after { top: 0; margin: 0; font-size: 49px; line-height: 49px; } .list-collection ul.cta li.btn a:before { content: "\e96b"; } .list-collection ul.cta li.btn a:after { content: "\e96c"; color: #53B7E8; } .list-collection ul.cta li.btn.a a { overflow: hidden; width: auto; min-width: 132px; padding: 0 25px; color: #fff; line-height: 49px; text-indent: 0; text-align: center; } .list-collection ul.cta li.btn.a a:before { margin: 0; } .list-collection ul.cta li.btn.a a:after { margin: 0; } [data-whatintent="mouse"] .list-collection ul.cta li.btn a:hover:before { content: ""; } [data-whatintent="mouse"] .list-collection ul.cta li.btn a:hover:after { content: "\e96a"; } .list-collection .usp-wrapper { width: 100%; padding: 0; } #root .list-collection .usp-wrapper { width: 100%; } .list-collection .list-usp { margin-left: -68px; padding: 12px 0 10px; border: 0 solid #e4e4e4; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.85714; text-transform: none; } .list-collection .list-usp li { margin: 0 0 4px; border-left-width: 68px; font-size: 13px; } .list-collection .list-usp:before { left: 68px; right: 0; } .list-collection .list-usp.is-slider { margin-left: 0; } .list-collection .list-usp.is-slider li { border-left-width: 0; } .list-collection li.link { padding: 0 12px 0 0; font-size: 26px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: .874509804; text-transform: uppercase; } .list-collection li.link a { display: block; color: #000; text-decoration: none; } .list-collection li.link a:before { z-index: 9; } .list-collection li.link a:after { content: "\e970"; display: block; margin: 26px 0 0; font-size: 8px; font-weight: 400; font-family: i; line-height: 8px; } .list-collection li.link span { display: block; margin: 5px 0 0; font-size: 0.6923076923em; font-weight: 300; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; } .form-sort + .list-collection:before { content: ""; display: block; position: absolute; left: 62px; top: -36px; right: 0; height: 1px; background: #e1e1e1; } .list-collection + .form-sort { z-index: 3; } #root .heading-a + .list-collection { margin-top: 50px; } .list-collection.a { } .list-collection.a li { padding-bottom: 0; } .list-collection.a li:after { bottom: -30px; } .list-collection.a .price { margin-top: 41px; } .list-collection.a ul.cta { bottom: -15px; } .list-collection.b { } .list-collection.b li:after { bottom: -15px; } .list-collection.b ul.cta { visibility: visible; right: -13px; bottom: 0; opacity: 1; } [data-whatintent="mouse"] .list-collection.b li:hover ul.cta { right: -27px; } [class*="cols"] .list-collection { } [class*="cols"] .list-collection li { width: 25%; } .list-collection.is-slider { display: block; margin: -7px 0 -26px; } .list-collection.is-slider .item { position: relative; z-index: 3; padding: 7px 0 60px; } .list-collection.is-slider .item > li { float: none; width: auto; margin: 0; border-left-width: 0; } .list-collection .owl-carousel .owl-stage-outer { margin-right: -30px; padding: 0 30px 0 0; } .list-collection .owl-nav button { margin-top: -48px; } .list-comments { overflow-y: auto; overflow-x: hidden; list-style: none; max-height: 220px; margin: -22px 0 82px; padding: 0; border: 0 solid #fff; } .list-comments li { position: relative; margin: 0 0 28px; padding: 29px 0 0 370px; border-top: 1px solid #e1e1e1; } .list-comments li:first-child { border-top-width: 0; } .list-comments figure { position: absolute; left: 0; top: 29px; width: 56px; height: 56px; margin: -4px 0 0; border-radius: 56px; background: #dcdcdc; color: #fff; font-size: 24px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 56px; text-align: center; text-transform: uppercase; } .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6 { display: block; overflow: hidden; position: absolute; left: 88px; top: 29px; width: 250px; margin: 0 0 18px; color: #000; font-weight: 700; font-size: 14px; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.8571428571; text-overflow: ellipsis; text-transform: none; white-space: nowrap; } .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; color: #A2A0A0; font-weight: 400; } .list-comments p { margin: 0; } .list-comments .link-more { display: inline-block; } .list-comments.a { } .list-comments.a li { margin-left: 80px; margin-bottom: 23px; padding-left: 0; } .list-comments.a figure { left: -80px; margin-top: -2px; } .list-comments.a h1, .list-comments.a h2, .list-comments.a h3, .list-comments.a h4, .list-comments.a h5, .list-comments.a h6 { position: relative; left: 0; top: 0; width: auto; margin: 0 0 5px; font-weight: 400; text-align: right; } .list-comments.a h1 > span, .list-comments.a h2 > span, .list-comments.a h3 > span, .list-comments.a h4 > span, .list-comments.a h5 > span, .list-comments.a h6 > span { display: inline; } .list-comments.a h1 .rating-a, .list-comments.a h2 .rating-a, .list-comments.a h3 .rating-a, .list-comments.a h4 .rating-a, .list-comments.a h5 .rating-a, .list-comments.a h6 .rating-a { display: block; position: absolute; left: 0; top: 0; width: 100px; } .list-comments.a .rating-a { height: auto; } .list-comments.a .rating-a span { display: block; } .list-comments.a .rating-a .label { display: block; position: absolute; left: 102px; top: 0; text-align: left; text-indent: 0; } .list-comments.a .rating-a .rating { position: absolute; left: 0; top: 3px; width: 100px; } .list-contact { list-style: none; margin-top: -6px; padding: 0; } .list-contact li { position: relative; margin: 0 0 26px; padding: 6px 0 0 78px; } .list-contact i { display: block; position: absolute; left: 0; top: 0; width: 48px; height: 48px; border-radius: 48px; background: #000; color: #fff; font-size: 19px; line-height: 48px; text-align: center; text-decoration: none; } .list-contact li > span:first-child, .list-contact i + span { display: block; margin: 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 1.4285714286em; line-height: 0.874509804; text-transform: uppercase; } #root .list-contact li > span:first-child a, #root .list-contact i + span a { color: #000; text-decoration: none; } .list-filter { /*overflow-y: auto; overflow-x: hidden;*/ list-style: none; /*max-height: 267px;*/ margin-top: -9px; padding: 9px 0 0; } .list-filter li { position: relative; margin: 0; padding: 0 0 19px; font-size: 14px; } .list-filter li:last-child { padding-bottom: 0; } .list-filter li.sub { } .list-filter li.sub > a { padding-left: 32px; } .list-filter li.sub > a:before { content: "\e90a"; top: 6px; width: auto; margin: 0; font-size: 12px; line-height: 12px; } .list-filter li.sub.toggle > a:before { content: "\e914"; } .list-filter li.sub ul a { padding-left: 52px; } .list-filter li.sub ul ul a { padding-left: 72px; } .list-filter label, .list-filter a { display: block; position: relative; margin: 0; padding: 0 60px 0 0; color: #000; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: 400; line-height: 1.4; text-transform: none; text-align: left; text-decoration: none; cursor: pointer; } .list-filter a { font-size: 1.1428571429em; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; } #root .list-filter a.toggle { overflow: hidden; position: absolute; left: 0; top: -3px; z-index: 9; width: 32px; height: 32px; padding: 0; text-indent: -3000em; text-align: left; } .list-filter label { padding-left: 37px; } .list-filter label input, .list-filter .input { display: block; position: absolute; left: 0; top: 0; font-size: 17px; } .list-filter .input { width: 17px; height: 17px; border-radius: 2px; border: 1px solid #e4e4e4; color: #fff; cursor: pointer; } .list-filter .input:before { content: "\e930"; font-size: 8px; } .list-filter input:checked ~ .input { border-color: #53b7e8; background: #53b7e8; } .list-filter label > span, .list-filter a > span { display: block; position: absolute; right: 0; top: 0; width: 50px; color: #727272; font-weight: 400; } #root .list-filter .rating-a { display: inline-block; position: relative; width: 97px; height: 7px; margin-left: -7px; } .list-filter .rating-a .rating { display: block; position: absolute; left: 0; right: 0; top: -7px; } .list-filter::-webkit-scrollbar { width: 6px; } .list-filter::-webkit-scrollbar-track { border-radius: 3px; border-left-width: 0; } .list-filter::-webkit-scrollbar-thumb { border-radius: 3px; border-left-width: 0; } .list-filter ul { display: none; list-style: none; margin: 0; padding: 19px 0 0; } .list-filter ul li { font-size: 1em; } .list-filter li.toggle > ul { display: block; } .list-filter.a { max-height: none; } .list-lang { list-style: none; margin: 38px 0 41px; padding: 0; color: #000; font-weight: 400; line-height: 1.2; text-align: center; } .list-lang li { position: relative; width: 154px; padding-top: 85px; font-size: 14px; } .list-lang li:before { content: ""; display: block; position: absolute; left: 50%; top: 0; width: 67px; height: 67px; margin: 0 0 0 -33.5px; border-radius: 50%; } .list-lang a, .list-lang label { display: block; position: static; margin: 0; padding: 0; font-size: 1em; font-weight: 400; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.2; text-transform: none; text-decoration: none; cursor: pointer; } .list-lang a:before, .list-lang label:before { z-index: 9; } .list-lang + form { } .list-lang + form label, .list-lang + p label { margin: 0 0 18px; font-size: 26px; } .list-lang + form p, .list-lang + p { width: 100%; max-width: 265px; margin-bottom: 34px; } .list-product { position: relative; list-style: none; margin: 0 0 56px; padding: 0; color: #fff; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 0.874509804; text-transform: uppercase; } .list-product li { font-size: 20px; } .list-product li a { display: block; } .list-product span.label { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 6; margin: 0; padding: 5px 18px 5px 33px; text-align: center; } .list-product span.label:before { bottom: -1px; } .list-product ul.label { position: absolute; right: 0; top: 0; list-style: none; padding: 0; } .list-product ul.label li { position: relative; margin: 0 0 20px; } .list-product ul.label i { display: block; position: relative; color: #000; font-size: 50px; line-height: 50px; } .list-product ul.label i:after { z-index: 2; color: #53b7e8; text-indent: 0; } .list-product ul.label i.icon-circle-kg:before { content: "\e997"; } .list-product ul.label i.icon-circle-kg:after { content: "\e994"; } .list-product ul.label i.icon-circle-during:before { content: "\e98b"; } .list-product ul.label i.icon-circle-during:after { content: "\e98c"; } .list-product ul.label i.icon-circle-timer:before { content: "\e98e"; } .list-product ul.label i.icon-circle-timer:after { content: "\e987"; } .list-product ul.label i.icon-circle-weightloss:before { content: "\e990"; } .list-product ul.label i.icon-circle-weightloss:after { content: "\e991"; } .list-product ul.label i.icon-circle-gains:before { content: "\e98f"; } .list-product ul.label i.icon-circle-gains:after { content: "\e993"; } .list-product ul.label i.icon-circle-before-after:before { content: "\e989"; } .list-product ul.label i.icon-circle-before-after:after { content: "\e98a"; } .list-product ul.label .tip { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; margin: 0; } .list-product ul.label .tip .show, .list-product ul.label .tip .popup { top: 0; bottom: 0; width: auto; height: auto; } .list-product ul.label .tip .tip-text { left: auto; right: 50%; bottom: 50%; } .list-product ul.label .tip .tip-text:before, .list-product ul.label .tip .tip-text:after { left: auto; right: -4px; } .list-product ul.label .tip .tip-text:before { content: "\e983"; } .list-product ul.label .tip .tip-text:after { content: "\e985"; } .list-product span.label + ul.label { top: 60px; } .list-product .owl-dots { position: absolute; left: 0; right: 0; bottom: 21px; z-index: 9; } .list-product .owl-nav button { width: 52px; height: 52px; margin-top: -26px; } .list-results { position: relative; z-index: 5; list-style: none; padding: 15px 0 0; border-top: 1px solid #e1e1e1; } .list-results li { position: relative; z-index: 1; min-height: 270px; margin: 0 0 15px; padding: 0 0 17px 320px; border-bottom: 1px solid #e1e1e1; } .list-results figure { position: absolute; left: 0; top: 21px; bottom: 28px; width: 300px; height: 230px; margin: 0; padding-right: 13px; border: 0 dotted #ccc; border-right-width: 2px; color: #fff; font-size: 20px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 0.874509804; text-transform: uppercase; } .list-results figcaption { display: block; overflow: hidden; position: absolute; right: 20px; top: 0; z-index: 6; margin: 0; padding: 5px 23px 5px 36px; } .list-results h1, .list-results h2, .list-results h3, .list-results h4, .list-results h5, .list-results h6 { margin: 0 0 13px; font-size: 26px; } .list-results h1 span, .list-results h2 span, .list-results h3 span, .list-results h4 span, .list-results h5 span, .list-results h6 span { display: block; margin: 5px 0 0; font-size: 0.6923076923em; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; } .list-results li > header { float: left; width: 310px; padding: 32px 0 0; } .list-results li > footer { position: relative; z-index: 1; float: right; width: 438px; padding: 20px 21px 10px; box-shadow: 0 2px 3px rgba(0,0,0,.11); border-radius: 3px; background: #F8F8F8; } .list-results p { margin-bottom: 16px; } .list-results footer p { margin-bottom: 20px; } .list-results ul { } .list-results ul li { display: block; min-height: 0; padding: 0; border-width: 0; } .list-results .rating-a { } .list-results .price { margin-top: -3px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 36px; line-height: 0.874509804; text-transform: uppercase; font-weight: 700; } .list-results .price span { display: inline-block; position: relative; font-size: 0.5555555556em; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; } .list-results .price span.small { display: block; padding: 8px 0 0; font-size: 14px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; text-transform: none; } .list-results ul.label { position: absolute; left: 228px; top: 21px; bottom: 31px; z-index: 9; list-style: none; max-height: 230px; margin: 0; padding: 0; } .list-results .list-usp { max-width: 240px; margin-bottom: 20px; } .list-results form { clear: both; width: calc(100% + 11px); margin-left: -11px; } .list-results form p { clear: none; float: left; width: 43.22916667%; margin-bottom: 11px; border-left: 11px solid rgba(0,0,0,0); } .list-results form p:first-child { width: 56.7708333333%; } .list-results form p:last-child { float: none; clear: both; width: 100%; } .list-results input, .list-results select, .list-results .semantic-select .input, .list-lang + form p select, .list-lang + p select, .list-lang + form p .semantic-select .input, .list-lang + p .semantic-select .input, .form-product input, .form-product select, .form-product .semantic-select .input { background-color: #fdfdfd; color: #000; font-size: 16px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; } .list-results select, .list-lang + form p select, .list-lang + p select, .form-product select { height: 54px; padding-top: 15px; padding-bottom: 15px; padding-left: 19px; background: none; } .list-results .select:after, .list-lang + form p .select:after, .list-lang + p .select:after, .form-product .select:after { background: #fdfdfd; } .list-results .semantic-select .input, .list-lang + form p .semantic-select .input, .list-lang + p .semantic-select .input, .form-product .semantic-select .input { height: 54px; line-height: 52px; } .list-results .semantic-select ul, .list-lang + form p .semantic-select ul, .list-lang + p .semantic-select ul, .form-product .semantic-select ul { background: #fdfdfd; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; } .list-results .semantic-select ul li, .list-lang + form p .semantic-select ul li, .list-lang + p .semantic-select ul li, .form-product .semantic-select ul li { margin: 0; font-size: 16px; } .list-results .semantic-select ul li a, .list-lang + form p .semantic-select ul li a, .list-lang + p .semantic-select ul li a, .form-product .semantic-select ul li a { padding-top: 6px; padding-bottom: 6px; } .list-results p + p .semantic-select ul { max-height: 110px; } .list-results input, .form-product input { display: block; float: left; width: 84px; height: 54px; margin: 0 11px 0 0; padding: 0 16px; text-align: center; } .list-results button { height: 54px; padding-top: 0; padding-bottom: 0; } .list-results button:after { background: #94c11f; } .form-sort + .list-results { margin-top: -36px; } .list-results + .form-sort { z-index: 4; margin-top: -4px; } .no-results-block { padding: 30px 0; font-size:18px; } .no-results-block span { padding: 20px 0; display: block;} .no-results-block span i { color: #000; margin-right:10px; } .list-score { list-style: none; padding: 0; color: #A3A0A0; } .list-score li { position: relative; margin: 0 0 2px; padding: 0 0 0 228px; } .list-score li:before { content: "\e909"; left: 21px; width: auto; color: #dcdcdc; font-size: 15px; } .list-score span { display: block; position: absolute; left: 0; top: 0; } .list-score span.mobile-hide { display: inline; position: relative; } .list-score .progress { overflow: hidden; left: 54px; top: 50%; width: 164px; height: 10px; margin: -5px 0 0; background: #efefef; } .list-score .progress > * { display: block; position: absolute; left: 0; top: 0; bottom: 0; background: #fcd14b; } .list-share { list-style: none; margin: 0 -15px 17px 0; padding: 0; line-height: 1.1; text-align: center; } .list-share li { margin: 0 15px 10px 0; } .list-share a { display: block; overflow: hidden; position: relative; z-index: 2; padding: 6px 9px 6px 24px; color: #fff; text-decoration: none; } .list-share a:after { bottom: -1px; background: #53B7E8; } .list-share a:before { display: inline-block; position: relative; top: 0; width: auto; margin: 0 6px 0 0; line-height: 1px; } .list-share li.fb a:after { background: #365899; } .list-share li.tw a:after { background: #53b7e8; } .list-share li.fb a:before { content: "\e920"; font-size: 14px; } .list-share li.tw a:before { content: "\e904"; font-size: 12px; } .list-slider { position: relative; list-style: none; padding: 0; } .list-social, #footer .list-social { list-style: none; margin-right: -10px; padding: 0; } .list-social li, #root .list-social li { margin: 0 10px 0 0; font-size: 19px; } .list-social a { display: block; overflow: hidden; position: relative; width: 48px; height: 48px; border-radius: 48px; background: #000; color: #fff; text-decoration: none; } .list-social i.icon-envelope, .list-contact i.icon-envelope { font-size: 12px; } .list-social i.icon-logo, .list-contact i.icon-logo { overflow: visible; width: auto; height: auto; border-radius: 0; background: none; color: #000; font-size: 48px; } [data-whatintent="mouse"] #root .list-social a:hover { background: #53B7E8; color: #fff; } .list-summary { list-style: none; margin-top: 41px; padding: 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.11875; text-align: right; text-transform: uppercase; } .list-summary li { position: relative; float: right; clear: both; width: 100%; max-width: 680px; margin: 0 0 10px; padding: 0 32px 0 0; border: 0 solid #e8e8e8; font-size: 18px; } .list-summary li:first-child { margin-bottom: 32px; padding-bottom: 25px; border-bottom-width: 1px; } .list-summary li > span:first-child { display: block; position: absolute; left: 0; top: 4px; width: 250px; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.1428571429; text-transform: none; } .list-summary li.strong { margin-top: 16px; padding-top: 17px; border-top-width: 1px; font-size: 36px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 400; } .list-summary li.strong > span:first-child { top: 32px; font-size: 0.5555555556em; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 1; text-transform: uppercase; } .list-tags { list-style: none; margin: 0 -14px 20px 0; padding: 0; } .list-tags li { float: left; margin: 0 14px 10px 0; } .list-tags a { color: #000; text-decoration: none; } .list-tags span { color: #000; font-weight: 400; } [data-whatintent="mouse"] .list-tags a:hover, .list-tags li.active a { color: #53B7E8; } [data-whatintent="mouse"] .list-tags a:hover span, .list-tags li.active a span { color: #727272; } .list-usp { position: relative; z-index: 2; list-style: none; margin: 0 0 18px -68px; padding: 12px 0 10px; color: #727272; } .list-usp:before { box-shadow: 0 2px 4px rgba(0,0,0,.125); background: #f8f8f8; } .list-usp.no-bg:before { box-shadow: none; background: none; } .list-usp li { position: relative; margin: 0 0 4px; border-left: 68px solid rgba(0,0,0,0); font-size: 13px; } .list-usp i { display: inline-block; position: relative; top: 2px; margin: 0 5px 0 0; color: #000; font-size: 16px; line-height: 1px; } .list-usp i:before { position: relative; z-index: 1; } .list-usp i:after { top: 0; margin: 0; color: #58c0ea; line-height: 1px; text-align: left; } .list-usp i.icon-dumbbell:before { content: "\e95f"; } .list-usp i.icon-dumbbell:after { content: "\e960"; } .list-usp i.icon-award:before { content: "\e96d"; } .list-usp i.icon-award:after { content: "\e96e"; } .list-usp i.icon-time { top: 1px; font-size: 14px; } .list-usp i.icon-time:before { content: "\e958"; } .list-usp i.icon-time:after { content: "\e959"; } .list-usp i.icon-truck { top: 1px; font-size: 13px; } .list-usp i.icon-truck:before { content: "\e957"; } .list-usp i.icon-truck:after { content: "\e956"; } #content > .list-usp:first-child, #content > .list-usp:first-child + .list-usp { margin-top: -18px; } #root .list-usp.a { display: block; margin-left: 0; padding: 0; color: #000; } #root .list-usp.a li { margin: 0 0 1px; padding: 0 0 0 25px; border-left-width: 0; font-size: 14px; } #root .list-usp.a i { display: block; position: absolute; left: 0; top: 3px; line-height: 20px; } #root .list-usp.a i:after { line-height: 20px; } #root .list-usp.a i.icon-time { font-size: 14px; } .list-usp.is-slider { display: block; margin-left: 0; } .list-usp .item li { border-left-width: 0; } /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } 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; } input { } input[type="search"], input[type="number"], input[type="date"], input[type="time"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; outline-offset: -2px; } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } input[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; } 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; } ::-webkit-input-placeholder { opacity: 1; color: inherit; } :-ms-input-placeholder { opacity: 1; color: inherit; } ::-ms-input-placeholder { opacity: 1; color: inherit; } ::placeholder { opacity: 1; color: inherit; } :focus::-webkit-input-placeholder { opacity: 0; } :focus:-ms-input-placeholder { opacity: 0; } :focus::-ms-input-placeholder { opacity: 0; } :focus::placeholder { opacity: 0; } form { } label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 8px; color: #000; font-size: 20px; font-weight: 400; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 0.874509804; text-transform: uppercase; } label .overlay-d { position: relative; top: -.2em; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 0.8em; } form p { position: relative; clear: both; } input { height: 50px; padding: 0 19px; } input[type="date"] { line-height: 30px; } select { padding: 14px 50px 15px 19px; line-height: normal; } .gecko select { padding-left: 15px; } .select, .gui-select { display: block; position: relative; } textarea { height: 188px; min-height: 188px; padding: 15px 15px 15px 19px; } input, select, textarea, .semantic-select .input { display: block; width: 100%; border: 1px solid #E4E4E4; background: #fff; color: #727272; } select, #root .gui-select select, .semantic-select .input { display: block; position: relative; z-index: 3; width: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1Ij48cGF0aCBkPSJNMjkuNC40bC0uMy0uM2MtLjEtLjEtLjMtLjEtLjQtLjEtLjEgMC0uMiAwLS4zLjFMMjUgMy4zIDIxLjYuMWMtLjItLjEtLjUtLjEtLjcgMGwtLjMuM2MwIC4xLS4xLjItLjEuM3MuMS4zLjEuNGw0IDMuOGMuMS4xLjMuMS40LjFzLjMgMCAuMy0uMWw0LTMuOGMuMS0uMS4yLS4yLjItLjRzLS4xLS4yLS4xLS4zeiIvPjwvc3ZnPg==) 100% center no-repeat #fff; background-size: auto 5px; } select:focus, #root .gui-select select:focus, .semantic-select.focus .input, .semantic-select.active .input { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojNTNCN0U4O308L3N0eWxlPjxwYXRoIGQ9Ik0yOS41IDQuM2MwLS4yLS4xLS4zLS4yLS40bC00LTMuOGMwLS4xLS4yLS4xLS4zLS4xcy0uMyAwLS40LjFsLTQgMy44YzAgLjEtLjEuMy0uMS40IDAgLjEuMS4yLjEuM2wuMy4zYy4yLjEuNS4xLjcgMEwyNSAxLjdsMy40IDMuMmMuMS4xLjIuMS4zLjFzLjMgMCAuNC0uMWwuMy0uM2MwLS4xLjEtLjEuMS0uM3oiIGNsYXNzPSJzdDAiLz48L3N2Zz4=); } button, input[type="button"], input[type="reset"], input[type="submit"], #root .gui-button-small, #root .gui-button-large { display: block; overflow: hidden; position: relative; z-index: 5; float: right; padding: 21px 40px; border-radius: 0; border: 0; background: #53B7E8; color: #fff; font-size: 20px; font-weight: 400; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 0.874509804; text-transform: uppercase; text-decoration: none; } #root .gui-button-small, #root .gui-button-large { border-width: 0 !important; } button:after, .gui-button-small:after, .gui-button-large:after { background: #53B7E8; } button i, .gui-button-small i, .gui-button-large i { display: inline-block; position: relative; line-height: 1px; } button i[class*="arrow"], .gui-button-small i[class*="arrow"], .gui-button-large i[class*="arrow"] { top: -3px !important; font-size: 7px; } button i.icon-arrow-wide-right, .gui-button-small i.icon-arrow-wide-right, .gui-button-large i.icon-arrow-wide-right { margin-left: 9px; } button i.icon-arrow-wide-right, .gui-button-small i.icon-arrow-wide-right, .gui-button-large i.icon-arrow-wide-right { -webkit-transform-origin: 0 center; transform-origin: 0 center; } button i.icon-arrow-wide-left, .gui-button-small i.icon-arrow-wide-left, .gui-button-large i.icon-arrow-wide-left { margin-right: 9px; } button i.icon-arrow-wide-left, .gui-button-small i.icon-arrow-wide-left, .gui-button-large i.icon-arrow-wide-left { -webkit-transform-origin: 100% center; transform-origin: 100% center; } [data-whatintent="mouse"] button:hover i, [data-whatintent="mouse"] .gui-button-small:hover i, [data-whatintent="mouse"] .gui-button-large:hover i { -webkit-transform: scale(1.44); -ms-transform: scale(1.44); transform: scale(1.44); } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: #ccc; background: #ccc; cursor: default; } .gui-select + .gui-select, .gui-select + .gui-input, .gui-input + .gui-input, .gui-input + .gui-select { margin-top: 10px; } .semantic-select { display: block; position: relative; z-index: 2; text-align: left; } .semantic-select span { display: block; } .semantic-select .input { display: block; position: relative; z-index: 2; height: 50px; padding: 0 50px 0 19px; line-height: 48px; } .semantic-select .input .text, .semantic-select .input .text span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; } .semantic-select .ticker { position: absolute; right: 0; top: 0; width: 64px; height: 50px; cursor: pointer; } .semantic-select .wrapper { position: absolute; left: -3000em; top: 0; z-index: 1; padding: 50px 0 12px; box-shadow: 0 2px 4px rgba(0,0,0,.11); border: 1px solid #E4E4E4; background: #fff; font-family: Roboto, Arial, Helvetica, sans-serif; } .semantic-select ul { overflow-y: auto; overflow-x: hidden; list-style: none; width: 100%; max-height: 194px; margin: 0; padding: 0; background: #fff; } .semantic-select ul li { font-size: 14px; } .semantic-select ul li a { display: block; position: relative; padding: 8px 19px 8px 32px; color: #000; text-decoration: none; } [data-whatintent="mouse"] .semantic-select ul li a:hover { background: #F8F8F8; color: #53B7E8; font-weight: 700; } #root .semantic-select ul li.active a { background: none; color: #000; font-weight: 400; cursor: default; } .semantic-select ul li.active a:before { content: "\e969"; left: 18px; width: auto; font-size: 11px; } .semantic-select.active, .semantic-select.focus { z-index: 9; } .semantic-select.active .wrapper { left: 0; right: 0; } .semantic-select.active .input { border-bottom-width: 0; } .semantic-select ::-webkit-scrollbar { width: 29px; } .semantic-select ::-webkit-scrollbar-track { border-radius: 3px 24px 24px 0; border-left-width: 0; border-right: 23px solid rgba(0,0,0,0); } .semantic-select ::-webkit-scrollbar-thumb { border-radius: 3px 24px 24px 0; border-left-width: 0; border-right: 23px solid rgba(0,0,0,0); } .check-a { } .check-a label { padding: 0 0 0 20px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400;line-height: 1.6428571429; text-transform: none; } .check-a label input, .check-a .input, #root #nav .check-a label input { display: block; position: absolute; left: 0; top: 3px; width: auto; height: auto; line-height: 16px; } .check-a .input { width: 16px; height: 16px; border-radius: 2px; border: 1px solid #e4e4e4; color: #fff; cursor: pointer; } .check-a .input:before { content: "\e930"; font-size: 7px; } .check-a input:checked ~ .input { border-color: #53b7e8; background: #53b7e8; } .form-contact { margin-bottom: 29px; } .form-contact h1, .form-contact h2, .form-contact h3, .form-contact h4, .form-contact h5, .form-contact h6 { position: relative; margin-bottom: 57px; font-size: 34px; } .form-contact h1 span, .form-contact h2 span, .form-contact h3 span, .form-contact h4 span, .form-contact h5 span, .form-contact h6 span { display: block; padding: 2px 0 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-size: 0.7058823529em; font-weight: 300; } .form-contact p { margin-bottom: 32px; } .form-contact p .small { display: block; position: absolute; right: 0; top: 1px; float: right; color: #7D7D7D; font-size: 14px; font-weight: 400; font-family: Roboto, Arial, Helvetica, sans-serif; line-height: 1.2; text-transform: none; } .form-contact .submit { max-width: none; margin-top: -15px; } .form-contact button { min-width: 232px; margin-top: 19px; } .form-contact .submit span { display: block; width: 100%; text-align: right; } .form-contact.a { padding-right: 27px; padding-left: 34px; padding-bottom: 2px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI5LjIgMTE5OS4yIiB3aWR0aD0iMTAyOS4yIiBoZWlnaHQ9IjExOTkuMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAyOS4yIDExOTkuMiI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0Y3RjdGNzt9PC9zdHlsZT48cGF0aCBkPSJNMCAwYzYuMyA0LjcgNTM2LjIgNjI1LjUgMTAyOS4yIDExOTkuMlYwSDB6IiBjbGFzcz0ic3QwIi8+PC9zdmc+) 100% 68px no-repeat; background-size: calc(100% - 5px) auto; } .form-contact.a h1, .form-contact.a h2, .form-contact.a h3, .form-contact.a h4, .form-contact.a h5, .form-contact.a h6 { margin-left: -34px; } .js .form-contact.a p { max-width: 654px; } .js .form-contact.a p.submit, .js .form-contact.a p.textarea, .form-contact.a p.submit, .form-contact.a p.textarea { max-width: none; } .form-filter { } .form-filter header { position: relative; margin: 0 -17px; padding: 0 17px; } .form-filter header h1, .form-filter header h2, .form-filter header h3, .form-filter header h4, .form-filter header h5, .form-filter header h6 { position: relative; z-index: 1; height: 42px; margin: 0 -17px 16px; padding: 0 17px; background: #53B7E8; color: #fff; font-size: 20px; line-height: 42px; text-align: center; } .form-filter header p { display: block; position: absolute; right: 17px; top: 0; z-index: 2; font-size: 13px; } .form-filter header p a { display: block; color: #fff; line-height: 42px; } .form-filter .close { display: block; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; width: 42px; height: 42px; color: #fff; font-size: 22px; text-decoration: none; text-indent: -300em; text-align: left; } .form-filter .close:before { content: "\e966"; z-index: 1; color: #3d83a6; } .form-filter .close:after { content: "\e955"; z-index: 2; font-size: 20px; } .form-filter .module-filters { margin-bottom: 4px; } .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6 { position: relative; margin: 37px 0 19px; padding: 32px 0 0; border-top: 1px solid #E1E1E1; font-size: 22px; } .form-filter h1 span, .form-filter h2 span, .form-filter h3 span, .form-filter h4 span, .form-filter h5 span, .form-filter h6 span { display: block; margin: 0 0 -4px; padding-top: 2px; font-size: 0.6923076923em; } .form-filter h1:first-child, .form-filter h2:first-child, .form-filter h3:first-child, .form-filter h4:first-child, .form-filter h5:first-child, .form-filter h6:first-child, .form-filter header + h1, .form-filter header + h2, .form-filter header + h3, .form-filter header + h4, .form-filter header + h5, .form-filter header + h6 { margin-top: 0; padding-top: 0; border-top-width: 0; font-weight: bold; } .form-filter .header .toggle { overflow: hidden; right: -3px; z-index: 9; color: #000; text-decoration: none; } .form-filter .header .toggle:before { content: "\e926"; right: 0; left: auto; top: 40px; width: auto; margin: 0; font-size: 7px; line-height: 7px; } .form-filter .header:first-child .toggle:before, .form-filter header + .header .toggle:before { top: 8px; } .form-filter .header.toggle .toggle:before { content: "\e92b"; } .form-filter .header.shown { z-index: 9999 !important; } .form-filter .tip { margin-left: 10px; } .form-filter .tip .show, .form-filter .tip .popup { bottom: 3px; } .form-filter .tip-text { bottom: 14px; } .form-filter .submit { position: static; height: 42px; } .form-filter button { float: none; width: 100%; height: 48px; padding: 0 10px; } .form-filter button:after { background: #000; } .form-product { position: relative; margin-left: -19px; } .form-product label.hidden { position: relative; left: 0; top: 0; } .form-product p { width: 42%; margin: 0 0 19px; border-left: 19px solid rgba(0,0,0,0); } .form-product p:first-child { width: 21%; } .form-product p:nth-child(3) { width: 37%; } .form-product input { width: 100%; } #root .form-product .submit { width: 100%; } .form-product button { float: none; width: 100%; padding-left: 17px; padding-right: 17px; } .form-sort { position: relative; z-index: 5; margin: 0 0 24px; border: 0 solid #e1e1e1; color: #727272; } .form-sort .pagination-a { float: right; margin-top: -1px; border: 0 solid #e1e1e1; } .form-sort p { clear: none; float: left; width: auto; margin-right: -40px; border: 0 solid #e1e1e1; } .form-sort p > span { display: block; float: left; margin-right: 40px; } .form-sort label { display: block; float: left; margin: 0 10px 0 0; padding: 0; color: #727272; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: 400; line-height: inherit; text-transform: none; } .gecko .form-sort label { margin-right: 6px; } .form-sort .select, .form-sort .semantic-select-wrapper, .form-sort .semantic-select { float: left; } .form-sort select, .form-sort .semantic-select .input { float: left; height: 26px; padding: 0; border-width: 0; background: none; color: #111213; font-weight: 700; font-size: 1em; } .form-sort .semantic-select .input { height: 26px; line-height: 26px; } .form-sort .semantic-select { } .form-sort .semantic-select .wrapper { top: -9px; width: calc(100% + 34px); min-width: 143px; padding-top: 37px; padding-bottom: 2px; } .form-sort .semantic-select.active .wrapper { left: -17px; right: auto; } [data-whatintent="mouse"] .form-sort .semantic-select ul li a:hover { background: #53B7E8; color: #fff; } .form-sort .semantic-select ::-webkit-scrollbar { width: 11px; } .form-sort .semantic-select ::-webkit-scrollbar-track { border-radius: 3px 7px 7px 0; border-right: 5px solid rgba(0,0,0,0); } .form-sort .semantic-select ::-webkit-scrollbar-thumb { border-radius: 3px 7px 7px 0; border-right: 5px solid rgba(0,0,0,0); } /*! Helpers --------- */ *, *:before, *:after { transition: visibility .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, background-color .4s cubic-bezier(.4,0,.2,1) 0s, border-color .4s cubic-bezier(.4,0,.2,1) 0s, opacity .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; -webkit-transform-origin: center center; transform-origin: center center; } .owl-height { transition: height .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } #cookie, .link-btn a:before, #cookie a.close:before, button:before, #mobile, button i, .link-btn i, .tip .tip-text, .tip-text, .popup-a .box-inset, .popup-a .close, .owl-dots button:before, .list-collection ul.cta li.btn.a a:before, #nav, #logo a:before, #top:before, .list-catalog img, .list-gallery img, .list-gallery li:hover p, .list-collection li, .list-collection img, .list-collection figcaption, .list-collection ul.label, .list-results ul.label, .list-collection ul.cta, .list-collection .rating-a .label, .form-filter, #login, .gui-button-small i, .gui-button-small:before, .gui-button-large i, .gui-button-large:before { -webkit-transition: all 1s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1); } body, #root { transition: padding .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } option, #nav > ul > li > a, #nav .shadow, #logo, .list-collection li:after, .list-collection li:before, .tabs-a > div > *, .tabs-b > div > * { transition: none; } .clear { clear: both; overflow: hidden; width: 100%; height: 0; } .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em, .ui.dropdown .select, .breadcrumbs li:last-child:before, .list-social span, #footer .lang span, #nav > form label, #nav > form button:after, .js #root #nav .check-a label input.hidden, .js .check-a label input.hidden, .heading-featured label, .js .list-filter label input, .ui-slider-a .values:after, .rating-a .label, .form-sort .select:before, .module-filters ul li label input, .list-usp.a:before, .list-results .price span.small:before, .popup-a.product .price span.small:before, .list-lang label input, .module-product > header ul li:last-child:before, .module-product .price span.small:before, .list-product ul.label .tip .show:before, .list-product ul.label .tip .popup:before, #root .list-filter a.toggle:before { position: absolute; left: -30000px; top: 0; right: auto; bottom: auto; } [hidden], template, #nav > ul:first-child > li > div > ul ul, #nav > ul:first-child a.toggle, #root #nav > ul:last-child a.toggle, .list-usp.desktop-hide, #root .owl-carousel .disabled, .heading-shape h1 .hidden, .heading-shape h2 .hidden, .heading-shape h3 .hidden, .heading-shape h4 .hidden, .heading-shape h5 .hidden, .heading-shape h6 .hidden, .list-blog.cols p, .module-wide-mobile:before, .list-blog.col p, #root .link-more.hidden, .tip .tip-shadow, .ui-slider-a > span, .ui-slider-a .values .value.a .label, .form-sort .semantic-select .ticker, .list-collection ul li:before, .list-collection ul li:after, .list-collection .usp-wrapper:before, .list-collection .usp-wrapper:after, .list-collection li.link:after, .form-filter header, .form-filter .module-filters, .form-filter .submit, .owl-dots button:after, .list-collection.is-slider:after, .owl-nav button:after, .module-box.like-tabs header h1 a, .module-box.like-tabs header h2 a, .module-box.like-tabs header h3 a, .module-box.like-tabs header h4 a, .module-box.like-tabs header h5 a, .module-box.like-tabs header h6 a, .splash #footer nav > div, .slider-a > *, #login > .close:before, #login > .close:after, .hidden-elements, #root .list-collection ul a.clone { display: none; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #ccc; background: none; font-size: 0; } .list-catalog:first-child, #footer .list-social:first-child, .list-summary:first-child, .heading-a h1 + p, .heading-a h2 + p, .heading-a h3 + p, .heading-a h4 + p, .heading-a h5 + p, .heading-a h6 + p, .module-contact:first-child, .form-contact .submit:first-child, .form-contact .submit button:first-child, .list-contact:first-child, aside.module-contact .link-btn, aside .module-contact .link-btn, .has-anchor > .anchor + *, .heading-featured form:first-child, .tabs-a:first-child, .link-btn:first-child, .module-contact .link-btn, .list-blog:first-child, .news-a figure:first-child, .list-blog + .link-btn, .list-blog.cols:first-child, .module-wide:first-child, .heading-featured .link-btn:first-child, .module-wide-mobile:first-child, #root .heading-featured.overlay-e .link-btn:first-child, .list-blog.col + .link-btn, figcaption:first-child, figure:first-child, .blog-post header + *, .cols-a:first-child, .module-summary:first-child, .list-comments:first-child, .ui-slider-a:first-child, .popup-a.product footer form:first-child, .popup-a.product footer form p:first-child, .list-lang:first-child, .list-catalog .link-btn:first-child, .heading-shape .link-btn:first-child, .module-box .list-comments, .module-product .price:first-child, .module-product + *, #login h1:first-child, #login h2:first-child, #login h3:first-child, #login h4:first-child, #login h5:first-child, #login h6:first-child, #login .link-btn:first-child, #nav li.user > form.gold .link-btn:first-child { margin-top: 0; } #root .m0, #content > .module-wide:last-child, #content > .module-wide-mobile:last-child, #content > .module-wide-mobile.last-child, #content > .module-wide.last-child, figcaption:last-child, .list-filter li:last-child, .list-results ul.label li:last-child, .slider-a > *, .slider-a .item > *, .splash #footer nav > form p { margin-bottom: 0; } #root .m20 { margin-bottom: 20px; } #root .m50 { margin-bottom: 50px; } #root .m60 { margin-bottom: 60px; } .rating-a .rating > *:last-child, .scheme-score .rating-a .rating > *:last-child, .countdown .item:last-child { margin-right: 0; } /*! Warnings --------- */ p.lt-ie9 { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 28px; background: #333; color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-align: center; } p.lt-ie9 a { color: #fff; font-weight: 700; text-decoration: underline; } p.lt-ie9 a:hover, p.lt-ie9 a:focus, p.lt-ie9 a:active { text-decoration: none; } .lt-ie9 body { padding-top: 28px; } /*! 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; } ::selection { background: #53B7E8; color: #fff; text-shadow: none; } ::-moz-selection { background: #53B7E8; color: #fff; 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 */ #nav li.user > form.gold > *:first-child h1, #nav li.user > form.gold > *:first-child h2, #nav li.user > form.gold > *:first-child h3, #nav li.user > form.gold > *:first-child h4, #nav li.user > form.gold > *:first-child h5, #nav li.user > form.gold > *:first-child h6, #login, #login > *, .splash #root, .countdown .count, .countdown .item, .module-box.has-anchor > div, #root .module-product .list-usp, .form-product, .module-product > header, .link-score, .module-box.has-anchor, .scheme-score .rating-a .rating, #section-reviews.module-box, .heading-shape .link-btn, .list-catalog .link-btn, .list-gallery .link-btn, .list-lang, .popup-a.text-center ul.list-lang, .list-lang.text-center, .popup-a.text-center form, .list-slider li, .owl-dots, .popup-a.product .box-inset, .popup-a.product footer form p, .popup-a.product header, .popup-a .box-outer, .list-results ul.label, .heading-plain, .list-results form p.submit, .list-results li > footer, .list-results figure, .list-results ul.label li, .list-collection li.link, .list-collection ul.cta, .list-collection ul.label li, .list-collection figure, .list-collection, .heading-image, .heading-image, .ui-slider-a .values, .list-share, .module-summary, .heading-featured article p.link-btn, .heading-featured .link-btn, .list-blog, .news-a article, .tabs-a > nav ul li, .module-contact, .double.middle, .heading-featured, #mobile ul ul.has-img li.link a, #mobile ul ul.has-img li.link, #mobile ul ul.has-img li.has-img .img, #mobile li.toggle > ul.has-img, #mobile > ul + ul, .list-usp .item, #nav aside ul li, #nav aside, #nav aside ul li .img, #nav aside ul, [data-whatintent="mouse"] #nav > ul:first-child > li:hover > div, #footer > div, .list-social, #footer nav, .list-usp, .heading-a, .list-catalog, .list-gallery, .link-btn, .grid { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* wrap */ .countdown .count, .form-product, .module-box.has-anchor, #section-reviews.module-box, .list-lang, .popup-a.text-center ul.list-lang, .list-lang.text-center, .owl-dots, .list-results li, .list-results li > footer, .pagination-a ul, .pagination-a ol, .list-collection, .list-share, .module-summary, .list-blog, .module-contact, #mobile ul ul.has-img, .list-social, #footer nav, .list-usp, .list-catalog, .link-btn, .grid.wrap, .list-gallery { -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* nowrap */ .grid.nowrap { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* direction-row */ .grid, .grid.row-orient { -webkit-flex-direction: row; flex-direction: row; } /* direction-row-rev */ .news-a article:nth-child(2n) { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } /* direction-col */ #nav li.user > form.gold > *:first-child h1, #nav li.user > form.gold > *:first-child h2, #nav li.user > form.gold > *:first-child h3, #nav li.user > form.gold > *:first-child h4, #nav li.user > form.gold > *:first-child h5, #nav li.user > form.gold > *:first-child h6, #login > *, .splash #root, .countdown .item, .module-product > header, .popup-a.text-center form, .popup-a.product header, .list-results ul.label, .heading-plain, .list-results ul.label li, .list-collection li.link, .list-collection ul.label li, .heading-image, .heading-featured, #mobile ul ul.has-img li.link a, #mobile ul ul.has-img li.link, #nav aside ul li, .heading-a, .grid.column-orient { -webkit-flex-direction: column; flex-direction: column; } /* direction-col-rev */ .blog-post header, #mobile > ul + ul { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } /* justify-start */ .list-catalog.a .link-btn, .list-gallery.a .link-btn, .grid.justify-start { -webkit-justify-content: flex-start; justify-content: flex-start; } /* justify-center */ .splash body, .splash #root, .module-splash, .countdown .count, .countdown .item, .module-product .list-usp, .scheme-score .rating-a .rating, .heading-shape .link-btn, .list-catalog .link-btn, .list-gallery .link-btn, .popup-a.text-center ul.list-lang, .list-lang.text-center, .list-slider li, .owl-dots, .popup-a .box-outer, .list-results figure, .list-results ul.label li, .pagination-a ul, .pagination-a ol, .list-collection .list-usp, .list-collection li.link, .list-collection ul.label li, .list-collection figure, .heading-image, .heading-image, .link-btn.text-center, .heading-featured, #mobile ul ul.has-img li.link a, #mobile ul ul.has-img li.has-img .img, .list-usp .item, #nav aside ul li, #nav aside ul li .img, .list-usp, .grid.justify-center { -webkit-justify-content: center; justify-content: center; } /* justify-end */ #login > *, .list-results ul.label, .grid.justify-end, .grid.bottom { -webkit-justify-content: flex-end; justify-content: flex-end; } /* justify-space */ .link-score, .popup-a.product .box-inset, .list-results li > footer, .ui-slider-a .values, .news-a article, .grid.justify-space, .list-gallery { -webkit-justify-content: space-between; justify-content: space-between; } /* justify-space-around */ .grid.justify-space-around { -webkit-justify-content: space-around; justify-content: space-around; } /* align-i-start */ #nav li.user > form.gold > *:first-child h1, #nav li.user > form.gold > *:first-child h2, #nav li.user > form.gold > *:first-child h3, #nav li.user > form.gold > *:first-child h4, #nav li.user > form.gold > *:first-child h5, #nav li.user > form.gold > *:first-child h6, .module-product > header, .module-box.has-anchor, #section-reviews.module-box, .popup-a.product header, .heading-plain, .heading-image, .heading-a, .heading-featured, .grid.start { -webkit-align-items: flex-start; align-items: flex-start; } /* align-i-center */ .splash body, .link-score, .popup-a.text-center form, .list-slider li, .popup-a .box-outer, .list-results figure, .list-results ul.label li, .list-collection li.link, .list-collection ul.cta, .list-collection ul.label li, .list-collection figure, .module-summary, .news-a article, .double.middle, #mobile ul ul.has-img li.has-img .img, #nav aside ul li .img, #footer > div, .heading-a.text-center, .grid.center { -webkit-align-items: center; align-items: center; } /* align-i-end */ .heading-featured.inv, .grid.bottom { -webkit-align-items: flex-end; align-items: flex-end; } /* align-i-stretch */ .popup-a.product .box-inset, .list-results li, .list-collection, .list-blog, .tabs-a > nav ul li, .tabs-a > nav ul, #mobile ul ul.has-img, #nav aside, #nav aside ul, #nav > ul:first-child > li > div, .grid.stretch { -webkit-align-items: stretch; align-items: stretch; } /* align-i-baseline */ .grid.baseline { -webkit-align-items: baseline; align-items: baseline; } /* align-c-center */ .grid.center { -webkit-align-content: center; align-content: center; } /* align-c-end */ .grid.bottom { -webkit-align-content: flex-end; align-content: flex-end; } /* align-s-start */ .grid-cell.start { -webkit-align-self: flex-start; align-self: flex-start; } /* align-s-center */ .grid-cell.center, .grid.center-nonText, .grid-cell.center-nonText { -webkit-align-self: center; align-self: center; } /* align-s-end */ .grid-cell.end, .grid-cell.right { -webkit-align-self: flex-end; align-self: flex-end; } /* align-s-stretch */ #login, .grid-cell.stretch { -webkit-align-self: stretch; align-self: stretch; } /* basis 0 */ .tabs-a > nav ul li, #nav aside ul li { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } /* grow 0 */ .grid-cell.grow0, .grid-cell.noflex { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; } /* grow 2 */ .grid-cell.grow2, .grid-cell.double-size { -webkit-flex-grow: 2; -ms-flex-grow: 2; flex-grow: 2; } /* grow 3 */ .popup-a.product footer form p button, .list-results button, .tabs-a > nav ul a, .tabs-a > nav ul li, #nav aside ul, #nav aside ul li, .grid-cell.grow3 { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Fonts --------- */ @font-face { font-family: 'Chromoxome'; src: url('chromoxomepro-light.woff2') format('woff2'), url('chromoxomepro-light.woff') format('woff'), url('chromoxomepro-light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Chromoxome'; src: url('chromoxomepro-lightoblique.woff2') format('woff2'), url('chromoxomepro-lightoblique.woff') format('woff'), url('chromoxomepro-lightoblique.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Chromoxome'; src: url('chromoxomepro-medium.woff2') format('woff2'), url('chromoxomepro-medium.woff') format('woff'), url('chromoxomepro-medium.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Chromoxome'; src: url('chromoxomepro-mediumoblique.woff2') format('woff2'), url('chromoxomepro-mediumoblique.woff') format('woff'), url('chromoxomepro-mediumoblique.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Chromoxome'; src: url('chromoxomepro-bold.woff2') format('woff2'), url('chromoxomepro-bold.woff') format('woff'), url('chromoxomepro-bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Chromoxome'; src: url('chromoxomepro-boldoblique.woff2') format('woff2'), url('chromoxomepro-boldoblique.woff') format('woff'), url('chromoxomepro-boldoblique.ttf') format('truetype') font-weight: 700; font-style: italic; } @font-face { font-family: 'Rheiborn'; src: url('rheiborn-sans-clean.woff2') format('woff2'), url('rheiborn-sans-clean.woff') format('woff'), url('rheiborn-sans-clean.ttf') format('truetype'); font-weight: 400; font-style: normal; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icomoon.woff2') format('woff2'), url('icomoon.woff') format('woff'), url('icomoon.ttf') format('truetype'); } [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: "\e979"; } .icon-arrow-left:before { content: "\e976"; } .icon-arrow-right:before { content: "\e977"; } .icon-arrow-up:before { content: "\e978"; } .icon-arrow-wide-down:before { content: "\e972"; } .icon-arrow-wide-left:before { content: "\e973"; } .icon-arrow-wide-right:before { content: "\e970"; } .icon-arrow-wide-up:before { content: "\e971"; } .icon-award:before { content: "\e96f"; } .icon-award-1:before { content: "\e96d"; } .icon-award-2:before { content: "\e96e"; } .icon-backward:before { content: "\e97a"; } .icon-backward-1:before { content: "\e97b"; } .icon-backward-2:before { content: "\e97c"; } .icon-bag:before { content: "\e932"; } .icon-blog:before { content: "\e93c"; } .icon-calendar:before { content: "\e933"; } .icon-cart:before { content: "\e935"; } .icon-cart-plus:before { content: "\e934"; } .icon-cart-plus-1:before { content: "\e96b"; } .icon-cart-plus-2:before { content: "\e96c"; } .icon-cart-plus-hover:before { content: "\e96a"; } .icon-chart:before { content: "\e92e"; } .icon-chat:before { content: "\e92f"; } .icon-check:before { content: "\e930"; } .icon-check2:before { content: "\e969"; } .icon-check-circle:before { content: "\e931"; } .icon-check-circle-1:before { content: "\e967"; } .icon-check-circle-2:before { content: "\e968"; } .icon-checklist:before { content: "\e93b"; } .icon-check-rounded:before { content: "\e92a"; } .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: "\e966"; } .icon-circle-before-after:before { content: "\e988"; } .icon-circle-before-after-1:before { content: "\e989"; } .icon-circle-before-after-2:before { content: "\e98a"; } .icon-circle-during:before { content: "\e996"; } .icon-circle-during-1:before { content: "\e98b"; } .icon-circle-during-2:before { content: "\e98c"; } .icon-circle-gains:before { content: "\e992"; } .icon-circle-gains-1:before { content: "\e98f"; } .icon-circle-gains-2:before { content: "\e993"; } .icon-circle-kg:before { content: "\e997"; } .icon-circle-kg-2:before { content: "\e994"; } .icon-circle-outline:before { content: "\e93e"; } .icon-circle-timer:before { content: "\e98d"; } .icon-circle-timer-1:before { content: "\e98e"; } .icon-circle-timer-2:before { content: "\e987"; } .icon-circle-weightloss:before { content: "\e995"; } .icon-circle-weightloss-1:before { content: "\e990"; } .icon-circle-weightloss-2:before { content: "\e991"; } .icon-credit-cards:before { content: "\e927"; } .icon-dash:before { content: "\e965"; } .icon-decrease-count:before { content: "\e928"; } .icon-decrease-down:before { content: "\e922"; } .icon-decrease-up:before { content: "\e929"; } .icon-docs:before { content: "\e964"; } .icon-docs-1:before { content: "\e963"; } .icon-docs-2:before { content: "\e962"; } .icon-document:before { content: "\e923"; } .icon-documents:before { content: "\e924"; } .icon-download:before { content: "\e953"; } .icon-dumbbell:before { content: "\e961"; } .icon-dumbbell-1:before { content: "\e95f"; } .icon-dumbbell-2:before { content: "\e960"; } .icon-edit:before { content: "\e925"; } .icon-envelope:before { content: "\e91e"; } .icon-euro:before { content: "\e91f"; } .icon-facebook:before { content: "\e920"; } .icon-facebook-square:before { content: "\e921"; } .icon-facebook-square-fill:before { content: "\e93d"; } .icon-filters:before { content: "\e982"; } .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-linkedin:before { content: "\e951"; } .icon-linkedin2:before { content: "\e94d"; } .icon-list:before { content: "\e949"; } .icon-lock:before { content: "\e919"; } .icon-logo:before { content: "\e95e"; } .icon-logo-outline:before { content: "\e99a"; } .icon-logo-standalone:before { content: "\e999"; } .icon-logo-text:before { content: "\e998"; } .icon-menu:before { content: "\e912"; } .icon-menu-1:before { content: "\e974"; } .icon-menu-2:before { content: "\e975"; } .icon-messenger:before { content: "\e913"; } .icon-minus:before { content: "\e914"; } .icon-minus-thin:before { content: "\e915"; } .icon-package:before { content: "\e95c"; } .icon-package-1:before { content: "\e95d"; } .icon-package-2: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-pin:before { content: "\e910"; } .icon-pinterest:before { content: "\e911"; } .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-time:before { content: "\e95a"; } .icon-time-1:before { content: "\e958"; } .icon-time-2:before { content: "\e959"; } .icon-tip:before { content: "\e97e"; } .icon-tip-border:before { content: "\e980"; } .icon-tip-border-inside:before { content: "\e981"; } .icon-tip-border-inside-inv:before { content: "\e985"; } .icon-tip-border-inv:before { content: "\e983"; } .icon-tip-inside:before { content: "\e97f"; } .icon-tip-inv:before { content: "\e984"; } .icon-tools:before { content: "\e939"; } .icon-trash:before { content: "\e902"; } .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-truck-1:before { content: "\e957"; } .icon-truck-2:before { content: "\e956"; } .icon-tumblr:before { content: "\e94b"; } .icon-twitter:before { content: "\e904"; } .icon-upload:before { content: "\e905"; } .icon-user:before { content: "\e938"; } .icon-user-outline:before { content: "\e937"; } .icon-vimeo:before { content: "\e94c"; } .icon-whatsapp:before { content: "\e94a"; } .icon-x:before { content: "\e93f"; } .icon-x-circle:before { content: "\e946"; } .icon-x-circle-inside:before { content: "\e955"; } .icon-x-circle-inside2:before { content: "\e986"; } .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-youtube-logo:before { content: "\e97d"; } .icon-zoom:before { content: "\e936"; } /*! Icons cart --------- */ /*@font-face { font-family: 'i-cart'; src: url('icon-cart.woff2') format('woff2'), url('icon-cart.woff') format('woff'), url('icon-cart.ttf') format('truetype'); }*/ @font-face { font-family: 'i-cart'; src: url('icon-cart.eot'); src: url('icon-cart.eot#iefix') format('embedded-opentype'), url('icon-cart.ttf') format('truetype'), url('icon-cart.woff') format('woff'), url('icon-cart.svg#icon-cart') format('svg'); } [class^="icon-cart-"], [class*=" icon-cart-"] { font-family: 'i-cart' !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-cart-shopping-cart-add:before { content: "\e900"; } .icon-cart-shopping-cart-hover:before { content: "\e901"; } .icon-cart-shopping-cart:before { content: "\e902"; } /*! Fancybox --------- */ body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button--zoom { display:none; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; } /* Caption */ .fancybox-caption { bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px 25px 44px; right: 0; text-align: center; z-index: 99996; } .fancybox-caption::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ''; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -44px; z-index: -1; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-caption { padding: 12px; } .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /* 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); } } @-webkit-keyframes fade { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade { 0% { opacity: 1; } 100% { opacity: 0; } } /* Responsive --------- */ @media only screen and (max-width: 90.625em) { /* 1450 */ #top, #content, #footer, .popup-a.product .box-inner { width: 1140px; } #top { width: 1140px !important; margin-left: -570px; } #top { } #nav { padding-right: 60px; } #nav > ul:first-child > li > a { padding: 0 15px; } #root #nav aside ul { padding-right: 150px; } #root #nav aside ul li.link { width: 150px; padding-left: 20px; } #nav > ul:first-child > li.cart { right: -25px; } #content { } #content > *:last-child { margin-bottom: 100px; } #footer { } #footer nav { padding-left: 0; } .blog-post { } .blog-post .double { margin-left: -40px; } .blog-post .double > * { border-left-width: 40px; } .cols-a { padding-right: 390px; } .cols-a > header:first-child, .cols-a > aside { margin-right: -390px; } .heading-featured { } .heading-featured figure { right: calc(-50vw + 285px); } .heading-shape { } .heading-shape figure, .heading-featured.inv figure { left: calc(-50vw + 285px); } .heading-shape h1, .heading-shape h2, .heading-shape h3, .heading-shape h4, .heading-shape h5, .heading-shape h6 { left: 607px; } .heading-shape.offset h1, .heading-shape.offset h2, .heading-shape.offset h3, .heading-shape.offset h4, .heading-shape.offset h5, .heading-shape.offset h6 { left: 402px; } .list-blog { margin-left: -25px; } .list-blog li { margin-bottom: 25px; border-left-width: 25px; padding-left: 25px; padding-right: 25px; } .list-blog figure { margin-left: -25px; margin-right: -25px; } .list-blog h1, .list-blog h2, .list-blog h3, .list-blog h4, .list-blog h5, .list-blog h6 { margin-right: -10px; } .list-blog.cols { padding-left: 777px; } .list-blog.cols li:first-child { width: 777px; margin-left: -777px; } .list-catalog { margin-left: -25px; } .list-catalog li { margin-bottom: 25px; border-left-width: 25px; font-size: 50px; } .list-catalog .link-btn { margin-top: 25px; } .module-wide .list-catalog:last-child { margin-bottom: 9px; } .list-collection { } .list-collection .list-usp { margin-left: -20px; } .list-collection .list-usp:before { left: 20px; } .list-collection .list-usp li { border-left-width: 20px; } .list-comments { } .list-comments li { padding-left: 340px; } .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6 { width: 220px; } .list-results { } .list-results li > header, .list-results li > footer { float: none; width: auto; } .list-results ul.label, .list-results figure { max-height: none; height: auto; } .list-usp { margin-left: -40px; } .list-usp li { border-left-width: 40px; } .module-box, #root .module-box { display: block; } .module-box .scheme-score { padding-right: 0; padding-bottom: 20px; border-right-width: 0; border-bottom-width: 2px; } .module-box .scheme-score, .module-box .list-score { float: none; width: auto; } .module-box footer { float: right; } .module-box .list-comments { max-height: 275px; } #root .module-box > div { display: block; float: left; width: 310px; } .module-contact { } .module-contact > *:first-child { min-width: 0; } .module-contact .list-social { margin-left: auto; margin-right: auto; } .module-contact .list-social ~ .link-btn { margin-left: 0; } .module-contact .link-btn a { min-width: 0; } .module-gui { padding-left: 25px; padding-right: 25px; } .module-gui header { margin-left: -25px; margin-right: -25px; } .module-product { } .module-product > * { width: 520px; } .module-product > .list-product { width: 570px; } #root .module-product .list-usp.a { margin-left: -30px; } #root .module-product .list-usp.a li { border-left-width: 30px; } .news-a { } .news-a article > figure { min-width: 510px; margin-left: 55px; } .news-a article:nth-child(2n) > figure { margin-right: 55px; } .list-usp, .module-contact { -webkit-justify-content: space-between; justify-content: space-between; } } @media only screen and (max-width: 72.8125em) { /* 1200 */ #top, #content, #footer, .popup-a.product .box-inner { width: 980px; } #top { width: 980px !important; margin-left: -490px; } #top { } #nav { padding-right: 60px; } #nav > ul:first-child > li > a { padding: 0 12px; } #login { } #login > * { min-height: 510px; padding: 40px 0 30px 120px; } #login > *:first-child { padding-left: 0; padding-right: 120px; } #footer { } #footer .list-social { margin-right: -30px; } #footer nav > form { width: 600px; } .splash { } .splash #content > *:last-child { margin-bottom: 92px; } .blog-post { } .blog-post .double { margin-left: -30px; } .blog-post .double > * { border-left-width: 30px; } .cols-a.a { padding-right: 335px; } .cols-a.a > header:first-child, .cols-a.a > aside { width: 310px; margin: 0 -335px 0 0; } .countdown { font-size: 53px; } .countdown .item { width: 123px; height: 123px; margin: 0 35px 0 0; padding: 0 0 7px; border-width: 4px; } .heading-featured { } .heading-featured figure { right: calc(-50vw + 245px); } .heading-featured.inv figure { right: 450px; left: calc(-50vw + 245px); } .heading-shape { } .heading-shape figure { left: calc(-50vw + 245px); } .heading-shape h1, .heading-shape h2, .heading-shape h3, .heading-shape h4, .heading-shape h5, .heading-shape h6 { left: 446px; } .heading-shape.offset h1, .heading-shape.offset h2, .heading-shape.offset h3, .heading-shape.offset h4, .heading-shape.offset h5, .heading-shape.offset h6 { left: 241px; } .list-blog.cols { padding-left: 670px; } .list-blog.cols li:first-child { width: 670px; margin-left: -670px; } .list-catalog { margin-left: -20px; } .list-catalog li { margin-bottom: 20px; border-left-width: 20px; font-size: 44px; } .module-wide .list-catalog:last-child { margin-bottom: 14px; } .list-collection { } .list-collection li { width: 25%; } [class*="cols"] .list-collection { } [class*="cols"] .list-collection li { width: 33.333333333%; } .list-comments { } .list-comments li { min-height: 0; padding-left: 0; } .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6 { position: relative; left: 0; top: 0; width: auto; padding-left: 81px; text-overflow: inherit; white-space: normal; } .list-results { } .list-results li { padding-left: 0; } .list-results li > header { width: 360px; padding-left: 30px; } .list-results li > footer { margin-top: 10px; } .list-results figure { position: relative; left: 0; top: 0; height: 230px; } .list-results ul.label { max-height: 209px; } .list-usp { margin-left: 0; } .list-usp li { border-left-width: 0; } .list-usp i { margin-right: 2px; } .module-box { } .module-box footer { width: 580px; } .module-product { } .module-product > * { width: 480px; } .module-product > .list-product { width: 470px; } #root .module-product .list-usp.a { margin-left: 0; } #root .module-product .list-usp.a li { border-left-width: 0; } .module-splash { } .module-splash:before { margin: 0 0 91px; font-size: 123px; line-height: 123px; } .module-splash h1, .module-splash h2, .module-splash h3, .module-splash h4, .module-splash h5, .module-splash h6 { margin: 0 0 102px; font-size: 70px; } .module-splash h1 span { font-size: 50px; } .module-summary { } .module-summary .list-share { display: block; } .news-a { } .news-a article > figure { min-width: 460px; margin-left: 45px; } .news-a article:nth-child(2n) > figure { margin-right: 45px; } .popup-a.product { } .popup-a.product .list-slider { margin-right: 30px; } .popup-a.product .list-slider .owl-dots { width: 433px; } /*.popup-a.product .list-slider { margin-left: -35px; }*/ .list-results li { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #root .module-product .list-usp.a { -webkit-justify-content: space-between; justify-content: space-between; } .blog-post header br, .list-collection .usp-wrapper { display: none; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #content, #footer, .popup-a .box-inner, .popup-a.product .box-inner, .splash #footer, .splash #content { width: 720px; } #top { width: 720px !important; margin-left: -360px; } #root { padding-top: 55px; } .search-active #root { padding-top: 102px; } #top { position: fixed; height: 55px; padding: 0; } #top:before, #top.scroll-to-fixed-fixed:before { bottom: 0; box-shadow: none; border-top-width: 0; border-bottom-width: 0; background: #000; } #logo { left: 50%; bottom: 0; z-index: 6; width: 50px; margin-left: -25px; } #logo a { color: #fff; } #logo a:before, #top.scroll-to-fixed-fixed #logo a:before { top: 7px; bottom: auto; font-size: 41px; line-height: 41px; text-align: center; } .user-active #logo { opacity: .6; } #nav { position: absolute; left: 100px; right: 0; top: 0; bottom: 0; padding: 0; } #root #nav > ul { position: static; right: 0; top: 0; float: none; width: auto; } #root #nav > ul > li { right: 0; float: none; width: auto; height: auto; margin: 0; padding: 0; } #root #nav > ul > li > a { display: block; overflow: hidden; position: relative; min-width: 0; height: 55px; margin: 0; padding: 0; line-height: 55px; text-align: left; text-indent: -3000em; text-decoration: none; } #root #nav > ul:first-child > li.cart { right: -12px; z-index: 10; width: 55px; height: 55px; } .user-active #root #nav > ul:first-child { opacity: .6; } #root #nav > ul:first-child > li.cart > a { width: 56px; color: #fff; } #root #nav > ul:first-child > li.cart > a:before { font-size: 24px; } #root #nav > ul:first-child > li.cart > a span { right: 8px; bottom: 15px; } #root #nav > ul:last-child { z-index: 1; } #root #nav > ul:last-child > li.user { position: static; float: right; width: 41px; height: 55px; } .user-active #root #nav > ul:last-child > li.user { z-index: 12; } #root #nav > ul:last-child > li.user > a { color: #fff; } #root #nav > ul:last-child > li.user i { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -20px 0 0; padding: 0; font-size: 19px; line-height: 40px; text-align: center; text-indent: 0; } #nav li.user > form { right: 0; } #root #nav > ul:last-child { position: absolute; left: 100px; right: 0; top: 0; padding-right: 43px; } #nav > form { display: none; position: absolute; left: -1100px; right: -1000px; top: 100%; width: auto; margin: -1px 0 0; padding: 0 1000px; border-top-width: 1px; background: #000; } #nav > form input { padding: 0 36px 0 0; border-width: 0; background: none; color: rgba(255,255,255,.5); } #nav > form button { width: 46px; color: #fff; } #nav > form button:before { text-align: right; } #login { display: block; overflow-x: hidden; overflow-y: auto; top: 100%; max-height: calc(100vh - 55px); } #root #login > * { display: block; float: none; width: auto; min-height: 0; padding: 30px 20px 14px; } #login > *:after { left: -3000em; } #login > *:first-child:before { right: 150px; } #login:after, #root #login > .close { display: none; } #login h1, #login h2, #login h3, #login h4, #login h5, #login h6 { margin-top: 40px; } #login .link-btn, #login button { margin-top: 27px; } .menu-active #shadow { visibility: visible; opacity: 1; } #content { } #content > *:last-child { margin-bottom: 75px; } #footer { } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin-bottom: 15px; } #footer nav { padding-top: 40px; } #footer nav > * { width: 50%; } #footer nav > form { width: 100%; } #footer > div { padding-left: 10000px; } #footer > div > *:first-child { margin-left: 0; padding-left: 0; } #footer .list-social { margin-top: 0; margin-right: -9px; } .splash { } .splash #content > *:last-child { margin-bottom: 66px; } .splash #footer nav > form { width: 440px; } .splash #footer input { padding-right: 148px; } .splash #footer button { width: 123px; } .accordion-a { } .accordion-a > h1, .accordion-a > h2, .accordion-a > h3, .accordion-a > h4, .accordion-a > h5, .accordion-a > h6, .accordion-a > div { padding-left: 20px; } .accordion-a > div { padding-right: 20px; } .cols-a { padding-right: 350px; } .cols-a > header:first-child, .cols-a > aside { width: 320px; margin-right: -350px; } #root .cols-a .form-contact .double > * { float: none; width: auto; } .cols-a.a { padding-right: 0; } #root .cols-a.a > * { float: none; width: auto; margin-right: 0; } .countdown { font-size: 38px; } .countdown .item { width: 88px; height: 88px; margin: 0 25px 0 0; padding: 0 0 5px; border-width: 3px; } .double.b { margin-left: -40px; } .double.b > * { border-left-width: 40px; } .filters { padding-left: 0; } #root .filters > * { float: none; width: auto; margin-left: 0; } .has-filters #content { position: static; } .has-anchor { } .has-anchor > .anchor { top: -75px; } .heading-featured { } .heading-featured figure { left: 50%; right: calc(-50vw + 180px); } .heading-featured.inv figure { right: 50%; left: calc(-50vw + 180px); } .heading-featured article { max-width: 432px; } .heading-plain { } .heading-plain + .link-btn { margin-top: -10px; } .heading-shape, .heading-image.full { margin-bottom: 70px; } .heading-shape figure { left: calc(-50vw + 180px); right: 115px; } .heading-shape h1, .heading-shape h2, .heading-shape h3, .heading-shape h4, .heading-shape h5, .heading-shape h6 { left: 357px; } .heading-shape div { width: auto; } .heading-shape.offset { } .heading-shape.offset figure { right: 340px; } .heading-shape.offset h1, .heading-shape.offset h2, .heading-shape.offset h3, .heading-shape.offset h4, .heading-shape.offset h5, .heading-shape.offset h6 { left: 132px; } .list-blog { margin-top: 36px; margin-bottom: 10px; } .list-blog li { width: 50%; } .list-blog.col { } .list-blog.col li { width: 50%; } .list-blog.cols { margin-top: 36px; padding-left: 0; } .list-blog.cols li { float: none; width: 50%; } .list-blog.cols li:first-child { float: none; width: auto; margin-left: 0; margin-bottom: 19px; } .list-blog.cols li:first-child p { margin-bottom: 11px; } .list-blog.cols li:first-child figure { margin-bottom: 16px; } .list-catalog { } .list-catalog li { width: 50%; } .module-wide .list-catalog:last-child { margin-bottom: 14px; } .list-catalog.a { } .list-catalog.a li { width: 100%; } .list-catalog.a .link-btn { margin-top: 40px; } .list-collection { } .list-collection li { width: 33.3333333333%; } .list-comments { margin-bottom: 40px; } .list-comments li { min-height: 81px; padding-left: 340px; } .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6 { position: absolute; left: 88px; top: 29px; width: 220px; padding-left: 0; text-overflow: ellipsis; white-space: nowrap; } .list-comments + .link-score { margin-top: -20px; } .list-summery { } .list-summery li { float: none; max-width: none; } .list-usp { } .list-usp.desktop-hide .owl-carousel .owl-stage-outer { margin-left: -150px; margin-right: -150px; padding-left: 150px; padding-right: 150px; } .module-box { } #root .module-box > div, .module-box footer { float: none; width: auto; } .module-box .scheme-score { border-bottom-width: 0; border-right-width: 2px; } .module-contact { } .module-contact > *:first-child { min-width: 0; } .module-contact .list-social { margin-right: -10px; } .accordion-a + .module-contact { margin-left: 0; } .module-filters { } .module-filters ul li a { min-width: 110px; } .module-product { margin-bottom: 20px; } #root .module-product > * { float: none; width: auto; } #root .module-product > .list-product { margin-bottom: 30px; } .module-splash { } .module-splash:before { margin: 0 0 65px; font-size: 88px; line-height: 88px; } .module-splash h1, .module-splash h2, .module-splash h3, .module-splash h4, .module-splash h5, .module-splash h6 { margin: 30px 0 30px; font-size: 50px; } .black-friday .module-splash .border-box p { margin-bottom: 30px; } .module-splash h1 span { font-size: 40px; } .module-wide { margin: 31px 0; padding: 73px 0 21px; } .news-a { } .news-a article { margin-bottom: 40px; } #root .news-a article > * { min-width: 0; width: 100%; margin-left: 0; margin-right: 0; } .news-a article p, .news-a article ul, .news-a article ol { max-width: none; } .news-a figure { margin: 35px 0; text-align: center; } .news-a img { max-height: 525px !important; } .news-a figure:last-child { margin-top: 0; } .popup-a.product { } .popup-a.product .box-inset:before { background: none; } .popup-a.product .list-slider, .popup-a.product section { position: relative; left: 0; float: none; width: auto; padding: 0; } .popup-a.product .list-slider { margin-bottom: 40px; margin-right: -35px; margin-left: -35px; } .popup-a.product .list-slider li { height: auto; } .popup-a.product .list-slider .owl-dots { right: 0; width: auto; } #root .popup-a.product .list-slider img { height: auto !important; } .popup-a.product section { padding-bottom: 6px; } .popup-a.product .box-inset { padding-left: 35px; } .tabs-a { } .tabs-a > nav ul li a { min-width: 0; padding-left: 12px; padding-right: 12px; } .tabs-b { } .tabs-b > nav ul { margin-bottom: 50px; } .tabs-b > nav ul li { font-size: 34px; } .form-filter { overflow-y: auto; overflow-x: hidden; position: fixed; left: 0; top: 0; bottom: 0; z-index: 9998; width: 100%; max-width: 450px; padding: 0 17px; background: #fff; } .form-filter { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .form-filter button { position: fixed; left: 17px; bottom: 17px; z-index: 9999; width: calc(100% - 34px); max-width: 416px; } .form-filter .tip { position: static; } .form-filter .tip .show { display: inline-block; position: relative; left: 0; bottom: 3px; top: auto; z-index: 9; height: auto; } #root .form-filter .tip-text { left: 0; right: 25px; top: calc(100% + 8px); bottom: auto; width: auto; padding: 11px 50px 11px 25px; } .form-filter .tip .tip-close { display: block; position: absolute; right: 0; top: 0; } .filters-active .form-filter { box-shadow: 0 0 6px rgba(0,0,0,.25); } .tabs-a > nav ul, .list-blog.cols, .list-blog.col, #root .module-box > div, .popup-a.product .list-slider li { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #root .news-a article { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .module-contact { -webkit-justify-content: space-between; justify-content: space-between; } .module-box .scheme-score { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .menu-active #mobile, #top.scroll-to-fixed-fixed #nav, #top.scroll-to-fixed-fixed #logo { -webkit-transform: none; -ms-transform: none; transform: none; } .list-usp.desktop-only, #nav > ul > li, .module-contact .link-btn,.list-blog li:nth-child(2n-1):last-child, .form-filter .tip .popup, .form-filter .tip-text:before, .form-filter .tip-text:after { display: none; } .list-usp.desktop-hide, #nav > ul > li.user, #nav > ul > li.cart, .search-active #nav > form, #top > .menu, #top > .search, #mobile, #shadow, #root .list-blog.cols li, .form-filter header, .form-filter .module-filters, .form-filter .submit, .form-filter .tip .show, .popup-a.product .box-inset { display: block; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, #footer > div:before, #footer > div > *:first-child:before, #logo:before, .module-contact:after { position: absolute; left: -30000px; top: -30000px; right: auto; bottom: auto; } } @media only screen and (max-width: 47.5em) { /* 760 */ select:focus, #root .gui-select select:focus, .semantic-select.focus .input, .semantic-select.active .input { background-image: none!important; } #top, #content, #footer { width: auto; } #top, #content, #footer { padding-left: 17px; padding-right: 17px; } body:after { width: 30px; height: 30px; margin: -15px 0 0 -15px; } #top { left: 17px; right: 17px; width: auto !important; margin: 0; padding: 0; } .user-active #logo { visibility: hidden; opacity: 0; } #skip { } #skip a { min-width: 0; } #skip a:focus, #skip a:active { right: 0; } #skip li { font-size: 13px; } #nav { } #nav li.user > form { overflow-y: hidden; overflow-y: auto; left: -217px; right: -17px; top: 0; width: auto; max-height: 100vh; padding: 19px 17px 7px; } #nav li.user > form > *:first-child h1, #nav li.user > form > *:first-child h2, #nav li.user > form > *:first-child h3, #nav li.user > form > *:first-child h4, #nav li.user > form > *:first-child h5, #nav li.user > form > *:first-child h6 { margin-bottom: 14px; } #nav li.user > form > * + * { padding-top: 21px; } #login { left: -17px; right: -17px; padding-left: 17px; padding-right: 17px; } #content { padding-top: 16px; } #content > *:last-child, .splash #content > :last-child { margin-bottom: 42px; } #content > .cols-a:last-child { margin-bottom: 2px; } #content > .module-contact:last-child { margin-bottom: 0; padding-bottom: 6px; } #footer { padding-top: 7px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin-left: -17px; margin-right: -17px; padding-top: 31px; border-top-width: 1px; text-align: center; } #footer .header { margin: 0 -17px; padding: 20px 40px 20px 17px; text-align: left; } #root #footer nav > *:first-child h1, #root #footer nav > *:first-child h2, #root #footer nav > *:first-child h3, #root #footer nav > *:first-child h4, #root #footer nav > *:first-child h5, #root #footer nav > *:first-child h6 { border-top-width: 0; } #footer form { text-align: center; } #footer form h1, #footer form h2, #footer form h3, #footer form h4, #footer form h5, #footer form h6 { padding-top: 25px; border-top-width: 0; } #footer .header.toggle, #footer .header.toggle a:before, #footer .header.toggle a:after { color: #53b7e8; } #footer label { width: 89px; background: #fcfcfc; } #footer input { width: 100%; padding: 0 20px 0 119px; color: #ccc; } #footer button, .splash #footer button { position: relative; float: none; width: 100%; margin: 10px 0 0; } #footer nav { display: block; margin: 0; padding: 0 0 19px; } #root #footer nav > * { float: none; width: auto; margin: 0; padding: 0; border-left-width: 0; } #root #footer nav > .first-not:before { left: -17px; right: -17px; bottom: -1000px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNzYgNDM4LjEiIHdpZHRoPSIzNzYiIGhlaWdodD0iNDM4LjEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM3NiA0MzguMSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzBEMEQwRDt9PC9zdHlsZT48cGF0aCBkPSJNMCAwYzIuMyAxLjcgMTk1LjkgMjI4LjUgMzc2IDQzOC4xVjBIMHoiIGNsYXNzPSJzdDAiLz48L3N2Zz4=) no-repeat; background-size: 100% auto; } #footer nav ul { margin-top: -6px; padding-left: 19px; } #footer nav ul li { margin-bottom: 5px; } #footer nav .list-social { margin-top: 22px; margin-right: -11px; } #footer nav .list-social li { margin-right: 11px; } #footer nav .list-social a { background: #1b1b1b; } #footer > div { margin: 0; padding: 6px 0 73px 58px; background: none; } #footer > div:before { left: 0; top: 0; margin: 0; font-size: 39px; line-height: 39px; } #footer > div:after { left: 0; right: 0; top: auto; bottom: 26px; margin: 0; background-position: center center; } #footer > div p, #footer > div li { font-size: 13px; } #footer > div > p, #footer > div > ul { margin-left: 0; padding: 0 0 0 18px; } #footer > div > p:before, #footer > div > ul:before { height: 22px; margin: -11px 0 0; background: #4f4f4f; } #footer .lang a { padding-left: 36px; padding-right: 17px; } #footer .lang ul a { padding-right: 0; padding-left: 46px; } h1, h2, h3, h4, h5, h6, legend, .gui-page-title, .gui-content-title { margin-bottom: 11px; font-size: 26px; } h1, .gui-page-title { font-size: 36px; } h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { font-size: 0.6923076923em; } table { width: calc(100% + 34px); margin-left: -17px; margin-right: -17px; } th:first-child { padding-left: 17px; } table tr > *:first-child { padding-left: 17px; border-left-width: 0; } table tr > *:last-child { border-right-width: 0; } figure { margin-top: 31px; margin-bottom: 30px; } figcaption:last-child { margin-bottom: -10px; } body:before { content: ""; } .splash { } .splash #root { padding-top: 20px; } .splash #footer, .splash #content { width: 100%; } .splash #footer { margin-top: auto; } .splash #footer:before { display: block; } .splash #footer nav { padding-bottom: 19px; } .splash #footer nav .list-social, .splash #footer nav > form p { margin-bottom: 14px; } .accordion-a { max-height: 503px; margin: 0 -17px 26px; } .accordion-a > h1, .accordion-a > h2, .accordion-a > h3, .accordion-a > h4, .accordion-a > h5, .accordion-a > h6 { padding: 15px 17px; font-size: 18px; } .accordion-a > .header { padding-right: 48px; } .accordion-a > .header:before { width: 48px; } .accordion-a > div { top: 9px; padding: 8px 17px 0; } h1 + .accordion-a, h2 + .accordion-a, h3 + .accordion-a, h4 + .accordion-a, h5 + .accordion-a, h6 + .accordion-a { margin-top: -7px; } .accordion-a:last-child { max-height: 523px; border-bottom-width: 20px; } .accordion-a.compact { max-height: 350px; } .accordion-a.compact:last-child { max-height: 370px; } .blog-post { margin-top: -14px; } .blog-post header { padding: 29px 0 0; padding-right: 0 !important; } .blog-post header h1, .blog-post header h2, .blog-post header h3, .blog-post header h4, .blog-post header h5, .blog-post header h6 { margin-bottom: 11px; font-size: 36px; } .blog-post header p { margin: 0 0 9px; font-size: 14px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; text-transform: none; } .blog-post header p span { font-size: 1em; } .blog-post header p.back { left: 0; right: auto; bottom: auto; top: 0; font-size: 14px; font-family: Roboto, Arial, Helvetica, sans-serif; } .blog-post header p.back a { padding: 0 0 0 28px; border-bottom-width: 0; } [data-whatintent="mouse"] .blog-post header p.back a:hover { color: #000; text-decoration: underline; } .blog-post header p.back a:before { content: "\e976"; width: auto; font-size: 8px; } .blog-post header figure { margin: 0 -17px 17px; } .blog-post header figure.video { margin: 0 0 17px; } .blog-post header figure img { height: calc(100vh - 55px) !important; max-height: 314px !important; } .blog-post footer { margin-top: 0; } .cols-a > .blog-post + * { padding-top: 0; } .breadcrumbs { margin: 0; padding: 0; } .breadcrumbs p { float: none; margin: -6px -17px 14px; padding: 0 17px 9px; border-bottom-width: 1px; } .breadcrumbs + .heading-featured { margin-top: -15px; } .cols-a { padding-right: 0; } #root .cols-a > * { float: none; width: auto; margin-right: 0; } .countdown { font-size: 30px; } .countdown .item { width: 70px; height: 70px; margin: 0 20px 0 0; padding: 0 0 4px; border-width: 2px; } .double, #root .double { display: block; margin-left: 0; } #root .double > * { float: none; width: auto; border-left-width: 0; } .header-a, .header-toggle { padding-bottom: 17px; font-size: 26px; } .heading-a { display: block; margin-bottom: 14px; } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { margin: 0 0 1px; font-size: 36px; } .heading-a p { font-size: 22px; } .heading-a.text-center { text-align: left; } .heading-a.mobile-text-center { text-align: center; } .heading-featured { display: block; min-height: 0; margin: 0 0 28px; padding: 0; color: #000; } .heading-featured figure { position: relative; left: 0; right: 0; height: 314px; margin: 0 -17px 17px; } .heading-featured figure:before { left: 13.3333333333%; right: auto; margin: 0; } .heading-featured figure:before { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: skewX(39deg); transform: skewX(39deg); } .heading-featured figure img { width: 86.666666667% !important; } .heading-featured figure i { left: 20px; top: 0; font-size: 324px; line-height: 334px; } .heading-featured h1, .heading-featured h2, .heading-featured h3, .heading-featured h4, .heading-featured h5, .heading-featured h6 { font-size: 36px; } .heading-featured h1 span, .heading-featured h2 span, .heading-featured h3 span, .heading-featured h4 span, .heading-featured h5 span, .heading-featured h6 span { color: #53B7E8; } .heading-featured h1 .small, .heading-featured h2 .small, .heading-featured h3 .small, .heading-featured h4 .small, .heading-featured h5 .small, .heading-featured h6 .small { position: relative; top: -7px; margin-bottom: 1px; font-size: 0.6111111111em; } .heading-featured h1 .scheme-a, .heading-featured h2 .scheme-a, .heading-featured h3 .scheme-a, .heading-featured h4 .scheme-a, .heading-featured h5 .scheme-a, .heading-featured h6 .scheme-a { margin: 12px 0 0; font-size: 0.3888888889em; font-weight: 400; font-family: Roboto, Arial, Helvetica, sans-serif; text-transform: none; } .heading-featured p { border-bottom-width: 2px; font-size: 22px; } .heading-featured form { margin-top: 15px; } .heading-featured form p { padding: 0; } .heading-featured form input { height: 55px; margin: 0 0 16px; padding: 0 12px; border-width: 1px; } .heading-featured button { position: relative; width: 100%; height: auto; padding: 18px 16px; } .heading-featured .accordion-a { position: relative; top: 0; margin-top: 15px; margin-bottom: 15px; border-width: 0; } .heading-featured + .heading-a, .heading-featured + * > .heading-a:first-child { margin-top: 0; } #root .heading-featured.overlay-e .link-btn { margin: 20px 0 2px; } #root .heading-featured.overlay-e .link-btn a { border-color: #000; color: #000; } #root .heading-featured.overlay-e .link-btn a:after { border-color: #000; } .heading-featured.inv { } .heading-featured.inv figure { left: 0; right: 0; } .heading-featured.inv figure:before, .heading-featured figure:before { left: 43px; right: -10000px; margin: 0; } .heading-featured.inv figure:before, .heading-featured figure:before { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .heading-featured.inv figure img, .heading-featured figure img { width: 300px !important; } .heading-image, .heading-plain { min-height: 0; margin: 0 0 16px; padding: 0; color: #000; line-height: 1.3; } .heading-image h1, .heading-image h2, .heading-image h3, .heading-image h4, .heading-image h5, .heading-image h6, .heading-plain h1, .heading-plain h2, .heading-plain h3, .heading-plain h4, .heading-plain h5, .heading-plain h6 { margin: 0 0 -3px; color: #000; font-size: 36px; } .heading-image p, .heading-plain p { margin: 0; border-color: #000; font-size: 22px; } .heading-image + .link-btn, .heading-plain + .link-btn { margin-top: 0; } .heading-shape, .heading-image.full { height: 245px; margin-bottom: 31px; } .heading-shape figure, .heading-shape.offset figure { left: -20px; right: -20px; } .heading-shape figure:before { left: 100%; margin: 0 0 0 -365px; display:none; } .heading-shape figure:before { transform-origin: 0 0; } .heading-shape figure i { right: 50%; top: 50%; width: 400px; margin: -171px -200px 0 0; font-size: 342px; line-height: 342px; text-align: center; } .heading-shape h1, .heading-shape h2, .heading-shape h3, .heading-shape h4, .heading-shape h5, .heading-shape h6, .heading-shape.offset h1, .heading-shape.offset h2, .heading-shape.offset h3, .heading-shape.offset h4, .heading-shape.offset h5, .heading-shape.offset h6 { left: auto; right: 0; top: 58px; width: 325px; margin: 0 -118px 0 0; font-size: 40px; white-space: nowrap; } .heading-shape h1 span, .heading-shape h2 span, .heading-shape h3 span, .heading-shape h4 span, .heading-shape h5 span, .heading-shape h6 span { margin-top: 0; padding: 0 0 3px; font-size: 0.6em; } .heading-shape h1 span:first-child, .heading-shape h2 span:first-child, .heading-shape h3 span:first-child, .heading-shape h4 span:first-child, .heading-shape h5 span:first-child, .heading-shape h6 span:first-child { bottom: -41px; padding: 0 3px 2px 0; font-size: 0.4em; } .heading-shape p { font-size: 22px; } .heading-shape .link-btn { display: block; margin-top: 14px; font-size: 20px; text-align: left; } .heading-shape .link-btn a { min-width: 0; padding: 0; color: #fff; text-align: left; } .heading-shape div { left: 0; right: auto; top: auto; bottom: 0; width: auto; padding: 0 0 30px; color: #fff; text-align: left; } #root .heading-shape div h1, #root .heading-shape div h2, #root .heading-shape div h3, #root .heading-shape div h4, #root .heading-shape div h5, #root .heading-shape div h6 { margin: 0 0 -6px; font-size: 36px; } .link-btn { } .link-btn a { min-width: 214px; padding: 19px 22px; } .link-btn.wide { } .link-btn.wide a { padding-top: 13px; padding-bottom: 13px; } .link-score { display: block; text-align: right; } .list-comments + .link-score { margin-top: -5px; padding-right: 18px; } .list-blog, .list-blog.cols { display: block; margin-bottom: 32px; line-height: 1.8571428571; } #root .list-blog li { float: none; width: auto; margin: 0 0 27px; padding: 0; } #root .list-blog figure { margin: 0 0 12px; font-size: 18px; } #root .list-blog h1, .list-blog h2, .list-blog h3, .list-blog h4, .list-blog h5, .list-blog h6 { max-width: none; margin-right: 0; font-size: 22px; } #root .list-blog header { margin: 0 0 9px; } #root .list-blog header p { margin: 0 0 9px; font-weight: 400; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 14px; text-transform: none; } #root .list-blog header p a, .list-blog header p span { top: 0; font-size: 1em; } #root .list-blog + .link-btn { margin-top: -25px; } .list-blog.cols { margin-top: 36px; } .list-catalog { display: block; margin: 15px -17px 44px; padding: 0 17px; text-align: center; } .list-catalog li { float: none; width: 100%; margin-bottom: 27px; border-left-width: 0; font-size: 36px; } .list-catalog p { margin-top: 7px; font-size: 0.6111111111em; } .list-catalog div, .list-catalog.a div { padding-left: 20px; padding-right: 20px; } .list-catalog .link-btn, .list-catalog.a .link-btn { margin-top: 42px; } .list-catalog img { min-height: 299px !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .list-catalog .label { min-width: 112px; padding: 4px 8px 2px 20px; font-size: 18px; } #root .list-catalog + p { margin-left: -17px; margin-right: -17px; margin-top: -7px; padding-top: 29px; padding-left: 17px; padding-right: 17px; border-top-width: 1px; } .module-wide .list-catalog:first-child { margin-top: 11px; } .module-wide .list-catalog:last-child { margin-bottom: 15px; } .list-catalog.a { text-align: center; } .list-collection { margin-left: -48px; } .list-collection li { width: 50%; margin: 0 0 38px; padding: 15px 0 0; border-left-width: 48px; } [class*="cols"] .list-collection li { width: 50%; } .list-collection li:before { left: -3000em; bottom: auto; top: -20px; right: -3000em; width: auto; height: 2px; border-left-width: 0; border-bottom-width: 2px; } .list-collection figure { height: 175px; font-size: 18px; } #root .list-collection figcaption { right: -17px; top: -15px; padding: 4px 10px 2px 25px; } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { margin-bottom: -1px; font-size: 20px; } .list-collection p { font-size: 16px; } .list-collection .rating-a { margin-top: 13px; } .list-collection .price, .list-collection.a .price { margin-top: 30px; font-size: 24px; } .list-collection .price span { font-size: 0.8333333333em; } .list-collection ul.cta { visibility: visible; position: static; right: 0; bottom: 0; padding: 16px 0 0; opacity: 1; } .list-collection ul.cta li { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 98; float: none; width: 100%; padding: 0; } .list-collection ul.cta li a { display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-indent: -3000em; text-decoration: none; } #root .list-collection ul.cta li.btn { position: relative; z-index: 99; width: 100%; } #root .list-collection ul.cta li.btn a { overflow: visible; position: relative; width: 100%; height: 42px; background: #94C11F; color: #fff; font-size: 20px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 42px; text-transform: uppercase; text-indent: 0; text-align: center; } .list-collection .usp-wrapper { width: auto; margin: -10px -17px 26px; padding: 0 17px; } .list-collection .list-usp { margin: 0 -17px; padding-left: 17px; padding-right: 17px; border-top-width: 1px; } .list-collection .list-usp:before { left: -1000em; right: -1000em; } .list-collection + .form-sort { margin-top: -7px; } .form-sort + .list-collection, .list-collection + .link-btn { margin-top: -11px; } .heading-a + .list-collection, .heading-a + .list-collection + .list-collection { margin-top: 25px; } .list-comments { max-height: 392px; margin: -13px 0 27px; box-shadow: 0 1px 0 #e1e1e1; border-bottom-width: 28px; } .list-comments li { min-height: 0; margin: 0 0 17px; padding: 24px 0 0; } .list-comments h1, .list-comments h2, .list-comments h3, .list-comments h4, .list-comments h5, .list-comments h6 { position: relative; left: 0; top: 0; width: auto; padding-left: 83px; text-overflow: inherit; white-space: normal; } .list-comments figure { top: 24px; margin-top: -4px; } .list-comments::-webkit-scrollbar { width: 16px; } .list-comments::-webkit-scrollbar-track { border-radius: 11px 3px 3px 11px; border-left-width: 10px; } .list-comments::-webkit-scrollbar-thumb { border-radius: 11px 3px 3px 11px; border-left-width: 10px; } .list-comments.a { } .list-comments.a li { margin: 0 0 11px; padding: 11px 0 0 53px; } .list-comments.a figure { left: 0; width: 40px; height: 40px; font-size: 18px; line-height: 40px; } .list-comments.a h1, .list-comments.a h2, .list-comments.a h3, .list-comments.a h4, .list-comments.a h5, .list-comments.a h6 { padding-left: 0; text-align: left; } .list-comments.a h1 .rating-a, .list-comments.a h2 .rating-a, .list-comments.a h3 .rating-a, .list-comments.a h4 .rating-a, .list-comments.a h5 .rating-a, .list-comments.a h6 .rating-a { display: block; position: relative; width: 100%; height: 20px; margin-top: 1px; } .list-lang { width: 100%; margin-top: 20px; } .list-lang li { width: auto; padding-top: 60px; } .list-lang li:before { width: 50px; height: 50px; margin-left: -25px; } .list-product, #root .module-product > .list-product { margin-bottom: 18px; } .list-product span.label { padding: 4px 13px 2px 26px; font-size: 18px; } .list-product ul.label { width: 32px; } .list-product ul.label li { margin-bottom: 6px; } .list-product ul.label i { font-size: 32px; line-height: 32px; } .list-product span.label + ul.label { top: 37px; } .list-results { margin-bottom: 34px; border-top-width: 0; } .list-results li { min-height: 0; margin: 0 0 23px; padding: 0; border-width: 0; } .list-results li > header { width: calc(100% - 148px); padding: 3px 0 0 17px; } .list-results li > footer { display: block; width: 100%; margin-top: 17px; padding: 18px 13px 5px; } .list-results figure { position: relative; top: 0; bottom: 0; width: 148px; height: auto; min-height: 220px; padding: 10px; font-size: 18px; } .list-results figcaption { right: 16px; min-width: 80px; /*padding: 5px 11px 2px 25px;*/ } .list-results h1, .list-results h2, .list-results h3, .list-results h4, .list-results h5, .list-results h6 { margin: 0 0 13px; font-size: 20px; } .list-results h1 span, .list-results h2 span, .list-results h3 span, .list-results h4 span, .list-results h5 span, .list-results h6 span { margin: 0; font-size: 0.8em; } .list-results header ul.label { position: relative; left: 0; top: 0; margin: 11px -7px 0 0; } #root .list-results header ul.label li { width: 42px; height: 42px; margin: 0 7px 4px 0; font-size: 16px; } #root .list-results header ul.label li span { margin-top: -2px; font-size: 0.6875em; } .list-results p { margin-bottom: 8px; } .list-results .price, .popup-a.product .price, .module-product .price { font-size: 40px; } /* .list-results .price span, .popup-a.product .price span, .module-product .price span { margin-right: -5px; font-size: .5em; } */ .list-results .price span, .module-product .price span { margin-right: -5px; font-size: .5em; } .list-results .price span.small, .popup-a.product .price span.small, .module-product .price span.small { display: inline; margin-left: -5px; padding: 0; } .list-results form { } .list-results form p { width: 100%; padding-left: 82px; } .list-results form p:first-child { width: 100%; padding-left: 0; } .list-results input, .list-results select, .list-results .semantic-select .input, .form-product input, .form-product select { font-size: 14px; } .list-results select, .form-product select { height: 48px; padding: 12px 44px 13px 14px; } .gecko .list-results select, .gecko .form-product select { padding-left: 10px; } .list-results .semantic-select .input, .form-product .semantic-select .input { height: 48px; padding-left: 14px; line-height: 46px; } .list-results .semantic-select ul, .form-product .semantic-select ul { } .list-results .semantic-select ul li, .form-product .semantic-select ul li { font-size: 14px; } .list-results .semantic-select ul li a, .form-product .semantic-select ul li a { padding-top: 8px; padding-bottom: 8px; } .list-results form p.submit { padding-left: 0; } .list-results input, .form-product input { width: 71px; height: 48px; margin-top: -59px; padding: 0 14px; } .list-results button, .form-product button { height: 48px; margin-left: -82px; } .form-sort + .list-results { margin-top: 0; } .list-results + .form-sort { z-index: 4; margin-top: 0; } .list-score { } .list-score li { margin-bottom: 0; padding-left: 152px; } .list-score li:before { left: 16px; } .list-score .progress { left: 44px; width: 94px; } .list-summary { margin-top: 0; } .list-summary li { float: none; max-width: none; width: auto; margin: 0 -17px 2px; padding: 0 17px; font-size: 16px; } .list-summary li:first-child { margin-bottom: 35px; padding-bottom: 0; border-bottom-width: 0; } .list-summary li > span:first-child { top: 2px; width: 170px; } .list-summary li.strong { margin-top: 17px; padding-top: 17px; font-size: 20px; } .list-summary li.strong > span:first-child { top: 17px; font-size: 1em; } .table-summary + .list-summary { margin-top: -9px; } .list-usp { margin-bottom: 16px; } #content > .list-usp:first-child, #content > .list-usp:first-child + .list-usp { margin-top: -16px; } .module-box { margin: 0 -17px; padding: 0 32px 9px; box-shadow: none; background: none; } .module-box.like-tabs { } .module-box.like-tabs > * { position: relative; z-index: 2; } .module-box.like-tabs header { margin: 0; padding: 0; border-bottom-width: 0; } .module-box.like-tabs header h1, .module-box.like-tabs header h2, .module-box.like-tabs header h3, .module-box.like-tabs header h4, .module-box.like-tabs header h5, .module-box.like-tabs header h6 { position: relative; margin: 0 -32px; padding: 19.5px 50px 19.5px 17px; border: 0 solid #d9d9d9; border-bottom-width: 1px; color: #000; font-size: 20px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 0.874509804; text-transform: uppercase; text-decoration: none; } .module-box.like-tabs header h1:before, .module-box.like-tabs header h2:before, .module-box.like-tabs header h3:before, .module-box.like-tabs header h4:before, .module-box.like-tabs header h5:before, .module-box.like-tabs header h6:before { content: "\e90a"; left: auto; right: 17px; width: auto; font-size: 12px; } .module-box.like-tabs.toggle header h1:before, .module-box.like-tabs.toggle header h2:before, .module-box.like-tabs.toggle header h3:before, .module-box.like-tabs.toggle header h4:before, .module-box.like-tabs.toggle header h5:before, .module-box.like-tabs.toggle header h6:before { content: "\e914"; color: #53B7E8; } .module-box.like-tabs header h1 a, .module-box.like-tabs header h2 a, .module-box.like-tabs header h3 a, .module-box.like-tabs header h4 a, .module-box.like-tabs header h5 a, .module-box.like-tabs header h6 a { z-index: 9; } .module-box.like-tabs.toggle header h1, .module-box.like-tabs.toggle header h2, .module-box.like-tabs.toggle header h3, .module-box.like-tabs.toggle header h4, .module-box.like-tabs.toggle header h5, .module-box.like-tabs.toggle header h6 { border-bottom-width: 0; color: #53B7E8; } .module-box.like-tabs.toggle { background: #f4f4f4; } .module-box.like-tabs.toggle header { margin-bottom: 16px; } .module-box.like-tabs.toggle:before { content: ""; display: block; position: absolute; left: 17px; right: 17px; bottom: 17px; top: 56px; z-index: 1; box-shadow: 0 2px 4px rgba(0,0,0,.11); background: #fff; } .module-box.like-tabs > div { margin: 0 -17px 25px; padding: 0 17px 0 0; border-bottom-width: 1px; } .module-box .scheme-score { margin: 0 0 16px; padding: 8px 0 0; border-width: 0; } .module-box .list-score { margin: 0 0 16px; } .module-box .list-comments { max-height: 264px; margin-left: -17px; margin-right: -17px; padding-left: 17px; padding-right: 17px; } .module-contact { display: block; margin: 26px -17px; padding: 36px 17px 0; border-bottom-width: 0; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDIuOSA3NjkuOSIgd2lkdGg9IjYwMi45IiBoZWlnaHQ9Ijc2OS45IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2MDIuOSA3NjkuOSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0Y3RjdGNzt9PC9zdHlsZT48cGF0aCBkPSJNMCAwdjM5LjhsNjAyLjIgNzMwLjFoLjdWMHoiIGNsYXNzPSJzdDAiLz48L3N2Zz4=) no-repeat; background-size: 100% auto; } #root .module-contact { margin-left: -17px; margin-right: -17px; } .module-contact h1, .module-contact h2, .module-contact h3, .module-contact h4, .module-contact h5, .module-contact h6 { font-size: 26px; } .module-contact ~ * > .accordion-a:last-child { max-height: 503px; box-shadow: none; border-bottom-width: 0; } .module-contact ~ * > .accordion-a.compact:last-child { max-height: 350px; } .accordion-a + .module-contact { margin-left: -17px; } .module-contact:last-child { margin-bottom: 0; } #content > *:last-child > .module-contact:last-child { margin-bottom: -36px; } .module-contact .s24:last-child { margin-bottom: 27px; } .module-gui { margin: 0 -17px; padding: 0 17px; } .module-gui header { margin: 0 -17px 26px; padding: 17px 17px 10px; } .module-gui .double > * { margin: 0 -17px; padding: 26px 17px 0; border-top-width: 1px; } .module-gui .double > *:first-child { margin-top: 0; padding-top: 0; border-top-width: 0; } .module-product { margin-bottom: 2px; } .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: 36px; } .module-product > header p { margin: 0 0 6px; padding-bottom: 3px; font-size: 18px; } .module-product > header ul { margin-bottom: 21px; } .module-product .price { margin: 0 0 36px; font-size: 40px; } .module-product .price span { font-size: .5em; } #root .module-product .list-usp.a { margin-bottom: 12px; } .module-product + .tabs-a > div > *:first-child .tabs-header { border-top-width: 1px; } .module-splash { } .module-splash:before { margin: 0 0 30px; font-size: 70px; line-height: 70px; } .module-splash h1, .module-splash h2, .module-splash h3, .module-splash h4, .module-splash h5, .module-splash h6 { margin: 0 0 30px; font-size: 40px; } .module-splash h1 span { font-size: 30px; } #root .module-splash .count { margin: 0 -15px; } #root .module-splash .item { margin: 0 10px 10px; } .module-summary { margin: 0 0 8px; padding: 17px 0 0; border-bottom-width: 0; } .module-summary h1, .module-summary h2, .module-summary h3, .module-summary h4, .module-summary h5, .module-summary h6 { margin: 0 21px 12px 0; font-size: 20px; } .module-summary .list-tags { margin: 0 auto 2px; } .module-summary .list-share { position: relative; width: calc(100% + 15px); margin-left: 0; padding: 27px 0 0; } .module-summary .list-share:before { content: ""; display: block; position: absolute; left: 0; right: 15px; top: 0; height: 1px; background: #e4e4e4; } .module-wide, .module-wide-mobile { position: relative; z-index: 2; margin: 34px 0; padding: 36px 0 20px; } .module-wide + .heading-a, .module-wide + * > .heading-a:first-child { margin-top: 40px; } .module-wide .module-box:first-child { margin-top: 0; } .module-wide.mobile-clean { margin: 0; padding: 0; } .module-wid.mobile-cleane .module-box:first-child { margin-top: 0; } .news-a { margin-bottom: 3px; } .news-a article { margin-bottom: 2px; } #root .news-a .heading-a { margin-bottom: 19px; } .news-a img { max-height: 66.66666667vw !important; } .news-a + * .heading-a.text-center { text-align: left; } .pagination-a, .form-sort .pagination-a { float: none; margin: 0 -17px; padding: 0 17px 26px; border-bottom-width: 1px; } .pagination-a ul, .pagination-a ol { margin: 0; } .popup-a { left: 0; right: 0; } .popup-a .box-outer { padding: 20px; } .popup-a .box-inner, .popup-a.product .box-inner { width: 100%; } .popup-a .box-inset, .popup-a.product .box-inset { padding-top: 20px; padding-left: 20px; padding-right: 20px; } .popup-a .box-inset > .close { width: 40px; height: 40px; } .popup-a .box-inset > .close:before, .popup-a .box-inset > .close:after { font-size: 22px; line-height: 40px; } .popup-a h1 + form, .popup-a h2 + form, .popup-a h3 + form, .popup-a h4 + form, .popup-a h5 + form, .popup-a h6 + form { margin-top: 15px; } .popup-a.product { } .popup-a.product .list-slider { margin: -20px -20px 20px; padding-top: 20px; padding-bottom: 20px; } .popup-a.product .list-slider li { height: auto; } .popup-a.product .list-slider .owl-dots { bottom: 0; } .popup-a.product header h1, .popup-a.product header h2, .popup-a.product header h3, .popup-a.product header h4, .popup-a.product header h5, .popup-a.product header h6 { margin: 0 0 -3px; font-size: 36px; } .popup-a.product header p { margin: 0 0 13px; padding-bottom: 0; font-size: 22px; } .popup-a.product p.rating-a { margin-bottom: 8px; } .popup-a.product footer p { float: none; width: 100%; } .popup-a.product footer form { padding: 0; } .popup-a.product footer form p { margin-top: 0; } .popup-a.product footer form input { width: 71px; height: 48px; margin: 0 11px 0 0; padding: 0 14px; } .popup-a.product footer form button { height: 48px; padding:0 10px; font-size:18px; } .popup-a.product footer span.select { min-width:80px; } .scheme-a { } h1 + .scheme-a.s24, h2 + .scheme-a.s24, h3 + .scheme-a.s24, h4 + .scheme-a.s24, h5 + .scheme-a.s24, h6 + .scheme-a.s24 { margin-top: -11px; } .scheme-box { padding: 5px 10px; font-size: 18px; } .scheme-score { } .scheme-score .rating-a { margin-bottom: 9px; padding-top: 46px; font-size: 40px; } .scheme-score .rating-a .label span { display: inline; top: -.45em; font-size: 0.6em; } .scheme-score .rating-a .rating { height: 17px; } .scheme-score .rating-a .rating > * { width: 17px; margin-right: 2px; } .scheme-score span { display: block; } .s24 { font-size: 18px; } .s24 i { top: -2px; font-size: 10px; } header .s24:last-child { margin-bottom: 10px; } body ::-webkit-scrollbar { width: 25px; } body ::-webkit-scrollbar-track { border-radius: 21px 3px 3px 21px; border-left-width: 19px; } body ::-webkit-scrollbar-thumb { border-radius: 21px 3px 3px 21px; border-left-width: 19px; } .slider-a { margin-bottom: 28px; } .table-a, .product-page table { margin-top: 0; } .tabs-a { margin: -12px 0 37px; } .tabs-a .tabs-inner { margin: 0 -17px; padding: 27px 17px 4px; } .tabs-a .tabs-inner.toggle { border-bottom-width: 1px; } .tabs-a:first-child { margin-top: -12px; } .tabs-a > div > .hidden { visibility: visible; z-index: auto; opacity: 1; } .tabs-a .tabs-inner > .accordion-a:last-child, .tabs-a .tabs-inner > table:last-child { margin-bottom: -5px; } .tabs-a + * > .module-box.like-tabs:first-child { margin-top: -37px; } .tabs-a.a { } .tabs-a.a .tabs-inner { margin-top: -5px; padding-top: 0; padding-left: 34px; } .tabs-a.a .tabs-inner table { width: calc(100% + 51px); margin-left: -34px; } .tabs-a.a .tabs-inner .accordion-a { margin-left: -34px; } .tabs-a.a .tabs-header.toggle { border-bottom-width: 0; } .tabs-b { margin-bottom: 37px; } .tabs-b > nav ul { margin: 0 -7px 41px; } .tabs-b > nav ul li { margin: 0 7px; font-size: 24px; } .tabs-b > nav ul li a:before { bottom: -3px; } .tabs-b > nav ul li.active a { top: 3px; font-size: 1.5em; } .tabs-b + .list-catalog { margin-top: 144px; } .table-summary { } .table-summary th, .table-summary td { padding-left: 5px; padding-right: 0; } .table-summary th { padding-top: 14px; padding-bottom: 12px; } .table-summary td { padding-top: 16px; padding-bottom: 16px; font-size: 16px; } .table-summary td.img { width: 80px; padding-right: 10px; text-align: center; } .table-summary tr > *:first-child { padding-left: 17px; } .table-summary tr > *:last-child { padding-right: 17px; } .table-summary .strong { font-size: 1.25em; } .table-summary img { width: auto !important; max-height: 75px !important; } h1 + .table-summary, h2 + .table-summary, h3 + .table-summary, h4 + .table-summary, h5 + .table-summary, h6 + .table-summary, h1 + .module-gui, h2 + .module-gui, h3 + .module-gui, h4 + .module-gui, h5 + .module-gui, h6 + .module-gui { margin-top: 13px; } figure.video { font-size: 18px; } figure.video a:after { font-size: 34px; } figure.video i { left: 15px; bottom: 15px; font-size: 26px; line-height: 26px; } figure.video figcaption, .list-blog figcaption { padding: 5px 11px 2px 25px; } .w1180.text-center { max-width: none; margin-left: 0; margin-right: 0; text-align: left; } .gui-form { } .gui-form p[style*="flex"] { display: block !important;} .gui-form p[style*="flex"] span[style*="100"] { width: 100% !important; } .form-contact { margin-bottom: 35px; } .form-contact h1, .form-contact h2, .form-contact h3, .form-contact h4, .form-contact h5, .form-contact h6 { font-size: 26px; } .form-contact h1 span, .form-contact h2 span, .form-contact h3 span, .form-contact h4 span, .form-contact h5 span, .form-contact h6 span { padding: 3px 0 0; font-size: 0.6923076923em; } .form-contact p { margin-bottom: 23px; } .form-contact .submit { margin-top: -16px; } .form-contact button { min-width: 214px; } .form-contact.a { margin-left: -17px; margin-right: -17px; margin-bottom: 0; padding-left: 17px; padding-right: 17px; background-position: 0 72px; background-size: 100% auto; } .form-contact.a h1, .form-contact.a h2, .form-contact.a h3, .form-contact.a h4, .form-contact.a h5, .form-contact.a h6 { margin-left: 0; } .form-product { margin-left: -11px; margin-bottom: 3px; } .form-product p, .product-staffel { width: 55%; margin-bottom: 33px; border-left-width: 11px!important; } .form-product p:first-child { position: absolute; left: 0; bottom: 0; width: 82px; } .form-product.staffel p:first-child { position: relative; width: 42%!important; } .form-product p:nth-child(3) { width: 45%; } .form-product p.submit { padding-left: 83px; } .form-product input { margin-top: 0; } .form-product button { margin-left: 0; padding-top: 0; padding-bottom: 0; } .form-sort { margin-bottom: 28px; } .form-sort p { float: none; margin: 0 -17px; padding: 0 17px 8px; border-bottom-width: 1px; } .form-sort p > span { float: right; margin: 0; } .form-sort p > span:first-child { float: left; } .form-sort p > span:first-child + span label { z-index: 9999; } .link-btn + .form-sort, .link-btn + * + .form-sort { margin-top: -16px; } .form-sort p > span:last-child .semantic-select.active .wrapper { left: auto; right: -17px; } .blog-post header, .module-summary .list-share, .pagination-a ul, .pagination-a ol, .list-results header ul.label, .module-box > div, #root .module-box.like-tabs.toggle > div { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-results header ul.label { -webkit-flex-direction: row; flex-direction: row; } .list-results header ul.label { -webkit-justify-content: flex-start; justify-content: flex-start; } .list-social, .list-catalog.a .link-btn, #root .module-splash .count { -webkit-justify-content: center; justify-content: center; } #footer > div, .module-summary .list-share { -webkit-justify-content: space-between; justify-content: space-between; } .heading-a.text-center, .list-results header ul.label { -webkit-align-items: flex-start; align-items: flex-start; } .list-lang li { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } .module-summary .list-share li, .list-lang li, .list-lang { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } #root .list-collection img, .list-collection ul.cta, .heading-shape div { -webkit-transform: none; transform: none; } #root #nav li.user > form .user-close, #footer .header a.toggle, #footer h1.toggle ~ *, #footer .header.toggle ~ *, .tabs-a .tabs-inner.toggle, .tabs-a .tabs-header, .module-wide-mobile:before, #root .list-blog p, .tip .popup, .form-filter .module-filters, .totop, #formSortModeLimit2 .pagination-a, .list-collection ul.cta li.btn, .list-collection li:nth-child(2n):before, .list-collection .usp-wrapper, .module-product > header ul li:first-child, .list-product ul.label .tip .show, #root .module-product .list-usp.a, .module-box.like-tabs header h1 a, .module-box.like-tabs header h2 a, .module-box.like-tabs header h3 a, .module-box.like-tabs header h4 a, .module-box.like-tabs header h5 a, .module-box.like-tabs header h6 a, #root .module-box.like-tabs > header, #root .module-box.like-tabs.toggle > * { display: block; } .breadcrumbs > ul, .breadcrumbs > ol, #footer .header ~ *, .module-gui header p, .tabs-a > nav, .tabs-a .tabs-inner, .heading-featured article p, .header-toggle a.toggle, .tip .show, .heading-image:not(.full) figure, .module-filters, .form-sort .pagination-a, .list-collection ul.label,.list-results ul.label, .cols-b:after, #formSortModeLimit2 p, .form-sort + .list-collection:before, .list-collection li:after, .list-collection .rating-a .label, #root .list-collection ul.cta li.btn a:before, #root .list-collection ul.cta li.btn a:after, .list-collection li:before, #root .list-collection li li:before, .list-collection li:nth-child(-n+2):before, .list-collection .usp-wrapper + li:before, .list-collection .usp-wrapper + li + li:before, .list-collection:after, #root .list-results .list-usp, #root .popup-a.product footer .list-usp, .heading-shape .link-btn a:before, .heading-shape .link-btn a:after, .slider-a .owl-dots, .tabs-b .tabs-header, .list-collection.limit > li:nth-child(n+5), .module-product > header ul li, .list-product ul.label .tip .popup, .list-product .owl-dots, .tabs-a.a .tabs-inner > header:first-child, #root .module-box.like-tabs > * { display: none; } #root .tablet-hide, #root .mobile-only, .tabs-a > div > .hidden { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, #footer nav:before, #footer nav:after, .breadcrumbs:before, .heading-featured:before, .module-contact:after, #content.a:before, .list-blog li:before, .list-results ul.label, .popup-a.product .rating-a .label, .module-product > header ul li:before, .form-product label.hidden, .module-wide.mobile-clean:before, .module-box.like-tabs header h1 span, .module-box.like-tabs header h2 span, .module-box.like-tabs header h3 span, .module-box.like-tabs header h4 span, .module-box.like-tabs header h5 span, .module-box.like-tabs header h6 span, .list-score span.mobile-hide { position: absolute; left: -30000px; top: -30000px; right: auto; bottom: auto; } .heading-shape h1, .heading-shape h2, .heading-shape h3, .heading-shape h4, .heading-shape h5, .heading-shape h6 { -webkit-transform-origin:none; transform-origin: none; -webkit-transform: none; transform: none; top: 148px; width: 325px; margin: 0; } } @media(min-width:1000px) and (max-width:1165px) { #nav > form#formSearch {position: absolute;top: 0;right: 45px;width: 200px;} } @media(max-width:760px) { .form-product p.colors-dropdown-wrapper {margin-bottom:35px;} .semantic-select-wrapper {position:relative;z-index:100px;} /* .semantic-select-wrapper:before {content: "\e92b";display: block;position: absolute;right: 0;top: 50%;width: 50px;margin: -10px 0 0;color: #000;font-size: 5px;font-family: i;line-height: 20px;text-align: center;z-index:100;} */ .quicklook-carousel > .owl-stage-outer {min-height:255px !important;} } .popup-product .input-inline { margin-right:0px; } .popup-product .input-inline select { height:47px; } .popup-product .input-inline > div, .popup-a.product footer form .select:first-child { width:100%; } .popup-a.product footer form p { margin-top:0; } .popup-a.product footer form p .semantic-select a:before { width: 30px; } .semantic-select, .semantic-select:hover { cursor:pointer; } .lang a.es:before, .list-lang li.es:before { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg enable-background='new 0 0 30 30' version='1.1' viewBox='0 0 30 30' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FF4750;%7D .st1%7Bfill:%23FFEF2E;%7D%0A%3C/style%3E%3Crect class='st0' width='30' height='10'/%3E%3Crect class='st1' y='10' width='30' height='10'/%3E%3Crect class='st0' y='20' width='30' height='10'/%3E%3C/svg%3E%0A"); } .gui-button-large:after { background:#94C11F; } span.label.home:before, figcaption.home:before { background:#53B7E8 !important; } body { margin-top: 0 !important; } .wsa-cookielaw { position: fixed; bottom: 0; top:unset; left: 0; z-index: 9999; width: 100%; height: unset !important; padding: 24px 66px 22px 26px; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.5384615385; color: #fff; text-align: center; white-space: nowrap; background: #000; border-bottom: 1px solid #CCCCCC; } .wsa-cookielaw-button { display: inline-block; height: 35px; padding: unset; margin: 0 0 0 5px; min-width:60px; line-height: 35px; color: #FFFFFF; text-decoration: none; border: 1px solid transparent; border-radius: 0; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; text-transform:uppercase; } .wsa-cookielaw-button-green { text-shadow: none; background: #fff; color:#000; border: 1px solid #fff; } .wsa-cookielaw-button-green:hover { background: #000; color:#fff; border: 1px solid #fff; } .wsa-cookielaw-button-red { text-shadow: none; background: #000; color:#fff; border: 1px solid #fff; } .wsa-cookielaw-button-red:hover { background: #fff; color:#000; border: 1px solid #fff; } .wsa-cookielaw-link { display: inline-block; margin: 0 0 0 5px; text-decoration:underline; color: #53B7E8; } .wsa-cookielaw-link:hover { color: #53B7E8; text-decoration:none; } .list-results ul.label { visibility: hidden; position: absolute; right: -20px; top: 52px; z-index: 2; opacity: 0; width:50px; transition:all .2s ease; } [data-whatintent="mouse"] .list-results li:hover ul.label { right: -29px; } [data-whatintent="mouse"] .list-results li:hover ul.label { visibility: visible; opacity: 1; } .list-results > li .rating-a span.label { visibility: hidden; position: absolute; left: 100px; top: 0; line-height: 17px; text-indent: 0; opacity: 0; } .list-results > li:hover .rating-a span.label { opacity:1; visibility:visible; } .quickshop-quantity-selector .semantic-select span.input, .quickshop-quantity-selector .semantic-select .ticker { height:60px; line-height:60px; } .quickshop-quantity-selector .semantic-select ul li a { padding: 4px 5px 4px 20px; } .quickshop-quantity-selector button { margin-left:15px; } @media(max-width:760px) { .quickshop-quantity-selector .semantic-select span.input, .quickshop-quantity-selector .semantic-select .ticker { height:48px; line-height:48px; } } button.out-of-stock, a.out-of-stock { pointer-events: none; cursor: default; } button.out-of-stock:after, a.out-of-stock:after { background:#727272; } .popup-a.product .list-slider li { display: block; height: 100%; } .bundle-form { } .bundle-form footer { display:flex; justify-content:space-between; } .bundle-form footer .link-btn { margin-top:0; width:70% } .bundle-form footer .price { min-width:150px; } .bundle-form footer .link-btn a { width:100%; } .bundles li.item { display:flex; justify-content:flex-start; align-items:flex-start; background:#f9f9f9;padding:15px;} .bundles li .img { background:#fff; border:1px solid #e6e6e6; padding:5px; margin-right:15px; } /* .bundles li header { width:100%; } */ .bundles li header label { display:none; } .bundles header h3 { margin: 0; font-size: 30px; } .bundles header p.desc { margin: -1px 0 13px; padding-bottom: 8px; /*border-bottom: 2px dotted #000;*/ font-size: 20px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1; text-transform: uppercase; } .bundles { list-style: none; margin-bottom: 15px; padding: 0; } .bundles li { position: relative; margin: 0; list-style: none; } .bundles header ul li a { color: #000; } .bundles.related li.item { display:flex; justify-content:flex-start; align-items:center; background:#fff;padding:0 35px;} .bundles.related li .img { background:#fff; border:none; padding:0; margin-right:15px; padding-right:10px; } .bundles.related li header label { display:none; } .bundles.related header { max-width: 370px; } .bundles.related header h3 { margin: 0; font-size: 25px; margin-bottom:10px; } .bundles.related header p.desc { margin: -1px 0 5px; padding-bottom: 8px; border-bottom: none; font-size: 18px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1; text-transform: uppercase; } .bundles.related header p.price { margin: -2px 0 13px; font-size: 26px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; line-height: 0.874509804; text-transform: uppercase; font-weight: 700; } .bundles.related { list-style: none; margin-bottom: 15px; padding: 0; } .bundles.related li { position: relative; margin: 0; list-style: none; } .bundles.related > * { color: #000; } .related.list-product .owl-dots { bottom:-15px; } .about-us-intro { margin: -20px auto 90px auto; display: block; width: 100%; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; font-weight: 300; line-height: 1.2; font-size:30px; text-transform: uppercase; } .about-us-intro.strong { font-weight: 700; } @media screen and (max-width:767px) { .about-us-intro { margin: 0px auto 40px auto; } #root #nav > ul:last-child > li.user .gui-button-facebook i { display: inline-block; position: relative; left: unset; top: unset; width: unset; margin: 0; padding: 0; font-size: 15px; line-height: unset; } } .bundle-form footer .link-btn { margin-top:0; width:65%; } p.price span:first-child { margin-right:3px; } p.price i { font-style:normal; } .product-staffel{ width: 100%; border-left: 19px solid white; z-index: 99!important; } .product-staffel li{ width: 100%; border: 1px solid #E4E4E4; padding: 20px; margin-top: 6px; position: relative; } .product-staffel li label{ position: unset; } .product-staffel li label:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .product-staffel .list-filter li:last-of-type{ padding-bottom: 20px; } .product-staffel li.background{ background: #F6F6F6; } .product-staffel li span.staffel-titel{ font-weight: 700; } .product-staffel li span.variant-staffel{ font-weight: 300; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; margin-left: 13px; } .product-staffel li span{ font-size: 16px; font-family: Chromoxome, Roboto, Arial, Helvetica, sans-serif; } .product-staffel .list-filter label.active{ color: black; } .form-product .product-staffel input{ display: inline-block; width: 7%; margin: 0; } .product-staffel .list-filter .input{ top: 0; left: 18px; bottom: 0; margin: auto; } .form-product .product-staffel .list-filter label{ padding: 0; } .form-product .product-staffel .left-side{ width: calc(50% - 30px); float: left; margin-left: 30px; } .form-product .product-staffel .right-side{ font-weight: 700; width: 50%; float: right; text-align: right; } .form-product .product-staffel .right-side .discount-staffel{ color: #94C11F; margin-right: 12px; } .form-product .product-staffel .show-520{ display: none; } .more-discount-popup{ margin-bottom: 27px; z-index: 99!important; position: relative; } .more-discounts{ font-size: 14px; font-weight: bold; font-family: Roboto; text-decoration-line: underline; color: #53B7E8; } .discount-popup-quantity{ width: 333px; position: absolute; background: white; border: 1px solid #E4E4E4; box-sizing: border-box; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15); padding: 26px; z-index: 9999; top: 0; } .discount-popup-quantity .icon-x{ position: absolute; right: 26px; top: 18px; font-size: 11px; color: #E5E5E5; } .form-product .product-staffel .discount-popup-quantity h4{ width: 100%; float: left; font-size: 20px; margin-bottom: 12px; } .form-product .product-staffel .discount-popup-quantity input{ padding: 0; width: 100px; display: inline-block; height: 54px; margin-right: 15px; } .form-product .product-staffel .discount-popup-quantity button{ width: calc(100% - 115px); display: inline-block; height: 54px; padding: 0; font-size: 20px; } @media(max-width: 520px){ .form-product .product-staffel .left-side .staffel-titel{ float: left; } .form-product .product-staffel .left-side .variant-staffel{ float: left; clear: left; margin-left: 0px; } .form-product .product-staffel .hide-520{ display: none; } .form-product .product-staffel .show-520{ display: inline-block; } .product-staffel li span{ font-size: 14px; } .form-product .product-staffel .right-side{ margin-top: 11px; } } @media (max-width: 480px) { .gui-cart .gui-table tbody tr:first-child td:first-child { display: table-cell; width: 67px; } } .form-product.staffel p { z-index: 100!important; } .form-product.staffel p.submit { z-index: 1!important; } .discount-code-block{ margin-bottom: 30px; } @media only screen and (max-width: 62.5em) { .form-product select { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1Ij48cGF0aCBkPSJNMjkuNC40bC0uMy0uM2MtLjEtLjEtLjMtLjEtLjQtLjEtLjEgMC0uMiAwLS4zLjFMMjUgMy4zIDIxLjYuMWMtLjItLjEtLjUtLjEtLjcgMGwtLjMuM2MwIC4xLS4xLjItLjEuM3MuMS4zLjEuNGw0IDMuOGMuMS4xLjMuMS40LjFzLjMgMCAuMy0uMWw0LTMuOGMuMS0uMS4yLS4yLjItLjRzLS4xLS4yLS4xLS4zeiIvPjwvc3ZnPg==) 100% center no-repeat #fff; background-size: auto 5px; } }