/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic);

html,
button,
input,
select,
textarea {
	color: #222;
}

html {
	font-size: 1em;

	line-height: 1.4;

	background-color: #f2f2f2;
}

::-moz-selection {
	background: #b3d4fc;

	text-shadow: none;
}

::selection {
	background: #b3d4fc;

	text-shadow: none;
}

hr {
	display: block;

	height: 1px;

	border: 0;

	border-top: 1px solid #ccc;

	margin: 1em 0;

	padding: 0;
}

a {
	color: #72a7e4;
}

a:visited {
	color: #72a7e4;
}

audio,
canvas,
img,
video {
	vertical-align: middle;
}

fieldset {
	border: 0;

	margin: 0;

	padding: 0;
}

.clear {
	clear: both;

	height: 0;
}

textarea {
	resize: vertical;

	width: 98%;
}

.browsehappy {
	margin: 0.2em 0;

	background: #ccc;

	color: #000;

	padding: 0.2em 0;
}

area {
	cursor: pointer;
}

/* ===== Initializr Styles ==================================================

   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template

   ========================================================================== */

body {
	font: 16px/26px Helvetica, Helvetica Neue, Arial;

	color: #252525;
}

.wrapper {
	width: 100%;

	margin: auto;
}

.hide {
	display: none;
}

.pp_inline > p,
.pp_inline > table {
	padding: 20px;

	margin: auto;

	width: 90%;
}

.pp_social {
	width: 100%;
}

/* ===================

    ALL: Orange Theme

   =================== */

.header-container,
.footer-container,
.main aside {
	background: #f3f3f3;
}

.title {
	color: white;

	margin: 7px auto;

	width: 127px;
}

/* ==============

    MOBILE: Menu

   ============== */

nav {
	display: none;
}

nav ul {
	margin: 0;

	padding: 0;
}

nav a {
	display: block;

	margin-bottom: 10px;

	margin-top: 42px;

	padding: 0 10px 0 0;

	text-align: center;

	text-decoration: none;

	font-weight: bold;

	color: #2d2d2d;
}

nav a:hover,
nav a:visited {
	color: inherit;
}

nav a:hover {
	text-decoration: underline;
}

#hamburger {
	background-color: #304a80;

	height: 40px;

	width: 40px;

	position: absolute;

	left: 0px;

	top: 19px;

	display: block;
}

#hamburger img {
	height: 40px;

	width: 40px;

	cursor: pointer;
}

/* ==============

    MOBILE: Main

   ============== */

.main {
	padding: 30px 0;

	overflow: hidden;
}

.main article h1 {
	font-size: 2em;
}

.main aside {
	color: white;

	padding: 0px 5% 10px;
}

.footer-container footer {
	color: #2d2d2d;

	padding: 20px 0;
}

.footer-container {
	box-shadow: 0 5px 10px #2d2d2d;
}

/* ===============

    ALL: IE Fixes

   =============== */

.ie7 .title {
	padding-top: 20px;
}

/* ==========================================================================

   Author's custom styles

   ========================================================================== */

.main-container {
	background-color: #f3f3f3;

	padding-top: 112px;
}

.main.wrapper {
	background-color: #fff;

	margin-top: -25px;
}

#home .main-container {
	padding-top: 0;
}

#home .main.wrapper {
	margin-top: 0;
}

article {
	width: 90%;

	margin: auto;
}
label {
	display: block;
    font-size: .75em;
}
.header-container {
	font-family: "Lato", sans-serif;

	box-shadow: 0 5px 10px #2d2d2d;

	position: fixed;

	width: 100%;

	z-index: 9999;

	top: 0;

	opacity: 0.97;
}

.footer-body {
	width: 100%;

	position: relative;

	font-family: "Lato", sans-serif;

	font-size: 12px;
}

.footer-body a {
	text-decoration: none;

	color: inherit;
}

#footer-images {
	margin: auto;

	width: 190px;

	text-align: center;
}

.footer-body img {
	margin-left: 15px;

	float: none;

	margin-bottom: 10px;

	max-height: 60px;
}

.footer-body p {
	padding-top: 12px;

	margin: auto;

	width: 187px;
}

.footer-links {
	text-align: center;

	display: block;

	right: 25px;
}

#banner-overflow {
	width: 100%;

	background-color: #304a80;

	margin-top: 75px;
}

.banner-image {
	width: 100%;

	max-width: 902px;

	margin: 20px auto auto;
}

