.contact-us-address {
	margin-left: 100px;
}
.contact-us-row {
	margin-bottom: 15px;
}
.contact-us-row P {
	margin-top: 15px;
}
.contact-us-icon {
	background: #e40814;
	background: -webkit-linear-gradient(left top, #e40814, #f28d01); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #e40814, #f28d01); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #e40814, #f28d01); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #e40814, #f28d01); /* Standard syntax */	
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;	
	padding: 25px;
	color: #fff;
	width: 72px;
	height: 72px;
	display: block;
	margin: 0 auto;
}
/*** TO BE REMOVED AFTER COMPLETED ***/
.debugging-tools {
	position:fixed; 
	z-index: 1000; 
}
.debugging-tools div {
	display: block; 
	float: left;
}
body.phone .mobile_msg { display: block!important; float: left; }
body.tablet .tablet_msg { display: block!important; float: left; }
body.computer .computer_msg { display: block!important; float: left; }
/*** TO BE REMOVED AFTER COMPLETED END ***/

.placeholder {
	padding: 20px;
	border: 1px solid #000;	
}

/************************************************************************************************************
	Bootstrap 3 responsive columns of same height
/************************************************************************************************************/
/* columns of same height styles */
.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none;
}
@media (min-width: 768px) {
    .container-sm-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-sm-height {
        display:table-row;
    }
    .col-sm-height {
        display:table-cell;
        float:none;
    }
}
@media (min-width: 992px) {
    .container-md-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-md-height {
        display:table-row;
    }
    .col-md-height {
        display:table-cell;
        float:none;
    }
}
@media (min-width: 1200px) {
    .container-lg-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-lg-height {
        display:table-row;
    }
    .col-lg-height {
        display:table-cell;
        float:none;
    }
}
/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}

/* fix firefox responsive images */
.col-xs-height .img-responsive,
.col-sm-height .img-responsive,
.col-md-height .img-responsive,
.col-lg-height .img-responsive {
    width: 100%
}

/************************************************************************************************************
	END
/************************************************************************************************************/

header,
nav,
main,
footer {
	overflow-x: hidden;
}

#navbar-main {
	padding-left: 0;
	padding-right: 0;
}

/* rules for mobile vertical (< 480) */


