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

@media screen and (min-width: 680px) {
/* #1d3a63 dark blue*/
/* #25ace3 Powder blue*/
/* #e6e7e8  bar grey*/
/* #d1d3d4 underline grey*/
/* #939598 font grey*/
/*font-family: 'Encode Sans Expanded', sans-serif;*/
/********************************************************DESKTOP STYLES START HERE***********************************************/	


	
/**********************************Navigation styles********************************************/

.navigation_area{
z-index:10;
position:fixed;
top:0;
left:0;
right:0;
}
.nav_area { 
background-color:rgba(255,255,255,0.64);
}

#logo {
display:inline-block;
max-width:131px;
float:left;
margin: 8px 0 10px 13px;
}
	
.mb_menu {
display:none;
}
			 
.main_nav li {
display:inline-block;
width:auto;
text-align:center;
border-top:0px;
margin-left:-4px;
/*border-right:1px solid #d1d3d4;*/
height:auto;
}

/*
.main_nav li:nth-child(1) {
margin-left:2px;
border-left:1px solid #d1d3d4;
}
*/

.main_nav li a {
display:block;
padding:24px 20px;
color: #1d3a63;
font-weight:bold;
font-size:1em;
}	

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


/************animation holder*************/
.animation_holder{
margin-top:35px;
}

/****************About us brand bar*************************/
#brand_bar{
background-image:url(../images/voyant_bar_desktop.png);
width:100%;
height:150px;
}


/*************************services styles*******************************/

.services_holder{
display:none;
}

.services_holder_desktop{
display:block;
min-width:850px;
padding:13% 2% 13% 2%;

	
	}
.services_holder_desktop{
display:block;
min-width:850px;
max-width:1400px;
margin:0 auto;
padding:13% 2% 13% 2%;
	}

.chartering{
background-image:url(../images/tanker_chartering.jpg);
transition:0.9s;
width:52.33333%;
height:520px;
float:left;
}

.demurrage_claims{
background-image:url(../images/DEMURRAGE_and_CLAIMS.jpg);
width:52.33333%;
height:520px;
transition:0.9s;
float:left;
}
	
	
.sale_purchase{
background-image:url(../images/sale_desktop.jpg);
width:52.33333%;
height:520px;
transition:0.9s;
float:left;
}


.com {
background-image:url(../images/claims_desktop.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
width:52.33333%;
height:520px;
transition:0.9s;
float:left;
}





.services_body{
float:right;
width:47.6%;
padding:5%;
font-family:Calibri, Helvetica, sans-serif;
font-size:1.2em;
}

/*
.services_area{
background-image:url(../images/bakground.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
width:100%;
transition:0.9s;
}

*/
	
	
/***************************google map**********************************/	
.Google_map_holder{
height:400px;
}

.g_map{
width:100%; 
height:446px;
margin-top:-46px;
}	
	
	
/**************contactus*********************/	
.contact_heading li{
margin-top:100px;
}	
	
/**************************************parralax section*********************/	
.about_holder{

background-image:none;

}

.Contact_us_area{
background-image:none;

}

.parallax_images{
	background-color:#fff;
	background-position:center;
	display:block;
	overflow:hidden;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	}
	
#image_one{
	background-image:url(../images/image_one.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	width:100%;
}

#image_two{
	background-image:url(../images/image_two.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	width:100%;
}
}


@media screen and (min-width: 750px) {
/******about us text styles******/
.about_details{
padding:13% 10% 4% 10%;
overflow:hidden;
}


.about_details li p{
font-size:1.3em;
}


	
.about_details li:nth-child(1){
float:left;
width:249px;
}


.about_details li:nth-child(2){
float:right;
padding-left:5%;	
width:60%;
}


	
.about_details li h1{
font-size:3.2em;
margin:0;
}
	
.underline{
width:64px;
float:right;
border-top:7px solid #1d3a63;
margin-bottom:0px;
}
	
#mobile_lbreak{
display:none;
}

/***********************Services styles*****************************/
.services_title h1{
font-size:3.3em		
}

#contact_us{
padding-left:10%;
padding-right:10%;
}
	
.contact_details{
width:70%;
float:right;
padding-bottom:150px;
}

.contact_heading li h1{
font-family: 'Encode Sans Expanded', sans-serif;
}






}