.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}



/* GRID */
.column { float: left; position: relative;}
.grid2col, .grid2cola, .grid2colaa, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 50%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colaa .column.first { width: 66%; }
.grid2colaa .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2colcc .column.first { width: 28%; }
.grid2colcc .column.last { width: 72%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 33.3333333334%;  }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important;  }

@media screen and (max-width:600px){ 
  .column {
	  width: 100% !important;
    margin-left: 0% !important;
    margin-bottom:10px;
    
  }
  
  }
  


.grid2cola .first .infoblock {
  top:0px;
  left:0px;
  bottom:none;
  right:none;
  width:30%;
  text-align: left;
  padding:20px;
}
.grid2cola .first .infoblock p {
  margin-top:20px;
}
.grid2cola .first .resimg {
  padding-left:30%;
  
  width: 70%;
}


.touts .grid2col .column {
	overflow: hidden;
	height:300px;
}

.touts .grid3col .column {
	overflow: hidden;
	height:200px;
}

.touts .column a {
	display: table;
	width:100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
	
}
.infoblock {
 display:table-cell; vertical-align: middle;
  color:#fff;
  vertical-align: middle;
 
  text-align: center;
  
}

.infopage .startblock,
.infopage .infoblock {
	text-align: left;
}

.infopage .startblock h1,
.infopage .infoblock h1 {
	text-align: center;
}

.infoblock h3 {
  font-family: 'ecopilotregular';
  color:#414141;
    font-size:28px;
 
   margin-bottom:0px;
}

.grid2col .infoblock {
	vertical-align: top;
	}
	
.grid2col .infoblock h3 {
	margin-top:20px;
	}
	
.grid3col .infoblock {
	vertical-align: bottom;
	}
	
	
.grid3col .infoblock span {
	margin-bottom:20px;
	}

.infoblock span {
  font-size:15px;
  
    font-family: 'ecopilotregular';
  line-height: 15px;
  /*
  padding-left:50px;
  padding-right:50px;
  */  
  padding-left:10px;
  padding-right:10px;
  
  text-align: center;
  display: block;
  color:#538ccc;
}

.infoblock.sub-orange span {
	color: #d4742e;
}

.infoblock.head-white h3 {
	color:#fff;
	}

.infoblock ul {
  margin-left:50px;
}