* {
    margin: 0;
    padding: 0;
}

.container {
    max-width: 117rem;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #4d4d4d;
    font-family: 'Open Sans', sans-serif;
}

html{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 62.5%;
    /* font-size: 10rem;
    font-size: 1rem; */
    /* 1rem = 10rem */
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
}

header {
    width: 100%;
    float: left;
    border-bottom: .1rem solid #02b1f2;
    background: #fff;
}

.topHeader {
    width: 100%;
    padding: .4rem 0;
    display:flex;align-items:center;justify-content:space-between;
}

.topHeader ul li {
    border-right: .1rem solid #fff;
    line-height: 1.4rem;
    padding-right: .7rem;
}

.topHeader ul li:last-child {
    border-right: none;
}

.topHeader ul li a {
    color: #ffffff !important;
    font-size: 13px;color:#1b2d4c !important;
}

.curncy img {
    width: 1.8rem;
}

.headerBottom {
    width: 100%;
    padding:10px 0px;
}



.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: -.6rem;
    margin-left: -.1rem;
    -webkit-border-radius: 0 .6rem .6rem .6rem;
    -moz-border-radius: 0 .6rem .6rem;
    border-radius: 0 .6rem .6rem .6rem;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown>.dropdown-menu {
    background: #eeeeee;
    border-radius: 0;
    border: none;
    border-top: .1rem solid #ccc;
    padding: 0;
    min-width: 20.0rem;
}

.dropdown>.dropdown-menu li.menu-item-has-children {
    border-bottom: .1rem #dddddd solid;
    border-top: .1rem #ffffff solid;
    padding: .2rem 0;
    font-size: 1.7rem;
}

.dropdown>.dropdown-menu li.menu-item-has-children a.dropdown-item {
    padding-left: 3.0rem;
}

.dropdown>.dropdown-menu li.menu-item-has-children ul {
    background: #ddd;
    border-radius: 0;
    border: none;
    margin-left: 0;
    margin-top: -.2rem;
    padding: 0;
    min-width: 20.0rem;
}

.dropdown>.dropdown-menu li.menu-item-has-children ul li {}

.dropdown>.dropdown-menu li.menu-item-has-children ul li a {
    font-size: 1.6rem;
    line-height: 2.5rem;
    color: #000;
    display: block;
    padding: .5rem 1rem;
}

.dropdown>.dropdown-menu li.menu-item-has-children ul li a:hover {
    color: #02b1f2;
}



.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #ccc;
    margin-top: .8rem;
    margin-left: -1.8rem;
    transform: rotate(180deg);
}

.dropdown-submenu:hover>a:after {
    border-left-color: #02b1f2;
}

.headerNavbar .navbar-expand-lg .navbar-nav .nav-item {
    margin: 0 1.5rem;
}

.headerNavbar .navbar-expand-lg .navbar-nav .nav-link {
    color: #000 !important;
    font-size: 1.7rem;
    position: relative;
    padding: 1.1rem 0;
    transition: all ease 0.5s;
}

.headerNavbar .navbar-expand-lg .navbar-nav .nav-link.active::before {
    position: absolute;
    content: '';
    bottom: 5px;
    left: 50%;
    background: #efc018;
    width: 100%;
    height: .2rem;
    transform: translateX(-50%);
    transition: all ease 0.5s;
}

.headerNavbar .navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #efc018;
    transition: all ease 0.5s;
}

.headerNavbar .navbar-expand-lg .navbar-nav .nav-link::before {
    position: absolute;
    content: '';
    bottom: 1rem;
    left: 50%;
    background: #efc018;
    width: 0;
    height: .2rem;
    transition: all ease 0.5s;
    transform: translateX(-50%);
}

.headerNavbar .navbar-expand-lg .navbar-nav .nav-link:hover::before {
    position: absolute;
    content: '';
    bottom: 1rem;
    background: #efc018;
    width: 100%;
    height: .2rem;
    transition: all ease 0.5s;
}

.homeBannerWrapper {
    background: #02b1f2 url(../images/Home_New.jpg) center top no-repeat;
    padding: 10rem 0rem 2rem 0rem;
    background-size: 100% auto !important;
}

.homeBannerPhone {
    position: relative;
    width: 35rem;
    background: rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    padding: 1.5rem;
    border-radius: .6rem;
    margin-top: 0rem;
    border-top: .5rem #FFFF00 solid;
    float: right;
}

.homeBannerPhone img {
    position: absolute;
    right: 2rem;
    top: 1rem;
    width: 7rem;
}

.homeBannerPhone p {
    font-size: 1.8rem;
    margin: 0 0 1rem;
    line-height: 2rem;
}

.homeBannerPhone p strong {
    font-size: 2.5rem;
    color: #FFFF00;
}

.homeBannerPhone em {
    background: #000000;
    padding: .5rem 1rem;
    display: block;
}

.homeBannerPhone a {
    font-size: 3.1rem;
    color: #ffffff;
    font-weight: 600;
    padding-top: 1rem;
    display: block;
}

.homeBannerPhone a i {
    -webkit-animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 1s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 1s;
    -o-animation-iteration-count: infinite;
}

.searchEngineWrap {
    width: 100%;
    float:left;
    background: rgba(0, 0, 0, 0.6);
    padding:20px;
}

    .searchEngineWrap .nav-pills .nav-link {
        background: #fff;
        color: #000;
        padding: 0rem 1.5rem;
        margin-right: 1rem;
        border-radius: 3rem;
        font-weight: 500;
        font-size: 12px;
        padding: 3px 20px;
    }

.searchEngineWrap .nav-pills .nav-link.active {
    background: #efc018;
    color: #fff;
}

.formField input,
.formField select {
    background: #ffffff url(../images/Search_Icon.png) left .3rem no-repeat;
    border: none;
    width: 100%;
    height: 4.5rem;
    padding: 0rem .5rem 0rem 3.5rem;
    border: .1rem solid #ccc;
    border-radius: .4rem;
    font-size: 1.4rem;
}
#airline {
    background: #ffffff url(../images/Search_Icon.png) left -100px no-repeat;
}

#pills-home .flightEngineInnerWraper .formField select{height:33px;background-position:left -106px;}

.formField input.fromInput {
    background-position: left -10.2rem;
}

.formField input.toInput {
    background-position: left -15rem;
}

.formField input.searchCalendar {
    background-position: left -5.2rem;
}

.seperatorSearch {
    border-top: .1rem dashed #999;
}

.formField select.travelerClasses {
    background-position: left -25rem;
}

.InputBtn {
    width: 100%;
}

    .InputBtn input {
        background: #efc018;
        font-size: 1.7rem;
        text-transform: uppercase;
        color: #ffffff;
        text-align: center;
        height: 4.5rem;
        line-height: 4.5rem;
        border: none;
        width: 100%;
        cursor: pointer;
        font-weight: 500;
        border-radius: .4rem;
    }

.InputBtn input:hover {
    background: #1b2d4c;
}

.numberoftraveler {
    background: #1b2d4c;
    padding: 1.5rem;
    position: absolute;
    width: 100%;
    z-index: 9;
}

.numberoftraveler p {
    font-weight: 700;
    font-size: 11px;
    margin-top: 7px;
    color: #ffffff;
}

.travelerplusminus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 0rem;
    position: relative;
}

    .travelerplusminus .plusminus {
        width: 6.5rem;
        height: 30px;
        background: #efc018;
        border: .1rem solid #efc018;
        text-align: center;
        color: #fff;
        font-weight: 600;
        padding: .4rem 0;
        cursor: pointer;
        border-radius: .4rem;
    }

.travelerplusminus .plusminus:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.travelerplusminus .plusminus:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.travelerplusminus .plusminus i {
    font-size: 1.2rem;
}

