@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,300,200,600);

html {
	position:relative;
}
.navbar-fixed-bottom, .navbar-fixed-top {
	z-index:100 !important;
}
body {
  /*min-height: 2000px;*/
  /*padding-top: 110px;*/
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:400;
  font-size:1.5em;
}


a {
	color:#c60707;
	 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
	
}

a:hover,
a:focus {
	color:#8f0202;
	text-decoration:none;
}
[class^='imghvr-'],
[class*=' imghvr-'] {
  position: relative;
  display: inline-block;
  margin: 0px;
  max-width: 100%;
  background-color: #2266a5;
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {
  vertical-align: top;
  max-width: 100%;
}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {
  background-color: #135796;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #ffffff;
}
[class^='imghvr-'] figcaption h1,
[class*=' imghvr-'] figcaption h1,
[class^='imghvr-'] figcaption h2,
[class*=' imghvr-'] figcaption h2,
[class^='imghvr-'] figcaption h3,
[class*=' imghvr-'] figcaption h3,
[class^='imghvr-'] figcaption h4,
[class*=' imghvr-'] figcaption h4,
[class^='imghvr-'] figcaption h5,
[class*=' imghvr-'] figcaption h5,
[class^='imghvr-'] figcaption h6,
[class*=' imghvr-'] figcaption h6 {
  color: #ffffff;
}
[class^='imghvr-'] a,
[class*=' imghvr-'] a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
/* imghvr-hinge-*
   ----------------------------- */
[class^='imghvr-hinge-'],
[class*=' imghvr-hinge-'] {
  -webkit-perspective: 50em;
  perspective: 50em;
}
[class^='imghvr-hinge-'] figcaption,
[class*=' imghvr-hinge-'] figcaption {
  opacity: 0;
  z-index: 1;
}
[class^='imghvr-hinge-']:hover img,
[class*=' imghvr-hinge-']:hover img {
  opacity: 0;
}
[class^='imghvr-hinge-']:hover figcaption,
[class*=' imghvr-hinge-']:hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.21s;
  transition-delay: 0.21s;
}
/* imghvr-hinge-up
   ----------------------------- */
.imghvr-hinge-up img {
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.imghvr-hinge-up figcaption {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.imghvr-hinge-up:hover > img {
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.imghvr-hinge-up:hover figcaption {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
picture {
	padding:2px;
	background:rgba(0,0,0,0);
	border:1px solid #fff;
	display:block;
}
h1, h2 ,h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	text-transform:uppercase;
}

h1 {
	font-size:2.8em;
}
h2 {
	font-size:2.4em;
}
h3 {
	font-size:2em;
}
h4 {
	font-size:1.8em;
}

h5 {
	font-size:1.4em;
}
h6 {
	font-size:1.2em;
}
.light {
	font-weight:400;
	font-size:1.4em;

}
.topHead {
	background:#fff;
	box-shadow: 0 10px 6px -6px rgba(0,0,0,0.2);
	
}
.page-title {
	text-align:center;
	text-transform:none !important;
	
}
#PageTop {
	
	padding:280px 0px 150px 0px;
	color:#fff!important;
}
#PageTop.plumb {
	background: url(../img/plumbing.jpg) center center fixed;
	background-size:cover;
}
#PageTop.repair {
	background: url(../img/repair.jpg) center center fixed;
	background-size:cover;
}
#navbar > .nav > li {
	border-top:20px solid #fff;
	display: inline-block;
}
#navbar > .nav {
	float:right!important;
}
#navbar > .nav > li.active,
#navbar > .nav > li:hover,
#navbar > .nav > li:focus,
#navbar > .nav > li > a:hover
 {
	border-color:#c60707;
	background:none;
}
#navbar > .nav > li > a {
	text-transform:uppercase;
	font-weight:700;
	color:#000;
	padding:15px 10px;
}
 

.logo img {
	padding:10px 0px;
	
}
.navbar-toggle {
	color:#CE1126;
}
#top {
	background: url(../img/webTop.jpg) no-repeat;
	background-size:100% auto;
	background-position:center center;
}

