/* fonts */
@import url('normalize-3.0.2.css');


/* border box to all */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}

/* clearfix */
.clear{clear:both; height:0; overflow:hidden}
.clearfix:after{content:""; display:table; clear:both}

/* some resets */
h1,h2,h3,p{margin-top:0;}
nav ul{list-style:none; margin:0; padding:0;}
fieldset{border:0;margin:0;padding:0;}
img{max-width:100%;height:auto;}

/* Basic Typography */
html,button,input,select,textarea {
  color: #161616;
  font-family: "Open Sans",arial,helvetica,sans-serif;
  font-size: 13px;
  line-height: 1;
}
a {
  color: #c10404;
  text-decoration:none;
}



/* === BASE === */
html {
  background: #f2f2f2;
}
/* wrap */
.wrap {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
}
.wrap:after {
  content:""; display:table; clear:both
}
body {
  padding: 0 0 20px;
}


/* === HEADER === */
#header{
  position:relative;
  height:117px;
  z-index: 999999;
  background: #c10404;
  border-bottom: 1px solid #e2e2e3;
}
#header:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 36px;
	border-bottom: 1px solid #b7b7b7;
	background-color: #333;
	background-image: url(../img/bg1.png);
	background-repeat: repeat-x;
}
#header .logo{
  position:absolute;
  left:0px;
  top:36px;
  padding-top:6px;
  z-index: 9;
}
#header .adres{
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  line-height:35px;
  color: #ffffff;
  width: 100%;
}
#header .adres a{
  color:#ffffff;
}
#header .adres a:hover{
  color:#b7b8ba;
}
#header .adres i{
  color:#ffed00;
  margin-right:5px;
}
#header .adres span{
  margin-right: 15px;
}

#header .adres span strong{
  font-weight:normal;
  color:#ffed00;
}

#nav {
  position: absolute;
  right: 0px;
  top: 36px;
  width: 100%;
}
#nav > ul{
float: right;
}
#nav > ul > li{
  position: relative;
  float: left;
}
#nav > ul > li:last-child{

}
#nav > ul > li > a{
  position: relative;
  display: block;
  line-height: 80px;
  height: 80px;
  padding: 0 30px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  font-family: Lato,sans-serif;
}
#nav > ul > li:hover > a{
  background: #000;
  color: #fff;
}
#nav > ul > li.active > a{
  background: #fff;
  color: #000;
}
#nav > ul a.active{
  color: #fff;
  background: #297bb9;
}
#nav > ul > li.sub:hover ul{
  display: block;
}
#nav ul ul{
  position: absolute;
  left: 0px;
  top: 100%;
  /*background: #161616;*/
  background-color: rgba(28, 28, 28, 0.75);
  display: none;
  white-space: nowrap;
  min-width: 100%;
}
#nav ul ul li{
  padding: 0;
  margin: 0;
}
#nav ul ul a{
  display: block;
  line-height: 34px;
  font-size: 14px;
  color: #fff;
  border-bottom: 1px solid #4d4d4d;
  padding: 10px 20px;
}
#nav ul ul li:last-child a{
  border-bottom: 0;
}
#nav ul ul a:hover{
  background: #4d4d4d;
}

#header-social {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.foot-social{clear:both}

#header-social a {
  float: left;
  margin-left: 2px;
  width: 36px;
  text-align: center;
  line-height: 36px;
  color: #fff;
  background: #7c7c7c;
}

.foot-widget-title{text-transform:uppercase;margin:20px 0 7px 0;color:white}

#footer-social a {
  float: left;
  margin-left: 2px;
  width: 36px;
  text-align: center;
  line-height: 36px;
  color: #fff;
  font-size:30px;
  background: #4a4c4d;
}

#footer-social i {
  color: #fff;
}
#footer #foot_4 i{color:white}
#footer #foot_4 a:hover i{color:#f6590d}


#header-social a:hover {
  background: #ff5c0a;
}
#header-facebook i {
  color: #fff;
}


.news-tb {
    height: 30px;
    width: 53%;
    padding: 5px 5%;
    float: left;
    border: medium none;
    box-shadow: none;
    outline: medium none;
}
.news-button {
    height: 30px;
    width: 35%;
    float: left;
    text-align: center;
    line-height: 29px;
    color: #FFF;
    border: medium none;
    box-shadow: none;
    background: #f6590d none repeat scroll 0% 0%;
    outline: medium none;
}



