@charset "UTF-8";
/* CSS Document */

header {
	padding-top: 90px;
	padding-bottom: 50px;
	
}

.grey-panel {
	background-color:#f4f1f2;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url('../images/header-shade.jpg');
	
}



.grey-panel2 {
	background-color:#f4f1f2;
	padding-top: 20px;
	padding-bottom: 0px;

	
}


.grey-panel3 {
	background-color:#e4e2e3;
	padding-top: 20px;
	padding-bottom: 20px;

	
}

.grey-panel4 {
	background-color:#f4f1f2;
	padding-top: 20px;
		padding-bottom: 0px;

	
}

.white-panel{
	background-color:#fff;
	padding-top: 50px;
		padding-bottom: 0px;

	
}

.grey-panel5 {
	background-color:#706c8d;

	background-image: url('');
	background-size:100% auto;
	background-repeat:no-repeat;
	
}

.grey-panel8 {
	background-color:#f4f1f2;

	background-image: url('../images/green.jpg');
	background-size:100% auto;
	background-repeat:no-repeat;
	
}

.grey-panel7 {
	background-color:#000000;

	
}

.grey-panel6 {
	background-color:#f4f1f2;

	background-image: url('../images/carbon.jpg');
	background-size:100% auto;
	background-repeat:no-repeat;
	
}








.carbon {
	background-color:#000;

	background-image: url('../images/carbon-bg.jpg');
	background-size:100% auto;
	background-repeat:no-repeat;
		padding-top: 90px;
		padding-bottom: 90px;
	
}


.ease {
	background-color:#3e3e3e;

	background-image: url('../images/ease.jpg');
	background-size:100% auto;
	background-repeat:no-repeat;
		padding-top: 40px;
		padding-bottom: 90px;
	
}



@media (max-width: 800px) {

.carbon {
	background-color:#000;
		background-image: none;

	padding-top: 90px;
		padding-bottom: 90px;
	
}

.ease {
	background-color:#3e3e3e;

	background-image: none;
		padding-top: 40px;
		padding-bottom: 90px;
	
}






}






.blue-panel {
	background-color:#ffffff;
	padding-top: 60px;
	padding-bottom: 60px;
	
}



.black-panel {
	background-color:#666666;
	padding-top: 60px;
	padding-bottom: 60px;
	
}

.black-panel2 {
	background-color:#000;
	padding-top: 60px;
	padding-bottom: 60px;
	
}



.black-panel3 {
	background-color:#000;
	padding-top: 60px;
	
}



.blue-panel2 {
	background-color:#406cab;
	padding-top: 20px;
	
}





.blue-panel a {
	color: #000;
}
.blue-panel a:hover {
	color: #ff0000;
	text-decoration: none;
}



.blue-panel2 a {
	color: #fff;
}
.blue-panel2 a:hover {
	color: #000;
	text-decoration: none;
}
	
	
footer {
	padding-top: 50px;
	padding-bottom: 50px;
	color: #e0e0e0;
	
}

.small-print {
	font-size: 8pt;
	font-weight: 400;
}

.small-print a {
	color: #000;
	font-size: 8pt;
	font-weight: 400;
	font-weight:bold;
	
}

.small-print a:hover {
	font-size: 8pt;
	font-weight: 400;
	font-weight:bold;
	color: #406cab;
	text-decoration: none;
}

.white-body {
	font-size: 14px;
	color: #FFF;
	font-family: Lato;
}

.center-col {
    display:table-cell;
    vertical-align:middle;
    float:none;
}