@import url(../css/font-awesome.min.css);
@import url(../css/bootstrap.css);
@import url(../css/jquery-ui.css);
@import url(../css/accordion-styles.css);
@import url(../css/jquery.bxslider.css);
@import url(../css/fullcalendar.css);
@import url(../css/flat/flaticon.css);

@font-face {
    font-family: cali;
    src: url("../fonts/cali/calibri.ttf")
}

@font-face {
    font-family: calib;
    src: url("../fonts/cali/calibrib.ttf")
}

#html5-watermark {
    display: none !important
}

body {
    background: #fff;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    color: #232323;
    font-size: 14px;
    font-family: cali;
    position: relative
}

@media (min-width: 1200px) {
    .bg-div {
        height: 539px
    }
}

@media (min-width: 990px) and (max-width: 1199px) {
    .bg-div {
        height: 618px
    }
}

@media (min-width: 768px) and (max-width: 989px) {
    .bg-div {
        height: 443px
    }
}

@media (max-width: 767px) {
    .bg-div {
        display: none
    }
}

.bg-div {
    position: absolute;
    width: 100%;
    z-index: 0;
    left: 0;
    top: 150px;
    background: url("../img/bg-img.jpg") no-repeat top center;
    background-size: auto 100%
}

    .bg-div img {
        float: left;
        width: 100%
    }

@media (min-width: 1400px) {
    .container {
        width: 75%
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .container {
        width: 1174px
    }
}

.cursor {
    cursor: pointer
}

a, a:active, a:focus, a:hover {
    transition-duration: .3s;
    text-decoration: none
}

* {
    outline: 0 !important
}

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

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url(../img/select-arrow.png) no-repeat right #fff
}

@media (min-width: 990px) {
    .from-ipad {
        display: block
    }

    .upto-ipad {
        display: none
    }
}

@media (max-width: 989px) {
    .from-ipad {
        display: none
    }

    .upto-ipad {
        display: block
    }
}

@media (min-width: 1200px) {
    .from-small-desktop {
        display: block
    }

    .upto-small-desktop {
        display: none
    }
}

@media (max-width: 1199px) {
    .from-small-desktop {
        display: none
    }

    .upto-small-desktop {
        display: block
    }
}

@media (min-width: 768px) {
    .from-tab {
        display: block
    }

    .upto-tab {
        display: none
    }
}

@media (max-width: 767px) {
    .from-tab {
        display: none
    }

    .upto-tab {
        display: block
    }
}

.lt {
    display: table
}

.ltc {
    display: table-cell;
    vertical-align: middle
}

.ltcvb {
    vertical-align: bottom
}

.rad > i, .rad > i.fa {
    float: left;
    margin-top: 2px;
    display: inline-block;
    width: 20px;
    height: 20px;
    transition: .2s;
    vertical-align: middle
}

.rad {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

    .rad > input {
        visibility: hidden;
        position: absolute
    }

    .rad span {
        float: left;
        margin-left: 5px;
        margin-top: 2px
    }

    .rad > i {
        border-radius: 50%;
        box-shadow: inset 0 0 0 5px #fff;
        border: 1px solid #b1b0b0;
        background: #fff
    }

        .rad > i.fa {
            color: #fff;
            border-radius: 0;
            box-shadow: none;
            border: 1px solid gray;
            background: #fff;
            font-size: 19px;
            width: 16px;
            height: 16px
        }

    .rad i.flaticon-check52:before {
        margin-left: 0px;
        font-size: 16px
    }

    .rad > i.fa:before {
        display: none;
        float: left;
        margin-top: -2px;
        margin-left: 2px
    }

    .rad:hover > i.fa:before, .rad > input:checked + i.fa:before {
        float: left;
        display: block;
        margin-top: -2px;
        margin-left: 2px
    }

    .rad:hover > i {
        box-shadow: inset 0 0 0 5px #fff;
        background: #b1b0b0
    }

        .rad:hover > i.fa {
            box-shadow: none;
            background: #fff;
            color: grey;
            font-size: 19px
        }

    .rad > input:checked + i {
        box-shadow: inset 0 0 0 5px #fff;
        background: #f16219;
        border-color: #f16219
    }

        .rad > input:checked + i.fa {
            box-shadow: none;
            background: #fff;
            border-color: #232323;
            color: #232323;
            font-size: 19px
        }

label {
    font-weight: normal
}

@media (min-width: 1200px) {
    .header {
        padding: 15px 10px 5px 10px
    }
}

@media (max-width: 1199px) {
    .header {
        padding: 10px 0px
    }
}

.header {
    float: left;
    width: 100%;
    position: relative
}

    .header .navbar {
        margin: 0px;
        border: 0px;
        background: none;
        border-radius: 0px
    }

        .header .navbar .navbar-brand {
            height: auto;
            padding: 0px
        }

        .header .navbar .navbar-toggle {
            margin: 14px 0px;
            background: #ccc;
            border-color: #CCC;
            transition-duration: .3s
        }

            .header .navbar .navbar-toggle .icon-bar {
                transition-duration: .3s
            }

            .header .navbar .navbar-toggle:hover, .header .navbar .navbar-toggle:focus, .header .navbar .navbar-toggle:active {
                background: #f16219;
                border-color: #f16219;
                transition-duration: .3s
            }

                .header .navbar .navbar-toggle:hover .icon-bar, .header .navbar .navbar-toggle:focus .icon-bar, .header .navbar .navbar-toggle:active .icon-bar {
                    background: #fff;
                    transition-duration: .3s
                }

@media (min-width: 990px) {
    .header .navbar .nav {
        margin-top: 15px
    }

    .header .navbar li {
        display: table-cell;
        float: none;
        vertical-align: middle
    }

        .header .navbar li a {
            float: left;
            padding: 0px;
            margin-left: 18px
        }

        .header .navbar li .span-with-border:before {
            content: "";
            position: absolute;
            top: 50%;
            left: -10px;
            width: 1px;
            height: 14px;
            background: #f16219;
            margin-top: -7px
        }
}

.header .navbar li a {
    font-size: 14px;
    color: #232323
}

    .header .navbar li a .signin-span {
        float: left;
        margin-top: 9px;
        position: relative
    }

    .header .navbar li a .fa-user {
        float: left;
        padding: 8px 10px;
        border: 1px solid #333;
        border-radius: 50%;
        margin-left: 10px;
        font-size: 20px;
        color: #333
    }

    .header .navbar li a:hover, .header .navbar li a:focus, .header .navbar li a:active {
        color: #f16219
    }

.header .navbar li.active a, .header .navbar li.active a:hover, .header .navbar li.active a:focus, .header .navbar li.active a:active {
    background: none;
    color: #f16219
}

.orange-border-div {
    display: table;
    width: 100%;
    background: #FCFCFC;
    font-family: calib;
    padding: 20px 5px;
    border-radius: 8px;
    position: relative;
    z-index: 3;
    border: 1px solid #f16219
}

    .orange-border-div .ltc {
        border-right: 1px solid #ccc;
        padding: 0px 15px
    }

    .orange-border-div .rads {
        width: 160px
    }

        .orange-border-div .rads .rad {
            margin: 3px 0px 1px 0px
        }

    .orange-border-div .destination-select {
        width: 200px
    }

        .orange-border-div .destination-select .input-group {
            float: left;
            width: 100%
        }

            .orange-border-div .destination-select .input-group label {
                float: left;
                width: 100%;
                margin: 0px 0px 10px 0px;
                background: none;
                border: 0px;
                padding: 0px;
                font-size: 14px;
                text-align: left
            }

            .orange-border-div .destination-select .input-group select {
                float: left;
                width: 100%;
                height: 25px;
                padding: 0px 4px;
                color: #f16219
            }

    .orange-border-div .pickers {
        width: 100px;
        text-align: center;
        padding: 0px 10px
    }

        .orange-border-div .pickers .picker-btn {
            color: #fff;
            border: 0px;
            width: 53px;
            height: 53px;
            background: #f16219;
            font-size: 27px;
            cursor: pointer;
            border-radius: 50%;
            transition-duration: .3s;
            text-transform: uppercase
        }

            .orange-border-div .pickers .picker-btn:hover, .orange-border-div .pickers .picker-btn:active, .orange-border-div .pickers .picker-btn:focus {
                background: #232323;
                transition-duration: .3s
            }

        .orange-border-div .pickers p {
            float: left;
            width: 100%;
            margin: 0px 0px 5px 0px
        }

        .orange-border-div .pickers h6 {
            float: left;
            width: 100%;
            font-size: 14px;
            margin: 5px 0px 0px 0px
        }

    .orange-border-div .t-boxes {
        width: 265px
    }

        .orange-border-div .t-boxes p {
            float: left;
            width: 100%;
            margin: 0px 0px 5px 0px;
            color: #f16219
        }

        .orange-border-div .t-boxes h6 {
            float: left;
            width: 100%;
            margin: 5px 0px 0px 0px;
            color: #232323;
            font-size: 14px;
            position: relative
        }

            .orange-border-div .t-boxes h6 span.v-small {
                float: left;
                width: 100%;
                position: absolute;
                font-size: 9px;
                left: 0px;
                top: 100%;
                margin-top: 3px
            }

        .orange-border-div .t-boxes .quick-search-box {
            width: 53px;
            height: 53px;
            background: #f16219;
            color: #fff;
            font-size: 27px;
            border-radius: 50%;
            border: 0px;
            padding: 0px 10px;
            text-align: center
        }

        .orange-border-div .t-boxes .sep-t-box {
            float: left;
            width: 62px;
            margin-top: 0px;
            text-align: center
        }

            .orange-border-div .t-boxes .sep-t-box.top-space {
                padding-top: 25px
            }

                .orange-border-div .t-boxes .sep-t-box.top-space .quick-search-box {
                    background: #fff;
                    color: #f16219;
                    border: 1px solid #f16219
                }

@media (min-width: 1200px) {
    .orange-border-div .t-boxes .rad-boxes {
        width: 80px
    }
}

@media (min-width: 990px) and (max-width: 1199px) {
    .orange-border-div .t-boxes .rad-boxes {
        width: 100%
    }

        .orange-border-div .t-boxes .rad-boxes .line {
            width: 50%;
            text-align: center
        }
}

@media (min-width: 360px) and (max-width: 989px) {
    .orange-border-div .t-boxes .rad-boxes {
        width: 80px
    }
}

@media (max-width: 359px) {
    .orange-border-div .t-boxes .rad-boxes {
        width: 100%
    }

        .orange-border-div .t-boxes .rad-boxes .line {
            width: 50%;
            text-align: center
        }
}

.orange-border-div .t-boxes .rad-boxes {
    float: left;
    padding-left: 12px;
    margin-top: 20px
}

    .orange-border-div .t-boxes .rad-boxes .rad > i {
        width: 17px;
        height: 17px;
        border-radius: 0px;
        box-shadow: none;
        background: #fff;
        border-color: #f16219
    }

    .orange-border-div .t-boxes .rad-boxes .rad > input:checked + i {
        background: #f16219
    }

.orange-border-div .find-btn-div {
    border-right: 0px;
    width: 180px
}

    .orange-border-div .find-btn-div .find-btn {
        float: left;
        padding: 5px 30px;
        border-radius: 10px;
        border: 0px;
        margin-left: 5px;
        color: #fff;
        background: #f16219;
        font-size: 19px;
        text-transform: capitalize;
        transition-duration: .3s
    }

        .orange-border-div .find-btn-div .find-btn:hover, .orange-border-div .find-btn-div find-btn:active, .orange-border-div .find-btn-div .find-btn:focus {
            background: #232323;
            transition-duration: .3s
        }

@media (max-width: 989px) {
    .orange-border-div .ltc {
        display: inline-block;
        width: 100%;
        border: 0px;
        padding-bottom: 20px
    }

        .orange-border-div .ltc.pickers {
            width: 50%;
            float: left
        }

    .orange-border-div .find-btn-div {
        padding-top: 10px;
        padding-bottom: 0px;
        text-align: center
    }

        .orange-border-div .find-btn-div .find-btn {
            float: none;
            display: inline-block
        }

    .orange-border-div .t-boxes {
        text-align: center
    }

        .orange-border-div .t-boxes .sep-t-box, .orange-border-div .t-boxes .rad-boxes {
            float: none;
            display: inline-block;
            vertical-align: top
        }

        .orange-border-div .t-boxes .rad-boxes {
            margin-top: 30px;
            text-align: left
        }
}

@media (max-width: 359px) {
    .orange-border-div .find-btn-div {
        padding-top: 0px
    }
}

@media (min-width: 990px) {
    .black-tranparent-div {
        background: url(../img/black-transparent.png)
    }
}

@media (max-width: 989px) {
    .black-tranparent-div {
        background: #333
    }
}

.black-tranparent-div {
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
    margin-top: -5px;
    padding: 30px
}

@media (min-width: 990px) {
    .black-tranparent-div .left-map {
        width: 55%
    }

    .black-tranparent-div .right-list {
        width: 45%;
        padding-left: 50px
    }
}

@media (max-width: 989px) {
    .black-tranparent-div .left-map {
        margin-bottom: 30px;
        text-align: center
    }

    .black-tranparent-div .transparent-half {
        width: 100%
    }
}

.black-tranparent-div .transparent-half {
    float: left
}

.black-tranparent-div .right-list h3 {
    float: left;
    width: 100%;
    margin: 5px 0px 17px 0px;
    color: #86ecf5;
    font-size: 24px
}

.black-tranparent-div .right-list .transparent-list {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    list-style: none;
    color: #ffe168;
    font-size: 17px
}

    .black-tranparent-div .right-list .transparent-list li {
        float: left;
        width: 100%;
        margin: 2px 0px
    }

        .black-tranparent-div .right-list .transparent-list li a {
            float: left;
            color: inherit;
            font-size: 20px
        }

            .black-tranparent-div .right-list .transparent-list li a img {
                float: left;
                margin-right: 10px;
                margin-top: 4px
            }

            .black-tranparent-div .right-list .transparent-list li a:hover, .black-tranparent-div .right-list .transparent-list li a:focus, .black-tranparent-div .right-list .transparent-list li a:active {
                color: #fff
            }

@media (max-width: 767px) {
    .sort-strip {
        border-bottom: 0px !important
    }
}

.sort-strip {
    display: table;
    width: 100%;
    border-top: 1px solid #232323;
    border-bottom: 1px solid #232323;
    border-left: 1px solid #232323;
    position: relative
}

    .sort-strip .ltc {
        border-right: 1px solid #232323
    }

@media (min-width: 800px) {
    .sort-strip .ltc {
        position: relative
    }
}

@media (max-width: 767px) {
    .sort-strip .ltc.first-ltc {
        width: 100%;
        background: #f16219;
        font-family: calib
    }

        .sort-strip .ltc.first-ltc .sep-sort-text {
            color: #fff !important
        }

    .sort-strip .ltc {
        float: left;
        border-bottom: 1px solid #232323
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .sort-strip .ltc {
        width: 33.33333%
    }
}

@media (min-width: 380px) and (max-width: 539px) {
    .sort-strip .ltc {
        width: 50%
    }
}

@media (max-width: 379px) {
    .sort-strip .ltc {
        width: 100%
    }
}

.sort-strip .ltc:last-child .sort-toggle {
    left: auto !important;
    right: 0 !important
}

.sort-strip .sep-sort-text {
    float: left;
    width: 100%;
    margin: 0px;
    color: #232323;
    padding: 3px 5px
}

    .sort-strip .sep-sort-text .fa {
        margin-top: 3px
    }

    .sort-strip .sep-sort-text .fa-angle-up {
        display: none
    }

    .sort-strip .sep-sort-text .fa-angle-down {
        display: block
    }

    .sort-strip .sep-sort-text.active {
        background: #232323;
        color: #fff
    }

        .sort-strip .sep-sort-text.active .fa-angle-up {
            display: block
        }

        .sort-strip .sep-sort-text.active .fa-angle-down {
            display: none
        }

@media (max-width: 799px) {
    .sort-strip .sort-toggle {
        width: 100%
    }
}

@media (min-width: 768px) {
    .sort-strip .sort-toggle {
        margin-top: 1px
    }
}

@media (max-width: 767px) {
    .sort-strip .sort-toggle {
        margin-top: -1px
    }
}

.sort-strip .sort-toggle {
    display: none;
    position: absolute;
    min-width: 200px;
    height: auto;
    top: 100%;
    left: 0px;
    background: #fff;
    border: 1px solid #232323;
    z-index: 2
}

    .sort-strip .sort-toggle .range-slider-content {
        padding: 10px 15px 15px 15px
    }

    .sort-strip .sort-toggle .rating-content {
        padding: 10px
    }

        .sort-strip .sort-toggle .rating-content a {
            display: table-cell;
            text-align: center;
            padding: 0px 3px;
            color: #232323;
            border: 1px solid #eee
        }

            .sort-strip .sort-toggle .rating-content a:hover, .sort-strip .sort-toggle .rating-content a:active, .sort-strip .sort-toggle .rating-content a:focus, .sort-strip .sort-toggle .rating-content a.active {
                color: #f16219
            }

        .sort-strip .sort-toggle .rating-content .tc-t {
            float: left;
            width: 100%;
            font-size: 15px;
            font-style: normal
        }

        .sort-strip .sort-toggle .rating-content span {
            float: left;
            width: 100%
        }

        .sort-strip .sort-toggle .rating-content .tc-b {
            float: left;
            width: 100%;
            font-size: 9px;
            font-style: normal;
            border-top: 1px solid #eee
        }

    .sort-strip .sort-toggle .check-content {
        float: left;
        width: 220px;
        padding: 15px 15px 7px 15px;
        text-transform: uppercase;
        color: #949494
    }

        .sort-strip .sort-toggle .check-content .rad {
            width: 100%;
            margin: 0px;
            font-size: 13px
        }

        .sort-strip .sort-toggle .check-content .pull-right {
            font-size: 10px
        }

.white-space-in-homepage {
    float: left;
    width: 100%;
    position: relative;
    background: #fff
}

.my-tab {
    float: left;
    width: 100%
}

    .my-tab .r-tabs .r-tabs-nav {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #f16219
    }

        .my-tab .r-tabs .r-tabs-nav p {
            margin: 0px;
            font-size: 17px
        }

            .my-tab .r-tabs .r-tabs-nav p i {
                color: #f16219;
                font-style: normal
            }

            .my-tab .r-tabs .r-tabs-nav p a {
                color: #f16219
            }

                .my-tab .r-tabs .r-tabs-nav p a:hover, .my-tab .r-tabs .r-tabs-nav p a:active, .my-tab .r-tabs .r-tabs-nav p a:focus {
                    color: #232323
                }

    .my-tab .r-tabs .r-tabs-tab {
        display: inline-block;
        margin: 0;
        list-style: none
    }

    .my-tab .r-tabs .r-tabs-panel {
        padding: 0px;
        display: none
    }

    .my-tab .r-tabs .r-tabs-accordion-title {
        display: none
    }

    .my-tab .r-tabs .r-tabs-panel.r-tabs-state-active {
        display: block
    }

@media only screen and (max-width: 767px) {
    .my-tab .r-tabs .r-tabs-nav {
        display: none
    }

    .my-tab .r-tabs .r-tabs-accordion-title {
        float: left;
        width: 100%;
        display: block
    }
}

.my-tab .r-tabs {
    float: left;
    width: 100%;
    position: relative;
    background: none
}

    .my-tab .r-tabs .r-tabs-nav .r-tabs-tab {
        position: relative;
        float: left;
        margin-right: -1px;
        margin-bottom: -1px
    }

    .my-tab .r-tabs .r-tabs-nav .r-tabs-anchor {
        display: inline-block;
        padding: 3px 15px;
        text-decoration: none;
        font-size: 14px;
        color: #232323;
        border: 1px solid #f16219;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

    .my-tab .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
        color: #fff;
        background: #f16219;
        border: 1px solid #f16219
    }

    .my-tab .r-tabs .r-tabs-panel {
        float: left;
        width: 100%;
        background: #fff
    }

    .my-tab .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
        display: block;
        padding: 10px;
        background: #fff;
        color: #f16219;
        border: 1px solid #f16219;
        text-decoration: none;
        font-size: 14px;
        margin-bottom: -1px
    }

    .my-tab .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
        background: #f16219;
        color: #fff;
        text-shadow: none
    }