#header-linki {
  position: absolute;
  right: 95px;
  top: 0;
  z-index: 3;
  font-size:13px;
  line-height:35px;
  color: #ff0000;
}
#header-linki a {
  color: #fff;
  margin: 0 5px;
}
#header-social a:hover {
  background: #ff5c0a;
}
#header-facebook i {
  color: #fff;
}


/* === FOOTER === */
#footer .wrap{
  
  background: #1f1e1e; 
  margin-top: 3px;
  overflow: hidden;
  border: 1px solid #5b5b5b;
}

#bottom_foot{line-height: 20px; text-align:center}
#bottom_foot span,#bottom_foot span a{color:#383737}


.foot_one{width:24%;float:left;padding:25px 20px 20px 20px}
.foot_one h3{color:white;text-transform:uppercase}
.foot_one p{font-size:13px;line-height:18px;}
#foot_2,#foot_3{margin-top:30px}
#footer .foot_one i{
	color: #F6590D;
margin-right: 8px;
display: inline-block;}
#footer .foot_one span{display:block;margin-bottom:10px}
#footer .foot_one span.noblock{display:inline;;margin-bottom:0px}




#footer p{
  color: #bdbdbd;
}
#footer a{
  color: #969696;
}
#footer a:hover{
  color: #fff;
}
#footer p.copy{
  float: right;
  margin-right: 15px;
}
#footer p.linki{
  float: left;
  margin-left: 15px;
}




/* === HOME === */
#outer_slider{
	  position: relative;
  height: 515px;
  background-image: url(../img/slide1.jpg);
   background-size:cover
	}
#slide_txt_vd{
  width: 48%;
  float:left;
  padding-top:100px
	}
	
#slide_txt_internal	{
	background-color:rgba(0,0,0, 0.7);
	width:70%px;
	padding:20px;
	}
#home-slider {
	top: 100px;
  position: relative;
  height: 260px;
  width: 48%;
  float:right;
}
#home-slider .slide {
  width: 100%;
  height: 260px;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-left{
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(../img/slide-lewa.png) no-repeat;
  width: 360px;
  height:  100%;
  opacity:.2;
}
.slider-right{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 360px;
  height: 100%;
  opacity:.2;
}

.slider{position:relative;width:100%;}
.slider .slides{position:relative;overflow:hidden;}
.slider ul{list-style:none;padding:0;margin:0;white-space:nowrap;}
.slider li{display:inline-block;width:100%;vertical-align:top;}
.slider .slide{white-space:normal;}

.slider li{
  background-position:50% 0;
  background-size:100% 100%;
}

#home-slider .info-wrap {
  position: absolute;
  right: 0;
}




#home-slider .info {
  padding: 25px;
  background: rgba(0,0,0,.75);
}
#slide_txt_internal h2{
  font-family: Lato,sans-serif;
  font-weight: 300;
  font-size: 36px;
  color: #fff;
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 15px;
}

#slide_txt_internal p{
  font-family: Lato,sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #ffed00;
}
#slide_txt_internal p span{display:block;font-size:32px;margin-top:10px}
#slide_txt_internal h2:after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 30px;
  height: 1px;
  background: #fff;
}
#home-slider .info p{
  font-size: 16px;
  line-height: 20px;
  font-style: italic;
  color: #fff;
  margin: 0;
}
#home-slider .info a{
  width: 19px;
  height: 19px;
  display: inline-block;
  background: url(../img/link2.png) no-repeat;
  vertical-align: middle;
  margin-left: 5px;
}
#home-slider .slide:first-child {
  z-index: 9;
}

#home-slider .prev {
  position: absolute;
  left: 0;
  top: 100px;
  width: 61px;
  height: 61px;
  display: block;
  background: url(../img/arrows.png) no-repeat;
  z-index: 999;
  border-radius: 50%;
}
#home-slider .next {
  position: absolute;
  right: 0;
  top: 100px;
  width: 61px;
  height: 61px;
  display: block;
  background: url(../img/arrows.png) 100% 0 no-repeat;
  z-index: 999;
  border-radius: 50%;
}


#home-boksy {
  position: relative;
  z-index: 99;
  margin-top: -60px;
}

#home-boksy article{
  position: relative;
  float: left;
  width: 25%;
  padding: 0 2px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;

}

#home-boksy article.box2{
	background:transparent;
	}





#home-boksy article .in{
  position: relative;
  background: #fff;
  min-height: 270px;
  text-align: center;
  padding: 0 20px 5px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: block;
}

