/*
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:#090d0f;font-size:0.75em;font-family:'Montserrat',arial,tahoma,verdana}
table{border-collapse:collapse;border-spacing:0;font-size:100%;}
tbody, tfoot, thead{margin:0;padding:0;}
caption, tr, th, td{margin:0;padding:2px 4px;font-size:100%;font:inherit;vertical-align:baseline;}
body{padding:0;background:#fff;text-align:center;}
h1, h2 {font-size:12.6px;color:#0B5995;font-weight:700;letter-spacing:2px;font-family:'poppins',arial,tahoma,verdana;text-align:center;text-transform: uppercase;margin: 0 0 15px 0;}
h3 {font-size:25px;color:#090d0f;font-weight:500;font-family:'poppins',arial,tahoma,verdana;text-align:left;}
h4{font-size:32px;color:#090d0f;font-weight:700;font-family:'poppins',arial,tahoma,verdana;text-align:center;}
h5 {font-size:32px;color:#090d0f;font-weight:700;font-family:'poppins',arial,tahoma,verdana;text-align:center;text-transform: uppercase;}

h1 small, h2 small, h3 small, h4 small, h5 small {font-size:30px;}
h6 {font-size:15px;color:#f2f2f2;font-weight:300;font-family:arial,'Montserrat',tahoma,verdana;text-align:left;margin-bottom: -36px;}
p{font-size:17px;color:#090d0f;font-weight:400;font-family:'Montserrat',arial,tahoma,verdana;text-align:center;line-height:2em;margin: 20px auto 10px auto;letter-spacing: 0}
p strong, strong {font-weight: 700}
button{color: #fff;background: #0B5995;text-align: center;margin: 40px 0 30px 0;padding: 17px 60px;font-size: 1.02em;font-weight: 600;font-family: 'poppins',arial,verdana,tahoma;border-radius: 8px;-webkit-transition: all 0.5s;transition: all 0.5s;border: 1px solid #0B5995;cursor: pointer;text-transform: uppercase;letter-spacing: 2px;}
button:hover{background: #fff;color:#0B5995;-webkit-transition: all 0.25s;transition: all 0.25s;}

.input, select, textarea{padding:2px;border-width:1px;border-style:solid;border-color:#6c6c6c #cccccc #cccccc #6c6c6c;font-size:1em;font-family:Verdana;}
.input.warning-required, select.warning-required, textarea.warning-required{border-color:#ac0000 #c78688 #c78688 #ac0000;background:#fbefef;}
.input:focus, select:focus, .textarea:focus{}
.submit{padding:5px 14px;border-width:1px;border-style:solid;border-color:#9d9d9d #3f3f3f #3f3f3f #9d9d9d;background:#154a72;color:#fff;font-weight:bold;font-size:1em;font-family:Verdana;}
.submit:hover{background:#0B5995;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;}
.hide{display:none;}
::-webkit-input-placeholder {color: #adadad;font-style: italic;}
::-moz-placeholder {color: #adadad;font-weight: 400;font-family: 'Montserrat',Arial, Helvetica, sans-serif;font-size: 1.12em}
:-ms-input-placeholder {color: #adadad;}
:-moz-placeholder {color: #adadad;}
a{color:#0B5995;text-decoration:none;}
a:hover{color:#222;text-decoration:none;}
.hideme {opacity: 0;}
.animl {translate: 0 0;}

.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;}
#head1 {max-width: 1920px;margin:0 auto;height: 56px;position: fixed;width: 100%;left: 0;right: 0;top:0;z-index: 1000;background: #fff;-webkit-transition: all 0.25s;transition: all 0.25s;}
.head1_scroll {margin-top: -56px !important;}
.head1:first-of-type {float:left;width:32%;text-align: left;padding-top:12px}
.head1:last-of-type {width: 62%;float: left;font-size: 1.15em;}
.head1 {float: left;width: 50%;padding: 20px 1.5% 0;text-align: right;color:#707070;font-family: 'Montserrat',Arial, Helvetica, sans-serif;font-size: 1.1em;font-weight: 400;letter-spacing: .25px;}
.head1:first-of-type h3 {color:#0B5995;font-family: 'Poppins',Arial, Helvetica, sans-serif;font-size: 1.24em;font-weight: 600;letter-spacing: 0.2px;text-align: left;}
.head1:first-of-type h3 small {color:#707070;font-family: 'Montserrat',Arial, Helvetica, sans-serif;font-size: 0.67em;font-weight: 500;text-align: left;letter-spacing:0.25px}
.head1:first-of-type h4 {color:#707070;font-family: 'Montserrat',Arial, Helvetica, sans-serif;font-size: 0.75em;font-weight: 500;letter-spacing: 0.4px;text-align: left;margin: 0 0 10px;}
.head1:first-of-type h4 sup {font-size:0.65em;}
.head1 .kontakt {padding: 0 0 0;font-weight: 600;font-size: 12px;letter-spacing: .5px;}
.head1 .kontakt a {margin:0 10px;font-size: 11px;}
.head1 .kontakt a:last-of-type{margin-right: 0;}
.head1 img {position: absolute;margin: -1px 0 0 -22px;width: 11px;}
.head1-telefon {color:#0B5995;font-weight:600;animation:fading 4s infinite;line-height: 18px;}@keyframes fading{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}
.head1-telefon small {color: #707070;font-weight: 400;}
.head1 a {text-decoration: none}
.head1 a:hover {color:#222;text-decoration: none}

#body, #foot{float:left;width:100%;margin:0 auto;padding:0;}
#head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{max-width:1920px;margin:0 auto;text-align:left;}
#head2 .container, #head3 .container, #body .container{}

/* 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 ul{float:right;margin:8px 3px 3px 0;list-style:none;}
#menu1 li{float:left;padding:7px 0 0 20px;}
#menu1 li a{padding-right:12px;background:url('img/menu3_sub.gif') no-repeat right 5px;font-weight:bold;text-decoration:none;color:#2e6a97;text-transform:lowercase;}
#menu1 li a:hover, #menu1 .selected a{text-decoration:underline;color:#0B5995;}

#menu1 li.lBasket{padding:0 8px 5px 20px;background:url('img/cart.png') no-repeat 20px 0;}
#menu1 li.lBasket a{position:relative;padding:2px 0 0 18px;background:none;color:#0B5995;}
#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;position: fixed;width: 100%;left: 0;right: 0;z-index: 10001;top: -1px;-webkit-transition: all 0.25s;transition: all 0.25s;}
.head2_scroll {top:-1px !important}
#head2 .container{height:122px;background: #ffffffdb;  backdrop-filter: blur(10px);border-top:1px solid #d5d5d5;border-bottom: 4px solid #0B5995;-webkit-transition: all 0.5s;transition: all 0.5s;}
#head2 .container:hover {background: #fff;}
#head3 {margin-top: 70px;}
.top {max-width: 1660px;margin: 0 auto;}
#logo{float:left;padding:25px 10px 10px 0;}
#logo img {width: 200px;}
@media (min-width: 768px) {
  #logo img {width: 300px;}
  #head2 {top: 56px;}
  #head3 {margin-top: 180px;}
}
#logo #title{float:left;}
#logo #title a{color:#666;font:bold 4em 'arial black';text-decoration:none;}
#logo #title a span{color:#0B5995;background:inherit;}
#logo #title a strong{color:#2e6996;background:inherit;}
#logo #slogan{float:left;clear:left;padding:0 0 0 15px;background:inherit;color:#164a71;font-size:1em;}
* html #logo #slogan{width:100%;} /* IE 6 hack */
.banner {position: relative;}
.slogan {position: absolute;right: 3%;bottom: 16%;width: 540px;text-align: left;}
.slogan h3 {font-size: 11px;color: #fff;text-align: left;font-weight: 600;letter-spacing: 2px;text-transform: uppercase;line-height: 18px;}
.slogan h2 {font-size: 2.5em;color: #fff;text-align: left;text-transform: none;font-weight: 700;margin: 10px 0 20px;line-height: 1.3em;}
.slogan p {font-size: 1.25em;line-height: 2em;color: #fff;text-align: left;text-transform: none;font-weight: 400; max-width: 460px;margin: 0;}
.slogan button {color: #fff;background: transparent;text-align: center;margin: 30px 0 30px 0;padding: 15px 35px 15px 45px;font-size: 11.2px;font-weight: 700;border: 1px solid #fff;}
.slogan button:hover {padding: 15px 35px 15px 45px;background: #fff;color:#0B5995;box-shadow: 0 0 12px #fff6;}
@media (min-width: 768px) {
  .slogan h3 {font-size: 12px;color: #fff;text-align: left;font-weight: 600;letter-spacing: 2px;text-transform: uppercase;}
  .slogan button {color: #fff;background: transparent;text-align: center;margin: 60px 0 10px 0;padding: 15px 35px 15px 45px;font-size: 11.2px; font-weight: 700; border: 1px solid #fff; }

}
/* HEADER WITH TOP MENU BELOW LOGO */
#head3 .container{background:transparent;}
#head3 .container img {width: 100%;}

/* MENU TOP 2 */
#menu {float: right;}
#menu2 ul{float:left;height:100%;margin:0;list-style:none;}
#menu2 li{float:left;margin:0 5px}
#menu2 li.l1, #menu2 li.l1:hover, #menu2 li.l1.selected{border-left:none;}
#menu2 li a{display: inline-block;text-decoration: none;height:38px;margin-bottom: 36px;font-weight: 600;padding:52px 20px 0;color:#222;text-decoration:none;text-transform: uppercase;font-family: 'Poppins',Arial, Helvetica, sans-serif;font-size: 1.04em;letter-spacing: 1px;-webkit-transition: all 0.25s;transition: all 0.25s;}
#menu2 li a:hover, #menu2 .selected a{color:#0B5995;text-decoration:none;}



#menu2 li.dropdown {display: inline-block;}
#menu2 .dropdown-content {display: none;position: absolute;background-color: rgba(255, 255, 255, 0.94);min-width: 160px;box-shadow: 22px 36px 29px -33px rgba(0, 0, 0, .55);padding: 30px 0 42px;z-index: 1;border-bottom:3px solid #0B5995;background: #fff9;  backdrop-filter: blur(10px);}
#menu2 .dropdown-content a {float:none;height:auto;padding: 11px 55px 11px 30px;text-decoration: none;display: block;text-align: left;margin: 0 auto;font-size: 1.04em;color:#333;letter-spacing: 0.5px;border-top:1px solid #fff0;border-bottom:1px solid #fff0;}
#menu2 .dropdown-content a:hover {color:#0B5995;background-color: #ffffff6b;padding: 11px 40px 11px 45px;background-image:none;border-top:1px solid #fffb;border-bottom:1px solid #ffffff3e;}
#menu2 .dropdown:hover .dropdown-content {display: block;}
#menu2 .dropdown-content span {padding: 35px 55px 12px 30px;text-decoration:none;font-family: 'Poppins',Arial, Helvetica, sans-serif;font-size: 1.18em;color:#b4b4b4;display: block;}

/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body{clear:both;margin:-2px 0 0 0;}
#body .container{overflow:hidden;background:#fff;}

/* LEFT COLUMN STYLES */
#column{float:left;width:270px;padding:20px 0;background:url('img/body_bg.png') repeat-x left top;}
.order #column{display:none;}

#searchForm{padding:0;text-align:center;}
#searchForm label, #searchForm legend{display:none;}
#searchForm .input{width: 83%; padding: 9px 0;border: 0;float: left;}
#searchForm .submit{padding:0;font-size:0;font-style:normal;border:0;width: 31px;height: 32px;float: right;opacity:1}
#searchForm .submit:hover {opacity: 0.66;-webkit-transition: opacity 0.25s;transition: opacity 0.25s;}
*: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 20px 10px;}
#column .type{margin-top:10px;padding:5px 13px 10px;font-size:1.667em;font-weight:bold;color:#fff;background:#0B5995 url('img/menu3_bg.png') no-repeat left bottom;}

/* LEFT MENU */
#menu3 ul{padding:10px 0;list-style:none;background:#fff;}
#menu3 li{margin:0 3px;padding:4px 0 4px 13px;border-bottom:1px solid #e0e0e0;}
#menu3 a{display:block;width:100%;padding:4px 0;color:#666;font-weight:bold;text-decoration:none;background:none;}
#menu3 a:hover, #menu3 .sub1 a:hover{color:#0B5995;background:none;text-decoration:underline;}
#menu3 .selected > a:first-child{color:#0B5995;background:none;}

#menu3 .sub1{margin:0;padding:0;border:0;background:none;}
#menu3 .sub1 li{padding:2px 0 2px 20px;background:url('img/menu3_sub.gif') no-repeat 7px 8px;border:0px;}
#menu3 .sub1 a{display:block;width:100%;padding:2px 0;font-weight:normal;}

/* RIGHT COLUMN STYLES */
#content{float:left;width:92%;padding:20px 4% 0;text-align:center;}
* html #content{width:658px;} /* IE 6 hack */
.order #content{width:100%;}
#page{position:relative;width:94%;margin:0 auto;text-align:left;max-width: 1500px;}
* html #page{width:100%;} /* IE 6 hack */
* html .order #page{width:94%;} /* IE 6 hack */

/* PAGE TITLE */
.lewa-kolumna {width: 100%;}
@media (min-width: 780px) {
  .lewa-kolumna {width: 35%;float: left;}
}
#page h1{margin:55px 0 50px;text-align: right;color:#090d0f;font-size: 2.5em;letter-spacing: 1px;width: 100%;}

/* NAVIGATION PATH - TREE */
#page div.breadcrumb{padding:0 0 50px 0;font-size:.92em;font-weight:normal;}
#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:35px 0 5px 0;font-size:1em;width: 57%;float: right;}
#page div.content ul, #content .subpagesList li ol{margin:0 0 0 30px;padding:0;font-size: 1.32em;color: #090d0f;font-weight: 400;font-family: 'Montserrat',arial,tahoma,verdana;line-height: 2em;}
#page div.content li{margin:8px 0;padding:0;border-left:0;}
#page div.content p{padding-bottom:10px; text-align: left;}
#page div.content h3 {margin: 20px auto 10px auto;}
.breadcrumbs {margin: 0 0 100px;display: none;}
@media (min-width: 768px) {
  .breadcrumbs {margin: 0 0 100px;display: block;}

}
.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:#0B5995;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%;float: left;}
#content .imagesList li{margin:20px 0;width:100%;float:left;text-align:center;}
#content li.lL{margin-right:0;}
#content .imagesList li div{text-align: right;color: #aeaeae;line-height: 1.6em;display: none;}
#content .subpagesList li img, #content .imagesList li img, #content .imagePreview img, #products li .photo img{padding:0;opacity:1;-webkit-transition: opacity 0.25s;transition: opacity 0.25s;width: 100%;box-shadow: 20px 30px 50px rgba(0,0,0,0.08);margin: 0 0 20px 0;}
#content .subpagesList li img:hover, #content .imagesList li img:hover, #content .imagePreview img:hover, #products li .photo a:hover img{opacity:0.78;}
#content .subpagesList li img {height: 310px;width:100%;object-fit: cover;}
#products li .photo img {height: 240px;width: 100%;object-fit: cover;}
@media (min-width: 768px) {
  #content .imagesList li div{display: block;}

}
#imagesList1{float:left;margin:9px 0 0 0;}
#imagesList2{clear:right;float:right;margin:0 0 0 15px;}

#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%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;border-left:2px solid #e0e0e0;}
#filesList li{width:100%;float:left;clear:left;margin:5px 0 5px 10px;padding-left:10px;}
#filesList li a{color:#0B5995;background:inherit;}
#filesList li a:hover{color:#666;background:inherit;}
#filesList img{margin:0 8px 0 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{float:left;width:100%;margin:7px 0;list-style:none;}
#content .subpagesList li{float:left;width:31.333%;margin:10px 1%;padding:18px 0;border-bottom:1px solid #eee;}
* html #content .subpagesList li{width:100%;} /* IE 6 hack *//*
#content .subpagesList li .photo{float:left;margin:0 0 5px 0;}
#content .subpagesList li h2{padding-bottom:10px;}
#content .subpagesList li h2, #content .subpagesList li h2 a{color:#0B5995;font-size:1.15em;font-weight:normal;background:none;letter-spacing: 0;}
#content .subpagesList li h2 a:hover{color:#666;background:none;}
#content .subpagesList li h2 a {height: 66px;}
#content .subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;}
#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;}*/
#content .subpagesList{width: 100%;margin: 20px 0 0px 0;list-style: none;max-width: 1500px;clear: both;display: inline-block;}
#content .subpagesList li{clear: left;width: auto;margin: 0;padding: 0;}
* 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: 12px auto 10px auto;text-align: left;width: 96%;text-transform: none;}
#content .subpagesList li h2, #content .subpagesList li h2 a{color:#25211c;font-size:1.15em;font-weight:500;background:none;font-family: 'Montserrat',arial,tahoma,verdana;letter-spacing: 0;}
#content .subpagesList li h2 a:hover{color: #0B5995;background:none;}
#content .subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;width: 96%;margin:auto;}
#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: #4a4a4a;text-align: left;width: 100%;}
@media (min-width: 768px) {
  #content .subpagesList{width: 100%;margin: 20px 0 0px 41%;}
}


/* OPTIONS LINK */
#options{clear:both;float:right;width:100%;margin:10px 10px;color:#666;font-size:1em;text-align:right;}
*: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:#0B5995;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:#0B5995;font-weight:normal;font-size:2.4em;line-height:1.7em;}
.message h2 a{color:#2e6a97;background:inherit;}
.message h2 a:hover{color:#666;background:inherit;}

/* PRODUCTS LIST */
#products{clear:both;float:left;width:100%;margin:10px 0 50px;list-style:none;}
#products ul.list{float:left;width:100%;max-width:1500px;list-style:none;}
#products .list li{float:left;width:39%;margin:0 0;padding: 0 0 0 11%;text-align:center;}
/* standard products list (not columns) example:
#products .list li{position:relative;clear:both;width:96%;margin:5px 0;padding:5px 2% 10px;text-align:left;} */
#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;}
#products li h2{padding: 25px 0 0;font-weight: 500;font-size: 1.55em;text-align: left;text-transform: none;}
#products li h2 a{text-decoration:none;color: #090d0f;}
#products li h2 a:hover{color:#0B5995;}
#products li h3{padding-bottom:5px;font-weight:normal;font-size:0.917em;}
#products li h3, #products li h3 a{color:#666;}
#products li h3 a:hover{color:#0B5995;}
#products li h3 em{padding:0 5px;}
#products li div.description{margin:10px 0 0;text-align:justify;}
#products li div.description p {text-align: left;color: #494848;font-size: 1.16em;font-style: italic;letter-spacing: 0;margin-top:17px;line-height: 1.8em;}
#products li div.description a{color:#666;}
#products li div.description a:hover{color:#0B5995;}
#products li div.description ul, #products li div.description ol{margin:5px 0 0 25px;padding:0;}
#products li .price, #products li .noPrice {margin: 20px 0 5px -60px;background-color: inherit;text-decoration: none;float: left; width: 44px;display: block;position: absolute;height: 60px;  overflow: hidden;}
#products li .price em{padding:0 6px 0 0;background:inherit;color:#666;font-style:normal;}
#products li .price strong{font-size:1.167em;}
#products li .noPrice strong{font-size:1em;color:#090d0f;font-family: Arial, Helvetica, sans-serif;font-weight: 300;}
#products li .noPrice::first-line {font-size: 3em;}
#products li .noPrice::last-line {font-size: 3em;}

#products li .price span{padding-left:4px;font-size:1.083em;color:#666;}
#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;}
#products li .basket a:hover{}

#products .pages{float:right;width:100%;margin:0;padding:9px 0;border:0;background:none;text-align:right;font-size:1em;}
#products .pages li{margin:0;padding:0 2px;border:0;background:none;}
#products .pages a, #products li.pages strong{padding:0 1px;font-size:1em;}
#products .pages .viewAll{padding-right:8px;border-right:1px solid #666;}
#products .pages .title{padding-left:8px;border:none;}
#products .pages#pagesBefore{clear:none;width:auto;}

#products .sort{float:left;width:auto;margin:0 10px 0 0;padding:10px 0;border:0;background:none;text-align:left;display: none;} /*sortowanie ukryte*/
#products .sort ul{display:inline;list-style:none;}
#products .sort li{display:inline;padding:0 6px;font-weight:bold;border-right:1px solid #666;}
#products .sort li:last-child{border:none;padding-right:0;}
#products .sort li a{font-weight:normal;}

/* PRODUCTS DETAILS */
#product{display:block;width:100%;margin:0 auto;text-align:center;max-width: 1500px;}
* html #product{margin:0;} /* IE 6 hack */
#product h1{padding:55px 0 5px;
  color: #090d0f;
  font-size: 2em;
  letter-spacing: 1px;}
#product div.breadcrumb{margin:0 0 10px;padding:2px 0 7px;border-bottom:1px solid #bebebe;font-weight:normal;font-size:0.917em;display: none;} /* okruszki ukryte */
#product div.breadcrumb, #product div.breadcrumb a{background:inherit;color:#666;}
#product div.breadcrumb a:hover{background-color:inherit;color:#0B5995;}
#product div.breadcrumb em{padding:0 5px;}

#product #box{width:250px;margin:0 auto 10px auto;padding:0 0 7px;}
#product #box form{font-weight:bold;}
#product #box #price, #product #box #noPrice{padding:7px 0;border-bottom:1px solid #bebebe;background-color:transparent;color:#666;font-size:1em;text-align:center;}
#product #box #noPrice{color:#090d0f;}
#product #box #price em{font-style:normal;}
#product #box #price strong{padding:0 6px;font-size:1.176em;color:#0B5995;font-weight:bold;}
#product #box #available{padding:8px 2px 0;background-color:transparent;color:#666;font-weight:bold;font-size:0.9em;}
#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;}
#product #box #addBasket .submit:hover{}

#product div.content{clear:left;padding:10px 0 0;font-size:1.083em;line-height:1.5em;max-width: 1300px; margin: 0 auto;}
#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;}
#product div.content img {width: 100%}

/* BASKET AND ORDER */
#orderedProducts table{width:100%;margin:0;border-bottom:2px solid #e0e0e0;font-size:1em;color:#0B5995;}
#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;}
#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:#666;}
#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:#0B5995;}
#orderedProducts tfoot .nextStep .submit:hover{background:#154a72;}

#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:#0B5995;}
#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:#666;}
#basket .del a:hover{background:inherit;color:#0B5995;}
#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:#666;border:2px solid #e0e0e0;font-weight:normal;}
#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;}
#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;}
#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:#0B5995;}
#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:#666;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:#666;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:#0B5995;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;font-weight:bold;}
#foot .container{width:960px;margin:0 auto;padding:15px 0;color:#555;overflow:hidden;}
#foot a{background:inherit;color:#555;text-decoration:underline;font-weight:bold;}
#foot a:hover{color:#0B5995;background:inherit;}

#copy{float:left;padding:0 25px;}
.foot{float:right;padding:0 25px;}
#powered img{vertical-align:middle;}

@media print{
  /* PRINT STYLES */
  #rss{display:none;}
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !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;}

}


/* ZMIANY */
.ikonki {background: #fff;padding: 90px 0 50px;max-width: 1920px;margin: 0 auto;}
.ikonki-zestaw{margin: 0 auto;height: 60px;}
.ikonki-blok {width:14.2%;text-align: center;text-transform:uppercase;font-size:10px;padding:15px 0 5px;height:50px;-webkit-transition: all 0.25s;transition: all 0.25s;letter-spacing: 1px;color:#fff;-webkit-filter: grayscale(100%); filter: grayscale(100%);opacity:0.4;float:left;font-family: 'Montserrat',Arial, Helvetica, sans-serif;font-weight: 500;cursor:default;}
.ikonki-blok:hover {font-size:9px;color:#0B5995;padding:5px 0 5px;height:60px;-webkit-filter: grayscale(0%); filter: grayscale(0%);opacity:1;letter-spacing: 0.5px}
.ikonki-opis {margin-top:10px;}
.ikonki-opis img {margin:0 0 5px 0;}
.red {margin:6px auto 4px;}


#start-oferta {width: 100%;background: #fff;height: auto;}
.start-oferta {max-width: 1880px;width: 100%;margin: 0 auto;padding: 160px 0 150px;}
.start-oferta-wiecej {width: 100%;max-width:860px;margin:20px auto 0;clear: both;text-align: center;}

.start-oferta .block {width: 98%;padding: 20px 1% 100px;float: left;text-align: left;position: relative;}
.start-oferta .block .photo {width: 100%;overflow: hidden;margin: 0 0 ;}
.start-oferta .block img {width: 100%;-webkit-transition: all 2s;transition: all 2s;}
.start-oferta .block:hover img {transform: scale(1.1);}
.start-oferta .block h1 {text-align: left;margin: 30px 0 18px 0;  font-size: 15px;}
.start-oferta .block p {text-align: left;margin: 6px 0 6px 0;font-size: 1.1em; line-height: 1.72em; letter-spacing: 0.2px;cursor: default;}
.start-oferta .block .wiecej {width: 90%;padding: 16px 0 22px 0;box-shadow: 0px -11px 40px 30px #ececec;z-index: 1;position: absolute;-webkit-transition: all 0.5s;transition: all 0.5s;}
.start-oferta .block:hover .wiecej {width: 90%;padding: 16px 0 22px 18px;box-shadow: 0px -11px 40px 30px #fff0;z-index: 1;position: absolute;}
.start-oferta .block .wiecej a {font-size: 12px;-webkit-transition: all 0.5s;transition: all 0.5s;}
@media (min-width: 768px) {
  .start-oferta .block {width: 23%;padding: 20px 1% 140px;float: left;text-align: left;position: relative;}
  .start-oferta .block .photo {width: 100%;overflow: hidden;margin: 0 0 45px 0;height: 280px;}
  .start-oferta .block .wiecej {width: 90%;padding: 16px 0 22px 18px;box-shadow: 0px -11px 40px 30px #ececec;z-index: 1;position: absolute;-webkit-transition: all 0.5s;transition: all 0.5s;}
  .start-oferta .block h1 {text-align: left;margin: 30px 0 18px 18px;  font-size: 15px;}
  .start-oferta .block p {text-align: left;margin: 6px 0 6px 18px;font-size: 1.1em; line-height: 1.72em; letter-spacing: 0.2px;cursor: default;}
  .start-oferta .block .wiecej {width: 90%;padding: 16px 0 22px 18px;box-shadow: 0px -11px 40px 30px #ececec;z-index: 1;position: absolute;-webkit-transition: all 0.5s;transition: all 0.5s;}
  .start-oferta .block .wiecej a:hover {padding-left: 12px;}
  .start-oferta-wiecej {width: 100%;max-width:860px;margin:80px auto 0;}
}

#start-firma {width: 100%;background: url('img/tlo.jpg') no-repeat center center;height: auto;}
.start-firma {max-width: 1920px;width: 90%;margin: 0 auto;padding: 160px 5% 150px;background: url('img/kwadrat.png') no-repeat left center;background-position: 0 500px; }
.start-firma-1500 {max-width:1500px;margin: 0 auto}
.start-firma-blok:first-of-type {width:42%;padding-right: 4%;float:left;text-align: left;box-shadow: none;margin-top: 60px;}
.start-firma-blok {width:50%;float:right;text-align:right;padding: 0;position: relative;box-shadow: 45px 45px 88px rgba(0,0,0,0.15);}
.start-firma p {text-align: left;text-transform: none}
.start-firma h2 {text-align: left;}
.start-firma h3 {max-width: 460px;}
.start-firma-txt button {font-size:28px;text-align: right;margin: 0;line-height: 22px;padding:60px 5% 40px;border:0;width: 90%;background: transparent;color:#2a1106}
.start-firma-txt button:hover {font-size:28px;text-align: right;line-height: 22px;padding:40px 5% 60px;color:#f2f2f2;border:0;width: 90%;background: #2a1106;}
.start-firma ul {margin:40px 0 20px 0;}
.start-firma li {font-size:1.32em;color:#090d0f;font-weight:400;font-family:'Montserrat',arial,tahoma,verdana;text-align:left;line-height:26px;margin: 12px auto;padding-left: 20px;list-style: none;}
.start-firma li img {float: left;margin: 0 20px 0 0;}
.start-firma-wiecej {width: 100%;max-width:1360px;margin:200px auto 0;clear: both;text-align: center;}
.start-firma-wiecej p {margin:65px 0}
.galeria-blok-start {margin: -30px 0 0;width: 82%;text-align: right;}
.galeria-blok-start button {padding: 14px 20px;font-size:1.4em;margin: 0 0;background: #fff;color:#0B5995} .galeria-blok-start button:hover{background: #0B5995;color:#fff}
.galeria-img img {width: 100%}
.start-firma-ikonki {width: 100%;max-width:1240px;margin:45px auto 0;clear: both;text-align: center;}
.start-firma-ikonki button {background: #0B5995 url('img/cennik.png') right bottom no-repeat;min-width: 280px;border-radius: 10px;padding: 22px 0 20px 40px;margin:40px 0 0;font-size: 1.16em;letter-spacing: 0.25px;font-weight: 600;font-family: 'Montserrat',Arial, Helvetica, sans-serif;color:#fff;text-align:left;border: 0;-webkit-transition: all 1s;transition: all 1s;z-index: 2;position: relative;}
.start-firma-ikonki button small {font-size: 0.8em;font-weight: 400;font-family: Arial, Helvetica, sans-serif;text-transform: none;text-align:left;opacity:0.66;letter-spacing: 0.35px;-webkit-transition: all .5s;transition: all .35s;text-decoration: underline #fff0;}
.start-firma-ikonki button img {float:left;margin: 0 16px 0 0}
.start-firma-ikonki button:hover {background: #0F79CA url('img/cennik.png') right bottom no-repeat;color:#fff;box-shadow: 1px 1px 12px #0006;}
.start-firma-ikonki button:hover small {opacity: 1;}
.start-firma-ikonki button:hover small:hover {text-decoration: underline #fff8;}
.start-firma-ikonki h1 {letter-spacing: 0.2px}

.start-cennik {width: 100%;height: auto;margin: auto;margin: 0 auto 0;max-width: 1440px;}
.start-cennik div {width: 95%;text-align: center;border: 0;margin:30px 0 ;padding:15px 2.5% 50px;cursor: default;-webkit-transition: all 0.5s;transition: all 0.5s;border-bottom:1px solid #ececec;}
@media (min-width: 768px) {
  .start-cennik {width: 100%;height: auto;margin: auto;display: flex;}
  .start-cennik div {width: 20%;text-align: center;border-right: 1px solid #ececec;margin:30px 0 ;padding: 10px 2.5% 20px;cursor: default;-webkit-transition: all 0.5s;transition: all 0.5s;border-top:1px solid transparent;border-bottom:1px solid transparent;border-left:1px solid transparent}
.start-cennik:hover div {opacity: .72;}
.start-cennik div:hover {opacity: 1;filter: none;box-shadow: 0 0 52px #0003;padding: 40px 2.5% 0;border: 1px solid #fff;z-index: 11;margin: 0 0 0 -1px;width: 23%;}
}
.start-cennik div:last-of-type {border: 0;}
.start-cennik h1 {margin: 10px auto;min-height: 40px;text-align: center;font-size: 12.6px;letter-spacing: 1px;color: #000;font-weight: 700;max-width: 270px;}
.start-cennik small {margin: 0 4px 0 0;text-align: center;font-size: 13px;}
.start-cennik h2 {margin: auto;text-align: center;font-size: 50px;font-weight: 700;}
.start-cennik h2 sup {font-size: 24px;text-decoration: underline;margin: 0 4px 0;}
.start-cennik p {margin: auto;text-align: center;font-size: 13px;}




#zakonczenie {margin: auto;;background: #ececec;display: flow-root;border-bottom: 1px solid #cecece;}
#zakonczenie .start-oferta h2 {text-align: left;margin: 0 0 15px 1%;}

#start-mapa {height: 600px; padding: 0 0 0; position: relative;margin: 0 auto 360px auto;}
.start-mapa{width:100%;text-align:left;margin: 0 auto;padding: 100px 0 0;}
.start-mapa-okno {position: absolute;top: 73%;left: 77%;transform: translate(-50%, -42%);padding:80px 3.5% 90px;width: 26%;background: #ffffffc9; backdrop-filter: blur(6px);text-align: left;box-shadow: 30px 40px 70px rgba(0,0,0,0.18);min-width: 500px;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right:1px solid #dbdbdb;border-bottom: 1px solid #fff;}
.start-mapa p {text-align: left;text-transform: none;font-weight: 400;font-size: 1.3em;width: 100%;margin: 0 auto;}
.start-mapa h2 {text-align: left;}
.start-mapa h2:last-of-type {margin: 30px 0 15px 0;}
.start-mapa h3 {margin-bottom:30px;}
.mapa {width:140%;height:600px;margin-left:-40%;filter: grayscale(100%) contrast(110%);mix-blend-mode: lighten;}

#start-stopka {width: 100%;background: #fff;height: auto;margin: -300px auto 0 auto;display: block ruby;}
#podstrony-stopka {width: 100%;margin: auto;;display: block ruby;}
.start-stopka {max-width: 1700px;width: 90%;padding: 100px 5% 110px;text-align: left;margin: auto;}
.menu-stopka {float: left;width: 22%;display: grid;}
.menu-stopka:nth-child(3) {width: 30%;float: right;}
.menu-stopka h1 {margin-bottom: 25px;text-align: left;color: #364048;}
.menu-stopka p {text-align: left;text-transform: none;max-width:700px;margin-left: 0;line-height: 2em;  font-weight: 500;  font-size: 13px;color: #364048;margin: 0;}
.menu-stopka a {text-align: left;text-transform: none;max-width:700px;margin-left: 0;line-height: 2.2em;  font-weight: 500;  font-size: 13px;color: #364048;}
.menu-stopka a:hover {color:#0B5995;}
#stopka {width: 100%;background: #fff;height: auto;border-bottom: 4px solid #0B5995;display: flex;}
.stopka {max-width: 1920px;width: 83%;margin: 0 auto;font-family: 'Montserrat', Arial, Helvetica, sans-serif;font-size: 1.28em;font-weight: 400;letter-spacing: 0.2px}
.stopka-blok {float:left;padding: 30px 0 30px 2%;text-align: left;}
.stopka-blok:first-of-type {width:50%;padding: 35px 0 30px;font-size: 13px;}
.stopka-blok:last-of-type {width: 50%;float: right;text-align: right;padding-left:0}
.stopka-blok a {font-family: 'poppins', Arial, Helvetica, sans-serif;padding: 5px 15px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.7px;font-size: 0.85em}
.stopka-blok:last-of-type a {text-transform: none;font-weight:400;font-family: 'Montserrat', Arial, Helvetica, sans-serif;}
.stopka-blok a:hover {color:#090d0f;}

.formularz {width: 100%;float:left;margin: 5px 0 0 0;display:none;}
.formularz h3 {margin-bottom:40px;}
.pole {padding:16px 3%;background:#fff;border:1px solid #fbd1d2;width:41.5%;float:right;margin-bottom:22px;font-size: 14px;color:#030000;font-weight:300;font-family:'Montserrat',arial,tahoma,verdana;-webkit-transition: all 0.25s;transition: all 0.25s;border-radius: 8px;}
.pole:first-child{float:left;}
.pole-opis {padding:8px 2%;background:#fff;border:1px solid #fbd1d2;width: -moz-calc(100% - 115px); width: -webkit-calc(100% - 115px); width: calc(100% - 115px);float:left;font-size: 14px;color:#030000;font-weight:300;font-family:'Montserrat',arial,tahoma,verdana;height:120px;-webkit-transition: all 0.25s;transition: all 0.25s;border-radius: 8px;}
.wyslij {width:9%;min-width:70px;height:123px;background: #0B5995 url('img/mail.jpg') no-repeat center center;float:right;border:0;margin-top:3px;cursor:pointer;-webkit-transition: all 0.25s;transition: all 0.25s;border-radius: 8px;}
.wyslij:hover {opacity:0.72}
.zgoda {width:100%;clear: both;font-size:1em;color:#948f8f;font-weight:300;font-family:'Montserrat',arial,tahoma,verdana;text-align:left;padding: 15px 0 10px 0;display: block}
.mySlides {display:none;}
.pole:hover, .pole-opis:hover {border:1px solid #0B5995;}

#kontakt-mapa {height: 460px;padding: 0 0 0;background: #0B5995;position: relative;margin: 120px auto 50px auto;border: 1px solid #d9d9d9;box-shadow: 20px 20px 20px rgba(0,0,0,0.12);
}
.oferta-stopka {max-width: 1320px;width: 100%;margin: 40px auto 60px;}
.oferta-stopka-blok {width:24%;padding: 0 4.65%;float:left;text-align: center;}
.oferta-stopka-blok h3 {font-size:1.7em;color:#090d0f;font-weight:400;font-family:'Montserrat',arial,tahoma,verdana;text-align:center;margin-bottom:10px}
.oferta-stopka-blok p {font-size:1.3em;line-height:1.4em;color:#534e4e;font-weight:300;font-family:'Montserrat',arial,tahoma,verdana;text-align:center;letter-spacing: 0;margin: 15px auto}
.oferta-stopka-blok small {opacity:0;font-size: 0.9em;color:#0B5995;font-family:'Montserrat',arial,tahoma,verdana;margin-top: 10px;display: block;-webkit-transition: all 0.25s;transition: all 0.25s;}
.oferta-stopka-blok:hover small {opacity:1}
.oferta-stopka-blok:hover h3 {color:#0B5995;}

#podstrona-kontakt {width: 100%;max-width:1920px;margin:0 auto;background: #fff;height: auto;clear: both;background: transparent;}
.podstrona-kontakt {max-width: 1500px;width: 100%;margin: 80px auto 0 0;padding: 0 0;text-align: right;}
.podstrona-kontakt h2 {text-align:left;}
.podstrona-kontakt h5 {font-size:1.3em;color:#090d0f;font-weight:500;font-family:'Montserrat',arial,tahoma,verdana;text-align:left;text-transform: none;line-height: 1.8em;max-width: 450px;}
.podstrona-kontakt p {font-size: 1.22em;line-height: 1.8em;font-weight:400;font-family:'Montserrat',arial,tahoma,verdana;text-align:left;letter-spacing: 0;margin: 30px auto 12px auto;letter-spacing: 0.2px}
@media (min-width: 768px) {
  #podstrona-kontakt {margin: 120px 0 0 43%;}
}

#podstrony-stopka {width: 100%;background: #fff;height: auto;}
.podstrony-stopka {max-width: 1500px;width: 90%;margin: 0px auto;padding: 10px 5% 30px;text-align: center;}
.podstrony-stopka h2 {margin-bottom: 15px;font-weight: 400;text-align: center;text-transform: none}
.podstrony-stopka p {text-align: center;text-transform: none;max-width:700px;margin:15px auto 0 auto}
.banner-mobile, #menu-mobile {display: none;}

sup {font-size: .6em;}

@media (max-width: 960px) {

  .start-mapa-okno, .stopka-blok:nth-child(2), .banner, .start-oferta-opis, #podstrony-stopka, #start-stopka, #menu, .banner .slogan, #head1, .formularz {display:none;}  
  #content .subpagesList li {float: left;width: 98%;}
  #content .subpagesList li img {height: auto;}
  .stopka-blok, .stopka-blok:first-of-type, .stopka-blok:last-of-type {width:100%;padding: 22px 0;text-align: center;display: grid;}
  .podstrona-kontakt p, .podstrona-kontakt h2, .podstrona-kontakt h5 {text-align: left;}
  #logo {float:none;text-align: left;padding: 12px 5% 6px;}
  .start-firma-blok:first-of-type, .start-firma-blok, #page div.content,#content .imagesList {width: 100%;padding: 0;}
  .start-firma-blok:first-of-type {margin:100px auto 40px;}
  #products .list li {width: 84%;padding: 0 0 50px 14%;}
  .stopka {width: 100%;}
  #start-mapa {margin: 0 auto 10px auto;height:400px;}
  .mapa{margin-left:0 !important;width:100% !important;height: 400px;}
  .start-firma-ikonki {display: grid;}
  .start-firma-ikonki button {margin: 8px auto;}
  #page h1 {margin: 50px 0 20px 0;text-align: left;font-size: 1.8em;}
  #content .imagesList {margin: 0 0 10px 0;}
  .start-oferta-blok, .start-oferta-blok:first-of-type, .start-oferta-blok:last-of-type {width:100%;padding: 0;margin: 0;float: none;position:static}
  .start-oferta-blok:last-of-type {margin-top: 40px;}
  #start-firma {background: none;}
  .stopka-blok:last-of-type {max-width: 100%;float: none;text-align: center;margin-bottom: 120px;}
  .stopka-blok:first-of-type {background: #fff;color: #888;padding: 50px 0;}
  .start-oferta-blok-big img, .start-oferta-blok-male img {height: 300px;object-fit: cover;}
  .start-firma {padding: 50px 5% 140px;}
  .start-oferta-blok-male, .start-oferta-blok-male:first-of-type, .start-oferta-blok-male:last-of-type {width:100%;padding:0;margin:20px auto 0;}
  .slogan {position: absolute;text-shadow: 1px 1px 2px rgba(0,0,0,0.6);left: 0;bottom: 9%;max-width: 80%;padding:0 10%;text-align: left;width: 100%;}
  .slogan p:first-of-type {text-align: center;letter-spacing: 1.5px;font-size: 11px;text-transform: uppercase;font-family: 'poppins', Arial, Helvetica, sans-serif;letter-spacing: 1.5px;font-weight: 500;}
  .slogan p:last-of-type {font-size: 2.5em;text-align: center;font-size: 3em;font-family: 'poppins', Arial, Helvetica, sans-serif;letter-spacing: 1.5px;font-weight: 700;}
  .slogan button {color: #fff;background: transparent;text-align: left;margin: 12px 0 10px;padding: 2px 15px 7px 0;font-size: 10.2px;font-weight: 600;border: 0;text-shadow: 1px 1px 2px rgba(0,0,0,0.4);}
.slogan button:hover {padding: 7px 15px 7px;background: #fff;color:#0B5995;box-shadow: 0 0 12px #fff6;text-shadow: none}
  /*.slogan button {padding: 17px 40px;}*/
  .banner-mobile {display: block;} 
  .banner-mobile img {width: 100%;}
  #container {padding: 0;}
  .start-oferta-blok-male-okno1:hover, .start-oferta-blok-male-okno2:hover {background:none;}
  .start-oferta-blok-male-okno1, .start-oferta-blok-male-okno2 {width: 100%;}
  .start-oferta {padding: 100px 5% 150px;width: 90%;}
  #head2 .container {height: auto;}

 #menu-mobile {display:block;bottom:0;left:0;z-index:1000;width: 100%;margin:auto;padding:13px 0 11px;background: #fff;position: fixed;box-shadow:-3px 0 27px rgba(0,0,0,0.23);}
#menu-mobile .menu {width: 100%;padding:0 0% 5px;max-width: 500px;margin:auto;}
#menu-mobile .menu .button {width: 20%;padding: 0 ;float:left;text-align: center;cursor: pointer;}
#menu-mobile .menu .button .ico {width: 28px;  padding: 3px 29% 2px;margin: 0 auto;}
#menu-mobile .menu a {text-transform: uppercase;color:#777;font-weight: 500;font-size: 9px;line-height: 11px;letter-spacing: 0px;font-family: 'poppins', Arial, Helvetica, sans-serif;}
#menu-mobile .menu .gray {filter: grayscale(1);}
#menu-mobile .menu .gray:hover {filter: grayscale(0) !important;}
#menu-mobile .menu .gray span {display: block;}
.start-firma-wiecej p, .start-firma-wiecej p:last-of-type {float: none;border: 0;padding: 5px 0;text-align: center;width: 100%;margin: 0 0 50px 0}
.start-firma-wiecej p:first-of-type {margin: 70px 0 0 0}
.start-oferta-wiecej {display: inline-block;}
h3 {font-size: 17px;line-height: 30px;}
p {font-size: 1.25em;}
#page div.content li {font-size: 0.92em;}
.start-firma li {font-size: 1.25em;padding-left: 0;}
.start-firma li img {margin:0 15px 0 0}
.start-oferta-blok-big-okno p {font-size: 1.12em;}
.start-firma {background-image: none;}
}
.tresc{max-width:1200px;margin:0 auto}

#slider-start {margin: 0 auto 0;padding: 0px 0px 40px 10%;width: 102%;background: #ececec;display: flow-root;box-shadow:0px -10px 120px 100px #ececec;z-index:1;position: relative;display: none;}
#slider-start p {font-style: italic;text-align: left;text-align: left;font-size: 14.6px;line-height: 1.8em;}
#slider-start h4 {max-width: 620px;margin: 0;font-size: 12px;font-weight: 400;font-family:'Montserrat',arial,tahoma,verdana;margin: 22px auto;text-align: left;}
#slider-start h1 {text-align: left;margin-left: 1%;}
@media (min-width: 768px) {
  #slider-start {display: block;}

}
/* The dots/bullets/indicators */
.dot {cursor: pointer;height: 5px;width: 25px;margin: 0 2px;background-color: #bbb;border-radius: 3px;display: inline-block;transition: background-color 0.6s ease;}
.active, .dot:hover {background-color: #0B5995;}
.mojeOpinie {display: flex;}
.mojeOpinie .text {width: 26.33%;margin: 0 1%;float: left;background: #fff;padding: 25px 2.5%;-webkit-transition: all 0.5s;transition: all 0.5s}
.mojeOpinie .text:hover {box-shadow: 0 0 52px #0003;}
  

#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:18;width: 100%;margin:auto;padding:6px 0 8px;position: fixed;background-image: linear-gradient(to bottom, #ffffffe2 , #ffffff);backdrop-filter: blur(6px); border-top: 1px solid #fffffffa;}
#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 10px;-webkit-transition: all .5s;transition: all .5s;}
#menu-mobile .menu a {color: #969696;font-weight: 300;font-size: 8px;letter-spacing: 1px;-webkit-transition: all .5s;transition: all .5s;}
#menu-mobile .menu a:hover {color:#999999;}

.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;}
@media (min-width: 768px) {
#menu-mobile-tlo {display: none;}
}
.galeria2-referencje {margin:120px auto 0}


.overlay {height: 0%;width: 100%;position: fixed;z-index: 1;bottom: 0;left: 0;background-image:radial-gradient(farthest-corner at 0% 20%, #ffffff91 0%, #fff 70%);overflow-y: hidden;transition: 0.5s;z-index: 16;backdrop-filter: blur(4px);}
.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: 38%;width: 100%;text-align: center;margin-top: 30px;}
.overlay a {padding: 6px 10% 6px 10%;text-decoration: none;font-size: 15px;color: #333;font-family: 'poppins';transition: 0.3s;text-align: right;letter-spacing: 0.4px;margin: 3px 0;}
.overlay a:hover {background: rgba(255,255,255,.1);}
.overlay a:hover, .overlay a:focus {color: #0B5995;}
.overlay .closebtn {position: absolute;top: 0;right: 0;font-size: 50px;}.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;}

.godziny {display: none;}
@media (min-width: 768px) {
  .godziny {display: block;}
  #menu-mobile {display: none;}
}



/*cookies*/
  #cookie-banner {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 90%;
      background: #111111d6;
      backdrop-filter: blur(10px);
      color: #fff;
      padding: 20px 5%;
      z-index: 9999;
      display: none;
      font-family: 'Lato', sans-serif;
      font-size: 14px;
    }

    .cookie-content {
      max-width: 1200px;
      margin: auto;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    .cookie-text {
      flex: 1 1 70%;
      line-height: 1.6;
      font-weight: 300;
      text-align: left;
    }

    .cookie-text a {
      color: #fff;
      text-decoration: underline;
    }

    .cookie-buttons {
      flex: 1 1 30%;
      text-align: right;
      display: flex;
      gap: 10px;
    }

    .cookie-buttons button {
      padding: 10px 20px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-weight: 600;
      margin: 0;
    }

    #accept-cookies {
      background: #fff;font-size: 12px;
      color: #0B5995;transition: all 0.3s;
    }

    #decline-cookies {
      background: #666;font-size: 12px;
      transition: all 0.3s;
      color: #ccc;
    }
     #accept-cookies:hover {box-shadow: 0 0 12px #0B5995;color: #0B5995;}
#decline-cookies:hover{background: #999;color:#fff}
    @media (max-width: 768px) {
      .cookie-buttons {
        flex: 1 1 100%;
        justify-content: flex-start;
      }
      .cookie-text {font-size: 10px;}
      .cookie-buttons button {padding: 7px 18px;letter-spacing: 0.2px;margin: 0;}
      #accept-cookies, #decline-cookies {font-size: 10px;}
    }