

/** SERVICE BOXES **/
.services-banner						{ padding:40px 0px; font-size:0px; text-align:center; }
.services-box							{ display:inline-block; vertical-align:top; font-size:14px; position:relative; width:30%; min-height:210px; margin:14px; overflow:hidden; }
.services-box .sb-details				{ display:block; position:absolute; right:0; left:0; padding:15px; }
.services-box .sb-title					{ display:block; font-size:1.2em; font-weight:normal; text-transform:uppercase; }
.services-box .sb-text					{ display:block; margin:15px 0px; font-size:1em; }
.services-box .sb-more					{ display:block; clear:both; font-weight:normal; padding:10px; margin:0px 0px 10px 0px; text-transform:uppercase; }

.services-banner						{ background:#FFFFFF; }
.services-box							{ border:1px solid #CCCCCC; }
.services-box.sb-01						{ background:#FFFFFF url(static/service-box-01.jpg) no-repeat 50% 50%; background-size:cover; }
.services-box.sb-02						{ background:#FFFFFF url(static/service-box-02.jpg) no-repeat 50% 50%; background-size:cover; }
.services-box.sb-03						{ background:#FFFFFF url(static/service-box-03.jpg) no-repeat 50% 50%; background-size:cover; }
.services-box.sb-04						{ background:#FFFFFF url(static/service-box-04.jpg) no-repeat 50% 50%; background-size:cover; }

.services-box .sb-details				{ background:rgba(15,110,104,0.9); zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E60f6e68,endColorstr=#E60f6e68); }
.services-box .sb-title					{ color:#dedfe0; }
.services-box .sb-text					{ color:#dedfe0; }
.services-box .sb-more					{ background:#092624; color:#FFFFFF; }
.services-box .sb-more:hover			{ background:#0f6e68; color:#FFFFFF; }


/** RESPONSIVE **/

@media screen and (max-width:770px){
	
	.services-box							{ width:29%; }
	
}

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

	.services-box							{ width:100%; margin:10px 0px 10px 0px; }
	.services-box .sb-details 				{ height:auto !important; position:static; margin:0px 0px 0px 350px; display:block; }
	.services-box .sb-text,
	.services-box .sb-more					{ display:block; }

}

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

	.services-box .sb-details 				{ margin:150px 0px 0px 0px; }

}




