@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,800');

:root {
    --primary-color: #2C4DB2;
    --secondary-color: #E79C2A;
    --primary-color-tint: #5f7cd5;
    --black: #000000;
    --white: #FFFFFF;
    --grey: #3D3D3D;
    --light-grey: #c8c8c8;
    --error: #FF0000;
    --error-tint: #ffd4d4;
    --success: #188919;
    --success-tint: #aeffcb;

    --vertical-margin: 15px;
    --horizontal-margin: 54px;
    --mobile-vertical-margin: 10px;
    --mobile-horizontal-margin: 20px;

    --padding: 20px;
    --mobile-padding: 10px;
    --spacing: 20px;
    --border-radius: 8px;

    --button-vertical-padding: 10px;
    --button-horizontal-padding: 20px;

    --small-button-vertical-padding: 10px;
    --small-button-horizontal-padding: 20px;

    --full-width: 100%;
    --left-column-width: 250px;
    --right-column-width: 250px;

    --line-height: 2rem;

    --column-header-text: 16px;

    --extra-small-button-text: 10px;
    --small-button-text: 14px;
    --large-button-text: 16px;
    --button-weight: bold;

    --border-width: 1px;

    --hotel-list-image-height: 200px;

    --large-text: 25px;
    --medium-text: 20px;
    --small-text: 14px;  /* Alliance 14px */
    --extra-small-text: 12px;
}

/* ***************************** GENERAL ***************************** */

html {
    background-color: var(--primary-color);
}

BODY {
    overflow: auto !important;
    color: var(--black);
    margin: 0px;
    font-weight: normal; 
    font-size: var(--small-text); 
    font-style: normal; 
    font-family: Helvetica, Arial, sans-serif;
    }

td {
    font-size: var(--extra-small-text);
    font-family: Helvetica, Arial, sans-serif;
    }

a:link { color: var(--secondary-color); text-decoration: none}
a:visited { color: var(--secondary-color); text-decoration: none}
a:hover {  color: var(--error); text-decoration: underline}


/* ***************************** APP BAR ***************************** */
header * {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

/*header{ border-top: 4px solid #000 }*/

.header-wl {
    overflow: hidden;
    position: relative;
    background-color: var(--white);
    min-height: 0;
    max-height: none;
    padding-left: var(--horizontal-margin);
    padding-right: var(--horizontal-margin);
    padding-top: var(--vertical-margin);
    padding-bottom: var(--vertical-margin);
    border-top: 0px solid var(--white);
    border-bottom: 0px solid var(--white);
}
    
/* body .header-wl {
    padding: 10px 0;
    } */

/* BYB Logo */
#logo-wl img {
    width: auto;
    height: 80px;
    max-height: 80px;
    min-height: none;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
}

body #logo {
    top: 0;
    }
    
header a, 
header a:link, 
header a:visited {
    text-decoration: none;
    }

.container-wl {
    padding: 0px;
    max-width: var(--full-width);
    margin: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

ul#navigation-wl {
    float: right;
    position: relative;
    display: flex;
    list-style: none;
    font-size: var(--small-text);
    align-content: center;
    align-items: center;
}

ul#navigation-wl li {
    margin-left: 0px;
    display: inline-block;
    color: var(--light-grey);
    }
    
#message-wl {
    font-size: var(--medium-text);
}

a#show-currency {
    padding: 10px;
    color: white;
    margin-right: 10px;
    background-color: var(--primary-color);
    border-radius: var(--border-radius);
}

/* View Reservation Button */
header a#viewres-wl, header a#viewres-wl:link, header a#viewres-wl:visited {
    display: inline-block;
    height: auto;
    padding-top: var(--button-vertical-padding);
    padding-bottom: var(--button-vertical-padding);
    padding-left: var(--button-horizontal-padding);
    padding-right: var(--button-horizontal-padding);
    border-radius: var(--border-radius);
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    text-transform: uppercase;
}

#flag-e {
    display: none;
}

.container-wl .clear {
    display: none;
}

@media screen and (max-width: 900px) {
    .Body {
        background: none !important;
        background-color: var(--primary-color) !important;
        line-height: var(--line-height) !important;
    }

    body, body.GroupHoldForm, body.HoldRoomsForm, .SearchHotels {
        background: none !important;
        background-color: var(--primary-color) !important;
    }
    
    .orange-text {
        color: var(--secondary-color)!important;
    }
    
    .blue-text {
        color: var(--primary-color)!important;
    }
    
    .img-wrap {
        margin-bottom: var(--mobile-padding)!important;
        padding-bottom: var(--mobile-padding)!important;
    }
    
    .errors {
        border: 1px solid var(--error)!important;
        background-color: var(--error-tint)!important;
        border-radius: var(--border-radius)!important;
        padding: var(--mobile-padding) !important;
    }

    /* .hideTopInclude {
        object-fit: contain;
    } */
}

@media screen and (max-width: 550px) {
    .header-wl {
        overflow: hidden;
        position: relative;
        background-color: var(--white);
        min-height: 0;
        max-height: none;
        padding-left: var(--mobile-horizontal-margin);
        padding-right: var(--mobile-horizontal-margin);
        padding-top: var(--mobile-vertical-margin);
        padding-bottom: var(--mobile-vertical-margin);
        border-top: 0px solid var(--white);
        border-bottom: 0px solid var(--white);
    }

    /* BYB Logo */
    #logo-wl img {
        width: auto !important;
        height: 40px !important;
        max-height: 40px;
        min-height: none;
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    body #logo {
        top: 0;
    }
}

/* ***************************** PAGING BOTTOM ***************************** */

#paging-bottom {
    padding: var(--padding) !important;
    color: var(--white);
    display: flex;
    justify-content: center;
}

.paging_previous a {
    color: var(--secondary-color) !important;
    text-decoration: none;
}

.paging_page a {
    color: var(--secondary-color) !important;
    text-decoration: none;
}

.paging_next a {
    color: var(--secondary-color) !important;
    text-decoration: none;
}

/* ***************************** FOOTER ***************************** */

body footer {
    background-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
    padding-left: var(--horizontal-margin) !important;
    padding-right: var(--horizontal-margin) !important;
    padding-top: var(--vertical-margin) !important;
    padding-bottom: var(--vertical-margin) !important;
}

footer .container-wl {
    padding: var(--padding) !important;
    max-width: var(--full-width) !important;
    /* margin: 0 !important; */
    background-color: var(--white) !important;
    position: relative !important;
    border-radius: var(--border-radius) !important;
    display: flex !important;
    justify-content: center !important;
    align-content: center !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
}

footer a:link, 
footer a:active, 
footer a:visited {
    color: var(--primary-color) !important;
    text-decoration:none;
    padding: var(--spacing) !important;
    font-weight: 700;
    text-transform: uppercase;
    }

footer small {
    display: block;
    margin-top: 0px !important;
    font-size: 13px;
    width: 100% !important;
}

