@font-face {
    font-family: 'Webly Sleek';
    src: url('../fonts/weblysleekuisl-webfont.eot');
    src: local('☺'), url('../fonts/weblysleekuisl-webfont.woff') format('woff'), url('../fonts/weblysleekuisl-webfont.ttf') format('truetype'), url('../fonts/weblysleekuisl-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Webly Sleek SemiBold';
    src: url('../fonts/weblysleekuisb-webfont.eot');
    src: local('☺'), url('../fonts/weblysleekuisb-webfont.woff') format('woff'), url('../fonts/weblysleekuisb-webfont.ttf') format('truetype'), url('../fonts/weblysleekuisb-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400;700&family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

body {
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, button, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    outline: none;
}

    input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
    }
#jsonform-1-elt-counter-2 {
 display:none;
}
#CP_lblError {
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: 1.5s !important;
}

ul {
    list-style: none;
}
.custom-alignment {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.brds-cart-cont {
    width: 55%;
    padding: 0 0 0 0;
}
.table-responsive {
    overflow-x: scroll;
}
.brds-cart-cont a, .select {
    color: #fff;
    display: block;
    text-decoration: none;
}

        .brds-cart-cont a:hover {
            color: #fff;
        }

.txtWel {
    top: 0px;
    left: 0;
    display: block;
    line-height: 38px;
    text-align: right;
}

#SiteMapPath1 > span {
    float: left;
    margin: 0 4px 0 0px;
}

.brd-crms > span {
    float: left;
    position: relative;
    z-index: 100;
    display: flex;
    align-items: baseline;
}

.brd-crms {
    margin: 12px 0 10px 0;
    padding: 8px 0 0;
}

.brdsep {
    margin: 1px 4px !important;
    font-size: 10px;
    padding: 2px 0 0;
    color: #fff;
}

.wrapper {
    position: relative;
    width: 100%;
}

.imw1000 {
    width: 1170px;
    margin: 0 auto;
    position: relative;
    clear: both;
}

.adjust ul {
    list-style: outside none disc;
    margin-left: 12px;
}

.dtls-book a {
    color: #333;
}

.PageingStyle td {
    display: inline-block;
    margin-right: 2px;
}

    .PageingStyle td a {
        color: #666 !important;
    }

.partner {
    padding: 30px 0 60px 0;
    background: #e01b22;
    text-align: center;
}

    .partner li img {
        border-radius: 5px;
        display: inline-block;
    }

ul.staticPartner {
    list-style: none;
}

    ul.staticPartner li {
        display: inline-block;
        margin: 0 10px;
    }

        ul.staticPartner li a {
            text-decoration: none;
            color: #fff;
        }

        ul.staticPartner li p {
            margin: 10px 20px 10px 10px;
            font-size: 14px;
        }

.partner h2 {
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    margin: 30px 0 20px 0px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

.partner .bxTicker p {
    line-height: inherit;
    margin-top: 5px;
    text-align: center;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    display: none;
}

.partner .bxTicker a {
    display: inline-block;
    text-decoration: none;
}

.scrhcont {
    width: 100%;
    margin-bottom: 50px;
}

.scrhArea {
    width: 1170px;
    background: #fff;
    border-top: 10px solid #ecaa1f;
    border-radius: 10px;
    margin: 0 auto;
    margin: -70px auto 0;
    position: relative;
}

.innerBg {
    background: #f7f8fa;
    padding: 0 0 40px 0;
}

.searchBox {
    display: block;
    padding: 0 40px 40px;
}

.formArea {
    background: #FFF;
    box-shadow: 0px 0px 10px #c6c6c6;
    padding: 30px 40px;
    border-radius: 10px;
}

#CP_txtDiverAge {
    width: 30px !important;
    height: 24px;
    border: 2px solid #ccc;
    text-align: center;
    border-radius: 4px;
}

.sertabs a {
    background-color: transparent;
    display: inline-block;
    font-size: 16px;
    height: 100px;
    width: 145px;
    border-bottom: 5px solid transparent;
    margin: 0 10px;
    text-decoration: none;
}

.sertabs p {
    margin-top: 25px !important;
    font-size: 15px;
    color: #213c69;
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bx-pager.bx-default-pager, .bx-controls-auto {
    display: none;
}

.icnFlight {
    background: url(../images/flight_blue.svg) no-repeat center top;
}

.icnHotel {
    background: url(../images/hotel_blue.svg) no-repeat center top;
}

.icnCar {
    background: url(../images/car_blue.svg) no-repeat center top;
}

.icnShop {
    background: url(../images/shop_blue.svg) no-repeat center top;
}

.icnVoucher {
    background: url(../images/voucher_blue.svg) no-repeat center top;
}

.icnexchange {
    background: url(../images/points_exchange_blue.svg) no-repeat center top;
}

.icnFlight:hover, a.icnFlight.select, .activeflight {
    background: url(../images/flight_yellow.svg) no-repeat center top!important;
}

.icnHotel:hover, a.icnHotel.select, .activehotel {
    background: url(../images/hotel_yellow.svg) no-repeat center top!important;
}

.icnCar:hover, a.icnCar.select, .activecar {
    background: url(../images/car_yellow.svg) no-repeat center top!important;
}

.icnShop:hover, a.icnShop.select, .activeshop {
    background: url(../images/shop_yellow.svg) no-repeat center top!important;
}

.icnVoucher:hover, a.icnVoucher.select {
    background: url(../images/voucher_yellow.svg) no-repeat center top!important;
}

.icnexchange:hover, a.icnexchange.select {
    background: url(../images/points_exchange_yellow.svg) no-repeat center top!important;
}

.icnUtility {
    background: url(../images/icn-utility.svg) no-repeat center top;
}

.icnFees {
    background: url(../images/icn-fees.svg) no-repeat center top;
}
/*a.icnFlight:hover, .icnHotel:hover, .icnCar:hover, .icnShop:hover, .icnVoucher:hover, .icnUtility:hover, .icnFees:hover{opacity:0.8;}*/
.sertabs img {
    height: 100px;
    vertical-align: middle;
    padding-right: 5px;
    
}
#CP_ulredem a img {
    border: 7px solid #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding:0px;
}
    #CP_ulredem a img:hover {
        border: 7px solid #f8ba41;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        transition: all .35s ease-out;
        padding: 0px;
    }
#CP_ulredem a:hover p {
   color:#f8ba41;
    transition: all .35s ease-out;
}
#aflt.select {
    padding-right: 0;
    border: 7px solid #f8ba41;
    border-radius: 50%;
    width: 100px !important;
    height: 100px;
    transition: all .35s ease-out;
}
#aflt.select p {
    color: #f8ba41
}

#ahtl.select {
    padding-right: 0;
    border: 7px solid #f8ba41;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    transition: all .35s ease-out;
}
#ahtl.select p {
    color: #f8ba41
}
 
.wrap {
    width: 1170px;
    margin: auto;
}

.way input#retli, .way input#oneli {
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    line-height: 1.125em;
    cursor: pointer;
}

.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 12px;
    float: left;
    color: #fff;
}

.slicknav_menu .slicknav_icon {
    float: right;
    margin: 0.188em 0 0 0.438em;
}

.slicknav_menu .slicknav_no-text {
    margin: 0
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 2em;
    height: 0.15em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.24em;
}

.slicknav_nav {
    clear: both
}

    .slicknav_nav ul, .slicknav_nav li {
        display: block
    }

    .slicknav_nav .slicknav_arrow {
        font-size: 1em;
        margin: 0 0 0 0.4em;
        float: right;
    }

    .slicknav_nav .slicknav_item {
        cursor: pointer;
    }

    .slicknav_nav .slicknav_row {
        display: block;
    }

    .slicknav_nav a {
        display: block
    }

    .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
        display: inline
    }

.slicknav_menu:before, .slicknav_menu:after {
    content: " ";
    display: table;
}

.slicknav_menu:after {
    clear: both
}

.slicknav_menu {
    *zoom: 1
}

.slicknav_menu {
    font-size: 16px;
}

.slicknav_btn {
    margin: 5px 5px 20px 0;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-indent: 8px;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #f5f5f5;
}

.slicknav_nav {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 0.875em;
}

    .slicknav_nav ul {
        padding: 0;
        margin: 0 0 0 0px;
        background: #666;
    }

    .slicknav_nav .slicknav_row {
        margin: 0px;
    }

    .slicknav_nav a {
        padding: 8px 10px;
        margin: 0px;
        text-decoration: none;
        color: #555454 !important;
        background: #eee;
        text-transform: uppercase;
        text-align: left;
        border-bottom: 1px solid;
    }

    .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
        padding: 0;
        margin: 0;
    }

    .slicknav_nav .slicknav_row:hover {
        background: #e01b22;
        color: #fff;
    }

    .slicknav_nav li a:hover {
        background: #e01b22;
        color: #fff;
        text-decoration: none;
    }

    .slicknav_nav li a > a:hover {
        background: #e01b22;
    }

    .slicknav_nav .slicknav_txtnode {
        margin-left: 15px;
    }

.slicknav_menu {
    display: none;
}
/*.topmenus a.act{font-family:'Webly Sleek SemiBold';}*/
img.bnipoint-logo {
    margin: 5px 10px 10px 10px !important;
}

.logo {
    padding: 5px 0;
    display: inline-block;
    float: right;
    float: left;
    margin-right: 10px;
    text-decoration: none
}

    .logo img {
        width: 180px;
        margin: 15px 0 0;
    }

    .logo p {
        color: #fff;
        font-size: 26px;
        padding: 15px 0 0
    }

        .logo p span {
            color: #f8ba41;
            font-size: 26px;
            padding: 15px 0 0
        }

.item-inner2 {
    margin: 30px;
    padding: 65px 10px 60px 10px;
    background: #f5f5f5;
    min-height: 166px;
    border-radius: 4px;
    width: 300px;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
}

    .item-inner2 .icon {
        position: relative;
        width: 90px;
        height: 90px;
        border: 3px solid #f59f23;
        background: #fff;
        border-radius: 10%;
        display: table;
        margin: 0 auto;
        margin-bottom: 10px;
        border-radius: 50%;
    }

        .item-inner2 .icon .pe-icon {
            color: #6dbd63;
            font-size: 48px;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

    .item-inner2 .details h4.title {
        font-size: 14px;
        color: #999;
    }

    .item-inner2 .details p.phone, .item-inner2 .details a.phone {
        font-size: 17px;
        font-weight: 700;
        color: #333;
        text-decoration: none;
    }

    .item-inner2 .icon .fa-phone, .item-inner2 .icon .fa-envelope-o, .item-inner2 .icon .fa-globe, .item-inner2 .icon .fa-bank {
        font-size: 48px;
        line-height: 90px;
        color: #094685;
    }

.contactBox {
    width: 100%;
    text-align: center
}

.selectUl ul {
    max-height: none !important;
}


.loginInfo {
    font-size: 14px;
    float: right;
}

    .loginInfo li {
        float: left;
        list-style: outside none none;
        line-height: normal;
        display: inline-block;
    }

.btnOrange {
    background: #ffd100;
    padding: 30px 15px 21px 15px;
    color: #2b2a29 !important;
    width: 85px;
    height: 30px;
    text-align: center;
}

.btnBlue {
    background: #005baa;
    padding: 30px 15px 21px 15px;
    color: #fff;
    width: 85px;
    height: 30px;
    text-align: center;
}

.btnOrange .fa-lock {
    padding-right: 8px;
}

.btnBlue .fa-user {
    padding-right: 8px;
}

.txtWel span {
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 0px;
    margin: 0px;
    line-height: normal;
    font-size: 15px;
}

.loginInfo ul {
    padding: 0;
    float: left;
    position: relative;
}

.fr {
    float: right !important;
}

.fl {
    float: left;
}

.cl {
    clear: both;
    display: block;
    height: 0;
}

.listArrow {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .listArrow li::before {
        content: '⏵';
        color: #ecaa1f;
        position: absolute;
        margin-left: -20px;
    }


.topmenus li {
    display: inline-block;
    padding: 0px 0px;
}

#nav img {
    padding-right: 3px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.dwn-arrow {
    position: relative !important;
    right: 2px;
    top: 0 !important;
    width: auto !important;
}

#nav > li {
    margin-left: -1px;
}

.errorMsg, .lblErrorMsg {
    color: red;
}

.inHead a, .wrzlogo a {
    display: inline-block;
    position: relative;
    z-index: 200;
}

#liUserName > a {
    color: #000000;
}

