.joureny-trip-icon {
    padding-left: 13px;
    margin-top: 12px;
}
.recentsearch__list--destination--airportcode span {
    width: 100%;
}
.srch-area-recent {
    background-color: #00324a;
    color: #fff;
    padding: 10px;
    margin: 0px;
    display: block;
    text-decoration: none;
    cursor: pointer;
     width: 220px;
    padding-bottom:15px!important;
}
.rsClose {position:absolute; top:-7px; right:3px; cursor:pointer; width:16px; height:16px;
    border-radius:50%; background-color:#fff; color:#333; font-size:7px; line-height:20px; text-align:center;
}

.journeytrip {
    position: absolute;
    top: 13px;
    right: 7px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
}

.departdatepnl {
    position: absolute;
    left: 11px;
    top: 35px;
    font-size: 12px;
}

.returndatepnl {
    position: absolute;
    right:82px;
    top: 35px;
    font-size: 12px;
}
/**/
/* Header css start here */
.ui-state-active {
    background-color: #e1f0ef !important;
    color: #ff6926 !important;
}
.head-main-cover {
    /*background-image: url(../images/homebg.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 450px;
    background-position: center;
    background-color: #001921;
    padding-bottom: 10px;
    transition: .5s;
}
.userIconMain {
position: relative;
}

.userIconMain {
    position: relative; margin-right:16px
}

    .userIconMain .userIconWrap {
        width: 22px;
        height: 22px;
        cursor: pointer;
        background-color: #f3ddd3;
        display: inline-block;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
    }

 .userIconMain .userIconWrap i {
            color: #333;
            font-size: 12px;
        }
.wlc-txt {
    font-size: 12px;
    color: #ff6926;
}
.userHoverMenu {
    padding: 10px 15px;
    left: 0;
    z-index: 99;
    right: 0;
    top: 28px;
    right: auto;    
    background: #011A21;    
    color: #fff;
    z-index: 999;
    border-radius: 0 0 0.25rem 0.25rem;
}

.userIconMain:hover .userHoverMenu {
    display: block;
}
.userHoverMenu:before {
    content: "";
    position: absolute;
    top: -9px;
    right: auto;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #00171C;
    left: 0;
}
.dd-menu a {
    display: inline-block;
    width: auto;
    vertical-align: top;
    color: #f5f5f5;
    font-size: 13px;
    padding: 0 0 10px 15px;
    position: relative;
}
    .dd-menu a:before {
        content: "\28";
        font-family: "travel-font-icon" !important;
        position: absolute;
        top: 1px;
        left: 0;
        font-size: 12px;
    }
    .dd-menu a::after {
        content: '';
        display: block;
        width: 0;
        height: 1px;
        background: #f5f5f5;
        transition: all .2s linear;
    }
.dd-menu a:hover::after, .dd-menu a:focus::after {
    width: 100%;
}
.dd-menu a:hover, .dd-menu a:focus {
    color: #f5f5f5;
    text-decoration: none;
    background-color: transparent;
}
.wdWithBg {
    padding-top: 76px;
    margin-top: -76px;
    /*transition: ease-in-out .3s;*/
    transition: background-image .5s ease-in-out;
    background-image: url(../imagesV2/homebg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 506px;
    background-position: center top;
    background-color: #001921;    
}

.newsroomMain { position:relative; }
.newsroom-inner-wrap { display:none; position:absolute; width:130px; background-color:#001921; font-size:12px; color:#fff;margin-top:2px; padding-left:15px; padding-bottom:5px; padding-top:5px;z-index:999; }
    .newsroom-inner-wrap .nav-link:before { content: "\28"; font-family: "travel-font-icon" !important; position: absolute; top:7px; left:8px; font-size: 12px;}
/*.newsroomMain .newsroomLink:hover + .newsroom-inner-wrap { display:block !important; }*/
.newsroomMain:hover .newsroom-inner-wrap { display:block !important; }
.newsroomMain:hover .newsroom-inner-wrap a { font-size:13px; color:#fff !important; }
.newsroomMain:before { display:none; }
.newsroom-inner-wrap.active{ display:none; }

.sub-links-wrap .sub-link a:hover {
    text-decoration: none
}
.header-wrap {
    position: relative;
    
}

.header-wrap-inr{padding:5px 0px;}

.navbar {
    background-color: rgba(255,255,255,.8);
    /*background-color: #B6D0E6;*/
    padding: 10px 1rem 0px;
    transition: .5s;
}

.navbar-nav {
    margin-top:10px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: #333;
    font-size: 18px;
    padding: 6px 12px;
}

    .navbar-expand-lg .searches-list {
        position: relative;
    }

.total-search {
    position: relative;
}

.search-count {
    position: absolute;
    color: #fff;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    font-weight: bold;
    background: #ff6926;
    border-radius: 50%;
    text-align: center;
    line-height: 14px;
    font-size: 11px;
}

.navbar-expand-lg .navbar-nav li {
    margin: 0px 0px;
    position: relative;
}

.navbar-expand-lg .navbar-nav .nav-item::before {
    content: "";
    background: #ff6926;
    height: 3px;
    bottom:-3px;
    width:0;
    left: 50%;
    right: 50%;
    position: absolute;
    transition: all .2s linear;
}*

.navbar-expand-lg .navbar-nav .nav-item:hover:before, .navbar-expand-lg .navbar-nav .nav-item.active:before {
    left: 0;
    width: 100%;
    right: 0;
}

#mobNavCloser { /*position: fixed;*/ right: 310px;
    cursor: pointer;
    top: 100px;
    display: none;
    z-index: 99999;   margin-bottom:8px;
}
/* Menu dropdown css */
.navbar-nav > li.dropdown .dropdown-menu {
    padding: 15px 15px 5px;
    left: 15px;
    z-index: 99;
    top: 100%;
    right: 15px;
    background: #011A21;
    color: #fff;
    z-index: 9999999;
    border-radius: 0 0 0.25rem 0.25rem;
}

.navbar-nav > li.dropdown:hover .dropdown-menu {
    display: block
}

.navbar-nav > li.dropdown .dropdown-menu:before {
    content: "";
    position: absolute;
    top: -10px;
    right:386px; /*right:235px;*/
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 10px solid #00171C
}

.navbar-nav > .newsroomMain .newsroom-inner-wrap:before {
    content: "";
    position: absolute;
    top: -10px;
    right:60px; /*right:235px;*/
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 10px solid #00171C;
    
}

.navIsScroll .navbar-nav > li.dropdown .dropdown-menu:before {
    border-bottom-color: #02252d
}

.navbar-nav .dropdown-menu > li {
    display: table-cell;
}

.dropdown-menu h4 {
    font-size: 17px;
    font-weight: 400;
    border-bottom: 1px solid #284148;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 7px
}

    .dropdown-menu h4:before {
        position: absolute;
        background: #FB6624;
        height: 1px;
        content: '';
        width: 141px;
        bottom: -1px;
        left: 0;
    }

.dd-menu .dropdown-item {
    display: inline-block;
    width: auto;
    vertical-align: top;
    color: #f5f5f5;
    font-size: 13px;
    padding: 0 0 10px 15px;
    position: relative
}

.dd-menu .dropdown-item:before {
    content: "\28";
    font-family: "travel-font-icon" !important;
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 12px
}

.dd-menu .dropdown-item:hover, .dd-menu .dropdown-item:focus { color:#f5f5f5; text-decoration:none; background-color:transparent; }
.dd-menu .dropdown-item::after { content:''; display:block; width:0; height:1px; background:#f5f5f5; transition:all .2s linear; }
.dd-menu .dropdown-item:hover::after, .dd-menu .dropdown-item:focus::after { width:100%; }
.navbar-expand-lg .navbar-nav li.dropdown:before { content:none }

/* End Menu dropdown css */

.support-corner {
    position: relative;
    text-align: right;
    margin: -15px 0 0 15px;
}

    .support-corner .support-number {
        display: flex;
        color: #ff6926;
        font-size: 20px;
        font-weight: bold;
    }

.support-number a {
    color: #ff6926;
}

.support-corner .support-number i {
    /*margin-right: 6px;*/
    border: 2px solid #ff6926;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    display: inline-block;
    font-size: 12px;
}

.support-corner .support-txt {
    font-size: 12px;
    color: #00324a;
}

.nav-active #mobNavCloser {
    display: none;
}
.closeTrigger {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    /*background-color: #ff6926;*/
    color: #fff;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    margin: 10px 0px 5px 6px;
}
#mobNavCloser i{ color:#333; font-size:14px; }
.navIsScroll { background:#fff; padding: 10px 1rem 0;
    border-bottom: 1px solid #ddd;   
    position: fixed;
    top: 0;
    animation: slide-down 0.7s;
    z-index: 999999;
    width: 100%;
}

.navNoScroll {
    transition: 0.7s;    
    width: 100%;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 0.9;
        transform: translateY(0);
    }
}

.navigation-links-wrap {
    position: relative;
}

.navigation-links-wrap ul{
    align-items:center!important;
}

.position-option-warp {
    position: absolute;
    top: -9px;
    right: 15px;
}
.position-option-warp-inr { 
    width:355px;
    text-align:right;    
    top:-26px;   
    right:5px
}
.sub-links-wrap .sub-link {
    display: inline-block;
    margin-right: 16px;
}
    .sub-links-wrap .sub-link:last-child{margin-right:0}

    .sub-links-wrap .sub-link a {
        font-size: 12px;
        color: #001921;
        position: relative;
    }
 .sub-links-wrap .sub-link a::before {
            content: "";
            background: #999;
            height: 1px;
            bottom: -2px;
            left: 50%;
            right: 50%;
            position: absolute;
            transition: all .2s linear;
        }
.navIsScroll .sub-links-wrap .sub-link a, .navIsScroll .support-corner .support-txt {
    color: #001921;
}
.sub-links-wrap .sub-link a:hover::before {
    left: 0;
    right: 0;
}

.nav-active {
    overflow: hidden !important;
}
/* Header css end here */

/* NavBar Responsive css start here */
#overlayForNav {
    display: none;
    position: fixed;
    height: 100%;
    overflow: hidden;
    width: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 90;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.nav-active #overlayForNav {
    display: block;
}
/* NavBar Responsive css end here */


/* Recent search css start here */
.recentsearch {
    color: #666;
    font-size: 14px;
    padding: 0px;
    display: flex;
    list-style-type: none;
    overflow-y: hidden;
    padding-bottom: 10px;
}
.recentsearch li {margin:15px 10px 0px 0px; position:relative; }
.navbar-nav > li.searches-list .dropdown-menu:before { right:86.5%; }
.searches-list { position:relative !important; }
.recentSearchDiv { width: 350px; left:0; padding:0px 6px !important; }

.srch-area-recent {
    background-color: #00324a;
    color: #fff;
    padding: 10px;
    margin-right:10px;
    display: block;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}
.recentsearch__list--destination--airportcode {
    font-size: 16px;
    color: #fff;
    width: 130px;
    display: flex;
}
.readmore-search {
    position: absolute;
    right: 10px;
    top: 32px;
    font-size: 18px;
}
/*.recentsearch__list--destination--action { display:none; }*/
.recentsearch__list--travel-date span {
    color: rgba(255, 255, 255, 0.7);
}
/* Recent search css end here */

@media(max-width:1099px){
    .navbar-expand-lg .navbar-nav .nav-link { font-size:15px; padding:6px 10px; }
    .navbar-brand img { height:38px; }
}
@media(min-width:992px) {
    .navbar-nav > li.dropdown { position:static; }
}

@media(max-width:991px) {
    #flyTab .halfflightcontrol .input-with-icon-wd .wd-input{
        border-right:none!important;
    }
    .navbar-brand img, .header-wrap-inr img {
        height: 35px!important;
    }
    .newsroomMain:hover .newsroom-inner-wrap {
        display: none !important;
    }
.newsroomMain.show .newsroom-inner-wrap {display: block !important;}
    nav-item.active:before {
        display: none!important;
    }
.newsroomMain:before {display: block;
    }
.dropdown-menu.show {display: block !important;}
.navbar-nav > li.dropdown:hover .dropdown-menu {display: none;}
.navbar-nav > li.dropdown:before {content: "" !important;}
.newsroom-inner-wrap {background-color: #fff;}
.newsroomMain:hover .newsroom-inner-wrap a { color:#666!important; font-size:16px; }
.navbar-nav > .newsroomMain .newsroom-inner-wrap:before {display: none;}
.newsroom-inner-wrap{padding-left:0px;}
.dropdown-menu nav-drop show, dropdown-menu nav-drop show:before{display: none;}
.navbar-expand-lg .navbar-nav .nav-item::before{background:#ff6926;height:100%;bottom:0;left:-4px;right:auto;width:4px !important;content:"";position:absolute; transition:all .2s linear; top:0px; }
.navbar-expand-lg .navbar-nav .newsroomMain{position:relative;}
.navbar-expand-lg .navbar-nav .newsroomMain:before {background:#ff6926; height:46px; bottom:0; left:-4px; right:auto; width:4px !important;
                                                    content:""; position:absolute; transition:all .2s linear; top:0px;}


.newsroom-inner-wrap { margin-top: 0px; margin-bottom:0px; position:static; width:100%; }
.newsroom-inner-wrap .nav-link:before {display: none;}
.newsroom-inner-wrap .nav-link { color:#666 !important; }
/*.newsroom-inner-wrap .nav-link:hover{ color:#666 !important; }*/
.newsroomMain:focus .newsroom-inner-wrap {display: block!important;}
.nav-active #mobNavCloser {display:inline-block !important;}

.wlc-txt {
    display: block;
}

   
.support-corner {
    width: auto !important;
    color: #333;
    padding: 5px 0;
    margin-top: 15px;
    border-radius: 4px;
    text-align:left;
        
}

            .support-corner .support-txt {
                top: 0;
                font-size: 14px;
                color: #333;
                margin-left:43px;
            }

    .navbar-expand-lg .navbar-nav .nav-link {
        color: #333; font-size:16px; font-weight:700; line-height:normal;
        padding:14px 12px 14px 15px; border-bottom:1px solid #ddd;
    }
    .sub-links-wrap .sub-link a, .navIsScroll .sub-links-wrap .sub-link a, .navIsScroll .support-corner .support-txt {
        color: #007dc1; font-size:14px;
    }

.navbar-nav .nav-item:last-child a.nav-link { text-transform: inherit; }

.support-corner .support-number { font-size:24px !important; line-height:1; }

.support-corner .support-number i { margin-right:6px;
    height: 26px;
    width: 26px;
    line-height: 26px;
    font-size: 14px;
}
    .position-option-warp { position:inherit; left:10px; top:auto}
    .search-count{ left:70px; right:auto; }
    .position-option-warp-inr {
        width: 100%; text-align:left;
    }
        .navbar-nav { margin-top:4px; }
    .navbar-brand { padding:0px 1rem; }
    .navbar {background-color:#fff; padding:0px; }

    .navbar-nav > li.dropdown:hover .dropdown-menu {
        position: static;
        float: none
    }

    .navbar-toggler {
        padding: 0px;
        border: none;
        font-size: 18px;
        color: #eee;
        position: relative;
        width: 35px;
        height:25px;
        display: inline-block;
        margin: 12px 1rem 0;
    }

        .navbar-toggler:focus {
            border: none;
            outline: none;
        }

    .menu__icon, .menu__icon:after, .menu__icon:before {
        display: block;
        position: absolute;
        left: 0;
        height: 3px;
    }

        .menu__icon:after, .menu__icon:before {
            border-radius: 1px;
            width: 100%;
            background-color: #001921;
            content: "";
            transition-duration: .1s,.1s;
            transition-delay: .1s,0s;
        }

    .menu__icon {
        margin-top: -5px;
        top: 10px;
        right: 0;
        background: #001921;
        transition: background 0s .1s;
    }

        .menu__icon:before {
            top: -.5rem;
            transition-property: top,transform;
        }

        .menu__icon:after {
            bottom: -.5rem;
            transition-property: bottom,transform;
        }

    .navbar-expand-lg {
        background-color: rgba(255,255,255,.8);
        padding: 5px;
    }

    .navIsScroll {
        background-color:#fff;
    }
    .sub-link a:hover, .sub-link a:focus {
        text-decoration: none
    }

    .navbar-collapse {
        transition: .2s;
        background-color: #fff;
        width: 300px;
        right: -300px;
        top: 0;
        bottom: 0;
        position: fixed;
        z-index: 99;
        overflow: visible;
        overflow-y: auto;
        overflow-x: hidden;
    }


    .navbar-collapse.show { right: 0; transition:.2s; }

    .navbar-collapse::-webkit-scrollbar { width:6px; }
    /* Track */
    .navbar-collapse::-webkit-scrollbar-track { background:#fafafa;}
    /* Handle */
    .navbar-collapse::-webkit-scrollbar-thumb {background:#666;}
    /* Handle on hover */
    .navbar-collapse::-webkit-scrollbar-thumb:hover { background: #333; }


.navbar-expand-lg .navbar-nav li::before { height: 1px; }
.support-corner .support-txt { position:static; }
.navbar-nav > li.dropdown .dropdown-menu {padding:10px 10px; display:none; }
.navbar-nav > li.dropdown .dropdown-menu:before { top:25px; border-bottom:10px solid rgba(0,0,0,.4); display:none; }
.recentSearchDiv { width:100%; }
.recentSearchDiv .recentsearch li .float-right { float:none !important; }
  
}

.nav-item dropdown:hover{
    border-left:1px solid #333;
    
}


@media(max-width:767px) {

    .srch-area-recent{width:185px; margin-bottom:0px; }
    .recentsearch__list--destination--airportcode span {
        width: 24%;
    }
    .departdatepnl {
        font-size: 11px;
        top:30px;
        left: 10px;
    }
    .returndatepnl {
        font-size: 11px;
        top:30px;
        right:77px;
    }
    .joureny-trip-icon {
        padding-left:8px;
        margin-top: 8px;
        font-size: 13px;
    }
    .head-main-cover {
        background-image: none;
        padding-bottom: 26px;
    }

    .readmore-search{font-size:15px;}

    .wdWithBg {
        background-image: none !important;
        background-color: #001921;
    }
    
}
@media(max-width:370px) {
   
}