html, body {
    overflow-x: hidden;
    max-width: 100vw;
    }


body {
    font-family: "Reddit Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 15px;
    line-height: 1.5rem;
    letter-spacing: 0.4px;
    margin-top: -3rem;
    background-color: #1e2124;
}

.container {
    max-width: 1100px;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'proxima-nova-extra-wide', sans-serif;
    font-weight: 300;
    
}

h1, h2, h3, h4 {
    text-transform: uppercase;
}

.brand-primary {
    color: #0099ff;
}

.brand-primary-background {
    background-color: #0099ff;
}

.gray-primary {
    color: #1e2124;
}

.gray-primary-background {
    background-color: #1e2124;
}

.gray-primary-gradient {
    background: #494d54;
    background: linear-gradient(165deg,rgba(73, 77, 84, 1) 0%, rgba(30, 33, 36, 1) 50%);   
}

.gray-light {
    color:#e3e3e3
}

.gray-light-gradient {
    background: #E3E3E3;
    background: linear-gradient(166deg, rgba(227, 227, 227, 1) 40%, rgb(149, 149, 149) 100%);
}

.gray-light-background {
    background-color: #e3e3e3;
}

.black-background {
    background-color: #000;
}

.white-background {
    background-color: #fff;
}

.white-background-translucent {
    background-color: rgba(255, 255, 255, 0.05);
}

.fw-100 {
    font-weight: 100;
}

.hover-fade {
	opacity: 1;
	transition: ease 0.3s;
}

.hover-fade:hover {
	opacity: 0.75
}


.navbar {
    font-family: 'proxima-nova-extra-wide', sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #d7d7d7;
    z-index: 500;
    background: rgba(0, 0, 0, 0.8);
    transition: ease 0.4s;
    --bs-navbar-toggler-focus-width: 0rem;
}


#navbar.scrolled {
	background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(20px);
    height: auto;
}

.dropdown-item {
    font-size: 12px;
}

.dropdown-menu {
    border-radius: 0;
}

.nav-link {
    color: #fff;
}


hr {
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .5;
}

.link-unstyled {
    text-decoration: none;
    color: inherit;
}

.hr-hero {
    max-width: 514px;
}

.hr-white {
  border: none;
  height: 1px;
  background-color: #fff;
}

.home-page-hero {
    height: 700px;
    overflow: hidden;
    background-image: url(../img/home-video-poster-image.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}

.hero-video {
    position: fixed;
    top: 50%;
    left: 0;
    width: 100vw;
    max-width: 100%;
}


.home-page-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 700px;
    background: #000;
    background: linear-gradient(90deg, #000000bf 0%, #00000000 100%);
    z-index: 1;
}

.home-hero-content {
        z-index: 300;
    }

.team-hero {
    background-image: url(../img/team-hero-img.webp);
    background-position: 66% 50%;
    background-repeat: none;
    background-size: cover;
    height: 500px;
}

.team-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background: #000;
    background: linear-gradient(90deg, #000000bf 33%, #00000000 100%);
    z-index: 1;
}

.contact-hero {
    background-image: url(../img/contact-hero-img.webp);
    background-position: center;
    background-repeat: none;
    background-size: cover;
    height: 500px;
}

.contact-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background: #000;
    background: linear-gradient(90deg, #000000bf 0%, #00000000 100%);
    z-index: 1;
}

.team-title {
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: normal;
    opacity: 0.66;
}

.training-hero {
    background-image: url(../img/training-hero-img.webp);
    background-position: right;
    background-repeat: none;
    background-size: cover;
    height: 600px;
}

.training-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, #00000000 75%);
    z-index: 1;
}

.about-hero {
    background-image: url("../img/about-us-hero-img.webp");
    background-position: center;
    background-repeat: none;
    background-size: cover;
    height: 600px;
}

.about-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, #00000000 75%);
    z-index: 1;
}

.discovery-hero {
    background-image: url("../img/discovery-hero-img-2.webp");
    background-position: center;
    background-repeat: none;
    background-size: cover;
    height: 600px;
}

.discovery-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, #00000000 75%);
    z-index: 1;
}

.charter-hero {
    background-image: url("../img/charter-hero-img.webp");
    background-position: right bottom;
    background-repeat: none;
    background-size: cover;
    height: 600px;
}

.charter-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, #00000000 75%);
    z-index: 1;
}

.fleet-hero {
    background-image: url("../img/fleet-hero-img-mobile-2.webp");
    background-position: center;
    background-repeat: none;
    background-size: cover;
    height: 600px;
}

.fleet-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, #00000000 75%);
    z-index: 1;
}

.rentals-hero {
    background-image: url("../img/rentals-hero-img.webp");
    background-position: center;
    background-repeat: none;
    background-size: cover;
    height: 600px;
}

.rentals-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, #00000000 75%);
    z-index: 1;
}

.simulator-hero {
    background-image: url("../img/simulator-hero-img-2.webp");
    background-position: center;
    background-repeat: none;
    background-size: cover;
    height: 600px;
}

.simulator-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, #00000000 75%);
    z-index: 1;
}

.resources-hero {
    background-image: url("../img/simulator-hero-img.webp");
    background-position: center;
    background-repeat: none;
    background-size: cover;
    height: 500px;
}