#lnkRegister > a, .loginInfo a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}

    #lnkRegister > a:hover, .loginInfo a:hover {
        color: #f7a600;
    }

.topmenus a {
    color: #fff!important;
    text-decoration: none!important;
    font-size: 15px;
    padding: 10px 7px;
}

#nav li a.Bordereffect:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

#nav li a.Bordereffect {
    position: relative;
}

    #nav li a.Bordereffect::after {
        border-bottom: 1px solid #fcab00;
        content: '';
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: .2s ease;
        transition: .2s ease;
    }

.header {
    margin: 0 auto;
    padding: 0;
    background: #213c69;
    position: relative;
    z-index: 99999;
    box-shadow: -2px 6px 8px -5px rgba(0,0,0,0.40);
    height: 80px;
    width: 100%;
    position: fixed;
}

.header-cont {
    background-color: #002d70;
    padding: 0;
    margin: 0 auto;
}

.topmenus {
    margin-top: 0px;
    float: left;
    padding: 10px 0;
}
.menuBox {
    float: right; /*width: 57%;width: 21%;*/
    z-index: 9;
    position: relative;
    margin-top: 0px;
    padding: 10px 0 0 0 !important;
}

.menuArea {
    float: left
}
.lh-condensed div {
  width:80%;
}
.logout a {
    background-color: #f8ba41;
    border: medium none;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 11px 10px;
    text-transform: uppercase;
    text-align: left;
    width: auto;
    border-radius: 5px;
    margin: 8px 3px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    width: max-content;
    text-align: center;
}

    .logout a:hover {
        background: #142747;
        color: white;
        text-decoration: none;
    }

.logout {
    float: right;
    margin-right: 10px;
}

.position {
    display: inline-block;
    width: 550px;
}

.top-row {
    float: left;
    /*width: 57%; width: 30%;*/
}

.right-top .bot-row {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

ul.toplinks {
    width: 100%;
    display: block;
    margin: 0;
    padding: 10px 0 0px 0;
    text-align: right;
    float: left;
}

    ul.toplinks li {
        margin: 0 0 0 10px;
        padding: 0 10px;
        list-style: none;
        color: #414141;
        float: left
    }

    ul.toplinks li {
        color: #fff;
        text-decoration: none;
        padding: 0;
        font-size: 15px;
        padding: 10px 0
    }

        ul.toplinks li span {
            font-weight: 700;
            font-size: 15px;
            color: #f8ba41;
        }

.goldLogo img {
    margin: -20px 0 0;
    width: 60px;
}

.cardBox {
    min-height: 90px;
}
.adultBox {float:left;width:100%;display:block;border-bottom: 1px solid #e0e0e0;margin: 0 0 17px;}

.selector {
    position: relative;
    display: block;
    text-align: left;
    float: right;
    width: 75px;
    margin: 5px 0 0;
}

.submenu a:hover {
    background: #b63b4d;
    color: #FFF;
}

.selector {
    position: relative;
    display: block;
    text-align: left;
    float: right;
    width: 12%;
    margin: 8px 0 0;
}

    .selector .select-dropdown {
        position: relative;
        background-color: #f8ba41;
        width: auto;
        float: left;
        max-width: 100%;
        border-radius: 5px;
        padding: 1px;
    }

        .selector .select-dropdown select {
            font-size: 1rem;
            font-weight: 200;
            max-width: 100%;
            padding: 10px 24px 10px 10px;
            border: none;
            background-color: transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            cursor: pointer;
            color: #fff;
        }

            .selector .select-dropdown select option {
                color: #000
            }

            .selector .select-dropdown select:active, .select-dropdown select:focus {
                outline: none;
                box-shadow: none;
            }

        .selector .select-dropdown:after {
            content: " ";
            position: absolute;
            top: 50%;
            margin-top: -2px;
            right: 12px;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #fff;
        }

    .selector .selectricScroll {
        overflow: hidden !important;
        margin: 0px 0 0 0;
        padding: 0px;
    }

    .selector .selectric .label {
        padding: 5px 5px;
        color: #fff
    }

    .selector .selectricWrapper {
        position: relative;
        cursor: pointer;
        width: 100%;
        padding: 1px 0;
        border: none;
        background: none;
        border-radius: 5px;
        height: 35px;
    }

    .selector .selectric {
        background: #f8ba41;
    }

    .selector .selectricItems li {
        display: block;
        padding:4px 8px;
        color: #000;
        cursor: pointer;
        max-height: none;
        border-bottom: 1px solid #ccc;
    }

        .selector .selectricItems li:hover, select option:hover {
            background: #213c69;
            color: #fff;
        }


#MainNav {
    color: #787878;
}

#nav {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    #nav li {
        display: inline-block;
        position: relative;
    }

.border-r {
    border-right: 1px solid #7c7c7c;
}

span#lblMemberName {
    position: absolute;
    top: 81px;
    background: #eee;
    width: 230px;
    right: 0px;
    color: #000;
    padding: 5px 0 7px 0;
    display: inline-block;
}

.wrap.scrollmenu {
    text-align: center;
    margin: 40px auto;
}

#updProgress {
    z-index: 100 !important;
    left: 0px;
    position: fixed;
    bottom: 0px;
    border: solid 1px #4682B4;
    opacity: .5;
    filter: alpha(opacity=40);
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    width: 100%;
    height: 80%;
    padding: 5px 0;
    background-color: rgba(50, 50, 50, 0.75);
}

    #updProgress img {
        text-align: left;
        margin-right: 7px;
        margin-top: 17%;
    }

    #updProgress p {
        border: 0px solid red;
    }

.latestArrBlk {
    clear: both;
    overflow: hidden;
    padding: 0px 0 80px 0;
}

    .latestArrBlk h2 {
        font-size: 28px;
        font-weight: normal;
        margin: 30px 0 40px 0px;
        font-weight: 600;
        color: #333;
        text-align: center;
        text-transform: uppercase;
    }

    .latestArrBlk li {
        float: left;
        width: 22.5%;
        color: #000;
        overflow: hidden;
        text-align: center;
        padding-bottom: 40px;
        box-shadow: 2px 2px 5px #c6c6c6;
        background: #fff;
        border-radius: 10px;
    }

        .latestArrBlk li a {
            width: 24.8%;
            background: #fff;
            position: relative;
            display: table-cell;
            text-align: center;
            vertical-align: top;
        }

        .latestArrBlk li::after {
            border-bottom: 8px solid #f9ba41;
            content: '';
            bottom: 0;
            left: 0;
            position: absolute;
            width: 100%;
            transform: scale(0);
            -webkit-transition: .1s ease .1s;
            -webkit-transform: scale(0);
            opacity: 0;
            transition: .1s ease .1s;
        }

        .latestArrBlk li:hover::after {
            position: absolute;
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }

        .latestArrBlk .card::after {
            border-bottom: 8px solid #f9ba41;
            content: '';
            bottom: 0;
            left: 0;
            position: absolute;
            width: 100%;
            transform: scale(0);
            -webkit-transition: .1s ease .1s;
            -webkit-transform: scale(0);
            opacity: 0;
            transition: .1s ease .1s;
        }

        .latestArrBlk .card:hover::after {
            position: absolute;
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }

    .latestArrBlk img {
        background: #ebebed;
        width: 100%;
    }

.earnPointBlk {
    padding: 60px 0 100px 0;
}

    .earnPointBlk .prdHead {
        margin: 10px 10px 10px 10px;
        color: #084686;
        min-height: 40px;
    }

    .earnPointBlk p.subTxt {
        text-align: center;
        margin-bottom: 30px;
    }

    .earnPointBlk h2 {
        font-size: 30px;
        font-weight: normal;
        margin: 30px 0 20px 0px;
        font-weight: bold;
        padding-left: 20px;
        text-align: center;
        text-transform: uppercase;
        color: #005aaa;
    }

    .earnPointBlk li {
        float: left;
        padding-bottom: 20px;
        width: 22.5%;
        color: #000;
        border-radius: 5px;
        overflow: hidden;
        text-align: center;
    }

        .earnPointBlk li a {
            width: 24.8%;
            background: #fff;
            position: relative;
            display: table-cell;
            text-align: center;
            vertical-align: top;
        }

    .earnPointBlk img {
        background: #fff;
        width: auto;
        display: initial !important;
    }

    .earnPointBlk p.prdDesc {
        padding: 0 15%;
        min-height: 125px;
        line-height: 20px;
    }
    /*.earnPointBlk a.blkBtn, .latestArrBlk a.blkBtn{width:auto;background:#005bab;color:#fff;padding:5px 30px;display:inline-block;text-transform:uppercase;font-size:12px;text-decoration:none;}
.earnPointBlk a.blkBtn:hover, .latestArrBlk a.blkBtn:hover{opacity: 0.8;}*/
    .earnPointBlk a.blkBtn, .latestArrBlk a.blkBtn {
        background-color: #f8ba41;
        border: medium none;
        text-decoration: none;
        color: #fff;
        display: inline-block;
        font-size: 13px;
        padding: 10px 40px;
        text-transform: uppercase;
        text-align: left;
        width: auto;
        border-radius: 5px;
        margin: 15px 0 0;
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }

        .earnPointBlk a.blkBtn:hover, .latestArrBlk a.blkBtn:hover {
            background: #213c69
        }

    .earnPointBlk p {
        text-align: center;
        margin-bottom: 50px;
        font-size: 16px;
    }

    .earnPointBlk .bx-wrapper .bx-next {
        right: -50px;
        background: url(../images/controls2.png) no-repeat 0px 0px;
        top: 33%;
    }

    .earnPointBlk .bx-wrapper .bx-prev {
        left: -50px;
        background: url(../images/controls2.png) no-repeat -46px 0px;
        top: 33%;
    }

.btnApply {
    width: auto;
    color: #000;
    padding: 6px 35px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    border: 1px solid #000;
    text-decoration: none;
}

.prdHead {
    font-size: 18px;
    margin: 25px auto 0px;
    color: #213c69;
    font-weight: bold;
    text-transform: uppercase;
}

.prdPoint {
    font-size: 14px;
    font-weight: 400;
    margin: 0px auto 20px;
    color: #454545
}

    .prdPoint span {
        font-size: 14px;
        font-weight: 400;
        margin: 0px auto 20px;
        color: #454545
    }

p.prdPoint em {
    font-size: 14px;
    font-style: normal;
}

