html, body {
        min-width: 100%;
        min-height: 100%;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        position: relative;
    }
    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #333;
        line-height: 1.5;
        background: #fff;
        background: #e6e7ea;
        -webkit-overflow-scrolling: touch;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -ms-font-smoothing: antialiased;
        -o-font-smoothing: antialiased;
        font-smoothing: antialiased;
    }
    article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
        display: block;
    }
    a {
        color: #9c8f69;
        text-decoration: none;
    }
    a#menu, a#bookNow {
        display: inline-block;
        width: auto;
        height: auto;
        position: absolute;
        font-family: 'Neva-Regular', 'Times New Roman', Times, serif;
        font-size: 1.5em;
        color: #fff;
        font-weight: normal;
        font-style: normal;
        white-space: nowrap;
        text-decoration: none;
        margin: 0;
        padding: 0 0 9px 0;
        text-align: center;
        letter-spacing: 1px;
        line-height: 1.0em;
        z-index: 1;
        /* text-shadow: 0 1px 7px rgba(0,0,0,0.9); */
    }

    header {
        width: 100%;
        height: auto;
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        padding: 24px 0 24px 0;
        background: rgba(32,21,71,1);
        clear: both;
        -webkit-transition: all 0.33s ease-in-out;
        -moz-transition: all 0.33s ease-in-out;
        -ms-transition: all 0.33s ease-in-out;
        -o-transition: all 0.33s ease-in-out;
        transition: all 0.33s ease-in-out;
        z-index: 100;
    }
    #header_row_02 {
        width: 100%;
        height: 28px;
        position: relative;
        margin: 16px 0 0 0;
        padding: 0;
        float: left;
        clear: both;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.33s ease-in-out;
        -moz-transition: all 0.33s ease-in-out;
        -ms-transition: all 0.33s ease-in-out;
        -o-transition: all 0.33s ease-in-out;
        transition: all 0.33s ease-in-out;
    }
    header.scroll #header_row_02 {
        margin: 0;
    }
    a#menu {
        top: 4px;
        left: 56px;
    }

    a#main_logo {
        display: block;
        width: 170px;
        height: 20px;
        position: absolute;
        top: 5px;
        left: 50%;
        margin: 0 0 0 -85px;
        padding: 0;
        background: url(https://gc.synxis.com/HOTEL/71301/IMAGES/SHELL/hari_logo_white-v3.png) 0 0 no-repeat;
        background-size: 170px 20px;
        text-decoration: none;
        z-index: 1;
    }
    nav {
        width: 360px;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        margin: 0 0 0 -360px;
        /* margin: 0; */
        padding: 0 54px 40px 56px;
        clear: both;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: rgba(255,255,255,0.90);
        overflow-y: scroll;
        overflow-x: hidden;
        z-index: 100;
    }
    a#menuClose {
        display: none;
    }
    .booking-engine {
        background: #e6e7ea;
        margin-top: 6rem;
    }
    footer {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 53px 0 40px 0;
        float: left;
        clear: both;
        background: #201547 !important;
        border-top: 3px solid #9c8f69;
    }
    #hari_logo {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        float: left;
        clear: both;
        text-align: center;
    }
    #hari_logo a {
        display: inline-block;
        width: 149px;
        height: 18px;
        margin: 0;
        padding: 0;
        background: url(https://gc.synxis.com/HOTEL/71301/SHELL/hari_logo_gold.svg) 0 0 no-repeat;
        background-size: 149px 18px;
    }
    .contents {
        width: 990px;
        height: auto;
        margin: 0 auto;
        padding: 0;
        clear: both;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 2;
    }
    #footer_row_01 {
        width: 100%;
        height: auto;
        margin: 48px 0 0 0;
        padding: 0;
        float: left;
        clear: both;
    }
    footer .contents {
        width: 88.41698841698842%;
        max-width: 1370px;
        /* max-width: 914px; */
    }
    #footer_row_01_col1 {
        width: 34.306569343065696%;
        height: auto;
        margin: 0;
        padding: 0 30px 0 0;
        float: left;
        clear: both;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        /* background: #888; */
    }
    footer h3 {
        font-family: 'AvenirLTStd-Black', Arial, Helvetica, sans-serif;
        font-size: 1.5em;
        color: #201547;
        font-weight: bold;
        font-style: normal;
        margin: 0 0 18px 0;
        padding: 0 0 16px 0;
        letter-spacing: 3px;
        line-height: 1.2em;
        position: relative;
        color: #fff;
    }
    #footer_row_01 p {
        font-family: 'AvenirLTStd-Book', Arial, Helvetica, sans-serif;
        font-size: 1.3em;
        color: #fff;
        font-weight: normal;
        font-style: normal;
        margin: 0;
        padding: 0;
        line-height: 1.4em;
    }
    #footer_row_01_col2 {
        width: 34.306569343065696%;
        height: auto;
        margin: 0;
        padding: 0 30px 0 0;
        float: left;
        display: inline;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        /* background: #888; */
    }
    #footer_row_02 {
        width: 100%;
        height: auto;
        margin: 54px 0 0 0;
        padding: 44px 0 0 0;
        float: left;
        clear: both;
        border-top: 1px solid #9c8f69;
    }
    #footer_row_02_col1 {
        width: 29.1970802919708%;
        height: auto;
        margin: 0;
        padding: 0;
        float: left;
        clear: both;
        text-align: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
    }
    #footer_row_01_col3 {
        width: 31.386861313868614%;
        height: auto;
        margin: 0;
        padding: 0;
        float: left;
        display: inline;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        /* background: #888; */
    }
    a.lvx_logo {
        display: inline-block;
        width: 120px;
        height: 71px;
        margin: 44px 0 0 0;
        padding: 0;
        clear: both;
        background: url(https://gc.synxis.com/CHAIN/10237/IMAGES/SHELL/lvx-logo-wh-120.png) 0 0 no-repeat;
        background-size: 120px 71px;
    }
    #footer_row_02_col2 {
        width: 41.605839416058394%;
        height: auto;
        margin: 0;
        padding: 0;
        float: left;
        display: inline;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        /* background: #666; */
    }
    a#footer_symbol {
        display: inline-block;
        width: 23px;
        height: 30px;
        margin: 0 0 14px 0;
        padding: 0;
        background: url(https://gc.synxis.com/HOTEL/71301/SHELL/hari_symbol.svg) 0 0 no-repeat;
        background-size: 23px 30px;
        clear: both;
    }
    #footer_row_02 p {
        font-family: 'Neva-Regular', 'Times New Roman', Times, serif;
        font-size: 1.2em;
        color: #9c8f69;
        font-weight: normal;
        font-style: normal;
        margin: 0;
        padding: 0;
        line-height: 1.5em;
    }
    #footer_row_02_col3 {
        width: 29.1970802919708%;
        height: auto;
        margin: 0;
        padding: 0;
        float: left;
        display: inline;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: right;
        /* background: #888; */
    }
    ul.social_icons {
        width: 100%;
        height: auto;
        margin: 46px 0 0 0;
        padding: 0 0 15px 0;
        float: left;
        clear: both;
    }
    ul.social_icons li {
        display: inline-block;
        width: auto;
        height: auto;
        font-size: 3.0em;
        margin: 0 0 0 14px;
        padding: 0;
        line-height: 1.0em;
        vertical-align: middle;
    }
    l.social_icons li a {
        color: #fff;
        text-decoration: none;
    }
    ul.social_icons li a:hover {
        color: #9c8f69;
        text-decoration: none;
    }

    span.hashtag {
        display: block;
        width: 100%;
        height: auto;
        font-family: 'AvenirLTStd-Black', Arial, Helvetica, sans-serif;
        font-size: 1.8em;
        color: #fff;
        font-weight: bold;
        font-style: normal;
        margin: 0;
        padding: 0;
        letter-spacing: 6.8px;
        line-height: 1.2em;
        clear: both;
        text-align: right;
    }
    .fa {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
    }
    .fa-instagram:before {
        content: "\f16d";
    }
    .fa-twitter:before {
        content: "\f099";
    }
    .fa-facebook-f:before, .fa-facebook:before {
        content: "\f09a";
    }
    .fa-pinterest:before {
        content: "\f0d2";
        display: none;
    }



    span.hashtag {
        display: block;
        width: 100%;
        height: auto;
        font-family: 'AvenirLTStd-Black', Arial, Helvetica, sans-serif;
        font-size: 1.8em;
        color: #fff;
        font-weight: bold;
        font-style: normal;
        margin: 0;
        padding: 0;
        letter-spacing: 6.8px;
        line-height: 1.2em;
        clear: both;
        text-align: right;
    }
    .btnSt1, .btnSt1:hover, .btnSt2, .btnSt2:hover {
        background: #201547;
        border-radius: 0;
    }
    .btnSt3, .btnSt3:hover, .btnSt4, .btnSt4:hover {
        background: #9c8f69;
        border-radius: 0;
    }
    footer h3 {
        color: #fff;
    }
    footer h3::after {
        content: " ";
        display: block;
        width: 102px;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0;
        clear: both;
        background: #fff;
    }
    .visible_desktop {
        display: inline-block !important;
    }
    .hCollpase .ToggleArrowDiv_Off+span::before {
        content: "\e832";
        font-family: "icons";
        color: #201547;
        margin: 0 10px 0 0;
        vertical-align: middle;
        font-weight: 400;
    }

    .hCollpase .ToggleArrowDiv_On+span::before {
        content: "\e831";
        font-family: "icons";
        color: #201547;
        margin: 0 10px 0 0;
        vertical-align: middle;
        font-weight: 400;
    }


    /* REQUESTED UPTDATES 05/01/2017 */

    #XbeViewPanel {
        width: 95%;
        max-width: 1200px;
        margin: 0 auto 0;
        padding-top: 30px;
    }

    /* HEADER W/ HOTEL NAME & LOCATION */
    .HotelNameAddress {
        display: none;
    }

    .booking-engine {
        padding-bottom: 30px;
    }

    .CriteriaHelp {
        font-weight: normal;
    }

    /* PAGE TITLE FONTS*/
    .StepName h2,
    .hSize1
    .hSize2 {
        font-family: 'Nunito', sans-serif;
        font-weight: 800;
        font-size: 30px;
        text-transform: uppercase;
        color: #201547;
    }

    /* ROOM TYPE FONTS -- MAKE SLIGHTLY SMALLER THAN "PRICE FONTS" FONT */
    .hSize3,
    .hSize4 {
        font-family: 'Nunito', sans-serif;
        font-weight: 800;
        font-size: 21px;
        text-transform: uppercase;
        color: #201547;
    }


    /* ROOMS & RATES HOTEL DESCRIPTIONS */
    .CriteriaHelp, .ProductPoliciesPanel,
    .HeaderDesc, .ProductDesc,
    .HeaderLongDesc, .HeaderShortDesc,
    .ProductShortDesc, .ProductLongDesc,
    .PoliciesModal, .PolicyTxt,
    .CompareProducts, .PkgDescSelection,
    .TotalCharge,.ForgotPwdInstructions,
    #phgBottom, .StayBar .Dates, .PoliciesDiv,
    .StayBar .Guests, .StayBar .Total,
    .ResModify, .ResConfirm, .ResRightCol, .ResLeftCol {
        font-family: 'Maitree', serif;
        color: #201547;
        font-size: 14px;
        font-style: normal;
        line-height: 1.4;
        font-weight: 400;
    }

    /* SO MUCH STUFF -- SAME STYLES AS ABOVE WITH NO LINE-HEIGHT */
    .tSmall, #XbeViewPanel p  {
        font-family: 'Maitree', serif;
        color: #201547;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

    .fieldDiv label {
        font-family: 'Nunito', sans-serif;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        color: #201547;
    }

    /* FORM TEXT */
    input[type=text], input[type=email],
    input[type=tel], input[type=number],
    input[type=password], textarea, select {
        font-family: 'Nunito', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #201547;
        border-radiud: 0;
    }

    /* LINK COLORS */
    .ModalForgotPwdLink, .ReadMoreLink,
    .LoginLink a, .CriteriaHelp a,
    .MoreAboutLink, .UnselectedLink,
    .PriceBreackDownLink a,.ForgotPwdLink,
    .ProductPriceBreackDownLink,
    .CompareProducts a, #phgBottom a,
    .ShopCartLink a, .PoliciesLink,
    .StayBar a.ModifyLink, a.inherit {
        color: #9c8f69;
    }

    .LoginLink a:hover, .CriteriaHelp a:hover,
    .ReadMoreLink:hover, .ProductPriceBreackDownLink:hover,
    .ModalForgotPwdLink:hover, .ForgotPwdLink:hover,
    .PriceBreackDownLink a:hover, .UnselectedLink:hover,
    .MoreAboutLink:hover, .CompareProducts a:hover,
    #phgBottom a:hover, .ShopCartLink a:hover,
    .PoliciesLink:hover, .StayBar a.ModifyLink:hover,
    a.inherit:hover {
        color: #201547;
    }

    /* HOVER TRANSITIONS */

    a, input, button {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    .Bg1, .Bg2, .Bg3,
    .Bg4, .Bg5, .Bg6 {
        background-color: #fff;
    }

    .Br1, .Br2, .Br3 {
        border-color: #201547;
    }

    /* BUTTONS */

    .btnSt1,
    .btnSt2 {
        font-family: 'Nunito', sans-serif;
        font-weight: 700;
        font-size: 18px;
        text-transform: uppercase;
        color: #fff;
        background: #9c8f69;
        border-radius: 0;
        padding: 10px 18px 8px 20px;
        line-height: 2;
    }

    .btnSt1:hover,
    .btnSt2:hover {
        font-family: 'Nunito', sans-serif;
        font-weight: 700;
        font-size: 18px;
        text-transform: uppercase;
        color: #fff;
        background: #201547;
        border-radius: 0;
        padding: 10px 18px 8px 20px;
        line-height: 2;
    }

    .btnSt3,
    .btnSt4 {
        font-family: 'Nunito', sans-serif;
        text-transform: uppercase;
        color: #fff;
        background: #201547;
        border-radius: 0;
        padding: 10px 18px 8px 20px;
        line-height: 2;
    }

    .btnSt3:hover,
    .btnSt4:hover {
        font-family: 'Nunito', sans-serif;
        text-transform: uppercase;
        color: #fff;
        background: #9c8f69;
        border-radius: 0;
        padding: 10px 18px 8px 20px;
        line-height: 2;
    }

    /* POP-UP CALENDAR BUTTON & SLIDER CONTROL */
    .ui-widget-header .ui-state-default,
    .ui-slider-handle.ui-corner-all {
        font-family: 'Nunito', sans-serif;
        font-weight: 700;
        font-size: 18px;
        text-transform: uppercase;
        color: #fff;
        background: #9c8f69;
        border-radius: 0;
        border-color: transparent;
    }

    .infoIco::before, .infoIcoAfter::after,
    .ProductNamePromo .PromoIcon::before,
    .Asterisk::before, .DateFwd .activeLink::before,
    .removeIco::after, .CloseBtnX::before,
    .FilterClose::after, .CompareClose::after,
    .ui-widget-header .ui-icon, .HeaderImage .MorePhotosLink,
    .hCollpase .ToggleArrowDiv_On+span::before,
    .hCollpase .ToggleArrowDiv_Off+span::before,
    .Bg4 .hCollpase .ToggleArrowDiv_Off+span::before,
    .Bg4 .hCollpase .ToggleArrowDiv_On+span::before,
    .Bg4 .shCollpase .ToggleArrowDiv_Off+span::before,
    .Bg4 .shCollpase .ToggleArrowDiv_On+span::before,
    .openModal::before, .FilterLinkInActive::before,
    .FilterLinkActive::before, .MonthlyAvailabilityLink::after,
    .modifyIco::before, .removeIco::before, .calendars-wrapper::before,
    .MonthlyAvailabilityLink::after, .ArrowTop::before,
    .DateBack .activeLink::before, .ShopCartIco::before,
    .MorePhotosLink::before, .calendarIco::before, .printIco::before,
    .arrowUp, .arrowDown, .Arrow.Down:before, .Arrow.Up:before {
        color: #201547;
    }

    .ProductsHeader:first-child,
    .ProductsHeader {
        background: #fff;
        padding: 15px 10px;
    }

    .Checkout {
        background: #fff;
        padding: 0 15px 25px;
        border: 1px solid #201547;
    }

    /* MONTH PICKER DROP-DOWN */
    select.calendars-month-year {
        border-color: transparent;
    }

    .CompareBtnBtm {
        display: none;
    }

    .PkgOptBtnsTop, .PckOptBtnsBtm {
        float: none;
    }

    /* MONTH BACKGROUND */
    .ui-widget-header {
        background: transparent;
    }

    /* FIXES .YOURSTAY EXPANDED ISSUES */
    .YourStay,
    .YourStayStatic,
    .YourStayCheckout {
        padding: 5px;
        margin-bottom: 10px;
    }

    /* FIXES PROBLEM WITH BACKGROUND IN RESERVATION PAGES */
    .ResConfirm .NwResLinkDiv,
    .ResModify .ReviewResBottomBtns {
        float: none!important;
    }

    .PriceExtraInfo {
        vertical-align: text-bottom;
    }

    /* ALIGNS BACK BUTTON WITH PAGE TITLE */
    .backBtn {
        vertical-align: super;
    }

    .backBtn::before {
        vertical-align: middle;
    }

    /* VIEW BY ROOM/RATE BORDER */
    .ProductSorting {
        border-radius: 0px;
    }

    .ProductsInCategory::before,
    .PackageList::before {
        display: none;
    }

    .PkgTopContBtn.btnSt1,
    .PkgTopNoThxBtn.btnSt1,
    .PkgBtmContBtn.btnSt1,
    .PkgBtmNoThxBtn.btnSt1 {
        background-color: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }

    /* MEDIA QUERIES */

    @media only screen and (max-width : 900px) {

        /* CALENDAR SIZE */
        .ui-datepicker-multi .ui-datepicker-group.first,
        .ui-datepicker-multi .ui-datepicker-group.last {
            padding: 5px;
        }

        .ui-datepicker-header.ui-widget-header {
            margin-right: 15px;
            margin-left: 15px;
        }

    }

    @media only screen and (max-width : 700px) {

        /* CALENDAR SIZE */
        .ui-datepicker-multi .ui-datepicker-group.first,
        .ui-datepicker-multi .ui-datepicker-group.last {
            width: 100%;
            padding: 0;
        }

    }

    @media only screen and (max-width : 600px) {

        #XbeViewPanel {
            width: 100%;
        }

        /* TOP DROP-DOWN MENUS */
        .LinksBar .LoginDiv,
        .LinksBar .ShopCartLinkDiv{
            width: 100%;
        }

        .LinksBar>div {
            margin-bottom: 5px;
        }

        /* REFRESH CALENDAR BTN */
        .RefreshCal {
            float: none;
            margin: 10px auto;
        }

        .LinksBar.Mrgn1 {
            margin-bottom: 10px;
        }

        .Nights {
            display: none;
        }

        /* iPREFER BLURB */
        #iPreferLong {
            display: none;
        }

        #iPreferShort {
            display: inherit!important;
        }

        .StepName.Mrgn1 {
            margin: 10px;
        }

        .CheckAvail .CheckAvail {
            margin-bottom: 35px;
        }

        /* FIXES ISSUE WITH REVIEW OR MODIFY BUTTON BREAKING */
        .YourStayHeader, .YourStayHeaderCheckout {
            padding-right: 0;
        }

        .hCollpase.Mrgn3.YourStayHeaderCheckout {
            margin: 10px 5px;
        }

    }

    @media only screen and (max-width : 400px) {

        /* FIXES CALENDAR BREAK IN SMALL SCREENS */

        .CalwPrice .ui-datepicker td a,
        .CalwPrice .ui-datepicker td span {
            height: 5em;
            padding: 10px 1px;
        }
        .ui-datepicker table {
            font-size: 11px;
            margin: 0;
        }

        .CalendarDiv .ui-state-active,
        .CalendarDiv a.ui-state-active {
            border-width: 2px;
        }

        .CalendarDiv.Mrgn1 {
            margin: 0 2px 20px;
        }

        /* END CALENDAR FIX */
    }

    .LoginInstructions{
        margin-bottom: 10px;
    }

    .iprefer-message{
        padding-bottom: 20px;
        font-size: 13px;
    }