/*
Theme Name: kevinandrichard
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kevinandrichard
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

kevinandrichard is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html, body {
    height: 100%;
    width: 100%;    
}
html {
	c
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	font-family: 'Roboto', sans-serif;
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	font-size: 20px;
	margin: 4px 10px 0;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Roboto Condensed', sans-serif
}

p {
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: 3px;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	box-shadow: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	box-shadow: none;
	border: 1px solid #ccc!important;
	color: #111;
	outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #252933;
}

a:visited {
	color: #022eb5;
}

a:hover,
a:focus,
a:active {
	color: #022eb5;
	text-decoration: none
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
	text-decoration: none
}
/*--------------------------------------------------------------
## Margins
--------------------------------------------------------------*/
.top-20{
	margin-top:20px;
}
.top-50{
	margin-top:50px;
}
.top-75{
	margin-top:75px;
}
.top-90{
	margin-top:90px;
}
/*--------------------------------------------------------------
## backgrounds
--------------------------------------------------------------*/
.bg-gray{
	background: #fafafa
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#header{
	background: #ffffff;
	border-top:5px solid #022eb5;
	min-height: 117px;
	padding: 20px 0;	
	position: relative;
	box-shadow: 0 3px 6px rgba(8,9,9,.35), inset 0 4px 0 #012db5; /* drop shadow and inner shadow */
	-moz-box-shadow: 0 3px 6px rgba(8,9,9,.35), inset 0 4px 0 #012db5; /* drop shadow and inner shadow */
	-webkit-box-shadow: 0 3px 6px rgba(8,9,9,.35), inset 0 4px 0 #012db5; /* drop shadow and inner shadow */
	z-index: 1;
}
.logo{
	background: #ffffff;
	border-radius: 50%;
	box-shadow: 0 6px 3px rgba(8,9,9,.35);/* drop shadow  */
	-moz-box-shadow: 0 6px 3px  rgba(8,9,9,.35); /* drop shadow */
	-webkit-box-shadow: 0 6px 3px  rgba(8,9,9,.35); /* drop shadow */
	padding: 20px;
	position: absolute;
	z-index: 1;
	text-align: center;
}
.contact-header{
	background: #022eb5 url('images/i-phone.png') no-repeat 10% center ;
	border-radius: 20px;
	color:#fff;
	padding:0 30px 0 60px;
}
.contact-header h5{
	font-size: 18px
}
.contact-header span{
	color: #ffaa19
}
.contact-header a{
	color: #fff
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	margin-top: 20px;
	width: 100%;
}

.main-navigation ul {
	display: table;
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-align: center;
	float: right;

}

.main-navigation li {
	background: url('images/line.png') no-repeat center right;
	display: table-cell;
	padding:0  35px;
	position: relative;
}
.main-navigation li:last-child {
	background: none
}

.main-navigation a {
	color: #252833;
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.main-navigation .menu li:last-child{
	padding-right:0;
}
.main-navigation ul ul {
	background: #ffaa19;
	float: left;
	position: absolute;
	top: 2.5em;
	left: -999em;
	z-index: 99999;


}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	color: #242833;
	font-size: 16px!important;
	min-width: 160px;
}
.main-navigation ul ul li {
	background: none;
	border-bottom:1px solid #ffe8c2;
	text-align: center!important;
	padding:10px 35px!important;
	display: block;
	width:100%;
}
.main-navigation ul ul li:last-child{
	border-bottom: none;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
	color: #022eb5
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
	color: #022eb5
}

.mean-container .mean-nav ul li a.mean-expand{
	height: auto;
	padding: 8px!important;
}