.mostPopuBlk {
    overflow: hidden;
    padding: 0;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 30px;
}

    .mostPopuBlk .prdHead {
        margin: 10px 10px 20px 10px;
        color: #000;
    }

    .mostPopuBlk h2 {
        font-size: 24px;
        font-weight: normal;
        margin: 30px 0 20px 0px;
        padding-left: 20px;
        text-align: center;
        text-transform: uppercase;
        color: #e01b22;
    }

    .mostPopuBlk li {
        float: left;
        margin: 2% 0 0 2%;
        padding-bottom: 20px;
        width: 22.5%;
        color: #000;
        border: 1px solid #999;
        border-radius: 5px;
        overflow: hidden;
        background: #fff;
        text-align: center;
    }

        .mostPopuBlk li a {
            width: 24.8%;
            background: #fff;
            position: relative;
            display: table-cell;
            text-align: center;
            vertical-align: top;
        }

.cssload-wrapper {
    width: 50%;
    height: 6px;
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
}

.cssload-border {
    background: #000 none repeat scroll 0 0;
    height: 40%;
    padding: 0;
    position: relative;
    width: 100%;
    clear: both;
    top: 30px;
}

.cssload-whitespace {
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.cssload-line {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #ecaa1f;
    animation: cssload-slide 5.75s steps(40) infinite;
    -o-animation: cssload-slide 5.75s steps(40) infinite;
    -ms-animation: cssload-slide 5.75s steps(40) infinite;
    -webkit-animation: cssload-slide 5.75s steps(40) infinite;
    -moz-animation: cssload-slide 5.75s steps(40) infinite;
}

@keyframes cssload-slide {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

@-o-keyframes cssload-slide {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

@-ms-keyframes cssload-slide {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

@-webkit-keyframes cssload-slide {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

@-moz-keyframes cssload-slide {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

input[type="radio"]:checked {
    background-color: #213c69;
    border: 1px solid #000;
    outline: none;
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 3px;
    background-clip: content-box;
    border: 1px solid #bbbbbb;
    background-color: #e7e6e7;
    border-radius: 50%;
    outline: none;
}

input[type="checkbox"]:checked::after {
    background: #213c69;
    content: '\2714';
    color: #fff;
}

input[type="checkbox"]::after {
    content: "";
    vertical-align: middle;
    text-align: center;
    line-height: 13px;
    position: absolute;
    cursor: pointer;
    height: 13px;
    width: 13px; /*left: 0; top: 0;*/
    font-size: 10px;
}

#chbTermsnCondition, #chbRedeemPoints {
    position: relative;
    top: 1px;
}

#nav li ul li a {
    min-width: 119px !important;
}

#nav li ul li {
    padding: 0px;
}

#nav ul {
    display: none;
}

#nav li ul {
    display: none;
    padding: 0px;
    margin: 0px;
}

.dwn-arrow {
    padding-left: 10%;
}

    .dwn-arrow:hover {
        opacity: 0 10;
    }

.nav {
}

    .nav ul {
        margin: 0.7% 0;
        padding: 0;
    }

        .nav ul li {
            display: inline-block;
            list-style: none;
        }

.toplink {
    width: auto;
    font-size: 14px;
    color: #000;
}

    .toplink li {
        padding: 0 1%;
    }

    .toplink a {
        color: #000000;
        text-decoration: none;
        text-transform: uppercase;
    }

.log-in {
    margin: 0 auto;
    padding: 0;
    text-align: right;
    background: none !important;
    display: block;
}

    .log-in a {
        color: #fff;
        text-decoration: none;
    }

    .log-in ul {
        margin: 1%;
        padding: 0;
    }

        .log-in ul li {
            list-style: none;
            display: inline-block;
            padding: 0 1.7%;
        }

.main {
    padding: 80px 0 0 0;
    margin: 0;
    min-height: 75vh;
}

.bxslider {
    margin: 0;
    padding: 0;
}

.bnr {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}

    .bnr img {
        height: auto;
        width: 100%;
    }

.reedmpoint > span, .rtn-same-loction > label, .drive-age > label {
    font-size: 12px;
    color: #5a5a5a;
}

.points.miles {
    color: #7d7d7d;
    font-size: 12px;
    text-align: left;
}

.immr0 {
    margin-right: 0px !important;
}

.flightDetail {
    padding: 10px 10px 20px;
}

.FlightRoute h2 {
    font-size: 24px;
    color: #000;
    font-weight: normal;
    margin: 0 0 20px;
    padding: 0;
}

.flightDetail h2 {
    font-size: 16px;
    color: #000;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.flightDetail p {
    line-height: normal;
    margin: 10px 0 0;
    padding: 0;
    color: #807e7e;
}

.flightDetail h3 {
    text-align: left;
    font-weight: normal;
}

#PopularProduct h3 {
    width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flightDetail h2 {
    font-size: 16px;
    color: #000;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.flight-banner {
    background-image: url(../images/flight-bnr.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    min-height: 454px;
}

.hotel-banner {
    background-image: url(../images/hotel-bnr.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    min-height: 454px;
}

.car-banner {
    background-image: url(../images/car-bnr.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    min-height: 454px;
}

.widget-nav {
    width: 43%;
    padding-top: 5%;
}

.widget-navul {
    padding: 0;
    margin: 0 auto;
    width: 60%;
    float: left;
}

.widget-nav ul li {
    display: inline-block;
    list-style: none;
    text-decoration: none;
    background-color: #f3ab30;
    padding: 12px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

    .widget-nav ul li a {
        text-decoration: none;
        text-transform: uppercase;
        color: #fff;
    }

.widget-headline {
    color: #000000;
    float: right;
    font-size: 25px;
    font-weight: normal;
    margin: 9px -83px;
    padding: 0;
    text-transform: uppercase;
}
/*.btn button:hover, .btnBlue1:hover{opacity: 0.8;}*/
.widget {
    background-color: #fff;
    border-radius: 5px;
    padding: 1%;
    position: absolute;
    width: 450px;
    z-index: 10;
    margin-top: 19px;
}

.widget-mody {
    background-color: #fcfcfc;
    margin: 0px auto 0;
    position: relative;
    width: 94%;
    z-index: 10;
    padding: 3%;
}

.promo img {
    width: 100%;
}

.static-conthdr {
    min-height: 414px;
}

.StaticHead {
    background: #ccc none repeat scroll 0 0;
    color: #000;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 1%;
    padding: 10px 4.4%;
}

.Staticbody {
    margin-bottom: 2%;
    padding: 0 2%;
}

    .Staticbody li, .note {
        color: #555454;
        font-size: 12px;
        padding: 10px;
        margin-bottom: 10px;
    }

    .Staticbody ul {
        margin: 0 auto;
        padding: 0px 12px;
    }

.head-text {
    color: #666666;
    font-size: 25px;
    margin: 30px 0 10px;
}

.clr {
    clear: both
}

.way {
}

.tab-group {
    padding: 0;
    margin: 0;
    clear: both;
}

.way ul li {
    list-style: none;
    color: #666;
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
}

.tab-act {
    background-color: #213c69 !important;
    color: #fff !important;
}

.feed- {
    margin-bottom: 10px;
}

.flight-form .col-1 {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    color: #000;
}

.flight-form .col-2 {
    float: left;
    width: 49%;
    color: #000;
    margin: 0px;
}

.ddlClass {
    color: #000;
    float: left;
    margin-right: 4%;
    margin-top: 5px;
    width: 45.5%;
}

.feed-1 label {
    margin-bottom: 4px;
    display: block;
    margin-top: 0;
    color: #5a5a5a;
    white-space: nowrap;
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.feed-1 {
    margin-top: 20px;
}

.reedmpoint label {
    margin-bottom: 5px;
    display: inline-block;
}

.input {
    border: 2px solid #ddd;
    border-radius: 5px;
    color: #666;
    padding: 0 12% 0 3%;
    width: 85%;
    height: 35px;
}

.error {
    border: 1px solid #ff0000 !important;
    color: #ff0000 !important;
}

    .error p {
        color: #ff0000 !important;
    }

.Searchvalid {
    background-color: #ff0000;
    border-radius: 2px;
    clear: both;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 3%;
    padding: 3px 0;
    text-align: center;
    width: 100%;
    display: none;
}

.dropdown-select {
    padding: 7px;
    width: 95%;
    color: #666;
}

.col-2 {
    float: left;
    margin-right: 5px;
    width: 28.7%;
}

.datePicker {
    background: #ffffff url("../Images/calender-icn.jpg") no-repeat scroll right center;
}

.loc-icn {
    background: #ffffff url("../Images/loc-icn.jpg") no-repeat scroll right center;
}

.btn button, .btnBlue1 {
    background-color: #f8ba41;
    border: medium none;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 12px 25px;
    text-transform: uppercase;
    text-align: left;
    width: auto;
    border-radius: 5px;
    margin: 15px 0 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

a, button {
    cursor: pointer;
}

.btn button:hover {
    background: #213c69
}

.btnBlue1:hover {
    background: #213c69
}

.log-in a:hover {
    color: #f8ba41
}

.immr0 {
    margin-right: 0px !important;
}

.nav-act {
    color: #fff !important;
}

.flight-form {
}

.down-arrow {
    background: #ffffff url("../Images/down-arrow.jpg") no-repeat scroll right center;
    border: medium none;
}

.wel-disc {
    margin: 0 auto;
    width: 95%;
    padding: 3% 0;
}

.wel-txt {
    width: 45%;
    margin: 0;
    padding: 0;
    float: left;
}

    .wel-txt h1 {
        font-size: 28px;
        color: #000;
        font-weight: 100;
    }

    .wel-txt > span {
        color: #666;
        font-size: 22px;
    }

    .wel-txt p {
        font-size: 14px;
        color: #666;
        line-height: 20px;
    }

.txtCenter {
    text-align: center;
    margin: 0 0 15px 0;
}

.promo {
    width: auto;
    margin: 0;
    padding: 0;
    float: right;
}

.services {
    background-color: #e1f4e4;
    width: 100%;
    padding: 3% 0;
    margin-top: 3%;
}

.all-srv {
    width: 95%;
    margin: 0 auto;
}

    .all-srv ul {
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }

        .all-srv ul li {
            cursor: pointer;
        }

.srv-flight {
    list-style: none;
    display: inline-block;
    padding: 0 4%;
    text-align: center;
}

.all-srv p {
    font-size: 16px;
    margin-top: 16px;
}

.srv-hotel {
    list-style: none;
    display: inline-block;
    padding: 0 4%;
    text-align: center;
}

.srv-car {
    list-style: none;
    display: inline-block;
    padding: 0 4%;
    text-align: center;
}

.srv-shop {
    list-style: none;
    display: inline-block;
    padding: 0 4%;
    text-align: center;
}

.srv-giftV {
    list-style: none;
    display: inline-block;
    padding: 0 4%;
    text-align: center;
}

.srv-m-g {
    list-style: none;
    display: inline-block;
    padding: 0 4%;
    text-align: center;
}

#MainNav .slicknav_menu {
    background: no-repeat;
    width: auto;
    float: left;
}

#MainNav span.slicknav_icon-bar {
    background: #fff;
}
/*.footer{background-image:url(../images/footer-bg.png);background-repeat:no-repeat;background-origin:initial;background-clip:initial;background-position:top center;background-color:rgb(0, 91, 170);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;padding-top:30px;padding-bottom:30px;color:#fff;clear:both;}*/
.footer-text {
    margin: 100px auto 0 auto;
    float: right;
}
/*.footLeft{width:50%;float:left;}
.footRight{width:50%;float:left;}*/
.linkWhite {
    color: #fff;
    text-decoration: none;
    margin: 40px 0 20px 0;
    display: inline-block;
}

.footer-text > ul {
    margin: 0 auto;
    padding: 0;
}

.footer #fnav {
    list-style: none;
}

    .footer #fnav > li {
        display: inline-block;
        font-size: 14px;
        margin-right: 0px;
    }

.non-cap {
    text-transform: none !important;
}
/*.footer #fnav > li a{color:#fff;padding-right:10px;text-decoration:none;border-right:1px solid;}*/
.footer .socialIcn {
    list-style: outside none none;
    margin: 40px 0 0px 0;
    padding: 0;
}

    .footer .socialIcn li {
        float: left;
        margin-right: 5px;
    }

.socialIcn li i img {
    width: 28px;
    position: relative;
    top: 3px;
}

.socialIcn li i {
    color: #fff;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    font-size: 18px;
    text-align: center;
    line-height: 31px;
    display: inline-block;
}

.footer .followTxt {
    display: block !important;
    position: absolute;
}

.footer .pwdLogo {
    float: right;
}

.footer .copyright {
    display: block;
    clear: both;
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    font-weight: normal;
}

.socialIcn img:hover {
    opacity: 0.5;
}

.followTxt {
    float: left;
    margin: 20px 0px 4px 0;
}

.imbr0 {
    border-right: 0px !important;
}

.btpStrip > img {
    float: left;
    margin-right: 21px;
    position: relative;
    top: 0px;
}

.btpStrip {
    background: #ffd100;
    text-align: center;
    padding: 15px 0;
    float: left;
    width: 100%;
}

.wan-spinner {
    border: 2px solid #dddddd;
    display: inline-block;
    border-radius: 3px;
    width: 100%;
    background: #fff;
}

    .wan-spinner .minus, .wan-spinner .plus, .wan-spinner input, .wan-spinner .label {
        float: left;
        height: 15px;
        line-height: 1em;
        text-align: center;
    }

    .wan-spinner .label {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #dddddd;
        border-image: none;
        border-style: none solid;
        border-width: medium 1px;
        margin: 0;
        width: 32.5%;
        height: 35px;
        line-height: 35px
    }

    .wan-spinner .minus, .wan-spinner .plus {
        color: #555454;
        cursor: pointer;
        cursor: pointer;
        text-decoration: none;
        width: 32.5%;
        height: 35px;
        line-height: 35px;
        font-size: 24px;
    }

.ErrorMsgContainer {
    margin-bottom: 10px;
    text-align: left;
    margin-top: 20px;
}

.adultBlk {
    margin-top: 10px;
}

    .adultBlk .spinner {
        float: left;
        width: 31%;
        margin-right: 3.5%;
    }

.filter {
    width: 22%;
    padding: 0;
    float: left;
    margin: 0px 0 0 0;
}

    .filter .flt-left {
        width: 100%;
        background: #fff;
        padding: 0px 0 15px;
        float: left;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

.srh-filter .flt-left {
    padding: 10px 10px 15px 10px;
}

.h-input {
    color: #cccccc;
    padding: 7px;
    width: 90%;
}

.h-col-1 {
    color: #000;
    float: left;
    width: 23.5%;
    margin-right: 2%;
}

.h-col-2 {
    color: #000;
    float: left;
    width: 23.5%;
    margin-right: 2%;
}

.h-col-3 {
    width: 100%;
    float: left;
    width: 23.5%;
    margin-right: 2%;
}

.h-col-4 {
    color: #000;
    float: left;
    width: 23.5%;
    margin-right: 0%;
}


/*foot start*/
.footRight {
    margin: 0px 0;
    float: left;
    width: 25%;
}

.footer-text {
    margin: 0px auto 0px auto;
    float: right;
    width: 75%;
    text-align: right;
}

.footRight ul li {
    float: left;
    margin: 0 5px 0 0;
}

.footRight ul li.borderRight {
    padding: 0px 0px 0 0;
}

.footRight ul li a {
    color: #1d2652;
}

.footRight ul li a i {
    font-size: 18px;
}

.footRight ul li p {
    color: #1d2652;
    font-size: 16px;
    font-weight: 600;
}

.footLogo img {
    float: right;
    width: 80px;
    margin: 5px 0 0 0;
}

.footBottom {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    background: #f7f8fa;
}

.pdLeft0 {
    padding-left: 0;
}

.footer {
    background-color: #fff;
    padding: 35px 0;
    color: #fff;
    clear: both;
}

.footLeft1 {
    width: 100%;
    float: left;
}

.divLeft input[type="text"] {
    padding: 8px;
    float: left;
    width: 150px;
}

p.txtCall {
    float: left;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px;
    color: #000;
}

.divLeft input[type="submit"] {
    background: url(../images/arrpw-right.png) no-repeat center;
    padding: 8px;
    display: block;
    text-indent: -1000px;
    width: 35px;
    background-color: #000;
    height: 35px;
    float: left;
}

.divLeft {
    width: 50%;
    float: left;
}

.linkWhite {
    color: #fff;
    text-decoration: none;
    margin: 40px 0 20px 0;
    display: inline-block;
}

.footer-text > ul {
    margin: 0 auto;
    padding: 7px 0;
}

.footer #fnav {
    list-style: none;
}

    .footer #fnav > li {
        display: inline-block;
        font-size: 14px;
        padding: 0 5px;
    }

.non-cap {
    text-transform: none !important;
}

.footer #fnav > li a {
    color: #333;
    padding-right: 0px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

    .footer #fnav > li a.Bottomeffect:hover:after {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .footer #fnav > li a.Bottomeffect {
        position: relative;
    }

        .footer #fnav > li a.Bottomeffect::after {
            border-bottom: 1px solid #fcab00;
            content: '';
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transition: .2s ease;
            transition: .2s ease;
        }


