﻿.container{
    max-width:1200px;
}


.searchBox .flightSearch .column_1, .searchBox .flightSearch .column_2, .searchBox .flightSearch .column_3 {
    width: 100%;
}

.searchBox .flightSearch .column_3 {
    flex-direction: column;
    grid-gap: 20px;
}

.searchBox .flightSearch {
    flex-direction: column;
    grid-gap: 20px;
}

    .searchBox .flightSearch .label.traveller {
        width: 100%;
    }

    .searchBox .flightSearch .searchButton {
        width: 100%;
        padding: 16px 12px 10px 12px;
    }

    .searchBox .flightSearch .label .inputField {
        padding-left: 10px;
        width: 90%;
    }

    .searchBox .flightSearch .label .icons {
        left: auto;
        right: 10px;
        top: 17px;
    }

.united-banner-content {
    z-index: 1;
    position: relative;
    background: rgba(255,255,255,0.15);
    border-radius: 10px;
    color: white;
    border: 1px solid #848484;
    padding: 20px;
    max-width: 505px;
}

.airlineName .icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: -10px;
}

    .airlineName .icon img {
        max-width: 70px;
    }

.delta-promo-box {
    text-align: center;
    margin-top: 20px;
    position: relative;
}

    .delta-promo-box::before {
        content: "";
        position: absolute;
        width: 48px;
        background: url(/Images/airlines/united/call-arrow.png);
        z-index: 0;
        bottom: -44px;
        right: 38px;
        background-repeat: no-repeat;
        height: 50px;
        background-size: contain;
    }

    .delta-promo-box h2 {
        font-size: 26px;
        font-weight: 700;
    }

    .delta-promo-box p {
        color: white;
        font-weight: 700;
        font-size: 16px;
        margin-bottom: 10px;
    }

.airline-call {
    padding: 10px;
    background: #FFBF40;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 245px;
    margin: auto;
    padding: 10px 20px 10px 10px;
    line-height: 0.9;
}
    .airline-call .free-deals {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
airline-call .free-deals span {
    font-size: 12px;
    font-weight: 500;
}

.searchBox .flightSearch .searchButton .bi-search {
    display: none;
}
.airline-call .call-tfn {
    color: #1a1725;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
}

.promo-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin-top: 25px;
}

.feature-box {
    display: flex;
    align-items: flex-start;
    grid-gap: 15px;
    border-radius: 12px;
}

    .feature-box span {
        font-size: 14px;
    }



#bannerCntr .tagline, .serach-sec p {
    color: #111b40;
    text-shadow: none;
}
p {
    color: #2E2A25;
    font-size:14px;
    font-weight:500;
}
    #bannerCntr .tagline{
        font-size:48px;
    }