#home-boksy article.box2 .in{
  background: #c10404;
}

#home-boksy article.box2 .in:hover{
  background: #000;
}


#home-boksy img{
  margin-top: -8px;
  margin-bottom: 10px;
}
#home-boksy h2{
  position: relative;
  margin: 0 0 1em;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  color: #161616;
  padding: 20px 0 5px;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#home-boksy .box2 h2,#home-boksy .box2 p{color:white;}
#home-boksy .box2 strong{font-size:18px}

#home-boksy p{
  color: #5c5c5c;
  font-size: 13px;
  line-height: 20px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#home-boksy span{
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 29px;
  height: 29px;
  background: url(../img/link.png) no-repeat;
  display: block;
}
#home-boksy article:hover{
  cursor: pointer;
}
#home-boksy article:hover:after{
  background: #ad3f1e;
}
#home-boksy article:hover .in{
  background: #f7f6f6;
}
#home-boksy article:hover .in span{
	background-image: url(../img/link.png);
	background-repeat: no-repeat;
	background-position: 0px -29px;
	transition:0.6s
}




#home-boksy article:hover h2{
  color: #bc0000;
}
#home-boksy article:hover h2:after{
  background: #fff;
}
#home-boksy article:hover a{
  background-position: 0 100%;
}






#home-boksy2 {
  position: relative;
  z-index: 99;
  margin-top: 20px;
}
#home-boksy2 .wrap {
  background: #fff;
  padding: 20px;
}
#home-boksy2 h2,
#home-boksy2 h1.h1_homepage{
  position: relative;
  margin: 0 0 1em;
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  color: #161616;
  padding: 0 0 5px;
}




#home-boksy2 h2:after,#home-boksy2 h1.h1_homepage:after{
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 25px;
  height: 1px;
  background: #f7641d;
}


.home-news{
  float: left;
  width: 49%;
  margin-right: 50px;
}

.home-news article,.sub_news article{
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
  min-height:150px
}
.home-news img,.sub_news img{
  position: absolute;
  left: 0px;
  top: 0;
	filter: gray;
	filter: grayscale(100%);
	}

.home-news .desc,.sub_news .desc{
  padding-left: 130px;
}
.home-news .data,.sub_news .data{
  margin: 0 0 15px;
  padding-left: 20px;
  background: url(../img/calendar.png) no-repeat;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 15px;
}
.home-news h3,.sub_news h3{
  font-size: 18px;
}
.sub_news article h3{margin-top:0}
.home-news p,.sub_news p{
  font-size: 14px;
  line-height: 22px;
}

.home-news p strong{
  font-size: 18px;
  line-height: 22px;
}

.home-news a.mybutton,.sub_news a.mybutton{
  float: right;
  padding: 7px 20px;
  background: #fb440c;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  margin-top:10px;
  line-height: 16px;
}

.see_more_news{text-align:right;}
.see_more_news a{color:#fb440c}

.home-kancelaria {
  margin-bottom: 50px;
  float: right;
  width: 45%;
}

.home-kancelaria h5{
	font-size:20px;
	font-family: Lato,sans-serif;
	font-weight:300;
	margin:15px 0;
	}


.home-kancelaria img {
  float: right;
  margin-left: 50px;
}
.home-kancelaria p {

  line-height: 18px;
}
.home-kancelaria b {
  font-weight: normal;
}

.home-kancelaria a{color:#ff611c}

.home-zaufali {
  float: right;
  width: 45%;
}
.home-zaufali .loga {
  text-align: center;
}
.home-zaufali .loga img {
  margin: 5px 20px;
  vertical-align: middle;
}



#main{
  position: relative;
  background: url(../img/main.jpg) 50% 0 no-repeat;
  padding-top: 170px;
}
#main .wrap{
  padding: 30px;
  background: #fff;
  position: relative;
  margin-top: -60px;
}



#aside{
  width: 20%;
  float: right;
}
#aside h2{
  font-size: 18px;
  font-weight: 600;
  position: relative;
  padding: 0 0 15px;
  margin: 0 0 30px;
  color: #252930;
}
#aside h2:after{
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 25px;
  height: 1px;
  background: #555;
}

.aside-uslugi{
  margin-bottom: 50px;
}
.aside-uslugi li{
  background: url(../img/li2-off.png) no-repeat;
  padding-left: 35px;
  margin-bottom: 20px;
  font-weight: 600;
  line-height: 22px;
}

