/*! HTML5 Boilerplate v4.3.0 | MIT License | https://h5bp.com/ */



html, button, input, select, textarea {

	color: #222;

}

html {

	font-size: 1em;

	line-height: 1.4;

}



::-moz-selection {

 background: #b3d4fc;

 text-shadow: none;

}

::selection {

	background: #b3d4fc;

	text-shadow: none;

}

hr {

	display: block;

	height: 1px;

	border: 0;

	border-top: 1px solid #ccc;

	margin: 1em 0;

	padding: 0;

}

audio, canvas, img, video {

	vertical-align: middle;

}

fieldset {

	border: 0;

	margin: 0;

	padding: 0;

}

textarea {

	resize: vertical;

}

.browsehappy {

	margin: 0.2em 0;

	background: #ccc;

	color: #000;

	padding: 0.2em 0;

}

/* ==========================================================================

   Author's custom styles

   ========================================================================== */







@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800);

.mainLogo {

	max-width:300px;

}

.stickyNum {

	display:none;

	font-size: .8em;

	color:black;

}

.cityPage h2 {

	margin-top: 0 !important;

}

header.sticky .stickNum {

	display:block !important;

}

.text-container.caption-three h2 {

	color: white;

}

div#homeFormsection h1 {

	margin: 0;

	color: white;

	text-align: left;

}

.thumbnail{

	width: 200px;

	max-height: 150px;

}

ul.slideList h2 {

	color: white;

	border-bottom:1px solid white;

	margin-bottom: 0;

}

ul.slideList a {

	font-size:.7em;

	color:white;

}

ul.slideList.contactlist li {

	text-align:center;

}

section.mainContent.subHead {

}

section.mainContent.subHead h2 {

	margin-top: 0;

}

ul.horizStack li {

	display:inline-block;

	margin-right:25px;

}

ul.slideList h1 {

	font-size: 1.4em;

	color: white;

}

ul.slideList {

	position:absolute;

	top:25px;

	padding: 15px;

	background-image: url(../images/capBG.png);

	background-repeat: repeat;

}

ul.slideList li {

	list-style:none;

	text-align:left;

	color:white;

	font-size:25px;

}

img.slideShadow {

	margin-top: -40px;

}

ul.homeService {

	padding-left:0 !important;

	display: table;

	width:100%;

}

ul.homeService li img {

	margin-right:10px;

	width:15px;

}

ul.homeService li {

	width:22%;

	display: table-cell;

	font-size: .9em;

	font-weight: bold;

	text-align:left;

	color: #626262;

}

#review-link{

	text-decoration: none;

	color: gray;

}

#mobile-info-container{

	display: block;

	padding-top:20px;

	width: 100%;

	display: table-cell;

	text-align: center

}



.info-row{

	width: 100%;

	text-align: center;

}



.info-row .col{

	padding-top: 20px;

	width: 33%;

	display: inline-block;

}



.info-row-col{

	vertical-align: top;

	width: 100%;

	display: inline-block;

}

.info-row-col .left-col{

	padding-top: 20px;

	width: 33%;

	display: inline-block;

}

#info-container .col img{

	width: 60%;

}

#info-container p {

	display: inline-block;

	width: 33%;

	vertical-align:top;

}

.left-col img{

width: 70%;

}

.info-row-col p{

	width: 66%;

	float: right;

}





.homeImg {

	float:right;

	margin-left:15px;

}

/* Boxes Styles */





section#boxes {

	background-image: url(../images/boxesMbg.jpg);

	background-repeat:no-repeat;

	max-width: 1240px;

	margin-left: -30px;

	padding: 35px 0 15px 0;

}

section#boxes figcaption {

	font-family: Patua One, Arial, Tahoma, sans-serif;

	color:white;

	font-size: 1.2em;

	text-align:left;

	margin-top:20px;

}

.cityPage section#boxes figcaption {

	font-size:17px;

}

section#boxes p {

	color:#ccc;

	font-size: 16px !important;

}

.elBox1 {

	overflow:hidden;

	display: inline-block;

	width:275px;

	margin-left:20px;

}

.elBox1:first-child {

	margin-left:0px;

}

.elBox1 p{

	min-height: 66px;

}

.elImg{

	height: 220px;

	overflow: hidden;

}

