/* Quick.Cart default stylesheet More about design modifications - http://opensolution.org/Quick.Cart/docs/ext_6.6/?id=en-design */ /* GLOBAL STYLES */ body, body *{margin:0;padding:0;border:0;} body,table {color:#3a3a3a;font-size:0.75em;font-family:'Lato', Arial, Verdana, sans-serif;} html {font-size: 16px;background:#fff;} * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} table{border-collapse:collapse;border-spacing:0;font-size:100%;padding:16px;box-shadow: 0px 12px 30px rgba(0,0,0,0.32);} tbody, tfoot, thead{margin:0;padding:0;} caption, tr, th, td{margin:0;padding:7px 0 0 3%;font-size:100%;font:inherit;vertical-align:baseline;border:2px solid #fff;} td p {margin: 5px auto 5px !important;} strong {font-weight:600;} body{padding:0;background:#fff;text-align:center;} .hideme {opacity: 0;} p {font-size: 16px;font-weight: 400;font-family: 'Lato',Verdana,Tahoma;line-height: 34px;margin: 30px auto 20px;max-width: 1120px;color:#3a3a3a;text-align:left;} h1 {padding: 0 0 10px 0;font-weight: 400;letter-spacing: 0;font-size: 34px;text-align: left;font-family: 'Poppins',Arial,Verdana,Tahoma;max-width: 1000px;color:#0d1c29; margin: 0 auto;} h2 {margin: 20px auto 10px auto;font-size: 22px;font-weight: 400;text-align: left;line-height: 38px;font-family: 'Poppins',Arial,Verdana,Tahoma;text-transform: none;} h3 {font-size: 18px;font-weight: 400;font-family: 'Poppins',Verdana,Tahoma;line-height: 36px;margin: 30px auto 20px;color:#3a3a3a;text-align:left;} h4 {margin: 20px auto 30px auto;font-size: 22px;font-weight: 400;text-align: center;line-height: 38px;font-family: 'Poppins',Arial,Verdana,Tahoma;text-transform: none;color:#7c7e7d;} #page div.content img {width: 100%;margin:10px auto;} #page div.content h1, #page div.content h2, #page div.content h3, #page div.content p {text-align: left;} .input, select, textarea{padding:2px;border-width:1px;border-style:solid;border-color:#bbb #ddd #ddd #bbb;font-size:1em;font-family:Verdana;text-shadow:1px 1px #e0e0e0;} .input.warning-required, select.warning-required, textarea.warning-required{border-color:#ac0000 #c78688 #c78688 #ac0000;background:#fbefef;} .input:focus, select:focus, .textarea:focus{text-shadow:none;} .submit{padding:5px 14px;border-width:1px;border-style:solid;border-color:#9d9d9d #3f3f3f #3f3f3f #9d9d9d;background:transparent;color:#fff;font-weight:300;font-size:1em;font-family:Verdana;} .submit:hover{background:#0d0942;cursor:pointer;} * html .submit{padding:3px 1px;} /* IE 6 hack */ * html .input{height:21px;} /* IE 6 hack */ .form label{font-size:1em;color:#2e6a97;font-weight:bold;} .form legend{display:none;} .form label span{padding-left:10px;color:#949494;font-weight:normal;text-shadow:none;} .hide{display:none;} a{color:#7a5e2a;text-decoration:none;cursor: pointer !important;} a:hover{color:#d5992a;text-decoration:none;} button , .wyslij, .slogan button:hover {border:0px solid #fff;padding:16px 40px 16.5px 50px;font-size: 11px;font-weight: 800;font-family: 'Lato',Arial,Verdana,Tahoma;color:#d5992a;background:#fff;margin:0;cursor:pointer;text-transform: uppercase;letter-spacing: 1.25px;border-radius: 25px;cursor: pointer;border:1px solid #d5992a} button:hover, .wyslij:hover {color:#fff;background:#d5992a} .clear{clear:both;height:0px;font-size:0px;line-height:0px;} #skiplinks{position:absolute;top:0px;left:0px;} #skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;} #skiplinks a:focus{top:0;background:#000;color:#fff;} #container{position:relative;float:left;width:100%;margin:0 auto;padding:0 0;overflow:hidden;} .container {padding: 0;} #body {width:100%;margin:0 auto;padding:0;} #head1 .container{width:92%;margin:0 auto;text-align:center;padding:0 4%;max-width: 1600px;} #head2 .container{width:92%;margin:0 auto;text-align:left;padding:0 4%;} #head3 .container{width:92%;margin:0 auto;text-align:left;padding:0 4%;} #head4 .container{width:92%;margin:0 auto;text-align:left;margin:0 auto; max-width: 1920px;} #body .container{width:90%;margin:0 auto;text-align:left;padding:0 5%;} #foot .container{width:92%;margin:0 auto;text-align:left;padding:0 4%;} #body {max-width:1360px;margin:0 auto;text-align:left;padding:0;clear: both;} /* HEADER WITH TOP MENU ABOVE LOGO */ #head1 .container{overflow:hidden;} * html #head1 .container, * html #head2, * html #head3, * html #body{background:none;} /* IE 6 hack */ #head4 {margin-top: 25px;} /* MENU TOP 1 */ /*#menu1 {float:left;margin: 16px 0 0 5%;} #menu1 ul{height:100%;list-style:none;} #menu1 li{display: inline-block;} #menu1 li a{float: left;height: auto;padding: 11px 16px 14px;font-weight: 400;margin: 16px 0 10px;color: #888;font-size: 12.2px;text-decoration: none;-webkit-transition: all 0.25s;transition: all 0.25s; font-family: 'Lato',Arial,Verdana,Tahoma;letter-spacing: 1.75px;border-radius: 24px;text-transform: uppercase;} #menu1 li a:hover, #menu1Scroll .selected a{color:#0d0942 !important;}*/ #menu1 li.lBasket{padding:0 8px 5px 20px;} #menu1 li.lBasket a{position:relative;padding:2px 0 0 18px;background:none;color:#0d0942;} #menu1 li.lBasket a:hover{color:#2e6a97;} #menu1 li.lBasket span{display:block;color:#444;font-size:0.917em;font-family:sans-serif;} /* LOGO, HEADER BACKGROUND AND SLOGAN */ #head2 {clear:both;} #head2 .container{background:#fff;} #logo{padding: 0;float: left;display: block;} #logo img {max-width: 235px;margin: 29px 0;height: auto;} .logo{padding: 0;} .logo img {max-width: 148px;margin: 20px 0 0 0;height: auto;} .logoIdScroll {display: none !important;} .logoClassScroll {display: block !important;} /* HEADER WITH TOP MENU BELOW LOGO */ #head3 .container{background:#fff ;overflow:hidden;height:auto;border-color:#969393;border-top:0 solid #ddd;border-bottom:0 solid #ddd;} #head4 .container {width:100%;position: relative;margin-top:0;} #head4 .container img {width:100%;} #head4 .container img a {position: absolute;} .banner {height: auto;top: 0;overflow: hidden;position: relative;} .menu {display:none;} .banner-mobile, .menu-mobile {display:none;} .slogan {position: absolute;bottom: 38%;left: 50%;text-align: center;letter-spacing: 0;transform: translate(-50%, 50%);width: 100%;padding: 0;text-shadow: 1px 1px 1px rgba(0,0,0,0.62);max-width: 600px;} .slogan h2{color:#fff;width: 100%;font-size: 64px;font-weight: 700;font-family: 'Poppins',Arial,Verdana,Tahoma;margin: 0 0 20px;letter-spacing: 0;text-align: center;text-transform: none;} /*.slogan h3{color:#fff;width: 100%;font-size: 17px;font-weight: 400;line-height: 34px;font-family: 'Lato',Arial,Verdana,Tahoma;margin: 40px 0 30px;letter-spacing: 0.5px;text-align: center;background: rgba(0,0,0,0.0);padding: 5px 20px 15px 0;}*/ .slogan h3 {color: #fff;width: 90%;font-size: 22px;font-weight: 400;line-height: 30px;font-family: 'Lato',Arial,Verdana,Tahoma;margin: 20px 0 30px;letter-spacing: 0.5px;text-align: center;background: rgba(0,0,0,0.0);padding: 0px 5%;} .slogan span a {margin-left: 50px;color:#fff;font-weight: 600;font-size: 18px;font-family: 'Lato',arial,verdana,tahoma;letter-spacing: 1.25px;} .slogan span img {margin: -2px 12px 0 0;} .slogan .kontakt {margin-top:10px;padding-left: 0;display: block ruby;} .slogan button, .wyslij {background: #fff;color: #d5992a;} .slogan button:hover, .wyslij:hover {background: #d5992a;color: #fff;} .slogan button, .slogan button:hover {border: 0;} .przejscie {width:100%;position: absolute;left:0;right:0;bottom:0;} .przejscie img {width:100%;} .wstep-desktop {display:none;} .wstep-mobile {display:block;margin: 90px auto 60px !important;} /* MENU TOP 2 */ #menu1, #menu2 {position: static;width: 100%;margin: 11px auto 0;text-align: left;} #menu1 ul, #menu2 ul{height:100%;list-style:none;} #menu1 li, #menu2 li{display: inline-block;} #menu1 li a, #menu2 li a{float:left;height:auto;padding:11px 25px;color:#494848;font-size:12px;letter-spacing: 2px;text-decoration:none;text-transform: uppercase;-webkit-transition: all 0.25s;transition: all 0.25s;} #menu1 li a:hover, #menu1 .selected a, #menu2 li a:hover, #menu2 .selected a{color:#d5992a;} /* BODY STYLES - LEFT AND RIGHT COLUMN */ #body .container{margin: 100px auto 0;max-width: 1360px;} /* LEFT COLUMN STYLES */ #column{float:left;width:30%;padding:0 0 20px 0;background:transparent;margin-top: -23px;} .order #column{display:none;} .column {text-align: left;width:100%;padding:0 0 40px 0;margin-bottom: 0px;} .column h2 {text-transform: uppercase;} .column div {text-align: center;} .column img {margin:30px auto 20px;border-radius: 50%;width:90%;height:auto;} .column p {text-align: center;font-size: 1.32em;line-height: 1.5em;margin:15px 0;} .column h3 {text-align: center;font-size: 1.32em;line-height: 1.5em;margin:15px 0;font-weight: 700;text-transform: uppercase;color:#0d0942;} #searchForm{padding:0 0 15px 0 ;text-align:center;} #searchForm label, #searchForm legend{display:none;} #searchForm .input{width: 93%;padding: 10px 3%;} #searchForm .submit{padding:5px 0 9px;font-size:1.65em;font-style:normal;border:0;background:transparent;margin: 0px 0px 0 -40px;position: absolute;}#searchForm .submit:hover{color:#0d0942;} *:first-child+html #searchForm .submit{padding:3px 3px 8px;} /* IE 7 hack */ * html #searchForm .submit{padding:3px 3px 8px} /* IE 6 hack */ #menu3{padding:0 0;} #column .type{margin-top:30px;text-align: left;font-size: 1.2em; line-height: 1.5em;text-transform: uppercase;font-weight: 700;} /* LEFT MENU */ #menu3 ul{padding:10px 0;list-style:none;background:#fff;} #menu3 li{margin:0;padding:4px 0 4px 0;} #menu3 a{display:block;width:100%;padding:8px 0 10px;color:#554f53;font-weight:300;text-decoration:none;background:none;font-size: 1.25em;text-align: left;border-bottom: 1px solid #eee;} #menu3 a:hover, #menu3 .sub1 a:hover{color:#0d0942;background:none;text-decoration:underline;} #menu3 .selected > a:first-child{color:#0d0942;background:none;} #menu3 .sub1{margin:0;padding:5px 0 15px;border:0;background:none;} #menu3 .sub1 li{padding:2px 0 2px 0px;} #menu3 .sub1 a{display:block;width:93%;padding:8px 0 10px 7%;font-weight:300;} /* RIGHT COLUMN STYLES */ #content{float:right;width:100%;padding:0 0 50px;text-align:center;background:transparent;} * html #content{width:658px;} /* IE 6 hack */ .order #content{width:100%;} #page{position:relative;width:100%;margin:0 auto 50px;text-align:left;} * html #page{width:100%;} /* IE 6 hack */ * html .order #page{width:94%;} /* IE 6 hack */ /* NAVIGATION PATH - TREE */ #page div.breadcrumb{position:absolute;top:-25px;left:0px;padding:2px 0;font-size:1em;font-weight:normal;display:none;} #page div.breadcrumb a{text-decoration:none;} #page div.breadcrumb a:hover{text-decoration:underline;} *:first-child+html #page div.breadcrumb{top:-5px;} /* IE 7 hack */ * html #page div.breadcrumb{top:-5px;} /* IE 6 hack */ /* PAGE CONTENT */ #page div.content{padding: 0;font-size:1em;line-height:1.5em;max-width: 1120px;margin:auto;} #page div.content ul, #content .subpagesList li ol{margin:30px 0 40px 0;padding:0;} #page div.content li{margin:8px 0;padding:0;border-left:0;font-size: 17px;font-weight: 400;font-family: 'Lato',Arial,Verdana,Tahoma;line-height: 1.8em;margin: 8px 0 0 40px;} #page div.content p{padding-bottom:10px;margin: 20px auto 10px;} #page div.content li::marker {color:#0d1c29;font-size: 24px;} #page div.content li p {font-size: 16px;line-height: 28px;} .tS{float:right;margin:17px 0 3px;} .tS div{display:inline;} .tS a{margin:0 4px;text-decoration:none;background:inherit;color:#2e6a97;font-weight:bold;font-family:Arial;} .tS a:hover{color:#0d0942;background:inherit;} .tS0{font-size:0.917em;} .tS1{font-size:1.083em;} .tS2{font-size:1.333em;} .pages{padding:8px 0;text-align:right;font-size:1.083em;} .pages ul, .pages li{display:inline;} .pages li{padding:0 2px;} .pages a, .pages strong{padding:0 1px;font-size:1.083em;} /* IMAGES STYLES */ #content .imagesList{list-style:none;width: 100%;display:table;margin: 40px auto;max-width: 1120px;} #content .imagesList li{text-align: center;width: 31.333%;margin: 5px 0 50px;padding: 0 1%;float: left;} #content .imagesList li div{text-align: center;font-size: 1.12em;line-height: 1.4em;font-weight: 300;color: #84848c;font-family: 'Lato',Arial,Verdana,Tahoma;padding: 10px 0 25px;} #content .subpagesList li img, #content .imagesList li img, #content .imagePreview img, #products li .photo img{padding:0;background:#c0bfbf;border:0 solid #eee;width: 100%;object-fit: cover;height: 260px;-webkit-transition: all 1s ease-out;transition: all 1s ease-out;} #content .subpagesList li img:hover, #content .imagesList li img:hover, #content .imagePreview img:hover, #products li .photo a:hover img{border:0 solid #c9cdce;opacity:0.7} #products li .photo img:hover {transform: scale(1.1);opacity:0.82;} #content .subpagesList li img {height: 260px;} #imagesList1{margin: 0;width: 100%;} #imagesList2{clear:right;float:right;margin:8px 0 0 15px;display: none !important;} #content .imagePreview div{margin:5px 0 10px;text-align:center;} #imagesListPreview{float:left;margin:9px 20px 0 0;} * html #imagesListPreview{margin-top:-5px;} #content .imagesList#imagesListPreview li{margin-bottom:3px;} #content .imagesList#imagesListPreview li img{border-width:2px;} #content .imagesList#imagesListPreview li img:hover{border-width:2px;} /* FILES LIST STYLES */ #filesList{width:100%;max-width:1120px;margin:15px auto 5px;list-style:none;} #filesList li{width:100%;float:left;clear:left;margin:25px 0 5px 10px;padding-left:0;} #filesList li a{color:#0d0942;background:inherit;font-size: 1.32em;font-weight:600;} #filesList li a:hover{color:#0d1c29;background:inherit;} #filesList img{margin:0 8px 6px 0;vertical-align:middle;} #filesList em{padding-left:2px;} /* QUICK.BOX */ #quick-box{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba( 0, 0, 0, 0.7 );z-index:200;} #quick-box .background{height:100%;} #quick-box .quick-box-container{position:absolute;padding:0;border-radius:5px;box-shadow: 0 0 15px 1px #000;} #quick-box .image-wrapper{position:relative;line-height:0;} #quick-box .image-wrapper img{margin:0;padding:0;border-radius:5px;} #quick-box .navigation{position:absolute;bottom:0;margin:0;padding:5px 0;text-align:center;font-size:0.875em;font-weight:bold;color:#ddd;line-height:normal;background:rgba( 0, 0, 0, 0.2 );width:100%;} #quick-box .description{margin:0;padding:5px 0;text-align:center;font-size:0.875em;color:#ddd;font-weight:bold;background:rgba( 0, 0, 0, 0.8 );border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:66px;overflow:hidden;} #quick-box .prev, #quick-box .next{position:absolute;display:block;width:50%;top:15%;height:70%;margin:0px;color:#fff;font-family:Verdana;z-index:100;opacity:0.15;text-decoration:none;} #quick-box .prev span, #quick-box .next span{position:absolute;top:47%;left:0;padding:10px;border:1px solid #fff;background:#000;} #quick-box .next span{left:auto;right:0;border-right:none;} #quick-box .prev span{border-left:none;} #quick-box .next:hover, #quick-box .prev:hover{opacity:0.8;} #quick-box .prev{left:0;} #quick-box .next{right:0;} #quick-box .close{position:absolute;top:0;right:0;padding:0 4px 2px;opacity:0.5;background:#000;color:#fff;font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:1px solid #fff;border-top:none;border-right:none;border-top-right-radius:5px;z-index:100;} #quick-box .close:hover{opacity:0.8;} #quick-box .close, #quick-box .prev, #quick-box .next{line-height:normal;} #quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;} /* SUB PAGES LIST STYLES */ #content .subpagesList{width:100%;margin:50px auto 70px;list-style:none;max-width: 1660px;display: table;} #content .subpagesList li{float:left;width:31.733%;margin:10px 0;padding:18px 0.8%} * html #content .subpagesList li{width:100%;} /* IE 6 hack */ #content .subpagesList li .photo{margin:0 0 5px 0;} #content .subpagesList li h2{padding-bottom: 5px;margin: 28px auto 10px auto;text-align: center;width: 96%;text-transform: none;} #content .subpagesList li h2, #content .subpagesList li h2 a{color:#25211c;font-size:1.32em;font-weight:400;line-height: 1.32em;background:none;} #content .subpagesList li h2 a:hover{color: #0d1c29;background:none;} #content .subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;width: 96%;margin:auto;display: none;} #content .subpagesList li ul, #content .subpagesList li ol{float:left;width:100%;margin:5px 0 0 30px;padding:0;} #content .subpagesList li li{padding:0;border-bottom:0;background:none;-webkit-box-shadow:none;box-shadow:none;} #content .subpagesList li ul{list-style:disc;} #content .subpagesList li ol{list-style:decimal;} #content .subpagesList li p{padding-bottom:10px;font-size: 1.22em;font-weight: 400;letter-spacing:0;line-height: 1.8em;margin: 10px auto 20px;max-width: 990px;color: #0d0942;text-align: left;width: 100%;} /* OPTIONS LINK */ #options{clear:both;float:right;width:100%;margin:10px 10px;color:#554f53;font-size:1em;text-align:right;display:none;} /* drukuj ukryte */ *:first-child+html #options{width:94%;} /* IE 7 hack */ * html #options{width:94%;} /* IE 6 hack */ #options a{padding:0 10px 0;color:#2e6a97;background:inherit;} #options a:hover{color:#0d0942;background:inherit;} #options .back, #options .print{float:right;} #options .print a{border-left:1px solid #e0e0e0;} .message{padding:50px 0;text-align:center;} .message h2{background:inherit;color:#0d0942;font-weight:normal;font-size:2.4em;line-height:1.7em;} .message h2 a{color:#2e6a97;background:inherit;} .message h2 a:hover{color:#554f53;background:inherit;} /* PRODUCTS LIST */ #products{clear:both;float:left;width:100%;margin:0 0 100px 0;list-style:none;} #products ul.list{float:left;width:100%;list-style:none;} #products .list li{float:left;width:200px;margin-left:20px;padding:20px 0;border-bottom:1px solid #e0e0e0;text-align:center;} #products .list li:last-of-type {border:none;} #products .list li{position:relative;clear:both;width:100%;margin:5px 0;padding:75px 0 10px;text-align:left;} #products .list li:first-of-type {margin-top:0;padding-top:0;} #products .list li li{float:none;width:auto;margin-left:0px;padding:0;border-top:0px;text-align:left;} #products li.column1{clear:both;margin-left:0;} #products li .photo{margin-top:4px;font-size:0px;line-height:0px;overflow: hidden;background: #000;} #products li h2, #product h2{padding:20px 0 10px 0;font-weight:400;font-size:2em;text-align: center;line-height: 1.5em;} #products li h2 a{text-decoration:none;color:#554f53;-webkit-transition: all 0.25s;transition: all 0.25s;} #products li h2 a:hover{text-decoration:none;color:#0d0942;} #products li h3{padding-bottom:5px;font-weight:normal;font-size:0.917em;} #products li h3, #products li h3 a{color:#554f53;} #products li h3 a:hover{color:#0d0942;} #products li h3 em{padding:0 5px;} #products li div.description{margin:10px 0 0;text-align:justify;} #products li div.description a{color:#554f53;} #products li div.description a:hover{color:#0d0942;} #products li div.description ul, #products li div.description ol{margin:5px 0 0 25px;padding:0;} #products li .price, #products li .noPrice{margin:10px 0 50px 0;background-color:inherit;color:#554f53;font-weight:300;text-decoration:none;text-align: center;} #products li .price em{padding:0 6px 0 0;background:inherit;color:#554f53;font-style:normal;} #products li .price strong{font-size:1.167em;} #products li .noPrice strong{font-size:1.083em;letter-spacing: 1px;} #products li .price span{padding-left:4px;font-size:1.083em;color:#554f53;} #products li .basket{width:150px;margin:10px auto 0;padding-left:3px;font-size:0.917em;font-weight:bold;} #products li .basket a{display:block;padding:5px 32px 8px 7px;color:#fff;background:url('img/button_cart_list.png') no-repeat right bottom;text-decoration:none;text-shadow:1px 1px #630d2f;} #products li .basket a:hover{text-shadow:0px 0px 5px #e9c0d1;} #products .pages{float: left;width:100%;margin:60px 0 0 0;padding:9px 0;border:0;background:none;text-align:left;font-size:1em;} #products .pages li{margin:0;padding:0 3px;border:0;background:none;} #products .pages a, #products li.pages strong {padding: 0 1px;font-size: 1.2em;padding:16px 21px;color: #484845;border: 0 solid #fff;background: #fff;} #products .pages a:hover {color: #fff;background:#0d0942;} #products .pages .viewAll{padding-right:8px;border-right:1px solid #554f53;} #products .pages .title{padding-left:8px;border:none;} #products .pages#pagesBefore{clear:none;width:auto;display: none;} /* pierwsze listowanie - ukryte */ #products .pages .viewAll, #products .pages .title, #products .sort {display:none;} .pages{padding:10px 0 8px;text-align:right;font-size:1em;} .pages ul, .pages li{display:inline;} .pages li{padding:0 2px;} .pages strong{font-size:1.2em;font-weight:700;border: 1px solid #0d0942;padding: 15px 20px;color: #fff;background:#0d0942;} .pages a{font-size:1.2em;font-weight:300;border: 1px solid #0d0942;padding: 15px 20px;color: #fff;background:#0d0942;} #products .sort{float:left;width:auto;margin:0 10px 0 0;padding:10px 0;border:0;background:none;text-align:left;} #products .sort ul{display:inline;list-style:none;} #products .sort li{display:inline;padding:0 6px;font-weight:bold;border-right:1px solid #554f53;} #products .sort li:last-child{border:none;padding-right:0;} #products .sort li a{font-weight:normal;} .wiecej {width:100%;text-align: center;padding: 50px 0;} .wiecej a{text-transform: uppercase;border:1px solid #0d0942;padding:10px 22px;letter-spacing: 1px;-webkit-transition: all 0.5s;transition: all 0.5s;} .wiecej a:hover{color:#fff;border:1px solid #0d0942;background:#0d0942;} .socialmedia {width:100%;margin-top:20px;text-align: center;} .socialmedia img {width: 18px;height:auto;margin:8px;opacity:0.6;-webkit-transition: all 0.5s;transition: all 0.5s;}.socialmedia img:hover {opacity:1;} /* PRODUCTS DETAILS */ #product{float:left;display:block;width:94%;margin:0 20px 100px 0;text-align:left;} * html #product{margin:0;} /* IE 6 hack */ #product div.breadcrumb{margin:0 0 10px;padding:2px 0 7px;border-bottom:1px solid #bebebe;font-weight:normal;font-size:0.917em;} #product div.breadcrumb, #product div.breadcrumb a{background:inherit;color:#554f53;} #product div.breadcrumb a:hover{background-color:inherit;color:#0d0942;} #product div.breadcrumb em{padding:0 5px;} #product #box{float:right;width:100%;margin:0 0 40px 10px;padding:0 0 10px;text-align:center;} #product #box form{font-weight:bold;} #product #box #price, #product #box #noPrice{padding:7px 0;color:#554f53;font-size:1.2em;text-align:center;} #product #box #noPrice{color:#0d0942;} #product #box #price em{font-style:normal;} #product #box #price strong{padding:0 6px;font-size:1.176em;color:#0d0942;font-weight:bold;} #product #box #available{padding:8px 2px 0;background-color:transparent;color:#554f53;font-weight:bold;font-size:0.9em;display:none;} /* dostępnosć ukryte */ #product #box #addBasket{padding:10px 0 5px;} #product #box #addBasket .submit{width:176px;padding:5px 25px 8px 5px;border:0;background:url('img/button_cart.png') no-repeat right bottom;background-color:inherit;color:#fff;font-size:1.1em;font-weight:bold;text-shadow:1px 1px #630d2f;} #product #box #addBasket .submit:hover{text-shadow:0px 0px 5px #e9c0d1;} #product div.content{clear:left;padding:10px 0 10px;font-size:1.083em;line-height:1.5em;} #product div.content ul, #product div.content ol{margin:5px 0 0 30px;padding:0;} #product div.content li{margin:8px 0;padding:0;border-left:0;} #product div.content p{padding-bottom:10px;font-size: 1.26em;} #product div.content h2{font-size: 1.75em;} #product div.content a {text-decoration: underline;}#product div.content a:hover {text-decoration: none;} /* BASKET AND ORDER */ #orderedProducts table{width:100%;margin:0;border-bottom:2px solid #e0e0e0;font-size:1em;color:#0d0942;text-shadow:1px 1px #e0e0e0;} #orderedProducts td, #orderedProducts th{padding:6px 7px;} #orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:right;} #orderedProducts thead td{padding-bottom:11px;background:#2e6896;color:#fff;text-shadow:1px 1px #17344b;} #orderedProducts thead em{padding:0 4px 0 0;font-style:normal;} #orderedProducts tbody th, #orderedProducts tbody td{border-top:2px solid #fff;background:#f0f6fa url('img/body.png');border-bottom:1px solid #e0e0e0;} #orderedProducts tbody th{text-align:left;} #orderedProducts tbody th a{background:inherit;} #orderedProducts tbody .price, #orderedProducts tbody .summary{font-weight:bold;text-align:right;} #orderedProducts tbody .quantity, #orderedProducts tbody .quantity input{text-align:right;} #orderedProducts tbody .quantity label{display:none;} #orderedProducts tbody a:hover{background:inherit;color:#554f53;} #orderedProducts tfoot{background:url('img/body.png');text-align:right;} #orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment, #orderedProducts tfoot .summaryOrder{text-align:right;} #orderedProducts tfoot .nextStep .submit{background:#0d0942;text-shadow:1px 1px #630d2f;} #orderedProducts tfoot .nextStep .submit:hover{background:#154a72;text-shadow:1px 1px #17344b;} #basket #orderedProducts table{margin:10px 0 0;} #basket .info{padding:10px 0;text-align:left;} #basket #recount{background:#fff;border-bottom:2px solid #e0e0e0;} #basket #recount td{border-bottom:1px solid #e0e0e0;text-align:right;} #basket #recount .submit{padding:2px 3px;} #basket #recount .submit:hover, #basket .buttons #continue .submit:hover{background:#0d0942;} #basket .summaryProducts{font-size:1.36em;font-weight:bold;} #basket .summaryProducts #summary{font-weight:bold;} #basket .del{padding:0 5px 0 10px;} #basket .del a{background:inherit;color:#554f53;} #basket .del a:hover{background:inherit;color:#0d0942;} #basket .buttons #continue{text-align:left;} #basket .buttons #continue .submit{margin-right:5px;padding:3px 5px;} #basket #pageDescription{margin-top:10px;} #basket legend{display:none;} #basket #save{padding:7px;} #basket #save .submit{margin-right:5px;padding:4px 9px;background:#f2f2f2;color:#554f53;border:2px solid #e0e0e0;font-weight:normal;text-shadow:none;} #basket #save .submit:hover{background:#154a72;color:#fff;} #order legend{display:block;padding:20px 0 10px;border:0;font-size:1.2em;font-weight:bold;color:#2e6a97;text-shadow:1px 1px 3px #e0e0e0;} #order #personalData{padding:12px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:url('img/body.png');overflow:hidden;} #order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;} #order #personalData label{display:block;padding:2px 0;font-weight:bold;color:#2e6a97;text-shadow:1px 1px #e0e0e0;} #order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;} #order #personalData #oComment{height:125px;} #shippingAndPayments div{padding:11px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:url('img/body.png');} #order tfoot td, #orderPrint tfoot td{color:#0d0942;} #order .summaryProducts, #order .summaryShippingPayment, #orderPrint .summaryShippingPayment{font-size:1.182em;} #order .summaryProducts th, #order .summaryShippingPayment th, #orderPrint .summaryShippingPayment th{font-weight:normal;text-align:right;} #order .summaryOrder, #orderPrint .summaryOrder{color:#554f53;font-size:1.36em;font-weight:bold;} #order .summaryOrder th, #orderPrint .summaryOrder th{text-align:right;} #order .summaryOrder th, #order .summaryOrder td{border-top:1px solid #e0e0e0;} #order #rulesAccept th{color:#554f53;font-weight:bold;text-align:right;} #order #rulesAccept th, #order #nextStep th{border:0;text-align:right;} *:first-child+html .nextStep .submit, *:first-child+html #basket #continue .submit{padding:2px 0px;} /* IE 7 hack */ /* ORDER SUMMARY/PRINT PAGE */ #orderPrint #pageDescription{padding:10px 8px 20px;text-align:center;background:inherit;color:#0d0942;font-weight:normal;font-size:1.5em;} #orderPrint #pageDescription p{padding:5px 0;} #orderPrint .legend{clear:both;padding:20px 0 10px;background:inherit;color:#2e6a97;font-size:1.2em;font-weight:bold;} #orderPrint dl{float:left;display:block;width:100%;margin:0;padding:5px 0;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:#fff url('img/body.png');} #orderPrint dt, #orderPrint dd{float:left;display:inline-block;width:40%;margin:0;padding:3px 0;} #orderPrint dt{clear:left;text-align:right;} #orderPrint dd{padding-left:3%;font-weight:bold;} #orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;} /* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */ #foot{clear:both;background: #fff;width:100%;padding:5px 0;max-width: 1920px;margin: 0 auto 0 auto;border-top:1px solid #eee;font-family: Arial, Verdana, sans-serif;} #foot .container{margin:0 auto;padding:5px 0;color:#777;overflow:hidden;font-size:1.05em;border-top:0px solid #565656;letter-spacing: 0.5px;} #foot .container span {margin:0 10px;} #foot a{background:inherit;color:#aaa;text-decoration:none;font-weight:300;font-family: Arial, Verdana, sans-serif;} #foot a:hover{color:#fff;background:inherit;} #copy span {color:#888;margin: 0 !important;margin: 12px 0 !important; display: block;font-family: lato;font-weight: 300;font-size: 13px;} /* #foot{clear:both;background: #fdfdfd;width:100%;padding:5px 0;max-width: 1920px;margin: 0 auto 25px auto;border-top:1px solid #000;font-family: Arial, Verdana, sans-serif;} #foot .container{margin:0 auto;padding:5px 0;color:#545454;overflow:hidden;font-size:1.05em;border-top:0px solid #565656;letter-spacing: 0.5px;} #foot .container span {margin:0 10px;} #foot a{background:inherit;color:#545454;text-decoration:none;font-weight:300;font-family: Arial, Verdana, sans-serif;} #foot a:hover{color:#333;background:inherit;} #copy span {color:#898989;margin: 0 !important;} */ #copy{text-align:center;float:left;padding:0;width: 100%;line-height: 24px;} .foot{padding:20px 0 80px;width: 100%;line-height: 28px;text-align: center; background: #eee; width: 100%; letter-spacing: 0.8px;text-align: center;max-width: 1920px; margin: auto;color:#aaa} .foot a {color: #888;}.foot a:hover {color: #555;} .banner, .menu {display:none;} @media print{ /* PRINT STYLES */ #rss{display:none;} * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;text-shadow:none !important;box-shadow:none !important;-webkit-box-shadow:none !important;} body{margin:1cm 0;} #container{width:17.2cm;height:auto;} #head2 .container, #head2{height:auto;} #logo{padding:0 0 0.2cm;} #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{border-width:0px !important;} #body{clear:none;} #body .container{overflow:visible;} #logo #title, #page h1{padding:0;} #page div.breadcrumb{position:relative;top:0;} #header .container, #body .container, #foot .container, #content, #page, #products, #product, .order #content{float:none;width:17.2cm;padding:0;margin:0;} #column, #head1, #head3, #back, #page .tS, #products li .basket, #product #box #addBasket .submit{display:none;} } /* PLUGINS */ /* ZMIANY */ .columna { width: 100%;} .logo-mobile {width: 100%;background-color: #fff;padding: 12px 0;margin: auto;text-align: center;} .logo-mobile img {width: 160px;} .banner-mobile {display:block;} .banner-tablet, .kontakt-top, .kontakt-top2 {display: none;} .kontakt-topScroll, .kontakt-topScroll a {color:#0d0942;} .head1Scroll {background: #fff !important;box-shadow: -10px 10px 40px rgba(0,0,0,.1) !important;} .elmed h1, .elmed h3 {width: 93%;margin: 0 auto 20px;max-width: 530px;color: #000;} .elmed p {width: 93%;margin: 30px auto 20px;max-width: 530px;color: #000;} .ikonki-start {width: 90%;margin: 0 auto 80px;max-width: 530px;} #page div.content {width: 100%;margin: 80px auto 80px;} .ikonki-start .box {max-width: 360px;} .ikonki-start h2, #page div.content h2, .ikonki-start p, #page div.content p, #elmed h1 {text-align: center;max-width: 100%;} .elmed button {background: #fff;color: #d5992a;border: 2px solid #fff;} .elmed button:hover {background: #d5992a;color: #fff;} #page div.content h2 {text-align: left;} #wstep {display: none;} .full-img {width:100%;} .full-img img {width:100%;margin:40px auto; box-shadow: -10px 10px 40px rgba(0,0,0,.36);} .telefon a {margin-left: 0;color:#AB7611;font-weight: 600;font-size: 18px;font-family: 'Lato',arial,verdana,tahoma;letter-spacing: 1.25px;} .telefon img {margin: 0 12px 3px 0;} .start-promo {width: 90%;padding: 90px 5% 140px;background: url('img/start_2.png') center center;text-align: center;margin: 0 auto 120px;background-size: contain;} .start-promo p {font-size: 16px;color:#fff;text-align: center;} #mapa {width:100%;height:350px;margin:0 auto 0 0; position: relative;} .mapa {width:100%;height:350px;filter: grayscale(1);-webkit-transition: all .3s;transition: all .3s;} #mapa:hover .mapa {opacity: 1;} .start-oferta {margin: 60px auto 100px;} .start-oferta-block {overflow: hidden;padding: 50px 0 0;position: relative;-webkit-transition: all 1s;transition: all 1s;} .start-oferta-block .image {height:280px;margin:0 auto 0;-webkit-transition: all .5s;transition: all .5s;} .start-oferta-block img {width:100%;height:393px;object-fit: cover;z-index: 1;position: absolute;} .start-oferta-block {float:left;width:100%;margin: 0;} .start-oferta-block {overflow: hidden;padding: 30px 0;} .start-oferta {width:100%;display: grid;} .start-oferta h2 {color:#c5c5c5;font-size: 13px;font-family: 'Lato',arial,verdana,tahoma;font-weight: 800;text-transform: uppercase;letter-spacing: .5px;} .start-oferta h2 strong {font-size: 40px;margin: 0 20px 0 0;} .start-oferta p {color:#0d0942;font-size: 13.5px;font-family: 'Lato',arial,verdana,tahoma;font-weight: 400;margin:22px 0;line-height: 25px;letter-spacing: .25px;} .start-oferta p:last-of-type {font-size: 13px;font-weight: 600;} .start-oferta-block img {width:100%;height:280px;} #elmed {max-width: 1600px;margin: auto;} #elmed .galeria {width:100%;} #elmed .elmed {width:100%;} #elmed .galeria2 {display: none;} .elmed {width: 32%;background: #f2d05c;padding: 120px 4%;margin: 0 0 ;background-image: linear-gradient(140deg, #f2d05c 0%, #d5992a 75%);} .elmed h2, .elmed h3, .elmed p, .elmed span {color:#000;text-align: center;} .elmed span {display: block;margin: 30px auto 0;} .elmed span a {color:#fff;font-weight: 600;font-size: 16px;font-family: 'Lato',arial,verdana,tahoma;letter-spacing: 1.25px;} .elmed span img {margin: 0 12px -2px 0;} .elmed .kontakt {display:block;margin-top:56px;} .ikonki-start {width:100%;max-width: 1360px;margin: 130px auto;} .ikonki-start .box {margin: 62px auto;text-align: center;filter: grayscale(1);-webkit-transition: all .25s;transition: all .25s;width: 80%;} .ikonki-start .box:hover {filter: grayscale(0);} .ikonki-start .box h2 {text-align: center;font-size: 15px;margin: 5px auto 2px auto;font-weight: 600;color:#314077;text-transform: none;line-height: 22px;font-family: 'Lato',Arial,Verdana,Tahoma;} .ikonki-start .box p {text-align: center;font-size: 14px;font-weight: 400;color:#314077;margin: 6px auto 20px;line-height: 22px;} .ikonki-start .box img {max-width: 62px;width: 100%;margin: 0 auto 10px;} .img_3 {display: none;} .okno-nakladki {width: 96%;background: #4bc7d9;padding: 120px 10%;margin: 0px 0 100px -8%;} .okno-nakladki h2, .okno-nakladki h3, .okno-nakladki p, .okno-nakladki span {color:#fff;text-align: center;} .okno-nakladki span {display: block;margin: 30px auto 0;} .okno-nakladki span a {color:#fff;font-weight: 600;font-size: 16px;font-family: 'Lato',arial,verdana,tahoma;letter-spacing: 1.25px;} .okno-nakladki span img {margin: 0 12px -2px 0;} .okno-nakladki .kontakt {display:block;margin-top:56px;} .bread, .menu-uslugi, .start-projektowanie-wiecej, .okno-projektowanie-wiecej, .start-oferta-block:last-of-type, .okno-oferta-block:last-of-type {display: none;} .kontakt-stopka {margin: 50px 0 0;clear: both;} .kontakt-stopka h3 {font-size: 17px;line-height: 32px;font-weight: 500;} #start-projektowanie, #okno-projektowanie {clear: both;margin: 50px auto 0;display: table;} .start-projektowanie, .okno-projektowanie {width:100%;padding:0;margin:auto;} .start-projektowanie img {width: 100%;margin: 40px 0 60px;} .okno-projektowanie img {width: 100%;margin: 0;} #kontakt-dane {width:100%;background: transparent;padding: 0 0;margin-top: 0;} .kontakt-dane {width:90%;background: #fff;padding: 0 5% 80px 5%;margin-top: 0;} .kontakt-dane .span {padding: 0 0 2px 0;font-weight: 600;letter-spacing: 0.75px;font-size: 14px;text-align: left;font-family: 'Lato',Arial,Verdana,Tahoma; margin: 0 auto;text-transform: uppercase;} .kontakt-dane h1 {margin: 20px auto 35px auto;font-size: 23px;font-weight: 600;text-align: left;line-height: 38px;font-family: 'Lato',Arial,Verdana,Tahoma;text-transform: none;letter-spacing: 0;} .kontakt-dane p {margin: 15px auto;} .kontakt-dane a:hover {text-decoration: underline;} .kontakt-dane img {filter: invert(1);} .kontakt-galeria {display: none;} #opinie {background-color: #191c1c;margin: 0 auto 0;padding: 120px 0 140px;} #opinie h2 {font-size: 19px;font-weight: 300;text-align: center;line-height: 34px;color:#a9aaa9;font-family: 'Times New Roman', Times, serif;text-transform: none;font-style: italic;} #opinie p {font-size: 15px;font-weight: 500;text-align: center;color:#686262;font-family: 'Lato',Arial,Verdana,Tahoma;text-transform: none;margin-left: 50px;} #opinie .cyt {float:right;margin: -20px 0 0 0;} #opinie .carousel {padding: 0 5% 60px;max-width: 880px;margin: auto;} #opinie .carousel-indicators li {display: inline-block;width: 26px;height: 5px;margin: 7px;text-indent: -999px;cursor: pointer;background-color: #fff;border: 0 solid #858585;border-radius: 2px;} #opinie .carousel-indicators .active {width: 26px;height: 5px;margin: 7px;text-indent: -999px;cursor: pointer;background-color: #fff;border: 0 solid #ccc;border-radius: 2px;box-shadow: 0 0 5px rgba(255,255,255,1);} #opinie .carousel-indicators li:nth-child(1), #opinie .carousel-indicators li:nth-child(7) {opacity: .25;} #opinie .carousel-indicators li:nth-child(2), #opinie .carousel-indicators li:nth-child(6) {opacity: .5;} #opinie .carousel-indicators li:nth-child(3), #opinie .carousel-indicators li:nth-child(5) {opacity: .75;} .carousel-indicators {position: absolute;bottom: 10px;left: 0;z-index: 15;width: 90%;padding-left: 0;margin-left: 5%;text-align: center;list-style: none;} /*.carousel img {display: none;}*/ #kontakt-mapa {width:100%;height:350px;margin:15px auto 0;background: #44acc6;background-image: linear-gradient(to right, #434ec7 , #44acc6);} .kontakt-mapa {width:100%;height:350px;filter: grayscale(70%) contrast(100%) saturate(100%);mix-blend-mode: hard-light;padding:0} #szczegoly {width:100%;padding: 140px 0 200px;clear:both;max-width: 1920px;margin: auto;display: flex;} .szczegoly {max-width: 1360px;margin: auto;width: 90%;} .szczegoly .opis {background-color: transparent;width:100%;max-width: 1360px;margin: 10px auto;clear: both;} .szczegoly .miniaturki {background-color: #fff;width:100%;max-width: 1360px;margin: 10px auto;clear: both;} .szczegoly .box {margin: auto;text-align: center;padding: 20px 0 20px;-webkit-transition: all .5s;transition: all .5s;} .szczegoly .box h2 {text-align: center;font-size: 16px;margin: 3px auto 12px auto;font-weight: 600;color:#690207;text-transform: none;line-height: 22px;font-family: 'Lato',Arial,Verdana,Tahoma;width: 92%;} .szczegoly .box p {text-align: center;font-size: 14px;font-weight: 400;color:#0d0942;margin: 6px auto 20px;line-height: 22px;width: 92%;} .szczegoly .box img {width: 100%;margin: 0 auto 20px;} .szczegoly .box:hover h2 {color:#0d1c29;} .refe_wiecej {color:#5b5d5c;text-align: right;font-size: 13px;} .refe_wiecej a {color:#5b5d5c;} .refe_wiecej a:hover {color:#888888;} .etapy-tlo {background-color: #fff;} .oferta-tlo {background-color: transparent;} .miniaturki-oferta {background-color: transparent;width:100%;max-width: 1360px;margin: 10px auto;-webkit-transition: all .5s;transition: all .5s;} .miniaturki-oferta img {width: 26px !important;padding: 10px;border-radius: 6px;background-color: #989898;margin: 7px auto 10px !important;-webkit-transition: all .5s;transition: all .5s;} .miniaturki-oferta .box:hover img {background:#3a3a3a} .miniaturki-oferta .box {margin: 5px 1% 5px 0;text-align: center;padding: 18px 2% 10px 2%;width: 95%;float: left;border-radius: 20px;} .miniaturki-oferta .box:hover {background-color: #faf9f9;} .miniaturki-oferta-2 {background-color: transparent;width:100%;max-width: 1360px;margin: 10px auto; clear: both;} .miniaturki-oferta-2 img {width: 55px !important;padding: 10px;border-radius: 6px;background-color: transparent;margin: 7px auto 10px !important;filter: grayscale(1);} .miniaturki-oferta-2 .box:hover img {filter: grayscale(0);} .miniaturki-oferta-2 .box {margin: 10px auto;text-align: center;padding: 18px 5%;width: 90%;float: left;border-radius: 20px;background-color: #faf9f9;-webkit-transition: all .5s;transition: all .5s;} .miniaturki-oferta-2 .box:hover {box-shadow: 0 14px 35px rgba(0,0,0,.12);} .miniaturki-oferta-2 .box p {font-weight: 300;} /*#menu-mobile {display:none;bottom:0;left:0;z-index:1000;width: 100%;margin:auto;padding:11px 0 10px;border-radius: 15px 15px 0 0 ;background: #fff;position: fixed;box-shadow: -3px 0 16px rgba(0,0,0,0.33)} */ #menu-mobile {display: block;bottom: 0;left: 0;z-index: 22;width: 100%;margin: auto;padding: 11px 0 10px;border-radius: 15px 15px 0 0;background: #fff;position: fixed;box-shadow: 0px -5px 25px rgba(0,0,0,.44);} #menu-mobile .menu {width: 100%;padding:0;max-width: 500px;margin:auto;display:block;font-family: 'Lato';} #menu-mobile .menu .button {width: 20%;padding: 0 ;float:left;text-align: center;cursor: pointer;} #menu-mobile .menu .ico {width:36%;padding: 3px 32%;margin: 0 auto;} #menu-mobile .menu .button:last-of-type {float:right ;} #menu-mobile .menu .button:last-of-type .ico {width:50%;padding: 3px 25%;margin: 0 auto;} #menu-mobile .menu a {text-transform: uppercase;color:#7a5e2a;font-weight: 400;font-size: 8px;letter-spacing: 1px;} .galeria2-referencje {margin:120px auto 0} .mobile-menu {display: grid;} .mobile-menu img {width: 22px;margin: 0 22px -4px 0;opacity: 1;-webkit-transition: all .5s;transition: all .5s;} .overlay {height: 0%;width: 100%;position: fixed;z-index: 1;bottom: 0;left: 0;background-image: linear-gradient(140deg, #f2d05c 0%, #d5992a 75%);overflow-y: hidden;transition: 0.5s;z-index: 10;} .overlay-content {position: relative;top: 30%;width: 100%;text-align: center;margin-top: 30px;} .overlay a {padding: 10px 0 10px 10%;text-decoration: none;font-size: 18px;color: #42300f;font-family: 'Lato';transition: 0.3s;text-align: left;letter-spacing: 0.4px;font-weight: 600;} .overlay a:hover, .overlay a:focus {background: rgba(0,0,0,0.12);} .overlay a:hover img {margin: 0 35px -4px 0;} .overlay .closebtn {position: absolute;top: 0;right: 20px;font-size: 50px;}.overlay .closebtn:hover {background: none;} .colse{height:76px;background:red;width:100px;} .exit {width: 100%;margin: auto;bottom: 76px;position: absolute;transform: translate(0%, 54%);} .exit img {width: 20%;padding: 0 5%;transform: translate(0, -70%); cursor: pointer;} /* accordion */ .accordion { background-color: #f4f0ed; color: #323232; cursor: pointer; padding: 18px 3% !important; width: 94%; border: none; text-align: left;outline: none; font-size: 1.3em; transition: 0.4s; margin: 0 auto 1px auto; font-family: 'Roboto', arial, tahoma, verdana; font-weight: 300;} .accordion:after { content: '\002B'; color: #323232; font-weight: 300; float: right; margin-left: 5px;} .active-accordion:after { content: "\2212"; color: #fff; font-weight: bold} .panel { padding: 0; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;} .panel p { margin: 0 auto !important; font-size: 1.2em; padding: 14px 20px 4px !important; line-height: 22px;} .active-accordion,.accordion:hover { background-color: #d8a73e; color: #fff} .panel .pozycja { margin: 0; height: auto; min-height: 32px; padding: 4px 1%;} .panel .pozycja:nth-child(even) { background: #ecf4f7;} .panel .pozycja:first-of-type { margin-top: 10px;} .panel .pozycja div {margin: 0 ;width: 98%; padding: 2px 0;font-size: 1.3em; color: #112d3e; font-weight: 300; font-family: 'Lato', arial, tahoma, verdana; line-height: 1.7em; letter-spacing: 0.25px;} .panel .pozycja div:nth-child(odd) {float: left;width: 81%;text-align: left;padding-left: 1%} .panel .pozycja div:nth-child(even) {float: right;width: 17%;text-align: right;padding-right: 1%} .panel div li { font-size: 1.2em !important;} .panel a { font-size: 1.2em} .panel li a { font-size: 1em !important; font-weight: 400} .panel .pozycja { height: auto; min-height: 32px; display: flex; justify-content: space-between;} .panel span.right { white-space: nowrap; margin-left: 50px; font-weight: 600;} .panel .pozycja:nth-child(even) { background: #fbf8f6;} .wide {width: 100%;margin: 50px auto 40px;} .wide img {width: 100%;margin: 0;} .wide span, .zapytanie, .myModal {display:none;} .carousel-control {width:7%;} .carousel-control.left {left: 0;right: auto;background-image: none;background-image: none;background-image: none;background-image: none;} .carousel-control.right {right: 0;left: auto;background-image: none;background-image: none;background-image: none;background-image: none;} .elmed .kontakt button {padding: 7px 40px 7px 50px;} .galeria-stopka img {width: 100%;} .ikonki-oferta {width: 100%;background: transparent;bottom:0; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;height: auto;clear: both;display: flow-root;margin: 0 auto 0;} .ikonki-oferta-block div {background: transparent;width: 76%;padding: 0 12% 0;} .ikonki-oferta-block {float: left;margin: 0 0 0;width: 100%;padding: 65px 0 55px 0;text-align: center;position: relative;height: auto;-webkit-transition: all 0.85s;transition: all 0.85s;border-top: 1px solid #fff;} .ikonki-tlo {width: 100%;} .ikonki-tlo .ikonki-oferta-block {float: left;margin: 0 0 0;width: 100%;background:#fff;} .ikonki-oferta-block-ramka {border-right: solid #fff 1px;position: absolute;height:100%;bottom: 0;right:0;width:1px !important;z-index: 0;} .ikonki-oferta-block p {letter-spacing: 0;color:#3a3a3a;text-align: center;line-height:24px;font-size: 16px;font-weight:400;font-family:'Lato',arial,tahoma,verdana;margin: 20px 0 15px;min-height: 52px;} .ikonki-oferta-block div h3 a {color:#3a3a3a;font-weight: 300;font-size: 14px;line-height: 21px;letter-spacing: 0; display:block;} .ikonki-oferta-block div h5 a {color: #3a3a3a;font-size:1.45em;letter-spacing: 1px;font-family:'Lato',arial,tahoma,verdana;font-weight:700;} .ikonki-oferta-block div h5 {text-align: left;line-height:22px;text-transform:uppercase;} .ikonki-oferta-block img {width: 58px;-webkit-transition: all 0.35s;transition: all 0.35s;} .ikonki-oferta-block:hover img {width: 52px;background: #222;border-radius: 50%;padding: 14px;} .ikonki-oferta-block div h3 {margin: 16px 0 10px 0;font-size: 28px;letter-spacing: 2px;font-weight: 400;line-height: 22px;color:#3a3a3a;text-align: center;text-transform: uppercase;font-family:'Poppins',arial,tahoma,verdana;} .ikonki-tlo .ikonki-oferta-block:hover {background: #AB7611;background-image: linear-gradient(to bottom, #845A09,#AB7611);-webkit-transition: all 0.35s;transition: all 0.35s;} .ikonki-oferta-block:hover div h3 {color: #AB7611;} .ikonki-oferta-block {float: left;margin: 0 0 0;width: 50%;padding: 65px 0 55px 0;} .ikonki-oferta-block span {font-family:'Lato',arial,tahoma,verdana;color:#3a3a3a;opacity: 1;-webkit-transition: all 0.35s;transition: all 0.35s;letter-spacing: 1px;font-size: 11px;} .ikonki-oferta-block:hover span {opacity:.7;} .ikonki-oferta-block:hover span:hover {opacity: 1;text-decoration: underline 1px #ffffff77;} #window_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; z-index: 10000; } #window_overlay.opened { opacity: 1; -webkit-transition: opacity 100ms; transition: opacity 100ms; visibility: visible; } .window_content { position: fixed; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%) scale(0, 0); -webkit-transform: translate(-50%, -50%) scale(0, 0); transform: translate(-50%, -50%) scale(0, 0); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75); visibility: hidden; z-index: 10001; } .window_content h2, .window_content h3, .window_content p{text-align: center;} .window_content.opened { -webkit-transition: transform 300ms; transition: transform 300ms; -ms-transform: translate(-50%, -50%) scale(1, 1); -webkit-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); visibility: visible; padding: 0; font-size: 18px; font-weight: 400; text-align: center; background-color: #FFFFFF; max-width: 880px; width: 90%; } .window_content .window_close { width: 30px; height: 30px; margin: -10px -10px 0 0; border-radius: 50%; background-color: #ec3f22; color: #ffffff; position: absolute; right: 0; top: 0; text-align: center; line-height: 30px; font-size: 20px; } .window_content .window_close:hover { text-decoration: none; background-color: #ec6922; } .window_content img { display: inline; width:100%; max-width: 880px; } #dzieci {background-color: #eee;width: 100%;margin: 0 auto;padding: 25px 0;display: inline-block;} .dzieci {width: 46%;float: left;padding: 15px 2% 12px;line-height: 18px;color: #3a3a3a;text-align: center;} .dzieci:first-of-type {width: 96%;} .dzieci strong {font-size: 13px;} #dzieci .close {position: absolute;top: 5px;right: 10px;font-weight: 400;} .dzieci h4 {font-size: 18px;margin: 0;color: #3a3a3a;font-weight: 600;text-align: center;line-height: 1.33em;} @media (min-width: 768px) { .banner-dalej, .menu-foot, .banner-tablet {display:block;} .banner-mobile {display:none;} .galeria-stopka img {width: 50%;} .galeria-stopka img:nth-child(3) {width: 100%;} .slogan {position: absolute;bottom: 38%;left: 27%;} .img_l {width: 50% !important; max-width: 410px; float: left; margin: 40px 60px 40px 0 !important;} } @media (min-width: 960px) { p {font-size: 18px;font-weight: 400;font-family: 'Lato',Verdana,Tahoma;line-height: 34px;} #content {width: 74%;padding: 0 0 120px;text-align: center;background: transparent;} /*h1, h2, h3, h4, h5, h6, p {text-align: left;}*/ h3, .start-h2 {font-size: 22px;} .logo img {max-width: 198px;} .wstep-desktop {display:block;} .wstep-mobile {display:none;} .ikonki-oferta {margin: 30px auto 60px;} .slogan h3 {line-height: 34px;} #dzieci {background-color: #eee;width: 80%;margin: 0 auto;padding: 0 10%;display: flex;} .dzieci {width: 12%;float: left;text-align:left;padding: 26px 2% 22px;border-left:1px solid #fff;border-right:1px solid #ddd;font-size: 12px;line-height: 18px;color: #3a3a3a;} .dzieci:first-of-type {width: 31%;padding: 22px 2% 22px;} .dzieci strong {font-size: 13px;} #dzieci .close {position: absolute;top: 5px;right: 10px;font-weight: 400;} .dzieci h4 {font-size: 18px;margin: 0;color: #3a3a3a;font-weight: 600;text-align: left;line-height: 1.33em;max-width: 280px;} .dzieci:last-of-type {border-right:none} .start-oferta {display:flex;margin: 60px auto 200px;} .start-oferta p {color:#0d0942;font-size: 13.5px;font-family: 'Lato',arial,verdana,tahoma;font-weight: 400;margin:22px 0 30px 30px;line-height: 25px;letter-spacing: .25px;} .start-oferta h2 strong {font-size: 40px;margin: 0 20px 0 30px;} .start-oferta-block {overflow: hidden;padding: 50px 0 0;position: relative;-webkit-transition: all 1s;transition: all 1s;} .start-oferta-block .image {height:393px;margin:30px auto 0;-webkit-transition: all .5s;transition: all .5s;} .start-oferta-block img {width:100%;height:393px;object-fit: cover;z-index: 1;position: absolute;} .start-oferta-block {float:left;width:49%;margin: 0 .5%;} .start-oferta-block h2, .start-oferta-block p {text-align: left;} .img_3 {display: block;} .start-oferta-block:last-of-type .image {background: #f4f4f4;} .start-oferta-block:hover {background: #7e0f15;} .start-oferta-block:hover .image {opacity: 0;} .start-oferta-block:hover h2 {color:#fff} .start-oferta-block .opis {background: transparent;bottom: 20px;position: absolute;-webkit-transition: all 1s;transition: all 1s;z-index: 2;opacity: 0;} .start-oferta-block:hover .opis {opacity: 1;} .start-oferta p {color:#fff;} .start-oferta-block:last-of-type {background: transparent;} .start-oferta-block:last-of-type:hover .image {background: #7e0f15;opacity: 1;} .start-oferta-block:last-of-type h2 {-webkit-transition: all .5s;transition: all .5s;} .start-oferta-block:last-of-type:hover h2 {color:#c5c5c5;} .start-oferta-block:last-of-type h2:hover {margin-left: 20px;} .start-oferta-block:last-of-type p {color:#c5c5c5;font-size: 13px;font-family: 'Lato',arial,verdana,tahoma;font-weight: 800;text-transform: uppercase;letter-spacing: .5px;opacity: 1;} .start-oferta-block:last-of-type:hover p {color:#fff;} .start-oferta-block:last-of-type .opis {opacity: 1;} #page div.content p {text-align: left;} .ikonki-oferta {display: flow-root;} .ikonki-start .box {margin: 0 4%;text-align: center;width: 34%;padding: 20px 4%;float: left;} .wide {width: 145%;float: right;margin: 80px auto 60px;} .wide img {width: 100%;margin: 0;float: right;} .wide span {display:block;float: left;width: 25%;margin: 30px 0;font-size:13px;line-height: 20px;color:#8c8c8c;font-weight: 300;letter-spacing: .4px;} #foot .container {padding: 90px 0 95px 0;} #page {width: 100%;} #page div.content {padding: 0; font-size: 1.38em; line-height: 1.8em; margin: 0 auto 50px; clear: both;} #page div.content h2 {padding-top:20px;} #page div.content p, #page div.content h2 {text-align: left;} .bread {width: 90%;max-width: 1300px;text-align: left;font-family: 'Lato',arial,verdana,tahoma;text-transform:uppercase;font-size:10px;font-weight:700;color:#7e7e7e;letter-spacing:1px;margin:13px auto 0;display: block;} .bread a {color: #0d0942;} .bread a:hover {color: #d8a73e;} .menu-uslugi {display: block;} .menu-uslugi a{display: block;text-align: left;height: auto;padding: 0;font-weight: 600;margin: 23px 0;color: #0d0942;font-size: 12.8px;text-decoration: none;text-transform: uppercase;-webkit-transition: all 0.25s;transition: all 0.25s;font-family: 'Lato',Arial,Verdana,Tahoma;letter-spacing: .5px;} .menu-uslugi a:hover, .menu-uslugi .selected a{color:#d8a73e;} .kontakt-stopka {margin: 100px 0 0;} .kontakt-stopka p {margin: 20px auto;font-size: 16px;} .kontakt-stopka a {color: #AB7611;font-weight: 600;font-size: 18px;letter-spacing: 1px;} .kontakt-stopka h2 {margin: 16px 0 10px 0;font-size: 13px;letter-spacing: 2px;font-weight: 600;line-height: 22px;text-align: left;text-transform: uppercase;font-family: 'Lato',arial,tahoma,verdana;} .menu-foot {width:auto;padding:8px 1.5%;float: left;text-align: left;} #kontakt-dane {float:left;width:49.95%;background: transparent;padding: 0 0;margin-top: 0;} .kontakt-dane {width:90%;background: #4bc7d9;padding: 140px 5%;margin-top: 0;} .kontakt-dane h1, .kontakt-dane p, .kontakt-dane span {color:#fff;max-width: 500px;} .kontakt-dane .span {padding: 0 0 2px 0;font-weight: 600;letter-spacing: 0.75px;font-size: 14px;text-align: left;font-family: 'Lato',Arial,Verdana,Tahoma;color:#fff; margin: 0 auto;text-transform: uppercase;} .kontakt-dane h1 {margin: 20px auto 35px auto;color: #fff;font-size: 25px;font-weight: 600;text-align: left;line-height: 38px;font-family: 'Lato',Arial,Verdana,Tahoma;text-transform: none;letter-spacing: 0;} .kontakt-dane p {margin: 15px auto;} .kontakt-dane a {color:#fff}.kontakt-dane a:hover {text-decoration: underline;} .kontakt-dane img {filter: invert(0);} .kontakt-galeria {display: block;width: 50%;float: right;margin:3px 0 170px 0} .kontakt-galeria img {margin: -2px 0 0;width: 100%;} #mapa {width: 100%;height: 480px;margin: 0 auto 100px 0;max-width: 1920px;} .mapa {width:100%;height:480px;} #kontakt-mapa {float:right;width:49.95%;height:740px;margin:165px auto 170px;} .kontakt-mapa {width:100%;height:740px;filter: grayscale(70%) contrast(100%) saturate(100%);mix-blend-mode: hard-light;padding:0} .podzial {width: 100%;clear: both;margin:auto;display: flex;} .podzial div {width: 48%;float: left;} .podzial div:first-of-type {margin-right: 2%;} .podzial div:last-of-type {margin-left: 2%;} .slogan h3 {margin: 40px 0 30px;padding: 5px 0 15px 0;width: 100%;} .slogan h3, .slogan h2, .slogan p, .slogan {text-align: left;} .mySlides {display: none;} .fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;} @-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}} @keyframes fade {from {opacity: .4} to {opacity: 1}} #content .subpagesList li h2 {height: 42px;} #szczegoly {width:100%;padding: 140px 0 200px;max-width: 1920px;margin: 50px auto 0;display: flex;} .szczegoly {max-width: 1360px;margin: auto;width: 90%;} .szczegoly .opis {margin: 0 0 0 26%;width: 74%;text-align: left;} .szczegoly .miniaturki, .szczegoly .miniaturki-oferta {margin: 0 0 0 24.5%; width: 77%;display:inline-block;} .miniaturki-oferta-2 {margin: 120px 0 40px 25%;width: 76%;display:flex;} .szczegoly .box {margin: auto;text-align: center;padding: 50px 2% 20px;width: 29.333%;float: left;} .szczegoly .miniaturki .box h2, .szczegoly .miniaturki .box p {text-align: left;} .szczegoly .miniaturki-oferta .box h2, .szczegoly .miniaturki-oferta .box p {text-align: left;} .miniaturki-oferta .box {margin: 0 1% 0 0;text-align: center;padding: 18px 2% 10px 2%;width: 45%;float: left;} .miniaturki-oferta-2 .box {margin: 0 1.5%;text-align: center;padding: 28px 1%;width: 28.333%;float: left;border-radius: 20px;background-color: #faf9f9;} /*#foot{clear:both;background: #020202;width:100%;padding:5px 0;max-width: 1920px;margin: 0 auto 0 auto;}*/ #copy{text-align:left;width: 100%;max-width: 850px;} .telefon {margin: 90px 0 0;display: inline-block;} .telefon a {margin-left: 50px;} .carousel-indicators {position: absolute;bottom: 10px;left: 50%;z-index: 15;width: 60%;padding-left: 0;margin-left: -30%;text-align: center;list-style: none;} .miniaturki-oferta img {width: 26px !important;padding: 10px;border-radius: 6px;background-color: #989898;float: left;margin: 7px 20px 30px 0 !important;-webkit-transition: all .5s;transition: all .5s;} .miniaturki-oferta .box:hover img {background:#3a3a3a} .miniaturki-oferta .box {margin: 5px 1% 5px 0;text-align: center;padding: 18px 2% 10px 2%;width: 45%;float: left;border-radius: 20px;} .carousel img {display: block;} .telefon {margin: 30px 0 0;display: inline-block;text-align: center;} #wstep {max-width: 1360px;position: relative;display: block;} #wstep div {margin:0;padding: 0;text-align: left;} #wstep .breadcrumb {margin: 15px 0 80px 0;padding:0;border:0;text-align: left;color: #4f504f;font-weight: 300;font-family: 'Lato';font-size: 13px;background-color: transparent;text-transform: lowercase;} #wstep .breadcrumb a {color: #4f504f;text-transform: lowercase;} #wstep div p {margin: 0;padding:0;border:0;text-align: left;color: #0d0942;font-weight: 400;font-family: 'Lato';font-size: 20px;line-height: 36px;max-width: 920px;} .ikonki-start .box h2 {text-align: center;margin: 5px 0 2px 0;} .ikonki-start .box {text-align: center;} .ikonki-start .box p {text-align: center;margin: 6px 0 20px;height: 50px;} .ikonki-start .box img {max-width: 50px;margin: 0 0 14px;} } .banner-dalej, .menu-foot {display:none;} .columna {width: 48%;padding: 0 1%;float: left;list-style: none;} .columna:first-of-type {margin: 0 2% 0 0 !important;} .columna:last-of-type {margin: 0 0 0 2% !important;} @media (min-width: 1024px) { .menu {display:block;} #menu-mobile, .logo-mobile {display: none;} #head4 .container {margin-top: 40px;} #page div.content {width: 100%;} #head1 {background:#fff;height: 105px;display: block;position: fixed;z-index: 100;width: 100%;border-bottom: 1px solid rgba(255,255,255,.12);-webkit-transition: all 0.25s;transition: all 0.25s;} #logo img {max-width: 235px;margin: 29px 0 0 0;} #start-projektowanie {max-width: 1600px;margin: 0 auto 240px;display: table;} .start-projektowanie {float:left;width:49.95%;text-align: right;} .start-projektowanie h2, .start-projektowanie h3 {float: right;width:100%;max-width: 720px;text-align: left;margin: 10px auto;} .start-projektowanie p {float: right;width:100%;max-width: 720px;text-align: left;margin: 32px auto 25px;} .start-projektowanie img {width: 100%;margin: 65px 0 0;} .start-projektowanie-wiecej {display:block;width: 50%;float: right;margin-top:-1px} .start-projektowanie-wiecej img {margin: -2px 0 0;} /*.elmed {float:right;width:39.95%;background: #0d1c29;padding: 140px 5%;margin-top: 480px;}*/ .elmed h2, .elmed h3, .elmed p, .elmed span {color:#000;max-width: 580px;text-align:left;display:revert;} .elmed h2 {color:#000;max-width: 580px;text-align:left;display:revert;margin: 35px auto 40px auto;} .elmed span a {margin-left: 50px;color:#000;font-weight: 600;font-size: 16px;font-family: 'Lato',arial,verdana,tahoma;letter-spacing: 1.25px;} .elmed .kontakt {display:block;margin-top:56px;} #okno-projektowanie {max-width: 1600px;margin: 0 auto 240px;display: table;} .okno-projektowanie {float:left;width:49.95%;text-align: right;} .okno-projektowanie h2, .okno-projektowanie h3 {float: right;width:100%;max-width: 650px;text-align: left;margin: 10px auto;} .okno-projektowanie p {float: right;width:100%;max-width: 650px;text-align: left;margin: 32px auto 25px;} .okno-projektowanie img {width: 100%;margin: 65px 0 0;} .okno-projektowanie-wiecej {display:block;width: 50%;float: right;margin-top:-1px} .okno-projektowanie-wiecej img {margin: -2px 0 0;} .okno-nakladki {float:right;width:39.95%;background: #4bc7d9;padding: 140px 5%;margin-top: 180px;} .okno-nakladki h2, .okno-nakladki h3, .okno-nakladki p, .okno-nakladki span {color:#fff;max-width: 580px;text-align:left;display:revert;} .okno-nakladki span a {margin-left: 50px;color:#fff;font-weight: 600;font-size: 16px;font-family: 'Lato',arial,verdana,tahoma;letter-spacing: 1.25px;} .okno-nakladki .kontakt {display:block;margin-top:56px;} #mapa {width:100%;height:480px;margin: 0 auto 0;} .slogan {display: block;} .galeria-stopka {width: 100%;display: flex;background: #fff;max-width: 1920px;margin: 120px auto 0;} .galeria-stopka:hover img {opacity: 0.46;} .galeria-stopka img {width:100%;opacity:1;-webkit-transition: all 0.5s;transition: all 0.5s;border:1px solid #fff;border-left:0;}.galeria-stopka img:hover {opacity:1;} .galeria-stopka img:last-of-type {width: 100%;margin-right: 0;} .galeria2-referencje {margin:120px auto 0} .foot a {padding:0 20px;} .foot{padding:8px 0;} } @media (min-width: 1200px) { .ikonki-start .box {margin: auto;text-align: center;width:22%;padding:30px 1.5% 0;float:left;-webkit-transition: all .5s;transition: all .5s;} .ikonki-start .box img {max-width: 50px;} #mapa {position: relative;} #mapa .kontakt {padding: 50px 65px 65px;position: absolute;bottom: 0;right: 0;background: #fff;box-shadow: 18px 18px 40px rgba(0,0,0,.28);z-index: 10;transform:translate(-70%, -25%);} #mapa h2 {font-size: 22px;font-weight:600;margin: 30px auto 0;line-height:26px;color:#0d0942;text-align:center;} #mapa h3 {font-size: 13px;margin: 0 auto 25px;color:#0d0942;text-align:center;} #mapa p {font-size: 17px;font-weight:600;line-height:30px;margin: 13px auto ;color:#0d0942;text-align:center;letter-spacing: .25px;} #mapa a {color:#0d1c29;} #mapa img {margin:0 10px 4px 0;width: 22px;} .zapytanie {display:block;position: fixed;right: 50px;bottom: 50px;z-index: 12;cursor: pointer;} .zapytanie:hover {opacity: .78;} .modal {display: none;position: fixed;z-index: 110;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);} .ikonki-start .box p {-webkit-transition: all .5s;transition: all .5s;opacity: 0 !important;} .ikonki-start .box:hover p {opacity: 1 !important;} .ikonki-start .box:hover {padding: 0 1.5% 0;} #menu1 li a{float: left;height: auto;padding: 11px 26px 14px;} /* Modal Content */ .modal-content {position: relative;background-color: #f2d05c;margin: auto;padding: 0;border: 1px solid #555;width: 80%;max-width:860px;box-shadow: 10px 22px 40px 0 rgba(0,0,0,0.49);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s;border-radius: 12px;} /* Add Animation */ @-webkit-keyframes animatetop {from {top:-300px; opacity:0}to {top:0; opacity:1} } @keyframes animatetop {from {top:-300px; opacity:0}to {top:0; opacity:1}} /* The Close Button */ .modal .close {color: #000;float: right;font-size: 28px;font-weight: bold;margin: 2px 10px 0;opacity: 1;text-shadow: none;} .modal .close:hover, .modal .close:focus {color: #d5992a;text-decoration: none;cursor: pointer;} .modal-header {padding: 2px 6px 2px 42px;color: white;border:0;} .modal-header h3 {color: #000;text-align: center;margin: 40px auto 50px;} .modal-body {padding: 0 35px;} .modal-footer {padding: 2px 6px 60px 42px;color: white;text-align: left;border:0;} .form-l{float:left;width:40%;} .form-r{float:right;width:58%;} .pole {font-size:16px; border:2px solid #fba46a;width:76%;height:22px;padding:14px 10%;margin:0 0 15px 0;background:#eee;color:#0d0942;font-family:'Lato', arial, tahoma, verdana;-webkit-transition: border 0.7s; transition: border 0.7s;border-radius: 25px;} .pole-opis {font-size:16px; border:2px solid #fba46a;width:88%;height:157px;padding:14px 5%;margin: 0 0 10px;background:#eee;color:#0d0942;font-family:'Lato', arial, tahoma, verdana;-webkit-transition: border 0.7s; transition: border 0.7s;border-radius: 25px;} .zgoda {width:100%;clear: both;font-size:1em;color:#aaa;font-weight:300;font-family:'Lato',arial,tahoma,verdana;text-align:left;padding: 15px 0 10px 0;display: block;color:#fff;} .pole:hover, .pole-opis:hover {border:2px solid #d5992a;} } @media (min-width: 1360px) { .ikonki-start {display: table;margin: 120px auto 0;max-width: 1360px;height: 190px;} #elmed .galeria {float:right;width:40%;margin-top: 0;} #elmed .elmed {float:left;width:27.7%;margin: 0 .15%;box-shadow: -10px 10px 40px rgba(0,0,0,.36);} #elmed .galeria2 {float:left;width:20%;display: block;margin-top: 0;text-align: right;} #elmed .galeria img, #elmed .galeria2 img {width: 100%;} #elmed .galeria img, #elmed .galeria2 img {box-shadow: -10px 10px 40px rgba(0,0,0,.36);} .logo {width: 16%;text-align: left;float: left;} .logo img {margin: 24px 0 0 0;} .full-img {width: 130%;right: 0;float:right;} .kontakt-top {float:right;color:#fff;font-family: 'Lato',Arial,Verdana,Tahoma;font-weight: 700;font-size:13px;margin: 23px 0 0;display: block; width: 80%;float: left;} .kontakt-top strong, .kontakt-top2 strong {font-weight: 600;font-size:18px;letter-spacing: 1px;margin-left:8px;} .kontakt-top a {color:#fff;} .kontakt-top2 {float:right;color:#0d0942;font-family: 'Lato',Arial,Verdana,Tahoma;font-weight: 400;font-size:13px;margin: 40px 0 0;display: block;} .kontakt-topScroll, .kontakt-topScroll a { color: #0d0942; } } @media (min-width: 1440px) { #body .container{width:100%;margin:100px auto 0;text-align:left;padding:0;} .start-oferta {display:flex;margin: 60px auto 200px;} .start-oferta p {color:#0d0942;font-size: 13.5px;font-family: 'Lato',arial,verdana,tahoma;font-weight: 400;margin:22px 0 30px 30px;line-height: 25px;letter-spacing: .25px;} .start-oferta h2 strong {font-size: 40px;margin: 0 20px 0 30px;} .start-oferta-block {overflow: hidden;padding: 50px 0 0;position: relative;-webkit-transition: all 1s;transition: all 1s;} .start-oferta-block .image {height:393px;margin:30px auto 0;-webkit-transition: all .5s;transition: all .5s;} .start-oferta-block img {width:100%;height:393px;object-fit: cover;z-index: 1;position: absolute;} .start-oferta-block {float:left;width:24%;margin: 0 .5%;} .start-oferta-block h2, .start-oferta-block p {text-align: left;} .start-oferta-block:first-of-type {width: 35%;} .start-oferta-block:last-of-type {display:block;width: 13%;} .start-oferta-block:last-of-type .image {background: #f4f4f4;} .start-oferta-block:hover {background: #7e0f15;} .start-oferta-block:hover .image {opacity: 0;} .start-oferta-block:hover h2 {color:#3a3a3a} .start-oferta-block .opis {background: transparent;bottom: 20px;position: absolute;-webkit-transition: all 1s;transition: all 1s;z-index: 0;opacity: 0;} .start-oferta-block:hover .opis {opacity: 1;} .start-oferta p {color:#3a3a3a;} .start-oferta-block:last-of-type {background: transparent;} .start-oferta-block:last-of-type:hover .image {background: #7e0f15;opacity: 1;} .start-oferta-block:last-of-type h2 {-webkit-transition: all .5s;transition: all .5s;} .start-oferta-block:last-of-type:hover h2 {color:#c5c5c5;} .start-oferta-block:last-of-type h2:hover {margin-left: 20px;} .start-oferta-block:last-of-type p {color:#c5c5c5;font-size: 13px;font-family: 'Lato',arial,verdana,tahoma;font-weight: 800;text-transform: uppercase;letter-spacing: .5px;opacity: 1;} .start-oferta-block:last-of-type:hover p {color:#3a3a3a;} .start-oferta-block:last-of-type .opis {opacity: 1;} .start-promo {display: flex;} .start-promo div {max-width: 1160px;margin:auto;transform: translate(-10%, 0);} .start-promo p {font-size: 38px;line-height: 64px;font-weight: 100;} .start-promo p:first-of-type {padding: 0 6% 70px 0;float: left;text-align: right;width: 43.5%;} .start-promo p:last-of-type {padding: 70px 0 0 6%;float: right;text-align: left;width: 43.5%;border-left: 1px solid #fff;} .start-promo strong {font-size: 44px;} } @media (min-width: 1600px) { .menu-foot {display:block;} .foot{text-align: center;} } @media (max-width: 768px) { .columna { width: 100%; } .slogan h3 { color: #fff; font-size: 18px;} .ikonki-oferta-block div h3 { margin: 16px 0 10px 0; font-size: 13px; letter-spacing: 1px; font-weight: 500; line-height: 18px;} body, table {font-size: 0.65em;} #content .subpagesList li h2 {margin: 50px auto 10px auto;} .telefon { margin: 50px 0 0; display: inline-block; width: 100%;} .socialmedia-foot img {width: 28px;} .socialmedia-foot div {width: 20%;padding: 0 2.5%;float: left;text-transform: uppercase;font-size: 0.75em;} #content .subpagesList li p, #content .subpagesList li h2 {width:100%;} #content .imagesList li {text-align: center;width: 100%;margin: 10px 0;} #content .imagesList li img {height: auto;} #products .list li {padding: 55px 0 10px;} #menu1 li {padding: 9px 0 5px 5px;} .socialmedia-top img {margin: 6px 3px;} .socialmedia-top {margin: 24px 20px 20px;} .socialmedia-top span:first-of-type {display:none;} #logo img {max-width: 125px;margin: 15px 0 11px;height: auto;} #searchForm .input {width: 92%;} #content .subpagesList li {width: 99%;margin: 10px 0;padding: 18px 0.5%;} #head1 {height:auto;} #foot a {width: 100%;display: block;text-align: center;padding: 10px 0;} #foot .container span {display: none;} } /*.open-menu {margin: 10px auto;text-align: center;font-size: 1.2em;cursor:pointer;position: absolute;top: 12px;right: 20px;} .sidenav {height: 100%;width: 0;position: fixed;z-index: 11;top: 0;left: 0;background-color: rgba(255,255,255,0.98);overflow-x: hidden;transition: 0.5s;padding-top: 60px;text-align:center;} .sidenav a {padding: 15px 0;text-decoration: none;font-size: 25px;color: #554f53;display: block;transition: 0.3s;font-family: 'Lato', Arial, Helvetica, sans-serif;} .sidenav a:hover{color: #0d1c29;background: #fff} .sidenav .closebtn {position: absolute;top: 5px;right: 5px;font-size: 3.2em;margin-left: 50px;padding: 0 17px;} .sidenav .closebtn a {padding: 0} .menu-mobile {font-size: 2em;} #menu1 {float:none;border-top:0;margin-top:50px;} #menu2 li, #menu1 li {display: grid;} #menu2 li a, #menu1 li a {color:#0d0942;font-size: 0.8em;border-top:0;padding: 20px 0;} #menu2 li a:hover, #menu1 li a:hover {color:#0d1c29;border-top:0 !important;margin-top: 0;} #content .subpagesList {width: 88%;margin: 50px auto 70px;float:none;display: block;} .start-eventy {padding: 60px 6% 120px;} } */ @media (min-width: 640px) { .ikonki-oferta {width: 100%;background: transparent;bottom:0;max-width: 1600px;height: auto;clear: both;display: flow-root;} .ikonki-oferta-block div {background: transparent;width: 86%;padding: 0 7% 0;} .ikonki-oferta-block {float: left;margin: 0 0 0;width: 100%;padding: 65px 0 55px 0;text-align: center;position: relative;height: auto;-webkit-transition: all 0.85s;transition: all 0.85s;border-top: 1px solid #fff;} .ikonki-tlo {float: left;margin: 0 0 0;width: 50%;} } @media (min-width: 1360px) { .ikonki-oferta-block {float: left;margin: 0 0 0;width: 100%;padding: 65px 0 40px 0;} .ikonki-oferta-block:hover div h3 a {color:#3a3a3a;font-weight: 300;font-size: 14px;line-height: 21px;letter-spacing: 0; display:block;} .ikonki-oferta-block:hover div h2 a {color: #3a3a3a;font-size:17px;font-family:'Lato',arial,tahoma,verdana;font-weight:700;} .ikonki-oferta-block:hover div h5 {color: #3a3a3a;line-height:22px;text-transform:uppercase;} .ikonki-oferta-block div {background: transparent;width: 86%;} .ikonki-tlo {float: left;margin: 0 0 0;width: 20%;} .ikonki-oferta-block-ramka {border-right: solid #fff 1px;position: absolute;height:100%;bottom: 0;right:0;width:1px !important;z-index: 0;} .ikonki-oferta-block p {letter-spacing: 0;color:#3a3a3a;text-align: center;line-height:21px;font-size: 13px;font-weight:400;font-family:'Lato',arial,tahoma,verdana;margin: 10px 0 15px;} .ikonki-tlo:nth-of-type(1) .ikonki-oferta-block p {max-width: 400px;} .ikonki-oferta-block div h3 a {color:#3a3a3a;font-weight: 300;font-size: 14px;line-height: 21px;letter-spacing: 0; display:block;} .ikonki-oferta-block div h5 a {color: #3a3a3a;font-size:1.45em;letter-spacing: 1px;font-family:'Lato',arial,tahoma,verdana;font-weight:700;} .ikonki-oferta-block div h5 {text-align: left;line-height:22px;text-transform:uppercase;} .ikonki-oferta-block div h3 {margin: 16px 0 10px 0;font-size: 12.8px;letter-spacing: .2px;font-weight: 500;line-height: 22px;color:#3a3a3a;text-align: center;text-transform: uppercase;font-family:'Poppins',arial,tahoma,verdana;} .ikonki-tlo .ikonki-oferta-block:hover {background: #fff;-webkit-transition: all 0.35s;transition: all 0.35s;padding: 28px 0 70px 0} .ikonki-oferta-block {float: left;margin: 0 0 0;width: 50%;padding: 65px 0 55px 0;} .ikonki-oferta-block span {font-family:'Lato',arial,tahoma,verdana;opacity: 0;-webkit-transition: all 0.35s;transition: all 0.35s;letter-spacing: 1px;} .ikonki-oferta-block:hover span {color:#3a3a3a;opacity:.7;font-size: 11px;} .ikonki-oferta-block:hover span:hover {opacity: 1;text-decoration: underline 1px #ffffff77;}} @media (min-width: 1920px) { .ikonki-oferta-block p {letter-spacing: 0;} }