body {background:#fff; margin:0; padding:0; text-align:center; color:#636467; font-family:Calibri, Arial, Verdana, sans-serif; font-size:16px;}

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}

/* clear float */
.clear {clear:both; height:0; font-size:1px; line-height:0px;}

/* common styles */
img {border: 0;}
.report {
        cursor: pointer;
        transition: -webkit-transform 0.1s ease
        }
.active{
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
	-o-transform: scale(2);
    -moz-transform: scale(2);
	transform: scale(2);
	height: 100%;
	margin-top: 150px;
}
.scroll-to-top {position: fixed; 
background:url(../img/arrup.png) no-repeat; 
cursor: pointer; 
width:47px; 
height: 47px; 
top:47%;
left:0;
display: none; 
z-index: 999; }

/* main container */
#container {width:100%;}

/* header 
#header {width: 100%; height:95px;overflow: hidden;position: fixed; background:url("../img/menubig.png") repeat-x top; top: 0;left: 0; z-index: 999; opacity:0.8; -webkit-transition: height 0.3s;-moz-transition: height 0.3s;-ms-transition: height 0.3s;-o-transition: height 0.3s;transition: height 0.3s;}
#header .navigation {display: inline-block; list-style-type:none;}
#header .navigation li {cursor:pointer;float:left; font-weight:bold; text-transform:uppercase; line-height:90px; height:91px; font-family: Code-Pro-Light;  margin-left: 20px;color: #000;font-size:16px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#header .navigation li:hover, #header .navigation li.active {cursor:pointer; border-bottom:4px solid #0095da;}
#header .navigation li span {padding:0 0 4px 0;}
#header.smaller {height:81px; background:url("../img/menusmall.png") repeat-x top}
#header.smaller .navigation li {height:77px; line-height:77px;}
*/

#logo {padding:420px 0 0 0;}
#logo img {max-width:100%;}

