html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

@font-face { 
    font-family: Quanta; 
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/Quanta Black Italic.ttf'); 
} 

@font-face { 
    font-family: Quanta; 
    font-weight: 800;
    src: url('../fonts/Quanta Black.ttf'); 
} 

@font-face { 
    font-family: Quanta; 
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/Quanta Bold Italic.ttf'); 
} 

@font-face { 
    font-family: Quanta; 
    font-weight: 600;
    src: url('../fonts/Quanta Bold.ttf'); 
}

@font-face { 
    font-family: Quanta; 
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/Quanta Light Italic.ttf'); 
}  

@font-face { 
    font-family: Quanta; 
    font-weight: 300;
    src: url('../fonts/Quanta Light.ttf'); 
}

 @font-face { 
    font-family: Quanta; 
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/Quanta Medium Italic.ttf'); 
}  

@font-face { 
    font-family: Quanta; 
    font-weight: 500;
    src: url('../fonts/Quanta Medium.ttf'); 
}

@font-face { 
    font-family: Quanta; 
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/Quanta Thin Italic.ttf'); 
}  

@font-face { 
    font-family: Quanta; 
    font-weight: 100;
    src: url('../fonts/Quanta Thin.ttf'); 
}


html, body
{
    margin: 0;
    padding: 0;
    background: #fff;
    font-size: 16px;
    font-family: 'Quanta', 'Verdana', sans-serif;
}
   
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

article,
aside,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
    overflow: hidden;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

img { border:0}


body,
button,
input,
select,
textarea {
    color: #000;
    font-family: 'Verdana', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
        line-height: 1.3em;
        margin-top: 3rem;
        margin-bottom: 3rem;
    clear: both;
    font-family: 'Quanta', 'Verdana', sans-serif;
    letter-spacing: 0.1em;
    color: #4D4F53;
}


a {
    cursor: pointer;
}

button {
    outline: none !important;
}

.hidden-br {
        display: none;
    }



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

/*a:-webkit-any-link
{
    text-decoration: none;
}*/

@media (min-width: 992px)  {
    .hidden-sm-down {
        display: block;
    }
}

@media (max-width: 991px)  {
    .hidden-sm-down {
        display: none;
    }
}




/* border-bottom style */
.bb-white {
    border-bottom: 1px solid #fff;
}


@media (min-width: 768px) {
    h1 { font-size: 3em; }
    h2 { font-size: 2.8em; }
    h3 { font-size: 2.6em; }
    h4 { font-size: 2.4em; }
    h5 { font-size: 2.2em; }
    h6 { font-size: 2em; }
    p { font-size: 1.1em; }
} 

@media (max-width: 767px) {
    h1 { font-size: 2.2em; }
    h2 { font-size: 2.0em; }
    h3 { font-size: 1.8em; }
    h4 { font-size: 1.6em; }
    h5 { font-size: 1.4em; }
    h6 { font-size: 1.2em; }
    p { font-size: 1em; }
} 

.hidden-div-for-script {
    display: none;
    height: 100px;
}

@media screen and (max-width: 767px)  {
    .hidden-div-for-script {
        height: 20px;
    }
}


/*--------------------------------------------------------------------
    Navigation
----------------------------------------------------------------------*/
.site-header {
    min-height: 85px;
}

.navbar {
    margin-bottom: 0px;
    font-family: 'Quanta', sans-serif;
}

.menu-container {
    padding: 0 20px;
    min-height: 80px;
}

.navbar-inverse {
    background-color: #b42e34;
    color: #fff;
    border: none;
}

.navbar-right li {
    text-transform: uppercase;
    overflow: hidden;
    letter-spacing: 0.15em;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

.navbar-inverse .navbar-nav>li>a:hover {
    text-decoration: underline;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #b42e34;
    text-decoration: underline;
}

.logo
{
    width: 190px;
    height: auto;
    float: left;
    margin-bottom: 10px;
}

.navbar-toggle {
    padding: 10px 10px;
    margin-top: 20px;
    margin-right: 15px;
    margin-bottom: 8px;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #b42e34;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #fff;   
    margin-top: 20px;
}




.dropdown-menu {
    position: absolute;
    top: 80px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 10px 15px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #b42e34;
    color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #b42e34;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}

#dd-menu-mobile {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    border: none;
    padding: 0px 15px 0px 15px;
}

#dd-menu-mobile .divider {
    display: none;
}

.navbar-right #dd-menu-mobile li {
    line-height: 30px;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0px;
    } 
    .navbar-right {
        margin: 15px 0px;
        font-size: 1em;
    }
    .submenu-mobile {
        display: none !important;
    }
}

@media (min-width: 1281px) {
    .navbar-right {
        width: 60%;
    }
    .navbar-right li {
        padding: 0 5%;
    }

    .dropdown-menu {
        left: 50%;
    }
}


@media (min-width: 1111px) and (max-width: 1280px) {
     .navbar-right {
        width: 70%;
    }
    .navbar-right li {
        padding: 0 5%;
    }
    .dropdown-menu {
        left: 43%;
    }

}

@media (min-width: 841px) and (max-width: 1110px) {
     .navbar-right {
        width: 72%;
    }
    .navbar-right li {
        padding: 0 2%;
    }
    .dropdown-menu {
        left: 35%;
    }

}

