/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic');


body {
    width: 100%;
    height: 100%;
    font-family: 'Lato',sans-serif;
	font-weight: 300;
    color: #666;
    background-color: #fff;
}

html {
    width: 100%;
    height: 100%;
}

.container {
	padding-left: 0px;
	padding-right: 0px;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 30px;
    text-transform: uppercase;
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    color: #FFD600;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {

    color: #a5d4e8;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 26px;
}

p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.6em;
}

p.lead {
	font-weight: 600;
}

.text-pomegranate {
	color: #53006c;
}
.lead {
	font-weight: 400 !important;
}

.bold,b {font-family: 'Lato',sans-serif;font-weight: 900;}

.light {
    font-weight: 300;
}

.navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);

}

.navbar-brand {
    font-weight: 700;
}
.navbar-brand {
  height: 40px;
  padding: 5px 15px;
  font-size: 18px;
  line-height: 1em;
}

.navbar-brand h1{
	color: #fff;
  font-size: 20px;
  line-height: 40px;
}

.navbar-brand:focus {
    outline: 0;
}

.nav.navbar-nav {
    background-color: #FFD600;
    margin: 10px 0 0 0;
}

.top-nav-collapse {
	background: #FFD600 !important;
}

.navbar-custom.top-nav-collapse .nav.navbar-nav {
    background-color: rgba(0,0,0,0);
}


.navbar-custom ul.nav li a {
	font-size: 12px;
	letter-spacing: 1px;
    color: #53006c;
	text-transform: uppercase;
	font-weight: 700;
}

.navbar-custom ul.nav ul.dropdown-menu li a {
	font-size: 12px;
	letter-spacing: 1px;
    color: #da0000;
	text-transform: uppercase;
	font-weight: 700;
}

.navbar-custom.top-nav-collapse ul.nav li a {
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	color: #53006c;
}

.navbar-custom.navbar-fixed-top a.navbar-brand {
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	background-image: url(../img/heat_n_air-logo.svg);
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 45px;
	margin-right: auto;
	left: 0;
	right: 0;
	top: -15px;
	z-index: 1000;
	width: 100%;
	height: 122px;
}

.navbar-custom.top-nav-collapse a.navbar-brand {
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	background-image: url(../img/heat_n_air-logo.svg);
	background-repeat: no-repeat;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 8px;
	z-index: 1000;
	width: 70%;
	height: 85px;
}


@media (max-width:1200px) {
	.navbar-custom.navbar-fixed-top a.navbar-brand {
		    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
		background-image: url(../img/heat_n_air-logo.svg);
		background-repeat: no-repeat;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		top: -14px;
		z-index: 1000;
		width: 100%;
		height: 92px;
	}

	.navbar-custom.top-nav-collapse a.navbar-brand {
		    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
		background-image: url(../img/heat_n_air-logo.svg);
		background-repeat: no-repeat;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		top: 0px;
		z-index: 1000;
		width: 80%;
		height: 80px;
	}
}

@media (max-width:992px) {
	.navbar-custom.navbar-fixed-top a.navbar-brand {
		    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
		background-image: url(../img/heat_n_air-logo.svg);
		background-repeat: no-repeat;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
    top: 18px;
    z-index: 1000;
    width: 25%;
    height: 54px;
	}

	.navbar-custom.top-nav-collapse a.navbar-brand {
		    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
		background-image: url(../img/heat_n_air-logo.svg);
		background-repeat: no-repeat;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		top: 15px;
		z-index: 1000;
		width: 25%;
		height: 54px;
	}
}

@media (max-width:865px) {
	.navbar-custom.navbar-fixed-top a.navbar-brand {
		    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
		background-image: url(../img/heat_n_air-logo.svg);
		background-repeat: no-repeat;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
    top: 18px;
    z-index: 1000;
    width: 50%;
    height: 100px;
	}

	.navbar-custom.top-nav-collapse a.navbar-brand {
		    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
		background-image: url(../img/heat_n_air-logo.svg);
		background-repeat: no-repeat;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		top: 3px;
		z-index: 1000;
		width: 50%;
		height: 100px;
	}
}

