.mx-auto{margin:0px auto;}
.pull-none{ float:none}

/*login css start*/
.pl-3 {
    padding-left: 10px !important;
}

.bdr-box {
    border: 1px solid #EFEFEF;
    background-color: #fbfbfb;
}

.rounded {
    border-radius: .50rem !important;
}

.shadoww {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.10) !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-33 {
    padding: 2rem !important;
}

.mob-pad {
    padding-left: 0px !important;
    padding-right: 20px !important;
}

.pad-top12 {
    padding-top: 12px;
}

.mar-top29 {
    margin-top: 29px;
}

.freeweekendform {
    max-width: 680px;
    margin: 0 auto;
}

.page-body.body-padding-top {
    padding-top: 109px;
}

.freeweekendform-box {
    border: 1px solid #EFEFEF;
    background-color: #ffffff;
}

.pd-4 {
    padding: 15px !important;
}

.mar-top65 {
    margin-top: 65px !important;
}

.pad-bom-30 {
    padding-bottom: 30px;
}



.font-weight600 {
    font-weight: 600 !important;
}

.fixed-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 900 !important;
}

.grey_box_radius {
    border-radius: 10px !important;
    background-color: #cfcece !important;
    border: 0px !important;
}

.text_padding {
    padding: 0px 25px 25px 25px !important;
}

.color-text-white {
    color: #000000 !important;
}


.pad-tp8 {
    padding-top: 8px;
}

.fontsz17 {
    font-size: 17px;
    line-height: 30px;
}


.wdh-900 {
    max-width: 900px !important;
    margin: 1.75rem auto;
    margin-top: 70px;
    padding: 10px !important;
}







.text-white {
    color: #ffffff !important;
}


.mmr15 {
    margin-right: 15px
}

.hrr {
    border-top: 1px solid #DEDEDE;
    margin: 20px 0;
}

.hrrr {
    border-top: 1px solid #DEDEDE;
    margin: 0px 0;
}

.ex1 {
    height: 400px;
    overflow-y: scroll;
}

#moreText {
    display: none;
}

h3 {
    margin: 0px;
    padding: 0px;
}

.ff24 {
    font-size: 22px
}

.ffont20 {
    font-size: 20px;
}

.underline {
    text-decoration: underline;
}


.mt8 {
    margin-top: 8px;
}

.mt-5 {
    margin-top: 3rem !important;
}

.text-rht {
    text-align: right;
}

.ff36 {
    font-size: 30px;
}

.clr-blue {
    color: #0A2A70;
}

.ff13 {
    font-size: 13px
}

.ff14 {
    font-size: 14px
}

.btn-wht {
    color: #fff;
    background-color: #ffffff !important;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 1px solid #8a8894;
    border-radius: 0;
    text-transform: uppercase;
    color: #000;
}


.popplus {
    position: absolute;
    top: 0px;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    right: 10px;
    bottom: 0px;
    z-index: 99;
}

.findmore {
    position: absolute;
    left: 20px;
    right: 0px;
    bottom: 10px;
}

.know_more {
    position: absolute;
    padding-left: 20px;
    right: 0px;
    bottom: 10px;
    padding-right: 20px;
}

.w-100 {
    width: 100% !important;
}

/*new-css start*/

.required {
    color: red;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 500;
}

/*new-css end*/


.img-responsive {
    width: 100%;
}


.pt-4 {
    padding-top: 15px;
}

.position-relative {
    position: relative !important
}

.form-control {
    border-radius: 0px !important;
}

.mt-10 {
    margin-top: 10px;
}

.mt-5 {
    margin-top: 30px;
}

.mb-5 {
    margin-bottom: 30px;
}

.mb-10 {
    margin-bottom: 10px;
}

.btn-grey {
    background: #8a8894 !important;
    color: #fff !important;
    border-color: #8a8894 !important;
    border-radius: 0px !important;
    font-weight: 500 !important;
}

    .btn-grey:hover {
        background: #333333 !important;
        color: #fff !important;
        border-color: #333333 !important;
    }

.wddh100 {
    width: 100px !important;
}

.select {
    background-size: 30px 30px;
    background-position: 100% 50% !important;
    background-repeat: no-repeat !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    padding-right: 30px;
    background: url(../images/angle-down.png) #fff no-repeat scroll 98% center !important;
}


.pt-22 {
    margin-top: 8px
}






.bg-light-2 {
    background: #8A8894;
    color: #fff;
    text-align: center;
    font-weight: 500;
}

.pp-10 {
    padding: 10px !important;
}

button, input[type=submit] {
    border: none;
}

.pad-lft10 {
    padding-left: 10px;
}

.ff16 {
    font-size: 16px
}

.ff30 {
    font-size: 30px
}

.font-600 {
    font-weight: 600;
}

.ppt10 {
    padding: 10px;
}

.modal-header {
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid #e5e5e5;
}


.ff20 {
    font-size: 18px
}

.ff25 {
    font-size: 24px
}

.towerfont18 {
    font-size: 14px
}

.svgimg {
    height: 20px;
    width: 20px;
}

.banner-our-hotel-new {
    background-size: cover;
    min-height: 380px;
    position: relative;
    background-position: center;
}



    .banner-our-hotel-new .our-hotel-dta-new {
        left: 0;
        top: 56%;
        right: 0;
        bottom: 0;
        position: absolute;
        margin-top: 0;
        color: #000;
    }

    .banner-our-hotel-new:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: auto;
    }



.our-hotel-dta-new .h1 {
    font-size: 40px;
    text-align: center;
    font-weight: 600;
    color: #ffffff !important;
}

.fft24 {
    font-size: 21px;
    font-weight: 500;
}

.txt_rht {
    text-align: right !important;
}





@media (min-width: 768px) {

    .wdh-900 {
        width: 900px !important;
        margin: 30px auto;
        padding: 10px !important;
    }
}






@media (max-width:767px) and (min-width:320px) {

    .gallery-sec-buttons {
        width: 100%;
        white-space: nowrap;
        overflow-x: auto; /* better than scroll */
        overflow-y: hidden; /* prevents vertical scrollbar */
        margin-bottom: 12px;
        padding: 0;
    }




    .hd-fontsize24 {
        font-size: 16px !important;
    }
    .mar-top-15 {
        margin-top: 0px !important;
       
    }


    .grey-box h2 {
        font-weight: 700;
        font-size:30px!important;
    }

    .img-box {
        position: absolute;
        top: 44% !important;
        bottom: 0px;
        left: 18% !important;
        right: 0px;
        color: #fff;
        font-size: 20px !important;
        font-weight: 600;
    }





    .page-body.body-padding-top {
        padding-top: 82px;
    }

    .navbar-brand img {
        width: 60px !important;
        margin-bottom: 10px;
    }


    .btn-blue-new {
        background: #192969 !important;
        color: #fff !important;
        border-color: #192969 !important;
        border-radius: 100px !important;
        font-weight: 500 !important;
        padding: 10px 25px !important;
        font-size: 18px !important;
    }

    .price-rate {
        font-size: 18px !important;
        font-weight: 600;
        color: #192969;
    }

    .foot-bottom60 {
        padding-bottom: 60px;
    }

    .banner-our-hotel-new .our-hotel-dta-new {
        left: 0;
        top: 49%;
        right: 0;
        bottom: 0;
        position: absolute;
        margin-top: 0;
    }


    .our-hotel-dta-new .h1 {
        font-size: 24px;
        text-align: center;
        font-weight: 600;
        color: #ffffff !important;
    }

    .fft24 {
        font-size: 15px;
        font-weight: 500;
    }

    .ppt10 {
        padding: 5px;
    }

    .mmr15 {
        margin-right: 5px
    }

    .mnone {
        display: none;
    }

    .ff24 {
        font-size: 18px
    }

    .ff30 {
        font-size: 24px
    }

    .ff16 {
        font-size: 15px
    }
}

@media (min-width:768px) and (max-width: 1024px) {


    .btn-blue-new {
        background: #192969 !important;
        color: #fff !important;
        border-color: #192969 !important;
        border-radius: 100px !important;
        font-weight: 500 !important;
        padding: 10px 25px;
        font-size: 20px !important;
    }

    .price-rate {
        font-size: 22px !important;
        font-weight: 600;
        color: #192969;
    }


    .mnonee {
        display: none !important;
    }

    .ff36 {
        font-size: 17px;
    }

    .ff24 {
        font-size: 16px;
    }

    .wdh-900 {
        width: 700px !important;
        margin: 30px auto;
        padding: 10px !important;
    }
}


@media (min-width:1024px) and (max-width: 1366px) {

    .mnonee {
        display: none !important;
    }
}

@media (min-width:1366px) and (max-width: 1920px) {

    .mnonee {
        display: none !important;
    }
}

.btn-grey1 {
    background: #333333 !important;
    color: #fff !important;
    border-color: #333333 !important;
    border-radius: 0px !important;
    font-weight: 500 !important;
}

    .btn-grey1:hover {
        background: #8a8894 !important;
        color: #fff !important;
        border-color: #8a8894 !important;
    }

/*login css end*/

/*style css start*/

html {
    height: 100%;
}

body {
    background: #ffffff;
    font-family: 'Libre Franklin', sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: #8a8894;
    -ms-overflow-style: scrollbar;
}

#mapview {
    padding-top: 0;
}

.modal-open {
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    margin: 0 0 15px 0;
    padding: 0;
}

.main1 {
    font-weight: 600;
    margin: 0 0 15px 0;
    padding: 0;
    text-transform: uppercase;
}

.Footerdiv {
    padding-top: 48px;
    color: #f4f4f4;
    font-size: 24px;
    font-weight: 600;
}

.good-to-know .ament {
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
}

.roomdiv {
    color: #6d6e71;
    font-size: 14px;
    margin: 8px 0;
    font-weight: bold;
    text-transform: uppercase;
}

.gift-voucher2 {
    display: inline-block;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 4px;
    font-weight: bold;
}

#homeSliderText .slid {
    font-size: 56px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
}

a:hover, a:focus {
    color: #333;
    text-decoration: none;
}

b, strong, th {
    font-weight: 600;
}

ul, ul li {
    margin: 0;
    padding: 0;
}

.full-img {
    width: 100%;
}

.pad-none {
    padding: 0;
}

hr {
    border-top: 1px solid #d9d9d9;
    margin: 50px 0;
}

h1, h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        color: #8a8894;
    }

a {
    outline: 0;
}

/*Margin-Padding Styles*/

.mar-top15 {
    margin-top: 15px !important;
}

.mar-bot-15 {
    margin-bottom: 15px !important;
}

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

.pointer {
    cursor: pointer;
}

.pad-L0 {
    padding-left: 0;
}

.pad-L5 {
    padding-left: 5px;
}

.mar-top30 {
    margin-top: 30px !important;
}

.mar-top15 {
    margin-top: 15px !important;
}

.mr-t20, .mrT20 {
    margin-top: 20px;
}

.mr-t40, .mrT40 {
    margin-top: 40px;
}

.mr-t2 {
    margin-top: 2px;
}

.pad-R5 {
    padding-right: 5px;
}

.padtop-15, .padT15 {
    padding-top: 15px;
}

.mr-t10, .mrT10 {
    margin-top: 10px;
}

.mr-t15 {
    margin-top: 15px;
}


.bdr-boox {
    border: 1px solid #EFEFEF;
    background-color: #ffffff;
}



.mr-t30 {
    margin-top: 30px !important;
}

.mr-b15 {
    margin-bottom: 15px !important;
}

.mar0 {
    margin: 0;
}

.mr-T20 {
    margin-top: 20px;
}

.mr-T30 {
    margin-top: 30px;
}

.mr-t32 {
    margin-top: 32px;
}

.mar-bot-10 {
    margin-bottom: 10px !important;
}

.mar-bot-0 {
    margin-bottom: 0px !important;
}

.mrT60 {
    margin-top: 60px;
}

.font-siz16 {
    font-size: 16px !important;
}

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

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}
/*buttons styles*/
.btn-primary {
    background-color: transparent;
    color: #8a8894;
    transition: .5s ease-in-out;
    border: 1px solid #8a8894;
    border-radius: 0;
    transition: all .3s;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        color: #fff !important;
        background: #8a8894 !important;
        border: 1px solid #8a8894;
    }

.btn-success {
    background-color: #08a54f;
    color: #ffffff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .btn-success:hover {
        color: #ffffff;
        background: #6d6e71;
        border-color: #6d6e71;
    }

    .btn-success:focus {
        color: #ffffff;
        background: #6d6e71;
        border-color: #6d6e71;
    }

.btn-default {
    color: #fff;
    background-color: #8a8894;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 1px solid #8a8894;
    border-radius: 0;
    text-transform: uppercase;
}

    .btn-default:hover, .btn-default:focus, .btn-default:active {
        color: #f4f4f4 !important;
        background: #333;
        border: 1px solid #333;
    }

.btn-danger {
    background-color: #D40101;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.primary-bg {
    background: #3b1261 !important;
}

.d-none {
    display: none;
}

.btn {
    font-weight: 400;
    border-radius: 0;
    text-transform: uppercase;
    padding: 6px 14px;
}

    .btn.btn-lg {
        padding: 10px 18px;
        font-size: 16px;
    }

.signUp .btn-primary {
    background: #8a8894 !important;
    color: #fff !important;
}
/* header navigation*/
header .navbar-default {
    background: #fff;
    padding: 10px 0;
    transition: all .2s;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.4);
    z-index: 800;
}

    header .navbar-default.home-nav {
        background-color: transparent;
        box-shadow: none;
    }

.navbar-default.home-nav .navbar-nav > li > a {
    color: #fff !important;
}

    .navbar-default.home-nav .navbar-nav > li > a.btn-primary {
        background: #8a8894 !important;
        color: #fff !important;
    }

header .navbar-nav > li > a, header .navbar-inverse .navbar-nav > li > a {
    color: #8a8894 !important;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 16px;
    margin-top: 15px;
}

header .nav-item a {
    position: relative;
}

    header .nav-item a:hover {
        color: #8a8894;
    }

header .navbar-nav {
    float: right;
    margin-top: 10px;
    margin-right: 23px;
}

    header .navbar-nav > .active > a, header .navbar-nav > .active > a:focus, header .navbar-nav > .active > a:hover, header .navbar-inverse .navbar-nav > li > a:hover {
        color: #3b1261;
        background-color: transparent !important;
    }

    header .navbar-nav > li > a:focus, header .navbar-nav > li > a:hover {
        background-color: #ffffff;
        color: #3b1261;
    }

    header .navbar-nav > .open > a, header .navbar-nav > .open > a:focus, header .navbar-nav > .open > a:hover {
        background: #8a8894 !important;
    }

header .navbar-collapse {
    width: 100%;
    padding: 0 15px;
}

header .navbar-nav > li > .dropdown-menu {
    border: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-color: #fff;
    left: auto;
}

    header .navbar-nav > li > .dropdown-menu a {
        display: block;
        color: #8a8894 !important;
        padding: 8px 16px;
    }

        header .navbar-nav > li > .dropdown-menu a:hover {
            color: #ffffff !important;
            background: #8a8894;
        }

header .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff !important;
    background-color: #8a8894 !important;
    border-color: #8a8894;
}

header .navbar-nav > li > a.btn-primary {
    background: #fff !important;
    color: #8a8894 !important;
}

    header .navbar-nav > li > a.btn-primary:hover {
        background: #8a8894 !important;
        color: #fff !important;
        border: 1px solid #8a8894;
    }

header .btn-primary:hover, header .btn-primary:active, header .btn-primary:focus {
    background: transparent !important;
    color: #333 !important;
}

header .navbar-nav > li > a.btn-default {
    border-color: #333;
    color: #333 !important;
    padding: 6px 16px;
}

    header .navbar-nav > li > a.btn-default:hover {
        background: #fff;
    }

.navbar-default.home-nav .navbar-nav > li > a.btn-default {
    color: #1018a2 !important;
}

#header .navbar-default .nav-link {
    transition: all .4s;
    text-transform: capitalize;
}

header .cookie {
    background: #eee;
    margin: 0;
    padding-top: 20px;
    font-size: 14px;
    position: fixed;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
}

    header .cookie .btn {
        float: right;
        padding: 2px 16px;
        border-radius: 0px;
    }

.navbar {
    border-radius: 0;
    border: transparent;
    margin: 0;
    min-height: 50px;
    position: relative;
}

    .navbar.navbar-fixed-top {
        position: fixed !important;
    }

.navbar-toggle {
    background: #8a8894;
    border: 0;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #333;
}


.navbar-brand img {
    width:92px;
}

.navbar-brand {
    float: left;
    height: auto;
    padding: 0 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-nav > li:first-child {
    border: 0;
}

/*Headaer Styles*/
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #3d3d3d;
}

.dropdown-menu > li:first-child {
    margin-left: 0;
}

.dropdown-toggle i {
    color: #3b1261;
    margin: 0 0 0 6px;
}

.top-dropdown-menu {
    min-width: 160px;
    margin-top: 12px;
    border-radius: 2px;
    border: 0;
}

    .top-dropdown-menu > li {
        margin: 0;
        width: 100%;
        padding: 0;
        display: block;
    }

        .top-dropdown-menu > li a {
            color: #4a4a49;
            font-size: 14px;
            display: block;
            text-align: left;
            padding: 8px;
        }

            .top-dropdown-menu > li a:hover {
                color: #fff;
                background: #3b1261;
            }

/*Banner Styles*/

.banner {
    position: relative;
    margin-top: -1px;
}

.banner-form {
    width: 100%;
}

    .banner-form .common-ctrl {
        font-size: 14px;
        border: 0;
        border-radius: 0;
        height: 57px;
        padding: 0;
        width: 100%;
        background: #fff;
        color: #333;
        border-right: 1px solid #e0e1e2;
    }

        .banner-form .common-ctrl.location {
            background: url(../images/search-arrow.png) no-repeat 3% 50% #fff;
            padding: 0 10px 0 35px;
        }

        .banner-form .common-ctrl.check-in {
            padding: 0 10px 0 42px;
            background: url(../images/calender-arrow.png) no-repeat 8% 50% #fff;
        }

    .banner-form .guest {
        font-size: 14px;
        border: 0;
        border-radius: 0;
        height: 57px;
        padding: 19px 10px 0 10px;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(../images/down-arrow.png) no-repeat 97% 50% #fff;
        color: #4a4a49;
    }

    .banner-form .help-block {
        position: absolute;
        left: 24px;
        top: -24px;
        background-color: #C91826;
        font-size: 1em !important;
        display: block;
        color: #FFF !important;
        padding: 1px 5px;
        font-style: italic;
    }

        .banner-form .help-block:after {
            top: 100%;
            left: 10%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-top-color: #C91826;
            border-width: 6px;
            margin-left: -6px;
        }

    .banner-form select {
        font-size: 15px;
        border: 0;
        border-radius: 0;
        height: 57px;
        padding: 0 10px 0 10px;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(../images/down-arrow.png) no-repeat 97% 50% #fff;
    }

.search-btn {
    padding: 0;
}

    .search-btn .btn-primary {
        padding: 6px 0;
        line-height: 46px;
        font-size: 18px;
        border: 0;
    }

#discover-line {
    border-top: 1px solid #939393;
    margin: 80px 0 20px 0;
    text-align: center;
}

    #discover-line .discover-line-dta {
        color: #4a4a49;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: normal;
        text-align: center;
        background: #fff;
        margin: -23px 0 0 0;
        padding: 0 30px;
        display: inline-block;
        font-size: 30px;
    }