.jumbo {
	padding:250px 0px;
}
.jumbo h1 {
	text-transform:uppercase;
	line-height:1.4em;
}
.textRed {
	color:#c60707;
}
.textBlue {
	color:#00247d;
}

.bgRed {
	background:#c60707;
	color:#fff;
	padding:0px 10px;
}
.bgBlue {
	background:#00247d;
	color:#fff;
	padding:0px 10px;
}
#CTA {
	position:relative;
	z-index:50;
	margin-top:-140px;
}
.cta_btn, .btn-primary {
	background-color:#c60707;
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	font-family:'Montserrat', sans-serif;
	font-size:1.1em;
	border-radius:0;
	padding:20px 25px;
	border:none;
		 -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
.cta_btn:hover, .cta-btn:focus, .btn-primary:hover {
	color:#fff;
	background-color:#00247D;
}
.actionBox {
	background:url(../img/arrow.png) left center no-repeat #fff;
	background-size: auto 100%;
	padding:20px;
	border-bottom: 5px solid #00247d;
}

.actionBox p {
	font-size:1.6em;
	text-align: center;
	vertical-align: middle;
	line-height: 70px; 
	text-transform:uppercase;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
	margin:0;
	
}

.featureCol {
  background: #00247d;  
  color: #fff;
  position: relative;
  z-index: 1;

}
.featureCol:before,
.featureCol:after {
  background: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden; // for Chrome Windows
    }
    .featureCol:before {
		top: 0;
    transform: skewY(1.5deg);
    transform-origin: 100% 0;
	}
	.featureCol:after {
		bottom: 0;
    transform: skewY(-1.5deg);
    transform-origin: 100%;
	}



.featureCol .boxWhite {
	background:#fff;
	padding:30px 20px;
}

.featureCol2 {
  background: #e0e0e0;  
  position: relative;
  z-index: 1;

}
.featureCol2:before,
.featureCol2:after {
  background: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden; // for Chrome Windows
    }
    .featureCol2:before {
		top: 0;
    transform: skewY(1.5deg);
    transform-origin: 100% 0;
	}
	.featureCol2:after {
		bottom: 0;
    transform: skewY(-1.5deg);
    transform-origin: 100%;
	}


.thumbnail h6 {
	margin:30px 0px;
}
.thumbnail ul {
	margin-bottom:30px;
}
.section-icon {
	position: relative;
	display: inline-block;
	font-size:16px;
	width:42px;
	height:42px;
	line-height: 40px;
	color:#5a5a5a;
	margin:20px 0px;
}

.section-icon:before,
.section-icon:after {
	content:'';
	display: block;
	width:100px;
	height:1px;
	position: absolute;
	top:50%;
	background-color: #5a5a5a;
}

.section-icon:before {
	right:100%;
	margin-right: 20px;
}

.section-icon:after {
	left:100%;
	margin-left: 20px;
}
.feature {
	margin:20px 0px;
}
.LogoFeature {
	background:url(../img/feature.jpg) no-repeat fixed center center;
	background-size:cover;
	color:#fff !important;
	padding:250px 0px !important;
}
.LogoFeature h3 {
	margin-bottom:60px;
}
.callback {
	background:rgba(198,7,7,1);
	color:#fff !important;
	
}
.callback h5 {
	margin-bottom:30px;
}
#bottom p {
	background:#ddd;
	margin:0;
	padding:20px 0px;
}

.ccm-toolbar-visible nav {
	top:45px;
}
/**************PADDINGS AND MARGINS**********************/

.padding1 {
	padding:60px 0px;
}
.padding2 {
	padding:150px 0px !important;
}
.padding3 {
	padding:0 0 60px 0;
}
.margin1 {
	margin:50px 0px;
}
.margin2 {
	margin-bottom:30px;
}

/**************END PADDINGS******************************/
@media (max-width:1024px) {
	
	#top {
		background-size:auto 100%;
		background-position:center left;
	}
	
}

.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #fff url('../img/leadbeater-loader.gif') no-repeat center center; }