.about-hero--container{
    position: relative;

}
.about-hero--image1 {
    background: url("/assets/img/planeexterior/about-hero.jpg" ) no-repeat;
    background-position: 70% 30%;
    background-size:cover;
    min-height:700px;
}

.about-hero--image2{
    background: url("/assets/img/cities/about-sanfran.jpg" ) no-repeat;
    background-position: 70% 30%;
    background-size:cover;
    min-height:350px;
    width:100%;
}

.hero--image3 {
    height: 350px;
}

.cover-image-overlay{
    background-color: var(--base-color-npblue-500);
    mix-blend-mode: color;
    opacity:0.89;
    height:100%;
    width:100%;
}

.about-hero--image1:after{
    content:'';
    background: transparent linear-gradient(0deg, #FFFFFF 0%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    position:relative;
    height: 200px;
    top:1px;
}

.about-alaska{
    background: url("/assets/img/cities/alaska-about_web.jpg") no-repeat;
    background-position: 50% 10%;
    background-size:cover;
    min-height:800px;
    width:100%
}

.about-tokyo{
    background: url("/assets/img/cities/tokyo.jpg") no-repeat;
    background-position: 65% 0%;
    background-size:cover;
    min-height:800px;
    width:100%
}

.about-newyork{
    background: url("/assets/img/cities/NewYork_web.jpg") no-repeat;
    background-position: 30% 100%;
    background-size:cover;
    min-height:800px;
    width:100%
}

.globe.about{
    background-image: url("/assets/img/globe_anc-pin.png");
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size:cover;
    height:440px;
    width: 440px;
    position:absolute;
    transform:translate(0%, -50%);
    z-index:999;
}


@media screen and (max-width:991px){
    .globe.about{
        transform:translate(0%, -70%);
    }
}

@media screen and (max-width:768px){
    .about-hero--image1{
        min-height: 240px;
        background-position: 0 100%;
    }
    .about-alaska,
    .about-tokyo,
    .about-newyork{
        min-height:465px;
    }
    .globe.about{
        height: 300px;
        width: 300px;
    }
}
@media screen and (max-width:648px){
    .about-alaska,
    .about-tokyo,
    .about-newyork{
        min-height:305px;
    }
    .hero--image3,
    .about-hero--image2 {
        min-height: 240px;
        height:240px;
    }
}

.index-tabs-section.about {
    width: 530px;
    right: -270px;
}

@media screen and (max-width: 991px){
    .index-tabs-section.about{
        position: relative;
        right:0px;
        top:0px;
        width:100%;
    }
}
@media screen and (max-width:768px){
    .index-main-tabs .nav-fill .nav-item .nav-link{
        margin:0;
        font-size:16px;
    }
}
.index-main-tabs.about .nav-item{
    margin-right:unset;
    margin-top: unset;
}

.about-ravnpilots{
    background: url("https://ravnalaska.com/assets/img/careers/Careers_ravn-Slider_7.jpg" ) no-repeat;
    background-position: 50% 50%;
    background-size:cover;
    width:100%;
    height:300px;
}

.about-nptail-work{
    background: url("/assets/img/planeexterior/about-nptail-work.jpg" ) no-repeat;
    background-position: 100% 50%;
    background-size:cover;
    width:100%;
    height:300px;
}

.about-asiacity{
    background: url("/assets/img/cities/about-asiacity.jpg" ) no-repeat;
    background-position: 80% 0%;
    background-size:cover;
    width:100%;
    height:300px;
}

.about-asianwoman{
    background: url("/assets/img/cities/about-asianwoman.jpg" ) no-repeat;
    background-position: 80% 0%;
    background-size:cover;
    width:100%;
    height:300px;
}

.about-asianlights{
    background: url("/assets/img/cities/about-asianlights.jpg" ) no-repeat;
    background-position: 80% 0%;
    background-size:cover;
    width:100%;
}

/* mobile images */

.about-sanfran{
    background: url("/assets/img/cities/about-sanfran.jpg" ) no-repeat;
    background-position: 80% 0%;
    background-size:cover;
    width:100%;
}

.about-moose{
    background: url("https://ravnalaska.com/assets/img/careers/Careers_ravn-Slider_9.jpg" ) no-repeat;
    background-position: 80% 0%;
    background-size:cover;
    width:100%;
}

.about-northernlights{
    background: url("https://ravnalaska.com/assets/img/careers/Careers_ravn-Slider_8.jpg" ) no-repeat;
    background-position: 80% 0%;
    background-size:cover;
    width:100%;
}

.about-ny{
    background: url("/assets/img/cities/about-ny.jpg" ) no-repeat;
    background-position: 50% 0%;
    background-size:cover;
    width:100%;
}

.about-rno{
    background: url("/assets/img/index/stock/rno-skyline.jpg" ) no-repeat;
    background-position: 80% 0%;
    background-size:cover;
    width:100%;
    height:300px;
}

.about-hollywood{
    background: url("/assets/img/index/stock/ont-hollywood.jpg" ) no-repeat;
    background-position: 80% 0%;
    background-size:cover;
    width:100%;
    height:300px;
}

.about-hotsprings{
    background: url("/assets/img/index/stock/ont-hotsprings.jpg" ) no-repeat;
    background-position: 80% 0%;
    background-size:cover;
    width:100%;
    height:300px;
}

.about-dash300{
    background: url("https://ravnalaska.com/assets/img/ANC_sunset_300.jpg");
    background-position: 80% 50%;
    background-size:cover;
    width:100%;
    height:250px;
}

@media screen and (max-width:768px) {
    .about-ravnpilots,
    .about-ontlanding,
    .about-asiacity,
    .about-sanfran,
    .about-asianwoman,
    .about-northernlights,
    .about-moose,
    .about-rno,
    .about-hollywood,
    .about-hotsprings{
        height:200px;
    }

    .about-asianlights,
    .about-ny{
        height:120px;
    }
}

/* swiper */
.about.swiper .swiper-slide {
    width: 70%;
}

/* block tiles */

.blocktile{
    position:absolute;
}

.square{
    width:170px;
    height:170px;
}

.rectangle{
    width:440px;
    height:230px;
}

.blocktile.start{
    right:1205px;
    top:180px;
}

.blocktile.end{
    left:1205px;
    top:130px;
}

.blocktile.start.bottom{
    top:455px;
}

.blocktile.end.bottom{
    top:405px;
}

@media screen and (max-width:991px) {
    .blocktile{
        display:none
    }
}

.clouds{
    position:absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.cloud-topleft{
    background-image: url("/assets/img/nuvem-05.png");
    width: 360px;
    height: 310px;
    top: 70px;
}

.cloud-midleft{
    background-image: url("/assets/img/nuvem-04.png");
    width:380px;
    height:230px;
    top:200px;
    left:400px;
}

.cloud-bottomleft{
    background-image: url("/assets/img/nuvem-03.png");
    width:320px;
    height:360px;
    top:450px;
}

.cloud-bottomright{
    background-image: url("/assets/img/nuvem-06.png");
    width: 490px;
    height: 480px;
    bottom: -440px;
    right: 0;
}

@media screen and (max-width: 640px){
    .cloud-midleft{
        left:0px;
    }
    .cloud-topleft{
        top:270px;
        width: 360px;
        height: 310px;
    }
}

/* typography */

.gradient-text--iceblue{
    --bg-size: 400%;
    --color-one:   #91D6E4;
    --color-two:   #4DCAE3;
    --color-three: #0087AC;
    background: linear-gradient(
                  120deg,
                  var(--color-one),
                  var(--color-two),
                  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;
    }
}