@media (max-width:500px) {
	.navbar-custom.navbar-fixed-top a.navbar-brand {
		    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
		background-image: url(../img/heat_n_air-logo.svg);
		background-repeat: no-repeat;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 10px;
		top: 10px;
		z-index: 1000;
		width: 50%;
		height: 80px;
	}

	.navbar-custom.top-nav-collapse a.navbar-brand {
		    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
		background-image: url(../img/heat_n_air-logo.svg);
		background-repeat: no-repeat;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 100px;
		top: 3px;
		z-index: 1000;
		width: 50%;
		height: 80px;
	}
}

.navbar-custom ul.nav ul.dropdown-menu {
	  border-radius: 0;
}

.navbar-custom ul.nav ul.dropdown-menu li {
	border-bottom: 1px solid #f5f5f5;

}

.navbar-custom ul.nav ul.dropdown-menu li:last-child{
	border-bottom: none;
}

.navbar-custom.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #666;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255,180,0,.2);
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    background-color: rgba(255,180,0,.2);
}

.navbar-toggle {
    padding: 4px 6px;
    font-size: 14px;
    color: #fff;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}

/* ===========================
--- General sections
============================ */

.home-section {
    padding-top: 50px;
    padding-bottom: 50px;
	display:block;
    position:relative;
    z-index:120;
}


.section-heading h2 {
	font-size: 40px;
}
.section-heading i {
	margin-bottom: 20px;
}


/* --- section bg var --- */

.bg-white {
	background: #fff;
}

.bg-gray {
	background: #f8f8f8;
}


.bg-dark {
	background: #575757;
}

/* --- section color var --- */

.text-light {
	color: #fff;
}



/* ===========================
--- Intro
============================ */

.intro {
	width:100%;
	position:relative;
	height: 675px !important;
	background: url(../img/bg1.jpg) no-repeat center;
	background-size: cover;
}

.about {
	height: 450px !important;
	background: url(../img/sub-page-head.jpg) !important;
  background-size: cover !important;
}

.heating {
	height: 450px !important;
	background: url(../img/sub-page-heating.jpg) !important;
  background-size: cover !important;
}

.cooling {
	height: 450px !important;
	background: url(../img/sub-page-cooling.jpg) !important;
  background-size: cover !important;
}

.iaq {
	height: 450px !important;
	background: url(../img/sub-page-iaq.jpg) !important;
  background-size: cover !important;
}

.water-heating {
	height: 450px !important;
	background: url(../img/sub-page-water.jpg) !important;
  background-size: cover !important;
}

#intro.intro {
	padding:20% 0 0 0;
}

#intro.intro.about {
	padding:405px 0 0 0;
}

#intro.intro.heating {
	padding:405px 0 0 0;
}

#intro.intro.cooling {
	padding:405px 0 0 0;
}

#intro.intro.iaq {
	padding:405px 0 0 0;
}

#intro.intro.water-heating {
	padding:405px 0 0 0;
}

.intro .slogan {
	text-align: center;

}

.intro .page-scroll {
	text-align: center;
}

.brand-heading {
    font-size: 40px;
}

.intro-text {
    font-size: 18px;
}

.intro .slogan h1 {
	color: #FFD600;
	text-shadow: none;
	font-size: 60px;
	line-height: 60px;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	background-color: rgba(0, 0, 0, 0);
	text-decoration: none;
	text-transform: uppercase;
	border-width: 0px;
	border-color: #000;
	border-style: none;
	text-shadow: 0px 0 18px #000;
}

@media (max-width:767px) {
  .intro .slogan h1 {
  	font-size: 40px;
  	line-height: 40px;
  	font-weight: 700;
  }
}


/* ===========================
--- About
============================ */