.elImg img {

	-webkit-transition: all 400ms ease-out;

	-moz-transition: all 400ms ease-out;

	-ms-transition: all 400ms ease-out;

	-o-transition: all 400ms ease-out;

	transition: all 400ms ease-out;

}

.elImg img:hover {

	cursor:pointer;

    -webkit-transform:scale(1.1); /* Safari and Chrome */

    -moz-transform:scale(1.1); /* Firefox */

    -ms-transform:scale(1.1); /* IE 9 */

    -o-transform:scale(1.1); /* Opera */

     transform:scale(1.1);

}

/* Header Styles */





h2.headCap {

	position: absolute;

	top: 0;

	font-family: 'Open Sans Condensed', sans-serif;

	font-size: 2.4em;

	left: 37%;

	margin: 0;

	text-shadow: 0 1px 1px #050505;

	font-weight: bold;

}

h3.call {

	font-family: arial;

	color: #E2A412;

	top: 0;

	text-align: center;

	width: 400px;

	padding-top: 25px;

	margin-top: 35px;

	margin-left: 60px;

	font-size: 2em;

	margin-bottom: 0;

	text-shadow: 0 1px 1px #050505;

}

.call a {

	text-decoration:none;

	color:#3BD23C;

	display: block;

	font-family: 'Open Sans Condensed', sans-serif;

	font-size: 1.8em;

	margin-top: -10px;

}

/* Template Default Styles */




section#introContent {

	padding: 0 30px;

}

.contactHeading {

	display:block;

	font-size:20px;

	color:white;

	text-align:center;

}

/* Caption Styles */





.yellow {

	color:#E2A412 !important;

}

.mainTitle {

	font-family: 'Open Sans', sans-serif;

	color: white;

	font-weight: 800;

	margin-top: 10px;

	display: block;

	text-transform: uppercase;

}

.subTitle {

	font-family: 'Open Sans', sans-serif;

	font-weight:300;

	color: white;

	text-transform: inherit;

	font-size: 25px;

	display: block;

}

header {

	position: fixed;

	width: 100%;

	z-index: 999;

	text-align: center;

	margin-top: 0px;

	font-size: 72px;

	font-family: 'PT Sans', sans-serif;

	transition: all 0.4s ease;

}

.caption {

	float: left;

	display: block;

	font-size: 30px;

	background: url(../images/bannerCaption.png);

	height:80px;

	padding-left:20px;

	background-repeat: no-repeat;

	position: absolute;

	width:75%;

	line-height: 28px;

	top: 40%;

	text-align:left;

}

span.mainTitle.singleTitle {

	margin-top: 27px;

	margin-left: 35px;

}

section#bannerSection {

	position: relative;

}

body {

	margin:0;

	padding:0;

	text-align: center;

	color:#333333;

	font-size:16px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#398235+0,8ab66b+36,c9de96+61,ffffff+100 */

background: #398235; /* Old browsers */

background: -moz-linear-gradient(top,  #398235 0%, #8ab66b 36%, #c9de96 61%, #ffffff 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#398235), color-stop(36%,#8ab66b), color-stop(61%,#c9de96), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #398235 0%,#8ab66b 36%,#c9de96 61%,#ffffff 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #398235 0%,#8ab66b 36%,#c9de96 61%,#ffffff 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #398235 0%,#8ab66b 36%,#c9de96 61%,#ffffff 100%); /* IE10+ */

background: linear-gradient(to bottom,  #398235 0%,#8ab66b 36%,#c9de96 61%,#ffffff 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398235', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */



}

#top {

	display:none;

}

p {

	font-size: 1.0em;

	color: #626262;

	font-family: 'Roboto', sans-serif;

}

main {

	max-width: 1240px;

	margin: 20px auto 0;

	position: relative;

	display:block;

}

img {

	max-width:100%;

}

h1 {

	font-size: 1.8em;

	font-family: 'Patua One', cursive;

	color:#388E06;

}

h2, h3, h4 {

	font-family: 'Patua One', cursive;

	color:#388E06;

}

.mainContent h1, .dotted {

	padding: 0 0 10px 0;

	margin: 0 0 15px 0;

}

#mainLogo {

	float:left;

	padding: 0 5px;

	display: block;

}

div#mainLogo .slogan {

	display:block;

	color: #01497b;

	font-weight:bold;

	font-size: 17px;

	font-family: times;

	margin-bottom:5px;

}

/* Sticky Nav */ 

 

  