.banner-image img {
	width: 100%;
}

header {
	width: 100%;
}

#mission {
	text-align: center;

	line-height: 1.5;

	margin: 100px auto;

	width: 90%;
}

#mission h1 {
	font-family: "Lato", sans-serif;

	color: #304a80;

	font-size: 1.8em;
}

#mission h2 {
	font-size: 1.2em;
}

.spacer {
	height: 60px;
}

#section1 {
	position: relative;
}

h2,
h3,
h4 {
	font-family: "Lato", sans-serif;

	color: #304a80;
}

img#about1 {
	float: left;

	padding-right: 10px;
}

img#about2 {
	width: 100%;

	margin: auto;
}

img#about3 {
	float: none;

	padding-left: 10px;
}

img#avtask-diagram {
	display: block;

	margin: auto;

	max-width: 90%;
}

#home #section1 {
	margin-top: -50px;
}

#web {
	width: 100%;
}

.center-image {
	display: block;

	max-width: 90%;

	margin: auto;

	height: auto;
}

.web-holder {
	position: relative;
}

a.web-links {
	display: inline;

	position: absolute;
}

a.web-links,
a.web-links img {
	width: 45px;

	height: 45px;

	cursor: pointer;
}

.anchor {
}

.web-holder a#q1 {
	left: 6.5%;

	top: 12%;
}

.web-holder a#q2 {
	left: 46.5%;

	top: 4.5%;
}

.web-holder a#q3 {
	left: 81%;

	top: 3.5%;
}

.web-holder a#q4 {
	bottom: 32%;

	left: 4%;
}

.web-holder a#q5 {
	bottom: 8.5%;

	left: 65%;
}

.web-holder a#q6 {
	bottom: 35.5%;

	left: 84%;
}

.web-holder a#q7 {
	bottom: 7.5%;

	left: 21.5%;
}

.faq-reg.close {
	background-color: #304a80;

	color: #fff;
}

/*.faq-reg {

    background-color: #fff;

    border: 3px solid #f3f3f3;

    border-radius: 32px;

    color: #304a80;

    cursor: pointer;

    padding: 10px;

}*/

.faq-content {
	display: block;
}

.video {
	width: 100%;
}

.video iframe {
	float: center;
}

#placeholder {
	height: 441px;

	margin: auto;

	max-width: 770px;

	position: relative;

	z-index: 1;
}

#placeholder.map,
#about #placeholder {
	height: auto;
}

#usbf {
	float: left;

	text-align: center;

	width: 50%;
}

#vmb {
	float: right;

	text-align: center;

	width: 50%;
}

#avtask-process,
#slider-activator {
	max-width: 600px;

	margin: auto;

	position: relative;

	margin-bottom: 50px;

	width: 100%;
}

#slider-activator {
	margin-top: 50px;
}

.button.link {
	position: relative;

	width: 150px;

	margin: auto;
}

.button-avtask {
	width: 150px;

	cursor: pointer;

	margin: auto;

	display: block;

	z-index: 2;

	position: absolute;
}

.bx-viewport {
	max-height: 670px;
}

#avtask-process .bx-pager.bx-default-pager {
	position: absolute;

	left: 48%;

	bottom: -20px;
}

#avtask-process .bx-controls-direction {
	width: 100%;
}

#avtask-process > a {
	position: absolute;

	top: -100px;
}

.bx-next {
	position: absolute;

	top: 115px;

	right: 0;
}

.bx-prev {
	position: absolute;

	top: 115px;

	left: 0;
}

.bxslider {
	height: 100%;
}

.bxslider img {
	display: block;

	margin: auto;

	max-width: 90%;
}

.img-float {
	float: none;

	clear: both;

	margin: 15px 15px 0 0;
}

.img-float.fifty {
	clear: none;

	max-width: 100%;

	width: 98%;

	margin: 5px;

	float: none;
}

.faq-content img {
	max-width: 100%;

	height: auto;
}

.clearfix-1 {
	clear: both;
}

.anchor {
	display: block;

	position: relative;

	top: -112px;
}

.faq-wrapper {
	position: relative;

	width: 85%;

	margin: auto;
}

.plusminus {
	left: -30px;

	padding: 10px;

	position: absolute;
}

.faq-wrapper h2 {
	font-size: 1em;
}

.faq-content h2 {
	text-align: center;
}

#placeholder.important-numbers {
	margin-bottom: 75px;

	color: #304a80;
}

