@charset "UTF-8";
/* CSS Document */

*{
  margin: 0;
}

#w_maps iframe{
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}
#w_maps iframe.clicked{
	pointer-events: auto;
}

.clear{
  display: block;
  clear: both;
}

a{
	outline:none;
	}

body{
  background: #fff;
  position: relative;
  height: calc(100vh - 200px);
  animation: fade 1s ease 0s;
  font-family: 'FuturaStdLight';
}

@keyframes fade {
  from{opacity: 0}
  to{opacity: 1}
}

body::before{
  content: url(../img/logo-brasanta-black.svg);
  width: 300px;
  height: 201px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 10%;
  bottom: 0;
}


@font-face {
    font-family: 'HudsonNYSlab';
    src: url('../fonts/HudsonNYSlab.eot');
    src: url('../fonts/HudsonNYSlab.eot') format('embedded-opentype'),
         url('../fonts/HudsonNYSlab.woff2') format('woff2'),
         url('../fonts/HudsonNYSlab.woff') format('woff'),
         url('../fonts/HudsonNYSlab.ttf') format('truetype'),
         url('../fonts/HudsonNYSlab.svg#HudsonNYSlab') format('svg');
}

@font-face {
    font-family: 'FuturaStdLight';
    src: url('../fonts/FuturaStdLight.eot');
    src: url('../fonts/FuturaStdLight.eot') format('embedded-opentype'),
         url('../fonts/FuturaStdLight.woff2') format('woff2'),
         url('../fonts/FuturaStdLight.woff') format('woff'),
         url('../fonts/FuturaStdLight.ttf') format('truetype'),
         url('../fonts/FuturaStdLight.svg#FuturaStdLight') format('svg');
}

@font-face {
    font-family: 'FuturaStdBold';
    src: url('../fonts/FuturaStdBold.eot');
    src: url('../fonts/FuturaStdBold.eot') format('embedded-opentype'),
         url('../fonts/FuturaStdBold.woff2') format('woff2'),
         url('../fonts/FuturaStdBold.woff') format('woff'),
         url('../fonts/FuturaStdBold.ttf') format('truetype'),
         url('../fonts/FuturaStdBold.svg#FuturaStdBold') format('svg');
}

@font-face {
    font-family: 'FuturaStdMedium';
    src: url('../fonts/FuturaStdMedium.eot');
    src: url('../fonts/FuturaStdMedium.eot') format('embedded-opentype'),
         url('../fonts/FuturaStdMedium.woff2') format('woff2'),
         url('../fonts/FuturaStdMedium.woff') format('woff'),
         url('../fonts/FuturaStdMedium.ttf') format('truetype'),
         url('../fonts/FuturaStdMedium.svg#FuturaStdMedium') format('svg');
}

h2{
  font-family: 'FuturaStdBold';
  font-size: 33px;
  color: #363535;
}

p{
  font-family: 'FuturaStdLight';
  font-size: 20px;
  color: #363535;
}



#wrapper{
  width: calc(100% - 2%);
  height: calc(100vh - 4vh);
  margin: 1%;
  overflow: hidden;
  position: relative;
  background: #fff;
}

section{
  width: 100%;
  height: auto;
  position: relative;
}

#telbras{
  font-family: 'FuturaStdLight';
  font-size: 27px;
  color: #363535;
  display: block;
  width: 175px;
  text-decoration: none;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

#telbras:hover{
  color: #a5a5a5;
}

#owl-demo .item, #owl-demo_interna .item{
  display: block;
  width: 100%;
  height: 100vh;
  background: url(../img/brasanta-carne-slide01.jpg) no-repeat center / cover;
  overflow: visible;
  }

#owl-demo .item2, #owl-demo_interna .item2{
  display: block;
  width: 100%;
  height: 100vh;
  background: url(../img/brasanta-carne-slide02.jpg) no-repeat center / cover;
  overflow: visible;
  }

#owl-demo .item3, #owl-demo_interna .item3{
  display: block;
  width: 100%;
  height: 100vh;
  background: url(../img/brasanta-carne-slide03.jpg) no-repeat center / cover;
  overflow: visible;
  }

nav{
  width: 100%;
  height: 80px;
  position: absolute;
  top: 0;
  z-index: 9999;
}

