.index-flightsearch--icon {
    width: 40px;
    height: 30px;
    display: inline-block;
}

.od-icon {
    height: 40px;
    padding-right: 22px;
    border-right: 2px solid #a7a9ac;
}

.home-hero--image-container{
    height:28em;
}

.home-hero--image:after {
    position: relative;
    display:inherit;
    content: "";
    height: 110px;
    width: 100%;
    top: 195px;
    left: 0;
    background: transparent linear-gradient(360deg, #452D34 0%, #0E090A00 100%) 0% 0% no-repeat padding-box;
}

.home-hero--image#maysavebig-index:after {
    position: relative;
    display:inherit;
    content: "";
    height: 110px;
    width: 100%;
    top: 120px;
    left: 0;
    background: transparent linear-gradient(360deg, #452D34 0%, #0E090A00 100%) 0% 0% no-repeat padding-box;
}

#slide-wefunder {
    background: url("/assets/img/community_raise_banner.jpg") no-repeat;
    background-size: cover;
}

#default-image{
    background: url("/assets/img/Hart-CDB-Edit.jpg") no-repeat;
    background-size: cover;
    height: 580px;
    background-position: top center;
}

#blackfriday-sale {
    background: url("/assets/img/22-BlackFriday_CyberMonday-1B3.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

#cybermonday-sale{
    background: url("/assets/img/22-BlackFriday_CyberMonday-1B4.jpg") no-repeat;
    background-size: cover;
    background-position: 80% 50%;
}

#navigator-lounge{
    background: url("/assets/img/stock/npelitesuite.jpg") no-repeat;
    background-size: cover;
}

#index-mardi-gras{
    background: url("/assets/img/MardiGrasSale-1A4-Webpage2.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    height: 600px;
}

#index-paddys-sale{
    background: url("/images/PaddysDaySale-1AWebPage.jpg") no-repeat;
    background-size: cover;
    background-position: 80% 50%;
    height: 550px;
}

#maysavebig-index{
    background: url("/images/maysavebig-sale_dutch2.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    height: 550px;
}

@media (max-width: 768px){
    .home-hero--image:after{
        content: none;
    }

    #default-image{
        height: 380px;
        background-position: center center;
    }
    .home-hero--image-container {
        height: 24em;
    }
}

.hero-caption--block {
    position: relative;
    border-radius: 15px;
    padding:1.5rem;
    background: rgba(255, 255, 255, .60);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    -ms-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
}

.index-careers--img1{
    background: url("/assets/img/careers/ravn_careers1.jpg") no-repeat;
    background-position: center;
    background-size:cover;
    min-height: 500px;
}

