@charset "utf-8";
/* CSS Document */
body {
	background-color:#fff;
	margin:0 auto;
	font-family: 'Lato', sans-serif;
	}
a {text-decoration:none;}
h1, h2, h3, h4, h5, h6, p {margin:0 auto; font-weight:normal;}
img	{outline:none; margin:0 auto; padding:0px; border:none;}
p{ font-size:14px;}
ul, li {padding:0px; margin:0px;}
/*@font-face {
	font-family:'Candara';
	src:url(../fonts/Candara.ttf);
	font-family:'Corbel';
	src:url(../fonts/corbel.ttf);
	font-family:'Vera';
	src:url(../fonts/Vera.ttf);}*/	
#main-wrapper{
	position:absolute;
	float:left;
	width:100%;
	height:auto;
	margin:0 auto;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	}
.main{
	width:100%;
	height:auto;
	float:left;
	}
#header{
	position:fixed;
	width:100%;
	height:90px;
	float:left;
	background-color:rgba(248, 238, 46 ,1);
	z-index:100;
	top:0px;
	}
#header, .column-more {-webkit-transition: background 0.5s linear;
        -moz-transition: background 0.5s linear;
        -ms-transition: background 0.5s linear;
        -o-transition: background 0.5s linear;
        transition: background 0.5s linear;}
#header:hover{background-color:rgba(248, 238, 46 ,1);}
.content-wrapper{
	width:1066px;
	margin-left: auto;
    margin-right: auto;
	}
.logo{
	width:181px;
	height:90px;
	float:left;
	}
nav{
	width:80%;
	height:90;
	float:right;
	}
nav ul{
	list-style:none;
	margin-top:30px;
	text-align: center;
	}
nav ul li{
	display:inline-block;
	margin-right:5px;
	padding:8px;
	}
nav ul li a{
	font-size:14px;}
nav ul li a, .column-more a, .testimonials ul li a{
	display:block;
	width:100%;
	height:100%;
	color:#000;
	}
nav ul li a:hover{
	color:#999;
	text-decoration:none;
	}
.banner-wrapper{
	width:100%;
	height:518px;
	float:left;
	overflow:hidden;
	-webkit-box-shadow: 0px 10px 21px -23px rgba(0,0,0,0.89);
	-moz-box-shadow: 0px 10px 21px -23px rgba(0,0,0,0.89);
	box-shadow: 0px 10px 21px -23px rgba(0,0,0,0.89);
	text-align:center;
	}
.content-area{
	margin-top:50px;
	padding-bottom:50px;
	}
.column-3{
	width:29%;
	height:186px;
	float:left;
	padding:15px;
	padding-bottom:30px;
	border:1px solid #999;
	margin:7px;
	}
