body{
    overflow-x: hidden;
}

.logo {
    max-height: 100px;
}

.btn_default, .btn_custom {
    color: #fff;
    background-color: #B18904;
    border-radius: 5px;
    transition: 0.3s;
    text-decoration: none;
    padding: 10px 15px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle; /* Alinha os botões verticalmente */
    text-align: center;
}

.btn_custom {
    line-height: 1.4; /* Ajusta o espaçamento das linhas dentro do botão para que não fique muito alto */
    padding-top: 10px ! important;
    padding-bottom: 10px !important;
    padding-left: 30px;
    padding-right: 30px;
}

.btn_default:hover, .btn_custom:hover {
    color: #B18904;
    background-color: #fff;
    transition: 0.3s;
}

.btn_custom .small_text {
    display: block;
    font-size: 0.8em; /* Tamanho ligeiramente menor */
    line-height: 1; /* Reduz o espaçamento entre as linhas */
    text-transform: initial;
    font-weight: 400;
}

.btn_white {
    color: #B18904;
    background-color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    transition: 0.3s;
    text-decoration: none;
    padding: 15px 30px;
    border: solid 1px #B18904;
    margin-top: 15px;
    display: inline-block;
}

.btn_white:hover {
    transition: 0.3s;
    color: #fff;
    background-color: #B18904;
}

.page-section.slider {
    padding-top: 0;
}

.menu_right a,
.lang {
    display: inline-block;
}

.lang a {
    margin-right: 25px;
    color: #fff;
    text-decoration: none;
}

.reservas {
    position: absolute;
    bottom: 50px;
    background-color: #fff;
    border-radius: 30px;
    height: 100px;
    z-index: 9;
}

.reservas input{
    border: none;
    margin-top: 10px;
}

.preco input{
    border: solid 1px #ccc;
    border-radius: 4px;
    padding: 15px;
    width: 100%;
}

.d_check{
    border-right: solid 1px #ccc;
}

.preco .d_check{
    border: none;
    margin-bottom: 15px;
}

.preco #verificar{
    text-align: center;
    display: block;
}

.n_pessoas input{
    width: 49%;
    display: inline-block;
}

.preco .n_pessoas input{
    width: 100%;
}


.p-relative {
    position: relative;
}

.swiper-container{
    height: 100vh;
    overflow: hidden;
}

.swiper-container video, .swiper-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-next, .swiper-button-prev{
    color: #B18904;
}

.owl-item:hover{
    cursor: pointer;
}

.owl_portfolio {
    margin-left: -100px;
}

.owl_portfolio img {
    border-radius: 5px;
    height: 35vh;
    object-fit: cover;
}

.owl_quartos  {
  cursor: none;
}


#circularcursor {
  background-color: #B18904;
  border:1px solid #fff;    
  height:40px;
  width:40px;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 0;
  transition: 0.2s;
  text-align: center;
    color: rgb(255, 255, 255);
    padding-top: 7px;
}

.sobre h2 {
    font-size: 40px;
}

.sobre p {
    font-size: 22px;
}

.infos {
    margin-top: 30px;
}

.infos span {
    font-weight: 800;
    font-size: 60px;
}

.servicos svg {
    background-color: #b189042e;
    color: #B18904;
    padding: 10px;
    border-radius: 50%;
    margin-bottom: 30px;
    width: 40px;
    height: 40px;
}

.servico {
    margin-bottom: 70px;
}

.owl_quartos {
    margin-top: 50px;
}

.owl_quartos .owl-stage-outer {
    overflow: visible;
}
@media (max-width: 768px) {
    .owl_quartos .owl-stage-outer {
        overflow: hidden;
    }
}

.owl_quartos .owl-stage-outer img,
.owl_visitar .owl-stage-outer img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
}

.owl_quartos .owl-nav {
    position: absolute;
    right: 0;
    top: -100px
}

.owl_quartos .owl-nav button span {
    font-size: 40px;
    border: solid 1px #000;
    border-radius: 50%;
    width: 40px;
    display: inline-block;
    height: 40px;
    line-height: 30px;
}

.owl_quartos .owl-nav button span:hover {
    border-color: #B18904;
}

.owl_quartos .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent;
    color: #B18904;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #B18904;
}

.owl_quartos h4 {
    margin-top: 20px;
    padding-left: 15px;
}

