@charset "utf-8";

/*-HTML5 Reset :: style.css---------------------*/

html, body, 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, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements: 
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}

*, 
*:before, 
*:after {
	box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/*img{display:block; vertical-align:top;}*/

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover 
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

li.clearfix {
	display: list-item;
}
/*Hide these rules from IE-mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
    *zoom: 1;
}  

/*-EndHTML5 Reset :: style.css-----------*/

/*-Helper classes------------------------*/

.uppercase {
		text-transform: uppercase;
}
.lowercase {
		text-transform: lowercase;
}
.boldcase {
		font-weight: bold;
}
.normalcase {
		font-weight: normal;
}
.textdec-underline {
		text-decoration: underline;
}
.textdec-normal {
		text-decoration: none;
}
.Text-Idnt {
		text-indent: -99999px;
}
.hidden {
		display: none !important;
		visibility: hidden;
}
.visuallyhidden {
		border: 0 none;
		clip: rect(0px, 0px, 0px, 0px);
		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;
}
img {
		/*display:block;*/
		border: 0 none;
		height: auto;
		max-width: 100%;
		vertical-align:bottom;
}
img.floatleft {
		float: left;
		margin: 0 10px 0 0;
}
img.floatright {
		float: right;
		margin: 0 0 0 10px;
}
.floatleft {
		float: left;
}
.floatright {
		float: right;
}
a{
		
	  	color: #000000;
	  	text-decoration: none;
		outline:none;
	  	-webkit-transition: all 0.5s ease-in-out;
	  	-moz-transition: all 0.5s ease-in-out;
	  	-o-transition: all 0.5s ease-in-out;
	  	transition: all 0.5s ease-in-out;
}
a:hover{
		text-decoration: underline;
}

/*-Colour Style------------------*/
.colorred{
	color:#e52626 !important;
}
.colorred1{
	color:#fc0000 !important;
}
.colorred2{
	color:#ff0000 !important;
}
.colorred3{
	color:#da061f !important;
}
.bgred{
	background:#fc0000;
}
.colorwhite{
	color:#fff !important;
}

/*-End Colour Style--------------*/

/*-Mobile Anchor-----------------*/



/*-Start Custom Styles------------------*/

body{
	background:#131313;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	margin:0;
	text-align: left;

}
#header, #footer, #content {
	width: 100%;
}
#content{
	background:rgba(0,0,0,0.8) url(../images/background.png) left top repeat;
	/*background-image:url(../images/background.png) !important;
	background-position:center center;
	background-repeat:repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size: cover;
	-o-background-size: cover ;*/
}
#commonbannersection{
	position:relative;
	width:100%;
	max-height:707px;
	background-size:cover;
	padding-bottom:38.84615384615385%;
}
.homebanner{
	background:url(../images/commonbanner.jpg) center top no-repeat;
}
.seopagebanner{
	/*background:url(../images/seopagebanner.jpg) center top no-repeat;*/
	background:url(../images/commonbanner.jpg) center top no-repeat;
}
.wrapper{
	position:relative;
	width:100%;
	max-width:1820px;
	margin:0 auto;
}
.wrapper1{
	position:relative;
	margin:0 3.296703296703297%; /*60/1820*/
}
.wrapper2{
	position:relative;
	margin:0 12.8021978021978%; /*233/1820*/
}
.columnwrapper{
	position:relative;
	width:100%;
}
.columnwrapper > div:last-child{
	margin-right:0;
}
/*.whycallus .col2of1{
	width:48.23529411764706%;
	margin-right:3.529411764705882%;
}*/
.col1of1{
	position:relative;
	width:100%;
}
.col3of1{
	position:relative;
	float:left;
	width:30.94117647058824%; /*526/1700*/
	margin-right:3.588235294117647%; /*61/1700*/
	margin-bottom:20px;
}
.col3of1:nth-child(3n){
	margin-right:0;
}
.col3of1:nth-child(3n+1):nth-last-child(-n+3), .col3of1:nth-child(3n+1):nth-last-child(-n+3) ~ .col3of1{
	margin-bottom:0;
}
.col2of1{
	position:relative;
	float:left;
	width:48.20588235294118%; /*819.5/1700*/
	margin-right:3.588235294117647%; /*61/1700*/
}
.col2of1:nth-child(2n){
	margin-right:0;
}
.col2of3{
	position:relative;
	float:left;
	width:65.47058823529412%; /*1113/1700*/
	margin-right:3.588235294117647%; /*61/1700*/
}
.contentwrapper{
	position:relative;
	padding:30px 0 0;
}
.commonhead{
	position:relative;
	font-size:32px;
	font-weight:700;
	margin-bottom:20px;
}
.commonhead span{
	font-weight:700;
}
.viewonmobile{
	display:none;
}


