/*
Theme Name: Regal Shipping
Theme URI: http://www.regalshipping.com/
Author: R Interactive
Author URI: http://rinteractive.in/
Description: Feature-packed theme with a solid design and a friendly interface. Designed by <a href="http://rinteractive.in/">R Interactive</a>.
Version: 2.0
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: Regal Shipping

Use it to make something cool, have fun, and share what you've learned with others.
*/
/* fonts 
font-family: 'Open Sans', sans-serif;
font-family: 'Dosis', sans-serif;
*/

* { padding:0; margin:0; box-sizing:border-box; }
html, body { width:100%!important; height:100%!important; }

body { 
	margin:0;
	background:#fff;	
	font-family: 'Open Sans', sans-serif;
	box-sizing:border-box;
	font-size:16px;
	color:#121212;
}

a {
	text-decoration:none;
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition:  color 300ms, background-color 300ms;
	transition:  color 300ms, background-color 300ms;
}
a:hover {
	text-decoration:none;
}


a.readMore {
	color:#00619c;
	font-size:16px;
	padding:10px 15px;
	border-radius:3px;
	display:inline-block;
	border:1px solid #00619c;
}
a.readMore:hover {
	color:#fff;
	font-size:16px;
	padding:10px 15px;
	border-radius:3px;
	display:inline-block;
	border:1px solid #00619c;
	background:#00619c;
}

.noPadding { padding:0; }

p {
	font-size:16px;
	line-height:26px;
	margin:0 0 20px 0;
	color:#666;
	text-align:justify;
}


label {
	color:#999;
	width:100%;
	display:block;
	font-size:12px;
	line-height:25px;
	margin:0 0 5px 0;
}

input, select, textarea {
	border:1px solid #ccc;
	padding:14px;
	color:#1b1b1b;
	background:transparent;
	margin:0 0 20px 0;
	resize:none;
	width:100%;
	background:#f8f8f8;
}
textarea { height:150px; }
input[type=submit] {
	border:1px solid #0080cb;
	background:#fff;
	padding:14px 20px;
	border-radius:3px;
	color:#0080cb;
	margin:0 auto;
	width:100%;
}



/* SCROLL TO TOP */
.scrollup{
    width:auto;
    position:fixed;
    bottom:0px;
    right:0px;
    display:none;
	z-index:9998;
	transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;
}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@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;
    }
}



