/*
 * 
 * Heating Genie Stylesheet
 *
 */
.no-padding{ padding: 0; }
.no-padding-left{padding-left: 0;}
.fullwidth{ width: 100%; }
.padding1{ padding-top: 15px; padding-bottom: 15px; }
.h1{ font-family: Brocha Black; color: #346095; }
.h2{ font-family: Brocha Black; color: #346095; font-size: 36px; margin: 30px 0; }
.bgcolor1{ background-color: #F3F3F3; }
.h1-text p{ font-size: 17px; }
.header{ float: left; margin: 10px 0 0 0; text-align: center; }
.pq{ padding: 0; float: right; }
.pq li{ font-family: Swiss721 CN BT; list-style: none; float: left; padding: 0 15px; }
.pq .phone{ border-right: 2px solid #fff; }
.pq .phone a{ font-size: 52px; color: #fff; line-height: 67px; }
.pq .quote a{ font-size: 37px; color: #ffd301; font-family: Swiss721 CN BT; line-height: 35px; }
.pq .phone a:hover{ text-decoration: none; }
.pq .quote{ padding-right: 0; }
.pq .quote a:hover{ text-decoration: none; color: #E7BE01; }

/* navbar */

.nav.navbar-nav li.active{ background-color: #dc1f24; }
.dropdown-menu .current{ color: #dc1f24; }
/* end navbar */

/* content */

/* inputfield */
.inputfield1, .textarea1{ width: 100%; text-indent: 5px; }
.textarea1{ min-height: 60px; }

/* buttons */
.btn{ border-radius: 0; font-size: 30px; font-family: Brocha Black; text-transform: uppercase; }
.btn-contact{color: #346095; background-color: transparent; border: #346095 solid 2px; margin: 20px 0px 40px 0px; padding: 6px 35px;}
.content{ background-color: #cdcccc; width: 100%; margin-bottom: 20px; padding: 50px 0px; min-height: 300px;}
.content p.toppara{font-size:22px; font-family:Brocha Bold;}
.content p{font-size:18px; }
.quotation{ background-color: #346095; width: 100%; padding: 50px 0px; min-height: 270px; margin-bottom: 20px;}
.quotation p{color:white; font-size: 18px; font-family: Brocha Book;}
.quotation h3{color:white; font-size:36px; font-family: Brocha Semibold; text-transform: uppercase; }

hgroup{ margin: 0 0 30px 0; }
hgroup .h1{ margin: 0; }
hgroup h2{ margin: 0; font-family: Brocha Black; font-size: 55px; color: #747474; line-height: 48px; }
.contactForm{ margin: 0 0 15px 0; }
.contactForm .fr{ float: left; width: 100%; margin: 0 0 10px 0; }
.contactForm h4{ font-size: 25px; font-family: Swiss721 TH BT Thin; color: #000; }
/* slider */
.slider1{ border: 10px solid #EFE6E9 !important; float: left; width: 100%; }
.slider1 .slidebody{ background-color: #4F7965; color: #fff; padding-top: 10px; }
.slider1 .slidebody strong{ font-size: 23px; font-family: Swiss721 BT Bold; }
.slider1 .btn-trans{ border: 1px solid #fff; color: #fff; width: 90%; font-size: 15px; text-transform: uppercase; font-family: Swiss721 BT; margin: 10px 0 5px 0; }
.slider1 .flex-control-nav li { display: block !important; margin: 6px !important; }
.slider1 .flex-control-nav { background: rgba(255,255,255,0.8); bottom: 45% !important; right: 0 !important; width: auto; -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; }
.slider1  .flex-control-paging li a { background: rgba(79,121,101,0.6); }
.slider1  .flex-control-paging li a.flex-active { background: rgba(79,121,101,0.99); }
.box1 h4{ color: #ed1c24; font-size: 27px; font-family: Swiss721 CN BT bold; width: 100%; float: left; }
.box1 .h2{ margin-bottom: 30px; }
.box1 .thumb{ margin: 0 0 15px 0; }
.box1 .thumb img{ border: 7px solid #C0C0C0; }
.box1 p{ font-size: 17px; color: #454545; font-family: Swiss721 CN BT; float: left; width: 100%; }
.arrow{ font-size: 17px; color: #454545; font-family: Swiss721 CN BT bold; text-transform: uppercase; }
.arrow.text{ float: left; margin: 0 0 5px 0; }
.arrow.text:hover{ color: #235f46; text-decoration: none; }
.arrow.text img{ margin-left: 10px; }
.news-footer{ background-color: #BCB9B9; margin-top: 30px; }
.news-footer h3{ font-size: 47px; font-family: Swiss721 BT Bold; margin-bottom: 0; }
.news-footer p{ font-family: Swiss721 LT BT; }
.news-footer p a{ color: #323232; font-style: italic; }
.services .box1 .thumb{ position: relative; }
.services .box1 .thumb{ border: 0; }
.services .box1 .thumb, .services .box1 .thumb img{ width: 100%; border: 0 !important; margin: 0; }
.services .box1{ border: 7px solid #C0C0C0; padding: 0; margin: 0 0 25px 0; }
.services .box1 .thumb .cap{ background: rgba(31,93,68,0.70); bottom: 0; left: 0; position: absolute; width: 100%; color: #fff; padding: 5px 15px; }
.services .box1 .thumb .cap span{ font-size: 23px; font-family: Swiss721 CN BT bold; text-transform: uppercase; }
.services .box1 .thumb .cap .arrow img, .services .box1 .thumb .cap .arrow{ border: 0; margin: 0; }
.help{ margin: 30px 0 0 0; }
.help h4{ font-size: 23px; font-family: Swiss721 CN BT bold; }

/* footer */
#main3{ float: left; width: 100%; margin: 30px 0 0 0; }
address{ color: #fff; font-family: Swiss721 LT BT; font-size: 15px; }
address strong{ font-family: Swiss721 Heavy; display: block; font-weight: normal; }
.ul1{ padding: 0; }
.ul1 li{ list-style: none; color: #fff; display: block; }
.ul1 li.title{ font-family: Swiss721 Heavy; text-transform: uppercase; }
.ul1 li a.title{ font-family: Swiss721 Heavy; color: #fff; }
.ul1 li a{ font-family: Swiss721 LT BT; color: #fff; }
.footernav{ padding: 0; margin: 0 0 0 -5px; }
.footernav li{ list-style: none; float: left; }
.footernav li.last a{ border-right: 0 !important; }
.footernav li a{ font-size: 13px; font-family: Swiss721 LT BT; color: #fff; border-right: 1px solid #fff; padding: 0 5px; }
.copyright{ color: #fff; font-size: 13px; font-family: Swiss721 LT BT; }

.socialContainer{ float: left; width: 100%; text-align: center; }
.socialContainer h2{ font-family: Brocha Black; color: #346095; font-size: 36px; margin:0px; }
.socialContainer p{ font-family: Brocha Book; color: #346095; font-size: 15px; margin:5px 0px 5px 0px; }
/*.socialContainer p{ color: #0d5435; font-family: Ubuntu Condensed Regular; color: #0d5435; margin-bottom: 10px !important; }*/
.social li{ list-style: none; }
.social li a{ width: 28px; height: 28px; float: left; }
.social li a.white{ background: url("../assets/images/icons-colored.png") no-repeat; }
.social li a.colored{ background: url("../assets/images/icons-colored.png") no-repeat; }
.social li a.icon2{ background-position: -28px 1px; }
.social{padding: 15px 0px 0px 0px;}

.social-link {width:100%; height: 28px;}
.social-link a{ width: 28px; height: 28px; display: inline-block; }
.social-link a.colored {background: url("../assets/images/icons-colored.png") no-repeat;}
.social-link a.white { background: url("../assets/images/icons-colored.png") no-repeat; }
.social-link a.icon2 { background-position: -28px 1px; }

.red-button {
	width: 120px;
	height: 40px;
	font-family:Brocha Bold;
	font-size: 14px;
	color: white;
	background-color: #dc2424;
	padding: 11px 31px;
	text-transform: uppercase;
}
.quote-button {
	width: auto;
	height: auto;
	font-family:Brocha Black;
	font-size: 24px;
	color: white;
	background-color: #dc2424;
	padding: 30px 36px;
	text-transform: uppercase;
	text-align: center;
	margin: 10px;
}
.quote-button a{
	background-color: #dc2424;
	color: white;
}

a:hover{
	color: white;
	text-decoration: none;
}
.logo{
	width:58%;
	padding:10px 0 10px 0;
}
.worlogo{
	width:70%;
	padding-top: 20px;
}

.footerinfo h2{ font-family: Brocha Black; color: #346095; font-size: 36px; margin:0px; }

.footerinfo p{
	text-align: center;
	font-family: Brocha Book;
	font-size: 12px;
	margin:10px 0 10px 0;
}
img.installer{
	height: 100px;
	text-align: center;
}
img.installer!{
	width: 58%;
	text-align: center;
}
img.gaslogo{
	height: 100px;
}
img.gaslogo!{
	width: 44%;
}
img.oftec{
	height: 70px;
	
}

img.footerlogo{
	width: 61%;
}
.footerinfo{
	text-align: center;
}

.blue-box{
	width:auto;
	height:auto;
	background-color: #346095;
	text-align: center;
	padding: 20px 0px;
}
.blue-box p{
	color:white;
	font-family: Brocha;
	text-align: center;
	margin: 0px 50px 25px 50px; 
}
.blue-box img{
	width: 86%;
}
.morebutton{
	text-align: center;
}
.morebutton a{
	padding:6px 40px 6px 40px;
	border:2px solid white;
	font-family: Brocha Black;
	font-size: 30px;
	color: white;
	background-color: transparent;
}
.text-block{
	margin:10px;
}
.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width:246px;
	height:246px;
	display: block;
	margin: auto;
	background-color:#cdcccc;
	position: absolute;
	bottom: 60px;
}
.installation{position: relative; bottom: 200px;}
.installation h4 {color: #007940; font-family: "Brocha Bold"; font-size: 25px; margin-top: 35px;}
.service{position: relative; bottom: 200px;}
.service h4 {color: #ec8713; font-family: "Brocha Bold"; font-size: 25px; margin-top: 35px;}
.repair{position: relative; bottom: 200px;}
.repair h4 {color: #57c3e7; font-family: "Brocha Bold"; font-size: 25px; margin-top: 35px;}
.flushing{position: relative; bottom: 200px;}
.flushing h4 {color: #dc2424; font-family: "Brocha Bold"; font-size: 25px; margin-top: 35px;}
.homecap p { color: #4a579e; font-family: "Brocha"; font-size: 15px; }
.height240 {height: 240px;}
.topminus200 {position: relative; /*bottom: 200px;*/}
.headshot{
	width:230px;
	height:230px;
	display: block;
	margin: 0 auto;
	box-shadow: 3px 3px 3px;
}
.team{
	text-align: center;
}
.team h4{
	font-family: Brocha Bold;
	font-size: 24px;
}
.team h5{
	font-family: Brocha Semibold Italic;
	font-size: 18px;
	color: black;
}


.team{
	text-align: center;
	margin:50px 0px;
}
.testimonials h1{
	font-size: 48px;
	font-family: Brocha Bold;
}

.testimonials p{
	font-size: 16px;
	font-family: Brocha Book Italic;
	color: white;
}
.testimonials h5{
	font-family: Brocha Bold;
	font-size: 16px;
	color: white;
	
}
.team h5{
	font-family: Brocha Semibold Italic;
	font-size: 18px;
	color: black;
}
.text-testimonials{
	background: rgba(218,37,37,1);
	background: -moz-linear-gradient(top, rgba(218,37,37,1) 0%, rgba(60,93,144,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(218,37,37,1)), color-stop(100%, rgba(60,93,144,1)));
	background: -webkit-linear-gradient(top, rgba(218,37,37,1) 0%, rgba(60,93,144,1) 100%);
	background: -o-linear-gradient(top, rgba(218,37,37,1) 0%, rgba(60,93,144,1) 100%);
	background: -ms-linear-gradient(top, rgba(218,37,37,1) 0%, rgba(60,93,144,1) 100%);
	background: linear-gradient(to bottom, rgba(218,37,37,1) 0%, rgba(60,93,144,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da2525', endColorstr='#3c5d90', GradientType=0 );
	padding: 10px 30px 20px 20px;
	margin: 20px 0px 150px 0px;
	position: relative;
	border: white solid 10px;
}

.text-testimonials-center{
	background: rgba(218,37,37,1);
	background: -moz-linear-gradient(top, rgba(218,37,37,1) 0%, rgba(60,93,144,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(218,37,37,1)), color-stop(100%, rgba(60,93,144,1)));
	background: -webkit-linear-gradient(top, rgba(218,37,37,1) 0%, rgba(60,93,144,1) 100%);
	background: -o-linear-gradient(top, rgba(218,37,37,1) 0%, rgba(60,93,144,1) 100%);
	background: -ms-linear-gradient(top, rgba(218,37,37,1) 0%, rgba(60,93,144,1) 100%);
	background: linear-gradient(to bottom, rgba(218,37,37,1) 0%, rgba(60,93,144,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da2525', endColorstr='#3c5d90', GradientType=0 );
	max-width: 372px;
	padding: 10px 30px 20px 20px;
	margin: 20px 40px 150px 40px;
	position: relative;
}


.head-test{
	width:90px;
	height:90px;
	display: block;
	margin: 0 auto;
	border: #dc2424 solid 5px;
	position: absolute;
	bottom: -45px;
	right: 15px;
}

.white-menu {
	background-color: #fff;
	font-family: 'Brocha Book';
	font-size: 18px;
	color: black;
	min-height: 450px;
	
	padding-top: 10px;
	
}
.white-menu a {
	color: black;
}

.white-menu a:hover {
	color: #346095;
}

.white-menu a:active {
	color: #346095;
}

.white-menu a:focus {
	color: #346095;
}
.white-menu li.current a, .white-menu li.current{ 
	color: #346095;
	font-family: Brocha Semibold Italic; 
}
.white-menu li { 
	list-style-type: none;
	padding: 25px 35px 0px 35px; 
}

h3.contact-us{
	font-family: Brocha Bold;
	font-size: 30px;
	text-align:center;
	color: white;
}
#contact-details p{
	font-family: Brocha Semibold;
	font-size: 30px;
	display: block;
	word-wrap: break-word;
}
.fa-round {
  border: solid 2px #ffffff;
  font-size: 30px;
  color: #ffffff;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  padding:7px;
}
#contact-details .fa-round{
	margin-right: 10px;
	font-size: 30px;
}
#contact-details {
	list-style-type: none;
	padding-left: 20px;
}
#contact-details li{
    margin-bottom: 10px;
    display: inline-flex;
    word-break: break-all;
}
#contact-us-form {
  background-color: #ffffff;
  padding-top: 30px;
}
#contact-us-form h2 {
  font-family: 'Brocha Bold';
  font-size: 48px;
  text-align: center;
  display: block;
  margin-bottom: 40px;
}
#contact-us-form .input-text {
  font-family: 'Brocha Book';
  width: 100%;
  border: none;
  border-bottom: solid 1px #346095;
  line-height: 30px;
  height: 40px;
  font-size: 24px;
  margin-bottom: 20px;
}
.button-center{
	text-align: center;
}
.pagination{
	display: block;
	float: left;
	margin-top: 0px;
	clear: left;
}