/*----- Header -----*/
/*#header{
	background:rgba(0,0,0,0.8) url(../images/background.png) left top repeat;
}*/
#header .wrapper:first-child{
	background:rgba(0,0,0,0.8) url(../images/background.png) left top repeat;
	max-width:100%;
}
#header .wrapper:last-child{
	display:none;
}

#header .wrapper1{
	margin:0 20px;
}
.logosec{
	position:relative;
	float:left;
}
.logo{
	position:relative;
	float:left;
	padding:20px 0;
}
.service24hrs{
	position:relative;
	float:left;
	padding:20px 0;
	margin:0 0 0 35px;
}
.headerright{
	position:relative;
	float:right;
	padding:15px 0;
}
ul.sociallinks{
	position:relative;
	float:left;
	margin-right:40px;
}
ul.sociallinks li{
	position:relative;
	display:inline-block;
	margin-right:20px;
}
ul.sociallinks li:last-child{
	margin-right:0;
}
.callusnow{
	position:relative;
	float:right;
	font-size:30px;
	color:#fff;
	text-align:right;
}
.callusnow a{
	color:#fff;
	font-weight:700;
	text-decoration:none;
}
.callusnow a:hover{
	color:#fc0000;
}
.bottommargine{
	margin-bottom:30px;
}


/*----- Home -----*/
.welcomewrapper{
	position:relative;
	text-align:center;
	margin-bottom:30px;
}
.welcomewrapper h1{
	font-size:42px;
	font-weight:700;
	margin-bottom:20px;
}
.welcomewrapper h1 span{
	font-weight:700;
}
.welcomewrapper p{
	font-size:24px;
	line-height:30px;
}
.commonheader{
	font-size:36px;
	color:#ff0000;
	font-weight:700;
	text-align:center;
	margin-bottom:30px;
}
.servicebottomgap{
	margin-bottom:30px;
}
.ourservice{
	color:#fff;
	font-weight:400 !important;
}
.servicesimages{
	position:relative;
	text-align:center;
	margin-bottom:25px;
}
.servicehead{
	display:block;
	font-size:28px;
	color:#e52626;
	margin-bottom:12px;
}
.servicescontent{
	position:relative;
	margin-bottom:25px;
}
.servicescontent p{
	font-size:21px;
	margin-bottom:12px;
}
a.servicepage{
	display:block;
	font-size:24px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background:#e52626;
	padding:7px 5px 7px;
	border:#e52626 1px solid;
	margin-top:20px;
}
a.servicepage:hover{
	background:transparent;
}
.serviceblocks{
	position:relative;
	background:#2a2a2a;
}
.servicehead2{
	position:relative;
	display:block;
	background:#000;
	font-size:28px;
	line-height:34px;
	padding:10px 12px;
}
.serviceblockcontent{
	position:relative;
	padding:10px 12px 20px;
}
.serviceblockcontent p{
	font-size:22px;
	line-height:34px;
	margin-bottom:10px;
}
.serviceblockcontent a{
	font-size:20px;
	color:#e52626;
	line-height:26px;
}
.whycallcpswrapper{
	position:relative;
	background:#000;
}
.whycallcpswrapper p{
	font-size:24px;
	line-height:36px;
	margin-bottom:20px;
}
.testimonialswrapper{
	position:relative;
	padding:10px 35px 35px;
}
.testimonialswrapper p{
	font-size:20px;
	line-height:34px;
	margin-bottom:15px;
}
.client{
	display:block;
	font-size:18px;
	color:#e52626;
	font-weight:600;
	margin-top:30px;
}
ul.subpagelist{
	position:relative;
	list-style:none;
	margin-bottom:20px;
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
}
ul.subpagelist li{
	display:block;
	background:url(../images/bull.png) left 14px no-repeat;
	font-size:30px;
    line-height:36px;
	padding-left:20px;
}
.testimonialssec{
	position:relative;
	/*padding:25px 0;*/
	margin-bottom:80px;
}
.testimonialssec.testwrapper{
	margin-top:80px;
}
.inner2of1{
	position:relative;
	float:left;
	width:47.2596585804133%;
	margin-right:5.480682839173405%;
}
.inner2of1:last-child{
	margin-right:0;
}
.testimonialsblocks{
	position:relative;
	/*margin-bottom:15%;*/
}
.testhead{
	display:block;
	font-size:30px;
	font-weight:700;
	margin-bottom:5px;
}


