@charset "UTF-8";
* {
  font-family: 'Raleway', sans-serif;
}

.wsflota {
  opacity: 1 !important;
  position: fixed;
  z-index: 999;
  right: 0px;
  top: 45%;
  width: auto;
  height: auto;
  background: #fff;
  padding: 10px;
  border-radius: 50px 0px 0px 50px;
  -webkit-box-shadow: 11px 1px 30px #ccc;
          box-shadow: 11px 1px 30px #ccc;
}

body {
  top: 0px !important;
}

main {
  width: 100%;
  overflow-x: hidden;
}

h1, h2, h3, h4 {
  font-family: 'Rozha One', serif;
}

h2, h3 {
  font-size: 40px;
  margin-top: 0px;
  display: inline-block;
  padding-bottom: 20px;
  border-bottom: double 3px #d7bb6b;
  margin-bottom: 20px;
}

a {
  color: inherit;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none !important;
}

a:hover, a:focus {
  opacity: 0.7;
  color: inherit;
  outline: none !important;
}

.idiomas {
  position: fixed;
  z-index: 99;
  bottom: 15px;
  right: 15px;
  background: #000;
  display: inline-block;
}

.boton {
  display: inline-block;
  padding: 5px 20px;
  background: none;
  border: solid thin;
}

.boton2, .button-group button:focus {
  border: solid thin #d7bb6b;
}

.boton3, .button-group button {
  background: #d7bb6b;
  color: #fff;
  border: none;
}

.pagewrap {
  padding: 300px 0px;
  padding-bottom: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
}

.pagecontent {
  position: relative;
  z-index: 5;
  background: #fff;
  border: solid 40px #fff;
}

.floatbox {
  background: #d7bb6b;
  width: 150px;
  position: fixed;
  right: 10px;
  bottom: -500px;
  z-index: 99;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
}

.floatbox h4 {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 5px;
}

.floatbox img {
  width: 100%;
  height: auto;
}

.floatbox .boton {
  width: 100%;
  background: #fff;
  text-align: center;
  border: none;
  text-transform: capitalize;
  margin-bottom: 10px;
  padding: 5px 0px;
  font-size: 10px;
}

.floatbox .cerrar {
  position: absolute;
  width: 15px;
  height: 15px;
  text-align: center;
  background: #000;
  color: #fff;
  z-index: 9999;
  right: 5px;
  top: 5px;
  border-radius: 100px;
  font-size: 10px;
  font-weight: bolder;
}

.floatbox .cerrar span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.floatbox:after {
  content: " ";
  display: inline-block;
  background: #d7bb6b;
  width: 15px;
  height: 14px;
  position: absolute;
  bottom: -4px;
  left: 48%;
  -webkit-transform: matrix(1, -1, 1, 1, 1, 0);
          transform: matrix(1, -1, 1, 1, 1, 0);
  z-index: -1;
}

.floatbox.open {
  bottom: 10px;
}

.floatbox.closed {
  display: none !important;
}

.overblock {
  height: 350px;
  margin-top: 20px;
  position: relative;
}

.wblock {
  position: absolute;
  width: 130%;
  z-index: 7;
  background: #fff;
}

.wblock p {
  font-size: 13px;
  line-height: 20px;
}

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

.botblock li img {
  width: 40px;
}

.overblock.wleft .wblock {
  padding-right: 40px;
}

.overblock.wright {
  text-align: right;
}

.overblock.wright .wblock {
  right: 0px !important;
  padding-left: 40px;
}

.carru {
  height: 350px;
  width: 100%;
  margin-top: 20px;
  background: #eaeaea;
  display: block;
  background-size: cover;
  background-position: center;
  position: relative;
}

.carru img {
  position: absolute;
  bottom: 30px;
  left: 20px;
  height: 40px;
}

.carruder img {
  right: 20px !important;
  left: unset;
}

.floatimg {
  background-size: 50% auto;
  background-repeat: no-repeat;
  background-position: right top;
  margin-bottom: 30px;
  border-right: solid 15px #fff;
}