.footer-phone {
    font-weight: bold;
    margin-bottom: 0px !important;
    font-size: 16px;
}

.checkout-footer div:nth-child(2) {
    display: none !important;
}

@media screen and (max-width: 900px) {
    footer .container-wl {
        padding: var(--padding) !important;
        max-width: var(--full-width) !important;
        /* margin: 0 !important; */
        background-color: var(--white) !important;
        position: relative !important;
        border-radius: var(--border-radius) !important;
        display: flex !important;
        justify-content: center !important;
        align-content: center !important;
        flex-wrap: wrap !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 550px) {
    body footer {
        background-color: var(--primary-color) !important;
        color: var(--primary-color) !important;
        padding-left: var(--mobile-horizontal-margin) !important;
        padding-right: var(--mobile-horizontal-margin) !important;
        padding-top: var(--mobile-vertical-margin) !important;
        padding-bottom: var(--mobile-vertical-margin) !important;
    }
}

/* ***************************** MAIN CONTENT ***************************** */

#MainContent {
    background-color: var(--primary-color) !important;
    margin: 0;
    width: 100%;
    padding-left: var(--horizontal-margin) !important;
    padding-right: var(--horizontal-margin) !important;
    display: block !important;
    border:0px;
    border-spacing:0;
}

#ContentInner {
    width: 100% !important;
    margin: 0;
    max-width: 100% !important;
    min-height: 400px;
    padding: 0;
    padding-top: var(--padding);
    padding-bottom: var(--padding);
    background-color: transparent !important;
    display: inline-block;
}

#Flag-Wrap {
    float:right;
    margin-top:0px;
}

@media screen and (max-width: 550px) {
    #MainContent {
        background-color: var(--primary-color);
        margin: 0;
        width: 100%;
        padding-left: var(--mobile-horizontal-margin) !important;
        padding-right: var(--mobile-horizontal-margin) !important;
        display:table;
        border:0px;
        border-spacing:0;
    }
}

/* ***************************** SEARCH BOXES HEADER ***************************** */

#Search-Box {
    background-color: transparent !important;
    padding: 50px 0 !important;
    color: var(--white) !important;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#Search-Box .container_hp {
    max-width: 800px !important;
    margin: 0 auto !important;
}

.field-group {
    width: 20%;
    float: left;
    padding-right: var(--spacing);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.field-group input {
    line-height: var(--line-height) !important;
    background-color: var(--white) !important;
    border: var(--border-width) solid var(--grey) !important;
    border-radius: var(--border-radius) !important;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s !important;
    font-size: var(--small-button-text) !important;
    padding-top: var(--button-vertical-padding) !important;
    padding-bottom: var(--button-vertical-padding) !important;
    padding-left: var(--button-horizontal-padding) !important;
    padding-right: var(--button-horizontal-padding) !important;
}

#rooms.field-group {
    width: 8%;
}

.field-group .customSelect {
    line-height: var(--line-height) !important;
    height: auto !important;
    background-color: var(--white) !important;
    border: var(--border-width) solid var(--grey) !important;
    border-radius: var(--border-radius) !important;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s !important;
    font-size: var(--small-button-text) !important;
    padding-top: var(--button-vertical-padding) !important;
    padding-bottom: var(--button-vertical-padding) !important;
    padding-left: var(--button-horizontal-padding) !important;
    padding-right: var(--button-horizontal-padding) !important;
}

.field-group input[type=text] {
    line-height: var(--line-height) !important;
    height: auto !important;
    padding: 0px;
}

#Search-Box select {
    line-height: var(--line-height) !important;
    background-color: var(--white) !important;
    border: var(--border-width) solid var(--grey) !important;
    border-radius: var(--border-radius) !important;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s !important;
    font-size: var(--small-button-text) !important;
    padding-top: var(--button-vertical-padding) !important;
    padding-bottom: var(--button-vertical-padding) !important;
    padding-left: var(--button-horizontal-padding) !important;
    padding-right: var(--button-horizontal-padding) !important;
}

input#btnStartSearch {
    line-height: var(--line-height) !important;
    display: inline-block !important;
    height: auto !important;
    padding-top: var(--button-vertical-padding) !important;
    padding-bottom: var(--button-vertical-padding) !important;
    padding-left: var(--button-horizontal-padding) !important;
    padding-right: var(--button-horizontal-padding) !important;
    border-radius: var(--border-radius) !important;
    background-color: var(--secondary-color) !important;
    color: var(--white) !important;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 !important;
    box-shadow: 0 !important;
    text-transform: uppercase !important;
    font-size: var(--small-button-text) !important;
    font-weight: bold !important;
    border: 0px !important;
    text-align:center !important;
    width: auto !important;
}

#discounts {
    margin-top: var(--spacing);
    clear: both;
    line-height: var(--line-height);
    display: none;
}

@media screen and (min-width: 1px) and (max-width: 900px) {
    #Search-Box {
        background-image: none !important;
        background-color: transparent !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #submit.field-group input {
        font-size: 17px;
        height: auto;
        border-radius: var(--border-radius) !important;
        padding: var(--button-vertical-padding) var(--button-horizontal-padding) !important;
        box-shadow: 0px !important;
        background-color: var(--secondary-color) !important;
        background: var(--secondary-color) !important;
        border: 0;
        width: 100% !important;
    }
}



@media screen and (max-width: 768px) {
    #Search-Box {
        background-image: none !important;
        background-color: transparent !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    
    .field-group {
        margin-bottom: var(--spacing) !important;
    }

    #submit.field-group input {
        font-size: 17px;
        height: auto;
        border-radius: var(--border-radius) !important;
        padding: var(--button-vertical-padding) var(--button-horizontal-padding) !important;
        box-shadow: none !important;
        background-color: var(--secondary-color) !important;
        background: var(--secondary-color) !important;
        border: 0;
        width: 100% !important;
    }
}
@media screen and (max-width: 768px) {
    #city-name, #form-details, .field-group label {
        text-shadow: none !important;
    }
 
    .field-group .customSelect, .field-group input[type=number], .field-group input[type=text] {
        height: auto;
        padding: var(--button-horizontal-padding) var(--button-vertical-padding);
        box-shadow: none !important;
    }
}


/* ***************************** MAIN SECTION ***************************** */

div#search-instructions {
    display: none;
}

#Content {
    max-width: none !important;
    padding-bottom: var(--vertical-margin) !important;
    padding-right: 0 !important;
    padding-top: var(--vertical-margin) !important;
    padding-left: 0 !important;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
}

.container_hp {
    width: 100%;
    max-width: none !important;
    position: relative;
    margin: 0;
    padding: 0px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 1010px) {
    #Content {
        flex-direction: column !important;
    }
}

@media screen and (max-width: 900px) {
    #Content {
        max-width: none !important;
        padding-bottom: var(--vertical-margin) !important;
        padding-right: 0 !important;
        padding-top: var(--vertical-margin) !important;
        padding-left: 0 !important;
        display: flex;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
}