.boxed-grey {
	background: #f9f9f9;
	padding: 20px;
}


.boxed-purple {
	background: #53006c;
	padding: 20px;
}


.team h5 {
	margin-bottom: 10px;
}

.team p.subtitle {
	margin-bottom: 10px;
}


/* ===========================
--- Services
============================ */

.service-icon {
	margin-bottom: 20px;
}



/* ===========================
--- Footer
============================ */

footer {
	padding: 50px 0 ;
	background-color: #a5d4e8 !important;
	border-top: 5px solid #663399 !important;
}

footer > h5 {
	color: #fff;
}

footer p {
	color: #fff;
}

.mpn_footer {
	background: #eee;
	padding: 1%;
}


/* ===========================
--- Elements
============================ */

.btn {
	border-radius: 0;
    text-transform: uppercase;
    font-family: Montserrat,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-com_doc {
	border: 2px solid #fff !important;
	color: #fff !important;
	background: rgba(83,0,108, .75);
}

.btn-com_doc:hover {
	border: 2px solid #da0000;
	color: #da0000;
}

.btn-forest {
	border: 2px solid #00683c;
	color: #00683c;
}

.btn-forest:hover {
	border: 2px solid #fff !important;
	color: #fff !important;
}

.btn-orange {
	border: 2px solid #d35400;
	color: #d35400;
	background: #fff;
}

.btn-orange:hover {
	border: 2px solid #fff !important;
	color: #f39c12 !important;

}

.btn-pomegranate {
	border: 2px solid #C0392B;
	color: #C0392B;
	background: #fff;
}

.btn-pomegranate:hover {
	border: 2px solid #C0392B !important;
	color: #E74C3C !important;
	background-color: #96281B;

}

.btn-pomegranate-translucent {
	border: 2px solid #53006c;
	color: #53006c;
	background: rgba(255, 255, 255, .75);
}

.btn-pomegranate-translucent:hover {
	border: 2px solid #53006c !important;
	color: #fff !important;
	background-color: #53006c;

}

.btn-belize {
	border: 2px solid #2980b9;
	color: #2980b9;
	background: #fff;
}

.btn-belize:hover {
	border: 2px solid #2980b9 !important;
	color: #3498db !important;
	background-color: #3A539B;
}

.btn-peter-river {
	border: 2px solid #3498db;
	color: #3498db;
	background: #fff;
}

.btn-peter-river:hover {
	border: 2px solid #3498db !important;
	color: #22A7F0 !important;
	background-color: #2574A9;
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle.btn-dark {
    border: 2px solid #666;
    color: #666;
}


.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}

.btn-circle.btn-dark :hover,
.btn-circle.btn-dark :focus {
    outline: 0;
    color: #999;
    background: #fff;
}

.btn-circle.btn-dark :hover i,
.btn-circle.btn-dark :focus i{
    color: #999;
}

.page-scroll .btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.page-scroll .btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}


#text {
    color: #fff;
    background: #ffcc00;
}

#map {
	height: 500px;
}


.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active {
  color: #fff;
  background-color: #666;
  border-color: #666;
}


.btn-default:hover,
.btn-default:focus {
    border: 1px solid #28c3ab;
    outline: 0;
    color: #000;
    background-color: #28c3ab;
}

.btn-huge {
    padding: 25px;
    font-size: 26px;
}

.banner-social-buttons {
    margin-top: 0;
}

.nav-side-pad{
	padding: 0 2% 0 2%;
	margin-top: 0px;
	background: #FFD600;
}

.blue-bg {
	background: #fff;
	padding: 2% 0 2% 0;
}

/* Carousel */

.carousel-inner {
	position: relative;
	overflow: hidden;
	width: 100%;
	border-bottom: 3px solid #2574A9;
}


.slide-text {
	color: #fff !important;
}