.travelerInputField {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .travelerInputField input {
        background: transparent;
        text-align: center;
        height: 30px;
        border-radius: 0;
        border: .1rem solid #ccc;
        padding: 0;
        font-weight: 600;
        color: #fff;
    }

.travelerInputField input:focus {
    box-shadow: none;
}



.preferedAirlines input {
    background: transparent;
    padding: 0 1.5rem;
    height: 3.8rem;
}

.preferedAirlines input:focus {
    box-shadow: none;
}

.travelerWrap {
    position: relative;
}

.bannerDwnBlockWrap {
    width: 100%;
    float: left;
    margin: 1.5rem 0;
}

.bannerCommonBlock {
    text-align: center;
    border-right: .2rem dotted #ccc;
    padding: 1rem 1.5rem;
    min-height: 13rem;
}

.bannerCommonBlock span {
    width: 100px;
    height: 100px;
    background: #efbf00;
    display: flex;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 17px;
}

.lastBlock {
    border-right: none;
}


.bannerCommonBlock h2 {
    font-size: 20px;
    font-weight:600;
    color: #1b2d4c;
    margin: 20px 0px 10px 0px;
}

.bannerCommonBlock p {
    font-size: 15px;
    line-height: 20px;
    color: #1b2d4c;
}

.bannerCommonBlock a {
    font-size: 15px;
    color: #efbf00;
    text-decoration: none;
}

.topFlightDeals {
    width: 100%;
    float: left;
    background: #f4f4f4;
    padding: 1.5rem 0;
    margin: 3rem 0;
}

.dealsWrap {}

.dealsWrap h3 {
    color: #fff;
    background: #1b2d4c;
    font-size: 1.8rem;
    padding: 1rem 1.5rem;
}

.dealsDesc {}

.dealsDesc em {
    color: #5f5f5f;
    font-size: 1.5rem;
    margin: 1.5rem 0;
    display: block;
}

.dealsDesc ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: .1rem solid #d9d9d9;
}

.dealsDesc ul li {}

.dealsDesc ul li a {
    display: block;
    border-bottom: .1rem solid #d9d9d9;
    padding: 1rem 1.5rem;
    color: #555;
    font-size: 1.5rem;
}

.dealsDesc ul li a i {
    float: right;
    color: #f59b45;
    border: .1rem solid #f59b45;
    width: 2rem;
    height: 2rem;
    text-align: center;
    padding: .2rem 0;
}

.dealsDesc ul li:last-child a {
    border-bottom: none;
}

.dealsDesc ul li a:hover {
    background: #e9e9e9;
}

.topdestDealsWrap {
    width: 100%;
    float: left;
    margin: 2rem 0 3rem;
}

.topDestHeading {
    font-size: 3.6rem;
    color: #4d4d4d;
}

.topDestHeading span {
    color: #777;
    font-size: 2.2rem;
}

.dealsBox {
    float: left;
    width:calc(33.33% - 20px);
    margin:10px;
}

.dealsBox a span {
   color:#fff;
}

.dealsBox a:hover {
    border-color: #02b1f2;
}

.dealsBox a img {
    width: 100%;
}
.dealsBox{position:relative;overflow:hidden;}
.dealsBox .imgb{position:relative;}
.dealsBox .imgb h4 {
bottom: 0;
cursor: pointer;
text-transform: uppercase;
color: #000;
text-align: center;
width: 100%;
position: ABSOLUTE;
font-size: 20px;
font-weight: 500;
letter-spacing: 1px;
padding: 20px 10px;
background: rgba(255, 175, 0, 0.9);
transition:all ease-in-out 0.5s;
}
.dealsBox .caption {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    text-align: center;
    left:0px;top:100%;display:flex;align-items:center;
    transition:all ease-in-out 0.5s;
}
.dealsBox:hover .caption{top:0px;}
.dealsBox:hover .imgb h4{bottom:-150px;}


.dealsBox img{width:100%;}

.dealsBox a h4 {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 10.5rem;
    left: 0rem;
    padding: 0rem 1rem;
}

.dealsBox a h4 span {
    text-shadow: 0rem 0rem .4rem #000000;
    background: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    font-size: 2rem;
    text-align: center;
    display: block;
    padding: .5rem 0;
}

.dealsBox a h4 i {}

.dealsBox a span.startingFrom {
    font-size: 1.3rem;
    font-style: italic;
    color: #fff;
    font-weight: 600;
    display: block;
    float: left;
    width: 100%;
    margin: 1rem 0 0;
}

.dealsBox a span strong {
    font-size: 2.4rem;
    color: #efc018;
    font-style: normal;
    line-height: 2rem;
}

.dealsBox a p {
    color: #fff;
    width: 100%;
    float: left;
    font-size: 1.5rem;
}

.dealsBox a p .dealsPhone {
    display: block;
    padding-top: 0;
    color: #efc018;
    font-size: 2rem;
    font-weight: bold;
    font-family: "Arial Rounded MT Bold", Arial;
}

.dealsBox a p .dealsPhone i {}

.homeIatabannerWrap {
    width: 100%;
    float: left;
    margin: 0 0 3rem;
}

.subscribeWrap {
    position: relative;
}

.subscribeWrap .subscribeField {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
}

.subscribeWrap .subscribeField input {
    border-radius: .3rem;
    height: 3rem;
}

.subscribeWrap .subscribeField input:focus {
    box-shadow: none;
}

.subscribeWrap .subscribeField button {
    background: #efc018;
    color: #fff;
    font-size: 1.7rem;
    padding: 0 .8rem;
    line-height: 1.5rem;
    font-weight: 600;
    border-color: #efc018;
}

footer {
    width: 100%;
    float: left;
    background: #56727b;
    border-top: .5rem solid #efc018;
    padding: 1.5rem 0;
}

.footerTop {
    width: 100%;
    float: left;
    color: #FFFFFF;
    border-bottom: .1rem #344950 dashed;
    padding-bottom: 1.5rem;
}

.footerBottom {
    width: 100%;
    float: left;
    border-top: .1rem #708f9a dashed;
    color: #fff;
    padding-top: 1.5rem;
}

.footerPartnerLogo {
    width: 100%;
    text-align: center;
}

.footerPartnerLogo img {
    height: 5rem;
    margin: .1rem .2rem .5rem .2rem;
    border-radius: .4rem;
    border: .1rem #FFFFFF dashed;
}

.usefulLinks {
    width: 100%;
    float: left;
}

.usefulLinks h4 {
    font-size: 1.8rem;
    line-height: 3rem;
    margin-bottom: 1rem;
}

.usefulLinks ul {
    line-height: 2.0rem;
}

.usefulLinks ul li {
    margin: 0 !important;
    font-size: 1.3rem;
    line-height: 1.7rem;
}

.usefulLinks ul li.gap {}

.usefulLinks ul li a {
    color: #fff;
}

.usefulLinks ul li a:hover {
    text-decoration: underline;
}

.footerAddress {}

.footerAddress h5 {
    font-size: 1.6rem;
    color: #fff;
    line-height: 2.4rem;
    margin-bottom: 1rem;
}

.footerAddress p {
    font-size: 1.3rem;
}

.multicityHeading {
    color: #fff;
    font-size: 1.5rem;
    margin: 0 0 1rem;
}

.addFlightBtn {}

.addFlightBtn a {
    float: left;
    line-height: 4.5rem;
    background: #FFFFFF;
    padding: 0rem 1.5rem;
    color: #1b2d4c;
    font-size: 1.3rem;
}

.addFlightBtn a i {}

.flightSearchEngine {
    background: url(../images/SwitzerlandOberland.jpg) center center no-repeat;
    background-size: 100% auto !important;
}

.flightEngineInner {
    width: 100%;
    background: transparent;
}

.flightEngineInner .flightEngineInnerWraper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.flightEngineInner .flightFrom {
    width: 20%;
}

.flightEngineInner .flightTo {
    width: 20%;
}

.flightEngineInner .departureDate {
    width: 12%;
}

.flightEngineInner .returnDate {
    width: 12%;
}

.flightEngineInner .travelerWrap {
    width: 18%;
}


.flightEngineInner .travelerClassWrap {
    width: 12%;
}


.flightEngineInner .InputBtn {
    width: 12%;
}

.flightEngineInnerWraper .formField input,
.flightEngineInnerWraper .formField select {
    border-radius: 0;
    border: none;
    border-right: .1rem solid #ccc;
    height: 5rem;
}

.flightEngineInnerWraper .formField input:focus,
.flightEngineInnerWraper .formField select:focus {
    box-shadow: none;
}

.flightEngineInner .travelerWrap .numberoftraveler {
    padding: 1rem;
}

.flightEngineInner .travelerWrap .numberoftraveler input {
    border: .1rem solid #ccc;
    height: 30px;
    width: 33.33%;
}

.flightEngineInner .travelerWrap .numberoftraveler .preferedAirlines input {
    width: 100%;
}

.flightBannerHeading {
    color: #FFFFFF;
    text-shadow: #000000 4rem 4rem 4rem;
    margin: 2rem 0;
    font-size: 3rem;
    line-height: 3rem;
}

