@font-face {
    font-family: "opensans-bold";
    src: url("fonts/OPENSANS-BOLD_2.TTF");
}
@font-face {
    font-family: "opensans-bold-italic";
    src: url("fonts/OPENSANS-BOLDITALIC_2.TTF");
}
@font-face {
    font-family: "opensans-extra-bold";
    src: url("fonts/OPENSANS-EXTRABOLD_2.TTF");
}
@font-face {
    font-family: "opensans-extra-bold-italic";
    src: url("fonts/OPENSANS-EXTRABOLDITALIC_2.TTF");
}
@font-face {
    font-family: "opensans-italic";
    src: url("fonts/OPENSANS-ITALIC_2.TTF");
}
@font-face {
    font-family: "opensans-light";
    src: url("fonts/OPENSANS-LIGHT_2.TTF");
}
@font-face {
    font-family: "opensans-light-italic";
    src: url("fonts/OPENSANS-LIGHTITALIC_3.TTF");
}
@font-face {
    font-family: "opensans-regular";
    src: url("fonts/OPENSANS-REGULAR_1.TTF");
}
@font-face {
    font-family: "opensans-semi-bold";
    src: url("fonts/OPENSANS-SEMIBOLD_2.TTF");
}
@font-face {
    font-family: "opensans-semi-bold-italic";
    src: url("fonts/OPENSANS-SEMIBOLDITALIC_2.TTF");
}
@font-face {
    font-family: "muli-extralight";
    src: url("fonts/Muli-ExtraLight.ttf");
}
@font-face {
    font-family: "muli-extralightitalic";
    src: url("fonts/Muli-ExtraLightItalic.ttf");
}
@font-face {
    font-family: "muli-italic";
    src: url("fonts/Muli-Italic.ttf");
}
@font-face {
    font-family: "muli-italic-varible";
    src: url("fonts/Muli-Italic-VariableFont_wght.ttf");
}
@font-face {
    font-family: "muli-light";
    src: url("fonts/Muli-Light.ttf");
}
@font-face {
    font-family: "muli-light-italic";
    src: url("fonts/Muli-LightItalic.ttf");
}
@font-face {
    font-family: "muli-medium";
    src: url("fonts/Muli-Medium.ttf");
}
@font-face {
    font-family: "muli-medium-italic";
    src: url("fonts/Muli-MediumItalic.ttf");
}
@font-face {
    font-family: "muli-regular";
    src: url("fonts/Muli-Regular.ttf");
}
@font-face {
    font-family: "muli-semi-bold";
    src: url("fonts/Muli-SemiBold.ttf");
}
@font-face {
    font-family: "muli-semi-bold-italic";
    src: url("fonts/Muli-SemiBoldItalic.ttf");
}
@font-face {
    font-family: "muli-variable-wght";
    src: url("fonts/Muli-VariableFont_wght.ttf");
}
@font-face {
    font-family: "muli-black";
    src: url("fonts/Muli-Black.ttf");
}
@font-face {
    font-family: "muli-black-italic";
    src: url("fonts/Muli-BlackItalic.ttf");
}
@font-face {
    font-family: "muli-bold";
    src: url("fonts/Muli-Bold.ttf");
}
@font-face {
    font-family: "muli-bold-italic";
    src: url("fonts/Muli-BoldItalic.ttf");
}
@font-face {
    font-family: "muli-extra-bold";
    src: url("fonts/Muli-ExtraBold.ttf");
}
@font-face {
    font-family: "muli-extra-bold-italic";
    src: url("fonts/Muli-ExtraBoldItalic.ttf");
}

@font-face {
    font-family: "helvetica-blk";
    src: url("fonts/HELVETICALTSTD-BLK_1.OTF");
}

@font-face {
    font-family: "helvetica-bold";
    src: url("fonts/HELVETICALTSTD-BOLD_1.OTF");
}

@font-face {
    font-family: "helvetica-bold-cond";
    src: url("fonts/HELVETICALTSTD-BOLDCOND_1.OTF");
}

@font-face {
    font-family: "helvetica-bold-bl";
    src: url("fonts/HELVETICALTSTD-BOLDOBL_1.OTF");
}

