html { font-size: 62.5%; } 

body { font-size: 14px; font-size: 1.4rem;

	font-family: 'Lato',sans-serif; background-color: #f9f9f9;font-weight: 400;} /* =14px */





a,a:hover,a:focus,a:active{text-decoration: none;}

/*animacje*/

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}


@keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Firefox < 16 */

@-moz-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Internet Explorer */

@-ms-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



/* Opera < 12.1 */

@-o-keyframes fadein {

    from { opacity: 0; }

    to   { opacity: 1; }

}



@keyframes left {

    from { left: -2000px; }

   

}



/* Firefox < 16 */

@-moz-keyframes left {

    from { left: -2000px; }

   

}



/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes left {

   from { left: -2000px; }

   

}



/* Internet Explorer */

@-ms-keyframes left {

    from { left: -2000px; }

  

}



/* Opera < 12.1 */

@-o-keyframes left {

    from { left: -2000px; }

  

}



@keyframes right {

    from { right: -2000px; }

   

}



/* Firefox < 16 */

@-moz-keyframes right {

    from { right: -2000px; }

  

}



/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes right {

   from { right: -2000px; }

   

}



/* Internet Explorer */

@-ms-keyframes right {

    from { right: -2000px; }

   

}



/* Opera < 12.1 */

@-o-keyframes right {

    from { right: -2000px; }

   

}

.hovereffect:hover a.info{padding: 5px 50px;}

.hvr-rectangle-out {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

 

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.hvr-rectangle-out:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #c7d41f;

  -webkit-transform: scale(0);

  transform: scale(0);

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {

  color: white;

}

.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {

  -webkit-transform: scale(1);

  transform: scale(1);

}





.hvr-bounce-to-right {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

}

.hvr-bounce-to-right:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #3c3c3b;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 0 50%;

  transform-origin: 0 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {

  color: white;

}

.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}





















h1{font-size: 2rem;}

h2{font-size: 1.8rem;}

h3{font-size: 1.6rem;}



.form-control{border-radius: 0;border:0;height:50px;}