.footer .socialIcn {
    list-style: outside none none;
    margin: 40px 0 0px 0;
    padding: 0;
}

    .footer .socialIcn li {
        float: left;
        margin-right: 5px;
    }

.socialIcn li {
    color: #fff;
    height: 30px;
    list-style: none;
    width: 33.3%;
    text-align: center;
    line-height: 37px;
    height: 35px;
    float: left;
}

    .socialIcn li i {
        margin-right: 10px;
    }

#FootNav {
    clear: both;
}

.footer .pwdLogo {
    float: right;
}

.footer .copyright {
    display: block;
    color: #000;
    font-size: 14px;
    margin-top: 8px;
    font-weight: normal;
}

.socialIcn img:hover {
    opacity: 0.5;
}

.followTxt {
    margin: 50px 0px 4px 0;
    color: #000;
    line-height: 25px;
}

    .followTxt a {
        display: inline-block;
        margin: 0;
        color: #000;
    }

.imbr0 {
    border-right: 0px !important;
}

.btpStrip > img {
    float: left;
    margin-right: 21px;
    position: relative;
    top: 0px;
}

.btpStrip {
    background: url(../images/foot-band.svg) no-repeat 0 0;
    background-size: cover;
    text-align: center;
    padding: 0px 0;
    float: left;
    width: 100%;
}

.socialIcn li a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
}

.copyRight {
    padding: 22px 0;
    float: left;
    width: calc(100% - 400px);
}

    .copyRight p {
        font-size: 14px;
        font-weight: 400;
        color: #333;
        text-align: right;
    }

/*foot end*/


.innerStrip {
    background: url(../images/inner-banner.jpg) no-repeat 0 0;
    background-size: cover;
    text-align: center;
    padding: 0px 0;
    float: left;
    width: 100%;
    height: 130px;
    margin: -60px 0 0;
}

.topupinnerBg {
    background: #f7f8fa;
    text-align: center;
}

.topupArea {
    width: 1170px;
    background: #fff;
    border-top: 10px solid #ecaa1f;
    border-radius: 10px;
    margin: 0 auto;
    margin: -60px auto 50px;
    position: relative;
    display: inline-block;
}

.innnerTop {
    padding: 0px 30px;
    text-align: center;
}

.containerText h2 {
    margin-top: 40px;
    text-align: center;
    font-size: 36px;
    margin-bottom: 0;
    color: #213c69;
    font-weight: 600;
}

.containerText h5 {
    font-size: 21px;
    text-align: center;
    font-weight: normal;
    margin: 10px 0;
    color: #005baa;
}

.containerText p {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 30px;
    font-size: 14px;
}

.cardBlk .card {
    position: relative;
    float: left;
    margin: 0% 0 2% 2%;
    width: 22.5%;
    color: #000;
    overflow: hidden;
    text-align: center;
    padding-bottom: 20px;
    box-shadow: 2px 2px 5px #c6c6c6;
    background: #fff;
    border-radius: 10px;
    min-height: 360px;
}

    .cardBlk .card::after {
        border-bottom: 8px solid #f9ba41;
        content: '';
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        transform: scale(0);
        -webkit-transition: .1s ease .1s;
        -webkit-transform: scale(0);
        opacity: 0;
        transition: .1s ease .1s;
    }

    .cardBlk .card:hover::after {
        position: absolute;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }


.cardBlk .card-body h4 {
    font-size: 16px;
    margin: 25px auto 10px;
    color: #213c69;
    font-weight: bold;
    text-transform: uppercase;
}

.cardBlk .card-body p {
    font-size: 14px;
    font-weight: 400;
    margin: 0px auto 20px;
    color: #454545;
}

.cardBlk .card-body a.blue_button {
    background-color: #f8ba41;
    border: medium none;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 10px 40px;
    text-transform: uppercase;
    text-align: left;
    width: auto;
    border-radius: 5px;
    margin: 15px 0 0;
}

    .cardBlk .card-body a.blue_button:hover {
        background: #213c69
    }

.topupPurchase {
    width: 1170px;
    background: #fff;
    border-top: 10px solid #ecaa1f;
    border-radius: 10px;
    margin: 0 auto;
    margin: -60px auto 50px;
    position: relative;
    display: inline-block
}

.topupinnerBg {
    background: #f7f8fa;
    text-align: center;
}

.col-left {
    width: 35%;
    float: left;
    min-height: 300px;
}

.col-Right {
    width: 60%;
    margin-left: 5%;
    float: left;
    text-align: left;
}

.purchaseBox {
    padding: 20px 30px;
    display: inline-block;
    width: 95%;
}

#CP_divImage {
    width: 90%;
    float: left;
    clear: both;
    padding: 5%;
    border: 1px solid #ddd;
}

    #CP_divImage img.card-img-top {
        width: 100%;
    }

#CP_spanName {
    font-size: 22px;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 0px 0 10px 0;
    margin-bottom: 15px;
}

.inputBox .form-group input {
    border: 2px solid #ddd;
    border-radius: 5px;
    color: #666;
    padding: 0 10px;
    width: 400px;
    height: 35px;
}

.inputBox .form-group select {
    border: 2px solid #ddd;
    border-radius: 5px;
    color: #666;
    padding: 0 10px;
    width: 422px;
    height: 38px;
}

.inputBox .form-group label, .form-group span {
    display: block;
    font-size: 14px;
    padding: 0 0 5px;
    text-align: left;
}

.inputBox .form-group span cite {
    font-size: 14px;
    padding: 0 0 5px;
    font-style: normal
}

.terms {
    float: left;
    margin-top: 50px;
    width: 100%;
    text-align: left;
}

    .terms > h2 {
        font-size: 22px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }

    .terms .card-body h2, .card-body h3 {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
        margin-top: 5px;
    }

#terms ul, #CP_divTC ul { /*padding-left:15px;*/
}

    #CP_divTC ul li {
        padding: 0 0 5px;
    }

