@import "animate.css";
@import url("//cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.1/css/all.min.css");
@font-face {
   font-family: 'theswing';
   src: url('../fonts/Swing.woff2') format("woff2");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
/*========================================================
                    Main layout styles
=========================================================*/
*{
	margin: 0;
	padding: 0;	 
  box-sizing: border-box;
}
body {
  font: 400 17px/29px "Georgia", serif;
  color: #DCB371;
  background: url(../images/background1.jpg) repeat;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  color: #DCB371;
}
img {
  max-width: 100%;
}
* {
  -webkit-text-size-adjust: none;
}
.div__relative {
  position: relative;
}
/* ======= Headers ======= */
h2 {
  font: 400 59px/59px "theswing";
  color: #DCB371;  /* color titulos banners*/
}
@media (max-width: 979px) {
  h2 {
    font-size: 45px;
    line-height: 45px;
  }
}
@media (max-width: 479px) {
  h2 {
    font-size: 30px;
    line-height: 30px;
  }
}
.heading1 {  
	padding-top: 26px;
  margin-bottom: 26px;
}
.heading1 h2 {
  margin-bottom: 17px;
	text-align: center;
	}
.heading1 .secondary {
  font: 400 45px/45px "theswing";
  color: #DCB371; /*color letras titulo secundario*/
	text-align: center;
}
@media (max-width: 479px) {
  .heading1 .secondary {
    font-size: 20px;
    line-height: 20px;
  }
}
h3 {
  font: italic 400 27px/42px "Georgia", serif;
  color: #ffffff;
  font-size: 15px;
}
/* ======= Buttons ======= */
.btn-default {
  font: italic 400 25px/33px "theswing";
  color: #DCB371;
  border: 2px solid #DCB371;
  display: inline-block;
  text-align: center;
  padding: 15px 40px 18px;
	background: none;
	cursor: pointer;
}
.btn-default:disabled{
	filter: grayscale(1);
	cursor: default;
	
}
.btn-tt {
  color: #DCB371;
  border: 2px solid #DCB371;
  display: inline-block;
  text-align: center;
  padding: 10px 30px 8px;
	background: transparent;
	cursor: pointer;
}
.adtex{
	text-align: center;
}
.btn-flotante {
	font-size: 12px; /* Cambiar el tamaño de la tipografia */
	letter-spacing: 1px; /* Espacio entre letras */
	background :rgb(79,72,72, 0.9);
	padding: 8px 10px; /* Relleno del boton */
	position: fixed;
	bottom: -45px;
	left: 10px;
	transition: all 600ms ease 10ms;
	z-index: 99;
	height: 59px;
}
.btn-flotante:hover {	
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-35px);
}

/* ======= Wrappers ======= */
.wrapper1 {
  padding: 100px 0;
}
.wrapper1.wrapper1__inset1 {
  padding-bottom: 70px;
}
@media (max-width: 767px) {
  .wrapper1 {
    padding: 50px 0;
  }
}
.wrapper2 {
  padding-bottom: 99px;
}
.wrapper3 {
  padding: 164px 0 91px;
}
.wrapper4 {
	display:grid;
  padding-bottom: 47px;
}
.wrapper5 {
  padding-bottom: 60px;
}
/* ======= Button-wrapper ======= */
.button-wrapper {
  text-align: center;
}
.button-wrapper.button-wrapper__offset1 {
  margin-top: -26px;
}
/*========================================================
                    HEADER styles
=========================================================*/
#header {
  z-index: 1;	
}
/* ===================== Logo ===================== */
h1 {
  display: block;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
  color: #DCB371;
}
h1 span {
  display: block;
}
h1 .main {
  font: 400 67px/67px "theswing";/* modificar fuente de el titulo aqui */
  text-shadow: 3px 4px 0px rgba(0, 0, 0, 0.32);
  margin-bottom: -1px;
}
@media (max-width: 767px) {
  h1 .main {
    font-size: 36px;
    line-height: 40px;
	  width: 100%;
  }
}
h1 .secondary {
  font: 400 22px/33px "theswing";
  /*text-transform: uppercase;*/
  letter-spacing: 0.120em;
}
@media (max-width: 767px) {
  h1 .secondary {
    letter-spacing: 0;
    font-size: 20px;
    line-height: 20px;
  }
}
/* Main menu styles
========================================================*/
.navbar-fixed {
  position: fixed;
  }
nav{
    width: 100%;    
    display: flex;
	flex-direction: column;
	z-index: 50;
	
    }
