@charset "utf-8";

*{margin: 0px;padding: 0px;}

body{background-color:#ffffff;font-family: 'Muli', sans-serif;font-size:15px; color:#333; line-height:25px;}

h1,h2,h3,h4{margin:0px;}

.clear{ clear:both}

hr.style-one {margin-top:12px;margin-bottom:12px; border: 0; height: 1px; background: #333;background-image: linear-gradient(to right, #ccc, #bdbdbd, #ccc);}

.br-custom{	line-height:35px;}

header{width: 100%;height: auto; margin: 0 auto; padding:2% 0 1.5% 0;  
  background:#fff;
text-align: center;}

.head-img{margin-left: auto;
	margin-right: auto;
	display: inline-block;margin-left: 21%;}
	
.side-head{
	float: right;
    margin-right: 10%;
    font-weight: 700;
    text-align: right;
}


.logo-div{
	
    width:30%;margin: 1%;
    text-align: center;
   display:inline-block; 
   vertical-align: middle;
   
}


.container-home{
	margin: 0 auto;
    padding: 1%;
    text-align: center;
    font-size: 23px;
    color: #000;
}

.container-blk{
	 margin: 0 auto;padding: 1% 0% 0 0;text-align: center;
}

.ftr-container{
	    width: 100%;
    height: auto;
    overflow: hidden;   
    font-size: 17px;
    background-color: #fff;
    padding: 2% 0% 1.2% 0%;
    font-weight: 700;
    line-height: 40px;vertical-align: top;
}

.ftr-div1{
	float: left;text-align: center;margin-left: 7%;
}

.ftr-div2{
	float: right;text-align: center;margin-right: 7%;
}

.ftr-div2 img{
	display: inline-block;float: none;margin:2.8%;
}

.heading1{
	margin-bottom: .7%;
    text-align: center;
    text-transform: uppercase;
    color: #01a4a3;
    font-size: 28px;
}


.heading2{
	margin:1%;text-align: center;
}

.det-container{
	margin: 0 auto;text-align: justify;padding: 2% 11%
}



.menu1{color:#333;text-decoration:none;cursor: pointer;letter-spacing: .2px;}
.menu1:hover{text-decoration:underline;}
.menu1:active{text-decoration: none;}
.menu1:visited{text-decoration: none;}




@media handheld, only screen and (max-width: 1024px) {


header{padding: 0;padding-top:0;}

.container-home {  
    font-size: 18px;   
}

.logo-div{
	width: 30%;margin-bottom: 2%;
}

.ftr-div1{
	width: 40%;padding: 1%;margin-bottom: 6%;
}

}


@media handheld, only screen and (max-width: 667px) {

.head-img{
	margin: 2%;
    width: 50%;
}

.side-head {   
    margin-right: 5%;  
    font-size: 13px;
}

.container-home {  
    font-size: 15px;   
}

.logo-div{
	width: 90%;margin-bottom: 6%;
}

.ftr-div1 {
    width: 45%;
    padding: 0;
    margin-bottom: 0;
   
}

.ftr-div2 {
    margin-right: 0;
    width: 45%;
}

.det-container {  
    padding: 2% 5%;
}

}