@media (min-width: 768px) and (max-width: 840px) {
     .navbar-right {
        width: 70%;
        font-size: 0.9em;
    }
    .navbar-right li {
        padding: 0 1%;
    }
    .dropdown-menu {
        left: 35%;
    }

}

@media (max-width: 767px) {
   .site-header {
    min-height: 80px;
    } 
    .dropdown-menu {
        z-index: 2000;
        left: 5%;
        top: 155px;
    }
}

@media (max-width: 450px) {
    .navbar-collapse {
        padding-right: 0px !important;
         padding-left: 0px !important;
    }
}

/*--------------------------------------------------------------------
    Booking widget
----------------------------------------------------------------------*/


.ui-widget {
    font-weight: 300;
}

.tfe-booking-widget {
    position: absolute;
    top: 350px;
    left: 10%;
    z-index: 300;
    background-color: #fff;
    border-radius: 5px;
    width: 80%;
    /*padding: 10px;*/
}

.booking-widget-title {
    display: none;
}

@media screen and (min-width: 1101px) {
    .col-md-2 {
         padding-right: 5px !important;
          padding-left: 5px !important;
    }
    .tfe-booking-widget {
        top: 300px;
    }
}

@media screen and (max-width: 1100px) {
    .tfe-booking-widget {
        top: 250px;
    }
}

@media screen and (max-width: 991px) {
    .carousel .booking-widget-title, .carousel .tfe-booking-widget {
        display: none;
    }
    .tfe-booking-widget {
        position: relative;
        top: 0;
        border: 1px solid #ccc;
        padding: 5px;
        width: 90%;
        left: 5%;
    }
    .booking-widget-title {
        text-align: center;
        display: block;
        margin-bottom: 15px;
    }
    .col-md-2 {
         padding-right: 15px !important;
          padding-left: 15px !important;
    }
}


.tfe-inner-block {
    margin: 12px 0  8px !important;
    outline: none;
}

.tfe-inner-block select, .tfe-inner-block  div, .tfe-inner-block  button {
    width: 100%;
    height: 36px;
    outline: none;
}

.tfe-inner-block select {
    border: 1px solid #ccc;
}

.fa-calendar {
    float: right;
    margin: 3px 5px 0 0;
}


#ui-datepicker-div {
  z-index: 305;
  position: absolute;
    top: 97.2674px;
    width: 34em;
    left: 366.319px;
    display: none;
    margin-top: 34px;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

#ui-datepicker-div.ui-widget-content .ui-datepicker-prev {
    right: inherit;
    left: 50px;
    top: 5px;
}

#ui-datepicker-div.ui-widget-content .ui-datepicker-next {
    top: 4px;
    right: 0;
}

#ui-datepicker-div.ui-widget-content .ui-datepicker-next, #ui-datepicker-div.ui-widget-content .ui-datepicker-prev {
    width: 1.8em;
    height: 1.8em;
    position: absolute;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    border: 1px solid #b42e34;
    border-radius: 12px;
    color: #b42e34;
    height: 24px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    width: 24px;
    top: initial;
    transform: inherit;
    transition: inherit;
    font-size: 0;
    line-height: inherit;
}

.btn-danger {
    color: #fff;
    background-color: #b42e34;
    border-color: #b42e34;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-state-disabled {
    cursor: default!important;
    pointer-events: none;
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    left: 0 !important;
    margin-left: 5px !important;
    margin-top: 8px !important;
    top: 0 !important;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
}

.ui-datepicker .ui-datepicker-title {
    margin: .5em 2.3em 0;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 90%;
    margin: 1.3em auto .5em;
}

#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar, #ui-datepicker-div.ui-widget-content td, #ui-datepicker-div.ui-widget-content th {
    font-size: 16px;
}

.ui-datepicker table {
    /* font-size: 18px; */
    font-size: 0.9rem;
    font-weight: 300;
    table-layout: auto;
    border: none;
    border-collapse: collapse;
    text-transform: uppercase;
}

.ui-datepicker table thead {
    border-bottom: solid 1px #ecf0f1;
}


.ui-datepicker-calendar .highlight {background-color: #b42e34 !important;}
.tfe-booking-widget .booking-fields span.form-control {
  display: none;
}

.tfe-booking-widget .ui-datepicker-trigger {
  width: 17px;
  position: absolute;
  right: 15px;
  top: 8px;
}

#ui-datepicker-div.ui-widget-content.ui-datepicker {
    padding: 0.2em;
    font-size: 18px;
}

.ui-datepicker {
    display: none;
    border-radius: 0px !important;
    border: solid 1px #ecf0f1 !important;
}

#ui-datepicker-div {
    background-color: #fff;
}


#ui-datepicker-div.ui-widget-content td.ui-datepicker-today a {
  font-weight: bold;
  color: #000;
}

#ui-datepicker-div.ui-widget-content td.highlight a {
  background: #ee3124;
  color: #fff;
}

#ui-datepicker-div.ui-widget-content .ui-widget-header {
  background: transparent;
  border: 0;
}

#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-icon {
  background-image: none;
}

