/* info
--------------------------------------------------------
	Start:	6.3.2015.
	Name: 	Co2cut
	Author:	BozooArt, www.bozooart.com
*/

/* Colors
----------------------------------------------- 

#7b9a3d = green */


/* Reset 
----------------------------------------------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body { line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul { list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
ol, ul { list-style: none;  }
h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; font-family: "Roboto", sans-serif; }

a { color: #6dcef; text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { clear: both; }
.block { display: block; }
.alpha { padding-left: 0;  }
.center img {  margin: 0 auto;   }
.right { text-align: right;  }

small { font-size: 75%;  }



/* General
----------------------------------------------- */

body { font: 16px/1.6em 'Roboto', Arial, Helvetica, sans-serif; color: #666; text-align: left; overflow-x: hidden; background: #7b9a3d;   }
body.home { background: #7b9a3d;  } 

html,
body { height:100%; }


.main-image { margin-top: -20px; background: url(../images/main.png) no-repeat center 0; height: 284px; position: relative; z-index: 1; }
#main { background: url(../images/street.png) repeat-x; margin-top: -19px; position: relative; z-index: 1; }
#cityscape { background: #fff;  }



#logo { text-align: center;  }
#logo img { margin: 0 auto; display: block; width: 378px; position: relative; z-index: 1000; }


#header { background: #fff;  }

.modal-header { background: #7b9a3d; color: #fff; font-size: 24px; text-transform: uppercase;    }
.modal-body { padding-bottom: 20px; font-size: 14px; padding: 0 5% 40px; line-height: 1.8em;     }
.modal-body h3 {  font-size: 20px; margin: 20px 0; font-weight: bold; text-transform: uppercase; line-height: 1.4em;   }
.modal-body h4 {  margin-bottom: 5px; font-size: 17px; font-weight: 700;  border-bottom: 1px solid #f2f2f2; padding-bottom: 5px; line-height: 1.4em;    }
.close { font-size: 40px; margin-top: -5px !important;  }
.project-set {  }
.modal-text { padding: 40px 0 0;  }

#nav { padding: 10px 0 }
#nav li { display: inline; margin-left: 5px;   }
#nav li a { text-transform: uppercase; font-size: 13px; color: #999; padding: 8px 10px; border-radius: 4px; 
 transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -o-transition: all .5s ease-in-out;  }
#nav li a:hover,
#nav li.active a {  background: #7b9a3d; color: #fff; }

#services { padding: 50px 0; color: #3c4f14;  }
 
.service img  { margin: 0 auto 50px; position: relative; display: block; z-index: 1000; transition: transform 2s ease-in-out; -webkit-transition: -webkit-transform 2s ease-in-out; -moz-transition: -moz-transform 5s ease-in-out; -o-transition: -o-transform 3s ease-in-out; } 
.service img:hover { -webkit-transform: translate(0,-47px); -o-transform: translate(0,-600px); -moz-transform: translate(0,-600px); }
.service h2 { color: #fff; text-transform: uppercase; font-weight: 900; font-size: 26px; text-shadow: 0 1px 0 #719626; margin-bottom: 10px; border-bottom: 1px solid #8cac4b; padding-bottom: 10px;   }
.service-lead {  margin-bottom: 20px; font-weight: 300; text-align; color: #1f2a07;   }
.more { font-size: 15px; font-weight: 300; letter-spacing: .1em; word-spacing: .5em; text-transform: uppercase;  background: #5a7524; color: #fff;  width: 180px; display: inline-block; text-align: center; padding: 10px 0; border-radius: 4px; box-shadow: 0 2px 0 #303f10;
 transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;  -o-transition: all .5s ease-in-out;  } 
.more:hover,
.more:focus { background: #fff; color: #5a7524;   }  
#page a.more { 
color: #fff;   } 
#page a.more:hover,
#page a.more:focus { background: #fff; color: #5a7524;   }  
.content ul { margin: 20px 40px;  }
.content li { list-style-type: disc; margin-bottom: 20px;  }

.big-btn { width: 300px; }
.big-btn:hover { background: #303f10; color: #fff;   }

#footer { color: #5a7524; padding: 10px 0 20px 0; border-top: 1px solid #5a7524; font-size: 14px; background: #7b9a3d;  }
#footer a { color: #5a7524; border-bottom: 1px solid #5a7524 }
#footer a:hover { color: #fff;  }
#footer span:after { content:''; margin: 0 5px 0 10px; font-size: 20px; position: relative; top: 2px;   }

.ask { position: absolute; z-index: 1000; width: 25px; height: 25px; text-align: center;  color: #444;  font-weight: 500; border-radius: 50%; }
.ask a { color: #7b9a3d; display: block; width: 25px; height: 25px;   transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;  -ms-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out; border-radius: 50%; }
.ask a:hover { background: #7b9a3d; color: #fff; border-color: #fff; transform: scale(1.5) rotate(0deg); -webkit-transform: scale(1.5) rotate(0deg); -ms-transform: scale(1.5) rotate(0deg); -moz-transform: scale(1.5) rotate(0deg); }

.ask.forestry {  margin-left: 860px; top: 240px;  }
.ask.flow {  margin-left: 590px; top: 300px;  }
.ask.landfills {  margin-left: 1150px; top: 260px;  }

.cloud {width: 54px; height: 42px; background: url(../images/c2.png) no-repeat; position: absolute;  transform: scale(.8); -webkit-transform: scale(.8); -ms-transform: scale(.8); -moz-transform: scale(.8);   z-index: 1;   }


.plane { width: 81px; height: 29px; background: url(../images/plane.png) no-repeat; position: absolute; top: 50px; z-index: 1; left: -200px;
	transform: scale(.6); -webkit-transform: scale(.6); -ms-transform: scale(.6); -moz-transform: scale(.6);
	-webkit-animation: street 30s linear infinite 10s; -moz-animation: street 30s linear infinite 10s; animation: street 30s linear infinite 10s; }

.car { width: 46px; height: 29px; background: url(../images/car.png); position: absolute;  z-index: 1000; top:  398px;
 transform: scale(.8); -webkit-transform: scale(.8); -ms-transform: scale(.8); -moz-transform: scale(.8);
	-webkit-animation: street 50s cubic-bezier(0.1,0.1,0.25,.35) infinite;  -moz-animation: street 50s cubic-bezier(0.1,0.1,0.25,.35) infinite;  animation: street 50s cubic-bezier(0.1,0.1,0.25,.35) infinite;  }

.bus { width: 87px; height: 38px; background: url(../images/bus.png); position: absolute; z-index: 100; top: 385px;
	transform: scale(.75); -webkit-transform:  scale(.75); -ms-transform:  scale(.75); -moz-transform:  scale(.75);
	-webkit-animation: street 70s cubic-bezier(0.36,0.68,0.44,0.35)  infinite; -moz-animation: street 60s cubic-bezier(0.36,0.68,0.44,0.35) infinite; animation: street 60s cubic-bezier(0.36,0.68,0.44,0.35)  infinite;  }

.truck { width: 73px; height: 34px; background: url(../images/truck.png); position: absolute; z-index: 10; top: 382px;
	transform: scale(.8); -webkit-transform: scale(.8);; -ms-transform: scale(.8);; -moz-transform: scale(.8);;
	-webkit-animation: street 90s linear  infinite; moz-animation: street 90s linear  infinite; animation: street 90s linear  infinite; }

.vehicle:after { width: 53px; height: 42px; background: url(../images/c2.png); content:''; right: 30px; display: block;  position: absolute;  z-index: 1000; 
transform: scale(.35); -webkit-transform: scale(.35); -ms-transform: scale(.35); -moz-transform: scale(.35);
-webkit-animation: gas 5s linear infinite; -moz-animation: gas 5s linear infinite;  animation: gas 5s linear infinite;  }

.plane.vehicle:after { right: 65px; -webkit-animation: gas-plane 5s linear infinite; -moz-animation: gas-plane 5s linear infinite; animation: gas-plane 5s linear infinite; }
.bus.vehicle:after { right: 75px; top: 5px;  }
.truck.vehicle:after { right: 55px; top: 2px;  }

.propeller { width: 50px; height: 50px; background: url(../images/propeller.png); position: absolute; z-index: 1000; top: 344px; margin-left: 765px; }

.windmill-1 { margin-left: 514px;  }
.windmill-2 { margin-left: 554px;   }
.windmill-3 { margin-left: 593px;  }
.windmill-4 { margin-left: 637px;  }

.cikcak { left: 200px; margin-top: 220px; z-index: 0;
	transform: scale(.9);-webkit-transform:  scale(.9); -ms-transform:  scale(.9); -moz-transform:  scale(.9);  
	-webkit-animation: cikcak 40s ease infinite;  -moz-animation: cikcak 40s ease infinite;  animation: cikcak 40s ease infinite;  -webkit-animation-delay: 5s; -moz-animation-delay: 5s; animation-delay: 5s;  }
.factory { margin-left: 327px; z-index: 1;  -webkit-animation: factory 40s ease-in-out infinite;  -moz-animation: factory 40s ease-in-out infinite;  animation: factory 40s ease-in-out infinite; }
.urban { margin-left: 100px; z-index: 0; margin-top: 200px; opacity: 0;  -webkit-animation: urban 110s cubic-bezier(0.4,0.6,0.25,.8) infinite; -moz-animation: urban 110s cubic-bezier(0.4,0.6,0.25,.8) infinite; animation: urban 110s cubic-bezier(0.4,0.6,0.25,.8) infinite; -webkit-animation-delay: 8s; -moz-animation-delay: 8s; animation-delay: 8s; }
.urban2 { margin-left: 280px; -webkit-animation: urban2 20s linear infinite; -moz-animation: urban2 20s linear infinite; animation: urban2 20s linear infinite; }
.urban3 { margin-left: 635px; z-index: 1; -webkit-animation: urban3 40s linear infinite; -moz-animation: urban3 40s linear infinite; animation: urban3 40s linear infinite; }
.urban4 { margin-left: 0; z-index: 1; 
	transform: scale(.5); -webkit-transform: scale(.5); -ms-transform: scale(.5); -moz-transform: scale(.5);
	-webkit-animation: urban4 73s linear infinite; -moz-animation: urban4 73s linear infinite; animation: urban4 73s linear infinite; }
.floating {  margin: 190px 0  0; z-index: 1; -webkit-animation: cikcak 90s cubic-bezier(0.1,0.5,0.25,.7)  infinite; -moz-animation: cikcak 90s cubic-bezier(0.1,0.5,0.25,.7)  infinite; animation: cikcak 90s cubic-bezier(0.1,0.5,0.25,.7)  infinite; -webkit-animation-delay: 3s;  -moz-animation-delay: 3s; animation-delay: 3s;   }


.rotating { -webkit-animation: rotating 10s linear infinite; -moz-animation: rotating 10s linear infinite; animation-name: rotating 10s linear infinite;  }
.rotating-2 { -webkit-animation: rotating 8s cubic-bezier(0.25,0.1,0.25,1) infinite; -moz-animation: rotating 8s cubic-bezier(0.25,0.1,0.25,1) infinite; animation: rotating 8s cubic-bezier(0.25,0.1,0.25,1) infinite;  }
.rotating-3 { -webkit-animation: rotating 12s ease-in-out infinite; -moz-animation: rotating 12s ease-in-out infinite; animation: rotating 12s ease-in-out infinite;  }
.rotating-4 { -webkit-animation: rotating 13s cubic-bezier(0.7,0.4,0.8,.6)  infinite;  -moz-animation: rotating 13s cubic-bezier(0.7,0.4,0.8,.6)  infinite; animation: rotating 13s cubic-bezier(0.7,0.4,0.8,.6)  infinite;  }

.info { -webkit-animation: info 3s linear infinite; moz-animation: info 3s linear infinite; ms-animation: info 3s linear infinite;  animation: info 3s linear infinite; }
.info:hover { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -ms-animation-play-state: paused; animation-play-state: paused;  }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 30px;  } 
.video-container iframe, 
.video-container object, 
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

#page { padding: 50px 0 100px;  background: #fff;  }
#page h2 { font-size: 53px; font-weight: 300; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; text-transform: uppercase; font-weight: bold;   }
#page h2 span { display: inline; border-bottom: 4px solid #7b9a3d; padding-bottom: 13px;   }
#page h3 { font-size: 30px; margin-bottom: 10px; padding-top: 50px;   }
#page p { margin-bottom: 30px;  }
#page .content { line-height: 2em;  }
.content a { color: #7b9a3d;  }
.content a:hover { color: #666;  }

#team-list { margin: 0; padding: 0;  }
#team-list li { box-shadow: 0 0 1px #ccc; text-align: center; padding: 50px 0; list-style-type: none; margin: 0;   }
#team-list li strong { display: block;  }


.menu { margin: 78px 0 60px 0; border-top: 1px solid #ccc; }
.menu  li { border-bottom: 1px solid #ccc; line-height: 3em;   }
.menu a { color: #999; padding: 0 5px; text-transform: uppercase; font-size: 15px;   }
.menu a:hover { color: #7b9a3d; }
.menu li.active a { color: #7b9a3d; font-weight: bold;   }

#terms { margin: 0;  }
#terms > li { list-style-type: none;  }

/* Animations
----------------------------------------------- */

@-webkit-keyframes info {
	0% { background-color: #fff; transform: scale(.7) rotate(0deg); -webkit-transform: scale(.7) rotate(0deg); }
	50% { background-color: #ddd; transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg);  }
	100% { background-color: #fff; transform: scale(.7) ; -webkit-transform: scale(.7); }
}
@keyframes info {
	0% { background-color: #fff; transform: scale(.7) rotate(0deg); -webkit-transform: scale(.7) rotate(0deg); -ms-transform: scale(.7) rotate(0deg); -moz-transform: scale(.7) rotate(0deg);      }
	50% { background-color: #ddd; transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg);    }
	100% { background-color: #fff; transform: scale(.7) ; -webkit-transform: scale(.7); -ms-transform: scale(.7); -moz-transform: scale(.7);     }
}



@keyframes rotating {
    from { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);  transform: rotate(0deg);  }
    to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);   }
}

@-webkit-keyframes rotating {
    from { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
    to { transform: rotate(360deg); -webkit-transform: rotate(360deg);  }
}



@-webkit-keyframes street {
	0% { left: -100px; }
	100% { left: 110%; }
}

@keyframes street {
	0% { left: -100px; }
	100% { left: 110%; }
}



@-webkit-keyframes cikcak {
	0% { margin-top: 140px; margin-left: 100px; opacity: 0 }
	25% { margin-left: 150px; opacity: 1; }
	50% { margin-left: 90px; }
	75% { margin-left: 130px; }
	100% { margin-top: -200px; margin-left: 100px; }
}
@keyframes cikcak {
	0% { margin-top: 140px; margin-left: 100px; opacity: 0 }
	25% { margin-left: 150px; opacity: 1; }
	50% { margin-left: 90px; }
	75% { margin-left: 130px; }
	100% { margin-top: -200px; margin-left: 100px; }
}



@-webkit-keyframes factory {
	0% { margin-top: 170px; opacity: 0  transform: scale(.3); -webkit-transform: scale(.3); }
	3% { transform: scale(.4);  }
	4% { transform: scale(.8);  }
	5% { transform: scale(.3); opacity: 1  }
	6% { transform: scale(.7);  }
	55% { transform: scale(.6);  }
	75% { transform: scale(.7); }
	100% { margin-top: -200px; }
}
@keyframes factory {
	0% { margin-top: 170px; opacity: 0  transform: scale(.3); -webkit-transform: scale(.3); -ms-transform: scale(.3); -moz-transform: scale(.3); }
	3% { transform: scale(.4);  }
	4% { transform: scale(.8);  }
	5% { transform: scale(.3); opacity: 1  }
	6% { transform: scale(.7);  }
	55% { transform: scale(.6);  }
	75% { transform: scale(.7); }
	100% { margin-top: -200px; }
}



@-webkit-keyframes urban {
	0% { margin-top: 210px; opacity: 0; transform: scale(.5) rotate(0deg);  -webkit-transform: scale(.5) rotate(0deg);    }
	50% { opacity: 1; }
	100% { margin-top: -300px; opacity: 1; transform: rotate(360deg); -webkit-transform: rotate(360deg);  }
}
@keyframes urban {
	0% { margin-top: 210px; opacity: 0; transform: scale(.5) rotate(0deg);  -webkit-transform: scale(.5) rotate(0deg); -ms-transform: scale(.5) rotate(0deg); -moz-transform: scale(.5) rotate(0deg);  }
	50% { opacity: 1; }
	100% { margin-top: -300px; opacity: 1;  transform: rotate(360deg); -webkit-transform:  rotate(360deg); -ms-transform:  rotate(360deg); -moz-transform:  rotate(360deg); }
}



@-webkit-keyframes urban2 {
	0% { margin-top: 140px; opacity: 0; transform: scale(.4,.4); -webkit-transform: scale(.4,.4);   }
	30% { opacity: 1;   transform: rotate(180deg); -webkit-transform: rotate(180deg); }
	100% { margin-top: -350px;  opacity: 1; transform: scale(.7,.7)  rotate(270deg); -webkit-transform: scale(.7,.7)  rotate(270deg);  }
}
@keyframes urban2 {
	0% { margin-top: 140px; opacity: 0; transform: scale(.4,.4); -webkit-transform: scale(.4,.4); -ms-transform: scale(.4,.4); -moz-transform: scale(.4,.4);  }
	30% { opacity: 1;   transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); }
	100% { margin-top: -350px;  opacity: 1; transform: scale(.7,.7)  rotate(270deg); -webkit-transform: scale(.7,.7)  rotate(270deg); -ms-transform: scale(.7,.7)  rotate(270deg); -moz-transform: scale(.7,.7)  rotate(270deg);  }
}



@-webkit-keyframes urban3 {
	0% { margin-top: 160px; opacity: .5; margin-left: 450px; transform: scale(.6); -webkit-transform: scale(.6);  }
	50% { opacity:1; margin-left: 400px; }
	100% { margin-top: -400px; margin-left: 500px;  }
}
@keyframes urban3 {
	0% { margin-top: 160px; opacity: .5; margin-left: 450px; transform: scale(.6); -webkit-transform: scale(.6); -ms-transform: scale(.6); -moz-transform: scale(.6); }
	50% { opacity:1; margin-left: 400px; }
	100% { margin-top: -400px; margin-left: 500px;  }
}



@-webkit-keyframes urban4 {
	0% { margin-top: 210px;   }
	100% { margin-top: -300px;  }
}
@keyframes urban4 {
	0% { margin-top: 210px;   }
	100% { margin-top: -300px;  }
}



@-webkit-keyframes gas {
	0% { transform: scale(0); -webkit-transform: scale(0);  }
	50% { transform: scale(.35); -webkit-transform: scale(.35);  }
	100% { transform: scale(0); -webkit-transform: scale(0);  }
}
@keyframes gas {
	0% { transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); }
	50% { transform: scale(.35); -webkit-transform: scale(.35); -ms-transform: scale(.35); -moz-transform: scale(.35); }
	100% { transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); }
}



@-webkit-keyframes gas-plane {
	0% { opacity: 1; margin-top: 0; margin-right: 0; transform: scale(0); -webkit-transform: scale(0); }
	30% {  margin-top: 0; margin-right: 0; transform: scale(.6); -webkit-transform: scale(.6); }
	50% { opacity: 1; margin-top: -160px; margin-right: 100px;  transform: scale(.6); -webkit-transform: scale(.6); }
	51% { opacity: 0; transform: scale(0); -webkit-transform: scale(0); }
	100% { margin-top: 0; margin-right: 0; margin-top: 0; margin-right: 0; transform: scale(0); -webkit-transform: scale(0);  }
}
@keyframes gas-plane {
	0% { margin-top: 0; margin-right: 0; opacity: 1; transform: scale(0); -webkit-transform: scale(0);; -ms-transform: scale(0);; -moz-transform: scale(0);   }
	30% {  margin-top: 0; margin-right: 0; transform: scale(.6); -webkit-transform: scale(.6); -ms-transform: scale(.6); -moz-transform: scale(.6);  }
	50% { opacity: 1; margin-top: -160px; margin-right: 100px; transform: scale(.6); -webkit-transform: scale(.6); -ms-transform: scale(.6); -moz-transform: scale(.6);  }
	51% { opacity: 0; transform: scale(0); -webkit-transform: scale(0);; -ms-transform: scale(0); -moz-transform: scale(0);;     }
	100% { margin-top: 0; margin-right: 0; margin-top: 0; margin-right: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); }
}

/* Responsive
----------------------------------------------- */

@media(max-width:1200px) {
.service h2 { margin-bottom: 5px;  }
.service-lead { margin-bottom: 20px; font-size: 15px;  line-height: 1.6em;  }
	
.windmill-1 { margin-left: 414px; }
.windmill-2 { margin-left: 454px;  }
.windmill-3 { margin-left: 493px;  }
.windmill-4 { margin-left: 537px;  }	
	
.ask.forestry {  margin-left: 760px; top: 240px;  }
.ask.flow {  margin-left: 490px; top: 300px;  }
.ask.landfills {  display: none;  }	

@-webkit-keyframes street {
	0% { left: -100px; }
	100% { left: 100%; }
}

}

@media(max-width:991px) {
	
.service-lead { height: auto;   }
.windmill-1 { margin-left: 304px; }
.windmill-2 { margin-left: 344px;  }
.windmill-3 { margin-left: 383px;  }
.windmill-4 { margin-left: 427px;  }	

.ask.forestry {  margin-left: 650px; top: 240px;  }
.ask.flow {  margin-left: 380px; top: 300px;  }

#page h2 span	{ font-size: 40px;  }
.container { overflow: hidden;  }	
}

@media(max-width: 768px) {
.service-lead { height: auto;   }
.service { margin-bottom: 60px;   } 

	#header { padding-bottom: 30px;  }
	#main { background: none; }
	#cityscape,
	#objects { display: none;  }
	
}

@media(max-width:474px) {


.service img { margin-bottom: 20px;  }
.service-lead { margin-bottom: 20px; height: auto;   }
.content { line-height: 1.6em !important; font-size: 15px !important;  } 
#page h2 span	{ font-size: 30px; padding-bottom: 18px;   }

}


/*
     FILE ARCHIVED ON 22:16:36 Aug 20, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:53:47 Jun 04, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 885.198
  exclusion.robots: 0.1
  exclusion.robots.policy: 0.092
  RedisCDXSource: 1.24
  esindex: 0.007
  LoadShardBlock: 864.767 (3)
  PetaboxLoader3.datanode: 895.592 (4)
  CDXLines.iter: 16.761 (3)
  load_resource: 206.016
  PetaboxLoader3.resolve: 156.254
*/