input, button, select, textarea {
    box-shadow: none !important
}

.nav .dropdown-toggle .caret {
    padding: 0;
    border-top-width: 7px;
    border-left-width: 4px;
    border-right-width: 4px;
}

.tollFreeRed {
    font-weight: 700 !important;
    font-size: 20px !important;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat 0px -883px;
    padding-left: 18px !important;
    color: #B83B26 !important;
    cursor: auto !important;
    margin-left: 14px !important
}

    .tollFreeRed:hover {
        text-decoration: none !important;
    }

#liCancel {
    display: none;
}

.forPaymentDiv {
    width: 336px !important;
}

.forInput {
    width: 167px !important;
    *width: 165px !important
}

.senderCss strong {
    float: left;
    width: 182px;
    word-wrap: break-word;
    -ms-word-break: break-word;
    text-align: left;
}

#sender .senderCss strong {
    float: left;
    width: 182px;
    word-wrap: break-word;
    -ms-word-break: break-word;
    text-align: left;
}

.recipient strong {
    position: relative;
    left: 0px;
    word-wrap: break-word;
    text-align: left;
    -ms-word-break: break-word;
    width: 205px;
    float: left
}

#recip .recipient strong {
    position: relative;
    left: 0px;
    word-wrap: break-word;
    text-align: left;
    -ms-word-break: break-word;
    width: 205px;
    float: left
}

