* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


@font-face{
  font-family: ADayWithOutSun;
  src: url(../fuentes/ADAYWITHOUTSUN.otf)
}

.font-dw{
  font-family: ADayWithOutSun;
}

@font-face{
  font-family: DinCondensed;
  src: url(../fuentes/DINCondensed.woff)
}

.font-dc{
  font-family: DinCondensed;
}

@font-face{
  font-family: HelveticaNeue;
  src: url(../fuentes/HelveticaNeueMedium.woff)
}
.font-hn{
  font-family:  HelveticaNeue;
}

@font-face{
  font-family: yellosun;
  src: url(../fuentes/yellosun.woff)
}

.font-ys{
  font-family: yellosun;
}

.font-sp{
  font-family: 'Source Sans Pro' !important;
}


@font-face{
  font-family: LuxuriaDemo;
  src: url(../fuentes/LuxuriaDemo.otf)
}

.font-ld{
  font-family: LuxuriaDemo !important;
}

.font-size-100{
  font-size: 6.25em;
}
.font-size-87{
  font-size: 5.438em;
}

.font-size-80{
  font-size: 5em;
}

.font-size-48{
  font-size: 3em;
}


.font-size-38{
  font-size: 2.375em;
}

.font-size-30{
  font-size: 1.875em !important;
}

.font-size-28{
  font-size: 1.75em !important;
}


.font-size-25{
  font-size: 1.563em !important;
}

.font-size-24{
  font-size: 1.5em !important;
}

.font-size-20{
  font-size: 1.25em !important;
}

.font-size-18{
  font-size: 1.125em !important;
}
.font-size-16{
  font-size: 1em !important;
}

.font-size-14{
  font-size: 0.875 !important;
}

.font-size-12{
  font-size: 0.75em;
}

.font-size-10{
  font-size: 0.625em;
}


.font-weight-400{
  font-weight: 400 !important;
}

.font-weight-200{
  font-weight: 200 !important;
}

