/* CSS Document */
a,
a:hover,
a:focus,
a:active,
a.active {
  color: #006eb8;
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
}

.header { width:100%; float:left; padding:15px 0; border-bottom:2px solid #f9a91e; }
.navbar-nav > li > a { font-family: 'Oswald', sans-serif; color:#0055a5; font-size:21px; font-weight:300; text-transform:uppercase; }
.navbar-collapse.collapse { float:right; margin-top:35px; }
.nav > li { padding-bottom: 10px; }
.nav > li > a { padding:0; }
.nav > li:hover > a, .nav > li > a:hover,
.nav > li.active > a { background:none; color:#f9a514;}
.nav > li { margin:0 20px;}

.navbar-nav li > ul {
	display: none;
	position: absolute; z-index: 10; margin-top: 8px;
	width: 250px; list-style: none; padding: 8px; background-color: #FFF; border: solid 1px #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.navbar-nav ul > li > a { display: block; padding:6px 10px; font-family: 'Oswald', sans-serif; color:#0055a5; text-transform:uppercase; font-size: 17px; line-height: 17px; font-weight:300; }
.navbar-nav ul > li > a:hover { background:#0055a5; color:#ffffff; text-decoration: none; }
.navbar-nav li:hover ul { display: block; }

/* Search */
.popup-box-on { display: block !important;}
.off { display: none;}
.chat_box .chat_message_wrapper ul.chat_message > li + li { margin-top: 4px;}
#search.open { opacity: 1; transform: translate(0px, 0px) scale(1, 1);}
#search { background-color: rgba(8,67,118,0.95); height: 100%; left: 0; position: fixed; top: 0; transition: all 0.5s ease-in-out 0s; width: 100%; z-index: 2000;}
#search .close { color: #ffffff; font-size: 40px; opacity: 1; padding: 10px 17px; position: fixed; right: 15px; top: 15px;}
button.close { background: transparent none repeat scroll 0 0; border: 0 none; cursor: pointer;}
.close { float: right; font-weight: bold; line-height: 1; text-shadow: 0 1px 0 #fff;}
#search input[type="text"] { background: rgba(0, 0, 0, 0); border: 0 none; color: #ffffff; font-family: "Open Sans",sans-serif; font-size: 50px; font-weight: 300; margin: -51px auto 0; outline: medium none; padding-left: 30px; padding-right: 30px; position: absolute; text-align: center; top: 50%; width: 100%;}
#search .btn { left: 50%; margin-top: 60px; padding: 10px 50px; position: absolute; top: 50%; transform: translateX(-50%);}
nav { background: #be5254 none repeat scroll 0 0 !important; border: medium none !important; border-radius: 151px !important;}
.s-icon { float:right; margin-top:26px; margin-left:20px;}
.glyphicon.glyphicon-search{ font-size:22px;}
.s-icon a { color: #0055a5!important; font-size: 26px; margin: 0px -12px 0 0; padding: 0!important; width: 44px;}
.navbar-inverse .navbar-nav > li > a { color: #fff;}
.navbar-inverse .navbar-brand { background: #fff none repeat scroll 0 0 !important;  border-radius: 50px; color: #be5254 !important; height: auto; margin: 3px 0 2px -12px !important; padding: 12px 20px !important;}
.btn-lg, .btn-group-lg > .btn { border-radius: 153px; font-size: 29px;}
.btn-site { background: #f9a91e; color: #000000!important;}

/* Slider */
.slider { width:100%; float:left; border-bottom:2px solid #f9a91e; }
.slider img { width:100%; }
.carousel-caption { background:rgba(0,41,83, 0.6); max-width:540px; margin:0 auto; padding:15px 30px; }
.carousel-caption h1 { color:#ffffff; font-size:33px; font-family: 'Oswald', sans-serif; text-shadow:0; font-weight:500; margin-bottom: 25px; }
.carousel-caption h1 span { display:block; width:100%; font-size:26px; text-transform:none; font-weight:300; }


.welcome { width:100%; float:left; padding:30px 0 50px; text-align:center; }
.welcome h1 { margin-bottom:25px; }
.btn-small { background:#f9a514; font-family: 'Oswald', sans-serif; font-size:18px; color:#ffffff; text-transform:uppercase; padding:10px 24px; display:inline-block; }
.btn-small:hover { background:#0055a5; text-decoration:none; color:#ffffff; }
.btn-large { width: 50%; }
.btn-large.active { color: #FFF; }
.service { float:left; width:100%; background:url(../img/service-bg.jpg) no-repeat center top; padding:20px 0 40px; text-align:center; }
.service p { color:#ffffff; margin-bottom:15px; }
.service h1 { color:#ffffff; margin-bottom:10px; }
.service-box { border-bottom:4px solid #f9a514; position:relative; }
.service-box h3 { position:absolute; bottom:0; z-index:1; width:100%; background:rgba(0,0,0,0.6); padding:12px 0; text-transform:uppercase; color:#ffffff; font-size:18px; margin-bottom:0; }
.service-box:hover h3 { background:#f9a514; color:#000000; }
.service-box img { width:100%; }

/* Market Sector*/
.market-sector { float:left; width:100%; background:url(../img/market-sector-bg.jpg) no-repeat center top; padding: 35px 0 50px; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.market-sector h2 { margin-bottom:15px; }
.market-sector .tabs-link { max-width:347px; }
.market-sector .tabs-link li { display:block; margin-bottom:10px; width:100%; margin:0 0 10px 0; }
.market-sector .tabs-link li a span { background:#004489; width:80px; height:80px; text-align:center; display:inline-block; margin-right:22px; }
.market-sector .tabs-link li a { font-family: 'Oswald', sans-serif; font-size:20px; color:#353a3a; text-transform:uppercase; border:1px solid #004489; background:#ffffff; border-radius:0; }
.market-sector .tabs-link li.active a,
.market-sector .tabs-link li a:hover { color:#004489; border:1px solid #f9a514; background:#ffffff; }
.market-sector .tabs-link li.active a span,
.market-sector .tabs-link li a:hover span { background:#f9a514; }
.market-sector .tab-content ul { margin-bottom:20px; padding: 0px; padding-top:10px; list-style: none;}
.market-sector .tab-content ul li { background:url(../img/checkmark-arrow.png) no-repeat left 4px; padding:0 0 0 30px; margin-bottom:5px; }

/* Career Belt */
.career-belt { width:100%; float:left; background:url(../img/careerbg.jpg) no-repeat center top; }
.career { color:#ffffff; padding:15px; overflow: auto;}
.career h3 { font-size:26px; color:#ffffff; margin-top:16px; margin-bottom:10px; text-transform:uppercase; }
.career p {	margin-bottom:15px; max-width: 80%; float: left; }
.upload-btn {font-family: 'Oswald', sans-serif; color:#113c66; font-size:16px; text-transform:uppercase; background:#ffffff; padding:8px 15px; float:right; border: 0px; margin: 0px; }
.upload-btn:hover { background:#f9a514; text-decoration:none; color:#ffffff; }
.newsletter{ padding:15px; overflow: auto; }
.newsletter h3{ color: #013d7b; font-size:26px; text-transform:uppercase; margin-bottom:14px; }
.newsletter input[type="email"] { color:#333232; font-size:16px; background:#ffffff; border:0px; padding:6px 10px; width:350px; }
.newsletter input[type="submit"] { background:#013d7b; color:#ffffff; padding:6px 15px; border:0px; font-family: 'Oswald', sans-serif; font-size:16px; text-transform:uppercase; }
.newsletter input[type="submit"]:hover { background:#666666; }

/* Quick Contact*/
.quick-contact { float:left; width:100%; background:#ebf4fd; padding:35px 0 45px; text-align:center; }
.qcbox { max-width:826px; margin:0 auto; }
.qcbox form { padding:0; margin:30px 0 0; }
.qcbox form input { border:1px solid #dad8d8; background:#ffffff; padding:10px 18px; color:#999999; margin-bottom:15px; width:100%; }
.qcbox form textarea { border:1px solid #dad8d8; background:#ffffff; padding:10px 18px; color:#999999; margin-bottom:15px; width:100%; height:105px; }
.qcbox form input[type="submit"] { background:#f9a514; color:#ffffff; border:0px; text-transform:uppercase; font-size:18px; font-family: 'Oswald', sans-serif; }
.qcbox form input[type="submit"]:hover { background:#004489; }

/* Footer */
.footer { float:left; width:100%; text-align:center; padding:38px 0; }
.footer .flinks { list-style:none; padding:0px; margin:0 0 12px; }
.footer .flinks li { border-right:1px solid #bcb5b5; padding:0 20px; display:inline-block;}
.footer .flinks li:last-child { border:0; padding-right:0px; }
.footer .flinks li a { color:#333333; font-size:16px;}
.footer .flinks li a:hover,
.footer .flinks li.active a { color:#f9a514; text-decoration:none; }
.footer .social-icon a { font-size: 30px; }
.footer .social-icon a.facebook { color: #2b4c90; }
.footer .social-icon a.twitter { color: #11a2de; }
.footer .social-icon a.linkedin { color: #046fb0; }
.footer .social-icon a:hover { color: #000; }
.footer p { font-size:14px; }

body .navbar-nav .open .dropdown-menu { margin-top:10px; }

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}