@charset "utf-8";
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav#navigation, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] {display: none;}
a:focus, img:focus{ outline:none !important;}
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; position: relative; }
h1 { font-size: 2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
#raj{ overflow:hidden;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
*, *:hover, *:focus, *:before, *:after { behavior: url(../img/backgroundsize.min.htc); -moz-behavior: url(../img/backgroundsize.min.htc); -ms-behavior: url(../img/backgroundsize.min.htc); -webkit-behavior: url(../img/backgroundsize.min.htc); -o-behavior: url(../img/backgroundsize.min.htc); }
html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
button, input, select[multiple], textarea { background-image: none; }
a{ color: #006eb6; text-decoration: none; }
a:hover, a:focus { text-decoration: underline;}
a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
img { vertical-align: middle; max-width: 100%; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.img-rounded { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; }
.img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }
.img-circle { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; }
.transition, .transition:before, .transition:after, .transition:hover { transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; }
p { margin: 0 0 10px; font-size: 14px; font-weight: normal; line-height: 20px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.1; margin: 0; font-weight: normal; font-family: 'rokkittregular'; color:#006eb6; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight: normal; line-height: 1; color: #333333; }
h1, h2, h3 { margin-bottom: 20px;}
h1, .h1 { font-size: 24px; }
h2, .h2 { font-size: 22px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 14px; }
h6, .h6 { font-size: 12px; }
h1 small, .h1 small { font-size: 20px; }
h2 small, .h2 small { font-size: 18px; }
h3 small, .h3 small, h4 small, .h4 small { font-size: 14px; }


h1{ font-size:48px; line-height:36px;}
h2{ font-size:26px;}
h3{ font-size:18px;}

a{ text-decoration:none !important;}
ul, ol { margin: 0; padding: 0; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }
.list-unstyled { padding-left: 0; list-style: none; }
.list-inline { padding-left: 0; list-style: none; }
.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }
dl { margin-bottom: 20px; }
dt, dd { line-height: 1.428571429; }
dt { font-weight: bold; }
dd { margin-left: 0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.inner_width { margin-right: auto; margin-left: auto; width: 1180px; position: relative; }
.inner_width:before, .inner_width:after { content: " ";  /* 1 */ display: table;  /* 2 */ }
.inner_width:after { clear: both; }
.outer_width { margin-right: auto; margin-left: auto; width: 100%; }
.outer_width:before, .outer_width:after { content: " ";  /* 1 */ display: table;  /* 2 */ }
.outer_width:after { clear: both; }
body { font-size: 14px; font-family: 'open_sansregular'; color: #666666; position: relative; background: #fff;overflow-x: hidden; }

/***main page css start**/
#wrapper{margin: 0 auto; position: relative; float: left;width:100%;}

/**header**/
#header{position:relative;}

/**Top header css start**/
#top_header{background:url(../img/top_header_bg.jpg) no-repeat top center;background-size:100% 100%;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;padding-top:13px;padding-bottom:13px;}
.top_right_header{float:right;list-style:none;}
.top_right_header li{}
.top_right_header .dd{border:none;}
.top_right_header .dd .ddTitle {background: #f7e8e3;border-radius: 2px;width: 100%;color: #686868;font-size: 11px;text-transform: uppercase; font-family: 'open_sansregular';}
.top_right_header .dd .ddTitle .ddTitleText {padding: 5px 1px;}
.top_right_header .dd .divider{display:none;}
.top_right_header .ddcommon .ddArrow{background:url(../img/bottom_arrow.png) no-repeat;width: 8px;height: 5px;margin-top: -3px;right: 9px;}

.top_links{ margin-left:25px;  font-family: 'open_sansregular'; padding:3px 0;}
.top_links a{ float:right; margin-left:15px;}
.top_search{ position:relative; margin-left:40px;}
.top_search i { padding: 4px; pointer-events: none; position: absolute; right: 0; color:#686868;}
.top_search .form-control{ height:11px; line-height:12px; background:#f7e8e3; border-radius: 3px; padding: 6px 15% 6px 7%; width: 78%; text-transform:uppercase;  font-family: 'open_sansregular'; font-size:11px; color:#686868;}
.sign{ color:#fff; font-size:12px; font-family:'open_sanssemibold'; text-transform:uppercase; padding:5px 0; text-align:center; margin-left:40px; text-shadow:0 0 3px rgba(0, 0, 0, 0.3);}
.sign a{ color:#fff;}
.carousel-inner .item > img{ width:100%;}
.carousel-caption{ bottom:auto; top:31.2%; font-size:58px; line-height:56px; font-family: 'rokkittregular'; }
.bottomline{ border-bottom:2px solid #fff; width:20%; margin:39px auto 45px;}
.carousel-control{ display:none;}
.carousel-indicators{ width:1%; left:0; right:auto; top:530px; bottom:auto; margin-left:0;}
.bullet{ position:relative;}

.item a{ color:#fff;}
.view_more{ background:rgba(255, 255, 255, 0.1); font-size:22px; width:247px; height:71px; line-height:71px; text-align:center;  color:#fff; display:inline-block; margin-bottom:77px;}
.view_more:hover{ background:rgba(255, 255, 255, 0.3);}
a.view_more:hover{ color:#fff;}
.down_icon:hover{ text-decoration:none;}
.myNavi{ position:absolute; left:0; top:73px; width:100%;}

.myNavi .navbar-default .navbar-nav > li > a.home{ background:url(../images/home_icon.png) left top no-repeat; width:23px; height:23px;}
.myNavi .navbar-default .navbar-nav > li:first-child{ margin-left:0;}
.myNavi .navbar-default .navbar-nav > li > a{ color:#fff; font-size:16px; font-family:'open_sanssemibold'; text-transform:uppercase; line-height:24px;}
.myNavi .navbar-default .navbar-nav > li > a:hover{}
.myNavi .navbar-default{ background:0; border:0; margin-bottom:0;}
.myNavi .navbar-collapse{ padding-left:0; padding-right:0;}
.myNavi .navbar-nav > li > a{ padding:0;}
.myNavi .navbar-nav > li{ margin:0 0 0 25px;}
.myNavi .navbar-nav > li.active a{ border-bottom:2px solid #fff; background:none;}
.myNavi .navbar-nav > li a:hover{ background:none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background:none; color:#fff;}
.myNavi .navbar-nav{ position:relative; top:27px;}
.main_text{ font-size:15px; line-height:22px; padding:80px 0 85px 0; }
.highlighted{ font-family: 'rokkittregular'; font-size:24px; line-height:26px;}
.trans_btn{ font-family: 'rokkittregular'; font-size:22px; border:2px solid #b8d2e1; width:247px; text-align:center; line-height:67px; display:block; margin-top:25px;}
.trans_btn:hover{ border-color:#006eb6;}
.content_sec1{ background:#f6f3f0;}
.you_T{ box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3); border-radius:3px;}
.yt_info{ background:url(../images/you_tube_logo.png) 98% 8px no-repeat; padding:8px 15px; padding-right:20px; margin-bottom:25px;}
.yt_info a{ font-family: 'rokkittregular'; font-size:16px; line-height:24px; color:#594a4a;}
.customer_area{ }
.customer_area .owl-carousel .owl-item .item img{ float:left; margin-left:2px;}
.customer_area .owl-carousel .owl-item .item .customer_comment, .customer_area .customer_comment{ float:right; width:100%; padding-left:130px; font-size:13px;}
.owl-item{ position:relative;}
.customer_comment_pic{ position:absolute; left:0;}

.customer_area .owl-carousel .owl-item .item .customer_comment p, .customer_area p{ font-size:13px; line-height:normal;}
.customer_area .owl-carousel .owl-item .item .customer_comment span, .customer_area .customer_comment span{ font-family: 'rokkittregular'; font-size:16px; color:#006eb6; line-height:18px; display:block;}
.customer_area .customer_comment h3{ margin-bottom:5px;}
.map{ position:relative;}
.map_img{ position:relative;}
.map_img img{ width:100%;}
.map_info{ background:url(../images/map_info_bg.jpg) center top repeat-x; height:72px; padding:15px 0; border-bottom:2px solid #b8b6b4;}
.explore_proj{ font-size:48px; color:#fff; text-shadow:0 0 3px rgba(0, 0, 0, 0.6);}
.absolute_pos{ position:absolute; left:0; top:0; width:100%; margin:25px 0;}
.trans_btn2{ background:rgba(255, 255, 255, 0.1); border-radius:2px; min-width:60px; padding:8px 20px; color:#fff; display:inline-block; font-family: 'rokkittregular'; font-size:18px;}
.trans_btn2:hover{ background:rgba(255, 255, 255, 0.6);  color:#006eb6;}
.map_srch{ border:0;}
.map_dropD{ background:#f7e8e3; border-radius:3px; min-width:140px; margin-right:8px;}
.map_dropD a{ color:#686868;  padding:11px 10px; text-decoration:none; display:block; outline:0; font-size:13px; text-transform:uppercase;}
.map_dropD a span{ position:absolute; right:10px; font-size:18px;}
.map_dropD .dropdown-menu{ min-width:140px;}
.map_dropD .dropdown-menu li{ padding:0 5px;}

.featured_proj{ padding:55px 0;}
.featured_proj .owl-carousel .owl-item{ position:relative;  text-align:center;}
.featured_proj .owl-carousel .owl-item .fea_proj_info{ position:absolute; left:0; top:70px; width:100%; color:#fff;}
.my-row img{ border:9px solid #e4ddd7; border-radius:50%;}
.featured_proj .owl-carousel .owl-item .fea_proj_info h2{ font-size:26px; color:#fff; text-transform:uppercase;}
.featured_proj .owl-carousel .owl-item .fea_proj_info .bottomline{ margin:30px auto; width:35%;}
.view{ font-family: 'rokkittregular'; font-size:18px; width:121px; height:34px; line-height:34px; background:rgba(255, 255, 255, 0.1); display:block; margin:0 auto; }





.my-row:hover img{ border:9px solid #70b4e7;}

.item img{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
.item:hover img{ filter:none;}
ul.gategory-thumb li img:hover {}


.owl-prev{ background:url(../images/prev.png) left top no-repeat; height:32px; width:32px; position:absolute; left:-40px;}
.owl-next{ background:url(../images/next.png) right top no-repeat; height:32px; width:32px;  position:absolute; right:-40px;}
.owl-buttons{ position:absolute; top:40%; width:100%;}

.contact{ background:#fafafa; padding:80px 0;}
.form_sec{}
.form_sec input{ padding:10px 15px; border:1px solid #e4ddd7; border-radius:5px; background:#fff; float:left; width:247px;  margin-right:10px; margin-bottom:15px; }
.form_sec textarea{ width:506px; resize:none; border:1px solid #e4ddd7; background:#fff; border-radius:5px; padding:8px 15px; height:125px;}
.form_sec input[type="submit"]{ background:0; height:71px; padding:0; border:2px solid #bbd7e9; border-radius:2px; font-family: 'rokkittregular'; font-size:22px; color:#006eb6;}
.form_sec input[type="submit"]:hover{ border-color:#006eb6;}
.clear{ clear:both;}
.item a.blue_anchor{ color:#006eb6; font-family: 'rokkittregular'; font-size:18px;}
.latest_news{ border-bottom:2px solid #e4ddd7; padding-bottom:15px; margin-bottom:15px;}
.read_all{ color:#594a4a;font-family: 'rokkittregular'; font-size:20px; }

.bottom_main{ padding:70px 0;}
.bottom_main .container{ padding:0;}
.bm_box{ position:relative; text-align:center; color:#fff;}
.bm_box a{ display:block;}
.bm_box img{ border-radius:50%; border:9px solid #e4ddd7; }
.bm_box:hover img{ border:9px solid #70b4e7;}
.bm_ctnt{ position:absolute; left:0; top:62px; width:100%;}

.bm_box1 .bm_icon{ background:url(../images/projects_icon.png) left top no-repeat; width:52px; height:52px; display:inline-block;}
.bm_box2 .bm_icon{ background:url(../images/history_icon.png) left top no-repeat; width:43px; height:52px; display:inline-block;}
.bm_box3 .bm_icon{ background:url(../images/sustainability_icon.png) left top no-repeat; width:38px; height:55px; display:inline-block;}
.bm_box4 .bm_icon{ background:url(../images/resources_icon.png) left top no-repeat; width:50px; height:45px; display:inline-block;}

.bm_box .bottomline{ width:40%; margin:15px auto;}
.bm_box h3{ color:#fff; font-family: 'rokkittregular'; font-size:22px; text-transform:uppercase;}

footer{ background:url(../images/footer.jpg) center top no-repeat; background-size:cover; height:80px; padding:27px 0 20px 0; }
.footer_links li{ display:inline-block; text-align:left; list-style:none; color:#fff; font-size:14px; margin-right:20px;}
.footer_links li a{ color:#fff;}
.footer_links li a:hover{ color:#006eb6;}

.social{ text-align:right;}
.social li{ display:inline-block; margin-left:10px; list-style:none;}
.social li a{ color:#fff; border:1px solid #fff; border-radius:50%; display:inline-block; height:32px; width:32px; text-align:center; vertical-align:middle; padding-top:2px; font-size:24px; text-decoration:none;}
.social li a:hover{ border-color:#006eb6;}

.spacer{ display:none;}
.sticky {  
    position: fixed;  
    width: 100%;  
    left: 0;  
    top: 0;  
    z-index: 100;  
    border-top: 0;
	background:url(../images/sticky_nav_bg.jpg) center top no-repeat; background-size:cover;
	padding:10px 0;
}

.footer_links {
    padding-top: 6px;
}


*{ font-weight:normal;}

.down-icon-main{ text-align:center; width:100%; }
.down-icon-main a{ float:none; margin:0 auto; width:22px;}
.down_icon img{ display:inherit !important; width:auto !important;}
.my-slider .bx-wrapper .bx-pager{ height: 62px; left: 148px; margin-top: -31px; padding: 0; position: absolute; top: 50%; width: 10px;}

.inner-page { height:213px; overflow:hidden; }
.inner-page img{ width:100%;}
.myNavi-inner{ padding-top:46px;}
.myNavi.myNavi-inner.sticky{ padding-top:10px;}
.nav .display-mobile{ display:none;}