/************************************************************************************************************/
/*** Colour Pallete

Deep Orange = #ed6706
Seal Orange =	#f29200
Seal Teal 	= 	#00b0ab
Light-Teal	=	#daedeb
Seal Red 	= 	#e40613
Burgundy Red = #960f06
Quote = #f39200

/************************************************************************************************************/
/*** Common CSS ***/

	body {
		font-size: 1.75em;
		line-height: 1.75em;
	}
	h1 { font-size: 1.9em; } /*h1 a, h1 span { font-size: 2.5em; }*/
	h2 { font-size: 1.8em; } /*h2 a, h2 span { font-size: 2.5em; }*/
	h3 { font-size: 1.3em; } /*h3 a, h3 span { font-size: 2em; }*/
	body.faq h3 { font-size: 1.2em; }
	h4 { font-size: 1.2em!important; } h4 a, h4 span { font-size: 0.75em; font-style: italic; font-weight: 900;}
	h5 { font-size: 1.1em; } /*h5 a, h5 span { font-size: 1.25em; }*/
	/*
	h6 { font-size: 1.5em; }	
	P { font-size: 1.5em; }
	li a { font-size: 1.5em; }
	*/
	h6,
	P,
	ol li,
	li a,
	label,
	input,
	textarea { font-size: 1em; }
	p.post-code-help { font-size: 1.25em; }
	
	body.prices-and-funding main ul li { 
		font-size: 1em;
		margin-left: 15px;
		margin-top: 15px;
	}		

	P { padding-top: 10px; line-height: 1.1em; }
	a { color: #00b0ab; }
	
	.navbar {
		margin-bottom: 0;	
	}
	.nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px;	
	}
	
	.navbar-main.affix {
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 999;		
	}
	
	.white-link,
	.white-link:hover {
		color: #fff;
		text-decoration: none;
	}
	.background-wrapper {
		background-color: #FDDFC3;	
		padding-top: 30px;
		padding-bottom: 30px;		
	}
	.background-wrapper.whitebg,
	.whitebg {
		background-color: #fff;
	}		
	.background-wrapper.orangebg,
	.orangebg {
		background-color: #f29100;
	}
	.background-wrapper.brickbg,
	.brickbg {
		background-image:url(../img/box-shadow.png),url(../img/tile-bricks.png);
		background-size:auto;
		background-repeat: repeat-x, repeat;
		background-position: top center, center center;
	}			
	.background-wrapper.orangebg {
		border-bottom: 4px solid #ed6706;
		color: #fff;
		padding-top: 0!important;
		padding-bottom: 0!important;				
	}	
	.background-wrapper.orangebg h3 {
		color: #fff;
		padding-left: 15px;
		padding-right: 15px;
	}
	.background-wrapper.orangebg p {
		color: #fff;
		padding-left: 15px;
		padding-right: 15px;		
	}
	.recommend-a-friend h3,
	.recommend-a-friend h3 a {
		margin-top: 0;
		margin-bottom: 0;
		color: #960f06!important;
	}
	.recommend-a-friend p {
		padding-top: 0;
	}
	.background-wrapper.orangebg h3 span {
		font-size: 0.4em!important;
	}
	main {
		background-color: #FDDFC3;	
		padding-top: 30px;
		padding-bottom: 1px;
	}
	body.index main {
		padding-top: 0;
	}
	/*body.index main { background-color: #fff; }	*/
	h3 { color: #00b0ab; } /* Seal-Teal */
	h1,h2,body.index main h3, h4,h5,h6 { color: #960f06; }

	ul.bullets li {
		list-style-image:url(../img/bullet.png);
		margin-left: 15px;
	}
	#external-wall-insulation ul {
		margin-top: 30px;
	}
	#external-wall-insulation ul li,
	ul li a {
		color: #960f06;
		font-weight: 900;
	}	
	#external-wall-insulation ul li {
		font-size: 1em;
	}
	ul li a {
		font-size: 0.9em;
	}	
	
	/*body.index #first ul li,*/
	/*
	#first ul li {
		font-size: 1.5em;
	}
	*/
	/*
	#first {
		padding-bottom: 60px;
	}
	#first ul li a {
		font-size: 3.5em;
		font-weight: 500;	
		line-height: 1.2em;	
	}
	*/
	footer {
		color: #fff;
		background-color: #e40613;
		background-image: url('../img/footer-top.png'), url('../img/footer-bottom.png'), url('../img/footer.jpg');
		background-position: left top, right bottom , center top;
		background-repeat: no-repeat, no-repeat, repeat-x;		
	}
	footer ul li {
		list-style: none;	
	}
	footer ul li,
	footer ul li a,
	footer a {
		color: #fff;	
		text-decoration: none;
	}
	footer a:hover,
	footer ul li a:hover {
		color: #000;	
		text-decoration: none;		
	}
	.shadow {
		background-image: url(../img/footer-shadow-bot.png), url(../img/footer-shadow-top.png);
		background-repeat: no-repeat;
		background-position: center top, center bottom;		
		background-size: contain;
	}
	ul {
		padding: 0;	
	}
	#cavity-postcode-search {
		background-color: #fff;	
		padding: 0 10px 10px 10px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#cavity-postcode-search ul li {
		font-size: 1.5em;	
		margin-left: 20px;
	}
	.success {
		color: #090;
		font-size: 1.5em;
	}
	.failed {
		color: #F00;
		font-size: 1.5em;		
	}
	
/************************************************************************************************************/
/*** FAQ CSS ***/	

	body.faq .qna {
		margin-right: 10px;	
		float: left;
	}
	body.faq .answer {
		font-size: 1.5em;
		color: #e40613;	
	}
	body.faq .question {
		font-size: 1.45em;
	}
	body.faq .panel-default > .panel-heading {	
		color: #fff;
		background-color: #e40613;
		border-color: #900;
	}	
	body.faq .panel-body P {
		margin-left: 20px;	
		color: #e40613;
	}
	/*
	SEAL WANTED BLUE AND RED ROUNDED CORNER BOXES
	
	body.faq .qna {
		border:2px solid;
		border-radius:12px;		
		color: #fff;
		font-weight: bold;
		padding: 10px;
		margin-right: 10px;	
		font-size: 1.5em;
	}
	body.faq .question {
		background-color: #00F;
		border-color: #00F;
	}
	body.faq .answer {
		background-color: #F00;
		border-color: #F00;		
	}
	*/	
	
