*{
	font-kerning: normal !important;
	-webkit-font-smoothing:antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	font-smoothing:antialiased !important;
	text-rendering:optimizeLegibility !important;
	-webkit-text-rendering:optimizeLegibility !important;
	font-size-adjust: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,.004) !important;
	transition:all .2s ease-in-out !important;
	-webkit-transition:all .2s ease-in-out !important;
}

body, html{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

:root{
	--ALIGNED-WIDTH: 94% !important;
	--ALIGNED-MARGIN: 3% !important;
    --OPEN-SANS: 'Open Sans', sans-serif;
    --NUNITO: 'Nunito', sans-serif;
    --CABIN: 'Cabin', sans-serif;
    --HOME-GRADIENT: radial-gradient( circle farthest-corner at 16.5% 37.3%,  rgba(10,37,64,1) 0.1%, rgba(2,18,39,1) 90% );
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #061B33; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #eee; 
}



h1, h2, h3, h4, h5, h6, p{
	margin: 0;
}

a{
	text-decoration: none; color: white;
}

.header{
	width: 100%; height: 150px;
    font-family: var(--OPEN-SANS);
    overflow: hidden; margin: 0 !important; padding: 0 !important;
}

.header div{
	width: 100%; height: 150px;
    font-family: var(--OPEN-SANS);
    overflow: hidden; margin: 0 !important; padding: 0 !important;
    box-sizing: border-box;
    display: block;
}

.header-container{
	background: #1488CC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2B32B2, #1488CC);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2B32B2, #1488CC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

     z-index: 100;
    position: fixed;
     
}

.header .inner-header{
	width: 100%; margin-left: var(--ALIGNED-MARGIN);
}


.header-container img{
	border-radius: 100%;
	margin-top: 15px;
	width: 120px !important;
	height: 120px !important;
}

.inner-header div{
	float: left;
}

.header .header-left{
	width: 20%;
	height: 150px;
	text-align: center;
}

.header .header-middle{
	width: 60%;
	text-align: center;
	line-height: 50px;
	margin-top: 20px !important;
	color: #f5f6fa;
	letter-spacing: .5px;
	height: 150px;
}

.header .header-middle h2{
	font-size: 30px;
}

.header .header-middle h3{
	font-size: 20px;
}


.header .header-right{
	float: right;
	width: 20%;
	color: white;
	font-weight: bold;
	letter-spacing: 1.5px;
	font-size: 17px;
	height: 150px;
	text-align: center;
}

.footer-container{
	width: 100%; height: 50px;
	font-family: var(--CABIN);
	background: #eee; line-height: 50px;
	font-size: 14px;
	clear: both;
	font-weight: bold;letter-spacing: .5px;
	position: relative;
	text-align: center;
}

.footer-container .inner-footer{
	width:var(--ALIGNED-WIDTH); margin-left: var(--ALIGNED-MARGIN);
}


.body-container{
	width: 100%; height: auto; margin: 0;
	padding: 0; top: 150px; position: relative;
}

.body-container div{
	box-sizing: border-box;
	margin: 0; padding: 0;
}


.error-msg{
	color: #e67e22 !important;
	font-size: 20px;
	font-family: var(--OPEN-SANS);
	font-weight: bold;
	letter-spacing: 1px;
}

.topnav {
	font-family: var(--OPEN-SANS);
	
  	overflow: hidden;	
  	background-color: #333;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #2980b9;
  color: white;
}