.font-weight-bold {
  font-weight: bold !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-justify-center{
  text-align: center;
}

.font-justify-left{
  text-align: left;
}

.font-white{
  color: #FFFFFF !important;
}

.font-gray{
  color: #4B4B4B !important;
}

.font-black{
  color: #0B0B0B !important;
}

.font-black-menu{
  color: #1C0A07 !important;
}

.font-brow-menu{
  color: #6C200F !important;
}

.font-pink-menu{
  color: #CF0C64 !important;
}

.font-yellow-menu{
  color: #EA8501 !important;
}

.font-orange-menu{
  color: #C83B26!important;
}

.letter-spacing-menu{
  letter-spacing: 0.02em;
}

.footer_one_calendar div p, .footer_one_calendar div h4{
      font-family: 'Source Sans Pro' !important;
}

div.wpcf7-mail-sent-ok{
  border: none !important;
}
.mg-bottom{
  margin: 30px 0px 0px 0px;
  }

  /* -------- reservas----  */

  .rtb-select label, .rtb-text label{
    color: #4B4B4B;
    font-family: 'Source Sans Pro';
     }
     /* .rtb-select, .rtb-text {
      display: flex;
     } */

  .picker__input ,.rtb-text input, .rtb-select select{
    border: 1px solid #F7F7F7;
    font-size: 0.8em;
    font-family: 'Source Sans Pro' !important;
    font-weight: 400;
    background-position: 97% 50%;
    border-radius: 10px;
    padding: 0.5em;
    color: #4B4B4B !important;
    width: 240px !important;
    background-color: #F7F7F7;
    font-size: 16px;
  }
  .rtb-booking-form-form{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px 15px;
  }
.reservation , .rtb-contact{
border: none;
}
.consent{
  width: 100%;
}
.add-message, .reservation legend, .rtb-contact legend{
  display: none;
}
.consent{
  border: none;
}
.rtb-booking-form-form button{
  margin-top: 1em;
  background-color: #E7A436 !important;
  border-color: #E7A436;
  border-radius: 1em 0em;
  padding: 0.5em 0.7em;
  margin-left: 37%;
  color: #FFFFFF !important;
  cursor: pointer;
  text-align: center;
  font-weight: 400 !important;
  font-size: 16px;
}
.location label::before{
  background-image: url(../img/address.svg);
  background-repeat: no-repeat;
  content: " ";
  height: 20px;
  display: flex;
  justify-content: center;
  background-size: 20px;
}
.date label::before{
  background-image: url(../img/calendar.svg);
  background-repeat: no-repeat;
  content: " ";
  height: 20px;
  display: flex;
  justify-content: center;
  background-size: 20px;
}
.time label::before{
  background-image: url(../img/time.svg);
  background-repeat: no-repeat;
  content: " ";
  height: 20px;
  display: flex;
  justify-content: center;
  background-size: 20px;
}
.party label::before{
  background-image: url(../img/person.svg);
  background-repeat: no-repeat;
  content: " ";
  height: 20px;
  display: flex;
  justify-content: center;
  background-size: 20px;
}
.email label::before{
  background-image: url(../img/mail.svg);
  background-repeat: no-repeat;
  content: " ";
  height: 20px;
  display: flex;
  justify-content: center;
  background-size: 20px;
}
.phone label::before{
  background-image: url(../img/contact.svg);
  background-repeat: no-repeat;
  content: " ";
  height: 20px;
  display: flex;
  justify-content: center;
  background-size: 20px;
}
.name label::before{
  background-image: url(../img/person.svg);
  background-repeat: no-repeat;
  content: " ";
  height: 20px;
  display: flex;
  justify-content: center;
  background-size: 20px;
}

/* ------- NAVEGATION ------- */
.menu-menu-container{
  width: 100%;
}
.menu{
  display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
/* .image_header{
  background-image: url(../img/Logo_Horizontal.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 50%;
} */
.menu li a{
 text-decoration: none;
 color: white;
}
.menu li{
  padding: 0 12%;
}
.image_header a {
  color: transparent !important;
}
.nav_list li{
  display: contents;
  list-style: none;
  /* width: 40%; */
  list-style: none;
}
li #menu-item-3854 a::before {
  background-image: url(../img/Logo_Horizontal.svg);
  background-repeat: no-repeat;
  content: " ";
  width: 243px;
  height: 60px;
  display: block;
  border-bottom: 2px solid #E7A436 !important;
  padding: 2px 25px 2px 20px;
}
li #menu-item-3861{
  top: 50%;
  position: absolute;
  left: 82%;
  position: fixed;
  z-index: 15;
  display: flex;
  justify-content: center;
  align-items: center;
  content: " ";
}
li #menu-item-3861 a{
content: " ";
text-shadow: transparent;
color: transparent;
text-decoration: none;
}
li #menu-item-3861 a::before{
  background-image: url(../img/Reserva.svg);
    background-repeat: no-repeat;
    content: " ";
    width: 66px;
    height: 82px;
    display: block;
 
}
.menu #menu-item-3852:hover, #menu-item-3841:hover, #menu-item-3838:hover, #menu-item-3839:hover, #menu-item-5505:hover{
  background-color: #E7A436;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 100px;
  height: 29px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu #menu-item-3854:hover{
  border: none;
  background-color: transparent;
}
.nav_list{
  display: flex;
  align-items: center;
  margin-top: 12px;
  width: 100%;
  justify-content: space-between;
}
/* ------  */
nav, .nav-links {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  align-items: center;
}

 .button-viewmore{
  color: var(--bg-title1);
  border: 2px solid var(--bg-title1);
 }
 .button-viewmore-white{
  color: var(--bg-white);
  border: 2px solid var(--bg-white);
 }
.button-viewmore, .button-viewmore-white{
  border-bottom-right-radius: 15px;
  border-top-left-radius: 15px;
  padding: 10px 26px;
  text-decoration: none;
  background: transparent;
  font-size: 17px;
  cursor: pointer;
  display: flex;
  margin: auto;
  width: 125px;
  margin: 20px auto;
}
.button-viewmore:focus, .button-viewmore-white{
  outline: none;
}
.display_none{
  display: none;
}
nav {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 5;
  background-color: #171513;
  padding: 3em;
  opacity: 0.7;
  height: 60px;

}
.perfil_person{
  width: 3%;
}

.nav-links {
    list-style: none;
    width: 30%;
}

.nav-links li a {
  text-decoration: none;
  color: #FFFFFF !important;
}

.logo {
  display: none;
}

.nav-links li:hover{
  background-color: #E7A436;
  border-radius: 20px 0px;
  width: 80px;
  text-align: center;
}


.nav-links .nav-redes-sociales{
  display: none;
} 



.burger div {
  background-color: #e7a436;;
  height: 3px;
  width: 25px;
  margin: 5px;
  transition: all 0.5s ease;
}

.burger {
  display: none;
  width: 3%;
}

nav .shopping-basket{
  position: fixed;
  right: 0;
  top: 110px;
  background-color: #171513;
  padding: 0.6%;
  opacity: 0.7;
  border-radius: 10px 0px 0px 10px;
  border: 1px solid #E7A436;
  border-right: 0;
}

