﻿html { font-size:10px; font-family: "Poppins", sans-serif; max-width:1920px; display:block; margin:auto;}
body {margin: 0px; padding: 0px; width: 100%; height: 100%; background:#fff; text-align: left; color:#0c4da2; line-height:30px; font-size:16px; }

*{box-sizing: border-box;}
#all { width:100%; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.cl {clear: both;}
img {border:none; margin:0px; padding:0px; }
h1 , h2 , h3 , h4 , h5, h6{padding:0px; font-size: 1.8rem; margin:0px;  font-weight: normal;  }
a:link , a:visited , a:hover {text-decoration: none; color: #787878;}
a:hover {color: #787878;}
p{ margin:0px 0px 20px 0px; padding:0px;  }
ul{ padding:0px; margin:0px; list-style:none;}

img.alignleft , .alignleft{ float:left; margin-right:20px;}
img.alignright { float:right; margin-left:20px;}
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}

#top { width:100%; padding:0px 10%; display:flex; justify-content:space-between; height:160px; align-items:center;}
#top a#logo img { width:auto !important; height:120px !important;} 
#mtop ul , #mtop { display:flex; }
#mtop ul li { margin:0px 5px;}
#mtop ul li a { color:#0c4da2; padding:10px 20px; position:relative; }
#mtop > ul > li > a:after {  content: ''; height: 5px; background-color: #e11279; display: block; width:0; position:absolute; bottom:0px; left:0px; transition: 0.8s all; }
#mtop > ul > li:hover > a:after  { width:100%; }

#mtop > ul > li.mp > ul { position:absolute; z-index:222; left:0px; top:115px; background:#fff; width:100%; padding:10px 10% 10px 10%; display:none; box-shadow: 0 7px 5px 0 rgba(0,0,0,0.05); }
#mtop > ul > li.mp > ul > li { width:31.3%; margin:0px 1%; position:relative; float:left;}
#mtop > ul > li.mp > ul > li a { line-height:20px; width:100%; float:left; font-size:14px; color:#0c4da2 !important; display:flex; align-items:center;}
#mtop > ul > li.mp > ul > li a:hover {color:#e11279 !important;}
#mtop > ul > li.mp > ul > li a img { width:auto !important; height:100px !important; box-shadow: 0 0 0 1px #0c4da2; float:left;  }

.menu-image-title-after.menu-image-not-hovered img { padding:0px;}

#mtop > ul > li.mp > ul > li:first-of-type { display:none;}


#wyszukaj { margin-left:20px; cursor:pointer;}
#wyszukaj img { width:auto !important; height:25px;}

#banerhome { width:90%; position:relative; margin:0px 5%; box-shadow: 0 0 0 1px #0c4da2; overflow:hidden; }
#banerhome video { width:100% !important; height:auto !important; display:block;}

#opisb { width:45%; position:absolute; z-index:30; right:10%; color:#fff; top: 50%;  transform: translate(0, -50%); text-align:right; }
#opisb h1 { font-size:2.5vw; margin-bottom:20px;}
#opisb h2 { font-size:1.2vw; line-height:1.4vw;}
#opisb h2 strong { display:block;}

#cien1 { width:50%; height:100%; position:absolute; z-index:20; right:0px; top:0px;  background: rgb(12,77,162); background: linear-gradient(90deg, rgba(12,77,162,0) 0%, rgba(12,77,162,0.6) 100%); }
#cien2 { width:10%; height:100%; position:absolute; z-index:20; left:0px; top:0px;  background: rgb(12,77,162); background: linear-gradient(90deg, rgba(12,77,162,0.3) 0%, rgba(12,77,162,0) 100%);  }

#ofertahome { width:100%; padding:0px 15%; position:relative; z-index:60; margin-top:-100px;}
#ofertahome ul { width:102%; display:flex; justify-content:center; margin-left:-1%;}
#ofertahome ul li { margin:0px 1%; position:relative; }
#ofertahome ul li .ico { width:100%; box-shadow: 0 0 0 1px #0c4da2; overflow:hidden; position:relative; z-index:5; }
#ofertahome ul li .ico img { width:100% !important; height:auto !important; display:block;}
#ofertahome ul li .txt { width:100%; padding:10px 5%; box-shadow: 0 0 0 1px #0c4da2;  position:relative; z-index:5; background:#0c4da2;}
#ofertahome ul li .txt h2 { color:#fff; text-align:left; font-size:1.4rem; line-height:2rem; }
#ofertahome ul li .txt h2 strong { display:block; font-size:1.8rem;}
#ofertahome ul li span { width:100%; height:100%; position:absolute; z-index:2; background:#e11279; top:0px; left:0px; }
#ofertahome ul li:hover span {transform: skewX(-4deg) skewY(2deg); top:-2%; left:2%; width:95%;}

.podstrona #ofertahome { width:102%; padding:3% 15%; margin-top:0px;}


a.wiecej { width:100%; height:100%; position:absolute; z-index:22; left:0px; top:0px; text-indent:-99999px; }

#onas { width:100%; padding:3% 20%; text-align:center;}
#onas .tyt , #opinie .tyt , .inne .tyt { text-align:center;}
#onas img { display:block; width:30% !important; height:auto !important; margin:auto auto 20px auto;}


.tyt , .infobox .box h2 { font-size:2.4rem; text-align:left; margin-bottom:25px;  }
.podstrona .tyt { font-size:3.4rem; line-height:4rem; }


#button {display:inline-block; background: #0c4da2; width:50px; height:50px;  text-align: center; position: fixed; bottom: 20px; right: 20px; opacity: 0; visibility: hidden; z-index: 1000; cursor:pointer;  }
#button img { width:20px !important; height:20px !important; margin-top:15px;}
#button:hover { background:#e11279;   }
#button.show {opacity: 1; visibility: visible;}

a.wiecej2 { width:350px; color:#e11279; font-size:1.4rem; line-height:5rem; box-shadow: 0 0 0 1px #e11279; text-align:center; display:block; margin:40px auto 0px auto;} 
a:hover.wiecej2 { color:#fff; background:#e11279;}

#persolnelhome { width:100%; padding:3% 5% 80px 5%; display:flex; justify-content: flex-start;}
#persolnelhome .box:nth-child(1) { background:#0c4da2; width:20%; color:#fff; padding:2%; display:flex; justify-content:space-between; flex-direction:column;}
#persolnelhome .box:nth-child(2) { width:79%;}

#persolnelhome a.wiecej2 { width:100%; color:#fff; box-shadow: 0 0 0 1px #e11279; background:#e11279;} 
#persolnelhome a:hover.wiecej2 { color:#e11279; background:#fff;}


/* ---------------------------------  carusela -------------------------------------*/

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;
    -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none;}
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table;  content: '';}
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none;}


.slider-for .item { position:relative; overflow:hidden; width:100%;}
.slider-for .item img { width:100% !important; height: auto !important;}
.slick-prev , .slick-next { border:none; cursor:pointer; border-radius: 50%; position:absolute; z-index:20; width:40px; height:40px; bottom:5%; font-size:0px; }
.slick-prev ,.slick-next {background:rgba(255,255,255,0.5);}
.slick-prev:hover , .slick-next:hover {background:rgba(255,255,255,1);}


.slick-dots { position: absolute; bottom: -60px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: right; }
.slick-dots li { position: relative; display: inline-block; margin: 0 2px; padding: 0; }
.slick-dots li button { display: block; width: 20px; height: 20px; cursor: pointer; background: none; border:2px solid #0c4da2 ; line-height:0; font-size:0; border-radius: 50%;}
.slick-dots li button:hover  {  border:2px solid #e11279 ;}
.slick-dots li.slick-active button { border-radius: 50px; width:30px;}

/* ---------------------------------  end carusela -------------------------------------*/

.slick-track { padding:2px 0px;}
.slider-for .item { width:25%; position:relative; box-shadow: 0 0 0 1px #0c4da2; margin:0px 10px; float:left;}
.slider-for .item:hover {box-shadow: 0 0 0 1px #e11279;}
.slider-for .item .ico { width:100%; overflow:hidden;}
.slider-for .item .ico img { width:100% !important; height:auto !important; float:left;}
.slider-for .item h2 { font-size:1.4rem; padding:10px 20px; text-align:left; line-height:2rem;}


#opinie { width:100%; padding:3% 20%; overflow:hidden;}

#atutyhome { width:90%; margin:3% 5%; box-shadow: 0 0 0 1px #0c4da2; display:flex; justify-content:center;}
#atutyhome .box { padding:2%;}
#atutyhome .box:nth-child(1) { background:#0c4da2; width:55%; color:#fff; display:flex; flex-direction: column; justify-content: center;}
#atutyhome .box:nth-child(2) { width:45%;}

#atutyhome ul { width:102%; display:flex; justify-content:space-between; margin-left:-1%;  }
#atutyhome ul li { width:23%; margin:0px 1% 2% 1%;}
#atutyhome ul li .ico { width:100%;}
#atutyhome ul li .ico img { width:auto !important; height:80px !important; display:block; margin:0px auto 20px auto;}
#atutyhome ul li h2 { text-align:center; font-size:1.4rem; line-height:2rem;}
#atutyhome ul li h2 strong { display:block; font-size:1.8rem;}

#newshome { width:100%; padding:3% 15%;}

ul.news { width:102%; margin-left:-1%; display:flex; justify-content:center; flex-wrap:wrap;}
ul.news li { width:31.3%; margin:0px 1% 2% 1%; position:relative;}
ul.news li .ico { width:100%; box-shadow: 0 0 0 1px #0c4da2; overflow:hidden; margin-bottom:30px;}
ul.news li .ico img { width:100% !important; height:auto !important; display:block;}
ul.news li .txt h2 { font-size:1.8rem; margin-bottom:5px; text-align:left;}
ul.news li:hover .txt h2 { color:#e01279;}
ul.news li .txt p { height:90px; overflow:hidden;}

#kontakthome { width:100%; padding:3% 10%; display:flex; justify-content:space-between; align-items:center;}
#kontakthome .box { width:40%;}
#kontakthome .box a { color:#0c4da2;}
#kontakthome .box a:hover { text-decoration:underline;}

#kontakthome #map { width:58%; height:500px; box-shadow: 0 0 0 1px #0c4da2;}

#footer { width:90%; margin:5% 5% 0px 5%; border-top:2px solid #e01279; border-bottom:2px solid #e01279; padding:30px 5%; font-size:14px; display:flex; justify-content:space-between; line-height:25px;}
#footer .dol img { width:auto !important; height:60px !important; display:block; margin-bottom:40px;}
#footer a , #podpis a { color:#0c4da2;}
#footer a:hover , #podpis a:hover { text-decoration:underline;}
#footer h3 { margin-bottom:20px;}

#podpis { width:100%; padding:30px 5%; font-size:12px; display:flex; justify-content:space-between;}
#podpis div span { margin-right:10px;}
#podpis div a { margin-left:10px;}

#infohome { width:100%; padding:3% 8%;}
.infobox { width:100%; display:flex; justify-content:space-between; align-items:center;}
.infobox .box { padding:1%; width:50%;}
.infobox .box img { width:100% !important; height:auto !important; box-shadow: 0 0 0 1px #0c4da2;  }


#szuk { width:100%; height:100%; background:rgba(255,255,255,0.7); position:fixed; z-index:2222; left:0px; top:0px; display:none; }
#szuk fieldset { width:100%; padding:5% 10%; background:#fff; margin:0px; border: none; margin-top:15%;}
#szuk fieldset form {width:100%; display:flex; justify-content:space-between;}
#szuk fieldset .txt { width:70%; padding:0px 15px; border: none; line-height:50px; box-shadow: 0 0 0 1px #0c4da2; font-family: "Poppins", sans-serif; font-size:16px; }
#szuk fieldset .txt:hover , #szuk fieldset .txt:focus {box-shadow: 0 0 0 1px #e11279;}
#szuk fieldset .guz { width:29%;  color:#fff; text-align:center; border:none; cursor:pointer; font-size:16px; background:#0c4da2; box-shadow: 0 0 0 1px #0c4da2; }
#szuk fieldset .guz:hover {background:#e11279; box-shadow: 0 0 0 1px #e11279; }
img#exit { position:absolute; z-index:22; right:5%; top:5%; cursor:pointer; }
img#exit:hover { opacity:0.5;}
.poka { display:block !important;}

#boxopis { padding-top:5%;}

fieldset { width:100%; border: none; padding:0px; margin:0px; }
fieldset form {width:100%; display:flex; justify-content:space-between;}
fieldset .txt { width:70%; padding:0px 15px; border: none; line-height:50px; box-shadow: 0 0 0 1px #0c4da2; font-family: "Poppins", sans-serif; font-size:16px; }
fieldset .txt:hover , fieldset .txt:focus {box-shadow: 0 0 0 1px #e11279;}
fieldset .guz { width:29%;  color:#fff; text-align:center; border:none; cursor:pointer; font-size:16px; background:#0c4da2; box-shadow: 0 0 0 1px #0c4da2; }
fieldset .guz:hover {background:#e11279; box-shadow: 0 0 0 1px #e11279; }




/* ------------------------- strony BOX Biały ----------------------------- */


.oferta-produkt { width:100%; padding:0px 5%; display:flex; justify-content:space-between; align-items: center ;}
.oferta-produkt .box:nth-child(1) { width:34%;}
.oferta-produkt .box:nth-child(1) .lista p:first-of-type { font-size:20px; color:#e11279;}
.oferta-produkt .box:nth-child(2) { width:63%;}
.oferta-produkt .box:nth-child(2) img { width:100% !important; height:auto !important; display:block;  box-shadow: 0 0 0 1px #0c4da2; }

.kontakt { width:100%; padding:0px 5%; display:flex; justify-content:space-between; align-items: center ;}
.kontakt .box:nth-child(1) { width:34%;}
.kontakt .box:nth-child(1) .lista p:first-of-type { font-size:20px; color:#e11279;}
.kontakt .box:nth-child(2) { width:63%;}

.box-page { width:100%; padding:0px 5%; display:flex; justify-content:space-between; align-items: center ;}
.box-page .box:nth-child(1) { width:63%;}
.box-page .box:nth-child(1) img { width:100% !important; height:auto !important; display:block;  box-shadow: 0 0 0 1px #0c4da2; }
.box-page .box:nth-child(2) { width:34%;}
.box-page .box:nth-child(2) .lista p:first-of-type { font-size:20px; color:#e11279;}

.box-specjalisci { width:100%; padding:0px 5%; display:flex; justify-content:space-between; align-items: center ;}
.box-specjalisci .box:nth-child(1) { width:60%;}
.box-specjalisci .box:nth-child(1) .lista p:first-of-type { font-size:20px; color:#e11279;}
.box-specjalisci .box:nth-child(2) img { width:100% !important; height:auto !important; display:block;  box-shadow: 0 0 0 1px #0c4da2; }
.box-specjalisci .box:nth-child(2) { width:38%;}

@media only screen and (max-width: 1200px)
{
.order1 { order: -1;}
}

.box100 { width:102%; padding:0px; margin:0px 0px 2% -1%;}
.box90 { width:100%; padding:0px 5%; margin-bottom:2%}
.box80 { width:100%; padding:0px 10%;  margin-bottom:2%}
.box70 { width:100%; padding:0px 15%;  margin-bottom:2%}
.box60 { width:100%; padding:0px 20%;  margin-bottom:2%}

.box-bialy { width:100%; background:#fff;}
.box-obrys { width:100%; background:#fff; box-shadow: 0 0 0 1px #e1e1e1; padding:2%;}
.box-szary { width:100%; background:#f7f9fb; padding:2% 3%;}
.box-cien { width:100%; background: url(../graf/Trusiewicz.jpg) no-repeat; background-attachment:fixed !important; background-size:cover; padding:2%;  }
.box-video { width:100%; position:relative; overflow:hidden; padding:2%;}
.box100 .box-cien , .box100 .box-video { padding:5%;}

.page { display: flex;}
.page .box { width:100%; padding:1%; }
.page .box img { width:100% !important; height:auto !important; display:block; box-shadow: 0 0 0 1px #0c4da2;}
.page .box p:last-of-type { margin-bottom:0px; }
.page .box .lista h1:first-of-type , .page .box .lista h2:first-of-type , .page .box .lista h3:first-of-type , .page .box .lista h4:first-of-type , .page .box .lista h5:first-of-type , .page .box .lista h6:first-of-type 
{ padding:0px 0px 20px 0px;}


.page-top { align-items: flex-start;}
.page-center {align-items: center;}
.page-bottom { align-items: flex-end;}

.box-30-70 { display: flex; flex-direction: row; flex-wrap: wrap; }
.box-30-70 .box:nth-child(1) {  width:30%; }
.box-30-70 .box:nth-child(2) {  width:70%; }

.box-40-60 { display: flex; flex-direction: row; flex-wrap: wrap;  }
.box-40-60 .box:nth-child(1) {  width:40%; }
.box-40-60 .box:nth-child(2) {  width:60%; }

.box-60-40 { display: flex; flex-direction: row; flex-wrap: wrap; }
.box-60-40 .box:nth-child(1) {  width:60%; }
.box-60-40 .box:nth-child(2) {  width:40%; }

.box-70-30 { display: flex; flex-direction: row; flex-wrap: wrap; }
.box-70-30 .box:nth-child(1) {  width:70%; }
.box-70-30 .box:nth-child(2) {  width:30%; }

.background-video {width: auto !important;  min-width:100% !important; min-height:100% !important; position: absolute; left:0; right:0; top:0; bottom:0; z-index: -1;}

/* ------------------------- END strony BOX Biały ----------------------------- */

#bre { width:100%; padding:0px 10%; font-size:12px; color:#0c4da2; text-align:left; line-height:20px;}
#bre a {color:#0c4da2;}
#bre a:hover { text-decoration:underline;}
#bre .separator { padding:0px 5px;}


/* Lista*/

.lista { width:100%; position:relative; }
.lista img { max-width:100% !important; height:auto !important;}
.lista p { margin-bottom:20px;}
.lista a  { color:#0c4da2; background-image: linear-gradient(#f571b3, #f571b3); background-size:100% 5px; background-repeat:no-repeat; background-position:100% 100%; transition: background-size .7s, background-position .5s ease-in-out;}
.lista a:hover { background-size: 100% 100%; background-position: 0% 100%; transition: background-position .7s, background-size .5s ease-in-out;}

.lista ul { list-style:none; padding:0px 0px 0px 20px; display: table; }
.lista ul > li { background:url(../graf/li1.svg) no-repeat 0px 10px; padding-left:22px; text-align:left; background-size:12px 12px;}
.lista > ul > li:last-child { padding:0px 0px 20px 22px;}

.lista ol {padding:0px 0px 0px 20px; display: table; list-style-position: inside; }
.lista ol > li {padding-left:10px; text-align:left; }
.lista ol > li > ol { padding-left:40px;}
.lista ol > li > ol > li { list-style:lower-alpha;}
.lista ol > li > ol > li > ol > li { list-style:upper-roman;}
.lista ol > li > ol > li > ol > li > ol > li { list-style:upper-alpha; }
.lista ol > li > ol > li > ol > li > ol > li > ol > li { list-style:lower-alpha; }
.lista > ol > li:last-child { padding:0px 0px 20px 10px;}

.lista h1 , .lista h2 , .lista h3 , .lista h4 , .lista h5, .lista h6 { text-align:left; font-size:2.6rem; line-height:3.2rem; position:relative; padding:20px 0px 20px 0px; color:#e11279;}

/* END Lista*/


#pytanie { width:90%; padding:3% 10%; background:#f7f9fb; margin:0px 5%;}

/*formularz*/

.formularz { width:100%; padding:2% 0px 0px 0px; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: center; }
.formularz p { margin-bottom:0px; width:100%;}
.formularz span { width:100%; position:relative; display:block;}

.formularz input , .formularz textarea , .formularz select { width:100%; color:#0c4da2 height:50px; line-height:50px; border: none; padding:0px 10px; box-shadow: 0 0 0 1px #0c4da2; background:none; font-family: "Poppins", sans-serif; font-size:16px; margin-bottom:14px;}
.formularz input:hover, .formularz textarea:hover, .formularz select:hover { box-shadow: 0 0 0 1px #e11279;  }
.formularz input:focus, .formularz textarea:focus, .formularz select:focus  { box-shadow: 0 0 0 1px #e11279; }
.formularz textarea { height:100px; padding:0px 10px;}

input.wpcf7-submit { width:30%; line-height:50px; color:#e11279; background:none; border:none; padding:0px;  font-size:14px; text-align:center; box-shadow: 0 0 0 1px #e11279; cursor:pointer; margin:30px auto 0px auto; display:block; }
input:hover.wpcf7-submit {background:#e11279; color:#fff;  }

.formularz span.wpcf7-not-valid-tip { position:absolute; z-index:4; right:10px; top:-35px; background:#e11279; color:#fff; padding:0px 2%; width:auto; line-height:30px; font-size:11px;}
.formularz span.wpcf7-not-valid-tip:after {content: ''; height: 10px; width:10px; background-color: #e11279; display: block; position:absolute; bottom:-5px; left:20px; transform: rotate(45deg); }

.formularz .f1 { width:100%; }
.formularz .f2 { width:49%; }
.formularz .f3 { width:32.5%; }

.wpcf7 form.sent .wpcf7-response-output , .wpcf7 form.invalid .wpcf7-response-output { width:100%; padding:0px 5%; text-align:center; margin:0px; border:0px; font-size:1.6rem;}


/* end formularz */


.inne { width:100%; padding:3% 10%;}


/* ------------------  video i tabela ------------------- */

.hbps-responsive-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 0 auto; clear:both; margin-bottom:20px;}
.hbps-responsive-video iframe, .hbps-responsive-video object, .hbps-responsive-video embed, .hbps-responsive-video video { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%;}

.tableall { width:100%; overflow-x:auto; margin-bottom:30px;  }
.lista table { width:100%; border-spacing: 0px; border-collapse: separate; margin-bottom:40px;  box-sizing:content-box !important; border-top:1px solid #eee;   }
.lista table tr td { padding:15px; text-align:center; vertical-align:top; background:#fff; box-sizing:content-box !important; min-width:100px; border-bottom:1px solid #eee; border-left:1px solid #eee;}
.lista table tr td:last-child {border-right:1px solid #eee;}
.lista table tr:nth-child(2n) td { background:#f7f9fb; box-sizing:content-box !important; min-width:100px;}

/* ------------------  end video i tabela ------------------- */

#box-tytul { width:100%; padding:0px 40% 0px 10%;}

#cat { width:100%; padding:0px 10%;}


.accordion__container { width:100%; }
.accordion__header { width:100%; padding:15px 20px;  cursor: pointer; border:none; border-bottom:1px solid #103380; font-size:2rem; text-align:left; display:flex; align-items:center; }
.accordion__header:hover {background:#f5f5f5; }
.accordion__header h2 { display: inline-block; color:#103380; line-height:2.4rem;}

.accordion-open .accordion__header { border-bottom: none !important;}
.accordion__description { width:100%; padding:20px; border-bottom:1px solid #0c4da2; }
.accordion__icon { transition: .3s;}
.accordion__item {  position: relative; transition: all .25s ease;}
.accordion__item::after { content: ''; width: 5px;  height: 100%;  position: absolute;  top: 0;  left: 0;}
.accordion__content {  overflow: hidden;  height: 0;  transition: all .25s ease;}
.accordion-open .accordion__icon { transform: rotate(45deg);}

.bx { font-style: normal;  font-variant: normal; display: inline-block; text-transform: none; speak: none; -webkit-font-smoothing: antialiased;  margin-right:20px; font-size:2.2rem; line-height:30px;}
.bx-plus::before { content: "+"; color:#e11279;}

#faq { width:100%; padding:3% 15%;}

#map { width:100%; height:600px; display:block;}

ul.specjalisci { width:102%; display:flex; justify-content:center; flex-wrap:wrap; margin-left:-1%;}
ul.specjalisci li { width:23%; margin:0px 1% 5% 1%; position:relative;}
ul.specjalisci li .ico { width:100%; overflow:hidden; box-shadow: 0 0 0 1px #0c4da2;}
ul.specjalisci li .ico img { width:100% !important; height:auto !important; display:block;}
ul.specjalisci li .txt { width:100%; padding-top:20px;}
ul.specjalisci li .txt h2 { font-size:1.8rem; text-align:left; color:#0c4da2; line-height:2.2rem; margin-bottom:10px;}
ul.specjalisci li .txt p { font-size:14px; color:#e11279; margin-bottom:0px; line-height:20px;}

#infoparking { width:100%; padding:20px 5%; text-align:center; font-size:14px; color:#222;}
#infoparking p { margin-bottom:0px;}


/* menu*/

.nav-top , .nav-drill  {display:none;}

@media only screen and (max-width: 1200px) {


.nav-top {display: flex; align-items: center; text-transform:uppercase; position:relative; margin-left:20px; top:-5px; }  

.nav-top .hamburger {cursor: pointer; font-size:18px; padding-right:20px; color:#0c4da2;}
.nav-top .hamburger:after { content:'\002630 '; position:absolute; top:0px; right:0px; font-size:18px; }
.nav-is-toggled .nav-top .hamburger:after { content:'\000058'; position:absolute; top:0px; right:0px; font-size:18px; } 


.nav-drill { margin-top: 0px; transform: translateX(100%); }
.nav-is-toggled .nav-drill { transform: translateX(0); left:0px;}
.nav-is-toggled::after {opacity: 1; visibility: visible;}

.nav-drill ul { width:100%;}

.nav-drill { display: flex; position: fixed; z-index:5500; top: 0; left: -500px; width: 250px; height: 100vh; background-color:#fff; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; transition: 0.45s;}
.nav-drill .nav-items {flex: 0 0 100%;}

.nav-drill .nav-link {display: block; width:100%; padding-right:20%; padding: 20px 1em; background-color:#fff; color:#222; font-size: 16px; line-height: 20px;  text-align:left; border-bottom:1px solid #eee;}
.nav-drill .nav-link:hover { background-color:#0c4da2 !important; color:#fff;}


.nav-drill .menu-item a img { width:auto !important; height:30px !important; padding-right:10px;}
.nav-drill .menu-item a { display:flex; align-items:center; width:100%; padding: 25px 1em; background-color:#fff; color:#222; font-size: 14px; line-height: 20px;  text-align:left; border-bottom:1px solid #eee;}
.nav-drill .menu-item a:hover { background:#eee;}


.menu-image-title-after.menu-image-title { padding-left: 0px;}



.nav-drill .nav-expand-content { position: absolute; top: 0; left:0px; width: 100%; height: 100%; transform: translateX(100%); background-color: #f7f9fb; transition: 0.3s; visibility: hidden;}
.nav-drill .nav-expand-content .nav-back-link {display: flex; align-items: center; }

.nav-drill .nav-expand-content .nav-back-link { }
.nav-drill .nav-expand-link { display: flex; justify-content: space-between;}

.nav-drill .nav-expand-link {}
.nav-drill .nav-expand.active > .nav-expand-content { transform: translateX(0); visibility: visible;}

.nav-expand .nav-expand-content { background-color:#fff;}
.nav-expand .nav-expand-content .nav-link { background-color:#fff;}
.nav-expand .nav-expand-content .nav-expand-content { background-color:#fff;}
.nav-expand .nav-expand-content .nav-expand-content .nav-link { background-color:#fff;}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content { background-color:#fff;}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link { background-color:#fff;}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content { background-color:#fff;}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link { background-color:#fff;}


.nav-drill .nav-expand > .nav-link { background:#fff url(../graf/prawa.svg) no-repeat 90% center; background-size:15px; }
.nav-drill .nav-expand > .nav-link:hover { background:#0c4da2 url(../graf/prawa2.svg) no-repeat 90% center; background-size:15px;}

.nav-drill .nav-expand-content .nav-back-link { background:#0c4da2 url(../graf/lewa2.svg) no-repeat 90% center !important; background-size:15px !important; color:#fff; }
.nav-drill .nav-expand-content .nav-back-link:hover { background:#0c4da2 url(../graf/lewa2.svg) no-repeat 90% center !important; background-size:15px !important; color:#fff; }

}

/* END menu*/