.mean-container .mean-nav ul li a{
	font-size: 12px
}
/*-------------------------------------------------------------
## PDF Form Page
--------------------------------------------------------------*/
.pdf-form-section {
	padding: 100px 0 15px 0;
}
.pdf-form-section .form-title {
	color: #000;
	font-weight: 600;
	margin-bottom: 50px;
}
.pdf-form-section .pdf-body {
	margin-bottom: 20px;
}
.pdf-form-section .pdf-body__content h4 {
	color: #404040;
	font-weight: 600;
}
.pdf-form-section .pdf-body__content a {
	color: #012db5;
	transition: all 1s linear;
}
.pdf-form-section .pdf-body__content a:hover {
	color: #022eb5;
	text-decoration: underline;
}
.pdf-form-section .pdf-body__icon,
.pdf-body__icon {
	border: 1px solid #ececec;
	display: flex;
	justify-content: center;
	padding: 15px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.pdf-form-section .pdf-body__icon a:hover,
.pdf-body__icon a:hover {
	transform: scale(1.1);
}

.additional-contact {
	padding: 15px 0 100px 0;
}
.additional-contact__body {
	margin-bottom: 30px;
}
.additional-contact i {
	color: #ffaa19;
}
.additional-contact a,
.additional-contact span {
	font-size: 16px;
	margin-bottom: 15px;
}

/*--------------------------------------------------------------
## Slider / Banner
--------------------------------------------------------------*/
.banner-2{
	background: url('images/slide-01.jpg')no-repeat center center;
	background-size: cover;
	background-attachment: scroll;
	min-height:250px;
	position: relative;
}
.banner .headline, .banner-2 .headline{
	bottom:10px;
	font-size: 48px;
	position: absolute;
}
#slider ul.list li{
	list-style:none;
	min-height: 620px;
	text-align: center;
}
#slider ul.slide-logos{
	margin: 55px 0 45px 0;
	padding:0;
}
#slider ul.slide-logos li{
	border: 1px solid #d1d1d1;
	display: inline-block;
	margin: 5px 13px;
	min-height: 0;
	padding: 15px 10px;
	width: 154px;
}
#slider ul.slide-logos li img{
	height: 40px
}
.headline{
	color:#fff;
}
#slider .headline.blue{
	color:#022eb5;
	font-weight: bold;
	margin-bottom: 0;
}
#slider h2.sub-headline{
	color:#252933;
	font-weight: bold
}
#slider .btn{
	background: #ffaa19;
	border-radius: 30px;
	color:#252934;
	font-size: 16px!important;
	font-weight: 500;
	padding:15px 25px;
}
#slider .headline{
	font-weight: 500;
	font-size: 48px
} 
#slider .list{
	margin:0 ;
	padding:0;
}

.slide-content {
  padding-top:220px;
}
.slide-content.with-logos {
  padding-top:80px;
}
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
  position: absolute;
  bottom: 7%;
  text-align: center;
  margin: 0 auto;
  left: 0;
  width: 100%;
}
.owl-theme .owl-controls .owl-page span{
	background: #ffaa19;
	opacity: 1
}
.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background: #022eb5
}
/*--------------------------------------------------------------
## Maincontent
--------------------------------------------------------------*/
.block{
	padding:65px 3%;
}
.maincontent{
	float: left;
	padding:50px 0!important;
	width: 100%
}
.maincontent h3{
	margin-bottom:30px;
}
.featured {
	padding:15px 0 65px 0;
}
.featured .f-circle{
	background: #f5f5f5;
	border:2px solid #d6d6d6;
	border-radius: 100%;
	-moz-border-radius: 100%;
	height:200px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width:197px;
}
.featured  .f-title{
	font-weight: 500;
	text-align: center;
}
.f-list{
	margin:0;
	padding:0;
}
.f-list li{
	list-style: none;
}
span.f-desc {
  background: rgba(29, 67, 171, 0.8);
  border-radius: 100%;
  -moz-border-radius: 100%;
  color: white;
  cursor: pointer;
  display: table;
  height: 200px;
  padding:35px;
  position: absolute;
  top: 0;
  width: 197px;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
 
span.f-desc span{
	display: table-cell;
	font-family: 'Roboto Condensed',sans-serif;
	
	text-align: center;
	vertical-align: middle;
}
span.f-desc span p{
	font-size: 14px;
	font-weight: 100;
	line-height: 18px;
}
ul.f-list li:hover span.f-desc {
  opacity: 1;
}

#intro{
	background: url('images/bg-intro.jpg') no-repeat center;
	background-attachment: scroll;
	background-size: cover;
	color:#fff;
	text-align: center;
}

