html,body{
padding:0px;
margin:0px;

}


body{
	#ecedf2
}
.topnavs{
	background:#536b8d;
	    min-height: 174px;
		
		
width:100%;		
}

.tils{
	color:#fff;
	font-weight:bold;
	    font-size: 42px;
}

.tilab{
	color:#fff;
	    font-size: 18px;
}


.topy{
	  /*   padding-left: 6%; */
}


.kko{
	    padding-top: 4%;
		    text-align: center;
}

.panels{
	position: absolute;
    min-width: 79%;
	    border: 0.5px solid grey !important;
    box-shadow: 9px 9px 15px grey !important;
}

.pandiv{
	position: relative;
}

.panhead{
	font-weight:bold;
	font-size: 22px;

	    color: #285870;
		
	background:	#c8d4e4 !important;
	
}

.iti{
	font-style:italic;
}

.logbut{
	background:#536b8d;
	color:#fff;
	
	    width: 100% !important;
    padding: 10px !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.logbut:hover{
	color:#fff !important;
}

.hrl{
	    border-top: 2px solid #d7d6d6;
		
		    margin-bottom: 13px;

}


.feat{
	font-weight:bold;
	font-size: 29px;

	    color: #285870;
		
	
	
}


.uls{
	    padding-left: 18px;
		    margin-top: 2%;
}

.uls li{
	
	    font-size: 18px;
		    margin-bottom: 1%;
}


.labd{
	    font-size: 16px;
		    padding-left: 18px;
}


.kkdrow{
	    margin-top: 1%;
}

.spn{
	font-weight:bold;
}

.labspn{
	font-weight:400;
}

.lasdiv{
	    padding-top: 15% ;
    text-align: center;
    padding-left: 60%;
}

@media (min-width:294px) and (max-width:767px){
	
	.panels {
    position: relative !important;
	
	}
	
	
	.lasdiv{
	    padding-top: 6% ;
		    padding-left: 0%; 
  
}


.topy{
	    text-align: center;
    padding-bottom: 3%;
}

}

@media (min-width:767px) and (max-width:990px){
	
	.panels {
    position: relative !important;
	
	    max-width: 50% !important;
    margin: 0 auto;
	
	}
	
	.lasdiv {
    padding-top: 33%;
   
}

.trow{
	
    width: auto  !important;
	
	    padding-bottom: 2%;

}


.topy{
	    text-align: center;
    padding-bottom: 3%;
}	
	

	
}