body {margin:0px;padding:0;font-family: 'Raleway',Arial,sans-serif;}
form {margin:0px;padding:0px;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
.dc {margin:0 auto;}
.b0 {border:0;}
.b1b {border:1px solid black;}
img {border:0;}
.cp {cursor:pointer;}
table, table tr td, table tr th {margin:0;padding:0;border-collapse: collapse}
.tdp3 td {padding:3px;}
.tdp5 td {padding:5px;}
.tdp10 td {padding:10px;}
.p10 {padding:10px;}
.abs {position:absolute;}
.cb {clear:both;}
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}
.w100 {width:100%;}
.w50 {width:50%;}
.w48 {width:48%;}
.sw {max-width:1020px;}
.lsw {width:1000px;}
.main {font-family: 'Raleway',Arial,sans-serif;font-size: 15px;
letter-spacing: .4px;
line-height: 1.6em;font-weight:400;}
.main h1, .main h2, .main h3 {line-height:normal !important;} 
.swp {padding-left:10px;padding-right:10px;}
.p {cursor:pointer;}
.wbg {background-color:white;}
.dib {display:inline-block;}






h1, h2, h3 {margin:0;padding:0;font-family: 'Raleway',Arial,sans-serif;}
h1 {font-weight:400;text-transform:uppercase;letter-spacing: .4px;color:black;}
h2 {font-weight:700;line-height: 1.5em;color:#201713;}
h3 {font-weight:300;font-size: 15px;line-height: 1.4em;letter-spacing: .05em;color:#494949;text-transform:uppercase;}




.nav, .navon {display:inline-block;}
.nav a {color:white;font-family: 'Raleway',Arial,sans-serif;font-weight: 700;text-decoration:none;text-transform:uppercase;letter-spacing: 2px;padding: .75em 1em;-webkit-transition: color .2s ease-out;
  -moz-transition: color .2s ease-out;
  -o-transition: color .2s ease-out;
  transition: color .2s ease-out;}
.nav a:hover, .navon a, .navon a:hover {color:#D1D1D1;font-family: 'Raleway',Arial,sans-serif;font-weight: 700;text-decoration:none;text-transform:uppercase;letter-spacing: 2px;padding: .75em 1em;-webkit-transition: color .2s ease-out;
  -moz-transition: color .2s ease-out;
  -o-transition: color .2s ease-out;
  transition: color .2s ease-out;}



.sma {font-family:'Raleway',Arial,sans-serif;font-size:20pt;text-decoration:none;font-weight:700;color:white;text-transform:uppercase;-webkit-transition: color .2s ease-out;
  -moz-transition: color .2s ease-out;
  -o-transition: color .2s ease-out;
  transition: color .2s ease-out;}
.sma:hover, .smaon {color:#D1D1D1;font-family:'Raleway',Arial,sans-serif;font-size:20pt;text-decoration:none;font-weight:700;text-transform:uppercase;}


.subnav {
	text-align:left;
	top:20px;
	left:-5px;
	position:absolute;
	background-color:white;
	box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
	border: solid 1px silver;
	white-space:nowrap;
}

.subnavtext {
	font-size:9pt !important;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:0 !important;
	color:gray !important;
}











.textinput {
	width: 100%;
	padding: 12px;
	margin: 6px 0 4px;
	border: 1px solid #ccc;
	background: #fafafa;
	outline: none;
	text-decoration: none;
	font-size: 14px;
	font-family: 'Raleway',Arial,sans-serif;
	line-height: normal;
	box-sizing: border-box;
	border-radius: 2px;
	color: #000;
	font-weight: 400;
	letter-spacing: .4px;
}

.main a {color:#F77239;text-decoration:none;}
.main a:hover {color:#EF3C46;}


.test {margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #D9D9D9;}




.buttonw {border-radius: 3px;
	border-color:#EF3C46;
	border-width: 2px;
	border-style: solid;
	color:#EF3C46;
	text-align:center;
	background-color: white;
	padding: 21px 34px;
	cursor:pointer;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 3px;
	display:inline-block;
	font-family:'Raleway',Arial,sans-serif;
	transition: 0.1s background-color linear, 0.1s color linear;
}

.buttonw:hover {color:white;background-color:#EF3C46;transition: 0.1s background-color linear, 0.1s color linear;}

.buttonr {border-radius: 3px;
	color:white;
	text-align:center;
	background-color: #EF3C46;
	padding: 21px 34px;
	cursor:pointer;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 3px;
	display:inline-block;
	font-family:'Raleway',Arial,sans-serif;
	transition: 0.1s background-color linear, 0.1s color linear;
}

.buttonr:hover {color:white;background-color:#F46C73;transition: 0.1s background-color linear, 0.1s color linear;}



.homeheader {background:url('/images/plumbing-company.jpg') center center no-repeat;background-size:cover;padding-top:20px;padding-bottom:80px;text-align:center;}
.homeheader h1 {color:white;font-weight:700;text-transform:uppercase;text-align:center;padding:57px;letter-spacing: .4px;}
.homeheader b {color:white;font-weight:700;text-transform:uppercase;text-align:center;letter-spacing: .4px;}
.homeheader a {font-weight:700;font-size:20pt;color:white;text-decoration:none;}
.homeheader a:hover {color:#D1D1D1;text-decoration:none;}

.innerheader {background-color:black;text-align:center;}




.maxhomewidth {max-width:850px;}

.wlink {color:white;text-decoration:none;}
.wlink:hover {text-decoration:underline;}


.trans {-webkit-transition: color .2s ease-out;
  -moz-transition: color .2s ease-out;
  -o-transition: color .2s ease-out;
  transition: color .2s ease-out;}


.footer {background-color:black;color:#C0C0C0;text-align:center;padding-top:68px;padding-bottom:68px;font-weight:700;font-size:15px;font-family:'Raleway',Arial,sans-serif;text-transform:uppercase;letter-spacing: .05em;}
.footer a {text-decoration:none;color:#C0C0C0;white-space:nowrap;}
.footer a:hover {text-decoration:none;color:white;}

.wfooter {background-color:white;color:black;padding-top:34px;padding-bottom:34px;text-align:center;}
.wfooter a {color:black;text-decoration:none;}
.wfooter a:hover {color:#C0C0C0;text-decoration:none;}



.graybar {background-color:#F5F5F5;text-align:center;padding: 80px 0px 80px 0px;}
.graybar b {font-size: 1.1em;
font-weight: 700;
line-height: 1.2em;margin-bottom: 5px;}



@media screen and (max-width: 15000px) {
.main {color: rgba(0,0,0,.5);}
.gallerythumb {max-width:auto;display:inline-block;}
.homeright {max-width:25%;padding-left:20px;}
.homeleft {max-width:70%;}
.innerheader {padding-top:20px;padding-bottom:20px;}
.homeheader h1 {font-size:71px;}
.homeheader b {font-size:16px;padding:34px;}
.w50 {width:48%;}
h1 {font-size: 32px;text-align:left;}
h2 {font-size:28px;text-align:left;}
h3 {font-size:13pt;}
.nav a, .navon a {font-size: 15px;}
.fr {float:right;padding-left:10px;}
.fl {float:left;padding-right:10px;}
.flp {float:left;padding-right:50px;width:200px;}
.di {display:inline-block;}
.di2 {display:inline-block;}
.db {display:block;}
.mb, .mi {display:none;}
#largenav {display:block;}
#smallnav, #smallnav2, #smallnav3 {display:none;}
}

@media screen and (max-width: 870px) {
.main {color: rgba(0,0,0,.5);}
.gallerythumb {max-width:auto;display:inline-block;}
.homeright {max-width:25%;padding-left:20px;}
.homeleft {max-width:70%;}
.innerheader {padding-top:20px;padding-bottom:20px;}
.homeheader h1 {font-size:71px;}
.homeheader b {font-size:16px;padding:34px;}
.w50 {width:48%;}
h1 {font-size: 28px;text-align:left;}
h2 {font-size:26px;text-align:left;}
h3 {font-size:12pt;}
.nav a, .navon a {font-size: 13px;}
.fr {float:right;padding-left:10px;}
.fl {float:left;padding-right:10px;}
.flp {float:left;padding-right:50px;width:200px;}
.di {display:inline-block;}
.db {display:block;}
.mb, .mi, .di2 {display:none;}
#largenav {display:block;}
#smallnav, #smallnav2, #smallnav3 {display:none;}
}

@media screen and (max-width: 775px) {
.main {color: rgba(0,0,0,1);}
.gallerythumb {max-width:auto;display:inline-block;}
.homeright {max-width:100%;padding-left:0;}
.homeleft {max-width:100%;}
.innerheader {padding-top:10px;padding-bottom:0;}
.homeheader h1 {font-size:50px;}
.homeheader b {font-size:14px;padding:0;}
.w50 {width:100%;}
h1 {font-size: 26px;text-align:center;}
h2 {font-size:15pt;text-align:center;}
h3 {font-size:11pt;}
.fr {float:none;padding:0px;text-align:center;}
.fl, .flp {float:none;padding:0px;text-align:center;}
.flp {width:auto;}
.db, .di, .di2 {display:none;}
.mi {display:inline-block;}
.mb {display:block;}
#largenav {display:none;}
#smallnav {display:block;position: fixed !important; zoom:1;top: 0px !important;}
#smallnav2 {height:50px;display:block;}
#smallnav3 {display:block;}
}


@media screen and (max-width: 480px) {
.main {color: rgba(0,0,0,1);}
.gallerythumb {max-width:280px;display:inline-block;}
.homeright {max-width:100%;padding-left:0;}
.homeleft {max-width:100%;}
.innerheader {padding-top:10px;padding-bottom:0;}
.homeheader h1 {font-size:30px;}
.homeheader b {font-size:14px;padding:0;}
.w50 {width:100%;}
h1 {font-size: 22px;text-align:center;}
h2 {font-size:13pt;text-align:center;}
h3 {font-size:11pt;}
.fr {float:none;padding:0px;text-align:center;}
.fl, .flp {float:none;padding:0px;text-align:center;}
.flp {width:auto;}
.db, .di, .di2 {display:none;}
.mi {display:inline-block;}
.mb {display:block;}
#largenav {display:none;}
#smallnav {display:block;position: fixed !important; zoom:1;top: 0px !important;}
#smallnav2 {height:50px;display:block;}
#smallnav3 {display:block;}
}













#nav-icon3 {
  width: 25px;
  height: 19px;
  position: relative;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: white;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 9px;
}

#nav-icon3 span:nth-child(4) {
  top: 18px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}