@charset "UTF-8";

/* Layout Large Screens (default for older browsers) */

header {
	width: 100%;
	height: 155px;
	padding: 0;
	background: #fffffe linear-gradient(#444, #000) 0 0/100% 30px no-repeat;
	position: fixed;
	top:0;
	z-index: 1;
}

.headerinner {
	max-width: 1030px;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 1px 20px 0 20px;
	height: 155px;
}

.fixedfooterinner {
	max-width: 1030px;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 0px 10px 0px 20px;
	font-size: 20px;
	line-height: 2.5;
}

.fixedfooterinner div.ffgaq {
	width: 33%;
	margin: 0;
	padding: 0 0px 0 0px;
	text-align: center;
	float: left;
	color: #fff;
}

span.gaq {
	cursor: pointer;
}

.fixedfooterinner div a {
	color: #fff;
	text-decoration: none;
}

.fixedfooterinner div .fa {
	font-size: 20px;
	color: #ccff66;
}

.verytop1 {
	text-align: left;
	color: #555;
	font-size: 16px;
	float: left;
	width: 30%;
}

.verytop2 {
	text-align: center;
	color: #555;
	font-size: 16px;
	float: left;
	width: 40%;
}

.verytop3 {
	text-align: right;
	float: left;
	width: 30%;
	font-size: 16px;
	color: #fff;
}