.tab-content-card {
    clear: both;
    color: #4e626d;
    padding: 30px;
    position: absolute;
    top: 180px;
    left: 0px;
    background-color: #f7f7f7;
    *background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f7f7f7, #e9e9e9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#e9e9e9));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e9e9e9);
    background-image: -o-linear-gradient(top, #f7f7f7, #e9e9e9);
    background-image: linear-gradient(to bottom, #f7f7f7, #e9e9e9);
    background-repeat: repeat-x;
}

    .tab-content-card h2, .tab-content-card h1 {
        padding-bottom: 15px;
        font-size: 25px;
        font-family: Arial,Helvetica;
        color: #000;
    }

    .tab-content-card h4 {
        font-weight: normal
    }

    .tab-content-card p {
        padding-bottom: 45px;
        font-family: Arial,Helvetica;
        font-size: 17px;
    }

    .tab-content-card .primaryBtn {
        margin: 0 0 0 25px
    }

    .tab-content-card .secondaryBtn {
        margin: 0;
        float: left;
        font-size: 14px;
        height: 42px;
        border-radius: 0;
        line-height: 20px;
    }

    .tab-content-card .actionsBtn {
        position: relative
    }

    .tab-content-card .terms_mobile {
        position: absolute;
        top: 42px;
        right: -235px;
        color: #D0D2D5;
    }

        .tab-content-card .terms_mobile a {
            color: #000;
            font-size: 13px
        }

    .tab-content-card ul {
        list-style: disc;
        margin: 15px 0 30px 15px;
    }

/*#mobilePreview {
    overflow: auto
}*/

.primaryBtn a {
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    color: #fff !important;
    background: -moz-linear-gradient(-45deg, #f5ba69 0, #d95500 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f5ba69), color-stop(100%, #d95500));
    background: -webkit-linear-gradient(-45deg, #f5ba69 0, #d95500 100%);
    background: -o-linear-gradient(-45deg, #f5ba69 0, #d95500 100%);
    background: -ms-linear-gradient(-45deg, #f5ba69 0, #d95500 100%);
    background: linear-gradient(169deg, #f5ba69 22%, #d95500 100%) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ba69', endColorstr='#ff3300', GradientType=1);
    border: 1px solid #b1320a;
    border-top: none;
    border-left: none;
    border-right: none;
    -moz-box-shadow: inset .5px 1px 0 #ffa022;
    -webkit-box-shadow: inset .5px 1px 0 #ffa022;
    box-shadow: inset .5px 1px 0 #ffa022;
    padding: 10px 35px;
    font-size: 24px;
    line-height: 1em;
    text-decoration: none;
    font-weight: 700;
    margin-top: 15px;
    cursor: pointer;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
}

    .primaryBtn a:hover {
        background: #d95500;
        background: -moz-linear-gradient(-45deg, #d95500 0, #f5ba69 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #d95500), color-stop(100%, #f5ba69));
        background: -webkit-linear-gradient(-45deg, #d95500 0, #f5ba69 100%);
        background: -o-linear-gradient(-45deg, #d95500 0, #f5ba69 100%);
        background: -ms-linear-gradient(-45deg, #d95500 0, #f5ba69 100%);
        background: linear-gradient(169deg, #d95500 22%, #f5ba69 100%) repeat scroll 0 0 transparent;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3300', endColorstr='#f5ba69', GradientType=1);
        border-bottom: 1px solid #d95500
    }

.primaryBtn input {
    border: none;
    background: transparent;
}

.primaryBtnCancel a {
    background: linear-gradient(169deg, #FF833C 22%, #FF3300 100%) repeat scroll 0 0 transparent;
    box-shadow: 0.5px 1px 0 #FFA022 inset, 0 1px 0 #993300;
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px #3B1D0C;
    width: 150px;
    height: 44px;
    text-decoration: none !important;
}

    .primaryBtnCancel a:hover {
        color: #fff;
        background: #f30;
        background: -moz-linear-gradient(-45deg, #f30 0, #ff833c 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f30), color-stop(100%, #ff833c));
        background: -webkit-linear-gradient(-45deg, #f30 0, #ff833c 100%);
        background: -o-linear-gradient(-45deg, #f30 0, #ff833c 100%);
        background: -ms-linear-gradient(-45deg, #f30 0, #ff833c 100%);
        background: linear-gradient(169deg, #f30 22%, #ff833c 100%) repeat scroll 0 0 transparent;
    }

.actionsBtn {
    background: none !important;
}

.btnCard {
    width: 220px;
}

.whyBookContainer {
    margin: 0 auto;
    max-width: 940px;
    overflow: hidden;
    *height: 154px
}

    .whyBookContainer h2 {
        font-family: Arial;
        font-size: 25px;
        margin: 30px auto;
        color: #000;
        text-align: center
    }

    .whyBookContainer .boxContent .slideContent {
        float: left;
        max-width: 200px
    }

.bestPriceIcon, .customerCareIcon, .easyBookingIcon {
    background: url("../images/Delivered-Email-Sprite.png") no-repeat 0 0;
    float: left;
    width: 62px;
    height: 54px
}

.bestPriceIcon {
    background-position: 0 11px
}

.customerCareIcon {
    background-position: 7px -120px
}

.easyBookingIcon {
    background-position: 2px -57px
}

.whyBookContainer span.head {
    font-size: 16px;
    font-weight: bold;
    line-height: 54px;
    margin-left: 10px
}

.whyBookContainer .boxContent {
    color: #8F8F8F;
    border-right: 1px solid #e2e3e5;
    float: left;
    line-height: normal;
    overflow: hidden;
    padding: 1%;
    width: 31%
}

    .whyBookContainer .boxContent.last {
        border: none
    }

.whyBookContainer .inwrap {
    display: block;
    margin: 0 auto
}

.bestPrice.inwrap {
    width: 220px
}

.easyBooking.inwrap {
    width: 180px
}

.customerCare.inwrap {
    width: 240px
}

#theme-default-form .actions button {
    width: 240px;
}

    #theme-default-form .actions button, #theme-default-form .actions button a, #theme-default-form .actions .tnc {
        float: none;
    }

#theme-default-form .control-group {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    float: none;
}

#theme-default-form .input-prepend {
    margin-right: 0;
}

.csContent-parent {
    background-color: #e8e9eb;
    padding: 0;
    position: relative;
}

    .csContent-parent .csContent {
        padding: 20px 0 0px 0;
        border-top: 1px solid #d7d7d7;
        margin: 20px;
        max-width: 940px;
    }

.csContent-parent {
    max-width: 990px;
    margin: 0 auto;
}

    .csContent-parent .csContent {
        left: 50%;
        margin-left: 145px !important;
        position: absolute;
        right: 0;
        top: -385px;
        width: 325px;
        text-align: center;
    }

        .csContent-parent .csContent button, .csContent-parent .csContent .tnc {
            float: none;
        }

.cus-care1:after {
    background: url(//c.fareportal.com/vd/ot/travel/r6-v1/images/call-us-bg.png) no-repeat 0 0 /cover;
    width: 67px;
    height: 58px;
    content: '';
    display: inline-block;
    margin-top: -10px;
    position: absolute;
    top: 16px;
    margin-left: 5px;
    right: -54px;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #9ca7ad;
    border-bottom-color: #9ca7ad;
}

.navbar .nav li.dropdown > a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.ot-top-nav span.caret {
    margin-top: 7px !important;
}

.ot-top-nav a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ot-top-nav a.rowSignIn {
    padding-left: 0 !important;
}
.navbar.top-links {
    min-height: 22px;
    margin-bottom: 0px;
}
.dropdown-menu li > a {
    color: #fff;
    font-size: 14px;
}

@media (max-width:1024px) {
    .tab-content-card, .tab-content-card .terms_mobile {
        position: static
    }

        .tab-content-card .terms_mobile {
            margin-top: 10px
        }

    .whyBookContainer {
        padding: 0
    }

        .whyBookContainer h2 {
            margin: 18px 0
        }

        .whyBookContainer .boxContent {
            padding-bottom: 0
        }

        .whyBookContainer .inwrap {
            width: auto !important
        }

    .boxContent {
        height: 110px !important;
    }

    .bestPriceIcon, .customerCareIcon, .easyBookingIcon {
        float: none;
        display: block;
        margin: 0 auto
    }

    .whyBookContainer .boxContent .slideContent, .whyBookContainer span.head {
        text-align: center;
        margin: 0;
        padding: 0;
        display: block;
        float: none;
        max-width: 100%
    }

    #mob_text.head {
        left: 80px !important;
    }

    #fare {
        display: none
    }

    #amount, .range {
        width: auto
    }

    .theme-slider {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .theme-slider ul {
            width: 1439px !important;
            height: 280px;
        }

        .theme-slider .inner-wrap {
            width: 100%;
            overflow: hidden
        }

            .theme-slider .inner-wrap:after {
                display: table;
                content: "";
                clear: both
            }

    #theme-default-form {
        margin: 0 !important
    }

    .slider-controls {
        display: block !important;
        top: 80px !important;
    }

    #mob_text, .head {
        left: 28px;
    }

    .masterr, .visaa {
        margin-top: 5px !important
    }
}

@media (min-width:650px) and (max-width:1024px) {
    #theme-default-form .control-group {
        margin: 0 auto;
        left: -115px;
    }
}

@media (max-width:767px) {

    .gift-card-Deail-section{
        padding: 3px !important;
    }
    .tab-content-card {
        width: 100%;
        top: 0;
        height: auto;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 21px
    }

    .whyBookContainer .boxContent {
        width: 98%;
        float: none;
        margin: 0 auto;
        height: auto;
        border: none
    }

    .whyBookContainer h2 {
        font-size: 22px
    }

    .tab-content-card .primaryBtn {
        margin: 0 0 0 15px
    }

    #theme-default-form .actions {
        text-align: left !important;
    }

    #theme-default {
        display: none;
    }

    #theme-default-form {
        float: left;
    }
}

::-ms-clear {
    display: none
}

.logo {
    width: 100%
}

.box-holder img {
    width: 100%
}

.header {
    background: #fff
}

#section {
    padding-top: 37px;
    margin: 0 auto
}

.headerlayout {
    max-width: 940px; /*z-index:999;*/
    margin: 0 auto
}

.navbar .top-nav {
    position: absolute;
    top: 6px;
    width: 100%
}

    .navbar .top-nav > li {
        float: right;
        line-height: 11px;
        margin-left: 20px
    }

        .navbar .top-nav > li > a {
            font-size: 12px;
            font-weight: 400;
            color: #515764;
            border-bottom: 0 !important;
            padding: 5px 0;
            text-transform: none
        }

            .navbar .top-nav > li > a:hover {
                text-decoration: underline
            }

.top-nav li a:hover {
    text-decoration: none;
    color: #fff;
    border-bottom: 0
}

.banner-txt {
    width: 281px;
    line-height: 30px;
    position: relative;
    margin-top: 24px;
    margin-left: 63px;
    text-align: center
}

.fastest-way {
    border-bottom: #98cbd4 2px solid;
    color: #013668;
    padding-bottom: 15px;
    margin-bottom: 9px;
    padding-top: 25px;
    text-align: center;
    font-size: 28px
}

.banner-arrow {
    width: 44px;
    height: 44px;
    margin-top: 10px
}

.disnav {
    margin-top: -20px !important
}

.navbar .brand {
    height: 58px;
    overflow: hidden
}

.call-us {
    width: 113px;
    float: left;
    font-size: 16px;
    margin-right: 10px;
    line-height: 14px
}

.any-time {
    font-size: 13px
}

.holder {
    margin-top: 22px
}

.blue-bg {
    background: #016dab;
    border-top: #7e7e7e 1px solid;
    border-bottom: #7e7e7e 1px solid;
    padding-top: 50px;
    padding-bottom: 46px;
    position: relative;
    clear: both
}

.socialMedia-holder {
    max-width: 940px;
    margin: 0 auto;
    color: #fff;
    font-size: 16px
}

    .socialMedia-holder h2 {
        margin-bottom: 24px;
        font-size: 25px;
        font-weight: 700;
        padding-bottom: 19px;
        border-bottom: #fff 1px solid
    }

        .socialMedia-holder h2 span {
            float: right
        }

            .socialMedia-holder h2 span a {
                color: #fff
            }

.download-btn {
    display: inline-block;
    padding: 12px 27px;
    margin-top: 16px;
    font-size: 19px;
    font-weight: 700;
    background: #01cfdd;
    background: -moz-linear-gradient(-45deg, #01cfdd 0, #01a2c2 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #01cfdd), color-stop(100%, #01a2c2));
    background: -webkit-linear-gradient(-45deg, #01cfdd 0, #01a2c2 100%);
    background: -o-linear-gradient(-45deg, #01cfdd 0, #01a2c2 100%);
    background: -ms-linear-gradient(-45deg, #01cfdd 0, #01a2c2 100%);
    background: linear-gradient(169deg, #01cfdd 22%, #01a2c2 100%) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01cfdd', endColorstr='#01a2c2', GradientType=1);
    -moz-box-shadow: inset .5px 0 0 .5px #53f5fb;
    -webkit-box-shadow: inset .5px 0 0 .5px #53f5fb;
    box-shadow: inset .5px 0 0 .5px #53f5fb;
    text-shadow: -1px -1px 1px rgba(9, 129, 122, 1)
}

    .download-btn a {
        color: #fff;
        text-decoration: none;
        text-shadow: 0 0 0 1px #09817a
    }

    .download-btn:hover {
        background: #01a2c2;
        background: -moz-linear-gradient(-45deg, #01a2c2 0, #01cfdd 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #01a2c2), color-stop(100%, #01cfdd));
        background: -webkit-linear-gradient(-45deg, #01a2c2 0, #01cfdd 100%);
        background: -o-linear-gradient(-45deg, #01a2c2 0, #01cfdd 100%);
        background: -ms-linear-gradient(-45deg, #01a2c2 0, #01cfdd 100%);
        background: linear-gradient(169deg, #01a2c2 22%, #01cfdd 100%) repeat scroll 0 0 transparent;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01a2c2', endColorstr='#01cfdd', GradientType=1);
        color: #fff;
        text-decoration: none
    }

.facebook-icon {
    width: 41px;
    height: 41px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -1747px;
    margin-top: -13px;
    *margin-top: -52px;
    float: left;
    margin-right: 10px
}

.gplus-icon {
    width: 41px;
    height: 41px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat -48px -1747px;
    margin-top: -13px;
    *margin-top: -52px;
    float: left;
    margin-right: 10px
}

.twitter-icon {
    width: 41px;
    height: 41px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat -96px -1746px;
    margin-top: -13px;
    *margin-top: -52px;
    float: left
}

.darkBlue-bg {
    background: #012142;
    color: #fff;
    font-size: 14px;
    padding: 30px 0
}

.info-holder {
    max-width: 940px;
    margin: 0 auto
}

.need-help {
    font-weight: 700;
    font-size: 25px;
    color: #fff;
    width: 168px !important;
    *width: 140px !important;
    *line-height: 30px !important;
    margin-left: 0 !important
}

.chat {
    padding-left: 31px;
    font-size: 25px;
    color: #00f1ff;
    font-weight: 700;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -63px;
    *background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -58px;
    *line-height: 30px;
    height: 23px;
    width: 317px !important;
    *width: 266px !important;
    margin-left: 0 !important
}
/*.feedback{font-size:25px;color:#00f1ff;font-weight:700;width:205px !important;*width:175px !important;margin-left:0 !important;background:url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat -160px -284px;*background:url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat -160px -279px;*line-height:30px;padding-left:32px;float:right !important;}
.feedback a, .chat a{color:#00f1ff}
.feedback a:hover, .chat a:hover{text-decoration:underline;*text-decoration:underline !important}
*/
.info-holder .quick-access {
    margin-left: 0 !important;
    width: 940px !important
}

    .info-holder .quick-access .last {
        margin-right: 0px
    }

    .info-holder .quick-access h2 {
        margin-top: 0;
        font-size: 25px;
        font-weight: 700;
        padding-bottom: 19px;
        *padding-bottom: 10px;
        border-bottom: #fff 1px solid
    }

    .info-holder .quick-access .number {
        padding-left: 31px;
        font-size: 25px;
        color: #00f1ff;
        font-weight: 700;
        background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -30px;
        *background-position: 0 -27px;
        *line-height: 30px !important;
        height: 28px;
        width: 250px !important;
        *width: 225px !important;
        margin-left: 0 !important
    }

    .info-holder .quick-access .quick-links {
        width: 277px !important
    }

        .info-holder .quick-access .quick-links ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .info-holder .quick-access .quick-links ul li {
                margin: 0;
                padding: 0;
                list-style: none;
                line-height: 18px !important
            }

                .info-holder .quick-access .quick-links ul li a {
                    font-size: 14px;
                    color: #fff;
                    text-decoration: none;
                    font-weight: 700
                }

                    .info-holder .quick-access .quick-links ul li a:hover {
                        text-decoration: underline
                    }

        .info-holder .quick-access .quick-links h3 {
            margin: 0;
            padding: 0;
            font-size: 16px;
            font-weight: 700;
            line-height: 20px;
            color: #00f1ff
        }

.coa-icon {
    margin-top: 36px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 745px -120px
}

.next-arrow {
    margin-top: 36px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 99PX -1712px
}

.number {
    display: block !important;
}

.white-hd {
    padding-bottom: 19px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 25px;
    font-weight: 700
}

.white-txt {
    font-size: 16px;
    width: 100%
}

.app {
    width: 421px !important;
    position: relative;
    margin-right: 90px
}

    .app img {
        position: absolute;
        top: -12px;
        right: 0
    }

.mobile {
    margin-left: 0 !important;
    width: 93px !important
}

.holder2 {
    padding-left: 25px;
    border-bottom: #fff 1px solid;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    line-height: 60px
}

.holder3 {
    padding-left: 25px;
    font-size: 16px;
    color: #fff;
    margin-top: 22px
}

.app-cont {
    padding-left: 25px;
    font-size: 16px;
    color: #fff
}

.connect {
    width: 426px !important;
    margin-left: 0 !important
}

    .connect img {
        float: right;
        padding-left: 13px;
        margin-top: -34px
    }

.msg-icon {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat -28px 13px;
    width: 232px;
    width: 243px \9;
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    padding-top: 0px \9 !important;
    height: 39px \9 !important;
    *height: 38px !important;
    color: #136fb8 !important;
    font-weight: 700;
    line-height: 42px\9 !important;
    float: left;
}

.gray-bg {
    background: #f5f6f7;
    margin-top: 30px;
    padding-top: 50px;
    border-top: 1px solid #e1e2e3
}

.disclaim {
    font-size: 11px;
    color: #999;
    text-align: center;
    margin-bottom: 21px
}

    .disclaim a {
        color: #999 !important;
        text-decoration: underline
    }

        .disclaim a:hover {
            text-decoration: underline
        }

    .disclaim sup {
        font-size: 9px
    }

.view-more {
    text-align: center;
    font-size: 15px;
    color: #5b6270;
    height: 35px;
    border-top: #d0d0d0 1px solid;
    line-height: 35px
}

.policy-txt {
    color: #333;
    font-size: 11px;
    line-height: 13px
}

.box-holder1 {
    background: #fff;
    padding: 22px 109px 0px 104px;
    margin-top: 22px;
    margin-bottom: 28px
}

.banner {
    width: 728px;
    height: 90px;
    margin: 20px auto 20px;
    border: #d0cfcf 1px solid;
    background: #fff;
    padding: 10px
}

.box-holder2 {
    background: #fff;
    box-shadow: 0 0 5px #eaebec;
    padding: 22px 41px 40px 41px;
    margin: 0 auto
}

.search-btn {
    padding: 8px 25px;
    font-weight: 700;
    font-size: 18.38px;
    color: #fff;
    border: #917ea6 1px solid;
    -moz-box-shadow: inset 0.5px 1px 0px #01d3ff;
    -webkit-box-shadow: inset 0.5px 1px 0px #01d3ff;
    box-shadow: inset 0.5px 1px 0px #01d3ff
}

.rightpane {
    position: absolute;
    right: -8px;
    top: 585px;
    background: #fff;
    border: #d1d0d0 1px solid;
    box-shadow: 0 0 5px #eaebec;
    padding: 22px 0 40px 0
}

.tab-content {
    clear: both;
    background: #022243;
    color: #fff
}

.form-hd {
    text-align: center;
    font-weight: 700;
    font-size: 1.75em;
    color: #0d95de;
    line-height: normal
}

.rdbtn-holder {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    color: #ccc;
    padding-bottom: 3px
}

.white-txt1 {
    color: #fff;
    font-size: 14px
}

.class-icon {
    min-width: 10%
}
/*.global{background:url("//c.fareportal.com/vd/coa/travel/r1/img/sprite.png") no-repeat scroll -162px -207px}
*/
.free-apps {
    background: url("//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png") no-repeat scroll 0 -1664px;
    height: 17px;
    padding-left: 15px !important
}

.live-help {
    background: url("//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png") no-repeat scroll 0 -1690px;
    height: 17px;
    padding-left: 24px !important
}

.footer {
    background: #f5f5f5;
    color: #333333;
    font-size: 12px
}

    .footer .footer-sec {
        max-width: 940px;
        margin: 0 auto;
        padding-top: 39px;
        padding-bottom: 11px;
        line-height: 20px;
        font-weight: normal;
        clear: both
    }

.footer-sec a {
    color: #000
}

.footer-nav {
    border-right: #ccc 1px solid;
    margin-right: 30px;
    min-height: 170px !important
}

    .footer-nav ul {
        margin: 12px 0 0 0;
        padding: 0;
        list-style: none
    }

        .footer-nav ul li {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .footer-nav ul li a {
                font-size: 11px;
                color: #206892;
                text-decoration: none
            }

                .footer-nav ul li a:hover {
                    color: #f30;
                    text-decoration: underline
                }

.copyright {
    color: #51555d
}

.footer-logo {
    margin-top: 30px;
    overflow: hidden
}

    .footer-logo a {
        float: left;
        margin-right: 33px;
        height: 39px;
        vertical-align: middle
    }

    .footer-logo span {
        float: left;
        margin-right: 33px;
        height: 39px;
        vertical-align: middle;
        margin-top: 10px
    }

.iatan {
    width: 36px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -176px;
    height: 31px;
    margin-top: 10px
}

.tia {
    width: 76px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -217px;
    height: 31px;
    margin-top: 12px !important
}

.arc {
    width: 82px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -258px;
    height: 36px; /*margin-top:8px !important*/
}

.asta {
    width: 39px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -304px;
    height: 32px;
    margin-top: 10px
}

.truste {
    width: 103px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -346px;
    height: 30px;
    margin-top: 11px
}

.norton {
    width: 71px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -386px;
    margin-top: 5px
}

.masterr {
    width: 46px;
    margin-right: 25x;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -433px;
    height: 29px
}

.visaa {
    width: 46px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -472px;
    height: 29px
}

.discover {
    width: 46px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -511px;
    height: 29px
}

.american {
    width: 47px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -550px;
    height: 29px
}

.diners {
    width: 46px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -589px;
    height: 29px
}

.hitwise {
    width: 43px;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -631px;
    height: 49px !important;
    margin-right: 0 !important;
    margin-top: 0 !important
}

#footer {
    width: 1016px;
    margin-left: auto;
    margin-right: auto
}

.footerNav-hd {
    font-size: 13px
}

.medium-text {
    font-size: 12px;
    color: #333;
    line-height: 13px
}

    .medium-text a {
        color: #333
    }

.download {
    font-size: 15px
}

.download-free {
    padding-top: 10px;
    padding-bottom: 10px
}

.visible-tablet .sign-in {
    font-size: 12px !important;
    text-transform: none !important;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 28px -1461px
}

.more {
    font-size: 12px !important;
    text-transform: none !important;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 20px -1516px
}

#tabletMenu {
    width: 44px
}

.holder4 {
    margin-top: 10px
}

.general-disclaimer {
    font-size: 80%;
    margin-bottom: 10px
}

.mobile1 {
    border-bottom: #fff 1px solid;
    margin-bottom: 16px;
    position: relative;
    padding: 20px 20px 30px 20px
}

    .mobile1 img {
        float: right;
        vertical-align: top;
        position: absolute;
        top: 65px;
        right: 20px
    }

.connect1 {
    position: relative;
    padding: 5px 0 40px 5px !important
}

.signup-mobile {
    margin-top: 10px
}

    .signup-mobile img {
        float: right;
        padding-left: 10px;
        padding-top: 10px;
        margin-top
    }

.more-click {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -140px -1061px;
    color: #686c76;
    cursor: pointer;
    font-size: 12px;
    padding-top: 36px;
    position: absolute;
    right: 6px;
    text-align: right;
    width: 40px;
    margin-top: 6px;
}

    .more-click:hover {
        text-decoration: none;
    }

.full-width {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    min-width: 320px
}

.rightMenuHolder {
    display: none;
    cursor: pointer
}

.rightMenu {
    cursor: default
}

.menuActive {
    overflow: hidden
}

    .menuActive .rightMenuHolder {
        height: 100%;
        width: 100%;
        background: rgba(255, 255, 255, 0);
        position: absolute;
        z-index: 999999;
        left: 0;
        top: 0;
        overflow: hidden;
        display: block
    }

.rightMenu {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    width: 315px;
    right: 0;
    position: absolute;
    top: 0;
    background: #393d48
}

    .rightMenu div {
        height: 3200px;
        background: #fff;
        margin: 10px
    }

    .rightMenu li {
        margin: 0;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        text-shadow: 0 -1px #1b2026;
        padding: 20px;
        list-style-type: none;
        border-bottom: 1px solid #333;
        box-shadow: 0 1px #50545e;
        cursor: pointer
    }

        .rightMenu li a {
            color: #fff !important
        }

        .rightMenu li a {
            text-decoration: none !important
        }

.menuActive .full-width {
    position: absolute;
    right: 315px
}

.span4-mobile {
    text-align: center;
    margin-top: 6px
}

    .span4-mobile > div {
        text-align: left;
        float: left
    }

        .span4-mobile > div > b {
            position: absolute;
            top: 0;
            left: 0
        }

.lessoption {
    background: #033e6a;
    padding: 0 10px 5px 10px;
    display: block;
    width: 20%
}

.padd-left10 {
    padding-left: 10px
}

.canada {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -158px -227px
}

.usa {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -158px -249px
}

.dropdown-selected {
    background-color: #0081C2;
    color: #fff !important
}

.uk {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -157px -270px
}

.ind {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -158px -290px
}

.au {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -158px -347px
}

.irl {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -158px -329px
}

.sg {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -158px -310px
}

.ae {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -158px -367px
}

.mex {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -158px -387px
}

.cn {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -156px -1509px
}
/*.fr{background:url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -158px -1470px}
*/
.nz {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -156px -1594px
}

.za {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -156px -1427px
}

.tr {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -156px -1384px
}

.ph {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -156px -1300px
}

.my {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -156px -1260px
}

.hk {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite.png) no-repeat -156px -1553px
}

.signup-tablet {
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -1530px
}

.more-input {
    width: 250px;
    height: 40px;
    float: left
}

.lblMessageSignUp {
    background: #FFFFB7;
    color: #FF3300;
    font-size: 12px;
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 10px
}

    .lblMessageSignUp div {
        padding: 3px 5px 0 10px !important;
        background: url(../widget/image/dot.jpg) center left no-repeat !important;
        margin-left: 5px
    }

.sign-up {
    font-size: 19px;
    height: 43px;
    border-left: #027182 1px solid;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    padding: 0 26px;
    *padding: 0 6px;
    color: #fff;
    font-weight: 700;
    background: #01cfdd;
    background: -moz-linear-gradient(-45deg, #01cfdd 0, #01a2c2 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #01cfdd), color-stop(100%, #01a2c2));
    background: -webkit-linear-gradient(-45deg, #01cfdd 0, #01a2c2 100%);
    background: -o-linear-gradient(-45deg, #01cfdd 0, #01a2c2 100%);
    background: -ms-linear-gradient(-45deg, #01cfdd 0, #01a2c2 100%);
    background: linear-gradient(169deg, #01cfdd 22%, #01a2c2 100%) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01cfdd', endColorstr='#01a2c2', GradientType=1);
    -moz-box-shadow: inset .5px 0 0 .5px #53f5fb;
    -webkit-box-shadow: inset .5px 0 0 .5px #53f5fb;
    box-shadow: inset .5px 0 0 .5px #53f5fb;
    text-shadow: -1px -1px 1px rgba(9, 129, 122, 1)
}

    .sign-up:hover {
        background: #01a2c2;
        background: -moz-linear-gradient(-45deg, #01a2c2 0, #01cfdd 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #01a2c2), color-stop(100%, #01cfdd));
        background: -webkit-linear-gradient(-45deg, #01a2c2 0, #01cfdd 100%);
        background: -o-linear-gradient(-45deg, #01a2c2 0, #01cfdd 100%);
        background: -ms-linear-gradient(-45deg, #01a2c2 0, #01cfdd 100%);
        background: linear-gradient(169deg, #01a2c2 22%, #01cfdd 100%) repeat scroll 0 0 transparent;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01a2c2', endColorstr='#01cfdd', GradientType=1)
    }

.toll-free {
    font-weight: 700 !important;
    font-size: 20px !important;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0px -901px;
    padding-left: 18px !important
}

    .toll-free:hover {
        text-decoration: none !important
    }

    @media (max-width: 1024px) and (min-width: 768px){
        .container {
            width: 770px !important;
        }
              
    }
@media (max-width:1024px) and (min-width:768px) {

    .mein-section {
        font-size: 12px !important;
    }

    .span8-tablet {
        width: 100% !important;
        margin: 0 auto !important;
        float: none !important
    }

        .span8-tablet .span8-tablet {
            width: 100% !important
        }

    .footer-logo span {
        margin-right: 18px !important;
    }

    .visible-tablet.advertisement {
        width: 110%;
        margin-left: -5%
    }

    .app {
        width: 324px !important
    }

    .connect {
        width: 324px !important
    }

    .access {
        padding-bottom: 20px
    }

    .facebook-icon {
        background-position: 0 -1800px
    }

    .gplus-icon {
        background-position: -49px -1800px
    }

    .twitter-icon {
        background-position: -97px -1800px
    }

    .crdit-refund-title-section {
        height: 228px !important;
    }

    .search-section {
        width: 672px !important;
        height: 112px !important;
    }

}

@media (max-width:467px) {
    #mobilePreview, .preview {
        width: 200px;
    }

    .terms_mobile {
        top: 340px !important;
    }

    #amount, .range {
        width: 75px;
    }

    .input-prepend .add-on {
        width: 31px;
    }

    .card-preview .input-prepend {
        width: 240px !important;
    }
}

@media (max-width:767px) {
    .app {
        width: 100% !important
    }

    .connect {
        width: 100% !important
    }

    .facebook-icon {
        background-position: 0 -1800px
    }

    .gplus-icon {
        background-position: -49px -1800px
    }

    .twitter-icon {
        background-position: -97px -1800px
    }
}

.no-border {
    border: 0px !important
}

.linkmoreoption {
    padding: 0 10px 5px;
    cursor: pointer;
    display: inline-block
}

.activemore {
    background: #025c91
}

.signUp-form {
    margin-top: 16px
}

.spriteIcon {
    background-image: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png)
}
/*IE7 fixes*/
.theme-slider .inner-wrap {
    *width: 310px;
    *overflow: hidden
}

.info-holder .need-help {
    *margin-right: 40px
}

.main-serach-btn button {
    *padding-top: 5px
}

.ie8 .full-width {
    min-width: 1024px
}

.full-width {
    *min-width: 1024px
}

.ie8 .carousel {
    min-width: 1024px
}

.form-horizontal .control-group {
    *zoom: 0
}
/*IE7 fixes end*/
.form-horizontal .control-group {
    *zoom: 0
}

.header {
    margin-top: 25px
}

.navbar .top-nav {
    top: -72px;
}

.nav-collapse.collapse {
    margin-left: 0px;
    padding-top: 0px;
    margin-top: 51px
}

.navbar .top-nav > li {
    margin-left: 0px
}

    .navbar .top-nav > li > a {
        margin-left: 14px
    }

.navbar .brand {
    padding-right: 0px
}

@media (max-width:1024px) {
    .nav-subtabs > li {
        float: left;
        width: 20%
    }

    .nav-subtabs > .active > a, .nav-subtabs > .active > a:hover {
        background-color: #047bc4 !important
    }

    .headerlayout {
        max-width: 100% !important
    }

    .input-prepend .add-on {
        padding-left: 50px
    }

    .headercontent {
        margin-top: 0px
    }

    .rightspace {
        margin-right: 2%
    }

    .navbar .brand {
        padding-right: 0px
    }

    input {
        border-radius: 0
    }

    .nav .dropdown-toggle .caret {
        padding: 0px;
        border-top: 5px solid #000;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
    }
    /*tablet right nav css start*/
    .rightNavBg {
        background-image: url(//c.fareportal.com/vd/coa/travel/r1/img/right-nav-bg.png);
        width: 315px;
        height: 1660px;
        position: absolute;
        right: 0px;
        top: 0px;
        box-shadow: 3px 0px 10px #171717;
        -webkit-box-shadow: 3px 0px 10px #171717;
        z-index: 1000
    }

        .rightNavBg ul {
            margin: 0px;
            padding: 0px
        }

            .rightNavBg ul li {
                margin: 0px;
                padding: 0px;
                font-size: 20px;
                font-weight: 400;
                color: #fff;
                text-shadow: 0px -1px #1b2026;
                padding: 15px 20px;
                list-style-type: none;
                border-bottom: 1px solid #333;
                border-top: 1px solid #504e5f;
                box-shadow: 0px 1px 1px #50545e;
                -webkit-box-shadow: 0px 1px 1px #50545e;
                cursor: pointer;
                line-height: normal;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                clear: both
            }

                .rightNavBg ul li:hover, .rightNavBg ul li.arrow:hover {
                    color: #ff9600 !important;
                    background-color: #171c25 !important
                }

                .rightNavBg ul li.activeDeal {
                    color: #ff9600;
                    background-color: #171c25
                }

                .rightNavBg ul li span.orange {
                    color: #ff9600
                }

                .rightNavBg ul li.arrow .ic-triangles-r:before {
                    position: absolute;
                    right: 15px;
                    font-weight: 700;
                    font-size: 22px;
                }

                .rightNavBg ul li .modIcon {
                    width: 24px;
                    height: 26px;
                    background-position: 0px -1376px;
                    float: left;
                    margin-right: 10px
                }

                .rightNavBg ul li .contactIcon {
                    width: 24px;
                    height: 28px;
                    background-position: -25px -1376px;
                    float: left;
                    margin-right: 10px
                }

                .rightNavBg ul li .feedbackIcon {
                    width: 24px;
                    height: 24px;
                    background-position: -50px -1376px;
                    float: left;
                    margin-right: 10px;
                    margin-top: 3px
                }

    .rightNavBg1 {
        width: 335px;
        height: 1660px;
        position: absolute;
        right: 0px;
        top: 0px;
        box-shadow: 3px 0px 10px #171717;
        -webkit-box-shadow: 3px 0px 10px #171717;
        background-color: #171c25;
        z-index: 2
    }

        .rightNavBg1 ul {
            margin: 0px;
            padding: 0px
        }

            .rightNavBg1 ul li {
                margin: 0px;
                padding: 0px;
                font-size: 18px;
                font-weight: bold;
                color: #666;
                text-shadow: 0px -1px #1b2026;
                padding: 15px 45px;
                list-style-type: none;
                cursor: pointer;
                clear: both
            }

                .rightNavBg1 ul li:hover {
                    color: #fff
                }

                .rightNavBg1 ul li.bdrBottom {
                    border-bottom: 1px solid #000;
                    box-shadow: 0px 1px 1px #30343c;
                    -webkit-box-shadow: 0px 1px 1px #30343c;
                    padding: 0px;
                    margin: 10px 0px 10px 20px;
                    cursor: auto
                }

    .headerBgHide {
        /* margin-left: -313px */
    }

    .mainBgHide {
        margin-left: -313px
    }

    .rightNavBgShow {
        right: 0px
    }

    .rightNavBg1Show {
        right: 0px
    }

    .dealsTabActive1 {
        background-color: #171c25;
        color: #ff9600 !important
    }

    .headerBgHide1 {
        /* margin-left: -648px */
    }

    .mainBgHide1 {
        margin-left: -648px
    }

    .dealsTabActive1 {
        background-color: #171c25;
        color: #ff9600
    }

    .rightNavBgShow1 {
        right: 335px
    }

    .rightNavBg ul li.heading {
        padding: 15px 20px;
        color: #fff;
        font-weight: bold;
        cursor: default;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .rightNavBg ul li.heading:hover {
            background-color: transparent !important;
            color: #fff !important
        }

    .rightNavBg1 ul li.heading {
        padding: 15px 20px 15px 45px;
        color: #fff;
        font-weight: bold;
        cursor: default;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .rightNavBg ul li.heading span, .rightNavBg1 ul li.heading span {
            cursor: pointer;
            border: 1px solid #ffba30;
            color: #ffba30;
            float: right;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
            font-size: 16px;
            font-weight: bold;
            padding: 0 5px;
            text-align: center
        }
    /*tablet right nav css end*/
    .icon-left-circled:before {
        content: ''
    }

    .bgTxtSlider, .bgTxtSlider1 {
        background-color: #fff;
        height: 228px;
        opacity: .6;
        width: 290px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 10
    }

    .bgTxtSlider1 {
        width: 350px
    }

    .logocoa {
        width: 150px;
        height: 34px;
        margin-top: 7px;
    }

    .more-sec {
        margin: 0 4%
    }

    .header {
        margin-top: 0px
    }

    .msg-icon {
        height: 31px \9 !important;
        line-height: 35px\9 !important;
    }
}

@media (max-width:767px) {
    .full-width {
        overflow: hidden
    }

    .more-click {
        position: relative;
        float: right
    }

    .lblMessageSignUp {
        width: 310px;
    }

    .item-preview {
        float: none !important
    }

    .creditDetails {
        margin-bottom: 20px !important
    }
}

@media (max-width:480px) {

    .crdit-refund-title-section {
        height: 320px !important;
    }

    .search-section {
        width: 397px !important;
        height: 200px !important;
    }

        .search-section #TransactionId, .search-section #Email, .search-section #buyGC {
            width: 100% !important;
            margin-left: -1px !important;
        }

        .search-section .input-group, .search-section #buyGC {
            margin-top: 6px !important;
        }
    .nav-tabs > li {
        width: 23% !important
    }

    .app img {
        right: 0 !important
    }

    .socialMedia-holder {
        padding: 0 10px 30px 10px !important
    }

    .app {
        padding-bottom: 60px
    }

    .facebook-icon {
        width: 36px;
        height: 36px;
        background-position: 0 -1800px
    }

    .gplus-icon {
        width: 36px;
        height: 36px;
        background-position: -49px -1800px
    }

    .twitter-icon {
        width: 36px;
        height: 36px;
        background-position: -97px -1800px
    }

    .socialMedia-holder .connect {
        position: relative
    }

        .socialMedia-holder .connect:after {
            display: table;
            content: "";
            clear: both
        }

    .socialMedia-holder h2 span {
        padding: 0;
        bottom: 0;
    }

    .msg-icon {
        width: 220px !important
    }

    #theme-default-form .input-prepend .add-on {
        padding: 7px 10px 1px;
        width: 40px
    }

    #gcMsg {
        width: 239px !important
    }

    #gcTo, #gcFrom {
        padding: 4px 10px !important;
        width: 180px !important;
    }

    #theme-default-form .input-prepend .add-on-full {
        width: auto
    }

    #mobilePreview {
        overflow: hidden
    }

        #mobilePreview .primaryBtn {
            margin: 0 !important;
            display: block;
            width: 100% !important
        }

        #mobilePreview .secondaryBtn {
            margin: 0 0 15px !important;
            display: block;
            width: 100% !important
        }

        #mobilePreview, #mobilePreview .primaryBtn input {
            width: 100% !important
        }

            #mobilePreview a {
                width: 100% !important;
                display: block !important
            }

    .whyBookContainer h2 {
        font-size: 16px
    }

    .tab-content-card {
        width: auto
    }

    .forPaymentDiv {
        width: 300px !important
    }

    fieldset .input-prepend .add-on {
        background-image: none;
        padding: 7px 8px 0 !important;
        width: 107px !important;
        font-size: 12px
    }

    fieldset .input-prepend input {
        width: 145px !important
    }

    #expiryYear {
        display: block;
        margin: 0;
        float: none;
        overflow: hidden;
        width: 297px
    }

    div.styled select {
        margin-top: 5px !important
    }

    .select_wrap.country .styled {
        width: 163px !important
    }

    fieldset .input-prepend .add-on.ccFirstName {
        width: 120px !important
    }

    #ccFirstName {
        width: 132px !important
    }

    fieldset {
        margin: 10px 0 !important
    }

        fieldset .input-prepend .add-on.ccCCV {
            width: 145px !important
        }

    #ccCCV {
        width: 107px !important;
    }

    h2.csHead span {
        display: block
    }

    .sidebar {
        margin: 20px 10px 0 !important;
        padding: 15px 10px !important;
    }

        .sidebar ul {
            margin: 10px 0 0 !important
        }

    .btnBack .csContent {
        padding-top: 0 !important
    }

    #buyGC {
        width: 52% !important;
        padding: 4px !important;
        margin-left: 2px !important;
        margin-top: 10px !important;
    }

    #TransactionId {
        width: 52% !important;
        padding: 4px !important;
        margin-left: 2px !important;
    }

    #div-gpt-ad-1592336293210-0{
        display: none !important;
    }

    .gift-card-Deail-section {
        padding: 56px 10px !important;
        font-size: 9px !important;
    }
     .tble-booking{
        width: 50% !important
    }
     .tble-booking .boking-td{
         width:100% !important;
    }
    .lblMessageSignUp {
        width: 260px;
    }

    #theme-default {
        display: none
    }

    .crdit-refund-title-section .credit-title, .crdit-refund-title-section .credit-title-info {
        font-size: 13px !important;
    }
}



@media (max-width:375px) {
    #buyGC {
        width: 44% !important;
        padding: 4px !important;
        margin-left: 2px !important;
    }

    #TransactionId {
        width: 44% !important;
        padding: 4px !important;
        margin-left: 2px !important;
    }

    .gift-card-Deail-section {
        padding: 56px 10px !important;
        font-size:7px !important
    }

     .tble-booking {
        width: 50% !important
    }

    .tble-booking .boking-td{
         width:100% !important;
    }

    .crdit-refund-title-section .credit-title, .crdit-refund-title-section .credit-title-info {
        font-size: 10px !important;
    }

    .crdit-refund-title-section {
        height: 320px !important;
    }

    .search-section {
        margin: -80px auto 0px !important;
        width: 347px !important;
    }
}



#easyaccess {
    cursor: pointer
}

.footerArrow {
    background: url("//c.fareportal.com/gcms/portals/2/responsive/images/sprite-common.png?gcms-srv") 0px -255px no-repeat;
    width: 22px;
    height: 19px;
    *margin: 0px 0px 0px 10px !important;
    margin-left: 10px;
    display: inline-block;
    *position: relative;
    *top: -5px
}

.footerArrowUp {
    background-position: 0px -279px;
}

.btmtab {
    width: 940px !important;
    margin: 10px 0 50px;
    position: relative;
    min-height: 176px;
    display: none
}

ul.tabNavigation {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 270px
}

.tabNavigation {
    float: left
}

ul.tabNavigation li {
    list-style-type: none;
    margin: 0;
    padding: 4px 0;
    position: relative
}

    ul.tabNavigation li h2, ul.tabNavigation li h3 {
        font-size: 16px;
        font-weight: 400;
        color: #fff
    }

    ul.tabNavigation li a:hover, ul.tabNavigation li a.selected {
        background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat right -1722px;
        color: #00f1ff
    }

    ul.tabNavigation li a {
        color: #fff;
        display: block;
        padding: 1px 9px;
        position: relative;
        text-decoration: none;
        width: 240px;
        outline: none;
    }

.content_tabb {
    float: left;
    font-size: 12px;
    margin: 0;
    padding-left: 10px;
    text-align: left;
    width: 650px
}

    .content_tabb .tabHD {
        border: medium none;
        color: #fff;
        font-size: 12px;
        margin: 0;
        font-weight: 700
    }

    .content_tabb ul {
        float: left;
        line-height: 17px;
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 24%
    }

        .content_tabb ul li {
            float: left;
            font-size: 12px;
            list-style-type: none;
            margin: 1px 0;
            padding: 0;
            width: 100%
        }

            .content_tabb ul li a {
                color: #fff;
                text-decoration: none;
                white-space: nowrap;
                outline: none;
            }

                .content_tabb ul li a:hover {
                    text-decoration: underline
                }

        .content_tabb ul.book {
            width: 105px !important
        }

        .content_tabb ul.about-coa {
            width: 160px !important
        }

        .content_tabb ul.stay-connected {
            width: 120px !important
        }

        .content_tabb ul.legal {
            width: 110px !important
        }

        .content_tabb ul.traveler-tools {
            width: 155px !important
        }

        .content_tabb ul h3 {
            font-size: 12px;
            font-weight: 700
        }

.needhelp-holder {
    margin-top: 30px
}

    .needhelp-holder .span2, .needhelp-holder .span6 {
        height: 25px;
        min-height: 0
    }

.bestPriceLinks {
    text-decoration: none;
    float: left;
    width: 100%
}

    .bestPriceLinks:hover {
        background-color: #e6e6e6;
        text-decoration: none
    }

.flights199 {
    *height: 85px
}

.ie8 .flights199 {
    height: 85px
}

.tnc-msg {
    display: none;
    position: absolute;
    z-index: 100;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    text-align: left;
    font-size: 10px;
    font-weight: normal;
    border: 1px solid rgb(204, 204, 204);
    color: #777;
    padding: 8px;
    width: 354px;
    right: 0px;
    top: 35px
}

    .tnc-msg a {
        color: #FF0000 !important;
        text-decoration: underline;
        font-size: 10px;
        float: right;
        cursor: pointer
    }

.pkgtabs {
    background: #026AA7
}

.ie .msg_box {
    margin-top: 30px;
    *margin-top: auto
}

.header {
    border-bottom: 1px solid #bfbfbf;
}

.ot-top-nav .dropdown-menu {
    margin-top: 5px;
    background: #142535;
    color: #fff;
    border-radius: inherit
}

    .ot-top-nav .dropdown-menu li {
        border-bottom: 1px solid #273848;
    }

        .ot-top-nav .dropdown-menu li:last-child {
            border-bottom: none
        }

.dropdown-menu.signInMenu li > a {
    color: #999 !important
}
.navbar .pull-right > li > .dropdown-menu.signInMenu:before, .navbar .nav > li > .dropdown-menu.signInMenu.pull-right:before {
    display: initial;
}

.navbar .pull-right > li > .dropdown-menu.signInMenu:after, .navbar .nav > li > .dropdown-menu.signInMenu.pull-right:after {
    display: initial;
}

.navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before {
    display: none
}

.navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after {
    display: none
}

/*SIgninMenu Css Starts*/
.signInMenu {
    background: #fff !important;
    width: 530px;
    border: none;
    border-radius: 4px !important;
    left: -296px !important;
    margin-top:13px !important;
}
.signInMenu .ic-cancel:before {
    position: absolute;
    right: -9px;
    background: #000;
    color: #fff;
    font-size: 14px;
    border-radius: 50%;
    padding: 3px;
    top: -8px;
    cursor:pointer;
}
.signInMenu__text {
    background: #1d5051;
    float: left;
    width: 40%;
    padding: 25px 15px 12px 20px;
    color: #fff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.signInMenu__text strong {
    color: #ffbd00;
}
.signInMenu__text header {
    font-size: 16px;
    border-bottom: 1px dashed #2a6b92;
    margin-bottom: 17px;
    padding-bottom: 15px;
    line-height: 19px;
}
.signInMenu__benefits {
    display: block;
    padding: 0;
    width: 100%;
    font-size: 12px;
    line-height: 1.6em;
    min-height: 1px;
    
}
.benefit__item {
    position: relative;
    padding:0 20px 10px;
    border-bottom: none !important;
    list-style: none;
}

.benefit__item .icon {
    display: inline-block;
}
.benefit__item .ic-check-thin:before {    
    position: absolute;
    left: 0;
    top: 5px;
    color:#ffbd00;
}
.benefit__item .ic-check-only:before {
    color: #ffbd00;
    position: absolute;
    left: 0;
    top: 2px;
}
.signInMenu__text .small {
    color: #96aeaf;
    font-size: 11px;
    line-height: 15px;
}

.signInMenu__form {
    float: right;
    width: 45%;
    background: #fff;
    margin-top: 0;
    padding: 0 0 15px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #999;
    padding: 10px 20px;
}
.signInMenu__form fieldset{
    padding:0;
    margin:10px 0 0;
}

.h4 {
    font-size: 13px;
    text-align: left;
    line-height: 15px;
    color: #999;
    border-bottom: 0;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;    
}
.signInMenu__form .input-prepend {
    margin-top: 10px;
    height: 40px;
    border: inherit;
}
.user__sns--links {
    margin-bottom: 10px;
    width: 100%;
    padding: 0;
    margin-top: 10px;
    list-style: none;
}
.user__sns--links li {
    width: 47%;
    list-style: none;
    float: left;
    border-bottom: none !important;
    margin-right: 10px;
}
.user__sns--links li:last-child {
    margin-right: 0;
}

.user__sns--links li a {
    font-size: 13px !important;
    line-height: 38px !important;
    padding: 0 !important;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #666;
    text-align: center;
    position: static;
    cursor: pointer;
}

.cta-3rd, .cta-3rd:focus {
    text-decoration: none;
    display: block;
    background: #eee;
    background: -moz-linear-gradient(-45deg,#fcfcfc 0,#eee 100%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#fcfcfc),color-stop(100%,#eee));
    background: -webkit-linear-gradient(-45deg,#fcfcfc 0,#eee 100%);
    background: -o-linear-gradient(-45deg,#fcfcfc 0,#eee 100%);
    background: -ms-linear-gradient(-45deg,#fcfcfc 0,#eee 100%);
    background: linear-gradient(169deg,#fcfcfc 22%,#eee 100%) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#eeeeee',GradientType=1);
    line-height: 1.2em;
    color: #016dab;
    border: 1px solid #e7e7e7;
    border-bottom-color: #b7b7b7;
    text-shadow: 0 0 0 #fff;
}
.cta-3rd:hover {
    color: #016dab;
    border: 1px solid #ddd;
    border-bottom-color: #aaa;
    background: #fcfcfc;
    background: -moz-linear-gradient(-45deg,#eee 0,#fcfcfc 100%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#eee),color-stop(100%,#fcfcfc));
    background: -webkit-linear-gradient(-45deg,#eee 0,#fcfcfc 100%);
    background: -o-linear-gradient(-45deg,#eee 0,#fcfcfc 100%);
    background: -ms-linear-gradient(-45deg,#eee 0,#fcfcfc 100%);
    background: linear-gradient(169deg,#eee 22%,#fcfcfc 100%) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#fcfcfc',GradientType=1);
}
.user__sns--links .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: -7px;
    margin-right: 5px;
    font-size: 1.2em;
    color: #3b5998;
}
.ic-googleplus:before {
    content: "";
    background: url(//c.fareportal.com/n/Portals/air/google-logo.png);
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 100%;
}
.user__sns--links li + li .icon {
    color: #dd4b39;
}
.req:after {
    color: #f00;
    content: "*";
    height: 5px;
    position: relative;
    right: -1px;
    width: 5px;
    display:none;
}
.signInMenu__form .cta-2nd {
    display: inline-block;
    margin-top: 15px;
    padding: 12px 10px;
    vertical-align: middle;
    background-color: #ff862d;
    border-radius: 0;
    border: 1px solid #ff862d !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 20px;
    width:100%;
    float:left;
}
.user__benefit {
    position: relative;
    margin-top: 30px;
}
    .user__benefit:before {
        content: '';
        display: block;
        position: absolute;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzNjkuNyAxNjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM2OS43IDE2ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzA0QjRCNzt9DQoJLnN0MXtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMwNEI0Qjc7fQ0KCS5zdDJ7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojMUM1MDUzO30NCjwvc3R5bGU+DQo8aW1hZ2Ugc3R5bGU9ImRpc3BsYXk6bm9uZTtvdmVyZmxvdzp2aXNpYmxlOyIgd2lkdGg9IjExOSIgaGVpZ2h0PSI1NSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQWdFQUdBQVlBQUQvN0FBUlJIVmphM2tBQVFBRUFBQUFIZ0FBLys0QUlVRmtiMkpsQUdUQUFBQUFBUU1BDQpFQU1DQXdZQUFBSzVBQUFFWndBQUNnUC8yd0NFQUJBTEN3c01DeEFNREJBWER3MFBGeHNVRUJBVUd4OFhGeGNYRng4ZUZ4b2FHaG9YDQpIaDRqSlNjbEl4NHZMek16THk5QVFFQkFRRUJBUUVCQVFFQkFRRUFCRVE4UEVSTVJGUklTRlJRUkZCRVVHaFFXRmhRYUpob2FIQm9hDQpKakFqSGg0ZUhpTXdLeTRuSnljdUt6VTFNREExTlVCQVAwQkFRRUJBUUVCQVFFQkFRUC9DQUJFSUFEZ0FlUU1CSWdBQ0VRRURFUUgvDQp4QUM0QUFBQ0F3RUJBQUFBQUFBQUFBQUFBQUFFQlFBREJnSUJBUUVCQVFFQkFRQUFBQUFBQUFBQUFBQUFBUUlEQkFVUUFBRUVBZ0lCDQpBd1FDQXdBQUFBQUFBQU1CQWdRRkVRWUFFaUZCRXhRUUloVVdNU016SkRVUkFBSUJBd0lEQkFrREFnY0FBQUFBQUFFQ0F3QVJCQ0VTDQpNVUVGVVhFeUV4QmhrYkVpUXBJekZJRmljcUVqd2RGU1UzTWtkQklBQWdJQkFRWUVCUVVBQUFBQUFBQUFBUUlBRVNFU01VRlJZYUVEDQpnWkVpRXhBd2NjRlMwVEppSTJQLzJnQU1Bd0VBQWhFREVRQUFBRzlQTHYwL0d0dXpYdWUyc29RQlRXbkI0Tm1ycmxwT2V4RmlVb1lWDQpBajJOY2k2ejk1dWx0SEd1T21yelhlZTcwWlBMejJYdU05ejMyVldRdE5NVmk3RTJnV1Q3WFpaa0xrTnF1NW1nd3l3cmt3NWE1bWxUDQpSWTBNcG9nSEtMQzExNTViU3ZzN0JkcEJ3TkllWHlJQVpJY1Z5SGNrUFRKRkFKa1N0ZElmLzlvQUNBRUNBQUVGQUZYcTVSdHlna3l1DQpXOFZxZGxZbkVaenA0YVJVYjJkanV1Vnl2UE9mT2ZQUFRucXZQVDZlbnA0K25qbmpuam5qbmpIakgvL2FBQWdCQXdBQkJRQnJWTUpzDQp3M1YwOWVnMVlaV0VmN2JKRGxWMGxjcklYdVdLeHhWRU5YL0hIMVoxYnpEZW1HcTFldlBIWlA0ejlyZjRUdzVFeHpQTTRkaGUzM1pUDQpPRXpoYzhYdHo3c3AyejkzYi8vYUFBZ0JBUUFCQlFDenM1TXVVZVBaVnF3TFVSb1RyV3ZhMFJSbVlXeWdoZWFJU1Urdmp5NWJHVG9jDQpjQkpzVVk0ODZKSlVSeEc0cGhOS2V3aHgzekRmNkh6SlhLdHpSV2V4T1lrQWJYZmlBVnpDMXRYS0lDRUZZcXMxa3orOUYvaHBvZ0NODQptR2dpSVV3M1dBRy9FdDJQVjhxdWxRV1JnUFQ0L0wyc2NJZ1dTcHhiR3ZVTlRFalNHMGxQWG1jTVRMT3VmVExNVWRNSWdoVTRpRENkDQpUUTdNNUpVdVhiaEs0VUtKMHI0c2lSV3NJU1JLcnZ4ODNrclpiejVwdGdteFVadGQrUnp0bDJScUp0bDg1djdaZkszOXN2dWpkcnYzDQpwKzMzZkUyWFpWUmR1dldxbXpiSTVxN2RlSW90bzJFN2liWGZpZCszM2ZLUjdoMjFKWXpMSXVyS3JMWTkxYWxiUUw3Z1lrZGk2blAvDQpBS2RjMWxvZzFwaHVFVzZ0SjhJZCtxR2lXVmxPZzFkMmc1bGZCZEpGckZoYW5zUjhvMyszYnVuRW02NXFibFphMk50T3NWMW9pTXQyDQpZQmFiTW50R2x3eGdYWm82QXQ1ZGtPSVhaa2twYlgzL0FDcHFlMXJFQ2ZOclMzWVlraUZ3ZG1sZFpWZG44QktpeFpXekN6YUp6SWNoDQpZc285dzh0MVlXYlo5cmFUbldNK3hzVW5DczdKSi9MT3pTeGIrYnJpeExPekxZbWcyNEJ3Yk8wSEtCei8yZ0FJQVFJQ0JqOEFWQUJSDQpoSkpIcXFHeWFIQ01PRlZpVms4WjRYTjUyYkpYOHZ0S09UdWxZL2RxaHNBM3VoMkM0VGpNR0JpRzgzbVZRcTcrUFg0Q0Q1Zi8yZ0FJDQpBUU1DQmo4QTczZmQyRG9mU0wyUlZWVlkrMXJKYmxPMlZWUXpxU2RSd0tuYWVtWDNOZW9hanRFRGs5dEFSUzNmWGpBRHBJRDZDeTJODQpvc1lQbEFBVVhVV0laOW1sVFhXRHVmNU1LdjAzckMzOUpxVWxVWTI2L3BOWTFEK3YycUF4VVFLN3EzYnVtSEF4TXV4N1lPVHZ1S29MDQpBOXMycHFPQ3pFOXpOMXNJMlZFMEZrWkYwZzFlT2NEYW4xQkNsME41dTRNL2xqakJrakpubXZuQ2Z4QUVZWFVid2w4Uk52anlncm5VDQozVnpxWTQ5WWI0NStzTjhyaDYzRHgzem45cC8vMmdBSUFRRUJCajhBT1Bqc1JFRzJLcTZiamUxelNTc3hUZHdaV3ZyMkdoUGtNRUtuDQpZNTVYb01aMXNkQngvd0FxRWtUQmtQQWl2TGttVlg3TlQ3aFhuUTVra2NiQVdXTS9EVXJObXpMNWNyUml6Y1FvR3Y4QVdsRXVUdjIvDQpDWGE1WWtkdWxMSzhnVkhGMUp2cU82aUlKUTVIRWFqMzAzbE1HMm16VzVHbGhMQVNNTHF2TWdWc21sQ01lV3A5MVN6UXQ4aEtzdGZlDQpmMm1vak5wWmlHdjIySTk5QUh4Rnh0SHRxWnZsTXEyNzdWTm1GaUdqT2k4dEt6TnA4S2dyNmlkS2tPUUhhVStBcndCOWRUWTV2c3NIDQpVSGtiMlB2ckovOEFSSjdscWVXUkE3R1JsRjliQ280bWg4NlpSL2JqVVhJRllqUndOanlick1DTFhYOUtraTRSNVM3MC9rdkdzek80DQpyanFZNHU4QzdWdXlJM2xubEpNamxDMTllUjdxNmpGRUdHTUFIaERBaTI3eEFYOUJ6SUFURzV2SUI4cmR2NjBrSUxTTndGemNBZHRMDQpqWTZsMlZnVFlYSlBNMWtSTkd3a2E5bEkxTlpVTThiUmlSTEFzTGEwOFN3YnR4NGxOdzA1aXBEbHhDTnIvQTFncElQSzFaQWtVcVduDQpkZ0NMWEJDNjFLSkZLa3lzUUNMYVUrVVltbGhsVURjb3VWSUZxeFpCanVrS1BmY3cxNys2a3lJRkxUUU1HVURpUWRDS0VNZytLUUV5DQpYNDduNDBjU2VCNUZRbnlwRUZ3d0p2YXB5OEJpWmdRaUhWaU82dnNQOUpySXg0U0pFamtkUW16ZDhLc1YxcFRoNC80bTRYbFoxM2JtDQo5VitBcmJHNFp1d0pjMFdhNEE0a3gwV1Z3Vlh4RUpvS0xoeHNHaGJacFhtYnhzdmJkczB2MlV6SzRZTDRpRXZidnI3cS9TSzNDNUIxDQpCOHVyR1JRUnlLQ3Q2NnFkUVJIcFZqSW9QWnRGYllXOHh1eFV2UlNSd2pEaXJKWTE5MWZwRmRhZERabGl5R1Vqa1E5eFUrRm51Y2pHDQphRjJiZUFkaFVhTURhbktteFdHYmFlNFU4VW1TN1J0Y01wdFlpdW80dis3ak1WSDdsMUZUeEVmM1pOMlF2OFlpb3Jwc0hBelNUVE1QDQo0bll2OUtXR1d3YnEwc2tRSi8wUnh0cjlkUEd3c1VZcVIzR3VuSml6dEVweFVZaGJXSnVlMnVuNXNpaGNxZU1tVWdXMzJPakVWMGo4DQpTWm90MFRGZ0xXTmlMWHZXSDFaVUNTeTdvc2phTEF1dW9Qc3FXYnBwSzVLNUgvYVpQdUNMYnA2N1gveHFCY2hWTXNBS21iNTNCT203DQp1OUhXbnNHMnhaRGJXRjFObnZZanNySWx4WTRzV2FLUUxrcmpvSXc4VGNPR3ZPbWRkR1dDVWp2QzBxNWNnY1JrN2JLcTIra0NvbFBDDQpVTkdSMjcxSzFpZEpid2ZpdEV3L2RMdWEzdHRXSGg4UHhzWkF3N0hjbG1ycGNSem9NWnNDTldlS1JpRzh4eUhrMEFQR3BtV3hTYTBxDQprY0R2RnpiOWE2VkROalFUUXZCR1hlV01QSW9KSStGandxVlozTHFMR0U4QUl6NGJBYVYwZi9oZjNyV0RFK2pTenZLby9hQnRvWldLDQp4VDVUcGRINTdXSEExamRaeEl4QitTelI1RUsrRlpWNXIzK2pxaE1mbWZrZWZEeHR0M1B4cklSNC9OaXlZekc2WHRyeWJud281RFJtDQpWQ2pJVXZ0MGNXNDB3ajZjNlNFSGEzbk1iSHR0VVdTQmN4T0hBN2plaDFVSnRJZFhFZCtTMjB2K2xIcUVrZGtaa0ppdjhxQlJhL3J0DQpVMll5N2ZOSUlXOTdBQUtCN0JXS3BqMnlZMFFpWjczM2djRFdOWlBML0hoV0xqZSswazNySExSN1pZSXhHNzN2dnR3TllzR1hnbWRzDQpSZHFONWhVRy9hb0ZMSTZpT09OZGtVU2FLaWprS1BUcy9IL0p4ZDNtUjJiYThiYzlwcUREeFlmeDhQSHVVanZ1WXMzRm1ibjZQLy9aIiB0cmFuc2Zvcm09Im1hdHJpeCgzLjA1NDUgMCAwIDMuMDU0NSAzLjY2NjcgMCkiPg0KPC9pbWFnZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05NC41LDY4LjRWNDEuMWMwLTMuMS0wLjUtNS4yLTEuNS02LjNjLTEtMS4xLTIuMy0xLjYtNC4xLTEuNmMtMS44LDAtMy4yLDAuNS00LjIsMS42cy0xLjUsMy4xLTEuNSw2LjF2MjcuNQ0KCQlINjYuOVYyMC4zaDE2LjRsMC4xLDMuMmMxLjUtMS4yLDMuMi0yLjIsNS0zYzEuOC0wLjgsNC4yLTEuMiw3LjEtMS4yYzUuMywwLDkuMiwxLjcsMTEuOCw1LjFjMi41LDMuNCwzLjgsOC4zLDMuOCwxNC42djI5LjRIOTQuNXoNCgkJIi8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2MC43LDQ1LjljMCwwLjcsMCwxLjMsMCwxLjhzMCwxLTAuMSwxLjRoLTI4LjNjMC4zLDIuNywxLjIsNC42LDIuNiw1LjljMS40LDEuMiwzLjMsMS44LDUuNSwxLjgNCgkJYzIuMSwwLDQuMi0wLjMsNi4xLTAuOGMxLjktMC41LDQtMS40LDYuNC0yLjZsNi4zLDEwLjVjLTMsMS44LTYuMSwzLjEtOS4yLDQuMWMtMy4yLDAuOS02LjYsMS40LTEwLjQsMS40Yy0zLjYsMC02LjgtMC42LTkuNi0xLjgNCgkJYy0yLjgtMS4yLTUuMi0yLjktNy4xLTUuMWMtMS45LTIuMi0zLjMtNC44LTQuMy03LjljLTEtMy4xLTEuNS02LjUtMS41LTEwLjFjMC00LjIsMC42LTcuOCwxLjctMTAuOWMxLjEtMy4xLDIuNi01LjcsNC42LTcuOA0KCQljMi0yLjEsNC4zLTMuNyw3LTQuOGMyLjctMS4xLDUuNi0xLjYsOC44LTEuNmM2LjYsMCwxMS44LDIuMiwxNS43LDYuNkMxNTguOCwzMC4zLDE2MC43LDM2LjksMTYwLjcsNDUuOXogTTE0Ni4yLDM4LjgNCgkJYy0wLjQtMi40LTEuMS00LjMtMi4yLTUuNWMtMS0xLjItMi43LTEuOC01LjItMS44Yy0zLjcsMC01LjksMi40LTYuNCw3LjNIMTQ2LjJ6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5OC43LDEwLjdoLTE4Ljl2NTcuN2gtNy4yVjEwLjdoLTE4LjlWNC4yaDQ0LjlWMTAuN3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjIyLjUsMjAuNWwtMS43LDdjLTIuMS0xLjItNC42LTEuOC03LjItMS44Yy0zLjQsMC01LjksMS4zLTcuOCwzLjljLTEuOCwyLjYtMi43LDYuMS0yLjcsMTAuN3YyOC4zaC03VjIwLjMNCgkJaDd2NmMxLjItMiwyLjgtMy43LDUtNWMyLjEtMS4zLDQuNS0yLDctMkMyMTguMiwxOS4zLDIyMC43LDE5LjcsMjIyLjUsMjAuNXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjYyLjYsNjguNGgtN3YtNS45Yy00LjIsNC42LTkuMiw2LjktMTUsNi45Yy00LjMsMC03LjgtMS4xLTEwLjUtMy4zYy0zLjItMi43LTQuOC02LjctNC44LTEyLjENCgkJYzAtNS4xLDEuOS05LDUuNy0xMS43YzMuMy0yLjQsNy41LTMuNywxMi43LTMuN2M0LjYsMCw4LjYsMC45LDEyLDIuOHYtNS43YzAtNy4xLTMuNS0xMC42LTEwLjQtMTAuNmMtNC41LDAtOC45LDEuMi0xMy4xLDMuNw0KCQlsLTIuNi01LjZjNC43LTIuNiwxMC4xLTMuOSwxNi4xLTMuOWMxMS4zLDAsMTYuOSw1LjIsMTYuOSwxNS42VjY4LjR6IE0yNTUuNiw1Ni42di05LjdjLTMuMy0xLjgtNy40LTIuOC0xMi4zLTIuOA0KCQljLTcuNSwwLTExLjIsMy4yLTExLjIsOS40YzAsNi44LDMuMywxMC4zLDkuOCwxMC4zQzI0Ny41LDYzLjksMjUyLjEsNjEuNCwyNTUuNiw1Ni42eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMDguNSwyMC4zbC0xNy4yLDQ4LjJoLTYuMUwyNjgsMjAuM2g3LjNsMTMsNDAuMmwwLjctMi4zbDEyLjMtMzcuOUgzMDguNXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzUxLjEsNDIuOWMwLDEuNC0wLjEsMi43LTAuMywzLjhoLTMyLjFjMC4zLDUuMiwxLjYsOS4zLDQsMTIuM2MyLjQsMyw1LjUsNC41LDkuNCw0LjUNCgkJYzQuMywwLDguNy0xLjUsMTMuMy00LjZsMy4yLDVjLTMuMiwyLTUuOSwzLjQtOC4xLDQuMWMtMi43LDEtNS44LDEuNS05LjIsMS41Yy01LjIsMC05LjYtMS45LTEzLjEtNS42Yy00LjQtNC41LTYuNS0xMS4xLTYuNS0xOS43DQoJCWMwLTcuNSwxLjktMTMuNSw1LjYtMTguMWMzLjctNC41LDguNS02LjgsMTQuMy02LjhjNi4xLDAsMTAuOSwyLjIsMTQuNCw2LjdDMzQ5LjQsMzAuMiwzNTEuMSwzNS44LDM1MS4xLDQyLjl6IE0zNDQuNyw0MS4xDQoJCWMtMC42LTEwLjYtNS0xNS45LTEzLTE1LjljLTcuOCwwLTEyLjEsNS4zLTEyLjksMTUuOUgzNDQuN3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzY1LjcsNjguNGgtN1Y1LjVsNy0zLjhWNjguNHoiLz4NCgk8Zz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzIuOCw1MS4yYy0zLjYsMC02LjQtMS41LTguNC00LjVjLTItMy0zLTcuMy0zLTEzYzAtMTEuNSwzLjctMTcuMiwxMS4xLTE3LjJjMy42LDAsNi40LDEuNSw4LjMsNC41DQoJCQkJYzIsMywzLDcuMywzLDEyLjlDNDMuOSw0NS40LDQwLjIsNTEuMiwzMi44LDUxLjJ6IE01NC4xLDkuNUM0OC44LDMuOCw0MS43LDEsMzIuOCwxYy04LjksMC0xNiwyLjgtMjEuNCw4LjUNCgkJCQljLTUuNSw1LjktOC4zLDE0LTguMywyNC40YzAsMTAuNCwzLjIsMTguMSw4LjIsMjQuM2M0LjgsNiwyMS4zLDIyLjEsMjEuMywyMi4xUzQ4LjksNjUuMSw1NC4xLDU4YzQuNy02LjQsOC4yLTEzLjksOC4yLTI0LjINCgkJCQlDNjIuMywyMy40LDU5LjUsMTUuMyw1NC4xLDkuNXoiLz4NCgkJPC9nPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTI4My41LDEwMC4zaC02djUwaDUuOWM5LjksMCwxNC44LTguNCwxNC44LTI1LjJDMjk4LjIsMTA4LjYsMjkzLjMsMTAwLjMsMjgzLjUsMTAwLjN6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xODYuOSwxMDIuM2MtMC41LDMuMy0xLjcsOC45LTMuNiwxNi44bC0zLjcsMTUuMmgxNC42bC0zLjctMTUuM0MxODguNywxMTEuNywxODcuNSwxMDYuMiwxODYuOSwxMDIuM3oiLz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNDAuOCw3OC44bC04LDcuNmwtNy42LTcuNkg1LjV2ODkuN2gzNjAuMVY3OC44SDQwLjh6IE01MC43LDE1NS45aC03LjJsLTkuOS0yNy44Yy0wLjYsMC4xLTMuNiwwLjItOS4xLDAuMg0KCQkJCXYyNy42SDE4Vjk0LjdoMTUuOWM1LDAsOSwxLjMsMTIsNGMzLjMsMi45LDQuOSw3LDQuOSwxMi4zYzAsNy44LTMuNCwxMi45LTEwLjIsMTUuNkw1MC43LDE1NS45eiBNOTYuNiwxNTUuOUg2Ny4yVjk0LjdoMjguMnY1LjYNCgkJCQlINzMuOHYyMGgxMy42djUuOEg3My44djI0LjJoMjIuOFYxNTUuOXogTTE1MS4yLDE1NS45SDE0NWwtNi0zMC4yYy0xLjUtNy43LTIuNi0xNC4zLTMuMS0xOS45Yy0wLjYsNS41LTEuNiwxMi4yLTMuMSwxOS45DQoJCQkJbC02LDMwLjJoLTZsLTEwLjEtNjEuMmg2LjNsNS4zLDM1LjhjMC45LDYuNSwxLjUsMTEuMiwxLjgsMTQuMmMwLjMtMi40LDEtNy4yLDIuNC0xNC4ybDYuNy0zNS44aDUuNmw2LjgsMzUuOA0KCQkJCWMxLjEsNiwxLjksMTAuNywyLjMsMTQuMmMwLjYtNSwxLjItOS43LDEuOC0xNC4ybDUuMy0zNS44aDYuM0wxNTEuMiwxNTUuOXogTTE5OS41LDE1NS45bC0zLjktMTZoLTE3LjNsLTQsMTZoLTYuNWwxNS43LTYxLjJoNw0KCQkJCWwxNS43LDYxLjJIMTk5LjV6IE0yNTQuNSwxNTUuOWgtNy4ybC05LjktMjcuOGMtMC42LDAuMS0zLjYsMC4yLTkuMSwwLjJ2MjcuNmgtNi41Vjk0LjdoMTUuOWM1LDAsOSwxLjMsMTIsNA0KCQkJCWMzLjMsMi45LDQuOSw3LDQuOSwxMi4zYzAsNy44LTMuNCwxMi45LTEwLjIsMTUuNkwyNTQuNSwxNTUuOXogTTI4Mi43LDE1NS45aC0xMS44Vjk0LjdoMTIuOGMxNCwwLDIxLDEwLjEsMjEsMzAuMg0KCQkJCUMzMDQuNywxNDUuNiwyOTcuNCwxNTUuOSwyODIuNywxNTUuOXogTTM0OC4zLDE1Mi43Yy0yLjksMi44LTYuOCw0LjItMTEuNyw0LjJjLTcuOCwwLTEzLjMtNC0xNi4zLTEyLjFsNi4xLTIuNQ0KCQkJCWMyLjYsNiw2LjEsOSwxMC41LDljMi45LDAsNS4xLTAuOCw2LjctMi4zYzEuNi0xLjUsMi41LTMuNiwyLjUtNi4yYzAtNS45LTMuOC0xMS40LTExLjUtMTYuNGMtNC44LTMuMS04LjEtNi0xMC04LjcNCgkJCQljLTEuOS0yLjctMi44LTYtMi44LTEwYzAtNCwxLjMtNy4zLDQtMTBjMi43LTIuNiw2LjItMy45LDEwLjYtMy45YzMuOCwwLDcsMC45LDkuNSwyLjdjMi4xLDEuNiw0LjEsNC4xLDUuOSw3LjVsLTUuNywzDQoJCQkJYy0yLjgtNS4xLTYuMS03LjYtMTAtNy42Yy0yLjUsMC00LjQsMC44LTUuNywyLjNjLTEuNCwxLjUtMiwzLjQtMiw1LjVjMCwyLjYsMC42LDQuOSwxLjksNi43YzEuNSwyLjIsNC4zLDQuNiw4LjQsNy4zDQoJCQkJYzUsMy4yLDguNiw2LjQsMTAuNyw5LjZjMi4xLDMuMiwzLjIsNi45LDMuMiwxMS4yQzM1Mi42LDE0Ni4zLDM1MS4yLDE0OS45LDM0OC4zLDE1Mi43eiIvPg0KCQk8L2c+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0zMy42LDEwMC4zaC05djIyLjRoOC43YzcuNCwwLDExLTMuOCwxMS0xMS4zQzQ0LjIsMTA0LDQwLjcsMTAwLjMsMzMuNiwxMDAuM3oiLz4NCgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTIzNy4zLDEwMC4zaC05djIyLjRoOC43YzcuNCwwLDExLTMuOCwxMS0xMS4zQzI0Ny45LDEwNCwyNDQuNCwxMDAuMywyMzcuMywxMDAuM3oiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat 15px 0;
        height: 30px;
        width: 80px;
        opacity: .4;
        right: 0;
        top: 0;
    }
.user__benefit:before {
    width: 65px;
    right: auto;
    top: 0;
    background-position: 0 !important;
}
.user__benefit a {
    margin-left: 70px;
    float: left !important;
    color: #7b7b7b !important;
    font-size: 11px !important;
    margin-top: 17px;
    text-decoration: underline;
}
.popup-btm-close {
    bottom: 15px;
    margin-right: 10px;
    position: absolute;
    right: 0;
    color: #057576 !important;
    font-size: 11px !important;
    text-decoration: underline;
}
/*SIgninMenu Css Ends*/



/* GIFTCARD CSS */
.cf:before, .cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.clear {
    clear: both;
}

.csContent {
    max-width: 990px;
    padding: 40px 22px 40px 10px;
    margin: 0px auto;
}
.csContent.listing {    
    padding: 92px 22px 40px 10px;    
}

    .csContent:after {
        display: table;
        content: "";
        clear: both
    }

h2.csHead, h1.csHead {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin: 0px;
    padding: 0px;
    line-height: 1.1
}

.bgGray {
    background-color: #f5f6f7;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #e1e2e3;
}

.bgGray1 {
    background-color: #e8e9eb;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #e1e2e3;
}

.csContent p {
    margin: 20px 0;
    font-size: 16px;
    line-height: 24px;
    color: #5b6270;
    width: auto
}

.csHead span {
    font-weight: normal;
}

label {
    position: relative;
}

    label .req {
        font-weight: bold;
        color: #D70000;
    }

    label .limit {
        font-size: 80%;
        position: absolute;
        top: 8px;
        right: 10px;
    }

input.inputwhalf {
    width: 75px;
}

.input-prepend {
    float: left;
    border: 1px solid #d0d1d3;
    width: auto;
    margin: 0 20px 10px 0;
    background: #fff;
}

    .input-prepend.right {
        margin: 0 0 10px;
    }

    .input-prepend.right {
        margin: 0 0 10px;
    }

    .input-prepend .add-on {
        padding: 4px 15px 1px;
        width: 90px;
        margin-bottom: 0px;
    }

        .input-prepend .add-on.gc-amount {
            width: 119px;
            font-size: 13px;
            color: #000;
            font-weight: bold;
            height: 33px;
            padding-top: 2px;
        }

    .input-prepend .add-on-full {
        display: block;
        margin: 0;
        width: auto;
    }

    .input-prepend input {
        width: 199px\9;
    }

    .input-prepend.error, .select_wrap.error {
        border-color: #933;
    }

.msg-error {
    border: 1px solid #933;
    background: #ffe3e3;
    color: #933;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 10px;
    margin-bottom: 12px
}

    .msg-error p {
        padding: 1px 0;
        margin: 0;
        clear: both
    }

        .msg-error p:empty {
            padding: 0
        }

    .msg-error:after {
        display: table;
        content: "";
        clear: both
    }

.theme-customization {
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px solid #d0d1d3;
}

    .theme-customization .input-prepend input {
        width: 286px;
        width: 200px\9
    }

.down {
    top: 30px;
    position: relative
}

.card-preview {
    float: left;
    width: 598px;
    height: 598px;
    background: #fff no-repeat center;
    background-position: center center;
    padding: 0;
    margin-bottom: 20px;
    border: 1px solid #d0d1d3;
}

.card-preview-form {
    float: right;
    width: auto;
    height: auto;
    padding: 0;
}

#theme-default-form {
    color: #016dab;
    margin: 0;
}

.card-preview .input-prepend {
    width: 312px;
    *width: 314px
}

.theme-customization .card-preview .input-prepend input {
    width: auto;
}

.theme-customization .card-preview .input-prepend textarea {
    margin: 0;
    width: 275px;
    height: 80px;
}

.theme-slider {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 10px 10px 10px 10px;
    margin: 20px 0;
    color: #076ba7;
    width: auto;
    overflow: hidden;
    position: relative;
    height: 404px; /*float:left;*/
}

    .theme-slider h6 {
        font-weight: normal;
        padding: 0 10px;
        line-height: 30px;
        font-size: 16px;
        background: #E8E9EB;
    }

    .theme-slider ul {
        list-style: none;
        width: auto;
        margin: 0;
        position: relative;
        float: left;
    }

        .theme-slider ul li {
            float: left;
            display: inline-block;
            background: #fff;
            width: 150px;
            margin: 10px 10px 0 0;
            box-shadow: 0 1px 0 rgba(0,0,0,.25);
            position: relative;
            cursor: pointer;
        }

            .theme-slider ul li:hover {
                opacity: .8;
            }
            /*.theme-slider ul li.selected:before{display:block;content:" ";height:110px;width:140px;border:5px solid #ef4e25;position:absolute;top:0;left:0;z-index:2;}
*/
            .theme-slider ul li.selected {
                height: 110px;
                width: 140px;
                border: 5px solid #ef4e25;
                overflow: hidden
            }

            .theme-slider ul li img {
                width: 150px;
                height: 90px
            }

    .theme-slider .slider-controls {
        position: absolute;
        right: 0;
        top: 123px;
        z-index: 3;
        display: block !important;
    }

        .theme-slider .slider-controls a {
            display: block;
            width: 60px;
            height: 120px;
            background: url(../Images/button-slider.png) no-repeat top left;
            overflow: hidden;
            text-indent: -9999px;
        }

            .theme-slider .slider-controls a.prev {
                background: url(../Images/button-slider.png) no-repeat left -130px;
            }

            .theme-slider .slider-controls a.hide {
                display: none;
            }

.travel-suggestions {
    float: right;
    margin: 0 0 0 20px;
    width: 318px;
}

    .travel-suggestions .control-group {
        margin: 0;
    }

    .travel-suggestions .input-prepend {
        float: none;
        width: auto;
        margin: 0;
    }

        .travel-suggestions .input-prepend .add-on, .travel-suggestions .input-prepend input {
            display: block;
            margin: 0;
        }

    .travel-suggestions .suggestion {
        clear: both;
        background: #fff;
        overflow: hidden;
        border-bottom: 1px solid #d0d1d3;
        padding: 5px 10px;
        margin: 10px 0;
        font-size: 14px;
        color: #5b6270;
    }

        .travel-suggestions .suggestion strong {
            color: #016dab;
        }

        .travel-suggestions .suggestion .remove {
            float: right;
            margin: 5px 0;
            background: url(../images/button-remove.png) no-repeat top left;
            height: 19px;
            width: 19px;
            text-indent: -9999px;
            overflow: hidden;
        }

.loc-icon {
    min-width: 10%;
    z-index: 100;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 11px -1579px;
    padding-left: 34px !important;
}

.calendar-icon {
    width: 90px !important;
    padding: 7px 10px 0 40px !important;
    background: url(//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 9px -1618px;
}

.control-group {
    width: 325px;
}

.validation-summary-errors ul {
    margin: 0;
    padding: 0
}

    .validation-summary-errors ul li {
        list-style: none
    }
/* PAYMENT STYLES */
.wrap {
    width: 940px;
    margin: auto;
    position: relative;
}

.main-content {
    margin: 48px 200px 0 0;
}

    .main-content .row-fluid, .main-content .csContent {
        padding-bottom: 0;
        margin-bottom: 0
    }
    /*.csContent{width:940px\9;}
*/
    .main-content .actions .csContent {
        padding: 10px 20px 0;
        margin: 0 auto 40px;
    }

.sidebar {
    background: #e8e9eb;
    border-left: 1px solid #ccc;
    width: 160px;
    padding: 40px 20px 0;
    height: 100%;
    position: absolute;
    right: 0;
    overflow: hidden;
    border-left: 1px solid #e1e2e3;
}

    .sidebar h5 {
        font-size: 16px;
        color: #000;
    }

    .sidebar img {
        margin: 10px 0;
        width: 100%;
    }

    .sidebar ul {
        list-style: none;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        overflow: hidden;
    }

    .sidebar em {
        display: inline-block;
        min-width: 50%;
        font-style: normal;
        font-weight: normal;
    }

    .sidebar li {
        line-height: 20px;
        padding: 10px;
        border-top: 1px solid #ccc;
    }

        .sidebar li.total {
            background: #f5f6f7;
            color: #000;
        }

            .sidebar li.total em {
                color: #f5f6f7;
                color: #333;
            }

fieldset {
    border-bottom: 0px solid #e1e2e3;
    padding: 20px 0;
    margin: 20px 0;
    min-width: 0;
    max-width: none;
    width: auto
}

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

fieldset h3 {
    font-size: 18px;
    font-weight: bold;
    color: #02b3b9 !important;
    margin: 0 0 20px;
    padding: 0px;
    line-height: 1.1
}

fieldset .input-prepend .add-on {
    width: 119px;
    padding: 4px 10px 0;    
    font-size: 12px;
    background: #F5F5F5;
    font-weight: 400;
    color: #4f616d;
}
fieldset .input-prepend input {
    width: 133px;
    height: 32px;    
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.075) !important;    
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btnBack {
    background: #fff !important;
}

.input-prepend-holder {
    margin-right: 22px !important
}

.cardHint {
    margin-top: 10px !important;
    margin-bottom: 22px !important;
    float: left;
    width: 300px;
    height: auto;
    overflow: hidden;
    clear: right;
}

    .cardHint a {
        text-decoration: underline;
        color: #000 !important;
        float: left;
        line-height: 28px;
    }

.cardHintExp {
    margin: 10px 0 22px 22px !important;
    float: left
}

.secureInfo a {
    text-decoration: underline;
    color: #000 !important;
    margin: 10px 5px 0 0px !important;
    float: left;
}

.termsNcond {
    font-size: 12px;
    width: 100%;
    padding: 10px 1%;
    float: left;
    position: relative;
    top: -18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .termsNcond a {
        font-size: 12px;
        text-decoration: underline;
        color: #000 !important
    }

.addonHolder {
    width: 153px !important;
}

.add-on-holder {
    width: 133px !important;
}



fieldset.sign-in {
    background: #f5f6f7;
    border: 1px solid #d1d1d2;
    padding: 20px;
}

    fieldset.sign-in .input-prepend {
        margin: 0 10px 0 0;
    }

        fieldset.sign-in .input-prepend .add-on {
            width: 65px;
        }

    fieldset.sign-in input {
        width: 158px;
    }

    fieldset.sign-in button {
        font-size: 18px;
        line-height: 22px;
        padding: 10px 0;
        width: 88px;
        text-align: center;
    }

.select_wrap {
    width: 30.9%;
    background: #eee;
    color: #000;
    font-weight: bold !important;
    height: 43px;
    line-height: 43px;
    margin-bottom: 10px;
    display: block;
    position: relative;
    float: left;
    min-height: 22px;
    border: 1px solid #d0d1d3;
}

    .select_wrap.month {
        width: 245px;
    }

    .select_wrap.year {
        width: 78px;
        margin-left: 10px;
    }

    .select_wrap.country {
        width: 337px;
    }

    .select_wrap.month .styled {
        width: 110px;
    }

    .select_wrap.year .styled {
        width: 100%;
    }

    .select_wrap.country .styled {
        width: 210px;
    }

    .select_wrap label {
        width: 133px;
        padding: 11px 10px 0;
        float: left;
        font-weight: bold;
        font-size: 13px;
    }

div.styled select {
    line-height: 21px;
    outline: none;
    margin-top: 6px;
    *margin-top: 10px\9
}
/*.moz .styled select{padding-top:8px}
*/
.opera .styled {
    padding-top: 4px
}

    .opera .styled select {
        margin-top: 0
    }

.opera .year .styled select {
    margin-left: 5px
}

.styled:after, .styled::after {
    background: none\9 !important
}

@media (max-width:1024px) {
    .sidebar {
        border: 1px solid #ccc;
        height: auto;
        width: auto;
        margin: 20px 20px 0;
        padding: 20px;
        position: static;
    }

        .sidebar img {
            width: auto;
        }

        .sidebar ul {
            margin: 30px 0 0;
        }

    .main-content {
        margin: auto;
    }

    .item-preview {
        float: left;
        width: auto;
        margin: 0 20px 0 0;
    }

    .wrap {
        width: auto;
    }
}

@media (max-width:767px) {
    .input-prepend, fieldset.sign-in .input-prepend {
        float: none;
        margin: 0 0 10px;
    }

    .exp-date .month {
        float: left;
    }

    fieldset.sign-in button {
        float: right;
    }
}
/* button styles */
.travel-suggestions a {
    line-height: 38px;
    height: 40px;
    width: 160px;
    text-align: center
}

    .travel-suggestions a.secondary, .secondaryBtn {
        text-shadow: 0 1px 0 rgba(0,0,0,.2);
        color: #2f7f90 !important;
        background: -moz-linear-gradient(-45deg, #fff 0, #f2f2f2 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
        background: -webkit-linear-gradient(-45deg, #fff 0, #f2f2f2 100%);
        background: -o-linear-gradient(-45deg, #fff 0, #f2f2f2 100%);
        background: -ms-linear-gradient(-45deg, #fff 0, #f2f2f2 100%);
        background: linear-gradient(169deg, #fff 22%, #f2f2f2 100%) repeat scroll 0 0 transparent;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1);
        border: 1px solid #c4c4c4;
        padding: 10px 15px;
        font-size: 12px;
        line-height: 1em;
        text-decoration: none;
        font-weight: 700;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 15px;
        border-radius: 4px;
    }

.secondaryBtn {
    margin-top: 0;
    height: 20px;
    *height: 24px;
    *line-height: 24px;
    text-decoration: none;
    width: 200px;
    text-align: center;
    margin-left: 10px;
}

    .secondaryBtn a {
        text-decoration: none;
        color: #2f7f90 !important
    }

    .travel-suggestions a.secondary:hover, .secondaryBtn:hover {
        background: #f2f2f2;
        background: -moz-linear-gradient(-45deg, #f2f2f2 0, #fff 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f2f2f2), color-stop(100%, #fff));
        background: -webkit-linear-gradient(-45deg, #f2f2f2 0, #fff 100%);
        background: -o-linear-gradient(-45deg, #f2f2f2 0, #fff 100%);
        background: -ms-linear-gradient(-45deg, #f2f2f2 0, #fff 100%);
        background: linear-gradient(169deg, #f2f2f2 22%, #fff 100%) repeat scroll 0 0 transparent;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=1)
    }

button.secondary {
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    color: #2f7f90 !important;
    background: -moz-linear-gradient(-45deg, #fff 0, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(-45deg, #fff 0, #f2f2f2 100%);
    background: -o-linear-gradient(-45deg, #fff 0, #f2f2f2 100%);
    background: -ms-linear-gradient(-45deg, #fff 0, #f2f2f2 100%);
    background: linear-gradient(169deg, #fff 22%, #f2f2f2 100%) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1);
    border: 1px solid #c4c4c4;
    padding: 10px 15px;
    font-size: 12px;
    line-height: 1em;
    text-decoration: none;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 15px;
    box-shadow: -3px -3px 1px -2px rgba(0, 0, 0, 0.5) inset;
    border-radius: 4px;
}

    button.secondary:hover {
        background: #f2f2f2;
        background: -moz-linear-gradient(-45deg, #f2f2f2 0, #fff 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f2f2f2), color-stop(100%, #fff));
        background: -webkit-linear-gradient(-45deg, #f2f2f2 0, #fff 100%);
        background: -o-linear-gradient(-45deg, #f2f2f2 0, #fff 100%);
        background: -ms-linear-gradient(-45deg, #f2f2f2 0, #fff 100%);
        background: linear-gradient(169deg, #f2f2f2 22%, #fff 100%) repeat scroll 0 0 transparent;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=1)
    }

button.primary, .primaryBtn {
    text-shadow: 0 -1px #3B1D0C;
    filter: dropshadow(color=#3B1D0C, offx=0, offy=-1);
    background: #ff833c;
    background: -moz-linear-gradient(-45deg, #ff833c 0, #f30 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff833c), color-stop(100%, #f30));
    background: -webkit-linear-gradient(-45deg, #ff833c 0, #f30 100%);
    background: -o-linear-gradient(-45deg, #ff833c 0, #f30 100%);
    background: -ms-linear-gradient(-45deg, #ff833c 0, #f30 100%);
    background: linear-gradient(169deg, #ff833c 22%, #f30 100%) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff833c', endColorstr='#ff3300', GradientType=1);
    border: 1px solid #f30;
    color: #fff;
    -moz-box-shadow: inset .5px 1px 0 #ffa022, 0 1px 0 #930;
    -webkit-box-shadow: inset 0.5px 1px 0 #ffa022, 0 1px 0 #930;
    box-shadow: inset 0.5px 1px 0 #ffa022, 0 1px 0 #930;
}


button.primary:hover, .primaryBtn:hover {
    color: #fff;
    background: #f30;
    background: -moz-linear-gradient(-45deg, #f30 0, #ff833c 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f30), color-stop(100%, #ff833c));
    background: -webkit-linear-gradient(-45deg, #f30 0, #ff833c 100%);
    background: -o-linear-gradient(-45deg, #f30 0, #ff833c 100%);
    background: -ms-linear-gradient(-45deg, #f30 0, #ff833c 100%);
    background: linear-gradient(169deg, #f30 22%, #ff833c 100%) repeat scroll 0 0 transparent;
}

.primary:hover, .primaryBtn:hover {
    color: #fff;
    background: #f30;
    background: -moz-linear-gradient(-45deg, #f30 0, #ff833c 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f30), color-stop(100%, #ff833c));
    background: -webkit-linear-gradient(-45deg, #f30 0, #ff833c 100%);
    background: -o-linear-gradient(-45deg, #f30 0, #ff833c 100%);
    background: -ms-linear-gradient(-45deg, #f30 0, #ff833c 100%);
    background: linear-gradient(169deg, #f30 22%, #ff833c 100%) repeat scroll 0 0 transparent;
}

.primary, .primaryBtn {
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    color: #fff !important;
    background: -moz-linear-gradient(-45deg, #f5ba69 0, #d95500 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f5ba69), color-stop(100%, #d95500));
    background: -webkit-linear-gradient(-45deg, #f5ba69 0, #d95500 100%);
    background: -o-linear-gradient(-45deg, #f5ba69 0, #d95500 100%);
    background: -ms-linear-gradient(-45deg, #f5ba69 0, #d95500 100%);
    background: linear-gradient(169deg, #f5ba69 22%, #d95500 100%) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ba69', endColorstr='#ff3300', GradientType=1);
    border: 1px solid #b1320a;
    border-top: none;
    border-left: none;
    border-right: none;
    -moz-box-shadow: inset .5px 1px 0 #ffa022;
    -webkit-box-shadow: inset .5px 1px 0 #ffa022;
    box-shadow: inset .5px 1px 0 #ffa022;
    padding: 10px 35px;
    font-size: 14px;
    line-height: 1.6em;
    text-decoration: none;
    font-weight: 700;
    margin-top: 15px;
    cursor: pointer;
    border-radius: 1px;
    font-family: Arial, Helvetica, sans-serif;
}

.actions button, .buttons a {
    padding: 15px 25px;
    float: right;
    font-size: 18px;
    text-decoration: none;
    position: relative;
    right: 0px;
}

.actions .tnc {
    margin: 10px 0 0 0;
    clear: both;
    float: right
}

.actions.btnBack button {
    right: 2px
}

form {
    margin: 0
}
/* end button styles */
/* slider input */
.range-wrap {
    position: relative;
}

.range-slider {
    margin: 4px 0 20px 124px;
    height: 20px;
    background: #fff;
    border-bottom: 1px solid #d0d1d3;
    position: relative;
    cursor: pointer;
    width: 672px;
    float: left;
    clear: right;
}

.range-progress {
    background: #4f616d;
    border-bottom: 1px solid #d8d8d8;
    height: 20px;
}

.range-handle {
    height: 32px;
    width: 15px;
    top: -6px;
    position: absolute;
    z-index: 99;
    display: block;
    cursor: move;
}

input[type="text"].range {
    position: absolute;
    top: 0px;
    left: 105px;
    margin: 0 0 0 15px;
    padding: 4px 15px 5px;
    width: 75px;
    border: 1px solid #d0d1d3;
    border-left: 0;
}

.slider-notch {
    position: absolute;
    top: 32px;
    z-index: 9;
}

    .slider-notch:before {
        display: block;
        content: " ";
        width: 5px;
        height: 20px;
        background: rgba(0,0,0,.15);
        background: #d9d9d9\9;
        position: absolute;
        top: -28px;
        left: 50%;
    }

    .slider-notch.n0:before {
        left: 0%;
    }

    .slider-notch.n250:before {
        left: auto;
        right: 5px;
    }

    .slider-notch.n0 {
        left: 265px;
    }

    .slider-notch.n25 {
        left: 317px;
    }

    .slider-notch.n26 {
        left: 295px;
    }

    .slider-notch.n27 {
        left: 314px;
    }

    .slider-notch.n50 {
        left: 366px;
    }

    .slider-notch.n75 {
        left: 380px;
    }

    .slider-notch.n100 {
        left: 515px;
    }

    .slider-notch.n150 {
        left: 655px;
    }

    .slider-notch.n200 {
        left: 780px;
    }

    .slider-notch.n250 {
        left: 905px;
    }

.mkt {
    position: absolute;
    top: 5px;
    z-index: 9;
    color: #03bfd7;
    font-weight: bold;
    font-size: 85%;
}

    .mkt.m1 {
        left: 425px;
        top: 5px;
        *top: 6px
    }

    .mkt.m2 {
        left: 705px;
        top: 5px;
        *top: 6px
    }
/* end slider input */
@media (max-width:1024px) {
    .good-news .good-news-content {
        margin-left: 33px !important;
    }

    .gift-card-Deail-section {
        padding: 50px 0 20px 0 !important;
    }

    .range-slider, .slider-notch, .mkt {
        display: none;
    }

    .travel-suggestions, .card-preview {
        float: none;
    }

    .travel-suggestions {
        margin: 20px 0;
        width: auto;
    }

    .card-preview {
        width: auto;
        margin-bottom: 20px;
    }

        .card-preview .input-prepend {
            float: none;
        }

    .theme-slider ul {
        width: auto;
    }

        .theme-slider ul li {
            margin-bottom: 10px;
        }

    .bgGray p {
    }
}
/* END GIFTCARD CSS */
/* ---- Confirmation page inner table CSS Start------ */
.tableDiv {
    margin-top: 30px;
    padding-bottom: 20px !important;
}

.info {
    background: #f5f6f8;
    margin: auto 20px auto 10px;
    float: left
}

.info_heading {
    margin: 0 auto;
    background: #142535;
    padding: 20px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.info_details {
    float: left;
    margin: 0 auto;
    background: #f5f6f8;
    padding: 0 20px;
    border-bottom: 1px solid #dcdddf;
}

.id_info, .name_info, .send_info {
    float: left;
    font-weight: bold;
    font-size: 16px;
}

.id_info {
    width: 132px;
    padding: 10px 10px 10px 1px;
    color: #fff;
}

.name_info {
    width: 185px;
    padding: 10px 10px 10px 1px;
    color: #dbd5e3;
    word-wrap: break-word;
    -ms-word-break: break-word;
}

.send_info {
    width: 212px;
    padding: 10px 18px 10px 1px;
    color: #dbd5e3;
    word-wrap: break-word;
    -ms-word-break: break-word;
}

.information {
    float: left;
    border-bottom: 1px solid #dcdddf;
    padding-top: 10px;
    width: 100%;
}

.mail_info, .validity_info, .amount_info {
    color: #7d818d;
    float: left;
    text-align: left;
}

.mail_info {
    padding: 10px;
    width: 131px;
    color: #5b6270;
}

.validity_info {
    width: 182px;
    padding: 10px 10px 10px 0;
    color: #5b6270;
}

.amount_info {
    width: 198px;
    ;
    padding: 10px 10px 10px 4px;
    color: #5b6270;
}

@media (max-width:1024px) {
    .info {
        width: 620px;
    }

    .info_details {
        width: 620px;
    }

    .info_heading {
        width: 620px;
    }
}

@media (max-width:767px) {
    .info {
        width: 300px;
        margin: auto 0px;
    }

    .info_details {
        width: 300px;
    }

    .info_heading {
        width: 300px;
    }
}
@media (max-width:768px) {
    .gift-card-Deail-section {
        padding: 50px 0 20px 0 !important;
    }
}
    /* END Confirmation page CSS */
    /*-----creditDetails------*/
    .creditDetails {
        float: left;
        width: 300px;
        margin-bottom: 40px;
    }

    .visa {
        float: left;
        background: url("../Images/cardtype.jpg") 0 4px no-repeat;
        width: 30px;
        height: 22px;
    }

    .master {
        float: left;
        background: url("../Images/cardtype.jpg") 0 -19px no-repeat;
        width: 30px;
        height: 22px;
    }

    .dbc {
        float: left;
        background: url("../Images/cardtype.jpg") 0 -49px no-repeat;
        width: 30px;
        height: 22px;
    }

    .americanE {
        float: left;
        background: url("../Images/cardtype.jpg") 0 -78px no-repeat;
        width: 30px;
        height: 22px;
    }

    .dClub {
        float: left;
        background: url("../Images/cardtype.jpg") 0 -106px no-repeat;
        width: 30px;
        height: 22px;
    }

    .card6 {
        float: left;
        background: url("../Images/cardtype.jpg") 0 -132px no-repeat;
        width: 30px;
        height: 22px;
    }

    .jcb {
        float: left;
        background: url("../Images/cardtype.jpg") 0 -158px no-repeat;
        width: 30px;
        height: 22px;
    }

    .PLCC {
        float: left;
        background: url("../Images/cardtype.jpg") 0 -226px no-repeat;
        width: 32px;
        height: 22px;
    }

    .visaC {
        float: left;
        background: url("../Images/color-cardtype.jpg") 0 4px no-repeat;
        width: 30px;
        height: 22px;
    }

    .masterC {
        float: left;
        background: url("../Images/color-cardtype.jpg") 0 -19px no-repeat;
        width: 30px;
        height: 22px;
    }

    .dbcC {
        float: left;
        background: url("../Images/color-cardtype.jpg") 0 -49px no-repeat;
        width: 30px;
        height: 22px;
    }

    .americanEC {
        float: left;
        background: url("../Images/color-cardtype.jpg") 0 -78px no-repeat;
        width: 30px;
        height: 22px;
    }

    .dClubC {
        float: left;
        background: url("../Images/color-cardtype.jpg") 0 -106px no-repeat;
        width: 30px;
        height: 22px;
    }

    .card6C {
        float: left;
        background: url("../Images/color-cardtype.jpg") 0 -132px no-repeat;
        width: 30px;
        height: 22px;
    }

    .jcbC {
        float: left;
        background: url("../Images/color-cardtype.jpg") 0 -158px no-repeat;
        width: 30px;
        height: 22px;
    }

    .PLCCE {
        float: left;
        background: url("../Images/color-cardtype.jpg") 0 -226px no-repeat;
        width: 32px;
        height: 22px;
    }
    /*---------- LogedIn Page CSS starts --------*/
    h3.logedHead {
        font-size: 18px;
        font-weight: bold;
        color: #136FB8 !important;
        margin: 0 0 20px;
        padding: 0px;
        line-height: 1.1
    }
    /*-------logedin ends here--------*/
    /*---------Managed page CSS Starts--------*/
    .ie8 .row-fluid.headercontent:after, .ie8 .row-fluid.mainheadersection:after {
        clear: none
    }

    .mainheadersection {
        max-width: 1600px;
        height: 421px;
        margin: 0 auto
    }

    .ie8 .mainheadersection {
        margin-top: -1px
    }

    @media (max-width:1024px) {
        .mainheadersection {
            height: auto;
            background-color: #f7f7f7;
            background-image: linear-gradient(to bottom, #f7f7f7, #e9e9e9);
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
            background-repeat: repeat-x;
            margin-bottom: 0 !important;
        }
    }

    .headerlayout { /*z-index:999;*/
        margin: 0 auto;
        position: relative
    }
    /*.headerlayout{max-width:100% !important;max-width:940px;}
*/
    .headercontent {
        margin-top: 0px;
        width: 100%;
    }

    .tabbable {
        min-height: 0px;
    }

    .tabbable {
        z-index: 999;
        min-height: 292px;
        float: left;
        width: 300px;
        height: 292px;
        top: 88px;
        left: 160px;
    }

    .tab-content {
        clear: both;
        padding: 20px;
        float: left;
        position: absolute;
        width: 305px;
        top: 65px;
        left: -15px;
        background-color: #f7f7f7;
        *background-color: #f7f7f7;
        background-image: -moz-linear-gradient(top, #f7f7f7, #e9e9e9);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#e9e9e9));
        background-image: -webkit-linear-gradient(top, #f7f7f7, #e9e9e9);
        background-image: -o-linear-gradient(top, #f7f7f7, #e9e9e9);
        background-image: linear-gradient(to bottom, #f7f7f7, #e9e9e9);
        background-repeat: repeat-x;
    }

        .tab-content h2 {
            padding-bottom: 15px;
            color: #000;
        }

        .tab-content p {
            font-size: 16px;
            padding-bottom: 0px;
            font-weight: normal;
            color: #4e626d;
        }

    .form-horizontal .control-group {
        *zoom: 0
    }

    .input-append {
        height: 40px;
        padding-bottom: 10px;
    }

    .gcId {
        height: 38px !important;
        line-height: 32px;
        float: left;
        width: 184px;
    }

    #idNo {
        float: left;
        width: 70px
    }

    #widget {
        margin: 0 auto;
        float: left
    }

    .item1, .giftcardbg {
        background: url("../images/giftCardbanner-beach-new.jpg") top center no-repeat;
        height: 423px !important;
        float: left;
        width: 100%
    }

    .item2 {
        background: url("../images/herobanner-july-getaway.jpg") top center no-repeat;
        height: 500px;
        float: left;
        width: 100%
    }

    .item3 {
        background: url("../images/herobanner-san-francisco.jpg") top center no-repeat;
        height: 500px;
        float: left;
        width: 100%
    }
    /*.carousel{float:left;line-height:1;max-width:1600px;position:absolute;width:100%;}
.carousel-inner{position:relative;width:100%;float:left}
.carousel-inner > .active{left:0;float:left;}
*/
    .detailDiv {
        position: relative;
    }

    .findCardDiv {
        max-width: 940px;
        margin: 0px auto;
        overflow: hidden;
        float: right
    }

    .actions_btn button {
        padding: 10px 25px;
        float: right;
        font-size: 18px;
        margin: 5px 0 0 20px;
    }
    /*.actions{float:left}
*/
    @media (max-width:1024px) {
        .blue-bg {
            padding-bottom: 10px
        }

        .socialMedia-holder {
            overflow: auto
        }

        .carousel-inner > .item {
            height: 388px;
        }

        .tabbable {
            top: 60px;
            left: 100px
        }

        .row-fluid:before, .row-fluid:after {
            content: "";
            display: table;
            line-height: 0;
        }

        .row-fluid:before, .row-fluid:after {
            content: "";
            display: table;
            line-height: 0;
        }

        .row-fluid:before, .row-fluid:after {
            content: "";
            display: table;
            line-height: 0;
        }

        .row-fluid:after {
            clear: both;
        }

        .row-fluid:before, .row-fluid:after {
            content: "";
            display: table;
            line-height: 0;
        }

        .row-fluid:after {
            clear: both;
        }

        .row-fluid:before, .row-fluid:after {
            content: "";
            display: table;
            line-height: 0;
        }

        .row-fluid:after {
            clear: both;
        }

        .row-fluid:before, .row-fluid:after {
            content: "";
            display: table;
            line-height: 0;
        }
    }

    @media (max-width:767px) {
        .tabbable {
            top: 60px;
            z-index: 999;
            min-height: 100%;
            float: left;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

        .blue-bg {
            padding-bottom: 0 !important
        }

            .blue-bg .signUp-form .input-append {
                height: auto;
                margin: 0 0 5px;
                padding: 0
            }
    }
    /*---------------------Manage card with Table ---------------------*/
    .detailshow {
        width: auto;
        float: left
    }

    .detailList {
        margin: 0;
        padding: 0
    }

    .tableDivManage {
        left: 351px;
        position: absolute;
        top: 65px;
        width: 52%;
        z-index: 1;
        float: left;
        width: 620px
    }

    .tableDivManageTab {
        margin: 0 auto;
        width: 622px;
        border: 1px solid #b6b8ba;
    }

    .info_heading_manage {
        background: none repeat scroll 0 0 #142535;
        float: left;
        margin: 0 auto;
        padding: 10px 20px;
        width: 580px;
    }

    .mail_info_manage {
        padding: 10px;
        width: 135px;
        color: grey;
        float: left
    }

    .validity_info_manage {
        padding: 10px;
        color: grey;
        text-align: left;
        float: left;
        width: 205px;
        padding: 10px 0 10px 0;
        height: 60px;
    }

    .amount_info_manage {
        padding: 10px;
        color: grey;
        float: left;
        width: 205px;
        padding: 10px 0 10px 0;
        text-align: left;
    }

    .download-btn-manage {
        display: inline-block;
        padding: 9px;
        margin-top: 16px;
        margin-left: 10px;
        font-size: 17px;
        font-weight: 700;
        box-shadow: 0 1px 0 rgba(0,0,0,.15);
        background: #eeeeee;
        background: -moz-linear-gradient(-45deg, #fcfcfc 0, #eeeeee 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fcfcfc), color-stop(100%, #eeeeee));
        background: -webkit-linear-gradient(-45deg, #fcfcfc 0, #eeeeee 100%);
        background: -o-linear-gradient(-45deg, #fcfcfc 0, #eeeeee 100%);
        background: -ms-linear-gradient(-45deg, #fcfcfc 0, #eeeeee 100%);
        background: linear-gradient(169deg, #fcfcfc 22%, #eeeeee 100%) repeat scroll 0 0 transparent;
    }

    #cardDetails {
        margin-top: -116px
    }

    .middleDiv {
        background: none repeat scroll 0 0 #F5F6F7;
    }

    .download-btn-manage a {
        text-decoration: none
    }

    .information_manage {
        float: left;
        border-bottom: 1px solid #dcdddf;
        padding: 10px 0;
        width: 580px;
    }

    .csContent_manage {
        margin: 0 auto;
        max-width: 940px;
        position: relative
    }

    .usageDetails {
        width: 600px;
        border: 1px solid #d9dada;
        border-bottom: 1px solid #b6b8ba;
        border-top: none;
        float: right;
        left: 30px;
        position: relative;
        top: -19px;
        padding-left: 18px;
        background: #EFEFEF
    }

        .usageDetails a {
            font-weight: bold;
            text-decoration: underline;
            color: #d95500;
        }

    .lastRow {
        border: none;
        height: 62px;
    }

    .info_detail {
        float: left;
        width: 619px;
    }

    .caret_detail {
        border-left: 5px solid transparent;
        margin-left: 10px;
        border-right: 6px solid transparent;
        border-top: 6px solid #d95500;
        content: "";
        display: inline-block;
        height: 0;
        vertical-align: top;
        width: 0;
        margin-top: 7px;
    }

    .caret_detail_hover {
        border-bottom: 5px solid #d95500;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: "";
        display: inline-block;
        height: 0;
        margin-left: 10px;
        margin-top: 7px;
        vertical-align: top;
        width: 0;
    }

    .download-btn-detail {
        background: linear-gradient(169deg, #01CFDD 22%, #01A2C2 100%) repeat scroll 0 0 transparent;
        box-shadow: 0.5px 0 0 0.5px #53F5FB inset;
        display: inline-block;
        font-size: 17px;
        font-weight: 700;
        margin-top: 16px;
        margin-left: 10px;
        padding: 9px;
        text-shadow: -1px -1px 1px #09817A;
    }

        .download-btn-detail a {
            color: #fff;
            text-decoration: none;
            text-shadow: 0 0 0 1px #09817a
        }

        .download-btn-detail:hover {
            background: #01a2c2;
            background: -moz-linear-gradient(-45deg, #01a2c2 0, #01cfdd 100%);
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #01a2c2), color-stop(100%, #01cfdd));
            background: -webkit-linear-gradient(-45deg, #01a2c2 0, #01cfdd 100%);
            background: -o-linear-gradient(-45deg, #01a2c2 0, #01cfdd 100%);
            background: -ms-linear-gradient(-45deg, #01a2c2 0, #01cfdd 100%);
            background: linear-gradient(169deg, #01a2c2 22%, #01cfdd 100%) repeat scroll 0 0 transparent;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01a2c2', endColorstr='#01cfdd', GradientType=1);
            color: #fff;
            text-decoration: none
        }

    .detailList {
        list-style: none;
        float: right;
        width: 280px;
        color: #8b92a0
    }

        .detailList li {
            list-style: none;
            float: right;
            height: 25px;
            padding-right: 20px;
            color: #8b92a0
        }

            .detailList li a {
                list-style: none;
                float: left;
                height: 25px;
                padding-left: 5px;
                color: #8b92a0;
                font-weight: normal
            }

    .cancel a {
        color: #af6262 !important;
    }

    .info_detail_manage {
        float: left
    }

    .detailTable {
        width: 578px;
        border: 1px solid #e5e5e5;
        background: #fff;
        padding: 20px;
        font-weight: normal;
        font-size: 14px;
        left: 30px;
        position: relative;
        top: -40px;
        float: right;
        color: #5b6270;
        margin: 0
    }

    .detailRow {
        border-bottom: 1px solid #e5e5e5;
        line-height: 38px;
        clear: both
    }

        .detailRow span {
            width: 155px;
            float: left
        }

        .detailRow .serial {
            width: 100px
        }

        .detailRow .descriptionDetail {
            width: 150px
        }

        .detailRow .credit, .detailRow .debit, .detailRow .creditDetail, .detailRow .debitDetail {
            width: 85px;
            text-align: right
        }

    .debit, .amountDetail, .balanceDetail {
        float: right
    }

    .creditDetail {
        color: #339933;
    }

    .debitDetail {
        color: #993333;
        float: right !important;
        width: 85px !important;
    }

    .lastDetail {
        width: 578px;
        border: 1px solid #e5e5e5;
        background: #fff;
        padding: 20px;
        font-weight: normal;
        font-size: 14px;
        left: 30px;
        position: relative;
        top: -41px;
        float: right;
        margin: 0
    }

    .balanceDetail, .amountDetail {
        width: auto !important
    }

    .amountDetail {
        color: #339933;
        text-align: right !important;
    }

    .cancelBack {
        display: block !important;
        position: fixed;
        color: #fff;
        font-size: 16px;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background: url("../images/cancelBack.png")repeat;
        z-index: 9999;
        filter: alpha(opacity=80);
    }

    .cancelDiv {
        position: absolute;
        top: 25%;
        left: 37%;
        width: 380px;
        height: 190px;
        background-color: white;
        z-index: 1002;
        overflow: auto;
    }

    .cancelHeader {
        height: 50px;
        line-height: 50px;
        padding: 0 10px 0 10px;
        background: #016dab;
        width: 360px;
    }

    .innerCancel {
        color: #5b6270;
        padding: 15px;
        padding-bottom: 0px;
    }

    .cancelBtnDiv {
        left: 20px;
        position: absolute;
        width: 340px
    }

    .cancelBtn {
        width: 130px;
        height: 44px;
        margin: 0 10px 0 0 !important;
    }

    @media (max-width:1024px) {
        .download-btn-manage {
            font-size: 12px;
            font-weight: 700;
            margin-top: 6px;
            padding: 10px;
            width: 80px;
        }

        .download-btn-detail {
            font-size: 12px;
            font-weight: 700;
            margin-top: 6px;
            padding: 10px;
            width: 80px;
        }

        .tabbable {
            left: 100px
        }

        .info_heading_manage {
            width: 100%;
            float: none;
            overflow: auto;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .amount_info_manage {
            width: 116px
        }

        .tab-content {
            position: static;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .tab-content .input-append {
                width: 350px
            }

            .tab-content .msg-error {
                width: 301px
            }

        .findCardDiv {
            float: left;
            width: 352px
        }

        .gcId {
            width: 198px
        }

        .tableDivManage {
            position: static;
            clear: both;
            width: 100%;
            border: 1px solid #D9DADA
        }

        .info_detail, .info_details, .information_manage {
            float: none;
            width: 100%;
            clear: both;
            overflow: auto
        }

        .info_detail, .info_details, .information_manage, .id_info, .name_info, .send_info, .validity_info_manage, .amount_info_manage, .amount_info_manage, .tableDivManage, .usageDetails, .detailTable, .lastDetail {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .id_info, .mail_info_manage {
            min-width: 132px;
            width: 33% !important
        }

        .name_info, .validity_info_manage {
            min-width: 185px;
            width: 33% !important
        }

        .send_info, .amount_info_manage {
            min-width: 212px;
            width: 33% !important
        }

        .mail_info_manage, .amount_info_manage, .validity_info_manage {
            padding: 0px;
            font-weight: normal;
            height: auto
        }

        .senderCss strong, .recipient strong {
            float: none;
            width: auto;
            display: block
        }

        .detailRow .debit {
            float: right
        }

        .lastRow {
            height: auto
        }

        #cardDetails, .usageDetails, .detailTable, .lastDetail {
            clear: both;
            margin: 0;
            float: none;
            position: static;
            width: 100%
        }

        .csContent_manage {
            margin: 0;
            max-width: 100%
        }

        .csContent-parent .csContent {
            left: 0;
            margin: 20px !important;
            position: relative;
            top: 0;
            width: auto;
            text-align: center;
        }

            .csContent-parent .csContent button, .csContent-parent .csContent .tnc {
                float: right;
            }
    }

    @media (max-width:767px) {
        .download-btn-detail, .download-btn-manage {
            margin-left: 115px;
            padding: 15px;
        }

        .tabbable {
            z-index: 999;
            min-height: 100%;
            float: left;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

        .theme-slider ul {
            width: 1268px !important;
        }

        .id_info, .name_info, .send_info, .mail_info_manage, .validity_info_manage, .amount_info_manage {
            float: none;
            display: block;
            padding: 5px 0
        }

        .mail_info_manage {
            font-weight: bold
        }

        .serial {
            display: none
        }

        .detailRow span {
            width: 30% !important
        }

        .detailRow .credit, .detailRow .debit, .detailRow .creditDetail, .detailRow .debitDetail {
            width: 20% !important
        }

        .msg-error p {
            font-size: 13px
        }

        #emailInfo, #billaddr {
            max-width: 316px
        }

        #billInfo {
            max-width: 340px
        }

        .csContent-parent .csContent {
            left: 0;
            margin: 20px !important;
            position: relative;
            top: 0;
            width: auto;
            text-align: center;
        }

            .csContent-parent .csContent button, .csContent-parent .csContent .tnc {
                float: none;
            }
    }

    @media (max-width:480px) {
        .download-btn-detail, .download-btn-manage {
            margin-left: 75px;
            padding: 5px;
        }

        .tab-content {
            width: 320px
        }

            .tab-content .input-append {
                width: 280px
            }

                .tab-content .input-append input {
                    width: 171px;
                    padding: 4px 10px
                }

        .findCardDiv {
            left: 0;
            width: 100%
        }

        #findGC {
            margin: 5px 0;
            width: 100%
        }

        .detailTable {
            font-size: 12px
        }

        #continueToPayment {
            float: none;
            width: 100%;
            padding: 15px 0
        }

        .actions .tnc {
            float: none;
            margin: 10px 0 0;
            text-align: center;
            width: 100%
        }

        .tab-content .msg-error {
            width: auto
        }

        .main-content .actions .csContent {
            padding: 0 10px
        }

        .actions.btnBack button {
            right: 0
        }

        #emailInfo, #billaddr, #billInfo {
            max-width: 278px
        }

        .select_wrap.month {
            width: 297px;
        }

        #expiryMonth label {
            width: 110px
        }

        #expiryMonth .styled {
            width: 160px;
        }

        #expiryMonth select, #expiryYear select {
            padding-right: 36px !important
        }

        .forPaymentDiv.country label, .forPaymentDiv.month label {
            width: 102px !important;
        }

        .forPaymentDiv.country .stylednew, .forPaymentDiv.month .stylednew {
            width: 178px !important;
        }
    }
    /*----payment Changes -----*/
    .cardImg {
        margin-bottom: 24px;
    }

    .exp-date {
        float: left
    }

    .secureCard {
        background: url("../images/secureCard.png") no-repeat scroll 0 center transparent;
        width: 83px;
        float: left;
        height: 40px;
    }

    .mcAfee a {
        background: url("../images/secureCard.png") no-repeat scroll -85px center transparent;
        width: 73px;
        float: left;
        height: 40px;
    }

    .trustE a {
        background: url("../images/secureCard.png") no-repeat scroll -164px center transparent;
        width: 73px;
        float: left;
        height: 40px;
    }

    .nortanC a {
        background: url("../images/secureCard.png") no-repeat scroll -244px center transparent;
        width: 73px;
        float: left;
        height: 40px;
    }

    @media (max-width:1024px) {

        .seperate-right:before {
            left: -5px !important;
        }

        .separet-table:after {
           
            left: 13.900rem !important;
        }

        .input-prepend {
            margin: 0 25px 10px 0;
        }

        .cardHint {
            width: 300px
        }

        .cardImg {
            margin-bottom: 27px;
        }
    }

    @media (max-width:767px) {
        .input-prepend, fieldset.sign-in .input-prepend {
            float: left;
        }

        .input-prepend-holder {
            margin: 0 !important;
        }

        .cardHintExp, .cardHint {
            margin: 0 0 10px !important;
            float: none;
            display: block;
            clear: both
        }
    }
    /*---- Refill Amount ----*/
    .cBalance {
        font-size: 16px;
        color: #5b6270;
        height: 40px;
        line-height: 44px;
    }

    .cAmount {
        font-size: 16px;
        font-weight: bold;
        color: #5b6270
    }

    .secureCard {
        background: url("../images/secureCard.png") no-repeat scroll 0 center transparent;
        width: 83px;
        float: left;
        height: 40px;
    }

    .mcAfee a {
        background: url("../images/secureCard.png") no-repeat scroll -85px center transparent;
        width: 73px;
        float: left;
        height: 40px;
    }

    .trustE a {
        background: url("../images/secureCard.png") no-repeat scroll -164px center transparent;
        width: 73px;
        float: left;
        height: 40px;
    }

    .nortanC a {
        background: url("../images/secureCard.png") no-repeat scroll -244px center transparent;
        width: 73px;
        float: left;
        height: 40px;
    }

    .cardImag {
        float: left
    }

    .cc-validation {
        margin: 0
    }

    @media (max-width:767px) {
        .cc-validation {
            float: none
        }
    }
    /* refill slider input */
    .range-wrap {
        position: relative;
    }

    .range-sliderR {
        margin: 4px 0 20px 124px;
        height: 20px;
        background: #fff;
        border-bottom: 1px solid #d0d1d3;
        position: relative;
        cursor: pointer;
        width: 674px;
        float: left;
        clear: right;
        position: relative;
        left: -126px;
    }

    .range-progress {
        background: #4f616d;
        border-bottom: 1px solid #d8d8d8;
        height: 20px;
    }

    .range-handle {
        height: 32px;
        width: 15px;
        top: -6px;
        position: absolute;
        z-index: 99;
        display: block;
        cursor: move;
    }

    input[type="text"].range {
        position: absolute;
        top: 0px;
        left: 105px;
        margin: 0 0 0 15px;
        padding: 4px 15px 5px;
        width: 75px;
        border: 1px solid #d0d1d3;
        border-left: 0;
        color: #999 !important
    }

    .slider-notchs {
        position: absolute;
        top: 32px;
        z-index: 9;
    }

    .n0.slider-notchs:before {
        background: #3f4d56;
    }

    .slider-notchs:before {
        display: block;
        content: " ";
        width: 5px;
        height: 20px;
        background: #e1e1e1;
        position: absolute;
        top: -28px;
        left: 50%;
    }

    .slider-notchs.n0:before {
        left: 0%;
    }

    .slider-notchs.n250:before {
        left: auto;
        right: -2px;
    }

    .slider-notchs.n0 {
        left: 265px;
        opacity: .8
    }

        .slider-notchs.n0 span {
            *margin-left: 0;
        }

    .slider-notchs.n25 {
        left: 330px;
        *left: 345px;
        opacity: .8,
    }

    .slider-notchs.n26 {
        left: 290px;
        opacity: .8
    }

    .slider-notchs.n27 {
        left: 308px;
        opacity: .8
    }

    .slider-notchs.n50 {
        left: 360px;
        opacity: .8
    }

    .slider-notchs.n75 {
        left: 475px;
        *left: 491px;
        opacity: .8
    }

    .slider-notchs.n100 {
        left: 512px;
        opacity: .8
    }

    .slider-notchs.n150 {
        left: 620px;
        *left: 637px;
        opacity: .8
    }

    .slider-notchs.n200 {
        left: 765px;
        *left: 782px;
        opacity: .8
    }

    .slider-notchs.n250 {
        left: 895px;
        *left: 933px;
        opacity: .8
    }

        .slider-notchs.n250 span {
            *margin-left: -35px;
        }

    .mkt {
        position: absolute;
        top: 5px;
        z-index: 9;
        color: #03bfd7;
        font-weight: bold;
        font-size: 85%;
        width: 76px;
    }

        .mkt.m1 {
            left: 384px;
        }

        .mkt.m2 {
            left: 683px;
        }

    .balanceAmount {
        position: absolute;
        left: 275px;
    }

    .slider-notchs {
        *height: 20px;
        *width: 5px; /**background:#e7e7e7;*/
        *top: 6px;
    }

        .slider-notchs span {
            *position: absolute;
            *top: 26px;
            *margin-left: -15px;
        }
    /* end refill slider input */
    /* for IE7 Issues */
    #amount {
        *top: 17px;
    }

    #disp {
        *float: left;
        *width: 680px;
        *top: 11px;
        *margin-bottom: 20px;
    }

    .range-slider {
        *float: left;
        *top: 2px;
        *left: 142px;
        *position: absolute;
    }

    #amount.range {
        *margin-top: -17px !important;
    }
    /*.control-group{*width:226px;*float:left;}
*/
    #theme-default-form .gctxtarea {
        *width: 292px;
    }

    #fare {
        *float: left;
        *left: 0;
    }

    .cardHint {
        *margin-bottom: 28px !important;
    }

    .cardHintExp {
        *min-width: auto
    }

    .termsNcond {
        *width: 680px;
        *padding: 10px
    }

    .exp-date .cf, .exp-date {
        *margin-bottom: 12px;
    }

    #myCarousel {
        *left: 0;
    }

    .preview {
        *width: 490px;
    }
    /*.slider-notchs{*top:42px;}
*/
    .input-prepend input {
        line-height: 36px;
        *height: 33px !important;
        *line-height: 33px !important;
    }

    input[type="text"].range {
        line-height: 36px;
        *line-height: 33px !important
    }
    /*end*/
    .topDeals {
        background: none repeat scroll 0 0 #FFFFFF;
        -webkit-box-shadow: 0 5px 14px -4px #ACACAC;
        -moz-box-shadow: 0 5px 14px -4px #ACACAC;
        box-shadow: 0 5px 14px -4px #ACACAC;
        color: #5B6270;
        font-size: 12px;
        height: 262px;
        position: absolute;
        right: 50%;
        margin-right: -470px;
        text-align: left;
        top: 95px;
        width: 920px;
        z-index: 999999;
        padding: 13px 10px 10px
    }

    .opera .topDeals {
        margin-right: -469px
    }

    .safari .topDeals {
        margin-right: -469px
    }

    .topDeals h3 {
        font-weight: 700;
        font-size: 14px;
        color: #5b6270;
        padding-bottom: 6px;
        border-bottom: #f5f5f5 2px solid;
        text-transform: uppercase;
        margin-bottom: 9px;
        padding-left: 11px
    }

    .topDeals ul {
        width: 205px;
        margin-right: 36px;
        float: left
    }

        .topDeals ul li {
            font-size: 12px;
            list-style: none;
            padding: 0
        }

            .topDeals ul li a {
                text-decoration: none;
                color: #5b6270;
                display: block;
                padding: 6px 11px 6px 11px
            }

                .topDeals ul li a:hover {
                    background: #2c83b6;
                    color: #fff;
                    width: 187px
                }

    .topDeals .moreLinks {
        width: 209px;
        float: left;
        margin-right: 36px
    }

        .topDeals .moreLinks.last-child {
            width: 185px;
            float: left;
            margin-right: 0px
        }

            .topDeals .moreLinks.last-child a:hover {
                width: 164px;
            }

    .dropdown-menu {
        min-width: 175px !important;
    }

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

        .heading h3 {
            float: left;
            margin: 0 0 6px;
            padding: 0px;
            width: 356px
        }

            .heading h3.wdlast {
                width: auto !important
            }

    @media (max-width:1024px) {
        .heading h3 {
            width: 362px !important
        }
    }

    .coa-favIcon {
        background: url("//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png") no-repeat scroll -80px -1370px transparent;
        display: inline-block;
        height: 22px;
        margin-bottom: -3px;
        padding-left: 5px;
        width: 11px;
    }

    @media (max-width:480px) {
        .csContent {
            padding: 20px 10px
        }

        .csContent-parent .csContent {
            left: 0;
            margin: 20px !important;
            position: relative;
            top: 0;
            width: auto;
        }
    }

    .info-holder .quick-access h4, .info-holder .quick-access h2 {
        border-bottom: 1px solid #fff;
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 15px;
        padding-bottom: 19px;
        width: 100%;
    }

    .hideFooterLinks {
        margin-top: 50px;
    }

    .socialMedia-holder h4, .socialMedia-holder h2 {
        border-bottom: 1px solid #fff;
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 24px;
        padding-bottom: 19px;
    }

    h3.blueHead {
        color: #000;
        font-size: 24px;
        font-weight: normal;
        padding-bottom: 20px;
    }

    .dealBox .bottomContent .right {
        width: 62px;
    }

    .coa-icon1 {
        background: url("http://c.fareportal.com/vd/coa/travel/r1/img/sprite1.png") no-repeat scroll right -2066px rgba(0, 0, 0, 0);
        height: 80px;
    }

    .socialMedia-holder h4, .socialMedia-holder h2 span {
        float: right;
    }

    .white-head {
        float: none !important;
    }

    .blue-bg {
        background: #016dab;
        border-top: #7e7e7e 1px solid;
        border-bottom: #7e7e7e 1px solid;
        padding-top: 50px;
        padding-bottom: 46px;
        position: relative
    }

    .apple-icon {
        width: 41px;
        height: 41px;
        background: url(http://c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat 0 -1944px;
        margin-top: -13px;
        *margin-top: -52px;
        float: left;
        margin-right: 5px
    }

    .pstore-icon {
        width: 41px;
        height: 41px;
        background: url(http://c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat -51px -1944px;
        margin-top: -13px;
        *margin-top: -52px;
        float: left;
        margin-right: -1px
    }

    .socialMedia-holder h2 {
        padding-bottom: 24px !important;
    }

    @media (min-width:768px) and (max-width:940px) {
        .coa-icon1 {
            height: 80px;
        }

        .socialMedia-holder h2 {
            font-size: 20px !important;
        }
    }

    @media (max-width:767px) {
        .socialMedia-holder h2 {
            font-size: 20px !important;
        }

        .apple-icon {
            background-position: 0 -1998px
        }

        .pstore-icon {
            background-position: -46px -1998px
        }

        .coa-icon1 {
            background: url(http://c.fareportal.com/vd/coa/travel/r1/img/sprite1.png) no-repeat right -2154px
        }
    }

    @media (max-width:479px) {
        .socialMedia-holder h2 {
            font-size: 20px !important;
        }

        .apple-icon {
            width: 36px;
            height: 36px;
            background-position: 0 -1998px;
            margin-left: -25px;
            margin-top: -76px;
        }

        .pstore-icon {
            width: 36px;
            height: 36px;
            margin-left: 19px;
            margin-top: -76px;
            background-position: -46px -1998px
        }

        .socialMedia-holder h2 span {
            margin-left: 2px;
            position: absolute;
            bottom: 0
        }

        .coa-icon1 {
            background: none
        }

        .app {
            padding-bottom: 25px
        }

        .white-head {
            border: none !important;
        }

        .socialMedia-holder h4 span {
            width: 128px;
            margin-left: -72px;
        }
    }

 

    @media (max-width:480px) {

        .content-section {
            padding-left: 2px !important;
        }

        .mein-section {
            font-size: 10px !important;
            margin: unset !important;
        }

        .seperate-right:before {
            border-left: 0 !important;
           
        }

        .seperate-right {
            border-top: 1px solid #ededed !important;
        }
        .separet-table:after {
            border-right: 0 !important;
        }

        .search-section {
            width: 397px !important;
            height: 222px !important;
        }

        body .socialMedia-holder h2 {
            padding-bottom: 0px !important;
        }

        .socialMedia-holder h2 {
            font-size: 20px !important;
        }

        .coa-icon1 {
            background: none;
            height: auto
        }

        .apple-icon {
            margin-top: -77px;
            float: left;
            margin-right: 33px;
        }

        .pstore-icon {
            margin-top: -77px;
            float: left;
            margin-right: -8px
        }

        .socialMedia-holder h2 span {
            margin-left: -24px;
        }

        .appIcon {
            bottom: -20px !important
        }

        .blue-bg {
            position: relative
        }

        .whyBook-holder {
            border-bottom: 0
        }

            .whyBook-holder h2 {
                border-top: 0;
                border-bottom: 0
            }

        .socialMedia-holder {
            padding: 0px 35px 30px 35px !important
        }
    }


    @media (max-width:375px) {

        .search-section {
            margin: -80px auto 0px !important;
            width: 347px !important;
        }
    }


    @media (max-width:360px) {
        .socialMedia-holder h2 {
            font-size: 20px !important;
        }

            .socialMedia-holder h2 span {
                bottom: 0;
                left: 168px;
                margin-left: 0 !important;
            }

        .socialMedia-holder .connect h2 span {
            left: 118px;
        }
    }

    @media (max-width:320px) {

        .crdit-refund-title-section .credit-title, .crdit-refund-title-section .credit-title-info {
            font-size: 10px !important;
        }

        .crdit-refund-title-section {
            height: 320px !important;
        }


        .search-section {
            margin: -80px auto 0px !important;
            width: 100% !important;
        }

        .socialMedia-holder h2 {
            font-size: 20px !important;
        }

            .socialMedia-holder h2 span {
                bottom: 0;
                left: 168px;
                margin-left: 0 !important;
            }

        .socialMedia-holder .connect h2 span {
            left: 118px;
        }

        .appIcon {
            position: absolute;
            left: 151px;
        }

        .blue-bg {
            position: relative
        }
    }

    .blue-bg {
        position: relative
    }

    .socialMedia-holder h4 span, .socialMedia-holder h4 span {
        float: right;
    }

    ul.tabNavigation li a {
        color: #fff;
        display: block;
        padding: 1px 9px;
        position: relative;
        text-decoration: none;
        width: 240px;
        outline: none;
        font-size: 16px;
        font-weight: normal !important;
    }

    #headerOT .inner-container, #footer .inner-container {
        margin: 0 auto;
        max-width: 960px;
        width: 100%;
    }
    /* OT Header Start */
    .h_bg {
        background: url(../Images/header_sp.png) left top no-repeat
    }

    #headerOT {
        overflow: visible;
        width: 100%;
        position: relative;
    }

        #headerOT .inner-container, #footer .inner-container {
            max-width: 960px;
            width: 100%;
            margin: 0 auto
        }

        #headerOT .h_top {
            background: #142535;
            margin-top: 0;
        }

        #headerOT .contact {
            color: #e25e16;
            padding-left: 10px;
            font-size: 12px;
            font-weight: 700;
            padding-top: 15px;
            text-align: right;
            position: relative;
            padding-right: 15px;
        }

            #headerOT .contact span {
                font-size: 18px;
                color: #e56c29;
                margin-left: 10px;
            }

        #headerOT .top_link {
            color: #696969;
            float: right;
            font: 12px/35px Arial, Helvetica, sans-serif
        }

            #headerOT .top_link a {
                color: #696969;
                text-decoration: none;
                font-family: Arial, Helvetica, sans-serif;
                background: url(../Images/top_sep.gif) center right no-repeat;
                padding: 0 8px
            }

                #headerOT .top_link a:hover {
                    color: #696969;
                    text-decoration: underline
                }

        #headerOT .mobile {
            background-position: -184px -1px;
            width: 11px;
            height: 18px;
            margin: 5px 0 0 7px !important
        }

            #headerOT .mobile a {
                width: 11px;
                height: 18px;
                display: block;
                text-indent: -999px
            }

        #headerOT .android {
            background-position: -202px -1px;
            width: 15px;
            height: 18px;
            margin: 8px 8px 8px 0
        }

            #headerOT .android a {
                width: 15px;
                height: 18px;
                display: block;
                text-indent: -999px
            }

        #headerOT .logo {
            float: left;
            margin: 15px 0 0;
            width: 190px;
            height: 46px;
        }

            #headerOT .logo a img {
                width: 150px
            }

    .never {
        font-weight: 700
    }

    #headerOT .search-area {
        float: right;
        padding: 10px 15px 18px;
        color: #433e37;
        width: 650px;
        width: 650px\9;
        height: 34px;
        font: 15px/20px Arial, Helvetica, sans-serif;
    }

    #lblMessage {
        background-color: #fcf8e3;
        color: #a94442;
        float: right;
        font-size: 12px;
        position: absolute;
        left: 642px;
        line-height: 15px;
    }

    #headerOT .input-box, #outer .input-box {
        border-color: #c5cfd6;
        color: #89929a !important;
        font-weight: 700;
        min-height: 18px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        color: #555;
        font-size: 14px;
        height: 18px;
        line-height: 23px;
        padding: 12px 12px;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        box-shadow: -3px -3px 1px -2px rgba(0, 0, 0, 0.5) inset;
        width: 240px;
        margin-right: 10px;
    }

    #headerOT .signup {
        background-position: 0 0;
        width: 63px;
        height: 27px;
        text-align: center;
        margin-left: 10px
    }

        #headerOT .signup a {
            color: #000;
            text-decoration: none;
            width: 63px;
            line-height: 27px
        }

            #headerOT .signup a:hover {
                color: #000;
                text-decoration: underline
            }

    #headerOT .facebookIcon {
        float: right;
        padding: 4px 0 0;
        *padding: 4px 5px 5px 0;
        margin: 0;
        background: url(../Images/top_sep.gif) no-repeat scroll right 7px transparent;
        width: 95px
    }

    .mac #headerOT .facebookIcon {
        width: 88px
    }

    .fl {
        float: left
    }

    .fr {
        float: right
    }

    .clr {
        clear: both
    }

    .mgtop1 {
        margin-top: 10px
    }

    .mgtop2 {
        margin-top: 20px
    }

    .top-nav {
        float: left;
        margin-top: 21px;
    }

        .top-nav ul {
            position: relative;
            margin: 0;
            padding: 0
        }

        .top-nav li {
            list-style-type: none;
            float: left;
            color: #000;
            position: relative;
        }


            .top-nav li a {
                color: #9ca7ad;
                padding: 0 14px;
                text-decoration: none;
                display: block;
                font-size: 15px !important;
                font-weight: 400;
            }

            .top-nav li.active a {
                color: #fff;
                font-weight: 700;
            }

                .top-nav li.active a:after {
                    width: 0;
                    height: 0;
                    border-left: 4px solid transparent;
                    border-right: 4px solid transparent;
                    border-bottom: 8px solid #fff;
                    content: "";
                    position: absolute;
                    bottom: -22px;
                    left: 0;
                    right: 0;
                    margin-left: auto;
                    margin-right: auto;
                }

            .top-nav li.last {
                background: 0;
                padding-right: 0;
                width: 123px
            }



    .activ-b {
        color: #000 !important;
        font-weight: 700
    }

    .arrowAd {
    }

        .arrowAd:after {
            content: "";
            width: 0px;
            height: 0px;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 7px solid #9ca7ad;
            position: absolute;
            right: 0;
            top: 8px;
        }

        .arrowAd:hover:after {
            content: "";
            width: 0px;
            height: 0px;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 7px solid #fff;
            position: absolute;
            right: 0;
            top: 8px;
        }

    .top-nav .arrow {
    }

        .top-nav .arrow:before {
            content: "";
            width: 0px;
            height: 0px;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            border-right: 5px solid #fff;
            position: absolute;
            left: 15px;
            top: 13px;
        }

    .top-nav li ul {
        position: absolute;
        left: -92px;
        top: 31px;
        text-align: left;
        margin: 0;
        padding: 0;
        display: none;
        margin-top: 2px
    }

    .top-nav li li {
        width: 250px;
        padding: 0;
        background: #142535
    }

        .top-nav li li a, .top-nav li li a:link, .top-nav li li a:active, .top-nav li li a:visited {
            display: block;
            line-height: 30px;
            padding: 3px 0 3px 30px;
            color: #fff !important;
            font-size: 10px;
            font-weight: 400
        }

            .top-nav li li a:hover {
                background: #1b2e40;
                color: #fff !important
            }

    #navCS2009 li ul {
        position: absolute;
        left: -127px;
        left: -125px\9;
        top: 42px;
        width: 251px;
        text-align: left;
        margin: 0;
        padding: 0;
        display: none
    }

        #navCS2009 li ul li {
            border-bottom: 1px solid #273848;
        }

            #navCS2009 li ul li:hover {
                background: #1b2e40;
            }

    .child_list {
        left: -250px !important;
        top: 0 !important
    }

    .flighticon {
        background: url(../Images/nav_arrow.gif) no-repeat scroll center 3px transparent !important;
        height: 17px;
        left: 26px;
        position: absolute;
        top: 20px;
        width: 31px
    }

    a.ovalbutton {
        background-position: -817px 0;
        display: inline-block;
        float: left;
        font-size: 14px;
        color: #000;
        line-height: 16px;
        height: 29px;
        padding-left: 7px;
        text-decoration: none;
        position: relative
    }

    a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton {
        color: #000
    }

    a.ovalbutton span {
        display: block;
        padding: 7px 11px 6px 7px;
        background-position: right 0
    }

    a.ovalbutton:hover {
        background-position: -817px -29px
    }

        a.ovalbutton:hover span {
            background-position: right -29px;
            color: #000
        }

    a.ovalbutton:active {
        background-position: -817px -58px
    }

        a.ovalbutton:active span {
            background-position: right -58px;
            color: #000;
            display: block;
            position: relative
        }

    .buttonwrapper {
        overflow: hidden;
        padding-left: 55px
    }

    a.ovalbutton_b {
        background-position: -817px -103px;
        display: inline-block;
        float: left;
        font-weight: 400;
        font-size: 18px;
        color: #000;
        line-height: 22px;
        height: 35px;
        padding-left: 7px;
        text-decoration: none;
        position: relative
    }

    a:link.ovalbutton_b, a:visited.ovalbutton_b, a:active.ovalbutton_b {
        color: #000
    }

    a.ovalbutton_b span {
        display: block;
        padding: 7px 11px 6px 7px;
        background-position: right -103px
    }

    a.ovalbutton_b:hover {
        background-position: -817px -138px
    }

        a.ovalbutton_b:hover span {
            background-position: right -138px;
            color: #000
        }

    a.ovalbutton_b:active {
        background-position: -817px -174px
    }

        a.ovalbutton_b:active span {
            background-position: right -174px;
            color: #000;
            display: block;
            position: relative
        }

    .buttonwrapper {
        overflow: hidden;
        padding-left: 55px
    }

    .cmn_bg {
        background: url("../Images/body_spr.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    }

    .input-box:focus {
        border-color: #66afe9 !important;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
    }

    .input-box::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .input-box:-ms-input-placeholder {
        color: #999
    }

    .input-box::-webkit-input-placeholder {
        color: #999
    }

    .signupButton {
        background-color: #f7c44c;
        border-color: #ffb83c;
        border-width: 1px !important;
        color: #26343f;
        -moz-user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        /*line-height: 1.5;*/
        margin-bottom: 0;
        padding: 2px 12px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        text-decoration: none !important;
        min-width: 60px;
        /*height: 18px;*/
    }

        .signupButton:hover {
            background: #ebebeb;
            color: #26343f;
            border: 1px solid #adadad;
        }
    /* OT Header End*/
    /* OT Footer Start*/
    .f_bg {
        background: url(../Images/footer_sp-home.png) left top no-repeat;
        margin-top: -24px;
        /* margin-top: -58px; */
    }

    .f_bg1 {
        /* background: url(//c.fareportal.com/vd/ot/travel/r6-ab/images/footer_sp-home-new.png) left top no-repeat; */
        margin-top: -24px;
        /* margin-top: -58px; */
        background-image: url(https://c.fareportal.com/vd/ot/travel/r6-v1/images/footer_sp-home.png);
        
    }

    #footer {
        width: 100%;
        margin: 0 auto;
        font-family: Arial, Helvetica, sans-serif;
        background: url(../Images/bg_img_footer.gif) repeat 0 0;
        position: relative
    }

        #footer .t_shed {
            width: 100%;
            padding: 0px 0 50px 0;
        }

        #footer .footer_top {
            max-width: 960px;
            margin: 0 auto;
        }

        #footer .iatan {
            background-position: -247px 0 !important;
            width: 35px !important;
            height: 31px !important;
            margin-right: 10px
        }

            #footer .iatan a {
                display: block;
                text-indent: -999px;
                width: 61px;
                height: 31px
            }

        #footer .arc {
            background-position: -282px 0 !important;
            width: 67px !important;
            height: 31px !important;
            margin-right: 10px
        }

        #footer .asta {
            background-position: -350px 0 !important;
            width: 44px !important;
            height: 34px !important;
            margin-right: 10px
        }

            #footer .asta a {
                display: block;
                text-indent: -999px;
                width: 44px;
                height: 34px
            }

        #footer .trust {
            background-position: -394px 0;
            width: 102px;
            height: 31px;
            margin-right: 10px
        }

            #footer .trust a {
                display: block;
                text-indent: -999px;
                width: 115px;
                height: 31px
            }

        #footer .veryfi {
            background-position: -412px -32px;
            width: 63px;
            height: 31px;
            margin-right: 10px
        }

            #footer .veryfi a {
                display: block;
                text-indent: -999px;
                width: 64px;
                height: 31px
            }

        #footer .foresite {
            background: url('//c.fareportal.com/n/portals/95/images/air/pci-logo.png') 0px 0px no-repeat;
            width: 90px;
            height: 40px;
            margin-right: 10px;
            margin-bottom: 10px;
        }

            #footer .foresite a {
                display: block;
                text-indent: -999px;
                width: 90px;
                height: 31px
            }

        #footer .bbb {
            background-position: -512px 0;
            width: 79px;
            height: 31px;
            margin-right: 10px
        }

            #footer .bbb a {
                display: block;
                text-indent: -999px;
                width: 79px;
                height: 31px
            }

        #footer .m_card {
            background-position: -486px -32px;
            width: 54px;
            height: 32px;
            margin-right: 10px
        }

            #footer .m_card a {
                display: block;
                text-indent: -999px;
                width: 54px;
                height: 32px
            }

        #footer .visa {
            background-position: -223px -34px !important;
            width: 83px !important;
            height: 29px !important;
            margin-right: 10px
        }

            #footer .visa a {
                display: block;
                text-indent: -999px;
                width: 83px;
                height: 25px
            }

        #footer .discover {
            background-position: -307px -35px !important;
            width: 50px !important;
            height: 29px !important;
            margin-right: 10px
        }

            #footer .discover a {
                display: block;
                text-indent: -999px;
                width: 50px;
                height: 29px
            }

        #footer .am_express {
            background-position: -541px -32px;
            width: 55px;
            height: 31px;
            margin-right: 10px
        }

            #footer .am_express a {
                display: block;
                text-indent: -999px;
                width: 55px;
                height: 31px
            }

        #footer .club {
            background-position: -358px -35px;
            width: 53px;
            height: 29px;
            margin-right: 10px
        }

            #footer .club a {
                display: block;
                text-indent: -999px;
                width: 53px;
                height: 29px;
                margin-right: 10px
            }

        #footer .paypal {
            background: url('//c.fareportal.com/vd/ot/travel/r6-ab/images/footer_sp-home-new.png') 0px 0px no-repeat;
            background-position: -423px 0;
            width: 110px;
            height: 33px
        }

            #footer .paypal a {
                display: block;
                text-indent: -999px;
                width: 107px;
                height: 33px
            }

        #footer .social_link {
            font-size: 11px;
            color: #FFF;
            padding: 0 10px 5px;
            line-height: 25px;
            margin-top: 10px;
            overflow: hidden;
            margin-bottom: 0px;
        }

            #footer .social_link a {
                text-decoration: none;
                color: #FFF;
                font-size: 11px
            }

                #footer .social_link a:hover {
                    text-decoration: none;
                    color: #FFF
                }

        #footer .tw {
            background-position: -199px 0;
            width: 24px;
            height: 23px;
            margin: 0 10px 0 25px
        }

        #footer .fb {
            background-position: -223px 0;
            width: 24px;
            height: 23px;
            margin: 0 10px 0 25px
        }

        #footer .blog {
            background-position: -200px -24px;
            width: 24px;
            height: 23px;
            margin: 0 10px 0 25px
        }

        #footer .gplus {
            background-position: -592px 0;
            width: 24px;
            height: 23px;
            margin: 0 10px 0 25px
        }

        #footer .content {
            font-size: 11px;
            color: #FFF;
            text-align: justify;
            padding: 0px 10px 0px;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 1.42857
        }

            #footer .content p {
                margin-bottom: 1em
            }

        #footer .f_logo {
            background-position: -20px 2px;
            width: 179px;
            height: 57px
        }

        #footer .f_logo1 {
            background-position: -561px -63px;
            width: 87px;
            height: 57px
        }

        #footer .f_logo a {
            display: block;
            text-indent: -999px;
            width: 199px;
            height: 57px
        }

        #footer .f_logo1 a {
            display: block;
            text-indent: -999px;
            width: 90px;
            height: 57px
        }

        #footer .btm {
            width: 100%;
            /* background-color: #00b5b8; */
            position: absolute;
            bottom: 0;
            display: block;
            height: 33px;
            background-color: #ffb200;
        }

            #footer .btm ul {
                padding: 0;
                margin: 0;
                float: right
            }

                #footer .btm ul li {
                    margin: 0;
                    font: 14px/33px Arial, Helvetica, sans-serif;
                    color: #fff;
                    border-left: 1px solid #dd8700;
                    list-style: none;
                    display: block;
                    float: left;
                    cursor: pointer
                }

                    #footer .btm ul li:first-child {
                        border-left: none;
                    }

                    #footer .btm ul li a {
                        text-decoration: none;
                        color: #fff;
                        padding: 9px 10px;
                        *padding: 10px 26px 9px 10px
                    }

                        #footer .btm ul li a.active {
                            text-decoration: none;
                            color: #000;
                            background: #fff;
                        }

                        #footer .btm ul li a.active1 {
                            text-decoration: none;
                            color: #fff;
                            background: inherit;
                        }

                        #footer .btm ul li a.feedback {
                            color: #FFF
                        }

                        #footer .btm ul li a.onlineChat {
                            color: #FFF
                        }

                    #footer .btm ul li.moreLinks {
                        display: none
                    }

    .social-network {
        background: url(../Images/sprite.png) 0 0 no-repeat
    }

        .social-network span {
            width: 33px;
            height: 33px;
            float: left;
            background: url(../Images/sprite.png) 0 0 no-repeat
        }

            .social-network span.twitter {
                background-position: 0 -1377px;
            }

            .social-network span.facebook {
                background-position: -37px -1377px;
            }

            .social-network span.otblog {
                background-position: -73px -1377px;
            }


    #outer {
        width: 700px;
        position: relative;
        float: right;
        margin-top: -33px
    }

        #outer .block {
            background-color: #fff;
            border: 2px solid #f0971d;
            border-bottom: 1px;
            width: 343px;
            height: 120px;
            display: none;
            position: absolute;
            left: 0;
            bottom: 0;
            -moz-border-radius: 10px 10px 0 0;
            -khtml-border-radius: 10px 10px 0 0;
            -webkit-border-radius: 10px 10px 0 0;
            padding: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            bottom: -50px;
        }

        #outer b {
            font-size: 20px;
            color: #433E37;
            line-height: 22px;
            border-bottom: 3px solid #ddd;
            display: block;
            padding-bottom: 10px;
            margin-bottom: 5px;
            font-weight: 400;
        }

    .mac #outer .block {
        left: 272px !important
    }

    #outer .input-box { /*background:url(../Images/search_bg.gif) left top repeat-x;border:1px solid #dbdbdb!important;color:#958b7b;padding:2px;line-height:20px;height:20px;font-size:12px;*/
        width: 220px
    }

    #lblMessage1 {
        background-color: #fcf8e3;
        color: #a94442;
        font-size: 12px;
        margin: 0px 0 5px 0;
        position: absolute;
        left: 10px;
        top: 46px;
        line-height: 18px;
    }

    #outer .clr {
        clear: both;
        height: 10px
    }

    #outer .clr1 {
        clear: both;
        margin-top: 3px
    }

    #outer .block1 {
        background-color: #fff;
        border: 2px solid #f0971d;
        width: 211px;
        height: 120px;
        display: none;
        position: absolute;
        left: 434px;
        bottom: 0;
        font-size: 13px;
        line-height: 26px;
        border-bottom: 1px;
        -moz-border-radius: 10px 10px 0 0;
        -khtml-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        padding: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        bottom: -50px;
    }

        #outer .block1 a {
            color: #696969;
            text-decoration: none
        }

            #outer .block1 a:hover {
                color: #000;
                text-decoration: underline
            }

    .mac #outer .block1 {
        left: 425px
    }

    #outer .mb_icon {
        width: 26px;
        height: 55px;
        background-position: -705px -10px;
        margin-right: 2px;
        margin-top: 0
    }

    #outer .block2, #outer .block3 {
        background-color: #fff;
        border: 2px solid #f0971d;
        border-bottom: 1px;
        width: 100%;
        height: 320px;
        display: none;
        position: absolute;
        right: 0px;
        bottom: 0;
        -moz-border-radius: 10px 10px 0 0;
        -khtml-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        padding: 10px 20px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        bottom: -50px;
    }

        #outer .block2 ul, #outer .block3 ul {
            width: 23%;
            float: left;
            padding-right: 10px;
            margin: 0
        }

            #outer .block2 ul li, #outer .block3 ul li {
                color: #353535;
                list-style: none;
                line-height: 25px;
                background: 0;
                display: block;
                width: 180px
            }

                #outer .block2 ul li a, #outer .block3 ul li a {
                    color: #696969;
                    text-decoration: none;
                    background: 0;
                    border: 0;
                    padding: 0;
                    font-size: 13px;
                    font-weight: 400;
                    font-family: Arial, Helvetica, sans-serif
                }

                    #outer .block2 ul li a:hover, #outer .block3 ul li a:hover {
                        color: #353535;
                        text-decoration: underline
                    }

    .security-partner {
        -webkit-box-shadow: inset 0px 0px 24px -3px rgba(0,0,0,0.7);
        -moz-box-shadow: inset 0px 0px 24px -3px rgba(0,0,0,0.7);
        box-shadow: inset 0px 0px 24px -3px rgba(0,0,0,0.7);
        padding: 15px 0 0 0 !important;
        margin: 0px 0 30px 0 !important;
    }

        .security-partner .f_bg {
            margin-top: 0;
            margin-right: 10px !important;
            margin-bottom: 15px;
            display: inline-block;
            float: none !important;
        }

            .security-partner .f_bg.is--unionpay {
                background: url('//c.fareportal.com/n/portals/air/unionpay-logo.png') 0 0 no-repeat;
                width: 45px;
                height: 29px;
            }

        .security-partner .footer_top,
        .security-partner .content {
            height: auto;
            overflow: hidden;
            text-align: center !important;
        }
    /* OT Footer End */
    .nav {
        margin-bottom: 20px;
        margin-left: 0;
        list-style: none
    }

        .nav > li > a {
            display: block;
            padding-right: 15px
        }

            .nav > li > a:hover {
                text-decoration: none
            }

            .nav > li > a > img {
                max-width: none
            }

        .nav > .pull-right {
            float: right
        }

    .nav-header {
        display: block;
        padding: 3px 15px;
        font-size: 11px;
        font-weight: 700;
        line-height: 20px;
        color: #999;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        text-transform: uppercase
    }

    .nav li + .nav-header {
        margin-top: 9px
    }

    .nav-list {
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 0
    }

        .nav-list > li > a, .nav-list .nav-header {
            margin-right: -15px;
            margin-left: -15px;
            text-shadow: 0 1px 0 rgba(255,255,255,.5)
        }

        .nav-list > li > a {
            padding: 3px 15px
        }

        .nav-list > .active > a, .nav-list > .active > a:hover {
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0,0,0,.2);
            background-color: #08c
        }

        .nav-list [class^=icon-], .nav-list [class*=" icon-"] {
            margin-right: 2px
        }

        .nav-list .divider {
            *width: 100%;
            height: 1px;
            margin: 9px 1px;
            *margin: -5px 0 5px;
            overflow: hidden;
            background-color: #e5e5e5;
            border-bottom: 1px solid #fff
        }

    .nav-tabs, .nav-pills {
        *zoom: 1
    }

        .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
            display: table;
            line-height: 0;
            content: ""
        }

        .nav-tabs:after, .nav-pills:after {
            clear: both
        }

        .nav-tabs > li, .nav-pills > li, .nav-tabs > .active > a {
            float: left;
            background-color: #EEE;
            background-image: -moz-linear-gradient(to bottom, #eee 0, #ccc 100%);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#ccc));
            background-image: -webkit-linear-gradient(top, #eee, #ccc);
            background-image: -o-linear-gradient(top, #eee, #ccc);
            background-image: linear-gradient(to bottom, #eee, #ccc);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0169a8', endColorstr='#ff025887', GradientType=0)
        }

            .nav-tabs > li:active, .nav-tabs > li:hover, .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
                float: left;
                background-color: #ddd;
                background-image: -moz-linear-gradient(to bottom, #ddd 0, #fff 100%);
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ddd), to(#fff));
                background-image: -webkit-linear-gradient(top, #ddd, #fff);
                background-image: -o-linear-gradient(top, #ddd, #fff);
                background-image: linear-gradient(to bottom, #ddd, #fff);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0169a8', endColorstr='#ff025887', GradientType=0);
                box-shadow: 0 10px 18px #adadad inset
            }

        .nav-subtabs > li, .nav-pills > li {
            float: left;
            background-color: #1d538c;
            background-image: -moz-linear-gradient(top, #1d548d, #1d538c);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1d548d), to(#1d538c));
            background-image: -webkit-linear-gradient(top, #1d548d, #1d538c);
            background-image: -o-linear-gradient(top, #1d548d, #1d538c);
            background-image: linear-gradient(to bottom, #1d548d, #1d538c);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0169a8', endColorstr='#ff025887', GradientType=0)
        }

            .nav-subtabs > li > div, .nav-tabs > li > div, .nav-pills > li > div {
                text-align: center;
                line-height: 14px;
                color: #fff;
                font-size: 18px;
                border-right: 1px solid #02517c;
                border-left: 1px solid #047bc4
            }

                .nav-tabs > li > div:hover {
                    background-color: #3091c8
                }

        .nav-tabs > li, .nav-subtabs > li {
            border-top: 1px solid #047bc4;
            width: 25%
        }

            .nav-subtabs > li:hover {
                background: #3091c8
            }

    .nav-subtabs > li {
        float: none
    }

    .nav-subtabs {
        text-align: center
    }

        .nav-tabs > li > div, .nav-subtabs > li > div {
            padding-top: 16px;
            padding-bottom: 14px;
            line-height: 20px
        }

    .nav-tabs > .active > div, .nav-tabs > .active > div:hover {
        color: #fff;
        cursor: default;
        background-color: #3091c8;
        border-bottom-color: transparent
    }

    .nav-pills > li > a {
        padding-top: 8px;
        padding-bottom: 8px;
        margin-top: 2px;
        margin-bottom: 2px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    .nav-pills > .active > a, .nav-pills > .active > a:hover {
        color: #fff;
        background-color: #08c
    }

    .nav-stacked > li {
        float: none
    }

        .nav-stacked > li > a {
            margin-right: 0
        }

    .nav-tabs.nav-stacked {
        border-bottom: 0
    }

        .nav-tabs.nav-stacked > li > a {
            border: 1px solid #ddd;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0
        }

        .nav-tabs.nav-stacked > li:first-child > a {
            -webkit-border-top-right-radius: 4px;
            border-top-right-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-topleft: 4px
        }

        .nav-tabs.nav-stacked > li:last-child > a {
            -webkit-border-bottom-right-radius: 4px;
            border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            border-bottom-left-radius: 4px;
            -moz-border-radius-bottomright: 4px;
            -moz-border-radius-bottomleft: 4px
        }

        .nav-tabs.nav-stacked > li > a:hover {
            z-index: 2;
            border-color: #ddd
        }

    .nav-pills.nav-stacked > li > a {
        margin-bottom: 3px
    }

    .nav-pills.nav-stacked > li:last-child > a {
        margin-bottom: 1px
    }

    .nav-tabs .dropdown-menu {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px
    }

    .nav-pills .dropdown-menu {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px
    }

    .nav .dropdown-toggle .caret {
        margin-top: 4px;
        border-top-color: #08c;
        border-bottom-color: #08c;
        padding: 0
    }

    .nav .dropdown-toggle:hover .caret {
        border-top-color: #005580;
        border-bottom-color: #005580
    }

    .nav-tabs .dropdown-toggle .caret {
        margin-top: 8px
    }

    .nav .active .dropdown-toggle .caret {
        border-top-color: #fff;
        border-bottom-color: #fff
    }

    .nav-tabs .active .dropdown-toggle .caret {
        border-top-color: #555;
        border-bottom-color: #555
    }

    .nav > .dropdown.active > a:hover {
        cursor: pointer
    }

    .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover {
        color: #fff;
        background-color: #999;
        border-color: #999
    }

    .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret {
        border-top-color: #fff;
        border-bottom-color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .ot-top-nav > li {
        display: inline-block;
        list-style: none outside none;
    }

        .ot-top-nav > li:last-child, .ot-top-nav > li.first, .ot-top-nav li.last {
            border: 0 none !important;
        }

    .ot-top-nav a {
        color: #696969;
        font-size: 13px
    }

        .ot-top-nav a .ic-user:before {
            position: absolute;
            left: -26px;
            top: 2px;
            font-size: 15px;
        }

        .ot-top-nav a .ic-talk:before {
            position: relative;
            left: -3px;
            top: 2px;
            font-size: 15px;
        }

    .signup__wraper {
        position: absolute;
        margin: 0 auto;
        background: rgba(90,106,117,0.4);
        z-index: 1;
        width: 100%;
        height: 46px;
    }

    .signup__content {
    }
    /* Responsive CSS Start*/
    @media screen and (min-width:768px) and (max-width:1024px) {
        .noDisplay {
            display: none
        }

        .tble-booking .boking-td {
            width: 100% !important;
        }

        .hidden-desktop-ot {
            display: none !important
        }

        #header {
            width: 100%;
            padding: 0;
            margin: 0 auto
        }

        .navbar {
            overflow: visible;
        }

        .navbar-inner:before, .navbar-inner:after {
            content: "";
            display: table;
            line-height: 0
        }

        .navbar-inner:after {
            clear: both
        }

        .navbar-inner {
            min-height: 40px
        }

        .navbar .nav.pull-right {
            float: right;
            margin-right: 0
        }

        .navbar .nav > li {
            border-left: 1px solid #DBDBDB !important;
            height: 70px;
            float: left
        }

        #tabletMenu {
            width: 44px
        }

        .navbar .brand {
            display: block;
            float: left;
            padding-top: 10px !important
        }

        .navbar-fixed-top, .navbar-fixed-bottom {
            position: static
        }

        .navbar-fixed-top {
            margin-bottom: 20px
        }

        .navbar-fixed-bottom {
            margin-top: 20px
        }

            .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
                padding: 5px
            }

        .navbar .container {
            width: auto;
            padding: 0
        }

        .navbar .brand {
            padding-right: 10px;
            padding-left: 15px
        }

        .container:before, .container:after {
            content: "";
            display: table;
            line-height: 0
        }

        .more {
            font-size: 12px !important;
            text-transform: none !important;
            background: url(../Images/sprite1.png) no-repeat 20px -1516px
        }

        .more-click {
            background: url(../Images/sprite.png) no-repeat scroll -140px -1061px rgba(0,0,0,0);
            color: #686C76;
            cursor: pointer;
            font-size: 12px;
            padding-top: 36px;
            position: absolute;
            right: 6px;
            text-align: right;
            width: 40px
        }

        .rightNavBg {
            background: #142535;
            width: 315px;
            height: 1660px;
            position: absolute;
            right: 0;
            top: 0;
            box-shadow: 3px 0 10px #171717;
            -webkit-box-shadow: 3px 0 10px #171717;
            z-index: 1000
        }

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

                .rightNavBg ul li {
                    margin: 0;
                    padding: 0;
                    font-size: 20px;
                    font-weight: 400;
                    color: #fff;
                    text-shadow: 0 -1px #1b2026;
                    padding: 15px 20px;
                    list-style-type: none;
                    border-bottom: 1px solid #333;
                    border-top: 1px solid #504e5f;
                    box-shadow: 0 1px 1px #50545e;
                    -webkit-box-shadow: 0 1px 1px #50545e;
                    cursor: pointer;
                    line-height: normal
                }

                    .rightNavBg ul li:hover, .rightNavBg ul li.arrow:hover {
                        color: #ff9600 !important;
                        background-color: #171c25 !important
                    }

                    .rightNavBg ul li.activeDeal {
                        color: #ff9600;
                        background-color: #171c25
                    }

                    .rightNavBg ul li span.orange {
                        color: #ff9600
                    }

                    .rightNavBg ul li.arrow {
                    }

                    .rightNavBg ul li .modIcon {
                        width: 24px;
                        height: 26px;
                        background-position: 0 -1376px;
                        float: left;
                        margin-right: 10px
                    }

                    .rightNavBg ul li .contactIcon {
                        width: 24px;
                        height: 28px;
                        background-position: -25px -1376px;
                        float: left;
                        margin-right: 10px
                    }

                    .rightNavBg ul li .feedbackIcon {
                        width: 24px;
                        height: 24px;
                        background-position: -50px -1376px;
                        float: left;
                        margin-right: 10px;
                        margin-top: 3px
                    }

        .rightNavBg1 {
            width: 335px;
            height: auto;
            position: absolute;
            right: 0;
            top: 0;
            box-shadow: 3px 0 10px #171717;
            -webkit-box-shadow: 3px 0 10px #171717;
            background-color: #171c25;
            z-index: 2
        }

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

                .rightNavBg1 ul li {
                    margin: 0;
                    padding: 0;
                    font-size: 18px;
                    font-weight: 700;
                    color: #666;
                    text-shadow: 0 -1px #1b2026;
                    padding: 15px 45px;
                    list-style-type: none;
                    cursor: pointer
                }


                    .rightNavBg1 ul li:hover {
                        color: #fff
                    }

                    .rightNavBg1 ul li.bdrBottom {
                        border-bottom: 1px solid #000;
                        box-shadow: 0 1px 1px #30343c;
                        -webkit-box-shadow: 0 1px 1px #30343c;
                        padding: 0;
                        margin: 10px 0 10px 20px;
                        cursor: auto
                    }

        .headerBgHide {
            /* margin-left: -313px */
        }

        .mainBgHide {
            margin-left: -313px
        }

        .rightNavBgShow {
            right: 0
        }

        .rightNavBg1Show {
            right: 0
        }

        .dealsTabActive1 {
            background-color: #171c25;
            color: #ff9600 !important
        }

        .headerBgHide1 {
            /* margin-left: -648px */
        }

        .mainBgHide1 {
            margin-left: -648px
        }

        .dealsTabActive1 {
            background-color: #171c25;
            color: #ff9600
        }

        .rightNavBgShow1 {
            right: 335px
        }

        .rightNavBg ul li.heading {
            padding: 15px 20px;
            color: #fff;
            font-weight: 700;
            cursor: default
        }

            .rightNavBg ul li.heading:hover {
                background-color: transparent !important;
                color: #fff !important
            }

        .rightNavBg1 ul li.heading {
            padding: 15px 20px 15px 45px;
            color: #fff;
            font-weight: 700;
            cursor: default
        }

        .rightNavBg ul li.heading span, .rightNavBg1 ul li span {
            cursor: pointer;
            border: 1px solid #ffba30;
            color: #ffba30;
            float: right;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
            font-size: 16px;
            font-weight: 700;
            padding: 0 5px;
            text-align: center
        }

        #footer .btm ul li.feedback-hidden {
            display: none
        }



        #footer .btm ul li.moreLinks {
            display: none
        }

        #footer .tw {
            margin: 0 10px 0 0px
        }

        #footer .fb {
            margin: 0 10px
        }

        #footer .gplus {
            margin: 0 10px
        }

        #footer .blog {
            margin: 0 10px
        }

        #footer .quicklinks {
            width: 100%
        }

        #outer .block2 ul, #outer .block3 ul {
            padding: 0 5px 0 0
        }

            #outer .block2 ul li {
                width: 140px
            }

        #outer .block2 {
            max-width: 660px;
            width: 100%
        }

        #outer b {
            font-size: 14px;
            font-weight: 700
        }
    }

    @media screen and (min-width:480px) and (max-width:768px) {
        .noDisplay {
            display: none
        }

        .hidden-desktop-ot {
            display: none !important
        }

        .visible-tablet {
            display: none
        }

        #header {
            width: 100%;
            padding: 0;
            margin: 0 auto
        }

        .navbar {
            overflow: visible
        }

        .navbar-inner:before, .navbar-inner:after {
            content: "";
            display: table;
            line-height: 0
        }

        .navbar-inner:after {
            clear: both
        }

        .navbar-inner {
            min-height: 40px
        }

        .navbar .nav.pull-right {
            float: right;
            margin-right: 0
        }

        .navbar .nav > li {
            border-left: 1px solid #DBDBDB !important;
            float: left
        }

        #tabletMenu {
            width: 44px
        }

        .navbar .nav > li > a {
            color: #7A818E !important;
            padding: 39px 14px 5px;
            font-size: 12px !important;
            font-weight: 700;
            text-transform: uppercase;
            display: block;
            text-decoration: none;
            font-family: Arial
        }

        .navbar .brand {
            display: block;
            float: left;
            padding-top: 10px !important
        }

            .navbar .brand img {
                height: 34px !important;
                width: 150px;
                margin-top: 7px;
            }

        .navbar-fixed-top, .navbar-fixed-bottom {
            position: static
        }

        .navbar-fixed-top {
            margin-bottom: 20px
        }

        .navbar-fixed-bottom {
            margin-top: 20px
        }

            .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
                padding: 5px
            }

        .navbar .container {
            width: auto;
            padding: 0
        }

        .navbar .brand {
            padding-right: 10px;
            padding-left: 15px
        }

        .container:before, .container:after {
            content: "";
            display: table;
            line-height: 0
        }

        .more {
            font-size: 12px !important;
            text-transform: none !important;
            background: url(../Images/sprite1.png) no-repeat 20px -1516px
        }

        .more-click {
            background: url(../Images/sprite.png) no-repeat scroll -140px -1061px rgba(0,0,0,0);
            color: #686C76;
            cursor: pointer;
            font-size: 12px;
            padding-top: 36px;
            position: absolute;
            right: 6px;
            text-align: right;
            width: 40px
        }

        .rightNavBg {
            background: #142535;
            width: 315px;
            height: 1660px;
            position: absolute;
            right: 0;
            top: 0;
            box-shadow: 3px 0 10px #171717;
            -webkit-box-shadow: 3px 0 10px #171717;
            z-index: 1000;
            color: #fff;
        }

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

                .rightNavBg ul li {
                    margin: 0;
                    padding: 0;
                    font-size: 20px;
                    font-weight: 400;
                    color: #fff;
                    text-shadow: 0 -1px #1b2026;
                    padding: 15px 20px;
                    list-style-type: none;
                    border-bottom: 1px solid #333;
                    border-top: 1px solid #504e5f;
                    box-shadow: 0 1px 1px #50545e;
                    -webkit-box-shadow: 0 1px 1px #50545e;
                    cursor: pointer;
                    line-height: normal
                }

                    .rightNavBg ul li:hover, .rightNavBg ul li.arrow:hover {
                        color: #ff9600 !important;
                        background-color: #171c25 !important
                    }

                    .rightNavBg ul li.activeDeal {
                        color: #ff9600;
                        background-color: #171c25
                    }

                    .rightNavBg ul li span.orange {
                        color: #ff9600
                    }

                    .rightNavBg ul li.arrow {
                    }

                    .rightNavBg ul li .modIcon {
                        width: 24px;
                        height: 26px;
                        background-position: 0 -1376px;
                        float: left;
                        margin-right: 10px
                    }

                    .rightNavBg ul li .contactIcon {
                        width: 24px;
                        height: 28px;
                        background-position: -25px -1376px;
                        float: left;
                        margin-right: 10px
                    }

                    .rightNavBg ul li .feedbackIcon {
                        width: 24px;
                        height: 24px;
                        background-position: -50px -1376px;
                        float: left;
                        margin-right: 10px;
                        margin-top: 3px
                    }

        .rightNavBg1 {
            width: 335px;
            height: auto;
            position: absolute;
            right: 0;
            top: 0;
            box-shadow: 3px 0 10px #171717;
            -webkit-box-shadow: 3px 0 10px #171717;
            background-color: #171c25;
            z-index: 2
        }

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

                .rightNavBg1 ul li {
                    margin: 0;
                    padding: 0;
                    font-size: 18px;
                    font-weight: 700;
                    color: #666;
                    text-shadow: 0 -1px #1b2026;
                    padding: 15px 0px 15px 45px;
                    list-style-type: none;
                    cursor: pointer
                }

                    .rightNavBg1 ul li:hover {
                        color: #fff
                    }

                    .rightNavBg1 ul li.bdrBottom {
                        border-bottom: 1px solid #000;
                        box-shadow: 0 1px 1px #30343c;
                        -webkit-box-shadow: 0 1px 1px #30343c;
                        padding: 0;
                        margin: 10px 0 10px 20px;
                        cursor: auto
                    }

        .headerBgHide {
            /* margin-left: -313px */
        }

        .mainBgHide {
            margin-left: -313px
        }

        .rightNavBgShow {
            right: 0
        }

        .rightNavBg1Show {
            right: 0
        }

        .dealsTabActive1 {
            background-color: #171c25;
            color: #ff9600 !important
        }

        .headerBgHide1 {
            /* margin-left: -648px */
        }

        .mainBgHide1 {
            margin-left: -648px
        }

        .dealsTabActive1 {
            background-color: #171c25;
            color: #ff9600
        }

        .rightNavBgShow1 {
            right: 335px
        }

        .rightNavBg ul li.heading {
            padding: 15px 20px;
            color: #fff;
            font-weight: 700;
            cursor: default
        }

            .rightNavBg ul li.heading:hover {
                background-color: transparent !important;
                color: #fff !important
            }

        .rightNavBg1 ul li.heading {
            padding: 15px 20px 15px 45px;
            color: #fff;
            font-weight: 700;
            cursor: default
        }

        .rightNavBg ul li.heading span, .rightNavBg1 ul li span {
            cursor: pointer;
            border: 1px solid #ffba30;
            color: #ffba30;
            float: right;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
            font-size: 16px;
            font-weight: 700;
            padding: 0 5px;
            text-align: center
        }

        #footer .btm ul li.feedback-hidden {
            display: none
        }



        #footer .btm ul li.moreLinks {
            display: none
        }

        #footer .veryfi {
            display: none
        }

        #footer .trust {
            display: none
        }

        #footer .tw {
            margin: 0 10px
        }

        #footer .fb {
            margin: 0 10px
        }

        #footer .gplus {
            margin: 0 10px
        }

        #footer .blog {
            margin: 0 10px
        }

        #footer .quicklinks {
            width: 100%
        }

        #outer .block2 {
            max-width: 540px !important;
            width: 100%
        }

            #outer .block2 ul {
                padding: 0 5px 0 0
            }

                #outer .block2 ul li {
                    width: 140px
                }

        #outer b {
            font-size: 14px;
            font-weight: 700
        }

        #footer .social_link {
            display: none !important
        }

        #footer .t_shed {
            background: none !important;
            width: 100%
        }
    }

    @media screen and (min-width:320px) and (max-width:600px) {
        .hidden-desktop-ot {
            display: none !important
        }

        .noDisplay {
            display: none
        }



        .navbar .nav > li {
            height: inherit !important
        }

        #header {
            width: 100%;
            padding: 0;
            margin: 0 auto
        }

        .navbar {
            overflow: visible
        }

        .navbar-inner:before, .navbar-inner:after {
            content: "";
            display: table;
            line-height: 0
        }

        .navbar-inner:after {
            clear: both
        }

        .navbar-inner {
            min-height: 40px
        }

        .navbar .nav.pull-right {
            float: right;
            margin-right: 0
        }

        .navbar .nav > li {
            border-left: 1px solid #DBDBDB !important;
            height: 60px !important;
            float: left
        }

        #tabletMenu {
            width: 44px
        }

        .navbar .nav > li > a {
            color: #7A818E !important;
            padding: 39px 14px 5px;
            font-size: 12px !important;
            font-weight: 700;
            text-transform: uppercase;
            display: block;
            text-decoration: none;
            font-family: Arial
        }

        .navbar .brand {
            display: block;
            float: left;
            padding-top: 10px !important
        }

            .navbar .brand img {
                height: 34px !important;
                width: 150px;
                margin-top: 7px;
            }

        .navbar-fixed-top, .navbar-fixed-bottom {
            position: static
        }

        .navbar-fixed-top {
            margin-bottom: 20px
        }

        .navbar-fixed-bottom {
            margin-top: 20px
        }

            .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
                padding: 5px
            }

        .navbar .container {
            width: auto;
            padding: 0
        }

        .navbar .brand {
            padding-right: 10px;
            padding-left: 15px
        }

        .container:before, .container:after {
            content: "";
            display: table;
            line-height: 0
        }

        .more {
            font-size: 12px !important;
            text-transform: none !important;
            background: url(../Images/sprite1.png) no-repeat 20px -1516px
        }

        .more-click {
            background: url(../Images/sprite.png) no-repeat scroll -140px -1061px rgba(0,0,0,0);
            color: #686C76;
            cursor: pointer;
            font-size: 12px;
            padding-top: 36px;
            position: absolute;
            right: 6px;
            text-align: right;
            width: 40px
        }

        .rightNavBg {
            background-image: url(../Images/right-nav-bg.png);
            width: 315px;
            height: 1660px;
            position: absolute;
            right: 0;
            top: 0;
            box-shadow: 3px 0 10px #171717;
            -webkit-box-shadow: 3px 0 10px #171717;
            z-index: 1000
        }

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

                .rightNavBg ul li {
                    margin: 0;
                    padding: 0;
                    font-size: 20px;
                    font-weight: 400;
                    color: #fff;
                    text-shadow: 0 -1px #1b2026;
                    padding: 15px 20px;
                    list-style-type: none;
                    border-bottom: 1px solid #333;
                    border-top: 1px solid #504e5f;
                    box-shadow: 0 1px 1px #50545e;
                    -webkit-box-shadow: 0 1px 1px #50545e;
                    cursor: pointer;
                    line-height: normal
                }

                    .rightNavBg ul li:hover, .rightNavBg ul li.arrow:hover {
                        color: #ff9600 !important;
                        background-color: #171c25 !important
                    }

            .rightNavBg li.active {
                color: #ff9600 !important;
                border-bottom: 2px solid #ff9600;
                background-color: transparent !important
            }

            .rightNavBg ul li.activeDeal {
                color: #ff9600;
                background-color: #171c25
            }

            .rightNavBg ul li span.orange {
                color: #ff9600
            }

            .rightNavBg ul li.arrow {
            }

            .rightNavBg ul li .modIcon {
                width: 24px;
                height: 26px;
                background-position: 0 -1376px;
                float: left;
                margin-right: 10px
            }

            .rightNavBg ul li .contactIcon {
                width: 24px;
                height: 28px;
                background-position: -25px -1376px;
                float: left;
                margin-right: 10px
            }

            .rightNavBg ul li .feedbackIcon {
                width: 24px;
                height: 24px;
                background-position: -50px -1376px;
                float: left;
                margin-right: 10px;
                margin-top: 3px
            }

        .rightNavBg1 {
            width: 335px;
            height: auto;
            position: absolute;
            right: 0;
            top: 0;
            box-shadow: 3px 0 10px #171717;
            -webkit-box-shadow: 3px 0 10px #171717;
            background-color: #171c25;
            z-index: 2
        }

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

                .rightNavBg1 ul li {
                    margin: 0;
                    padding: 0;
                    font-size: 18px;
                    font-weight: 700;
                    color: #666;
                    text-shadow: 0 -1px #1b2026;
                    padding: 15px 0 15px 40px;
                    list-style-type: none;
                    cursor: pointer
                }

                    .rightNavBg1 ul li:hover {
                        color: #fff
                    }

                    .rightNavBg1 ul li.bdrBottom {
                        border-bottom: 1px solid #000;
                        box-shadow: 0 1px 1px #30343c;
                        -webkit-box-shadow: 0 1px 1px #30343c;
                        padding: 0;
                        margin: 10px 0 10px 20px;
                        cursor: auto
                    }

        .headerBgHide {
            /* margin-left: -313px */
        }

        .mainBgHide {
            margin-left: -313px
        }

        .rightNavBgShow {
            right: 0
        }

        .rightNavBg1Show {
            right: 0
        }

        .dealsTabActive1 {
            background-color: #171c25;
            color: #ff9600 !important
        }

        .headerBgHide1 {
            /* margin-left: -648px */
        }

        .mainBgHide1 {
            margin-left: -648px
        }

        .dealsTabActive1 {
            background-color: #171c25;
            color: #ff9600
        }

        .rightNavBgShow1 {
            right: 335px
        }

        .rightNavBg ul li.heading {
            padding: 15px 20px;
            color: #fff;
            font-weight: 700;
            cursor: default
        }

            .rightNavBg ul li.heading:hover {
                background-color: transparent !important;
                color: #fff !important
            }

        .rightNavBg1 ul li.heading {
            padding: 15px 20px 15px 45px;
            color: #fff;
            font-weight: 700;
            cursor: default
        }

        .rightNavBg ul li.heading span, .rightNavBg1 ul li span {
            cursor: pointer;
            border: 1px solid #ffba30;
            color: #ffba30;
            float: right;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
            font-size: 16px;
            font-weight: 700;
            padding: 0 5px;
            text-align: center
        }

        .loadernew {
            background: url(images/ajax-loader.gif) no-repeat;
            float: right;
            height: 16px;
            position: relative;
            top: -15px;
            width: 16px;
            z-index: 999
        }

        .pleasewait, .pleasewaitAirline {
            font-weight: 700;
            font-size: 12px/18px;
            padding: 2px 5px;
            background: #fff;
            margin-top: 3px;
            border: 1px solid #333;
            width: 367px
        }

        .pleasewaitAirline {
            width: 197px !important
        }

            .pleasewait span, .pleasewaitAirline span {
                background: url(../Images/ajax-loader.gif) no-repeat 0 0;
                width: 16px;
                height: 16px;
                margin-right: 3px;
                display: inline-block;
                vertical-align: middle
            }

        #footer .btm ul li.feedback-hidden {
            display: none
        }



        #footer .btm ul li.moreLinks {
            display: none !important
        }

        #footer .btm ul li.newsLetter {
            display: none !important
        }

        #footer .btm ul li.freeApp {
            display: none !important
        }

        #footer .btm ul li.cookiePolicy {
            display: none !important
        }

        #footer .btm ul li.footerquickLinks {
            display: none
        }

        #footer .btm ul li.moreLinks {
            display: block
        }

        #footer .veryfi {
            display: none
        }

        #footer .trust {
            display: none
        }

        #footer .bbb {
            display: none
        }

        #footer .paypal {
            display: none
        }

        #footer .discover {
            display: none
        }

        #footer .club {
            display: none
        }

        #footer .tw {
            margin: 0 5px 0 0
        }

        #footer .fb {
            margin: 0 5px
        }

        #footer .gplus {
            margin: 0 5px
        }

        #footer .blog {
            margin: 0 5px
        }

        #footer .quicklinks {
            width: 100%
        }

        #outer .block2 ul {
            padding: 0 5px 0 0
        }

            #outer .block2 ul li {
                width: 140px;
                line-height: 22px
            }

                #outer .block2 ul li a {
                    font-size: 11px
                }

        #outer .block2 {
            max-width: 250px !important;
            width: 100%
        }

        #outer .block3 ul, #outer .block3 ul li {
            width: 100% !important
        }

        #outer .block3 {
            max-width: 150px;
            width: 100%;
            height: auto !important;
            padding: 10px 15px
        }

        #outer b {
            font-size: 12px;
            font-weight: 700
        }

        #footer .footerquickLinks {
            display: none !important
        }

        #footer .footer_top {
            display: none !important
        }

        #footer .social_link {
            display: none !important
        }

        #footer .t_shed {
            background: none !important;
            width: 100%
        }
    }

    .ot-top-nav {
        list-style: none;
        padding: 0px 0 4px 0
    }

        .ot-top-nav > li {
            display: inline-block;
            list-style: none;
        }

        .ot-top-nav a {
            color: #9ca7ad;
        }

        .ot-top-nav > li:last-child, .ot-top-nav > li.first {
            border: 0 !important
        }

        .ot-top-nav > li > a:hover, .ot-top-nav > li > a:focus {
            padding-top: 0
        }

        .ot-top-nav .userSignInLi > a {
            float: left !important
        }

            .ot-top-nav .userSignInLi > a + a {
                padding: 3px 8px 0 0;
                line-height: 16px
            }

    .userSignInItems {
        top: 136%
    }

    .ot-top-nav .userSignInItems a:hover {
        color: #838383;
        background-color: #fde0bb
    }

    #createFareAlertForm #createFareAlert .box-fluid .inner-box33 {
        margin-right: 38px
    }

    .nav-group {
        position: absolute;
        right: 0;
        text-align: right
    }

    .header-nav__main--mobile .nav-menu {
        float: right;
        height: 78px;
        display: inline-block
    }

    .offcanvas-toggle-btn:before {
        margin-top: -3px;
        top: 50%
    }

    .offcanvas-toggle-btn:after, .offcanvas-toggle-btn:before {
        content: "";
        left: 20px;
        position: absolute;
        width: 40px
    }

    .offcanvas-toggle-btn:after {
        height: 30px;
        top: 24px
    }

    .offcanvas-toggle-btn:after, .offcanvas-toggle-btn:before {
        content: "";
        left: 20px;
        position: absolute;
        width: 40px
    }

    .header-nav__main--mobile .offcanvas-toggle-btn {
        height: 100%;
        overflow: hidden;
        position: relative;
        width: 75px
    }

    .animation {
        transition: all .5s ease-in-out 0s
    }

    .header-nav__main--mobile .nav-menu a {
        display: inline-block
    }

    .rightNavBg1 {
        z-index: 999;
        height: 1695px
    }

    .page-fill img {
        padding: 20px 10px
    }

    #countryPopup .dropdown-menu__group {
        *width: 22%;
        *display: inline
    }

    .offcanvas-toggle-btn .page-fill {
        background: none repeat scroll 0 0 rgba(0,0,0,.85);
        border-right: 5px solid #000;
        display: none;
        height: 120%;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000
    }

        .offcanvas-toggle-btn .page-fill:before {
            color: #999;
            font-size: 27px;
            display: inline-block;
            margin-top: 25px;
            margin-right: 17px
        }

    .navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
        color: #fff;
        text-decoration: none !important;
    }

    .txt-right {
        text-align: right
    }

    @media screen and (max-width:991px) {
        .security-partner .f_bg {
            margin-right: 10px !important;
            text-align: center;
        }
    }

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

        .good-news .good-news-content {
            margin-left: 38px !important;
        }

        .active .header-nav__main, .active .header-nav__utility {
            width: 100%
        }

        .offcanvas-toggle-btn .page-fill {
            right: 309px !important
        }

        .rightNavBg {
            width: 309px !important
        }
    }

    @media screen and (max-width:767px) {
        .security-partner {
            display: none;
        }
    }

    @media screen and (max-width:1024px) {
        #rosigninmob:not(.signin) {
            background: transparent url(../Images/arrow-bottom-nav.png) no-repeat 274px 20px
        }

        .rightNavBg li.active {
            color: #ff9600 !important;
            border-bottom: 2px solid #ff9600;
            background: transparent url(../Images/arrow-bottom-nav.png) no-repeat 274px 20px
        }

        .rightNavBg #userDetailsmob {
            padding: 0
        }

        .userDetailsmob li {
            color: #777 !important;
            font-size: 20px !important;
            padding: 10px 20px !important;
            box-shadow: none
        }

            .userDetailsmob li:hover {
                color: #FFF !important
            }
    }

    .newsLetter a, .freeApp a, .footerquickLinks a, .moreLinks a {
        padding-right: 26px !important;
    }

    .newsLetter a {
        padding: 9px 10px !important;
    }

    .footerquickLinks a {
        padding: 9px 18px !important;
    }
    /* Responsive CSS End*/
    .manageMyGC h1 {
        color: #000;
        padding-bottom: 15px;
        font-size: 20px;
    }

    .manageMyGC .input-append {
        border: 1px solid #d0d1d3;
        padding-bottom: 0;
    }

        .manageMyGC .input-append .add-on {
            margin-left: 0;
        }

        .manageMyGC .input-append input {
            margin-left: -1px;
            float: right;
        }

    .buyGiftCards-Btn {
        margin-top: -1px;
        padding-top: 0;
        padding-bottom: 0;
        float: left;
    }

        .buyGiftCards-Btn input {
            margin-top: 0;
            font-size: 16px;
            padding: 10px 0px;
            color: #fff;
            text-shadow: 0 1px 0 rgba(0,0,0,.2);
        }

    #headerDevices {
        border-bottom: 1px solid #ccc !important;
        background: #142535;
    }

    .range-handle {
        text-shadow: 0 -1px #fed16a;
        background: -moz-linear-gradient(-45deg, #fed16a 0, #fdb304 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fed16a), color-stop(100%, #fdb304));
        background: -webkit-linear-gradient(-45deg, #fed16a 0, #fdb304 100%);
        background: -o-linear-gradient(-45deg, #fed16a 0, #fdb304 100%);
        background: -ms-linear-gradient(-45deg, #fed16a 0, #fdb304 100%);
        background: linear-gradient(169deg, #fed16a 22%, #fdb304 100%) repeat scroll 0 0 transparent;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed16a', endColorstr='#fdb304', GradientType=1);
        border: 1px solid #e8a300;
        color: #fff;
        -moz-box-shadow: inset .5px 1px 0 #fed16a, 0 1px 0 #fdb304;
        -webkit-box-shadow: inset .5px 1px 0 #fed16a, 0 1px 0 #fdb304;
        box-shadow: inset .5px 1px 0 #fed16a, 0 1px 0 #fdb304;
        float: left
    }

    .month .stylednew {
        width: 92px;
        float: left;
    }

    .stylednew {
        background: #fff;
    }

        .stylednew select {
            border-top: 0;
            border-bottom: 0;
            margin-bottom: 0;
            margin-top: -2px;
            padding-left: 5px;
            padding-right: 5px;
            width: 100%;
            border-left: 0;
            border-right: 0;
        }

    .forPaymentDiv.country .stylednew, .forPaymentDiv.month .stylednew {
        float: left;
        width: 198px;
    }

    .forPaymentDiv.country label, .forPaymentDiv.month label {
        width: 118px;
    }

    .faqCnt, .termsCnt {
        max-width: 950px;
        margin: 0 auto;
        padding: 0px 10px;
    }

        .faqCnt h2, .termsCnt h2 {
            padding-bottom: 10px;
        }

        .faqCnt li, .termsCnt li {
            margin-bottom: 10px;
            font-size: 14px;
            font-family: Arial;
        }

        .faqCnt a, .termsCnt a, .faqCnt a:hover, .termsCnt a:hover {
            color: #e25e16;
        }

    #gcDeliverOn {
        background: url("//c.fareportal.com/vd/coa/travel/r1/img/sprite1.png") no-repeat scroll 167px -1618px !important;
        cursor: pointer;
    }

    .top-nav {
        *margin-top: -18px !important;
    }

    .tab-content-card .perfect-gift {
        font-size: 17.5px;
        color: #4e626d;
        margin: 0;
        padding: 0;
    }

    .is--imgVisa {
        width: 46px;
        display: block;
        float: left;
        height: 30px;
        background: url("//c.fareportal.com/n/portals/air/payment-sprite.png") no-repeat scroll 0 -39px rgba(0, 0, 0, 0);
    }

    .is--imgAmex {
        width: 46px;
        display: block;
        float: left;
        height: 30px;
        background: url("//c.fareportal.com/n/portals/air/payment-sprite.png") no-repeat scroll -60px -39px rgba(0, 0, 0, 0);
    }

    .is-cvvIcon {
        display: block;
        height: 30px;
        float: left;
        width: 20px;
        background: url("//c.fareportal.com/n/portals/air/payment-sprite.png") no-repeat scroll -155px -207px rgba(0, 0, 0, 0);
    }

    /*---------------------------GDPR EMAIL CONSENT STYLE-------------------------------------*/
    .signupEmail__note {
        width: 100%;
        text-align: left;
        display: block;
        position: relative;
        font-size: 11px;
        padding: 10px 0;
        color: #444;
        line-height: 12px;
    }

        .signupEmail__note a {
            text-decoration: underline;
            cursor: pointer;
            color: #000;
        }

    .signupContent .signupEmail__note {
        float: right;
        padding: 0;
        width: 100%;
        margin-top: -5px;
        text-align: right;
        padding-bottom: 10px;
    }

    #footer .signupEmail__note {
        width: 100%;
        text-align: left
    }

    #footer .consent-notice {
        top: -105px;
    }

    .consent-email-billing {
        width: 100%;
        float: left;
        text-align: left;
    }

        .consent-email-billing .consent-notice {
            left: 0;
            top: 100%;
        }

    .consent-notice {
        width: 100%;
        border: 1px solid #52c2c4;
        padding: 10px;
        position: absolute;
        top: 110%;
        right: 0;
        background-color: #fff;
        box-sizing: border-box;
        box-shadow: 0 0 10px 5px rgba(0,0,0,.1);
        text-align: justify;
        font-size: 11px;
        z-index: 2;
        max-width: 500px;
        color: #7b7b7b;
        line-height: 14px;
    }

        .consent-notice .icon {
            position: absolute;
            right: -10px;
            top: -10px;
            font-size: 20px;
            cursor: pointer;
            background-color: #fff;
            border-radius: 50%;
        }

    .close-consent {
        float: right;
        padding-top: 10px;
        clear: right;
    }
    /*---------------------------GDPR EMAIL CONSENT STYLE ENDS-------------------------------------*/
    .legal-info {
        padding: 0 10px 10px 10px;
        height: auto;
        overflow: hidden;
    }

    .legal__label {
        float: left;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
    }

    .legal__list {
        float: left;
        color: #fff;
        margin: 0;
        padding: 0
    }

        .legal__list li {
            float: left;
            list-style: none;
            margin-left: 20px;
        }

        .legal__list a, .legal__list a:hover, .legal__list a:focus {
            color: #fff;
            text-decoration: none;
            font-size: 11px;
        }

    @media (max-width:767px) {
        .legal-info {
            display: none;
        }
    }

    .phone {
        background: url(../Images/sprite1.png) no-repeat 0px -32px;
        width: 27px;
        height: 20px;
        display: inline-block;
    }

    .refund-detail {
        width: 650px;
        margin: 50px auto;
    }

    .gift-card-section {
        padding: 55px;
        background-image: url(//c.fareportal.com/n/Portals/76/tms_email/93/Ticket-Refund_banner-bg.jpg);
    }

    .figt-card-title-section {
        background: #004F7A;
        padding: 20px;
        color: white;
    }

    .gift-card-section .primary {
        padding: 6px 30px !important;
        margin-top: 0px !important;
    }

    .gift-card-Deail-section {
        padding: 56px;
        /*background: white;*/
    }

    .mt-15 {
        margin-top: 15px;
    }

    .refund-detail .form-control {
        border: 1px solid #e5e5e5;
        font-weight: normal !important;
        font-size: 16px;
        border-radius: 1px;
    }

    .refund-detail input[type=number]::-webkit-inner-spin-button, .refund-detail input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
    }

    .refund-detail input[type=number] {
        -moz-appearance: textfield;
    }

    .title-bg {
        background: #ddd
    }

    .p-5 {
        padding: 8px;
    }

    .table.credit {
        width: 50%
    }

    .table.Cancellation {
        width: 30%;
    }

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

    .tble-booking {
        width: 40%;
    }

        .tble-booking tr:first-child td {
            border-top: none;
        }

        .tble-booking .boking-td {
            width: 35%;
        }

    .cur-pointer {
        cursor: pointer;
    }

    .CellWithComment {
        position: relative;
    }

    .CellComment {
        display: none;
        position: absolute;
        z-index: 100;
        border: 1px;
        background-color: white;
        border-style: solid;
        border-width: 1px;
        border-color: black;
        padding: 3px;
        color: black;
        top: 30px;
        left: 20px;
        width: 100%;
        font-size: 11px;
    }

    .CellWithComment:hover span.CellComment {
        display: block;
    }

    a.link {
        color: #428bca;
        text-decoration: none;
    }


    .booking-section {
        margin-top: -125px;
        padding: 8px;
        background: white;
        margin-bottom: 30px;
        border-radius: 4px;
    }


    .booking-cancel {
        text-align: center;
        margin: 20px;
    }

        .booking-cancel .canel-header {
            font-size: 22px;
            font-weight: bold;
            padding-bottom: 10px;
            color: #c65151;
        }

    .p-bottom4 {
        padding-bottom: 4px;
    }


    .booking-cancel .primary {
        background: #f33b0d;
        font-size: 16px;
        padding: 10px 30px !important;
    }

    .refund-content-section {
        margin-top: -125px;
        box-shadow: 0px 1px 18px;
        padding: 8px;
        background: white;
        margin-bottom: 30px;
        min-height: 116px;
    }


    .section-hidden {
        display: none !important;
    }



/*Credit refund start*/

.txt-center {
    text-align: center !important;
}


.crdit-refund-title-section {
    background: #092140;
    padding: 20px;
    color: white;
    margin: 0 -14px;
    height: 196px;
}

.title-section {
    padding: 2px 0px 14px;
    text-align: center;
}

.credit-title {
    font-size: 16px;
    padding: 5px 24px;
    color: #f6bc50;
    border-style: dashed;
    border-color: #6b6e38;
}


.covid-line {
    color: #ae5446;
}

.covid-19 {
    color: #fb7f5d;
}

.search-section {
    width: 765px;
    background: #fff;
    height: 102px;
    padding: 34px;
    margin: -45px auto 0px;
    border-radius: 4px;
    position: relative;
}

    .search-section .refund-detail {
        width: auto !important;
        margin: auto !important;
    }

.mein-section {
    margin: 22px 30px 20px;
    min-height: 130px;
}

    .mein-section .text-header {
        padding-top: 24px;
        padding-bottom: 10px;
    }

.content-section {
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    padding-left: 20px;
}

.pt-20 {
    padding-top: 20px;
}

.table .table-hd {
    margin-bottom: -12px !important;
}

.credit-refund-table .table > tbody > tr > th, .table > tbody > tr > td {
    padding: 4px !important;
    border-top: none;
}

.table.credit-refund-table tr td:first-child {
    border-right: 1px solid #ededed;
}

.table.table-left tr td:first-child, .table.table-righ tr td:first-child {
    border-right: none;
}


.table.table-righ tr.total-tr td, .table.table-righ tr.refund-tr td {
    border-top: 1px solid #d3cdcd;
    border-top-style: dashed;
}

    .table.table-righ tr.total-tr td.border-top-td, .table.table-righ tr.refund-tr td.border-top-td {
        border-top: none !important;
    }


/*.table.table-righ tr:last-child {
    border-bottom: 4px solid red;
}*/
.r-status {
    background: #e9a50b;
    color: white;
    padding: 2px 10px;
    border-radius: 4px;
}

.InProcess {
    color: #e9a50b;
}

.Processed {
    color: #2a992c;
}

.crdit-refund-title-section .icon.ic-warning-empty {
    position: absolute;
    z-index: 0;
    background: #092140;
    margin-left: 118px;
    width: 130px !important;
    height: 130px !important;
    margin-left: 100px;
    font-size: 141px;
    color: #3c3c30;
}

.search-section .icon.ic-mail, .search-section .icon.ic-check-thin {
    color: #3030b2;
}

.search-section .icon.ic-check-thin {
    border: 1px solid #cec8cedd;
    font-size: 9px;
    padding: 1px;
}

.blue-color {
    fill: #006ee3 !important;
}

.search-section input[type="number"], .search-section input[type="email"] {
    font-size: 14px !important;
    height: 34px !important;
    color: #555 !important;
    padding: 3px 0px !important;
}

.input-borer-error {
    border: 1px solid red;
    border-radius: 4px;
}

#RefundDetails.error {
    font-size: 12px !important;
}

.input-borer-error input[type="number"]::placeholder, .input-borer-error input[type="email"]::placeholder {
    /*color: red;*/
}

.message-content-section {
    background: #f8f8c5a6;
    padding: 12px;
    margin: 0 -10px -10px -11px;
    border: 1px solid #dbcfcf;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.credit-title-info {
    text-align: center;
    position: relative;
    z-index: 100;
}

#buyGC {
    white-space: nowrap !important;
    background: #ef4e25;
}

