/* 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:'Open Sans', Arial, Verdana, sans-serif;} html {font-size: 16px;} * {-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;} p {font-size: 15px;font-weight: 300;font-family: 'Open Sans',Verdana,Tahoma;line-height: 30px;margin: 30px auto 20px;color:#5c290e;text-align:left;} h1 {padding: 0 0 10px 0;font-weight: 600;letter-spacing: 2px;line-height: 1.52em;font-size: 14px;text-align: left;font-family: 'Poppins',Arial,Verdana,Tahoma;color:#8b360a; margin: 0 auto;text-transform: uppercase;} h2 {margin: 20px 0 30px 0;color: #5c290e;font-size: 20px;font-weight: 700;text-align: left;max-width: 700px;line-height: 1.66em;font-family: 'lato',Arial,Verdana,Tahoma;text-transform: none;padding: 0 0 10px 0;letter-spacing: 0;} h3 {font-weight: 600;letter-spacing: 0;line-height: 1.52em;font-size: 17px;font-family: 'Poppins',Arial,Verdana,Tahoma;color: #572f1a;text-align: left;margin: 20px auto 20px;max-width: 520px;padding: 0;} h4 {font-weight: 700;font-size: 25px;line-height: 1.3em;font-family: 'Lato',Arial,Verdana,Tahoma;color: #5c290e;letter-spacing: 0;text-align: center;margin: 20px auto 40px;max-width: 520px;padding: 0 5%;} /*h3 {margin: 20px 0 30px 0;color: #f00;font-size: 19px;font-weight: 500;text-align: left;line-height: 1.66em;font-family: 'Poppins',Arial,Verdana,Tahoma;text-transform: none;}*/ .start-h2 {margin: 20px 0 30px 0;color: #5c290e;font-size: 19px;font-weight: 500;text-align: left;max-width: 700px;line-height: 1.66em;font-family: 'Poppins',Arial,Verdana,Tahoma;text-transform: none;} /*.color-header {color:#3f75d9;letter-spacing:0;max-width: 650px;margin-left: 0;padding: 0 0 10px 0 !important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -moz-linear-gradient(left, #3f75d9 0%, #4ac7d9 100%);background-image: -webkit-gradient(left, color-stop(0%,#3f75d9), color-stop(100%,#4ac7d9));background-image: -webkit-linear-gradient(left, #5c290e 0%,#8b360a 50%,#5c290e 50%);background-image: -o-linear-gradient(left, #5c290e 0%,#8b360a 50%,#5c290e 50%);background-image: -ms-linear-gradient(left, #5c290e 0%,#8b360a 50%,#5c290e 50%);background-image: linear-gradient(left, #5c290e 0%,#8b360a 50%,#5c290e 50%);} */ .input, select, textarea{width: 72%;padding: 12px 5% 14px;border: 0;margin: 40px auto 0;border-radius: 22px;color: #333;font-size: 14px;} .lupka {width: 24px !important;margin: -1px 11px 0 -37px !important;padding: 0 !important;border: 0 !important;} .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:#3a3a3a;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;} .hideme{opacity:0} a{color:#f9a41b;text-decoration:none;} a:hover{color:#f4681f;text-decoration:none;} button , .wyslij {border:1px solid #fff;padding:12.5px 40px 12.5px 50px;font-size: 12px;font-weight: 600;font-family: 'Poppins',Arial,Verdana,Tahoma;color:#fff;background:transparent;margin:0;cursor:pointer;margin: 30px 0 0;transition:0.5s;text-transform: uppercase;letter-spacing: 1.25px;border-radius: 25px;} button:hover, .wyslij:hover {color:#f4681f;background:#fff;} .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:left;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:92%;margin:0 auto;text-align:left;padding:0 4%;} #foot .container{width:92%;margin:0 auto;text-align:left;padding:0 4%;} #body {max-width:1600px;margin:0 auto;text-align:left;padding:0;clear: both;} #head4 {padding: 0 1%;} /* HEADER WITH TOP MENU ABOVE LOGO */ #head1 .container{overflow:hidden;} * html #head1 .container, * html #head2, * html #head3, * html #body{background:none;} /* IE 6 hack */ /* MENU TOP 1 */ #menu1 {float:left;margin:20px 0 0 60px;} #menu1 ul{height:100%;list-style:none;} #menu1 li{display: inline-block;} #menu1 li a{float: left;height: auto;padding: 27px 14px 21px;font-weight: 600;margin: 0 10px;color: #3a3a3a;font-size: 12.8px;text-decoration: none;text-transform: uppercase;-webkit-transition: all 0.25s;transition: all 0.25s;font-family: 'poppins',Arial,Verdana,Tahoma;letter-spacing: 1px;} #menu1 li a:hover, #menu1 .selected a{color:#f9a41b;} /*#menu1 li:nth-child(2) a:hover, #menu1 .selected a{color:#f9a41b;filter:grayscale(0) !important} #menu1 .selected:nth-child(2) {filter:grayscale(0)}*/ #menu1 li.lBasket{padding:0 8px 5px 20px;} #menu1 li.lBasket a{position:relative;padding:2px 0 0 18px;background:none;color:#3a3a3a;} #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;} #logo img {max-width: 125px;margin: 15px 0;height: auto;} /* 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;} #head4 .container img {width:100%;border-radius: 30px;} #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: 40%;left: 1%;text-align: left;letter-spacing: 0.5px;transform: translate(0, 50%);width:90%;padding: 5px 5% 20px 5%;}*/ .slogan { position: absolute; bottom: 22%; left: 1%; text-align: left; letter-spacing: 0.5px; transform: translate(0, 50%); width: 90%; padding: 5px 5% 20px 5%; text-shadow: 3px 3px 9px rgba(0, 0, 0, 0.21); } .slogan h2{font-size: 13px;font-weight: 600;font-family: 'Poppins',Arial,Verdana,Tahoma;line-height: 1em;margin: 30px 0 0;color:#fff;letter-spacing:2px;width: 100%;text-transform: uppercase;text-align: left;;} .slogan h3{color:#fff;width: 100%;font-size: 26px;font-weight: 900;font-family: 'Poppins',Arial,Verdana,Tahoma;margin: 0 0 30px;max-width: 630px;letter-spacing: 0.5px;line-height:1.2em;text-align: left;padding: 0;} .slogan h3 strong {font-size: 130px;font-weight: 700;} .slogan span a {margin-left: 50px;color:#fff;font-weight: 600;font-size: 16px;font-family: 'Poppins',arial,verdana,tahoma;letter-spacing: 1.25px;} .slogan span img {margin: 0 12px -2px 0;} .slogan .kontakt {margin-top:56px;padding-left: 110px;} .slogan button {border: 1px solid #fff;background: #fff;color:#f9a41b;} .slogan button:hover {border: 1px solid #f9a41b;background: #f9a41b;color:#fff;} /* MENU TOP 2 */ #menu2 {position: static;width: 100%;margin: 10px auto;text-align: center;} #menu2 ul{height:100%;list-style:none;} #menu2 li{display: inline-block;} #menu2 li a{float:left;height:auto;padding:11px 25px;color:#494848;font-size:1.17em;text-decoration:none;text-transform: uppercase;-webkit-transition: all 0.25s;transition: all 0.25s;} #menu2 li a:hover, #menu2 .selected a{color:#3a3a3a;} /* BODY STYLES - LEFT AND RIGHT COLUMN */ #body .container{overflow:hidden;margin: 100px auto 0;max-width: 1300px;} /* 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:#3a3a3a;} #searchForm{padding:0 0 15px 0 ;text-align:center;} #searchForm label, #searchForm legend{display:none;} #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:#3a3a3a;} *: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:#3a3a3a;background:none;text-decoration:underline;} #menu3 .selected > a:first-child{color:#3a3a3a;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:88%;margin:120px auto 50px;text-align:left;padding: 0 6%;} * 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 30px;padding:0;} #page div.content li{margin:8px 0;padding:0;border-left:0;font-size: 17px;font-weight: 300;font-family: 'Open Sans',Arial,Verdana,Tahoma;line-height: 34px;margin: 8px 0;} #page div.content p{padding-bottom:10px;margin: 10px auto 10px;} #page div.content li::marker {color:#f4681f;font-size: 24px;} #page div.content button {color: #f9a41b; border: 1px solid #f9a41b; padding: 8px 40px 8px 50px; margin: 20px 0 0; font-size: 12px; font-weight: 600; font-family: 'Poppins',Arial,Verdana,Tahoma;} #page div.content button:hover {color:#fff;background:#f9a41b;} #page div.content img {width: 100%;border-radius: 20px;margin: 30px auto 40px;} .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:#3a3a3a;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;} #content .imagesList li{text-align: center;width: 32.333%;margin: 5px 0;padding: 0 0.5%;float: left;} #content .imagesList li div{text-align: center;font-size: 1.12em;line-height: 1.4em;font-weight: 400;font-family: 'Open Sans',Arial,Verdana,Tahoma;padding: 10px 0 25px;color: #aaa;} #content .subpagesList li img, #content .imagesList li img, #content .imagePreview img, #products li .photo img{padding:0;background:#c0bfbf;width: 100%;object-fit: cover;height: 200px;-webkit-transition: all 1s ease-out;transition: all 1s ease-out;border-radius: 20px;border: 1px solid #eee;} #content .subpagesList li img:hover, #content .imagesList li img:hover, #content .imagePreview img:hover, #products li .photo a:hover img{border:1px solid #c9cdce;opacity:0.7} #products li .photo img:hover {transform: scale(1.1);opacity:0.82;} #content .subpagesList li img {height: 240px;border-radius: 20px;} #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:#3a3a3a;background:inherit;font-size: 1.32em;font-weight:600;} #filesList li a:hover{color:#f4681f;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;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:#8b360a;font-size:1.25em;font-weight:600;background:none;font-family: 'poppins',Arial,Verdana,Tahoma;} #content .subpagesList li h2 a:hover{color: #f9a41b;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: #3a3a3a;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:#3a3a3a;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:#3a3a3a;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:#3a3a3a;} #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:#3a3a3a;} #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:#3a3a3a;} #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:#3a3a3a;} #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 #3a3a3a;padding: 15px 20px;color: #fff;background:#3a3a3a;} .pages a{font-size:1.2em;font-weight:300;border: 1px solid #3a3a3a;padding: 15px 20px;color: #fff;background:#3a3a3a;} #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 #3a3a3a;padding:10px 22px;letter-spacing: 1px;-webkit-transition: all 0.5s;transition: all 0.5s;} .wiecej a:hover{color:#fff;border:1px solid #3a3a3a;background:#3a3a3a;} .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;} /*.sklep {background: #f4681f;top: 0;right: 0;position: absolute;padding: 8px 0;height: 45px;background-image: linear-gradient(140deg, #fcc319 0%, #f4681f 75%);} .sklep img {width: 57%;}*/ .sklep {background: #f4681f;top: 11px;right: 10px;position: fixed;z-index:100;padding: 8px 0 5px;height: 35px;background-image: linear-gradient(140deg, #fcc319 0%, #f4681f 75%);border-radius: 50%;width: 50px;} .sklep img {width: 70%;} /* 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:#3a3a3a;} #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:#3a3a3a;} #product #box #price em{font-style:normal;} #product #box #price strong{padding:0 6px;font-size:1.176em;color:#3a3a3a;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:#3a3a3a;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:#3a3a3a;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:#3a3a3a;} #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:#3a3a3a;} #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:#3a3a3a;} #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:#3a3a3a;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: 0;max-width: 1920px;margin: auto;} #foot .container{max-width:1920px;margin:0 auto;padding:45px 0 120px;color:#777;overflow:hidden;border-top:1px solid #f7f7f7;letter-spacing: 0.25px;} #foot .container span {margin:0 12px;} #foot a{background:inherit;color:#777;text-decoration:none;font-weight:400;} #foot a:hover{color:#f9a41b;background:inherit;} .menu-foot {padding:8px 5%;text-align: center;width:90%;display: flow-root;} .menu-foot #menu1 {float: left} .menu-foot #menu1 {margin-top:0;} .menu-foot #menu1 a {height: auto;font-weight: 600;margin: 0 5px;text-decoration: none;text-transform: uppercase;-webkit-transition: all 0.25s;transition: all 0.25s;font-family: 'poppins',Arial,Verdana,Tahoma;letter-spacing: 1px;color: #777;padding: 0 15px;font-size: 0.88em;} .menu-foot #menu1 a:hover {color:#f9a41b;} .foot{padding:12px 0;text-align: center;width:100%;} .foot a {font-size: 13px;} .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 */ .banner-mobile {display:block;} .banner-tablet {display: none;} #mapa {width:116%;height:350px;margin:0 auto 70px -8%;background: #44acc6;background-image: linear-gradient(to right, #c64f10 , #fcc319);} .mapa {width:100%;height:350px;filter: grayscale(100%) contrast(90%) saturate(200%);mix-blend-mode: hard-light;} .start-oferta {margin: 60px auto 50px;} .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;} .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: 'Poppins',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:#3a3a3a;font-size: 13.5px;font-family: 'open Sans',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;} .stopka {width:92%;margin:0 auto 70px;display: table;} .stopka .kontakt {width:100%;margin: 0;} .block {float: left;margin:75px 0 0 0;padding: 0;width: 50%;text-align:left;font-size: 15px;font-weight: 400;font-family: 'Open Sans',Verdana,Tahoma;line-height: 28px;color: #9a9a9a;letter-spacing: .5px;} .block img {float: left;margin:7px 35px 50px 0;} .block a {text-align: left !important;display: contents !important;} .bread, .menu-uslugi {display: none;} .kontakt-stopka {margin: 50px 0 0;clear: both;} .kontakt-stopka h3 {font-size: 14px;text-align: left;padding: 0;text-transform: uppercase;} .kontakt-stopka h4 {font-size: 20px;line-height: 1.66em;font-weight: 500;font-family: 'Poppins',Arial,Verdana,Tahoma;text-align: left;padding: 0;} .pelna-r {width: 100%;} .pelna-l {display: none;} @media (max-width: 768px) { .block {margin: 55px auto 0; padding: 0;float: none; width: 90%; text-align: left; font-size: 14px; font-weight: 400; font-family: 'Open Sans',Verdana,Tahoma; line-height: 26px; color: #9a9a9a; letter-spacing: 0px;} .block img { float: left; margin: 4px 20px 50px 0; } } #kontakt-dane {width:100%;background: transparent;padding: 0 0;margin-top: 0;} .kontakt-dane {width:100%;background: #fff;padding: 80px 0 50px;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: 'Poppins',Arial,Verdana,Tahoma; margin: 0 auto;text-transform: uppercase;} .kontakt-dane p {margin: 15px auto;} .kontakt-dane a:hover {text-decoration: underline;} .dojazd {display: none;} .ikonki-kontakt {width: 24px;float: left;margin: 6px 10px 30px -3px;} #kontakt-mapa {width:100%;height:350px;margin:15px auto 0;background: #f4681f;background-image: linear-gradient(140deg, #fcc319 0%, #f4681f 75%);border-radius: 30px;} .kontakt-mapa {width:100%;height:350px;filter: grayscale(70%) contrast(100%) saturate(100%);mix-blend-mode: hard-light;padding:0;border-radius: 30px;} #menu-mobile-tlo {display:block;bottom:0;left:0;z-index:10;width: 100%;margin:auto;padding: 0 ;position: fixed;} #menu-mobile-tlo div {position: relative;} #menu-mobile-tlo div img {width: auto;height:66px;position: absolute;left: 50%;bottom: 0;transform: translate(-50%, 0);} #menu-mobile {display:block;bottom:0;left:0;right:0;z-index:1000;width: 100%;margin:auto;padding:11px 0 10px;background: transparent;position: fixed;max-width: 375px;} #menu-mobile .menu {width: 98%;padding:0 0 5px;max-width: 500px;margin:auto;display:block;font-family: 'Poppins';} #menu-mobile .menu .button {width: 18%;padding: 0 ;float:left;text-align: center;cursor: pointer;width: 23.333%; padding: 0 5%;} #menu-mobile .menu .ico { width: 28px; height: auto;padding: 10px;margin: 0 auto 18px;background: #fff;border-radius: 50%;-webkit-transition: all .5s;transition: all .5s;box-shadow: 0 0 5px rgba(0,0,0,.4);} #menu-mobile .menu a {color:#fff;font-weight: 400;font-size: 9px;letter-spacing: .5px;} #menu-mobile .menu .ico:hover {background: #fff;box-shadow: 0 0 8px #fff6;filter: invert(1);} .mobile-menu {display: grid;} .mobile-menu img {width: 22px;margin: -3px 12px 0px 0;opacity: 1;-webkit-transition: all .5s;transition: all .5s;border: 1px solid #fff9;border-radius: 50%;padding: 6px;} .overlay {height: 0%;width: 100%;position: fixed;z-index: 1;bottom: 0;left: 0;background-image: radial-gradient(farthest-corner at 0% 20%, #fcc319 0%, #f1621e 70%);overflow-y: hidden;transition: 0.5s;z-index: 999;} .overlay a:hover img {border: 1px solid #ffff;margin-right:22px;box-shadow: 0 0 5px rgba(255,255,255,.6);} .overlay-content {position: relative;top: 12%;width: 100%;text-align: center;margin-top: 30px;} /*.overlay a {padding: 10px 5% 10px 10%;text-decoration: none;font-size: 16px;color: #fff;font-family: 'poppins';transition: 0.3s;text-align: left;letter-spacing: 0.4px;}*/ .overlay a {padding: 9px 10% 7px 10%;text-decoration: none;font-size: 16px;color: #fff;font-family: 'poppins';transition: 0.3s;text-align: left;letter-spacing: 0.4px;border-radius: 0 10px 10px;margin: 3px 0;width: fit-content;} .overlay a:hover {background: rgba(255,255,255,.1);} .overlay a:hover, .overlay a:focus {color: #fff;} .overlay .closebtn {position: absolute;top: 0;right: 0;font-size: 50px;font-family: 'open sans'; font-weight: 100;}.overlay .closebtn:hover {background: none;} .colse{height:76px;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;} .facebook {width: 42px;height: 42px;border-radius: 50%;right: 5%;top: 42%;position: absolute;} .facebook img {width: 100%;border-radius: 50%;} .img_3 {display: none;} .start-doswiadczenie {max-width: 1300px;margin: 0 5%;padding: 0;z-index: 100; position: inherit;} .start-doswiadczenie h2 {text-align: left;margin-left: 0;max-width: 550px;} .start-doswiadczenie h3 {text-align: left;margin-left: 0;max-width: 550px;text-transform: uppercase;} .start-doswiadczenie p {text-align: left;margin-left: 0;max-width: 750px;background: #fff;padding: 0 5% 5% 0; border-radius: 20px;} .start-maszyny {max-width: 1600px;margin: 90px auto 0;display: grid;} .start-maszyny .foto img {width: 100%;border-radius: 20px 20px 0 0;} .start-maszyny .opis {background: #fcc319;background-image: linear-gradient(140deg, #fcc319 0%, #f4681f 75%);padding: 80px 5%;border-radius: 0 0 20px 20px;} .start-maszyny .opis h2 {color:#fff;text-align: center;margin-left: auto;margin-right: auto;} .start-maszyny .opis h3 {color:#fff;text-align: center;margin-left: auto;margin-right: auto;} .start-maszyny .opis p {color:#fff;text-align: center;margin-left: auto;margin-right: auto;} /* 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: #f9a41b; 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: ''Open Sans'', 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;} .banner-bottom {display: none;} .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;} .tel-slogan, .slogan span {display: none;} #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; } .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; } .start-opis2 span {display: block;margin: 40px 0;} .start-opis2 span button {color: #f4681f;border:1px solid #f4681f;padding: 15px 40px 15px 50px;margin: 20px 0 0;font-size: 12px;font-weight: 600;font-family: 'Poppins',Arial,Verdana,Tahoma;} .start-opis2 span button:hover {color: #fff;background: #f4681f;} .start-opis2 span a {color: #f4681f;padding: 15px 40px 15px 20px;margin: 20px 0 0;font-size: 16px;font-weight: 500;letter-spacing: .75px;font-family: 'Poppins',Arial,Verdana,Tahoma;} #body .container {width: 100%;margin: 0 auto;text-align: left;padding: 0;} #domy-pod-klucz .galeria img {width: 99.8%;} #domy-pod-klucz .domy-pod-klucz {width: 100%;padding: 100px 0;} #mapa .kontakt {display: none;} #content {padding: 0;} #mapa {margin: 120px auto 80px;clear: both;} .start-promo p {font-size: 22px;color: #fff;text-align: center;font-weight: 300;letter-spacing: 0.5px;} .telefon a {margin-left: 0;color:#5c290e;font-weight: 600;font-size: 18px;font-family: 'Lato',arial,verdana,tahoma;letter-spacing: 1.25px;} .telefon img {margin: 0 12px 3px 0;} .stopka .logo {max-width: 230px;} .iko4 div {width: 90%;padding: 10px 5% 10px;float:left} .iko4 {width: 100%;max-width: 1600px;margin: 60px auto 120px;} .iko4 h2 {text-align: center; font-size: 16px; margin: 5px auto 2px auto; font-weight: 800; color: #5c290e; text-transform: none; line-height: 22px; font-family: 'Lato',Arial,Verdana,Tahoma;} .iko4 p {text-align: center; max-width: 240px; font-size: 12px; font-weight: 400; color: #5c290e; margin: 6px auto 10px; line-height: 22px;} /* MOBILE */ /*.h-color {color: #3f75d9;letter-spacing: 0;max-width: 650px;margin-left: 0;padding: 0 0 10px 0 !important;-webkit-background-clip: text;-webkit-text-fill-color: transparent; background-image: -moz-linear-gradient(left, #5c290e 0%,#f4681f 50%,#5c290e 100%); background-image: -webkit-gradient(left, color-stop(0%,#5c290e), color-stop(50%,#f4681f), color-stop(100%,#5c290e)); background-image: -webkit-linear-gradient(left, #5c290e 0%,#f4681f 50%,#5c290e 100%); background-image: -o-linear-gradient(left, #5c290e 0%,#f4681f 50%,#5c290e 100%); background-image: -ms-linear-gradient(left, #5c290e 0%,#f4681f 50%,#5c290e 100%); background-image: linear-gradient(left, #5c290e 0%,#f4681f 50%,#5c290e 100%);}*/ @media (min-width: 768px) { .banner-dalej, .galeria-stopka, .menu-foot, .banner-tablet {display:block;} .banner-mobile {display:none;} } @media (min-width: 960px) { #menu-mobile-tlo {display: none;} #menu-mobile {display: none;} p {font-size: 17px;font-weight: 300;font-family: 'Open Sans',Verdana,Tahoma;line-height: 34px;} #head1 {background:#fff;height: 110px;} .menu {display:block;} .sklep {display: none;} .sklep-top {display: block;float: right;margin: 30px 0 0;} .sklep-top a { float: left;padding: 15px 40px 15px;font-weight: 600;margin: 0 10px;color: #fff;font-size: 12.8px;text-decoration: none;text-transform: uppercase;-webkit-transition: all 0.25s;transition: all 0.25s; border-radius: 26px;font-family: 'poppins',Arial,Verdana,Tahoma;letter-spacing: 1px;background-image: linear-gradient(140deg, #fcc319 0%, #f4681f 75%);} .sklep-top img {width: 18px;float: left;margin: -1px 12px 0 0;} .iko4 div {width: 21%;padding: 50px 1.5% 90px;float:left} #logo img {max-width: 125px; margin: 46px 0 15px 0; height: auto;} .slogan h3{color:#fff;width: 100%;font-size: 70px;margin: 0 0 50px;} .tel-slogan, .slogan span {display: contents;} #content {width: 100%;padding: 0 0 50px;text-align: center;background: transparent;} h1, h2, h3, h4, h5, h6, p {text-align: left;} h3, .start-h2 {font-size: 25px;} h3 {margin: 20px 0;padding: 0;} .slogan {position: absolute; bottom: 43%; left: 0; text-align: left; letter-spacing: 0.5px; transform: translate(0, 50%); width: 90%; padding: 0; right: 0; max-width: 1140px; margin: auto;} .slogan h2{font-size: 13px;font-weight: 600;font-family: 'Poppins',Arial,Verdana,Tahoma;line-height: 1em;margin: 30px 0 0;color:#fff;letter-spacing:2px;width: 100%;text-transform: uppercase;text-align: left;;} .slogan h3{color: #fff; width: 100%; font-size: 32px; font-weight: 900; font-family: 'Poppins',Arial,Verdana,Tahoma; margin: 5px 0 0px; max-width: 630px; letter-spacing: 0.5px; line-height: 40px; text-align: left;} .slogan h3 strong {font-size: 130px;font-weight: 700;} .slogan span a {margin-left: 20px;color:#fff;font-weight: 600;font-size: 16px;font-family: 'Poppins',arial,verdana,tahoma;letter-spacing: 1.25px;} .slogan span img {margin: 0 12px -2px 0;} .slogan .kontakt {margin-top:56px;padding-left: 110px;} .start-oferta {display:flex;margin: 60px auto 200px;} .start-oferta p {color:#3a3a3a;font-size: 13.5px;font-family: 'open Sans',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;} .start-oferta-block img {width:100%;height:393px;object-fit: cover;z-index: 1;position: absolute;border-radius: 20px;} .start-oferta-block {float:left;width:49%;margin: 0 .5%;border-radius: 20px;} .start-oferta-block h2, .start-oferta-block p {text-align: left;} .start-oferta-block:hover {background: #f98c1e; background-image: linear-gradient(140deg, #fcc319 0%, #f4681f 75%);} .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;max-width: 80%;} .start-maszyny {margin: -120px auto 270px;} .start-maszyny .foto img {width: 50%;border-radius: 20px 20px;float: right;box-shadow: 20px 30px 40px rgba(0,0,0,0.12);} .start-maszyny .opis {padding: 130px 80px;border-radius: 20px 20px 20px;max-width: 420px;position: absolute;top: 85%;left: 45%;transform: translate(-50%, -50%);box-shadow: 40px 40px 40px rgba(0,0,0,.12);} .start-maszyny .opis h2, .start-maszyny .opis h3, .start-maszyny .opis p {text-align: left;} .start-maszyny .opis button {margin-top:50px;} .start-opis2 span {display: contents;margin: 0 30px;} .pelna-l {float: left;width: 38%;margin: 0 7% 0 0;display: block;} .pelna-r {width: 55%;float: right;} .hideme_pokaz {opacity: 1;} .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: 45px 0;} .stopka {width:92%;margin:115px auto 100px;display: table;} .stopka .kontakt, .stopka .kontakt:last-of-type {width:50%;margin: 0;display: block;float: left;} @media screen and (min-width: 768px) and (max-width: 1366px) { .stopka .kontakt {width:75%;margin: 0;display: block;float: left;} .stopka .kontakt:last-of-type {width:20%;margin: 0 0 0 5%;display: block;float: left;} .stopka .kontakt:last-of-type .block {width: 100%;} .stopka .kontakt:last-of-type .block:first-of-type {display: none;} } .stopka .logo {float: left;} #stopka {clear: both;width: 100%;margin: 80px 0 0;} #page div.content {padding: 0;font-size: 1em;line-height: 1.5em;max-width: 100%;margin: 0 0 30px 0;} .bread {width: 90%;max-width: 1300px;text-align: left;font-family: 'Poppins',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: #3a3a3a;} .bread a:hover {color: #f9a41b;} .menu-uslugi {display: block;} .menu-uslugi a{display: block;text-align: left;height: auto;padding: 0;font-weight: 600;margin: 23px 0;color: #3a3a3a;font-size: 12.8px;text-decoration: none;text-transform: uppercase;-webkit-transition: all 0.25s;transition: all 0.25s;font-family: 'poppins',Arial,Verdana,Tahoma;letter-spacing: .5px;} .menu-uslugi a:hover, .menu-uslugi .selected a{color:#f9a41b;} .kontakt-stopka {margin: 100px 0 0;} .kontakt-stopka h4 {padding: 0;max-width: 580px;margin: 20px 0 30px;} .menu-foot {width:auto;padding:8px 1.5%;float: left;text-align: left;} .menu-foot #menu1 {margin-left: 0;} #page div.content h3 {padding-left: 0;margin: 20px 0 50px;} #page div.content img {width: 100%;border-radius: 30px;} .kontakt-stopka h4 {font-size: 24px;} h4 {font-size: 25px;} h3 {padding: 0 5%;text-align: left;} #content .subpagesList li img {height: 240px;border-radius: 30px;} #kontakt-dane {float:left;width:49.95%;background: transparent;padding: 0 0;margin-top: 0;} .kontakt-dane {padding: 60px 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: 'Poppins',Arial,Verdana,Tahoma;color:#fff; margin: 0 auto;text-transform: uppercase;} .kontakt-dane p {margin: 15px auto;} .kontakt-dane a {color:#fff}.kontakt-dane a:hover {text-decoration: underline;} .kontakt-galeria {display: block;width: 50%;float: right;margin:3px 0 170px 0} .kontakt-galeria img {margin: -2px 0 0;width: 100%;} #mapa {width: 109%;height: 590px;margin: 0 auto 100px -4.5%;} .mapa {width:100%;height:498px;border-radius: 30px;} #kontakt-mapa {float:right;width:49.95%;height:580px;margin:165px auto 170px;background: #44acc6;background-image: linear-gradient(to right, #c64f10 , #fcc319);border-radius: 30px;position: relative;} .kontakt-mapa {width:100%;height:580px;filter: grayscale(70%) contrast(100%) saturate(100%);mix-blend-mode: hard-light;padding:0;border-radius: 30px;} .dojazd {display:block;left:0;bottom:0;background-color: #f4681f;padding: 30px 40px 40px;position: absolute;z-index: 1;border-radius: 0 30px;background-image: linear-gradient(140deg, #fcc319 0%, #f4681f 75%);} .dojazd h3 {color: #fff;padding: 0 0 5px 0;font-weight: 600;letter-spacing: 1px;line-height: 1.52em;font-size: 13px;text-align: left;font-family: 'Poppins',Arial,Verdana,Tahoma;text-transform: uppercase;margin: 0;} .dojazd input {background-color: transparent;border-bottom: 1px solid rgba(255,255,255,.5);color: #fff; padding: 7px 10px; margin-top: 20px;width: 200px;font-size: 14px;-webkit-transition: all .5s;transition: all .5s;}.dojazd:hover input {border-bottom: 1px solid rgba(255,255,255,1);} .dojazd-wyslij {width: 80px !important;font-size: 10px !important;text-transform: uppercase;font-weight: 600;padding: 9px 3px !important;} div.gm-style div div div {border-radius: 20px;} .gm-style .place-card .place-name {font-size: 7px !important;} .stopka .logo {width: 230px;} #mapa-cien {width: 100%;margin: 50px 0 180px;} .lang_start {float: right;width: 20%;text-align: right;margin: 40px auto 20px;-webkit-transition: all .5s;transition: all .5s;color: #aaa; font-size: 11px;} .lang_start a {font-weight: 600;color: #aaa;font-size: 11px;margin: 0 6px;font-family: 'Poppins',Arial,Verdana,Tahoma;cursor: pointer;}.lang_start a:hover {color:#f9a41b} .h1_start {float: left; width: 80%;} .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;} } .banner-dalej, .galeria-stopka, .menu-foot {display:none;} .podzial { width: 100%; clear: both; margin: auto; display: flex; } .podzial div:first-of-type { margin-right: 3%; } .podzial div:last-of-type { margin-left: 3%; } .podzial div { width: 47%; float: left; } #content .imagesList li { text-align: center; width: 31.333%; margin: 18px 0; padding: 0 1%; float: left; } #content .imagesList li img {border-radius: 30px;height: 320px;} @media (min-width: 1024px) { #logo img {max-width: 235px;margin: 32px 0 0 0;} .block img {float: left;margin:7px 35px 50px 0;} .block a {text-align: left !important;display: contents !important;} #mapa {width:100%;height:500px;margin: 0 auto 100px;clear: both;} .slogan {display: block;} .banner-tablet {display:none;} .banner {display:block} } @media (min-width: 1200px) { #mapa {position: relative;border-radius: 30px;} #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: 0;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);} #kontakt-dane {width: 40%;padding: 110px 0 0 10%;} .ikonki-kontakt {width: 37px;float: left;margin: 6px 20px 30px 0;} .kontakt-dzialy p {font-size: 16px;line-height: 26px;} .modal {display: none;position: fixed;z-index: 21;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);} /* Modal Content */ .modal-content {position: relative;background-color: #f4681f;margin: auto;padding: 0;border: 1px solid #000;width: 80%;max-width:860px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s;border-radius: 22px;} /* 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: white;float: right;font-size: 28px;font-weight: bold;margin: 2px 10px 0;opacity: 1;} .modal .close:hover, .modal .close:focus {color: #000;text-decoration: none;cursor: pointer;} .modal-header {padding: 2px 6px 2px 42px;color: white;border:0;} .modal-header h3 {color: #fff;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:1px solid #1c8d9e;width:76%;height:22px;padding:14px 10%;margin:0 0 15px 0;background:#eee;color:#3a3a3a;font-family:'Open Sans', arial, tahoma, verdana;-webkit-transition: border 0.7s; transition: border 0.7s;border-radius: 25px;} .pole-opis {font-size:16px; border:1px solid #1c8d9e;width:88%;height:157px;padding:14px 5%;margin: 0 0 10px;background:#eee;color:#3a3a3a;font-family:'Open Sans', arial, tahoma, verdana;-webkit-transition: border 0.7s; transition: border 0.7s;border-radius: 25px;} .zgoda {width:100%;clear: both;font-size:1em;color:#948f8f;font-weight:300;font-family:'Open Sans',arial,tahoma,verdana;text-align:left;padding: 15px 0 10px 0;display: block;color:#fff;} } .pfr {width: 80% !important;max-width: 280px !important;margin: 0 !important;} @media (min-width: 1360px) { .block {float: left;margin:75px 0 10px 0;padding: 0;width: 50%;text-align:left;font-size: 15px;font-weight: 400;font-family: 'Open Sans',Verdana,Tahoma;line-height: 28px;color: #9a9a9a;letter-spacing: .5px;} .block img {float: left;margin:7px 30px 50px 0;} .block a {text-align: left !important;display: contents !important;} } @media (min-width: 1440px) { .start-oferta {display:flex;margin: 60px auto 160px;} .start-oferta p {color:#3a3a3a;font-size: 13.5px;font-family: 'open Sans',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;} .start-oferta-block img {width:100%;height:393px;object-fit: cover;z-index: 1;position: absolute;} .start-oferta-block {float:left;width:29.5%;margin: 0 .5%;} .start-oferta-block h2, .start-oferta-block p {text-align: left;} .start-oferta-block:first-of-type {width: 40%;} .start-oferta-block:hover {background: #f98c1e;background-image: linear-gradient(140deg, #fcc319 0%, #f4681f 75%);-webkit-transition: all 1s;transition: all 1s;} .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: 0;opacity: 0;} .start-oferta-block:hover .opis {opacity: 1;} .start-oferta p {color:#fff;} } @media (min-width: 1600px) { .menu-foot {display:block;} .foot{padding:12px 0;text-align: right;width:100%;} } @media (max-width: 768px) { body, table {font-size: 0.65em;} #content .subpagesList li h2 {margin: 30px auto 10px auto;} .banner-bottom {display: block; bottom: 0;position: absolute;} .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 {width: 106%; margin: 40px 0 40px -3%;} #content .imagesList li {text-align: center;width: 44%;margin: 10px 2%;} #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: 155px;margin: 16px 0 12px;;height: auto;} #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: 'Open Sans', Arial, Helvetica, sans-serif;} .sidenav a:hover{color: #f4681f;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:#3a3a3a;font-size: 0.8em;border-top:0;padding: 20px 0;} #menu2 li a:hover, #menu1 li a:hover {color:#f4681f;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;} }*/ .ikonki-start {width:100%;max-width: 1600px;margin: 250px auto;} .ikonki-start .box {background: #f7f5f3; border-radius: 20px;-webkit-transition: all .25s;transition: all .25s;margin: 30px 1% 100px;text-align: center;width:15%;padding:30px 1.5% 0;float:left;} .ikonki-start .box h2 {text-align: center;font-size: 17px;margin: 5px auto 2px auto;font-weight: 800;color:#5c290e;text-transform: none;line-height: 22px;font-family: 'Lato',Arial,Verdana,Tahoma;} .ikonki-start .box:hover h2 {color: #fff;} .ikonki-start .box p {text-align: center;max-width: 240px;font-size: 12.8px;font-weight: 400;color:#5c290e;margin: 6px auto 10px;line-height: 22px;} .ikonki-start .box:hover p {color: #fff;} .ikonki-start .box:hover {margin: 0 1% 24px;width:17%;box-shadow: 0 8px 5px -5px rgba(0,0,0,.12);background-image: linear-gradient(140deg, #fcc319 0%, #f4681f 75%);padding: 20px 1.5% 55px;} .ikonki-start .box img { margin: -130px auto 0px;width: 100%; max-width: 200px;} @media (min-width: 961px) and (max-width: 1199px) { .ikonki-start {width:100%;max-width: 1600px;margin: 250px auto;} .ikonki-start .box {background: #f7f5f3; border-radius: 20px;-webkit-transition: all .25s;transition: all .25s;margin: 30px 1% 100px;text-align: center;width:20%;padding:30px 1.5% 0;float:left;} .ikonki-start .box:hover {margin: 30px 1% 100px;width:20%;box-shadow: 0 8px 5px -5px rgba(0,0,0,.12);background-image: linear-gradient(140deg, #fcc319 0%, #f4681f 75%);padding: 30px 1.5% 0;} .ikonki-start .box h2 {text-align: center;font-size: 17px;margin: 5px auto 2px auto;font-weight: 800;color:#5c290e;text-transform: none;line-height: 22px;font-family: 'Lato',Arial,Verdana,Tahoma;} .ikonki-start .box:hover h2 {color: #fff;} .ikonki-start .box p {text-align: center;max-width: 240px;font-size: 12.8px;font-weight: 400;color:#5c290e;margin: 6px auto 10px;line-height: 22px;} .ikonki-start .box:hover p {color: #fff;} .ikonki-start .box img { margin: -130px auto 0px;} } @media (min-width: 1200px) { .ikonki-start:hover .box:hover {width: 17.5%;} .ikonki-start:hover .box {width: 14.35%;} .ikonki-start .box button {margin: 0 auto;opacity: 0;}.ikonki-start .box:hover button {opacity: 1;margin-top: 32px;} } @media (max-width: 960px) { .ikonki-start .box, .ikonki-start .box:hover {margin: 50px 2% 70px;text-align: center;-webkit-transition: all .25s;transition: all .25s;width: 70%;padding: 40px .5% 20px;border-radius: 20px;width: 45%;} .ikonki-start .box:hover h3, .ikonki-start .box:hover p {color: #fff;} .ikonki-start .box:hover{background-image: linear-gradient(140deg, #fcc319 0%, #f4681f 75%);} .ikonki-start .box button {border: 1px solid #f4681f;padding: 11.5px 35px 11.5px 40px;font-size: 10px;margin: 30px 0 40px;color: #f4681f;} .ikonki-start .box:hover button {border: 1px solid #fff;padding: 11.5px 35px 11.5px 40px;font-size: 10px;margin: 30px 0 40px;color: #fff;} .ikonki-start .box:hover button:hover {color: #f4681f;} .ikonki-start {margin: 100px auto 0;display: inline-block;} } @media (max-width: 620px) { .ikonki-start .box, .ikonki-start .box:hover {margin: 100px 10%;text-align: center;-webkit-transition: all .25s;transition: all .25s;width: 70%;padding: 40px 5% 20px;border-radius: 20px;float: none;} } @media (min-width: 468px) and (max-width: 960px) { .ikonki-start .box:last-of-type {display: none;} } @media (min-width: 961px) and (max-width: 1199px) { .ikonki-start .box:nth-child(4) {display: none;} } @media (max-width: 960px) { .start-oferta-block img {border-radius: 20px;} .lang_start {display: none;} .h1_start {width: 100%;} .start-maszyny .opis {text-align: center;} .start-maszyny .opis .button {margin: 30px auto 0;} .podzial div:first-of-type, .podzial div:last-of-type {margin: 0;width: 100%;} .podzial div {width: 100%;} .podzial {width: 100%;display: block;} } .video-container {width: 100%;max-width: 900px;border-radius: 0;text-align: center; margin: 40px auto 20px;} .video-start {width: 100%;} video {width: 100%;height: auto;border-radius: 0;} .video-start .video {border-radius: 30px 30px;} @media (max-width: 468px) { .video-start { width: 100%; max-width: 468px; /* Maksymalna szerokość kontenera */ overflow: hidden; /* Ukrywa nadmiar wideo poza kontenerem */ position: relative; height: auto; } .video { width: 200%; /* Wideo jest dwukrotnie szersze niż kontener */ height: auto; position: relative; left: 50%; /* Przesunięcie o połowę szerokości wideo */ transform: translateX(-50%); /* Wyśrodkowanie wideo */ } } @media screen and (min-width: 768px) and (max-width: 1300px) { #menu1 {margin: 20px 0 0 40px;} #menu1 li a {margin: 0 7px;padding: 27px 4px 21px;} #menu1 li:first-of-type, .sklep-top img {display: none;} .sklep-top a {padding: 15px 30px 15px;margin: 0;} #logo img {max-width: 205px;margin: 35px 0 0 0;} } footer { color: #fff; margin: 40px 0 0 0; text-align: left; position: relative; clear: both; border-top: 1px solid #f7f7f7; padding: 60px 0 0 0; } @media (max-width: 768px) { footer { margin: 50px auto 0; width: 90%; border-top: 1px solid #f7f7f7; padding: 60px 0 50px;} } .translator-module { position: relative; width: 160px; margin: 0 ; background-color: #fff; color: #333; border-radius: 20px; cursor: pointer; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1); } .translator-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; } .flag-icon { width: 20px; height: 15px; margin-right: 0; } .arrow { font-size: 12px; margin-left: 10px; } .translator-dropdown { list-style: none; margin: 0; padding: 0; display: none; background-color: #fff; position: absolute; bottom: 45px; /* Zamiast top, używamy bottom, aby rozwijało się do góry */ left: 0; width: 100%; border-radius: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; } .translator-dropdown li { padding: 10px 15px; display: flex; align-items: center; cursor: pointer; } .translator-dropdown li:hover { background-color: #f0f0f0; } .translator-dropdown li img { margin-right: 10px; } .banner_desktop { display: block; } .banner_mobile {display: none;} @media (max-width: 468px) { .banner_mobile { display: block; } .banner_desktop { display: none; } } #lang { max-width: 1920px; margin: 0 auto; height: 36px; width: 100%; left: 0; right: 0; top: 0; z-index: 1000; background: #fff; -webkit-transition: all 0.25s; transition: all 0.25s; border-bottom: 1px solid #d5d5d5; } .lang {float: left; width: 50%; text-align: left; padding-top: 10px;} .lang a {color: #3a3a3a;padding: 5px 10px;font-size: 11px;font-weight: 600;} .lang a:hover{color: #f9a41b;} .lang a.actv { color: #f9a41b; } .kontaktTop a {color: #3a3a3a;padding: 5px 10px;font-size: 12px;font-weight: 400;} .kontaktTop a:hover {color: #f9a41b;} .kontaktTop {padding-top: 3px;text-align: right; width: 50%; float: right; font-size: 1.15em; } .kontaktTop img { margin: 4px 7px 8px 28px; width: 21px; opacity: .55;} @media (max-width: 768px) { .kontaktTop {display: none;} .lang {max-width: 100%;width: 100%;} } .langMobile {position: absolute; margin: 30px auto 0;width: 100%; text-align: center;color: #ffffffa3;} .langMobile a {color: #fff;padding: 5px 10px;font-size: 11px;font-weight: 400;}