.logo{
  display: none;
}
/*Styling Links*/
.nav-links{
	display: flex;
	font: 400 27px/29px "theswing", serif;
	height: 3rem;
	padding: 0 0.7vw;
	justify-content: space-evenly;
	align-items: center;
	z-index: 50;
	background: rgba(79, 72, 72, 0.9);
}
/*Styling Hamburger Icon*/
.hamburger div{
    width: 30px;
    height:3px;
    background: #f2f5f7;
    margin: 5px;
    transition: all 0.3s ease;
}
.hamburger{
    display: none;
}
/*Stying for small screens*/
@media screen and (max-width: 1023px){
    nav{
		z-index: 50;
		width: 100%;
    }
    .hamburger{
        display:block;
        position: absolute;
        cursor: pointer;
        right: 3%;
		top: 2.5rem;
        transform: translate(-5%, -50%);
        z-index: 500;
        transition: all 0.7s ease;
    }
		/*Styling logo*/
.logo{
	display: block;
	background: rgba(79, 72, 72, 0.9);
	width: 100%;
}
	.logo_desk{
display: none;
		
}
    .nav-links{
        position: fixed;
        background: #131418;
        height: 100vh;
		width: 100%;
        flex-direction: column;
        clip-path: circle(0 at 100% -20%);
        -webkit-clip-path: circle(0 at 100% -10%);
        transition: all 1s ease-out;
        pointer-events: none;
		justify-content: center;
		top: 0;
	}
    .nav-links.open{
        clip-path: circle(2000px at 100% 0);
        -webkit-clip-path: circle(2000px at 100% 0);
        pointer-events: all;
    }
    .nav-links li{
        opacity: 0;
		margin: 5px;
    }
    .nav-links li:nth-child(1){
        transition: all 0.5s ease 0.2s;
    }
    .nav-links li:nth-child(2){
        transition: all 0.5s ease 0.4s;
    }
    .nav-links li:nth-child(3){
        transition: all 0.5s ease 0.6s;
    }
    .nav-links li:nth-child(4){
        transition: all 0.5s ease 0.7s;
    }
    .nav-links li:nth-child(5){
        transition: all 0.5s ease 0.8s;
    }
    .nav-links li:nth-child(6){
        transition: all 0.5s ease 0.9s;
        margin: 0;
    }
    .nav-links li:nth-child(7){
        transition: all 0.5s ease 1s;
        margin: 0;
    }
    li.fade{
        opacity: 1;
    }
}
@media screen and (max-width: 767px){
    nav{
        z-index: 10;		
		}
	.hamburger{
        right: 2%;
		top: 1.5rem;
        }
	/*Styling logo*/
.logo{
	width: 100%;
}
     }