.aside-uslugi li.active{
  background: url(../img/li2.png) no-repeat;
}

.aside-uslugi li#id124{
	background: url(../img/li2-124.png) no-repeat;
	}
.aside-uslugi li#id125{
	background: url(../img/li2-125.png) no-repeat;
	}
.aside-uslugi li#id126{
	background: url(../img/li2-126.png) no-repeat;
	}
.aside-uslugi li#id127{
	background: url(../img/li2-127.png) no-repeat;
	}		



.aside-uslugi li ul{
  margin-top: 10px;
 /* display: none;*/
}
.aside-uslugi li.open{
  background: url(../img/li2.png) no-repeat;
}
.aside-uslugi li.open ul{
  display: block;
}
.aside-uslugi li li{
  font-weight: 300;
  background: none;
  padding: 0;
  margin: 0 0 5px;
}
.aside-uslugi a{
  color: #161616;
}

li.sub ul li a{
  color: #f6590d;
}

.content{
  width: 72.5%;
  float: left;
  min-height:500px;
}
.content > header{
  position: absolute;
  left: 0px;
  top: -70px;
}
.content > header h1{
  font-weight: 300;
  color: #fff;
  font-size: 28px;
  line-height: 30px;
}
.content > header h1 b{
  font-weight: 300;
  color: #fff;
  margin-right: 5px;
}
.content > header h1 span{
  border-left: 1px solid #bcbcbc;
  padding-left: 13px;
}

.body{
  font-size: 16px;
  line-height: 24px;
  color: #2e2e2e;
  font-weight: 300;
  text-align: justify;
    text-justify: inter-word;
}
.body p{
  margin: 0 0 1.5em;
}
.body h2{
  font-size: 18px;
  font-weight: normal;
  text-transform: none;
  margin: 0 0 1em;
}

.body img.right{
  float: right;
  margin: 0 0 2em 2em;
}
.body img.left{
  float: left;
  margin: 0 2em 2em 0;
}



.body p.box,.body h5{
  color: #878787;
  background: #f4f4f4;
  padding: 30px;
  margin-bottom: 2em;
  font-size:16px;
  font-weight:400
}
.body h2{
  position: relative;
  margin: 2em 0 1em;
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  color: #161616;
  padding: 0 0 5px;
}
.body h2:after{
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 25px;
  height: 1px;
  background: #f7641d;
}
.body h3{
  margin: 2em 0 1em;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

.body ul{
  list-style: none;
  padding: 0;
  margin: 0 0 1.5em;
}
.body ul li{
  background: url(../img/li.png) no-repeat;
  padding-left: 35px;
  margin-bottom: 20px;
}

.nav-trigger {
  display: none;
}
.adres-trigger {
  display: none;
}
.google-maps {
position: relative;
padding-bottom: 40%; // This is the aspect ratio
height: 0;
overflow: hidden;
margin-bottom:30px;
}

.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
border:0;
} 

.kontakt-zapraszamy{
  background: #c10303;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  overflow: hidden;
  padding: 20px;
  margin-top: 50px;
}
.kontakt-zapraszamy p{
  margin: 0;
  width: 500px;
  float: left;
}
.kontakt-zapraszamy a{
  font-size: 15px;
  color: #1e1e1e;
  text-transform: uppercase;
  background: #fff;
  float: right;
  padding: 10px 15px;
  font-weight: bold;
  margin-top: 5px;
}