.serach-sec p{
    font-weight:600;
}
.home-header {
    border-bottom: none;
}
.free-deals {
    flex-direction: row;
    align-items: center;
}
    .free-deals span {
        color: #111b40;
        display: inline-flex;
        align-items: center;
        grid-gap: 5px;
    }
    .free-deals .call-icons {
        background: #ffbf27;
        border-radius: 50%;
        height: 30px;
        width: 30px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
.call-opt .call-tfn {
    color: #304cb2;
}
.nav-sec li a {
    color: #304cb2;
}
.nav-sec li:last-child{
    margin-right:0;
}
.flight-sec .serch-sec {
    background: #304cb2;
    color: #ffffff;
    font-weight: 500;
    font-size: 24px;
    padding: 10px 20px;
}
.flight-sec .tab-view {
    display:none;
}
.flight-sec .bi-search {
    display:none;
}
.searchBox .searchBlock {
    padding: 20px;
    box-shadow: none;
    border: 1px solid #b4b4b8;
    border-radius: 10px;
}
.inputSet label {
    color: #111b40;
}
.searchBox .flightSearch .label {
    border-radius: 0;
    padding: 0;
    display: flex;
    align-items: center;
    border: 1px solid #b4b4b8;
}


.searchBox .flightSearch .searchButton {
    background: #FFBF40;
    color: #121B3F;
    border-bottom:none;
    border-radius:0;
    font-weight:600;
}
.travllerBox .done_Btn {
    background: #FFBF40;
    margin: 0;
    color: #121B3F;
    border-radius:0;
}
.we-give{
    font-size:36px;
    font-weight:700;
    text-align:center;
    margin-bottom:10px;
}
.wing-opt {
    border: 1px solid #d9d9d9;
    padding: 20px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 10px;
    height: 100%;
    color: #191825;
}

.wing-opt h6 {
    font-size: 23px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 0;
}
.wing-opt p{
    font-weight:400;
    margin-bottom:0;
}


.deal-offr {
    background: url(/Images/airlines/southwest/deal-bg.jpg) no-repeat center;
    background-size: cover;
    height: 230px;
    color: #ffffff;
    text-shadow: 2px 2px rgba(0,0,0,0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap:20px;
    text-decoration:none;
    margin-bottom:30px;
}
    .deal-offr:hover, .deal-offr:focus{
        color:#ffffff;
    }

    .hot-del {
        font-size: 48px;
        font-weight: 700;
        line-height: 1;
        text-align: center;
    }
    .hot-del h6 {
        font-size: 83px;
        font-weight: 700;
        line-height: 1;
        margin: 0;
    }
.save-up {
    display: inline-flex;
    flex-direction: column;
    font-size: 22px;
    line-height: 1;
    justify-content: center;
    align-items: center;
    position:relative;
    border-right:2px solid #ffffff;
    border-left:2px solid #ffffff;
    padding:0 25px;
  
}

    .save-up:before {
        position: absolute;
        left: 40px;
        content: "";
        width: 15px;
        height: 2px;
        background: #ffffff;
        top: 10px;
        box-shadow: 2px 2px rgba(0,0,0,0.2);
    }
    .save-up:after {
        position: absolute;
        right: 40px;
        content: "";
        width: 15px;
        height: 2px;
        background: #ffffff;
        top: 10px;
        box-shadow: 2px 2px rgba(0,0,0,0.2);
    }
    .save-up span {
        font-size: 90px;
        font-weight: 700;
    }

.call-sec {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap:20px;
}

    .call-sec .cal-now {
        background: #FFBF40;
        color: #121B3F;
        padding: 10px 20px;
        display: inline-flex;
        grid-gap: 10px;
        text-shadow: none;
        font-weight: 700;
        font-size: 16px;
        justify-content: space-between;
        box-shadow: rgba(17, 17, 26, 0.3) 0px 2px 5px;
    }
        .call-sec .cal-now img{
            width:15px;
        }
        .call-sec span {
            font-size: 18px;
            font-weight: 400;
        }
.contain h4 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}
    .contain h4 p{
        font-weight:500;
    }
    .contain ul {
        padding-left: 25px;
        color: #2E2A25;
        margin-bottom:20px;
    }

.vaction {
    background: url(/images/airlines/southwest/vacation.jpg) no-repeat center;
    background-size: cover;
    height: 250px;
    padding: 30px 60px;
    text-align: left;
    width: 100%;
    display: block;
    text-decoration: none;
}
    .vaction:hover{
        color:#ffffff;
    }
.vaction-text {
    font-size: 31px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}
.call-save {
    background: #FFBF40;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-gap: 5px;
    margin-top: 30px;
    color: #121B3F;
}
.check-in {
    background: #F3F3F5;
    padding: 10px;
    text-decoration: none;
    color: #2E2A25;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
    .check-in h6{
        font-size:18px;
        font-weight:700;
        margin-top:20px;
    }
    .check-in p{
        font-weight:400;
    }
.check-all {
    background: #FFBF40;
    padding: 10px 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 5px;
    color: #121B3F;
    font-weight: 700;
    font-size: 18px;
    box-shadow: rgba(17, 17, 26, 0.3) 0px 2px 5px;
}
#footerCntr {
    background: #f5f5f5;
    margin-top:75px;
}
.footer__linkBox {
    background: #f5f5f5;
}
#footerCntr .footer__linkBox h4 {
    color: #304CB3;
}
#footerCntr .footer__linkBox ul li a {
    color: #121B3F;
}
#footerCntr .footer__linkBox .email {
    color: #121B3F;
}
    #footerCntr .footer__linkBox .email .icon {
        color: #121B3F;
    }
    .airlines_disc_box ul {
        display: flex;
        align-items: center;
        justify-content: center;
        list-style: none;
        flex-wrap: wrap;
    }
    .airlines_disc_box ul li a {
        font-size: 14px;
        color: #121B3F;
        line-height: 28px;
        text-decoration: none;
        cursor: pointer;
        position: relative;
    }
        .airlines_disc_box ul li a span {
            padding: 0 5px;
        }

@media(max-width: 992px) {

    .vaction {
        padding: 15px;
    }
    .deal-offr{
        margin-top:25px;
        margin-bottom:10px;
    }
    .hot-del{
        font-size:38px;
    }
}
@media(max-width: 767px) {
    .deal-offr {
        flex-direction: column;
        padding: 20px 0;
        background-position: top;
        height: auto;
        margin-top: 30px;
    }

    .save-up {
        border: none;
        padding: 15px 0;
        border-top: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
    }

        .save-up:before {
            top: 25px;
            left: 10px;
        }

        .save-up:after {
            top: 25px;
            right: 10px;
        }

    .call-sec .cal-now {
        font-size: 28px;
    }
}


@media(max-width: 666px) {

    

    .we-give {
        font-size: 28px;
    }

    .vaction {
        background-position: center 0px;
        height: 246px;
        padding: 10px;
    }

    .vaction-text {
        font-size: 23px;
        font-weight: 600;
    }

    .call-save, .check-all {
        padding: 10px 18px;
    }
}