html { font-size:10px; font-family: "Roboto", sans-serif; max-width:1920px; display:block; margin:auto;}
body {margin: 0px; padding: 0px; width: 100%; height: 100%; background:#fff; text-align: left; color:#282828; line-height:30px; font-size:16px; }

*{box-sizing: border-box;}
.all { width:100%; position:relative;}
.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 5%; height:90px; display:flex; justify-content:space-between; align-items:center; }
#top a#logo img { width:auto !important; height:70px !important; }
#top a#logo { height:70px;}


#mtop > ul { width:100%; display:flex; justify-content:center;}
#mtop > ul > li { margin:0px 20px;}
#mtop > ul > li > a { color:#003380; position:relative; padding:10px 5px; }
#mtop > ul.ms > li > a { font-size:14px;}

#mtop > ul > li > a:after {  content: ''; height: 4px; background-color: #f8cd46; display: block; width:0; position:absolute; top:0px; left:0px; transition: 0.5s all; }
#mtop > ul > li:hover > a:after {width:100%;}

#mtop > ul > li.mf > ul { position:absolute; z-index:222; left:0px; top:90px; background:#fff; width:100%; padding:20px 15% 0px 15%; display:none; border-top:1px solid #eee; border-bottom:1px solid #eee;}
#mtop > ul > li.mf > ul > li { width:23%; margin:0px 1% 2% 1%; position:relative; float:left;}
#mtop > ul > li.mf > ul > li a { height:60px; line-height:60px; width:100%; float:left; font-size:14px;}
#mtop > ul > li.mf > ul > li a img { width:55px !important; height: auto !important; max-height:60px;}

#mtop > ul > li.mf > ul > li:after {  content: ''; height: 2px; background-color: #f8cd46; display: block; width:0; position:absolute; bottom:0px; left:0px; transition: 0.5s all; }
#mtop > ul > li.mf > ul > li:hover:after { width:100px;}

#mtop ul li ul li:first-of-type { display:none;}
#mtop ul li ul li a { font-size:16px; color:#787878;}
#mtop ul li ul li a:hover { color:#003380;}

#mtop > ul > li.mp > ul { position:absolute; z-index:222; left:0px; top:90px; background:#fff; background-size:15%; width:100%; padding:20px 5% 0px 5%; display:none; border-top:1px solid #eee; border-bottom:1px solid #eee;}
#mtop > ul > li.mp > ul > li { width:18%; margin:0px 1% 2% 1%; position:relative; float:left;}
#mtop > ul > li.mp > ul > li a { height:60px; line-height:60px; width:100%; float:left; font-size:14px; }

#mtop > ul > li.mp > ul > li:after {  content: ''; height: 2px; background-color: #f8cd46; display: block; width:0; position:absolute; bottom:0px; left:0px; transition: 0.5s all; }
#mtop > ul > li.mp > ul > li:hover:after { width:100px;}


#lang { height:30px; width:80px; position:relative; margin-top:-2.5px; overflow:hidden;  }
#lang:hover { overflow:visible;  }

#lang ul { width:100%;  position:absolute; left:0px; top:30px; background:#fff; z-index:7;}
#lang ul li { width:100%; padding:0px 20px; line-height:30px;  }

#lang ul li a { color:#003380; font-size:12px; padding-left:25px; width:100%; }
#lang ul li a:hover { color:#f8cd46;}

#lang ul li.current-lang {position:absolute; top:-30px; z-index:5; }
#lang ul li.current-lang::before {content: ''; position: absolute; z-index: 20; left: 0px; top: 0px; width: 100%; height: 100%; cursor:pointer;}

#lang ul li.no-translation { display:none;}

#lang ul li.lang-item-pl a { background:url(../graf/pl.png) no-repeat 0px 1px;}
#lang ul li.lang-item-en a {  background:url(../graf/en.png) no-repeat 0px 1px;}
#lang ul li.lang-item-de a {  background:url(../graf/de.png) no-repeat 0px 1px;}
#lang ul li.lang-item-fr a {  background:url(../graf/fr.png) no-repeat 0px 1px;}
#lang ul li.lang-item-es a {  background:url(../graf/es.png) no-repeat 0px 1px;}
#lang ul li.lang-item-it a {  background:url(../graf/it.png) no-repeat 0px 1px;}
#lang ul li.lang-item-bg a {  background:url(../graf/BG.png) no-repeat 0px 1px;}
#lang ul li.lang-item-el a {  background:url(../graf/GR.png) no-repeat 0px 1px;}
#lang ul li.lang-item-ru a {  background:url(../graf/RU.png) no-repeat 0px 1px;}

#lang ul { display:flex; flex-wrap:wrap; flex-direction:column;}
#lang ul li.lang-item-pl {order:-10;}
#lang ul li.lang-item-en {order:-9;}
#lang ul li.lang-item-de {order:-8;}
#lang ul li.lang-item-fr {order:-7;}
#lang ul li.lang-item-it {order:-6;}
#lang ul li.lang-item-es {order:-5;}
#lang ul li.lang-item-bg {order:-4;}
#lang ul li.lang-item-el {order:-3;}
#lang ul li.lang-item-ru {order:-2;}

#wyszukaj { display:flex; justify-content:space-between; flex-wrap:nowrap; }

#szukaj { height:25px; }
#szukaj img { width:auto; height:25px !important; cursor:pointer;}

#baner { width:100%; position:relative; overflow:hidden; }
#baner video { width:100% !important; height: auto !important; display:block; position:absolute; }
#banerlewa { width: 50%; height:100%; position:absolute; z-index:5; left:0px; top:0px; background: linear-gradient(90deg, rgba(16, 51, 128, 0.8) 0%, rgba(0, 0, 0, 0) 100%);}
#banerprawa { width: 30%; height:100%; position:absolute; z-index:5; right:0px; top:0px; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(16, 51, 128, 0.8) 100%);}

#opiss { position:absolute; z-index:10; width:30%; color:#fff; left:10%; top: 50%;  transform: translate(0, -50%);}
#opiss h1 { font-size:1.8vw; line-height:2vw; position:relative;}
#opiss h1 strong { display:block; font-weight:normal; font-size:1.5vw; line-height:1.7vw; padding-bottom:15px; margin-bottom:20px;}
#opiss h1 strong:after {content: ''; height: 6px; background-color: #f8cd46; display: block; width:200px; position:absolute; bottom:0px; left:0px; } 

#button {display:block; background: #003380; 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:#f8cd46;   }
#button.show {opacity: 1; visibility: visible;}

#tlobg { width:100% !important; height:auto !important;}


