/*  http://www.responsivegridsystem.com  */
/**COMMON SECTION**/
.section {clear: both; padding: 0px; margin: 0px;}
.col {display: block; float:left; margin: 1% 0 1% 2%;}
.col_inner{padding:5px; padding-top:30px; display:table; text-align:center;}
.col_inner_base{padding:0px; text-align:center;}/*FOR BUTTON*/
.col:first-child  {margin-left: 0;}
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.group {zoom:1;}/* For IE 6/7 */

.col_inner h2{font-family:"PT Sans Narrow",Arial,Helvetica,sans-serif; font-weight:700; font-size: 20px; margin-bottom:10px; margin-top:15px;}
.col_inner h2 a{ text-decoration:none;}
.col_inner h2 a:hover{text-decoration:none; color:#C00;}
/**COMMON SECTION**/

/**IMAGES**/
.gridimage-crop{
    width: 100%;
    height: 90px;
	margin-bottom:5px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
	background-size:cover;/*ES BEST SCALING FOR BACKGROUND IMAGE*/
}
.gridimage-crop6{height:110px;}/*SET HEIGHT FOR BACKGROUND IMAGE DISPLAY*/
.gridimage-crop4{height:150px;}
.gridimage-crop3{height:200px;}
.gridimage-crop2{height:200px;}
.gridimage-crop img{
   height: 100%;
   width: 100%;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   position:relative;
   display:table;
}

.gridimage-iconleft6{width: 95px; float:left; margin-right:10px;}
.gridimage-iconleft6 img{width: 100%; height:auto;}
.gridimage-iconleft4{width: 80px; float:left; margin-right:10px;}
.gridimage-iconleft4 img{width: 100%; height:auto;}
.gridimage-iconleft3{width: 95px; float:left; margin-right:10px;}
.gridimage-iconleft3 img{width: 100%; height:auto;}
.gridimage-iconleft2{width: 95px; float:left; margin-right:10px;}
.gridimage-iconleft2 img{width: 100%; height:auto;}


.gridimage-iconcentre6{width: 100%; text-align:center; margin-bottom:5px;}
.gridimage-iconcentre6 img{width: 50%; height:auto;}
.gridimage-iconcentre4{width: 100%; height:auto; text-align:center; margin-bottom:5px;}
.gridimage-iconcentre4 img{width: 60%; height:auto;}
.gridimage-iconcentre3{width: 100%; text-align:center; margin-bottom:5px;}
.gridimage-iconcentre3 img{width: 30%; height:auto;}
.gridimage-iconcentre2{width: 100%; text-align:center; margin-bottom:5px;}
.gridimage-iconcentre2 img{width: 30%; height:auto;}

/**IMAGES**/

/**GRID OF SIX**/
.span_6_of_6{width: 100%;}
.span_5_of_6{width: 83%;}
.span_4_of_6{width: 66%;}
.span_3_of_6{width: 49%;}
.span_2_of_6{width: 32%;}
.span_1_of_6{width: 15%;}

/**GRID OF FIVE**/
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 79.6%;}
.span_3_of_5 {width: 59.2%;}
.span_2_of_5 {width: 38.8%;}
.span_1_of_5 {width: 18.4%;}

/**GRID OF FOUR**/
.span_4_of_4{width: 100%;}
.span_3_of_4{width: 74.5%;}
.span_2_of_4{width: 49%;}
.span_1_of_4{width: 23.5%;} 

/**GRID OF THREE**/
.span_3_of_3{width: 100%;}
.span_2_of_3{width: 66%;}
.span_1_of_3 {width: 32%;}

/**GRID OF TWO**/
.span_2_of_2{width: 100%;}
.span_1_of_2{width: 49%;}

@media screen and (max-width: 1190px) {
	.span_6_of_6{width: 100%;}
	.span_5_of_6{width: 66%;}
	.span_4_of_6{width: 32%;}
	.span_3_of_6{width: 100%;}
	.span_2_of_6{width: 66%;}
	.span_1_of_6{width: 32%;}
	.span_1_of_6:nth-child(3n+1){clear: both; margin-left: 0; }

	.span_5_of_5{width: 48%;}
	.span_4_of_5{width: 48%;}
	.span_3_of_5{width: 48%;}
	.span_2_of_5{width: 48%;}
	.span_1_of_5{width: 48%;}
	.span_1_of_5:nth-child(2n+1){clear: both; margin-left: 0; }

	.gridimage-iconleft{width: 70px;}
}
@media screen and (max-width:1000px) {
	.span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4{width: 47%;}
}
@media screen and (max-width: 760px) {
	.span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6{width: 47%;}
	.span_1_of_6:nth-child(3n+1){clear: none; margin-left: 2%;}
	.span_1_of_6:nth-child(2n+1){clear: none; }

	.span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5{width: 47%;}
	.span_1_of_5:nth-child(2n+1){clear: none; margin: 1% 0 1% 2%; }

	.gridimage-iconcentre6 img{width: 40%; height:auto;}
	.gridimage-iconcentre4 img{width: 40%; height:auto;}
	.gridimage-iconcentre3 img{width: 40%; height:auto;}
	.gridimage-iconcentre2 img{width: 40%; height:auto;}
}
@media screen and (max-width: 640px) {
	.span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6{width: 98%;}
	.span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5{width: 98%;}
	.span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4{width: 98%;}
	.span_1_of_4:nth-child(2n+1){clear: none; margin: 1% 0 1% 2%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3{width: 98%; margin:1% 0 1% 0%;}
	.span_2_of_2, .span_1_of_2{width: 98%; margin:1% 0 1% 0%;}
	.gridimage-crop{width:98%;}
}