a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{ margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline}html{ width: 100%; min-height: 100%; font-size: 18px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}body{ width: 100%; min-height: 100%; font-family: "Inter",Arial,Helvetica,sans-serif; font-size: 18px; color: #000; position: relative}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{ display: block}audio,canvas,video{ display: inline-block}audio:not([controls]){ display: none; height: 0}button,input,optgroup,select,textarea{ margin: 0; font-size: 100%; vertical-align: middle; font-family: "Inter",Arial,Helvetica,sans-serif}button,input{ overflow: visible}button,select{ text-transform: none}button,html [type="button"],[type="reset"],[type="submit"]{ -webkit-appearance: button}button::-moz-focus-inner,input::-moz-focus-inner{ border-style: none; padding: 0; border: 0}button,input[type="button"],input[type="reset"],input[type="submit"]{ cursor: pointer; -webkit-appearance: button}textarea{ overflow: auto; vertical-align: top}[type="checkbox"],[type="radio"]{ box-sizing: border-box; padding: 0}a{ cursor: pointer}a,ins,del{ text-decoration: none}ul,ol{ list-style: none}table{ border-spacing: 0; border-collapse: collapse}caption,th{ text-align: left}q:after,q:before{ content: ""}img{ height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic}:focus{ outline: 0}blockquote,q{ quotes: "" ""}.clear{ clear: both}h1,h2,h3,h4,h5,h6{ font-family: "Inter",Arial,Helvetica,sans-serif; font-weight: 600; color: #000; line-height: 1}h2{ font-size: 36px}h3{ font-size: 30px}h4{ font-size: 24px}h5{ font-size: 18px}h6{ font-size: 16px}a{ outline: 0}a img{ border: none; text-decoration: none}p{ margin-bottom: 1.143em}p:last-child{ margin-bottom: 0}strong,b{ font-weight: bold}em,i{ font-style: italic}sup{ vertical-align: super; font-size: smaller}ul{ list-style: outside disc; margin: 1em 0 1.5em 1.5em}ol{ list-style: outside decimal; margin: 1em 0 1.5em 1.5em}dl{ margin: 0 0 1.5em 0}dt{ font-weight: bold}dd{ margin-left: 1.5em}blockquote{ font-style: italic}::selection{ background: #034C29; color: #fff}::-moz-selection{ background: #034C29; color: #fff}::-webkit-input-placeholder{ color: #999}::-moz-placeholder{ color: #999}:-ms-input-placeholder{ color: #999}.clearfix:before,.clearfix:after{ display: table; content: " "}.clearfix:after{ clear: both}.top-menu{ display: flex; align-items: center; justify-content: space-between; grid-row: 1; grid-column: 2 / span 2} @media (max-width: 1024px){ .top-menu{ grid-row: 1; grid-column: 1 / span 2}} .top-menu ul{ display: flex; margin: 0; list-style: none; white-space: nowrap} .top-menu li{ position: relative; margin-left: 12px; padding-left: 12px; border-left: 1px solid #e1e1e1} .top-menu li:hover{ cursor: pointer} .top-menu li:first-child{ margin-left: 0; padding-left: 0; border-left: none} .top-menu li a{ font-size: 12px; display: block; text-transform: uppercase; color: #222} .top-menu li a:hover{ text-decoration: underline; color: #157F38} .top-menu li ul strong{ display: block; font-size: 12px; padding: 12px} .top-menu li .dropdown-toggle{ padding-right: 20px; background: url(../img/arrow-down.svg) right center no-repeat; background-size: 10px 10px} .top-menu li a.dropdown-toggle:hover,.top-menu li.dropdown:hover a.dropdown-toggle{ text-decoration: none; color: #000} .top-menu .user-menu .dropdown-menu{ position: absolute; z-index: 1000; top: 100%; right: 0; display: none; margin: 0; list-style: none; background-color: #f1f1f1} .top-menu .user-menu .dropdown-menu li{ display: block; padding-right: 0; margin-right: 0; border: none; text-align: right} .top-menu .user-menu .dropdown-menu a{ font-size: 15px; display: block; padding: 12px; white-space: nowrap; text-transform: none; cursor: pointer} .top-menu .user-menu .dropdown-menu a:hover{ text-decoration: none; color: #FFF; background-color: #cf0a2c} .top-menu .user-menu .dropdown-menu .logout{ font-weight: bold; color: #000} .top-menu .user-menu .dropdown:hover .dropdown-menu{ display: block} .top-menu .user-menu .login-link{ margin-left: 0; padding-left: 0; border-left: none} .top-menu .user-menu .mobile{ display: none} @media (max-width: 768px){ .top-menu .user-menu .login-link{ margin-left: 12px; padding-left: 12px; border-left: 1px solid #e1e1e1} .top-menu .user-menu .register-link{ display: none} .top-menu .user-menu .mobile{ display: block}} .top-menu .lang{ line-height: 16px; float: right; height: 16px; margin: 8px 0 0 0; list-style: none} .top-menu .lang li{ float: left; margin-left: 5px} .top-menu .lang a{ transition: opacity .1s ease-out; opacity: .4} .top-menu .lang a:hover, .top-menu .lang .active a{ opacity: 1} .top-menu .currency{ float: right; margin-left: 15px} .top-menu .currency select{ font-size: 12px; padding: 4px; color: #999; border: 1px solid #e1e1e1; border-radius: 3px} .top-menu .currency input[type=submit]{ font-size: 12px; font-weight: bold; padding: 4px; color: #FFF; border: none; border-radius: 3px; background: #cf0a2c} .top-menu #jezyki{ float: right; margin-left: 15px; display: none} .top-menu #jezyki select{ font-size: 12px; padding: 4px; color: #999; border: 1px solid #e1e1e1; border-radius: 3px} .top-menu #jezyki input[type=submit]{ font-size: 12px; font-weight: bold; padding: 4px; color: #FFF; border: none; border-radius: 3px; background: #cf0a2c} @media (max-width: 768px){ .top-menu{ flex-wrap: wrap; justify-content: center} .top-menu ul{ width: 100%} .top-menu ul + ul{ margin-top: 10px} .top-menu ul{ justify-content: center} .top-menu li{ position: relative} .top-menu ul ul{ width: auto} .top-menu ul li{ padding-left: 0}}#top{ position: relative; display: grid; grid-template-columns: 240px 1fr min-content; grid-gap: 24px 64px; padding: 20px 0} #top h1, #top .hjeden{ grid-column: 1; grid-row: 1 / span 2; display: block; height: 100px} #top h1 img, #top .hjeden img{ display: block; height: 100px} #top .search-toggle{ display: none; width: 46px; height: 46px; margin: 10px 0 0 0; padding: 0; text-indent: -9999px; border: none; border-radius: 3px; background: #f1f1f1 url(/templates/swiezo2020/img/search-icon.svg) center no-repeat; -webkit-background-size: 40px 40px; background-size: 40px 40px} #top .search-col{ grid-column: 2; grid-row: 2; position: relative; display: flex} #top .search-col .nav-toggle{ display: none; width: 50px; height: 50px; background: #157F38 url(/templates/swiezo2020/img/menu-white.svg) center no-repeat; background-size: 20px 20px; border-radius: 5px; margin-right: 8px; flex: 0 0 50px; text-indent: -9999px} #top .search-col #main-search{ display: block; padding: 11px 12px; border: 1px solid #d1d1d1; border-radius: 5px; width: 100%; max-width: 650px} #top .search-col .input-append{ display: flex; align-items: center; justify-content: space-between} #top .search-col input{ display: block; flex: 1 1 100%; width: 100%; margin-right: 24px; font-size: 14px; height: 32px; padding-left: 30px; transition: color .2s ease-out; color: #999; border: none; background: #FFF url(/templates/swiezo2020/img/search-icon.svg) left center no-repeat; background-size: 20px 20px} #top .search-col input:focus{ color: #000} #top .search-col button{ font-size: 14px; font-weight: bold; text-transform: uppercase; color: #000; border: none; background: none; padding: 0} #top #column-cart{ display: flex; justify-content: flex-end; align-items: center; grid-column: 3; grid-row: 2} #top .top-basket{ white-space: nowrap; cursor: pointer} #top .top-basket a{ font-size: 14px; line-height: 46px; display: block; height: 46px; padding-left: 56px; color: #010101; background: #FFF url(/templates/swiezo2020/img/top-basket-dark.svg) left center no-repeat; -webkit-background-size: 40px 40px; background-size: 40px 40px} #top .top-basket strong{ font-size: 16px; font-weight: bold; line-height: 42px; display: inline-block; height: 46px; margin-left: 10px; padding: 0 20px; text-transform: uppercase; color: #FFF; border-radius: 5px; background-color: #cf0a2c} #top .top-basket .full:hover strong{ color: #000; background-color: #e9c46a} #top .top-basket .empty strong{ display: none} @media (max-width: 1024px){ #top{ grid-template-columns: 1fr 1fr} #top h1, #top .hjeden{ grid-column: 1; grid-row: 2; height: 80px} #top h1 img, #top .hjeden img{ height: 80px} #top #column-cart{ grid-column: 2; grid-row: 2} #top .search-col{ grid-column: 1 / span 2; grid-row: 3} #top .search-col .nav-toggle{ display: block} #top .search-col #main-search{ max-width: 100%} #top .search-col input{ height: 24px}} @media (max-width: 768px){ #top{ grid-template-columns: min-content 1fr; grid-gap: 20px 0} #top h1, #top .hjeden{ height: 60px} #top h1 img, #top .hjeden img{ height: 60px; max-width: unset} #top .top-basket a{ display: flex; align-items: center; background-image: url(/templates/swiezo2020/img/top-basket-white.svg); background-position: 14px center; background-size: 24px 24px; background-repeat: no-repeat; padding: 0 14px 0 48px; border-radius: 3px} #top .top-basket a span{ display: none} #top .top-basket a strong{ padding: 0; background: none; line-height: 1; height: auto; margin-left: 0} #top .top-basket a.empty{ background-color: #d1d1d1; color: #555} #top .top-basket a.empty strong{ display: block} #top .top-basket a.full{ background-color: #cf0a2c}} @media (max-width: 450px){ #top .top-basket a{ background-image: none; padding: 0 12px} #top .top-basket a strong{ font-size: 15px} #top .search-col input{ padding-left: 0; background: none}}.main-menu{ display: block; background-color: #40160d; margin-bottom: 16px}.top-level{ display: block; height: 50px; background-color: #40160d} .top-level ul.menu{ margin: 0; list-style: none; display: flex} .top-level ul.menu li{ line-height: 50px; height: 50px; position: relative} .top-level ul.menu li:after{ display: block; width: 1px; height: 30px; background: #65443c; position: absolute; right: 0; top: 50%; margin-top: -15px; content: ''} .top-level ul.menu li.category-claim{ padding-right: 0} .top-level ul.menu li.category-claim:after{ display: none} .top-level ul.menu li.category-claim em{ display: none; font-weight: bold; line-height: 50px; height: 50px; text-transform: uppercase; color: #40160d; background-color: #e9c46a; font-style: normal} .top-level ul.menu li.category-claim em a{ color: #000; padding: 20px} .top-level ul.menu li:last-child{ margin-right: 0; padding-right: 0; border-right: none} .top-level ul.menu li > h4 > a{ display: block; padding: 0 24px; font-size: 14px; text-transform: uppercase; color: #e9c46a; line-height: 50px; font-weight: normal} .top-level ul.menu li > h4 > a:hover{ text-decoration: underline} .top-level ul.menu span, .top-level ul.menu li .bright{ font-weight: bold; line-height: 50px; display: block; height: 50px; padding: 0 24px; text-transform: uppercase; color: #000; background-color: #e9c46a} .top-level ul.menu span a, .top-level ul.menu li .bright a{ color: #000} .top-level ul.menu li.promo:after{ display: none} .top-level ul.menu li.promo em{ background: #d90000; display: block; font-style: normal} .top-level ul.menu li.promo em a{ color: #fff; font-weight: bold; padding: 0 24px} @media (max-width: 1366px){ .top-level ul.menu li > h4 > a{ padding: 0 20px}} @media (max-width: 1280px){ .top-level ul.menu li > h4 > a{ padding: 0 16px}} .top-level .mobile-price-basket{ display: none}.bottom-level{ display: block; height: 50px; background-color: #e9c46a} .bottom-level ul.categories{ position: relative; margin: 0; list-style: none; display: flex} .bottom-level ul.categories > li > h4 > a{ line-height: 50px; display: block; padding: 0 16px; color: #40160d; font-size: 15px; font-weight: normal} .bottom-level ul.categories > li:hover > h4 > a, .bottom-level ul.categories > li.active > h4 > a{ background-color: #FFF} .bottom-level ul.categories .mobile{ display: none} @media (max-width: 1366px){ .bottom-level ul.categories > li > h4 > a{ padding: 0 12px; font-size: 14px}} @media (max-width: 1280px){ .bottom-level ul.categories > li > h4 > a{ padding: 0 10px; font-size: 14px}} .bottom-level .submenu{ position: absolute; z-index: 2000; top: 100%; left: 0; width: 100% !important; background-color: #FFF; box-shadow: 0 4px 4px 1px rgba(0,0,0,0.2); visibility: hidden; opacity: 0; transition: visibility 0s,opacity 0.3s linear} .bottom-level .subcategories-list{ float: left; width: 25%; margin: 0; list-style: none; border-right: 1px solid #e1e1e1; background-color: #FFF} .bottom-level .subcategories-list li{ position: relative; display: block; float: none; height: 30px; margin-right: 0; padding: 10px; border-bottom: 1px solid #e1e1e1} .bottom-level .subcategories-list li:last-child{ border-bottom: none} .bottom-level .subcategories-list .icon{ top: 10px; left: 10px; display: block; width: 100%; height: 30px; text-align: left} .bottom-level .subcategories-list .icon img{ width: 50px; height: 30px; position: absolute} .bottom-level .subcategories-list .title{ line-height: 30px; display: block; padding-left: 10px; color: #000; text-transform: lowercase} .bottom-level .subcategories-list li:hover, .bottom-level .subcategories-list li a:hover{ text-decoration: underline; color: #000; background-color: #ededed} .bottom-level ul.categories li:hover .submenu{ visibility: visible; opacity: 1; transition-delay: 0.1s} .bottom-level .submenu .columns{ position: relative; min-height: 415px} .bottom-level .submenu .col-product{ float: right; width: 74%; text-align: left} .bottom-level .submenu .col-product img{ position: absolute; z-index: 0; right: 0; bottom: 0; display: block; top: 11%; bottom: 0; width: auto} .bottom-level .submenu .col-product .desc{ margin: 100px 0 0 30px} .bottom-level .submenu .col-product h3{ font-size: 32px; font-weight: normal; line-height: 1; display: block; margin-bottom: 30px; text-transform: uppercase; color: #40160d; margin-right: 270px; position: relative; z-index: 5; width: 55%} .bottom-level .submenu .col-product h3 a{ color: #40160d} .bottom-level .submenu .col-product .polecamy{ font-size: 24px; font-weight: normal; line-height: 1; display: block; margin-bottom: 10px; text-transform: uppercase; color: #40160d; position: relative; z-index: 5} .bottom-level .submenu .col-product .price{ font-size: 24px; font-weight: normal; line-height: 1; display: block; margin-bottom: 10px; text-transform: uppercase; color: #40160d; position: relative; z-index: 5; margin-bottom: 30px; color: #cf0a2c; position: relative; z-index: 5} .bottom-level .submenu .col-product .buttons{ display: block; position: relative; z-index: 5} .bottom-level .submenu .col-product .buttons a{ font-size: 14px; font-weight: bold; display: block; float: left; margin-right: 10px; padding: 12px 20px; text-transform: uppercase; color: #40160d; border-radius: 3px; background-color: #e9c46a} .bottom-level .submenu .col-product .buttons a:hover{ opacity: .8}body.koszyk .main-menu,body.koszyk #top .search-col,body.koszyk .column-cart,body.koszyk .breadcrumb,body.koszyk #column-cart{ display: none}body.koszyk #top{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #e1e1e1}@media (min-width: 1024px){ .menu-wrap{ display: block; height: 100px; margin-bottom: 0.9vw} #new-menu{ display: block; height: 50px; position: relative} #new-menu .container{ background: #f1f1f1} #new-menu ul{ list-style: none; margin: 0} #new-menu .container{ position: relative} #new-menu .first-level{ background: #fff; border-bottom: 1px solid #46bc59; display: flex} #new-menu .first-level > li{ line-height: 50px} #new-menu .first-level > li > a{ font-weight: 500; display: block; font-size: 0.98vw; color: #555; padding: 0 1.4vw; font-family: 'Montserrat',sans-serif} #new-menu .first-level > li > a:hover{ color: #359444} #new-menu .first-level > li > ul.second-level{ background: #359444; visibility: hidden; opacity: 0; display: flex; position: absolute; left: 0; top: 49px; z-index: 100; right: 0; line-height: 50px; transition: all 0.6s ease !important} #new-menu .first-level > li > ul.second-level > li{ padding: 0 1.4vw; cursor: pointer} #new-menu .first-level > li > ul.second-level > li > a{ font-size: 0.8vw; color: #fff; font-weight: 400} #new-menu .first-level > li > ul.second-level > li:hover{ background: #fff} #new-menu .first-level > li > ul.second-level > li:hover > a{ color: #359444 !important} #new-menu .first-level > li:hover .second-level{ display: flex; opacity: 1; visibility: visible; height: auto} #new-menu .first-level .promo a{ color: #cf0a2c; font-weight: 600} #new-menu .first-level .promo em{ display: block; font-style: normal; padding-left: 32px; background: url(../img/sale-red.svg) left center no-repeat; background-size: 24px 24px} #new-menu .first-level .promo a:hover{ background: #cf0a2c; color: #fff} #new-menu .first-level .promo a:hover em{ background-image: url(../img/sale-outline-white.svg)} #new-menu .first-level .active > a{ color: #40160d} #new-menu .first-level .active .second-level{ display: flex} #new-menu .first-level .active .second-level a{ font-family: 'Montserrat',sans-serif}} @media (min-width: 1024px) and (max-width: 2920px){ #new-menu .first-level > li > a{ font-weight: 500; display: block; font-size: 0.8vw; color: #555; padding: 0 0.5vw; font-family: 'Montserrat',sans-serif}} @media (min-width: 1024px) and (max-width: 1920px){ #new-menu container{ background: none} #new-menu .first-level{ background: #f1f1f1} #new-menu .first-level > li > a{ padding: 0 1.4vw; font-size: 0.98vw} #new-menu .second-level{ left: 60px; right: 60px} #new-menu .second-level > li{ padding: 0 1vw}} @media (min-width: 1024px) and (max-width: 1650px){ #new-menu .container{ background: none} #new-menu .first-level{ background: #f1f1f1} #new-menu .first-level > li > a{ padding: 0 1.4vw; font-size: 0.98vw} #new-menu .second-level{ left: 60px; right: 60px} #new-menu .second-level > li{ padding: 0 1vw}} @media (min-width: 1024px) and (max-width: 1440px){ #new-menu .first-level > li > a{ padding: 0 1.4vw; font-size: 0.98vw} #new-menu .second-level{ left: 40px; right: 40px} #new-menu .second-level > li{ padding: 0 1vw} #new-menu .second-level > li > a{ font-size: 0.9vw}} @media (min-width: 1024px) and (max-width: 1366px){ #new-menu .first-level > li > a{ padding: 0 1.4vw; font-size: 0.9vw} #new-menu .second-level > li{ padding: 0 12px} #new-menu .second-level > li > a{ font-size: 0.9vw}} @media (min-width: 1024px) and (max-width: 1280px){ #new-menu .first-level > li > a{ padding: 0 1.4vw} #new-menu .second-level > li{ padding: 0 10px} #new-menu .second-level > li > a{ font-size: 0.9vw}} @media (min-width: 1024px) and (max-width: 1180px){ #new-menu .first-level > li > a{ padding: 0 1.4vw; font-size: 0.9vw}}@media (min-width: 1024px){ #new-menu .submenu{ position: absolute; left: 0; top: 100%; right: 0; background: #fff; display: block; visibility: hidden; height: 0; min-height: 360px; box-shadow: 0 2.8px 2.2px rgba(0,0,0,0.02),0 6.7px 5.3px rgba(0,0,0,0.028),0 12.5px 10px rgba(0,0,0,0.035),0 22.3px 17.9px rgba(0,0,0,0.042),0 41.8px 33.4px rgba(0,0,0,0.05),0 100px 80px rgba(0,0,0,0.07)} #new-menu .submenu li{ width: 30%; background: #fff; z-index: 10; border-bottom: 1px solid #e1e1e1} #new-menu .submenu li > a{ padding: 12px 24px; display: block; line-height: 1.5; color: #000; font-size: 0.85vw} #new-menu .submenu li > a:hover{ background: #f1f1f1} #new-menu .submenu .last{ position: absolute; left: 30%; top: 0; right: 0; bottom: 0; width: 70%; border-left: 1px solid #e1e1e1; box-sizing: border-box; padding: 24px} #new-menu .submenu .last.only-last{ position: static; left: 0; width: 100%; border-left: none} #new-menu .submenu .desc{ display: flex; align-items: center; box-sizing: border-box; justify-content: space-between; height: 100%} #new-menu .submenu .desc .text{ width: 40%; padding-left: 48px} #new-menu .submenu .desc .polecamy{ display: inline-block; padding: 8px 0.9vw; font-size: 0.85vw; font-weight: 600; color: #fff; background: #e76f51; margin-bottom: 0.9vw; line-height: 1} #new-menu .submenu .desc h3{ font-size: 24px; line-height: 1.3} #new-menu .submenu .desc .price{ font-size: 30px} #new-menu .submenu .desc .buttons{ display: flex} #new-menu .submenu .desc .buttons a{ display: block; font-size: 0.9vw; color: #40160d; border: 1px solid #40160d; padding: 12px 30px; line-height: 1; border-radius: 4px} #new-menu .submenu .desc .buttons a:hover{ background: #40160d; color: #fff} #new-menu .submenu .desc img{ display: block; height: 100%} #new-menu .second-level > li:hover .submenu{ visibility: visible; height: auto; transition: all 1.5s 0.5s ease} #new-menu .blog-link{ position: relative} #new-menu .blog-link .count{ display: flex; align-items: center; justify-content: center; width: 15px; height: 15px; background: #cf0a2c; border-radius: 50%; font-size: 9px; font-weight: 600; color: #fff; font-style: normal; position: absolute; right: 7px; top: 7px} body.sticky #new-menu{ position: fixed; left: 0; top: 0; right: 0; z-index: 1000}}@media (max-width: 1024px){ .menu-wrap{ display: none} #new-menu .submenu{ display: none} body.mm-ocd-opened{ overflow-y: hidden; -ms-scroll-chaining: none; overscroll-behavior: none} .mm-ocd{ position: fixed; top: 0; right: 0; bottom: 100%; left: 0; z-index: 9999; overflow: hidden; -ms-scroll-chaining: none; overscroll-behavior: contain; background: rgba(0,0,0,0); -webkit-transition-property: bottom,background-color; -o-transition-property: bottom,background-color; transition-property: bottom,background-color; -webkit-transition-duration: 0s,.3s; -o-transition-duration: 0s,.3s; transition-duration: 0s,.3s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-delay: .45s,.15s; -o-transition-delay: .45s,.15s; transition-delay: 0.45s,0.15s} .mm-ocd--open{ bottom: 0; background: rgba(0,38,28,0.9); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s} .mm-ocd__content{ position: absolute; top: 0; bottom: 0; z-index: 2; width: 80%; min-width: 200px; max-width: 440px; background: #fff; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease} .mm-ocd--left .mm-ocd__content{ left: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0)} .mm-ocd--right .mm-ocd__content{ right: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0)} .mm-ocd--open .mm-ocd__content{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)} .mm-ocd__backdrop{ position: absolute; top: 0; bottom: 0; z-index: 3; width: calc(100% - 80%); min-width: calc(100% - 440px); max-width: calc(100% - 200px); background: rgba(3,2,1,0)} .mm-ocd--left .mm-ocd__backdrop{ right: 0} .mm-ocd--right .mm-ocd__backdrop{ left: 0} .mm-spn, .mm-spn a, .mm-spn li, .mm-spn span, .mm-spn ul{ display: block; padding: 0; margin: 0; box-sizing: border-box} .mm-spn{ width: 100%; height: 100%; overflow: hidden; clip-path: inset(0 0 0 0); transform: translateX(0)} .mm-spn ul{ -webkit-overflow-scrolling: touch; position: fixed; top: 0; left: 100%; bottom: 0; z-index: 2; width: 130%; padding-right: 30%; line-height: 24px; line-height: 24px; overflow: visible; overflow-y: auto; background: inherit; transition: left .3s ease 0s; cursor: default} .mm-spn ul:after{ content: ''; display: block; height: 50px; height: 50px} .mm-spn > ul{ left: 0} .mm-spn ul.mm-spn--open{ left: 0} .mm-spn ul.mm-spn--parent{ left: -30%; overflow-y: hidden} .mm-spn li{ position: relative; background: inherit; cursor: pointer} .mm-spn li:before{ content: ''; display: block; position: absolute; top: 25px; right: 25px; z-index: 0; width: 10px; height: 10px; border-top: 2px solid; border-right: 2px solid; transform: rotate(45deg) translate(0,-50%); opacity: 0.4} .mm-spn li:after{ content: ''; display: block; margin-left: 20px; margin-left: 20px; border-top: 1px solid; opacity: 0.15} .mm-spn a, .mm-spn span{ position: relative; z-index: 1; padding: 13px 20px} .mm-spn em{ font-style: normal} .mm-spn a{ background: inherit; color: inherit; text-decoration: none} .mm-spn a:not(:last-child){ width: calc(100% - 50px); width: calc(100% - 50px)} .mm-spn a:not(:last-child):after{ content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; border-right: 1px solid; opacity: 0.15} .mm-spn span{ background: 0 0} .mm-spn.mm-spn--navbar{ cursor: pointer} .mm-spn.mm-spn--navbar:before{ content: ''; display: block; position: absolute; top: 25px; top: calc(50px/ 2); left: 20px; left: 20px; width: 10px; height: 10px; margin-top: 2px; border-top: 2px solid; border-left: 2px solid; transform: rotate(-45deg) translate(50%,-50%); opacity: 0.4} .mm-spn.mm-spn--navbar.mm-spn--main{ cursor: default} .mm-spn.mm-spn--navbar.mm-spn--main:before{ content: none; display: none} .mm-spn.mm-spn--navbar:after{ content: attr(data-mm-spn-title); display: block; position: absolute; top: 0; left: 0; right: 0; height: 50px; height: 50px; padding: 0 40px; line-height: 50px; line-height: 50px; opacity: .4; text-align: center; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis} .mm-spn.mm-spn--navbar.mm-spn--main:after{ padding-left: 20px; padding-left: 20px} .mm-spn.mm-spn--navbar ul{ top: 51px} .mm-spn.mm-spn--navbar ul:before{ content: ''; display: block; position: fixed; top: inherit; z-index: 2; width: 100%; border-top: 1px solid currentColor; opacity: 0.15} .mm-spn.mm-spn--light{ color: #fff; background: #157F38} .mm-spn.mm-spn--dark{ color: #ddd; background: #333} .mm-spn.mm-spn--vertical{ overflow-y: auto} .mm-spn.mm-spn--vertical ul{ width: 100%; padding-right: 0; position: static} .mm-spn.mm-spn--vertical ul ul{ display: none; padding-left: 20px; padding-left: 20px} .mm-spn.mm-spn--vertical ul ul:after{ height: 25px} .mm-spn.mm-spn--vertical ul.mm-spn--open{ display: block} .mm-spn.mm-spn--vertical li.mm-spn--open:before{ transform: rotate(135deg) translate(-50%,0)} .mm-spn.mm-spn--vertical ul li:last-child:after{ content: none; display: none}}.home-header{ margin-bottom: 64px} .home-header img{ width: 100%; height: 100%; object-fit: cover} .home-header .header-box{ position: relative} .home-header .header-box .photo{ position: relative; z-index: 10} .home-header .header-box .desc{ position: absolute; z-index: 20; left: 32px; bottom: 32px} .home-header .header-box .desc span{ font-size: 18px; display: block; text-transform: uppercase; color: #fff; line-height: 1} .home-header .header-box .desc strong{ font-size: 44px; display: block; text-transform: uppercase; color: #fff; line-height: 1; margin-bottom: 24px} .home-header .header-box .header-button{ display: flex} .home-header .header-box .header-button a{ display: block; line-height: 54px; background: #e9c46a; font-size: 18px; text-transform: uppercase; color: #fff; padding: 0 32px} .home-header .header-box .header-button a:hover{ background: #e9c46a} .home-header .header-box .bigger{ left: 64px; bottom: 64px} .home-header .header-box .bigger span{ font-size: 24px} .home-header .header-box .bigger strong{ font-size: 60px} @media (max-width: 1366px){ .home-header .header-box .desc{ left: 24px; bottom: 24px} .home-header .header-box .desc span{ font-size: 17px} .home-header .header-box .desc strong{ font-size: 36px; margin-bottom: 20px} .home-header .header-box .header-button a{ line-height: 50px; font-size: 17px; padding: 0 24px} .home-header .header-box .bigger{ left: 48px; bottom: 48px} .home-header .header-box .bigger span{ font-size: 22px} .home-header .header-box .bigger strong{ font-size: 54px}} @media (max-width: 1280px){ .home-header .header-box .desc{ left: 16px; bottom: 16px} .home-header .header-box .desc span{ font-size: 16px} .home-header .header-box .desc strong{ font-size: 32px; margin-bottom: 16px} .home-header .header-box .header-button a{ line-height: 44px; font-size: 16px; padding: 0 20px} .home-header .header-box .bigger{ left: 32px; bottom: 32px} .home-header .header-box .bigger span{ font-size: 20px} .home-header .header-box .bigger strong{ font-size: 44px}} @media (max-width: 1100px){ .home-header .header-box .desc{ left: 12px; bottom: 12px} .home-header .header-box .desc span{ font-size: 15px} .home-header .header-box .desc strong{ font-size: 30px; margin-bottom: 12px} .home-header .header-box .header-button a{ line-height: 40px; font-size: 15px; padding: 0 16px} .home-header .header-box .bigger{ left: 24px; bottom: 24px} .home-header .header-box .bigger span{ font-size: 18px} .home-header .header-box .bigger strong{ font-size: 36px}} @media (max-width: 650px){ .home-header .header-box .desc{ left: 16px; bottom: 16px} .home-header .header-box .desc span{ font-size: 14px} .home-header .header-box .desc strong{ font-size: 27px; margin-bottom: 16px} .home-header .header-box .header-button a{ line-height: 40px; font-size: 14px; padding: 0 16px} .home-header .header-box .bigger{ left: 16px; bottom: 16px} .home-header .header-box .bigger span{ font-size: 14px} .home-header .header-box .bigger strong{ font-size: 27px}}.about-wrapper{ background-color: #fafafa; padding: 24px 0} .about-wrapper .about{ display: grid; grid-template-columns: 200px 1fr; grid-gap: 40px 64px; align-items: center} .about-wrapper .desc{ display: block; font-size: 20px; line-height: 1.75} .about-wrapper .desc h1{ font-size: 25px; line-height: 1; margin-bottom: 24px} @media (max-width: 1366px){ .about-wrapper .about{ grid-template-columns: 180px 1fr} .about-wrapper .desc{ font-size: 19px} .about-wrapper .desc h1{ font-size: 23px}} @media (max-width: 1280px){ .about-wrapper .about{ grid-template-columns: 160px 1fr} .about-wrapper .desc{ font-size: 18px} .about-wrapper .desc h1{ font-size: 22px}} @media (max-width: 1024px){ .about-wrapper .about{ grid-template-columns: 130px 1fr; grid-gap: 32px 40px} .about-wrapper .desc{ font-size: 17px} .about-wrapper .desc h1{ font-size: 20px}} @media (max-width: 768px){ .about-wrapper .about{ grid-template-columns: 1fr} .about-wrapper .logo{ display: flex; justify-content: center} .about-wrapper .logo img{ height: 200px} .about-wrapper .desc{ font-size: 17px; text-align: center} .about-wrapper .desc h1{ font-size: 20px}}#twisto_form input[type=submit]{ font-size: 14px; font-weight: bold; margin: 0; padding: 12px 25px; text-align: center; text-transform: uppercase; color: #FFF; border: none; border-radius: 5px; background-color: #cf0a2c}.subtitle{ font-size: 30px; font-weight: normal; line-height: 1; display: block; margin-bottom: 40px; text-align: center; text-transform: uppercase; color: #000} .subtitle.left{ text-align: left} @media (max-width: 1024px){ .subtitle{ font-size: 27px}} @media (max-width: 768px){ .subtitle{ font-size: 24px}}.home-slider{ display: block; margin: 0 auto 90px; width: 100%; max-width: 960px; min-height: 400px}.home-slider .flexslider .slides > li{ overflow: hidden; border-radius: 5px}.home-slider .flexslider .slides > li img{ max-height: 400px}.home-slider.mobile{ display: none}.home-category-grid{ display: grid; grid-template-columns: repeat(6,1fr); grid-gap: 24px 24px; margin-bottom: 60px; width: 100%} .home-category-grid .box{ display: block; color: #BBB; position: relative; border-radius: 5px; overflow: hidden} .home-category-grid .link-wrap{ display: flex; align-items: center; justify-content: center; background: rgba(207,10,44,0.85); opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; transition: all .2s ease} .home-category-grid .link{ display: block; text-align: center; transition: all .2s ease-out; text-align: center} .home-category-grid .title{ font-size: 30px; font-weight: bold; line-height: 1; display: block; margin-bottom: 20px; text-transform: uppercase; color: #FFF} .home-category-grid .claim{ font-size: 14px; text-transform: uppercase; line-height: 1; color: #FFF; background-color: rgba(0,0,0,0.8); padding: 10px 13px; display: inline-block; border-radius: 3px} .home-category-grid a{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all .2s ease-out; z-index: 200; text-indent: -9999px} .home-category-grid .box:hover .link-wrap{ opacity: 1} .home-category-grid .photo{ display: block; width: 100%; height: 100%} .home-category-grid .photo img{ width: 100%; height: 100%; object-fit: cover} .home-category-grid .box-one{ grid-column: 1 / span 3; grid-row: 1} .home-category-grid .box-two{ grid-column: 4 /span 3} .home-category-grid .box-three{ grid-column: 1 / span 2} .home-category-grid .box-four{ grid-column: 3 / span 2} .home-category-grid .box-five{ grid-column: 5 / span 2} @media (max-width: 1440px){ .home-category-grid .title{ font-size: 28px} .home-category-grid .claim{ font-size: 13px}} @media (max-width: 1366px){ .home-category-grid .title{ font-size: 27px}} @media (max-width: 1280px){ .home-category-grid .title{ font-size: 26px} .home-category-grid .claim{ font-size: 12px}} @media (max-width: 1024px){ .home-category-grid .title{ font-size: 24px} .home-category-grid .claim{ font-size: 11px}} @media (max-width: 768px){ .home-category-grid{ grid-template-columns: 1fr} .home-category-grid .link-wrap{ display: block; padding: 16px 0; background: #cf0a2c; position: relative; width: 100%; opacity: 1} .home-category-grid .title{ font-size: 21px} .home-category-grid .claim{ font-size: 11px} .home-category-grid .photo{ height: auto} .home-category-grid .box-one{ grid-column: 1; grid-row: 1} .home-category-grid .box-two{ grid-column: 1; grid-row: 2} .home-category-grid .box-three{ grid-column: 1; grid-row: 3} .home-category-grid .box-four{ grid-column: 1; grid-row: 4} .home-category-grid .box-five{ grid-column: 1; grid-row: 5}}.kategoria h2{ margin-bottom: 10px}.reviews-slider{ display: block; width: 100%; max-width: 1000px; margin: 0 auto 64px} .reviews-slider .slick-list{ margin-bottom: 40px} .reviews-slider .slick-slide{ background: #f5f5f5} .reviews-slider .slick-slide > div{ position: relative} .reviews-slider .quote{ padding: 40px} .reviews-slider .entry{ color: #40160d; text-align: center; margin-bottom: 32px} .reviews-slider .entry p{ font-size: 16px; text-align: center} .reviews-slider .entry a{ color: #cf0a2c} .reviews-slider .entry blockquote{ font-size: 23px} .reviews-slider .author{ display: flex; justify-content: center; font-size: 14px; font-weight: bold; line-height: 19px; text-align: center; color: #040404} .reviews-slider .author .name{ display: grid; grid-template-columns: 17px 1fr; grid-gap: 0 13px; align-items: center} .reviews-slider .author span.circle{ display: block; width: 15px; height: 15px; border: 2px solid #e9c46a; border-radius: 100%} .reviews-slider .author span.name{ line-height: 19px} .reviews-slider .slick-arrow{ display: block; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -32px; z-index: 20; text-indent: -9999px; border-style: 40px 40px; background-color: #fff; background-position: center; background-repeat: no-repeat; margin: 0; padding: 0; border: none} .reviews-slider .slick-prev{ background-image: url(../img/arrow-left-brown.svg); left: -64px} .reviews-slider .slick-next{ background-image: url(../img/arrow-right-brown.svg); right: -64px} .reviews-slider .slick-dots{ list-style: none; margin: 0; display: flex; justify-content: center} .reviews-slider .slick-dots li{ margin: 0 4px} .reviews-slider .slick-dots button{ display: block; width: 15px; height: 15px; background: none; border: 2px solid #e9c46a; border-radius: 50%; margin: 0; padding: 0; text-indent: -9999px} .reviews-slider .slick-dots .slick-active button{ background: #e9c46a} @media (max-width: 1200px){ .reviews-slider .slick-arrow{ width: 30px; height: 30px; background-size: 30px 30px; top: auto; bottom: -7px} .reviews-slider .slick-prev{ left: 0} .reviews-slider .slick-next{ right: 0}} @media (max-width: 1024px){ .reviews-slider .quote{ padding: 32px} .reviews-slider .entry blockquote{ font-size: 21px}} @media (max-width: 768px){ .reviews-slider .quote{ padding: 26px} .reviews-slider .entry blockquote{ font-size: 20px}}.producers{ display: grid; grid-template-columns: repeat(10,1fr); grid-gap: 16px 0; margin-bottom: 60px} .producers .producer{ display: block; height: 60px} .producers .producer a.logo{ display: flex; align-items: center; justify-content: center; transition: opacity .2s ease-out; opacity: .4} .producers .producer a.logo:hover{ opacity: 1} @media (max-width: 1366px){ .producers{ grid-template-columns: repeat(9,1fr)}} @media (max-width: 1280px){ .producers{ grid-template-columns: repeat(8,1fr)}} @media (max-width: 1024px){ .producers{ grid-template-columns: repeat(6,1fr)}} @media (max-width: 820px){ .producers{ grid-template-columns: repeat(5,1fr)}} @media (max-width: 768px){ .producers{ grid-template-columns: repeat(4,1fr)}} @media (max-width: 650px){ .producers{ grid-template-columns: repeat(3,1fr)}} @media (max-width: 450px){ .producers{ grid-template-columns: repeat(2,1fr)}}.producers-list{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 40px 40px} .producers-list .producer{ display: block} .producers-list .producer a.logo{ display: block; margin-right: 20px; transition: opacity .2s ease-out; opacity: .4} .producers-list .producer a.name{ display: flex; align-items: center; font-size: 13px; font-weight: bold; color: #000} .producers-list .producer a.name img{ margin-right: 16px} .producers-list .producer a.name:hover{ text-decoration: underline; color: #cf0a2c} @media (max-width: 1280px){ .producers-list{ grid-template-columns: repeat(3,1fr)}} @media (max-width: 960px){ .producers-list{ grid-template-columns: repeat(2,1fr)}} @media (max-width: 560px){ .producers-list{ grid-template-columns: 1fr}}.page-title{ font-size: 36px; font-weight: normal; line-height: 1; margin-bottom: 26px; text-transform: uppercase}.subpage-title{ font-size: 30px; font-weight: normal; line-height: 1; margin-bottom: 26px; text-transform: uppercase}.category-desc{ font-size: 16px; margin-bottom: 30px; line-height: 1.6} .category-desc a{ color: #e76f51} .category-desc a:hover{ text-decoration: underline} .category-desc h2{ font-size: 27px; margin-bottom: 24px} .category-desc h3{ font-size: 24px; margin-bottom: 20px} .category-desc #p_ukrywany{ display: block !important} .category-desc #more{ display: none !important}@media (max-width: 1024px){ .hide-mobile{ display: none}}.subcategory-list{ list-style: none; margin: 0 0 20px 0; display: flex; flex-wrap: wrap} .subcategory-list li{ text-align: center; width: 90px; margin-right: 16px; margin-bottom: 16px} .subcategory-list .thumb{ display: block; width: 100%; transition: opacity .2s linear} .subcategory-list .thumb:hover{ opacity: .7} .subcategory-list img{ margin-bottom: 8px} .subcategory-list h3{ font-size: 14px; font-weight: normal; line-height: 1.3} .subcategory-list a{ color: #40160d; text-transform: lowercase} @media (max-width: 400px){ .subcategory-list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 12px 12px} .subcategory-list li{ margin-right: 0; margin-bottom: 0; width: auto}}.content-wrapper{ display: block; margin-bottom: 60px; margin-top: 30px}.content-columns{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px 40px} .content-columns .subtitle{ font-size: 24px; text-align: left}.category-filters{ display: block; margin-bottom: 20px; padding: 20px; border-radius: 3px; background-color: #f6f6f6} .category-filters select{ font-size: 14px; float: left; width: 215px; margin-right: 20px; padding: 8px 5px 7px 5px; color: #555; border: 1px solid #d1d1d1; border-radius: 3px} .category-filters select:last-child{ margin-right: 0}.category-sorting{ display: flex; justify-content: flex-end; margin-bottom: 32px} .category-sorting.bottom{ margin-bottom: 0} .category-sorting .sort{ display: flex; align-items: center} .category-sorting .sort label{ font-size: 16px; font-weight: bold; margin-right: 14px} .category-sorting .sort select{ font-size: 16px; padding: 12px; color: #555; border: 1px solid #d1d1d1; border-radius: 3px} .category-sorting .sort select:hover{ border-color: #e9c46a} .category-sorting .sort select:focus{ border-color: #e76f51} @media (max-width: 768px){ .category-sorting .sort label{ font-size: 16px} .category-sorting .sort select{ font-size: 16px}} @media (max-width: 450px){ .category-sorting .sort label{ font-size: 14px} .category-sorting .sort select{ font-size: 14px; padding: 12px}} @media (max-width: 1024px){ .category-sorting{ justify-content: space-between; flex-wrap: wrap} .category-sorting .attr-list-toggle{ margin-bottom: 16px}}.manufacturer-desc-wrap{ display: grid; grid-template-columns: 1fr; grid-gap: 20px 0} .manufacturer-desc-wrap.with-logo{ grid-template-columns: 200px 1fr; grid-gap: 20px 40px} .manufacturer-desc-wrap.with-logo .manufacturer-logo{ grid-column: 1; grid-row: 1 / span 2} .manufacturer-desc-wrap.with-logo .page-title{ grid-column: 2; grid-row: 1; margin-bottom: 0} .manufacturer-desc-wrap.with-logo .category-desc{ grid-column: 2; grid-row: 2} @media (max-width: 768px){ .manufacturer-desc-wrap.with-logo{ grid-template-columns: 1fr} .manufacturer-desc-wrap.with-logo .manufacturer-logo{ grid-column: 1; grid-row: 2} .manufacturer-desc-wrap.with-logo .manufacturer-logo img{ height: auto; max-height: 240px} .manufacturer-desc-wrap.with-logo .page-title{ grid-column: 1; grid-row: 1; margin-bottom: 0} .manufacturer-desc-wrap.with-logo .category-desc{ grid-column: 1; grid-row: 3}}.products-grid{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 64px 24px; margin-bottom: 64px} .products-grid .product{ display: block} .products-grid .product .photo{ position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; width: 100%; height: 240px; margin-bottom: 16px; border-radius: 4px; background-repeat: no-repeat; background-position: center; background-size: cover} .products-grid .product .photo .aspan{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; transition: all .2s ease-out; text-align: center; opacity: 0; background: rgba(21,127,56,0.95)} .products-grid .product .photo span.more{ font-size: 13px; font-weight: bold; display: block; padding: 8px 12px; text-transform: uppercase; color: #fff; border: 2px solid #fff} .products-grid .product .photo .labels{ position: absolute; z-index: 99; top: 3px; left: 3px} .products-grid .product .photo .labels .label{ font-size: 10px; font-weight: bold; display: block; margin-bottom: 5px; padding: 5px 9px; color: #FFF; background-color: #cf0a2c; text-transform: uppercase} .products-grid .product .photo .labels .data{ font-size: 12px} .products-grid .product .photo .sale-label{ display: block; position: absolute; right: 3px; top: 3px; background: #157F38; font-size: 10px; font-weight: bold; color: #fff; padding: 5px 9px; text-transform: uppercase} .products-grid .product:hover .aspan{ opacity: 1} .products-grid .product .entry{ margin: 0 10px} .products-grid .product h1, .products-grid .product h2, .products-grid .product h3{ font-size: 18px; font-weight: bold; line-height: 1.2; margin-bottom: 14px; text-align: center} .products-grid .product a{ color: #000} .products-grid .product a.full-link{ display: block} .products-grid .product .mobile-link{ display: none; margin-top: 15px; text-align: center} .products-grid .product .mobile-link a{ display: inline-block; padding: 10px 30px; text-align: center; font-size: 14px; color: #cf0a2c; border: 1px solid #cf0a2c; border-radius: 2px} .products-grid .product .price{ text-align: center} .products-grid .product .price span{ font-size: 14px; font-weight: normal} .products-grid .product .price .cena{ font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 5px; color: #cf0a2c} .products-grid .product .price .promo-price{ font-size: 12px; font-weight: normal; line-height: 1; text-decoration: line-through; color: #777} .products-grid .product .price .promo-price br{ display: none} .products-grid .product .rating{ width: 100%; text-align: center; margin-top: 10px} .products-grid .product .rating .stars{ margin: 3px 0 9px} .products-grid .product .rating .ocena{ font-size: 14px; font-weight: normal; line-height: 1; display: block} .products-grid .product.inactiv .photo{ opacity: 0.4} .products-grid .product.inactiv .entry{ opacity: 0.65} .products-grid.sets{ grid-template-columns: repeat(3,1fr); grid-gap: 64px 24px} .products-grid.sets .product .photo{ height: 220px; margin-bottom: 20px} .products-grid.sets .product .rating{ display: none} .products-grid.sets .product .price{ display: block; float: none; text-align: center} .products-grid .no-product-wrap{ grid-column: 1 / span 5; display: flex; justify-content: center} .products-grid .no-product-wrap .info{ display: block; width: 100%; max-width: 900px; text-align: center; box-sizing: border-box} .products-grid .no-product-wrap .image{ display: flex; justify-content: center; margin-bottom: 32px} .products-grid .no-product-wrap .image img{ max-height: 300px} .products-grid .no-product-wrap p{ font-size: 19px} .products-grid .no-product-wrap p.highlight{ font-size: 24px} .products-grid .no-product-wrap a{ color: #e76f51; text-decoration: underline} .products-grid .no-product-wrap a:hover{ color: #000} @media (max-width: 1280px){ .products-grid{ grid-template-columns: repeat(4,1fr)} .products-grid .product .photo{ height: 200px} .products-grid .no-product-wrap{ grid-column: 1 / span 4}} @media (max-width: 1024px){ .products-grid{ grid-template-columns: repeat(3,1fr)} .products-grid .no-product-wrap{ grid-column: 1 / span 3}} @media (max-width: 768px){ .products-grid{ grid-template-columns: repeat(2,1fr); margin-bottom: 56px} .products-grid .no-product-wrap{ grid-column: 1 / span 2} .products-grid .no-product-wrap .info{ padding: 24px} .products-grid .no-product-wrap p{ font-size: 18px} .products-grid .no-product-wrap p.highlight{ font-size: 21px} .products-grid.sets{ grid-template-columns: repeat(2,1fr); margin-bottom: 56px}} @media (max-width: 600px){ .products-grid{ grid-template-columns: 1fr; grid-gap: 40px 0; margin-bottom: 40px} .products-grid .no-product-wrap{ grid-column: 1} .products-grid .no-product-wrap .info{ border: none; padding: 0} .products-grid.sets{ grid-template-columns: 1fr; margin-bottom: 40px} .products-grid h1, .products-grid h2, .products-grid h3{ font-size: 14px} .products-grid .photo{ margin-bottom: 16px} .products-grid .entry{ margin: 0 5px} .products-grid .price h4{ font-size: 22px} .products-grid .price{ float: none; text-align: center} .products-grid .rating{ display: none}} @media (max-width: 450px){ .products-grid .price h4{ font-size: 21px} .products-grid .price{ float: none; text-align: center} .products-grid .rating{ display: none} .products-grid .mobile-link{ display: block}}.small-products-grid{ display: flex; justify-content: center; flex-wrap: wrap} .small-products-grid .product{ display: block; width: calc(100% / 3); padding: 0 16px; box-sizing: border-box} .small-products-grid .photo{ display: block; margin-bottom: 16px} .small-products-grid h2{ font-size: 16px; font-weight: bold; line-height: 1.2; margin-bottom: 14px; text-align: center} .small-products-grid h2 a{ color: inherit}.products-list{ display: grid; grid-template-columns: 1fr; grid-gap: 20px 0} .products-list .product{ display: grid; grid-template-columns: 1fr 3fr; grid-gap: 0 24px} .products-list .product h1, .products-list .product h2, .products-list .product h3{ font-size: 18px; font-weight: bold; line-height: 1.2; margin-bottom: 14px} .products-list .product a{ color: #000} .products-list .product .price span{ font-size: 14px; font-weight: normal} .products-list .product .price .cena{ font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 5px; color: #cf0a2c} .products-list .product .price .promo-price{ font-size: 12px; font-weight: normal; line-height: 1; text-decoration: line-through; color: #777} .products-list .product .price .promo-price br{ display: none}.sets-summary{ display: block; padding: 32px 24px; text-align: center; border-radius: 3px; background-color: #157F38} .sets-summary h3{ font-size: 24px; font-weight: normal; line-height: 1; margin-bottom: 20px; text-transform: uppercase; color: #FFF} .sets-summary h5{ font-size: 12px; font-weight: normal; line-height: 1; margin-bottom: 10px; text-transform: uppercase; opacity: .6; color: #000} .sets-summary .price-old{ font-size: 30px; font-weight: normal; margin-bottom: 30px; text-decoration: line-through; text-transform: uppercase; opacity: .4; color: #000} .sets-summary .price-new{ font-size: 30px; font-weight: normal; margin-bottom: 20px; text-transform: uppercase; color: #FFF} .sets-summary button{ font-size: 15px; font-weight: 600; display: inline-block; padding: 19px 32px; transition: background .2s ease-out; text-align: center; text-transform: uppercase; color: #034C29; border: none; border-radius: 3px; background: #fff; margin: 0 20px} .sets-summary button:hover{ color: #000; background-color: #e9c46a}@media (max-width: 1280px){ .podkategoria .product,#bestsellery .product,#najnowsze .product,#wybrane .product{ display: none} .podkategoria .product:nth-child(-n+4),#bestsellery .product:nth-child(-n+4),#najnowsze .product:nth-child(-n+4),#wybrane .product:nth-child(-n+4){ display: block}}@media (max-width: 1024px){ .podkategoria .product,#bestsellery .product,#najnowsze .product,#wybrane .product{ display: none} .podkategoria .product:nth-child(-n+3),#bestsellery .product:nth-child(-n+3),#najnowsze .product:nth-child(-n+3),#wybrane .product:nth-child(-n+3){ display: block} .podkategoria .product:nth-child(4),#bestsellery .product:nth-child(4),#najnowsze .product:nth-child(4),#wybrane .product:nth-child(4){ display: none}}@media (max-width: 768px){ .podkategoria .product,#bestsellery .product,#najnowsze .product,#wybrane .product{ display: none} .podkategoria .product:nth-child(-n+4),#bestsellery .product:nth-child(-n+4),#najnowsze .product:nth-child(-n+4),#wybrane .product:nth-child(-n+4){ display: block}}#product-variant{ margin-bottom: 40px}.limitowana{ position: absolute; top: 5px; right: 5px; z-index: 3}.single-product-wrap{ display: grid; grid-template-columns: 4fr 1fr; grid-gap: 40px 40px; margin-bottom: 40px} @media (max-width: 1200px){ .single-product-wrap{ grid-template-columns: 1fr}} .single-product-wrap .right-wrapper{ background-color: #f1f1f1} .single-product-wrap .right-wrapper .subtitle{ display: block; font-size: 18px; line-height: 1.2; padding: 10px; background-color: #e9c46a; margin-bottom: 0} .single-product-wrap .right-wrapper .products-grid{ grid-template-columns: 1fr; grid-gap: 24px 24px}.product-subtitle{ font-size: 24px; line-height: 1.2; display: block; margin-bottom: 32px; text-transform: uppercase; color: #000} .product-subtitle span{ font-weight: normal; text-transform: none}.product-title{ line-height: 1; position: relative; display: flex; margin-bottom: 30px} .product-title h1, .product-title h2{ font-size: 40px; font-weight: normal; line-height: 1; margin-right: 24px} .product-title .rating{ flex: 0 0 145px; padding-top: 10px; margin-right: 0; margin-left: auto} @media (max-width: 1366px){ .product-title h1,.product-title h2{ font-size: 36px}} @media (max-width: 1280px){ .product-title h1,.product-title h2{ font-size: 34px}} @media (max-width: 1024px){ .product-title h1,.product-title h2{ font-size: 32px}} @media (max-width: 768px){ .product-title{ flex-direction: column; align-items: flex-start; justify-content: flex-start} .product-title .rating{ order: 1; padding-top: 0; margin-bottom: 16px; margin-left: 0; flex: 0 0 auto} .product-title h1,.product-title h2{ font-size: 28px; order: 2; margin-right: 0}}.product-info{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px 40px; margin-bottom: 32px} @media (max-width: 900px){ .product-info{ grid-template-columns: 1fr}} .product-info .photos .main-photo{ position: relative; display: block; overflow: hidden; margin-bottom: 5px; padding: 0; border: 1px solid #e1e1e1; text-align: center} .product-info .photos .main-photo a{ display: block; overflow: hidden; transition: opacity .15s ease-out; opacity: 1} .product-info .photos .main-photo a img{ margin: 20px 0; height: auto; max-height: 360px; width: auto} .product-info .photos .main-photo .labels{ position: absolute; z-index: 99; top: 10px; left: 0} .product-info .photos .main-photo .labels .label{ font-size: 11px; font-weight: bold; display: block; margin-bottom: 5px; padding: 5px 9px; text-transform: uppercase; color: #FFF; background-color: #e76f51} .product-info .photos .main-photo a:hover{ opacity: .5} .product-info .photos .small-photos{ display: grid; grid-template-columns: repeat(6,1fr); grid-gap: 4px 4px} .product-info .photos .small-photos a{ display: block; padding: 4px; border: 1px solid #e1e1e1; background-color: #FFF} .product-info .photos .small-photos a img{ transition: opacity .15s ease-out; opacity: .5; width: 100%} .product-info .photos .small-photos a:hover img{ opacity: 1} .product-info .meta-info{ display: block; position: relative} .product-info .meta-info .row{ font-size: 14px; display: grid; grid-template-columns: 2fr 3fr; grid-gap: 0 20px; margin-bottom: 15px; text-transform: uppercase} @media (max-width: 600px){ .product-info .meta-info .row{ grid-gap: 12px 20px}} @media (max-width: 600px){ .product-info .meta-info #product-price .row{ grid-template-columns: 1fr; grid-gap: 12px 20px}} .product-info .meta-info .label{ text-align: right} @media (max-width: 600px){ .product-info .meta-info .label{ text-align: left; white-space: nowrap}} .product-info .meta-info .value{ color: #000; font-weight: 600} .product-info .meta-info .value a{ color: #000} .product-info .meta-info .value .data{ font-size: 16px; line-height: 1.1} .product-info .meta-info .value a:hover{ text-decoration: underline} .product-info .meta-info .value select{ width: 100%; padding: 8px 5px; border: 1px solid #e1e1e1; border-radius: 4px; background: #fff} .product-info .meta-info .value em{ font-style: normal} .product-info .meta-info .value .badge{ color: #fff; background-color: #cf0a2c; font-style: normal; font-weight: bold; padding: 4px 8px; border-radius: 2px} .product-info .meta-info .value .badge.badge-success{ background-color: #157F38} .product-info .meta-info .checkbox-wrap{ text-transform: none} .product-info .meta-info .checkbox-wrap .value{ font-weight: normal; font-size: 12px} .product-info .meta-info .checkbox-wrap .info{ display: block; margin-bottom: 12px} .product-info .meta-info .checkbox-wrap .checkbox{ display: block; min-height: 22px} .product-info .meta-info .checkbox-wrap .checkbox label{ display: block; position: relative; cursor: pointer; min-height: 22px} .product-info .meta-info .checkbox-wrap .checkbox label input{ position: absolute; left: 3px; top: 3px; height: 0; visibility: hidden; z-index: 5} .product-info .meta-info .checkbox-wrap .checkbox label > span{ display: block; padding-left: 32px; position: relative; font-size: 12px} .product-info .meta-info .checkbox-wrap .checkbox label > span:before{ display: block; width: 20px; height: 20px; border: 1px solid #e1e1e1; background: #fff; border-radius: 3px; content: ''; position: absolute; left: 0; top: 0; z-index: 10} .product-info .meta-info .checkbox-wrap .checkbox label input:checked ~ span:before{ border-color: #157F38; background: #157F38 url(/templates/swiezo2020/img/check-white.svg) center no-repeat; background-size: 12px 12px} .product-info .meta-info .checkbox-wrap .checkbox label em{ display: flex; padding-left: 32px; position: relative; font-size: 14px; font-style: normal} .product-info .meta-info .checkbox-wrap .checkbox label em:before{ display: block; width: 20px; height: 20px; border: 1px solid #e1e1e1; background: #fff; border-radius: 3px; content: ''; position: absolute; left: 0; top: 0; z-index: 10} .product-info .meta-info .checkbox-wrap .checkbox label em span{ margin-right: 0; margin-left: auto} .product-info .meta-info .checkbox-wrap .checkbox label em .pakowanie{ font-weight: 500; margin-left: 6px} .product-info .meta-info .checkbox-wrap .checkbox label input:checked ~ em:before{ border-color: #157F38; background: #157F38 url(/templates/swiezo2020/img/check-white.svg) center no-repeat; background-size: 12px 12px} .product-info .meta-info .price-label{ line-height: 39px; display: block} @media (max-width: 650px){ .product-info .meta-info .price-label{ line-height: 1}} .product-info .meta-info .reg-price{ font-size: 30px; line-height: 1} .product-info .meta-info .old-price{ text-decoration: line-through; font-weight: normal; color: #777} .product-info .meta-info .reg-price em{ font-size: 20px; font-weight: normal; font-style: normal} .product-info .meta-info button{ font-size: 18px; font-weight: bold; line-height: 1; display: block; padding: 24px; transition: background .15s ease-out; text-transform: uppercase; color: #FFF; border: none; border-radius: 5px; background-color: #157F38} .product-info .meta-info button:hover{ background-color: #034C29} @media (max-width: 650px){ .product-info .meta-info button{ padding: 24px 0; width: 100%; font-size: 13px}} .product-info .meta-info .phone-availible{ display: none; font-size: 12px; font-weight: bold; line-height: 1; padding: 18px 20px; text-transform: uppercase; color: #f1f1f1; border: none; border-radius: 5px; background-color: #444} .product-info .meta-info .extra-content{ display: block; padding-top: 15px; border-top: 1px solid #e1e1e1; position: absolute; bottom: 20px; left: 20px; right: 20px; box-sizing: border-box} .product-info .meta-info .extra-content .box{ float: left; margin-left: 20px; width: 45%; border-right: 1px solid #e1e1e1} .product-info .meta-info .extra-content .box:last-child{ width: 40%; border: 0} .product-info .meta-info .extra-content .pseudolink{ font-size: 12px; font-weight: bold; display: block; min-height: 32px; padding-left: 40px; -webkit-transition: opacity .1s ease-out; -o-transition: opacity .1s ease-out; transition: opacity .1s ease-out; text-transform: uppercase; color: #000} .product-info .meta-info .extra-content .warranty{ background: url(/templates/swiezo2020/img/product-extra-icon-1.png) left center no-repeat} .product-info .meta-info .extra-content .gift{ background: url(/templates/swiezo2020/img/product-extra-icon-2.png) left center no-repeat} .product-info .meta-info .extra-content .pseudolink{ cursor: pointer} .product-info .meta-info .extra-content .pseudolink:hover{ opacity: .8}.add-to-basket-form{ display: grid; grid-template-columns: 2fr 3fr; grid-gap: 0 20px} .add-to-basket-form .quantity-wrap{ display: flex; height: 54px; border: 1px solid #e1e1e1; border-radius: 4px; overflow: hidden; justify-self: end; align-self: center; width: 110px} .add-to-basket-form .quantity-wrap a{ display: flex; align-items: center; justify-content: center; font-size: 18px; color: #999; width: 30px} .add-to-basket-form .quantity-wrap a:hover{ background: #157F38; color: #fff} .add-to-basket-form .quantity-wrap input{ display: block; height: 54px; border: none; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; font-size: 18px; color: #000; width: 50px; padding: 0; margin: 0; text-align: center} @media (max-width: 650px){ .add-to-basket-form{ grid-template-columns: 110px 1fr; grid-gap: 0 10px}}.product-desc{ display: block} .product-desc .subtitle{ font-size: 24px; line-height: 1; width: 100%; margin-bottom: 30px; text-align: left} .product-desc .subtitle.film{ margin-top: 20px} .product-desc .product-desc-columns{ column-count: 2; column-gap: 40px} @media (max-width: 768px){ .product-desc .product-desc-columns{ font-size: 17px; column-count: 1; column-gap: 40px}} .product-desc h1{ font-size: 28px; font-weight: bold; line-height: 1; margin-bottom: 20px; text-transform: uppercase} .product-desc h2{ font-size: 24px; font-weight: bold; line-height: 1; margin-bottom: 20px; text-transform: uppercase} .product-desc h3{ font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 20px} .product-desc h4{ font-size: 18px; font-weight: bold; line-height: 1; margin-bottom: 20px; margin-top: 10px} .product-desc a{ color: #e76f51} .product-desc ul, .product-desc ol{ margin: 20px 0 20px 30px} .product-desc li{ margin-bottom: 5px} .product-desc li:last-child, .product-desc ol li:last-child{ margin-bottom: 0}#formularz-opinii{ margin-bottom: 48px}.product-opinions{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 24px 24px; margin-bottom: 40px} .product-opinions.empty{ margin-bottom: 60px} .product-opinions .rating{ display: block; grid-column: 1 / span 2} .product-opinions .subtitle{ font-size: 24px; line-height: 1; margin-bottom: 30px; text-align: left} .product-opinions .opinion{ border: 2px solid #f1f1f1} .product-opinions .opinion .opinion_in{ padding: 16px} .product-opinions .opinion .title{ line-height: 1; position: relative; display: block; margin-bottom: 20px} .product-opinions .opinion .title h3{ font-size: 14px; font-weight: bold; line-height: 1; margin-bottom: 8px; text-transform: uppercase} .product-opinions .opinion .title h3 span{ font-weight: normal; text-transform: none} .product-opinions .opinion .title h4{ font-size: 12px; font-weight: normal; opacity: .5} .product-opinions .opinion .title .rating{ position: absolute; top: 0; right: 0} .product-opinions .opinion .title .rating .stars{ margin-right: 5px} .product-opinions .opinion .entry{ font-size: 14px; line-height: 1.3} .product-opinions .opinion .wiarygodna{ color: #157F38; font-size: 14px; padding-top: 8px} @media (min-width: 1024px) and (max-width: 1200px){ .product-opinions{ grid-template-columns: 1fr} .product-opinions .rating{ grid-column: 1}} @media (max-width: 860px){ .product-opinions{ grid-template-columns: 1fr} .product-opinions .rating{ display: block; grid-column: 1}} @media (max-width: 650px){ .product-opinions .opinion .title .rating{ position: static; margin-top: 8px}}#informuj_div .input-wrap{ display: block; margin-bottom: 16px} #informuj_div .input-wrap input{ font-size: 18px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px; color: #999; border: 1px solid #e1e1e1; border-radius: 4px; outline: 0; background-color: #fff; width: 100%}#informuj_div .button-wrap{ display: block} #informuj_div .button-wrap button{ background-color: #e76f51; color: #fff}#product-nav{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 24px 24px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e1e1e1} #product-nav .right{ text-align: right} #product-nav a{ display: block; padding: 16px; border: 1px solid #e1e1e1} #product-nav a:hover{ border-color: #157F38} #product-nav a:hover span,#product-nav a:hover strong{ color: #157F38} #product-nav span{ display: block; color: #777; margin-bottom: 5px; font-size: 14px} #product-nav strong{ display: block; color: #157F38; font-size: 19px} @media (max-width: 1024px){ #product-nav{ display: grid; grid-template-columns: 1fr; grid-gap: 20px 20px; text-align: center} #product-nav .right{ text-align: center}}.files-list-wrapper{ margin-bottom: 30px}.files-list-wrapper .subtitle{ font-size: 24px; line-height: 1; margin-bottom: 30px; text-align: left}.files-list{ list-style: none; margin: 0} .files-list li{ margin-bottom: 16px; color: #999} .files-list li:last-child{ margin-bottom: 0} .files-list a{ display: inline-block; line-height: 1.4; padding-left: 32px; font-weight: 600; font-size: 16px; color: #e76f51; background: url(/templates/swiezo2020/img/pdf-icon.svg) left 3px no-repeat; background-size: 24px 24px} .files-list a span{ font-weight: normal; color: #999} .files-list a:hover{ text-decoration: underline}#produkty-wybrane{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 32px 64px; margin-bottom: 64px} #produkty-wybrane h3{ font-size: 22px; margin-bottom: 24px} #produkty-wybrane ul{ list-style: circle; margin: 0; margin-left: 20px; font-size: 16px} #produkty-wybrane li{ margin-bottom: 12px} #produkty-wybrane li:last-child{ margin-bottom: 0} #produkty-wybrane ul a{ color: inherit; text-decoration: none} #produkty-wybrane ul a:hover{ text-decoration: underline} @media (max-width: 1280px){ #produkty-wybrane h3{ font-size: 20px}} @media (max-width: 1024px){ #produkty-wybrane{ grid-template-columns: 1fr 1fr; grid-gap: 40px 40px}} @media (max-width: 650px){ #produkty-wybrane{ grid-template-columns: 1fr}}.horizontal-form{ display: block; width: 100%; max-width: 800px; margin: 0 auto} .horizontal-form.no-center{ margin: 0 0 32px 0}.form-gray{ max-width: 800px; margin: 0 auto; border-radius: 5px; background-color: #fafafa; margin-bottom: 60px} .form-gray form{ width: auto; padding: 20px} @media (max-width: 768px){ .form-gray{ border-radius: 0; background: none} .form-gray form{ padding: 0}}.horizontal-form hr{ display: block; height: 1px; margin: 20px 0; border: none; background-color: #dbdbdb}.horizontal-form .subtitle{ margin-bottom: 32px} .horizontal-form .subtitle h3{ font-size: 36px; font-weight: normal; line-height: 1; margin-bottom: 10px; text-transform: uppercase} .horizontal-form .subtitle h4{ font-size: 18px; font-weight: normal; line-height: 1} @media (max-width: 1280px){ .horizontal-form .subtitle h3{ font-size: 34px} .horizontal-form .subtitle h4{ font-size: 17px}} @media (max-width: 1024px){ .horizontal-form .subtitle{ margin-bottom: 24px} .horizontal-form .subtitle h3{ font-size: 32px} .horizontal-form .subtitle h4{ font-size: 16px}} @media (max-width: 768px){ .horizontal-form .subtitle h3{ font-size: 27px}}.horizontal-form .row{ display: flex; align-items: center; margin-bottom: 20px; flex-wrap: wrap} .horizontal-form .row:first-child{} .horizontal-form .row.hidden{ display: none} .horizontal-form .row:last-child{ margin-bottom: 0}.horizontal-form .label-group{ flex: 0 0 30%; margin-right: 5%; text-align: right} .horizontal-form .label-group label{ font-size: 16px; font-weight: bold; display: block; color: #000} @media (max-width: 768px){ .horizontal-form .label-group{ flex: 0 0 100%; margin-right: 0; margin-bottom: 8px; text-align: left}}.horizontal-form .input-group{ flex: 0 0 65%} @media (max-width: 768px){ .horizontal-form .input-group{ flex: 0 0 100%}} .horizontal-form .input-group a{ color: #e76f51} .horizontal-form .input-group a:hover{ text-decoration: underline} .horizontal-form .input-group input[type=text], .horizontal-form .input-group input[type=email], .horizontal-form .input-group input[type=password], .horizontal-form .input-group input[type=tel], .horizontal-form .input-group input[type=phone], .horizontal-form .input-group select, .horizontal-form .input-group textarea{ font-size: 18px; display: block; box-sizing: border-box; padding: 12px; color: #999; border: 1px solid #e1e1e1; border-radius: 4px; outline: 0; background-color: #FFF; width: 100%} .horizontal-form .input-group textarea{ width: 100%; height: 150px; resize: none; max-width: 100%} .horizontal-form .input-group .full{ width: 100%} .horizontal-form .input-group .middle{ width: 160px} .horizontal-form .input-group .short{ width: 90px} .horizontal-form .input-group input:focus{ color: #000; border-color: #c1c1c1} .horizontal-form .input-group input:disabled{ background-color: #f1f1f1}.horizontal-form .row.without-label{ padding-left: 35%} .horizontal-form .row.without-label .input-group{ flex: 0 0 100%} @media (max-width: 768px){ .horizontal-form .row.without-label{ padding-left: 0}}.horizontal-form .button{ font-size: 16px; font-weight: bold; display: inline-block; padding: 16px 32px; cursor: pointer; text-transform: uppercase; color: #FFF; border: none; border-radius: 4px; background-color: #fd7400} .horizontal-form .button:hover{ background-color: #ef7419}.horizontal-form .input-group .info{ display: block; padding: 8px 0}.horizontal-form .checkbox,.horizontal-form .radio{ position: relative; display: block; min-height: 20px}.horizontal-form .checkbox-inline,.horizontal-form .radio-inline{ display: inline-block; margin-bottom: 0; padding-top: 5px; padding-left: 20px; cursor: pointer; vertical-align: middle}.horizontal-form .radio-inline + .radio-inline,.horizontal-form .checkbox-inline + .checkbox-inline{ margin-left: 10px}.horizontal-form .checkbox label,.horizontal-form .radio label{ display: inline-block; width: 100%; max-width: 100%; padding-left: 20px; vertical-align: middle; box-sizing: border-box; cursor: pointer}.horizontal-form input[type=checkbox],.horizontal-form input[type=radio]{ line-height: normal; position: absolute; margin: 3px 8px 0 0; margin-left: -20px}.horizontal-form .checkbox .alert,.horizontal-form .radio .alert{ display: none}.horizontal-form .checkbox + .checkbox,.horizontal-form .radio + .radio{ margin-top: 15px}.horizontal-form .buttons{ padding-left: 35%} @media (max-width: 768px){ .horizontal-form .buttons{ padding-left: 0}}.horizontal-form button,.horizontal-form .button,.horizontal-form input[type=submit]{ font-size: 16px; font-weight: bold; display: inline-block; padding: 18px 40px; -webkit-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; text-transform: uppercase; color: #FFF !important; border: none; border-radius: 3px; background: #e76f51}@media (max-width: 500px){ .horizontal-form #kupuje-i-place button{ width: 100%; box-sizing: border-box}}.horizontal-form .new-checkbox,.horizontal-form .new-radio{ display: block; min-height: 22px} .horizontal-form .new-checkbox > label, .horizontal-form .new-radio > label{ display: block; position: relative; cursor: pointer; min-height: 22px} .horizontal-form .new-checkbox > label input[type=checkbox], .horizontal-form .new-checkbox > label input[type=radio], .horizontal-form .new-radio > label input[type=checkbox], .horizontal-form .new-radio > label input[type=radio]{ position: absolute; left: 3px; top: 3px; height: 0; visibility: hidden; z-index: 5} .horizontal-form .new-checkbox > label > span, .horizontal-form .new-radio > label > span{ display: block; padding-left: 32px; position: relative; font-size: 14px; min-height: 22px} .horizontal-form .new-checkbox > label > span:before, .horizontal-form .new-radio > label > span:before{ display: block; width: 20px; height: 20px; border: 1px solid #e1e1e1; background: #fff; content: ''; position: absolute; left: 0; top: -3px; z-index: 10} .horizontal-form .new-checkbox > label input:checked ~ span:before, .horizontal-form .new-radio > label input:checked ~ span:before{ border-color: #157F38; background: #157F38 url(/templates/swiezo2020/img/check-white.svg) center no-repeat; background-size: 12px 12px} .horizontal-form .new-checkbox > label input:checked ~ em:before, .horizontal-form .new-radio > label input:checked ~ em:before{ border-color: #157F38; background: #157F38 url(/templates/swiezo2020/img/check-white.svg) center no-repeat; background-size: 12px 12px}.horizontal-form .new-checkbox label > span:before{ border-radius: 3px}.horizontal-form .new-checkbox label em{ display: flex; padding-left: 32px; position: relative; font-size: 14px; font-style: normal} .horizontal-form .new-checkbox label em:before{ display: block; width: 20px; height: 20px; border: 1px solid #e1e1e1; background: #fff; border-radius: 3px; content: ''; position: absolute; left: 0; top: -3px; z-index: 10} .horizontal-form .new-checkbox label em span{ margin-right: 0; margin-left: auto; white-space: nowrap} .horizontal-form .new-checkbox label em .pakowanie{ font-weight: 500; margin-left: 6px}.horizontal-form .new-checkbox + .new-checkbox{ margin-top: 16px}.horizontal-form .new-radio label > span:before{ border-radius: 50%}.horizontal-form .new-radio label em{ display: flex; justify-content: space-between; padding-left: 32px; position: relative; font-size: 14px; font-style: normal} .horizontal-form .new-radio label em:before{ display: block; width: 20px; height: 20px; border: 1px solid #e1e1e1; background: #fff; border-radius: 3px; content: ''; position: absolute; left: 0; top: -3px; z-index: 10; border-radius: 50%} .horizontal-form .new-radio label em .pakowanie{ font-weight: 500; margin-left: 6px}.horizontal-form .new-radio + .new-radio{ margin-top: 16px}.horizontal-form button:hover,.horizontal-form .button:hover,.horizontal-form input[type=submit]:hover{ text-decoration: none; color: #fff !important; background: #e9c46a}.horizontal-form #kupuje-i-place:target input[type=submit]{ display: none}.horizontal-form button.unimportant,.horizontal-form input[type=submit].unimportant{ padding: 10px 15px; color: #444 !important; background: #e1e1e1}.horizontal-form button.unimportant:hover,.horizontal-form input[type=submit].unimportant:hover{ color: #FFF !important; background: #444}.horizontal-form .error input{ color: #e90023 !important; border-color: #e90023 !important}.horizontal-form label.error-label{ font-size: 11px; font-weight: bold; display: none; margin-top: 5px; padding: 5px; color: #FFF; border-radius: 3px; background-color: #e90023}.horizontal-form .checkbox label.error-label,.horizontal-form .radio label.error-label{ margin-top: 0; margin-right: 5px}.basket .checkbox label.error-label,.basket .radio label.error-label{ display: inline-block; float: right; margin-top: 0; padding-left: 5px}.basket .checkbox.left label.error-label,.basket .radio.left label.error-label{ float: none}.message{ font-size: 16px; display: block; margin-bottom: 15px; padding: 14px; color: #FFF; border-radius: 3px} .message ul{ margin-bottom: 0} .message.error{ background-color: #e76f51} .message.success{ background-color: #157F38} .message.info{ color: #000; background-color: #e9c46a} .message p{ display: inline-block; margin-bottom: 0} .message .link{ font-weight: bold; float: right; margin-left: 10px; text-transform: uppercase} .message.error .link,.message.error a{ color: #610514; font-weight: bold} .message.success .link,.message.success a{ color: #04110d; font-weight: bold} .message.info .link,.message.info a{ color: #40160d} .message .link:hover{ text-decoration: underline}.col.form-gray .horizontal-form .label-group{ width: 25%}.col.form-gray .horizontal-form .input-group{ width: 70%}.col.form-gray .horizontal-form .input-group input[type=text],.col.form-gray .horizontal-form .input-group input[type=email],.col.form-gray .horizontal-form .input-group input[type=password],.col.form-gray .horizontal-form .input-group input[type=phone],.col.form-gray .horizontal-form .input-group select,.col.form-gray .horizontal-form .input-group textarea{ max-width: 100%}.horizontal-form.account-form .label-group{ width: 41%; margin-right: 4%}.horizontal-form.account-form .input-group{ width: 55%}#transport_optional .input-group{ width: auto}#transport_optional .label-group{ width: 34%}#formularz-opinii .label-group{ float: left; width: 12%}#formularz-opinii .input-group{ float: left; width: 82%}#transport_lista .help-block{ font-weight: bold; white-space: nowrap; margin-right: 0; margin-left: auto; padding-left: 12px}#meta_osoba_div input{ width: 100%; max-width: 100%}.order-form-bottom .row{ margin-bottom: 15px !important}.page-title .basket-info{ font-size: 14px; font-weight: normal; float: right; padding-top: 9px; color: #e76f51}#paczkomaty_punkt{ padding-bottom: 20px}.basket-cart{ width: 100%} .basket-cart.space{ margin-bottom: 30px} .basket-cart th, .basket-cart td{ font-size: 14px; padding: 15px 10px; vertical-align: middle} .basket-cart th{ font-weight: bold; line-height: 1; text-transform: uppercase; background-color: #157F38; color: #fff} .basket-cart td{ border-bottom: 1px solid #e1e1e1} .basket-cart .left{ text-align: left} .basket-cart .center{ text-align: center} .basket-cart .right{ text-align: right} .basket-cart .photo{ width: 80px} .basket-cart .name{ font-weight: bold} .basket-cart .name h3{ font-size: 14px} .basket-cart .name p{ font-size: 12px; font-weight: normal; text-transform: none} .basket-cart .name h3 + p{ margin-top: 10px} .basket-cart .name a{ color: #222} .basket-cart .name a:hover{ text-decoration: underline} .basket-cart .price{ width: 105px; text-align: center; white-space: nowrap} .basket-cart .price .prod-price{ font-weight: bold} .basket-cart .count{ width: 60px; text-align: center; white-space: nowrap} .basket-cart .sum{ white-space: nowrap; text-align: center} .basket-cart .sum .prod-price{ font-weight: bold; color: #d90000} .basket-cart .delete{ width: 24px; text-align: center} .basket-cart .delete a{ display: inline-block; width: 24px; height: 24px; margin: 0; padding: 0; text-indent: -9999px; background: url(/templates/swiezo2020/img/basket-delete-icon.png) center no-repeat} .basket-cart .delete a:hover{ opacity: .7} .basket-cart .count-wrap{ display: grid; grid-template-columns: 30px 50px 30px; margin: 0 auto; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1} .basket-cart .count-wrap input[type=button]{ text-align: center; line-height: 40px; font-size: 16px; font-weight: 600; color: #999; padding: 0; margin: 0; background: none; border: none; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1} .basket-cart .count-wrap input[type=button]:hover{ color: #000} .basket-cart .count-wrap .minus{ grid-column: 1; grid-row: 1; border-radius: 3px 0 0 3px} .basket-cart .count-wrap input[type=text]{ grid-column: 2; grid-row: 1; width: 50px; line-height: 40px; text-align: center; border-radius: 0; border: none; padding: 0; margin: 0} .basket-cart .count-wrap .add{ grid-column: 3; grid-row: 1; border-radius: 0 3px 3px 0} .basket-cart .reload-basket{ background: #e9c46a; color: #000; font-size: 14px; font-weight: bold; float: left; padding: 12px 13px; transition: all .1s ease-out; text-transform: uppercase; border: none; border-radius: 3px} .basket-cart .reload-basket em{ font-style: normal} .basket-cart .reload-basket:hover{ background: #e76f51} .basket-cart .grid-summary{ font-weight: bold; white-space: nowrap; color: #000} .basket-cart .grid-summary .prod-price{ font-weight: bold; color: #d90000} .basket-cart .grid-summary-mobile{ display: none; white-space: nowrap} .basket-cart .grid-summary-mobile .summary strong{ float: right} .basket-cart .grid-summary-mobile .prod-price{ font-weight: bold; color: #d90000} .basket-cart .mobile{ display: none} @media (max-width: 650px){ .basket-cart{ display: block} .basket-cart thead{ display: none} .basket-cart tbody{ display: grid; grid-template-columns: 1fr; grid-gap: 16px 16px} .basket-cart tbody tr{ display: grid; grid-template-columns: repeat(6,1fr); position: relative; width: 100%; border: 1px solid #e1e1e1} .basket-cart tbody tr td{ display: block; padding: 8px; border: none} .basket-cart .photo{ grid-column: 1 / span 2; grid-row: 1; width: auto; border-bottom: 1px solid #e1e1e1; display: flex; align-items: center; justify-content: center} .basket-cart .name{ grid-column: 3 / span 4; grid-row: 1; width: auto; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #e1e1e1; padding-right: 40px} .basket-cart .name h3{ line-height: 1.4} .basket-cart .price{ grid-column: 1 / span 2; grid-row: 2; width: auto; align-self: center} .basket-cart .count{ grid-column: 3 / span 2; grid-row: 2; width: auto; align-self: center} .basket-cart .sum{ grid-column: 5 / span 2; grid-row: 2; width: auto; align-self: center} .basket-cart .delete{ position: absolute; right: 0; top: 0} .basket-cart tfoot{ display: none} .basket-cart .count-wrap{ width: 110px}} @media (max-width: 450px){ .basket-cart .count-wrap{ grid-template-columns: 24px 32px 24px; width: 80px} .basket-cart .count-wrap input[type=text]{ width: 32px}}#div_promo_code{ display: block; padding: 10px 0; text-align: center; background-color: #f6f6f6} #div_promo_code form{ display: block; margin: 0 auto; text-align: center; width: 100%; max-width: 718px} #div_promo_code form p{ font-size: 14px; font-weight: bold; float: left; margin-right: 20px; margin-bottom: 0; padding-top: 10px} #div_promo_code .inputs{ position: relative; display: block; float: right} #div_promo_code form input[type=text]{ font-size: 14px; float: left; box-sizing: border-box; width: 300px; margin-right: 20px; padding: 12px 10px; color: #999; border: 1px solid #e1e1e1; border-radius: 4px; outline: 0; background-color: #FFF} #div_promo_code form button, #div_promo_code form input[type=submit]{ font-size: 14px; font-weight: bold; float: left; width: 180px; padding: 13px 0; transition: all .1s ease-out; text-transform: uppercase; color: #FFF; border: none; border-radius: 3px; background: #e76f51} #div_promo_code form label.error-label{ font-size: 11px; font-weight: bold; position: absolute; top: 8px; right: 195px; display: inline-block; padding: 5px; color: #FFF; border-radius: 3px; background-color: #e90023} #div_promo_code .message{ display: inline-block; margin-top: 10px}#frm-checkout{ margin-top: 30px; display: block}.basket .horizontal-form{ width: 100%; max-width: 100%}.basket .content-columns{ margin-bottom: 24px} .basket .content-columns .order-form{ grid-column: 1 / span 2} @media (max-width: 1024px){ .basket .content-columns{ grid-template-columns: 1fr; grid-gap: 24px 24px} .basket .content-columns .order-form{ grid-column: 1; margin-bottom: 0}}.basket .boxtitle{ font-size: 14px; font-weight: bold; line-height: 1; display: block; padding: 15px 10px; text-transform: uppercase; background-color: #157F38; color: #fff} .basket .boxtitle.space{ margin-bottom: 16px}.basket .summary .boxtitle{ color: #FFF; background-color: #e76f51}.basket .summary-costs{ margin: 0; list-style: none} .basket .summary-costs li{ display: flex; align-items: center; font-size: 19px; justify-content: space-between; margin-bottom: 20px} .basket .summary-costs li:last-child{ margin-bottom: 0} .basket .summary-costs .left{ text-align: left} .basket .summary-costs .right{ font-size: 21px; text-align: left} .basket .summary-costs .sum{ font-size: 24px; font-weight: bold} .basket .summary-costs .sum .right{ font-size: 24px} .basket .summary-costs .sum .right, .basket .summary-costs #razem_cena{ color: #e76f51} @media (max-width: 768px){ .basket .summary-costs li{ display: block} .basket .summary-costs .left, .basket .summary-costs .right{ text-align: center; display: block; width: 100%}}.basket .box-wrap{ display: block; padding: 24px; border: 1px solid #e1e1e1; border-top: none} .basket .box-wrap .p, .basket .box-wrap p{ margin-bottom: 24px; font-size: 16px} @media (max-width: 768px){ .basket .box-wrap{ padding: 16px}}.basket .control-group .new-radio:last-child{ margin-bottom: 0}.basket .transport-optional-wrapper{ display: block; margin-bottom: 40px}.basket .newsletter-info{ text-align: center} .basket .newsletter-info p{ display: inline-block; margin: 0} .basket .newsletter-info a{ display: block; padding: 15px 20px; color: #999; border: 2px solid #f6f6f6; border-top: none} .basket .newsletter-info a:hover{ color: #e76f51; border-color: #e76f51}.basket .box .checkbox label,.basket .box .radio label{ display: block}.basket .delivery-price{ font-weight: bold}.basket .continue-shopping{ font-size: 14px; font-weight: bold; float: right; padding: 15px 0; text-transform: uppercase; color: #777}.basket .continue-shopping:hover{ text-decoration: underline; color: #000}.basket .order-form,.basket .order-form-bottom{ width: 100%; max-width: 800px; margin: 0 auto}.basket .order-form{ margin-bottom: 20px}.basket .order-form-bottom{ margin-bottom: 64px}.basket-order-summary{ display: block; text-align: center; width: 100%; max-width: 800px; margin: 0 auto 64px} .basket-order-summary .icon{ display: block; width: 128px; height: 128px; margin: 0 auto 30px} .basket-order-summary .icon img{ width: 128px} .basket-order-summary h3{ font-size: 30px; font-weight: 600; line-height: 1; margin-bottom: 30px} .basket-order-summary a{ color: #157F38; text-decoration: underline} .basket-order-summary a:hover{ color: #000} .basket-order-summary .lista-zamowionych-produktow{ width: 100%} .basket-order-summary .lista-zamowionych-produktow td{ padding: 12px 0; border-bottom: 1px solid #e1e1e1} .basket-order-summary .lista-zamowionych-produktow .produkt{ width: 80%; text-align: left} .basket-order-summary .lista-zamowionych-produktow .cena{ width: 20%; text-align: right} @media (max-width: 1024px){ .basket-order-summary .icon{ width: 100px; height: 100px} .basket-order-summary .icon img{ width: 100px}} @media (max-width: 768px){ .basket-order-summary .icon{ width: 88px; height: 88px} .basket-order-summary .icon img{ width: 88px} .basket-order-summary h3{ font-size: 27px}}.fast-register{ margin-top: 40px; font-size: 18px; display: block; text-align: left} .fast-register .fast-register-info{ margin-bottom: 32px} .fast-register .fast-register .haslo input{ margin: 0 auto} .fast-register .fast-register .haslo label{ text-align: center}.przelewy24{ width: 100%; max-width: 100%; margin-bottom: 64px} .przelewy24 table{ display: block; border: none !important} .przelewy24 table tbody{ display: block} .przelewy24 table tr{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 24px 24px; margin-bottom: 24px} .przelewy24 table td{ display: flex; align-items: center; font-size: 12px !important; padding: 16px; text-align: left; border: 1px solid #EEE} .przelewy24 table td label{ display: inline-flex; align-items: center; height: 56px; margin-left: 14px; cursor: pointer; line-height: 1.2; padding-left: 120px; position: relative} .przelewy24 table td label:before{ display: block; content: ''; width: 100px; height: 56px; background-position: left center; background-size: 100% 100%; background-repeat: no-repeat; position: absolute; left: 0; top: 0} .przelewy24 label[for=pf280]:before{ background-image: url(/templates/swiezo2020/img/payments/alior.svg)} .przelewy24 label[for=pf65]:before{ background-image: url(/templates/swiezo2020/img/payments/pekao.svg)} .przelewy24 label[for=pf58]:before{ background-image: url(/templates/swiezo2020/img/payments/sgb.svg)} .przelewy24 label[for=pf33]:before{ background-image: url(/templates/swiezo2020/img/payments/bnp.svg)} .przelewy24 label[for=pf272]:before{ background-image: url(/templates/swiezo2020/img/payments/bnp.svg)} .przelewy24 label[for=pf45]:before{ background-image: url(/templates/swiezo2020/img/payments/credit-agricole.svg)} .przelewy24 label[for=pf85]:before{ background-image: url(/templates/swiezo2020/img/payments/millenium.svg)} .przelewy24 label[for=pf276]:before{ background-image: url(/templates/swiezo2020/img/payments/millenium.svg)} .przelewy24 label[for=pf154]:before{ background-image: url(/templates/swiezo2020/img/payments/blik.svg)} .przelewy24 label[for=pf181]:before{ background-image: url(/templates/swiezo2020/img/payments/blik.svg)} .przelewy24 label[for=pf298]:before{ background-image: url(/templates/swiezo2020/img/payments/blik-pozniej.svg)} .przelewy24 label[for=pf282]:before{ background-image: url(/templates/swiezo2020/img/payments/visa-mobile.svg)} .przelewy24 label[for=pf273]:before{ background-image: url(/templates/swiezo2020/img/payments/pko.svg)} .przelewy24 label[for=pf271]:before{ background-image: url(/templates/swiezo2020/img/payments/ing.svg)} .przelewy24 label[for=pf153]:before{ background-image: url(/templates/swiezo2020/img/payments/get-in.svg)} .przelewy24 label[for=pf270]:before{ background-image: url(/templates/swiezo2020/img/payments/mbank.svg)} .przelewy24 label[for=pf90]:before{ background-image: url(/templates/swiezo2020/img/payments/nest.svg)} .przelewy24 label[for=pf50]:before{ background-image: url(/templates/swiezo2020/img/payments/plus-bank.svg)} .przelewy24 label[for=pf303]:before{ background-image: url(/templates/swiezo2020/img/payments/eraty.svg?v=1)} .przelewy24 label[for=pf161]:before{ background-image: url(/templates/swiezo2020/img/payments/idea.svg)} .przelewy24 label[for=pf69]:before{ background-image: url(/templates/swiezo2020/img/payments/volkswagen.svg)} .przelewy24 label[for=pf64]:before{ background-image: url(/templates/swiezo2020/img/payments/toyota.svg)} .przelewy24 label[for=pf119]:before{ background-image: url(/templates/swiezo2020/img/payments/citi-handlowy.svg)} .przelewy24 label[for=pf275]:before{ background-image: url(/templates/swiezo2020/img/payments/santander.svg)} .przelewy24 label[for=pf20]:before{ background-image: url(/templates/swiezo2020/img/payments/santander.svg)} .przelewy24 label[for=pf87]:before{ background-image: url(/templates/swiezo2020/img/payments/skycash.svg)} .przelewy24 label[for=pf1000]:before{ background-image: url(/templates/swiezo2020/img/payments/przekaz.svg)} .przelewy24 label[for=pf178]:before{ background-image: url(/templates/swiezo2020/img/payments/przekaz.svg)} .przelewy24 label[for=pf66]:before{ background-image: url(/templates/swiezo2020/img/payments/paypal.svg)} .przelewy24 label[for=pf274]:before{ background-image: url(/templates/swiezo2020/img/payments/ipko.svg)} .przelewy24 label[for=pf147]:before{ background-image: url(/templates/swiezo2020/img/payments/karta.svg)} .przelewy24 label[for=pf266]:before{ background-image: url(/templates/swiezo2020/img/payments/p24now.svg)} .przelewy24 label[for=pf99]:before{ background-image: url(/templates/swiezo2020/img/payments/bos.svg)} .przelewy24 label[for=pf59]:before{ background-image: url(/templates/swiezo2020/img/payments/envelo.svg)} .przelewy24 label[for=pf279]:before{ background-image: url(/templates/swiezo2020/img/payments/inteligo.svg)} .przelewy24 label[for=pf227]:before{ background-image: url(/templates/swiezo2020/img/payments/paypo.svg)} .przelewy24 label[for=pf238]:before{ background-image: url(/templates/swiezo2020/img/payments/google-pay.svg)} .przelewy24 label[for=pf239]:before{ background-image: url(/templates/swiezo2020/img/payments/apple-pay.svg)} @media (max-width: 1280px){ .przelewy24 table tr{ grid-gap: 16px 16px; margin-bottom: 16px} .przelewy24 table td label{ height: 44px; padding-left: 100px} .przelewy24 table td label:before{ width: 80px; height: 44px}} @media (max-width: 768px){ .przelewy24 table{ width: 100%; max-width: 650px; margin: 0 auto} .przelewy24 table tr{ grid-template-columns: 1fr} .przelewy24 table td{ padding: 10px}}.przelewy24-button{ font-size: 16px; font-weight: bold; display: block; padding: 20px 0; text-transform: uppercase; color: #FFF; border: none; border-radius: 5px; background: #e76f51; width: 340px; margin: 0 auto; text-align: center} @media (max-width: 450px){ .przelewy24-button{ width: 100%; font-size: 15px; font-weight: 600; padding: 16px 0}}.order-subtitle{ font-size: 20px; font-weight: normal; line-height: 1; margin-bottom: 30px}.order-subtitle span{ font-weight: bold}#wybierz_pp{ display: block} #wybierz_pp.active{ padding: 16px; background-color: #f1f1f1} #wybierz_pp h4{ font-size: 19px; margin-bottom: 12px} #wybierz_pp div{ font-size: 16px}.empty-basket{ display: block; padding: 40px 0; text-align: center; background-color: #fafafa}.empty-basket h1{ font-size: 48px; font-weight: bold; line-height: 1; margin-bottom: 30px; text-transform: uppercase; color: #000}.empty-basket p{ font-size: 18px}.static-page-content-wrapper{ display: grid; grid-template-columns: 260px 1fr; grid-gap: 0 48px} .static-page-content-wrapper .sidebar h4{ font-size: 21px; font-weight: bold; margin-bottom: 24px} .static-page-content-wrapper .sidebar ul{ list-style: circle} .static-page-content-wrapper .sidebar li{ margin-bottom: 8px; font-size: 16px} .static-page-content-wrapper .sidebar li:last-child{ margin-bottom: 0} .static-page-content-wrapper .sidebar ul a{ color: #000; cursor: pointer} .static-page-content-wrapper .sidebar ul a:hover{ text-decoration: underline} @media (max-width: 1280px){ .static-page-content-wrapper{ grid-template-columns: 240px 1fr; grid-gap: 0 40px}} @media (max-width: 1024px){ .static-page-content-wrapper{ grid-template-columns: 1fr} .static-page-content-wrapper .sidebar{ display: none}}.static-page,.mapa{ line-height: 1.65; margin-bottom: 30px; overflow: auto} .static-page, .mapa{ font-size: 17px} @media screen and (min-width: 768px){ .static-page, .mapa{ font-size: calc(17px + 3 * ((100vw - 768px) / 672))}} @media screen and (min-width: 1440px){ .static-page, .mapa{ font-size: 20px}} .static-page h1, .mapa h1{ font-weight: 300; margin-bottom: 20px; padding-bottom: 15px; text-transform: uppercase; border-bottom: 1px solid #e1e1e1} .static-page h1, .mapa h1{ font-size: 30px} @media screen and (min-width: 768px){ .static-page h1, .mapa h1{ font-size: calc(30px + 6 * ((100vw - 768px) / 672))}} @media screen and (min-width: 1440px){ .static-page h1, .mapa h1{ font-size: 36px}} .static-page h2, .mapa h2{ font-weight: bold; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #e1e1e1} .static-page h2, .mapa h2{ font-size: 27px} @media screen and (min-width: 768px){ .static-page h2, .mapa h2{ font-size: calc(27px + 5 * ((100vw - 768px) / 672))}} @media screen and (min-width: 1440px){ .static-page h2, .mapa h2{ font-size: 32px}} .static-page h3, .mapa h3{ font-weight: 600; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e1e1e1} .static-page h3, .mapa h3{ font-size: 24px} @media screen and (min-width: 768px){ .static-page h3, .mapa h3{ font-size: calc(24px + 3 * ((100vw - 768px) / 672))}} @media screen and (min-width: 1440px){ .static-page h3, .mapa h3{ font-size: 27px}} .static-page h4, .mapa h4{ font-size: 22px; font-weight: 600; margin-bottom: 20px} .static-page h5, .mapa h5{ font-size: 20px; font-weight: 600; margin-bottom: 20px} .static-page ul, .static-page ol, .mapa ul, .mapa ol{ margin: 20px 0 20px 40px} .static-page li, .static-page ol li, .mapa li, .mapa ol li{ margin-bottom: 10px; font-size: 18px} .static-page li:last-child, .static-page ol li:last-child, .mapa li:last-child, .mapa ol li:last-child{ margin-bottom: 0} .static-page hr, .mapa hr{ display: block; width: 100%; height: 1px; background: #157F38; border: none; margin: 32px 0} .static-page a, .static-page .pseudolink, .mapa a, .mapa .pseudolink{ text-decoration: underline; color: #e76f51; cursor: pointer} .static-page a:hover, .static-page .pseudolink:hover, .mapa a:hover, .mapa .pseudolink:hover{ color: #000} .static-page .products-grid, .mapa .products-grid{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 64px 24px; margin-bottom: 64px} @media (max-width: 1280px){ .static-page .products-grid, .mapa .products-grid{ grid-template-columns: repeat(4,1fr)}} @media (max-width: 1024px){ .static-page .products-grid, .mapa .products-grid{ grid-template-columns: repeat(3,1fr)}} @media (max-width: 768px){ .static-page .products-grid, .mapa .products-grid{ grid-template-columns: repeat(2,1fr)}} @media (max-width: 600px){ .static-page .products-grid, .mapa .products-grid{ grid-template-columns: 1fr; grid-gap: 40px 0; margin-bottom: 40px}}.alignnone{ margin: 5px 20px 20px 0}.aligncenter,div.aligncenter{ display: block; margin: 5px auto 5px auto}.alignright{ float: right; margin: 5px 0 20px 20px}.alignleft{ float: left; margin: 5px 20px 20px 0}.aligncenter{ display: block; margin: 5px auto 5px auto}.wp-caption{ max-width: 96%; padding: 5px; text-align: center; border: 1px solid #f0f0f0; background: #FFF}.wp-caption.alignnone{ margin: 5px 20px 20px 0}.wp-caption.alignleft{ margin: 5px 20px 20px 0}.wp-caption.alignright{ margin: 5px 0 20px 20px}.wp-caption img{ width: auto; max-width: 98.5%; height: auto; margin: 0; padding: 0; border: 0 none}.wp-caption p.wp-caption-text{ font-size: 11px; line-height: 17px; margin: 0; padding: 5px 0 0 0}.comments{ display: block; max-width: 750px; margin: 0 auto 30px} .comments .comment{ display: block; padding: 20px; background-color: #f7f7f7; color: #000; border-radius: 4px; margin-bottom: 10px} .comments .comment .meta{ display: block; margin-bottom: 10px} .comments .comment .name{ font-size: 18px; font-weight: bold; text-transform: uppercase; color: #000} .comments .comment .date{ font-size: 12px; color: #999} .comments .comment .entry{ font-size: 14px; color: #444}.blog .static-page .left,.news .static-page .left{ float: left}.blog .static-page .right,.news .static-page .right{ float: right}.blog .static-page img{ margin: 15px}.table{ width: 100%; max-width: 100%; margin-bottom: 20px} .table thead{ background: #f1f1f1} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ line-height: 1.42857143; padding: 20px 12px; vertical-align: middle; border-top: 1px solid #DDD; font-size: 16px} .table > thead > tr > th{ vertical-align: bottom; border-bottom: 2px solid #DDD} .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td{ border-top: 0} .table .left{ text-align: left} .table .center{ text-align: center} .table .right{ text-align: right} .table a{ text-decoration: underline; color: #e76f51} .table a:hover{ color: #000} .table .status{ display: inline-block; padding: 8px 12px; font-size: 14px; color: #fff; background: #e1e1e1; border-radius: 3px} .table .status.send{ background: #157F38} .table .status.cancel{ background: #e76f51} .table .status.other{ background: #064D8D}.order-summary-table{ width: 100%; max-width: 600px; margin: 0 auto}.order-summary-table .grid-summary{ font-weight: bold}.order-summary-table .prod-price{ font-size: 18px; color: #e76f51}.error404{ font-size: 18px; padding-top: 40px; text-align: center; margin-bottom: 80px} .error404 .image{ display: flex; justify-content: center; margin-bottom: 32px} .error404 .image img{ max-height: 320px} .error404 h1{ font-size: 80px; font-weight: bold; line-height: 1; margin-bottom: 30px; color: #000} .error404 h2{ font-size: 40px; font-weight: bold; line-height: 1; margin-bottom: 60px; color: #000} .error404 p{ margin-bottom: 10px} .error404 a{ font-weight: bold; color: #e76f51; text-decoration: underline} .error404 a:hover{ color: #000} @media (max-width: 1280px){ .error404 h1{ font-size: 64px}} @media (max-width: 1024px){ .error404{ margin-bottom: 64px} .error404 h1{ font-size: 48px}} @media (max-width: 768px){ .error404 h1{ font-size: 36px}}#header #search-query.wait{ background: #FFF url(../img/input_loading.gif) right center no-repeat}#main-search-result{ position: absolute; z-index: 555; top: 100%; left: 0; display: none; width: 518px; min-height: 50px; padding: 10px; text-align: left; border: 1px solid #e1e1e1; border-radius: 4px; background: #FFF; box-shadow: 0 3px 5px rgba(50,50,50,0.2)} #main-search-result h3{ font-size: 16px; font-weight: normal; color: #999} #main-search-result ul.links-list{ margin: 0; list-style: none} #main-search-result .links-list li{ display: block; margin: 0; padding: 0; border-bottom: 1px solid #f1f1f1} #main-search-result .links-list li:last-child{ border-bottom: none} #main-search-result .links-list li a{ font-size: 14px; padding: 8px 10px; color: #000; display: table; height: 48px} #main-search-result .links-list li a img{ display: table-cell; width: 58px} #main-search-result .links-list li a span{ display: table-cell; vertical-align: middle; width: 420px; padding-left: 20px} #main-search-result .links-list li:hover{ border-color: #e9c46a} #main-search-result .links-list li a:hover{ color: #000; background-color: #e9c46a}#main-search-btn{ font-size: 16px; font-weight: bold; padding-top: 12px; padding-bottom: 12px}#header .search-toggle:hover{ color: #08C}input.loading{ background: #FFF url(../img/input_loading.gif) 165px 5px no-repeat}#qs-form{ position: relative}#search-query-results{ position: absolute; top: 25px; right: 5px}#search-query-results:after{ top: -6px; right: 10px; left: auto}#search-query-results:before{ top: -7px; right: 9px; left: auto}.login-columns{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 64px; margin-bottom: 80px} .login-columns .col{ padding: 32px; border: 1px solid #e1e1e1; box-sizing: border-box} .login-columns .col:last-child{ border: none; background-color: #fafafa} @media (max-width: 1024px){ .login-columns{ grid-template-columns: 1fr; grid-gap: 60px 0; margin-bottom: 64px} .login-columns .col{ padding: 24px}} @media (max-width: 768px){ .login-columns .col{ border: none; background: none; padding: 0} .login-columns .col:last-child{ background: none; margin-bottom: 0; padding-bottom: 0; border-bottom: none}}.logged-user-quick-menu{ list-style: none; margin: 0; margin-bottom: 32px; display: flex} .logged-user-quick-menu li{ margin-right: 20px} .logged-user-quick-menu li:last-child{ margin-right: 0} .logged-user-quick-menu a{ display: block; font-size: 15px; font-weight: 600; color: #000; line-height: 54px; padding: 0 24px; border: 1px solid #e1e1e1; border-radius: 4px} .logged-user-quick-menu a:hover{ color: #157F38; border-color: #157F38} .logged-user-quick-menu a.active{ color: #157F38; border-color: #157F38} @media (max-width: 768px){ .logged-user-quick-menu{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px 20px} .logged-user-quick-menu li{ margin-right: 0} .logged-user-quick-menu a{ font-size: 12px; line-height: 48px; padding: 0 20px}} @media (max-width: 550px){ .logged-user-quick-menu{ grid-gap: 16px 16px} .logged-user-quick-menu a{ font-size: 11px; line-height: 40px; padding: 0 16px}}.orders-history td,.orders-history th{ vertical-align: middle}@media (max-width: 768px){ .orders-history{ display: block} .orders-history thead{ display: none} .orders-history tbody,.orders-history tr,.orders-history td{ display: block} .orders-history tbody > tr > td{ border-top: none; padding: 8px; text-align: right; font-size: 12px; display: flex; align-items: center; justify-content: space-between} .orders-history tbody > tr > td:before{ content: attr(data-title); color: #777} .orders-history tr{ border-bottom: 1px solid #e1e1e1} .orders-history .status{ font-size: 12px; padding: 6px 10px}}.blog-header-wrapper{ display: block; background: url(../img/blog-wrapper.jpg) center no-repeat; background-size: cover; padding: 90px 0; text-align: center; margin-bottom: 64px} .blog-header-wrapper h1{ font-size: 48px; color: #fff} .blog-header-wrapper form{ display: flex; justify-content: center; margin: 0 auto 24px; width: 100%; max-width: 460px} .blog-header-wrapper form .input-append{ display: flex; background: #fff; border-radius: 8px; padding: 12px; width: 100%; box-sizing: border-box} .blog-header-wrapper form .input-append input{ flex: 1 1 100%; background: none; border: none} .blog-header-wrapper form .input-append button{ font-size: 16px; font-weight: bold; color: #000; padding: 0; margin: 0; border: none; background: none} .blog-header-wrapper h3{ display: flex; justify-content: center; flex-wrap: wrap} .blog-header-wrapper h3 a{ font-weight: normal; font-size: 17px; margin: 0 8px 8px; color: #fff; border: 2px solid #fff; border-radius: 4px; padding: 12px 20px} .blog-header-wrapper h3 a:hover{ background: #fff; color: #000} .blog-header-wrapper h3 a.active{ background: #fff; color: #000} @media (max-width: 768px){ .blog-header-wrapper{ padding: 64px 24px} .blog-header-wrapper h1{ font-size: 36px}} @media (max-width: 650px){ .blog-header-wrapper{ padding: 40px 20px} .blog-header-wrapper h1{ font-size: 32px}}.blog-list{ list-style: none; margin: 0; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 64px 40px; margin-bottom: 64px} .blog-list .photo{ display: block; margin-bottom: 16px} .blog-list .meta{ display: block; padding: 24px; padding-bottom: 0} .blog-list .meta .news-date{ display: block; line-height: 1; font-size: 13px; color: #888; margin-bottom: 16px} .blog-list .meta h2{ font-size: 21px; margin-bottom: 24px; line-height: 1.3} .blog-list .meta h2 a{ color: inherit} .blog-list .meta h2 a:hover{ text-decoration: underline} .blog-list .meta p{ font-size: 16px; line-height: 1.6; color: #777} @media (max-width: 1024px){ .blog-list .meta{ padding: 16px}} @media (max-width: 768px){ .blog-list{ grid-template-columns: repeat(2,1fr)}} @media (max-width: 600px){ .blog-list{ grid-template-columns: 1fr}}.blog-grid{ display: flex; flex-wrap: wrap; gap: 24px; justify-content: center} .blog-grid .product{ display: block; width: 20%; margin-bottom: 64px} .blog-grid .product .photo{ position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; width: 100%; height: 240px; margin-bottom: 16px; border-radius: 4px; background-repeat: no-repeat; background-position: center; background-size: cover} .blog-grid .product .photo .aspan{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; transition: all .2s ease-out; text-align: center; opacity: 0; background: rgba(21,127,56,0.95)} .blog-grid .product .photo span.more{ font-size: 13px; font-weight: bold; display: block; padding: 8px 12px; text-transform: uppercase; color: #fff; border: 2px solid #fff} .blog-grid .product:hover .aspan{ opacity: 1} .blog-grid .product .entry{ margin: 0 10px} .blog-grid .product h1, .blog-grid .product h2, .blog-grid .product h3{ font-size: 18px; font-weight: bold; line-height: 1.2; margin-bottom: 14px; text-align: center} .blog-grid .product a{ color: #000} .blog-grid .product a.full-link{ display: block} .blog-grid .product.inactiv .photo{ opacity: 0.4} .blog-grid .product.inactiv .entry{ opacity: 0.65} @media (max-width: 1280px){ .blog-grid .product{ width: 25%} .blog-grid .product .photo{ height: 200px}} @media (max-width: 1024px){ .blog-grid .product{ width: calc(100% / 3)}} @media (max-width: 768px){ .blog-grid .product{ margin-bottom: 56px; width: 50%}} @media (max-width: 600px){ .blog-grid .product{ margin-bottom: 40px; width: 100%} .blog-grid h1, .blog-grid h2, .blog-grid h3{ font-size: 14px} .blog-grid .photo{ margin-bottom: 16px} .blog-grid .entry{ margin: 0 5px} .blog-grid .price h4{ font-size: 22px} .blog-grid .price{ float: none; text-align: center} .blog-grid .rating{ display: none}} @media (max-width: 450px){ .blog-grid .price h4{ font-size: 21px} .blog-grid .price{ float: none; text-align: center} .blog-grid .rating{ display: none} .blog-grid .mobile-link{ display: block}}.single-article{ display: block; width: 100%; max-width: 1100px; margin: 0 auto 64px} .single-article .article-header{ margin-bottom: 64px; padding-top: 32px} .single-article .article-header .date{ display: block; font-size: 16px; line-height: 1; color: #777; margin-bottom: 16px; text-align: center} .single-article .article-header h1{ font-size: 40px; text-align: center} .single-article .article-header .author-wrap{ display: flex; justify-content: center} .single-article .article-header .author-wrap > div{ display: grid; grid-template-columns: 64px 1fr; grid-gap: 20px 20px; align-items: center} .single-article .article-header .author-wrap .avatar{ display: block; width: 64px; height: 64px; border-radius: 50%; background: #f1f1f1; overflow: hidden} .single-article .article-header .author-wrap .name{ display: block; text-align: left} .single-article .article-header .author-wrap .name strong{ font-size: 14px; display: block; line-height: 1} .single-article .article-header .author-wrap .name span{ font-size: 18px; white-space: nowrap} .single-article .article-header .author-wrap .desc{ display: none} @media (max-width: 1280px){ .single-article .article-header h1{ font-size: 36px}} @media (max-width: 1024px){ .single-article .article-header h1{ font-size: 32px} .single-article .article-header .date{ font-size: 15px} .single-article .article-header .author-wrap > div{ grid-template-columns: 40px 1fr; grid-gap: 14px 14px} .single-article .article-header .author-wrap .avatar{ width: 40px; height: 40px} .single-article .article-header .author-wrap .name strong{ font-size: 11px} .single-article .article-header .author-wrap .name span{ font-size: 15px}} .single-article .article-photo{ display: flex; justify-content: center; margin-bottom: 40px} .single-article .article-body{ display: block; width: 100%; max-width: 960px; margin: 0 auto; line-height: 1.65} .single-article .article-body{ font-size: 17px} @media screen and (min-width: 768px){ .single-article .article-body{ font-size: calc(17px + 3 * ((100vw - 768px) / 672))}} @media screen and (min-width: 1440px){ .single-article .article-body{ font-size: 20px}} .single-article .article-body > h2{ margin-bottom: 2rem; line-height: 1.4} .single-article .article-body > h2{ font-size: 27px} @media screen and (min-width: 768px){ .single-article .article-body > h2{ font-size: calc(27px + 5 * ((100vw - 768px) / 672))}} @media screen and (min-width: 1440px){ .single-article .article-body > h2{ font-size: 32px}} .single-article .article-body > h3{ margin-bottom: 1.5rem; line-height: 1.4} .single-article .article-body > h3{ font-size: 24px} @media screen and (min-width: 768px){ .single-article .article-body > h3{ font-size: calc(24px + 3 * ((100vw - 768px) / 672))}} @media screen and (min-width: 1440px){ .single-article .article-body > h3{ font-size: 27px}} .single-article .article-body > h4{ margin-bottom: 1.2rem; line-height: 1.3} .single-article .article-body > h4{ font-size: 21px} @media screen and (min-width: 768px){ .single-article .article-body > h4{ font-size: calc(21px + 3 * ((100vw - 768px) / 672))}} @media screen and (min-width: 1440px){ .single-article .article-body > h4{ font-size: 24px}} .single-article .article-body > h6{ font-size: 0.3535rem} .single-article .article-body > a{ color: #157F38; text-decoration: underline} .single-article .article-body > a:hover{ color: #000}.tags-wrapper{ display: flex; flex-wrap: wrap; font-size: 12px; margin-bottom: 48px} .tags-wrapper strong{ padding: 8px 0; margin-right: 8px} .tags-wrapper span{ display: block; padding: 6px 12px; border: 1px solid #e1e1e1; border-radius: 3px; color: #777; margin-right: 4px; margin-bottom: 4px} .tags-wrapper span:hover{ border-color: #157F38; color: #157F38}.product-comments-wrap{ display: block; margin-bottom: 40px}.article-body #wybrane{ margin-left: calc((-1600px + 960px) / 2); margin-right: calc((-1600px + 960px) / 2)} @media (max-width: 1650px){ .article-body #wybrane{ margin-left: calc((-100vw + 1080px) / 2); margin-right: calc((-100vw + 1080px) / 2)}} @media (max-width: 1440px){ .article-body #wybrane{ margin-left: calc((-100vw + 1060px) / 2); margin-right: calc((-100vw + 1060px) / 2)}} @media (max-width: 1024px){ .article-body #wybrane{ margin-left: 0; margin-right: 0}}.contact-columns{ display: grid; grid-template-columns: 1fr 1fr 2fr; grid-gap: 40px 48px; margin-bottom: 60px} .contact-columns .col.places{ grid-column: 1 / span 2; grid-row: 2; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px 20px} .contact-columns .col.places .title{ grid-column: 1 / span 2} .contact-columns .col.two{ grid-column: 3; grid-row: 1 / span 2} .contact-columns #map{ display: block; width: 100%; height: 450px} .contact-columns form .row{ display: block; margin-bottom: 20px} .contact-columns form .row:last-child{ margin-bottom: 0} .contact-columns form .label-group{ display: block; margin-bottom: 8px} .contact-columns form label{ display: block; font-size: 16px; font-weight: normal} .contact-columns form input[type=text], .contact-columns form input[type=email], .contact-columns form input[type=password], .contact-columns form input[type=tel], .contact-columns form input[type=phone], .contact-columns form select, .contact-columns form textarea{ font-size: 18px; display: block; box-sizing: border-box; padding: 12px; color: #999; border: 1px solid #e1e1e1; border-radius: 4px; outline: 0; background-color: #FFF; width: 100%} .contact-columns form input[type=text]:focus, .contact-columns form input[type=email]:focus, .contact-columns form input[type=password]:focus, .contact-columns form input[type=tel]:focus, .contact-columns form input[type=phone]:focus, .contact-columns form select:focus, .contact-columns form textarea:focus{ color: #000; border-color: #c1c1c1} .contact-columns form textarea{ width: 100%; height: 150px; resize: none; max-width: 100%} .contact-columns form .button{ font-size: 16px; font-weight: bold; display: inline-block; padding: 16px 32px; cursor: pointer; text-transform: uppercase; color: #FFF; border: none; border-radius: 4px; background-color: #fd7400} .contact-columns form .button:hover{ background-color: #ef7419} @media (min-width: 768px) and (max-width: 1366px){ .contact-columns{ grid-template-columns: 2fr 3fr} .contact-columns .col.places{ grid-template-columns: 1fr; grid-column: 1; grid-row: 3} .contact-columns .col.places .title{ grid-column: 1} .contact-columns .col.two{ grid-column: 2; grid-row: 1 / span 3}} @media (min-width: 550px) and (max-width: 768px){ .contact-columns{ grid-template-columns: 1fr 1fr} .contact-columns .col.places{ grid-column: 1 / span 2; grid-row: 2} .contact-columns .col.two{ grid-column: 1 / span 2; grid-row: 3}} @media (max-width: 550px){ .contact-columns{ grid-template-columns: 1fr} .contact-columns .col.places{ grid-template-columns: 1fr; grid-column: 1; grid-row: 3} .contact-columns .col.places .title{ grid-column: 1} .contact-columns .col.two{ grid-column: 1; grid-row: 4}}@font-face{ font-display: swap}.container,.container-flex{ display: block; width: 100%; max-width: 1600px; margin: 0 auto} @media (max-width: 1650px){ .container, .container-flex{ padding-left: 60px; padding-right: 60px; box-sizing: border-box}} @media (max-width: 1440px){ .container, .container-flex{ padding-left: 40px; padding-right: 40px}} @media (max-width: 1024px){ .container, .container-flex{ padding-left: 25px; padding-right: 25px}}.container-flex{ display: flex}p{ line-height: 1.5}.modal-bg{ position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; left: 0; display: none; background: rgba(255,255,255,0.9)}body.modal-open .modal-bg{ display: block}.modal{ position: fixed; z-index: 1050; top: 50%; left: 50%; overflow: auto; width: 660px; margin: -250px 0 0 -330px; box-shadow: 0 2.8px 2.2px rgba(0,0,0,0.02),0 6.7px 5.3px rgba(0,0,0,0.028),0 12.5px 10px rgba(0,0,0,0.035),0 22.3px 17.9px rgba(0,0,0,0.042),0 41.8px 33.4px rgba(0,0,0,0.05),0 100px 80px rgba(0,0,0,0.07); box-sizing: border-box; border-radius: 6px; background-color: #FFF}.modal.fade{ top: -25%; transition: opacity .3s linear,top .3s ease-out}.modal.fade.in{ top: 50%}.modal-header{ position: relative; padding: 24px; text-align: center; font-size: 20px; font-weight: bold} .modal-header .image{ display: flex; justify-content: center; margin-bottom: 16px} .modal-header .image img{ height: 64px}.modal-header .close{ font-size: 24px; line-height: 1; position: absolute; top: 24px; right: 24px; color: #000; border: none; background: none}.modal-header .close:hover{ color: #555}.modal-body{ overflow-y: auto; padding: 0 24px} @media (max-width: 768px){ .modal-body{ font-size: 17px}} @media (max-width: 550px){ .modal-body{ font-size: 16px}}.modal-form{ margin-bottom: 0}.modal-footer{ margin-bottom: 0; padding: 24px; *zoom: 1; display: flex; align-items: center; justify-content: space-between} @media (max-width: 768px){ .modal-footer{ flex-direction: column; align-items: center; justify-content: center} .modal-footer .button-next{ order: 1; margin-bottom: 20px} .modal-footer .button-prev{ order: 2}}#mwInCart .button{ display: inline-flex; align-items: center; font-size: 15px; font-weight: bold; min-height: 52px; padding: 0 24px; border: 2px solid transparent; border-radius: 4px} #mwInCart .button.button-next{ color: #FFF; background-color: #157F38; border-color: #157F38} #mwInCart .button.button-prev{ color: #6e6e6e; border-color: #6e6e6e; background: #fff} #mwInCart .button:hover.button-next{ background-color: #034C29; border-color: #034C29} #mwInCart .button:hover.button-prev{ color: #000; border-color: #000}.hide{ display: none}.show{ display: block}.hidden{ display: none}.caret{ display: inline-block; width: 0; height: 0; content: ""; vertical-align: top; opacity: .3; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; filter: alpha(opacity=30)}.dropdown .caret{ margin-top: 8px; margin-left: 2px}.dropdown:hover .caret,.open.dropdown .caret{ opacity: 1; filter: alpha(opacity=100)}.links-list{ margin: 5px 0 5px 0}.links-list li{ padding: 5px 0 4px 0; list-style: none; border-bottom: 1px solid #d9f2f9}.links-list li:hover{ background: #f9f9f9}.links-list li:last-of-type{ border-bottom: 0}.links-list .news-date{ font-size: 11px}.links-list a{ display: block}.links-list a .prod-sku{ display: block; color: #999}#main-search .links-list a .prod-sku{ font-size: 11px}.links-list a:hover{ text-decoration: none}.links-list a:hover .prod-sku{ color: #005580}.links-list .link-more{ font-size: 12px; font-weight: bold; text-align: right}.links-list .link-more:hover{ background: none}#popular-makers{ margin-bottom: 20px; border-bottom: 1px solid #DDD}#popular-makers p{ margin: 10px 0 20px}.page-header{ margin: 0 0 20px 0; padding: 0; border: 0}.grid-summary td{ background-color: #fbfbfb}.cart-list{ margin: 0 0 5px 0; list-style: none}.cart-list li{ padding: 5px 0 10px; border-bottom: 1px solid #DDD}.cart-list li:last-of-type{ border: 0}.cart-list li .cart-price{ display: block; text-align: right}#side-box.side-box-fixed{ position: fixed; top: 10px; width: 260px}#column-promo p.lead{ font-size: 18px; line-height: 1.25; padding: 4px 0 4px 40px; background-position: left center}#promo-original{ background: url("../img/ico_original.png") no-repeat}#promo-shipping{ background: url("../img/ico_shipping.png") no-repeat}#promo-cert{ background: url("../img/ico_cert.png") no-repeat}#promo-contact{ background: url("../img/ico_contact.png") no-repeat}@media (max-width: 767px){ #popUpBox{ display: none} #pane-order-form .span4{ float: none; width: auto; margin-left: 0}}@media (min-width: 768px) and (max-width: 979px){ #pane-order-form .span4{ float: none; width: auto} #side-box.side-box-fixed{ width: 188px}}@media (min-width: 1200px){ #side-box.side-box-fixed{ width: 330px}}#overlay{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; background-image: url("../img/bg2.png")}p.blad{ font-weight: bold; color: #F00}li.filler{ height: 400px}.horizontal-form .input-group input.default_gray{ background-color: #eaeaea}.horizontal-form .input-group input.default_gray:focus{ background-color: #fff}.status-list{ list-style: circle; margin-bottom: 40px} .status-list li{ margin-bottom: 12px} .status-list li:last-child{ margin-bottom: 0}#https{ max-width: 920px; margin: auto; padding: 5px 20px; background-color: #1f8a70; color: #fff}.product-info .meta-info .phone-availible.inny-wariant{ background-color: #E2A674}.szeroki .label-group{ width: 0% !important}.szeroki .input-group{ width: 100% !important}#sprawdz-wariant-img{ background: transparent url(/templates/swiezo2020/img/wybierz-wariant.png); width: 128px; height: 80px; position: absolute; right: -60px; top: 140px}.blogtable{ margin: 0; padding: 0; width: 100%; border: 1px solid #DDD; border-collapse: collapse; border-spacing: 0; height: 100%}.blogtable thead td{ text-align: center; font-size: 12px}.blogtable td{ border: 1px solid #DDD; vertical-align: middle; padding: 10px}.social-sidebar .social-container{ margin-bottom: 5px; z-index: 10}.social-sidebar .social-container.facebook{ position: fixed; top: 314px; right: 0}.social-sidebar .social-container.google{ position: fixed; top: 194px; right: 0}.social-sidebar .social-container.instagram{ position: fixed; top: 234px; right: 0}.social-sidebar .social-container.twitter{ position: fixed; top: 274px; right: 0}.social-sidebar .social-container.mraty{ position: fixed; top: 314px; right: 0}.social-sidebar .social-container.mraty .social-ikona{ width: 34px; height: 110px; float: right; margin-bottom: 5px; cursor: pointer}.social-sidebar .social-container .social-ikona{ width: 36px; height: 36px; float: right; margin-bottom: 5px; cursor: pointer}.social-sidebar .social-container .social-ikona img{ display: block; border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0}.social-sidebar .social-container.mraty .social-widget{ width: 140px}.social-sidebar .social-container .social-widget{ opacity: 0; border-radius: 5px; float: right; border-top-left-radius: 0; width: 300px; margin-right: -340px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out}.social-sidebar .social-container .social-widget.pokaz{ opacity: 1; margin-right: 0}#_opineo_container{ top: 114px !important; z-index: 60 !important}#_opineo_label{ position: absolute; top: 0 !important; left: -36px !important; width: 32px !important; height: 32px !important; background: url("/templates/swiezo2020/img/social-icon-opineo.png") !important; background-size: 32px !important; border: 2px solid #82bd22 !important; border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; cursor: pointer}#__ceneo-widgets{ top: 163px !important}.widgetTab{ left: -37px !important; top: 0 !important; position: absolute; background: url(/templates/swiezo2020/img/social-icon-ceneo.png) !important; background-size: 32px !important; height: 32px !important; width: 32px !important; border: 2px solid #f7941e !important; border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; cursor: pointer}.girlanda{ position: relative; background: url(/templates/swiezo2020/img/girlanda.png) !important; height: 116px; width: 100%; margin-top: 0; margin-bottom: -70px; background-repeat: no-repeat !important}#_QON_11058 .el40887,#_QON_11060 .el40884,#_QON_11623 .el43238,#_QON_11623 .el43238,#_QON_11056 .el40890{ margin-top: 8px}#_QON_11623 .prod,#_QON_11060 .prod,#_QON_11623 .prod,#_QON_11058 .prod,#_QON_11056 .prod{ height: 328px}#_QON_11623 .el43120 > a .prCur,#_QON_11060 .el40517 > a .prCur,#_QON_11623 .el43120 > a .prCur,#_QON_11058 .el40509 > a .prCur,#_QON_11056 .el40501 > a .prCur{ font: normal 100%/1.55 "Roboto Slab",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; color: #000}#_QON_11623 .el43120 > a .prPr,#_QON_11060 .el40517 > a .prPr,#_QON_11623 .el43120 > a .prPr,#_QON_11058 .el40509 > a .prPr,#_QON_11056 .el40501 > a .prPr{ font: normal 100%/1.55 "Roboto Slab",Arial,Helvetica,sans-serif; font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 5px; color: #cf0a2c}#_QON_11623 .el43119 > a,#_QON_11060 .el40516 > a,#_QON_11623 .el43119 > a,#_QON_11058 .el40508 > a,#_QON_11056 .el40500 > a{ display: block; height: 100%; overflow: hidden; font: normal 100%/1.55 "Roboto Slab",Arial,Helvetica,sans-serif; width: 100%; color: #000 !important; text-rendering: optimizelegibility; font-size: 16px; font-weight: bold; line-height: 1.2; overflow: hidden; height: 58px; margin-bottom: 2px; text-align: center; text-transform: uppercase}#_QON_11058 .el40508{ top: 185px}img{ display: initial !important}bold,strong{ font-weight: bold}.toplayerSpecialClass{ top: 54% !important}#formularz-opinii div.email{ display: none !important}#drift-widget{ left: 0 !important; bottom: 85px !important; right: auto !important}a.pakowanie{ position: relative}a.pakowanie > div{ display: none; position: absolute; width: 260px; padding: 20px; bottom: 100%; left: 50%; margin-left: -150px; margin-bottom: 10px; background-color: #fff; z-index: 9999; text-align: center; font-size: 13px; color: #000; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); box-shadow: 0 0 15px rgba(0,0,0,0.3)}a.pakowanie:hover{ color: #cf0a2c}a.pakowanie:hover > div{ display: block}.herbatki-promocja{ padding: 20px; background-color: #f1f1f1; margin-bottom: 60px}.herbatki-promocja .photo{ float: left; margin-right: 2%; width: 20%}.herbatki-promocja .photo img{ height: auto; transition: all .5s ease-in-out}.herbatki-promocja .photo img:hover{ transform: scale(1.1)}.herbatki-promocja .opcje{ float: left; width: 78%}.herbatki-promocja .opcje .label{ position: relative}.herbatki-promocja .opcje .delivery-price{ position: absolute; right: 0}.herbatki-promocja .opcje .left{ float: left}@keyframes slideInFromTop{ 0%{ transform: translateY(-100%)} 100%{ transform: translateY(0)}}#boxinfo{ box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05); display: block; width: 100%; max-width: 1000px; margin: 0 auto 24px; background-color: #e02424; padding: 16px; border-radius: 4px; color: #555; box-sizing: border-box; text-align: center} #boxinfo a, #boxinfo p{ color: #555; text-decoration: none; font-size: 16px} #boxinfo .color{ color: #555; font-weight: bold}div.row.important{ display: none}.horizontal-form .row.email_div{ display: none}.videocontainer{ position: relative; width: 100%; height: 0}.videocontainer .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%}.embed-container{ position: relative; overflow: hidden; width: 100%; padding-top: 56.25%}.embed-container iframe{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%}.embed-container .video{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%}.videoWrapper{ position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin-bottom: 30px}.videoWrapper object,.videoWrapper embed,.videoWrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%}.breadcrumb,#page-container .breadcrumb{ font-size: 11px; margin: 0 0 16px 0; list-style: none; display: flex} .breadcrumb li, #page-container .breadcrumb li{ margin-right: 5px; color: #666} .breadcrumb li:last-child, #page-container .breadcrumb li:last-child{ margin-right: 0} .breadcrumb a, #page-container .breadcrumb a{ margin-right: 5px; color: #111} .breadcrumb a:hover, #page-container .breadcrumb a:hover{ text-decoration: underline} .breadcrumb .divider, #page-container .breadcrumb .divider{ color: #999} @media (max-width: 768px){ .breadcrumb, #page-container .breadcrumb{ overflow-x: scroll; width: 100%; white-space: nowrap}}.pagination{ display: flex; justify-content: center; margin-bottom: 40px; flex-wrap: wrap} .pagination span.divider{ font-size: 14px; display: inline-flex; color: #e1e1e1; width: 48px; height: 48px; justify-content: center; align-items: center} .pagination a{ display: inline-flex; width: 48px; height: 48px; justify-content: center; align-items: center; font-size: 14px; transition: all .1s ease-out; border-radius: 3px; background-color: #44BF55; color: #fff; margin: 0 4px 4px} .pagination a:hover, .pagination .active{ background: #034C29; color: #fff}.load-more{ display: block; text-align: center} .load-more button{ font-size: 14px; font-weight: bold; display: inline-block; padding: 14px 25px; transition: all .1s ease-out; text-transform: uppercase; color: #40160d; border: none; border-radius: 3px; background-color: #e9c46a} .load-more button:hover{ color: #FFF; background-color: #e76f51}.stars{ display: inline-block; width: 145px; height: 24px; text-align: left; background: url(/templates/swiezo2020/img/ratings-stars.png) 0 0 no-repeat}.stars em{ display: inline-block; height: 24px; text-indent: -9999px; background: url(/templates/swiezo2020/img/ratings-stars.png) left bottom no-repeat}.stars-0{ text-indent: -9999px; background-position: 0 0}.stars-1{ text-indent: -9999px; background-position: 0 -24px}.stars-2{ text-indent: -9999px; background-position: 0 -48px}.stars-3{ text-indent: -9999px; background-position: 0 -72px}.stars-4{ text-indent: -9999px; background-position: 0 -96px}.stars-5{ text-indent: -9999px; background-position: 0 -120px}.stars.rating h5{ font-size: 14px; font-weight: normal; line-height: 1}@media (min-width: 1024px){ .attr-list-toggle{ display: none} #attr-list{ margin-bottom: 16px; display: flex} #attr-list .box{ width: calc((100% / 7) - 8px); margin-right: 8px} #attr-list .box.last{ display: flex; align-items: flex-end; margin-right: 0; width: calc(100% / 7)} #attr-list label{ font-size: 14px; font-weight: bold; margin-bottom: 4px; display: block} #attr-list select{ font-size: 14px; padding: 10px; color: #555; border: 1px solid #d1d1d1; border-radius: 3px; width: 100%} #attr-list select:hover{ border-color: #e9c46a} #attr-list select:focus{ border-color: #e76f51} #attr-list #filtruj{ display: block; font-size: 16px; font-weight: bold; color: #fff; padding: 12px 0; text-align: center; border-radius: 4px; background: #157F38; cursor: pointer; width: 100%; box-sizing: border-box} #attr-list #filtruj:hover{ background: #034C29}}@media (max-width: 1024px){ .attr-list-toggle{ display: flex; margin-bottom: 12px} .attr-list-toggle span{ display: inline-flex; font-size: 14px; font-weight: bold; color: #fff; padding: 12px 24px; border-radius: 4px; background: #157F38; cursor: pointer; align-items: center; justify-content: center} .attr-list-toggle span:focus{ outline: 2px dotted #44BF55} #attr-list{ display: none; margin-bottom: 24px; padding: 20px; border: 1px solid #e1e1e1; background-color: #f1f1f1} #attr-list.active{ display: block} #attr-list .box{ display: flex; align-items: center; margin-bottom: 24px} #attr-list .box.last{ margin-bottom: 0} #attr-list label{ font-size: 14px; flex: 0 0 100px; font-weight: bold; margin-right: 14px} #attr-list select{ font-size: 14px; padding: 12px; color: #555; border: 1px solid #d1d1d1; border-radius: 3px} #attr-list select:hover{ border-color: #e9c46a} #attr-list select:focus{ border-color: #e76f51} #attr-list #filtruj{ display: block; font-size: 14px; font-weight: bold; color: #fff; padding: 12px 24px; border-radius: 4px; background: #157F38; cursor: pointer; margin-left: 91px; max-width: 300px; text-align: center} #attr-list #filtruj:hover{ background: #034C29}} @media (max-width: 1024px) and (max-width: 550px){ #attr-list .box{ flex-wrap: wrap} #attr-list label{ flex: 0 0 100%; margin-right: 0; margin-bottom: 8px} #attr-list #filtruj{ margin-left: 0}}#cookiesBar{ background: #fff; border: 1px solid #e1e1e1; color: #414141; font-size: 14px; box-sizing: border-box; padding: 24px; position: fixed; left: 24px; bottom: 24px; right: 24px; z-index: 9999; box-shadow: 0 2.8px 2.2px rgba(0,0,0,0.02),0 6.7px 5.3px rgba(0,0,0,0.028),0 12.5px 10px rgba(0,0,0,0.035),0 22.3px 17.9px rgba(0,0,0,0.042),0 41.8px 33.4px rgba(0,0,0,0.05),0 100px 80px rgba(0,0,0,0.07)} #cookiesBar a{ color: #414141; border-bottom: 1px dotted #aeaeae} #cookiesBar a:hover{ color: #aeaeae} #cookiesBar p{ margin: 0; line-height: 1; padding-right: 40px} #cookiesBar p + p{ margin-top: 5px} #cookiesBar a{ color: #000; text-decoration: underline} #cookiesBar #cookiesBarWrap{ max-width: 960px; margin: 0 auto; position: relative; display: grid; grid-template-columns: 1fr 24px; grid-gap: 24px 24px} #cookiesBar #cookiesBarClose{ display: block; width: 24px; height: 24px; background: url("../img/close-black.svg") 0 0 no-repeat; background-size: 24px 24px; text-indent: -999em; transition: all .3s ease; margin: 0; padding: 0; border: none} #cookiesBar #cookiesBarClose:hover{ transform: scale(1.05)} @media (max-width: 768px){ #cookiesBar{ left: 8px; bottom: 8px; right: 8px; padding: 16px}}.services{ display: grid; grid-template-columns: repeat(5,1fr); margin-bottom: 64px} .services .col{ display: block; text-align: center; padding: 20px 0; border-right: 1px solid #e1e1e1} .services .col:last-child{ border-right: none} .services .col .pseudolink{ display: block; padding: 0 20px; cursor: pointer} .services .col a{ color: #157F38} .services .col .icon{ display: flex; margin: 0 auto 20px; justify-content: center} .services .col .icon img{ height: 80px} .services .col h4{ font-size: 12px; line-height: 1.3; display: block; text-align: center; text-transform: uppercase; color: #157F38} .services .col h4 a{ color: #157F38} @media (max-width: 1280px){ .services{ margin-bottom: 56px}} @media (max-width: 1024px){ .services{ grid-template-columns: repeat(6,1fr); margin-bottom: 48px} .services .col:nth-child(1){ grid-column: 1 / span 2; grid-row: 1; border-bottom: 1px solid #e1e1e1} .services .col:nth-child(2){ grid-column: 3 / span 2; grid-row: 1; border-bottom: 1px solid #e1e1e1} .services .col:nth-child(3){ grid-column: 5 / span 2; grid-row: 1; border-bottom: 1px solid #e1e1e1; border-right: none} .services .col:nth-child(4){ grid-column: 1 / span 3; grid-row: 2} .services .col:nth-child(5){ grid-column: 4 / span 3; grid-row: 2}} @media (max-width: 768px){ .services{ margin-bottom: 40px}} @media (max-width: 650px){ .services{ grid-template-columns: repeat(2,1fr); margin-bottom: 32px} .services .col:nth-child(1){ grid-column: 1; grid-row: 1; border-bottom: 1px solid #e1e1e1} .services .col:nth-child(2){ grid-column: 2; grid-row: 1; border-bottom: 1px solid #e1e1e1; border-right: none} .services .col:nth-child(3){ grid-column: 1; grid-row: 2; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1} .services .col:nth-child(4){ grid-column: 2; grid-row: 2; border-bottom: 1px solid #e1e1e1; border-right: none} .services .col:nth-child(5){ grid-column: 1 / span 2; grid-row: 3} .services .col .icon img{ height: 64px}}#nasze-sklepy{ margin: 40px auto}#nasze-sklepy .col{ width: 33%; float: left}.simple-footer{ display: block; line-height: 1.6} .simple-footer .container{ padding-top: 32px; padding-bottom: 32px; border-top: 1px solid #e1e1e1; text-align: center; font-size: 16px} .simple-footer .container a{ color: #e76f51; text-decoration: underline} .simple-footer .container a:hover{ color: #000}.footer-wrapper{ display: block; padding: 64px 0; background-color: #f1f1f1} @media (max-width: 1280px){ .footer-wrapper{ padding: 48px 0}} @media (max-width: 768px){ .footer-wrapper{ padding: 40px 0}}#footer{ display: block; color: #777} #footer h4{ font-size: 19px; font-weight: bold; line-height: 1; margin-bottom: 24px; text-transform: uppercase; color: #222} #footer .container-flex{ margin-bottom: 64px; padding-bottom: 64px; border-bottom: 1px solid #e1e1e1} #footer .container-flex .col{ font-size: 16px; margin-right: 64px; color: #777; line-height: 1.8} #footer .container-flex .col ul{ margin: 0; list-style: none; font-size: 14px} #footer .container-flex .col li{ margin-bottom: 4px} #footer .container-flex .col li:last-child{ margin-bottom: 0} #footer .container-flex .col a, #footer .container-flex .col .pseudolink{ color: #777; cursor: pointer} #footer .container-flex .col a:hover, #footer .container-flex .col .pseudolink:hover{ text-decoration: underline; color: #000} #footer .container-flex .col.first{ display: grid; grid-template-columns: repeat(3,1fr); grid-template-rows: min-content min-content; grid-gap: 0 64px; margin-right: 0} #footer .container-flex .col.first h4{ grid-column: 1 / span 4} #footer .container-flex .col.contact{ margin-right: 0; margin-left: auto; text-align: right} #footer .container-flex .col.contact p{ line-height: 1.4} #footer .container-flex .col.contact h5, #footer .container-flex .col.contact span{ line-height: 1; display: block} #footer .container-flex .col.contact h5{ font-size: 27px; font-weight: bold; margin-bottom: 5px} #footer .container-flex .col.contact h5 a{ color: #D00000} #footer .container-flex .col.contact h5 a:hover{ text-decoration: underline} #footer .container-flex .col.contact span{ margin-bottom: 30px} @media (max-width: 1440px){ #footer h4{ font-size: 18px} #footer .container-flex{ margin-bottom: 48px; padding-bottom: 48px} #footer .container-flex .col{ font-size: 15px; margin-right: 48px} #footer .container-flex .col.first{ grid-gap: 0 48px; margin-right: 0} #footer .container-flex .col.contact h5{ font-size: 25px}} @media (max-width: 1366px){ #footer h4{ font-size: 17px} #footer .container-flex{ margin-bottom: 40px; padding-bottom: 40px} #footer .container-flex .col{ font-size: 14px; margin-right: 40px} #footer .container-flex .col.first{ grid-gap: 0 40px; margin-right: 0} #footer .container-flex .col.contact h5{ font-size: 23px}} @media (max-width: 1200px){ #footer .container-flex{ flex-wrap: wrap} #footer .container-flex .col{ margin-right: 64px; order: 2} #footer .container-flex .col:nth-child(3){ margin-right: 0} #footer .container-flex .col.contact{ width: 100%; order: 1; margin-left: 0; margin-right: 0; text-align: center} #footer .container-flex .col.contact h5{ font-size: 21px}} @media (max-width: 960px){ #footer .container-flex .col{ width: 50%; order: 3; margin-right: 0} #footer .container-flex .col.first{ width: 100%; order: 2; margin-bottom: 40px; grid-gap: 0 0} #footer .container-flex .col.contact h5{ font-size: 20px}} @media (max-width: 550px){ #footer .container-flex .col{ width: 100%; margin-right: 0; margin-bottom: 40px; text-align: center} #footer .container-flex .col.first{ grid-template-columns: 1fr} #footer .container-flex .col.first h4{ grid-column: 1} #footer .container-flex .col.contact h5{ font-size: 19px}} #footer .selling-points{ list-style: none; margin: 0; display: grid; grid-template-columns: repeat(6,1fr); grid-gap: 32px 32px; line-height: 1.5} @media (max-width: 1440px){ #footer .selling-points{ font-size: 15px}} @media (max-width: 1366px){ #footer .selling-points{ font-size: 14px}} @media (max-width: 1024px){ #footer .selling-points{ grid-template-columns: repeat(5,1fr)}} @media (max-width: 768px){ #footer .selling-points{ grid-template-columns: repeat(4,1fr)}} @media (max-width: 600px){ #footer .selling-points{ grid-template-columns: repeat(3,1fr)}} @media (max-width: 500px){ #footer .selling-points{ grid-template-columns: repeat(2,1fr)}} #footer .social{ float: right; list-style: none; margin: 0} #footer .social li{ float: left; margin-left: 10px} #footer .social a{ display: block; opacity: .5; transition: opacity .15s ease-out} #footer .social a :hover{ opacity: 1}.copyright-wrapper{ display: block; padding: 32px 0; background-color: #e7e7e7} .copyright-wrapper .container-flex{ align-items: center; justify-content: space-between} .copyright-wrapper .left{ font-size: 14px; color: #999} .copyright-wrapper .left p{ padding-top: 20px} .copyright-wrapper .left p a{ color: #999} .copyright-wrapper .left p a:hover{ text-decoration: underline; color: #000} .copyright-wrapper .right{ flex: 0 0 140px; margin-left: 32px} .copyright-wrapper .right img{ width: 140px} @media (max-width: 768px){ .copyright-wrapper{ padding: 20px 0} .copyright-wrapper .container-flex{ flex-wrap: wrap; flex-direction: column} .copyright-wrapper .container-flex .left{ width: 100%; text-align: center; margin-bottom: 20px} .copyright-wrapper .container-flex .right{ flex: 0 0 100%; display: flex; justify-content: center; margin-left: 0}}body .df-classic{ width: 65% !important}body [data-layout=grid][data-browser-support~=cssgrid] .df-results{ grid-template-columns: repeat(3,1fr)}@media (min-width: 820px) and (max-width: 1024px){ body .df-classic{ width: 85% !important} body [data-layout=grid][data-browser-support~=cssgrid] .df-results{ grid-template-columns: repeat(3,1fr)}}@media (min-width: 650px) and (max-width: 820px){ body .df-classic{ width: 80% !important} body [data-layout=grid][data-browser-support~=cssgrid] .df-results{ grid-template-columns: repeat(2,1fr)}}@media (max-width: 650px){ body .df-classic{ width: 80% !important} body [data-layout=grid][data-browser-support~=cssgrid] .df-results{ grid-template-columns: repeat(1,1fr)}}.newsletter-wrapper{ display: block; padding: 30px 0; background-color: #e9c46a}.newsletter-form .newsletter-main{ display: flex; justify-content: center; align-items: center}.newsletter-form .desc{ margin-right: 16px; text-align: right; width: 400px} .newsletter-form .desc span{ font-size: 14px; font-weight: bold; line-height: 1.2; display: block; text-transform: uppercase; color: #000} .newsletter-form .desc span.high{ font-size: 24px}.newsletter-form #newsletter_output{ margin-left: 16px; width: 400px}.newsletter-form form{ position: relative; display: flex} .newsletter-form form input,.newsletter-form form button{ line-height: 56px; box-sizing: border-box} .newsletter-form form input{ font-size: 16px; flex: 1 1; margin-right: 16px; padding: 0 14px; transition: color .1s ease-out; color: #ababab; border: none; border-radius: 3px; background-color: #FFF} .newsletter-form form button{ font-size: 14px; font-weight: bold; margin: 0; padding: 0 14px; text-align: center; text-transform: uppercase; color: #FFF; border: none; border-radius: 3px; background-color: #cf0a2c; white-space: nowrap}.newsletter-form label.error-label{ font-size: 11px; font-weight: bold; position: absolute; top: 41px; left: 0; display: inline-block; padding: 5px; color: #FFF; border-radius: 3px; background-color: #cf0a2c}.newsletter-form .newsletter_result{ font-size: 14px; font-weight: bold; display: block; padding: 12px 10px; color: #FFF; border-radius: 3px; background-color: #1f8a70; width: 100%; box-sizing: border-box; text-align: center}.newsletter-form .newsletter-footer{ display: block; width: 100%; max-width: 832px; margin: 0 auto; font-size: 12px; text-align: right; color: #000; padding-top: 8px} .newsletter-form .newsletter-footer a{ color: #000} .newsletter-form .newsletter-footer a:hover{ text-decoration: underline}@media (max-width: 960px){ .newsletter-form .newsletter-main{ align-items: center; justify-content: center; flex-direction: column} .newsletter-form .desc{ text-align: center; margin-right: 0; margin-bottom: 24px} .newsletter-form #newsletter_output{ margin-left: 0} .newsletter-form .newsletter-footer{ max-width: 400px; text-align: center}}@media (max-width: 500px){ .newsletter-form .desc, .newsletter-form #newsletter_output{ width: 100%} .newsletter-form .desc{ margin-bottom: 20px} .newsletter-form .desc span.high{ font-size: 22px} .newsletter-form form{ flex-direction: column; align-items: center; justify-content: center; padding: 0 25px} .newsletter-form form input{ margin-right: 0; margin-bottom: 16px; width: 100%} .newsletter-form form button{ width: 100%} .newsletter-form .newsletter-footer{ font-size: 10px}}.newsletter-page{ display: flex; justify-content: center; padding: 64px 0; flex-wrap: wrap; width: 100%; max-width: 900px; margin: 0 auto} .newsletter-page .message{ flex: 0 0 100%; margin-bottom: 24px; text-align: center} .newsletter-page .newsletter-form-wrap{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 32px 32px; align-items: center} .newsletter-page .newsletter-form-wrap .desc{ display: block; margin-bottom: 32px} .newsletter-page .newsletter-form-wrap .desc span{ display: block; font-size: calc(1.375rem + ((1vw - 7.68px) * 0.434))} .newsletter-page .newsletter-form-wrap .desc .high{ display: block; font-weight: bold; font-size: calc(1.6875rem + ((1vw - 7.68px) * 0.7813))} .newsletter-page .newsletter-form-wrap form{ position: relative; display: flex; padding: 8px; background: #f1f1f1; border-radius: 6px} .newsletter-page .newsletter-form-wrap form input,.newsletter-page .newsletter-form-wrap form button{ line-height: 56px; box-sizing: border-box} .newsletter-page .newsletter-form-wrap form input{ font-size: 16px; flex: 1 1; margin-right: 16px; padding: 0 14px; transition: color .1s ease-out; color: #ababab; border: none; border-radius: 3px; background-color: #FFF} .newsletter-page .newsletter-form-wrap form button{ font-size: 14px; font-weight: bold; margin: 0; padding: 0 14px; text-align: center; text-transform: uppercase; color: #FFF; border: none; border-radius: 3px; background-color: #cf0a2c; white-space: nowrap} .newsletter-page .newsletter-form-wrap form button:hover{ background: #034C29} .newsletter-page .newsletter-form-wrap form button:focus{ outline: 3px dotted #034C29} @media (max-width: 900px){ .newsletter-page .newsletter-form-wrap{ grid-template-columns: 1fr; max-width: 650px; padding: 0 24px; box-sizing: border-box} .newsletter-page .newsletter-form-wrap .image{ display: flex; justify-content: center} .newsletter-page .newsletter-form-wrap .image img{ height: 30vh} .newsletter-page .newsletter-form-wrap .desc{ text-align: center}} @media (max-width: 500px){ .newsletter-page .newsletter-form-wrap{ padding: 0} .newsletter-page .newsletter-form-wrap form{ flex-direction: column; align-items: center; justify-content: center; padding: 8px} .newsletter-page .newsletter-form-wrap form input{ margin-right: 0; margin-bottom: 8px; width: 100%} .newsletter-page .newsletter-form-wrap form button{ width: 100%}}#popUpBox{ display: block; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1100; background: rgba(3,76,41,0.8)} #popUpBox.displaynone{ display: none} #popUpBox #popUpBoxContainer{ display: flex; width: 100%; height: 100%; align-items: center; justify-content: center} #popUpBox #popUpBoxWrap{ display: grid; grid-template-columns: 180px 1fr; grid-gap: 40px 40px; width: 100%; max-width: 800px; background: #fff; box-sizing: border-box; padding: 40px; position: relative; align-items: center; box-shadow: 0 2.8px 2.2px rgba(0,0,0,0.02),0 6.7px 5.3px rgba(0,0,0,0.028),0 12.5px 10px rgba(0,0,0,0.035),0 22.3px 17.9px rgba(0,0,0,0.042),0 41.8px 33.4px rgba(0,0,0,0.05),0 100px 80px rgba(0,0,0,0.07)} #popUpBox #popUpBoxClose{ position: absolute; right: 24px; top: 24px; z-index: 100; width: 20px; height: 20px} #popUpBox .popContent .title{ display: block; font-size: 27px; font-weight: bold; margin-bottom: 24px} #popUpBox .popContent .text{ font-size: 18px; margin-bottom: 32px} #popUpBox .popContent .popup_validate_newsletter{ display: flex; align-items: center; border: 1px solid #e1e1e1; padding: 8px; border-radius: 8px; margin-bottom: 12px} #popUpBox .popContent .popup_validate_newsletter input{ font-size: 19px; border: none; flex: 1 1} #popUpBox .popContent .popup_validate_newsletter button{ display: block; background: #157F38; font-size: 18px; font-weight: bold; color: #fff; padding: 12px 32px; border-radius: 4px; border: none; white-space: nowrap; flex: 0 0} #popUpBox .popContent .claim{ display: block; font-size: 12px; color: #777; padding-left: 16px} #popUpBox .popContent .claim a{ color: inherit} #popUpBox .popContent .claim a:hover{ color: #000} @media (max-width: 768px){ #popUpBox #popUpBoxWrap{ grid-template-columns: 1fr; padding: 24px; grid-gap: 24px 24px} #popUpBox .preheader{ display: flex; justify-content: center} #popUpBox .preheader img{ height: 80px} #popUpBox #popUpBoxClose{ right: 10px; top: 10px} #popUpBox .popContent .title{ font-size: 24px} #popUpBox .popContent .text{ font-size: 16px} #popUpBox .popContent .popup_validate_newsletter{ flex-direction: column; align-items: center} #popUpBox .popContent .popup_validate_newsletter input{ margin-bottom: 16px} #popUpBox .popContent .popup_validate_newsletter button{ flex: 0 0 100%; box-sizing: border-box; width: 100%}}body:after{ content: url(/templates/swiezo2020/img/lightbox/close.png) url(/templates/swiezo2020/img/lightbox/loading.gif) url(/templates/swiezo2020/img/lightbox/prev.png) url(/templates/swiezo2020/img/lightbox/next.png); display: none}.lightboxOverlay{ position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none}.lightbox{ position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal}.lightbox .lb-image{ display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px}.lightbox a img{ border: none}.lb-outerContainer{ position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px}.lb-outerContainer:after{ content: ""; display: table; clear: both}.lb-container{ padding: 4px}.lb-loader{ position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0}.lb-cancel{ display: block; width: 32px; height: 32px; margin: 0 auto; background: url(/templates/swiezo2020/img/lightbox/loading.gif) no-repeat}.lb-nav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}.lb-container > .nav{ left: 0}.lb-nav a{ outline: none; background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")}.lb-prev,.lb-next{ height: 100%; cursor: pointer; display: block}.lb-nav a.lb-prev{ width: 34%; left: 0; float: left; background: url(/templates/swiezo2020/img/lightbox/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s}.lb-nav a.lb-prev:hover{ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1}.lb-nav a.lb-next{ width: 64%; right: 0; float: right; background: url(/templates/swiezo2020/img/lightbox/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s}.lb-nav a.lb-next:hover{ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1}.lb-dataContainer{ margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px}.lb-dataContainer:after{ content: ""; display: table; clear: both}.lb-data{ padding: 0 4px; color: #ccc}.lb-data .lb-details{ width: 85%; float: left; text-align: left; line-height: 1.1em}.lb-data .lb-caption{ font-size: 13px; font-weight: bold; line-height: 1em}.lb-data .lb-number{ display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999}.lb-data .lb-close{ display: block; float: right; width: 30px; height: 30px; background: url(/templates/swiezo2020/img/lightbox/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s}.lb-data .lb-close:hover{ cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1}@font-face{ font-family: 'lg'; src: url("fonts/lg.woff2?io9a6k") format("woff2"),url("fonts/lg.ttf?io9a6k") format("truetype"),url("fonts/lg.woff?io9a6k") format("woff"),url("fonts/lg.svg?io9a6k#lg") format("svg"); font-weight: normal; font-style: normal; font-display: block}.lg-icon{ font-family: 'lg' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}.lg-container{ font-family: system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.lg-next,.lg-prev{ background-color: rgba(0,0,0,0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; outline: none; border: none}.lg-next.disabled,.lg-prev.disabled{ pointer-events: none; opacity: 0.5}.lg-next:hover,.lg-prev:hover{ color: #fff}.lg-single-item .lg-next,.lg-single-item.lg-prev{ display: none}.lg-next{ right: 20px}.lg-next:before{ content: '\e095'}.lg-prev{ left: 20px}.lg-prev:after{ content: '\e094'}@-webkit-keyframes lg-right-end{ 0%{ left: 0} 50%{ left: -30px} 100%{ left: 0}}@-moz-keyframes lg-right-end{ 0%{ left: 0} 50%{ left: -30px} 100%{ left: 0}}@-ms-keyframes lg-right-end{ 0%{ left: 0} 50%{ left: -30px} 100%{ left: 0}}@keyframes lg-right-end{ 0%{ left: 0} 50%{ left: -30px} 100%{ left: 0}}@-webkit-keyframes lg-left-end{ 0%{ left: 0} 50%{ left: 30px} 100%{ left: 0}}@-moz-keyframes lg-left-end{ 0%{ left: 0} 50%{ left: 30px} 100%{ left: 0}}@-ms-keyframes lg-left-end{ 0%{ left: 0} 50%{ left: 30px} 100%{ left: 0}}@keyframes lg-left-end{ 0%{ left: 0} 50%{ left: 30px} 100%{ left: 0}}.lg-outer.lg-right-end .lg-object{ -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative}.lg-outer.lg-left-end .lg-object{ -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative}.lg-toolbar{ z-index: 1082; left: 0; position: absolute; top: 0; width: 100%}.lg-media-overlap .lg-toolbar{ background-image: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0.4))}.lg-toolbar .lg-icon{ color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; will-change: color; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; background: none; border: none; box-shadow: none}.lg-toolbar .lg-icon.lg-icon-18{ font-size: 18px}.lg-toolbar .lg-icon:hover{ color: #fff}.lg-toolbar .lg-close:after{ content: '\e070'}.lg-toolbar .lg-maximize{ font-size: 22px}.lg-toolbar .lg-maximize:after{ content: '\e90a'}.lg-toolbar .lg-download:after{ content: '\e0f2'}.lg-sub-html{ color: #eee; font-size: 16px; padding: 10px 40px; text-align: center; z-index: 1080; opacity: 0; -webkit-transition: opacity 0.2s ease-out 0s; -o-transition: opacity 0.2s ease-out 0s; transition: opacity 0.2s ease-out 0s}.lg-sub-html h4{ margin: 0; font-size: 13px; font-weight: bold}.lg-sub-html p{ font-size: 12px; margin: 5px 0 0}.lg-sub-html a{ color: inherit}.lg-sub-html a:hover{ text-decoration: underline}.lg-media-overlap .lg-sub-html{ background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.6))}.lg-item .lg-sub-html{ position: absolute; bottom: 0; right: 0; left: 0}.lg-error-msg{ font-size: 14px; color: #999}.lg-counter{ color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; height: 47px; vertical-align: middle}.lg-closing .lg-toolbar,.lg-closing .lg-prev,.lg-closing .lg-next,.lg-closing .lg-sub-html{ opacity: 0; -webkit-transition: -webkit-transform 0.08 cubic-bezier(0,0,0.25,1) 0s,opacity 0.08 cubic-bezier(0,0,0.25,1) 0s,color 0.08 linear; -moz-transition: -moz-transform 0.08 cubic-bezier(0,0,0.25,1) 0s,opacity 0.08 cubic-bezier(0,0,0.25,1) 0s,color 0.08 linear; -o-transition: -o-transform 0.08 cubic-bezier(0,0,0.25,1) 0s,opacity 0.08 cubic-bezier(0,0,0.25,1) 0s,color 0.08 linear; transition: transform 0.08 cubic-bezier(0,0,0.25,1) 0s,opacity 0.08 cubic-bezier(0,0,0.25,1) 0s,color 0.08 linear}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{ opacity: 0; will-change: opacity; -webkit-transition: opacity 250ms cubic-bezier(0,0,0.25,1) !important; -moz-transition: opacity 250ms cubic-bezier(0,0,0.25,1) !important; -o-transition: opacity 250ms cubic-bezier(0,0,0.25,1) !important; transition: opacity 250ms cubic-bezier(0,0,0.25,1) !important}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{ opacity: 1}.lg-group:after{ content: ''; display: table; clear: both}.lg-container{ display: none}.lg-container.lg-show{ display: block}.lg-on{ scroll-behavior: unset}.lg-toolbar,.lg-prev,.lg-next,.lg-pager-outer,.lg-hide-sub-html .lg-sub-html{ opacity: 0; will-change: transform,opacity; -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1) 0s,opacity 0.25s cubic-bezier(0,0,0.25,1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1) 0s,opacity 0.25s cubic-bezier(0,0,0.25,1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1) 0s,opacity 0.25s cubic-bezier(0,0,0.25,1) 0s; transition: transform 0.25s cubic-bezier(0,0,0.25,1) 0s,opacity 0.25s cubic-bezier(0,0,0.25,1) 0s}.lg-show-in .lg-toolbar,.lg-show-in .lg-prev,.lg-show-in .lg-next,.lg-show-in .lg-pager-outer{ opacity: 1}.lg-show-in.lg-hide-sub-html .lg-sub-html{ opacity: 1}.lg-show-in .lg-hide-items .lg-prev{ opacity: 0; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0)}.lg-show-in .lg-hide-items .lg-next{ opacity: 0; -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0)}.lg-show-in .lg-hide-items .lg-toolbar{ opacity: 0; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0)}.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html{ opacity: 0; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0)}.lg-outer{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0.001; outline: none; will-change: opacity; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s}.lg-outer *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}.lg-outer.lg-zoom-from-image{ opacity: 1}.lg-outer.lg-visible{ opacity: 1}.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current{ -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-current{ -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1}.lg-outer.lg-grab img.lg-object{ cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab}.lg-outer.lg-grabbing img.lg-object{ cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing}.lg-outer .lg{ height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; outline: none}.lg-outer .lg-inner{ width: 100%; position: absolute; left: 0; top: 0; bottom: 0; -webkit-transition: none; -o-transition: none; transition: none; white-space: nowrap}.lg-outer .lg-item{ will-change: transform,opacity; display: none !important}.lg-outer .lg-item:not(.lg-start-end-progress){ background: url("images/loading.gif") no-repeat scroll center center transparent}.lg-outer.lg-css3 .lg-prev-slide,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide{ display: inline-block !important}.lg-outer.lg-css .lg-current{ display: inline-block !important}.lg-outer .lg-item,.lg-outer .lg-img-wrap{ display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%}.lg-outer .lg-item:before,.lg-outer .lg-img-wrap:before{ content: ''; display: inline-block; height: 100%; vertical-align: middle}.lg-outer .lg-img-wrap{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; white-space: nowrap; font-size: 0}.lg-outer .lg-item.lg-complete{ background-image: none}.lg-outer .lg-item.lg-current{ z-index: 1060}.lg-outer .lg-object{ display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; position: relative}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play-button{ opacity: 0; will-change: opacity; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-video-play-button{ opacity: 1}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play-button{ opacity: 1}.lg-outer .lg-empty-html{ display: none}.lg-outer[data-lg-slide-type='video'] .lg-download,.lg-outer[data-lg-slide-type='iframe'] .lg-download{ opacity: 0.75; pointer-events: none}.lg-outer .lg-first-slide .lg-dummy-img{ position: absolute; top: 50%; left: 50%}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components{ -webkit-transform: translate3d(0,0%,0); transform: translate3d(0,0%,0); opacity: 1}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html{ opacity: 1; transition: opacity 0.2s ease-out 0.15s}.lg-backdrop{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; will-change: opacity; -webkit-transition: opacity 333ms ease-in 0s; -o-transition: opacity 333ms ease-in 0s; transition: opacity 333ms ease-in 0s}.lg-backdrop.in{ opacity: 1}.lg-css3.lg-no-trans .lg-prev-slide,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-current{ -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important}.lg-css3.lg-use-css3 .lg-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden}.lg-css3.lg-fade .lg-item{ opacity: 0}.lg-css3.lg-fade .lg-item.lg-current{ opacity: 1}.lg-css3.lg-fade .lg-item.lg-prev-slide,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-current{ -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-progress{ -webkit-transition: -webkit-transform 1s cubic-bezier(0.175,0.885,0.32,1.275) 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.175,0.885,0.32,1.275) 0s; -o-transition: -o-transform 1s cubic-bezier(0.175,0.885,0.32,1.275) 0s; transition: transform 1s cubic-bezier(0.175,0.885,0.32,1.275) 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress{ -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,0.25,1) 0s; -moz-transition: -moz-transform 1s cubic-bezier(0,0,0.25,1) 0s; -o-transition: -o-transform 1s cubic-bezier(0,0,0.25,1) 0s; transition: transform 1s cubic-bezier(0,0,0.25,1) 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{ opacity: 0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{ -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{ -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{ -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0,0,0.25,1) 0s,opacity 0.1s ease 0s}.lg-container{ display: none}.lg-container.lg-show{ display: block}.lg-container.lg-dragging-vertical .lg-backdrop{ -webkit-transition-duration: 0s !important; transition-duration: 0s !important}.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current{ -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1}.lg-inline .lg-backdrop,.lg-inline .lg-outer{ position: absolute}.lg-inline .lg-backdrop{ z-index: 1}.lg-inline .lg-outer{ z-index: 2}.lg-inline .lg-maximize:after{ content: '\e909'}.lg-components{ -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); will-change: transform; -webkit-transition: -webkit-transform 0.35s ease-out 0s; -moz-transition: -moz-transform 0.35s ease-out 0s; -o-transition: -o-transform 0.35s ease-out 0s; transition: transform 0.35s ease-out 0s; z-index: 1080; position: absolute; bottom: 0; right: 0; left: 0}.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent}.slick-list{ position: relative; overflow: hidden; display: block; 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; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto} .slick-track:before,.slick-track:after{ content: ""; display: table} .slick-track:after{ clear: both} .slick-loading .slick-track{ visibility: hidden}.slick-slide{ float: left; height: 100%; min-height: 1px; display: none} [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}#map{ width: 100%; height: auto; z-index: 1; padding-bottom: 60px}.overlay h4{ font-size: 24px; color: #FFF; top: 50%; position: absolute; left: 0; right: 0; text-align: center; text-transform: uppercase}#map #wybierz_pp h4{ text-align: left}.material-icons{ font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'}#pane-order-form > div.content-columns:nth-child(2){ margin-bottom: 0}#map_inside{ position: relative; overflow: hidden; height: 100%; box-sizing: border-box}#map > div#container{ height: 100%; box-sizing: border-box; overflow: hidden}#form-search-container{ position: relative; border: 1px solid #cbcbcb; margin-bottom: 0; height: 44px; padding-left: 0; display: grid; grid-template-columns: 32px 1fr}#box.wide{ width: auto}#form-search-container input{ border: none; outline: 0; width: 100%; box-sizing: border-box}#form-search-container label{ font-size: 14px}#map .icons{ color: #c3c3c3; font-size: 30px}#map .btn-show-lists{ height: 30px; padding: 5px 10px; padding-left: 0}#map .btn-show-lists .icon-menu{ position: absolute}#map .btn-show-lists span{ padding-left: 35px; line-height: 30px}#map.error label.error{ display: block}#form-search-container .icon-search{ position: static; top: 10px; left: 10px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH}.form-control-input #kod{ display: block; background: #fff; border: 1px solid #cbcbcb; padding: 8px 16px; width: 100%; height: 48px; font-size: 14px; -webkit-appearance: none; border-radius: 2px; line-height: 18px; color: #0d0d0d; padding: 16px 32px 8px 16px; padding-left: 49px}#podpowiedzi{ border: 1px dotted #bbb; border-top: 0; margin-top: -10px; padding: 0; display: none; background-color: #fff; margin-bottom: 10px}#podpowiedzi ul{ list-style: none; margin: 0; padding: 0}#podpowiedzi li{ padding: 15px; border-bottom: 1px solid silver; cursor: pointer}#map_canvas{ height: 30vw; max-height: 100%; width: 100%; z-index: 1; min-height: 360px}.icon-search{ cursor: pointer}.leaflet-container a.leaflet-popup-close-button{ display: none}#map .leaflet-marker-icon{ cursor: pointer}@media screen and (min-width: 0) and (max-width: 767px){ #poczta_miejsca{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; background-color: #fff; border: 1px solid silver; overflow-y: scroll; display: none} #box{ width: 100%} .has-float-label input:placeholder-shown:not(:focus) + *{ font-size: 125%; top: 0.5em} .overlay h4{ top: 35%}}@media screen and (min-width: 768px){ #poczta_miejsca{ position: absolute; top: 0; left: 0; height: 100%; width: 300px; z-index: 2; background-color: #fff; border: 1px solid silver; overflow-y: scroll; display: none} #box{ position: relative; margin: 0 auto; height: 100%; overflow: auto}}#poczta_miejsca::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5}#poczta_miejsca::-webkit-scrollbar{ width: 6px; background-color: #F5F5F5}#poczta_miejsca::-webkit-scrollbar-thumb{ background-color: #000}#poczta_miejsca div{ padding: 10px; position: relative}#poczta_miejsca .button{ background-color: transparent; box-sizing: border-box; height: 100%; position: absolute; top: 0; left: 0; text-indent: -99999px; margin: 0}#poczta_miejsca div:hover{ background-color: #ededed}.pp_nazwa{ font-weight: bold; display: block; margin-bottom: 6px}.wybierz_pp{ width: 100%; border: 0; cursor: pointer; text-align: center; color: #fff; padding: 5px; font-weight: bold; margin-top: 8px; background: #313131; border-top: 1px solid silver; outline: 0}#poczta_miejsca > div:first-child .wybierz_pp{ border-top: 0}#wybierz_pp .ico-pni{ display: none}.pp_pni,.leaflet-popup-content .pp_pni{ margin: 0}.pp_pni{ position: relative; padding-left: 46px}.ico-pni{ width: 36px; height: 41px; display: inline-block; position: absolute; left: 0; top: 15px}.ico-orlen{ background-image: url(/scripts/images/marker-icon-orlen.png)}.ico-poczta{ background-image: url(/scripts/images/marker-icon-poczta.png)}.ico-zabka{ background-image: url(/scripts/images/marker-icon-zabka.png)}.ico-ruch{ background-image: url(/scripts/images/marker-icon-ruch.png)}.btn-show-lists{ cursor: pointer; display: none}.overlay{ background: rgba(128,128,128,0.6196078431); height: 30vw; max-height: 100%; width: 100%; z-index: 5; min-height: 360px; position: absolute}#map_inside .leaflet-popup-content-wrapper{ display: none}#map_inside .leaflet-popup-tip-container{ display: none}#map_inside .leaflet-popup-tip{ display: none}.point-info-popup{ position: absolute; left: 50%; bottom: 50%; transform: translate(-50%,50%); width: 260px; background: #fff; box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.1); transition: all .6s ease; z-index: 100; min-width: 200px; overflow: hidden; opacity: 0; visibility: hidden}.point-info-popup .button.wybierz_pp{ margin: 0; font-size: 14px; border-radius: 0; padding: 10px 0}.point-info-popup .pp_pni{ margin: 15px 15px 10px 15px}.point-info-popup .leaflet-popup-close-button{ cursor: pointer}.point-info-popup span.leaflet-popup-close-button{ position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma,Verdana,sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent}.point-info-popup.show{ opacity: 1; visibility: visible; transform: translate(-50%,50%)}@media screen and (max-width: 240px){ html{ -webkit-text-size-adjust: none} img{ display: none}}@media screen and (max-width: 1024px){ html{ -webkit-text-size-adjust: none} body{ -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear} img{ max-width: 100%; height: auto; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear}}@media (min-width: 980px){ #mwInCart .products-grid .product{ width: auto} #product-variant{ margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e1e1e1} .files-list-wrapper{ margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #e1e1e1} #page-container .blog-list .news-date, #page-container .news-list .news-date{ color: #777; margin-bottom: 10px}}@media (min-width: 813px) and (max-width: 979px){ .top-cookie{ width: 94%; margin: 0 3%} .top-level ul.menu li{ margin-right: 10px} .bottom-level ul.categories > li > a{ padding: 0 5px} .bottom-level ul.categories li:hover .submenu{ display: none !important} .bottom-level ul.categories > li:hover > a{ background-color: #ffbf3b} .producers{ margin-bottom: 40px; text-align: center} .producers .producer{ display: inline-block; float: none} .subtitle{ font-size: 24px; margin-bottom: 20px} .page-title{ font-size: 30px; margin-bottom: 20px} .load-more{ margin-bottom: 30px} .embed-container{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto} .embed-container iframe, .embed-container object, .embed-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%} #main-search-result{ left: auto; right: 0}}@media (min-width: 768px) and (max-width: 850px){ .bottom-level ul.categories li:hover .submenu{ display: none !important} .load-more{ margin-bottom: 30px}}@media (min-width: 460px) and (max-width: 767px){ .top-level ul.menu li:nth-child(5), .top-level ul.menu li:nth-child(6), .top-level ul.menu li:nth-child(7){ display: none}}@media (min-width: 460px) and (max-width: 812px){ .top-level ul.menu li:nth-child(6),.top-level ul.menu li:nth-child(5){ display: none} .top-level ul.menu li:nth-child(4){ display: none} .bottom-level ul.categories > li > h4 > a{ line-height: 30px} .social-sidebar{ display: none} .bottom-level{ display: none} .top-level .container{ width: 100%; margin: 0} .top-level ul.menu li{ margin-right: 8px; padding-right: 7px} .top-level ul.menu li > a{ font-size: 1vw} .top-level ul.menu span{ padding: 0 10px} .top-level ul.menu span a{ padding-right: 30px; background: url(/templates/swiezo2020/img/category-menu-mobile.png) right center no-repeat} .bottom-level{ height: auto} .bottom-level ul.categories{ -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; padding: 15px 0} .bottom-level ul.categories > li > a{ line-height: 1; padding: 2% 3%; font-size: 16px} .bottom-level ul.categories > li:nth-child(-n+5) > a{ padding: 2% 3%; font-size: 16px} .bottom-level ul.categories > li{ float: none} .bottom-level ul.categories li:hover .submenu{ display: none !important} .bottom-level ul.categories > li:hover > a{ background-color: #ffbf3b} .producers{ margin-bottom: 40px; text-align: center} .producers .producer{ display: inline-block; float: none} .subtitle{ font-size: 24px; margin-bottom: 20px} .page-title{ font-size: 30px; margin-bottom: 20px} .category-desc{ font-size: 16px; line-height: 1.3; margin-bottom: 20px} .category-sorting .sort label{ white-space: nowrap} .load-more{ margin-bottom: 30px} .embed-container{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto} .embed-container iframe, .embed-container object, .embed-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%} .form-gray{ max-width: 100%} .page-title .basket-info{ display: none} .table{ font-size: 1vw} #div_promo_code{ text-align: center} #div_promo_code form{ padding: 0 2%; position: relative; padding-top: 46px; width: 96%} #div_promo_code form p{ position: absolute; width: 100%; top: 0; text-align: center; float: none; margin-top: 0} #div_promo_code .inputs{ width: 100%} #div_promo_code form input[type=text]{ font-size: 12px; display: block; float: left; width: 60%; margin-right: 5%; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box} #div_promo_code form button, #div_promo_code form input[type=submit]{ font-size: 12px; display: block; float: left; width: 35%; padding: 12px 0; text-align: center} #div_promo_code form label.error-label{ right: 41%} #div_promo_code .message{ display: inline-block; margin: 10px 0 0 0; white-space: nowrap; width: auto; text-align: center} #main-search-result{ width: 90%}}@media (max-width: 459px){ .product-info .meta-info .label{ text-align: left} .modal-body img{ display: none !important} .social-sidebar{ display: none} .basket-order-summary .lista-zamowionych-produktow{ width: 100%} #https span{ display: none} .load-more button:first-child{ float: left; padding: 10px 15px} .load-more button:last-child{ float: right; padding: 10px 15px} .top-menu #jezyki{ margin-left: 10px} .producers{ margin-bottom: 40px; text-align: center} .producers .producer{ display: inline-block; float: none} .subtitle{ font-size: 24px; margin-bottom: 20px} .breadcrumb{ display: none} .page-title{ font-size: 20px; margin-bottom: 20px} .category-desc{ font-size: 16px; line-height: 1.3; margin-bottom: 20px; text-align: center} .category-sorting .sort label{ white-space: nowrap} .load-more{ margin-bottom: 30px; overflow: auto} .embed-container{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto} .embed-container iframe, .embed-container object, .embed-container embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%} #product-nav .left, #product-nav .right{ float: none; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box} #product-nav .left{ margin-bottom: 10px} .page-title .basket-info{ display: none} .modal{ top: 40%; left: 5%; width: 90%; margin: -150px 0 0 0} .table{ font-size: 13px} #div_promo_code{ text-align: center} #div_promo_code form{ padding: 0 2%; position: relative; padding-top: 46px; width: 96%} #div_promo_code form p{ position: absolute; width: 100%; top: 0; text-align: center; float: none; margin-top: 0} #div_promo_code .inputs{ width: 100%} #div_promo_code form input[type=text]{ font-size: 12px; display: block; float: left; width: 100%; margin-right: 0; margin-bottom: 10px} #div_promo_code form button, #div_promo_code form input[type=submit]{ font-size: 14px; display: block; float: left; width: 100%; padding: 12px 0; text-align: center} #div_promo_code form label.error-label{ display: block; margin: 0 0 10px 0; float: left; width: 100%; padding: 8px 0; position: static} #div_promo_code .message{ display: inline-block; margin: 10px 0 0 0; width: auto} #main-search-result{ width: 100%; padding: 10px 0} #formularz-opinii .label-group{ width: 100%} #formularz-opinii .input-group{ width: 100%} .herbatki-promocja .photo{ display: none} .herbatki-promocja .opcje{ width: 100%} .herbatki-promocja .opcje .left{ padding-right: 80px}}@media (max-width: 360px){ .social-sidebar{ display: none}}@media (max-width: 959px){ .top-level ul.menu li > a:hover{ text-decoration: none} .bottom-level .subcategories-list li a:hover{ text-decoration: none; color: #000; background-color: #FFF} .breadcrumb a:hover{ text-decoration: none} .products-grid .product h2 a:hover{ text-decoration: none} .product-info .meta-info .value a:hover{ text-decoration: none} .product-info .meta-info button:hover{ background-color: #cf0a2c} .horizontal-form .input-group a:hover{ text-decoration: none} .horizontal-form .button:hover{ background-color: #fd7400} .message .link:hover{ text-decoration: none} .static-page a:hover{ color: #cf0a2c} .table a:hover{ color: #cf0a2c}} :root{ --df-layer-animation-duration: 0.3s !important} h1,h2,h3,h4,h5{ font-weight: 500; font-family: "Montserrat"} p{ line-height: 1.5; margin-bottom: 1.143em} .btn.dodaj_do_koszyka{ font-size: 16px; margin: 10px; line-height: 1; display: block; padding: 12px; transition: background .15s ease-out; text-transform: uppercase; color: #157F38; border: none; border-radius: 5px; background-color: #FFF; text-align: center; border: 1px solid #157F38; font-weight: 600} .product-desc ul.profil{list-style: none;padding: 0;margin: 0} .product-desc ul.profil li{padding: 8px 0;font-size: 1.1em;display: flex;align-items: flex-start} .product-desc ul.profil svg{margin-right: 12px;font-size: 1.2em;min-width:32px;height: 32px} #main-search-result{z-index: 1000} .top-menu ul{z-index: 1000} #cc-icon{bottom: 90px !important} #cc-icon img{width: 50px !important;height: 50px !important} .product-title h1,.product-title h2,.kategoria h2,.products-grid .product h1,.products-grid .product h2,.products-grid .product h3{font-weight: 500;font-family: "Montserrat"} .product-info .meta-info .row{font-size: 16px} #boxinfo{max-width: 100%;margin-bottom: 0 !important;box-shadow: none} #boxinfo p{color: #555} .basket-cart .photo img{width: 100%} .basket-cart *{font-size: 18px;font-weight: 500} .mm-listitem a em{font-weight: bold !important;font-style: normal;color: red !important} body.sticky #new-menu{top: 60px} @media (min-width: 600px){.home-header{grid-template-columns: repeat(2,1fr)}} #top{padding-top: 10px} #top .top-basket strong{background-color: #e76f51;color: #FFF !important} .products-grid .product{ display: block; background-clip: border-box; background-color: rgb(251 251 251); border: .0625rem solid rgba(0,0,0,.125); border-radius: .625rem; position: relative; overflow: hidden; padding-bottom: 66px} .products-grid .mobile-link span.bprodukt{ width: 100%; padding: 10px 0 !important} .products-grid .product.post{ padding-bottom: 0} .products-grid .product .photo{ height: auto !important} .products-grid .product .entry{ margin-bottom: 16px} .products-grid .product .entry h2{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 90px} .products-grid .product .entry .meta .price h4,.products-grid .product .entry .meta .price h5{ display: inline-block} .products-grid .product .rating{ text-align: center; position: absolute; bottom: 16px; left: 10px; right: 10px; margin: 0; width: auto; display: block} .product .promo-price{ display: block; min-height: 1em; color: #888; text-decoration: line-through; font-size: 0.9em; visibility: hidden; margin-top: 4px} .product .promo-price:not(:empty){ visibility: visible} .products-grid .product .entry .meta .price .h4,.products-grid .product .entry .meta .price .h5{ display: inline-block} #new-menu .first-level>li>ul.second-level>li{ padding: 0 !important} #new-menu .first-level>li>ul.second-level>li a{ display: block; cursor: pointer} .products-grid .product h3{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: calc(1em* 2.4); line-height: 1.2em} .product .rating .ocena{ display: block; min-height: 1.2em; visibility: hidden} .product .rating .ocena:not(:empty){ visibility: visible} @media (min-width: 1024px) and (max-width: 1920px){ #new-menu .second-level > li a{ padding: 0 1vw}} @media (min-width: 1024px) and (max-width: 1650px){ #new-menu .second-level > li a{ padding: 0 1vw}} @media (min-width: 1024px){ #new-menu .first-level > li > ul.second-level > li a{ padding: 0 1.4vw; cursor: pointer}} @media (min-width: 1024px){ #new-menu .first-level > li > ul.second-level > li a{ padding: 0 1.3vw}} body{ background-color: #FFF} body.koszyk #top{ border-bottom: 0; margin-bottom: 0} #attr-list select{ -webkit-appearance: none; appearance: none; background-color: #fff; border: 1px solid #c0c0c0; border-radius: 4px; height: 40px; padding: 0 40px 0 12px; font-size: 14px; font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; line-height: 40px; color: #000; cursor: pointer; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'/></svg>"); background-repeat: no-repeat; background-position: right 12px center; background-size: 18px; transition: border-color 0.2s ease,box-shadow 0.2s ease} #attr-list select:hover{ border-color: #999} #attr-list select:focus{ outline: none; border-color: #5b9dd9; box-shadow: 0 0 0 1px #5b9dd9} #attr-list select::-ms-expand{ display: none}#search-query::placeholder{ color: #555; opacity: 1}#search-query::-ms-input-placeholder{ color: #555}#search-query:-ms-input-placeholder{ color: #555}.basket-text strong,.basket-text a{ color: #000 !important}.copyright-wrapper,.copyright-wrapper a{ color: #444}.header-basket a,.header-basket strong{ color: #111 !important}#search-query::placeholder{ color: #555; opacity: 1}#search-query::-ms-input-placeholder{ color: #555}#search-query:-ms-input-placeholder{ color: #555}.footer-links a,.copyright-wrapper,.copyright-wrapper a{ color: #333} .bottom-nav-item .icon svg{ fill: #f60 !important} .maindesc{ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color: #333; line-height: 1.2; margin: 0 auto} .maindesc h1,.maindesc h2,.maindesc h3{ font-weight: 700; color: #000; margin-top: 1.5em; margin-bottom: 0.3em; line-height: 1.2} .maindesc h1{ font-size: 1.6em !important; border-bottom: 2px solid #f0f0f0; padding-bottom: 0.3em} .maindesc h2{ font-size: 1.2em} .maindesc h3{ font-size: 1.0em} .maindesc p{ margin-bottom: 1.2em; font-size: 0.85em} .maindesc a{ color: #6a2c70; text-decoration: none; font-weight: 600; transition: color 0.3s ease,border-bottom 0.3s ease; border-bottom: 1px dotted #6a2c70} .maindesc a:hover{ color: #4a1e4f; border-bottom: 1px solid #4a1e4f} .maindesc ul{ list-style: none; padding-left: 20px; margin-bottom: 1.5em; font-size: 0.75em} .maindesc ul li{ padding-left: 25px; position: relative; margin-bottom: 0.8em} .maindesc ul li::before{ content: '&#9749;'; position: absolute; left: 0; top: 0; font-size: 1.2em; color: #6a2c70} .maindesc strong{ font-weight: 700; color: #000} @media (max-width: 768px){ .maindesc h1{ font-size: 1.7em} .maindesc h2{ font-size: 1.4em} .maindesc h3{ font-size: 1.15em} .maindesc p,.maindesc ul{ font-size: 0.9em} .maindesc{ padding: 15px}} .products-grid .product h1,.products-grid .product h2,.products-grid .product h3{ font-weight: 400} body.koszyk .main-menu,body.koszyk #top .search-col,body.koszyk .column-cart,body.koszyk .breadcrumb,body.koszyk #column-cart{ display: initial} #top .search-col #main-search{ max-width: 100%; width: auto; height: fit-content} .newsletter-wrapper{ padding: 15px} .newsletter-form form{ padding: 0} #footer .container-flex{ margin-bottom: 10px; padding-bottom: 10px} .footer-wrapper{ padding: 40px 0; padding-bottom: 10px} #top .search-col{ display: grid} @media (max-width: 1024px){ #top .search-col .nav-toggle{ display: none}} #scrollToTopBtn{ position: fixed; bottom: 90px; right: 20px; z-index: 1050; opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease; width: 50px; height: 50px; border-radius: 50%; background-color: #359444; border: none; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center} #scrollToTopBtn.is-visible{ opacity: 1; visibility: visible; transform: translateY(0)} #scrollToTopBtn:hover{ background-color: #2a7d37} #scrollToTopBtn:focus-visible{ outline: 3px dotted #FFF; outline-offset: 2px} #new-menu .first-level .active .second-level.producenci{ display: grid; grid-template-columns: repeat(10,1fr); width: 96%; background-color: #4CAF50; padding: 0 2%; grid-gap: 5px; margin: 0; list-style: none} #new-menu .first-level .active .second-level.producenci li{ max-width: 100px; overflow: hidden} #new-menu .first-level .active .second-level.producenci li a{ padding: 0 !important; line-height: 22px; font-size: calc(0.65rem + 0.15vw)} #produkty-wybrane div.h3{ font-size: 22px; margin-bottom: 24px; font-family: "Inter",Arial,Helvetica,sans-serif; font-weight: 600; color: #000; line-height: 1} #produkty-wybrane div li h2{ font-weight: 400; font-size: 16px} .products-grid .product .entry .h2{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 90px; font-size: 18px; line-height: 1.2; margin-bottom: 14px; text-align: center; font-weight: 500; font-family: "Montserrat"} @media (min-width: 1024px){ #new-menu .first-level{ border-bottom: 1px solid #46bc59; display: flex; justify-content: space-between; width: 100%; flex-wrap: nowrap} #new-menu .first-level > li{ flex: 1 1 0; text-align: center; white-space: nowrap} #new-menu .first-level > li > a{ padding: 0 1vw; display: block; font-size: calc(0.7rem + 0.2vw); overflow: hidden; text-overflow: ellipsis; padding: 0 0.5vw; font-size: calc(0.65rem + 0.15vw)} @media (max-width: 1024px){ #new-menu .first-level li a{ padding: 0 0.5vw; font-size: calc(0.65rem + 0.15vw)}}} #popUpBox{ display: none !important} a:focus-visible{ outline: 2px dotted #359444} input:focus-visible{ background-color: #359444} .products-grid a{ color: #000} .product-info .photos .main-photo a img{ max-height: 720px} .products-grid .product .photo{ height: 300px} #new-menu .submenu .maindesc .photo{ text-align: right} #new-menu .submenu .maindesc .photo img{ width: 50%; height: 50%} .blog-list .meta{ padding: 0} .mm-menu_offcanvas{ z-index: 10} #top{ grid-gap: 10px 0} .top-menu ul+ul{ margin-top: 0} .top-menu ul.blog-top{ display: none} .products-grid .product .price .promo-price{ color: #3D3D3D} .services .col{ font-size: 12px; line-height: 1.3; display: block; text-align: center; text-transform: uppercase; color: #157F38} #footer .container-flex .col.first .h4{ grid-column: 1 / span 4} #footer .h4{ font-size: 19px; font-weight: bold; line-height: 1; margin-bottom: 24px; text-transform: uppercase; color: #222} #footer .container-flex .col.contact .h5{ font-size: 27px; font-weight: bold; margin-bottom: 5px} #footer .container-flex .col.contact .h5,#footer .container-flex .col.contact span{ line-height: 1; display: block} #footer .container-flex .col.contact .h5 a{ color: #D00000} #footer .container-flex .col li{ margin: 5px 0} #footer *,#footer .container-flex .col a,#footer .container-flex .col .pseudolink{ color: #4A4A4A} @media (min-width: 769px){ #top{ grid-gap: 10px 64px} .top-menu ul.blog-top{ display: flex} .menu-wrap{ height: auto} #new-menu .first-level .active .second-level{ display: flex; top: 49px} .first-level:hover + #new-menu .first-level .active .second-level{ display: flex}} @media (min-width: 1024px){ #new-menu .first-level>li>ul.second-level>li{ padding: 0 1.3vw; cursor: pointer} #new-menu .first-level>li>ul.second-level>li>a{ font-size: 14px} .promo.swieta a em{ background-image: url(https://swiezopalona.pl/templates/swiezo2020/img/red-star.svg) !important; background-position-x: left; background-position-y: center; background-size: revert-layer} .promo.swieta a:hover em{ filter: brightness(0) invert(1)}} @media (min-width: 1830px){ #new-menu .first-level>li>a{ padding: 0 1.29vw; font-size: 0.8vw !important}} @media (min-width: 2100px){ #new-menu .first-level>li>a{ padding: 0 1.0vw; font-size: 0.75vw !important}} @media (min-width: 2190px){ #new-menu .first-level>li>a{ padding: 0 1.0vw; font-size: 0.65vw !important}} @media (min-width: 2630px){ #new-menu .first-level>li>a{ padding: 0 0.5vw; font-size: 0.60vw !important}} @media (min-width: 3330px){ #new-menu .first-level>li>a{ padding: 0 0.4vw; font-size: 0.50vw !important}} .producenci-lista-grid{ display: grid; grid-template-columns: repeat(5,1fr); gap: 6px 20px; list-style-type: none; padding: 0; margin: 0} .producenci-lista-grid li{} .mobile-hamburger-cb, .mobile-panel-nav-cb{ display: none} .main-navbar{ background-color: #343a40; color: #f8f9fa; padding: 0 15px; height: 50px; box-sizing: border-box; display: flex; align-items: center} .main-navbar .desktop-menu-wrapper{ display: none} @media (min-width: 992px){ .main-navbar .sticky-logo{ display: none; flex: 0 0 auto; margin-right: 25px} .main-navbar.is-sticky .sticky-logo{ display: block} .main-navbar .sticky-logo img{ height: 40px; width: auto; display: block} .main-navbar ul.level-1-desktop > li.sticky-logo > a{ padding: 5px 0; border-right: none} .main-navbar ul.level-1-desktop > li.sticky-logo:hover > a{ background-color: transparent} .main-navbar{ margin-bottom: 20px; position: -webkit-sticky; position: sticky; top: -1px; z-index: 990; background-color: #343a40; width: 100%} .main-navbar .desktop-menu-wrapper{ display: block; width: 100%; max-width: 1600px; margin-left: auto; margin-right: auto} .mobile-drilldown-menu-wrapper,.bottom-mobile-nav{ display: none !important} body{padding-bottom: 0 !important} .main-navbar ul.level-1-desktop{ list-style: none;margin: 0;padding: 0;display: flex; flex-wrap: wrap;width: 100%;position: relative; align-items: center} .main-navbar ul.level-1-desktop > li{ flex-grow: 1;text-align: center;position: static} .main-navbar ul.level-1-desktop > li > a{ display: block;padding: 15px 10px;color: #f8f9fa; text-decoration: none;font-weight: 500;font-size: 14px; transition: background-color 0.2s ease,color 0.2s ease; border-right: 1px solid #495057;white-space: nowrap} .main-navbar ul.level-1-desktop > li:last-child > a{border-right: none} .main-navbar ul.level-1-desktop > li:hover > a, .main-navbar ul.level-1-desktop > li > a:focus{ background-color: #495057;color: #FFF} .mega-menu-dropdown{ display: none;position: absolute;top: 100%;left: 0;width: 100%; background-color: #FFF;border: 1px solid #dee2e6;border-top: none; box-shadow: 0 8px 16px rgba(0,0,0,0.1);z-index: 1000; padding: 25px 30px;box-sizing: border-box;text-align: left;min-height: 200px} .main-navbar ul.level-1-desktop > li:hover .mega-menu-dropdown{ display: flex;flex-wrap: wrap} .mega-menu-column{ flex: 1 1 200px;min-width: 180px;padding: 0 15px; box-sizing: border-box;margin-bottom: 20px} .mega-menu-column:not(:last-child):not(.no-border){border-right: 1px solid #e9ecef} .mega-menu-column .h4,.mega-menu-column .h4 a{ margin-top: 0;margin-bottom: 12px;font-size: 16px;color: #198754; font-weight: 600;padding-bottom: 8px} .mega-menu-column .h4{ border-bottom: 2px solid #20c997} .mega-menu-column ul{list-style: none;padding: 0;margin: 0} .mega-menu-column ul li{position: relative} .mega-menu-column ul li a{ display: block;padding: 8px 5px;margin: 1px 0;color: #495057; text-decoration: none;font-size: 14px;border-radius: 3px} .mega-menu-column ul li a:hover, .mega-menu-column ul li.has-l4-submenu:hover > a{ color: #198754;background-color: #e9ecef} .l4-submenu-panel{ display: none;position: absolute;top: -1px;left: calc(100% + 1px); min-width: 200px;background-color: #fff;border: 1px solid #dee2e6; box-shadow: 4px 4px 10px rgba(0,0,0,0.08);padding: 15px 20px; z-index: 1001;box-sizing: border-box} .mega-menu-column:last-of-type ul li.has-l4-submenu .l4-submenu-panel, .mega-menu-column.no-border ul li.has-l4-submenu .l4-submenu-panel{ left: auto;right: calc(100% + 1px)} .mega-menu-column ul li.has-l4-submenu:hover > .l4-submenu-panel{display: block} .l4-submenu-panel .h5{margin-top: 0;margin-bottom: 10px;font-size: 15px;color: #198754;font-weight: 600} .l4-submenu-panel ul{list-style: none;padding: 0;margin: 0} .l4-submenu-panel ul li a{ display: block;padding: 7px 5px;margin: 1px 0;color: #495057; text-decoration: none;font-size: 14px;border-radius: 3px} .l4-submenu-panel ul li a:hover{color: #198754;background-color: #f0f3f5}} @media (max-width: 991px){ .mobile-menu-panel ul.producenci-lista-grid{ display: block; grid-template-columns: unset; gap: unset} .h5.panel-title{ margin: 0; font-size: 1.1em; color: #f8f9fa; flex-grow: 1; text-align: left; line-height: 50px; margin-left: 5px} .mobile-panel-list-item-wrapper a.has-l4-submenu,.user-menu,.main-navbar,#top .search-col .nav-toggle{display: none !important} body{padding-bottom: 60px} .main-navbar .desktop-menu-wrapper{ display: none !important} .mobile-drilldown-menu-wrapper,.bottom-mobile-nav{ display: block} .bottom-mobile-nav{ display: flex;justify-content: space-around;align-items: center; position: fixed;bottom: 0;left: 0;width: 100%;height: 60px; background-color: #343a40;color: #f8f9fa;box-shadow: 0 -2px 5px rgba(0,0,0,0.2); z-index: 1010} .bottom-nav-item{ display: flex;flex-direction: column;align-items: center; justify-content: center;text-decoration: none;color: inherit; flex-grow: 1;padding: 5px 0;transition: background-color 0.2s ease;cursor: pointer} .bottom-nav-item:hover,.bottom-nav-item:focus, #mobile-hamburger-cb:checked + .bottom-mobile-nav .bottom-nav-item.hamburger-label{} #mobile-hamburger-cb:checked ~ nav.bottom-mobile-nav .bottom-nav-item.hamburger-label, .bottom-nav-item.hamburger-label:hover{ background-color: #495057} .bottom-nav-item .icon{font-size: 1.5em;margin-bottom: 3px} .bottom-nav-item .label{font-size: 0.7em;text-align: center} .mobile-panels-container{ position: fixed;top: 0;left: -100%;width: 100vw;height: 100vh; background-color: #343a40;z-index: 1005; transition: left 0.3s ease-in-out; overflow: hidden} #mobile-hamburger-cb:checked ~ .mobile-drilldown-menu-wrapper .mobile-panels-container{ left: 0} .mobile-menu-panel{ position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-color: #343a40; transform: translateX(100%); transition: transform 0.3s ease-in-out; padding-top: 50px; box-sizing: border-box; overflow-y: auto; z-index: 1} .mobile-menu-panel.is-visible{ transform: translateX(0); z-index: 10} .mobile-panel-header{ display: flex;align-items: center;padding: 0 15px;height: 50px; background-color: #2c3034;border-bottom: 1px solid #495057; position: absolute;top: 0;left: 0;width: 100%;box-sizing: border-box;z-index: 5} .mobile-panel-header .panel-back-label{ font-size: 1.8em;color: #f8f9fa;cursor: pointer;padding: 0 15px 0 0;line-height: 50px} .mobile-panel-header .panel-title{ margin: 0;font-size: 1.1em;color: #f8f9fa;flex-grow: 1;text-align: left;line-height: 50px} .mobile-panel-header .panel-title a{color: inherit;text-decoration: none} .mobile-panel-list{ list-style: none;padding: 0;margin: 0} .mobile-panel-list li{border-bottom: 1px solid #495057} .mobile-panel-list li:last-child{border-bottom: none} .mobile-panel-list-item-wrapper{ display: flex;align-items: center;justify-content: space-between} .mobile-panel-list-item-wrapper .a,.mobile-panel-list-item-wrapper a, .mobile-panel-list-item-wrapper .item-link-no-submenu{ display: block;padding: 15px;color: #f8f9fa;text-decoration: none; font-size: 1em;flex-grow: 1} .mobile-panel-list-item-wrapper .panel-next-label{ font-size: 1.5em;color: #f8f9fa;cursor: pointer;padding: 15px;line-height: 1} .mobile-panel-list-item-wrapper a:hover, .mobile-panel-list-item-wrapper .panel-next-label:hover, .mobile-panel-header .panel-back-label:hover{ background-color: #495057} #mobile-cb-nav-kawa:checked ~ .mobile-panels-container #mobile-panel-l1{transform: translateX(-100%);z-index: 5} #mobile-cb-nav-kawa:checked ~ .mobile-panels-container #mobile-panel-l2-kawa{transform: translateX(0);z-index: 20} #mobile-cb-nav-herbata:checked ~ .mobile-panels-container #mobile-panel-l1{transform: translateX(-100%);z-index: 5} #mobile-cb-nav-herbata:checked ~ .mobile-panels-container #mobile-panel-l2-herbata{transform: translateX(0);z-index: 20} #mobile-cb-nav-akcesoria:checked ~ .mobile-panels-container #mobile-panel-l1{transform: translateX(-100%);z-index: 5} #mobile-cb-nav-akcesoria:checked ~ .mobile-panels-container #mobile-panel-l2-akcesoria{transform: translateX(0);z-index: 20} #mobile-cb-nav-na-slodko:checked ~ .mobile-panels-container #mobile-panel-l1{transform: translateX(-100%);z-index: 5} #mobile-cb-nav-na-slodko:checked ~ .mobile-panels-container #mobile-panel-l2-na-slodko{transform: translateX(0);z-index: 20} #mobile-cb-nav-kubki-filizanki:checked ~ .mobile-panels-container #mobile-panel-l1{transform: translateX(-100%);z-index: 5} #mobile-cb-nav-kubki-filizanki:checked ~ .mobile-panels-container #mobile-panel-l2-kubki-filizanki{transform: translateX(0);z-index: 20} #mobile-cb-nav-producenci:checked ~ .mobile-panels-container #mobile-panel-l1{transform: translateX(-100%);z-index: 5} #mobile-cb-nav-producenci:checked ~ .mobile-panels-container #mobile-panel-l2-producenci{transform: translateX(0);z-index: 20} #mobile-cb-nav-ksiazki:checked ~ .mobile-panels-container #mobile-panel-l1{transform: translateX(-100%);z-index: 5} #mobile-cb-nav-ksiazki:checked ~ .mobile-panels-container #mobile-panel-l2-ksiazki{transform: translateX(0);z-index: 20} #mobile-cb-nav-zestawy:checked ~ .mobile-panels-container #mobile-panel-l1{transform: translateX(-100%);z-index: 5} #mobile-cb-nav-zestawy:checked ~ .mobile-panels-container #mobile-panel-l2-zestawy{transform: translateX(0);z-index: 20} #mobile-cb-nav-kawa-rodzaj:checked ~ .mobile-panels-container #mobile-panel-l2-kawa{transform: translateX(-100%);z-index: 15} #mobile-cb-nav-kawa-rodzaj:checked ~ .mobile-panels-container #mobile-panel-l3-kawa-rodzaj{transform: translateX(0);z-index: 30} #mobile-cb-nav-kawa-rodzaj-arabica:checked ~ .mobile-panels-container #mobile-panel-l3-kawa-rodzaj{transform: translateX(-100%);z-index: 25} #mobile-cb-nav-kawa-rodzaj-arabica:checked ~ .mobile-panels-container #mobile-panel-l4-kawa-rodzaj-arabica{transform: translateX(0);z-index: 40} #mobile-cb-nav-kawa-rodzaj-mieszanki:checked ~ .mobile-panels-container #mobile-panel-l3-kawa-rodzaj{transform: translateX(-100%);z-index: 25} #mobile-cb-nav-kawa-rodzaj-mieszanki:checked ~ .mobile-panels-container #mobile-panel-l4-kawa-rodzaj-mieszanki{transform: translateX(0);z-index: 40} #mobile-cb-nav-kawa-stopien:checked ~ .mobile-panels-container #mobile-panel-l2-kawa{transform: translateX(-100%);z-index: 15} #mobile-cb-nav-kawa-stopien:checked ~ .mobile-panels-container #mobile-panel-l3-kawa-stopien{transform: translateX(0);z-index: 30} #mobile-cb-nav-kawa-stopien-srednio:checked ~ .mobile-panels-container #mobile-panel-l3-kawa-stopien{transform: translateX(-100%);z-index: 25} #mobile-cb-nav-kawa-stopien-srednio:checked ~ .mobile-panels-container #mobile-panel-l4-kawa-stopien-srednio{transform: translateX(0);z-index: 40} #mobile-cb-nav-kawa-metoda:checked ~ .mobile-panels-container #mobile-panel-l2-kawa{transform: translateX(-100%);z-index: 15} #mobile-cb-nav-kawa-metoda:checked ~ .mobile-panels-container #mobile-panel-l3-kawa-metoda{transform: translateX(0);z-index: 30} #mobile-cb-nav-kawa-pochodzenie:checked ~ .mobile-panels-container #mobile-panel-l2-kawa{transform: translateX(-100%);z-index: 15} #mobile-cb-nav-kawa-pochodzenie:checked ~ .mobile-panels-container #mobile-panel-l3-kawa-pochodzenie{transform: translateX(0);z-index: 30} #mobile-cb-nav-herbata-rodzaj:checked ~ .mobile-panels-container #mobile-panel-l2-herbata{transform: translateX(-100%);z-index: 15} #mobile-cb-nav-herbata-rodzaj:checked ~ .mobile-panels-container #mobile-panel-l3-herbata-rodzaj{transform: translateX(0);z-index: 30} #mobile-cb-nav-herbata-rodzaj-czarna:checked ~ .mobile-panels-container #mobile-panel-l3-herbata-rodzaj{transform: translateX(-100%);z-index: 25} #mobile-cb-nav-herbata-rodzaj-czarna:checked ~ .mobile-panels-container #mobile-panel-l4-herbata-rodzaj-czarna{transform: translateX(0);z-index: 40} #mobile-cb-nav-herbata-rodzaj-zielona:checked ~ .mobile-panels-container #mobile-panel-l3-herbata-rodzaj{transform: translateX(-100%);z-index: 25} #mobile-cb-nav-herbata-rodzaj-zielona:checked ~ .mobile-panels-container #mobile-panel-l4-herbata-rodzaj-zielona{transform: translateX(0);z-index: 40} #mobile-cb-nav-herbata-forma:checked ~ .mobile-panels-container #mobile-panel-l2-herbata{transform: translateX(-100%);z-index: 15} #mobile-cb-nav-herbata-forma:checked ~ .mobile-panels-container #mobile-panel-l3-herbata-forma{transform: translateX(0);z-index: 30} #mobile-cb-nav-akcesoria-kawa:checked ~ .mobile-panels-container #mobile-panel-l2-akcesoria{transform: translateX(-100%);z-index: 15} #mobile-cb-nav-akcesoria-kawa:checked ~ .mobile-panels-container #mobile-panel-l3-akcesoria-kawa{transform: translateX(0);z-index: 30} #mobile-cb-nav-akcesoria-herbata:checked ~ .mobile-panels-container #mobile-panel-l2-akcesoria{transform: translateX(-100%);z-index: 15} #mobile-cb-nav-akcesoria-herbata:checked ~ .mobile-panels-container #mobile-panel-l3-akcesoria-herbata{transform: translateX(0);z-index: 30} #mobile-cb-nav-na-slodko-czekolady:checked ~ .mobile-panels-container #mobile-panel-l2-na-slodko{transform: translateX(-100%);z-index: 15} #mobile-cb-nav-na-slodko-czekolady:checked ~ .mobile-panels-container #mobile-panel-l3-na-slodko-czekolady{transform: translateX(0);z-index: 30} #mobile-cb-nav-na-slodko-syropy:checked ~ .mobile-panels-container #mobile-panel-l2-na-slodko{transform: translateX(-100%);z-index: 15} #mobile-cb-nav-na-slodko-syropy:checked ~ .mobile-panels-container #mobile-panel-l3-na-slodko-syropy{transform: translateX(0);z-index: 30} #mobile-cb-nav-kubki-filizanki-kubki:checked ~ .mobile-panels-container #mobile-panel-l2-kubki-filizanki{transform: translateX(-100%);z-index: 15} #mobile-cb-nav-kubki-filizanki-kubki:checked ~ .mobile-panels-container #mobile-panel-l3-kubki-filizanki-kubki{transform: translateX(0);z-index: 30} #mobile-cb-nav-kubki-filizanki-filizanki:checked ~ .mobile-panels-container #mobile-panel-l2-kubki-filizanki{transform: translateX(-100%);z-index: 15} #mobile-cb-nav-kubki-filizanki-filizanki:checked ~ .mobile-panels-container #mobile-panel-l3-kubki-filizanki-filizanki{transform: translateX(0);z-index: 30} #mobile-cb-nav-kubki-filizanki-termosy:checked ~ .mobile-panels-container #mobile-panel-l2-kubki-filizanki{transform: translateX(-100%);z-index: 15} #mobile-cb-nav-kubki-filizanki-termosy:checked ~ .mobile-panels-container #mobile-panel-l3-kubki-filizanki-termosy{transform: translateX(0);z-index: 30}} body{ background-color: #FFF} body.koszyk #top{ border-bottom: 0; margin-bottom: 0} .bottom-nav-item .icon svg{ fill: #f60 !important} .maindesc{ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color: #333; line-height: 1.2; margin: 0 auto} .maindesc h1,.maindesc h2,.maindesc h3{ font-weight: 700; color: #000; margin-top: 1.5em; margin-bottom: 0.3em; line-height: 1.2} .maindesc h1{ font-size: 1.6em !important; border-bottom: 2px solid #f0f0f0; padding-bottom: 0.3em} .maindesc h2{ font-size: 1.2em} .maindesc h3{ font-size: 1.0em} .maindesc p{ margin-bottom: 1.2em; font-size: 0.85em} .maindesc a{ color: #6a2c70; text-decoration: none; font-weight: 600; transition: color 0.3s ease,border-bottom 0.3s ease; border-bottom: 1px dotted #6a2c70} .maindesc a:hover{ color: #4a1e4f; border-bottom: 1px solid #4a1e4f} .maindesc ul{ list-style: none; padding-left: 20px; margin-bottom: 1.5em; font-size: 0.75em} .maindesc ul li{ padding-left: 25px; position: relative; margin-bottom: 0.8em} .maindesc ul li::before{ content: '\2615'; position: absolute; left: 0; top: 0; font-size: 1.2em; color: #6a2c70} .maindesc strong{ font-weight: 700; color: #000} @media (max-width: 768px){ .maindesc h1{ font-size: 1.7em} .maindesc h2{ font-size: 1.4em} .maindesc h3{ font-size: 1.15em} .maindesc p,.maindesc ul{ font-size: 0.9em} .maindesc{ padding: 15px}} .products-grid .product h1,.products-grid .product h2,.products-grid .product h3{ font-weight: 400} body.koszyk .main-menu,body.koszyk #top .search-col,body.koszyk .column-cart,body.koszyk .breadcrumb,body.koszyk #column-cart{ display: initial} #top .search-col #main-search{ max-width: 100%; width: auto; height: fit-content} .newsletter-wrapper{ padding: 15px} .newsletter-form form{ padding: 0} #footer .container-flex{ margin-bottom: 10px; padding-bottom: 10px} .footer-wrapper{ padding: 40px 0; padding-bottom: 10px} #top .search-col{ display: grid} @media (max-width: 1024px){ #top .search-col .nav-toggle{ display: none}} html{ scroll-behavior: smooth} #scrollToTopBtn{ position: fixed !important; bottom: 90px !important; right: 20px !important; z-index: 999999 !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(20px) !important; transition: opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease,background-color 0.2s ease !important; width: 50px !important; height: 50px !important; border-radius: 50% !important; background-color: #359444 !important; box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important; text-decoration: none !important; display: flex !important; align-items: center !important; justify-content: center !important} #scrollToTopBtn.is-visible{ opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important} #scrollToTopBtn:hover{ background-color: #2a7d37 !important} #new-menu .first-level .active .second-level.producenci{ display: grid; grid-template-columns: repeat(10,1fr); width: 96%; background-color: #4CAF50; padding: 0 2%; grid-gap: 5px; margin: 0; list-style: none} #new-menu .first-level .active .second-level.producenci li{ max-width: 100px; overflow: hidden} #new-menu .first-level .active .second-level.producenci li a{ padding: 0 !important; line-height: 22px; font-size: calc(0.65rem + 0.15vw)} #produkty-wybrane div.h3{ font-size: 22px; margin-bottom: 24px; font-family: "Inter",Arial,Helvetica,sans-serif; font-weight: 600; color: #000; line-height: 1} #produkty-wybrane div li h2{ font-weight: 400; font-size: 16px} .products-grid .product .entry .h2{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 60px; font-size: 18px; line-height: 1.2; margin-bottom: 14px; text-align: center; font-weight: 500; font-family: "Montserrat"} @media (min-width: 1024px){ #new-menu .first-level{ border-bottom: 1px solid #46bc59; display: flex; justify-content: space-between; width: 100%; flex-wrap: nowrap} #new-menu .first-level > li{ flex: 1 1 0; text-align: center; white-space: nowrap} #new-menu .first-level > li > a{ padding: 0 1vw; display: block; font-size: calc(0.7rem + 0.2vw); overflow: hidden; text-overflow: ellipsis; padding: 0 0.5vw; font-size: calc(0.65rem + 0.15vw)} @media (max-width: 1024px){ #new-menu .first-level li a{ padding: 0 0.5vw; font-size: calc(0.65rem + 0.15vw)}}} #popUpBox{ display: none !important} a:focus-visible{ outline: 2px dotted #359444} input:focus-visible{ background-color: #359444} .products-grid a{ color: #000} .product-info .photos .main-photo a img{ max-height: 720px} .products-grid .product .photo{ height: 300px} #new-menu .submenu .maindesc .photo{ text-align: right} #new-menu .submenu .maindesc .photo img{ width: 50%; height: 50%} .blog-list .meta{ padding: 0} .mm-menu_offcanvas{ z-index: 10} #top{ grid-gap: 10px 0} .top-menu ul+ul{ margin-top: 0} .top-menu ul.blog-top{ display: none} .products-grid .product .price .promo-price{ color: #3D3D3D} .services .col{ font-size: 12px; line-height: 1.3; display: block; text-align: center; text-transform: uppercase; color: #157F38} #footer .container-flex .col.first .h4{ grid-column: 1 / span 4} #footer .h4{ font-size: 19px; font-weight: bold; line-height: 1; margin-bottom: 24px; text-transform: uppercase; color: #222} #footer .container-flex .col.contact .h5{ font-size: 27px; font-weight: bold; margin-bottom: 5px} #footer .container-flex .col.contact .h5,#footer .container-flex .col.contact span{ line-height: 1; display: block} #footer .container-flex .col.contact .h5 a{ color: #D00000} #footer .container-flex .col li{ margin: 5px 0} #footer *,#footer .container-flex .col a,#footer .container-flex .col .pseudolink{ color: #4A4A4A} @media (min-width: 769px){ #top{ grid-gap: 10px 64px} .top-menu ul.blog-top{ display: flex} .menu-wrap{ height: auto} #new-menu .first-level .active .second-level{ display: flex; top: 49px} .first-level:hover + #new-menu .first-level .active .second-level{ display: flex}} @media (min-width: 1024px){ #new-menu .first-level>li>ul.second-level>li{ padding: 0 1.3vw; cursor: pointer} #new-menu .first-level>li>ul.second-level>li>a{ font-size: 14px} .promo.swieta a em{ background-image: url(https://swiezopalona.pl/templates/swiezo2020/img/red-star.svg) !important; background-position-x: left; background-position-y: center; background-size: revert-layer} .promo.swieta a:hover em{ filter: brightness(0) invert(1)}} @media (min-width: 1830px){ #new-menu .first-level>li>a{ padding: 0 1.29vw; font-size: 0.8vw !important}} @media (min-width: 2100px){ #new-menu .first-level>li>a{ padding: 0 1.0vw; font-size: 0.75vw !important}} @media (min-width: 2190px){ #new-menu .first-level>li>a{ padding: 0 1.0vw; font-size: 0.65vw !important}} @media (min-width: 2630px){ #new-menu .first-level>li>a{ padding: 0 0.5vw; font-size: 0.60vw !important}} @media (min-width: 3330px){ #new-menu .first-level>li>a{ padding: 0 0.4vw; font-size: 0.50vw !important}} .bw-item a{ color: red; display: block} .bw-item:hover a{ color: #FFF !important} #boxinfo{ font-weight:500; border-radius: 0; margin-bottom: 10px; padding: 5px 3px; background-color: #f7e156} #boxinfo p{ color: #000 !important; font-size: 15px} #boxinfo a{ color: #000 !important; text-decoration: underline; font-weight: 700; font-size: 15px}.producers-list{ grid-gap: 20px !important}.producers-list li a{ display: flex; align-items: center; gap: 15px; text-decoration: none; height: 100%}.producers-list li a img{ flex-shrink: 0; width: 96px; height: 96px; object-fit: contain}@media (max-width: 768px){ .producers-list li{ margin-bottom: 10px} .producers-list li a{ gap: 12px; align-items: flex-start} .producers-list li a img{ width: 65px; height: 65px} .producers-list li a span{ font-size: 14px; line-height: 1.4; margin-top: 5px}}@media (max-width: 768px){ .producers-list li a img{ width: 100px; height: 100px} .blog .blog-header-wrapper form .input-append{padding: 0 10px} .btn{ width: 100%; margin: 10px 0 !important; padding: 10px 0 !important}}.blog .products-grid .product .entry h2{min-height: auto}.blog .products-grid .product{padding-bottom: 0}#top .search-col button{padding: 0 !important}.seo-text-section{ margin-bottom: 2rem}.seo-text-section ul{ list-style: none; padding-left: 0; margin-bottom: 2rem}.seo-text-section ul li{ position: relative; padding-left: 30px; margin-bottom: 15px; line-height: 1.6}.seo-text-section ul li::before{ content: "✓"; position: absolute; left: 0; color: #157F38; font-weight: bold; font-size: 1.2em}.faq-module{ margin-top: 0rem; border-top: 1px solid #eaeaea; padding-top: 0rem}.faq-item{ border-bottom: 1px solid #eaeaea; padding: 15px 0}.faq-item summary{ font-size: 1.1em; font-weight: 600; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; color: #333}.faq-item summary::-webkit-details-marker{ display: none}.faq-item summary::after{ content: "+"; font-size: 1.5em; color: #157F38; transition: transform 0.3s ease}.faq-item[open] summary::after{ content: "−"}.faq-item p{ margin-top: 15px; color: #4A4A4A; line-height: 1.6}.products-grid .product{ padding-bottom: 0}.products-grid .product .h2,.products-grid .product .h3{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: calc(1em * 2.4); line-height: 1.2em; font-weight: 400; font-family: "Montserrat"; font-size: 18px; margin-bottom: 14px; text-align: center}.products-grid .product .rating{ position: static}@media (max-width: 768px){ .products-grid{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 15px; margin-bottom: 30px; box-sizing: border-box} .products-grid .product{ display: flex; flex-direction: column; width: 100%; box-sizing: border-box; padding-bottom: 10px} .products-grid .product .photo{ min-height: 150px} .products-grid .product .h2, .products-grid .product .h3{ font-size: 14px; min-height: 34px} .products-grid .product .meta .price .h4{ font-size: 16px} .products-grid > a:nth-child(n+5){ display: none !important}} .main-nav{ margin-bottom: 15px} .mobile-nav{ display: flex; width: 100%; list-style-type: none; padding: 0; margin: 0; overflow: hidden; margin-top: -5px} .mobile-nav li{ flex: 1; text-align: center; margin: 0 2px; background-color: #157F38; border-radius: 5px} .mobile-nav li a{ display: block; padding: 12px 10px; text-decoration: none; color: white; font-size: 15px; font-weight: 600; text-transform: uppercase; border: 1px dotted silver; transition: background-color 0.25s ease} .mobile-nav li a:hover{ background-color: #1a9a46} .home-header{ grid-template-columns: repeat(1,1fr)} @media (min-width: 600px){ .home-header{ grid-template-columns: repeat(3,1fr)}}.autor-fotki{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.5); color: white; text-align: center; padding: 5px 0; font-size: 14px}.golden-reviews-section{ padding: 3rem 0; background-color: #fcfcfc; margin: 2rem 0}.reviews-header{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem}.reviews-nav .nav-btn{ background: #fff; border: 1px solid #ddd; border-radius: 50%; width: 40px; height: 40px; font-size: 1.2rem; color: #333; cursor: pointer; transition: all 0.2s; margin-left: 10px}.reviews-nav .nav-btn:hover{ background: #157F38; color: #fff; border-color: #157F38}.reviews-carousel-wrapper{ display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 20px}.reviews-carousel-wrapper::-webkit-scrollbar{ display: none}.review-card{ flex: 0 0 100%; scroll-snap-align: start; background: #fff; padding: 25px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border: 1px solid #f0f0f0; display: flex; flex-direction: column}@media (min-width: 768px){ .review-card{ flex: 0 0 calc(50% - 10px)}}@media (min-width: 1024px){ .review-card{ flex: 0 0 calc(33.333% - 14px)}}.review-card .product-link a{ font-weight: 600; color: #157F38; text-decoration: none; font-size: 0.95rem}.review-card .product-link a:hover{ text-decoration: underline}.review-card .review-text{ font-style: italic; color: #555; line-height: 1.6; margin: 15px 0; flex-grow: 1}.review-card .author{ font-weight: bold; font-style: normal; color: #222; font-size: 0.95rem}.review-card .author::before{ content: "— "; color: #157F38}.reviews-cta-container{ text-align: center; margin-top: 2rem}.reviews-cta-btn{ display: inline-block; padding: 12px 25px; border: 2px solid #157F38; color: #157F38; border-radius: 4px; text-decoration: none; font-weight: 600; transition: all 0.3s}.reviews-cta-btn:hover{ background: #157F38; color: #fff}#cc-company-logo{ width: 150px; height: auto}#cc-logo{ width: 53px; height: auto}@media (max-width: 768px){ .products-grid > a:nth-child(n+5){ display: block !important}}