.owl_quartos a {
    text-decoration: none;
    color: #000;
}

.icon_quarto {
    display: inline-block;
    margin-right: 15px;
}

.restaurante,
#about {
    padding-top: 140px;
    padding-bottom: 140px;
    background-position: center !important;
}

.restaurante h2,
#about h2{
    font-size: 3rem;
}

.acomodacoes li {
    position: relative;
    padding-left: 20px;
    padding-top: 15px;
    font-weight: 600;
}

.acomodacoes ul {
    list-style-type: none;
    padding-left: 5px;
}

.acomodacoes li::before {
    font: var(--fa-font-solid);
    content: "\f00c";
    color: #B18904;
    position: absolute;
    left: -5px;
    top: 20px;
}

.servico_d svg {
    color: #B18904;
    display: block;
    font-size: 30px;
}

.servico_d b {
    display: block;
    margin-top: 20px;
}

.servico_d span {
    color: #666;
}

.logo_rodape {
    border-bottom: solid 2px #cccccc45;
}

.logo_rodape img {
    max-width: 150px;
}

.newsletter input[type=email] {
    background-color: #fff;
    width: 100%;
    border: none;
    display: block;
    margin-top: 15px;
    padding: 15px 35px;
    font-size: 16px;
    font-style: italic;
}

.newsletter input[type=submit] {
    border: none;
    border-radius: 4px;
    outline: none;
    margin-top: 15px;
}

.rodape_contact {
    display: table;
}

.rodape_contact svg {
    width: 20px;
    padding-right: 10px;
}

.rodape_contact svg,
.rodape_contact p {
    display: table-cell;
}

.rodape_contact {
    margin-bottom: 15px;
}

.img_rodape img {
    display: inline-block;
    margin-right: 20px;
}

.copyright {
    border-top: solid 2px #cccccc45;
}

.copyright a {
    color: #fff;
    text-decoration: none;
    margin-left: 35px;
}

.owl_hotel .owl-nav {
    position: absolute;
    top: calc(50% - 20px);
    margin-top: 0;
    width: 100%;
}

.owl_hotel .owl-nav .owl-prev {
    float: left;
}

.owl_hotel .owl-nav .owl-next {
    float: right;
}

.owl_hotel .owl-nav .owl-next span,
.owl_hotel .owl-nav .owl-prev span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #000;
    font-weight: bolder;
    background-color: #fff;
    display: block;
    line-height: 33px;
    font-size: 40px;
    border: solid 1px #000
}

.owl_hotel img {
    height: 450px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.banner_pag {
    height: 55vh;
    position: relative;
}

.banner_pag:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #084b8a96;
}

.banner_pag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.banner_pag h1 {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    z-index: 9;
    color: #fff;
}

.quarto {
    margin-bottom: 50px;
}

.quarto h4 {
    color: #000;
    margin-top: 20px;
}

.quarto a {
    text-decoration: none;
}

.fotos_quarto {
    position: relative;
}

.fotos_quarto img {
    width: calc(50% - 16px);
    margin-left: 15px;
    display: inline-block;
    float: left;
    margin-bottom: 20px;
    height: calc(50% - 20px);
    object-fit: cover;
    object-position: center;
}

.main_foto img {
    width: 100%;
    height: calc(100% - 20px);
    object-fit: cover;
    object-position: center;
}

.ver_fotos {
    position: absolute;
    bottom: 50px;
    right: 30px;
    background-color: #fff;
    padding: 10px 20px;
    color: #B18904;
    border-radius: 4px;
    border: solid 1px #B18904;
    text-decoration: none;
    text-transform: uppercase;
}

.preco p {
    font-size: 1.3rem;
}

.comodidades_room svg {
    display: table-cell;
    color: #B18904;
    font-size: 26px;
}

.comodidades_room p {
    display: table-cell;
}

.out_comod {
    position: relative;
    padding-left: 30px;
    padding-top: 10px;
}

.out_comod:before {
    font: var(--fa-font-solid);
    content: "\f00c";
    color: #B18904;
    position: absolute;
    left: 10px;
    top: 15px;
}

.servico_restaurante {
    text-align: center;
}

.servico_restaurante svg {
    color: #B18904;
    margin-bottom: 15px;
}

#tabCarta {
    border: none;
}

#tabCarta li {
    display: block;
    width: 100%;
    padding: 10px 0;
}