/************************************************************************************************************/
/*** What are the benefits of insulating your home CSS ***/	

	body.benefits ol {
		padding-left: 35px;
		margin-bottom: 10px;		
	}
	body.benefits ol li {
		color: #e40613;
		font-weight: bold;
		margin-top: 15px;
	}
	body.benefits ol.first li {
		margin-top: 0px;
	}
	body.benefits  .benefit-icon-row {
		margin-top: 15px;
	}

/************************************************************************************************************/
/*** Cavity Wall CSS ***/	

	body.cavity-wall .row.cavity-images img {
		margin-bottom: 10px;
	}
	
/************************************************************************************************************/
/*** Custom Helper Classes ***/

	.no-relative {
		position: static;
	}
	.visible-xs.inline {
	   display: inline-block!important;
	} 
	.container.fullwidth.bg {
		width: 100%;	
		max-width: none;
		margin: 0;
		padding: 0;
		background:url(../img/grad-bar.jpg) repeat-y center center;
	}
	.container.fullwidth {
		width: 100%;	
		max-width: 1450px;
		padding-left: 0;
		padding-right: 0;
	}
	.center {
		text-align: center;	
	}
	.align-right {
		text-align: right;
	}
	.top-left {
		position: absolute;
		top: 0;
		left: 0;
	}	
	.bottom-left {
		position: absolute;
		bottom: 0;
		left: 0;
	}	
	.bottom-left-15 {
		position: absolute;
		bottom: 0;
		left: 15px;
	}		
	.bottom-right {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.relative {
		position: relative;
	}
	img.center {
		margin: 0 auto;
		text-align: auto;
	}
	.bring-to-front {
		position: relative;
		z-index: 900;
	}
	.no-padding-left-right {
		padding-left: 0;
		padding-right: 0;   
	}
	.no-margin-left-right {
		margin-left: 0;
		margin-right: 0;   
	}		
	.top-and-bottom-padding {
		padding-top: 15px;
		padding-bottom: 15px;	
	}
	.top-and-bottom-padding-big {
		padding-top: 30px;
		padding-bottom: 30px;	
	}	
	.top-and-bottom-padding-biggest {
		padding-top: 60px;
		padding-bottom: 60px;	
	}	
	.padding-bottom {
		padding-bottom: 15px;
	}	
	.padding-bottom-big {
		padding-bottom: 30px;
	}
	.padding-bottom-biggest {
		padding-bottom: 60px;
	}	
	.padding-top {
		padding-top: 15px;
	}		
	.padding-top-big {
		padding-top: 30px;
	}
	.padding-top-big-md	{
		padding-top: 30px;
	}		
	.padding-top-biggest {
		padding-top: 60px;
	}
	.margin-top {
		margin-top: 15px;
	}		
	.margin-top-big {
		margin-top: 30px;
	}	
	.margin-top-biggest {
		margin-top: 60px;
	}			
	.margin-bottom-biggest {
		margin-bottom: 60px;
	}
	.top-and-bottom-margin-biggest {
		margin-top: 60px;
		margin-bottom: 60px;			
	}	
	.seal-red {
		color: #e40613;	
	}
	/*
	.carousel-caption {
		top: 0;
		bottom: auto;
	}
	*/	
	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		margin-top: 30px;
		height: 0;
	}
	.videoWrapper P {
		margin: 0;
		padding: 0;	
		line-height: normal;
	}
	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.vcenter {
			display: table-cell;
			vertical-align: bottom;
			float: none;
	}
	.vcenter-cell {
		display: inline-block;
		vertical-align: middle;
	}

/************************************************************************************************************/
/*** Logo and Slogan ***/

	.header-logo,
	.header-slogan,
	.header-green-deal {
		text-align: center;
	}
	.header-logo {
		margin-top: 60px;
	}
	.header-green-deal {
		margin-top: 30px;
		margin-bottom: 30px;	
	}	
	
	/*
	H1 {
		text-indent: -9999px;
		width: 100%;
		height: 148px;
		background: url(../img/header-logo.png) no-repeat 0 0;
		padding: 0;
		margin: 0 auto;
	}
	*/
	
	P.slogan { 
		/*font-family: 'Allura', cursive;	*/
		/*font-style: italic;	*/
		font-family: 'Arial';			
		color: #00b0ab;
		font-size: 2em;
	}


