html, body {height: 100%;}

body {margin: 0 auto;
      padding: 0;
      font-family: 'Exo 2', sans-serif;
      color: #000;
      font-size: 18px;}
       
input[type='text'], input[type='email'], input[type='submit'], textarea, input[type='tel'], select
{font-family:  'Exo 2', sans-serif;}       
      
*:focus {outline: 0;}
      
a {text-decoration: none;
   cursor: pointer;}
        

div {box-sizing: border-box;}     
      

.f-left {float: left;}

.f-right {float: right;}

.clear {clear: both;}

.center {text-align: center;}

        
ul {margin: 0;
    padding: 0;
    list-style: none;}  
    
    
    
.header-container {width: 100%;
                   margin: 0 auto;
                   z-index: 100;
                   height: 100px;
                   position: fixed;
                   top: 0;
                   background: linear-gradient(to right, #fff, #fff 32%, #000 0%, #000);}    
    
.header {width: 100%;
         max-width: 1440px;      
         margin: 0 auto;
         padding: 0 20px;
         position: relative;
         height: 100px;
         background: linear-gradient(to right, #fff, #fff 32%, #000 0%, #000);
         z-index: 1;}  
         
.skos {position: absolute;
       width: 101px;
       height: 100px;
       left: 32%;
       top: 0;
       margin-left: -100px;
       z-index: 20; }
      
       
.skos img {width: 100%;}                   
    
.logo {padding: 20px 0 0 0;
       width: 263px;
       float: left;}          
        

.logo img {width: 100%;}

.search {position: absolute;
         right: 20px;
         top: 42px;}


.menu-phone {float: right;
             padding-right: 30px;} 

                

.menu-phone ul {display: inline-block;}

.menu-phone ul li {display: inline-block;
                    text-transform: uppercase;} 

.menu-phone ul li a {font-size: 20px;
                      color: #fff;
                      font-weight: 500;
                      display: block;
                      padding: 40px 40px 26px 40px;
                      border-bottom: 10px solid rgba(254, 187, 18, 0);
                      transition: all .3s ease .15s;} 
                      
.menu-phone ul li a:hover,
.menu-phone ul li.current-menu-item a { border-bottom: 10px solid rgba(254, 187, 18, 1);}  

.menu-phone ul li.current-menu-item.menu-item-61 a {border: none;}
                      
                         


.slider {margin-top: 100px;
         z-index: 2;
         width: 100%;
         background: url(img/parallax_TOP.jpg) no-repeat center;
         background-position: 50% 50%;
         background-size: cover;
         height: 384px;
         padding-top: 108px;} 
         
.slider-text-container {width: 100%;
                        text-align: center;
                        font-size: 113px;
                        font-weight: 800;
                        color: #fff;
                        letter-spacing: -3px;
                        line-height: 65px;
                        text-transform: uppercase;}
                        
.slider-text-container .span1 {font-size: 72px;
                               font-weight: 400;}                        
.oferta-box-over-container {width: 100%;
                        clear: both;
                        background: url(img/bg_sekcjaliczniki.jpg) no-repeat center;
                        background-size: cover;
                        background-attachment: fixed;
                        position: relative;
                        padding: 40px 0 45px 0;
                        color: #fff;}

.oferta-box-container {width: 1088px;
                       margin: 0 auto;}

.oferta-box {overflow: hidden;
             position: relative;
             width: 272px;             
             text-align: center;
             display: block;
             float: left;
             padding-bottom: 35px;}



.oferta-box span {display: block;}

.liczba {font-size: 63px;
         font-weight: 800;
         line-height: 67px;
         padding-top: 15px;}

.text {font-size: 20px;}


.home-onas {width: 100%;
             max-width: 1220px;
             margin: 0 auto;
             padding: 0 20px;
             font-size: 20px;
             font-weight: 300;
             line-height: 30px;
             clear: both;}


.home-onas b {font-weight: 700;}


.dl-container {width: 100%;
                 clear: both;
                 display: flex;
                 justify-content: center;
                 flex-wrap: wrap;
                 background: #242424;}


.dl {width: 50%;}

.box-left {padding: 40px 65px 0 0;}

.box-left-inside {background: url(img/tachimetr.jpg) top right;
                  background-size: cover;
                  width: 100%;
                  height: 100%;}
            
.box-right {padding: 85px 0;}            
            
.right-text {width: 100%;
             float: left;
             max-width: 600px;
             color: #fff;
             padding-right: 20px;}            
            
.right-text p {font-size: 20px;
             font-weight: 300;
             line-height: 30px;}            
            
            
.right-text b {font-weight: 700;} 

.right-text .ngl {font-size: 45px;}           
            
            
                
/* teks z gradientem
h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}*/



.kontakt-box-container {width: 100%;
                        overflow: hidden;
                        clear: both;
                        margin: 0 auto;
                        background: url(img/footer_parallax.jpg) center no-repeat;
                        background-size: cover;
                        background-attachment: fixed;
                        padding: 45px 0 30px 0;}


.kontakt-box {width: 840px;
              margin: 0 auto;
              padding: 0 20px;}


.kontakt-box .f-left {width: 400px;
                      text-align: right;
                      font-size: 22px;
                      color: #fff;}
                      
.kontakt-box .f-left a {color: #fff;
                         display: block;
                         font-weight: 700;}
                         
.kontakt-box .f-left p {margin: 20px 0;}                         

                 

.kontakt-box .f-right {width: 370px;}


.kontakt-box .f-right input[type='email'],
.kontakt-box .f-right input[type='tel'],
.kontakt-box .f-right input[type='text'] {width: 100%;
                                           box-sizing: border-box;
                                           border: 1px solid #fff;
                                           background: rgba(255, 255, 255, 0);
                                           height: 40px;
                                           padding: 0 24px;
                                           margin-bottom: 17px;
                                           font-size: 17px;
                                           color: #fff;}


.kontakt-box .f-right textarea {width: 100%;
                                   box-sizing: border-box;
                                   border: 1px solid #fff;
                                   background: rgba(255, 255, 255, 0);
                                   height: 148px;
                                   padding: 15px 24px;
                                   margin-bottom: 17px;
                                   font-size: 16px;
                                   color: #fff;}


.kontakt-box .f-right input[type='submit'] {width: 100%;
                                           box-sizing: border-box;
                                           border: none;
                                           background: #FEBC10;
                                           height: 40px;
                                           color: #000;
                                           font-size: 16px;
                                           cursor: pointer;}
                                           
.kontakt-box .f-right ::-webkit-input-placeholder {color:#fff;
                                      opacity:  0.8;
                                      font-size: 16px;
                                      font-weight: 300;}

.kontakt-box .f-right :-moz-placeholder {color:#fff;
                                      opacity:  0.8;
                                      font-size: 16px;
                                      font-weight: 300;}

.kontakt-box .f-right ::-moz-placeholder {color:#fff;
                                      opacity:  0.8;
                                      font-size: 16px;
                                      font-weight: 300;}

.kontakt-box .f-right :-ms-input-placeholder {color:#fff;
                                      opacity: 0.8;
                                      font-size: 16px;
                                      font-weight: 300;}  

div.wpcf7-validation-errors {color: #fff;}

                        
/*BUTTON*/   

.menu-button {
  position: absolute;
  top: 15px;
  right: 10px;
  background: transparent;
  display: none;
  padding: 10px 10px;
  cursor: pointer;}
  
  
.menu-button:focus {outline: none;}

.menu-button .menu-ico {display: block;
                       width: 40px;
                        height: 7px;
                         background: #fff;}
                         
                         
.menu-button .menu-ico + .menu-ico { margin-top: 7px;} 

/*******realizacje*********/

.akt-container {width: 100%;
                clear: both;
               background: url(img/tlo.jpg) top center no-repeat;
               background-size: cover;
                background-attachment: fixed;
                padding: 65px 0 0 0;
                overflow: hidden;}

.akt-ngl {display: block;
           text-align: center;
           font-size: 45px;
           font-weight: 600;
           position: relative;
           padding-bottom: 12px;
           color: #fff;}

                
/* teks z gradientem
h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}*/


.akt-boxes {display: flex;
            justify-content: left;
            flex-wrap: wrap;
            width: 100%;
            max-width: 1500px;
            margin: 0 auto;
            padding: 40px 25px 20px 25px;}

.akt-box {width: 29%;
          margin: 0 2% 40px 2%;
          position: relative;}
          
.img-box {width: 90%;
          position: relative;
                z-index: 1;}

.img-box img {width: 100%;} 

.zajawka-box { width: 90%;
                float: right;
                margin-top: -100px;
                position: relative;
                z-index: 10;}
              
                            
.data {display: block; 
       font-size: 12px;
       background: #FEBC10;
       padding: 4px 0;
       width: 96px;
       text-align: center;
       font-weight: 600;}  
       
.zajawka-box-inside {background: #181818;
                     padding: 15px 20px;
                     font-size: 19px;}                   

.zajawka-box-inside a {color: #fff;}

.zajawka-box-inside h2 {font-size: 19px;
                         margin: 0;
                         font-weight: 900;
                          text-transform: uppercase;}


/**********pagination***********/
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #5E5E5E;
	border-radius: 3px;
	cursor: pointer;
	padding: 4px 8px;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #424242;
}

.navigation ul {padding: 0;}

.navigation {display:flex;
        justify-content:center;

        display:-webkit-flex;
        -webkit-justify-content:center;
          padding: 15px 0 35px 0;}

.single-news {width: 100%;
              max-width: 1240px;
              margin: 0 auto;
              padding: 0 20px 65px 20px;
              color: #fff;
              overflow: hidden;
              position: relative;}

.szukajka {position: absolute;
           width: 100%;
           max-width: 600px;
           top: 100px;
           left: 50%;
           margin-left: -300px;
           background: #000;
           display: none;
           padding: 10px;}

.szukajka input[type='text'] {width: calc(100% - 100px);
                                           box-sizing: border-box;
                                           border: 1px solid #fff;
                                           background: rgba(255, 255, 255, 0);
                                           height: 40px;
                                           padding: 0 24px;
                                           font-size: 17px;
                                           color: #fff;}



.szukajka input[type='submit'] {width: 90px;
                                box-sizing: border-box;
                                border: none;
                                background: #FEBC10;
                                height: 40px;
                                color: #000;
                                font-size: 16px;
                                float: right;
                                cursor: pointer;}


.home-onas a {color: #fff;
              font-weight: 600;}

.grecaptcha-badge { visibility: hidden; }

.captcha {font-size: 8px;}

.captcha a {color: #fff;}

.szukaj-box {width: 50%;
             float: left;
             padding: 0 25px;}

.szukaj-box .zajawka-box {margin: 0; 
                          width: 100%;}

.szukaj-box .zajawka-box .zajawka-box-inside {background: none;}

.single-foto-lewa {width: 35%;
                   float: left;
                   margin: 0 20px 10px 0;}

.single-foto-lewa img {width: 100%;}

.data-single {font-size: 15px;
              color: rgba(255, 255, 255, 0.7);}

.single-text-bottom {clear: both;}

.onas-foto {width: 35%;
            float: left;
            margin: 0 20px 10px 0;}

.onas-foto p {margin: 0;}

.onas-foto img {width: 100%;}

#gallery-1 img {border: none!important;}

.single-news ul li {padding: 4px 0 4px 25px;
                    position: relative;}

.single-news ul li:before {content: '';
                           display: block;
                           width: 4px;
                           height: 4px;
                           position: absolute;
                           background: rgba(254, 187, 18, 1);
                             top: 14px;
                             left: 7px;
                             border-radius: 50%;
                             -moz-border-radius: 50%;
                             -webkit-border-radius: 50%;}



.s-col1 {width: 430px;
         padding: 15px 15px 0 0;
         float: left;
         position: relative;
              z-index: 10;}


.uslugi-right {width: 40%;
               position: absolute;
               top: 0;
               right: 0;
               z-index: 1;}

.uslugi-right img {width: 100%;}

.uslugi-text {padding-right: 30%;
              position: relative;
              z-index: 10;}

#gallery-1 .gallery-item {width: 25%!important;
                           padding: 10px!important;
                           margin: 0!important;
                           box-sizing: border-box;}

#gallery-1 .gallery-item img {width: 100%;}

#gallery-1 br {display: none;}

.wpcf7-response-output {color: #fff;}