#ui-datepicker-div.ui-widget-content .ui-datepicker-next:hover, #ui-datepicker-div.ui-widget-content .ui-datepicker-prev:hover {
  background: none;
  border: none;
}

#ui-datepicker-div.ui-widget-content .ui-datepicker-next:after, #ui-datepicker-div.ui-widget-content .ui-datepicker-prev:after {
  background-image: none;
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 25px;
  background-color: #ee3124;
  color: #fff;
  border-radius: 20px;
  right: 5px;
}

#ui-datepicker-div.ui-widget-content .ui-datepicker-next:hover:after, #ui-datepicker-div.ui-widget-content .ui-datepicker-prev:hover:after {
  background-color: #a0160c;
}


#ui-datepicker-div.ui-widget-content .ui-datepicker-prev:after {
  content: "\f104";
}

#ui-datepicker-div.ui-widget-content td .ui-state-default {
  border: none;
  background: transparent;
  text-align: center;
}

#ui-datepicker-div.ui-widget-content td .ui-state-default:not(.ui-state-disabled):hover {
  color: #fff;
  background: #a0160c;
}

#ui-datepicker-div.ui-widget-content td .ui-state-default.ui-state-active {
  color: #fff;
  background: #ee3124;
}

/*@media (max-width: 992px) {
  .tfe-booking-widget .col-sm-6, .tfe-booking-widget .col-sm-12 {
    margin: 10px 0;
  }
  
}*/

@media (max-width: 767px) {
     #ui-datepicker-div {
        width: 305px;
        height: auto;
    }
    .ui-datepicker table {
        width: 100%;
        margin: 20px 5px 5px;
    }
    .ui-datepicker table tr, .ui-datepicker table thead {
        height: 34px;
    }
    .ui-datepicker .ui-datepicker-title {
        margin: 1.2em 2.3em 0;
    }
    #ui-datepicker-div.ui-widget-content .ui-datepicker-next, #ui-datepicker-div.ui-widget-content .ui-datepicker-prev {
        margin: 15px 0 0;
    }
    #ui-datepicker-div.ui-widget-content .ui-datepicker-next {
        top: 6px;
        right: 0;
    }
}


/*--------------------------------------------------------------------
    Home page - images carousel
----------------------------------------------------------------------*/

.carousel {
    width: 100%;
    height: 33.3%;
    overflow: hidden;
    position: relative;
    /*top: 75px;*/
}

.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      height: auto;
      margin: auto;
  }

.container-h1 {
    width: 100%;
    text-align: center;
    position: absolute;
}

.carousel-header {
    color: #fff;
    letter-spacing: 0.15em;
    font-size: 3.2em;
    text-shadow: 1px 1px #7a786c;
}

.carousel-control.left, .carousel-control.right {
    z-index: 100;
}

@media (max-width: 767px) {
    .container-h1 {
        display: none;
    }
    .carousel-header {
        color: #000;
    }
}

@media (min-width: 1200px)  {
    .container-h1 {
        top: 50px;
    }
}

@media (min-width: 1000px) and (max-width: 1199px) {
    .container-h1 {
        top: 30px;
    }
    .carousel-header {
        font-size: 2.6em;
    }
}

@media (min-width: 768px) and (max-width: 999px) {
    .container-h1 {
        top: 20px;
    }
    .carousel-header {
        font-size: 2em;
    }
}

/*--------------------------------------------------------------------
    Home page - promo bar
----------------------------------------------------------------------*/
.container-book-now-bar, .container-book-now-bar-mobile {
    width: 100%;
    background-color: #b42e34; 
    color: #ffffff; 
    padding: 40px 15px; 
    text-align: center;
}

.container-book-now-bar h3, .container-book-now-bar-mobile h3 {
    text-align: center; 
    color: #fff; 
    font-size: 42px;
    margin: 0;
}

.btn.booknow {
    display: inline-block; 
    padding: 6px 12px !important; 
    text-align: center; 
    cursor: pointer; 
    border: 1px solid transparent; 
    border-radius: 4px; 
    background-color: #fff; 
    margin-left: 30px; 
    font-size: 18px;
}

.btn.booknow, .btn.booknow:hover, .btn.booknow:active, .btn.booknow:focus, .btn.booknow:visited {
    color: #b42e34; 
    text-transform: uppercase;
}

@media (max-width: 1050px)  {
    .container-book-now-bar h3 {
        font-size: 32px;
    }
}
@media (min-width: 992px) {
    .container-book-now-bar-mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .container-book-now-bar-mobile {
        display: block;
        padding: 25px 15px; 
    }
    .container-book-now-bar-mobile h3 {
        font-size: 32px;
    }
    .container-book-now-bar {
        display: none;
    }
}

@media (max-width: 824px) {
     .btn.booknow {
        display: block;
        margin: 10px auto 0;
        width: 150px;
    }
}

@media (max-width: 460px) {
    .container-book-now-bar-mobile {
        padding: 15px 15px; 
    }
    .container-book-now-bar-mobile h3 {
        font-size: 26px;
    }
     .btn.booknow {
        font-size: 18px;
        padding: 2px 8px !important; 
    }
}

