@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,300italic,400italic,600italic,700italic,900italic);


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  	margin-bottom: 60px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: medium;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.section .container {
	height: 90%;
}
.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

/* NAVIGATION */
.sticky-navigation {
	min-height: 80px;
	background: #ffffff;
	border: 0;
	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
}
img.header-logo {
	height: 65px;
}
.sticky-navigation .main-navigation {
	padding-top: 13px;
}

.sticky-navigation .main-navigation .current a {
	outline: inherit;
	position: relative;
}

.sticky-navigation .navbar-nav > li > a {
	font-size: 15px;
	text-transform: capitalize;
	font-weight: 600;
	color: #323232;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #00b4f1;
	background-color: transparent;
}
.sticky-navigation .navbar-nav > li > a:hover {
	color: #00b4f1;
	background-color: transparent;
}
h1.section-title {
	font-size: 68px;
	font-weight: 200;
}
h1.section-subtitle {
	font-size: 80px;
	font-weight: 400;
	padding-bottom: 10px;
	position: relative;
	/*top: 75px;*/
}

.h2, h2 {
    font-size: 30px;
    /* padding-left: 110px; */
}

h2.section-slide-title {
	font-weight: 300;
	position: relative;
	/*top: 75px;*/
}
#about-section {
	color: #0069b4;
}
#about-section h2 {
	text-align: center;
}
#services-section, #special-section, #clients-section, #network-section, #trucking-and-customs-section {
	color: #ffffff;
}
#clients-section .clients {
	background: #ffffff;
}
#network-section .network {
	background: #e6e6e6;
}
.fp-tableCell {
    vertical-align: top;
    padding-top: 80px;
}
.section .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 100%;
}
#clients-section .clients .row, #network-section .network .row {
	display: inherit !important;
	margin-top: 100px;
}
#contact-section .contact-info .row {
	display: inherit !important;
	margin-top: 0px;
}
.expanded-contact-form {
	margin-top: -30px;
}
/*.slide-row {
	margin-top: 75px;
}*/
#clients-section .clients-logos, #network-section .network-logos {
	width: 100%;
	padding-top: 15px;
	text-align: center;
}
.greentext {
	color: #a2d063;
}
.darkgreentext {
	color: #8dc63f;
}
.darkbluetext {
	color: #00388c;
	border-color: #00388c;
}
.bluetext {
	color: #006db8;
	border-color: #006db8;
}
.blacktext {
	color: #000000;
	border-color: #000000;
}
.redtext {
	color: #e94001;
}

/******** Slides ********/
.fp-controlArrow.fp-prev {
	background: url("../images/left-arrow2.png") no-repeat;
	left: 15px;
	width: 52px;
	border: 0;
	height: 102px;
}
.fp-controlArrow.fp-next {
	background: url("../images/right-arrow2.png") no-repeat;
	right: 15px;
	width: 52px;
	border: 0;
	height: 102px;
}
.lightarrows .fp-controlArrow.fp-prev {
	background: url("../images/left-arrow.png") no-repeat;
	left: 15px;
	width: 52px;
	border: 0;
	height: 102px;
}
.lightarrows .fp-controlArrow.fp-next {
	background: url("../images/right-arrow.png") no-repeat;
	right: 15px;
	width: 52px;
	border: 0;
	height: 102px;
}

h1.header-title {
	position: relative;
	top: 10px;
	left: 110px;
	font-size: 50px;
	font-family: "Source Sans Pro",sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}
#intro-section .slide1 {
	background-image: url('../images/header-boat.jpg');
	background-size: cover;
	background-position: top;
	color: #fff;
}
#intro-section .slide2 {
	background-image: url('../images/header-fresh.jpg');
	background-size: cover;
	background-position: center;
	color: #025156;
}
#intro-section .slide3 {
	background-image: url('../images/header-nav.jpg');
	background-size: cover;
	background-position: top;
	color: #025156;
}
#intro-section .slide4 {
	background-image: url('../images/header-tech.jpg');
	background-size: cover;
	background-position: top;
	color: #fff;
}
#intro-section .slide5 {
	background-image: url('../images/header-truck.jpg');
	background-size: cover;
	background-position: top;
	color: #fff;
}
#services-section .warehousing {
	background-image: url('../images/services-warehousing.jpg');
	background-size: cover;
	background-position: bottom;
}
#services-section .registration {
	background-image: url('../images/services-registration.jpg');
		background-size: cover;
		background-position: center;
}
#services-section .customs {
	background-image: url('../images/services-customs.jpg');
	background-size: cover;
	background-position: center;
}