@font-face {
    font-family: "helvetica-cond";
    src: url("fonts/HELVETICALTSTD-COND_1.OTF");
}
@font-face {
    font-family: "helvetica-light";
    src: url("fonts/HELVETICALTSTD-LIGHT_1.OTF");
}
@font-face {
    font-family: "helvetica-light-cond";
    src: url("fonts/HELVETICALTSTD-LIGHTCOND_1.OTF");
}
@font-face {
    font-family: "helvetica-obl";
    src: url("fonts/HELVETICALTSTD-OBL_2.OTF");
}

@font-face {
    font-family: "helvetica-cal-roman";
    src: url("fonts/HELVETICALTSTD-ROMAN_1.OTF");
}

@font-face {
    font-family: "helvetica-neue";
    src: url("fonts/HELVETICA-NEUE1.TTF");
}

@font-face {
    font-family: "helvetica-neue-bold";
    src: url("fonts/HELVETICA-NEUE-BOLD.TTF");
}




@font-face {
font-family: "RobotoBlack";
src: url("fonts/Roboto-Black_3.ttf");
}

@font-face {
font-family: "RobotoBold";
src: url("fonts/Roboto-Bold_3.ttf");
}

@font-face {
font-family: "RobotoRegular";
src: url("fonts/Roboto-Regular_5.ttf");
}
@font-face {
font-family: "RobotoMedium";
src: url("fonts/Roboto-Medium_5.ttf");
}
@font-face {
font-family: "RobotoLight";
src: url("fonts/Roboto-Light_3.ttf");
}
@font-face {
font-family: "RobotoCondensed";
src: url("fonts/Roboto-Condensed.ttf");
}

.tophead{
width:100%;
margin:10px auto 0px auto;
height:100px;
}



.logo{
	width:80%;
	height:80px;
	margin-left:10%;
}
.logo1{
	width:250px;
	height:70px;
	
}
.topheadright{
    height:90px;
    margin-top:30px;
    margin-right:10%;
    width:90%;
    
    
}

.toph1{
    
    width:29.33%;
    margin-right:4%;
    float:left;
    position:relative;
}

.toph2{
    
    width:25.33%;
    margin-right:3%;
    margin-left:5%;
    float:left;
    position:relative;
}

.toph3{

    width:30.33%;
    margin-left:3%;
    float:left;
    position:relative;
}

#clock{
position:absolute;
top:5px;
left:-35px;
}
#phone{
position:absolute;
top:5px;
left:-35px;
	
}
#map{
position:absolute;
top:5px;
left:-35px;
}

#tophcont1{
  font-size:13px; 
  font-family: "opensans-regular";
  text-align:right;
}

#mspan{
	font-size:13px;
	width:130px;
	height:auto;
	display:block;
	float:left;
	margin-left:0px;
	margin-right:8px;
	margin-top:15px;
	font-family: "opensans-regular";
	text-align:right;
}

#enquiry{
    width:auto;
    font-size:14px;
    font-family: "opensans-regular";
    float:left;
    text-align:right;
    margin-left:40px;
    
    
}
.phoneno{
top:10px;
left:10px;
font-size:21px;
color:#0071bd;
font-family: "opensans-regular";

}
.phoneno a{
    text-decoration:none;
    font-size:21px;
color:#0071bd;
font-family: "opensans-regular";
}
.banerimg{
    position:relative;
    text-align:center;
    width:100%;
 
    
    
    
}
.slideimage{
	width:100%;
	height:280px;
	
}

.toptext{
   position:absolute; 
   transform: translate(-50%, -50%);
   z-index:3;
   width:100%;
   height:auto;
   top:40%;
   left:50%;
   font-size: 225%;
   line-height: 113.889%;
   color:white;
   font-family: "muli-regular";
   font-weight:400;
}


@media only screen and (max-width : 1100px)
{
  .logo{
	width:37%;
	height:80px;
	margin-left:15%;
}
  
  
  .topheadright{
    width:80%;
    margin-left:15%;
    margin-top:-25px;
    height:auto;

    
}
.toph1, .toph2, .toph3{
    
    width:30%;
    margin-left:3%;
    margin-top:20px;
    margin-bottom:10px;
}
    
}
@media only screen and (max-width: 600px) {
    
      .logo{
	width:75%;
	height:80px;
	margin-left:15%;
}
    
    .tophead{
width:100%;
position:relative;
top:110px;
left:-40px;
height:100px;
margin-top:-100px;
}

.topheadright{
    width:80%;
    margin-left:15%;
    margin-top:-25px;
    height:auto;

    
}
.toph1, .toph2, .toph3{
    clear:both;
    width:80%;
    margin-left:10%;
    margin-top:20px;
    margin-bottom:10px;
}



.slideimage{
	width:100%;
	height:auto;
}
 

}