.b-crumb {
    float: left;
    width: 100%;
    padding: 2px 10px 10px 10px
}

    .b-crumb p {
        float: left;
        margin: 4px 0px
    }

        .b-crumb p a {
            color: inherit
        }

            .b-crumb p a:hover, .b-crumb p a:active, .b-crumb p a:focus {
                color: #f16219
            }

        .b-crumb p span {
            color: #f16219
        }

        .b-crumb p a.orange {
            color: #f16219
        }

            .b-crumb p a.orange:hover, .b-crumb p a.orange:focus, .b-crumb p a.orange:active {
                color: #232323
            }

    .b-crumb h5 {
        float: right;
        text-transform: capitalize;
        font-size: 25px;
        margin: 0px
    }

        .b-crumb h5 span {
            float: left;
            display: inline-block;
            width: 32px;
            height: 32px;
            text-align: center;
            line-height: 32px;
            background: #f16219;
            color: #fff;
            margin: -2px 8px -2px 0px;
            font-size: 23px;
            border-radius: 50%
        }

.pagination-with-arrow-to-top {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc
}

    .pagination-with-arrow-to-top p {
        float: left;
        width: 100%;
        text-align: right;
        font-size: 17px;
        color: #232323;
        margin: 10px 0px 0px 0px
    }

        .pagination-with-arrow-to-top p a {
            color: inherit
        }

            .pagination-with-arrow-to-top p a:hover, .pagination-with-arrow-to-top p a:focus, .pagination-with-arrow-to-top p a:active {
                color: #f16219
            }

    .pagination-with-arrow-to-top.no-border {
        border-top: 0px
    }

.tco {
    color: #f16219
}

.to-top .fa {
    width: 32px;
    height: 32px;
    background: #f16219;
    color: #fff;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    margin-left: 12px;
    transition-duration: .3s
}

.to-top:hover .fa, .to-top:active .fa, .to-top:focus .fa {
    background: #232323;
    transition-duration: .3s
}

.my-rating {
    float: right
}

    .my-rating .fa {
        float: left;
        color: #FFBB0E
    }

.orange-btn {
    display: inline-block;
    padding: 6px 15px;
    background: #f16219;
    border-radius: 2px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase
}

    .orange-btn:hover, .orange-btn:active, .orange-btn:focus {
        background: #232323
    }

.sml-padding-tab .r-tabs-panel {
    padding: 8px !important;
    border: 1px solid #f16219
}

.big-padding-tab .r-tabs-panel {
    padding: 20px !important;
    border: 1px solid #f16219
}

.all-results {
    float: left;
    width: 100%
}

    .all-results .sep-result {
        float: left;
        width: 100%;
        height: auto;
        padding: 12px 0px;
        border-bottom: 1px solid #ccc
    }

        .all-results .sep-result .res-image, .all-results .sep-result .res-checks, .all-results .sep-result .res-map, .all-results .sep-result .res-price {
            padding: 0px 10px
        }

        .all-results .sep-result .res-image, .all-results .sep-result .res-checks, .all-results .sep-result .res-map {
            vertical-align: top
        }

        .all-results .sep-result .res-heading {
            float: left;
            width: 100%;
            margin: 0px;
            padding: 0px;
            font-size: 19px;
            text-transform: capitalize;
            overflow: hidden;
            display: -webkit-box;
            display: -moz-box;
            text-overflow: ellipsis;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            line-height: 22px;
            max-height: 22px
        }

        .all-results .sep-result .name-rating {
            display: table;
            width: 100%;
            margin-bottom: 10px
        }

            .all-results .sep-result .name-rating .res-rating {
                width: 70px
            }

        .all-results .sep-result .image {
            float: left;
            width: 100%;
            text-align: center
        }

            .all-results .sep-result .image a {
                float: left;
                width: 100%
            }

                .all-results .sep-result .image a img {
                    float: left;
                    width: 100%
                }

        .all-results .sep-result .rating-review {
            float: left;
            width: 100%;
            text-align: right;
            margin-top: 8px
        }

            .all-results .sep-result .rating-review p {
                float: left;
                width: 100%;
                margin: 0px
            }

                .all-results .sep-result .rating-review p span {
                    color: #f16219
                }

                .all-results .sep-result .rating-review p a {
                    color: inherit
                }

                    .all-results .sep-result .rating-review p a:hover, .all-results .sep-result .rating-review p a:focus, .all-results .sep-result .rating-review p a:active {
                        color: #f16219
                    }

        .all-results .sep-result .res-list-checks {
            float: left;
            width: 100%;
            margin-top: 10px;
            list-style: none;
            padding: 0px;
            margin: 10px 0px 0px 0px
        }

            .all-results .sep-result .res-list-checks.hidden-list {
                display: none;
                margin-top: 0px
            }

        .all-results .sep-result .view-hidden-list {
            float: left;
            color: #f16219;
            font-size: 18px;
            text-transform: capitalize
        }

            .all-results .sep-result .view-hidden-list:hover, .all-results .sep-result .view-hidden-list:active, .all-results .sep-result .view-hidden-list:focus {
                color: #232323
            }

        .all-results .sep-result .map-display {
            float: left;
            width: 100%;
            margin-top: 10px
        }

            .all-results .sep-result .map-display iframe {
                float: left;
                width: 100%;
                height: 180px
            }

