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

/* #1d3a63 dark blue*/
/* #25ace3 Powder blue*/
/* #e6e7e8  bar grey*/
/* #d1d3d4 underline grey*/
/* #939598 font grey*/
/*font-family: 'Encode Sans Expanded', sans-serif;*/
@media only screen and (max-width : 600px) {
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
}

body {
font-family:Calibri, Helvetica, sans-serif;
background-color:#FFF;

} 

.parallax_images{
	
	}
	
#image_one{
	background-image:none;
	
	}
	#image_two{
		background-image:none;
	}

/*****************Navigations styles*********************/

.navigation_area{
overflow:hidden;
-webkit-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.10);
box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.10);
}

.nav_contact_area{
padding:0 2% 0 2%;
width:100%;
height:35px;
background-color:#25ace3;
overflow:hidden;
}

.contact_holder_nav{
float:right;	
}

.contact_holder_nav li{
float:left;
padding-top:2px;
margin-right:10px;
}

.contact_holder_nav li img{
width:30px;
height:30px;
transition:0.9s;
}

/*turns of email and phone number and leaves clickable icons*/
#email_voyant, #contact_voyant{
display:none;
transition:0.9s;
}


/*NAVIGATION STYLES*/			
.nav_area { 
width:100%;
background-color:#FFFFFF;
overflow:hidden;
}

.nav_container {
width:100%;
padding:0;
margin:0 auto;
}
	
.mb_menu {
display:block;
float:right;
margin: 20px 20px 20px 15px;
cursor:pointer;
color:#FFF;
}

#logo img{
width:100%;
}

#logo {
display:inline-block;
max-width:100px;
float:left;
margin: 10px 0 8px 13px;
transition:0.9s;
}
		
.main_nav {
width:100%;
height:0;
overflow:hidden;
transition:0.1s;
}
		
.nav_open {
height:auto;
margin:0;
padding:0;
}
		
.main_nav li {
width:100%;
border-top: 1px solid #e6e7e8;
}
				 
.main_nav li a {
display:block;
font-family: 'Raleway', sans-serif;
padding:20px 10px;
color: #1d3a63;
font-weight:bold;
font-size:1em;
transition:0.4s;
}	
			



/*LINK STYLES*/
ul.main_nav a:active {
color:#25ace3;
border-bottom:4px solid #25ace3;
}

ul.main_nav a:hover {
color: #25ace3;
border-bottom:4px solid #25ace3;
}
		
.mb_menu:hover {
color:#fcd842;
}
			
#more:hover {
color:#fcd842; 
}
 
#look h1:hover {
color:#FCFCFC;
}




ul.main_nav a:hover {
text-decoration: none;
}

ul.main_nav a:visited {

text-decoration: none;
}
ul.main_nav a:active {

text-decoration: none;
}
ul.main_nav a:link {

text-decoration: none;
}


/************animation holder*************/
.animation_holder{
border-bottom:10px solid #25ace3;
}





/****************about us styles************************/

.about_holder{
overflow:hidden;
background-image:url(../images/about_us_moile.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
width:100%;
height:auto;
transition:0.2s;
border-bottom:10px solid #1d3a63;
}

#brand_bar{
overflow:hidden;
background-image:url(../images/voyant_bar_mobile.png);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
width:100%;
height:150px;
transition:0.4s;
}

.filter_about{
width: 100%;
height: 100%;
background-image: -webkit-linear-gradient(304deg,rgba(37,172,227,0.49) 23.32%,rgba(29,58,99,1.00) 100%);
background-image: -moz-linear-gradient(304deg,rgba(37,172,227,0.49) 23.32%,rgba(29,58,99,1.00) 100%);
background-image: -o-linear-gradient(304deg,rgba(37,172,227,0.49) 23.32%,rgba(29,58,99,1.00) 100%);
background-image: linear-gradient(146deg,rgba(37,172,227,0.49) 23.32%,rgba(29,58,99,1.00) 100%);
overflow:hidden;
}


/******about us text styles******/