.side-left1{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

.side-right1{
		width:80%;
	margin-left:auto;
	margin-right:auto;
}

.footer{
	background-color:#0071bd;
	color:white;
	width:100%;
	height:80px;
}

@media only screen and (max-width: 600px) {
	.footer{
	background-color:#0071bd;
	color:white;
	width:100%;
	height:160px;
	margin-top:15px;
}
#copyrigt{
	margin:5px auto;
}
#copyrigt1{
	margin:5px auto;
}
	
}

 .footerhead{
font-size: 160%;
line-height: 112%;
color:#333333;
font-family: "muli-regular";
font-weight:400;
position:relative;
 }
 


.border{


  border-bottom:3px solid #0099ff;
  position: absolute;
  width:100px;
  height:1px;
  top:50px;
  bottom:10px;
  left:1px;
}
.borders{


  border-bottom:3px solid #0099ff;
  position: absolute;
  width:10%;
  height:1px;
  top:52px;
  left:45%;
  
}

.borders1{
  border-bottom:2px solid #0099ff;
  position: absolute;
  width:75px;
  height:1px;
  top:45px;
  left:0%;  
    
}


 
 #copyrigt{
	 margin-top:30px;
	 
 }
 #copycontent{
	 font-family: "opensans-regular";
	 margin-left:8.5%;
	 line-height:165%;
	 font-size:13px;
 }
 #copyrigt1{
	margin-top:30px; 
	font-family: "opensans-regular";
 }
 
 @media only screen and (max-width: 600px) {

#copycontent{
	width:100%;
	margin-left:10px;
}
#copyrigt1{
	margin-left:10px;
}
	
}
 
 #smalllinks{
	 color:white;
	 padding:2px;
	 text-decoration:none;
	 font-family: "opensans-regular";
	 line-height:170%;
	 font-size:13px;
 }
 #smalllinks:hover{
	 text-decoration-color:white;
	 text-decoration:underline;
	 
 }
 hr{
	 color:#e0e0e0;
	 margin:50px auto;
	 border: 0.1px solid #e0e0e0;
 }
 .fourdiv1{
	 margin-top:15px;
	 height:280px;
	 width:72%;
	 margin-left:28%;
	 margin-right:0%;
	 
	 
 }
 
 .fourdiv3{
	 
	 height:280px;
	 width:70%;
	 margin-top:30px;
	 margin-left:30%;
	 margin-right:0%;
	 
 }
 
  .fourdiv4{
	 
	 height:280px;
	 width:80%;
	 margin-top:30px;
	 margin-left:7%;
	 margin-right:13%;
	 
 }
 
 .addresstext{
     margin-top:25px;
 }
 
.addresstext span{
   	font-family: "opensans-regular";
	line-height:175%;
	font-size:14px;
	padding:10px 0px;
	
}

.addresstext a{
    font-family: "opensans-regular";
	line-height:175%;
	font-size:14px;
    color:#0071bd;
}


  .fourdiv2{
	 
	 height:280px;
	 width:76%;
	 margin-top:30px;
	 margin-left:0%;
	 margin-right:24%;
	 
 }

