/*! HTML5 Boilerplate v4.3.0 | MIT License | http://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;
}
.myButton {
	  right: 90px;
	  position: absolute;
	  top: 140px;

	background: #CB9624;
	border:1px solid #314179;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:11px 41px;
	text-decoration:none;
}
.myButton:hover {
	background: #CB9624;
}
.myButton:active {
	  right: 90px;
	  position: absolute;
	  top: 141px;
}

.blink {
    -webkit-animation: blink 2s linear infinite;
    -moz-animation: blink 2s linear infinite;
    -ms-animation: blink 2s linear infinite;
    -o-animation: blink 2s linear infinite;
    animation: blink 2s linear infinite;
}

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

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(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800);
.mainLogo {
	max-width:260px;
}
.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;
}
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;
}
	iframe{
	margin-top:20px;
		margin-left:0px;
	}
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;
}
.pricebox img{
	display:inline-block;
	vertical-align:top;
}
.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;
}
section#boxes figcaption a{
	color:#FFF;
	text-decoration:none;
}
section#boxes figcaption a:hover{
	color:#009185;
	text-decoration:none;
}
.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: #8e9191;
	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:#00668c;
	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:rgb(255, 167, 2) !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;
	background-image:url(../images/gradBG.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#edf5f7;
}
#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:rgb(255, 167, 2);
}
h2, h3, h4 {
	font-family: 'Patua One', cursive;
	color:rgb(255, 167, 2);
}
.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: #009185;
	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: 60%;
	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 {
	-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#quotes .quoteLink, body#contact .contactLink {
	background: #CB9624;
	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: #009185;
	font-size: 20px;
}
span.num a {
	color: #009185;
	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: #009185;
	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;
	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"], .sec10 input[type="text"] {
	margin-bottom:10px;
	height: 29px;
	width:90%
}
.sec2 textarea {
	height: 115px;
	width: 100%;
}

.sec4 img {
  width: 200px;
  height: 50px;
}
.sec4 span {
	line-height:15px;
	display: none;
}
.sec4 #send_message, .sec10 #send_message {
	width: 140px;
	display:block;
	margin: auto;
	margin-top: 5px;
	font-size: 16px;
	border:none;
	background:#2e96db;
	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;
}

div#quoteFormsection {
	display: none;
	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;
}
.sec10{
	width: 60%;
margin-left: auto;
margin-right: auto;
}
.sec10 textarea{
	width: 90%;
	height: 115px;
}
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;
}
	
#captcha-cont{
	padding-top: 30px;
	padding-bottom: 30px;
}	
		

/* 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 */

#mainNav ul ul {
	display: none;
	margin: 0;
	padding: 0;
}
	#mainNav ul li{
		margin: 0;
		padding: 0;
		position: relative;
	}
	#mainNav ul li a{
		margin: 0;
	}

	#mainNav ul li:hover > ul {
		display: block;
	}
	
	#mainNav ul ul {
  font-size: 14px;
  color: #fff;
  background: #00688C;
  border: none;
  border-radius: 0px;
  padding: 0;
  position: absolute;
  top: 48px;
  left: 1px;
  width: 150px;
}
	#mainNav ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
		#mainNav ul ul li a {
			padding: 15px 40px;
			color: #fff;
		}	
			#mainNav ul ul li a:hover {
				background: #4b545f;
			}

#rMenu {
	display:none;
	background: #009185;
}
#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: #009185;
	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: rgba(90, 165, 219, 0.33);
	margin:25px;
	-webkit-box-shadow: 0 5px 5px 2px #A1A1A1;
	box-shadow: 0 5px 5px 2px #A1A1A1;
	text-align:left;
}
.review_box h3{
	text-indent: 20px;
}
.review_box p{
	color: #000;
	padding-left:20px;
}
.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;
}

.tab-container{
border-bottom: none;
}
.tab-item{
  margin-left: -1px;
  position: relative;
  left: 1px;
  text-decoration: none;
  color: black;
  background: white;
  display: block;
  float: left;
  padding: 5px 10px;
  border: none;
}

.tab-item-inactive{
	display: none;
  margin-left: -1px;
  position: relative;
  left: 1px;
  text-decoration: none;
  background: white;
  float: left;
  padding: 5px 10px;
  border: 1px solid #ccc;
  color: rgba(1, 73, 67, 0.48) !important;
}

.tab-item-inactive:hover{
	color: #009185 !important;
}
#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: rgb(255, 167, 2);
	text-shadow: 0 1px 1px #050505;
	font-size: 25px;
	font-family: arial;
}

.mobile-stealth{
	display: none;
}

/* ==========================================================================
   Media Queries

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


@media (max-width: 520px) and (min-width: 100px) {
/* New CSS */
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;
}
.form-image-left {
	width:45%;
	height:100%;
	float:left;
	border:1px solid #0F0;
}
.form-image-right {
	width:45%;
	height:100%;
	float:right;
	border:1px solid #9F0;
}
.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;
}

.myButton{
	display: none;
}
#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: 110px;
}
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;
}
.myButton{
	display: none;
}
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 (min-width: 960px){
	div#quoteFormsection {
		display: block;
	}
	iframe{
		margin-left:50px;
	}
	.sec4{
		margin-top:-26px;
	}
	.mobile-stealth{
		display: block;
	}
	.tab-container{
		border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	}
	.tab-item-inactive{
		display: block;
	}
	.tab-item{
		border: 1px solid #ccc;
	}
}
 @media (max-width: 1200px) and (min-width: 800px) {
#rMenu {
	display:none;
}
#mobile-info-container{
	display: none;
}
#info-container{
	display: block;
}


/* ==========================================================================
   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;
}
#captcha-cont{
	padding-top: 0px;
	padding-bottom:0px;
}	
}