nav .shopping-basket button{
  background: none;
  border: none;
}

nav .shopping-basket .btn_shopping_basket img{
  height: 30px;
}


/* ------- CONTAINER ONE ------- */

.container_one{
  width: 100%;
  z-index: -1;
}

.carousel{
  position: relative;
  overflow: hidden;
}

.slider{
  max-height: 750px;
  width: 300%;
  display: flex;
  flex-direction: row;
  transition: all 0.3s;
}

.slider section{
  flex-basis: 100%;
  display: flex;
  flex-direction: row;
  position: relative;
 
}


.slider section img{
 width: 100%;
 height: 100%;
}

.slider section button{
  position: absolute;
  background-color: transparent;
  border: none;
  top: 70%;
  left: 15%;
}

.slider .banner-text{
  position: absolute;
  top: 30%;
  left: 7%;
  width: 40%;
}

.slider .banner-text h1{
  line-height: 0.8;
  text-align: center;
}

.slider .banner-text h3,
.slider .banner-text-two h3,
.slider .banner-text-three h3{
  text-align: center;
}

.slider section .btn-banner-two{
  position: absolute;
  background-color: transparent;
  border: none;
  top: 55%;
  left: 13%;
}



.slider .banner-text-two{
  position: absolute;
  top: 20%;
  left: 3%;
  width: 40%;
}

.slider .banner-text-two h1,
.slider .banner-text-two h2{
  text-align: center;
  line-height: 0.8;
}

.slider section .btn_section_two img{
  height: 40px;
}


.slider section button img {
  height: 40px;
}

.slider .banner-text-three{
  position: absolute;
  top: 40%;
  right: 10%;
  width: 45%;
}

.slider .banner-text-three h1,
.slider .banner-text-three h2{
  text-align: center;
  line-height: 0.8;
}

.slider section .red_social{
  position: absolute;
  background-color: transparent;
  border: none;
  display: flex;
  justify-content: space-between;
  top: 78%;
  right: 9%;
}

.slider section .red_social img{
  height: 60px;
}
.controls ul {
  position: absolute;
  list-style: none;
  transform: translate(-50%);
  top: 50%;
  left: 4%;
}

.controls ul li{
  width: 14px;
  height: 14px;
  border-radius: 24px;
  border: 1px solid #E7A436;
  margin: 20px;
  cursor: pointer;
}

.controls ul li.selected{
  background: #E7A436 ;
  
}

/* ------- CONTAINER TWO ------- */