#logo{
  width: 150px;
  height: auto;
  position: absolute;
  left: 43px;
  top: 29px;
}

#log{
  fill: #fff;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

#logo:hover #log{
  fill: #e3233a;
}

#nav-icon1{
  width: 35px;
  height: 24px;
  position: absolute;
  right: 43px;
  top:43px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  -ms-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display:block;
  z-index:9;
}

#nav-icon1 span{
  display: block;
  position: fixed;
  height: 5px;
  width: 100%;
  background: #fff;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 9px;
}

#nav-icon1 span:nth-child(3) {
  top: 18px;
}

#nav-icon1.open span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#nav-icon1:hover span{
  background: #e3233a;
}

#men-hide{
  width: 100%;
  height: 100vh;
  top: -105%;
  background: url(../img/brasanta-man-back.jpg) no-repeat center / cover;
  z-index: 99;
  position: absolute;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

#men-hide.activo{
  top: -4%;
}

#menu{
  width: 548px;
  height: auto;
  position: absolute;
  right: 18%;
  top: 24%;
}

#menu ul{
  padding-left: 0;
  list-style: none;
}

#menu ul li{
  display: block;
}

#menu ul li a{
  font-family: 'FuturaStdBold';
  font-size: 54px;
  color: #fff;
  line-height: 75px;
  text-decoration: none;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
  -ms-transition-duration:0.3s;
  -o-transition-duration:0.3s;
}

#menu ul li a:hover{
  color: #e3233a;
}

a#men-res{
  font-family: 'FuturaStdMedium';
  font-size: 30px;
  text-decoration: none;
  position: relative;
  display: block;
  width: 216px;
  height: 50px;
  border: 1px #e3233a solid;
  line-height: 54px;
  color: #e3233a;
  padding-left: 14px;
  margin-top: 50px;
  letter-spacing: 6px;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

a#men-res:hover{
  border: 1px solid #fff;
  color: #fff;
}

#arrow2{
  width: 48px;
  height: auto;
  position: absolute;
  right: 8px;
  top: 4px;
}

#arr2{
  fill: #e3233a;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

a#men-res:hover #arr2{
  fill: #fff;
}

#cont2{
  width: 230px;
  height: auto;
  position: absolute;
  left: 43px;
  bottom: 37px;
}

#cont2 a{
  font-family: 'FuturaStdMedium';
  font-size: 15px;
  text-decoration: none;
  left: 90px;
  bottom: 50px;
  color: #fff;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

#cont2 a:hover{
  color: #e3233a;
}

#horario2{
  width: 167px;
  height: auto;
  position: absolute;
  left: 330px;
  bottom: 37px;
}

#horario2 p{
  font-family: 'FuturaStdMedium';
  font-size: 15px;
  color: #fff;
}

#redes{
  width: 185px;
  height: auto;
  position: absolute;
  transform: rotate(-90deg);
  z-index: 99;
  right: -45px;
  top: 43%;
}

a#facebook{
  font-family: 'FuturaStdMedium';
  font-size: 15px;
  text-decoration: none;
  position: relative;
  display: block;
  color: #fff;
  float: left;
  margin-right: 16px;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

#redplec{
  width: 20px;
  height: 1px;
  background: #fff;
  float: left;
  position: relative;
  margin: 9px 16px 0 0;
}

a#instagram{
  font-family: 'FuturaStdMedium';
  font-size: 15px;
  text-decoration: none;
  position: relative;
  display: block;
  color: #fff;
  float: left;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

a#facebook:hover, #instagram:hover{
  color: #e3233a;
}

#txt-slide{
  width: 1200px;
  height: auto;
  position: absolute;
  left: 20%;
  top: 25%;
}

#pleca{
  width: 90px;
  height: 10px;
  position: relative;
  background: #e3233a;
  margin-bottom: 77px;
}

#txt-slide h1{
  font-family: 'FuturaStdBold';
  font-size: 100px;
  color: #fff;
}

#txt-slide2{
  width: 800px;
  height: auto;
  position: absolute;
  right: 10%;
  top: 30%;
}

#txt-slide2 h2{
  font-family: 'FuturaStdBold';
  font-size: 100px;
  color: #fff;
}

