@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'font1';
	src:url(font/Helvetica.ttf);
}
@font-face {
    font-family: 'font2';
	src:url(font/Helvetica%20Bold_0.ttf);
}
@font-face {
    font-family: 'font3';
	src:url(font/open.ttf);
}

a{text-decoration:none;}
body{margin:0px;}
#container{width:100%;height:auto;margin:auto;overflow:hidden;}
#header{width:80%;height:auto;margin:auto;overflow:hidden;padding-bottom:2%;}
#header img{float:right;padding-top:3%;}
#fullbox{width:80%;height:auto;margin:auto;overflow:hidden;padding-bottom:1%;}
.box1{width:32.5%;height:auto;float:left;overflow:hidden;background:#1f2427;}
.box1 h2{padding:16.5% 0% 16.5% 0%;text-align:center;font-family:font1;color:#FFF;font-size:22px;}
.box2{width:32.5%;height:auto;float:left;overflow:hidden;margin-left:1%;background:#4b4f52}
.box2 h1{padding:17.2% 0% 15% 0%;text-align:center;font-family:font1;color:#FFF;font-size:18px;}
.box2 span{color:#13a835;}
.box3{width:32.5%;height:auto;float:left;overflow:hidden;background:#13a835;margin-left:1%;}
.box3 h2{padding:16.5% 0% 16.5% 0%;text-align:center;font-family:font1;color:#FFF;font-size:22px;}
#slide{width:66%;height:auto;float:left;overflow:hidden;padding-top:1%;}
.box4{width:32.5%;height:auto;float:left;overflow:hidden;background:#1f2427;margin-left:1%;margin-top:1%;}
.box4 h2{padding:41.8% 0% 48.2% 0%;text-align:center;font-family:font1;color:#FFF;font-size:22px;}
.box5{width:32.5%;height:auto;float:left;overflow:hidden;background:#13a835;margin-top:1%;}
.box5 h2{padding:16.5% 0% 16.5% 0%;text-align:center;font-family:font1;color:#FFF;font-size:22px;}
.box6{width:32.5%;height:auto;float:left;overflow:hidden;margin-left:1%;}
.box6 img{width:495px;height:226px;margin-top:3.2%;}
.box7{width:15.6%;height:auto;float:left;overflow:hidden;background:#1f2427;margin-left:1%;margin-top:1%;}
.box7 h2{padding:34.5% 0% 34.5% 0%;text-align:center;font-family:font1;color:#FFF;font-size:22px;}
.box8{width:15.8%;height:auto;float:left;overflow:hidden;margin-left:1%;margin-top:1%;}
.box8 img{width:240px;height:226px}
.box1:hover{filter:alpha(opacity=80);
	opacity:0.8;}
.box2:hover{filter:alpha(opacity=80);
	opacity:0.8;}
	.box3:hover{filter:alpha(opacity=80);
	opacity:0.8;}	
	.box4:hover{filter:alpha(opacity=80);
	opacity:0.8;}
	.box5:hover{filter:alpha(opacity=80);
	opacity:0.8;}
	.box6:hover{filter:alpha(opacity=80);
	opacity:0.8;}
	.box7:hover{filter:alpha(opacity=80);
	opacity:0.8;}
#footer{width:80%;height:auto;margin:auto;overflow:hidden;background:#4b4f52;margin-top:1%}
#pow{width:50%;height:auto;overflow:hidden;float:left}
#pow h1{font-family:font1;font-size:16px;padding-top:2%;}
#pow1{width:50%;height:auto;overflow:hidden;float:left}
#pow1 img{float:right;padding:3% 2% 2% 0%;}

#in_contain{width:80%;height:auto;margin:auto;overflow:hidden;}
 .in_left{width:25%;height:auto;float:left;overflow:hidden;margin-bottom:2%;}
#l-menu{width:100%;height:auto;overflow:hidden;padding-top:2%;}
.box{width:98%;height:auto;overflow:hidden;border-radius:5px;background-image:url(images/arow1.png);padding-top:3%;
	background-size:99.6% 98%;background-repeat:no-repeat;margin-top:.5%;margin-bottom:.5%;border:1px solid #e0dfdf;}
.box>a{font-size:18px;color:#444446;font-family:font3;text-transform:uppercase;text-align:center;padding-left:5%;margin-top:10px;}
.box:hover{background-image:url(images/arownew12.png);background-size:99% 98%;background-repeat:no-repeat;}
.in_right{width:74.5%;height:auto;float:right;overflow:hidden;padding-bottom:2%;}
.about{width:92%;height:auto;background-color:#f4f4f4;padding:1% 3% 2% 3%;margin:auto;margin-top:1%;border-radius:5px;border:1px solid #ededed;}
.about>h2{font-family:font3;font-size:28px;margin:0px;margin-top:3%;padding-bottom:2%;color:#2b7840;}
.about>p{font-family:font3;font-size:16px;text-align:justify;}
.about>ul>li{font-family:font3;padding:2% 0% 2% 0%;list-style-image:url(images/icongreen.png)}
.in_left img{width:312px;height:260px; margin-top:10%;border-radius:8px;}

.about>h4{font-family:font2;font-size:21px;margin:0px;}
.anshad{width:80%;height:auto;margin:auto;overflow:hidden;padding-bottom:1%;}
.anshad>h2{font-family:font3;font-size:28px;font-weight:100;text-transform:uppercase;padding-bottom:1%;border-bottom:1px solid #666;}
.anshad>p{color:#7b7b7b;font-family:font3;font-size:15px;text-align:justify;margin-top:2%;}


#contact{width:60%;height:auto;overflow:hidden;text-align:left;float:left;padding:1%;margin-top:3%;}
#contact>h2{color:#333232;font-family:font3;font-size:28px;margin:0px;font-weight:100;}
#contact>h3{color:#333232;font-family:font3;font-size:18px;margin:0px;font-weight:100;}
 #ab-rght{width:38%;height:auto;overflow:hidden;float:left;overflow:hidden;}
#enquiry{text-align:center;}
#enquiry_box{width:80%;height:auto;text-align:center;border-radius:10px;border:2px solid #2e2e2e;padding:2% 0px;margin-bottom:2%;}
#enquiry_box>h2{font-family:font3;font-size:27px;color:#16954c;font-weight:100;margin:2% 0px;text-transform:uppercase;}
.searchh{border:1px solid #cacfd4;padding:1%;font-family:font3;color:#9a9a9a;width:80%;margin-top:2%;}
.message{border:1px solid #cacfd4;padding:1%;font-family:font3;color:#9a9a9a;width:80%;margin-top:2%;height:80px;}
.btn{background-color:#007c32;border:none;padding:1% 6%;font-family:font3;color:#fff;margin-top:4%;border-radius:5px;font-size:20px;}
#map{width:100%;height:auto;overflow:hidden;margin:auto;margin-top:3%;padding-top:2%;}
.galery{width:48%;height:auto;float:left;overflow:hidden;margin-right:2%;margin-bottom:3%;}
.galery>h2{color:#9f0707;font-family:font3;font-size:22px;font-weight:100; text-align:center;}
.galery>img{width:320px;height:240px;border-radius:5px;}

/***********************************PORTFOLIO ANIMATION*************************************************************/
.boxgrid:hover div{ opacity:0.5;}
.modiv1 { width:100%; height:100%; position:absolute; opacity:0; background:#000000; transition:all .9s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
				.modiv1 img { margin-top:42%; margin-left:40%;}
.modiv1 p {color:#FFFFFF; font-size:20px; font-weight:500; margin-top:68%; letter-spacing:1px;}
.modiv { width:100%; height:100%; position:absolute; opacity:0; background:#000000; transition:all .9s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.modiv img { margin-top:22%; margin-left:40%;}
.modiv p {color:#FFFFFF; font-size:20px; font-weight:500; margin-top:48%; letter-spacing:1px;}

			
			.mainbox{ width:auto; height:auto; overflow:hidden; display:inline-block;}
			.mainbox p{ text-align:center; font:font2; line-height:3px; }
			.mainbox h3{ text-align:center; font-family:font3; font-size:20px; font-weight:400; line-height:8px; }
			.boxgrid{ width: 265px; height: 270px; margin:10px; //float:left; background:#ececea; border: solid 2px #009900; 				overflow: hidden;position: relative; 			}
				.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; 				}
				
				
				
.stpp{background:#bdf4b9; width:95%; padding:1% 2.5%; margin:auto; text-align:center; height:auto; min-height:20px; overflow:hidden;}
.stpp>a{width:100px; height:auto; display:inline-block; text-align:center; margin-left:2%;}
.stpp>a>h3{margin:0; font-weight:100;}
.stpp>a:hover>h3{ color:rgba(255,102,0,1);}
.jobinrjohnson{width:80%; margin:auto; height:auto; min-height:20px; overflow:hidden;}
.jobinrjohnson>h1{font-weight:100; color:rgba(255,102,0,1);}
.jobinrjohnson>div{text-align:justify; width:100%; margin:auto; height:auto;}



/*******responsive******/


@media screen and (max-width:1850px){
	  
       .box6 img{width:470px;height:220px;}
        .box8 img{width:238px;height:220px}
}
@media screen and (max-width:1800px){
	  
       .box6 img{width:460px;height:215px;}
        .box8 img{width:238px;height:215px}
         .box4 h2{padding:41.8% 0% 46.4% 0%;}
         
}  
@media screen and (max-width:1800px){
	  
       .box6 img{width:448px;height:210px;}
        .box8 img{width:238px;height:210px}
         
         
}  
@media screen and (max-width:1675px){
	  
       .box6 img{width:430px;height:200px;}
        .box8 img{width:228px;height:200px}
         .box4 h2{padding:41.8% 0% 45.5% 0%;}
         
}  
@media screen and (max-width:1575px){
	  
       .box6 img{width:403px;height:195px;}
        .box8 img{width:218px;height:195px}
         .box4 h2{padding:41.8% 0% 44.5% 0%;}
         
}  

@media screen and (max-width:1500px){
	  
       .box6 img{width:380px;height:188px;}
        .box8 img{width:208px;height:188px}
         .box4 h2{padding:41.8% 0% 43.8% 0%;}
         .in_left img{width:280px;height:260px;}

}  
@media screen and (max-width:1430px){
	  
       .box6 img{width:366px;height:183px;}
        .box8 img{width:192px;height:183px}
         .box4 h2{padding:41.8% 0% 43% 0%;}
         .in_left img{width:260px;height:250px;} 
}  
@media screen and (max-width:1375px){
	  
       .box6 img{width:353px;height:179px;}
        .box8 img{width:192px;height:179px}
         .box4 h2{padding:41.8% 0% 42.5% 0%;}
          .in_left img{width:250px;height:250px;}   
}  
@media screen and (max-width:1300px){
	  
       .box6 img{width:333px;height:173px;}
        .box8 img{width:172px;height:173px}
        .in_left img{width:248px;height:240px;} 
}
	@media screen and (max-width:1250px){
		.box6 img{width:319px;height:169px;}
        .box8 img{width:168px;height:169px}
	    .box4 h2{padding:41.8% 0% 40.4% 0%;}
	    .in_left img{width:230px;height:240px;}
	}
	@media screen and (max-width:1200px){
		.box6 img{width:308px;height:165px;}
        .box8 img{width:160px;height:165px}
	    
	}
	@media screen and (max-width:1150px){
		.box6 img{width:293px;height:160px;}
        .box8 img{width:150px;height:160px}
	     .box4 h2{padding:41.8% 0% 39% 0%;}
	     .in_left img{width:220px;height:230px;}
	     .about>h2{font-size:26px;}
	     .about>p{font-size:15px;}
	      .box>a{font-size:17px;}
	      #contact{width:50%;height:auto;}
	      #ab-rght{width:48%;height:auto;
	}
	@media screen and (max-width:1120px){
		.box6 img{width:286px;height:157px;}
        .box8 img{width:140px;height:157px}
		.box2 h1{font-size:16px;}
	     .in_left img{width:210px;height:220px;}
	}
	@media screen and (max-width:1100px){
	  .box1 h2{padding:16.5% 0% 16.5% 0%;font-size:20px;}	
	  	
	   .box3 h2{font-size:20px;}	
	  .box4 h2{font-size:20px;padding:41.8% 0% 40.8% 0%;}	
	   .box5 h2{font-size:20px;}	
	   .box7 h2{font-size:20px;}	
	   .box8 h2{font-size:20px;}	
	   .box6 img{width:276px;height:145px;}
        .box8 img{width:140px;height:145px}
	    .in_left img{width:200px;height:210px;}
	     #contact>h2{font-size:24px;}
         #contact>h3{font-size:16px;}
	     #enquiry_box>h2{font-size:24px;}
         .searchh{margin-top:1.5%;}
         .message{margin-top:1.5%;height:70px;}
         .btn{margin-top:3%;font-size:18px;}
         #map{width:100%;height:auto;overflow:hidden;margin:auto;margin-top:3%;padding-top:2%;}
	 }
	 @media screen and (max-width:1000px){
		 #header img{float:right;padding-top:3%;width:550px;height:120px;}
		  .box2 h1{font-size:14.5px;padding:17.2% 0% 15.5% 0%;}
		   .box4 h2{padding:41.8% 0% 37.6% 0%;}
		    .box7 h2{font-size:18px;}
			.box6 img{width:250px;height:135px;}
        .box8 img{width:130px;height:135px}
	     .in_left img{width:190px;height:210px;}
	 }
	  @media screen and (max-width:950px){
		  .box6 img{width:240px;height:137px;}
          .box8 img{width:130px;height:137px}
	      .box7 h2{padding:34.5% 0% 38.5% 0%;}
	        .box4 h2{padding:41.8% 0% 36.5% 0%;}
	  }
	  @media screen and (max-width:900px){
	   #header img{float:right;padding-top:3%;width:475px;height:110px;}
	  .box1 h2{padding:16.5% 0% 16.5% 0%;font-size:18px;}	
	  	 .box2 h1{font-size:14.5px;padding:17.2% 0% 14.5% 0%;}
	   .box3 h2{font-size:18px;}	
	  .box4 h2{font-size:18px;padding:41.8% 0% 37.4% 0%;}	
	   .box5 h2{font-size:18px;}	
	   .box7 h2{font-size:16px;}	
	 .box8 h2{font-size:18px;}	
	    .box6 img{width:227px;height:122px;}
          .box8 img{width:110px;height:122px}
	      #pow h1{font-size:13px;}
	      #pow1 img{float:right;padding:5% 2% 2% 0%;}
          .in_left img{width:160px;height:170px;}
	     .about>h2{font-size:24px;}
	     .about>p{font-size:14px;}
	      .box>a{font-size:14px;}
          .about>ul>li{font-size:14px;}
	       #contact>h2{font-size:17px;}
         #contact>h3{font-size:14px;}
	     #enquiry_box>h2{font-size:18px;}
         .searchh{margin-top:1.5%;}
         .message{margin-top:1.5%;height:40px;}
         .btn{margin-top:2%;font-size:14px;}
	     #enquiry_box{width:90%;height:auto;text-align:center;border-radius:10px;border:2px solid #2e2e2e;padding:2% 0px;margin-bottom:2%;}
	     #contact{width:60%;height:auto;}
	      #ab-rght{width:38%;height:auto;
	}
	 @media screen and (max-width:800px){
	   #header img{width:400px;height:80px;}
	   .box2 h1{font-size:13.3px;padding:17.2% 0% 17% 0%;}
	    .box4 h2{padding:41.8% 0% 34.5% 0%;}
		 .box7 h2{padding:34.5% 0% 25% 0%;} 
		 .box6 img{width:220px;height:115px;}
          .box8 img{width:100px;height:115px}
		  #pow h1{font-size:12px;}
	      #pow1 img{float:right;padding:5% 2% 4% 0%;}
	      .in_left img{width:140px;height:160px;} 
	     .about>h4{font-size:17px;}
	     #contact{width:60%;height:auto;}
	      #ab-rght{width:38%;height:auto;
	 }
	 @media screen and (max-width:700px){
	   #header img{width:375px;height:70px;}
	  .box1 h2{padding:16.5% 0% 16.5% 0%;font-size:16px;}	
	  	 .box2 h1{font-size:11px;padding:17.2% 0% 17.5% 0%;}
	   .box3 h2{font-size:16px;}	
	  .box4 h2{font-size:16px;padding:41.8% 0% 34% 0%;}	
	   .box5 h2{font-size:16px;}	
	   .box7 h2{font-size:16px;padding:34.5% 0% 12% 0%;}	
	 .box8 h2{font-size:16px;}	
	    .box6 img{width:170px;height:98px;}
          .box8 img{width:90px;height:98px}
	      #pow h1{font-size:11px;}
	      #pow1 img{float:right;padding:5% 2% 2% 0%;}
	       .in_left img{width:120px;height:140px;}
	     .about>h2{font-size:22px;}
	     .about>p{font-size:13px;}
	      .box>a{font-size:13px;}
	       .about>ul>li{font-size:13px;}
	       .about>h2{font-size:20px;}
		    .about>h4{font-size:16px;}
		   }
	 @media screen and (max-width:600px){
	    #header img{padding-top:3%;width:350px;height:70px;float:none;margin-left:8%;}
	    .box1{width:100%;height:auto;float:none;overflow:hidden;}
	    .box2{width:100%;height:auto;float:none;overflow:hidden;margin-top:2%;}
	    .box2 h1{font-size:18px;}
	    .box3{width:100%;height:auto;float:none;margin-top:2%}
	     #slide{width:100%;height:auto;float:none;padding-top:2%;padding-bottom:1%;}
	    .box4{width:100%;height:auto;float:none;margin-top:1%;}
	     .box4 h2{padding:15% 0% 15% 0%;}
		 .box5{width:100%;height:auto;float:none;margin-top:1%;}
	       .box6{width:100%;height:auto;float:none;margin-top:1%;}
	      .box6 img{width:444px;height:170px;margin-top:3.2%;}
	      .box7{width:60%;height:auto;float:left;margin-top:1%;}
	         .box7 h2{padding:18% 0% 18% 0%;font-size:22px;}
	       .box8{width:38%;height:auto;float:left;margin-top:1%;}
          .box8 img{width:140px;height:155px;margin-left:4%;}
	       .in_left{width:90%;height:auto;float:none;margin:auto}
	         .in_left img{width:100%;height:auto;}
	         .in_right{width:90%;height:auto;float:none;margin:auto}
	        .about>h4{font-size:15px;}
	         #contact{width:90%;height:auto;float:none;}
	      #ab-rght{width:90%;height:auto;float:none;margin:auto;padding-top:8%;}
	       #contact>h2{font-size:21px;text-align:center}
         #contact>h3{font-size:16px;text-align:center;}
	     #enquiry_box>h2{font-size:18px;}
         .searchh{margin-top:1.5%;}
         .message{margin-top:1.5%;height:40px;}
         .btn{margin-top:2%;font-size:14px;}
	       .about>h2{font-size:22px;text-align:center;}
	}
	@media screen and (max-width:475px){
	    #header img{width:230px;height:60px;float:none;margin-left:4%;}
	     .box1 h2{font-size:14px;}	
	  	 .box2 h1{font-size:14px;}
	   .box3 h2{font-size:14px;}	
	  .box4 h2{font-size:14px;}	
	   .box5 h2{font-size:14px;}	
	   .box7 h2{font-size:14px;padding:19.5% 0% 19.5% 0%;}	
	 .box8 h2{font-size:14px;}	
	      .box6 img{width:375px;height:140px;margin-top:3.2%;}
          .box8 img{width:130px;height:115px;margin-left:5%;}
	      #pow h1{font-size:10px;}
	      #pow1 img{float:right;padding:5% 2% 2% 0%;}
	      .box6 img{width:355px;height:160px;margin-top:3.2%;}
	      .about>ul>li{font-size:12px;}
	        .about>h2{font-size:18px;}
	        #contact>h2{font-size:16px;text-align:center}
         #contact>h3{font-size:14px;text-align:center;}
	     #enquiry_box>h2{font-size:19px;}
	    
	}
	@media screen and (max-width:370px){
		.box8 img{width:90px;height:105px;margin-left:5%;margin-top:2%}
	      .box7 h2{font-size:14px;padding:22% 0% 22% 0%;}
		  #pow h1{font-size:9px;}
	      #pow1 img{float:right;padding:5% 2% 2% 0%;width:20px;height:20px;}
	       .box6 img{width:340px;height:130px;margin-top:3.2%;}
	}
	@media screen and (max-width:312px){
		#header img{width:180px;height:50px;float:none;margin-left:4%;}
		.box8 img{width:80px;height:90px;margin-left:5%;margin-top:2%}
	      .box7 h2{font-size:14px;padding:18.5% 0% 18.5% 0%;}
		   .box2 h1{font-size:12px;}
		   .box6 img{width:320px;height:110px;margin-top:3.2%;}
		   #pow h1{font-size:8px;}
	      #pow1 img{float:right;padding:7% 2% 2% 0%;width:18px;height:18px;}