﻿.flightSearch .custHeadCall > div:nth-child(1) {
    width: 53%
}

.custHeadingText h1 {
    padding-left: 20px;
    padding-right: 20px
}

.flightSearch > label {
    font-size: 14px;
    font-weight: 400;
    font-weight: 600;
    color: #2468ac
}

.custTollFree .fmiconsprite {
    background-position: 3px -142px;
    height: 133px;
    width: 133px;
    margin: 0
}

.custTollFree > div:nth-child(2) {
    color: #fff;
    font-size: 45px;
    vertical-align: middle
}

.icon-swap {
    font-size: 36px;
    color: #fff;
    cursor: pointer
}

.swapDiv {
    float: left
}

.adjustWidth {
    width: 47.4%
}

.from {
    padding-right: 0
}

.to {
    padding-left: 0
}

.depart {
    padding-right: 5px
}

.traveller {
    padding-right: 5px;
    padding-left: 23px
}

.return {
    padding-left: 5px;
    padding-right: 25px
}

/*.classoftravel {
    padding-left: 5px;
    padding-right: 17px
}*/

.classDefault {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 156px
}

.mainSearch .classOnly {
    width: 15%;
    border-right: none
}

.paxcontainer label {
    width: 75%
}

.paxcontainer small {
    font-size: 75%
}

.form-control {
    font-size: 16px
}

.companyInfo {
    line-height: 23px;
    margin-top: 10px;
    font-size: 14px;
    text-align: justify
}

button, input, select, textarea {
    font-family: Lato,sans-serif
}

.flightDealsSlider {
    text-align: center
}

.dealvalidity, span.validitydate {
    font-size: 11px;
    /*font-weight: 800;*/
    text-align: left
}

.flightDeals .dealbox, .newAlertContent .dealbox, .servicePanel .dealbox, #promtionWithImage .dealbox {
    width: 100%;
    max-width: 447px;
    background-color: #fff;
    border-radius: 10px;
    display: inline-block;
    margin: 15px 13px 15px 15px;
    box-shadow: 1px 0 10px #b7b6b6;
    position: relative
}

div#promtionWithImage {
    text-align: center;
}

.hotelDeals .dealbox {
    background-color: #fff;
    border-radius: 10px;
    display: inline-block;
    margin: 15px 13px 15px 15px;
    position: relative
}

.spacing {
    padding: 7px
}

.offerheading {
    width: 85%;
    padding-top: 20px
}

.offerbadge {
    position: absolute;
    right: 15px;
    top: 0;
    background: #2d67b2;
    width: 34px;
    height: 52px;
    border-bottom-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    display: none
}

.dealHeading .icon-flights {
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 26px;
    padding: 4px;
    left: 7.5px
}

.dealContent, .dealHeading {
    border-bottom: 1px solid #e6e6e6
}

.dealHeading {
    display: inline-block;
    width: 31%;
    vertical-align: top
}

.dealContent {
    display: inline-block;
    width: 63%;
    text-align: left
}

.inlineDiv.offerBanner {
    position: relative;
    top: -15px
}

.offerBanner a.colorOrange {
    font-size: 12px;
    font-weight: 700
}

.dealContent h3, .servicePanel h3 {
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    padding-left: 0
}

.dealContent p {
    font-size: 12px;
    line-height: 14px;
    /*font-weight: 800;*/
    padding-left: 0;
    max-height: 54px;
    overflow: hidden
}

.dealContent .dealvalidity {
    padding-left: 0;
    text-align: left
}

.redBdr {
    width: 33px;
    height: 1px;
    background: #eb2026;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.icon-clock:before {
    content: "\e639"
}

.icon-arrow {
    position: absolute;
    z-index: 9999999;
    left: 107px;
    top: 58px;
    color: #fff
}

    .icon-arrow:before {
        content: "\25B2"
    }

.paxcontainer {
    position: absolute;
    background-color: #fff;
    color: #000;
    z-index: 999;
    width: 320px;
    padding: 10px;
    top: 84px;
    border-radius: 14px
}

    .paxcontainer .form-group {
        width: 32%;
        margin: 0
    }

.icon-users:before {
    content: "\e70f"
}

.toggleclass {
    display: none
}

.dropdown, .dropup {
    padding-left: 11px;
    padding-right: 11px
}

.mainlinks > li {
    display: inline-block;
    font-size: 17px
}

h3.linkheading {
    margin-bottom: 14px;
    font-size: 39px;
    font-weight: 700
}

ul.mainlinks {
    padding: 0
}