#txt-slide3{
  width: 1200px;
  height: auto;
  position: absolute;
  left: 10%;
  top: 25%;
}

#txt-slide3 h3{
  font-family: 'FuturaStdBold';
  font-size: 100px;
  color: #fff;
}

#foot-home{
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
}

a#reser{
  font-family: 'FuturaStdMedium';
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  left: 43px;
  bottom: 43px;
  display: block;
  width: 150px;
  height: 30px;
  border: 1px #fff solid;
  line-height: 30px;
  color: #fff;
  padding-left: 14px;
  letter-spacing: 4px;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

a#reser:hover{
  border: 1px solid #e3233a;
  color: #e3233a;
}

#arrow{
  width: 17px;
  height: auto;
  position: absolute;
  right: 8px;
  top: -1px;
}

#arr{
  fill: #fff;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

a#reser:hover #arr{
  fill: #e3233a;
}

#cont{
  width: 230px;
  height: auto;
  position: absolute;
  left: 270px;
  bottom: 37px;
}

#cont a{
  font-family: 'FuturaStdMedium';
  font-size: 15px;
  text-decoration: none;
  left: 90px;
  bottom: 50px;
  color: #fff;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

#cont a:hover{
  color: #e3233a;
}

#horario{
  width: 167px;
  height: auto;
  position: absolute;
  left: 543px;
  bottom: 37px;
}

#horario p{
  font-family: 'FuturaStdMedium';
  font-size: 15px;
  color: #fff;
}

#miniplec{
  width: 20px;
  height: 1px;
  background: #fff;
  position: absolute;
  right: 8px;
  top: 14px;
}

a#dirmaps{
  font-family: 'FuturaStdMedium';
  font-size: 15px;
  text-decoration: none;
  position: absolute;
  right: 43px;
  bottom: 37px;
  display: block;
  width: 383px;
  height: 30px;
  color: #fff;
  padding-left: 31px;
  line-height: 26px;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

a#dirmaps:hover{
  color: #e3233a;
}

#locator{
  width: 18px;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
}

/*<-------------------------------MilugaresBrasanta----------------------------->*/

#manifiesto{
  width: 39%;
  height: 100vh;
  position: relative;
  float: left;
  background: #363535;
}

#plecwhite{
  width: 1%;
  height: 100vh;
  position: relative;
  float: left;
}

#man-wrap{
  width: 452px;
  height: auto;
  position: relative;
  margin: 27% auto 0;
}

#man-wrap h1{
  font-family: 'FuturaStdBold';
  font-size: 74px;
  color: #fff;
}

#pleca-big{
  width: 90px;
  height: 10px;
  position: relative;
  margin: 50px 0;
  background: #e3233a;
}

#man-wrap p{
  font-family: 'FuturaStdLight';
  font-size: 16px;
  color: #fff;
}

#man-wrap p span{
  font-family: 'FuturaStdLight';
}

#man-wrap p span#red{
  color: #e3233a;
}

#mani-pic{
  width: 60%;
  height: 100vh;
  position: relative;
  float: left;
  background: url(../img/brasanta-manifiesto.jpg) no-repeat center / cover;
}

/*<-------------------------------Mezcal----------------------------->*/

#mezcal{
  background: url(../img/brasanta-mezcal-back.jpg) no-repeat center / cover;
  height: 100vh;
}

#mezc-wrap{
  width: 600px;
  height: auto;
  position: absolute;
  left: 10%;
  top: 25%;
}

#mezc-tit{
  width: 370px;
  height: auto;
  position: relative;
  float: left;
  margin-right: 50px;
}

#mezc-tit h1{
  font-family: 'HudsonNYSlab';
  font-size: 80px;
  color: #363535;
}

#maestro{
  width: 160px;
  height: auto;
  position: relative;
  float: left;
  margin-top: -39px;
}

#plec-mezc{
  width: 60px;
  height: 2px;
  position: relative;
  margin: 0 0 50px;
  background: #363535;
}

#mezc-wrap p{
  font-family: 'FuturaStdLight';
  font-size: 16px;
  color: #363535;
}

#logg{
  fill:#363535;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

#logo:hover #logg{
  fill:#e3233a;
}

#nav-icon1.bb span{
  background: #363535;
}