/*Events Tabs Styles*/
.carousel-area {
    background: rgba(255,255,255,.8);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: auto;
    text-align: center;
    padding: 30px 35px;
    box-sizing: border-box;
    max-width: 560px;
    margin: auto;
    height: 175px;
}

    .carousel-area h3 {
        font-size: 20px;
        color: #5d5d5d;
        font-weight: 400;
        color: #5d5d5d;
    }

    .carousel-area h2 {
        font-size: 30px;
        color: #3b1261;
        font-weight: 600;
        margin-bottom: 30px;
    }

    .carousel-area p {
        color: #5d5d5d;
        font-size: 14px;
        border-top: 1px solid #b8b8b8;
        border-bottom: 1px solid #b8b8b8;
        margin: 0 auto;
        padding: 8px 0;
        width: 140px;
        font-weight: 400;
    }

    .carousel-area .resort {
        font-size: 20px;
        letter-spacing: 2px;
        font-weight: 400;
        margin-bottom: 10px;
        display: block;
    }

.carousel-indicators li {
    width: 16px;
    height: 16px;
}

.carousel-indicators .active {
    width: 18px;
    height: 18px;
}

.carousel-mar {
    margin: 40px 0 50px 0;
}

.sign-up .btn-primary {
    padding: 16px 45px;
    margin: 25px auto 20px auto;
    display: block;
    width: auto;
}
/*************about-us-css**************/

.media {
    margin-top: 50px;
}

.quote {
    font-size: 30px;
    font-style: italic;
    color: #6d6e71;
    font-weight: 400;
    text-align: center;
}

    .quote span {
        font-size: 21px;
        border-top: 1px solid #d0d0d0;
        font-style: normal;
        font-weight: 400;
        padding-top: 5px;
        margin-top: 5px;
        float: left;
    }

banner-form .form-control {
    display: block;
    width: 100%;
    height: 60px;
    padding: 6px 12px 6px 20px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-weight: 400;
}

.about-form textarea {
    height: 140px;
}

.about-form p.provide-text {
    font-weight: 400;
    margin: 20px 0;
    text-align: center;
    font-size: 15px;
}

.about-form p a {
    color: #6d6e71;
    text-decoration: underline;
    font-size: 15px;
    font-weight: 400;
    -moz-text-decoration-color: #3b1261;
    text-decoration-color: #3b1261;
}

    .about-form p a:hover {
        text-decoration: none;
    }

.about-form .btn-primary {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 1px;
    width: 100%;
}

.about-us h2 {
    margin-top: 40px;
    margin-bottom: 30px;
}

.about-us .h2 {
    margin-top: 40px;
    margin-bottom: 30px;
}

.about-us p {
    font-size: 16px;
    margin-bottom: 24px;
}

.about-us .img-responsive {
    width: 100%;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
/**********down-arrow-css************/
.arrow_box {
    position: relative;
    background: #fff;
    border: 1px solid #dcdcdc;
    margin: 40px 0px 30px 0;
}

    .arrow_box:after, .arrow_box:before {
        top: 100%;
        left: 10%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #fff;
        border-width: 30px;
        margin-left: -30px;
    }

    .arrow_box:before {
        border-color: rgba(220, 220, 220, 0);
        border-top-color: #dcdcdc;
        border-width: 31px;
        margin-left: -31px;
    }

    .arrow_box h4 {
        font-size: 40px;
        color: #354998;
        margin: 0;
        padding: 8px 0 12px 0;
        text-align: center;
        line-height: 60px;
    }
/************hotel-listing-css****************/
.hotel-slider.mar-none {
    margin: 0 !important;
}

.modify-dta {
    float: right;
}

.btn-primary.check-availability {
    font-size: 15px;
    margin: 18px 0 0 0;
    padding: 11px 24px;
}

.sort {
    float: left;
}

    .sort span {
        font-size: 13px;
        font-weight: 400;
        color: #3d3d3d;
        float: left;
        margin-top: 14px;
        margin-left: 0;
    }
/***********hotel-slider-css*************/
.hotel-slider {
    border: 1px solid #eaeaea;
    margin: 18px 0;
}

.price {
    position: absolute;
    top: 242px;
    right: -1px;
    background: #fff;
    color: #692D86;
    font-size: 28px;
    padding: 4px 15px;
    font-weight: 600;
}

    .price span {
        font-size: 20px;
        vertical-align: super;
    }
/********************hotel-details**************************/
.carousel-inner .price {
    background: hsl(0, 0%, 100%) none repeat scroll 0 0;
    color: hsl(280, 50%, 35%);
    font-size: 28px;
    padding: 2px 15px;
    position: absolute;
    right: -1px;
    top: 88px;
}

    .carousel-inner .price span {
        font-size: 20px;
        vertical-align: super;
    }

.carousel-control {
    opacity: 100;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.fixed {
    position: fixed;
    top: 0;
    z-index: 200;
}
/*===============loginmodal====================*/

.loginmodal-container {
    position: relative;
    padding: 30px;
    max-width: 450px;
    width: 100% !important;
    overflow: hidden;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

    .loginmodal-container .head {
        margin-top: 15%;
        text-align: center;
        font-size: 1.8em;
        margin-bottom: 20px;
    }

    .loginmodal-container input[type=submit] {
        width: 100%;
        display: block;
        margin-bottom: 10px;
        position: relative;
    }

    .loginmodal-container input[type=button] {
        width: 100%;
        display: block;
        margin-bottom: 10px;
        position: relative;
    }

    .loginmodal-container input[type=text], .loginmodal-container input[type=password] {
        height: 44px;
        font-size: 16px;
        width: 100%;
        margin-top: 10px;
        -webkit-appearance: none;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-top: 1px solid #c0c0c0;
        padding: 0 8px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        .loginmodal-container input[type=text]:hover, input[type=password]:hover {
            border: 1px solid #b9b9b9;
            border-top: 1px solid #a0a0a0;
            -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
            -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
            box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
        }

.loginmodal {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    height: 36px;
    padding: 0 8px;
}

.loginmodal-submit {
    border: 0;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,0.1);
    padding: 10px 0;
    font-size: 16px;
    border-radius: 0;
    background: #8a8894;
    border: 1px solid #8a8894;
    transition: all .45s;
    text-transform: uppercase;
}

    .loginmodal-submit:hover {
        border: 0;
        background-color: #333;
        color: #f4f4f4 !important;
        border: 1px solid #333;
    }

.loginmodal-container a {
    text-decoration: none;
    text-align: center;
    display: inline-block;
    transition: opacity ease 0.5s;
}

.loginmodal-container .close {
    position: absolute;
    top: 5px;
    right: 8px;
    font-size: 25px;
}

#login-modal {
    width: 100%;
    height: 100%;
    display: flex;
}

    #login-modal .modal-dialog {
        width: 100% !important;
        margin: 0;
    }

        #login-modal .modal-dialog .row {
            display: flex;
            height: 100%;
        }

            #login-modal .modal-dialog .row .column {
                -webkit-flex-direction: column;
                flex-direction: column;
            }

    #login-modal .close {
        font-size: 54px;
        text-shadow: none;
    }

.login-images div {
    display: block;
    box-sizing: border-box;
    border: 2px solid #fff;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    background-size: cover !important;
    transition: all .4s;
    background: #eee;
    cursor: pointer;
}

    .login-images div:hover {
        -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
        filter: grayscale(0);
    }

    .login-images div.one {
        background: url(../images/login/login-img-1.jpg);
    }

    .login-images div.two {
        background: url(../images/login/login-img-2.jpg);
    }

    .login-images div.three {
        background: url(../images/login/login-img-3.jpg);
    }

    .login-images div.four {
        background: url(../images/login/login-img-4.jpg);
    }

    .login-images div.five {
        background: url(../images/login/login-img-5.jpg);
    }

    .login-images div.six {
        background: url(../images/login/login-img-6.jpg);
    }
/*===============end loginmodal====================*/

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #ccc;
    border-radius: 0;
    cursor: pointer;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #3b1261;
    cursor: pointer;
}

.ui-datepicker .ui-widget-header {
    border: 0;
    background: #f2f2f2;
    font-weight: normal;
}

.ui-datepicker .ui-widget-content {
    border: 0 !important;
    font-weight: normal !important;
}

.ui-datepicker td {
    border: 0 !important;
}

    .ui-datepicker td a {
        padding: .4em !important;
    }

.ui-datepicker th {
    border: 0 !important;
}

.ui-datepicker table {
    font-size: .8em !important;
}

.ui-widget {
    font-size: 1em !important;
}
/**=========== Show on map=================**/
.result-discription .heading {
    background: #ffffff;
    color: #000;
    padding: 5px 15px;
    display: none;
    border-radius: 0; /*box-shadow:0 0 3px #CCC;*/
}

    .result-discription .heading h2 {
        margin-top: 4px;
        margin-bottom: 1px;
        color: #FFF;
        font-size: 1.5em;
    }

    .result-discription .heading p {
        margin-bottom: 0;
        color: #fff;
    }

.result-sec {
    width: 100%;
}

#mapview .result-sec {
    padding: 0;
}

.view {
    margin-bottom: 5px;
    margin-top: 0;
}

    .view span {
        color: #8a8894;
    }

.included {
    color: #485356;
    margin-bottom: 5px;
}

    .included .fa {
        color: #4B5659;
    }

    .included span {
        display: inline-block;
        padding-right: 8px;
        font-size: .9em;
    }

.hotel-text {
    margin-left: -15px;
    padding-right: 5px;
}

.hotel-rate {
    padding: 15px;
    text-align: right;
}

.free-cancellation {
    color: green;
    display: inline-block;
    font-size: 1em;
}

.room-left {
    color: #E35C45;
    display: inline-block;
    padding: 0;
}

.btn-primary.small {
    padding: 4px 10px;
    font-size: 1em;
}

.hotel-rate .btn-primary {
    margin-top: 15px;
    margin-bottom: 10px;
}

.revarew {
    color: #475255;
    line-height: 100%;
}

    .revarew span {
        font-size: 1.3em;
        display: inline-block;
        padding: 0 5px;
        font-weight: 600;
    }

.last-booked-sec {
    margin-top: 0;
    margin-bottom: 3px;
}

.navbar-collapse#bs-example-navbar-collapse-3 {
    padding: 0;
    background-color: #f4f4f4;
}

.romm-type a {
    text-decoration: none !important;
}

.img {
    position: relative;
}

    .img img {
        width: 100%;
    }

.dis-ib {
    display: inline-block;
}

.modal-content {
    border-radius: 1px;
}

.pagination > li > a, .pagination > li > span {
    font-size: 12px;
    padding: 6px 10px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #8a8894;
    border-color: #8a8894;
}

.included-item a {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #FFF;
    border: 1px solid #fcc82b;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    margin-right: 5px;
    color: #485356;
}

    .included-item a .fa {
        line-height: 30px;
    }

.hotel-detail-sec, .good-to-know {
    background: #FFF;
    margin-top: 0;
}

.hotel-detail-sec, .good-to-know {
    background: #FFF;
    margin-top: 0;
}

    .good-to-know h3 {
        font-size: 14px;
        font-weight: 600;
    }

    .good-to-know .free {
        display: inline-block;
        background: #08a54f;
        color: #fff;
        padding: 0 5px;
        border-radius: 2px;
    }

    .good-to-know .devider {
        padding-top: 15px;
        float: left;
        width: 100%;
    }

        .good-to-know .devider li {
            padding: 0 20px 5px 0;
        }

.good-to-know {
    margin-top: 15px;
}

.fa.fa-star, .fa.fa-star-o {
    color: rgb(246, 171, 63);
    letter-spacing: 0;
}

.star .fa {
    float: left;
    font-size: 12px;
}

.room-detail-new {
    margin-bottom: 0 !important;
    font-size: 16px !important;
}

    .room-detail-new h4 {
        color: #1018a2 !important;
        margin-bottom: 0 !important;
    }

    .room-detail-new a {
        color: #8a8894 !important;
        text-transform: uppercase;
    }

        .room-detail-new a:hover {
            color: #333 !important;
        }

.enhc-bkng-sec {
    border-radius: 1px;
    background: #fff;
}

.enhc-room-extra h5 {
    margin-top: 0;
}

.enhc-room-extra .fa {
    color: grey;
}

.white-bx {
    background: #fff;
    padding: 15px;
    margin-top: 15px;
}

.top-bx {
    padding: 12px 0;
}

.box {
    margin-bottom: 10px;
    margin-top: 10px;
}

    .box h2 {
        background: #fff;
        font-size: 1.1em;
        font-weight: bold;
        padding: 10px 14px;
        margin: 0 0 4px 0;
    }

    .box .border-none td {
        border: 0;
        padding: 4px;
        font-size: 0.96em;
    }

        .box .border-none td strong {
            color: #4b575a;
        }

.slider-bg {
    background-color: #f4f4f4;
    text-align: center;
}

    .slider-bg img {
        height: 600px !important;
        display: inline-block !important;
        width: auto !important;
    }

#thumbcarousel {
    position: relative;
    bottom: 0;
    /*float: left;*/
    padding: 0;
    margin: 0;
    left: 0;
    width: 100%;
}

.property-slider #thumbcarousel .thumb {
    width: calc(100%/12 - 4px);
    cursor: pointer;
    float: left;
    border: 0 solid #fff;
    margin-bottom: 5px;
    height: auto;
    border-radius: 0;
    margin: 0;
    opacity: .5;
    margin: 4px 4px 0 0;
    transition: .2s all;
}

    .property-slider #thumbcarousel .thumb:hover, .property-slider #thumbcarousel .thumb:active, .property-slider #thumbcarousel .thumb:visited, .property-slider #thumbcarousel .thumb:focus, .property-slider #thumbcarousel .thumb.active {
        opacity: 1;
        box-shadow: 0 0 10px rgba(0,0,0,.2);
    }

.property-slider a.left, .property-slider a.right {
    position: absolute;
    z-index: auto;
    top: 40%;
    background: none;
    padding: 2px 6px;
}

.property-slider a.left {
    left: 2%;
    background: #8a8894;
    opacity: .4;
    margin-right: 10px;
}

.property-slider a.right {
    right: 2%;
    background: #8a8894;
    opacity: .4;
}

.hotel-detail-heading h1 {
    margin-bottom: 0;
}

.font-siz30 {
    font-size: 30px;
}

.font-siz32 {
    font-size: 32px;
}

.hotel-detail-heading .star .fa {
    font-size: 16px;
}

.font-siz48 {
    font-size: 42px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 51px;
}

.topwth40 {
    padding-top: 40px;
}

.text-black {
    color: #000000 !important;
}

.main_hdg h1 {
    padding-top: 10px !important;
    margin: 0px !important;
    padding-bottom: 6px;
    font-size: 24px !important;
}

.pad_top30 {
    padding: 20px 6px 0px;
    font-size: 15px !important;
    min-width: 33.3333% !important;
}





.lh19 {
    line-height: 14px;
    margin-bottom: 0;
    font-size: 12px;
    max-width: 144px;
    margin: 0 auto;
}



.rotate {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.vnu-de table {
    border: 1px solid #d0ccdb !important;
    font-size: 1em;
}

    .vnu-de table td {
        line-height: 2.1em !important;
    }

    .vnu-de table .tr {
        background: #f4f4f4;
    }

        .vnu-de table .tr .dtl {
            border-left: 0 !important;
            border-right: 0;
            text-align: center;
        }

    .vnu-de table .dtl {
        border-left: 0 !important;
        border-right: 0;
    }

    .vnu-de table td:first-child {
        border-right: 0;
    }

.vnu-de-ovr {
    background: #FFF;
    padding: 15px 0;
}

    .vnu-de-ovr h2, .vnu-de-mp h2, .vnu-de-mp h2 {
        margin: 0;
        padding-bottom: 15px;
    }

    .vnu-de-ovr h4 {
        font-weight: 300;
        font-size: 16px;
        color: #3b1261;
    }

    .vnu-de-ovr ul, .vnu-de-mp ul {
        list-style: inside;
        padding: 0;
        margin: 0;
        font-size: .95em;
        line-height: 2em;
    }

.vnu-de-mp {
    background: #fff !important;
    padding: 15px 0;
    margin: 15px 0;
}

    .vnu-de-mp :last-child {
        margin-bottom: 0;
    }

    .vnu-de-mp .item .thumb {
        width: 24%;
        margin-right: 1%;
    }

.vnu-de table td {
    line-height: 100% !important;
}

#capacity table h4 {
    font-size: 13px;
    padding-top: 7px;
}

.room-detail .item .thumb {
    width: 64px;
    cursor: pointer;
    float: left;
    margin: 5px 5px 5px 0;
}

div[ng-switch="datepickerMode"] .btn-info.active, div[ng-switch="datepickerMode"] .btn-info.focus, div[ng-switch="datepickerMode"] .btn-info:active, div[ng-switch="datepickerMode"] .btn-info:focus, div[ng-switch="datepickerMode"] .btn-info:hover, div[ng-switch="datepickerMode"] .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #495653;
    border-color: #495653;
    font-size: 13px;
}

    div[ng-switch="datepickerMode"] .btn-info.active .text-info {
        color: #fff;
        background: #8a8894;
    }

div[ng-switch="datepickerMode"] .btn-default {
    color: #333;
    border-color: transparent;
    box-shadow: none !important;
    font-size: 13px;
}

div[ng-switch="datepickerMode"] .btn.active, div[ng-switch="datepickerMode"] .btn:active {
    box-shadow: none !important;
    display: block;
}

div[ng-switch="datepickerMode"] .text-muted {
    display: none;
}

div[ng-switch="datepickerMode"] .btn-group-sm > .btn, div[ng-switch="datepickerMode"] .btn-sm {
    padding: 3px 7px;
}

.req, input[data-required], select[data-required], textarea[data-required] {
    border-left: 1px solid #D40101;
}

*:focus {
    outline: 0 !important;
}

.date {
    background: url(/content/images/calender-arrow.png) no-repeat #fff 95%;
}

    .date[readonly] {
        background-color: #fff;
    }

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    font-size: 12px;
    color: #D40101;
}

.animated {
    animation-duration: .5s;
    animation-fill-mode: both;
}

    .animated.infinite {
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        animation-duration: 2s;
    }

    .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
        animation-duration: .75s;
    }

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes topToBottom {
    from {
        height: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        height: 100%;
        transform: initial;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

.location_lon {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    transition: all .2s;
}

    .location_lon:hover {
        transform: scale(1.08);
    }

.world-tab:hover {
    box-shadow: 5px 5px 20px 2px rgba(0,0,0,.2);
}

.location_lon::before {
    content: '';
    width: 100%;
    height: 0;
    background: #8a8894;
    position: absolute;
    top: 50%;
    left: 0;
    transition: all .2s;
    z-index: 0;
    opacity: .5;
}

.location_lon:hover::before {
    height: 100%;
    top: 0;
}

.location_lon a {
    display: block;
}

.location_lon img {
    width: 100% !important;
}

.location_lon .world-dta {
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.35);
    text-align: center;
    padding: 70px 0;
    height: 170px;
    position: absolute !important;
    width: 80%;
    left: 10%;
    top: 24%;
    transition: all .4s;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18);
    word-wrap: break-word;
}

    .location_lon .world-dta .h3 {
        color: #fff;
        font-size: 24px;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
    }

.location_lon:hover .world-dta {
    box-shadow: 11px 7px 20px rgba(0,0,0,0.3);
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.location_lon .world-dta h3 {
    color: #fff;
    font-size: 28px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#homeSliderText {
    position: relative;
    width: 100%;
    padding-top: 47%;
    height: unset !important;
}

    #homeSliderText .carousel {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    #homeSliderText .h1 {
        font-size: 56px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 0;
    }

.marg190 {
    margin-left: 190px;
}

#homeSliderText .discover {
    font-size: 24px;
    position: relative;
    color: #f9f9f9;
}

.line-height {
    line-height: 26px;
}

