/* ------------------------------------------- Name: Amber Gallery Date: 2023/11/28 Author: http://turbohtml.pl --------------------------------------------- */ *, :before, :after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--clr-second); } 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: var(--bg-second); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--clr-main); font-family: var(--font-main); font-size: 17px; font-weight: 300; line-height: 1.82; } ul, ol, dl, p, figure, table, pre { margin-bottom: 31px; } h1, h2, h3, h4, h5, h6, legend { margin-top: 50px; margin-bottom: 18px; color: var(--clr-main); font-family: var(--font-main); font-weight: 600; line-height: 1.26; } h1, h2 { font-size: 35px; } h3, h4, h5, h6 { font-size: 17px; } a { background: none; color: var(--clr-main); text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } a:hover { color: var(--clr-third); } ul, ol, dd, blockquote { list-style: none; padding-left: 0; } /*! Theme --------- */ :root { --white: #fff; --black: #000; --orange: #daa148; --silver: #e5e8ec; --silver2: #fafafa; --red: #d32f2f; --pomegranate: #f44336; --blue: #1976d2; --light-silver: #f1f5f6; --green: #608135; --clr-main: var(--black); --clr-main-80: #5c5c5c; --clr-second: var(--white); --clr-third: var(--orange); --font-main: 'Barlow', sans-serif; --font-second: 'Playfair Display', serif; --bg-main: var(--white); --bg-main-80: #fafafa; --bg-main-darker: #f1f1f1; --bg-second: var(--black); --bg-third: var(--orange); --bg-third-light: #cecfbd; --border-main: #cbcbcb; --border-second: #dcdcdc; --border-third: #ededed; --border-ok: #46a80b; --gradient-a: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285aeb 90%); --radius: 10px; --radius2: 18px; --radius3: 4px; } /*! Repeatable --------- */ .login-popup .header:after, .module-review .review:after, .module-pattern:after, .blog-entry:after, .module-background:after, .box-note:after, .item-a:after, .box-c:after, .module-description:after, .module-b:after, .box-b:after, .module-filter:after, #form_firma:after, .user-info:after, .header-a:after, .list-check:after, .list-team li:after, .module-aside .middle ul:after, .module-tekst:after, .breadcrumb:after, .module-latest:after, .box-a:after, #footer > nav:after, .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, #content:after, #top:after, #footer:after, form p:after, .double:after, .cols-a:after { content: "\00A0"; display: block; overflow: hidden; height: 0; clear: both; font-size: 0; } #featured:before, #welcome:before, .lang-a a:before, #nav-categories > ul:before, #nav .wide > ul:before, #nav > ul > li > ul:before, #nav > ul > li.sub > a:before, .module-review .review:before, .artist-a a:before, .artist-a figure:before, .blog-entry:before, .blog-entry a:before, .list-categories figure:before, .check-a label:before, .nav-tabs .inner-wrapper-sticky:before, .nav-tabs a:before, .nav-tabs ul:before, .nav-tabs a:before, .module-description li:before, .list-checks a:before, .product-a figure:before, .product-a a:before, .product-a:before, .list-team figure:before, .module-aside .middle li:before, .breadcrumb ol:before, .heading-a:before, .list-social a:after, .list-logo li: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; direction: ltr; } #mobile-bar:before, .module-pattern:before, .list-categories a:before, .module-background:before, .info-a:before, #content:before, .module-latest:before, #footer .list-logo:before, #footer:before, #footer nav:before, #root:before { content: ""; display: block; position: absolute; left: -1000em; right: -1000em; top: 0; bottom: 0; z-index: -1; } .form-search button:before, #nav > ul > li > ul a:before, #nav-categories ul a:before, #nav-categories > p > a:before, #nav-categories > p > a:after, #mobile-bar a:before, #panel .btn a:before, #mobile .close a:before, #mobile ul > li > .toggle:before, #nav > ul > li > a:after, #menu-icon:before, .module-review .author:before, .blog-entry .more:before, .blog-entry .date:before, .check-a label:before, .item-a .remove-btn a:before, .module-gallery .slick-arrow:before, .list-about li:before, .module-c .availability:before, .add-a button:before, .list-checks .fwachk a:after, .popup .close-a a:before, .sort-price button:before, .module-filter p:before, .product-a:after, .fav > a:before, .fav-a a:before, .pagination-a .btn a:before, .filter-btn a:before, .submit-btn span:before, .form-footer input:checked + .input:before, .submit-btn button:before, .link-btn.a a:before, .link-btn.a a:before, .list-check li:before, .list-address:before, .list-contact .phone:before, .list-contact .email:before, .owl-nav button:before, .list-social a:before, .list-a li:before, .owl-nav button: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; letter-spacing: normal; } .login-popup .header:before, .artist-a a:before, .blog-entry a:before, .list-categories a:before, .product-a a:before { z-index: 8; } #featured, .module-background:before { -webkit-transform: translateX(-50%); transform: translateX(-50%); } #nav > ul > li.sub.toggle > a:before, [data-whatintent="mouse"] #featured:hover .owl-nav, .lang-a:hover > ul, .lang-active .lang-a > ul, [data-whatintent="mouse"] #nav > ul > li > ul a:hover:before, [data-whatintent="mouse"] #nav-categories ul a:hover:before, .user-active .login-popup, .search-active .search-popup, .filter-active .filter-popup, .user-active #user-a .popup, .user-active #user-a .shadow, .search-active #search-a .shadow, #nav > ul > li.sub:hover > a:before, [data-whatintent="mouse"] .module-gallery:hover .slick-arrow, .nav-tabs .active a:before, .filter-active .filter-wrapper .popup, .filter-active .filter-wrapper .shadow, [data-whatintent="mouse"] .product-a:hover:after, [data-whatintent="mouse"] .product-a:hover .fav { visibility: visible; opacity: 1; } #featured .owl-nav, .lang-a > ul, #nav > ul > li > ul a:before, #nav-categories ul a:before, .popup, #nav > ul > li.sub > a:before, .module-gallery .slick-arrow, .nav-tabs a:before, .filter-wrapper .popup, .product-a:after, .product-a .fav, .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy { visibility: hidden; opacity: 0; } #featured img, .blog-entry img, .list-categories img, .product-a img { display: block; position: relative; z-index: 1; width: 100% !important; } #mobile, #shadow { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-dots button.active, [disabled], .disabled { cursor: default; } .login-popup .option a, .module-login a span, .list-a .email a, [data-whatintent="mouse"] a:hover { text-decoration: underline; } #nav-categories ul a:hover, #nav-categories > p > a:hover, .login-popup .option a:hover, #nav .sub:hover a, #mobile .close a:hover, .blog-entry a:hover, .list-categories a:hover, .check-a label:hover span, .nav-tabs .active a, .nav-tabs a, [data-whatintent="mouse"] .sub-nav a:hover, #root .filter-btn a, .module-login a:hover span, #root .link-btn a, #root .list-social a, #root .list-social a:hover, .list-a .email a:hover { text-decoration: none; } /*! Layout --------- */ #root { overflow: hidden; position: relative; z-index: 2; width: 100%; padding-top: 130px; } #root:before { background: var(--bg-main); } #top { position: absolute; top: 0; left: 50%; z-index: 9; width: 1470px; height: 130px; margin-left: -735px; } #logo { position: absolute; top: 64px; left: 0; } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10000; line-height: 1.5; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: var(--clr-second); color: var(--white); font-size: 14px; font-weight: 600; text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } #top-inner { position: absolute; top: 60px; left: 205px; right: 0; } #nav-categories { position: relative; z-index: 8; } #nav-categories > p > a { position: relative; z-index: 2; height: 70px; padding: 5px 28px 5px 40px; font-size: 20px; } #nav-categories > p > a:before, #nav-categories > p > a:after { content: "\e91f"; width: auto; font-size: 25px; } #nav-categories > p > a:after { content: "\e91a"; left: auto; right: 0; font-size: 11px; } #nav-categories > ul { position: absolute; top: 100%; left: 0; width: 264px; padding-bottom: 30px; font-size: 18px; line-height: 1.1; } #nav-categories > ul { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; } #nav-categories > ul:before { top: -70px; left: -16px; right: -16px; border-radius: var(--radius); box-shadow: 0 0 10px rgba(0,0,0,.1); background: var(--white); } [data-whatintent="mouse"] #nav-categories:hover ul, #nav-categories.toggle ul { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); pointer-events: auto; } #nav-categories li { position: relative; z-index: 2; } #nav-categories ul a { position: relative; z-index: 2; padding: 8px 50px 6px 16px; } #nav-categories ul a:before { content: "\e91c"; width: 0; font-size: 11px; } [data-whatintent="mouse"] #nav-categories ul a:hover:before { width: 31px; } #nav-categories ul a:hover { padding-left: 31px; background: var(--light-silver); color: var(--clr-main); } #nav-categories ul span { position: absolute; top: 10px; right: 11px; z-index: 3; font-size: 15px; } #nav { } #nav > ul { list-style: none; padding: 0; } #nav > ul > li > a { position: relative; z-index: 2; height: 70px; padding: 7px 35px 5px 22px; font-size: 18px; line-height: 1.1; } #nav > ul > li.sub > a:before { top: 5px; border-top-left-radius: 15px; border-top-right-radius: 15px; box-shadow: 0 -10px 10px rgba(0,0,0,.1); background: var(--white); } #nav > ul > li.sub:hover > a:before, #nav > ul > li.sub.toggle > a:before { bottom: -10px; } #nav > ul > li.sub { position: relative; } #nav > ul > li.sub > a:after { content: "\e91a"; left: auto; right: 10px; width: 22px; margin-top: -10px; font-size: 10px; } #nav > ul > li > ul { position: absolute; top: 100%; left: 0; width: 300px; z-index: -1; padding: 10px 12px 30px; line-height: 1.2; } #nav > ul > li:nth-last-child(1) > ul, #nav > ul > li:nth-last-child(2) > ul { left: auto; right: 0; } #nav > ul > li > ul { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; } .sub-active #nav > ul > li.sub:hover ul, #nav > ul > li.sub.toggle ul { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); pointer-events: auto; } #nav > ul > li > ul:before { border-radius: 0 20px 20px 20px; box-shadow: 0 0 10px rgba(0,0,0,.1); background: var(--white); } #nav > ul > li > ul a { position: relative; z-index: 2; padding: 8px 16px 6px; } #nav > ul > li > ul a:before { content: "\e91c"; width: 0; font-size: 11px; } [data-whatintent="mouse"] #nav > ul > li > ul a:hover:before, #nav > ul > li.toggle > ul a:before { width: 31px; } [data-whatintent="mouse"] #nav > ul > li > ul a:hover { padding-left: 31px; background: var(--light-silver); color: var(--clr-main); } #panel { margin-inline: -9px; padding-top: 6px; } #panel > * { margin-inline: 9px; } #panel .btn { } #panel .btn a { position: relative; z-index: 2; width: 50px; height: 50px; font-size: 25px; text-indent: -9999em; } #panel .search-btn a:before { content: "\e90a"; font-size: 20px; } #panel .user-btn a:before { content: "\e90d"; } #panel .fav-btn a:before { content: "\e90b"; color: var(--clr-third); font-size: 22px; } #panel .cart-btn a:before { content: "\e912"; } #mKoszyk .no, #mPrzechowalnia .no { position: absolute; top: 3px; left: 50%; z-index: 6; width: 26px; height: 26px; border-radius: 50%; padding: 2px 2px 0; border: 3px solid var(--white); background: var(--bg-second); color: var(--clr-second); font-size: 14px; font-weight: 700; line-height: 1; text-indent: 0; } #mPrzechowalnia .no { background: var(--bg-third); } #menu-icon { position: absolute; top: 40px; right: 0; z-index: 6; width: 60px; height: 60px; padding-top: 32px; border: 1px solid var(--clr-third); border-radius: var(--radius); color: var(--clr-third); font-size: 14px; text-align: center; cursor: pointer; } #menu-icon:before { content: '\e91f'; top: 0; height: 42px; font-size: 30px; line-height: 1; } #mobile { overflow-x: hidden; overflow-y: auto; position: fixed; left: -280px; right: auto; top: 0; bottom: 0; z-index: 1220; width: 270px; margin: 0; box-shadow: 0 0 5px rgba(0,0,0,.25); background: #4f5357; line-height: 1.3; } #mobile li.toggle, #mobile li.toggle > a { color: #fff; } #mobile ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } #mobile ul > li { position: relative; float: none; margin: 0; border-bottom: 1px solid #595c63; background: #3b3e44; font-size: 14px; color: #fff; } #mobile ul > li > a, #mobile .contact a { display: block; position: relative; z-index: 1; float: none; padding: 15px 20px; color: #fff; text-transform: none; text-decoration: none; } #mobile > ul > li > ul { display: none; background: #3d4346; font-weight: 400; } #mobile .toggle > ul { display: block; } #mobile .sub > a { padding-right: 55px!important; } #mobile > ul > .sub.toggle > a { background: #896647; } #mobile ul > li > .toggle { display: block; position: absolute; top: 0; right: 0; z-index: 20; width: 48px; height: 48px; background: rgba(0,0,0,.3); cursor: pointer; } #mobile ul > li > .toggle:before { content: "\e91a"; font-size: 9px; color: #fff; } #mobile ul > .sub.toggle > .toggle { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } #mobile > ul > .toggle > ul > li > a { display: block; padding: 14.5px 40px 14.5px 30px; background: #715338; color: #fff; } #mobile .sub > ul ul li a { display: block; padding: 14.5px 20px 14.5px 38px; } #mobile .sub > ul > li > ul { display: none; } #mobile .sub > ul .toggle > ul { display: block; } #mobile .toggle > ul li { border-color: #523b26; } #mobile .toggle > ul > li > ul > li a { background: #4b3624; } #mobile .toggle > ul > li > ul > li { border-color: #312214; } #mobile .clone-cat a { background: #2c2f34; } #mobile .currency-mobile { text-align: center; } #mobile .currency-mobile select { padding: 5px 15px; } #mobile .close { } #mobile .close a { position: relative; z-index: 2; height: 48px; padding: 0 60px 0 20px; background: var(--bg-second); color: var(--white); } #mobile .close a:before { content: '\e916'; top: 0; left: auto; right: 0; width: 48px; height: 48px; margin-top: 0; background: var(--green); font-size: 20px; } #shadow, .shadow { visibility: hidden; opacity: 0; position: fixed; left: 0; top: 0; z-index: 30; width: 100%; height: 100%; background: rgba(0,0,0,.5); cursor: pointer; } #content { position: relative; z-index: 5; width: 1500px; margin: 0 auto; padding-top: 26px; } #content:before { background: url(../images/bg.jpg) no-repeat 50% 0; } #content > *:last-child { margin-bottom: 75px; } #footer { position: relative; z-index: 2; width: 1470px; margin: 0 auto; line-height: 1.18; } #footer:before { background: var(--bg-second); } #footer .title { margin-bottom: 37px; font-family: var(--font-second); font-size: 21px; font-weight: 500; } #footer .title + .list-a { margin-top: -17px; } #footer .list-a + hr { margin-top: -4px; } #footer .title + .list-social { margin-top: -10px; } #footer nav { position: relative; z-index: 2; margin-bottom: 26px; margin-left: -20px; } #footer nav:before { background: var(--bg-main); } #footer nav > * { width: 24.5%; border-left: 20px solid rgba(0,0,0,0); } #footer nav li { margin-bottom: 10px; } #footer > ul { position: relative; z-index: 2; margin: 0 9px 26px; color: var(--clr-second); font-size: 15px; line-height: 1.2; } #footer > ul > li { margin-inline: 9px; text-align: center; } #footer > ul a { color: var(--clr-second); } #footer .list-logo { position: relative; z-index: 2; } #footer nav + .list-logo { margin-bottom: 37px; margin-top: -26px; } #footer .list-logo:before { bottom: -11px; background: var(--bg-main); } #mobile-bar { position: fixed; bottom: -50px; left: 10px; right: 20px; z-index: 6; height: 45px; } #mobile-bar:before { border-top: 1px solid var(--border-third); background: var(--bg-main); box-shadow: 0 0 20px rgba(0,0,0,.2); } #mobile-bar ul { margin: 0; padding: 0; width: 100% } #mobile-bar a { display: block; position: relative; z-index: 2; width: 45px; height: 45px; color: var(--clr-third); font-size: 22px; text-indent: -9999em; } #mobile-bar .home:before { content: "\e920"; } #mobile-bar .user:before { content: "\e90d"; } #mobile-bar .search:before { content: "\e90a"; } #mobile-bar .fav:before { content: "\e90b"; } #mobile-bar .cart:before { content: "\e912"; } #mobile-bar .cart .no, #mobile-bar .fav .no { position: absolute; top: 2px; right: -2px; font-size: 15px; text-indent: 0; } #welcome { position: relative; z-index: 4; padding-top: 55px; padding-bottom: 58px; font-size: 20px; line-height: 1.55; text-align: center; } #welcome:before { left: 50%; right: auto; width: 1900px; margin-left: -950px; background: url(../images/featured-bg.png) no-repeat 50% 100%; } #welcome + #featured { margin-top: -58px; } #welcome .heading-a { margin-bottom: 28px; padding-bottom: 50px; font-size: 45px; font-weight: 700; } #welcome div { max-width: 680px; margin-inline: auto; } #welcome p:last-child { margin-top: 30px; } #featured { position: relative; z-index: 2; left: 50%; width: 100vw; margin-bottom: 30px; padding-inline: 65px; } #featured:before { top: auto; left: 50%; right: auto; width: 1900px; height: 70px; z-index: 8; margin-left: -950px; background: url(../images/featured-bg-bottom.png) no-repeat 50% 0; } #featured .owl-nav { left: 20px; right: 20px; } /*! Modules --------- */ .artist-a { position: relative; z-index: 2; padding-left: 285px; line-height: 1.11; text-align: left; } .artist-a figure { position: relative; z-index: 2; float: left; width: 285px; margin-left: -285px; padding-inline: 15px; text-align: center; } .artist-a figure:before { top: 30px; border-radius: var(--radius2); background: var(--light-silver); } .artist-a p { float: left; width: 100%; margin-bottom: 24px; padding-top: 20px; padding-inline: 42px; font-size: 27px; font-weight: 700; } .available-a { margin: 0 -10px 13px; font-size: 16px; } .available-a > * { margin: 0 10px 10px; } .available-a > *:last-child { font-size: 17px; font-weight: 600; } .blog-entry { position: relative; z-index: 2; padding: 18px 18px 90px; font-size: 16px; line-height: 1.25; } .blog-entry:before { border-radius: var(--radius2); background: var(--bg-main); } .blog-entry figure { overflow: hidden; border-radius: var(--radius2); margin: -12px -12px 24px; } [data-whatintent="mouse"] .blog-entry:hover img { -webkit-transform: rotate(2deg) scale(1.1,1.1); transform: rotate(2deg) scale(1.1,1.1); } .blog-entry .date { position: relative; z-index: 2; margin-bottom: 17px; padding-left: 28px; color: var(--clr-main-80); } .blog-entry .date:before { content: "\e90c"; width: auto; color: var(--clr-main); font-size: 16px; } .blog-entry .title { margin-bottom: 14px; font-family: var(--font-second); font-size: 21px; font-weight: 600; } .blog-entry .more { position: absolute; bottom: 25px; left: 50%; width: 38px; height: 39px; margin-left: -19px; border-radius: var(--radius); background: var(--bg-main-darker); font-size: 13px; text-indent: -9999em; } .blog-entry .more:before { content: "\e91e"; } [data-whatintent="mouse"] .blog-entry:hover .more { background: var(--bg-second); color: var(--clr-second); } .box-a { margin-bottom: 53px; padding: 43px 32px 0; border: 1px solid var(--clr-main); border-radius: var(--radius2); background: var(--bg-main); } .box-a > *:last-child { margin-bottom: 32px; } .box-b { margin-bottom: 35px; padding: 40px 20px 0; background: var(--bg-main-darker); border-radius: var(--radius); } .box-c { margin-bottom: 35px; padding: 30px 28px 0; border: 1px solid var(--bg-second); border-radius: var(--radius); background: var(--bg-main); } .aside { margin-bottom: 35px; } .box-d { margin-bottom: 26px; padding: 30px 12px 0; border: 1px solid var(--bg-second); border-radius: var(--radius); background: var(--bg-main); } .box-d.a { border-color: var(--clr-third); } .box-d.a .module-summary > *:last-child { color: var(--clr-third); } .box-d .user-info { max-width: calc(100% + 20px); } .box-e { margin-inline: -10px; } .box-e > * { margin: 0 10px 13px; padding-top: 12px; } .box-e > *:first-child { margin-right: auto; } .breadcrumb { margin-bottom: 20px; line-height: 1.3; } .breadcrumb ol { position: relative; z-index: 2; margin: 0 -15px 13px; font-size: 15px; } .breadcrumb ol:before { top: auto; left: 15px; right: 15px; bottom: -6px; height: 1px; background: var(--clr-main); } .breadcrumb li { position: relative; z-index: 2; padding-inline: 15px; } .breadcrumb li:before { content: "/"; position: absolute; top: 0; right: -4px; width: 10px; text-align: center; } .country-a { margin-inline: -10px; } .country-a > * { margin: 0 10px 13px; } .country-a > *:first-child { margin-right: auto; } .country-a.form-a label { padding: 0; font-weight: 300; } .country-a.form-a select { max-width: 194px; height: auto; padding-top: 5px; padding-bottom: 5px; border-color: var(--clr-main); border-radius: var(--radius); } .info-a { position: relative; z-index: 2; padding: 7px 0; color: var(--clr-second); font-size: 16px; line-height: 1.2; text-align: center; } .info-a:before { background: var(--bg-second); } .info-b { margin-bottom: 24px; color: var(--clr-main-80); font-size: 15px; line-height: 1.4; } .info-b + hr { margin-top: 24px; margin-left: -8px; } .info-c { margin-bottom: 20px; font-size: 22px; font-weight: 600; } .info-c p { margin-bottom: 20px; } .info-d { margin-bottom: 20px; font-size: 16px; text-align: center; } .info-d span { color: var(--red); font-weight: 700; } .info-e { font-size: 16px; line-height: 1.2; text-align: right; } .item-a { position: relative; z-index: 2; margin-bottom: 18px; padding-bottom: 18px; padding-left: 166px; border-bottom: 1px solid var(--clr-main); font-size: 16px; line-height: 1.2; } .item-a:before { border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 0 10px var(--shadow-small); background: var(--bg); } [data-whatintent="mouse"] .item-a:hover:before { inset: -5px; box-shadow: 0 0 20px var(--shadow); } .item-a > figure { position: relative; z-index: 2; width: 166px; margin-bottom: auto; margin-left: -166px; text-align: center; } .item-a > figure img { width: auto; max-height: 125px; border-radius: var(--radius2); } .item-a > div { float: left; width: 100%; padding-top: 17px; padding-left: 35px; } .item-a .title { width: 100%; margin-bottom: 20px; font-family: var(--font-second); font-size: 20px; font-weight: 500; } .item-a .line { position: relative; line-height: 1.1; } .item-a .line > * { margin-bottom: 10px; } .item-a .price { width: 200px; font-size: 20px; font-weight: 500; text-align: left; } .item-a .price p:first-child { margin-right: 18px; } .item-a .price p:nth-child(1) { font-size: 16px; font-weight: 300; } .item-a .price.all { font-size: 22px; font-weight: 700; } .item-a .no { width: 157px; } .item-a .no input { width: 54px; height: 54px; margin-left: 18px; border: 1px solid var(--border-main); border-radius: var(--radius); font-size: 19px; text-align: center; } .item-a .remove-btn { margin-left: auto; } .item-a .remove-btn a { display: block; position: relative; z-index: 2; width: 36px; height: 36px; border-radius: var(--radius); background: var(--bg-second); color: var(--clr-second); font-size: 13px; } .item-a .remove-btn a:before { content: "\e915"; } [data-whatintent="mouse"] .item-a .remove-btn a:hover { background-color: var(--bg-third); } .item-a:last-child { border-bottom: 0; } .fav-a { } .fav-a a, .fav > a { position: relative; z-index: 2; width: 38px; height: 38px; border-radius: var(--radius); background: var(--bg-main); color: var(--clr-main-80); text-indent: -9999em; } .fav > a { padding-left: 0; } .fav-a a:before, .fav > a:before { content: "\e90b"; width: 100%; color: var(--clr-main-80); font-size: 21px; } [data-whatintent="mouse"] .fav-a a:hover, [data-whatintent="mouse"] .fav > a:hover { color: var(--clr-second); } .fav-a.added a, .fav > a { background: var(--clr-third); } .fav-a.added a:before, .fav > a:before { color: var(--white); } .fav > a:before { left: auto; right: 0; } .lang-a { position: relative; z-index: 2; width: 70px; margin-right: 15px; padding-top: 27px; text-align: center; } .lang-a a { color: var(--black); } .lang-a > ul { position: absolute; top: -14px; left: 0; right: 0; z-index: -1; padding: 3px 0; border: 1px solid #f2f2f2; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: var(--radius2); background: var(--bg-main); font-size: 14px; line-height: 1; } .lang-a > ul { -webkit-transform: rotateX(-50deg); transform: rotateX(-50deg); -webkit-transform-origin: 0 40%; transform-origin: 0 40%; -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; } [data-whatintent="mouse"] .lang-a:hover > ul, .lang-active .lang-a > ul { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); z-index: 20; pointer-events: auto; } .lang-a a, .lang-mobile a { position: relative; text-indent: -9999em; } .lang-a a:before, .lang-mobile a:before { background-position: 50% 50%; background-repeat: no-repeat; background-size: auto; } html[lang='pl'] .lang-a p a:before, .lang-a ul .pl a:before { background-image: url(../images/pl-flag.jpg); } html[lang='en'] .lang-a p a:before, .lang-a ul .en a:before { background-image: url(../images/en-flag.jpg); } html[lang='ua'] .lang-a p a:before, .lang-a ul .ua a:before { background-image: url(../images/ua-flag.jpg); } html[lang='cs'] .lang-a p a:before, .lang-a ul .cz a:before { background-image: url(../images/cz-flag.jpg); } .lang-a .lang-show { position: absolute; top: -5px; left: 0; right: 0; z-index: 2; } .lang-a ul a { width: 100%; height: 50px; } .lang-a .hover { display: block; position: absolute; inset: 0; z-index: 80; text-indent: -9999em; } .module-a { margin: 0 0 20px -90px; line-height: 1.53; } .module-a > * { width: 45%; margin-bottom: 20px; border-left: 90px solid rgba(0,0,0,0); } .module-a > *:first-child { width: 55%; } .module-a h1, .module-a h2, .module-a h3, .module-a h4, .module-a h5, .module-a h6 { margin-top: 50px; margin-bottom: 46px; font-family: var(--font-second); font-weight: 500; } .module-a p, .module-a ul { margin-bottom: 26px; } .module-aside { } .module-aside .middle { padding: 26px 18px 0; } .module-aside .middle ul { margin-bottom: 17px; line-height: 1.47; } .module-aside .middle li { position: relative; z-index: 2; margin-bottom: 31px; padding-left: 20px; } .module-aside .middle li:before { top: 7px; bottom: auto; right: auto; width: 6px; height: 6px; border-radius: 50%; background: var(--bg-second); } .module-aside aside { max-width: 590px; margin-left: 90px; text-align: center; } .module-aside h1, .module-aside h2 { font-size: 22px; } .module-aside.a { } .module-aside.a .middle { padding-top: 55px; } .module-aside.a aside { width: 100%; max-width: 660px; margin-left: 40px; } .module-aside.a h1, .module-aside.a h2 { font-size: 27px; font-weight: 700; } .module-b { margin-bottom: 60px; padding-right: 655px; } .module-b aside { width: 655px; margin-right: -655px; } .module-b .product-content { float: left; width: 100%; padding-right: 45px; } .module-b .inner-wrapper-sticky { padding-bottom: 5px; } .module-background { position: relative; z-index: 2; margin-bottom: 80px; padding-top: 45px; } .module-background:before { left: 50%; right: auto; width: 100vw; background: var(--silver2) url(../images/content/background-a.jpg) no-repeat 50% 0; } .module-blog { margin: 0 0 50px -15px; } .module-blog .blog-entry { width: 33.3333%; margin-bottom: 15px; border-left: 15px solid rgba(0,0,0,0); } .module-border { margin-bottom: 53px; padding: 11px; border: 1px solid var(--clr-main); border-radius: var(--radius2); background: var(--bg-main); } .module-border + .module-latest { margin-top: 53px; } .module-box { } .module-box > * { width: 50%; } .module-box > *:first-child { padding: 15px 44px 0 15px; } .module-box .title { font-size: 22px; font-weight: 600; } .module-box .title.a { margin-bottom: 20px; font-size: 20px; } .module-box .col { padding: 25px 22px 0 36px; border-radius: var(--radius); background: var(--bg-main-darker); } .module-box.module-contact { } .module-box.module-contact .col { padding-top: 50px; padding-left: 22px; } .module-c { margin-inline: -10px; } .module-c > * { margin-inline: 10px; } .module-c .col { font-size: 16px; } .module-c .col p { margin-bottom: 26px; } .module-c .availability { position: relative; padding-left: 50px; font-size: 15px; line-height: 1.1; } .module-c .availability:before { content: "\e910"; width: auto; font-size: 30px; } .module-c .availability span { display: block; font-size: 17px; font-weight: 600; } .module-c .availability .available { color: var(--green); } .module-c .brand img { width: auto; max-height: 105px; border-radius: var(--radius); } .module-c + hr { margin-top: 0; } .module-cart { } .module-cart .module-items { position: relative; z-index: 2; padding-right: 35px; } .module-cart .module-items .inner { margin-bottom: 27px; padding: 18px 12px 0; border: 1px solid var(--clr-main); border-radius: var(--radius2); background: var(--bg-main); } .module-cart .column { width: 600px; } .module-items .inner-wrapper-sticky { width: 865px!important; } .module-description { padding-top: 40px; margin-bottom: 40px; } .module-description h1, .module-description h2, .module-description h3, .module-description h4, .module-description h5, .module-description h6 { margin-top: 33px; margin-bottom: 13px } .module-description h1, .module-description h2 { font-size: 22px; } .module-description p { margin-bottom: 12px; } .module-description ul { margin-bottom: 17px; line-height: 1.47; } .module-description li { position: relative; z-index: 2; margin-bottom: 6px; padding-left: 20px; } .module-description li:before { top: 7px; bottom: auto; right: auto; width: 6px; height: 6px; border-radius: 50%; background: var(--bg-second); } .module-filter { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .module-filter div { overflow: hidden; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column; } .module-filter p { position: relative; z-index: 2; margin-bottom: 27px; font-size: 16px; font-weight: 700; } .module-filter p:before { content: "\e91a"; left: auto; right: 60px; width: auto; font-size: 10px; } .module-gallery { display: block!important; position: relative; z-index: 2; margin-bottom: 30px; } .slick-slider { display: block; position: relative; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .module-gallery .inner { position: relative; z-index: 2; } .module-gallery .main-pic { position: relative; margin-bottom: 14px; padding: 10px; border-radius: var(--radius2); background: var(--bg-main); } .module-gallery .main-pic figure { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; height: 520px; } .module-gallery .main-pic figure img { width: auto; max-height: 520px; margin: 0 auto; float: none; border-radius: var(--radius2); } .module-gallery .gallery-thumbs { margin-inline: -6px; } .module-gallery .gallery-thumbs figure { position: relative; margin-inline: 6px; text-align: center; } .module-gallery .gallery-thumbs figure a { overflow: hidden; outline: none; height: 110px; padding: 5px; border: 1px solid var(--border-main); border-radius: var(--radius2); background: var(--bg-main); } .module-gallery .gallery-thumbs figure img { overflow: hidden; width: auto; max-height: 100%; margin: 0 auto; border-radius: var(--radius2); } .module-gallery .gallery-thumbs .slick-current a { border-color: var(--orange); } .module-gallery .slick-arrow { position: absolute; top: 50%; z-index: 10; width: 38px; height: 38px; margin-top: -15px; padding: 0; box-shadow: none; border: 1px solid var(--clr-main); border-radius: var(--radius); background: var(--bg-main); font-size: 12px; text-indent: -9999em; cursor: pointer; outline: none; } [data-whatintent="mouse"] .module-gallery .slick-arrow:hover { background: var(--orange); color: var(--white); } .module-gallery .slick-prev { left: 20px; } .module-gallery .slick-next { right: 20px; } .module-gallery .slick-prev:before { content: "\e91d"; } .module-gallery .slick-next:before { content: "\e91e"; } .slick-disabled { display: none!important; } .module-gallery .list-attrs { position: absolute; top: 0; left: 0; z-index: 6; } .module-gallery .gallery-thumbs.slick-slider { opacity: 1; } .module-gallery .gallery-thumbs { opacity: 0; } .module-gallery .fav { position: absolute; top: 20px; right: 20px; z-index: 40; } .fancybox-active { margin-right: 0!important; } .module-latest { position: relative; z-index: 2; margin-top: 95px; margin-bottom: 53px; padding-top: 57px; } .module-latest > *:last-child { margin-bottom: 47px; } .module-latest:before { background: var(--bg-second); } .module-latest .heading-a { color: var(--white); } .latest-inner { margin-left: -44px; } .latest-inner figure { width: 20%; border-left: 44px solid rgba(0,0,0,0); } .latest-inner form { width: 100%; } .latest-inner a { overflow: hidden; border: 5px solid var(--bg-main); border-radius: var(--radius2); text-align: center; } [data-whatintent="mouse"] .latest-inner a:hover { border-color: var(--clr-third); } .latest-inner figure img { } .latest-inner.is-slider { margin-left: 0; } .latest-inner.is-slider figure { width: 100%; border-left-width: 0; } .module-login { max-width: 595px; margin-inline: -10px; } .module-login > *, .module-login .submit-btn { width: calc(50% - 20px); margin: 0 10px 20px!important; } .module-login .pass { position: relative; z-index: 2; } .module-login .pass input { margin-bottom: 24px; } .module-login a { padding-left: 20px; font-size: 15px; line-height: 1.1; } .module-login a span { color: var(--clr-third); } .module-login .submit-btn button { width: 100%; } .module-pattern { position: relative; z-index: 2; padding-top: 50px; } .module-pattern:before { background: var(--bg-main-80); } .module-products { margin-bottom: 26px; margin-left: -38px; } .module-products form { width: 100%; } .module-products .product-a { width: 25%; margin-bottom: 38px; border-left: 38px solid rgba(0,0,0,0); } .module-review { } .module-review .review { position: relative; z-index: 2; margin-bottom: 40px; padding: 30px 33px 0; color: var(--clr-main-80); font-size: 16px; line-height: 1.56; } .module-review .review:before { border: 1px solid #f2ba59; border-radius: var(--radius2); background: #fffaf1; } .module-review .author { position: relative; z-index: 2; margin-bottom: 10px; padding-left: 37px; color: var(--clr-main); font-size: 17px; font-weight: 600; } .module-review .author:before { content: "\e923"; width: auto; color: #f2ba59; font-size: 18px; } .module-review.is-slider { margin-bottom: 40px; } .module-review.is-slider .review { height: 100%; } .module-review .owl-nav { left: -50px; right: -50px; } .module-sort { position: relative; z-index: 200; margin: 0 -12px 20px; line-height: 1.2; } .module-sort > * { margin: 0 12px 12px!important; } .module-sort .pagination-a { margin-left: 0!important; margin-right: -4px!important; } .module-summary { margin-bottom: 15px; line-height: 1.1; } .module-summary > * { margin: 0 14px 10px; } .module-summary > *:first-child { } .module-summary > *:last-child { margin-left: auto; font-size: 28px; font-weight: 600; } .module-team { max-width: 565px; } .module-tekst { padding-inline: 25px; line-height: 1.47; } .module-tekst h1, .module-tekst h2, .module-tekst h3, .module-tekst h4, .module-tekst h5, .module-tekst h6 { margin-bottom: 9px; } .module-tekst h1, .module-tekst h2 { font-size: 22px; font-weight: 600; } .nav-tabs { overflow: hidden; margin-left: -40px; } .nav-tabs ul { overflow: auto hidden; position: relative; z-index: 2; width: 100%!important; font-family: var(--font-second); font-size: 27px; font-weight: 500; line-height: 1.1; } .nav-tabs ul:before { top: auto; height: 1px; background: var(--border-third); } .nav-tabs li { white-space: nowrap; } .nav-tabs a { position: relative; z-index: 2; padding: 20px 40px 25px; color: var(--clr-main-80); } .nav-tabs a:before { top: auto; height: 1px; background: var(--bg-second); } .nav-tabs ul { position: relative; z-index: 6; } .nav-tabs .active a { color: var(--clr-main); } .nav-tabs .inner-wrapper-sticky:before { background: var(--bg-main); border-bottom: 1px solid var(--border); } .owl-carousel { position: absolute; top: -3000em; left: -3000em; } .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); } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-nav { position: absolute; top: 50%; left: -19px; right: -19px; } .owl-nav button { display: block; position: absolute; top: 0; min-width: 0; width: 38px; height: 38px; margin: -19px 0 0; padding: 0; box-shadow: none; border-radius: var(--radius); border: 1px solid var(--clr-main); background: var(--bg-main); font-size: 12px; text-indent: -9999em; cursor: pointer; } [data-whatintent="mouse"] .owl-nav button:hover { background: var(--orange); color: var(--white); } .owl-nav button.owl-prev { left: 0; } .owl-nav button.owl-prev:before { content: "\e91d"; } .owl-nav button.owl-next { right: 0; } .owl-nav button.owl-next:before { content: "\e91e"; } .owl-dots { } .owl-dots button { display: block; min-width: 0; width: 10px; height: 10px; margin: 0 5px 5px; padding: 0; box-shadow: none; border-radius: 10px; border: 0; background: var(--bg-main); } .owl-dots button.active { width: 20px; background: var(--bg-third); cursor: default; } .pagination-a { position: relative; z-index: 2; margin: 0 -16px 50px; line-height: 1.1; } .pagination-a > * { margin: 0 16px; } .pagination-a label { margin-right: 20px; font-weight: 700; } .pagination-a input { max-width: 42px; height: 38px; padding: 3px 5px 0; border: 1px solid var(--clr-main); border-radius: var(--radius); background: var(--bg); font-size: 19px; text-align: center; } .pagination-a span { padding-left: 6px; } .pagination-a .btn { } .pagination-a .btn a { display: block; position: relative; z-index: 2; width: 38px; height: 38px; border: 1px solid var(--clr-main); border-radius: var(--radius); background: var(--bg-main); color: var(--clr-main); font-size: 14px; text-indent: -9999em; } [data-whatintent="mouse"] .pagination-a .btn a:hover { border-color: var(--bg-third); background: var(--bg-third); color: var(--clr-second); } .pagination-a .btn.prev a:before { content: "\e91d"; } .pagination-a .btn.next a:before { content: "\e91e"; } .popup { position: fixed; top: -210%; left: 50%; z-index: 2000; width: 834px; margin-left: -417px; padding: 32px 40px 5px; border-radius: 18px; background: #fff; line-height: 1.2; } .user-active .login-popup, .search-active .search-popup, .filter-active .filter-popup { top: 10%; } .popup .close-a { position: absolute; top: 22px; right: 27px; z-index: 8; } .popup .close-a a { display: block; position: relative; z-index: 2; width: 60px; height: 60px; color: #000; font-size: 30px; text-indent: -9999em; line-height: 40px; } .popup .close-a a:before { content: "\e916"; } [data-whatintent="mouse"] .popup .close-a a:hover:before { color: #ff0000; } .login-popup { width: 500px; margin-left: -250px; padding-bottom: 45px; } .login-popup .inner { overflow-y: auto; max-height: 80vh; margin-right: -40px; padding-right: 40px; } .login-popup .header { margin-bottom: 20px; } .login-popup .header .title { font-size: 27px; font-weight: 700; } .login-popup hr { margin-top: 0; } .login-popup p { margin-bottom: 18px; } .login-popup .option { text-align: center; } .login-popup .block .title { font-size: 20px; font-weight: 700; } .cart-popup, .filter-popup { } .cart-popup .heading-b, .filter-popup .heading-b { margin-inline: -10px; } .cart-popup .heading-b > *, .filter-popup .heading-b > * { margin-inline: 10px; } .popup .heading-b { padding-right: 60px; } .cart-popup .list-items { margin-right: -40px; padding-right: 40px; } .filter-popup { padding-bottom: 20px; } #root .filter-popup .link-btn a { font-weight: 700; } .filter-popup .inner { overflow-y: auto; max-height: 492px; margin-right: -40px; padding-right: 40px; } .filter-active #top { z-index: 1; } .search-popup .inner { overflow-y: auto; max-height: 80vh; margin-right: -40px; padding-right: 40px; } .search-popup .title { padding-right: 50px; font-size: 22px; font-weight: 700; } .search-popup .close-a { top: 15px!important; } .search-inner { position: relative; z-index: 2; } .price-a { margin: 0 -10px 10px; font-size: 16px; } .price-a > * { margin: 0 10px 10px; } .price-a > *:last-child { font-size: 32px; font-weight: 600; } .product-a { position: relative; z-index: 2; padding: 25px 25px 0; line-height: 1.26; } .product-a:before { border: 1px solid var(--border-third); border-radius: var(--radius2); background: var(--bg-main); } .product-a:after { content: "\e91e"; top: auto; bottom: 0; left: auto; right: 15px; width: 36px; height: 36px; border-radius: var(--radius); background: var(--bg-second); color: var(--clr-second); font-size: 12px; } [data-whatintent="mouse"] .product-a:hover:after { bottom: 22px; } [data-whatintent="mouse"] .product-a:hover:before { inset:-5px; border-color: var(--clr-third); } .product-a figure { overflow: hidden; position: relative; z-index: 2; margin: -18px -18px 26px; text-align: center; } .product-a img { border-radius: var(--radius2); } .product-a .availability { margin-bottom: 13px; font-size: 15px; } .product-a .title { margin-bottom: 10px; font-family: var(--font-second); font-size: 19px; font-weight: 500; } .product-a .id { margin-bottom: 22px; font-size: 16px; } .product-a .price { margin-top: auto; margin-bottom: 22px; font-size: 25px; font-weight: 600; } .product-a .fav { position: absolute; top: 15px; right: 15px; z-index: 10; } .product-content { position: relative; z-index: 2; padding-top: 75px; font-size: 16px; line-height: 1.44; } .product-content .nav-tabs { position: absolute!important; top: 0; left: 0; right: 0; z-index: 50; } .product-content .is-anchor:not(:last-child) { margin-bottom: 50px; } .product-page { position: relative; z-index: 2; margin-bottom: 60px; padding-right: 655px; } .product-page > * { float: left; width: 100%; padding-right: 45px; } .product-page .column { position: absolute; top: 0; bottom: 30px; right: 0; width: 655px; padding-right: 0; } .product-page .column .box-c .brand, .product-page .column .box-c .heading-c, .product-page .is-affixed .box-c .list-team { display: none; } .product-page .is-affixed .box-c .brand, .product-page .is-affixed .box-c .heading-c { display: block; } .product-page .column .aside { position: relative; z-index: 4; } .product-page .inner-wrapper-sticky { width: 655px!important; } .sort-a { padding-right: 10px; border: 1px solid var(--clr-main); border-radius: var(--radius2); background: var(--bg-main); font-size: 17px; font-weight: 600; } .sort-a label { padding: 4px 25px; } .sort-a select { padding: 4px 30px 4px 0; border: 0; border-radius: var(--radius2); } .sort-a select { background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDUxLjg0N3B4IiBoZWlnaHQ9IjQ1MS44NDdweCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NyA0NTEuODQ3OyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjNzc3ZTgxIiBkPSJNMjI1LjkyMywzNTQuNzA2Yy04LjA5OCwwLTE2LjE5NS0zLjA5Mi0yMi4zNjktOS4yNjNMOS4yNywxNTEuMTU3Yy0xMi4zNTktMTIuMzU5LTEyLjM1OS0zMi4zOTcsMC00NC43NTEKCQljMTIuMzU0LTEyLjM1NCwzMi4zODgtMTIuMzU0LDQ0Ljc0OCwwbDE3MS45MDUsMTcxLjkxNWwxNzEuOTA2LTE3MS45MDljMTIuMzU5LTEyLjM1NCwzMi4zOTEtMTIuMzU0LDQ0Ljc0NCwwCgkJYzEyLjM2NSwxMi4zNTQsMTIuMzY1LDMyLjM5MiwwLDQ0Ljc1MUwyNDguMjkyLDM0NS40NDlDMjQyLjExNSwzNTEuNjIxLDIzNC4wMTgsMzU0LjcwNiwyMjUuOTIzLDM1NC43MDZ6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) 94% center no-repeat; background-size: auto 10px; } .sort-a select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sort-a option { padding: 2px 5px; } .sort-price { margin-bottom: 35px; border-bottom: 1px solid #909090; font-size: 16px; font-weight: 700; line-height: 1.2; } .sort-price .title { margin-right: 12px; padding-top: 4px; } .sort-price label { display: inline-block; padding: 0 10px; color: #000; font-size: 15px; font-weight: 300; } .sort-price input { width: 92px; height: 44px; margin-right: 11px; padding-inline: 7px; border-radius: 5px; border: 1px solid #c1c5cf; background: #fff; font-size: 18px; text-align: center; } .sort-price button { position: relative; z-index: 2; padding: 10px 15px; border: 0; border-radius: 5px; background: #dab676; color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; } [data-whatintent="mouse"] .sort-price button:hover { background: #000; } .sub-nav { position: relative; z-index: 8; } .sub-nav ul { overflow: hidden; position: absolute; top: 100%; left: 0; z-index: 8; width: 230px; background: var(--bg-main); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: 0 10px 10px rgba(0,0,0,.2); } .sub-nav a { padding: 8px 20px; color: var(-clr-main); } [data-whatintent="mouse"] .sub-nav a:hover { background: var(--bg-second); color: var(--clr-second); } .sub-nav:hover .filter-btn a { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-color: var(--bg-third); background: var(--bg-third); color: var(--clr-second); } .user-info { max-width: 595px; margin: 0 -10px 30px; } .user-info p { float: left; width: calc(50% - 20px); margin: 0 10px 31px; } .user-info .wide { width: calc(100% - 20px); } .user-info .long { width: calc(65% - 20px); } .user-info .short { width: calc(35% - 20px); } .user-info .clear { clear: left; } .user-info input { width: 100%!important; min-width: 100px!important; } /*! Headers --------- */ .header-a { margin: 0 -10px 45px; font-size: 32px; font-weight: 600; line-height: 1.28; } .header-a > * { padding-inline: 10px; } .header-a .title-a { min-width: 180px; padding-top: 55px; } .heading-a { position: relative; z-index: 2; margin-bottom: 40px; padding-bottom: 35px; font-family: var(--font-second); font-size: 35px; font-weight: 500; line-height: 1.2; text-align: center; } .heading-a:before { top: auto; bottom: 0; left: 50%; width: 111px; height: 18px; margin-left: -55px; background: url(../images/line-a.png) no-repeat 0 -18px; } .module-latest .heading-a:before { background-position: 0 0; } .heading-a.a { padding-bottom: 0; } .heading-a.b { margin-bottom: 35px; padding-bottom: 50px; font-size: 45px; font-weight: 700; } .heading-b { font-size: 22px; font-weight: 600; line-height: 1.1; } .heading-c { font-family: var(--font-second); font-size: 27px; font-weight: 700; line-height: 1.1; } .heading-c.a { font-size: 22px; } /*! Content --------- */ .strong, b, strong { font-weight: 600; } .em { font-style: italic; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-uppercase { text-transform: uppercase; } .list-categories figure:before, .product-a figure:before { top: -100px; bottom: -100px; left: -200%; width: 500px; z-index: 6; -webkit-transform: rotate(2deg); transform: rotate(2deg); } .list-categories figure:before, .product-a figure:before { background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,.4) 70%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,.4) 70%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); } [data-whatintent="mouse"] .list-categories li:hover figure:before, [data-whatintent="mouse"] .product-a:hover figure:before { left: 150%; } /*! Links --------- */ .filter-btn { } .filter-btn a { position: relative; z-index: 2; padding: 11px 72px 11px 23px; border-radius: var(--radius2); background: var(--bg-third-light); color: var(--clr-main); font-size: 17px; font-weight: 600; line-height: 1.1; } [data-whatintent="mouse"] .filter-btn a:hover { border-color: var(--bg-third); background: var(--bg-third); color: var(--clr-second); } .filter-btn a:before { content: "\e901"; left: auto; right: 0; width: 72px; color: var(--amaranth); font-size: 22px; } [data-whatintent="mouse"] .filter-btn a:hover:before { color: var(--white); } .filter-btn.a { } .filter-btn.a a:before { content: "\e91f"; } .link-btn { } .link-btn a { position: relative; z-index: 2; padding: 10.5px 26px; border: 1px solid var(--clr-main); border-radius: var(--radius); background: var(--bg-main); color: var(--clr-main); font-size: 16px; line-height: 1.1; } [data-whatintent="mouse"] .link-btn a:hover { border-color: var(--bg-third); background: var(--bg-third); color: var(--clr-second); } .link-btn.a { } .link-btn.a a { min-width: 246px; padding: 16px 70px 15px 31px; border: 0; background: var(--bg-third-light); font-size: 20px; font-weight: 600; } .link-btn.a a:before { content: "\e91e"; left: auto; right: 0; width: 53px; font-size: 13px; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } /*! Lists --------- */ .list-a { margin: 0 0 10px -20px; } .list-a li { position: relative; padding-left: 52px; border-left: 20px solid rgba(0,0,0,0); } .list-a li:before { width: auto; font-size: 22px; } .list-a .phone { font-weight: 600; } .list-a .phone a { color: var(--clr-third); font-size: 22px; font-weight: 300; } .list-a .phone:before { content: "\e911"; } .list-a .email a { color: var(--clr-third); font-weight: 300; } .list-a .email:before { content: "\e904"; } .list-about { font-size: 16px; line-height: 1.1; } .list-about li { display: inline-block; position: relative; z-index: 2; min-width: 180px; max-width: min-content; margin-bottom: 25px; padding-left: 62px; } .list-about li:before { width: 62px; font-size: 33px; } .list-about li:nth-child(1):before { content: "\e908"; } .list-about li:nth-child(2):before { content: "\e902"; } .list-about li:nth-child(3):before { content: "\e917"; } .list-address { position: relative; z-index: 2; padding-left: 45px; } .list-address:before { content: "\e905"; top: 5px; width: auto; font-size: 22px; } .list-categories { margin: 0 0 110px -8px; font-weight: 600; } .list-categories li { position: relative; z-index: 2; width: 20%; margin-bottom: 8px; border-left: 8px solid rgba(0,0,0,0); } .list-categories figure { overflow: hidden; position: relative; z-index: 2; border: 5px solid var(--bg-main); border-radius: var(--radius2); } [data-whatintent="mouse"] .list-categories li:hover img { -webkit-transform: rotate(2deg) scale(1.1,1.1); transform: rotate(2deg) scale(1.1,1.1); } .list-categories p { overflow: hidden; position: absolute; inset: 0; z-index: 6; } .list-categories a { position: relative; z-index: 2; width: 100%; max-width: 160px; margin-bottom: 26px; padding: 12px 10px 8px; border-radius: var(--radius); box-shadow: 0 0 10px rgba(0,0,0,.2); background: var(--bg-main); line-height: 1.1; text-align: center; } .list-categories a:before { inset: -1000em; } [data-whatintent="mouse"] .list-categories a:hover { background: var(--bg-third); color: var(--clr-second); } .list-check { margin-bottom: 58px; line-height: 1.2; } .list-check li { position: relative; z-index: 2; margin-bottom: 21px; padding-left: 45px; } .list-check li:before { content: "\e913"; top: -1px; width: auto; color: var(--clr-third); } .list-checks { list-style: none; margin-bottom: 7px; padding: 0; font-size: 14px; line-height: 1.2; } .list-checks li { margin-bottom: 16px; } .list-checks a { position: relative; z-index: 2; padding-left: 37px; color: #000; } .list-checks a:before { top: -2px; width: 22px; height: 22px; border: 1px solid #cacaca; border-radius: 3px; } .list-checks .fwachk a:before { border-color: #cacaca; } .list-checks .fwachk a:after { content: "\e913"; top: 8px; left: 5px; width: auto; color: #e58f07; font-size: 18px; text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; } .list-checks .fwachk a { color: #132f6f; } .list-contact { } .list-contact li { position: relative; z-index: 2; margin-bottom: 10px; padding-left: 45px; } .list-contact .phone:before, .list-contact .email:before { content: "\e911"; top: 5px; width: auto; font-size: 22px; } .list-contact .email:before { content: "\e904"; } .list-logo { margin: 0 -16px 8px; text-align: left; } #footer .list-logo { margin-inline: -16px; } .list-logo li, #footer .list-logo li { position: relative; z-index: 2; height: 35px; margin: 0 16px 10px; text-indent: -9999em; } .list-logo li:after { background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; } .list-logo .logo-payu { width: 52px; } .list-logo .logo-paypal { width: 71px; } .list-logo .logo-przelewy24 { width: 62px; } .list-logo .logo-visa { width: 43px; } .list-logo .logo-mastercard { width: 27px; } .list-logo .logo-gpay { width: 29px; } .list-logo .logo-blik { width: 36px; } .list-logo .logo-apay { width: 26px; } .list-logo .logo-payu:after { background-image: url(../images/payu.png); } .list-logo .logo-paypal:after { background-image: url(../images/paypal.png); } .list-logo .logo-przelewy24:after { background-image: url(../images/przelewy24.png); } .list-logo .logo-visa:after { background-image: url(../images/visa.png); } .list-logo .logo-mastercard:after { background-image: url(../images/mastercard.png); } .list-logo .logo-gpay:after { background-image: url(../images/googlepay.png); } .list-logo .logo-blik:after { background-image: url(../images/blik.png); } .list-logo .logo-apay:after { background-image: url(../images/applepay.png); } .list-select { width: 100%; max-width: 319px; list-style: none; margin-bottom: 20px; padding: 0; line-height: 1.2; } .list-select li { margin-bottom: 11px; } .list-select label { position: relative; z-index: 2; padding: 17px 80px 13px 67px; border: 1px solid var(--border-main); border-radius: var(--radius); background: var(--bg-main); font-size: 17px; font-weight: 300; cursor: pointer; } .list-select label:after { content: ""; position: absolute; top: 50%; left: 6px; width: 40px; height: 40px; margin-top: -20px; border-radius: var(--radius); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto; } .list-select input:checked + label, .list-select strong label { border-color: var(--border-ok); font-weight: 600; } .list-select label .price { position: absolute; top: 50%; right: 13px; width: 65px; margin-top: -8px; line-height: 20px; text-align: right; } .list-select label[for="przesylka_2"]:after { background-image: url(../images/content/poczta.png); } .list-social { margin: 0 -9px 9px; line-height: 1; } .list-social li { margin: 0 9px 20px; } .list-social a { position: relative; padding: 12.5px 16px 10.5px 44px; color: var(--clr-main); } .list-social a:after { border-radius: var(--radius); border: 1px solid var(--clr-main); } [data-whatintent="mouse"] .list-social a:hover:after { inset: -3px; border-color: var(--orange); } [data-whatintent="mouse"] .list-social a:hover { color: var(--orange); } .list-social a:before { right: auto; width: 44px; font-size: 20px; } .list-social .social-facebook a:before { content: "\e900"; color: var(--blue); } .list-social .social-instagram a:before { content: "\e903"; background: var(--gradient-a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .list-social .social-pinterest a:before { content: "\e907"; color: var(--red); } .list-social .social-youtube a:before { content: "\e90f"; color: var(--pomegranate); } .list-social .icon-instagram { font-size: 30px; } .list-team { text-align: left; } .list-team li { position: relative; z-index: 2; padding-top: 20px; padding-left: 285px; } .list-team li li { margin-bottom: 10px; padding-top: 0; padding-left: 45px; } .list-team figure { position: relative; z-index: 2; float: left; width: 285px; margin-left: -285px; padding-inline: 15px; text-align: center; } .list-team figure:before { top: 30px; border-radius: var(--radius2); background: var(--light-silver); } .list-team div { float: left; width: 100%; padding-top: 23px; padding-left: 45px; } .list-team p { margin-bottom: 24px; font-size: 27px; font-weight: 700; } .list-team.a { max-width: 242px; line-height: 1.3; } .list-team.a li { padding-left: 110px; } .list-team.a figure { width: 110px; margin-left: -110px; padding-inline: 8px; } .list-team.a img { width: auto; max-height: 105px; } .list-team.a div { padding-top: 35px; padding-left: 16px; } .list-team.a p { font-size: 15px; font-weight: 300; } .list-team.a strong { display: block; font-size: 17px; font-weight: 700; } /*! Forms --------- */ ::-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; } .add-a { position: relative; } .add-a input { width: 55px; height: 52px; margin-right: 18px; padding: 0 10px; border: 1px solid var(--border-main); border-radius: var(--radius); background: var(--bg-main); font-size: 20px; text-align: center; } .add-a button { position: relative; padding: 15px 30px 15px 67px; border: 0; border-radius: var(--radius); background: var(--bg-third-light); color: var(--black); font-size: 20px; font-weight: 600; line-height: 1.1; cursor: pointer; } [data-whatintent="mouse"] .add-a butotn:hover { background: var(--bg-third); color: var(--clr-second); } .add-a button:before { content: "\e912"; width: 67px; font-size: 27px; } .add-form { margin-bottom: 20px; } .add-form .price-a { margin-right: auto; } .box-note { } .box-note .title { font-size: 22px; font-weight: 600; } .check-a { display: block; margin-bottom: 40px; padding-top: 30px; margin-left: 10px; } .check-a label { display: block; position: relative; z-index: 2; padding: 0 0 0 45px; background: #fff; color: #414b54; font-size: 16px; line-height: 1.1; cursor: pointer; } .check-a label span { color: #ca9c39; text-decoration: underline; } .check-a label:before { top: 0; width: 26px; height: 26px; margin-top: -5px; border: 1px solid var(--border-second); border-radius: var(--radius3); background: var(--border-second); color: var(--white); font-size: 15px; line-height: 24px; } .check-a input:checked + label:before { content: "\e913"; border-color: var(--border-ok); background: var(--border-ok); } .code-a { margin: 0 -10px 50px; } .code-a > * { margin: 0 10px 15px!important; } .code-a input { min-width: 100px!important; max-width: 190px!important; width: 100%!important; padding: 0 20px; font-size: 16px; font-weight: 700; text-align: center; } .code-a figure { height: 52px; padding: 0 10px; border-radius: var(--radius2); background: var(--white); } .code-a span { color: var(--red); font-weight: 700; } .form-a { position: relative; } .form-a p { position: relative; z-index: 2; margin-bottom: 30px; } .form-a input, .form-a select, .form-a textarea { width: 100%!important; height: 52px; padding: 0 20px; border: 1px solid var(--border-main); border-radius: var(--radius2); background: var(--bg-main); color: var(--clr-main); font-size: 16px; } .form-a select { padding: 5px 30px 5px 15px; cursor: pointer; } .form-a select { background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNDUxLjg0N3B4IiBoZWlnaHQ9IjQ1MS44NDdweCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NyA0NTEuODQ3OyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjNzc3ZTgxIiBkPSJNMjI1LjkyMywzNTQuNzA2Yy04LjA5OCwwLTE2LjE5NS0zLjA5Mi0yMi4zNjktOS4yNjNMOS4yNywxNTEuMTU3Yy0xMi4zNTktMTIuMzU5LTEyLjM1OS0zMi4zOTcsMC00NC43NTEKCQljMTIuMzU0LTEyLjM1NCwzMi4zODgtMTIuMzU0LDQ0Ljc0OCwwbDE3MS45MDUsMTcxLjkxNWwxNzEuOTA2LTE3MS45MDljMTIuMzU5LTEyLjM1NCwzMi4zOTEtMTIuMzU0LDQ0Ljc0NCwwCgkJYzEyLjM2NSwxMi4zNTQsMTIuMzY1LDMyLjM5MiwwLDQ0Ljc1MUwyNDguMjkyLDM0NS40NDlDMjQyLjExNSwzNTEuNjIxLDIzNC4wMTgsMzU0LjcwNiwyMjUuOTIzLDM1NC43MDZ6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) 94% center no-repeat; background-size: auto 10px; } .form-a select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-a option { padding: 2px 5px; } .form-a textarea { float: left; height: 240px; min-height: 240px; padding: 15px; } .form-a label { margin-bottom: 8px; padding-inline: 22px; color: var(--clr-main); font-size: 16px; font-weight: 500; line-height: 1.1; } .form-a p input:focus, .form-a p textarea:focus, .form-a p .sh { border-color: var(--border-ok); background-color: var(--white); } .form-a input[type="email"], .form-a input[name="umail"], .form-a input[name="email"], .form-a input[name="klient_email"] { padding-right: 45px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxwYXRoIGZpbGw9IiNiM2I5Y2MiIGQ9Ik0yNyw0LjcwOTk2SDVjLTIuNDgxNDUsMC00LjUsMi4wMTg1NS00LjUsNC41djEzLjU4MDA4YzAsMi40ODE0NSwyLjAxODU1LDQuNSw0LjUsNC41aDIyYzIuNDgxNDUsMCw0LjUtMi4wMTg1NSw0LjUtNC41VjkuMjA5OTZDMzEuNSw2LjcyODUyLDI5LjQ4MTQ1LDQuNzA5OTYsMjcsNC43MDk5NnogTTI1LjY3MDcyLDcuNzA5OTZsLTEuMzgwNzQsMS4wOTAwM2wtNy4zNTk5OSw1LjgxYy0wLjU0OTk5LDAuNDI5OTktMS4zMSwwLjQyOTk5LTEuODU5OTksMEw3Ljk2OTk3LDlsLTEuNjM2Ni0xLjI5MDA0SDI1LjY3MDcyeiBNMjcsMjQuMjkwMDRINWMtMC44MjcxNSwwLTEuNS0wLjY3Mjg1LTEuNS0xLjVWOS4zMDQ2OWw5LjcxMDAyLDcuNjY1MjhDMTQuMDMwMDMsMTcuNjIsMTUuMDIwMDIsMTcuOTQsMTYsMTcuOTRzMS45Njk5Ny0wLjMyMDAxLDIuNzg5OTgtMC45NzAwM0wyOC41LDkuMzA4MTF2MTMuNDgxOTNDMjguNSwyMy42MTcxOSwyNy44MjcxNSwyNC4yOTAwNCwyNywyNC4yOTAwNHoiLz48L3N2Zz4=); background-position: 96% 50%; background-repeat: no-repeat; background-size: auto 25px; } .form-a input[name="telefon"] { padding-right: 45px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggIGZpbGw9IiNiM2I5Y2MiIGQ9Ik00NTMuMjAyLDM4Ni4yOTNMMzc4LjUyLDMxMS42MWMtMTUuNTQ2LTE1LjU0NC00MC43NTEtMTUuNTYyLTU2LjMxNCwwbC0yMS43NSwyMS43NQoJCQljLTQ5LjY5Ni0zMC4zNDktOTEuNDQ4LTcyLjEwMS0xMjEuNzk4LTEyMS43OThsMjMuODQ4LTIzLjg0N2MxNS41MjQtMTUuNTI2LDE1LjUyNC00MC43ODktMC4wMDEtNTYuMzE1bC03NC42ODItNzQuNjgyCgkJCWMtMTUuNTAyLTE1LjUtNDAuNjcxLTE1LjY0NC01Ni4zNjEsMC4wNDdsLTQ2LjkzLDQ3LjI5NUMyLjA3OCwxMjIuOTE0LTUuODIsMTUzLjg3LDQuNDIsMTgzLjIwOQoJCQljNTIuNTQ2LDE1MC41NzcsMTczLjgxNCwyNzEuODQ0LDMyNC4zOSwzMjQuMzljMjguMzMsOS44ODQsNTcuNDIyLDIuNDkyLDc1LjkxOS0xNi41NjVjMC4yNjctMC4yMzYsMC41MjgtMC40OCwwLjc4My0wLjczNgoJCQlsNDcuNjktNDcuNjkxQzQ2OC43MjgsNDI3LjA4Miw0NjguNzI4LDQwMS44Miw0NTMuMjAyLDM4Ni4yOTN6IE00MjkuNDEyLDQxOC44MTdMMzgyLjgsNDY1LjQyOQoJCQljLTAuNTY5LDAuNDcyLTEuMTA3LDAuOTg1LTEuNjEzLDEuNTM1Yy05LjgxMSwxMC42NjUtMjUuNTk0LDE0LjM0Ny00MS4yOSw4Ljg2N0MxOTguOTE5LDQyNi42MzYsODUuMzg0LDMxMy4xLDM2LjE4OCwxNzIuMTIxCgkJCWMtNS42MzMtMTYuMTQxLTEuNTY5LTMyLjg2NCwxMC4zNTQtNDIuNjA1YzAuNDUzLTAuMzcsMC44ODctMC43NjQsMS4yOTktMS4xNzlsNDcuNDU5LTQ3LjgyOQoJCQljMS41NzMtMS41NzQsMy40MTItMS44MDksNC4zNjctMS44MDljMC45NTYsMCwyLjc5MywwLjIzNCw0LjM2NywxLjgwOWw3NC42OCw3NC42ODJjMi40MDgsMi40MDgsMi40MDgsNi4zMjUsMC4wMDEsOC43MzMKCQkJbC0zMy4wNDMsMzMuMDQzYy01LjM0MSw1LjM0LTYuNDY4LDEzLjU4My0yLjc1OCwyMC4xNjFjMzUuODU4LDYzLjU2OSw4OC40MDksMTE2LjEyMiwxNTEuOTc4LDE1MS45NzcKCQkJYzYuNTc3LDMuNzExLDE0LjgyLDIuNTgyLDIwLjE2MS0yLjc1N2wzMC45NDUtMzAuOTQ1YzIuNDA5LTIuNDA5LDYuMzItMi40MTIsOC43MzMsMGw3NC42ODIsNzQuNjgyCgkJCUM0MzEuODE5LDQxMi40OTIsNDMxLjgxOSw0MTYuNDEsNDI5LjQxMiw0MTguODE3eiIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZmlsbD0iI2IzYjljYyIgZD0iTTI2OC45MDIsMTMxLjMzMmMtOS4yOTEsMC0xNi44MjMsNy41MzItMTYuODIzLDE2LjgyM2MwLDkuMjkxLDcuNTMxLDE2LjgyMywxNi44MjMsMTYuODIzCgkJCWM0My4wODYsMCw3OC4xMzksMzUuMDUzLDc4LjEzOSw3OC4xMzljMCw5LjI5MSw3LjUzMiwxNi44MjMsMTYuODIzLDE2LjgyM3MxNi44MjMtNy41MzIsMTYuODIzLTE2LjgyMwoJCQlDMzgwLjY4NywxODEuNDc5LDMzMC41NCwxMzEuMzMyLDI2OC45MDIsMTMxLjMzMnoiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNiM2I5Y2MiIGQ9Ik0yNjguOTAyLDY1LjMwNGMtOS4yOTEsMC0xNi44MjMsNy41MzItMTYuODIzLDE2LjgyM3M3LjUzMSwxNi44MjMsMTYuODIzLDE2LjgyMwoJCQljNzkuNDk0LDAsMTQ0LjE2Nyw2NC42NzMsMTQ0LjE2NywxNDQuMTY3YzAsOS4yOTEsNy41MzIsMTYuODIzLDE2LjgyMywxNi44MjNzMTYuODIzLTcuNTMyLDE2LjgyMy0xNi44MjMKCQkJQzQ0Ni43MTUsMTQ1LjA3MSwzNjYuOTQ4LDY1LjMwNCwyNjguOTAyLDY1LjMwNHoiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNiM2I5Y2MiIGQ9Ik00NDAuNzk5LDcxLjIyQzM5NC44ODQsMjUuMzA1LDMzMy44MzUsMC4wMTksMjY4LjkwMSwwLjAxOWMtOS4yOTEsMC0xNi44MjMsNy41MzItMTYuODIzLDE2LjgyMwoJCQljMCw5LjI5MSw3LjUzMiwxNi44MjMsMTYuODIzLDE2LjgyM2MxMTUuNDk0LDAsMjA5LjQ1NCw5My45NiwyMDkuNDU0LDIwOS40NTNjMCw5LjI5MSw3LjUzMiwxNi44MjMsMTYuODIzLDE2LjgyMwoJCQljOS4yOTEsMCwxNi44MjMtNy41MzIsMTYuODIzLTE2LjgyM0M1MTIsMTc4LjE4Myw0ODYuNzE0LDExNy4xMzYsNDQwLjc5OSw3MS4yMnoiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); background-position: 95% 50%; background-repeat: no-repeat; background-size: auto 25px; } .form-a input[name="password"] { padding-right: 45px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgaWQ9InBhc3N3b3JkIj48cGF0aCBmaWxsPSIjOWE5YTlhIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjY2NSAyaDguNjdDMTkuNzIyIDIgMjIgNC4zNzggMjIgNy45MTZ2OC4xNjhDMjIgMTkuNjIyIDE5LjcyMiAyMiAxNi4zMzMgMjJoLTUuMzhhLjc1Ljc1IDAgMCAxIDAtMS41aDUuMzhjMi41MzEgMCA0LjE2Ny0xLjczMyA0LjE2Ny00LjQxNlY3LjkxNmMwLTIuNjgzLTEuNjM2LTQuNDE2LTQuMTY2LTQuNDE2SDcuNjY1QzUuMTM1IDMuNSAzLjUgNS4yMzMgMy41IDcuOTE2djguMTY4YzAgMi42ODMgMS42MzUgNC40MTYgNC4xNjUgNC40MTZhLjc1Ljc1IDAgMCAxIDAgMS41QzQuMjc2IDIyIDIgMTkuNjIyIDIgMTYuMDg0VjcuOTE2QzIgNC4zNzggNC4yNzYgMiA3LjY2NSAyWm0tMS4xOTggOC45MzJhLjc0OC43NDggMCAwIDEgLjk5Mi0uMzc2Ljc0OC43NDggMCAwIDEgLjM3Ni45OTFBMS4xMDMgMS4xMDMgMCAxIDAgOS45NDIgMTJjMC0uNjA3LS40OTQtMS4xLTEuMTAyLTEuMWEuNzUuNzUgMCAwIDEgMC0xLjVjMS4xNzMgMCAyLjE1NC43ODMgMi40NzggMS44NWg1LjY5MmEuNzUuNzUgMCAwIDEgLjc1Ljc1djEuODUyYS43NS43NSAwIDAgMS0xLjUgMFYxMi43NWgtMS4zMjl2MS4xMDJhLjc1Ljc1IDAgMCAxLTEuNSAwVjEyLjc1aC0yLjExM2EyLjU5NSAyLjU5NSAwIDAgMS0yLjQ3OCAxLjg1MiAyLjYwNCAyLjYwNCAwIDAgMS0yLjM3My0zLjY2OVoiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPjwvc3ZnPg==); background-position: 95% 50%; background-repeat: no-repeat; background-size: auto 25px; } .form-contact { } .form-contact .box { } .form-contact .box p { margin-bottom: 20px; padding-left: 160px; } .form-contact .box label { width: 160px; margin-top: 18px; margin-left: -160px; font-size: 17px; text-align: right; } .form-contact .box input { max-width: 316px; } .form-contact .box .big label { padding-left: 0; font-size: 20px; font-weight: 700; } .form-contact .submit-btn button { width: auto; } .form-contact .code-a { margin-bottom: 5px; } .form-footer { margin-bottom: 40px; font-size: 16px; line-height: 1.2; } .form-footer table { width: auto; margin: 0!important; border-spacing: 0!important; } .form-footer td { position: relative; z-index: 2; padding-bottom: 15px; } .form-footer td:first-child { vertical-align: top; } .form-footer input { position: absolute; top: -2px; bottom: 0; left: 0; right: 0; z-index: 10; width: 26px; height: 26px; opacity: 0; cursor: pointer; } .form-footer .input { position: relative; z-index: 2; width: 26px; height: 26px; border: 1px solid var(--border-second); border-radius: var(--radius3); background: var(--border-second); } .form-footer input:checked + .input { border-color: var(--border-ok); background: var(--border-ok); } .form-footer input:checked + .input:before { content: "\e913"; top: 2px; left: 6px; width: auto; color: var(--white); font-size: 15px; } .form-footer label { display: block; margin-bottom: 0; padding-left: 18px; font-size: 16px; text-transform: none; cursor: pointer; } .form-footer label span { color: var(--red); font-weight: 700; } .form-footer.a { padding-left: 45px; } .form-search { position: relative; z-index: 2; } .form-search > p:last-child { position: absolute; top: 0; right: 0; } .form-search input { width: 100%!important; height: 45px; padding-left: 19px; padding-right: 50px; border: 1px solid var(--border-main); border-radius: var(--radius); background: var(--bg-main); } .form-search button { position: relative; z-index: 2; width: 45px; height: 45px; border: 0; background: none; color: var(--black); font-size: 17px; text-indent: -9999em; cursor: pointer; } .form-search button:before { content: "\e90a"; } [data-whatintent="mouse"] .form-search button:hover { color: var(--orange); } .submit-btn { text-align: center; } .submit-btn button { position: relative; z-index: 2; width: 100%; padding: 16px 70px 15px 31px; border: 0; border-radius: var(--radius2); background: var(--bg-third-light); font-size: 20px; font-weight: 600; text-align: left; line-height: 1.1; cursor: pointer; } .submit-btn span { display: inline-block; position: relative; z-index: 2; border-radius: var(--radius2); background: var(--bg-third-light); } .submit-btn span input { position: relative; z-index: 4; } .submit-btn .button { width: 100%; padding: 16px 70px 15px 31px; border: 0; background: none; font-size: 20px; font-weight: 600; text-align: left; line-height: 1.1; cursor: pointer; } .submit-btn button:before, .submit-btn span:before { content: "\e91e"; left: auto; right: 0; width: 53px; font-size: 13px; } [data-whatintent="mouse"] .submit-btn button:hover, [data-whatintent="mouse"] .submit-btn span:hover { border-color: var(--bg-third); background: var(--bg-third); color: var(--clr-second); } [data-whatintent="mouse"] .submit-btn input:hover { color: var(--clr-second); } .submit-btn.a { } .submit-btn.a button { max-width: 350px; } .submit-btn.b { margin-bottom: 20px; } .submit-btn.b button { float: right; max-width: 370px; } /*! Helpers --------- */ a, a:before, a:after { transition: visibility .4s cubic-bezier(.4,0,.2,1) 0s, color .4s cubic-bezier(.4,0,.2,1) 0s, background-color .4s cubic-bezier(.4,0,.2,1) 0s, border-color .4s cubic-bezier(.4,0,.2,1) 0s, opacity .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; -webkit-transform-origin: center center; transform-origin: center center; } .owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } option { transition: none; } .clear { clear: both; } .clone-cat li span, .owl-dots, .module-gallery .main-pic > figure, .module-gallery .gallery-thumbs > figure, .add-a label, .code-a label, .breadcrumb li:last-child:before, #logo span, .heading-a.a:before, .module-latest .owl-dots, .module-latest .owl-nav, .latest-inner figure, #root .owl-carousel .disabled, .hidden, #root .desktop-hide, #root .tablet-only, #root .mobile-only, #nav em { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } .fav img, #content.a:before, .search-inner label, [data-whatintent="mouse"] .lang-a:hover .hover, .lang-active .lang-a .hover, #nav select, .clone select, #menu-icon, .check-a input, .list-select input, .item-a .remove-btn img, .sub-nav ul, [hidden], template { display: none; } .lang-a a, #nav-categories ul a, #panel .btn a, #nav > ul > li > ul a, .artist-a a, .blog-entry .more, .list-select label, .list-team.a a, .nav-tabs a, .sub-nav:hover ul, .sub-nav a, .fav-a a, .fav > a, .product-a a, .filter-btn a, .module-login a, .form-a label, .latest-inner.is-slider, .latest-inner.is-slider form, .latest-inner figure a, .list-social a, .list-a a, article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } .aside .box-c, #welcome p, #featured figure, .lang-a p, #nav-categories > p, #mobile .close, #nav > ul, #menu-icon, .lang-a p, .lang-a ul, #panel .btn, .module-review.is-slider .review, .module-pattern:last-child, .blog-entry .more, .list-categories p, .list-categories figure, .country-a, .item-a .line p, .item-a:last-child, .item-a .line, .item-a > figure, .module-gallery figure, .list-about, .list-team.a, .nav-tabs ul, .sub-nav .filter-btn, .sort-a p, .pagination-a p, .info-a, .latest-inner figure, ul ul, ul ol, ol ol, ol ul, #logo, #root .m0 { margin-bottom: 0; } #mobile, #shadow, .shadow { transition: all .4s cubic-bezier(.4,0,.2,1) 0s; -webkit-transition-delay: -.1s; } #featured .owl-nav, .lang-a > ul, #nav > ul > li > ul a:before, #nav-categories ul a:before, #nav-categories ul a, #nav-categories > ul, .popup, #nav > ul > li.sub > a:before, #nav > ul > li > ul a, #nav > ul > li > ul, .blog-entry .more, .blog-entry img, .list-categories img, .list-categories li:hover figure:before, .module-gallery .slick-arrow, .add-a button, .nav-tabs a:before, .sort-price button, .popup, .product-a:after, .product-a:hover figure:before, .product-a .fav, .product-a:before, .submit-btn input, .submit-btn span, .submit-btn button, .link-btn a, .owl-nav button, .owl-dots button, .list-social a:after { transition: all .4s linear; -webkit-transition-delay: -.1s; } .module-gallery .main-pic > figure:first-child, .module-gallery .gallery-thumbs > figure:first-child, .latest-inner.is-slider figure, .latest-inner > figure:nth-child(-n+5), .latest-inner form > *:nth-child(-n+7), .is-slider { position: relative; top: auto; left: auto; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 35px 0; padding: 0; border: 0; border-top: 1px solid var(--silver); background: none; font-size: 0; } hr.a, .module-box hr { border-color: var(--clr-main); } hr.b { margin-bottom: 13px; border-color: var(--clr-main); } #menu-icon:before, .module-pattern + .module-latest, hr.b, .list-about + hr, .module-description h1:first-child, .module-description h2:first-child, .module-description h3:first-child, .module-description h4:first-child, .module-description h5:first-child, .module-description h6:first-child, .product-a:after, .form-footer input:checked + .input:before, .list-check li:before, .list-address:before, .list-contact .phone:before, .list-contact .email:before, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, legend:first-child { margin-top: 0; } #root .m40 { margin-bottom: 40px; } #root .m50 { margin-bottom: 50px; } /*! 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: var(--orange); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--orange); color: var(--white); text-shadow: none; } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Animations --------- */ [data-whatintent="mouse"] .form-search button:hover, [data-whatintent="mouse"] .lang-a ul a:hover, [data-whatintent="mouse"] #panel .btn a:hover, [data-whatintent="mouse"] .blog-entry:hover .more, [data-whatintent="mouse"] .list-categories a:hover, [data-whatintent="mouse"] .item-a .remove-btn a:hover, [data-whatintent="mouse"] .module-gallery .fav:hover, [data-whatintent="mouse"] .module-gallery .slick-arrow:hover, [data-whatintent="mouse"] .list-about li:hover:before, [data-whatintent="mouse"] .add-a button:hover, [data-whatintent="mouse"] .product-a .fav:hover a, [data-whatintent="mouse"] .product-a:hover .fav, [data-whatintent="mouse"] .pagination-a .btn a:hover, [data-whatintent="mouse"] .filter-btn a:hover, [data-whatintent="mouse"] .submit-btn span:hover, [data-whatintent="mouse"] .submit-btn button:hover, [data-whatintent="mouse"] .link-btn a:hover, [data-whatintent="mouse"] .owl-nav button:hover { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } [data-whatintent="mouse"] .module-review .review:hover .author:before, [data-whatintent="mouse"] .artist-a:hover img, [data-whatintent="mouse"] .blog-entry:hover .date:before, [data-whatintent="mouse"] .filter-btn a:hover:before, [data-whatintent="mouse"] .submit-btn span:hover:before, [data-whatintent="mouse"] .submit-btn button:hover:before, [data-whatintent="mouse"] .link-btn.a a:hover:before, [data-whatintent="mouse"] .list-check li:hover:before, [data-whatintent="mouse"] .list-address:hover:before, [data-whatintent="mouse"] .list-contact li:hover:before, [data-whatintent="mouse"] .list-a li:hover:before, [data-whatintent="mouse"] .list-social a:hover:before { -webkit-animation-name: buzz; animation-name: buzz; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .list-select input:checked + label:after, .list-select strong label:after, [data-whatintent="mouse"] .item-a:hover > figure, [data-whatintent="mouse"] .module-c:hover .brand, [data-whatintent="mouse"] .module-c .brand:hover img, [data-whatintent="mouse"] .latest-inner a:hover { -webkit-animation-name: press; animation-name: press; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } [data-whatintent="mouse"] .btn a:hover .no, [data-whatintent="mouse"] .add-a button:hover:before, [data-whatintent="mouse"] .product-a:hover:after, [data-whatintent="mouse"] .list-logo:hover li { -webkit-animation-name: bump; animation-name: bump; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } [data-whatintent="mouse"] .header-a:hover figure { -webkit-animation-name: bump; animation-name: bump; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } [data-whatintent="mouse"] .sub-nav .filter-btn a:hover { -webkit-animation-name: none; animation-name: none; } [data-whatintent="mouse"] .list-categories li:hover { -webkit-animation-name: press2; animation-name: press2; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } [data-whatintent="mouse"] .list-logo:hover li:nth-child(2n+2) { -webkit-animation-duration: 1.1s; animation-duration: 1.1s; } @-webkit-keyframes bump {50% {-webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes bump {50% {-webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-20px);} 60% {-webkit-transform: translateY(-10px);} } @keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-20px);} 60% {transform: translateY(-10px);} } @-webkit-keyframes buzz {10% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% {-webkit-transform: translateX(2px) rotate(3deg); transform: translateX(2px) rotate(3deg); } 60% {-webkit-transform: translateX(-2px) rotate(-3deg); transform: translateX(-2px) rotate(-3deg); } 70% {-webkit-transform: translateX(2px) rotate(3deg); transform: translateX(2px) rotate(3deg); } 80% {-webkit-transform: translateX(-2px) rotate(-3deg); transform: translateX(-2px) rotate(-3deg); } 90% {-webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% {-webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes buzz {10% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% {-webkit-transform: translateX(2px) rotate(3deg); transform: translateX(2px) rotate(3deg); } 60% {-webkit-transform: translateX(-2px) rotate(-3deg); transform: translateX(-2px) rotate(-3deg); } 70% {-webkit-transform: translateX(2px) rotate(3deg); transform: translateX(2px) rotate(3deg); } 80% {-webkit-transform: translateX(-2px) rotate(-3deg); transform: translateX(-2px) rotate(-3deg); } 90% {-webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% {-webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @-webkit-keyframes pop {50% {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @keyframes pop {50% {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes press {50% {-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } } @keyframes press {50% {-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } } @-webkit-keyframes press2 {50% {-webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } } @keyframes press2 {50% {-webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } } /*! Flexbox --------- */ .product-page, .module-login .submit-btn, #nav-categories > p > a, #mobile-bar ul, #mKoszyk .no, #mPrzechowalnia .no, #nav > ul > li > a, #mobile .close a:before, #mobile .close a, #nav > ul, #menu-icon:before, #top-inner, #panel, .owl-stage, .artist-a, .module-a, .module-blog, .list-categories p, .list-categories, .country-a, .box-e, .item-a .line > *, .item-a .no, .item-a .line, .item-a, .module-cart form, .module-summary, .module-gallery .gallery-thumbs a, .list-about, .module-c, .add-a, .add-form, .available-a, .price-a, .module-b, .nav-tabs ul, .popup .heading-b, .sort-price, .product-a:after, .product-a, .module-products, .module-products form, .sort-a p, .pagination-a, .pagination-a p, .module-sort, .form-contact .box p, .form-contact .submit-btn, .code-a figure, .code-a, .module-login .submit-btn, .module-login, .info-c, .header-a, .module-box, .module-border, .breadcrumb, .breadcrumb ol, .owl-dots, .latest-inner form, .latest-inner, .list-social, .list-logo, .list-a, #footer nav, #footer > ul, .link-btn { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .product-page, #nav > ul, #top-inner, #panel, .owl-stage, .artist-a, .module-a, .module-blog, .list-categories, .country-a, .box-e, .item-a .line > *, .item-a .line, .item-a, .module-cart form, .module-summary, .list-about, .module-c, .add-a, .add-form, .available-a, .price-a, .module-b, .nav-tabs ul, .popup .heading-b, .sort-price, .module-products, .module-products form, .sort-a p, .pagination-a, .pagination-a p, .module-sort, .form-contact .box p, .code-a, .module-login .submit-btn, .module-login, .info-c, .header-a, .module-box, .module-border, .breadcrumb, .breadcrumb ol, .owl-dots, .latest-inner form, .latest-inner, .list-social, .list-logo, .list-a, #footer nav, #footer > ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .module-b { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .product-a { -webkit-flex-direction: column; flex-direction: column; } .item-a .price:first-child, #footer .list-logo, .text-left .link-btn, .link-btn.text-left { -webkit-justify-content: flex-start; justify-content: flex-start; } #mKoszyk .no, #mPrzechowalnia .no, #nav > ul > li > a, #mobile .close a:before, #nav > ul, #menu-icon:before, .module-blog, .list-categories, .list-categories p, .module-gallery .gallery-thumbs a, .product-a:after, .breadcrumb, .link-btn, .owl-dots, #footer > ul, .text-center .link-btn, .link-btn.text-center { -webkit-justify-content: center; justify-content: center; } .module-login, #panel, .box-e, .module-summary, .add-form, .pagination-a, .form-contact .code-a, .form-contact .submit-btn, .module-login .submit-btn, .text-right .link-btn, .link-btn.text-right { -webkit-justify-content: flex-end; justify-content: flex-end; } #mobile-bar ul, #top-inner, .list-about, .module-c, .popup .heading-b, .module-sort, .info-c, .list-a { -webkit-justify-content: space-between; justify-content: space-between; } #top-inner, .module-sort { -webkit-align-items: flex-start; align-items: flex-start; } #nav-categories > p > a, #mobile-bar ul, #mKoszyk .no, #mPrzechowalnia .no, #nav > ul > li > a, #mobile .close a:before, #mobile .close a, #menu-icon:before, #panel, .artist-a, .country-a, .item-a .line > *, .item-a .no, .item-a .line, .module-summary, .module-gallery .gallery-thumbs a, .add-a, .available-a, .price-a, .popup .heading-b, .sort-price, .product-a:after, .sort-a p, .pagination-a, .pagination-a p, .code-a figure, .code-a, .header-a, .info-c { -webkit-align-items: center; align-items: center; } .list-categories p, .module-login .submit-btn { -webkit-align-items: flex-end; align-items: flex-end; } .product-page { -webkit-align-items: stretch; align-items: stretch; } .module-cart .module-items, .module-b .product-content, .header-a .title-a, .module-aside .middle, #footer nav > *:last-child { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } .module-cart .module-items, .module-b .product-content, .header-a .title-a, .module-aside .middle, #footer nav > *:last-child { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Fonts --------- */ @font-face{font-family:'Barlow';font-style:normal;font-weight:300;src:local('Barlow Light'),local('Barlow-Light'),url('fonts/barlow-300.woff2') format('woff2'),url('fonts/barlow-300.woff') format('woff'),url('fonts/barlow-300.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Barlow';font-style:normal;font-weight:500;src:local('Barlow Medium'),local('Barlow-Medium'),url('fonts/barlow-500.woff2') format('woff2'),url('fonts/barlow-500.woff') format('woff'),url('fonts/barlow-500.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Barlow';font-style:normal;font-weight:600;src:local('Barlow SemiBold'),local('Barlow-SemiBold'),url('fonts/barlow-600.woff2') format('woff2'),url('fonts/barlow-600.woff') format('woff'),url('fonts/barlow-600.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Barlow';font-style:normal;font-weight:700;src:local('Barlow Bold'),local('Barlow-Bold'),url('fonts/barlow-700.woff2') format('woff2'),url('fonts/barlow-700.woff') format('woff'),url('fonts/barlow-700.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;src:local('Playfair Display Medium'),local('PlayfairDisplay-Medium'),url('fonts/playfairdisplay-500.woff2') format('woff2'),url('fonts/playfairdisplay-500.woff') format('woff'),url('fonts/playfairdisplay-500.ttf') format('truetype');font-display:fallback;} @font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;src:local('Playfair Display Bold'),local('Playfair-Display-Bold'),url('fonts/playfairdisplay-700.woff2') format('woff2'),url('fonts/playfairdisplay-700.woff') format('woff'),url('fonts/playfairdisplay-700.ttf') format('truetype');font-display:fallback;} /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'), url('icons/icomoon.ttf') format('truetype');font-display:fallback; } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before {content: "\e91a";} .icon-arrow-left:before {content: "\e91b";} .icon-arrow-right:before {content: "\e91c";} .icon-arrow-up:before {content: "\e919";} .icon-arrow1:before {content: "\e91d";} .icon-arrow2:before {content: "\e91e";} .icon-box:before {content: "\e910";} .icon-call:before {content: "\e911";} .icon-cart:before {content: "\e912";} .icon-check:before {content: "\e913";} .icon-clock:before {content: "\e914";} .icon-close2:before {content: "\e916";} .icon-close:before {content: "\e915";} .icon-delivery:before {content: "\e917";} .icon-diamond:before {content: "\e923";} .icon-discount:before {content: "\e918";} .icon-facebook:before {content: "\e900"; } .icon-filter:before {content: "\e901";} .icon-gift:before {content: "\e902";} .icon-home:before {content: "\e920";} .icon-instagram:before {content: "\e903";} .icon-menu:before {content: "\e91f";} .icon-message:before {content: "\e904";} .icon-minus:before {content: "\e922";} .icon-office-bag:before {content: "\e905";} .icon-password:before {content: "\e906";} .icon-pinterest:before {content: "\e907";} .icon-plus:before {content: "\e921";} .icon-quality:before {content: "\e908";} .icon-refresh:before {content: "\e909";} .icon-search:before {content: "\e90a";} .icon-shape:before {content: "\e90b";} .icon-timer:before {content: "\e90c";} .icon-users:before {content: "\e90d";} .icon-website:before {content: "\e90e";} .icon-youtube:before {content: "\e90f";} /*! Lib --------- */ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.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(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;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--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{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--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.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}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.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}.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;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:link,.fancybox-share__button:visited{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;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);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,.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,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.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: 93.75em) { /* 1500 */ #top, #content, #footer { width: 980px; } #top { margin-left: -490px; } #top { } #top-inner { top: 70px; right: -28px; } #panel { position: absolute; top: -40px; right: 28px; margin-inline: -1px; } #panel > * { margin-inline: 1px; } .latest-inner { margin-left: -22px; } .latest-inner figure { border-left-width: 22px; } .item-a { padding-left: 0; } .item-a > figure { width: 100%; margin-left: 0; } .item-a > div { padding-left: 0; } .module-a { } .module-a > *, .module-a > *:first-child { width: 100%; } .module-a .module-team { margin-inline: auto; } .module-aside aside { max-width: 400px; margin-left: 40px; } .module-aside.a aside { max-width: 100%; margin-left: 0; } .module-box { } .module-box > *, .module-box.module-contact > *:first-child { width: 40%; } .module-box > *:first-child, .module-box.module-contact > * { width: 60%; } .module-gallery { } .module-gallery .main-pic figure { height: 300px; } .module-gallery .main-pic figure img { max-height: 300px; } .module-items .inner-wrapper-sticky { width: 343px!important; } .module-products { margin-left: -20px; } .module-products .product-a { width: 33.333%; margin-bottom: 20px; border-left-width: 20px; } .nav-tabs { margin-left: -20px; } .nav-tabs ul { font-size: 20px; } .nav-tabs a { padding-inline: 20px; } .product-page { padding-right: 475px; } .product-page .column, .product-page .inner-wrapper-sticky { width: 475px!important; } .list-categories li { width: 33.3333%; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #top, #content, #footer { width: 720px; } #top { margin-left: -360px; } #root { padding-top: 100px; padding-bottom: 45px; } #top { height: 90px; } #logo { top: 45px; } #logo a { height: 60px; padding: 10px 60px 10px 0; } #logo img { width: auto; max-height: 100%; } #menu-icon { display: block; } #panel .lang-a { top: 20px; right: 60px; } .menu-active #mobile { left: 0; } .menu-active #shadow { visibility: visible; opacity: 1; } #mobile-bar { bottom: 0; } #panel .btn, #nav, #nav-categories { display: none; } #mobile-bar { bottom: 0; } #footer nav > * { width: 30%; } #featured { padding-inline: 15px; } #welcome + #featured { margin-top: -28px; } .latest-inner figure { width: 25%; } .module-aside aside { max-width: 250px; } .module-blog { margin-bottom: 40px; } .module-blog .blog-entry { width: 50%; } .module-box { } .module-box > *, .module-box > *:first-child, .module-box.module-contact > *:first-child, .module-box.module-contact > * { width: 100%; } .module-box > *:first-child { padding-inline: 15px; } .module-cart .column { width: 100%; } .module-cart .module-items { padding-right: 0; } .module-items.is-affixed { height: auto!important; } .module-items .inner-wrapper-sticky { position: relative!important; top: auto!important; left: auto!important; width: 100%!important; transform: none!important; } .item-a { padding-left: 166px; } .item-a > figure { width: 166px; margin-left: -166px; } .item-a > div { padding-left: 30px; } .module-products .product-a { width: 50%; } .module-tekst { padding-inline: 0; } .popup { left: 20px; right: 20px; width: auto; margin-left: 0; padding: 20px 25px 0; } .user-active .login-popup, .cart-active .cart-popup, .filter-active .filter-popup { top: 20px; } .popup .close-a { top: 16px; right: 0; } .cart-popup .list-items, .filter-popup .inner { margin-right: -25px; padding-right: 25px; } .filter-popup { max-height: calc(100vh - 40px); padding-bottom: 20px; } .filter-popup .inner { height: calc(100vh - 180px); } .product-a .fav { visibility: visible; opacity: 1; } .product-page { margin-bottom: 0; padding-right: 0; } .product-page .column { position: relative; top: auto; bottom: 0; width: 100%; margin-right: 0; } .product-page .column .inner-wrapper-sticky { position: relative!important; top: auto!important; left: auto!important; width: 100%!important; transform: none!important; } .product-page .column, .product-page .inner-wrapper-sticky { width: 100%!important; } .search-popup .close-a { top: 5px!important; } .list-categories li { width: 50%; } #root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, .latest-inner > figure:nth-child(5), .latest-inner form > *:nth-child(7), .module-b aside { position: absolute; left: -3000em; top: -3000em; 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; } #top { left: 20px; right: 20px; margin-left: 0; } body, textarea, input, select, option, button { font-size: 15px; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 20px; } h1, h2, h3, h4, h5, h6, legend { margin-top: 30px; margin-bottom: 26px; } h1, h2, .heading-a.b, .module-summary > *:last-child { font-size: 25px; } .module-aside h1, .module-aside h2, .heading-a, .module-tekst h1, .module-tekst h2, .module-aside.a h1, .module-aside.a h2, .header-a, .header-a.a, .heading-c.a, .artist-a p, .search-popup .title, #welcome .heading-a { font-size: 20px; } #footer .title, .list-team p,.module-box .title, .module-box .title.a, .heading-b, .module-description h1, .module-description h2, .blog-entry .title, #welcome { font-size: 17px; } .link-btn.a a, .nav-tabs ul { font-size: 16px; } h3, h4, h5, h6 { font-size: 15px; } #footer > ul, .info-e { font-size: 14px; } .heading-a { margin-bottom: 30px; } .heading-a.b { margin-bottom: 27px; padding-bottom: 25px; } #top { } #skip { } #skip a { min-width: 0; } #skip a:focus, #skip a:active { right: 0; } #skip li { font-size: 1.3em; } #content > *:last-child { margin-bottom: 35px; } #footer { } #footer .title { margin-bottom: 15px; } #footer .title + .list-a, #footer .list-a + hr, #footer .title + .list-social { margin-top: 0; } #footer nav > * { width: 50%; } .artist-a { padding-left: 0; } .artist-a figure { width: 100%; margin-left: 0; } .artist-a a { padding-inline: 10px; text-align: center; } .blog-entry { padding-bottom: 0; } .module-a { } .module-a h1, .module-a h2, .module-a h3, .module-a h4, .module-a h5, .module-a h6 { margin-top: 30px; margin-bottom: 26px; } .module-a h1:first-child, .module-a h2:first-child, .module-a h3:first-child, .module-a h4:first-child, .module-a h5:first-child, .module-a h6:first-child { margin-top: 0; } .module-aside { } .module-aside .middle { padding: 20px 9px 0; } .module-aside aside { width: 100%; max-width: 100%; margin-left: 0; } .module-aside.a { } .module-aside.a .middle { padding-top: 15px; } .module-background { margin-bottom: 30px; } .module-border + .module-latest { margin-top: 30px; } .module-box.module-contact .col { padding-top: 25px; } .module-filter { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .module-gallery { } .module-gallery .main-pic figure { height: 300px; } .module-gallery .main-pic figure img { max-height: 300px; } .module-gallery .gallery-thumbs figure a { height: 100px; } .module-latest { margin-top: 30px; margin-bottom: 25px; padding-top: 25px; } .module-latest > *:last-child { margin-bottom: 25px; } .latest-inner a { border-width: 3px; } .module-login > * { width: calc(100% - 20px); } .module-team { max-width: 95%; } .product-a { } .product-a figure { margin-bottom: 15px; } .product-a .availability { margin-bottom: 7px; } .product-a .title { font-size: 17px; } .product-a .price { font-size: 18px; } .user-info { } .user-info p, .user-info .short, .user-info .long { width: calc(100% - 20px); } .header-a { margin-bottom: 25px; } .header-a .title-a { padding-top: 0; } .link-btn.a a { min-width: 120px; } .list-categories { margin-bottom: 30px; } .list-check { margin-bottom: 20px; } .list-logo, #footer .list-logo { margin-inline: -8px; -webkit-justify-content: center; justify-content: center; } .list-logo li, #footer .list-logo li { margin-inline: 8px; } .list-team { } .list-team li { padding-left: 185px; } .list-team div { padding-left: 30px; } .list-team figure { width: 185px; margin-left: -185px; } .form-contact { } .form-contact .box p { padding-left: 0; } .form-contact .box label { width: 100%; margin-top: 0; margin-left: 0; font-size: 16px; text-align: left; } .form-contact .box .big label { padding-left: 20px; font-size: 16px; font-weight: 500; } .submit-btn { } .submit-btn button, .submit-btn .button { padding: 13px 70px 12px 25px; font-size: 16px; } #root .m50 { margin-bottom: 25px; } #root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, .pagination-a label, .blog-entry .more { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } } @media only screen and (max-width: 31.25em) { /* 500 */ .latest-inner figure { width: 33.3333%; } .module-products .product-a, .list-categories li, .module-blog .blog-entry { width: 100%; } .info-a { font-size: 12px; } .item-a { padding-left: 0; } .item-a > figure { width: 100%; margin-left: 0; } .item-a > div { padding-left: 0; } .module-filter { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .latest-inner > figure:nth-child(4), .latest-inner form > *:nth-child(6) { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } .list-team { } .list-team li { padding-left: 0; } .list-team figure { width: 100%; margin-left: 0; } .list-team div { width: 100%; padding-top: 0; padding-left: 20px; } .module-login .submit-btn button { max-width: 100%; } } @media only screen and (max-width: 25em) { /* 400 */ .latest-inner figure { width: 50%; } #footer nav > * { width: 100%; } .latest-inner > figure:nth-child(3), .latest-inner form > *:nth-child(5) { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; } }