@media (min-width: 990px) {
    .all-results .sep-result .res-price {
        padding-left: 50px
    }
}

.all-results .sep-result .res-price h3.price, .all-results .sep-result .res-price p {
    float: left;
    width: 100%;
    margin: 0px
}

.all-results .sep-result .res-price .book-btn {
    display: inline-block;
    padding: 5px 15px;
    background: #f16219;
    color: #fff;
    font-size: 16px;
    margin: 5px 0px 2px 0px;
    border: 0px;
    transition-duration: .3s
}

    .all-results .sep-result .res-price .book-btn:hover, .all-results .sep-result .res-price .book-btn:focus, .all-results .sep-result .res-price .book-btn:active {
        background: #232323;
        transition-duration: .3s
    }

.all-results .sep-result .res-price .rad {
    display: inline-block
}

.all-results .sep-result:last-child {
    border-bottom: 0px
}

@media (min-width: 1200px) {
    .all-results .res-image {
        width: 300px
    }

    .all-results .res-checks {
        width: 300px
    }

    .all-results .res-price {
        width: 220px
    }
}

@media (min-width: 990px) and (max-width: 1199px) {
    .all-results .res-image {
        width: 250px
    }

    .all-results .res-checks {
        width: 250px
    }

    .all-results .res-price {
        width: 150px
    }
}

@media (min-width: 680px) and (max-width: 989px) {
    .all-results .res-image {
        width: 50%
    }

    .all-results .res-checks {
        width: 50%
    }

    .all-results .res-map {
        float: left;
        width: 100%;
        margin: 10px 0px 20px 0px
    }

    .all-results .res-price {
        float: left;
        width: 100%;
        text-align: center
    }
}

@media (max-width: 679px) {
    .all-results .res-image {
        float: left;
        width: 100%
    }

        .all-results .res-image .image {
            text-align: center
        }

            .all-results .res-image .image a {
                display: inline-block;
                float: none
            }

                .all-results .res-image .image a img {
                    width: auto;
                    max-width: 100%;
                    display: inline-block;
                    float: none
                }

    .all-results .res-checks {
        float: left;
        width: 100%
    }

    .all-results .res-map {
        float: left;
        width: 100%;
        margin: 10px 0px 20px 0px
    }

    .all-results .res-price {
        float: left;
        width: 100%;
        text-align: center
    }
}

.maplike-bg-div {
    float: left;
    width: 100%;
    height: auto;
    padding: 60px 0px;
    margin: 45px 0px 0px 0px;
    background: url(../img/maplike-bg.jpg);
    background-size: auto 100%
}

    .maplike-bg-div .maplike-bg-div-content {
        float: left;
        width: 100%
    }

@media (min-width: 990px) {
    .maplike-bg-div .maplike-bg-div-content .content-sep {
        width: 25%
    }
}

@media (min-width: 560px) and (max-width: 989px) {
    .maplike-bg-div .maplike-bg-div-content .content-sep {
        width: 50%
    }
}

@media (max-width: 559px) {
    .maplike-bg-div .maplike-bg-div-content .content-sep {
        width: 100%
    }
}

.maplike-bg-div .maplike-bg-div-content .content-sep {
    float: left;
    padding: 15px
}

    .maplike-bg-div .maplike-bg-div-content .content-sep .content-icon {
        width: 70px
    }

    .maplike-bg-div .maplike-bg-div-content .content-sep .ltc {
        vertical-align: top
    }

    .maplike-bg-div .maplike-bg-div-content .content-sep h6 {
        float: left;
        width: 100%;
        color: #fff;
        margin: 0px;
        font-size: 19px;
        text-transform: capitalize
    }

    .maplike-bg-div .maplike-bg-div-content .content-sep p {
        float: left;
        width: 100%;
        color: #7C93B5;
        font-size: 14px;
        line-height: 20px;
        margin: 10px 0px 0px 0px
    }

.page-bottom {
    float: left;
    width: 100%
}

    .page-bottom .bottom-top {
        float: left;
        width: 100%;
        padding: 15px 0px;
        border-bottom: 1px solid #ccc
    }

@media (min-width: 990px) {
    .page-bottom .bottom-top .bottom-top-sep {
        width: 25%
    }
}

@media (min-width: 680px) and (max-width: 989px) {
    .page-bottom .bottom-top .bottom-top-sep {
        width: 50%
    }
}

@media (max-width: 679px) {
    .page-bottom .bottom-top .bottom-top-sep {
        width: 100%
    }
}

.page-bottom .bottom-top .bottom-top-sep {
    float: left;
    padding: 15px
}

    .page-bottom .bottom-top .bottom-top-sep .bottom-top-heading {
        float: left;
        width: 100%;
        margin: 0px 0px 15px 0px;
        font-size: 22px;
        color: #2F405D;
        text-transform: capitalize
    }

    .page-bottom .bottom-top .bottom-top-sep .two-lists-in-one {
        float: left;
        width: 50%;
        list-style: none;
        padding: 0px;
        margin: 0px
    }

        .page-bottom .bottom-top .bottom-top-sep .two-lists-in-one li {
            float: left;
            width: 100%;
            margin-bottom: 12px
        }

            .page-bottom .bottom-top .bottom-top-sep .two-lists-in-one li a {
                float: left;
                color: #9B9391
            }

                .page-bottom .bottom-top .bottom-top-sep .two-lists-in-one li a span {
                    float: left;
                    margin-right: 10px;
                    margin-top: 3px;
                    color: #D7D7D7;
                    transition-duration: .3s
                }

                .page-bottom .bottom-top .bottom-top-sep .two-lists-in-one li a:hover, .page-bottom .bottom-top .bottom-top-sep .two-lists-in-one li a:focus, .page-bottom .bottom-top .bottom-top-sep .two-lists-in-one li a:active {
                    color: #0ab8f7
                }

                    .page-bottom .bottom-top .bottom-top-sep .two-lists-in-one li a:hover span, .page-bottom .bottom-top .bottom-top-sep .two-lists-in-one li a:focus span, .page-bottom .bottom-top .bottom-top-sep .two-lists-in-one li a:active span {
                        color: #0ab8f7;
                        transition-duration: .3s
                    }

    .page-bottom .bottom-top .bottom-top-sep .travel-news-list {
        float: left;
        width: 100%
    }

        .page-bottom .bottom-top .bottom-top-sep .travel-news-list .content-list {
            float: left;
            width: 100%;
            margin-bottom: 30px
        }

            .page-bottom .bottom-top .bottom-top-sep .travel-news-list .content-list .content-icon {
                width: 80px
            }

            .page-bottom .bottom-top .bottom-top-sep .travel-news-list .content-list .ltc {
                vertical-align: top
            }

            .page-bottom .bottom-top .bottom-top-sep .travel-news-list .content-list h6 {
                float: left;
                width: 100%;
                color: #0ab8f7;
                margin: 0px;
                font-size: 16px;
                text-transform: capitalize
            }

            .page-bottom .bottom-top .bottom-top-sep .travel-news-list .content-list p {
                float: left;
                width: 100%;
                color: #9B9391;
                font-size: 14px;
                line-height: 20px;
                margin: 8px 0px 0px 0px
            }

            .page-bottom .bottom-top .bottom-top-sep .travel-news-list .content-list span {
                float: left;
                width: 100%;
                color: #7C93B5;
                font-size: 13px;
                margin: 15px 0px 0px 0px
            }

            .page-bottom .bottom-top .bottom-top-sep .travel-news-list .content-list:last-child {
                margin-bottom: 0px
            }

    .page-bottom .bottom-top .bottom-top-sep .mailing-list-content {
        float: left;
        width: 100%;
        color: #9B9391
    }

        .page-bottom .bottom-top .bottom-top-sep .mailing-list-content p {
            float: left;
            width: 100%;
            margin: 0px
        }

        .page-bottom .bottom-top .bottom-top-sep .mailing-list-content .input-group {
            float: left;
            width: 100%;
            margin: 33px 0px 20px 0px
        }

            .page-bottom .bottom-top .bottom-top-sep .mailing-list-content .input-group .form-control {
                background: #f5f5f5;
                border: 1px solid #ECECEC;
                border-radius: 0px;
                box-shadow: none
            }

            .page-bottom .bottom-top .bottom-top-sep .mailing-list-content .input-group .btn {
                background: #7db921;
                border-radius: 0px;
                border: 0px;
                box-shadow: none;
                color: #fff;
                margin: 0px;
                padding: 7px 9px;
                transition-duration: .3s
            }

                .page-bottom .bottom-top .bottom-top-sep .mailing-list-content .input-group .btn:hover, .page-bottom .bottom-top .bottom-top-sep .mailing-list-content .input-group .btn:focus, .page-bottom .bottom-top .bottom-top-sep .mailing-list-content .input-group .btn:active {
                    border: 0px;
                    background: #232323;
                    transition-duration: .3s
                }

    .page-bottom .bottom-top .bottom-top-sep .about-content {
        float: left;
        width: 100%;
        color: #9B9391
    }

        .page-bottom .bottom-top .bottom-top-sep .about-content p {
            float: left;
            width: 100%;
            margin: 0px
        }

        .page-bottom .bottom-top .bottom-top-sep .about-content .about-cont-number {
            float: left;
            width: 100%;
            color: #333;
            font-size: 23px;
            margin: 35px 0px 0px 0px
        }

            .page-bottom .bottom-top .bottom-top-sep .about-content .about-cont-number span {
                color: #0ab8f7
            }

            .page-bottom .bottom-top .bottom-top-sep .about-content .about-cont-number i {
                font-style: normal;
                text-transform: uppercase
            }

        .page-bottom .bottom-top .bottom-top-sep .about-content h6 {
            float: left;
            width: 100%;
            color: #f16219;
            font-family: calib;
            font-size: 14px;
            margin: 5px 0px 0px 0px;
            padding-left: 25px
        }

        .page-bottom .bottom-top .bottom-top-sep .about-content .about-socials {
            float: left;
            width: 100%;
            margin-top: 25px
        }

            .page-bottom .bottom-top .bottom-top-sep .about-content .about-socials a {
                float: left;
                width: 32px;
                height: 32px;
                background: #d9d9d9;
                color: #fff;
                font-size: 15px;
                margin-right: 4px;
                text-align: center
            }

                .page-bottom .bottom-top .bottom-top-sep .about-content .about-socials a span {
                    line-height: 32px
                }

                .page-bottom .bottom-top .bottom-top-sep .about-content .about-socials a:hover, .page-bottom .bottom-top .bottom-top-sep .about-content .about-socials a:active, .page-bottom .bottom-top .bottom-top-sep .about-content .about-socials a:focus {
                    background: #f16219
                }

.page-bottom .bottom-middle {
    float: left;
    width: 100%;
    padding: 18px 0px;
    border-bottom: 1px solid #ccc
}

