html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    /*font-size: 100%;*/
    vertical-align: baseline;
    background: transparent;
}

html { overflow: auto; }

body {
    overflow: hidden; 
    background-color: #ffffff;
    top: 0;
    font-family: 'Roboto', sans-serif, Helvetica;
    z-index: -1;
}

/*Event/Accommodation RSVP Styling*/

.vh-option-header-blue {
    background: linear-gradient(180deg, rgb(59, 118, 178) 0%, rgb(39, 82, 125) 100%);
    margin-top: 30px;
}

.salfqd-quote-option-header-wrapper {
    display: flex;
    text-transform: UPPERCASE;
    font-weight: bold;
    font-size: 25px;
    align-items: center;
    min-height: 45px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    letter-spacing: 1px;
}
.vah-quotation-header {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}

.quote-summary-heading {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}

.salfqd-quote-option-header-wrapper {
    display: flex;
    text-transform: UPPERCASE;
    font-weight: bold;
    font-size: 25px;
    align-items: center;
    min-height: 45px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    letter-spacing: 1px;
}

.optionheader {
    color: white;
    text-shadow: 0 1px 1px #000000;
}

.salfqd-quote-option-header {
    font-size: 15px;
}

.vh-rsvp-form-wrapper {
    background-color: #ffffff;
    padding: 15px 25px 15px 25px;
}

.vh-rsvp-form-title {
    margin-top: 10px;
}

.rsvp-header {
    display: block;
    padding: 25px 0 15px 0;
    margin-top: 30px;
    border-top: 1px dashed #d4d2d2;
}

.rsvp-descr-upd {
    color: #4e4e4e;
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 12px;
}

.vh-detail-text-rsvp {
    font-family: Helvetica, "Helvetica Neue", Arial;
    font-size: 13px;
    font-weight: 500;
}
.rsvp-booking-item {
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #dcdbdb;
    box-sizing: border-box;
}

.rsvp-booking-checkbox {
    padding: 0!important;
    margin-right: 10px!important;
}

.attendee-days-main-checkbox {
    flex: 1 0 calc(46% - 20px);
    display: flex;
    align-items: center;
}

.attendee-days-main-wrapper {
    display: flex;
    flex-flow: row wrap;
}

.attendee-days-main-label {
    margin-bottom: 0;
    margin-top: 2px;
    font-size: 14px;
    color: #555;
    line-height: 16px;
}

.rsvp-attendee:before {
    display: block;
    content: 'Attendee 01';
    background-color: red;
    width: 100%;
    height: 50px;
    margin-top: -40px;
    z-index: 1035;
}

.rsvp-sal-nav-reg-btn {
    background: linear-gradient(180deg, rgba(211,251,99,1) 16%, rgba(79,139,20,1) 89%);
    color: #fff;
    text-shadow: 0 1px 1px #00000057;
    letter-spacing: 0.3px;
    font-size: 16px;
    padding-bottom: 5px;
    height: 60px;
    min-width: 200px;
    font-weight: bold;
    border-radius: 4px;
    margin: auto;
    text-align: center;
}

.rsvp-confirm-btn {
    background: linear-gradient(180deg, rgba(211,251,99,1) 16%, rgba(79,139,20,1) 89%);
    color: #fff;
    text-shadow: 0 1px 1px #00000057;
    letter-spacing: 0.3px;
    font-size: 16px;
    padding-bottom: 5px;
    height: 60px;
    font-weight: bold;
    border-radius: 4px;
    margin: 10px;
    text-align: center;
    min-width: 200px;
}

.rsvp-cancel-btn {
    background: linear-gradient(180deg, rgba(49,159,218,1) 16%, rgba(13,47,86,1) 89%);
    color: #fff;
    text-shadow: 0 1px 1px #00000057;
    letter-spacing: 0.3px;
    font-size: 16px;
    padding-bottom: 5px;
    height: 60px;
    font-weight: bold;
    border-radius: 4px;
    margin: auto;
    text-align: center;
    min-width: 200px;
}

.rsvp-container {
    -webkit-box-pack: center; 
    justify-content: center; 
    text-align:center; margin: 50px;
}


.vh-rsvp-attendee-wrapper {
    display: flex;
}

.rsvp-attendee:focus {
    box-sizing: border-box;
    padding-bottom: 0!important;
    border-bottom: 3px solid rgb(118, 191, 28);
}

.vh-rsvp-attendee-input-container {
    flex: 1;
}

.attendee-main-qty {
    font-size: 13px;
    text-align: center;
    margin: 0;
    width: 100%;
    color: #666;
}

.rsvp-attendees-main {
    margin: 0;
    text-align: center!important;
    min-height: 50px!important;
}

.rsvp-attendees-main-msg {
    color: #76bf1c;
    font-size: 14px;
    line-height: 17px;
    margin-top: 15px;
}

.vh-rsvp-form-submit-wrapper {
    margin: 20px 0 0 0;
}

.vh-rsvp-day-descr {
    background-color: #fbf9f9;
    padding: 13px;
}

.vh-rsvp-day {
    background-color: #fbf9f9;
    padding: 13px;
}

.vh-rsvp-day-date {
    background-color: #fbf9f9;
    padding: 13px;
}

.rsvp-day-heading {
    font-size: 14px;
    color: #4e4e4e;
}

.vh-rsvp-day-message {
    background-color: #fbf9f9;
    border-right: 10px solid white;
    
}

.rsvp-item-wrapper {
    margin-top: 5px;
}

/*END - Event/Accommodation RSVP Styling*/

.nav-tabs .nav-item {
    margin: 0;
    flex: 1;
}

.nav-tabs {
    background-color: #f3f3f32b;
    border-radius: 5px 5px 0 0;
    border-bottom: 0;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: none;
    background-color: #fff;
}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #f3f3f3;
    font-size: 14px;
    font-weight: 300;
    border: none;
    background: linear-gradient(180deg, rgba(49,159,218,1) 9%, rgba(13,47,86,1) 89%);
    border-radius: 0;
    text-align: center;
    padding: 10px;
}


.nav-tabs .nav-link.active {
    border-color: whitesmoke!important;
    border-bottom: none!important;
}

.nav-tabs .nav-link {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    color: #f3f3f3;
    font-size: 14px;
    font-weight: 100;
    border: none;
    background-color: #fff;
    color: #7d7d7d;
    border-radius: 0;
    text-align: center;
    padding: 10px;
    width: 100%;
}

.navbar-right, 
.booking-search, 
.welcome-header, 
.sal-filter-caret, 
.sal-filter-title, 
.profile-link-btn, 
.heading-sub-text-home, 
.booking-section-header-sub-text {
    font-family: arial!important;
}

.landing-image-btn-wrapper {
    position: absolute;
    bottom: 30px;
    display: block;
    width: 100%;
    text-align: center;
}

.landing-image-btn {
    width: 250px;
}

.navbar-default {
  transition: 500ms ease;
  background: transparent;
}

.event-header-image {
    display: block !important;
    width: 100%;
    min-height: 300px;
    height: 400px;
    object-fit: cover;
    object-position: center;
    filter: brightness(60%);
}


.event-descr-upd {
    color: #4e4e4e;
    font-weight: 400;
    white-space: pre-line;
    box-sizing: inherit;
    letter-spacing: normal;
    margin-bottom: 1rem;
    margin: 30px 0;
    color: rgb(125, 125, 125);
    font-family: Helvetica, "Helvetica Neue", Arial;
    font-size: 14px;
}

.navbar-default.scrolled {
  background: #ffffff;
  box-shadow: 0 0 3px #00000040;
}

.sal-logo-img.scrolled {
  width: 60px;
}

.navbar.scrolled {
    font-size: 14px!important;
    background-color: #ffffff;
    margin-top: 0;
}


a:hover {
    color: #0d2f56;
    text-decoration: none;
}

.hr-dash {
    border: 0;
    border-bottom: 1px dashed #ccc;
}

.vh-modal-header {
    background: linear-gradient(180deg, rgba(2,68,130,1) 48%, rgba(13,47,86,1) 89%);
    height: 45px;
    text-align: center;
    padding: 10px 10px 10px 10px;
    color: #fff;
    font-weight: 500;
}

.log-scr-header {
    color: #302e30; 
    text-align: left;
}

.log-scr-descr {
    color: #302e30; 
    text-align: left;
}

.header-container {
    width: 100%;
    padding: 0;
    margin: 0;
}

.sal-header-lp-content {
    padding-left: 90px;
}

ul {
  margin: 0;
}
ul.dashed {
  list-style-type: none;
}
ul.dashed > li {
  text-indent: -5px;
}
ul.dashed > li:before {
  content: "- ";
  text-indent: -5px;
}

.desktop-no-display { display: none; }

.nav-tabs .nav-item { margin-bottom: 0; }

.nav-tabs .nav-link.active {
    border-color: whitesmoke!important;
    border-bottom: none!important;
}

.loadr {
    position: fixed;
    z-index: 99999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: -60px;
    left: 0;
    bottom: 0;
    right: 0;
}

.loader-background {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    background-color: hsla(0, 100%, 100%, 0.9);
}

.landing-padding {
    padding-bottom: 70px
}

.vh-resource-btn-conf { 
    width: 20%;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 5%;
    left: 25%;
    transform: translateX(-50%);
}

.vh-resource-btn-wed { 
    width: 20%;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 5%;
    left: 75%;
    transform: translateX(-50%);
}

.social-footer {
    float: right;
    width: 30px;
    margin-right: 20px;
    padding-top: 3px;
}