@media only screen and (max-width: 1100px){
    
     .fourdiv4 {
	 margin-top:15px;
	 height:280px;
	 width:72%;
	 margin-left:28%;
	 margin-right:0%;
	 
	 
 }
  .fourdiv2{
	 
	 height:280px;
	 width:70%;
	 margin-top:30px;
	 margin-left:30%;
	 margin-right:0%;
	 
 }
}
 
 @media only screen and (max-width: 600px){
	 .fourdiv1{
	 
	 width:80%;
	 margin-left:auto;
	 margin-right:auto;
	 
 }
  .fourdiv3{
	 
	 height:280px;
	 width:80%;
	 margin-left:10%;
	 margin-right:10%;
	
 }
   .fourdiv4{
	 
	 height:280px;
	 width:80%;
	 margin-left:10%;
	 margin-right:10%;
	
 }
 }
 

 
 @media only screen and (max-width: 600px){
       .fourdiv2{
	 
	 height:290px;
	 width:80%;
	 margin-left:10%;
	 margin-right:10%;
	 margin-bottom:2px;
 }
 }
 .para1{
	 font-family: "opensans-regular";
	 font-size:14px;
     line-height: 175%;
     color:#333;
     margin-top:20px;
 }
 
 .fourdiv4 li{
	 list-style:none;
	 padding:6px;
	 font-family: "opensans-regular";
	 font-size:14px;
     line-height: 175%;
	 
 }
 
 .fourdiv4 li a{
	 text-decoration:none;
	 color:gray;
	 font-family: "opensans-regular";
	 font-size:14px;
     line-height: 175%;
	 
 }
 
 .extralinks{
     margin-top:30px;
 }
 
 .fourdiv4 a:hover{
	 color:#0099ff;
 }
 #date{
	 color:gray;
	 
 }
 
.newsup{
    height:auto;
    margin-top:25px;
}
 #news{
	 font-family: "opensans-bold";
	 margin-top:10px;
	 font-size:14px;
	 line-height:175%;
	 color:#333;
	 display:inline-block;
 }
 
 #news:hover{
     color:#0099fe;
 }
 
.borders{


  border-bottom:3px solid #0099ff;
  position: absolute;
  width:10%;
  height:1px;
  top:52px;
  left:45%;
}
.mainhead{
	position:relative;
	font-size:225%;
	color:#333333;
	line-height:113.8%;	
	text-align:center;
	font-family: "muli-regular";
	margin-top:50px;
	font-weight:400;
    	
}

.mainpara{
	margin-left:auto;
	width:35%;
	margin-top:30px;
	margin-bottom:30px;
	margin-right:auto;
	text-align:center;
	font-family: "opensans-regular";
	color:#898291;
	font-size:88%;
	line-height:140%;
	
}
 @media only screen and (max-width: 600px){
.mainhead{
	position:relative;
	font-size:225%;
	color:#333333;
	letter-spacing:1px;	
	text-align:center;
	font-family: "muli-regular";
	margin-top:50px;
    	
}
.mainpara{
	margin-left:auto;
	width:90%;
	margin-right:auto;
	
}
.borders{display:none;}
 }
 .service{
	 background-image: url("images/backservice.jpg");
	 width:100%;
	 margin:-10px 0px 50px 0px;

	 height:600px;
	 
 }
 .service1{
     width:82%;
     
	 margin-left:9%;
	 margin-right:9%;
 }
 #seeall{
     margin-top:-20px;
 }
 .ser1{
	
	 margin-left:5%;
	 margin-right:5%;
	 width:90%;
	 height:400px;
	 
 }
 .service-img{
	 width:82%;
	 margin-left:9%;
	 margin-right:9%;
	 height:255px;
	 box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.3), 0 7px 10px 0 rgba(0, 0, 0, 0.22);
	 
 }
.serv-img{
	width:100%;
	height:170px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
.cont-img{
	background-color:white;
	height:85px;
	width:100%;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}
.cont-img a{
	text-decoration:none;
	color:#333;
	display:block;
	width:98%;
	height:auto;
	padding-top:17px;
	padding-bottom:5px;
	padding-left:1%;
	padding-right:1%;
	font-size: 131.250%;
    line-height: 123.810%;
    font-family: "muli-light";
    text-align:center;
}

.cont-img a:hover{
	
	color:#0099ff;
}





.btn{
	background-color:#0099ff;
	color:white;
	width:180px;
	padding:12px;
	height:auto;
	line-height:150%;
	cursor:pointer;
	text-align:center;
	font-family: "opensans-regular";
	font-size:16px;
	margin:50px auto;
	border-radius:4px;
}

.btn:hover{
	background-color:#0066cc;
}
#btn{
	text-decoration:none;
}
.gallery1{
	width:83%;
	margin-left:15%;
	margin-right:2%;
	position:relative;
}
.gallery2{
	width:83%;
	margin-left:2%;
	margin-right:15%;
	position:relative;
}
.gallery1 img{
	width:100%;
	height:280px;
}

