/* RESPONSIVE GRID SYSTEM =============================================================================  */



/*  IMPORT FONTS  ============================================================================= */





/* BASIC PAGE SETUP ============================================================================= */



body { 

margin : 0 auto;

padding : 0;

font:100%/1.4 'Kanit', sans-serif; 

color : #000; 

text-align: center;

font-weight: 300;

}



button, 

input, 

select, 

textarea { 

	font-family: 'Kanit', sans-serif;

 	color : #000; }









/*  TYPOGRAPHY  ============================================================================= */



p, ol, ul, dl, address { 

margin-bottom : 1.5em; 

font-size : 1em; /* 16 / 16 = 1 */ }



p {

hyphens : auto;  }









p.handwritten {

font-family:  HandSean, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 

font-size: 1.375em; /* 24 / 16 */

line-height: 1.8em;

margin-bottom: 0.3em;

color: #666;

}



p.center {

text-align: center;

}





.and {

font-family: GoudyBookletter1911Regular, Georgia, Times New Roman, sans-serif;

font-size: 1.5em; /* 24 / 16 */

}



.heart {

font-family: Pictos;

font-size: 1.5em; /* 24 / 16 */

}



ul, 

ol { 

margin : 0 0 1.5em 0; 

padding : 0 0 0 24px; }



li ul, 

li ol { 

margin : 0;

font-size : 1em; /* 16 / 16 = 1 */ }



dl, 

dd { 

margin-bottom : 1.5em; }



dt { 

font-weight : normal; }



b, strong { 

font-weight : bold; }



hr { 

display : block; 

margin : 1em 0; 

padding : 0;

height : 1px; 

border : 0; 

border-top : 1px solid #ccc;

}



small { 

font-size : 1em; /* 16 / 16 = 1 */ }



sub, sup { 

font-size : 75%; 

line-height : 0; 

position : relative; 

vertical-align : baseline; }



sup { 

top : -.5em; }



sub { 

bottom : -.25em; }



.subtext {

	color: #666;

	}



/* LINKS =============================================================================  */



a { 

color :#000;

-webkit-transition: all 0.3s ease;

-moz-transition: all 0.3s ease;

-o-transition: all 0.3s ease;

transition: all 0.3s ease;

text-decoration: none;

}



a:visited { 

color : #00184b; }



a:focus { 

outline : thin dotted; 

color : rgb(0,0,0); }



a:hover, 

a:active { 

outline : 0;

color : #00184b;

}





/* IMAGES ============================================================================= */



img {

border : 0;

max-width: 100%;}



img.floatleft { float: left; margin: 0 10px 0 0; }

img.floatright { float: right; margin: 0 0 0 10px; }





/* TABLES ============================================================================= */



table { 

border-collapse : collapse;

border-spacing : 0;

margin-bottom : 1.4em; 

width : 100%; }



th, td, caption { 

padding : .25em 10px .25em 5px; }



tfoot { 

font-style : italic; }



caption { 

background-color : transparent; }



/* FORMS ============================================================================= */



form { 

margin : 0; }



fieldset { 

margin-bottom : 1.5em; 

padding : 0; 

border-width : 0; }



legend { 

*margin-left : -7px; 

padding : 0; 

border-width : 0; }



label{

font-weight : normal;

cursor : pointer;

display:block;

margin:10px 0 0 0;

position:relative;

top:0;

left:0;

}



	label.inline{

	display:inline;

	margin:0;

	}

	

	label span{

	color:#666;

	font-size:0.9em;

	}

	

	label span.right{

	position:absolute;

	bottom:0;

	right:1em;

	text-align:right;

	}

	

	label.disabled{

	color:#ccc;

	}





button, 

search,

input, 

select, 

textarea { 

font-size : 100%; 

margin : 0; 

vertical-align : baseline; 

*vertical-align : middle; }



button, input { 

line-height : normal; 

*overflow : visible; }



button, 

input[type="button"], 

input[type="reset"], 

input[type="submit"] { 

padding: 0.5em 1em;

margin: 0 0 .5em 0;

cursor : pointer; 

border:none;

}



input[type="checkbox"], 

input[type="radio"] { 

box-sizing : border-box; }



input[type="search"] { 

	box-sizing : content-box;

}



button::-moz-focus-inner, 

input::-moz-focus-inner { 

padding : 0;

border : 0;  }



input{

display:block;

width:100%;

margin:0 0 10px 0;

border:1px solid #ccc;

font-size:1em;

padding:5px;

background:#fff;

box-sizing: border-box;

border-radius:4px;

}



textarea {

display:block;

width:100%;

margin:0 0 10px 0;

border:1px solid #ccc;

font-size:1em;

padding:5px;

background:#fff;

box-sizing: border-box;

border-radius:4px;

height:70px;

resize: none;

	

}



select {display:block;

width:100%;

margin:0 0 10px 0;

border:1px solid #ccc;

font-size:1em;

padding:5px;

background:#fff;

box-sizing: border-box;

border-radius:4px;}



	input::-webkit-input-placeholder,

	input:-moz-placeholder,

	.placeholder{

	color:#bbb;

	}

	

	input::-moz-focus-inner {border:0;}



	input[disabled="disabled"], input.disabled{

	color:#999;

	background:#f5f5f5;



	}







textarea{

overflow : auto; 

vertical-align : top;

}



/* Colors for form validity */

input:valid, 

textarea:valid   {  

/* Styles */ }



input:invalid, 

textarea:invalid {

-webkit-box-shadow : 0 0 2px #f00; 

-moz-box-shadow : 0 0 2px #f00;

box-shadow : 0 0 2px #f00; }



.no-boxshadow input:invalid, 

.no-boxshadow textarea:invalid {

background-color : #ccc; }







/*  MAIN LAYOUT	============================================================================= */



		.maincontent{

				clear: both;

				width: 80%; /* 1000px / 1250px */

				max-width: 80em; /* 1200px / 13 */

				margin: 0 auto;

				padding: 1em 0px;

				color: #000;

				line-height: 1.5em;

				position: relative;

				text-align: left;

			}



	



/*  SECTIONS  ============================================================================= */



.section {

	clear: both;

	padding: 0px;

	margin: 0px;

}









/*  COLUMNS  ============================================================================= */



.twocolumns{

	-moz-column-count: 2;

	-moz-column-gap: 2em;

	-webkit-column-count: 2;

	-webkit-column-gap: 2em;

	column-count: 2;

	column-gap: 2em;

  }



/*  BUTTONS  ============================================================================= */









/*  GLOBAL OBJECTS ============================================================================= */



.breaker { clear: both; }



.group:before,

.group:after {

    content:"";

    display:table;

}

.group:after {

    clear:both;

}

.group {

    zoom:1; /* For IE 6/7 (trigger hasLayout) */

}





.floatleft {

    float: left;

}



.floatright {

    float: right;

}





/* VENDOR-SPECIFIC ============================================================================= */



html { 

-webkit-overflow-scrolling : touch; 

-webkit-tap-highlight-color : rgb(52,158,219); 

-webkit-text-size-adjust : 100%; 

-ms-text-size-adjust : 100%; }



.clearfix { 

zoom : 1; }



::-webkit-selection { 

background : rgb(23,119,175); 

color : rgb(250,250,250); 

text-shadow : none; }



::-moz-selection { 

background : rgb(23,119,175); 

color : rgb(250,250,250); 

text-shadow : none; }



::selection { 

background : rgb(23,119,175); 

color : rgb(250,250,250); 

text-shadow : none; }



button, 

input[type="button"], 

input[type="reset"], 

input[type="submit"] { 

-webkit-appearance : button; }



::-webkit-input-placeholder {

font-size : .875em; 

line-height : 1.4; }



input:-moz-placeholder { 

font-size : .875em; 

line-height : 1.4; }



.ie7 img,

.iem7 img { 

-ms-interpolation-mode : bicubic; }



input[type="checkbox"], 

input[type="radio"] { 

box-sizing : border-box; display: inline-block!important; width:auto!important;}



input[type="search"] { 

-webkit-box-sizing : content-box;

-moz-box-sizing : content-box; }



button::-moz-focus-inner, 

input::-moz-focus-inner { 

padding : 0;

border : 0; }



p {

/* http://www.w3.org/TR/css3-text/#hyphenation */

-webkit-hyphens : auto;

-webkit-hyphenate-character : "\2010";

-webkit-hyphenate-limit-after : 1;

-webkit-hyphenate-limit-before : 3;

-moz-hyphens : auto; }



/*Developer Modification*/



/*  HEADINGS  ============================================================================= */



h1, h2, h3 {}

h1 { 

margin-bottom: 0.2em;

font-weight:500; 

font-size:80px;

line-height:75px;

}



.f25 {font-size:120px; line-height:100px;}

.no-margin{margin-bottom:0;}



h2 { 

margin-bottom : .5em;

font-weight:500; 

font-size:65px; /* 40 / 16 */

line-height:60px;

}



.h2-sub {font-size:24px; line-height:30px; font-weight:600;}



h3 { 

margin-bottom : 0.5em;

font-weight:500; 

font-size:30px; /* 28 / 16 */

line-height:30px; }



.services-desc h3 {font-size:24px; line-height:24px;}



h4 { 

margin-bottom : 0.5em;

font-size : 1.2vw; /* 24 / 16  */

line-height :1.2vw; 

font-weight:700; 

	

}



h6 {text-transform: uppercase; font-weight:400; color:#ffffff; margin-bottom:10px; font-size:18px; }

	h6 a { color:#ffffff; }

	

.txtcenter{text-align:center;}



/*SIZES*/

.fs-20{font-size:20px; line-height: 20px}

.fs-22{font-size:22px; line-height: 22px}

.fs-24{font-size:24px; line-height: 24px}



/*Font-weight*/

.fw-500  {font-weight:500;}



/*COLORS*/

.clr-blue {color:#004b8a;}

.clr-cyan {color:#23dcff;}

.clr-white{color: #ffffff;}



.bg-blue {background:#004b8a;}



.bg-white {background:#ffffff;}

.bg-offwhite {background:#f9f9f9;}

.bg-half-blue {background: linear-gradient(

    to top,

    #ffffff 0%,

    #ffffff 50%,

    #000870 50%,

    #000870 100%

  );

} 







/*BUTTONS*/

.btn {

	display: inline-block;

	outline: none;

	cursor: pointer;

	text-align: center;

	text-decoration: none;

	color: #fff;

	padding: 12px 17px;

	font-size:15px ; /* 24 / 16 */

	letter-spacing:2px;

	text-transform:uppercase;

	font-weight:300!important;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	border-radius:4px;

	

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;	

	min-width: 120px

	

}





	

.btn-clear {border:2px solid #f1a524; color:#fff!important}

.btn-clear:hover {background:#f1a524;}



.btn-blue {background:#004b8a; color:#fff!important}

.btn-blue:hover {background:#23dcff; color:#fff!important}



/*ICONS*/

.services-icons {}

.icons-holder {height:120px; width:120px; display: inline-block; vertical-align: middle; -webkit-transition: all 0.4s ease-out;

  		transition: all 0.4s ease-out; border-radius: 100%;  margin-top: -60px}

		.ic-air{background:url("/images/ser-icon-air-white.svg") no-repeat center center #004b8a; background-size:85px;}

		.ic-sea{background:url("/images/ser-icon-sea-white.svg") no-repeat center center #004b8a; background-size:80px;}

		.ic-customs{background:url("/images/ser-icon-customs-white.svg") no-repeat center center #004b8a; background-size:80px;}

		.ic-domestic{background:url("/images/ser-icon-domestic-white.svg") no-repeat center center #004b8a; background-size:80px;}

		.ic-project{background:url("/images/ser-icon-project-white.svg") no-repeat center center #004b8a; background-size:65px;}



.right-services-holder {position:absolute;  right:20px; top:30%; }

.right-services-listings {list-style-type:none; margin:0; padding:0;}

.right-services-listings li {margin:8px 0; padding:0; display: block; height:50px; width: 50px; cursor: pointer; -webkit-transition: all 0.4s ease-out;

  		transition: all 0.4s ease-out;}



.right-services-listings .icons-holder {height:50px; width:50px; }

	.right-services-listings .ic-air {background-size:32px;}

	.right-services-listings .ic-sea {background-size:32px;}

	.right-services-listings .ic-customs{ background-size:32px;}

	.right-services-listings .ic-domestic{background-size:32px;}

	.right-services-listings .ic-project{background-size:28px;}





.right-services-listings li:hover{margin-left:-10px;}



.auto-padding {}



.header-wrapper {}



.banner-wrapper{}





.bg-globe { background:url("/images/globe.svg") no-repeat; 

	background-position: left -300px  bottom -150px; 

	background-size:60%; 

	padding:150px 0;}





.who-we-are-panel {

	background: url("/images/bg-who-we-are.jpg") center center;

	background-repeat: no-repeat;

	background-size: auto auto;

	background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

}





/*Services Panel */

.services-wrapper {}

	.services-wrapper .maincontent { width:100%; max-width:90%;}



	.services-listing-holder { display:flex; box-sizing: border-box; flex-wrap: wrap; margin-top:100px}

		.services-list{ width:18.5%; 

			box-sizing: border-box; 

			 cursor: pointer;

			margin:10px;

			background:#f0f0f0; border-radius:6px;-webkit-transition: all 0.4s ease-out;

  		transition: all 0.4s ease-out;

			

		}		



		.services-box{ -webkit-transition: all 0.4s ease-out;

  		transition: all 0.4s ease-out;}

	    .services-desc {padding:30px;}

		.services-desc h3 {margin-bottom: 30px}		





		.services-list:hover .services-box .services-icons .icons-holder{background-size:70px!important}

		.services-list:hover {background:#fff;}





.counter-holder {padding:50px 0;  margin: 0pt auto; max-width:800px}

.counter-text {font-size:4vw; font-weight:4vw; font-weight:800; margin-bottom: 15px;}

	.counter-pls{ font-size:40px; vertical-align:middle}



.content-wrapper{ padding:80px 0;}



.two-col-wrapper {

	display: flex;

	align-items:center;

	flex-wrap: wrap;

}



.tc-col-holder { width: 50%; box-sizing: border-box;}

	.tc-left-content {padding-right:50px; box-sizing: border-box;}

	.tc-right-content {padding-left:50px; box-sizing: border-box;}



.img-holder-right {text-align: right}

.hm-who-we-are{max-width:600px; width: 100%; border-radius:8px; box-shadow: -1.486px 1.338px 10px 0px rgba(43, 43, 43, 0.08); }





.news-list-wrapper {display:flex; box-sizing: border-box;

flex-wrap: wrap;}

	.news-list { width:32%;box-sizing: border-box; background: #fff;

	box-shadow: -1.486px 1.338px 10px 0px rgba(43, 43, 43, 0.08);

		overflow: hidden; cursor: pointer;

}

		.news-image { background-repeat: no-repeat;

		background-size: auto auto;

		background-size: cover;

		-webkit-background-size: cover;

		-moz-background-size: cover;

		height:250px;

		position: relative;

				 transition: all 1s;

		overflow: hidden;



}



.news-list:hover 	.news-image {transform: scale(.88);} 



.news-list-wrapper  .news-list {margin-right:1.5%;}

.news-list-wrapper  .news-list:nth-child(3n + 0) {margin-right:0;}





	.news-content { padding:25px; }

	.news-link{font-size:12px; text-transform: uppercase; letter-spacing:1px; color:#f1a524!important; text-decoration:underline;}

		.news-link:hover {text-decoration:none;}

	.news-time {background:#f1a524; color:#fff; font-size:12px; line-height:13px; display: inline-block; padding:10px; margin-left:25px}



.footer-holder {}

	.footer-logo{max-width:250px; vertical-align: middle;  margin-top:-20px;}

		.footer-num {font-size:20px; line-height:20px; margin-top:20px}

		.text-link{ color:#f1a524!important; text-decoration: none;}

			.text-link:hover { text-decoration: underline;}



.footer-social {list-style-type: none; margin: 0; padding: 0;}

	.footer-social li{ padding: 0;  display: inline-block; margin: 0 10px 0 0}

		

	.footer-social li a {height:40px; width:40px; border-radius:100%; overflow: hidden; text-align: center; display: inline-block; }

		.soc-fb { background:url("/images/sc-fb.png") center center no-repeat #00ccff;  background-size:24px;}	

		.soc-li  {background:url("/images/sc-li.png") center center no-repeat #00ccff;  background-size:16px;}

		.soc-in {background:url("/images/sc-in.png") center center no-repeat #00ccff;   background-size:16px;}

	

		.soc-fb:hover { background:url("/images/sc-fb.png") center no-repeat #000000;  background-size:24px;}	

		.soc-li:hover  {background:url("/images/sc-li.png") center no-repeat #000000;  background-size:16px; }

		.soc-in:hover {background:url("/images/sc-in.png")  center no-repeat #000000;  background-size:16px; }



.newsletter-subs-holder {}

	.subscribe-input {position: relative;padding-left:30px; margin-top:30px;}

		.subscribe-text{ width:100%; display:block; border:none; border-bottom:2px solid #c2c2c2; padding:12px 30px 12px 0;}

			.subscribe-text:focus{  border:none; border-bottom:2px solid #f1a524; outline: none;}

		

	 

		.btn-subscribe { 

			background:url("/images/icon-email-send.png") center center no-repeat #f1a524;  

			background-size:24px;

			border-radius: 100%; 

			overflow: hidden;

			height:50px;

			width:50px;

			border:none;

			position:absolute;

			right:0;

			top: -20px;

				

			

				}





			.btn-subscribe:hover { 

				background:url("/images/icon-email-send.png") center center no-repeat #00184b;  

				background-size:24px;

				}



.footer-wrapper {}

.footer-wrapper a { color: #ffffff;}

.footer-wrapper a:hover { color: #00ccff;}

.footer-wrapper .maincontent{color:#ffffff;}

.footer-list-holder {margin-top: 30px;}



		.footer-menu{margin:0; padding:0; list-style-type: none;}

		.footer-menu li{margin: 0; padding:0 0 8px 0; display: block;}

			.footer-menu li a{color:#ffffff;}	

			.footer-menu li a:hover {color:#00ccff}



.footer-credits {padding:40px 0;}

.footer-credits .credits-logo {width:24px; vertical-align:middle;}

.footer-credits a:hover { color: #23dcff;}



.copy-right {text-align: right}





.bg-about { background: url("/images/bg-about.jpg") center no-repeat; background-size: auto;}

.bg-air { background: url("/images/bg-air.jpg") center no-repeat; background-size: auto;}

.bg-sea{ background: url("/images/bg-sea.jpg") center no-repeat; background-size: auto;}

.bg-customs { background: url("/images/bg-customs.jpg") center no-repeat; background-size: auto;}

.bg-domestic { background: url("/images/bg-domestic.jpg") center no-repeat; background-size: auto;}

.bg-project { background: url("/images/bg-project.jpg") center no-repeat; background-size: auto;}

.bg-contact { background: url("/images/bg-contact.jpg") center no-repeat; background-size: auto;}

.bg-rate { background: url("/images/bg-rate.jpg") center no-repeat; background-size: auto;}





.inside-banner-wrapper {

	height: 550px;

	position: relative;

	z-index: 1;

	background-size: auto auto;

	background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	margin-bottom: 0 !important;

	width: 100% !important;

	overflow: hidden;

	margin-top: 50px;

}



.text-banner-holder {

	position: relative;

	display: flex;

	top: unset;

	left: unset;

	align-content: center;

	align-items: center;

	height: 100%;

	

}



.team-holder {padding:20px 40px; text-align: left;}

	.team-name {font-weight:300; text-transform:uppercase; font-size:20px; line-height:20px; margin-bottom:5px;}

	.team-pos {font-size:18px; line-height:18px; margin:0 0 15px 0;}



.diff-holder {padding:0 40px;}

.diff-holder img {width:128px; margin-bottom:35px;}



.txt-link{text-decoration:underline;}



.bread-crumbs-wrapper {}

			.bread-crumbs-list {margin:0; padding:0; list-style-type:0;}

			.bread-crumbs-list li {display:inline-block; text-transform: uppercase; color:#000;  margin: 0; font-size:10px; padding:0 10px; }

			.bread-crumbs-list li a{position: relative;}

			.bread-crumbs-list li:first-child{padding-left:0}

			.bread-crumbs-list li a::after { 

					/*content:'\25AA'; display:inline-block; color:#00ccff; font-size:20px; position: absolute; right:-15px; */

			

					content: '';

					background:#00ccff;

					margin-right:5px;

					height: 6px;

					width: 6px;

					display: inline-block;

					position: relative;

					left:15px;

					}





			.body-list{margin:10px 0 20px 0; padding:0; list-style-type:0}

			.body-list li{margin:0;  display: block; padding:3px 0 3px 0; position: relative;}

			.body-list li::before { /*content:'\25AA'; display:inline-block; color:#00ccff; font-size:25px; position: absolute; left: 0;*/



					content: '';

					background:#00ccff;

					margin-right:10px;

					height: 6px;

					width: 6px;

					display: inline-block;

					position: relative;

					top: -2px;

			}







.rate-request-form-holder{

	    border-radius: 4px;

    background: #fff;

    padding: 30px;

    max-width:600px;

	margin: 0pt auto;

    box-shadow: -1.486px 1.338px 10px 0px rgba(43, 43, 43, 0.08);

}



.tbl-rate tr td:first-child{ width:48%}

.tbl-rate tr td:nth-child(2){ width:2%}

.tbl-rate tr td:last-child{ width:48%}



.center-on-mobile{}



input:required:invalid{

outline-color:none!important;

outline-width:none!important; box-shadow:none!important;

}



input:required{

outline-color:none!important;

outline-width:none!important; box-shadow:none!important;

}

input:invalid {

	box-shadow:none!important;

	

}

textarea:invalid, textarea:required {

	box-shadow:none!important; outline-color:none!important;

	

}

textarea:required:invalid{

outline-color:none!important;

outline-width:none!important; box-shadow:none!important;

}