@charset "utf-8";
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, 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; font-size: 100%; vertical-align: baseline; background: transparent; font-weight:normal; font-style: normal }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
:focus { outline: 0 }
::-moz-focus-inner {border:0;outline:0}
table { border-collapse: collapse; border-spacing: 0;}
.clear { clear: both }
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0 }
.cf { display: inline-block }
* html .cf { height: 1% }
.cf { display: block }
img { border: 0; vertical-align: top;}
.imgW100p {width:100%;}
a, button {text-decoration: none !important; cursor: pointer!important; color: #1983b3;
	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.btn-default.focus, .btn-default:focus {outline: none !important;}
a:hover {color:#417505; text-decoration:none;}
p {padding-bottom: 20px; line-height:26px;}
sub, sup {font-size: 75% !important;}
.pr {position: relative;}
.marginAuto {margin: 0 auto;}

.pb-0 {padding-bottom: 0;}
.mb-0 {margin-bottom:0;}
.mt-25 {margin-top: 25px;}
.mb-65 {margin-bottom:65px;}

#ie-toolbar {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999; background-color:#f3f3f3;}
#ie-toolbar div {position:absolute; top:50%; left:50%; width:700px; margin-left:-350px; text-align:center; height:120px; margin-top:-60px; color:#616161; font-size:30px;}
#ie-toolbar div a {color:#d65727; text-decoration:underline;}
#ie-toolbar div a:hover {color:#d65727; text-decoration:none;}


h1, h2 {color: #1983b3; text-transform: uppercase; font-family: 'gotham_boldregular', sans-serif; font-size: 28px; line-height: 30px; margin-bottom: 35px;}
h2 {color: #1983b3; text-transform: uppercase; font-family: 'gotham_boldregular', sans-serif; font-size: 28px; line-height: 30px; margin-bottom: 35px; position: relative;}
h3 {font-family: 'gotham_boldregular', sans-serif; font-weight: inherit; font-size: 18px; line-height: 24px; margin-bottom: 30px; display: block;}
h4 {font-family: 'gotham_boldregular', sans-serif; font-size: 22px; line-height: 34px; margin-bottom: 15px;}
h5 {font-family: 'gotham_boldregular', sans-serif; font-weight: inherit; color: #1983b3; font-size: 18px; line-height: 24px; margin-bottom: 13px;}
h6 {font-family: 'gotham_boldregular', sans-serif; color: #1983b3; font-size: 20px; text-transform: uppercase; margin-bottom: 35px;}
.custom-table h6 {margin-bottom: 0;}

html, body {height:100%; width:100%;}
body {font-family: 'montserratregular', Arial, Helvetica, sans-serif; font-size: 16px; color:#4A4A4A; background-color:#fff;}

.container {width: 100%; max-width: 1170px; clear: both;}


.smart-city {max-width: 100px; display:block; float: right; position: absolute; top: 25px; right:25px; z-index: 1;}

.header {position: fixed; top: 0; left: 0; width: 100%; z-index: 9;}
.headerInner {max-width: 1350px; margin: 0 auto;}
.headerHeight {height:100%; background: none !important;}
.headerFix {position: fixed; bottom:auto; top: 0; background: #fff;  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.headerFix:hover {background: #fff; 
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.headerFix .logo {margin: 15px 24px 9px 0;}
.headerFix .searchBox {clear: none;}
.headerFix .searchForm {top:22px;}
.headerFix .searchIcon {margin-top: 35px;}
.headerFix .menuText {margin-top: 38px;}


.logo {max-width: 250px; display:block; float: right; margin: 24px 24px 0 0; position: relative; z-index: 1;}
.logo img {width: 100%;}

.searchIcon {margin: 20px 0 0 20px; display: inline-block; transition:none !important;}

.searchBox {margin: 2px 0 0 22px; position: relative; width: 270px; float:left; clear: both; z-index: 0;}
.seaPosition {position: absolute; top: 15px; left: 10px; margin: 0;}
.headerFix.headerHeight .seaPosition {top:0;}
.closeSearch {position: relative; right: 25px;}
.searchBox input {border: 0; font-size: 16px; border-bottom: 1px solid #979797; padding: 10px 15px; height: 45px; padding-right: 40px;
 box-shadow: none !important; border-radius: 0; }
.searchBox input:focus {border-color: #979797;}
.searchForm {position: absolute; top: 0; left: 0; display: none;}
::-webkit-input-placeholder {color: #1983b3 !important;}
::-moz-placeholder {color: #1983b3 !important;}
:-ms-input-placeholder {color: #1983b3 !important;}
:-moz-placeholder {color: #1983b3 !important;}

.menuText {margin: 45px 0 0 24px; font-family: 'montserratmedium', sans-serif; font-size: 16px; color: #4a4a4a; display:block; float: left; text-transform: uppercase; text-shadow: 0px 0px 0px black, 0 0 0.09em white, 0 0 0.01em white;}
.scrollHide {overflow: hidden;}
.menuBox {display:none; width: 700px; height: 100%;  background-color: #fff; position: absolute; top: 0; left: 0; overflow: auto;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);}
.menu {padding: 0; position: relative;}
.menu ul {padding: 55px 0px 115px 68px; -webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2; -ms-column-count: 2; column-count: 2;}
.menu li {padding: 60px 30px 5px 20px;}
.menu li a {color:#4a4a4a; font-family: 'gotham_boldregular', sans-serif; font-size: 18px; text-transform: uppercase; display: inline-block; position: relative; border-bottom: 3px solid #fff; padding-bottom: 5px;}
.menu li a:hover, .menu .active a  {color: #322886; border-bottom: 3px solid #322886;}

.menu li a span {width: 25px;height: 23px; position: absolute;top: -26px; left: -17px;}
.icons01 {background: url(../images/icons/icon-01.png) no-repeat 0 0;}
.icons02 {background: url(../images/icons/icon-02.png) no-repeat 0 0;}
.icons03 {background: url(../images/icons/icon-03.png) no-repeat 0 0;}
.icons04 {background: url(../images/icons/icon-04.png) no-repeat 0 0;}
.icons05 {background: url(../images/icons/icon-05.png) no-repeat 0 0;}
.icons06 {background: url(../images/icons/icon-06.png) no-repeat 0 0;}
.icons07 {background: url(../images/icons/icon-07.png) no-repeat 0 0;}
.icons08 {background: url(../images/icons/icon-08.png) no-repeat 0 0;}
.icons09 {background: url(../images/icons/icon-09.png) no-repeat 0 0;}
.icons10 {background: url(../images/icons/icon-10.png) no-repeat 0 0;}


.subscribeLink {position: absolute; bottom: 25px; right: 25px;}
.subscribeLink span {position: absolute; top: 50%;  left: -75px; background-color: #4a4a4a; height: 2px; width: 50px;}

.subscribeLine {text-align: center;}
.subscribeLine p {font-family: 'gotham_boldregular', sans-serif; font-weight: inherit; color: #1983b3; font-size: 18px; line-height: 24px; padding-bottom: 35px;}
.subscribeLine .glyphicon {font-size: 34px; padding-top: 15px; color: #1983b3;}
.subscribeBox {width: 355px; margin: 0 auto 20px;}
.subscribeBox .form-control {float: left; max-width: 250px; width:100%; border-radius: 0px !important; border: 1px solid #1983b3; color: #4a4a4a;}
.subscribeBox .btn {box-shadow: none !important; border: 1px solid #1983b3; border-radius: 0px !important; height: 34px; font-size: 14px;line-height: 10px; background: #1983b3; color: #fff; min-width: 100px;}

.closeMenu {font-size: 80px; font-family: initial; position: absolute; top:50%; right: 40px; margin-top: -40px;}

.minHeight {height:100%; min-height: 100%; position:relative;}


.btnCss {
      color: #1983b3 !important;  font-size: 18px; font-family: 'montserratmedium', sans-serif; font-weight: 400; border: 0 !important; line-height: normal; background-color: #ffffff; padding: 15px 32px; display: inline-block;
	  -webkit-border-radius: 28px !important; -moz-border-radius: 28px !important; border-radius: 28px !important;
	  -webkit-box-shadow: 0 2px 4px 0 #979797; -moz-box-shadow: 0 2px 4px 0 #979797; box-shadow: 0 2px 4px 0 #979797;}
.btnCss:hover {background-color: #1983b3 !important; color: #fff !important;}

.btnSquare {min-width: 300px; display: inline-block; border: 1px solid #1983b3; padding: 22px 15px; text-align: center; border-radius: 0px; color: #1983b3; font-size: 18px; font-family: 'montserratmedium', sans-serif; font-weight: 400;
-webkit-box-shadow: 0 2px 4px 0 #979797; -moz-box-shadow: 0 2px 4px 0 #979797; box-shadow: 0 2px 4px 0 #979797;}
.btnSquare:hover {background: #1983b3; color: #fff;}


.banner {/*height: 100%;*/ max-width: 1160px; margin: 0 auto; z-index: 0; position: relative;}
.banner h1, .banner h2 {margin-bottom: 20px;}
.banner .owl-carousel, .banner .owl-stage-outer, .banner .owl-stage, .banner .owl-item, .banner .item, .innerBanner .item {height: 100%;}
.banner .item img, .banner .innerBanner img {width: auto !important; margin:0 30px 0 10px;/* height: 100%;*/ float: left;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }

.bannerText {position: relative; top: 50%; left: 0%; width: 450px; float: left;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.bannerText .btnCss {margin-top: 50px;}
.bannerText p {padding: 0;}

.banner .owl-theme .owl-nav.disabled+.owl-dots {width: 8px; height: 70px; margin: 0; position: absolute; bottom:10%; right: -40px;}
.banner .owl-theme .owl-dots .owl-dot span {background-color: #cbcbcb; margin: 0px; width: 8px; height: 8px;}
.banner .owl-theme .owl-dots .owl-dot.active span, .banner .owl-theme .owl-dots .owl-dot:hover span {background-color: #1983b3;}
.banner h2 {text-transform: inherit; font-size: 30px; margin-bottom: 20px; line-height: 33px;}

.owl-theme .owl-dots .owl-dot span {background-color: #cbcbcb; margin: 5px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background-color: #1983b3;}



.innerBanner {height: 100%;} 
.innerBanner iframe {margin: 0 30px 0 10px; float: left;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);}
.mobileBanner {position: relative;}

.follows_us {position: absolute; left:-60px; bottom: 200px; z-index: 11; width: 30px;}
.follows_us a {float: left; margin-bottom: 10px;}
.line {content: ''; position: absolute; top: 100%; left:0px; border-top: 2px solid #4a4a4a; width: 50px; margin-top: 15px;
-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg);}
.follow {position: absolute; float: left; word-wrap: break-word; width: 95px; left: -32px; bottom: -100px;
-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg);}


.container {padding-top: 50px; padding-bottom: 50px;}

.tabNav {border: 0; text-align: center; width: 100%;}
.tabNav li {display: inline-block; float: none; padding: 0 8px;}
.tabNav li a {display: inline-block;  padding: 15px 32px; line-height: normal;}
.tabNav .active a {background-color: #1983b3 !important; color: #fff !important;}

.mapBox {position: relative; z-index: 0;}
.mapTab {padding-bottom: 100px;}
.tooltip .tooltip-inner {background-color: #1983b3; text-align: left; padding: 10px 15px; font-size: 18px;}
.tooltip .tooltip-inner ul {padding-left: 15px;font-size: 14px;text-align: left; list-style-type: disc;}
.tooltip .tooltip-inner ul li {padding-bottom: 5px;}
.tooltip.top .tooltip-arrow {border-top-color:#27a458;}

.mapPoint {position: absolute; z-index: 103; width: 2.1978%; height: 3.84615%;
    -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.pointBs1 {top: 37.9231%; left: 25.5934%;}
.pointBs2 {top: 43.3846%; left: 23.2%;}
.pointBs3 {top: 50.5%; left: 17.7912%;}
.pointBs4 {top: 67.5769%; left: 30.978%;}
.pointBs5 {top: 45.1154%; left: 45.4835%;}
.pointBs6 {top: 39.9231%; left: 44.4945%;}
.pointBs7 {top: 37.0385%; left: 47%;}
.pointBs8 {top: 41%; left: 13%;}
.pointBs9 {top: 76.7308%; left: 53%;}
.pointBs10 {top: 59.8462%; left: 54.2857%;}
.pointBs11 {top: 64.0769%; left: 54%; }
.pointBs12 {top: 65.0385%; left: 56.5%;}
.pointBs13 {top: 48.3846%; left: 65.8022%;}
.pointBs14 {top: 52.0385%; left: 67.6813%;}
.pointBs15 {top: 56.4615%; left: 69.1099%;}
.pointBs16 {top: 51.2692%; left: 74.0659%;}
.pointBs17 {top: 53.9615%; left: 76.9121%;}
.pointBs18 {top: 56.4615%; left: 80.7582%;}
.pointBs19 {top: 47.3077%; left: 79.7582%;}





/*MFG*/
.pointMf1 {top: 43.1694%; left: 20%;}
.pointMf2 {top: 42.3497%; left: 22.5%;}
.pointMf3 { top: 65.8525%; left: 32.8438%;}
.pointMf4 {top: 52%; right: 22.5%;}
.pointMf5 {top: 48.6339%; left: 66.3%;}
.pointMf6 {top: 49.7268%; left: 68.1563%;}
.pointMf7 {top: 48.0874%; left: 69.5%;}
.pointMf8 {top: 43.4426%; left: 70.25%;}
.pointMf9 {top: 45.3552%; left: 72%;}
.pointMf10 {top: 53%; left: 67.5%;}


/*RD*/
.pointRd1 {top: 44.3552%; left: 19.2188%;}
.pointRd2 {top: 42.9891%; left: 21.7188%;}
.pointRd3 {top: 37.3443%; left: 51.7188%;}
.pointRd4 {top: 51.4645%; left: 67.6%;}
.pointRd5 {top: 48.459%; left: 66.5313%;}
.pointRd6 {top: 49.1858%; left: 68.9375%;}

/*JD*/
.pointJd1 {top: 48.459%; left: 66.5313%;}
.pointJd2 {top: 51.4645%; left: 67.6%;}









.mapPoint img {width: 100%; max-width: 22px !important;}
 @-webkit-keyframes pulse {       
    0% {-webkit-transform: scale(0); opacity: 0;}
    50% {-webkit-transform: scale(0.5); opacity: 0.8;}
    100% {opacity: 0; -webkit-transform: scale(1);}
  }

  @-moz-keyframes pulse 
  {       
    0% {-moz-transform: scale(0); opacity: 0;}
    50% {-moz-transform: scale(0.5); opacity: 0.8;}
    100% {opacity: 0; -moz-transform: scale(1);}
  }
								  
  @-ms-keyframes pulse 
  {       
    0% {-ms-transform: scale(0); opacity: 0;}
    50% {-ms-transform: scale(0.5); opacity: 0.8;}
    100% {opacity: 0; -ms-transform: scale(1);}
  }
@-o-keyframes pulse 
  {       
    0% {-o-transform: scale(0); opacity: 0;}
    50% {-o-transform: scale(0.5); opacity: 0.8;}
    100% {opacity: 0; -o-transform: scale(1);}
  }
  @-keyframes pulse 
  {       
    0% {transform: scale(0); opacity: 0;}
    50% {transform: scale(0.5); opacity: 0.8;}
    100% {opacity: 0; transform: scale(1);}
  }
 


.mapPoint:hover::before { content: " "; position: absolute; left: 50%; bottom: 0%; margin-bottom: -25px; margin-left: -25px; opacity: 0.1; width: 50px; height: 50px; background: #27a458; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-animation: pulse 1.3s linear infinite; -moz-animation: pulse 1.3s linear infinite; -ms-animation: pulse 1.3s linear infinite; -o-animation: pulse 1.3s linear infinite; animation: pulse 1.3s linear infinite; }


.threeBox {padding-bottom: 60px;}
.threeBox .list-unstyled { position: absolute; bottom: 50px; left: 0; width: 100%; z-index: 0; display: none; line-height: 26px;}
.threeBox .col-md-4 {padding-bottom: 30px;}
.threeBox .col-md-4 > div { position: relative; background-size: 100% !important; }
.threeBox .col-md-4 > div:hover .list-unstyled { display: block;}
.threeBox .col-md-4 > div:hover img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0;    -khtml-opacity: 0; opacity: 0;}
.threeBox .col-md-4 .hover-1 { background:url(../images/icons/i1h.jpg) no-repeat center 0;}
.threeBox .col-md-4 .hover-2 { background: url(../images/icons/i2h.jpg) no-repeat center 0; background-size: auto !important;}
.threeBox .col-md-4 .hover-3 { background: url(../images/icons/i3h.jpg) no-repeat center 0;}
.threeBox .col-md-4 .hover-4 { background: url(../images/icons/i4h.jpg) no-repeat center 0;}
.threeBox .col-md-4 .hover-5 { background: url(../images/icons/i5h.jpg) no-repeat center 0;}
.threeBox .col-md-4 .hover-6 { background: url(../images/icons/i6h.jpg) no-repeat center 0;}
.threeBox .col-md-4 .hover-7 { background: url(../images/icons/i7h.jpg) no-repeat center 0;}
.threeBox .col-md-4 .hover-8 { background: url(../images/icons/i8h.jpg) no-repeat center 0;}
.threeBox .col-md-4 .hover-9 { background: url(../images/icons/i9h.jpg) no-repeat center 0;}
.threeBox .col-md-4 .detail {font-weight: bold; width: 100%; display: block; padding-top: 15px; font-family: 'gotham_boldregular', sans-serif; font-size: 18px; line-height: 24px;}


.imageTextSlider {position: relative; margin-bottom: 85px;}
.imageTextSlider .owl-dots {width: 15%;  position: absolute; left: 20%; bottom: 100px;}
.imageTextSlider .col-md-8 {float: right;}
.imageTextSlider .col-md-8 img {width: 100%;}
.textBox {max-width: 455px; min-height: 200px; background: #1983b3; padding: 15px; text-align: left; color: #fff; z-index: 1; position: absolute; top:80px; left: 0;}
.textBox h4 {margin-bottom:13px;}
.textBox p {font-size: 14px; padding: 0;}

.socialMobileTitle {display: none; text-transform: uppercase; font-family: 'gotham_boldregular', sans-serif; font-size: 18px; color: #fff; text-align: center; padding:20px 5px;}
.socialMediaUpdates {background: #1983b3; height: 150px; margin: 50px 0 120px;}
.socialMediaUpdates .container {padding-top: 0; padding-bottom: 0;}
.socialMediaUpdates h5 {font-family: 'montserratmedium', sans-serif; color: #000; display: inline-block; clear: both; width: 100%; padding-bottom: 5px; margin-top: 20px; text-transform: uppercase; line-height: 1.1; font-weight: 500;}
.socialFollow {border: 1px solid #1983b3; padding: 20px; min-height: 250px; background: #fff; margin-bottom: 20px; position: relative; top: -50px;}
.socialIcon { float: left; }
.btnFollow { color: #1a8bf0; background-color: #fff; border-radius: 4px; border: 1px solid #1a8bf0; padding: 5px 15px; font-family: 'montserratregular', sans-serif; font-size: 16px; line-height: 20px; text-transform: capitalize; display: inline-block; float: right; }
.btnFollow:hover { color: #fff; background-color: #1a8bf0; }
.socialText { font-family: 'montserratregular', sans-serif; font-size: 14px; color: #4a4a4a; line-height: 26px; display: inline-block; text-shadow: none; box-shadow: none; }
.socialMediaUpdates .time { line-height: 26px; font-size: 11px; color: #a7a7a7; }
.socialMediaTitle { font-size: 22px !important; color: #fff; vertical-align: middle; padding: 0px 0px; max-width: 100px; font-family: 'gotham_boldregular', sans-serif; line-height: 34px; position: relative; top: 25px; text-transform: uppercase;}



.footer { background: #f2f2f2; margin-top: 10px; padding-bottom: 15px;}
.footer .container { padding-top: 30px; padding-bottom: 15px; }
.footer-section { float: left; width: 20%; }
.footer-section .title { color: #1983b3; font-family: 'gotham_boldregular', sans-serif; font-size: 16px; line-height: 24px; padding-bottom: 10px; margin: 0;}
.footer-section ul { padding: 0px; font-size: 14px; list-style: none; line-height: 20px; color: #4a4a4a; }
.footer-section ul li a { padding-bottom: 0px; line-height: 30px; font-weight: 600; font-size: 11px; color: #4a4a4a; }
.footer .right .footer-section { float: left; width: 50%; }
.footer-static {padding-top: 20px;}
.footer-static p { line-height: 22px; font-weight: 600; font-size: 11px; color: #4a4a4a; padding: 0; }
.footer-static p.green { color: #1983b3; }
.footer-static p.green a { font-weight: 600; }
.copy-right { font-size: 11px; padding-top: 10px; padding-bottom: 0;}



/******** Start The Company **********/
.gap {height: 80px;}

.ulList {list-style-type: disc; margin-left: 35px; padding: 10px 0; clear: both;}
.ulList li {line-height: 26px;}

.ulArrow { margin-left: 20px; padding: 0 0 20px 0; clear: both;}
.ulArrow li {line-height: 20px; padding: 8px 0;}
.ulArrow li::before {content: "»";color: #333;display: inline-block;width: 1em;margin-left: -1em}

.theCompanyIcon .col-md-4 div:hover {background:none;}
.theCompanyIcon .col-md-4 div:hover img {opacity: 1;}

.missionVision .textBox {top: 135px;}

.awards {}
.awards p {background: #1983b3; color: #fff; padding: 15px;}
.awards .item {min-height: 450px;}

.arrowSlider {padding-bottom: 15px;}
.arrowSlider .item img {width: 100%;}
.owl-nav div {width: 45px; height: 45px; border: solid 1px #9b9b9b; background: #fff !important; z-index: 2; color: #4a4a4a !important; text-align: center; position: absolute; top: 50%; margin-top: -22px !important; font-family: 'Glyphicons Halflings'; font-size: 0 !important;line-height: 0; padding: 0 !important; border-radius: 0 !important; opacity: 1 !important;}
.owl-prev {left: -20px;}
.owl-prev:before {content: "\e079"; line-height: 42px; font-size: 20px;}
.owl-next {right: -20px;}
.owl-next:before {content: "\e080"; line-height: 42px; font-size: 20px;} 
.disabled.owl-prev:before, .disabled.owl-next:before {opacity: 0.25;}
/******** End The Company **********/


/******** Start News **********/
.yearName {float: left; color: #1983b3; text-transform: uppercase; font-family: 'gotham_boldregular', sans-serif; margin:10px 0 25px; font-size: 24px;}
.monthList {float: right; margin-top: 10px;}
.custom-select {font-family: 'gotham_mediumregular', sans-serif; border:0;}

.borderBoxList {}
.borderBoxList .col-sm-4 a {border: 1px solid #1983b3; display: block; padding: 20px; margin-bottom: 30px; min-height: 150px; font-family: 'gotham_mediumregular', sans-serif;}
.borderBoxList .col-sm-4 a p {min-height: 90px; padding-bottom: 0; margin-bottom: 20px;}
.borderBoxList .col-sm-4 a span{color: #4a4a4a; font-size:14px;}


.latestUpdates {padding-bottom: 70px;}
.latestUpdates .owl-carousel {padding: 0 80px;}
.latestUpdates .item > div {padding:0 0px 0 20px;}
.latestUpdates .item > div span {font-size: 14px; font-family: 'dinregularalternate', sans-serif;}
.latestUpdates .owl-prev {left:0;}
.latestUpdates .owl-next {right:0;}
/******** End News **********/



/******** Start operations **********/
.operationsBox .col-md-7, .operationsBox .col-md-5 {margin-bottom: 80px;}
.colPaddLess .col-md-7 {margin-bottom: 30px;}
.colPaddLess .col-md-5 {margin-bottom:0px;}
.hideView-indiaBus {margin-bottom: 80px;}

.accordion {padding-bottom: 35px;}
.panel-group .panel {border-radius:0 !important; margin-bottom: 20px !important;}
.panel {border: 1px solid #1983b3;}
.panel-title a {display: block; font-weight: normal; font-family: 'montserratregular', sans-serif; font-size: 18px;  padding: 17px 25px; }
.accordion .panel-default>.panel-heading {color: #1983b3; background-color: #fff; border: 0; font-family: 'montserratregular', sans-serif; text-transform: capitalize; font-size: 18px; padding:0;}
.panel-default>.panel-heading+.panel-collapse>.panel-body {border: 0;}
.accordion .more-less {float: right; font-family: sans-serif; font-size: 35px; line-height: 30px;}
.accordion h3 {margin-bottom: 15px;}

.connect {}
.form .form-control {font-size: 16px; border: 1px solid #1983b3; padding: 15px; height: inherit; border-radius: 0px; margin-bottom: 0px; vertical-align: top; position: relative; color: #1983b3; font-family: 'gotham_mediumregular', sans-serif;}
.form .form-group {margin-bottom: 35px;}
.help-block {font-size: 12px; position: absolute; line-height: 10px; color: #a94442;}
.refresh {background: none; font-size: 16px; font-weight: normal; margin-top: 8px;}
.refresh.active.focus, .refresh.active:focus, .refresh.focus, .refresh:active.focus, .refresh:active:focus, .refresh:focus {outline: 0px auto
-webkit-focus-ring-color; outline-offset: 0;}

.statePlants .col-md-3 {margin-bottom: 30px;}
.statePlants p {display: block; min-height: 80px; background-color:#1983b3; color: #fff; padding: 8px 13px; font-size:14px; line-height: 20px; position: relative; top:-1px;}
.statePlants img {width: 100%;}

.ehsBox .col-md-7, .ehsBox .col-md-5 {margin-bottom: 0;}
.ehsBox .btnSquare {max-width:190px;}

.statePlants.row-eq-height {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;}
/******** End operations **********/



/******** Start Media Kit **********/
.mediaKit {}
.mediaKit .col-sm-4 {padding-bottom: 30px;}
.mediaKit a {display: block;}
.mediaKit a img {width: 100%;}
.mediaKit a > span {color: #1983b3; font-size: 18px; line-height: 24px; font-family: 'montserratsemibold', sans-serif; display: block; padding-top: 15px;}
.mediaKit a > span span {color: #4A4A4A; font-size: 16px; line-height: 26px; font-family: 'montserratregular', sans-serif; display: block;}
/******** End Media Kit **********/



/******** Start Contact Us **********/
#sendEnquiry {position: absolute; top: -125px; left: 0; width: 1px; height: 1px;}
/******** End Contact Us **********/



/******** Start Products **********/
.custom-table {padding: 15px !important; -webkit-box-shadow: 1px 1px 5px; -moz-box-shadow: 1px 1px 5px; box-shadow: 1px 1px 5px;}
.custom-table th {border-bottom: 1px solid #ddd !important; padding: 20px 15px !important; font-family: 'gotham_boldregular', sans-serif;}
.custom-table td {padding: 15px !important; border:0 !important;}

.productName {padding-bottom: 40px;}
.productName .list-group {border: 1px solid green; padding: 10px 20px; min-height: 600px !important;}
.productName .list-group .list-group-item {position: relative; display: block; padding:15px 10px; margin-bottom: 0px; background-color: #fff; border: 0 none; border-top: 1px solid #979797; font-family: 'gotham_mediumregular', sans-serif; color: #4a4a4a;}
.productName .list-group .list-group-item:first-child {border:0;}
.productName .owl-nav div {position: static;}
/******** End Products **********/



/******** Start Investor Zone **********/
.directorsList {}
.directorsList .col-sm-3 {}
.director-content {clear: both; padding-top: 15px; min-height: 90px;}
.director-content strong {font-family: 'montserratsemibold', sans-serif; font-weight: normal; font-size: 18px; line-height: 22px;}
.director-content p {padding: 0;}
.directorsList .btnCss {margin-top: 20px;}

.committees .btnCss {margin-top: 20px;}
.director-composition {min-height: 100px; padding-top: 15px;}
.director-composition h2 {margin: 0;}
.director-composition a {display: block; color: #4a4a4a;}
.director-composition strong {font-family: 'montserratmedium', sans-serif; font-weight: normal; font-size: 18px; line-height: 24px; margin-bottom: 13px !important; display: block;}
.director-composition a:hover {color: #1983b3;}

.borderbigBox .col-sm-12, .borderbigBox .col-sm-6 {display: table; min-height: 100px; margin-bottom: 15px;}
.borderbigBox a {background: #fff; text-align: center; padding: 15px; color: #1983b3; margin-bottom: 15px; border: 1px solid #1983b3; vertical-align: middle; display: table-cell; font-family: 'gotham_mediumregular', sans-serif; line-height: 26px;}
.borderbigBox a:hover {background: #1983b3; color: #fff;}
.borderbigBox .btnCss {margin-top: 20px;}

.greenBox {text-align: center;}
.greenBox .col-sm-4 {display: inline-block; float: none; margin-right: -4px;}
.greenBox a {text-align: center; margin-bottom: 30px; display: block; color: #fff; background:#1983b3; padding: 30px 20px; font-family: 'gotham_mediumregular', sans-serif; border: 1px solid #1983b3;}
.greenBox a:hover {background: #fff; color: #1983b3;}

.smallBorderBox li:nth-child(3n + 4) {clear: both;}
.smallBorderBox a {text-align: center; padding: 25px 15px; color: #1983b3; margin-bottom: 40px; display: block; border: 1px solid #1983b3; font-family: 'gotham_mediumregular', sans-serif;}
.smallBorderBox a:hover {background: #1983b3; color: #fff;}
/******** End Investor Zone **********/


/******** Start Composition Of Committees **********/
.subBanner {text-align: center; position: relative; margin: 0 106px; z-index: 0;}
.subBanner > img {max-width:60%;}
.subBannerText {width: 200px; position: absolute; left: 0;  bottom: 0; text-align: left;}
.subBanner .follows_us {position: absolute; left: -73px; bottom: -120px; height: 100px;}

.sunPages {}
.sunPages .director-composition {min-height: inherit; position: relative;}
.sunPages .custom-table {margin-bottom: 30px;}
.idName {position: absolute; top: -100px; left: 0; width: 1px; height: 1px;}
/******** End Composition Of Committees **********/



/******** Start Share Holder Services **********/
.shareHolderServicesPage {}
.shareHolderServicesPage h3 {margin-bottom: 13px;}

.shareHolderServicesPage > .col-lg-12 {position: relative;}
/******** End Share Holder Services **********/



/******** Start Financials **********/
.sideList {border-right: 2px solid #979797;}
.sideList li {padding: 10px 0px;}
.sideList li a {color: #4a4a4a; font-family: 'gotham_mediumregular', sans-serif;}
.sideList li.active a {color: #1983b3;}

.financialsPage h3 { border-top: 1px solid #979797; margin-bottom: 15px; margin-top: 10px; padding-top: 30px;}
.financialsPage .smallBorderBox > .col-lg-12:first-child h3 {border: 0;  margin-top: 0; padding-top: 0;}
.financialsPage .smallBorderBox .col-sm-3 {display: table; padding-bottom: 15px;}
.financialsPage .smallBorderBox a {/*margin-bottom: 15px;*/ display: table-cell; vertical-align: middle;padding: 15px;}
/******** End Financials **********/



.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
    outline-offset: 0;
}


/******** Start Research **********/
.imgList img {width: 16%; float: left; margin: 0 2%;}
/******** End Research **********/




#onLoadPopup p {padding:0;}
#onLoadPopup .modal-body {padding : 25px 30px;}
#onLoadPopup button.close {position: relative; top: -15px; right: -15px;}



@media screen and (min-device-width: 1025px) and (orientation: landscape) {
	.minHeight {height: auto; min-height: inherit;}
	.bannerText {position: absolute; left: auto; right: 0;}
}




@media (min-width : 1367px) {
	.minHeight {height: auto; min-height: inherit;}
	.bannerText {position: absolute; left: auto; right: 0;}
}
@media screen and (min-width: 992px) and (max-width: 1280px) {
	.menuBox {width: 580px;}
	
	.banner {margin-left: 85px; margin-right:85px; height:auto; min-height:inherit;}
	.banner .item {}
	.banner .item img {height: 500px;}
	.bannerText {width: 400px; position: static; transform: translateY(0) !important; padding-top: 130px;}
	.banner .owl-theme .owl-nav.disabled+.owl-dots {bottom: 10%; right: 15px;}
	.follows_us {left: -55px;}
	.innerBanner iframe {width: 482px !important; height: 500px !important;}
	.innerBanner .bannerText {padding-top: 200px;}
	
	.container {max-width: inherit; padding-left: 85px;padding-right: 85px;}
	
	.textBox  {top:70px;}
	.imageTextSlider .owl-dots {bottom:5px;}
	
	.director-content {padding-top: 10px;}
	.director-content strong {font-size: 16px;}
	
	.director-composition strong {font-size: 16px; line-height: 22px;}
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
	.banner .item img {width: 100% !important; height: auto; margin: 0; box-shadow:none !important;}
	.banner .owl-theme .owl-nav.disabled+.owl-dots {bottom: 30%; right: 15px;}
	.banner h2 {font-size: 22px;}
	.bannerText {position: static;width: auto; padding: 20px; transform: translateY(0) !important; }
	.bannerText .btnCss {margin-top: 20px;}
	.follows_us {left: 10px; bottom: auto; top: 200px;}
	
	/* Mobile banner */
	.home-1 {background: url(../images/home-1.jpg) no-repeat center -200px;}
	.home-2 {background: url(../images/home-2.jpg) no-repeat center -50px;}
	.home-3 {background: url(../images/home-3.jpg) no-repeat center -150px;}
	.the-company-mob {background: url(../images/the-company-banner.jpg) no-repeat center -50px;}
	.news-mob {background: url(../images/news-banner.jpg) no-repeat center -200px;}
	.operations-mob {background: url(../images/operations-banner.jpg) no-repeat center center;}
	.careers-mob {background: url(../images/careers-banner.jpg) no-repeat center 0;}
	.mediaKit-mob {background: url(../images/media-kit-banner.jpg) no-repeat center center;}
/*	.contact-us-mob {background: url(../images/contact-us-banner.jpg) no-repeat center center;}*/
	.products-mob {background: url(../images/products-banner.jpg) no-repeat center center;}
	.investor-zone-mob {background: url(../images/investor-zone-banner.jpg) no-repeat center center;}
	.research-mob {background: url(../images/research-banner.jpg) no-repeat center -200px;}
	
	.mobileBanner {height: 450px !important; background-size: cover;}
	.mobileBanner img {display: none !important;}
	
}


@media (max-width : 1024px) {
	.banner {margin-left: 0; margin-right: 0;}
	
	
	.innerBanner .bannerText {padding-top: 20px;}
	.innerBanner iframe {width: 80% !important; height: 450px !important; margin:0 10%;}
	
	.container { padding-left: 15px; padding-right: 15px;}
	
	.banner + .container {padding-top: 25px;}
	
	.gap {height: 40px;}
	
	.sunPages {padding: 0 90px;}
	
	.hideMob {display: none;}
}



@media (max-width : 991px) {
	p {padding-bottom: 20px; line-height:22px;}
	h1, h2 {font-size: 20px; line-height: normal; margin-bottom: 15px;}
	h3 {font-size: 19px; line-height: normal; margin-bottom: 15px;}
	h4 {font-size: 18px; line-height: 22px;}
	h6 {font-size: 15px; line-height: 20px;}
	
	body {font-size: 12px; line-height: normal;}
	.btnCss {font-size: 14px; padding: 12px 18px;}
	.btnSquare {min-width: inherit; display: block; padding: 15px;}
	
	.minHeight {height: auto; min-height: inherit;}
	
	.searchIcon {font-size: 16px;}
	.menuBox {width: 580px;}
	.closeMenu {top: 40px; right: 23px;}
	
	.banner .item img {width: 100% !important; height: auto; margin: 0; box-shadow:none !important;}
	.banner .owl-theme .owl-nav.disabled+.owl-dots {bottom: 30%; right: 15px;}
	.banner h2 {font-size: 22px;}
	.banner h1, .banner h2 {margin-bottom: 15px;}
	
	.bannerText {position: static;width: auto; padding: 15px; transform: translateY(0) !important; }
	.bannerText .btnCss {margin-top: 20px;}
	.follows_us {left: 10px; bottom: auto; top: 200px;}	
	
	.innerBanner iframe {width: 76% !important; margin:0 12%;}
	
	.container {padding-top: 20px; padding-bottom: 20px;}
	
	.mapTab {padding-bottom: 50px;}
	.tabNav li a {padding: 12px 18px;}
	
	.threeBox .col-md-4 {width: 33.3333%; float: left;}
	.threeBox .col-md-4 .detail {font-size: 16px;}
	
	.imageTextSlider {margin-bottom: 35px;}
	.imageTextSlider .col-md-8 {width: 100%; padding: 0;}
	.textBox {max-width: inherit; padding:15px; width: 100%; position: static; float: left; min-height:110px;}
	.ehsBox.imageTextSlider .owl-dots, .imageTextSlider .owl-dots {width: auto; position: static;}
	
	
	.socialMediaUpdates {margin: 50px 0 170px;}

	 
	.footer-section .title {font-size: 14px; line-height: normal; padding-bottom: 5px;}
	
	.awards .item {min-height: inherit;}


	.operationsBox .col-md-5 {margin-bottom:30px;}
	.operationsBox .col-md-7 {margin-bottom: 20px;}
	.colPaddLess .col-md-5 {margin-bottom:0px;}
	.hideView-indiaBus {margin-bottom: 35px;}

	.statePlants .col-md-3 {margin-bottom: 15px;}
	.statePlants p {font-size: 12px; line-height: 16px; min-height: inherit;}
	.ehsBox .btnSquare {padding: 13px 25px; font-size: 15px; max-width: inherit; display: inline-block;}

	.panel-title a {padding: 13px 15px; font-size: 14px;}
	.panel-group .panel {margin-bottom: 10px !important;}
	.accordion {padding-bottom: 10px;}
	.accordion .more-less {font-size: 20px; line-height: 12px;}
	.accordion .ulList {margin-left: 15px; padding: 0;}
	
	.connect .text-right {text-align: center;}
	.mediaKit a span {font-size: 14px;}
	
	.director-content {padding-top: 5px; min-height: 70px;}
	.director-content strong {font-size: 14px; line-height: 18px;}
	
	.committees .col-sm-3 {width: 33.3333%;}
	.director-composition {min-height: 80px;}
	.director-composition strong {font-size: 13px;  line-height: 18px;}
	
	.borderbigBox .col-sm-12, .borderbigBox .col-sm-6 {min-height: 70px;}
	.greenBox a {padding: 25px 20px;}
	.smallBorderBox a {padding: 8px 13px; margin-bottom: 25px;}
	
	.subBanner > img {max-width: 100%;}
	.subBannerText {width: auto; position: static; padding-top: 10px;}
	
	.biologicsSlider .textBox, .vaccineSlide .textBox, .vaccineSlider .textBox {min-height: inherit;}
	
	.ulArrow {margin-left: 15px;}
	
	.owl-nav div {width: 34px; height: 34px; margin-top: -17px !important;}
	.owl-prev {left: -17px;}
	.owl-next {right: -17px;}
	.owl-prev:before, .owl-next:before  {line-height: 34px; font-size: 13px;}
	
	.borderBoxList .col-sm-4 a p {line-height: 18px;}
	.borderBoxList .col-sm-4 a {padding: 15px;}
	
	.borderbigBox a {line-height: 18px;}
	
	.financialsPage .col-sm-3 {padding-left: 10px; padding-right: 10px;}
	.financialsPage .smallBorderBox .col-sm-3 {width: 50%;}
	.financialsPage h3 {margin-bottom: 10px; padding-top: 25px;}
	
}

@media (max-width : 767px) {
	.mb-65 {margin-bottom: 20px;}
	
	p {padding-bottom: 20px; line-height:22px;}
	h1, h2 {font-size: 15px;}
	h3 {font-size: 14px;}
	h4 {font-size: 13px; line-height: normal;}
	body {font-size: 11px;}
	.btnCss {font-size: 11px; padding: 8px 13px;}
	
	.banner .owl-theme .owl-nav.disabled+.owl-dots {bottom: 0;}
	.follows_us {top: 80px;}
	
	
	.logo, .headerFix .logo {max-width: 53px; margin: 10px 15px 8px 0; z-index: 0;}
	.menuBox {width: 100%;}
	.menuText, .headerFix .menuText {margin: 20px 0 0 15px;}
	.menu ul {-webkit-column-count: 1; -moz-column-count: 1; -o-column-count: 1; -ms-column-count: 1; column-count: 1; padding-bottom: 0;}
	.menu li {padding-top: 50px;}
	
	.closeMenu {font-size: 50px;position: fixed;}
	.searchBox, .headerFix .searchBox {clear: none; position: absolute; top: 0; left: 40px; width: 180px;}
	.searchBox.seaPosition{ top: 5px; left: 10px;}
	.searchBox input {padding: 10px 8px;}
	.headerFix .searchForm {top:0;}
	.headerFix .searchIcon {margin-top: 17px;}
	.searchIcon {font-size: 15px;}
	.closeSearch {position: absolute; bottom: 17px; right: 5px;}
	
	.subscribeLink {position: relative; left: 0; top:0; margin:20px 0 30px 130px; display: block;}
	.subscribeBox {width: 270px;}
	.subscribeBox .form-control {max-width: 170px;}
	.subscribeBox .btn {min-width: 95px; font-size: 13px;}
	
	
	.innerBanner iframe {width: 100% !important; height: 315px !important; margin: 0 0;}
	
	.banner + .container {padding-top: 10px;}
	
	.tabNav li {padding: 5px 1px;}
	.tabNav li a {font-size: 11px; padding: 7px 10px;}
	
	.threeBox {padding-bottom: 40px;}
	.threeBox img {width: 100%;}
	.threeBox .col-md-4 {padding-left: 5px; padding-right: 5px;}
	.threeBox .col-md-4 .detail {font-size:12px; line-height: normal;}
	.threeBox .list-unstyled {line-height: normal; bottom: 40px;}
	.threeBox .col-md-4 .hover-2 {background-size: 100% !important;}
	
	.socialMobileTitle {display: block;}
	.socialMediaUpdates {height:auto; margin: 30px 0;}
	.socialMediaUpdates .col-xs-4 {width: 100%;}
	.socialMediaUpdates .col-xs-3 {display: none;}
	.socialFollow {top:0;}
	
	.latestUpdates .owl-carousel, .latestUpdates .item > div {padding: 0px;}
	
	.footer .col-md-9.col-xs-12, .footer .col-md-3.col-xs-12.right {padding: 0;}
	.footer-section {width: 33%; padding-bottom: 20px;}
	.footer-section .title {font-size: 12px; line-height: normal; padding-bottom: 10px;}
	.mobile-width-50 {width: 50%;}
	.mobile-clearfix {clear: both;}
	.footer-static {padding-top: 0;}
	.footer-section ul li {line-height: normal;}
	.footer-section ul li a {margin-bottom: 10px; display: block; line-height: normal;}
	
	.theCompanyIcon .col-md-4 {width: 100%;}
	.theCompanyIcon .col-md-4 > div {text-align: center; background-size: 50% !important; float: none !important; background: none !important;}
	.theCompanyIcon .col-md-4 > div img {width: 50%;}
	
	.gap {height: 10px;}
	
	.investorZonePage .gap {height: 30px;}
	.committees .col-sm-3 {width: 100%;}
	.director-composition {min-height: inherit; padding-top: 0; padding-bottom: 10px;}
	.director-composition strong {font-size: 12px; line-height: 18px;}
	.director-composition:last-child strong {margin-bottom:0 !important;}
	
	.borderbigBox .col-sm-12, .borderbigBox .col-sm-6 {min-height:inherit; width: 100%;}
	.borderbigBox a {padding:8px 13px;line-height: 16px;}
	
	.greenBox .col-sm-4 {display: block;}
	.greenBox a, .smallBorderBox a {margin-bottom: 15px; padding: 15px;}
	
	.borderBoxList .col-sm-4 a p, .borderBoxList .col-sm-4 a {min-height: inherit !important; height: auto !important;}
	.borderBoxList .col-sm-4 a {margin-bottom: 15px;}
	
	.directorsList .btnCss, .borderbigBox .btnCss {margin: 0;}
	.committees .btnCss {margin-top: 10px;}
	
	.custom-table {padding: 0 !important;}
	.custom-table td, .custom-table th {padding: 5px 8px !important;}
	
	.subBanner {margin: 0;}
	.subBanner > img {width: 100%; max-width: 100%;}
	
	.sunPages {padding: 0;}
	.sunPages .director-composition {padding-bottom: 0;}
	.subBannerText {padding: 15px 15px 0;}
	.subBanner .follows_us {display: none;}
	
	.sideList {border-right: 0;border-bottom:2px solid #979797; margin-bottom: 15px;}
	
	.owl-nav div {position: static; margin: 0 5px !important;}
	
	.zyan1 td h6 {font-size: 13px; line-height: normal;}
	.zyan1 td {float: left; width: 100%; white-space: normal !important; text-align: justify;}
	
	.financialsPage .smallBorderBox .col-sm-3 {width: 100%;}
	
}