.container_two{
  background-image: url(../img/bg_two.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  /*margin-top: -3em;*/
  position: relative;
  padding: 0;
    margin: 0;
}

/* ------- CONTAINER TWO/CONTAINER TWO ONE ------- */
.container_two_one{
  margin-top: 1em;
}

.container_two_tittle{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.container_two_subtittle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.container_two_subtittle .rectangulo {
  width: 25px;
  height: 2px;
  background-color: #ffff;
  margin: 0em 0.8em;
}

.container_two h1{
  /*margin-top: 3em;*/
  color: #E7A436;

}


.container_two_tittle h2{
  color: #FFFFFF;
}

.card-group{
  margin-top: 1em;
  display: flex;
  justify-content: space-around;
}

.card{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left;
    position: relative;
}
/*
.card a.card-link{
  width:450px;
}*/

.card_one{
  display: none;
}


.card-img-top{
     width: 75%;
  margin: 0 auto;
  display: flex;
}
.card-body{
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #ffff;
  width: 75%;
  height: 25%;
  top: 75%;
  border-radius: 0em 0em 1em 1em;
}
.card-body .card-body-text a{
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.card-body .card-body-text a:hover{
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.material-icons.orange{
  color: #E7A436;
  
}

.container_two .container_two_one{
  margin-top: -1em;
}

.container_two .container_two_one button{
  margin: 2em 0em;
  width: 100%;
  border: none !important;
  background: none;
}

.container_two .container_two_one button:focus{
  outline: none;
}


.container_two .container_two_one button img{
 height: 45px;
}

/* ------- CONTAINER TWO/CONTAINER TWO TWO ------- */

.card-group-two{
  margin-top: 1em;
  display: flex;
  flex-wrap: wrap;
  padding: 1em 3em;
}

.card_two {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
}

.card_two img{
  width: 100%;
  height: 100%;
}

.card_blog_text{
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.card_blog_text.card_blog_text_one{
  border-radius: 25px 0px 0px 0px;
}

.card-body-two .btn_leermas,
.card-body-two .btn_leermas{
  margin-left: 3em;
  margin-bottom: 0.5em;
  color: #E7A436;
  background-color: transparent;
  border: 1px solid #E7A436;
  border-radius: 1em 0em;
  padding: 0.3em 0.7em;
}


.card_blog_text.card_blog_text_two{
  border-radius: 0px 0px 25px 0px;
}

.card-body-text-two{
  padding: 1em 3em;
}

.card-title-two{
  margin-bottom: 0.3em;
}

.card-text-two{
  color: #707070;
}


/* ------- CONTAINER TWO/CONTAINER TWO THREE ------- */
.title_reservas{
  margin-top: 25% !important;
}
.container_two_three{
  margin-top: 2em;
  margin-bottom: 8em;
}

.card-group-three{position: relative;
  padding: 3em 7em 6em;
}

.card-group-three-item{
  display: flex;
}
.card-group-three-item-one{
  /*background-image: url(../img/Recuadritriangulos.png);*/
	background-image: url(https://lamalsentada.co/wp-content/uploads/2021/02/Recuadritriangulos.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 2em 0em 0em 2em;
  width: 30%;
}
.img_card_font{
  width: 21%;
  height:378px;
  position: absolute;
  top: 74%;
  right: 3%;
  opacity: 0.02;
  height: 433px;
}


.card-group-three-item-two{
  background-color: #FFFFFF !important;
  border-radius: 0em 2em 2em 0em;
  padding: 3em 4em;
  width: 70%;
}

.card-group-three-item-two-one{
  display: flex;
  flex-wrap: wrap;
}

.card-group-three-item-two-one-items{
  width: 50%;
  display: flex;
  align-items: center;
  margin-top: 1em;
}

.card-group-three-item-two-one-items img{
width: 23px;
  margin-right: 1em;
  height: 23px;
}
.container-form-reservas{
  display: flex;
}
.container-left{
  flex: 1;
  display:flex;
  flex-flow: column;
}
.container-rigth{
  flex: 1;
  display:flex;
  flex-flow: column;
}

.card-group-three-item-two-one-items input[type='date']::-webkit-inner-spin-button{ 
  display: none !important;
}


.card-group-three-item-two-one-items input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.card-group-three-item-two-one-items input[type='date']::-webkit-calendar-picker-indicator{
  opacity: 0;
}

.card-group-three-item-two-one-items select,
.card-group-three-item-two-one-items input[type='date']{
  -webkit-appearance: none;
  background-image: url(../img/arrrowdown.svg);
  background-repeat: no-repeat;
  border: 1px solid #F7F7F7;
  font-size: 0.8em;
  font-family: 'Source Sans Pro' !important;
  font-weight: 400;
  background-position: 97% 50%;
  border-radius: 10px;
  padding: 0.5em;
  color: #4B4B4B !important;
  width: 200px;
  background-color: #F7F7F7;
  font-size: 16px;
}

.card-group-three-item-two-one-items input{
  border: 1px solid #F7F7F7;
  padding: 0.5em;
  border-radius: 10px;
  background-color: #F7F7F7;
  width: 200px;
  font-size: 0.8em;
  font-family: 'Source Sans Pro' !important;
  font-weight: 400;
  font-size: 16px;

}

.card-group-three-item-two-one-items .btn-right{
  border-radius: 0px 10px 10px 0px;
  
}

.card-group-three-item-two-one-items .btn-left{
  border-radius: 10px 0px 0px 10px;
} 

.card-group-three-item-two-one-items .card-group-three-item-two-one-items-number{
  border-radius: 0px !important;
}

.card-group-three-item-two-one-items button,
.card-group-three-item-two-one-items .card-group-three-item-two-one-items-number{
  width: 10%;
  border: 1px solid #F7F7F7;
  padding: 3%;
  background-color: #F7F7F7;

}

.card-group-three-item-two button.btn-reserva{
  margin-top: 1em;
  background-color: #E7A436 !important;
  border-color: #E7A436;
  border-radius: 1em 0em;
  padding: 0.5em 0.7em;
  margin-left: 37%;
}

.cestadeaji{
  position: absolute;
  top: 74%;
  left: 0%;
}

.img_aji{
  position: absolute;
  top: 81%;
  left: 15%;
}

.img_perejil{
  position: absolute;
  top: 69%;
  right:-3%;
}


.cestadeaji img{
  width: 65%;
}



/*------------FOOTER--------------*/
footer{
  background-color: #EBEAEF;
}

.footer_one {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 2em 2em 3em;;
	align-content: start;

}

 .footer_one_img img{
  width: 100%;
}

.footer_two {
  width: 40%;
  position: absolute;
  display: flex;
  right: 0em;
}

.footer_two img{
  width: 100%;
}

.footer_one_calendar .footer-table .footer-table-td{
  border-bottom: 1px dotted #4B4B4B !important;
  padding: 0.2em !important;
}

.footer_one_calendar .footer-table .footer-table-td{
  background-image:none !important;
}


.footer_one_reds .footer_one_reds_icon{
  display: flex;
  justify-content: space-between;
  background-color: #E86F14 ;
  padding: 1em 1.5em 0em;
  width: 197px;
}

.footer-two{
  display: none;
}

.footer_one_reds .footer_one_reds_icon a img{ 
  height: 60%;
}

.td_right{
  text-align: right;
}
.image_footer{
  height: 25px;
  position: relative;
  top: 17px;
  left: 73%;
}

/*----------- MEDIAQUERIES -----------------------*/

@media screen and (max-width: 1182px){
  .image_footer{
    left: 3%;
  }
  li #menu-item-3861{
    left: 80%;
  }

  .nav_list li{
    width: 36%;
  }
  .slider .banner-text-three {
    position: absolute;
    top: 40%;
    right: 10%;
    width: 65%;
  }

  .slider section .red_social {
    position: absolute;
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: space-between;
    top: 85%;
    right: 9%;
}
  .card-title, .card-text {
    font-size: 1em !important;
  }

}


@media screen and (max-width: 968px){
  .card-group-three-item-two{
    padding: 1em 4em;
  }
  .container-form-reservas{
flex-flow: column;
  }
  .card-title, .card-text {
    font-size: 0.85em !important;
  }

  .card-group-two {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    padding: 1em 2em;
  }

  .slider section button {
    position: absolute;
    background-color: transparent;
    border: none;
    top: 78%;
    left: 15%;
  }
  
  .slider .banner-text {
    position: absolute;
    top: 23%;
    left: 7%;
    width: 40%;
}
  
  .slider .banner-text-two{
    position: absolute;
    top: 15%;
    left: 3%;
    width: 40%;
  }
  
  .slider .banner-text h3,
  .slider .banner-text-two h3{
    text-align: center;
    font-size: 1.25em !important;
  }
  
  .slider section .btn-banner-two {
    position: absolute;
    background-color: transparent;
    border: none;
    top: 58%;
    left: 4%;
  }
  
  .banner-text-three {
    position: absolute;
    top: 20%;
    right: 10%;
    width: 45%;
  }

  .card-group-three-item-two{
    border-radius: 0em 2em 2em 0em;
    padding: 1em 5em;
  }


}


@media  screen and (max-width: 970px){
  .rtb-booking-form-form{
    display:flex;
    flex-flow: column;
    justify-content: center;
  }

}

@media screen and (max-width: 768px) {
  .picker__input, .rtb-text input, .rtb-select select{
    width: 220px !important;
  }
  .rtb-booking-form fieldset{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
  }
  .rtb-booking-form-form button{
    margin-left: 0px;
     width: 215px;
     margin-top: -22px;}
  .location label::before, .date label::before, .time label::before, .party label::before, .email label::before, .phone label::before, .name label::before{
background-image: none;
margin-top: -22px;
  }
  .rtb-booking-form-form label{
    margin-top: 0px;
  }
  li #menu-item-3861{
    position: relative;
    justify-content: start;
    left: 0px;
    display: none;
    margin-bottom: 3px;
    top: -35px;
    border-bottom: none !important;
  }
  #menu-item-3841{
    border-top: 1px solid #E7A436;
  }
  li #menu-item-3861 a{
  content: " ";
  color: #6c200f;
  }
  li #menu-item-3861 a::before{
    background-image:none;   
  }
  .title_reservas{
    margin-top: 41%;
  }
 
  .nav-links {
    position: absolute;
    left: 0;
    top: 60px;
    width: 290px;
    padding: 0.3em;
    display: block;
    transform: translateY(100%);
  } 

  .nav-links li {
    display: none;
    border-bottom: 1px solid #E7A436;
    justify-content:left;
    margin:0em 1em;
    font-size: 1.5em;
    align-items:center;
    flex: 0 0 auto;
    height: 50px; 
  }

  .nav-links li:hover {
    background-color: #E7A436;
    border-radius: 20px 0px;
    width: 80%;
    text-align: center;
}

  .nav-links li a{
    color: #6c200f !important;
  }

  .nav-clicked > li{
    display: flex !important;
  }
  .nav-clicked .list_back{
    display: flex;
  }
  .nav-clicked {
    transform: translateY(0%);
    background-color: #f4f7f4;
    height: 334px;
    border-radius: 0em 1em 0em 1em;
    box-shadow: 5px 5px #e7a436;
  }

  .controls ul {
    position: absolute;
    list-style: none;
    transform: translate(-50%);
    top: 85%;
    left: 50%;
    display: flex;
  }

  #menu-item-3854{
    display: none !important;
  }
  .nav_list li{
    width: 100%;
  }
  .menu {
    position: absolute;
    left: 0;
    bottom: 1%;
    width: 290px;
    padding: 0.3em;
    display: block;
    transform: translateY(100%);
  }
  
  .menu li{
    display: none;
    border-bottom: 1px solid #E7A436;
    justify-content:left;
    padding: 11px 0 0 18px;
    font-size: 1.5em;
    align-items:center;
    flex: 0 0 auto;
    height: 50px;
  }
  .menu #menu-item-3852:hover, #menu-item-3841:hover, #menu-item-3838:hover, #menu-item-3839:hover{
    background-color: transparent !important;
    border-top-left-radius: 0px;
    border-bottom-right-radius:0px;
    height: 50px;
    width: 100%;
    justify-content: start;
  }
  .menu li a{
    color: #6c200f !important;
  }
  .menu-item-3854{
    display: none;
  }
  
  .footer_one{
      display: grid;
    grid-template-columns: 2fr 6fr;
    gap: 0px 0px;
    grid-template-areas:
        "image horarios"
        "adress redes"
        "adress contacto";
    padding: 1em 2em;
    display: grid;
    grid-template-columns: 2fr 5fr;
    grid-template-rows: 1fr; 
    gap: 0px 0px;
    grid-template-areas:
        "image horarios"
        "adress adress"
        "redes redes";
  }
  
  .footer_one_img { grid-area: image;
    margin: auto;  }
  
  .footer_one_adress { grid-area: adress;}
  
  .footer_one_calendar { grid-area: horarios; 
    margin: auto; }
  
  .footer_one_reds { grid-area: redes;
    margin: auto; }
  
  .footer_one_email { grid-area: contacto; 
    margin: auto; }

 .footer_one .textwidget .email{
      display: none;
  }
  .footer-two{
    display: flex;
  }
  .footer-two .textwidget .email{
    margin: 0 71%;
    display: flex;
  }
  .footer-two .textwidget .number{
    display: none;
  }
  .footer-one{
    display: none;
  }
  .display_none{
    display: flex;
    flex-flow: column;
  }

  nav {
    padding: 1em 3.5em 0em 1em;
    justify-content: space-around;
    align-items: center;
    opacity: 1;
  }
  .burger {
    display: block;
    width: 20%;
    cursor: pointer;
  }

  nav .shopping-basket {
    position: absolute !important;
    top: 1em;
    border: 0;
    background-color: transparent;
    padding: 0em 1em 0em 0em;
    opacity: 1;
    order: 6;
  }

  .perfil_person{
    order: 5;
    width: 21%;
  }

  .logo{
    margin-left: 20%;
    width: 119%;
    display: flex;
    border-bottom: 1px solid #E7A436;
  }

  .logo img{
    height: 40px;
  }
  .controls ul li {
    width: 8px;
    height: 8px;
    border-radius: 20px;
    border: 1px solid #E7A436;
    margin: 13px;
    cursor: pointer;
  }

  .slider .banner-text h1 {
    font-size: 4em;
  }

  .slider section .btn-banner-two {
    position: absolute;
    background-color: transparent;
    border: none;
    top: 75%;
    left: -3%;
  }

  .slider .banner-text-three {
    position: absolute;
    top: 40%;
    right: 10%;
    width: 55%;
}

  .slider .banner-text-three h2 {
    font-size: 3em;
}

  .slider .banner-text-three h3 {
    font-size: 1em !important;
}


  .slider section .red_social {
    position: absolute;
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: space-between;
    top: 81%;
    right: 1%;}

  .card_one{
    display: block;
  }

  .card-group{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .card img{
    height: 100%;
    width: 100%;
  }

  .card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left;
    position: relative;
    width: 46%;
    margin-bottom: 1em;
  }
  .card-body {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #ffff;
    width: 100%;
    height: 25%;
    top: 75%;
    border-radius: 0em 0em 1em 1em;
}

