@import url("fontawesome-4.3.0.min.css");

@import url("custom.flexslider.css");

@import url("framework.css");



/* Basic Preloader - Only used on homepage, but can be used on all pages

--------------------------------------------------------------------------------------------------------------- */



#preloader div{display:block; position:relative; top:50%; left:50%; width:200px; height:30px; margin:-15px 0 0 -100px;}

#preloader div:after{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:"Loading...";}







/* Grid

--------------------------------------------------------------------------------------------------------------- */

.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:inline-block; float:left; margin:0 0 0 3.06748466257669%; list-style:none;}



.first{margin-left:0; clear:left;}



.one_quarter{width:22.69938650306748%;}

.one_third{width:31.28834355828221%;}

.one_half, .two_quarter{width:48.46625766871166%;}

.two_third{width:65.6441717791411%;}

.three_quarter{width:74.23312883435584%;}















/* Content Area

--------------------------------------------------------------------------------------------------------------- */





/* Content */

.container .content{}



.cta{}

.cta article{display:block; position:relative; min-height:30px; border:1px solid;}

.cta article:last-child{margin-bottom:0;}/* Used for mobile devices when elements stack */

.cta article *{

	margin: 0;

	padding: 0;

	color: #FFFFFF;

}

.cta article i{

	display: block;

	position: absolute;

	top: 20px;

	left: 20px;

	width: 50px;

	height: 50px;

	text-align: center;

	font-size: 42px;

	border-bottom-style: none;

	border-bottom-width: 0px;

}

.cta article .heading{

	margin: 8px 0;

	font-size: 1.7rem;

	font-weight: bold;

}

.cta article p{}







/* Content Area */

.cta article, .cta article:nth-child(odd):hover{

	color: #FFFFFF;

	background-color: rgba(0, 154, 68, 0.87);

}

.cta article:hover, .cta article:nth-child(odd){

	color: #FFFFFF;	   
    
    display: flex;
 	
 	align-items: center;
  	
  	justify-content: center;
    
    height: 100px;
    
    border-radius: 10px;

	background-color: rgba(0, 154, 68, 0.87);
}

.cta article:hover a, .cta article:nth-child(odd) a{color:#inherit;}

.cta article:nth-child(odd):hover a{color:#fff;}









/* Max Wrapper Width - Laptop, Desktop etc.

--------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:978px){

	.hoc{max-width:978px;

	padding:15px;}

}





/* Mobile Devices

--------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:900px){

	.hoc{max-width:90%;}







@media screen and (max-width:750px){

	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}

	.fl_left, .fl_right{display:block; float:none;}

	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}



}