.blog .carousel-indicators {
    left: 0;
    top: auto;
    bottom: -40px
}

    .blog .carousel-indicators li {
        background: #a3a3a3;
        border-radius: 50%;
        width: 8px;
        height: 8px
    }

    .blog .carousel-indicators .active {
        background: #707070
    }

.custSecondPanel > h3 {
    font-size: 27px;
    margin-bottom: 10px;
    margin-top: 0;
    text-decoration: underline
}

.modal-xl {
    width: 1080px
}

.mainSliderWithLinks {
    margin-top: 10px
}

.flightSearch {
    background-color: #f26223;
    padding: 18px 20px;
    color: #fff;
    padding-bottom: 31px;
    border-radius: 10px;
    position: relative;
    min-height: 279px;
    margin-bottom: 34px;
    box-shadow: -1px 2px 6px 2px rgba(0,0,0,.4)
}

    .flightSearch #myNavBar li.active i, .flightSearch #myNavBar li:hover i, .flightSearch #myNavBar li:hover span {
        color: #fff;
        text-decoration: none
    }

    .flightSearch #myNavBar .active .iconText, .flightSearch #myNavBar .iconText, .flightSearch .icon-hotels {
        color: #fff
    }

    .flightSearch #myNavBar > li {
        position: relative;
        border-bottom: 3px solid #fdaf8d00;
        border-radius: 7px;
        margin-right: 2px
    }

.triptype {
    padding-top: 0;
    margin: 0
}

ul.fswTabs {
    padding-left: 2px;
    width: 17%;
    vertical-align: bottom;
    text-align: left;
    padding-bottom: 1px
}

.latoBlack {
    font-weight: 700
}

.greyText {
    color: #9b9b9b
}

.fswTabs li.selected {
    background: #fff;
    color: #2d67b2;
    border-radius: 50px
}

.searchEngHead {
    padding-top: 15px;
    width: 60%;
}

    .searchEngHead .headsize {
        font-size: 31px;
        font-weight: 600;
        margin-left: 10px;
    }

    .searchEngHead .subheadsize {
        font-size: 17px;
        width: 69%;
        text-align: right;
        font-weight: bold;
    }

.tabsCircle::after {
    content: "";
    display: block;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 1px;
    margin-left: 3px
}

.fswTabs li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 10px;
    padding: 1px 5px 0 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    font-weight: 400;
    color: #fff
}

.mainSearch {
    /* border: 1px solid #e7e7e7; */
    /* min-height: 56px; */
    margin-top: 10px;
    /* border-radius: 10px; */
    position: relative;
    /* color: #000; */
    /* background-color: #fff; */
}

.secSearch {
    /*border: 1px solid #e7e7e7;*/
    /*margin-top: 10px;*/
    border-radius: 10px;
    position: relative;
    color: #000;
    /*background-color: #fff*/
}

    .secSearch .title {
        padding-bottom: 9px;
        /* color: white; */
    }

.searchengineRows .multicity {
    min-height: 68px;
}

.swipCircle {
    width: 29px;
    height: 29px;
    border-radius: 100%;
    box-shadow: 0 1px 30px 0 rgba(0,0,0,.1);
    position: absolute;
    top: 20%;
    left: 31.7%;
    border: 1px solid black;
    padding-top: 3px;
    background-color: #fff;
    padding-left: 2px;
    z-index: 99;
}

    .swipCircle svg {
        width: 100%;
        height: 23px;
        transform: rotate(90deg);
    }

.searchCityTo {
    padding-left: 26px;
    padding-top: 0;
    position: relative
}

.mainSearch .departDate, .mainSearch .returnDate {
    width: 15.8%;
}

.mainDepart > div, .returnDate > div {
    vertical-align: middle;
}

.searchHead {
    font-size: 13px;
}

.mainSearch .travelandClass {
    width: 30%;
    border-right: none
}

    .mainSearch .travelandClass > .rotate45:after {
        display: none
    }

.travelfor {
    width: 13%;
    border-right: none;
    padding-right: 0;
    display: none
}

.Trends::after {
    content: "";
    width: 1px;
    height: 25px;
    border-right: 1px solid #d8d8d8;
    margin-right: 5px;
    padding-left: 15px
}

.recentsearch label {
    font-size: 12px;
    margin: 0
}

.recentSearches li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 10px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    font-size: 12px
}

.searchBtn {
    position: absolute;
    left: 41%;
    top: 82%
}

