input[type=radio]:not(old) {
    display: none
}

input[type="search"] {
    -webkit-appearance: none
}

input[type=radio]:not(old) {
    margin: 0;
    padding: 0;
    font-size: 15px
}

    input[type=radio]:not(old) + label {
        display: inline-block;
        margin: 0;
        font-size: 13px;
        color: #333;
        line-height: 15px;
        font-weight: bold
    }

        input[type=radio]:not(old) + label > span {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin: 0 5px 0 0;
            border: 1px solid #999;
            background: #fff !important;
            border-radius: 8px;
            vertical-align: bottom
        }

    input[type=radio]:not(old):checked + label > span > span {
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 8px;
        margin: 3px 0 0 3px;
        border: none;
        background: #cb2026
    }

.form-control.date {
    background: #fff url(../content/images/cal-icon.png) 97% no-repeat
}

.form-control {
    border: 1px solid #c1c1c1
}

.text-danger {
    color: #bb020a !important
}

.list {
    margin: 10px 0;
    padding: 0
}

    .list ul {
        margin: 0 0 0 17px;
        padding: 0
    }

        .list ul li {
            list-style: url(../content/images/bullet.png);
            margin: 0;
            padding: 0 0 0 5px;
            line-height: 22px
        }

@media only screen and (min-width:768px) {
    .banner {
        padding: 0 0 0 0
    }

        .banner img {
            width: 100%
        }

    .heading {
    }

    h1 {
        margin: 20px 0 20px 0;
        padding: 0;
        color: #000654;
        font-size: 20px;
        font-weight: 400
    }

    .container h2 {
        color: #2376b5;
        font-size: 19px;
        margin: 0 0
    }

    h3, h4, h5, h6 {
        color: #000654;
        margin: 5px 0;
        padding: 0;
        font-weight: normal;
        font-size: 20px;
        text-align: left;
        font-weight: 400
    }

    .diff-head h2 {
        margin: 25px 0 15px 0;
        padding: 10px 0 10px 0;
        color: #000654 !important;
        font-size: 20px;
        font-weight: 400
    }

    ul.resp-tabs-list {
        margin-top: 0 !important
    }

    .resp-tabs-list li {
        font-weight: 600;
        font-size: 13px;
        display: inline-block;
        padding: 13px 15px;
        margin: 0 4px 0 0;
        list-style: none;
        background: #eaebeb !important;
        cursor: pointer;
        float: left
    }

    .resp-tabs-container {
        padding: 0;
        background-color: #fff;
        clear: left
    }

    h2.resp-accordion {
        cursor: pointer;
        padding: 5px;
        display: none
    }

    .resp-tab-content {
        display: none;
        padding: 15px;
        min-height: 500px
    }

    .resp-tab-active {
        border: 1px solid #5ab1d0 !important;
        border-bottom: none;
        margin-bottom: -1px !important;
        padding: 12px 14px 14px 14px !important;
        border-top: 4px solid #5ab1d0 !important;
        border-bottom: 0 #fff solid !important
    }

    .resp-tab-active {
        border-bottom: none;
        background-color: #fff
    }

    .resp-content-active, .resp-accordion-active {
        display: block
    }

    .resp-tab-content {
        border: 1px solid #c1c1c1;
        border-top-color: #5ab1d0
    }

    h2.resp-accordion {
        font-size: 13px;
        border: 1px solid #c1c1c1;
        border-top: 0 solid #c1c1c1;
        margin: 0;
        padding: 10px 15px
    }

    h2.resp-tab-active {
        border-bottom: 0 solid #c1c1c1 !important;
        margin-bottom: 0 !important;
        padding: 10px 15px !important
    }

    h2.resp-tab-title:last-child {
        border-bottom: 12px solid #c1c1c1 !important;
        background: blue
    }

    .resp-vtabs ul.resp-tabs-list {
        float: left;
        width: 25%
    }

    .resp-vtabs .resp-tabs-list li {
        display: block;
        padding: 15px 15px !important;
        margin: 0 0 4px;
        cursor: pointer;
        float: none;
        font-size: 16px;
        font-weight: normal
    }

    .resp-tabs-list li span {
        padding: 0 10px 0 0
    }

    .resp-vtabs .resp-tabs-container {
        padding: 0;
        background-color: #fff;
        border: 1px solid #5ab1d0 !important;
        float: left;
        width: 73%;
        min-height: 250px;
        clear: none
    }

    .resp-vtabs .resp-tab-content {
        border: none;
        word-wrap: break-word
    }

    .resp-vtabs li.resp-tab-active {
        position: relative;
        z-index: 1;
        margin-right: -1px !important;
        background: #fff !important;
        padding: 14px 15px 15px 14px !important;
        border-top: 1px solid;
        border: 1px solid #5ab1d0 !important;
        border-left: 4px solid #5ab1d0 !important;
        margin-bottom: 4px !important;
        border-right: 1px #fff solid !important;
        color: #1276b1
    }

    .resp-arrow {
        width: 0;
        height: 0;
        float: right;
        margin-top: 3px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 12px solid #c1c1c1
    }

    h2.resp-tab-active span.resp-arrow {
        border: none;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 12px solid #9b9797
    }

    h2.resp-tab-active {
        background: #dbdbdb
    }

    .resp-easy-accordion h2.resp-accordion {
        display: block
    }

    .resp-easy-accordion .resp-tab-content {
        border: 1px solid #c1c1c1
    }

        .resp-easy-accordion .resp-tab-content:last-child {
            border-bottom: 1px solid #c1c1c1
        }

    .resp-jfit {
        width: 100%;
        margin: 0
    }

    .resp-tab-content-active {
        display: block
    }

    h2.resp-accordion:first-child {
        border-top: 1px solid #c1c1c1
    }

    .banner-img {
        width: 100%;
        height: auto;
        border-bottom: 1px solid #ccc
    }

        .banner-img img {
            width: 100%;
            height: auto
        }

    .career-left {
        float: left;
        width: 58%;
        margin: 0 0 0 0
    }

        .career-left h2 {
            background: #cecece;
            font-size: 18px;
            color: #333 !important;
            padding: 7px 15px;
            line-height: 25px;
            margin-bottom: 5px
        }

    .career-right {
        float: right;
        width: 40%;
        margin: 0 0 0 0
    }

        .career-right.careers {
            margin: 15px 0 0 0
        }

    .form-head {
        background: #000654;
        font-size: 18px;
        color: #fff;
        padding: 7px 15px;
        margin-bottom: 5px
    }

        .form-head h2 {
            font-size: 18px;
            color: #333
        }

        .form-head .fa-upload {
            color: #fff
        }

    .booknow {
        width: 20%
    }

    .form-group .srch-btn {
        width: 100%
    }

    .form-group .upload {
        width: 70%;
        display: inline-block;
        background: #fff
    }

    .form-group .upload-btn {
        display: inline;
        background: #dcd9d9 !important;
        color: #333;
        padding: 10px 30px 9px 30px;
        border-radius: 3px
    }

        .form-group .upload-btn:hover {
            background: #48a5dc !important;
            color: #fff
        }

    .form-group .fileUpload {
        position: relative;
        overflow: hidden;
        margin: 0 0 0 5px
    }

        .form-group .fileUpload input.upload {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            height: 40px;
            width: 100%;
            padding: 8px;
            font-size: 20px;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0)
        }

    .corpo-left {
        float: left;
        width: 17%;
        margin: 0 3% 2% 0
    }

    .corpo-right {
        float: right;
        width: 80%;
        margin: 0 0 2% 0
    }

    .corpo-head {
        text-transform: uppercase;
        font-size: 16px;
        padding: 0 0 5px 0
    }

    .form-group.smallwidth {
        width: 100%;
        display: inline-block
    }

    .group-bg {
        background: #efeded;
        padding: 15px;
        border: 1px solid #c1c1c1
    }

        .group-bg .form-group {
            display: inline-block;
            margin-bottom: 10px
        }

            .group-bg .form-group.autowidth {
                width: 49.7%
            }

            .group-bg .form-group.smallwidth {
                width: 24.7%
            }

            .group-bg .form-group.vacsmallwidth {
                width: 33%
            }

            .group-bg .form-group.textwidth {
                width: 100%
            }

            .group-bg .form-group.middlewidth {
                width: 49.7%
            }

            .group-bg .form-group.textwidth {
                text-align: center
            }

                .group-bg .form-group.textwidth .btn {
                    width: 150px
                }

    .grp-book-head {
        background: #000654;
        color: #fff;
        font-size: 18px;
        padding: 7px 15px
    }

    .grp-benifit {
        margin: 0 0 3px 0;
        border: 1px solid #ccc;
        padding: 10px 0 10px 12px
    }

        .grp-benifit td {
            padding: 2px 5px 6px 2px;
            line-height: 16px
        }

    .grp-bok-ad {
        margin: 25px 0 0 0
    }

        .grp-bok-ad img {
            width: 100%;
            height: auto
        }

    .form-area {
        background: #113852;
        padding: 10px 10px 10px 10px;
        margin-bottom: 15px;
        margin-top: 15px
    }

        .form-area .form-control {
            border-radius: 0;
            border: none;
            border-right: 1px solid #ddd
        }

            .form-area .form-control.fst-cur {
                border-radius: 3px 0 0 3px
            }

        .form-area select.form-control {
            border-radius: 0;
            border: none;
            border-right: 1px solid #ddd
        }

        .form-area label {
            color: #fff !important
        }

        .form-area .form-group .btn {
            border-radius: 0 3px 3px 0
        }

        .form-area .form-group {
            display: inline-block;
            float: left
        }

            .form-area .form-group.radiowidth {
                width: 100%
            }

            .form-area .form-group.autowidth {
                width: 18%
            }

            .form-area .form-group.middlewidth {
                width: 13%
            }

            .form-area .form-group.smallwidth {
                width: 8.5%
            }

            .form-area .form-group.perferred {
                width: 15.8%
            }

            .form-area .form-group.searchwidth {
                width: 12.5%
            }

    .not-found-left {
        float: left;
        width: 69%
    }

    .not-found-right {
        float: right;
        width: 28%;
        font-size: 16px;
        padding: 0 0 0 0;
        color: #333
    }

    .cont-info-area {
        border: 1px solid #c1c1c1;
        padding: 15px;
        min-height: 290px;
        background: #efeded
    }

    .not-found-right .locat {
        background: url(../content/images/loca-icon.png) 3px 3px no-repeat;
        padding: 0 0 7px 60px
    }

    .not-found-right .call {
        background: url(../content/images/call-icon.png) 3px 5px no-repeat;
        padding: 10px 0 15px 60px
    }

    .not-found-right .mail {
        background: url(../content/images/mail-icon1.png) 3px 5px no-repeat;
        padding: 12px 0 15px 60px;
        margin: 0 0 5px 0
    }

    .not-found-right .fax {
        background: url(../content/images/fax-icon.png) 3px 5px no-repeat;
        padding: 12px 0 15px 60px;
        margin: 0
    }

    .not-found-right .mail a {
        color: #333
    }

    .not-found-right .other-office {
        background: #fff url(../content/images/cont-map.jpg)left top repeat-x;
        overflow: hidden;
        margin-bottom: 45px;
        padding: 0 0 0 15px;
        -webkit-box-shadow: 0 6px 6px -5px rgba(143,143,143,1);
        -moz-box-shadow: 0 6px 6px -5px rgba(143,143,143,1);
        box-shadow: 0 6px 6px -5px rgba(143,143,143,1)
    }

    .error {
        background: #fff;
        padding: 15px 20px 15px 20px;
        margin: 10px auto;
        border: 1px dashed #bcbcbc;
        border-radius: 15px;
        font-size: 16px
    }

        .error span {
            color: #09a6da;
            font-size: 18px
        }

    .error-list ul {
        margin: 0;
        padding: 0
    }

        .error-list ul li {
            margin: 0;
            padding: 0 0 0 20px;
            list-style: none;
            background: url(/content/images/bullet.png) 0 8px no-repeat
        }

    .require {
        background: #fff;
        padding: 5px 5px 0 5px;
        text-align: center;
        margin: 0 0 10px 0;
        border: 1px solid #c1c1c1
    }

    .req-head {
        color: #2376b5;
        font-size: 17px
    }

    .list {
        margin: 10px 0;
        padding: 0
    }

        .list ul {
            margin: 0 0 0 17px;
            padding: 0
        }

            .list ul li {
                list-style: url(../content/images/bullet.png);
                margin: 0;
                padding: 0 0 0 5px;
                line-height: 22px
            }

    .other-left {
        float: left;
        width: 58%
    }

    .other-right {
        float: right;
        width: 40%
    }

    .help-links-head {
        background: #2e8fc2;
        margin: 5px 0 0 0 !important;
        padding: 2px 0 0 15px;
        color: #fff !important;
        font-size: 20px;
        line-height: 40px
    }

    .other-form-area {
        border: 1px solid #b5b5b5;
        overflow: hidden;
        padding: 15px;
        background: #f0efef
    }

        .other-form-area .form-control {
            border: 1px solid #c1c1c1;
            border-radius: 3px
        }

        .other-form-area .form-group {
            display: inline-block;
            margin: 0 4px 10px 0 !important
        }

            .other-form-area .form-group.autowidth {
                width: 99%
            }

            .other-form-area .form-group.middlewidth {
                width: 99%
            }

        .other-form-area .btn {
            border-radius: 3px
        }

    .card-bg {
        background: #efeded;
        padding: 8px
    }

    .card-left {
        float: left;
        width: 75%;
        margin: 0 0 0 0
    }

        .card-left .subhead {
            background: #c1c1c1;
            font-size: 16px;
            padding: 7px 15px;
            color: #333;
            margin: 0 auto 10px auto;
            width: 98%
        }

        .card-left .form-group {
            margin: 0 1% 15px 1%
        }

            .card-left .form-group.card-autowidth {
                width: 64.5%
            }

            .card-left .form-group.card-middlewidth {
                width: 31%
            }

        .card-left .srchwidth {
            margin: 0 auto 10px auto;
            width: 20%
        }

        .card-left .diff-head h2 {
            background: #cecece;
            margin: 5px 0 0 0;
            padding: 9px 15px;
            color: #333 !important;
            font-size: 18px;
            line-height: 22px
        }

    .card-right {
        float: right;
        width: 22%;
        margin: 0 0 0 0;
        text-align: center
    }

        .card-right .subhead {
            background: #cecece;
            margin: 5px 0 0 0;
            padding: 9px 15px;
            color: #333 !important;
            font-size: 18px;
            line-height: 22px;
            text-align: left
        }
}