#intro p{
	margin:42px 0;
}
.r-more{
	display: inline-block;
	font-size: 16px;
}
.r-more.ghost{
	border:3px solid #ffaa19;
	border-radius:30px;
	color:#ffaa19;
	padding:10px 56px;
}
/*Radiators Page*/
#radiators .f-image {
	padding: 105px 0;
}
/*Line Card Page*/
#linecard .brands{
	background: #fafafa;
	border:1px solid #d1d1d1;
	float: left;
	margin: 30px 0;
	padding: 30px 0;
}
#linecard  p,
#radiators  p{
	color: #4f5567;
	font-size: 15px;
}
#linecard .brand-list{
	margin:0;
}
#linecard .brand-list li{
	border: 1px solid #d1d1d1;
	display: inline-block;
	list-style: none;
	margin: 20px 1%;
	width: 17%;
}
#linecard .brand-list li img{
	padding: 10%;
}
/*Products Page*/
#coming-soon,
#error404 {
    background: url('images/comingsoon_bg.jpg') center center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    color: #505567!important;
    min-height: 100%;
    line-height: 60px;
    width: 100%;
    text-align: center;
}
#coming-soon-logo, 
#error404-logo {
    padding-top: 128px;
    padding-bottom: 56px;
}
#coming-soon .heading,
#error404 .heading{
    margin-bottom: 100px;
}
#coming-soon .heading h2,
#error404 .heading h2 {
    font-size: 40px;
    font-weight: 300;
    margin: 0;
    font-family: 'Roboto', sans-serif!important;
}
#coming-soon .heading h3{
    font-size: 48px;
    font-weight: 700;
    margin: 0;
    font-family: 'Roboto', sans-serif!important;
}
#error404 .heading h3 {
    font-size: 42px;
    font-weight: 700;
    margin: 0;
    font-family: 'Roboto', sans-serif!important;
}
#subscribe-products input.form-control, 
#error404-search input.form-control {
    border-radius: 0!important;
    border: 1px solid #d1d1d1!important;
}
#subscribe-products p {
    font-size: 18px;
    margin: 0;
    font-weight: 700;
    margin-bottom: 25px;
}
#subscribe-products #email {
    padding: 13px 16px;
    background-color: #fff;
    color: #505567;
    font-size: 16px;
    font-weight: 300;
    border-radius: 0;
}

#search-error404 {
    padding: 13px 16px;
    background-color: #fff;
    color: #505567;
    font-size: 16px;
    font-weight: 300;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 350px;
    min-height: 50px;
    width: 100%;
}
#coming-soon span.wpcf7-not-valid-tip {
    text-align: center;    
    width: 100%;
    margin-top: 10px;
}
#coming-soon div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {
    float: none;
    margin: 0;
    padding: 0;
    line-height: 0!important;
}
#coming-soon div.wpcf7-validation-errors,
#coming-soon div.wpcf7-mail-sent-ok {
    border: none!important;    
}
#btn-comingsoon,
#btn-error404 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px 48px;
    border-radius: 50px;
    background-color: #ffaa19;
    margin-top: 15px;
    border: none;
}
#btn-error404 {
    display: block;
    margin: 0 auto;
}
.page-products #header, 
.page-products .banner-2, 
.page-products #footer-widgets, 
.page-products #footer,
.error404 .banner-2, 
.error404 #header,
.error404 #footer-widgets,
.error404 #footer {
    display: none;
}
#page {
    height: 100%;
}