div#headerWrap {

	max-width: 1240px;

	margin: auto;

}

header.sticky {

	border-bottom: 1px solid #C7B9B9;

	font-size: 24px;

	margin-top: -20px;

	padding-top: 10px;

	/*height: 70px;*/

	text-align: left;

	z-index:999;

	background-image:url(../images/stickyBG.png);

	background-repeat:repeat;

}

header.sticky img {

	width: 65%;

}

/* Navigation Styles */

#black-seal{

	display: none;

	 width: 100px;

}

ul.header-nav {

	width: 78%;

	margin:0;

	display: inline-block;

	padding:4px 0;

	list-style:none;/* Background Image Optional *//*background-image:url(../images/navBG.jpg);

	background-repeat:repeat-x;*/

}

ul.header-nav li {

	float: left;

}

ul.header-nav li a {

	color: black;

	padding: 15px !important;

	text-decoration:none;

	font-size: 13px;

	margin-left: 15px;

	display:block;

	text-align:center;

}

ul.header-nav li a:hover, ul.header-nav li.active-menu a {

	background: #6DD56E;

	color:#fff;

	-webkit-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

	-webkit-transition: all 300ms ease-in;

	-moz-transition: all 300ms ease-in;

	-ms-transition: all 300ms ease-in;

	-o-transition: all 300ms ease-in;

	transition: all 300ms ease-in;

}

body#HOME .homeLink, body#WATER .waterLink, 

body#services .servicesLink, body#gallery .galleryLink, 

body#links .linksLink, body#testimonials .testimonialsLink, 

body#contact .contactLink, body#inspection .inspectionLink,

body#faq .faqLink,body#downloads .downloadLink {

	background: #3BD23C;

	color:#fff;

	border-radius: 5px 5px 5px 5px;

}

span.num {

	display: block;

	clear: right;

	float: right;

	text-align: right;

	width: 30%;

	margin-right: 10px;

	margin-top: 25px;

	color: #01497b;

	font-size: 20px;

}

span.num a {

	color: #01497b;

	text-decoration:none;

}

/* ON LINK STATE STYLES */

 



.selected {

	color: white !important;

}

/* ON LINK STATE STYLES */



a#writeReview {

	float: right;

	padding: 10px;

	background: black;

	color: white;

	font-weight: bold;

	text-decoration: none;

	margin: 2px;

	display: block;

}

/* Main Page styles */



ul.contactList {

	float:none;

	width:100%;

}

div#contactSide h1 {

}

.main a img{

margin-top:5px;

}

#mainPage {

	/*background-image:url(../images/contentGrad.jpg);

	background-repeat:repeat-x;

	background-position:top;*/ 

	background-color:white;

	padding-top: 65px;

}

section#sliderContact {

	-webkit-box-shadow: 0 2px 10px 1px #7D7D7D;

	box-shadow: 0 2px 10px 1px #7D7D7D;

}

.mainContent a {

	color: #00688C;

	text-decoration: none;

}

.mainContent ul li {

	font-size: 1.0em;

	color: #626262;

	font-family: 'Roboto', sans-serif;

}

.mainContent {

	padding: 35px;

	text-align: left;

	width: 95%;

}

#specialOffers {

	background-image:url(../images/contentGrad.jpg);

	background-repeat:repeat-x;

	background-position:top;

	border:1px solid #ccc;

	padding:5px;

	text-align:left;

}

#specialOffers h1 {

	font-size:1.250em;

	color:#00386B;

	margin: 0;

	padding: 0 0 10px 0;

}

article#mainPage aside {

	float: right;

	margin:10px;

	width:25%;

}

#mainPage aside img {

	-webkit-box-shadow: 0 2px 10px 1px #2B2B2B;

	box-shadow: 0 2px 10px 1px #2B2B2B;

}

div#contactSide h1 {

	color:#00688C;

	font-size:1.250em;

	margin: 10px 0;

	border-bottom: 1px dotted #ccc;

	padding-bottom: 5px;

	margin: 0 0 15px 0;

}

/* Footer styles */



footer {

	background-image:url(../images/footerBG.jpg);

	background-repeat:repeat-x;

	background-position:top;

	height: 25px;

	background: #393939;

	padding:10px 0;

	-webkit-border-radius: 0 0 5px 5px;

	border-radius: 0 0 5px 5px;

	margin-bottom: 11px;

	position:relative;

}