.slide-show-text-background {
	background-color: rgba(255, 255, 255, .8);
	padding: 16% 12% 12% 12%;
	border-radius: 100%;
	border: 1px solid #22A7F0;
	height: 450px;

}

.carousel-caption {
	right: 0% !important;
	left: 51%;
	text-shadow: none !important;
	background: #2574A9;
	padding: 2% !important;
	width: 49%;
	height: 235px;
	margin-top: 69px;
	border-right: 15px solid #F27935;
	text-align: left;
}



@media (max-width:1260px) {
	.slide-show-text-background {
		background-color: rgba(255, 255, 255, .8);
		padding: 22% 12% 12% 12%;
		border-radius: 100%;
		height: 450px;

	}
}

@media (max-width:1080px) {
	.slide-show-text-background {
		display: none !important;
	}

	.carousel-caption {
		display: none !important;
	}

}

.carousel .item {
    width: 100%; /*slider width*/
}
.carousel .item img {
    width: 100%; /*img width*/
}
/*add some makeup*/
.carousel .carousel-control {
    background: none;
    border: none;
    top: 50%;
}

/*full width container*/
@media (max-width: 767px) {
    .block {
        margin-left: -20px;
        margin-right: -20px;
    }
}


.ratings-container {
	padding: 2%;
	height: 350px;
	width: 350px;
}

a.rating-link {
	text-decoration: none;
}

.rating_line {
	margin-bottom: 2%;
	line-height: 2em;
}

.menu_bar_wrapper {
	background: #eee;
	border-bottom: 1px solid #999;
	border-radius: 5px;
	padding: 0;
	margin: 0 2%;
	width: 65%;
	height: 2em;
	float: left;
}

.menu_bar {
	background-color: #2980b9;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	float: left;
	height: 100%;
	padding: 0;
	margin: 0;
}

#rating_title {
	display: block;
	font-size: 1.5em;
	font-weight: bold;

}

/* wide review display */

.when-empty-stay-open {
	min-height: 250px;
}

.white-tiles {
	background: url(../img/white_tiles.png) !important;
	min-height: 136px;
  padding: 0 2%;
}

.border-left {
	border-left: 3px solid #53006c;
}

.border-right {
	border-right: 3px solid #53006c;
}

.border-left h2 {
  color: #53006c;
}

.border-right h2 {
  color: #53006c;
}

a .absolute-position-left {
	position: absolute;
	top: 85px;
	left: 8%;
	color: #F39C12;
	font-size: 3em;
	font-weight: 700;
}

a:hover .absolute-position-left {
	font-weight: 800;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}

a .absolute-position-right {
	position: absolute;
	top: 85px;
	right: 8%;
	color: #F39C12;
	font-size: 3em;
	font-weight: 700;
}

a:hover .absolute-position-right {
	font-weight: 800;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}

.dealer_rank-container {
	background: url(../img/com-doc-rating-bg.jpg) center no-repeat;
	background-size: cover;
}

.home-review-bg {
	position: absolute;
	margin-left: auto;
	left: 0;
	margin-right: auto;
	right: 0;
	top: 486px;
  background: url(../img/home-review-bg.svg) no-repeat;
  width: 390px;
  height: 419px;
  padding: 207px 8px 10px;
  z-index: 1000;
}

@media (max-width:1200px) {
	.home-review-bg {
		top: 502px;
		width: 330px;
		height: 355px;
		padding: 168px 8px 10px;
	}
}

@media (max-width:992px) {
	.home-review-bg {
		top: 475px;
	}

	a .absolute-position-right {
		top: 160px;
		font-size: 2em;
		font-weight: 500!important;
	}

	a .absolute-position-left {
		top: 160px;
		font-size: 2em;
		font-weight: 500!important;
	}
}

@media (max-width:768px) {
	.home-review-bg {
		top: 338px;
	}

	.intro {
		height: 500px !important;
	}
}

.dealer-rank-area {
	position: relative;
}