@media(min-width:992px) and (max-width:1199px) {
    .form-group.car-middlewidth {
        width: 100%
    }

    .form-group .upload {
        width: 67%
    }

    .card-left .form-group.card-autowidth {
        width: 47.8%
    }

    .card-left .form-group.card-middlewidth {
        width: 47.8%
    }

    .group-bg .form-group.smallwidth {
        width: 24.6%
    }
}

@media(min-width:768px) and (max-width:991px) {
    .career-left {
        float: left;
        width: 100%;
        margin: 20px 0 0 0
    }

    .career-right {
        float: right;
        width: 100%;
        margin: 20px 0 0 0
    }

    .form-group .upload {
        width: 83%
    }

    .card-left .form-group.card-autowidth {
        width: 98%
    }

    .card-left .form-group.card-middlewidth {
        width: 98%
    }

    .other-form-area .form-group.middlewidth {
        width: 99%
    }

    .not-found-left {
        width: 100%
    }

    .not-found-right {
        width: 100%
    }

    .form-head {
        margin-top: 10px
    }

    .not-found-right .locat {
        padding: 8px 0 14px 70px
    }
}

@media only screen and (max-width:767px) {
    .banner {
        padding: 0 0 0 0
    }

        .banner img {
            width: 100%
        }

    .heading {
    }

    h1 {
        margin: 20px 0 20px 0;
        padding: 0;
        color: #000654;
        font-size: 20px;
        font-weight: 400
    }

        h1 span {
            background: #fff;
            padding: 0 10px 0 0
        }

    .heading1 {
        background: #011c4b;
        height: 40px;
        margin: 0 0 10px 0;
        overflow: hidden
    }

        .heading1 h1 {
            color: #fff;
            margin: 0;
            padding: 0;
            font-weight: normal;
            font-size: 20px;
            line-height: 39px
        }

    .container h2 {
        color: #2376b5;
        font-size: 19px;
        margin: 10px 0 10px 0
    }

    h3 {
        color: #da4500;
        margin: 5px 0;
        padding: 0;
        font-weight: normal;
        font-size: 18px;
        text-align: left
    }

    h3, h4, h5, h6 {
        color: #000654;
        margin: 5px 0;
        padding: 0;
        font-weight: normal;
        font-size: 18px;
        text-align: left
    }

    .diff-head h2 {
        margin: 25px 0 15px 0;
        padding: 10px 0 10px 0;
        color: #000654 !important;
        font-size: 20px;
        font-weight: 400
    }

    ul.resp-tabs-list {
        display: none
    }

    h2.resp-accordion {
        display: block
    }

        h2.resp-accordion span.space {
            padding: 0 10px 0 0
        }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #c1c1c1
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none
    }

    .resp-accordion-closed {
        display: none !important
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important
    }

    .group-bg .form-group.vacsmallwidth {
        width: 100%
    }

    .banner-img {
        width: 100%;
        height: auto;
        border-bottom: 1px solid #ccc;
        display: none
    }

        .banner-img img {
            width: 100%;
            height: auto
        }

    .career-left {
        float: left;
        width: 100%;
        margin: 10px 0 0 0
    }

        .career-left h2 {
            background: #cecece;
            font-size: 18px;
            color: #333 !important;
            padding: 7px 15px;
            line-height: 25px;
            margin-bottom: 5px
        }

    .career-right {
        float: right;
        width: 100%;
        margin: 10px 0 0 0
    }

    .form-head {
        background: #000654;
        font-size: 17px;
        color: #fff;
        padding: 7px 15px;
        margin-bottom: 0
    }

        .form-head h2 {
            font-size: 18px;
            color: #333
        }

        .form-head.careers {
            margin-bottom: 15px
        }

        .form-head .fa-upload {
            color: #fff
        }

    .form-group .srch-btn {
        width: 100%
    }

    .form-group .upload {
        width: 56%;
        display: inline-block;
        background: #fff
    }

    .form-group .upload-btn {
        display: inline;
        background: #dcd9d9 !important;
        color: #333;
        padding: 10px 30px
    }

        .form-group .upload-btn:hover {
            background: #48a5dc !important;
            color: #fff
        }

    .form-group .fileUpload {
        position: relative;
        overflow: hidden;
        margin: 0 0 0 5px
    }

        .form-group .fileUpload input.upload {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            height: 40px;
            width: 100%;
            padding: 8px;
            font-size: 20px;
            cursor: pointer;
            opacity: 0;
            filter: alpha
        }

    .corpo-left {
        float: left;
        width: 100%;
        margin: 0 0 2% 0;
        text-align: center
    }

    .corpo-right {
        float: right;
        width: 100%;
        margin: 0 0 2% 0;
        text-align: justify
    }

    .corpo-head {
        text-transform: uppercase;
        font-size: 16px;
        padding: 0 0 5px 0;
        text-align: center
    }

    .form-group .country {
        width: 100%;
        margin: 0 0 15px 0
    }

    .form-group .state {
        width: 100%;
        margin: 0 0 15px 0
    }

    .form-group .city {
        width: 100%;
        margin: 0 0 15px 0
    }

    .form-group {
        margin-bottom: 10px;
        display: inline-block
    }

    .group-bg {
        background: #efeded;
        padding: 5px
    }

    .form-group.autowidth {
        width: 100%
    }

    .form-group.textwidth {
        width: 100%
    }

    .group-bg .form-group.smallwidth {
        width: 49.5%
    }

    .form-group.middlewidth {
        width: 49%
    }

    .grp-book-head {
        background: #000654;
        color: #fff;
        font-size: 17px;
        padding: 8px 15px
    }

    .grp-benifit {
        margin: 0 0 3px 0;
        border: 1px solid #ccc;
        padding: 10px 0 10px 12px
    }

        .grp-benifit td {
            padding: 2px 5px 8px 2px;
            line-height: 16px
        }

    .grp-bok-ad {
        margin: 25px 0 0 0
    }

        .grp-bok-ad img {
            width: 100%;
            height: auto
        }

    .require {
        background: #fff;
        padding: 5px 5px 0 5px;
        text-align: center;
        margin: 0 0 10px 0;
        border: 1px solid #c1c1c1
    }

    .req-head {
        color: #2376b5;
        font-size: 16px
    }

    .form-area {
        background: #113852;
        padding: 10px 10px 10px 10px;
        margin-bottom: 15px;
        margin-top: 15px
    }

        .form-area .form-control {
            border-radius: 0;
            border: none;
            border-right: 1px solid #ddd
        }

            .form-area .form-control.fst-cur {
                border-radius: 3px 0 0 3px
            }

        .form-area select.form-control {
            border-radius: 0;
            border: none;
            border-right: 1px solid #ddd
        }

        .form-area label {
            color: #fff !important
        }

        .form-area .form-group .btn {
            border-radius: 0 3px 3px 0
        }

        .form-area .form-group {
            display: inline-block;
            float: left
        }

            .form-area .form-group.radiowidth {
                width: 100%
            }

            .form-area .form-group.autowidth {
                width: 100%
            }

            .form-area .form-group.middlewidth {
                width: 49.9%
            }

            .form-area .form-group.smallwidth {
                width: 33%
            }

            .form-area .form-group.perferred {
                width: 15.8%
            }

            .form-area .form-group.searchwidth {
                width: 100%
            }

    .not-found-left {
        float: left;
        width: 100%
    }

    .not-found-right {
        float: right;
        width: 100%;
        font-size: 16px;
        padding: 0 0 0 0;
        color: #333
    }

    .cont-info-area {
        border: 1px solid #c1c1c1;
        padding: 15px;
        min-height: 290px;
        background: #efeded
    }

    .not-found-right .locat {
        background: url(../content/images/loca-icon.png) 3px 3px no-repeat;
        padding: 0 0 7px 70px
    }

    .not-found-right .call {
        background: url(../content/images/call-icon.png) 3px 5px no-repeat;
        padding: 10px 0 15px 70px
    }

    .not-found-right .mail {
        background: url(../content/images/mail-icon1.png) 3px 5px no-repeat;
        padding: 12px 0 15px 70px;
        margin: 0 0 5px 0
    }

    .not-found-right .fax {
        background: url(../content/images/fax-icon.png) 3px 5px no-repeat;
        padding: 12px 0 15px 70px;
        margin: 0
    }

    .not-found-right .mail a {
        color: #333
    }

    .not-found-right .other-office {
        background: #fff url(../content/images/cont-map.jpg)left top repeat-x;
        overflow: hidden;
        margin-bottom: 45px;
        padding: 0 0 0 15px;
        -webkit-box-shadow: 0 6px 6px -5px rgba(143,143,143,1);
        -moz-box-shadow: 0 6px 6px -5px rgba(143,143,143,1);
        box-shadow: 0 6px 6px -5px rgba(143,143,143,1)
    }

    .error {
        background: #fff;
        padding: 5px;
        margin: 10px auto;
        border: 1px dashed #bcbcbc;
        border-radius: 15px;
        font-size: 16px
    }

        .error span {
            color: #09a6da;
            font-size: 18px
        }

    .error-list ul {
        margin: 0;
        padding: 0
    }

        .error-list ul li {
            margin: 0;
            padding: 0 0 0 20px;
            list-style: none;
            background: url('../content/images/bullet.png') 0 8px no-repeat
        }

    .booknow {
        width: 40%
    }

    .form-group.smallwidth {
        width: 100%;
        display: inline-block
    }

    .list {
        margin: 0;
        padding: 0
    }

        .list ul {
            margin: 0 0 0 17px;
            padding: 0
        }

            .list ul li {
                list-style: url('../content/images/bullet.png');
                margin: 0;
                padding: 0 0 0 5px;
                line-height: 22px
            }

    .other-left {
        float: left;
        width: 100%
    }

    .other-right {
        float: right;
        width: 100%
    }

    .help-links-head {
        background: #2f74d8;
        margin: 5px 0 0 0 !important;
        padding: 2px 0 0 15px;
        color: #fff !important;
        font-size: 20px;
        line-height: 40px
    }

    .other-form-area {
        border: 1px solid #b5b5b5;
        overflow: hidden;
        padding: 15px;
        background: #f0efef;
        margin-bottom: 10px
    }

        .other-form-area .form-control {
            border: 1px solid #c1c1c1;
            border-radius: 3px
        }

        .other-form-area .form-group {
            display: inline-block;
            margin-bottom: 10px !important
        }

            .other-form-area .form-group.autowidth {
                width: 100%
            }

            .other-form-area .form-group.middlewidth {
                width: 100%
            }

        .other-form-area .btn {
            border-radius: 3px
        }

    .card-bg {
        background: #efeded;
        padding: 8px
    }

    .card-left {
        float: left;
        width: 100%;
        margin: 0 0 0 0
    }

        .card-left .subhead {
            background: #c1c1c1;
            font-size: 16px;
            padding: 7px 15px;
            color: #333;
            margin: 0 auto 10px auto;
            width: 98%
        }

        .card-left .form-group {
            margin: 0 1% 15px 1%
        }

            .card-left .form-group.card-autowidth {
                width: 98%
            }

            .card-left .form-group.card-middlewidth {
                width: 98%
            }

        .card-left .srchwidth {
            margin: 0 auto 10px auto;
            width: 20%
        }

        .card-left .diff-head h2 {
            background: #cecece;
            margin: 5px 0 0 0;
            padding: 9px 15px;
            color: #333 !important;
            font-size: 18px;
            line-height: 22px
        }

    .card-right {
        float: right;
        width: 100%;
        margin: 0 0 0 0;
        display: none
    }

        .card-right .subhead {
            background: #cecece;
            margin: 5px 0 0 0;
            padding: 9px 15px;
            color: #333 !important;
            font-size: 18px;
            line-height: 22px
        }
}