@media (min-width: 1200px) {
    .page-bottom .bottom-middle .btn-mdl-content-sep-left {
        width: 35%
    }

        .page-bottom .bottom-middle .btn-mdl-content-sep-left a {
            float: left;
            margin-right: 7px
        }

    .page-bottom .bottom-middle .btn-mdl-content-sep-right {
        width: 65%;
        margin-top: 12px
    }
}

@media (min-width: 990px) and (max-width: 1199px) {
    .page-bottom .bottom-middle .btn-mdl-content-sep-left {
        width: 40%
    }

        .page-bottom .bottom-middle .btn-mdl-content-sep-left a {
            float: left;
            margin-right: 7px
        }

    .page-bottom .bottom-middle .btn-mdl-content-sep-right {
        width: 60%;
        margin-top: 12px
    }
}

@media (max-width: 989px) {
    .page-bottom .bottom-middle .btn-mdl-content-sep-left {
        width: 100%;
        text-align: center
    }

        .page-bottom .bottom-middle .btn-mdl-content-sep-left a {
            float: none;
            display: inline-block;
            margin: 0px 3px
        }

    .page-bottom .bottom-middle .btn-mdl-content-sep-right {
        width: 100%;
        margin-top: 12px;
        text-align: center
    }
}

.page-bottom .bottom-middle .btm-mdl-content-sep {
    float: left
}

    .page-bottom .bottom-middle .btm-mdl-content-sep h5 {
        float: left;
        width: 100%;
        margin: 0px 0px 8px 0px;
        font-family: calib;
        color: #333;
        font-size: 17px
    }

    .page-bottom .bottom-middle .btm-mdl-content-sep .payment-options {
        float: left;
        width: 100%
    }

        .page-bottom .bottom-middle .btm-mdl-content-sep .payment-options img {
            max-width: 100%
        }

.page-bottom .bottom-bottom {
    float: left;
    width: 100%;
    padding: 10px 0px
}

@media (min-width: 480px) {
    .page-bottom .bottom-bottom .btm-btm-logo {
        float: left
    }

    .page-bottom .bottom-bottom .btm-btm-to-top {
        float: right
    }
}

@media (max-width: 479px) {
    .page-bottom .bottom-bottom .btm-btm-logo {
        float: left;
        width: 100%
    }

    .page-bottom .bottom-bottom .btm-btm-to-top {
        float: left;
        width: 100%
    }
}

.page-bottom .bottom-bottom .btm-btm-logo {
    text-align: center
}

    .page-bottom .bottom-bottom .btm-btm-logo a {
        display: inline-block
    }

    .page-bottom .bottom-bottom .btm-btm-logo img {
        max-width: 100%;
        height: 50px
    }

.page-bottom .bottom-bottom .btm-btm-to-top {
    margin-top: 9px;
    font-family: calib;
    text-align: center
}

.my-page-sep {
    float: left;
    width: 100%
}

@media (min-width: 1200px) {
    .my-page-sep .page-lft {
        width: 27%;
        padding-right: 14px
    }

    .my-page-sep .page-rgt {
        width: 73%
    }
}

@media (min-width: 990px) and (max-width: 1199px) {
    .my-page-sep .page-lft {
        width: 30%;
        padding-right: 14px
    }

    .my-page-sep .page-rgt {
        width: 70%
    }
}

@media (max-width: 989px) and (max-width: 1199px) {
    .my-page-sep .page-lft {
        width: 100%;
        padding-bottom: 20px
    }

    .my-page-sep .page-rgt {
        width: 100%
    }
}

.my-page-sep .page-lft {
    float: left;
    height: auto
}

    .my-page-sep .page-lft .sep-left-div {
        float: left;
        width: 100%;
        padding: 15px 20px 20px 20px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border: 1px solid #000;
        margin-bottom: 14px
    }

@media (min-width: 480px) {
    .my-page-sep .page-lft .sep-left-div .big-heading {
        font-size: 29px
    }
}

@media (max-width: 479px) {
    .my-page-sep .page-lft .sep-left-div .big-heading {
        font-size: 22px
    }
}

.my-page-sep .page-lft .sep-left-div .big-heading {
    float: left;
    width: 100%;
    margin: 0px;
    text-transform: capitalize
}

.my-page-sep .page-lft .sep-left-div .small-text {
    display: table;
    width: 100%
}

    .my-page-sep .page-lft .sep-left-div .small-text span {
        color: #f16219;
        font-size: 24px;
        margin-right: 5px
    }

    .my-page-sep .page-lft .sep-left-div .small-text p {
        float: left;
        width: 100%;
        margin: 0px;
        font-size: 12px
    }

    .my-page-sep .page-lft .sep-left-div .small-text .marker-width {
        width: 20px
    }

    .my-page-sep .page-lft .sep-left-div .small-text .rating-width {
        width: 64px;
        text-align: right
    }

        .my-page-sep .page-lft .sep-left-div .small-text .rating-width span {
            font-size: 11px;
            margin: 0px
        }

.my-page-sep .page-lft .sep-left-div .booking-left-img {
    display: table;
    width: 100%;
    margin-bottom: 5px
}

    .my-page-sep .page-lft .sep-left-div .booking-left-img img {
        width: 100%
    }

    .my-page-sep .page-lft .sep-left-div .booking-left-img .right-chk {
        width: 47px;
        text-align: right;
        vertical-align: top
    }

        .my-page-sep .page-lft .sep-left-div .booking-left-img .right-chk img {
            width: auto;
            max-width: 100%
        }

.my-page-sep .page-lft .sep-left-div .price-disp {
    float: left;
    width: 100%
}

    .my-page-sep .page-lft .sep-left-div .price-disp .ltc {
        float: left;
        display: inline-block;
        width: 50%
    }

    .my-page-sep .page-lft .sep-left-div .price-disp .price-left {
        font-size: 12px;
        margin-top: 14px;
        font-family: calib;
        text-transform: uppercase
    }

    .my-page-sep .page-lft .sep-left-div .price-disp .price-right {
        text-align: right;
        color: #f16219;
        font-size: 30px
    }

        .my-page-sep .page-lft .sep-left-div .price-disp .price-right p {
            float: left;
            width: 100%;
            margin: 0px
        }

        .my-page-sep .page-lft .sep-left-div .price-disp .price-right span {
            font-size: 24px
        }

.my-page-sep .page-lft .sep-left-div .rating-review {
    float: left;
    width: 100%
}

    .my-page-sep .page-lft .sep-left-div .rating-review .rating {
        float: left
    }

    .my-page-sep .page-lft .sep-left-div .rating-review .review {
        float: right;
        font-family: calib
    }

        .my-page-sep .page-lft .sep-left-div .rating-review .review span {
            color: #f16219
        }

        .my-page-sep .page-lft .sep-left-div .rating-review .review a {
            color: inherit
        }

            .my-page-sep .page-lft .sep-left-div .rating-review .review a:hover, .my-page-sep .page-lft .sep-left-div .rating-review .review a:focus, .my-page-sep .page-lft .sep-left-div .rating-review .review a:active {
                color: #f16219
            }

.my-page-sep .page-lft .sep-left-div .desc {
    float: left;
    width: 100%;
    margin: 0px;
    font-family: calib
}

.my-page-sep .page-lft .sep-left-div .orange-btn {
    margin: 10px 0px 0px 0px
}

.my-page-sep .page-lft .sep-left-div .help-div {
    float: left;
    width: 100%;
    font-size: 17px;
    margin: 0px 0px 10px 0px
}

    .my-page-sep .page-lft .sep-left-div .help-div span {
        float: left;
        width: 20px;
        height: 20px;
        border: 1px solid #f16219;
        color: #f16219;
        border-radius: 50%;
        margin-right: 5px;
        line-height: 20px;
        text-align: center;
        font-size: 15px
    }

    .my-page-sep .page-lft .sep-left-div .help-div i {
        float: left;
        margin: 1px 0px 0px 0px;
        font-style: normal
    }

.my-page-sep .page-lft .sep-left-div h3.orange-color {
    float: left;
    width: 100%;
    color: #f16219;
    margin: 20px 0px 0px 0px;
    font-size: 19px;
    text-transform: uppercase
}

.my-page-sep .page-lft .sep-left-div h4 {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    font-size: 18px
}

.my-page-sep .page-lft .sep-left-div .all-sep-listing {
    float: left;
    width: 100%;
    margin: 7px 0px 0px 0px
}

.my-page-sep .page-lft .sep-left-div .sep-listing {
    float: left;
    width: 100%;
    margin: 11px 0px
}

    .my-page-sep .page-lft .sep-left-div .sep-listing .listing-image {
        width: 90px;
        padding-right: 20px
    }

        .my-page-sep .page-lft .sep-left-div .sep-listing .listing-image img {
            width: 100%
        }

    .my-page-sep .page-lft .sep-left-div .sep-listing .listing-desc h5 {
        float: left;
        width: 100%;
        font-family: calib;
        font-size: 20px;
        margin: 0px;
        text-transform: capitalize
    }

    .my-page-sep .page-lft .sep-left-div .sep-listing .listing-desc p {
        float: left;
        width: 100%;
        font-size: 12px;
        margin: 0px
    }

        .my-page-sep .page-lft .sep-left-div .sep-listing .listing-desc p span {
            text-transform: uppercase
        }

.my-page-sep .page-lft .sep-left-div-o {
    border-color: #f16219
}

    .my-page-sep .page-lft .sep-left-div-o .big-heading {
        margin-bottom: 13px
    }

.my-page-sep .page-rgt {
    float: left
}

    .my-page-sep .page-rgt .r-tabs-nav {
        border-bottom: 0px
    }

    .my-page-sep .page-rgt .my-row-in-tab {
        margin-left: -8px;
        margin-right: -8px
    }

    .my-page-sep .page-rgt .inside-tab-heading {
        float: left;
        width: 100%;
        font-size: 24px;
        margin: 17px 0px 0px 0px;
        text-transform: capitalize
    }

        .my-page-sep .page-rgt .inside-tab-heading.small {
            font-size: 20px
        }

        .my-page-sep .page-rgt .inside-tab-heading.wo-margin {
            margin: 0px
        }

@media (min-width: 768px) {
    .my-page-sep .page-rgt .tab-map {
        height: 500px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .my-page-sep .page-rgt .tab-map {
        height: 350px
    }
}

@media (max-width: 479px) {
    .my-page-sep .page-rgt .tab-map {
        height: 250px
    }
}

.my-page-sep .page-rgt .tab-map {
    float: left;
    width: 100%
}

.my-page-sep .page-rgt .big-padding-tab {
    margin-bottom: 10px
}

.my-page-sep .page-rgt .sml-padding-tab {
    margin-bottom: 35px
}

    .my-page-sep .page-rgt .sml-padding-tab .my-slider {
        float: left;
        width: 100%
    }

        .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssora05l, .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssora05r, .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssora05ldn, .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssora05rdn {
            position: absolute;
            cursor: pointer;
            display: block;
            background: url(../img/a17.png) no-repeat;
            overflow: hidden
        }

        .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssora05l {
            background-position: -10px -40px
        }

        .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssora05r {
            background-position: -70px -40px
        }

        .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssora05l:hover {
            background-position: -130px -40px
        }

        .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssora05r:hover {
            background-position: -190px -40px
        }

        .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssora05ldn {
            background-position: -250px -40px
        }

        .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssora05rdn {
            background-position: -310px -40px
        }

        .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssort01 .w {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%
        }

        .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssort01 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 72px;
            height: 72px;
            border: #000 1px solid
        }

        .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssort01 .p:hover .c, .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssort01 .pav:hover .c, .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssort01 .pav .c {
            background: url(../img/t01.png) center center;
            border: #fff 1px solid;
            top: 0px;
            left: 0px;
            width: 72px;
            height: 72px
        }

        .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssort01 .p:hover .c, .my-page-sep .page-rgt .sml-padding-tab .my-slider .jssort01 .pav:hover .c {
            top: 0px;
            left: 0px;
            width: 72px;
            height: 72px;
            border: #fff 1px solid
        }

.my-page-sep .page-rgt .tab-results {
    float: left;
    width: 100%
}

@media (min-width: 680px) {
    .my-page-sep .page-rgt .tab-results .sep-tab-result {
        display: table
    }
}