span#top a {

	display: block;

	background:black;

	width:50px;

	color:white;

	text-decoration:none;

	padding: 11px;

	font-weight:bold;

	position: fixed;

	right: 10px;

	z-index: 9999;

	bottom: 45px;

}

ul.footer-nav li {

	display:inline;

	border-left:1px solid white;

}

ul.footer-nav li:first-child {

	border-left:none;

}

ul.footer-nav li a {

	color:white;

	text-decoration:none;

	padding:0 5px;

	font-size:0.813em;

}

ul.footer-nav {

	margin:0;

	padding-left:0;

}

span.copy, span.copy a {

	color:white;

	font-size: 12px;

	text-decoration:none;

}

.clear {

	clear:both;

}

/* Contact and slider styles */

.contact {

	width: 25%;

	float: right;

	display:block;

	padding: 9px 0;

	background: #013567;

	height:344px;

}

.contactMain {

	width: 75%;

	display:block;

	margin: 25px auto;

	padding: 9px 0;

	background: #013567;

	-webkit-box-shadow: 0 0 5px 5px #A1A1A1;

	box-shadow: 0 0 5px 5px #A1A1A1;

}

form#contactpageform {

	width: 100%;

}

.contactMain input, .contactMain textarea {

	width: 90%;

	margin: 5px;

	height: 25px;

}

.contactMain textarea {

	height:150px;

}

ul.contactList {

	margin:0;

	padding: 0;

}

ul.contactList li {

	list-style:none;

	margin-left:0;

	padding-left:0;

	padding-bottom:3px;

}

/* Main Slider Styles */





.sec1 input[type="text"] {

	margin-bottom:10px;

	height: 29px;

	width:90%

}

.sec2 textarea {

	height: 115px;

	width: 100%;

}

.sec4 img {

	width:45%

}

.sec4 span {

	line-height:15px;

	display: none;

}

.sec4 #send_message {

	width: 140px;

	display:block;

	margin: auto;

	margin-top: 5px;

	font-size: 16px;

	border:none;

	background:#3BD23C;

	color:white;

	padding: 5px 10px;

	-webkit-border-radius: 10px 10px 10px 10px;

	border-radius: 10px 10px 10px 10px; /* font-weight:bold; */

}

#security {

	height:15px;

}

h3.estHead {

	color: white;

	margin-top: 0;

	width: 300px;

	text-align: left;

	font-size: 1.5em;

	margin-bottom: 0;

	font-family: roboto;

}

div#homeFormsection {

	max-width: 700px;

	margin-left: 530px;

	margin-top: -150px;

	padding: 5px 0 0 10px;

	-webkit-border-radius: 10px 0 0 0;

	border-radius: 10px 0 0 0;

	background: #464541;

	height: 165px;

}

.sec1, .sec2, .sec3, .sec4 {

	width: 33%;

	display:inline-block;

	height:125px;

	float:left;

}

form#estimateForm input, form#estimateForm textarea {

	background-color:#ededed;

	border:none;

	color:black;

	padding: 2px;

}

div#sliderWrapper {

	width: 100%;

}

section#slider {

	max-width: 1240px;

	width: 100%;

}

.text-container {

	position: relative;

}

.caption-container {

	-webkit-animation: slideIn;

	-moz-animation: slideIn;

	-o-animation: slideIn;

	animation: slideIn;

	-webkit-animation-duration: 2s;

	-moz-animation-duration: 2s;

	-o-animation-duration: 2s;

	animation-duration: 2s;

	position: absolute;

	width: 100%;

	max-width: 400px;

	color: white;

	background-image:url(../images/capBG.png);

	background-repeat:repeat;

	top: 50px;

	padding: 1%;

}

.caption-container h1 {

	color:white !important;

	font-family:arial;

	font-size:2.5em;

}

.caption-container p {

	color:#E2A412;

	font-size:1.3em !important;

}

.caption-container a {

	color:white;

	display:block;

	background:#2e96db;

	width:140px;

	padding:11px;

	margin:auto;

	-webkit-border-radius: 10px 10px 10px 10px;

	border-radius: 10px 10px 10px 10px;

}

		

		



/* Alternate Caption slideIn CSS */

/* Will not work properly without JS pull by Ryan Long https://github.com/woothemes/FlexSlider/pull/865 */