/* ***************************** LEFT COLUMN ***************************** */

#Filter-Column {
    width: var(--left-column-width) !important;
    min-width: var(--left-column-width) !important;
    max-width: var(--left-column-width) !important;
    padding: var(--padding);
    background-color: var(--white);
    border-radius: var(--border-radius);
    margin-right: var(--padding);
    display: flex !important;
}

#Filter div {
    padding: 10px !important;
}

#pg_SearchIndv .filter-section {
    border-top: 0;
    background-color: var(--white);
    padding: 0px;
    border-radius: var(--border-radius);
}

body.IndividualSearch #Filter.sticky {
    padding: 0px;
    top: 0px !important;
    display: block;
    background-color: var(--white);
    border-radius: var(--border-radius);
    width: var(--full-width) !important;
    max-width: none;
    left: 0px !important;
    position: relative !important;
}

#mobile-apply-btn {
    width: auto;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background-color: #239fdb;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 15px;
}

#Filter-Column .container_hp {
    width: var(--full-width) !important;
}

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

    #Filter.sticky {
        padding: 0px;
        top: 0px !important;
        display: block;
        background-color: var(--white);
        border-radius: var(--border-radius);
        width: var(--full-width) !important;
        max-width: none;
        left: 0px !important;
        position: relative !important;
    }

    .mobile.nav {
        width: 100%;
        padding-bottom: var(--spacing) !important;
    }

    .mobile.nav  .inner {
        height: 59px;
        margin-top: 1px;
        overflow: hidden;
        background-color: transparent;
        margin: 0;
        height: auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
    }

    .mobile.nav  .inner  div {
        display: inline-block;
        width: 30% !important;
    }

    .mobile.nav  .inner  div  a:link, .mobile.nav  .inner  div  a:visited {
        background-color: var(--secondary-color) !important;
        color: var(--white) !important;
        text-transform: uppercase;
        padding-top: var(--small-button-vertical-padding);
        padding-bottom: var(--small-button-vertical-padding);
        padding-left: var(--small-button-horizontal-padding);
        padding-right: var(--small-button-horizontal-padding);
        border-radius: var(--border-radius);
        border: 0px;
        margin: 0px;
    }
}

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

    #Filter.sticky {
        padding: 0px;
        top: 0px !important;
        display: block;
        background-color: var(--white);
        border-radius: var(--border-radius);
        width: var(--full-width) !important;
        max-width: none;
        left: 0px !important;
        position: relative !important;
    }

    .mobile.nav {
        width: 100%;
        padding-bottom: var(--spacing) !important;
    }

    .mobile.nav  .inner {
        height: 59px;
        margin-top: 1px;
        overflow: hidden;
        background-color: transparent;
        margin: 0;
        height: auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
    }

    .mobile.nav  .inner  div {
        display: inline-block;
        width: 30% !important;
    }

    .mobile.nav  .inner  div  a:link, .mobile.nav  .inner  div  a:visited {
        background-color: var(--secondary-color) !important;
        color: var(--white) !important;
        text-transform: uppercase;
        padding-top: var(--small-button-vertical-padding);
        padding-bottom: var(--small-button-vertical-padding);
        padding-left: var(--small-button-horizontal-padding);
        padding-right: var(--small-button-horizontal-padding);
        border-radius: var(--border-radius);
        border: 0px;
        margin: 0px;
    }
}

@media (min-width: 768px){
    #Filter.sticky {
        padding: 0px;
        top: 0px !important;
        display: block;
        background-color: var(--white);
        border-radius: var(--border-radius);
        width: var(--full-width) !important;
        max-width: none;
        left: 0px !important;
        position: relative !important;
    }
}

/* ***************************** CENTER COLUMN ***************************** */

#Rates-Column {
    display: inline-block !important;
    width: var(--full-width) !important;
    max-width: var(--full-width) !important;
    padding-left: 0px !important;
}

#paging-container {
    margin-bottom: var(--spacing) !important;
    padding: var(--padding);
    background-color: var(--white);
    border-radius: var(--border-radius);
}

#pg_SearchIndv #sort-by li.first, #pg_SearchIndv #sort-by li#zip-sort-option {
    display: inline-block;
}

#sort-by li.sort-option, #sort-by li.sort-option:hover {
    cursor: pointer !important;
    font-weight: bold !important;
    color: var(--secondary-color) !important;
}

#Rates-Column #sort-by li.active, #Rates-Column #sort-by li.active:hover {
    background-color: var(--primary-color) !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color: var(--white) !important;
    border-radius: var(--border-radius) !important;
    padding-right: 40px;
}

.arrow-icon {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 20px !important;
    z-index: 1;
    width: 7px;
    height: 4px;
    background-image: url("//cdn.hotelplanner.com/Common/Images/arrow-down.png");
    background-repeat: no-repeat;
    background-position: center top;
}

#sort-by {
    border: 0px solid var(--white) !important;
}

body #EventIntro {
    padding: var(--padding) !important;
    margin: 0px !important;
    margin-bottom: var(--spacing) !important;
    border: 0px !important;
    background: none !important;
    background-color: var(--white) !important;
    border-radius: var(--border-radius) !important;
    font-size: var(--large-text) !important;
    color: var(--primary-color) !important;
    min-height: 50px !important;
}

.seEventName {
    font-size: var(--large-text) !important;
    font-weight: bold;
    display: block;
    margin-bottom: var(--spacing);
    color: var(--primary-color) !important;
}

.seContent {
    color: var(--black) !important;
    font-size: var(--small-text) !important;
    font-weight: normal !important;
}

#EventIntro p:first-of-type {
    font-size: var(--medium-text) !important;
    font-weight: 600;
    display: block;
    margin-bottom: var(--spacing);
    color: var(--primary-color) !important;
}

#EventIntro #controls-wrapper {
    margin-top: var(--spacing);
    position: relative;
    font-size: var(--small-text);
    display: none;
}

/* Hotels */
.hotel-rates {
    padding: var(--padding) !important;
    border: 0px solid transparent !important;
    cursor: pointer;
    position: relative;
    width: var(--full-width) !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--white) !important;
    border-radius: var(--border-radius) !important;
    margin-bottom: var(--spacing) !important;
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.description-column {
    width: 50% !important;
    padding: 0px !important;
    padding-right: var(--padding) !important;
    padding-left: var(--padding) !important;
    order: 2;
}

.features {
    display: none !important;
}

span.Comments {
    display: none;
}

.savings {
    display: none !important;
}

body.IndividualSearch .photo-wrapper {
    max-height: 200px !important;
    max-width: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: var(--border-radius) !important;
}

#pg_SearchIndv .thumbnail-column {
    text-align: center;
    display: inline-block;
    height: var(--hotel-list-image-height);
    padding: 0px;
    width: 25%;
    order: 1;
}