#header-line-latest {
    border-top: 1px solid #8a8894;
    margin: 35px 0 35px 0;
    text-align: center;
}

    #header-line-latest .h1.latest-offers {
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: normal;
        text-align: center;
        background: #fff;
        margin: -17px 0 0 0;
        padding: 0 30px;
        display: inline-block;
        font-size: 30px;
    }

    #header-line-latest span.discover {
        font-family: 'Libre Franklin', sans-serif;
        font-size: 14px;
        text-transform: none;
        color: #6d6e71;
        letter-spacing: 1px;
        margin: 15px 0 0 0;
        display: block;
    }

.dropdown-menu {
    margin: 0;
    border-radius: 0;
}

.modal-title {
    font-size: 20px;
}

#get-news-offers {
    margin: 60px 0 50px 0;
    text-align: center;
    position: relative;
}

    #get-news-offers::before {
        content: "";
        border-top: 1px solid #8a8894;
        width: 100%;
        background: #000;
        display: block;
        position: absolute;
        top: 4px;
    }

    #get-news-offers .get-news-dta {
        text-transform: uppercase;
        text-align: center;
        background: #ffffff;
        margin: 0;
        padding: 0 30px;
        display: inline-block;
        font-size: 30px;
        top: -17px;
        position: relative;
        letter-spacing: 1px;
        color: #8a8894;
        font-weight: bold;
    }

        #get-news-offers .get-news-dta a {
            color: #3b1261;
        }

    #get-news-offers span.discover {
        letter-spacing: 1.1px;
        display: block;
    }

        #get-news-offers span.discover i {
            margin: 20px 0 0 0;
            display: block;
        }

.get-mar {
    margin: 60px 0 40px 0 !important;
}

#directory {
    border-top: 2px solid #c2c2c2;
    padding-top: 84px;
}

    #directory h4 {
        text-align: center;
        font-size: 20px;
        color: #4a4a4a;
        line-height: 30px;
        text-transform: uppercase;
        margin-bottom: 80px;
        letter-spacing: 2px;
    }

        #directory h4 span {
            font-size: 30px;
        }

.directory-spa-mar h5 {
    font-size: 26px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

    .directory-spa-mar h5 a {
        color: #8a8894;
        padding: 0 5px 5px 0;
        display: block;
    }

    .directory-spa-mar h5 p {
        font-size: 18px;
    }

.directory-dta {
    margin-bottom: 50px;
}

.pressList {
    min-height: 400px;
}

    .pressList .directory-dta {
        margin-top: 30px;
        margin-bottom: 30px;
    }

.carouel-dta {
    position: relative;
    width: 1000px;
    margin: 0px auto;
}

footer {
    background: #8a8894;
    padding-bottom: 0px;
    padding-top: 20px;
    width: 100%;
}

.mar-b-20 {
    margin-bottom: 20px;
}

footer .fa {
    font-size: 18px;
    margin-right: 10px;
    padding: 5px;
}

footer h3 {
    padding-top: 48px;
    color: #f4f4f4;
    text-transform: uppercase;
    margin-bottom: 22px;
}

footer a, footer a:visited {
    color: #f4f4f4;
    font-size: 14px;
}

    footer a:hover {
        color: #333;
        text-decoration: none;
    }

footer p {
    font-weight: 200;
    margin-bottom: 5px;
    font-size: 14px;
    color: #f4f4f4;
}

.mar-b-60 {
    margin-bottom: 60px;
}

.copyright {
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

    .copyright p {
        padding-top: 20px;
    }

.social-icons {
    margin: 0;
    padding: 0;
    text-align: right;
}

    .social-icons li {
        display: inline-block;
        list-style: outside none none;
    }

        .social-icons li a {
            color: #8a8894;
            font-size: 18px;
            width: 35px;
            text-align: center;
            text-decoration: none;
            transition: all 0.2s ease-in 0s;
            height: 35px;
            line-height: 26px;
            background: #fff;
            margin-top: 15px;
            border-radius: 0;
        }

            .social-icons li a:hover {
                background: #333 none repeat scroll 0 0;
                color: #fff;
            }

.inspire-box p {
    text-align: center;
    font-size: 17px;
}

.inspire-box .inspire-text h2 {
    color: #1018a2 !important;
}

.inspire-box .inspire-text {
    background: #ffffff;
    padding: 30px 60px;
    text-align: center;
    position: relative;
}

    .inspire-box .inspire-text h3 {
        font-size: 18px;
        text-align: center;
        color: #3b1261 !important;
        line-height: 24px;
        margin-top: 20px;
    }

.hotel-rate {
    padding: 15px;
    text-align: right;
}

    .hotel-rate .strt-frm {
        font-size: 12px;
    }

.flr-rgt {
    position: relative;
}

.modify-top {
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear;
    background: #8a8894;
    margin-bottom: 15px;
}

    .modify-top p {
        margin: 0;
    }

    .modify-top .form-control {
        font-size: 13px;
        border-radius: 0;
    }

    .modify-top .pad-r-0 {
        padding-right: 0;
    }

    .modify-top .room-search {
    }

    .modify-top .m-btn .btn-primary {
        padding: 7.5px 12px;
    }

.room-add {
    min-width: 195px;
}

.has-right-border {
    border-right: 1px solid #ccc;
}

.modify-captions {
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 25px;
    float: left;
    margin-top: 7px !important;
}

.modify-form {
    padding: 0;
    border-radius: 0;
    margin-top: 0;
}

.overlay {
    position: fixed;
    background: #000;
    opacity: .7;
    width: 100%;
    height: 100%;
    z-index: 20;
}

.pad-rft5 {
    padding-right: 5px;
}

.choose-room {
    border: 2px solid #8a8894;
    border-radius: 0;
    background-color: #ffffff;
}

    .choose-room h3 {
        margin-top: 10px;
    }

    /*.choose-room .change-date {
        border: 0 solid #eeeeee;
        padding: 2px;
        text-decoration: none;
        border-radius: 1px;
        color: #a5a5a5;
        letter-spacing: 0;
        font-weight: 600;
        background: #333 !important;
        border-radius: 0;
        text-transform: uppercase;
    }*/

    .choose-room .heading {
        background: #f4f4f4;
    }

        .choose-room .heading th {
            color: #8a8894;
            border-left: 1px solid #aca9b7;
            padding: 8px 5px;
        }

            .choose-room .heading th:first-child {
                border-left: 0;
            }

    .choose-room table td {
        padding: 10px 5px;
    }

.choose-room-list {
    position: relative;
    border-bottom: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
}

    .choose-room-list div:last-child {
        border: 0 none;
        overflow: visible;
    }

    .choose-room-list td:first-child .boFacilities {
        padding-top: 0 !important;
    }

        .choose-room-list td:first-child .boFacilities .col-sm-4 {
            max-width: 50px;
        }

            .choose-room-list td:first-child .boFacilities .col-sm-4 img {
                max-width: 30px;
                margin: 0 0 0 -18px;
            }

        .choose-room-list td:first-child .boFacilities a {
            display: none;
        }

    .choose-room-list .book-room {
        position: relative;
    }

    .choose-room-list .fa-user {
        font-size: .9em;
    }

        .choose-room-list .fa-user.child {
            font-size: .7em;
        }

    .choose-room-list h5 {
        margin-top: 0;
        font-weight: 600;
        margin-bottom: 4px;
    }

    .choose-room-list .room-reserv p {
        color: #ff0000;
        font-size: 12px;
        font-weight: 600;
        padding-top: 10px;
    }

.select-room p {
    padding-top: 10px;
}

.select-room select {
    padding: 6px 8px;
    width: 85%;
    border-radius: 0;
}

.choose-room-list > div, .choose-room-list > td {
    border-right: 1px solid #aca9b7;
    border-top: 1px solid #aca9b7;
    padding-top: 15px;
    min-height: 150px;
}

.check-room-avalibility {
    background: #8a8894;
}

    .check-room-avalibility h3 {
        color: #f4f4f4;
        font-size: 20px;
        margin-bottom: 4px;
    }

    .check-room-avalibility .aval {
        color: #f4f4f4;
        font-size: 20px;
        margin-bottom: 4px;
    }

    .check-room-avalibility p {
        color: #f4f4f4;
        margin-bottom: 0;
        margin-top: 2px;
        font-size: 12px;
    }

    .check-room-avalibility input {
        border-radius: 0;
        background-color: #ffffff !important;
    }

.enhc-bkng-h {
    background: #ffffff;
    font-size: 14px;
    padding-bottom: 15px !important;
}

    .enhc-bkng-h h3 {
        margin-bottom: 0;
        font-size: 20px;
    }

    .enhc-bkng-h p {
        color: #6d6e71;
    }

    .enhc-bkng-h .fa.fa-star-o {
        color: #ffffff;
    }

.fa.fa-star, .fa.fa-star-o {
    color: #f6ab3f;
    letter-spacing: 0;
}

.request-top h2 {
    font-size: 20px;
    margin-top: 15px;
}

    .request-top h2.devider {
        border-bottom: 1px solid #eee;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }

.request-top label {
}

.angdir-custom-html .result-list {
    padding: 15px;
}

.enhc-bkng-room h4 {
    margin-bottom: 5px;
    font-size: 16px;
}

    .enhc-bkng-room h4 i {
        font-size: 16px !important;
    }

.enhc-total, .enhc-total-discount {
    float: left;
    width: 100%;
    text-align: right;
    border-radius: 0 0 3px 3px;
}

    .enhc-total p, .enhc-total-discount p {
        color: #ffffff !important;
    }

        .enhc-total p span, .enhc-total-discount p span {
            font-weight: 600;
        }

    .enhc-total > p {
        padding: 10px 15px;
        font-size: 20px !important;
        font-weight: 500 !important;
        border-bottom: 0 !important;
        font-family: 'Libre Franklin', sans-serif;
    }

    .enhc-total > div {
        padding: 0 15px;
    }

.cards-sec {
    padding: 15px;
    font-size: 12px;
    border-top: 1px solid #eee;
}

    .cards-sec h5 {
        font-size: 20px;
    }

        .cards-sec h5 i {
            display: none;
        }

    .cards-sec span {
        padding-bottom: 5px;
        display: inline-block;
    }

.checkout-content {
    background-color: #ffffff;
}

    .checkout-content > h3, .checkout-content div > h3 {
        font-size: 20px;
    }

    .checkout-content label {
        font-size: 14px;
    }

        .checkout-content label.gender {
            font-weight: normal !important;
        }

        .checkout-content label span {
            font-size: 12px;
            display: block;
            padding-left: 15px;
            color: #6d6e71;
        }

    .checkout-content .or {
        background: url(..images/or-bg.png) center left repeat-x;
        text-align: center;
        margin: 20px 0;
    }

        .checkout-content .or span {
            display: inline-block;
            background: #ffffff;
            padding: 5px;
            color: #6d6e71;
            font-weight: 600;
        }

    .checkout-content .social {
        margin-bottom: 20px;
        font-size: 20px;
    }

        .checkout-content .social span {
            padding: 5px;
            line-height: 2em;
            display: inline-block;
            margin-right: 6px;
        }

        .checkout-content .social a {
            padding: 0 !important;
            border-radius: 2px;
        }

        .checkout-content .social .fb {
            background: #6d6e71;
            color: #ffffff;
            display: inline-block;
            border-radius: 0;
            font-size: 14px;
            text-decoration: none;
            padding: 2px 10px;
        }

            .checkout-content .social .fb span {
                border-right: 1px solid #335191;
            }

        .checkout-content .social .gplus {
            background: #db5033;
            color: #ffffff;
            display: inline-block;
            border-radius: 0;
            font-size: 14px;
            text-decoration: none;
            padding: 2px 10px;
            margin-left: 10px;
        }

            .checkout-content .social .gplus span {
                border-right: 1px solid #d04a2d;
            }

        .checkout-content .social .re {
            background: #0f014c;
            color: #ffffff;
            display: inline-block;
            border-radius: 1px;
            font-size: 14px;
            text-decoration: none;
            padding: 2px 10px;
            margin-right: 10px;
        }

            .checkout-content .social .re span {
                border-right: 1px solid #452FA5;
            }

.checkout-steps {
    width: 100%;
    float: left;
    background: #8a8894;
    padding: 0;
}

    .checkout-steps a {
        display: inline-block;
        color: #ffffff !important;
        padding: 6px 15px;
        text-decoration: none;
        font-size: 14px;
        border-left: 1px solid rgba(255, 255, 255, 0.19);
        float: left;
        transition: all 0.2s;
        cursor: pointer;
        opacity: .5;
    }

        .checkout-steps a:hover, .checkout-steps a:active, .checkout-steps a.active {
            opacity: 1;
        }

        .checkout-steps a.active {
            background: #333;
        }

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
}

.form-control {
    border-radius: 0;
    color: #8a8894;
}

.narrow-search {
    background: #fff;
    margin-bottom: 15px;
    width: 100%;
    float: left;
    display: block;
}

    .narrow-search .heading {
        border-radius: 0;
        padding: 15px;
        padding-bottom: 0;
        font-size: 20px;
    }

    .narrow-search h4 {
        font-size: 14px;
        margin-bottom: 10px;
    }

        .narrow-search h4 .fa {
            color: #6d6e71;
            width: 12px;
        }

    .narrow-search label {
        font-size: 13px;
    }

    .narrow-search input[type="checkbox"] {
        margin-right: 3px;
    }

    .narrow-search input[type="text"] {
        float: left;
        width: 80%;
    }

    .narrow-search button.search {
        background: #1018a2;
        color: #fff;
        line-height: 34px;
        padding: 0 8px;
        border: 0;
    }

    .narrow-search ul {
        margin: 0;
        padding: 0;
    }

        .narrow-search ul li {
            list-style: none;
            padding-bottom: 3px;
            margin: 0;
            font-size: .9em;
        }

.narrow-search-devider {
    padding: 15px;
}

    .narrow-search-devider .reset {
        border: 0;
        color: #E35C45;
        padding: 0;
        background: none;
        font-size: 12px;
        font-weight: 600;
    }

        .narrow-search-devider .reset:hover {
            color: #3b1261 !important;
        }

.star-rating a {
    display: block;
    width: 42px;
    height: 42px;
    float: left;
    margin-right: 2px;
    background: url(..images/star.png) -1px 0 no-repeat;
    text-indent: -1000px;
}

    .star-rating a:active, .star-rating a:active, .star-rating a:hover, .star-rating a .active {
        background: url(..images/star.png) -1px -43px no-repeat;
    }

    .star-rating a .two {
        background-position: -47px 0;
    }

        .star-rating a .two:active, .star-rating a .two:active, .star-rating a .two:hover, .star-rating a .two .active {
            background-position: -47px -43px;
        }

    .star-rating a .three {
        background-position: -93px 0;
    }

        .star-rating a .three:active, .star-rating a .three:active, .star-rating a .three:hover, .star-rating a .three .active {
            background-position: -93px -43px;
        }

    .star-rating a .four {
        background-position: -138px 0;
    }

        .star-rating a .four:active, .star-rating a .four:active, .star-rating a .four:hover, .star-rating a .four .active {
            background-position: -138px -43px;
        }

    .star-rating a .five {
        background-position: -183px 0;
    }

        .star-rating a .five:active, .star-rating a .five:active, .star-rating a .five:hover, .star-rating a .five .active {
            background-position: -183px -43px;
        }

.sort-by {
    background: #fff;
    padding: 0 10px;
}

    .sort-by a {
        padding: 4px 8px;
        display: inline-block;
        font-size: 13px;
        color: #8a8894;
        text-decoration: none;
        border: 1px solid #8a8894;
        border-radius: 0;
        margin: 8px 5px;
        background: #ffffff;
        transition: all 0.2s;
    }

        .sort-by a select {
            border: 0 none;
            background-color: transparent;
        }

        .sort-by a:hover, .sort-by a:active, .sort-by a:focus, .sort-by a.active {
            color: #ffffff;
            border-color: #08a54f;
            background: #08a54f;
        }

        .sort-by a.btn-show-map {
            background: #8a8894;
            color: #fff;
            border-color: #8a8894;
        }

            .sort-by a.btn-show-map:hover {
                background: #333;
                border-color: #333;
            }

        .sort-by a .map {
            float: right;
            background: #ffffff;
            padding: 10px;
        }

            .sort-by a .map .fa {
                color: #E35C45;
            }

    .sort-by .btn {
        padding: 3px 12px;
    }

    .sort-by .event-mar {
        margin-top: 12px !important;
    }

.enhc-list {
    text-align: center;
    border: 0;
    margin-top: 15px;
}

    .enhc-list img {
        width: 100%;
    }

    .enhc-list h4 {
        margin-bottom: 5px;
        font-size: 20px;
    }

    .enhc-list p {
        font-size: 12px;
        line-height: 14px;
    }

        .enhc-list p a {
            display: inline-block;
            background: transparent;
            color: #8a8894;
            text-transform: uppercase;
            text-decoration: none;
            padding: 4px 20px;
            border-radius: 0;
            border: 1px solid #8a8894;
            transition: .2s all;
        }

.btn-stay-dtl {
    padding: 4px 10px !important;
    color: #4f91cc !important;
}

.enhc-list p a:hover {
    background: #8a8894;
    color: #fff;
}

.result-list {
    position: relative;
    background: #ffffff;
    margin-top: 15px;
    padding: 0;
    width: 99%;
    float: left;
    animation: animateload 0.5s ease-in;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    min-height: 125px;
}

    .result-list p {
        clear: both;
    }

        .result-list p .voucher {
            color: #E35C45;
            margin: 0 0 6px 0;
            padding: 0;
        }

    .result-list h4 {
        margin-top: 0;
        margin-bottom: 0;
    }

        .result-list h4:hover {
            color: #333 !important;
        }

        .result-list h4 .fa {
            letter-spacing: 0em;
        }

    .result-list a {
        text-decoration: none;
    }

    .result-list .availability {
        margin-top: 0;
    }

        .result-list .availability p.voucher {
            color: #bf0505;
        }

    .result-list.result-focus {
        box-shadow: 0 0 3px 1px rgba(227, 92, 69, 0.8);
        padding: 5px;
    }

    .result-list .total {
        font-size: 1.8em;
    }

.strike {
    font-size: 1em !important;
}

.result-list .total span {
    text-decoration: line-through;
    font-size: .5em;
    display: block;
    padding-right: 8px;
    font-weight: normal;
}

.result-list .availability-non, .result-list[data-avl="0"] .hotel-rate, .result-list[data-avl="0"] .availability {
    display: none;
}

.result-list .availability-non, .result-list[data-avl="0"] .hotel-rate, .result-list[data-avl="0"] .availability, .book-on-request {
    display: none;
}

.result-list[data-avl="0"] .availability-non {
    position: absolute;
    display: block;
    width: auto;
    font-size: 12px;
    color: #ff0000;
    font-weight: 600;
}

.result-list[data-bt="2"] .availability-non {
    position: absolute;
    display: none;
}

.result-list[data-bt="2"] .hotel-rate {
    display: block;
}

    .result-list[data-bt="2"] .hotel-rate .book-now {
        display: none;
    }

    .result-list[data-bt="2"] .hotel-rate .book-on-request {
        display: block;
    }

.hotel-text h4 {
    padding: 5px 0;
    margin-bottom: 0;
}

.hotel-text .h4 {
    padding: 5px 0;
    margin-bottom: 0;
    font-size: 22px;
}

.hotel-text h4 a {
    color: #8a8894;
}

.hotel-text .h4 a {
    color: #8a8894;
}

.hotel-text h4 a:hover {
    color: #333;
}

.hotel-text .h4 a:hover {
    color: #333;
}

.check-room-input {
    margin-top: 4px;
}

.room-condition div {
    margin-bottom: 3px;
}

.room-condition span {
    color: #8a8894;
    font-weight: 600;
    font-size: 12px;
}

    .room-condition span.text-link {
        color: #398BCC !important;
    }

    .room-condition span.text-success {
        color: #08A54F !important;
    }

.room-condition p {
    padding-top: 10px;
}

.room-condition .breakfast {
    color: #808080;
}

.room-condition a, .room-list-price a, .enhc-room-extra .voucher-tooltip {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    float: right;
    color: #8a8894;
    line-height: 14px;
    border: 1px solid #8a8894;
    font-size: 10px;
    margin-top: 4px;
}


.room-condition span.doo, .room-list-price a, .enhc-room-extra .voucher-tooltip {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    float: right;
    color: #8a8894;
    line-height: 14px;
    border: 1px solid #8a8894;
    font-size: 10px;
    margin-top: 4px;
}







.enhc-room-extra h5 {
    font-size: 14px !important;
    margin-top: 5px;
}

.vnu-de-lin {
    background: #8a8894 !important;
    padding: 0;
    color: #ffffff;
}

    .vnu-de-lin .ex {
        display: inline-block;
        color: #ffffff;
        margin: 0 10px;
    }

    .vnu-de-lin span {
        display: inline-block;
        font-size: 1.4em;
        margin: 0 10px;
    }

    .vnu-de-lin h3 {
        display: inline-block;
        color: #ffffff;
        margin: 0 10px;
    }

    .vnu-de-lin ul {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .vnu-de-lin ul li {
            list-style: none;
            padding: 0;
            margin: 0;
            display: inline-block;
            font-size: 14px;
        }

            .vnu-de-lin ul li a {
                display: block;
                padding: 5px 30px 5px 0;
                color: rgba(255, 255, 255, 0.5) !important;
                border: 0;
                text-decoration: none;
                margin: 0;
            }

                .vnu-de-lin ul li a:hover, .vnu-de-lin ul li a:focus, .vnu-de-lin ul li a:active, .vnu-de-lin ul li a.active {
                    color: #ffffff !important;
                }

    .vnu-de-lin .btn-primary, .vnu-de-lin .btn-primary:hover, .vnu-de-lin .btn-primary:focus, .vnu-de-lin .btn-primary:active {
        color: #ffffff;
        font-weight: 600;
        font-size: 12px;
    }

.breadcrumb {
    background: #ffffff;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #f2f2f2;
    font-size: 12px;
    margin-bottom: 10px;
    clear: both;
    margin-top: 8px !important;
}

#enhance-stay .nav-tabs {
    border: 0 none;
}

    #enhance-stay .nav-tabs > li > a {
        padding: 0 10px 0 0;
        border: 0 none;
        color: #777;
    }

        #enhance-stay .nav-tabs > li > a:hover {
            background: none;
        }

    #enhance-stay .nav-tabs > li.active > a, #enhance-stay .nav-tabs > li.active > a:focus, #enhance-stay .nav-tabs > li.active > a:hover {
        color: #C91826;
        background: none;
    }