.gallery2 img{
	width:100%;
	height:280px;
}

.gal1{
	width:77%;
	margin-left:23%;
	margin-right:0%;
	margin-top:20px;
	position:relative;
}
.gal2{
	width:88%;
	margin-left:6%;
	margin-right:6%;
	margin-top:20px;
	position:relative;
}
.gal3{
	width:77%;
	margin-left:0%;
	margin-right:23%;
	margin-top:20px;
	position:relative;
}

.gal1 img{
	width:100%;
	height:250px;
}
.gal2 img{
	width:100%;
	height:250px;
}
.gal3 img{
	width:100%;
	height:250px;
}
.galcont{
	background-color:#0099ff;
	color:white;
	opacity:.9;
	width:90%;
	height:100px;
		transition:height .12s;
	transition:width .12s;
	position:absolute;
	top:150px;
	cursor:pointer;
}
.galcont:hover{
	width:100%;
	height:130px;
}
.galhead{
    cursor:pointer;
    width:auto;
	color:white;
	font-size:125%;
	position:absolute;
	top:165px;
	left:3.5%;
	padding:auto;
	text-align:center;
	z-index:2;
	height:auto;
	font-family: "muli-light";
}
.galhead:hover + .galcont{
	width:100%;
	height:130px;
}
.galhead:hover{
 top:185px;   
    
}
.gallery1:hover .galcont{
  	width:100%;
	height:130px;  
}
.gallery2:hover .galcont{
  	width:100%;
	height:130px;  
}


.gallery1:hover .galhead{
 
 top:185px;   
}
.gallery2:hover .galhead{
 
 top:185px;   
}

.galhead2:hover{
 
 top:160px; 
}

.gal1:hover .galhead2{
 
 top:160px; 
}
.gal2:hover .galhead2{
  
 top:160px; 
}
.gal3:hover .galhead2{
 
 top:160px; 
}

.gal1:hover .galcont2{
  	width:100%;
	height:120px;  
}
.gal2:hover .galcont2{
  	width:100%;
	height:120px;  
}
.gal3:hover .galcont2{
  	width:100%;
	height:120px;  
}

.galcont2{
	background-color:#0099ff;
	color:white;
	opacity:.9;
	width:90%;
	height:90px;
	transition:height .12s;
	transition:width .12s;
	position:absolute;
	top:130px;
	cursor:pointer;
}
.galcont2:hover{
	width:100%;
	height:120px;
}

.galhead2:hover + .galcont2{
 	width:100%;
	height:120px;   
    
}

.galhead2{
    font-family: "muli-light";
    width:auto;
	color:white;
	font-size:120%;
	position:absolute;
	top:145px;
	left:5%;
	z-index:2;
	height:auto;
	cursor:pointer;
}
@media only screen and (max-width: 1100px){
    .gallery1, .gallery2{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	position:relative;
}



.gal1, .gal2, .gal3{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:20px;
	position:relative;
}


.galcont{
	background-color:#0099ff;
	color:white;
	opacity:.9;
	width:80%;
	height:100px;
	transition:height .12s;
	transition:width .12s;
	position:absolute;
	top:150px;
}
.galcont:hover{
	width:100%;
	height:130px;
}
.galhead{
	color:white;
	font-size:125%;
	position:absolute;
	top:170px;
	padding:0px 20px;
	word-spacing:4px;
	letter-spacing:2px;
	left:5px;
	z-index:2;
	height:auto;
	font-family: "muli-light";
}
.galcont2{
	background-color:#0099ff;
	color:white;
	opacity:.9;
	width:80%;
	height:90px;

	position:absolute;
	top:130px;
}
.galcont2:hover{
	width:100%;
	height:120px;
}
.galhead2{
	color:white;
	font-size:125%;
	position:absolute;
	top:145px;
	padding:0px 5px;
	letter-spacing:2px;
	z-index:2;
	height:auto;
}

 .service{
	 background-image: url("");
	 width:100%;
	 height:auto;
	 
 }

.service-img{
	 width:60%;
	 margin-left:20%;
	 margin-right:20%;
	 height:295px;
	 margin-top:40px;
	 
 }
.serv-img{
	width:100%;
	height:210px;

}
.cont-img{
	background-color:white;
	height:85px;
	width:100%;

}

    
}


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

 .service-img{
	 width:82%;
	 margin-left:9%;
	 margin-right:9%;
	 height:255px;
	 box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.3), 0 7px 10px 0 rgba(0, 0, 0, 0.22);
	 
 }