.sub-review-bg {
	position: absolute;
	margin-left: auto;
	left: 0;
	margin-right: auto;
	right: 0;
  top: -230px;
  background: url(../img/home-review-bg.svg) no-repeat;
  width: 290px;
  height: 275px;
  padding: 153px 20px 10px;
	z-index: 1000;
}

@media (max-width:762px) {
	.sub-review-bg {
		top: 265px;
	}

	.top-sub_page-content-push {
		margin-top: 105px;
	}
}

@media (max-width:500px) {
	.sub-review-bg {
		width: 265px;
		height: 285px;
		padding: 135px 20px 0px;
	}

	.top-sub_page-content-push {
		margin-top: 105px;
	}

	.home-review-bg {
		top: 299px;
		padding: 182px 20px 0px;
	}
}

.box-push {
	margin-top: 50px;
}

.wide-rating {
	padding: 1%;
	font-size: 22px;
	font-weight: 400;
	margin-top: 5%;
	margin-bottom: 2%;
	color: #fff;

}

.wide-rating .rating_line {
	display: none !important;
}

.wide-rating p {
	margin-bottom: 0 !important;
}

.wide-rating .item #rating_title {
	color: #fff !important;
	margin-bottom: 10px;
}

.wide-rating .item img {
	width: 35px !important;
	height: 35px !important;
	background: #fff;
	border: #F7CA18 1px solid;
	border-radius: 100%;
	padding: 1.5%;
	margin: 0 0 0 5px;
}

.wide-rating .item .rating .average {
	font-size: 22px !important;
	color: #fff !important;
	margin-left: 5px;
}

.wide-rating .item .rating .best {
	font-size: 22px !important;
	color: #fff !important;
}

@media (max-width:500px) {
	.wide-rating {
		padding: 1%;
		font-size: 1em;
		font-weight: 400;
		margin-top: 5%;
		margin-bottom: 2%;
		color: #fff;

	}

	.wide-rating .rating_line {
		display: none !important;
	}

	.wide-rating p {
		margin-bottom: 0 !important;
	}

	.wide-rating .item #rating_title {
		font-size: 1em;
		color: #fff !important;
		margin-bottom: 0px;
	}

	.wide-rating .item img {
		width: 20px !important;
		height: 20px !important;
		background: none;
		border: none;
		padding: 0;
		margin: 0 0 0 5px;
	}

	.wide-rating .item .rating .average {
		font-size: 16px !important;
		color: #fff !important;
		margin-left: 5px;
	}

	.wide-rating .item .rating .best {
		font-size: 16px !important;
		color: #fff !important;
	}

  #intro.intro.about {
  	padding:310px 0 0 0;
  }

  #intro.intro.heating {
  	padding:310px 0 0 0;
  }

  #intro.intro.cooling {
  	padding:310px 0 0 0;
  }

  #intro.intro.iaq {
  	padding:310px 0 0 0;
  }

  #intro.intro.water-heating {
  	padding:310px 0 0 0;
  }

  .sub-review-bg {
    top: 364px;
  }
}

/* -- wide rating sub -- */

.sub-wide-rating {
	padding: 1%;
	font-size: 14px;
	font-weight: 400;
	margin-top: 5%;
	margin-bottom: 2%;
	color: #fff;

}

.sub-wide-rating .rating_line {
	display: none !important;
}

.sub-wide-rating p {
	margin-bottom: 0 !important;
}

.sub-wide-rating .item #rating_title {
	color: #fff !important;
	margin-bottom: 3px;
	font-size: 18px;
}

.sub-wide-rating .item img {
	width: 18px !important;
	height: 18px !important;
	margin: 0 0 0 5px;
}

.sub-wide-rating .item .rating .average {
	margin-left: 5px;
	font-size: 14px !important;
	color: #fff !important;
}

.sub-wide-rating .item .rating .best {
	font-size: 14px !important;
	color: #fff !important;
}

.purple {
  color: #53006c;
  font-weight: 400;
}