.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 10000 !important
}

.loader {
    font-family: 'Roboto',sans-serif !important;
    width: 600px;
    height: 400px;
    background-color: #fff;
    border-radius: 10px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    -webkit-box-shadow: 4px 3px 5px 0 rgba(0,0,0,.75);
    -moz-box-shadow: 4px 3px 5px 0 rgba(0,0,0,.75);
    box-shadow: 4px 3px 5px 0 rgba(0,0,0,.75)
}

    .loader h1 {
        font-family: 'Roboto',sans-serif !important;
        text-align: center;
        font-size: 24px;
        color: #08487e;
        font-weight: 400 !important;
        margin-top: 0
    }

.loader-top {
    width: 100%;
    height: 230px;
    background-color: #a51e24;
    background-image: url('../content/images/top-bg.jpg');
    display: block;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important
}

.l-dest {
    font-family: 'Roboto',sans-serif !important;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-top: 55px;
    font-weight: 400 !important
}

.l-date {
    font-family: 'Roboto',sans-serif !important;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px
}

.mid-flight-img {
    margin-top: 115px
}

.loader-bottom {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
    color: #fff
}

    .loader-bottom .lb-head-01 {
        font-family: 'Roboto',sans-serif !important;
        font-size: 24px;
        color: #bb2025;
        margin: 0 0 0 0;
        padding: 0;
        font-weight: 400 !important
    }

    .loader-bottom .lb-head-02 {
        font-family: 'Roboto',sans-serif !important;
        font-size: 14px !important;
        color: #010101 !important;
        margin: 0 0 0 0 !important;
        padding: 0 !important;
        font-weight: 400 !important;
        background: none !important;
        text-align: center !important
    }

    .loader-bottom .lb-head-03 {
        font-family: 'Roboto',sans-serif !important;
        font-size: 28px;
        color: #1b1b1b;
        margin: 0;
        padding: 0;
        font-weight: 600 !important
    }