#tabCarta li button {
    border: none;
    color: #000;
}

#tabCarta li button.active {
    color: #B18904;
    background-color: transparent;
    position: relative;
}

#tabCarta li button.active:after {
    font: var(--fa-font-solid);
    content: "\f054";
    color: #B18904;
    position: absolute;
    right: -20px;
    top: 13px;
}

.bg_grey {
    background-color: #fafafa;
}

.f-light {
    color: #666;
}

.evento {
    background-color: #fbf8f0;
}

.owl_evento .owl-nav {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.owl_evento .owl-nav .owl-next span,
.owl_evento .owl-nav .owl-prev span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #000;
    font-weight: bolder;
    background-color: #fff;
    display: block;
    line-height: 33px;
    font-size: 40px;
    border: solid 1px #000;
}

.owl_evento .owl-stage{
    height: 40vh;
}

.owl_evento .owl-stage .item{
    height: 40vh;
    overflow: hidden;
}

.owl_evento .owl-stage .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.img_local_mapa {
    width: 150px;
    height: 150px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
    margin-right: 15px;
    vertical-align: top;
}

.infos_local {
    width: calc(100% - 170px);
    display: inline-block;
    text-align: left;
    color: #000;
}

.infos_local a {
    color: #B18904;
    text-decoration: none;
    border-bottom: solid 1px #B18904;
}

#tablocais {
    height: 550px;
    overflow-y: auto;
    border: none;
}

#tablocais li button {
    border: solid 1px #ccc;
    border-radius: 6px;
    margin-bottom: 10px;
}

.contact_form {
    background-color: #fff;
    margin-top: -100px;
    border-radius: 8px;
    border: solid 1px #fbf8f0;
}

.contact_form span {
    color: #B18904;
    font-weight: 600;
}

.contact_form input,
.contact_form textarea {
    width: 100%;
    border-radius: 8px;
    border: solid 2px #adb5bd7a;
    padding: 10px 10px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1200px) {
    .infos_local, .img_local_mapa{
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
  .logo {
    max-height: 60px;
  }
  .reservas{
      position: initial;
      border: solid 1px #ccc;
      bottom: initial;
      height: auto;
  }
  .btn_default{
      display: block;
  }
  .owl_portfolio{
      margin-left: 0;
  }
  #about{
      padding-top: initial;
      padding-bottom: initial;
  }
  .owl_quartos .owl-stage-outer img, .owl_visitar .owl-stage-outer img{
      height: 150px;
  }
  .banner_pag{
      height: 25vh;
  }
  .img_local_mapa{
      width: 100%;
  }
  .infos_local{
      width: 100%;
  }
  .contact_form{
      margin-top: 0;
  }
  #mainNav{
      max-width: 100vw;
  }
}

.loader {
    width: 120px;
    height: 120px;
    transition: 0.5s;
    margin: auto;
    margin-top: 45vh;
 }

.hide-loader{
    display:none;
    transition: 0.5s;
}
.div_loader{
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999999;
    background-color: #084b8a;
}

.icons_quarto{
    padding-left: 15px;
    padding-bottom: 5px;
}

.owl_quartos .item {
    border-radius: 5px;
    background-color: transparent;
    transition: background-color 0.3s ease;
}

.owl_quartos .item:hover {
    background-color: #B18904;
    color: white;
}

.owl_quartos .item:hover h4 {
    color: white;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #B18904;
    opacity: 0; /* Inicialmente, o overlay estará invisível */
    transition: opacity 0.3s ease; /* Adiciona uma transição suave para a opacidade */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

.item:hover .overlay {
    opacity: 0.8; /* Mostra o overlay com transparência no hover */
    cursor: pointer;
}

.text {
    color: white;
    font-size: 24px;
    font-weight: bold;
}

.anima {
    opacity: 0; /* Inicialmente, os elementos estarão invisíveis */
    transition: opacity 0.3s ease; /* Adiciona uma transição suave para a opacidade */
}

.VIpgJd-ZVi9od-l4eHX-hSRGPd{
    display: none!important;
}
.skiptranslate.goog-te-gadget div {
    display: inline-block!important;
    width: 100%;
}
.goog-te-combo{
    width: 100%;
    margin: 0!important;
}
.skiptranslate.goog-te-gadget{
    overflow: hidden;
}
.lang .dropdown-menu{
    padding: 0;
}