/*--------------------------------------------------------------------
    Home page - about section
----------------------------------------------------------------------*/
.about-section {
    text-align: center;
    margin: 10px 10px 55px;
}
.about-text {
    width: 70%;
    margin: 0 auto;
}


@media (max-width: 767px) {
   .about-text {
        width: 95%;
        text-align: left;
    } 
    .about-section {
        margin: 10px 0px 55px;
    }
}

/*--------------------------------------------------------------------
    Home page - features section
----------------------------------------------------------------------*/

.features-home-section {
    text-align: center;
    margin: 0px 50px 0px;
}

.features-home-section img {
    width: 80%;
    height: auto;
    margin: 0 auto;
}

.features-home-section .row {
    margin-bottom: 40px;
}

.features-home-section .caption {
    margin: 0 45px 0;
}

.features-home-section h5 {
    font-size: 1.4em;
    margin: 20px 0 10px 0;
    color: #b42e34;
}

.features-home-section a:visited, .features-home-section a:link {
    text-decoration: none;
}

.features-home-section a:hover, .features-home-section a:focus {
    color: #b42e34;
    text-decoration: underline;
}

.features-home-section p {
    text-align: left;
}

.features-home-section ul {
    font-size: 0.9em;
}

.features-home-section h1 {
    margin-top: 0px;
    text-transform: capitalize;
}

@media (max-width: 992px)  {
    .features-home-section .caption {
        margin: 0 45px 50px;
    }
    .features-home-section p {
        margin-left: 35px;
        margin-right: 35px;
    }
    .features-home-section .col-md-4:last-child .caption {
        margin: 0 45px 0px;
    }
}

@media (max-width: 767px) {
    .features-home-section {
        margin: 0;
    }

    .features-home-section .caption {
        margin: 0 0px 50px;
    }
    .features-home-section p {
        margin-left: 5px;
        margin-right: 5px;
    }
    .features-home-section .col-md-4:last-child .caption {
        margin: 0 5px 0px;
    }
    .features-home-section img {
       width: 100% !important;
    }
}


/*--------------------------------------------------------------------
    Home page - eclub section
----------------------------------------------------------------------*/
.eclub-section {
    text-align: center;
    margin: 10px 10px 55px;
}

.eclub-text {
    margin: 0 auto;
}

#mailing-list-iframe {  
    border: none;
    outline: none;
}

.eclub-conditions {
    text-align: left; 
    padding-left: 20px; 
    font-size: 10px;
    margin-bottom: 30px;
}
@media (min-width: 1200px)  {
    #mailing-list-iframe, .eclub-text {
        width: 50%;
    }
}

@media (min-width: 1000px) and (max-width: 1199px) {
    #mailing-list-iframe, .eclub-text {
        width: 60%;
    }
}

@media (min-width: 768px) and (max-width: 999px) {
    #mailing-list-iframe, .eclub-text{
        width: 70%;
    }
}

@media (min-width: 550px) and (max-width: 767px) {
    #mailing-list-iframe, .eclub-text {
        width: 80%; 
    }
}

@media (min-width: 320px) and (max-width: 549px) {
    #mailing-list-iframe, .eclub-text {
        width: 90%; 
    }
}


@media (max-width: 321px) {
   #mailing-list-iframe, .eclub-text {
        width: 98%; 
    }
}

@media (min-width: 651px)  {
    #mailing-list-iframe {
        height: 470px;
    }
}

@media (max-width: 650px)  {
    #mailing-list-iframe {
        height: 600px;
    }
}

@media (max-width: 767px)  {
    .eclub-section {
        margin: 10px 0px 55px;
    }

    .eclub-text p {
        text-align: left !important;
    }
}
/*--------------------------------------------------------------------
    Redirecting page - to http://www.stayfareast.com/en/hotels/rendezvous-hotel-singapore
----------------------------------------------------------------------*/
.redirect-section {
    text-align: center;
    margin: 30px 10px 55px;
}

.redirect-section h1 {
    margin-bottom: 20px;
}

.redirect-img {
}

@media (max-width: 767px)  {
    .redirect-section {
        margin: 10px 0px 55px;
    }
    .redirect-img {
        width: 50px;
        height: auto;
    }
}


/*--------------------------------------------------------------------
    Find a hotel page
----------------------------------------------------------------------*/
.find-hotel-section {
    text-align: center;
    margin: 10px 10px 55px;
}

#tfe-map-widget{margin:0 auto;background-color:white; text-align: left;}

#tfe-map-widget h1,#tfe-map-widget h2,#tfe-map-widget h3,#tfe-map-widget h4,#tfe-map-widget h5,#tfe-map-widget h6{margin-top:0}

#tfe-map-widget p{line-height:1.4em;padding:0;margin:0}

#tfe-map-widget a{box-shadow:0 0 0 0 white !important}

#tfe-map-widget .tfe-maps-container{width:100%}

#tfe-map-widget .tfe-maps-container .tfe-map-section{width:100%}

@media screen and (min-width: 62em){
    #tfe-map-widget .tfe-maps-container .tfe-map-section{width:50%}
}

#tfe-map-widget .tfe-maps-container .tfe-map-section.left { max-height:500px;overflow-y:scroll}