@-webkit-keyframes slideIn {

0% {

left: 9%;

opacity: 0;

}

 100% {

left: 0;

opacity: 1;

}

}

 @-moz-keyframes slideIn {

0% {

left: 9%;

opacity: 0;

}

 100% {

left: 0;

opacity: 1;

}

}

 @-o-keyframes slideIn {

0% {

left: 9%;

opacity: 0;

}

 100% {

left: 0;

opacity: 1;

}

}

 @keyframes slideIn {

0% {

left: 9%;

opacity: 0;

}

 100% {

left: 0;

opacity: 1;

}

}

/* Main Slider Styles Ends */







ul.offerImages {

	padding:0;

	margin:0;

}

ul.offerImages li {

	margin:0;

	padding:0;

	list-style:none;

}

section#categoryList {

	width: 70%;

	float: right;

}

ul.box1, .box2, .box3 {

	padding: 0;

	margin-top:0;

	float:left;

	width:30%;

}

.box2 {

	margin:0 25px;

}

ul.box1 li, .box2 li, .box3 li {

	margin: 0;

	list-style: none;

	text-align: left;

	font-size: 0.775em;

	padding: 5px 0 0 20px;

	background-image:url(../images/bullet.jpg);

	background-repeat:no-repeat;

	background-position:center left;

}

#mobileNavTab {

	display: none;

	float: right;

	background: black;

	cursor: pointer;

}

#mainNav {

	display:block;

}

/* Responsive Menu */



#rMenu {

	display:none;

	background: #00688c;

}

#rMenu a {

	font-size: 20px;

	padding: 5px 0 5px 10px;

	display: block;

	border-top: 1px solid white;

	color: white;

	text-decoration: none;

}

#rMenu a:hover {

	background:#393939;

	text-decoration:none;

	-webkit-transition: all 300ms ease-in;

	-moz-transition: all 300ms ease-in;

	-ms-transition: all 300ms ease-in;

	-o-transition: all 300ms ease-in;

	transition: all 300ms ease-in;

}

#rMenu ul {

	margin-left:0;

	margin-top:0;

	padding-left:0;

	margin-bottom: 0;

}

#CC {

	/*float:right; 

	margin:10px;

	clear:right;*/

	

	position: absolute;

	right: 15px;

	margin-top: -10px;

}

#mainNav .dropMain {

	position:relative;

}

#mainNav .dropMain:hover .dropdown {

	display:block;

}

#mainNav .dropdown {

	display:none;

	position: absolute;

	z-index: 9999;

	background: #013f70;

	top:20px;

	-webkit-border-radius: 0 0 5px 5px;

	border-radius: 0 0 5px 5px;

	margin-left:0;

	padding-left:10px;

	-webkit-box-shadow: 0 2px 10px 1px #7D7D7D;

	box-shadow: 0 2px 10px 1px #7D7D7D;

}

#mainNav .dropdown li {

	border:none !important;

}

#mainNav .dropdown li a {

	text-align:left !important;

	font-size:14px !important;

	width:250px !important;

}

footer .downarrow {

	display:none;

}

#mainNav .downarrow {

	width: 7px;

	margin-left: 5px;

}

#rMenu .downarrow {

	margin-left:10px;

}

#rMenu .downarrow {

	position: static;

	margin-left:15px;

}

span.cities {

	display:block;

	margin:15px;

}

span.cities a {

	font-size:0.813em;

	color:#003E71;

	text-decoration:none;

	font-weight:bold;

}

/* Hide dropdown from Footer and Responsive Navigation */



footer .dropdown, #rMenu .dropdown {

	display:none;

	background: #013f70;

}

#rMenu .dropdown a {

	font-size:1.125em;

}

/* Review Styles */



.review_box {

	font-size: 14px;

	color: white;

	padding: 10px;

	background: #204e70;

	margin:25px;

	-webkit-box-shadow: 0 5px 5px 2px #A1A1A1;

	box-shadow: 0 5px 5px 2px #A1A1A1;

	text-align:left;

}

.review_box strong {

	font-weight:bold;

	font-size:16px;

}

div.review_rating {

	color: yellow;

}

#mainNav .serviceLinkrNav, footer .serviceLinkrNav {

	display:none;

}

ul#servicePageImg li {

	display:inline-block;

	margin: 10px 0;

}

ul#servicePageImg img {

	width: 100%;

	display:block;

	clear:both;

}

ul#servicePageImg {

	margin: 0;

	padding: 0;

}