#services-section .impexp {
	background-image: url('../images/header-impexp.jpg');
	background-size: cover;
	background-position: center;
}
#services-section .landfreight {
	background-image: url('../images/services-landfreight.jpg');
		background-size: cover;
		background-position: center;
}
#services-section .oceanfreight {
	background-image: url('../images/services-oceanfreight.jpg');
		background-size: cover;
		background-position: center;
}
#services-section .airfreight {
	background-image: url('../images/services-airfreight.jpg');
		background-size: cover;
		background-position: center;
}
#special-section .aerospace {
	background-image: url('../images/special-aerospace.jpg');
		background-size: cover;
		background-position: center;
}
#special-section .fb {
	background-image: url('../images/special-fb.jpg');
		background-size: cover;
		background-position: center;
}
#special-section .tech {
	background-image: url('../images/special-tech.jpg');
		background-size: cover;
		background-position: center;
}
#special-section .fashion {
	background-image: url('../images/special-fashion.jpg');
		background-size: cover;
		background-position: center;
}
#special-section .cosmetics {
	background-image: url('../images/special-cosmetics.jpg');
		background-size: cover;
		background-position: center;
}

#services-section .warehousing {
	background-image: url('../images/services-warehousing.jpg');
	background-size: cover;
	background-position: bottom;
}

#network-section .network1 {
	background-image: url('../images/5.1.jpg');
	background-size: cover;
	background-position: bottom;
}

#network-section .network2 {
	background-image: url('../images/5.2.png');
	background-size: cover;
	background-position: bottom;
}

#trucking-and-customs-section .tc1 {
	background-image: url('../images/6.1.jpg');
	background-size: cover;
	background-position: bottom;
}

#trucking-and-customs-section .tc2 {
	background-image: url('../images/6.2.jpg');
	background-size: cover;
	background-position: bottom;
}
/*---------------------------------------
   4.10.2 CONTACT FORM        
-----------------------------------------*/
.contact-form {
	margin-top: 25px;
}

.contact-form .success,
.contact-form .error {
	display: none;
}

.contact-form .input-box,
.contact-form .textarea-box {
	margin-bottom: 15px;
	margin-top: 15px;
	outline: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	color: #727272;
	padding-left: 12px;
	font-size: inherit;
	line-height: auto;
}

.contact-form .input-box {
	min-height: 50px;
}

.contact-form .textarea-box {
	min-height: 200px;
	-webkit-backface-visibility: hidden;
}

.contact-form .input-box:active,
.contact-form .textarea-box:active,
.contact-form .input-box:focus,
.contact-form .textarea-box:focus {
	color: #323232;
}

.contact-form .btn {
	margin-top: 5px;
	margin-left: 15px;
}
.contact-info {
	margin-top: 45px;
}
td.contact-info-item {
	padding-left: 12px;
	font-size: 18px;
	color: #000000;
}
td.contact-info-icon {
	text-align: center;
}
.contact-info td {
	padding-top: 15px;
}

footer {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #006db8;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.footer-logo {
	max-width: 180px;
	margin: auto;
}

.copyright {
	/*margin-top: 15px;
	margin-bottom: 15px;*/
	color: #000000;
}
.copyright2 {
	/*margin-top: 15px;
	margin-bottom: 15px;*/
	color: #000000;
	text-align: right;
}
.copyright2 img {
	vertical-align: middle;
	padding-bottom: 4px;
}
.top80 { 
	margin-top:80px; 
}
.fp-slidesNav.top {
	top: 90%;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, 
#fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 25px;
    width: 25px;
    margin: -7px 0px 0px -6px;
    border-radius: 100%;
    background: none repeat scroll 0% 0% #FFF;
    background-color: grey;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
}
.fp-slidesNav ul li a:hover span {
    height: 25px;
    width: 25px;
    margin: -7px 0px 0px -6px;
    border-radius: 100%;
    background: none repeat scroll 0% 0% #FFF;
    background-color: #FFF;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 15px;
    width: 15px;
    border: 0px none;
    background: none repeat scroll 0% 0% #fff;
    background-color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    left: 50%;
    top: 50%;
    margin: -2px 0px 0px -2px;
    transition: all 0.1s ease-in-out 0s;
}