#tfe-map-widget .tfe-maps-container .tfe-map-section.right{max-height:500px}

@media screen and (min-width: 62em){
    #tfe-map-widget .tfe-maps-container{display:flex}
}

#tfe-map-widget #map-canvas{height:500px}

#tfe-map-widget .tfe-maps-container{height:500px}

#tfe-map-widget .booknow.infobox-btn{margin:10px 0;padding:10px;background-color:#fff; width:100%;}

#tfe-map-widget #region-header-all{margin-bottom:0}

#tfe-map-widget .region-header{cursor:pointer;padding:10px 20px;margin-bottom:0;background:#b42e34;color:white}

#tfe-map-widget .region-header a:link,#tfe-map-widget .region-header a:visited,#tfe-map-widget .region-header a:active{color:white}

#tfe-map-widget .region-header a:hover{color:#fff; text-decoration: underline;}

#tfe-map-widget .category>a{margin-left:10px;margin-top:15px;display:block}

#tfe-map-widget .category>a:link,#tfe-map-widget .category>a:visited,#tfe-map-widget .category>a:active{color:#b42e34}

#tfe-map-widget .category>a:hover{color:#58090d; text-decoration: underline;}

#tfe-map-widget .category>a.cat-link{color:#000;font-size:1.3em;text-transform:uppercase}

#tfe-map-widget .category:focus,#tfe-map-widget .category:active{background:#f0f0f0;outline:none}

#tfe-map-widget .section-result{padding:10px 10px;cursor:pointer;display:flex;border-bottom:1px solid #eee}

#tfe-map-widget .section-result a,#tfe-map-widget .section-result p{font-weight:100;font-size:14px;margin:0;color:black}

#tfe-map-widget .section-result h4{font-size:18px;line-height:18px}

#tfe-map-widget .section-result h4 a{font-size:18px;line-height:18px;color:#b42e34 !important;font-weight:700}

#tfe-map-widget .section-result .cat-link{margin-bottom:0;margin-top:10px;display:block;font-weight:normal;font-size:16px}

#tfe-map-widget .section-result .image-container{display:none;height:120px;width:120px;margin:0 5px 0 0;position:relative;vertical-align:top}
@media screen and (min-width: 48em){
    #tfe-map-widget .section-result .image-container{display:inline-block}
}

#tfe-map-widget .section-result .result-text-content{color:#8c8c8c;display:inline-block;font-size:13px;width:400px}

#tfe-map-widget .section-result .result-text-content a{color:black}

#tfe-map-widget .section-result .result-text-content h4{margin-bottom:0;padding-bottom:0 !important}

#tfe-map-widget .infobox{position:absolute;}

#tfe-map-widget .infobox .close-box{float:right;cursor:pointer;font-size:14px;font-weight:700;line-height:1;z-index:1;color:#fff;margin-right:2px;position:relative; top: -5px; right: -25px;}

#tfe-map-widget .infobox .close-box:before{content:"\f00d";font-family:FontAwesome}

#tfe-map-widget .infobox .close-box:hover{color:#000}

#tfe-map-widget .infoWindow{background-color:#b42e34;color:white;position:relative; top: -25px; left: -30px; padding:10px;border-radius:4px; width: 120%;}

#tfe-map-widget .infoWindow a{color:white !important}

#tfe-map-widget .infoWindow a:hover{color:white; text-decoration: underline;}

#tfe-map-widget .infoWindow h3{text-align:center;}
#tfe-map-widget .infoWindow h3 a{color:white}

#tfe-map-widget .infoWindow h4{line-height:18px;margin-bottom:2px}

#tfe-map-widget .infoWindow h4 a{font-size:16px;font-weight:normal;color:white}

#tfe-map-widget .infoWindow a.booknow, #tfe-map-widget .infoWindow a.booknow:hover{color:#54534a !important;}

#tfe-map-widget .infoWindow p{margin:0;color:#fff;line-height:20px;font-size:14px;font-weight:lighter}

#tfe-map-widget #map-canvas{width:100%;height:500px}

#tfe-map-widget #map-canvas:focus{outline:none}

.region-header, .item-in-map-list{
    text-align: left;
}

.item-in-map-list {
    margin-bottom: 5px;
    margin-top: 5px;
}

@media (max-width: 767px)  {
    .find-hotel-section {
        margin: 10px 0px 55px;
    }
    .container.map-wrapper {
        padding: 0;
    }
    .row.tfe-maps-container {
        margin-right: 0;
        margin-left: 0;
    }
    .row.tfe-maps-container .tfe-map-section {
        padding-right: 0;
        padding-left: 0;
    }
    #map-canvas .infobox {
        max-width: 290px;
        width: 75% !important;
        top: 25px !important;
        left: 15% !important;
    }
    #map-canvas .infoWindow p {
        /*line-height: 15px !important;*/
    }
    #tfe-map-widget .booknow.infobox-btn {
        margin: 0 !important;
        padding: 5px !important;
    }
    #tfe-map-widget .infobox .close-box {
        right: -5px !important;
    }
    #tfe-map-widget .section-result .result-text-content p, h4 {
        margin-bottom: 10px !important;
    }
}

/*--------------------------------------------------------------------
    Single hotel page
----------------------------------------------------------------------*/

