html { font-size:10px; font-family: 'Poppins', sans-serif;}
body {margin: 0px; padding: 0px; width: 100%; height: 100%; background:#fff; overflow-x: hidden; text-align: justify; color:#2e2e2e; line-height:30px; font-size:16px; }

.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:#ed1c24;}
a:hover {color:#ed1c24;}
ul{ padding:0px; margin:0px;}
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 { position:absolute; z-index:166; left:0px; top:0px; width:90%; padding:0px 5%; height:120px;}
#logo { float:left; margin-top:22.5px;}

#mtop { float:right;}
#mtop ul , #mtop ul li , #mtop ul li a { float:left;}	
#mtop ul li a { padding:0px 20px; line-height:120px; color:#fff; background:url(../graf/mbg.png) repeat-x 0px 123px;}		
#mtop ul li a:hover {background:url(../graf/mbg.png) repeat-x 0px 90px;}		
		
#baner  { float:left; width:100%;  overflow:hidden; position:relative; height:auto; }
#baner img.bg { width: 100% !important; height: auto !important;  }

.podstrona img.bg { float:left;}

img#bgslider  { position:absolute; z-index:150; left:0px; top:0px; width:100% !important; height:40vh !important;}

/*slider*/
.bx-wrapper {position: relative; margin: 0px; padding: 0px; }
.bx-wrapper img {  display: block;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; z-index:200; left:5%; bottom:8%;  width: auto ; overflow:hidden;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block;	*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {text-indent: -9999px; display: block; width: 15px; height: 15px; margin: 0px 5px 0px 0px; background:#fff; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background:#ed1c24; }
.bx-wrapper .bx-prev , .bx-wrapper .bx-next { display:none}
.active-slide .opiss { animation: 900ms ease-in-out 0s normal none 1 running slideInRight;}
/*slider*/

.opiss { position:absolute; z-index:155; bottom:30%; left:5%; width:90%; color:#fff; text-transform:uppercase; text-align:left; }
.opiss h2 { font-size:7vh; line-height:7vh;}
.opiss h3 { font-size:3vh; line-height:3vh;}

#button {display:inline-block; background: #ed1c24; 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:#2e2e2e;   }
#button.show {opacity: 1; visibility: visible;}

#home { width:60%; float:left; padding:3% 20%; text-align:center;}

.tyt { font-size:2.4rem; color:#ed1c24; margin-bottom:30px; text-align:center; text-transform:uppercase;}
.bgnd-1 .tyt , .bgnd-2 .tyt { color:#fff;}

a.wiecej2 { width:350px; float:left; line-height:6rem; text-align:center; font-size:14px; background:#ed1c24; color:#FFF; position:relative; left:50%; margin:50px 0px 0px -175px; text-transform:uppercase;}
a.wiecej2:hover { background:#2e2e2e;}

.bgnd {background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; }
.bgnd-1 {background-image: url(../graf/bg1.jpg); clear:both; float:left; width:90%; padding:3% 5%; }
.bgnd-2 {background-image: url(../graf/bg2.jpg); clear:both; float:left; width:60%; padding:3% 20%; color:#fff; text-align:center; }

.bgnd-2 a.wiecej2 { background:#fff; color:#ed1c24; }
.bgnd-2 a.wiecej2:hover { background:#2e2e2e; color:#fff;}

ul#filmy { width:100%; clear:both; float:left;}
ul#filmy li { width:49%; float:left; margin:0px 2% 2% 0px;}
ul#filmy li:nth-child(2n) { margin:0px 0px 2% 0px;}

ul#filmy li video { width: 100%; height: auto;}


#newshome { clear:both; float:left; width:90%; padding:3% 5%;}

ul#news { width:100%; clear:both; float:left;}
ul#news li { width:19.5%; float:left; position:relative; margin:0px 2% 2% 0px; padding:2%; box-shadow: 0.6rem 1.4rem 3rem 0rem rgba(0,0,0,0.1); background:#fff;}
ul#news li:hover {box-shadow: 0.3rem 0.2rem 0.5rem 0rem rgba(0,0,0,0.1);}
ul#news li:nth-child(4n) { margin:0px 0px 2% 0px;}
ul#news li img { display:block; margin:0px auto 10px auto;}
ul#news li h3 { text-align:center; color:#ed1c24; font-size:18px; line-height:20px; height:40px; overflow:hidden; margin:10px 0px 10px 0px; text-transform:uppercase;}
ul#news li:hover h3 { color:#2e2e2e;}
ul#news li .txtn { width:100%; height:120px; overflow:hidden; }

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


#info { clear:both; float:left; width:60%; padding:3% 20%; text-align:center; font-size:18px; color:#7d7d7d;}
#info ul { float:left; width:100%; }
#info ul li { width:27.3%; float:left; margin:0px 3% 0px 0px; box-shadow: 0.6rem 1.4rem 3rem 0rem rgba(0,0,0,0.1); padding:3% 2%;}
#info ul li:nth-child(3) { margin:0px;}
#info ul li img { width:60% !important; height:auto !important;}

#info span.fl { clear:both; width:100%; margin-top:50px; text-align:center; font-size:14px;}



/*------------------------------------------menu ----------------------------------------------------*/

.menu-btn , .pushy { display: block;}
.menu-btn{ width: 50px; height:50px; line-height:50px; color: #fff; text-align:center; cursor:pointer; position: fixed; z-index:2222; right:-50px; bottom:80px; background: #ed1c24;}
.menu-btn:hover{ background:#2e2e2e; }

.sticky .menu-btn { right:20px; }


.pushy{ position: fixed; width: 250px; height: 100%; top: 0; z-index: 9999; background:#ed1c24; font-size: 0.9em; overflow: auto; -webkit-overflow-scrolling: touch;}
.pushy a{ display: block; color: #fff;  padding: 25px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); text-decoration: none;}
.pushy a:hover{ background: #fff; color:#ed1c24;}

.pushy-left{ transform: translate3d(-250px,0,0);}
.pushy-open{  transform: translate3d(0,0,0);}

.container-push, .push-push{ transform: translate3d(250px,0,0);}
.pushy, .push{ -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99); -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);  -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);  transition: transform .2s cubic-bezier(.16, .68, .43, .99); -webkit-backface-visibility: hidden; -webkit-perspective: 1000;}
.site-overlay{ display: none;}
.pushy-active .site-overlay{ display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 200px; z-index: 9999;}

/*------------------------------------------menu ----------------------------------------------------*/

.stronall { width:70%; clear:both; float:left; padding:3% 15%;}
.txtall { width:90%; clear:both; float:left; padding:3% 5%;}

#inne { width:90%; clear:both; float:left; padding:3% 5%; background:#f7f9fb;}

.lista { width:100%; position:relative; float:left;}
.lista img { max-width:100% !important; height:auto !important;}

.lista p { margin-bottom:20px;}
.lista a:hover{ text-decoration:underline;}
.lista ul { list-style:none; padding:0px 0px 20px 20px; display: table;}
.lista ul li { background:url(../graf/li1.png) no-repeat 0px 9.5px; padding-left:22px;}
.lista ul li , .lista ol li { margin-bottom:5px; text-align:left;}
.lista ol li {padding-left:10px;}
.lista ol { display:table; padding-bottom:20px;}
.lista ul li ul { padding:10px 0px 0px 0px;}

.lista h1 , .lista h2 , .lista h3 , .lista h4 , .lista h5, .lista h6 { color:#ed1c24; clear:both; padding:25px 0px 15px 0px; text-align: left; font-size:2.2rem; }


/*page navi*/
.wp-pagenavi { margin:2% 0px; clear:both; float:left; width:100%; }
.wp-pagenavi .pages { color:#fff; margin-right:10px; background:#ed1c24;  }
.wp-pagenavi a { color:#fff; margin-right:4px; background:#ed1c24;    }
.wp-pagenavi .current , .wp-pagenavi a:hover {  background:#2e2e2e; margin-right:4px; color:#fff;  }	
.wp-pagenavi .current { background:#2e2e2e; }
.wp-pagenavi span , .wp-pagenavi a , .wp-pagenavi span.current  { width:40px; height:40px; line-height:40px; float:left; text-align:center;}
.wp-pagenavi span.pages { padding:0px 20px; width:auto;  height:40px; line-height:40px; float:left;}

.box1 { width:100%; clear:both; float:left; box-shadow: 0.6rem 1.4rem 3rem 0rem rgba(0,0,0,0.1); padding:3% 5% 5% 5%; margin:0px 0px 1.5% -5%;  }
.box2 { width:100%; clear:both; float:left; background:#f9fafc; padding:3% 5% 5% 5%; margin:0px 0px 1.5% -5%; }