body{font-family: 'OpenSans'; font-weight: normal;}
h1{font-family: 'OpenSans-Bold';}
h2{font-family: 'OpenSans'; font-weight: 600;}
header{background: #0e2b68; padding-bottom: 45px; margin-bottom: 45px;}
header h2{color: #fff; text-align: center;}
header p{color: #fff; font-family: 'OpenSans-Light'; text-align: center; opacity: .75;}
header .titleCol{margin-bottom: 0px;}

/*--==========================================
            Radio btn & Check Box
============================================--*/
input[type="radio"], input[type="checkbox"] {
    display: none;
}

input[type=checkbox] + input + label {
    display: inline-block;
    background: url("../Images/ncheck-off.png") -21px -21px no-repeat;
    padding: 0px 0px 0 31px;
    cursor: pointer;
    color: #000;
    font-family: 'OpenSans-Light';
    font-size: 14px;
    font-weight: normal;
}

    input[type=checkbox] + input + label:hover {
        color: #0089cf;
    }

input[type=checkbox]:checked + input + label {
    background: url("../Images/ncheck-on.png") -21px -21px no-repeat;
    display: inline-block;
}

input[type=radio] + input + label {
    display: inline-block;
    background: url("../Images/ncheck-off.png") -21px -21px no-repeat;
    padding: 0px 0px 0 31px;
    cursor: pointer;
    color: #000;
    font-family: 'OpenSans-Light';
    font-size: 14px;
    font-weight: normal;
}

    input[type=radio] + input + label:hover {
        color: #0089cf;
    }

input[type=radio]:checked + input + label {
    background: url("../Images/ncheck-on.png") -21px -21px no-repeat;
    display: inline-block;
}

footer{background: #1c1c1c;}

.input-group .form-control{border-radius: 0px;}
.input-group{width: 100%;}
.input-group-addon{background: #fff; border-radius: 0px;}

section{padding-top: 45px;}
.imageDiv{border-radius: 5px; position: relative;}
.imgContent{width: 100%; background: #000; position: absolute; top: 0; border-radius: 5px 5px 0 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+100&0.87+0,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.87) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.87) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.87) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}



/*--==================inputSection===================--*/
.inputSection label{color: #c1c1c1; font-weight: normal; font-size: 13px;}
.findBtn{background: #22499b; border: none; width: 100%; outline: none; outline: none; margin-top: 24px; padding: 7px; color: #fff;}
.findBtn:hover{background: #11388b;}

/*--=================Content Section================--*/
.content{margin-bottom: 45px;}
.content h3{text-overflow: ellipsis; width: 100%; white-space: nowrap; overflow: hidden; height: 27px; font-family: 'OpenSans-Bold'; font-size: 20px; color: #000; margin: 8px 0 0 0;}
.imageDiv img{width: 100%;}
.imgContent p.DurationTime{float: left; padding: 8px 12px; color: #fff;}
.imgContent p.DurationTime .fa{color: #8fb1f9; font-size: 19px; margin-right: 8px;}
.imgContent p.DurationTime span{font-size: 20px; font-family: 'OpenSans-Bold'; }
.imgContent a.tip-auto{float: right; padding: 5px 7px; background: #ffffff6b; margin:8px 5px; border-radius: 5px; color: #000; text-decoration: none;}
.imgContent a.tip-auto .fa{margin-right: 5px;}
p.location{color: #626262; border-bottom: solid 1px #cfcfcf; padding-bottom: 9px; margin-bottom: 5px;}
.content h2{color: #2d2d2d; font-size: 22px; font-family: 'OpenSans-Bold'; margin-top: 10px;}
.content h2 a{color: #007236; border: solid 2px #007236; float: right; font-size: 14px; text-decoration: none; padding: 9px 15px; margin-top: -6px;}
.content h2 a:hover{background: #007236; color: #fff;}
.content h2 a.soldOut{color: #ff7373; border-color: #ff7373;}
.content h2 a.soldOut:hover{color: #fff; background: #ff7373;}
.content h2 .fa{font-size: 16px; margin-right: 5px;}

footer p{padding: 15px; margin-bottom: 0; text-align: center; color: #818080;}

/*--=============================================
                inner page style
=============================================--*/
.innerPage header {
    padding-bottom: 27px;
}

    .innerPage header h2 {
        font-size: 24px;
    }

    .innerPage header p {
        font-size: 12px;
    }

.innerPage h3 {
    font-size: 18px;
    margin-top: 0px;
    font-family: 'OpenSans-Bold';
}

.innerPage header .titleCol {
    margin-bottom: 0px;
}

.innerPage p.location {
    border-bottom: 0px;
}

.innerPage p.type {
    color: #b6b6b6;
    text-align: right;
    margin-bottom: 3px;
}

.innerPage p.typeValue {
    font-size: 18px;
    font-family: 'OpenSans-Bold';
    text-align: right;
    text-transform: uppercase;
}

.innerPage section {
    padding-top: 0px;
}

.innerPage ul {
    padding-left: 0px;
    margin-bottom: 0px;
}

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

        .innerPage ul li label {
            margin-bottom: 0px;
        }


.mainBookRow {
    margin-top: 10px;
}


.tab ul li {
    display: block;
    width: 100%;
}

/* .timeSlot{padding: 10px; border: solid 1px #c7c7c7;} */
.timeSlotColPad {
    padding-right: 8px;
}

.paxCountColPad {
    padding-left: 7px;
}

.paxCount, .timeSlot {
    border: solid 1px #ccc;
    padding: 8px 5px;
}
.timeSlot {
    height:97px;
}

    .timeSlot ul li, .paxCount ul li {
        border: solid 2px #007236;
        padding: 8px 10px;
        margin: 5px;
        font-family: 'OpenSans';
        color: #007236;
        border-radius: 7px;
    }
.rateUl li:nth-child(2), .rateUl li:nth-child(3) {
    border: solid 2px #007236;
    padding: 8px 7px;
    margin: 5px;
    font-family: 'OpenSans';
    color: #007236;
    border-radius: 7px;
}

    .rateUl li:nth-child(2).active, .rateUl li:nth-child(3).active, .rateUl li:nth-child(2):hover, .rateUl li:nth-child(3):hover {
        background: #007236;
    }
    .timeSlot ul li {
        width: 47%;
        margin: 1%;
    }

    .paxCount ul li {
        width: 30%;
        margin: 1%;
        padding-left: 5px;
        padding-right: 5px;
    }

        .paxCount ul li label {
            padding-left: 20px;
        }

    .timeSlot ul li.active, .timeSlot ul li:hover {
        background: #007236;
        color: #fff;
    }

        .timeSlot ul li.active label {
            color: #fff;
        }

        .timeSlot ul li:hover > label {
            color: #fff;
        }

.details {
    padding-top: 20px;
}

    .details ul li {
        width: 20%;
        text-align: center;
    }

        .details ul li.small {
            width: 14%;
        }

        .details ul li.duration {
            width: 25%;
        }

        .details ul li.category {
            width: 30%;
        }

        .details ul li p span {
            border-bottom: solid 1px #007236;
            padding: 0 30px 4px;
        }

        .details ul li h4 {
            font-family: 'OpenSans-Bold';
        }

            .details ul li h4 span {
                font-family: 'OpenSans';
            }

.tab {
    margin-top: 60px;
    margin-bottom: 60px;
}

    .tab ul {
        border-radius: 0px;
        padding: 0px;
        border: 0px;
        padding-bottom: 5px;
    }

        .tab ul li {
            border-bottom: solid 1px #f5f5f5;
        }

            .tab ul li.active a {
                background-image: url('../images/arrow.png');
                background-repeat: no-repeat;
                background-position: 95% center;
            }

            .tab ul li a {
                color: #626262;
                border: 0px;
                margin: 0px;
                padding: 13px 15px;
            }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #fff;
    margin: 0px;
    border-radius: 0px;
    color: #000;
    border: 0px;
    font-family: 'OpenSans-Bold';
}

.myTabCont {
    border: 0px;
    border-left: 0px;
}

.myTabMenu {
    padding-right: 0px;
}

.tab-content {
    padding: 20px 40px;
}

    .tab-content p {
        font-size: 14px;
        line-height: 25px;
        text-align: justify;
        color: #505050;
    }

.onlyBorder {
    border: 1px solid #ccc;
}

.tab-content h3 {
    margin-bottom: 30px !important;
}

.myTabCont ul li {
    border: 0px;
    font-size: 14px;
    padding: 0px 10px 20px 28px;
    background: url('../images/ticktab.png') no-repeat 0 2px;
    line-height: 22px;
}

    .myTabCont ul li.cls {
        background: url('../images/closetab.png') no-repeat 0 2px;
    }

.sideNavTabs {
    background: #000;
}

.bookRate {
    margin-top: 27px;
    text-align: right;
}

    .bookRate h3 {
        padding-right: 5px;
    }

        .bookRate h3 .fa {
            font-size: 14px;
            margin-right: 5px;
        }

button.bookNow {
    background: #34d249;
    color: #fff;
    width: 100%;
    border: 0px;
    padding: 10px;
}

    button.bookNow:hover {
        background: #007236;
    }

p.SubHead {
    font-family: 'OpenSans-Bold';
    padding-left: 5px;
}
ul.rateUl {
    float: right;
}

    ul.rateUl li input[type=checkbox] + input + label {
        padding: 0 15px 0 22px !important;
    }

    ul.rateUl li {
        margin-top: 3px;
    }

        ul.rateUl li:first-child {
            margin-top: 0px;
        }

.paxCount {
    padding: 13px 15px;
}

    .paxCount p.subHead {
        padding-left: 0px;
    }

    .paxCount select {
        border: solid 2px #007236;
        border-radius: 7px;
        width: 63%;
        padding: 7px 7px;
    }

/*--====================================================
                booking Details stylesheet
=====================================================--*/
.bookigDetails input {
    width: 100%;
    padding: 7px 8px;
    margin-bottom: 15px;
}

.bookigDetails label {
    font-size: 13px;
    font-family: 'OpenSans';
    font-weight: normal;
}

.inputGropName {
    position: relative;
}

    .inputGropName select {
        padding: 7px 0;
        position: absolute;
        top: 0px;
        border-left: 0px;
        margin-left: 1px;
        border-bottom: 0;
        outline: none;
        height:35px;
    }

    .inputGropName input {
        padding-left: 60px;
    }

button.btn.dropdown-toggle.bs-placeholder.btn-default, button.btn.dropdown-toggle.btn-default {
    padding: 7px 8px;
    border-radius: 0px !important;
    border: #a9a9a9 solid 1px;
}

.marginBottom {
    margin-bottom: 15px;
}

.bootstrap-select.btn-group:not(.input-group-btn) {
    height: 38px;
}

.bookigDetails textarea {
    width: 100%;
    margin-bottom: 10px;
    resize: none;
    height: 115px;
}

.paymentOption {
    width: 100%;
    border: solid 1px #c2c2c2;
    padding: 15px 15px 0 15px;
    margin-bottom: 40px;
}

    .paymentOption h1 {
        font-size: 22px;
        margin-top: 5px;
    }

        .paymentOption h1 span {
            float: right;
            color: #ff0000;
        }

            .paymentOption h1 span .fa {
                color: #767676;
                font-size: 18px;
            }

p.payHead {
    text-align: center;
    margin-bottom: -9px;
    margin-top: 40px;
}

    p.payHead span {
        background: #fff;
        padding: 5px 10px;
        color: #626262;
    }

ul.payTabbtns {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #bababa;
    border-top: solid 1px #bababa;
}

    ul.payTabbtns li {
        border: solid 2px #007236;
        padding: 8px 10px;
        margin: 0px;
        font-family: 'OpenSans';
        color: #007236;
        border-radius: 7px;
        width: 48%;
    }

        ul.payTabbtns li:hover > label {
            color: #007236;
        }

        ul.payTabbtns li.active {
            background: #007236;
        }

            ul.payTabbtns li.active label {
                color: #fff;
            }

        ul.payTabbtns li:last-child {
            float: right;
        }

.hdfc {
    padding: 23px 10px;
    position: relative;
}

    .hdfc::before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 75%;
        border-bottom: solid 10px #007236;
        border-left: solid 10px #0e2b6800;
        border-right: solid 10px #0e2b6800;
    }

    .hdfc ul {
        margin-top: 20px;
    }

        .hdfc ul li {
            display: block;
            font-size: 13px;
            color: #626262;
            line-height: 25px;
        }

            .hdfc ul li .fa {
                color: #007236;
            }
    .ccavenue::before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 25% !important;
        border-bottom: solid 10px #007236;
        border-left: solid 10px #0e2b6800;
        border-right: solid 10px #0e2b6800;
    }

button.paynow {
    background: #0e2b68;
    width: 100%;
    border: 0px;
    color: #fff;
    font-family: 'OpenSans-Bold';
    padding: 10px 5px;
    margin-top: 15px;
}

    button.paynow:hover {
        background: #000c26;
    }
/*--====================================================
                Tab bootsnipp
======================================================--*/
.nav-tabs-dropdown {
    display: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    .nav-tabs-dropdown:before {
        content: "\e114";
        font-family: 'Glyphicons Halflings';
        position: absolute;
        right: 30px;
    }

@media screen and (min-width: 769px) {
    #nav-tabs-wrapper {
        display: block !important;
    }
}

@media screen and (max-width: 768px) {
    .paxCountColPad {
        padding-top:10px;
        padding-left: 15px;
        padding-right: 8px;
    }
    .nav-tabs-dropdown {
        display: block;
    }

    #nav-tabs-wrapper {
        display: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        text-align: center;
    }

    .nav-tabs-horizontal {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    }

        .nav-tabs-horizontal > li {
            float: none;
        }

            .nav-tabs-horizontal > li + li {
                margin-left: 2px;
            }

            .nav-tabs-horizontal > li,
            .nav-tabs-horizontal > li > a {
                background: transparent;
                width: 100%;
            }

                .nav-tabs-horizontal > li > a {
                    border-radius: 4px;
                }

                .nav-tabs-horizontal > li.active > a,
                .nav-tabs-horizontal > li.active > a:hover,
                .nav-tabs-horizontal > li.active > a:focus {
                    color: #ffffff;
                    background-color: #428bca;
                }
}
.bootstrap-select.btn-group .dropdown-menu li {
    width: 100%;
}
.error {
    border-color: #fe3232;
    outline: 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(254,50,50,.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(254,50,50,.5);
    box-shadow: 0px 0px 10px 0px rgba(254,50,50,.5);
    position:absolute;
}
.inputGroup span.error, .inputGropName span.error {
    font-family: 'OpenSans';
    font-size: 12px;
    background: #fe3232;
    position: absolute;
    right: 0px;
    padding: 1px 5px 1px 23px;
    color: #fff;
    background-image: url('../images/warning-error.png');
    background-repeat: no-repeat;
    background-position: 3px 2px;
    bottom: -9px;
}

    .inputGroup span.error::before, .inputGropName span.error::before {
        content: "";
        width: 0px;
        height: 0px;
        background: #0000;
        position: absolute;
        position: absolute;
        border-bottom: solid 5px #fe3232;
        border-top: solid 5px #fff0;
        border-left: solid 5px #fff0;
        border-right: solid 5px #fff0;
        top: -10px;
        left: 80%;
    }

    .inputGroup span.error.align {
        right: 0px;
    }

    .inputGroup span.error.textAraBox {
        top: auto;
        bottom: -24px;
    }
.errorBorder {
    border-color: #fe3232 !important;
    border: solid 1px;
}
.inputGroup {
    position:relative;
}
.btn-group.bootstrap-select.form-control.ng-pristine.ng-untouched.ng-empty.ng-invalid.ng-invalid-required {
    margin-bottom: 15px;
}
.soldOutTime {
    color: #ff7373 !important;
    border-color: #ff7373 !important;
}

.validationTime {
    border:1px solid red;
}
.error {
    border-color: #fe3232;
    outline: 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(254,50,50,.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(254,50,50,.5);
    box-shadow: 0px 0px 10px 0px rgba(254,50,50,.5);
}
span.error {
    font-family: 'OpenSans';
    font-size: 12px;
    background: #fe3232;
    position: absolute;
    right: 15px;
    padding: 1px 5px 1px 23px;
    color: #fff;
    background-image: url('../images/warning-error.png');
    background-repeat: no-repeat;
    background-position: 3px 2px;
    top: 105%;
}

    span.error::before {
        content: "";
        width: 0px;
        height: 0px;
        background: #0000;
        position: absolute;
        position: absolute;
        border-bottom: solid 5px #fe3232;
        border-top: solid 5px #fff0;
        border-left: solid 5px #fff0;
        border-right: solid 5px #fff0;
        top: -10px;
        left: 80%;
    }

    span.error.align {
        right: 0px;
    }
.timeSlot ul li.disabled {
    color: #ff0000;
    border-color: #ff0000 !important;
    background-image: url(../images/ndisCheck.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 40px;
}

    .timeSlot ul li.disabled:hover {
        background-color: #fff;
        color: #ff0000 !important;
    }

        .timeSlot ul li.disabled label {
            color: #ff0000 !important;
            background:none;
            padding-left:0px;
        }
.homeBtnBe {
    padding-top: 30px;
}

    .homeBtnBe a {
        background: url(../../images/homeBtnBe.png) no-repeat 0 center;
        padding: 13px 0 10px 40px;
        color: #fff;
        opacity: 0.8;
    }

        .homeBtnBe a:hover {
            text-decoration: none;
            opacity: 1.0;
        }

/*-- modal style start here--*/
h4.modal-title {
    font-family: 'OpenSans-Bold';
}

.modal-header .close {
    margin-top: -21px;
}

.modal-body {
    padding: 30px 30px 10px 30px;
}

.modal .inputSection {
    margin-bottom: 15px;
}

    .modal .inputSection label {
        color: #000;
    }

    .modal .inputSection input {
        height: 40px;
    }

.modal a.booknow {
    color: #fff;
    background: #007236;
    border: solid 2px #007236;
    font-size: 14px;
    text-decoration: none;
    padding: 9px 15px;
    margin-top: -6px;
}

.modal a.cancel {
    color: #007236;
    border: solid 2px #007236;
    font-size: 14px;
    text-decoration: none;
    padding: 9px 15px;
    margin-top: -6px;
}


.modal-footer {
    padding: 30px;
    text-align: center;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 390px;
        margin: 30px auto;
    }
}