.bg-pantone-1 {
  background-color: #f8f8ee
}

.bg-pantone-2 {
  background-color: #ddbda3
}

.bg-pantone-3 {
  background-color: #051c2c
}

.img-habitacion {
  width: 100%
}

.habitaciones-single-mini-slider {
  padding-top: 20px
}

.single-descripcion-habitaciones {
  padding-left: 8%
}

.single-habitaciones-btn {
  margin: 0 !important
}

.row-booking-home {
  padding: 60px 0
}

.no-padding-left-right {
  padding-left: 0;
  padding-right: 0
}

.picker {
  background-color: #ddbda3 !important;
  border: 2px solid white !important;
  color: white !important;
  text-align: center;
  font-family: Gill Sans !important;
  font-weight: 300;
  border-radius: 0 !important;
  height: 40px !important;
  max-width: none !important;
  -moz-appearance: none
}

.picker:hover {
  color: black !important;
  background-color: #ededed !important
}

.picker::-moz-placeholder {
  color: #fff
}

.picker::-webkit-input-placeholder {
  color: #fff
}

.picker::placeholder {
  color: #fff !important
}

.title-span-seccion-reserva {
  font-family: Lora;
  font-size: 13pt;
  color: #fff;
  font-weight: 400
}

.option-title-span-reserva {
  font-family: Lora;
  font-size: 13pt;
  color: #fff;
  font-weight: 400
}

.padding-bottom-section-reserva {
  padding-bottom: 14%
}

.ui-selectmenu-button {
  width: 100% !important;
  background-color: #ddbda3;
  border: 2px solid #fff;
  color: #fff;
  text-align: center !important;
  font-family: Gill Sans !important;
  font-weight: 300;
  border-radius: 0 !important;
  height: 40px !important
}

.btn-nuh-reservar {
  padding: 5px 15px;
  background: #fff;
  border: solid 2px #ddbda3;
  border-radius: 3px;
  color: #ddbda3 !important;
  font-family: Lora !important;
  float: right;
  margin-top: 45px
}

.btn-nuh-reservar:hover {
  background: #ddbda3;
  color: #f8f8ee !important;
  border-color: #fff
}

.container-title-transportacion {
  padding: 10% 0
}

.slogan-transporte {
  padding: 10%;
  font-family: 'Gill Sans';
  font-weight: 300;
  font-size: 18px
}

.title-transportacion-pickup {
  font-family: Lora;
  font-size: 16pt
}

.extra-info {
  font-family: 'Gill Sans';
  font-weight: 200;
  font-style: italic
}

.padding-bottom-transporte {
  padding-bottom: 10%
}

.info-container-slider-transporte {
  top: 30%;
  width: 100%
}

.transporte-title-slider {
  color: #fff;
  font-family: Sorts Mill Goudy;
  font-weight: 400
}

.little-slogan {
  font-size: 25pt !important
}

.enlace-boton-vermas-img {
  color: #fff !important;
  font-family: Sorts Mill Goudy;
  font-size: 15pt;
  text-shadow: 0.04em 0.03em 0.01em #545454
}

.enlace-boton-vermas-img:hover {
  color: black !important;
  font-family: Sorts Mill Goudy;
  font-size: 17pt;
  text-shadow: 0.04em 0.03em 0.01em #545454
}

.info-section {
  height: 400px
}

.descripcion-actividad {
  padding: 0 10%;
  font-family: 'Gill Sans';
  font-weight: 300
}

.title-actividad-white {
  font-family: 'Sorts Mill Goudy';
  color: #fff
}

.title-actividad-black {
  color: #051c2c;
  font-family: Lora;
  font-weight: 400
}

.img {
  width: 100%
}

.padding-top-bottom-movil {
  padding-top: 0;
  padding-bottom: 0
}

.seccion-single-habitacion-informacion {
  padding: 10% 0
}

.titulo-habitacion-single {
  font-family: Lora !important;
  text-align: left !important
}

.capacidad-habitacion {
  font-family: 'Gill Sans';
  font-weight: 300
}

.descripcion-habitacion-single {
  padding-top: 40px
}

.btn-nuh-5 {
  padding: 2px 10px;
  background: transparent;
  border: solid 1px #051c2c;
  border-radius: 2px;
  color: #051c2c !important;
  margin-left: 10%;
  margin-right: 10%
}