.wrapper {margin:0 auto; background:#fff; padding:40px 0; border-bottom:2px dotted #a7a9ac; overflow:hidden}
.contentbox {background:#fff; width:780px; height:auto; margin:0 auto;}
.contentbox h2 {font-weight:normal; color:#636467; font-size:40px; padding:0 0 20px 0; text-transform:uppercase; font-family: Code-Pro-Light;}
.contentbox p {text-align:justify; color:#636467; line-height:180%;}
.contentbox .lefts {float:left; width:30%;}
.contentbox .rights {float:right; width:60%;}
.contentbox .lefts h3 {font-weight:normal; color:#636467; font-size:50px; text-transform:uppercase; text-align:left; font-family: Code-Pro-Light;}
.contentbox .lefts h3 span {display:block; font-size:90px}
.contentbox .col {float:left; width:33%;}
.contentbox .col h4 {font-weight:bold; font-size:25px; color:#000;font-family: Code-Pro-Light; text-transform:uppercase;}
.contentbox .col h4 strong {font-size:43px;}
.contentbox .col p {text-align:center;font-family: Arial; text-transform:uppercase; padding:10px 0 0 0; line-height:140%;}
.contentbox2 {background:#fff; width:980px; height:auto; margin:0 auto; overflow:hidden;}
.contentbox2 h2 {font-weight:normal; color:#636467; font-size:40px; padding:10px 0 30px 0; text-transform:uppercase;font-family: Code-Pro-Light;}
.contentbox2 .partners {list-style-type:none; overflow:hidden; padding:45px 0;}
.contentbox2 .partners li {float:left; width:25%;}
.contentbox2 .partners li img {max-width:100%;}
.bgcontent {margin:0 auto; padding:60px 0;}
.bgcontent  h2 {color:#fff;  font-weight:normal; font-size:40px; text-transform:uppercase; font-family: Code-Pro-Light;}
.bgcontent2 {width:100%; background:url(../img/transparent.png) repeat-x bottom;}
.bgcontent2 .wrapper2 {margin:0 auto; padding:60px 0; width:800px}
#slide6 .bgcontent2 .wrapper2 {padding:70px 0 40px 0;}
.bgcontent2  h2 {color:#fff; padding:420px 0 20px 0; font-weight:normal; font-size:40px; text-transform:uppercase;font-family: Code-Pro-Light;}
.bgcontent2 p {text-align:justify; color:#fff; line-height:180%;}
.bgcontent3 {width:100%}
.bgcontent3 img {max-width: 100%;}
.bgcontent3 .wrapper2 {margin:0 auto; padding:0; min-height:300px; position:relative}
.bgcontent3  h2 {color:#d3d8dc; position:absolute; top:40%; left:50%; margin-left:-66px; font-weight:normal; font-size:40px; text-transform:uppercase; z-index:100}
.bgcontent  h2.h2extrapadding {padding:120px 0;}

/* team */
.team-member {padding:0 0 40px 0; float:left; width:46%;}
.team-memberright {float:right;}
.team-member h4 {text-transform:uppercase; font-weight:normal; color:#000; padding:15px 0 35px 0;font-family:Arial;}
.team-member h4 span {display:block; font-weight:normal; color:#636467; padding:9px 0 0 0;}
.team-member p {padding:0 0 20px 0; font-size:16px; text-align:justify}

/* contact */
.contactslide {color:#fff; width:840px; margin:0 auto;}
.contactslide .col {float:left; width:33%;}
.contactslide a.amail {background:url(../img/mail.png) no-repeat 0 2px; padding:5px 0 5px 39px; text-decoration:none; color:#fff;}
.contactslide p.phonenr {background:url(../img/phone.png) no-repeat 0 0; padding:5px 0 5px 37px; text-align:left;}

/* usługi */
/*#uslugi {position:relative; background:url(../img/slide7.png) no-repeat center; max-width:100%;  height:686px;  overflow:hidden; margin:0 auto;}*/
#uslugi {position:relative; max-width:100%;   overflow:hidden; margin:0 auto;}
#uslugi span.item1 {position:absolute; color:#fff; font-size:14px; left:12%; top:14%;}
#uslugi span.item2 {position:absolute; color:#fff; font-size:14px; left:40%; top:14%;}
#uslugi span.item3 {position:absolute; color:#fff; font-size:14px; left:79%; top:14%;}
#uslugi span.item4 {position:absolute; color:#fff; font-size:14px; left:5.5%; top:38%;}
#uslugi span.item5 {position:absolute; color:#fff; font-size:14px; left:48%; top:25%;}
#uslugi span.item6 {position:absolute; color:#fff; font-size:14px; left:75%; top:25%;}
#uslugi span.item7 {position:absolute; color:#fff; font-size:14px; left:86%; top:43.4%;}
#uslugi span.item8 {position:absolute; color:#fff; font-size:14px; left:13%; top:62%;}
#uslugi span.item9 {position:absolute; color:#fff; font-size:14px; left:27%; top:55%;}
#uslugi span.item10 {position:absolute; color:#fff; font-size:14px; left:61%; top:64%;}
#uslugi span.item11 {position:absolute; color:#fff; font-size:14px; left:47%; top:75%;}
#uslugi span.item12 {position:absolute; color:#fff; font-size:14px; left:21%; top:84%;}

/* slides */
.slide {background-attachment:fixed; text-align:center; width:100%; height:100%; position: relative; /*margin-bottom:20px;*/ border-bottom:20px solid #fff;}

#slide1 {/* w mniejszej rozdzielczosci dodac !important do center */ background: url(../img/slide1.jpg) no-repeat center center fixed; background-position:center !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:968px;}
#slide2 {background:#fff;}
#slide3 {background-image:url(../img/slide2.jpg); background-position:center !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#slide3 .contentbox {width:900px;}
#slide3 .wrapper {width:100%;}
#slide4 {background-image:url(../img/slide3.jpg); background-position:center !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#slide5 {background-image:url(../img/slide5.jpg); background-position:center !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#slide6 {background-image:url(../img/slide6.jpg); background-position:center !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#slide7 {background:#476478; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#slide8 {padding:0; background:#fff;}
#slide10 {background:#a7a9ac;}
#slide10 .bgcontent {margin:0 auto; padding:60px 0 160px 0; margin:60px 0 60px 0;}
#slide10 .bgcontent  h2 {padding:80px 0 50px 0;}
#slide8 .copy {text-align:center; font-size:11px; padding:20px 0;}
#slide11 .contentbox {width:1100px; padding:15px 0;}

/* cookies bar */
.cookies_alert {display:none; font-size:12px;line-height:150%;width:100%; position:fixed; bottom:0; left:0; background:#fff; border-top:3px solid #000;}
.cookies_alert .cmessage {width:100%; margin:0 auto; padding:10px 0;}
.cookies_alert .cmessage a {color:#000; text-decoration:underline;}

/* referencje */
.remodal-1 {background:url("../img/logos/cemet-tlo.jpg") no-repeat center; background-size:cover}
.remodal-2 {background:url("../img/logos/loconi-tlo.jpg") no-repeat center; background-size:cover}
.remodal-3 {background:url("../img/logos/tor-tlo.jpg") no-repeat center; background-size:cover}
.remodal-4 {background:url("../img/logos/torpol-tlo.jpg") no-repeat center; background-size:cover}
.remodal .greybox {background:#fff; opacity:0.8; text-align:left; padding:30px; width:50%; position:absolute; bottom:50px;}
.remodal .greybox h3 {padding-bottom:20px;}
.remodal .greybox p {padding-bottom:15px;}

/* media queries */
@media screen and (max-width: 900px) {
#container {overflow:hidden;}
.contentbox {width:90%;}
.contentbox2 {width:90%;}
.contentbox .lefts h3 {font-size:40px;}
.contentbox .lefts h3 span {font-size:70px}
.bgcontent2 {width:100%;}
.contactslide {width:90%;}
#slide3 .contentbox, #slide11 .contentbox {width:90%;}
.bgcontent2 .wrapper2 {width:90%;}
}
@media screen and (max-height: 780px) {   
#logo {padding:320px 0 0 0;}
.bgcontent2  h2 {padding:200px 0 20px 0;}
.bgcontent  h2.h2extrapadding {padding:70px 0; font-size:35px;}
}
@media screen and (max-width: 700px) {    
.bgcontent2 {width:100%; background:url(../img/transparent.png) repeat bottom;}
.team-member {float:none; width:100%;}
.team-memberright {float:none;}
}
@media screen and (max-width: 600px) {
.contentbox .lefts h3 {font-size:28px;}
.contentbox .lefts h3 span {font-size:50px}
.bgcontent  h2 {font-size:30px;}
.contentbox .col h4 {font-size:20px;}
.contentbox .col p {font-size:13px;}
.bgcontent2 h2 {font-size:34px; padding:460px 0 20px 0;}
.remodal .greybox {width:64%;}
}



/*** Stylio animations ***/

@keyframes afl{
        from{opacity:0;transform:translateX(-100px);}
        to{opacity:1;transform:translateX(0);}
}

@-webkit-keyframes afl {
        from { opacity:0;-webkit-transform:translateX(-100px);}
        to { opacity:1;-webkit-transform:translateX(0);}
}

.animate_afl {opacity:0;}
.animate_afl.animate_start {-webkit-animation:0.8s cubic-bezier(1,0,0,1) afl;animation:0.8s cubic-bezier(1,0,0,1) afl;opacity:1 !important;} 

@keyframes afb{
        from{opacity:0;transform:translateY(100px);}
        to{opacity:1;transform:translateY(0);}
}

@-webkit-keyframes afb{
        from{opacity:0;-webkit-transform:translateY(100px);}
        to{opacity:1;-webkit-transform:translateY(0);}}
.animate_afb{opacity:0;}
.animate_afb.animate_start{-webkit-animation:0.8s cubic-bezier(1,0,0,1) afb;animation:0.8s cubic-bezier(1,0,0,1) afb; opacity:1 !important;} 

@keyframes afr {
        from{opacity:0;transform:translateX(100px);}
        to{opacity:1;transform:translateX(0);}
}
@-webkit-keyframes afr{
        from{opacity:0;-webkit-transform:translateX(100px);}
        to{opacity:1;-webkit-transform:translateX(0);}
}
.animate_afr{opacity:0;}
.animate_afr.animate_start{-webkit-animation:0.8s cubic-bezier(1,0,0,1) afr;animation:0.8s cubic-bezier(1,0,0,1) afr; opacity:1 !important;}

@keyframes aft{
        from{opacity:0;transform: translateY(-100px);}
        to{opacity:1;transform: translateY(0);}
}
@-webkit-keyframes aft{
        from{opacity:0; -webkit-transform: translateY(-100px);}
        to{opacity:1; -webkit-transform: translateY(0);}
}
.animate_aft{opacity:0;}
.animate_aft.animate_start{-webkit-animation:0.8s cubic-bezier(1,0,0,1) aft;animation:0.8s cubic-bezier(1,0,0,1) aft;opacity:1 !important;}	

.animate_aftp{opacity:0;}
.animate_aftp.animate_start{ -webkit-animation-duration: 1s;-webkit-animation-timing-function: linear; opacity:1 !important;}

@keyframes afc{
        from{opacity:0;transform:scale(0.2);}
        to{opacity:1;transform:scale(1);}}
@-webkit-keyframes afc{
        from{opacity:0;-webkit-transform:scale(0.2);}
        to{opacity:1;-webkit-transform:scale(1);}}
.animate_afc{opacity:0;}
.animate_afc.animate_start{-webkit-animation:0.8s cubic-bezier(1,0,0,1) afc;animation:0.8s cubic-bezier(1,0,0,1) afc;opacity:1 !important;}