﻿@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:700,300');
@import url('https://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css');

.ModalBackground {
    background-color: rgba(0,0,0,0.5)
}

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Book Antiqua !important;
    background-color: #efefef !important;
}

    body::-webkit-scrollbar {
        width: 10px !important;
    }

    body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
        border-radius: 6px;
    }

    body::-webkit-scrollbar-thumb {
        background-color: #e53d3d;
        outline: 1px solid slategrey;
        border-radius: 6px;
    }

@font-face {
    font-family: Open Sans;
    src: url(../font/OpenSans-Regular.ttf);
}

@font-face {
    font-family: Open Sans Semibold;
    src: url(../font/OpenSans-Semibold.ttf);
}

@font-face {
    font-family: "Open Sans Light";
    src: url("../font/OpenSans-Light.eot?") format("eot"), url("../font/OpenSans-Light.woff") format("woff"), url("../font/OpenSans-Light.ttf") format("truetype"), url("../font/OpenSans-Light.svg#OpenSans-Light") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../font/Roboto-Light.eot'), url('../font/Roboto-Light.woff') format('woff'), url('../font/Roboto-Light.ttf') format('truetype'), url('../font/Roboto-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Book Antiqua';
    src: url('../font/Book Antiqua.eot'), url('../font/Book Antiqua.woff') format('woff'), url('../font/Book Antiqua.ttf') format('truetype'), url('../font/Book Antiqua.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Book Antiqua,Arial';
    src: url('../font/Book Antiqua,Arial.eot'), url('../font/Book Antiqua,Arial.woff') format('woff'), url('../font/Book Antiqua,Arial.ttf') format('truetype'), url('../font/Book Antiqua,Arial.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../font/Roboto-Bold.eot'), url('../font/Roboto-Bold.woff') format('woff'), url('../font/Roboto-Bold.ttf') format('truetype'), url('../font/Roboto-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*-----------------------------------------Scroller-----------------------------------------*/

/* Custom ScrollBar Css */

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #b30000;
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #b30000;
    }

#bottom {
    margin-top: 0px 0 0 0;
}

    #top a, #bottom a {
        color: red;
        font-size: 17px;
    }

.scrollertop {
    z-index: 100;
    margin-top: 190px;
    left: 48%;
    position: relative;
}


.scrollerbottom {
    float: right;
    right: 10px;
    z-index: 100;
    bottom: 0px;
}

.jhol1 {
    float: left !important;
    position: relative !important;
    /*top: -34px !important;*/
}
/*-----------------------------------------Common Css-----------------------------------------*/
.space {
    margin-top: 10px;
}

.space1 {
    margin-top: 20px;
}

.space2 {
    margin-top: 30px;
}

.width {
    width: 100%;
}

.max {
    max-width: 100%;
}

.left {
    float: left;
}

.right {
    float: right;
}

.display {
    display: inline-block;
    width: 100%;
}

.padding {
    padding: 0px;
}

.inspce {
    margin: 10px 0;
}

.chkb {
}

    .chkb input[type="checkbox"],
    .chkb-inline input[type="checkbox"] {
        position: absolute;
        margin-top: 4px 0 0 0;
        margin-left: -20px;
    }

    .chkb label {
        min-height: 20px;
        padding-left: 5px;
        margin-bottom: 0;
        margin: 0 0 0 9px;
        font-weight: normal;
        cursor: pointer;
    }

.chktb {
}

    .chktb input[type="checkbox"],
    .chktb-inline input[type="checkbox"] {
        position: absolute;
        margin-top: 2px;
        margin-left: 20px;
    }

    .chktb label {
        min-height: 20px;
        padding-left: 30px;
        margin-bottom: 0;
        margin: 0 0 0 9px;
        font-weight: normal;
        cursor: pointer;
        width: 121px;
    }
/*-------------------------Header---------------------*/
.topbg {
    background-color: #efefef;
}

.welcomtxt {
    float: right;
    border-top: 33px solid #ff0000;
    margin-top: 20px;
    padding-left: 0px;
    font-family: Book Antiqua;
    border-radius: 5px 5px 5px 5px;
    width: auto;
}

    .welcomtxt ul {
        margin: -27px 0 0 0;
        padding: 0 0 0 10px;
        list-style: none;
        float: right;
        width: 100%;
    }

        .welcomtxt ul li {
            float: left;
        }

            .welcomtxt ul li:after {
                content: ' | ';
                padding: 0 2px;
                color: #fff;
            }

            .welcomtxt ul li:last-child:after {
                content: '';
            }


            .welcomtxt ul li a {
                font-size: 13px;
                color: #fff;
                letter-spacing: 1px;
            }

                .welcomtxt ul li a:hover {
                    color: #000;
                }

        .welcomtxt ul.menus {
            height: auto;
            width: 170px;
            background: #ff0000;
            position: absolute;
            z-index: 9999;
            display: none;
            border: 0;
            top: 78px;
            right: 1px;
            padding: 0;
        }


            .welcomtxt ul.menus li {
                height: 28px;
                -webkit-transition: all .25s ease;
                -moz-transition: all .25s ease;
                -ms-transition: all .25s ease;
                -o-transition: all .25s ease;
                transition: all .25s ease;
                border-top: 1px solid #dfdfdf;
                padding: 10px 0 24px 0;
                width: 100%;
            }

                .welcomtxt ul.menus li:after {
                    content: '' !important;
                    padding: 0 2px;
                    color: #fff;
                }

                .welcomtxt ul.menus li a {
                    /*border-bottom: 1px solid rgba(150, 150, 150, 0.15);*/
                    padding: 16px 15px;
                    width: 217px;
                    font-size: 13px;
                    text-decoration: none;
                    color: #fff;
                    letter-spacing: 1px;
                    /*background: #ff0000;*/
                    text-align: left;
                }

    .welcomtxt li:hover ul.menus {
        display: block
    }