.info .number{display: inline-block;color:#333;font-size: 1.5rem;}







.logo a{ background: url(../img/logo.png) no-repeat;

  background-image: url(../img/logo.svg),none;

display: inline-block;width:300px;height: 90px;background-size: contain;}

.logo {text-align: center;}





img{max-width: 100%;height: auto;}



.header{text-align: center;}



.contact{text-align: center;}



.top{padding: 40px 0;}

.info{display: inline-block;text-align: left;margin-left: 10px;}



.info span,.info .fa{color:#d9d9d9;}

.info .fa{margin: 0 10px;}



.intro{display: inline-block;

    vertical-align: middle;

    line-height: normal;

    width: 100%;}



.header h1{font-weight: 300;background-color: #fff;text-align: center; padding: 10px 15px;   -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */

       -moz-animation: fadein 2s; /* Firefox < 16 */

        -ms-animation: fadein 2s; /* Internet Explorer */

         -o-animation: fadein 2s; /* Opera < 12.1 */

            animation: fadein 2s;}

.header p{color:#fff;text-align: center;font-size: 1.4rem;padding: 10px 0;}



.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul,.dl-menuwrapper button{background-color: #c7d41f;}

.dl-menuwrapper{z-index: 9999;}



.more,.submit{border:1px solid #c7d41f;padding: 15px 80px; color:#c7d41f;margin-top: 20px;margin-bottom: 20px;}

.submit{border:0;color:#fff;background-color: #c7d41f;}

.more:hover{}



.boxes{padding-top: 20px;background-color: #fff;padding-bottom: 20px;}

.boxes .fa{font-size: 5rem;}

.boxes h2{font-weight: 300;position: relative;padding-bottom: 20px;}

.boxes h2:after{content:"";width:100px;height: 5px;background-color: #c7d41f;position: absolute;left:50%;margin-left: -50px;bottom:0;}

.boxes {font-size: 1.4rem;font-weight: 400;line-height: 3rem;}

.projects h1{background:url('../img/h1-grey.png') no-repeat center left;}













section{padding-bottom: 20px;}

section h1{padding-left: 50px;background:url('../img/h1.png') no-repeat left center;font-weight: 300;padding:50px 0 50px 70px;}

section p{color:#767676;}



section.wind h1{color: #fff;background:none;padding: 0px;}

section.wind h3{color: #fff;background-color: #3c3c3b;padding: 20px;border-right:10px solid #c7d41f;font-weight: 300;display: inline-block;}



.slider .item{background-color: #fff;border:1px solid #c7d41f;font-size: 2.5rem;padding: 20px;color:#999;margin: 0 20px;text-align:center;font-weight: 300;}

.slider{margin-top: 30px;}

.slick-prev:before,.slick-next:before{content: "\f0d9";font-family: 'FontAwesome';color:#c7d41f;left:-1px;}

.slick-next:before{content: "\f0da";right:1px;}

.slick-prev,.slick-next{z-index: 9999;}

.slick-prev{left:-5px;}

.slick-next{right: -5px;}



.slider-projects .item{border:1px solid #ccc;margin:0 20px;max-width: 350px;overflow: hidden;}

.slider-projects .item span{display: block;text-align: center;padding: 10px;color:#333;}

.slider-projects .item span+span{background-color:#c7d41f;color:#fff; }





.foot{padding: 40px 0;}



.circles

 {

    display: table;

    margin: 20px auto;

text-align: center;

}



.circles div {

    display: table-cell;

    vertical-align: middle;

    border-radius: 50%;



   color: #fff;

  

    margin: 0 auto;

    text-align: center;

    background: #fff;

    width: 150px;

    height: 150px;

    font-weight: 300;

    color:#888;







}

.circles div:hover{

	cursor: pointer;

	-webkit-transition: all 1s ease-in-out;

  -moz-transition: all 1s ease-in-out;

  -o-transition: all 1s ease-in-out;

  transition: all 1s ease-in-out;

background:#c7d41f;color:#fff !important;



}

.circles div:hover .count{color:#fff;}



.circles .count{display: block;color:#c7d41f;font-size: 3rem;}







.copy{color:#777;background-color: #333;}

.copy p{padding: 20px 0;}







@media (min-width:768px) {

.circles div {

  

    width: 200px;

    height: 200px;

  







}

.circles .count{font-size: 4rem;}





.wind h3{position: relative;}

.wind h3:after{content: "";display: block;width:110px;height: 60px;background:url('../img/arrow.png') no-repeat;position: absolute;right:-150px;top:0;}



.form-control{font-size: 2rem;font-weight: 300;height:50px;}

	.squers{background:url('../img/squers.png') no-repeat;width:248px;height: 342px;position: absolute;top:-3px;left:-35px;-webkit-animation: left 2s; /* Safari, Chrome and Opera > 12.1 */

       -moz-animation: left 2s; /* Firefox < 16 */

        -ms-animation: left 2s; /* Internet Explorer */

         -o-animation: left 2s; /* Opera < 12.1 */

            animation: left 2s;}



.header h1{   

    padding: 20px 40px;text-align: center;display: inline-block;}

.header p{font-size: 1.6rem;position: relative;}

.header p:before,.header p:after{content: "[";font-size: 5rem;position: absolute;top:-10px;left:-10px;



-webkit-animation: left 2s; /* Safari, Chrome and Opera > 12.1 */

       -moz-animation: left 2s; /* Firefox < 16 */

        -ms-animation: left 2s; /* Internet Explorer */

         -o-animation: left 2s; /* Opera < 12.1 */

            animation: left 2s;



}

.header p:after{content: "]";right: -10px;left:auto;-webkit-animation: right 2s; /* Safari, Chrome and Opera > 12.1 */

       -moz-animation: right 2s; /* Firefox < 16 */

        -ms-animation: right 2s; /* Internet Explorer */

         -o-animation: right 2s; /* Opera < 12.1 */

            animation: right 2s;}



.header{    background-size: cover !important;

    background-position: 50% 50% !important;

    height: 655px;

line-height: 655px;

text-align: center;position: relative;overflow:hidden;}	

	.logo{text-align: left;}

.info{display: inline-block;}

.info .number{display: block;}

.contact{text-align: right;}

.info .fa{margin: 0px 10px 0 0;}





.nav{position: relative;top:64px;background-color: #fff;z-index: 9999;}

.nav-pills>li>a{border-radius: 0;padding: 20px 25px;background:#c7d41f;color:#fff;}





.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover,.nav>li>a:focus, .nav>li>a:hover{background-color: #c7d41f;}

.nav-pills>li+li{margin-left: 1px;}







.nav .submenu{position: absolute;background-color: #fff;z-index: 9999;list-style: none;padding-left: 0;text-align: left;display: none;}

.nav .submenu li{border-bottom: 1px solid #ccc;}

.nav .submenu li:last-child{border-bottom: 0;}

.nav .submenu a{padding: 20px 25px;display:block;color:#333;}

.nav .submenu a:hover{background-color: #333;color:#fff;}

.nav li:hover ul.submenu{display: block;  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */

       -moz-animation: fadein 2s; /* Firefox < 16 */

        -ms-animation: fadein 2s; /* Internet Explorer */

         -o-animation: fadein 2s; /* Opera < 12.1 */

            animation: fadein 2s;}



h1{font-size: 4rem;}

h2{font-size: 3.6rem;}

h3{font-size: 2.4rem;}



}



@media (min-width:1200px) {

   

}



@media (min-width:992px) { 



}



@media (min-width:1200px) {



}



@media (min-width:1400px) {



}





@media only screen and (max-width: 480px) {

.logo a{width: 250px;}

}





@media screen and (max-width: 500px){



}





@media

only screen and (-webkit-min-device-pixel-ratio: 2),

only screen and (   min--moz-device-pixel-ratio: 2),

only screen and (     -o-min-device-pixel-ratio: 2/1),

only screen and (        min-device-pixel-ratio: 2),

only screen and (                min-resolution: 192dpi),

only screen and (                min-resolution: 2dppx) { 

 section h1{background-size:43px; }

 section.projects h1{background-size:43px; }

  

}