#content-section {
	margin-top: 100px;
}
#mawb-form {
    padding: 0 55px;
    border-right: 1px solid #ccc;
}
#hawb-form {
    padding: 0 55px;
}
#error, #results-table {
    margin-top: 25px;
}
thead {
    font-weight: bold;
}
#tracking-form .form-group {
	margin: 0;
}

/**** Mobile interfaces *****/

@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}
@media (min-width: 950px) {
	.container {
		width: 830px;
	}
	.title-left, .title-right {
		left: 9%;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
	.title-left {
		left: 9%;
	}
	.title-right {
		left: 50%;
	}h1.section-subtitle {
	    width: 50%;
	}
}
@media only screen and (max-width: 480px) {
	body {
		font-size: small;
	}
	.section .row {
		display: inherit !important;
	}
    .sticky-navigation {
		min-height: 50px;
	}
	img.header-logo {
		height: 30px;
	}
	.navbar-brand {
	  height: 30px;
	  padding: 9px 15px;
	}
	h1.section-title {
  		font-size: 32px;
  		text-align: center;
  		/*margin-top: 75px;*/	
  	}
	h2.section-subtitle {
  		font-size: 20px;
  		text-align: center;
  	}
  	h2.section-slide-title {
  		text-align: center;
  	}
  	p {
  		/* text-align: left; */
  	}
  	.fp-controlArrow {
  		top: 22%;
  	}
  	.fp-controlArrow.fp-prev {
		background: url("../images/left-arrow2-sm.png") no-repeat;
		left: 0;
		width: 26px;
		border: 0;
		height: 51px;
	}
	.fp-controlArrow.fp-next {
		background: url("../images/right-arrow2-sm.png") no-repeat;
		right: 0;
		width: 26px;
		border: 0;
	}
  	.lightarrows .fp-controlArrow.fp-prev {
		background: url("../images/left-arrow-sm.png") no-repeat;
		left: 0;
		width: 26px;
		border: 0;
		height: 51px;
	}
	.lightarrows .fp-controlArrow.fp-next {
		background: url("../images/right-arrow-sm.png") no-repeat;
		right: 0;
		width: 26px;
		border: 0;
		height: 51px;
	}
	h1.section-subtitle {
		font-size: 20px !important;
		-webkit-padding-before: 7px;
  		margin-top: 160px;
  		padding-bottom: 0;
  		text-align: center;
  		color: #ffffff;
	}
	.title-left, .title-right {
		left: 0;
	}
	.contact-form .input-box {
	  min-height: inherit;
	} .contact-form {
		margin-top: 70px;
		padding-bottom: 170px;
		/* width: 240px; */
	} 
	
	#contact-section .fp-slides
	{
		overflow-x: hiddin;
		overflow-y: auto;
	}
	
	.fp-tableCell {
		padding-top: 50px;
	}
	#services-section .infoslide, #special-section .infoslide {
	    background-size: 100%;
	    background-position: top;
	    background-repeat: no-repeat;
	}
	#services-section .infoslide p, #services-section .infoslide div, #special-section .infoslide p, #special-section .infoslide div {
	    color: #ffffff;
	}
	.network-logos img {
    	width: 100%;
	}
	.fp-slidesNav.top {
    	top: 85px;
	}
	h1.header-title {
	    position: relative;
	    top: 73px;
	    left: 0px;
	    font-size: 29px;
	    text-transform: uppercase;
	    text-align: center;
	    margin: 20px !important;
	}
	#intro-section .slide5 {
		color: #025156;
		background-position: left;
	}
	.top90 {
	    margin-top: 90px;
	}
}