@media (max-width: 679px) {
    .my-page-sep .page-rgt .tab-results .sep-tab-result {
        float: left
    }
}

.my-page-sep .page-rgt .tab-results .sep-tab-result {
    width: 100%;
    margin: 11px 0px;
    border: 1px solid #f6f6f6
}

    .my-page-sep .page-rgt .tab-results .sep-tab-result:hover {
        box-shadow: 0px 0px 10px 0px #eee;
        background: #fefefe
    }

.my-page-sep .page-rgt .tab-results .sep-tab-result-img {
    width: 230px;
    padding-right: 10px
}

    .my-page-sep .page-rgt .tab-results .sep-tab-result-img a {
        float: left;
        width: 100%
    }

        .my-page-sep .page-rgt .tab-results .sep-tab-result-img a img {
            float: left;
            width: 100%
        }

.my-page-sep .page-rgt .tab-results .sep-tab-result-desc {
    padding: 10px
}

@media (max-width: 679px) {
    .my-page-sep .page-rgt .tab-results .sep-tab-result-img {
        float: left;
        width: 100%;
        padding: 15px 15px 0px 15px;
        text-align: center
    }

        .my-page-sep .page-rgt .tab-results .sep-tab-result-img a {
            display: inline-block;
            float: none;
            width: auto
        }
}

.my-page-sep .page-rgt .tab-results .res-top-left {
    float: left
}

    .my-page-sep .page-rgt .tab-results .res-top-left h4 {
        display: block;
        width: 100%;
        margin: 0px;
        font-size: 18px;
        font-family: calib;
        text-transform: capitalize
    }

        .my-page-sep .page-rgt .tab-results .res-top-left h4 a {
            color: inherit
        }

            .my-page-sep .page-rgt .tab-results .res-top-left h4 a:hover, .my-page-sep .page-rgt .tab-results .res-top-left h4 a:active, .my-page-sep .page-rgt .tab-results .res-top-left h4 a:focus {
                color: #f16219
            }

    .my-page-sep .page-rgt .tab-results .res-top-left p {
        display: block;
        width: 100%;
        margin: 0px
    }

        .my-page-sep .page-rgt .tab-results .res-top-left p span {
            color: #f16219
        }

.my-page-sep .page-rgt .tab-results .res-top-right {
    float: right
}

    .my-page-sep .page-rgt .tab-results .res-top-right .amenities {
        float: left;
        margin-right: 30px
    }

        .my-page-sep .page-rgt .tab-results .res-top-right .amenities img {
            margin: 0px 1px
        }

    .my-page-sep .page-rgt .tab-results .res-top-right .res-price {
        float: left
    }

        .my-page-sep .page-rgt .tab-results .res-top-right .res-price p {
            display: block;
            text-align: left;
            width: 100%;
            text-transform: uppercase;
            font-size: 12px;
            margin: 0px
        }

        .my-page-sep .page-rgt .tab-results .res-top-right .res-price h5 {
            display: block;
            text-align: left;
            width: 100%;
            text-transform: capitalize;
            font-size: 22px;
            margin: 0px;
            color: #f16219
        }

@media (max-width: 679px) {
    .my-page-sep .page-rgt .tab-results .res-top-left, .my-page-sep .page-rgt .tab-results .res-top-right, .my-page-sep .page-rgt .tab-results .amenities, .my-page-sep .page-rgt .tab-results .res-price {
        width: 100%;
        text-align: center
    }

        .my-page-sep .page-rgt .tab-results .res-top-left h5, .my-page-sep .page-rgt .tab-results .res-top-left p, .my-page-sep .page-rgt .tab-results .res-top-right h5, .my-page-sep .page-rgt .tab-results .res-top-right p, .my-page-sep .page-rgt .tab-results .amenities h5, .my-page-sep .page-rgt .tab-results .amenities p, .my-page-sep .page-rgt .tab-results .res-price h5, .my-page-sep .page-rgt .tab-results .res-price p {
            text-align: center !important
        }

    .my-page-sep .page-rgt .tab-results .amenities {
        margin: 5px 0px
    }
}

.my-page-sep .page-rgt .tab-results .res-para {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px
}

.my-page-sep .page-rgt .tab-results .res-btn {
    width: 130px
}

@media (min-width: 680px) {
    .my-page-sep .page-rgt .tab-results .res-btn a {
        margin: 10px 0px
    }
}

@media (max-width: 679px) {
    .my-page-sep .page-rgt .tab-results .res-btn a {
        margin: 5px 0px 10px 0px
    }
}

.my-page-sep .page-rgt .tab-results .res-btn a {
    float: right;
    padding: 4px 13px;
    background: #838383;
    color: #fff;
    border-radius: 2px;
    font-size: 18px;
    text-transform: capitalize
}

    .my-page-sep .page-rgt .tab-results .res-btn a:hover, .my-page-sep .page-rgt .tab-results .res-btn a:active, .my-page-sep .page-rgt .tab-results .res-btn a:focus {
        background: #f16219
    }

@media (max-width: 679px) {
    .my-page-sep .page-rgt .tab-results .res-para, .my-page-sep .page-rgt .tab-results .res-btn {
        float: left;
        width: 100%;
        text-align: center
    }

        .my-page-sep .page-rgt .tab-results .res-para a, .my-page-sep .page-rgt .tab-results .res-btn a {
            display: inline-block;
            float: none
        }
}

.my-page-sep .page-rgt .amenities-content {
    float: left;
    width: 100%
}

    .my-page-sep .page-rgt .amenities-content p {
        float: left;
        width: 100%;
        margin: 10px 0px
    }

    .my-page-sep .page-rgt .amenities-content .my-row-7 {
        margin-left: -7px;
        margin-right: -7px
    }

    .my-page-sep .page-rgt .amenities-content .amenities-list {
        float: left;
        width: 100%;
        list-style: none;
        padding: 0px;
        margin: 0px
    }

@media (min-width: 1200px) {
    .my-page-sep .page-rgt .amenities-content .amenities-list li {
        width: 33.33333%
    }
}

@media (min-width: 680px) and (max-width: 1199px) {
    .my-page-sep .page-rgt .amenities-content .amenities-list li {
        width: 50%
    }
}

@media (max-width: 679px) {
    .my-page-sep .page-rgt .amenities-content .amenities-list li {
        width: 100%
    }
}

.my-page-sep .page-rgt .amenities-content .amenities-list li {
    float: left;
    padding: 7px;
    text-transform: uppercase
}

    .my-page-sep .page-rgt .amenities-content .amenities-list li a {
        float: left;
        color: #f16219
    }

        .my-page-sep .page-rgt .amenities-content .amenities-list li a span {
            margin-right: 10px
        }

        .my-page-sep .page-rgt .amenities-content .amenities-list li a:hover, .my-page-sep .page-rgt .amenities-content .amenities-list li a:active, .my-page-sep .page-rgt .amenities-content .amenities-list li a:focus {
            color: #232323
        }

.my-page-sep .page-rgt .review-and-desc-box {
    float: left;
    width: 100%;
    background: #EAEAEA;
    margin: 5px 0px 15px 0px;
    padding: 14px
}