.serv-img{
	width:100%;
	height:170px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
.cont-img{
	background-color:white;
	height:85px;
	width:100%;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}





}

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

	
	.gallery1,.gallery2,.gal1,.gal2,.gal3 {
	width:86%;
	margin-left:7%;
	margin-right:7%;
	margin-top:10px;
	position:relative;
}


.gallery1 img{
	width:100%;
	height:auto;
}

.gallery2 img{
	width:100%;
	height:auto;
}


.gal1 img{
	width:100%;
	height:auto;
}
.gal2 img{
	width:100%;
	height:auto;
}
.gal3 img{
	width:100%;
	height:auto;
}

.galcont{
	background-color:#0099ff;
	color:white;
	opacity:.9;
	width:93%;
	height:100px;
	transition:height .12s;
	transition:width .12s;
	position:absolute;
	top:75px;
	cursor:pointer;
}
.galcont:hover{
	width:100%;
	height:132px;
}
.galhead{
    width:auto;
	color:white;
	font-size:100%;
	position:absolute;
	top:95px;
	left:1%;
	padding:auto;
	text-align:center;
	z-index:2;
	height:auto;
	font-family: "muli-light";
}
.gallery1:hover .galhead{
 
 top:110px;   
}
.gallery2:hover .galhead{
 
 top:110px;   
}
.gal1:hover .galhead2{
 
 top:220px; 
}
.gal2:hover .galhead2{
 
 top:220px; 
}
.gal3:hover .galhead2{
 
 top:220px; 
}
.galcont2{
	background-color:#0099ff;
	color:white;
	opacity:.9;
	font-size:120%;
	width:93%;
	height:90px;
	transition:height .12s;
	transition:width .12s;
	position:absolute;
	top:200px;
	cursor:pointer;
	font-family: "muli-light";
}
.galcont2:hover{
	width:100%;
	height:109px;
}

.galhead2{
	color:white;
	font-size:110%;
	position:absolute;
	top:210px;
	padding:0px 5px;
	letter-spacing:2px;
	z-index:2;
	height:auto;
	left:3%;
}

}
.classification{
	width:84%;
	margin-left:8%;
	margin-right:8%;
	height:450px;
	
	margin-top:30px;
	margin-bottom:10px;
}
#classicon{
	font-size:30px;
	color:#0099ff;
	margin-top:-1px;
	margin-left:-2px;
	
}
#iconstl{
	font-size:50px;
	color:#0099ff;

}
.cirl{
	width:70px;
	height:70px;
	/** border:2px gray solid;  **/
	border-radius:50%;
	margin:40px auto 0px auto;
	background-color:white;
	
}

#cl{
	background-color:#f9f9f9;
}
.indu{
    
    height:auto;
    width:88%;
    margin-left:6%;
    margin-right:6%;
}
.classhead{
	color:#333333;
	font-size:90%;
	line-height:125%;
	letter-spacing:1px;
	text-align:center;
	font-family: "muli-regular";
	padding-top:10px;
}
.classpara{
    width:90%;
    margin-left:5%;
    margin-right:5%;
        min-height: 70px;
	padding:7px;
	color:#808080;
	font-size:85%;
	letter-spacing:1px;
	text-align:center;
	font-family: "opensans-regular";
	line-height:125%;
}

#aboutcompany{
    background-color:#f9f9f9;
}