#nav-icon1.bb:hover span{
  background: #e3233a;
}

a#reser.bla{
  font-family: 'FuturaStdMedium';
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  left: 43px;
  bottom: 43px;
  display: block;
  width: 150px;
  height: 30px;
  border: 1px #363535 solid;
  line-height: 30px;
  color: #363535;
  padding-left: 14px;
  letter-spacing: 4px;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

a#reser.bla:hover{
  border: 1px solid #e3233a;
  color: #e3233a;
}

#arrow22{
  width: 17px;
  height: auto;
  position: absolute;
  right: 8px;
  top: -1px;
}

#arrd{
  fill: #363535;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

a#reser.bla:hover #arrd{
 fill: #e3233a;
}

#cont a.bbb{
  color: #363535;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

#cont a.bbb:hover{
  color: #e3233a;
}

p#bbbb{
  color: #363535;
}

#miniplec.bbbbb{
  background: #363535;
}

a#dirmaps.bbbbbb{
  color: #363535;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

a#dirmaps.bbbbbb:hover{
  color: #e3233a;
}

a#facebook.bbbbbbb, a#instagram.bbbbbbb{
  color: #363535;
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
}

a#facebook.bbbbbbb:hover, a#instagram.bbbbbbb:hover{
  color: #e3233a;
}

#redplec.bbbbbbbb{
  background: #363535;
}

#maps{
  width: 49%;
  height: 100vh;
  position: relative;
  float: left;
}

#map{
  width: 100%;
  height: 100vh;
  position: relative;
}

#midcont{
  width: 1%;
  height: 100vh;
  position: relative;
  float: left;
}

/*<-------------------------------Contacto----------------------------->*/

#block-form{
  width: 50%;
  height: 100vh;
  position: relative;
  background: #f2f2f2;
  float: left;
}

#block-form-wrap{
  width: 610px;
  height: auto;
  position: relative;
  margin: 19% auto 0;
}

#block-form-wrap h1{
  font-family: 'FuturaStdBold';
  font-size: 60px;
  color: #363535;
}

#formplec{
  width: 90px;
  height: 5px;
  position: relative;
  margin: 40px 0;
  background: #363535;
}

#block-form-wrap p{
  font-family: 'FuturaStdLight';
  font-size: 27px;
  color: #363535;
}

#cont-form{
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 50px;
}

#nombre, #mail, #telefono, #fecha, #hora, #personas{
  width: 128px;
  height: 42px;
  position: relative;
  float: left;
  background: #e6e6e6;
  margin: 0 1px 1px 0;
  line-height: 45px;
  padding-left: 22px;
}

#nombre p, #mail p, #telefono p, #fecha p, #hora p, #personas p{
  font-family: 'FuturaStdMedium';
  color:#3d3d3f;
  font-size:13px;
}

#Tu_Nombre, #Tu_Email, #Tu_Tel, #Tu_Fec, #Tu_Hor, #Tu_Per{
	font-family: 'FuturaStdMedium';
	width:609px;
	height:40px;
  border:none;
	color:#3d3d3f;
	margin-bottom:1px;
	font-size:16px;
  background: #e6e6e6;
  float: left;
  padding-left: 22px;
	}

#capt{
  width: 301px;
  height: 76px;
  position: relative;
  float: left;
  margin: 20px 50px 0 312px;
}

#mandar{
	font-family: 'FuturaStdMedium';
	width:120px;
	height:35px;
	background:#3d3d3f;
	border:none;
	color:#fff;
	font-size:14px;
	margin-top:59px;
  cursor:pointer;
	transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
  -o-transition-duration:0.3s;
  float: left;
	}

#mandar:hover{
	background:#e6e6e6;
  color: #3d3d3f;
	}

/*<-------------------------------Galería----------------------------->*/

#galeria{
  width: 100%;
  height: 100vh;
  position: relative;
  background: #f2f2f2;
}

#galwrap{
  width: 1404px;
  height: auto;
  position: relative;
  margin: auto;
  padding-top: 6%;
}

.brathumb{
  width: 194px;
  height: 109px;
  position: relative;
  float: left;
  margin: 0 40px 40px 0;
  box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);
  -webkit-box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);
  -moz-box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);
  -o-box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);
  -ms-box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);
  transition-duration:0.3s;