.search-loader-image {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 230px;
    height: 153px;
    -webkit-transform: translate(-50%, -50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -moz-transform: translate(-50%, -50%); /* IE 9 */
    -o-transform: translate(-50%, -50%); /* IE 9 */
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    transform: translate(-50%, -50%); /* IE 10, Fx 16+, Op 12.1+ */
}

.normal-loader-image {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    -webkit-transform: translate(-50%, -50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -moz-transform: translate(-50%, -50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -o-transform: translate(-50%, -50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    transform: translate(-50%, -50%); /* IE 10, Fx 16+, Op 12.1+ */
}

.sal-hotel-info-rating { 
    float: right; 
    margin-top: -5px;
}

.main-navigation-toggle-btn { display: none; }

.main-navigation-icon {  display: none; }

.secondary-nav-link { 
    color: #2f2f2f;
    font-weight: 300;
}

.vah-current-item {
  color: #ffffff;
  text-decoration: none;
  background-color: #70be43;
  padding: 32px 8px 32px 7px;
}


.nav-links,
.hotel-search-nav-item { 
    font-family: arial!important;
    font-size: 12px!important;
}

.step-4-payment-status-title {
    font-size: 15px;
    font-weight: normal;
    color: #000000;
}

.step-4-payment-status-message {
    font-size: 14px;
    font-weight: normal;
    color: #33ca00;
}

input:focus { outline: none!important; }

.sal-filter-toggle-inactive,
.sal-filter-toggle {
    padding: 6px;
    border-radius: 2px;
    color: #7b7b7b;
    border: 1px solid #7b7b7b;
    background-color: #FFF;
    text-align: center;
    margin-top: 0;
    cursor: pointer;
}

.sal-filter-container {
    margin-bottom: 10px;
}

.welcome-header:after { content:'Welcome to Villas and Hotels. The easiest way to book your stay'; }
.sal-filter-toggle-inactive:after { content:'Less Options';  }
.sal-filter-toggle:after { content:'More Options';  }

.sal-filter-toggle-wrapper {
    display: block;
    overflow: hidden;
    height: auto!important;
}
/*---------------------------------------------------------------*/
/*                      NAVIGATION STYLES                        */
/*---------------------------------------------------------------*/

/*NEW Navigation Styles*/

.main-navigation-block {
    left: 0;
    height: 80px;
    background-color: rgba(255,255,255,0.79);
    background-image: none;
    position: fixed;
    top: 0!important;
    right: 0;
    z-index: 1030;
}

.sal-small-logo-a { display: none; }

.secondary-navigation-block {
    left: 0;
    right: 0;
    top: 70px;
    height: 48px;
    z-index: 999;
    position: fixed;
    background-image: none;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.79);
}

.nav-brand {
    float: left;
    min-width: unset;
    background-color: #024a86;
    padding: 2px 20px 2px 0px;
    background: radial-gradient(#2475bb, #061b39);
}

.nav-width {
    min-width: unset;
}

.main-navigation-wrapper { 
    display: none;
}

.sal-logo-img {
    border: 0;
    margin: 0 0 0 20px;
    width: auto;
    height: 70px;
}

.nav-list-items { float: right; margin-right: 13px;}

.nav-list {
    color: #FFFFFF;
    list-style: none;
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    padding-top: 8px;
}

.nav-item {
    display: inherit;
    color: #3C3A35;
    font-family: Arial;
    font-size: 12px;
    letter-spacing: 0.07px;
    text-transform: UPPERCASE;
}

.nav-item:last-child {
    margin-right: 0;
}

.nationality-spacer {
    margin-bottom: 10px;
}

.secondary-nav-list-items { 
    display: inline-block;
    float: right;
    margin-top: 12px;
}

.secondary-nav-list {
    color: #204186;
    list-style: none;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
}

.secondary-nav-item {
    display: inline-block;
    margin-right: 10px;
    color: #204186;
    font-family: Arial;
    font-size: 12px;
    letter-spacing: 0.07px;
    text-transform: UPPERCASE;
    height: 50px;
    font-weight: 300;
}

.my-events-btn {
    margin-right: 5px;
}
 
.secondary-nav-item:last-child { margin-right: 0; }

.nav-icon-img {
    left: 732px;
    top: 24px;
    width: 20px;
    height: 20px;
    z-index: 34;
}

.sal-nav-log-btn,
.sal-nav-reg-btn {
    border: 0;
    color: #204186;
    font-size: 13px;
    min-width: 90px;
    cursor: pointer; 
    min-height: 30px;
    font-weight: 300;
    font-family: Arial;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    background-image: none;
    /*text-transform: UPPERCASE;*/
    padding: 6px 13px 4px 13px;
    -webkit-border-radius: 1px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    -webkit-box-shadow: 0 0 5px #19676B;
       -moz-box-shadow: 0 0 5px #19676B;
            box-shadow: 0 0 5px #19676B;
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

.sal-nav-reg-btn { 
    background: linear-gradient(180deg, rgba(211,251,99,1) 16%, rgba(79,139,20,1) 89%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding-bottom: 5px;
}

.sal-nav-reg-btn:hover { 
    background: linear-gradient(180deg, rgba(211,251,99,1) 13%, rgba(79,139,20,1) 66%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding-bottom: 5px;
}

.sal-nav-log-btn { 
    background: linear-gradient(180deg, rgba(49,159,218,1) 16%, rgba(12,47,87,1) 89%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding-bottom: 5px;
}

.sal-nav-log-btn:hover { 
    background: linear-gradient(180deg, rgba(49,159,218,1) 13%, rgba(12,47,87,1) 66%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding-bottom: 5px;
}

/*Old navigation styles*/
#custom-bootstrap-menu.navbar-default .navbar-brand { color: rgba(255, 255, 255, 1); }
#custom-bootstrap-menu.navbar-default {
    background-color: transparent;
    border-bottom-width: 0;
    font-size: 16px;
    margin-top: 17px;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a { color: rgba(255, 255, 255, 1); }
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(32, 138, 0, 0.37);
}

#custom-bootstrap-menu.navbar-default .navbar-toggle { border-color: #208a00; }
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus { background-color: #208a00; }
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar { background-color: #208a00; }
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar { background-color: #354f66; }
#custom-bootstrap-menu.navbar-default .navbar-toggle { border-color: #FFFFFF; }

li button { margin-top: 11px; }

.navbar.scrolled {
    font-size: 14px!important;
    background-color: #221F20;
    margin-top: 0;
}

.navbar-toggle .icon-bar { height: 3px; }

button,
button:focus,
button:active {
    outline: none;
}

.btn-login-nav {
    border-radius: 2px;
    padding: 6px;
    cursor: pointer;
    margin-top: 7px;
    min-width: 80px;
    background-color: transparent;
    border: 2px solid white;
    color: white;
    -webkit-transition: all 200ms ease-in-out;
       -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
         -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
}

.h2g-payment-screen-container-wrapper {
    width: 100%;
    background-color: #FFFFFF;
    Min-height: 120px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
}

#room-preview {
    background: #cecece;
    padding: 40px 40px 15px 40px;
    border-radius: 2px;
    font-size: 18px;
}

.booking-confirmation-spacer {
    margin-top: 150px;
}

.step-4-confirmation-spacer {
    margin-top: 250px;
}

.step-4-background-image-overlay-text {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin: 60px 0 0 0;
}

.details-hotel-room-options {
    background-color: #FFFFFF;
    padding: 15px;
}

.sal-booking-search-help-wrapper { 
    padding-top: 20px;
    padding-bottom: 20px;
}

.hotel-listing-action-btns-wrapper {
    padding: 20px 20px 0 20px;
}

.sal-booking-search-help-banner {
    width: 100%;
    height: 230px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
}

.sal-filter-seperation-line {
    width: 102%;
    margin-left: -15px;
    margin-right: 0!important;
    height: 20px;
    border-bottom: 1px solid #e2e2e2;
}

.sal-child-age-container { 
    color: #ababab;
    padding-top: 10px;
    margin-left: -10px;
}

.btn-start-booking {
    border-radius: 2px;
    cursor: pointer;
    padding: 6px;
    margin-top: 7px;
    min-width: 120px;
    min-height: 35px;
    background-color: #136198;
    outline: none;
    border: 0;
    color: #FFFFFF;
    -webkit-transition: all 200ms ease-in-out;
       -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
         -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
}

.btn-signup-nav {
    cursor: pointer;
    border-radius: 2px;
    padding: 15px;
    margin-top: 7px;
    font-weight: 700;
    text-transform: UPPERCASE;
    min-width: 255px;
    background-color: #0d2f56;
    border: none;
    color: #FFFFFF;
    -webkit-transition: all 200ms ease-in-out;
       -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
         -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
}

.right-button { float: right; }

.btn-signup-nav:focus,
.btn-signup-nav:active {
    outline: none;
}

 .clear-results-btn {
    color: #FFFFFF; 
    float: right;
    margin-top: -15px;
    cursor: pointer;
}

.special-notes { 
    text-align: center;
    margin-top: 15px;
    color: #777777;
}

/*.btn-signup-nav:hover { background-color: #6cb443;}*/
.btn-signup-nav:hover  .nav-link-color { color: #FFFFFF;}
.btn-login-nav:hover { background-color: white;}
.btn-login-nav:hover  .nav-link-color { color: #777;}
.nav-link-color {color: #FFFFFF;}
.nav-link-signup-color {color: #FFFFFF;}
.nav-link-signup-color:hover {color: #FFFFFF!important;}


.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 2px;
}

.card {
    border: 0;
    border-radius: 0;
    margin: 30px auto;
    max-width: 900px;
}

.vh-flex,
.vh-flex-center {
    display: flex;
}

.vh-flex-center {
    align-items: center;
}

.vh-card-image-wrapper {
    margin-right: 35px;
}

.card-header {
    background: linear-gradient(180deg, rgba(149,193,31,1) 16%, rgba(8,107,50,1) 89%);
    padding: 0;
}

.card-header:first-child {
    border-radius: 0;
    border: 0;
}

.btn-link {
    font-weight: 600;
    color: #ffffff;
    border-radius: 0;
    text-shadow: 0 1px 1px #000000;
    text-decoration: none;
    font-size: 17px;
}

.btn-link:focus, .btn-link:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.card-body {
    padding: 30px;
    background-color: #024482;
    color: #fff;
    font-size: 15px;
    font-family: 'Roboto', sans-serif, Helvetica;
}

.btn.btn-link.collapsed > .vh-acc-expand {
    background-image: url(/statics/minus-icon.png)!important;
}

.vh-acc-expand {
    background-image: url(/statics/plus-icon.png);
    width: 25px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    margin-right: 10px;
}

.vh-card-image {
    
}


/*------------------------------------------------------------------------*/
/*                            LEGION OVERRIDE                             */
/*------------------------------------------------------------------------*/

.login {
    padding: 100px 16% 0 100px;
    margin: 100px 55px 55px 55px;
}

.login .login-header {
    display: none;
}

.login label {
    border: none;
    padding: 15px 0;
}

.legion-users-create {
    padding-left: 60px;
    padding-top: 100px;
    background-image: url("/statics/banner-01.jpg");
    background-size: cover;
    padding-bottom: 50px;
}

.toast-info {
  background-color: #0d2f56!important;
}

.legion-users-create input, textarea {
    display: block;
    padding-left: 10px;
    
    width: 300px;
    margin-top: 10px;
    min-height: 35px;
    border: 2px solid #cacaca;
    background-color: #f5f5f5;
    border-radius: 2px;
    position: static;
    box-sizing: border-box;
    font-weight: lighter;
}

.legion-users-create label { margin-top: 20px; }

/*This is only override - don't copy this to reach | dashboard*/

.form-input-configuration {
    min-height: 50px;
    font-size: 16px;
    padding-left: 15px;
}

.form-input-configuration {
    width: 100%;
    margin-top: 10px;
    min-height: 35px;
    border: 2px solid #cacaca;
    background-color: #f5f5f5;
    border-radius: 2px;
    position: static;
    box-sizing: border-box;
    font-weight: lighter;
}

.event-external-link-display {
    position: absolute;
    text-align: right;
    display: block;
    width: 40px;
    right: 30px;
    bottom: -12px;
}

.event-external-link {
    color: #FFFFFF;
    font-size: 25px;
}

.event-campaign-small-image {
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.share-campaign-container {
    float: left;
    margin-top:10px;
}

.share-lifestyle-container {
    float: right;
    padding-right: 0;
}

.camp-share-item {
    border: 0;
    color: white;
    -webkit-transition: all ease-in-out 300ms;
       -moz-transition: all ease-in-out 300ms;
        -ms-transition: all ease-in-out 300ms;
         -o-transition: all ease-in-out 300ms;
            transition: all ease-in-out 300ms;
}

.facebook-share-button {
    background-color: #3b5998;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
    padding: 5px 10px 5px 10px;
}

.twitter-share-button {
    background-color: #1b95e0;
    padding: 5px 5px 5px 5px;
    min-width: 75px;
    min-height: 27px;
}

/*------------------------------------------------------------------------*/
/*                           DASHBOARD STYLES                             */
/*------------------------------------------------------------------------*/

.rd-form-note-container {
    font-weight: normal;
    color: #0d2f56;
}

/*------------------------------------------------------------------------*/
/*                            DEFAULT STYLES                              */
/*------------------------------------------------------------------------*/

.h1, .h2, .h3, .h4 { 
    margin-top: 0; 
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif, Helvetica;
}

.gray { color: #221f20; }
.red { background: red; }    
.h4, h4 { font-size: 20px; }
.orange { background: orange; }  
.light-gray { color: #797979; }
.g-link-style { color: black; }
.center { text-align: center; }
.red-bg { background-color: red;} 
.g-link-style:hover { color: black; }
.orange-bg { background-color: orange; }  
.light-gray-bg { background-color: #797979; }
a:focus, a:hover { 
    color: #194482;
    text-decoration: none;
    background-color: none;
 }
.gray-bg, .prevLink, .nextLink { background-color: #221f20; }


a {
    color: #0d2f56;
    text-decoration: none;
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}


.nav-link {
    padding: 0.5em 0;
}

.green-horizontal-line { 
    border-top: 120px solid #71BD46; 
    border-left: 120px solid #31708f; 
}

select {
    border:1px solid #ccc;
    border-radius: 2px;
    padding:5px 5px;
    -webkit-appearance: none;
      -moz-appearance : none;
           appearance : none;
}


.occupant-age-wrapper {
    display: block;
    min-height: 49px;
    margin-bottom: 0;
}

.occupant-age-spacer { 
    margin-left: 0; 
    
}

.occupant-age-values {
    min-width: 62px;
    max-width: 62px;
    min-height: 39px;
    padding-left: 18px;
    display: inline-block;
    background-color: #FFF;
    border: 1px solid #b3b3b3;
    font-size: 15px;
}

.guest-age-text-item {   
    color: #FFFFFF;
    margin-left: 5px;
    display: inline-block;
    font-family: arial;
}

.sal-book-now-link-item-all-selected {
    border: 0;
    outline: none;
    width: 100%;
    color: #FFFFFF;
    padding: 5px 0 5px 0;
    cursor: pointer;
    display: block!important;
    text-transform: UPPERCASE;
    background-color: #0d2f56;
    z-index: 10000;
}

button.sal-book-now-link-item {
    display: none;
}

.occupant-age-label {
    font-weight: normal;
    margin: 19px 0 0 100px;
    text-align: right;
    min-width: 140px;
}

.sal-filter-wrapper {
    margin-top: 10px;
    border-top: 1px solid #273752;
    padding-top: 25px;
}



/*-----------------------------------------------------------------*/
/*                         COLOR STYLES                            */
/*-----------------------------------------------------------------*/


.light-green {color: #71bd46;}
.light-green-bg {background-color: #71bd46;}
.green {color: #31708f;}
.green-bg {background-color: #31708f;}
.blue {color: #31708f;}
.black {color: #000;}
.blue-bg {background-color: #175b95;}
.white {color: #FFFFFF;}
.white-bg {background-color: #FFFFFF;}
.sal-white-bg {background-color: #FFFFFF;}
.sal-gray-blue { color: #4e6376 }
.gray {color: #221f20;}
.gray-bg,
.prevLink, 
.nextLink {
    background-color: #221f20;
}

.room-heading { 
    padding-top: 4px;
    font-size: 19px;
    font-weight: bold;
    color: #0d2f56;
}

/*Navigation Section */
.logo-container {
    width: 215px; 
    height: 41px;
    margin-left: -7px;
}

.logo-container-scrolled {
    width: 165px!important;
    height: auto;
    margin-top: -8px;
}

/*Header Section*/
.header-image,
.header-image-accommodation { 
    min-height: 340px;
    margin-top: 10px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.accommodation-detail {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.accom-details-select-wrapper {
    background-color: #FFFFFF;    
}

.header-image-accommodation {
    
}

.header-image {
    /*background: linear-gradient(180deg, rgba(149,193,31,1) 16%, rgba(8,107,50,1) 89%);*/
    border-top: 0 solid #ffffff;
    border-bottom: 0 solid #ffffff;
}

.header-image-accommodation { 
    min-height: 340px; 
}
/*.header-overlay-accommodation { min-height: 350px; }*/

.search-only-header-content {
    z-index: 6;
    position: relative;
    color: #FFFFFF;
}

.header-spacer {
    top: 118px;
    padding: 15px 0 15px 0;
}

.header-content {
    top: 70px;
    padding-left: 20px;
    z-index: 6;
    position: relative;
    color: #FFFFFF;
}

.header-button-container {
    width: 39%;
    text-align: center;
    margin-top: 35px;
}

.error-page-style {
    min-height: 370px; 
    padding: 40px;
}

.header-button-left,
.header-button-right { 
    display: inline-block; 
}
.header-button-left { margin-right: 15px; }

.btn-tin, 
.btn-hiw { min-width: 110px; cursor: pointer; }



.h2g-hotel-booking-hotel-back-button:focus { outline: none; }


.h2g-hotel-booking-hotel-back-button-container,
.h2g-hotel-booking-hotel-booking-title {
    display: inline-block;
}

.header-overlay-accommodation,
.header-overlay {
    background-color: #f2f2f2;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    width: 100%;
    overflow: hidden;
    position: absolute;
}

.header-image,
.header-overlay { 
    min-height: 600px;
    margin-top: 0px;
}

.accommodation-filter-container  { padding: 40px 0 10px 0; }
.accommodation-results-container { padding: 15px 0 0 0; }

.home-form-center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 540px;
    display: block;
     -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
         -ms-transform: translate(-50%,-50%);
          -o-transform: translate(-50%,-50%);
             transform: translate(-50%,-50%);
}


.h2g-hotel-booking-hotel-back-button { 
    background-color: #0d2f56;
    display: inline-block;
    border: 0;
    margin-right: 4px;
    border-radius: 0;
    font-size: 12px;
    color: #fff;
    vertical-align: text-bottom;
}



/*-------------------------------------------------------*/
/*                    FORM STYLES                        */
/*-------------------------------------------------------*/

/*input,*/
select,
option {
    -webkit-appearance:none;
      -moz-appearance: none;
           appearance: none;
}

.sal-filter-option::-webkit-input,
.sal-filter-option::input {
    -webkit-appearance:radio;
      -moz-appearance: radio;
           appearance: radio;
}

input
select,
option {
    -webkit-appearance:none;
      -moz-appearance: none;
           appearance: none;
}

input[type=radio] {
    -webkit-appearance:radio;
      -moz-appearance: radio;
           appearance: radio;
}

input.form-group.submit-accommodation-form:focus { outline: none; border-bottom: 3px solid #39671F; }

.sal-filter-label {
    font-weight: 500;
    font-family: arial;
    color: #FFFFFF;
    font-size: 12px;
    letter-spacing: 0.2px;
    padding-left: 6px;
}

.submit-accommodation-form::-webkit-input-placeholder { color: #39671F; }
.submit-accommodation-form::-moz-placeholder { color: #39671F; }
.submit-accommodation-form::-moz-placeholder { color: #39671F; }
.submit-accommodation-form:-ms-input-placeholder { color: #39671F; }

.h2g-input::-webkit-input-placeholder { color: #71BD46; opacity : 1;}
.h2g-input::-moz-placeholder { color: #71BD46; opacity : 1; }
.h2g-input::-moz-placeholder { color: #71BD46; opacity : 1; }
.h2g-input:-ms-input-placeholder { color: #71BD46; opacity : 1; }

.h2g-list,
.h2g-select, 
.h2g-input, 
.h2g-option {
    text-align: left;
    color: #000000;
    width: 100%;
    min-height: 42px; 
    border-radius: 0;
    border: none;
    -webkit-appearance:none;
      -moz-appearance: none;
       -ms-appearance: none;
           appearance: none;
} 

.h2g-list,
.h2g-select {
    background: url(/statics/select-arrow.png) no-repeat 98% 50%;
    border-radius: 0;
    padding-left: 8px;
}

.h2g-list { padding-top: 1px; }

.h2g-input {
    background: url(/statics/input-search.png) no-repeat 14px 49%;
    padding-left: 43px;
}

.step-two-description { width: 100%; display: block; }

gray { color: #2d2d2d; }

gray,
blue,
green,
black { 
    font-size: 26px; 
    font-weight: bold; 
    display: inline-block; 
    vertical-align: middle; 
    margin-right: 4px;
}

blue-light,
green-light { 
    color: #71bd46;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

blue-small,
blue-light,
blue { color: #0fa7b0; }

green-light,
green { color: #51B3D8; }

blue-small { 
    font-size: 20px; 
    font-weight: bold; 
    display: inline-block; 
    vertical-align: middle; 
    margin-right: 4px;
    margin-bottom: 10px;
}

.no-results-contianer {
    font-size: 22px;
    font-weight: bold;
    color: #71bd46;
    text-transform: capitalize;
}

.no-results-icon-style  {
    font-size: 30px;
    color: red;
    margin-left: 45px;
}

.sal-booking-title-container {
    margin: 80px auto 10px auto!important;
    padding-right: 0!important;
    padding-left: 0!important;
}

.booking-details-spacer { 
    padding-top: 20px; 
    padding-bottom: 20px; 
}

.error-message-container {
    color: red;
    float: right;
}

/*Booking Confirmation View - Charge Conditions Styles*/

.charge-conditions-item-space { 
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 30px;
    padding-bottom: 35px;
}

.sal-charge-condition-wrapper {
    margin-top: 20px;
}

.sal-charge-condition-header {
    background-color: #a5a5a5;
    padding: 7px 0 5px 7px;
    color: #FFFFFF;
}

.sal-charge-condition-item-container {
    border: 1px solid #cccccc;
}

.sal-charge-condition-item-left,
.sal-charge-condition-item-right {
    display: inline-block;
}

.sal-charge-condition-item-left {
    width: 40%;
}

.sal-charge-condition-item-right {
    border-left: 1px solid #cccccc;
}

.sal-cc-content-tr {
    font-family: arial;
    padding: 3px 3px 3px 5px;
}

.sal-cc-content-tr:first-child {
    margin-top: 4px;
}

.sal-cc-content-tr:last-child {
    margin-bottom: 4px;
}

.charge-condition-disclaimer {
    margin-bottom: 15px;
    font-family: arial;
}

.sal-cc-content-amount {
    color: #ff3232;
    font-weight: bold;
}

.sal-cc-content-notice {
    color: #ff3232;
    padding: 5px 5px 5px 6px;
    font-family: arial;
}

.room-preview-wrapper {
    margin-left: -15px;
}

.sal-booking-registration-container {
    margin: 30px auto 10px auto!important;
    padding-right: 0!important;
    padding-left: 0!important;
}

.h2g-step-two-options-title {
    color: #425b95;
    font-size: 16px;
    font-weight: bold;
}

.h2g-option {
    background: url(/statics/select-selected.png) no-repeat 98% 50%;
    border-bottom: 1px solid #FFFFFF;
    padding-left: 8px;
    vertical-align: middle;
}

.right { float: right; }

.no-pad {
    padding-left: 0!important;
    padding-right: 0!important;
}

.sal-action-btn {
    padding: 15px;
    min-width: 230px;
    font-size: 12px;
    font-family: arial;
    border: 0;
    border-radius: 2px;
    color: #000;
    background-color: #FFFFFF;
}

.stronger { font-weight: 600; }
.uppercase { text-transform: UPPERCASE; }

.h2g-form-wrapper { margin: 10px 0 5px 0; }

.h2g-list:focus,
.h2g-input:focus,
.h2g-option:focus,
.h2g-select:focus { outline: none; }
.h2g-form-green { background-color: #71BD46; }
.h2g-form-blue { background-color: #E5F2FE; }


.h2g-booking-search-container {
    margin-bottom: 30px;
}

.sal-booking-item-container { padding: 10px 0 30px 0; }

.sal-action-container { 
    margin-top: 118px;
    background-color: #cecece; 
}

.h2g-accomodation-search-container {
    padding: 0 0 5px 0;
    text-align: center;
    background-color: #71bd46;
    border-radius: 0;
}

.h2g-accomodation-seperation-booking-line {
    margin: 0 15px 0 15px;
    color: #FFFFFF;
}

button.btn-login-nav.nav-link-color:hover {color: #6cb443; }
button.btn-login-nav.nav-link-color:focus {outline: none; }

.h2g-accomodation-search-input-fields {
    height: 33px;
    vertical-align: middle;
    outline: none;
    border: 0;
    border-radius: 0 2px 2px 0;
    background-color: #ffffff;
    margin-left: -5px;
    min-width: 20px;
    padding: 5px 5px 7px 0;
    text-align: center;
}

.disabled-input-field {
    cursor: no-drop;
    background-color: #f3f3f3!important;
    color: #b5b5b5!important;
    font-weight: lighter!important;
}

.h2g-accomodation-label-fields-for-white {
    display: inline-block;
    text-align: center;
    background-color: #136198;
    height: 33px;
    padding: 5px 10px 4px 10px;
    color: #fff;
    font-weight: normal;
    width: 50%;
    min-width: 120px;
    border-radius: 2px 0 0 2px;
}

.h2g-accomodation-search-input-fields-for-white {
    display: inline-block;
    height: 33px;
    vertical-align: middle;
    outline: none;
    border-radius: 0 2px 2px 0;
    background-color: #ffffff;
    margin-left: -5px;
    width: 50%;
    min-width: 159px;
    padding: 5px 5px 7px 5px;
    text-align: left;
    border: 2px solid #71bd46;
    border-left: 0;
}

.h2g-accomodation-search-input-fields-for-children {
    display: inline-block;
    height: 33px;
    vertical-align: middle;
    outline: none;
    border-radius: 0 2px 2px 0;
    background-color: #ffffff;
    margin-left: -5px;
    width: 70%;
    padding: 5px 5px 7px 5px;
    text-align: left;
    border: 2px solid #71bd46;
    border-left: 0;
}

.h2g-accomodation-label-fields-for-children {
    display: inline-block;
    text-align: center;
    background-color: #71bd46;
    height: 33px;
    padding: 5px 10px 4px 10px;
    color: #fff;
    font-weight: normal;
    width: 30%;
    border-radius: 2px 0 0 2px;
}

.children-container { margin-bottom: 4px; }

.h2g-accomodation-label-fields {
    background-color: #136198;
    height: 33px;
    padding: 5px 10px 4px 10px;
    color: #fff;
    font-weight: normal;
    min-width: 150px;
    border-radius: 2px 0 0 2px;
}

::-moz-placeholder{ color: #000000 }
::-webkit-placeholder{ color: #000000 }
::-ms-input-placeholder{ color: #000000 }

input[placeholder], [placeholder], *[placeholder] { 
    color: #000000; 
    opacity: 1; 
    height:39px; 
    text-align: left;
    font-size:14px;
    box-shadow: 0 0 0px #00000094;
    font-weight: 300;
    padding-left: 15px;
}

.profile-btn {
    background-color: #007bff00;
    border-color: #007bff00;
    background: linear-gradient(180deg, rgba(149,193,31,1) 16%, rgba(8,107,50,1) 89%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding: 10px;
    margin: 15px 0px;
    border: 0;
    width: 180px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.profile-btn:hover {
    background-color: #007bff00;
    border-color: #007bff00;
    background: linear-gradient(180deg, rgba(149,193,31,1) 13%, rgba(8,107,50,1) 82%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding: 10px;
    margin: 15px 0px;
    border: 0;
    width: 180px;
    border-radius: 5px;
    text-align: center;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
        -ms-box-shadow: none;
            box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
          -moz-transition: border-color ease-in-out .15s,-moz-box-shadow ease-in-out .15s;
            -ms-transition: border-color ease-in-out .15s,-ms-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;
}

.form-control:focus {
    border-bottom: 3px solid #39671F!important;
    outline: none!important;
    -webkit-box-shadow: none!important;
       -moz-box-shadow: none!important;
        -ms-box-shadow: none!important;
            box-shadow: none!important;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #31708f;
    text-align: center;
    background-color: transparent;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
}

.type-password-one {
    margin-right: -70px;
}

.type-password-two {
    position: relative;
    left: 30px;
}

/*----------------------------------------------------*/
/*                    Header Styles                   */
/*----------------------------------------------------*/

.login-header-image-container {
    background-image: url(/statics/vh-bookings-header.jpg);
    height: 193px;
    background-repeat: no-repeat;
    background-color: #e6e6e6;
}

.login-header-image-container-event-login {
    background-image: url(/statics/corporate-event-login.jpg);
    height: 193px;
    background-repeat: no-repeat;
    background-color: #e6e6e6;
}

.login-header-image-container-wedding-login {
    background-image: url(/statics/my-wedding-login.jpg);
    height: 193px;
    background-repeat: no-repeat;
    background-color: #e6e6e6;
}

.header-headline {
    margin-top: 75px;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #302e30;
}

.header-sub-title {
    font-size: 20px;
    font-family: inherit;
    font-weight: lighter;
    letter-spacing: 1px;
    margin-top: 20px;
    color: #302e30;
}

/*Circular Icons*/
.circular-icons-container {
    margin-top: 60px;
    margin-bottom: 55px;
}

.icon-item-wrapper {
    text-align: center;
    padding: 25px;
    margin: 25px 0 25px 0;
}

.icon-items-header,
.icon-item-wrapper { 
    font-family: "Open Sans",sans-serif,Helvetica,Arial,sans-serif!important; 
    text-align: center;
    font-size: 34px;
    margin-bottom: 10px;
}

.icon-items-header {
    font-weight: lighter;
    margin-top: 10px;
}

.icon-item-wrapper {
    text-align: center;
    padding: 25px;
    margin: 25px 0 25px 0;
}

.ww-container {
    border-radius: 100%;
    width: 120px;
    height: 120px;
    overflow: hidden;
    display: inline-block;
}

.ww-container:hover { cursor: pointer; }

.ww-circle-icon {
    width: 120px;
    height: 120px;
    background-size: 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
}

.ww-circle-icon-background {
    width: 120px;
    height: 120px;
    border-top: 120px solid #71BD46;
    border-left: 120px solid #6CB443;
    -webkit-transform: rotate(-18deg);
       -moz-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
         -o-transform: rotate(-18deg);
            transform: rotate(-18deg);
    -webkit-transition: all 400ms ease-in-out;
       -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
         -o-transition: all 400ms ease-in-out;
            transition: all 400ms ease-in-out;
}

.ww-container:hover .ww-circle-icon-background { 
    border-top: 0;
    border-left: 120px solid #6CB443;
}

.ww-container:hover .ww-icon-size { 
    font-size: 65px;
    color: #FFFFFF;
    width: 100%;
    height: 140px;
    line-height: 114px;
    text-shadow: 3px 2px 3px rgba(44, 74, 27, 0.4);
}

.ww-icon-size {
    font-size: 62px;
    color: #FFFFFF;
    width: 100%;
    height: 140px;
    line-height: 114px;
    -webkit-transition: all 400ms ease-in-out;    
       -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
         -o-transition: all 400ms ease-in-out;
            transition: all 400ms ease-in-out;
}  
    
.circle-wrapper {
	width: 100%;
    text-align: center;
}    

.circular-item-body { padding: 0 10px 0 10px; }    

/*Green Section*/

.green-section-container {
    min-height: 300px;
    padding-top: 60px;
    padding-bottom: 100px;
}

.green-section-heading {
    color: #FFFFFF;
    font-size: 34px;
    letter-spacing: 1px;
    word-spacing: 1px;
    margin-top: 60px;
    margin-bottom: 15px;
}

.in-line { display: inline-block; }

.green-section-body {
    margin-top: 20px;
    text-align: justify;
    padding-right: 10px;
    line-height: 23px;
}

.green-section-icon {
    color: #FFFFFF;
    font-size: 245px;
    text-align: right;
}

.green-section-button { margin-top: 30px; }

.green-section-icon-container {
    width: 100%;
    text-align: center;
    padding-top: 30px;
}


/*White Section*/

.white-section-container {
    margin-top: 60px;
    margin-bottom: 40px;
    text-align: center;
}

.white-section-heading {
    color: #6CB443;
    font-size: 34px;
    letter-spacing: 1px;
    word-spacing: 1px;
    margin-top: 80px;
    margin-bottom: 20px;
}

.white-section-body {
    margin-top: 20px;
    text-align: center;
    padding-right: 45px;
    padding-left: 45px;
    line-height: 23px;
}

.white-section-icon {
    color: #175B95;
    font-size: 200px;
    width: 100%;
    text-align: center;
    padding-top: 30px;
}

.accommodation-list-title {
    height: 24px;
    overflow: hidden;
}


/*-----------------------------------------------------*/
/*                   CAROUSEL STYLES                   */
/*-----------------------------------------------------*/

.carousel-image-link {
    position: relative;
    overflow: hidden;
}

.carousel-image-link:hover > .carousel-image-title {
    bottom: 105px;
}

.carousel-image-link:hover > .carousel-image-overlay {
    opacity: 0.8;
    top: 0;
    height: 100%;
}

.carousel-image-title {
    position: absolute;
    z-index: 100;
    color: #ffffff;
    bottom: 3px;
    left: 0;
    right: 0;
    text-align: center;
}

.carousel-image-overlay {
    position: absolute;
    background-color: #2d4161;
    z-index: 50;
    left: 15px;
    height: 30px;
    right: 15px;
    top: 200px;
    opacity: 1;
}

.carousel-image-title,
.carousel-image-overlay {
    -webkit-transition: all 350ms linear;
       -moz-transition: all 350ms linear;
         -o-transition: all 350ms linear;
            transition: all 350ms linear;
}

.carousel-caption {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10;
    padding-bottom: 16%;
    color: #fff;
    text-align: left;
    top: 190px;
}

.event-caption-new {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10;
    padding-bottom: 16%;
    color: #fff;
    text-align: left;
    top: 110px;
}

.sal-fp-carousel-header {
    font-size: 50px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif, Helvetica;
    text-shadow: 0 2px 2px #000000;
}

.vh-event-header {
    font-size: 47px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif, Helvetica;
    text-shadow: 0 2px 2px #000000;
    text-transform: uppercase;
    max-width: 70%;
}

.sal-fp-carousel-caption {
    font-size: 25px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif, Helvetica;
    text-shadow: 0 2px 2px #000000;
}

.vh-event-caption {
    font-size: 30px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif, Helvetica;
    text-shadow: 0 2px 2px #000000;
    text-transform: uppercase;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 60px;
    color: #FFFFFF;
    text-align: center;
    text-shadow: 0 1px 1px #000;
    background-color: transparent; 
    opacity: 1;
}

.sal-fp-header-content {
    padding-top: 30px;
}

.villas-body-content {
    padding-top: 70px;
}

.sal-fp-header {
    margin-bottom: 0;
    font-weight: bold;
    color: #354f66;
    font-size: 26px;
}

.vh-descr {
    margin-bottom: 0;
    font-weight: 300;
    color: #fff;
    font-size: 15px;
    padding-bottom: 20px;
    font-family: 'Roboto', sans-serif, Helvetica;
    align-self: center;
    line-height: 1.8em;
    text-align: center;
    display: block;
    margin: auto;
    max-width: 750px;
}

.villas-header {
    margin-bottom: 0;
    font-weight: bold;
    color: #354f66;
    font-size: 26px;
}

.sal-fp-header-description {
    font-size: 16px;
    font-family: 'Roboto', sans-serif, Helvetica;
}

.villas-description {
    font-size: 16px;
    text-align:center;
}

.carousel-indicators {
    text-align: right;
    margin-left: 30px;
    -webkit-box-pack: inherit;
    -moz-box-pack: inherit;
    -ms-box-pack: inherit;
    justify-content: flex-end;
    margin-right: 85px;
}

.carousel-home-control { margin-top: 103px; }
.carousel-accommodation-control { margin-top: 183px; }

.accommodation-list-container {
    position: absolute;
    width: 97%;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 160px;
    padding: 1px 1px 6px 1px;
    margin: 0 0 0 0;
    top: 38px;
    left: 15px;
    border-radius: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #6BBC59;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.list-options { border-bottom: 1px solid #5EAF4C; }

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none!important;
    filter: none;
    background-repeat: no-repeat;
}

.carousel-control.left {
    left: 0;
    left: auto;
    background-image: none!important;
    filter: none;
    background-repeat: no-repeat!important;
}

.carousel-indicators li {
    max-width: 16px;
    height: 16px;
    background-color: rgba(255, 255, 255, 0.4);
}

.carousel-indicators .active {
    background-color: #ffffff;
}

.picker--focused .picker__day--highlighted {
    color: #fff!important;
    background: #0d2f56!important;
}

.picker__day--infocus:hover, 
.picker__day--outfocus:hover {
    background: #c9ebec!important;
}

.picker__button--clear:hover, 
.picker__button--close:hover, 
.picker__button--today:hover {
    background: #c9ebec!important;
}

.picker__day--today:before {
    border-top: .5em solid #ffffff!important;
}

.picker__button--clear:before {
    border-top: 3px solid #0d2f56!important;
}

.picker__button--today:before {
    border-top: .66em solid #0d2f56!important;
}

.picker__month {
    color: #193764!important;
    font-weight: 500!important;
    font-size: 20px!important;
}

.fp-header {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
}

/*Carousel Fade*/

.carousel-fade {
    -webkit-transition: all 900ms ease-in-out;
       -moz-transition: all 900ms ease-in-out;
        -ms-transition: all 900ms ease-in-out;
         -o-transition: all 900ms ease-in-out;
            transition: all 900ms ease-in-out;
}

.carousel-fade .carousel-inner .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transition: all 900ms ease-in-out;
     -moz-transition: all 900ms ease-in-out;
      -ms-transition: all 900ms ease-in-out;
       -o-transition: all 900ms ease-in-out;
          transition: all 900ms ease-in-out;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
    -webkit-transition: all 900ms ease-in-out;
       -moz-transition: all 900ms ease-in-out;
        -ms-transition: all 900ms ease-in-out;
         -o-transition: all 900ms ease-in-out;
            transition: all 900ms ease-in-out;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 900ms ease-in-out;
     -moz-transition: all 900ms ease-in-out;
      -ms-transition: all 900ms ease-in-out;
       -o-transition: all 900ms ease-in-out;
          transition: all 900ms ease-in-out;
}

.carousel-fade .carousel-inner .active.carousel-nav-shapes,
.carousel-fade .carousel-inner .active.carousel-nav-shapes {
  left: 0;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 800ms ease-in-out;
     -moz-transition: all 800ms ease-in-out;
      -ms-transition: all 800ms ease-in-out;
       -o-transition: all 800ms ease-in-out;
          transition: all 800ms ease-in-out;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
  -webkit-transition: all 800ms ease-in-out;
     -moz-transition: all 800ms ease-in-out;
      -ms-transition: all 800ms ease-in-out;
       -o-transition: all 800ms ease-in-out;
          transition: all 800ms ease-in-out;
}

.carousel-fade .carousel-control {
  z-index: 2;
  -webkit-transition: all 900ms ease-in-out;
     -moz-transition: all 900ms ease-in-out;
      -ms-transition: all 900ms ease-in-out;
       -o-transition: all 900ms ease-in-out;
          transition: all 900ms ease-in-out;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .carousel-item.next,
    .carousel-fade .carousel-inner > .carousel-item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .carousel-item.prev,
    .carousel-fade .carousel-inner > .carousel-item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .carousel-item.next.left,
    .carousel-fade .carousel-inner > .carousel-item.prev.right,
    .carousel-fade .carousel-inner > .carousel-item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.fp-carousel-image {
    display: block !important;
    width: 100%;
    min-height: 600px;
    object-fit: cover;
}

.carousel-inner-container {
    width: 100%;
    min-height: 300px;
    text-align: center;
}

.carousel-image-container {
    margin-top: 24px;
    background-color: #FFF;
    background-size: 110%;
    background-position: 96% 50%;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    border: 5px solid #064377;
    display: inline-block;
}

/*Accommodation Carousel*/
.carousel-accommodation-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-accommodation-inner-container {
    width: 100%;
    min-height: 300px;
    text-align: center;
}

.carousel-accommodation-image-container {
    background-size: cover;
    margin-top: -2px;
    background-position: 50% 50%;
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    display: inline-block;
}

.carousel-accommodation-inner { margin-top: 0; margin-bottom: 0; }

.carousel-accommodation-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.g-recaptcha { margin-left: 0; }

.booking-input-captcha-wrapper { display: inline-block; }

.h2g-carousel-home { min-height: 300px; }

.h2g-carousel-accommodation { min-height: 400px; }

.go-anywhere-container { margin-bottom: 60px; }

.go-anywhere-image-container {
    background-image: url('/statics/go-anywhere.gif');
    width: 412px;
    height: 251px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 50px;
}

.white-section-heading-blue {
    color: #175B95;
    font-size: 34px;
    letter-spacing: 1px;
    word-spacing: 1px;
    margin-top: 80px;
    margin-bottom: 20px;
}

.accommodation-icon-container {
    margin-top: 50px; 
    margin-bottom: 50px;
    text-align: center;
}

.add-accommodation-icon {
    font-size: 160px;
    color: white;
}

.submit-accommodation-form {
    margin-top: 20px;
    background-color: #7ABD53;
    border: 0;
    border-bottom: 3px solid white;
    color: white;
    min-height: 45px;
    width: 100%;
    padding-left: 10px;
    -webkit-transition: all 200ms ease-in-out;
       -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
         -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
}

.image-copyright-container {
    padding-top: 8px;
    font-style: italic;
    color: gray;
}


/*----------------------------------------------------------*/
/*                    BUTTON STYLES                         */
/*----------------------------------------------------------*/

.pag {
    margin-left: 4px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding: 4px;
    min-height: 27px;
    min-width: 30px;
    color: #FFFFFF;
    font-weight: 500;
}

.pagination-container {
    margin-bottom: 34px;
    text-align: right;
}

.btn-sml-space-right {margin-right: 6px;}
 
.btn-submit-group {
    min-height: 45px;
    margin-top: 20px;
    background-color: #221F20;
    color: white!important;
    -webkit-transition: all 200ms ease-in-out;
       -moz-transition: all 200ms ease-in-out;
         -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
     outline: none; 
     outline-offset: none; 
}

.action-container {
    text-align: right;
    padding-top: 10px;
}

.booking-status-select {
    overflow: visible!important;
    background-color: transparent;
    border: 0;
    min-height: 27px;
    text-transform: UPPERCASE;
}

button.btn.btn-submit-group:hover {background-color: #5F9E3B;}

button.event-btn-small,
button.avail-btn-small {
    min-width: 75px;
    border-radius: 2px;
    font-weight: bold;
    font-size: 12px;
    border: 2px;
    border-style: solid;
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

button.event-btn-small {
    background-color: #FFFFFF;
    border-color: #FF1E1E;
    color: #FF1E1E;
    margin-right: 3px;
}

button.event-btn-small:hover {
    background-color: #FF1E1E;
    color: white;
}

button.avail-btn-small {
    background-color: #71BD46;
    border-color: #71BD46;
    color: #FFFFFF;
}

button.avail-btn-small:hover {
    background-color: #599D32;
    border-color: #599D32;
}

button.height-toggle-btn {
    width: 100%;
    border: 0;
    color: white;
    margin-top: 10px;
    background-color: #6CB443;
}

button.height-toggle-btn:active,
button.height-toggle-btn:focus {
    outline: none;
}

/*----------------------------------------------------------*/
/*                      TOOLTIP STYLES                      */
/*----------------------------------------------------------*/
/*Add title="my tooltip text" and class="sal-tooltip" to any <a> tag to use*/

.sal-tooltip {
    display: inline;
    position: relative;
    cursor: pointer;
}

.sal-tooltip:hover:after {
    background: #71bf43;
    border-radius: 2px;
    color: #124b4e;
    content: attr(title);
    left: -40px;
    text-align: center;
    min-width: 140px;
    padding: 12px 10px 10px 12px;
    position: absolute;
    z-index: 98;
    font-weight: normal;
    line-height: 16px;
    font-size: 13px;
    text-transform: capitalize;
    bottom: 61px;
}

.sal-tooltip:hover:before{
    border: solid;
    border-color: #71bf43 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 55px;
    content: "";
    left: 18px;
    position: absolute;
    z-index: 99;
}


/*----------------------------------------------------------*/
/*                    ACCOMMODATION STYLES                  */
/*----------------------------------------------------------*/

.accommodation-container {
    margin-bottom: 20px;
}

.accommodation-results-item { 
    border-radius: 2px;
    display: table;
    width: 100%;
}

.sal-accommodation-results-wrapper { 
    margin-bottom: 30px;
    background-color: #FFFFFF;
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

.sal-accommodation-results-wrapper:focus,
.sal-accommodation-results-wrapper:active,
.sal-accommodation-results-wrapper:hover {
    -webkit-box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.6);
       -moz-box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.6);
            box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.6);
}

.accommodation-result-details { 
    padding: 18px; 
    min-height: 164px;
}

.accom-hotel-room-option-item,
.accom-hotel-detail-room-option-item {
    text-align: left;
}
    
.accom-hotel-detail-room-option-item {
    padding: 24px 15px 6px 15px;
}

.accom-hotel-room-option-item {
    margin: 10px 0 10px 0;
    background-color: #FFFFFF;
    padding: 2px 4px 2px 8px;
}

.sal-room-option-seperator {
    width: 100%;
    background-color: #d2d2d2;
    min-height: 1px;
}

.sal-room-option-seperator:first-child {
    background-color: transparent;
}

.accommodation-results-more-options-link {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}

.accommodation-results-more-options-link:hover {
    color: #000000;
}

.accommodation-results-more-options-wrapper {
    cursor: pointer;
    width: 100%;
    padding: 6px 10px 6px 10px;
    text-align: center;
    color: #2d4162;
    background-color: #cecece;
    text-transform: UPPERCASE;
}

.sal-booknow-btn-container {
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    padding: 6px 0 6px 0;
    background-color: #0d2f56;
    text-transform: UPPERCASE;
}

.sal-book-now-link-item { color: #FFFFFF; }

.accommodation-results-image,
.lifestyle-image-container { background-image: url('/statics/no-image.jpg'); }

.lifestyle-form-wrapper { background-color: #FFFFFF; padding: 30px; }

.lifestyle-swipe-item {
    height: 445px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.lifestyle-property-detail-container {
    margin-top: 150px;
}

.enquiry-form-group { margin-bottom: 15px; }

.enquiry-form-input {
    width: 100%;
    margin-top: 0;
    padding: 10px 5px 10px 5px;
    border-radius: 2px;
    border: 1px solid #a5a5a5;
    background-color: white;
    font-size: 16px;
    font-weight: normal;
}

.accommodation-results-image {
    width: 35%;
    height: auto;
    background-size: cover;
    background-position: 50% 50%;
    display: table-cell;
}

.sal-option-select-wrapper { text-align: right; }

.sal-option-select-container input[type="radio"] {
    opacity:0.011;
    display: none;
    z-index:100;
}

.room-select-radio:hover,
.h2g-modal-hover-link:hover {
    color: #ffffff;
    background-color: #024481;
}

.h2g-modal-hover-link {
    padding: 27px 15px 28px 15px;
    color: #ffffff;
    font-size: 12px;
    background-color: #024481;
    margin-left: -15px;
    top: -18px;
    position: relative;
}

.room-select-radio {
    color: #ffffff;
    font-size: 12px;
    text-transform: UPPERCASE;
    float: right;
    margin-top: -61px;
    padding: 28px 10px 28px 11px;
}

.room-select-radio,
.h2g-modal-hover-link {
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

.room-select-radio { 
    background-color: #024481; 
    margin-right: -15px;
    float: right;
}

.room-select-radio-details {
    cursor: pointer;
    background-color: #0d2f56;
    padding: 2px 5px 0 5px;
    border-radius: 2px;
    float: right;
    margin-top: 1px;
    color: #FFFFFF;
    display: block;
    text-transform: UPPERCASE;
    font-weight: normal;
    font-size: 12px;
}

.sal-option-select-container input[type="radio"]:checked + label { background-color: #0f6469; }

.accom-hotel-room-options-wrapper {
    font-family: arial;
    line-height: normal;
}

.sal-hotel-price-per-night { margin-left: -3px; }

.accom-hotel-room-type {
    color: #6b6b6b;
    font-weight: normal;
    font-family: arial;
    font-size: 15px;
    margin-left: 5px;
}

.accom-detail-room-type {
    color: #6b6b6b;
    font-weight: normal;
    display: inline-block;
    font-family: arial;
    font-size: 15px;
    margin-left: 5px;
}

.accom-hotel-details-header {
    color: #024481;
    text-transform: UPPERCASE;
    font-weight: bold;
    font-size: 15px;
    margin-left: 30px;
}

.accom-hotel-room-header {
    color: #024481;
    text-transform: UPPERCASE;
    font-weight: bold;
    font-size: 15px;
    margin-left: 30px;
}

.share-items {
    float: right;
    margin-top: -40px;
}

.sal-special-feature-container {
    float: right;
    position: absolute;
    margin-top: -45px;
    margin-left: 25px;
    right: 90px;
}

.sal-special-feature-detail-container {
    float: right;
    position: absolute;
    right: 90px;
    margin-top: -39px;
}

.swiper-container2,
.swiper-container {
    width: 100%;
    padding-bottom: 30px;
}

.swiper-button-next,
.swiper-button-prev {
    background-image: none;
}

.home-swiper-prev,
.home-swiper-next {
    top: 235px;
}

.accomm-info-swiper-left {
    left: 9px!important;
}

.contact-form-bottom-text {
    font-size: 12px;
    margin-top: -5px;
    text-align: right;
}

.contact-container {
    padding: 30px;
    margin: 30px 0 30px 0;
    background-color: white;
}

.contact-wrapper {
    margin-top: 118px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-arrows-container-home {
    position: absolute;
    height: 288px;
    z-index: 12;
    width: 100%;
}

.swiper-button-next-home { right: -5px; }
.swiper-button-prev-home { left: -40px; }
.swiper-button-next-home, 
.swiper-button-prev-home { 
    top: 220px;
    background-image: none;
    position: absolute;
}

.swiper-arrows-container {
    position: absolute;
    height: 400px;
    width: 100%;
    bottom: 60px;
}

.swiper-arrows-container-home {
    position: absolute;
    height: 400px;
    width: 100%;
    bottom: 60px;
}

.swiper-pagination {
    position: relative;
    display: block;
    padding: 20px 0 20px 0;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin-right: 7px;
    display: inline-block;
    border-radius: 0;
    background: #000;
    opacity: .2;
}

.lifestyle-image-container {
    width: 100%;
    background-repeat: no-repeat;
    height: 250px;
    background-position: 50%;
    background-size: cover;
}

.lifestyle-header {
    font-weight: bold;
    margin-top: 14px;
    color: #292b2c;
}

.lifestyle-description {
    font-size: 12px;
    font-family: arial;
}

.lifestyle-location {
    font-size: 14px;
    color: #848587; 
}

.lifestyle-content {
    padding: 0 6px 0 6px;
}

.lifestyle-link {
    color: #FFF;
    cursor: pointer;
    background-color: red;
    z-index: 9999999;
    position: relative;
    height: 400px;
    width: 100%;
}

/*Coming Soon Content*/

.new-features-image {
    background-image: url(/statics/sal-cs-adventure.jpg);
    width: 100%;
    height: 300px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.new-features-text {
    bottom: 30px;
    margin-left: 30px;
    position: absolute;
    font-size: 18px;
    padding: 2px 5px 2px 5px;
    color: #FFF;
    font-weight: bold;
    background-color: #0d2f56;
}

.no-special-offer-container {
    display: none;
}

.accom-hotel-room-breakfast {
    color: #48b61f;
}

.room-read-more { 
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}

.accom-hotel-room-price { 
    color: #2d4162;
    font-weight: bold;
    margin-left: 12px;
    font-family: arial;
    font-size: 15px;
}

.accom-hotel-detail-price { 
    color: #2d4162;
    font-weight: bold;
    display: inline-block;
    margin-left: 8px;
    font-family: arial;
    font-size: 15px;
}

.no-pad-right { padding-right: 0!important; }


.accom-hotel-detail-room-option-item {
    padding: 25px 15px 8px 15px;
    border-bottom: 1px dashed #cecece;
}

.accom-hotel-detail-room-option-item-wrapper {
    padding: 3px 15px 10px 15px;
    border-bottom: 1px dashed #cecece;
}

.accom-title {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px dashed #cecece;
}

.accom-title-elem {
    padding: 15px 0 0 20px;
    display: inline-block;
    font-weight: bold;
    font-size: 21px;
    color: #2d4162;
}

.modal-accom-title-elem {
    /* padding: 15px 0 0 20px; */
    display: inline-block;
    font-weight: bold;
    float: left;
    font-size: 21px;
    color: #2d4162;
}

.accom-price-elem {
    display: inline-block;
    font-family: arial;
    font-size: 14px;
    float: right;
    margin: 0 15px 0 0;
    text-align: right; 
    color: #19666a;
}

.accom-star-rating { 
    padding: 15px 20px 0 0;
    font-size: 14px;
    color: #FFD203;
    float: right;
    text-transform: UPPERCASE;
    font-weight: bold;
}

.accom-star-ratin-hotel-static {
    background-color: #FFD203;
    padding: 4px 6px 2px 6px;
    color: #FFFFFF;
    font-size: 14px;
}

.filter-sort-order {
    color: #0d2f56;
    font-size: 12px;
}

.accom-hotel-text {
    padding: 10px 13px 10px 20px;
    color: #4e4e4e;
    font-family: arial;
}

.sal-hotel-address-icon {
    color: #2d4162;
    margin-right: 5px;
}

.accom-hotel-address {
    padding: 10px 20px 10px 10px;
    color: #2d4162;
    font-family: arial;
    font-size: 13px;
    border-top: 1px;
    border-bottom: 1px;
    border-left: 20px;
    border-color: rgba(45, 65, 98, 0.33);
    border-style: solid;
    background-color: rgb(242, 242, 242);
    border-right: 0;
}

.accommodation-description-container {
    padding-top: 15px;
    overflow: hidden;
    min-height: 96px;
    max-height: 96px;
}

.accommodation-item-details {
    padding-top: 5px;
    padding-bottom: 50px;
}

.li-item {
    color: #6cb443;
    display: block;
    margin-top: 12px;
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

.global-footer-wrapper {
    text-align: left;
    min-height: 100px;
    padding: 27px 15px 0px 15px;
    background-color: #EFEFEF;
    color: #FFFFFF;
    font-size: 12px;
}

.sal-global-footer-seperation-line {
    border-top: 1px solid #808080;
    margin: 10px 0 2px 0;
    color: #747474;
}

.sal-global-footer-link {
    color: #747474;
    font-size: 11px;
    letter-spacing: 0px;
    padding: 0 2px 0 2px;
}

.sal-global-footer-link:hover { text-decoration: underline; color: #000000; }

.footer-wrapper {
    margin-top: 50px;
    padding-bottom: 50px;
    min-height: 190px;
}

.footer-icon-wrapper {
    background-color: #ffffff;
    min-height: 179px;
}

.villas { width: 160px; }
.fedhasa { width: 170px; margin-right: 0px!important; }
.saaci { width: 170px; }
.satsa { width: 80px; }
.proudly { width: 65px; }
.valued-member { width: 110px; margin-right: 0!important; }

.footer-icons{ margin: 35px 15px 0 0; }

.accommodation-item-specifications-item { 
    display: block; 
    margin: 5px 19px 20px -34px;
}

.ul-title-bold {font-weight: bold;}

.li-item:hover,
.li-link-item {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

.accommodation-item-specifications-list { font-size: 16px; padding-top: 4px; }
.accommodation-item-specifications-description { margin-left: 10px; }
.accommodation-item-specifications-background {
    background-color: #6CB443;
    border-radius: 50%;
    color: #FFFFFF;
    padding: 8px;
    font-size: 16px;
}

/*Expand/Collapse Height Toggles*/

.default-height { 
    overflow: hidden;
    height: 372px;
}

.expanded-height {
   height: auto;
}

/*----------------------------------------------------------*/
/*                   MAP/CONTACT STYLES                     */
/*----------------------------------------------------------*/

.accomodation-address-title,
.accomodation-contact-title {
    font-size: 20px;
    margin: 10px 0 10px 0;
}

.hg-map-container {
    margin-left: -15px!important;
    margin-right: -15px;
    margin-bottom: -5px;
    overflow: hidden;
}

.accommodation-map-container { padding: 40px 0 30px 0; }
.clear-list-item { display: block; }
.scrolloff { pointer-events: none; }
.list-item-sub { color: #9A9A9A; }

.clear-list-item {
    display: block;
    margin-left: -37px;
    line-height: 25px;
}

.h2g-contact-information-container {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.h2g-contact-item-title {
    text-transform: UPPERCASE;
    color: #6bbc59;
    margin-right: 5px;
}

.h2g-contact-item { margin-top: 10px; }

.h2g-contact-seperator { 
    background-color: #cbf7c2;
    margin-top: 18px;
    height: 1px;
    width: 50%;
    margin-bottom: 18px;
}

.g2a-contact-map {
    background-size: 1320px;
    background-position: 61% 50%;
    height: 300px;
    background-image: url('/statics/google-maps.png');
}

.h2g-contact-form-fields {
    display: block;
    width: 100%;
    min-height: 40px;
    margin-bottom: 15px;
    border: 1px solid #e6e6e6;
    padding-left: 10px;
    background-color: #fbfbfb;
    color: #FFF;
}

.h2g-contact-form-fields:focus {
    outline: none;
    border-bottom: 3px solid #6bbc59;
}

.mdl-data-table tbody tr { cursor: pointer!important; }

.h2g-contact-form-submit-button {
    border-radius: 2px;
    padding: 6px;
    width: 100%;
    display: block;
    text-align: center;
    margin: auto;
    min-height: 36px;
    background-color: #71bd46;
    border: none;
    color: white;
    -webkit-transition: all 200ms ease-in-out;
       -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
         -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
}

.h2g-contact-form-submit-button:focus { outline: none; }
.h2g-contact-form-submit-button:hover { outline: none; }

/*----------------------------------------------------------*/
/*                   Booking Search Bar                     */
/*----------------------------------------------------------*/


.hg-head-booking-search {
    background-color: #6CB443;
    height: 60px;
}

.hg-head-booking-inner {
    background-color: transparent;
    position: absolute;
    min-height: 40px;
    vertical-align: middle;
    width: 100%;
    margin-top: 10px;
}

th { text-align: center; }

.list-options:last-child { 
    border-bottom: 0;
    margin-bottom: -5px; 
}

/*----------------------------------------------------------*/
/*                      Date Settings                       */
/*----------------------------------------------------------*/

/*Resize the date picker (wil need to add media queries if this does not adjust automatically for mobile)*/

.picker__holder { outline: none; }

.h2g-booking-date-container { 
    display: inline-block;
    width: 100%;
    margin: 4px 0 4px 0;
}

/*----------------------------------------------------------*/
/*                   Booking Settings                       */
/*----------------------------------------------------------*/

.room-divider {
    margin-bottom: 10px;
}

.children-divider {
    padding: 12px;
}

/*----------------------------------------------------------*/
/*                      Dashboard                           */
/*----------------------------------------------------------*/

.cg-chat-message-send-button {
    background-color: #0d2f56;
}

.rd-header-container { background-color: #0d2f56;} 
.step-seperator { 
    margin: 40px 0 40px 0; 
    width: 100%;
    display: block;
    background-color: #ececec;
    min-height: 1px;
} 

.step-hr {
    width: 100%;
    min-height: 1px;
    border-top: 0;
}

.h2g-booking-step-two-items-container {
    background-color: #ffffff;
    padding: 10px 0 10px 20px;
    margin-left: -15px;
    border: 1px solid #ababab;
    margin-top: 10px;
    border-radius: 2px;
}

.gta-swiper-copyright {
    position: absolute;
    z-index: 999999;
    bottom: 0;
    right: 0;
    background-color: rgba(255,255,255,0.5);
    padding: 1px 15px;
    font-size: 13px;
    font-weight: bold;
}

.gta-list-copyright {
    padding-right: 15px;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    margin-top: -31px;
    margin-bottom: 15px;
}

.gta-list-copyright {
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    padding-right: 17px;
    margin-top: -30px;
    margin-bottom: 15px;
}

.h2g-close-modal-positioning {
    color: #000000;
    cursor: pointer;
}

.modal-content-wrapper {
    padding: 10px 0 10px 0;
    margin: 10px 0 10px 0;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    display: block;
}

.modal-content-container { padding: 10px 0 10px 0; }

.sal-modal-close-btn {
    display: block;
    text-align: right;
    font-family: arial;
    font-size: 12px;
    font-weight: 700;
    margin: auto 0 auto auto;
    background-color: #FFFFFF;
    text-transform: UPPERCASE; 
    border: 1px solid #cdcdcd; 
    padding: 8px 35px 6px 35px;
    box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.2);
    -webkit-transition: all 200ms ease-in-out;
       -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
         -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
}

.sal-modal-close-btn:hover {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.3);
}

#uniqueAnimatedModal3 {
  -webkit-animation-name: uniqueAnimatedModal3;
  -webkit-animation-duration: 600ms;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
}

.initiate-uniqueAnimatedModal3 {
    display: initial;
}

.remove-uniqueAnimatedModal3 {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow-y: auto;
    z-index: -9999;
    opacity: 0;
    animation-duration: 0.6s;
}

@-webkit-keyframes uniqueAnimatedModal3 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.login-form-instruction,
.sal-modal-register-link-container {
    font-family: arial;
}

.sal-modal-register-link-container { 
    margin-top: 5px; 
}

.registration-wrapper { 
    padding: 30px;
    display: inline-block;
    width: 35%;
}

.pay-later-wrapper { 
    padding: 30px;
    width: 35%;
    display: flex;
    align-items: center;
}

.pay-later-content {
    align-content: center;
}

.registration-image {
    width: 65%;
    height: 400px;
    position: relative;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.registration-text {
    right: 15px;
    bottom: 15px;
    color: #FFFFFF;
    padding: 0 16px;
    font-size: 24px;
    font-weight: bold;
    text-align: right;
    position: absolute;
    background-color: #0d2f56;
}

.h2g-modal-hover-information-wrapper {
    width: 79%;
    display: inline-block;
    text-align: left;
}

.h2g-modal-hover-radio-wrapper {
    background-color: #175b95;
    display: inline-block;  
}

.sal-room-options-item-display { font-size: 16px; }

.sal-room-options-item-wrapper { 
    border: 1px solid darkgrey;
    margin-left: -14px;
    border-radius: 2px;
    height: 100px;
    margin-bottom: 10px;
}

.sal-room-options-item-left { 
    background-color: white;
    width: 60%;
    padding: 15px 5px 15px 20px;
}

.sal-room-options-item-right { 
    background-color: #cecece;
    float: right;
    width: 36%;
    padding: 8px 0 21px 0;
    text-align: center;
    height: 100%;
}

.sal-room-options-item-left,
.sal-room-options-item-right {
    display: inline-block;
}

.h2g-close-modal-icon {
    font-size: 30px;
}

.h2g-model-condition-type-container {
    margin-top: -5px;
    margin-bottom: 10px;
}

.modal-item-container { margin-bottom: 10px; }

.condition-type-text,
.condition-type-item {
    font-weight: bold;
    font-size: 16px;
}

.condition-type-text { 
    color: #b3b3b3;
}
.condition-type-item { 
    color: #71bd46;
    text-transform: capitalize;
}

.model-items-list-inner-content {
    margin-top: 5px;
    margin-bottom: 18px;
    padding: 18px;
    border-radius: 2px;
    border: 1px solid #efefef;
}

.h2g-allowable-condition-header {
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal-content {
    border-radius: 0;
    width: 60%;
    max-height: 590px;
    display: block;
    margin: auto;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    z-index: 99999;
    background-color: white;
    padding: 25px;
    overflow-y: auto;
}

.modal-content-title {
    font-size: 16px;
    padding: 5px 0px 5px 5px;
    color: #ffffff;
    background-color: #70be43;
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal-room-information-image {
    width: 100%;
    height: 346px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 19px;
}

.modal-content-content {
    font-family: arial!important;
}

.modal-backdrop-pvt {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000bd;
}

.modal-content-light {
    color: #a5a5a5;
}

.modal-content::-webkit-scrollbar {
    display: none;
}

.h2g-step-two-booking-radio-button {
    width: 30px;
    height: 53px;
}

.h2g-external-icon-link {
    font-size: 30px;
    color: #FFFFFF;
    background-color: transparent;
    padding: 15px 3px 15px 3px;
}

.h2g-booking-container-step-two-details {
    color: #0fa7b0;
    font-weight: 600;
}

.h2g-booking-container-step-two-details-black {
    color: #000000;
    font-weight: 600;
    font-size: 15px;
}

.booking-two-confirmation {
    color: #8c8b8b;
    font-size: 12px;
    font-weight: 600;
    text-transform: UPPERCASE;
}

.main-nav {
    background-color: #FFF!important;
    margin-top: 47px!important;
}

.welcome-header {
    color: #FFF!important;
    font-size: 14px;
    padding: 13px 0 0 2px;
    margin-left: 10px;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent; 
}

.step-two-room-options { font-size: 17px; }
.white-container { padding: 20px!important; }
.nav-links:hover { border-bottom: none!important; }
.blue-nav { background-color: #0d2f56!important; max-height: 47px; }
.nav-links { color: #425a6f!important; font-weight: 700; font-size: 13px; }
.header-links {  color: #FFF!important;  }

.hotel-search-btn {
    width: 160px;
    color: white;
    padding: 10px;
    margin-top: 0;
    min-width: 80px;
    font-size: 12px;
    min-height: 39px;
    font-weight: 600;
    border-radius: 2px;
    border: 2px solid white;
    background-color: #19666a;
    -webkit-transition: all 200ms ease-in-out;
       -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
         -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
}

a.nav-links { padding: 13px 20px 0 0!important; line-height: 13px!important; }
.hotel-search-nav-item { 
    padding: 0 0 0 0!important; 
    line-height: 13px!important; 
}



.booking-section {
    background-color: #0d2f56;
    height: 380px;
    padding: 20px;
    text-shadow: none;
}

.booking-section-heading { 
    font-size: 23px;
    font-weight: bolder;
    color: #fff;
    text-shadow: 0 1px 1px #000000d9;
}

.booking-section-header-sub-text {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 1px 1px #000000d9;
    text-align: center;
}

.fp-search-wrapper {
    min-height: 100px;
    /*background: linear-gradient(180deg, rgba(149,193,31,1) 16%, rgba(8,107,50,1) 89%);*/
    padding: 25px 30px 0 0;
    display: flex;
    display: -webkit-flex;
}

.sal-home-check-in-input { margin-right: 10px }

.sal-home-check-in-input,
.sal-home-check-out-input {
    width: 48%;
    display: inline-block;
}

.booking-location {
    border-radius: 2px;
    width: 100%;
    height: 40px;
    padding: 10px;
    margin-top: 10px;
    border: none!important;
    color: #000000;
    padding-left: 8px!important;
}

.sal-home-booking-location {
    border-radius: 1px;
    width: 100%;
    height: 30px;
    margin-top: 0px;
    background-color: #FFFFFF!important;
    border: none!important;
    text-align:center;
    
}

.picker--opened .picker__holder {
    margin-top: 1px;
    width: 300px;
    border-top: 2px solid #0d2f56!important;
    border: 0;
    border-radius: 2px;   
}

.booking-departure,
.booking-arrival {
    border-radius: 2px;
    width: 100%;
    height: 30px;
    margin-top: 0px;
    border: none!important;
    padding: 10px!important;
}

.booking-adults, 
.booking-children {
    border-radius: 2px;
    width: 100%;
    height: 40px;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    border: none;
}

.picker__day--today {
    text-align: center;
    font-size: 13px;
}

.picker__day { 
    text-align: center; 
    font-size: 13px;
}

.booking-search {
    background: linear-gradient(180deg, rgba(2,68,130,1) 48%, rgba(13,47,86,1) 89%);
    color: #FFF;
    border-radius: 0px;
    min-width: 120px;
    height: 39px;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    border: none;
    box-shadow: 0 0 3px #00000094;
}

.booking-search:hover {
    background: linear-gradient(180deg, rgba(2,68,130,1) 13%, rgba(13,47,86,1) 66%);
    color: #FFF;
    border-radius: 0px;
    min-width: 120px;
    height: 39px;
    font-size: 14px;
    margin-left: 10px;
    border: none;
    box-shadow: 0 0 3px #00000094;
}

.confirm-booking-btn {
    background: linear-gradient(180deg, rgba(2,68,130,1) 48%, rgba(13,47,86,1) 89%);
    border-radius: 2px;
    padding: 15px;
    font-weight: 700;
    text-transform: UPPERCASE;
    min-width: 255px;
    border: none;
    color: #FFFFFF;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.room-preview-details-price-text { font-size: 15px; }

.room-preview-details-price {
    color: #204186;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.5px;
    word-spacing: 1px;
    padding-left: 3px;
}

.white-bg { background-color: #F2F2F2; }

.hotels-in-your-area-heading {
    color: #384855;
    font-size: 20px;
    margin-bottom: 60px;
}

.hotels-in-your-area-sub-text {
    color: #959595;
    font-size: 15px;
}

.button-wrapper { float: right; }

.view-all-hotels {
    width: 180px;
    font-size: 15px;
    padding: 15px;
    border-radius: 2px;
    background-color: #51B3D8;
    color: #FFF;
    border: none;
}

.hotel-thumb {
    padding: 10px;
    margin-bottom: 10px;
}

.hotel-image { border-radius: 2px; }

.hotel-price-overlay {
    position: relative;
    top: 0;
    overflow: hidden;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.6);
    margin-top: -13%;
    padding: 10px;
}

.hotel-price {
    float: right;
    font-size: 18px;
}

.hotel-name-and-rating {
    padding: 10px;
    color: #384855;
    background-color: #FFF;
}

.star-container {
    float: right;
}

.gold-stars {
    color: #FF9902;
}

.looking-for-section {
    background-color: #cecece;
}

.highlighted-text {
    font-size: 60px;
    color: #56B3D2;
    font-weight: bold;
}

.h2g-looking-for-text {
    width: 100%;
    font-size: 20px;
    z-index: 20;
    position: absolute;
    text-align: left!important;
    padding: 30px;
}

.h2g-looking-for-image {
    background-image: url('/statics/photo-1468775318753-2f85b351db51.jpg');
    width: 100%;
    height: 250px;
    border-radius: 2px;
}

.overlay-text {
    position: absolute;
    text-align: center;
    font-size: 20px;
    color: #FFF;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
       -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
         -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}

.h2g-overlay-wrapper {
    color: blue;
    position: relative;
    margin-top: 20px;
}

.h2g-overlay {
    width: 100%;
    height: 250px;
    background-color: black;
    opacity: 0.5;
    position: absolute;
    border-radius: 2px;
}
  
.h2g-image { 
    background-image: url('/statics/photo-1443920681084-e13c8662367a.jpg');
    width: 100%;
    height: 250px;
    border-radius: 2px;
}

.h2g-text {
    width: 100%;
    font-size: 20px;
    z-index: 20;
    position: absolute;
}

.blog-image {
    background-image: url('http://placehold.it/750x250');
    width: 100%;
    height: 250px;
    border-radius: 2px;
}

.blog-text-overlay {
    position: absolute;
    width: 100%;
    top: 240px;
    border-radius: 2px;
    overflow: hidden;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.1);
    margin-top: -13%;
    padding: 10px;
}

.blog-comments {
    text-align: left;
    float: left;
    font-size: 16px;
    font-weight: bold;
}

.blog-title {
    color: #32383F;
    font-size: 20px;
    padding-top: 20px;
}

.blog-text {
    padding-top: 5px;
    color: #32383F;
    font-size: 12px;
    padding-bottom: 20px;
}

.blog-btn {
    padding: 15px;
    color: #FFF;
    background-color: #51B3D8;
    border: none;
    border-radius: 2px;
    width: 60%;
    font-weight: 700;
}

.find-acco-blue-bg {
    padding: 50px;
    height: 160px;
    background-color: #0d2f56;
}

.payment-container { position: relative; top: 20px; }
.text-section-bottom { font-size: 13px; color: #354f66; }
.find-acco-sub-text { font-size: 20px; font-weight: 600; }
.find-acco-main-text { font-size: 25px; font-weight: 600; }
.hotel-logo-bottom { margin: 16px 0 0 6px; padding-bottom: 10px; }

.hotel-search-btn-bottom {
    padding: 15px;
    color: #FFF;
    background-color: #354F66;
    border: none;
    border-radius: 2px;
    width: 100%;
    font-weight: 700;
}

.visa-img,
.mastercard-img {   
    position: relative;
    float: left;
    width: 64px;
    height: 64px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 5px;
}

.footer-images-align {
    display: block;
    margin: auto;
    text-align: center;
}

.footer-images {   
    width: 245px;
    height: 39px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 100%;
    top: 14px;
    position: relative;
    margin-right: 5px;
}

.newsletter-wrapper {
    margin-top: -5px;
    display: block;
    text-align: right;
}

.mc-signup-form-layout { 
    height: 100%;
    padding: 10px 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    flex-direction: column;
}

.mc-email-input {
    min-width: 220px;
    min-height: 36px;
    padding: 7px 12px;
    font-size: 14px;
    border: 0;
    border-radius: 3px 0 0 3px;
}

.mailchimp-signup-wrapper {
    padding: 17px 0 17px 0;
}

.sal-mc-submit-button {
    background: linear-gradient(180deg, rgba(2,68,130,1) 48%, rgba(13,47,86,1) 89%);
    color: #FFF;
    border-radius: 0px;
    min-width: 120px;
    height: 39px;
    font-size: 14px;
    margin-top: 10px;
    border: none;
    box-shadow: 0 0 3px #00000094;
    background-color: white;
    min-width: 220px;
    min-height: 36px;
}

.sal-mc-submit-button:hover {
    background: linear-gradient(180deg, rgba(2,68,130,1) 18%, rgba(13,47,86,1) 89%);
    color: #FFF;
    border-radius: 0px;
    min-width: 120px;
    height: 39px;
    font-size: 14px;
    margin-top: 10px;
    border: none;
    box-shadow: 0 0 3px #00000094;
    background-color: white;
    min-width: 220px;
    min-height: 36px;
}

.newsletter-text-container {
    text-align: left;
    padding-left: 37px;
}

.my-gate-img {
    position: relative;
    top: 23px;
    float: left;
    width: 64px;
    height: 21px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 5px;
}

.about-header {
    font-size: 15px;
    color: #32383F;
    padding: 10px;
    margin-left: -10px;
}

.about-item { padding: 10px; }
.connect-section { float: right; }
.payment-methods { margin-top: 20px; }
.about-chevron-color { color: #52B2DD; }
.about-hr { border-top: 1px solid #e4e4e4; }
.newsletter-input-container { margin-right: 20px; }
.about-items-container { text-align: center; width: 100%; }
.about-item-link { color: #425a6f!important; font-weight: 700; }
.copyright-sections { text-align: center; font-size: 13px; font-family: arial; }
.copy-right-text-wrapper { margin-top: -20px; }


.about-items {
    position: relative;
    top: 14px;
    width: 440px;
    left: -41px;
}

.connect-header {
    font-size: 15px;
    color: #32383F;
    padding: 10px;
    margin-left: -10px;
}

.connect-items {
    list-style-type: none;
}

.partners-link-text { 
    font-size: 13px; 
    text-align: center;
    width: 100%;
}

.partners-footer-link {
    color: #5a4f66;
    display: block;
    margin-top: 10px;
}

.partners-footer-link {
    color: #5a4f66;
}

.facebook-color {
    color: #3B5998;
}

.twitter-color {
    color: #55BAE0;
}

.twitter-typeahead .tt-menu, 
.twitter-typeahead .tt-dropdown-menu {
    margin: 31px 0 0;
}

.tt-menu {
    position: absolute;
    top: 44px!important;
    left: -1px;
    z-index: 100;
    display: block;
}

.g-plus-color {
    color: #DD4C3B;
}

.stay-in-the-loop-container {
    position: relative;
    top: 20px;
    left: 20px;
}

.subscribe-header {
    color: #4e6376;
    font-size: 20px;
    font-weight: 700;
}

.subscribe-sub-text {
    color: #4e6376;
    font-weight: 400;
    margin-bottom: 10px;
}

.subscribe-input-field {
    border: solid 1px #9a999a;
    padding: 10px;
    border-radius: 2px;
    width: 44%;
    color: #9a999a;
    margin-bottom: 10px;
}

.left-style { margin-left: 7px!important; }

.subscribe-newsletter-btn {
    padding: 15px;
    color: #FFF;
    background-color: #0d2f56;
    border: none;
    border-radius: 2px;
    width: 84%;
    font-weight: 700;
    margin-right: 20px;
    margin-top: 5px;
}

.login-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8)!important;
    overflow-y: auto;
    z-index: 9999;
    animation-duration: 0.5s;
}

.close-modal-button {
    position: relative;
    width: 100%;
    top: 10%;
    left: 94%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding-bottom: 10px;
}

.close-modal-button:hover {
    cursor: pointer;
}

.login-modal-container {
    margin-top: -15px;
    position: absolute;
    overflow: hidden;
    max-width: 450px;
    min-width: 360px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}


.rsvp-modal-container {
    position: absolute;
    overflow: hidden;
    min-width: 80vmin;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}


.rsvp-bottom-border {
    padding-bottom: 5px;
    border-bottom: 1px dashed #dadada;
}

.rsvp-form-body {
    background-color: #FFF;
    border-radius: 0 0 2px 2px;
    color: #969DA4;
    padding: -1px 50px 50px 50px; 
}

.login-form-heading {
    background-color: #fff;
    color: #425a6f!important;
    font-weight: 600;
    font-size: 15px;
    border-radius: 2px 2px 0 0;
    padding-top: 30px;
}

.login-modal-btn {
    padding: 10px;
    height: 35px;
    font-size: 12px;
    box-shadow: 0 0 3px #00000094;
    background: linear-gradient(180deg, rgba(2,68,130,1) 48%, rgba(13,47,86,1) 89%);
    color: #FFF;
    border-radius: 4px;
    width: 120px;
    height: 45px;
    font-size: 13px;
    margin-left: 10px;
    border: none;
    box-shadow: 0 0 3px #00000094;
    float: right;
    margin-top: 15px;
}

.login-register { color: #FFF; }
.login-register:hover { color: #FFF; }
.login-register:visited { color: #FFF; }
.login-form { padding-top: 15px; }

.login-form-body {
    background-color: #FFF;
    border-radius: 0 0 2px 2px;
    color: #969DA4;
    padding: 0 50px 50px 50px; 
}

.sal-form-input {
    border-radius: 2px;
    background-color: white;
    width: 100%;
    height: 40px;
    padding: 10px;
    margin-bottom: 0;
    margin-top: 0;
    border: solid #D4D4D4;
    border-width: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.bottom-spacer { margin-bottom: 15px; }

.login-form-input {
    border-radius: 2px;
    width: 100%;
    height: 40px;
    padding: 10px;
    font-size: 13px;
    border: solid #909090;
    border-width: 1px;
    display: inline-block;
}

.register-modal-btn {
    background-color: transparent;
    border: 0;
    color: #024482;
    padding: 0;
}

.login-form-icon {
    position: relative;
    top: 30px;
    left: -30px;
}

.lost-password {
    color: #606060!important;
    font-weight: bold;
    font-size: 13px;
    margin-top: 25px;
    display: inline-block;
    background-color: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.lost-password:hover {
    color: #969DA4;
    letter-spacing: 0;
}

.lost-password:visited {
    color: #425a6f!important;
    margin-top: 20px;
    font-weight: 600;
}

/*Main Navigation Login*/
.login-btn {
    padding: 10px;
    margin-top: 10px;
    color: #FFF;
    min-width: 105px;
    background-color: #19666a;
    border: none;
    border-radius: 2px;
    font-weight: 700;
    float: right;
}

.top-spacer { margin-top: 110px; }

.privacy-notes-wrapper {
    width: 100%;
    text-align: right;
    float: right;
    margin-top: -31px;
}

.contact-submit-btn {
    background-color: #007bff00;
    border-color: #007bff00;
    background: linear-gradient(180deg, rgba(149,193,31,1) 16%, rgba(8,107,50,1) 89%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding: 10px;
    margin: 15px 0px;
    border: 0;
    width: 180px;
    border-radius: 5px;
    text-align: center;
}

.contact-submit-btn:hover {
    background-color: #007bff00;
    border-color: #007bff00;
    background: linear-gradient(180deg, rgba(149,193,31,1) 13%, rgba(8,107,50,1) 82%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding: 10px;
    margin: 15px 0px;
    border: 0;
    width: 180px;
    border-radius: 5px;
    text-align: center;
}

.register-btn {
    background: linear-gradient(180deg, rgba(2,68,130,1) 48%, rgba(13,47,86,1) 89%);
    color: #FFF;
    border-radius: 0px;
    min-width: 120px;
    height: 35px;
    font-size: 12px;
    margin-top: 10px;
    border: none;
    box-shadow: 0 0 3px #ffffff94;
    background-color: white;
    min-width: 140px;
    min-height: 36px;
    cursor: pointer;
}

.contact-btn {
    background: linear-gradient(180deg, rgba(2,68,130,1) 48%, rgba(13,47,86,1) 89%);
    color: #FFF;
    border-radius: 5px;
    min-width: 120px;
    height: 35px;
    font-size: 12px;
    margin-top: 10px;
    border: none;
    box-shadow: 0 1px 1px #000;
    background-color: white;
    width: 220px!important;
    min-height: 36px;
    text-shadow: 0 1px 1px #000000;
}

.contact-btn:hover {
    background: linear-gradient(180deg, rgba(2,68,130,1) 13%, rgba(13,47,86,1) 66%);
    color: #FFF;
    border-radius: 5px;
    min-width: 120px;
    height: 35px;
    font-size: 12px;
    margin-top: 10px;
    border: none;
    box-shadow: 0 1px 1px #000;
    background-color: white;
    width: 220px!important;
    min-height: 36px;
    text-shadow: 0 1px 1px #000000;
}

.cancel-booking-btn {
    background-color: #E91E63;
    border: 0;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 2px;
    min-height: 36px;
    min-width: 169px;
    cursor: pointer;
}

.current-btn {
    background-color: #FFFFFF;
    border: 0;
    color: #000000;
    padding: 15px 0 15px 0;
    border-radius: 2px;
    min-height: 36px;
    min-width: 169px;
    cursor: pointer;
}

.profile-account-info-save {
    background-color: #71bf43;
    text-transform: UPPERCASE;
    font-weight: bold;
    color: #204186;
    font-size: 12px;
    min-width: 200px;
    padding: 15px 0 15px 0;
    cursor: pointer;
}

.contact-btn,
.register-btn,
.cancel-booking-btn,
.current-btn,
.profile-account-info-save {
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

.cancell-booking-disc {
    font-size: 13px;
    font-family: arial;
    color: #737373;
    margin-top: 8px;
}

.sal-password-reset-container {
    padding: 30px 15px 30px 15px;
}

.reset-wrapper {
    padding: 10px 10px 10px 10px;
}

.sal-global-footer-copyright {
    color: #545454;
    text-align: center;
}

.register-btn:hover { background-color: #19666a; color: #FFFFFF; }

.grey-bg { background-color: #EEEEEE; }

.hotel-image {
    background-image: url('/statics/young-woman-enjoying-morning-breakfast-in-bed-2-picjumbo-com.jpg');
    background-size: cover; 
    background-repeat: no-repeat; 
    min-height: 350px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 10px;
}

.selected-hotel-image {
    min-height: 350px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 10px;
    position: relative;
    overflow-y: hidden;
    background-color: #000;
    z-index: 1;
}

.selected-hotel-image-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: 50% 50%;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    z-index: -1;
}

.hotel-header {
    color: #FFF;
    padding: 80px 80px 80px 15px;
    text-align: left;
    z-index: 0;
}

.hotel-header-wrapper { margin-left: 30px; }

.hotel-header-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.accommodation-spacer { margin-top: 35px; }
.check-in-label { color:  #8D8D8D; }
.booking-container { margin-bottom: 30px; font-family: arial; }
.hotel-price { position: relative; color: #FFF; }
.hotel-header-text { font-size: 25px; font-weight: 500; }
.hotel-header-sub-text { font-size: 15px; color: #A6A8AD; }
.booking-no-result-msg { font-size: 16px; font-weight: 600; }

.hotel-rating { 
    color: #FFD203; 
    font-size: 25px; 
    text-shadow: 1px 1px 1px rgba(8, 8, 8, 0.62);
}

.hotel-price-btn {
    padding: 15px;
    color: #FFF;
    background-color: #51B3D8;
    border: none;
    border-radius: 2px;
    font-weight: 700;
}

.hotel-price-sub-text {
    text-align: right;
    font-size: 15px;
    padding: 5px;
    margin-top: 5px;
    color: #ABA9A9;
}

.hotel-booking-section {
    border-radius: 2px;
    background-color: #FFF;
}

.hotel-make-bookings-header {
    font-size: 20px;
    color: #2D3F51;
    font-weight: 600;
}

.check-in-room-field {
    width: 100%;
    border-width: 1px;
    padding: 12px 20px;
    border-radius: 2px;
    display: inline-block;
    border: 1px solid #b3b3b3;
    margin-top: 10px;
    background-color: #FFF;  
    font-size: 15px;
}

.sal-home-check-in-field {
    width: 100%;
    border-width: 1px;
    border-radius: 1px;
    display: inline-block;
}

.check-in-field {
    width: 85%;
    float: right;
    border-width: 1px;
    padding: 12px 20px;
    border-radius: 2px;
    display: inline-block;
    border: 1px solid #b3b3b3;
    background-color: #FFFFFF!important;
}

.tt-hint { display: none!important; }

.accommodation-list-date-label { 
    color: #FFFFFF;
    font-size: 20px;
    margin-top: 9px;
    min-height: 45px;
    padding-left: 10px;
}

.twitter-typeahead { display: initial!important; }
.room-preview-nights { 
    margin: 0 0 10px 0;
    font-size: 16px;
}

.sal-booking-title-wrapper { margin: 15px 0 1px 0; }

.sal-date-wrapper {
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 20px 0 10px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.room-preview-title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
}

.date-selection-wrapper {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
}

::selection.sal-fp-header { background-color: transparent; }

::selection {
    background: #0d2f56!important;
    padding: 3px;
    color: #FFFFFF;
}

.sal-search-small-description { 
    color: #FFFFFF;
    font-size: 13px;
    margin-top: 5px;
    font-family: arial;
}

.date-selection-wrapper-spacer { margin-bottom: 15px; }
.picker__input.picker__input--active { border-color: #0d2f56!important; }

.picker { width: 500px }

.hotel-check-btn {
    color: #FFF;
    font-weight: 700;
    font-size: 15px;
    margin-top: 10px;
    background-color: #85BAC9;
    border: none;
    border-radius: 2px;
    width: 100%;
    padding: 5px;
}

.hotel-find-hotel-section {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #FFF;
    border-radius: 2px;
    padding: 0 20px 0 20px;
}

.hotel-hotel-find-header {
    font-size: 20px;
    color: #2D3F51;
    font-weight: 600;
    padding-bottom: 15px;
}

.contact-header {
    color: #FFF;
    margin-top: 40px;
    text-shadow: 0 0px 1px #131313;
    font-family: 'Roboto', sans-serif, Helvetica;
}

.contact-header-content {
    font-family: arial;
}

.hotel-contact-hotel-section {
    margin-top: 20px;
    padding: 10px;
    background-color: #FFF;
    border-radius: 2px;
}

.hotel-contact-hotel-header {
    font-size: 20px;
    color: #2D3F51;
    font-weight: 600;
}

.hotel-contact-input {
    color: #2D3F51;
    padding: 10px;
    border: none;
    background-color: #FFF;
    width: 100%;
}

.hotel-contact-input:focus {
   border-color: red;
}

.hotel-contact-submit-btn {
    font-size: 15px;
    font-weight: 600;
    color: #FFF;
    padding: 10px;
    margin-top: 10px;
    border: none;
    border-radius: 2px;
    background-color: #51B3D8;
}

.hotel-pictures {
    padding: 0 0 0 15px;
    border-radius: 2px;
    overflow: hidden;
}

.hotel-thumbs-container {
    width: 104%;
    position: relative;
    min-height: 1px;
    float: left;
    display: block;
    left: -14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 6px;
}

.hotel-sml-thumb {
    padding-top: 10px;
}

.hotel-offers-section {
    /*margin-top: 20px;*/
    padding: 15px;
}

.hotel-offers-items-list {
    font-family: arial;
    display: block;
}

.hotel-offers-items ul li {
    display: inline-block;
    padding-right: 45px;
    margin-left: -37px;
}

.top-content-container {
    margin-top: 0px;
}

.hotel-info-price-display {
    display: inline-block;
    float: right;
    margin-top: -30px;
    font-size: 20px;
    font-family: arial;
}

.hotel-info-price-currency { color: #0d2f56; }
.hotel-info-price-ammount { color: #0d2f56; }

.hotel-lifestyle-offers-header {
    font-size: 25px;
    color: #2D3F51;
    font-weight: 600;
    margin-bottom: 5px;
}

.hotel-lifestyle-enquiry-header {
    font-size: 20px;
    color: #2D3F51;
    font-weight: 600;
    margin-bottom: 5px;
}

.lifestyle-event-url-container {
    width: 100%;
    text-align: right;
}

.lifestyle-event-secondary-header {
    /*font-family: 'Roboto', sans-serif, Helvetica;*/
    font-family: 'Roboto', sans-serif, Helvetica;
    color: #444444;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
}

.lifestyle-event-info-container {
    font-size: 14px;
    background-color: #0d2f56;
    padding-left: 6px;
    color: #ffffff;
    font-family: arial;
    font-weight: bold;
    margin-bottom: 10px;
}

.lifestyle-event-url-container {
    text-align: left;
    background-color: #0d2f56;
    padding: 0 6px 2px 6px;
}

.lifestyle-event-url-link-container {
    display: inline-block;
}

.hotel-offers-header {
    font-size: 20px;
    color: #2D3F51;
    font-weight: 600;
    margin-bottom: 5px;
}

.checkbox-override {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

.lifestyle-details-section { 
    padding: 30px;
    width: 100%;
    display: block;
    background: white;
    text-align: left;
    font-family: arial;
    line-height: 26px;
}

.hotel-offers-items { margin-top: 10px; }
.hotel-details-section { padding: 15px; }
.check-mark { color: #71bf46; }

     
.hotel-lifestyle-enquiry { 
    padding-top: 10px; 
    font-size: 16px;
    font-family: 'Roboto', sans-serif, Helvetica;
}
.hotel-details-text { 
    padding-top: 10px; 
    font-family: arial;
}

.hotel-about-header {
    font-size: 20px;
    color: #204186;
    font-weight: 600;
}

.sal-third-party-wrapper {
    display: block;
    margin: auto auto;
    text-align: center;
    padding: 20px 20px 5px 20px;
}

.custom-current-space {
    width: 100%;
    min-height: 284px;
    background-size: contain;
    background-repeat: no-repeat;
}

.more-hotels-like-this-header {
    font-size: 20px;
    color: #2D3F51;
    font-weight: 600;
}

.more-hotels-like-this-thumb {
    padding: 10px;
    margin-bottom: 10px;
}

.more-hotels-like-this-image {
    background-image: url('/statics/young-woman-enjoying-morning-breakfast-in-bed-picjumbo-com.jpg?width=300');
    min-height: 350px;
    margin-top: 10px;
    border-radius: 2px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.more-hotels-like-this-price-overlay {
    position: relative;
    top: 0;
    overflow: hidden;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.6);
    margin-top: -13%;
    padding: 10px;
}

.more-hotels-like-this-price {
    float: right;
    font-size: 18px;
}

.more-hotels-like-this-name-and-rating {
    padding: 10px;
    color: #384855;
    background-color: #FFF;
}

.checkoout-header-section {
    background-color: #cecece;
    margin-top: 118px;
    display: block;
    position: relative;
}

.checkout-hotel-booking-section {
    background-color: #FFFFFF;
    border-radius: 2px;
    padding: 15px;
}
    
.checkout-hotel-booking-text {
    color: #2B2B2D;
    text-shadow: none;
    font-size: 15px;
}

.checkout-help {
    float: right;
    margin-top: -10px;
}

.profile-need-help-btn {
    color: #ffffff;
    text-shadow: 0 1px 1px #000000d9;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: 400;
}

.profile-need-help-btn:hover {
    color: #ffffff;
}


.checkout-need-help-section {
    float: right;
    position: relative;
    right: -63px;
    top: -7px;
}

.checkout-need-help-btn {
    border-radius: 2px;
    background-color: #FFFFFF;
    padding: 15px;
    color: #2B2B2D;
    text-shadow: none;
    font-size: 15px;
    position: relative;
    top: 20px;
    font-weight: 700;
}

.checkout-need-help-btn:hover {
    color: #2B2B2D;
}

.checkout-need-help-btn:visited {
    color: #2B2B2D;
}

.checkout-need-help-btn:focus {
    color: #2B2B2D;
}

/**
* Typeahead styling
**/

span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  cursor: pointer;
  min-width: 500px;
  padding: 5px 0;
  margin: 11px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
     -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
       -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
 
}
span.twitter-typeahead .tt-suggestion {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
  text-shadow: none;
}
span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion:focus {
    color: #000000;
    text-decoration: none;
    outline: none;
    background-color: #71bf43;
}
.input-group.input-group-lg span.twitter-typeahead .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 2px;
}
.input-group.input-group-sm span.twitter-typeahead .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}
span.twitter-typeahead {
  width: 100%;
}
.input-group span.twitter-typeahead {
  display: block !important;
  height: 34px;
}
.input-group span.twitter-typeahead .tt-menu,
.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}
.input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {
  border-radius: 0;
}
.input-group span.twitter-typeahead:first-child .form-control {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group span.twitter-typeahead:last-child .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.input-group.input-group-sm span.twitter-typeahead {
  height: 30px;
}
.input-group.input-group-sm span.twitter-typeahead .tt-menu,
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 30px !important;
}
.input-group.input-group-lg span.twitter-typeahead {
  height: 46px;
}
.input-group.input-group-lg span.twitter-typeahead .tt-menu,
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 46px !important;
}

.booking-background {
    padding-top: 30px;
    padding-bottom: 10px;
}

.booking-container {
    border-radius: 2px;
    background-color: #FFFFFF;
}

.booking-left-header-section {
    border-bottom: solid #a4a6a6;
    border-width: 1px;
    padding: 13px 20px 10px 20px;
}

.booking-info-left-header {
    font-size: 14px;
    border-bottom: solid #a4a6a6;
    border-width: 1px;
    padding: 13px 20px 10px 20px;
}

.booking-step-text {
    font-size: 16px;
    padding: 0 0 0 0;
    font-weight: 600;
}

.booking-info-header {
    font-family: 'Roboto', sans-serif, Helvetica;
    font-size: 17px;
    border-bottom: solid #a4a6a6;
    border-width: 1px;
    padding: 11px 0 11px 0;
    padding-left: 38px;
}

.booking-info-left-bottom-header {
    font-size: 14px;
    border-top: solid #a4a6a6;
    border-width: 1px;
    padding: 14px 20px 0 20px;
    margin-top: 15px;
}

.booking-left-step-text {
    font-family: 'Roboto', sans-serif, Helvetica;
    color: #0d2f56;
    font-size: 16px;
    font-weight: 600;
}

.booking-confirm-date {
    border: none;
    text-align: center;
}

.booking-form-element {
    padding: 20px;
}

.booking-confirmation-left-selected-rooms {
    text-decoration: underline;
    font-style: italic;
}

.booking-confirmation-left-room-guest-information {
    color: #224eab;
}

.booking-left-form-element {
    padding: 10px 20px 0 20px;
}

.booking-confirmation-left-room-guest-description {
    display: block;
    margin-top: -22px;
}

.sal-change-booking-info-btn-wraper {
    margin-top: 20px;
    padding: 0 20px 0 20px;
}

.sal-change-booking-info-btn {
    padding: 6px;
    width: 100%;
    display: block;
    border-radius: 2px;
    color: #7b7b7b;
    border: 1px solid #7b7b7b;
    background-color: #FFF;
    text-align: center;
    margin-top: 0;
    cursor: pointer;
}

.booking-confirmation-left-room-description {
    font-style: italic;
    font-size: 15px;
}

.booking-confirmation-left-room-guest-information-wrapper {
    margin-top: 13px;
    font-size: 15px;
}

.booking-confirmation-left-room-breakfast {
    color: #269401;
}

.booking-confirmation-left-room-guest-description,
.booking-confirmation-left-room-cots {
    margin-left: 75px;
}

.room-preview-breakfast-preview {
    padding: 10px 0 10px 0;
}

.booking-left-confirm-date {
    color: #224eab;
}

.booking-confirm-date {
    color: #224eab;
}

.date-bold-grey {
    color: #99A0A7!important;
    font-weight: 700;
}

.booking-room-header {
    color: #000000;
    font-size: 15px;
    padding: 0 0 0 20px;
}

.booking-update-room-info {
    float: right;
    color: #97A2A3;
    font-weight: 700;
}

.booking-update-room-info-link {
    float: right;
    color: #97A2A3;
    font-weight: 700;
    cursor: pointer;
}

.booking-update-room-info-link:hover {
    color: #97A2A3;
}

.booking-update-room-info-link:active {
    color: #97A2A3;
}

.booking-update-room-info-link:focus {
    color: #97A2A3;
}

.booking-adult {
    color: #97A2A3;
    padding-left: 10%;
}

.booking-confirmation-left-total {
    float: left;
}

.booking-confirmation-left-price {
    float: right;
    margin-top: 6px;
    color: #224eab;
    font-weight: 600;
    letter-spacing: 1px;
}

.step-4-booking-confirmation-left-price {
    float: right;
    margin-top: -4px;
    color: #02b7b3;
    font-weight: 600;
    letter-spacing: 1px;
}

.step-4-payment-total-title-text-right {
    font-size: 14px;
    color: #000000;
}

.booking-child {
    color: #97A2A3;
    padding-left: 20%;
}

.booking-room-section {
    padding-bottom: 20px;
}

.room-border-bottom {
    margin-top: -30px;
    border-width: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.room-border-bottom-hr {
    border-top: 1px solid #a4a6a6;
}

.booking-total-section {
    border-top: 1px solid #a4a6a6;
    padding: 11px 14px 2px 14px;
}

.booking-confirmation-left-tax-total {
    font-size: 12px;
    font-weight: normal;
}

.booking-confirmation-left-total-text {
    font-size: 16px;
    color: #224eab;
}

.booking-total {
    padding: 0 7px 0 7px;
    font-size: 19px;
    font-weight: 700;
    color: #505952;
    background-color: #FFFFFF;
    min-height: 47px;
}

.step-3-form-section {
    background-color: #cecece;
    border-radius: 2px;
    position: relative;
}

.step-4-review-section {
    background-color: #FFFFFF;
    border-radius: 2px;
    position: relative;
}

.step-4-review-content-wrapper {
    padding: 30px;
}

.step-4-content-header {
    color: #204186;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
}

.step-4-content-btn-container {
    margin-top: 20px;
}

.step-4-content-btn {
    background-color: #19676b;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    padding: 13px 20px 13px 20px;
    font-weight: 600;
    text-transform: UPPERCASE;
}

.step-4-content-link {
    border-bottom: 1px dotted #0d2f56;
}

.text-spacer {
    margin-top: 20px;
}

.step-4-content-right-btn-container {
    float: right;
    margin-right: 12px;
}

.step-4-content-seperator {
    border-bottom: 1px solid #a4a6a6;
}

.step-4-review-social-image {
    width: 25px;
    margin-right: 6px;
}

.step-4-review-social-text {
    margin-left: 10px;
}

.room-preview-container { font-family: arial;  }
.booking-total-price { float: right; color: #5680a8; }

.booking-total-currency {
    float: right;
    font-size: 15px;
    font-weight: 500;
    color: #97a0a0;
    padding-top: 4px;
    margin-left: 4px;
}

.booking-form-step-3 {
    padding: 19px 10px 20px 10px;
}

.sal-booking-confirmation-footer-post-block-pre-footer-link {
    border-bottom: 1px #355e86 dotted;
    color: #355e86;
}

.step-4-background-image-overlay {
    background-image: url(/statics/bg-top-down-4.jpg);
    width: 100%;
    height: 100%;
    min-height: 750px;
    margin-top: 115px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
}

.booking-input-container {
    width: 100%;
}

.footer-disclaimer-message {
    margin-top: 15px;
    font-family: arial;
}

.no-accommodation-found-text {
    font-family: arial;
    margin-top: 20px;
    font-size: 14px;
    margin-bottom: 5px;
}

.no-accommodation-found-icon {
    opacity: 0.5;
    height: 80px;
}


.no-accommodation-found-wrapper { 
    display: block;
    margin: auto;
    width: 100%;
    text-align: center;
}

.no-accommodation-found-container {
    background-color: #cecece;
    width: 140px;
    padding: 30px 0 30px 0;
    border-radius: 50%;
    display: block;
    text-align: center;
    margin: auto;
}

.booking-form-input {
    background-color: #FFF;
    padding: 10px;
    border-radius: 2px;
    color: #78818a;
    border: none;
    margin-bottom: 20px;
    width: 45%;
    margin-left: 26px;
    height: 50px;
}

.booking-form-section-split {
    border-top: 1px solid #a4a6a6;
    padding-bottom: 20px;
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}

.booking-step-4-header {
    font-size: 15px;
    padding-bottom: 11px;
    padding-left: 25px;
    margin-top: -7px;
}

.terms-and-conditions {
    border-bottom: 1px #355e86 dotted;
    color: #355e86;
}

.sal-booking-input-btn-wrapper {
    margin-right: 15px;
    margin-left: 26px;
    float: right;
}

.proceed-to-payment-btn {
    border: none;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 12px;
    min-height: 40px;
    border-radius: 2px;
    background: linear-gradient(180deg, rgba(2,68,130,1) 48%, rgba(13,47,86,1) 89%);
    text-transform: UPPERCASE;
    padding: 10px 35px 10px 35px;
    cursor: pointer;
}


.proceed-to-pay-later {
    margin-top: 10px;
    text-align: center;
}

.pay-later-btn {
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px dotted #19676b;
    padding: 0;
    margin: 0 10px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.pay-later-btn:hover {
    border-bottom: 1px solid #19676b;
    color: #0d2f56;
    cursor: pointer;
}

.pay-later-ref-wrapper {
    margin: 10px 0;
    text-align: center;
    padding: 8px;
    border: 1px solid #0d2f56;
}

.pay-later-ref-description {
    color: #0d2f56;
}
    
.profile-account-header {
    float: left;
    position: relative;
    left: -80px;
    top: -50px;
}

.pay-later-support-btn {
    width: 49%;
    display: inline-block;
    margin: auto;
    text-align: center;
    background: linear-gradient(180deg, rgba(49,159,218,1) 16%, rgba(12,47,87,1) 89%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding: 5px;
}

.account-input-field {
    color: #848484;
    display: block;
}

.pay-later-ref-number {
    text-align: center;
    font-size: 26px;
    letter-spacing: 8px;
    font-weight: bold;
}

.profile-assistance-section {
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 15px;
}

.profile-assistance-text {
    color: #2B2B2D;
    text-shadow: none;
    font-size: 15px;
}

.profile-side-nav-container {
    color: #9E9E9E;
    padding: 0px;
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    font-weight: 700;
    font-size: 13px;
}

.vh-prof-nav {
    padding: 0px!important;
}

.profile-side-nav-item {
    margin-right: 0px;
    margin-top: 0px;
    padding: 17px;
    cursor: pointer;
}

.profile-side-nav-item.active {
    background-color: #204186;
    color: #fff;
} 

.profile-hdr {
    text-align: center;
    margin: auto;
    padding-top: 20px;
}

.profile-help {
    float:right;
    margin-top:-44px;
}

/*.active {*/
/*    position: relative;*/
/*    background-color: white!important;*/
/*    margin-right: -10px;*/
/*    margin-top: -10px;*/
/*    padding: 17px;*/
/*}*/

.profile-nav-icon {
    /*color: #ffffff;*/
}

.bk-search {
    width: 200px;
    margin-bottom: 10px;
    border: 1px solid #9e9e9e;
}

.bk-search-btn {
    background-color: #204186;
    color: #fff;
    width: 40px;
    height: 36px;
    margin: 0px 3px;
}

.bk-search-btn:hover {
    background-color: #ececec;
    color: #fff;
    width: 40px;
    height: 36px;
    margin: 0px 3px;
}

.fa-lg {
    font-size: 1.3em;
    line-height: 0.75em;
    vertical-align: -12%;
}

.profile-content-container {
    width: 75%;
    float: left;
    position: relative;
    min-height: 1px;
}

.profile-account-info-header {
    margin-bottom: 10px;
    margin-left: 12px;
    padding-bottom: 10px;
    color: #2f2f2f;
    background-color: #FFF;
    border-bottom: solid #e1e1e1;
    border-width: 1px;
    width: 100%;
    font-family: 'Roboto', sans-serif, Helvetica;
    font-size: 15px;
    font-weight: 300;
}

.profContent {
    padding: 10px 10px 10px 10px;
    background-color: #FFF;
    min-height: 300px;
}


.profile-input-field {
    width: 100%;
    border-radius: 4px;
    margin-bottom: 10px;
    border: solid;
    border-color: #b6b6b6;
    border-width: 1px;
    padding: 10px;
    background-color: #FFF;
}

.profile-link-btn, .logout-btn { color: #FFF!important; cursor: pointer; }
.logout-btn { margin-right: -12px; }
.header-twitter-link, .header-facebook-link { color: #FFF!important; }

.profile-link-btn:hover, .logout-btn:hover {
    color: #0d2f56!important;
    background-color: #FFF!important;
}


.header-facebook-link:hover {
    color: #3B5998!important;
    background-color: #FFF!important;
}

.header-twitter-link:hover {
    color: #00aced!important;
    background-color: #FFF!important;
}

.copyright-bg {
    height: 90px;
    color: #dcdcdc;
    max-height: 90px;
    min-height: 90px;
    line-height: 90px;
    text-align: right;
    background-color: #858889;
}

.results-header-section {
    margin-top: 118px;
    padding: 15px 0 15px 0;
    background-color: #cecece;
}

.results-header-spacer {
    padding: 0;
    margin-top: 118px;
    background-color: transparent;
}

.results-header {
    float: left;
    left: -80px;
    top: -50px;
    position: relative;
}

.results-search-section {
    border-radius: 4px;
    padding: 15px;
    margin-left: 37px;
}

.results-search-text {
    color: #2B2B2D;
    text-shadow: none;
    font-size: 15px;
    font-weight: 700;
    margin-top: -1px;
    font-family: arial;
}

.results-search-sub { font-family: arial; }

.results-results-header {
    float: right;
    position: relative;
    right: -80px;
    top: -50px;
}

.results-results-section {
    background-color: #FFF;
    border-radius: 4px;
    padding: 15px;
    float: right;
}

.results-sub-text { font-family: arial; color: #000; }

.results-display-btn{
    background-color: #FFF;
    border-radius: 2px;
    padding: 15px;
    margin-top: -45px;
    float: right;
    font-size: 12px;
    font-family: arial;
}

.results-results-text {
    color: #2B2B2D;
    text-shadow: none;
    font-size: 12px;
    font-weight: 700;
    font-family: arial;
    text-transform: uppercase;
}

.results-esp-section {
    border-radius: 2px;
    margin-bottom: 20px;
    z-index: 14;
}

.sal-blue-form-container {
    background-color: #2d4162;
    padding: 20px 20px 0 20px;
}

.pagination-section { background-color: #f2f2f2; }

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: #000;
    float: left;
    text-decoration: none;
    font-weight: 700;
}

.pagination>li>a, .pagination>li>span {
    border: none;
    cursor: pointer;
    background-color: #f2f2f2!important;
}

.step {
    min-width: 30px;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    background-color: #f2f2f2;
    border: none;
    color: #000;
}

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    background-color: #f2f2f2!important;
    color: #0d2f56;
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer;
}

.nextLink {
    margin-left: 15px;
    color: #0d2f56!important;
}

.prevLink {
    color: #0d2f56!important;
}

.rooms-select-section {
    margin-top: 10px;
}

/*Rating Styles*/

.sal-rating-drop {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sal-date-container {
    /*float: left;*/
    /*width: 50%;*/
    /*display: inline-block;*/
}

.sal-search-input {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    border-radius: 2px;
    padding: 5px 5px;
    width: 100%;
}

.sal-room-list-search-btn {
    background-color : #71bf45;
    text-transform : UPPERCASE;
    border-radius : 2px;
    margin-top : 10px;
    outline : 0;
    padding : 7px;
    border : 0;
    width : 100%;
    color : #FFFFFF;
    cursor: pointer;
}

.check { background-color: #0d2f56; opacity: 1!important; }

.sal-list-filter-items {
    border: 1px solid #dadada;
    border-radius: 2px;
    padding: 3px;
    cursor: pointer;
}

.img-check { width: 30px; height: 30px; border-radius: 2px; opacity: 0.5;}

.sal-filter-icons {
    background-repeat: no-repeat;
    padding: 10px;
    vertical-align: middle;
    background-size: 20px;
    width: 30px;
    height: 30px;
    background-position: 50%;
}

.tv { background-image: url("/statics/tv.png"); }
.ac { background-image: url("/statics/ac.png"); }
.gym { background-image: url("/statics/gym.png"); }
.kids { background-image: url("/statics/kids.png"); }
.pool { background-image: url("/statics/pool.png"); }
.tennis { background-image: url("/statics/tennis.png"); }
.service { background-image: url("/statics/service.png"); }
.parking { background-image: url("/statics/parking.png"); }
.dissability { background-image: url("/statics/dissability.png"); }

.sal-hotel-listing-link-container { 
    margin: 0 10px 10px 10px;
    text-transform: UPPERCASE;
    display: inline-block;
    float: right;
    cursor: pointer;
}

.hotel-list-link {
    min-width: 90px;
    display: block;
}

.hotel-list-link-btn { 
    width: 100%;
    padding: 6px;
    min-width: 120px;
    min-height: 37px;
    border-radius: 2px;
    cursor: pointer;
}

.book-btn {
    background-color: transparent;
    color: #7b7b7b;
    border: 1px solid #7b7b7b;
    cursor: pointer;
}

.view-btn {
    background-color: #0d2f56;
    color: #ffffff;
    border: 2px solid #0d2f56;
    cursor: pointer;
}

.sal-hotel-view-page { background-color: #EEEEEE; } 

#toast-container>.toast-info {
    background-image: none;
    opacity: 1;
    text-align: center;
    padding: 15px;
    background-color: #FFF!important;
    color: #0d2f56;
    border: 2px solid #0d2f56;
    font-weight: bold;
}

.sal-booking-confirmation-terms-conditions-container {
    margin: 0 21px 19px 26px;
    text-align: justify;
}

.sal-booking-confirmation-terms-checkbox {
    height: 13px;
    position: absolute;
    margin-top: 5px;
}

.sal-booking-confirm-terms-text-wrapper {
    font-family: arial;
    padding-left: 21px;
    display: inline-block;
    font-size: 13px;
}

.room-preview-days {
    margin: 10px 0 10px 0;
    font-size: 16px;
}

.room-preview-details {
    font-size: 15px;
    line-height: 24px;
}

.room-preview-special-offer-preview {
    color: red;
    padding: 10px 10px 10px 20px;
    border: 2px solid #9fa8a9;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.room-preview-message {
    font-size: 12px;
    margin-top: 10px;
}

.step-4-content-text {
    font-family: arial;
    font-size: 15px;
}

.sal-filter-item { margin-right: 0; }
.sal-filter-search-item { margin-right: 40px; cursor: pointer; }
.sal-filter-title { margin-right: 30px; margin-left: -15px; font-weight: bold; }
.sal-filter-caret { margin-right: 7px; color: #19666a; }

.reach-th-link {
    position: relative;
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    height: 48px;
    font-size: 12px;
    color: rgba(0,0,0,.54);
    padding-bottom: 8px;
    box-sizing: border-box;   
}

.reach-th-link { color: rgba(0,0,0,.54); }

.mdl-data-table th { color: rgba(0,0,0,.54)!important; }

.home-room-details-label {
    position: relative;
    top: 10px;
}

.heading-text-section-home {
    position: relative;
    left: 10px;
    top: 10px;
    padding-top: 11px;
    padding-bottom: 8px;
}

.heading-sub-text-home {
    position: relative;
    top: -10px;
    color: #404040;
    font-family: Arial;
    font-size: 16px;
    letter-spacing: 0.07px;
}

.image-padding {
    padding-bottom: 15px;
    padding-top: 15px;
    margin-left: -4px;
}

.image-text-div { text-align: center; }

.block { display: block; }

.home-locations-text {
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif, Helvetica;
    font-size: 21px;
    letter-spacing: 0.07px;
    font-weight: bold;
    position: relative;
    top: 46%;
}

.western-cape-image-container {
    background-image: url("/statics/thumb-westerncape1.jpg");
    background-size: cover;
    height: 260px;
}

.kzn-image-container {
    background-image: url("/statics/thumb-kzn1.jpg");
    background-size: cover;
    height: 260px;
    background-position-x: -210px;
}

.eastern-cape-image-container {
    background-image: url("/statics/thumb-easterncape1.jpg");
    background-size: cover;
    height: 260px;
    background-position-x: -214px;
}

.gauteng-image-container {
    background-image: url("/statics/thumb-gauteng1.jpg");
    background-size: cover;
    height: 260px;
    background-position-x: -211px;
}

.north-west-image-container {
    background-image: url("/statics/thumb-northwest1.jpg");
    background-size: cover;
    height: 260px;
    background-position-x: -213px;
}

.mpumalanga-image-container {
    background-image: url("/statics/thumb-mpumalanga1.jpg");
    background-size: cover;
    height: 260px;
}

.limpopo-image-container {
    background-image: url("/statics/thumb-limpop1.jpg");
    background-size: cover;
    height: 260px;
    background-position-x: -187px;
}

.free-state-image-container {
    background-image: url("/statics/thumb-freestate1.jpg");
    background-size: cover;
    height: 260px;
    background-position-x: -188px;
}

.north-cape-image-container {
    background-image: url("/statics/thumb-northerncape1.jpg");
    background-size: cover;
    height: 260px;
}

.feat-hotels-search-button {
    position: relative;
    left: 64%;
    top: -40px;
    background-color: #19666a;
    border-radius: 2px;
    padding: 10px;
    margin-top: 0;
    min-width: 80px;
    border: 2px solid white;
    color: white;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}



.feat-hotels-pointless-link {
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    text-shadow: none;
    font-size: 12px;
    position: absolute;
    z-index: 45;
    width: 100%;
    bottom: 0;
    top: 0;
    text-align: center;
}

.feat-hotels-pointless-hover {
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    text-shadow: none;
    font-size: 12px;
    position: absolute;
    z-index: 46;
    width: 100%;
    bottom: 0;
    top: 0;
    text-align: center;
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

.sal-feat-event-fp-dp {
    position: relative;
    z-index: 1;
}

.feat-hotels-padding {
    /*padding-bottom: 30px;*/
}

.sal-fp-header-description {
    margin-top: 0;
    font-size: 16px;
}

.featured-image-wrapper {
    height: 365px;
    overflow: hidden;
    background-size: cover;
    border: 0;
}

.featured-text-container {
    position: absolute;
    z-index: 50;
    top: 47%;
    left: 50%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
    color: #FFFFFF;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.featured-logo-container {
    background-size: 115px;
    width: 115px;
    height: 115px;
    z-index: 1;
    display: block;
    margin: auto;
}

.taj-logo {
    background-image: url(/statics/featured-hotel-logo-taj.png);
    background-size: 115px;
    width: 115px;
    height: 115px;
    z-index: 1;
    display: block;
    margin: auto;
}

.thanda-image-container {
    background-image: url("/statics/featured-thanda.png");
    background-size: cover;
    height: 365px;
}

.thanda-logo {
    background-image: url("/statics/featured-hotel-logo-thana.png");
    background-size: cover;
    width: 115px;
    height: 115px;
    z-index: 1;
    position: relative;
    left: 110px;
    top: 90px;
}

.lost-city-image-container {
    background-image: url("/statics/featured-sun-internationl.png");
    background-size: cover;
    height: 365px;
}

.lost-city-logo {
    background-image: url("/statics/featured-hotel-logo-sun.png");
    background-size: cover;
    width: 115px;
    height: 115px;
    z-index: 1;
    position: relative;
    left: 110px;
    top: 90px;
}

.sal-fp-events {
    -webkit-transition: all 600ms ease-in-out;
       -moz-transition: all 600ms ease-in-out;
         -o-transition: all 600ms ease-in-out;
            transition: all 600ms ease-in-out;
    margin-bottom: 30px;
}

.feat-hotels-text {
    font-family: 'sans-serif' arial;
    color: #FFFFFF;
    font-size: 21px;
    font-weight: bold;
}


.feat-hotel-location, .feat-hotels-book {
    width: 100%;
    color: #FFFFFF;
    font-size: 15px;
    margin-top: 7px;
    font-family: Arial;
    font-weight: normal;
    padding: 2px 0 3px 0;
    letter-spacing: 0.07px;
    background-color: rgba(0, 0, 0, 0.18);
}

.feat-hotel-date {
    position: absolute;
    bottom: 0;
    z-index: 60;
    width: 100%;
    font-family: 'Roboto', sans-serif, Helvetica;
    color: white;
    display: block;
    margin: auto;
    background-color: #354F66;
    text-align: center;
    padding: 10px 0 10px 0;
    font-weight: bolder;
    text-transform: UPPERCASE;
    letter-spacing: 0.5px;
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

.sal-feat-event-fp-dp:hover .feat-hotel-date {background-color: #0d2f56;}

.featured-info-container { padding-top: 76px; }

.feat-hotels-sub-text {
    position: relative;
    top: -20px;
    color: #404040;
    font-family: Arial;
    font-size: 16px;
    letter-spacing: 0.07px;
}

.feat-hotels-name {
    color: white;
    font-size: 28px;
    font-family: 'Roboto', sans-serif, Helvetica;
    line-height: 33px;
    font-weight: bold;
}

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

.hint {
    display: none;
    position: absolute;
    top: 276px;
    left: 36px;
    font-family: arial;
    font-size: 14px;
    width: 43.8%;
    border-top: 10px solid #0d2f56;
    text-align: center;
    margin: auto auto;
    background: rgb(255, 255, 255);
    padding: 15px;
    border-radius: 2px;
    z-index: 1;
    box-shadow: 1px 2px 9px rgba(0,0,0,0.6);
}

.show-pass {
    color: #333;
    background-color: transparent;
    border-color: #ccc;
    display: inline-block;
    display: -moz-inline-stack;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px;
    outline: none;
    position: relative;
    left: -42px;
    display: -webkit-inline-box;
}

.custom-templates  { 
    text-align: center;
    width: 100%;
    margin-right:10px;
    
}

.no-accommodation-found-wrapper {
    padding: 30px 100px 30px 100px;
    text-align: center;
}

.sal-booking-short-description {
    font-family: arial;
    padding-left: 30px;
}

.sal-room-options-list-wrapper { padding: 30px 0 0 14px; }

.sal-booking-terms-tax {
    padding: 0 0 20px 0; 
    margin-left: 4px; 
    font-style: italic; 
    color: #969696;
}

.h2g-hotel-booking-hotel-options-description-container { margin-top: 4px; }

.accommodation-booking-title-elem {
    display: inline-block;
    font-weight: normal;
    font-size: 20px;
}

/*----------------------------------------------------------*/
/*                   Event Listing Settings                 */
/*----------------------------------------------------------*/

.sal-event-background-image {
    margin-top: 40px;
    width: 100%;
    height: 520px;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
}

.secondary-image-logo {
    background-size: 80%!important;
    background-color: white!important;
    padding: 10px!important;
}


.sal-event-full {
    background-size: cover;
}

.sal-event-one {
    background-size: cover;
    background-position: 50% 50%;
}

.sal-event-two {
    background-size: cover;
    background-position: 0 0;
}

.sal-event-content-wrapper {
    position: absolute;
    color: #FFFFFF;
    bottom: 30px;
    left: 30px;
    z-index: 2;
    right: 440px;
}

.sal-event-heading-text {
    color: #FFFFFF;
    font-size: 35px;
    font-weight: 700;
    text-shadow: #000 1px 1px 1px;
    font-family: 'Roboto', sans-serif, Helvetica;
}

.sal-event-inline-dates{
    font-size: 18px;
    font-style: italic;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    width: auto;
    margin-top: 20px;
    background-color: rgba(14, 169, 176, 0.80);
    display: block;
    position: absolute;
}

.sal-event-sub-description-text {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    font-family: arial;
    letter-spacing: 1px;
    margin-top: 60px;
}

.sal-event-container { margin-top: 30px; }

.sal-event-gradient-container {
    width: 100%;
    height: 250px;
    position: absolute;
    bottom: 0;
    z-index: 0;
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#000000',GradientType=0 );
}

.sal-event-left {
    /*width: 210px;*/
    /*right: 210px;*/
    /*position: absolute;*/
    width: 200px;
    right: 200px;
    position: absolute;
    max-width: 210px;
    overflow: hidden;
}

.sal-event-right {
    width: 210px;
    right: 0;
    position: absolute;
}


.sal-event-external-link {
    width: 210px;
    display: block;
    height: 275px;
}

.sal-event-secondary-image {
    height: 275px;
    width: 210px;
    margin-top: -10px;
}

.sal-event-right-image-wrapper {
    overflow: hidden;
}

.sal-event-top-right-image,
.sal-event-bot-right-image,
.sal-event-top-left-image,
.sal-event-bot-left-image {
    z-index: 1;
    position: relative;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-transition: all 600ms ease-in-out;
       -moz-transition: all 600ms ease-in-out;
         -o-transition: all 600ms ease-in-out;
            transition: all 600ms ease-in-out;
}

.sal-event-external-link:hover .sal-event-secondary-image {
    background-position: 50% 50%;
    background-size: auto 140%;
    -webkit-filter: blur(.5px);
            filter: blur(.5px);
}

.sal-event-link-title {
    position: absolute;
    z-index: 11;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px black;
    padding: 2px 10px 2px 10px;
    background-color: #0d2f56;
    background-color: rgba(14, 169, 176, 0.80);
    margin-left: 10px;
    margin-top: 230px;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.52);
    text-align: left;;
}

.sal-event-external-link:hover .sal-external-link-icon {
    opacity: 1;
    margin-top: 225px;
    text-align: right;
    font-size: 30px;
}

.sal-event-external-link .sal-external-link-icon {
    opacity: 1;
}

.sal-external-link-icon {
    opacity: 0;
    position: absolute;
    color: white;
    z-index: 10;
    font-size: 23px;
    padding-right: 13px;
    margin-top: 230px;
    text-align: right;
    width: 100%;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
    -webkit-transition: all 600ms ease-in-out;
       -moz-transition: all 600ms ease-in-out;
         -o-transition: all 600ms ease-in-out;
            transition: all 600ms ease-in-out;
}

.container.event-listing-spacer {
    margin-top: 150px;
    margin-bottom: 30px;
}

.sal-events-listing-wrapper {
    background-color: #FFFFFF;
    border-radius: 4px;
    margin-bottom: 30px;
    box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
}

.sal-events-listing-wrapper:hover {
    box-shadow: 4px 5px 22px rgba(0,0,0,0.6);
}

.event-list-descriptions {
    margin-top: 10px;
}

.sal-events-listing-image {
    position: relative;
    height: 180px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

.sal-events-listing-content {
    padding: 20px;
    min-height: 60px;
}

.event-title-date {
    float: right;
    color: #a2a2a2;
}

.event-title-name {
    position: absolute;
    font-size: 21px;
    color: #FFFFFF;
    bottom: 10px;
    padding: 0 10px 3px 10px;
    background-color: #0d2f56;
    left: 10px;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}

.event-list-iwota {
    float: right;
    color: #b7b7b7;
}

.event-distance-styling {
    background-color: #cecece;
    font-weight: lighter;
    font-family: arial;
    color: #000000;
    font-size: 15px;
    border-radius: 2px;
    padding: 4px 15px 4px 15px;
    margin: 0;
}

.event-distance-name {
    font-weight: bold;
}

.room-read-more-link {
    color: #2d4162!important;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0;
}

.room-read-more-icon {
    font-size: 11px;
}

/*Help Page*/
.help-header-background {
    min-height: 367px;
    margin-left: -20px;
    margin-right: -20px;
}

.help-image-container {
    width: 412px;
    height: 247px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 120px;
}

.help-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.help-card-info {
    color: #FFF;
    padding: 40px;
}

.help-card-header, .help-card-text{
    padding: 20px 20px 0 20px;
}

.help-link {
    color: #FFF;
    font-weight: bold;
}

.help-link:hover {
    color: #FFF!important;
}

.help-link:active {
    color: #FFF!important;
}

.help-link:visited {
    color: #FFF!important;
}

.help-link-info {
    margin-bottom: -40px;
    background-color: #007bff00;
    border-color: #007bff00;
    background: linear-gradient(180deg, rgba(149,193,31,1) 16%, rgba(8,107,50,1) 89%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding: 10px;
    border: 0;
    width: 100%;
    border-radius: 5px;
    text-align: center;
}

.help-card-website {
    color: #FFF;
    padding: 40px;
}

.help-link-website {
    margin-bottom: -40px;
    background-color: #007bff00;
    border-color: #007bff00;
    background: linear-gradient(180deg, rgba(149,193,31,1) 16%, rgba(8,107,50,1) 89%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding: 10px;
    border: 0;
    width: 100%;
    border-radius: 5px;
    text-align: center;
}

.help-card-contact {
        background-color: #dacccc00;
        color: #fff;
        padding: 20px;
}

.help-link-contact {
    margin-bottom: -40px;
    background-color: #007bff00;
    border-color: #007bff00;
    background: linear-gradient(180deg, rgba(149,193,31,1) 16%, rgba(8,107,50,1) 89%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding: 10px;
    border: 0;
    width: 100%;
    border-radius: 5px;
    text-align: center;
}

.help-bottom-section {
    background-color: #FFF;
    margin-left: -14px;
    margin-right: -14px;
    padding: 40px;
    min-height: 500px;
}

.help-doc-section {
    color: #FFFFFF;
    padding: 30px;
    margin: 30px 0 30px 0;
}

.help-wrapper {
    background-color: #FFFFFF;
    padding: 30px;
}

a.help-links {
    color: #fff;
}

a.help-links:hover {
    color: #71bf45;
}

/**
* Cancelations and Refunds Page CSS
*/

.book-header-background, 
.travel-header-background,
.refund-header-background, 
.terms-header-background {
    min-height: 140px;
}

.refund-header-background, 
.terms-header-background {
    min-height: 220px;
}

.refund-top-header, .terms-top-header {
    position: absolute;
    top: 96px;
    color: #FFF;
    left: 203px;
}

.refund-inner-content {
    min-height: 676px;
    background-color: #FFF;
    padding: 40px;
    margin-top: 40px;
}

.refund-nav {
    padding: 20px;
    background-color: #f2f2f2;
    margin-top: 15px;
}

.refund-main-header-section, .privacy-main-header-section, .terms-main-header-section {
    color: #FFF;
    padding: 25px 20px 20px 20px;
    background-color: #204186;
}

.newsl-signup-element {
    float: right;
    width: 150px;
    margin-right: 50px;
    margin-top: 10px;
}

/**
* How to book Page CSS
*/
.book-header-background, .travel-header-background {
    min-height: 220px;
    background-color: #4267c6;
    margin-left: -20px;
    margin-right: -20px;
}
 
.book-inner-content {
    min-height: 2480px;
    background-color: #FFF;
    padding: 40px;
    margin-top: 40px;
}


.book-main-header-section, .travel-main-header-section {
    color: #FFF;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #4267c6;
}

.book-image {
    width: 100%;
}

/**
* Privacy Policy Page CSS
*/
.privacy-inner-content {
    min-height: 716px;
    background-color: #FFF;
    padding: 40px;
    margin-top: 40px;
}

/**
* Terms of User Page CSS
*/
.terms-inner-content {
    min-height: 2996px;
    background-color: #FFF;
    padding: 40px;
    margin-top: 40px;
}

/**
* Travel Voucher Page CSS
*/
.travel-inner-content {
    min-height: 636px;
    background-color: #FFF;
    padding: 40px;
    margin-top: 40px;
}

/**
* Contact Us Page CSS
*/
.contact-heading-section {
    min-height: 460px;
    background-color: #71bf43;
}

.contact-left-head-text {
    color: #FFF;
}

.contact-directions-btn-container {
}

.contact-directions-btn {
    background-color: #FFF;
    padding: 20px;
    color: #000;
    cursor: pointer;
}

.contact-right-head {
    height: 320px!important;
    padding-bottom: 0px;
    margin-bottom: 40px!important;
    margin-top: 40px;
}

.contact-form-section {
    margin: 30px 0 30px 0;
}

.content-row {
    background-color: #FFFFFF;
    margin: 0 15px 0 15px;
    width: 100%;
}

.contact-form-social-item {
    margin-right: 5px;
}

/**
* Booking Details Page CSS
*/
.booking-details-background {
    margin-top: 118px;
    background-color: #fff;
    padding: 20px;
}

.sal-tab {
    /*min-width: 160px;*/
    text-align: center;
    font-size: 14px;
}

.tab-content>.active {
    padding-top: 0px!important;
    padding-bottom: 20px!important;
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: rgba(52, 132, 136, 0.31);
}

.nav-link:focus, 
.nav-link:hover { border-color: transparent!important; }

a.nav-link.sal-tab-link.booking-details-tab.active { border-radius: 0; }

.nav-tabs>li>a {
    border-radius: 0;
    color: #ffffff;
}

table {
    width: 100%;
}

td {
    font-size: 13px;
}

.mdl-data-table th, td {
    text-align: left;
}

/**
* Admin & User Booking Cancellation
*/
.booking-charge-condition-container {
    margin-bottom: 10px;
    background-color: #f5f5f5;
    padding: 20px;
}

.booking-charge-condition-text {
    padding-top: 5px;
    padding-bottom: 5px;
}

.sal-zonder-session-data {
    font-size: 11px;
    color: #747474;
    text-align: center;
}

.sal-footer-navigation-wrapper {
    color: #676767;
    margin-top: 0px;
    margin-right: 10px;
}


.box h3{
	text-align:center;
	position:relative;
	top:80px;
}
.box {
	width:70%;
	height:200px;
	background:#FFF;
	margin:40px auto;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2 {
  position: relative;
}

.effect2:before, .effect2:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  /*max-width:300px;*/
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
     -moz-transform: rotate(-3deg);
       -o-transform: rotate(-3deg);
          transform: rotate(-3deg);
}

.effect2:after {
  -webkit-transform: rotate(3deg);
     -moz-transform: rotate(3deg);
       -o-transform: rotate(3deg);
          transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.booking-details-tab { padding: 10px 20px; }



/*==================================================
 * Rebranding CSS
 * ===============================================*/
 
 /*==================================================
 * Search Container Additional Styling
 * ===============================================*/

.search-container {
    background: linear-gradient(180deg, rgb(145, 189, 26) 16%, rgba(8,107,50,1) 89%);
    width:100%;
    padding: 0 20% 0 20%;
    position: relative;
}

.search-headings {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 3%;
}

 /*==================================================
 * Body Styling
 * ===============================================*/

.search-headings {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 3%;
}

.blue-bg {
    background: linear-gradient(180deg, rgba(2,68,130,1) 0%, rgba(13,47,86,1) 100%);
    margin-top: 0px
}


 /*==================================================
 * Call us now button
 * ===============================================*/

.sal-lp-header-content-wrapper {
    position: relative;
}


.call-us-btn-wrapper {
    position: absolute;
    right: 45px;
    top: 100px;
}


.call-us-btn {
    width: 222px;
}

.vh-event-logo-wrapper {
    position: absolute;
    right: 70px;
    top: 100px;
    background-color: white;
    padding: 15px;
    width: 270px;
    height: 150px;
    box-shadow: 0 2px 2px #00000052;
    text-align: center;
}


.vh-event-logo {
    height: 120px;
    max-width:150px;
    max-width: 240px;
    object-fit: contain;
}

 /*==================================================
 * Green border
 * ===============================================*/

.vh-green-border {
    border-bottom: #71BE44 8px solid;
    width: 183px;
    padding-top: 30px;
    margin-bottom: 30px;
}

.slogan {
    font-size: 22px;
    font-family: 'Roboto', sans-serif, Helvetica;
    font-style: italic;
    font-weight: 300;
}

.image-row {
    display: flex;
    padding-top: 60px;
}

/* Landing page image columns */
.image-column {
    flex: 50%;
    align-self:flex-end;
    padding: 0px 0px 0px 0px;
    margin:5px;;
}

.bg-column-1,
.bg-column-2 {
    height:400px;
    background-size: cover;
    position: relative;
}

.bg-column-1 {
    background:url("/statics/villas-confererence-exhibition-organiser-resource.jpg");
    margin-right: 25px;
}

.bg-column-2 {
    background:url("/statics/villas-wedding-resource.jpg");
    margin-left: 25px;
}

.landing-image-header-grn {
font-size:15px;
display:block;
font-weight:400;
font-family: 'Roboto';
background:linear-gradient(180deg, rgba(149,193,31,1) 16%, rgba(8,107,50,1) 89%);
color:#fff;
padding:10px 10px 12px 10px;
text-align:center;
}

p.about-us-header {
font-size: 17px;
align-self: center;
text-align: center;
color: #71BE44;
font-weight: 700;
}


.star-image-center {
display: block;
margin-left: auto;
margin-right: auto;
width: 10%;
padding-bottom: 40px;
}

.mailchimp-columns {
  display: flex;
  justify-content: space-between;
}
.mc-col {
  flex: 1;
}

.accr-row {
  display: flex;
  flex-direction: row;
  height: 70px;
  padding: 15px 0;
  height: 350px;
}

.accr-img-container {
    display: flex;
    flex-direction: column;
        align-items: center;
}

.accr-text-container {
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}

.accr-img {
    display: flex;
    width: 375px;
    margin: 0 15px;
    padding-top: 10px;
}

.accr-image-footer-grn {
    background: linear-gradient(180deg, rgba(149,193,31,1) 16%, rgba(8,107,50,1) 89%);
    width: 375px;
    height: 30px;
    padding-bottom: 20px;
    box-shadow: 0 0 3px #00000040;
}

.accr-logo {
    height: 60px;
}

.accr-logo-wrapper {
    width: 190px;
    background-color: #fff;
    border-radius: 10px;
    margin-top: -60px;
    display: flex;
    justify-content: center;
    padding: 10px;
    box-shadow: 0 0 4px #00000085;
}

.accr-header {
    font-size: 20px;
    color: #fff;
    padding: 0 15px;
    font-family: 'Roboto', sans-serif, Helvetica;
    font-weight: bold;
}

.accr-descr {
    padding: 10px 0 0 15px;
    color: #fff;
    font-weight: 300;
    line-height: 1.8em;
    font-size: 15px;
}

.accr-btn {
    color: #fff;
    background-color: #007bff00;
    border-color: #007bff00;
    background: linear-gradient(180deg, rgba(149,193,31,1) 16%, rgba(8,107,50,1) 89%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding: 10px;
    margin: 15px 10px;
    border: 0;
    width: 180px;
    border-radius: 5px;
    text-align: center;
}

.accr-btn:hover {
    color: #fff;
    background-color: #007bff00;
    border-color: #007bff00;
    background: linear-gradient(180deg, rgba(149,193,31,1) 13%, rgba(8,107,50,1) 82%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding: 10px;
    margin: 15px 10px;
    border: 0;
    width: 180px;
    border-radius: 5px;
    text-align: center;
}


.event-list-row {
  display: flex;
  flex-direction: row;
  padding: 15px 0;
  height: 350px;
}

.event-list-img-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.event-list-text-container {
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}

.event-list-img {
    display: flex;
    width: 400px;
    height: 215px;
    margin: 0 15px;
    padding-top: 10px;
    object-fit: cover;
}

.event-list-image-footer-grn {
    background: linear-gradient(180deg, rgba(149,193,31,1) 16%, rgba(8,107,50,1) 89%);
    width: 400px;
    height: 30px;
    padding-bottom: 20px;
    box-shadow: 0 0 3px #00000040;
}

.event-list-logo {
    height: 70px;
}

.event-list-logo-wrapper {
    width: 190px;
    background-color: #fff;
    border-radius: 10px;
    margin-top: -60px;
    display: flex;
    justify-content: center;
    padding: 10px;
    box-shadow: 0 0 4px #00000085;
}

.event-list-header {
    font-size: 20px;
    color: #fff;
    padding: 0 15px;
    font-family: 'Roboto', sans-serif, Helvetica;
    text-transform: uppercase;
    font-weight: bold;
}

.event-list-descr {
    padding: 20px 30px 5px 15px;
    color: #fff;
    font-weight: 300;
    line-height: 1.8em;
    font-size: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.event-list-btn {
    color: #fff;
    background-color: #007bff00;
    border-color: #007bff00;
    background: linear-gradient(180deg, rgba(149,193,31,1) 16%, rgba(8,107,50,1) 89%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding: 10px;
    margin: 15px 10px;
    border: 0;
    width: 180px;
    border-radius: 5px;
    text-align: center;
}

.event-list-btn:hover {
    color: #fff;
    background-color: #007bff00;
    border-color: #007bff00;
    background: linear-gradient(180deg, rgba(149,193,31,1) 13%, rgba(8,107,50,1) 82%);
    color: #fff;
    text-shadow: 0 1px 1px #000000;
    box-shadow: 0 0 3px #00000040;
    letter-spacing: 0.3px;
    font-size: 13px;
    padding: 10px;
    margin: 15px 10px;
    border: 0;
    width: 180px;
    border-radius: 5px;
    text-align: center;
}

.newsl-header {
    text-align: left; 
    color: #FFFFFF;
    margin-bottom: 0;
    color: #ffffff;
    font-size: 25px;
    vertical-align: middle;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    text-shadow: 0 1px 1px #000000d9;
    padding-top: 22px;
    padding-left: 0px;
}

.mc-bg {
    background: url(/statics/mc-bg.png) no-repeat 98% 50%;
    background-size: cover;
    background-position: left;
}

.footer-columns {
    display: flex;
    justify-content: space-between;
}

.ft-col {
  flex: 1;
  flex-grow: 1;
  flex-basis: auto;
}

.footer-columns {
  display: flex;
  justify-content: space-between;
}

.copyright-text {
color: #747474;
font-size: 11px;
letter-spacing: 0px;
padding: 0 2px 0 2px;
}
   
.dropdown:hover>.dropdown-menu {
  display: block;
}  
    

.dropdown-menu {
    position: absolute;
    top: 48px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: 0 0 0 0;
    min-width: 260px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    /*background-color: rgba(255,255,255,0.79);*/
    background-clip: padding-box;
    border: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-transform: none;
}

.mobi-event-list {
    display: block;
    width: 100%;
    padding: .8rem 1rem;
    clear: both;
    font-weight: 400;
    color: #ffffff;
    background-color: #ffffff0f;
    border-bottom: 1px dashed #153e6d59;
    text-transform: none;
    font-size: 13px;
}

.navigation-open + body {
    filter: blur(3px);
}

.mobi-event-list:hover {
    color: #ffffff;
}

.mobi-event-list:before {
    content: '- ';
}


.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
  transform: translateX(33.33%);
}

.carousel-inner .carousel-item-left.active, 
.carousel-inner .carousel-item-prev {
  transform: translateX(-33.33%)
}
  
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: flex;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
}

.event-img-height {
    position: relative;
    width: -webkit-fill-available;
    height: 230px!important;
    object-fit: cover;
    object-position: center;
    min-height: 1px;
    background-size: contain;
    background-color: #ffffff00;
}

.carousel-control-prev {
    left: -100px;
    color: #000;
}

.carousel-control-next {
    right: -100px;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}


/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgb(124, 199, 77);
    min-height: 26px;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    padding: 15px 0 15px 30px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #dcdcdc;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #02457c;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    /* float: right; */
    margin: 7px 20px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*Cookie Consent End*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .call-us-btn {
        width: auto!important;
    }
}