.contacts {
	float: left;

	margin-right: 25px;
}

.map {
	margin-bottom: 75px !important;
}

.contact-column {
	float: none;

	width: 100%;

	position: relative;
}

.contact-column:last-of-type {
	margin-right: 0px;
}

#directory input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	border: medium none;

	color: #72a7e4;

	cursor: pointer;

	font-weight: bold;

	padding: 0;

	position: relative;

	text-decoration: underline;

	z-index: 2;
}

#avion #nqa-pic {
	display: none;
}

#avtask #nqa-pic2 {
	display: none;
}

/* ==========================================================================

   Media Queries

   ========================================================================== */

@media only screen and (min-width: 480px) {
	/* ====================

    INTERMEDIATE: Menu

   ==================== */

	nav {
		display: none;

		margin: auto;

		width: 90%;
	}

	nav a {
		display: inline-block;

		width: 15%;

		margin-bottom: 10px;

		text-align: center;

		vertical-align: middle;
	}

	nav li:first-child a {
		margin-left: 0;
	}

	nav li:last-child a {
		margin-right: 0;
	}

	#hamburger {
		display: block;
	}

	.title {
		margin-left: auto;
	}

	/* ========================

    INTERMEDIATE: IE Fixes

   ======================== */

	nav ul li {
		display: inline;
	}

	.oldie nav a {
		margin: 0 0.7%;
	}

	#banner-overflow {
		margin-top: 69px;
	}

	a.web-links,
	a.web-links img {
		width: 85px;

		height: 85px;
	}

	img#about3 {
		float: right;
	}
}

@media only screen and (min-width: 768px) {
	/* ====================

    WIDE: CSS3 Effects

   ==================== */

	article {
		width: 75%;

		margin: auto;
	}

	#mission {
		width: 67%;
	}

	#mission h1 {
		font-family: "Lato", sans-serif;

		color: #304a80;

		font-size: 2.5em;
	}

	#mission h2 {
		font-size: 1.5em;
	}

	.spacer {
		height: 125px;
	}

	.spacer2 {
		height: 50px;
	}

	/* ============

    WIDE: Menu

   ============ */

	.title {
		float: left;

		margin-left: 25px;

		display: block;

		margin-top: 13px;
	}

	nav ul {
		display: block;

		text-align: right;
	}

	nav a {
		width: 15%;
	}

	nav {
		float: right;

		width: 75%;

		margin: -17px auto auto;
	}

	/* ============

    WIDE: Main

   ============ */

	.main aside {
		float: right;

		width: 28%;
	}

	.footer-body img {
		margin-right: 12px;

		margin-left: 12px;

		margin-bottom: 0;

		float: left;
	}

	.footer-links {
		display: inline;

		position: absolute;

		right: 25px;

		text-align: right;
	}

	#footer-images {
		margin: auto;

		width: auto;

		padding-bottom: 10px;
	}

	#banner-overflow {
		margin-top: 75px;
	}

	#hamburger {
		display: none;
	}

	.img-float {
		float: right;

		clear: both;

		margin: 15px 0 0 15px;

		max-width: 100%;
	}

	.clearfix-1 {
		clear: none;
	}

	.faq-content img {
		width: auto;

		height: auto;
	}

	.faq-wrapper h2 {
		font-size: 1.5em;
	}

	.faq-wrapper {
		width: 100%;
	}

	.contact-column {
		float: left;

		width: 50%;
	}

	.img-float.fifty {
		max-width: 50%;

		width: 48%;
	}
}

@media only screen and (min-width: 1140px) {
	/* ===============

    Maximal Width

   =============== */

	.wrapper {
		width: 1026px; /* 1140px - 10% for margins */

		margin: 0 auto;
	}
}

/* ==========================================================================

   Helper classes

   ========================================================================== */

.ir {
	background-color: transparent;

	border: 0;

	overflow: hidden;

	*text-indent: -9999px;
}

.ir:before {
	content: "";

	display: block;

	width: 0;

	height: 150%;
}

.hidden {
	display: none !important;

	visibility: hidden;
}

.visuallyhidden {
	border: 0;

	clip: rect(0 0 0 0);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute;

	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;

	height: auto;

	margin: 0;

	overflow: visible;

	position: static;

	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: " ";

	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* ==========================================================================

   Print styles

   ========================================================================== */

@media print {
	* {
		background: transparent !important;

		color: #000 !important;

		box-shadow: none !important;

		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;

		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;

		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}