/** 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:200px; margin:10px; overflow:hidden; }
.services-box .sb-details				{ display:block; position:absolute; right:0; left:0; padding:10px; }
.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-details				{ background:rgba(0,0,0,0.9); zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6000000,endColorstr=#E6000000); }
.services-box .sb-title					{ color:#9CC14D; }
.services-box .sb-text					{ color:#FFFFFF; }
.services-box .sb-more					{ background:#9CC14D; color:#000000; }
.services-box .sb-more:hover			{ background:#000000; color:#9CC14D; }



/** RESPONSIVE **/
@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; }

}