/*! HTML5 Boilerplate v7.2.0 | MIT License | https://html5boilerplate.com/ */


/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */


/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}


/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}
.map-responsive{

    overflow:hidden;

    padding-bottom:56.25%;

    position:relative;

    height:0;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}
/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}


/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}


/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}


/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}


/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* ==========================================================================
   Helper classes
   ========================================================================== */


/*
 * Hide visually and from screen readers
 */

.hidden {
  display: none !important;
}


/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

.w3layouts-contact-form-top h3,.contact-form-top h3,.w3agile-map h3{
    color: #bcb6b6;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 4px;
    margin: 0;
}
.w3layouts-contact-form-top p{
    color: #bcb6b6;
    font-size: .9em;
    margin: 2em 0 0 0;
    line-height: 1.8em;
}
.w3layouts-contact-form-top p{
  margin:2em 0;
}
.w3agile-map iframe{
    border: none;
    min-height: 300px;
    width: 100%;
  margin:2em 0 0 0;
}
/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}


/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
  visibility: hidden;
}


/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {

  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " ("attr(href) ")";
  }

  abbr[title]:after {
    content: " ("attr(title) ")";
  }

  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
     * Printing Tables:
     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

.mb-100 {
  margin-bottom: 100px;
}

.bg-blanco{
    padding-top: 100px ;
    background: #fff;
}
/**************FONT***************/

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/Gotham-Medium.eot');
  src: url('../fonts/gotham/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham/Gotham-Medium.woff2') format('woff2'), url('../fonts/gotham/Gotham-Medium.woff') format('woff'), url('../fonts/gotham/Gotham-Medium.ttf') format('truetype'), url('../fonts/gotham/Gotham-Medium.svg#Gotham-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Book';
  src: url('../fonts/gotham/Gotham-Book.eot');
  src: url('../fonts/gotham/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham/Gotham-Book.woff2') format('woff2'), url('../fonts/gotham/Gotham-Book.woff') format('woff'), url('../fonts/gotham/Gotham-Book.ttf') format('truetype'), url('../fonts/gotham/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/gotham/PlayfairDisplay-Italic.eot');
  src: url('../fonts/gotham/PlayfairDisplay-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham/PlayfairDisplay-Italic.woff2') format('woff2'), url('../fonts/gotham/PlayfairDisplay-Italic.woff') format('woff'), url('../fonts/gotham/PlayfairDisplay-Italic.ttf') format('truetype'), url('../fonts/gotham/PlayfairDisplay-Italic.svg#PlayfairDisplay-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
}

body {
  font-family: 'Gotham';
  color: #212121;
}


/*************HEADER***********/

header .navbar {
  /*   background: #000 !important; */
  height: 119px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.28);
  /* background-blend-mode: screen; */
  background-image: linear-gradient(to bottom, #000000, #000000) !important;
}

.navbar-dark .navbar-toggler {
  outline: none;
}

.text-nowrap .logotipo a {
  height: 173px;
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.23);
  /*background-image: linear-gradient(134deg, #18cbe9, #019db7);*/
  background-color: #212121;
  text-align: center;
  padding: 25px !important;
  margin-top: 37px;
}

.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}

.navbar-dark .navbar-nav .active {
  color: #0095d4 !important;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #0095d4;
}

.optionMenu {
  display: flex;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  /* margin-right: -31px; */
}

.optionMenu a {
  color: #fff !important;
  display: block;
  text-align: center;
}

.optionMenu .bookHeader i {
  font-size: 30px;
}

.optionMenu .idioma {
  margin: 10px 10px 0px 0px;
  ;
}

.optionMenu .idioma span {
  color: #999;
}

