/* CSS Document */
/* -----------------------  Universal CSS ---------------- */

body {
	margin:0;
	padding:0;
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #6a6a6a;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border: 0;
	outline: 0;
}
p {
	line-height: 20px;
	padding-bottom: 15px;
	text-align:justify;
}
a {
	text-decoration: none;
	outline: none;
	color: #6a6a6a;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
h1, h2 {
	font-family:"Trebuchet MS";
	font-size:20px;
	color:#06457F;
	background:url(images/dot.jpg) repeat-x left bottom;
	padding-bottom:4px;
	margin-bottom:12px;
	font-weight:500;
}
.padtop {
	padding-top: 10px;
}
.topspc {
	padding-top: 35px;
}
.float-lft {
	float:left;
}
.float-rgt {
	float:right;
}
/* -----------------------  Structure / Layout ---------------- */

.wrapper {
	width:990px;
	margin:0 auto;
}
/* -----------------------  Header part ---------------- */
.header {
	width:990px;
	float:left;
}
.logo {
	width:261px;
	margin-top:8px;
	float:left;
}
#helpline {
	float:right;
	width:150px;
	padding-top:10px;
}
#helpline h4 {
	font-size:15px;
	padding-left:5px;
	color:#002E58;
	letter-spacing:1px;
}
#helpline p {
	padding:0 0 0 35px;
	background:url(images/helpline.png) left 3px no-repeat;
	font-size:11px;
	font-family:Tahoma;
}

.sea-tracking {
	margin-right:20px;
	width:176px;	
	height:51px;
}

.air-tracking {
	margin-right:60px;	
	width:176px;	
	height:51px;

}

.socialnetwork {
	width:700px;
	float:right;
}

.clear{
	clear:both;
}

.navigation {
	width: 990px;
	float:right;
}
/* -----------------------  top banner starts ---------------- */

.banner {
	width:990px;
	float:left;
}
/* ----------------------- Main body / content panel starts ----------- */
.content-panel {
	width:990px;
	float:left;
	padding:20px 0 15px 0;
}
/* -----------------------  left panel starts ---------------- */
.left-panel, .testimonials, .inner-left-panel {
	width:270px;
	float:right;
}
.testimonial-mid {
	background:#E5EAED;
	border: 1px solid #91B7C8;
	border-radius:8px;
	padding:12px 16px;
	font-size:11px;
	line-height:17px;
	float:left;
	width:237px;
}
.heading {
	font-family:"Trebuchet MS";
	font-size:16px;
	color:#002E58;
	background:url(images/dot.jpg) repeat-x left bottom;
	padding-bottom:5px;
}
.test-name {
	padding:8px 0 5px 0;
	font-size:11px;
	color:#6a6a6a;
	line-height:18px;
}
.test-name strong {
	font-size:12px;
	color:#000;
}
.form-row {
	padding:0px 0 5px 0;
	clear:both;
}
.row1 {
	padding-top: 8px;
}
.rowtimmer {
	padding-top: 8px;
	float:left;
	height:30px;
	width:230px;
}
.formlbl {
	width:60px;
	float:left;
	line-height:16px;
	vertical-align:middle;
	color:#000000;
}
.formlb3 {
	width:60px;
	float:left;
	line-height:16px;
	vertical-align:middle;
}
.formlb2 {
	width:100px;
	float:left;
	line-height:16px;
	padding-top:5px;
	vertical-align:middle;
	color:#000000;
}
.form-input, .dropdown, .form-input60 {
	width:173px;
	height:15px;
	border:1px solid #cbcbcb;
	background:#E9EBEC;
	font-family:Tahoma;
	font-size:11px;
	color: #000000;
}
.form-input60 {
	width:50px;
	float:left;
}
.dropdown {
	width:175px;
	float:left;
	height:20px;
	margin-bottom:5px;
}
.form-comment {
	width:170px;
	height:40px;
	border:1px solid #cbcbcb;
	background:#E9EBEC;
	font-family:Tahoma;
	font-size:11px;
	color: #999999;
}
.form-btn {
	width:70px;
	height:20px;
	border:none;
	background:url(images/submit.gif)no-repeat;
}
/* -----------------------  Right panel starts ---------------- */
.right-panel {
	width:675px;
	float:left;
	padding:0 15px 0 10px;
}

