html, body{
	font-family:sans-serif;
	font-size:20px;
}

main div{
	padding: 5px 0 20px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #dddddd;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #dddddd;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #dddddd;
}
.clear{
	clear:both;
}
.hlogin {
  background-color:#163247;
  color:#ffffff;
  position:relative;
  border-bottom:2px solid #ffffff;
}

header p {
  margin:0;
  padding:0;
}
#logo{
	position:absolute;
	margin: 10px;
	z-index:10;
	width: 180px;
}
.blue{
	background-color:#001e44;
	border-bottom:2px solid #ffffff;
	height:160px;
}
.blue h1{
	color:#ffffff;
	font-family:Aldrich, sans-serif;
	font-size: 25px;
	margin: 45px 0 0 0;
}
.blue span{
	color:#ee892d;
}
.glyphicon{
	color:#ffffff !important;
	font-size: 30px;
    margin: 40px 10px;
}
.border-b{
	border-bottom: 2px solid #666;
	margin:10px 0;
	padding:10px 0;
}
.border-t{
	border-top: 2px solid #666;
}
.border-w{
	border-top: 2px solid #fff;
}
.padmarg{
	margin:10px 0;
	padding:10px 0;
}
.blueborder{
	height:4px;
	background-color:#001e44;
}
.orangebg{
	background-color:#f36420;
	color:#ffffff;
	padding:10px;
}
#ochk {
	background-image:url('../imgs/online-checker-background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center center;
}
main h1{
	text-align:center;
	text-transform: uppercase;
	font-size:28px;
	margin:20px 0;
}
.bluebg{
	color:#ffffff;
	background-color:#22a9eb;
}
form{
	padding:15px;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}
.box{
	width:470px;
	display:inline-block;
	margin:10px auto;
}
.sec1{
	background-color:#d9d9d9;
	color:#000000;
	padding:0;
}
.sec1 h1, .sec1 h3{
	font-size:36px;
	font-weight:bold;
	color:#ffbb18;
	text-shadow:2px 2px #000000;
	text-align:center;
}
.sec1 h2{
	font-size:26px;
	font-weight:bold;
	color:#000;
	text-align:center;
}
.sec2{
	background-color:#5c6e92;
	color:#ffffff;
	padding:0;
}
.sec2 h2{
	font-size:30px;
	font-weight:bold;
	color:#ffbb18;
	margin-bottom:20px;
}
.sec3{
	background-color:#2b9bcd;
	color:#000000;
	padding:0;
}
.sec3 h2{
	font-size:30px;
	font-weight:bold;
	margin-bottom:20px;
}
.sec4{
	background-color:#105d89;
	color:#ffffff;
	padding:0;
}
.sec4 h2{
	font-size:30px;
	font-weight:bold;
	color:#f1ef00;
}
.sec4 h3{
	font-size:26px;
	font-weight:bold;
	color:#ffbb18;
}
.sec4 .title{
	color:#ffbb18;
}
.sec4 .subtitle{
	font-size:16px;
}
.sec4 img{
	max-width:150px;
	margin: 0 auto;
}
.sec4 input[type=button]{
	width:75%;
	height:54px;
	background-color:#ffbb18;
	color:#000;
	margin-top:40px;
}
.sec5{
	background-color:#163247;
	color:#ffffff;
	padding:10px 0;
	font-size:16px;
}
.sec5 div{
	padding-bottom:0;
	font-size:14px;
	line-height:30px;
}
.panel-body{
	font-size:14px;
}
.panel-body div{
	padding: 0;
}
.version{
	color:#ffbb18;
	text-align:center;
	font-style: italic;
}
.nav>li>a {
	padding: 10px 22px;
}
.hr{
	margin-bottom:60px;
}
.iconleft{
	float:left;
	height:80px;
	margin:0 50px;
}
.iconright{
	float:right;
	height:80px;
	margin:0 50px;
}
.red{
	color:#ff6666;
}
.green{
	color:#66ff66;
}
@media (max-width: 1200px){
	.blue{
		height:150px;
	}
	.blue h1 {
		font-size: 30px;
		margin: 43px 0 0 0;
	}
	#logo{
		margin: 10px;
		width: 160px;
	}
}
@media (max-width: 992px){
	.blue{
		height:135px;
		margin: 25px 0 0 0;
	}
	.blue h1 {
		font-size: 22px;
		margin: 43px 0 0 0;
	}
	#logo{
		margin: 10px;
		width: 140px;
	}
}
@media (max-width: 768px){
	.blue{
		height:120px;
	}
	.blue h1 {
		font-size: 22px;
		margin: 5px 0 0 0;
	}
	#logo{
		margin: 10px;
		width: 120px;
	}
}
@media (max-width: 576px){
	.blue{
		height:100px;
	}
	.blue h1 {
		font-size: 13px;
		margin: 10px;
	}
	#logo{
		margin: 10px;
		width: 80px;
	}
	.box{
		width:100%;
	}
	.nav>li>a {
		padding: 3px 2px;
	}
	.glyphicon{
		font-size: 20px;
		margin: 15px 4px;
	}
	.iconleft{
		margin:0 20px;
	}
	.iconright{
		margin:0 20px;
	}
}