/*----- Footer -----*/
#footer{
	background:#000;
}
.footerwrapper{
	position:relative;
	padding:50px 0;
	/*margin:0 6.941176470588235%;*/
}
.footercolumn{
	position:relative;
	float:left;
	/*margin-right:35px;*/
	margin-right:5%;
}
.footerhead{
	display:block;
	font-size:16px;
	text-transform:uppercase;
	font-weight:300;
	margin-bottom:15px;
}
.footercolumn p{
	font-size:16px;
	line-height:24px;
	font-weight:300;
}
.footercolumn p span{
	font-weight:600;
}
.footercolumn p a{
	color:#fff;
}
ul.footerlogos{
	position:relative;
	list-style:none;
	float:left;
	margin:3.5% 0 0;
}
ul.footerlogos li{
	display:inline-block;
	margin-right:20px;
}
ul.footerlogos li:last-child{
	margin-right:0;
}
.copyright{
	position:relative;
	float:none;
}
.copyright ul{
	position:relative;
	display:flex;
	list-style:none;
	text-align:center;
	justify-content: space-between;
	margin-top:35px;
}
.copyright ul li{
	display:inline-block;
	font-size:16px;
	color:#fff;
	padding:0 15px;
	/*border-right:#fff 1px solid;*/
}
.copyright ul li:first-child{
	padding:0 15px 0 0;
}
.copyright ul li:last-child{
	border-right:none;
	padding:0 0 0 15px;
}
.copyright ul li a{
	color:#fff;
}
.crafted{
	position:relative;
	float:right;
	font-size:16px;
	color:#fff;
	margin-top:25px;
}
.crafted a{
	color:#fff;
}