.welcomtxt1 {
    float: right;
    border-top: 23px solid #ff0000;
    margin-top: 15px;
    padding-left: 10px;
    font-family: Book Antiqua;
    border-radius: 5px 0px 0px 0px;
    width: 100%;
}

    .welcomtxt1 ul {
        margin: -20px 0 0 0;
        padding: 0px;
        list-style: none;
    }

        .welcomtxt1 ul li {
            float: left;
        }

            .welcomtxt1 ul li:after {
                content: ' | ';
                color: #333;
                padding: 0 10px;
            }

            .welcomtxt1 ul li:last-child::after {
                content: '' !important;
            }

            .welcomtxt1 ul li a {
                font-size: 13px;
                color: #fff;
                letter-spacing: 1px;
            }

                .welcomtxt1 ul li a:hover {
                    color: #000;
                }

.menubg {
    background-color: #16293a;
    height: 75px;
    border-radius: 5px;
}

.headertxt {
    font-family: 'Cooper';
    font-size: 25px;
    margin-top: 24px;
    color: #ff0000;
}
/*-------------------------Breadcrum---------------------*/
.breadcrum {
}

    .breadcrum ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        font-family: Book Antiqua,Arial;
    }

        .breadcrum ul li {
            float: left;
            padding: 13px 10px 0 0;
        }

            .breadcrum ul li:after {
                content: ' > ';
                padding-left: 25px;
                color: #bcbbbb;
            }

            .breadcrum ul li:last-child:after {
                content: '';
            }

            .breadcrum ul li a {
                color: #232323;
                font-size: 12px;
                letter-spacing: 1px;
            }

                .breadcrum ul li a:hover {
                    color: #e10404;
                }

/*-------------------------Dashboard---------------------*/
.blackbg {
    background-color: #fff;
    margin-bottom: 50px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.14);
}