/*.column-3:hover{border:1px solid #000;}*/
.column-3:hover > .column-more{ background-color:#a71310;}
.column-3:hover > .column-more a{color:#fff;}
.column-3 h1{
	font-size:25px;
	width:95%;
	margin-bottom:15px;
	color:#fff;
	float:left;
	background-color:#9a1210;
	padding:5px 0px 5px 16px;
	}
.column-3 span{
	width:100%;
	float:left;
	padding-bottom:7px;
	color:rgba(102,51,0,1);
	}
.column-3 p{
	text-align:justify;
	}
.column-3 ul{
	margin-left:20px;
	list-style:url(../images/sq-dot.png);
	float:left;
	}
.column-3 ul li{
	margin-bottom:5px;
	/*font-weight:bold;*/
	}
.column-more{
	position:absolute;
	width:100px;
	height:30px;
	background-color:#fff;
	text-align:center;
	border:1px solid #000;
	line-height:30px;
	margin-top: 200px;
	margin-left: 190px;
	}
.column-3-images{
	width:100%;
	height:150px;
	overflow:hidden;
	}

/*inner content start	*/
.color-hash{ background-color:#e2e2e3}
.margin-90 {margin-top:90px;}
.margin-10{margin-top:20px;}
.title{
	width:100%;
	height:80px;
	float:left;
	text-align:center;
	font-size:30px;
	line-height:80PX;
	background-image:url(../images/fotter-bg.png);
	color:#fff;
	}
.tree-plus-column{
	width:60%;
	float:left;
	text-align:justify;
	padding:20px;
	background-color:#fff;
	}
.tree-plus-column img{
	float:left;
	padding-right:15px ;
	}
.tree-plus-column h1{
	font-size:35px;
	margin-bottom:10px;}
.tree-plus-column span{
	font-size:18px;
	border-bottom:1px solid #999;
	}	
.tree-plus-column p, .one-column p{
	margin-top:10px;
	font-size:15px;
	font-weight:300;
	text-align:justify;
	line-height:20px;
	}
.tree-plus-column p{
	padding-bottom:10px;
	}
.tree-plus-column p{
		border-bottom:1px solid #fff;
	  transition:0.8s ease all; 
  -moz-transition:0.8s ease all; 
  -webkit-transition:0.8s ease all;
}
.tree-plus-column p:hover{
	border-bottom:1px solid rgba(102,102,102,1);
	}
.one-column{
	width:30%;
	float:right;
	background-color:#fff;
	padding:20px;
	}	
.one-column img{
	width:100%;}
.one-column h2{
	font-size:25px;
	color:#b0130f;
	font-weight:300;
	margin-bottom:10px;
	}
.one-column p{margin-bottom:10px;}
.one-column ol{
	margin:0px;
	margin-left: -20px;
	font-size:15px;
	}
.one-column ol li{margin-bottom:5px;}
.one-column .ul-class ul li{
	float:left;
	text-align:left;
	color:#000;
	line-height:19px;
	margin-bottom:7px;
	}
.tree-plus-column h2{
	width:100%;
	margin-top:15px;
	float:left;
	}
.one-column ul{
	width:100%;
	float:left;
	list-style:none;
	color:#fff;
	}	
.one-column ul li{
	width:100%;

	text-align:center;
	line-height:50px;
	}
.color-red-1{background-color:#fe4445}
.color-red-2{background-color:#f83a3c}
.color-red-3{background-color:#ef3133}
.color-red-4{background-color:#e92728}
.color-red-5{background-color:#e11d1f}
.color-red-6{background-color:#db1313}
.color-red-7{background-color:#d20a0a}

/*contact-feedback form start*/
.contact-feedback-form-wrapper{
	width:98%;
	height:auto;
	margin:0 auto;}
.contact-feedback-form{
	width:100%;
	float:left;
	margin-bottom:4px;
	padding:0;}
.contact-feedback-form label{
	color: #d20a0a;
	font-size:15px;
	line-height: 1.3em;
	vertical-align: middle;
	display: block;
	height: auto;
	margin: 0.2em 0 0.3em;
	text-align:left;
	}
.contact-feedback-form select, .contact-feedback-form input[type="text"], .contact-feedback-form textarea{
	width:95%;
	padding:5px;
	font-size:15px;
	background:none;
	border-bottom: 1px #d20a0a solid;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	color:#000;
	margin-bottom:5px;}
input[type="submit"], .search-form-wrapper button{
	display: inline-block;
	text-align: center;
	padding: 7px 15px 7px 15px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	line-height: 1;
	position: relative;
	cursor: pointer;
	border: none;
	outline: none;
	border-radius:3px;
	margin: 0;
	float:right;
	background-color:#d20a0a;
	}
input[type="submit"]:hover
	{background-color:#711311;}
/*feedback form end*/	
/*inner awards*/
.inner-awards-wrapper{
	width:100%;
	height:auto;
	background-color:#fff;
	padding:20px;
	float:left;
	margin-top:20px;
	}
.inner-awards-wrapper img{
	float:left;
	margin-right:20px;
	}
.inner-awards-wrapper p {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 300;
    text-align: justify;
    line-height: 20px;
	}
.project, .contact-add-wr{
	text-align:center;
	}
.contact-add-wr .project-column {
	height:auto;
	vertical-align:top;
	background-color:transparent;
	border:0px;
	text-align:left;
	}
.contact-add-wr .project-column p{
	text-align:left;
	padding-left:20px;
	}
.project-column{
	width:32.5%;
	height:227px;
	background-color:rgba(204,204,204,.1);
	padding-bottom:8px;
	display: inline-block;
	margin: 3px;
	margin-bottom:10px;
	border-bottom: 1px solid #D5D5D5;
	}
.project-imges{
	width:100%;
	float:left;
	height:190px;
	overflow:hidden;
	margin-bottom:10px;
	}
.project-imges img{width:100%;}
.project-column p{ 
	margin:10px;
	text-align:center;
	}
.inner-image-wrapper{
	width:100%;
	float:left;
	margin-top:25px;}
.inner-image-wrapper:first-child{
	margin-top:0px;}
.image-contant{
	width:31.7%;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}
.images-3{
	width:100%;
	float:left;
	height:150px;
	overflow:hidden;
	}
.image-contant span{
	width:100%;
	float:left;
	font-size:15px;
	margin-top:5px;
	color:#000;
	border:0px;
	}
.testimonials ul {
	width:100%;
	list-style:none;
	margin:0px;
	}
.testimonials ul li{
	width:100%;
	height:34px;
	line-height:34px;
	background-color:rgba(102,102,102,1);
	text-align:center;
	font-weight:500;
	margin-bottom:2px
	}
.testimonials ul li:hover{
	background-color:rgba(0,0,0,1);}
.testimonials ul li a{
	color:#fff;
	}
.full-width-wrapper {
	width:100%;
	float:left;
	margin-bottom:20px;
	}
.awards-inn{
	background-color: #900;
	color: #FFF;
	padding-right: 10px;
	width: 99%;
	}
.awards-inn_2{
	background-color: #900;
	color: #FFF;
	padding-left: 15px;
	width: 99%;
	}
.awards-inn_2 img{
	float:right;
	margin-right:0px}
.awards-inn h1, .awards-inn_2 h1{ margin-top:30px;}
.awards-inn p, .awards-inn_2 p{margin-right:20px;}

/*footer content start	*/
footer{
	width:100%;
	float:left;
	background-image:url(../images/fotter-bg.png);
	}
.awards-wrapper{
	width:70%;
	float:left;
	margin-top:65px;
	}
.awards-wrapper h1{
	width:100%;
	font-size:23px;
	text-align:center;
	margin-bottom:10px;
	color:#fff;
	}
.awards{
	width:100%;
	text-align:center;}
.contact{
	width:30%;
	float:right;
	margin-top:20px;
	}
.contact-icons{
	width:100%;
	height:43px;
	float:left;
	margin-bottom:10px;
	}
.contact-icons ul{
	list-style:none;
	width:100%;
	text-align: center;
	}
.contact-icons ul li{
	width:42px;
	height:42px;
	display:inline-block;
	margin-left:8px;
	margin-right:8px;
	}
.contact-content{
	width:100%;
	float:left;
	}
.address{
	width:100%;
	float:left;
	text-align:center;
	color:#fff;
	}
.footer{
	width:100%;
	height:33px;
	float:left;
	text-align:center;
	font-size:14px;
	color:#000;
	background-color:#f8ee2e;
	line-height:33px;
	margin-top:15px;
	}

.four-column{
	width:22%;
	height:184px;
	margin:5px;
	display: inline-block;
	margin-bottom:10px;
	border:1px solid #666;
	overflow:hidden;
	cursor: pointer; 
	position: relative;   
	}
.four-column img{
	width:100%;
	z-index:2;
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out; 
	}
.four-column span{
	width:101%;
	height:184px;
	float:left;
	z-index:100;
	top: 183px;
	position: absolute;  
    z-index: 100;  
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
    left: 0;  
	text-align:center;
		background-color:#8c0c04;
	color:#fff;
	padding-top:25px;
	}
.four-column:hover img{
	-moz-transform: translateY(-50%);  
    -o-transform: translateY(-50%);  
    -webkit-transform: translateY(-50%);  
    transform: translateY(-50%); 
	}
.four-column:hover span {  
    -moz-transform: translateY(-50%);  
    -o-transform: translateY(-50%);  
    -webkit-transform: translateY(-50%);  
    transform: translateY(-50%);  
	}  
.modal-lg{
	background-color:#fff;
	padding:25px;}
.modal-lg img{width:100%;}
.close-bt{
	width:40px;
	height:40px;
	border-radius:50%;
	background-color:rgba(153,0,0,1);
	color:#fff;
	line-height: 38px;
	z-index:3500;
	}
.close{margin-bottom:10px;}
.act-image{
	float:left;
	margin-top:25px;
	}
.act-image img{
	width:99.5%;
	float:left;
	border: 1px solid rgba(153,153,153,.5);
	margin-top:10px;
	}
.float-left{float:left;}
.float-right{float:right;}
.contact-map{
	margin:0 auto;
	width:99%;}
.alighn-centre{
	text-align:center;
	}
.awards-sml-img{
	width:32%;
	height:250px;
	overflow:hidden;
	display: inline-block;
	cursor: pointer;
	position: relative;
	}
.awards-sml-img img{
	width:100%;
	}
.client-logo{
	width:19.5%;
	height:161px;
	display: inline-block;
	border:1px solid #999;
	overflow:hidden;
	}
.consultants-3column{
	width:32%;
	display: inline-block;
	position: relative;
	vertical-align:top;
	}
.consultants-3column ul li{
	text-align:left;
	padding-bottom:10px;
	}
.consultants-3column ul{
	padding:0px;
	margin:20px;}
/*slider*/
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {
                    position: absolute;
                    cursor: pointer;
                    display: block;
                    background: url(../img/a21.png) center center no-repeat;
                    overflow: hidden;
                }

                .jssora21l {
                    background-position: -3px -33px;
                }

                .jssora21r {
                    background-position: -63px -33px;
                }

                .jssora21l:hover {
                    background-position: -123px -33px;
                }

                .jssora21r:hover {
                    background-position: -183px -33px;
                }

                .jssora21ldn {
                    background-position: -243px -33px;
                }

                .jssora21rdn {
                    background-position: -303px -33px;
                }


.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
                    background: url(../img/b21.png) no-repeat;
                    overflow: hidden;
                    cursor: pointer;
                }

                .jssorb21 div {
                    background-position: -5px -5px;
                }

                    .jssorb21 div:hover, .jssorb21 .av:hover {
                        background-position: -35px -5px;
                    }

                .jssorb21 .av {
                    background-position: -65px -5px;
                }

                .jssorb21 .dn, .jssorb21 .dn:hover {
                    background-position: -95px -5px;
                }