.optionMenu .bookHeader {
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(141deg, #e1c97b, #b08834);
  padding: 32px 16px;
}

.headerFixed .idioma {
  display: none;
}


/****************HOME*********************/

.banner {
  position: relative;
}

.banner img {
  width: 100%;
}

.textoHome {
  position: absolute;
  top: 31%;
  left: auto;
  right: auto;
  width: 100%;
  text-align: center;
}

.textoBanner {
  position: absolute;
  top: 50%;
  left: auto;
  right: auto;
  width: 100%;
  text-align: center;
}

.textoHome h1 {
  font-size: 30px;
  font-weight: 100;
  color: #fff;
  font-family: 'Gotham Book';
}

.textoHome h2,
.textoBanner h2 {
  font-size: 70px;
  font-weight: 700;
  color: #fff;
  font-family: 'Gotham Book';
}

.textoHome h2 span {
  color: #00b9d7;
}

.textoHome h2 small {
  font-family: 'Playfair Display';
}

.textoHome p {
  color: white;
  font-family: 'Gotham Book';
  font-size: 28px;
}

.benefist {
  text-align: center;
  padding: 22px 0px;
}

.benefist p {
  font-size: 20px;
  font-family: 'Gotham Book';
  margin-bottom: 20px;
}

.benefist .boxBenefist {
  display: flex;
  justify-content: space-around;
}

.benefist .boxBenefist .itemBenefist {
  margin: 10px;
  margin: 10px;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}

.benefist .boxBenefist img {
  display: block;
}

.benefist .boxBenefist span {
  display: block;
  margin-top: 20px;
}

.coments {
  background-image: linear-gradient(283deg, #18cbe9, #000000);
  text-align: center;
  padding: 50px 0px;
}

.tripAvisor {
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  /* border: 30px solid #f4f4f4; */
  /* border-bottom: 0; */
  padding: 50px 20px;
  border: solid 50px #f4f4f4;
  border-bottom: 0;
}

.coments .fotoComment {
  /*    position: absolute; */
  /*   margin: -65px auto; */
  top: 0;
  display: block;
  /* left: 45%; */
  width: 100%;
  margin-bottom: 70px;
}


/* .coments .fotoComment img {
    margin-top: -105px;
} */

.coments h3 {
  color: #fff;
  font-family: 'Gotham Book';
  font-size: 18px;
  width: 50%;
  margin: 20px auto;
}

.coments p small {
  color: #00b9d7;
  font-size: 18px;
  display: block;
  margin-top: 20px;
}

.coments p span {
  color: #fff;
  display: block;
}

.luxury {
  margin-bottom: 100px;
  position: relative;
}

.luxury::before {
  content: '';
  position: absolute;
  background: url('../img/bglogo.png') no-repeat;
  left: 30%;
  top: 5%;
  width: 170px;
  height: 100%;
}

.luxury::after {
  content: '';
  position: absolute;
  background: url('../img/bgborde.png') no-repeat;
  left: 0%;
  top: 15%;
  width: 122px;
  height: 100%;
}

.luxury .luxyryBox {
  display: flex;
  justify-content: center;
  align-items: center;
}

.luxury .infoLuxury small {
  color: #00b9d7;
  font-size: 20px;
  font-family: 'Gotham Book';
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}

.luxury .infoLuxury h3 {
  font-size: 50px;
}

.luxury .infoLuxury p {
  color: #4a4a4a;
  font-size: 16px;
  width: 55%;
}

.luxury .infoLuxury a {
  width: 171px;
  height: 40px;
  border-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient(104deg, #e1c97b, #b08834);
  border-image-slice: 1;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 2.8px;
  text-align: center;
  color: #b08834;
  font-family: Roboto;
  padding: 10px 15px;
}

.infoLuxury {
  padding: 9% 0;
  width: 100%;
  z-index: 1;
}

.galeriaLuxury img {
  margin-bottom: 5px;
}

.roof {
  display: flex;
  align-items: center;
  margin-bottom: 100px;
  position: relative;
}

.roof::before {
  content: '';
  position: absolute;
  background: url('../img/bglogo.png') no-repeat;
  right: 20%;
  top: 5%;
  width: 170px;
  height: 100%;
}

.roof::after {
  content: '';
  position: absolute;
  background: url('../img/bgbordederecha.png') no-repeat;
  right: 0%;
  top: 15%;
  width: 122px;
  height: 100%;
}

.boxRoof {
  padding: 50px;
  margin-left: -50px;
  width: 40%;
  z-index: 1;
  border-left: 50px solid #fff;
  padding-left: 0;
}

.mobileroof {
  display: none;
}

.boxRoof small {
  color: #00b9d7;
  font-size: 20px;
  font-family: 'Gotham Book';
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}

.boxRoof h3 {
  font-size: 50px;
}

.boxRoof p {
  color: #4a4a4a;
  font-size: 16px;
  width: 100%;
}

.boxRoof a {
  width: 171px;
  height: 40px;
  border-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient(104deg, #e1c97b, #b08834);
  border-image-slice: 1;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.31;
  letter-spacing: 2.8px;
  text-align: center;
  color: #b08834;
  font-family: Roboto;
  padding: 10px 15px;
}

.restaurant {
  display: flex;
  margin-bottom: 100px;
}

.restaurantBox {
  width: 40%;
}

.restaurantBox small {
  color: #00b9d7;
  font-size: 20px;
  font-family: 'Gotham Book';
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}

.restaurantBox h3 {
  font-size: 50px;
}

.restaurantBox p {
  color: #4a4a4a;
  font-size: 16px;
}

.restaurantBox a {
  width: 171px;
  height: 40px;
  border-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient(104deg, #e1c97b, #b08834);
  border-image-slice: 1;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 2.8px;
  text-align: center;
  color: #b08834;
  font-family: Roboto;
  padding: 10px 15px;
}

.imagenBox {
  right: 0;
  /*     display: flex;
    align-items: end;
    width: 100%; */
  display: flex;
  width: 55%;
  position: absolute;
}

.events {
  margin-bottom: 100px;
  margin-top: 200px;
}

.events h2 {
  color: #212121;
  font-size: 36px;
  text-align: center;
  margin-bottom: 50px;
}

.infoEvents {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  flex-direction: row;
  justify-content: space-between;
}

.infoEvents h3 {
  font-size: 24px;
  color: #212121;
}

.infoEvents ul {
  padding: 0;
  margin: 0;
}

.infoEvents ul li {
  list-style: none;
  ;
}

.infoEvents ul li i {
  color: #00b9d7;
  font-size: 6px;
  vertical-align: middle;
}

.infoEvents ul li span {
  color: #00b9d7
}

.infoEvents a {
  width: 110px;
  height: 34px;
  border-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient(108deg, #e1c97b, #b08834);
  border-image-slice: 1;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.31;
  letter-spacing: 2.8px;
  text-align: center;
  color: #b08834;
  display: block;
}


/***********ROOMS***********/

.menuRooms {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.menuRooms .boxmenuRooms {
  width: 50%;
  display: flex;
  margin: 0 auto;
}

.menuRooms a {
  font-family: 'Gotham Book';
  font-size: 24px;
  text-align: center;
  color: #fff;
  background: #000;
  padding: 30px 25px;
  display: block;
  width: 100%;
}

.menuRooms .boxmenuRooms .activado {
  background-image: linear-gradient(105deg, #36def9, #00acc8);
}

.menuRooms a:hover {
  background-image: linear-gradient(105deg, #36def9, #00acc8);
}

.roomsDescription {
  display: flex;
  margin-top: 100px;
  margin-bottom: 100px;
}

.roomsDescription .roomsTexto {
  width: 50%;
}

.roomsDescription .imagenRooms {
  width: 40%;
  position: absolute;
  right: 0;
}

.roomsDescription .roomsTexto h3 {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}

.roomsDescription.roomsTexto p {
  font-family: 'Gotham Book';
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

.roomsDescription .roomsTexto a {
  font-family: 'Gotham Book';
  display: block;
  width: 195px;
  padding: 8px;
  font-size: 18px;
  text-align: center;
  color: #fff !important;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(105deg, #e1c97b, #b08834);
}

.featuresRooms {
  margin-bottom: 100px;
}

.featuresRooms h2 {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
  margin-bottom: 40px;
  color: #212121;
}

.boxFeaturesRooms {
  display: flex;
  justify-content: center;
  align-items: center;
}

.boxFeaturesRooms>.itemFeatures {
  align-items: center;
  width: 25%;
  height: 100%;
  text-align: center;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  margin: -1px 0 0 -1px;
  display: flex;
  flex-wrap: nowrap;
  flex-flow: column;
  align-items: center;
  min-height: 105px;
  justify-content: center;
}

.boxFeaturesRooms .itemFeatures small {
  display: block;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: center;
  color: #212121;
  margin-top: 20px;
}

.galeriaRooms {
  position: relative;
  margin-bottom: 100px;
}

.owl-theme .owl-nav {
  margin-top: 10px;
  position: absolute;
  top: -40px;
  width: 100%;
  margin: 0 auto;
}

.owl-prev {
  left: 30px;
}

.owl-next {
  right: 30px;
}

.owl-prev i,
.owl-next i {
  font-size: 30px;
  color: #b08834;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: none;
}

.itemGaleria .hoverlink {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.itemGaleria .hoverlink .pixel {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: .5;
  top: 0;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.85));
  display: none;
}

.itemGaleria a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 2em;
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.itemGaleria .botones-items {
  opacity: 0;
  margin: 0 auto;
  width: 99px;
  height: 99px;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.3);
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(141deg, #e1c97b, #b08834) !important;
}

.itemGaleria .botones-items i {
  font-size: 34px;
}

.itemGaleria:hover .pixel {
  display: block;
}

.itemGaleria:hover .botones-items {
  opacity: 1;
  background: 0 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.AmenitiesRooms {
  margin-bottom: 100px;
}

.AmenitiesRooms h2 {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: -0.33px;
  text-align: center;
  color: #212121;
}

.AmenitiesRooms .boxAmenitiesRooms {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.AmenitiesRooms .boxAmenitiesRooms .itemAmenitiesRooms {
  width: 11%;
  margin-bottom: 20px;
  text-align: center;
  border: 1px solid #ccc;
  min-height: 150px;
  padding: 10px;
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}

.AmenitiesRooms .boxAmenitiesRooms .itemAmenitiesRooms small {
  display: block;
}

.MoreDetails {
  margin-bottom: 100px;
}

.MoreDetails h2 {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: -0.33px;
  text-align: center;
  color: #212121;
}

.MoreDetails .boxMoreDetails {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.MoreDetails .boxMoreDetails .itemMoreDetails {
  width: 23%;
  margin: 20px 10px;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.MoreDetails .boxMoreDetails .itemMoreDetails h4 {
  font-size: 70px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f4f4f4;
}

.MoreDetails .boxMoreDetails .itemMoreDetails p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #252525;
}

.MoreDetails .boxMoreDetails .itemMoreDetails span {
  font-weight: 500;
  font-size: 16px;
  color: #4a4a4a;
}

.bookRooms {
  padding-bottom: 100px;
  background: #fafafa;
  padding-top: 100px;
}

.bookRooms p {
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 6.67px;
  text-align: center;
  color: #00b9d7;
}

.bookRooms h2 {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: -0.33px;
  text-align: center;
  color: #212121;
  margin-bottom: 50px;
}


/**************restaurant***************/

.experienceRestaurant {
  margin-top: 100px;
}

.experienceRestaurant h2 {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: -0.33px;
  color: #212121;
  margin-bottom: 30px;
}

.experienceRestaurant p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #4a4a4a;
  margin-bottom: 30px;
}

.experienceRestaurant .fotosRestaurant {
  margin-bottom: 20px;
  display: flex;
}

.experienceRestaurant .fotosRestaurant img {
  margin: 10px;
}

.experienceRestaurant a {
  font-family: 'Gotham Book';
  display: block;
  width: 195px;
  padding: 8px;
  font-size: 18px;
  text-align: center;
  color: #fff !important;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(105deg, #e1c97b, #b08834);
}

.menuRestaurant {
  margin-bottom: 100px;
}

.menuRestaurant .imagenMenu {
  position: relative;
  margin-bottom: 40px;
  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.12);
}

.menuRestaurant .imagenMenu .textoMenu {
  position: absolute;
  bottom: 5%;
  left: auto;
  right: auto;
  width: 100%;
  right: auto;
  padding: 0px 25px;
}

.menuRestaurant .imagenMenu .textoMenu span {
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 6.67px;
  color: #ffffff;
}

.menuRestaurant .imagenMenu .textoMenu p {
  text-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
  font-family: Gotham;
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: -0.33px;
  color: #ffffff;
}

.menuRestaurant a {
  border-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient(98deg, #e1c97b, #b08834);
  border-image-slice: 1;
  background-color: #ffffff;
  width: 100%;
  display: block;
  padding: 8px;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 3.21px;
  text-align: center;
  color: #b08834;
}

.menuRestaurant a:hover {
  background-image: linear-gradient(105deg, #e1c97b, #b08834);
  color: #fff;
}


/*****************Our Hotel***********************/

.titleOur {
  width: 77%;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -0.33px;
  text-align: center;
  color: #212121;
  margin: 100px auto;
}

.titleOur span {
  color: #00b9d7;
}

.ourHotel {
  margin-bottom: 100px;
  display: flex;
}

.ourHotel .descriptionOur {
  width: 70%;
}

.ourHotel .descriptionOur p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #4a4a4a;
  font-family: 'Gotham Book';
}

.ourHotel .descriptionOur .margenDescription {
  width: 81%;
}

.ourHotel .descriptionOur .Ourcolor {
  margin-top: 50px;
  background-color: #00b9d7;
  padding: 50px;
}

.ourHotel .descriptionOur .Ourcolor p {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: normal;
  color: #ffffff;
  width: 85%;
}

.ourHotel .imagenOur {
  width: 40%;
  position: absolute;
  right: 0;
}

.rooftop {
  margin-bottom: 100px;
}

.rooftop h3 {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: -0.33px;
  color: #212121;
}

.rooftop h3 span {
  color: #00b9d7;
}

.rooftop h3 small {
  font-family: 'Playfair Display';
  font-weight: normal;
  font-style: italic;
  color: #212121;
}

.rooftop p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #4a4a4a;
}

.numbers {
  margin: 100px 0;
}

.numbers .marged {
  display: flex;
  justify-content: center;
  align-items: center;
}

.numbers .marged .number-item {
  align-items: center;
  width: 25%;
  height: 100%;
  text-align: center;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  margin: -1px 0 0 -1px;
  display: flex;
  flex-wrap: nowrap;
  flex-flow: column;
  align-items: center;
  min-height: 105px;
  justify-content: center;
}

.numbers .marged .number-item h2 {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: -0.33px;
  text-align: center;
  color: #212121;
}

.numbers .marged .number-item h6 {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: center;
  color: #00b9d7;
}

.infoOur {
  margin-bottom: 100px;
}

.infoOur .boxInfoOur,
.infoOur .boxInfoOur2 {
  display: flex;
}

.boxInfoOur img {
  width: 55%;
}

.infoOur .itemInfoOur {
  padding: 50px;
}

.infoOur .itemInfoOur h3 {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: -0.33px;
  color: #212121;
}

.infoOur .itemInfoOur p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #4a4a4a;
  font-family: 'Gotham Book';
}


/*************PROMO******************/

.titlePromo {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -0.33px;
  text-align: center;
  color: #212121;
  margin: 100px 0;
}

.fichasPromo {
  display: flex;
  margin-top: 100px;
  margin-bottom: 100px;
}

.fichasPromoLeft {
  display: flex;
  /* align-items: center; */
  margin-bottom: 100px;
  position: relative;
}

.fichaItemPromo {
  width: 50%;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  padding: 50px;
}

.fichasPromo .imagenPromo {
  width: 50%;
  position: absolute;
  right: 0;
}

.fichasPromoLeft .imagenPromoLeft {
  width: 50%;
}

.fichasPromo .imagenPromo p,
.fichasPromoLeft .imagenPromoLeft p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: right;
  color: #212121;
  padding: 20px 50px;
}

.fichasPromoLeft .imagenPromoLeft p {
  text-align: initial;
}

.fichaItemPromo h3,
.fichaItemPromoLeft h3 {
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: -0.2px;
  text-align: center;
  color: #212121;
  margin-bottom: 0;
}

.fichaItemPromo h4 {
  font-size: 34px;
  font-weight: bold;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.41;
  letter-spacing: -0.28px;
  text-align: center;
  color: #00b9d7;
  font-family: 'Playfair Display';
  margin-bottom: 20px;
}

.fichaItemPromo p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #4a4a4a;
}

.fichaItemPromo .listPromo {
  margin: 20px auto;
  padding: 0;
}

.fichaItemPromo .listPromo li {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px dotted #dddddd;
  border-left: none;
  border-right: none;
  margin-bottom: -1px;
  padding: 0px 10px;
}

.fichaItemPromo .listPromo li strong {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 3;
  letter-spacing: normal;
  color: #212121;
  display: block;
}

.fichaItemPromo .listPromo li span {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 3;
  letter-spacing: normal;
  color: #00b9d7;
  display: block;
}

.textoFichaPromo {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #212121;
  margin-bottom: 30px;
}

.fichaItemPromo a {
  width: 229px;
  height: 58px;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(105deg, #e1c97b, #b08834);
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  display: block;
  padding: 16px;
  margin: 0 auto;
}

.fichasPromoLeft .fichaItemPromo {
  width: 37%;
}

.titleContact .titleContact {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -0.33px;
  text-align: center;
  color: #212121;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 200px;
}

.contenidoConact {
  background: #f4f4f4;
  position: relative;
  padding-bottom: 100px;
}

.boxContact {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}

.boxContact .itemContact {
  width: 32%;
  min-height: 264px;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  text-align: center;
  padding: 30px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-evenly;
  margin-top: -125px;
}

.boxContact .itemContact .imagencontact {
  width: 100px;
  height: 100px;
  border: solid 1px #e4e3e3;
  display: flex;
  justify-content: center;
  align-items: center;
}

.boxContact .itemContact a {
  font-size: 28px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.71;
  letter-spacing: -0.15px;
  text-align: center;
  color: #00b9d7;
}

.escribanos {
  margin-bottom: 50px;
  text-align: center;
}

.escribanos h2 {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -0.33px;
  text-align: center;
  color: #212121;
}

.escribanos p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
}

.formConacto input {
  height: 55px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
}

.formConacto textarea {
  color: #4a4a4a;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 30px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
}

.formConacto button {
  width: 229px;
  height: 58px;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(105deg, #e1c97b, #b08834);
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border: none;
  margin: 0 auto;
  display: block;
}

.circle {
  width: 100%;
  margin: 10px auto;
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: top;
}

.circle .valorRe {
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  text-align: center;

}

.circle .valor {
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -0.33px;
  text-align: center;
  color: #00b9d7;
}

.circle span {
  display: block;
  font-size: 12px;
}

.box-revies {
  position: absolute;
  top: 373px;
}

.reviews {
  width: 250px;
  height: 481px;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  border-top: 2px solid #00b9d7;
  position: relative;
  padding: 25px;
}

.reviews .cerrarRe {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.reviews img {
  display: block;
  margin: 10px auto;
}

.reviews h4 {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.11;
  letter-spacing: -0.26px;
  text-align: center;
  color: #212121;
}

.topRe {
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: -0.2px;
  text-align: center;
  color: #00b9d7;
  display: block;
  text-align: center;
}

.reviews p {
  text-align: center;
}

.reviews .listTop {
  border-top: 1px solid #ebebeb;
  padding: 0;
  margin: 0;

}

.reviews .listTop li {
  list-style: none;
  margin: 8px 0;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.14;
  letter-spacing: -0.2px;
  color: #838383;
  display: flex;
  justify-content: space-between;
}

.custom-floating-button {
  display: block;
  position: absolute;
  top: 215px;
  width: auto;
  /* bottom: 0; */
  height: 3em;
  margin: auto;
  color: #fff;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.08);
  background-image: linear-gradient(165deg, #36def9, #00acc8);
  border-radius: 0px 0px 5px 4px;
  z-index: 999;
  transition: 0.3s all;
  cursor: pointer;
  padding: 10px;
  text-align: center;
  left: 0;
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: rotate(-90deg) translate(-50%, 50%);
  -moz-transform: rotate(-90deg) translate(-50%, 50%);
  -ms-transform: rotate(-90deg) translate(-50%, 50%);
  -o-transform: rotate(-90deg) translate(-50%, 50%);
  transform: rotate(-90deg) translate(-50%, 50%);
}

/*****choose********/
.booking-room {
     padding-top: 250px;
     padding-bottom: 100px;
     background: #f4f4f4;
}
.filtro_logo {

width: 115px; margin-top: -55px;    margin-left: -69px;    position: absolute;    z-index: 9000;
}
.img_rest_1 {

width: 150px;margin-left: 35px;
}
.img_rest_2 {

width: 150px;margin-left: 184px;position: absolute;z-index: 9000;
}
.img_rest_3 {

width: 383px;
}
.booking-room h1 {
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.65;
  letter-spacing: -0.33px;
  text-align: center;
  color: #212121;
}

.booking-room .step-room {
  display: flex;
  justify-content: space-around;
  margin-bottom: 100px;
}

.booking-room .step-room .item-step {
  display: flex;
  align-items: center;
}

.booking-room .step-room .bordePas div {
  width: 40px;
  height: 50px;
  border: solid 1px #4a4a4a;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.booking-room .step-room .bordeActive div {
  width: 40px;
  height: 50px;
  border: solid 1px #00b9d7;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.booking-room .step-room .bordeActive {
  color: #00b9d7;
}

.booking-room .step-room .borde div {
  width: 40px;
  height: 50px;
  border: solid 1px #c8c8c8;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.booking-room .step-room .borde {
  color: #c8c8c8;
}

.boxFichasRoom {
  display: flex;
  justify-content: center;
}

.fichaRoom {
  margin: 10px;
  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  display: flex;
  flex-flow: column;
}

.detalleFicha {

  padding: 30px;
}

.detalleFicha h3 {
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -0.25px;
  color: #212121;
}

.detalleFicha p {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.14px;
  color: #00b9d7;
}

.detalleFicha ul {
  padding: 0;
  margin: 10px 0px;
}

.detalleFicha ul li {
  list-style: none;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.73;
  letter-spacing: normal;
  color: #4a4a4a;
}

.detalleFicha ul li i {
  color: #00b9d7;
}

.bookThis {
  width: 229px;
  height: 55px;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(104deg, #e1c97b, #b08834);
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  display: block;
  padding: 15px 0px;
  margin: 10px auto;
}

.botonesRoom .More {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #b08834;
  display: block;
  margin-top: 20px;

}

.botonesRoom {
  margin-top: auto;
      padding: 25px;
}
.bookingroom h2{
  font-size: 30px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -0.25px;
  color: #212121;
}
.bookingroom h2 span{
  font-size: 20px;
  font-weight: 400;
}
.bookingroom p{
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #4a4a4a;
}
.bookingroom label{
      text-align: initial;
       font-size: 15px;
       font-weight: 500;
       font-style: normal;
       font-stretch: normal;
       line-height: 1.6;
       letter-spacing: normal;
       color: #4a4a4a;
}
.bookingroom input,
.bookingroom select {
    height: 55px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
    background-color: #ffffff;
}
.bookingroom textarea{
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
   background-color: #ffffff;
}
.backRe{
  display: inline-block;
   width: 137px;
   height: 58px;
   border: solid 1px #b08834;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #b08834;
        padding: 15px;
        cursor: pointer;
}
.siguiente{
display: inline-block;
  width: 229px;
  height: 58px;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(105deg, #e1c97b, #b08834);
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 15px;
    border: none;
    margin-left: 5px;
}
.ReservationInfo h3{
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.12);
    background-color: #00b9d7;
     font-size: 20px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 2.5;
     letter-spacing: -0.17px;
     text-align: center;
     color: #ffffff;
     margin-bottom: 0;
         padding: 15px 0px;
}
.bgReservation{
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.12);
    background-color: #212121;
    padding: 25px;
}
.infoRe{
  padding: 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #fff;
}
.infoRe li{
  list-style: none;
  display: flex;
  justify-content: space-between;

}
.infoRe li span{
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #9b9b9b;
}
.infoRe li b{
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.5;
    letter-spacing: normal;
    color: #ffffff;
        min-width: 150px;
}
.editBook{
   max-width:  270px;
   height: 55px;
   border: solid 1px #b08834;
   transform: rotate(-360deg);
   font-size: 16px;
   font-weight: normal;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.63;
   letter-spacing: normal;
   text-align: center;
   color: #b08834;
   padding: 15px;
   margin: 20px auto;
}

.cnt_full {
  display: block;
  margin: 20px 0px;
  width: 100%;
}

.cnt_min {
      display: inline-block;
      width: 48px;
      margin-right: 10px;
      height: 41px;
      position: relative;
      padding: 0 0;
      cursor: pointer;
}

.cnt_min input[type="radio"] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.selected_img {
  pointer-events: none;
  width: 100%;
  height: 100%;
  font-size: 40px;
  color: #9b9b9b;
  cursor: pointer;
}

.cnt_min input[type="radio"]:checked~.selected_img {
     border: solid 1px #b08834;
     box-shadow: 0px 1px 4px 0px #ccc;
     border-radius: 5px;
     color: #00b9d7;
}
.listaconfirma{
  padding: 10px 0px;
  margin: 20px 0px;
  border-top: 1px solid #d2cdcd;
  border-bottom: 1px solid #d2cdcd;
}
.listaconfirma li{
  list-style: none;
  display: flex;
      justify-content: space-between;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.27;
  letter-spacing: normal;
  color: #4a4a4a;
}
.listaconfirma li span{
  display: block;
  width: 45%;
}
.listaconfirma li b{
   display: block;
   width: 55%;
}
.especial{
  display: flex;
  justify-content: space-between;
}
.especial .textspecial{
  width: 45%;
   font-size: 15px;
   font-weight: normal;
   font-style: normal;
   font-stretch: normal;
   line-height: 2.27;
   letter-spacing: normal;
   color: #4a4a4a;
}
.especial .infospecial {
  width: 55%;
   font-size: 15px;
   font-weight: normal;
   font-style: normal;
   font-stretch: normal;
   letter-spacing: normal;
   color: #4a4a4a;
}
.confrima{
   width: 310px;
   height: 60px;
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(101deg, #e1c97b, #b08834);
    transform: rotate(-360deg);
    font-family: Gotham;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border: none;
    margin: 30px auto;
}
.boxNews{
  display: flex;
}
.listanews{
  width: 65%;
}
.filtradosNews{
    width: 36%;
    position: absolute;
    right: 0;
}
.news{
  margin-bottom: 40px;
}
.news .TitleDate{
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.news .TitleDate h3 {
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.19;
  letter-spacing: -1px;
  color: #212121;
}
.news .TitleDate .datenews small{
font-size: 36px;
display: block;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.11;
letter-spacing: normal;
text-align: center;
color: #00b9d7;
}
.news .TitleDate .datenews span{
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
}
.news p{
   font-size: 16px;
   font-weight: normal;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.63;
   letter-spacing: normal;
   color: #4a4a4a;
}
.news a{
    width: 171px;
    height: 40px;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(104deg, #e1c97b, #b08834);
    border-image-slice: 1;
     font-stretch: normal;
     line-height: 2.31;
     letter-spacing: 2.79px;
     text-align: center;
     color: #b08834;
         display: block;
         margin-bottom: 30px;
}
.siguienteNew{
   width: 180px;
   height: 50px;
   box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.15);
   background-image: linear-gradient(106deg, #e1c97b, #b08834);
   font-size: 16px;
   font-weight: 500;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.63;
   letter-spacing: normal;
   text-align: center;
   color: #ffffff !important;
       display: block;
       padding: 12px;
       margin: 50px auto;
}
.categorias{
  background: #fafafa;
  padding: 30px 20px;
  position: relative;

}

.categorias h4{
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.19;
  letter-spacing: normal;
  color: #212121;
  margin-bottom: 30px;
}
.categorias ul{
     margin: 0;
     padding: 0;
     max-width: 280px;

}
.categorias ul li{
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 3.4;
  letter-spacing: normal;
  color: #212121;
  font-family: 'Gotham';
  list-style: none;
      border: 1px solid #d2d2d2;
      border-left: none;
      border-right: none;
}
.featured{
  position: relative;
   overflow: hidden;
}


.featured > * {
  z-index: 100;
}
.featured::before{
  content: '';
 background-image: linear-gradient(142deg, #36def9, #00acc8);
 width: 100%;
 height: 600px;
 position: absolute;
 top: 0;
z-index: -1;
}
.featured h3{
font-size: 32px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.19;
letter-spacing: normal;
color: #ffffff;
 padding: 30px 20px;
}

.post{
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
    max-width: 280px;
    margin-bottom: 30px;
        margin-left: 0px;
}
.infoPost{
  padding: 20px;
}
.infoPost span{
  text-align: center;
  display: block;
     font-size: 14px;
     font-weight: 500;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.43;
     letter-spacing: normal;
     text-align: center;
     color: #4a4a4a;
}
.infoPost span b{
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #00b9d7;
}
.infoPost p{
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #212121;
}
.infoPost a{
  width: 98px;
  height: 30px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: 1px;
  text-align: center;
  color: #b08834 !important;
  display: block;
   border-style: solid;
   border-width: 1px;
   border-image-source: linear-gradient(104deg, #e1c97b, #b08834);
   border-image-slice: 1;
   margin: 0 auto;
}
/******************FOOTER*********************/

footer {
  background-color: #212121;
  padding-bottom: 10px;
}

footer .contenidoFooter {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

footer .contenidoFooter .boxFooter {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  min-height: 185px;
  flex-flow: column;
  width: 25%;
}

footer .contenidoFooter .boxFooter p {
  font-size: 18px;
  color: #fff;
  margin-bottom: 5px;
  width: 100%;
}

footer .contenidoFooter .boxFooter a {
  font-size: 20px;
  color: #fff;
  width: 100%;
}

footer .contenidoFooter .boxFooter a:hover {
  color: #0095d4;
}

footer .contenidoFooter .boxFooter p:hover {
  color: #0095d4;
}

footer .contenidoFooter .boxFooter img {
  display: block;
    margin: auto;
    padding: 11px;
}

footer .contenidoFooter .boxFooter .bookFooter {
  width: 229px;
  height: 58px;
  border-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient(105deg, #e1c97b, #b08834);
  border-image-slice: 1;
  transform: rotate(-360deg);
  font-family: Gotham;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #b08834;
  display: block;
  /* margin-top: 10px; */
  padding: 15px;
  margin: 0 auto;
  display: block;
}

.contenidoFooter>*:not(:nth-child(4n)) {
  border-right: 1px solid #4c4747;
}

.redes {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-top: 13px;
}

.redes a {
  margin: 10px;
  display: inline-block;
}

.redes a i {
  font-size: 1.5em;
  width: 1.7em;
  text-align: center;
  line-height: 1.7em;
  background: #0095d4;
  color: #fff;
  border-radius: 0.8em;
}

.redes .facebook i {
  background: #4468e9;
}

.redes .twitter i {
  background: #24b7e4;
}

.redes .youtube i {
  background: #ea2a29;
}

.copy {
  color: #fff;
  font-size: 10px;
}

.bookingHome {
  margin-top: -93px;
}
.resHome {
  margin-top: 190px;
}

.booking {
  width: 60%;
  margin: 0 auto;
}

.booking form {
  display: flex;
  justify-content: center;
  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.12);
}

.booking form .fechaIcon {
  position: relative;
}

.booking form .fechaIcon:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f150";
  position: absolute;
  right: 0;
  top: -6px;
  color: #013572;
}

.booking form .form-group {
  background: #fff;
  padding: 10px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  flex-flow: row;
  flex-wrap: wrap;
  align-items: inherit;
  text-align: center;
  z-index: 1;
}

.booking form .selector {
  width: 40%;
}

.booking form>*:not(:nth-child(5n)) {
  border-right: 1px solid #eeeeee;
}

.wrapper {
  max-width: 18rem;
  padding: 0 0.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
}

label {
  font-size: 12px;
  font-weight: 500;
  display: block;
  margin-bottom: 0.5rem;
  color: #626262;
  text-align: center;
  margin-bottom: 10px;
}

.enviar {
background-image: linear-gradient(145deg, #3358c0, #0e1a55);
  /*background-image: linear-gradient(145deg, #e1c97b, #b08834);*/
  color: #fff;
  border: none;
  z-index: 1;
}

.enviar i {
  display: block;
}

.stepper {
  position: relative;
  width: 100%;
}

.stepper .btn {
  font-size: 1.5rem;
}

.stepper .stepper-btn-add {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  text-align: center;
  color: #b08834;
}

.stepper .stepper-btn-substract {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 100%;
  text-align: center;
  color: #b08834;
}

.stepper input {
  border: none;
  border-radius: 0;
  text-align: center;
  font-size: 35px;
}

.stepper input::-webkit-outer-spin-button,
.stepper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.booking form input {
  font-family: 'Roboto', sans-serif;
  display: block;
  border: none;
  border-radius: 0.25rem;
  border: 1px solid transparent;
  line-height: 1.5rem;
  padding: 0;
  color: #607D8B;
  width: 100%;
  text-align: center;
  font-size: 25px;
}

input:focus {
  outline: none;
}

#ui-datepicker-div {
  display: none;
  background-color: #fff;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
  margin-top: 0.25rem;
  border-radius: 0.5rem;
  padding: 0.5rem;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.ui-datepicker-calendar thead th {
  padding: 0.25rem 0;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 400;
  color: #78909C;
}

.ui-datepicker-calendar tbody td {
  width: 2.5rem;
  text-align: center;
  padding: 0;
}

.ui-datepicker-calendar tbody td a {
  display: block;
  border-radius: 0.25rem;
  line-height: 2rem;
  transition: 0.3s all;
  color: #546E7A;
  font-size: 0.875rem;
  text-decoration: none;
}

.ui-datepicker-calendar tbody td a:hover {
  background-color: #E0F2F1;
}

.ui-datepicker-calendar tbody td a.ui-state-active {
  background-color: #b08834;
  color: white;
}

.ui-datepicker-header a.ui-corner-all {
  cursor: pointer;
  position: absolute;
  top: 0;
  width: 2rem;
  height: 2rem;
  margin: 0.5rem;
  border-radius: 0.25rem;
  transition: 0.3s all;
}

.ui-datepicker-header a.ui-corner-all:hover {
  background-color: #ECEFF1;
}

.ui-datepicker-header a.ui-datepicker-prev {
  left: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: 0.5rem;
  background-position: 50%;
  transform: rotate(180deg);
}

.ui-datepicker-header a.ui-datepicker-next {
  right: 0;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 50%;
}

.ui-datepicker-header a>span {
  display: none;
}

.ui-datepicker-title {
  text-align: center;
  line-height: 2rem;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  padding-bottom: 0.25rem;
}

.ui-datepicker-week-col {
  color: #78909C;
  font-weight: 400;
  font-size: 0.75rem;
}

footer .muestralogo {
  display: none;
}

.titulodetials{
   font-size: 40px;
   font-weight: bold;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.2;
   letter-spacing: -1.25px;
   color: #212121;
   margin: 50px 0px;
}
.fechadetalle{
  border: solid 25px #f6f6f6;
  padding: 10px;
  text-align: center;
}
.fechadetalle span{
   font-size: 36px;
   font-weight: 500;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.11;
   letter-spacing: normal;
   text-align: center;
   color: #00b9d7;
   display: block;
}
.fechadetalle small{
   font-size: 15px;
   font-weight: 500;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.33;
   letter-spacing: normal;
   text-align: center;
   color: #4a4a4a;
   display: block;
}
.textosdetalles{
  margin: 50px 0px;
}
.textosdetalles p{
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #4a4a4a;
}
.textosdetalles ul{
  padding: 0;
  margin: 20px 0px;
}
.textosdetalles ul li{
  list-style: none;
   font-size: 16px;
   font-weight: normal;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.63;
   letter-spacing: normal;
   color: #4a4a4a;
}
/*************MEDIAQUERY***************/

@media (max-width: 2000px) {
  .resMenu_detalle{
  padding-top: 250px;
}
.img-set{
  width: 100%;height: 200px;
}
   .tt {
    font-size: 45px!important;
  }
  .imagenBox {
    right: 0;
    display: block;
    width: 50%;
    position: relative;
  }

  .restaurantBox {
    width: 50%;
  }

  .menuRooms .boxmenuRooms {
    width: 60%;
  }

  .events {
    margin-top: 100px;
  }
}

@media (max-width: 1280px) {
   .tt {
    font-size: 45px;
  }
  .navbar-nav .nav-link {
    font-size: 14px;
  }

  .optionMenu a {
    font-size: 14px;
  }

  .optionMenu .bookHeader {
    padding: 33px 16px;
  }

  .headerFixed .optionMenu .bookHeader {
    padding: 9px 16px !important;
  }

  .imagenBox {
    right: 0;
    display: block;
    align-items: end;
    position: relative;
  }

  .restaurant {
    margin-bottom: 50px;
  }

  .events {
    margin-bottom: 100px;
    margin-top: 70px;
  }
}

@media (max-width: 1200px) {
   .tt {
    font-size: 45px;
  }
  .filtro_logo {

width: 115px; margin-top: -55px;    margin-left: -69px;    position: absolute;    z-index: 9000;
}
.img_rest_1 {

width: 150px;margin-left: 5px;
}
.img_rest_2 {

width: 150px;margin-left: 156px;position: absolute;z-index: 9000;
}
.img_rest_3 {

width: 383px;
}
  .luxury::after {
    content: none;
  }

  .luxury::before {
    content: none;
  }

  .roof::before {
    content: none;
  }

  .roof::after {
    content: none;
  }

  .boxRoof {
    padding: 50px;
    border: 0;
    background: #fff;
  }

  .navbar-nav .nav-link {
    font-size: 13px;
  }

  .optionMenu a {
    font-size: 14px;
  }

  .optionMenu .bookHeader {
    padding: 35px 16px;
    display: none;
  }

  .optionMenu .idioma {
    position: absolute;
    right: 0;
    top: 0;
  }

  .optionMenu {
    position: initial;
  }

  /***HOME****/
  .textoHome h2 {
    font-size: 50px;
  }

  .booking form .form-group {
    padding: 10px;
  }

  .booking {
    width: 70%;
    margin-top: -72px;
  }

  .bookRooms .booking {
    margin-top: 0px;
  }

  .boxRoof {
    margin-left: -190px;
  }

  .boxRoof p {
    width: 100%;
  }

  footer .contenidoFooter .boxFooter .bookFooter {
    width: 160px;
  }

  .boxRoof {
    width: 55%;
  }

  /****rooms*****/
  .menuRooms .boxmenuRooms {
    width: 80%;
  }

  .menuRooms a {
    font-size: 22px;
    padding: 25px 25px;
  }

  /******restaurant*******/
  .experienceRestaurant .fotosRestaurant img {
    width: 45%;
  }

  /***our***/
  .boxInfoOur img,
  .boxInfoOur2 img {
    height: 100%;
  }

  /****PROMO****/
  .fichasPromoLeft .fichaItemPromo {
    width: 44%;
  }

  /******contact********/
  .box-revies {
    display: none;
  }

  .boxContact .itemContact a {
    font-size: 25px;
  }
}
@media screen and (max-width: 992px) and (min-width: 768px){
  .resMenu_detalle{
  padding-top: 80px!important;
}
  .img-set{
  width: 100%;height: 200px;
}
}
@media screen and (max-width: 1199px) and (min-width: 993px){
  .resMenu_detalle{
  padding-top: 194px!important;
}
  .img-set{
  width: 100%;height: 200px;
}
   .tt {
    font-size: 45px;
  }
    
.img_rest_1 {

width: 141px!important;
    margin-left: -2px!important;
}
.img_rest_2 {

    width: 131px!important;
    margin-left: 139px!important;
}
.img_rest_3 {

width: 348px!important;
    margin-left: -16px!important;
}
  }

@media (min-width: 992px) {
    .tt {
    font-size: 45px;
  }
   .filtro_logo {

display: none;
}
.img_rest_1 {

width: 150px;margin-left: 5px;
}
.img_rest_2 {

width: 150px;margin-left: 155px;position: absolute;z-index: 1;
}
.img_rest_3 {

width: 383px;
margin-left: -30px;
}
  .navbar-brand {
    position: absolute;
    left: calc(50% - 80px);
    top: 0px;
  }

  .headerFixed .text-nowrap .logotipo a {
    height: 90px;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.23);
    /*background-image: linear-gradient(134deg, #18cbe9, #019db7);*/
    background-color: #212121;
    text-align: center;
    padding: 6px !important;
    margin-top: 19px;
  }

  .headerFixed .text-nowrap .logotipo a img {
    width: 60%;
  }

  .headerFixed .navbar {
    height: 70px !important;
  }

  .headerFixed .optionMenu .bookHeader {
    padding: 7px 16px;
  }
}

@media (max-width: 991.98px) {
    .tt {
    font-size: 45px;
  }
   .filtro_logo {

display: none;
}
.img_rest_1 {

width: 150px;margin-left: 5px;
}
.img_rest_2 {

width: 150px;margin-left: 112px;position: absolute;z-index: 9000;
}
.img_rest_3 {

width: 383px;
    margin-left: 40px;
}
  header .container {
    max-width: 100%;
  }

  header .navbar {
    height: auto;
    padding: 1rem;
  }

  .menuLogo {
    width: 100%;
    justify-content: space-between;
  }

  .text-nowrap .logotipo {
    position: relative;
    width: 85%;
  }

  .text-nowrap .logotipo a {
    position: absolute;
    width: 140px;
    height: auto;
    display: block;
    left: calc(50% - 0px);
    top: 0;
    margin-top: -16px;
    padding: 12px;
  }

  .optionMenu {
    display: none;
  }

  .menutop {
    margin-top: 80px;
  }

  /****HOME*****/
  .textoHome {
    top: 23%;
  }

  .bookingHome {
    margin-top: -30px;
  }

  .booking {
    width: 95%;
  }

  .luxury {
    margin-bottom: 0;
  }

  .luxury .luxyryBox,
  .roof,
  .restaurant {
    flex-wrap: wrap;
    text-align: center;
    margin: 50px 0px;
  }

  .imagenBox {
    flex-wrap: wrap;
    text-align: center;
  }

  .luxury .infoLuxury {
    padding: 0;
  }

  .luxury .infoLuxury p,
  .restaurantBox p,
  .boxRoof p,
  .restaurantBox p {
    margin-top: 50px;
    width: 100%;
    font-size: 14px;
  }

  .luxury .infoLuxury h3,
  .boxRoof h3,
  .restaurantBox h3 {
    font-size: 35px;
  }

  .roof {
    display: none;
  }

  .mobileroof {
    display: block !important;
  }

  .boxRoof {
    margin-left: 0;
    padding: 0;
    width: 100%;
  }

  .imagenBox {
    position: relative;
    width: 100%;
  }

  .restaurantBox {
    width: 100%;
  }

  .ancho {
    width: 100%;
  }

  .imagesres {
    display: flex;
    justify-content: center;
  }

  .imagesres img {
    width: 50%;
  }

  .infoEvents {
    flex-flow: column;
    /* height: 100%; */
    min-height: 190px;
  }

  .contenidoFooter>*:not(:nth-child(3n)) {
    border-right: 1px solid #4c4747;
  }

  footer .contenidoFooter .boxFooter {
    width: 40%;
  }

  footer .contenidoFooter .boxFooter p,
  footer .contenidoFooter .boxFooter a {
    font-size: 14px;
  }

  /******rooms*******/
  .menuRooms {
    position: relative;
  }

  .textoBanner h2 {
    font-size: 45px;
  }

  .menuRooms a {
    font-size: 18px;
    padding: 20px 20px;
  }

  .roomsDescription .imagenRooms {
    width: auto;
    position: relative;
    margin-bottom: 30px;
  }

  .roomsDescription .roomsTexto {
    width: 100%;
  }

  .roomsDescription {
    flex-wrap: wrap;
  }

  .AmenitiesRooms .boxAmenitiesRooms {
    justify-content: center;
  }

  .AmenitiesRooms .boxAmenitiesRooms .itemAmenitiesRooms {
    width: 20%;
  }

  .MoreDetails .boxMoreDetails .itemMoreDetails {
    width: 35%;
  }

  /**our**/
  .ourHotel {
    display: block;
  }

  .titleOur {
    width: 100%;
  }

  .ourHotel .imagenOur {
    width: 100%;
    position: relative;
    right: 0;
    margin-bottom: 30px;
  }

  .ourHotel .descriptionOur {
    width: 100%;
  }

  .ourHotel .descriptionOur .margenDescription {
    width: 100%;
  }

  .ourHotel .descriptionOur .Ourcolor p {
    width: 100%;
    margin-bottom: 0;
  }

  .rooftop h3,
  .infoOur .itemInfoOur h3 {
    margin-bottom: 30px;
    text-align: center;
  }

  .rooftop img,
  .boxInfoOur img,
  .boxInfoOur2 img {
    width: 100%;
    margin-bottom: 30px;
  }

  .infoOur .boxInfoOur,
  .infoOur .boxInfoOur2 {
    display: block;
  }

  .boxInfoOur img,
  .boxInfoOur2 img {
    width: 100%;
  }

  .infoOur .itemInfoOur {
    padding: 0;
  }

  /*******contact**********/
  .boxContact .itemContact a {
    font-size: 16px;
  }

  .booking-room .step-room .item-step{
          flex-flow: column;
  }
  .booking-room{
          padding-top: 180px;
  }
  .boxFichasRoom{
          flex-wrap: wrap;
  }
  .infoRe li b{
    min-width: auto;
  }
  .filtradosNews{
    display: none;
  }
  .listanews{
    width: 100%;
  }
}

@media (max-width: 767px) {
  .resMenu_detalle{
  padding-top: 77px;
}
  .img-set{
  width: 100%;height: 200px;
}
    .tt {
    font-size: 45px;
  }
   .filtro_logo {

display: none;
}
.img_rest_1 {

width: 191px;
    margin-left: -149px;
    margin-top: 6px;
}
.img_rest_2 {

width: 192px;
    margin-left: 19px;
    position: absolute;
    z-index: 0;
    margin-top: -191px;
}
.img_rest_3 {

width: 383px;
    margin-left: 40px;
}
  .text-nowrap .logotipo a {
    left: calc(50% - 40px);
  }

  /***HOME****/
  .booking form input {
    font-size: 24px;
  }

  .booking {
    width: 95%;
  }

  .textoHome h1 {
    font-size: 22px;
  }

  .textoHome h2 {
    font-size: 35px;
  }

  .textoHome p {
    font-size: 18px;
  }

  .coments h3 {
    font-size: 14px;
    width: 100%;
  }

  .itemEvents {
    text-align: center;
    margin-bottom: 30px;
  }

  .infoEvents a {
    margin: 0 auto;
  }

  footer .contenidoFooter .boxFooter {
    width: 100%;
  }

  footer .contenidoFooter {
    flex-wrap: wrap;
  }

  .contenidoFooter>*:not(:nth-child(3n)) {
    border-bottom: 1px solid #4c4747;
    border-right: none;
  }

  .contenidoFooter>*:not(:nth-child(4n)) {
    border-right: none;
  }

  footer .logoEsconde {
    display: none !important;
  }

  footer .muestralogo {
    display: block;
    margin: 40px auto;
  }

  .copy {
    text-align: center;
  }

  .redes {
    margin-top: 30px;
  }

  /*****rooms*****/
  .menuRooms .boxmenuRooms {
    width: 90%;
  }

  .menuRooms a {
    font-size: 18px;
    padding: 10px 10px;
  }

  .roomsDescription .roomsTexto h3 {
    font-size: 30px;
    text-align: center;
  }

  .boxFeaturesRooms {
    flex-wrap: wrap;
  }

  .boxFeaturesRooms>.itemFeatures {
    width: 100%;
    height: 100%;
    border: 0;
  }

  .MoreDetails .boxMoreDetails .itemMoreDetails h4 {
    font-size: 45px;
  }

  .featuresRooms h2,
  .AmenitiesRooms h2,
  .MoreDetails h2,
  .bookRooms h2 {
    font-size: 30px;
  }

  /********restaurant**********/
  .experienceRestaurant {
    margin-bottom: 50px;
  }

  .menuRestaurant .imagenMenu img {
    width: 100%;
  }

  .menuRestaurant a {
    margin-bottom: 40px;
  }

  .carousel-control-prev,
  .carousel-control-next {
    display: none;
  }

  .textoBanner h2 {
    font-size: 32px;
  }

  .textoBanner {
    top: 70%;
  }

  /****our****/
  .numbers .marged {
    flex-wrap: wrap;
  }

  .numbers .marged .number-item {
    width: 50%;
  }

  .numbers .marged .number-item {
    border: none;
  }

  .titleOur {
    font-size: 24px;
    margin: 45px auto;
  }

  /****PROMO***/
  .fichasPromo {
    display: flex;
    margin-top: 100px;
    margin-bottom: 100px;
    flex-direction: column-reverse;
  }

  .fichasPromoLeft {
    flex-flow: column;
    max-width: 540px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

  .fichaItemPromo,
  .fichasPromo .imagenPromo,
  .fichasPromoLeft .imagenPromoLeft,
  .fichasPromoLeft .fichaItemPromo {
    width: 100%;
    position: relative;
  }

  .titlePromo {
    margin: 30px 0;
    font-size: 32px;
  }

  .fichasPromo .imagenPromo p,
  .fichasPromoLeft .imagenPromoLeft p {
    padding: 10px 10px;
    text-align: left;
  }

  .titleContact .titleContact {
    font-size: 32px;
    margin-top: 50px;
  }
  .booking-room .step-room .item-step span{
      display: none;
  }
  .booking-room{
          padding-top: 140px;
  }
  .bookingroom form{
    margin-bottom: 40px;
  }
  .news .TitleDate h3{
    font-size: 23px;
  }
  .news .TitleDate .datenews small{
        font-size: 28px;
  }
}

@media (max-width: 575.98px) {
  .resMenu_detalle{
  padding-top: 250px;
}
  .img-set{
  width: 100%;height: 200px;
}
  .filtro_logo {

display: none;
}
.img_rest_1 {

width: 191px;
    margin-left: -149px;
    margin-top: 6px;
}
.img_rest_2 {

width: 192px;
    margin-left: 19px;
    position: absolute;
    z-index: 0;
    margin-top: -191px;
}
.img_rest_3 {

width: 383px;
    margin-left: 40px;
}
  .textoBanner h2 {
    font-size: 32px;
  }

  .bookingHome {
      margin-top: 117px;
  }

 /*  .booking {
    display: none;
  } */

  .textoHome {
    top: 15%;
  }
  .tt {
        font-size: 24px!important;
  }


  .textoHome h2 {
    font-size: 20px;
  }

  .textoHome h1 {
    font-size: 18px;
  }

  .textoHome p {
    font-size: 28px;
  }

  .botonBookMobile {
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(99deg, #e1c97b, #b08834);
    width: 100%;
    padding: 10px;
    display: none !important;
  }

  .botonBookMobile p {
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 20px;
    margin-bottom: 0;
  }

  .botonBookMobile p i {
    display: block;
    float: right;
    clear: both;
    font-size: 28px;
  }

  .benefist .boxBenefist {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }

  .benefist .boxBenefist .itemBenefist {
    flex-flow: column;
    justify-content: flex-end;
    width: 36%;
    text-align: center;
  }

  .benefist .boxBenefist img {
    width: 55px;
    margin: 0 auto;
  }

  .coments h3 {
    font-size: 14px;
    width: 100%;
  }

  .banner img {
    min-height: 208px;
  }

  .booking form .form-group{
    display: block;
    width: 100%;
  }
  .booking form{
        background: #fff;
        flex-wrap: wrap;
  }
.enviar {
  background-image: linear-gradient(145deg, #e1c97b, #b08834);
  color: #fff;
  border: none;
  z-index: 1;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 15px;
}
.booking form .selector {
  width: 26%;
}

  /****rooms***/
  .menuRooms .boxmenuRooms {
    flex-wrap: wrap;
  }

  .AmenitiesRooms .boxAmenitiesRooms .itemAmenitiesRooms {
    width: 30%;
  }

  /****our****/
  .numbers .marged .number-item {
    font-size: 28px;
  }

  .numbers .marged .number-item h6 {
    font-size: 14px;
  }

  /******contact*******/
  .boxContact {
    flex-wrap: wrap;
    justify-content: center;
  }

  .boxContact .itemContact {
    width: 55%;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 10px;
  }

  .titleContact .titleContact {
    margin-bottom: 50px;
  }
  .booking-room h1{
      font-size: 32px;
  }
}

@media (max-width: 480px) {
  .menuRestaurant {
    margin-bottom: 20px!important;
}

  .resMenu_detalle{
  padding-top: 77px;
}
  .img-set{
  width: 100%;height: 200px;
}
   .tt {
    font-size: 18px;
  }
   .filtro_logo {

display: none;
}
.img_rest_1 {

/*width: 50%;
    margin-left: -190px;
    margin-top: 6px;*/
    display: none;
}
.img_rest_2 {

/*width: 47%;
    margin-left: -4px;
    position: absolute;
    z-index: 0;
    margin-top: -193px;*/
    display: none;
}
.img_rest_3 {

width: 100%;
    margin-left: 0px;
}
  .text-nowrap .logotipo {
    position: relative;
    width: 75%;
  }

  .AmenitiesRooms .boxAmenitiesRooms .itemAmenitiesRooms {
    width: 40%;
  }

  .fichaItemPromo,
  .fichasPromo .imagenPromo,
  .fichasPromoLeft .imagenPromoLeft,
  .fichasPromoLeft .fichaItemPromo {
    padding: 10px 5px;
  }

  .boxContact .itemContact {
    width: 250px;
  }
  .backRe,
  .siguiente{
    display: block;
    margin: 20px auto;
  }
}