.flightSearch h1 {
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.triptype .col-md-12 {
    padding: 0
}

/*.searchSpace:hover {
    background-color: #eaf5ff;
    border-radius: 8px 0 0 8px;
    min-height: 95px;
    vertical-align: top
}*/

.searchCityTo {
    padding-left: 26px;
    padding-top: 0
}

.FromCity, .ToCity {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 11px;
    font-size: 16px;
    font-weight: 400;
}

.tabsCircle:after {
    content: "";
    display: block;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 1px;
    margin-left: 3px
}

.fswTabs li.selected .tabsCircle {
    border: 1px solid #2d67b2;
    background: #2d67b2
}

.fswTabs li .tabsCircle {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #2d67b2;
    background-color: #2d67b2
}

.tabsCircle {
    display: inline-block
}

.greyText {
    color: #9b9b9b
}

.appendRight5 {
    margin-right: 5px
}

.latoBlack {
    font-weight: 700
}

.searchSpace {
    padding: 2px 15px 0 15px;
    /* border-right: 1px solid #cecece; */
    min-height: 48px;
    vertical-align: top;
    position: relative;
    margin-right: 7px;
    border-radius: 10px;
    border: 1px solid #727483;
}

.secSearch .searchSpace {
    margin-right: 10px;
}

.secSearch .daterangeOpener {
    width: 32.4%;
    margin-right: 0px;
}

.addAnotherCity {
    /* padding-top: 10px; */
    width: 100%;
    /* min-height: 96px; */
    text-align: right;
    padding: 10px;
}

.removeCity {
    position: absolute;
    top: 38px;
    right: 21px;
}

/*.inactive .returnSetDate div:nth-child(1), .inactive > div:nth-child(2), .travelDiv .travellers {
    font-size: 30px;
    line-height: 40px;
    font-weight: 800
}*/


.row.triptypebelow {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 6px;
    padding-right: 6px;
    position: relative;
}

.searchengineRows .searchCityFrom, .searchengineRows .searchCityTo, .multicity .searchCityFrom, .multicity .searchCityTo {
    width: 32.5%;
}

.departDate {
    width: 12.3%
}

.returnDate {
    width: 15.6%
}

.travelfor {
    width: 13%;
    border-right: none;
    padding-right: 0
}

/*.searchCityTo {
    padding-left: 26px
}*/

.secSearch .inactive > div:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mainSearch .inactive > div:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

/*.searchSpace:hover {
    background-color: #eaf5ff;
    border-radius: 8px 0 0 8px;
    min-height: 95px
}*/

/*.Month, .Year, .headSecond {
    font-size: 21px;
    padding-top: 5px
}*/

.returnDefault .headsize {
    color: #9b9b9b;
    line-height: 15px;
    padding-top: 10px;
    padding-right: 2px
}

.reasonDefault .headsize {
    color: #9b9b9b;
    line-height: 15px;
    padding-top: 10px;
    padding-right: 2px
}

.widgetSection .travelForPopup {
    width: 174px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: absolute;
    top: 35px;
    right: 0;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
    z-index: 1
}

.swipIcon {
    width: 21px;
    height: 14px;
    background-position: -44px -24.7px
}

.landingSprite {
    background-image: url(/Content/images/Logos/main-icons.png);
    background-repeat: no-repeat;
    display: inline-block;
    -webkit-background-size: 210px 100px;
    -moz-background-size: 210px 100px;
    -o-background-size: 210px 100px;
    background-size: 100px 60px;
    font-size: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.departDate > .rotate45:after, .returnDate > .rotate45:after, .travelandClass > .rotate45:after, .travelfor > .rotate45:after {
    border: solid #2768ab;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    content: "";
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    vertical-align: top;
    margin: 3px 0 0 8px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.departDate > .rotate224:after, .returnDate > .rotate224:after, .travelandClass > .rotate224:after, .travelfor > .rotate224:after {
    border: solid #2768ab;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    content: "";
    -moz-transform: rotate(224deg);
    -ms-transform: rotate(224deg);
    -o-transform: rotate(224deg);
    transform: rotate(224deg);
    -webkit-transform: rotate(224deg);
    vertical-align: top;
    margin: 3px 0 0 8px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.travelselect, .travelclassselect {
    position: absolute;
    background-color: white;
    padding: 10px 20px;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
    top: 20px;
    border-radius: 5px;
    z-index: 99;
    /*    width: 100%;*/
    display: none;
    text-align: left;
}

.travelselect {
    right: 10%;
}

.travelclassselect {
    right: 2%;
}

.travelandClass .subheadsize {
    color: black;
}

.triptypebelow ul.fswTabs {
    width: 35%;
}

.triptypebelow .travelandClass {
    width: 63%;
    text-align: right;
    cursor: pointer;
}

.travelClass {
    padding-left: 20px;
}

.Trends {
    display: none
}

.recentsearch label {
    font-size: 12px;
    margin: 0;
    color: #fff
}

.recentSearches p {
    margin: 0;
    color: #fff
}

.recentsearch.inlineDiv {
    vertical-align: bottom;
    padding-top: 7px;
    padding-left: 15px;
    padding-right: 6px;
    width: 100%
}

.applogos {
    width: 45%;
    text-align: right
}

.blueOnewayArrowIcon {
    background-position: -33px -30px;
    width: 10px;
    height: 8px
}

.Trends:after {
    content: "";
    width: 1px;
    height: 25px;
    border-right: 1px solid #d8d8d8;
    margin-right: 5px;
    padding-left: 15px
}

.Trends {
    padding-top: 19px
}

.searchFrom, .searchTo {
    display: none;
    position: relative
}

    .searchFrom:after, .searchTo:after {
        width: 10px;
        height: 10px;
        background: url(//imgak.mmtcdn.com/pwa_v3/pwa_commons_assets/desktop/spriteModifySearch.png) no-repeat;
        -webkit-background-size: 50px 50px;
        -moz-background-size: 50px 50px;
        -o-background-size: 50px 50px;
        background-size: 50px 50px;
        background-position: -20px -5px;
        content: "";
        position: absolute;
        left: 10px;
        top: 16px
    }

.hsw_autocomplePopup {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);
    width: 100%;
    position: absolute;
    left: 0;
    top: 0px;
    min-height: 130px;
    overflow: hidden;
    z-index: 999999;
}

.searchSpace .form-control {
    font-size: 16px;
    font-weight: 700;
    padding: 11px 10px 11px 30px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
    border: 0;
    outline: 0;
    color: #000;
    min-height: 42px
}

.searchSpace > div:nth-child(3) {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.searchBtn {
    position: absolute;
    left: 41%;
    top: 82%
}

.booknow, .moredeals, input#searchFlight, .subscribeNow {
    background: #2867ab;
    border: #f26722;
    font-weight: 700;
    font-size: 24px;
    border-radius: 24px;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    box-shadow: -1px 2px 6px 2px rgba(0,0,0,.4);
}

.featuredFlights, .flightDeals, .hotelDeals, .newAlert {
    margin-top: 10px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: -1px 2px 6px 2px rgba(0,0,0,.2)
}

#PromotionDeals .offerBanner img, .featuredFlightsDeals .offerBanner img {
    border-radius: 8px 8px 0 0;
    display: block
}

.featuredFlights h2 {
    font-size: 42px;
    padding: 20px 28px 0 28px;
    font-weight: 700
}

.flightDeals h2, .hotelDeals h2, .newAlert h2, .servicePanel h2 {
    font-size: 30px;
    padding: 20px 28px 20px 28px;
    font-weight: 700
}

.newAlertContent {
    padding-bottom: 20px
}

    .newAlertContent li, .newAlertContent ul {
        padding-left: 10px;
        list-style: disc;
        margin-left: 30px;
        line-height: 29px
    }

.dealvalidity, .flightDealsSlider {
    text-align: center;
    font-size: 10px
}

.modal {
    z-index: 9999
}

.offerBanner img {
    border-radius: 10px;
    margin-bottom: 42px;
    display: block;
    width: 100%;
    max-width: 122px;
    height: 124px
}

.travelPartners h2 {
    font-size: 27px;
    padding: 20px 96px 0 96px;
    font-weight: 700
}

.airlines {
    margin-top: 10px;
    padding: 10px;
    text-align: center
}

    .airlines .card {
        display: inline-block;
        background-color: #fff;
        border-radius: 15px;
        margin-left: 10px;
        margin-right: 10px;
        box-shadow: 0 1px 7px 0 rgba(0,0,0,.4)
    }

.mainTravelImg {
    width: 50%
}

.mainTravelText {
    width: 100%;
    vertical-align: top
}

.custSecondPanel .custTextInner {
    text-align: justify;
    font-size: 17px;
    margin-top: 0;
    line-height: 30px
}

.icon-flight_line1:before {
    content: "\e65e"
}

.icon-flight_line1 {
    font-size: 15px;
    color: #2867ab;
    padding-left: 10px;
    padding-right: 10px
}

.featuredFlights {
    margin-bottom: 30px
}

.featuredFlightsDeals .dealvalidity span {
    font-weight: 700
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    width: 100%;
    height: 500px
}

.glyphicon-remove {
    position: absolute;
    right: 3px;
    top: 14px;
    color: #2d67b2;
}

.closeIcon .glyphicon-remove {
    right: 16px;
    top: 25px;
    color: #2d67b2;
}