#servicePageImg a {

	display:inline-block;

	clear:both;

	text-decoration:none;

	color:black;

	text-align:center;

	margin:5px 5px;

	max-width: 215px;

	height:150px;

}

#servicePageImg span {

	display:block;

	clear:both;

	text-align:center;

	width:200px;

	margin: 5px;

	font-size: 13px;

	font-weight: bold;

}

img.testImage {

	float: left;

}

div#reviewForm {

	height:343px;

	max-width: 662px;

	float: right;

	margin: 0;

	-webkit-box-shadow:none;

	box-shadow:none;

}

#reviewForm textarea {

	height:100px;

}

ul.testCol2 {

	float: right;

	margin: 30px 45px 0 0;

	padding: 0;

}

body#TESTIMONIAL ul.contactList {

	float: left;

	width: 64%;

	margin-left: 10px;

}

ul.testCol2 li {

	list-style:none;

}

section#mainPageBanner {

	position: relative;

}

div#mainLogoCity img {

	background:#01497b;

}

div#mainLogoCity {

	position:absolute;

	right: 0;

	width: 265px;

	margin-top: 50px;

}

div#mainLogoCity span {

	font-size:15px;

	color:red;

	font-weight:bold;

}

span.cityCaption {

	display: block;

	font-size:18px !important;

	color:black !important;

}

#testBanner {

	background:#efe9dd;

}

#reviewForm ul.contactList span {

	float: left;

	color:red !important;

}

form#homeform input, form#homeform textarea {

	width:90%;

}

form#homeform table span {

	line-height: 13px !important;

	display: block;

}

article#contactPage {

	background: white;

	-webkit-box-shadow: 0 2px 10px 1px #7D7D7D;

	box-shadow: 0 2px 10px 1px #7D7D7D;

	padding: 20px 0;

}

/* Shadow Class */





.shadow {

	-webkit-box-shadow: 0 2px 10px 1px #7D7D7D;

	box-shadow: 0 2px 10px 1px #7D7D7D;

}





section.footerSlogan {

	background: white;

}

.footerSlogan h3 {

	margin:0;

	padding:10px;

	color: #E2A412;

	text-shadow: 0 1px 1px #050505;

	font-size: 25px;

	font-family: arial;

}



/* ==========================================================================

   Media Queries



   ========================================================================== */





@media (max-width: 520px) and (min-width: 100px) {

/* New CSS */

main {

	margin-top:0;

}

textarea {
    width: 75%;
}

.contact {
    width: 95%;
    float: none;
    margin: auto;
    display: block;
    padding: 10px 0;
    background: white;
    height: auto;
}

.downarrow {

	width:10px !important;

}

section#boxes {

	background-image: url(../images/trans.png) !important;

	background-repeat:repeat !important;

}

.caption-container {

	width:98%;

}

.sec4 strong {

/*color: black !important;*/

}

h3.call {

	margin-left:0;

}

.sec2 textarea {

	height: 115px;

	width: 90%;

}

.sec1, .sec2, .sec3, .sec4 {

	width: 100%;

	display: inline-block;

	height: 125px;

	float: left;

}

h3.estHead {

	color: white;

	margin-top: 0;

	width: 100%;

	text-align: center;

	font-size: 1.5em;

	margin-bottom: 0;

	font-family: roboto;

}

div#homeFormsection {

	max-width: 700px;

	margin-left: 0;

	margin-top: 0;

	padding: 5px 0 0 10px;

	-webkit-border-radius: 10px 10px 10px 10px;

	border-radius: 10px 10px 10px 10px;

	background-image: url(../images/trans.png) !important;

	background-repeat:repeat !important;

	height: 435px;

	margin-bottom:10px;

}

header.sticky {

	margin-top:0;

}

.homeImg {

	float: none;

	margin-left: 0;

	margin: auto;

	display: block;

}

h3.call {

	font-family: arial;

	color: #E2A412;

	top: 0;

	text-align: center;

	width: 100%;

	padding-top: 25px;

	margin-top: 70px;

	margin-left:0;

	font-size: 30px;

	margin-bottom: 0;

	text-shadow: 0 1px 1px #050505;

}

.mainLogo {

	display:block;

	margin:auto;

}

.stickyNumWrap {

	text-align:center;

}

section#boxes {

	margin:0;

}

div#homeFormsection h1 {

	text-align: center;

}