.flightHeading {
    font-size: 2.4rem;
    color: #02b1f2;
    text-align: center;
}

.flightHeading span {
    display: block;
    margin: 1rem 0;
    font-weight: 400;
    color: #000;
    font-size: 2.4rem;
}

#gototop {
    display: none;
    position: fixed;
    bottom: 5rem;
    right: 3rem;
    z-index: 99;
    font-size: 2.4rem;
    border: none;
    outline: none;
    background-color: #efc018;
    color: white;
    cursor: pointer;
    padding: 0;
    border-radius: .4rem;
    width: 4.5rem;
    height: 4.5rem;
    line-height: 2rem;
}

#gototop:hover {
    background: #02b1f2;
}

.breadcrumb {
    width: 100%;
    float: left;
    margin: 0 0 1.5rem;
}

.breadcrumb ul {
    background-color: #1b2d4c;
    padding: .5rem;
    margin-top:10px;
}

.breadcrumb ul li a {}

.breadcrumb ul li a.active {
    color: #efc018;
}

.breadcrumb ul li i {
    color: #ffffff;
}

.breadcrumb ul li {
    font-size: 1.3rem;
    line-height: 1.5rem;
    margin: 0 .5rem 0 0 !important;color:#fff;
}

.staticPageBanner {
    padding: 10rem 0rem 2rem 0rem;
    background-size: 100% auto !important;
    min-height: 30rem;
}

.termsBanner {
    background: url(../images/Terms.jpg) center center no-repeat;
}

.privacyBanner {
    background: url(../images/Privacy.jpg) center center no-repeat;
}

.refundBanner {
    background: url(../images/Refund.jpg) center center no-repeat;
}

.disclaimerBanner {
    background: url(../images/Disclaimer.jpg) center center no-repeat;
}

.aboutBanner {
    background: url(../images/About.jpg) center center no-repeat;
}

.contactBanner {
    background: url(../images/Contact.jpg) center center no-repeat;
    padding: 12rem 0 5rem 0;
}

.staticpageDescWrapper {
    width: 100%;
    float: left;
    margin: 0 0 3rem;
}

.staticpageDescWrapper h1 {
    color: #1b2d4c;
    border-bottom: .1rem #1b2d4c solid;
    font-weight: 600;
    font-size: 2.8rem;
    margin: 0 0 1rem;
    padding-bottom: .5rem;
}

.staticpageDescWrapper h2 {
    font-size: 2.4rem;
    margin: 0 0 1rem;
    color: #1b2d4c;
    font-weight: 400;
}

.staticpageDescWrapper p {
    font-size: 1.5rem;
    color: #000;
    margin: 0 0 3rem;
}

.staticpageDescWrapper p a {
    color: #efc018;
}

.staticpageDescWrapper ul {}

.staticpageDescWrapper ul li {
    font-size: 1.5rem;
    color: #000;
    margin-bottom: 1.5rem;
}

.staticpageDescWrapper ul li strong {
    color: #4d4d4d;
}

.staticpageDescWrapper p strong {
    color: #4d4d4d;
}

.contactForm {
    background: #1b2d4c;
    color: #FFFFFF;
    border-radius: .5rem;
    width: 90%;
    padding: 1.5rem 0;
    float: right;
}

.contactForm h2 {
    padding: 0 1.5rem 1rem;
    margin: 0rem 0 1.5rem;
    border-bottom: .1rem #fff solid;
    position: relative;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 2.4rem;
    color:#fff;
}

.contactForm h2::after {
    content: "";
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    height: .1rem;
    width: 100%;
    background: #009bd5;
}

.contactForm label {
    font-size: 1.5rem;
}

.contactForm input {
    border: 0;
    background: #FFFFFF;
    color: #000000;
    padding: 1rem;
    line-height: 1.3rem;
    height: 3.8rem;
    width: 100%;
    border-radius: 0;
    font-size: 1.5rem;
}

.contactForm textarea {
    border: 0;
    background: #FFFFFF;
    color: #000000;
    padding: 1rem;
    line-height: 1.3rem;
    height: 8rem;
    width: 100%;
    border-radius: 0;
    font-size: 1.5rem;
}

.contactForm input.sendnowBtn {
    width: 100%;
    background: #efc018;
    color: #ffffff;
    border: 0rem;
    text-align: center;
    font-size: 2.4rem;
    line-height: 2rem;
    height: 4rem;
    padding: 0rem;
}

.contactForm input.sendnowBtn:hover {
    color: #000;
}

.contactForm input:focus,
.contactForm textarea:focus {
    box-shadow: none;
}

.contact-details {
    padding: 1rem 0rem;
    line-height: 2.4rem;
    border-bottom: .1rem #CCCCCC solid;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    width: 100%;
    float: left;
}

.contact-details h2 {
    font-size: 3rem;
    margin: 2rem 0 .1rem;
    font-weight: 500;
    margin-bottom:20px;
}

.contact-details h3 {
    font-size: 2.4rem;
    margin: 2rem 0 .1rem;
    font-weight: 500;
    color: #02b1f2;
}

.contact-details p {
    float: left;
}

.contact-details iframe {
    float: right;
    width: 50rem;
    height: 26rem;
    margin-top: -6rem;
}

.headerCall {
    margin: .7rem 0;
}

.headerCall a {
    color: #efc018;
    font-size: 2.7rem;
    font-weight: 700;
    line-height: 3.5rem;
}

.resultBanner {
    background: #1b2d4c;
    min-height: 10rem;
    padding: 8.2rem 0 0rem;
}

.modifySearch {}

.modifySearch .flightFrom {
    width: 20%;
}

.modifySearch .flightTo {
    width: 20%;
}

.modifySearch .departureDate,
.modifySearch .returnDate {
    width: 15%;
}

.modifySearch .flightFrom input,
.modifySearch .flightTo input,
.modifySearch .departureDate input,
.modifySearch .returnDate input,
.modifySearch .travelerWrap input {
    height: 3.8rem;
}

.modifySearch .InputBtn input {
    height: 3.8rem;
    line-height: 3.8rem;
    font-size: 1.6rem;
    text-transform: capitalize;
}

.modifySearch .InputBtn input:hover {
    background: #1b2d4c;
}

    .modifySearch .nav-pills .nav-link.active {
        background: #ffffff;
        color: #1b2d4c;
    }

.modifySearch .nav-pills .nav-link {
    background: #efc018;
    color: #fff;
    padding: .2rem 1.5rem;
}

.modifyMulticity .flightEngineInnerWraper .flightFrom {
    width: 25%;
}

.modifyMulticity .flightEngineInnerWraper .flightTo {
    width: 25%;
}

.modifyMulticity .flightEngineInnerWraper .departureDate {
    width: 25%;
}

.modifyMulticity .flightEngineInnerWraper .travelerWrap {
    width: 25%;
}

.modifyMulticity .seperatorSearch {
    border-top: .1rem dashed #e9e9e9;
}

.modifyMulticity .flightEngineInnerWraper .addFlightBtn {
    margin-left: 1rem;
}

.addFlightBtn a {
    line-height: 3.8rem;
}

.addFlightBtn a:hover {
    color: #efc018;
}

.modifyMulticity .InputBtn {
    width: 15.3rem;
    margin-left: 1rem;
}

.modifyMulticity .InputBtn input {
    padding: 0;
}

.result-wrapper {
    width: 100%;
    float: left;
    background: #f1f1f1;
    padding: 3rem 0;
}

.result-matrixCarousel {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: .1rem solid #c3c1c1;
}

.matrix-item {
    width: 20%;
    text-align: center;
    border-right: .1rem solid #c3c1c1;
}

.matrix-item:last-child {
    border-right: none;
}

.matrix-item a {}

.matrix-item a .matrix-airline {
    border-bottom: .1rem solid #c3c1c1;
    padding: .5rem 0;
}

.matrix-item a .airlinesPrice {
    padding: .5rem 0;
    font-size: 1.5rem;
}

.matrix-item a:hover {
    color: #efc018;
}

.resultFilterWrap {
    width: 100%;
    float: left;
    background: #fff;
}

.filterHead {
    background: #1b2d4c;
    color: #fff;
    padding: 1rem;
    width: 100%;
    float: left;
    font-size: 1.5rem;
}

.filterHead a {
    float: right;
    color: #ffce00;
    font-size: 1.5rem;
    display: inline-block;
}

.refineBG {
    border: .1rem solid #ccc;
    padding: 1rem 0;
    width: 100%;
    float: left;
}