.divBtnBack .btnBack {
    background-color: #f8ba41;
    border: medium none;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 10px 40px;
    text-transform: uppercase;
    text-align: left;
    width: auto;
    border-radius: 5px;
    margin: 15px 3px 0;
}

    .divBtnBack .btnBack:hover {
        background: #213c69
    }


.rooms1 {
    float: left;
    width: 25%;
}

.room-2 {
    float: left;
    width: 25%;
}

.room-col {
    color: #000;
    float: left;
    margin-right: 10px;
    margin-top: 0;
    width: 45%;
}

.rooms-cont {
    color: #000;
    display: block;
    margin-top: 10px;
    text-align: left;
}

.reedmpoint {
    margin: 3% 0 0 !important;
    clear: both;
    overflow: hidden;
}

    .reedmpoint > input {
        float: left;
        width: auto !important;
        position: relative;
        top: 4px;
        margin-right: 5px;
    }

.hotel-form input {
    width: 90%;
}

.h-col-2 input {
    width: 90%;
}

.room-col > label {
    font-size: 9px;
    color: #888;
}

.room-col .selectricWrapper {
    width: 85%;
}

.c-input {
    color: #cccccc;
    padding: 7px;
    width: 90%;
}

.c-col-1 {
    color: #000;
    float: left;
    margin-right: 2%;
    width: 32%;
}

.c-col-2 {
    color: #000;
    float: left;
    width: 47%;
    margin-right: 3%;
}

    .c-col-2 input {
        width: 80%;
    }

.c-col-3 {
    display: block;
    float: left;
    width: 45%;
}

.c-col-4 {
    display: block;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.date {
    width: 45%;
    float: left;
}

.c-time {
    float: left;
    width: 50%;
}

.car-form .reedmpoint {
    margin: 1% 0 0 !important;
}

.c-time > label {
    display: block;
}

.txt {
    margin-top: 20px;
}

.rtn-same-loction {
    color: #000;
}

.drive-age {
    color: #000;
    margin: 1% 0 0 !important;
}

.h1-col {
    color: #000;
}

.c-col-3 .selectricWrapper, .c-col-1 .selectricWrapper {
    width: auto;
}

.innerPage {
    margin-bottom: 40px;
    margin-top: 0;
    min-height: 300px;
}

.innerQue h2 {
    color: #213c69;
    font-size: 24px;
    font-weight: normal;
    margin: 10px 0;
}

.innerQue h3 {
    font-size: 32px;
    font-weight: 600;
    color: #213c69;
    text-align: center;
    margin: 10px 0;
}

    .innerQue h3 span {
        font-size: 32px;
        color: #213c69;
    }

p.disc {
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
}

.innerQue .innerBody {
    display: none;
    padding: 0 2px;
}

.innerBx {
    padding: 0px;
    min-height: 300px;
    line-height: 20px;
}

.privacyText, .policyText, .bookingPolicy {
    line-height: 20px;
}

.innerBx .innerHeadacc {
    border: 1px solid #ddd;
    color: #fff;
    cursor: pointer;
    background: #213c69;
    font-size: 15px;
    font-weight: normal;
    margin-top: 5px;
    text-transform: uppercase;
    padding: 8px 15px 10px
}

.innerBx .txtQ {
    position: relative;
    color: #e01b22;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 25px;
}

    .innerBx .txtQ::before {
        position: absolute;
        left: -25px;
        content: "Q.";
    }

.innerBx .txtA {
    font-size: 12px;
    position: relative;
    margin-left: 25px;
    margin-bottom: 20px;
}

    .innerBx .txtA::before {
        position: absolute;
        left: -25px;
        content: "A.";
        font-size: 16px;
        color: #999;
    }

.innerBx .txtN {
    color: #006685;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 25px;
}

.innerBx p {
    font-size: 14px;
    margin-bottom: 10px;
}

.bookingPolicy p {
    font-size: 14px;
    margin: 0 0px 15px !important;
}

.bookingPolicy h2 {
    font-size: 14px;
    margin: 15px 0 5px;
    font-weight: 700;
    color: #333;
}

.privacyText p {
    font-size: 14px;
    margin: 0 0px 15px !important;
}

.list {
    list-style: disc outside none;
    display: list-item;
}

.privacyText ol {
    margin: -10px 0 10px 30px
}

    .privacyText ol li {
        font-size: 14px;
        padding-bottom: 5px;
    }

.privacyText ul {
    margin: 0px 0 8px 13px;
    list-style: disc;
}

    .privacyText ul li {
        font-size: 14px;
        padding: 0 0 0 5px;
        margin-top: 3px;
    }

        .privacyText ul li span {
            font-weight: bolder;
        }

.privacyText h2 {
    font-size: 14px;
    margin: 25px 0 5px;
    font-weight: 700;
    color: #333;
}

.privacyText h6 {
    font-size: 24px;
    margin: 25px 0 5px;
    font-weight: 600;
    color: #ecaa1f;
}

.QueArea {
    width: 1170px;
    background: #fff;
    border-top: 10px solid #ecaa1f;
    border-radius: 10px;
    margin: 0 auto;
    margin: 40px auto 0;
    position: relative;
}

.innerQue {
    padding: 0 30px 40px;
}

.myacc-login li span a {
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

.otpBox {
    border: 1px solid #ddd;
    padding: 30px;
}

    .otpBox li input {
        position: relative;
        top: 2px;
    }

.aboutImg {
    width: 99%;
    margin: 10px 0 15px;
    border: 5px solid #f2f2f2;
}

.addressLeftBox {
    width: 49%;
    float: left;
}

.addressLeft {
    width: 80%;
    float: right;
}

.addCont {
    border: 1px solid #005baa;
    padding: 0px 0px;
    min-height: 220px;
    margin: 10px 0;
    position: relative;
}

    .addCont h3 {
        font-size: 25px;
        font-weight: normal;
        color: #2b2a29;
        text-align: center;
        margin: 0px 0 5px;
        background: #ffd100;
        padding: 10px 30px;
        border-bottom: 1px solid #005baa;
    }

    .addCont p {
        font-size: 14px;
        color: #5a5a5a;
        text-align: left;
        padding: 5px 20px 0 60px;
    }

        .addCont p i {
            color: #005baa;
            font-size: 18px;
            padding: 3px 5px 0 0;
            position: absolute;
            left: 30px;
        }

.addressRight {
    width: 80%;
    float: left;
}

.addressRightBox {
    width: 49%;
    float: right;
}

#chkAcceptAgreements, #chkCancellationPolicy {
    position: relative;
    top: 2px;
}

.conditionMar {
    margin: 0 0 8px;
}

.orange {
    color: #f8ba41 !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

.policyText p {
    font-size: 14px;
    margin-bottom: 0px;
}

.policyText h2 {
    font-size: 14px;
    margin: 15px 0 5px;
    font-weight: 700;
    color: #333;
}

.policyText ul {
    margin: 0px 0 8px 15px;
    list-style: disc;
}

    .policyText ul li {
        font-size: 14px;
        padding: 0 0 0 5px;
        margin-top: 10px;
    }

.termsText p {
    font-size: 14px;
    margin-bottom: 0px;
    margin: 0 !important;
}

.termsTextCondi p {
    font-size: 14px;
    margin-left: 0px !important;
}

.termsText h2 {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: bold;
}

.termsText ol {
    margin: 10px 0 10px 10px
}

    .termsText ol li {
        font-size: 14px;
        padding-bottom: 10px;
    }

.termsText ul {
    margin: 10px 0 10px 25px;
    list-style: none;
}

    .termsText ul li {
        font-size: 14px;
        padding-bottom: 10px;
    }

        .termsText ul li strong {
            font-weight: bold;
            font-size: 16px;
            padding: 0 5px 0 0;
        }

.innerBx .accImg {
    float: right;
}

.dotList {
    margin-left: 15px;
    margin-bottom: 20px;
}

    .dotList li {
        list-style: outside none disc;
        margin-top: 15px;
    }

.numList {
    margin-left: 15px;
}

    .numList li {
        list-style: outside none lower-roman;
        margin-top: 15px;
        padding-left: 20px;
    }

.txtList {
    margin-left: 15px;
}

    .txtList li {
        list-style: outside none lower-alpha;
        margin-top: 15px;
        padding-left: 20px;
    }

.ContactUs {
    background-color: #ffffff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.4);
    clear: both;
    display: inline-block;
    margin: 2% 0 0 0;
    padding: 0;
    width: 100%;
}

.contDetail {
    color: #000;
    font-size: 18px;
    list-style: outside none none;
}

.contDetail {
    color: #000;
    font-size: 18px;
    list-style: outside none none;
}

    .contDetail li a {
        color: #000;
        text-decoration: none;
    }

    .contDetail li {
        clear: both;
    }

        .contDetail li img {
            float: left;
            padding: 5px 15px 10px 0;
        }

        .contDetail li span {
            border-bottom: 1px dotted #000;
            display: block;
            float: left;
            padding: 10px 0;
            width: 77%;
        }

.ContactUsImg {
    float: left;
    padding: 3%;
}

.ContactUsCont {
    width: 45%;
    float: left;
    padding-top: 5.7%;
    color: #fff;
}

    .ContactUsCont p {
        color: #fff;
        font-size: 1.17em;
        font-weight: bold;
    }

    .ContactUsCont a {
        color: #fff;
        text-decoration: none;
    }

.header .inHead {
    position: relative;
    min-height: auto;
}

.navLeft {
    width: 50%;
    float: left;
}

#CP_lblClosingmile, #CP_lblUserName {
    color: #000;
}

.TCUL li {
    margin: 1% 0 0 15px;
}

    .TCUL li p, .innerBody p {
        margin: 1% 0 0 0%;
    }

.tblMatrix {
    border: 1px solid #999;
    border-bottom: 0px solid #999;
}

    .tblMatrix th {
        font-size: 12px;
        background: #005baa;
        color: #fff;
    }

    .tblMatrix th, .tblMatrix td {
        border-right: 1px solid #999;
        padding: 1%;
        border-bottom: 1px solid #999;
        text-align: left;
    }

        .tblMatrix th:last-child, .tblMatrix td:last-child {
            border-right: 0px solid #999;
        }

.tblMatrix1 {
    border: 1px solid #000;
    border-bottom: 0px solid #000;
}

    .tblMatrix1 th {
        font-size: 15px;
        background: #005baa;
        color: #fff;
    }

    .tblMatrix1 th, .tblMatrix1 td {
        border-right: 1px solid #000;
        padding: 5px 10px;
        border-bottom: 1px solid #000;
        text-align: left;
    }

        .tblMatrix1 th:last-child, .tblMatrix1 td:last-child {
            border-right: 0px solid #000;
        }

.txtR {
    text-align: right !important;
}

.totalP td {
    background: #eee;
    text-align: right;
}

.pL10 {
    text-indent: 15px;
}

ul.nDisc {
    display: inline-block;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
    border: 1px solid #999;
    padding: 10px 0;
}

.nDisc em {
    color: #e01b22;
    margin: 0 5px 15px 8px;
}

.nDisc li {
    display: inline-block;
}

.innerBx .disc1 {
    margin-left: 15px;
}

    .innerBx .disc1 li {
        margin-bottom: 10px;
    }

.txtL {
    text-align: left !important;
}

#NextHotelList .hotelrow a > img {
    width: 100%;
}

li#liUserName {
    padding: 24px 15px 27px 15px
}

    li#liUserName em {
        font-style: normal;
        color: #fff;
        line-height: normal;
        font-size: 13px
    }

