/* Booking widget */

.booking-widget-area{
    position:relative;
}

.booking-widget{
    position:absolute;
    top:-585px;
    z-index:999
}

.booking-widget .card{
    border-radius: 10px;
}

@media screen and (max-width:991px){
    .booking-widget{
        top:0px;
        position:relative;
    }
}

@media screen and (max-width:768px){
    .booking-widget{
        top:0px;
    }
    .booking-widget .card{
        border-radius:0px;
    }
}

/* background images */
.index-hero--image-container{
    position: relative;
}

.index-hero--image1 {
    background: url("/assets/img/Nashville-indexhero.jpg") no-repeat;
    background-position: 50% 10%;
    background-size:cover;
    min-height:350px;
    width:100%;
    display:flex;
    flex-direction: column;
    justify-content: end;
}
.index-hero--image2 {
    background: url("/assets/img/Reno-indexhero.jpg") no-repeat;
    background-position: 100% 50%;
    background-size:cover;
    min-height:350px;
    width:100%;
}

@media screen and (max-width:991px){
    .index-hero--image1,
    .index-hero--image2{
        min-height:225px;
    }
}
@media screen and (max-width:768px){
    .index-hero--image1,
    .index-hero--image2{
        min-height:198px;
    }
}

.index-hero--image3 .faresaletext{
    letter-spacing: 8px;
}

.index-hero-video {
    position:relative;
    min-height:700px;
    height:700px;
    width:100%;
}

.index-hero-video video#background-video {
    z-index:-1;
    object-fit:cover;
    height:100%;
    width:100%;
}

.salebutton-section{
    position: relative;
    top: -530px;
    right: -70px;
}

.salebutton-section .saletitle{
    letter-spacing:6px;
}

@media screen and (max-width:991px){
    .index-hero-video {
        min-height:450px;
        height:450px;
    }
    .salebutton-section{
        top:-180px;
        right:0px;
    }
}
@media screen and (max-width:768px){
    .index-hero--image3 {
        min-height:396px;
    }
    .index-hero-video {
        min-height:396px;
        height:396px;
    }
}


.index-hero--image4 {
    background: url("/assets/img/index/ONT-Evinger-Extended-Sky.jpg") no-repeat;
    background-position: 100% 100%;
    background-size:cover;
    min-height:700px;
    width:100%;
    display:flex;
    flex-direction: column;
    text-align: center;
}

@media screen and (min-width:992px){
    .index-hero--image4-content {
        margin-top: 100px;
    }
}
@media screen and (max-width:991px){
    .index-hero--image4 {
        min-height:450px;
    }

    .index-hero--image4-content {
        margin-top: 20px;
    }
}
@media screen and (max-width:768px){
    .index-hero--image4{
        min-height:396px;
    }
}
@media screen and (max-width:430px){
    .index-hero--image4{
        background-position:70% 100%;
     }
}

