body{
width:100%;
height:100%;
margin:0;
padding:0;
-webkit-text-size-adjust:none;
background-color:black
}



html{
width:100%;
height:100%;
margin:0;
padding:0;

-webkit-text-size-adjust:none;
}


.background {
  width: 100%;  
  height: auto;  
  position: absolute;  
    top:0;
    bottom:0;
    margin:auto;  
  left: 0;
  max-height:100%;


}




.main-logo{
	
	width:25%;
	height:61.5%;
	top:22%;
	position:relative;
	left:4.2%;

	display:inline-block ;
vertical-align: middle;
	
}




.main-logo img{
	
	height:100%; 
	width:auto; 
	max-height:100%; 
	top:0; bottom:0; 
	left:0; right:0; 
	margin:auto ; 
	position: absolute;
	}




.main-header {
  width: 100%;  
  height: 29%;  
  position: absolute;  
    top:0;
  left: 0;


}



.main-content{

	width:auto;
	height:40%;
	top:33%;
	position:absolute;
	left:4.2%;
	right:4.2%;
	margin-bottom:3%;
}


.main-content1{
 
    
    	width:auto;
	height:16%;
	top:70%;
	position:absolute;
	left:4.2%;
	right:4.2%;
	margin-bottom:3%;



    text-align:center;
    font-size: 24px; 
    				font-family: 'PT Sans', sans-serif;

   color:white

}



.main-footer{
	
	width:auto;
	height:9%;
	top:91%;
	position:absolute;
	left:4.2%;
	right:4.2%;

}


.main-footer-left{
	
	width:50%;
	height:100%;
	top:0;
	 left:0;
	 	 position:absolute;

}


.main-footer-right{
	
	width:50%;
	height:25%;
	 left:50%;
	 top:25%;
	 text-align:right;
	 position:absolute;
	 
}



.main-tbl{
	width:60%;			
}


.main-footer-text{
				font-family: 'Didact Gothic', sans-serif;
				color:white;
				font-size:14px;
				padding-right:15px
}

.main-content-text{
				font-family: 'PT Sans', sans-serif;
				color:white;
				font-size:14px;
				padding-right:15px
}


.mobile-content-text{
				font-family: 'PT Sans', sans-serif;
				color:white;
				font-size:14px;
				padding-left:30px
}


.main-content-title{
				
				font-family: arial;
				color:#47205b;
				font-size:14px;
				font-weight:bold;
}

.main-content-title-white{
				
				font-family: arial;
				color:#fff;
				font-size:14px;
				font-weight:bold;
}




.mobile-header{
  width: 100%;  
  height: 12.6%;  
  position: absolute;  
    top:0;
  left: 0;

}


#changebk{
  width: 100%;  
  height: 60.8%;  
  position: absolute;  
    top:12.6%;
    left: 0;

  background:transparent url('') no-repeat fixed center center;
  
  

}




.mobile-content{
  width: 100%;  
  height: 60.8%;  
  position: absolute;  
    top:12.6%;
    left: 0;
  background:transparent url('../images/bkpic1.jpg') no-repeat fixed center center;
background-size:contain;
}


.mobile-content1{
  width: 100%;  
  height: 19%;  
  position: absolute;  
    top:73%;
    left: 0;
    text-align:center;
    font-size: 42px; 
    				font-family: 'PT Sans', sans-serif;

   color:white;
   font-weight:bold

}



.mobile-footer{
  width: 100%;  
  height: 7.6%;  
  position: absolute;  
    bottom:0;
    left: 0;
    text-align:center

}



.backgroundmobile {
  width: 100%;  
  height: auto;  
  position: absolute;  
    top:0;
    bottom:0;
    margin:auto;  
  left: 0;
  max-height:100%;


}


.mobile-logo{
	
	width:80%;
	height:100%;
position:relative;
	left:10%;
display:inline-block ;
vertical-align: middle;
}


.mobile-logo img{
	
	height:100%; 
	width:auto;
		max-height:100%; 
	top:0; bottom:0; 
	left:0; right:0; 
	margin:auto ; 
	position: absolute;
	}
	
	
	.mobile-tbl1{
	width:50%;	
	left:25%;
	top:0;
	bottom:0;
	margin:auto;
	height:60%;
	
	
	

			
}


.our-offering{
				width:28.3%;
				height:4.2%;
				top:0;
				position:absolute;
				left:0;
				right:0;
				margin:auto;
}


.our-offering img{
	
	height:auto; 
	width:100%; 
	max-height:100%; 
	top:0; bottom:0; 
	left:0; right:0; 
	margin:auto ; 
	position: absolute;
	}











    @media only screen and (max-width : 1150px) {
.main-tbl{
	width:100%;			
}

   }


/*
@media screen and (orientation: portrait)
{
#bk{
     display: none;
   }
 #bkmobile{
     display: block;
   }
  
   
   
   }
@media screen and (orientation: landscape)
{
#bk{
     display: block;
   }
 #bkmobile{
     display: none;
   }
}
*/