@charset "utf-8";

/* CSS Document */
/* #Site Styles
================================================== */
body {
    padding:0;
    font-family: 'Open Sans', sans-serif;
}
h1{
	font-size: 30px;
	font-weight: bold;
	color: #0F75BD;
	text-transform: uppercase;
}
h2{
	font-size:30px;
	font-weight:bold;
}
h3{
	font-size:18px;
	font-weight:bold;
	color: #191818;
}
p{
	
}

/*Begin Header
===============*/
#header {
	background: rgba(255, 255, 255, 0.8);
	border-top:53px solid #0f75bd;
	position: relative;
	z-index: 999;
}
.logo{
	margin-top:-53px;
}
/* MENU
======== */
.nav>li{
	display: inline-block;
}
.navbar {
	min-height: 80px !important;
	margin-bottom: 0px !important; 
}

.navbar .nav>li{
	height: 80px;
}
.navbar .nav>li>a {
	color: #0f75bd;
	font-size:17px;
	padding: 40px 20px 20px;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus , .nav>li>a:hover, .nav>li>a:focus {
	color: #f47822;
	border-bottom:3px solid #f47822;
	font-weight: bold;
	background-color: transparent;
}
.navbar .nav>li>a {
	font-size: 17px;
	text-align: center;
}

/*
.navbar {
	min-height: 80px;
	margin-bottom: 0px; 
}
.navbar-default {
	background-color: transparent;
	border-color:transparent; 
}

.navbar-default .navbar-nav>li:hover,.active{

}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #f47822;
	border-bottom: 3px solid #f47822;
	font-weight: bold;
	background-color: transparent;
}
*/
/* Menu End
=============*/

.social-icon {
    margin-top:0;
    float:right;
}
.social {
    padding:0;
    list-style:none;
    float:right;
    margin-top:0px;
	margin-bottom: -1px;
}
.social li {
    float:left;
	width:55px;
	line-height: 80px;
}
.social li a {
    display:block;
	padding:40px 10px;
	padding: 0px 10px;
}
.twitter {
    background:url(../images/twitter.png) no-repeat center;
	border-top: 5px solid #22A6E0;
}
.twitter:hover {
	background:url(../images/twitter_hover.png) no-repeat center, #22A6E0;
}
.face {
    background:url(../images/facebook.png) no-repeat center;
	border-top: 5px solid #0238e9;
}
.face:hover{
	background:url(../images/facebook_hover.png) no-repeat center, #0238E9;
}
.google {
	background:url(../images/google+.png) no-repeat center;
	border-top: 5px solid #a30000;
}
.google:hover {
	background:url(../images/google+_hover.png) no-repeat center, #a30000;
}

/*end header
==================================================================*/


/*begin slideshow
==================================================================*/
#slideshow {
    margin-top:-95px;
	background:url(../images/shipping_trading_bg.jpg) no-repeat center bottom;
	height: 500px;
}

/*end slideshow
==================================================================*/


/*begin content
==================================================================*/
#content {
    background-color:#f2f2f2;
}
.about_company p {
	text-align: justify;
}
.vission_mission ul li {
	width: 50%;
	float: left;
	list-style:none;
}

.vission_mission ul li span {
	color:#f47822;
}
.vission_mission p {
	font-size:13px;
	padding-right:21px;
}
.vission_mission .more {
	float:right;
	background:url(../images/more1.png) no-repeat center;
	width:99px;
	height:30px;
	text-align: center;
	line-height: 30px;
	margin: -20px 15px 0px 0px;
}
.more a:hover{
   text-decoration:none;
}
/*end content
==================================================================*/


/*begin Shipping & Trading
==================================================================*/
#shipping_trading{
	background:url(../images/shipping_trading_bg.jpg) no-repeat center top;
}
.our_shipping img , .our_trading img {
	float: left;
	margin-right: 10px;
}
.ourshipping_text , .ourtrading_text {
	float:left;
	width: 78%;
}
.ourshipping_text h3 , .ourshipping_text p{
	color: #191818;
}
.ourtrading_text h3 , .ourtrading_text p{
	color:#ffffff;
}
.our_shipping .more ,.our_trading .more {
	float:right;
	background:url(../images/more2.png) no-repeat center;
	width:99px;
	height:30px;
	text-align: center;
	line-height: 30px;
	margin: 0px 15px 0px 0px;
	color:#fff;
}
a.more:hover{
   text-decoration: none;
}
/*End Shipping & Trading
==================================================================*/


