@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');





@charset "UTF-8";





/* WebDesignAndSuch.com Demo */



/* demo page styles */













h2 {font-size:22px; color:#369; text-align:center}



.imageOuter {width:350px; float:left; margin:0 37px 0 0}







/* demo specific styles */





/* jquery-method */



span.roll {

	

	height:243px;

	position: absolute;

	width:288px;

	z-index:100;

	

	

} 

 

 

 













/* css-method */





span.rollover {

	opacity: 1;

	-o-transition-duration: 1s;

	-moz-transition-duration: 1s;

	-webkit-transition: -webkit-transform 1s;

	border:0;

	

	cursor: pointer;

	height: 341px;

	width: 341px;

	position: absolute;

	z-index: 10;

	

}



span.rollover:hover {

	opacity: .7;

	-o-transition-duration: 1s;

	-moz-transition-duration: 1s;

	-webkit-transition: -webkit-transform 1s;



}

.image_holder_comp{position:relative}

span.roll{font-size:11px;font-family: 'Roboto', sans-serif;background:url(images/companies-bg.jpg) no-repeat left top #ffffff;padding:5% 5%;width:90%;height:90%;line-height:16px;font-weight:500}

span.roll h2{text-align:left;color:#000000;font-size:14px;text-transform:capitalize;padding:8px 0 0 0;margin:0;font-family: 'Ubuntu', sans-serif;}



@media all and (max-width:1024px){

#wrapper{width:100%}

#content_companies{width:100%}

.image_holder_comp{width:50%!important;height:auto;}

span.roll{width:auto;}

div#content_companies img{width:100%}

#content_companies{margin-top:70px}

}

@media all and (max-width:767px){

	.image_holder_comp{width:100%!important;height:auto;}

span.roll{width:auto}

#content_companies{margin-top:70px}

	

	}