#enhance-stay .btn-primary:focus {
    color: #ffffff;
    text-shadow: none;
}

.success-text {
    color: green !important;
}

.bg-light-grey {
    background-color: #ffffff;
}

    .bg-light-grey h3 {
        font-size: 20px;
    }

.room-sec {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

    .room-sec > .row {
        margin: 0;
    }

    .room-sec p, .room-sec div {
        font-size: 14px;
    }

    .room-sec p {
        margin-bottom: 5px;
        word-wrap: break-word;
        text-overflow: ellipsis;
        min-width: 10px;
        overflow: hidden;
    }

    .room-sec:first-child {
        border-top: 1px solid #eee;
    }

.control {
    position: relative;
    display: block;
    padding-left: 22px;
    margin-bottom: 6px;
    cursor: pointer;
    font-size: 18px;
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    background: #cacaca;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator {
    background: #ccc;
}

.control input:checked ~ .control__indicator {
    background: #8a8894;
}

.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator {
    background: #8a8894;
}

.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
    left: 5px;
    top: 5px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

#map-section {
    position: relative;
}

    #map-section .contact-map-marker {
        height: 441px;
        position: absolute;
        width: 720px;
        left: 0px;
        top: -2px;
        z-index: auto;
    }

    #map-section .address-box {
        background: #F4F4F4;
        border: 1px solid #A3A2A2;
        height: auto;
        padding: 20px;
        margin-top: 10px;
    }

        #map-section .address-box h3 {
            background: url(/content/images/marker-1.png) no-repeat 0 0;
            background-size: 20px auto;
            padding-left: 30px;
            line-height: 30px;
            margin-bottom: 5px;
        }

        #map-section .address-box span.conatct-tel {
            background: url(/content/images/contact_icon.png) no-repeat;
            padding-left: 35px;
            display: inline-block;
            margin: 0;
            line-height: 28px;
        }

        #map-section .address-box span.conatct-mail {
            background: url(/content/images/contact_icon.png) no-repeat 0 bottom;
            text-decoration: underline;
            padding-left: 34px;
        }

    #map-section #marker1 {
        background: url(/content/images/marker-1.png) no-repeat 0 5px;
        height: 50px;
        left: 327px;
        top: 78px;
        position: absolute;
    }

    #map-section .marker-bubble {
        background: url(/content/images/contact_bubble.png) no-repeat;
        height: 60px;
        position: absolute;
        width: 111px;
        color: #ffffff;
        line-height: 55px;
        text-align: center;
        text-transform: capitalize;
        font-size: 1.1em;
        z-index: 2;
    }

    #map-section .marker-name {
        background: url(/content/images/marker-3.png) no-repeat 0 5px;
        height: 35px;
        position: absolute;
        width: 35px;
        cursor: pointer;
    }

.h-partner {
    background: #ffffff;
    padding: 15px 0;
}

    .h-partner .breadcrumb {
        padding-top: 0;
    }

#mapview header {
    display: none;
}

    #mapview header div.container {
        width: 100%;
    }

        #mapview header div.container .navbar-header {
            padding-left: 15px;
        }

#mapview footer {
    display: none;
}

#mapview #HotelMapLocation {
    display: block !important;
    width: 50% !important;
    position: fixed !important;
    padding: 0 0 0 10px;
    float: right;
    right: 0;
    height: 100%;
    margin-top: 0;
}

    #mapview #HotelMapLocation .modal-header {
        padding-bottom: 8px;
        display: none;
    }

    #mapview #HotelMapLocation .modal-dialog {
        margin: 0;
        width: 100%;
        height: 100%;
    }

    #mapview #HotelMapLocation .modal-content {
        box-shadow: none;
        border: 0;
        background: #FFF;
        border-radius: 0;
        width: 100%;
        height: 100%;
    }

    #mapview #HotelMapLocation .modal-body {
        padding: 0;
    }

#mapview .deskRow {
    position: absolute;
    width: 50%;
    left: 0;
}

#mapview .hotel-result-column {
    width: 100%;
}

    #mapview .hotel-result-column.pad-L5 {
        padding: 0 15PX;
    }

#mapview .result-discription {
    width: 100%;
}

#mapview .modify-bg div.container, #mapview .inner-container div.container {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

#mapview .modal-body {
    height: 100%;
    padding-right: 0;
}

    #mapview .modal-body > .col-lg-12 {
        height: 100%;
        margin-bottom: 20px;
        margin-top: -10px;
        margin-left: -10px;
        margin-right: -10px;
        padding: 0;
    }

#mapview .navbar-collapse#bs-example-navbar-collapse-3 {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

#mapview .hide-mapview {
    display: none;
}

#mapview .show-mapview {
    display: block;
}

#mapview #map_canvas {
    margin: 0 0 5px !important;
}

#mapview .result-list {
    padding: 0;
}

#mapview .sort-by {
    padding: 0;
}

#mapview .result-list.meeting-spaces .row.bg {
    padding-bottom: 10px;
}

#mapview .narrow-search, #mapview .boFacilities {
    display: none;
}

.meeting-spaces h6 a, .meeting-heading a {
    color: #8a8894;
}


.boFacilities a {
    color: #8a8894;
    display: block;
}

#HotelMapLocation {
    display: none;
}

.show-mapview {
    display: none !important;
}

.devider-1 {
    float: left;
    padding-top: 15px;
    width: 100%;
}

    .devider-1 .line {
        margin: 0;
        padding: 10px 0;
        border-bottom: 1px solid #ddd !important;
    }

    .devider-1 ul li {
        padding: 0 0 10px 24px !important;
        margin-right: 18px;
        list-style: none;
        float: left;
        background: url(/content/images/tick-2.jpg) 0 3px no-repeat;
        color: #8a8894;
    }

        .devider-1 ul li i {
            padding: 0 20px 0 0;
        }

#modalRoomSelect .container {
    max-width: 600px;
}

#modalRoomSelect .modal-header {
    border: 0;
}

#modalRoomSelect .input-group .form-control {
    text-align: center;
    background: #FFF;
    border: 1px solid #ccc !important;
}

#modalRoomSelect .room {
    padding-bottom: 25px;
    margin-left: 0;
    max-width: 100%;
}

.cross-1 {
    float: right;
}

#modalRoomSelect .room h4 {
    color: #6d6e71;
    font-size: 14px;
    margin: 8px 0;
}

#modalRoomSelect .room .fa-remove {
    padding-top: 0;
}

#modalRoomSelect .btn-info, #modalRoomSelect .btn-success {
    padding: 5px;
}

#modalRoomSelect .btn .fa-remove {
    color: #ff0000;
    font-size: 1.3em;
}

#modalRoomSelect .close {
    opacity: .7;
    color: #4a4a4a;
}

    #modalRoomSelect .close:hover {
        opacity: 1;
    }

#modalRoomSelect input.num {
    border-color: #ccc;
}

.manage-bkg .mange-comn {
    background: #ffffff;
    margin-top: 15px;
    padding: 15px;
}

.manage-bkg h3, .manage-bkg h4 {
    font-size: 20px;
}

.manage-bkg .h-list {
    background: #ffffff;
    margin-top: 15px;
    padding: 15px;
    padding: 15px 0;
}

    .manage-bkg .h-list h2 {
        font-size: 20px;
    }

    .manage-bkg .h-list .nights {
        box-shadow: 0px 3px 7px #B2B9CE;
        color: #6d6e71;
        padding: 10px;
        font-weight: 600;
    }

    .manage-bkg .h-list .dates h5 span {
        font-size: 14px;
        font-weight: 600;
    }

    .manage-bkg .h-list .dates h5 small {
        font-size: 12px;
    }

.manage-bkg .total {
    background: #ffffff;
    margin-top: 15px;
    padding: 15px;
}

.manage-bkg .user {
    background: #ffffff;
    margin-top: 15px;
    padding: 15px;
}

.manage-bkg .room {
    background: #ffffff;
    margin-top: 15px;
    padding: 15px;
}

.account {
    background: #eeeeee !important;
}

    .account header .navbar-default {
        padding: 5px 0;
    }

    .account h1, .account h2, .account h3 {
        font-size: 20px;
        color: #4a4a4a;
        margin-top: 20px;
    }

    .account .small {
        font-size: 12px;
    }

    .account .page-header {
        font-size: 20px;
        margin-top: 0;
        background: #ffffff;
        border: 0;
        padding: 15px;
        margin: 0;
    }

        .account .page-header .panel-heading {
            font-size: 20px;
        }

    .account .panel-title {
        font-size: 20px;
        color: #4a4a4a;
    }

    .account .huge {
        font-size: 24px;
        line-height: normal;
        color: #3b1261;
    }

    .account .panel-footer {
        background: #ffffff;
    }

    .account .panel {
        margin-bottom: 15px;
    }

    .account .navbar-collapse .dropdown-menu > li > a:focus, .account .navbar-collapse .dropdown-menu > li > a:hover {
        background: #3b1261 !important;
        color: #ffffff !important;
    }

    .account .room-pad-r-7 {
        padding-right: 7px;
    }

.reservationno {
    color: #8a8894;
    font-weight: 500 !important;
    font-size: 20px !important;
}

.nav-tabs {
    border-bottom: 0;
}

.hotel-slider-pad {
    padding: 15px;
}

    .hotel-slider-pad h3 {
        margin: 0 0 5px 0;
    }

    .hotel-slider-pad .h3 {
        margin: 0 0 5px 0;
    }

    .hotel-slider-pad h3 a {
        font-size: 20px;
        letter-spacing: 1px;
        /*height: 46px;*/
        margin: 0 0 5px 0;
        text-transform: uppercase;
        display: block;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        color: #8a8894;
    }


    .hotel-slider-pad .h3 a {
        font-size: 20px;
        letter-spacing: 1px;
        /*height: 46px;*/
        margin: 0 0 5px 0;
        text-transform: uppercase;
        display: block;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        color: #8a8894;
    }

    .hotel-slider-pad h3 a:hover {
        color: #333;
    }

.hotel-slider .img-responsive {
    width: 100%;
}

.hotel-slider-pad .address {
    font-size: 14px;
    height: 20px;
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.hotel-slider-pad .price-list .rate {
    color: #692581;
    font-size: 38px;
}

.hotel-slider-pad .reserver-now {
    display: block;
    clear: both;
    padding: 6px 12px;
}

    .hotel-slider-pad .reserver-now:hover {
    }

.hotel-slider-pad .key-feat {
    margin-top: 15px;
}

    .hotel-slider-pad .key-feat p {
        color: #3b1261;
        font-weight: normal;
    }

        .hotel-slider-pad .key-feat p img {
            vertical-align: baseline;
            margin-right: 6px;
        }

.latest-offers {
    color: #6d6e71;
    font-size: 14px;
    margin: 10px auto;
}

    .latest-offers span {
        border-top: 1px solid #b8b8b8;
        border-bottom: 1px solid #b8b8b8;
        display: inline !important;
        padding: 5px 0;
    }

        .latest-offers span a {
            color: #6d6e71;
        }

.term-page {
    text-align: justify;
}

    .term-page ul {
        padding: 15px 0;
        margin: 0;
    }

        .term-page ul li {
            list-style: inside;
            padding-bottom: 5px;
        }

.evnt-srch .evt-smry {
    font-size: 13px;
}

.evnt-srch .list {
    display: flex;
    padding-bottom: 5px;
}

    .evnt-srch .list > div {
        -webkit-flex: 1;
        /* Safari 6.1+ */
        -ms-flex: 1;
        /* IE 10 */
        flex: 1;
        font-size: 13px;
    }

.custommarker {
    position: absolute;
    background: #333;
    color: #fff;
    width: 100px;
    cursor: pointer;
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.5);
    border: solid 1px #333;
    border-radius: 3px;
    height: 40px !important;
    opacity: .98;
    margin-left: -30px;
    margin-top: -70px;
    font-weight: 600;
    font-size: 1em;
}

    .custommarker.active {
        background-color: #8a8894;
        border: solid 2px #8a8894;
    }

        .custommarker.active:after {
            border-top-color: #8a8894;
        }

    .custommarker:after {
        top: 90%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(213, 36, 36, 0);
        border-top-color: #333;
        border-width: 15px;
        margin-left: -15px;
    }

    .custommarker .mk-container {
        position: relative;
    }

        .custommarker .mk-container .mk-label {
            text-align: center;
            padding: 0 3px 2px 0;
        }

    .custommarker .mk-rating {
        display: block;
        position: relative;
        height: 18px;
        color: #FCC82B;
        padding: 4px 2px 4px 2px;
    }

.clr-green {
    color: #08a54f;
}

.clr-red {
    color: #ff0000;
}

.clr-black {
    color: #000 !important;
}

.star {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 65px;
    height: 15px;
    background: url(/content/images/star-all.png) 0 0 no-repeat;
    margin-top: 0;
    vertical-align: middle;
}

    .star.s-5 {
        background-position: 0 0;
    }

    .star.s-4 {
        background-position: 0 -15px;
    }

    .star.s-3 {
        background-position: 0 -30px;
    }

    .star.s-2 {
        background-position: 0 -45px;
    }

    .star.s-1 {
        background-position: 0 -60px;
    }

    .star.s-0 {
        display: none;
    }

.table-responsive.vnu-de td h4 {
    padding: 0 !important;
    margin: 0;
}

.login-help a {
    width: 100% !important;
    display: block;
    border: 1px solid #8a8894;
    background: transparent;
    border-radius: 0;
    transition: all .45s;
    color: #8a8894;
}

    .login-help a:hover {
        background: #8a8894;
        color: #fff;
    }

.login-help p {
    border-bottom: 1px solid #ddd;
    text-align: center;
    position: relative;
    margin-top: 30px;
}

    .login-help p span {
        background: #f4f4f4;
        display: inline-block;
        position: absolute;
        top: -9px;
        width: 60%;
        left: 20%;
    }

.page-banner {
    position: relative;
}

    .page-banner .title {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 45%;
    }

        .page-banner .title h1 {
            color: #ffffff;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: normal;
            text-align: center;
            background: transparent;
            padding: 0 30px;
            font-size: 30px;
            text-shadow: 0 3px 3px #000;
        }

        .page-banner .title p {
            font-size: 16px;
            text-transform: none;
            font-weight: 200;
            color: #fff;
            letter-spacing: 1px;
            margin: 10px 0 0 0;
            display: block;
            text-shadow: 0 3px 3px #000;
        }

.confirmation {
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 700px;
}

    .confirmation .list-img {
        margin-bottom: 20px;
    }

.button {
    color: #8a8894 !important;
    padding: 10px;
    font-size: 16px;
    border-radius: 4px;
    line-height: 24px;
    height: auto;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.t-price-h {
    color: #8a8894;
}

.apply {
    position: absolute;
    right: 16px;
    top: 1px;
    border: 0;
    padding: 0 4px;
    margin: 0;
    font-size: 12px;
    line-height: 32px;
    color: #4f91cc;
    width: auto;
    background: white;
    text-transform: uppercase;
    padding-left: 4px;
    box-shadow: none;
    height: auto;
    border-radius: 3px;
    min-height: 27px;
}

    .apply:hover {
        background: #fff;
    }

.room-select {
    display: inline-block;
    padding: 0;
}

    .room-select label {
        display: block;
        color: #8a8894 !important;
        margin-bottom: 0;
        font-weight: 600;
    }

.extra-date {
    padding: 4px 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
}

    .extra-date:last-child {
        border-bottom: 0 !important;
    }

.text-danger {
    color: #ff0000;
}

#filter-panel #selection-list li.selected::before {
    color: #08a54f !important;
}

#discoverghs {
    width: 100%;
    float: left;
}

.city-bg {
    background: #6d6e71;
    padding: 20px;
}

    .city-bg .banner-form {
        background: rgba(0, 0, 0, 0);
    }

.hotel-city .inspire-box.city-bg {
    background: none;
}

.hotel-city-img {
    position: relative;
}

    .hotel-city-img::after {
        content: '';
        background: #000;
        position: absolute;
        display: flex;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: 0.2;
    }

.account header .navbar-nav > li > a, .account header .navbar-inverse .navbar-nav > li > a {
    padding: 7px 10px;
}

#loader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    align-items: center;
    align-content: center;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
    vertical-align: middle;
    z-index: 1100;
}

    #loader img {
        position: relative;
        top: 10%;
    }

.taxCal ul, .taxCal li {
    list-style: none;
}

.taxCal li {
    display: inline-block;
    padding: 0 2px 0;
    margin: 0;
    font-size: 10px;
}

