/*
 *   Fonts
 */

@font-face {
	font-family: 'Frutiger LT Condensed';
	src: url('/fonts/FrutigerLTStd-LightCn.eot');
	src: url('/fonts/FrutigerLTStd-LightCn.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-LightCn.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-LightCn.woff') format('woff'),
		url('/fonts/FrutigerLTStd-LightCn.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-LightCn.svg#FrutigerLTStd-LightCn') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Condensed';
	src: url('/fonts/FrutigerLTStd-BoldCn.eot');
	src: url('/fonts/FrutigerLTStd-BoldCn.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-BoldCn.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-BoldCn.woff') format('woff'),
		url('/fonts/FrutigerLTStd-BoldCn.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-BoldCn.svg#FrutigerLTStd-BoldCn') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Condensed';
	src: url('/fonts/FrutigerLTStd-BlackCn.eot');
	src: url('/fonts/FrutigerLTStd-BlackCn.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-BlackCn.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-BlackCn.woff') format('woff'),
		url('/fonts/FrutigerLTStd-BlackCn.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-BlackCn.svg#FrutigerLTStd-BlackCn') format('svg');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-Bold.eot');
	src: url('/fonts/FrutigerLTStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-Bold.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-Bold.woff') format('woff'),
		url('/fonts/FrutigerLTStd-Bold.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-Bold.svg#FrutigerLTStd-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-BlackItalic.eot');
	src: url('/fonts/FrutigerLTStd-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-BlackItalic.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-BlackItalic.woff') format('woff'),
		url('/fonts/FrutigerLTStd-BlackItalic.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-BlackItalic.svg#FrutigerLTStd-BlackItalic') format('svg');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-LightItalic.eot');
	src: url('/fonts/FrutigerLTStd-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-LightItalic.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-LightItalic.woff') format('woff'),
		url('/fonts/FrutigerLTStd-LightItalic.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-LightItalic.svg#FrutigerLTStd-LightItalic') format('svg');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-Roman.eot');
	src: url('/fonts/FrutigerLTStd-Roman.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-Roman.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-Roman.woff') format('woff'),
		url('/fonts/FrutigerLTStd-Roman.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-Roman.svg#FrutigerLTStd-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-Black.eot');
	src: url('/fonts/FrutigerLTStd-Black.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-Black.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-Black.woff') format('woff'),
		url('/fonts/FrutigerLTStd-Black.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-Black.svg#FrutigerLTStd-Black') format('svg');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-Light.eot');
	src: url('/fonts/FrutigerLTStd-Light.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-Light.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-Light.woff') format('woff'),
		url('/fonts/FrutigerLTStd-Light.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-Light.svg#FrutigerLTStd-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Condensed';
	src: url('/fonts/FrutigerLTStd-Cn.eot');
	src: url('/fonts/FrutigerLTStd-Cn.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-Cn.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-Cn.woff') format('woff'),
		url('/fonts/FrutigerLTStd-Cn.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-Cn.svg#FrutigerLTStd-Cn') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-UltraBlack.eot');
	src: url('/fonts/FrutigerLTStd-UltraBlack.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-UltraBlack.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-UltraBlack.woff') format('woff'),
		url('/fonts/FrutigerLTStd-UltraBlack.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-UltraBlack.svg#FrutigerLTStd-UltraBlack') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Condensed';
	src: url('/fonts/FrutigerLTStd-ExtraBlackCn.eot');
	src: url('/fonts/FrutigerLTStd-ExtraBlackCn.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-ExtraBlackCn.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-ExtraBlackCn.woff') format('woff'),
		url('/fonts/FrutigerLTStd-ExtraBlackCn.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-ExtraBlackCn.svg#FrutigerLTStd-ExtraBlackCn') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-Italic.eot');
	src: url('/fonts/FrutigerLTStd-Italic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-Italic.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-Italic.woff') format('woff'),
		url('/fonts/FrutigerLTStd-Italic.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-Italic.svg#FrutigerLTStd-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Frutiger LT Std';
	src: url('/fonts/FrutigerLTStd-BoldItalic.eot');
	src: url('/fonts/FrutigerLTStd-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/FrutigerLTStd-BoldItalic.woff2') format('woff2'),
		url('/fonts/FrutigerLTStd-BoldItalic.woff') format('woff'),
		url('/fonts/FrutigerLTStd-BoldItalic.ttf') format('truetype'),
		url('/fonts/FrutigerLTStd-BoldItalic.svg#FrutigerLTStd-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}



/*
 *   Reset
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:700;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;}

button::-moz-focus-inner {border:0; padding:0;} /* Remove button padding in Firefox */ 

/*
 *   Styles
 */
 
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
 
html {min-height:100%; height:100%;}

body {min-height:100%; height:100%; font-family:'Frutiger LT Std', sans-serif; color:#322614;}

body,
input[type="text"],
input[type="password"],
select,
textarea {font-family:'Frutiger LT Std', Arial, Helvetica, sans-serif; font-weight:400; font-size:18px; line-height:26px;}

a:link,
a:visited {color:#163e72; text-decoration:underline;}
a:hover {text-decoration:none;}

a.button:link,
a.button:visited,
input[type="submit"],
input[type="button"],
button {padding:8px 15px; border:0; outline:none; border-radius:3px; background:#0b62a2; font-size:18px; text-decoration:none; font-family:'Avenir Medium', sans-serif; color:#fff; cursor:pointer;}

a.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {background:#176faf;}

a.button:link i,
a.button:visited i,
input[type="submit"] i,
input[type="button"] i,
button i {margin:0 5px 0 0;}

strong {font-weight:700;}

em {font-style:italic;}

small,
.small {font-size:80%; text-transform:uppercase; color:#ccc;}

h1 {margin:0 0 20px 0; font-size:36px; line-height:1.4em;}
h2 {margin:0 0 1em 0; font-size:24px; line-height:1.4em;}

p {margin:0 0 1em 0; float:left; width:100%;}
p:last-child {margin-bottom:0;}

ul {list-style:disc; margin:0 0 1em 20px; float:left;}
ul li {width:100%;}

hr {margin:5px 0 10px 0; padding:0; background:transparent; color:transparent; height:0px; border:0; border-bottom:1px solid #d9d9d9;}

.outer {float:left; width:100%; height:100%;}

.panel {float:left; width:100%;}
.panel .inner {width:960px; margin:0 auto;}

.body {min-height:100%; margin-bottom:-157px; padding-bottom:157px;}

.pull-left {float:left;}
.pull-right {float:right;}

.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}

.full-width {width:100%;}
.half-width {width:50%;}
.third-width {width:30%;}

.pageresponse {float:left; width:100%; margin:0 0 1em 0; padding:15px; background:#e01e3d; color:#fff; font-size:14px; line-height:1.4em;}
.pageresponse i {margin:0 8px 0 0;}

header {padding:30px 0 10px 0; text-align:center; background:rgba(255,255,255,.8);}

nav {text-align:center; background:rgba(255,255,255,.8);}
nav a:link,
nav a:visited {display:inline-block; padding:8px 10px; font-size:18px; line-height:1em; font-weight:bold; color:#fcb92c; text-transform:uppercase; text-decoration:none;}
nav a:hover {text-decoration:underline;}
nav li.on a:link,
nav li.on a:visited {background:#fcb92c; border-radius:5px; color:#fff;}
nav li.on a:hover {text-decoration:none;}
nav ul {list-style:none;}
nav ul li {display:inline;}

footer {padding:80px 0 20px 0; background:#313131; font-size:19px; line-height:28px; color:#fff;}
footer .contact p {width:auto; margin:0 40px 0 0;}
footer hr {float:left; width:100%; margin:40px 0; border:0; border-bottom:4px solid #3d3d3d;}
footer .copyright {font-size:14px; line-height:1.4em; color:rgba(255,255,255,.3);}
footer .credit {font-size:14px; line-height:1.4em; color:#fb9d5d;}
footer .credit img {margin:0 0 0 15px; vertical-align:middle;}

.hero {position:absolute; z-index:1; height:800px; background:url('/images/hero-sub.jpg') top center no-repeat; background-size:cover;}
.rest {position:absolute; z-index:2; top:800px;}

.home-page .hero {height:100%; background-image:url('/images/hero-home.jpg');}
.home-page .rest {top:100%;}

.home-page header,
.home-page nav {background:none;}

.services {height:315px; margin:-315px 0 0 0; padding:80px 0; background:rgba(255,255,255,.88); text-align:center;}
.services .service {position:relative; display:inline-block; width:128px; margin:0 45px; padding:164px 0 0 0; text-align:center; font-size:27px; text-transform:uppercase; font-weight:bold; color:#051d5e;}
.services .service .image,
.services .service .hover {position:absolute; z-index:1; top:0; left:50%; height:164px; background:0px 0px no-repeat;}
.services .service .hover {z-index:2; opacity:0; background-position:100% 0px;
  -webkit-transition: opacity .2s ease-in-out;
          transition: opacity .2s ease-in-out;
}
.services .service:hover .hover {opacity:1;}

.services .air .image,
.services .air .hover {width:111px; margin-left:-55.5px; background-image:url('/images/service-air.png');}

.services .sea .image,
.services .sea .hover {width:128px; margin-left:-64px; background-image:url('/images/service-sea.png');}

.services .road .image,
.services .road .hover {width:105px; margin-left:-52.5px; background-image:url('/images/service-road.png');}

.services .courier .image,
.services .courier .hover {width:109px; margin-left:-54.5px; background-image:url('/images/service-courier.png');}

.about {padding:120px 0; background:url('/images/about.jpg') center top no-repeat;}
.about .text {width:390px;}
.about .text .cols {float:left; width:100%; columns:2;}

.mission-statement {height:804px; background:url('/images/mission-statement.jpg') top center no-repeat; background-size:cover;}
.mission-statement .text {float:right; width:575px; height:804px; padding:80px; background:rgba(255,255,255,.87); font-size:19px; line-height:28px;}
.mission-statement h2 {font-size:39px; line-height:1em; font-weight:800;}
.mission-statement a:link,
.mission-statement a:visited {display:inline-block; width:315px; max-width:100%; margin:30px 0 0 0; padding:20px; font-size:24px; line-height:1em; text-align:center; text-decoration:none; color:#1b1b1b; border:3px solid #1b1b1b;}
.mission-statement a:hover {background:#1b1b1b; color:#fff;}

.main {padding:80px 0;}

.main .left {float:left; width:565px;}
.main .left.full-width {width:100%;}
.main .left h2 {white-space:nowrap; font-size:64px; line-height:1.2em; font-weight:bold; color:#f6b72d;}
.main .left h3 {margin:0 0 20px 0; font-size:28px; line-height:1.2em; font-weight:bold; color:#032875;}
.main .left a.top:link,
.main .left a.top:visited {float:right; font-size:14px; text-decoration:none; color:#999;}
.main .left a.top:hover {text-decoration:underline;}
.main .left ul {float:left; width:100%; margin:0 0 1em 20px;}
.main .left ul li {padding:0 0 5px 10px;}

.main .right {float:left; width:300px; margin:0 0 0 95px; padding:142px 0 0 0; color:#032875;}
.main .right a:link,
.main .right a:visited {display:inline-block; width:100%; padding:15px; text-align:center; color:#f6b72d; border:3px solid #f6b72d; font-weight:bold; font-size:28px; line-height:1em; text-decoration:none;}
.main .right a:hover {background:#f6b72d; color:#fff;}
.main .right ul li {padding:0 0 5px 10px;}

.main .bg-right {position:absolute; left:50%; right:0; top:120px; margin-left:180px; border-bottom:3px solid #fce4af;}

form {float:left; width:100%; margin:0 0 1em 0; padding:30px; background:#eee;}
form label {display:block; margin:0 0 10px 0; font-size:24px; line-height:1.2em;}
form textarea,
form input[type="text"],
form select {padding:10px; background:#fff; border:0; border-radius:5px; outline:none;}
form button {padding:15px 30px; background:#fcb92c; border-radius:5px; color:#fff; font-size:24px; line-height:1em; font-weight:bold;}
form button:hover {background:#fcb92c;}

form fieldset {margin:0 0 30px 0; padding:20px 30px 30px 30px; background:#fff; border:1px solid #c5c5c5; border-radius:5px;}
form fieldset legend {margin:0 -10px 10px -10px; padding:5px 20px; background:#565656; font-size:24px; line-height:1.2em; font-weight:bold; text-transform:uppercase; color:#fff;}
form fieldset textarea,
form fieldset input[type="text"] {background:#fff; border:1px solid #d7d7d7;}

form .contents {float:left; width:100%; margin:0 0 1em 0; padding:20px; background:#fff; border-radius:5px;}
form .contents table {width:100%;}
form .contents th {vertical-align:middle; width:10px; padding:0 10px 0 0; font-size:24px; font-weight:bold; color:#dedbdb; text-align:right;}
form .contents td {vertical-align:middle;}
form .contents input[type="text"] {padding:5px 0; border-bottom:1px solid #eee; border-radius:0;}
form .contents a.add:link,
form .contents a.add:visited {display:inline-block; margin:20px 0 0 0; padding:10px 15px; border-radius:3px; background:#7f7f7f; color:#fff; font-size:14px; line-height:1em; text-decoration:none;}
form .contents a.add:hover {background:#8f8f8f;}

form .contents table tr.underline td {padding:8px 0; vertical-align:top; border-bottom:1px solid #eee;}
form .contents table tr.underline:last-child td {border:0;}

form label.radio {display:inline-block; white-space:nowrap; padding:5px; font-size:14px; line-height:1em; font-weight:bold;}
form label.radio input {display:none;}
form label.radio i {width:16px; height:16px; margin:0 5px 0 0; padding:2px; vertical-align:1px; color:#fff; border:1px solid #d7d7d7; border-radius:2px; font-size:11px; line-height:1em; text-align:center;}
form label.radio:hover i {background:#f7f7f7; color:#f7f7f7;}
form label.radio.checked i {color:#fff;}
form label.radio.checked.yes i {background:#0c0; border-color:#0c0; color:#fff;}
form label.radio.checked.no i {background:#c00; border-color:#c00; color:#fff;}


.show-mobile {display:none;}
.hide-mobile {}

@media all and (max-width:1020px){

  .panel .inner {width:100%; margin:0;}
  
  header .inner {padding:0 30px;}
  nav .inner {padding:0 30px;}
  
  footer {padding:30px 0; text-align:center;}
  footer .inner {padding:0 30px;}
  footer .contact {float:none; display:inline-block; margin:0;}
  footer .contact p {float:none; display:inline-block; margin:0 20px 30px 20px;}
  footer .pull-right {float:none; display:inline-block;}
  footer img {max-width:100%; height:auto;}
  footer hr {float:none; display:inline-block;}
  footer .copyright {float:none; display:inline-block; margin:0 0 30px 0;}
  footer .credit {display:block;}
  
  .hero {height:500px;}
  .rest {top:500px;}
  
  .home-page .hero {position:relative; height:auto; background:none;}
  .home-page .rest {position:relative; top:0;}
  
  .services {height:auto; margin-top:0; padding:0; background:url('/images/hero-home.jpg') top center no-repeat;}
  .services .inner {padding:85px 0 35px 0; background:rgba(255,255,255,.88);}
  .services .service {margin:0 30px 45px 30px;}
  
  .about .inner {padding:0 30px;}
  
  .main {padding:30px 0;}
  .main .inner {padding:0 30px;}
  .main .left {width:100%;}
  .main .left h2 {white-space:normal; margin-bottom:20px;}
  
  .main .bg-right {position:relative; left:0; right:0; top:0; float:left; width:100%; margin:60px 0;}
  
  .main .right {width:100%; margin:0; padding:0;}
  
}

@media all and (max-width:900px){
  
  .about {padding:60px 0; background:none;}
  .about .text {width:100%;}
  .about .text .cols {columns:1;}
  .about .text .cols ul {width:50%; margin:0; padding-left:20px;}
  
  
}

@media all and (max-width:575px){
  
  .hero {position:relative; height:auto;}
  .rest {position:relative; top:auto;}
  
  header,
  nav {background:rgba(255,255,255,.95);}
  
  nav ul li {display:inline-block;}
  
  footer .contact {text-align:center;}
  footer .contact p {display:block;}
  
  .mission-statement {height:auto;}
  .mission-statement .text {width:100%; height:auto; padding:30px;}
  
  .about {padding:30px 0; background:url('/images/about.jpg') center no-repeat;}
  .about .inner {float:left; background:rgba(255,255,255,.88);}
  .about .text .cols ul {width:100%;}
  
  form input[type="text"],
  form select {margin:0 0 5px 0; max-width:100%;}
  
}