#flight-img {
    position: absolute;
    top: 195px;
    z-index: 10000
}

#background-wrap {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000
}

@-webkit-keyframes animateCloud {
    0% {
        margin-left: -800px
    }

    100% {
        margin-left: 100%
    }
}

@-moz-keyframes animateCloud {
    0% {
        margin-left: -800px
    }

    100% {
        margin-left: 100%
    }
}

@keyframes animateCloud {
    0% {
        margin-left: -800px
    }

    100% {
        margin-left: 100%
    }
}

@-webkit-keyframes animateFlight {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: 100%
    }
}

@-moz-keyframes animateFlight {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: 100%
    }
}

@keyframes animateFlight {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: 100%
    }
}

.x1 {
    -webkit-animation: animateCloud 45s linear infinite;
    -moz-animation: animateCloud 45s linear infinite;
    animation: animateCloud 45s linear infinite;
    -webkit-transform: scale(.35);
    -moz-transform: scale(.35);
    transform: scale(.35)
}

.x2 {
    -webkit-animation: animateCloud 25s linear infinite;
    -moz-animation: animateCloud 25s linear infinite;
    animation: animateCloud 25s linear infinite;
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    transform: scale(.2)
}

.x3 {
    -webkit-animation: animateFlight 5s linear infinite;
    -moz-animation: animateFlight 5s linear infinite;
    animation: animateFlight 5s linear infinite;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    margin-top: -50px
}

