.page-template-template-landing-page {
	padding: 0 !important;

	.header {
		display: none;
	}

	.main {
		padding: 0;
	}

	.landing-wrapper {
		min-height: 352px;
		background-size: cover;
		aspect-ratio: 1670/352;
		position: relative;
		max-width: 100%;

		.landing-logo {
			svg {
				position: absolute;
				top: 50%;
				left: 10%;
				transform: translateY(-50%);

				@media screen and (max-width: 768px) {
					left: 50%;
					transform: translate(-50%, -50%);
				}
			}

		}
	}

	.promo-bar {
		background-color: #2F66F6;
		padding: 9px 0;

		h1 {
			color: #FFF;
			text-align: center;
			font-family: "din-condensed", sans-serif;
			font-size: 20px;
			font-style: normal;
			font-weight: 700;
			letter-spacing: 0.05em;
			text-transform: uppercase;
		}
	}

	.form-wrapper {
		display: flex;
		column-gap: 50px;
		row-gap: 20px;
		margin-top: 44px;
		margin-bottom: 71px;
		align-items: center;
		padding-left: 30px;
		padding-right: 30px;

		@media screen and (max-width: 768px) {
			margin-bottom: 20px;
			flex-wrap: wrap;
		}

		>* {
			flex-shrink: 0;
			flex-basis: 50%;

			@media screen and (max-width: 768px) {
				flex-basis: 100%;
			}
		}

		.book-form {
			width: auto;

			@media screen and (max-width: 768px) {
				flex-shrink: 1;
			}

			form {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 10px;

				@media screen and (max-width: 768px) {
					grid-template-columns: 1fr;
				}

				.book-form-flight-type,
				.preferred-contact,
				textarea,
				p {
					grid-column: 1/-1;
				}

				.awesomplete {
					margin: 0;
				}

				>* {
					max-width: 100%;
					margin: 0;

					input {
						max-width: 100%;
						margin: 0 !important;
					}
				}

				p {
					color: #fff;
					text-transform: uppercase;
					margin: 20px 0;
				}

				button {
					padding: 15px 0;
				}
			}
		}

		.text {
			max-width: 533px;
			margin-right: auto;
			flex-shrink: 1;

			h2 {
				color: #000;
				font-size: 33px;
				font-style: normal;
				font-weight: 700;
				line-height: 1.18;
				text-transform: none;
			}

			p {
				color: #000;
				font-size: 20px;
				font-style: normal;
				font-weight: 400;
				line-height: 1.4;
			}

			img {
				max-width: 100%;
				margin: 0 auto
			}
		}

	}

	.quote {
		background-color: #333131;
		padding-top: 50px;
		padding-bottom: 50px;

		@media screen and (max-width: 768px) {
			padding-top: 30px;
			padding-bottom: 30px;
		}

		.wrapper {
			p {
				color: #A8A8A8;
				text-align: center;
				font-size: 27px;
				font-style: normal;
				font-weight: 400;
				line-height: 1.25;

				@media screen and (max-width: 768px) {
					font-size: 18px;
				}

				&.decorate {
					position: relative;
					padding-left: 98px;
					padding-right: 98px;

					@media screen and (max-width: 768px) {
						padding-left: 50px;
						padding-right: 50px;
					}

					&:before {
						content: '';
						background-image: url(../images/quote.png);
						background-repeat: no-repeat;
						background-size: contain;
						width: 78px;
						height: 73px;
						position: absolute;
						left: 0;
						top: 0;
						/* flip 180 degrees */
						transform: rotate(180deg);

						@media screen and (max-width: 768px) {
							width: 40px;
							height: 40px;
							left: 5px;
						}
					}

					&:after {
						content: '';
						background-image: url(../images/quote.png);
						background-repeat: no-repeat;
						background-size: contain;
						width: 78px;
						height: 73px;
						position: absolute;
						bottom: 0;
						right: 0;

						@media screen and (max-width: 768px) {
							width: 40px;
							height: 40px;
							right: 5px;
						}
					}
				}
			}
		}
	}

	.commitment-safety {
		display: flex;
		column-gap: 50px;
		row-gap: 20px;
		align-items: center;
		margin-top: 90px;
		margin-bottom: 90px;
		padding-left: 30px;
		padding-right: 30px;

		@media screen and (max-width: 768px) {
			margin-top: 30px;
			margin-bottom: 30px;
			flex-wrap: wrap;
		}

		>* {
			flex-shrink: 0;
			flex-basis: 50%;

			@media screen and (max-width: 768px) {
				flex-basis: 100%;
			}
		}

		.text {
			@media screen and (max-width: 768px) {
				flex-shrink: 1;
			}

			h2 {
				color: #000;
				font-size: 50px;
				font-style: normal;
				font-weight: 700;
				line-height: 1;
				letter-spacing: -.03em;
			}

			p {
				color: #000;
				font-size: 20px;
				font-style: normal;
				font-weight: 400;
				line-height: 1.4;
			}

			h4 {
				color: #000;
				font-size: 20px;
				font-style: normal;
				font-weight: 700;
				line-height: 1.95;
				letter-spacing: .05em;
				text-transform: uppercase;
				display: inline-block;
				border-bottom: 5px solid #2F66F6;
			}

			.plane-list {
				margin-top: 15px;

				.plane-row {
					display: flex;
					flex-wrap: nowrap;
					gap: 15px;
					align-items: center;
					margin-bottom: 15px;

					p {
						color: #000;
						font-size: 20px;
						font-style: normal;
						font-weight: 400;
						margin: 0;
					}
				}
			}
		}

		figure {
			flex-shrink: 1;
			margin: 0;

			img {
				max-width: 100%;
				height: auto;
			}
		}
	}

	.contact {
		display: none;
	}

	.footer {
		border-top: 0px;

		@media screen and (max-width: 768px) {
			padding-bottom: 30px;
		}

		.footer-bases {
			display: none;
		}

		.footer-info {
			display: none;
		}
	}

	.alternate-footer {
		background-color: #231f20;
		padding-top: 30px;
		padding-bottom: 30px;

		.footer-details {
			display: flex;
			gap: 15px;
			flex-wrap: wrap;
			justify-content: center;

			@media screen and (max-width: 768px) {
				text-align: center;
			}

			div {
				color: #fff;
				font-size: 18.905px;
				font-style: normal;
				font-weight: 400;
				line-height: 1.27;

				span {
					color: #2F66F6;
					text-transform: uppercase;
					font-size: 13px;
					font-style: normal;
					font-weight: 700;
					letter-spacing: .27em;

					@media screen and (max-width: 768px) {
						display: block;
					}
				}
			}
		}
	}

}