.rebecca-purple {
  color: #663399;
}

.white-wash {
	color: #fff !important;
}

.pomegranate {
	color: #C0392B;
}

.alizarian {
	color: #E74C3C !important;
}

.carrot {
	color: #e67e22;
}

.pumkin {
	color: #d35400;
}

.orange {
	color: #f39c12;
}

.sun-flower {
	color: #f1c40f;
}

.nephritis {
	color: #27ae60;
}

.emerald {
	color: #2ecc71;
}

.forest {
	color: #00683c;
}

.wisabi-pea {
	color: #aed479;
}

.green-sea {
	color: #16a085;
}

.turquoise {
	color: #1abc9c;
}

.belize {
	color: #2980b9;
}

.peter-river {
	color: #3498db;
}

.grey-bg {
	background: #ececec;
	color: #808285;
	padding: 2%;
}

.service-desc a:link .img-circle {
	border: 2px solid #fefefe;
	-o-transition:.5s;
	 -ms-transition:.5s;
	 -moz-transition:.5s;
	 -webkit-transition:.5s;
	 /* ...and now for the proper property */
	 transition:.5s;
}

.service-desc a:hover .img-circle {
	border: 2px solid #aed479;
}

.yamm-content a:link .img-circle {
	border: 2px solid #00683c;
	-o-transition:.5s;
	 -ms-transition:.5s;
	 -moz-transition:.5s;
	 -webkit-transition:.5s;
	 /* ...and now for the proper property */
	 transition:.5s;
}

.yamm-content a:hover .img-circle {
	border: 2px solid #aed479;
}

.work_cloud ul {
	padding-left: 0 !important;
}

.work_cloud ul li {
	display: inline !important;
	padding-right: 1%;
}

.work_cloud a:link {
	color: #fff;
	text-decoration: none;
}

.work_cloud a:hover {
	color: #3f0606;
	text-decoration: underline;
}

.frame {
    height: 230px;      /* equals max image height */
    width: 158px;
    border: 1px solid red;
    white-space: nowrap;

    text-align: center; margin: 1em 0;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.frame img {
    vertical-align: middle;
    max-height: 210px;
    max-width: 158px;
}

.kill-margins {
	margin: 0 !important;
}

.waterfurnace-gp-bg {
	margin-top: 28px;
}

.product-section {
	background: url(../img/nc-house-bg.jpg) no-repeat fixed center;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
	width: 300%;
	z-index: 10000;
	border-bottom: 10px solid #53006c;
	background: url(../img/white_tiles.png) !important;
	background-repeat: no-repeat;
}

#right-nav {
	margin-left: auto !important;
}


#feedback {
	height: 104px;
	width: 104px;
	position: fixed;
	top: 50%;
	z-index: 1000;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#feedback a {
  display: block;
  background: #ffd600;
  height: 35px;
  width: 175px;
  padding: 2px 8px;
  color: #fff;
  font-size: 1.35em;
  font-weight: bold;
  text-decoration: none;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: solid 1px #fff;
  border-top: none;
}

#feedback a:hover {
	background: #53006C;
}