.show-error {
    font-size: 12px;
    color: #D40101;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}

.hide-error {
    display: none;
}

.aboutSec {
    box-sizing: border-box;
    width: 100%;
    padding: 100px 0;
    background: #f4f4f4;
}

    .aboutSec .row > div {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .aboutSec h1 {
        font-size: 39px;
        letter-spacing: -1px;
        margin-bottom: 39px;
        color: #8a8894;
    }

    .aboutSec h3 {
        color: #8a8894;
    }

    .aboutSec p {
        font-size: 16px;
        color: #8a8894;
    }

    .aboutSec .btn-primary {
        background: transparent;
    }

        .aboutSec .btn-primary:hover {
            background: #8a8894;
        }

.d-flex {
    display: flex;
}

.flex {
    flex: 1;
}

.height_100 {
    height: 100%;
}

.aboutSec .img1, .aboutSec .img2 {
    z-index: 1;
    position: absolute;
    width: 65%;
}

.aboutSec .img1 {
    bottom: 0;
}

    .aboutSec .img1:after {
        position: absolute;
        content: '';
        border: 15px solid #8a8894;
        height: 100%;
        width: 100%;
        left: 8%;
        bottom: 8%;
        opacity: .9;
    }

.aboutSec .img2 {
    bottom: 30%;
    left: 30%;
}

    .aboutSec .img1 img, .aboutSec .img2 img {
        width: 100%;
    }


.homeSlider {
    position: relative;
}

    .homeSlider .search-sec {
        position: absolute;
        bottom: 50px;
        width: 100%;
    }

.carousel-inner, .carousel-inner .item, #myCarousel {
    height: 100%;
}

.carousel, .item, .active {
}

.search-sec .nav-tabs > li > a {
    color: rgb(255,255,255);
    border: 0;
    margin: 0;
    font-size: 16px;
    padding: 6px 15px 6px 30px;
    border-radius: 0;
    background: none;
    position: relative;
    opacity: .6;
}

.search-sec .nav-tabs > li.active > a {
    width: auto !important;
}

    .search-sec .nav-tabs > li.active > a, .search-sec .nav-tabs > li.active > a:focus, .search-sec .nav-tabs > li.active > a:hover {
        color: #fff;
        cursor: default;
        border: 0 none;
        padding: 6px 15px 6px 30px;
        background: none;
    }

.search-sec .nav-tabs > li.active > a {
    opacity: 1;
}


.search-sec .nav-tabs > li > a:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
    left: 0;
}

.search-sec .nav-tabs > li.active > a:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #8a8894;
    left: 5px;
    top: 11px;
    border-radius: 50%;
}

.search-sec .nav-tabs > li > a:hover {
    color: #fff;
}

#modifytop .search-sec .location, #modifytop .banner-form select {
    height: 40px;
    background: url(../images/drop-down-arrow.png) no-repeat calc(100% - 20px) calc(100% - 14px) #fff !important;
    color: #8a8894;
}

#modifytop .search-sec .date {
    height: 40px;
}

#modifytop .search-sec .dateSec:before {
    top: 5px;
}

#modifytop .search-sec .roomAdd {
    padding: 10px 20px 10px 51px !important;
    height: 40px;
}

#modifytop .search-sec input.rateAccess {
    height: 40px;
    padding: 8px 10px !important;
}

#modifytop .rateAccess-tool i.rateAccess-show {
    top: 10px;
}

#modifytop .search-sec .searchBtn {
    height: 40px;
    padding: 12px;
    background: #333;
}

#homeSliderText .item:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
}

#homeSliderText .item.padel:before {
    display: none;
    background: transparent !important;
}

/*#homeSliderText .item:nth-child(3):before { display:none;}*/


.carousel-caption {
    text-shadow: none;
}

.ui-datepicker .ui-widget-header {
    border: 0;
    background: #fff;
    font-weight: normal;
}

.ui-datepicker .ui-widget-content {
    border: 0 !important;
    font-weight: normal !important;
}

.ui-widget-header {
    color: #9d7a39 !important;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        text-align: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        line-height: 21px;
    }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        background: #1018a2 !important;
    }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        background: #222 !important;
    }

.ui-widget-content {
    border: 0 !important;
    box-shadow: 3px 6px 15px rgba(0,0,0,.1) !important;
}

.ui-datepicker td {
    border: 0 !important;
}

    .ui-datepicker td a {
        padding: .4em !important;
    }

.ui-datepicker th {
    border: 0 !important;
}

.ui-datepicker table {
    font-size: .8em !important;
}

.ui-widget {
    font-size: 1em !important;
}

.mr-b-2 {
    margin-bottom: 2px;
}

div[ng-switch="datepickerMode"] .btn-info.active, div[ng-switch="datepickerMode"] .btn-info.focus, div[ng-switch="datepickerMode"] .btn-info:active, div[ng-switch="datepickerMode"] .btn-info:focus, div[ng-switch="datepickerMode"] .btn-info:hover, div[ng-switch="datepickerMode"] .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #495653;
    border-color: #495653;
}

div[ng-switch="datepickerMode"] .btn-default {
    color: #fff !important;
    background-color: #8a8894;
    border-color: transparent;
    box-shadow: none !important;
}

div[ng-switch="datepickerMode"] .btn.active, div[ng-switch="datepickerMode"] .btn:active {
    box-shadow: none !important;
    display: block;
}

div[ng-switch="datepickerMode"] .text-info {
    color: #8a8894;
}

    div[ng-switch="datepickerMode"] .text-info:hover {
        color: #fff !important;
        font-weight: bold;
        background: #8a8894;
    }

div[ng-switch="datepickerMode"] .btn-default:hover {
    background-color: #8a8894 !important;
    border-color: transparent;
    box-shadow: none !important;
    color: #fff !important;
}

div[ng-switch="datepickerMode"] .text-muted {
    display: none;
}

div[ng-switch="datepickerMode"] .btn-group-sm > .btn, div[ng-switch="datepickerMode"] .btn-sm {
    padding: 3px 7px;
    color: #8a8894 !important;
}

    div[ng-switch="datepickerMode"] .btn-group-sm > .btn, div[ng-switch="datepickerMode"] .btn-sm:hover {
        padding: 3px 7px;
        color: #333 !important;
    }

*:focus {
    outline: 0 !important;
}

select {
    background-size: 30px 30px;
    background-position: 100% 50% !important;
    background-repeat: no-repeat !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    padding-right: 30px;
    background: url(../images/angle-down.png) #fff no-repeat scroll 98% center !important;
}

.ui-datepicker td a {
    padding: .4em !important;
}

.dateSec {
    min-width: 290px;
    box-sizing: border-box;
    position: relative;
}

    .dateSec input {
        float: left;
    }

.search-sec .date {
    background: url(../images/dateIcon.png) no-repeat #fff 6px;
    padding-left: 40px !important;
    width: 50%;
    box-sizing: border-box;
    height: 57px;
    color: #8a8894;
    padding-top: 12px;
    font-size: 13px;
}

.search-sec input, .search-sec select, .search-sec textarea, .roomAdd {
    border: 1px solid #eae5db !important;
}

    .search-sec input, .search-sec select, .search-sec textarea, .roomAdd:focus {
        outline: none !important;
        outline: 0 !important;
    }

.search-sec .date.checkOut {
    /*padding-left: 16px !important;
    background-image: none !important;*/
    width: 50%;
    position: relative;
}

.search-sec .dateSec:before {
    content: '';
    position: absolute;
    left: calc(55% - 15px);
    width: 30px;
    height: 30px;
    background: url(../images/DateArrowIcon.png) no-repeat;
    z-index: 2;
    top: 15px;
}

.search-sec .location {
    background: url(../images/drop-down-arrow.png) no-repeat calc(100% - 25px) calc(100% - 24px) #fff !important;
    box-sizing: border-box;
    padding-left: 20px !important;
    min-width: 285px;
    color: #8a8894;
}


_:-ms-fullscreen, :root .search-sec .location {
    min-width: auto;
}



.pad-R0 {
    padding-right: 0;
}

.pad-L0 {
    padding-left: 0;
}

.search-sec input.rateAccess {
    background: #fff;
    box-sizing: border-box;
    min-width: 170px;
}

.roomAdd {
    background: url(../images/UserIcon.png) no-repeat 20px #fff !important;
    padding: 20px 20px 20px 45px !important;
    font-style: normal;
    border-radius: 0 !important;
    color: #8a8894;
    box-sizing: border-box;
    min-width: 190px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-height: 57px;
    background-size: 20px 20px !important;
}

    .roomAdd:hover, .roomAdd:focus, .roomAdd:active {
        color: #333;
        text-decoration: none;
    }

.top-section {
    display: flex;
    box-shadow: 0 0.12rem 0.25rem 0 rgba(0,0,0,0.1), 0 0.18rem 0.31rem 0 rgba(0,0,0,0.1);
    flex-wrap: wrap;
}

    .top-section > div {
        flex: 1;
    }

.childNumber {
    left: 60px;
    top: 36px;
    font-size: 12px;
    position: absolute;
}

.modify-form .childNumber {
    left: 60px;
    top: 30px;
    font-size: 12px;
    position: absolute;
}

.search-sec .searchBtn {
    background: #8a8894;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: normal;
    padding: 20px;
    border: 0;
    width: 100%;
    text-transform: uppercase;
    line-height: 18px;
    max-height: 57px;
    transition: all .4s;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}

    .search-sec .searchBtn:hover {
        background: #333;
    }

.pad-0 {
    padding: 0;
}

.top-section input {
    text-overflow: ellipsis;
    padding: 18px 10px !important;
    background-color: #fff !important;
    border-radius: 0;
    line-height: 22px;
    max-height: 57px;
    height: 100%;
}

#homeSliderText .carousel-indicators {
    top: 50%;
    left: calc(100% - 60px);
    margin: -75px 0 0 0;
    width: 50px;
    list-style-type: none;
    z-index: 15;
}

    #homeSliderText .carousel-indicators li {
        display: block;
        margin: 0 0 20px;
        text-indent: 0;
        width: auto;
        height: auto;
        color: #fff;
        background: none;
        border: 0;
        position: relative;
    }

        #homeSliderText .carousel-indicators li.active {
            color: #8a8894;
        }

            #homeSliderText .carousel-indicators li.active::before {
                content: '';
                width: 30px;
                height: 2px;
                left: -20px;
                top: 50%;
                position: absolute;
                background: #8a8894;
                animation: animateThis .5s ease-in;
                -webkit-animation: animateThis .5s ease-in;
                -webkit-animation-fill-mode: none;
            }

.carousel-indicators {
    z-index: auto;
}

@-webkit-keyframes animateThis {
    0% {
        width: 0;
    }

    100% {
        width: 30px;
    }
}


.mntag {
    font-weight: 600;
    margin: 0 0 15px 0;
    padding: 0;
    text-transform: uppercase;
}

.mntag1 {
    font-weight: 600;
    margin: 0 0 15px 0;
    padding: 0;
    text-transform: uppercase;
}


.hotel {
    height: 600px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    background-size: cover;
    display: flex;
    transition: all .4s;
    margin-bottom: 20px;
}

    .hotel .content {
        position: relative;
        width: 100%;
        text-align: center;
        left: 0;
        height: 100%;
        vertical-align: middle;
        box-sizing: border-box;
        padding: 15px;
        color: #fff;
        flex: 1;
        transition: all .4s;
    }

        .hotel .content:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            background: #8a8894;
            right: 0;
            bottom: 0;
            z-index: 1;
            display: none;
            opacity: .96;
        }

        .hotel .content:after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            opacity: .96;
            border: 10px solid #fff;
        }

    .hotel:hover .content:before {
        display: block;
    }

    .hotel .content .mntag, .hotel .content .mntag1, .hotel .content p, .hotel .content span {
        position: relative;
        z-index: 2;
    }

    .hotel .content .mntag {
        font-size: 32px;
        color: #fff;
        padding-bottom: 25px;
        margin-top: 50%;
        transition: all .2s;
    }

    .hotel:hover .content .mntag {
        margin-top: 30%;
    }

    .hotel .content .btn {
        box-sizing: border-box;
        font-size: 16px;
        color: #9d7a39;
        border: 2px solid #9d7a39;
        display: inline-block;
        text-decoration: none;
        transition: all .4s;
        border-radius: 4px;
        display: none;
    }

    .hotel .content .mntag1, .hotel .content p {
        display: none;
    }

    .hotel:hover .content .mntag1, .hotel:hover .content p {
        display: block;
    }

    .hotel:hover .content .mntag1 {
        font-style: italic;
        text-transform: none;
    }

    .hotel:hover .content .btn, .hotel.active .content .btn {
        background: transparent;
        color: #fff;
        border-color: #fff;
        display: inline-block;
        border-radius: 0;
    }

    .hotel a {
        background-size: cover;
        border: 2px solid #8a8894;
        background-position: center center;
    }

.one > a {
    background-image: url(../images/Hotel1.JPEG);
}

.two > a {
    background-image: url(../images/Hotel2.JPEG);
}

.three > a {
    background-image: url('../images/Hotel3.JPEG');
}

.hotel:hover:before {
    opacity: .9;
    filter: none;
    background: #8a8894;
}

.newsletterSec {
    display: flex;
    clear: both;
    background: #f4f4f4;
    overflow: hidden;
    margin: 0;
}

.newsletterContent {
    flex: 1;
    padding: 0;
    min-width: 320px;
}

.newsletterImg {
    padding: 0;
    background: url(../images/JoinNewsletterImg.JPEG) 0 0 no-repeat;
    background-size: cover;
    min-height: 580px;
}

    .newsletterImg .img-responsive {
        width: 100%;
    }

.joinNewsletter {
    position: absolute;
    left: -20%;
    background: #fff;
    padding: 60px;
    width: 100%;
    box-sizing: border-box;
    top: 20%;
    border-radius: 0;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(0,0,0,.1), 0 0.1875rem 0.3125rem 0 rgba(0,0,0,.1);
}

    .joinNewsletter p {
        color: #8a8894;
        font-size: 18px;
    }

    .joinNewsletter h4 {
        font-size: 32px;
        margin-top: 10px;
        color: #8a8894;
    }

    .joinNewsletter .hr {
        width: 60px;
        display: inline-block;
        height: 2px;
        background: #8a8894;
    }

.inputNewsletter {
    margin-bottom: 0;
}

    .inputNewsletter input[type="text"] {
        flex: 1;
        padding: 10px !important;
        height: auto !important;
        border-color: #eee;
        border: 1px solid #8a8894;
        border-radius: 0;
    }

.signUp.btn-primary {
    padding: 10px;
    background: #8a8894;
    color: #fff;
}

    .signUp.btn-primary:hover, .signUp.btn-primary:active, .signUp.btn-primary:focus {
        background: #333 !important;
        border-color: #333 !important;
    }

.newlettererrormsg {
    font-size: 16px;
}

.popover {
    text-align: left !important;
    max-width: 400px;
    min-width: 300px;
    padding: 5px;
    background: #000;
    color: #fff;
    font-size: 12px !important;
}

    .popover.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #000;
        border-bottom-width: 0;
    }

.popover-content {
    font-size: 12px !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default.home-nav .navbar-nav > li.nav-item.active > a {
    font-weight: bold;
}

.boFeatures {
    background: no-repeat #f4f4f4;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 140px;
    background-attachment: fixed;
    margin: 0;
}

.boFeaturesSec {
    background: #f4f4f4;
    padding: 0 60px 60px 60px;
    box-sizing: border-box;
    box-shadow: 2px 10rem 14rem 10rem rgba(0,0,0,.1), 0 0.1875rem 0.3125rem 0 rgba(0,0,0,.1);
}

    .boFeaturesSec .col-img {
        padding-top: 60px;
    }

    .boFeaturesSec .img-responsive {
        width: 100%;
    }

.boFeaturesSecImg {
    border: 2px solid #8a8894;
    position: relative;
}

.features-bxs {
    position: relative;
    height: 620px;
}

.boFeaturesSecImg {
    position: absolute;
    bottom: 0px;
}

.boFeaturesSec .boFeaturesSecImg::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 10px solid #f4f4f4;
}

.boFeaturesSec h3 {
    margin: 30px 0 60px 0;
    text-transform: uppercase;
    position: relative;
    color: #8a8894;
}

.boFeaturesSec p {
    color: #8a8894;
    line-height: 24px;
    padding-bottom: 0px;
}

.boFeaturesSec h3:after {
    content: '';
    width: 60px;
    height: 2px;
    background: #8a8894;
    bottom: -15px;
    position: absolute;
    left: 0;
}

.boFeaturesSec .featur {
    margin: 30px 0 60px 0;
    text-transform: uppercase;
    position: relative;
    color: #8a8894;
    line-height: 23px;
}

    .boFeaturesSec .featur:after {
        content: '';
        width: 60px;
        height: 2px;
        background: #8a8894;
        bottom: -15px;
        position: absolute;
        left: 0;
    }
/*our-hotels-css*/
.our-hotel-dta {
    margin-top: 14rem;
    position: relative;
}

    .our-hotel-dta h1 {
        font-size: 40px;
        text-align: center;
        font-weight: 600;
        color: #fff;
    }

    .our-hotel-dta .h1 {
        font-size: 40px;
        text-align: center;
        font-weight: 600;
        color: #fff;
    }

    .our-hotel-dta .our {
        font-size: 40px;
        text-align: center;
        font-weight: 600;
        color: #fff;
    }

    .our-hotel-dta .abut {
        font-size: 40px;
        text-align: center;
        font-weight: 600;
        color: #fff;
        line-height: 45px;
    }

    .our-hotel-dta h1 b {
        font-size: 60px !important;
        line-height: 120px;
    }

.hotel-center p {
    font-size: 16px;
    text-align: center;
}

.img-center img {
    text-align: center;
    margin: 50px auto 30px auto;
}

.hotl-list {
    padding: 96px 0;
    clear: both;
}

.hotl-list-rt {
    padding: 0;
}

    .hotl-list-rt h2 {
        font-size: 32px;
    }

    .hotl-list-rt span {
        font-size: 16px;
        color: #8a8894;
    }

    .hotl-list-rt p {
        margin-top: 25px;
        font-size: 16px;
        color: #8a8894;
    }

.search-btn .btn-secondary {
    background: #000;
}

.btn-disabled {
    cursor: not-allowed;
    background-color: #777;
    border-color: #ddd;
}

.search-btn .btn-secondary {
    background: #333;
}

.font-siz11 {
    font-size: 11px !important;
}

.font-siz20 {
    font-size: 20px !important;
}

.promo-apply {
    font-size: 11px;
    color: #06a315;
}

.applied-promo {
    background: green;
    color: #fff;
    padding: 0 2px;
}

.remove-code {
    background: white;
    border-radius: 0;
    color: red !important;
}

    .remove-code:hover {
        background: #fff;
    }

.m-room {
    color: #8a8894;
}

.m-room-l {
    font-size: 18px;
    color: #8a8894;
}

.h-name {
    display: block;
    font-size: 16px;
    color: #333;
}

.gray-bg {
    background: #333 !important;
}

.d-none {
    display: none;
}

.tooltip-inner {
    text-align: left !important;
    padding-left: 6% !important;
    max-width: 400px;
    min-width: 300px;
    padding: 17px;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #8a8894;
    color: white;
    cursor: pointer;
    border-radius: 50%;
    font-size: 18px;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    box-shadow: 0 0.12rem 0.25rem 0 rgba(0,0,0,0.1), 0 0.18rem 0.31rem 0 rgba(0,0,0,0.1);
}

.how-get-sp {
    background: #8a8894;
    margin: 40px 16px 0;
    padding: 20px;
    box-sizing: border-box;
}

.where-from {
    font-size: 16px;
    color: #fff;
    line-height: 40px;
}

.how-get label {
    font-size: 15px;
    color: #f4f4f4;
    margin-right: 6px;
}