#about_us{
padding-bottom:100px
}
.about_details{
color:#E2F4FF;
padding:10% 5% 0 5%;
overflow:hidden;
}
	
.about_details li h1{
font-family: 'Encode Sans Expanded', sans-serif;
margin:50px 0 0 0;
transition:0.9s;
}
	
.underline{
width:50px;
border-top:7px solid #1d3a63;
margin-bottom:60px;
transition:0.9s;
}
	
.about_details li p{
font-family:Calibri, Helvetica, sans-serif;

font-size:1.1em;
transition:0.9s;
}
	
	
	
/******Services styles******/
.services_holder_desktop{
display:none;
}
	
.services_title{
overflow:hidden;
height:150px;
width:100%;
background-color:#e6e7e8;
border-bottom:2px solid #d1d3d4;
}
		
		
.services_title h1{
font-family: 'Encode Sans Expanded', sans-serif;
text-align:center;
margin-top:40px;
color:#1d3a63;
}
	
#ser_underline{
margin:0 auto;
display:block;
width:50px;
border-top:7px solid #25ace3;
}
	
	
.services_holder{
min-height:300px;
padding:35% 5% 35% 5%;
}
	/******Services inside tab styles******/
.chartering{
background-image:url(../images/tanker_chartering.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
width:100%;
height:250px;
transition:0.9s;
		
	}
	
.demurrage_claims{
background-image:url(../images/DEMURRAGE_and_CLAIMS.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
width:100%;
height:250px;
transition:0.9s;
	}
	
.sale_purchase{
background-image:url(../images/sale_mobile.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
width:100%;
height:250px;
transition:0.9s;
}
	
	
.services_area{
}

.services_body{
padding:8%;
font-family:Calibri, Helvetica, sans-serif;
font-size:1.1em;
}
	
	
	
	
/*************************google map styles************************/	
.Google_map_holder{
width:100%;
height:300px;
display:block;
overflow:hidden;
border-top:15px solid #F0F0F0;

}







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

.filter_contact{
overflow: hidden;
background-image: -webkit-linear-gradient(293deg,rgba(37,172,227,0.61) 66.32%,rgba(29,58,99,1.00) 100%);
background-image: -moz-linear-gradient(293deg,rgba(37,172,227,0.61) 66.32%,rgba(29,58,99,1.00) 100%);
background-image: -o-linear-gradient(293deg,rgba(37,172,227,0.61) 66.32%,rgba(29,58,99,1.00) 100%);
background-image: linear-gradient(157deg,rgba(37,172,227,0.61) 66.32%,rgba(29,58,99,1.00) 100%);
width:100%;
height:100%;
min-height:400px;
}

#contact_us{
padding-left:5%;
padding-right:5%;
}
	
.Contact_us_area{
border-top:8px solid #25ace3;
overflow:hidden;
background-image:url(../images/contact_us_mobile.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
width:100%;
height:auto;
transition:0.9s;
min-height:400px;
}

.contact_heading li{
margin-top:50px;
overflow:hidden;
transition:0.9s;
}

.contact_heading li h1{
color:#E2F4FF;
font-family: 'Encode Sans Expanded', sans-serif;
margin:0 0 0 0;
transition:0.9s;
}


.contact_details{
color:#E2F4FF;
font-family:Calibri, Helvetica, sans-serif;
font-size:1.1em;
overflow:hidden;
transition:0.9s;
}

.contact_details li strong{
font-family: 'Encode Sans Expanded', sans-serif;
font-size:1em;
color:#1d3a63;
transition:0.9s;
}

.contact_details li:nth-child(3) {
margin-bottom:0px;
}

/************footer styles**************/
.footer{
width:100%;
height:30px;
background-color:#25ace3;
overflow:hidden;
-webkit-box-shadow: 0px -2px 17px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -2px 17px -5px rgba(0,0,0,0.75);
box-shadow: 0px -2px 17px -5px rgba(0,0,0,0.75);
}

#copy_r{
font-family:Calibri, Helvetica, sans-serif;
font-size:0.8em;
margin:7px 0 0 20px;
color:#E2F4FF;
}