.about-hotel {
    text-align: center;
    margin: 50px 10px 50px;
}

.description-img {
    max-width: 500px;
    width: 85%;
    height: auto;
    border-radius: 5px;
    display: block;
    margin: 50px auto 0;
}

@media (min-width: 992px)  {
    .hotel-description {
        margin: 0 30px 0 0;
    }
}

@media (max-width: 1200px)  {
    .about-hotel h2 {
        margin-bottom: 30px;
    }
}

@media (max-width: 991px)  {
    .hotel-description {
        margin: 0 auto;
    }
}

.contact-section {
    text-align: center;
    margin: 0px 10px 50px;
}

/* Room types section */

.rooms-section {
    text-align: center;
    margin: 0px 50px 50px;
}

.rooms-section .row {
    margin-bottom: 40px;
}


.rooms-section h5, .rooms-section ul, .rooms-section p {
    text-align: left;
}

.rooms-section h5 {
    font-size: 1.4em;
    margin: 20px 5px 10px 18px;
    color: #b42e34;
}

.rooms-section p {
    margin-left: 20px;
}

.rooms-section ul {
    font-size: 0.9em;
}

.rooms-section h1, .amenities-section h1 {
    margin-top: 0px;
    text-transform: capitalize;
}

.thumbnail>img {
    max-width: 90%;
}

/* Amenities section */

.amenities-section {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto 50px;
}

.amenities-section h1 {
    text-align: center;
}

#tabs {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    background-color: #b42e34;
    color: #fff;
       font-size: 1em;
}
.ui-tabs-vertical { 
    width: 30%; 
    border-radius: 5px;
}
.ui-tabs-vertical .ui-tabs-nav {
    padding: 1.5em;
    float: left;
    width: 30%;
    list-style-type: none;
}

  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0; padding: 10px 15px; outline: none !important; line-height: 1.4em;}
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; width: 100%; color: #fff; outline: none !important;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    background-color: #fff;
    outline: none !important;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a {
     color: #b42e34;
     outline: none !important;

}
  .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 70%;}

.amenities-ul {
    list-style-type: none;
    padding: 15px;
}

@media (max-width: 991px)  {
    .ui-tabs-vertical .ui-tabs-nav, .ui-tabs-vertical .ui-tabs-panel  { 
    width: 100%; 
    }
    .ui-tabs-vertical .ui-tabs-nav {
    padding-bottom: : 0;
    }
    .ui-tabs-vertical .ui-tabs-panel {
    padding-top: 0;
    }
}

/* Contact us section */

.contact-section h1 {
    margin-bottom: 30px;
}

.contact-details {
    text-align: center; 
}

.contact-details p {
    font-size: 0.9em;
}

.contact-map {
   text-align: center;
    width: 90%;
    max-width: 1100px;
    margin: 20px auto 50px;
    height: 500px;
    max-height: 500px;
}

@media (max-width: 991px)  {
    .contact-map {
        height: 300px;
    }
}

.booknow.infobox-btn{margin:10px 0;padding:10px;background-color:#fff; width:100%;}

#map-canvas .infobox{position:absolute;}

#map-canvas .infobox .close-box{float:right;cursor:pointer;font-size:14px;font-weight:700;line-height:1;z-index:1;color:#fff;margin-right:2px;position:relative; top:10px; right: -25px;}

#map-canvas .infobox .close-box:before{content:"\f00d";font-family:FontAwesome}

#map-canvas .infobox .close-box:hover{color:#000}

#map-canvas .infoWindow{background-color:#b42e34;color:white;position:relative; top: 0px; left: -30px; padding:10px;border-radius:4px; width: 120%;}

#map-canvas .infoWindow a{color:white !important}

#map-canvas .infoWindow a:hover{color:white; text-decoration: underline;}

#map-canvas .infoWindow h4{font-size:16px;font-weight:normal;color:white; margin-bottom:5px; margin-top: 10px;}

#map-canvas .infoWindow a.booknow, #map-canvas .infoWindow a.booknow:hover{color:#54534a !important;}

#map-canvas .infoWindow p{margin:0;color:#fff;line-height:20px;font-size:14px;font-weight:lighter}

#map-canvas{width:100%;height:500px}

#map-canvas:focus{outline:none}

/* Top tabs section (features) */

.features-section {
    width: 100%;
}

#tabs-features {
    width: 100%;
}

#tabs-features>ul {
    list-style-type: none;
    background-color: #b42e34;
    min-height: 60px;
    margin-bottom: 0;
    overflow: hidden;
    /*padding: 20px 0;*/
}

#tabs-features>ul li {
    float: left;
    padding: 15px 20px;
    outline: none !important;
}

.tabs-link {
    color: #fff;
    text-transform: uppercase;
    outline: none !important;
}

.tabs-link:focus, .tabs-link:hover {
    color: #fff;
    text-decoration: underline;
}

#tabs-features>ul li:first-child {
    padding-left: 15%;
}

.height-800 {
    height: 800px;
}

.height-1000 {
    height: 1000px;
}

.height-900 {
    height: 900px;
}

.background-div {
  height: 600px;
  position: relative;
  width: 100%;
}