.how-get button {
    border: 0;
    border-radius: 100%;
    height: 36px;
    width: 36px;
    font-size: 14px;
    margin-left: 5px;
    transition: all .4s;
    color: #f4f4f4;
    background: transparent;
    border: 1px solid #f4f4f4;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    line-height: 34px;
    padding: 0;
}

    .how-get button:hover {
        background: #f4f4f4;
        color: #8a8894;
    }

        .how-get button:hover .fa {
            color: #8a8894;
        }

.enter-loc {
    border: 0;
    border-bottom: 1px solid #f4f4f4;
    width: 100%;
    background: transparent;
    color: #f4f4f4;
    padding: 8px 2px;
}

    .enter-loc::placeholder {
        color: #f4f4f4;
    }

.how-get .selected {
    background: #f4f4f4 !important;
    color: #8a8894 !important;
    transition: all .4s;
}

#getlocation {
    background: #f4f4f4;
    color: #8a8894;
    border: 0;
    margin-top: 8px;
}

    #getlocation:hover, #getlocation:focus, #getlocation:active {
        color: #f4f4f4 !important;
        box-shadow: 0 0 0 rgba(0,0,0,.1);
        border: 0;
        background: #333 !important;
    }

.banner-our-hotel {
    background-image: url(../images/banner2.jpg);
    background-size: cover;
    min-height: 500px;
    position: relative;
    background-position: center;
}

.banner-our-hotel {
    background-image: url(../images/banner2.jpg);
    background-size: cover;
    min-height: 500px;
    position: relative;
    background-position: center;
}



    .banner-our-hotel .our-hotel-dta {
        left: 0;
        top: 30%;
        right: 0;
        bottom: 0;
        position: absolute;
        margin-top: 0;
        padding: 0 20px;
    }

    .banner-our-hotel:before {
        background: rgba(0,0,0,.5);
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: auto;
    }

.stay-creat:before {
    background: rgba(0,0,0,.1) !important;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: auto;
}

.banner-our-hotel .hotel-center p {
    color: #8a8894;
    font-size: 24px;
}

.banner-our-hotel.about {
    background-image: url(../images/about-banner.jpg) !important;
    background-position: top center;
}

.banner-our-hotel.contact {
    background-image: url('../images/banner.JPEG') !important;
}

#modalCurrency a {
    display: block;
}

    #modalCurrency a:hover {
        color: #333 !important;
    }

.book-stay {
    position: fixed;
    right: 0;
    z-index: 100;
    opacity: 0;
    transition: all .4s;
}

    .book-stay a {
        position: relative;
        background: #333333;
        border: 2px solid #333333;
        font-size: 16px;
        padding: 8px 20px;
        color: #fff;
        display: block;
        box-shadow: 4px 4px 10px rgba(0,0,0,.2);
        transition: all .4s;
        text-transform: uppercase;
    }

        .book-stay a:hover {
            background: #333;
            border: 2px solid #333;
            color: #fff;
        }

#book-stay {
    width: 100%;
    margin: 0;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.95);
    z-index: 1800;
    left: 0;
    top: 0;
    transition: all .4s;
    padding: 160px 0 0 0;
}

.book-stay-model {
    display: none;
    margin-top: -500px;
    transition: all .4s;
    opacity: 0;
    animation: bookroom;
    animation-duration: .5s;
}

#modalRoomSelectCommon {
    animation: bookroom;
    animation-duration: .5s;
}

@keyframes bookroom {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.ui-widget {
    font-family: 'Libre Franklin', sans-serif !important;
    font-size: 1.2em;
}

.about-cont {
    margin-top: 50px;
}

    .about-cont p {
        font-size: 16px;
    }

.meetingroom-name > h1 a, .meetingroom-name > h3 a {
    display: block;
    font-size: 16px;
    color: #333;
    margin-top: 5px;
}

.contact-form {
    background: #fff;
    margin-top: -150px;
    position: relative;
    box-shadow: 0px -15px 10px rgba(0,0,0,.1);
}

#contact_us {
    padding: 0;
    box-sizing: border-box;
}

.company-detail {
    background: #8a8894;
    color: #fff;
    padding: 30px;
    box-sizing: border-box;
}

.contact-map {
    padding: 0;
    background: #fff;
}

.connect-us a {
    color: #fff;
}

.about-us .container.bg-white {
    padding-top: 60px;
    padding-bottom: 60px;
}

.bg-light {
    background: #f4f4f4;
}

.t-check-in:focus, .t-check-in:active, .t-check-in:hover, .t-check-out:focus, .t-check-out:active, .t-check-out:hover, .roomAdd:focus, .roomAdd:active, .roomAdd:hover {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px 2px rgba(102, 175, 233, .6);
    box-shadow: inset 0 4px 1px rgba(0, 0, 0, .075), 0 0 8px 2px rgba(102, 175, 233, .5);
}

.swal-button {
    background-color: #8a8894;
}

    .swal-button:hover {
        background: #333 !important;
    }

.tooltip .close {
    display: none;
    background: #000;
    color: #fff;
    position: absolute;
    top: -4px;
    right: -5px;
    opacity: 1;
    width: 20px;
    height: 20px;
    font-size: 12px;
    border-radius: 50%;
}

.popover .close {
    display: none;
    background: #000;
    color: #fff;
    position: absolute;
    top: -4px;
    right: -5px;
    opacity: 1;
    width: 20px;
    height: 20px;
    font-size: 12px;
    border-radius: 50%;
}

.availability-m, .date-avail {
    padding-left: 0;
}

.date-avail {
    padding-right: 0;
}

#paymentSection ._error {
    color: red !important;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 100%;
}

.chck-rel-01, .chck-rel-02 {
    position: relative;
}

.rateAccess-tool {
    position: relative;
}

    .rateAccess-tool i.rateAccess-show {
        position: absolute;
        top: 38%;
        right: 10px;
        border: 1px solid #8a8894;
        padding: 2px;
        border-radius: 50%;
        height: 20px;
        width: 20px;
        text-align: center;
        color: #8a8894;
    }

        .rateAccess-tool i.rateAccess-show:hover {
            color: #333;
        }

.t-date-place-check-in {
    position: absolute;
    top: -2px;
    font-size: 12px;
    color: #c2c0ce;
}

.t-date-place-check-out {
    position: absolute;
    top: -2px;
    font-size: 12px;
    color: #c2c0ce;
}

.search-sec .date {
    background: url(../images/dateIcon.png) no-repeat #fff 6px;
    padding-left: 40px !important;
    width: 50%;
    box-sizing: border-box;
    height: 57px;
    color: #8a8894;
    padding-top: 15px;
    font-size: 12px;
    background-size: 20px 20px !important;
    cursor: pointer;
}

.date-cust .date {
    width: 50% !important;
    background-position: 12px;
}

.date-cust::before {
    display: none;
}

.dateSec.date-cust:before {
    content: 'Start Date';
    position: absolute;
    left: 42px;
    font-size: 12px;
    top: 7px;
    width: auto;
    height: auto;
    display: block;
    background: none;
    color: #c2c0ce;
}

.dateSec.date-cust:after {
    content: 'End Date';
    position: absolute;
    left: calc(50% + 42px);
    font-size: 12px;
    top: 7px;
    color: #c2c0ce;
}

#modifytop .search-sec .dateSec.date-cust:before, #modifytop .search-sec .dateSec.date-cust:after {
    top: 1px;
}

.dates-hover input:hover {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px 2px rgba(102, 175, 233, .6);
    box-shadow: inset 0 4px 1px rgba(0, 0, 0, .075), 0 0 8px 2px rgba(102, 175, 233, .5);
}

.promi-list {
    margin: 0px;
    padding: 0px;
}

    .promi-list li {
        background: url(../images/logo-bullets.png) no-repeat #fff left top;
        margin: 5px 0px 5px 0px;
        padding: 0px 0 1px 30px;
        list-style: none;
        font-size: 16px;
    }

.wid-80 {
    width: 80px;
}

.pad-t30 {
    padding-top: 30px;
}

.mar-top-stay {
    margin-top: 107px;
}

.mar-top-drink {
    margin-top: 58px;
}

.dropbtn {
    background-color: transparent;
    color: #fff;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.our-hotel-nav {
    position: relative;
    display: inline-block;
}

    .our-hotel-nav:hover {
        color: #fff !important;
    }

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 277px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content a {
        color: #8a8894;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        /*#ui-datepicker-div {
    z-index: 700 !important;
}*/

        .dropdown-content a:hover {
            background-color: #8a8894;
            color: #fff !important;
        }

.our-hotel-nav:hover .dropdown-content {
    display: block;
}

.our-hotel-nav:hover .dropbtn {
    background-color: #8a8894 !important;
    color: #fff !important;
}

.our-hotel-nav .active a {
    color: #fff !important;
}

    .our-hotel-nav .active a:hover {
        color: #fff !important;
    }

.ui-state-highlight {
    color: #000 !important;
}

.room-wrapper h6 {
    font-weight: 600;
    font-size: 15px;
}

.member-name {
    text-transform: none;
}

/*.cookie-cross, #_el_amex_card {
    display: none;
}*/

.cookie-cross {
    padding: 1px;
    border-radius: 100%;
    float: right;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: top;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    margin-right: 4px;
    /* display: none; */
    position: absolute;
    top: -6px;
    right: 0px;
    background: #8a8894;
    color: #fff;
    cursor: pointer;
}

.cookie-cross {
    display: block !important;
}

.member-name {
    text-transform: none;
}

.pay-btn {
    margin: 0 0 0 8px;
}
/* Start rzslider styles */
rzslider {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 4px;
    margin: 30px 0 15px 0;
    vertical-align: middle;
}

    rzslider span {
        position: absolute;
        display: inline-block;
        white-space: nowrap;
    }

        rzslider span.base {
            width: 100%;
            height: 100%;
            padding: 0;
        }

        rzslider span.bar {
            z-index: 0;
            width: 100%;
            height: 100%;
            background: #ccc;
        }

            rzslider span.bar.selection {
                z-index: 1;
                width: 0;
                background: #485356;
            }

        rzslider span.pointer {
            top: -12px;
            z-index: 2;
            width: 24px;
            height: 24px;
            cursor: pointer;
            background-color: #fff;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            border-radius: 16px;
            box-shadow: 0 0 2px #71818E;
        }

            rzslider span.pointer:after {
                position: absolute;
                top: 8px;
                left: 8px;
                width: 8px;
                height: 8px;
                background: #71818e;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                content: '';
            }

            rzslider span.pointer:hover:after {
                background-color: #67b700;
            }

            rzslider span.pointer.active:after {
                background-color: #67b700;
            }

        rzslider span.bubble {
            top: -32px;
            padding: 1px 2px 1px 15px;
            color: #626262;
            cursor: default;
            font-size: 12px;
        }

            rzslider span.bubble.selection {
                top: 15px;
            }

/* End rzslider styles */

option[disabled="disabled"], option[disabled="disabled"]:hover {
    background: #fff !important;
    color: #ddd !important;
}

/* Careers Page */

.openPositions {
    padding: 100px 20px;
    background: #f4f4f4;
}

    .openPositions .card {
        background: #fff;
        padding: 20px;
        box-sizing: border-box;
        margin-top: 15px;
    }

        .openPositions .card h5 a {
            margin-top: 10px;
            color: #8a8894;
        }

            .openPositions .card h5 a:hover {
                color: #333;
            }

.pad-t-60 {
    padding-top: 60px;
}

.career-sec {
    padding-top: 60px;
}

    .career-sec p {
        font-size: 16px;
        line-height: 1.5;
    }

.light-bg {
    background: #f4f4f4;
}

.career-pd {
    margin-top: 40px;
    padding: 60px 0px;
    font-size: 16px;
}

.font-siz24 {
    font-size: 24px;
}

.font-siz22 {
    font-size: 22px;
}

.career-form div label {
    margin: 10px 0px 5px 0px;
}

.red-col {
    color: #ff0000;
}

.pad-rgt0 {
    padding-right: 0px !important;
}

.bar-tag {
    font-size: 12px;
    text-align: right;
    position: absolute;
    right: 0px;
    top: -15px;
}




.tower-sec01 .hotel:hover .content h2 {
    margin-top: 30% !important;
}

.tower-sec01 .hotel .content h2 {
    margin-top: 30% !;
    font-size: 24px;
}



.careers-banner {
    background: url(../images/career-banner1.jpg) no-repeat center top;
    height: 400px;
    background-size: cover;
}

.tower04 > a {
    background-image: url(../images/tower-img01.jpg);
}

.tower05 > a {
    background-image: url(../images/tower-img02.jpg);
}


.tower06 > a {
    background-image: url(../images/tower-img03.jpg);
}

.banner-our-hotel.promation {
    background-image: url(../images/promation.jpg) !important;
    background-position: top center;
}

}

.card-dtal {
}

    .card-dtal > div label {
        margin-bottom: 0px !important;
    }

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
}

.detail-btn {
    border: 0px !important;
}

    .detail-btn:hover {
        background: none !important;
        color: #333 !important;
    }

.enhc-hgt {
    height: 80px;
    padding-top: 8px;
}

.enhc-list .enhc-hgt:last-child {
    height: 0px;
}

.mar-bot40 {
    margin-bottom: 40px;
}

ul.sign-list {
    margin: 0 0 20px 20px;
}

    ul.sign-list li {
        margin: 0px 0px 10px 0px;
        padding: 0px;
        list-style: disc;
    }

.hereToHelp {
    display: none;
}

.gift-voucher {
    display: block;
    position: relative;
}

.gift-voucher-content {
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 2em;
    color: #ffffff;
}

    .gift-voucher-content h2 {
        display: inline-block;
        border-bottom: 1px solid #ffffff;
        padding-bottom: 4px;
        font-weight: bold;
    }

    .gift-voucher-content .h22 {
        display: inline-block;
        border-bottom: 1px solid #ffffff;
        padding-bottom: 4px;
        font-weight: bold;
    }

    .gift-voucher-content p {
        color: #ffffff;
        padding-bottom: 0;
        font-size: 1.25em;
        margin-bottom: 0;
    }

.voucher-value {
    background: #eeeeee;
    padding: 1.5em;
}

.text-transform-none {
    text-transform: none !important;
}

.d-block {
    display: block;
}

.pad-b10 {
    padding-bottom: 10px;
}

.pad-b0 {
    padding-bottom: 0px !important;
}

.mar-top40 {
    margin-top: 40px;
}

.ml-15 {
    margin-left: 15px;
}

.nominee-item h6 {
    font-size: 16px;
    text-transform: none;
    padding-bottom: 0px;
    margin-bottom: 8px;
}

.nominee-item .h6 {
    font-size: 16px;
    text-transform: none;
    padding-bottom: 0px;
    margin-bottom: 8px;
}

.font-size14 {
    font-size: 14px !important;
}

.font-size18 {
    font-size: 18px !important;
}

.font-size36 {
    font-size: 36px !important;
}

.img-full {
    max-width: 100%;
}

.mar-bot-50 {
    margin-bottom: 50px;
}

.tracking-content h4 {
    color: #0c2a6f;
    margin: 10px 0px 5px 0px;
    padding: 0px;
}

.tracking-content .h4 {
    color: #0c2a6f;
    margin: 10px 0px 5px 0px;
    padding: 0px;
}

.tracking-item .tracking-icon {
    line-height: 2.6rem;
    position: absolute;
    left: -43px;
    width: 8.6rem;
    height: 8.6rem;
    text-align: center;
    border-radius: 50%;
    font-size: 1.1rem;
    background-color: #fff;
    color: #fff
}

.tracking-item .tracking-content {
    padding: 10px 0px 0px 40px !important;
    background-color: transparent;
    border-radius: .5rem
}

.tracking-detail {
    padding: 3rem 0
}

.tracking-item {
    border-left: 2px dashed #0c2a6f;
    position: relative;
    padding: 0rem 1.5rem 4rem 2.5rem;
    font-size: .9rem;
    margin-left: 3rem;
    min-height: 150px;
}

    .tracking-item .tracking-icon.status-outfordelivery {
        background-color: #0c2a6f
    }

.border-none {
    border: 0px !important;
}

.special-offer .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #8A8894;
    border: 1px solid #8A8894;
    border-bottom-color: transparent;
    width: 145px;
    text-align: center;
    border-radius: 0px;
}

.special-offer .nav-tabs li.active:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 57px;
    border: 14px solid transparent;
    border-top-color: #8A8894;
    z-index: 9;
}


.special-offer .nav-tabs li.active:after {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 81px;
    border: 12px solid transparent;
    /*border-top-color: #fff;*/
}

.special-offer .nav-tabs > li > a {
    margin-right: 12px;
    line-height: 1.42857143;
    border: 1px solid #8A8894;
    width: 145px;
    text-align: center;
    border-radius: 0px;
    color: #8A8894;
}

    .special-offer .nav-tabs > li > a:hover {
        background-color: #8A8894;
        color: #fff;
    }

.special-offer .tab-content {
    margin-top: 14px;
}

.common-btn {
    padding-left: 0;
}

.package-list {
    padding-left: 16px;
    font-size: 16px;
}

    .package-list li {
        padding: 4px 0;
    }


@media(min-width:992px) {
    .tracking-item {
        margin-left: 5rem
    }

        .tracking-item .tracking-content {
            padding: 0;
            background-color: transparent
        }
}

}

.family-mar {
    margin-top: 63px;
}

.world-mar {
    margin-top: 34px;
}

.relax-mar {
    margin-top: 102px;
}

.royal-mar {
    margin-top: 50px;
}




.pptt1 {
    padding: 15px 15px 15px 15px;
}

.ppt15 {
    padding-left: 15px;
}

.fs22 {
    font-size: 22px !important;
}

@media (min-width:320px) and (max-width: 768px) {

    .banfontsize42 {
        font-size: 24px !important;
        padding: 10px;
    }

    .bohfontsize {
        font-size: 18px !important;

   
    }

    .padbotm10 {padding-bottom:10px;}


    .txt_rht {
        text-align: left !important;
    }

    .our-hotel-dta h1 b {
        font-size: 35px !important;
        line-height: 40px;
    }
}

.wid-full {
    width: 100%;
    height: 100%;
}

.help-block {
    margin-bottom: 0px !important;
}

.rhs-com .help-block {
    position: absolute;
    bottom: -18px;
}

.gift-bg {
    background: url(../images/voucher.jpg) no-repeat 0px 0px;
    height: 350px;
    display: block;
    background-size: cover;
}

.fott-rgt {
    text-align: right;
}

.pad-10 {
    padding: 10px;
}

.mar-top45 {
    margin-top: 45px;
}

.close-nw {
    position: absolute;
    right: -1px;
    top: 0;
    background: red;
    padding: 10px 15px;
    z-index: 10;
    opacity: .4;
    color: white;
    text-shadow: none;
}

.input-tp {
    margin: 4px 0 0 0;
    display: inline-flex;
    vertical-align: top;
}

.login-frm {
    background: #fff;
    padding: 25px;
}

.unique-search-bar {
    padding: 0px 0px;
}

.validate-txt {
    text-align: right;
}

.mar-bot-5 {
    margin-bottom: 5px !important;
}

.modal-submit {
}

    .modal-submit .close {
        opacity: unset;
        background: #fff;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        font-size: 18px;
        position: absolute;
        top: -5px;
        right: -6px;
        z-index: 99999;
    }

.mar-top20 {
    margin-top: 20px;
}

.mar-bot-30 {
    margin-bottom: 30px;
}


.main-nw {
    font-size: 32px;
    font-weight: 600;
    margin: 0 0 15px 0;
    padding: 0;
    text-transform: uppercase;
}

.main-nw1 {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 15px 0;
    padding: 0;
    text-transform: uppercase;
}

.hding {
    font-weight: 600;
    margin: 0px 0 15px 0;
    padding: 0;
    text-transform: uppercase !important;
}