.blackbg1 {
    background-color: #889097;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.blackbg2 {
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.title {
    font-size: 38px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 10px 0;
}

.titlenew {
    font-size: 35px;
    color: #333;
    letter-spacing: 1px;
    font-family: Book Antiqua;
    font-weight: bold;
    text-align: left;
    margin-top: 5px;
}

.border {
    border-bottom: 1px solid #d8d3d3;
}

.txt1 {
    font-size: 24px;
    color: #fff;
    border-right: 1px solid #d8d3d3;
    letter-spacing: 1px;
    text-align: center;
    line-height: 1.2;
    margin: 10px 0;
    font-family: Open Sans Semibold;
}

    .txt1 span {
        color: #ff8636;
        font-size: 35px;
        font-weight: bold;
    }

.txt2 {
    font-size: 24px;
    color: #fff;
    border-right: 1px solid #d8d3d3;
    letter-spacing: 1px;
    text-align: center;
    line-height: 1.2;
    margin: 10px 0;
    font-family: Open Sans Semibold;
}

    .txt2 span {
        color: #76ae19;
        font-size: 35px;
        font-weight: bold;
    }

.txt3 {
    font-size: 24px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    line-height: 1.2;
    margin: 10px 0;
    font-family: Open Sans Semibold;
}

    .txt3 span {
        color: #ffb22b;
        font-size: 35px;
        font-weight: bold;
    }

.tabdiv {
    background-color: #e53d3d;
    color: #fff;
    letter-spacing: 1px;
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
    margin-top: 40px;
    font-family: Open Sans Semibold;
}

.tabdiv1 {
    background-color: #0f93c4;
    color: #fff;
    letter-spacing: 1px;
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
    margin-top: 40px;
    font-family: Open Sans Semibold;
}

.tabdiv2 {
    background-color: #76ae19;
    color: #fff;
    letter-spacing: 1px;
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
    margin-top: 40px;
    font-family: Open Sans Semibold;
}

.caltxt {
    font-size: 14px;
    font-family: Open Sans Semibold;
    letter-spacing: 1px;
    color: #fff;
    text-align: left;
    margin: 20px 0 20px 0;
}

.calbx1 {
    font-family: Open Sans Semibold;
    font-size: 13px;
    color: #fff;
    letter-spacing: 1px;
    text-align: left;
}

.calnum1 {
    font-family: Open Sans Semibold;
    font-size: 13px;
    color: #ef1a1a;
    letter-spacing: 1px;
    text-align: right;
}

.calbox1 {
    background-color: #fff;
    border-radius: 3px;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.calboxin1 {
    background-color: #ef1a1a;
    border-radius: 3px;
    padding: 2px;
    width: 15%;
    float: left;
}

.calbx2 {
    font-family: Open Sans Semibold;
    font-size: 13px;
    color: #fff;
    letter-spacing: 1px;
    text-align: left;
}

.calnum2 {
    font-family: Open Sans Semibold;
    font-size: 13px;
    color: #0f93c4;
    letter-spacing: 1px;
    text-align: right;
}

.calbox2 {
    background-color: #fff;
    border-radius: 3px;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.calboxin2 {
    background-color: #0f93c4;
    border-radius: 3px;
    padding: 2px;
    width: 35%;
    float: left;
}

.calbx3 {
    font-family: Open Sans Semibold;
    font-size: 13px;
    color: #fff;
    letter-spacing: 1px;
    text-align: left;
}

.calnum3 {
    font-family: Open Sans Semibold;
    font-size: 13px;
    color: #ff8636;
    letter-spacing: 1px;
    text-align: right;
}

.calbox3 {
    background-color: #fff;
    border-radius: 3px;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.calboxin3 {
    background-color: #ff8636;
    border-radius: 3px;
    padding: 2px;
    width: 70%;
    float: left;
}

.calbx4 {
    font-family: Open Sans Semibold;
    font-size: 13px;
    color: #fff;
    letter-spacing: 1px;
    text-align: left;
}

.calnum4 {
    font-family: Open Sans Semibold;
    font-size: 13px;
    color: #6eb816;
    letter-spacing: 1px;
    text-align: right;
}

.calbox4 {
    background-color: #fff;
    border-radius: 3px;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.calboxin4 {
    background-color: #6eb816;
    border-radius: 3px;
    padding: 2px;
    width: 100%;
    float: left;
}

.txt4 {
    color: #23b9a9;
    font-size: 60px;
    letter-spacing: 1px;
    font-family: Open Sans Semibold;
}

    .txt4 span {
        color: #fff;
        font-size: 13px;
    }

.icontxt i {
    color: #23b9a9;
    font-size: 65px;
    text-align: left;
    padding-top: 5px;
}

.tabbar1 {
    background-color: #cbd3dc;
    margin-top: 10px;
    margin-bottom: 20px;
}

    .tabbar1 div {
        background-color: #23b9a9;
        font-family: Open Sans Semibold;
        font-size: 14px;
        width: 50%;
        padding: 0 0 0 5px;
        color: #fff;
    }

.txt5 {
    color: #232323;
    font-size: 60px;
    letter-spacing: 1px;
    font-family: Book Antiqua,Arial;
}

    .txt5 span {
        color: #232323;
        font-size: 14px;
    }

.icontxt1 i {
    color: #edbc32;
    font-size: 65px;
    text-align: left;
    padding-top: 5px;
}

.tabbar2 {
    background-color: #cbd3dc;
    margin-top: 10px;
    margin-bottom: 20px;
}

    .tabbar2 div {
        background-color: #edbc32;
        font-family: Open Sans Semibold;
        font-size: 14px;
        width: 50%;
        padding: 0 0 0 5px;
        color: #fff;
    }

.border1 {
    border-right: 1px solid #d8d3d3;
}

.boxtab1 {
    border-left: 3px solid #0f93c4;
    text-align: center;
    color: #0f93c4;
    font-size: 40px;
    font-family: Open Sans Semibold;
    letter-spacing: 1px;
    padding-left: 10px;
}

    .boxtab1 i {
        color: #0f93c4;
        font-size: 40px;
        top: -10px;
        position: relative;
    }

    .boxtab1 span {
        color: #fff;
        font-size: 13px;
        top: -10px;
        position: relative;
    }

.boxtab2 {
    border-left: 3px solid #76ae19;
    text-align: center;
    color: #76ae19;
    font-size: 40px;
    font-family: Open Sans Semibold;
    letter-spacing: 1px;
    padding-left: 10px;
}

    .boxtab2 i {
        color: #76ae19;
        font-size: 40px;
        top: -10px;
        position: relative;
    }

    .boxtab2 span {
        color: #fff;
        font-size: 13px;
        top: -10px;
        position: relative;
    }

.boxtab3 {
    border-left: 3px solid #e53d3d;
    text-align: center;
    color: #e53d3d;
    font-size: 40px;
    font-family: Open Sans Semibold;
    letter-spacing: 1px;
    padding-left: 10px;
}

    .boxtab3 i {
        color: #e53d3d;
        font-size: 40px;
        top: -10px;
        position: relative;
    }

    .boxtab3 span {
        color: #fff;
        font-size: 13px;
        top: -10px;
        position: relative;
    }

.form-txt-bg {
    background-color: #f2f5f3;
    padding: 5px 10px;
}

.form-txt {
    color: #333;
    font-size: 14px;
    font-family: Arimo;
    letter-spacing: 1px;
    width: 100%;
    border-radius: 1px;
}

.bb1 {
    background-color: #389af0;
    float: left;
    width: 100%;
    border-radius: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.bb2 {
    background-color: #26c6da;
    float: left;
    width: 100%;
    border-radius: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.bb3 {
    background-color: #7460ee;
    float: left;
    width: 100%;
    border-radius: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.bb4 {
    background-color: #fc4b6c;
    float: left;
    width: 100%;
    border-radius: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.bbtxt1 {
    color: #fff;
    font-size: 40px;
    font-family: Open Sans Semibold;
}

    .bbtxt1 span {
        color: #fff;
        font-size: 13px;
    }

.info1 {
    background-color: #328ad8;
    text-align: right;
    font-family: Open Sans Semibold;
    padding: 7px;
    margin-top: 10px;
    border-radius: 0 0 5px 5px;
}

    .info1 a {
        color: #fff;
        font-size: 14px;
        letter-spacing: 1px;
    }

.info2 {
    background-color: #22b2c4;
    text-align: right;
    font-family: Open Sans Semibold;
    padding: 7px;
    margin-top: 10px;
    border-radius: 0 0 5px 5px;
}

    .info2 a {
        color: #fff;
        font-size: 14px;
        letter-spacing: 1px;
    }

.info3 {
    background-color: #6856d6;
    text-align: right;
    font-family: Open Sans Semibold;
    padding: 7px;
    margin-top: 10px;
    border-radius: 0 0 5px 5px;
}

    .info3 a {
        color: #fff;
        font-size: 14px;
        letter-spacing: 1px;
    }

.info4 {
    background-color: #e24361;
    text-align: right;
    font-family: Open Sans Semibold;
    padding: 7px;
    margin-top: 10px;
    border-radius: 0 0 5px 5px;
}

    .info4 a {
        color: #fff;
        font-size: 14px;
        letter-spacing: 1px;
    }

.login-slider .slick-slide {
    position: relative;
}

.login-slider .slick-prev:before, .login-slider .slick-next:before {
    font-size: 0px !important;
}

.login-slider .slick-prev {
    background: url(../images/left-arrow.png)no-repeat;
    width: 40px;
    height: 40px;
    background-size: contain;
    left: 20px;
    top: 50%;
    z-index: 99;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.login-slider .slick-next {
    background: url(../images/right-arrow.png)no-repeat;
    width: 40px;
    height: 40px;
    background-size: contain;
    right: 20px;
    top: 50%;
    z-index: 99;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.login-slider .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .login-slider .slick-dots li {
        margin: 0 0.25rem;
    }

    .login-slider .slick-dots button {
        display: block;
        width: 1rem;
        height: 1rem;
        padding: 0;
        border: 1px solid #7c8288;
        border-radius: 100%;
        background-color: #fff;
        text-indent: -9999px;
    }

    .login-slider .slick-dots li.slick-active button {
        background-color: #7c8288;
    }

/*-------------------------Footer---------------------*/

.neloftr {
    background-color: #16293a;
    position: fixed;
    bottom: 0;
    bottom: 0;
    transform: translate(-50%, 0%);
    left: 50%;
}

.nelocopy {
    font-family: Poppins-Regular;
    padding: 18px 0 9px 0px;
    letter-spacing: 1px;
    text-align: center;
}

    .nelocopy ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        display: inline-block;
    }

        .nelocopy ul li {
            color: #fff;
            font-size: 13px;
            float: left;
        }

            .nelocopy ul li:after {
                content: '|';
                padding: 0px 10px;
            }

            .nelocopy ul li:last-child:after {
                content: '';
            }

            .nelocopy ul li a {
                color: #fff;
            }

.ftrfix {
    position: fixed;
    width: 100%;
    bottom: 0px;
}

.footebg {
    background-color: #16293a;
    margin-top: 20px;
}

.ftrmenu {
    padding-top: 10px;
}

    .ftrmenu ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .ftrmenu ul li {
            float: left;
        }

            .ftrmenu ul li:after {
                content: "|";
                color: #fff;
                padding: 0 10px;
            }

            .ftrmenu ul li a {
                font-size: 11px;
                color: #fff;
                letter-spacing: 1px;
            }

                .ftrmenu ul li a:hover {
                    color: #ff8636;
                }

.copy {
    font-size: 11px;
    letter-spacing: 1px;
    color: #fff;
    padding-top: 12px;
}

/*-------------------------Hotel---------------------*/
.xtraspce {
    margin-top: 20px;
    color: #000;
}

.rembyn {
    margin-top: 15px;
}

    .rembyn a {
        /*background-color: #7c8288;*/
        color: #ff6a00;
        font-size: 13px;
        letter-spacing: 1px;
        padding: 4px 7px;
        border-radius: 5px;
    }

.subtitle {
    font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
    font-family: Zurich BT;
}

.titleborder {
    /*border-bottom: 2px solid #ffc107;*/
    width: 15%;
    margin-top: 8px;
}

.pacboxbg1 {
    width: 100%;
    float: left;
    border: 1px solid #e6e6e5;
    padding-bottom: 10px;
}

.txt5 {
    color: #232323;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
}

.txt6 {
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    margin: 10px 0;
}

.txt7 {
    color: #fff;
    font-size: 11px;
    margin: 10px 0 20px 0;
}

.pacprice {
    color: #fff;
    font-size: 25px;
    letter-spacing: 1px;
    font-weight: bold;
}

    .pacprice i {
        font-size: 17px;
        color: #fff;
        font-weight: normal;
    }

    .pacprice span {
        color: #939392;
        font-size: 16px;
        font-weight: normal;
    }

.viewbtn {
    text-align: center;
    margin-top: 9px;
}

    .viewbtn a {
        background-color: #fff;
        color: #e53d3d;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        padding: 7px 6px;
        border-radius: 5px;
        background-color: #88909773;
        padding: 4px;
    }

        .viewbtn a:hover {
            background-color: #000;
        }

.showclick {
    color: #232323;
    font-size: 18px;
    cursor: pointer;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: right;
    margin-top: 10px;
}

    .showclick a {
        color: #232323 !important;
        font-family: Book Antiqua,Arial;
    }

    .showclick:after {
        /*'content: '∇';*/
        margin-left: 10px;
    }

.searchshow {
    display: none;
}

.sort {
    margin-top: 4px;
}

    .sort ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .sort ul li {
            float: left;
            padding-left: 16px;
            color: #fff;
        }

            .sort ul li a {
                color: #fff;
                font-size: 12px;
                letter-spacing: 1px;
            }

                .sort ul li a:hover {
                    color: #b20000;
                }

            .sort ul li:after {
                content: ' | ';
                padding-left: 20px;
            }

            .sort ul li:last-child:after {
                content: '';
            }

.filtrpric {
    font-size: 16px;
    color: #232323;
    letter-spacing: 1px;
    font-family: Book Antiqua;
    background-color: #88909773;
    padding: 4px;
}

.pacboxbg2 {
    width: 100%;
    float: left;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #fff;
}

.rating2 > span {
    color: #FF9933;
    font-size: 20px;
    padding: 2px;
}


.hotelpara {
    color: #fff;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 5px;
    /*font-weight:bold;*/
}

.hotelview {
    margin-top: 19px;
}

    .hotelview ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .hotelview ul li {
            float: left;
            padding: 0px 10px 0 0;
        }

            .hotelview ul li:after {
                content: ' | ';
                padding-left: 14px;
                color: #e0b300;
            }

            .hotelview ul li:last-child:after {
                content: '';
            }

            .hotelview ul li a {
                color: #fe0202;
                letter-spacing: 1px;
                font-size: 12px;
            }

                .hotelview ul li a:hover {
                    color: #fe0202;
                }

.selectroombtn {
    float: right;
    margin-top: 10px;
    cursor: pointer;
    background-color: #889097;
    color: #fff;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 10px;
    border-radius: 5px;
}

    .selectroombtn a {
        color: #fff !important;
    }

        .selectroombtn a :hover {
            color: #000;
        }

.hoteltitle {
    font-size: 20px;
    color: #232323;
    letter-spacing: 1px;
    font-family: Book Antiqua,Arial;
    padding-top: 10px;
}

.savpric {
    font-size: 28px;
    letter-spacing: 1px;
    color: #232323;
    text-align: right;
    margin-top: 8px;
    font-family: Book Antiqua,Arial;
}

    .savpric span {
        font-size: 18px;
    }

.savpric1 {
    font-size: 28px;
    letter-spacing: 1px;
    color: #000;
    margin-top: 8px;
    font-family: Open Sans Semibold;
}

    .savpric1 span {
        font-size: 18px;
    }

.showbooking {
    padding: 10px;
    width: 100%;
    float: left;
}

.cartbtn {
    font-family: Open Sans Semibold;
}

    .cartbtn a {
        background-color: #fff;
        color: #e53d3d;
        letter-spacing: 1px;
        font-size: 13px;
        padding: 5px 5px;
        border-radius: 5px;
    }

        .cartbtn a:hover {
        }

.addhot {
    color: #333;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 8px;
}

.email {
    margin-top: 13px;
    color: #fff;
}

    .email a {
        text-decoration: none;
        color: #fff;
    }

    .email i {
        color: #fff;
        margin-right: 7px;
    }

.destit {
    color: #232323;
    font-size: 37px;
    letter-spacing: 1px;
    font-family: Book Antiqua,Arial;
    margin-top: 30px;
}

.detxt {
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px;
}

    .detxt span {
        font-size: 35px;
    }

.pridet {
    color: #fff;
    letter-spacing: 1px;
    font-size: 12px;
    text-align: right;
    margin-top: 60px;
}

    .pridet span {
        font-size: 24px;
        font-family: Open Sans Semibold;
    }

.selectroombtn1 {
    margin-top: 30px;
    width: 17%;
    margin-right: 19px;
    cursor: pointer;
    background-color: #fff;
    color: #e53d3d;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 10px;
    border-radius: 5px;
}

    .selectroombtn1 a {
        color: #e53d3d;
    }

        .selectroombtn1 a:hover {
            color: #000;
        }

.servtxt {
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 0px;
}

    .servtxt span {
        position: relative;
        top: 3px;
    }

.hotelpara {
    color: #232323;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 5px;
    font-family: Arial, Book Antiqua;
}

.grndtot {
    font-size: 21px !important;
    font-family: Roboto-Bold;
    letter-spacing: 1px;
    color: #16293b;
    text-align: right;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .grndtot span {
        color: #f50309;
        font-size: 23px;
    }

.rougtot {
    font-size: 16px !important;
    font-family: Roboto-Bold;
    letter-spacing: 1px;
    color: #16293b;
    text-align: right;
    margin-bottom: 10px;
    margin-top: 10px;
}

.thank {
    color: #000;
    font-size: 38px;
    letter-spacing: 1px;
    text-align: center;
    margin: 20px 0;
    font-family: Open Sans Semibold;
}

.regform-control {
    display: block;
    width: 100%;
    height: 35px;
    padding: 5px;
    font-size: 12px;
    margin: 0 0 15px 0;
    line-height: 1.42857143;
    color: #7d7c7c;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #b9b8b8;
    border-radius: 5px;
    outline: none;
    font-family: Arial,Book Antiqua;
}

    .regform-control::placeholder {
        color: #7d7c7c;
    }


/*-------------------------Login-----------------------------*/
.frgt {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: right;
}

.loginlogo {
    margin-top: 100px;
    margin-bottom: 50px;
}

.logintxt {
    margin-top: 50px;
}

.hot {
    margin-top: 50px;
    z-index: 999;
    position: relative;
    top: 10px;
}

.form-control1 {
    font-size: 12px;
    color: #aaaaa8;
    border-radius: 2px;
    margin-top: 5px;
    background-color: #fff;
    width: 100%;
    letter-spacing: 1px;
    padding: 10px 10px;
    border: 0px;
}
/*-------------------------List----------------------*/
.listbg {
    width: 1315px !important;
}

/*-------------------------Tabs-----------------------------*/
ul.tabs {
    padding: 0;
    font-size: 0;
    margin: 0px;
    list-style-type: none;
    text-align: left;
    width: 284px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 11px 0px;
    background-color: #535d68;
}

    ul.tabs li {
        display: inline;
        margin: 0;
        margin-right: 0px;
    }

        ul.tabs li a {
            font-family: Book Antiqua;
            font-size: 14px;
            letter-spacing: 1px;
            text-decoration: none;
            position: relative;
            background-color: Transparent;
            padding: 13px 23px;
            border-right: 1px solid #ddd;
            color: #fff;
            outline: none;
        }

            ul.tabs li a i {
                margin-right: 10px;
            }

            ul.tabs li a:hover {
                background: #f50309 repeat-x;
                color: #fff;
            }

        ul.tabs li.selected a, ul.tabs li.selected a:hover {
            position: relative;
            top: 0px;
            background: #fff repeat-x;
            color: #000;
        }

div.tabcontents {
}

/*-------------------------Tabs Cart-----------------------------*/
ul.tabs1 {
    padding: 0;
    font-size: 0;
    margin: 33px 0 0 0;
    list-style-type: none;
    text-align: left;
}

    ul.tabs1 li {
        display: inline;
        margin: 0;
        margin-right: 0px;
    }

        ul.tabs1 li a {
            font-family: Arial;
            font-size: 15px;
            letter-spacing: 1px;
            text-decoration: none;
            position: relative;
            padding: 12px 27px;
            background-color: #fff;
            color: #29176f;
            outline: none;
        }

            ul.tabs1 li a i {
                margin-right: 10px;
            }

            ul.tabs1 li a:hover {
                background: #000 repeat-x;
                color: #fff;
            }

        ul.tabs1 li.selected a, ul.tabs1 li.selected a:hover {
            position: relative;
            top: 0px;
            background: #000 repeat-x;
            color: #fff;
        }

div.tabcontents1 {
    padding-top: 0px;
}

/*-------------------------Booking-----------------------------*/


ul.newtabs2 {
    padding: 0;
    font-size: 0;
    margin: 30px 0 0 0;
    list-style-type: none;
    padding: 12px 0px;
}

    ul.newtabs2 li {
        display: inline;
        margin: 0;
        margin-right: 10px;
    }

        ul.newtabs2 li a {
            font-family: Book Antiqua,Arial;
            font-size: 16px;
            letter-spacing: 1px;
            text-decoration: none;
            background-color: #535d68;
            position: relative;
            padding: 12px 27px;
            color: #fff;
            outline: none;
            border-radius: 5px;
        }

            ul.newtabs2 li a i {
                margin-right: 10px;
            }

            ul.newtabs2 li a:hover {
                background: #f50309 repeat-x;
                color: #fff;
            }

        ul.newtabs2 li.selected a, ul.newtabs2 li.selected a:hover {
            position: relative;
            top: 0px;
            background: #f50309;
            color: #fff;
        }

            ul.newtabs2 li.selected a, ul.newtabs2 li.selected a:active {
                background: #f50309 repeat-x;
                color: #fff;
            }
/*-------------------------Tabs tour-----------------------------*/
ul.tabs2 {
    padding: 0;
    font-size: 0;
    margin: 0px;
    list-style-type: none;
    text-align: center;
    padding: 12px 0px;
    width: 100%;
    background-color: #fff;
}

.btnDetail {
    color: red;
    font-size: 15px;
    border: none;
    background-color: white;
}

ul.tabs2 li {
    display: inline-block;
    margin: 0px 10px;
    margin-right: 0px;
    width: 225px;
    background-color: #999da2;
    padding: 12px 0px;
    cursor: pointer;
}

    ul.tabs2 li a {
        font-family: Book Antiqua,Arial;
        font-size: 18px;
        letter-spacing: 1px;
        text-decoration: none;
        position: relative;
        color: #fff;
        outline: none;
        width: 100%;
    }

        ul.tabs2 li a i {
            margin-right: 10px;
        }

        ul.tabs2 li a:hover {
            background: #7c8288ab repeat-x;
            color: #fff;
        }

    ul.tabs2 li.selected, ul.tabs2 li.selected {
        position: relative;
        top: 0px;
        /*'background: #efefef;*/
        color: #000;
        border-bottom: 1px solid red;
        border-width: medium;
    }

div.tabcontents2 {
    margin-top: -13px;
}

/*-------------------------Tour & Transfer-----------------------------*/
.titleborder1 {
    border-bottom: 2px solid #fff;
    width: 15%;
    margin-top: 8px;
}

.xtraspce1 {
    margin-top: 4px;
    color: #fff;
}

.yeltxt {
    color: #ff6a00;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 20px 0;
}

.titlesmall {
    color: #232323;
    font-size: 32px;
    font-family: Book Antiqua,Arial;
    letter-spacing: 1px;
    padding: 10px 0;
}

.pacboxbg3 {
    width: 100%;
    float: left;
    background-color: #fff;
    border-top: 1px solid #fff;
}

.btmspace {
    margin-bottom: 20px;
}

.selectroombtn1 {
    text-align: right;
    margin-top: 0px;
    width: 100%;
    cursor: pointer;
    background-color: Transparent;
    color: #ff6a00;
    letter-spacing: 1px;
    font-size: 13px !important;
    font-weight: 600;
}

    .selectroombtn1 :hover {
        color: #000;
    }

.btmspace1 {
    padding-bottom: 15px;
}

.rembyn1 {
    margin-top: 3px;
}

    .rembyn1 a {
        background-color: #454545;
        color: #ff6a00;
        font-size: 13px;
        letter-spacing: 1px;
        padding: 4px 7px;
        border-radius: 5px;
    }

.trantitle {
    font-family: Open Sans Semibold;
    color: #fff;
    font-size: 40px;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------Packages-----------------------------*/
.date {
    background-color: #fff;
    letter-spacing: 1px;
    color: #000;
    border-radius: 5px;
    padding: 5px;
    width: 65%;
}

.overtab {
    overflow-x: hidden !important;
}



/*-------------------------Media---------------------*/
@media all and (max-width: 767px) {
    .title {
        font-size: 30px;
    }

    .txt1 {
        margin: 30px 0;
    }

    .welcomtxt ul li a {
        font-size: 10px;
    }

    .frgt {
        text-align: center;
        margin-top: 5px;
    }

    .logintxt {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .loginlogo {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .pacboxbg1 {
        margin: 10px 0;
    }

    .pridet {
        margin: 0px;
    }

    .selectroombtn1 {
        width: 100%;
    }

    .savpric {
        margin-top: -50px;
    }

    .selectroombtn {
        margin-bottom: 10px;
    }

    ul.tabs1 {
        line-height: 2.8;
    }

    .tdfix {
        width: auto !important;
    }

    .overtab {
        overflow-x: auto !important;
    }
}

@media all and (max-width: 1024px) and (min-width: 768px) {
    .boxtab1 {
        font-size: 25px;
    }

    .boxtab2 {
        font-size: 25px;
    }

    .boxtab3 {
        font-size: 25px;
    }

    #cssmenu #menu-button {
        margin-top: 7px;
    }

    .redbg {
        height: 520px;
    }

    .pacboxbg1 {
        margin: 10px 0;
    }

    .breadcrum ul li {
        padding: 13px 5px 0 0;
    }

        .breadcrum ul li a {
            font-size: 10px;
        }

        .breadcrum ul li:after {
            padding-left: 4px;
        }

    .txt6 {
        font-size: 8px;
    }

    .overtab {
        overflow-x: auto !important;
    }
}

.star-y {
    float: left;
    background-image: url('../image/star-y.png');
}

.star-n {
    float: left;
    background-image: url('../image/star-y.png');
}

.chkStar input {
    display: block !important;
    margin-top: 4px !important;
}

.starimg {
    height: 22px;
    top: -2px;
    position: relative;
}

.loading {
    box-shadow: 0px 0px 8px 8px #555555;
    border-radius: 10px;
    background-color: #ffffff;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 214px;
    height: 138px;
    margin: -69px 0 0 -107px;
    z-index: 1;
}
/*-----------------------13-10-18 Planner---------------*/

.btnadd {
    background-color: #7c8288;
    border: none;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 5px 5px;
    border-radius: 5px;
}

.cal1 {
    background-color: white !important;
    color: black;
    /*border-radius: 1px !important;*/
    /*border: solid 1px black;*/
    z-index: 99999999999;
}

    .cal1 .ajax__calendar_container {
        padding: 5px !important;
        cursor: pointer !important;
        width: 222px !important;
        font-size: 12px;
        text-align: center !important;
        font-family: Open Sans,Arial !important;
        border: 1px solid #c5c5c5;
        border-radius: 2px 2px;
        height: auto;
    }

    .cal1 .ajax__calendar_body {
        height: 180px !important;
        width: 203px !important;
        position: relative !important;
        overflow: hidden !important;
        margin: auto !important;
    }

    .cal1 .ajax__calendar_title {
        cursor: pointer !important;
        font-weight: bold !important;
        margin-left: 20px !important;
        margin-right: 20px !important;
        line-height: 1.42857143 !important;
        color: black;
        background-color: #e9e9e9 !important;
        padding-top: 6px;
        font-size: 13px;
    }

    .cal1 .ajax__calendar_invalid {
        margin: 0px !important;
        font-size: 11px !important;
    }

    .cal1 .ajax__calendar_container TD {
        font-size: 11px !important;
    }

    .cal1 .ajax__calendar_months {
        height: 175px !important;
        width: 215px !important;
        text-align: center !important;
        cursor: pointer !important;
        overflow: hidden !important;
    }

    .cal1 .ajax__calendar_years {
        height: 175px !important;
        width: 215px !important;
        text-align: center !important;
        cursor: pointer !important;
        overflow: hidden !important;
    }

    .cal1 .ajax__calendar_day {
        height: 24px !important;
        width: 27px !important;
        text-align: center !important;
        padding: 3px 2px !important;
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: bold;
        color: #454545;
    }

    .cal1 .ajax__calendar_days, .cal1 .ajax__calendar_years {
        text-align: center !important;
    }

    .cal1 .ajax__calendar_header {
        height: 33px !important;
        width: 100% !important;
        font-weight: bold !important;
        border-radius: 3px !important;
        background-color: #e9e9e9;
    }

    .cal1 .ajax__calendar_dayname {
        font-weight: bold !important;
        color: black;
        background-color: white;
        text-decoration: none !important;
        border-bottom: 0px #888888 !important;
        width: 21px;
        padding-bottom: 22px;
    }

    .cal1 .ajax__calendar_other {
        background-color: #ddd !important;
        color: black !important;
        font-weight: normal !important;
        visibility: hidden;
    }

    .cal1 .ajax__calendar_today {
        background-color: #ddd !important;
        color: black !important;
        font-weight: !important;
        border-radius: 0px !important;
    }

    .cal1 .ajax__calendar_next, .cal1 .ajax__calendar_prev {
        margin-top: 2px !important;
    }

    .cal1 .ajax__calendar_prev {
        cursor: pointer;
        width: 16px;
        height: 16px;
        background-position: 50% 50%;
        background-image: &#10146 !important;
        float: left;
        background-repeat: no-repeat;
        margin-left: 8px !important;
        margin-top: 8px !important;
    }

    .cal1 .ajax__calendar_next {
        cursor: pointer;
        width: 15px;
        height: 15px;
        background-position: 50% 50%;
        background-image: &#10146 !important;
        float: right;
        background-repeat: no-repeat;
        margin-right: 9px !important;
        margin-top: 8px !important;
    }

    .cal1 .ajax__calendar_hover {
        background-color: #e9e9e9;
        border-radius: 0px !important;
    }

    .cal1 .ajax__calendar_active {
        background-color: lightblue !important;
        font-weight: !important;
        border-radius: 0px !important;
    }

    .cal1 .ajax__calendar_footer {
        display: none !important;
    }

    .cal1 .ajax__calendar_invalid {
        margin: 0px !important;
        font-size: 11px !important;
        opacity: .35;
        /*  filter: Alpha(Opacity=35);*/
        background-image: none;
    }

    .cal1 table tr td {
        padding: 1px !important;
    }



/*------- Loading image css-----------------*/
.loading {
    box-shadow: 0px 0px 8px 8px #555555;
    border-radius: 10px;
    background-color: #ffffff;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 214px;
    height: 138px;
    margin: -69px 0 0 -107px;
    z-index: 1;
}


/**************Menu Active***********************/
.menuactive {
    /*background-color: #f00;*/
    height: 75px;
    border-bottom: 4px solid #f00 !important;
    /*border-bottom: 4px solid #f00 !important;*/
}

    .menuactive a {
        border-bottom: 4px solid #f00 !important;
    }

/*/* -----------Radio Button--------------*/
.radiolist {
    margin-top: 10px;
}

    .radiolist td {
        position: relative;
        display: inline-block;
        padding-left: 20px;
        margin-bottom: 0;
        width: 180px;
        vertical-align: middle;
        cursor: pointer;
        color: #333;
        font-size: 14px;
        font-family: Open Sans;
    }

    .radiolist input {
        position: absolute;
        margin-left: 0px;
    }

    .radiolist label {
        display: inline-block;
        max-width: 100%;
        margin-left: 25px;
        text-align: left;
        color: #232323;
        letter-spacing: 1px;
        font-family: Open Sans;
        font-size: 14px;
    }

/*-----------------------ToolTip-------------------*/
.tooltip1 {
    position: relative !important;
    display: inline-block !important; /* border-bottom: 1px dotted #ff6a00 !important; /* If you want dots under the hoverable text */
    font-size: 14px !important;
    font-weight: normal !important;
}
    /* Tooltip text */
    .tooltip1 .tooltiptext {
        visibility: hidden !important;
        width: 265px !important;
        background-color: black !important;
        color: #fff !important;
        text-align: left !important;
        font-size: 13px;
        padding: 10px 10px !important;
        border-radius: 6px !important; /* Position the tooltip text - see examples below! */
        position: absolute !important;
        z-index: 1 !important;
        bottom: 100%;
        left: 50%;
        margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
    }
        /*show bottom arrow*/ .tooltip1 .tooltiptext::after {
            content: " ";
            position: absolute;
            top: 100%; /* At the bottom of the tooltip */
            left: 24%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
        }
    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip1:hover .tooltiptext {
        visibility: visible !important;
    }



.tooltip2 {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip2 .tooltiptext2 {
        visibility: hidden;
        width: auto;
        background-color: black;
        font-family: Open Sans;
        color: #fff;
        text-align: left;
        border-radius: 6px;
        padding: 5px 5px;
        position: absolute;
        z-index: 1;
        font-size: 12px;
        top: -5px;
        right: 110%;
    }

        .tooltip2 .tooltiptext2::after {
            content: "";
            position: absolute;
            top: 22%;
            left: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent transparent black;
        }

    .tooltip2:hover .tooltiptext2 {
        visibility: visible;
    }


.tooltip3 {
    position: relative !important;
    display: inline-block !important; /* border-bottom: 1px dotted #ff6a00 !important; /* If you want dots under the hoverable text */
    font-size: 14px !important;
    font-weight: normal !important;
}
    /* Tooltip text */
    .tooltip3 .tooltiptext {
        visibility: hidden !important;
        width: 265px !important;
        background-color: black !important;
        color: #fff !important;
        text-align: left !important;
        font-size: 13px;
        padding: 10px 10px !important;
        border-radius: 6px !important; /* Position the tooltip text - see examples below! */
        position: absolute !important;
        z-index: 1 !important;
        bottom: 100%;
        left: 50%;
        margin-left: -140px; /* Use half of the width (120/2 = 60), to center the tooltip */
    }
        /*show bottom arrow*/ .tooltip3 .tooltiptext::after {
            content: " ";
            position: absolute;
            top: 100%; /* At the bottom of the tooltip */
            left: 56%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
        }
    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip3:hover .tooltiptext {
        visibility: visible !important;
    }
/*==============27-01-18 Package ========================*/
.selcxt {
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: left;
    margin: 5px 0;
}

.tooltip {
    position: relative !important;
    display: inline-block !important; /* border-bottom: 1px dotted #ff6a00 !important; /* If you want dots under the hoverable text */
    font-size: 14px !important;
    font-weight: normal !important;
}

    /* Tooltip text */ .tooltip .tooltiptext {
        visibility: hidden !important;
        width: 200px !important;
        background-color: black !important;
        color: #fff !important;
        text-align: left !important;
        font-size: 13px;
        padding: 10px 10px !important;
        border-radius: 6px !important; /* Position the tooltip text - see examples below! */
        position: absolute !important;
        z-index: 1 !important;
        bottom: 100%;
        left: 50%;
        margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
    }
        /*show bottom arrow*/ .tooltip .tooltiptext::after {
            content: " ";
            position: absolute;
            top: 100%; /* At the bottom of the tooltip */
            left: 10%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
        }
    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible !important;
    }
/*==============27-01-18 Package ========================*/
.selcxt {
    color: #000;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: left;
    margin: 5px 0;
}
/*----------------------End--------------*/

.packageview {
}

    .packageview ul {
        margin: 0px 0 0 17px;
        padding: 0px;
        list-style: disc;
        line-height: 2;
    }

        .packageview ul li {
            padding: 0px 0px 0 0;
            color: #fff;
        }

            .packageview ul li:after {
            }

            .packageview ul li:last-child:after {
                content: '';
            }

            .packageview ul li a {
                color: #fff;
                letter-spacing: 1px;
                font-size: 13px;
            }

                .packageview ul li a:hover {
                    color: #ffd102;
                }

.hotelpara1 {
    color: #000;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 1.2;
    margin-top: 10px;
}

.slectbox {
    background-color: #fff;
    border-radius: 3px;
    border: 0px;
    color: #1c1c1c;
    font-size: 12px;
    margin: 5px 0;
    padding: 5px 10px 5px 6px;
    width: 50%;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(99,99,99,1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(99,99,99,1);
    box-shadow: 0px 0px 3px 0px rgba(99,99,99,1);
}

.selectroombtn2 {
    float: right;
    margin: 20px 0;
}

    .selectroombtn2 a {
        cursor: pointer;
        background-color: #fff;
        color: #e53d3d;
        letter-spacing: 1px;
        font-size: 13px;
        font-weight: 600;
        padding: 10px 10px;
        border-radius: 5px;
    }

        .selectroombtn2 a:hover {
            color: #000;
        }

.pacdiv {
    margin-top: 10px;
}

    .pacdiv ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .pacdiv ul li {
            color: #232323;
            letter-spacing: 1px;
            font-size: 14px;
        }

            .pacdiv ul li:before {
                content: '*';
                color: #f50309;
                font-size: 18px;
                font-weight: 600;
                margin-right: 10px;
                top: 4px;
                position: relative;
            }

.tittct {
    font-size: 20px;
    color: #bc0404;
    font-family: Open Sans Semibold;
    letter-spacing: 1px;
    margin: 15px 0 0 0;
}

.txtpac {
    font-size: 16px;
    letter-spacing: 1px;
    color: #000;
    padding: 5px 10px;
}

.ddpac {
    font-size: 16px;
    letter-spacing: 1px;
    color: #000;
    padding: 5px 10px;
}

.pacpara1 {
    color: #000;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.7;
    margin: 10px 0;
    padding-left: 10px;
}

.itnbox {
    border: 1px solid #ddd;
    padding: 2px 3px;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.inboto {
    border-bottom: 1px solid #ddd;
    margin: 5px 0 3px 0;
}

.tabletitle {
    font-size: 23px !important;
    font-weight: bold;
    font-family: "Book Antiqua" !important;
    color: #000 !important;
}

.table-bordered4 {
    background-color: white !important;
}

    .table-bordered4 > thead > tr > th,
    .table-bordered4 > tbody > tr > th,
    .table-bordered4 > tfoot > tr > th,
    .table-bordered4 > thead > tr > td,
    .table-bordered4 > tbody > tr > td,
    .table-bordered4 > tfoot > tr > td {
        color: #000 !important;
        text-align: center !important;
        border-top: 0px !important;
    }

.popupborder {
    background-color: white !important;
}

.mailtitle {
    color: black;
    background-color: #ffcccc;
    font-size: 20px;
    font-weight: bold;
    /*padding: 5px;*/
    font-family: Bookman Old Style;
    Text-align: center;
}

/*======================================Yusuf======================================*/
.MyRadio label {
    width: auto !important;
}

.MyRadio td, th {
    padding: 10px !important;
}




/*======================================Yusuf======================================*/