body.IndividualSearch .photo-wrapper {
    display: block;
    height: 100%;
    max-height: none !important;
    max-width: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#pg_SearchIndv.IndividualSearch .thumbnail-column img {
    min-width: 0px;
    min-height: 0px;
    height: 100%;
    width: 100%;
    border-radius: var(--border-radius) !important;
}

.IndividualSearch .rating-column {
    padding: 0px !important;
    height: var(--hotel-list-image-height) !important;
    padding-left: var(--padding) !important;
    width: 25% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    order: 3;
}

a.check-rates:link, a.check-rates:visited {
    line-height: normal;
    display: inline-block !important;
    height: auto !important;
    padding-top: var(--button-vertical-padding) !important;
    padding-bottom: var(--button-vertical-padding) !important;
    padding-left: var(--button-horizontal-padding) !important;
    padding-right: var(--button-horizontal-padding) !important;
    border-radius: var(--border-radius) !important;
    background-color: var(--secondary-color) !important;
    color: var(--white) !important;
    -webkit-box-shadow: 0 !important;
    -moz-box-shadow: 0 !important;
    box-shadow: 0 !important;
    text-transform: uppercase !important;
    font-size: var(--small-button-text) !important;
    font-weight: bold !important;
    border: 0px !important;
    text-align:center !important;
    width: auto !important;
}

/*  Map Button */
div#viewmapbutton-container {
    display: none;
}

#viewMapButton {
    width: 100%;
    border: 0px;
    background-color: white;
    padding: 20px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px !important;
    margin-bottom: 20px !important;
}

/* Map */
#mapViewTable {
    display: table;
    width: var(--full-width) !important;
    border-spacing: 0;
    margin-bottom: var(--spacing) !important;
}

#mapViewTable td:first-child {
    display: none !important;
}

#mapViewTable td {
    vertical-align: top;
    width: var(--full-width) !important;
}

div#map-container {
    width: var(--full-width) !important;
}

div#searchResultsMap {
    width: var(--full-width) !important;
    height: 600px !important;
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius) !important;
}

#mapBackButton {
    border: 0 !important;
    border-radius: var(--border-radius) !important;
    box-shadow: 0 !important;
    cursor: pointer !important;
    margin-top: var(--spacing) !important;
    margin-left: var(--spacing) !important;
    text-align: center !important;
    border: 0 !important;
    padding: var(--button-vertical-padding) var(--button-horizontal-padding) !important;
    background-color: var(--secondary-color) !important;
    color: var(--white) !important;
}

div#mapFullscreenToggleButton {
    display: none !important;
}

/* At 1250 Max Width display styles following */
@media screen and (max-width: 1250px) {
    /*  Map Button */
    div#viewmapbutton-container {
        display: block;
    }

}

@media screen and (max-width: 900px) {
    .hotel-rates {
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #ddd;
        border-bottom: 1px dotted #a7a7a7;
        padding: 12px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 10px 0;
        min-height: 120px;
        margin: 0;
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        align-items: flex-start;
        justify-content: space-around;
    }

    .thumbnail-column {
        margin-top: 0px;
        max-width: none !important;
        float: left;
        width: 100% !important;
    }

    .photo-wrapper {
        max-width: none;
        width: 100% !important;
    }

    .description-column {
        width: 50% !important;
        padding: var(--padding) !important;
        padding-left: 0px !important;
    }

    .IndividualSearch .rating-column {
        padding: 0px !important;
        height: auto !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-end !important;
        text-align: right !important;
        max-width: none;
        margin: 0px;
    }

    div.rating-column .star-rating {
        display: none !important;
    }

    .hotel-phone-call {
        display: none !important;
    }

    .h-phone {
        display: none !important;
    }

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


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

    .thumbnail-column {
        margin-top: 0px;
        max-width: none !important;
        float: left;
        width: 100% !important;
    }

    .photo-wrapper {
        max-width: none;
        width: 100% !important;
    }

    .description-column {
        width: 100% !important;
        padding: var(--padding) 0px !important;
    }

    .IndividualSearch .rating-column {
        padding: 0px !important;
        height: auto !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-end !important;
        text-align: right !important;
        max-width: none;
        margin: 0px;
    }

    div.rating-column .star-rating {
        display: none !important;
    }

    .hotel-phone-call {
        display: none !important;
    }

    .h-phone {
        display: none !important;
    }

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


/* ***************************** RIGHT COLUMN ***************************** */

#Links-Column {
    width: var(--right-column-width) !important;
    max-width: var(--right-column-width) !important;
    padding: var(--padding);
    background-color: var(--white);
    border-radius: var(--border-radius);
    margin-left: var(--padding);
    display: block !important;
}

#Links-Column .container_hp {
    display: flex;
}

#Links-Sidebar {
    width: var(--right-column-width) !important;
    background-color: var(--white) !important;
    padding: 0px !important;
}

#Map {
    display: block;
    background-position: center center!important;
    background-size: cover !important;
    cursor: pointer;
    height: 175px;
    position: relative;
    margin-bottom: var(--spacing);
    border-radius: var(--border-radius);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* At 1250 Max Width display styles following */
@media screen and (max-width: 1250px) {
    #Links-Column {
        display: none !important;
    }
}


/* ***************************** VIEW HOTEL PAGE ***************************** */

#pg_HotelProfile #Profile {
    background: var(--primary-colour) !important;
}

#QuickJumpTo {
    display: none !important;
}

#container-hotel {
    padding-left: var(--padding) !important;
    padding-right: var(--padding) !important;
    padding-top: 0px !important;
    padding-bottom: var(--padding) !important;
    margin: 0px !important;
    margin-top: var(--padding) !important;
    min-height: 6.25rem;
    background-color: var(--white);
    border-radius: var(--border-radius) !important;
}

#container-rates {
    background-color: var(--white) !important;
}

#container-rates, #container-summary {
    margin-top: var(--padding) !important;
    padding: var(--padding) !important;
    border-radius: var(--border-radius) !important;
}

#container-nearby {
    padding: 0px !important;
    margin: 0px !important;
    margin-top: var(--padding) !important;
    border-radius: var(--border-radius) !important;
}

#container-nearby, .review-summary, .star-rating__bar {
    background-color: var(--white) !important;
}

div#container-nearby {
    padding: var(--padding) !important;
}

.container-fluid {
    background-color: var(--primary-color) !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    padding-top: var(--vertical-margin) !important;
    padding-bottom: var(--vertical-margin) !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    display: inline-block !important;
    border: 0px !important;
    border-spacing:0 !important;
}

.container-fluid .leftcol {
    display: none;
}

.container-fluid  .col-lg-9 {
    padding: 0px !important;
    width: 100% !important;
}

.col-lg-1 {
    display: none !important;
}

.row {
    margin: 0px !important;
}

.col-lg-12.col-md-12.col-sm-12.col-xs-12.clean-shadow {
    margin: 0px !important;
    background-color: white;
    padding: 20px !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
}

.ai-container {
    display: none !important;
}