.respo_form input{border:solid 1px #CCC;padding:10px;}
.respo_form label{font-weight: 400;}
.respo_form .col_1{width:48%;float:left;margin-bottom:15px}
.respo_form .col_2{width:48%;float:right;margin-bottom:15px}
.respo_form .col_3{width:31%;float:left;margin-bottom:15px}
.respo_form .col_1 label,.respo_form .col_2 label{display: inline-block;width: 30%;vertical-align: top;float:left}
.respo_form .col_1 input,.respo_form .col_2 input{width: 65%;float:right}
.respo_form .col_full label{display: inline-block;width: 15%;vertical-align: top;float:left}
.respo_form .col_full textarea{display: inline-block;width: 83.1%;vertical-align: top;float:right;height:200px}
.respo_form .button_1{;width: 83.1%;clear:both;display: inline-block;float:right; padding: 12px 20px; background: #be0101;  font-size: 11px;  text-transform: uppercase;  font-weight: bold;   color: #fff;margin:25px 0}


.alert{color:#fb440c;border:solid 1px #fb440c;background:#fff2ee;padding:25px;}
.alert-success{color:#93c902;border:solid 2px #93c902;background:#edf6d4}
.alert i{font-size:35px;float:right}
.galery_thumb{margin:0 7px 7px 0}



@media (max-width: 1199px) {


  .wrap {
    margin: 0 20px;
  }
  #nav > ul > li > a{
    padding: 0 10px;
    font-size: 12px;
  }
  #home-boksy article {
    width: 50%;
    margin-bottom: 30px;
  }
  #home-slider .prev {
    top: 100px;
  }
  #home-slider .next {
    top: 100px;
  }
  .nav-trigger {
    display: block;
    color: #FFF;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 32px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 20px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .nav-trigger:hover {
    color: #fff;
    background: #7C7C7C;
  }
  #nav ul {
    display: none;
  }
  #nav.open ul {
    display: block;
    padding: 81px 0 0;
    margin: 0 -60px;
	width:100%
  }
  #nav.open ul li {
    display: block;
    float: none;
    width: 100%;
    border: 0;
  }
  #nav.open ul a {
    padding: 5px 10px;
    background: #c30404;
    line-height: 35px;
    height: auto;
    border-bottom: 1px solid #ccc;
    color: #fff;
  }
  #nav.open ul ul {
    position: static;
    left: auto;
    top: auto;
    background: none;
    padding: 0;
  }
  #nav.open ul ul a {
    background: #777;
    padding-left: 30px;
  }
  #header .adres .adres-trigger {
    display: block;
    color: #7C7C7C;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 32px;
    text-align: center;
    position: absolute;
    right: 55px;
    top: 55px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  #header .adres .adres-trigger i {
    color: #fff;
  }
  #header .adres .adres-trigger:hover {
    color: #fff;
    background: #7C7C7C;
  }
  #header .adres .adres-trigger:hover i {
    color: #fff;
  }
  #header .adres .in {
    display: none;
  }
  #header .adres.open .in {
    display: block;
    padding: 117px 0 0;
    margin: 0 -20px;
  }
  #header .adres.open span {
    display: block;
    background: #000;
    width: 100%;
    border-bottom: 1px solid #323131;
    padding: 0 20px;
  }
  
  
  #slide_txt_vd{
  width: 100%;
  float:left;
  padding-top:80px;
min-height:60%
	}
	
#slide_txt_internal	{
	width:100%px;
	padding:20px;

	}

  
 #home-slider {
  display:none;
} 
  
 .in i.fa{display:none} 
  
  
}
@media (max-width: 919px) {
  #home-boksy2 section {
    float: none;
    width: 100%;
  }
  .content {
    float: none;
    width: 100%;
  }
  #aside {
    float: none;
    width: 100%;
    margin-top: 50px;
  }
  
  
.respo_form input{border:solid 1px #CCC;padding:10px;}
.respo_form label{font-weight: 400;}
.respo_form .col_1{width:100%;float:left;margin-bottom:15px}
.respo_form .col_2{width:100%;float:right;margin-bottom:15px}
.respo_form .col_1 label,.respo_form .col_2 label{display: inline-block;width: 100%;vertical-align: top;float:left}
.respo_form .col_1 input,.respo_form .col_2 input{width: 100%;float:right}
.respo_form .col_full label{display: inline-block;width: 100%;vertical-align: top;float:left}
.respo_form .col_full textarea{display: inline-block;width: 100%;vertical-align: top;float:right;height:200px}
.respo_form .button_1{height:30px;width: 100%;clear:both;display: inline-block;float:right; padding: 7px 20px; font-size: 11px;  text-transform: uppercase;  font-weight: bold;   color: #fff;margin:25px 0}





  
  
  
}
@media (max-width: 600px) {
  .content > header h1 {
    font-size: 18px;
  }
.google-maps { padding-bottom: 75%; // This is the aspect ratio}   
  
}
@media (max-width: 550px) {
  #home-slider {
    display: none;
  }
  #home-boksy {
    margin-top: 40px;
  }
}
@media (max-width: 479px) {
  #home-boksy article {
    width: 100%;
  }
  #home-boksy2 .home-news img {
    width: 30%;
  }
  #home-boksy2 .home-news .desc {
    padding-left: 33%;
  }
  #home-boksy2 .home-kancelaria img {
    width: 30%;
  }
}