@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700);
body { font-family: 'Open Sans', sans-serif; }
.top-header {background:#eaebf2; padding-top:10px; padding-bottom:10px;}
.navbar-inverse {
  background-color: #512476;
  border: none;
    margin-left:242px;
}
.navbar {margin-bottom:0px;}
.navbar-inverse .navbar-nav>li>a {
  color: #FFFFFF;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
  color: #fff;
  background-color: #335895;
}
.number-block {
padding-top:50px; padding-left:30px;	
}
.social-block {
	padding-left:305px; padding-top:45px;
}
a {
   outline: 0;
}
a:hover, a:active, a:focus, a:link, a:visited {
  outline: 0;
  outline: 0 !important;
  outline-style:none;
  outline:none;
}
.no-padding {
	padding:0px;
}
.no-margin {
	margin:0px;
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 0px;
	text-align: center;
	display:none;
	visibility:hidden;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
	display:none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
		display:none;
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
		display:none;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
		display:none;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
		display:none;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}
.slider-item {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;	
	
}
.prev {
	background-image: url(../images/slider-arrow-left.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center center;
	display: block;
	height: 56px;
	width: 54px;	
	
}
.next {
	background-image: url(../images/slider-arrow-right.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center center;
	display: block;
	height: 56px;
	width: 54px;
	right:0px;
	position:absolute;
	
}
#header {
	position:absolute;
	z-index:2;
	top:0px;
	width:100%;
}
.top-right {
	background: url(../images/top-right.png) no-repeat 0px 0px;
	background-size: cover;
	background-position:left center;
    min-height: 85px;
    margin-left: 15px;
}
.top-contact {
	margin-left:110px;
	padding-top: 12px;
	padding-top: 20px;
    line-height: 4px;
}
.top-contact i.fa {
	background:none;
	width: 20px;
    height: 20px;
	font-size: 16px;
    margin-right: 10px;
}
.carousel-control {
	top: 66px;
}
.carousel-control.left, .carousel-control.right {
	background-image:none;
}
.our-vission, .our-mission {
	border:1px solid #ccc;
	width:95%;
}
.our-vission p, .our-mission p {
	padding:10px 20px;
}
.abt-btm {
	border:1px solid #ccc;
	width:100%;
	margin: 30px 0px;
}
.btn-orange { 
	color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 10px 28px;
	background:#3a1068;
	border:1px solid #fff;
	 }
	.btn-orange:hover {
		background:#fff;
		color:#3a1068;
		border:1px solid #3a1068;
	}
.news {
	padding-top:40px;
}
.glyphicon
{
    margin-right:4px !important; /*override*/
}

.pagination .glyphicon
{
    margin-right:0px !important; /*override*/
}

.pagination a
{
    color:#555;
}

.panel ul
{
    padding:0px;
    margin:0px;
    list-style:none;
	height:240px !important;
	color:#fff;
}
.panel-footer {
	display:none;
}
.panel-default {
	margin-top:50px;
}
.panel {
	background:none;
	border:none;
}
.news-item
{
    padding:2px 0px;
    margin:0px;
}

.panel-body h4 {
    display:block;
	font-size:22px;
	padding:0px 0px 5px 0px;
	text-transform:uppercase;
	font-weight:600;
	color:#fff;
}
footer ul li.news-item a {
	padding:2px 0px;
	color:#A167E7;
}
.news-item table tr td {
	vertical-align:top;
	padding-right:10px;
}
.news-date {
	font-family:Lato;
	font-size:24px;
}
news-date strong {
	font-weight:30px;
}
.office-address {
	padding-top:36px;
}
.content ul.list-item li {
	color:#000;
}
.content-blue { color:white; }
.content-grey {background-color:#eaebf2;  color:#313131; padding-bottom:20px; height:250px; margin-bottom:15px;}
.btn-primary {
	color: #fff;
    background-color: #512476;
    border-color: #512476;
	border-radius:0px;
}
.btn-primary:hover {
	color: #512476;
    background-color: #fff;
    border-color: #512476;
	border-radius:0px;
}


.content-blue h4 {
	display:block;
	font-size:22px;
	padding:20px 0px 5px 30px;
	text-transform:uppercase;
	font-weight:600;
}

.content-blue p { padding:10px 0px 5px 30px; }
.content-blue article {
	padding:10px 13px 5px 30px;
	margin-right:40px;
	background-image: url(../images/arrow.png);
	background-position: right center;
	background-size:cover;
	display: block;
	background-repeat: no-repeat;
	margin-bottom:8px;
	
}
.content-blue article a { color:white;}
.content-blue article a:hover { color:#A7A7A7; text-decoration:none;}
.content-blue article span {  padding-top:5px; font-size:12px;}
.content-grey h4 {padding-bottom:5px; display:block; padding-top:5px; padding-right:10px; font-size:22px;}
.no-padding {padding:0px;}
.no-margin{ margin:0px;}
.content-blue blockquote{
  display:block;
  
  position: relative;
  font-size:0.9em;
 
  line-height: 19px;

  text-align: justify;
  border:none;
 
}
.content-blue blockquote p{ padding-top:20px;}
.content-blue blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  

  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #fff;

  position: absolute;
  left: 10px;
  top:10px;
}

.content-blue blockquote::after{
  /*Reset to make sure*/
  content: "";
}



.content-blue blockquote a:hover{
 color: #666;
}

.content-blue blockquote em{
  font-style: italic;
}



.content-grey blockquote{
  display:block;
  
  position: relative;
  font-size:0.9em;
 
  line-height: 19px;

  text-align: justify;
  border:none;
 
}
.content-grey blockquote p{ padding-top:20px;}
.content-grey blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  

  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #313131;

  position: absolute;
  left: 10px;
  top:10px;
}

.content-grey blockquote::after{
  /*Reset to make sure*/
  content: "";
}



.content-grey blockquote a:hover{
 color: #666;
}

.content-grey blockquote em{
  font-style: italic;
}




#quick { padding-left:15px; }
#quick input[type="text"] {
width:95%; outline:none; color:black; margin-bottom:10px; border:none; padding:5px;	
}
#quick textarea { outline:none; border:none; height:60px; width:77%; padding:5px;}
#quick input[type="submit"] {
	border:none; height:60px; margin-left:11px; width:50px;
}
footer {
	height:auto;
	background:url(../images/bottom-bg.png) no-repeat 0px 0px;
	background-size: cover;
}
.footer-top {
	background:url(../images/footer-bg.png) no-repeat 0px 0px;
	background-size: cover;
}
#homehr {
	color:#e1e1e1;
	height:5px;
	background:#e1e1e1; width:60%; float:left;
}
.call {font-size:18px; color:#686868; font-weight:400;}
.fa.fa-phone {font-size:24px;}
.fa.fa-facebook-square {
	color:#02467b; font-size:36px; margin-right:10px;
}
.fa.fa-twitter-square {
	color:#2daae1; font-size:36px; margin-right:5px;
}
.fa.fa-youtube-square {
	color:#d41c1c; font-size:36px; margin-right:5px;
}
.fa.fa-google-plus-square {
	color:#d62020; font-size:36px; 
}
.logo { margin-top:-2px; margin-left:-2px;}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
.service-area {
	position:relative;	
border-top: solid 5px #fff;
}
.service-area h4 {font-size:16px; color:#000;}
.service-area p {font-size:0.9em; color:#000;}
.about-banr { 
	background-image: url(../images/about-bnr.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 400px;
 }
.contact-banr {
	background-image: url(../images/contact-bnr.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 400px;
}
.shipping-banr {
	background-image: url(../images/shipping-agency.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 400px;
}
.offshore-banr {
	background-image: url(../images/offshoreservices.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 400px;
}
.freight-banr {
	background-image: url(../images/freightforwarding.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 400px;
}
.logistics-banr {
	background-image: url(../images/projectlogistics.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 400px;
}
.clearnance-banr {
	background-image: url(../images/clearingandforward.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 400px;
}
.transportation-banr {
	background-image: url(../images/transportation.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 400px;
}
.gallery-banr {
	background-image: url(../images/gallery.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 400px;
}
.career-banr {
	background-image: url(../images/career.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 400px;
}
.inner-banr h2 { color:white; }

.padding-top { padding-top:15px;}
.grey{background:#eaebf2; padding:5px;}
.grey p{line-height:17pt; font-size:0.9em; color:#313131;}
#enquiry { margin-bottom:10px; }
#enquiry table tr td { padding-bottom:10px; }
#enquiry input[type="text"] {margin-bottom:8px;}
#enquiry textarea {margin-bottom:8px; height:100px;}
#enquiry input[type="submit"] {margin-bottom:10px;}
.contact-left{ padding:0px; }


.nav>li>a {
	position: relative;
	display: block;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 13px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border:none;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background-color: #512476;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #270344;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/*home page services - slider*/
 #owl-demo .item{
  margin: 0px;
  border:solid 1px #ccc;
  position:relative;
  margin-right:20px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}

.service-title {
	bottom:0px;
	width:100%;
	min-height:100px;
}

.service-title a {
	font-weight:600;
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
	font-size:12px;
	background:url(../images/slider-bg.png) no-repeat left top;
	background-size: cover;
	display: block; 
	margin: 0px;
    padding: 0px 15px 30px 16px;
    position: absolute;
    top: 98px;
}
.service-title a:hover {
	background:url(../images/hover-bg.png) no-repeat left top;
	background-size: cover;
	color:#fff;
}
.service-title a strong {
    padding-top: 45px;
    display: inline-block;
    padding-bottom: 10px;
}

.service-title a span { color:#000; font-size:13px; margin:0px; text-transform:none; font-weight:400; margin-top:5px; display:inline-block; }
.service-title a:hover span {
	color:#fff;
}
.home-content {
	padding-top: 55px;
	padding-bottom: 0px;
	background-image: url(../images/pan-ocean.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 463px;
	text-align:center;	
}
.home-content h2 { color:#fff; font-weight:600; font-size:32px; margin-bottom:45px; }
.home-content p { color:#fff; line-height:20pt; margin-bottom:60px; }
.content h3 {
	margin:15px 0px 20px 5px;
	padding:0px;
	color:#171717;
	font-family:Lato;
	font-weight:bold;
	font-size:29px;
}
.content h4 {
	font-weight:bold;
	margin-left:5px;
}
.content1 h3 {
	margin:10px 0px 10px 5px;
	padding:0px;
	color:#00396f;
	font-weight:600;
	font-size:20px;
	
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
}




.content p, .content1 p, .content strong, .content1 strong { line-height:24px;  color:#000; font-size:14px; margin:10px 0px 15px 5px; }
 .content ul li { color:#00396f; line-height:16pt;}
.fa {
    background-color: white;
    padding: 10px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-size: 60px;
    display: inline-block;
    margin-right: 8px;
    -webkit-transition: 8px;
    o-transition: .8s;
    -ms-transition: .8s;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    transition: .8s;
   margin:0px;

}
.office-address .fa {
	color:#503372;
	font-size:20px;
	margin-right:5px;
}
.footer-menu a {
	color:#fff;
}

.fa:hover { background-color:#A167E7; color:white; }
.fa-facebook, .fa-linkedin{ padding-left:12px;}

.dropdown-menu {
   
    background-color: #270344;

}
.dropdown-menu>li>a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
   text-transform:uppercase;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #512476;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
 
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    font-weight: 600;
}
.nav-tabs>li>a {
	color:#512476;
}


.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    color: #094783;
}
.panel-title>small>a:hover { text-decoration:none;}

#send_resume table tr td {
	font-size: 0.9em;
}
.fileUpload {
	position: relative;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}


.panel-heading {
    padding: 5px 5px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: inherit;
}

.no-bg {background:none;}

footer ul { list-style:none;}
footer ul li { float:left; }
footer ul li a { display:block; padding:15px 20px 15px 0px; font-size:14px; }
footer ul li a:hover { text-decoration:none; color: #D4B2FF;}
.credit { display:block; padding:8px 0px 8px 0px; font-size:13px; color:#fff; float:right;}
/*Responsive Media Queries*/
@media (max-width: 768px) {
.content-blue { height:auto; }
footer ul { text-align:center; padding:0px; margin:0px; margin-bottom:15px;}
footer ul li { float:none; }
footer ul li a {  padding:5px 0px 5px 0px; font-size:14px; }
.credit {  padding:0px; font-size:13px; color:#00396f; float:none; text-align:center;}
.pull-left { float:none;}
.pull-right { float:none;}
.logo img {
	max-width:53%;
}
.navbar-inverse {
	margin-left: 0px;
}
.footer-menu a {
	color:#512476;
}
.content-blue h4, .content-blue p {
	color:#512476;
}
.service-title {
	min-height:24px;
}
.owl-carousel .owl-wrapper-outer {
	margin-top:110px;
}
.nav>li>a {
	padding-left:30px;
}
.navbar-nav {
	margin-left:0px;
}
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
	margin-right:38px;
}
.contact-banr {
	min-height:0px;
}
}

@media (min-width: 768px) {
.navbar {
  border-radius: 0px;
}
.navbar-nav>li {
  float: left;
  margin-right: 0px;
}

.navbar-nav>li>a {
    padding-top: 30px;
    padding-bottom: 35px;
}
.nav>li>a { text-align:center; }
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}