.btn-nuh-5:hover {
  background: #051c2c;
  color: #f8f8ee !important
}

.descripcion-habitacion-single ul {
  padding-left: 18px;
  padding-right: :18px
}

.descripcion-habitacion-single li {
  position: relative;
  padding-left: 15px
}

.descripcion-habitacion-single li:before {
  color: #ddbda3;
  content: "◦";
  position: absolute;
  font-size: 3em;
  bottom: -23px;
  left: -21px
}

.link-habitaciones {
  font-size: 20px;
  font-family: Lora;
  font-weight: 400;
  color: #051c2c !important;
  text-align: center
}

.link-habitaciones:hover {
  color: #ddbda3 !important
}

.aling-title-habitacion {
  height: 120px
}

.img-bottom-heigth {
  height: auto
}

.padding-section-map {
  padding: 90px 0
}

.btn-nuh-link-banner {
  padding: 5px 15px;
  background: rgba(255, 255, 255, 0.4);
  border: solid 2px #fff;
  border-radius: 3px;
  color: #fff !important;
  font-family: Lora !important;
  float: right
}

.btn-nuh-link-banner:hover {
  background: rgba(221, 189, 163, 0.38);
  color: #f8f8ee !important;
  border-color: #fff
}

.text-slogan-spa {
  font-family: Sorts Mill Goudy;
  font-size: 24pt
}

.spa-title-masaje {
  font-family: Lora;
  text-shadow: 0.04em 0.03em 0.02em #545454;
  font-size: 23pt;
  font-weight: 400;
  color: #fff
}

.spa-description-masaje {
  font-family: "Gill Sans";
  font-weight: 200;
  font-size: 18px;
  text-align: left;
  color: #fff
}

.info-tratamientos h4 {
  font-family: Lora !important
}

.info-tratamientos p {
  font-family: 'Gill Sans';
  font-weight: 200;
  padding: 2% 10%
}

.separador {
  margin: 50px 0
}

.item-menu {
  font-family: 'Gill Sans';
  margin-bottom: 15px
}

.title-platillo {
  font-size: 1.1rem
}

.description-platillo {
  font-style: italic;
  font-weight: 300
}

.border-yucatan {
  border: 3px solid;
  padding: 25px
}

.menu-section-items-container {
  padding-bottom: 8%;
  padding-top: 3%
}

.tiempo {
  color: #ddbda3;
  margin-bottom: 30px;
  width: 100%
}

.vtimeline-content p {
  font-family: "Gill Sans";
  font-weight: 300;
  padding-left: 30px;
  padding-right: 30px
}

.titulo-actividad {
  margin-bottom: 70px;
  width: 100%
}

.inicioTimeline .vtimeline-icon {
  top: -30px;
  height: 50px;
  width: 50px
}

.finalTimeline .vtimeline-icon {
  height: 50px;
  width: 50px;
  top: 60%
}

.end .vtimeline::before {
  height: 30%
}

.end .titulo-actividad {
  margin-bottom: 0;
  margin-top: 40px;
  font-family: Lora
}

@media only screen and (max-width:992px) {
  .end .vtimeline-icon {
    left: -22px;
    top: 28%
  }
}

.head-slogan {
  height: 350px
}

.inicio-timeline-head h4 {
  text-align: left !important
}

.inicio-timeline-head .slogan {
  color: #ddbda3;
  text-align: center
}

.inicio-timeline-head .slogan2 {
  min-height: 383px
}

.Menu-title-main {
  color: #ddbda3
}

.lugar-chef {
  font-family: "Gill Sans";
  font-weight: 300;
  padding-bottom: 50px
}

#chef-bio p {
  font-family: "Gill Sans";
  font-weight: 300
}

.reservar-movil-fixed {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 99
}

.pictograma-flotante {
  position: fixed;
  right: 8%;
  top: 50%;
  z-index: 99
}

@media (min-width:576px) {
  .reserva-habitaciones .container {
    max-width: 100%
  }
}

@media (min-width:768px) {
  .reserva-habitaciones .container {
    max-width: 720px
  }
}

@media (min-width:992px) {
  .reserva-habitaciones .container {
    max-width: 960px
  }
}

@media (min-width:1200px) {
  .reserva-habitaciones .container {
    max-width: 1140px
  }
}

.owl-prev {
  position: absolute;
  top: 40%;
  font-size: 45px !important;
  left: 3%
}