.mainLogo {

	max-width: 260px;

}

elImg img {

	max-width: 100% !important;

}

.elBox1 {

	overflow: hidden;

	display: block;

	max-width: 95%;

	margin: auto !important;

}



/* New CSS ends */



#reviews-wrap h3{ 

	padding-bottom: 0px;

	margin-bottom: 0px;

}

#info-container{

	display: none;

}



 ul.testCol2 {

	float: none;

	margin: 30px 45px 0 0;

	padding: 0;

	clear: both;

}

#testBanner {

	background:#efe9dd;

}

img.testImage {

	float: none;

	margin: auto;

	display: block;

}

div#reviewForm {

	width:100%;

	height:auto;

}

form#contactpageform {

	width: 100%;

}

body#TESTIMONIAL ul.contactList {

	float: none;

	width: 100%;

	margin-left:0;

}

#mainPageBanner {

	display:none;

}

.serviceLinkrNav {

	display:block;

}

.mainContent {

	margin-top:15px;

}

.mainContent h1 {

	text-align:center;

}

#mainLogo {

	float:none;

}

#mainNav, .serviceLinkMain {

	display:none !important;

}

span.num {

	display: block;

	clear: both;

	margin: auto;

	float: none;

	text-align: center;

	width: 80%;

	margin-top: 10px;

	font-size: 20px;

}

#mobileNavTab {

	display:block;

	position: absolute;

	top: 0;

	right: 0;

	width:12% !important;

}

ul.box1, .box2, .box3 {

	padding: 15px 0;

	float: none;

	margin:auto;

	width: 95%;

}

article#mainPage aside {

	float:none;

	margin:auto;

	width: 100%;

}

.mainContent {

	padding: 0;

	text-align: left;

	width: 100%;

	float: none;

}

div#sliderWrapper {

	width: 95%;

	float: none;

	display: block;

	margin: auto;

}



.contact {

	width: 95%;

	float: none;

	margin: auto;

	display: block;

	padding: 10px 0;

	background: #013567;

	height:auto;

}

footer {

	height:auto;

}

#contactpageform input {

	width: 95%;

	height: 25px;

	margin: 5px;

}

.send {

	width:75px !important;

}

ul.offerImages li {

	display:inline-block;

}

#mainPage {

	padding:10px;

}

section#categoryList {

	width: 100%;

	float: none;

}



#mobile-info-container{

	display: block;

}

#info-container{

	display: none;

}





}

 @media (max-width: 795px) and (min-width: 521px) {

/* New CSS */



#mobile-info-container{

	display: block;

}

#info-container{

	display: none;

}

 



.elBox1 {

	overflow: hidden;

	display: block;

	max-width: 95%;

	margin: auto !important;

}

elImg img {

	max-width: 100% !important;

}

.mainLogo {

	max-width: 260px;

}

main {

	margin-top:0;

}

.downarrow {

	width:10px !important;

}

section#boxes {

	background-image: url(../images/trans.png) !important;

	background-repeat:repeat !important;

}

.caption-container {

	width:98%;

}

.sec4 strong {

/*color: black !important;*/

}

h3.call {

	margin-left:0;

}

.sec2 textarea {

	height: 115px;

	width: 90%;

}

.sec1, .sec2, .sec3, .sec4 {

	width: 100%;

	display: inline-block;

	height: 125px;

	float: left;

}

h3.estHead {

	color: white;

	margin-top: 0;

	width: 100%;

	text-align: center;

	font-size: 1.5em;

	margin-bottom: 0;

	font-family: roboto;

}

div#homeFormsection {

	max-width: 700px;

	margin-left: 0;

	margin-top: 0;

	padding: 5px 0 0 10px;

	-webkit-border-radius: 10px 10px 10px 10px;

	border-radius: 10px 10px 10px 10px;

	background-image: url(../images/trans.png) !important;

	background-repeat:repeat !important;

	height: 435px;

	margin-bottom:10px;

}

header.sticky {

	margin-top:0;

}

.homeImg {

	float: none;

	margin-left: 0;

	margin: auto;

	display: block;

}

h3.call {

	font-family: arial;

	color: #E2A412;

	top: 0;

	text-align: center;

	width: 100%;

	padding-top: 25px;

	margin-top: 70px;

	margin-left:0;

	font-size: 30px;

	margin-bottom: 0;

	text-shadow: 0 1px 1px #050505;

}