.index-careers--img1:before{
    position: relative;
    display:inherit;
    content: "";
    height: 100%;
    width: 60%;
    top: 0;
    left: -10px;
    background: transparent linear-gradient(90deg, #FFF 0%, #ffffff9a 50%, #ebebeb00 100%) 0% 0% no-repeat padding-box;
    background: transparent -moz-linear-gradient(90deg, #FFF 0%, #ffffff9a 50%, #ebebeb00 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(0deg, #FFF 0%, #ffffff9a 50%, #ebebeb00 100%) 0% 0% no-repeat padding-box;
    background: transparent -ms-linear-gradient(90deg, #FFF 0%, #ffffff9a 50%, #ebebeb00 100%) 0% 0% no-repeat padding-box;
}

.ravn-graphic{
    opacity: 80%;
    background: #ff3a3a;
    mask-image: url('/assets/img/gm-gradient.svg');
    -webkit-mask-image: url('/assets/img/gm-gradient.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: right bottom;
    -webkit-mask-size: cover;
    -webkit-mask-position: right bottom;
    transform: translate(112px, 3px);
    height: 330px;
    width: 120%;
    z-index:0;
}

@media screen and (max-width:1199px){
    .ravn-graphic{
        transform: translate(44px, 83px);
        height: 250px;
    }
}
@media screen and (max-width:991px){
    .ravn-graphic{
        transform: translate(424px, -77px);
        height: 250px;
    }
}
/* HOMEPAGE DROPDOWN */
.dropdown.home {
    color: #88181a;
    border: none;
}

.dropbtn {
    width: 100%;
}

.layout-grid-2.index button:focus {
    box-shadow: none !important;
    border-color: unset !important;
}

.sub-select .dropbtn {
    color: #414040;
    padding: 0px;
    padding-bottom: 8px;
    line-height: 1.75;
}

.dropdown-toggle {
    background-color: #fff;
    border: none;
    white-space: nowrap;
}

.dropdown-toggle:after,
.dropdown-caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #e4e4e4;
    position: relative;
    transition: 0.2s ease-in-out;
    margin-right: 0.5em;
}

.dropdown-toggle:hover:after,
.dropdown-toggle:active:after {
    border-top: 8px solid #AE7097;
}

.booking .layout-grid-1 {
    position: relative;
    flex-flow: row wrap;
    top:-40px;
}

.layout-grid-1 .select-box {
    display: flex;
    align-items: center;
    min-height:52px;
    max-height:55px;
    font-size: 26px;
    background-color: #fff;
    margin: 5px;
    flex: 1 1 370px;
}

.layout-grid-2.index {
    display: flex;
    flex: 1 1 100%;
    flex-flow: row wrap;
    justify-content: center;
}

.layout-grid-2.index .sub-select {
    margin: 5px;
    flex: 1 1 200px;
    max-width: 100%;
    min-height:52px;
    max-height:55px;
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: #fff;
    color: #452D34;
    width:100%;
}

.sub-select.dateindex.hide {
    display: none;
}

.cards.index {
    top: -20px;
}

.featured-cards .card-title {
    color: #f8f9fa;
    font-weight: 600;
    text-align: center;
    font-family: 'macho';
    white-space:nowrap;
    font-size: 36px;
    line-height: 43px;
}

.featured-cards .card-img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.featured-cards .card:hover .card-img-overlay {
    opacity: 1;
    background-color: #495979;
    mix-blend-mode: multiply;
    border-radius:0;
}

.featured-cards .card-img:hover .middle {
    opacity: 1;
}

.middle {
    transition: all .3s ease-in 0s;
    position: absolute;
    width: 100%;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.card:hover .overlay {
    background-position: -100% 0;
}

.card:hover .middle {
    opacity: 1;
}

@media screen and (max-width: 548px){
    .featured-cards .card .middle{
        background-color: #495979de;
        bottom:0;
        top:unset;
        left:unset;
        transform: unset;
        padding:8px 0px;
        opacity:1;
    }

    .featured-cards .card:hover .card-img-overlay {
        opacity: 0;
    }
}

.widget .card-body {
    color: #2c2c2c;
}

.white-overlay {
    background-color: rgba(255, 255, 255, 0.5);
}

.overlay {
    background-size: 200% 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #452D34e0 50%);
    -webkit-transition: background-position 600ms;
    -moz-transition: background-position 600ms;
    transition: background-position 600ms;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    -webkit-transition: all 0.35s ease-in-out 0s;
    -moz-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s
}

.text.carousel {
    height: unset;
    margin-top: unset;
}

.text.carousel .carousel-item:after {
    height: unset;
    background: unset;
    content: unset;
}

.text.carousel .carousel-item {
    height: unset;
}

.text.carousel .carousel-item.active {
    display: block;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .layout-grid-2 {
        grid-column-gap: 0px;
    }

    .layout-grid-2 > div {
        margin: 5px 1px;
    }
}

@media (max-width: 1024px) {

    .layout-grid-2.index .sub-select {
        flex: 1 1 195px;
    }
}

@media (max-width: 991px) {

    .od-icon {
        height: 40px;
        border-right: 1px solid #a7a9ac;
        font-size: 16pt;
    }

    .hero-caption--block {
        height: unset;
        padding: 15px;
    }

    .text-shadow-noblur{
        font-size:6rem;
        line-height:5.75rem;
    }

    .flycoin-logo{
        display:none;
    }
    .transparent_img {
        visibility: hidden;
    }

}

@media (max-width: 850px) {

    .layout-grid-2.index .sub-select {
        flex: 1 1 242px;
    }

    .doublefly{
        min-height:320px;
    }

    .slide_container{
        margin-top:unset;
    }

    .cards.index {
        top: 20px;
    }

    .od-icon {
        height: 25px;
        border-right: unset;
        padding-right: 2px;
    }

    .index-flightsearch--icon {
        width: 40px;
    }

    .booking {
        top: 58px;
    }

    .select-box, .sub-select {
        border: 1px solid #eee;
    }

    .booking .layout-grid-1 {
        top:10px;
    }
}

@media (max-width: 768px) {

    .layout-grid-1 .select-box {
        flex: 1 1 310px;
    }

    .sub-dropbtn {
        padding: 10px;
    }

    .align {
        top: 0px;
    }

    .od-icon {
        height: 25px;
        border-right: unset;
        padding-right: 2px;
    }

    .mobile-boxshadow {
        box-shadow: 0px 5px 10px #00000048;
        -webkit-box-shadow: 0px 5px 10px #00000048;
        -moz-box-shadow: 0px 5px 10px #00000048;
    }

}

@media (max-width: 685px) {

    .dropdown-toggle:after {
        margin-left: 1em;
    }

    .layout-grid-1 .-box {
        flex: 1 1 230px;
    }

    .bg-motif{
        opacity:100%;
        left:15%;
        top:90px;
        transform:rotate(105deg);
    }

    .homepage-np-logo{
        width:100%;
    }

}

@media (max-width: 648px) {

    .layout-grid-2 form .grid {
        width: 100%;
    }
}

@media (max-width: 600px) {

    .booking .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .col-lg-8.booking {
        max-width: 100%;
        flex: 1 1 100%;
    }

    .slide_container {
        align-content: center;
        margin-top: 20px;
    }

    .hero-caption--block {
        width: unset;
        height: unset;
        margin: 20px;
        padding-right:45px;
    }

    .bg-motif{
        width:100%;
        top:100px;
        transform:rotate(105deg);
    }

    .homepage-np-logo{
        display:none;
    }

    .layout-grid-2.index .sub-select {
        flex: 1 1 245px;
    }

}

@media only screen and (max-width: 540px) {

    .select_option h5, .select_option p {
        font-size: 18px;
    }

    .layout-grid-2.index .sub-select {
        flex: 1 1 210px;
    }
}



@media (max-width: 425px) {

    .dropdown-toggle:after {
        margin-left: 0.2em;
    }

    button#rt.dropbtn.dropdown-toggle {
        font-size: 13px;
    }

    .booking {
        display: block;
        margin: 0;
    }

    .layout-grid-2.index .sub-select.dateindex {
        width: 100%;
    }

    .layout-grid-1 .select-box {
        align-items: center;
    }

    .layout-grid-1 .select-box label:after {
        display: none;
    }

    .dropdown.home {
        right: 0;
        justify-content: center;
    }

    .select-box,
    .sub-select {
        border: 1px solid #eee;
    }

    .dropdown-toggle {
        background-color: transparent;
    }

    .hero-caption--block {
        margin: 10px;
        padding: 15px;
    }

    .homepage-np-logo{
        display:none;
    }

}

@media (max-width: 410px) {

    .layout-grid-2.index .sub-select {
        flex: 1 1 220px;
    }

    .sub-select input.input-sm.form-control {
        margin-bottom: 3px;
    }
}

@media (max-width: 375px) {

    .layout-grid-2.index .sub-select {
        flex: 1 1 206px;
    }

    select {
        width: 90%;
    }

    img.bg-white {
        width: 11.75em;
    }
}