.card-title, .card-text {
  font-size: 1em !important;
}

 .card-group-two {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    padding: 0em;
  }
  .card-body-text-two{
    padding: 1em;
  }
  .card-title-two{
    font-size: 1.5em !important;
  } 


  .card-group-three {
    padding: 1em 0em;
}

.card-group-three-item-one h1{
  font-size: 4em;
}

.cestadeaji img {
    width: 50%;
}

.img_perejil img{
  width: 84%;
}
.img_perejil{
  top: 90%;
    margin-left: 29%;
    right: auto;
}
.img_aji {
  top: 71%;
  left: 18%;
} 

.img_aji img{
  width: 57%;
}



.card-group-three-item-two-one-items button, .card-group-three-item-two-one-items .card-group-three-item-two-one-items-number {
  width: 15%;
  border: 1px solid #F7F7F7;
  padding: 3%;
  background-color: #F7F7F7;
}


.card-group-three-item-two button.btn-reserva {
  margin-top: 1em;
  background-color: #E7A436 !important;
  border-color: #E7A436;
  border-radius: 1em 0em;
  padding: 0.5em 0.7em;
  margin-left: 37%;
  font-size: 1em !important;
}

}

@media screen and (max-width:660px){

.container_two {
    margin-top: -2em;
}

}


