/* * Prefixed by https://autoprefixer.github.io * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ /* #FF2800 #176FB7 #B8970F */ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;-o-transition:transform .1s ease;transition:transform .1s ease;transition:transform .1s ease, -webkit-transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* lightbox */ .lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/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:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/lightbox/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/lightbox/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-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:0.8125rem;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:0.75rem;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/lightbox/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #e7e7e7;margin:2rem 0;padding:0;}input,select,a img{vertical-align:middle;} ul { list-style: none; } body, input, textarea, select, button { font-family: "Lato", sans-serif; } html { font-size: 16px; } body { font-size: 1rem; line-height: 1.5; color: #111; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .container { margin: 0 auto; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } i { margin-right: 5px; } .hiddenBody { overflow-y: scroll; position: relative; height: 100%; } html.hiddenBody { overflow-y: hidden; } /* Basic colors */ .btn, #content .btn { background: #B8970F; color: #fff; cursor:pointer; } .btn:hover, #content .btn:hover { background: #333; cursor:pointer; } #content a, footer a:hover { color: #B8970F; text-decoration: none; } ul.menu a { color: #111; } .red { color: #FF2800; } .blue { color: #176FB7; } .gold { color: #B8970F; } .btn.red { background: #FF2800; color: #fff; } /* Buttons */ .btn { display: block; margin: 0 auto; width: 240px; height: 50px; text-align: center; text-decoration: none!important; line-height: 50px; border: none; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 900; } .btn:after { content: ''; display: block; width: 16px; height: 16px; background: url(../images/icons/arrow_circle_right_white.svg) center center no-repeat; background-size: auto 100%; margin-left: 10px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .btn, .offer-btn, button, input[type="submit"], .can-toggle label .can-toggle__switch:after, .tab-link, .can-toggle label .can-toggle__switch:before, .kroki a, .kroki span { border-bottom: 3px solid rgba(0,0,0,.15)!important; } /* Header */ header { background: #fff; font-size: 0.875rem;} header .container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: center; align-content: center; height: 100px; } #logo img { width: 160px; } .hour-line { display: -webkit-box; display: -ms-flexbox; display: flex; } .day { -ms-flex-preferred-size: 100px; flex-basis: 100px; font-weight: 900; } .top-icon img { max-height: 24px; margin-right: 5px; } #top-phone img { max-height: 24px; margin-right: 10px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } #top-mail { margin: 0 20px 0 0; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } #top-mail img { height: 34px; } header a { text-decoration: none; } .top-icon a { color: #FF2800; font-weight: 900; } #menuToggle { color: #111; font-weight: 900; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; font-size: 1rem; } #menuToggle img { margin-right: 10px; max-height: 16px; width: auto; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } #top-contact .hours { font-size: 0.875rem; } #top-contact .day { -ms-flex-preferred-size: 35%; flex-basis: 35%; } #top-phone { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; } #top-phone a { font-size: 1.5rem; color: #176FB7; font-weight: 900; } #top-phone span { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } header > .flex > * { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } header .hour-line { width: 180px; } #switch { width: 160px; } /* Main menu */ #main-menu-wrapper { position: relative; } #main-menu { display: none; } #main-menu { position: absolute; top: 30px; left: 0px; z-index: 99999999; background: #fff; padding: 1rem 0; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2); box-shadow: 0 0 20px 0 rgba(0,0,0,.2); border-radius: 3px; min-width: 200px; } #main-menu ul li a { padding: 4px 1rem; display: block; } #main-menu ul li a:hover { background: #f9f9f9; } /* Product menu */ #product-menu { position: absolute; top: 100px; left: 0; width: 100%; z-index: 99999; } #product-menu-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 2rem; } .product-menu-item:first-child { border-radius: 0 0 0 3px; } .product-menu-item { height: 45px; background: #fff; border-left: 2px solid #e7e7e7; text-align: center; line-height: 43px; cursor: pointer; text-decoration: none; color: #111; font-weight: 400; -ms-flex-preferred-size: 100%; flex-basis: 100%; border-top: 1px solid #e7e7e7; border-bottom: 2px solid #e7e7e7; font-size: 0.875rem; } .product-menu-item:last-child { border-right: 2px solid #e7e7e7; border-radius: 0 0 3px 0 ; } .product-menu-item:hover { background: #f9f9f9; border-radius: 0; } .product-menu-item:last-child:hover { border-radius: 0 0 5px 0; } #product-menu.fixedProductMenu, .fixedProductMenu { position: fixed; top: 0; } /* #product-menu.fixedProductMenu #product-menu-wrapper { box-shadow: 0 0 20px 0 rgba(0,0,0,.12); } */ .fixedMobileProductMenu { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999999; } /* Product menu submenu */ .product-menu-item { position: relative; } .product-menu-item:hover .product-sub-menu { visibility: visible; opacity: 1; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; } .product-menu-item .product-sub-menu { -webkit-transition: 0s; -o-transition: 0s; transition: 0s; } .product-sub-menu { width: calc(100% + 4px); visibility: visible; opacity: 1; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; position: absolute; top: 43px; left: -2px; min-width: 220px; padding: 10px 20px; background: none; z-index: 999999; visibility: hidden; -webkit-transition: 0.2s .2s; -o-transition: 0.2s .2s; transition: 0.2s .2s; opacity: 0; text-align: left; font-size: 0.875rem; background: #fff; -webkit-box-shadow: 0 15px 15px 0 rgba(0,0,0,.1); box-shadow: 0 15px 15px 0 rgba(0,0,0,.1); border: 1px solid #e7e7e7; border-top: none; padding: .5rem .5rem 1rem; border-radius: 0 0 3px 3px; } .product-sub-menu a { color: #111; text-decoration: none; font-weight: normal; padding: .5rem; } .product-sub-menu a:hover { color: #B8970F; } #menu-item-marki .product-sub-menu { width: calc(300% + 8px); line-height: 1.5; } #menu-item-marki .sub-menu-column { padding: 1rem; width: 25%; float: left; } #menu-item-marki .sub-menu-column a, #menu-item-segment .sub-menu-column a { display: block; clear: both; } #menu-item-marki .sub-menu-column a:hover, #menu-item-segment .sub-menu-column a:hover, #menu-item-budzet .product-sub-menu ul li a:hover { background: #f9f9f9; } #menu-item-marki .sub-menu-column a img { max-width: 20px; margin-right: 10px; } .clearfix { clear: both; text-align: center; padding-bottom: 0.5rem; } .product-sub-menu form { width: 100%; padding: .5rem; } .product-sub-menu form button { width: 100%; border-radius: 3px; height: 40px; line-height: 40px; } #menu-item-segment .product-sub-menu { width: calc(200% + 4px); line-height: 1.5; } #menu-item-segment .sub-menu-column { padding: 1rem; width:50%; float: left; } #menu-item-segment .sub-menu-column a img { max-width: 35px; margin-right: 10px; } #menu-item-budzet .product-sub-menu { line-height: 1.5; } #menu-item-budzet .product-sub-menu ul { padding: .5rem; } #menu-item-budzet .product-sub-menu ul li a { font-weight: normal; display: block; padding: .5rem; } /* Fixy */ #menu-item-budzet .product-sub-menu .half-select .ms-parent, #config-modal .half-select .ms-parent { width: calc(50% - 10px)!important; margin-bottom: .5rem; } #menu-item-budzet .product-sub-menu .half-select .ms-parent:nth-child(2), #config-modal .half-select .ms-parent:nth-child(2) { margin-right: 20px; } .product-sub-menu button { max-width: 220px; margin: 0 auto; } .checkbox-label {display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex; margin-bottom: .5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #menu-item-marki .product-sub-menu .checkbox-label img { width: 20px; height: 20px; margin-right: 10px; } #menu-item-segment .product-sub-menu .checkbox-label img { width: 35px; height: 12px; margin-right: 10px; } .wszystkieMarki-label, .wszystkieSegmenty-label { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} input[type="checkbox"] { margin-bottom: 0; } .top-search { width: 300px; } .topFormBody { height: 40px; line-height: 40px; } .top-search input[type="search"] { width: calc(100% - 40px); border-right: none; padding: 0 .5rem; } .top-search input { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .top-search button { justify-content: center; align-items: center; height: 40px; width: 40px; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-left: auto; background: #176FB7; } .top-search button:after { display: none; } /* Content */ #content ul, #content ol, #content table, #content blockquote { margin: 0 0 2rem; } p, #content p { margin: 0 0 1rem; } #content ul, #content ol { padding-left: 2.5rem; } #content ul { list-style-type: disc; } #content blockquote p:last-child { margin-bottom: 0; } #content blockquote { background: #f9f9f9; padding: 2rem; } img { max-width: 100%; vertical-align: middle; height: auto; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } table { width: 100%; margin-bottom: 20px; } td, th { border: 1px solid #e7e7e7; padding: 10px; text-align: left; } h1 { font-size: 2.5rem; } h2 { font-size: 1.75rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.25rem; } h5 { font-size: 1.125rem; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; margin: 0 0 2rem; font-weight: 900; } .center { text-align: center; } /* Slider basics */ .owl-dot { margin: 0 4px; display: inline-block; } .owl-dot span { display: block; width: 16px; height: 16px; background: #ccc; border-radius: 8px; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } .owl-dot.active span, .owl-dot span:hover { background: #176FB7; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } .owl-dots { text-align: center; margin-top: 10px; } .owl-prev, .owl-next { position: absolute; top: 50%; width: 36px; height: 36px; margin-top: -36px; text-align: center; z-index: 99999; border-radius: 18px; text-indent: -999rem; } .owl-prev { left: 20px; background: url(../images/icons/arrow_left.svg) center center no-repeat #176FB7; background-size: 12px 12px; } .owl-next { right: 20px; background: url(../images/icons/arrow_right.svg) center center no-repeat #176FB7; background-size: 12px 12px; } /* Home main slider + search form */ #home-intro { padding: 160px 0 80px; background-size :cover; animation: bgsize 8s linear; background-position: center center!important; -webkit-animation-fill-mode: forwards; } @-webkit-keyframes bgsize { 0% { background-size: 100%; } /* 50% { background-size: 110%; } */ 100% { background-size: 110%; } } @keyframes bgsize { 0% { background-size: 100%; } /* 50% { background-size: 110%; } */ 100% { background-size: 110%; } } #search-form { padding: 0; margin-bottom: 100px; } #search-form form { max-width: 400px; border-radius: 3px; background: rgba(23, 111, 183, 0.68); background: rgba(0,0,0,.7); color: #fff; padding: 2rem; text-align: center; -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.2); box-shadow: 0 0 40px 0 rgba(0,0,0,.2); margin-left: -100px; } #search-form form select, #search-form button { width: 100%; border-radius: 3px; border: none; } #search-form h3 { margin-bottom: 1rem; } #search-form form select { background: url(../images/icons/arrow_circle_bottom.svg) 94% center no-repeat #fff!important; background-size: 14px auto!important; width: calc(50% - 10px); float: left; } #search-form form select:nth-child(odd) { margin-left: 10px; } #search-form form select:nth-child(even) { margin-right: 10px; } #home-intro-slider { clear: both; background: rgba(0,0,0,.7); padding: 1rem; color: #fff; border-radius: 3px; } #home-intro-slider .slide { padding: 0 20px; } #home-intro-slider strong { font-size: 1rem; } #home-intro-slider span { display: block; font-size: 0.875rem; } #home-intro-slider .slide img { max-width: 30px; margin-right: 10px; } /* Fixy search form */ #search-form .ms-parent { width: 100%!important; margin-right: 0; } #search-form .half-select .ms-parent { width: calc( 50% - 10px )!important; } #search-form .half-select .ms-parent:nth-child(2) { margin-right: 20px; } /* Home sections */ #home-icons { padding: 3rem 0; } #home-icons .flex, #usp .flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .home-icon, .usp-item, .home_banner { -ms-flex-preferred-size: 23%; flex-basis: 23%; text-align: center; } .home-icon img { max-width: 100px; margin-bottom: 2rem; } .home-icon p { margin-bottom: 0; } #home-text { background: #f9f9f9; padding: 2rem 0; } #home-text-content { -ms-flex-preferred-size: 50%; flex-basis: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: justify; } #home-text iframe { -ms-flex-preferred-size: 44%; flex-basis: 44%; margin-left: auto; } #hot-offers, #quotes, #marki, #testimonials { padding: 2rem 0; } #hot-offers-slider { padding: 0 2rem; margin-bottom: 1rem; } #hot-offers-bg { background: #ccc; padding: 2rem 0 .5rem; margin-bottom: 2rem; } .offer { border: 1px solid #e7e7e7; border-radius: 3px; background: #fff; } .offer-top { text-align: center; padding: 1rem .5rem; } .offer-top > span { display: block; } .offer-points, .offer-bottom-points { font-size: 0.75rem; } .offer-title { margin-bottom: .5rem; font-size: 1.125rem; } .offer-text { margin-bottom: .5rem; } .offer-title a { color: #B8970F; text-decoration: none; font-weight: 900; } .offer-img a:last-child { font-size: .75rem; color: #B8970F; text-decoration: none; text-align: center; display: block; } .offer-bottom-price { font-weight: 900; font-size: 1.125rem; margin-bottom: .5rem; } .offer-bottom { text-align: center; padding: 1rem; } .price { color: #FF2800; } #hot-offers-slider .owl-dots { margin-top: 20px; } #usp, #others { padding: 3rem 0 3.5rem; background: #f9f9f9; } .usp-item, .home_banner { position: relative; min-height: 200px; -webkit-border-radius: 3px; border-radius: 3px; } #home-banners { background: #f9f9f9; padding: 2rem 0; } .home_banners_wrapper { justify-content: space-between; } .home_banner { margin-bottom: 1rem;} .home_banner small { font-size: .75rem; } .usp-item .btn { width: auto; padding: 0 .75rem; position: absolute; bottom: 10px; right: 10px; font-size: .875rem; height: 30px; line-height: 30px; } .usp-item .btn:after { width: 12px; height: 12px; margin-left: 5px; } .usp-item img { padding: 1rem 0; } .usp-item h6, .home_banner span { position: absolute; bottom: 40px; right: 10px; background: rgba(0,0,0,.5); padding: .5rem 1rem; margin: 0; color: #fff; } .home_banner span { font-weight: bold; font-size: 1.125rem; bottom: 36px; padding: .25rem 1rem; } .home_banner small { position: absolute; bottom: 10px; right: 10px; background: rgba(0,0,0,.5); padding: .25rem 1rem; margin: 0; color: #fff; } /*.usp-item h5, .usp-item p { margin-bottom: 1rem; } */ #quotes .flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .quote-item { -ms-flex-preferred-size: 23%; flex-basis: 23%; } .quote-content { background: url(../images/icons/quote.svg) top right no-repeat; background-size: 80px auto; padding: 1rem 1rem 0 0; font-size: .875rem; text-align: justify; } .quote-author { text-align: center; } .quote-author p { font-weight: 900; margin-bottom: 0; } .quote-author span { font-size: 0.875rem; color: #666; } .author-logo { max-width: 150px; display: block; margin: 0 auto; } #logos { padding: 2rem 0 3rem 0; } #logos-slider .owl-dots, #testimonials-slider .owl-dots { margin-top: 30px; } .logo-slide img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .logo-slide img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%) } #testimonials-slider { padding: 0 3rem; } #testimonials-slider .owl-prev, #logos-slider .owl-prev, #hot-offers-slider .owl-prev { left: -25px; } #testimonials-slider .owl-next, #logos-slider .owl-next, #hot-offers-slider .owl-next { right: -25px; } .testimonial img { border-radius: 3px; border: 1px solid #e7e7e7; } #marki .flex { justify-content: space-between; } #marki a { flex-basis: 7%; padding: .75em; text-align: center; display: block; font-size: 0.875rem; text-decoration: none; color: #111; border-radius: 3px; font-size: .75rem; text-align: center; margin-bottom: 1rem; } #marki a img { max-width: 60px; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); margin: 0 auto; } #marki a:hover { background: #f9f9f9; } #marki a:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } #others .flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .other { border: 1px solid #e7e7e7; background: #fff; padding: 1rem 1rem 2rem 1rem; -ms-flex-preferred-size: 23%; flex-basis: 23%; text-align: center; border-radius: 3px; } .other img { max-width: 200px; display: block; margin: 0 auto 1rem; } .other span { display: block; text-align: center; margin-bottom: 1rem; } a.readmore { font-weight: 900; text-decoration: none; color: #176FB7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } a.readmore:after { content: ''; display: block; width: 12px; height: 12px; background: url(../images/icons/arrow_right_blue.svg) center center no-repeat; background-size: auto 100%; margin-left: 10px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } /* Forms */ input, textarea, select { -webkit-appearance: none; -moz-appearance: none; } input, select { height: 40px; line-height: 40px; padding: 0 0 0 .5rem; margin: 0 0 1rem; color: #111; font-size: 0.875rem; font-weight: 400; border: 1px solid #ccc; border-radius: 5px; display: block; } input[type="checkbox"] { width: 16px; height: 16px; float: left; margin-right: .5rem; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; } input[type="submit"] { padding: 0px 25px; margin: 15px 0px; } textarea { padding: .5rem; margin: 0 0 1rem; color: #111; font-size: 0.875rem; font-weight: 400; border: 1px solid #ccc; border-radius: 3px; display: block; } input:focus, select:focus, textarea:focus { -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.2); box-shadow: 0 0 30px 0 rgba(0,0,0,.2); } button { height: 50px; line-height: 50px; background: #B8970F; color: #fff; font-weight: 900; text-align: center; font-size: 1rem; cursor: pointer; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 3px;} button:hover { background: #333; } button:after { content: ''; display: block; width: 16px; height: 16px; background: url(../images/icons/arrow_circle_right_white.svg) center center no-repeat; background-size: auto 100%; margin-left: 10px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } button.ms-choice:after { display: none; } select { width: 100%; background: url(../images/icons/arrow_circle_bottom.svg) 93% center no-repeat #fff!important; background-size: 14px auto!important; } /* Newsletter */ #newsletter { background: #176FB7; color: #fff; padding: 3rem 0; } #newsletter h4 { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin: 0; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } #newsletter form { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 100%; background: #fff; border-radius: 3px; overflow: hidden; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #newsletter form button { border: none; -ms-flex-preferred-size: 25%; flex-basis: 25%; -webkit-border-radius: 0; border-radius: 0; } #newsletter form input { border: none; -ms-flex-preferred-size: 75%; flex-basis: 75%; margin: 0; height: 50px; } /* Faq */ #faq { padding: 3rem 0; } .faq-item { border-bottom: 1px solid #e7e7e7; } .faq-question { font-size: 1.125rem; color: #176FB7; font-weight: 900; padding: 1rem 0; cursor: pointer; text-align: center; } .faq-question p { margin-bottom: 0; } .faq-answer { display: none; padding: 1rem 2rem 1rem; margin: 0; } /* Footer */ footer { padding: 4rem 0 0; background: #222; color: #fff; } footer .container { padding: 0 0 4rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } footer a { color: #fff; text-decoration: none; } footer li { margin-bottom: 5px; } .social a { margin: 5px 10px 5px 0; } .social a:hover { opacity: .6 } .social a img { max-width: 30px; } .seo-text { text-align: justify; font-size: 0.875rem; } #copyright { padding: 2rem 1rem; text-align: center; background: #fff ;} #copyright p { margin-bottom: 0; } footer .hours { margin-bottom: 2rem; } footer .contact-data { margin-bottom: 1rem; } /* Cookies */ #cookies { position: fixed; bottom: 0; left: 0; width: 100%; background: #f7f7f7; font-size: 0.875rem; line-height: 1.4; z-index: 99999; } .cookies-text { margin: 5px 20px 0 0; } .cookies-inner { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: center; align-content: center; } .cookies-close { margin-left: auto; color: #fff; background: green; padding: 5px 10px; text-decoration: none; border-radius: 2px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .cookies-close:hover { opacity: .8; } #gotop { display: none; position: fixed; bottom: 20px; right: 20px; border-radius: 18px; background: url(../images/icons/logo_icon_top.svg) center center no-repeat #176FB7; background-size: 36px 36px; width: 36px; height: 36px; text-align: center; z-index: 9999999; } /* Header toggle */ .can-toggle {position: relative;} .can-toggle *, .can-toggle *:before, .can-toggle *:after {-webkit-box-sizing: border-box;box-sizing: border-box;} .can-toggle input[type="checkbox"] {opacity: 0;position: absolute;top: 0;left: 0;} .can-toggle input[type="checkbox"][disabled] ~ label {pointer-events: none;} .can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch {opacity: 0.4;} .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before {content: attr(data-unchecked);left: 0;} .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {content: attr(data-checked);} .can-toggle label {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: relative;display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-align: center;-webkit-box-align: center;align-items: center;} .can-toggle label .can-toggle__switch {position: relative;} .can-toggle label .can-toggle__switch:before {content: attr(data-checked);position: absolute;top: 0;text-align: center;} .can-toggle label .can-toggle__switch:after {content: attr(data-unchecked);position: absolute;z-index: 5;text-align: center;background: #176FB7;color: white;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .can-toggle input[type="checkbox"][disabled] ~ label {color: #111;} .can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch {background-color: #f9f9f9;} .can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {color: #fff;} .can-toggle input[type="checkbox"]:hover ~ label {color: #fff;} .can-toggle input[type="checkbox"]:checked ~ label:hover {color: #176FB7;} .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch {background-color: #f9f9f9;} .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {color: #fff;} .can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {background-color: #f9f9f9;} .can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {color: #fff;} .can-toggle label .can-toggle__label-text {-ms-flex: 1;-webkit-box-flex: 1;flex: 1;} .can-toggle label .can-toggle__switch {-webkit-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);-o-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);} .can-toggle label .can-toggle__switch:before {color: #111; background: #f9f9f9;} .can-toggle label .can-toggle__switch:after {-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);-o-transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);color: #fff;} .can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after { /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); */ } .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {-webkit-transform: translate3d(78px, 0, 0);transform: translate3d(78px, 0, 0);} .can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {/* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); */} .can-toggle label {font-size: 0.75rem;} .can-toggle label .can-toggle__switch {height: 30px;-ms-flex: 0 0 158px;-webkit-box-flex: 0;flex: 0 0 158px;border-radius: 0px;} .can-toggle label .can-toggle__switch:before {left: 78px;font-size: 0.75rem;line-height: 30px;width: 80px;padding: 0 12px; -webkit-border-radius: 2px; border-radius:2px;} .can-toggle label .can-toggle__switch:after {top: 0px;left: 0px;border-radius: 2px;width: 78px;line-height: 30px;font-size: 0.75rem; -webkit-border-radius: 2px; border-radius: 2px;} .can-toggle label .can-toggle__switch:hover:after {/* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); */} /* Podstrona */ #page-intro { padding: 100px 0; min-height: 350px; text-align: center; color: #fff;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-line-pack: center; align-content: center; } #page-intro h1 { margin: 0; } #content { margin: 2rem 0 4rem; } #content a:hover { text-decoration: underline; } #content .container, .side-padding { padding: 0 2rem; } #page-intro a { color: #B8970F; } #page-intro a i { color: #fff; } .breadcrumb { margin-bottom: 1rem; } .breadcrumb a, .breadcrumb span { padding: 0 10px; } .breadcrumb a img { max-width: 14px; } #page-intro .container { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .page-intro-text { margin-top: 1rem; font-size: 1.125rem; } #content .faq-question p { margin: 0; } .page-faq .faq-question { text-align: left; } .page-faq .faq-items { margin-bottom: 3rem; } #content ul ul, #content ol ul, #content ul ol, #content ol ol { padding-left: 1rem; } #contact-form-container { -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.1); box-shadow: 0 0 30px 0 rgba(0,0,0,.1); padding: 2rem; margin-left: auto; } #contact-content, #contact-form-container { -ms-flex-preferred-size: 45%; flex-basis: 45%; margin-top: 2rem; } #contact-form input, #contact-form textarea, #contact-form button { width: 100%; border-radius: 3px; } #contact-form span { margin-bottom: .5rem; display: block; } #contact-form input[type="text"],#contact-form input[type="tel"], #contact-form input[type="email"] { height: 50px; } #contact-form input[type="checkbox"] { width: 16px; height: 16px; } .contact-data img.contact-logo { max-width: 180px; margin-right: 2rem; } .contact-data-text { margin-left: auto; font-size: 1.125rem; } .contact-data-text img.contact-mail { max-height: 30px; max-width: 30px; text-align: center; -ms-flex-preferred-size: 50px; flex-basis: 50px; } .contact-data-text img.contact-phone { max-height: 24px; max-width: 30px; text-align: center; -ms-flex-preferred-size: 50px; flex-basis: 50px; } .contact-data-text strong { margin-left: 1rem; } .rodo-checkbox-wrapper input[type="checkbox"] { float: left; margin-top: 3px; } .rodo-checkbox-wrapper span { display: block; float: right; width: calc(100% - 34px); font-size: .75rem; } .rodo-checkbox-wrapper { margin-bottom: 1rem; display: block; overflow: hidden; } /* Lista ofert */ body.lista-ofert { background: #ccc; } #sorting-bar { background: #f9f9f9; padding: 1rem 0; } #sorting-bar .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #sorting-wrapper { display: none; } #sorting-bar.fixedSortingBar { position: -webkit-sticky; position: sticky; top: 0; z-index: 99999; padding: .5rem 0; border-bottom: 1px solid #e7e7e7; } .btn i { margin-right: 10px; } #fiter-toggle.btn, #sorting-toggle.btn { margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; padding: 0 2.5rem; background: #fff; color: #111; border: 1px solid #e7e7e7; border-bottom: 3px solid #e7e7e7; } #fiter-toggle.btn:hover, #sorting-toggle.btn:hover { background: #B8970F; border-color: #9c800c; color: #fff; } #fiter-toggle.btn:after, #sorting-toggle.btn:after { display: none; margin: 0; } #view-toggle-wrapper > span { cursor: pointer; margin: 0 2rem; opacity: .3; } #view-toggle-wrapper > span:hover { opacity: 1 } #view-toggle-wrapper > span.active { opacity: 1 } #offers-list.grid-view {display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #offers-list.grid-view .offer { margin: 0 2% 1.5rem 0; -ms-flex-preferred-size: 23.5%; flex-basis: 23.5%; } #offers-list.grid-view .offer:nth-child(4n+4), #offers-list.grid-view .offer:last-child { margin: 0 0 1.5rem 0; } #offers-list.grid-view:after { content: ''; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -ms-flex-preferred-size: 23%; flex-basis: 23%; margin: 0 2% 1.5rem 0; } #content .offer ul { padding: 0; margin: 0; } #offers-list.list-view { display: block; } #offers-list.list-view .offer { margin: 0 0 .5rem 0;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } #offers-list.list-view .offer .offer-img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-preferred-size: 15%; flex-basis: 15%;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex; /* overflow: hidden; */ } #offers-list.list-view .offer .offer-img img { border-radius: 3px 0 0 3px; } #offers-list.list-view .offer .offer-bottom { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; -ms-flex-preferred-size: 15%; flex-basis: 15%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #offers-list.list-view .offer .offer-bottom .full-price { margin: 0 0 .5rem 0; } #offers-list.list-view .offer .offer-top { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: left; -ms-flex-preferred-size: 40%; flex-basis: 40%; padding: 1rem 2rem;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } #offers-list.list-view .offer-top .offer-title { font-size: 1.25rem; } #offers-list.grid-view .offer-list-view, #offers-list.grid-view .offer-list-view-price { display: none; } #offers-list.list-view .offer-list-view {display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-preferred-size: 25%; flex-basis: 25%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: end; align-content: flex-end; padding: 1rem; -ms-flex-item-align: end; align-self: flex-end; } #offers-list.list-view .offer-list-view .ribbon { height: 34px; line-height: 34px; border-radius: 3px; } #offers-list.list-view .offer-list-view .ribbon.hot-label { color: #fff; background: #FB0004; padding: 0 .5rem; margin-right: 1rem; text-transform: uppercase; font-weight: bold; } #offers-list.list-view .offer-list-view .ribbon.od-reki-label { color: #fff; background:#23932F; padding: 0 .5rem; margin-right: 1rem; text-transform: uppercase; font-weight: bold; } #offers-list.list-view .offer-list-view .btn { margin-left: auto; } #offers-list.list-view .offer .offer-top .offer-title, #offers-list.list-view .offer .offer-top .offer-text, #offers-list.list-view .offer .offer-top .offer-points { -ms-flex-preferred-size: 80%; flex-basis: 80%; } #offers-list.list-view .offer .offer-top .offer-title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } #offers-list.list-view .offer .offer-top .offer-text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #offers-list.list-view .offer .offer-top .offer-points { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } #offers-list.list-view .offer .offer-top .full-price.offer-list-view-price { -ms-flex-preferred-size: 20%; flex-basis: 20%; margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex; } .offer-img a:first-child { position: relative; display: block; } .ribbon-hot { position: absolute; top: -5px; left: -5px; background: url(../images/hot-oferta-ribbon.svg) center center no-repeat; background-size: 100% auto; width: 130px; height: 130px; } .ribbon-od-reki { position: absolute; top: 20px; right: -5px; background: url(../images/od-reki-ribbon.svg) center center no-repeat; background-size: 100% auto; width: 98px; height: 35px } #offers-list.list-view .ribbon-hot, #offers-list.list-view .ribbon-od-reki { display: none; } .offer-title, .offer-text { margin-bottom: 0; } .offer .offer-img a:last-child { margin: 0; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } #offers-list .offer-bottom { padding: 1rem; } .offer-btn { width: auto; padding: 0 1rem; margin: 0; height: 40px; line-height: 40px; } .offer-bottom.flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .full-price { font-size: 1.25rem; font-weight: 700; line-height: 1.2; text-align: left; } .full-price small { font-size: .75rem; display: block; clear: both; } .full-price span { color: #FF2800; font-weight: 900; } .sorting-label { white-space:nowrap } .onlymobile { display: none; } #hot-offers-mobile-button { margin-bottom: 3rem; } .overlay { background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 99999; position: fixed; top: 0; opacity: 0; } .overlay-content { padding: 1rem; width: 380px; background: #fff; position: absolute; top: 0; height: 100vh; -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.4); box-shadow: 0 0 40px 0 rgba(0,0,0,.4); max-width: 90%; } #filters-overlay .overlay-content { left: 0; right: auto; overflow-y: scroll; } #sorting-overlay .overlay-content { right: 0; left: auto; } #filters-overlay { left: -150%; } #sorting-overlay { right: -150%; } .overlay-header { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #e7e7e7; padding-bottom: 0rem; margin-bottom: .5rem; } .overlay-header p { margin-bottom: .5rem; } .overlay-header .closeOverlay { margin-left: auto; cursor: pointer; } #filters-overlay button[type="submit"], #sorting-overlay button[type="submit"] { width: 100%; border-radius: 3px; margin-top: 1rem; margin-bottom: 2rem; } #sorting-overlay label {display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex; width: 100%; clear: both; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; line-height: 40px; } #sorting-overlay input { margin: 0 .5rem 0 0; } #filters-overlay .ms-parent { width: 100%!important; margin-bottom: .5rem; } #filters-overlay .half-select .ms-parent { width: calc(50% - 10px)!important; } #filters-overlay .half-select .ms-parent:nth-child(2) { margin-right: 20px; } /* Pojedyncza oferta */ body.oferta { background: #ccc; } #single-intro { padding: 4rem 0 1rem; background: #f9f9f9; border-top: 1px solid #e7e7e7; } #single-intro a { color: #B8970F; text-decoration: none; } #single-intro a:hover { text-decoration: underline; } .single-heading-1 { -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .single-heading-1 h1 { margin: 0 0 0 1rem; } .single-heading-info { margin-left: auto; text-align: right; font-size: .875rem; } .wartosc-katalogowa { font-weight: bold; margin-left: auto; font-size: 1rem; } .wartosc-katalogowa span { color: #FF2800; } #single-left { -ms-flex-preferred-size: 67%; flex-basis: 67%; } #single-right { -ms-flex-preferred-size: 30%; flex-basis: 30%; margin-left: auto; } .single-cover { overflow: hidden; border-radius: 3px; margin-bottom: 1.5rem; } .single-box, #single-right { padding: 1rem; border-radius: 3px; /*border: 1px solid #e7e7e7;*/ margin-bottom: 1rem; background: #fff; font-size: .875rem; overflow: hidden; } #content .single-box table { margin-bottom: 0; } #content .single-box h3 { margin-bottom: 1rem; } .line { justify-content: flex-start; border-bottom: 1px solid #e7e7e7; padding-bottom: .3rem; margin-bottom: .3rem; } .line-right { margin-left: auto; flex-shrink: 0 } .column { margin-right: 2rem; min-width: 30% } .column:last-child { margin-right: 0; } .single-info .flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .line .line-right { color: #B8970F; font-weight: bold; text-align: right; } .single-models .table-toggle { margin-bottom: 1rem; } th:first-child { border-radius: 3px 0 0 0; } thead th { background: #f9f9f9; } .th-wersja { width: 25%; } .th-skrzynia { width: 25%; } .th-cena { width: 20%; } .th-rata { width: 20%; } .th-zobacz { width: 10%; } tr:hover { background: #f9f9f9; } .oferta #hot-offers { background: #ccc; padding: 1rem 0; } #hot-offers .owl-dot span { background: #fff; } #hot-offers .owl-dot.active span, #hot-offers .owl-dot span:hover { background: #176FB7; } .oferta #hot-offers h3 { margin-bottom: 1rem; } .tab-content { display: none; } .tab-content.current { display: block; } #content ul.tabs { list-style: none; margin: 0; padding: 0; } #single-tabs { width: calc(100% + 2rem); margin: -1rem; } .tab-content { padding: 1.5rem; } .tab-link { -ms-flex-preferred-size: 50%; flex-basis: 50%; text-align: center; height: 50px; line-height: 50px; font-weight: bold; background: #f9f9f9; } .tab-link.current { background: #176FB7; color: #fff; } .line h1, .line h2, .line h3, .line h4, .line h5, .line h6 { margin-bottom: 0; } #single-right hr { margin: 1rem 0; } #single-right .single-toggle { margin-bottom: 1rem; } #single-right h5 { margin-bottom: 1rem; } .before-form .full-price, .fixed-box-left .full-price { margin-left: auto; } .before-form .full-price span, .fixed-box-left .full-price span { font-size: 2rem; } .before-form .full-price span.beforePrice { font-size: .75rem; display: block; color: #176FB7; } .form-item { margin-bottom: 1rem; } #content .form-item p { margin-bottom: .5rem; } button#send-form { width: 100%; margin-top: 1rem; } #single-right form button[type="button"]:after { display: none; } #single-right form button[type="button"] { padding: 0 1rem; margin: 0 1rem 1rem 0; -ms-flex-preferred-size: calc( 50% - .5rem); flex-basis: calc( 50% - .5rem); background: #176FB7; } #single-right form .form-okres .flex { justify-content: space-between; } #single-right form .form-okres button[type="button"] { padding: 0 .5rem; margin: 0 .5rem 1rem!important; -ms-flex-preferred-size: calc( 25% - 1rem); flex-basis: calc( 25% - 1rem); background: #176FB7; } #single-right form .form-okres button[type="button"]:first-child { margin-left: 0!important; } #single-right form .form-okres button[type="button"]:last-child { margin-right: 0!important; } #single-right form button[type="button"]:not(.active) { border: 1px solid #e7e7e7; border-bottom: 3px solid #e7e7e7; background: #fff; color: #111; } #single-right form button[type="button"]:nth-child(2n+2) { margin: 0 0 1rem 0; } #single-right form button[type="button"].fullwidth { width: 100%; margin-right: 0; } #single-right form button[type="button"] .flex { width: 100%; } #single-right .form-ubezpieczenie button[type="button"], #single-right .form-gap button[type="button"] { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-right: 0; } #single-right h3, #single-right h4 { margin-bottom: 1rem; } input[type="range"] { -webkit-appearance: range; -moz-appearance: range; appearance: range; height: 2px; margin: 1rem 0; padding: 0; width: 100%; } .range-wrap { width: 100%; position: relative; margin-bottom: 2rem; } .bubble {background: #176FB7;color: white;padding: 4px 12px;position: absolute;border-radius: 3px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} #fixed-cta { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999999; } .fixed-box { float: right; width: 30%; background: #111; border-radius: 3px 3px 0 0; color: #fff; padding: 1rem; } .fixed-box-left p { font-size: 0.75rem; } .fixed-box-left span { line-height: 1.4; padding-top: 2px; } .fixed-box-right { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-left: auto; } .fixed-box-right .full-price { font-size: 2.5rem; line-height: 1; } .fixed-box-right .full-price span { font-size: 2.5rem; color: #B8970F; } .fixed-box-right .full-price small { text-align: right; } .fixed-box-left { -ms-flex-preferred-size: 45%; flex-basis: 45%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fixed-box-left a { color: #B8970F; text-decoration: none; } .fixed-box-left a:hover { text-decoration: underline; } #content .fixed-box-left a.btn { background: #fff; width: auto; padding: 0 1rem; color: #111; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; margin-top: auto; } .fixed-box-left a.btn i { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .fixed-box-left a.btn:after { display: none; } .fixed-box-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } body.oferta #content { margin: 1rem 0; } .td-zobacz, .th-zobacz { text-align: center; } .td-zobacz .btn:after { margin: 0; } .td-zobacz .btn { height: 34px; line-height: 34px; max-width: 50px; } .form-fixed-box { color: #fff; padding: 1rem; } #form-submit { -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; position: fixed; bottom: 0; left: 50%; z-index: 99999; margin-left: 244px; max-width: 364px; background: #111; } #form-submit.staticSubmit { position: static; margin: 0 -1rem -1rem; padding: 0; max-width: calc( 100% + 2rem); -webkit-border-radius: 3px; border-radius: 3px; } .oferta #content .container.flex { align-items: flex-start; } .form-summary { margin-bottom: 1rem; } .single-cover { position: relative; overflow: visible; } .single-cover > .cover-img { -webkit-border-radius: 4px; border-radius: 4px; } .single-cover .gwarancja-zwrotu { position: absolute; top: 20px; right: 20px; z-index: 999; max-height: 24px; color: #FF2800; justify-content: flex-end; } .single-cover .gwarancja-zwrotu img { max-width: 24px; margin-right: .5rem; } .single-cover .ribbon-od-reki { top: 60px; } .formLabel { background: #B8970F; color: #fff; padding: .5rem; font-size: 0.6875rem; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; margin: 0 .5rem 1rem; } .formLabel:first-child { margin-left: 0; } .formLabel:last-child { margin-right: 0; } .changeForm { color: #666; text-decoration: underline; font-size: .75rem; cursor: pointer; } .changeForm:hover { text-decoration: none; } #formWykup { padding: 1rem; border: 2px solid #176FB7; -webkit-border-radius: 3px; border-radius: 3px; } .buttonIcon { flex-basis: 24px; margin-right: .5rem; } #single-right form button[type="button"] .flex span:last-child { margin-left: auto; } #single-right form button[type="button"].formButtonIcon .buttonIcon:before { content: '\f096'; font-family: FontAwesome; font-size: 1rem; display: block; width: 24px; height: 24px; } #single-right form button[type="button"].formButtonIcon.active .buttonIcon:before { content: '\f046'; } .openPrompt { color: #176FB7; cursor: pointer; } .openPrompt:hover { color: #111; } *, *:focus { outline: 0; } #labelsOverlay, #gapOverlay, #ubezpieczenieOverlay, #wykupOverlay, #oplataOverlay, #kartaOverlay, #gpsOverlay, #gwarancjaOverlay, #serwisOverlay { right: -150%; z-index: 999999999; } #labelsOverlay .overlay-content, #gapOverlay .overlay-content, #ubezpieczenieOverlay .overlay-content, #wykupOverlay .overlay-content, #oplataOverlay .overlay-content, #kartaOverlay .overlay-content, #gpsOverlay .overlay-content, #gwarancjaOverlay .overlay-content, #serwisOverlay .overlay-content { right: 0; left: auto; } .searchFromButtons { margin-bottom: 1rem; } .searchFromButtons button { height: 40px; line-height: 38px; font-size: .875rem; font-weight: normal; } .searchFromButtons button:first-child { margin-right: .5rem; } .searchFromButtons button:last-child { margin-left: .5rem; } .searchFromButtons button:after { display: none; } .searchFromButtons button.inactive { background: #fff; color: #111; font-weight: normal; } .searchFromButtons button:hover { background: #B8970F; color: #fff; } .rangeslider--horizontal { height: 2px; background: #e7e7e7; margin: 1.5rem 0 2.5rem; } .rangeslider__handle, .rangeslider__handle:focus, .rangeslider__handle:hover { width: 32px; height: 32px; background: url(../images/icons/logo_icon.svg) center center no-repeat; background-size: 100% auto; border: none; -webkit-box-shadow: 0; box-shadow: 0; } .rangeslider--horizontal .rangeslider__handle { top: -15px; } .rangeslider__handle:after { display: none; } .rangeslider__fill { background: #176FB7; } #single-right input[type="number"] { max-width: 70px; margin-bottom: 0; } #single-right .form-item > .flex > .flex { margin-left: auto; justify-content: center; align-items: baseline; } #single-right .form-item > .flex > .flex span { margin-left: 1rem; } .line-middle { align-self: flex-start; font-size: .75rem; line-height: 22px; } .line-left { flex-basis: 140px; } /* Konfigurator */ #config { padding: 100px 0; } #config-modal { max-width: 660px; margin: 0 auto; background: #fff; border-radius: 3px; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.4); box-shadow: 0 0 30px 0 rgba(0,0,0,.4); padding: 1.5rem; } #config hr { margin: 1rem 0; } #config h4 { margin-bottom: 0; text-transform: none } #config h4 span { color: #B8970F; ; } #config h1, #config h2, #config h3, #config h4, #config h5 { text-transform: none; } .kroki { background: #f9f9f9; justify-content: space-around; margin: 1rem 0 2rem; font-size: .875rem; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden;} .kroki > * { flex-basis: 25%; padding: .75rem 1rem; border-top: 1px solid rgba(0,0,0,.15); } .kroki > *:nth-child(1) { border-left: 1px solid rgba(0,0,0,.15); border-right: 1px solid rgba(0,0,0,.15); } .kroki > *:nth-child(2) { border-left: none; border-right: 1px solid rgba(0,0,0,.15); } .kroki > *:nth-child(3) { border-left: none; border-right: 1px solid rgba(0,0,0,.15); } .kroki > *:nth-child(4) { border-left: none; border-right: 1px solid rgba(0,0,0,.15); } .kroki span { background: #B8970F; color: #fff; } .kroki a { text-decoration: none; color: #111; } .kroki a:hover { background: #e7e7e7; } .config-modal-footer .flex { justify-content: space-between; } .config-modal-footer .flex a, .config-modal-footer .flex button { width: 140px; height: 50px; line-height: 50px; } .config-modal-footer .flex button.endFormButton { width: 180px; } .config-modal-body form button[type="button"].active { background: #176FB7!important; } .config-modal-body form button[type="button"].ms-choice { margin-bottom: 0; } .config-modal-body form button[type="button"].ms-choice.active { background: #f9f9f9!important; } .config-modal-footer { margin-top: 2rem; } .config-modal-footer .flex a { background: #fff; color: #111; border: 1px solid #e7e7e7; border-bottom: 3px solid #e7e7e7; text-align: center; text-decoration: none; -webkit-border-radius: 3px; border-radius: 3px; } .config-modal-footer .flex a:hover { border-color: #B8970F; background: #B8970F; color: #fff; } .config-modal-body form button[type="button"]:after { display: none; } .config-modal-body form button[type="button"] { padding: 0 1rem; margin: 0 1rem 1rem 0; -ms-flex-preferred-size: calc( 50% - .5rem); flex-basis: calc( 50% - .5rem); background: #176FB7; } .config-modal-body form button[type="button"]:not(.active) { border: 1px solid #e7e7e7; border-bottom: 3px solid #e7e7e7; background: #fff; color: #111; } .config-modal-body form button[type="button"]:nth-child(2n+2) { margin: 0 0 1rem 0; } .config-modal-body form button[type="button"].fullwidth { width: 100%; margin-right: 0; } .config-modal-body form button[type="button"]:hover { background: #f9f9f9; } #segment-konfig .column { padding: 1rem; width:50%; float: left; } #segment-konfig .checkbox-label img { width: 35px; height: 12px; margin-right: 10px; } .hidden { display: none; } .alert{ font-weight: bold; text-align: center; margin: 20px 0; } .alert-success{ color: #00d600; } .alert-danger{ color: #ff0000; } /* Multiselect */ @charset "UTF-8"; /** * @author zhixin wen */ .ms-offscreen { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: auto !important; top: auto !important; } .ms-parent { width: calc(50% - 10px)!important; display: block; float: left; position: relative;margin-bottom: 1rem; } .ms-parent:nth-child(3), .ms-parent:nth-child(7) { margin-right: 20px; } #menu-item-model .ms-parent { width: 100%!important; margin: 0 0 10px!important; } #menu-item-model .ms-drop { line-height: 1.5; } .ms-choice:hover { background: #fff; } .ms-choice { display: block; width: 100%; height: 40px; padding: 0; overflow: hidden; cursor: pointer; border: 1px solid #e7e7e7; text-align: left; white-space: nowrap; line-height: 40px; color: #111; text-decoration: none; border-radius: 3px; background-color: #fff; } .ms-choice.disabled { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .ms-choice > span { position: absolute; top: 0; left: 0; right: 20px; font-size: .875rem; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; padding-left: 8px; } .ms-choice > span.placeholder { color: #111; font-weight: normal; font-size: .875rem; } .ms-choice > div.icon-close { position: absolute; top: 0px; right: 16px; height: 100%; width: 16px; } .ms-choice > div.icon-close:before { content: '×'; color: #111; position: absolute; top: 50%; margin-top: -14px; } .ms-choice > div.icon-close:hover:before { color: #333; } .ms-choice > div.icon-caret { position: absolute; background: url(../images/icons/arrow_circle_bottom.svg) center center no-repeat #fff!important; background-size: 100% auto!important; width: 12px; height: 12px; top: 16px; right: 8px; margin-top: -2px; } .ms-choice > div.icon-caret.open { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .ms-drop { font-size: .875rem; width: auto; min-width: 220px; overflow: hidden; display: none; margin-top: -1px; padding: 0; position: absolute; z-index: 1000; background: #fff; color: #000; border: 1px solid #aaa; border-radius: 4px; } .ms-drop.bottom { top: 100%; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .ms-drop.top { bottom: 100%; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); } .ms-search { display: inline-block; margin: 0; min-height: 26px; padding: 2px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; -webkit-box-sizing: border-box; box-sizing: border-box; } .ms-search input { width: 100%; height: 30px !important; min-height: 24px; padding: 0 5px; margin: 0; outline: 0; font-family: sans-serif; border: 1px solid #aaa; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; } .ms-drop ul { overflow: auto; margin: 0; padding: 0; } .ms-drop ul > li { text-align: left; list-style: none; display: list-item; background-image: none; position: static; padding: .25rem 8px; } .ms-drop ul > li .disabled { font-weight: normal !important; opacity: .35; filter: Alpha(Opacity=35); cursor: default; } .ms-drop ul > li.multiple { display: block; float: left; } .ms-drop ul > li.group { clear: both; } .ms-drop ul > li.multiple label { width: 100%; display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .ms-drop ul > li label { position: relative; padding-left: 1.25rem; margin-bottom: 0; font-weight: normal; display: block; white-space: nowrap; cursor: pointer; } .ms-drop ul > li label.optgroup { font-weight: bold; } .ms-drop ul > li.hide-radio { padding: 0; } .ms-drop ul > li.hide-radio:focus, .ms-drop ul > li.hide-radio:hover { background-color: #f8f9fa; } .ms-drop ul > li.hide-radio.selected { color: #fff; background-color: #007bff; } .ms-drop ul > li.hide-radio label { margin-bottom: 0; padding: 5px 8px; } .ms-drop ul > li.hide-radio input { display: none; } .ms-drop ul > li.option-level-1 label { padding-left: 28px; } .ms-drop input[type="radio"], .ms-drop input[type="checkbox"] { position: absolute; margin-top: .1rem; margin-left: -1.25rem; } .ms-drop .ms-no-results { display: none; } /******************* ******************* RWD ******************* *******************/ @media all and (min-width: 1200px){ /* Layout */ .container, .container.fullwidth { width: 1180px; } /* Product menu */ #mobile-menu-trigger-wrapper, .mobileMainMenuClose, .mobileProductMenuClose { display: none; } } @media all and (min-width: 1366px) { /* Layout */ .container { width: 1280px; } .container.fullwidth { width: 90%; } } @media all and (min-width: 1600px) and (max-width: 1919px) { /* Home */ #home-intro { padding: 100px 0 50px; } #search-form { margin-bottom: 40px; } #home-intro-slider span { font-size: 0.875rem; } #home-intro-slider .slide { padding: 0; } } @media all and (min-width: 1366px) and (max-width: 1599px) { /* Layout */ .container.fullwidth { width: 1280px; } /* Header */ #top-contact .hours { font-size: .75rem; } /* Menu */ #menu-item-marki .product-sub-menu { width: 350%; } #menu-item-segment .product-sub-menu { width: 225%; } /* Home */ #home-intro { padding: 100px 0 50px; } #search-form { margin-bottom: 40px; } #search-form form { margin-left: 0; } #home-intro-slider span { font-size: 0.875rem; } #home-intro-slider .slide { padding: 0; } } @media all and (min-width: 1200px) and (max-width: 1365px){ /* Layout */ .container, .container.fullwidth { width: 90%; } /* Header */ #logo img { width: 130px; } #menuToggle { font-size: .875rem; } #menuToggle img { max-height: 13px; } #top-contact .hours { display: none; } #top-phone a { font-size: 1.25rem; } /* Header toggle */ .can-toggle label .can-toggle__switch:before {left: 68px;font-size: 0.625rem;width: 70px;padding: 0 12px;} .can-toggle label .can-toggle__switch:after {top: 0px;left: 0px;border-radius: 2px;width: 68px;font-size: 0.625rem;} .can-toggle label .can-toggle__switch {-ms-flex: 0 0 140px;-webkit-box-flex: 0;flex: 0 0 140px;border-radius: 4px;} .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {-webkit-transform: translate3d(68px, 0, 0);transform: translate3d(68px, 0, 0);} /* Menu */ #product-menu-wrapper { padding: 0 1rem; } #menu-item-marki .product-sub-menu { width: 375%; } #menu-item-segment .product-sub-menu { width: 250%; } /* Home */ #search-form form { margin-left: 0; padding: 1rem; } #home-intro-slider span, #home-intro-slider strong { font-size: .75rem; } #home-intro { padding: 100px 0 50px; } #search-form { margin-bottom: 40px; } #search-form form { margin-left: 0; } #home-intro-slider .slide { padding: 0; } /* Pages */ .contact-data img.contact-logo { max-width: 150px; } #contact-content, #contact-form { -ms-flex-preferred-size: 47%; flex-basis: 47%; } #content .container, .side-padding { padding: 0 1rem; } /* Oferta */ #form-submit { margin-left:0; left:auto; right: calc(5% + 1rem); max-width: 30%; } } @media all and (min-width: 1024px) and (max-width: 1199px){ /* Layout */ .container, .container.fullwidth { width: 90%; } body, .faq-question, input, button, select { font-size: .875rem; } .onlymobile { display: none; } /* Header */ header, #menuToggle { font-size: .75rem; } #top-contact .hours { display: none; } #top-phone a { font-size: 1rem; } #logo img { width: 130px; } .top-icon img { max-height: 20px; } #menuToggle img { max-height: 12px; } #top-mail img { height: 24px; } #top-phone img { max-height: 18px; } /* Menu */ #product-menu-wrapper { padding: 0; } #menu-item-marki .product-sub-menu { width: 375%; } #menu-item-segment .product-sub-menu { width: 250%; } /* Header toggle */ .can-toggle label .can-toggle__switch:before {left: 68px;font-size: 0.625rem;width: 70px;padding: 0 12px;} .can-toggle label .can-toggle__switch:after {top: 0px;left: 0px; border-radius: 2px;width: 68px;font-size: 0.625rem;} .can-toggle label .can-toggle__switch {-ms-flex: 0 0 140px;-webkit-box-flex: 0;flex: 0 0 140px; border-radius: 5px;} .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {-webkit-transform: translate3d(68px, 0, 0);transform: translate3d(68px, 0, 0);} /* Home */ #search-form form { margin-left: 0; padding: 1rem; } #home-intro-slider span, #home-intro-slider strong { font-size: .75rem; } #home-intro { padding: 100px 0 50px; } #search-form { margin-bottom: 40px; } #home-intro-slider span { font-size: 0.875rem; } #home-intro-slider .slide { padding: 0; } /* Product menu */ #mobile-menu-trigger-wrapper, .mobileMainMenuClose, .mobileProductMenuClose { display: none; } /* Pages */ .contact-data img.contact-logo { max-width: 130px; } #contact-content, #contact-form { -ms-flex-preferred-size: 48%; flex-basis: 48%; } #content .container, .side-padding { padding: 0; } /* Lista ofert */ #offers-list.list-view .offer .offer-top, #offers-list.list-view .offer-list-view, #offers-list.list-view .offer .offer-bottom { padding: 1rem; } #offers-list.list-view .offer .offer-top { -ms-flex-preferred-size: 35%; flex-basis: 35%; } #offers-list.list-view .offer-list-view { -ms-flex-preferred-size: 30%; flex-basis: 30%; } #offers-list.list-view .offer .offer-bottom { -ms-flex-preferred-size: 15%; flex-basis: 15%; } #offers-list.list-view .offer-list-view .ribbon { font-size: .75rem; } #offers-list.list-view .offer-top .offer-title, #offers-list.grid-view .offer-top .offer-title {font-size: .875rem ;} #offers-list .offer .offer-top .offer-text { font-size: .75rem; } .ribbon-hot { width: 80px; height: 80px; left: -3px; top: -3px; } .ribbon-od-reki { width: 60px; height: 20px; right: -3px; top: 10px; } #offers-list.list-view .full-price { font-size: 1rem; text-align: right; } #offers-list.list-view .offer-btn { height: 34px; line-height: 34px; } #offers-list.list-view .offer .offer-img { -ms-flex-preferred-size: 17.5%; flex-basis: 17.5%; } /* Pojedyncza oferta */ #single-left { -ms-flex-preferred-size: 55%; flex-basis: 55%; max-width: 55% } #single-right { -ms-flex-preferred-size: 40%; flex-basis: 40%; } #single-right { padding: 1rem; } #single-right form button[type="button"] { font-size: .75rem; font-weight: normal; height: 40px; line-height: 40px; } .fixed-box { width: 35%; } .fixed-box button#send-form { margin-top: auto; } .oferta #gotop { bottom: 170px; } #form-submit { margin-left:0; left:auto; right: 5%; max-width: 36%; } .single-box > .offerBoxContent > .flex { flex-wrap: wrap; } .column { margin: 0 5% 1rem 0; flex-basis: 45%; } /* Fixy */ .top-search { width: 250px; } #home-text-content h3 { text-align: left; } #quotes .flex { flex-wrap: wrap; } .quote-item { flex-basis: 47%; margin-bottom: 1rem; } #newsletter form button { height: 100%; line-height: 1; align-self: center; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; align-items: center; } #newsletter form input { align-self: center; } } @media all and (max-width: 1023px){ /* Layout */ .container { width: 90%; } .hiddenBody { overflow-y: scroll; position: relative; height: 100%; } body, .faq-question, input, button, select { font-size: .875rem; } #content .container, .side-padding { padding: 0; } .onlymobile { display: none; } /* Header */ .top-icon, .hours { display: none; } #top-phone a { font-size: 1rem; } #logo img { width: 120px; } header, #menuToggle { font-size: .75rem; } #menuToggle img { max-height: 12px; } #top-mail img { height: 22px; } #top-phone img { max-height: 18px; } /* Header toggle */ #switch { width: 140px; } .can-toggle label .can-toggle__switch:before {left: 68px;font-size: 0.625rem;width: 70px;padding: 0 12px;} .can-toggle label .can-toggle__switch:after {top: 0px;left: 0px;border-radius: 2px;width: 68px;font-size: 0.625rem;} .can-toggle label .can-toggle__switch {-ms-flex: 0 0 140px;-webkit-box-flex: 0;flex: 0 0 140px;border-radius: 2px;} .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {-webkit-transform: translate3d(68px, 0, 0);transform: translate3d(68px, 0, 0);} /* Home */ #search-form form { margin: 0 auto; } #home-intro { padding: 100px 0; animation: inherit; } #home-intro-slider .slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #home-intro-slider .owl-prev { background: url(../images/icons/arrow_left.svg) no-repeat; background-size: 12px auto; background-position: center center; margin-top: -18px; } #home-intro-slider .owl-next { background: url(../images/icons/arrow_right.svg) no-repeat; background-size: 12px auto; background-position: center center; margin-top: -18px; } #home-icons .flex, #usp .flex, #quotes .flex, #marki .flex, #others .flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .home-icon, .usp-item, .quote-item { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 3rem; } #home-icons, #usp, #quotes, #others { padding-bottom: 0; } #home-text .flex { display: block; } #home-text-content { margin-bottom: 2rem; } #home-text iframe { display: block; margin: 0 auto; } #marki a { -ms-flex-preferred-size: 16.666%; flex-basis: 16.666%; text-align: center; } #marki a img { display: block; margin: 0 auto; } .marki-line:first-child { margin-bottom: 0; } .other { -ms-flex-preferred-size: 48%; flex-basis: 48%; margin-bottom: 3rem; } #others .flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #newsletter .container.flex { display: block; text-align: center; } #newsletter h4 { margin-bottom: 2rem; } /* Footer */ footer .container { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-column { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 3rem; } footer .container.flex { padding-bottom: 1rem; } /* Page */ #page-intro { min-height: 100px; padding: 60px 0; } .page-intro-text br { display: none; } .page-intro-text { font-size: 1rem; } .kontakt #content .container.flex { display: block; } /* Lista ofert */ #offers-list.grid-view .offer { -ms-flex-preferred-size: 48%; flex-basis: 48%; } #offers-list.list-view .offer .offer-top { padding: 1rem; } #offers-list.grid-view .offer:nth-child(4n+4), #offers-list.grid-view .offer:last-child { margin: 0 0 1.5rem; } #offers-list.list-view .offer .offer-top, #offers-list.list-view .offer-list-view, #offers-list.list-view .offer .offer-bottom { padding: .5rem; } #offers-list.list-view .offer .offer-img { -ms-flex-preferred-size: 17.5%; flex-basis: 17.5% } #offers-list.list-view .offer .offer-top { -ms-flex-preferred-size: 35%; flex-basis: 35%; } #offers-list.list-view .offer-list-view { -ms-flex-preferred-size: 30%; flex-basis: 30%; } #offers-list.list-view .offer .offer-bottom { -ms-flex-preferred-size: 15%; flex-basis: 15%; } #offers-list.list-view .offer-list-view .ribbon { font-size: 0.625rem; } #offers-list.list-view .offer-btn, #offers-list.list-view .offer-list-view .ribbon { height: 28px; line-height: 28px; } #offers-list .offer-top .offer-title {font-size: .875rem ;} #offers-list .offer .offer-top .offer-text, #offers-list.list-view .offer-top .offer-title { font-size: .75rem; } #offers-list.list-view .full-price { font-size: .75rem; text-align: right; } /* Pojedyncza oferta */ .single-heading-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .single-heading-info { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; text-align: left; margin-top: 1rem; } #single-left, #single-right { -ms-flex-preferred-size: 100%; flex-basis: 100%; } #content > .container.flex { -ms-flex-wrap: wrap; flex-wrap: wrap } .fixed-box { width: 100%; } .fixed-box-right { -ms-flex-preferred-size: 45%; flex-basis: 45% } .single-box .offerBoxContent > .flex, .tab-content > .flex { display: block; } .column { margin-right: 0; } .single-heading-1 img { width: 40px; } .oferta #gotop { bottom: 170px; } #form-submit { margin-left:0; left:auto; right: 5%; width: 100%; max-width: auto } #form-submit.staticSubmit { width: calc(100% + 2rem) } /* Fixy */ .top-search { display: none; } .home_banner, .usp-item, .quote-item { flex-basis: 47%; margin-bottom: 1.5rem; } /* Blog */ .grid-container { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-gap: 15px; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* Product menu tablet */ #product-menu-wrapper { padding: 0; } #menu-item-marki .product-sub-menu { width: 450%; } #menu-item-segment .product-sub-menu { width: 300%; } .product-menu-item, .product-sub-menu { font-size: .75rem; } .product-sub-menu input, .product-sub-menu select, .product-sub-menu button { font-size: .75rem; height: 40px; line-height: 40px; } /* Product menu */ #mobile-menu-trigger-wrapper, .mobileMainMenuClose, .mobileProductMenuClose { display: none; } /* Pojedyncza oferta */ .th-skrzynia, .td-skrzynia { display: none; } } @media all and (max-width: 767px){ /* Header */ header .container { height: 80px; } #top-contact, #menuToggle { display: none; } /* Home */ iframe { max-width: 100%; } /* Mobile menu */ .product-sub-menu button { max-width: 100%; } #product-menu { display: none; } #mobile-menu-trigger-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #fff; } #mobile-menu-trigger-wrapper > div { -ms-flex-preferred-size: 50%; flex-basis: 50%; } #mobile-menu-trigger-wrapper a { padding: 1rem .5rem; color: #fff; display: block; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #333; max-height: 50px; } #mobile-menu-trigger-wrapper a span { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } #mobile-menu-trigger-wrapper a:hover { background: #111; } #mobile-menu-trigger-wrapper a img { margin-right: 10px; max-width: 16px; } .mobileMainMenuClose, .mobileProductMenuClose { float: right; margin-bottom: 1rem; } #main-menu .menu , #product-menu-wrapper { clear: both; } #main-menu .menu { text-align: center; } #main-menu, #product-menu { position: fixed; width: 100%; padding: 1rem; height: 100vh; top: 0; left: 0; overflow: hidden; font-size: 1rem; z-index: 99999999; } #product-menu { background: #fff; overflow-y: scroll; padding-bottom: 4rem; } #product-menu-wrapper { padding: 0; display: block; } .product-menu-item { font-size: 1rem; position: static; } .product-menu-item, .product-menu-item:last-child { border: none; display: block; height: auto; width: 100%; } .product-sub-menu { width: 100%!important; display: none; position: static; visibility: visible; opacity: 1; overflow: hidden; -webkit-box-shadow: none; box-shadow: none; border: none; overflow: visible; } .sub-menu-column { width: 100%!important; float: none!important; clear: both!important; padding: 0!important; } .product-sub-menu .clearfix { text-align: left; font-size: 1rem; padding: 1rem 0; } .onlymobile { display: block; } /* Lista ofert */ #sorting-bar { padding: .5rem 0; } #sorting-bar .btn { height: 40px; line-height: 40px; } #view-toggle-wrapper { margin-top: .5rem; } .lista-ofert #content { margin-top: 1rem; } #fiter-toggle.btn, #sorting-toggle.btn { padding: 0 1rem; } #offers-list.list-view .offer { -ms-flex-wrap: nowrap; flex-wrap: nowrap; border-radius: 0; } #offers-list.list-view .offer .offer-img { -ms-flex-preferred-size: 15%; flex-basis: 15%; padding: 1%; -ms-flex-item-align: start; align-self: flex-start; } #offers-list.list-view .offer .offer-img img { border-radius: 0; } #offers-list.list-view .offer .offer-top { -ms-flex-preferred-size: 37%; flex-basis: 37%; padding: 1%; } #offers-list.list-view .offer-list-view { -ms-flex-preferred-size: 22%; flex-basis: 22%; padding: 1%; } #offers-list.list-view .offer .offer-bottom { -ms-flex-preferred-size: 15%; flex-basis: 15%; padding: 1%; } #offers-list.list-view .offer-list-view { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #offers-list .offer .offer-top .offer-text, #offers-list.list-view .offer .offer-top .offer-points, #offers-list.list-view .offer .full-price small { font-size: .5625rem; } #offers-list.list-view .offer-top .offer-title { font-size: .625rem; } #offers-list.list-view .offer .full-price span { font-size: .75rem; } #offers-list.list-view .offer-list-view .ribbon.hot-label , #offers-list.list-view .offer-list-view .ribbon.od-reki-label { padding: .2rem ; height: auto; line-height: 1.2; text-align: center; width: 100%; display: block; font-size: 0.4375rem; margin: 0 0 .1rem; } #offers-list.list-view .offer-btn { padding: 0 .5rem; font-size: .75rem; height: auto; line-height: 1.5; } #offers-list.list-view .offer-btn::after { width: 8px; height: 8px; margin-left: 5px; } /* Pojedyncza oferta */ .th-cena, .td-cena, .th-skrzynia, .td-skrzynia { display: none; } #single-intro { padding: 1rem 0; } .offerBoxContent { display: none; padding-top: 1rem; } .openBox { width: auto; padding: 0 1rem; } #single-tabs { width: 100%; margin: 0; } .tab-content { padding: 1rem 0 0 0; } /* Konfigurator */ #config { padding: 40px 0; } .kroki { flex-wrap: wrap; font-size: .75rem; } .kroki > * { flex-basis: 50%; padding: .5rem; } .kroki > *:nth-child(3) { border-left: 1px solid rgba(0,0,0,.15); border-right: 1px solid rgba(0,0,0,.15); } #config-modal { max-width: 90%; } .config-modal-footer .flex a, .config-modal-footer .flex button { width: 120px; } #segment-konfig .form-line.flex { flex-wrap: wrap; } #segment-konfig .column { width: 100%; padding: 0; } /* Blog */ .grid-container { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; grid-gap: 12px; } } @media all and (max-width: 599px){ /* Lista ofert */ #offers-list.grid-view .offer { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 0 1.5rem; } #sorting-bar .container { -ms-flex-wrap: wrap; flex-wrap: wrap } #sorting-bar .container > span { -ms-flex-preferred-size: 48%; flex-basis: 48%; margin: 0 1%;} #view-toggle-wrapper > span { margin: 0 1rem; } #fiter-toggle { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } #sorting-toggle { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #view-toggle-wrapper { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex; } /* Fixy */ .home_banner, .usp-item, .quote-item, .other { flex-basis: 100%; } } @media all and (max-width: 479px){ /* Layout */ h1 { font-size: 1.75rem; } h2 { font-size: 1.5rem; } h3 { font-size: 1.25rem; } h4 { font-size: 1rem; } h5 { font-size: .875rem; } /* Home */ #search-form form select:nth-child(2n+1) { margin-left: 0; } #search-form form select:nth-child(2n) { margin-right: 0; } #search-form form select { width: 100%; } #home-intro { padding: 30px 0; } #search-form { margin-bottom: 20px; } #search-form form { padding: 1rem; } #home-intro-slider .owl-prev { left: 5px; } #home-intro-slider .owl-next { right: 5px; } #home-intro-slider .slide { padding: 0 30px; height: 66px; } #testimonials-slider .owl-prev, #logos-slider .owl-prev, #hot-offers-slider .owl-prev { left: -10px; } #testimonials-slider .owl-next, #logos-slider .owl-next, #hot-offers-slider .owl-next { right: -10px } .owl-prev, .owl-next { width: 30px; height: 30px; margin-top: -15px; } #newsletter form input { -ms-flex-preferred-size: 70%; flex-basis: 70% } #newsletter form button { -ms-flex-preferred-size: 30%; flex-basis: 30%; margin-left: auto; } #newsletter form button:after { display: none; } /* Footer */ .footer-column { -ms-flex-preferred-size: 100%; flex-basis: 100%; } /* Page */ .contact-data.flex { display: block; } /* Oferta */ .tabs.flex { display: block; } #single-right .form-oplata button[type="button"] { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-right: 0; } .td-zobacz .btn { width: auto; padding: 0 .2rem; } .breadcrumb a, .breadcrumb span { display: inline-block; font-size: .75rem; } .breadcrumb a, .breadcrumb span { padding: 0 3px; } table { font-size: .75rem; } table td, table th { width: auto!important; } #form-submit { max-width: 90%; } .fixed-box-right .full-price span { font-size: 2.25rem; } .formLabel { font-size: .5rem; margin: 0 .25rem 1rem; padding: .25rem; } .single-cover .gwarancja-zwrotu { top: 10px; right: 10px; } .single-cover .ribbon-od-reki { top: 40px; } .line .line-middle, .line { font-size: .75rem!important; line-height: 1.5!important; } .line-left { flex-basis: 117px; } /* Blog */ .grid-container { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 5px; } }