/************************************************************************************************************/
/*** Top Navbar ***/
	.navbar-default.navbar-teal {
		background: #daedeb;
		border-bottom-color: #00b0ab;
	}	
	.navbar-default.navbar-teal .navbar-toggle .icon-bar {
		background-color: #00b0ab;
	}
	.navbar-default.navbar-teal .navbar-toggle {
		border-color: #00b0ab;
	}
	.navbar-default.navbar-teal a {
		color: #00b0ab;
	}
	.navbar-default.navbar-teal .navbar-nav > li {
		border-right: 2px solid #00b0ab;
	}
	.navbar-default.navbar-teal .navbar-nav > li:last-child {
		border-right: none;
	}			
	.navbar-default.navbar-teal .navbar-nav > li > a {
		color: #00b0ab;
	}
	.navbar-default.navbar-teal .navbar-nav > li > a:hover {
		background-color: #daedeb!important;
	}	
	.navbar-default.navbar-teal .navbar-nav > .active > a {
		background: none;	
		color: #00b0ab;	
	}
	
/************************************************************************************************************/
/*** Seal Orange Navbar ***/

	.navbar-seal-orange {
		background:url(../img/grad-bar.jpg) repeat-y center center;
		border: none;
		border-radius:0px;
	}
	.navbar-seal-orange a {
		color: #fff;	
	}
	.navbar-seal-orange .navbar-toggle {
		background-color: #000;
		border-color: #fff;
	}
	.navbar-seal-orange .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-seal-orange .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #bbb;
	}
	.navbar-seal-orange .dropdown-menu {
		background: -webkit-linear-gradient(left top, #e40613 , #f29200); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(bottom right, #e40613, #f29200); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(bottom right, #e40613, #f29200); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to bottom right, #e40613 , #f29200); /* Standard syntax */	
	}
	.navbar-seal-orange .nav-justified > li > a:hover,
	.navbar-seal-orange .navbar-nav > li > a:hover,
	.navbar-seal-orange .navbar-seal-orange .nav .open > a,
	.navbar-seal-orange .nav .open > a:hover, 
	.navbar-seal-orange .nav .open > a:focus {
		background: #000;
		background: -webkit-linear-gradient(left top, #e40613 , #f29200); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(left top, #e40613, #f29200); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(left top, #e40613, #f29200); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to left top, #e40613 , #f29200); /* Standard syntax */			
	}
	.navbar-seal-orange .dropdown-menu .divider {
		background: #c41c0d;	
	}
	.navbar-seal-orange .dropdown-menu > li a { 
		color: #fff;
	}
	
/************************************************************************************************************/
/*** Seal Teal Indicators ***/
	
	.carousel-indicators.seal-teal li {
		border: 1px solid #00b0ab;
	}
	.carousel-indicators.seal-teal .active {
		background: #00b0ab;
	}	
	
/************************************************************************************************************/
/*** Carousel and Slides Captions ***/

	#fitter-drilling,
	#back-of-guys-head,
	#van,
	#photo-6489,
	#photo-6559,
	#fitter-in-loft {
		color: #fff;
	}

	/*** Quality you can Trust (Slide 1) ***/	

	#quality {
		color: #434243;	
		color: #fff;
	}

	#quality.item .carousel-caption,
	#quality.item.active .carousel-caption {
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(220, 195, 161);
		/* RGBa with 0.8 opacity */
		background: rgba(220, 195, 161, 0.8);
		/* For IE 5.5 - 7*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccdcc3a1, endColorstr=#ccdcc3a1);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccdcc3a1, endColorstr=#ccdcc3a1)";		
	}

	/*** Seal of Approval (Slide 2) ***/	

	#seal {
		color: #434243;	
	}	
	
	#seal.item .carousel-caption,
	#seal.item.active .carousel-caption {
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(255, 255, 255);
		/* RGBa with 0.6 opacity */
		background: rgba(255, 255, 255, 0.6);
		/* For IE 5.5 - 7*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";			
	}	
	
	#seal.item .carousel-caption IMG {
		margin-bottom: 10px;
	}	
	
	/*** Environment-Woman in the Forest (Slide 3) ***/		
		
	#environment {
		color: #fff;
	}
	#environment.item .carousel-caption,
	#environment.item.active .carousel-caption {
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(85, 102, 13);
		/* RGBa with 0.8 opacity */
		background: rgba(85, 102, 13, 0.8);
		/* For IE 5.5 - 7*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc55660d, endColorstr=#cc55660d);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc55660d, endColorstr=#cc55660d)";	
	}		
		
	/*** Other Settings ***/	

	.item.active .carousel-caption A {
		color: #00b0ab;	
	}

	.carousel-caption img {
		width: inherit;
	}

	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		width: 100%;
	}

	.item .carousel-caption {
		opacity:0;  
		filter:alpha(opacity=0);  
		-moz-opacity:0;
		background: none;
		border-radius:25px;	
		color: inherit;
	}
	.item.active .carousel-caption {
		opacity:1;  
		filter:alpha(opacity=100);  
		-moz-opacity:1;
		
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(0, 0, 0);
		/* RGBa with 0.6 opacity */
		background: rgba(0, 0, 0, 0.8);
		
		/* 
		Replace 0.6 with your desired alpha level
		Math.floor(0.6 * 255).toString(16); 
		"99"
		*/
	}
