:root {
    /* Top section */
    --body-bgc: #214F5A;
    --logo: url(logo.png) center no-repeat;
    --form-title-bgc: #4c717a;
    --form-title-text: #fff;

    /* Search form */
    --sf-bgc: #f2f2f2;
    --sf-input-text: #1a3f48;
    --sf-submit-btn-bgc: #1a3f48;
    --sf-submit-btn-text: #fff;
    --sf-modify-or-insert: #4c717a;
    --sf-modify-or-insert-hover: #000;

    /* Rooms form and Reservation */
    --rooms-bgc: #f2f2f2;
    --rooms-border: 1px solid #00000015;
    --res-form-bgc: rgba(0, 0, 0, 0.2);
    --res-form-text: #fff;
    --res-button-bgc: #d8d8d7;
    --res-button-text: #fff;

    /* Rooms and Reservation active */
    --rooms-active-bgc: #4c717a;
    --rooms-active-text: #fff;
    --res-form-bgc-active: #1a3f48;
    --res-form-text-active: #fff;
    --res-button-active-bgc: transparent;
    --res-button-active-text: #ef4a4b;

    /* Checkout and Footer */
    --ck-left-form-bg: #fff;
    --ck-and-guest-bgc: #b23829;
    --ck-and-guest-text: #fff;
    --ck-details: rgb(242, 242, 242);
    --ck-room-details: rgb(242, 242, 242);
    --ck-payment-terms-and-total-bgc: rgb(242, 242, 242);
    --footer-bgc: #2b2b29;
    --footer-text: #fff;
}

body  {
    background: var(--body-bgc);
    background-size:  cover;
    color: #212529;
}
header  {
    background: transparent;
    padding: 10px 0;
    border: none;
}
header h1 a  {
    background: var(--logo);
    float: none;
    display: block;
    text-indent: -9999px;
    height: 100px;
}
h2  {
    background: var(--form-title-bgc);
    color: var(--form-title-text);
    padding: 10px;
}
input  {
    border: none;
}
#loading  {
    color: #000;
}
#splash  {
    background: rgba(0, 0, 0, 0.4);
    border: 0;
}
#search form,  #checkout hgroup  {
    background: var(--sf-bgc);
    border-radius: 0;
}
#search input[type="text"]  {
    background: #e3e3e3 url(ico_date.png) right center no-repeat;
    color: var(--sf-input-text);
}
#search input[type="submit"]  {
    background: var(--sf-submit-btn-bgc);
    width: 100%;
    color: var(--sf-submit-btn-text);
    border-radius: 0;
    border: none;
}
#search a.modify,  #search a.insert_search_rate  {
    color: var(--sf-modify-or-insert);
    font-size: 1em;
}
#search a.modify:hover,  #search a.insert_search_rate:hover  {
    color: var(--sf-modify-or-insert-hover);
}
#rooms .rooms  {
    background: var(--rooms-bgc);
    border: var(--rooms-border);
}
#rooms .active  {
    background: var(--rooms-active-bgc);
    color: var(--rooms-active-text);
}
#room_price  {
    background: var(--res-form-bgc);
    border: none;
    border-radius: 0;
    color: var(--res-form-text);
}
#room_price .btn  {
    background: var(--res-button-bgc);
    color: var(--res-button-text);
}
#room_price.active .btn  {
    background: var(--res-button-active-bgc);
    border: 1px solid #fff;
    color: var(--res-button-active-text);
}
#room_price.active  {
    background: var(--res-form-bgc-active);
    color: #fff;
    border: var(--res-form-text-active);
}
#services .services  {
    background: #f2f2f2;
    border: var(--rooms-border);
}
#hotel_amenities i  {
    background-color: rgb(239, 74, 75);
    color: #fff;
}
#guest {
    background: var(--ck-left-form-bg);
    padding: 8px 0 0 8px;
}
#guest .view_cards  {
    background: #b23829;
    color: #fff;
    padding: 6px;
    display: inline-block;
    font-size: 0.8em;
    border-radius: 4px;
}
#guest .details h3 {
  color: #1a3f48;
}
#guest .details h3:hover {
 	background: #1a3f48;
    color: #fff;
}
#checkout h3,  #guest h3  {
    background