.search-section .input-group-addon {
    background-color: #f0f0f0 !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 4px !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-right: 0px !important;
    padding: 6px 10px !important;
}

.table.table-left {
    margin-top: 36px;
}

.table.table-righ > tbody > tr > th {
    border-top: 0px;
}

.separet-table:after {
    content: "";
    border-right: 1px solid #e0e0e0;
    position: absolute;
    top: 0px;
    left: 21.600rem;
    height: 100%;
}

.seperate-right:before {
    content: "";
    border-left: 1px solid #e0e0e0;
    position: absolute;
    top: 0px;
    left: -11px;
    height: 100%;
}

.font-size-12 {
    font-size: 12px;
}

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

.font-size-14 {
    font-size: 14px;
}

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

.padding-top-6 {
    padding-top: 6px;
}

.contact-section, .good-news {
    margin: 6px 0;
}

.good-news {
    padding-top: 18px;
    padding-bottom: 18px;
}

.contact-section span {
    margin-left: -20px;
    background: #cffcfa;
    padding: 20px 16px 10px 22px;
    position: relative;
    top: 4px;
}

.contact-section .phone-number {
    padding-left: 28px;
    padding-top: 2px;
}

.contact-section .phone-text {
    padding-left: 48px;
    color: #0f0f0f;
    padding-top: 2px;
}