@media (min-width: 1200px) {
    .my-page-sep .page-rgt .review-and-desc-box .common-box-left {
        width: 33%;
        padding-right: 14px
    }

    .my-page-sep .page-rgt .review-and-desc-box .common-box-right {
        width: 67%
    }

    .my-page-sep .page-rgt .review-and-desc-box .common-both-content {
        height: 190px
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .my-page-sep .page-rgt .review-and-desc-box .common-box-left {
        width: 40%;
        padding-right: 14px
    }

    .my-page-sep .page-rgt .review-and-desc-box .common-box-right {
        width: 60%
    }

    .my-page-sep .page-rgt .review-and-desc-box .common-both-content {
        height: auto
    }
}

@media (max-width: 767px) {
    .my-page-sep .page-rgt .review-and-desc-box .common-box-left {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 14px
    }

    .my-page-sep .page-rgt .review-and-desc-box .common-box-right {
        width: 100%
    }

    .my-page-sep .page-rgt .review-and-desc-box .common-both-content {
        height: auto
    }
}

.my-page-sep .page-rgt .review-and-desc-box .common-box-left {
    float: left
}

.my-page-sep .page-rgt .review-and-desc-box .common-box-right {
    float: left
}

.my-page-sep .page-rgt .review-and-desc-box .common-left-content {
    padding: 20px
}

.my-page-sep .page-rgt .review-and-desc-box .common-both-content {
    float: left;
    width: 100%;
    background: #fff
}

@media (min-width: 480px) {
    .my-page-sep .page-rgt .review-and-desc-box .common-both-content .review-rating {
        font-size: 50px
    }
}

@media (max-width: 479px) {
    .my-page-sep .page-rgt .review-and-desc-box .common-both-content .review-rating {
        font-size: 40px
    }
}

.my-page-sep .page-rgt .review-and-desc-box .common-both-content .review-rating {
    float: left;
    width: 100%;
    margin: 0px;
    text-align: center
}

.my-page-sep .page-rgt .review-and-desc-box .common-both-content .review-rating-stars {
    float: left;
    width: 100%;
    margin: 10px 0px 20px 0px;
    text-align: center
}

    .my-page-sep .page-rgt .review-and-desc-box .common-both-content .review-rating-stars span {
        display: inline-block;
        font-size: 32px
    }

.my-page-sep .page-rgt .review-and-desc-box .common-both-content .review-rating-write-btn {
    float: left;
    width: 100%;
    text-align: center
}

    .my-page-sep .page-rgt .review-and-desc-box .common-both-content .review-rating-write-btn a {
        display: inline-block;
        padding: 5px 25px;
        background: #499C0E;
        text-transform: uppercase;
        color: #fff;
        font-size: 12px
    }

        .my-page-sep .page-rgt .review-and-desc-box .common-both-content .review-rating-write-btn a:hover, .my-page-sep .page-rgt .review-and-desc-box .common-both-content .review-rating-write-btn a:active, .my-page-sep .page-rgt .review-and-desc-box .common-both-content .review-rating-write-btn a:focus {
            background: #232323
        }

.my-page-sep .page-rgt .review-and-desc-box .common-both-content .all-reviews-list {
    float: left;
    width: 100%;
    list-style: none;
    padding: 20px 10px 10px 10px;
    margin: 0px
}

@media (min-width: 1200px) {
    .my-page-sep .page-rgt .review-and-desc-box .common-both-content .all-reviews-list li {
        width: 50%
    }
}

@media (max-width: 1199px) {
    .my-page-sep .page-rgt .review-and-desc-box .common-both-content .all-reviews-list li {
        width: 100%
    }
}

.my-page-sep .page-rgt .review-and-desc-box .common-both-content .all-reviews-list li {
    float: left;
    padding: 0px 15px
}

    .my-page-sep .page-rgt .review-and-desc-box .common-both-content .all-reviews-list li .sep-review-in-list {
        float: left;
        width: 100%;
        padding: 10px 0px 5px 0px;
        border-bottom: 1px solid #EBEBEB
    }

        .my-page-sep .page-rgt .review-and-desc-box .common-both-content .all-reviews-list li .sep-review-in-list h4 {
            float: left;
            color: #036aea;
            text-transform: uppercase;
            margin: 0px;
            font-family: calib;
            font-size: 14px
        }

@media (min-width: 1200px) {
    .my-page-sep .page-rgt .review-and-desc-box .common-both-content .carousel .item {
        height: 190px
    }
}

.my-page-sep .page-rgt .review-and-desc-box .common-both-content .carousel .item {
    padding: 20px
}

@media (min-width: 1200px) {
    .my-page-sep .page-rgt .review-and-desc-box .common-both-content .carousel .item p {
        float: left;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 25px;
        max-height: 75px
    }
}

.my-page-sep .page-rgt .review-and-desc-box .common-both-content .carousel .item p {
    float: left;
    width: 100%;
    font-style: italic;
    color: #0ab8f7;
    font-size: 17px;
    margin: 0px 0px 10px 0px;
    line-height: 25px
}

.my-page-sep .page-rgt .review-and-desc-box .common-both-content .carousel .item img {
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 10px;
    border-radius: 50%
}

.my-page-sep .page-rgt .review-and-desc-box .common-both-content .carousel .item h6 {
    float: left;
    width: 100%;
    text-transform: capitalize;
    margin: 0px;
    font-size: 13px
}

.my-page-sep .page-rgt .review-and-desc-box .common-both-content .carousel .item h5 {
    float: left;
    width: 100%;
    text-transform: uppercase;
    margin: 0px;
    color: #bbb;
    font-size: 12px
}

.my-page-sep .page-rgt .review-and-desc-box .common-both-content .carousel .carousel-indicators {
    width: 100%;
    left: 0px;
    text-align: right;
    margin: 0px;
    bottom: 20px;
    z-index: 3;
    padding: 0px 25px
}

    .my-page-sep .page-rgt .review-and-desc-box .common-both-content .carousel .carousel-indicators li {
        width: 13px;
        height: 13px;
        background: #fff;
        border: 1px solid #ccc
    }

        .my-page-sep .page-rgt .review-and-desc-box .common-both-content .carousel .carousel-indicators li.active {
            border-color: #FDB91A;
            background: #FDB91A
        }

@media (min-width: 1200px) {
    .my-page-sep .page-rgt .write-review-box .common-both-content {
        height: 280px
    }
}

.my-page-sep .page-rgt .write-review-box .common-left-content {
    padding: 0px
}

.my-page-sep .page-rgt .write-review-box .write-review-left {
    float: left;
    width: 100%
}

    .my-page-sep .page-rgt .write-review-box .write-review-left .write-review-left-image {
        float: left;
        width: 100%;
        padding: 0px
    }

        .my-page-sep .page-rgt .write-review-box .write-review-left .write-review-left-image img {
            float: left;
            width: 100%
        }

    .my-page-sep .page-rgt .write-review-box .write-review-left .write-review-left-desc {
        float: left;
        width: 100%;
        padding: 10px
    }

        .my-page-sep .page-rgt .write-review-box .write-review-left .write-review-left-desc h4 {
            float: left;
            width: 100%;
            margin: 0px;
            text-transform: capitalize
        }

        .my-page-sep .page-rgt .write-review-box .write-review-left .write-review-left-desc .small-text {
            float: left;
            width: 100%
        }

            .my-page-sep .page-rgt .write-review-box .write-review-left .write-review-left-desc .small-text span {
                color: #f16219;
                font-size: 24px;
                margin-right: 5px
            }

            .my-page-sep .page-rgt .write-review-box .write-review-left .write-review-left-desc .small-text p {
                float: left;
                width: 100%;
                margin: 0px;
                font-size: 12px
            }

        .my-page-sep .page-rgt .write-review-box .write-review-left .write-review-left-desc .rating-and-reviews-small {
            float: left;
            width: 100%;
            padding: 3px 0px;
            margin-top: 20px;
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee
        }

            .my-page-sep .page-rgt .write-review-box .write-review-left .write-review-left-desc .rating-and-reviews-small .rating {
                float: left;
                margin: 0px
            }

            .my-page-sep .page-rgt .write-review-box .write-review-left .write-review-left-desc .rating-and-reviews-small .small-reviews-on-right {
                float: right;
                font-size: 11px;
                text-transform: uppercase;
                color: #949494;
                margin: 2px 0px
            }

                .my-page-sep .page-rgt .write-review-box .write-review-left .write-review-left-desc .rating-and-reviews-small .small-reviews-on-right:hover, .my-page-sep .page-rgt .write-review-box .write-review-left .write-review-left-desc .rating-and-reviews-small .small-reviews-on-right:active, .my-page-sep .page-rgt .write-review-box .write-review-left .write-review-left-desc .rating-and-reviews-small .small-reviews-on-right:focus {
                    color: #f16219
                }

.my-page-sep .page-rgt .write-review-box .write-review-top {
    float: left;
    width: 100%;
    padding: 20px 25px 0px 25px
}

    .my-page-sep .page-rgt .write-review-box .write-review-top h4 {
        float: left;
        width: 100%;
        margin: 0px 0px 10px 0px
    }

@media (min-width: 480px) {
    .my-page-sep .page-rgt .write-review-box .write-review-top .default img {
        width: 36px
    }
}

@media (max-width: 479px) {
    .my-page-sep .page-rgt .write-review-box .write-review-top .default img {
        width: 25px
    }
}

.my-page-sep .page-rgt .write-review-box .write-review-list .sep-review-in-list {
    padding: 10px 0px 10px 0px !important;
    border-bottom: 0px !important;
    border-top: 1px solid #EBEBEB
}

    .my-page-sep .page-rgt .write-review-box .write-review-list .sep-review-in-list h4 {
        color: #0ab8f7 !important
    }

.my-page-sep .page-rgt .write-review-content {
    float: left;
    width: 100%;
    padding: 0px 5px
}

    .my-page-sep .page-rgt .write-review-content .sep-field {
        float: left;
        width: 100%;
        margin: 10px 0px
    }

        .my-page-sep .page-rgt .write-review-content .sep-field .input-group {
            float: left;
            width: 100%
        }

            .my-page-sep .page-rgt .write-review-content .sep-field .input-group label {
                float: left;
                width: 100%;
                text-align: left;
                font-size: 18px;
                padding: 0px 0px 1px 0px;
                margin: 0px
            }

                .my-page-sep .page-rgt .write-review-content .sep-field .input-group label span {
                    color: #949494;
                    font-size: 14px
                }

            .my-page-sep .page-rgt .write-review-content .sep-field .input-group p {
                float: left;
                width: 100%;
                color: #333;
                margin: 0px
            }

            .my-page-sep .page-rgt .write-review-content .sep-field .input-group .write-review-social {
                float: left;
                width: 100%
            }

                .my-page-sep .page-rgt .write-review-content .sep-field .input-group .write-review-social a {
                    display: inline-block;
                    width: 30px;
                    height: 30px;
                    background: #D4CED0;
                    color: #fff;
                    margin: 15px 0px;
                    font-size: 13px;
                    margin-right: 1px;
                    text-align: center;
                    border-radius: 50%
                }

                    .my-page-sep .page-rgt .write-review-content .sep-field .input-group .write-review-social a span {
                        line-height: 30px
                    }

                    .my-page-sep .page-rgt .write-review-content .sep-field .input-group .write-review-social a:hover, .my-page-sep .page-rgt .write-review-content .sep-field .input-group .write-review-social a:focus, .my-page-sep .page-rgt .write-review-content .sep-field .input-group .write-review-social a:active {
                        background: #f16219
                    }

            .my-page-sep .page-rgt .write-review-content .sep-field .input-group .write-review-field {
                float: left;
                width: 100%;
                box-shadow: none;
                border: 0px;
                height: 35px;
                padding: 0px 10px;
                background: #F3F1F2
            }

            .my-page-sep .page-rgt .write-review-content .sep-field .input-group select.write-review-field {
                padding: 0px 4px;
                background: url(../img/select-arrow-orange.jpg) no-repeat right #f3f1f2
            }

            .my-page-sep .page-rgt .write-review-content .sep-field .input-group textarea.write-review-field {
                padding: 7px 10px;
                height: 100px
            }

            .my-page-sep .page-rgt .write-review-content .sep-field .input-group .all-kind-btns {
                float: left;
                width: 100%
            }

                .my-page-sep .page-rgt .write-review-content .sep-field .input-group .all-kind-btns a {
                    float: left;
                    width: 70px;
                    color: inherit;
                    margin-right: 20px;
                    text-align: center;
                    text-transform: capitalize
                }

                    .my-page-sep .page-rgt .write-review-content .sep-field .input-group .all-kind-btns a span {
                        display: inline-block;
                        width: 70px;
                        height: 70px;
                        line-height: 70px;
                        font-size: 22px;
                        color: #ccc;
                        border: 1px solid #ccc;
                        border-radius: 50%;
                        transition-duration: .3s
                    }

                    .my-page-sep .page-rgt .write-review-content .sep-field .input-group .all-kind-btns a i {
                        float: left;
                        width: 100%;
                        margin-top: 10px;
                        font-style: normal;
                        color: #333;
                        transition-duration: .3s
                    }

                    .my-page-sep .page-rgt .write-review-content .sep-field .input-group .all-kind-btns a:hover span, .my-page-sep .page-rgt .write-review-content .sep-field .input-group .all-kind-btns a:hover i, .my-page-sep .page-rgt .write-review-content .sep-field .input-group .all-kind-btns a:active span, .my-page-sep .page-rgt .write-review-content .sep-field .input-group .all-kind-btns a:active i, .my-page-sep .page-rgt .write-review-content .sep-field .input-group .all-kind-btns a:focus span, .my-page-sep .page-rgt .write-review-content .sep-field .input-group .all-kind-btns a:focus i, .my-page-sep .page-rgt .write-review-content .sep-field .input-group .all-kind-btns a.active span, .my-page-sep .page-rgt .write-review-content .sep-field .input-group .all-kind-btns a.active i {
                        color: #f16219;
                        border-color: #f16219;
                        transition-duration: .3s
                    }

@media (max-width: 679px) {
    .my-page-sep .page-rgt .write-review-content .sep-field .input-group .all-kind-btns {
        text-align: center
    }

        .my-page-sep .page-rgt .write-review-content .sep-field .input-group .all-kind-btns a {
            float: none;
            display: inline-block;
            margin: 0px 10px
        }
}

.my-page-sep .page-rgt .write-review-content .sep-field .input-group .write-review-btn {
    border: 0px;
    height: 35px;
    border-radius: 0px;
    box-shadow: none;
    background: #f16219;
    color: #fff;
    font-family: calib;
    text-transform: uppercase;
    transition-duration: .3s
}

    .my-page-sep .page-rgt .write-review-content .sep-field .input-group .write-review-btn:hover, .my-page-sep .page-rgt .write-review-content .sep-field .input-group .write-review-btn:active, .my-page-sep .page-rgt .write-review-content .sep-field .input-group .write-review-btn:focus {
        background: #232323;
        transition-duration: .3s
    }

.my-page-sep .page-rgt .write-review-content .write-review-submit-btn {
    float: left;
    background: #f16219;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    border: 0px;
    margin-bottom: 10px;
    font-size: 16px;
    transition-duration: .3s
}

    .my-page-sep .page-rgt .write-review-content .write-review-submit-btn:hover, .my-page-sep .page-rgt .write-review-content .write-review-submit-btn:active, .my-page-sep .page-rgt .write-review-content .write-review-submit-btn:focus {
        background: #232323;
        transition-duration: .3s
    }

@media (min-width: 680px) {
    .my-page-sep .page-rgt .write-review-content .sep-field.wdth .input-group {
        width: 350px
    }

        .my-page-sep .page-rgt .write-review-content .sep-field.wdth .input-group .input-type {
            width: 100%
        }
}

.my-page-sep .page-rgt .all-descs {
    float: left;
    width: 100%
}

    .my-page-sep .page-rgt .all-descs h5 {
        float: left;
        width: 100%;
        margin: 0px 0px 8px 0px;
        font-size: 11px;
        color: #949494;
        text-transform: uppercase
    }

        .my-page-sep .page-rgt .all-descs h5 span {
            float: left;
            width: 120px;
            color: #0ab8f7
        }

.my-page-sep .page-rgt .desc-paras {
    float: left;
    width: 100%
}

    .my-page-sep .page-rgt .desc-paras h3 {
        margin-bottom: 10px
    }

    .my-page-sep .page-rgt .desc-paras p {
        float: left;
        width: 100%;
        color: #949494;
        margin: 10px 0px
    }

.my-page-sep .page-rgt .all-person-reviews {
    float: left;
    width: 100%;
    margin: 10px 0px -20px 0px
}

    .my-page-sep .page-rgt .all-person-reviews tr {
        border-top: 1px solid #ccc
    }

    .my-page-sep .page-rgt .all-person-reviews .person-review-image {
        width: 150px;
        padding: 15px;
        text-align: center;
        border-right: 1px solid #ccc
    }

        .my-page-sep .page-rgt .all-person-reviews .person-review-image .person-image {
            display: inline-block;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            overflow: hidden
        }

            .my-page-sep .page-rgt .all-person-reviews .person-review-image .person-image img {
                float: left;
                width: 100%
            }

        .my-page-sep .page-rgt .all-person-reviews .person-review-image h4, .my-page-sep .page-rgt .all-person-reviews .person-review-image h5 {
            float: left;
            width: 100%;
            margin: 0px
        }

        .my-page-sep .page-rgt .all-person-reviews .person-review-image h4 {
            margin: 5px 0px;
            font-size: 15px;
            text-transform: capitalize
        }

        .my-page-sep .page-rgt .all-person-reviews .person-review-image h5 {
            margin: 0px;
            font-size: 11px;
            text-transform: uppercase
        }

    .my-page-sep .page-rgt .all-person-reviews .person-review-content {
        padding: 20px 15px
    }

        .my-page-sep .page-rgt .all-person-reviews .person-review-content h5 {
            float: left;
            margin: 0px;
            color: #036aea;
            font-size: 17px;
            font-style: italic
        }

        .my-page-sep .page-rgt .all-person-reviews .person-review-content .review-rating-cont {
            float: right
        }

            .my-page-sep .page-rgt .all-person-reviews .person-review-content .review-rating-cont .rating {
                float: left
            }

            .my-page-sep .page-rgt .all-person-reviews .person-review-content .review-rating-cont h3 {
                float: left;
                font-size: 27px;
                margin: -6px 0px 0px 10px
            }

        .my-page-sep .page-rgt .all-person-reviews .person-review-content .review-para {
            float: left;
            width: 100%;
            margin: 10px 0px 0px 0px
        }

@media (max-width: 579px) {
    .my-page-sep .page-rgt .all-person-reviews .person-review-image, .my-page-sep .page-rgt .all-person-reviews .person-review-content {
        float: left;
        width: 100%;
        border: 0px;
        padding-left: 0px;
        padding-right: 0px
    }
}

.my-page-sep .page-rgt .my-faq-checks {
    float: left;
    width: 100%;
    margin: 13px 0px 20px 0px
}

@media (min-width: 680px) {
    .my-page-sep .page-rgt .my-faq-checks .sep-check {
        width: 33.33333%
    }
}

@media (min-width: 520px) and (max-width: 679px) {
    .my-page-sep .page-rgt .my-faq-checks .sep-check {
        width: 50%
    }
}

@media (max-width: 519px) {
    .my-page-sep .page-rgt .my-faq-checks .sep-check {
        width: 100%
    }
}

.my-page-sep .page-rgt .my-faq-checks .sep-check {
    float: left;
    background: #F5F5F5;
    border: 1px solid #fff;
    transition-duration: .3s;
    color: #949494
}

    .my-page-sep .page-rgt .my-faq-checks .sep-check label {
        float: left;
        width: 100%;
        padding: 8px 10px 8px 10px;
        margin-bottom: 0px;
        text-transform: uppercase
    }

        .my-page-sep .page-rgt .my-faq-checks .sep-check label span {
            margin-left: 10px;
            font-size: 13px
        }

    .my-page-sep .page-rgt .my-faq-checks .sep-check:hover {
        background: #f16219;
        color: #fff;
        transition-duration: .3s
    }

.my-page-sep .page-rgt .my-faq-content {
    float: left;
    width: 100%
}

    .my-page-sep .page-rgt .my-faq-content p {
        float: left;
        width: 100%;
        color: #949494
    }

    .my-page-sep .page-rgt .my-faq-content .my-faq-accordion {
        float: left;
        width: 100%
    }

.my-page-sep .page-rgt .default {
    margin-top: -5px
}

    .my-page-sep .page-rgt .default img {
        width: 13px
    }

.my-page-sep .page-rgt .booking-right-sep {
    float: left;
    width: 100%;
    border: 1px solid #232323;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 20px;
    margin-bottom: 14px
}

    .my-page-sep .page-rgt .booking-right-sep .booking-btm-hding {
        float: left;
        width: 100%;
        margin: 0px;
        font-size: 26px;
        margin-bottom: 25px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc
    }

        .my-page-sep .page-rgt .booking-right-sep .booking-btm-hding span {
            font-size: 19px
        }

        .my-page-sep .page-rgt .booking-right-sep .booking-btm-hding a {
            display: inline-block;
            padding: 3px 10px;
            background: #f16219;
            color: #fff
        }

            .my-page-sep .page-rgt .booking-right-sep .booking-btm-hding a:hover, .my-page-sep .page-rgt .booking-right-sep .booking-btm-hding a:active, .my-page-sep .page-rgt .booking-right-sep .booking-btm-hding a:focus {
                background: #232323
            }

        .my-page-sep .page-rgt .booking-right-sep .booking-btm-hding.no-border {
            padding: 0px;
            border: 0px;
            margin: 0px
        }

    .my-page-sep .page-rgt .booking-right-sep .booking-payment-para {
        float: left;
        width: 100%;
        font-size: 17px;
        margin: 5px 0px 0px 0px
    }

        .my-page-sep .page-rgt .booking-right-sep .booking-payment-para span {
            color: #f16219;
            font-family: calib
        }

        .my-page-sep .page-rgt .booking-right-sep .booking-payment-para i {
            color: #f16219;
            font-style: normal
        }

        .my-page-sep .page-rgt .booking-right-sep .booking-payment-para a {
            color: inherit;
            text-decoration: underline
        }

            .my-page-sep .page-rgt .booking-right-sep .booking-payment-para a:hover, .my-page-sep .page-rgt .booking-right-sep .booking-payment-para a:active, .my-page-sep .page-rgt .booking-right-sep .booking-payment-para a:focus {
                color: #f16219;
                text-decoration: none
            }

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top {
        display: table;
        width: 100%
    }

        .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top ltc {
            width: 100%
        }

@media (min-width: 768px) {
    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .top-rite {
        width: 300px;
        border-left: 1px solid #ccc;
        padding-left: 20px
    }

        .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .top-rite.no-border {
            border-left: 0px
        }

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .btm-lft {
        width: 395px;
        border-right: 1px solid #ccc;
        padding-right: 20px
    }

        .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .btm-lft .booking-btm-form {
            padding-right: 40px
        }
}

@media (max-width: 767px) {
    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .ltc {
        float: left;
        width: 100%;
        padding: 0px 0px 20px 0px
    }

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .top-rite {
        padding: 20px 0px 0px 0px;
        border-top: 1px solid #ccc
    }

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .booking-btm-form .ltc {
        float: none
    }

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .max-width-tbox {
        max-width: 335px
    }
}

.my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .booking-payment-change-btn {
    display: inline-block;
    padding: 0px 25px;
    background: #f16219;
    color: #fff;
    font-size: 24px;
    font-family: cali
}

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .booking-payment-change-btn:hover, .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .booking-payment-change-btn:focus, .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .booking-payment-change-btn:active {
        background: #232323;
        color: #fff
    }

.my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .btm-lft .booking-btm-form {
    float: left;
    width: 100%
}

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .btm-lft .booking-btm-form .booking-tbox {
        float: left;
        width: 100%;
        height: 35px;
        padding: 0px 10px;
        border: 1px solid #232323
    }

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .btm-lft .booking-btm-form p.small {
        float: left;
        width: 100%;
        margin: 2px 0px 0px 0px
    }

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .btm-lft .booking-btm-form .rad {
        margin-top: 15px
    }

        .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .btm-lft .booking-btm-form .rad a {
            font-family: cali;
            margin: 2px 0px 0px 5px
        }

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .btm-lft .booking-btm-form .ltc.b {
        width: 235px
    }

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .btm-lft .booking-btm-form .ltc.v-s {
        width: 40px;
        padding-right: 8px
    }

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .btm-lft .booking-btm-form .ltc.s {
        width: 60px;
        padding-right: 20px
    }

.my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .bk-pymnt-top-left {
    float: left;
    width: 50%;
    margin-bottom: 8px
}

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .bk-pymnt-top-left p {
        float: left;
        width: 100%;
        color: #949494;
        margin: 0px;
        text-transform: capitalize
    }

@media (min-width: 480px) {
    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .bk-pymnt-top-left h4 {
        font-size: 25px
    }
}

@media (max-width: 479px) {
    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .bk-pymnt-top-left h4 {
        font-size: 17px
    }
}

.my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .bk-pymnt-top-left h4 {
    float: left;
    width: 100%;
    color: #f16219;
    margin: 0px;
    text-transform: capitalize
}

@media (min-width: 480px) {
    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top h3 {
        font-size: 25px
    }
}

@media (max-width: 479px) {
    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top h3 {
        font-size: 19px
    }
}

.my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top h3 {
    float: left;
    color: #232323;
    margin: 0px
}

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top h3.sml-text {
        font-size: 20px
    }

.my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .r-type {
    float: left;
    width: 100%;
    color: #f16219;
    text-transform: capitalize;
    margin: 15px 0px 0px 0px
}

.my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .sml-anc {
    float: left;
    color: #f16219;
    margin: 7px 0px 0px 7px;
    text-transform: capitalize
}

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .sml-anc:hover, .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .sml-anc:focus, .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .sml-anc:active {
        color: #232323
    }

.my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top h4 {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    font-size: 14px;
    color: #949494
}

.my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top h6 {
    float: left;
    width: 100%;
    color: #f16219;
    margin: 3px 0px 0px 0px;
    font-size: 14px;
    line-height: 20px;
    font-family: calib
}

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top h6 span {
        color: #232323
    }

.my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top a {
    float: left;
    color: #f16219;
    font-family: calib;
    text-transform: capitalize
}

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top a:hover, .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top a:active, .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top a:focus {
        color: #232323
    }

.my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .top-rite-sep {
    float: left;
    width: 50%
}

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .top-rite-sep h4 {
        margin: 0px;
        color: #232323
    }

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .top-rite-sep.a-right {
        text-align: right
    }

        .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .top-rite-sep.a-right h2 {
            float: left;
            width: 100%;
            color: #f16219;
            margin: 0px;
            font-size: 35px
        }

            .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .top-rite-sep.a-right h2 sup {
                font-size: 17px
            }

.my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .top-rite-btm {
    float: left;
    width: 100%;
    margin: 30px 0px 0px 0px
}

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .top-rite-btm h5 {
        float: left;
        width: 100%;
        margin: 0px 0px 7px 0px;
        font-family: calib;
        font-size: 14px
    }

        .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .top-rite-btm h5 span {
            font-family: cali
        }

    .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .top-rite-btm .rad {
        margin: 0px
    }

        .my-page-sep .page-rgt .booking-right-sep .bk-pymnt-top .top-rite-btm .rad a {
            margin: 2px 0px 0px 5px;
            font-family: cali;
            text-transform: none
        }

.my-page-sep .page-rgt .booking-right-sep .btm-rite {
    padding-left: 35px
}

.my-page-sep .page-rgt .booking-right-sep .booking-btm-btn {
    float: left;
    padding: 0px 15px !important;
    background: #f16219;
    color: #fff !important;
    font-size: 26px;
    border: 0px;
    font-family: cali !important;
    transition-duration: .3s
}

    .my-page-sep .page-rgt .booking-right-sep .booking-btm-btn:hover, .my-page-sep .page-rgt .booking-right-sep .booking-btm-btn:active, .my-page-sep .page-rgt .booking-right-sep .booking-btm-btn:focus {
        background: #232323;
        transition-duration: .3s
    }

.my-page-sep .page-rgt .booking-right-sep h3 {
    float: left;
    width: 100%;
    margin: -5px 0px 0px 0px;
    font-size: 30px;
    text-transform: capitalize
}

.my-page-sep .page-rgt .booking-right-sep .nav {
    float: left;
    width: 100%;
    margin: 14px 0px 0px 0px;
    border-bottom: 1px solid #000
}

    .my-page-sep .page-rgt .booking-right-sep .nav li a {
        padding: 3px 10px;
        border-radius: 0px;
        font-size: 19px;
        color: #232323
    }

        .my-page-sep .page-rgt .booking-right-sep .nav li a:hover, .my-page-sep .page-rgt .booking-right-sep .nav li a:focus, .my-page-sep .page-rgt .booking-right-sep .nav li a:active {
            background: none;
            color: #f16219;
            border: 1px solid #f16219;
            border-bottom: 1px solid #000
        }

    .my-page-sep .page-rgt .booking-right-sep .nav li.active a, .my-page-sep .page-rgt .booking-right-sep .nav li.active a:hover, .my-page-sep .page-rgt .booking-right-sep .nav li.active a:focus, .my-page-sep .page-rgt .booking-right-sep .nav li.active a:active {
        border: 1px solid #000;
        border-bottom: 1px solid #fff;
        color: #f16219
    }

.my-page-sep .page-rgt .booking-right-sep .tab-content {
    float: left;
    width: 100%;
    padding: 25px 0px 30px 0px
}

    .my-page-sep .page-rgt .booking-right-sep .tab-content h5 {
        float: left;
        width: 100%;
        margin: 0px;
        font-size: 16px
    }

    .my-page-sep .page-rgt .booking-right-sep .tab-content .all-banking-radios {
        float: left;
        width: 100%;
        padding: 0px;
        list-style: none;
        margin: 15px 0px 25px 0px
    }

        .my-page-sep .page-rgt .booking-right-sep .tab-content .all-banking-radios li {
            float: left;
            margin-right: 20px
        }

            .my-page-sep .page-rgt .booking-right-sep .tab-content .all-banking-radios li .rad i {
                width: 17px;
                height: 17px;
                margin-top: 13px;
                margin-right: 15px;
                box-shadow: 0 0 0 4px #eee inset
            }

@media (min-width: 480px) {
    .my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-select {
        width: 300px
    }
}

@media (max-width: 479px) {
    .my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-select {
        width: 100%
    }
}

.my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-select {
    float: left;
    height: 35px;
    padding: 6px;
    margin: 8px 0px;
    border: 1px solid #000
}

.my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-para {
    float: left;
    width: 100%;
    margin: 3px 0px 0px 0px
}

@media (min-width: 768px) {
    .my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-para p {
        width: 550px
    }
}

@media (max-width: 767px) {
    .my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-para p {
        width: 100%
    }
}

.my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-para p {
    float: left;
    margin: 0px;
    font-size: 12px;
    line-height: 16px
}

    .my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-para p span {
        text-transform: uppercase;
        font-family: calib
    }

    .my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-para p i {
        color: #f16219;
        font-style: normal
    }

.my-page-sep .page-rgt .booking-right-sep .tab-content .total-payable {
    float: left;
    width: 100%;
    margin: 15px 0px 0px 0px
}

    .my-page-sep .page-rgt .booking-right-sep .tab-content .total-payable h5 {
        float: left;
        width: auto;
        font-size: 15px;
        margin: 8px 15px 0px 0px
    }

    .my-page-sep .page-rgt .booking-right-sep .tab-content .total-payable h3 {
        float: left;
        width: auto;
        color: #f16219;
        font-size: 35px;
        white-space: nowrap
    }

        .my-page-sep .page-rgt .booking-right-sep .tab-content .total-payable h3 span {
            font-size: 20px
        }

.my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-check {
    float: left;
    width: 100%;
    margin: 10px 0px
}

    .my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-check .rad a {
        float: left;
        color: #f16219;
        margin: 2px 0px 0px 5px
    }

        .my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-check .rad a:hover, .my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-check .rad a:focus, .my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-check .rad a:active {
            color: inherit
        }

@media (min-width: 480px) {
    .my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-btn {
        width: 220px
    }
}

@media (max-width: 479px) {
    .my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-btn {
        width: auto
    }
}

.my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-btn {
    float: left;
    background: #f16219;
    color: #fff;
    font-size: 21px;
    text-align: center;
    padding: 0px 25px;
    text-transform: capitalize
}

    .my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-btn:hover, .my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-btn:active, .my-page-sep .page-rgt .booking-right-sep .tab-content .net-banking-btn:focus {
        background: #333
    }

.fa-star, .fa-star-o {
    color: #FF7800
}

    .fa-star.inactive {
        color: #B4B4B4 !important
    }

@media (max-width: 1200px) {
    .shiv-header {
        padding-left: 10px;
        padding-right: 10px
    }
}

.shiv-header, .shiv-page-bottom {
    background: #fff
}

.shiv-page-bottom {
    padding: 0px 15px
}

    .shiv-page-bottom .about-cont-number {
        float: left !important;
        width: 100% !important;
        color: #333 !important;
        font-size: 23px !important;
        margin: 0px !important
    }

        .shiv-page-bottom .about-cont-number span {
            color: #0ab8f7
        }

        .shiv-page-bottom .about-cont-number i {
            font-style: normal;
            text-transform: uppercase
        }

    .shiv-page-bottom h6 {
        float: left;
        width: 100%;
        color: #f16219;
        font-family: calib;
        font-size: 14px;
        margin: 5px 0px 0px 0px;
        padding-left: 25px
    }

.shiv-heading {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #fff;
    margin: 0px;
    padding: 30px 15px
}

.shiv-body {
    float: left;
    width: 100%;
    background: url(../img/shiv-body-color.png);
    border-radius: 6px;
    border: 1px solid #f16219;
    padding: 7px;
    margin-bottom: 25px
}

    .shiv-body .inside-shiv-body {
        float: left;
        width: 100%;
        background: #fff
    }

@media (min-width: 990px) {
    .shiv-body .calendar {
        float: left;
        width: 32%
    }

    .shiv-body .date-list {
        float: left;
        width: 12%
    }

    .shiv-body .right-ress {
        float: left;
        width: 68%
    }
}

@media (max-width: 989px) {
    .shiv-body .calendar {
        float: left;
        width: 100%;
        margin-bottom: 20px
    }

    .shiv-body .date-list {
        display: table-cell;
        width: 80px;
        vertical-align: top
    }

    .shiv-body .right-ress {
        float: left;
        width: 100%
    }
}

.shiv-body .calendar {
    padding: 3px 12px;
    text-align: center
}

    .shiv-body .calendar h4 {
        float: left;
        color: #2d3e52;
        margin: 3px 0px;
        font-family: calib;
        font-size: 25px;
        text-align: left
    }

    .shiv-body .calendar h2 {
        float: left;
        width: 100%;
        text-align: left
    }

.shiv-body .date-list .date-list-ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
    border-left: 1px solid #ccc
}

    .shiv-body .date-list .date-list-ul li {
        float: left;
        width: 50%
    }

        .shiv-body .date-list .date-list-ul li a {
            float: left;
            width: 100%;
            padding: 5px;
            color: #fff;
            font-family: calib;
            text-transform: capitalize;
            font-size: 15px;
            margin-bottom: 1px;
            background: #232323;
            border-right: 1px solid #ccc
        }

            .shiv-body .date-list .date-list-ul li a:hover, .shiv-body .date-list .date-list-ul li a:active, .shiv-body .date-list .date-list-ul li a:focus {
                background: #f16219 !important;
                color: #fff !important
            }

        .shiv-body .date-list .date-list-ul li.gre a {
            background: #a9a8a8
        }

        .shiv-body .date-list .date-list-ul li.active a {
            background: #fff;
            color: #f16219
        }