.owl-next {
  position: absolute;
  top: 40%;
  font-size: 45px !important;
  right: 3%
}

.btn-nuh-3-fixed-movil {
  margin-left: auto;
  margin-right: auto
}

.column-informacion {
  min-height: 400px
}

.txt-pink1 {
  font-size: 3em;
  font-family: Sorts Mill Goudy;
  color: #ddbda3;
  text-align: center
}

.descripcion p {
  font-family: Gill Sans;
  font-weight: 300
}

.pictograma_rosa {
  margin-right: 10%
}

.descripcion-spa-movil p {
  padding: 16% 8%;
  text-align: center;
  font-family: Gill Sans;
  font-weight: 300
}

.fab-icon a {
  color: black !important
}

.map-container {
  padding-top: 21px;
  min-height: 540px
}

.caracol-menu {
  width: auto
}

@media only screen and (min-width:320px) {
  .caracol-menu {
    width: 40px
  }
  .map-container {
    min-height: 300px
  }
  .descripcion-seccion-habitaciones, .do-nuh {
    padding: 0% 5%
  }
  .img-actividades-timeline {
    width: 100%
  }
  .spa-title-masaje {
    font-size: 13pt
  }
  .slogan-transporte {
    padding: 10%
  }
  .ubicacion-title {
    font-size: 1.5em
  }
  .padding-top-bottom-movil {
    padding-top: 20%;
    padding-bottom: 20%
  }
  .title-actividad-black {
    color: #fff
  }
  .seccion-single-habitacion-informacion {
    padding-top: 10%;
    padding-bottom: 0
  }
  .padding-slider-movil-habitaciones {
    padding: 0
  }
  .link-habitaciones {
    padding: 20% 0
  }
  .link-habitaciones:hover {
    color: #ededed !important
  }
  .little-slogan {
    font-size: 16pt !important
  }
  .img-bottom-heigth {
    height: 200px
  }
  .title-platillo {
    font-size: 1.1rem;
    text-align: center
  }
  .description-platillo {
    font-style: italic;
    font-weight: 300;
    text-align: center
  }
  .pictograma-img {
    width: 50px
  }
  .pictograma-flotante {
    background-color: #ddbda3;
    right: 0;
    border-radius: 3px
  }
  .column-informacion {
    min-height: 200px
  }
  .txt-pink1 {
    font-size: 2em
  }
  .text-slogan-spa {
    font-size: 15pt
  }
  .hb-pdin {
    padding-left: 14%
  }
  .bottom-fixed-hab-slider {
    bottom: 50% !important
  }
  .titulo-platillo {
    padding: 3px 0
  }
}

@media only screen and (min-width:768px) {
  .text-slogan-spa {
    font-size: 24pt
  }
  .map-container {
    min-height: 540px
  }
  .caracol-menu {
    width: auto
  }
  .descripcion-seccion-habitaciones, .do-nuh {
    padding: 0% 0%
  }
  .ubicacion-title {
    font-size: 2em
  }
  .slogan-transporte {
    padding: 0;
    padding-top: 6%
  }
  .column-informacion {
    min-height: 400px
  }
  .txt-pink1 {
    font-size: 3em
  }
  .padding-top-bottom-movil {
    padding-top: 0;
    padding-bottom: 0
  }
  .title-actividad-black {
    color: #051c2c
  }
  .seccion-single-habitacion-informacion {
    padding: 10% 0
  }
  .link-habitaciones {
    padding: 0 0
  }
  .link-habitaciones:hover {
    color: #ddbda3 !important
  }
  .little-slogan {
    font-size: 25pt !important
  }
  .img-bottom-heigth {
    height: 600px
  }
  .text-slogan-spa {
    font-family: Sorts Mill Goudy;
    font-size: 24pt;
    text-align: center
  }
  .title-platillo {
    font-size: 1.1rem;
    text-align: left
  }
  .description-platillo {
    font-style: italic;
    font-weight: 300;
    text-align: left
  }
  .pictograma-img {
    width: auto
  }
  .pictograma-flotante {
    background-color: transparent;
    right: 8%;
    border-radius: 3px
  }
}

@media only screen and (min-width:992px) {
  .img-actividades-timeline {
    width: auto
  }
  .titulo-platillo {
    padding: 35px 0
  }
}

@media only screen and (min-width:1200px) {}