/* CSS Document */

@font-face {
    font-family: 'MuseoSans500';
    src: url('MuseoSans_500-webfont.eot');
    src: url('MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('MuseoSans_500-webfont.woff') format('woff'),
         url('MuseoSans_500-webfont.ttf') format('truetype'),
         url('MuseoSans_500-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{ background:url("oilnet-bg.jpg") no-repeat scroll 50% 50% / cover; margin:0px;}
#mboxhm{
	padding:10% 0px 0px;
	position:relative;
	width:100%;
	margin:0px auto;
	max-width: 1600px;
}
	.cboxs{ 
		width:31.333%;
/*
		width:33.33%;
		width:calc(95.9%/3);
*/
		padding:.7%;
		background:#052370;
		display:inline-block;
		margin-right:-4px;
		vertical-align:top;
	}
	.cboxs .mainimg img{ width:100%; height:auto;}
	.cboxs .maintxt{ background:#FFF; text-align:center;}
	.cboxs .maintxt p{ font: 100 18px/30px "Arimo",Helvetica,Arial,sans-serif; padding:0px 5% 30px; color:#666; margin:0px;}
	.cboxs .maintxt .logo{ padding:15px 0px;}
	.cboxs .maintxt a.mbutn{
		display: inline-block; 
		color: #FFF!important; 
		text-align: center; 
		font: 500 16px/16px 'Arimo', Helvetica, Arial, sans-serif; 
		letter-spacing: 0em; 
		-webkit-font-smoothing: antialiased; 
		-moz-osx-font-smoothing: grayscale; 
		opacity: 0.99; 
		padding: 1em 2em; 
		margin: 0 0 30px; 
		border: 0; 
		text-transform: uppercase; 
		background-color: #fc181f; 
		max-width: none;
		text-decoration: none!important; 
	}
	.cboxs .maintxt a:hover.mbutn{
		background-color: #0c3686;
	}
	
@media screen and (max-width: 780px) { 
	.cboxs{ 
		width:96%;
		padding:2%;
	}

}