#contact-bottom .c-details{
	margin-top:30px;
	text-align: center;
}
#contact-bottom .c-details h4{
	font-family: 'Roboto', sans-serif;
}
#contact-bottom .c-details:last-child{
	border-right:0;
}
#contact-bottom .c-details h4{
	margin:25px 0;
}
#contact-bottom .i-phone{
	background: url('images/i-contactbottom.png') no-repeat center;
	background-position: 0 0;
	display: block;
	height:60px;
	margin:0 auto 20px auto;
	width:60px;
}
#contact-bottom .i-email{
	background: url('images/i-contactbottom.png') no-repeat center;
	background-position: -70px 0;
	display: block;
	height:60px;
	margin:0 auto 20px auto;
	width:75px;
}
#contact-bottom h2{
	color:#022eb5;
}
#about {
	color:#505567!important;
	padding:50px 0 0;
}
#about .featured{
	border-top: 3px solid #022eb5;
	padding:50px 0;
}
#about .featured h3{
	font-weight: 500
}
#about .featured li{
	border-bottom: 1px solid #e1e1e1;
	list-style:none;
	padding: 20px 0
}
#about .featured li:last-child{
	border-bottom: 0
}
#about .google-reviews p{
	margin-top: 0;
}
#about .google-reviews {
    border: 1px solid #dcdcdc;
    padding: 20px;
}
#about p,
#radiators p{
	font-size: 15px;
	margin-top:30px;
}
#contact .btn-ghost,
#quotation .btn-ghost{
	background: none;
	border:2px solid #ffaa19;
	border-radius:30px;
	color:#ffaa19;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	padding:10px 56px;
}
#contact h3{
	margin-top:0;
	margin-bottom: 20px
}
#quotation{
	padding:50px 0;
}
#quotation h3{
	margin-top:0;
}
#quotation p{
	color: #505567;
	font-size: 15px;
}
#quotation .form-group label{
	color: #505567;
	font-size: 15px;
	font-weight: 300
}
#quotation .submit-wrap.form-control{
	text-align: center;
	width: 100%;
}
 .input-box label > span{
	color: #ffaa19
}
#quotation .radio-wrap label{
	margin-bottom: 25px;
	width: 100%
}
span.wpcf7-list-item{
	margin: 0 20px;
}
#quotation .radio-wrap span{
	font-size: 15px;
	font-weight: 100;
}
#quotation .required-items{
	margin-top:30px;
}
#quotation h5.box-title {
    color: #505567;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 30px;
}
#quotation table {
	width:100%;
}
#quotation table thead td{
	 padding: 20px;
}
#quotation table tr, 
#quotation table td {
	padding: 5px 20px
}
#quotation table thead,
#quotation table tr, 
#quotation table td {
  border: 1px solid #dedede;
  font-size: 15px;
  font-weight: 100;
}
#quotation  table .form-control{
	border: 0!important;
	box-shadow: none;
	margin: 0;
    min-height: 0;
    padding:0;
	width: 100%;
}
#quotation  table .form-control:focus{
	border:0;
}
#quotation .form-group textarea{
	height: 150px;
}
#quotation .btn-ghost,
#quotation .form-group .required-field{ 
	display: inline-block;
}
.form-group{
	margin-top: 75px;
}
.form-group .input-box {
  margin-bottom: 20px;
}

.form-group label{
	display: inline-block;
	font-size: 15px;
	font-weight: 100;
	vertical-align: top;
	width:35%;
}
.form-group .form-control{
	display: inline-block;
	min-height: 40px;
	padding: 10px 20px;
	width:60%;
}

.form-control{
	background: transparent;
	border-radius:0!important;
	box-shadow: none!important;
	margin-bottom:10px;
}
.form-group textarea{
	height:85px;
	padding: 10px 20px;
}
.form-group .required-field{
	color: #9fa1a8;
	font-size: 15px;
}
span.wpcf7-not-valid-tip{
	color: #f00;
	display: block;
	font-size: 14px;
	font-style: italic;
	text-align: right;
	width: 95%;
}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok{
	font-size: 15px;
	float: left;
	width: 100%
}
.submit-wrap.form-control{
	border:0;
	box-shadow: none;
	-moz-box-shadow:none;
	width: 100%
}
.contact-info{
	color: #505567;
	display: table;
	font-size: 15px
}
.contact-info .info{
	margin:16px 0;
	display: flex;
    align-items: center;
    justify-content: center;
}
.contact-info .info .fa-icon{
	background: url('images/i-contact.png') no-repeat center left;
	display: table-cell;
	height:48px;
	width: 20px;
}
.contact-info .info span{
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
}
.contact-info .info .fa-icon.phone{
	background-position: 0 14px
}
.contact-info .info .fa-icon.fax{
	background-position: -45px 14px
}
.contact-info .info .fa-icon.email{
	background-position: -23px 14px
}
.contact-info .info .fa-icon.address{
	background-position: -65px 14px
}
/*Directions*/
.nearby-transit span{
	color: #505567;
	display: block;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	line-height: 26px;
}
.other-addresses{
	margin-bottom: 100px
}
.other-addresses .container{
	border-top:1px solid #949494;
	margin-top: 60px;
	padding-top: 60px;
}
/*Forms Page*/
#forms.maincontent{
	padding-bottom:0!important;
}
.forms-block{
	margin-bottom: 75px;
}
.forms-block h4{
	color: #505567;
	font-weight: 500;
}
.forms-block p{
	font-size: 15px;
	margin-top:35px
}
.forms-block a{
	color: #012db5;
	font-size: 15px;
	font-weight: 3	00;
	margin-bottom: 15px;
	text-decoration: underline;
}
.forms-block a.mailto {
	text-decoration: none
}
.forms-block .dl-pdf{
	text-align: center;
}
.forms-block .dl-pdf a{
	display: block;
	font-weight: bold
}
.forms-block .dl-pdf .i-pdf{
	border: 1px solid #d1d1d1;
	padding: 15px 50px
}
/*Bottom Contact*/
#forms .bottom-contact{
	background: #fafafa;
	margin-top: 100px;
	padding: 40px 0;
	text-align: center;
}
#forms .bottom-contact h2{
	color: #012db5; /* text color */
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 30px;
	font-weight: bold;
}
#forms .bottom-contact h3 {
    margin-bottom: 0;
    margin-top: 0;
}

