*{
	padding:0px;
	margin:0px;
	text-decoration:none;
	border:none;
    font-family: 'Roboto', sans-serif !important;

	}
a:hover{
	text-decoration:none !important;
	}
	
@font-face {
    font-family: 'habibiregular';
    src: url('fonts/habibi-regular-webfont.woff2') format('woff2'),
         url('fonts/habibi-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.wrapper{
	width:100%;
	float:left;
	}
.innerwrapper{
	max-width:1160px;
	margin:auto;
	position:relative;
	}
.header{
	width:100%;
	float:left;
	}
.logo{
	width:30%;
	padding-top:30px;
	float:left;
	}
.navi-area{
	width:70%;
	float:left;
	}
.navi{
	width:100%;
	padding-top:25px;
	float:left;
	}
.navi ul{
	list-style:none;
	text-align:center;
	}
.navi ul li{
	padding:0px 40px;
	display:inline-block;
	}
.navi ul li a{
	color:#636363;
	font-size:15px;
	text-transform:uppercase;
	font-weight:normal;
	}
.email{
	width:100%;
	float:left;
	padding-top:60px;
	text-align:right;
	}
.email a{
	color:#00a23b;
	font-size:22px;
	font-weight:bold;
	}
.email a:hover{
	color:#00a23b;
	font-weight:bold;
	}
	
	
	
	
/******************* Header ***************/

.banner{
	width:100%;
	float:left;
	background:url(../images/banner_02.png) no-repeat;
	background-size:cover;
	padding:220px 0px;
	}
.banner_heading{
	width:100%;
	float:left;
	}
.banner_heading h1{
	color:#fff;
	font-size:45px;
	text-align:center;
	font-weight:bold;
	}
.btns{
	width:100%;
	float:left;
	padding-top:15px;
	text-align:center;
	}
.btns ul{
	list-style:none;
	}
.btns ul li{
	display:inline-block;
	background:#069a3e;
	margin:10px;
	}
.btns ul li:nth-child(1){
	background:#d2a403;
	}
.btns ul li a{
	color:#fff;
	padding:6px 22px;
	font-size:24px;
	float:left;
	text-transform:uppercase;
	border-radius:5px;
	}
.banner_line{
	width:100%;
	float:left;
	height:8px;
	background:#19ab4e;
}

/********************* Section one *********************/

.sec1{
	width:100%;
	background:url(../images/sec1.png) no-repeat;
	background-size:cover;
	float:left;
	}
.sec1img{
	width:100%;
	float:left;
	text-align:center;
	}
.sec1img{
	width:100%;
	float:left;
	}
.sec1img img{
	text-align:center;
	padding-top:30px;
	line-height:20px;
	}
.sec1img h1{
	text-align:center;
	line-height:20px;
    font-family: 'habibiregular' !important;
	font-size:36px;
	}
.sec1img p{
	text-align:justify !important;
	color:#000;
	padding-bottom:40px;
	padding-top:25px;
	line-height:35px;
	word-spacing:1px;
	}

	
	
	
	/******************* Section two  ***************/
.sec2{
	width:100%;
	float:left;
	clear:both;
	}
.sec22{
	width:100%;
	display:none;
	float:left;
	}
.sec2_left{
	width:100%;
	float:left;
	text-align:center;
	background:url(../images/sec2_left_04.png) no-repeat;
	height:500px;
	background-size:contain;
	}
.sec2_left h1{
    font-family: 'habibiregular' !important;
	font-size:36px;
	}
.sec2_left img{
	}
.sec2_right{
	width:100%;
	float:left;
	}
	/******************* Slide Event ***************/
.slide_event{
	width:100%;
	float:left;
	padding-top:20px;
	clear:both;
	}
.sldier{
	width:100%;
	float:left;
	}
.our_project{
	width:100%;
	clear:both;
	float:left;
	text-align:center;
	}
.slide-area{
	width:100%;
	float:left;
	background:#f7f7f7;
	padding-bottom:40px;
	}
.our_project h1{
    font-family: 'habibiregular' !important;
	font-size:36px;
	}
.owl-item img{
	border:1px solid #ddd;
	width:96%;
	text-align:center;
	width:96%;
	}
.owl-carousel .owl-item img {
    display: block !important;
    width: 90% !important;
    margin: auto !important;
}
.img-center{
	width:90%;
	float:left;
	text-align:center;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin-left:5%;
	}
.img-center h1{
	font-size:16px;
	font-weight:bold;
	color:#4b4a4a;
	}
	
.img-center p{
	font-size:14px;
	color:#c4c4c4;
	}
.sec3{
	width:100%;
	background:#e7e7e7;
	float:left;
	}	
.sec3_left{
	width:50%;
	float:left;
	}
.sec3_right{
	width:50%;
	float:left;
	}
.newprject{
	width:100%;
	float:left;
	padding-top:25px;
	left:-60px;
	position:relative;
	}
.newprject h1{
	color:#000;
	font-size:36px;
    font-family: 'habibiregular' !important;
	}
.chat{
	width:100%;
	float:left;
	}
.chat-left{
	width:57%;
	float:left;
	margin-right:3%;
	position:relative;
	left:-30%;
	}
.chat-right{
	width:38%;
	margin-right:2%;
	float:left;
	left:-20%;
	position:relative;
	}
.chat-right h1{
	color:#454444;
	font-size:24px;
	}
.chat-right p{
	color:#454444;
	font-size:16px;
	line-height:28px;
	}
.chat-right a{
	color:#00a23b;
	font-size:14px;
	}
.sec4{
	width:100%;
	margin-top:5px;
	float:left;
	background:url(../images/form_04.png) no-repeat;
	background-size:cover;
	padding:100px 0px;
	}
.frm{
	width:60%;
	position:relative;
	margin:auto;
	}
.getin{
	width:100%;
	float:left;
	text-align:center;
	}
.getin h1{
	color:#1e1e1e;
	font-size:36px;
    font-family: 'habibiregular' !important;
	}
.frm-area{
	width:100%;
	float:left;
	}
.frm-field1{
	width:49%;
	margin-right:1%;
	margin-top:10px;
	float:left;
	}
.frm-field1 input{
	width:100%;
	color:#000;
	height:40px;
	opacity:0.8;
	background:#fff;
	padding-left:2%;
	}
.frm-field2{
	margin-top:10px;
	width:49%;
	float:left;
	margin-left:1%;
	}
.frm-field2 input{
	width:100%;
	color:#000;
	opacity:0.8;
	height:40px;
	background:#fff;
	padding-left:2%;
	}
.textarea{
	width:100%;
	float:left;
	margin-top:15px;
	}
.textarea{
	width:100%;
	float:left;
	margin-top:15px;
	}
#txtarea{
	width:100%;
	color:#000;
	opacity:0.8;
	float:left;
	background:#fff;
	height:100px;
	padding-top:10px;
	padding-left:2%;
	}