div#Overview {
    padding: var(--padding) !important;
    background-color: var(--white) !important;
    border-radius: var(--border-radius) !important;
    margin-bottom: var(--spacing) !important;
}

.rg-image-wrapper {
    border-radius: var(--border-radius) !important;
}

.rg-image img.full {
    width: 100%;
    border-radius: var(--border-radius);
}

#Gallery {
    width: 50%;
    padding: 0px;
    margin: 0px;
    height: auto;
}

.es-nav .es-nav-prev {
    background: url(//cdn.hotelplanner.com/Common/Images/Profile/thumbs-back.png) no-repeat center var(--primary-color) !important;
}

.es-nav .es-nav-next {
    background: url(//cdn.hotelplanner.com/Common/Images/Profile/thumbs-next.png) no-repeat center var(--primary-color) !important;
}

#Profile .col-lg-4.col-md-4.col-sm-5.col-xs-12 {
    width: 50%;
    padding: 0px;
    padding-left: var(--padding);
    margin: 0px;
}

#Action-Box {
    margin: 0px !important;
    padding-left: var(--button-horizontal-padding) !important;
    padding-right: var(--button-horizontal-padding) !important;
    padding-top: var(--button-vertical-padding) !important;
    padding-bottom: var(--button-vertical-padding) !important;
    background-color: var(--secondary-color) !important;
}

#Action-Box i {
    padding-right: 10px !important;
    line-height: 2em !important;
    position: absolute !important;
    top: auto !important;
}

div#Ext-Search-Form {
    background-color: var(--white) !important;
    border-radius: var(--border-radius) !important;
    padding: var(--padding) !important;
    margin: 0px !important;
    margin-bottom: var(--spacing) !important;
}

#pg_HotelProfile .rateSearchForm {
    background: var(--white) !important;
}

#pg_HotelProfile #Ext-Search-Form #updateRatesButton button {
    max-width: none !important;
    float: right;
    background-color: var(--secondary-color);
    border: 0px solid !important;
    border-radius: var(--border-radius) !important;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: var(--button-horizontal-padding) !important;
    padding-right: var(--button-horizontal-padding) !important;
    padding-top: var(--button-vertical-padding) !important;
    padding-bottom: var(--button-vertical-padding) !important;
}

#call-promo {
    font-size: 18px;
    margin-bottom: var(--spacing) !important;
    display: block;
    padding: var(--padding) !important;
    background: var(--success-tint) !important;
    text-align: center;
    border-radius: var(--border-radius) !important;
}

#Rates-Selection {
    padding: 0px !important;
    background-color: var(--white) !important;
    border-radius: var(--border-radius) !important;
    margin-bottom: 0px !important;
    visibility: visible !important;
}

#Profile button.orange-flatBtn {
    max-width: none !important;
    float: right;
    background-color: var(--secondary-color) !important;
    border: 0px solid !important;
    border-radius: var(--border-radius) !important;
    text-transform: uppercase !important;
    font-weight: bold;
    padding-left: var(--button-horizontal-padding) !important;
    padding-right: var(--button-horizontal-padding) !important;
    padding-top: var(--button-vertical-padding) !important;
    padding-bottom: var(--button-vertical-padding) !important;
}

#Ext-Rates .rate-selection {
    padding: var(--padding) !important;
    border-radius: var(--border-radius);
    background-color: var(--white);
}

#Rates-Selection .room-description {
    display: block;
    float: left;
    padding: 0;
    padding-left: var(--padding) !important;
    font-size: .9em;
}

.thumbnail-wrapper.col-lg-2.col-md-2.col-sm-3.hidden-xs {
    margin: 0px;
    border-radius: var(--border-radius) !important;
    padding: 0px !important;
}

a.room-image {
    margin: 0;
    padding: 0;
    display: block;
    width: var(--full-width);
    border-radius: var(--border-radius);
    height: 100px;
}

.nothumbavail {
    height: 100px;
    filter: alpha(opacity=50);
    opacity: .5;
    -khtml-opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    background-image: url(//cdn.hotelplanner.com/Common/Images/HotelThumb0.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: var(--border-radius);
}

.recentcount, .morehotels {
    padding: 0px !important;
}

#Profile a.border-linkBtn:hover, a.border-linkBtn:link, a.border-linkBtn:visited {
    border: 1px solid var(--light-grey);
    color: var(--primary-color);
    border-radius: var(--border-radius);
}

#MapSection {
    /* display: none; */
    padding: var(--padding) !important;
    margin: 0;
    background-color: var(--white);
    border-radius: var(--border-radius);
    margin-bottom: var(--spacing) !important;
}

#MapSection  :first-child {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
}

#map {
    width: var(--full-width) !important;
    height: 400px !important;
    border-radius: var(--border-radius);
    position: relative;
    overflow: hidden;
}

img#cityMap {
    width: 100%;
}

div#staticMapBubble {
    display: none;
}

#walkthruIframe {
    display: none !important;
}

#Whats-near {
    display: none !important;
}

a#streetViewBtn {
    display: none !important;
}

div#Description {
    padding: var(--padding) !important;
    border-radius: var(--border-radius) !important;
    margin-bottom: var(--padding) !important;
}

div#Reviews {
    padding: var(--padding) !important;
    border-radius: var(--border-radius) !important;
    margin-bottom: var(--padding) !important;
}

div#RelatedHotels {
    display: none !important;
}

.detail-section.hotel__weather {
    display: none !important;
}

div#weather-container {
    padding: var(--padding);
    background-color: white;
    border-radius: var(--border-radius);
}

canvas#weatherMonthCanvas {
    width: var(--full-width) !important;
}

#testimonials .col-lg-9.col-md-10.col-sm-12.col-xs-12 {
    padding: var(--padding);
    background-color: white;
    border-radius: var(--border-radius);
}

#Profile a.orange-flatBtn, #Profile a.blue-flatBtn, #Profile button.orange-flatBtn, #Profile button.blue-flatBtn {
    display: inline-block !important;
    background-color: var(--secondary-color) !important;
    border: 0px solid !important;
    border-radius: var(--border-radius) !important;
    text-transform: uppercase !important;
    font-weight: bold;
    padding-left: var(--button-horizontal-padding) !important;
    padding-right: var(--button-horizontal-padding) !important;
    padding-top: var(--button-vertical-padding) !important;
    padding-bottom: var(--button-vertical-padding) !important;
}



@media screen and (max-width: 900px) {
    #Overview .row {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    #Gallery {
        width: var(--full-width);
        padding: 0px;
        margin: 0px;
        height: auto;
    }

    #Profile .col-lg-4.col-md-4.col-sm-5.col-xs-12 {
        width: 100%;
        padding: 0px;
        padding-left: 0px;
        margin: 0px;
        margin-top: var(--spacing) !important;
        height: auto;
    }

    #Features {
        margin: 0px !important;
        padding: var(--padding) !important;
        height: auto !important;
        overflow-y: auto;
    }

    #pg_HotelProfile .rateSearchForm {
        background: var(--white) !important;
    }
    
    .x-reset .x-surface tspan {
        color: black !important;
        fill: black !important;
    }
}

