html, body{
	overflow-x: hidden;
}

@font-face {
    font-family: 'Reservation Wide';
    font-style: normal;
    font-weight: 700;
    src: local('Reservation Wide Bold'), local('Reservation Wide Bold'), url(../fonts/Reservation\ Wide\ Bold.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}

@font-face {
    font-family: 'Reservation Wide Regular';
    font-style: normal;
    font-weight: 700;
    src: local('Reservation Wide Regular'), local('Reservation Wide Regular'), url(../fonts/Reservation\ Wide\ Regular.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}

@font-face {
    font-family: 'Helvetica Regular';
    font-style: normal;
    font-weight: 400;
    src: local('Helvetica Regular'), local('Helvetica Regular'), url(../fonts/Helvetica-Regular.ttf) format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}

.t-a-r{
	text-align: right;
}

body{
	font-family: 'Reservation Wide Regular' !important;
}

.top-menu-container, .header{
	width: 70%;
	margin: auto;
}

.top-menu-col-logo{
	text-align: left;
}

.top-menu-col-logo img{
	width: 40%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.top-menu-col-menu{
	display: flex;
	align-items: center;
}

.top-menu-ul{
	display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
	margin-bottom: 0px;
}

.top-menu-li{
	list-style: none;
	margin-right: 30px;
}

.top-menu-menu-link{
	color: #000000;
	font-family: 'Reservation Wide';
}

.top-menu-menu-link:hover{
	color: #000000;
	text-decoration: none;
}

.top-menu-menu-link-simulator:hover{
	color: #005dc8;
}

.top-menu-menu-link-training:hover{
	color: #eeb602;
}

.top-menu-container-mobile{
	display: none;
}

.mobile-menu{
	display: none;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.header{
	font-family: 'Reservation Wide';
	margin-top: 30px;
	margin-bottom: 30px;
	color: #1c1c1c;
	animation: fadeInRight 1s linear;
}

.header h4{
	margin-bottom: 0px;
}

.header h4:hover{
	transition: margin-right 2s ease-in-out;
	/*color: yellow;*/
}

.main-container{
	position: relative;
	margin-top: 55px;
	min-height: 60vh;
}

.aviation-container{
	position: absolute;
	left: -50px;
	z-index: 1;
	background-color: #005dc8;
	background-image: url("../images/landing-page/aviation.jpg");
	background-size: cover;
	width: 54.0%;
	height: 60vh;
	border-bottom-left-radius: 300px;
	border-top-right-radius: 100px;
	animation: fadeInRight 1s linear;
	transition: 350ms;
}

.aviation-cover{
	position: absolute;
	left: -50px;
	z-index: 1;
	background-color: #005dc8;
	opacity: 0.7;
	width: 54.0%;
	height: 60vh;
	border-bottom-left-radius: 300px;
	border-top-right-radius: 100px;
	animation: fadeInRight 1s linear;
}

.aviation-content-container{
	position: absolute;
	left: -50px;
	z-index: 1;
	width: 54.0%;
	height: 60vh;
	border-bottom-left-radius: 300px;
	border-top-right-radius: 100px;
	animation: fadeInRight 1s linear;
}

.aviation-content{
	position: absolute;
	right: 100px;
	/*background-color: green;*/
	height: 100%;
	display: flex;
	align-items: center;
}

.aviation-title{
	font-family: 'Reservation Wide';
	text-align: right;
	margin-top: 40px;
	color: #ffffff;
}

.aviation-visit-page{
	font-family: 'Reservation Wide';
	text-align: right;
	margin-top: 40px;
	color: #ffffff;
}

.pilot-academy-container{
	position: absolute;
	top: 45px;
	right: -50px;
	z-index: 2;
	background-color: #eeb602;
	background-image: url("../images/landing-page/pilot_academy.jpg");
	background-size: cover;
	width: 54.0%;
	height: 52vh;
	border-top-left-radius: 100px;
	border-bottom-right-radius: 300px;
	animation: fadeInLeft 1s linear;
	transition: 350ms;
}

.pilot-academy-cover{
	position: absolute;
	top: 45px;
	right: -50px;
	z-index: 2;
	background-color: #eeb602;
	opacity: 0.7;
	width: 54.0%;
	height: 52vh;
	border-top-left-radius: 100px;
	border-bottom-right-radius: 300px;
	animation: fadeInLeft 1s linear;
}

.pilot-academy-content-container{
	position: absolute;
	right: -50px;
	z-index: 2;
	width: 54.0%;
	height: 52vh;
	top: 45px;
	border-bottom-left-radius: 300px;
	border-top-right-radius: 100px;
	animation: fadeInLeft 1s linear;
}

.pilot-academy-content{
	position: absolute;
	left: 100px;
	/*background-color: green;*/
	height: 100%;
	display: flex;
	align-items: center;
}

.pilot-academy-logo{
	width: 40%;
}

.pilot-academy-title{
	font-family: 'Reservation Wide';
	text-align: left;
	margin-top: 40px;
	color: #ffffff;
}

.pilot-academy-visit-page{
	font-family: 'Reservation Wide';
	text-align: left;
	margin-top: 40px;
	color: #ffffff;
}

.footer-container{
	position: absolute;
	width: 100%;
	height: 50px;
	bottom: 0;
	background-color: #282828;
}

.footer-row{
	height: 100%;
}

.footer-col{
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-logo{
	width: 20%;
}

.footer-text{
	color: #ffffff;
	margin-bottom: 0px;
}

.footer-text-mobile{
	display: none;
	color: #ffffff;
	margin-bottom: 0px;
}

@media (orientation: landscape) and (max-width: 1450px) {
	.top-menu-col-logo img{
		width: 70%;
	}
	
	.top-menu-menu-link{
		font-size: 0.8em;
	}
	
	.contact-submenu{
		min-width: 300px;
	}
	
	.contact-submenu-item a{
		font-size: 0.8em;
	}
		
	.main-container{
		min-height: 50vh;
		margin-top: 25px;
	}
	.aviation-container{
		width: 56.0%;
		height: 50vh;
	}

	.aviation-cover{
		width: 56.0%;
		height: 50vh;
	}

	.aviation-content-container{
		width: 56.0%;
		height: 50vh;
	}
	
	.pilot-academy-container{
		width: 56.0%;
		height: 40vh;
	}

	.pilot-academy-cover{
		width: 56.0%;
		height: 40vh;
	}

	.pilot-academy-content-container{
		width: 56.0%;
		height: 40vh;
	}
	
	.aviation-logo{
		width: 70%;
	}
	
	.pilot-academy-logo{
		/*width: 30%;*/
		width: 45%;
	}
	
	.aviation-title, .aviation-visit-page, .pilot-academy-title, .pilot-academy-visit-page{
		font-size: 1.25rem;
	}
}

@media (orientation: landscape) and (max-width: 1450px) {
	.footer-text{
		font-size: 0.8em;
	}
	
}

@media (orientation: landscape) and (max-width: 1100px) {
	.top-menu-menu-link{
		font-size: 0.7em;
	}
}

@media (orientation: portrait) and (min-width: 769px) {
	/* Tablet view */
	.top-menu-container{
		width: 100%;
	}
	
	.top-menu-col-logo{
		text-align: left;
	}

	.top-menu-col-logo img{
		width: 100%;
		margin-top: 15px;
		margin-bottom: 15px;
		padding-left: 40px;
	}
	
	.top-menu-col-menu{
		justify-content: end;
		padding-right: 40px !important;
	}
	
	.top-menu-li{
		margin-right: 15px;
	}
	
	.top-menu-menu-link{
		font-size: 0.8rem;
	}
	
	.aviation-container{
		left: -50px;
		width: 65.0%;
		height: 500px;
		border-top-right-radius: 100px;
		border-bottom-left-radius: 0px;
	}

	.aviation-cover{
		left: -50px;
		width: 65.0%;
		height: 500px;
		border-top-right-radius: 100px;
		border-bottom-left-radius: 0px;
	}

	.aviation-content-container{
		left: -50px;
		width: 65.0%;
		height: 500px;
		border-top-right-radius: 100px;
		border-bottom-left-radius: 0px;
	}
	
	.aviation-content{
		justify-content: end;
	}
	
	.aviation-logo{
		width: 75%;
	}
	
	.aviation-title{
		font-size: 2.0rem;
	}
	
	.aviation-visit-page{
		font-size: 1.3rem;
	}
	
	.pilot-academy-container{
		top: 25px;
		right: -50px;
		width: 54.0%;
		height: 450px;
		border-top-left-radius: 100px;
		border-bottom-right-radius: 0px;
	}

	.pilot-academy-cover{
		top: 25px;
		right: -50px;
		width: 54.0%;
		height: 450px;
		border-top-left-radius: 100px;
		border-bottom-right-radius: 0px;
	}

	.pilot-academy-content-container{
		right: -50px;
		width: 54.0%;
		height: 500px;
		border-bottom-left-radius: 0px;
		border-top-right-radius: 100px;
	}
	
	.pilot-academy-logo{
		width: 75%;
	}
	
	.pilot-academy-title{
		font-size: 2.0rem;
	}
	
	.pilot-academy-visit-page{
		font-size: 1.3rem;
	}
	
	.footer-col-logo{
		justify-content: left;
		padding-left: 40px !important;
	}
	
	.footer-logo{
		width: 60%;
	}
	
	.footer-col-text{
		justify-content: end;
		padding-right: 40px !important;
	}
	
	.footer-text{
		font-size: 0.8rem;
	}
}

@media (orientation: portrait) and (min-width: 500px) and (max-width: 768px){
	.top-menu-col-logo-mobile img{
		width: 50% !important;
	}
	
	.top-menu-col-menu-mobile img{
		width: 20% !important;
	}
	
	.mobile-menu-col-logo img{
		width: 50% !important;
	}
	
	.footer-text-mobile{
		font-size: 0.8em !important;
	}
}

@media (orientation: portrait) and (max-width: 768px){
	/* Mobile portrait view */
	.top-menu-container{
		display: none;
	}
	
	.top-menu-container-mobile{
		display: block;
		margin-top: 15px;
		background-color: #ffffff;
	}
	
	.top-menu-container-mobile-fixed{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 3;
		margin-top: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
		box-shadow: 0px 3px 5px grey;
	}
	
	.top-menu-col-logo-mobile img{
		width: 80%;
		margin-top: 15px;
		margin-bottom: 15px;
		padding-left: 20px;
	}
	
	.top-menu-col-menu-mobile{
		text-align: right;
		display: flex;
		align-items: center;
	}
	
	.top-menu-col-menu-mobile img{
		width: 30%;
		margin-right: 20px;
	}
	
	.header{
		width: 100%;
		margin-left: 20px;
	}
	
	.main-container{
		min-height: 700px;
		margin-top: 20px;
	}
	
	.aviation-container{
		left: -50px;
		width: 100.0%;
		height: 400px;
		border-top-right-radius: 100px;
		border-bottom-left-radius: 0px;
	}

	.aviation-cover{
		left: -50px;
		width: 100.0%;
		height: 400px;
		border-top-right-radius: 100px;
		border-bottom-left-radius: 0px;
	}

	.aviation-content-container{
		left: -50px;
		width: 100.0%;
		height: 400px;
		border-top-right-radius: 100px;
		border-bottom-left-radius: 0px;
	}
	
	.aviation-content{
		right: 50px;
	}
	
	.aviation-logo{
		width: 70%;
	}
	
	.aviation-title{
		font-size: 1.6rem;
		margin-top: 20px;
	}
	
	.aviation-visit-page{
		font-size: 1.0rem;
	}
	
	.pilot-academy-container{
		top: 300px;
		right: -50px;
		width: 90.0%;
		height: 350px;
		border-top-left-radius: 100px;
		border-bottom-right-radius: 0px;
	}

	.pilot-academy-cover{
		top: 300px;
		right: -50px;
		width: 90.0%;
		height: 350px;
		border-top-left-radius: 100px;
		border-bottom-right-radius: 0px;
	}

	.pilot-academy-content-container{
		top: 300px;
		right: -50px;
		width: 90.0%;
		height: 400px;
		border-bottom-left-radius: 0px;
		border-top-right-radius: 100px;
	}
	
	.pilot-academy-content{
		left: 35px;
	}
	
	.pilot-academy-logo{
		width: 75%;
	}
	
	.pilot-academy-title{
		font-size: 1.6rem;
		margin-top: 20px;
	}
	
	.pilot-academy-visit-page{
		font-size: 1.0rem;
	}
	
	.footer-container{
		position: initial;
	}
	
	.footer-col-logo{
		justify-content: left;
		padding-left: 40px !important;
	}
	
	.footer-logo{
		width: 100%;
	}
	
	.footer-col-text{
		justify-content: end;
		padding-right: 30px !important;
	}
	
	.footer-text{
		display: none;
	}
	
	.footer-text-mobile{
		display: block;
		font-size: 0.55rem;
	}
	
	.mobile-menu{
		position: fixed;
		z-index: 4;
		background-color: #181818;
		color: #ffffff;
		top: 0;
		left: 0;
		font-family: 'Reservation Wide';
		width: 100%;
		height: 300px;
		animation: fadeInRight 1s linear;
		border-bottom-right-radius: 100px;
		box-shadow: 0px 3px 15px black;
	}
	
	.mobile-menu-header-row{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.mobile-menu-col-logo{
		display: flex;
		align-items: center;
	}
	
	.mobile-menu-col-logo img{
		width: 70%;
		margin-left: 30px;
	}
	
	.mobile-menu-col-close{
		text-align: right;
	}
	
	.mobile-menu-col-close a{
		margin-right: 30px;
		color:#ffffff;
		text-decoration: none;
		font-size: 1.8rem;
	}
	
	.mobile-menu-col-close a:hover{
		color:#ffffff;
		text-decoration: none;
	}
	
	.mobile-menu-col-close a:active{
		color:#ffffff;
		text-decoration: none;
	}
	
	.mobile-menu-link-container{
		margin-top: 30px;
	}
	
	.mobile-menu-link{
		color:#ffffff;
		text-decoration: none;
		font-size: 1.3rem;
		margin-left: 30px;
	}
	
	.mobile-menu-link:hover{
		color:#ffffff;
		text-decoration: none;
		font-size: 1.5rem;
		margin-left: 30px;
	}
	
	.mobile-menu-link:active{
		color:#ffffff;
		text-decoration: none;
		font-size: 1.5rem;
		margin-left: 30px;
	}
	
	.mobile-menu-link-pilot-academy{
		margin-top: 15px;
	}
}

@media (orientation: portrait) and (max-width: 360px){
	.footer-text-mobile{
		font-size: 0.48em;
	}
}

@media (orientation: landscape) and (max-width: 700px){
	/* Mobile landscape view */
	.top-menu-container{
		display: none;
	}
	
	.top-menu-container-mobile{
		display: block;
		margin-top: 15px;
		background-color: #ffffff;
	}
	
	.top-menu-container-mobile-fixed{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 3;
		margin-top: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
		box-shadow: 0px 3px 5px grey;
	}
	
	.top-menu-col-logo-mobile img{
		width: 45%;
		margin-top: 15px;
		margin-bottom: 15px;
		padding-left: 20px;
	}
	
	.top-menu-col-menu-mobile{
		text-align: right;
	}
	
	.top-menu-col-menu-mobile img{
		width: 15%;
		margin-right: 20px;
	}
	
	.header{
		width: 100%;
		margin-left: 20px;
	}
	
	.main-container{
		min-height: 450px;
		margin-top: 20px;
	}
	
	.aviation-container{
		left: -50px;
		width: 60.0%;
		height: 400px;
		border-top-right-radius: 100px;
		border-bottom-left-radius: 0px;
	}

	.aviation-cover{
		left: -50px;
		width: 60.0%;
		height: 400px;
		border-top-right-radius: 100px;
		border-bottom-left-radius: 0px;
	}

	.aviation-content-container{
		left: -50px;
		width: 60.0%;
		height: 400px;
		border-top-right-radius: 100px;
		border-bottom-left-radius: 0px;
	}
	
	.aviation-content{
		right: 70px;
	}
	
	.aviation-logo{
		width: 70%;
	}
	
	.aviation-title{
		font-size: 1.6rem;
		margin-top: 20px;
	}
	
	.aviation-visit-page{
		font-size: 1.0rem;
	}
	
	.pilot-academy-container{
		top: 25px;
		right: -50px;
		width: 60.0%;
		height: 350px;
		border-top-left-radius: 100px;
		border-bottom-right-radius: 0px;
	}

	.pilot-academy-cover{
		top: 25px;
		right: -50px;
		width: 60.0%;
		height: 350px;
		border-top-left-radius: 100px;
		border-bottom-right-radius: 0px;
	}

	.pilot-academy-content-container{
		top: 25px;
		right: -50px;
		width: 60.0%;
		height: 400px;
		border-bottom-left-radius: 0px;
		border-top-right-radius: 100px;
	}
	
	.pilot-academy-content{
		left: 35px;
	}
	
	.pilot-academy-logo{
		width: 75%;
	}
	
	.pilot-academy-title{
		font-size: 1.6rem;
		margin-top: 20px;
	}
	
	.pilot-academy-visit-page{
		font-size: 1.0rem;
	}
	
	.footer-container{
		position: initial;
	}
	
	.footer-col-logo{
		justify-content: left;
		padding-left: 40px !important;
	}
	
	.footer-logo{
		width: 100%;
	}
	
	.footer-col-text{
		justify-content: end;
		padding-right: 30px !important;
	}
	
	.footer-text{
		display: none;
	}
	
	.footer-text-mobile{
		display: block;
		font-size: 0.45rem;
	}
	
	.mobile-menu{
		position: fixed;
		z-index: 4;
		background-color: #181818;
		color: #ffffff;
		top: 0;
		left: 0;
		font-family: 'Reservation Wide';
		width: 100%;
		height: 300px;
		animation: fadeInRight 1s linear;
		border-bottom-right-radius: 100px;
		box-shadow: 0px 3px 15px black;
	}
	
	.mobile-menu-header-row{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.mobile-menu-col-logo{
		display: flex;
		align-items: center;
	}
	
	.mobile-menu-col-logo img{
		width: 70%;
		margin-left: 30px;
	}
	
	.mobile-menu-col-close{
		text-align: right;
	}
	
	.mobile-menu-col-close a{
		margin-right: 30px;
		color:#ffffff;
		text-decoration: none;
		font-size: 1.8rem;
	}
	
	.mobile-menu-col-close a:hover{
		color:#ffffff;
		text-decoration: none;
	}
	
	.mobile-menu-col-close a:active{
		color:#ffffff;
		text-decoration: none;
	}
	
	.mobile-menu-link-container{
		margin-top: 30px;
	}
	
	.mobile-menu-link{
		color:#ffffff;
		text-decoration: none;
		font-size: 1.3rem;
		margin-left: 30px;
	}
	
	.mobile-menu-link:hover{
		color:#ffffff;
		text-decoration: none;
		font-size: 1.5rem;
		margin-left: 30px;
	}
	
	.mobile-menu-link:active{
		color:#ffffff;
		text-decoration: none;
		font-size: 1.5rem;
		margin-left: 30px;
	}
	
	.mobile-menu-link-pilot-academy{
		margin-top: 15px;
	}
}

.contact-submenu{
	position: absolute;
	/*width: 400px;
	height: 800px;*/
	/*background-color: green;*/
	display: none;
	z-index: 5;
	padding-bottom: 15px;
	-webkit-box-shadow: -1px 12px 17px -3px rgba(0,0,0,0.38); 
	box-shadow: -1px 12px 17px -3px rgba(0,0,0,0.38);
}

.contact-submenu-item{
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
}

.contact-submenu-link-aviation, .contact-submenu-link-pilot-academy{
	color: #000000;
	font-family: 'Reservation Wide';
	text-decoration: none;
}

.contact-submenu-link-aviation:hover{
	color: #005dc8;
	text-decoration: none;
}

.contact-submenu-link-pilot-academy:hover{
	color: #eeb602;
	text-decoration: none;
}