@media screen and (max-width: 600px) {

  .card-body{
    height: 56px;
  }
  .card-body-text  a i{
    font-size: 20px !important;

  }
  .slider section button img {
    height: 30px;
  }

  .slider section .red_social img{
    height: 50px;
  }

  .container_two_tittle h1,
  .container_two_tittle h2{

    font-size: 1.5em !important;
  }

  .card-body-text-two{
    padding: 1em 0em 1em 1em;
  }

  .slider .banner-text h1{

    font-size: 3em !important;
}

  .slider .banner-text h3{
    text-align: center;
    font-size: 1em !important;
  }

  .slider .banner-text-three h2 {
    font-size: 2em;
}

.slider .banner-text-three h1 {
  font-size: 3em;
}

.slider .banner-text-three h3 {
  font-size: 0.8em !important;
}

.slider section .red_social {
  position: absolute;
  background-color: transparent;
  border: none;
  display: flex;
  top: 70%;
  right: 0%;
}

.card-group-three-item-two {
  background-color: #FFFFFF !important;
  border-radius: 0em 2em 2em 0em;
  padding: 0.5em;
  opacity: 0.9;
  width: 70%;
}


.card-group-three-item-two-one-items.select-restaurant{
  width: 100%;
}

.card-group-three-item-two-one-items.select-restaurant img {
  width: 10%;
  margin-right: 1em;
}
.card-group-three-item-one{
  width: 40%;
}

}