/* ***************************** CONFIRM BOOKING PAGE ***************************** */

#intro h1 {
    color: var(--white);
}

#intro p {
    color: var(--white);
}

#ContentInner main {
    background-color: transparent;
    padding: 0px;
}

#CheckoutContent {
    padding-top: 0px;
    margin: 0px;
    width: var(--full-width);
    padding: 0px;
    max-width: none;
}

#top-section {
    position: relative;
    padding: var(--padding) !important;
    margin-top: var(--spacing) !important;
    margin-bottom: var(--spacing) !important;
    display: inline-block;
    width: var(--full-width);
    background-color: var(--white);
    border-radius: var(--border-radius);
}

#phone {
    display: inline-block !important;
    font-size: 16px !important;
    color: #8292a6 !important;
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    margin-top: 20px;
}

#CheckoutContent #col1 {
    background-color: white;
    border-radius: 8px;
    margin-bottom: 15px;
}

#col1, .featuresList {
    width: 49.5% !important;
    padding-right: 0px;
}

.green-feature {
    font-size: var(--medium-text);
    font-weight: bold;
    padding: var(--padding) !important;
    color: var(--success);
    background-color: var(--success-tint);
    margin-bottom: var(--spacing) !important;
    border-radius: var(--border-radius);
}

#col1 #checkoutForm {
    width: var(--full-width) !important;
    background-color: var(--white) !important;
    padding: var(--padding) !important;
    border-radius: var(--border-radius) !important;
}

#checkoutForm input {
    width: var(--full-width) !important;
    background-color: var(--white) !important;
    border-radius: var(--border-radius) !important;
}

#checkoutForm select {
    width: var(--full-width) !important;
    background-color: var(--white) !important;
    border-radius: var(--border-radius) !important;
}

.SumoSelect.SlectBox {
    height: 44px;
    line-height: 34px;
    border-radius: var(--border-radius);
}

.form-group div.intl-tel-input {
    width: 100%;
    margin-bottom: var(--border-radius);
    border-width: 1px;
}

.checkbox label {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
}

input#checkbox-readterms {
    margin-right: 20px !important;
    width: auto !important;
}

input[type="submit"], button[type="submit"] {
    display: inline-block;
    height: auto;
    padding-top: var(--button-vertical-padding);
    padding-bottom: var(--button-vertical-padding);
    padding-left: var(--button-horizontal-padding);
    padding-right: var(--button-horizontal-padding);
    border-radius: var(--border-radius);
    background-color: var(--secondary-color) !important;
    color: var(--white) !important;
    box-shadow: 0;
    text-transform: uppercase;
    font-weight: bold;
    border: 0;
}

small#accept-policy {
    padding: 0px var(--padding) !important;
    color: black;
    height: auto !important;
}

small#checkin-instructions {
    padding: 0px var(--padding) !important;
    color: black;
    height: auto !important;
}

small#checkin-instructions b {
    padding: var(--padding) 0px !important;
    color: black;
    height: auto !important;
}

[aria-controls='checkin-instructions'] {
    display: none;
}

#accept-policy a {
    color: var(--secondary-color);
}

.checkout-footer {
    text-align: center;
    padding: var(--padding);
    font-size: 12px;
    background-color: var(--white);
    border: 0px;
    border-radius: var(--border-radius);
    margin-bottom: var(--spacing);
    color: var(--primary-color);
}

#CheckoutContent #col2 {
    padding-left: 0px !important;
    color: var(--black) !important;
    margin-left: 0px;
    width: 49.5% !important;
    padding: var(--padding) !important;
    background-color: var(--white);
    border-radius: var(--border-radius);
}

#hotel-header figure {
    display: block;
    height: 250px !important;
    border-radius: var(--border-radius) !important;
    margin-bottom: var(--spacing) !important;
}

#book {
    padding: 20px;
    background-color: var(--success-tint);
    /* border-bottom: 2px solid #d1edd4; */
    border: 0px !important;
    color: var(--success);
    border-radius: var(--border-radius);
}


@media (max-width: 991px) {

    #top-section {
        position: relative;
        padding: var(--padding) !important;
        margin-top: var(--spacing) !important;
        margin-bottom: var(--spacing) !important;
        display: inline-block;
        width: var(--full-width);
        background-color: var(--white);
        border-radius: var(--border-radius);
    }


    #phone {
        display: inline-block !important;
        font-size: 16px !important;
        color: #8292a6 !important;
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
    }
}

@media (max-width: 767px) {
    .featuresList {
        width: var(--full-width) !important;
        padding-right: 0px;
    }

    #col1 {
        float: none;
        width: var(--full-width) !important;
        padding: 0 !important;
        margin-bottom: var(--spacing) !important;
    }

    #CheckoutContent #col2 {
        width: var(--full-width) !important;
    }
}



/* ***************************** TERMS OF USE ***************************** */
#pg_Terms div#ContentInner h1 {
    color: var(--white) !important;
}

#pg_Terms div#ContentInner {
    color: var(--white) !important;
}

/* ***************************** PRIVACY ***************************** */
#pg_Privacy div#ContentInner h1 {
    color: var(--white) !important;
}

#pg_Privacy div#ContentInner {
    color: var(--white) !important;
}

/* ***************************** CONSENT ***************************** */
#pg_Consent div#ContentInner h1 {
    color: var(--white) !important;
}

#pg_Consent div#ContentInner {
    color: var(--white) !important;
}


/* ***************************** BYB HOME ***************************** */
#pg_Home #ContentInner {
    background-color: transparent !important;
}

body #landingpage #SearchSection {
    height: auto;
    padding: 75px 0;
    background-color: transparent !important;
    padding-bottom: 0;
}

#pg_Home #landingpage #SearchSection h1 {
    color: var(--white);
    position: relative;
    z-index: 2;
}


#pg_Home #Destination h2 {
	font-size: 28px;
	font-family: 'Montserrat', helvetica, sans-serif;
	font-weight: 700;
	color: var(--white);
	
	margin-bottom: 15px;
	text-align: center;
	line-height: 1.1;
	display: block;
	
	max-width: 450px;
	margin: 0 auto;
    margin-bottom: 45px;
	}

/* ***************************** VIEW RESERVATION ***************************** */
#reservations.lessbs .container-fluid #reservation-search {
    border-radius: var(--border-radius) !important;
}

#reservations.lessbs {
    margin: 0 !important;
}

#reservations.lessbs .container-fluid #reservation-details, #weatherWrapper {
    margin: 0px !important;
    padding: var(--padding) 0 0 !important;
}

#faqWrapper, #reservations.lessbs .container-fluid #reservation-details, #weatherWrapper {
    margin: 0px !important;
    padding: var(--padding) 0 0 !important;
}

