html, body {position: relative; width: 100%; height: 100%;}
body { margin:0;font-size:14px;font-weight:200;font-family:'Helvetica'; }
h1, h2, h3 { font-weight:normal; }
h1.mobile { font-size:30px;color:#FFF;line-height:32px; }
h3.green-normal { font-family:'proxima-nova-extra-condensed';font-weight:200;font-size:32px;margin:0 0 10px 0;padding-bottom:0px;color:#339900;line-height:30px; }
h3.black-normal { font-size:20px;margin-top:0;margin-bottom:20px; }
h4 { margin-top:0; }
.freephone { font-family:'proxima-nova-extra-condensed';color:#ffcc00;font-weight:400;font-size:16px; }
.freephone:hover { color:#ffcc00; }
.btn { border-radius:0; }
.btn-primary { background:#6aa000;border:transparent; }
.btn-primary:hover { background:#86bd00;}

.navbar-inverse { margin-bottom:0px;}
.nav-stacked>li+li { margin-top:0; }
.nav-stacked li { padding: 0px 45px; }
.nav-stacked li a { font-family: "proxima-nova-extra-condensed";font-weight: 200;font-size: 20px;line-height: 20px;color: #999;padding: 7px 0px;border-top:1px solid #f2f2f2;}
.nav-stacked li a:hover { color:#6AA000;background:none; }
.navbar-collapse { max-height: 380px; }
#icon-holder { margin-top:10px; }
#right { background:url(../images/green-bg2.png) no-repeat 0px -10px; }
blockquote { margin:0 0 0 25px;font-size:15px;line-height:17px;border-left-color: #339900; }
blockquote small { margin-top:5px; }

hr { border-top: 1px solid #DDD;margin-top:30px;margin-bottom:30px; }
.small-text { font-size:10px; }
.preloader { position:fixed;top:0;left:0;right:0;bottom:0;background:#FFF;z-index:13000;height:100%; }
.preloaderimg { width:80px;height:80px;position:absolute;left:50%;top:50%;background:url(../images/preloader.gif) no-repeat 50% 50% transparent;margin:-40px 0 0 -40px}
.panel-grey { padding:20px 0;background:#f9f9f9; }
.panel-white { padding:40px 0 0 0;background:#FFF; }
.latest-build { padding:20px 0 0 0; }
.form-control { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
#footer { position:relative;height:auto; }
.address { font-size:12px;line-height:11px;color:#FFF; }


@media (min-width: 768px) {
	h3.green-normal { margin-bottom:10px; }
	.margin-left { margin-left:30px; }
	#left { width:0; }
	#right {margin-left: 0;}
	#icon-holder { margin-top:4%; }
	.holder { border:1px solid #f5f5f5; }
	.icon-link img { -webkit-transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out;-o-transition: 0.3s all ease-in-out;-ms-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out; }
	.icon-link:hover img { -webkit-transform:scale(1.04);-moz-transform:scale(1.04);-o-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04); }
	.panel-grey { padding:50px 0 30px 0;background:#f9f9f9; }
	.panel-white { padding:50px 0 0 0;background:#FFF; }
	.latest-build { padding:50px 0 0 0; }
	.address { float:left;}
	.portfolio-wrapper { margin:0 30px; }
	#footer { position:relative;height:60px; }
}

@media (min-width: 992px) {

	.nav-stacked li.active a { color:#6AA000;background:none; }
	.margin-left { margin-left:30px; }
	#left {width: 230px; height: 100%; position:fixed; background:#FFF;border-right:1px solid #CCC;box-shadow: 0 0 0.75em rgba(0, 0, 0, 0.35);}
	#left .container, #right .container {max-width: 100%;height:100%;}
	#right {margin-left: 230px;padding-bottom:60px;}
	.nav-stacked li { padding: 0px 30px; }
	.nav-footer { padding-top:20px;padding-left:30px;font-family:'proxima-nova-extra-condensed';color:#000; }
	.social1 { padding-left:30px;padding-top:15px; }
	.social2 { padding-left:30px;padding-top:5px; }
	#icon-holder { margin-top:4%; }
	
	.portfolio-item { position: relative;/* height:auto; */max-height:267px;height: expression(267 + "px");background-color: #FFF;overflow:hidden; }
	.portfolio-item img {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
	.portfolio-item:hover img {box-shadow: 0 0 0 15px #FFF;opacity: 0.7;-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);-o-transform: scale(0.9);}
	.p-view { display: block;height: 50px;width: 150px;margin-left: -75px;position: absolute;top: 50%;margin-top: -25px;left: 50%;background-color: #6AA000;text-align:center;color:#FFF;font-size:14px;line-height:50px;}
	.p-view:hover { color:#FFF;text-decoration: none; }
	.img-caption { position:absolute;top:0;left:0;right:0;background:url(../images/white-overlay.png);width:100%;height:100%;display:none; }
	
	.panel-grey { padding:50px 0 30px 0;background:#f9f9f9; }
	.panel-white { padding:50px 0 0 0;background:#FFF; }
	.icon-link img { -webkit-transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out;-o-transition: 0.3s all ease-in-out;-ms-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out; }
	.icon-link:hover img { -webkit-transform:scale(1.04);-moz-transform:scale(1.04);-o-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04); }
	#footer { position:fixed;left:245px;bottom:0;right:0; }
}

@media (min-width: 1200px) {
	.margin-left { margin-left:30px; }
	#left {width: 272px; height: 100%; position:fixed; background:#FFF;border-right:1px solid #CCC;box-shadow: 0 0 0.75em rgba(0, 0, 0, 0.35);}
	#left .container, #right .container {max-width: 100%;height:100%;}
	.nav-stacked li { padding: 0px 45px; }
	.nav-footer { padding-top:20px;padding-left:45px;font-family:'proxima-nova-extra-condensed';color:#000; }
	#right {margin-left: 272px;}
	.social1 { padding-left:45px;padding-top:15px; }
	.social2 { padding-left:45px;padding-top:5px; }
	#icon-holder { margin-top:3%; }	
	.icon-link img { -webkit-transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out;-o-transition: 0.3s all ease-in-out;-ms-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out; }
	.icon-link:hover img { -webkit-transform:scale(1.04);-moz-transform:scale(1.04);-o-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04); }
	.address { float:left;line-height:40px; }
	.panel-grey { padding:50px 0 30px 0;background:#f9f9f9; }
	.panel-white { padding:50px 0 0 0;background:#FFF; }
	
	#footer { position:fixed;left:287px;bottom:0;right:0; }
	.holder2 { border:1px solid #f5f5f5; }
	.portfolio-item2 { position: relative;height:auto;background-color: #FFF;overflow:hidden; }
	.portfolio-item2 .img-caption2 { position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background:transparent;/* opacity: .95; */display:none; }	
	
}