@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),  url('../fonts/Calibri.woff') format('woff'), url('../fonts/Calibri.ttf')  format('truetype'), url('../fonts/Calibri.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}
html, body {height: 100%; } 
body { background:#fff url(../images/bg.jpg) ; font-family: 'Calibri'; font-size: 16px; color: #555; font-style: normal; line-height: normal; overflow-x: hidden; padding:0 !important;}
p {line-height:22px;}
a {color: inherit; text-decoration: none;}
a:focus, a:hover, a:active {outline: 0; text-decoration: none; color:inherit;}
h1, h2, h3, h4, h5, h6 {font-family: 'Calibri'; margin:10px 0;}
h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:24px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
img{ max-width:100%;}
.padd{ padding:0;}
.padd-left{ padding-left:0;}
.padd-left5{ padding-left:5px;}
.padd-left10{ padding-left:10px;}
.padd-right{ padding-right:0;}
input {width:100%; border:none;	background-color:transparent; color:#fff; font-family: 'noto_sansregular'; height:100%;}
.btn-primary {color: #fff;	padding: 8px 30px; width: 51%;
background: #0e3d96; /* Old browsers */
background: -moz-linear-gradient(top, #0e3d96 0%, #1e355f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0e3d96 0%,#1e355f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0e3d96 0%,#1e355f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3d96', endColorstr='#1e355f',GradientType=0 ); /* IE6-9 */}
.btn-primary:hover, .btn-primary:focus {background-color: #2269c0;border-color: #2269c0; color: #ffffff;}
.btn-secondary:hover {background-color:#1c5eb0; border-color:#1c5eb0; color:#ffffff;}
body.modal-open{ overflow:inherit;}


.login-btn input{
text-transform: uppercase;
font-family: 'Calibri';
}


/*header panel*/
header{ padding-top:20px;}
/*middle panel*/
.middle-panel{ margin-top:20px;}
.our-mission-bg{ padding:20px; color:#fff; font-size:20px; line-height:32px; min-height:284px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e3d96+0,1a386f+40,20345a+100 */
background: #0e3d96; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #0e3d96 0%, #1a386f 40%, #20345a 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #0e3d96 0%,#1a386f 40%,#20345a 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #0e3d96 0%,#1a386f 40%,#20345a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3d96', endColorstr='#20345a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.our-mission-bg h1{ color:#f7901e; font-weight:bold; font-size:26px;}

.login-bg{background:#e8e8e8; display:table; height:286px; width:100%;}
.login-bg .inner-col{display:table-cell; vertical-align:middle; color:#253e54;}
.login-bg h2{ color:#253e54; font-weight:bold; margin-bottom:30px;}
.login-bg .form-control{ color:#253e54; border:none; font-family: 'Calibri';
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fafafa 0%, #c4c6c8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fafafa 0%,#c4c6c8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fafafa 0%,#c4c6c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c4c6c8',GradientType=0 ); /* IE6-9 */}
.login-bg label{ padding-top:8px;}
.placard-section{ padding-top:20px;}
.placard{ background:url(../images/placard.png) no-repeat right bottom; height:164px; width:100%;}

/*footer panel*/
footer{ background:#f37529; padding:4px 5px; color:#fff; font-size:18px;}