.resultFilterItem {
    padding: 0 1rem;
}

.resultFilterFHeading {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.resultCheckboxLabel {}
.filterPriceRangePrice{
    font-size: 1.3rem;
}

.resultCheckboxLabel ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
}

.resultCheckboxLabel ul li {
    line-height: 1.8rem;
    margin-bottom: 1rem;
}

.resultCheckboxLabel ul li input {
    opacity: 0;
}

.resultCheckboxLabel ul li label {
    font-size: 1.3rem;
    position: relative;
    padding: 0 0 0 .8rem;
    cursor: pointer;
}

.resultCheckboxLabel ul li label::before {
    width: 1.7rem;
    height: 1.7rem;
    border: #adb5bd solid .1rem;
    background: #eceeee;
    position: absolute;
    top: .2rem;
    left: -1.8rem;
    content: '';
}

.resultCheckboxLabel ul li input:checked+label::before {
    background: #efc018;
    box-shadow: none;
    border-color: #efc018;
}

.resultCheckboxLabel ul li input:checked+label::after {
    left: -1.3rem;
    top: .3rem !important;
    border: solid #1b2d4c;
    border-width: 0 .2rem .2rem 0;
    width: .7rem;
    height: 1.2rem;
    content: '';
    display: block;
    position: absolute;
    transform: rotate(45deg);
    background-image: none;
}

.filterSeperator {
    width: 100%;
    height: .1rem;
    background: #ccc;
    margin: 1rem 0;
    float: left;
}

.resultFound {
    width: 100%;
    float: left;
    background: #fff;
    border: .1rem solid #ccc;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 9.5rem;
}

.resultFound p {
    color: #000;
    font-weight: 500;
    font-size: 1.5rem;
}

.resultFound span {
    font-style: italic;
    color: #777;
    display: block;
    margin: .2rem 0;
}

.resultFound h4 {
    font-size: 1.8rem;
    font-weight: 500;
}

.phoneonly {
    width: 7rem;
}

.resultFound a {
    display: flex;
    align-items: center;
    color: #efc018;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.8rem;
}

.resultFound a span {
    color: #666666;
    font-weight: 600;
    font-size: 1.6rem;
    display: inline-block;
    margin-right: .8rem;
}

.resultFound a span i {
    margin-left: .5rem;
    color:#efc018;
}

.resultFound a:hover {
    color: #efc018;
}

.resultTopFilter {
    width: 100%;
    float: left;
    margin: 1.5rem 0;
}

.resultTopFilter ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.resultTopFilter ul li {
    width: 20%;
    text-align: center;
}

.resultTopFilter ul li a {
    background: #efc018;
    width: 100%;
    display: block;
    border: .1rem solid #efc018;
    color: #fff;
    font-size: 1.4rem;
    padding: .4rem 0;
}
.resultTopFilter ul li a:hover{background:#1b2d4c;}

.resultTopFilter ul li a i {
    font-size: 1.2rem;
}



.resultItemWrap {
    width: 100%;
    float: left;
    background: #fff;
    border: .1rem solid #ccc;
}

.seatLeft {
    background: #f2f2f2;
    font-size: 1.3rem;
    padding: .5rem 1rem;
}

.seatLeft span {
    color: #1b2d4c;
}

.resultDepartRow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 0 0 1rem;
}

.resultDepartRow .rsltCols {
    width: 25%;
}

.resultDepartRow .rsltCols p {
    font-size: 1.3rem;
    line-height: 1.3rem;
    margin-bottom: 1.2rem;
}

.resultDepartRow .rsltCols p:last-child {
    margin-bottom: 0;
}

.resultDepartRow .rsltCols p i,
.resultDepartRow .rsltCols p img {
    margin-right: .3rem;
}

.resultDepartRow .resltAirline {
    text-align: center;
    line-height: 1.5rem;
}

.resultDepartRow .resltAirline img {
    border: .1rem solid #ccc;
    border-radius: .3rem;
    margin: 0 0 .5rem;
}

.resultDepartRow .resltAirline p {
    margin-bottom: 0;
    font-size: 1.2rem;
}

.resultDepartRow .resltAirline span {
    font-size: 1.2rem;
    line-height: 1.2rem;
}

.resultDepartRow .resltDest1 {
    width: 28%;
}

.resultDepartRow .resltDest2 {
    width: 28%;
}

.resultDepartRow .resltClasses {
    width: 19%;
}

.resultDepartRow .resltClasses p {
    margin: 0 0 .5rem;
}

.rsltTime {}

.rsltDate {}

.rsltDest {}

.rsltSeperator {
    width: 100%;
    height: .1rem;
    border-top: .1rem dashed #ccc;
    float: left;
    margin: 1rem 0;
}