#reservations.lessbs .container-fluid #reservation-details #reservation-actions {
    margin: 0 0 var(--spacing);
    text-align: right;
    display: flex;
    padding: var(--padding) !important;
    background-color: var(--white) !important;
    border-radius: var(--border-radius) !important;
}

.reservation-info-box.reservation-summary {
    background-color: var(--white) !important;
    border-radius: var(--border-radius) !important;
    border: 0px !important;
}

.reservation-info-box {
    background-color: var(--white) !important;
    border-radius: var(--border-radius) !important;
    border: 0px !important;
}

#faqWrapper .reservation-info-box, #reservations.lessbs .container-fluid #reservation-details .reservation-info-box, #weatherWrapper .reservation-info-box {
    margin: 0 0 var(--spacing) !important;
    border: 0 !important;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0 !important;
}

input#checkbox-readterms2 {
    width: auto !important;
    margin-right: 10px !important;
}


/* ***************************** Review Page ***************************** */

#pg_SubmitReview h1 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 50px;
    color: var(--white) !important;
}

#frmReview .FormLabel {
    font-size: 16px;
    margin-bottom: 4px;
    color: var(--white) !important;
}

/* **************************************************************************** */
/* **************************************************************************** */
/* **************************************************************************** */
/* ***************************** NOT GOT HERE YET ***************************** */
/* **************************************************************************** */
/* **************************************************************************** */
/* **************************************************************************** */

h1 {font-size:18px}

.large {
    font: 16px/1em  Arial,HelveticaNeue, sans-serif; 
    padding: 7px 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px; 
    border-radius: 7px;
    }

#taxexempt{position:absolute;top:5px;right:35px}



/*     
a#signin-wl,
a#signin-wl:link,
a#signin-wl:visited {
    border: 1px solid #D5DEE1;
    display: inline-block;
    height: auto;
    padding: 8px 16px;
    border-radius: 4px;

    color: #7B7B7B;
    
    -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 1px 0px rgba(0,0,0,0.05);           
    }

a#signin-wl:hover { 
    border: 1px solid #B3BEC2;
    -webkit-box-shadow: none;   
    -moz-box-shadow: none;  
    box-shadow: none;   
    } */

#subnav-wl {
    padding: 3px 0;
    background-color: #eee;
    overflow: hidden;
    }

#subnav-wl .container-wl { padding-top: 0 }

#subnav-wl ul { 
    overflow: hidden;
    float: right;
    }

#subnav-wl ul li { 
    float: left;
    margin: 0 8px;
    }

#subnav-wl ul li:last-of-type { margin-right: 0 }

#subnav-wl a:link,
#subnav-wl a:visited { 
    color: #333;
    text-decoration: underline;
    font-size: 11px;
    text-transform: uppercase;
    }

#pg_RequestForm #frmGroup input,#pg_RequestForm #frmGroup select{ padding:8px }
#pg_RequestForm h1.PageHeader{margin-left:15px}
#pg_RequestForm .Request-How-Works b { 
    display: block; 
    font-size: 18px; 
    margin-bottom: 5px;
    }
#pg_RequestForm .Request-How-Works  .bulleted {
    margin-right: 8px;
    margin-top: 5px;
    display: inline-block;
    font-size: 13px;
    }

#lastactive{width:2px;height:3px;border:0px;}


    
.Button:hover,
.button:hover,
#pg_RequestDetails .button:hover{
    background-color: #f87501;
    }   


.subnav-container{background: #676768;width:100%;margin:0;padding:0}

nav.Navbar {
    font-weight: bold;
    font-size: 15px;
    COLOR: #fff;
    
    background: #676768;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    }


nav.Navbar a, 
nav.Navbar a:link, 
nav.Navbar a:visited {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
    font-weight: bold;
    }

nav.Navbar a:hover{
    text-decoration:none;
    background: rgba(255,255,255,0.2);
    color: #fff;
    }

footer{ text-align:center; color:white; padding:30px 0px; }

footer,
footer small { font-size: 11px; }




footer a:hover{text-decoration:underline}



h1,
.PageHeader {
    font-size: 27px;
    font-weight: bold;
    color: #333;
    }

.content_hp,
.container-hp { padding: 0 }

#pg_GroupPost #ContentInner,
#pg_GroupSummary #ContentInner,
#pg_GroupAccount #ContentInner,
#pg_GroupArchive #ContentInner,
#pg_GroupFAQ #ContentInner { padding-bottom: 50px; }

@media (max-width: 767px) {
    
    #subnav-wl,ul#navigation-wl li#message-wl {display: none}
    .header-wl.with-subnav {padding-top: 15px}
    
            
    #logo-wl img { max-height: 60px; max-width: 180px }

}

@media (max-width: 850px) {
    #LanguageWrap{display:none}
}

#IntroSection {display:none;}
#AdvantagesSection {display:none;}


                    
                
                
                #message-wl {display:none !important;}
                
                
                #promo-space {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
}
 
#promo-space img {
    width: 100%;
}





                         


#landingpage .tab-panel {
    display: none;
    border: 0;
}

#landingpage .tabs {
    width: 780px !important;
}


/*Color Of Tab Text*/ 
#landingpage ul.tab-links li a.current, #landingpage ul.tab-links li a.current:hover, #landingpage ul.tab-links li a.current:link, #landingpage ul.tab-links li a.current:visited {
	color: #ef1a35; /* Active tab */
	background:#F0F0F0;
	background:rgba(240, 240, 240, 0.96);
}







/*Logo Adjustment for smaller viewports */ 

@media (max-width: 425px) {
#logo {
    top: 20px;
    position: relative;
}
} 

#logo {
    position: relative;
    top: 20px;
}
/*Remove Tabs */ 
.tab-links {display:none;} 

/*Reservation Link Adjustments */ 
#landingpage .tab-panel #ViewChange {
    position: absolute;
    right: 30px;
    top: 10px;
    display: none;
}

@media (max-width: 425px) {
#landingpage .tab-panel #ViewChange {
    position: absolute;
    right: 10px;
    top: 2px;
}
}


#landingpage .input-group-xl label { height:auto; padding:0; }



/*Footer */ 

footer,
footer small {font-size: 13px; }


/*Interior Styling */ 








#landingpage ul.tab-links li a.current, #landingpage ul.tab-links li a.current:hover, #landingpage ul.tab-links li a.current:link, #landingpage ul.tab-links li a.current:visited {
	color: #f5a7b2 !important; /* Active tab */

}



/*Individual Page Styles*/ 
#landingpage #AdvantagesSection {
    display: none;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding:  10px 5px !important;
  float: left;
  width: 20%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

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

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


div.gallery img {
    width: 100%;
    height: 100px;
    border-radius: 5px;
}

}

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


div.gallery img {
    /*width: 100%;*/
    height: 50%;
    border-radius: 5px;
}

}

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


div.gallery img {
    width: 80%;
}

}




/**********/



