@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');

body {
    font-family: 'Open Sans', sans-serif;
}

.padd0 {
    padding: 0 !important;
}

.mar0 {
    margin: 0 !important;
}


.topbar {
    width: 100%;
    float: left;
    padding: 8px 0;
    background: #05386b;
    position: fixed;
    z-index: 9999;
    border-top: #cacaca solid 1px;
    border-bottom: #cacaca solid 1px;
}

    .topbar .logo {
        margin-top: 1px;
    }

ul.navigation {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.navigation li {
        display: inline-block;
    }

        ul.navigation li a {
            font-size: 15px;
            color: #fff;
            font-weight: 400;
            float: left;
            margin-right: 15px;
            line-height: 34px;
            padding-top: 18px;
        }

            ul.navigation li a.last {
                margin-right: 0;
            }

            ul.navigation li a:hover {
                color: #fff;
            }


ul.login {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 14px;
}

    ul.login li:first-child {
        margin-right: 12px;
    }

    ul.login li {
        font-size: 15px;
        font-weight: 400;
        float: left;
        color: #3d3d3d;
        line-height: 38px;
        margin-right: 5px;
    }

        ul.login li a {
            color: #fff;
            float: left;
        }

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

a:hover {
}

.mainnav {
    width: auto;
    float: right;
    margin-right: 25px;
}

.selectcurrency {
    width: auto;
    float: right;
    margin-right: 25px;
}

.loginuser {
    width: auto;
    float: right;
}


ul.login2 {
    width: auto;
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 14px;
}

    ul.login2 li:first-child {
        margin-right: 12px;
    }

    ul.login2 li {
        font-size: 15px;
        font-weight: 400;
        float: left;
        color: #3d3d3d;
        line-height: 38px;
        margin-right: 5px;
    }

        ul.login2 li a {
            color: #fff;
            float: left;
        }

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


.banner {
    width: 100%;
    float: left;
    background-color: #f8f9fc;
    /* background: url(../images/11111.jpg) no-repeat center;*/
    background-size:100% !important;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    height: 420px;
}

    .banner h2 {
        font-size: 44px;
        color: #212529;
        font-weight: 600;
        text-align: center;
        margin-top: 1.5em;
    }

ul.formbox {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 2em;
}

    ul.formbox li {
        display: inline-block;
        margin-right: 10px;
        float: left;
        height: 44px;
    }

        ul.formbox li:last-child {
            margin-right: 0;
        }

        ul.formbox li input[type="text"] {
            float: left;
            border: #212529 solid 1px;
            padding-left: 16%;
            line-height: 44px;
            font-size: 12px;
            color: #7b7b7b;
        }

            ul.formbox li input[type="text"]::placeholder {
                font-size: 12px;
                color: #a4a4a4;
            }

        ul.formbox li select::placeholder {
            font-size: 12px;
            color: #a4a4a4;
        }

        ul.formbox li.leaving {
            width: 25%;
        }

        ul.formbox li.going {
            width: 25%;
        }

        ul.formbox li.leaving input[type="text"] {
            background: url(../images/leaving.jpg) no-repeat left center;
            width: 100%;
            height: 44px;
        }

        ul.formbox li.going input[type="text"] {
            background: url(../images/going.jpg) no-repeat left center;
            width: 100%;
            height: 44px;
        }

        ul.formbox li.date {
            width: 15%;
        }

            ul.formbox li.date input[type="text"] {
                background: url(../images/date.jpg) no-repeat left center;
                width: 100%;
                height: 44px;
                padding-left: 22%;
            }

        ul.formbox li.submit {
            width: 16%;
            float: left;
        }

        ul.formbox li input[type="submit"] {
            width: 100%;
            float: left;
            border: none;
            background: #05386b;
            color: #fff;
            font-size: 18px;
            text-align: center;
            height: 44px;
            line-height: 42px;
        }

            ul.formbox li input[type="submit"]:hover {
                background: #0e7ae6;
            }

.discountbox {
    width: auto;
    float: right;
    text-align: center;
    line-height: 40px;
    font-size: 48px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    margin-top: 1.2em;
    margin-right: 4.90em;
}

    .discountbox span {
        font-size: 24px;
        width: 100%;
        float: left;
        text-align: center;
    }


.midbox1 {
    width: 100%;
    float: left;
    margin: 3.5em 0;
    margin-bottom: 2em;
}

    .midbox1 h2 {
        font-size: 24px;
        color: #5b5b5b;
        font-family: 'Oswald', sans-serif;
        line-height: 35px;
        float: left;
        margin-bottom: 1em;
    }

    .midbox1 p {
        line-height: 24px;
        width: 100%;
        float: left;
        color: #5b5b5b;
    }



.midbox2 {
    width: 100%;
    float: left;
    margin: 2em 0;
    background: #efefef;
    border: #cacaca solid 1px;
    padding: 25px 0;
    padding-bottom: 0;
}

    .midbox2 h2 {
        font-size: 24px;
        color: #656666;
        font-family: 'Oswald', sans-serif;
        line-height: 40px;
    }

        .midbox2 h2 span {
            font-size: 36px;
            color: #212529;
            width: 100%;
            float: left;
        }

    .midbox2 p {
        width: 100%;
        float: left;
        padding-left: 6%;
        margin-top: 10px;
    }

    .midbox2 ul.appui {
        width: 100%;
        float: left;
        list-style: none;
        padding-left: 2em;
        margin-top: 0.5em;
    }

        .midbox2 ul.appui li {
            background: url(../images/location-red-icon.png) no-repeat;
            background-position: 0px 4px;
            text-align: left;
            padding-left: 15px;
            margin-bottom: 6px;
        }


.midbox3 {
    width: 100%;
    float: left;
    margin-top: 1em;
}

    .midbox3 h2 {
        font-size: 30px;
        color: #656666;
        font-family: 'Oswald', sans-serif;
        line-height: 40px;
        margin-bottom: 2em;
    }

    .midbox3 ul.milestone {
        width: 100%;
        float: left;
        list-style: none;
        padding: 0;
    }

        .midbox3 ul.milestone li {
            width: 23.3%;
            float: left;
            margin-right: 2%;
            background: url(../images/milestone-border.jpg) no-repeat;
            background-position: 100% 70px;
        }

            .midbox3 ul.milestone li:last-child {
                background: none;
                margin-right: 0;
            }

            .midbox3 ul.milestone li h3 {
                font-size: 24px;
                color: #212529;
                width: 100%;
                float: left;
                text-align: center;
                line-height: 34px;
                font-family: 'Oswald', sans-serif;
            }

                .midbox3 ul.milestone li h3 span {
                    font-size: 18px;
                    color: #929292;
                    width: 100%;
                    float: left;
                    font-family: 'Open Sans', sans-serif;
                }


.mg-image {
    overflow: hidden;
    width: 263px;
    height: 192px;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
}

    .mg-image img {
        -webkit-transition: all 0.7s ease; /* Safari and Chrome */
        -moz-transition: all 0.7s ease; /* Firefox */
        -o-transition: all 0.7s ease; /* IE 9 */
        -ms-transition: all 0.7s ease; /* Opera */
        transition: all 0.7s ease;
        max-width: 100%;
    }

    .mg-image:hover img {
        -webkit-transform: scale(1.25); /* Safari and Chrome */
        -moz-transform: scale(1.25); /* Firefox */
        -ms-transform: scale(1.25); /* IE 9 */
        -o-transform: scale(1.25); /* Opera */
        transform: scale(1.25);
    }



.mtop40 {
    margin-top: 40px !important;
}

.mtop60 {
    margin-top: 60px !important;
}

.mtop80 {
    margin-top: 80px !important;
}

.mbot40 {
    margin-bottom: 40px !important;
}

.mbot60 {
    margin-bottom: 60px !important;
}

.mbot80 {
    margin-bottom: 80px !important;
}

.mbot20 {
    margin-bottom: 20px !important;
}

.mbot80 {
    margin-bottom: 80px !important;
}


.w100 {
    width: 100%;
}


.DropShadow {
    box-shadow: 5px 5px 5px 5px #808080;
    border-radius: 15px !important;
    padding-bottom: 20px !important;
}

footer {
    width: 100%;
    float: left;
    background: #2c4c7a;
    margin-top: 3em;
    padding-bottom: 15px;
    border: #cacaca solid 1px;
}

    footer h3 {
        font-size: 18px;
        color: #656666;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        line-height: 25px;
        margin-bottom: 15px;
        float: left;
        width: 100%;
        background: url(../images/footer-heading-border.jpg) no-repeat;
        line-height: 50px;
        background-position: 0px 47px;
    }



    footer ul.footerpoint {
        width: 100%;
        float: left;
        list-style: none;
        padding: 0;
    }

        footer ul.footerpoint li {
            width: 100%;
            float: left;
            margin-bottom: 4px;
            font-size: 13px;
            padding-left: 13px;
            background: url(../images/location-grey-icon.png) no-repeat;
            background-position: 0px 5px;
        }

            footer ul.footerpoint li a {
                font-size: 13px;
                color: #989898;
            }

                footer ul.footerpoint li a:hover {
                    text-decoration: underline;
                }

.socialtext {
    color: #989898;
}

    .socialtext a {
        color: #212529;
    }

        .socialtext a:hover {
            text-decoration: underline;
        }

.payment {
    float: right;
    width: 40%;
}

    .payment h3 {
        background: none;
        margin-bottom: 0px;
        margin-top: 10px;
    }


.copywrite {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #7c7c7c;
    text-align: center;
    padding: 16px 0;
}


@media screen and (max-width:1200px) {
    .topnav {
        position: relative;
        border-bottom: none;
    }

    .banner {
        margin-top: 0;
    }
}

@media screen and (max-width:64em) {
    ul.socialicon {
        padding-left: 0;
    }

    .menu-container {
        width: 93% !important;
    }

    .menu > ul > li a {
        font-size: 13px !important;
    }
}

@media screen and (max-width:61.25em) {
    .topnav .col-md-4 {
        text-align: center;
        margin-bottom: 15px;
    }

    .modal-content {
        width: 50%;
    }

    .modal-content1 {
        width: 50%;
    }

    .newsupdate .col-md-6 {
        z-index: 9999;
        position: relative;
    }

    .topnav .col-md-8 {
        float: none !important;
    }

        .topnav .col-md-8 .col-md-5 {
            float: none !important;
        }

    ul.socialicon {
        margin-left: 0 !important;
        text-align: center;
    }

        ul.socialicon li {
            float: none;
        }

    .menu-container {
        width: 100% !important;
        float: left !important;
    }

    .menu > ul {
        text-align: center;
    }

        .menu > ul > li {
            float: none !important;
            display: inline-block;
        }

            .menu > ul > li > ul > li > ul > li {
                float: left;
            }

            .menu > ul > li > ul > li a {
                text-align: left !important;
            }

        .menu > ul.show-on-mobile > li a {
            text-align: left !important;
            color: #fff;
        }

        .menu > ul.show-on-mobile > li {
            float: left !important;
        }
}


@media screen and (max-width:60em) {
    .menu-container {
        background: #666;
    }

        .menu-container a {
            color: #fff;
        }
}

@media screen and (max-width:40em) {
    .mobilemleft15 {
        margin-left: 15px;
    }

    .navbar-nav {
        float: none;
    }

    .navbar-default .navbar-collapse {
        margin-top: 20px;
    }

    .schedulesection {
        margin-top: 3em;
    }
}


@media screen and (max-width:35em) {
    .aboutcontent p {
        padding: 0;
    }
}




.date .ajax__calendar_header {
    height: 40px;
    background: #212529;
    line-height: 40px;
    color: #fff;
    font-size: 15px;
}

.date .ajax__calendar_title:hover {
    color: #fff !important;
}

.date .ajax__calendar_prev {
    height: 40px;
    margin-left: 5px;
}

.date .ajax__calendar_next {
    height: 40px;
    margin-right: 5px;
}

.date .ajax__calendar .ajax__calendar_container {
    border: 1px solid #212529;
    color: #7b7b7b;
    width: 220px;
}

.date .ajax__calendar_body {
    height: 145px;
    width: 100%;
}

.date .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
    width: 100%;
}