/*Begin Services
==================================================================*/
#our_services{
	background-color:#ececec;
}
.services {
	text-align: center;
}
.services p {
	padding: 0px 300px;
}

.list_carousel {
    margin-top:15px;
    margin-bottom:0
}
li.view1 {
    list-style:none;
    float:left;
    background:#fff;
    width:10%;
	width:568px;
}
/*.view1:hover,.view1.active {
    border-color:#f9b91f;
    text-align:center;
    font-size:14px;
    color:#f9b91f;
    filter:grayscale(0);
    -webkit-filter:grayscale(0);
    -moz-filter:grayscale(0);
    -o-filter:grayscale(0);
    -ms-filter:grayscale(0)
}*/
#foo1{
	padding-left:0px;
}
.view1 ul{
	float:left;
	padding-left:0px;
}
.view1 ul li{
	float:left;
	list-style:none;
}
.service {
	float: left;
}
.service img {
	float:left;
}
.service_text{
	float:left;
	width: 50%;
	margin: 54px 0px;
	text-align:center;
	color:#191818;
	padding: 0px 20px;
}
.service_text h3{
	color:#0f75bd;
}
.service:hover,.service.active {
    border-color:#f9b91f;
    text-align:center;
    font-size:14px;
    color:#f9b91f;
    filter:grayscale(0);
    -webkit-filter:grayscale(0);
    -moz-filter:grayscale(0);
    -o-filter:grayscale(0);
    -ms-filter:grayscale(0)
}
a#foo1_next {
    float:right;
}

a#foo1_next{
	float:left;
    position:relative;
    top: -20px;
	left: 2px;
	width: 35px;
	height: 10px;
	background-color:#0f75bd;
}
a#foo1_prev {
	float:left;
    position:relative;
    top: -20px;
	left: 2px;
	width: 35px;
	height: 10px;
	background-color:#f47822;
}

/*End Services
==================================================================*/


/*Begin Footer
==================================================================*/
#footer{
	background:#0f75bd;
}
#footer h3{
	color:#f79b1b;
	font-size:18px;
	padding: 25px 0px 5px 20px;
	text-transform: uppercase;
}
.footer_menu{
	background:url(../images/footer_img1.png) no-repeat left top;
}
#footer ul {
	padding-left: 2px;
	list-style:none;
}
.footer_menu ul li , .contacts ul li{
	color:#fff;
}
.contacts{
	background:url(../images/footer_img2.png) no-repeat left top;
}
.contacts img{
	float:left;
}
.contacts ul li span{
	font-weight:bold;
}
.contacts p {
	margin-left: 24px;
}
.latest_news{
	background:url(../images/footer_img3.png) no-repeat left top;
}
.latest_news img{
	float: left;
	margin:10px 0px;
}
.latest_news p{
	width:70%;
	margin-top:11px;
	float:left;
	color:#fff;
}
.latest_news a{
	float: left;
	background: url(../images/more2.png) no-repeat center;
	width: 99px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin: 16px 0px 0px 9px;
	color: #fff;
}
.global{
	background:url(../images/footer_img4.png) no-repeat left top;
}
.global p{
	margin-top:15px;
	color:#fff;
}
.global a{
	float: right;
	background: url(../images/more2.png) no-repeat center;
	width: 99px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin: 0px 0px 0px 9px;
	color: #fff;
}







/*End
==================================================================*/

.becomeDriver {
    background:url(../images/become_driver.jpg) no-repeat;
    width:292px;
    height:159px;
    font-family:'eurostilebold';
    text-transform:uppercase;
    margin-top:30px;
}

.becomeDriver h4 {
    background:rgba(72,219,251,0.60);
    font-size:18px;
    color:#313130;
    height:32px;
    padding-top:7px;
    position:relative;
    top:13px;
    text-align:center;
}

.btn-info {
    color:#fff;
    background-color:rgba(72,219,251,0.60);
    border-color:transparent;
    position:relative;
    top:9px;
    left:13px;
    border-radius:0;
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:1px;
}

.fifty {
    margin-left:15px;
    margin-top:30px
}

.content_data {
    margin-left:95px;
    max-width:495px;
}

.content_data h1 {
    font-size:25px;
    width:200px;
    color:#0053a1;
    text-transform:uppercase;
    width:304px;
}

.content_data p {
    color:#313130;
    font-size:13px;
    font-family:tahoma;
}

.readmore {
    float:right;
    color:rgba(72,219,251,1);
    font-size:20px;
    position:relative;
    top:-26px;
    height:5px;
}

