@charset "utf-8";
/* CSS Document */




*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; list-style:none; text-decoration:none; margin:0; padding:0; outline:none;}
.transition, .transition:before, .transition:after, .transition:hover {transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border:none; outline:none; vertical-align:middle; }

a, a:focus{ outline:none;}
body{ background:#FFF; margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
a{ font-weight:normal;  color:#34495e; text-decoration:none;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
h1{}
h2{}
h3{}
p{}
.clear{ clear:both;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

div, input, textarea{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box;  }
.wrapper{width:1170px; margin:0 auto;}

.header{ position:fixed; z-index:12; top:0;}

.toggleMenu:hover{ color:#b0cc9e; }
.toggleMenu { display:  none;  background: #666;  padding: 19px 15px;  color: #fff;}
.nav { list-style: none; *zoom: 1; position:relative; }
.nav:before,
.nav:after { content: " ";  display: table; }
.nav:after { clear: both;}
.nav ul { list-style: none;  width: 200px;;}
.nav a { border-top:3px solid transparent;  padding:16px 9px 20px; color:#b0cc9e; font-size:15px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.nav a:hover,.nav a.current{color:#fff;}
.nav li {  position: relative;}
.nav > li {   float: left;  }
.nav > li > a { display: block;}
.nav li  ul {  position: absolute; left: -9999px; background:#58585a; border-top:5px solid #fff;z-index:99;}
.nav > li.hover > ul { left: 0; }
.nav li li.hover ul { left: 100%;  top: 0;}
.nav li li a {  display: block; position: relative;z-index:100; padding:5px 10px 0;}
.nav li li:last-child{margin-bottom:10px;}
.nav li li li a { background:#249578;  z-index:200;  border-top: 1px solid #1d7a62;}
.nav a:hover, .nav a.current{ text-decoration:none; }
.nav li:first-child{position:static;}
.nav li:first-child li{padding:10px;}
.nav li li h2{color:#fff; font-size:14px; font-weight:bold; }
.nav li li p{color:#b0cc9e; font-size:13px; }
.nav li:first-child ul{width:100%;}


.header { margin: 0 auto; width: 100%;}

.header .navigation-left {
    background: none repeat scroll 0 0 #58585a;
    float: left;
    margin: 0 7px 0 5px;
    width: 73.6%;
}
.header .navigation-right{ float:left; background:#58585a; width:24.1%; min-height:58px;}
.navigation-right li{display:inline-block;}
.navigation-right li a{color:#9cc8c1; font-size:15px; padding:18px 10px 18px; display:inline-block;}
.navigation-right li a .fa{ font-size:20px; color:#fff;}
.navigation-right li a .fa:hover{opacity:.5;}


/*.navigation-right li a:hover .fa-linkedin-square{color:#9ECCE3; font-size:20px;}
.navigation-right li a:hover .fa-facebook-square{color:#308EF0; font-size:20px;}
.navigation-right li a:hover .fa-twitter-square{color:#1BC5FF; font-size:20px;}*/

.item { width:24%; margin:8px 5px 0; }
#container12{width:100%;  position:relative;}
.logo {
    background: none repeat scroll 0 0 #fff;
    position: absolute;
    right: 5px;
    width: 24.5%;
    z-index: 1;
	margin:8px 5px 0;
}
.img{position:relative; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.img span{position:absolute; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,.5); display:none; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; padding:60px 0 0 20px}
.img span h1{color:#fff; font-size:25px;}
.img span p{font-size:13px; color:#fff; width:70%; padding:15px 0; }
.img:hover span{display:block; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}

.footer {background:#58585a;margin: 5px 0 0 5px;padding: 10px 0; text-align: center; width: 98.4%;}
.footer a{color:#fff;}
.content-section{padding-top:55px; position:relative;}

#infrasrtucture{transition: all 0.3s ease-in-out 0s;  -moz-transition: all 0.3s ease-in-out 0s;  -webkit-transition: all 0.3s ease-in-out 0s;}
.item h2 { padding:140px 10px;}
.item h3 { padding:50px 0 0;}


#finance .img > h2 {
 padding:146px 40px; line-height:48px; font-size:35px;
}
#project-man .img > h2 {
 padding:146px 40px; line-height:45px; font-size:35px;
}
#strategy .img > h2 {
 padding:146px 30px; line-height:48px; font-size:35px;
 
}
#legal .img > h2 {
 padding:146px 30px; line-height:48px; font-size:35px;
}


#infrastructure .img span{ background-color:rgba(190,188,175,.8);}
#PPP_s .img span{ background-color:rgba(217,207,180,.8);}
#finance .img span{ background-color:rgba(204,222,192,.9);}

#strategy .img span{ background-color:rgba(219,219,143,.8);}

#project-man .img span{ background-color:rgba(246,233,129,.8);}
#legal .img span{ background-color:rgba(197,230,225,1);}
#team .img span{ background-color:rgba(145,145,130,.8);}
#development{position:relative;}

.col-left {
    float: left;
    margin: 0 7px 0 5px;
    width: 73.6%;
}
.col-left ul li{display:inline-block; vertical-align:top;}
.col-left ul li:first-child{width:66%; margin-right:30px; position:relative;}

.col-left ul li:first-child span{position:absolute; background:#fff; top:50%; left:30px; width:320px; height:350px; margin-top:-175px;}
.col-left ul li:first-child span h3{font-size:35px; color:#333; padding:85px 30px; }
.col-left ul li:last-child{width:29%; padding-top:40px;}
.col-left ul li h1{ font-size:30px; padding-bottom:25px; padding-right:25px;}
.col-left ul li p{font-size:12px; padding-bottom:10px;}
.col-left ul li:last-child p span{font-size:14px; padding-bottom:10px; line-height:20px; color:#666; letter-spacing:1px;}
.col-left span{background:#fff;}
.col-right{ float:left; width:24.1%;}
.col-right ul{border-top:2px solid #000; width:80%; margin:0 auto; padding:10px 0;}
.col-right ul li{font-size:12px; line-height:25px; padding-left:10px;}
.col-right ul li span{font-size:18px;}
.col-right ul li a{color:#c7c752;}
.col-right ul li a:hover{color:#000;}

#development{width:100%;}
.pop-up span {
    padding-top: 60%;
}
.back-top{position:fixed; bottom:3%; right:3%; display:none;}


/* new changes */

.pop-up3 {
    margin-top: 170px;
}