@media screen and (max-width: 488px) {
  .rtb-confirm  label{
    font-size: 12px;
    margin-bottom: 0px;
  }
  .location label::before, .date label::before, .time label::before, .party label::before, .email label::before, .phone label::before, .name label::before{
    margin-top: -34px !important;
      }
      .title_reservas {
        margin-top: 150% !important;
    }
  .slider section{
    height: 335px;
  }
  .cestadeaji img {
    width: 42%;
}
.cestadeaji{
  top: 75%;
}
  .card-group-three-item-two-one-items select, .card-group-three-item-two-one-items input[type='date']{
    font-size: 12px;
    width: 95%;
  }
.card-group-three-item-two-one-items input{
  font-size: 12px;
  width: 150px;
}
.card-group-three-item-two-one-items.select-restaurant img, .card-group-three-item-two-one-items img{
  width: 19px;
  height: 19px;
}
  .footer_one_reds, .footer_one_img, .footer_one_calendar .footer_one_email { 
    margin: 0; }
    .footer-two .textwidget .email{
      margin: 0 30%;
    }
    .footer_one_img img{
      width: 100%;
    	height: auto;
    }
  .footer_one_reds .footer_one_reds_icon{
    width: auto;
  }
  .footer_one{
    padding: 1em 1em;
  }
  .footer_one p, .footer_one td{
    font-size: 12px !important;
      }
  .container_two_tittle h1,
  .container_two_tittle h2{
    font-size: 1.2em !important;
  }
  .card{
    width: 48%;
  }


  .slider .banner-text-two h1{
    font-size: 2.5em;

  }

  .slider .banner-text-two h2{
    font-size: 2em;
  }

  .slider .banner-text-two {
    position: absolute;
    top: 25%;
    left: 1%;
    width: 47%;}

  .slider .banner-text-two h3{
    font-size: 0.8em !important;
  }
  .slider section .btn-banner-two {
    position: absolute;
    background-color: transparent;
    border: none;
    top: 76%;
    left: -12%;
}

.card-body-two .btn_leermas,
.card-body-two .btn_leermas{
    margin-left: 1em;
    margin-bottom: 0.5em;
    color: #E7A436;
    background-color: transparent;
    border: 1px solid #E7A436;
    border-radius: 1em 0em;
    padding: 0.3em 0.7em;
    font-size: 1em !important;
}
 
}