.resources-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, #00000000 75%);
    z-index: 1;
}

.home-featured-image {
    width: auto;
    height: 280px;
    overflow: hidden;
	position: relative;
}

.home-featured-image img {
    object-fit: cover;
    width: 100%;
    height: auto;
    transform: translateY(-100px);
}

.home-featured-image-2 img {
    margin-top: -2rem;
}

.btn-custom {
    font-family: proxima-nova-extra-wide, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    background-color: #0099ff; 
    border: solid 2px #0099ff;
    border-radius: 30px;
    padding: 0.5rem 2rem;
}

.btn-custom:hover {
    border: solid 2px #0099ff;
    background: transparent;
}

.btn-custom-dark {
    font-family: proxima-nova-extra-wide, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    background-color: #1e2124; 
    border: solid 2px #1e2124;
    border-radius: 30px;
    padding: 0.5rem 2rem;
}

.btn-custom-dark:hover {
    border: solid 2px #1e2124;
    background: transparent;
}

.btn-custom-light {
    font-family: proxima-nova-extra-wide, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    background-color: #0099ff; 
    border: solid 2px #0099ff;
    border-radius: 30px;
    padding: 0.5rem 2rem;
}

.btn-custom-light:hover {
    border: solid 2px #0099ff;
    background: transparent;
    color: #0099ff !important;
}



.btn-custom-nav {
    font-family: proxima-nova-extra-wide, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 11px;
    color: #fff;
    background-color: rgba(0,0,0,0.25); 
    border: solid 2px #0099ff;
    border-radius: 30px;
    padding: 8px 16px;
    margin-top: -4px;
    
}

.btn-custom-nav:hover {
    background-color: #0099ff;
    border: solid 2px #0099ff;
    color: #fff;
}


.primary-section-padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.discovery-flight-cta {
    position: relative;
    background-image: url(../img/discovery-flight-background.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.discovery-flight-cta::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 1;
}

.charter-flight-cta {
    position: relative;
    background-image: url(../img/charter-flight-background.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.about-us-cta {
    position: relative;
    background-image: url("../img/about-us-background.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.cover-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}

.cover-photo-center {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.testimonial-quote-left {
    opacity: 0.2;
    position:relative;
    margin-right: 10px;
    top: -4px;

}

.testimonial-quote-right {
    opacity: 0.2;
    position:relative;
    margin-left: 8px;
    top: 2px;
    
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  margin-top: -2px;
  left: 0;
  background-color: #fff;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
}

.hover-underline-animation.left::after {
  transform-origin: bottom right;
}

.hover-underline-animation.left:hover::after {
  transform-origin: bottom left;
}


/* Dot Wave Canvas */
canvas {
  height: 700px;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
  overflow-x: hidden;
  max-width: 100% !important;
  z-index: 1;
}

.photo-border-white {
    border: solid 12px #fff;
}

.numeral-circled {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	border: solid 3px #fff;
	background-color: transparent;
	color: #fff;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.testimonial-headshot {
    border: solid 6px #fff;
}

.accordion-body {
    font-weight: 400;
}

.footer-text {
    font-size: 13px;
    color: #E1E1E1;
    line-height: 1.3rem;
}

.footer-link {
	opacity: 0.7;
	transition: ease 0.3s;
}

.footer-link:hover {
	opacity: 1;
}

/* Breakpoint sm and larger */
@media (min-width: 576px) {
    .home-featured-image-2 img {
    margin-top: -6rem;
    }
}

/* Breakpoint md and larger */
@media (min-width: 768px) {

    .home-featured-image {
        width: 100%;
        height: auto;
        overflow: hidden;

    }

    .home-featured-image img {
        margin-left: -18rem;
        transition: ease 0.3s;
        object-fit: cover;
        width: auto;
        height: 100%;
		overflow-x: hidden;
    }

    .home-featured-image-2 img {
    margin-top: -1rem;
    }
}


/* Breakpoint lg and larger */
@media (min-width: 992px) {
    
    .nav-item {
        margin-right: 1rem;
        font-size: 13px;
    }

    canvas {
    right: 0;
    background-color: #001014;
    }

    .home-page-hero {
    background-position: left;
    }

    .home-featured-image img {
        margin-left: -10rem;
    }
	
	.fleet-hero {
    background-image: url("../img/fleet-hero-img-2.webp");
    background-position: center;
}

    .navbar {
    font-family: 'proxima-nova-extra-wide', sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #d7d7d7;
    z-index: 500;
    background: #000;
    background: linear-gradient(180deg, #000000bf 10%, #00000000 100%);
    transition: ease 0.4s;
    --bs-navbar-toggler-focus-width: 0rem;
    }

    .hover-underline-animation::after {
    content: '';
    position: absolute;
    width: 81%;
    transform: scaleX(0);
    height: 1px;
    margin-top: -10px;
    left: 9px;
    background-color: #fff;
    transition: transform 0.25s ease-out;
    }

 }

 /* Breakpoint xl and larger */
@media (min-width: 1200px) {
    .home-featured-image img {
        margin-left: -5rem;
    }
    .home-hero-content {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

 /* Breakpoint xxl and larger */
@media (min-width: 1400px) {
    .home-featured-image img {
        transform: translateX(0px);
    }
}