@font-face {
    font-family: "Parlour";
    src: url('../fonts/parlourregular/parlour-regularlatin-webfont.eot');
    src: url('../fonts/parlourregular/parlour-regularlatin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/parlourregular/parlour-regularlatin-webfont.woff2') format('woff2'),
         url('../fonts/parlourregular/parlour-regularlatin-webfont.woff') format('woff'),
         url('../fonts/parlourregular/parlour-regularlatin-webfont.ttf') format('truetype'),
         url('../fonts/parlourregular/parlour-regularlatin-webfont.svg#parlourregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "Bebas Bold";
  src: url("../fonts/BebasBold/bebasneue-bold.eot");
  src: url("../fonts/BebasBold/bebasneue-bold.eot#iefix") format("embedded-opentype"),
  url("../fonts/BebasBold/bebasneue-bold.woff") format("woff"),
  url("../fonts/BebasBold/bebasneue-bold.ttf") format("truetype"),
  url("../fonts/BebasBold/bebasneue-bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Bebas Regular";
  src: url("../fonts/BebasRegular/bebasneue-regular.eot");
  src: url("../fonts/BebasRegular/bebasneue-regular.eot#iefix") format("embedded-opentype"),
  url("../fonts/BebasRegular/bebasneue-regular.woff") format("woff"),
  url("../fonts/BebasRegular/bebasneue-regular.ttf") format("truetype"),
  url("../fonts/BebasRegular/bebasneue-regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

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

@font-face {
	font-family:"FHA Spur Tuscan Roman NCV";
	src:url("../fonts/FHA_Spur_Tuscan_Roman_NCV/FHASTRNCV.eot?") format("eot"),
		url("../fonts/FHA_Spur_Tuscan_Roman_NCV/FHASTRNCV.woff") format("woff"),
		url("../fonts/FHA_Spur_Tuscan_Roman_NCV/FHASTRNCV.ttf") format("truetype"),
		url("../fonts/FHA_Spur_Tuscan_Roman_NCV/FHASTRNCV.svg#FHASpurTuscanRomanNCV") format("svg");
	font-weight:normal;
	font-style:normal;
}


@font-face {
font-family: 'Helvetica Neue LT Std 45 Light';
font-style: normal;
font-weight: normal;
src: local('Helvetica Neue LT Std 45 Light'), url('../fonts/HelveticaNeueLTStd Lt.woff') format('woff');
}

*{margin: 0;padding: 0;}

body{
  background-color: #fff;
  color: #FFF;
  font-family: "Bebas Regular";
}



ul{list-style-type: none;}
ul li{display: inline-block; margin-right: 1em; line-height: 1.5em; text-transform: uppercase; top:0;}

div.web{max-width: 1200px; margin: 0 auto; position: relative;}

.menu{margin: auto; width: 100%; height: 100; text-align: center; margin-top: 20px;}

.menu ul li img{margin: 0px 50px;}

.menu ul li hr{height: 3px; background-color: #fff; margin-top: 34px;}

.top-menu{margin: 0 auto; margin-top: 20px; font-size: 18px; position: absolute; top:0; z-index: 999999; width: 100%; text-align: center;}
.top-menu .col-sm-12.tm{margin: 0 auto;}

.top-menu ul{margin: 0 auto; display: table; text-align: center; }

.top-menu ul li{padding: 0px 20px; display:table-cell; position: relative; width: 150px;}

.top-menu ul li.logo{border-bottom: 2px solid #fff; padding: 0px 25px; padding-bottom: 15px;}

.top-menu .row-eq-height div{overflow: inherit;}

.top-menu .col-sm-1{text-align: center;}

.top-menu a{color: #fff;}

.top-menu a.active{text-decoration: underline;}

.top-menu ul.sub{position: absolute; z-index: 99999; display: none; margin: 0; width: 100%; left: 0; text-align: center;} 

.top-menu ul.sub li{float: none; display: block; padding: 0; margin: 0; padding-top: 5px; line-height: 20px; width: 100%;}

.top-menu ul.sub li:hover{color: #000; background: url('../img/top-menu-sub-hover.png') 0% 70% no-repeat; background-size: 100% auto;}
.top-menu ul.sub li:hover a{color: #000; text-decoration: none;}

.top-menu .col-sm-2 img{margin: 0 auto;}

.top-menu .col-sm-2 {text-align: center;}

.rrss-header{position: absolute; top:20px; right: 0; margin-right: 10px;}
.rrss-header a{text-decoration: underline; padding: 2px;}
.rrss-header a.active{font-weight: bold; text-decoration: none;}
.rrss-header img{width: 25px; height: 25px;}
.rrss-header a:hover img{opacity: 0.7;}

.navbar-nav li a img{float: left; margin: 5px 10px; width: 25px;}
.navbar-nav li.rrss a{display: inline;}

.header span{width: auto; margin: 0 auto;}

.thecarousel{width: 100%; }
.thecarousel div.img{background:rgba(0,0,0,0.1) !important; z-index: 9999999 !important; position: absolute; top: 0; width: 100%; height: 100%;}

.row.carousel{margin:0;}

.row{margin: 0; padding: 0;}

.header h1{
  font-family: 'Parlour';
  color: #fff;
  text-align: center;
  font-size: 80px;
  line-height: 70px;
}

.home .header h1{margin-top: 150px;}

.home.slick-slider{margin-bottom: 25px !important;}

/* ----Seccion APP---- */

.centerblock {
  margin: auto;
  max-width: 1200px;
  position: relative;
  top: 21%;
}

.row.app {
	margin-bottom: 20px;
}

.app .header h1{
	margin-top: 115px;
	font-family: 'FHA Spur Tuscan Roman NCV';
	color: #e99c26;
	text-align: center;
	font-size: 45px;
	line-height: 1.1em;
}

.app .header h1 span{
	color: #fff;
}

.app h1{
	font-family: 'Bebas Regular';
	color: #989798;
	text-align: center;
	font-size: 50px;
	line-height: 1em;
	font-weight: 700;
	margin-bottom: 10px; 
}

.app p{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #000000;
	text-align: center;
	font-size: 20px;
	line-height: 1.15em;
	font-weight: 300;
}

.app-h1-black {
	color: #000000 !important;
	margin: 20px 0 30px 0;
}

.apps{
	
	font-family: 'Bebas Regular';
	color: #000000;
	text-align: center;
	font-size: 12px;
}

.appstores{
	text-align: center;
	margin: 45px 0 20px;
}

hr.app {
	background-color: #000000;
	height: 2px;
	border: none;	
}


/* ----Fin Seccion APP---- */

.header h2{
  font-family: "Bebas Regular";
  color: #fff;
  text-align: center;
  font-size: 32px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: normal;
  text-shadow: 5px 5px 5px #000;
}

.header{
  background: url('../img/header.png') 50% 50% no-repeat;
  background-size: cover;
  width: 100%;
  height: 500px;
  display: block;
  position: relative;
  overflow: hidden;
}

.header.no-carousel-head{
  background: url('../img/header.png') 0 0 no-repeat;
  background-size: cover;
  width: 100%;
  height: 120px;
  display: block;
  position: relative;
  overflow: hidden;
}

.nocarousel.separator img{
  top:-24px !important;
}

.header.bg2{
  background: url('../img/slide2.png') 50% 50% no-repeat;
  background-size: cover;
}

.header.bg3{
  background: url('../img/slide3.png') 50% 50% no-repeat;
  background-size: cover;
}

div.button-slide {
    text-align: center;
    width: 100%;
}

div.button-slide button {
    background: rgba(0, 0, 0, 0) url("../img/button_slide.png") no-repeat scroll 0 0;
    border: 0 none;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    height: 68px !important;
    text-transform: uppercase;
    width: 289px !important;
}

.img-responsive{
  max-width: 100%;
  height: auto;
}

.separator{
  width: 100%;      
  position: relative;
  background: #FFF;
}

.separator img{
  position: absolute;
  width: 100%;
  top: -40px;        
}

.separator.val img{
  top:-10px;
}

.separator.dest img{
  position: absolute;
  width: 100%;
  top: -20px;        
}

.separator span{
  position: absolute;
  color: #000;
  font-size: 18px;
  line-height: 18px;
  top: -5px;
  margin-left: 30px;
  width: 90%;
  background: url('../img/arrow_destacado.png') 90% 50% no-repeat;
}

.invseparator{
  width: 100%;     
  position: relative;
  background: #FFF;
}

.invseparator img{
  position: absolute;
  width: 100%;
  top: -400px;        
}

.navbar-brand {
  float: none;
}

.full-content{ color: #000; text-align: center; width: 100%; margin: 0 auto; margin-bottom: 0px;}

.content{ color: #000; text-align: center; max-width: 1200px; margin: 0 auto; margin-bottom: 30px;}
.content h1, .full-content h1{font-size: 42px; }

.full-content .withBack, .content .withBack{
  margin-top: 20px;
  background: url("../img/fondo_cookies.png") 0 0 no-repeat;
  background-size: 100% auto;
  height: 100%;
}

.content .withBack{margin-top: 0px;}

.full-content.trabaja .withBack{
  background: url("../img/fondo_trabaja.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.abreturibs .withBack{
  background: url("../img/fondo_abreturibs1.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.abreturibs .withBack.bg2{
  background: url("../img/fondo_abreturibs2b.jpg") 0 0 no-repeat;
  background-size: 100% auto;
}

.abreturibs .withBack.bg3{
  background: url("../img/fondo_abreturibs3.png") 0 0 no-repeat;
  background-size: 100% auto;
}

.abreturibs .withBack .incontent{
  margin-top: 250px;
}

.abreinfo h3{
  text-align: left;
}
.abreinfo p{
  font-family: "Bebas Regular" !important;
}


.full-content.trabaja .incontent{
  margin-top: 250px;
  padding-right: 0px;
}


.full-content .withBack img{ width: 250px; height: auto; }

.incontent{
  position: relative;
  z-index: 9999;
  background-color: #fff;
  width: 62%;
  margin: 0 auto;
  height: auto;
  padding: 40px 80px;
}

.incontent h1{text-align: left; margin-top: 35px; font-family: "Bebas Bold"; font-size: 34px; text-transform: uppercase;}
.incontent h2{text-align: left; font-family: "Bebas Regular"; font-size: 22px; text-transform: uppercase;}
.incontent h3{text-align: left; font-family: "Bebas Regular"; font-size: 20px; text-transform: uppercase;}
.incontent hr{margin: 0 !important; margin-bottom: 30px !important; width: 10% !important;}


.incontent p{font-size: 14px !important; line-height: 16px !important; padding: 0px !important; font-family: 'Helvetica Neue LT Std 45 Light'; text-align: left !important; margin: 0;}
.incontent p.destacado{font-family: "Bebas Regular"; padding: 0px; font-size: 18px; line-height: 18px;}

.incontent ul{
  padding: 30px 0px;
  margin: 0;
  margin-left: 50px;
  list-style-type: disc !important;
}

.incontent ol{
  padding: 0;
  margin: 0 0 0 15px;
}

.incontent ul li {
    display: list-item;
    line-height: 1.5em;
    text-transform: none !important;
    font-family: 'Helvetica Neue LT Std 45 Light';
    text-align: left;
}

.incontent ol li {
    display: list-item;
    text-transform: none !important;
    font-family: 'Helvetica Neue LT Std 45 Light';
    text-align: left;
	font-size: 14px !important;
	line-height: 16px !important;
	padding: 5px 0;
}



.incontent .custom-counter {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
    text-align: left;
    margin-top: 25px;
}

.incontent .custom-counter li {
    counter-increment: step-counter;
}

.incontent .custom-counter li::before {
    content: counter(step-counter);
    margin-right: 15px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #000;
}

.incontent .blackdiv{
  background-color: #000;
  color: #fff;
  padding: 10px 20px;
}

.incontent .blackdiv p{font-family: 'HelveticaNeue'; font-size: 12px;}
.incontent .blackdiv h3{font-family: 'Bebas Bold'; font-size: 16px; text-align: left;}
.incontent .blackdiv h3.tel{font-size: 25px; text-align: center;}

.full-content.privacidad img{padding: 20px; margin: 0 auto; max-width: 50%;}

.full-content .col-sm-12 h1{font-size: 62px; }

.content .imgLiquid{height: 250px;}

.destParties{position: relative; margin: 0 auto; margin-bottom: 30px;}
.destParties .imgLiquid{position: relative; height: 350px;}
.destParties span{position: absolute; color: #fff; z-index: 99999; left: 0; width: 95%; margin: 0 auto; text-align: center; margin-top: 20px; height: 310px; margin-left: 2.5%; border: 1px solid transparent;}
.destParties a:hover  span{border: 1px solid #fff;}
.destParties span hr{height: 3px; background-color: #fff; margin: 0 auto; margin-bottom: 15px; width: 15%;}
.destParties span p{padding: 0; width: 100%; font-size: 16px; line-height: 18px; font-family: 'Bebas Regular';}
.destParties h2 {font-size: 58px; font-family: 'Bebas Regular'; }
.destParties h2.date{font-size: 32px;}

.destParties span div.buttonParties{width: 100%;}
.destParties span div.buttonParties button{
  background: url('../img/button_slide.png') 0 0 no-repeat;
  background-size: 173px auto;
  color: #000;
  font-size: 16px;
  text-transform: uppercase;
  width: 173px;
  height: 40px;
  border: 0;
  font-weight: bold;
  margin-top: 30px;
}

#allergenics p{font-size: 16px;}
#ingredientes p{font-size: 16px;}

#product_description{font-size: 16px;}
div.imgblack{background:rgba(0,0,0,0.4) !important; z-index: 9999999 !important; position: absolute; top: 0; width: 100%; height: 100%;}

.destParties .col-sm-12{padding-left: 0px; padding-right: 0px;}

.destParties.single .imgLiquid{height: 450px; margin-top: 20px;}
.destParties.single span{text-align: left; padding: 0px 30px; padding-top: 30px; border: 2px solid #fff; height: 390px; margin-top: 30px;}
.destParties.single h2{width: 30%;}
.destParties.single p{width: 50%;} 
.destParties.single p{font-size: 16px; line-height: 16px;}
.destParties.single hr{margin: 0; width: 8%; margin-bottom: 15px;}
.destParties.single p.date{font-size: 20px;}
.destParties.single .infoparty{
  position: absolute; height: 430px; width: 260px; background-color: #fff; right: 10%; padding: 5px; margin-top: 10px; z-index: 999999;
}
.destParties.single .infoparty h2{font-size: 20px; line-height: 20px; width: 100%;}
.destParties.single .infoparty p{font-size: 14px; line-height: 16px; width: 100%; padding: 0;}
.destParties.single .infoparty a{color: #000;}
.destParties.single .infoparty img{display: block !important; visibility: visible !important;}

.gallery .col-xs-15 a:hover .zoom{background: url('../img/zoom.png') 50% 50% no-repeat; background-size: 25px auto; z-index: 999999; position: absolute; top: 0; left: 0; height: 100%; width: 100%;}

.destCarta{position: relative; margin: 0 auto;}
.destCarta .imgLiquid{position: relative; height: 300px;}
.destCarta span{position: absolute; color: #fff; z-index: 999999; margin-left: 5%; margin-top: 35px; width: 75%; left: 0; text-align: left;}
.destCarta span hr{height: 3px; background-color: #fff; margin-bottom: 15px; width: 10%; float: left; margin-top: 0;}
.destCarta span p{text-align: left; float: none; padding: 0; width: 50%; font-size: 22px; line-height: 26px;}
.destCarta span h2{color: #fff; font-size: 50px; font-family: "Bebas Regular";}
.masCarta{margin-top: 60px;}

.masCarta .col-sm-3{margin-bottom: 40px; text-align: left;}
.masCarta p{padding: 0 !important; height: 20px; font-size: 20px !important;}
.masCarta hr{margin-left:0px !important; margin-bottom: 10px !important; width: 20% !important;}
.masCarta a{color: #000;}
.masCarta a:hover{color: #aeaeae; text-decoration: none;}
.masCarta a:hover hr{background-color: #aeaeae !important;}

.carta ul.slick-dots {
    top: 270px;
    margin-left: 50px;
    text-align: left;
    width: auto !important;
}


.destCarta img{width: 100%;}

.masCarta .imgLiquid{height: 135px !important;}

.destCarta span div.buttonCarta{width: 100%;}
.destCarta span div.buttonCarta button{
  background: url('../img/button_slide.png') 0 0 no-repeat;
  background-size: cover;
  color: #000;
  font-size: 23px;
  text-transform: uppercase;
  width: 220px;
  height: 52px;
  border: 0;
  font-weight: bold;
}

.invseparator.footerseparator img {
    position: absolute;
    top: -15px !important;
    width: 100%;
    z-index: 999999;
}

.content hr, .full-content hr{
  width: 5%;
  height: 2px;
  background-color: #000;
  border: 0;
  margin: 0 auto;
}

.content p{
  font-size: 16px;
  line-height: 18px;
  padding: 30px 25%;
}

.cercanos{
  background: #FFF;
  color: #333;
  height: auto;
  width: 100%;
  margin: auto;
  text-align: center;
  text-transform: uppercase;
  font-size: 38px;
}


.cercanos p{
  margin-top: 26px;
  position: relative;
}

.cercanos a{
  color: #000;
}

.cercanos hr{
  width: 10%;
  height: 3px;
  background-color: #000;
  margin: 15px auto;
  margin-bottom: 40px;
}

.destacados{
  background: #FFF;
  color: #fff;
  font-size: 26px;
  line-height: 26px;
  height: auto;
  width: 100%;
  text-transform: uppercase;
}

.destacados hr{
  width: 25%;
  height: 2px;
  background-color: #fff;
  margin-left: 30px;
  margin-top:10px;
  margin-bottom:10px;
}

.destacados .col-sm-4{padding-left: 0; padding-right: 0; height: 280px;}
.destacados .col-sm-4 p{padding: 30px; padding-top: 15px; padding-bottom: 0px;}
.destacados a{color: #fff; text-decoration: none;}

.destacados .separator{display: none;}

.destacados a span.black{background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition-duration: 1s; /* Safari */ transition-duration: 1s;}
.destacados a:hover span.black{background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; -webkit-transition-duration: 1s; /* Safari */ transition-duration: 1s;}

.destacados span.moreinfo span{line-height: 20px; margin-top: 15px;}


#destacado1{background: url('../img/destacado_ribs_by_night.jpg') 50% 50% no-repeat; background-size: cover;}
#destacado2{background: url('../img/destacado_ribs_sanvalentin_2.jpg') 50% 50% no-repeat; background-size: cover;}
#destacado3{background: url('../img/destacado3.png') 50% 50% no-repeat; background-size: cover;}

  .row-eq-height {
    display: table;
    width: 100%;
    height: 100%;
    /* fix overflow */
    table-layout: fixed;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  
  .row-eq-height > div{
    height: 100%;
    vertical-align: middle;  
    display: table-cell;
    float: none !important;  
    position: relative;
    overflow: hidden;
  }

.locales{
  margin: 0;
  padding: 0px 20px;
}

.locales .col-sm-6, .locales .col-lg-6{padding: 0; margin: 0;}

.locales .col-xs-6.col-sm-3{height: 170px;}


.locales img{
  width: 15px;
  margin-right: 5px;
}

#locals{display: none;}

.openlocals{cursor: pointer;}

.closelocals{display:none; position: absolute; right: 0; top:0; font-size: 34px; margin-right: 20px; cursor: pointer;}

ul.slick-dots{
  top:465px;
}

.slick-dots li {
    background-color: #86847e;
    height: 10px !important;
    width: 10px !important;
    border-radius: 5px;
}

.slick-dots li.slick-active{
  background-color: #fff !important;
}

.slick-next{display: none !important;}

div.button-slide{
  text-align: center;
  width: 100%;
}

div.button-slide button{
  background: url('../img/button_slide.png') 0 0 no-repeat;
  color: #000;
  font-size: 24px;
  text-transform: uppercase;
  width: 289px !important;
  height: 68px !important;
  border: 0;
  font-weight: bold;
  margin-top: 10px;
}

div.button-slide button:hover{text-decoration: underline;}

.locales .row{
  margin:0;
}

.locales p{
  font-size: 11px;
  text-align: left;
  margin-top: 0;
  padding-left: 45px;
}

.locales img{float: left; margin: 0; padding: 0; margin-right: 10px;}

.locales h3{
  font-size: 18px;
  text-align: left;
  margin-left: 20px;
  float: left;
  clear: both;
  width: 100%;
}

.valores{
  background: url('../img/fondo_bandera.png') 0 0 no-repeat;
  background-size: cover;
  width: 100%;
  height: 400px;
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.valores h1{
  font-family: 'Parlour';
  color: #fff;
  text-align: center;
  font-size: 120px;
  line-height: 110px;
  margin-top: 60px;
}

.valores hr, .valoresfull hr{
  width: 25%;
  height: 2px;
  background-color: #fff;
  margin: 25px auto;
}

.valores p{font-size: 20px; font-family: "Bebas Regular"; letter-spacing: 3px;}

.prefooter{
  position: relative;
  width: 100%;
  background-color: #fff;
  height: auto;
  padding: 10px 20px;
  text-align: center;
}

.prefooter .row-eq-height div.col-sm-8{
  vertical-align: top;
}

.prefooter .rrsshome{border: 1px solid #eeeeee; padding: 15px;}

.prefooter .rrsshome .col-sm-2 img{height: 25px; width: auto;}

.prefooter .rrsshome .col-sm-8{padding-left: 0; padding-right: 0;}

.prefooter .rrsshome a{color: #000;}

.prefooter p{
  color: #000;
  font-size: 18px;
  line-height: 18px;
  padding: 0px 5px;
  margin-top: 25px;
}

.prefooter hr{height: 3px; background-color: #000; border: 0; width: 25%; margin: 0 auto; margin-top: 10px;}

.prefooter p.twuser{font-size: 16px;}

.prefooter ul{margin-bottom: 10px;}

.prefooter ul li{height: auto; margin: 0;}

.prefooter ul li.active{border-bottom: 3px solid #000;}

.prefooter ul li img{width: 75%;}

.prefooter .img-responsive{margin: 0 auto;}

.prefooter div.buttonEncuentra{width: 100%; position: absolute; top:35%; padding-top: 7px; background: url('../img/button_cercanos.png') 50% 50% no-repeat; background-size: auto 70px; height: 70px;}
.prefooter div.buttonEncuentra button{
  color: #000;
  font-size: 20px;
  text-transform: uppercase;
  width: 70%;
  height: auto;
  padding: 5px;
  border: 0;
  line-height: 20px;
  background-color: transparent;
  background: url('../img/location.png') 15% 50% no-repeat;
  background-size: auto 45%;
}

.footer{
  position: relative;
  background-color: #1c1c1c; 
  height: auto;
  padding: 15px 0px;
}

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
  padding-bottom: 130px;}  /* must be same height as the footer */

.footer {position: relative;
  margin-top: -100px; /* negative value of footer height */
  height: 100px;
  clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

.footer .rrss a{padding: 0px 3px;}
.footer .rrss a:hover{opacity: 0.7;}
.footer .rrss img{width: 25px; height: 25px;}

.footer .logo{
  text-align: center;
}

.footer ul{
  float: right;
  margin-bottom: 0px;
}


.footer ul li{
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  height: auto;
}

.footer .row{margin: 0; padding: 0;}

.footer .visible-xs img{margin-bottom: 15px;}

.footer .visible-xs{text-align: center;}
.footer ul.footermenu{margin-right: 10px;}
.footer  ul.footermenu li{line-height: 25px;}
.footer  ul.footermenu li a{color: #fff; text-decoration: none;}
.footer  ul.footermenu li a:hover{text-decoration: underline;}

.valoresfull{
  background: url('../img/fondo_bandera.png') 0 0 repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
}

#valor1{background: url('../img/valor1.png') 50% 50% no-repeat; background-size: contain; }
#valor2{background: url('../img/valor2.png') 50% 50% no-repeat; background-size: contain; }
#valor3{background: url('../img/valor3.png') 50% 50% no-repeat; background-size: 50% auto; }
#valor4{background: url('../img/valor4.png') 50% 50% no-repeat; background-size: 50% auto; }

.productos{min-height: 800px;}
.productos.shortproducts{min-height: 410px !important;} /*500px*/
.productos ul{margin: 0 auto; display: table; text-align: center; }
.productos ul.top{font-size: 24px; margin: 0 auto 15px;}
.productos ul.subtop{font-size: 20px; margin-top: 15px; margin-bottom: 25px;}
.productos ul.top li{padding: 0px 15px; display:table-cell; position: relative;}
.productos ul.subtop li{padding: 0px 15px; display:table-cell; position: relative;}
.productos ul li a{color: #b2b2b2; text-decoration: none;}
.productos ul li a:hover, .productos ul li a.active{color: #000;}
.productos ul.top li a hr{margin: 0 auto; height: 2px; background-color: #fff; border: 0; width: 40%;}
.productos ul.top li a:hover hr, .productos ul.top li a.active hr{background-color: #000;}

.infoproducts{color: #000; padding: 0px 25px !important; text-align: left; font-size: 14px !important;}

.productos b.caret{margin: 0 auto; margin-top: 10px; margin-bottom: 10px; display: none; cursor: pointer;}

.list .imgLiquid{height: 150px !important;}

.list{margin-bottom: 20px;}
.list .limiter{overflow: hidden; position: relative; margin: 0; padding:0;}
.list a span.black{background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition-duration: 1s; /* Safari */ transition-duration: 1s;}
.list a:hover span.black{background: none; webkit-transition-duration: 1s; /* Safari */ transition-duration: 1s;}
.list a span.title{position: absolute; width: 100%; height: auto; color: #fff; text-transform: uppercase; left: 0px; margin-left: 10px; text-align: left; z-index: 9999; margin-top: 10px; font-size: 18px;}
.list a span.title hr{border: 0; height: 2px; background: #fff; width: 15%; margin: 0; margin-top: 5px;}
.list a span.nuevo{position: absolute; width: 100%; height: auto; color: #fff; text-transform: uppercase; right: 0px; top:0; text-align: right; z-index: 9999;}
.list a span.nuevo img{width: 30%;}
span.moreinfo{position: absolute;  background: url("../img/separator_destacado.png") no-repeat scroll 0% 0%; background-size: cover; width: 100%; height: 0px; color: #000; text-transform: uppercase; bottom:0; left: 0; z-index: 9999; text-align: left; padding: 0px; line-height: 16px;}
span.moreinfo span{width: 100%; position: absolute; background: rgba(0, 0, 0, 0) url("../img/arrow_destacado.png") no-repeat scroll 90% 0%; background-size: 20px auto; padding-right: 60px; height: 100%; display: none;}
.list .col-sm-3{margin-bottom: 10px;}

.producto .imgLiquid{height: 400px; width: 100%;}
.volver img{height: 14px; width: auto;}
a.volver {color: #000; font-size: 14px;}
.producto a{color: #000;}
.producto .shareproduct{float: none; text-align: right; margin-bottom: 10px;}
.producto .shareproduct p{margin: 0; padding: 5px 5px; font-size: 14px; text-align: right;}
.producto .shareproduct img{padding: 0px 5px; width: 35px; height: auto; color: #b2b2b2;}
.producto .row{margin-bottom: 20px;}

.producto hr{width: 15%;}
.producto .promotion{position: relative;}
.producto .promotion span{position: absolute; top:35%; left: 15%; background: url("../img/button_promocion.png") no-repeat scroll 50% 50%; background-size: 70%; width: 70%; font-size: 22px; padding: 20px;}
.producto .promotion span hr{width: 10%;}

.producto .imgProduct{position: relative; background-size: 75% 100% !important; background-position:  0 0 !important;}
.producto .imgProduct span{top: 0; float: right; width:25%; height: 100%; background-color: #f1f1f1; color: #000; padding: 20px 10px; text-align: left; line-height: 15px; }
.producto .imgProduct span hr{height: 2px; border: 0; background-color: #000; margin: 15px 0px; width: 10%;}
.producto .productinfo{color: #7f7f7f;}
.producto .imgProduct.visible-xs.visible-sm span{width: 100%; height: auto;}

.navbar-toggle {margin-top: 30px;}
.navbar-brand img{margin-left: 10px;}

/* columnas */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15
{
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: middle;
}
 
.col-xs-15
{
    width: 20%;
    float: left;
}

.gallery{margin-bottom: 20px;}

.gallery .col-sm-15{vertical-align: middle !important;}

.gallery .imgLiquid{height: 100px;}

.gallery p{text-align: left; padding: 0; margin: 0; margin-bottom: 0px;}

.gallerytext p{padding: 10px; margin: 0;}
.gallerytext a{color: #000;}
.gallerytext p.big{font-size: 26px;}

.featherlight-content{background-color: transparent !important;}


.featherlight .featherlight-close-icon {
  background-color: transparent !important;
  color: #fff !important;
  font-size: 30px;
  }

.promocontent{
  width: 100%; height: 100%; position: relative;
  z-index: 999999 !important;
}

.promociones .col-sm-3{
  cursor: pointer;
}

.promociones .promoc{
  width: 100%; height: 275px; position: absolute; top: 0; left: 0; background:rgba(0,0,0,0.2) !important; z-index: 9999 !important;
}
.promociones .col-sm-3:hover .promoc{
  width: 100%; height: 275px; position: absolute; top: 0; left: 0; background:rgba(0,0,0,0.8) !important; z-index: 9999 !important;
}


.promociones .imgLiquid{
  height: 275px; 
}

.promociones .promo{
  position: absolute; width: 60%; height: 50%; margin-top: 25%; margin-left: 20%; text-align: center; color: #fff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding-top: 35px; z-index: 999999 !important;
}
.promociones .promo p{padding: 0; margin: 0; font-size: 34px;}
.promociones .promo h2{padding: 0; margin: 0; font-size: 60px;}

.promociones .promo-hover{
  display: none; position: absolute; width: 80%; height: 75%; margin-top: 5%; margin-left: 10%; text-align: left; color: #fff; border: 2px solid #fff; padding: 20px; z-index: 999999 !important;
}
.promociones .promo-hover p{padding: 0; margin: 0; font-size: 14px; line-height: 16px;}
.promociones .promo-hover h2{padding: 0; margin: 0; font-size: 25px;}
.promociones .promo-hover hr{background-color: #fff; margin: 0; margin-top: 10px; margin-bottom: 20px; width: 20%;}
.promociones .promo-hover ul{text-align: center; background-color: #fff;}
.promociones .info{display: none; position: absolute; background-color: #fff; width: 80%; margin-top: 80%; margin-left:10%; height: auto; padding-top: 10px; z-index: 999999 !important;}
.promociones .info a{color: #000;}
.promociones .promrow{margin-bottom: 20px;}

.promocontent.hover{display: none;}

.promocion p{margin-bottom: 0; padding-bottom: 0px;}
.promocion .promo{margin-top: 0px; padding-right: 15px; margin-bottom: 40px;}
.promocion .promo .imgLiquid{height: 500px !important;}
.promocion .promo h1{margin-top: 15px; font-size: 50px;}
.promocion .promo h2{font-size: 24px; line-height: 22px; margin-top: 0px;}
.promocion .promo h3{font-size: 15px; font-family: "Helvetica Neue LT Std 45 Light"; font-weight: 400; margin-top: 0;}
.promocion .promo .col-sm-4{border: 4px solid #000; vertical-align: top; text-align: left; padding-left: 30px; padding-right: 30px;}
.promocion .promo .btn{background-color: #202020; color: #fff; border-radius: 0; width: 100%; padding: 10px 0px; font-family: "Bebas Regular"; margin-top: 10px;}
.promocion .promo p{padding: 0; font-size: 13px; color: #666; margin-top: 10px; font-family: "Helvetica Neue LT Std 45 Light"; line-height: 15px;}
.promocion .sharepromo{position: relative; top: 0; right: 0; text-align: right; margin: 0; padding:0; margin-top: 0px; padding-right: 15px;}
.promocion .sharepromo img{width: 30px; height: auto; margin-left: 10px; margin-bottom: 5px;}
.promocion hr{width: 15%; margin-bottom: 10px;}
.promocion .promo hr{margin: 0; margin-bottom: 10px;}

.promocion .maspromos{margin-bottom: 30px;}
.promocion .maspromos .col-sm-18{ width: 12.5%; padding:10px; float: left; position: relative;}
.promocion .maspromos .limit{
 position: absolute; top:0; left: 0; width: 90%; height: 90%; z-index: 999999 !important; margin-top: 5%; margin-left: 5%;}
 .promocion .maspromos .full{position: relative; width: 100%; height: 100%;}
.promocion .maspromos .col-sm-18:hover .limit{border: 1px solid #fff;}
.promocion .promo p strong { font-family: "Helvetica Neue LT Std"; }

.promocion .consulta{position: absolute; bottom: 0; left: 0; width: 100%; background-color: #7f7f7f; background-image: url('../img/location_white.png'); background-position: 5% 50%; background-repeat: no-repeat;  padding: 10px 40px 10px 50px; color: #fff; padding-left: 50px; background-size: 15px auto;}
.promocion .consulta a{color: #fff; text-decoration: underline;}

.promocion .consultaon,.promocion #consultaon, .promocion #consultaon2, .promocion #consultaon3, .promocion #consultaon4{position: absolute; top: 0; line-height: 16px; font-size: 16px; padding-top: 20px; left: 0; width: 100%; height: 0; background-color: #7f7f7f; padding: 20px 40px; color: #fff; display: none;}
.promocion #consultaon h4, .promocion #consultaon2 h4, .promocion #consultaon3 h4, .promocion #consultaon4 h4{margin-bottom: 0px; margin-top: 5px; font-size: 17px; line-height: 17px;}
.promocion .consultaon .consultaoff,.promocion #consultaon #consultaoff, .promocion #consultaon2 #consultaoff2, .promocion #consultaon3 #consultaoff3, .promocion #consultaon4 #consultaoff4{position: absolute; top: 20px; right: 10px; color: #fff; font-size: 30px; width: auto; cursor: pointer;}
.promocion .apps{font-size: 28px; line-height: 28px; margin-bottom: 15px;}
.promocion ul.appstores li{margin-bottom: 20px;}
.consultapromo, .consultaoff{cursor: pointer;}
.consultaon p{color: #fff !important;}

.imgLiquid.contactform{height: 465px;}

.contactform .col-sm-12{font-size: 18px; color: #fff; line-height: 28px;}

.contactform .col-sm-12 span img{display: block !important; visibility: visible !important; margin: 0 auto; margin-bottom: 15px;}

.contactform form{width: 50%; margin: 0 auto; color: #fff; padding-top: 30px;  text-align: left;}

.contactform form .row{margin-bottom: 20px;}
.contactform label{margin-bottom: 0; font-weight: normal; font-size: 18px;}
.contactform .row-eq-height .col-sm-4, .contactform .row-eq-height .col-sm-8{vertical-align: top;}
.contactform .form-control{border-radius: 0px;}
.contactform hr{height: 1px; border: 0; background-color: #fff; width: 20px; margin: 0; padding: 0; margin-bottom: 5px;}
.contactform a{ display: inline !important; color: #fff; text-decoration: underline; margin-left: 3px;}
.contactform .checkbox label{font-size: 16px !important;}
.contactform .require{margin-bottom: 10px; margin-top: 10px; text-align: right;}
.contactform .forminfo{line-height: 24px;}
.contactform .forminfo .col-sm-5{padding-right: 0;}
.contactform .forminfo .col-sm-7{padding-left: 0;}
.contactform span.isRequired{position: absolute; top:0; right: -5px; z-index: 99999; width: 10px;}
.submitBox{padding-top: 10px !important;}
.submitBox .btn.btn-default, .delivery .btn.btn-default, .openform .btn.btn-default{background-color: #202020; color: #fff; width: 100%; padding: 15px; font-size: 25px; border: 0; border-radius: 0;}

.openform .form-control{height: 40px;}

.contactform .col-sm-8 select {
 background: URL('../img/form_select.png') no-repeat 95% 50% #fff !important;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 }

.openform label{float: left; font-weight: normal; font-size: 22px; margin-bottom: 0px; line-height: 22px;}
.openform input{border-radius: 0px; border: 3px solid #000; width: 95%; float: left; margin-bottom: 20px;}
.openform .local label{ width: 100%; text-align: left;}
.openform .local input{ width: 45%;}
.openform .col-sm-6{padding-left: 0px;}
.openform .col-sm-6.right{padding-right: 0px; padding-left: 15px;}
.openform span.isRequired{position: relative; float: left; margin-left: 5px;}
.openform select{
 background: URL('../img/form_select.png') no-repeat 95% 50% #fff !important;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 border: 3px solid #000;
 width:95%;
 float: left;
 font-size: 20px;
 font-weight: normal;
 color: #000;
 }
.openform textarea{border: 3px solid #000;}
.openform .local select{width: 45%;  background: URL('../img/form_select.png') no-repeat 90% 50% #fff !important;}
.openform .col-sm-12{padding: 0; margin-top: 20px;}
.openform .require{text-align: right;}
.openform .send{margin-top: 20px;}
.openform .send .col-sm-6{padding: 0px;}
.openform .checkbox input{width: auto;}
.openform .checkbox label{font-size: 16px; margin: 0 auto; float: none;}
.openform a{color: #000; text-decoration: underline;}
.abreturibs .withBack.bg2 .incontent p{font-family: "Bebas Regular" !important; font-size: 18px !important;}
#form_aCommunity { margin-bottom: 20px !important; }
.checkbox.left { text-align: left; }

.responsive-calendar .header {
    background: none;
    height: auto;
    overflow: inherit;
    position: relative;
}
.responsive-calendar .controls{padding-top: 10px; padding-bottom: 10px; border-top:2px solid #000; border-bottom:2px solid #000; height: 60px;}
.responsive-calendar{margin-top: 20px;}
.responsive-calendar .day-headers{
  padding-top: 50px;
}
.responsive-calendar h4{font-size: 38px;}
.responsive-calendar .pull-left, .responsive-calendar .pull-right{
  background-color: #fff; border: 2px solid #000; font-size: 38px; line-height: 38px; height: auto; padding-left: 15px; padding-right: 15px; height: 100%;
}
.responsive-calendar .pull-left{background: url('../img/calendar-arrow-left.png') no-repeat 50% 50%;}
.responsive-calendar .pull-right{background: url('../img/calendar-arrow-right.png') no-repeat 50% 50%;}
.responsive-calendar .controls a{color: #000;}
.responsive-calendar .day a{background-color: #e8e8e8; border: 1px solid #fff; padding: 0; text-align: right; height: 60px; padding-right: 5px; color: #9e9e9e;}
.responsive-calendar .day.active a{background-color: #848484;}
.responsive-calendar .day.active a:hover{background-color: #202020;}
.responsive-calendar .badge{display: none;}

#accordion p{font-family: "Bebas Regular"; font-size: 18px !important; margin-bottom: 15px;}
#accordion h3{text-align: left; border-top: 3px solid #e8e8e8; padding-top: 15px; padding-bottom: 15px; margin: 0; background: url('../img/accordion_open.png') no-repeat 95% 50%; padding-right: 35px;}
#accordion h3.ui-accordion-header-active{background: url('../img/accordion_close.png') no-repeat 95% 50% !important;}
#accordion {border-bottom: 3px solid #e8e8e8; }

#map{width:100%; height: 600px;}
.restaurantes hr{margin-bottom: 30px;}
.restaurantes #content{width: 350px; padding-bottom: 30px;}
.restaurantes .infomaps{width: 100%; height: 60px; text-align: left; font-family: "Bebas Regular"; font-size: 18px; line-height: 16px; padding-top: 15px;}
.restaurantes .infomaps.promo{padding-left: 50px; background: url('../img/maps_promociones.png') no-repeat 50% 50%; background-position: left;}
.restaurantes .infomaps.info{padding-left: 50px; background: url('../img/maps_info.png') no-repeat 50% 50%; background-position: left;}
.restaurantes .infomaps.distance{padding-left: 50px; background: url('../img/maps_distancia.png') no-repeat 50% 50%; background-position: left; line-height: 30px;}
.restaurantes .infomaps .col-sm-3{height: 30px; cursor: pointer;}
.restaurantes .infomaps .col-sm-3.wifi{background: url('../img/maps_info_wifi.png') no-repeat 0% 50%;}
.restaurantes .infomaps .col-sm-3.tarjeta{background: url('../img/maps_info_tarjeta.png') no-repeat 0% 50%;}
.restaurantes .infomaps .col-sm-3.infantil{background: url('../img/maps_info_infantil.png') no-repeat 0% 50%; background-size: 25px;}

.restaurantes .tomaps{position: absolute; background-color: #333333; color: #fff; padding: 10px 20px; font-family: "Bebas Regular"; font-size: 18px; bottom: 0; right: 0;}
.restaurantes .tomaps a{color: #fff; text-decoration: none;}

#goCenterUI{
  -moz-appearance: none !important;
 -webkit-appearance: none !important;
 appearance: none !important;
 padding-right: 45px !important;
 text-align: center !important;
 background-position: 95% 50% !important;
}

#goCenterUI option:hover{
  background-color: #000;
}
#content{background: url('../img/location_maps.png') no-repeat 0% 10% !important; padding-left: 60px; padding-right: 50px; min-width: 250px;}
h3.location{text-align: left; font-size: 20px; padding: 0; margin: 0; padding-top:15px; font-family: "Bebas Regular"}
#content p{ font-family: "Bebas Regular"; text-align: left; padding: 0; margin: 0;}
#content hr{width: 100%; border: 0; background-color: #d6d6d6; margin: 10px 0px;}

.noticias .row{margin-top: 25px !important;}
.noticias .col-sm-3{height: 370px; font-family: "Bebas Regular"; margin-bottom: 30px;}
.noticias .col-sm-3 a{color: #000; text-decoration: none;}
.noticias .col-sm-3 .newstext{padding: 20px;}
.noticias .col-sm-3 .date{background-color: #000; position: absolute; top:-10px; font-family: "Bebas Bold"; left: 20px; width: 50px; height: 65px; color: #fff; text-align: center; padding-top: 10px; line-height: 14px; -webkit-transition: 1s; /* Safari */
    transition: 1s;}
.noticias .col-sm-3 .date span.day{font-size: 20px; line-height: 20px;}
.noticias .col-sm-3 .date span.year{font-family: "Bebas Regular"; display: none;}
.noticias .col-sm-3 .newstext h2{text-align: left; font-size: 18px; font-family: "Bebas Bold";}
.noticias .col-sm-3 .newstext hr{margin: 0; margin-top: 20px; margin-bottom: 20px; width: 20%;}
.noticias .col-sm-3 .newstext p{text-align: left; font-size: 14px; line-height: 16px;}
.noticias .col-sm-3 .new{position: relative; width: 100%; height: 100%; border: 1px solid #e6e6e6; -webkit-transition: 1s; /* Safari */
    transition: 1s;}
.noticias .col-sm-3 .imgLiquid{height: 120px; -webkit-transition: 1s; /* Safari */
    transition: 1s;}
.noticias .col-sm-3 .new .read{position: absolute; bottom: 20px; right: 5px; background-color: #fff; margin: 0; padding: 10px 20px; display: none; font-family: "Bebas Regular"; -webkit-transition: 1s; /* Safari */
    transition: 1s;}

.noticias .col-sm-3 .new:hover{background-color: #000; color: #fff; -webkit-transition: 1s; /* Safari */
    transition: 1s;}
.noticias .col-sm-3 .new:hover hr{background-color: #fff; -webkit-transition: 1s; /* Safari */
    transition: 1s;}
.noticias .col-sm-3 .new:hover .imgLiquid{height: 90px; -webkit-transition: 1s; /* Safari */
    transition: 1s;}
.noticias .col-sm-3 .new:hover .read{display: block; color: #000; -webkit-transition: 1s; /* Safari */
    transition: 1s;}
.noticias .col-sm-3 .new:hover .date span.year{display: block; -webkit-transition: 1s; /* Safari */
    transition: 1s;}

.noticias .row.pagination{margin: 0; display: block !important; padding-right: 15px; margin-bottom: 15px; width: 100%; clear: both; height: auto; float: right;}
.noticias .row.pagination ul{float: right;}
.noticias .row.pagination ul li{ margin-right: 0px;}
.noticias .row.pagination ul li a{background-color: #d2d2d2; padding: 3px 10px; color: #000;}
.noticias .row.pagination ul li a:hover, .noticias .row.pagination ul li a.active{ background-color: #202020; color: #fff; text-decoration: none;}


.noticia .withBack {padding-top: 250px; background-image: url('../img/header_noticia1.png') !important;}
.noticia h1{font-family: "Bebas Bold"; font-size: 50px; line-height: 60px; padding: 0px 30px; padding-right: 50px;}
.noticia h2{font-family: "Bebas Regular"; padding: 0px 30px; padding-right: 50px; font-size: 30px; }
.noticia hr{ margin-left: 30px !important;}
.noticia hr.end{margin-top: 40px !important;}
.noticia p{padding: 0px 30px !important; padding-right: 50px !important; font-size: 16px !important; line-height: 18px !important;}
.noticia .img-responsive{width: 100% !important; padding: 20px 0px;}
.noticia .sharenew{position: absolute; right: 20px;}
.noticia .sharenew img{width: 30px !important; float: right; margin-left: 10px;}
.noticia .date{position: absolute; top:-50px; background-color: #000; color: #fff; font-family: "Bebas Bold"; font-size: 20px; padding: 15px; padding-bottom: 5px; margin-left: 30px;}
.noticia .date span.day{font-size: 28px;}
.noticia .date span.yr{font-size: 20px; font-family: "Bebas Regular";}
.noticia .newsnav img{height: 20px !important; width: auto !important;}
.noticia .newsnav .col-sm-6{font-family: "BebasRegular" font-size:20px; text-align: left;}
.noticia .newsnav .col-sm-6.right {text-align: right;}
.noticia .newsnav a{color: #000;}

.thecarousel.ribs{color: #000 !important; height: 500px; background: url('../img/ribs_slide.png') 0px 0px no-repeat; background-size: 500px; background-position: left bottom;}

.thecarousel.ribs h1{
  font-family: 'Parlour';
  color: #000;
  text-align: center;
  font-size: 80px;
  line-height: 60px;
  padding: 0 30%;
}

.thecarousel.ribs h2{
  font-family: "Bebas Regular";
  color: #000;
  text-align: center;
  font-size: 28px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0 23%;
}

.ribs li.slick-active {
    background-color: #000 !important;
}

.ribs .slick-slider {
    margin-bottom: 10px;
}

.ribsrow{
  background: url('../img/ribs_fondo.png') 0px 0px no-repeat; background-size: cover; height: 1700px; color: #fff; text-align: center;
}

.ribsrow .col1{height: 500px; padding-top: 40px;}  
.ribsrow .col2{height: 500px; padding-top: 90px;}  
.ribsrow .col3{height: 500px; padding-top: 80px;}  
.ribsrow p{padding: 0px 30%; font-size: 18px; line-height: 16px; margin-top: 30px;}
.ribsrow .col1 h1{font-size: 54px; line-height: 48px; font-family: "Parlour";}
.ribsrow .col2 h1{font-size: 204px; line-height: 198px; font-family: "Parlour";}
.ribsrow .col3 h1{font-size: 124px; line-height: 118px; font-family: "Parlour";}
.ribsrow hr{width: 120px; border: 0; height: 2px; background-color: #fff; margin: 0 auto; margin-top: 20px;}


.restaurantes .locales{
  padding-left: 50px !important;
  background: url('../img/location_small.png') 20px 20px no-repeat;
  height: 100px !important;
}

.restaurantes .locales hr{clear: both;}


.ribs .imgLiquid{
  height: 450px;
}

.ribs .imgLiquid.imgMiddle{
  height: 220px;
}

.ribs .imgLiquid.imgMiddle.last{
  margin-top: 10px;
}

.ribs .album .col-sm-6, .ribs .album .col-sm-3{padding-left: 5px; padding-right: 5px;}
.ribs .album .col-sm-6{padding-left: 0px;}
.ribs .album .col-sm-3.lastcol{padding-right: 0px;}


.ribs .row-eq-height{
  margin-bottom: 10px;
}

.ribs .row.visible-xs .col-sm-3, .ribs .row.visible-xs .col-sm-6{
  margin-bottom: 10px !important;
}

.ribs .row.visible-xs .imgMiddle{
  margin-bottom: 10px;
}

.imgLiquid.error{
  margin-top: 30px;
  height: 370px;
  padding: 0;
}

.imgLiquid.error div{
    border: 2px solid #fff;
    color: #fff;
    height: 215px;
    left: 0;
    margin: 75px auto 0 15%;
    position: absolute;
    text-align: center;
    width: 70%;
    z-index: 99999;
    background: url('../img/error.png') no-repeat 50% 10%;
    background-color: #2b2b2b;
    padding-top: 9%;
    font-size: 28px;
}

.error a{color: #000;}

.error .btn{
  margin-top: 15px;
  padding: 16px 26px;
  font-size: 18px;
  border-radius: 0;
}

.eatout{
    color: #fff;
    line-height: 60px;
}
.eatout a{
  color: #fff;
  line-height: 60px;
}

.cc-cookies {
    background: rgba(40, 39, 38, 0.9) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-family: 'Helvetica Neue LT Std 45 Light';
    font-size: 14px;
    font-weight: 100;
    left: 0;
    padding: 0.5em 5%;
    position: fixed;
    text-align: left;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
    width: 100%;
    z-index: 99999;
    margin-bottom: 0;
}

.cc-cookies h3{
  background: #2b2b2b url("../img/error.png") no-repeat scroll 5px 0px;
  background-size: 25px auto;
  padding-left: 40px;
}

.cc-cookies a{
  color: #000;
  text-decoration: underline;
}

.cc-cookies a.cc-cookie-accept{
  position: absolute;
  width: 45px;
  height: 45px;
  color: #fff;
  background: url('../img/close_cookies.png') no-repeat 50% 50%;
  background-color: #fff;
  position: absolute;
  right: 25px;
  top: 0px;
  text-decoration: none;
  line-height: 40px;
}

.popup-box{
  display: none;
}

.badge.badge-warning{display: block; font-weight: normal !important; background: transparent !important; width: 100%; height: 100%; top:0; left: 0 !important; font-size: 15px; padding-top: 15px; cursor: pointer; border-radius: 0;}
.badge.badge-warning:hover{background-color: #000 !important;}

.alert-success {
  font-size: 1.4em;
}

/*Black Friday*/

.destacado-red {
  color: #c94547;
  font-size: 32px !important;
  font-weight: bold;
  line-height: 30px !important;
}

.bigger80 {
	font-size: 56px;	
}

.row.blackfriday {
  border: medium solid #006ba4;
}

.special, .descargar {
  position: absolute;
  right: 30px;
  visibility: visible !important;
}

.col-sm-12.bluehead {
  background-color: #006ba4;
}

.special {
	top: 75px;
}
	
.descargar {
	bottom: 20px;
}
	
.balckfriday-content {
	font-size: 18px !important;
}

.icon-content {
	font-size: 22px !important;
	padding: 15px 5% !important; 
	line-height: 20px !important;
}

.col-sm-12.filasuperior {
  margin-bottom: 20px;
  margin-top: 20px;
}

.filasuperior p {
	margin: 0;
	padding:10px;
	}

.red {
  color: #c31e21;
}

.col-sm-12.gallerytext.piedepromo > p {
  font-size: 15px;
}

.img-responsive.cartel {
  margin: 0 auto;
}	

.destParties.single .imgBFriday {
  height: 450px;
  margin-top: 20px;
}				

.destParties .imgBFriday {
  position: relative;
} 

.icon-content.mb10 {
  margin-bottom: 20px;
}

/*Fin B Friday*/

.bot-descarga {
color: white; font-size: 25px; background-color: rgb(32, 32, 32); padding: 20px 40px;
}

.reunionesinformativas {
  border: 1px solid black;
  padding: 10px 40px 30px;
  text-align: center !important;
}

.reunionesinformativas > h1 {
  text-align: center;
}

.reunionesinformativas > h2 {
  text-align: center;
}

hr.reuniones {
  margin: 23px auto !important;
}

.reunionesinformativas > p {
  line-height: 1.25em !important;
  text-align: center !important;
}

.reunionesinformativas a {
  color: black;
}

.condicionesapp { 
border: 1px solid; 
padding: 20px; 
margin: 20px 0 
10px;
}

#progpuntos ul { 
  padding: 5px 0 5px 15px; 
  margin: 0 0 0 15px;
}

.bot_cond { 
  background-color: black;
  color: white;
  display: block;
  font-size: 20px;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  width: 230px;
}

a.bot_cond {
	color: white;
	}

/* FB Home*/

.title-fb {
  margin-top: 0;
}

.col-sm-6.txt.leftdest p {
  margin-top: 10px;
}

.col-sm-6.txt.leftdest {
  margin-top: 15px;
}

.col-sm-8.twt {
  padding-top: 22px;
}

.row.withBack.promoJarra {
    background: url("../img/legal_jarra.png") 0 0 no-repeat;
}

a.bot-back {
    color: white;
    padding: 10px;
    background-color: #3C763D;
    display: block;
    width: 160px;
    margin: 10px auto;
}

.imgLiquid.agradecimiento div {
  background-color: rgba(43, 43, 43, 0.9);
  border: 2px solid #fff;
  color: #fff;
  font-size: 28px;
  height: 300px;
  left: 0;
  margin: 115px auto 0 15%;
  position: absolute;
  text-align: center;
  width: 70%;
  z-index: 99999;
}

p.agradecimiento {
  font-size: 1em;
  line-height: 1.1em;
  padding: 15px 15%;
}

.imgLiquid.agradecimiento {
  height: 600px;
  margin-top: 40px;
  padding: 0;
}

.agradecimiento .btn {
  border-radius: 0;
  font-size: 18px;
  margin-top: 15px;
  padding: 16px 26px;
  color: #fff;
  background-color: #800000;
}

/* New Layout 2018 */

			
	.imgLiquid.emotional-burguer {
	height: 790px !important;
	}
	
	.imgLiquid.emotional-costillas {
	height: 630px !important;
	}
	
	.imgLiquid.emotional-menu-infantil, .imgLiquid.emotional-tex-mex, .imgLiquid.emotional-ensaladas, .imgLiquid.emotional-carnes, .imgLiquid.emotional-combos {
	height: 310px !important;
	}			
	.imgLiquid.emotional-menu-infantil {
	height: 470px !important;
	}	

	.list .col-sm-6, .list .col-sm-4, .list .col-sm-12 {
	margin-bottom: 10px;
	}
	.col-sm-6.list.nogutter, .col-sm-3.list.nogutter, .col-sm-9.list.nogutter {
	padding: 0;			
	}
	
	.imgLiquid.aviso{
		margin-top: 30px;
		height: 140px;
		padding: 0;
	}

	.imgLiquid.aviso div {
		/*border: 2px solid #fff;*/
		color: #fff;
		height: 90px;
		left: 0;
		margin: 10px auto 0 15%;
		position: absolute;
		text-align: center;
		width: 70%;
		z-index: 99999;
		background: none;    
		/*background-color: #2b2b2b;*/
		padding-top: 2%;
		font-size: 38px;
	}		

	a.boton-blanco {
		background-color: #fff;
		padding: 8px 16px;
		font-weight: bold;
		color: #000;
		text-decoration: none;
		margin-bottom: 15px;
		display: block;
		font-family: 'Bebas Regular';
		font-size: 16px;
	}	

/*li.delivery {
    background-image: url(https://dl.dropbox.com/s/09qq32vbhps2adr/star-v2.png?dl=0);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 20px;
}

.delivery a {
    margin-left: 10px;
}*/
/*
ul > li.delivery > a {
    font-size: 22px;
    text-decoration: none;

    transition: all 0.5s;

    text-shadow: 0 0 5px #fb8484, 0 0 10px #ff9e9e, 0 0 20px #f7c5c5, 0 0 40px #ab0000, 0 0 80px #ab0000, 0 0 90px #ab0000, 0 0 100px #ab0000, 0 0 150px #AB0000;
    box-shadow: 0px 1px 12px #fb4242;
    border: 2px solid #a72222;
    letter-spacing: 2px;
    border-radius: 4px;
    padding: 4px 2px 0px 5px;
}

ul > li.delivery > a:hover {
    color: #a72222;
}

.delivery-mobile {
    background-color: red;
    width: 100%;
    box-shadow: 0px 1px 12px #fb4242;
}

.delivery.mobile {
    font-size: 18px;
    letter-spacing: 2px;
    color: #fff !important;
}

a.delivery.mobile {
    padding-bottom: 5px;
}*/

.delivery.mobile {
    font-size: 18px;
    letter-spacing: 2px;

}

a.delivery.mobile {
    color: #444 !important;
}

ul > li.delivery > a {
    font-size: 24px;
    text-decoration: none;
    color: #000;
}

.delivery-mobile {
    background-color: #fff;
    width: 100%;
}

li.delivery {
    background-image: url('../img/button_slide.png');
    background-position-y: 10px;
    background-repeat: no-repeat;
    background-size: 150px 50px;
}

a.icon-delivery::after {
    content: url('https://dl.dropbox.com/s/rc4tipqe9undbgl/icon_delivery%24%282%29.png?dl=0');
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
}

.top-menu ul li.delivery {
    padding: 0 48px 0 20px;
}

/* MEDIA QUERIES */

@media (max-width: 1200px) {
  .top-menu{font-size: 16px !important;}
  .top-menu ul li{padding: 0px 23px;}
  .top-menu ul li.logo{padding-left: 23px; padding-right: 23px;}
  .nocarousel.separator img {top: -18px !important;}

   .col-lg-15
    {
        width: 20%;
        float: left;
    }

    .rrss-header {
    top: 50px !important;
  }


  .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }

}


@media (max-width: 992px) {
  .destCarta span{width: 50%;}
  .col-md-15
     {
        width: 20%;
        float: left;
    }

    .contactform form{width: 60%;}

}

@media (max-width: 768px) {

.destCarta span{width: 100%;}

.productos ul{display: block !important;}
.productos ul li{display: block !important;}

.productos b.caret{display: block;}
.productos .more{display: none;}

#destacado1{background: url('../img/destacado_ribs_by_night.jpg') 50% 50% no-repeat; background-size: cover;}
#destacado2{background: url('../img/destacado_ribs_sanvalentin_2.jpg') 50% 50% no-repeat; background-size: cover;}
#destacado3{background: url('../img/destacado3.png') 50% 50% no-repeat; background-size: cover;}

.header h1{
  font-family: 'Parlour';
  color: #fff;
  text-align: center;
  font-size: 45px;
  line-height: 35px;
}

.header h2{
  font-family: "Bebas Regular";
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 13px;
  text-transform: uppercase;
  font-weight: normal;
}

.valores h1{
  font-size: 70px;
} 

.separator img{
    top: -30px;
  }

.footer ul{
  margin-top: 20px;
}

.separator.val img {
    top: -8px;
}

.nocarousel.separator img {
    top: -10px !important;
}

.prefooter ul{margin-top: 10px;}

.top-menu{display: none;}

.invseparator.footerseparator img { top: -8px !important;}

.full-content .withBack{
  margin-top: 20px;
  background: url("../img/fondo_cookies.png") 0 0 no-repeat;
  background-size: auto 400px;
  height: 100%;
}

.full-content.trabaja .withBack{
  background: url("../img/fondo_trabaja.png") 0 0 no-repeat;
  background-size: auto 400px;
  height: 100%;
}

.incontent{
  padding: 30px 30px;
}

.col-lg-15  {
      width: 20%;
      float: left;
  }

.promocion .maspromos .col-sm-18{ width: 25%; padding:10px; float: left; position: relative;}

.promocion .promo {padding-right: 0;}

.promocion .promo .col-sm-4{height: 460px;}

.destParties h2 {
    font-size: 38px;
    line-height: 40px;
}

.destParties.single .infoparty{
  position: relative; right: 0; margin: 0 auto;

}

.destParties.single p, .destParties.single h2 {
  width: 100%;
  }

.col-xs-15 {
    width: 50%;
    float: left;
}

.contactform form{width: 100%;}

.contactform .row-eq-height .col-sm-4 {
  width: 40%;
}

.contactform .row-eq-height .col-sm-8 {
  width: 60%;
}

.ribs .imgLiquid.imgMiddle.last{
  margin-top: 0px;
}

.thecarousel.ribs h1{
  font-size: 50px;
  line-height: 38px;
  padding: 0;
}

.thecarousel.ribs h2{
  font-size: 20px;
  line-height: 18px;
  padding: 0;
}

.thecarousel.ribs{background-size: 350px;}

.openform .col-sm-6 {
    clear: both;}

.openform #form_local{margin-bottom: 10px;}

.openform .col-sm-6.right {padding-left: 0px;}

.openform span.isRequired {margin-left: 1px;}

.noticia .newsnav .col-sm-6{
  text-align: center;
}
.noticia .newsnav .col-sm-6.right{
  text-align: center;
}

.producto .imgProduct {
    background-position: 50% 50% !important;
    background-size: auto 100% !important;
    }

  .footer {height: auto;}
  
  
  /* App */
   .app .header h1 {
	  margin-top: 55px;
	}		
  
}

@media (max-width: 512px) {

  .destCarta span {
    margin-top: 30px;
  }

  .destCarta span p {
    font-size: 16px;
    line-height: 18px;
    width: 95%;
  }

  .destCarta span h2 {
    font-size: 40px;
    line-height: 44px;
  }


  span.moreinfo{display: block !important; height: 35% !important; padding-top: 10px !important; padding-right: 0px !important; margin-left: 0px !important;}
  span.moreinfo span{display: block !important; padding-right: 30px !important;}

  .ribsrow .col3{padding-top: 30px;} 

  .ribsrow p{padding: 0px 10%;} 

  .thecarousel.ribs{background-size: 200px;}

  .promocion .promo .col-sm-4{height: 500px;}

  .destParties h2 {font-size: 40px;}

  .incontent{width: 80%;}

  .nocarousel.separator img {
    top: -8px !important;
}

.gallery.row-eq-height .col-xs-15 {
    width: 100%;
    float: left !important;
}

  .closelocals{
    top:120px;
  }

  .valoresfull .col-sm-3{
    height: 150px;
  }

  .header{height: 300px;}

  ul.slick-dots{top:250px;}

  #valor1{background: url('../img/valor1.png') 50% 50% no-repeat; background-size: auto 150px;}
  #valor2{background: url('../img/valor2.png') 50% 50% no-repeat; background-size: auto 150px;}
  #valor3{background: url('../img/valor3.png') 50% 50% no-repeat; background-size: auto 75px;}
  #valor4{background: url('../img/valor4.png') 50% 50% no-repeat; background-size: auto 75px;}

  .invseparator.footerseparator img { top: 0px !important;}

  .imgLiquid.contactform{height: 530px;}

  .noticia h1{font-family: "Bebas Bold"; font-size: 36x; line-height: 40px; padding: 0; margin-top: 50px;}
  .noticia h2{font-family: "Bebas Regular"; padding: 0; }
  .noticia hr.end{margin-top: 40px !important;}
  .noticia p{padding: 0px !important;}
  .date { margin-left: 0 !important;}
  

  .noticia .incontent  {
	width: 90%;
  }

  
  .restaurantes #leftlist{display: none;}
  #map{margin-left: 15px; margin-right: 15px; width: auto;}

  .badge.badge-warning {font-size: 8px;}
  
    /* app */	
	.app .header h1 {
	  margin-top: 0;
	  font-size: 30px;
	}

	.centerblock {
		top: 8%;
	}

	.col-sm-4.app > img {
	  width: 50%;
	}
	
	.app h1 {
	  font-size: 35px;
	}
	
	/*b friday*/	
	.special {
	  top: 135px;
	  width: 60%;
	  left: 20px;
	  max-width: 190px;
	}
	
	.descargar {
	  left: 20px;
	}	
	/*end*/
	
	.bot-descarga {
     font-size: 20px; padding: 20px 0; display: block;
	 }
	 
	.promocion .promo .imgLiquid {
	  height: 190px !important;
	}

	.masCarta .imgLiquid {
	  height: 190px;
	}

	.producto .imgLiquid {
	  height: 146px;
	}
	
	.list .imgLiquid {
	  height: 190px !important;
	}
	
	.promotion .imgLiquid {
	  height: 100px !important;
	}

	.ribs .imgLiquid {
	  height: 300px !important;
	}

	.full-content.trabaja .incontent {
	  margin-top: 110px;
	}

	.full-content.trabaja .withBack {
	  background: rgba(0, 0, 0, 0) url("../img/fondo_trabaja.png") no-repeat scroll 0 0 / auto 160px;
	}
	
	.content.abreturibs p {
	  padding: 30px 5%;
	}
	
	.home .header h1 {
	margin-top: 65px !important;
	}
	
	.imgLiquid.agradecimiento div {
	height: 420px;
    }
	
	.imgLiquid.error{
	  margin-top: 30px;
	  height: 370px;
	  padding: 0;
	}

	.imgLiquid.error div{
		height: 280px;
		left: 0;
		margin: 45px auto 0 13%;
		width: 75%;
		background: url('../img/error.png') no-repeat 50% 1%;
		padding-top: 22%;
		font-size: 23px;
	}	
	
	.imgLiquid.aviso div {
        font-size: 24px;
		margin: 30px auto 0 15%;
	}
		
	.navbar-brand img { 
		width: 100px; 
	}
	
	.promocion .sharepromo {
    position: absolute;
	top: 5px;
	}
	
	.promocion .sharepromo img { 
	width: 22px; 
	}
	
	.navbar-nav, .dropdown-menu {
    font-size: 18px;
	}
	
	/*Dropdown munu mobile*/
	 li.dropdown > a:nth-child(1), li.open > a:nth-child(1)  { width: 100px; display: inline-block; }
	 li.dropdown > a:nth-child(2) { width: 45px; display: inline-block; }	
	 ul > li:nth-child(5) > a:nth-child(1) { width: 100px; display: inline-block; }
	 ul > li:nth-child(5) > a.dropdown-toggle { width: 45px; display: inline-block; }
	/* Play Slide */
	#play-video {
	width: 57px !important;
	}

}