.shiv-body .right-ress h3 {
    float: left;
    width: 100%;
    color: #fff;
    background: #f16219;
    padding: 5px 15px;
    text-transform: capitalize;
    margin: 0px
}

    .shiv-body .right-ress h3 i {
        float: left;
        font-size: 24px;
        margin: 5px 0px;
        font-style: normal
    }

    .shiv-body .right-ress h3 span {
        float: right;
        font-size: 24px
    }

@media (min-width: 580px) {
    .shiv-body .right-ress .sep-right-ress {
        width: 50%;
        padding: 6px 8px
    }
}

@media (max-width: 579px) {
    .shiv-body .right-ress .sep-right-ress {
        width: 100%;
        padding: 10px 8px;
        border-bottom: 1px solid #ccc
    }
}

.shiv-body .right-ress .sep-right-ress {
    float: left
}

    .shiv-body .right-ress .sep-right-ress .content-for-day {
        float: left;
        width: 100%
    }

    .shiv-body .right-ress .sep-right-ress h4 {
        float: left;
        width: 100%;
        text-align: center;
        padding: 3px 10px;
        border: 1px solid #f16219;
        color: #232323;
        margin: 0px;
        font-size: 20px;
        text-transform: capitalize;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px
    }

    .shiv-body .right-ress .sep-right-ress h5 {
        float: left;
        width: 100%;
        font-size: 20px;
        margin: 10px 0px 3px 0px;
        text-transform: capitalize
    }

    .shiv-body .right-ress .sep-right-ress .sep-right-ress-img {
        float: left;
        width: 100%;
        text-align: center
    }

        .shiv-body .right-ress .sep-right-ress .sep-right-ress-img a {
            display: inline-block
        }

            .shiv-body .right-ress .sep-right-ress .sep-right-ress-img a img {
                max-width: 100%
            }

    .shiv-body .right-ress .sep-right-ress p {
        float: left;
        width: 100%;
        line-height: 14px;
        margin: 15px 0px
    }

    .shiv-body .right-ress .sep-right-ress a.view-more-btn {
        float: left;
        width: 100%;
        padding: 3px 10px;
        border: 1px solid #f16219;
        color: #f16219;
        margin: 8px 0px 0px 0px;
        text-decoration: underline;
        font-size: 16px;
        text-align: center;
        text-transform: capitalize;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px
    }

        .shiv-body .right-ress .sep-right-ress a.view-more-btn:hover, .shiv-body .right-ress .sep-right-ress a.view-more-btn:focus, .shiv-body .right-ress .sep-right-ress a.view-more-btn:active {
            background: #232323;
            color: #fff;
            text-decoration: none
        }