#forms .bottom-contact .contact-info .info .fa-icon{
	height:50px;
	vertical-align: middle;
}


/*FAQ Page*/
.panel-default {
 	border:0; 
}
.panel-group .panel{
	border: 1px solid #d1d1d1;
	border-radius: 0;
	margin-bottom: 20px;
}
.panel {
  -webkit-box-shadow: none;
   box-shadow: none
}
.panel-group .panel-heading+.panel-collapse>.panel-body{
	border:0;
}
.panel-body{
	color: #505567;
	font-size: 15px;
	padding:0 40px 35px 40px!important
}
.panel-default>.panel-heading {
	color: #252934;
	background:transparent!important;
	border-left: 0!important;
	border-right: 0!important;
	border-top: 0!important;
	font-family: 'Roboto Condensed', sans-serif
}
.panel-title {
	background: url('images/i-faq.png')no-repeat center left!important ;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 20px;
	color: inherit;
	padding:25px 0 25px 33px;
}
.panel-title>a {
	color: inherit;
	display: block;
	font-weight: 500;
	padding:5px 40px 0 0;
	text-decoration: none!important;
	width: 100%
}
.width-100 {
	width: 100%;
}
/* custom information */
.custom-info {
	display: flex;
	justify-content: center;
}
.custom-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.custom-info ul li {
	margin-bottom: 40px;
}
.custom-info ul li:last-child {
	margin-bottom: 0;
}
.custom-info ul li i {
	color: #ffaa19;
	font-size: 20px;
	margin-right: 15px;
}
.row-same-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:  flex;
	flex-wrap: wrap;
}
.row-same-height .hero-image-container img {
	bottom: 0;
	left: 0;
	position: absolute;
}
.row-same-height > [class*='col-'] {
	display: flex;
	flex-direction: column;
}
#calculator p{
	font-size: 15px;
}
#calculator h2{
	margin-bottom: 25px
}
/* BTU Calculator */
.btu_table p, .btu_table td, .btu_table tr, 
.btu_table th, .btu_table a, .btu_table h2 {font-family: helvetica, arial, verdana, sans-serif; font-weight: normal; font-size: 13px; text-align: left;padding:5px;}
.btu_table td {color: #666;}
/* #btu_calc { background-image: url('../images/btu_calc_banner.jpg'); width: 898px; height: 907px; margin: -20px 0 0 -20px; padding: 20px 20px 0 20px; } */
#btu_calc form table.btu_table { background: #fff; width: 100%; text-align: left;}
#btu_calc .btu_top_wrap h1 { font-family: bebas, helvetica, arial, verdana, sans-serif; color: #fff; font-size: 2.6em; font-weight: normal; letter-spacing: 1px; }
#btu_calc .btu_top_wrap h2 { color: #ff7f01; font-size: 1.3em; line-height: 2em; }
#btu_calc .btu_top_wrap p { color: #cdcdcd; margin: 5px 0 0 0; }
#btu_calc table { border: 1px solid #999; }
#btu_calc table th { background: #efefef; color: #333; font-size: 1.1em; }
#btu_calc th.btu_last { background: #ff7f01; color: #fff; }
#btu_calc input, select, textarea, button { margin: 0 10px 0 0; }
/* BTU footer */
.btu_footer { /* margin: 20px 0 0 0; border-top: 10px solid #666;*/ border-bottom: 10px solid #000; width: 900px; padding: 10px 0; float: left; }
.btu_footer_box { width: 152px; background: #efefef; padding: 10px; margin: 0 8px 0 0; float: left; }
.btu_footer_box:hover { background: #fff; cursor: pointer; }
.btu_footer_box_last { margin: 0; }
.btu_footer_box img { width: 152px; height: 152px; float: left; }
.btu_footer_box h3 { font-family: bebas, helvetica, arial, verdana, sans-serif; font-size: 1.8em; font-weight: normal; margin: 6px 0 0 0; display: inline-block; }
#btu_calc .btu_select { display: inline-block; background: #8097a4; padding: 5px 10px; margin: 40px 0 0 0; font-family: bebas, helvetica, arial, verdana, sans-serif; color: #fff; font-size: 1.8em; color: #fff; text-decoration: none;}
.btu_footer_description { float: left; margin: 20px 0 0 0; }
.btu_footer_description h2 { letter-spacing: -0.4px; }


/* BTU Filter */
.btu_footer .btu_navigation {width: 898px; float: left; padding: 5px 20px 0; height: 27px; border: 1px solid #ddd; border-width: 1px 0; background: #efefef; margin: 0 0 0 -20px;}
.btu_footer .btu_navigation .prev_next_butts { width: auto; float: right; background: none; text-align: right; }
.btu_footer .btu_navigation .prev_next_butts button.button {background: none; line-height: 22px;}
.btu_footer .btu_navigation .prev_next_butts button.button span {color: #333; text-decoration: underline;}
.btu_footer .btu_navigation .prev_next_butts button.button span:hover {text-decoration: none;}
.btu_pp {color: #333; display: inline-block;}

/* BTU Results */
.btu_matchrad_header {width: 100%; float: left; margin: 0 0 20px 0;}
.btu_matchrad_header h2 {font-family: helvetica, arial, verdana, sans-serif; font-size: 16px; letter-spacing: -0.4px;}

/* BTU Results Layout */
.btu_result_box {width: 180px; height: 280px; padding: 10px; float: left; margin: 11px; background-image: -moz-linear-gradient(center bottom , #F2EFF0 0%, #FFFFFF 25%);}
.btu_result_box img {margin: 0 0 10px 0;}
.btu_result_box a {text-decoration: none;}
.btu_result_box a:hover {text-decoration: underline;}
.btu_result_box a span {color: #555; font-weight: bold; font-size: 1em; display: inline-block; height: 56px;}
.btu_result_box a span:hover {text-decoration: underline;}
.btu_result_box .btu_price {font-size: 12px; color: #000; font-weight: bold;}
.btu_mi {color: #ff7f01; font-weight: bold; letter-spacing: -0.4px; float: right;}
 
.btuForm {min-width: 280px; /*width: 500px;*/background: #fff; margin: 30px auto;}

.btu_header {margin: 0 0 20px 0; float: left; width: 100%;}
.logo {width: 238px; float: left;}
h2.headertext {font-size: 20px; font-weight: bold; letter-spacing: -0.6px; float: right; display: inline-block; text-align: right; width: 260px; margin: 10px 0 0 0;}

input.generate {background: #ff7f01; border: none; padding: 10px 20px; font-size: 14px; font-family: helvetica, arial, verdana, sans-serif; color: #fff; font-weight: bold; }
input.generate:hover {cursor: pointer; background: #E96900;}
#welcomeDiv {margin: 20px 0 0 0;}


/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.title{
	color:#ffaa19;
	font-size: 20px;
	margin-bottom:20px;
}
.seperator{
	float: left;
	height:40px;
	width: 100%
}
/*Footer Widgets*/
#footer-widgets{
	background: #252934;
	border-top:5px solid #022eb5;
	float: left;
	padding:40px 0;
	width: 100%
}
#footer-widgets p{
	color:#9fa1a8;
	font-size: 14px;
}
#footer-widgets li{
	list-style: none
}
#footer-widgets #widget-navigation{
	margin:0;
	padding: 0;
}
#footer-widgets #widget-navigation li{
	display: block;
}
#footer-widgets #widget-navigation li a{
	color:#9fa1a8;
	font-size: 14px;
	line-height: 25px
}
#footer-widgets ul.i-social{
	margin:0;
	padding:0;
}
#footer-widgets ul.i-social li{
	display: inline-block;
	margin-right: 10px
}
#footer-widgets ul.i-social li:last-child{
	margin-right: 0
}
#map-canvas{
	height:200px;
	width: 100%
}
#map-canvas-02 img {
	width: 100%
}
/*Footer*/
#footer{
	background: #1c1f28;
	color:#9fa1a8;
	float: left;
	padding:25px 0;
	width: 100%
}
#footer ul.footer-navigation{
	margin:0;
	padding:5px 0;
}
#footer ul.footer-navigation li{
	border-right:1px solid #9fa1a8;
	display: inline-block;
	list-style:none;
	line-height: 10px;
	padding:0 10px;
}
#footer ul.footer-navigation li:last-child{
	border-right: 0;
}
#footer .footer-navigation li a{
	color:#9fa1a8;
	font-size: 14px
}