/* HEADER */
header {
	background:#ccc;
/*	height:75vh;*/
	height:85vh;

}
header.about {
	background:url(images/header-about.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
header.accreditations {
	background:url(images/header-accreditations.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100vh;
}
header.careers {
	background:url(images/header-careers.jpg) no-repeat bottom center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100vh;
}
header.clientele {
	background:url(images/header-clientele.jpg) no-repeat bottom center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100vh;
}
header.contact {
	background:url(images/header-contact.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
header.network {
	background:url(images/header-network.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100vh;
}
header.infrastructure {
	background:url(images/header-infrastructure.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100vh;
}


/* SERVICES PAGES BANNERS */
header.custom-solutions {
	background:url(images/header-custom-solutions.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
header.shipping {
	background:url(images/header-shipping.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100vh;
}
header.transportation {
	background:rgba(0, 0, 0, 0) url("images/header-transportation.jpg") no-repeat fixed center top / 100% 100%;
	height: 99vh;
}
header.port-operations {
	background:url(images/header-port-operations.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	 height: 100vh;
}
header.otherservices {
  background: rgba(0, 0, 0, 0) url("images/other_service.jpg") no-repeat fixed center top / cover ;
  height: 100vh;
}
header.custom-solutions {
  height: 100vh;
}


/* TOPBAR */
.topBar {
	border:0px solid blue;
	font-size:13px;
	color:#fff;
	padding:10px 0 0 0;
}
.topBar a {
	color:#fff;
}
.topBar a:hover {
	text-decoration:underline;
}
.topBar ul {
	float:right;
}
.topBar li {
	display:inline-block;
	list-style:none;
}
.topBar li a {
	padding:0 0 0 10px;
	color:#fff;
}


/* MENU BAR */
.menuBar {
	border:0px solid blue;
	font-size:13px;
	color:#fff;
	padding:0;
	font-family: 'Dosis', sans-serif;
	text-transform:uppercase;

}
.menuBar img {
	margin:-50px 0 0 0;
}
.menuBar ul {
	margin:0;
	border:1px solid;
	border-color:rgba(255,255,255,0.1);
	border-width:1px 0;
}
.menuBar li {
	display:inline;
	list-style:none;
}
.menuBar li a {
	display:inline-block;
	padding:14px 18px;
	font-size:14px;
	color:#fff;
	letter-spacing:1px;
}
.menuBar li a:hover {
	color:#00ece9;
}


/* DROP DOWN */
.dropdown-menu {
    padding: 15px 0;
    border-radius: 0px;
}
.dropdown-menu {
    width: 1160px!important;
	/*height:300px!important;*/
    left: -165px;
    right: 0;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #fff;
    border-color: #007fcb;
	color:#007fcb;
}


/* MENU ITEMS */
.menuItems {
	border:0px solid red;
	min-height:330px;
	border-right:1px solid #e7e5e5;
}
.menuItems img {
	margin:10px auto 20px 0;
}
.menuItems h2 {
	margin:0 0 20px 0;
	color:#0045a6;
	font-size:18px;
	text-align:center;
	font-weight:bold;
}
.menuItems ul {
	margin:0;
	border:none;
	font-family: 'Open Sans', sans-serif;
}
.menuItems li {
	display:inline;
	list-style:none;
}
.menuItems li a {
	display:block;
	padding:5px 10px;
	font-size:13px;
	color:#666;
	text-transform:capitalize;
	letter-spacing:0px;
}
.menuItems li a:hover {
	color:#007fcb;
}


.menuItems ul#demo {
	margin:0 0 0 15px;
	border:none;
	font-family: 'Open Sans', sans-serif;
}
.menuItems ul#demo li {
	display:inline;
	list-style:none;
}
.menuItems ul#demo li a {
	display:block;
	padding:5px 10px;
	font-size:13px;
	color:#666;
	text-transform:capitalize;
	letter-spacing:0px;
}
.menuItems ul#demo li a:hover {
	color:#007fcb;
}


/* PAGE TITLE */
.pageBanner {
	width:100%; 
	height:250px;
	border:0px solid red;
}

.pageBanner p {
	font-size:14px;
	color:#fff;
	margin:50px 0;
}
.pageTitleBox {
	width:50%;
	height:100%;
	display:table;
	margin:0px auto;
	border:0px solid yellow;
}
.pageTitle {
	/*width:100%;
	height:100%;*/
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	/*margin:0px auto;
	border:0px solid yellow;*/
}
.pageTitle h1 {
	
	font-weight:100;
	color:#fff;
	text-transform:uppercase;
	margin:0;
}


/* WHITEBOX */
.whiteBox {
  background: #ffffff none repeat scroll 0 0;
  padding: 40px 0;
}
.firstwhiteBox {
  padding: 20px 0;
}
.blueBox {
	padding:60px 0;
	background:#4c7cc1;
}
.darkBlueBox {
	/*padding:60px 0;*/
	background:#007fcb;
}

.greyBox {
	padding:60px 0;
	background:#f2f2f2;
}
.downloadBox {
	padding:60px 0;
	background:#f9f9f9;
	border:1px solid #e5e5e5;
	border-width:1px 0;
}
.whiteBoxBorder {
	padding:60px 0;
	background:#fff;
	border:1px solid #e5e5e5;
	border-width:0 0 1px 0;
}


/* HEADINGS */
.heading h2 {
	color:#333;
	font-weight:bold;
	margin:0 0 50px 0;
}
.heading h2 .headline {
  position: relative;
  position: relative;
}

.heading h2 .headline:after {
  content:' ';
  position: absolute;
  top:100%;
  left:50%;
  width: 80px;
 /* border:1px solid #0080cb;*/
  transform:translateX(-50%);
  margin:20px 0;
}


.heading-left h2 {
	color:#000;
	letter-spacing:1px;
	font-size:30px;
	margin:0 0 50px 0;
}
.heading-left h2 .headline {
  position: relative;
  position: relative;
}

.heading-left h2 .headline:after {
  content:' ';
  position: absolute;
  top:100%;
  left:0;
  width: 80px;
  border:1px solid #0080cb;
  margin:20px 0;
}


.heading-white-center h2 {
	color:#fff;
	letter-spacing:1px;
	font-size:30px;
	margin:0 0 50px 0;
	text-align:center;
}
.heading-white-center h2 .headline {
  position: relative;
  position: relative;
}

.heading-white-center h2 .headline:after {
  content:' ';
  position: absolute;
  top:100%;
  left:50%;
  width: 80px;
  border:1px solid #ffffff;
  transform:translateX(-50%);
  margin:20px 0;
}


.heading-white-left h2 {
	color:#fff;
	letter-spacing:1px;
	font-size:24px;
	margin:0 0 50px 0;
}
.heading-white-left h2 .headline {
  position: relative;
  position: relative;
}

.heading-white-left h2 .headline:after {
  content:' ';
  position: absolute;
  top:100%;
  left:0;
  width: 80px;
  border:1px solid #ffffff;
  margin:10px 0;
}



/* VISION BOX */
.visionBox {
	border:1px solid #dfdddd;
	padding:30px;
	min-height:230px;
	width:100%;
	text-align:center;
}
.visionBox h2 {
	color:#333;
	font-weight:bold;
	margin:0 0 50px 0;
}
.visionBox p {
	font-size:14px;
	line-height:24px;
	margin:0 0 0px 0;
	color:#666;	
}



/* VALUES BOX */
.valueBox {
	border:1px solid #dfdddd;
	padding:60px 40px;
	min-height:290px;
	width:100%;
	text-align:center;
}
.valueBox h2 {
	color:#333;
	font-size:30px;
	font-weight:bold;
	margin:0 0 20px 0;
}
.valueBox h3 {
	color:#333;
	font-size:18px;
	font-weight:bold;
	margin:0 0 0 0;
}
.valueBox p {
	color:#333;
	font-size:15px;
	line-height:23px;
	margin:0 0 0 0;
}



/* LIGHT AND DARK BLUE SECTION */
.darkBlueSection {
  align-items: center;
  background: #4c7cc1 none repeat scroll 0 0;
  border-radius: 50%;
  display: flex;
  margin: auto auto 45px;
  min-height: 180px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  width: 92%;
}
.darkBlueSection p {
  color: #ffffff;
  font-size: 18px;
  margin: 0;
  text-align: center;
  vertical-align: middle;
}
.lightBlueSection {
	 background: #b2c7e4 none repeat scroll 0 0;
  border-radius: 50%;
  display: flex;
  margin: auto auto 45px;
  min-height: 180px;
  padding-left: 15px;
  padding-right: 15px;
  align-items: center;
  text-align: center;
  width: 92%;
}
.lightBlueSection p {
	 color: #ffffff;
  font-size: 18px;
  margin: 0;
  text-align: center;
  vertical-align: middle;
}



/* BOARD OF DIRECTORS */
.boardOfDirectorsBox {
	background:url(images/board-of-directors-bkg.jpg) top left no-repeat fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:60px 0;
}
.directorsBoxHome {
	background:rgba(0,0,0,0.6);
	padding:25px;
	border-radius:3px;
	min-height:350px;
}
.directorsBoxHome h2 {
	color:#fff;
	font-size:24px;
	font-weight:100;
	margin:0 0 20px 0;
}
.directorsBoxHome p {
	color:#fff;
	font-size:14px;
	margin:0 0 20px 0;
}


/* OWL CAROUSEL */
.owl-theme .owl-nav [class*=owl-] {
	width:30px;
	height:30px;
    color: #FFF;
    font-size: 0px;
    margin: 1px;
    padding: 10px 20px;
    background: #0080cb;
    display: inline-block;
    cursor: pointer;
    border-radius: 0px;
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align:right;
}
.owl-carousel .owl-nav .owl-prev{
    background:#0080cb url(images/arrow-prev.png) center center no-repeat;
}
.owl-carousel .owl-nav .owl-next:hover{
    background:#0080cb url(images/arrow-next.png) center center no-repeat;
}
.owl-carousel .owl-nav .owl-prev:hover{
    background:#0072b4 url(images/arrow-prev.png) center center no-repeat;
}
.owl-carousel .owl-nav .owl-next{
    background:#0072b4 url(images/arrow-next.png) center center no-repeat;
}


/* CORE TEAM */
.coreTeamBox {
	border:1px solid #4673b5;
	padding:20px;
	text-align:center;
	border-radius:3px;
	cursor:pointer;
	-webkit-transition: color 500ms, background-color 500ms, border-color 500ms;
	-moz-transition: color 500ms, background-color 500ms, border-color 500ms;
	-o-transition:  color 500ms, background-color 500ms, border-color 500ms;
	transition:  color 500ms, background-color 500ms, border-color 500ms;	
}
.coreTeamBox:hover {
	border:1px solid #002e70;
	background:#002e70;
}
.coreTeamBox:hover img {
	border:5px solid #4c7cc1;
}
.coreTeamBox img {
	margin:0 0 20px 0;
	border:5px solid #4c7cc1;
}
.coreTeamBox h2 {
	color:#fff;
	font-size:16px;
	margin:0 0 10px 0;
}
.coreTeamBox p {
	font-size:12px;
	color:#fff;
	margin:0;
	line-height:15px;
	min-height:50px;
	text-align: center;
}

/* Chairman Box */
.chairmanBox {
	border:0px solid red;
}
.chairmanBox h2 {
	font-size:22px;
	margin:0 0 10px 0;
}
.chairmanBox p {
	font-size:14px;
	line-height:20px;
	color:#999;
}


/* Awards Box */
.awardsBox {
	border:0px solid red;
}
.awardsBox h2 {
	font-size:22px;
	margin:0 0 10px 0;
}
.awardsBox p {
	font-size:14px;
	line-height:20px;
	color:#222;
	margin:30px 0 0 0;
}

/* KEY SERVICES */
.keyServicesBox {
	padding:60px 0 100px 0;
	background:#fff;
}
.keyServicesBox .heading h2 {
	font-weight:100;
	margin:0 0 50px 0;
	text-align:center;
}
.keyServicesBox .heading h2 .headline {
  position: relative;
  position: relative;
}

.keyServicesBox .heading h2 .headline:after {
  content:' ';
  position: absolute;
  top:100%;
  left:50%;
  width: 80px;
  border:1px solid #0080cb;
  transform:translateX(-50%);
  margin:20px 0;
}

/* servicesBoxHome */
.servicesBoxHome {
	border:1px solid #f2f2f2;
	padding:30px;
	text-align:center;
	-webkit-transition: border-color 500ms;
	-moz-transition: border-color 500ms;
	-o-transition:  border-color 500ms;
	transition:  border-color 500ms;	
}
a .servicesBoxHome:hover {
	border:1px solid #0080cb;
}
.servicesBoxHome h3 {
	font-size:16px;
	color:#999;
	margin:0;
}



/* CAREER MESSAGE */
.careerMsgBox {
	padding:100px 0;
	background:url(images/career-message-bkg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}	
.careersMsg {
	background:#0080cb;
	padding:30px;
	border-radius:5px;
}
.careersMsg p {
	color:#fff;
	margin:0;
}
.careersMsg h3 {
	color:#fff;
	font-size:18px;
	margin:0;
}
.careersMsg hr {
	background:#026ba9;
	border-color:#026ba9;
}


/* OPENING BOX */
.openingBox {
	border:0px solid blue;
}
.openingBox h1 {
	font-weight:bold;
	font-size:24px;
	margin:0 0 20px 0;
}
.openings {
	border:0px solid #e7e6e6;
}
.openings ul {
	border:none;
	margin:0;
}
.openings li {
	list-style:none;
	padding:20px 0;
	border:1px solid #e7e6e6;
	border-width:1px 0 0 0;	
}
.openings li:last-child {
	border-width:1px 0;	
}
.openings li h3 {
	font-weight:bold;
	font-size:18px;
	margin:0;
	padding:10px 0;
}
.openings li h4 {
	font-size:14px;
	margin:0 0 5px 0;
	text-align:right;
}
.openings li h2 {
	font-size:20px;
	margin:0;
	color:#999;
	text-align:right;
}


.contactAddress {
	margin:0 0 30px 0;
}	
.contactAddress h2 {
	font-weight:100;
	margin:0 0 20px 0;
}
.googleMap {
	width:100%;
	background:#ccc;
	height:300px;
}








/* FOOTER */
footer {
	padding:30px 0 0 0;
	background:#121212;
}

/* TESTIBOX */
.testiBox {
	background:#007fcb;
	padding:20px 0 0 0;
	margin:-100px 0 0 0;
}
.testiBox p {
	font-size:14px;
	line-height:20px;
	color:#fff;
}
.testiBox .item {
	padding:0 150px 0 0;
	border:0px solid yellow;
}


/* ACCREDITATIONS */
.accreditations-highlights {
	border:0px solid blue;
}
.accreditations-highlights ul {
	margin:0;
}
.accreditations-highlights li {
	list-style:none;
	margin:0;
	padding:0px 0 35px 0;
	display:block;
	font-size:20px;
	line-height:28px;
	color:#333;
}



/* CLIENT SLIDER */
.clientSlider {
	border:0px solid blue;
}
.clientSlider img {
	border:1px solid #f8f8f8;
	margin-bottom:20px;
}

.serviceDetails.only {
  padding: 205px  40px;
}

.serviceDetails {
	padding:40px;
	background:transparent;
	text-align:center;
}
.serviceDetails h2 {
	text-transform:uppercase;
	font-weight:400;
}
.serviceDetails p {
	font-size:14px;
	line-height:22px;
	margin:0 0 30px 0;
}
.serviceDetails a {
	background:#0080cb;
	color:#fff;
	padding:10px 15px;
	border-radius:3px;
	display:inline-block;
}

/* CUSTOM SOLUTIONS PAGE */
.import {
	padding:130px 0;
	background:url(images/custom-solutions-import.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.export {
	padding:130px 0;
	background:url(images/custom-solutions-export.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.container-fcl-lcl {
	padding:130px 0;
	background:url(images/custom-solutions-container-fcl-lcl.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.exim-advising {
	padding:130px 0;
	background:url(images/custom-solutions-exim-advising.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.air-cargo {
	padding:130px 0;
	background:url(images/custom-solutions-air-cargo.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.bonded-warehousing {
	padding:130px 0;
	background:url(images/custom-solutions-bonded-warehousing.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* SHIPPING PAGE */
.vessel-agency {
	padding:130px 0;
	background:url(images/shipping-vessel-agency.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.freight-forwarding {
	padding:130px 0;
	background:url(images/shipping-freight-forwarding.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.end-to-end-solution {
	padding:130px 0;
	background:url(images/shipping-end-to-end-solution.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.vessel-chartering {
	padding:130px 0;
	background:url(images/shipping-vessel-chartering.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.vessel-survey {
	padding:130px 0;
	background:url(images/shipping-vessel-survey.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/* TRANSPORTATION PAGE */
.bulk-cargo {
	padding:130px 0;
	background:url(images/transportation-bulk-cargo.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.break-bulk-cargo {
	padding:130px 0;
	background:url(images/transportation-break-bulk-cargo.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.steel {
	padding:130px 0;
	background:url(images/transportation-steel.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.transportation-container {
	padding:130px 0;
	background:url(images/transportation-container.jpg) no-repeat bottom center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.project-cargo {
	padding:130px 0;
	background:url(images/transportation-project-cargo.jpg) no-repeat bottom center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.liquid {
	padding:130px 0;
	background:url(images/transportation-liquid.jpg) no-repeat bottom center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.material-handling {
	padding:130px 0;
	background:url(images/transportation-material-handling.jpg) no-repeat bottom center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}




/* PORT TRANSPORTATIONS PAGE */
.cargoHandlingBox {
	border:0px solid blue;
	margin:0 0 30px 0;
}
.cargoHandlingInner {
	padding:20px;
	background:#fff;
}
.cargoHandlingInner h2 {
	font-size:20px;
	font-weight:bold;
	margin:0 0 10px 0;
}
.cargoHandlingInner a {
	padding:3px 0;
	color:#007fcb;
	font-size:12px;
	text-transform:uppercase;
	margin:0;
	text-align:right;
	display:block;
}
.cargoHandlingInner a:hover {
	color:#666;
}

.stevedoring {
	padding:130px 0;
	background:url(images/port-operations-stevedoring.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.rake-handling {
	padding:130px 0;
	background:url(images/port-operations-rake-handling.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.barge-handling {
	padding:130px 0;
	background:url(images/port-operations-barge-handling.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.bagging {
	padding:130px 0;
	background:url(images/port-operations-bagging.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.warehousing {
	padding:130px 0;
	background:url(images/port-operations-warehousing.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.mapaddressbox {
  position: relative;
}
/* NETWORK BOX */
.networkBox {
	border:1px solid #0080cb;
	border-width:0 0 1px 0;
	padding-bottom:10px;
	margin-bottom:30px;
	display: none;
	position: absolute;
    right: 0;
}
.networkBox h2 {
	font-size:24px;
}


/* INFRASTRUCTURE BOX */
.infraBox {
	border:0px solid blue;
	margin:0 0 30px 0;
}
.infraBox h2 {
	font-size:30px;
	text-transform:uppercase;
	border:2px solid #0080cb;
	border-width:0 0 2px 0;
	padding-bottom:10px;
	margin-bottom:30px;
	margin-top:0;
}



/* HOMEPAGE SERVICES */
.homepageServices {
	border:0px solid white;
	text-align:center;
	margin:0px 0px;
	cursor:pointer;
}
.homepageServices h2 {
	text-transform:uppercase;
	font-weight:500;
	color:#fff;
	font-size:18px;
	text-align:center;
	margin:0 0 10px 0;
	font-family: 'Dosis', sans-serif;
}
.homepageServices p {
	font-size:13px;
	line-height:22px;
	margin:0 0 0px 0;
	text-align: justify; text-align-last: center;
	color:#fff;
	min-height:145px;
}
.homepageServices a {
	background:#00619c;
	color:#b7e3fd;
	font-size:12px;
	padding:10px 15px;
	border-radius:3px;
	display:inline-block;
}


.welcomeTxt { text-align: justify; text-align-last: center; }

/* NEWS BOX */
.newsBoxHome {
	border:0px solid blue;
}
.newsBoxHome h3 {
	font-weight:400;
	color:#007fcb;
	font-size:14px;
	margin:0 0 10px 0;
}
.newsBoxHome h2 {
	font-weight:400;
	font-size:16px;
	line-height:20px;
	margin:0 0 20px 0;
}
.newsBoxHome p {
	font-size:13px;
	line-height:22px;
	margin:0 0 10px 0;
	color:#999;
}
.newsBoxHome a {
	color:#007fcb;
	font-size:12px;
	padding:10px 15px 0px 0;
	display:inline-block;
}


.quoteBox label {
	padding:10px 0;
	text-transform:uppercase;
}
.quoteBox .totalBox {
	color:#000;
	font-weight:bold;
	padding:10px 0;
	display:block;
}

/* FOOTER BOX */
.footerBox {
	border:0px solid red;
	padding:40px 0;
}
.footerBox h2 {
	font-weight:100;
	font-size:18px;
	margin:0 0 30px 0;
	color: #fff;
}
.footerBox p {
	font-weight:500;
	font-size:14px;
	margin:0 0 20px 0;
	color: #ccc;
}
.footerMenu ul {
  float: right;
  margin: 0;
}
.footerBox li {
	list-style:none;
	margin:0;
	padding:0px 0 10px 0;
	display:block;
	font-size:13px;
	color:#ccc;
}
.footerBox li a {
	color:#ccc;
}
.footerBox li a:hover {
	color:#007fcb;
}

.footerBox ul li ul {
	margin:10px 0 0 25px;
}
.footerBox ul li ul li {
	list-style:disc;
	display:list-item;
}



/* ADDBOX */
.addBox {
	border:1px solid #333333;
	padding:0 20px;
	border-radius:3px;
	word-wrap: break-word; 
	margin:0 0 10px 0;
}
.addBox p {
	font-weight:400;
	font-size:13px;
	line-height:20px;
	margin:10px 0;
	color: #ccc;
}
.addBox p a {
	color: #ccc;
}
.addBox p a:hover {
	text-decoration:underline;
}


/* CONTACT FORM */
.contactForm {
	padding:30px;
	background:#fff;
}




.footerMenu {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #2a2a2a;
  border-image: none;
  border-style: solid;
  border-width: 1px 0;
  display: block;
  float: left;
  margin: 20px 0 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
.footerMenu ul {
	margin:0;
}
.footerMenu li {
	list-style:none;
	margin:0;
	display:inline-block;
}
.footerMenu li a {
	list-style:none;
	padding:10px 18px 5px 18px;
	display:block;
	font-size:13px;
	color:#ccc;
}
.footerMenu li a:hover {
	color:#007fcb;
}


.copyright {
  float: left;
  text-align: center;
}
.copyright p {
	font-weight:400;
	font-size:13px;
	line-height:20px;
	margin:10px 0;
	color: #ccc;
}


.close {
    font-size: 36px;
    margin: 5px 10px 0 0;
	z-index: 9999!important;
	position: relative;	
}
.modal-body img {
    margin-top:30px;
}
.modal-body h2 {
	font-size:18px;
	margin-bottom:10px;
}
.modal-body h3 {
	color:#999;
	font-weight:500;
	font-size:14px;
	line-height:16px;
	margin:0 0 0px 0;
}

.modal {
    z-index: 9999;
}



/* DROP DOWN MENU */
.sidenav {
    height:auto;
    width: 100%;
    position:absolute;
    z-index: 1234;
    top: 98px;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 20px 0;
	display:none;
}

.sidenav a {
    padding:8px 8px 8px 0;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
.carousel {
	background:#000;
}
.carousel-inner .item img {
	/*opacity: 0.5;*/
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}



/* NEW */

.navbar-toggle .icon-bar
{
	background:#0080cb;
}

.navbar-nav>li>a:hover
{

color:red;
}
/* MENU BAR Mobile */
.menuBarM {
	border:0px solid blue;
	font-size:13px;
	color:#0080cb;
	padding:10px 0 0 0;
	font-family: 'Dosis', sans-serif;
	text-transform:uppercase;
	background:#fff;

}
.menuBarM img {
	margin:-25px 0 0 0;
}
.menuBarM ul {
	margin:0;
	border:1px solid;
	border-color:rgba(255,255,255,0.1);
	border-width:1px 0;
}
.menuBarM li {
	display:inline;
	list-style:none;
}
.menuBarM li a {
	
	padding:14px 18px;
	font-size:14px;
	color:#0080cb;
	letter-spacing:1px;

}
.menuBarM li a:hover {
	color:#fff;
	background:#ccc;
}
.menuBarM .nav
{
	
}

.logo-text
{

	color:#0080cb;
	font-weight: 800;
}
.navbar-header
{
	border-bottom:1px solid #0080cb;;
}

/* Footer */
.core-team
{

	padding:10px;
}

.no-padding
{
	padding:0px;
}
.footer-top-menu
{

	margin:10px 0px;
}

.top
{
	top:10px;

	position: fixed;
	z-index: 1234;
}

.carousel-inner
{
background-position:center center;
}
.carousel-inner h2
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.carousel-inner p
{

	color:#fff;
}
/*.header
{
	height: auto;
}*/
.news-text li{
	font-size: 14px;
	margin-bottom: 35px;
}
.achievements-text {
  margin-top: 65px;
}
.achievements-text li {
  font-size: 16px;
  margin-bottom: 28px;
}
.homepageServices {
	padding:20px;
}
.homepageServices:hover {
	background:#0073b8;
	-webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
	padding:20px;
} 
.homepageServices img {
	  -webkit-transition: 0.6s ease-out;
    -moz-transition:  0.6s ease-out;
    transition:  0.6s ease-out;
}
/* .homepageServices img:hover {
	   -webkit-transform: rotateZ(360deg);
      -moz-transform: rotateZ(360deg);
      transform: rotateZ(360deg);
}
 */

.home-topBar{

   /*border-bottom-color:#7499ce;*/
   border-bottom-color:rgba(60,112,187,0.4);
   border-bottom-style: double;
  
    font-size: 13px;
    color: #fff;
  

}
.home-topBar a {
	color:#fff;
}
.home-topBar a:hover {
	text-decoration:underline;
}
.home-topBar ul {
	float:right;
}
.home-topBar li {
	display:inline-block;
	list-style:none;
	padding:10px 20px;
}
.home-topBar li a {
	padding:0 0 0 10px;
	color:#fff;
}
.home-main-menu {
	border-bottom-color:rgba(60,112,187,0.4);
/*border-bottom-color:#7499ce;*/
   border-bottom-style: double;

}
.home-main-menu ul {
float:right;
}
.home-logo {
float:left;
background:url(images/homepage-r.png);
background-repeat: no-repeat;
background-size: cover;
width: 40%;
height:90vh;
position:fixed;
left:0px;
top:0px;
}
.home-logo img {

}
.clear {
  clear: both;
}
.container.bannerservicetext {
  margin-top: 74px;
}
.indiamap {
  margin: auto;
  max-width: 730px;
  position: relative;
  width: 100%;
}
.mapplace {
  left: 0;
  position: absolute;
  top: 0;
}
#mapicon1.mapplace {
  left: 48px;
  top: 48%;
}
#mapicon2.mapplace {
  left: 28px;
  top: 47%;
}
#mapicon3.mapplace {
  left: 39px;
  top: 49%;
}
#mapicon4.mapplace {
  left: 102px;
  top: 48.5%;
}
#mapicon5.mapplace {
  left: 116px;
  top: 54%;
}#mapicon6.mapplace {
  left: 109px;
  top: 53%;
}
#mapicon7.mapplace {
  left: 109px;
  top: 55%;
}
#mapicon8.mapplace {
  left: 119px;
  top: 61%;
}
#mapicon9.mapplace {
  left: 162px;
  top: 41%;
}
#mapicon10.mapplace {
  left: 180px;
  top: 34%;
}
#mapicon12.mapplace {
  left: 42.55%;
  top: 43%;
}
#mapicon11.mapplace {
  left: 120px;
  top: 37%;
}


.successMsg {
	width:100%;
	display:block;
	padding:10px;
	font-size:24px;
	color:#fff;
	background:#0b9546;
	margin:0 0 30px 0;
}
.errorMsg {
	width:100%;
	display:block;
	padding:10px;
	font-size:24px;
	color:#fff;
	background:#d60101;
	margin:0 0 30px 0;
}

.pdfBox ul {
	margin:0;
	padding:10px 0;
	border:1px solid #2a2a2a;
	border-width:1px 0;
}
.pdfBox li {
	margin:0;
	padding:0 20px 0 0;
	float:left;
	list-style:none;
}
.pdfBox li a {
	display:inline-block;
	margin:0;
	color:#fff;
}