/*end content
==================================================================*/
/*begin services
==================================================================*/
#services .content_data h1 {
    font-size:25px;
    width:200px;
    color:#0053a1;
    text-transform:uppercase;
    width:460px;
}

#services .content_data:last-child {
    margin-left:0;
}

/*end services
==================================================================*/
/*begin reservations
==================================================================*/
#reservations {
    background:url(../images/reservation-bg.jpg)no-repeat scroll center;
}

.reservation_form {
/* height:309px; */
}

.reservation_form h3 {
    text-transform:uppercase;
}

.data_table {
    height:309px;
	padding-top: 13px;
}

.tg {
font-size:13px;

}
.tg td{
width: 116px;
text-align: center;
font-family: tahoma;
}
.tg tbody tr:nth-child(2) td:nth-child(1) {
background-color:transparent;
border-color: transparent;
}
.tg tbody tr:nth-child(2) td:last-child {
border-color: transparent;
}
tr td:first-child {
border-left: 1px solid #fbc84f;
height: 18px;
padding-left: 3px;
display: block;
margin-bottom: 10px;
text-align: left;
margin-top: 2px;
font-family:tahoma;
}
.tg tbody tr:nth-child(1)>th {
text-align: left;
padding-left: 100px;
line-height: 28px;
margin-top: 5px;
font-family:'eurostileregular';
}
.tg tbody tr:nth-child(2) {
width:542px;
}
.tg tbody tr:nth-child(2) td {
background: #7d7b76;
width: 106px;
height: 43px;
border-right: 5px solid #fff;
color: #fff;
font-size: 11px;
text-align: center;
font-family:tahoma;
}
.tg tbody tr:nth-child(2) td >span{
font-size: 13px;
font-family:tahoma;
}
.btn-warning {
background-color: #fbc84f;
border-color: #fbc84f;
border-radius:0px;
color:#7d7b76;
text-transform:uppercase;
float:right;
}
.tg th {
    text-transform:uppercase;
    font-size:25px;
}

.tg span {
    color:#ba912f;
}

/*End reservations
==================================================================*/
/*begin Quote
==================================================================*/
#quote {
    background:url(../images/get_aquote_bg.jpg)no-repeat,#fff
}

.get_quote {
    height:251px;
}

/*End Quote
==================================================================*/
/*begin Newsletter
==================================================================*/
#newsletter {
    background:#d2d2d2;
}

.submit_newsletter {
    height:50px;
}

.submit_newsletter h5 {
    display:inline-block;
    font-size:20px;
    text-transform:uppercase;
/* position: relative;
top: 5px; */
}

/*End Newsletter
==================================================================*/
/*begin getquote
==================================================================*/
.get_quote h1 {
    color:#12b9dd;
    text-transform:uppercase;
    font-size:25px;
}

/*End getquote
==================================================================*/
/*begin footer
==================================================================*/


/*#footer h3 {
    text-transform:uppercase;
    font-size:20px;
    color:#12b9dd;
    width:287px;
    margin-bottom:20px;
}

#footer h3:after {
    border-bottom:7px double #8d8d8d;
    height:35px;
    content:"";
    position:absolute;
    top:17px;
    left:16px;
    width:157px;
}

#footer p,#footer ul {
    font-family:tahoma;
    font-size:13px;
}

#footer p {
    position:relative;
    left:15px;
}

#footer a {
    float:right;
    color:#fff;
    font-size:17px;
    position:relative;
    right:-17px;
    top:-17px;
}

#footer ul {
    margin-left:-18px;
    list-style-image:url(../images/list_style.jpg);
}

#footer ul>li {
    width:200px;
}

.main_footer {
margin-top: 34px;
}

.footer_menu ul {
  list-style: none;
list-style-image: none!important;
width: 388px;
text-transform: uppercase;
font-family: 'eurostileregular'!important;
margin-left: 0!important;
padding-top: 21px;
line-height: 23px;
}

.footer_menu .menu li {
    float:left;
    width:auto!important;
}

.electronic_payment ul {
    list-style:none;
    list-style-image:none!important;
	
}

.footer_logo p {
    float:right;
    color:#f9b91f;
    display:inline-block;
    width:117px;
    font-size:13px;
    font-family:'eurostileregular'!important;
    margin-top:7px;
}
*/
.f_logo {
    float:left!important;
}

.menu a {
    font-size:14px!important
}

.footer_menu .menu li:nth-child(5) {
    margin-left:41px;
}

.electronic_payment ul {
    margin-left:0!important;
	padding-left: 152px;
display: inline-block;
text-align: center;
}