.phone-number {
	position: absolute;
	right: 5%;
	font-size: 2em;
	color: #53006c;
	font-weight: 800;
	background: #fff;
	padding: 2%;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.header_contact-button {
    position: absolute;
    left: 5%;
    font-size: 2em;
    color: #53006c;
    font-weight: 800;
    background: #fff;
    padding: 2%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}


@media (max-width:865px) {
  .phone-number {
    position: absolute;
    right: 0;
    font-size: 1em;
    color: #53006c;
    font-weight: 500;
    background: #fff;
    padding: 2%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 1;
  }

  .header_contact-button {
    position: absolute;
    left: 0;
    font-size: 1em;
    color: #53006c;
    font-weight: 500;
    background: #fff;
    padding: 2%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 1;
  }
}

.phone-number-xs {
  position: absolute;
  right: 0;
  font-size: 1em;
  color: #53006c;
  font-weight: 500;
  background: #fff;
  padding: 2%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.header_contact-button-xs {
  position: absolute;
  left: 0;
  font-size: 1em;
  color: #53006c;
  font-weight: 500;
  background: #fff;
  padding: 2%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.navbar-toggle

/* CONTACT FORM ERROR & SUCCESS STYLING */

.error {
    border: 1px solid red !important;
    text-align: center !important;
    color: red !important;
    font-size: 1.5em !important;
    border-radius: 5px !important;
    box-shadow: 0px 0px 10px crimson !important;
}

.success {
  border: 1px solid green !important;
  text-align: center !important;
  color: green !important;
  font-size: 1.5em !important;
  border-radius: 5px !important;
  box-shadow: 0px 0px 10px yellowgreen !important;
}

div.col-xs-12.col-sm-12 div div div.rating_line {
	width: 65% !important;
}

div.col-xs-12.col-sm-12 div div#reviews_list_header div#map_canvas.mobile_map {
	width: 45% !important;
	right: 0px;
	height: 380px !important;
	position: absolute !important;
	top: 0px;
}

div.col-xs-12.col-sm-12 div.review-graph div#reviews_list_header p.left a.btn.btn-primary {
	width:50%;
}

@media (max-width:992px) {
  div.col-xs-12.col-sm-12 div div div.rating_line {
  	width: 100% !important;
  }

	.menu_bar_wrapper {
		width: 75%;
	}

	div.col-xs-12.col-sm-12 div div#reviews_list_header div#map_canvas.mobile_map {
		display: none;
	}

	div.col-xs-12.col-sm-12 div.review-graph div#reviews_list_header p.left a.btn.btn-primary {
		width:100%;
	}
}


/* Media queries */

@media (max-width:1332px){
	.navbar-custom ul.nav li a {
		font-size: 11px !important;
		letter-spacing: 0px !important;
	}
}

@media(max-width:1200px){
	.yamm .dropdown.yamm-fw .dropdown-menu {
		width: 200% !important;
		z-index: 10000;
		border-bottom: 10px solid #00683c;
	}
}


@media(max-width:870px) {
	.navbar-custom ul.nav li a {
		font-size: 9px !important;
	}
}

@media(min-width:767px) {

    .navbar {
        padding:0px 0px 30px 0;
        border-bottom: 0;
        letter-spacing: 1px;
		margin-top:70px;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
        background-color: #000;
    }

    .navbar-custom.top-nav-collapse {
        border-bottom: 1px solid rgba(255,255,255,.3);
    }

    .intro {
        height: 100%;
        padding: 0;
    }

    .brand-heading {
        font-size: 100px;
    }


    .intro-text {
        font-size: 25px;
    }


}
@media (max-width:768px) {

	.team.boxed-grey {
		margin-bottom: 30px;
	}

	.boxed-grey {
		margin-bottom: 30px;
	}

	#intro.intro.about {
		padding:200px 0 0 0;
	}


}

@media (max-width:768px) {

	#intro.intro {
		padding:35% 0 0 0;
	}


}

@media (max-width:480px) {

	.navbar.navbar-custom.navbar-fixed-top {
		margin-bottom: 30px;
	}

	.tp-banner-container {
		padding-top:40px;
	}

	.page-scroll a.btn-circle {
		width: 40px;
		height: 40px;
		margin-top: 10px;
		padding: 7px 0;
		border: 2px solid #fff;
		border-radius: 50%;
		font-size: 20px;
	}

	.product-section {
		background: url(../img/nc-house-bg.jpg) no-repeat center;
		background-size: cover;
	}

}

@media (min-width: 768px) and (max-width: 865px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}

.modal-dialog {width:600px;}
.thumbnail {margin-bottom:6px;}

.video-wrap {
    width: 100%;
    margin: auto;
}

.video-container {
    height: 0px;
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}

.video-container > iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}