/*Layouts css goes here*/
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');
body, html,h1, h2, h3,h4, .box-header{
font-family: 'Oswald', sans-serif;
font-weight:300;
  color:#000;
}
a{color:#000;}
a:hover{color:#6cbe02;}
.offer-box{
padding-top:30px;
text-align:center;
}

h1{
 font-size:190%; 
  font-weight:400;
  
}
h2{
font-size:130%; 
font-weight:400;
margin:0px;
padding:0px;
}
nav, header{
 padding:0px; 
  margin:0px;
 }
.post h1{
  margin:0px;
}
.medium-h2{
 font-weight:300; 
}
.offer-row h2{
text-transform: uppercase;
 margin-bottom:10px;
}
.offer-box .p1, .offer-box .p2, .offer-box .p3, .offer-box .p4{
max-width:230px;
height:154px;
display:block;
margin-left:auto;
margin-right:auto;
background:url("/wp-content/uploads/2017/04/obrazki_male_glowna-1.jpg");
}
.offer-box .p1{
   background-position:0px 0px;
    z-index:100;
  position: relative;
}
.offer-box .p2{
   background-position:-231px 0px;
    z-index:100;
  position: relative;
}
.offer-box .p3{
  background-position:-462px 0px;
    z-index:100;
  position: relative;
}
.offer-box .p4{
  background-position:-693px 0px;
  z-index:100;
  position: relative;
}
.page-content .offer-box .p1,.page-content .offer-box .p2, .page-content .offer-box .p3, .page-content .offer-box .p4{
  margin:0px;
  padding:0px;
}
.page-content .offer-box{
padding:0px;
  margin:0px;
}
.box-green{
  background-color:#6cbe02;
  width:100%;
  display:block;
  min-height:10px;
  margin-top:-30px;
  padding-top:40px;
  padding-bottom:30px;
  z-index:10;
  position: relative;
  font-weight:lighter;
  color:#fff;
}
.box-button{
position: relative;
z-index:500;
width:auto;
text-align:center;
margin-top:-20px;
}
.box-space{
height:25px; 
}
.box-space-15{
height:15px; 
}
.box-space-10{
height:10px; 
}
.box-space-5{
height:5px; 
}
.row{margin-bottom:0px;margin-top:0px;}
.slider{
 padding:0px; 
  background:none;
  background-image:none;
  text-align:center;
  margin-top:10px; 
}
.button{
padding:8px;
background:#000;
text-transform:uppercase;
display:block;
color:#fff;
text-decoration:none;
width:100px;
margin-left:auto;
margin-right:auto;
}
a.button:hover{
 color:#fff; 
 text-decoration:none;
}
.ddl-navbar{
  padding-left:0px; 
  float:left;
  margin:0px; 
  border-radius:0px;
  
}
.ddl-nav{
  padding:0px; 
  margin:0px;
float:left;
 
}
nav{
 background:#6cbe02; 
 }
nav a{
  color:#fff;
}

.menu-bg{
border-top:5px solid #80ce06;
margin:0px;
padding:0px;
}
.box-header {
background:url("/wp-content/uploads/2017/04/ikony_top.png");
background-repeat:no-repeat;
font-size:100%;
padding-bottom:10px;
}
.box-header p{
background:#fff; 
min-height:38px;
display:block;
 
}
.h1{
background-position:0px 0px;
  padding-left:42px;
}
.h2{
background-position:-40px 0px;
   padding-left:42px; 
}
.h3{
background-position:-80px 0px;
padding-left:42px; 
}
.h3 a{
 display:block;
  width:40px;
  height:40px;
  margin-left:-42px;
}

.services-box .s01, .services-box .s02, .services-box .s03 {
 background:url("/wp-content/uploads/2017/04/ikony_uslugi.png") #000; 
background-repeat:none;
display:block;
  width:108px;
  height:66px;
  margin-left:auto;
  margin-right:auto;
 
}
.services-box .s01{
   background-position:0px 0px; 
   height:66px;
}
.services-box .s02{
   background-position:-108px 0px; 
   height:66px;
}
.services-box .s03{
   background-position:-216px 0px; 
   height:66px;
}
.services-box .s-box{
  padding-top:25px;
  width:100%;
  text-align:center;
  min-height:150px;
  display:block;
  background-color:#000;
  text-transform:uppercase;
  color:#fff;
}
.services-box .s-box p{
 margin-top:10px; 
}
.footer-menu,.footer-menu nav{
 background:#000; 
}
.footer-menu nav a:hover{
 background:none; 
  color:#fff;
}
.footer-menu{
  border-bottom:3px solid #6cbe02;
}
.footer-info{
 font-size:70%; 
}
.page-content{
 min-height:400px; 
}
.nf-form-fields-required{
 display:none; 
}
.widget h3{
 border:0px solid black; 
 margin-top:0px;
}
.widget ul{
padding-left:0px;
margin-left:0px;
}
.widget ul {
 list-style-type:none; 
}
.breadcrumbs, .breadcrumbs a{
  color:#a3a3a3;
}
@media only screen and (max-width: 1024px){
  .services-box .s01, .services-box .s02, .services-box .s03{

  background-repeat:none;
  width:85px;
  height:66px;
  }
 
}
@media only screen and (max-width: 780px) {
.offer-box h2{
 font-size:95%;
}
.h2, .h3{
display:none;
}
.services-box .s01, .services-box .s02, .services-box .s03{
   
  background-repeat:none;
  width:100px;
  height:66px;
  }
  .footer-menu{
    display:none;
  }
  .page-content{
 min-height:auto; 
}

}