.right-panel ul{
	margin-left:15px;
}
.right-panel li {
	line-height:20px;
}
.readmore {
	color: #f88101;
	text-decoration:underline;
}
.readmore:hover {
	text-decoration:none;
}
.service-list {
	list-style:none;
	padding-top: 7px;
}
.service-list li {
	width: 170px;
	display: inline-block;
	float:left;
	padding: 0 10px 12px 8px;
	background:url(images/arrow.gif) no-repeat left 5px;
}
.service-list li a:hover {
	color: #990000;
	text-decoration:none;
}
.right-menu {
	list-style-type:none;
	padding:0;
	margin:0;
	font-size:12px;
	color:#6a6a6a;
}
.right-menu li {
	list-style-type:none;
	padding:0;
	margin:0;
	display:block;
	width:237px;
	line-height:34px;
	background:url(images/rgt-menu-divider.jpg) center bottom no-repeat;
}
.right-menu li a {
	color:#6a6a6a;
	display:block;
	text-decoration:none;
	padding-left:37px;
	line-height:34px;
}
.right-menu li a:hover {
	color:#333333;
	text-decoration:none;
}
.right-menu li a.Ocean-Freight {
	background:url("images/ocean-freight-icon.jpg") left 7px no-repeat;
}
.right-menu li a.Air-Freight {
	background:url("images/air-freight-icon.jpg") left 7px no-repeat;
}
.right-menu li a.Projects {
	background:url("images/projects-icon.jpg") left 7px no-repeat;
}
.right-menu li a.Exhibition {
	background:url("images/exbihition-icon.jpg") left 7px no-repeat;
}
.right-menu li a.door-delivery {
	background:url("images/door-delivery-icon.jpg") left 7px no-repeat;
}
.right-menu li a.warehousing {
	background:url("images/warehousing-icon.jpg") left 7px no-repeat;
}
/* -----------------------  Footer starts ---------------- */
.footer {
	width:980px;
	float:left;
	border-top: 1px solid #eaeaea;
	font-size:10px;
	padding:10px 7px 7px 7px;
}
.left-footer {
	float:left;
	text-align:left;
	line-height:17px;
}
.left-footer a, .right-footer {
	font-family:Tahoma;
	font-size:10px;
	color: #999;
}
.right-footer {
	float:right;
	text-align:right;
	line-height:17px;
}
/* -----------------------  Internal Pages CSS starts ---------------- */

