@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 780px) {
	
	.holder_three{
	margin-bottom:0%;
}
	
	
	
	/***********  
	colour pallet
	
	gradient black  #414142
	background grey #ebeced
	font grey #808285
	font-family: 'Kanit', sans-serif;
	
	************/
	
/*************************************************************************
                            NAVIGATION STYLES
*************************************************************************/
.logo_holder{
	max-width:340px;
	float:left;
	padding-top:7px
}

.nav_area { 
width:100%;

overflow:hidden;


}
			
.nav_container {
max-width:100%;
}
	
#logo {
	padding-top:10px;
display:inline-block;
float:left;
}
	
	
.mb_menu {
display:none;
}
			 
	
	
.main_nav li {
display:inline-block;
width:80px;
padding-top:23px;
padding-bottom:23px;

border-top: 0px;
border-left:1px solid #EDEDED;
text-align:center;
}

.main_nav {
width:425px;
margin-right:0px;
min-height:50px;
height:auto;
float:right;
}
	



/*************************************************************************
                            splash image
*************************************************************************/	

.splash_image {
	margin-top:1px;
	background-color:rgba(215,215,215,1.00);
		background-position:center;
	overflow:hidden;
	width:100%;
	height:800px;


}

#parallax_splash{
	background-image:url(../images/splash.jpg);
		background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	
}	


.splash_image h1{
	font-family: 'Kanit', sans-serif;
	font-size:3.3em;
	font-weight:200;
	color:#FFFFFF;
	text-shadow: 2px 2px 10px rgba(0,0,0,0.70);
}

.splash_image h2{
	font-family: 'Kanit', sans-serif;
	font-size:3.6em;
	font-weight:600;
	color:#FFFFFF;
	text-shadow: 2px 2px 10px rgba(0,0,0,0.70);
}
.splash_image p {
	font-family: 'Kanit', sans-serif;
	font-size:1.3em;
	text-shadow: 2px 2px 10px rgba(0,0,0,0.70);
	padding-top:6px;
	color:#FFFFFF;
}
	
	.welcome{
	padding: 280px 0 0 150px;
	
	
	}






.holder{
	margin:0 auto;
	max-width:1920px;
}


	

}