.grey-color {
    color: #6c7070;
}

.table.hold-for-credit {
    margin-bottom: 0px !important;
}

.hold-for-credit .table.table-left {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.good-news span {
    padding-left: 4px;
}

.good-news .good-news-content {
    margin-left: 8px;
}

.search-section .col-sm-5, .search-section .col-sm-2 {
    padding-left: 0px !important;
}

.btn-lg {
    padding: .7rem 1rem;
    font-size: .9375rem;
    line-height: 1.5;
    border-radius: .3125rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-default {
    color: #fff;
    background-color: #ef4e25;
    border-color: #ef4e25;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.3);
}

.btn-search {
    font-size: 14px;
    /* height: 3.4375rem; */
    padding: .4rem 0;
    /* margin-bottom: .125rem; */
    width: 122px;
}

.btn-default {
    color: #fff;
    background-color: #ef4e25;
    border-color: #ef4e25;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.3)
}

    .btn-default:hover {
        color: #fff;
        background-color: #dd3a10;
        border-color: #d2370f
    }

    .btn-default.focus, .btn-default:focus {
        box-shadow: 0 1px 0 0 rgba(0,0,0,.3),0 0 0 .125rem rgba(239,78,37,.5)
    }

    .btn-default:active {
        color: #fff !important;
        background-color: #ef4e25 !important;
        border-color: #ef4e25 !important;
    }


.footer-info__menu .footer-nav-main__link {
    cursor: pointer;
}

.section-hidden {
    display: none !important
}

.norton-logo {
    background: url(//c.fareportal.com/n/Portals/air/payment-sprite-react.png) -3px -8px;
    background-size: 380%;
    text-indent: -999px;
    display: inline-block;
    width: 90px;
    height: 53px;
    top: -5px;
    left: -.5rem;
    margin-right: 0;
    transform: scale(.7);
    position: relative;
}

.refund-detail .form-control {
    border: 1px solid #d5d5d5;
    font-weight: normal;
    border-left: 0px !important;
    background: #f0f0f0;
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}
/*Credit refund end*/

.twitterLogo {
    border: 2px solid #707070;
    border-radius: 40px;
    height: 23px;
    display: inline-block;
    overflow: hidden;
    padding: 1px 2px 0 3px;
    width: 24px;
}

.border-left-none {
    border-left: none;
}

.f_bg1 {
    background-image: url(https://c.fareportal.com/vd/ot/travel/r6-v1/images/footer_sp-home.png);
}
.bg-none {
    background: none !important;
}