.newsBlk .prdHead {
    padding: 10px 15px 0px 15px;
    color: #084686;
}
/*.newsBlk li{float:left;padding-bottom:20px;width:31.33%;color:#000;overflow:hidden;background:#fff;margin:0 1% 30px 1%;}
.newsBlk img{background:#fff;width:100%;}*/

.newsBlk li {
    float: left;
    margin: 0 16px 35px;
    width: 30.5%;
    color: #000;
    overflow: hidden;
    text-align: center;
    padding-bottom: 5px;
    box-shadow: 0px 0px 10px #b0afaf;
    background: #fff;
    border-radius: 10px;
}

    .newsBlk li a {
        width: 24.8%;
        background: #fff;
        position: relative;
        display: table-cell;
        text-align: center;
        vertical-align: top;
    }

.newsBlk img {
    background: #ebebed;
    width: 100%;
}


.newsBlk p.prdDesc {
    min-height: 120px;
    padding: 0px 15px 10px 15px;
}

ul.newsBlk {
    margin: 50px -1%;
    overflow: hidden;
}

ul.redeemBlk {
    list-style: none;
    margin-top: 35px;
}

.redeemBlk .redeembx {
    width: 10%;
    float: left;
    text-align: center;
}

    .redeemBlk .redeembx img {
        width: 100%;
    }

.redeemBlk .prdHead {
    color: #000;
}

.redeemBlk .prdDesc {
    width: 85%;
    float: left;
    margin-top: 40px;
    margin-left: 4%;
    font-size: 14px;
    position: relative;
    text-align: left;
}

ul.redeemBlk li {
    border-bottom: 1px solid #005baa;
    overflow: hidden;
    margin: 0px 0;
    padding: 20px 0 15px 0;
}

.redeemBlk .prdDesc::before {
    content: url('../Images/arrow-lft.png');
    left: -20px;
    top: 5px;
    position: absolute;
    display: none
}

.top {
    bottom: 30px;
    position: fixed;
    right: 30px;
    width: auto;
    z-index: 1;
}

    .top a {
        background: url(../Images/ico-go-to-top.png) no-repeat 0 0;
        height: 38px;
        float: left;
        text-indent: -999999px;
        width: 38px;
        z-index: 1;
    }

.reedmpoint {
    display: none;
}

.reedmpointBlock {
    display: block;
    float: left;
    margin: 25px 25px 0 0 !important;
}

.feat-off .card {
    color: #000;
    overflow: hidden;
    text-align: center;
    padding-bottom: 40px;
    box-shadow: 2px 2px 5px #c6c6c6;
    background: #fff;
    border-radius: 10px;
}

.vouch-div {
    padding: 0;
}

.vouch-div .bx-viewport {
    min-height: 450px;
}

.vouch-div a.bx-prev, .vouch-div a.bx-prev:hover {
    background-position: -48px -4px;
    left: 25px;
    width: 25px !important;
    height: 30px !important
}

.vouch-div a.bx-next, .vouch-div a.bx-next:hover {
    background-position: -7px -4px;
    right: 0;
    width: 25px !important;
    height: 30px !important
}

.vouch-div a.bx-prev.disabled {
    background: url(../Images/controls1.png) no-repeat -50px -5px;
    opacity: .2;
    cursor: default;
    display: block !important
}

.vouch-div a.bx-next.disabled {
    background: url(../Images/controls1.png) no-repeat -7px -4px;
    opacity: .2;
    cursor: default;
    display: block !important
}

.vouch-div .bx-controls-direction {
    position: absolute;
    width: 77px;
    right: 0;
    top: -60px
}

#offers .bx-wrapper .bx-pager {
    position: relative;
    top: 0;
    padding-top: 0
}
.eventNotification{font-weight:bold; font-size: 14px; color:red;}
.eventNotification span{font-weight:normal; font-size: 13px; color:#000000;}
.offStock{color:red;}
.immConfirm{color:green;}
@media screen and (max-width:1440px) {
    /*.menuBox {  width: 57%;}*/

}

@media screen and (max-width:1367px) {
    /*.menuBox {  width: 57%;}*/

}

@media screen and (max-width:1024px) {
    .wrap, .imw1000 {
        width: 95%;
        padding: 0 2.5%;
    }

    .earnPointBlk {
        padding: 60px 10% 100px 10%;
    }
    /*.topmenus{width:25%;}*/
    .addCont h3 {
        font-size: 21px;
    }

    .scrhArea {
        width: 92%;
    }
    /*.menuBox { width: 69%;}*/
    .sertabs a {
        width: 133px;
        margin: 0 0px;
    }

    .footer .copyright {
        padding-top: 8px !important;
        margin-top: 0;
    }

    .formArea {
        padding: 30px 25px;
    }

    .rooms1 {
        width: 35%;
    }

    .searchBox {
        padding: 0 20px 40px;
    }

    .copyRight {
        width: calc(100% - 330px);
    }

    .topupArea {
        width: 96%;
        margin: -90px auto 50px;
    }

    .topupPurchase {
        width: 96%;
        margin: -90px auto 50px;
    }

    .QueArea {
        width: 96%;
        margin: 90px auto 0;
        top: -50px;
    }

    .voucherArea {
        width: 96% !important;
        margin: -90px auto 50px !important;
    }
    /*.top-row {width: 59%;}*/

    .footRight {
        width: 30%;
    }

    .footer-text {
        width: 70%;
    }
}

@media screen and (max-width:992px) {
    /*.menuBox {width: 73%;}
    .topmenus {width: 27%;}
    .top-row { width: 58%;}*/

}

@media screen and (max-width: 992px) {
    .table-responsive {
        overflow-x: scroll;
    }
    .header {
        margin: 0 auto;
        padding: 0;
        background: #213c69;
        position: relative;
        z-index: 99999;
        box-shadow: -2px 6px 8px -5px rgba(0,0,0,0.40);
         height:auto;
        width: 100%;
        position: fixed;
    }
    #lnkRegister > a, .loginInfo a {
        font-size: 13px;
    }

    .newsBlk li {
        float: left;
        width: 46%;
        color: #000;
        overflow: hidden;
        background: #fff;
        margin: 2%;
    }

    .newsBlk p.prdDesc {
        min-height: 165px;
        padding: 0px 15px 10px 15px;
    }

    .footLeft, .footRight {
        margin: 10px 0;
        float: left;
        width: 100%;
    }

    .logo img {
        width: 210px;
        margin-top: 10px;
    }

    .txtWel {
        text-align: center;
        color: #fff;
        z-index: 2000;
        font-size: 12px;
    }

        .txtWel span {
            color: #fff;
        }

    .tblMatrix th, .tblMatrix td, .tblMatrix1 th, .tblMatrix1 td {
        font-size: 10px;
    }

    .scrollX {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
    }

    .filter .flt-left {
        width: 91.5%;
    }

    a.bx-prev {
        background-size: cover !important;
        height: 32px !important;
        width: 32px !important;
        background-position: -33px 0px !important;
    }

    a.bx-next {
        background-size: cover !important;
        height: 32px !important;
        width: 32px !important;
        background-position: -1px 0px !important;
    }

    .sertabs a {
        margin: 0 15px 40px 15px;
    }

    .inHead a, .wrzlogo a {
        float: left;
        padding-left: 16px;
    }

    .footer #fnav > li a {
        border-right: 0px solid;
    }

    .flight-form .col-1 {
        width: 46%;
        margin: 0 2% 2% 1%;
    }

    .flight-form .col-2 {
        width: 96%;
        margin: 2% 2% 2% 1%;
    }

    .h-col-1, .h-col-2, .h-col-3, .h-col-4 {
        width: 46%;
        margin: 0 2% 2% 1%;
    }

    .rooms1, .room-2 {
        float: left;
        width: 46%;
        margin: 0 2% 0 1%;
    }

    .latestArrBlk li, .mostPopuBlk li {
        width: 47.3%;
    }

    .cardBlk .card {
        width: 47.3%;
    }

    .wrapper {
        width: 100%;
    }

    .wrap, .imw1000 {
        width: 95%;
        padding: 0 2.5% 0 2.5%;
    }

    .wrzlogo {
        width: 50%;
        float: left;
    }

        .wrzlogo a {
            display: block;
            text-align: center;
            margin: 5px 0;
            float: right;
        }

        .wrzlogo img {
            height: 40px;
            float: right;
        }

    img.bnipoint-logo {
        margin: 10px 10px 0px 10px !important;
        height: 60px;
    }

    .topmenus {
        float: left;
        position: relative;
        top: 0px;
        margin-top: 15px;
        width: 100%;
        text-align: center;
        padding: 0
    }

        .topmenus li {
            float: left;
            text-align: left;
            margin: 0;
            padding: 0;
            width: 100%;
        }

    .ContactUs {
        width: 100%;
    }

    .innerPage {
        margin: 2%;
        width: 96%;
        padding: 0px;
    }

    .ContactUsCont {
        color: #fff;
        float: left;
        padding-top: 4%;
        width: 60%;
    }

    .contDetail {
        font-size: 16px;
    }

    .ContactUsImg {
        float: left;
        padding: 2.5%;
        width: 35%;
    }

        .ContactUsImg img {
            width: 100%;
        }

    .latestArrBlk img, .mostPopuBlk img {
        width: 100%;
    }

    .WelcomeTxt {
        padding: 30px 10px 20px;
    }

    .latestArrBlk, .FlightRoute, .mostPopuBlk {
        padding: 0 10px 40px 10px
    }

    .slicknav_nav img {
        margin-right: 5px;
        vertical-align: middle;
    }

    .nav ul {
        margin: 0 0;
        padding: 0;
    }

    .slicknav_nav, .slicknav_nav ul {
    }

    #MainNav .slicknav_nav, #MainNav .slicknav_nav ul {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        position: relative;
        top: -1px;
    }

    .slicknav_menu .slicknav_icon {
        float: left;
    }

    .slicknav_nav li a:hover {
        background: #f9ba41;
    }

    #MainNav .menu-item a {
        display: block;
        float: none;
    }

    .slicknav_nav a {
        border-bottom: 1px solid #425a82;
        padding: 8px 18px;
        border-top: 1px solid #425a82;
    }

    .slicknav_parent.slicknav_open > ul {
        background-color: #666 !important;
    }

    .slicknav_menu {
        display: block;
        background: #213c69;
        float: none;
        position: relative;
        width: 100% !important;
    }

    #FootNav .slicknav_btn {
        padding: 10px;
    }

    #FootNav .slicknav_menu .slicknav_icon {
        float: right;
        margin: 0 0 0 0.438em;
    }

    #nav {
        display: none;
    }

    #fnav {
        display: none;
    }

    .topmenus a {
        float: none;
        margin: 0px;
        display: block;
    }

    #nav a {
        padding: 10px 14px;
    }

    #FootNav .imw1000 {
        padding: 0 0px;
    }

    #MainNav {
        float: left;
        width: 100%;
        margin-top: 0px;
    }

        #MainNav .slicknav_menu {
            width: 100%;
            padding: 0;
        }

    .topmenus a.slicknav_btn {
        position: absolute;
        right: 0;
        top: -65px;
    }

    .footRight {
        position: absolute;
        right: 20px;
        top: 20px;
        width: auto;
    }

    .footer {
        float: left;
        padding-top: 0;
        width: 100%;
        position: relative;
    }

    .loginInfo ul {
        position: absolute;
        right: 0;
    }

    .addCont {
        min-height: 260px;
    }

        .addCont h3 {
            font-size: 16px;
        }

    .slicknav_nav a {
        color: #fff !important;
        background: #213c69;
    }

    .footRight ul li {
        float: none;
        display: inline-block;
    }

    .footRight {
        margin: 0px 0;
        float: none;
        position: relative;
        right: 0;
    }

        .footRight ul {
            text-align: center;
        }

    .footLogo a {
        text-align: center;
        width: 100%;
        display: block;
    }

    .footLogo img {
        float: none;
    }

    .menu {
        width: 37%;
        padding: 0 1.5%;
    }

    .shop-wshlst {
        top: 20px;
        padding-left: 0;
        left: -70px;
    }

    .shop-cart {
        top: 17px;
        left: -70px;
    }

    .warpperBox #MainNav {
        margin-top: -4px;
    }

    .footRight ul li {
        margin: 0 6px 0 0;
    }

    .menuCont {
        top: 60px;
        width: 100%;
    }

    .goldLogo img {
        display: none;
    }

    .selector {
        display: none;
    }

    ul.toplinks li {
        display: inline-block;
        margin: 0px 1px 0 5px;
        font-size: 12px;
    }

        ul.toplinks li span {
            font-size: 12px;
        }

    ul.toplinks {
        width: 100%;
    }

        ul.toplinks li.hideRes {
            display: none
        }

    .menuBox {
        width: 100%;
        padding: 5px 0 0 0;
    }
    .radios {
        margin: 0 0 25px 0;
    }

    .footer .copyright {
        padding-top: 0px !important;
        margin-top: 0;
        position: relative;
        top: -8px
    }

    .copyRight {
        width: 100%;
        float: none
    }

        .copyRight p {
            text-align: center;
        }
    /*ul.toplinks { position: absolute; left: 460px;}*/
    .scrhArea {
        margin: -30px auto 0;
    }

    .purchaseBox {
        width: 94%;
    }

    .aboutImg {
        width: 100%;
    }

    .innerBx .innerHeadacc {
        height: auto;
        font-weight: 400;
        padding: 10px 10px;
    }

    .statcpgCont .flt-contehldr {
        width: 50% !important;
    }

    .top-row {
        float: left;
    }

    ul.toplinks li {
        padding: 2px 0;
    }

    .logout a {
        background: none;
        padding: 0px 0px;
        margin: 2px 0;
        font-size: 12px;
    }

        .logout a:hover {
            background: unset;
            color: #f8ba41;
        }

    ul.toplinks {
        text-align: right;
        padding: 0 0px 0 0;
    }

    .position {
        display: inline-block;
        position: absolute;
        top: -49px;
        right: -75px;
    }

    .contactBox {
        width: 100%;
        text-align: left;
    }

    .item-inner2 {
        margin: 8px;
    }
}

