@font-face {
    font-family: 'Leela';
    src:url('../font/LeelawUI.ttf') format('truetype');
    font-style: normal;
}

html, body {
   margin: 0;
}

.menu {
	vertical-align: bottom;
   z-index: 100;
}

.menutop {
	background-color: white;
	position: fixed;
	top: 0px;
}

.menubottom {
   background-color: red;
   position: fixed;
   bottom: 0%;
}

.topgap {
	height: 120px;
}

.headermenu {
	z-index: 100;
   position: fixed;
   top: 0px;
}

.headerbar {
   background-color: white;
	z-index: -1;
	padding-top: 50px;
	top: 0px;
   position: fixed;
}

.h1 {
   max-height: 999999px;
   padding-top: 25px;
   font-family: 'Leela';
   font-size: 20px;
   color: #014bb8;
}

.p1 {
	text-align: justify;
   max-height: 999999px;
   font-family: 'Leela';
   font-size: 15px;
   color: black;
   padding-bottom: 25px;
}

.visionmission {
   background-image: url(../img/vision-mission.png);
   background-repeat: no-repeat;
   background-size: 100%; 
}

.h2 {
   max-height: 999999px;
   padding-top: 25px;
   font-family: 'Leela';
   font-size: 20px;
   font-weight: bold;
   color: #ff7a2b;
}

.p2 {
   text-align: justify;
	max-height: 999999px;
   font-family: 'Leela';
   font-size: 15px;
   color: white;
}

.p3 {
   text-align: justify;
	max-height: 999999px;
   font-family: 'Leela';
   font-size: 15px;
   color: white;
   padding-bottom: 25px;
}

.p4 {
	height: 30px;
}

.iconleft {
	padding-left: 120px;
	padding-right: 50px;
	border-right: 2px solid #004cb6;
}

.iconright {
   padding-right: 120px;
   padding-left: 50px;
}

.h3 {
   max-height: 999999px;
   padding-top: 20px;
   font-family: 'Leela';
   font-size: 20px;
   font-weight: bold;
   color: black;
   padding-bottom: 25px;
}

.p5 {
   text-align: justify;
   max-height: 999999px;
   font-family: 'Leela';
   font-size: 15px;
   color: black;
}

.bull {
   color: #014bb8;
}

.support {
   background-image: url(../img/support-img.png);
   background-repeat: no-repeat;
   background-size: 100%; 
}

.h4 {
   max-height: 999999px;
   padding-top: 25px;
   font-family: 'Leela';
   font-size: 20px;
   color: white;
}

.contact {
	background-color: #082a57;
}

.insidecontact {
	padding-top: 15px;
   font-family: 'Leela';
   font-size: 15px;
   color: white;
}

.insidecontactright {
   padding-top: 15px;
   padding-left: 25px;
   font-family: 'Leela';
   font-size: 15px;
   color: white;
}

.gapcontact {
	height: 5px;
}

.gapcontact2 {
   height: 10px;
}

.inp1 {
   font-family: 'Leela';
   font-size: 15px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 3px;
   padding-bottom: 4px;
   border: none;
   background-color: #bcbdbf;
   color: #000000;
   width: 430px;
   border-radius: 5px;	
}

.txt1 {
   font-family: 'Leela';
   font-size: 15px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 3px;
   padding-bottom: 4px;
   border: none;
   background-color: #bdbdbf;
   color: #000000;
   width: 500px;
   border-radius: 5px;
   resize: none;
   height: 121px;
}

.loc2 {
	vertical-align: top;
	border-right: 2px solid #0397ff;
}

.h5 {
   max-height: 999999px;
   font-family: 'Leela';
   font-size: 20px;
   color: white;
}

.p6 {
   text-align: justify;
   padding-top: 10px;
   max-height: 999999px;
   font-family: 'Leela';
   font-size: 15px;
   color: white;
}

.loc3 {
   vertical-align: top;
	padding-left: 50px;
}

.g1 {
	height: 10px;
}

.cs1 {
	vertical-align: top;
	padding-left: 10px;
   font-family: 'Leela';
   font-size: 17px;
   color: white;
}

.p7 {
   max-height: 999999px;
   font-family: 'Leela';
   font-size: 12px;
   color: white;
}