.mainLogo {

	display:block;

	margin:auto;

}

.stickyNumWrap {

	text-align:center;

}

section#boxes {

	margin:0;

}

div#homeFormsection h1 {

	text-align: center;

}

/* New CSS ends */



 	

 ul.testCol2 {

	float: none;

	margin: 30px 45px 0 0;

	padding: 0;

	clear: both;

}

img.testImage {

	float: none;

	margin: auto;

	display: block;

}

div#reviewForm {

	width:100%;

	height:auto;

}

form#contactpageform {

	width: 100%;

}

body#TESTIMONIAL ul.contactList {

	float: none;

	width: 100%;

	margin-left:0;

}

#mainPageBanner {

	display:block;

}

div#mainLogoCity img {

	background:#01497b;

}

div#mainLogoCity {

	position:absolute;

	right: 0;

	max-width: 190px;

	margin-top: 0;

}

div#mainLogoCity span {

	font-size: 75%;

	color:red;

	font-weight:bold;

}

span.cityCaption {

	display: block;

	font-size: 100% !important;

	color:black !important;

}

.mainContent h1 {

	text-align:center;

}

.mainContent {

	margin-top:15px;

}

#mainLogo {

	float:none;

}

#mainNav, .serviceLinkMain {

	display:none !important;

}

#mobileNavTab {

	display:block;

	width:12% !important;

}

article#mainPage aside {

	float:none;

	margin:auto;

	width: 100%;

}

span.num {

	display: block;

	clear: both;

	margin: auto;

	float: none;

	text-align: center;

	width: 80%;

	margin-top: 10px;

	font-size: 20px;

}

.mainContent {

	padding: 0;

	text-align: left;

	width: 100%;

	float: none;

}

div#sliderWrapper {

	width: 95%;

	float: none;

	display: block;

	margin: auto;

}

.contact {

	width: 95%;

	float: none;

	margin: auto;

	display: block;

	padding: 10px 0;

	background: #013567;

	height:auto;

}

footer {

	height:auto;

}

#contactpageform input {

	width: 95%;

	height: 25px;

	margin: 5px;

}

.send {

	width:75px !important;

}

ul.offerImages li {

	display:inline-block;

}

#mainPage {

	padding:10px;

}

section#categoryList {

	width: 100%;

	float: none;

}

#info-container{

	display: none;

}

}

@media(min-width: 1000px){



#mobile-info-container{

	display: none;

}

 #black-seal{

	display: inline-block;

 }

}

 @media (max-width: 1200px) and (min-width: 800px) {

#rMenu {

	display:none;

}

#mobile-info-container{

	display: none;

}

#info-container{

	display: block;

}}



 @media (max-width: 800px) {

  .mobile-stealth{ 

    display: none;

	}

 }

/* ==========================================================================

   Helper classes

   ========================================================================== */



.ir {

	background-color: transparent;

	border: 0;

	overflow: hidden;

 *text-indent: -9999px;

}

.ir:before {

	content: "";

	display: block;

	width: 0;

	height: 150%;

}

.hidden {

	display: none !important;

	visibility: hidden;

}

.visuallyhidden {

	border: 0;

	clip: rect(0 0 0 0);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute;

	width: 1px;

}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {

	clip: auto;

	height: auto;

	margin: 0;

	overflow: visible;

	position: static;

	width: auto;

}

.invisible {

	visibility: hidden;

}

.clearfix:before, .clearfix:after {

	content: " ";

	display: table;

}

.clearfix:after {

	clear: both;

}

.clearfix {

 *zoom: 1;

}



/* ==========================================================================

   Print styles

   ========================================================================== */





@media print {

* {

 background: transparent !important;

 color: #000 !important;

 box-shadow: none !important;

 text-shadow: none !important;

}

a, a:visited {

 text-decoration: underline;

}

a[href]:after {

 content: " (" attr(href) ")";

}

abbr[title]:after {

 content: " (" attr(title) ")";

}

 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {

 content: "";

}

pre, blockquote {

 border: 1px solid #999;

 page-break-inside: avoid;

}

thead {

 display: table-header-group;

}

tr, img {

 page-break-inside: avoid;

}

img {

 max-width: 100% !important;

}

 @page {

 margin: 0.5cm;

}

p, h2, h3 {

 orphans: 3;

 widows: 3;

}

h2, h3 {

 page-break-after: avoid;

}

}