/************************************************************************************************************/

.orange-highlight {
	background-color: #f39200;
	background-image:url(../img/quote-box-highlight.png);
	background-position: top right;
	background-repeat: no-repeat;
	color: #fff;
	padding: 20px 20px 20px 20px;
	-webkit-box-shadow: 0 15px 0 -10px rgba(75, 75, 75, 0.3);
	-moz-box-shadow: 0 15px 0 -10px rgba(75, 75, 75, 0.3);
	box-shadow: 0 15px 0 -10px rgba(75, 75, 75, 0.3);
}
.orange-highlight.left-highlight {
	background-color: #f29100;
	background-image:url(../img/large-box-hightlight.png);
	background-position: top left;	
}
.orange-highlight h2,
.orange-highlight h3 {
	color: #fff!important;
}
.white .bottom-right,
.orange-highlight .bottom-right {
		right: 10px;
		bottom: 5px;
}
.more-info,
.white .more-info,
.orange-highlight .more-info {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
}
.orange-highlight .more-info {
	color: #960f06;
}
.white .more-info {
	color: #00b0ab;
}
.force-red,
.white .more-info.force-red {
	color: #960f06!important;
}
.more-info.normal-font-size {
	font-size: inherit;
}
.white {
	background-color: #fff;
	padding: 20px 20px 20px 20px!important;
	-webkit-box-shadow: 0 15px 0 -10px rgba(75, 75, 75, 0.3);
	-moz-box-shadow: 0 15px 0 -10px rgba(75, 75, 75, 0.3);
	box-shadow: 0 15px 0 -10px rgba(75, 75, 75, 0.3);	
}
.white.top-20 {
	padding-top: 40px;
}
/*
CHANGEME
body.cavity-wall .white.top-20 {
	margin-left: 15px;
}
*/
.white h3 {
	margin-top: 0px!important;
}
.stand-alone-caption {
	color: #fff;
	background-color: rgba(0,0,0,1);
	margin-bottom: 20px;
}
.stand-alone-caption P {
	font-size: 1em;
}
.stand-alone-caption a {
	color: #fff;
}
.recommend-a-friend-more-details {
	position: absolute;
	bottom: 0;
	right: 10px;
}	

.item .benefit-item {
	height: 555px;
}

body.external-wall .before-and-after .carousel-caption h4 {
	color: #00b0ab;	
}
body.external-wall .before-and-after .carousel-caption p {
	color: #fff;
}
body.external-wall .before-and-after .carousel-indicators li {
	border: 1px solid #00b0ab;
}
body.external-wall .before-and-after .carousel-indicators li.active {
	background-color: #00b0ab;
}				

@media (min-width: 480px) {
	.item .benefit-item {
		height: 580px;
	}
}
@media (min-width: 550px) {
	.item .benefit-item {
		height: 620px;
	}
}
@media (min-width: 620px) {
	.item .benefit-item {
		height: 650px;
	}
}
@media (min-width: 680px) {
	.item .benefit-item {
		height: 680px;
	}
}
@media (min-width: 720px) {
	.item .benefit-item {
		height: 700px;
	}
}
@media (min-width: 750px) {
	.item .benefit-item {
		height: 720px;
	}
}
#icons-carousel .item {
	height: 291px;
}
@media (min-width: 400px) {
	#icons-carousel .item {
		height: 250px;
	}
}

@media (max-width: 479px) {
   /* rules for mobile only up to horizontal (479)  */
}