@media (min-width: 1200px){
	#contact-bottom .c-details{
		border-right:1px solid #949494;
	}
	#forms .bottom-contact {
		text-align: center;
	}
	#forms .bottom-contact .contact-info{
		display: block
	}
	#forms .bottom-contact .contact-info .info .fa-icon,
	#forms .bottom-contact .contact-info .info span{
		display: inline-block;
	}
}
@media screen and (max-width: 991px){
	.main-navigation li{
		padding: 0 15px;
	}
	.main-navigation li a{
		font-size: 12px
	}
	.submit-wrap.form-control{
		text-align: center;
	}
	.form-group .required-field{
		display: block;
		margin-top: 20px;
		text-align: center;
		width: 100%
	}
}
@media screen and (max-width: 768px){
	.google-reviews{
		margin-bottom: 20px
	}
}
@media screen and (max-width: 767px){
	#site-branding {
	  float: none;
	  margin-top: 20px;
	  text-align: center;
	}
	.logo{
		box-shadow: none;
		display: inline-block;
		float: none;
		-moz-box-shadow:none;
		position: static;
	}
	.contact-header{
		float: none!important;
		display: inline-block;
		margin:0 auto;
	}
	#site-navigation{
		text-align: center;
	}
	#footer-widgets{
		text-align: center;
	}
	#footer-widgets .col{
		border-bottom: 1px solid #4f5567;
		padding-bottom: 20px;
	}
	#footer-widgets .col:last-child{
		border-bottom: 0
	}
	.left-pane,
	.right-pane,
	.footer-navigation{
		float: none!important;
		text-align: center!important;
	}
	.form-group label,
	.form-group .form-control{
		display: block;
		width: 100%;
	}
	.form-group .required-field{
		display: block;
		margin-top: 20px
	}
	#contact .contact-info{
		border-top:1px solid #ccc;
		padding-top: 40px;
	}
	.hero-col {
		width: 100%;
	}
	.row-same-height .hero-image-container img {
		position: relative;
		display: flex;
		margin: 0 auto;
	}
}
@media screen and (max-width: 430px){
	.contact-header h5{
		font-size: 11px;
	}
	#slider ul.slide-logos li{
		width:100px;
	}
	#slider ul.slide-logos li img {
	    height: 15px;
	}
	.slide-content.with-logos{
		padding-top: 20px
	}
	/*#featured .f-list li{
		width: 100%
	}*/
	.page-about-us .featured .f-circle {
		height:200px;
		width: 200px
	}
	.featured .f-title, 
	span.f-desc span p
	/*#contact-bottom .c-details h4,
	#contact-bottom .r-more.ghost*/  {
		font-size: 100%
	}
	span.f-desc {
		padding: 10px;
	}
	span.f-desc span p {
		line-height: 10px;
	}
	span.f-desc, .featured .f-circle{
		height:100px;
		width: 100px
	}
	span.f-desc span{
		font-size: 7px;
		line-height: 10px;
	}
	#linecard .brand-list li{
		width: 25%
	}
	/*#contact-bottom .r-more.ghost {
		padding: 5px 10px
	}*/
    #search-error404 {
        min-width: 240px;    
	}
}