.melbourne-event-background-div {
    background: url("../images/melbourne/rendezvous-hotel-melbourne-the-king-edward-ballroom-corporate-dinner-layout-02-2016.jpg") no-repeat center center;
    background-color: #cccccc;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.melbourne-wedding-background-div {
    background: url("../images/melbourne/rendezvous-hotel-melbourne-heritage-room-wedding-05-2018.jpg") no-repeat center center;
    background-color: #cccccc;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.melbourne-dining-background-div {
    background: url("../images/melbourne/rendezvous-hotel-melbourne-high-tea-straits-cafe-01-2016.jpg") no-repeat center center;
    background-color: #cccccc;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.perth-scarborough-event-background-div {
    background: url("../images/scarborough/rendezvous-perth-scarborough-hotel-grand-ballroom-banquet-2-2013.jpg") no-repeat center center;
    background-color: #cccccc;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.perth-scarborough-wedding-background-div {
    background: url("../images/scarborough/rendezvous-perth-scarborough-hotel-kitson-wedding-2015.jpg") no-repeat center center;
    background-color: #cccccc;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.perth-scarborough-dining-background-div {
    background: url("../images/scarborough/rendezvous-hotel-perth-scarborough-restaurant-overview.jpg") no-repeat center center;
    background-color: #cccccc;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.perth-central-event-background-div {
    background: url("../images/perth-central/rendezvous-perth-studio-central-hotel-banksia-classroom-2015.jpg") no-repeat center center;
    background-color: #cccccc;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.perth-central-dining-background-div {
    background: url("../images/perth-central/rendezvous-hotel-perth-central-lobby-bar-02-2016.84-1.jpg") no-repeat center center;
    background-color: #cccccc;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sydney-central-event-background-div {
    background: url("../images/sydney-central/rendezvous-hotel-sydney-central-conference-state-room-cabaret-02-2019.jpg") no-repeat center center;
    background-color: #cccccc;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.sydney-central-dining-background-div {
    background: url("../images/sydney-central/rendezvous-hotel-sydney-central-straits-cafe-02-2019.jpg") no-repeat center center;
    background-color: #cccccc;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.christchurch-event-background-div {
    background: url("../images/christchurch/rendezvous-hotel-christchurch-new-zealand-conference-overview.jpg") no-repeat center center;
    background-color: #cccccc;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.christchurch-dining-background-div {
    background: url("../images/christchurch/rendezvous-hotel-christchurch-new-zealand-straits-cafe-02-2016.jpg") no-repeat center center;
    background-color: #cccccc;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.features-details {
    position: absolute;
    bottom: 50px;
    right: 100px;
    padding: 35px 40px 35px 40px;
    background: #b42e34;
    color: #fff;
    width: 600px;
    border-radius: 5px;
}

.features-details h6 {
    margin: 0 0 20px;
    font-size: 1.5em;
    color: #fff;
}

.tabbed-bullet-list, .tabbed-button-list {
    list-style-type: none;
    background-color: transparent;
    overflow: hidden;
    padding: 0;
}

.tabbed-bullet-list li, .tabbed-button-list li {
    padding: 0;
    font-size: 1em;
}

.tabbed-button-list .nav-link {
    width: 180px;
    text-align: center;
    margin-right: 20px;
    text-transform: uppercase;
    font-size: 0.8em;
}

.tabbed-button-list .nav-item a {
    display: inline-block;
    background-color: #fff;
    color: #54534a;
    padding: 8px 14px;
    float: left;
    height: 40px;
}

.tabbed-button-list .nav-item a:focus,  .tabbed-button-list .nav-item a:hover {
    background-color: #7a786c;
    color: #fff;
    text-decoration: none;
}

.tabbed-button-list .request-btn {
    width: 260px;
    height: 50px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.9em;
}

@media (max-width: 991px)  {
    .features-details {
        position: absolute;
        bottom: 20px;
        right: 20px;
        padding: 35px 40px 35px 40px;
        width: 50%;
        border-radius: 5px;
    }
    .tabbed-bullet-list li, .tabbed-button-list li {
        font-size: 0.8em;
    }
    .tabbed-button-list .nav-link, .tabbed-button-list .request-btn {
        margin-top: 10px;
    }
    .tabbed-button-list .nav-item a {
        padding: 6px 10px;
         height: 30px;
    }
    .tabbed-button-list .request-btn {
        width: 220px;
    }
    .tabbed-button-list .nav-link {
        width: 150px;
    }
}

@media (max-width: 991px)  {
    .features-details {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 35px 40px 35px 40px;
        width: 100%;
        border-radius: 0px;
        /*height: 250px;*/
    }
    .melbourne-event-background-div {
        height: 500px;
    }
    #tabs-features>ul li {
        font-size: 0.9em;
    }
     #tabs-features>ul li:first-child {
        padding-left: 0;
    }
}

@media (max-width: 1200px)  {
    #tabs-features>ul li:first-child {
        padding-left: 5%;
    }
}


/* Masonry grid */
.grid {
    width: 70%;
    margin: 50px auto;
}
.grid-sizer,
.grid-item { 
    width: 30%; 
}