.index-hero--image5 {
    background: url("/assets/img/index/stock-asia-purple.jpg") no-repeat;
    background-position: 100% 100%;
    background-size:cover;
    min-height:700px;
    width:100%;
    display:flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (max-width:991px){
    .index-hero--image5{
        min-height:450px;
    }
}
@media screen and (max-width:768px){
    .index-hero--image5{
        min-height:396px;
    }
}
@media screen and (max-width:430px){
    .index-hero--image5{
        background-position:70% 100%;
     }
}

.index-hero--image-holidaysale{
    background: url("/assets/img/np-holidaysale.jpg") no-repeat;
    background-position: 50% 80%;
    background-size:cover;
    min-height:730px;
    width:100%;
    display:flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (min-width:1400px){
    .index-hero--image4 {
        background-position: 100% 00%;
    }
}

.index.airplanetail{
    background: url("/assets/img/planeexterior/ANC_plane-tail_trimmed.png") no-repeat;
    background-position: -10% 60%;
    background-size:cover;
    min-height:680px;
    width:100%;
    position:relative;
    right:-15px;
}

.sale.airplane-tail{
    background-position: 100% 100%;
    background-size:contain;
    min-height:450px;
    width:100%;
    position:relative;
    right: 0px;
    bottom:140px;
    z-index:0;
}

.sale.title-text-area{
    width:180px;
    display:flex;
    align-items:center;
}

.index-joinourteam--bg{
    background: url("/assets/img/index/stock/index-clouds.jpg") no-repeat;
    background-size:cover;
    background-position: 50% 50%;
    height:500px;
    display:flex;
    align-items: center;
}

.index-flycoin{
    background: url("/assets/img/index/AdobeStock_362232201.jpg") no-repeat;
    background-size:cover;
    background-position: 50% 50%;
    height:500px;
    display:flex;
    align-items: center;
}

.index-charter-area{
    height:500px;
    display:flex;
    align-items: center;
    justify-content:center;
    position:relative;
}

.index-charter-area:before{
    content:'';
    background: linear-gradient(30deg, rgb(255, 255, 255) 0%, rgba(0,0,0,0) 100%);
    height: 500px;
    width: 100%;
    position: absolute;
}

.index-charter-img{
    background: url("/assets/img/planeexterior/ANC-Plum-clipped_transparent.png") no-repeat;
    background-size:contain;
    background-position: 0% 90%;
    height:260px;
    width:100%;
    position:absolute;
    bottom:-10px;
    left:0;
    z-index:-1;
}

.overlay-npblue-900-bg{
    height:500px;
    width:100%;
}

.index-card .row{
    padding-top: 140px;
}

@media screen and (max-width:768px){
    .index-joinourteam--bg,
    .index-charter-area,
    .index-flycoin,
    .overlay-npblue-900-bg{
        height:340px;
    }
    .index-charter-img{
        height:200px;
    }
    .index-card .row{
        padding-top: 60px;
    }
}

@media screen and (min-width:1200px){
    .sale.airplane-tail{
        position:absolute
    }
}

@media screen and (max-width:991px){
    .index-hero--image {
        min-height:calc(50vh - 10rem);
        background-position: 0% -10%;
        background-size: contain;
    }
    .index-hero--image:after{
        height:80px;
    }
    .index-hero--image-holidaysale{
        background-position: 100% 80%;
        min-height:450px;
    }
    .index-hero--image1{
        display:block;
    }
    .sale.airplane-tail{
        background-position:100% 100%;
        min-height:450px
    }
}
@media screen and (max-width:768px){
    .index.airplanetail{
        min-height:380px;
    }
    .index-hero--image-holidaysale{
        background-position: 80% 80%;
        min-height:396px;
    }
    .sale.title-text-area{
        width:100%;
    }
    .sale.airplane-tail{
        min-height:350px
    }
    .sale.title-text-area{
        justify-content:center;
    }
}

@media screen and (max-width:430px){
    .index-hero--image {
        background-position: 50% 0%;
        min-height: 12em;
    }
    .index-hero--image:after{
        display:none;
    }
}

/* tile placement */
.index-tiles{
    position:relative;
    z-index:999;
}
.index-tiles.left{
    left:-55px;
    top:-310px;
}
.index-tiles.right{
    right:-55px;
    top:165px;
}

.p-absolute-tile.left{
    position: absolute;
    left: -265px;
    top: 155px;
}

.p-absolute-tile.right{
    position: absolute;
    right: -265px;
    top: 700px;
}

@media screen and (max-width:1400px){
    .p-absolute-tile.left,
    .p-absolute-tile.right{
        display:none;
    }
}

@media screen and (max-width:1200px){
    .p-absolute-tile.left,
    .p-absolute-tile.right,
    .index-tiles{
        display:none;
    }
}

.square-tile{
    height:200px;
    width:200px;
    margin-bottom:2.5rem;
}

.rectangle-tile{
    height: 300px;
    width: 424px;
}

.rectangle-tile.left{
    margin-right:1.1rem;
}

.rectangle-tile.right{
    margin-left:14px;
}

.featured-tile{
    height: 280px;
    width: 424px;
}

.bottom-row-tiles{
    top:-180px
}

@media screen and (max-width:1200px){
    .bottom-row-tiles{
        top:0px;
    }
}

@media screen and (max-width:768px){
    .bottom-row-tiles,
    .top-tiles{
        flex-wrap:wrap
    }
    .rectangle-tile{
        width:100%;
    }
    .featured-tile{
        width:360px;
    }
}

@media screen and (max-width:400px){
    .top-tiles{
        display:inherit;

    }
}

/* stock tile images */

/* ontario */

.ont-metrolink{
    background-image: url("/assets/img/index/stock/metrolink-trains-share.jpg");
    background-position: 0% 45%;
    background-size:cover;
}

.disneyland{
    background: url("/assets/img/index/stock/ont-disneyland.jpg" ) no-repeat;
    background-position: 50% 50%;
    background-size:contain;
}

.disneyland2{
    background: url("/assets/img/index/stock/disneycastle.jpg" ) no-repeat;
    background-position: 50% 50%;
    background-size:contain;
}

.hollywood{
    background: url("/assets/img/index/stock/ont-hollywood.jpg" ) no-repeat;
    background-position: 50% 50%;
    background-size:cover;
}
.ont-slopes{
    background: url("/assets/img/index/stock/ont-slopes.jpg" ) no-repeat;
    background-position: 50% 50%;
    background-size:cover;
}
.ont-clocktower{
    background: url("/assets/img/index/stock/ont-clocktower.jpg" ) no-repeat;
    background-position: 50% 50%;
    background-size:cover;
}

.ont-palmtrees{
    background: url("/assets/img/index/stock/ont-palmtrees.jpg" ) no-repeat;
    background-position: 50% 90%;
    background-size:cover;
}

.ont-dtlosangeles-sign{
    background: url("/assets/img/index/stock/ont-dtlosangeles-sign.jpg" ) no-repeat;
    background-position: 70% 90%;
    background-size:cover;
}

.ont-sunset{
    background: url("/assets/img/index/stock/ont-sunset.jpg" ) no-repeat;
    background-position: 50% 90%;
    background-size:cover;
}

.ont-food{
    background: url("/assets/img/index/stock/ont-food.jpg" ) no-repeat;
    background-position: 0% 90%;
    background-size:cover;
}

.ont-hotsprings{
    background: url("/assets/img/index/stock/ont-hotsprings.jpg" ) no-repeat;
    background-position: 50% 90%;
    background-size:cover;
}

/* reno */
.rno-laketahoesunrise{
    background: url("/assets/img/index/stock/rno-laketahoesunrise.jpg" ) no-repeat;
    background-position: 50% 90%;
    background-size:cover;
}

.rno-skilift{
    background: url("/assets/img/index/stock/rno-skilift.jpg" ) no-repeat;
    background-position: 50% 90%;
    background-size:cover;
}

.rno-casino{
    background: url("/assets/img/index/stock/rno-casino.jpg" ) no-repeat;
    background-position: 50% 90%;
    background-size:cover;
}

.rno-hike{
    background: url("/assets/img/index/stock/rno-hike.jpg" ) no-repeat;
    background-position: 50% 90%;
    background-size:cover;
}

.rno-river{
    background: url("/assets/img/index/stock/rno-river.jpg" ) no-repeat;
    background-position: 50% 90%;
    background-size:cover;
}

.rno-skier{
    background: url("/assets/img/index/stock/rno-skier.jpg" ) no-repeat;
    background-position: 10% 90%;
    background-size:cover;
}

.rno-downtown{
    background: url("/assets/img/index/stock/rno-downtown.jpg" ) no-repeat;
    background-position: 50% 90%;
    background-size:cover;
}

.rno-skyline{
    background: url("/assets/img/index/stock/rno-skyline.jpg" ) no-repeat;
    background-position: 50% 90%;
    background-size:cover;
}

.rno-firepit{
    background: url("/assets/img/index/stock/rno-firepit.jpg" ) no-repeat;
    background-position: 50% 90%;
    background-size:cover;
}

.rno-food{
    background: url("/assets/img/index/stock/rno-food.jpg" ) no-repeat;
    background-position: 50% 90%;
    background-size:cover;
}

/* nashville */
.bna-jacksonstatue{
    background: url("/assets/img/index/stock/bna-jacksonstatue.jpg" ) no-repeat;
    background-position: 50% 60%;
    background-size:cover;
}
.bna-concert{
    background: url("/assets/img/index/stock/bna-concert.jpg" ) no-repeat;
    background-position: 50% 60%;
    background-size:cover;
}
.bna-grandoleopry{
    background: url("/assets/img/index/stock/bna_grandoleopry.jpg" ) no-repeat;
    background-position: 50% 60%;
    background-size:cover;
}
.bna-kayak{
    background: url("/assets/img/index/stock/bna_kayak.jpg" ) no-repeat;
    background-position: 50% 60%;
    background-size:cover;
}
.bna-skyline{
    background: url("/assets/img/index/stock/bna-skyline.jpg" ) no-repeat;
    background-position: 50% 60%;
    background-size:cover;
}
.bna-food{
    background: url("/assets/img/index/stock/bna-jambalaya.jpg" ) no-repeat;
    background-position: 50% 60%;
    background-size:cover;
}
.bna-park{
    background: url("/assets/img/index/stock/bna-park.jpg" ) no-repeat;
    background-position: -30% 60%;
    background-size:cover;
}

.bna-downtown{ 
    background: url("/assets/img/index/stock/bna-downtown.jpg" ) no-repeat;
    background-position: 50% 60%;
    background-size:cover;
}

.bna-boots{ 
    background: url("/assets/img/index/stock/bna_boots.jpg" ) no-repeat;
    background-position: 50% 60%;
    background-size:cover;
}

.bna-capitol{ 
    background: url("/assets/img/index/stock/bna-capitol.jpg" ) no-repeat;
    background-position: 50% 60%;
    background-size:cover;
}

/* overlay colors */

.overlay-npblue-bg{
    height:100%;
}

.mix-blend-mode-color{
    mix-blend-mode: color;
    opacity:0.9;
    transition: opacity ease-in-out 400ms;
    -webkit-transition: opacity ease-in-out 400ms;
}

.multiply {
    color:white;
    mix-blend-mode: multiply;
    opacity:0.9;
    transition: opacity ease-in-out 400ms;
    -webkit-transition: opacity ease-in-out 400ms;
}
.multiply:hover,
.mix-blend-mode-color:hover{
    opacity: 0;
}

/* typography */

.gradient-text--bluegreen{
    --bg-size: 400%;
    --color-one:   #91D6E4;
    --color-two:   #4DCAE3;
    --color-three: #0087AC;
    --color-four:  #37aa4d;
    background: linear-gradient(
                  120deg,
                  var(--color-one),
                  var(--color-two),
                  var(--color-three),
                  var(--color-four),
                  var(--color-three),
                  var(--color-two),
                  var(--color-one)
                ) 0 0 / var(--bg-size) 100%;
    animation: move-bg 16s infinite linear;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height:normal;
}

@keyframes move-bg {
    to {
      background-position: var(--bg-size) 0;
    }
}

@media (max-width:568px){
    .display-3.gradient-text--iceblue{
        font-size:2.2rem;
    }
}

.position-offset-top{
    position:absolute;
}

@media screen and (max-width: 991px){
    .position-offset-top{
        position:relative;
    }
}

/* tabs */
.index-tabs-section{
    position: relative;
    width: 510px;
    top: 185px;
    right: -260px;
    z-index:999;
}

@media screen and (max-width: 991px){
    .index-tabs-section{
        position: relative;
        right:0px;
        top:0px;
        width:100%;
    }
}

.index-main-tabs .nav{
    align-items:center;
}

.index-main-tabs .nav-tabs{
    border-bottom:unset;
    font-family: var(--font-oxanium);
    font-weight:500;
}

.index-main-tabs .nav-item{
    margin-right:1rem;
    margin-top: 1rem;
}

.index-main-tabs .nav-link{
    border: unset;
    border-top-left-radius:unset;
    border-top-right-radius:unset;
    margin-bottom:0.5rem;
}

@media screen and (max-width:768px){
    .index-main-tabs .nav-fill .nav-item .nav-link{
        margin:0;
        font-size:18px;
    }
    .index-main-tabs .nav-item{
        margin-right:0;
        margin-top: 0;
    }
}

.index-main-tabs .nav-link.btn-npbluemenu.active{
    background-color: var(--base-color-npblue-700);
    color: var(--base-color-black);
    border-radius:0.25rem;
}

.index-main-tabs .nav-link.btn-npbluemenu:hover{
    border-radius:0.25rem;
}

.text-content-area{
    max-width:450px;
    padding-left:25px;
}

@media screen and (max-width:490px){
    .text-content-area{
        padding-left:0px;
        max-width:unset;
        width:100%;
    }
}

/* mobile swiper */
.index.swiper {
    margin-left: auto;
    margin-right: auto;
  }

.index.swiper .swiper-slide img{
    min-height:170px;
    height: 200px;
    width:100%;
}
.index.swiper .swiper-slide {
    width: 70%;
}