.fnnt300 {
    font-size: 30px;
}

.fnnt22 {
    font-size: 22px;
}

.btmbaner {
    background: #efefef;
    padding: 20px;
}


.hotl800 {
    height: 980px !important;
}

.ht800 {
    height: 780px !important;
}

.font-siz17 {
    font-size: 17px !important;
    color: #e9e9e9;
}

.line-h25 {
    line-height: 25px !important;
}

/*style css end*/


















/*responsive css start*/
@media (min-width: 320px) and (max-width: 767px) {

    .equal-row {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 1.5rem;
    }
    .btn-new-button {
        background: #8a8894 !important;
        color: #fff !important;
        border-color: #8a8894 !important;
        font-weight: 500 !important;
        padding: 9px 20px !important;
        font-size: 14px !important;
    }

    .font-siz48 {
        font-size: 24px !important;
        line-height: 30px !important;
    }





    .skytop {
        background-color: #fff;
        position: absolute;
        bottom: 0px;
        left: 95px !important;
        right: 0px;
        padding: 20px !important;
    }

    .mob-pad {
        padding: 0px 30px 10px 30px !important;
    }

    .mob-margin {
        margin-bottom: 30px !important;
    }

    /*new home page css start*/
    .font-siz17 {
        font-size: 14px !important;
    }

    .hotl800 {
        height: 950px !important;
    }

    .ht800 {
        height: 750px !important;
    }

    .pp40 {
        padding: 0px !important;
    }

    .fnnt300 {
        font-size: 24px;
    }

    .fnnt22 {
        font-size: 16px;
    }

    .lhh50 {
        line-height: 22px !important;
    }

    .pdd80 {
        padding: 15px 15px !important;
    }

    .fftxt {
        font-size: 11px;
        padding: 5px 0px 5px 0px;
    }

    .pptp {
        padding-top: 5px;
    }

    .pp40 {
        padding: 0px;
    }

    .pp20 {
        padding: 0px 20px 0px 20px;
    }

    .pad-t20 {
        padding-top: 20px;
    }

    .padbtm {
        padding-bottom: 15px;
    }

    .pddlft15 {
        padding-left: 15px !important;
    }

    .pddrht15 {
        padding-right: 15px !important;
    }

    .ht400 {
        height: 400px !important;
    }

    .fftxt {
        font-size: 11px !important;
        padding: 5px 0px 5px 0px;
    }

    .hding {
        font-weight: 600;
        margin: 100px 0 15px 0;
        padding: 0;
        text-transform: uppercase !important;
    }
    /*new home page css end*/

    .our-hotel-dta .our {
        font-size: 30px;
        text-align: center;
        font-weight: 600;
        color: #fff;
    }



    .our-hotel-dta .abut {
        font-size: 30px;
        text-align: center;
        font-weight: 600;
        color: #fff;
        line-height: 45px;
    }




    .main-nw {
        font-size: 20px;
        font-weight: 600;
        margin: 0 0 15px 0;
        padding: 0;
        text-transform: uppercase;
    }

    .main-nw1 {
        font-size: 20px;
        font-weight: 600;
        margin: 0 0 15px 0;
        padding: 0;
        text-transform: uppercase;
    }

    .validate-txt {
        text-align: center;
    }

    .banner-our-hotel .our-hotel-dta {
    }

    .banner-our-hotel .hotel-center p {
        font-size: 17px;
    }

    .our-hotel-dta h1 {
        font-size: 30px;
    }

    .our-hotel-dta .h1 {
        font-size: 30px;
    }

    .homeSlider .search-sec {
        top: 497px !important;
    }

        .homeSlider .search-sec.mobHome {
            position: relative;
            bottom: unset;
            width: 100%;
            margin-top: -50px;
            top: unset !important;
        }
    /*#homeSliderText.homeSliderMobHeight {
    min-height:100vh;
    }*/
    .mange-none {
        display: none;
    }

    .rateAccess-tool .tooltip {
        left: 0px !important;
    }

    .careers-banner {
        background: url(../images/career-banner1.jpg) no-repeat center top;
        height: 150px;
        background-size: contain;
    }

    .career-sec {
        padding-top: 20px;
    }

    .rate-wrap {
        word-break: break-all;
        width: 160px;
        display: inline-flex;
    }

    .show-voucher {
        word-break: break-all;
        text-overflow: ellipsis;
        width: 170px;
        white-space: normal;
    }

    .search-sec .location {
        min-width: auto;
    }

    .fott-rgt {
        text-align: left;
    }

    .partner {
        padding-left: 0px !important;
        margin-top: 15px;
    }

    #homeSliderText .discover {
        font-size: 16px;
        line-height: 16px;
    }

    .date-cust .date {
        width: 50% !important;
    }

    .sw-img { /*background-size: auto 100%; background-position: center;*/
        background-size: 100% 100% !important;
    }

    .newsletterImg {
        min-height: 256px;
    }

    .dropdown-content {
        width: 100%;
        box-shadow: none;
        position: relative;
        display: block;
    }

    .result-list[data-avl="0"] .availability-non {
        position: static;
        display: block;
        width: auto;
        font-size: 11px;
        color: #ff0000;
        font-weight: 600;
    }

    .three > a {
        background-image: url('/content/images/Hotel3.JPEG');
        background-position: -200px 0px;
    }

    .get-news-dta span {
        display: block;
    }

    #get-news-offers .get-news-dta {
        font-size: 21px;
        margin: 4px 0 0;
        padding: 0 20px;
    }

    .cookie-cross {
        display: none;
    }

    .event-pad-tp {
        margin-top: 45px !important;
    }

    .get-mar-top {
        margin-top: -6px !important;
    }

    .room-condition span {
        font-size: 11px;
    }

    .enhc-bkng-room h4 {
        margin: 0px;
        margin-top: 5px;
        display: inline-block;
    }

    .our-hotel-nav:hover .dropbtn {
    }

    .our-hotel-nav:hover .dropbtn {
        background-color: transparent !important;
        color: #8a8894 !important;
    }

    .dropdown-content a {
        padding-left: 5px !important;
    }

    .search-sec .date {
        width: 50%;
        background: url(/content/images/dateIcon.png) no-repeat #fff 4px;
        padding-left: 32px !important;
    }

    .dateSec.date-cust:before {
        left: 32px;
    }

    .dateSec.date-cust:after {
        left: calc(50% + 32px);
    }

    .order-mag-btn .btn {
        padding: 6px 7px !important;
    }

    .mob-top {
        margin-top: 40px;
    }

    .search-sec .date.checkOut {
        width: 50%;
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 1px solid #ccc !important;
    }

    .del-shw {
        display: block;
        margin-bottom: 10px;
        float: left;
    }

    .how-get-sp {
        margin: 10px 0px;
    }

    .how-get label {
        font-size: 14px;
        font-weight: bold;
        line-height: 38px;
    }

    .enter-loc {
        border: 0px;
        border-bottom: 1px solid #ccc;
        width: 90%;
        line-height: 30px;
        padding-left: 8px;
        margin-bottom: 20px;
    }

    .min-wid-100 {
        min-width: 100px !important;
    }

    .room-sec p {
        text-overflow: clip;
    }

    .popover .close, .popover .close {
        display: block !important;
    }

    .popover .close, .popover .close {
        display: block !important;
    }

    .bg-mob {
        background: #fff;
    }

    .navbar-default.home-nav .navbar-nav > li > a {
        color: #8a8894 !important;
    }

    .navbar-default {
        background: #333;
    }

    .logo img {
        margin: 0px auto;
    }

    header .navbar-nav {
        float: none !important;
    }

    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        background: transparent;
        color: #5e5e5e;
    }

    .navbar-nav > li {
        float: none;
        display: block;
    }

    .navbar-collapse {
        padding-right: 0px;
    }

    #header-line-latest {
        margin: 50px 0 40px;
    }

    #explore-line .explore-line-dta {
        font-size: 30px;
    }

    .get-mar {
        margin: 20px 0px 20px 0px !important;
    }

    #discover-line {
        margin: 40px 0 20px;
    }

        #discover-line .discover-line-dta {
            font-size: 24px;
        }

    .modify-adults p {
        font-size: 20px;
        font-weight: 200;
        color: #5d5d5d;
    }

    .modify-adults .refine-search {
        border: 0px;
        padding: 8px 0px 8px 32px;
        color: #fff;
        width: 100%;
        margin: 10px 0px 0px 0px;
        font-size: 15px;
        font-weight: 200;
        background: url(/content/images/search-arrow1.png) no-repeat 2% 50% #692d86;
    }

    .roomAdd {
        background: url(/content/images/UserIcon.png) no-repeat 2px #fff !important;
    }

    #header-line {
        border-top: 1px solid #a1a1a1;
        margin: 30px 0px 30px 0px !important;
        text-align: center;
    }

        #header-line h1 {
            margin: -14px 0px 0px 0px;
            padding: 0px 10px !important;
            display: inline-block;
            font-size: 21px;
            width: auto;
        }

        #header-line .h1 {
            margin: -14px 0px 0px 0px;
            padding: 0px 10px !important;
            display: inline-block;
            font-size: 21px;
            width: auto;
        }

        #header-line h1 span {
            font-size: 12px;
            margin: 10px 0px 0px 0px !important;
            letter-spacing: normal;
            line-height: 18px;
        }

        #header-line .h1 span {
            font-size: 12px;
            margin: 10px 0px 0px 0px !important;
            letter-spacing: normal;
            line-height: 18px;
        }

    .row1 {
        margin: 0px -15px !important;
    }

    #fotter .copy {
        margin-top: 0px;
    }

    .carousel-area {
        top: -106px !important;
        left: 60px !important;
        width: auto;
        padding: 10px 14px;
    }

        .carousel-area .resort {
            font-size: 12px;
            letter-spacing: normal;
        }

        .carousel-area h3 {
            font-size: 12px;
            margin-bottom: 10px;
        }

        .carousel-area h2 {
            font-size: 14px;
            margin-bottom: 5px;
        }

        .carousel-area p {
            font-size: 10px;
            padding: 0px 0px;
            width: 52%;
        }

        .carousel-area span {
            font-size: 12px;
            color: #686868;
            margin-bottom: 2px;
        }

    .carousel-indicators {
        bottom: -10px;
    }

    .latest-offers span {
        padding: 8px 0px;
    }

    .see-tab {
        margin-top: -25px;
    }

    .africa-tab {
        margin-top: -25px;
    }

    .world-dta.united-kind {
        padding: 5px 0px;
        margin-top: -25px;
    }

    .united-tab {
        margin-top: -25px;
    }

    .asia-tab {
        margin-top: -25px;
    }

    .pad-lft-5 {
        padding-left: 5px;
    }

    .pad-rgt-5 {
        padding-left: 5px;
    }

    #directory {
        padding-top: 40px;
    }

        #directory h4 {
            font-size: 15px;
            margin-bottom: 0px;
            padding: 0px 1px;
            line-height: 24px;
        }

    .directory-dta {
        margin-top: 30px;
        margin-bottom: 10px;
    }

        .directory-dta h5 {
            margin-top: 15px;
            font-size: 25px;
        }

        .directory-dta p {
            font-size: 15px;
            line-height: normal;
        }

        .directory-dta .directory-spa-mar {
            margin-left: 0px;
        }

        .directory-dta .full-img-1 {
            width: 100% !important;
        }

    .download-btn {
        margin: 30px 0px 0px 0px;
    }

    #fotter {
        margin-top: 20px;
        margin-bottom: 10px;
    }

        #fotter p {
            text-align: left;
            padding: 10px 10px !important;
            display: block;
        }

    .footer-social span {
        text-align: left;
        margin-left: 0px;
        margin-bottom: 10px;
    }

    .quote span {
        font-size: 15px;
        margin: 10px 0px 15px 0px;
    }

    .quote {
        font-size: 18px;
    }

    .about-form p {
        margin: 15px 0px;
        font-size: 16px;
    }

        .about-form p a {
            font-size: 16px;
        }

    hr {
        margin: 20px 0;
    }

    .arrow_box:after, .arrow_box:before {
        top: 100%;
        left: 20%;
    }

    .arrow_box h4 {
        font-size: 18px;
    }

    .modify-btn {
        display: inline;
        padding: 10px 7px 10px 7px;
        margin: 0px;
        font-weight: 200;
        font-family: 'Libre Franklin', sans-serif;
        font-size: 17px;
    }

        .modify-btn.mar-right-12 {
            margin-right: 12px;
        }

    .hotel-slider-pad h2 {
        font-size: 17px;
    }

    .hotel-slider-pad span {
        font-size: 14px;
    }

    .hotel-slider-pad .price-list {
        float: left;
        clear: both;
    }

    .hotel-slider-pad .price-list {
        margin-top: 5px;
    }

    .book-now-btn {
        font-size: 20px;
    }

    .sort {
        float: none;
        width: auto;
    }

    .sort-by select {
        font-size: 12px;
    }

    .hotel-slider-pad {
        padding: 20px 12px;
    }

    .carousel-indicators li {
        width: 10px;
        height: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
    }

    .carousel-mar {
        margin: 10px 0;
    }

    .sort span {
        margin-top: 10px;
    }

    .hotel-slider-pad .price-list small {
        margin: 10px 0px 8px 0px;
        display: block;
        font-size: 14px;
    }

    .hotel-slider-pad .price-list .rate {
        font-size: 40px;
    }

    .hotel-slider-pad .key-feat p {
        margin-bottom: 5px;
    }

    .hotel-slide-arrow-lft-1 {
        top: 40%;
        left: 0%;
    }

        .hotel-slide-arrow-lft-1 img {
            width: 14px;
        }

    .hotel-slide-arrow-rgt-1 {
        top: 40%;
        right: 0% !important;
    }

        .hotel-slide-arrow-rgt-1 img {
            width: 14px;
        }

    .hotel-slide-arrow-lft-2 {
        left: 1%;
        top: 8%;
    }

        .hotel-slide-arrow-lft-2 img {
            width: 14px;
        }

    .hotel-slide-arrow-rgt-2 {
        right: 1% !important;
        top: 8%;
    }

        .hotel-slide-arrow-rgt-2 img {
            width: 14px;
        }

    .navbar-default .navbar-nav > li > a {
        font-size: 15px;
        color: #fff;
    }

    .navbar-nav > li {
        border-left: 0px;
    }

    .about-form .btn-primary {
        padding: 23px 40px;
    }

    .refine-dta p {
        font-size: 20px;
        font-weight: 200;
        margin: 0px;
        padding: 0px;
        text-align: center;
    }

    .refine-dta .btn-primary {
        padding: 8px 0 8px 32px;
        width: 100%;
        text-align: left;
        font-size: 14px;
        background: url(/content/images/search-arrow1.png) no-repeat 2% 50% #3b1261;
        margin-top: 15px;
    }

    .modify-dta {
        float: none;
    }

    .price {
        top: 120px;
        padding: 4px 20px;
    }

    .hotel-slider-pad h3 a {
        font-size: 19px;
    }

    .hotel-slider-pad .h3 a {
        font-size: 19px;
    }

    .service-ame {
        margin: 50px 0px 0px 0px !important;
    }

    .hot-btn {
        margin-bottom: 15px;
    }

    .hotl-list-rt {
        margin-top: 15px;
        padding: 0;
    }

        .hotl-list-rt h2 {
            font-size: 18px;
            margin-bottom: 5px;
        }

        .hotl-list-rt .h2 {
            font-size: 18px;
            margin-bottom: 5px;
        }

        .hotl-list-rt p {
            margin-top: 10px;
            font-size: 14px;
        }

    .contact-img {
        background-attachment: scroll !important;
        height: 160px !important;
    }

    .contact-text {
        bottom: 0px !important;
        padding: 5px !important;
    }

        .contact-text h1 {
            font-size: 18px !important;
            margin-bottom: 8px !important;
        }

    .tooltip .close {
        display: block !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #333 !important;
    }

    .modify-top .pad-r-0 {
        padding-right: 15px;
    }

    .modify-top .pad-rft5 {
        padding: 0 15px;
    }

    .modify-top .pad-none {
    }

    .modify-top .room-search {
        clear: both;
    }

    .flr-rgt {
        position: fixed;
        display: none;
        height: 100%;
        top: 0;
        z-index: 1050;
        padding: 0;
        overflow: auto;
        margin-bottom: 0;
    }

    .hotel-rate .btn-primary {
        float: right;
        width: 100%;
    }

    .hotel-rate .total {
        font-size: 20px;
        clear: right;
        display: inline-block;
    }

    .hotel-rate {
        padding: 0 15px;
        text-align: left;
    }

    .hotel-text h4 a {
        display: block;
    }

    .hotel-text .h4 a {
        display: block;
    }

    .inspire-box .inspire-text {
        padding: 30px 0;
    }

    #homeSliderText h1 {
        padding: 0 !important;
        font-size: 28px;
    }

    #homeSliderText .h1 {
        padding: 0 !important;
        font-size: 28px;
    }

    #homeSliderText h2 {
        padding: 0 !important;
        font-size: 21px;
    }

    #homeSliderText .h2 {
        padding: 0 !important;
        font-size: 21px;
    }

    .choose-room-list {
        border-bottom: 1px solid #eeeeee !important;
        padding-top: 15px;
    }

        .choose-room-list .media-left p.small.text-link {
            font-size: 11px;
            margin-bottom: 0;
            padding-top: 4px;
            text-decoration: underline;
        }

        .choose-room-list > div {
            min-height: 10px !important;
            padding: 5px 15px !important;
            border-top: 0 !important;
            border: 0 !important;
        }

            .choose-room-list > div.room-condition {
                border-right: 1px solid #eee !important;
            }

        .choose-room-list .room-reserv p {
            width: 100% !important;
            max-width: 100% !important;
        }

        .choose-room-list .room-reserv {
            width: 100% !important;
            padding: 15px;
            background: #ffffff;
            position: fixed !important;
            bottom: 0;
            left: 0;
            z-index: 1000;
        }

    .select-room.pull-right {
        margin-top: 5px !important;
        padding-top: 0 !important;
    }

        .select-room.pull-right span {
            display: block;
            padding-bottom: 5px;
        }

    .room-list-price.pull-right {
        font-size: 26px !important;
        color: #000 !important;
        font-weight: bold !important;
    }

    .select-room select {
        width: 100%;
        margin-bottom: 10px;
        max-width: 75px;
        padding: 3px !important;
        background-size: 24px !important;
    }

    .mob .room-detail-new a {
        font-size: 18px;
        text-decoration: underline;
    }

        .mob .room-detail-new a span {
            font-size: inherit !important;
        }

    .room-block {
        background: #F8F8F8;
        border: 1px solid #DFDFDF;
        margin-bottom: 20px;
    }

    .sort-by a {
        padding: 5px 4px;
        margin: 8px 1px;
    }

    .result-list .col-xs-4.img {
        padding-right: 8px;
    }

    .hotel-text h4 {
        padding: 0;
    }

    .breadcrumb {
        /*display: none;*/ padding-top: 15px;
    }

    #map-section .address-box {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .account .navbar-collapse {
        padding: 0;
        margin: 0;
    }

        .account .navbar-collapse .navbar-nav {
            width: 100%;
        }

    .account .room-pad-r-7 {
        padding-right: 15px;
    }

    .page-banner .title {
        top: 36%;
    }

    .page-banner .title {
        top: 29%;
    }

    .hotel-detail-heading {
        margin-top: 15px;
    }

    header .navbar-collapse {
        padding: 15px;
    }

        header .navbar-collapse .navbar-nav {
            margin: 0;
            overflow-x: scroll;
            height: 300px;
        }

            header .navbar-collapse .navbar-nav li a {
                padding: 5px 0;
            }

    .promo-div {
        padding-right: 16px !important;
        margin-bottom: 8px;
    }

        .promo-div .apply {
            right: 17px;
        }

    .top-section {
        display: block;
    }

    .search-sec input.date, .search-sec input.date.checkOut {
        width: 50%;
    }

    .search-sec .dateSec:before {
        left: calc(50% - 15px);
    }

    .dateSec.date-cust:before {
        left: 32px;
    }

    .d-flex {
        display: block;
    }

    .about-img-marg {
        margin-top: 0px;
    }

    .aboutSec .img1 {
        position: relative !important;
        margin-top: 35%;
    }

    .aboutSecMob {
        padding-top: 0px;
    }

    .newsletterSec {
        display: block;
    }

    .newsletterContent, .joinNewsletter {
        position: relative;
        left: 0;
        top: 0;
    }

    .joinNewsletter {
        position: relative;
        padding: 15px;
        box-shadow: none;
    }

    .boFeaturesSec {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .navbar-nav > li > a {
        padding: 10px 15px;
    }

    .pad-R5 {
        padding: inherit;
    }

    .banner-form .common-ctrl.check-in {
        background: url(/content/images/calender-arrow.png) no-repeat 3% 50% #fff !important;
    }

    #book-stay {
        padding-top: 37px !important;
    }

    .availability-m, .date-avail {
        padding-left: 15px !important;
    }

    .date-avail {
        padding-right: 15px !important;
    }

    .enhc-total > p {
        font-size: 16px !important;
    }

    .boFeaturesSecImg {
        position: relative !important;
        bottom: auto !important;
    }

    .features-bxs {
        position: relative;
        height: auto !important;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .marg190 {
        margin-left: 0px;
    }

    .mobi-wid {
        width: 99%;
        margin: 0 0 0 -2px;
    }

    .popover .close, .popover .close {
        display: block !important;
    }

    .slider-bg img {
        height: 250px !important;
        display: inline-block;
    }

    .guest-pad-lft-none {
        padding-left: 0px;
    }

    .dateSec {
        min-width: initial;
    }
}