.wtext {
  background: #fff;
  margin-top: 100px;
  padding-right: 40px;
}

/*Includes ----------------------------------*/
#menu {
  border-bottom: solid thin #999;
  padding: 5px 0px;
}

#menu ul {
  padding: 0px;
  margin: 0px;
}

#menu ul li {
  margin: 5px 30px;
}

#menu ul li a {
  color: #333;
  font-size: 1.1em;
}

#menu ul li a img {
  height: 40px;
}

#menu ul li a.activo {
  color: #d7bb6b;
}

#menu ul li.reservar a {
  background: #d7bb6b;
  padding: 5px 10px;
  color: #fff;
}

#oferta {
  padding: 150px 0px;
  margin-top: -100px;
  padding-bottom: 100px;
  background: black;
  color: #fff;
  background-image: url(../img/flores.jpg);
  background-size: cover;
  background-position: center;
}

#mapa iframe {
  width: 100%;
  height: 400px;
}

footer {
  background: #000;
  padding: 20px 0px;
}

footer small {
  color: #fff;
}

footer .certificados li {
  vertical-align: bottom;
}

footer .certificados li img {
  height: 100px;
  padding: 0px 30px;
  margin: 20px 0px;
}

#google_translate_element {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 99999;
}

.goog-te-gadget img {
  display: none;
}

#ubicacion {
  padding: 60px 0px;
}

#ubicacion .fas {
  font-size: 20px;
  vertical-align: middle;
  color: #999;
  text-align: center;
  width: 40px;
  line-height: 38px;
}

#ubicacion .floatimg {
  background-position: left top;
  background-size: 80%;
}

#ubicacion .wtext {
  padding: 40px;
  padding-right: 0px;
  margin-top: 200px;
}

#suscribe {
  padding: 40px 0px;
}

#suscribe input.email {
  padding: 3px;
}

#suscribe .social li a {
  color: #d7bb6b;
}

/*Paginas -----------------------------------*/
#arrepentimiento {
  display: none;
}

#homehome #google_translate_element {
  top: 10px;
}

#homehome #arrepentimiento {
  display: inline-block;
}

#home {
  height: 92vh;
  padding-top: 40vh;
  position: relative;
  /* .boton{
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: $gold;
		background: #fff;
	} */
}

#home .logo {
  display: inline-block;
  width: 250px;
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#home .logo img {
  width: 100%;
  height: auto;
}

#home h1 {
  color: #fff;
  text-shadow: 2px 2px 10px #000;
  font-size: 4rem;
}

#home .bajar {
  background: #d7bb6b;
  color: #fff;
  display: inline-block;
  padding: 5px 11px;
  position: absolute;
  z-index: 9;
  left: 49%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 5vh;
  border-radius: 50px;
}

#home label {
  color: #fff;
  text-shadow: 2px 2px 5px #000;
  font-size: 12px;
}

#home form {
  bottom: 0px;
}

#home form input[type=submit] {
  padding: 6px 10px;
  margin-top: 4px;
}

.ishabitaciones .pagecontent .row {
  margin-bottom: 40px;
}

.isrooftop .wtext {
  margin-top: 00px;
  padding-top: 30px;
}

.isrooftop .floatimg {
  background-size: 70%;
}

.isrooftop .pagecontent img {
  margin-bottom: 30px;
}

.button-group button {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
}

.button-group button:focus {
  outline: none;
}

.grid {
  padding: 0px;
  margin: 0px;
}

.grid li {
  list-style-type: none;
  width: 24.8%;
  position: relative;
  height: 200px;
  overflow: hidden;
  margin: 1px;
  background: #333333;
}

