@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

html{ 
	height:100%;
}
body{ 
	min-height:100%; font-family: 'Roboto', sans-serif;
	height:1px; font-size: 18px;
}
h2 { color: #05314a;
    font-size: 25px;
    border-bottom: 1px solid #666;
    padding-bottom: 10px;
    }
/*	Navigation	*/
a:hover {text-decoration: none;}
P {line-height: 25px; font-size: 15px;}
.navbar{
	margin-bottom:0;
}
.navbar-default {
    background-color: #232323;
    border-color: #232323;
    border-radius: 0;
	min-height:50px;
}
.navbar-default .navbar-nav > li > a {
    color: #FFF;
	font-weight:bold;
}
.navbar-nav {
    float: left;
	width: 100%;
	text-align:center;
}
.navbar-nav > li {
    display: inline-block;
    float: none;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: rgb(245, 130, 32);
    background-color: transparent;
}


/*	Banner Section	*/

.banner{
	/*background-image:url(../images/banner.jpg);*/
	height:632px;
}
.toll-free{
    margin-top: 26px;
}
.toll-free img{
    float: left;
    margin-top: 0px;
    margin-right: 10px;
}
.toll-free p{
    float: right;
    font-size: 31px;
    color: rgb(255, 255, 255);
    border: 3px solid rgb(255, 255, 255);
    padding: 4px;
}
.track_box {
    border: 3px solid #FFF;
    padding: 25px;
    margin-top: 40px;
	text-align:center;
	background-color: rgba(0, 0, 0, 0.36);
}
.track_box h3 {
    font-size: 28px;
    margin: 0;
    color: #FFF;
    font-weight: bold;
}
.track_box p {
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    margin: 20px;
}
.track-input {
    width: 100%;
    padding: 15px;
    border-radius: 0;
    border: none;
}
.track-btn {
    padding: 12px 55px;
    background-color: #F5821F;
    border: none;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    margin-top: 12px;
}
.track-btn:hover{
	background-color:#00AAA5;
	transition:ease-in-out 0.5s;
}
.logo img{
    margin-top: 34%;
    float: right;
    margin-right: 45px;
}

.logo2 img {
    margin-top: -25%;
    float: right;
    margin-right: 260px;
}
/* Tabs */

.col-pad{
	padding:0;
}
.tabs {
    margin-top: -7%;
}
.air{
	background-color:#00aeef;
	padding:26px;
	text-align:center;
	height:160px;
}
.air p{
	font-size:20px;
	color:#FFF;
	margin-top:12px;
}
.surface{
	background-color:#007e7a;
}
.surface img{
    margin-top: 21px;
}
.sea{
	background-color:#ff5400;
}
.ware-house{
	background-color:#d60000;
}
.ware-house img{
    margin-top: 6px;
}

/* footer */

.footer{
	float:left; 
	background-image:url(../images/footer-bgg.png);
	min-height:270px;
	width: 100%;
}
.about h2{
	font-size:20px;
	color:#05314a;
	font-weight:bold;
}
.about ul{
	line-height:25px;
	list-style-type:none;
	padding-left:10px;
}
.about ul li a{
    font-size: 12px;
    color: rgb(5, 49, 74);
    font-weight: bold;
}
.about ul li a:hover{
	text-decoration:none;
	color: #D60000;
	padding-left:5px;
	transition:all 0.3s;
}
.social a{
    font-size: 30px;
    color: #404040;
}
.social a:hover{
	text-decoration:none;
	color:rgb(255, 84, 0);
}
.last-footer{
	float:left;
	width:100%;
	background-color:#d8d8d8;
	line-height:40px;
}
.last-footer p{
	margin:0;
	font-size:12px;
	color:#404040;
	font-weight:bold;
}




.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 632px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.slider {
    position: absolute;
    top: 71px;
}

.banner-inner {background: url(../images/Commerical-ship.jpg) center no-repeat; height: 400px; float: left; width: 100%; background-size: cover;}
.middal-container {float: left; width: 100%; margin: 15px 0;}
/*
ul.services-left {margin: 0; padding: 0;}
ul.services-left li {background: #eee; border-bottom: 1px solid #ddd; position: relative;}
ul.services-left li:before{ content: "\f0da"; font-family: FontAwesome;  font-style: normal;  font-weight: normal; text-decoration: inherit;   color: #000;  font-size: 18px; padding-right: 0.5em;  position: absolute;  top: 16px; left: 10px; }
ul.services-left li:hover:before {color: #fff;}
     
ul.services-left li a {display: block; padding: 15px 10px 15px 22px; color: #000; font-size:18px;}
ul.services-left li:hover {background: #05314a;}
ul.services-left li:hover a {color: #fff;}
.services-left .active {background: #05314a; }
.services-left .active a {color: #fff;}
.services-left .active:before {color: #fff;}*/
.media-left, .media > .pull-left { padding-right: 20px;}
.services-list .media { border-top: 1px solid #e3d9c3;  margin: 0;  padding: 15px 0;}
.services-list .media.no-border {  border: 0 none;}
.contact-form .form-group { float: left;  width: 100%;}
.contact-form label { font-weight:normal; float: left;  width: 100%;}
.form-control { border: 1px solid #8e8e8e;    border-radius: 0;}
.contact-form abbr {  color: #ff0000;}
.contact-form .date-of-birth {   float: left;  margin-right: 15px;  width: 31%;}
.contact-form .date-of-birth:last-child {margin-right: 0;}
.submit-btn {
    background: #222b48 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    float: right;
    padding: 10px 20px;
    text-transform: uppercase;
}

.contact-address .heading03{ font-size:22px; color:#02aef0;}
.contact-address p{ font-size:16px; line-height:32px;}