@media screen and (max-width:768px) {
    .inner-wid {
    overflow:hidden;
    }
    /*ul.toplinks {left: 435px;}
    .topmenus a.slicknav_btn {left: 690px;}
    .logout a {position: relative;top: -87px;right: -680px}*/
}

@media screen and (max-width:640px) {
    /*ul.toplinks { position: absolute; left:315px;}*/
    /*.topmenus a.slicknav_btn{left: 570px;top: -56px;}*/
    .col-left {
        width: 95%;
    }

    .col-Right {
        width: 95%;
        margin: 15px 0;
    }

    .inputBox .form-group input {
        width: 95%;
    }

    .inputBox .form-group select {
        width: 100%;
    }

    .purchaseBox {
        width: 90%;
    }

    .redeemBlk .redeembx {
        width: 22%;
    }

    .redeemBlk .prdDesc {
        width: 64%;
        margin-top: 15px;
    }

    .reedmpoint > input {
        top: 2px;
    }
    /*.logout a {right: -555px;}*/
    .contactBox {
        width: 100%;
        text-align: center;
    }
    .position {
        top: -49px;
        right: -135px;
    }
}


@media screen and (max-width:520px) {
    .ContactUs {
        box-shadow: none;
        display: inline-block;
        margin: 0;
        width: 100%;
    }

    .logo img {
        width: 80px !important;
        margin-top:15px !important;
    }
    /*.topmenus a.slicknav_btn{left: 450px;top: -56px;}*/
    .ContactUsCont {
        padding: 10px;
    }

    .footer .copyright {
        clear: both;
        text-align: center;
    }

    .btpStrip {
        margin: 0 auto;
        text-align: center;
        right: 0px;
        top: 0px;
    }

    .footer .socialIcn {
        text-align: center;
    }

    .ContactUsCont {
        color: #fff;
        float: left;
        padding-top: 4%;
        width: 100%;
    }

    .contDetail {
        font-size: 14px;
    }

    .ContactUsImg {
        float: left;
        padding: 0;
        width: 100%;
    }

        .ContactUsImg img {
            width: 100%;
        }

    .innerPage {
        margin: 2%;
        width: 96%;
        margin: 0 auto;
    }

    .linkWhite {
        margin: 10px 0 20px 0;
        display: block;
        text-align: center;
    }

    .footer .pwdLogo {
        float: none;
    }

    .myacc-user {
        line-height: 20px;
        text-align: center;
    }

    .filter .myacc-menu li a {
        height: 18px;
    }

    .btnOrange, .btnBlue {
        padding: 30px 10px 21px 10px;
        width: 65px;
    }

    .wrap, .imw1000 {
        width: 100%;
        padding: 0;
    }

    .footBottom .wrap, .footBottom .imw1000 {
        width: 95%;
        padding: 0 0 0 0;
    }

    .footer .wrap, .footer .imw1000 {
        width: 95%;
        padding: 0 0 0 0;
    }

    .earnPointBlk .bx-wrapper .bx-next {
        right: -35px;
        top: 20%;
    }

    .earnPointBlk .bx-wrapper .bx-prev {
        left: -35px;
        top: 20%;
    }

    .respCenter {
        padding: 0 .5%;
    }

    .addressLeftBox, .addressRightBox {
        width: 100%;
        float: unset;
    }

    .addressLeft, .addressRight {
        width: 100%;
        float: unset;
    }

    .statcpgCont .flt-contehldr {
        width: 75% !important;
    }


    /********************************/
    .addCont h3 {
        font-size: 22px;
    }

    .newsBlk li {
        min-height: 425px;
    }

    .bnr {
        top: 0 !important;
    }
    /*.srhed .modify { margin: 4px 4px 15px !important;float: left !important;}*/
    .srhed span {
        margin: 0px 0 0px 0 !important;
        padding: 5px 0 4px 0 !important; /*display: block; width: 100%;*/
    }

    #SiteMapPath1 > span {
        color: #000 !important;
    }

    .log-in a {
        color: #fff !important;
    }

    .heightZero {
        height: 0px;
    }

    .disBlock {
        display: block;
        font-size: 20px;
        padding: 10px 0;
    }

    .fontSize {
        font-size: 20px;
    }

    .brZero br {
        display: none;
    }

    .topPadding {
        padding: 30px 0 0;
    }

    .cityCode {
        padding: 0 0 0 5px;
    }

    .myacc-login li.input {
        width: 100% !important;
    }

    .flight-form .col-1 {
        width: 47%;
        margin: 0 1% 2% 1%;
    }

    .btn button {
        margin-right: 6px;
    }

    .icnHotel, .icnFlight, .icnCar, .icnShop, .icnVoucher, .icnexchange {
        background-size: 75px 75px !important;
    }

    .sertabs p {
        font-size: 15px;
    }

    li#liUserName {
        padding: 12px 15px 39px 15px;
    }

    span#lblMemberName {
        width: 181px;
    }

    #contact2 {
        margin: 0 !important
    }

    #chkAcceptAgreements, #chkCancellationPolicy {
        position: relative;
        top: 1px;
    }

    .shopping-list .col-2, .shopping-list .col-4 {
        text-align: center;
    }

    #SiteMapPath1 > span {
        color: #fff !important;
    }
    /*.flt-contehldr .validateWidth ul li{width: 96% !important;}*/
    .redeemBlk .prdDesc {
        margin-top: 5px;
    }

    .miles-car .milesWay {
        right: 4px !important;
    }

    .summary-txt span {
        font-size: 13px !important;
    }

    .result-count .srhed {
        margin: 15px 0 !important;
    }

    .scrhArea {
        width: 96%;
    }

    .sertabs p {
        font-size: 13px;
    }

    .sertabs a {
        width: 115px;
    }

    .searchBox {
        padding: 0 5px 40px;
    }

    .rooms1, .room-2 {
        width: 72%;
    }

    .h-col-2, .h-col-4 {
        margin: 0 2% 2% 2%;
    }

    .result-count .srhed {
        margin: 0px 0 !important;
    }

    .inner-wid {
        padding: 10px 20px !important;
    }

    .resultContent {
        margin-top: 15px !important;
    }

    .innerQue {
        padding: 0 15px 40px;
    }

    .innerBx .innerHeadacc {
        height: auto;
        font-weight: 400;
        padding: 10px 10px;
        font-size: 15px;
    }

    .flt-contehldr .validateWidth ul li.btnContinue {
        width: 100% !important;
    }

    /*ul.toplinks { position: absolute; left: 195px;}
 .logout a {right: -436px;}*/
    /*.topmenus a.slicknav_btn {left: 115px;}*/
    .topmenus a.slicknav_btn {
        right: 0px;
        top: -51px;
    }

    .position {
        top: -40px;
        right: -195px;
    }
}