td{
	padding:10px;
}
.contact{
	width:100%;
	height:170px;
	margin:10px 0px;
	position:relative;
}
#contc{
	width:100%;
	height:170px;
	position:absolute;
	
}
#uperimg{
	width:28%;
	height:200px;
	position:absolute;
	margin-left:38%;
	margin-right:38%;
	bottom:0px;
}
.conthead1{
	position:absolute;
	color:#0f77bd;
	top:-10px;
	left:8%;
	width:250px;
	font-size:40px;
	font-family: "muli-extralight";
}
.conthead2{
	position:absolute;
	color:#0f77bd;
	top:50px;
	left:8%;
	width:400px;
	font-size:40px;
	font-family: "muli-extralight";
}
.btn1{
	position:absolute;
	background-color:#0099ff;
	color:white;
	width:180px;
	padding:12px;
	height:auto;
	cursor:pointer;
	text-align:center;
	font-family: "opensans-regular";
	font-size:16px;
	margin:70px auto;
	border-radius:4px;
	right:100px;
	line-height:150%;
}


.btn1:hover{
	background-color:#0066cc;
}
@media only screen and (max-width : 600px){
	
	.contact{
	width:100%;
	height:500px;
	margin:5px 0px;
	position:relative;
}
#contc{
	width:100%;
	height:500px;
	position:absolute;
	
}
#uperimg{
	width:109%;
	height:190px;
	position:absolute;
	bottom:0px;
	left:-18px;
	margin-left:0%;
	margin-right:1%;
}
.conthead1{
	position:absolute;
	color:#0f77bd;
	top:140px;
	left:10%;
	width:250px;
	font-size:230%;
	font-family: "muli-extralight";
}
.conthead2{
	position:absolute;
	color:#0f77bd;
	top:200px;
	left:10%;
	width:400px;
	font-size:230%;
	font-family: "muli-extralight";
}
.btn1{
	position:absolute;
	background-color:#0099ff;
	color:white;
	width:80%;
	padding:12px;
	height:auto;
	cursor:pointer;
	text-align:center;
	font-family: "RobotoMedium";
	font-size:18px;
	left:10%;
	right:10%;
	border-radius:4px;
	
}
}

.sideimg{
    width:100%;
    height:685px;
    padding:40px 80px;
}

.sideimg li{
    list-style-type:none;
    color:#333333;
	font-size:110%;
	font-family: "opensans-regular";
	line-height:130%;
	padding:10px;
    
}




.sideimg1{
     width:100%; 
     height:685px;
}

.sideimg1 img{
     width:100%; 
     height:685px;
    
}

.sideimg-para2{
	color:#333333;
	font-size:110%;
	font-family: "opensans-regular";
	line-height:150%;
	margin-top:50px;
	text-align:justify;
	font-weight:300;
}

.head2{
	position:relative;
	font-size:180%;
	letter-spacing:1px;	
	font-family: "muli-regular";
	font-weight:400;
}


.btn2{
	background-color:#0099ff;
	color:white;
	width:180px;
	padding:12px;
	height:auto;
	cursor:pointer;
	text-align:center;
	font-family: "opensans-regular";
	font-size:16px;
	
	margin-top:50px;
	border-radius:4px;
	line-height:150%;
}

.btn2:hover{
	background-color:#0066cc;
}

table{
    margin-left:7%;
}
td{
    color:#333333;
    font-family: "opensans-regular";
	line-height:175%;
	font-size:100%;
}




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




.sideimg-para111{
	color:#999999;
	font-size:15px;
	

	font-family: "RobotoLight";
	line-height:110%;
}
.sideimg-para22{
	color:#333333;
	font-size:18px;

	font-family: "RobotoLight";
	line-height:120%;
}





.head2{
	position:relative;
	font-size:180%;
	letter-spacing:1px;	
	font-family: "muli-regular";
}

.border{
    
}
table{
    margin-left:5%;
    width:90%;
}
}


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

.sideimg1{
    display:none;
}

.border{
    display:none;
}



.sideimg{
    width:100%;
    height:auto;
    padding:50px 50px;
}



.btn2{
    margin:0 auto;
}

}


@media only screen and (max-width : 600px){
    
.sideimg1{
    display:none;
}

.border{
    display:none;
}

#iconstl{
    font-size:30px;
    margin-right:5px;
}

.sideimg{
    width:100%;
    height:auto;
    padding:40px 20px;
}

.head2{
    text-align:center;
}

.btn2{
    margin-top:40px;
}

.sideimg-para2{
    width:94%;
    margin-left:3%;
    margin-right:3%;
}

.sideimg li{
    margin-left:3%;
}
    
}






#page-top{
    display:none;
}

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

  


    
}