.keywordswrapper{
	position:relative;
	display:none;
	text-align:center;
	padding:20px 20px;
	margin:20px 0 0;
	
	background: -moz-linear-gradient(top, rgba(22,22,22,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(22,22,22,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(22,22,22,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.keywordswrapper a{
	position:relative;
	font-size:12px;
	line-height:22px;
	color:#e52626;
	padding:0 10px;
	border-right:#e52626 1px solid;
}
.keywordswrapper a:last-child{
	border-right:none;
}

/*----- SEO -----*/
.seowrapper{
	padding-bottom:5%;
}
.seowrapper h1{
	font-size:42px;
	color:#ff0000;
	font-weight:700;
	line-height:42px;
	/*text-transform:uppercase;*/
	margin-bottom:20px;
}
.seowrapper h1 span{
	font-weight:600;
}
.seowrapper p{
	font-size:30px;
	color:#fff;
	line-height:36px;
	margin-bottom:20px;
}
.seowrapper p a{
	color:#fff;
}
.seorightblocks1{
	position:relative;
	padding:10px 10px;
	margin-bottom:20px;
}
.seorightblocks2{
	position:relative;
	/*background:#000;*/
	background:rgba(0,0,0,0.75);
	text-align:center;
	/*margin-bottom:20px;*/
	margin-bottom:30px;
}
.seorightblocks2:first-child{
	margin-bottom:15px;
}
.seorightblocks2:last-child{
	margin-bottom:10px;
}
.seohead1{
	display:block;
	font-size:30px;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:15px;
}
.seohead2{
	display:block;
	background:#e52626;
	font-size:28px;
	text-transform:uppercase;
	padding:5px 10px;
	margin-bottom:15px;
}
p.seorightpara{
	font-size:26px;
	line-height:32px;
	text-align:center;
	font-weight:600;
}
p.seorightpara a{
	color:#fff;
}
a.seorightlink{
	display:block;
	background:#fff;
	font-size:24px;
	color:#c43051;
	font-weight:700;
	text-align:center;
	text-decoration:none;
	padding:10px 10px;
	border:#fff 1px solid;
	margin-top:20px;
}
a.seorightlink:hover{
	background:transparent;
	color:#fff;
}
.seoservices{
	/*padding:10px 10px;*/
	padding:15px 20px;
}
.seoservices p{
	font-size:22px;
	line-height:34px;
}
ul.seoservicename{
	position:relative;
	/*list-style-type:disc;
	padding-left:50px;*/
}
ul.seoservicename li{
	/*font-size:20px;*/
	font-size:22px;
	line-height:34px;
	font-weight:600;
	margin:2px 0;
}



.gallerywrapper{
	position:relative;
	margin-top:40px;
}
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/*jssor slider arrow skin 093 css*/
.jssora093 {display:block;position:absolute;cursor:pointer;}
.jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
.jssora093:hover {opacity:.8;}
.jssora093.jssora093dn {opacity:.6;}
.jssora093.jssora093ds {opacity:.3;pointer-events:none;}

/*jssor slider thumbnail skin 101 css*/
.jssort101 {position:absolute;left:0px;bottom:0;width:645px;height:645px;}
.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#0274b3;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:10px solid #da061f;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:10px solid #da061f;background:none;opacity:1;}
.jssort101 .pav .cv {border-color:#da061f;opacity:1;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border-color:#0274b3;opacity:1;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}

p.thumbheader{
	position:relative;
	left:0 !important;
	top:0;
	transform: none !important;
	width:37.94117647058824%;
	font-size:30px;
}

p.displayIndex{
	position:relative;
	left:0 !important;
	top:0;
	text-align:center;
	width:37.94117647058824%;
	font-size:24px !important;
}
.prev{
	background:#000;width:150px;font-size:24px;color:#fff;text-align:center;top:50px;left:0;padding:10px 0;
}
.next{
	background:#000;width:150px;font-size:24px;color:#fff;text-align:center;top:50px;right:1055px;padding:10px 0;
}
#jssor_1{
	position:relative;margin:0 auto;top:0px;left:0px;width:1700px;height:787px;/*overflow:hidden;*/visibility:hidden;
}
.slides{
	cursor:default;position:relative;top:0px;left:700px;width:1000px;height:787px;/*overflow:hidden;*/
}
.slides > div{
	overflow:visible !important;
	padding:0 0 50px !important;
	margin-bottom:50px;
}
.jssort101 .p{
	width:206px !important;
	height:206px !important;
}
.imagecaption{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:rgba(255,255,255,0.5);
	font-size:16px;
	color:#0b1a27;
	text-align:left;
	padding:15px 10px;
}

.aboutwrapper h1, .plumbingwrapper h1, .drainswrapper h1, .testwrapper h1, .contactcontent h1{
	font-size:36px;
}
.plumbingwrapper .seorightblocks2, .drainswrapper .seorightblocks2{
	margin-bottom:50px !important;
}
.plumbingwrapper .seorightblocks2:nth-child(2){
	margin-bottom:20px !important;
}
.plumbingwrapper .seorightblocks2:last-child{
	margin-bottom:30px !important;
}
.contactwrapper{
	position:relative;
	margin-top:40px;
}
.mailnphonesection{
	position:relative;
	font-size:39px;
	line-height:47px;
}
.mailnphonesection a.mail{
	color:#da061f;
}
.mailnphonesection a.phone{
	color:#fff;
	font-weight:700;
}
.mapwrapper{
	position:relative;
	background:#f0f0f0;
	min-height:402px;
	/*padding-bottom:36.11859838274933%;*/
	margin-bottom:25px;
}
.mapwrapper iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.contactwrapper .col2of3{
	margin-right:0 !important;
}
a.findus{
	display:block;
	background:#da061f;
	max-width:230px;
	font-size:20px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding:15px 10px;
}
a.findus:hover{
	background:#fff;
	color:#da061f;
}
.contactbannersec{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:calc(100% - 168px);
	padding:15px 0;
}
.contactformwrapper{
	position:relative;
	max-width:1820px;
	height:100%;
	margin:0 auto;
}
.formwrapper{
	position:absolute;
	top:0;
	right:15px;
	background:rgba(0,0,0,0.6);
	width:100%;
	max-width:524px;
	height:100%;
	padding:20px;
}
.formwrapper input{
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	font-weight:500;
	color:#515151;
	width:100%;
	outline:none;
	border:#dcdcdc 1px solid;
	padding:20px 20px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	margin-bottom:8px;
}
.formwrapper textarea{
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	font-weight:500;
	color:#515151;
	width:100%;
	min-height:250px;
	outline:none;
	border:#dcdcdc 1px solid;
	padding:20px 20px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	margin-bottom:8px;
}
.formwrapper button{
	background:#da061f;
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	font-weight:600;
	color:#fff;
	width:100%;
	outline:none;
	border:#da061f 1px solid;
	padding:20px 20px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.contactbanner{
	max-height:782px !important;
	min-height:782px !important;
}
.contactouter{
	position:relative;
}
.seorigthcol{
	margin-bottom:10px;
}
.footernavlinks p span{
	font-weight:400;
}

.generalcall, .mobilecall{
	display:none !important;
	max-width:48px;
}



#homesectionbanner{
	position:relative;
}
/*#homesectionbanner .customslide{
	width:100%;
	height:100%;
}*/
.customslideinner{
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.customslideinner > div {
    position: relative;
	flex-basis:50%;
    max-width:50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.slidecaption{
	position:absolute;
	top:15%;
	right:45%;
	background:rgba(0,0,0,0.8);
	width:100%;
	max-width:590px;
	padding:20px 20px;
}
.slidecaption h2{
	font-size:42px;
	line-height:42px;
	font-weight:700;
	border-bottom:#fc0000 1px solid;
	padding-bottom:10px;
	margin-bottom:10px;
}
.slidecaption h2 span{
	color:#fc0000;
	font-weight:700;
}
.slidecaption p{
	font-size:30px;
	line-height:36px;
	margin-bottom:10px;
}
.slidecaption a{
	display:block;
	max-width:150px;
	background:#fc0000;
	font-size:24px;
	font-weight:300;
	text-align:center;
	color:#fff;
	text-decoration:none;
	line-height:30px;
	padding:10px 5px;
	border:#fc0000 1px solid;
}
.slidecaption a:hover{
	background:transparent;
}
 


/*-Media Queries--------------------------------------------------------------------------------------------------------------------*/
/*================(1600)================*/
@media screen and (max-width:100em) {
	.callusnow {
		position: relative;
		float: right;
		font-size: 22px;
		color: #fff;
		text-align: right;
	}
	.welcomewrapper h1 {
		font-size: 30px;
	}
	.welcomewrapper p {
		font-size: 18px;
		line-height: 26px;
	}
	.commonheader {
		font-size: 24px;
		margin-bottom: 25px;
	}
	.servicehead {
		font-size: 22px;
	}
	.servicescontent p {
		font-size: 17px;
	}
	.servicehead2 {
		font-size: 22px;
		line-height: 32px;
	}
	.serviceblockcontent p {
		font-size:16px;
		line-height:26px;
	}
	.serviceblockcontent a {
		font-size: 16px;
	}
	.commonhead {
		font-size: 24px;
		margin-bottom: 15px;
	}
	.whycallcpswrapper p {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 15px;
	}
	.testimonialswrapper p {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 15px;
	}
	.client {
		font-size: 14px;
		margin-top: 20px;
	}
	
	/*.footerwrapper {
		margin:0 4%;
	}*/
	.footercolumn p {
		font-size: 14px;
	}
	.copyright ul li {
		padding:0 5px;
	}
	.copyright ul li:first-child {
		padding: 0 5px 0 0;
	}
	.copyright ul li:last-child {
		padding: 0 0 0 5px;
	}
	
	.seowrapper p {
		font-size:24px;
		line-height:30px;
	}
	.seowrapper h1 {
		font-size:30px;
		line-height:34px;
		margin-bottom: 15px;
	}
	.seohead1 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	p.seorightpara {
		font-size: 18px;
		line-height: 24px;
	}
	a.seorightlink {
		font-size: 16px;
		padding: 6px 6px;
		margin-top: 15px;
	}
	ul.seoservicename li {
		font-size: 16px;
		line-height: 22px;
	}
	.seohead2 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	
	ul.subpagelist li{
		background:url(../images/bull.png) left 12px no-repeat;
		font-size:24px;
		line-height:32px;
	}
	.testhead {
		font-size:26px;
	}
	.footercolumn {
		margin-right:4%;
	}
	.mailnphonesection {
		font-size: 36px;
		line-height: 42px;
	}
	.seoservices p {
		font-size: 20px;
		line-height: 30px;
	}
		
}

/*================(1480)================*/
@media screen and (max-width:92.5em) {
	.slidecaption{
		top:10%;
	}
	.footercolumn {
		margin-right:2.9%;
	}
}

/*================(1400)================*/
@media screen and (max-width:87.5em) {
	.wrapper1 {
		margin:0 10px;
	}
	.footerwrapper {
		margin:0 0;
	}
	.footercolumn {
		margin-right:2%;
	}
	.mailnphonesection {
		font-size: 32px;
		line-height: 38px;
	}
}

/*================(1280)================*/
@media screen and (max-width:80em) {
	.wrapper1 {
		margin:0 10px;
	}
	.wrapper2 {
		margin:0 10px;
	}
	.bottommargine {
		margin:0 10px 30px;
	}
	.callusnow {
		font-size: 18px;
	}
	.footercolumn p {
		font-size: 12px;
	}
	.copyright ul li {
		font-size: 12px;
	}
	.footercolumn {
		height: 205px;
		text-align:center;
	}
	.seowrapper p {
		font-size: 20px;
		line-height: 24px;
	}
	.mailnphonesection {
		font-size: 26px;
		line-height: 32px;
	}
	.mapwrapper {
		min-height: 300px;
	}
	ul.subpagelist li {
		background: url(../images/bull.png) left 10px no-repeat;
		font-size:20px;
		line-height:30px;
	}
	.testhead {
		font-size:24px;
	}
	.slidecaption{
		max-width:450px;
	}
	.slidecaption h2{
		font-size:32px;
		line-height:32px;
	}
	.slidecaption p{
		font-size:24px;
		line-height:28px;
	}
	.slidecaption a{
		font-size:20px;
		padding:8px 10px;
	}
	
}


/*================(1400)================*/
@media screen and (max-width:87.5em) {

}

/*================(1368)================*/
@media screen and (max-width:85.5em) {

}

/*================(1260)================*/
@media screen and (max-width:78.75em) {



}

/*================(1224)================*/
@media screen and (max-width:76.5em) {

}

/*================(1200)================*/
@media screen and (max-width:75em) {
	.footerwrapper {
		padding:25px 0;
	}
	.footercolumn {
		width:25%;
		height:180px;
		padding:0 10px;
		margin-right:0;
	}
	ul.footerlogos {
		float:left;
		width:100%;
		text-align:center;
		padding:20px 0;
		margin:0 0;
	}
	ul.footerlogos li{
		text-align:center;
		padding:0 10px;
		margin:5px 0;
	}
	/*.copyright ul li {
		font-size: 14px;
	}*/
	.crafted {
		font-size: 14px;
	}
	.callusnow {
		font-size: 16px;
	}
	p.displayIndex{
		top:0px;
	}
	p.thumbheader {
		font-size:14px;
	}
	.service24hrs {
		margin: 0 0 0 15px;
	}
	
	.contactbannersec {
		height: calc(100% - 144px);
	}
	.contactbanner {
		max-height:665px !important;
		min-height:665px !important;
	}
	.formwrapper input {
		font-size:16px;
		padding:15px 15px;
	}
	.formwrapper textarea {
		font-size:16px;
		min-height: 200px;
		padding: 15px 15px;
	}
	.formwrapper {
		max-width:400px;
	}
	.seoservices p {
		font-size: 18px;
		line-height: 30px;
	}
	
	.slidecaption h2{
		font-size:26px;
		line-height:26px;
	}
	.slidecaption p {
		font-size: 18px;
		line-height: 24px;
	}
	.slidecaption a {
		font-size: 16px;
		padding: 5px 10px;
	}
	.slidecaption{
		max-width:420px;
	}
}

/*================(1120)================*/
@media screen and (max-width:70em) {
	.logo {
		max-width:180px;
	}
	.service24hrs {
		/*display:none;*/
		max-width:100px;
	}
}

/*================(<1080)================*/
@media screen and (max-width:67.4375em) {
	a.servicepage {
		display: block;
		font-size: 18px;
		color: #fff;
		text-align: center;
		text-decoration: none;
		background: #e52626;
		padding: 7px 5px 7px;
		border: #e52626 1px solid;
		margin-top: 20px;
	}
	.copyright ul li {
		padding: 0 2px;
	}
	.testimonialssec.testwrapper {
		margin-top: 40px;
	}
	.testimonialssec {
		margin-bottom: 40px;
	}
	.logo {
		max-width: 150px;
	}
	.service24hrs {
		max-width: 80px;
	}
	ul.sociallinks {
		margin-right: 15px;
	}
	ul.sociallinks li {
		margin-right: 15px;
	}
}

/*================(1069)================*/
@media screen and (max-width:66.8125em) {

}

/*================(1023)================*/
@media screen and (max-width: 63.9375em) {

}

/*================(1023 - 769)================*/
/*@media only screen and (max-width: 63.9375em) and (min-width: 48.0625em) {
	
}*/

/*================(<980)================*/
@media screen and (max-width: 61.1875em) {
	.logo {
		/*float:none;*/
		padding:10px 0;
		margin:0 auto;
	}
	.service24hrs {
		padding:10px 0;
	}
	.headerright {
		float:none;
		padding:10px 0;
	}
	ul.sociallinks {
		float:none;
		text-align:center;
		margin-bottom:10px;
	}
	.callusnow {
		float:none;
		text-align:center;
	}
	/*.contentwrapper {
		padding: 30px 0 20px;
	}*/
	.welcomewrapper h1 {
		font-size: 24px;
	}
	.welcomewrapper p {
		font-size: 16px;
	}
	.commonheader {
		font-size:18px;
		margin-bottom:20px;
	}
	.servicehead {
		font-size: 16px;
	}
	.servicescontent p {
		font-size: 14px;
	}
	a.servicepage {
		font-size: 14px;
	}
	.servicehead2 {
		font-size:16px;
		line-height:26px;
	}
	.serviceblockcontent p {
		font-size: 14px;
		line-height: 22px;
	}
	.serviceblockcontent a {
		font-size: 14px;
	}
	.commonhead {
		font-size:18px;
	}
	.whycallcpswrapper p {
		font-size: 16px;
		line-height: 24px;
	}
	.testimonialswrapper {
		padding:0 0;
	}
	.testimonialswrapper p {
		font-size:14px;
		line-height:20px;
	}
	
	.footercolumn {
		width:100%;
		float:none;
		height:auto;
		text-align:center;
		padding:10px 0;
	}
	.blank{
		display:none;
	}
	.copyright {
		float:none;
	}
	.copyright ul {
		display:block;
		text-align:center;
	}
	.crafted {
		float:none;
		text-align:center;
		margin-top: 15px;
	}
	
	.seohead1 {
		font-size:14px;
	}
	p.seorightpara {
		font-size: 14px;
		line-height: 20px;
	}
	a.seorightlink {
		font-size: 14px;
		padding: 6px 6px;
	}
	.seohead2 {
		font-size: 14px;
	}
	/*ul.seoservicename {
		padding-left: 20px;
	}*/
	ul.seoservicename li {
		font-size: 14px;
	}
	.seoservices p{
		font-size: 14px;
		line-height:20px;
	}
	
	.testhead {
		font-size:16px;
	}
	.testimonialsgap{
		padding:30px 0;
	}
	
	.contactbanner {
		min-height:1px !important;
	}
	.contactbannersec {
		position:relative;
		padding:0 0;
	}
	.formwrapper {
		position:relative;
		right:auto;
		width:100%;
		max-width:100%;
	}
	.formwrapper input {
		padding: 10px 10px;
	}
	.formwrapper textarea {
		min-height: 125px;
		padding: 10px 10px;
	}
	.formwrapper button {
		padding: 10px 10px;
	}
	
	.seowrapper p {
		font-size: 16px;
		line-height: 22px;
	}
	.seowrapper h1 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	ul.subpagelist li {
		background: url(../images/bull.png) left 7px no-repeat;
		font-size:16px;
		line-height:24px;
	}
	.mailnphonesection {
		font-size: 20px;
		line-height: 28px;
	}
	
	.logosec{
		max-width:245px;
		float:none;
		margin:0 auto;
	}
	ul.sociallinks {
		margin-right:0;
	}
	
	.slidecaption{
		top:0;
		right:50%;
		width:100%;
		max-width:50%;
		height:100%;
		padding:10px 10px;
	}
	.slidecaption h2 {
		font-size: 20px;
		line-height: 20px;
	}
	.slidecaption p {
		font-size: 16px;
		line-height: 20px;
	}

}


/*================(850)================*/
@media screen and (max-width:53.125em) {

}

/*================(800)================*/
@media screen and (max-width: 50em) {
	.slides{
		cursor:default;left:0;width:1700px;height:1200px;
	}
	#jssor_1{
		height:2700px;
	}
	p.thumbheader {
		top:1250px;
		width:100%;
		font-size: 14px;
		text-align:center;
	}
	.prev{
		width:250px;text-align:center;font-size:36px;top:1350px;left:0;padding:10px 0;
	}
	.next{
		width:250px;top:1350px;font-size:36px;right:0;padding:10px 0;
	}
	.jssort101 {position:absolute;left:0px;bottom:0;width:1700px;height:1240px;}
	
	p.displayIndex {
		top:1280px;
		width:100%;
		font-size:40px !important;
	}
	.jssort101 .p{
		width:400px !important;
		height:400px !important;
	}
}

/*================(>=768)================*/
@media screen and (min-width: 48em) {
}

/*================(768)================*/
@media screen and (max-width: 48em) {
	ul.subpagelist{
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
	}
	.mailnphonesection {
		font-size:16px;
		line-height:26px;
	}
}


/*================(<768)================*/
@media only screen and (max-width: 47.9375em){
	.customslideinner > div {
		flex-basis:100%;
		max-width:100%;
	}
	.customslideinner > div:first-child{
		display:none;
	}
	.slidecaption{
		position:relative;
		top:inherit;
		right:inherit;
		width:100%;
		max-width:100%;
		height:auto;
		padding:20px 20px;
	}
}
	
/*================(767 - 641)================*/
@media only screen and (max-width: 47.9375em) and (min-width: 40.0625em) {
	
}

/*================(640)================*/
@media screen and (max-width: 40em) {
	.logo {
		max-width: 150px;
	}
	.callusnow {
		font-size: 14px;
	}
	.col3of1 {
		float:none;
		width:100%;
		/*text-align:center;*/
		margin-right:0;
		margin-bottom:25px;
	}
	.col3of1:nth-child(3n+1):nth-last-child(-n+3), .col3of1:nth-child(3n+1):nth-last-child(-n+3) ~ .col3of1 {
		margin-bottom:25px;
	}
	.columnwrapper > div:last-child {
		margin-bottom:0 !important;
	}
	.whycallcpswrapper{
		text-align:center;
	}
	.col2of1 {
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	.col2of1:last-child{
		margin-bottom:0;
	}
	.col2of3 {
		float:none;
		width:100%;
		/*text-align:center;*/
		margin-right:0;
		margin-bottom:20px;
	}
	
	.seowrapper h1 {
		background:#e52626;
		font-size:20px;
		color:#fff;
		text-align:center;
		line-height:26px;
		padding:5px 5px 7px;
		margin-bottom: 12px;
	}
	.seowrapper h1 .colorred, .seowrapper h1 .colorred3{
		color:#fff !important;
	}
	.seowrapper p {
		font-size: 14px;
		line-height: 22px;
	}
	ul.seoservicename {
		list-style:none;
		padding:0 0;
	}
	ul.subpagelist li {
		/*background:none;*/
		font-size:14px;
		/*padding-left:0;*/
	}
	/*.testimonialssec {
		padding: 10px 0 0;
	}*/
	.inner2of1 {
		float:none;
		width:100%;
		margin-right:0;
	}
	.testimonialsblocks {
		margin-bottom: 25px;
	}
	#jssor_1{
		height:2600px;
	}
	.prev{
		width:350px;font-size:52px;top:1200px;
	}
	.next{
		width:350px;font-size:52px;top:1200px;
	}
	p.displayIndex {
		font-size:16px !important;
		transform:none !important;
	}
	.whycallcpswrapper p {
		font-size: 14px;
		line-height: 22px;
	}
	.spacing{
		display:none;
	}
	.contentwrapper {
		padding: 30px 0 0;
	}
	.welcomewrapper h1 {
		font-size: 22px;
	}
	.testimonialsgap{
		padding:30px 0;
	}
	.formwrapper {
		padding:10px;
	}
	.col1of1 {
		text-align:center;
	}
	.contactwrapper {
		margin-top:20px;
	}
	.mapwrapper {
		min-height:250px;
		margin-bottom:15px;
	}
	a.findus {
		max-width:100%;
		padding:10px 10px;
	}
	.seorightblocks2 img{
		width:100%;
	}
	.plumbingwrapper .seorightblocks2, .drainswrapper .seorightblocks2 {
		margin-bottom: 20px !important;
	}
	.seowrapper {
		padding-bottom: 2%;
	}
	.testimonialssec.testwrapper {
		margin-top:25px;
	}
	.testimonialssec {
		margin-bottom:0;
	}
	.seoservices {
		padding:10px 10px;
	}
	.seorightblocks2 {
		margin-bottom:20px;
	}
	.plumbingwrapper .seorightblocks2:last-child {
		margin-bottom:20px !important;
	}
	.seorightblocks2:last-child {
		margin-bottom:20px;
	}
	#jssor_1{
		height:3000px;
	}
	p.displayIndex {
		top:1480px;
	}
	.prev {
		top:1600px;
	}
	.next {
		top:1600px;
	}
	p.thumbheader {
		top: 1450px;
	}
	
	.commonheader {
		text-align:left;
	}
	.ourservice {
		text-align:center;
	}
	.viewonmobile{
		display:block;
	}
	.hideonmobile{
		display:none;
	}


}

/*================(639 - 481)================*/
@media only screen and (max-width: 39.9375em) and (min-width: 30.0625em) {
	
}

/*================(<640)================*/
@media only screen and (max-width: 39.9375em){
	.generalcall, .mobilecall {
		max-width: 40px;
	}
	ul.sociallinks li:nth-child(2), ul.sociallinks li:nth-child(3){
		max-width: 40px;
	}
	ul.sociallinks li{
		margin-right:5px;
	}
	
	#header .wrapper:last-child {
		background:rgba(0,0,0,0.5);
		display:block;
		font-size:48px;
		text-align:center;
		padding:25px 10px;
	}
	.callformobile{
		font-size:30px;
	}
	.callformobile a{
		color:#fff;
		font-weight:bold;
	}
	#commonbannersection {
		padding-bottom:0;
	}
	.callusnow {
		display:none;
	}
	/*#header .wrapper:first-child {
		background: rgba(0,0,0,0.8);
	}*/
	.generalcall, .mobilecall{
		display:inline-block !important;
	}
	
	#content{
		background:url(../images/background.png) left top repeat;
		/*background-image:url(../images/background.png) !important;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size: cover;
		-o-background-size: cover ;*/
	}
	.bgwrapper{
		position:relative;
		background:url(../images/background.png) left top repeat;
	}
	.slidecaption{
		text-align:center;
	}
	.slidecaption a{
		margin:0 auto;
	}

}
	
/*================(480)================*/
@media only screen and (max-width: 30em) {
	.logo {
		max-width: 120px;
	}
	.keywordswrapper {
		padding:15px 10px;
	}
	.keywordswrapper a{
		display:block;
		padding:10px 10px;
		border-right:none;
		border-bottom:#e52626 1px dotted;
	}
	.keywordswrapper a:last-child{
		border-bottom:none;
	}
	#jssor_1{
		height:2700px;
	}
	.prev{
		top:1250px;
	}
	.next{
		top:1250px;
	}
	ul.sociallinks li:nth-child(2), ul.sociallinks li:nth-child(3) {
		max-width:36px;
	}
	.generalcall, .mobilecall {
		max-width:36px;
	}
	ul.sociallinks li:first-child{
		max-width:150px;
	}
	.service24hrs {
		max-width: 64px;
	}
	.logosec {
		max-width:199px;
	}
	.headerright {
		padding:0 0 10px;
	}
}

/*================(<480)================*/
@media only screen and (max-width: 29.9375em) {
	ul.sociallinks li:first-child {
		max-width: 120px;
	}
	ul.sociallinks li:nth-child(2), ul.sociallinks li:nth-child(3) {
		max-width: 30px;
	}
	.generalcall, .mobilecall {
		max-width: 30px;
	}
	.callformobile{
		font-size:20px;
	}

}

/*================(320)================*/
@media screen and (max-width: 20em) {

}