-moz-transition-duration:0.3s;
-webkit-transition-duration:0.3s;
-o-transition-duration:0.3s;
-ms-transition-duration:0.3s;
}

.brathumb:hover{
  box-shadow: 2px 0 8px 0 rgba(46, 61, 73, 0.2);
  -o-box-shadow: 2px 0 8px 0 rgba(46, 61, 73, 0.2);
  -webkit-box-shadow: 2px 0 8px 0 rgba(46, 61, 73, 0.2);
  -ms-box-shadow: 2px 0 8px 0 rgba(46, 61, 73, 0.2);
  -moz-box-shadow: 2px 0 8px 0 rgba(46, 61, 73, 0.2);
}

@media only screen and (min-width:1100px) and (max-width:1480px){

  #block-form-wrap p {
      font-size: 20px;
  }

body::before{
  top: 30%;
}

  #menu ul li a{
    font-size: 36px;
    line-height: 57px;
  }

  #menu{
    width: 383px;
    top: 17%;
  }

  #arrow2{
    width: 27px;
    top: 2px;
  }

  a#men-res{
    font-size: 17px;
    width: 159px;
    margin-top: 20px;
    height: 43px;
    line-height: 43px;
  }

#txt-slide h1, #txt-slide2 h2, #txt-slide3 h3{
  font-size: 60px;
}

#txt-slide, #txt-slide2, #txt-slide3{
  width: 500px;
}

#man-wrap h1{
  font-size: 43px;
}

#man-wrap{
  width: 362px;
  margin: 25% auto 0;
}

#man-wrap h1{
  font-size: 43px;
}

#pleca-big{
  height: 6px;
  margin: 28px 0;
}

#man-wrap p{
  font-size: 13px;
}

#mani-pic{
  width: 58%;
}

#manifiesto{
  width: 41%;
}

#mezc-wrap p{
  font-size: 13px;
}

#mezc-tit{
  width: 250px;
}

#mezc-tit h1{
  font-size: 54px;
}

#mezc-wrap{
  width: 400px;
}

#maestro{
  width: 100px;
  margin-top: -7px;
}

#galwrap{
  width: 840px;
  height: auto;
  padding-top: 10%;
}

.brathumb{
  width: 100px;
  height: 56px;
  margin: 0 20px 20px 0;
}

#block-form-wrap{
  width: 460px;
  margin: 21% auto 0;
}

#block-form-wrap h1{
  font-size: 30px;
}

#formplec{
  margin: 21px 0;
}

#cont-form{
  margin: 0;
}

#telbras{
  font-size: 20px;
}

#Tu_Nombre, #Tu_Email, #Tu_Tel, #Tu_Fec, #Tu_Hor, #Tu_Per{
  width: 286px;
  height: 29px;
  font-size: 13px;
}

#nombre, #mail, #telefono, #fecha, #hora, #personas{
  width: 109px;
  height: 31px;
}

#nombre p, #mail p, #telefono p, #fecha p, #hora p, #personas p{
  font-size: 10px;
  line-height: 32px;
}

#capt{
  width: 303px;
  margin: 1px 19px 0 0;
  overflow: hidden;
}

#mandar {
    margin-top: 41px;
}

#cont {
    left: 207px;
    bottom: 21px;
}

#cont a{
  font-size: 13px;
}

#horario {
    left: 438px;
    bottom: 21px;
}

#horario p{
  font-size: 13px;
}

#miniplec{
  right: 32px;
}

a#reser.bla{
  font-size: 13px;
  width: 114px;
  height: 28px;
  line-height: 28px;
  left: 35px;
  bottom: 26px;
}

a#reser{
  font-size: 13px;
  width: 114px;
  height: 28px;
  line-height: 28px;
  left: 35px;
  bottom: 26px;
}

a#dirmaps{
  font-size: 13px;
  padding-left: 23px;
  bottom: 21px;
  right: -31px;
}

#locator{
  width: 15px;
}

a#instagram, a#facebook{
  font-size: 13px;
}

#mezc-wrap{
  left: 5%;
  top: 21%;
}

#logo{
  width: 120px;
  top: 17px;
  left: 30px;
}