@media (min-width: 480px) {
   /* rules for mobile horizontal (480 > 768)  */

	/************************************************************************************************************/
	/*** Logo and Slogan ***/
		/*
		H1 {
			width: 320px;
		}
		*/
		
	/************************************************************************************************************/
	/*** Carousel and Slides Captions ***/	
	
		/*** Quality you can Trust (Slide 1) ***/		
		
		#quality .carousel-caption img {
			width: 25%;
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 20px;
			float: left;
		}  					 
	   
	/************************************************************************************************************/		

	#icons-carousel .item {
		height: 225px;
	}

}

#top-nav li {
	text-transform: uppercase;
}
#top-nav {
	margin-top: -7.5px;
	margin-bottom: -7.5px;	
}

/*** xs only ***/
@media (max-width: 767px) {

	.contact-us-icon { font-size: 1.5em; }
	/************************************************************************************************************/
	/*** Custom Helper Classes ***/   
	
		.no-padding-xs-left-right {
			padding-left: 0;
			padding-right: 0;   
		}
		.center-xs {
			text-align: center;	
		}
		.no-relative-xs {
			position: static;
		}
		.img-responsive {
			width: 100%;	
		}			
		#top-nav li {
			text-align: center;
			border-right: none;
		}
	/************************************************************************************************************/
	/*** Common CSS ***/
		body.loft-insulation h2 { font-size: 1.4em; }	
		
		footer {
			/*height: 669px;*/
		}
		body.external-wall .before-and-after {
			margin-top: 30px;
			margin-bottom: 20px;
		}
		body.external-wall .before-and-after .carousel-caption {
			position: static;
			border-radius: 0;
			width: 100%;
			min-height: 1px;
			padding-right: 15px;
			padding-left: 15px;			
			float: left;
		}
		body.external-wall .before-and-after .carousel-caption h4 {
			text-shadow: none;			
		}
		body.external-wall .before-and-after .carousel-caption p {
			color: #000;
			text-shadow: none;
		}		
		body.external-wall .before-and-after .carousel-indicators {
			bottom: -25px;
		}
		body.external-wall .before-and-after .item.active .carousel-caption {
			background: none;
		}
}

/*** sm only ***/
@media (min-width: 768px) and (max-width: 991px) {
	.img-responsive {
		width: 100%;	
	}
	.white-benefit-box {
		height: 481px;
	}
	.no-relative-sm {
		position: static;
	}			
}
/*** SM and above ***/
@media (min-width: 768px) {	
   /* rules for tablet (768 > 992) */

	.contact-us-icon { font-size: 1.75em; }
	P.slogan { font-size: 2.5em; text-align: right; }	
	/************************************************************************************************************/
	/*** Custom Helper Classes ***/
	   
	   .no-padding-sm-left-right {
			padding-left: 0;
			padding-right: 0;   
	   }
	   .hidden-sm.inline {
			display: none!important;   
	   }
	   
		.nav.navbar-nav.navbar-right.not-home {
			float:none!important;
			margin: 0 auto!important;
			display: table!important;
			table-layout: fixed!important;		
		}		 
	/************************************************************************************************************/
	/*** Logo and Slogan ***/

		body {
			font-size: 1.5em;
			line-height: 1.75em;		
		}	
		
		#header-bar {
			position: relative;
			height: 167px;	
			margin-bottom: 30px;
		}

		.header-logo {
			position: absolute;
			top:20px;
			left: -60px;	
			text-align: inherit;
			margin-top: 0;
		}
		.header-slogan {
			position: absolute;
			bottom:0;
			right: 175px;		
			text-align: inherit;		
		}
		.header-green-deal {
			position: absolute;
			bottom:-30px;
			right: 0;		
			text-align: inherit;		
		}		
		H1 {
			width: auto;
			background-image: url(../img/heading-shadows.png);
			background-repeat: no-repeat;
			background-position: center 55px;
			background-size: contain;
			padding-bottom: 20px;
		}
		body.index H1 {
			background: none;
		}
		body.contact-us H1 {
			background-position: center 115px;
		}
		/*
		body.loft-insulation H1,
		body.benefits H1,
		body.faq H1 {
			background-position: center 55px;
		}
		*/
	
	/************************************************************************************************************/
	/*** Top Navbar ***/

		.navbar-default.navbar-teal {
			background: transparent;
			border-bottom: none;
		}	
		
	/************************************************************************************************************/
	/*** Common CSS ***/
	
		.shadow {
			background-image: url(../img/footer-shadow-left.png), url(../img/footer-shadow-right.png);
			background-position: center left, center right;
			background-size: auto;
		}
		.horizontal-grey-line {
			background: url(../img/box-shadow-1.png) repeat-x left 400px;
		}	
		.left-and-right-pink-border {
			height: 662px;
			background-color: #fddfc3;
		}
		.background-wrapper.orangebg h3 span {
			font-size: 0.4em!important;
		}	
		