.date .ajax__calendar_container TABLE {
    width: 100%;
}

.date .ajax__calendar_container TD {
    padding: 3px 4px;
}

    .date .ajax__calendar_container TD .ajax__calendar .ajax__calendar_dayname {
        border-bottom: none;
        font-weight: bold;
    }

.date .ajax__calendar_container TABLE thead {
    background: #eaeaea;
}

.date .ajax__calendar .ajax__calendar_today .ajax__calendar_day {
    background: #212529;
    border-color: #212529;
    color: #fff;
    height: 20px;
    width: 100%;
    text-align: center;
    padding: 1px 3px;
    float: left;
}

.date .ajax__calendar_day {
    float: left;
}

.date .ajax__calendar .ajax__calendar_hover .ajax__calendar_day {
    background: #212529;
    border-color: #212529;
    color: #fff;
    width: 100%;
    text-align: center;
}

.date .ajax__calendar_footer {
    height: 25px;
    font-size: 13px;
    font-weight: bold;
}


.tab-content #UpdatePanel1 {
    width: 100%;
    float: left;
    border: #ddd solid 1px;
}


.searchtable tr th {
    background: #212529;
    font-family: 'Open Sans', sans-serif;
}

.searchtable th {
    text-align: center;
    padding: 8px 10px;
}