@media screen and (min-width: 800px) {
/*************************************************************************
                            INTERGRATED SOLUTIONS
*************************************************************************/		
	
.square {
  position: relative;
  height:auto;
  width: 47%;
  margin-top:2%;
  margin-right:1%;
  margin-left:2%;
  margin-bottom:2%;
float:left;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.content {
	background-image:url(../images/integrated.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  padding:5%;
}
	
	
	
	
.square_two {
  position: relative;
   width: 47%;
  margin-top:2%;
  margin-right:2%;
  margin-left:1%;
  margin-bottom:2%;
float:left;
}

.square_two:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.content_two {
	
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
  position: absolute;
  width: 100%;
  height: 100%;
   
   
}.content_two {
padding:10%;
}

.content_two h1 {
font-family: 'Kanit', sans-serif;
color:#000000;
font-size:2vw;
}

.content_two p {
color:#808285;
font-size:1.4vw;
line-height:2vw;
}




/*************************************************************************
                           OUR ONSHORE SERVICES
*************************************************************************/		
.holder_two{
	padding:0%;
	margin:0%;
	overflow:hidden;
	max-width:1920px;
	margin:0 auto;
	}
	
.holder_three{
	padding:0%;
	margin:0%;
	overflow:hidden;
	max-width:1920px;
	margin:0 auto;
}
.square_onshore {
  position: relative;
  height:auto;
  width: 47%;
   margin-top:0%;
  margin-right:2%;
  margin-left:1%;
  margin-bottom:2%;
 background-color:#FF0004;
 float:left;
}

.square_onshore:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.content_onshore {
	background-image:url(../images/offshore.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
  position: absolute;
  width: 100%;
  height: 100%;

}
	






	
	
	
.square_three {
  position: relative;
   width: 47%;
   margin-top:0%;
  margin-right:1%;
  margin-left:2%;
  margin-bottom:2%
 background-color:#FF0004;
 float:left;
}

.square_three:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.content_three {
	
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
  position: absolute;
  width: 100%;
  height: 100%;
   }

.content_three {
padding:10%;
}
.content_three h1 {
font-family: 'Kanit', sans-serif;
color:#000000;
font-size:2vw;
}

.content_three p {
color:#808285;
font-size:1.4vw;
line-height:2vw;
}






/*************************************************************************
                           OUR OFFSHORE SERVICES
*************************************************************************/	

	
.square_offshore {
  position: relative;
  height:auto;
  width: 47%;
  margin-top:0%;
  margin-right:1%;
  margin-left:2%;
  margin-bottom:2%;
 background-color:#FF0004;
 float:left;
}

.square_four {
  position: relative;
   width: 47%;
  margin-top:0%;
  margin-right:2%;
  margin-left:1%;
  margin-bottom:2%;
 background-color:#FF0004;
 float:left;
}


.square_offshore:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.content_offshore {
	background-image:url(../images/three.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  padding:5%;
}
	
	
	
	


.square_four:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.content_four {
	
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
  position: absolute;
  width: 100%;
  height: 100%;
   
   
}


.content_four ul{
	list-style-type:disc;
	color:#808285;
	font-size:1.6vw;
}


.content_four {
padding:10%;
}
.content_four h1 {
font-family: 'Kanit', sans-serif;
color:#000000;
font-size:2vw;
}

.content_four p {
color:#808285;
font-size:1.4vw;
line-height:2vw;
}


	.content_three {
padding-top:20%;
padding-left:15%;
padding-right:15%;
padding-bottom:15%;
}
	
	.content_four ul {
	list-style-type:disc;
	color:#808285;
	font-size:1.1vw;
	font-family:Calibri, Helvetica, sans-serif;
}


	.content_four {
padding-top:25%;
padding-left:15%;
padding-right:15%;
padding-bottom:15%;
}

	.content_two {
padding-top:14%;
padding-left:15%;
padding-right:15%;
padding-bottom:15%;
}

/*************************************************************************
                           QUALITY AND SAFETY ASSURED
*************************************************************************/	
.quality_details{
	max-width:1920px;
	margin:0 auto;
}


.quality_details h1{
font-family: 'Kanit', sans-serif;
color:#000000;
font-size:2.5vw;
}


.quality_details p{
color:#808285;
font-size:1.5vw;
line-height:2.3vw;
}


#quality_para{
	background-image:url(../images/desktop_quality.jpg);
	
}

	
}


@media screen and (min-width: 1400px) {
	.content_two {

padding:16%;
}
	.content_three {
padding-top:25%;
padding-left:15%;
padding-right:15%;
padding-bottom:15%;
}

	.content_four {
padding-top:25%;
padding-left:15%;
padding-right:15%;
padding-bottom:15%;
}


/*************************************************************************
                           contact styles
*************************************************************************/	






.content_details{
	color:#FFFFFF;
	margin:0 auto;
	max-width:1600px;
}

#us {
	overflow:hidden;
	font-family: 'Kanit', sans-serif;
font-size:2.5vw;
text-align:center;
width:100%;
border-bottom: 1px solid #FFFFFF;
padding-top:20px;
padding-bottom:10px;

}


.one {
	overflow:hidden;
	width:33.3%;
	float:left;
	
	padding-left:7%;
}

.greece {
	padding-top:80px;
	padding-bottom:30px;
	
}

.greece h1{
	font-family: 'Kanit', sans-serif;
font-size:1.7vw;
}

.greece li{
	margin-bottom:5px;
}



.two {
	overflow:hidden;
	width:33.3%;
	float:left;
	
	padding-left:7%;
}


.nigeria {
	padding-top:80px;
padding-bottom:30px;	
}

.nigeria h1 {
	font-family: 'Kanit', sans-serif;
font-size:1.7vw;
}

.nigeria li{
	margin-bottom:5px;
}

 
 
 
 .three{
	 overflow:hidden;
	width:33.3%;
	float:left;
	
	padding-left:7%;
 }
 
.south {
	padding-top:80px;
	padding-bottom:30px;
	
}


.south h1 {
	font-family: 'Kanit', sans-serif;
font-size:1.7vw;
}


.south li {
	margin-bottom:5px;
}


.content_details p {
	font-size:1.3em;
}
}