#oferta-Sea-Line {width:29% !important; height:auto !important; position:absolute; z-index:20; right:10%; top:50px;}


#ofertahome { width:100%; padding:3% 10%; }
#ofertahome .box { width:65%; padding-bottom:3%;}
#ofertahome .box2 { width:100%; padding:0px 15%; text-align:center;}

.tyt2 { font-size:3rem; line-height:3.4rem; position:relative; color:#003380;}
.tyt2 strong { display:block; font-weight:normal; font-size:1.4rem; line-height:1.8rem; padding-bottom:15px; margin-bottom:20px;}
.tyt2 strong:after {content: ''; height: 6px; background-color: #f8cd46; display: block; width:200px; position:absolute; bottom:0px; left:0px; } 

ul.ofertaglowna { width:102%; display:flex; justify-content: center; flex-wrap:wrap; margin-left:-1%;} 
ul.ofertaglowna li { width:23%; margin:0px 1% 100px 1%; position:relative;}
ul.ofertaglowna li .ico { width:100%; box-shadow: 0 0 0 1px #003380; position:relative; height:250px;}
ul.ofertaglowna li .ico img.og { width:50% !important; height:auto !important; position:absolute; z-index:4; left:50%; top: -30px;  transform: translate(-50%, 0%); }
ul.ofertaglowna li:hover .ico img.og {top: -40px; }
ul.ofertaglowna li .ico .cien { width:100%; height:60%; position:absolute; z-index:2; overflow:hidden; background:#f7f9fb; left:0px; top:20px;}
ul.ofertaglowna li .ico .cien span { width:10px; height:10px; background:#f8cd46; border-radius: 50%; position:absolute; left:50%; bottom:-20px;}
ul.ofertaglowna li:hover .ico .cien span {transform: scale(50);}

ul.ofertaglowna li .txt { background:#fff; width:90%; padding:20px; box-shadow: 0.6rem 1.4rem 3rem 0rem rgba(0,0,0,0.1); position:absolute; z-index:20; left:5%; top:45%; height:180px; }
ul.ofertaglowna li:hover .txt {box-shadow: 0.3rem 0.2rem 0.5rem 0rem rgba(0,0,0,0.1);}
ul.ofertaglowna li .txt .tyt2 { font-size:18px; line-height:22px; }
ul.ofertaglowna li .txt .tyt2 strong { font-size:14px; line-height:16px; margin-bottom:10px; }
ul.ofertaglowna li .txt .tyt2 strong:after {height: 4px; width:150px; } 
ul.ofertaglowna li .txt p { font-size:12px; line-height:18px; margin:0px;}

ul.ofertaglowna li:nth-child(1) .txt .tyt2 strong:after {background-color: #7a7a7a;} 
ul.ofertaglowna li:nth-child(2) .txt .tyt2 strong:after {background-color: #27a657;} 
ul.ofertaglowna li:nth-child(3) .txt .tyt2 strong:after {background-color: #cf3438;} 
ul.ofertaglowna li:nth-child(4) .txt .tyt2 strong:after {background-color: #3b48cb;} 
ul.ofertaglowna li:nth-child(5) .txt .tyt2 strong:after {background-color: #f21a29;} 
ul.ofertaglowna li:nth-child(6) .txt .tyt2 strong:after {background-color: #069bed;} 
ul.ofertaglowna li:nth-child(7) .txt .tyt2 strong:after {background-color: #7e7e7e;} 
ul.ofertaglowna li:nth-child(8) .txt .tyt2 strong:after {background-color: #f9f500;} 
ul.dodatki li .txt .tyt2 strong:after {background-color: #f9f500 !important;} 


ul.ofertaglowna li:nth-child(1) .ico .cien span {background-color: #7a7a7a;} 
ul.ofertaglowna li:nth-child(2) .ico .cien span {background-color: #27a657;} 
ul.ofertaglowna li:nth-child(3) .ico .cien span {background-color: #cf3438;} 
ul.ofertaglowna li:nth-child(4) .ico .cien span {background-color: #3b48cb;} 
ul.ofertaglowna li:nth-child(5) .ico .cien span {background-color: #f21a29;} 
ul.ofertaglowna li:nth-child(6) .ico .cien span {background-color: #069bed;} 
ul.ofertaglowna li:nth-child(7) .ico .cien span {background-color: #7e7e7e;} 
ul.ofertaglowna li:nth-child(8) .ico .cien span {background-color: #f9f500;} 

ul.dodatki li .ico .cien span {background-color: #f9f500 !important;}

.col1 .tyt:after  , .col1 ul.produktgrup li .txt h2:after{ background-color: #7a7a7a; }
.col2 .tyt:after , .col2 ul.produktgrup li .txt h2:after { background-color: #27a657; }
.col3 .tyt:after , .col3 ul.produktgrup li .txt h2:after{ background-color: #cf3438; }
.col4 .tyt:after , .col4 ul.produktgrup li .txt h2:after{ background-color: #3b48cb; }
.col5 .tyt:after , .col5 ul.produktgrup li .txt h2:after{ background-color: #f21a29; }
.col6 .tyt:after , .col6 ul.produktgrup li .txt h2:after{ background-color: #069bed; }
.col7 .tyt:after , .col7 ul.produktgrup li .txt h2:after{ background-color: #7e7e7e; }
.col8 .tyt:after , .col8 ul.produktgrup li .txt h2:after{ background-color: #f9f500; } 




a.wiecej { width:100%; height:100%; position:absolute; z-index:22; left:0px; top:0px; text-indent:-99999px; }

#gdziekupic { width:100%; padding:3% 5%; display:flex; justify-content:space-between; align-items:center; }
#gdziekupic .box:nth-child(1){ width:30%;  position:relative; z-index:5;}
#gdziekupic .box:nth-child(2){ width:70% !important;}
#gdziekupic .box .gdzie { width:120%; box-shadow: 0.6rem 1.4rem 3rem 0rem rgba(0,0,0,0.1); padding:20px; background:#fff;}


a.wiecej2 , a.wiecej3 { width:300px; color:#003380; font-size:14px; line-height:5rem; box-shadow: 0 0 0 1px #1b498b; margin-top:30px; text-align:center; display:block;}
a:hover.wiecej2, a:hover.wiecej3 { background:#003380; color:#f8cd46;}
a.wiecej3 { margin:30px auto 0px auto;}


#atuty { width:100%; padding:3% 15%;}
#atuty .tyt2 , #firma .tyt2 , #pomoc .tyt2 , #faq .tyt2 { text-align:center;}
#atuty .tyt2 strong:after , #firma .tyt2 strong:after , #pomoc .tyt2 strong:after , #faq .tyt2 strong:after {left:50%; margin-left:-100px; } 

ul.atutysealine { width:102%; display:flex; justify-content:center; flex-wrap:wrap; margin-left:-1%;}
ul.atutysealine li { width:23%; margin:0px 1% 2% 1%; box-shadow: 0 0 0 1px #1b498b; text-align:center; }
ul.atutysealine li .ico { width:100%; padding:30px 0px;}
ul.atutysealine li .ico img { width:auto !important; height:80px !important; max-width:80%;}

ul.atutysealine li .txt { width:100%; padding:0px 20px;}
ul.atutysealine li .txt h2 { color:#003380; font-size:18px; margin-bottom:10px;}
ul.atutysealine li .txt p { font-size:14px; line-height:20px;}

#aktualnosci { width:100%; padding:3% 20%; background:url(../graf/Newsbg.jpg) no-repeat; background-attachment:fixed; background-size:cover; position:relative;}

.newshome { width:100%; display:block; margin-left:-12px; }
.newshome .item { width:31.3%; margin:5px 12px 50px 12px; position:relative;}
.newshome .item .ico { width:100%; box-shadow: 0 0 0 1px #1b498b; overflow:hidden;}
.newshome .item .ico img { width:100% !important; height:auto !important;}
.newshome .item .txt { width:90%; background:#fff; margin:-20px 0px 0px 5%; padding:20px; position:relative; z-index:4; box-shadow: 0.6rem 1.4rem 3rem 0rem rgba(0,0,0,0.1);  }
.newshome .item:hover .txt {box-shadow: 0.3rem 0.2rem 0.5rem 0rem rgba(0,0,0,0.1);}
.newshome .item .txt h2 {color:#003380; font-size:18px; margin-bottom:20px; height:50px; overflow:hidden; line-height:25px;}
.newshome .item .txt p { margin:0px; line-height:25px; height:50px; overflow:hidden;}


/* ---------------------------------  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-prev { left:15%;}
.slick-next { left: calc(15% + 45px);}
.slick-prev:after , .slick-next:after {width:100%; height:100%; position:absolute; transform: scale(0.14);}
.slick-prev:after {content: url('../graf/lewa.svg'); left:-7px; top:-5px;}
.slick-next:after {content: url('../graf/prawa.svg'); left:-3px; top:-5px;}
*/

.slick-dotted.slick-slider { margin-bottom: 30px;}

.slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; margin: 0 4px !important; padding: 0; width:auto !important; }
.slick-dots li button { display: block; width: 12px; height: 12px; cursor: pointer; background: #003380; border:none; line-height:0; font-size:0; }
.slick-dots li button:hover , .slick-dots li.slick-active button { background:#f8cd46;}


/* ---------------------------------  end carusela -------------------------------------*/

#firma { width:100%; padding:3% 5%;}

ul.firmahome { width:100%; display:flex; justify-content: center; flex-wrap:wrap; margin-left:-1%;}
ul.firmahome li { width:23%; margin:0px 1% 2% 1%; box-shadow: 0 0 0 1px #1b498b; position:relative; }
ul.firmahome li:hover {transform: perspective(125rem) rotateX(15deg); box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 123px -25px, rgba(0,0, 0, 0.1) 0px 35px 75px -35px; background:#f7f9fb;}
ul.firmahome li .item > div {display:flex; justify-content:space-between; align-items:center; height:120px;}
ul.firmahome li:hover .item {box-shadow: 0 0 0 1px #1b498b;}
ul.firmahome li .ico { padding:0px 20px;}
ul.firmahome li .ico img { width:auto !important; height:65px !important;}
ul.firmahome li .txt { padding:20px 20px 20px 0px; font-size:14px; line-height:25px;}
ul.firmahome li .txt p { margin-bottom:0px;}
ul.firmahome li .txt h2 { font-size:18px; color:#003380;}


#dystrybutorhome { width:100%; padding:3% 10%; display:flex; justify-content:space-between; align-items:center;}
#dystrybutorhome .box:nth-child(1){ width:65%; position:relative; }
#dystrybutorhome .box .slider-for {box-shadow: 0 0 0 1px #1b498b; }

#dystrybutorhome .box:nth-child(1) img { width:100% !important; height:auto !important;}
#dystrybutorhome .box:nth-child(1) img.dys2 { width:35% !important;; height:auto !important; position:absolute; z-index:4; left:4%; bottom:-20%;}
#dystrybutorhome .box:nth-child(2){ width:35%;}
#dystrybutorhome .box:nth-child(2) div { width:160%; background:#fff; margin-left:-60%; padding:20px; box-shadow: 0.6rem 1.4rem 3rem 0rem rgba(0,0,0,0.1); position:relative; z-index:10;}

#pomoc { width:100%; padding:3% 20%; }


.accordion__container { width:100%; }
.accordion__header { width:100%; padding:15px 20px;  cursor: pointer; border:none; border-bottom:1px solid #003380; font-size:2rem; text-align:left; }
.accordion__header:hover , .accordion-open .accordion__header {background:#f5f5f5; }
.accordion__header h2 { display: inline-block; color:#003380; padding-left:30px; line-height:20px; }

.accordion-open .accordion__header { border-bottom: none !important;}
.accordion__description { width:100%; padding:20px; border-bottom:1px solid #003380; }
.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;
position:absolute;}
.bx-plus::before { content: "+"; color:#ffcd00;}


#footer { width:100%; padding:3% 5%;}

ul#socialico { width:100%; display:flex; justify-content:center; padding:0px 5%; flex-wrap:wrap;}
ul#socialico li { margin:0px 15px; text-align:center; width:60px; line-height:15px;}
ul#socialico li img { display:block; width:auto !important; height:50px !important; margin:auto auto 5px auto; }
ul#socialico li a { color:#222; font-size:10px; }


#infosealine { width:100%; padding:20px 0px; margin:30px 0px; border-bottom:1px solid #f8cd46; border-top:1px solid #f8cd46; display:flex; justify-content:space-between; align-items:center;}
#infosealine .box:nth-child(1) a { font-size:2.6rem; line-height:40px; color:#003380; margin-right:40px;}
#infosealine .box:nth-child(1) a:hover { text-decoration:underline;}
#infosealine .box:nth-child(2) { display:flex; justify-content: space-between; align-items:center; }
#infosealine .box:nth-child(2) a { line-height:40px; margin-left:40px; color:#222; font-size:14px;}
#infosealine .box:nth-child(2) a img { width:auto !important; height:40px !important; margin-right:10px; float:left;}

#dolfooter { width:100%; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #f8cd46; padding-bottom:30px; font-size:12px; line-height:24px; margin-bottom:30px;}
#dolfooter a { color:#222;}
#dolfooter a:hover { text-decoration:underline;}
#dolfooter .dol:nth-child(1) {display:flex; justify-content:space-between; align-items:center;}
#dolfooter .dol:nth-child(1) .box img { width:auto !important; height:100px !important;}
#dolfooter .dol:nth-child(1) .box:nth-child(1) { margin-right:20px;}
#dolfooter .dol .box p:last-child { margin-bottom:0px;}


#dolfooter .dol h3 { font-size:18px; color:#003380; margin-bottom:15px;}

#podpis {width:100%; display:flex; justify-content:space-between; font-size:12px; }
#podpis a { color:#222;}
#podpis a:hover { text-decoration:underline;}
#podpis .box span { margin-right:10px; display:inline-block;}
#podpis .box a { margin:0px 10px;}


/* Lista*/

.lista { width:100%; position:relative; }
.lista img { max-width:100% !important; height:auto !important;}
.lista p { margin-bottom:20px;}
.lista a  { color:#282828; background-image: linear-gradient(#f8cd46, #f8cd46); 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 8.5px; padding-left:22px; text-align:left; background-size:12px 12px;}
.lista > ul > li:last-child { padding:0px 0px 20px 22px;}
.lista li ul li { background:url(../graf/li1.svg) no-repeat 0px 11px; padding-left:22px; text-align:left; background-size:8px 8px;}


.lista ol {padding:0px 0px 0px 20px; display: table; }
.lista ol > li {padding-left:10px; text-align:left; }
.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.4rem; line-height:3rem;padding:20px 0px 10px 0px; color:#003380;}

/* END Lista*/

#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%;}
.lista fieldset { width:100%; margin:0px; border: none; padding:0px; }
fieldset form {display:flex; justify-content:space-between;}
fieldset .txt { width:70%; padding:0px 20px; border: none; line-height:50px; box-shadow: 0 0 0 2px #e1e1e1; font-family: "Roboto", sans-serif; font-size:1.6rem; }
fieldset .txt:hover , #szuk fieldset .txt:focus {box-shadow: 0 0 0 2px #003380;}
fieldset .guz { width:29%; line-height:50px;  color:#003380; text-align:center; border:none; cursor:pointer; font-size:1.6rem; box-shadow: 0 0 0 2px #003380; background:none;  }
fieldset .guz:hover {background:#003380; color:#f8cd46; }

#butszuk { width:40px; height:40px; float:right; margin:5% 10% 0px 0px;}
img#exit { cursor:pointer; width:35px; height:35px;}
.poka { display:block !important;}


/* Galeria*/

.lista ul.galeria { width:100.5%; margin:20px 0px; display:flex; justify-content: flex-start; margin-left:-0.5%; flex-wrap:wrap; padding:0px;}
.lista ul.galeria li  { width:15.6%; position:relative; margin:0px 0.5% 1% 0.5%; padding:0px; background:none; }
.lista ul.galeria li a , ul.galeria li a img {	display: block;	position: relative; }
.lista ul.galeria li a { overflow: hidden;}
.lista ul.galeria li a img { width:100% !important; height:auto !important;}
.lista ul.galeria li:hover a img {filter: blur(4px); }
.lista ul.galeria li a div { position: absolute; background: url(../graf/zoom.png) no-repeat center center rgba(248,205,70,0.6); width: 100%; height: 100%;}


.blog-news .box:nth-child(1) .lista ul.galeria li  { width:23%; margin:0px 1% 1% 1%;}

/* end Galeria*/


.tyt { font-size:3.2rem; line-height:4rem; position:relative; color:#003380; padding-bottom:15px; margin-bottom:20px; text-align:left;}
.tyt:after {content: ''; height: 6px; background-color: #f8cd46; display: block; width:200px; position:absolute; bottom:0px; left:0px; } 

.tyt3 { font-size:3.2rem; line-height:4rem; position:relative; color:#003380; padding-bottom:15px; margin-bottom:20px; text-align: center;}
.tyt3:after {content: ''; height: 6px; background-color: #f8cd46; display: block; width:200px; position:absolute; bottom:0px; left:50%; margin-left:-100px; } 


/* ------------------------- strony BOX Biały ----------------------------- */


.blog-news { width:100%; padding:0px 11.5%; display:flex; justify-content:space-between; align-items: center; margin-bottom:2%;}
.blog-news .box:nth-child(1) { width:57%;}
.blog-news .box:nth-child(1) .lista p:first-of-type { font-size:20px; color:#003380;}
.blog-news .box:nth-child(1) .lista a {color:#003380;}
.blog-news .box:nth-child(2) { width:40%; }
.blog-news .box:nth-child(2) img { width:100% !important; height:auto !important; float:left; }


.blog-firma { width:100%; padding:0px 11.5%; display:flex; justify-content:space-between; align-items: center; margin-bottom:2%;}
.blog-firma .box:nth-child(1) { width:30%;}
.blog-firma .box:nth-child(1) .lista p:first-of-type { font-size:20px; color:#003380;}
.blog-firma .box:nth-child(1) .lista a {color:#003380;}
.blog-firma .box:nth-child(2) { width:65.5%; }
.blog-firma .box:nth-child(2) img { width:100% !important; height:auto !important; float:left; }

.box100 { width:100%;}
.box90 { width:100%; padding:0px 5%;}
.box80 { width:100%; padding:0px 10%;}
.box70 { width:100%; padding:0px 15%;}
.box60 { width:100%; padding:0px 20%;}

.box-bialy { width:100%; padding:2% 0px; background:#fff;  margin:1% auto;}
.box-obrys { width:100%; padding:2%; background:#fff; margin:1% auto; box-shadow: 0 0 0 1px #e1e1e1;}
.box-szary { width:100%; padding:2%; background:#f7f9fb; margin:1% auto; }
.box-cien { width:100%; padding:4% 2%; margin:1% auto; background: url(../graf/Newsbg.jpg) no-repeat; background-attachment:fixed; background-size:cover;  }
.box-video { width:100%; padding:4% 2%; position:relative; overflow:hidden; margin:1% auto; }

.page { display: flex;}
.page .box {  padding:0px 1.5%; width:100%; }
.page .box img { width:100% !important; height:auto !important;}
.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 10px 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:1% 5% 2% 5%; font-size:12px; color:#282828; text-align:left; line-height:20px;}
#bre a {color:#282828}
#bre a:hover { text-decoration:underline;}
#bre .separator { padding:0px 5px;}


.inne { width:100%; padding:3% 10%;}
.innepro { width:100%; padding:3% 18%;}

ul.news { width:102%; display:flex; flex-wrap:wrap; margin-left:-1%;}
ul.news li { width:23%; margin:0px 1% 2% 1%; position:relative;}
ul.news li:hover {box-shadow: 0.6rem 1.4rem 3rem 0rem rgba(0,0,0,0.1);}
ul.news li .ico { width:100%; overflow:hidden; box-shadow: 0 0 0 1px #1b498b;}
ul.news li:hover .ico { box-shadow: 0 0 0 1px #fff;}
ul.news li .ico img { width:100% !important; height:auto !important; float:left;}
ul.news li .txt { width:100%; padding:20px;}
ul.news li .txt h2 { color:#003380; font-size:18px; text-align:left; line-height:25px; margin-bottom:10px; }
ul.news li .txt p { margin-bottom:0px;}

.innepro ul.news { justify-content:center;}
.innepro ul.news li { width:31.3%;}
.inne ul.news { justify-content:center; }

#box-tytul { width:100%; padding:0px 10%; }
#cat { width:100%; padding:0px 10%;}

#cat-glowna { width:100%; padding:3% 10%;}


/*page navi*/
.wp-pagenavi { padding:2% 0px 5% 0px; width:100%; display: flex; justify-content:center;  }
.wp-pagenavi .pages { color:#f8cd46; margin-right:10px; background:#003380;  }
.wp-pagenavi a { color:#f8cd46; margin-right:5px; background:#003380; }
.wp-pagenavi .current , .wp-pagenavi a:hover {  background:#f8cd46; margin-right:5px; color:#003380;  }	
.wp-pagenavi span , .wp-pagenavi a , .wp-pagenavi span.current  { width:40px; height:40px; line-height:40px; text-align: center !important; display:inline-block; }
.wp-pagenavi span.pages { padding:0px 20px; width:auto;  height:40px; line-height:40px; }

.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 , .lista table tr th { padding:10px; font-size:14px; line-height:25px;  text-align:center; vertical-align: central; background:#fff; box-sizing:content-box !important; 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;}

.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%;}

.opiskat { width:60%; padding-bottom:2%;}

#konsultanci { width:100%; padding:3% 10%; position:relative; overflow:hidden;}

ul.konsultanci { width:102%; display:flex; justify-content: flex-start; flex-wrap:wrap; margin-left:-1%;}
ul.konsultanci li { width:18%; margin:0px 1% 2% 1%; background:#FFF; box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 123px -25px, rgba(0,0, 0, 0.1) 0px 35px 75px -35px;}
ul.konsultanci li .ico { width:100%;}
ul.konsultanci li .ico img { width:100% !important; height:auto !important;}
ul.konsultanci li .txt { padding:20px; font-size:14px; line-height:20px;}
ul.konsultanci li .txt h2 { color:#003380; margin-bottom:20px; text-align:left;}
ul.konsultanci li .txt a { color:#282828;}
ul.konsultanci li .txt a:hover { text-decoration:underline;}
ul.konsultanci li .txt span { font-size:12px; color:#787878;}

#konsultanci video {filter: blur(10); }
#kontakt { width:100%; padding-top:3%;}

#lokalizacja { width:100%; padding:3% 10%; display:flex; justify-content:space-between; flex-wrap:wrap;}
#lokalizacja .box:nth-child(1) { width:48%;}
#lokalizacja .box:nth-child(2) { width:48%;}

#map { width:100%; height:100%;}


/*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;}
.formularz span { width:100%; position:relative; float:left;}

.formularz input , .formularz textarea , .formularz select { width:100%; height:50px; line-height:50px; border: none; padding:0px 20px; box-shadow: 0 0 0 1px #ccc; background:none; font-family: "Roboto", sans-serif; font-size:16px; margin-bottom:14px; }
.formularz input:hover, .formularz textarea:hover, .formularz select:hover { box-shadow: 0 0 0 1px #003380;  }
.formularz input:focus, .formularz textarea:focus, .formularz select:focus  { box-shadow: 0 0 0 1px #003380; }
.formularz textarea { height:100px; padding:0px 20px;}

input.wpcf7-submit { width:300px; color:#003380; font-size:14px; line-height:5rem; box-shadow: 0 0 0 1px #1b498b; margin-top:30px; text-align:center; display:block; }
input:hover.wpcf7-submit {background:#003380; color:#f8cd46; }



.formularz span.wpcf7-not-valid-tip { position:absolute; z-index:4; right:10px; top:-35px; background:#003380; color:#f8cd46; 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: #003380; 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; line-height:25px; display:block;}


/* end formularz */


.strona { width:100%; padding:0 10% 3% 10%;}

.recenzje { width:100%;}
.recenzje .item { display:flex; justify-content:space-between; align-items:center;}
.recenzje .item > p{ width:60%;}
.recenzje .item .box { width:37%;}
.recenzje .item .box h2 {text-align:left; font-size:2.4rem; line-height:3rem; padding:0px 0px 20px 0px; color:#003380;}
.recenzje .item .box p:first-of-type { font-size:20px; color:#003380;}

ul.recenzje { width:102%; display:flex; justify-content:flex-start; flex-wrap:wrap; margin-left:-1%;}
ul.recenzje li { width:23%; margin:0px 1% 2% 1%; position:relative;}
ul.recenzje li .ico { width:100%; margin-bottom:30px; overflow:hidden;}
ul.recenzje li .ico img { width:100% !important; height:auto !important; float:left;}
ul.recenzje li .txt { width:100%;}
ul.recenzje li .txt h2 { font-size:18px; color:#003380; text-align:left; padding-bottom:5px; position:relative; margin-bottom:10px;}
ul.recenzje li .txt h2:after {  content: ''; height: 5px; background-color: #f8cd46; display: block; width:0; position:absolute; bottom:0px; left:0px; transition: 0.8s all; }
ul.recenzje li:hover .txt h2:after { width:150px;}

.inne ul.recenzje { justify-content: center; }


.pytanie { width:80%; padding:3%; background:#f7f9fb url(../graf/pytanie.jpg) no-repeat; background-attachment:fixed; background-size:cover; margin:0px 10%;}

#faq { width:100%; padding:0 20% 3% 20%;}
#faq .lista h1 , #faq .lista h2 , #faq .lista h3 , #faq .lista h4 , #faq .lista h5, #faq .lista h6 { font-size:17px;}

.opis-cat {width:100%; padding:3% 10%; display:flex; justify-content:space-between;}
.opis-cat .box { width:48%;}

ul.wspolpraca { width:101%; padding-left:1.5%; display:flex; flex-wrap:wrap; margin-left:-0.5%; margin-top:2%;  }
ul.wspolpraca li { width:48%; box-shadow: 0 0 0 1px #003380; display:flex; justify-content:space-between; align-items:flex-start; padding:10px; margin:0px 0.5% 1% 0.5%; }
ul.wspolpraca li:hover {box-shadow: 0 0 0 1px #eee;}
ul.wspolpraca li .ico { overflow:hidden; box-shadow: 0 0 0 1px #003380; width:15%;}
ul.wspolpraca li .ico img { width:100% !important; height:auto !important; float:left;}
ul.wspolpraca li .txt { font-size:14px; line-height:20px; width:82%; padding: 10px 10px 0px 0px;}
ul.wspolpraca li .txt h2 { font-size:18px; text-align:left; color:#003380; position:relative; padding-bottom:7px; margin-bottom:5px;}
ul.wspolpraca li .txt h2:after {  content: ''; height: 5px; background-color: #f8cd46; display: block; width:0; position:absolute; bottom:0px; left:0px; transition: 0.8s all; }
ul.wspolpraca li:hover .txt h2:after { width:100px;}
ul.wspolpraca li .txt p { margin-bottom:0px;}
ul.wspolpraca li:nth-child(2n) .txt { order:-1; padding: 10px 0px 0px 10px; }

.wspolpracaglowna { width:100%; display:block; }
.wspolpracaglowna .item { width:48%; box-shadow: 0 0 0 1px #003380; padding:10px; margin:10px 10px 50px 10px; display:flex; justify-content:space-between; align-items:flex-start; position:relative; }
.wspolpracaglowna .item:hover {box-shadow: 0 0 0 1px #eee;}
.wspolpracaglowna .item .ico { overflow:hidden; box-shadow: 0 0 0 1px #003380; width:15%;}
.wspolpracaglowna .item .ico img { width:100% !important; height:auto !important;}
.wspolpracaglowna .item .txt { font-size:14px; line-height:20px; width:82%; padding: 10px 10px 0px 0px;}
.wspolpracaglowna .item .txt h2 { font-size:18px; text-align:left; color:#003380; position:relative; padding-bottom:7px; margin-bottom:5px; line-height:30px; height:30px; overflow:hidden;}
.wspolpracaglowna .item .txt h2:after {  content: ''; height: 5px; background-color: #f8cd46; display: block; width:0; position:absolute; bottom:0px; left:0px; transition: 0.8s all; }
.wspolpracaglowna .item:hover .txt h2:after { width:100px;}
.wspolpracaglowna .item .txt p { margin-bottom:0px; height:40px; overflow:hidden;}

.infofirma { width:100%; padding:2% 15% 0px 15%; overflow:hidden;}
.infofirma .box { width:100%; padding-bottom:1%;}
.infofirma .box .wiecej2 { margin:40px auto 0px auto;}

#artykuly { width:100%; padding:3% 10%; }
#artykuly-all { width:102%; display:flex; flex-wrap:wrap; align-items: stretch;  margin-left:-1%;} 

.artykul { width:23%; margin:0px 1% 2% 1%; box-shadow: 0 0 0 1px #003380; padding:20px;}
.artykul h2 { color:#003380; margin-bottom:10px;}
.artykul strong { font-size:14px; display:block;}
.artykul ul { width:100%; padding:10px 0px 20px 0px;}
.artykul ul li { padding-left:30px; background:url(../graf/lipo.svg) no-repeat 0px center; background-size:20px 20px; line-height:20px; margin-bottom:5px; }
.artykul ul li a {color:#003380; font-size:14px;}
.artykul ul li a:hover { text-decoration:underline;}


#cechyfirmy { width:100%; padding:3% 5% 0px 5%;}
ul.cechy { width:102%; display:flex; justify-content:center; margin-left:-1%; padding-top:10px;}
ul.cechy li { width:18%;  margin:0px 1% 0px 1%;}
ul.cechy li .ico { width:150px; height:150px; display:flex; align-items:center; justify-content:center;  border-radius: 50%;  box-shadow: 0 0 0 1px #eee; margin:auto;}
ul.cechy li .ico img { width:auto !important; height:60px !important; max-width:80px;}
ul.cechy li .txt { font-size:14px; line-height:25px; text-align:center; padding-top:20px;}
ul.cechy li .txt h2 { margin-bottom:20px;  color:#003380; font-size:16px;}

#frimaliczby { width:100%; padding:5% 20% 3% 20%;}
#frimaliczby .container { width:100%; display:flex; justify-content:center; padding-top:30px;}
#frimaliczby .container .licz { width:25%; margin:0px 1%; background:#f9f9f9; padding:20px; }
#frimaliczby .container .licz .counter { font-size:4vw; line-height:5vw; color:#003380; display:block; width:100%; text-align:center;}
#frimaliczby .container .licz .opislicz { width:100%; text-align:center; display:block; font-size:14px; line-height:25px;}

.mapagdzie .gmw-element-template:not(.gmw-blocks-element) .gmw-form { border-radius:0px ;  box-shadow: none; border: 1px solid #003380;  background: #fff;}
.mapagdzie .gmw-fields-enhanced .gmw-map-wrapper, .mapagdzie .gmw-fields-enhanced input[type="number"], .mapagdzie .gmw-fields-enhanced input[type="search"], .mapagdzie .gmw-fields-enhanced input[type="text"], .mapagdzie .gmw-fields-enhanced select, .mapagdzie .gmw-fields-enhanced textarea { box-shadow: none; border: 1px solid #ccc; border-radius: 0px; }
.mapagdzie .gmw-element-wrapper .gmw-action-button, .mapagdzie .gmw-form-wrapper .gmw-form-button { border-radius: 0px; border: none; background: #fff; color:#003380 ; box-shadow: 0 0 0 1px #003380; text-decoration: none; font-size:14px;}
.mapagdzie .gmw-element-wrapper .gmw-action-button:hover, .mapagdzie .gmw-form-wrapper .gmw-form-button:hover { background:#003380; color:#f8cd46;}
.mapagdzie .gmw-element-template .gmw-map-wrapper, .mapagdzie .gmw-element-template .gmw-results-message { box-shadow: none ; border-radius: 0px; }
.mapagdzie .gmw-element-template .gmw-single-item { box-shadow: none;  border-radius:0px; box-shadow: 0 0 0 1px #003380; }
.mapagdzie .gmw-element-template h3.gmw-item-title { overflow: visible; text-overflow: clip; white-space: wrap; line-height:25px; position:relative;} 
.mapagdzie .gmw-element-template h3.gmw-item-title a:hover { text-decoration:none;}
.mapagdzie .gmw-element-template h3.gmw-item-title:after {  content: ''; height: 5px; background-color: #f8cd46; display: block; width:0; position:absolute; bottom:4px; left:0px; transition: 0.8s all; }
.mapagdzie .gmw-element-template h3:hover.gmw-item-title:after { width:100px;}
.mapagdzie .gmw-element-template .distance { top: auto; bottom:52px; right: 0; background:#f8cd46; color:#003380; border-radius: 0px;}
.mapagdzie .gmw-element-template a:hover { text-decoration:underline;}
.mapagdzie .gmw-standard-info-window .gmw-info-window-inner > a.image { display:none;}
.mapagdzie .gm-style .gm-style-iw[aria-label="gmw-location-iw"] { max-width: none !important; max-height: none !important; border-radius: 0px; min-height: none; min-width: none !important;}
.mapagdzie .gmw-standard-info-window .gmw-info-window-inner {width: auto; max-height:none ; overflow-x: hidden ;}
.mapagdzie .gm-style .gm-style-iw[aria-label="gmw-location-iw"] { max-width: none !important;  max-height: none !important;  border-radius: 0px; overflow-y: hidden ;  min-height: none; min-width: none !important;}
.mapagdzie .gmw-standard-info-window .gmw-info-window-inner .gmw-info-window-element.title a {color:#003380 !important; position:relative;}
.mapagdzie .gmw-standard-info-window .gmw-info-window-inner .gmw-info-window-element.title a:hover { text-decoration:none;}
.mapagdzie .gmw-standard-info-window .gmw-info-window-inner .gmw-info-window-element.title a:after {  content: ''; height: 5px; background-color: #f8cd46; display: block; width:0; position:absolute; bottom:-4px; left:0px; transition: 0.8s all; }
.mapagdzie .gmw-standard-info-window .gmw-info-window-inner .gmw-info-window-element.title a:hover:after { width:100px;}
.mapagdzie .gmw-info-window a { color:#003380;}
.mapagdzie .gmw-info-window a:hover { text-decoration:underline;}
.mapagdzie .gmw-map button.gm-ui-hover-effect { border-bottom-left-radius: 0px !important; border-top-right-radius: 0px !important;}
.mapagdzie .gmw-standard-info-window .gmw-info-window-inner .gmw-info-window-element.distance { border-bottom-right-radius: 0px; border-top-left-radius: 0px; line-height: 17px; height:27px; background:#f8cd46; color:#003380;}
.mapagdzie .single_location { height:500px !important;}
.mapagdzie .gmw-single-location-wrapper .address-field-wrapper .get-directions-link-submit { color:#003380;}


.produkt { width:100%; padding:0px 10%; display:flex; justify-content:space-between; align-items: center;}
.produkt .box:nth-child(1) { width:48%;}
.produkt .box:nth-child(1) .lista p:first-of-type { font-size:20px; color:#003380;}
.produkt .box:nth-child(1) .lista a {color:#003380;}
.produkt .box:nth-child(2) { width:48%; }
.produkt .box:nth-child(2) img { width:100% !important; height:auto !important; float:left; }

.produkt .box:nth-child(1) table { width:100%; margin-top:20px;}
.produkt .box:nth-child(1) table tr td { border-bottom:1px solid #eee;}
.produkt .box:nth-child(1) table tr th {color:#003380;}

.opisprodukt {width:100%; padding:0px 10%; display:flex; justify-content:space-between; }
.opisprodukt .box:nth-child(1) { width:48%;}
.opisprodukt .box:nth-child(2) { width:48%;}

.opisproduktdodatkowo { width:100%; padding:3% 20%;}

.tytp { text-align:left; font-size:2.4rem; line-height:3rem; padding:20px 0px 10px 0px; color:#003380;}
.karty { width:100%;}
.karty ul { padding-bottom:20px;}
.karty ul li a { padding-left:50px; background:url(../graf/pdf.svg) no-repeat 20px center; background-size:20px 40px; line-height:40px; display:table; color:#282828; }
.karty ul li a:hover { text-decoration:underline; background:url(../graf/pdf.svg) no-repeat 20px center; background-size:20px 20px;}

ul.aplikacja { width:100%;}
ul.aplikacja li .ico { width:100px; margin-right:20px; }
ul.aplikacja li .ico img { width:100% !important; height:auto !important; float:left;}

ul.aplikacja li .opisaplikacji { width:100%;}
ul.aplikacja li .box { width:100%; display:flex; justify-content:space-between; margin-bottom:10px;}


.poroduktyall { display:flex; justify-content:space-between; align-items: start;}
.poroduktyall .box:nth-child(1) { width:80%;}
.poroduktyall .box:nth-child(2) { width:17%; position: sticky; top: 0px; margin-bottom:100px;}

ul.list-subcats { width:100%}
ul.list-subcats li { margin-bottom:15px; line-height:15px;}
ul.list-subcats li a { font-size:12px; color:#787878; }
ul.list-subcats li a:hover { color:#000;}
ul.list-subcats li a.curent {color:#003380;}

ul.produktgrup { width:102%; display:flex; justify-content: flex-start; flex-wrap:wrap; margin-left:-1%;}
ul.produktgrup li { width:31.3%; margin:0px 1% 1% 1%; position:relative;}
ul.produktgrup li .ico { width:100%; overflow:hidden; box-shadow: 0 0 0 1px #eee; }
ul.produktgrup li .ico img { width:100% !important; height:auto !important; float:left;}
ul.produktgrup li .txt { width:90%; padding:20px;  box-shadow: 0.6rem 1.4rem 3rem 0rem rgba(0,0,0,0.1); margin:0px 5%; position:relative; z-index:5; top:-60px; background:#FFF;}
ul.produktgrup li .txt h2 { font-size:16px; color:#003380; line-height:25px; margin-bottom:25px; position:relative; }
ul.produktgrup li .txt h2:after {  content: ''; height: 5px; background-color: #f8cd46; display: block; width:0; position:absolute; bottom:-10px; left:0px; transition: 0.8s all; }
ul.produktgrup li:hover .txt h2:after { width:150px;}
ul.produktgrup li .txt p { margin-bottom:0px; font-size:14px; line-height:25px;}
ul.produktgrup li .txt .item { height:130px; overflow:hidden;}
ul.produktgrup li:hover .txt {box-shadow: 0.3rem 0.2rem 0.5rem 0rem rgba(0,0,0,0.1);}

.innepro ul.produktgrup { justify-content:center;} 

.cztery ul.produktgrup li { width:23%; }



ul.sila { width:100%;}
ul.sila li { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
ul.sila li .bgsila { width:70%; background:#f9f9f9; box-shadow: 0 0 0 1px #1b498b; height:30px; position:relative; }
ul.sila li .bgsila .silaall { width:100%; position:relative; height:30px; overflow:hidden; }
ul.sila li .bgsila .pasek { height:30px; position:absolute; z-index:4; left:0px; top:0px; background:#f8cd46;}

ul.sila li .bgsila span { position:absolute; z-index:10; background:#1b498b; width:1px; height:20px; top:5px;}
ul.sila li .bgsila span:after { position:absolute; left:-2px; top:-28px; font-size:10px;}

ul.sila li .bgsila span.s00 { left:-5px;}
ul.sila li .bgsila span.s00:after {content:'0'; left:3px;} 
ul.sila li .bgsila span.s10 { left:10%;}
ul.sila li .bgsila span.s10:after {content:'1';} 
ul.sila li .bgsila span.s20 { left:20%;}
ul.sila li .bgsila span.s20:after {content:'2';} 
ul.sila li .bgsila span.s30 { left:30%;}
ul.sila li .bgsila span.s30:after {content:'3';} 
ul.sila li .bgsila span.s40 { left:40%;}
ul.sila li .bgsila span.s40:after {content:'4';} 
ul.sila li .bgsila span.s50 { left:50%;}
ul.sila li .bgsila span.s50:after {content:'5';} 
ul.sila li .bgsila span.s60 { left:60%;}
ul.sila li .bgsila span.s60:after {content:'6';} 
ul.sila li .bgsila span.s70 { left:70%;}
ul.sila li .bgsila span.s70:after {content:'7';} 
ul.sila li .bgsila span.s80 { left:80%;}
ul.sila li .bgsila span.s80:after {content:'8';} 
ul.sila li .bgsila span.s90 { left:90%;}
ul.sila li .bgsila span.s90:after {content:'9';} 
ul.sila li .bgsila span.s100 { left:101%;}
ul.sila li .bgsila span.s100:after {content:'10'; left:-10px;} 

ul.sila li .bgsila span.s00 , ul.sila li .bgsila span.s100 { width:0px; height:20px; top:5px;}


ul.sila li .opissila { width:25%; font-size:12px; line-height:20px;}

.produkt .tableall th {padding:5px 10px; line-height:25px;}
.produkt .tableall td { padding:5px 10px; font-size:14px; line-height:25px;}


.home-pobierz { width:100%; display:flex; justify-content:space-between;} 
.home-pobierz .box:nth-child(1) { width:43%;}
.home-pobierz .box:nth-child(2) { width:55%; margin-top: calc(-4rem - 35px);}


ul.pobierz { width:102%; display:flex; margin-left:-1%; flex-wrap:wrap;}
ul.pobierz li { width:48%; margin:0px 1% 2% 1%; box-shadow: 0 0 0 1px #1b498b; padding:20px 20px 100px 20px; position:relative;}
ul.pobierz li a.wiecej2 { width:80%; position:absolute; z-index:2; left:10%; bottom:20px;}
ul.pobierz li h2 { color:#1b498b; font-size:16px; line-height:25px; text-align:center; }

.accordion__description .wspolpraca .txt h2 { font-size:16px;}
.accordion__description .wspolpraca .txt h2 a { color:#1b498b; margin-bottom:20px;} 

.accordion__description ul.wspolpraca li:hover .txt h2:after { width:0px;}
.accordion__description ul.wspolpraca li .txt h2:hover:after { width:100px;}

.przerwa { width:100%; padding-top:10px; display:flex; justify-content:space-between; flex-wrap:wrap;}

a.linkpobierz { font-size:12px; color:#787878; padding:0px 0px 0px 30px;  background: url(../graf/lipo.svg) no-repeat 0px 2px; background-size: 15px 15px; line-height: 20px; width:100%;}
a.linkpobierz:hover {color:#1b498b;}

div.tnp-subscription, form.tnp-subscription, form.tnp-profile {   max-width: none; width: 100%; margin:0px;}


.tnp-subscription input[type="text"], .tnp-subscription input[type="email"], tnp-subscription select, .tnp-subscription textarea, .tnp-profile input[type="text"], .tnp-profile input[type="email"], .tnp-profile select, .tnp-profile textarea 
{ width:100%; height:50px; line-height:50px; border: none; padding:0px 20px; box-shadow: 0 0 0 1px #ccc; background:none; font-family: "Roboto", sans-serif; font-size:16px; margin-bottom:14px; }

.tnp-subscription input[type="text"]:hover, .tnp-subscription input[type="email"]:hover, .tnp-subscription select:hover, .tnp-subscription textarea:hover, .tnp-profile input[type="text"]:hover, .tnp-profile input[type="email"]:hover , .tnp-profile select, .tnp-profile textarea:hover
{ box-shadow: 0 0 0 1px #003380;  }  

#strona .tnp-subscription input[type="submit"] , .tnp-profile input[type="submit"]{ width:300px; color:#003380; font-size:14px; line-height:5rem; box-shadow: 0 0 0 1px #1b498b; margin-top:30px; text-align:center; display:block; background:none; cursor:pointer; padding:0px;}
#strona .tnp-subscription input[type="submit"]:hover , .tnp-profile input[type="submit"]:hover { background:#003380; color:#f8cd46;}

.rank-math-html-sitemap { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; }
.rank-math-html-sitemap div { width:33.3%;}


/* 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; }  

.nav-top .hamburger {color: #282828; cursor: pointer; font-size:16px; padding-right:20px; color:#003380}
.nav-top .hamburger:after { content:'\002630 '; position:absolute; top:0px; right:0px; font-size:16px; }
.nav-is-toggled .nav-top .hamburger:after { content:'\000058'; position:absolute; top:0px; right:0px; font-size:16px; } 
.nav-top .hamburger span { margin-top:-5px;}

.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:550; 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:#003380 !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: 16px; 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:#003380 url(../graf/prawa2.svg) no-repeat 90% center; background-size:15px; }

.nav-drill .nav-expand-content .nav-back-link { background:#003380 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:#003380 url(../graf/lewa2.svg) no-repeat 90% center !important; background-size:15px !important; color:#fff; }

}

/* END menu*/

.poroduktyall .tytp { margin-bottom:20px;}

.mapa { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}