@media screen and (max-width: 455px) {

  .slider section br {
    display: none !important;
  }
  .slider section button img{
    height: 25px;
  }
  
  .slider .banner-text h1 {
    font-size: 2em !important;
  }
  .slider .banner-text h3, .slider .banner-text-two h3 {
    text-align: center;
    font-size: 0.8em !important;
}

.slider section button {
  position: absolute;
  background-color: transparent;
  border: none;
  top: 83%;
  left: 1%;
}

  .perfil_person img{
    height: 25px;
  }

  .slider .banner-text-three {
    position: absolute;
    top: 36%;
    right: 6%;
    width: 70%;
}

  .slider .banner-text-three h2 {
    font-size: 2em;
}

.slider .banner-text-three h1 {
  font-size: 2em;
}

.slider .banner-text-three h3 {
  font-size: 0.8em !important;
}

.slider section .red_social {
  position: absolute;
  background-color: transparent;
  border: none;
  display: flex;
  top: 73%;
  width: 40%;
  right: 0%;
}

  .controls ul {
    position: absolute;
    list-style: none;
    transform: translate(-50%);
    top: 80%;
    left: 50%;
    display: flex;
}
  nav .shopping-basket .btn_shopping_basket img{
    height: 25px;
  }
 
  .slider section .red_social img{
    height: 35px;
  }

  .card-title{
    font-size: 12px !important;
    margin-left: 9px;
    
  }

  .card-text {
    font-size: 11px!important;
    padding: 1px 5px 9px 10px;
    
  }

  .container_two .container_two_one button img{
    height: 38px !important;
   }

   .card-title-two{
    font-size: 1.2em !important;
    margin-bottom: 0;
  } 
  .card-text-two {
    font-size: 0.65em !important;
    line-height: 0em !important;
  }

  .card-body-text-two{
    padding: 1em 1em 0em 1em;
  }

  .card-text-two-hide{
    display: none;
  }

  .card-body-two .btn_leermas {
    margin-top: 0.5em;
    margin-left: 1em;
    margin-bottom: 0.5em;
    color: #E7A436;
    background-color: transparent;
    border: 1px solid #E7A436;
    border-radius: 1em 0em;
    padding: 0.3em 0.7em;
    font-size: 0.8em !important;
}

.card-group-three-item-one h1 {
  font-size: 3em;
}
.card-group-three-item-two {
  background-color: #FFFFFF !important;
  border-radius: 0em 2em 2em 0em;
  padding: 0.5em;
  opacity: 0.9;
  width: 70%;
}

.card-group-three-item-two h2{
  font-size: 1.2em !important;
}


.card-group-three-item-two-one-items button, .card-group-three-item-two-one-items .card-group-three-item-two-one-items-number {
  width: 25%;
  border: 1px solid #F7F7F7;
  padding: 3%;
  background-color: #F7F7F7;
}

.card-group-three-item-two button.btn-reserva {
  margin-top: 0.5em;
  background-color: #E7A436 !important;
  border-color: #E7A436;
  border-radius: 1em 0em;
  padding: 0.3em 0.4em;
  margin-left: 37%;
  font-size: 0.8em !important;
}

}

@keyframes navLinkAnimation {
  from {
    opacity: 0%;
  }

  to {
    opacity: 100%;
  }
}

/*.footer-email::before {
    background-image: url(../img/mail.svg);
    background-repeat: no-repeat;
    content: " ";
    height: 20px;
    display: flex;
    justify-content: center;
    background-size: 20px;}*/



.footer_one .footerlink {
	color:#4B4B4B;
	text-decoration:none;
}

.mayus{
text-transform: uppercase;
}


.page-id-5538 .container_one{
	z-index: 2;
    position: relative;
    background: black;
}

.page-id-5538 .content-header img{
	max-height: 650px;
    object-fit: fill !important;
    max-width: 100%;
    min-height: 170px;
    margin-top: 6rem;
}

.page-id-5538 .container_two_nosotros{
	margin-top: -5em !important;
}