@media (min-width: 480px) {
    .shiv-body p.my-credit-line {
        border-top: 1px solid #ccc
    }
}

.shiv-body p.my-credit-line {
    float: left;
    width: 100%;
    font-size: 14px;
    text-align: right;
    color: #838383;
    margin: 0px;
    padding: 0px 5px;
    font-family: calib
}

.my-calendar {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border-top: 1px solid #a9a8a8;
    border-left: 1px solid #a9a8a8
}

    .my-calendar .all-dates {
        float: left;
        width: 100%
    }

    .my-calendar .sep-day {
        color: #fff;
        padding: 0px 4px;
        font-size: 13px;
        float: left;
        display: block;
        width: 14.2857%;
        text-align: center;
        font-weight: normal;
        background: #2d3e52;
        text-transform: uppercase;
        border-right: 1px solid #a9a8a8;
        border-bottom: 1px solid #a9a8a8
    }

        .my-calendar .sep-day:first-child {
            background: #f16219
        }

    .my-calendar span, .my-calendar a {
        float: left;
        width: 14.2857%;
        color: #b5b9be;
        padding: 4px;
        height: 35px;
        font-size: 18px;
        font-family: calib;
        text-align: center;
        border-right: 1px solid #a9a8a8;
        border-bottom: 1px solid #a9a8a8
    }

    .my-calendar a {
        cursor: pointer
    }

        .my-calendar a i {
            width: 25px;
            height: 25px;
            display: inline-block;
            line-height: 25px;
            background: #f4864e;
            border-radius: 50%;
            color: #fff;
            font-style: normal;
            transition-duration: .3s
        }

        .my-calendar a b {
            width: 25px;
            height: 25px;
            display: inline-block;
            line-height: 25px;
            border-radius: 50%;
            font-style: normal;
            font-weight: normal;
            transition-duration: .3s
        }

        .my-calendar a:hover i, .my-calendar a:hover b, .my-calendar a.active i, .my-calendar a.active b {
            background: #333;
            color: #fff;
            transition-duration: .3s
        }

.right-left-calendar {
    float: right;
    margin-top: 3px
}

    .right-left-calendar a {
        float: left;
        margin-left: 5px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        border-radius: 50%;
        background: #333;
        color: #fff;
        text-align: center;
        font-size: 16px
    }

        .right-left-calendar a:hover, .right-left-calendar a:active, .right-left-calendar a:focus {
            background: #f16219
        }

.map-below-btns {
    float: left;
    width: 100%;
    margin-top: 5px
}

    .map-below-btns .my-button {
        float: left;
        background: #f16219;
        color: #fff;
        margin: 4px 4px 0px 0px;
        padding: 3px 10px;
        text-transform: capitalize
    }

        .map-below-btns .my-button:hover, .map-below-btns .my-button:focus, .map-below-btns .my-button:active {
            background: #000
        }