@media (min-width:481px) and (max-width:768px) {


    .sw-img { /*background-size: auto 100%; background-position: center;*/
        background-size: 100% 100% !important;
    }


    .slider-bg img {
        height: 400px !important;
        display: inline-block;
    }
}

@media (min-width: 768px) and (max-width: 992px) {

    .sw-img { /*background-size: auto 100%; background-position: center;*/
        background-size: 100% 100% !important;
    }


    .newsletterImg {
        background: url(/content/images/JoinNewsletterImg.JPEG) -30px 0px no-repeat;
        background-size: cover;
    }

    .choose-room .heading th {
        color: #8a8894;
        border-left: 1px solid #aca9b7;
        padding: 8px 2px;
        font-size: 9px;
        font-weight: 700;
    }

    .reserve-slide .btn-book-now {
        padding: 4px 3px;
        width: auto;
        font-size: 12px;
        font-weight: 400;
    }

    .search-sec .location {
        background: url(/content/images/drop-down-arrow.png) no-repeat calc(100% - 42px) calc(100% - 24px) #fff !important;
    }

    header .navbar-nav > li > a, header .navbar-inverse .navbar-nav > li > a {
        padding: 8px 9px;
    }

    .navbar-nav {
        margin: 0px !important;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
    }

    .connect {
        margin-top: 20px !important;
    }

    .row1 {
        margin: 0px -20px !important;
    }

    .popover .close, .popover .close {
        display: block !important;
    }

    .popover .close, .popover .close {
        display: block !important;
    }

    .contact-text {
        bottom: 105px !important;
        padding: 5px !important;
    }

    .navbar-nav {
        margin: 0px 0px 0px 32px;
    }

    .carousel-indicators {
        bottom: -10px;
    }

    .world-dta.united-kind {
        padding: 30px 0px;
    }

    .directory-dta .directory-spa-mar {
        margin: -4px 0 0 20px;
    }

    .see-all {
        padding: 56px 0px;
    }

    #fotter {
        margin-top: 40px;
    }

        #fotter p {
            padding: 10px;
            text-align: left;
        }

    .footer-social span {
        text-align: left;
    }

    #fotter .copy p {
        text-align: center;
    }

    .footer-social {
        text-align: center;
    }

    .footer-social {
        text-align: center;
    }

        .footer-social span {
            text-align: center;
        }

    .quote span {
        font-size: 19px;
    }

    .about-form textarea {
        height: auto;
    }

    .modify-btn {
        margin: -5px 0px 0px 0px;
        padding: 6px 8px;
    }

    .hotel-slider {
        border: 1px solid #eaeaea;
        margin: 15px 0px;
    }

    .book-now-btn {
        font-size: 25px;
    }

    .sort {
        width: 272px;
    }

    .hotel-slider-pad .price-list .rate {
        font-size: 48px;
        margin-top: -12px;
    }

    .book-now-btn {
        margin-top: 10px;
    }

    .hotel-slider-pad h2 {
        font-size: 22px;
    }

    .carousel-mar {
        margin: 40px 12px 50px 12px;
    }

    .hotel-slide-arrow-lft-1 {
        top: 50%;
        left: -1%;
    }

    .hotel-slide-arrow-rgt-1 {
        top: 50%;
        right: -1% !important;
    }

    .top-dropdown-menu {
        margin: 0 0 0 -110px;
    }

    .tooltip .close {
        display: block !important;
    }

    .price {
        right: -1px;
        top: 163px;
    }

    header .navbar-nav {
        margin-top: 15px !important;
    }

    .joinNewsletter {
        position: relative !important;
        padding: 15px !important;
        box-shadow: none !important;
        left: 0 !important;
        top: 0 !important;
        height: 100%;
    }

    .hotl-list-rt {
        padding: 0 !important;
    }

    .order-mag-btn .btn {
        padding: 6px 11px;
    }

    #mapview .modify-bg div.container, #mapview .inner-container div.container {
        width: 100%;
    }

    .city-bg {
        padding: 20px 0 0;
    }

        .city-bg .rooms {
            width: 22%;
        }

        .city-bg .search-btn {
            width: 19%;
        }

    .hotel-city .inspire-box {
        padding: 0;
    }

        .hotel-city .inspire-box.city-bg {
            background: no-repeat;
        }

    .account header .navbar-nav {
        margin-right: 0;
    }

        .account header .navbar-nav > li > a, .account header .navbar-inverse .navbar-nav > li > a {
            padding: 7px 7px !important;
        }

    .banner-form .common-ctrl.check-in {
        padding: 0 10px 0 22px;
        background: url(/content/images/calender-arrow.png) no-repeat 5% 50% #fff;
        background-size: 15px;
    }

    .container {
        width: 100%;
    }

    .s-rooms {
        float: left !important;
        margin-top: 15px;
    }

    #modalRoomSelectCommon {
        top: 120px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #homeSliderText h1 {
        font-size: 36px;
    }

    #homeSliderText h2 {
        font-size: 30px;
    }

    .equal-row {
        display: grid;
        grid-template-columns: 1fr 1fr !important;
        gap: 1.5rem;
    }

    .carousel-caption {
        top: 25%;
    }

    .search-sec .date {
        padding-left: 34px !important;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 10px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #homeSliderText .h1 {
        font-size: 36px;
    }

    #homeSliderText .h2 {
        font-size: 30px;
    }

    .carousel-caption {
        top: 25%;
    }

    .search-sec .date {
        padding-left: 34px !important;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 10px !important;
    }
}

@media (min-width:1024px) and (max-width:1199px) {
    .search-sec .container {
        width: 100%;
    }

    .search-sec .location {
        background: url(/content/images/drop-down-arrow.png) no-repeat calc(100% - 42px) calc(100% - 24px) #fff !important;
    }

    .mar-top-meet {
        margin-top: 34px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 992px) {
    #mapview #HotelMapLocation {
        width: 100% !important;
        padding: 0;
    }

    #mapview .deskRow {
        display: none;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1023px) {
    .narrow-search {
        position: fixed;
        top: 0;
        left: 0;
        overflow: auto;
        height: 100%;
        width: 100%;
        max-width: 460px;
        z-index: 2000;
        display: none;
    }

    .add-special {
        position: relative;
        padding: 10px;
        background: #fff;
    }

        .add-special::after {
            position: absolute;
            right: 10px;
            top: 15px;
            font: normal normal normal 14px/1 FontAwesome;
            font-weight: 900;
            content: "\f077";
            transition: all .4s;
        }

        .add-special.collapsed::after {
            transform: rotate(180deg);
        }

    .hotel-result-column.pad-L5 {
        padding: 0 15PX;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {


    /*new home page css start*/


    .font-siz17 {
        font-size: 13px !important;
    }


    .hotl800 {
        height: 1263px !important;
    }

    .ht800 {
        height: 918px !important;
    }

    .ht400 {
        height: 568px !important;
    }

    .padbtm {
        padding-bottom: 15px !important;
    }

    .pad-t20 {
        padding-top: 20px !important;
    }

    .pp20 {
        padding: 0px 20px 0px 20px;
    }

    .f-img {
        width: 100%;
    }

    .pdd80 {
        padding: 40px 20px 20px 20px;
    }

    /*new home page css end*/





    .flr-rgt {
        position: fixed;
        display: none;
        height: 100%;
        top: 0;
        z-index: 1000;
        padding: 0;
        overflow: auto;
        margin-bottom: 0;
    }

    .room-add {
        min-width: 190px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 500px) {
    .location_lon .world-dta {
        padding: 20px 0;
        height: 80px;
    }

        .location_lon .world-dta h3 {
            font-size: 20px;
        }
}

@media (min-width:320px) and (max-width:1023px) {
    .t-datepicker-days {
        width: 100% !important;
        position: fixed !important;
        top: 0 !important;
        z-index: 1100 !important;
        left: 0 !important;
        background: #fff !important;
        padding: 10px 10px 50px !important;
        height: 100%;
        overflow: auto;
    }

        .t-datepicker-days:after {
            content: '';
            position: fixed;
            width: 100%;
            height: 100%;
            background: #333;
            left: 0;
            top: 0;
            z-index: -1 !important;
        }

        .t-datepicker-days .t-table-wrap {
            background: #fff !important;
        }

    .t-arrow-top {
        display: none !important;
    }

    .popover .close, .popover .close {
        display: block !important;
    }
}

@media all and (-ms-high-contrast:none) {
    select {
        background-image: none !important;
    }

    *::-ms-backdrop, select {
        background-image: none !important;
    }

    *::-ms-backdrop, .search-sec .location {
        min-width: unset !important;
    }

    .top-section > div {
        flex: 0 auto !important;
    }

    *::-ms-backdrop, .top-section > div {
        flex: 0 auto !important;
    }

    .dateSec {
        min-width: unset !important;
    }

    *::-ms-backdrop, .dateSec {
        min-width: unset !important;
    }

    .top-section {
        flex-wrap: nowrap !important;
    }
}

@media (pointer: coarse) {
    header .nav-item a::after, .discover-tab a div {
        display: none;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1140px;
    }
}

/*responsive css end*/




/*new home page css start*/
closee {
    float: right;
    font-size: 21px;
    font-weight: 600;
    line-height: 1;
    color: #000;
}

.bbrgry {
    border: 1px solid #efefef;
    border-radius: 5px;
    background-color: #efefef;
}

.textc {
    text-align: center !important;
}

.topwth {
    margin-top: 80px;
}

.topwth50 {
    margin-top: 50px;
}

.mbwdh {
    width: 460px !important;
}

.pp40 {
    padding: 20px;
}

.fftxt {
    font-size: 18px;
}

.greybg {
    background-color: #efefef;
}

.mn-hding {
    font-weight: 600;
    font-size: 36px;
}

.wht-box {
    border: 1px solid #efefef;
    background-color: #fff;
}

    .wht-box img {
        border-radius: 0px 0px 0px 0px !important;
    }

.font-600 {
    font-weight: 600;
}

.pad-20 {
    padding: 20px;
}

.g-box {
    background-color: #F6F6F6;
}

.shadoww {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1 ), 0 6px 10px 0 rgba(0, 0, 0, 0);
}

.bdr-greey {
    border: 1px solid #efefef;
    border-radius: 25px 0px 25px 0px;
}

.blue-box {
    border-radius: 18px 0px 18px 0px;
    background-color: #0A2A70;
    padding: 10px;
    color: #fff;
}

.w-box {
    border-radius: 25px 0px 25px 0px;
    background-color: #fff;
}

.price-tag {
    font-size: 24px;
    font-weight: bold;
    padding-top: 14px;
}

.padt80 {
    padding-top: 80px;
}

.blue-absol {
    position: absolute;
    right: -5px !important;
    top: -25px !important;
}

.font-siz18 {
    font-size: 17px;
}

.box-explore {
    position: absolute;
    left: 20px !important;
    top: 20px !important;
}

.box-absol {
    position: absolute;
    left: 20px !important;
    top: 10px !important;
}

.box-absol1 {
    position: absolute;
    right: 20px !important;
    bottom: 10px !important;
}

.position-relative {
    position: relative !important;
}

.pad-t20 {
    padding-top: 20px;
}

.clr-grey {
    color: #efefef;
}

.clr-lblue {
    color: #53699b;
}

.Footerdiv {
    padding-top: 10px;
    color: #f4f4f4;
    font-size: 16px;
    font-weight: 600;
}

.ggreybg {
    background-color: #F6F6F6 !important;
}

.ppb20 {
    padding-bottom: 20px !important;
}

.txtbottom {
    bottom: 5px;
    position: absolute;
}

.pddlft15 {
    padding-left: 0px
}

.pddrht15 {
    padding-right: 0px
}

.pdd80 {
    padding: 50px 50px;
}

.pad-rgt10 {
    padding-right: 15px;
}

.overlayy {
    position: fixed;
    background: #00000094;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: rgb(126,126,126);
    background: linear-gradient(180deg, rgba(126,126,126,0) 0%, rgba(0,0,0,0.5382528011204482) 12%);
}

.hovereffect {
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    color: #fff;
    width: 100%;
}

.lhh50 {
    line-height: 50px;
}

.gryclr a {
    text-decoration: none;
    color: #000;
}

.gryclrwhite a {
    text-decoration: none;
    color: #fff;
}

    .gryclrwhite a:hover {
        text-decoration: none;
        color: #fff;
    }

.hovereffect .overlayy {
    width: 100%;
    position: absolute;
    overflow: hidden;
    bottom: 0px !important;
    left: 0;
    -webkit-transition: all 0.55s ease-out;
    transition: all 0.55s ease-out;
    z-index: 1;
    padding: 15px;
    box-sizing: border-box;
}

.clr-white {
    color: #fff;
}

.pdd-l15 {
    padding-left: 17px;
}

.pdb50 {
    padding-bottom: 50px
}

.ht400 {
    height: 400px !important;
}
/*new home page css end*/

#integration-list {
    width: 100%;
    margin: 0 auto;
    display: table;
}

    #integration-list ul {
        padding: 0;
        margin: 0px 0;
        color: #555;
    }

        #integration-list ul > li {
            list-style: none;
            border-top: 1px solid #ddd;
            display: block;
            padding: 15px 0px 15px 0px;
            overflow: hidden;
        }

        #integration-list ul:last-child {
            border-bottom: 1px solid #ddd;
        }

        #integration-list ul > li:hover {
            background: #fff;
        }

.expand {
    display: block;
    text-decoration: none;
    color: #555;
    cursor: pointer;
}

#expand-faq {
    margin-top: -40px;
}

h2 {
    padding: 0;
    margin: 0;
    font-size: 17px;
    font-weight: 400;
}

#left, #right {
    display: table;
}

#sup {
    display: table-cell;
    vertical-align: middle;
    width: 80%;
}

.detaill a {
    text-decoration: underline;
    color: #3060b7;
    padding: 6px 0px 5px;
    font-size: 17px;
}

.detaill {
    margin: 10px 0 0px 0px;
    display: none;
    line-height: 22px !important;
}

    .detaill span {
        margin: 0;
    }

.right-arrow {
    margin-top: -8px;
    margin-left: 20px;
    margin-right: 10px;
    width: 10px;
    height: 100%;
    float: right;
    font-weight: bold;
    font-size: 24px;
}

.icon {
    height: 75px;
    width: 75px;
    float: left;
    margin: 0 15px 0 0;
}


#owl-demo .item {
    margin: 3px;
}

    #owl-demo .item div {
        display: block;
        width: 100%;
        height: auto;
    }


#owl-demoo .item {
    margin: 3px;
}

    #owl-demoo .item div {
        display: block;
        width: 100%;
        height: auto;
    }


#owl-offer .item {
    margin: 3px;
}

    #owl-offer .item div {
        display: block;
        width: 100%;
        height: auto;
    }

#owl-explore .item {
    margin: 3px;
}

#owl-offer .item div {
    display: block;
    width: 100%;
    height: auto;
}

.rateInclusions {
    justify-content: center;
    display: flex;
}

    .rateInclusions img {
        max-width: 30px !important;
    }

    .rateInclusions .gurantee {
        padding: 0 7px;
    }

.pleasnote {
    margin-top: -10px;
    position: relative;
    width: 100%;
    display: block;
}

.topwhite {
    background-color: #ffffff !important;
}

.skytop {
    background-color: #fff;
    position: absolute;
    bottom: 0px;
    left: 200px;
    right: 0px;
    padding: 10px 10px 10px 20px;
}

.topbott {
    margin-top: 80px;
    margin-bottom: 80px;
}



.txtbartop {
    font-size: 17px;
    padding: 10px 15px 10px 15px;
    color: #000;
}



.btn-new-button {
    background: #8a8894 !important;
    color: #fff !important;
    border-color: #8a8894 !important;
    font-weight: 500 !important;
    padding: 9px 20px;
    font-size: 14px;
}

    .btn-new-button:hover {
        background: #333333 !important;
        color: #fff !important;
        border-color: #333333 !important;
        font-weight: 500 !important;
        padding: 9px 20px;
        font-size: 14px;
    }

.price-rate {
    font-size: 18px;
    font-weight: 600;
    color: #192969;
}

.pd20 {
    padding: 15px;
}

.bg_blue-colr {
    background-color: #192969;
}

.hd-fontsize24 {
    font-size: 24px;
}

.bohfontsize {
    font-size: 24px;
}

.banfontsize42 {
    font-size: 45px;
    font-weight: 700;
}

.padd15 {
    padding: 15px;
}

.padleft2 {
    padding-left: 4px;
}

.fontsize_20 {
    font-size: 14px
}

.pd-top30 {
    padding-top: 30px;
}

.pd-bottom30 {
    padding-bottom: 30px;
}

.pd-bottom10 {
    padding-bottom: 10px;
}

.locationn {
    padding-left: 24px;
    font-size: 13px;
}


.hotel-boxes {
    display: flex;
    flex-wrap: wrap;
}


.logo-boxes {
    background-color: #d9d9d9;
    border-radius: 10px;
    padding: 21px 16px;
    -moz-box-shadow: 0px 30px 20px -15px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 30px 20px -15px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 30px 20px -15px rgba(0, 0, 0, 0.4);
}





.bookdirect h3{font-size:22px;}

.bookdirect p {
    font-size: 16px;
}


.logo-boxes p {
    font-size: 18px;
    color: #000;
    padding-bottom:8px;
}

.star-thumb {
    position: absolute;
    top: -84px;
    bottom: 0px;
    right: -10px;
}


.mar-top-15{margin-top:15px;}

.pad-rgt-5 {padding-right:10px;}

.pad-b30 {padding-bottom:30px;}

.grey-box {
    border: 2px solid #8a8895;
    padding:20px;
}

.grey-box h2{
   font-weight:700;
    font-size:48px;
}

.textfont18 {
    font-size: 18px;
}