.rsltPrice {
    width: 100%;
    float: left;
    font-size: 1.3rem;
    min-height: 17.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rsltPrice h3 {
    color: #1b2d4c;
    font-size: 2.3rem;
    font-weight: 700;
}

.rsltPrice p {
    font-weight: 500;
    color: #929292;
    line-height: 1.5rem;
    margin: .2rem 0;
}

.rsltPrice span {
    color: #929292;
}

.rsltPrice button {
    background: #efc018;
    border-color: #efc018;
    border-radius: .3rem;
    height: 3.2rem;
    padding: 0rem 1.5rem;
    margin: .2rem 0 .5rem;
    font-size: 1.5rem;
}

.rsltPrice button:hover {
    background: #1b2d4c;
    border-color: #1b2d4c;
}

.rsltPrice a {
    color: #000;
    text-decoration: underline;
}

.rsltPrice a:hover {
    color: #efc018;
}

.flightDetailsHead {
    background: #f2f2f2;
    font-size: 1.3rem;
    padding: .8rem 1rem;
}

.flightDetailsHead a {
    color: #1b2d4c;
    font-weight: 600;
}

.flightDetailsHead a i {
    font-size: 1.2rem;
    margin-left: .4rem;
}

.flightdetailsDesc {
    border: .1rem solid #ccc;
    padding: 0;
    margin: 0 auto 1rem;
    width: 98%;
}

.flightdetailsDesc ul {
    background: #efc018;
    padding: .6rem 0;
}

.flightdetailsDesc ul li {
    margin: 0 1rem;
}

.flightdetailsDesc ul li .nav-link {
    color: #000;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 500;
    border: none;
    padding: 0 .5rem;
}

.flightdetailsDesc ul li .nav-link.active {
    background: transparent;
    color: #ffffff;
    border-bottom: .2rem solid #ffffff;
}

.flightdetailsDesc .accordion-item {
    border: none;
}

.flightdetailsDesc .accordion-item .accordion-body {
    text-align: left;
    padding: 1rem;
}

.flightdtlDest {
    background: #1b2d4c;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    font-weight: 500;
    padding: .5rem 1rem;
}
.flightdtlDest p{color:#fff;}

    .flightdtlDest .flightDestName {
        color: #fff;
    }

.flightdtlDest .flightDestName img {
    margin-right: .5rem;
}

.flightdtlDest .flightDtlTime {color:#fff;}
.flightdtlDest .psgStops{color:#fff;}

.flightdtldescMain {
    padding: 1rem 0;
}

.flightdtldescMain .resltAirline {
    width: 20%;
    line-height: 1.5rem;
}

.flightdtldescMain .resltDest1 {
    width: 31%;
}

.flightdtldescMain .resltDest2 {
    width: 31%;
}

.flightdtldescMain .resltClasses {
    width: 18%;
    text-align: right;
}

.flightdtldescMain .resltAirline p {
    margin: 0 !important;
}

.flightdtldescMain .rsltCols p {
    margin: 0 0 .5rem;
}

.faredetails {}

.faredetails th {
    padding: .5rem .8rem;
    color: #000;
    font-weight: 600;
    font-size: 1.5rem;
}

.faredetails td {
    padding: .8rem .8rem;
    color: #000;
    font-size: 1.5rem;
}

.faredetails td b.blueClr {
    color: #1b2d4c;
}

.bagDesc {
    font-size: 1.4rem;
    color: #4d4d4d;
    line-height: 1.7rem;
}

.bagDesc strong {
    display: block;
    font-weight: 600;
    margin: .8rem 0 .5rem;
}

.passangerDetailsBanner {
    padding: 10rem 0rem 2rem 0rem;
}

.passangerDetailsBanner a {
    background: #fff;
    display: inline-block;
    color: #000;
    padding: .8rem 1.5rem;
    font-size: 1.8rem;
    font-weight: 400;
    border-radius: .5rem;
    margin-top: .5rem;
}

.passangerDetailsBanner a i {
    margin-right: .5rem;
}

.passangerDetailsBanner h1 {
    color: #fff;
    font-size: 2.4rem;
}

.passangerDetailsBanner p {
    color: #fff;
    font-size: 1.3rem;
}

.passangerdetails-wrapper {
    width: 100%;
    float: left;
    background: #f1f1f1;
    padding: 1.5rem 0;
}

.psgSeatleft {
    width: 100%;
    float: left;
}

.psgSeatleft p {
    background: #ffe1c1;
    display: inline-block;
    padding: .7rem 1rem;
    color: #000;
    font-size: 1.3rem;
    line-height: 1.5rem;
}

.psgFlightDetails {
    width: 100%;
    float: left;
}

.psgHeading {
    background: #1b2d4c;
    color: #fff;
    font-size: 1.9rem;
    padding: 1rem;
    font-weight: 600;
}

.psgHeading i {
    margin-right: .5rem;
}

.psgHeading img {
    margin-right: .5rem;
}

.pasgDetailsInnerWrap {
    border: .1rem solid #ccc;
    background: #fff;
    border-top: none;
    box-shadow: 0 .5rem .7rem #dcdcdc;
    width: 100%;
    float: left;
}
.pasgDetailsInnerWrap ul li{
    font-size: 1.5rem;
}

.pasgDetailsInnerWrap .flightdtlDest {
    background: #8292af;
    color: #000;
}

.pasgDetailsInnerWrap .rsltCols p {
    margin: 1rem 0;
}

.pasgDetailsInnerWrap .rsltCols:last-child {
    padding-right: 1rem;
}

.psgTravelerTitle {
    font-size: 1.5rem;
    color: #1b2d4c;
    border-bottom: .1rem solid #1b2d4c;
    padding-bottom: .3rem;
}

.psgtravelerField {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.psgtravelerField .psgTitle {
    width: 10%;
}

.psgtravelerField .fname,
.psgtravelerField .mname,
.psgtravelerField .lname {
    width: Calc(30% - 10px);
    margin:0 5px;
}

    .psgtravelerField .psgdob {
        width: Calc(25% - 10px);
        margin: 0 5px;
    }

.psgtravelerField label {
    font-weight: 600;
    color: #000;
    font-size: 1.4rem;
    margin-top: 1rem;
}

.psgtravelerField input,
.psgtravelerField select {
    border-radius: 0;
    height: 3.5rem;
    appearance: auto;
    font-size: 1.3rem;
    padding: 0 .5rem;
}

.psgtravelerField input:focus,
.psgtravelerField select:focus {
    box-shadow: none;
}

.travelerrem-5 {
    padding: 0 .5rem;
}

.psgTravelerTerms {
    width: 100%;
    float: left;
    margin: 1rem 0;
}

.psgTravelerTerms p {
    font-size: 1.3rem;
    color: #000;
}

.paymentcardFieldWrap {}

.paymentcardFieldWrap .row {
    align-items: center;
}

.paymentcardFieldWrap p.cardTitleText {
    font-size: 1.4rem;
    font-weight: 500;
    color: #000;
}

.paymentcardFieldWrap p.cardTitleText span {}

.paymentcardFieldWrap select,
.paymentcardFieldWrap input {
    border-radius: 0;
    height: 3.5rem;
    font-size: 1.3rem;
}
.paymentcardFieldWrap input{width:100%;padding:8px;border:1px solid #ced4da;}

.paymentcardFieldWrap select:focus,
.paymentcardFieldWrap input:focus {
    outline: none;
    box-shadow: none;
}

.paymentcardFieldWrap .cardFieldDesc {
    font-size: 1.3rem;
    color: #000;
}

.cvvtitleWrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.cvvtitleWrap img {}

.cvvtitleWrap p.cvvtitle {
    color: #efc018;
    font-size: 1.2rem;
    line-height: 1.3rem;
    margin: 0 0 0 .5rem;
}

.cardformcheck {
    cursor: pointer;
}

.cardformcheck input {
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 0;
    cursor: pointer;
    margin-left: -1.5rem !important;
}

.cardformcheck label {
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #000;
    font-weight: 600;
    padding-left: .5rem;
    cursor: pointer;
}

.paymentPoliciesWrap p {
    font-size: 1.4rem;
    color: #000;
    line-height: 2.2rem;
    padding-bottom: 1.5rem;
}

.paymentTermsWrap {}

.paymentTermsWrap p {
    font-size: 1.5rem;
    color: #000;
    line-height: 2.2rem;
}

.paymentTermsWrap p b {}

.paymentTermsWrap p a {
    color: #efc018;
    display: inline-block;
}

.booknowBtn {
    background: #efc018;
    color: #fff;
    display: inline-block;
    padding: .8rem 2.5rem;
    font-size: 1.9rem;
    line-height: 2.5rem;
    height: 4.5rem;
    border: 1px solid #efc018;
}

.booknowBtn:hover {
    background: #1b2d4c;
    color: #fff;
}

.faredetailsWrap {
    width: 100%;
    float: left;
    margin: 3rem 0 0;
}

.faredetailsWrap {}

.faredetailsWrap table {
    font-size: 1.3rem;
}

.faredetailsWrap table th {}

.faredetailsWrap table td {}

.faredetailsWrap table td b {}

.faredetailsWrap table td em {}

.faredetailsWrap table tr:last-child td {
    border-bottom: none;
}

.innerFooter {}

.innerFooter p {
    color: #fff;
    font-size: 1.4rem;
}

.confirmationBanner {
    background: #1b2d4c;
    min-height: 10rem;
}

.confirmationBanner h1 {
    color: #fff;
    font-size: 2.4rem;
}

    .confirmationBanner h1 span {
        color: #efc018;
    }

.printDesc {
    color: #000;
    font-size: 1.7rem;
}

.custInfoTableWrap {}

.custInfoTableWrap table {
    margin: 0;
}

.custInfoTableWrap table td {
    padding: .2rem 0;
    border: none;
    font-size: 1.5rem;
}

.custInfoTableWrap table td strong {
    font-weight: 700;
}

.firmFlightBooking .flightdtlDest {
    background: #1b2d4c;
    font-size: 1.6rem;
    padding: .3rem 1rem;
}

.firmFlightBooking .resultDepartRow .resltAirline p {
    font-size: 1.4rem;
    color: #000;
    line-height: 2rem;
}

.firmFlightBooking .rsltCols p {
    font-size: 1.4rem;
    color: #000;
    line-height: 1rem;
}

.formnoteswrap {
    background: #efefef;
    padding: 1rem 1.5rem;
    margin-top: 1.5rem;
}

.formnoteswrap p {
    font-size: 1.4rem;
    color: #000;
    line-height: 2rem;
    margin-bottom: .5rem;
}

.FirmtravelerDetailsTable table {
    border: .1rem solid #ccc;
}

.FirmtravelerDetailsTable table th {
    background: #dedede;
    font-weight: 700;
    padding: .5rem 1rem;
    border-right: .1rem solid #ccc;
    font-size: 1.5rem;
}

.FirmtravelerDetailsTable table td {
    padding: .5rem 1rem;
    border-right: .1rem solid #ccc;
    font-size: 1.5rem;
}

.discountcolor {
    color: #8c9f2d;
}

.creditcard_chardcolor {
    background: #dedede;
}

.faredetailsNote {
    width: 100%;
    float: left;
    margin-bottom: 1.5rem;
}

    .faredetailsNote h4 {
        color: #1b2d4c;
        font-size: 2.2rem;
        margin: 0 1.5rem .5rem;
        font-weight: 500;
    }

.faredetailsNote ul li {
    color: #000;
    font-size: 1.6rem;
}

.termscheck ul li label {
    font-size: 1.5rem;
}

.waitWrapper {
    width: 100%;
    float: left;
}

.waitWrapFlex {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.waitwrapInner {}

.Waitpagebiglogo {}

.waitpara {
    margin: 3rem 0 1rem;
}

.waitpara p {
    color: #02b1f2;
    font-size: 1.8rem;
}

.waitLoader {}

.waitFlightDesc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 2.5rem 0;
}

.waitFlightDesc img {
    width: 3rem;
}

.waitFlightDesc p {
    color: #02b1f2;
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 500;
}

.waitFlightDesc p span {
    display: block;
    color: #000;
}

.waitDate {
    color: #000000;
    font-size: 1.6rem;
    font-weight: 500;
}

.waitPageWrapper {
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 30%);
}

.waitPageWrapper .waitwrapInner {
    background: #fff;
    padding: 2rem 1.5rem .5rem;
    border-radius: 1rem;
    width: 500px;
}

.waitPageWrapper .Waitpagebiglogo img {
    width: 12rem;
}

.waitPageWrapper .waitpara {
    margin: 1.5rem 0;
}

.waitPageWrapper .waitpara p {
    color: #000;
}

.waitPageWrapper .waitpara p strong {
    display: block;
    margin-bottom: 1rem;
}

.waitPageWrapper .waitFlightDesc {
    justify-content: center;
}

.waitPageWrapper .waitFlightDesc img {
    margin: 0 3rem;
}

.resultPopup {
    width: 100%;
    float: left;
}

.resultPopup .modal-dialog {
    max-width: 75%;
}

.resultPopup .modal-header {
    padding: 0;
}

.resultPopup .modal-header .resultpoplogo {
    background: #eeeeee;
    padding: .5rem 5rem;
    border-radius: .7rem 0 0 0;
}

.resultPopup .modal-header .resultpoplogo img {}

.resultPopup .modal-header .popdest {
    font-size: 2.5rem;
    color: #000;
    font-weight: 500;
}

.resultPopup .modal-header .popdest span {
    color: #f44335;
}

.resultPopup .modal-header button {
    background: #f44335;
    opacity: 1;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    color: #fff;
    font-size: 1.8rem;
    margin: 0 1.5rem 0 0;
}

.rsltPOpupCall {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rsltPOpupCall .avalNow {
    text-align: center;
}

.rsltPOpupCall .avalNow img {}

.rsltPOpupCall .avalNow p {
    line-height: 1.8rem;
}

.rsltPOpupCall .avalNow p i {
    margin-right: .5rem;
    color: #46b754;
}

.rsltPopList {
    width: 100%;
    float: left;
    margin: 5rem 0 0;
}

.rsltPopList ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rsltPopList ul li {
    margin-bottom: .5rem;
    font-size: 2.3rem;
}

.rsltPopList ul li span {
    color: #46b754;
    font-weight: 500;
}

.rsltPopList ul li i {
    color: #46b754;
    font-size: .9rem;
    float: left;
    margin: .9rem .7rem 0 0;
}

.rsltPopForm {}

.rsltPopForm h2 {
    background: #f44335;
    color: #fff;
    text-align: center;
    font-size: 1.9rem;
    padding: 1rem 0;
    margin: 0 0 1rem;
}

.rsltPopForm input {
    border-radius: 0;
    color: #000;
    font-size: 1.6rem;
    font-weight: 500;
}

.rsltPopForm input:focus {
    box-shadow: none;
}

.rsltPopForm input.submitBtn {
    background: #f44335;
    width: 100%;
    color: #fff;
    border-radius: 29rem;
    padding: .8rem 0;
    font-size: 1.9rem;
    font-weight: 400;
}
.hotelSearchEngine{
    width: 100%;
    float: left;
    background: #d9d9d9;
}
.hotelSearchEngine h1{
    background: #02b1f2;
    color: #fff;
    font-size: 2rem;
    padding: .7rem 1.5rem;    
}
.hotelSearchEngine form{ padding: 1.5rem;}
.hotelSearchEngine label{
    color: #000;
    font-weight: 600;
    font-size: 1.3rem;    
}
.hotelSearchEngine input{
    border-radius: 0;
    font-size: 1.3rem;
    color: #02b1f2;
    border: .1rem #02b1f2 solid;
    height: 3.5rem;
    padding: 0 1rem;    
}
.hotelSearchEngine input:hover{
    border-color: #ff6800;
}
.hotelSearchEngine select{
    border-radius: 0;
    font-size: 1.3rem;
    border: .1rem #ccc solid;
    height: 3.5rem;
    padding: 0 1rem;    
    background: #ffffff url(../images/Search_Icon.jpg) right top no-repeat;
}
.hotelSearchEngine input:focus, .hotelSearchEngine select:focus{
    box-shadow: none;
    outline: none;
}
.hotelSearchEngine input.searchBtn{
    background: #ff6800;
    color: #fff;
    border-color: #ff6800;
    font-size: 1.7rem;
    line-height: 2rem;
    padding: 0rem 1rem;
    height: 3.5rem;
    border-radius: .4rem;    
    transition: all ease 0.5s;
    font-weight: 600;
}
.hotelSearchEngine input.searchBtn:hover{
    background: #02b1f2;
    border-color: #02b1f2;
    transition: all ease 0.5s;
} 
.hotelSearchEngine input.searchBtn:focus{
    box-shadow: none;
    color: #fff;
}
.hotelsBanner{
    background: url(../images/hotels.jpg) center top no-repeat;
    position: relative;
    float: left;
    width: 100%;
    padding: 1.5rem 0;
    background-size: cover !important;
}
.searchBtnM{
    margin: 2.4rem 0 0;
}
.vacationsBanner{
    background: url(../images/Tours.jpg) center center no-repeat;
    position: relative;
    float: left;
    width: 100%;
    padding: 1.5rem 0 5rem;
    background-size: cover !important;
}
.flightstoDescPad{
    padding: 12rem 0 5rem;
}
.delhiBanner{
    background: #02b1f2 url(../images/new-delhi.jpg) center center no-repeat;    
}
.mumbaiBanner{
    background: #02b1f2 url(../images/mumbai.jpg) center center no-repeat;    
}
.bangkokBanner{
    background: #02b1f2 url(../images/bangkok.jpg) center center no-repeat;    
}
.tokyoBanner{
    background: #02b1f2 url(../images/tokyo.jpg) center center no-repeat;       
}
.nepalBanner{
    background: #02b1f2 url(../images/nepal.jpg) center center no-repeat;          
}
.sanghaiBanner{
    background: #02b1f2 url(../images/shanghai.jpg) center center no-repeat;          
}
.hongkongBanner{
    background: #02b1f2 url(../images/hong-kong.jpg) center center no-repeat;             
}
.romeBanner{
    background: #02b1f2 url(../images/rome-banner.jpg) center center no-repeat;             
}
.parisBanner{
    background: #02b1f2 url(../images/paris.jpg) center center no-repeat;             
}
.madridBanner{
    background: #02b1f2 url(../images/madrid-banner.jpg) center center no-repeat;             
}
.frankfurtBanner{
    background: #02b1f2 url(../images/frankfurt.jpg) center center no-repeat;             
}
.amsterdamBanner{
    background: #02b1f2 url(../images/amsterdam.jpg) center center no-repeat;             
}
.londonBanner{
    background: #02b1f2 url(../images/london-banner.jpg) center center no-repeat;             
}
.dubaiBanner{
    background: #02b1f2 url(../images/dubai.jpg) center center no-repeat;             
}
.telavivBanner{
    background: #02b1f2 url(../images/tel-aviv.jpg) center center no-repeat;             
}
.sydneyBanner{
    background: #02b1f2 url(../images/sydney.jpg) center center no-repeat;             
}
.usdomesticBanner{
    background: #02b1f2 url(../images/newyork-banner.jpg) center center no-repeat;  
}
.asiaBanner{
    background: #02b1f2 url(../images/Taj_mahal.jpg) center center no-repeat;  
}
.europeBanner{
    background: #02b1f2 url(../images/Europe-Valletta-Malta.jpg) center center no-repeat;  
}
.middleeastBanner{
    background: #02b1f2 url(../images/middle-east.jpg) center center no-repeat;  
}
.southpacificBanner{
    background: #02b1f2 url(../images/Sydeny_Big.jpg) center center no-repeat;  
}
.waitWrapper {
    width: 100%;
    float: left;
}

.waitWrapFlex {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.waitwrapInner {
    background: #1b2d4c;
    padding: 25px;
    border-radius: 10px;
    width: 100%;
    max-width: 700px;
    color:#fff;
}

.Waitpagebiglogo {
}

.waitpara {
    margin: 30px 0 10px;
}

    .waitpara p {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
    }

.waitLoader {
}

.waitFlightDesc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 25px 0;
    color:#fff;
}

    .waitFlightDesc img {
        width: 30px;
    }

    .waitFlightDesc p {
        color: #fff;
        font-size: 18px;
        line-height: 20px;
        font-weight: 500;
    }

        .waitFlightDesc p span {
            display: block;
            color: #ffffff;
        }

.waitDate {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

#dvWait {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgb(0 0 0 / 50%);
}
.donebtn {
    display: inline-block;
    background: #efc018;
    color: #fff;
    padding: 6px 30px;
    border-radius: 4px;
    line-height: 17px;cursor:pointer;
}

    .donebtn:hover {
        background: #000;
        color: #fff;
    }
.numberoftraveler .preferedAirlines {
    margin-top: 10px;
}
.p_range {
    font-size: 1.5rem;
}
span.field-validation-error {
    color: red;
    font-size: 1.2rem;
}

.validation-txt {
    font-size: 1.1rem;
    color: #F00;
}
.ui-widget-header .ui-datepicker-prev .ui-icon-circle-triangle-w {
    width: 15px;
    height: 15px;
    background-image: url(../images/prev-icon.svg);
    background-position: center center;
    background-size: 70%;
}
.ui-widget-header .ui-datepicker-next .ui-icon-circle-triangle-e {
    width: 15px;
    height: 15px;
    background-image: url(../images/next-icon.svg);
    background-position: center center;
    background-size: 70%;
}
.footer-new{background:#1b2d4c;width:100%;float:left;padding:30px 0px;}
.footer-new .container{display:flex;}
.footer-new .col-f-1{width:30%;padding-right:15px;}
.footer-new .col-f-2{width:30%;padding:0 20px;}
.footer-new .col-f-3{width:15%;padding:0 20px;}
.footer-new .col-f-4{width:25%;}
.footer-new .col-f-1 p{font-size:14px;line-height:20px;color:#ffffff;padding:15px 0px;}
.footer-new .social ul{display:flex;padding-top:20px;gap:10px;padding:0px;margin:0px;}
.footer-new .social li{list-style:none;}
.footer-new .social li a {height: 40px;width: 40px;font-size: 15px;display: inline-block;
text-align: center;line-height: 38px;border: 2px solid #efc018;-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;color: #ffffff;}
.footer-new .social li a:hover{color:#efc018;}
.footer-new .col-f-2 p,.footer-new .col-f-2 p a{font-size:14px;color:#fff;padding-bottom:15px;line-height:22px;}
.footer-new .col-f-2 p i{margin-right: 12px;width:15px;height: 100%;float: left;padding-top: 5px;color:#efc018;}
.footer-new .col-f-2 p span{display:table-cell;}
.footer-new h5{ font-size:20px;color:#fff;margin-bottom:30px;position:relative;}
.footer-new h5:before{width:60px;height:3px;background:#efc018;position:absolute;left:0px;bottom:-10px;content:"";}
.footer-new .col-f-2 p a:hover{color:#efc018;}
.footer-new .col-f-3 ul{padding:0px;margin:0px;}
.footer-new .col-f-3 li{margin-bottom:10px;list-style:none;}
.footer-new .col-f-3 li a{color:#fff;font-size:14px;}
.footer-new .col-f-3 li a:hover{color:#efc018;}
.footer-new .col-f-4 ul{display:flex; flex-flow:wrap;gap:15px;margin:0px;padding:0px;}
.footer-new .col-f-4 li img{max-height:45px;}
.f-cpyright{width:100%;background:#1b2d4c;padding:7px;text-align:center;font-size:13px;float:left;}
.f-cpyright p{color:#fff;}
.f-cpyright p a{color:#efc018;}
.footer-new .col-f-4 li{list-style:none;}

.slider-new{width:100%;float:left;position:relative;}
.slider-new .box{position:relative;width:100%;float:left;}
.slider-new ul{padding:0px;}
.slider-new .owl-carousel{width:100%;}
.slider-new .owl-stage-outer{overflow:hidden;position:relative;}
.slider-new .owl-stage{position:relative;}
.slider-new .owl-item{float:left;}
.slider-new .owl-prev{position:absolute; left:0px; top:50%;transform:translateY(-50%);border:none;background:none;z-index:99;}
.slider-new .owl-prev span,.slider-new .owl-next span{width: 40px;height: 40px;line-height: 10px;font-size: 100px;color: #ffaf00;display: block;}
.slider-new .owl-next{position:absolute; right:0px; top:50%;transform:translateY(-50%);border:none;background:none;z-index:99;}
.slider-new ul li img{width:100%;}
.slider-new .caption{width: 100%;max-width: 1100px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index:2;}
.slider-new:before {content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);position: absolute;
left: 0px;top: 0px;z-index: 1;}
.dealsDesc .imgb{position:relative;}
.dealsDesc .imgb .caption {position: absolute;top: 100%;height: 100%;background: rgba(0,0,0,0.6);width: 100%;padding:20px;top:0px;left:0px;}
.dealsDesc .imgb .caption ul{border:none;}
.dealsDesc .imgb .caption li{display:flex;justify-content:space-between; color:#fff;padding:5px 0px; border-bottom:1px solid #b5934f;font-size:15px;}
.heading-m{font-size:30px;color:#081d59;text-align:center;padding-bottom:20px;line-height:28px;position:relative;margin-bottom:30px;}
.heading-m:before{content:""; width:100px;height:6px;background:#081d59;position:absolute;left:50%;transform:translateX(-50%);bottom:0px;}
.contact-details ul{padding:0px;margin:0px;}
.contact-details li{list-style:none;}
.contact-details li i {margin-right: 12px;width: 15px;height: 100%;float: left;padding-top: 5px;color: #1b2d4c;
}
.contact-details li a{color:#1b2d4c;}
.contact-details li a:hover{color:#efc018;}
.about-us p{margin-bottom:15px;}
.heading-m2{ font-size:20px;color:#1b2d4c;margin-bottom:30px;position:relative;margin-bottom:20px;font-weight:bold;}
.heading-m2:before{width:60px;height:3px;background:#efc018;position:absolute;left:0px;bottom:-10px;content:"";}
.bg-light{background-color:#1b2d4c !important;}

.processing{width:100%;margin-bottom:20px;}
.processing p{font-size:20px;line-height:30px;padding-bottom:10px;}
.processing .progress {
background: rgba(255,255,255,0.1);
justify-content: flex-start;
align-items: center;
position: relative;
display: flex;
height: 10px;
max-width: 500px;
background: #fff;
margin: 0 auto;
}

.processing .progress-value {
animation: load 5s normal infinite;
background: #efc018;
height: 10px;
width: 0;
}

@keyframes load {
0% {
width: 0;
}

50% {
width: 100%;
}
}
.payment-info-n .row{align-items:start;}
.payment-info-n label{font-weight: 600;color: #000;font-size: 1.4rem;margin-top: 1rem;}
.payment-info-n .cardFieldDesc{font-size:11px;}
.payment-info-n .mb-3{padding:0 10px;}
.pasgDetailsInnerWrap .psgtravelerField{padding:0 10px;}
.credit-card-d .paymentcardFieldWrap{padding:10px 10px 0px 10px !important;}
.credit-card-d .col-lg-4{padding-bottom:15px;}
.credit-card-d .cardformcheck{display:flex;}


.support {
    display: flex;
    align-items: center;
    margin-left: 15px;
    width: 27%;
}

.support .icon-img {
width: 50px;
margin-right: 10px;
position: relative;
}
.support .icon-img img{width:100%;}

.support .icon-img .dot {
width: 8px;
height: 8px;
background: #efc018;
position: absolute;
top: 8px;
right: 0;
border-radius: 100%;
animation: blink-animation 1s steps(5, start) infinite;
-webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.support .text span {
    font-size: 12px;
    line-height: 18px;
    color: #081d59;
    display: block;
}

.support .text a {
    font-size: 22px;
    color: #081d59;
    font-weight: 600;
}

    .support .text a:hover {
        text-decoration: none;
    }

    .support .text a:hover {
        color: #efc018;
    }

.whats-up {
    width:50px;
    margin-left: 15px;
}
.whats-up img{width:100%;}
.email-inifo{}
.email-inifo {
    background: #efc018;
    font-size: 16px;
    font-weight: bold;
    color: #081d59;
    border-radius: 21px;
    display: inline-block;
    margin: 0 6px;
}
.email-inifo a {
color: #081d59;
padding: 7px 20px;
display:inline-block;
}
.email-inifo:hover{background:#081d59;color:#fff;}
.email-inifo a:hover{color:#fff;}

.email-inifo i {
font-size: 20px;
padding-right: 2px;
position: relative;
top: 3px;
}
.card-rw{width:100%;float:left;padding:30px 0px;}
.card-rw ul{display:flex;gap:20px;justify-content:center;padding:0px;flex-flow: wrap;}
.card-rw li{list-style:none;}
.card-rw li img{max-height:50px;}

@media only screen and (max-width:1399px) { /*1300*/
}

@media only screen and (max-width:1299px) { /*1200 - 1024 */
    .headerNavbar .navbar-expand-lg .navbar-nav .nav-item{margin:0 5px;}
    .list-inline-item:not(:last-child){margin-right:3px;}
    .topHeader ul li a{font-size:12px;}
    .slider-new .caption{max-width:900px;}
    .bannerCommonBlock h2{font-size:18px;}
}
@media only screen and (max-width:1199px) { /*1024 */
    .bg-light{background-color:#fff !important;}
    .navbar-toggler{background-color:#ececec; margin-top:10px;}
    .slider-new .caption{max-width:730px; }
    .slider-new .owl-prev span, .slider-new .owl-next span{font-size:70px;}
    .bannerCommonBlock span{width:80px;height:80px;}
    .bannerCommonBlock{padding:10px 6px;}
    .bannerCommonBlock h2{font-size:15px;}
    .bannerCommonBlock p{font-size:13px;}
    .dealsWrap h3{font-size:16px;}
    .dealsDesc ul li a{font-size:14px;padding:5px 10px;}
    .dealsDesc ul li a i{width:15px;height:15px;font-size:12px;}
    .heading-m{font-size:24px;}
    .dealsBox .imgb h4{font-size:15px;padding:10px 5px;}
    .dealsBox a span strong,.dealsBox a p .dealsPhone{font-size:18px;}
    .logo-n img{width:170px;}
    .footer-new .social li a{width:30px;height:30px;font-size:12px;line-height:30px;}
    .footer-new .col-f-2{width:25%;padding:0 10px;}
    .footer-new .col-f-3{width:23%;}
    .list-inline-item:not(:last-child){margin:5px;}
    .topHeader ul li a{font-size:14px;}
    .slider-new .caption{position: inherit;}
    .headerBottom .col-lg-3{width:18%;}
    .headerBottom .col-lg-9{width:82%;}
    .topHeader ul li a{font-size:13px;}
    .modifySearch .formField input, .modifySearch .formField select{font-size:12px;}
    .resultFound h4{font-size:12px;}
    .searchEngineWrap{padding:10px;}
    .modifySearch .InputBtn input{font-size:13px;}
    .resultDepartRow .rsltCols p{font-size:12px;}
    .rsltPrice button{width:100%;font-size:14px;padding:5px;}
    .rsltPrice h3{font-size:15px;}
    .resultFilterFHeading{font-size:12px;line-height:16px;}
    .p_range{font-size:11px;}
    .resultCheckboxLabel ul{margin:0px;}
    .resultCheckboxLabel ul li label{font-size:12px;}
    .resultTopFilter ul li a{font-size:12px;}
}
@media only screen and (max-width:1023px) { /*768*/
    .psgHeading{font-size:16px;}
    .cardformcheck label{font-size:12px;}
    .payment-info-n .col-md-4{width:47.333333%;}
    .booknowBtn{padding:8px;font-size:16px;}
    .psgtravelerField .psgTitle{width:15%;}

      .card-rw li img{max-height:40px;}
    .navbar-collapse{background:#fff;padding:10px;}
    .email-inifo a span,
    .support .text,.curncy{display:none;}
    .topHeader{display:flex;}
    .email-inifo{border-radius:100%;}
    .email-inifo a {color: #081d59;padding: 0;display: inline-block;width: 40px;height: 40px;text-align: center;
line-height: 40px;border-radius: 100%;}
    .support .icon-img{width:40px;}
    .whats-up{width:40px;}
    .support{width:auto;}
    .navbar-collapse{top:54px;}


}
@media only screen and (max-width:767px) {
    .headerLogo img{width:170px;}
    .headerBottom .col-lg-3{width:70%}
    .headerBottom .col-lg-9{width:30%}
    .searchEngineWrap{background:rgb(27 45 76);}
    .searchEngineWrap .InputBtn{margin-top:10px;}
    .heading-m{font-size:20px;}
    .dealsBox{width:100%;margin:0px 0px 10px 0px;}
    .footer-new .col-f-1,
    .footer-new .col-f-2,
    .footer-new .col-f-3,
    .footer-new .col-f-4{width:100%;margin:0 0 20px 0px;padding: 0 10px;}
    .footer-new .container{display:block;}
    .topFlightDeals .dealsWrap{margin-bottom:10px;}
    .bannerCommonBlock{border-bottom:.2rem dotted #ccc;border-right:none;}
    .footer-new .col-f-3 li{margin-bottom:5px;}
    .footer-new h5{font-size:18px;margin-bottom:20px;}
    .navbar{position: initial;}
    .navbar-collapse {position: absolute;top: 44px;z-index: 999;width: 100%;left: 0;}
    .topHeader{display:block;}
    .topHeader .list-inline{padding-left:10px;}
    .list-inline-item:not(:last-child){margin:5px 5px 5px 0px;}
    .footer-new .col-f-2 p, .footer-new .col-f-2 p a{padding-bottom:10px;}
    .footer-new{padding:20px 0px 0px 0px}
    .flightEngineInner .flightEngineInnerWraper{display:block;}
    .modifySearch .formField{width:100%;margin-bottom:15px;}
    .modifySearch .InputBtn input,.flightEngineInner .InputBtn{width:100%;}
    .resultTopFilter ul li{width:100%;}
    .resultTopFilter ul{display:block;}
    .resultFound a span{display:block;}
    .resultFound a{display:inline-block;}
    .resultDepartRow .rsltCols p{padding-left:16px;position:relative;}
    .resultDepartRow .rsltCols p i, .resultDepartRow .rsltCols p img{position:absolute;left:0px;}
    .resultDepartRow .resltAirline p{padding:0px;}
    .rsltPrice{min-height:auto;padding:10px 0px;}
    .passangerDetailsBanner{padding:10px; width:100%;float:left;}
    .passangerDetailsBanner a{margin-bottom:14px;}
    .passangerDetailsBanner h1{font-size:20px;}
    .pasgDetailsInnerWrap .rsltCols p{margin:5px;}
    .flightdtldescMain .resltClasses{width:22%;}
    .psgtravelerField .psgTitle{width:50%;}
    .psgtravelerField .fname, .psgtravelerField .mname, .psgtravelerField .lname{width:100%;margin:0px;}
    .psgtravelerField .psgdob{width:30%;margin:0 10px 0 0;}
    .payment-info-n .col-md-4{width:100%;margin:0 0 0 0;}
    .paymentcardFieldWrap select, .paymentcardFieldWrap input{margin-bottom:5px;}
    .credit-card-d .col-lg-4{padding-bottom:0px;}
    .paymentTermsWrap .booknowBtn{width:100%;margin:10px 0px;}
    .confirmationBanner{width:100%;float:left;padding:10px;min-height:auto;}
    .confirmationBanner h1{font-size:18px;}
    .flightdtlDest .flightDtlTime,
    .flightdtlDest .psgStops,
    .flightdtlDest .flightDestName{font-size:13px;padding:0 5px;}
    .resultDepartRow .rsltCols p{line-height:16px;}
    .firmFlightBooking .resultDepartRow .resltAirline p{font-size:12px;line-height:16px;}
    .FirmtravelerDetailsTable table th{font-size:13px;}
    .FirmtravelerDetailsTable table td{font-size:12px;}
    .faredetailsNote h4{font-size:15px;}
    .faredetailsNote ul li,.pasgDetailsInnerWrap ul li{font-size:13px;line-height:17px;}
    .psgHeading{font-size:14px;}
    .custInfoTableWrap table td,.printDesc{font-size:13px;}
    .custInfoTableWrap table td.tableTitle{width:40%;}
    .card-rw li img{max-height:40px;}
    .navbar-collapse{background:#fff;padding:10px;}
    .email-inifo a span,
    .support .text,.curncy{display:none;}
    .topHeader{display:flex;}
    .email-inifo{border-radius:100%;}
    .email-inifo a {color: #081d59;padding: 0;display: inline-block;width: 40px;height: 40px;text-align: center;
line-height: 40px;border-radius: 100%;}
    .support .icon-img{width:40px;}
    .whats-up{width:40px;}
    .support{width:auto;}
    .navbar-collapse{top:54px;}
}