.verytop1 a, .verytop2 a, .verytop3 a {color: #fff; text-decoration: none;}
.verytop1 a:hover, .verytop2 a:hover, .verytop3 a:hover {color: #fff; text-decoration: underline;}

.verytop1 .fa {color: #ccff66;}
.verytop2 .fa {color: #ccff66;}
.verytop3 .fa {color: #ccff66;}
.verytop1 .fas {color: #ccff66;}
.verytop2 .fas {color: #ccff66;}
.verytop3 .fas {color: #ccff66;}

.emailtwo {display: none;}

div.logo {
	display: block;
	position: absolute;
	top: 50px;
}

div.logo a img {
	width: auto;
	border: 0;
	height: 85px;
}

.tel {
	text-align: right;
	float: right;
	margin: 50px 0 0 0;
	padding: 0;
}

div.banner {
	padding: 0;
	height: 100%;
	border-top: 4px solid #fffffe;
	border-bottom: 7px solid #dcdcdc;
	background-image: linear-gradient(180deg, rgba(0,133,78,0.81) 27%,rgba(0,133,78,0.76) 100%);
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}

.smallvideo {
	display: none;
	}

.fullwidth-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  height: 100%;
  width: 100%;
}

.bannerinner {
	padding: 140px 20px 140px 20px;
	max-width: 1030px;
	height: 100%;
	margin: 0 auto 0 auto;
	position: relative;
	letter-spacing: 1px;
}

.strap {
	font-size: 60px;
	color: #fff;
	font-weight: 400;
	line-height: 1.4;
	max-width: 1000px;
	font-family: 'Open Sans', sans-serif;
	padding: 5px;
}

.strap2 {
	font-size: 28px;
	color: #fff;
	font-weight: 300;
	line-height: 1.7;
	max-width: 750px;
	padding: 30px 0 0 0;
	font-family: 'Open Sans', sans-serif;
}

.strap2 a { color:#ccff66; font-weight: normal; text-decoration: none;}
.strap2 a:hover { color: #eee; text-decoration: none;}
.strap2 span { color:#ccff66;}

div.main {
	max-width: 1030px;
	background-color: #fff;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 0 20px 20px 20px;
}

div.white {
	background-color: #fff;
}

div.main2 {
	max-width: 1030px;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 0 20px 15px 20px;
}

.safecontractor img {
	width:50px;
	height:auto;
	margin:15px 8px 0 0;
}

.outer {
	color: #666; 
	background-color: #f3f3f3; 
	padding: 0 0 0 0; 
	text-align: center;
	margin: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

div.three {
	width: 30%;
	float: left;
	margin: 10px 1% 5px 0;
	text-align: left;
	background: #fffffe linear-gradient(#444, #000) 0 0/100% 38px no-repeat;
	padding: 1px 1% 5px 1%;
	color: #555;
}

div.borough {
	width: 31%;
	float: left;
	margin: 10px 1% 5px 0;
	text-align: left;
	padding: 1px 1% 5px 0;
	color: #555;
}

div.borough a {font-size: 18px; text-decoration: none;}

div.borough span {font-size: 18px;color: #00bf63; font-weight: 500;}

div.three h3 {font-size: 20px; padding: 4px 0 4px 0; color: #ccff66;}

.footerleft {
	float: left;
	width: 30%;
	text-align: left;
	padding: 0 5% 20px 0;
}

.footermiddle {
	float: left;
	width: 30%;
	text-align: left;
	padding: 0 0 20px 0;
}

.footerright {
	float: left;
	width: 30%;
	text-align: left;
	padding: 0 0 20px 4%;
}

.footerinner {max-width: 1030px; margin: 0 auto 0 auto; position: relative; padding: 30px 20px 5px 20px;}

.footerinner ul {margin: 0; padding: 0 0 8px 0; float: none; width: 97%;}

.footerinner li {float: none; width: 100%; padding: 2px 0 2px 0;}

.footerinner div div {font-size: 20px; padding: 0 0 5px 0; margin: 0 0 0 0;  letter-spacing: .7px;}

img.approved {width: 40%; max-width: 120px; height: auto;}
img.construction {width: 60%; max-width: 160px; height: auto;}

img.checkatrade {width: 100%; height: auto; max-width: 300px;}

.overlay {display: none;}

span.onlysmall {display: none;}

h1 {
	float: left;
	width: 75%;
	color: #fff;
	font-size: 18px;
	padding-top: 7px;
}

h1 span.big {
	display: inline;
}

h1 span.med {
	display: none;
}

h1 span.sma {
	display: none;
}

h2.lowerdown {
	font-size: 28px;
}

.outer4 h2 {
	font-size: 28px;
	color: #fff;
}

div.breadcrumbs {float: right; width: 25%; color: #666; text-align: right; font-size:14px; padding-top: 2px;}
div.breadcrumbs a {color:#666; text-decoration: none;}
h2.lower {padding-top: 1px; padding-bottom: 10px; font-size: 28px;}

.navbar2 {display: none;}

div.nav {
    width: 100%;
    margin: 155px 0 0 0;
    padding: 3px 0 0 0;
    height: 39px;
	background: #333 linear-gradient(#00bf63, #016032);
	border-top: 1px solid #ccc;
}

.navinner {
	max-width: 1030px;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 0 20px 0 20px;
	height:39px;
}

div.welcome1 {width: 70%; float: left;}
div.welcome2 {width: 30%; float: left; text-align: center;}
.welcome2 img {margin: 120px 0 0 0; width: 100px; height: auto; border:0;}
.welcome1 img {display: none;}

.upperfooter {  font-size: 22px; color: #666; background-color: #f3f3f3; padding: 0px 0 0 0; text-align: center; margin: 0; border-top: 1px solid #ddd; }
.upperfooterinner {max-width: 1030px; margin: 0 auto 0 auto; position: relative; padding: 20px; font-family: 'Open Sans', sans-serif; text-align: center; line-height: 1.65;}

.form1 {width: 28%; float: left; text-align: left;}
.form2 {width: 28%; float: left; text-align: left;}
.form3 {width: 28%; float: left; text-align: left;}
.form4 {width: 16%; float: left; text-align: left;}
.form5 {width: 100%; float: left; text-align: left;}
.form6 {width: 100%; float: left;}

.inputborder {border: 2px solid #ddd; border-radius: 0 !important; padding: 8px;  color:#666;}
.inputborder:focus {border-color: #aaa; color:#666;}

.reasonsicon {float:left; color: #00bf63; width: 3%; text-align: left;}
div.reasons {float:left; width: 27%; text-align: left; margin-right: 3%;}
div.reasons h3 {color: #00bf63; line-height: 1.2; padding-bottom: 2px;}

div.survey {
	background: #5d5d5d url(../images/banner-survey.jpg) no-repeat center center;
	background-size: cover;
	}

.surveyinner {
    padding: 20px 20px 20px 20px;
    max-width: 1030px;
    height: 100%;
    margin: 0 auto 0 auto;
    position: relative;
}

.surveyinner div {
    padding: 0 25px 10px 25px;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.97);
    max-width: 650px;
}

div.night {
	background: #5d5d5d url(../images/banner-night.jpg) no-repeat center center;
	background-size: cover;
	}

.nightinner {
    padding: 20px 20px 20px 20px;
    max-width: 1030px;
    height: 100%;
    margin: 0 auto 0 auto;
    position: relative;
}

.nightinner .dark {
    padding: 0 0 10px 25px;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.97);
}

.nightleft {float: left; text-align: left; width: 68%;}

.nightright {float: left; text-align: center; width: 32%;}

.mapouter{overflow:hidden; height:180px; width:98%; border: 1px solid rgb(231, 231, 231); padding: 2px; margin: 0 0 5px 0;}
.gmap_canvas {background:none!important; height:180px;width:100%; margin:0;}

.clear-fix2 {display:none;}

p.bull span {color: #00bf63; font-weight: bold;}
p.bull {text-align: center; margin-top: -10px;}

div.safe {text-align: center;}
div.safe img {margin: 5px 0 0px 0; width: 180px; border:0; height:auto;}

.bottommenu a { color:#ccff66; text-decoration: none;}
.bottommenu a:hover { color: #ccff66; text-decoration: underline;}
.blogsample span { color:#ccff66; font-weight: bold;}

.reallybig {font-size: 72px; padding: 40px 0 0 0; line-height: 1.0; letter-spacing: 1px; color: #00bf63;}

.reallybig2 {font-size: 20px; padding: 0 0 10px 0; line-height: 1.2; letter-spacing: 1px;}

.safecontractor img {
    height: 45px;
    width: auto;
    margin: 10px 8px 0 0;
}