@media screen and (max-width:480px) {
    .feed-1 .input { /*padding: 0 2% 0 3%;*/
        padding: 0 21% 0 3%;
        width: 75%;
    }

    .flight-form .col-1 {
        width: 100%;
        margin: 0 3% 6% 3px;
    }

    .sertabs a {
        margin: 25px!important;
        width: 110px!important;
    }

    .listing-cube {
        width: 100% !important;
        margin: 0 0% !important;
    }

    .shopping-list .col-4 {
        margin-left: 8% !important;
    }

    .shopping-list .col-3 {
        width: 23% !important;
    }

    .shopping-list .col-2, .shopping-list .col-4 {
        text-align: center;
    }

    .passenger-block .name, .passenger-block .other {
        width: 100% !important;
    }

    .passenger-block .title {
        width: 97% !important;
    }

    .textarea {
        width: 98% !important;
    }

        .title > input, .name input[type="text"], .other input[type="text"], .textarea textarea {
            padding: 10px 4px !important;
            width: 94% !important;
        }

    #CP_divImage {
        width: 90% !important;
    }

    .title select {
        padding: 10px 4px !important;
    }

    .myacc-login li.input {
        width: 95% !important;
    }

    #divForgotOTP li.input {
        width: 99% !important;
    }

    .flt-contehldr .flt-divR {
        width: 100% !important;
    }

    .h-col-2 input {
        width: 94%;
    }

    .hotel-form input {
        width: 76% !important;
    }

    .room-col {
        width: 47% !important;
        margin-right: 8px !important;
    }

    .c-col-2 input {
        width: 76% !important;
    }

    .c-col-3 {
        width: 99% !important;
    }

    .sertabs p {
        font-size: 12px;
        margin-top: 80px;
    }

    .srhed span {
        font-size: 10px;
        width: calc(100% - 85px);
    }

    .slicknav_btn {
        margin: 0;
    }

    #FootNav .slicknav_btn {
        padding: 12px 15px 27px 10px;
    }

    .bnklogo img {
        height: 20px;
    }

    .topmenus a.slicknav_btn {
        right: 0;
        top: -52px;
    }

    .flight-form label, .hotel-form label, .car-form label {
        font-size: 14px !important;
    }

    .scrhArea {
        margin: 10px auto 0;
    }

    .latestArrBlk li, .mostPopuBlk li {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .cardBlk .card {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .inner-wid {
        width: auto !important;
    }

    .result-count .srhed {
        margin-top: 0px !important;
    }

    .srhed span {
        font-size: 13px !important;
        float: left !important;
        width: 100%;
    }

    .srhed .modify {
        margin: 16px 0px 0 0 !important;
        float: left !important;
    }

    .widget-mody {
        width: 100% !important;
    }

    .miles-cityHlr .air-stop {
        width: 96% !important;
    }

    .purchaseBox {
        width: 87%;
    }

    .col-Right, .col-left {
        width: 100%;
    }

    .innerQue h3 {
        font-size: 24px;
    }

    .innerQue {
        padding: 0 15px 40px;
    }

    .innerBx .innerHeadacc {
        height: auto;
        font-weight: 400;
        padding: 10px 10px;
    }

    .divRight {
        float: left !important;
    }

    /*ul.toplinks {padding: 0 11px 0 0;left:160px;}
     .logout a {right: -402px;}*/
    /*.resBox{width: 42%;text-align: center;}
    .top-row { float: left; margin: -10px 0 0;}*/
    .room-col .selectricWrapper {
        width: 100%;
    }

    .rooms1, .room-2 {
        float: left;
        margin: 10px 2% 0 2%;
    }

    .feed-1 label {
        margin-bottom: 10px;
    }

    .h-col-1, .h-col-2, .h-col-3, .h-col-4 {
        margin: 0 2% 4% 1%;
    }

    .vouch-div .bx-controls-direction {
        top: -20px;
    }
}

@media screen and (max-width:426px) {
    .sertabs p {
        font-size: 14px !important;
        margin-top: 80px;
    }

    .latestArrBlk h2 {
        font-size: 23px;
    }

    .adultBlk .spinner {
        width: 100%;
        margin-right: 0;
        margin-bottom: 22px!important;
    }

    .innerBx .innerHeadacc {
        height: auto;
        font-weight: 400;
        padding: 10px 10px;
        font-size: 14px;
    }

    /*ul.toplinks {padding: 0 11px 0 0;left: 90px;}
    .logout a {right: -345px;}*/
    .topmenus a.slicknav_btn {
        right: 0;
        top: -47px;
    }

    .position {
        top: -59px;
        right: 5px;
        width: auto;
    }
    .wrap.scrollmenu {
        margin: 15px auto;
    }

    .servindx {
        padding: 0 0px !important;
    }

    #CP_divImage {
        width: 96% !important;
    }

    #CP_spanUnits .btn {
        margin: 10px 0px 20px 8px !important;
    }

    .resmarg {
        margin-top: 5px !important
    }

    .feed-1 {
        margin-top: 5px;
    }

    .flight-form .col-2 {
        width: 99%;
        margin: 2% 0% 2% 1%;
    }

    .rooms-cont {
        padding: 10px 0 0 0;
    }

    .room-col .selectricWrapper {
        width: 100%;
    }

    .rooms1, .room-2 {
        float: left;
        margin: 0 2% 0 2%;
    }
}

@media screen and (max-width:415px) {
    .topmenus a.slicknav_btn {
        right: 0;
        top: -52px;
    }
}

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

    .fr {
        display: flex;
        align-items: center;
        width: 100%;
    }
    .reedmpointBlock {
        display: flex;
        float: left;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .sertabs p {
        font-size: 10px;
        margin-top: 80px;
    }

    .latestArrBlk h2 {
        font-size: 23px;
    }

    .adultBlk .spinner {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .innerBx .innerHeadacc {
        height: auto;
        font-weight: 400;
        padding: 10px 10px;
        font-size: 14px;
    }

    /*ul.toplinks {padding: 0 11px 0 0;left: 90px;}
    .logout a {right: -345px;}*/
    .topmenus a.slicknav_btn {
        right: 12px !important;
        top: -42px;
    }

    .position {
        top: -68px;
        right: 10px;
        margin: 10px;
    }

    .wrap.scrollmenu {
        margin: 15px auto;
    }

    .servindx {
        padding: 0 0px !important;
    }

    #CP_divImage {
        width: 96% !important;
    }

    #CP_spanUnits .btn {
        margin: 10px 0px 20px 8px !important;
    }

    .resmarg {
        margin-top: 5px !important
    }

    .feed-1 {
        margin-top: 5px;
    }

    .flight-form .col-2 {
        width: 99%;
        margin: 2% 0% 2% 1%;
    }

    .rooms-cont {
        padding: 10px 0 0 0;
    }

    .room-col .selectricWrapper {
        width: 100%;
    }

    .rooms1, .room-2 {
        float: left;
        margin: 0 2% 0 2%;
    }

    .sertabs p {
        font-size: 10px;
    }

    .flight-form .col-2 {
        width: 99%;
        margin: 2% -1% 2% 1%;
    }

    .sertabs a {
        margin: 0 5px 0px;
        width: 97px;
    }

    p.cardDesc {
        font-size: 8px !important;
    }

    .purchaseBox {
        width: 83%;
    }

    .col-left {
        min-height: 220px;
    }

    .innerQue {
        padding: 0 15px 40px;
    }

    .innerBx .innerHeadacc {
        height: auto;
        font-weight: 400;
        padding: 10px 10px;
        font-size: 16px;
    }

    .item-inner2 {
        margin: 15px;
        width: 260px;
    }

    .wrap_giftcard ul li {
        width: 92%;
        margin: 0% 0% 4% 4%;
    }
}

@media screen and (max-width:380px) {
    .addCont h3 {
        font-size: 18px;
    }

    .newsBlk li {
        min-height: 425px;
    }

    .topPadding {
        padding: 15px 0 0;
    }

    .redeemBlk .prdDesc {
        margin-top: 0px;
        width: 70%;
        float: right;
    }

    .room-col {
        margin-right: 8px !important;
    }

    .sertabs a {
        margin: 0 5px 0px;
        width: 97px;
    }

    p.cardDesc {
        font-size: 8px !important;
    }

    .passenger-block div {
        margin-right: 0 !important;
    }

    .topmenus a.slicknav_btn {
        right: 0;
        top: -48px;
    }

    .sertabs p {
        font-size: 10px;
    }

    .flight-form .col-2 {
        width: 99%;
        margin: 2% -1% 2% 1%;
    }

    .purchaseBox {
        width: 83%;
    }

    .col-left {
        min-height: 220px;
    }

    .innerQue {
        padding: 0 15px 40px;
    }

    .innerBx .innerHeadacc {
        height: auto;
        font-weight: 400;
        padding: 10px 10px;
        font-size: 16px;
    }

    /*ul.toplinks {padding: 0 11px 0 0;left: 60px;}
        .logout a {right: -303px;}*/
}

@media screen and (max-width:320px) {
    .addCont h3 {
        font-size: 18px;
    }

    .newsBlk li {
        min-height: 460px;
    }

    .footRight ul li p {
        font-size: 13px;
    }

    .bnklogo img {
        height: 20px;
    }

    .strip-img {
        width: 161px;
        height: 137px;
    }

    .menu {
        width: 100%;
        padding: 0 1.5%;
        margin: 20px 0 10px 0;
    }

    .slicknav_menu .slicknav_icon {
        top: 0px;
    }

    #FootNav .slicknav_menu .slicknav_icon {
        margin: 1px 0 0 0.438em;
    }
    /*ul.toplinks {padding: 0 11px 0 0;}*/

    .topmenus a.slicknav_btn {
        right: 0;
        top: -52px;
    }

    .innerBx p {
        font-size: 12px !important;
    }

    .position {
        top: -70px;
        right: 0px;
    }
    .logout a {width: 60px;}

        /*ul.toplinks {padding: 0 11px 0 0;left: 0;}
      .logout a {right: -250px;}*/
    }
/***************************** car search panel *************/
.coming_soon {
    text-align: center;
    margin-top: 15px;
    padding: 10px 0px;
}

.CmngSoon {
    font-size: 24px;
    text-align: center;
    line-height: 250px;
    display: block;
    min-height: 200px;
}

.hotel-form select, .flight-form select {
    border: 2px solid #ddd;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 5px;
    color: #666;
    padding: 0 0 0 3%;
    width: 100%;
    height: 35px;
    background: url(../Images/down-arrow.jpg) center right no-repeat #fff;
    outline: none;
}

    .hotel-form select::-ms-expand, .flight-form select::-ms-expand {
        display: none;
    }

@media screen and (min-width:0\0) {
    .flight-form select, .hotel-form select {
        background: none\9;
        padding: 5px\9;
    }
}
.bxslider li {
display: none;
}
.item-inner {
    margin: 30px;
    padding: 65px 10px 60px 10px;
    background: #f5f5f5;
    min-height: 166px;
    border-radius: 4px;
    width: 300px;
    margin: 0 auto;
    text-align: center;
}

.icon {
    position: relative;
    width: 90px;
    height: 90px;
    border: 3px solid #213c69;
    background: #fff;
    border-radius: 50%;
    display: table;
    margin: 0 auto;
    margin-bottom: 10px;
}

    .icon .pe-icon {
        color: #6dbd63;
        font-size: 48px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

.details h4.title {
    font-size: 14px;
    color: #999;
}

.details p.phone {
    font-size: 28px;
    font-weight: bold;
}

.icon .fa-phone {
    font-size: 52px;
    line-height: 90px;
    color: #006685;
}

div#LoginValidation, span#CP_lblMessagesDetails, span#CP_lblMessagesDetails {
    text-align: left;
    margin-bottom: 5px;
}

.deflex {
    display: flex;
}

.bg-gray {
    background: #f7f8fa;
}

.cus-ref-wid {
    width: 400px;
    text-align: center;
    margin: auto;
    padding: 3% 0;
}

    .cus-ref-wid .darkBtn {
        margin-top: 15px;
    }

.btn-yello {
    background-color: #f8ba41;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    padding: 10px 40px;
    text-transform: uppercase;
    border-radius: 5px;
    text-align: center;
    width: auto;
}

    .btn-yello:hover {
        background: #142747;
        color: white;
        text-decoration: none;
    }

.input-ref {
    border: 2px solid #ddd;
    border-radius: 5px;
    color: #666;
    padding: 0 10px;
    width: 100%;
    height: 35px;
}

.cus-ref-wid .common_div > div, .cus-ref-wid .col1 > div {
    text-align: left;
    margin: 10px 0;
}

.wi-100 {
    display: flex;
}

.ref-title h1 {
    font-size: 17px;
    margin-bottom: 20px;
}

.cus-sort {
    margin: 30px 0 0 0;
}

.btn-cus {
    width: auto !important;
    min-width: 29%;
    margin: 0 10px 0 0 !important;
}

.btn-yellow {
    border: none !important;
}

.btn-align {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 992px) {
    .deflex {
        display: block;
    }
    .btn-align {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction:column;
    }


    #CP_divOrderDetails {
        overflow: scroll;
    }

    .logout {
        float: right;
        margin-right: 10px;
        left: 190px;
        position: absolute;
    }
}

@media (max-width: 440px) {
    .cus-ref-wid {
        width: 85%;
    }

    .cus-sort {
        float: none !important;
    }

    .btn-cus {
        width: auto !important;
        display: block;
        min-width: 100%;
        margin: 10px 0 0 0 !important;
    }

    .logout {
        float: right;
        margin-right: 0;
        left: 0;
        position: relative;
    }

    #btnContinueShopping, #CP_btnCheckout {
        margin: auto;
    }
}