.inner-right-panel {
	width:686px;
	float:left;
	padding:0 27px 0 5px;
}
.inner-right-panel h3 {
	font-family:"Trebuchet MS";
	font-size:17px;
	color:#cd2300;
	padding:10px 0 4px 0;
	margin-bottom:12px;
	font-weight:500;
}
.heading-panel {
	width:686px;
	float:left;
	background:url(images/dot.jpg) repeat-x left bottom;
	height:32px;
	margin-bottom:12px;
}
.heading-panel h1, .heading-panel-aboutus h1 {
	float:left;
	background:none;
}
.bread-crumb {
	float:right;
	padding:10px 0 0 0;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#908f8f;
}
.red-color {
	color:#ce2300;
}
.red-list {
	list-style-type:none;
	padding:0;
	margin:0;
}
.red-list li {
	background:url("images/red-arrow2.gif") left 10px no-repeat;
	padding:0;
	margin:0;
	line-height:24px;
	padding-left:12px;
}
.inner-right-panel-aboutus {
	width:500px;
	float:left;
	padding:0 21px 0 21px;
}
.heading-panel-aboutus {
	width:500px;
	float:left;
	background:url(images/dot.jpg) repeat-x left bottom;
	height:32px;
	margin-bottom:12px;
}
.leftside-menu {
	width:176px;
	float:left;
	background:url(images/left-nav-rep.gif) left top repeat-y;
}
.leftside-menu-top {
	width:176px;
	float:left;
	background:url(images/left-nav-top.gif) left top no-repeat;
}
.leftside-menu-bottom {
	width:156px;
	float:left;
	font-size:11px;
	padding:10px 10px;
	background:url(images/left-nav-bottom.gif) left bottom no-repeat;
	min-height:200px;
}
.leftside-menu-bottom ul {
	list-style:none;
	padding:15px 0 0 0;
	margin:0px;
}
.leftside-menu-bottom li {
	list-style:none;
	padding:5px 5px;
	background:url(images/arrowleft.gif) left 8px no-repeat;
	display:block;
}
.leftside-menu-bottom li.sub {
	list-style:none;
	padding:5px 0 5px 5px;
	background:url(images/arrowleft.gif) 10px 8px no-repeat;
	display:block;
}
.leftside-menu-bottom li.sub a {
	list-style:none;
	padding:0px 0 10px 15px;
	color:#999999;
	background:url(images/bg-leftnav.gif) left bottom no-repeat;
	display:block;
}
.leftside-menu-bottom li a {
	list-style:none;
	padding:0px 0 10px 7px;
	color:#999999;
	background:url(images/bg-leftnav.gif) left bottom no-repeat;
	display:block;
}
.leftside-menu-bottom li a:hover, .leftside-menu-bottom li.active a, .leftside-menu-bottom li.sub a:hover {
	color:#000;
	text-decoration:none;
}
.leftside-menu-bottom li.sub a.active {
	color:#ce2300;
	text-decoration:none;
}
.bullets {
	list-style:none;
	padding:5px 0 0 0;
	margin:0px;
}
.bullets li {
	list-style:none;
	padding:5px 0px 10px 10px;
	background:url(images/arrowleft.gif) left 8px no-repeat;
	display:block;
}
.white {
	color:#FFFFFF;
}
.border {
	border:1px solid #999999;
}
.table-border {
	border:1px solid #999999;
}
.table-border td {
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
}
.table-border table {
	border:none;
}
.table-border table td {
	border:none;
}
.table-border td {
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
}
.branches {
	width:314px;
	border:1px solid #CCCCCC;
	margin:0 5px 0px 0;
	padding:10px;
	float:left;
	min-height:210px;
	height:auto !important;
	height:210px;
}
.contactus {
	width:660px;
	border:1px solid #CCCCCC;
	margin:0 0px 10px 0;
	padding:10px;
	float:left;
}
.branches h2, .contactus h2 {
	color:#CC0000;
	font-size:14px;
}
.branchesmain {
	width:686px;
	float:left;
	padding-bottom:5px;
}
.pic-box {
	width:126px;
	height:94px;
	float:left;
	border:5px solid #CCCCCC;
	margin:5px 5px;
	padding-bottom:0px;
}
.timezone {
	width:498px;
	float:left;
	padding-bottom:5px;
	border:1px solid #cccccc;
	border-radius:8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
	margin-bottom:10px;
}
.timezone-in {
	width:478px;
	float:left;
	padding:10px;
}
.timezone-in-gray {
	width:478px;
	float:left;
	padding:10px 10px;
	background-color:#4273B3;
	color:#ffffff;
}
.timezone-raw {
	width:478px;
	float:left;
	padding:5px 0;
}
.timezone h3 {
	font-size:14px;
	color:#4273B3;
	padding:10px;
}
.lable148 {
	float:left;
	width:148px;
	text-align:right;
	padding-right:10px;
	color:#000000;
}
.lable50, .lable90 {
	float:left;
	width:50px;
	font-size:11px;
	text-align:left;
	padding:0 10px;
}
.lable90 {
	width:90px;
}
.register-logo {
	padding:5px 0 0 70px;
	width:122px;
	float:left;
}
.eqfs {
	width:70px;
	float:left;
	margin-bottom:10px;
	font-size:8px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	line-height:18px;
}
.annual-offsite {
	width:300px;
	float:left;
}
.annual-offsite a {
	width:300px;
	float:left;
	border:1px dashed #b3b3b3;
	color:#cd2300;
	text-align:center;
	text-transform:uppercase;
	padding:8px;
	margin:15px 0 0 0;
	line-height:20px;
	text-decoration:none;
}
.annual-offsite a:hover {
	color:#6a6a6a;
	text-decoration:none;
}

.projectimage {
	margin-left:18px;
}

.projectimage img {
	width:200px;
	height:200px;
	padding:2px;
	border:1px solid #cccccc;
	margin-right:8px;
	margin-bottom:8px;
}


#slideshow {width:100%; height:330px; position:relative; aspect-ratio:1280/853; background:#000; border:2px solid #fff; border-bottom-width:30px;}

#slideshow #inner {display:flex; width:100%; height:100%; position:absolute; background-repeat: no-repeat; background-position: center center; background-size:contain;}

