.page_header_wrapper {background-color: #fcc403; height: auto;}
  .grow { transition: all .2s ease-in-out;
    }
.grow:hover { transform: scale(1.1);-webkit-transform: scale(1.1);
     }


    .hvr-bounce-in {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
      }
      .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition-timing-function: cubic-bezier(0.5, 2.1, 0.4, -0.4);
        transition-timing-function: cubic-bezier(0.5, 2.1, 0.4, -0.4);
      }
      
      /* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
      -webkit-transform: translateX(8px);
      transform: translateX(8px);
    }
    33.3% {
      -webkit-transform: translateX(-6px);
      transform: translateX(-6px);
    }
    49.95% {
      -webkit-transform: translateX(4px);
      transform: translateX(4px);
    }
    66.6% {
      -webkit-transform: translateX(-2px);
      transform: translateX(-2px);
    }
    83.25% {
      -webkit-transform: translateX(1px);
      transform: translateX(1px);
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
  @keyframes hvr-wobble-horizontal {
    16.65% {
      -webkit-transform: translateX(8px);
      transform: translateX(8px);
    }
    33.3% {
      -webkit-transform: translateX(-6px);
      transform: translateX(-6px);
    }
    49.95% {
      -webkit-transform: translateX(4px);
      transform: translateX(4px);
    }
    66.6% {
      -webkit-transform: translateX(-2px);
      transform: translateX(-2px);
    }
    83.25% {
      -webkit-transform: translateX(1px);
      transform: translateX(1px);
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
  .hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }
  
  /* Grow Rotate */
.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
  }
  .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
    -webkit-transform: scale(1.1) rotate(5deg);
    transform: scale(1.1) rotate(5deg);
  }
  
  
.realizacje {padding-right: 12px; padding-left: 12px;}
  .en-mail {margin-top: 0px !important;}

  
section#dofinansowanie img {max-height: 200px;}
section#dofinansowanie div.col-md-2 {padding-right: 0px !important;}
@media only screen and (max-width: 600px) {
  section#dofinansowanie img {max-width: 250px;margin: auto !important;}
}


/*video*/


  /*po zmanie logo*/
/*menubar*/
.cs,.page_header_wrapper {background-color: #008dd2;}
.nav > li > a, .nav > li > a:hover {color: #ffffff !important;}
/* square next to logo with phone and mail*/
.response, .highlight {border-color: #008dd2;}
.ls .highlight {color: #008dd2;}
/* obramowanie naglowkow*/
.with_corners:before, .with_corners:after, .cornered-heading:before, .cornered-heading:after {border-color:  #008dd2;}
/*buttons*/
.ls .theme_buttons.color1 a, .ls .theme_button.color1 {background-color: #008DCF;color: #fff;}
.ls .theme_buttons.color1 a, .ls .theme_button.color1:hover {background-color: #008DCF;opacity: 0.9;color: #fff!important;box-shadow:-webkit-box-shadow: 0px 1px 8px 0px rgba(133,113,133,1);
  -moz-box-shadow: 0px 1px 8px 0px rgba(133,113,133,1);
  box-shadow: 0px 1px 8px 0px rgba(133,113,133,1);}
/*to top*/
  a#toTop {background-color: #008DCF;}
/*panele kompleksowa obsluga*/
  p.text-uppercase.raleway.bold.darklinks.bottommargin_0 a:hover {color:  #008dd2;}

  .flaticon-solar-panel:before,.flaticon-signal:before, .flaticon-renewable-energy:before, .flaticon-plug:before { color: #008dd2;}

  /*Linki hover*/
  body a:hover  {color:  #008dd2 !important;}

  /*przycisk realizacje*/
  .theme_buttons.color1 a, .theme_button.color1 {background-color: #008dd2;border-color: #fff; color: #fff !important;}
  .theme_buttons.color1 , .theme_button.color1:hover {border-color: #008dd2;}
a.p-view.prettyPhoto {background-color: #008dd2;}

.brands {background-color:  #eee;}

.service-teaser:hover i.fa,
.service-teaser:hover a {
  color: #008dd2;
}

p.duze {font-size: 22px;}



.nadole {
  display: flex;
  
  padding-top: 20px;
}
div.f3 {margin-left:auto;}
div.f1,
div.f2,
div.f3,
div.f4 {padding-left: 10px; padding-right: 10px;}



@media screen and (max-width: 780px) {
  .nadole {
      display: flex;
      flex-direction: column;

  }

.mob {margin-bottom: 10px;}
  div.f1,
  div.f2,
  div.f3,
  div.f4 {
      display: flex;
      justify-content: center;
      text-align: center;
  }
  div.f1{order: 2;}
  div.f2{order: 1;}
  div.f3{order: 3;}

  .f3{margin: auto;}

}


footer {
  line-height: 170%;
  padding: 0px;
  overflow: hidden;
  border-top: 1px solid #ccc !important;

}


footer a {
  color: #999;

}

section#dofinansowanie img {margin: auto;}



video {
  width: 100%;
  height: 100%; 
  }

  video[poster] {
    width: 100%;
    height: 100%; 
    }