@import url(reset.css);	 
@import url(fonts/font.css);	 

section, header, footer, figure, nav {
  display: block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
}
body                  { background:url(../images/bg.jpg) repeat #FFFFFF; padding:0px; margin:0px; font-family:'ubunturegular'; font-size:12px; color:#444444;	}
header { float:left; width:100%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.topbar { float:left; width:100%; background:url(../images/top-bar.jpg) repeat-x; padding:5px 0px 0px 0px; margin:0px 0px 0px 0px; }
.wrapper  { width:960px; margin:auto; padding:0px; }
.logo { float:left; width:222px; padding:11px 0px 6px 0px; margin:0px 0px 0px 0px; }
.clear { clear:both; padding:0px; margin:0px; }
img { border:0px; outline:none; }
a { color:#FF0000; outline:none; }
.header-right { float:right; text-align:right; width:738px; padding:12px 0px 0px 0px; margin:0px 0px 0px 0px; }
.phone { float:right; background:url(../images/img-contact.jpg) 0px 2px no-repeat; color:#444444; line-height:16px; padding:0px 0px 20px 20px; margin:0px 5px 0px 0px; }
.phone a { color:#444444; text-decoration:none; }
.phone a:hover { color:#b70007; text-decoration:underline; }
.social { float:right; padding:5px 0px 0px 0px; margin:0px 0px 0px 0px; }
a.facebook { float:left; background:url(../images/facebook.png) no-repeat; width:27px; height:27px; padding:0px 0px 0px 0px; margin:0px 0px 0px 3px;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
a.facebook:hover { background-position:0px -28px;  }
a.twitter { float:left; background:url(../images/twitter.png) no-repeat; width:27px; height:27px; padding:0px 0px 0px 0px; margin:0px 0px 0px 3px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
a.twitter:hover { background-position:0px -27px;  }
a.feed { float:left; background:url(../images/sicon.png) no-repeat; width:27px; height:27px; padding:0px 0px 0px 0px; margin:0px 0px 0px 3px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
a.feed:hover { background-position:0px -27px;  }
nav { float:left; width:100%;  text-align:right; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#banner-home { float:left; width:100%; border-bottom:4px solid #0b3d72; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#banner { float:left; width:100%; height:271px; border-bottom:4px solid #0b3d72; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }


.slides {background:url(../slick/ajax-loader.gif) no-repeat center center;}
.slider1 { background:url(../images/slider1.jpg) top center no-repeat; width:100%; height:447px; }
.slider2 { background:url(../images/slider2.jpg) top center no-repeat; width:100%; height:447px; }
.slider3 { background:url(../images/slider3.jpg) top center no-repeat; width:100%; height:447px; }
.slider4 { background:url(../images/slider4.jpg) top center no-repeat; width:100%; height:447px; }
.slider5 { background:url(../images/slider5.jpg) top center no-repeat; width:100%; height:447px; }
.slider6 { background:url(../images/slider6.jpg) top center no-repeat; width:100%; height:447px; }


.page-title { float:left; width:auto;  border-left:11px solid #b70007; background:url(../images/title-bg.png) repeat; font-family: 'ubuntubold'; font-size:32px; color:#FFFFFF; line-height:32px; padding:18px 75px 18px 23px; margin:185px 0px 0px 0px; }
.container { float:left; width:100%; background:url(../images/container-bg.jpg) top center; padding:45px 0px 0px 0px; margin:0px 0px 0px 0px; }
.maincontent { float:left; width:860px; background:#FFFFFF; -moz-box-shadow: 3px 3px 13px 3px #ECECEC; -webkit-box-shadow: 3px 3px 13px 3px #ECECEC; box-shadow: 3px 3px 13px 3px #ECECEC; border:2px solid #ECECEC; position:relative; behavior: url(PIE.htc); font-size:14px; color:#444444; line-height:20px; padding:45px 50px 25px 50px; margin:0px 0px 0px 0px; min-height:110px }
.maincontent-services {width:890px; padding:30px 30px 0px 40px;}
.maincontent .caption { font-size:18px; color:#0b3d72; }
.maincontent p { line-height:20px; padding:10px 0px 10px 0px; margin:0px 0px 0px 0px; }
.txt-left { float:left; width:44%; padding:0px 0px 0px 0px; margin:0px 8% 0px 0px; }
.txt-right { float:left; width:45%; padding:0px 0px 0px 0px; margin:0px 3% 0px 0px; }

h1 { font-family: 'ubuntubold'; font-size:24px; color:#0b3d72; line-height:24px; padding:5px 0px 25px 0px; margin:0px 0px 0px 0px; }
.servicebox {height:247px; width:222px; float:left}
.whitebox { float:left; width:190px; height:137px;  background:#FFFFFF; z-index:10; text-align:center; -moz-box-shadow: 3px 1px 5px 3px #ECECEC; -webkit-box-shadow: 3px 1px 5px 3px #ECECEC; box-shadow: 3px 1px 5px 3px #ECECEC; border:2px solid #ECECEC; border-top:3px solid #b5c7da; position:relative; behavior: url(PIE.htc); font-size:12px; color:#444444; line-height:13px; padding:0px 10px 10px 10px; margin:50px 0px 0px 0px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.whitebox h1 { font-family: 'ubuntubold'; font-size:18px; color:#08305a; line-height:18px; padding:5px 10px 5px 9px; margin:0px 0px 0px 0px; }
.whitebox a { text-decoration:none; color:#444444; }
.whitebox:hover {   height:167px; border-top:3px solid #c94045; }
.whitebox a:hover h1, .whitebox:hover h1 { color:#b70007; }
.whitebox span {padding:0px 0px 0px 0px !important;margin:-50px 0px 0px 0px !important;}
.whitebox a .ocean-freight { display:inline-block; background:url(../images/img-ocean-freight.png) no-repeat; width:85px; height:84px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.whitebox a:hover .ocean-freight, .whitebox:hover .ocean-freight { background-position:0px -84px; }

.whitebox a .air-freight { display:inline-block; background:url(../images/img-air-freight.png) no-repeat; width:85px; height:84px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.whitebox a:hover .air-freight, .whitebox:hover .air-freight { background-position:0px -84px; }

.whitebox a .brokerage { display:inline-block; background:url(../images/img-customs.png) no-repeat; width:85px; height:84px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.whitebox a:hover .brokerage, .whitebox:hover .brokerage { background-position:0px -84px; }

.whitebox a .special { display:inline-block; background:url(../images/img-equipments.png) no-repeat; width:85px; height:84px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.whitebox a:hover .special, .whitebox:hover .special { background-position:0px -84px; }

.whitebox a .sell { display:inline-block; background:url(../images/img-containers.png) no-repeat; width:85px; height:84px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.whitebox a:hover .sell, .whitebox:hover .sell { background-position:0px -84px; }

.whitebox a .procurement { display:inline-block; background:url(../images/img-procurement.png) no-repeat; width:85px; height:84px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.whitebox a:hover .procurement, .whitebox:hover .procurement { background-position:0px -84px; }

.whitebox a .others { display:inline-block; background:url(../images/img-others.png) no-repeat; width:85px; height:84px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.whitebox a:hover .others, .whitebox:hover .others { background-position:0px -84px; }

a .ocean-freight-small { display:inline-block; background:url(../images/img-ocean-freight-small.png) no-repeat; height:30px; padding-left:60px; vertical-align:middle; padding-top:12px; margin:5px 0 5px 10px; color:#7da0c3; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
a:hover .ocean-freight-small { background-position:0px -42px; color:#c94045 }

a .air-freight-small { display:inline-block; background:url(../images/img-air-freight-small.png) no-repeat; height:30px; padding-left:60px; vertical-align:middle; padding-top:12px; margin:5px 0 5px 10px; color:#7da0c3; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
a:hover .air-freight-small { background-position:0px -42px; color:#c94045 }

a .brokerage-small { display:inline-block; background:url(../images/img-customs-small.png) no-repeat; height:40px; padding-left:60px; vertical-align:middle; padding-top:2px; margin:5px 0 5px 10px; color:#7da0c3; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
a:hover .brokerage-small { background-position:0px -42px; color:#c94045 }

a .special-small { display:inline-block; background:url(../images/img-equipments-small.png) no-repeat; height:40px; padding-left:60px; vertical-align:middle; padding-top:2px; margin:5px 0 5px 10px; color:#7da0c3; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
a:hover .special-small { background-position:0px -42px; color:#c94045 }

a .sell-small { display:inline-block; background:url(../images/img-containers-small.png) no-repeat; height:30px; padding-left:60px; vertical-align:middle; padding-top:12px; margin:5px 0 5px 10px; color:#7da0c3; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
a:hover .sell-small { background-position:0px -42px; color:#c94045 }

a .procurement-small { display:inline-block; background:url(../images/img-procurement-small.png) no-repeat; height:30px; padding-left:60px; vertical-align:middle; padding-top:12px; margin:5px 0 5px 10px; color:#7da0c3; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
a:hover .procurement-small { background-position:0px -42px; color:#c94045 }

a .others-small { display:inline-block; background:url(../images/img-others-small.png) no-repeat; height:30px; padding-left:60px; vertical-align:middle; padding-top:12px; margin:5px 0 5px 10px; color:#7da0c3; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
a:hover .others-small { background-position:0px -42px; color:#c94045 }


.readmore {  display:inline-block; height:0px; background:#b70007; color:#FFFFFF; padding:0px 20px 0px 20px; margin:0px 0px 0px 0px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.whitebox:hover .readmore { display:inline-block;height:auto; background:#b70007; font-size:12px; color:#FFFFFF; padding:5px 20px 5px 20px; margin:20px 0px 0px 0px; }

.enlarge {font-size:12px; text-align:center; display:block; width:534px;}
.services-lhs{width:560px; float:left}
.maincontent ul {margin-top:10px;}
.maincontent ul li{font-size:16px; padding:10px 10px 10px 30px; background: url(../images/arrow.png) no-repeat center left #f5f5f5; margin:0 30px 10px 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.maincontent ul li:hover{ background: url(../images/arrow.png) no-repeat center left #ffdfe0}
.boldtxt {font-weight:bold;}

.our-services {float:right; width:240px; margin-left:50px; padding:0 0px 20px}
.our-services h2{background:#4070A6; padding:10px; color:#ffffff; font-size:18px; margin-bottom:10px}

.contactfrm {width:47%; margin-right:7%; float:left}
.addr {width:46%; float:left}
.addr h2{background:#9cb4cd; padding:10px; color:#000000; font-size:18px; margin-bottom:10px}
.enqdiv{background:#fec8ca; padding:10px; color:#000000; font-size:18px; margin-bottom:10px}
.enqdiv a{color:#000000}
label {width:100%}
input[type=text]{display:block; width:85%; margin-bottom:20px; height:30px; border:solid 1px #bbbbbb}
select {display:block; width:85%; margin-bottom:20px; height:30px; padding:5px; border:solid 1px #bbbbbb}
textarea{display:block; width:85%; margin-bottom:20px; height:120px; border:solid 1px #bbbbbb; resize:none; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.submitbtn {height:30px; background:#0B3D72; border:none; padding:7px 20px; color:#ffffff; cursor:pointer; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.submitbtn:hover {height:30px; background:#b70007;}
#div_error {color:red}


footer {  float:left; width:100%; background:#0b3d72; font-family: 'ubunturegular'; font-size:12px; color:#97b5d8; font-weight:normal;  padding:18px 0px 15px 0px; margin:50px 0px 0px 0px; } 
.foot-right { float:right; font-family: 'ubunturegular'; font-size:12px; color:#0b2847; padding:0px 0px 0px 0px; margin:0px; }
.copyright { float:left; padding:0px 0px 0px 0px; margin:0px; }
.copyright span { color:#FFFFFF; }

footer a {  color:#97b5d8; text-decoration:none; padding:0px 5px 0px 5px; margin:0px 0px 0px 0px; } 
footer a:hover {  color:#FFFFFF; text-decoration:underline; padding:0px 5px 0px 5px; margin:0px 0px 0px 0px; } 
.media6 {margin:10px 0 4px;}
.media6 a{padding:0; text-decoration:underline;}
.media6 a:hover{padding:0}