/*Animating Hamburger Icon on Click*/
.toggle .line1{
    transform: rotate(-45deg) translate(-5px,6px);
}
.toggle .line2{
    transition: all 0.7s ease;
    width:0;
}
.toggle .line3{
    transform: rotate(45deg) translate(-5px,-6px);
}
/*========================================================
                    CONTENT styles
=========================================================*/
#content.common {
  padding-top: 10px;
}
@media (max-width: 1199px) {
  #content.common {
    padding-top: 20px;
  }
}
/* ======= Camera Slogan ======= */
.slogan1 {
  text-align: center;
  color: #DCB371;
}
.slogan1 span {
  display: block;
}
.slogan1 .first {
  font: italic 400 65px/65px "Georgia", serif;
  margin-bottom: 12px;
}
.slogan1 .second {
  font: 300 55px/55px "Georgia", serif;
  margin-bottom: 21px;
}
.slogan1 .swing {
  font: 300 55px/55px "theswing", serif;
	display: inline-block;
}
.slogan1 .swing1 {
  font: 300 55px/55px "Geogia", serif;
 
	display: inline-block;
}
.slogan1.slogan1__inset1 .second {
  margin-bottom: 31px;
}
@media (max-width: 1199px) {
  .slogan1 .first {
    font-size: 30px;
    line-height: 30px;
  }
  .slogan1 .second {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .slogan1 .first {
    font-size: 20px;
    line-height: 20px;
  }
  .slogan1 .second {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 0;
  }
}
/* ======= Box 1 Welcome ======= */
.box1 {
  text-align: center;
}
.box1 img {
  border: 8px solid #2a2b2d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box1 .btn-default {
  margin-top: 27px;
}
.box1 .heading1,
.box1 p {
  padding: 0 45px;
}
@media (max-width: 767px) {
  .box1 .heading1,
  .box1 p {
    padding: 0;
  }
}
.box1 .heading1 {
  margin-top: 65px;
}
.box1.box1__inset1 img {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .box1.box1__inset1 img {
    margin-top: 30px;
    margin-bottom: 0;
  }
}
/* ======= Banner 1  Tercera franja ======= */
.banner1 {
  padding: 40px 0 40px;
}
@media (max-width: 979px) {
  .banner1 {
    padding: 100px 0;
  }
}
/* ======= Google map main page ======= */
.google-map_main {
  position: relative;
  overflow: hidden;
}
.google-map_main .info  {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  text-align: center;
  top: 0px;
  background: rgba(0, 0, 0, 0.8);
}
.google-map_main .info i {
  font-size: 74px;
  line-height: 20px;
  color: #eee5dd;
  display: block;
  margin-bottom: 38px;
}
.google-map_main .info .address {
  left: 0;
  right: 0;
  position: absolute;
  top: 60%;
  margin-top: -75px;
}
.google-map_main .info address {
  display: block;
}
.google-map_main .info address .our-address {
  display: block;
  margin-bottom: 2px;
  font-style: italic;
}
.google-map_main .info address .phone {
  font: italic 400 45px/45px "Georgia", serif;
  color: #DCB371;
  display: block;
}
@media (max-width: 479px) {
  .google-map_main .info address .phone {
    font-size: 30px;
    line-height: 30px;
  }
}
.google-map_main iframe {
  width: 100%;
  height: 484px;
}
/* ======= Box 2 Who we are ======= */
.box2 img {
  border: 8px solid #2a2b2d;
  margin-top: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box2 .heading {
  color: #DCB371;
  display: block;
  margin-bottom: 29px;
}
.box2 .btn-default {
  margin-top: 27px;
}
@media (max-width: 767px) {
  .box2 img {
    width: 100%;
    margin-bottom: 20px;
  }
}
/* ======= Box 4 our cooks ======= */
.box4 {
  margin-top: 8px;
}
.box4 img {
  margin-bottom: 22px;
}
.box4 .heading {
  display: block;
  color: #DCB371;
}
@media (max-width: 767px) {
  .box4 {
    margin-bottom: 50px;
  }
  .box4 img {
    width: 100%;
  }
}
/* ======= Box 5 Our menu ======= */
.box5 {
  margin-top: -3px;
  margin-bottom: 56px;
}
.box5 img {
  margin-top: 11px;
}
.box5 h3 {
  margin-bottom: -3px;
}
.box5 .price {
  display: block;
  font: 400 40px/40px "Alfa Slab One", sans-serif;
  color: #ffffff;
  margin-top: 21px;
}
@media (max-width: 767px) {
  .box5 img {
    margin-bottom: 20px;
  }
}
@media (max-width: 479px) {
  .box5 img {
    width: 100%;
  }
}
/* ======= Box 7 Gallery ======= */
.box7 {
  margin-top: 8px;
  margin-bottom: 52px;
  border: 8px solid #2a2b2d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box7 .gallery_image {
  border-bottom: 0px solid #2a2b2d;
}
.box7 .content {
  padding: 19px 20px 33px;
}
.box7 .content h3 {
  margin-bottom: -3px;
}
/* ======= Box 8 Photo archive ======= */
.box8 {
  margin-top: 4px;
  margin-bottom: 56px;
}
/* ======= Box 9 Privacy Policy ======= */
.box9 p {
  margin-bottom: 29px;
}
.box9 .heading {
  display: block;
  color: #ffffff;
}
.box9 .simple-link {
  margin-top: 30px;
}
.box9.box9__inset1 p {
  color: #ffffff;
}
.gallery_index{
	width: 100%;
	height: auto;
}
/* ======= Simple link ======= */
.simple-link {
  display: inline-block;
  color: #ffffff;
  text-decoration: underline;
}
/* ======= List 1 ======= */
.list1 a:hover {
  color: #d1ffc8;
}
.list1 li {
  font: 400 17px/21px "Georgia", serif;
  color: #ffffff;
  text-transform: none;
  padding-left: 24px;
  display: block;
  position: relative;
}
.list1 li:before {
  left: 0;
  top: 0;
  font-family: FontAwesome;
  font-size: 15px;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  line-height: 21px;
  content: '\f054';
}
.list1 li + li {
  margin-top: 16px;
}
/* ======= List 2 (Pricing) ==================================== */
.extra {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 15px;
  font-weight: bold;
}
.price{
	grid-column: 6 / 6;
  grid-row: 2;
font-weight: bold;
}
.price_chuleton{
	grid-column: 6 / 6;
  grid-row: 3;
font-weight: bold;
}
.price_buey{
	grid-column: 6 / 6;
  grid-row: 4;
font-weight: bold;
}
.ham{
	grid-column: 2/ 5;
  grid-row: 2;
	font-weight: bold;
}
.ham1{
	grid-column: 2/ 5;
  grid-row: 3;
	font-weight: bold;
}
.ham2{
	grid-column: 2/ 5;
  grid-row: 4;
	font-weight: bold;
}
.con {
  grid-column: 2 / 6;
  grid-row: 5;
}
.extra1 {
  grid-column: 2 / 6;
  grid-row: 6;
	text-align: center;
}
.extra2 {
  grid-column: 2 / 7;
  grid-row: 7;
}
.bebidas {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 15px;
	font-weight: bold;
}
.titulo{
	grid-column: 1 / 8;
    grid-row: 1;
    font-weight: bold;
	font-size: 1.7rem;
	text-align: center;
}
.precio_copa{
	grid-column: 6 / 7;
    grid-row: 2;
	font-weight: bold;
}
.precio_botella {
  grid-column: 7 / 7;
  grid-row: 2;
  font-weight: bold;
}
.lista_bebidas {
  grid-column: 1 / 6;
  grid-row: 3;
}
.puntos{
	border-bottom: 1px dashed #ccc;	
}
.precio1 {
  grid-column: 6 / 7;
  grid-row: 3;
}
.precio2{
  grid-column: 7 / 7;
  grid-row: 3;
}
.tabs.vertical>li{	display:block;
	float:none;
	width:auto}
.tabs-title{
	float:left}
.tabs-title>a{
	display:block;
	padding:1.25rem 1.5rem;
	font-size:.75rem;
	line-height:1;
	color:#DCB371
}
.tabs-title>a:hover{
	background:transparent;/* Hover del menu*/
	color:#b4a078
}
.tabs-title>a:focus,.tabs-title>a[aria-selected='true']{
	background:#b4a078;
	color:#b4a078
}
.tabs-content{
	border:1px solid #b4a078;
	border-top:0;color:#DCB371;
	transition:all 0.5s ease}
.tabs-content.vertical{
	border:1px solid #DCB371;
	border-left:0
}
.tabs-panel{
	display:none;
	padding:1rem}
.tabs-panel.is-active{
	display:block
}
.container1{
	height:100%;
	padding-right:.625rem;
	padding-left:.625rem;
	max-width:90rem;
	margin:0 auto
}
@media print, screen and (min-width: 40em){
	.container1{
		padding-right:.9375rem;
		padding-left:.9375rem}
}
.header-txt{
	display:block;
	text-align:center;
	font-weight:300;
	font-size: 1.75rem
}
@media print, screen and (min-width: 40em){
	.header-txt{
		font-size:2.575rem}
}
.divider{display:block;
	margin:0 auto;
	margin-bottom:2.5rem;
	width:250px}
@media screen and (max-width: 39.9375em){
	.divider{width:200px}
}
.menu-cart{
	padding:3.125rem 0}
@media screen and (max-width: 63.9375em){
	.menu-cart .tabs-content{
		height:100% !important}
	.menu-cart .tabs-content .tabs-panel{
		height:100% !important}
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) and (orientation: landscape){
	.menu-cart .tabs-content{
		height:100% !important}
	.menu-cart .tabs-content .tabs-panel{
		height:100% !important}
}
.menu-cart .tabs-content>.tabs-panel.is-active{
	animation-duration:1.25s;
	animation-name:fadeOut}
.menu-cart .tabs-content>.tabs-panel.is-active{
	animation-duration:1.25s;
	animation-name:fadeIn}
@media print, screen and (min-width: 40em){
	.menu-cart .tabs-content>.tabs-panel.is-active{
		animation-name:slideIn, fadeIn;
		animation-duration:1.25s}
}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeOut{from{opacity:1}to{opacity:0}}
@keyframes slideIn{0%{-webkit-transform:translateY(-10%)}100%{
	-webkit-transform:translateY(0%)}
}
.menu-cart .menu-navigation{
	white-space:nowrap;
	padding:0;margin:0;
	list-style:none;
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	align-items:center;
	margin-bottom:1.25rem}
[data-whatinput='mouse'] 
.menu-cart .menu-navigation li
{outline:0
}
.menu-cart .menu-navigation a,.menu-cart .menu-navigation .button{
	line-height:1;
	text-decoration:none;
	display:block;
	padding:0.7rem 1rem
}
.menu-cart .menu-navigation input,.menu-cart .menu-navigation select,.menu-cart .menu-navigation a,.menu-cart .menu-navigation button{
	margin-bottom:0}
.menu-cart .menu-navigation input{
	display:inline-block
}
.menu-cart .menu-navigation .tabs-title>a[aria-selected='true'],.menu-cart .menu-navigation .tabs-title>a[aria-selected='true']:active{
	border:1px solid #fff;
	padding:.625rem 1.25rem;
	background:none;/* color cuando esta seleccionado*/
	box-sizing:border-box
}
.menu-cart .menu-navigation .tabs-title>a[aria-selected='true'].m-anim:hover::before,.menu-cart .menu-navigation .tabs-title>a[aria-selected='true'].m-anim:hover::after,.menu-cart .menu-navigation .tabs-title>a[aria-selected='true'].m-anim::before,.menu-cart .menu-navigation .tabs-title>a[aria-selected='true'].m-anim::after{
	border:none
}
.menu-cart .menu-navigation li{
	padding:0 .3125rem;
	position:relative
}
.menu-cart .menu-navigation li a{
	outline:none;
	font-size:1rem;
	color:#DCB371; /* color letras menu*/
	text-decoration:none;
	position:relative;
	padding:.9375rem 1.25rem;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	transition:padding .9s, border-color .9s}
.menu-cart .menu-navigation li a.m-anim:hover{
	padding:.625rem 1.25rem;
	border-color:#DCB371;
	outline:none}
.menu-cart .menu-navigation li a.m-anim::before{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	max-height:0;
	color:transparent;
	border-left:1px solid transparent;
	content:attr(data-text);
	transition:max-height .2s, border-color 0s}
.menu-cart .menu-navigation li a.m-anim::after{
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	padding:.625rem;
	max-height:0;
	color:transparent;
	border-right:1px solid transparent;
	content:attr(data-text);
	transition:max-height .2s, border-color 0s}
.menu-cart .menu-navigation li a.m-anim:hover::before,.menu-cart .menu-navigation li a.m-anim:hover::after{
	max-height:100%;
	transition-delay:.1s;
	border-color:#DCB371}
.menu-cart .tabs-content{
	border:none}
.menu-cart .tabs-content .tabs-panel{
	padding:0}
.menu-cart .menu-content{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap}
.menu-cart .menu-content .menu-section{
	-ms-flex:0 0 auto;
	flex:0 0 auto;
	min-height:0px;
	min-width:0px;
	width:calc(100% - 1.875rem);
	margin-right:.9375rem;
	margin-left:.9375rem}
@media print, screen and (min-width: 64em){
	.menu-cart .menu-content .menu-section{
		width:calc(50% - 1.875rem);
		margin-right:.9375rem;
		margin-left:.9375rem}
}
.menu-cart .menu-content .menu-section table tbody td{
  padding-top: 35px;
  height: 1px;
  width: 100%;
  bottom: 10;
}
.menu-cart .menu-content .menu-section table tbody td span{
	font-weight: bold;
}
.menu-cart .menu-content .menu-section table{
	width:75%;
	margin:0 auto;
	table-layout:fixed;
	border-collapse:collapse}
.menu-cart .menu-content .menu-section table tbody{
	border:none}
.menu-cart .menu-content .menu-section table tbody tr:nth-child(even){
	background:none;
}
.menu-cart .menu-content .menu-section table tbody tr:nth-child(even) td{
	background-image:none;
	text-align:left;
	color: #b4a078;
	font-size:.875rem;
	padding-top:0
}
.menu-cart .menu-content .menu-section table tbody td:first-child{
	text-align:left;
}
.menu-cart .menu-content .menu-section table tbody td:first-child span{
	padding-right:.5em}
.menu-cart .menu-content .menu-section table tbody td:last-child{
	text-align:right;
	width:3em}
.menu-cart .menu-content .menu-section table tbody td:last-child span{
	padding-left:.5em}
.ico_alergen{
	text-align: center;
}
.ico_alergen li{
	display: inline-block;
	padding-left: 50px;
}
.footer_carta{
	width: 70%;
	margin: 0 auto;
}
/* ======= Botones Sociales  1 ======= */
.socials1 li {
  display: inline-block;
  margin-bottom: 10px;
}
.socials1 li + li {
  margin-left: 13px;
}
.socials1 li a i {
  color: #ffffff;
  border: 2px solid #DCB371;
  background: transparent;
  text-align: center;
  font-size: 44px;
  display: block;
  width: 86px;
  height: 86px;
  line-height: 86px;
  border-radius: 200px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.socials1 li a i:hover {
  color: #ffffff;
  background: #B28F57;
  border-color: #BDA09D;
}
@media (max-width: 479px) {
  .socials1 {
    text-align: center;
  }
  .socials1 li {
    display: block;
    text-align: center;
    margin-bottom: 30px;
  }
  .socials1 li + li {
    margin-left: 0;
  }
  .socials1 li i {
    margin: 0 auto;
  }
}
/* ======= Galleria  ======= */
.gallery_image a {
  display: block;
  position: relative;
  background: #000;
}
.gallery_image a img {
  margin-bottom: 0;
  -webkit-box-shadow: 0 0 0 0 #ffffff;
  box-shadow: 0 0 0 0 #ffffff;
}
@media (max-width: 979px) {
  .gallery_image a img {
    width: 100%;
  }
}
.gallery_image a:hover img {
	filter: blur(3px);
}
.gallery_image a:hover .gallery_icon {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gallery_image a img {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gallery_image a .gallery_icon {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 81px;
  height: 81px;
  background: url("../images/Index/page1_img17.png") no-repeat center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -40.5px;
  margin-top: -40.5px;
}
/*=================galeria banner2==============*/
.grid-gallery {
  display: grid;
  grid-auto-rows: 200px;
  gap: 3px;
}
.grid-gallery__item{
	overflow: hidden;
}
.grid-gallery__item a {
  position: relative;
  background: #000;	
}
.grid-gallery__item a:hover img{ 
  opacity: 0.8; 
  transform: scale(1.05);
}
.grid-gallery__item a img {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media all and (min-width: 530px) {
  .grid-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
	.grid-gallery__item:nth-child(11n+1) {		
  grid-column: span 1;
}
.grid-gallery__item:nth-child(11n+2) {
  grid-column: span 1;
}
.grid-gallery__item:nth-child(11n+3) {
  grid-column: span 1;	
}
.grid-gallery__item:nth-child(11n+4) {
  grid-column: span 1;
}
}
@media all and (min-width: 768px) {
  .grid-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
	/*frontal-bar*/
	.grid-gallery__item:nth-child(11n+1) {
  grid-column: span 2;
}
/*ensalada*/
.grid-gallery__item:nth-child(11n+2) {
  grid-column: span 1;
  grid-row: span 4;
}
/*sillas*/
.grid-gallery__item:nth-child(11n+3) {
  grid-column: span 2;
  grid-row: span 3;
}
/*la barra*/
.grid-gallery__item:nth-child(11n+4) {
  grid-column: span 3;
  grid-row: span 3;
}
}
@media all and (min-width: 1024px) {
  .grid-gallery {
    grid-template-columns: repeat(10, 1fr);
  }
	/*fontal-bar*/
.grid-gallery__item:nth-child(11n+1) {
  grid-column: span 3;
}
/*ensalada*/
.grid-gallery__item:nth-child(11n+2) {
  grid-column: span 4;
  grid-row: span 1;
}
/*sillas*/
.grid-gallery__item:nth-child(11n+3) {
  grid-column: span 3;
  grid-row: span 4;
}
/*la barra*/
.grid-gallery__item:nth-child(11n+4) {
  grid-column: span 7;
  grid-row: span 3;
}
}
.grid-gallery__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(60%);
}
/*========================================================
                    FOOTER styles
=========================================================*/
#footer {
  padding: 92px 0;
  text-align: center;
}
#footer .socials1 {
  margin-top: 41px;
}
#footer .privacy-block {
  margin-top: 28px;
  font: 400 13px/24px "Georgia", serif;
}
/* UItoTop styles
========================================================*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 80px;
  right: 30px;
  overflow: hidden;
  border: none;
  color: #fff;
  font-size: 43px;
  line-height: 38px;
  z-index: 20;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#toTop:hover {
  outline: none;
  color: #f0f0f0;
}
@media only screen and (max-width: 1199px) {
  #toTop {
    display: none !important;
  }
}
.info_res{
	background: rgba(79, 72, 72, 0.9);
	border-radius: 5px; 
	padding: 15px;
}

.list2 li{
	list-style: circle;	
}
.list2 li >i{
	font: italic 100 18px/25px "Georgia", serif;
}
.equipo{
	display: flex;
	justify-content: center
}