.subbtn{
	width:100%;
	margin-top:15px;
	float:left;
	}
.submit{
	color:#010101;
	width:100%;
	padding:10px 0px;
	font-size:18px;
	text-transform:uppercase;
	background:#eaad11;
	}
.sec4_line{
	width:100%;
	float:left;
	background:#e5e5e5;
	margin-top:6px;
	height:2px;
	}
.footer{
	width:100%;
	float:left;
	text-align:center;
	padding:50px 0px;
	}
.footer img{
	}
.footer ul{
	list-style:none;
	text-align:center;
	padding:20px 0px 10px 0px;
	}
.footer ul li{
	padding:10px 20px;
	display:inline;
	}
.footer ul li a{
	color:#636363;
	font-size:15px;
	text-transform:uppercase;
	}
.footer a{
	color:#00a23b;
	font-size:18px;
	}
.copyright{
	background:#454444;
	font-size:14px;
	width:100%;
	float:left;
	}
.copyright p{
	padding-top:15px;
	padding-bottom:7px;
	color:#fff;
	font-size:12px;
	text-align:center;
	}
.menu{
	float:right;
	margin-right:20px;
	margin-top:50px;
	margin-bottom:20px;
	cursor:pointer;
	text-align:right;
	display:none;
	}
.menu1{
	width:40px;
	height:5px;
	background:#000;
	cursor:pointer;
	border-radius:10px;
	}
.menu2{
	cursor:pointer;
	width:40px;
	height:5px;
	margin-top:5px;
	background:#000;
	border-radius:10px;
	}

@media screen and (max-width:768px){

.sec2{
	width:100%;
	float:left;
	display:none;
	clear:both;
	}
.sec22{
	width:100%;
	display:table;
	float:left;
	}
.chat-right img{
	width:100% !important;
	}
.innerwrapper{
	width:95%;
	margin:auto;
	position:relative;
	}
.logo img{
	width:100%;
	}
.chat img{
	width:100%;
	}

.menu{
	display:table;
	}
.navi{
	display:none;
}
.email{
	display:none;
	}
.navi ul li{
	margin-top:10px;
	display:list-item;
	}
.sec3_left {
    width: 100%;
    float: left;
}
.sec3_right {
    width: 100%;
    float: left;
}
.banner{
	padding:80px 0px;
	}
.banner_heading h1{
	font-size:30px;
	}
	
	
	
.newprject{
	left:0px;
	text-align:center;
	width:100%;
	float:left;
	padding-top:25px;
	position:relative;
	}
.newprject h1{
	color:#000;
	font-size:32px;
	font-weight:bold;
	}
.chat{
	width:100%;
	float:left;
	}
.chat-left{
	width:57%;
	left:0px;
	float:left;
	margin-right:3%;
	position:relative;
	}
.chat-left img{
	width:100%;
	}
.chat-right{
	width:38%;
	margin-right:2%;
	float:left;
	left:0px;
	padding-bottom:10px;
	position:relative;
	}
.chat-right h1{
	color:#454444;
	font-size:24px;
	}
.chat-right p{
	color:#454444;
	font-size:16px;
	line-height:28px;
	}
.chat-right a{
	color:#00a23b;
	font-size:14px;
	}
	
.frm{
	width:90%;
	}
	
.owl-carousel .owl-nav .owl-prev{
	left:-10px !important;
	}
.owl-carousel .owl-nav .owl-next{
	right:5px !important;
	}
.sec1{
	background:#f7f7f7 !important;
	}
	}


@media screen and (max-width:600px){
	
.sec2_left{
	height:400px;
	margin-top:50px;
	}
.sec2_left h1{
	margin-top:-20px;
	}
.sec2_left img{
	margin-top:-10px;
	}
	}

@media screen and (max-width:400px){
	
.sec2_left{
	height:350px;
	margin-top:50px;
	}
.sec2_left h1{
	margin-top:-20px;
	}
.sec2_left img{
	margin-top:-10px;
	}
	}
@media screen and (max-width:350px){
	
.sec2_left{
	height:250px;
	margin-top:50px;
	}
.sec2_left h1{
	margin-top:-20px;
	}
.sec2_left img{
	margin-top:-10px;
	}
	}
@media screen and (max-width:380px){
.owl-carousel .owl-item{
	margin-left:2px;
	}
.chat-left{
	width:100%;
	}
.chat-right{
	width:100%;
	text-align:center;
	}
.chat-right img{
	width:70% !important;
	text-align:center;
	}
.footer ul li {
    padding: 11px 20px;
    display: list-item;
}

	}