/* ------------------------------------------- Name: MacBizz Date: 2018/10/08 Author: http://psdhtml.me --------------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: #F82790; } html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; } body { min-height: 100%; background: #181a1b; font-size: 62.5%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } body, textarea, input, select, option, button { color: #111213; font-family: Muli, Arial, Helvetica, sans-serif; line-height: 1.875; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 16px; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 30px; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*! Repeatable --------- */ /* clear */ .list-info:after, .list-collection .price:after, .list-featured .price:after, .list-featured:after, .module-featured:after, .ui-slider-a .values:after, .ui-slider-a:after, .list-color:after, .form-sort:after, .heading-filters nav ul:after, .heading-filters:after, .module-product:after, #nav > ul > li:after, .breadcrumbs ul:after, .breadcrumbs ol:after, .list-collection .link:after, .double:after, .owl-carousel .owl-stage:after, .module-wide:after, #footer:after, #footer form:after, #nav > ul > li > ul:after, #content:after, #top:after, #footer:after, form p:after, .cols-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } /* fill */ .list-catalog li:after, #nav > ul > li > ul li:after, .list-featured li:before, #nav > ul > li > ul li a:before, #nav > ul > li.sub > a:after, .link-more a.btn:before, a.link-more.btn:before, .module-wide .background, .form-filter header h1 a:before, .form-filter header h2 a:before, .form-filter header h3 a:before, .form-filter header h4 a:before, .form-filter header h5 a:before, .form-filter header h6 a:before, .form-filter h1 a.toggle, .form-filter h2 a.toggle, .form-filter h3 a.toggle, .form-filter h4 a.toggle, .form-filter h5 a.toggle, .form-filter h6 a.toggle, .list-filter .input, .list-color .input, .list-btn .input, .select:after, .table-product td .link-btn a:before, .list-product a:before, #footer nav a.toggle, #nav > ul > li.user > span.toggle, .breadcrumbs:after, .list-catalog a:before, #footer form:before, #nav > ul > li.user:before, #nav > ul > li.user > a:after { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; } /* wide */ .module-featured:before, .heading-filters:before, .module-product:before, .breadcrumbs:before, .module-wide:before, #footer:before, #footer form:before, #top:before, #cookie:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; right: -1000em; z-index: -1; } /* icon */ .list-collection ul.label i:after, #sticky a:after, .list-featured .link a:after, .tip .tip-close:before, #sticky a:before, .form-filter header h1 a:after, .form-filter header h2 a:after, .form-filter header h3 a:after, .form-filter header h4 a:after, .form-filter header h5 a:after, .form-filter header h6 a:after, .list-color a:before, .list-color label:before, .form-filter h1 a:before, .form-filter h2 a:before, .form-filter h3 a:before, .form-filter h4 a:before, .form-filter h5 a:before, .form-filter h6 a:before, .heading-filters nav ul a:before, .heading-filters nav ul label:before, .table-product th a[data-popup]:before, .table-product th a[data-popup]:after, .list-checks li:after, .popup-a .box-inset > .close:before, .popup-a .box-inset > .close:after, #footer nav a.toggle:before, #footer form button:before, #top > .menu:before, .breadcrumbs li:before, .list-collection .link a:after, .owl-nav button:before, #footer nav:before, #footer nav:after, .check-a .input:before, #nav .search .remove:before, #nav .search form button:before, #nav .search form button:before, #nav > ul > li.user > a:before, #logo:before, #logo:after, #nav > ul > li.search > a:before, #nav > ul > li.cart > a:before, #nav > ul > li.sub > a:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; } /* centerX */ .module-wide .background { -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* no trans */ .list-featured figure span span, .list-checks .tip-text, [data-whatintent="mouse"] .rating-a:hover .tip-text, .tip.shown .tip-text, #root .list-collection span span, .popup-a.shown .box-inset { -webkit-transform: none; transform: none; } /* show */ [data-whatintent="mouse"] .list-catalog li:hover:after, [data-whatintent="mouse"] #nav > ul > li > ul li:hover:after, .list-checks .tip.shown .tip-shadow, [data-whatintent="mouse"] .rating-a:hover .tip-text, [data-whatintent="mouse"] #nav > ul > li.sub:hover > a:after, #root #nav > ul > li.active > a:after, .tip.shown .tip-text, .list-color .active a:before, .list-color .active label:before, .list-color a.active:before, .list-color label.active:before, .list-product .pager .current img, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, .user-active #nav > ul > li.user > span.toggle, .user-active #nav > ul > li.user:before, .user-active #nav > ul > li.user > a:after, .check-a label.active .input:before, #nav .search form.full .remove, .loading body:before, .loading body:after { visibility: visible; opacity: 1; } /* hide */ .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy { visibility: hidden; opacity: 0; } /* center img */ .list-featured figure img, .module-featured figure img, .list-product img, .list-catalog .img img, .list-collection figure img, .list-popular span.img img, #nav > ul > li > ul li a img { width: auto !important; max-height: 100% !important; } /* bg img */ .module-wide .background 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 */ #top, #sticky, #cookie, #mobile { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* cursor */ .list-color .active a, .list-color .active label, .list-color a.active, .list-color label.active, .list-product .pager .current img, form [disabled], .disabled { cursor: default; } /*! Layout --------- */ #root { overflow: hidden; position: relative; width: 100%; padding: 115px 0 0; background: #fff; } .search-active #root { padding-top: 174px; } #top { position: absolute; left: 50%; top: 0; z-index: 9; width: 1386px; height: 115px; margin: 0 0 0 -693px; border-top: 48px solid #fff; background: #0f1112; color: #fff; } #logo { position: absolute; left: 0; top: 0; bottom: 0; z-index: 4; width: 140px; margin: 0; } #logo:before, #logo:after { z-index: 1; top: 22px; margin: 0; font-size: 26px; line-height: 26px; text-align: left; } #logo:before, #footer nav:before { content: "\e961"; } #logo:after, #footer nav:after { content: "\e960"; color: #F82790; } #logo a { display: block; overflow: hidden; position: relative; z-index: 2; width: 100%; height: 100%; text-indent: -30000px; } #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: #F82790; 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: absolute; left: 177px; right: 0; top: 0; bottom: 0; z-index: 7; } #nav > ul { float: right; list-style: none; margin: 0; padding: 0; } #nav > ul > li { float: left; margin: 0 34px 0 0; font-size: 15px; font-weight: 700; } #nav > ul > li > a { display: block; position: relative; z-index: 2; height: 67px; color: #fff; line-height: 63px; text-decoration: none; } #nav > ul > li > a.toggle { display: block; overflow: hidden; position: absolute; left: -3000em; top: 0; float: right; width: 30px; margin: -67px 0 0; text-indent: -3000em; text-align: left; } [data-whatintent="keyboard"] #nav > ul > li > a.toggle:focus, .mobile #nav > ul > li > a.toggle { position: relative; left: 19px; } [data-whatintent="mouse"] #nav > ul > li > a:hover, [data-whatintent="mouse"] #nav > ul > li:hover > a { color: #f82790; } [data-whatintent="mouse"] #nav > ul > li.sub:hover > a, #root #nav > ul > li.active > a { color: #fff; } .mobile x, #nav > ul > li.user { } #nav > ul > li.user > a { padding-right: 17px; } #nav > ul > li.sub > a.toggle:before, #nav > ul > li.user > a:before { content: "\e92b"; left: auto; right: 0; width: auto; font-size: 5px; } #nav > ul > li.sub > a.toggle:before { right: 2px; } #nav > ul > li.sub > a:after { visibility: hidden; background: #181a1b; opacity: 0; } #nav > ul > li.user { position: relative; z-index: 999; } #nav > ul > li.user:before, #nav > ul > li.user > span.toggle { visibility: hidden; left: -3000em; top: -3000em; bottom: -3000em; right: -3000em; background: rgba(15,17,18,.6); opacity: 0; } #nav > ul > li.user > a:after { display: none; left: -18px; right: -14px; bottom: 8px; top: 13px; border-radius: 4px 4px 0 0; background: #fff; } #nav > ul > li.user > span.toggle { z-index: 80; width: auto; height: auto; margin: 0; background: none; cursor: pointer; } #nav > ul > li.user.active > a, .user-active #nav > ul > li.user > a { color: #0F1112; } #nav > ul > li.search { } #nav > ul > li.search > a { width: 19px; text-align: left; text-indent: -3000em; outline-width: 0; } #nav > ul > li.search > a:before { content: "\e936"; font-size: 19px; } #nav > ul > li.cart { } #nav > ul > li.cart > a { width: 19px; text-align: left; text-indent: -3000em; outline-width: 0; } #nav > ul > li.cart > a:before { content: "\e935"; font-size: 25px; } #nav > ul > li.cart > a span { display: block; position: absolute; right: -11px; top: 15px; width: 18px; height: 18px; border-radius: 18px; background: #f82790; color: #FFF; font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; text-indent: 0; } #nav > ul > li > ul { display: none; overflow-x: hidden; overflow-y: hidden; position: absolute; left: -10177px; right: -10000px; top: 100%; z-index: 2; list-style: none; max-height: calc(100vh - 115px); margin: 0; padding: 0 10000px 0; background: #181A1B; line-height: 1.3181818182; text-align: center; } #top.scroll-to-fixed-fixed #nav > ul > li > ul { max-height: calc(100vh - 67px); } #nav > ul > li > ul li { position: relative; z-index: 4; float: left; width: 16.6666666667%; margin-top: 1px; padding: 42px 0; } #nav > ul > li > ul li:nth-child(6n) + li { clear: both; } #nav > ul > li > ul li:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 100%; z-index: 5; height: 1px; border-bottom: 1px solid #2f3031; } #nav > ul > li > ul li:after { visibility: hidden; z-index: -1; background: rgba(0,0,0,.38); opacity: 0; } #nav > ul > li > ul li a { display: block; color: #fff; text-decoration: none; } #nav > ul > li > ul li a span { display: block; position: relative; z-index: -2; height: 110px; margin: 0 0 10px; } #nav > ul > li > ul li a:before { z-index: 2; } [data-whatintent="mouse"] #nav > ul > li:hover > ul, .search-active #nav .search form, .user-active #nav .user form, .user-active #nav > ul > li.user:before, .user-active #nav > ul > li.user > a:after, #nav > ul > li.toggle > ul { display: block; } #nav > ul:first-child { float: left; } #nav > ul:first-child > li { margin-right: 8px; } #nav > ul:first-child > li > a { padding-left: 31px; padding-right: 31px; } #nav .user form { display: none; position: absolute; right: -14px; top: 100%; z-index: 81; width: 337px; margin: -8px 0 0; padding: 9px 20px 0; border-radius: 0 0 4px 4px; background: #fff; color: #0F1112; } #nav .user form h1, #nav .user form h2, #nav .user form h3, #nav .user form h4, #nav .user form h5, #nav .user form h6 { margin: 0 0 17px; color: #EA2688; font-size: 16px; font-weight: 400; } #nav .user form h1 span, #nav .user form h2 span, #nav .user form h3 span, #nav .user form h4 span, #nav .user form h5 span, #nav .user form h6 span { display: block; margin: 0 0 3px; color: #181A1B; font-size: 1.375em; font-weight: 700; } #nav .user form p { margin-bottom: 11px; font-size: 14px; } #nav .user form .check-a { margin-top: -4px; } #nav .user form p.register { margin: 23px -20px 0; padding: 17px; border-radius: 0 0 4px 4px; background: #f2f2f2; font-weight: 400; text-align: center; } #nav .user form p.register a { display: inline; font-weight: 700; } #nav .user form label { margin-bottom: 3px; } #nav .user form button { display: block; float: none; width: 100%; } #nav .user form a { display: block; font-weight: 400; } #nav .search form { display: none; position: absolute; left: -10177px; right: -10000px; top: 100%; z-index: 1; padding: 0 10000px; background: #181A1B; } #nav .search form p { position: relative; margin: 0; font-size: 14px; } #nav .search form input { height: 59px; padding: 0 41px; border-width: 0; background: none; color: #636B6F; font-size: 1em; } #nav .search form button { display: block; overflow: visible; position: absolute; left: 0; top: 0; bottom: 0; z-index: 9; min-width: 0; width: 41px; height: 59px; margin: 0; padding: 0; border-radius: 0; border-width: 0; background: none; color: #fff; font-size: 19px; text-align: left; text-indent: -3000em; outline-width: 0; } #nav .search form button:before { content: "\e936"; text-align: left; } #nav .search .remove { display: block; visibility: hidden; position: absolute; right: 10000px; bottom: 0; top: 0; z-index: 9; width: 41px; color: #5f666a; font-size: 19px; text-align: left; text-indent: -3000em; opacity: 0; outline-width: 0; } #nav .search .remove:before { content: "\e946"; text-align: right; } #up { position: absolute; left: 0; top: -48px; right: 0; z-index: 4; color: #131516; line-height: 48px; } #up > ul { float: right; list-style: none; margin: 0; padding: 0; } #up > ul > li { float: left; margin: 0 34px 0 0; font-size: 14px; } #up > ul > li > a { display: block; color: #23292D; font-weight: 400; line-height: 48px; } #up > ul > li > a i { display: inline-block; position: relative; margin: 0 6px 0 -15px; color: #c2c2c2; font-size: 13px; line-height: 1px; } #up > ul > li > a i.icon-info:before { content: "\e956"; } #up > ul:first-child { float: left; } #up > ul:first-child > li > a { color: #636B6F; } .list-quote { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NiAxOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzYgMTkiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiMxOTE5MTk7fSAuc3Qxe2ZpbGw6IzAwQjY3QTt9IC5zdDJ7ZmlsbDojMDA1MTI4O308L3N0eWxlPjxwYXRoIGQ9Ik0yMCA2LjdoNy43djEuNWgtM3Y4LjJIMjNWOC4yaC0zVjYuN3ptNy4zIDIuN2gxLjR2MS40YzAtLjIuMS0uNC4zLS42LjEtLjIuMy0uMy41LS41cy40LS4zLjYtLjRjLjItLjEuNC0uMS43LS4xLjIgMCAuMyAwIC40IDBzLjEgMCAuMiAwdjEuNWMtLjEgMC0uMiAwLS4zIDAtLjEgMC0uMiAwLS4zIDAtLjMgMC0uNS4xLS43LjItLjIuMS0uNC4zLS42LjVzLS4zLjUtLjQuOC0uMS42LS4xIDF2My4zaC0xLjVsLS4yLTcuMXptMTEgN2gtMS41di0xYy0uMi40LS41LjYtLjguOC0uNC4yLS43LjMtMS4xLjMtLjkgMC0xLjYtLjItMi0uNy0uNC0uNS0uNi0xLjEtLjYtMi4xVjkuNGgxLjV2NC4zYzAgLjYuMSAxLjEuMyAxLjMuMi4zLjYuNCAxIC40LjMgMCAuNiAwIC44LS4yLjItLjEuNC0uMi41LS40cy4yLS40LjMtLjZjLjEtLjIuMS0uNS4xLS44di00aDEuNXY3em0yLjYtMi4yYzAgLjUuMi44LjUuOS4zLjIuNi4zIDEuMS4zLjEgMCAuMyAwIC41IDBzLjQtLjEuNS0uMWMuMi0uMS4zLS4yLjQtLjMuMS0uMS4xLS4zLjEtLjVzLS4xLS40LS4yLS41Yy0uMS0uMS0uMy0uMi0uNS0uM3MtLjQtLjEtLjctLjJjLS4zLS4xLS41LS4xLS44LS4yLS4zLS4xLS42LS4xLS44LS4yLS4zLS4xLS41LS4yLS43LS40cy0uNC0uMy0uNS0uNmMtLjEtLjItLjItLjUtLjItLjlzLjEtLjcuMy0xIC40LS41LjctLjZjLjMtLjIuNi0uMy45LS4zLjMtLjEuNy0uMSAxLS4xLjQgMCAuNyAwIDEgLjFzLjYuMi45LjRjLjMuMi41LjQuNy43cy4zLjYuMyAxaC0xLjZjLS4xLS40LS4yLS42LS41LS43LS4zLS4xLS42LS4yLS45LS4yLS4xIDAtLjIgMC0uNCAwLS4xIDAtLjMuMS0uNC4xLS4xIDAtLjIuMS0uMy4yLS4xLjEtLjEuMi0uMS40cy4xLjMuMi41Yy4xLjEuMy4yLjUuM3MuNC4xLjcuMmMuMy4xLjUuMS44LjIuMy4xLjUuMS44LjIuMy4xLjUuMi43LjRzLjQuMy41LjZjLjEuMi4yLjUuMi45cy0uMS44LS4zIDEuMS0uNC41LS43LjctLjYuMy0xIC40LS43LjEtMS4xLjFjLS40IDAtLjggMC0xLjItLjJzLS43LS4zLTEtLjVjLS4zLS4yLS41LS41LS42LS44cy0uMi0uNy0uMi0xLjFoMS40em01LTQuOEg0N1Y3LjNoMS41djIuMUg1MHYxLjJoLTEuNHYzLjdjMCAuMiAwIC4zIDAgLjQgMCAuMSAwIC4yLjEuMyAwIC4xLjEuMS4yLjIuMSAwIC4yLjEuNC4xLjEgMCAuMiAwIC4zIDBzLjIgMCAuMyAwdjEuMmMtLjIgMC0uMyAwLS41LjEtLjIgMC0uMyAwLS41IDAtLjQgMC0uNyAwLTEtLjEtLjItLjEtLjQtLjItLjYtLjMtLjEtLjItLjItLjMtLjMtLjYgMC0uMi0uMS0uNS0uMS0uOHYtNC4xaC0xLjFsLjEtMS4zem01LjEgMGgxLjR2LjljLjItLjQuNS0uNy45LS45cy44LS4zIDEuMi0uM2MuNSAwIDEgLjEgMS40LjNzLjcuNSAxIC44LjUuNy42IDEuMi4yLjkuMiAxLjQtLjEuOS0uMiAxLjRjLS4xLjQtLjMuOC0uNSAxLjItLjIuMy0uNS42LS45LjgtLjQuMi0uOC4zLTEuMy4zLS4yIDAtLjQgMC0uNy0uMS0uMiAwLS40LS4xLS42LS4yLS4yLS4xLS40LS4yLS42LS4zLS4yLS4xLS4zLS4zLS40LS41VjE5SDUxVjkuNHptNS4zIDMuNWMwLS4zIDAtLjYtLjEtLjktLjEtLjMtLjItLjYtLjQtLjhzLS40LS40LS42LS42Yy0uMi0uMS0uNS0uMi0uOC0uMi0uNiAwLTEuMS4yLTEuNC43LS4zLjUtLjUgMS4xLS41IDEuOCAwIC40IDAgLjcuMSAxcy4yLjYuNC44LjQuNC42LjVjLjIuMS41LjIuOC4ycy42LS4xLjktLjJjLjItLjEuNC0uMy42LS42LjItLjIuMy0uNS4zLS44LjEtLjMuMS0uNi4xLS45ek01OSA2LjdoMS41djEuNUg1OVY2Ljd6bTAgMi43aDEuNXY3SDU5di03em0yLjktMi43aDEuNXY5LjdoLTEuNVY2Ljd6bTYuMSA5LjljLS42IDAtMS0uMS0xLjUtLjMtLjQtLjItLjgtLjQtMS4xLS44LS4zLS4zLS41LS43LS43LTEuMnMtLjItLjktLjItMS41YzAtLjUuMS0xIC4yLTEuNS4yLS41LjQtLjguNy0xLjIuMy0uMy43LS42IDEuMS0uOC41IDAgMS0uMSAxLjUtLjFzMSAuMSAxLjUuM2MuNC4yLjguNCAxLjEuOC4zLjMuNS43LjcgMS4ycy4yLjkuMiAxLjVjMCAuNS0uMSAxLS4yIDEuNS0uMi41LS40LjgtLjcgMS4yLS4zLjMtLjcuNi0xLjEuOC0uNCAwLS45LjEtMS41LjF6bTAtMS4yYy4zIDAgLjYtLjEuOS0uMi4yLS4xLjQtLjMuNi0uNi4yLS4yLjMtLjUuNC0uOHMuMS0uNi4xLS45YzAtLjMgMC0uNi0uMS0uOS0uMS0uMy0uMi0uNi0uNC0uOC0uMi0uMi0uNC0uNC0uNi0uNi0uMi0uMS0uNS0uMi0uOS0uMi0uMyAwLS42LjEtLjkuMi0uMi4xLS40LjMtLjYuNi0uMi4yLS4zLjUtLjQuOHMtLjEuNi0uMS45YzAgLjMgMCAuNi4xLjkuMS4zLjIuNi40LjguMi4yLjQuNC42LjYuMy4xLjYuMi45LjJ6bTQtNmgxLjFWNy4zaDEuNXYyLjFINzZ2MS4yaC0xLjR2My43YzAgLjIgMCAuMyAwIC40IDAgLjEgMCAuMi4xLjMgMCAuMS4xLjEuMi4yLjEgMCAuMi4xLjQuMS4xIDAgLjIgMCAuMyAwIC4xIDAgLjIgMCAuMyAwdjEuMmMtLjIgMC0uMyAwLS41LjEtLjIgMC0uMyAwLS41IDAtLjQgMC0uNyAwLTEtLjEtLjItLjEtLjQtLjItLjYtLjMtLjEtLjItLjItLjMtLjMtLjYgMC0uMi0uMS0uNS0uMS0uOHYtNC4xSDcyVjkuNHoiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNMTguMiA2LjdoLTYuOUw5LjEgMCA2LjkgNi43SDBsNS42IDQuMi0yLjIgNi43TDkgMTMuNGw1LjYgNC4yLTIuMS02LjcgNS43LTQuMnoiIGNsYXNzPSJzdDEiLz48cGF0aCBkPSJNMTMgMTIuNGwtLjUtMS41TDkgMTMuNGw0LTF6IiBjbGFzcz0ic3QyIi8+PC9zdmc+); } #up > p { position: absolute; left: 50%; top: 30%; width: 300px; margin: 0 0 0 -150px; background-position: 0 center; background-repeat: no-repeat; background-size: auto 18px; font-size: 14px; font-weight: 700; line-height: 48px; text-align: center; } #up > p span, .list-quote span[data-val] { display: block; position: relative; z-index: 2; width: 186px; text-indent: -3000em; text-align: left; } #up > p span .rating, .list-quote span[data-val] .rating { display: block; overflow: hidden; position: absolute; left: 85px; top: 50%; z-index: 1; height: 17px; margin: -8.5px 0 0; padding: 0; box-shadow: none; border-radius: 0; background: none; text-align: left; text-indent: -3000em; } #up > p span .rating > *, .list-quote span[data-val] .rating > * { display: block; position: relative; z-index: 2; float: left; width: 17px; height: 100%; margin: 0 1px 0 0; } #up > p span .rating > *:before, .list-quote span[data-val] .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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NiA4NC45IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4NiA4NC45Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojQ0NDQ0NDO30gLnN0MXtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggZD0iTTAgMGg4NnY4NC45SDB6IiBjbGFzcz0ic3QwIi8+PHBhdGggZD0iTTUwLjIgMzUuN0w0MyAxNGwtNy4xIDIxLjdIMTMuNWwxOC4yIDEzLjZMMjQuNiA3MWwxOC4xLTEzLjZMNjAuOSA3MWwtNi44LTIxLjcgMTguNC0xMy42eiIgY2xhc3M9InN0MSIvPjwvc3ZnPg==) no-repeat; background-size: auto 100%; } #up > p span .rating > * .fill, .list-quote span[data-val] .rating > * .fill { display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: 2; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NiA4NC45IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4NiA4NC45Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMDBCNjdBO30gLnN0MXtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggZD0iTTAgMGg4NnY4NC45SDB6IiBjbGFzcz0ic3QwIi8+PHBhdGggZD0iTTUwLjIgMzUuN0w0MyAxNGwtNy4xIDIxLjdIMTMuNWwxOC4yIDEzLjZMMjQuNiA3MWwxOC4xLTEzLjZMNjAuOSA3MWwtNi44LTIxLjcgMTguNC0xMy42eiIgY2xhc3M9InN0MSIvPjwvc3ZnPg==) no-repeat #fff; background-size: auto 100%; } #up > p a { color: #131516; } #top > .menu { display: none; overflow: hidden; position: absolute; left: 140px; top: 0; z-index: 9; width: 67px; height: 67px; color: #fff; font-size: 20px; text-decoration: none; text-align: left; text-indent: -3000em; } #top > .menu:before { content: "\e912"; } #top:before { top: -48px; border-top: 48px solid #fff; background: #0f1112; } #mobile { display: none; overflow-x: hidden; overflow-y: auto; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; background: #fafafa; } #mobile { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .menu-active #mobile { -webkit-transform: none; -ms-transform: none; transform: none; } #mobile ul { overflow: hidden; z-index: 3; list-style: none; margin: 0; padding: 0; } #mobile ul li { overflow: hidden; position: relative; margin: 0; font-size: 15px; } #mobile ul li a, #mobile li > span, #mobile .title { display: block; overflow: hidden; position: relative; z-index: 2; padding: 15px 28px; border-bottom: 1px solid #e8e8e8; background: #fff; color: #000; font-weight: 700; font-size: 15px; line-height: 1.2; 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); background: rgba(128,128,128,.03); } #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; } #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: 48px; height: 48px; margin: 0; padding: 0; border: 0; color: #000; font-weight: 400; font-family: i; font-size: 13px; line-height: 48px; text-align: center; } #mobile ul li.sub > a:after { content: "\e92d"; z-index: 3; background: #f5f5f5; } #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; } #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: 50px; margin: 0 -100px; padding: 0 148px; line-height: 48px; text-transform: none; text-align: center; } #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: 49px; text-align: left; text-indent: -3000em; } #mobile li.header > span:before, #mobile li.header > span:after, #mobile .title:before, #mobile .title:after { display: block; position: absolute; left: auto; right: auto; top: 50%; width: 48px; margin: -20px 0 0; font-family: i; font-weight: 400; line-height: 40px; text-align: center; text-indent: 0; } #mobile li.header > span:before { content: "\e92c"; left: 100px; color: #007AFF; font-size: 20px; } #mobile li.header > span:after, #mobile .title:after { content: "\e901"; right: 114px; width: 26px; height: 26px; margin: -13px 0 0; border-radius: 99px; border: 1px solid #E0E0E0; color: #828282; font-size: 8px; line-height: 24px; } #mobile li.header > a[class], #mobile .title > a { display: block; position: absolute; top: 0; z-index: 2; width: 48px; height: 48px; border: 0; } #mobile li.header > a.back { left: 0; padding: 0; } #mobile li.header > a.back:before { content: "\e92c"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -15px 0 0; background: none; color: #828282; font-family: i; font-weight: 400; font-size: 16px; line-height: 30px; text-align: center; } #mobile li.header > a.close, #mobile .title > a { right: 0; background: none; } #mobile li.header > a.close:before, #mobile .title > a:before { background: none; } #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 { background: #fafafa; } #mobile ul ul li.sub > a:after { background: #f5f5f5 } #mobile ul { z-index: 3; } #mobile ul ul { z-index: 4; } #mobile ul ul ul { z-index: 5; } #mobile ul ul ul ul { z-index: 6; } #mobile ul ul ul ul { z-index: 7; } #mobile span { text-transform: capitalize; } #mobile em, #mobile.active > ul, #mobile.active > ul > li, #mobile.active > ul.ul-toggle > li.toggle > a, #mobile.active > .title, #mobile ul ul { display: none; } #mobile.active > ul.ul-toggle, #mobile.active > ul.ul-toggle > li.toggle, #mobile li.toggle > ul { display: block; } #content { position: relative; z-index: 3; width: 1386px; margin: 0 auto; padding: 49px 0 0; } #content > *:last-child { margin-bottom: 120px; } #content > .breadcrumbs:first-child, #content > .module-featured:first-child, #content > .module-wide:first-child, #content > .list-catalog.home:first-child { margin-top: -49px; } #footer { position: relative; z-index: 2; width: 1386px; margin: 0 auto; padding: 74px 0 60px; color: #777D80; } #footer:before { background: #181a1b; } #footer a { color: #fff; font-weight: 400; } #footer form { position: relative; margin: -74px 0 72px; padding: 69px 0 72px; color: #fff; text-align: center; } #footer form:before { background: #0f1112; } #footer form h1, #footer form h2, #footer form h3, #footer form h4, #footer form h5, #footer form h6 { margin: 0 0 52px; color: #fff; font-weight: 700; font-size: 44px; } #footer form h1 span, #footer form h2 span, #footer form h3 span, #footer form h4 span, #footer form h5 span, #footer form h6 span { display: block; margin: 0 0 0; font-size: 0.4545454545em; line-height: 1.875; letter-spacing: normal;} #footer form p { width: 100%; max-width: 592px; margin: 0 auto; font-size: 16px; } #footer input { height: 54px; padding: 0 199px 2px 21px; border-radius: 4px 10px 10px 4px; border-color: #fff; color: #777D80; font-size: 1em; } #footer button { display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 178px; height: 54px; margin: 0; padding: 0 0 2px; border-width: 0; border-radius: 0 4px 4px 0; background: #f82790; color: #fff; font-size: 16px; font-weight: 800; } #footer nav { position: relative; margin: 0 0 102px; padding: 0 0 20px; border-bottom: 1px solid #2c2d2e; color: #fff; line-height: 2.1428571429; } #footer nav > * { max-width: 360px; padding-right: 20px; padding-bottom: 11px; } #footer nav > *:last-child { max-width: 340px; padding-right: 0; } #footer nav h1, #footer nav h2, #footer nav h3, #footer nav h4, #footer nav h5, #footer nav h6 { position: relative; margin: 0 0 22px; color: #fff; font-size: 17px; font-weight: 700; } #footer nav a.toggle { left: -20px; right: -20px; top: -10px; bottom: -10px; z-index: 9; } #footer nav a.toggle:before { content: "\e92b"; left: auto; right: 0; width: auto; padding: 0 20px 0 0; font-size: 5px; text-align: right; } #footer nav .toggle a.toggle:before { content: "\e926"; } #footer nav ul, #footer nav p { display: block; list-style: none; margin: 0 0 30px; padding: 0; font-weight: 400; text-align: left; } #footer nav p, #footer nav ul li { margin-right: 0; font-size: 14px; } #footer nav a { color: #fff; } #footer nav a[href*="tel"], #footer .overlay-a { color: #f82790; font-weight: 700; } #footer nav:before, #footer nav:after { top: 100%; margin: 0; padding: 45px 0 0; font-size: 35px; line-height: 35px; } #footer .list-popular { padding-top: 2px; } #footer ul { list-style: none; margin: 0 -27px 11px 0; padding: 0; font-weight: 300; } #footer li { margin-right: 27px; font-size: 14px; } #footer a { color: #777D80; } #footer p { margin-bottom: 11px; font-weight: 300; font-size: 14px; text-align: center; } #cookie { position: fixed; left: 0; bottom: 0; right: 0; z-index: 9; margin: 0; padding: 10px 0; color: #fff; font-weight: 700; font-size: 12px; font-weight: 700; line-height: 1.5; text-align: center; } #cookie.toggle { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } #cookie:before { background: rgba(0,0,0,.5); } #cookie a { display: inline-block; margin: 0 0 0 10px; padding: 11px 0; color: #fff; text-decoration: none; } #cookie a:last-child { margin-right: 0; } #cookie a:after { content: " »"; } #cookie a.close { float: none; padding: 11px 30px; background: #707070; font-size: 1em; font-weight: 400; line-height: 1.5; text-shadow: none; opacity: 1; } #cookie a.close + * { margin-left: 30px; } #sticky { position: fixed; left: 0; top: 50%; z-index: 9; margin: 0; line-height: 48px; } #sticky { -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotate(90deg) translateX(-100%); -ms-transform: rotate(90deg) translateX(-100%); transform: rotate(90deg) translateX(-100%); } #sticky a { display: block; position: relative; height: 52px; padding: 0 48px 0 30px; border-radius: 4px 4px 0 0; background: #030303; color: #fff; font-weight: 700; text-decoration: none; } #sticky a:before, #sticky a:after { content: "\e964"; left: auto; right: 23px; z-index: 2; width: auto; height: 20px; margin: -10px 0 0; color: #fff; font-size: 17px; line-height: 20px; text-align: center; } #sticky a:after { content: "\e957"; z-index: 1; color: #f82790; } body:before, body:after { content: ""; display: block; position: fixed; visibility: hidden; opacity: 0; } body:before { left: -100px; top: -100px; right: -100px; bottom: -100px; z-index: 1001; background: rgba(255,255,255,.9); } body:after { left: 50%; top: 50%; z-index: 1002; width: 100px; height: 100px; margin: -50px 0 0 -50px; border-radius: 100px; border: 3px solid #ededed; border-left-color: #f82790; } body:after { -webkit-animation: spin .75s infinite linear; animation: spin .75s infinite linear; } /*! Columns --------- */ .cols-a { padding-left: 342px; } .cols-a > header:first-child + *, .cols-a > *:first-child { float: right; width: 100%; } .cols-a > header:first-child, .cols-a > aside { float: left; width: 285px; margin: 0 0 0 -342px; } .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: -85px; } .double.a > * { float: left; width: 50%; border-left-width: 85px; } .double.b { margin-left: -85px; } .double.b > * { float: left; width: 53.5384615385%; border-left-width: 85px; } .double.b > *:first-child { width: 46.4615384615%; } /*! Modules --------- */ .breadcrumbs { position: relative; z-index: 3; margin: 0 0 49px; padding: 16px 0; color: #fff; } .breadcrumbs:before, #root .breadcrumbs + .module-wide.a:before, #root .breadcrumbs + .module-featured:before, #root .list-catalog.home + .module-wide.a:before, #root .list-catalog.home + .module-featured:before { background: #181a1b; } .breadcrumbs:before { z-index: -2; } .breadcrumbs:after { border: 0 solid #2f3031; border-bottom-width: 1px; } .search-active .breadcrumbs:after { border-top-width: 1px; } .breadcrumbs ol, .breadcrumbs ul { list-style: none; margin: 0 -30px 0 0; padding: 0; } .breadcrumbs li { position: relative; float: left; margin: 0 30px 0 0; font-size: 1.4em; } .breadcrumbs li:before { content: "\e92d"; left: 100%; width: 30px; color: #636B6F; font-size: 7px; } .breadcrumbs li a { font-weight: 400; } #root .breadcrumbs + .module-wide { margin-top: -49px; padding-top: 15px; } .breadcrumbs + .module-product, .breadcrumbs + .heading-filters { margin-top: -49px; } #content > .breadcrumbs:first-child:before, #content > .module-featured:first-child:before { top: -200px; } .heading-a { margin: 0 0 68px; font-weight: 700; line-height: 1.3181818182; } .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6 { font-size: 44px; font-weight: 700; letter-spacing: -.025em; } .heading-a p { margin: 0 0 4px; font-size: 20px; } .heading-filters { position: relative; z-index: 2; margin: 0 0 26px; padding: 31px 0 17px 342px; color: #fff; } .heading-filters:before { background: #181a1b; } .heading-filters h1, .heading-filters h2, .heading-filters h3, .heading-filters h4, .heading-filters h5, .heading-filters h6 { overflow: hidden; float: left; width: 302px; margin: 0 0 23px -342px; font-size: 44px; text-overflow: ellipsis; white-space: nowrap; } .heading-filters h1 i, .heading-filters h2 i, .heading-filters h3 i, .heading-filters h4 i, .heading-filters h5 i, .heading-filters h6 i { display: inline-block; position: relative; top: -2px; font-size: 0.8181818182em; letter-spacing: 1px; } .heading-filters h1:last-child, .heading-filters h2:last-child, .heading-filters h3:last-child, .heading-filters h4:last-child, .heading-filters h5:last-child, .heading-filters h6:last-child { width: auto; text-overflow: inherit; white-space: normal; } .heading-filters nav { float: right; width: 100%; padding: 18px 0 0; } .heading-filters nav h1, .heading-filters nav h2, .heading-filters nav h3, .heading-filters nav h4, .heading-filters nav h5, .heading-filters nav h6 { float: none; width: auto; margin: 0 27px 30px 0; padding: 0; font-size: 20px; font-weight: 400; letter-spacing: normal; } .heading-filters nav ul { list-style: none; margin-bottom: 10px; margin-right: auto; padding: 0; } .heading-filters nav ul li { float: left; margin: 0 16px 16px 0; font-size: 15px; } .heading-filters nav ul a, .heading-filters nav ul label { display: block; overflow: hidden; position: relative; padding: 10px 13px 10px 35px; border-radius: 4px; background: #2a2e31; color: #fff; font-weight: 400; line-height: 1.2; cursor: pointer; } .heading-filters nav ul a:before, .heading-filters nav ul label:before { content: "\e946"; left: 14px; width: auto; font-size: 16px; } .heading-filters nav p { margin-bottom: 28px; } .heading-filters nav p a { font-weight: 400; } .heading-filters nav label input { position: absolute; left: -3000em; top: 0; } .module-box { margin: 42px 0 30px; padding: 25px 32px 4px; border-radius: 3px; border: 1px solid #e9e9e9; background: #f7f7f7; } .module-box h1, .module-box h2, .module-box h3, .module-box h4, .module-box h5, .module-box h6 { margin: 0 0 2px; color: #0A0B0B; font-size: 24px; font-weight: 700; } .module-featured { position: relative; z-index: 3; min-height: 1080px; margin: 62px 0; padding: 140px 66px 129px 810px; border: 0 solid #181a1b; color: #fff; } .module-featured:before { z-index: -2; background: #121213; } .module-featured figure { position: absolute; left: -3000em; right: 641px; top: 0; bottom: 0; z-index: -1; margin: 0; padding: 40px 0; } .module-featured figure.top, .module-featured figure.bottom, .module-featured figure.down { padding-top: 0; padding-bottom: 0; } .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { margin-bottom: 45px; margin-right: -80px; font-size: 44px; } .module-featured h1 span, .module-featured h2 span, .module-featured h3 span, .module-featured h4 span, .module-featured h5 span, .module-featured h6 span { display: block; margin: 0 0 38px; font-weight: 700; font-size: 0.4545454545em; letter-spacing: normal; } .module-featured .list-checks { margin-top: 6px; font-weight: 300; } .module-featured .list-checks li:after { top: 7px; } .module-featured .lead { margin-right: -80px; } .module-featured a, .module-featured .link-more a, .module-featured a.link-more { color: #fff; } .module-featured + .module-featured { margin-top: -62px; } .module-featured + .module-featured:before { background: #101010; } .module-featured:first-child, .breadcrumbs + .module-featured, .list-catalog.home + .module-featured { min-height: 0; } .breadcrumbs:first-child + .module-featured, .list-catalog.home:first-child + .module-featured, .module-featured:first-child { z-index: 9; } .module-featured.inv { padding-right: 810px; padding-left: 0; } .module-featured.inv figure { left: 515px; right: -3000em; } .module-featured.inv h1, .module-featured.inv h2, .module-featured.inv h3, .module-featured.inv h4, .module-featured.inv h5, .module-featured.inv h6, .module-featured.inv .lead { margin-right: -160px; } .module-product { position: relative; z-index: 2; margin: 0 0 50px; padding: 33px 0 45px 625px; color: #fff; } .module-product:before, .module-product .rating-a .rating > * .fill { background-color: #181a1b; } .module-product > * { float: right; width: 100%; } .module-product > *:first-child { float: left; width: 595px; margin-left: -625px; } .module-product header h1, .module-product header h2, .module-product header h3, .module-product header h4, .module-product header h5, .module-product header h6 { margin: 0 0 22px; font-size: 38px; } .module-product header h1 span, .module-product header h2 span, .module-product header h3 span, .module-product header h4 span, .module-product header h5 span, .module-product header h6 span { display: block; padding: 5px 0 0; font-size: 0.5263157895em; font-weight: 400; letter-spacing: normal; } .module-product .check-a { padding-top: 30px; border-top: 1px solid #343637; font-size: 15px; } .module-product .check-a label { padding-left: 29px; } .module-product .check-a label input, .module-product .check-a .input { top: 6px; } .module-product .check-a .input { border-color: #393939; background: #2a2e31; } .module-product .table-product td { border-color: #181a1b; } .module-product a, .module-product .list-info a, .module-product .list-info li.strong { color: #fff; } .module-wide { position: relative; z-index: 2; margin: 29px 0 80px; padding: 84px 0 17px; } .module-wide:before { background: #f7f7f7; } .module-wide + .module-wide, #content > .module-wide + .module-wide:last-child { margin-top: -80px; } .module-wide .list-catalog:last-child { margin-bottom: -17px; } .module-wide .list-catalog.small:last-child, .module-wide .link-more:last-child { margin-bottom: 84px; } .module-wide .background { left: 50%; right: auto; width: 100vw; margin: 0; opacity: .2; } #content > .module-wide:last-child { margin-top: 120px; } #content > .list-collection + .module-wide:last-child, #content > .m0 + .module-wide:last-child { margin-top: 65px;} .module-wide.a, .module-wide.a a { color: #fff; } .module-wide.a:before { background: #0a0b0b; } .owl-carousel { position: absqolute; 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: static; 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; min-width: 0; width: 50px; height: 50px; margin: 0; padding: 0; box-shadow: none; border-radius: 50%; border: 2px solid #ececec; background: #fff; color: #777D80; font-size: 12px; text-align: left; text-indent: -3000em; } .owl-nav button.owl-prev { left: 0; } .owl-nav button.owl-next { right: 0; } .owl-nav button.owl-prev:before { content: "\e92c"; } .owl-nav button.owl-next:before { content: "\e92d"; } [data-whatintent="mouse"] .owl-nav button:hover { border-color: #f82790; background: #f82790; } .owl-dots { } .owl-dots button { display: block; min-width: 0; width: 12px; height: 12px; margin: 0 4px 5px; padding: 0; box-shadow: none; border-radius: 50%; border: 0; background: #ccc; } #root .owl-dots button { background: #ccc; } #root .owl-dots button.active { background: #f82790; cursor: default; } .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,.75); text-indent: -3000em; cursor: pointer; opacity: 0; } .popup-a .box-inner { position: relative; z-index: 2; width: 1060px; margin: 0; } .popup-a .box-inset { visibility: hidden; padding: 29px 33px 0; border-radius: 4px; border: 1px solid #e9e9e9; background: #fff; opacity: 0; } .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: -15px; top: -15px; width: 31px; height: 31px; text-indent: -3000em; text-align: left; } .popup-a .box-inset > .close:before, .popup-a .box-inset > .close:after { top: 0; margin: 0; font-size: 31px; line-height: 31px; } .popup-a .box-inset > .close:before { content: "\e957"; z-index: 1; color: #fff; } .popup-a .box-inset > .close:after { content: "\e955"; z-index: 2; color: #222323; } .popup-a::-webkit-scrollbar { width: 0; background: none; } .popup-a.shown { z-index: 999; } .popup-a h1, .popup-a h2, .popup-a h3, .popup-a h4, .popup-a h5, .popup-a h6 { font-size: 28px; } .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 { margin-top: -7px; } .rating-a { display: block; position: relative; height: 14px; text-align: left; text-indent: -3000em; } .rating-a .rating { display: block; overflow: hidden; position: relative; z-index: 1; height: 14px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; background: none; text-align: left; text-indent: -3000em;} .rating-a .rating > * { display: block; position: relative; z-index: 2; float: left; width: 15px; height: 100%; margin: 0 1px 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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMC4yIDE5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMC4yIDE5Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRDlEOUQ5O308L3N0eWxlPjxwYXRoIGQ9Ik0xOS41IDYuOGwtNi4xLS45TDEwLjcuNWMtLjItLjMtLjQtLjUtLjYtLjUtLjMgMC0uNS4yLS42LjVMNi44IDUuOWwtNi4xLjljLS41LjEtLjcuMy0uNy42IDAgLjIuMS40LjMuNmw0LjQgNC4yLTEgNmMwIC4xIDAgLjIgMCAuMiAwIC4yIDAgLjMuMS40LjEuMS4yLjIuNC4yLjEgMCAuMyAwIC41LS4xbDUuNC0yLjggNS40IDIuOGMuMi4xLjQuMS41LjEuMiAwIC4zLS4xLjQtLjJzLjEtLjMuMS0uNCAwLS4yIDAtLjJsLTEtNkwxOS45IDhjLjItLjIuMy0uNC4zLS42IDAtLjMtLjMtLjUtLjctLjZ6IiBjbGFzcz0ic3QwIi8+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMC4yIDE5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMC4yIDE5Ij48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZDNzFFO308L3N0eWxlPjxwYXRoIGQ9Ik0xOS41IDYuOGwtNi4xLS45TDEwLjcuNWMtLjItLjMtLjQtLjUtLjYtLjUtLjMgMC0uNS4yLS42LjVMNi44IDUuOWwtNi4xLjljLS41LjEtLjcuMy0uNy42IDAgLjIuMS40LjMuNmw0LjQgNC4yLTEgNmMwIC4xIDAgLjIgMCAuMiAwIC4yIDAgLjMuMS40LjEuMS4yLjIuNC4yLjEgMCAuMyAwIC41LS4xbDUuNC0yLjggNS40IDIuOGMuMi4xLjQuMS41LjEuMiAwIC4zLS4xLjQtLjJzLjEtLjMuMS0uNCAwLS4yIDAtLjJsLTEtNkwxOS45IDhjLjItLjIuMy0uNC4zLS42IDAtLjMtLjMtLjUtLjctLjZ6IiBjbGFzcz0ic3QwIi8+PC9zdmc+) 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; } .tip { display: none; position: relative; z-index: 99; width: 20px; height: 1px; margin: 0 0 0 5px; line-height: 1px; } .domloaded .tip { display: inline-block; } .tip-text { display: block; visibility: hidden; position: absolute; left: -15px; bottom: 31px; z-index: 2; width: 204px; padding: 12px 19px; border-radius: 4px; border: 1px solid #e9e9e9; background: #f7f7f7; color: #999; font-size: 12px; font-weight: 400; line-height: 18px; text-indent: 0; text-align: left; letter-spacing: normal; opacity: 0; } .tip-text { -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } .tip-text:before { content: "\e95e"; display: block; overflow: hidden; position: absolute; left: 0; top: 100%; width: 54px; height: 10px; color: #f7f7f7; font-size: 7px; font-weight: 400; font-family: i; line-height: 2px; text-shadow: 0 1px 0 #e9e9e9; text-align: center; } .tip .tip-close { display: none; overflow: hidden; position: absolute; right: -8px; top: -8px; width: 21px; height: 21px; border-radius: 50%; background: #636363; font-size: 21px; text-decoration: none; text-align: left; text-indent: -3000em; } .tip .tip-close:before { content: "\e965"; } .tip .show, .tip .popup { display: block; position: absolute; left: 0; right: 0; bottom: -3px; z-index: 3; width: 20px; height: 20px; } .tip .show:before, .tip .popup:before { content: "\e917"; display: block; position: absolute; left: 0; bottom: 0; right: 0; font-size: 20px; font-family: i; font-weight: 400; line-height: 20px; } .tip.shown .show:before { content: "\e963"; } .tip .popup { display: none; z-index: 2; } .ui-slider { display: block; position: relative; height: 16px; margin: 0 8px; } .ui-slider:before, .ui-slider .ui-slider-range:before { content: ""; display: block; position: absolute; left: -8px; right: -8px; top: 50%; z-index: 1; height: 6px; margin: -3px 0 0; border-radius: 3px; background: #F5F5F5; } .ui-slider .ui-slider-handle { position: absolute; top: 0; z-index: 3; width: 16px; height: 16px; margin: 0 0 0 -8px; box-shadow: 0 1px 2px rgba(0,0,0,.15); border-radius: 50%; background: #9A9FA2; cursor: default; -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: #9A9FA2; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-a { margin-top: 36px; } .ui-slider-a .input, .ui-slider-a input { display: block; width: 84px; height: 38px; border-radius: 2px; border: 1px solid #E9E9E9; background: #fff; font-size: 16px; line-height: 36px; text-align: center; } .ui-slider-a .values { padding-top: 25px; } .ui-slider-a .value, .ui-slider-a > span { display: block; float: left; width: 84px; margin-right: 22px; } .w790 { max-width: 790px; } .w790.text-center { margin-left: auto; margin-right: auto; } /*! Headers --------- */ h1, h2, h3, h4, h5, h6, legend, .gui-page-title, .gui-content-title { margin-bottom: 21px; font-weight: 700; font-size: 24px; line-height: 1.3181818182; letter-spacing: -0.025em; } h1, .gui-page-title { font-size: 44px; } h2 { font-size: 38px; } h3, .gui-content-title { font-size: 28px; } .header-small { font-weight: 400; font-size: 20px; } h1 + .header-small, h2 + .header-small, h3 + .header-small, h4 + .header-small, h5 + .header-small, h6 + .header-small { margin-top: -19px; } /*! Content --------- */ b, strong, .strong { 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; } q { quotes: none; display: block; color: #777D80; font-size: 20px; font-style: italic; font-weight: 300; line-height: 2.15; letter-spacing: -0.025em; } q:before, q:after { } q:before { content: "‘"; } q:after { content: "’"; } 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; } .overlay-a, .link-more.overlay-a a, a.link-more.overlay-a, #root .link-more a.overlay-a, #root .link-more.overlay-a { color: #F82790; } .overlay-b { color: #0F1112; } .overlay-c { color: #777D80; } .lead { margin-bottom: 49px; font-size: 24px; font-style: italic; line-height: 1.5; letter-spacing: -0.025em; } /*! Links --------- */ a { background: none; color: #F82790; font-weight: 700; text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } [data-whatintent="mouse"] a:hover, [data-whatintent="mouse"] .list-filter label:hover { text-decoration: underline; } #root .link-btn a, #root .list-catalog a, #root .popup-a .box-inset > .close, #root .heading-filters nav ul a, #root .semantic-select ul li.active a, #root .list-filter label.active, #root .list-filter .active label, #root .form-filter header h1 a, #root .form-filter header h2 a, #root .form-filter header h3 a, #root .form-filter header h4 a, #root .form-filter header h5 a, #root .form-filter header h6 a, #root .link-more a.btn, #root a.link-more.btn { text-decoration: none; } .link-btn { margin-top: 32px; margin-left: -5px; margin-right: -5px; font-size: 18px; font-style: italic; } .link-btn a { display: block; position: relative; min-width: 205px; margin: 0 5px; padding: 17.5px 25px; border-radius: 4px; background: #F82790; color: #fff; font-weight: 800; font-style: normal; font-size: 16px; line-height: 1.2; text-align: center; text-decoration: none; } .link-btn a.a { background: #0F1112; } .link-btn a.fb { background: #4267B2; } [data-whatintent="mouse"] .link-btn a:hover, [data-whatintent="mouse"] #footer button:hover, [data-whatintent="mouse"] .table-product td .link-btn a:hover:before, [data-whatintent="mouse"] .link-more a.btn:hover:before, [data-whatintent="mouse"] a.link-more.btn:hover:before { background: #de2477; } [data-whatintent="mouse"] .link-btn a.a:hover { background: #000; } [data-whatintent="mouse"] .link-btn a.fb:hover { background: #395999; } .link-btn a i { display: inline-block; position: relative; top: 3px; margin-right: 8px; font-size: 1.1875em; line-height: 1px; } .link-more a, a.link-more { display: block; position: relative; z-index: 2; margin-right: 0; color: #0F1112; font-weight: 700; font-size: 16px; } .link-more a:after, a.link-more:after { content: "\e92b"; display: inline-block; position: relative; top: -2px; margin-left: 7px; font-family: i; font-weight: 400; font-size: 4px; 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; } /*! 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%; } /*! Tables --------- */ table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; } th, td { padding: 5px 10px; border: 1px solid #eee; font-weight: 400; text-align: left; } th { font-size: 18px; font-weight: 700; } td { font-size: 15px; } .table-product { margin-bottom: 36px; } .table-product th, .table-product td { display: table-cell; margin: 0; padding: 0 29px; border: 0; line-height: 1.3; vertical-align: middle; } .table-product th { padding-bottom: 12px; } #root .table-product th:first-child { padding-left: 0; } .table-product th a { position: relative; } .table-product th a[data-popup]:before, .table-product th a[data-popup]:after { left: calc(100% + 7px); width: auto; margin: -13px 0 0; font-size: 22px; line-height: 30px; } .table-product th a[data-popup]:before { content: "\e957"; z-index: 1; color: #fff; } .table-product th a[data-popup]:after { content: "\e962"; z-index: 2; color: #f82790; } .table-product td { padding-top: 17px; padding-bottom: 17px; border-top: 11px solid #fff; background: #0F1112; } .table-product td.overlay-a { font-weight: 800; font-size: 20px; } .table-product td.link-btn { padding-left: 0; font-size: 16px; } .table-product .link-btn a { min-width: 0; width: 160px; margin: 0; padding-left: 10px; padding-right: 10px; } .table-product td .link-btn { display: block; position: relative; top: 3px; float: right; margin: 0; } .table-product td .link-btn a { z-index: 2; padding-top: 0; padding-bottom: 0; } .table-product td .link-btn a:before { top: -17.5px; bottom: -17.5px; border-radius: 4px; background: #F82790; } .table-product td:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 4px; padding-right:0; } .table-product td:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 4px; } .table-product .rating-a { width: 102px; margin-bottom: 7px; } .table-product .rating-a, .table-product .rating-a .rating { height: 15px; } .table-product .rating-a .rating > * { width: 17px; margin-right: 3px; } .table-product .price { padding-right: 0; padding-bottom: 33px; font-weight: 800; font-size: 30px; } .table-product .price span { position: relative; top: -2px; font-weight: 400; font-size: .5em; } .table-product .price .small { display: block; top: 0; padding-top: 2px; } .table-product .price .small span { top: 0; font-weight: 700; font-size: 1em; } .table-product .price .overlay-c { display: block; top: 0; padding-top: 2px; color: #868686; } .table-product .price .small + .overlay-c, .table-product .price .overlay-c + .small { padding-top: 9px; } .table-product .label { display: inline-block; margin-top: 7px; padding: 6.5px 8px; border-radius: 3px; background: #25292b; font-weight: 400; } .table-product .label i { display: inline-block; position: relative; margin: 0 4px 0 0; font-size: 13px; line-height: 1px; } /*! Lists --------- */ ul, ol, dd, blockquote { padding-left: 40px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } .list-btn { list-style: none; max-width: 192px; margin-top: 33px; padding: 0; line-height: 1.3; text-align: center; } .list-btn li { margin: 0 0 15px; } .list-btn label, .list-btn a { display: block; padding: 17px 12px 15px; border-radius: 4px; border: 1px solid #e9e9e9; background: #f7f7f7; color: #777D80; font-weight: 400; text-decoration: none; cursor: pointer; } .list-btn label.active, .list-btn a.active, .list-btn .active label, .list-btn .active a { border-color: #F82790; background: #F82790; color: #fff; text-decoration: none; cursor: default; } .list-catalog { overflow: hidden; position: relative; z-index: 2; list-style: none; margin-top: 40px; padding: 0; font-weight: 800; line-height: 1.3181818182; text-align: center; } .list-catalog:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; background: #2f3031; } .list-catalog li { position: relative; z-index: 5; width: 33.33333%; height: 440px; margin: 1px 0 0; padding: 0 10px; font-size: 24px; } .list-catalog li:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 100%; height: 1px; background: #2f3031; } .list-catalog li:after { visibility: hidden; z-index: -1; background: rgba(0,0,0,.38); opacity: 0; } [data-whatintent="mouse"] .list-catalog li:hover, [data-whatintent="mouse"] .list-catalog li:hover a { color: #fff; } .list-catalog span { display: block; padding: 7px 0 0; font-weight: 400; font-size: 0.8333333333em; } .list-catalog .img { display: block; position: relative; z-index: -2; height: 230px; margin: 0 0 10px; padding: 0; } .list-catalog a:before { z-index: 9; outline-offset: -2px; } .list-catalog.small { } .list-catalog.small li { width: 25%; height: auto; padding-top: 20px; padding-bottom: 30px; font-size: 15px; } .list-catalog.small li:nth-child(-n+4) { border-top-width: 0; } .list-catalog.small .img { height: 190px; margin-bottom: 6px; } .heading-a + .list-catalog.small { margin-top: -20px; } .list-catalog.home { margin: 0 -10000px 62px; padding: 0 10000px 1px; background: #181A1B; color: #fff; } .list-catalog.home:before { left: 10000px; right: 10000px; } .list-catalog.home li { width: 16.6666666667%; height: auto; padding: 42px 0; font-size: 15px; } .list-catalog.home .img { height: 110px; } .list-catalog.home a { color: #fff; } .search-active #content > .list-catalog.home:first-child:before { height: 1px; } .list-catalog.home + .module-wide, .list-catalog.home + .module-featured { margin-top: -62px; } .list-checks { list-style: none; padding: 0; } .list-checks li { position: relative; margin: 0 0 9px; padding: 0 0 0 31px; font-size: 15px; } .list-checks li:after { content: "\e958"; top: 6px; width: auto; margin: 0; color: #f82790; font-size: 15px; line-height: 15px; } .list-checks .tip { margin-left: 2px; } .list-checks .tip .show:before, .list-checks .tip .popup:before { content: "\e956"; color: #4a4c4d; font-size: 15px; line-height: 15px; } .list-checks .tip .tip-shadow { display: block; visibility: hidden; position: absolute; left: -3000em; top: -3000em; right: -3000em; bottom: -3000em; z-index: 1; background: rgba(15,17,18,.6); opacity: 0; cursor: pointer; } .list-checks .tip.shown .show:before, .list-checks .tip.shown .popup:before { content: "\e956"; color: #d7d8d8; } .list-checks .tip-text { top: -30px; bottom: auto; width: 348px; padding: 15px 15px 13px 46px; border-radius: 4px; border-color: #fff; } .list-checks .tip .tip-close { display: block; } .list-checks.double { margin-left: -20px; } .list-checks.double li { float: left; width: 50%; border-left-width: 20px; } .list-collection { position: relative; z-index: 2; list-style: none; margin: 91px 0 0 -59px; padding: 0; } .list-collection li { position: relative; width: 25%; margin: 0 0 55px; border-left: 59px solid rgba(0,0,0,0); font-size: 10px; } .list-collection li:before { content: ""; display: block; position: absolute; left: -30px; top: 0; bottom: 3px; width: 1px; background: #dfdfdf; } .list-collection figure { position: relative; height: 285px; margin: 0 0 17px; color: #fff; font-size: 20px; line-height: 1.3181818182; text-align: center; } .list-collection figure span, .list-featured figure span { display: block; position: absolute; left: 0; bottom: 0; z-index: 2; width: 87px; height: 87px; border-radius: 50%; background: #F82790; color: #fff; font-weight: 800; } .list-collection figure span, .list-featured figure span { -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } .list-collection figure span span, .list-featured figure span span { display: block; position: relative; bottom: 0; width: auto; height: auto; border-radius: 0; background: none; font-size: 0.65em; } .list-collection figure span.label, .list-featured figure span.label { display: block; bottom: auto; top: 0; width: auto; min-width: 104px; height: 35px; padding: 0 15px; border-radius: 0; background: #0091bc; font-size: 0.7em; font-weight: 700; line-height: 33px; text-transform: uppercase; } .list-collection figure span.label, .list-featured figure span.label { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .list-collection figure span.a, .list-product span.a, .list-product span.label.a, .list-featured figure span.label.a { background: #019386; } .list-collection figure span.b, .list-product span.b, .list-product span.label.b, .list-featured figure span.label.b { background: #191E20; } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6, .list-featured h1, .list-featured h2, .list-featured h3, .list-featured h4, .list-featured h5, .list-featured h6 { margin: 0 0 10px; font-size: 2.4em; font-weight: 800; } .list-collection h1 span, .list-collection h2 span, .list-collection h3 span, .list-collection h4 span, .list-collection h5 span, .list-collection h6 span, .list-featured h1 span, .list-featured h2 span, .list-featured h3 span, .list-featured h4 span, .list-featured h5 span, .list-featured h6 span { display: block; font-size: 0.8333333333em; font-weight: 400; line-height: 1.4; letter-spacing: normal; } .list-collection p { margin-bottom: 2px; } .list-collection .rating-a { position: relative; z-index: 9; max-width: 82px; margin: 0 0 31px; } .list-collection .price, .list-featured .price { display: block; margin: 32px 0 0; font-weight: 800; font-size: 3em; line-height: 1.3181818182; } .list-collection .price span, .list-featured .price span { position: relative; top: -2px; color: #111213; font-size: .5em; font-weight: 400; } .list-collection .price span.overlay-c, .list-featured .price span.overlay-c { display: block; top: 0; padding: 2px 0 0; color: #777D80; font-size: .5em; } .list-collection .price span.overlay-c span, .list-featured .price span.overlay-c span { top: 0; color: #777D80; font-weight: 700; font-size: 1em; } .list-collection .link, .list-featured .link { display: block; margin-top: 24px; font-size: 1.6em; } .list-collection .link:last-child { margin-bottom: 33px; } .list-collection .link a, .list-featured .link a { display: block; margin-top: 3px; color: #0F1112; } .list-collection .link a:after, .list-featured .link a:after { content: "\e92d"; display: inline-block; position: relative; left: 0; right: 0; top: -1px; width: auto; margin-left: 7px; font-size: 8px; line-height: 1px; } .list-collection .link a:before { z-index: 8; } .list-collection .link:last-child a + a:last-child { margin-bottom: -34px; } .list-collection .check-a { position: relative; z-index: 9; font-size: 1.5em; } .list-collection .check-a input, .list-collection .check-a .input { top: 6px; } .list-collection ul.label { position: absolute; left: 0; top: 0; list-style: none; margin: 0; padding: 7px 8px 5px; border-radius: 4px; background: #F7F7F7; color: #1C1F21; font-weight: 400; line-height: 1.3333333333; text-transform: uppercase; } .list-collection ul.label { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .list-collection ul.label li { width: auto; margin: 0; border-width: 0; font-size: 1.2em; } .list-collection ul.label span { color: #F82790; font-weight: 800; font-size: 1.1666666667em; } .list-collection ul.label i { display: inline-block; position: relative; top: 2px; margin: 0 0 0 3px; color: #fff; font-size: 17px; line-height: 1px; } .list-collection ul.label i:before { position: relative; z-index: 2; } .list-collection ul.label i:after { left: 0; bottom: 0; top: auto; margin: 0; color: #9fa0a1; font-size: 17px; line-height: 1px; } .list-collection ul.label i.icon-stars-1:after { content: "\e967"; } .list-collection ul.label i.icon-stars-2:after { content: "\e96b"; } .list-collection ul.label i.icon-stars-3:after { content: "\e969"; } .list-collection ul.label i.icon-stars-4:after { content: "\e96c"; } .list-collection ul.label i.icon-stars-5:after { content: "\e96e"; } [class*="cols"] .list-collection { } [class*="cols"] .list-collection li { width: 33.333333333%; } .list-color { list-style: none; margin: 29px -16px 20px 0; padding: 0; } .list-color li { float: left; margin: 0 16px 16px 0; } .list-color a, .list-color label { display: block; position: relative; width: 29px; height: 29px; border-radius: 50%; border: 1px solid #e4e4e4; text-align: left; text-indent: -3000em; cursor: pointer; } .list-color li[data-color*="fff"] a, .list-color li[data-color*="fff"] label, .list-color li[data-color*="f7f7f7"] a, .list-color li[data-color*="f7f7f7"] label { border-color: #e9e9e9; } .list-color li[data-color*="fff"] a:before, .list-color li[data-color*="fff"] label:before, .list-color li[data-color*="f7f7f7"] a:before, .list-color li[data-color*="f7f7f7"] label:before { color: #e9e9e9; } .list-color a:before, .list-color label:before { content: "\e930"; visibility: hidden; color: #fff; font-size: 6px; opacity: 0; } .list-color .input { border-radius: 50%; outline-offset: -2px; } .list-details { list-style: none; margin: 21px 0 30px; padding: 0; line-height: 1.5; } .list-details li { position: relative; padding: 12.5px 0 12.5px 255px; } .list-details li > span:first-child { display: block; position: absolute; left: 0; top: 12.5px; width: 255px; padding: 0 17px; color: #777D80; } .list-details li:nth-child(2n-1) { background: #f5f5f5; } .list-details li.link-more { margin-top: -14px; padding: 0 17px; background: none; } .list-details li:nth-child(2n-1) + .link-more { margin-top: 0; padding-top: 12.5px; } .list-featured { list-style: none; margin: 0 0 40px -18px; padding: 0; } .list-featured li { position: relative; z-index: 5; float: left; width: 50%; height: 386px; margin: 0 0 18px; padding: 50px 30px 0 388px; border-left: 18px solid rgba(0,0,0,0); font-size: 10px; } .list-featured li:before { z-index: -1; background: rgba(0,0,0,.04) } .list-featured figure { position: absolute; left: 22px; top: 22px; bottom: 22px; width: 354px; margin: 0; color: #fff; font-size: 20px; line-height: 1.3181818182; text-align: center; } .list-featured figure span { bottom: 23px; } .list-featured figure img { position: relative; z-index: -5; } .list-featured .price { margin-top: 15px; } .list-featured .link { margin-top: 19px; } .heading-a + .list-featured { margin-top: -8px; } .list-featured li.big { display: block; height: 790px; padding: 21px 15px 0 15px; text-align: center; } .list-featured li.big:before { background: rgba(0,0,0,.08); } .list-featured li.big figure { position: relative; left: 0; top: 0; bottom: 0; width: auto; height: 530px; margin-bottom: 8px; } .list-featured li.big figure span { bottom: 50px; } .list-featured li.big figure span span, .list-featured li.big figure span.label { bottom: auto; } .list-featured li.big .price { max-width: 457px; margin-top: 28px; margin-left: auto; margin-right: auto; text-align: left; } .list-featured li.big .price span.overlay-c { top: 10px; float: right; } .list-featured li.big .link { margin-top: 24px; margin-right: -40px; } .list-featured li.big .link a { margin-right: 40px; } .list-filter { list-style: none; max-width: 192px; padding: 0; } .list-filter li { position: relative; margin: 0 0 18px; } .list-filter label, .list-filter a { display: block; position: relative; color: #0A0B0B; font-weight: 400; cursor: pointer; } .list-filter label.active, .list-filter a.active, .list-filter .active label, .list-filter .active a { color: #F82790; text-decoration: none; cursor: default; } .list-filter label.active, .list-filter .active label { font-weight: 700; } .list-filter label.active:after, .list-filter .active label:after { content: "\e930"; display: inline-block; position: relative; top: -2px; margin: 0 0 0 12px; font-size: 8px; font-family: i; font-weight: 400; line-height: 1px; } .list-filter span { display: block; position: absolute; left: 175px; top: 0; color: #9A9FA2; font-weight: 400; } .list-filter .link-more { margin-top: 0; padding: 0; } .list-filter .link-more a { padding-right: 0; font-weight: 700; } .list-info { list-style: none; margin-bottom: 20px; padding: 0; line-height: 1.3; } .list-info li { margin-bottom: 10px; padding: 11px 16px; border-radius: 4px; background: #2a2e31; color: #fff; font-size: 15px; } .list-info i { display: inline-block; position: relative; top: 1px; margin: 0 4px 0 0; font-size: 13px; line-height: 1px; } .list-info i.icon-notification { top: 3px; color: #464849; font-size: 18px; } .list-info li:last-child i { margin: 0 0 0 4px; } .list-info li:first-child:last-child { float: right; } .list-info a { color: #111213; } .list-info li.strong { padding-left: 0; padding-right: 0; border-radius: 0; background: none; color: #111213; } .list-quote { position: relative; list-style: none; padding: 0 0 21px; background-position: center 100%; background-repeat: no-repeat; background-size: auto 28px; text-align: center; } .list-quote li { margin: 0 0 38px; font-size: 14px; } .list-quote li > span { margin: 0 12px 0 0; font-weight: 700; font-size: 1.1428571429em; } .list-quote q { display: block; max-width: 1124px; margin: 0 auto 41px; } .list-quote img { display: block; margin: 0 auto 38px; border-radius: 50%; } .list-quote span[data-val] { display: block; position: relative; left: 1px; z-index: 2; width: 150px; margin: 0 auto 21px; text-indent: -3000em; text-align: left; } .list-quote span[data-val] .rating { position: relative; left: 0; width: auto; height: 28px; margin: 0; } .list-quote span[data-val] .rating > * { width: 28px; margin-right: 2px; } .list-quote.is-slider { padding-left: 60px; padding-right: 60px; } .list-quote .owl-nav button { position: absolute; top: 106px; } #root .list-quote .owl-dots button.active { background: #00b67a; } .list-popular { list-style: none; margin-top: 22px; padding: 0; font-weight: 700; line-height: 1.7142857143; } .list-popular li { position: relative; margin: 0 0 33px; padding: 0 0 0 92px; font-size: 14px; } #root .list-popular a, #root .list-popular a span.title { display: block; font-weight: 700; } .list-popular span { display: block; font-weight: 400; } .list-popular span.img { position: absolute; left: 0; top: -20px; bottom: -20px; width: 88px; } .list-popular .no { display: block; position: absolute; left: 0; bottom: -8px; z-index: 9; width: 20px; height: 20px; border-radius: 10px; background: #f82790; color: #fff; font-size: 12px; font-weight: 800; line-height: 22px; text-align: center; } .list-product { list-style: none; padding: 2px 0 0; font-weight: 800; line-height: 1.25; text-align: center; } .list-product li { position: relative; padding: 15px 0 0; font-size: 20px; } .list-product a { display: block; color: #fff; outline-offset: -2px; } .list-product span { display: block; position: absolute; left: 0; bottom: 30px; width: 87px; height: 87px; border-radius: 50%; background: #F82790; color: #fff; } .list-product span span { display: block; position: relative; bottom: 0; width: auto; height: auto; border-radius: 0; background: none; font-size: 0.65em; } .list-product span.label { display: block; top: 0; bottom: auto; width: auto; min-width: 104px; height: 35px; padding: 0 15px; border-radius: 0; background: #BC005F; font-size: 0.7em; font-weight: 700; line-height: 33px; text-transform: uppercase; } .list-product a:before { z-index: 9; } .list-product .pager { list-style: none; margin: 0; padding: 30px 0 0; } .list-product .pager li { position: relative; width: 20%; margin: 0; padding: 0; } .list-product .pager li, .list-product .pager a { height: 96px; } .list-product .pager img { opacity: .3; } .list-rating { list-style: none; margin: 40px 0 0 -80px; padding: 0; line-height: 1.8666666667; text-align: center;} .list-rating li { width: 33.33333333%; margin: 0 0 24px; border-left: 80px solid rgba(0,0,0,0); font-size: 15px; } #root .list-rating h1, #root .list-rating h2, #root .list-rating h3, #root .list-rating h4, #root .list-rating h5, #root .list-rating h6 { margin: 0 0 15px; font-size: 1em; font-weight: 700; } .list-rating .rating-a { width: 112px; height: 19px; margin: 0 auto 17px; } .list-rating .rating-a .rating { width: 105%; height: 19px; } .list-rating .rating-a .rating > * { width: 20px; margin-right: 3px; } .list-rating p { margin: 0 0 15px; font-size: 1em; } .list-rating .link-more { padding-top: 8px; font-size: 16px; } /*! 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; font-weight: 700; font-size: 14px; } form p { position: relative; clear: both; } input { height: 45px; padding: 0 17px; } input[type="date"] { line-height: 30px; } select { height: 45px; padding: 12px 45px 12px 17px; line-height: normal; } .gecko select { padding-left: 13px; } .select { display: block; position: relative; } .select select { display: block; position: relative; z-index: 3; width: 100%; background: none; } .select:after { border-radius: 4px; border: 1px solid #ECECEC; background: #fff; } .select:before, .semantic-select .ticker:before { content: "\e92b"; display: block; position: absolute; right: 15px; top: 50%; z-index: 2; margin: -10px 0 0; color: #9A9FA2; font-size: 5px; font-family: i; line-height: 20px; } textarea { padding: 13px 13px 13px 17px; } input, select, textarea, .check-a .input, .semantic-select .input { display: block; width: 100%; border-radius: 4px; border: 1px solid #ECECEC; background: #fff; font-size: 14px; } button, input[type="button"], input[type="reset"], input[type="submit"] { overflow: hidden; float: left; margin: 19px 0 0; padding: 17.5px 25px; border-radius: 6px; border: 1px solid #019386; background: #019386; color: #fff; font-family: Gilroy, Muli, Arial, Helvetica, sans-serif; font-weight: 800; line-height: 1.2; } button + a, input[type="button"] + a, input[type="reset"] + a, input[type="submit"] + a { display: block; clear: both; padding-top: 5px; } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: #ccc; background: #ccc; cursor: default; } [data-whatintent="mouse"] button:hover, [data-whatintent="mouse"] input[type="button"]:hover, [data-whatintent="mouse"] input[type="reset"]:hover, [data-whatintent="mouse"] input[type="submit"]:hover { border-color: #017A70; background: #017A70; color: #fff; } .semantic-select { display: block; position: relative; } .semantic-select span { display: block; } .semantic-select .input { display: block; height: 45px; padding: 0 45px 0 17px; background: #fff; line-height: 43px; } .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; bottom: 0; width: 30px; cursor: pointer; } .semantic-select ul { display: none; overflow-y: auto; overflow-x: hidden; position: absolute; left: 0; top: 100%; list-style: none; width: 100%; max-height: 250px; margin: -8px 0 0; padding: 0 0 2px; border-radius: 0 0 4px 4px; border: 1px solid #ECECEC; border-top-width: 0; background: #fff; line-height: 1.1; z-index:5; } .semantic-select ul li { } .semantic-select ul li a { display: block; padding: 7.5px 17px; color: #777D80;font-weight: 400; } .semantic-select ul li.active a, .semantic-select ul li a.active { color: #F82790; cursor: default; } .semantic-select.active ul { display: block; } .gui-select + .gui-select, .gui-select + .gui-input, .gui-input + .gui-input, .gui-input + .gui-select { margin-top: 10px; } .check-a { font-size: 14px; } .check-a label { margin: 0; padding: 0 0 0 26px; font-weight: 400; font-size: 1em; } .check-a label input, .check-a .input { display: block; position: absolute; left: 0; top: 4px; line-height: 17px; } .check-a .input { width: 17px; height: 17px; border-radius: 2px; color: #fff; font-size: 8px; cursor: pointer; } .check-a .input:before { content: "\e930"; visibility: hidden; opacity: 0; } .check-a label.active .input, .module-product .check-a label.active .input { border-color: #ea2688; background: #ea2688; } .form-filter { padding: 6px 0 0; } .form-filter header { } .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: static; padding-bottom: 17px; border-width: 0; background: #F82790; color: #fff; font-weight: 700; } .form-filter header h1 a, .form-filter header h2 a, .form-filter header h3 a, .form-filter header h4 a, .form-filter header h5 a, .form-filter header h6 a { display: block; color: #fff; } .form-filter header h1 a:before, .form-filter header h2 a:before, .form-filter header h3 a:before, .form-filter header h4 a:before, .form-filter header h5 a:before, .form-filter header h6 a:before { left: -20px; right: -20px; z-index: 2; } .form-filter header h1 a:after, .form-filter header h2 a:after, .form-filter header h3 a:after, .form-filter header h4 a:after, .form-filter header h5 a:after, .form-filter header h6 a:after { content: "\e92b"; left: auto; right: 0; width: auto; color: #fff; font-size: 7px; } .form-filter header + h1, .form-filter header + h2, .form-filter header + h3, .form-filter header + h4, .form-filter header + h5, .form-filter header + h6 { border-top-width: 0; } .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6 { position: relative; margin: 45px 0 30px; padding-right: 20px; border: 0 solid #dfdfdf; color: #0A0B0B; font-weight: 400; font-size: 20px; } .form-filter h1 a.toggle, .form-filter h2 a.toggle, .form-filter h3 a.toggle, .form-filter h4 a.toggle, .form-filter h5 a.toggle, .form-filter h6 a.toggle { right: -2px; text-decoration: none; } .form-filter h1 a.toggle:before, .form-filter h2 a.toggle:before, .form-filter h3 a.toggle:before, .form-filter h4 a.toggle:before, .form-filter h5 a.toggle:before, .form-filter h6 a.toggle:before { content: "\e92b"; left: auto; right: 2px; width: auto; color: #9A9FA2; font-size: 7px; } .form-filter h1.toggle a.toggle:before, .form-filter h2.toggle a.toggle:before, .form-filter h3.toggle a.toggle:before, .form-filter h4.toggle a.toggle:before, .form-filter h5.toggle a.toggle:before, .form-filter h6.toggle a.toggle:before, .form-filter.toggle header h1 a:after, .form-filter.toggle header h2 a:after, .form-filter.toggle header h3 a:after, .form-filter.toggle header h4 a:after, .form-filter.toggle header h5 a:after, .form-filter.toggle header h6 a:after { content: "\e926"; } .form-filter h1 a.toggle, .form-filter h2 a.toggle, .form-filter h3 a.toggle, .form-filter h4 a.toggle, .form-filter h5 a.toggle, .form-filter h6 a.toggle { z-index: 2; } .form-filter h1.shown, .form-filter h2.shown, .form-filter h3.shown, .form-filter h4.shown, .form-filter h5.shown, .form-filter h6.shown { z-index: 999 !important; } .form-filter .list-color + h1, .form-filter .list-color + h2, .form-filter .list-color + h3, .form-filter .list-color + h4, .form-filter .list-color + h5, .form-filter .list-color + h6 { margin-top: 35px; } .form-sort { position: relative; z-index: 3; margin: 0 0 38px; padding: 15px 15px 0; border-radius: 4px; border: 1px solid #e9e9e9; background: #f7f7f7; } .form-sort p { float: right; clear: none; margin: 0 0 15px; font-size: 16px; } .form-sort p:first-child { float: left; } .form-sort p:first-child:last-child { float: right; } .form-sort label { float: left; margin: 0 20px 0 0; font-weight: 400; font-size: 1em; } .form-sort input, .form-sort select, .form-sort .select, .form-sort .semantic-select .input { width: 80px; color: #777D80; font-size: 15px; } .form-sort .semantic-select .input, .form-sort select, .form-sort .semantic-select ul li a { padding-left: 13px; } .form-sort .semantic-select ul li a { padding-right: 13px; } .form-sort p:first-child select, .form-sort p:first-child .semantic-select .input { width: 173px; } .form-sort p:first-child:last-child select, .form-sort p:first-child:last-child .semantic-select .input { width: 80px; } /* .list-collection + .form-sort { margin-top: -37px; } */ .form-sort + .list-collection { margin-top: 52px; } /*! 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; } #cookie, #mobile, .popup-a .box-inset, .popup-a .close, .tip-text { transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } .owl-height { transition: height .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } body { transition: padding .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } option, .list-details li { transition: none; } .clear { clear: both; overflow: hidden; width: 100%; height: 0; } .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em, #cookie a.close:after, .ui.dropdown .select, #up em, #nav .search form label, .js .check-a label input, #footer label, #footer nav ul:before, #footer nav ul:after, .list-quote .label, .list-details li.hidden, .rating-a .label, .breadcrumbs li:last-child:before, .list-btn label input, .list-filter label input, .list-color label input, .ui-slider-a .label, #root .list-collection ul.label li:before { position: absolute; left: -30000px; top: 0; right: auto; bottom: auto; } [class*="cols"] .list-collection li:nth-child(4n-3):before { display: block; } [hidden], template, #root .owl-carousel .disabled, .list-quote .owl-dots, .list-collection li:nth-child(4n-3):before, #mobile i, #mobile img, #footer nav a.toggle, .table-product tr:first-child:before, [class*="cols"] .list-collection li:nth-child(3n-2):before, .list-filter li.hidden, .list-filter .link-more a:after, .js .ui-slider-a > span, .form-filter header, .form-filter > .hidden, .rating-a .tip .show, .rating-a .tip .popup, .list-checks .tip-text:before, .popup-a .tip-close, .tip .tip-shadow, .list-featured .rating-a, #root .link-more.hidden { 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; } #nav .user form .check-a:first-child, .module-box:first-child, .module-wide:first-child, #content > .module-wide:first-child, .link-btn:first-child, .list-collection:first-child, .list-catalog:first-child, .list-popular:first-child, .list-rating:first-child, .list-btn:first-child, .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, .ui-slider-a:first-child, .form-filter header + *, p.link-more:first-child, .module-featured .list-checks:first-child, .module-featured:first-child, .module-featured.inv:first-child { margin-top: 0; } #root #nav > ul > li:last-child, #root #up > ul > li:last-child, .ui-slider-a > span:last-child, .ui-slider-a .value:last-child { margin-right: 0; } #up > ul > li:first-child > a i { margin-left: 0; } #root .m0, #content > .module-wide:last-child, .form-filter header h1.toggle, .form-filter header h2.toggle, .form-filter header h3.toggle, .form-filter header h4.toggle, .form-filter header h5.toggle, .form-filter header h6.toggle { margin-bottom: 0; } #root .m70 { margin-bottom: 68px; } #root .m100 { margin-bottom: 100px; } /*! 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: #F82790; color: #fff; text-shadow: none; } ::-moz-selection { background: #F82790; 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, [data-whatinput="keyboard"] #nav > ul > li.search > a:focus:before, [data-whatinput="keyboard"] #nav > ul > li.cart > a:focus:before, [data-whatinput="keyboard"] #nav .search form button:focus:before, [data-whatinput="keyboard"] #nav .search form .remove:focus:before, [data-whatinput="keyboard"] .check-a input:focus ~ .input, [data-whatintent="keyboard"] .list-catalog a:focus:before, [data-whatintent="keyboard"] #root .popup-a .box-inset > .close:focus:before, [data-whatintent="keyboard"] .list-collection .link a:focus:before, [data-whatintent="keyboard"] .list-filter input:focus ~ .input, [data-whatintent="keyboard"] .list-color input:focus ~ .input, [data-whatintent="keyboard"] .list-btn input:focus ~ .input { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus, #root .list-catalog a, #root .popup-a .box-inset > .close, #root .list-collection .link a { outline: none; } /*! Flexbox --------- */ /* flex */ .list-featured li.big .link, .list-featured figure span, .list-featured figure, .list-featured li, .module-featured, .link-more, .module-featured figure, .form-sort p, .heading-filters nav, .list-product span, .list-product a, .list-product .pager, .list-product li, .list-rating, .popup-a .box-outer, .list-catalog li, .list-catalog .img, .list-catalog, .list-collection figure span, .list-collection figure, .list-collection, .link-btn, #footer ul, .list-popular span.img, #footer nav, #nav > ul > li > ul li a span, #up > p, .grid { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* wrap */ #root .list-featured .link, .list-featured, .list-featured li.big .link, .link-more, .list-info, .list-product .pager, .list-product .pager, .list-rating, .list-catalog, .list-collection, .link-btn, .owl-dots, #footer ul, #footer nav, .grid.wrap { -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-col */ .list-featured figure span, .list-featured li, .module-featured, .list-product span, .list-collection figure span, .grid.column-orient { -webkit-flex-direction: column; flex-direction: column; } /* justify-start */ .module-featured.top, .module-featured.inv figure, .grid.justify-start { -webkit-justify-content: flex-start; justify-content: flex-start; } /* justify-center */ #root .list-featured .link, #sticky, .list-featured li.big, .list-featured li.big .link, .list-featured figure span, .list-featured figure, .list-featured li, .module-featured, .text-center .link-more, .module-featured figure, .list-product span, .list-product a, .list-product li, .popup-a .box-outer, .list-catalog li, .list-catalog .img, .list-collection figure span, .list-collection figure, .link-btn.text-center, .owl-dots, #footer ul, .list-popular span.img, #nav > ul > li > ul li a span, .grid.justify-center { -webkit-justify-content: center; justify-content: center; } /* justify-end */ .module-featured figure, .grid.justify-end, .grid.bottom { -webkit-justify-content: flex-end; justify-content: flex-end; } /* justify-space */ .list-info, .module-box .link-btn, #footer nav, .grid.justify-space { -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 */ .module-featured figure.top, .grid.start { -webkit-align-items: flex-start; align-items: flex-start; } /* align-i-center */ .list-featured figure span, .list-featured figure, .link-more, .module-featured figure, .form-sort p, .heading-filters nav, .table-product tr, .list-product a, .list-product li, .list-info, .list-collection figure span, .popup-a .box-outer, .list-catalog li, .list-catalog .img, .list-collection figure span, .list-collection figure, .link-btn, .list-popular span.img, #nav > ul > li > ul li a span, #up > p, .grid.center { -webkit-align-items: center; align-items: center; } /* align-i-end */ .module-featured figure.bottom, .module-featured figure.down, .grid.bottom { -webkit-align-items: flex-end; align-items: flex-end; } /* align-i-stretch */ .list-featured, .list-catalog, .list-collection, .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 */ .grid-cell.stretch { -webkit-align-self: stretch; align-self: stretch; } /* 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 */ .grid-cell.grow3 { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Fonts --------- */ @font-face { font-family: 'Gilroy'; src: url('gilroy-regular.eot'); src: url('gilroy-regular.eot?#iefix') format('embedded-opentype'), url('gilroy-regular.woff2') format('woff2'), url('gilroy-regular.woff') format('woff'), url('gilroy-regular.ttf') format('truetype'), url('gilroy-regular.svg#gilroyregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('gilroy-regularitalic.eot'); src: url('gilroy-regularitalic.eot?#iefix') format('embedded-opentype'), url('gilroy-regularitalic.woff2') format('woff2'), url('gilroy-regularitalic.woff') format('woff'), url('gilroy-regularitalic.ttf') format('truetype'), url('gilroy-regularitalic.svg#gilroyregular_italic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('gilroy-bold.eot'); src: url('gilroy-bold.eot?#iefix') format('embedded-opentype'), url('gilroy-bold.woff2') format('woff2'), url('gilroy-bold.woff') format('woff'), url('gilroy-bold.ttf') format('truetype'), url('gilroy-bold.svg#gilroybold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('gilroy-bolditalic.eot'); src: url('gilroy-bolditalic.eot?#iefix') format('embedded-opentype'), url('gilroy-bolditalic.woff2') format('woff2'), url('gilroy-bolditalic.woff') format('woff'), url('gilroy-bolditalic.ttf') format('truetype'), url('gilroy-bolditalic.svg#gilroybold_italic') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('gilroy-extrabold.eot'); src: url('gilroy-extrabold.eot?#iefix') format('embedded-opentype'), url('gilroy-extrabold.woff2') format('woff2'), url('gilroy-extrabold.woff') format('woff'), url('gilroy-extrabold.ttf') format('truetype'), url('gilroy-extrabold.svg#gilroyextrabold') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('gilroy-extrabolditalic.eot'); src: url('gilroy-extrabolditalic.eot?#iefix') format('embedded-opentype'), url('gilroy-extrabolditalic.woff2') format('woff2'), url('gilroy-extrabolditalic.woff') format('woff'), url('gilroy-extrabolditalic.ttf') format('truetype'), url('gilroy-extrabolditalic.svg#gilroyextrabold_italic') format('svg'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Muli'; font-style: italic; font-weight: 300; src: local('Muli Light Italic'), local('Muli-LightItalic'), url(https://fonts.gstatic.com/s/muli/v11/7Au9p_0qiz-afTf-hCDGzWQI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Muli'; font-style: italic; font-weight: 400; src: local('Muli Italic'), local('Muli-Italic'), url(https://fonts.gstatic.com/s/muli/v11/7Au-p_0qiz-afTf2LwLT.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Muli'; font-style: italic; font-weight: 700; src: local('Muli Bold Italic'), local('Muli-BoldItalic'), url(https://fonts.gstatic.com/s/muli/v11/7Au9p_0qiz-afTf-lCfGzWQI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Muli'; font-style: italic; font-weight: 800; src: local('Muli ExtraBold Italic'), local('Muli-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/muli/v11/7Au9p_0qiz-afTf-iCTGzWQI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Muli'; font-style: normal; font-weight: 300; src: local('Muli Light'), local('Muli-Light'), url(https://fonts.gstatic.com/s/muli/v11/7Au_p_0qiz-adZnkOCX2zw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v11/7Auwp_0qiz-afTLGLQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Muli'; font-style: normal; font-weight: 700; src: local('Muli Bold'), local('Muli-Bold'), url(https://fonts.gstatic.com/s/muli/v11/7Au_p_0qiz-adYnjOCX2zw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Muli'; font-style: normal; font-weight: 800; src: local('Muli ExtraBold'), local('Muli-ExtraBold'), url(https://fonts.gstatic.com/s/muli/v11/7Au_p_0qiz-adZXgOCX2zw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icomoon.eot'); src: url('icomoon.eot#iefix') format('embedded-opentype'), url('icomoon.ttf') format('truetype'), url('icomoon.woff') format('woff'), url('icomoon.svg#icomoon') format('svg'); font-weight: 400; font-style: normal; } [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-apple:before { content: "\e95f"; } .icon-arrows:before { content: "\e95c"; } .icon-bag:before { content: "\e932"; } .icon-basket-plus:before { content: "\e95d"; } .icon-blog:before { content: "\e93c"; } .icon-calendar:before { content: "\e933"; } .icon-caret-down:before { content: "\e95e"; } .icon-caret-left:before { content: "\e95a"; } .icon-caret-right:before { content: "\e95b"; } .icon-caret-up:before { content: "\e959"; } .icon-cart:before { content: "\e935"; } .icon-cart-plus:before { content: "\e934"; } .icon-chart:before { content: "\e92e"; } .icon-chat:before { content: "\e92f"; } .icon-check:before { content: "\e930"; } .icon-checkbox:before { content: "\e958"; } .icon-check-circle:before { content: "\e931"; } .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: "\e957"; } .icon-circle-outline:before { content: "\e93e"; } .icon-circles-1:before { content: "\e967"; } .icon-circles-2:before { content: "\e96b"; } .icon-circles-3:before { content: "\e969"; } .icon-circles-4:before { content: "\e96c"; } .icon-circles-5:before { content: "\e96e"; } .icon-credit-cards:before { content: "\e927"; } .icon-decrease-count:before { content: "\e928"; } .icon-decrease-down:before { content: "\e922"; } .icon-decrease-up:before { content: "\e929"; } .icon-document:before { content: "\e923"; } .icon-documents:before { content: "\e924"; } .icon-download:before { content: "\e953"; } .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-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-info-circle:before { content: "\e963"; } .icon-info-circle-inside:before { content: "\e962"; } .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-1:before { content: "\e961"; } .icon-logo-2:before { content: "\e960"; } .icon-menu:before { content: "\e912"; } .icon-messenger:before { content: "\e913"; } .icon-minus:before { content: "\e914"; } .icon-minus-thin:before { content: "\e915"; } .icon-notification:before { content: "\e956"; } .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-smile-outline:before { content: "\e964"; } .icon-snapchat:before { content: "\e94f"; } .icon-star:before { content: "\e909"; } .icon-star-circle:before { content: "\e908"; } .icon-stars-1:before { content: "\e966"; } .icon-stars-2:before { content: "\e968"; } .icon-stars-3:before { content: "\e96a"; } .icon-stars-4:before { content: "\e96f"; } .icon-stars-5:before { content: "\e96d"; } .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-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-outline:before { content: "\e900"; } .icon-x-inside:before { content: "\e965"; } .icon-x-small:before { content: "\e944"; } .icon-x-thin:before { content: "\e901"; } .icon-youtube:before { content: "\e94e"; } .icon-zoom:before { content: "\e936"; } /* 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); } } /*! Fancybox --------- */ body.compensate-for-scrollbar { overflow: hidden; -ms-overflow-style: none; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; 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: .87; 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, visibility 0s linear .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, visibility 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px 44px 0 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--next { z-index: 99995; } .fancybox-slide--image { padding: 44px 0 0 0; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px 6px 0 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0 0 44px 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; 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-slide--html .fancybox-content { margin: 0 0 6px 0; } .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--iframe .fancybox-content { height: calc(100% - 44px); 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; vertical-align: top; width: 100%; } .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 { min-width: 0; background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; transition: color .2s; vertical-align: top; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .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; } /* 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; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--html .fancybox-close-small:hover { color: currentColor; opacity: 1; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { height: 38px; margin: 0; opacity: 0; padding: 7px; position: absolute; top: calc(50% - (38px / 2)); width: 38px; } .fancybox-show-nav .fancybox-navigation .fancybox-button { transition: opacity .25s, visibility 0s, color .25s; } .fancybox-navigation .fancybox-button::after { content: ''; height: 100px; left: -26px; position: absolute; top: -31px; width: 70px; } .fancybox-navigation .fancybox-button--arrow_left { left: 6px; } .fancybox-navigation .fancybox-button--arrow_right { right: 6px; } /* Caption */ .fancybox-caption { bottom: 0; color: #fff; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px 25px 44px; right: 0; } .fancybox-caption::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ''; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -25px; z-index: -1; } .fancybox-caption::after { border-bottom: 1px solid rgba(255, 255, 255, 0.3); content: ''; display: block; left: 44px; position: absolute; right: 44px; top: 0; } .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 .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; border: 6px solid rgba(100, 100, 100, 0.5); border-radius: 100%; border-top-color: #fff; height: 60px; left: 50%; margin: -30px 0 0 -30px; opacity: .6; padding: 0; position: absolute; top: 50%; width: 60px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* 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-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0 0 0; } .fancybox-slide--image .fancybox-content { margin-bottom: 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: #fff; 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: 4px solid #4ea7f9; 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: 768px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /* Responsive --------- */ @media only screen and (max-width: 87.5em) { /* 1400 */ #top, #content, #footer { width: 1150px; } #top { margin-left: -575px; } #top { } #nav > ul:first-child > li { margin-right: 0; } .cols-a, .heading-filters { padding-left: 250px; } .cols-a > header:first-child, .cols-a > aside, .heading-filters h1, .heading-filters h2, .heading-filters h3, .heading-filters h4, .heading-filters h5, .heading-filters h6 { width: 220px; margin-left: -250px; } .double.a, .double.b { margin-left: -50px; } .double.a > *, .double.b > * { border-left-width: 50px; } .heading-filters { } .heading-filters h1, .heading-filters h2, .heading-filters h3, .heading-filters h4, .heading-filters h5, .heading-filters h6 { padding-top: 10px; font-size: 36px; } .list-catalog { } .list-catalog li { height: 385px; font-size: 21px; } .list-catalog .img { height: 201px; } .list-collection { } .list-collection figure { height: 243px; } .list-collection figure span, .list-featured figure span, .list-collection ul.label { -webkit-transform: scale(.852631578947); -ms-transform: scale(.852631578947); transform: scale(.852631578947); } .list-featured { } .list-featured li { width: 54%; height: 330px; padding-right: 20px; padding-left: 350px; } .list-featured figure { width: 300px; } .list-featured li.big { width: 46%; height: 678px; } .list-featured li.big figure { height: 400px; margin-bottom: 26px; } .list-featured li.big figure span { bottom: 23px; } .list-product { } .list-product .pager li { width: 25%; } .module-box { } .double .module-box .link-btn a { min-width: 0; padding-left: 20px; padding-right: 20px; } .module-product { padding-left: 500px; } .module-product > *:first-child { width: 460px; margin-left: -500px; } .module-featured { padding-left: 574px; } .module-featured.inv { padding-right: 574px; } .table-product { } .table-product th, .table-product td { padding-left: 10px; padding-right: 10px; } .table-product tr > *:first-child { padding-left: 20px; } .table-product tr > *:last-child { padding-right: 20px; } .table-product th a { } .table-product th a[data-popup]:before, .table-product th a[data-popup]:after { font-size: 16px; } .table-product .price { padding-right: 10px; font-size: 28px; } .table-product td.link-btn { padding-left: 10px; } .table-product td .link-btn a { width: 160px; } } @media only screen and (max-width: 75em) { /* 1200 */ #top, #content, #footer, .popup-a .box-inner { width: 980px; } #top { margin-left: -490px; } #top { } #nav { left: 160px;} #nav > ul:first-child > li > a { padding-left: 20px; padding-right: 20px; } #nav > ul > li > ul, #nav .search form { left: -10160px; } #nav > ul > li > ul li { width: 20%; } #nav > ul > li > ul li:nth-child(6n) + li { clear: none; } #nav > ul > li > ul li:nth-child(5n) + li { clear: both; } q { font-size: 18px; } .heading-filters { } .heading-filters h1, .heading-filters h2, .heading-filters h3, .heading-filters h4, .heading-filters h5, .heading-filters h6 { padding-top: 4px; } .heading-filters nav { display: block; } .heading-filters nav h1, .heading-filters nav h2, .heading-filters nav h3, .heading-filters nav h4, .heading-filters nav h5, .heading-filters nav h6, .heading-filters nav p { margin: 0 0 10px; } .heading-filters nav ul { margin-bottom: 0; margin-right: -16px; } .list-catalog { } .list-catalog li { height: 325px; font-size: 18px; } .list-catalog .img { height: 170px; } .list-collection { margin-top: 50px; margin-left: -39px; } .list-collection li { border-left-width: 39px; } .list-collection li:before { left: -20px; } .list-collection figure { height: 215px; } .list-collection figure span, .list-featured figure span, .list-collection ul.label { -webkit-transform: scale(.7543859649); -ms-transform: scale(.7543859649); transform: scale(.7543859649); } .list-details { } .list-details li { padding-left: 220px; } .list-details li > span:first-child { width: 220px; } .list-featured { } .list-featured li { width: 50%; height: auto; padding-left: 30px; padding-top: 21px; } .list-featured figure { position: relative; left: 0; top: 0; bottom: 0; width: auto; height: 240px; margin-bottom: 20px; } .list-featured figure span, .list-featured li.big figure span { bottom: 0; } .list-featured .link { margin-top: auto; padding-top: 19px; } .list-featured li.big { width: 100%; clear: both; height: 386px; padding-left: 53%; text-align: left; } .list-featured li.big figure { position: absolute; left: 22px; top: 22px; bottom: 22px; width: 490px; height: auto; margin-bottom: 0; } .list-featured li.big .price { max-width: none; margin-top: 15px; margin-left: 0; margin-right: 0; } .list-featured li.big .price span.overlay-c { top: 0; float: none; } .list-featured li.big .link { display: block; margin-top: 19px; margin-right: 0; padding-top: 0; } .list-featured li.big .link a { margin-right: 0; } .list-product { } .list-product span { bottom: 0; } .list-product .pager li { width: 33.3333333%; } .list-rating { margin-left: -50px; } .list-rating li { border-left-width: 50px; } .module-box { padding: 15px 20px .1px; } .module-featured { min-height: 800px; padding-left: 404px; } .module-featured.inv { padding-right: 404px; } .module-product { padding-left: 400px; } .module-product > *:first-child { width: 360px; margin-left: -400px; } .table-product { } .table-product td .link-btn { top: 0; float: none; } .table-product td .link-btn a { margin-top: 10px; padding-top: 17.5px; padding-bottom: 17.5px; } .table-product td .link-btn a:before { top: 0; bottom: 0; } .list-featured, .list-featured li.big { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-featured li { -webkit-justify-content: flex-start; justify-content: flex-start; } .list-quote br, .double .module-box .link-btn a i { display: none; } } @media only screen and (max-width: 63.750em) { /* 1020 */ #cookie { left: 50%; width: 720px; margin-left: -360px; padding-top: 15px; } #cookie .text { display: block; } #cookie .link { display: block; padding: 10px 0 0; } #cookie .link a { margin: 0 15px; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #content, #footer, .popup-a .box-inner { width: 720px; } #top { margin-left: -360px; } #top { } #nav { left: 150px; } #nav > ul > li { margin-right: 25px; } #nav > ul:first-child > li > a { padding-left: 20px; padding-right: 20px; } #nav > ul > li > ul, #nav .search form { left: -10150px; } #nav > ul > li > ul li { width: 33.3333333333%; } #nav > ul > li > ul li:nth-child(5n) + li { clear: none; } #nav > ul > li > ul li:nth-child(3n) + li { clear: both; } h1, .gui-page-title, .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6, #footer form h1, #footer form h2, #footer form h3, #footer form h4, #footer form h5, #footer form h6, .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { font-size: 40px; } q { font-size: 1em; } #root .double.b > *, #root .module-product > * { float: none; width: auto; margin-left: 0; } .heading-a { margin-bottom: 40px; } .heading-filters { padding-left: 0; } .heading-filters h1, .heading-filters h2, .heading-filters h3, .heading-filters h4, .heading-filters h5, .heading-filters h6 { float: none; width: auto; margin-left: 0; text-overflow: inherit; white-space: normal; } .heading-filters nav { margin-top: -20px; } .heading-filters nav ul { margin-right: -8px; margin-bottom: 10px; } .heading-filters nav ul li { margin: 0 8px 8px 0; } .lead { margin-bottom: 30px; font-size: 20px; } .list-catalog { margin-top: 0; } .list-catalog li { height: 240px; font-size: 16px; } .list-catalog .img { height: 125px; } .list-catalog.small { } .list-catalog.small li, .list-catalog.home li { width: 33.3333333%; } .list-collection { } .list-collection li { width: 33.333333333%; } .m0 .list-collection:last-child { margin-bottom: -40px; } [class*="cols"] .list-collection { } [class*="cols"] .list-collection li { width: 50%; } .list-featured { } .list-featured li.big { padding-left: 400px; } .list-featured li.big figure { width: 350px; } .heading-a + .list-featured { margin-top: 0; } .list-quote { margin-top: 40px; } .list-quote img { margin-bottom: 20px; } .list-product { } .list-product span { bottom: 30px; } .list-product .pager li { width: 16.6666666667%; } .list-rating { margin-left: -30px; } .list-rating li { border-left-width: 30px; } #root .m70 { margin-bottom: 40px; } #root .m100 { margin-bottom: 75px; } .module-box { } .double .module-box .link-btn a { min-width: 205px; padding-left: 25px; padding-right: 25px; } .double .module-box .link-btn a i { display: inline-block; } .module-featured, .module-featured.inv { display: block; min-height: 0; padding: 30px 0 10px; } #root .module-featured figure { position: relative; left: 0; right: 0; top: 0; bottom: 0; width: auto; margin-bottom: 50px; padding: 0; } #root .module-featured figure.down:last-child, #root .module-featured figure.bottom:last-child { margin-bottom: -10px; margin-right: calc(-50vw + 360px); } .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { margin-bottom: 30px; } .module-featured h1 span, .module-featured h2 span, .module-featured h3 span, .module-featured h4 span, .module-featured h5 span, .module-featured h6 span { margin-bottom: 4px; font-size: 20px; } .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6, .module-featured .lead, .module-featured.inv h1, .module-featured.inv h2, .module-featured.inv h3, .module-featured.inv h4, .module-featured.inv h5, .module-featured.inv h6, .module-featured.inv .lead { margin-right: 0; } .module-product { padding-left: 0; } .module-product > * + * { margin-top: 40px; } .module-wide { } .module-wide .list-catalog.small:last-child { margin-bottom: 0; } .table-product { } .table-product th, .table-product td { padding-left: 29px; padding-right: 29px; } .table-product tr > *:first-child { padding-left: 29px; } .table-product tr > *:last-child { padding-right: 29px; } .table-product th a { } .table-product th a[data-popup]:before, .table-product th a[data-popup]:after { font-size: 22px; } .table-product .price { padding-right: 0; font-size: 30px; } .table-product td .link-btn { top: 3px; float: right; } .table-product td .link-btn a { width: 192px; margin-top: 0; padding-top: 0; padding-bottom: 0; } .table-product td .link-btn a:before { top: -17.5px; bottom: -17.5px; } .list-collection li:nth-child(4n-3):before, #root [class*="cols"] .list-collection li:nth-child(2n):before { display: block; } #up > p, .list-collection li:nth-child(3n-2):last-child, .list-collection li:nth-child(3n-2):before, #root [class*="cols"] .list-collection li:before { display: none; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide { position: absolute; left: -30000px; top: -30000px; right: auto; bottom: auto; } } @media only screen and (max-width: 47.5em) { /* 760 */ #top, #content, #footer { width: auto; } #content, #footer { padding-left: 20px; padding-right: 20px; } #cookie { left: 0; right: 0; width: auto; margin-left: 0; padding-left: 20px; padding-right: 20px; } body:after { width: 30px; height: 30px; margin: -15px 0 0 -15px; } #root { padding-top: 67px; } .search-active #root { padding-top: 108px; } #top { position: fixed !important; left: 20px; right: 20px; top: 0 !important; width: auto; height: 67px; margin-left: 0; border-top-width: 0; } #top:before { border-top-width: 0; } #skip { } #skip a { min-width: 0; } #skip a:focus, #skip a:active { right: 0; } #skip li { font-size: 13px; } #nav { } #nav > ul > li { margin-right: 20px; } #nav > ul > li.user { position: static; } #nav > ul > li.user > a { width: 19px; text-indent: -3000em; } #nav > ul > li.user > a:before { content: "\e938"; font-size: 19px; } #nav > ul > li.user > a:after { top: 10px; left: -10px; right: -12px; } #nav .user form { right: -20px; left: -170px; width: auto; border-radius: 0; } #nav .search form { } #nav .search form input { padding: 0 35px; } #nav .search form input, #nav .search form button { height: 41px; } #content { padding-top: 30px; } #content > *:last-child { margin-bottom: 40px; } #content > .module-wide:last-child { margin-top: 30px; } #content > .breadcrumbs:first-child, #content > .module-featured:first-child, #content > .module-wide:first-child, #content > .list-catalog.home:first-child, #content > .list-catalog:first-child + .module-wide, #content > .list-catalog:first-child + .module-featured { margin-top: -30px; } #footer { padding-top: 30px; padding-bottom: 10px; } #footer form { margin-top: -30px; margin-bottom: 25px; padding-top: 30px; padding-bottom: 30px; } #footer input { padding-right: 75px; } #footer button { width: 54px; text-align: left; text-indent: -3000em; } #footer button:before { content: "\e93a"; font-size: 20px; } #footer nav { padding-bottom: 10px; } #root #footer nav > * { max-width: none; width: 100%; padding-right: 0; } #footer nav h1, #footer nav h2, #footer nav h3, #footer nav h4, #footer nav h5, #footer nav h6 { margin-bottom: 15px; padding-right: 20px; } #footer nav ul, #footer nav p { margin-bottom: 20px; } #sticky { left: 0; top: auto; right: 0; bottom: 0; } h1, .gui-page-title, .heading-a h1, .heading-a h2, .heading-a h3, .heading-a h4, .heading-a h5, .heading-a h6, #footer form h1, #footer form h2, #footer form h3, #footer form h4, #footer form h5, #footer form h6, .module-product header h1, .module-product header h2, .module-product header h3, .module-product header h4, .module-product header h5, .module-product header h6, .heading-filters h1, .heading-filters h2, .heading-filters h3, .heading-filters h4, .heading-filters h5, .heading-filters h6, .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { font-size: 32px; } h2 { font-size: 30px; } .list-collection .price { font-size: 28px; } .popup-a h1, .popup-a h2, .popup-a h3, .popup-a h4, .popup-a h5, .popup-a h6 { font-size: 24px; } .list-collection h1, .list-collection h2, .list-collection h3, .list-collection h4, .list-collection h5, .list-collection h6 { font-size: 20px; } .heading-filters nav h1, .heading-filters nav h2, .heading-filters nav h3, .heading-filters nav h4, .heading-filters nav h5, .heading-filters nav h6 { font-size: 18px; } .heading-a p, #footer form h1 span, #footer form h2 span, #footer form h3 span, #footer form h4 span, #footer form h5 span, #footer form h6 span, .heading-filters nav p, .module-featured h1 span, .module-featured h2 span, .module-featured h3 span, .module-featured h4 span, .module-featured h5 span, .module-featured h6 span { font-size: 16px; } .heading-filters nav ul li { font-size: 14px; } .list-btn, .ui-slider-a, .list-color, .form-filter .list-color + h1, .form-filter .list-color + h2, .form-filter .list-color + h3, .form-filter .list-color + h4, .form-filter .list-color + h5, .form-filter .list-color + h6 { margin-top: 0; } #footer form h1, #footer form h2, #footer form h3, #footer form h4, #footer form h5, #footer form h6 { margin-bottom: 30px; } .module-featured h1, .module-featured h2, .module-featured h3, .module-featured h4, .module-featured h5, .module-featured h6 { margin-bottom: 21px; } .breadcrumbs, .heading-filters { margin-bottom: 30px; } #root .breadcrumbs + .module-wide, .breadcrumbs + .module-product, .breadcrumbs + .heading-filters { margin-top: -30px; } .cols-a { padding-left: 0; } #root .cols-a > * { float: none; width: auto; margin-left: 0; } .heading-a { margin-bottom: 40px; } .heading-filters { padding-top: 30px; padding-bottom: 10px; } .link-btn { display: block; text-align: center; } .link-btn > * { display: block; } #root .link-btn > * + * { margin-top: 10px; } .link-more { } .text-center .link-more { display: block; } .link-more a.btn + * { margin-top: 20px; } .list-catalog { display: block; margin-top: -20px; margin-left: -20px; margin-right: -20px; } #root .list-catalog li { width: auto; height: auto; margin: 0 0 1px; padding: 30px 20px 25px; font-size: 20px; } #root .list-catalog li:last-child { margin-bottom: 0; } #root .list-catalog .img { height: auto; margin-bottom: 20px; } .list-quote q { margin-bottom: 20px; } .list-quote span[data-val] { margin-bottom: 16px; } .list-checks { } #root .list-checks li { float: none; width: auto; } .list-collection { } .list-collection li { width: 50%; margin-bottom: 30px; } .list-collection figure { height: calc(50vw - 40px); } .list-collection .rating-a { margin-bottom: 20px; } .list-collection .price, .list-collection .link { margin-top: 20px; } .list-details { margin-left: -20px; margin-right: -20px; } .list-details li { padding-left: 180px; padding-right: 20px; } .list-details li > span:first-child { left: 0; width: 180px; padding-left: 20px; } .list-details li.link-more { padding-left: 20px; padding-right: 20px; } .double .list-details:last-child { margin-bottom: 0; } .list-featured { display: block; } #root .list-featured li { display: block; float: none; width: auto; height: auto; padding: 20px 20px 1px; text-align: center; } #root .list-featured li:last-child { margin-bottom: 0; } #root .list-featured figure { position: relative; left: 0; top: 0; right: 0; bottom: 0; width: auto; margin-bottom: 20px; } #root .list-featured .price { text-align: center; } #root .list-featured .link { margin-right: -20px; } #root .list-featured .link a { margin-right: 20px; } .list-filter { max-width: none; margin-top: 0; } .list-filter span { left: auto; right: 0; } .list-info { } .list-info li.strong { padding: 0; } .list-product { padding-top: 0; } .list-product li { padding-top: 0; } .list-product span { bottom: 0; } .list-product .pager { margin-left: -3px; margin-right: -3px; padding-top: 20px; } .list-product .pager li, .list-product .pager a { display: block; overflow: hidden; position: relative; width: 14px; height: 14px; margin: 0 3px 5px; border-radius: 50%; text-align: left; text-indent: -3000em; } .list-product .pager a { margin: 0; background: #111213; } #root .list-product .pager .current { background: #f82790; cursor: default; } .module-product .list-product .pager a { background: #393939; } .list-quote, .list-quote.is-slider { padding: 0; background: none; } .list-quote.is-slider li { margin-bottom: 20px; } .list-rating { display: block; margin-top: 0; } .list-rating li { width: auto; } .list-rating .link-more { padding-top: 4px; } #root .m70 { margin-bottom: 30px; } #root .m100 { margin-bottom: 40px; } .module-box { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; border-radius: 0; } .module-featured, .module-featured.inv { margin-bottom: 40px; padding-top: 20px; } .module-featured { margin-top: 30px; } .module-featured + .module-featured { margin-top: -40px; } #root .module-featured figure.down:last-child, #root .module-featured figure.bottom:last-child { margin-bottom: -10px; margin-right: -20px; } .module-product { margin-bottom: 40px; padding-top: 30px; padding-bottom: 17px; } .module-product .check-a { padding-top: 25px; } .module-wide { margin-bottom: 40px; padding-top: 30px; } .module-wide + .module-wide, #content > .module-wide + .module-wide:last-child { margin-top: -40px; } .module-wide .list-catalog.small:last-child, .module-wide .link-more:last-child { margin-bottom: 30px; } .popup-a { left: 0; right: 0; } .popup-a .box-outer { padding: 20px; } .popup-a .box-inner { width: 100%; } .popup-a .box-inset { padding-left: 20px; padding-right: 20px; } .table-product { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; } #root .table-product th:first-child { padding-left: 20px; } .table-product tr { display: block; padding-top: 10px; } #root .table-product td { display: block; padding: 20px 20px 0; border-radius: 0; border-top-width: 0; } #root .table-product td.price { padding-bottom: 10px; } #root .table-product td:last-child { padding-bottom: 40px; } .form-filter { margin-bottom: -1px; padding-top: 0; } .form-filter h1, .form-filter h2, .form-filter h3, .form-filter h4, .form-filter h5, .form-filter h6 { margin: 0 -20px -1px; padding: 15px 30px 15px 20px; border-top-width: 1px; border-bottom-width: 1px; } .form-filter h1 a.toggle:before, .form-filter h2 a.toggle:before, .form-filter h3 a.toggle:before, .form-filter h4 a.toggle:before, .form-filter h5 a.toggle:before, .form-filter h6 a.toggle:before { content: "\e926"; right: 22px; } .form-filter h1.toggle, .form-filter h2.toggle, .form-filter h3.toggle, .form-filter h4.toggle, .form-filter h5.toggle, .form-filter h6.toggle { margin-bottom: 30px; } .form-filter h1.toggle a.toggle:before, .form-filter h2.toggle a.toggle:before, .form-filter h3.toggle a.toggle:before, .form-filter h4.toggle a.toggle:before, .form-filter h5.toggle a.toggle:before, .form-filter h6.toggle a.toggle:before { content: "\e92b"; } .form-filter > * { display: none; position: relative; left: 0; top: 0; } .heading-filters + .cols-a > header > .form-filter:first-child, .heading-filters + .form-filter { margin-top: -30px; } .form-sort { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; border-radius: 0; border-left-width: 0; border-right-width: 0; } .list-quote .owl-dots, .list-product .pager, #sticky, #root .list-featured .link { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .list-product .pager { -webkit-justify-content: center; justify-content: center; } #sticky { -webkit-transform: none; -ms-transform: none; transform: none; } .list-collection li:nth-child(3n-2):before, #nav > ul > li.user, #nav > ul > li.search, #nav > ul > li.cart, #mobile, #shadow, #top > .menu, #root #footer nav > * > h1, #root #footer nav > * > h2, #root #footer nav > * > h3, #root #footer nav > * > h4, #root #footer nav > * > h5, #root #footer nav > * > h6, #root #footer nav > .toggle > *, #footer nav a.toggle, .table-product th:first-child, .list-collection li:nth-child(3n-2):last-child, .tip .popup, .form-filter h1.toggle + *, .form-filter h2.toggle + *, .form-filter h3.toggle + *, .form-filter h4.toggle + *, .form-filter h5.toggle + *, .form-filter h6.toggle + *, .form-filter header, .form-filter.toggle > h1, .form-filter.toggle > h2, .form-filter.toggle > h3, .form-filter.toggle > h4, .form-filter.toggle > h5, .form-filter.toggle > h6, .form-filter.toggle > header { display: block; } #nav > ul > li, .list-quote .owl-nav, #up, #root #footer nav > * > *, .list-collection li:nth-child(2n-1):before, .list-product .pager img, .table-product th, .tip .show, .form-filter.toggle > *, #content > .list-catalog:first-child, #sticky { display: none; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide { position: absolute; left: -30000px; top: -30000px; right: auto; bottom: auto; } } @media only screen and (max-width: 31.25em) { /* 500 */ .form-sort { } #root .form-sort p { float: none; padding-left: 100px; } .form-sort label { width: 100px; margin-left: -100px; margin-right: 0; padding-right: 0; } #root .form-sort input, #root .form-sort select, #root .form-sort .select, #root .form-sort .semantic-select .input { float: none; width: 100%; } .form-sort input, .form-sort select, .form-sort .select, .form-sort .semantic-select-wrapper { -webkit-flex-grow: 3; flex-grow: 3; } } @media only screen and (max-width: 25em) { /* 400 */ .list-collection { display: block; } #root .list-collection li { width: 100%; } .list-collection figure { height: auto; min-height: 285px; } } .gui-messages { margin-bottom: 20px !important } .gui-messages ul { padding: 10px 15px 10px 45px !important; border-radius: 4px !important; margin-bottom: 10px; position: relative; } .gui-messages ul.gui-success { color: #fff !important; border: none !important; background: #28ae60 !important; } .gui-messages ul.gui-error { color: #fff !important; border: none !important; background: #e00707 !important; } .gui-messages ul.gui-info { color: #fff !important; border: none !important; background: #079ae0 !important; } .gui-messages ul.gui-success li:before { content: "\e931"; display: block; position: absolute; left: 15px; top: 10px; color: #fff; font-size: 15px; font-weight: 400; font-family: i; line-height: inherit; } .gui-messages ul.gui-error li:before { content: "\e946"; display: block; position: absolute; left: 15px; top: 10px; color: #fff; font-size: 15px; font-weight: 400; font-family: i; line-height: inherit; } .gui-messages ul.gui-info li:before { content: "\e917"; display: block; position: absolute; left: 15px; top: 10px; color: #fff; font-size: 15px; font-weight: 400; font-family: i; line-height: inherit; } .message-container { position: absolute !important; right: 10% !important; top: 130px !important; } .messages { width: 350px !important; font-size: 0% !important; line-height: unset !important; margin-bottom: 0 !important; z-index: 999 !important; background: #00000085 !important; border-radius: 10px !important; margin-bottom: 10px !important; padding: 10px 20px !important; position: relative; display: block; } .messages ul { color: #ffffff !important; border: 0 !important; background: none !important; text-shadow: 1px 1px 2px #00000040 !important; margin-bottom: 0 !important; padding: 0 !important; } .message-container .messages .message i,.message-container .messages .message .text { vertical-align: middle; } .message-container .messages .message i { font-size: 25px; width: 35px; color: #fff; display: table-cell; height: 100%; vertical-align: middle; } .message-container .messages .message li { display: table-cell; padding-left: 10px; } .message-container .messages .message .text { font-size: 14px; font-weight: 600; display: table-cell; } .message-container .messages.remove { display: none !important; } .message-container .messages.done { -webkit-animation-name: slideoff; animation-name: slideoff; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 2s; animation-duration: 2s; }