.electronic_payment ul li {
    float:left;
    width:50px!important;
	margin: 3px;
}

/*begin mainfooter
======================*/
/*end mainfooter
======================*/
/*begin copyright
======================*/
#under_footer{
  height: 55px;
  background: #191818;
}
#under_footer .container{
	position:relative;
}
.copyright {
  margin-top: 6px;
}
.copyright p{
	margin: 0;
	color: #fff;
}
.copyright p a{
	text-decoration:none;
	color: #fff;
}
.powerdby {
  float: right;
  margin-top: 8px;
}
.powerdby a {
	display:block;
}
.top{
  position: absolute;
  left: 50%;
  top: -40%;
  height: 57px;
  width: 57px;
  z-index: 99999999;
}
.top .link{
  display: block;
  height: 57px;
  width: 57px;
}

/*end copyright
======================*/
/* Virtuemart Menu CSS Begin
=========================== */
/* Navigation Styles End
================================*/
/* #Page Styles
================================================== */
.page_style {
  -webkit-box-shadow: 0px 0px 15px 5px #ddd;
  -moz-box-shadow: 0px 0px 15px 5px #ddd;
  box-shadow: 0px 0px 15px 5px #ddd;
  min-height: 455px;
  padding: 5px 30px 20px;
  background: #FFFFFF;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: -6px;
}
.page_style h2{
	color:#f47822;
	font-size:23px;
}


/* #Page Styles End
================================================== */
/* #about page End
================================================== */
.page-header h1{
  padding-left: 50px;
}
.page-header{
  background: url('../images/right39.png') no-repeat scroll 1% 15%;
}
img.about-img {
  margin: 0 auto;
  display: block;
  moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
}
/* #service page End
================================================== */
.serv-tex {
    color: #F47822;
    font-size: 23px;
}
img.ser-pic {
  display: block;
  margin: 0 auto;
  moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
}

/* #contact-us  page End
================================================== */
img.cont-img {
  display: block;
  margin: 0 auto;
}
.cont-tex{
  color: #0F75BD;
}
.cont-tex span {
  font-family: arial;
  font-size: 15px;
  color: #191818;
}
.cont-tex a{
  color: #191818;
}
form#userForm{
    padding-top: 30px;
}
.formResponsive .formHorizontal .formControlLabel {
  text-align: initial;
}
.formControlLabel{
  font-size: 18px;
  font-weight: bold;
  color: #0F75BD;
}
input#Name {
  height: 30px;
  width: 350px;
}
input#Company  {
  height: 30px;
  width: 350px;
}
input#Address {
  height: 30px;
  width: 350px;
}
input#Phone {
  height: 30px;
  width: 350px;
}
input#Mobile{
  height: 30px;
  width: 350px;
}
input#Email {
  height: 30px;
  width: 350px;
}
textarea#Message{
 width: 350px;
}
.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"]{
     margin-bottom: 2px !important;
}
.formResponsive .formHorizontal .formControls {
  margin-left: 130px;
}
.cont-data h2{  
  font-size: 21px;
}
.cont-data{
  padding-top: 5px;
}
input#Submit{
    float: right;
}
h2.cont-text2{
  font-size: 21px !important;
}
.col-xs-6.contact-form {
  padding-top: 10px;
}
/*EL SHARK CENTER COMPANY
============================ */
.historylist{
overflow:auto;
margin-bottom:17px;}
.historylist li {
    width: 50%;
    float: left;
}


/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */
/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
@font-face {
    font-family:'eurostileregular';
    src:url(../fonts/eurostile-webfont.eot);
    src:url(../fonts/eurostile-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/eurostile-webfont.woff2) format("woff2"),url(../fonts/eurostile-webfont.woff) format("woff"),url(../fonts/eurostile-webfont.ttf) format("truetype"),url(../fonts/eurostile-webfont.svg#eurostileregular) format("svg");
    font-weight:400;
    font-style:normal
}

@font-face {
    font-family:'eurostilebold';
    src:url(../fonts/eurostile-bold-1361505679-webfont.eot);
    src:url(../fonts/eurostile-bold-1361505679-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/eurostile-bold-1361505679-webfont.woff2) format("woff2"),url(../fonts/eurostile-bold-1361505679-webfont.woff) format("woff"),url(../fonts/eurostile-bold-1361505679-webfont.ttf) format("truetype"),url(../fonts/eurostile-bold-1361505679-webfont.svg#eurostilebold) format("svg");
    font-weight:400;
    font-style:normal

@-moz-document url-prefix() { 
  body{
    padding:0px !important;
  }
}