#nav-icon1{
  width: 31px;
  right: 29px;
  top: 28px;
}

#arrow {
    width: 17px;
    top: 1px;
}

#arrow22{
  width: 17px;
  top: 1px;
}

}

@media only screen and (min-width:0) and (max-width:1099px){

#telbras{
  font-size: 15px;
}

body::before{
  width: 100px
  top: 40%;
}

nav{
  position: fixed;
}
  #wrapper{
    margin: 0;
    width: 100%;
    height: auto;
  }

#owl-demo .item, #owl-demo_interna .item, #owl-demo .item2, #owl-demo_interna .item2, #owl-demo .item3, #owl-demo_interna .item3{
  height: 700px;
}

  #txt-slide h1, #txt-slide2 h2, #txt-slide3 h3{
    font-size: 30px;
  }

  #txt-slide, #txt-slide2, #txt-slide3{
    width: 270px;
    margin: auto;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    top: 40%;
  }

  #logo {
      width: 115px;
      left: 20px;
      top: 20px;
  }

#nav-icon1{
  right: 23px;
  top: 42px;
}

  #pleca{
    width: 80px;
    height: 6px;
    margin: 0 auto 45px;
  }

  #redes{
    display: none;
  }

  #foot-home{
    display: none;
  }

#cont2, #horario2{
  display: none;
}

a#dirmaps{
  display: none;
}

#menu {
    width: 270px;
    right: 0;
    top: 19%;
    left: 0;
    margin: auto;
}

#menu ul li a {
    font-size: 25px;
    line-height: 39px;
}

a#men-res {
    font-size: 17px;
    width: 149px;
    height: 35px;
    line-height: 35px;
}

#arrow2 {
    width: 25px;
    top: 2px;
}

#men-hide{
  height: 800px;
  top: -160%;
  position: fixed;
}

#men-hide.activo {
    top: 0;
}

#manifiesto{
  float: none;
  width: 100%;
  height: auto;
}

#plecwhite{
  display: none;
}

#mani-pic{
  float: none;
  width: 100%;
}

#man-wrap{
  width: 270px;
  margin: auto;
  padding: 131px 0 75px 0;
}

#man-wrap h1{
  font-size: 43px;
}

#pleca-big {
    width: 71px;
    height: 6px;
    margin: 28px 0;
}

#man-wrap p{
  font-size: 18px;
}

#mani-pic{
  height: 300px;
}

#mezcal{
  background: url(../img/brasanta-mezcal-res.jpg) no-repeat center / cover;
  height: 700px;
}

#mezc-wrap{
  width: 270px;
  left: 0;
  right: 0;
  margin: auto;
}

#mezc-tit{
  width: 100%;
  float: none;
}

#mezc-tit h1{
  font-size: 55px;
}

#maestro{
  display: none;
}

#plec-mezc{
  margin: 30px 0;
}

#mezc-wrap p{
  font-size: 14px;
}

#galeria{
  height: auto;
}

#galwrap{
  width: 270px;
  padding-top: 143px;
}

.brathumb{
  width: 100%;
  height: 152px;
  margin: 0 0 40px 0;
}

#block-form{
  float: none;
  width: 100%;
  height: auto;
}

#midcont{
  display: none;
}

#maps{
  float: none;
  width: 100%;
}

#block-form-wrap{
  margin: auto;
  padding: 121px 0 39px;
  width: 270px;
}

#block-form-wrap h1{
  font-size: 33px;
}

#formplec{
  margin: 24px 0;
}

#block-form-wrap p{
  font-size: 15px;
}

#nombre, #mail, #telefono, #fecha, #hora, #personas{
  width: 93%;
  padding-left: 7%;
}

#Tu_Nombre, #Tu_Email, #Tu_Tel, #Tu_Fec, #Tu_Hor, #Tu_Per{
  width: 93%;
  padding-left: 7%;
}

#nombre p, #mail p, #telefono p, #fecha p, #hora p, #personas p{
  font-size: 14px;
}

#cont-form{
  overflow: hidden;
}

#capt{
  margin: 23px 0 0 0;
  width: 270px;
  float: none;
}

#mandar{
  float: none;
  margin-top: 18px;
}

#maps, #map{
  height: 400px;
}

}