/************************************************************************************************************/
	/*** Carousel and Slides Captions ***/	
	
		/*** Quality you can Trust (Slide 1) ***/	

		#quality.item .carousel-caption,
		#quality.item.active .carousel-caption {
			background: none;	
		}
		
		#quality .carousel-caption img {
			width: 50%;
			margin: 0;
			float: none;
		} 		
		
		/*** Seal of Approval (Slide 2) ***/	

		#seal {
			color: #434243;	
		}	
			
		#seal.item .carousel-caption,
		#seal.item.active .carousel-caption {
			text-align: left;
		}	
		
		#seal.item .carousel-caption P,
		#seal.item.active .carousel-caption P {
			margin-left: 50px;
		}		
		
		/*** Environment-Woman in the Forest (Slide 3) ***/			
		
		#environment .carousel-caption img {
			width: 50%;
			margin: 0;
			float: none;
		} 
		
	.stand-alone-caption {
		background-color: rgba(0,0,0,0.6);
		
		position: absolute;
		bottom: 30px;
		left: 0;
		width: 100%;
		padding-left: 2%;
		padding-right: 2%;
		height: 40px;
		margin-bottom: 0;
	}
	.stand-alone-caption P {
		font-size: 1em;
	}
	#icons-carousel .item {
		height: auto;
	}	
	ul li a {
		font-size: 0.75em;
	}
	#external-wall-insulation ul li {
		font-size: 1.2em;
	}
	/*body.index #first ul li,*/
	#first ul li a {
		font-size: 1.2em;
	}		
	/*	
	h1 { font-size: 1.9em; }
	h2 { font-size: 1.8em; }
	h3 { font-size: 1.3em; }
	h4 { font-size: 1.2em!important; } h4 a, h4 span { font-size: 0.75em; font-style: italic; font-weight: 900;}
	h5 { font-size: 1.1em; }
	*/
	h6,
	P,
	ol li,
	li a,
	label,
	input,
	textarea { font-size: 1.2em; }
	
	body.prices-and-funding main ul li { 
		font-size: 1.2em;
		margin-left: 30px;
		margin-top: 15px;
	}	
	
	/*
	P { padding-top: 10px; line-height: 1.1em; }
	*/
	body.external-wall .item.active .carousel-caption {
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
	}	
}
/*** md only ***/
@media (min-width: 992px) and (max-width: 1199px) {
	.padding-top-biggest-md {
		padding-top: 60px;
	}
	.horizontal-grey-line {
		height: 669px;
		background-position: left center;
	}
	.no-padding-bottom-md {
		padding-bottom: 0px;
	}
}

