body, h1, h2, h3, h4, h5, p, span, ul, li, a, small, div, table{
	font-family: 'Lato', sans-serif;
}
.logo{
	width:150px;
	display:inline-block;
	margin-top:9px;
}
.navbar.navbar-default{
	background: #fff;
	box-shadow: none;
	border: none;
	margin:0px;
	padding:10px 0px;
	min-height:70px;
	/* position:absolute; */
	/* top:0; */
	/* left:0; */
	/* width:100%; */
}
.navbar-default .navbar-nav > li > a{
	color:#103259;
	font-size:14px;
	text-transform:uppercase;
	font-weight:600;
	background-color: #fff;
	background-image: none;
	box-shadow: none;
	padding: 10px 11px !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover{
	color: #103259;
	text-transform: uppercase;
	font-weight: 600;
	background-color: #fff;
	background-image: none;
	box-shadow: none;
	border: none;
}
.navbar-nav{
	margin-left:10px;
	margin-top: 2px;
}


/* ---------------------- form ---------------------- */

.login-section{
	/*background:url('../images/usa-map-0.jpg');*/
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
	height:calc(100vh - 70px);
	position:relative;
	z-index:9;
}
.login-section:before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(30, 144, 255, 0.5);
	z-index:-1;
}
.login-section .container{
	display:flex;
	margin:auto;
	height:100%;
}
.login-form{
	background:#fff;
	padding:15px;
	width:50%;
	margin:auto auto auto auto;
	color:#313131;
	border-radius:10px;
}
.login-top{
	padding:0px 5% 0 12%;
}
.login-form h2{
	color:#0E2C51;
	text-transform:uppercase;
	font-weight:bold;
	font-size:40px;
	text-align:center;
}
.login-form label{
	font-size:14px;
	font-weight:500;
	color:#313131;
}
.login-form .form-control{
	background:#F7F7F7;
	border-radius:6px;
}
.login-form .form-group {
    margin-bottom: 10px;
}
.login-form .btn{
	display:block;
	width:100%;
	background:#0E2C51;
	color:#fff;
	margin-top:15px;
	font-weight:bold;
	padding:8px 10px;
	font-size:16px;
}
.login-row-2{
	font-size:16px;
	margin-top:15px;
}
.login-row-2 a{
	color:#0E2C51;
	text-decoration:underline;
	font-weight:bold;
}
.login-row-3{
	margin:10px -15px;
	font-size:14px;
}
.login-footer p{
	color:#0E2C51;
	font-weight:bold;
	font-size:16px;
}
.login-footer img{
	width:110px;
	margin:0px 5px;
	display:inline-block;
}


@media(max-width:767px){
	.login-form{
		width:100%;
	}
}
@media(max-width:992px){
	.login-section{
		height:auto;
		padding:20px 0; 
	}
	    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

	.navbar-container {
		height: 4.5rem;
	}

    .navbar-collapse.collapse {
		position: fixed;
		top: 4.5rem;
		right: 0;
		left: 0;
		bottom: 0;
        display: none;
		z-index: 100;
		background-color: #0000003c;
    }
	.active {
		display: block !important;
	}

	.navbar-collapse.collapse.active ul {
		position: relative;
		width: 60%;
		height: 100%;
		background-color: #fff;
		left: 40%;
		margin: 0;
		padding: 2rem .5rem;
	}

	.navbar-collapse.collapse.active li {
		padding: 1rem .5;
		border-radius: .2rem;
		border-bottom: .15rem solid #6f6f6f38;		
		margin-bottom: 1.5rem;
	}

	.navbar-collapse.collapse.active a {
		font-size: .8rem;
	}

	.navbar-collapse.collapse.active li:hover {
		background-color: #65656538;
		border: none;
	}

    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		font-size: 14px;
    }
    .collapse.in{
        display:block !important;
    }
}


@media(min-width:768px) and (max-width:1200px){
	.navbar-default .navbar-nav > li > a{
		padding: 10px 6px !important;
		font-size: 12px;
	}
	.login-section{
		height:auto;
		padding:20px 0; 
	}
}