html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; min-height: 101%; }
html,button,input,select,textarea { font-family: "Lato", sans-serif; }
body { font-size: 100%; font-family: "Lato", sans-serif; line-height: 1.5; color: #565656; background: url(../images/grey_%402X.png) repeat; }

h1 { font-size: 1,75em; margin: 0.67em 0; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.75em; margin: 2.33em 0; }

h1, h2, h3, h4, h5 { font-family: "Lato", Arial, sans-serif; text-rendering: optimizelegibility; font-weight: 400; color: #214c74; }
h1, .h1 { font-size: 1.75em; line-height: 1; }
h2, .h2 { font-size: 1.25em; line-height: 1.4em; margin-bottom: 0.375em; }
h3, .h3 { font-size: 1.125em; }
h4, .h4 { font-size: 1.1em; font-weight: 700; }
h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }


dl, menu, ol, ul { margin: 0; }
ul, ol { padding: 0; list-style-type: none; }

.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.wrap { max-width: 1140px; }
.above-header { display: block; width: 100%; position: fixed; top: 0; left: 0; z-index: 10000; overflow: hidden; min-height: 50px; line-height: 50px; background-color: #A4000D; }
.above-header-inner { color: #fff; font-size: 110%; text-align: center; }
.scroll-shadow { box-shadow: 0px 4px 24px rgba(0,0,0, .4); }
ul.above-header-text { list-style-type: none; padding-top: 4px; }
ul.above-header-text li { display: inline; padding: 2px 12px; }
ul.above-header-text li a { text-decoration: none; color: #fff; }
ul.above-header-text li a:hover { text-decoration: underline; color: #fff; }

.header {
	margin-top: 20px;
	background: white;
	border-bottom: 1px solid #ddd;
	box-shadow: 0px 4px 16px rgba(0,0,0, .4);
	z-index: 999;
}
#inner-header {
	height: 90px;
	position: relative;
	box-sizing: border-box;
}
.navbar li a {
	display: block;
	padding: 5px 5px;
	font-size: 60%;
	text-decoration: none;
	text-transform: uppercase;
	color: #214C74;
}
.navbar li a.btn.btn-danger {
	font-weight: 600;
	color: #fff;
	background-color: #A4000D;
	line-height: unset;
	border-radius: 0px;
}
.navbar-collapse.show {
  z-index: 1000;
  background-color: #eee;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100px;
  padding-left: 20px;
  padding-bottom: 100px;
}

.header-logo {
	width: 180px;
	margin: 0 auto;
}
#logo_custom2 { width: 100% }
#logo_custom1 { width: 85% }


.content-box {
  border: 1px solid #ddd;
  min-height: 680px;
  background: white;
  margin-top: 25px;
  padding: 10px 20px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6), 0px 0px 0px transparent;
}

footer { margin-top: 60px; }

@media only screen and (max-width: 481px) {
	.header {
		margin-top: -25px;
		box-shadow: unset;
	}
	.inner-header {
		height: 60px;
	}
	.navbar{
		padding: .5px 0px;
	}
	.navbar li a {
		padding: 20px 5px;
		font-size: 80%;
	}
	.navbar li a.btn.btn-danger {
		font-size: 80%;
		padding: 5px 5px;
	}

}
@media only screen and (min-width: 481px) {
	.navbar-brand {
		float: left;
	}
}

@media only screen and (min-width: 768px) {
	.above-header {
		line-height: 50px;
	}
	.above-header-inner {
		color: #fff;
		font-size: 110%;
		text-align: center;
	}
	ul.above-header-text {
		list-style-type: none;
		padding-top: 4px;
	}
	.navbar {
		line-height: 30px;
	}
	.navbar li {
		float: left;
		position: relative;
	}
	.navbar li a {
		border-bottom: 0;
		padding: 0px 5px;
		border-bottom: 0px none #ccc;
	}
	.navbar li a:hover, .nav li a:focus {
		color: #fff;
		background-color: #214c74;
		border-radius: 0px;
	}
}
@media only screen and (min-width: 940px) {
	.navbar li a {
		font-size: 75%;
	}
}
@media only screen and (min-width: 1030px) {
	.navbar li a {
		padding: 0px 10px;
	}
}