/*** md and above ***/
@media (min-width: 992px) {	
   /* rules for desktop (992 > 1200) */
   
	.contact-us-icon { font-size: 2.5em; }
	P.slogan { font-size: 2.5em; }
	/************************************************************************************************************/
	/*** Custom Helper Classes ***/   
	
	  .visible-md.inline {
			display: inline-block!important;
	  }
		h1 { font-size: 3.5em; }
		body.faq h3 { font-size: 2em; }
		/*
		#first {
			padding-bottom: 60px;
		}
		*/
		/*
		#first ul li a {
			font-size: 2.5em;
			font-weight: 500;	
			line-height: 1.2em;	
		}	
		*/			
	/************************************************************************************************************/
	/*** Carousel and Slides Captions ***/	
	
		/*** Quality you can Trust (Slide 1) ***/	

		#quality .carousel-caption img {
			width: 75%;
		}
		
		/*** Environment-Woman in the Forest (Slide 3) ***/	 	
		
		#environment .carousel-caption img {
			width: 100%;
		}			   

	/************************************************************************************************************/
	/*** Slides Captions ***/
   
		.carousel-caption {
			background-color: #000;
			-webkit-transition: all 1.5s ease;
			-moz-transition: all 1.5s ease;
			-o-transition: all 1.5s ease;
			transition: all 1.5s ease;	
		}
	
	/************************************************************************************************************/		
	
	/************************************************************************************************************/
	/*** Common CSS ***/
	
		body {
			font-size: 1.25em;
			line-height: 1.75em;		
		}
		.left-and-right-pink-border {
			height: 629;
		}
		h3 { font-size: 2.5em; } 
		.background-wrapper.orangebg h3 span {
			font-size: 0.5em!important;
		}		
		.bottom-margin-gallery {
			margin-bottom: 20px;
		}
	/************************************************************************************************************/
	/*** What are the benefits of insulating your home CSS ***/	

		body.benefits ol {
			padding-left: 25px;
			margin-bottom: 0;		
		}	
		#icons-carousel .item {
			height: 200px;
		}
		.recommend-a-friend-more-details {
			position: static;
			height: 180px;
			font-size: 0.9em;
		}	
		ul li a {
			font-size: 1.25em;
		}
		#external-wall-insulation ul li {
			font-size: 1.25em;
		}
		/*body.index #first ul li,*/
		#first ul li a {
			font-size: 2em;
		}		
		h4 { font-size: 2em!important; }
		p { font-size: 2em; }		
		body.benefits ol li { font-size: 2em; }
}
/*** lg and above only ***/
@media (min-width: 1200px) {
   /* rules for large (> 1200) */
   
		.margin-top-biggest-lg {
			margin-top: 60px;
		}			 
	 
	 .contact-us-icon { font-size: 2.5em; }
	 	P.slogan { font-size: 2.5em; }
	/************************************************************************************************************/
	/*** Custom Helper Classes ***/   
	   
		.visible-lg.inline {
			display: inline-block!important;	   
		}
	   
	/************************************************************************************************************/
	/*** Common CSS ***/

		body {
			font-size: 1em;
			line-height: 2em;		
		}
		/*
		.recommend-a-friend-more-details {
			height: 76px;
		}
		*/
		h1 { font-size: 5.5em; }
		#first {
			padding-bottom: 60px;
		}
		/*
		#first ul li a {
			font-size: 3.5em;
			font-weight: 500;	
			line-height: 1.2em;	
		}
		*/
		.bottom-right.more-info {
			font-size: 1.5em;
		}
		.orange-highlight {
			background-size: contain;
		}	
		.padding-top-big-md	{
			padding-top: 0px;
		}
		#cavity-page-illustration-box h3 {
			font-size: 2.25em;
		}
		#cavity-page-illustration-box h4 {
			font-size: 2em!important;
		}		
	/************************************************************************************************************/
	/*** What are the benefits of insulating your home CSS ***/	

		body.benefits ol {
			padding-left: 20px;	
		}

		body.benefits .benefit-icon {
			height: 120px;
		}
		body.benefits .benefit-icon img {
			height: 100%;
		}
		.row-benefits {
			height: 120px;
		}
		#icons-carousel .item {
			height: 125px;
		}	
		.recommend-a-friend-more-details {
			height: 100px;
			font-size: 1.6em;
		}			
		ul li a {
			font-size: 1.5em;
		}
		#external-wall-insulation ul li {
			font-size: 1.5em;
		}
		/*body.index #first ul li,*/
		#first ul li a {
			font-size: 2em;
		}	
		h4 { font-size: 2.25em!important; }
		P.slogan { font-size: 5em; }
		P { font-size: 2em; }			
		body.prices-and-funding main ul li { 
			font-size: 1.75em;
			margin-left: 30px;
			margin-top: 15px;
		}
		body.benefits ol li { font-size: 2em; }
		.white-benefit-box {
			height: 427px;
		}		
}
/*
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
/*	 
}
*/

/* IE10+ specific styles go here */  
/*** xs only ***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 767px) {

}
	/*** sm only ***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 768px) and (max-width: 991px) {
	
}
	/*** SM and above ***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 768px) {	

}
/*** md only ***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 992px) and (max-width: 1199px) {
	
}
	/*** md and above ***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 992px) {
		
}
/*** lg and above only ***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1200px) {
	
}
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari-Opera specific declarations here */
/*
}
*/
/* Safari-Opera specific declarations here */
/*** xs only ***/
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 767px) {

}
	/*** sm only ***/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 768px) and (max-width: 991px) {
	
}
	/*** SM and above ***/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 768px) {	

}
/*** md only ***/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 992px) and (max-width: 1199px) {
	
}
	/*** md and above ***/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 992px) {
		
}
/*** lg and above only ***/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1200px) {
	
}