.grid h6 {
    font-size: 1.6em;
    margin: 15px 0 20px;
    color: #b42e34;
}

.grid p {
    font-size: 1em;
}

.grid-item { 
    background-color: #f5f5f5;
    border-radius: 10px;
    margin: 10px auto;
}

.masonry-link {
    display: block;
    text-decoration: none;
    padding: 20px 30px;
    color: #000;
    border-radius: 10px;
}

.masonry-link:hover, .masonry-link:focus {
    background-color: #b42e34;
    color: #fff;
    text-decoration: none;
}

.masonry-link:hover h6, .masonry-link:focus h6 {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 1200px)  {
   .grid {
        width: 100%;
    }
    .grid-sizer,
    .grid-item { 
        width: 30%; 
        margin-left: 1.5%;
    }
}

@media (max-width: 767px)  {
    .grid {
        width: 100%;
        margin: 10px auto;
    }
   .grid-sizer,
    .grid-item { 
        width: 100%; 
         margin-left: 0;
    }
    .grid-item, .masonry-link {
        border-radius: 0;
    }

    .about-hotel {
    margin: 50px 0px 50px;
    }

   .hotel-description {
        text-align: left;
    }
    .rooms-section, .contact-section {
        margin: 0px 0px 50px;
    }
    .amenities-section {
    width: 100%;
    }
    .contact-section .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }
    
}

@media (max-width: 400px)  {
.hidden-br {
        display: block;
    }
}

/*--------------------------------------------------------------------
    Brands logos
----------------------------------------------------------------------*/

.brands-logos {
    margin: 20px 40px;
}

.brands-logos li{
    list-style-type: none;
    display: inline-flex;
    width: 16.2%;
}

.brands-logos ul {
        padding-left: 0;
}

.brands-logos img {
    width: 90px;
    height: auto;
    display: block;
    margin: 0 auto;
}   

.brands-logos li a {
    display: block;
    margin: 0 auto;
}

.brands-logos .tfe-logo img {
    padding-bottom: 20px;
}

@media screen and (max-width: 900px) {
    .brands-logos img {
        width: 60px;
    }
    .brands-logos li {
        width: 16%;
    }
}

@media screen and (max-width: 640px) {
    .brands-logos img {
        width: 50px;
    }
    .brands-logos li {
        width: 15.6%;
    }
}

@media screen and (max-width: 510px) {
    .brands-logos img {
        width: 50px;
    }
    .brands-logos li {
        width: 15%;
    }
}

@media screen and (max-width: 400px) {
    .brands-logos {
        margin: 20px 10px;
    }
    .brands-logos img {
        width: 40px;
    }
}

/*--------------------------------------------------------------------
    Footer
----------------------------------------------------------------------*/

footer {
  background-color: #54534a;
  background-image: -moz-linear-gradient(top, #54534a, #7a786c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#54534a), to(#7a786c));
  background-image: -webkit-linear-gradient(top, #54534a, #7a786c);
  background-image: -o-linear-gradient(top, #54534a, #7a786c);
  background-image: linear-gradient(to bottom, #54534a, #7a786c);
  background-repeat: repeat-x;
  border-color: #54534a;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444', endColorstr='#ff666', GradientType=0);
  color: #fff;
  font-size: 0.8em;
}

.site-footer {
    padding: 70px 20% 10px;
}

.site-footer h4 {
    font-size: 1.4em;
    margin: 0 0 10px;
    letter-spacing: 0.1em;
    color: #fff;
}

.site-footer a {
    color: #fff;
    text-decoration: underline;
}

.site-footer-2   {
    padding: 10px 20% 20px;
}

.site-footer-3  {
    padding: 10px 20% 40px;
}

@media (max-width: 767px) {
    .site-footer, .site-footer-2, .site-footer-3 {
        padding-left: 15px;
        padding-right: 15px;
    }
}



/* Additional section for Booking Widget */
.tfe-additional-booking-info, .tfe-additional-booking-info-mobile {
display: none;
}

.tfe-additional-booking-info {
    overflow: hidden;
    padding: 0 0 10px 0;
}

.tfe-additional-booking-info label {
    font-size: 16px;
    margin-left: 1px;
    font-weight: 400;
}



.promo-input {
    width: 25%;
    height: 38px;
    margin-left: 10px;
    padding-left: 3px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.promo-input:hover, .promo-input:focus, .promo-input:active {
    outline: none !important;
}

#hidden-div {
    height: 30px;
}

@media only screen and (max-width: 991px) {
    #hidden-div {
        height: 10px;
    }
    .tfe-additional-booking-info-mobile {
    margin-top: 10px;
    }
    .tfe-additional-booking-info-mobile label {
        font-size: 16px;
        font-weight: 400;
        margin-left: 17px;
    }
    .tfe-additional-booking-info-mobile .promo-input {
    width: 45%;
    border: 1px solid rgba(0,0,0,0.15);
    }
}

@media only screen and (max-width: 600px) {
    .tfe-additional-booking-info-mobile {
    margin-left: 15px;
    margin-right: 15px;
    }
    .tfe-additional-booking-info-mobile .promo-input {
    width: 100%;
    margin: 0;
    }
    .tfe-additional-booking-info-mobile label {
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 0;
    }
}