﻿/** ************************************* **
	@Author			Dorin Grigoras
	@Website		www.stepofweb.com
	@Last Update	8:26 AM Monday, March 17, 2014

	TABLE CONTENTS
	---------------------------
		01. Front page box
		02. Home Energy logo
		03. 
	---------------------------

 ** ************************************* **/




/**	01. Front page box
*************************************************** **/

.front-page-box-1 {
			font-family: 'Open Sans', Arial, "Helvetica Neue", Helvetica, sans-serif  !important;
		/*	font-size: 40px !important;*/
			letter-spacing: 1px; 
			padding-bottom: 30px;	
			z-index: auto
} 




/**	02. Home Energy Logo
*************************************************** **/

.front-page-logo a  img { 
		/*	background:url('../../images/images-front-page/HE_logo_rain.png') left center no-repeat;  */
		/*	max-width: 100%;*/
			width: 868px;
			max-width:100%;
			height: auto;
			
			/*width: 868px;
			height: 200px;*/ 
			padding-bottom: 100px;
			
			
		/*	z-index:6   */

}

.front-page-logo-1 { 
			display: block;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			background: url('../images/he/H_logo_29x35') no-repeat;
			width: 180px; /* Width of new image */
			height: 236px; /* Height of new image */	
			padding-left: 180px; /* Equal to width of new image */
}


/**	03. Contact page
*************************************************** **/


.divider-contact {
	border: 0;
	margin: 4px 0 8px 0;
	height: 2px;
	border-top: #ddd 3px solid;
	border-bottom: #ddd 3px solid;
	text-align: center;
	position: relative;
	clear: both;
}



/*============*/

.form-group {
	margin-bottom:0;
}




.input-group-btn .btn,
.input-group .btn {
	border: #e5e7e9 2px solid;
	border-left:0;
	height: 46px;
	margin-top:0 !important;
}

.btn {
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
}

input.err,
select.err,
textarea.err {
	border-color:#ff0000;
}





/**	04. About us page
*************************************************** **/

.text-justified {
	text-align:justify;
}


.divider-about-us {
	border: 0;
	margin: 10px 0;
	height: 4px;
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
	text-align: center;
	position: relative;
	clear: both;
}


.header-sub-section-about-us-ensis img {
  float: right;
  width: 100px;
  height: 100px;
  background: #555;
}

.header-sub-section-about-us-ensis h4 {
  position: relative;
  top: 18px;
  left: 0px;
}



.header-sub-section-about-us-miombo img {
  float: right;
  width: 225px;
  height: 100px;
  background: #555;
}

.header-sub-section-about-us-miombo h4 {
  position: relative;
  top: 18px;
  left: 0px;
}


.h3-aside-header {
	margin-bottom:0px 
}
	
	
/*  *****************  Same length columns ************ */




		/* basics */
		
/*		html { font-size:62.5%; }
		body { font-family:'Average Sans', sans-serif; font-size:14px; font-size:1.4rem; font-weight:400; font-style:normal; margin:2em; color:rgb(60,60,60); }
		h1 { font-family:'Titillium Web', sans-serif; font-weight:700; font-style:normal; font-size:3em; color:rgb(40,40,40); }
		h2 { font-family:'Titillium Web', sans-serif; font-weight:300; font-size:1.8em; color:rgb(40,40,40); margin-top:0; }
*/
		#wrapper-same-length-columns { max-width:1280px; margin:0 auto; }

		/* use border-box box-sizing */
		div { box-sizing:border-box; -moz-box-sizing:border-box; }
	
		/* column container */
		#container-same-length-columns { 
			margin:0 -2.1666%; 
			position:relative; 
		}

		/* column layout */
		.column-same-length-columns { 
			position:relative; 
			float:left; 
			width:29%; 
			margin:0 2.1666%;  
			padding:1.2em; 
			color:rgb(250,250,250);
		}

		/* background container */
		.backgrounds-same-length-columns { 
			position:absolute;
			width:100%;
			height:100%;
		}



		/* background columns */
		.backgrounds-same-length-columns .column-same-length-columns {
			height:100%;
			background: #f6f6f6; /* Old browsers */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(24%,#BDBDBD), color-stop(100%,#A4A4A4)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #f6f6f6 0%, #BDBDBD 24%, #A4A4A4 100%); /* Chrome10+,Safari5.1+ */
			background:    -moz-linear-gradient(top, #f6f6f6 0%, #BDBDBD 24%, #A4A4A4 100%); /* FF3.6+ */
			background:     -ms-linear-gradient(top, #f6f6f6 0%, #BDBDBD 24%, #A4A4A4 100%); /* IE10+ */
			background:      -o-linear-gradient(top, #f6f6f6 0%, #BDBDBD 24%, #A4A4A4 100%); /* Opera 11.10+ */
			background:         linear-gradient(top, #f6f6f6 0%, #BDBDBD 24%, #A4A4A4 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#BDBDBD',GradientType=0 ); /* IE6-9 */
			border-radius:10px;
		}

		/* responsive */
		@media only screen and (max-width:768px) {

/*			body { margin:1.6em; } */
			#container-same-length-columns { margin:0; }
			.column-same-length-columns { 
				float:none;
				width:100%;
				margin:0 0 1em 0;
				border-radius:10px;

				background: #f6f6f6; /* Old browsers */
				background: -moz-linear-gradient(top,  #f6f6f6 0%, #BDBDBD 24%, #437FAD 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(24%,#4d90c6), color-stop(100%,#437FAD)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #f6f6f6 0%,#BDBDBD 24%,#437FAD 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #f6f6f6 0%,#BDBDBD 24%,#437FAD 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #f6f6f6 0%,#BDBDBD 24%,#437FAD 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #f6f6f6 0%,#BDBDBD 24%,#437FAD 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#437FAD',GradientType=0 ); /* IE6-9 */ 
			}
			.backgrounds-same-length-columns { display:none; }
		}



div.column-same-length-columns:hover {
	background:#eee;
}

p.column-same-length-columns-text {
	font-weight:bold;
	font-size: 100%;
	line-height: 1.2em;
	font-weight: F;
	color: #000000;
	padding-top: 20px;
}

	



/**	0xx. Containers
*************************************************** **/



#middle .border-white {
	display:block;
	position:relative;
	background-color:#fff;
	padding:15px;
	border: 2px solid #DDDDDD;
}

#middle .padded-white {
	display:block;
	position:relative;
	background-color:#fff;
	padding:90px;
	border: 2px solid #DDDDDD;
}


.image_block_about_us {
	text-align: center;
	vertical-align: bottom;
	height: auto;
	max-width:100%;
	
}


.bottom_border_black {
border-bottom: solid 2px #000;
}




/**	0xx. Fonts
*************************************************** **/


.entry-title {
		font-family: 'Lato', sans-serif;
	}
	
.black-text {
		font-family: 'Lato', sans-serif;
		color:black;
	}

.entry-title.bold {
		font-weight: 'bold';
	}

.lead.extra {
		font-weight:500  !important;
	}