.x4 {
    -webkit-animation: animateCloud 18s linear infinite;
    -moz-animation: animateCloud 18s linear infinite;
    animation: animateCloud 18s linear infinite;
    -webkit-transform: scale(.1);
    -moz-transform: scale(.1);
    transform: scale(.1)
}

.x5 {
    -webkit-animation: animateCloud 25s linear infinite;
    -moz-animation: animateCloud 25s linear infinite;
    animation: animateCloud 25s linear infinite;
    -webkit-transform: scale(.25);
    -moz-transform: scale(.25);
    transform: scale(.25)
}

.cloud {
    background: #fff;
    background: -moz-linear-gradient(top,#fff 5%,#f1f1f1 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(5%,#fff),color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,#fff 5%,#f1f1f1 100%);
    background: -o-linear-gradient(top,#fff 5%,#f1f1f1 100%);
    background: -ms-linear-gradient(top,#fff 5%,#f1f1f1 100%);
    background: linear-gradient(top,#fff 5%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f1f1f1',GradientType=0);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: 0 8px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 8px 5px rgba(0,0,0,.1);
    box-shadow: 0 8px 5px rgba(0,0,0,.1);
    height: 120px;
    position: relative;
    width: 350px
}

    .cloud:after, .cloud:before {
        background: #fff;
        content: '';
        position: absolute;
        z-indeX: -1
    }

    .cloud:after {
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        height: 100px;
        left: 50px;
        top: -50px;
        width: 100px
    }

    .cloud:before {
        -webkit-border-radius: 200px;
        -moz-border-radius: 200px;
        border-radius: 200px;
        width: 180px;
        height: 180px;
        right: 50px;
        top: -90px
    }

@media only screen and (max-width:768px) {
    .loader {
        width: 350px
    }

    .map-icon {
        display: none
    }

    .l-dest {
        margin-top: 15px
    }

    .l-date {
        margin-top: 0
    }

    .mid-flight-img {
        margin-top: 10px
    }

    .loader-bottom .lb-head-01 {
        font-size: 18px
    }

    .loader-bottom .lb-head-02 {
        font-size: 13px
    }

    .loader-bottom .lb-head-03 {
        font-size: 17px
    }
}

@media only screen and (max-width:480px) {
    .loader {
        width: 350px
    }

    .map-icon {
        display: none
    }

    .l-dest {
        margin-top: 15px
    }

    .l-date {
        margin-top: 0
    }

    .mid-flight-img {
        margin-top: 10px
    }

    .loader-bottom .lb-head-01 {
        font-size: 18px
    }

    .loader-bottom .lb-head-02 {
        font-size: 13px
    }

    .loader-bottom .lb-head-03 {
        font-size: 17px
    }
}

@media only screen and (max-width:320px) {
    .loader {
        width: 300px
    }

    .map-icon {
        display: none
    }

    .l-dest {
        margin-top: 15px
    }

    .l-date {
        margin-top: 0
    }

    .mid-flight-img {
        margin-top: 10px
    }

    .loader-bottom .lb-head-01 {
        font-size: 18px
    }

    .loader-bottom .lb-head-02 {
        font-size: 13px
    }

    .loader-bottom .lb-head-03 {
        font-size: 17px
    }
}

@media only screen and (min-width:768px) {
    a#booking_pop:hover, a#join_pop:hover {
        border-color: none;
        background: #000
    }

    .progress-bar {
        animation: progress 30s;
        text-align: right;
        color: rgba(255,255,255,100);
        background: #6daee4 url('../content/images/loading-bar-hr1.png') 0 14px repeat-x;
        border-radius: 8px
    }

    .booking {
        background: #fff url('../content/images/popup-bg.gif') 0 135px no-repeat;
        background-size: 100% 60%;
        display: inline-block;
        left: 50%;
        color: #333;
        width: 100%;
        text-align: justify;
        top: 40%;
        z-index: 10;
        border-radius: 10px;
        text-align: center
    }

        .booking.oneway {
            background: #fff url(../content/images/popup-bg.gif) 0 55px no-repeat;
            display: inline-block;
            left: 50%;
            color: #333;
            width: 100%;
            text-align: justify;
            top: 40%;
            z-index: 10;
            border-radius: 10px;
            text-align: center
        }

        .booking.next-book {
            background: #fff !important;
            background-image: none
        }

        .booking .book-area {
            padding: 25px 25px 114px 25px
        }

            .booking .book-area.newarea {
                padding: 15px 15px 15px 15px !important
            }

        .booking .list-popup-head {
            margin: 0;
            padding: 0;
            color: #08487e;
            font-size: 32px
        }

        .booking p {
            padding: 10px;
            font-size: 17px;
            text-align: center
        }

            .booking p span {
                font-weight: bold
            }

        .booking .depart {
            float: left;
            width: 30%;
            text-align: center;
            padding: 35px 0 15px 0;
            font-size: 16px;
            background: url(../content/images/listing-loc.png) center top no-repeat;
            line-height: 21px;
            font-size: 19px
        }

            .booking .depart span.loc-name {
                font-weight: bold
            }

            .booking .depart span {
                display: block
            }

        .booking .arrival {
            float: right;
            width: 30%;
            text-align: center;
            padding: 35px 0 15px 0;
            font-size: 16px;
            background: url(../content/images/listing-loc.png) center top no-repeat;
            line-height: 21px;
            font-size: 19px
        }

            .booking .arrival span.loc-name {
                font-weight: bold
            }

            .booking .arrival span {
                display: block
            }

        .booking .mid-oneway {
            float: left;
            width: 25%;
            font-size: 16px;
            text-align: center;
            margin: 10px 0 0 30px;
            display: none
        }

            .booking .mid-oneway span {
                display: block;
                color: #333
            }

        .booking .mid-roundway {
            float: left;
            width: 25%;
            font-size: 16px;
            text-align: center;
            margin: 42px 0 0 30px
        }

        .booking .subs {
            background: #174f86;
            color: #fff;
            font-size: 37px;
            text-align: center;
            padding: 8px 0;
            border-radius: 0 0 2px 2px
        }

    .book-overlay {
        background-color: rgba(0,0,0,.6);
        bottom: 0;
        cursor: default;
        left: 0;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        visibility: hidden;
        z-index: 1;
        -webkit-transition: opacity .5s;
        -moz-transition: opacity .5s;
        -ms-transition: opacity .5s;
        -o-transition: opacity .5s;
        transition: opacity .5s;
        backdrop: static;
        keyboard: true
    }

        .book-overlay:target {
            visibility: visible;
            opacity: 1
        }

            .book-overlay:target + .booking {
                top: 50%;
                opacity: 1;
                visibility: visible
            }

    .well-done {
        display: none
    }
}

@media only screen and (max-width:767px) {
    a#booking_pop:hover, a#join_pop:hover {
        border-color: none;
        background: #000
    }

    .booking {
        background: #f8f6f6 url(../content/images/popup-bg.png) 0 0 repeat;
        display: inline-block;
        left: 50%;
        color: #333;
        width: 100%;
        text-align: justify;
        top: 50%;
        z-index: 10;
        border-radius: 10px;
        text-align: center
    }

        .booking .book-area {
            padding: 10px
        }

        .booking .list-popup-head {
            margin: 0;
            padding: 0;
            color: #08487e;
            font-size: 25px
        }

        .booking p {
            padding: 10px 10px 5px 10px;
            font-size: 15px;
            text-align: center
        }

            .booking p span {
                font-weight: bold
            }

        .booking .depart {
            float: left;
            width: 100%;
            text-align: center;
            padding: 5px 0 10px 0;
            font-size: 15px;
            background: none;
            line-height: 18px
        }

            .booking .depart span.loc-name {
                font-weight: bold
            }

            .booking .depart span {
                display: block
            }

        .booking .arrival {
            float: right;
            width: 100%;
            text-align: center;
            padding: 5px 0 10px 0;
            font-size: 15px;
            background: none;
            line-height: 18px
        }

            .booking .arrival span.loc-name {
                font-weight: bold
            }

            .booking .arrival span {
                display: block
            }

        .booking .mid-oneway {
            float: left;
            width: 100%;
            font-size: 15px;
            text-align: center;
            margin: 0 auto 5px auto;
            display: none
        }

            .booking .mid-oneway span {
                display: block;
                color: #333
            }

        .booking .mid-roundway {
            float: left;
            width: 100%;
            font-size: 15px;
            text-align: center;
            margin: 5px auto 5px auto
        }

        .booking .subs {
            background: #174f86;
            color: #fff;
            font-size: 20px;
            text-align: center;
            padding: 8px 0;
            border-radius: 0 0 2px 2px
        }

    .book-overlay {
        background-color: rgba(0,0,0,.6);
        bottom: 0;
        cursor: default;
        left: 0;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        visibility: hidden;
        z-index: 1;
        -webkit-transition: opacity .5s;
        -moz-transition: opacity .5s;
        -ms-transition: opacity .5s;
        -o-transition: opacity .5s;
        transition: opacity .5s;
        backdrop: static;
        keyboard: true
    }

        .book-overlay:target {
            visibility: visible;
            opacity: 1
        }

            .book-overlay:target + .booking {
                top: 50%;
                opacity: 1;
                visibility: visible
            }

    .well-done {
        display: none
    }

    .progress-bar {
        animation: progress 50s;
        text-align: right;
        color: rgba(255,255,255,100);
        background: #6daee4 url(../content/images/loading-bar-hr1.png) 0 14px repeat-x;
        border-radius: 8px
    }
}