@import url('https://fonts.googleapis.com/css?family=Montserrat:700,800');




body #landingpage #SearchSection,
#pg_Home #ContentInner,
#landingpage #SearchSection {
	background-color: #fff;
	background-image: none;
	}

body #landingpage #SearchSection {
    height: auto;
    padding: 75px 0;
    padding-bottom: 0;
    }




#landingpage h1#promotext {
    font-family: 'Montserrat', sans-serif;
	font-weight: 800;
    color: #1b2d42;
    font-size: 45px;
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: -1.5px;
    margin-top: 0;
    text-transform: capitalize;
	} 

#pg_Home h3 {
    margin: 0;
	margin-bottom: 30px;
	color: #1b2d42;
	}





body #landingpage #SearchSection #tab1 {
	padding: 35px 40px;
    background-color: #fff;
    
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    
   -webkit-box-shadow: 0px 15px 45px rgba(192,204,219,0.25);
    -moz-box-shadow: 0px 15px 45px rgba(192,204,219,0.25);
    box-shadow: 0px 15px 45px rgba(192,204,219,0.25);
	}


body #landingpage .input-group {
	width: 33.33%;
	padding: 0 5px;
	}


.gallery img {
    width: 100%;
    height: 250px;
	}

body #landingpage div.desc {
    padding: 10px 15px;
    padding-bottom: 13px;
    text-align: center;
    color: #1b2d42;
    background-color: #fff;
    font-weight: bold;
    font-size: 18px;
    
    -webkit-box-shadow: 0px 8px 35px rgba(96,104,122,.15);
    -moz-box-shadow: 0px 8px 35px rgba(96,104,122,.15);
    box-shadow: 0px 8px 35px rgba(96,104,122,.15);
	}


#landingpage input:focus { 
    outline: none;
    }

#landingpage .submit {
	font-weight: bold;
	width: 100%;
    background-color: #fc5a1f;
    padding: 15px;
    font-size: 18px;
 
	}
	
	
#landingpage .submit:hover {
    background-color: #ff642a;
    }

body footer {
    background-color: #fff;
    color: #333;
    }
    





body #landingpage #frmGroup label {
    color: #3c4858;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    text-transform: none;
    }


#landingpage .input-group-xl input,
#landingpage .input-group input {
    background-color: #f2f8ff;
    color: #3c4859;
    border: 0;
    font-size: 18px;
    padding: 15px;
    border: 1px solid #d3deea;;
    
    background-image: none;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    }

#landingpage .input-group-xl input:focus,
#landingpage .input-group input:focus {
    border-color: #357ef6;
    background-color: #fff;
    }

#pg_Home #frmGroup input::-webkit-input-placeholder { 
  color:  #8292a6;
  color: transparent;

}
#pg_Home #frmGroup input::-moz-placeholder { 
  color:  #8292a6;
  color: transparent;

}
#pg_Home #frmGroup input:-ms-input-placeholder { 
  color:  #8292a6;
  color: transparent;

}

#pg_Home #frmGroup input:-moz-placeholder { 
  color: #8292a6;
  color: transparent;
 
}


body #landingpage .submitButtonWrapper,
body #landingpage .input-group-xl { padding: 0 5px ;}



@media (max-width: 767px) {
	
	body #landingpage .input-group,
	body #landingpage .submitButtonWrapper,
    body #landingpage .input-group-xl {
		width: 100%;
		padding: 0px;
		}

	

}



/**********/
/* NEW */


	
/* .container-xx {
    width: 100%;
    max-width: 1100px;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    } */

/* ***************************** HOME OLD HP CODE ***************************** */
#Destination {
	padding: 75px 0;
	}

#Destination .col {
	width: 25%;
	float: left;
	padding: 8px;
	}

#Destination .deal {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 250px;
	background-color: #1c2d41;
	background-color: #eee;
	position: relative;
	padding-top: 192px;
	overflow: hidden;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	background-size: cover;
	
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

#Destination .deal:hover {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    }


#d1.deal { background-image: url("//cdn.hotelplanner.com/common/images/site/2985/d1.jpg") }
#d2.deal { background-image: url("//cdn.hotelplanner.com/common/images/site/2985/d2.jpg") }
#d3.deal { background-image: url("//cdn.hotelplanner.com/common/images/site/2985/d3.jpg") }
#d4.deal { background-image: url("//cdn.hotelplanner.com/common/images/site/2985/d4.jpg") }

#d5.deal { background-image: url("//cdn.hotelplanner.com/common/images/site/2985/d5.jpg") }
#d6.deal { background-image: url("//cdn.hotelplanner.com/common/images/site/2985/d6.jpg") }
#d7.deal { background-image: url("//cdn.hotelplanner.com/common/images/site/2985/d7.jpg") }
#d8.deal { background-image: url("//cdn.hotelplanner.com/common/images/site/2985/d8.jpg") }




#Destination .deal b,
#Destination .deal span {
	display: block;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 2;
	
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	}

#Destination .deal b {
    font-size: 22px;
    font-weight: bold;
    font-family: 'Montserrat', helvetica, sans-serif;
	}

	
#Destination .deal span {
	font-size: 14px;
	}


#Destination .deal:after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	height: 100px;
	display: block;
	content: "";
	width: 100%;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000 0,000000 99&0 0,1 100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.99) 99%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 99%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 99%,rgba(0,0,0,1) 100%); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7  */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

	}




@media (max-width: 767px) {
	
	#Destination .col {
		width: 50%;
		}
	
	
	#Destination .col .deal {
		height: 200px;
		padding-top: 140px;
		}
	
}






body #landingpage::after {
    content: '';
    display:block;
}

body #landingpage #SearchSection .container,
body #landingpage #SearchSection h1 {
    position: relative;
    z-index: 2;
    }



/*************/



.header-wl { border-top: 0; }



#pg_SearchIndv .distance {
    border: 0;
    color: #8292a6;
    padding: 5px 0;
    background-color: transparent;
    margin-bottom: 20px;
    margin: 0;
    padding: 0;
    }



#pg_SearchIndv .hotel-name:link,
#pg_SearchIndv .hotel-name:visited {
    font-size: 18px;
    color: #1b2d42;
    }

body.IndividualSearch .photo-wrapper {
    max-height: 140px;
    max-width: 150px;
    
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
    }


#pg_SearchIndv.IndividualSearch .thumbnail-column img {
    min-width: 150px;
    min-height: 150px;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;;
    }




#pg_SearchIndv .thumbnail-column { text-align: center;}

#pg_SearchIndv .hotel-rates:hover {
    background-color: #f9fafc;
    border-color: transparent;
    }






#pg_SearchIndv #Map:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }
    
    
    
#pg_SearchIndv .price {
    font-size: 24px;    
    }
    
#pg_SearchIndv #Filter input[type=number],
#pg_SearchIndv #Filter input[type=text] { border-width: 1px; }

.guests-screen__group-rates {
    display: none;
}