#slideshow #inner > div {flex-grow:0; min-width:0; width:0; height:100%; overflow:hidden; position:relative;}
#slideshow #inner > div:nth-child(1) {animation: key 25s var(--delay) infinite;}
#slideshow #inner > div:nth-child(2) {animation: key 25s calc(var(--delay) + 5s) infinite;}
#slideshow #inner > div:nth-child(3) {animation: key 25s calc(var(--delay) + 10s) infinite;}
#slideshow #inner > div:nth-child(4) {animation: key 25s calc(var(--delay) + 15s) infinite;}
#slideshow #inner > div:nth-child(5) {animation: key 25s calc(var(--delay) + 20s) infinite;}


#slideshow #inner > div img { object-fit:cover; object-position: center center; height:100%; width:100%;}

#key1:checked ~ #slideshow {--delay:-1s;}
#key2:checked ~ #slideshow {--delay:-6s;}
#key3:checked ~ #slideshow {--delay:-11s;}
#key4:checked ~ #slideshow {--delay:-16s;}
#key5:checked ~ #slideshow {--delay:-21s;}

#key1:active ~ #slideshow #inner {background-image:url('images/slider1.png'); outline: 0 !important;-webkit-tap-highlight-color: transparent;}
#key2:active ~ #slideshow #inner {background-image:url('tropical/fish2.jpg'); outline: 0 !important;-webkit-tap-highlight-color: transparent;}
#key3:active ~ #slideshow #inner {background-image:url('tropical/fish3.jpg'); outline: 0 !important;-webkit-tap-highlight-color: transparent;}
#key4:active ~ #slideshow #inner {background-image:url('tropical/fish4.jpg'); outline: 0 !important;-webkit-tap-highlight-color: transparent;}
#key5:active ~ #slideshow #inner {background-image:url('tropical/fish5.jpg'); outline: 0 !important;-webkit-tap-highlight-color: transparent;}

@keyframes key {
0% {order:100; width:0%;}
4% {order:100; width:100%;}
20% {order:100; width:100%;}
24% {order:0; width:0%;}
100% {order:0; width:0%;}
}

@keyframes counter {
0% {left:0%}
100% {left:100%;}
}
[name="slides"] {display:none;}
[name="slides"]:active ~ #slideshow #inner div,
[name="slides"]:active ~ #slideshow #selector div {display:none; outline: 0 !important;-webkit-tap-highlight-color: transparent;}

#slideshow #selector {position:absolute; left:0; bottom:-25px; width:100%; height:23px; background:#fff;}
#slideshow #selector label {display:inline-block; width:20%; height:22px; padding:0; margin:0; background-image: linear-gradient(#8c8, #040, #8c8); border:1px solid #fff; box-sizing:border-box; position:relative; z-index:1; cursor:pointer;}
#slideshow #selector div {display:block; width:20%; height:22px; background:#fff6; position:absolute; z-index:10; left:0; top:0; animation:counter 25s calc(var(--delay)) steps(5) infinite; border:1px solid #fff; box-sizing:border-box;}

#slideshow #inner div div {display:flex; width:100%; height:100%; position:absolute; top:-100%; left:0; align-items:center; background:#0007; transition:0.5s;}
#slideshow #inner div h1 {width:100%; text-align:center; color:#aaa9; font:500 90px/90px arial, sans-serif;}
#slideshow #inner div h1 span {display:block; font:300 40px/40px arial, sans-serif; color:#fff; transform: translateY(-40px);}
#slideshow #inner div:hover div {top:0;}

#label-holder {width:100px; height:35px; display:block; margin:0 auto 30px auto; position:relative;}
#label-holder div {width:100%; height:0; position:absolute; left:0; top:0; background:#0000; z-index:100; animation: coverslide 5s steps(1) infinite;}

#label-holder #slide-control span {display:block; width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; font:500 18px/36px arial, sans-serif; transition:0.5s; cursor:pointer;}
#label-holder #slide-control span.play {background-image: linear-gradient(#d88, #600, #d88); color:#fff;}
#label-holder #slide-control span.pause {background-image: linear-gradient(#8c8, #040, #8c8); color:#fff;}

@keyframes coverslide {
0% {height:0%;}
80% {height:100%;}
100% {height:100%;}
}

#play-pause {display:none;}
#play-pause:checked + #slideshow #inner,
#play-pause:checked + #slideshow #inner div,
#play-pause:checked + #slideshow #selector div,
#play-pause:checked ~ #label-holder div {animation-play-state: paused;}

#play-pause:checked + #slideshow {--col:red;}
#play-pause:checked ~ #label-holder #slide-control span.pause {opacity:0;}

#play-pause:checked ~ #slideshow #selector label {background-image: linear-gradient(#d88, #600, #d88);}