.grid li img {
  max-height: 300px;
  min-width: 100%;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.grid li img.vertical {
  width: 100%;
  height: auto;
  max-height: unset;
}

.isservicios .pagecontent .row {
  margin-bottom: 40px;
}

.listaservicios {
  text-align: left;
}

.listaservicios li {
  width: 33%;
  text-align: left;
  font-size: 12px;
  height: 45px;
  padding: 5px;
  vertical-align: top;
  margin-bottom: 5px;
}

.listaservicios li i {
  color: #d7bb6b;
  margin-right: 5px;
}

.listaservicios li.doblebox {
  width: 66.3%;
}

#contacto {
  padding: 50px;
}

.goog-te-banner-frame.skiptranslate {
  display: none !important;
}

#arre {
  padding: 100px 0px;
}

/* ---------------------------------------
 Responsive ☺
---------------------------------------*/
.xs {
  display: none !important;
}

.xs-hidden {
  display: none;
}

@media screen and (min-width:360px){
  .medialine{display:none}
}

@media screen and (max-width: 700px) {
  body {
    background-image: none;
  }
  nav {
    position: fixed;
    z-index: 9999;
    background: #fff;
    width: 100%;
    top: 0px;
  }
  main {
    padding-top: 50px;
  }
  section {
    padding: 0px;
  }
  h2, h3 {
    margin-top: 15px;
    font-size: 25px;
  }
  .wsflota {
    padding: 5px;
    top: 75%;
  }
  .wsflota img {
    height: 25px;
  }
  .floatimg {
    background-size: 100% !important;
    border: none;
  }
  .pagewrap {
    padding: 0px;
  }
  .pagecontent {
    border: none;
  }
  .wtext {
    padding: 15px;
  }
  .caret-reversed {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .xscenter {
    text-align: center !important;
  }
  .xshidden {
    display: none !important;
  }
  .xs {
    display: inline-block !important;
  }
  #homehome #google_translate_element {
    top: unset;
  }
  .goog-te-banner table {
    position: absolute !important;
    right: 0px !important;
  }
  .goog-te-banner img {
    width: 0px;
  }
  body {
    top: 0px !important;
  }
  .pagewrap {
    padding: 0px;
    background: #fff !important;
  }
  .overblock {
    height: auto;
  }
  .wblock {
    position: static;
    width: 100%;
  }
  .wright {
    text-align: left !important;
  }
  .wright .wblock {
    padding-left: 0px !important;
  }
  .botblock {
    position: static !important;
  }
  #menu li {
    display: none;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  #menu li a {
    display: block;
  }
  #menu li.reservar {
    display: inline-block;
  }
  .ishome {
    padding-top: 50px;
  }
  .ishome #menu {
    position: absolute;
    background: #fff;
    width: 100%;
    top: 0px;
  }
  #home {
    padding-top: 100px;
  }
  #home .logo {
    width: 200px;
  }
  #home .bajar {
    display: none;
  }
  #home h1 {
    margin-top: 15vh;
    line-height: 1em;
  }
  #home form {
    display: none;
  }
  #menu.open li {
    display: block;
    margin: 0px;
  }
  #menu.open li a {
    margin: 2px 0px;
    padding: 7px 0px;
    border-bottom: solid thin #d7bb6b;
  }
  #ubicacion {
    padding: 0px;
  }
  #ubicacion .wtext {
    padding: 15px;
    margin-top: 0px;
  }
  .listaservicios li {
    width: 100%;
    height: auto;
  }
  .grid li {
    width: 48%;
  }
  .button-group button {
    width: 100%;
    margin: 5px 0px;
  }
  #contacto {
    padding: 0px;
  }
  #contacto textarea {
    height: 100px;
  }
  .floatbox {
    position: static !important;
    width: 100%;
  }
  .floatbox img {
    width: 100%;
  }
  .floatbox h4 {
    border-bottom: none;
    text-transform: none;
    font-size: 18px;
  }
  .floatbox .boton {
    margin: 0px;
    font-size: 12px;
  }
  .floatbox .cerrar {
    display: none;
  }
  .floatbox:after {
    display: none;
  }
}

@media screen and (min-width: 701px) and (max-width: 1400px) {
  #menu ul li {
    margin: 5px 20px;
  }
}
/*# sourceMappingURL=main.css.map */