.searchtable td {
    text-align: center;
    padding: 5px 0;
    padding-bottom: 0;
}

.viewseatbox .busdesign tbody {
    padding: 15px;
}

.viewseatbox .busdesign .bustable td {
    background: url(Admin/img/available_seat_img.gif);
    border: #fff solid 1px;
    background-repeat: no-repeat !important;
    background-position: 3px 2px !important;
}

.viewseatbox .busdesign .seattext {
    font-size: 15px;
    font-weight: 500;
    color: #828282;
    text-align: left;
    width: 100%;
    float: left;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
}

.viewseatbox .busdesign .basetext {
    font-size: 15px;
    font-weight: 500;
    color: #828282;
    text-align: left;
    width: 100%;
    float: left;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
}

.viewseatbox .busdesign .pricetext {
    font-size: 17px;
    font-weight: bold;
    color: #3a840a;
    text-align: left;
    width: 100%;
    float: left;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
}


.viewseatbox .busdesign table {
    width: 100%;
    float: left;
}

    .viewseatbox .busdesign table table {
        background: #fff;
        border: none;
        border-top: #ddd solid 2px;
        position: relative;
        top: 20px;
    }


.viewseatbox .busdesign .bustable tbody tr {
    width: inherit;
}



.viewseatbox .busdesign td {
    padding: 5px 0;
    background-position: inherit !important;
    text-align: left !important;
    float: left;
}

    .viewseatbox .busdesign td.steeringhandle {
        background: url(../Admin/img/steering.jpg) #fff;
        background-repeat: no-repeat !important;
        padding-top: 25px;
        background-position: 5% 10.5px !important;
    }

.btnLogin {
    background-color: #0e7ae6;
    color: #fff;
    border-radius: 30px !important;
    background: -o-linear-gradient(left, #0e7ae6 0, #003C27) !important;
    background: -ms-linear-gradient(left,#0e7ae6 0, #003C27 100%) !important;
    background: linear-gradient(to right, #0e7ae6 0, #003C27 100%) !important;
}

    .btnLogin:hover {
        background-color: #0e7ae6!important;
        color: #fff;
    }