@font-face {
    font-family: 'le_jeune_posterstencil_italic';
    src: url('fonts/lejeuneposter-italic-webfont.woff2') format('woff2'),
         url('fonts/lejeuneposter-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'le_jeune_posterstencilRg';
    src: url('fonts/lejeuneposter-regular-webfont.woff2') format('woff2'),
         url('fonts/lejeuneposter-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Circular Std';
    src: url('fonts/CircularStd-Medium.woff2') format('woff2'),
        url('fonts/CircularStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Circular Std Book';
    src: url('fonts/CircularStd-Book.woff2') format('woff2'),
        url('fonts/CircularStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 body {
	font-family: 'Circular Std Book', sans-serif;
	margin: 0px;
	background-color: #DBDFD4;
	-webkit-overflow-scrolling:touch;	
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optimizeLegibility;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
header {
	height: 55px;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 15;
	font-size: 20px;
}
.wrap {
	padding-right: 25px;
	padding-left: 25px;
	position: relative;
	width:100%;
	box-sizing:border-box;
	/* max-width: 1320px;*/
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.nav{
	float:left;
	clear:both;
	width:100%;	
}
header .menu{
	font-family: 'le_jeune_posterstencilRg', serif;
	float: left;
	line-height: 55px;
	text-transform: uppercase;
	font-size:22px;
}
header .menu .opt {
	float: left;
	/* margin-right: 120px; */
	margin-right: 7vw;
	cursor:pointer;
	text-decoration:none;
	color:#000;
}
header .menu .opt:last-child{
	margin-right:0;	
}
header .btMenu {
	float: left;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	margin-top: 8px;
}
header .btMenu.on img{
	margin-top:-40px;	
}

header .social{
	float:right;
	padding-top:7px;
}
header .social .item{
	float:left;
	margin-left:25px;
}
header .logo{
	font-family: 'le_jeune_posterstencilRg', serif;
	position:absolute;
	top:0;
	left:50%;
	width:150px;
	margin-left:-75px;
	text-align:center;
	font-size:30px;
	line-height:55px;
	text-decoration:none;
	color:#000;
}
header .lang{
	float: right;
	line-height: 40px;
	margin-top: 8px;
	font-size: 20px;	
}
header .lang a{
	color:#000;
	text-decoration:none;	
}
header .lang a.on{
	font-weight:bold;	
}
.page {
	float: left;
	width: 100%;
}
.page .area {
	width:100%;
	float:left;
	clear:both;
	/* position:relative; */
}
.page .area.padM{
	margin:75px 0;	
}
.page .area.fullScreen{
	height:100vh;	
}
.page .circlePide {
	height: 225px;
	width: 225px;
	position: absolute;
	z-index: 10;
	top: 60vh;
	right: 50px;
	-webkit-animation: rotating 10s linear infinite;
	-webkit-transform-origin: 50% 50%;
   animation: rotating 15s linear infinite;
	transform-origin: 50% 50%;
	cursor:pointer;
}
.page .circlePide.on{
	position:fixed;
	top:50px;	
}
@-webkit-keyframes rotating {
  0% {transform: rotate(0deg);}
  50% {transform: rotate(-180deg);}
  100% {transform: rotate(-360deg);}
}
@keyframes rotating {
  0% {transform: rotate(0deg);}
  50% {transform: rotate(-180deg);}
  100% {transform: rotate(-360deg);}
}
.page .marquee {
	position: relative;
	width: 100vw;
	max-width: 100%;
	height: 30px;
	overflow-x: hidden;
	font-size: 18px;
	letter-spacing: 0.02em;
	line-height: 30px;
	background-color: #000;
	color: #dbdfd4;
	padding: 5px 0px;
}
.page .marquee .track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 18s linear infinite;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.page .marquee.upp{
	text-transform:uppercase;	
}
.page .homeBox {
	clear: both;
	float: left;
	margin-top:90px;
	/* height: calc(100vh - 115px); */
	height:700px;
	width: 100%;
	position:relative;
	padding-bottom:25px;	
}
.page .homeBox .claim {
	float: left;
	width: 45%;
	position: relative;
	z-index: 5;
}
.page .homeBox .claim .graf {
    max-width: 650px;
    width: 105%;
}
.page .homeBox .claim .sClaim {
	font-family: 'le_jeune_posterstencil_italic', serif;
    padding-top: 50px;
    font-size: 60px;
    max-width: 500px;
    line-height: 55px;
}
.page .homeBox .cover {
	float: right;
	width: 55%;
	height: 100%;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.page .homeBox .cover .pic{
	right: 0;
	width: 105%;
	height: 100%;
	position: absolute;
	z-index: 5;
	overflow: hidden;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	line-height: 0;
}
.page .homeBox .cover:hover .pic{
	height:95%;
	width:100%;	
}
.page .homeBox .cover .pic img{
	width: 102%;
    height: 102%;
    object-fit: cover;
    object-position: center;	
}
.page .homeBox .cover .sText {
	position:absolute;
	bottom:5px;
	right:0px;
}
.page .slowBox {
	clear: both;
	float: left;
	margin-top:25px;
	padding-bottom:25px;
	width: 100%;
	position:relative;
}
.page .slowBox .cover {
	float: left;
	width: 50%;
	/* aspect-ratio: 8/9; */
	position: relative;
	overflow: hidden;
	height: 55vw;
	max-height:750px;
	z-index: 1;
}
.page .slowBox .cover .pic{
	right: 0;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	line-height: 0;
}
.page .slowBox .cover .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;	
}
.page .slowBox .claim {
	float: left;
	width: 50%;
	position: relative;
	height:750px;
	z-index: 5;
}
.page .slowBox .claim .mainC {
	font-family: 'le_jeune_posterstencilRg', serif;
	font-size: 170px;
	line-height: 150px;
	/*
	font-size: 12vw;
	line-height: 10vw;
	*/
	text-align: right;
	width: 100%;
}
.page .slowBox .claim .mainC .i{
	font-family: 'le_jeune_posterstencil_italic', serif;
}
.page .slowBox .claim .intro{
	margin:0 10% 0 10%;
	text-align:center;
	font-size: 21px;
	line-height: 25px;
	position: absolute;
	left:0;
	bottom:5px;
	width:80%;
}
.page .slowBox .claim .intro .cnt{
	max-width:600px;
	margin: 0 auto;
	padding-left:25px;
}
.page .pasionBox {
	clear: both;
	float: left;
	margin-top:25px;
	padding-bottom:25px;
	width: 100%;
	position:relative;
}
.page .pasionBox .claim{
	font-family: 'le_jeune_posterstencilRg', serif;
	/*
	font-size: 170px;
	line-height: 160px;
	*/
	font-size: 12vw;
	line-height: 11vw;
	z-index: 5;
	position:relative;
	text-transform:uppercase;	
}
.page .pasionBox .claim .i{
	font-family: 'le_jeune_posterstencil_italic', serif;
}
.page .pasionBox .cover {
	float: left;
	width: 100%;
	/* aspect-ratio: 8/9; */
	overflow: hidden;
	margin-bottom:45px;	
	/* margin-top: -270px; */
	margin-top:-19vw;
}
.page .pasionBox .cover .pic{
	float:right;
 	width: 50%;
	position: relative;
	overflow: hidden;
	line-height: 0;
}
.page .pasionBox .cover .pic img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;	
}
.page .pasionBox .intro{
	font-family: 'le_jeune_posterstencilRg', serif;	
	margin: 0 auto;
	max-width: 1400px;
	font-size: 70px;
	line-height: 72px;
	text-align: center;
}
.page .ingBox {
	clear: both;
	float: left;
	margin-top:25px;
	padding-bottom:25px;
	width: 100%;
	position:relative;
}
.page .ingBox .claim{
	font-family: 'le_jeune_posterstencilRg', serif;	
    font-size: 12vw;
    line-height: 11vw;
    z-index: 5;
    position: relative;
}
.page .ingBox .claim .i{
	font-family: 'le_jeune_posterstencil_italic', serif;
}
.page .ingBox .cover {
	float: left;
	width: 100%;
	/* aspect-ratio: 8/9; */
	overflow: hidden;
	/* margin-top: -240px; */
	margin-top: -20vw;
	position:relative;
}
.page .ingBox .cover .sld{
	float:right;
 	width: 50%;
	position: relative;
	overflow: hidden;
	line-height: 0;
	height:700px;
}
.page .ingBox .cover .pic{
	position:absolute;
	width:100%;
	height:100%;
}
.page .ingBox .cover .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;	
}
.page .ingBox .cover .intro{
	width:40%;
	margin:0 5% 0 5%;
	text-align:center;
	font-size: 21px;
	line-height: 25px;
	position: absolute;
	left:0;
	bottom:5px;
	box-sizing: border-box;
	max-width:90%;
}
.page .ingBox .cover .intro .cnt{
	max-width:600px;
	margin: 0 auto;
	padding-right:25px;
}
.page .colaboraBox {
	clear: both;
	float: left;
	margin-top:25px;
	margin-bottom:25px;
	width: 100%;
	position:relative;
}
.page .colaboraBox .cover {
	float: right;
	width: 50%;
	/* aspect-ratio: 8/9; */
	position: relative;
	overflow: hidden;
	height:700px;
	z-index: 1;
}
.page .colaboraBox .cover .pic{
	right: 0;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	line-height: 0;
}
.page .colaboraBox .cover .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;	
}

.page-promos .cartaInfo {
	display: block !important;
	/* por si usan trucos de acordeón con altura/opacidad */
	max-height: none;
	height: auto;
	opacity: 1;
	visibility: visible;
}

.page-promos .cartaName {
	display: none;
}

.page .colaboraBox .claim {
	float: left;
	width: 40%;
	position: absolute;
	overflow: hidden;
	z-index: 1;
	margin: 8% 5% 0 5%;
	text-align: center;
	height:100%;
	padding-right: 25px;
	box-sizing: border-box;
}
.page .colaboraBox .claim .mainC {
	font-family: 'le_jeune_posterstencilRg', serif;
	font-size: 74px;
	line-height: 78px;
	margin: 0 auto;
	
}
.page .colaboraBox .claim .intro {
    width: 100%;
    text-align: center;
	font-size: 21px;
	line-height: 25px;
	 margin:50px auto;
	max-width:600px;
}
.page .colaboraBox .claim .bt{
	cursor:pointer;
	text-decoration:none;
	display:block;
	width:200px;
	border:solid 1px #fff;
	color:#fff;
	height:40px;
	line-height:40px; text-align:center;
	border-radius:20px;
	margin:0 auto;
}
.page .colaboraBox .claim .bt:hover{
	color:#D68800;
	background-color:#fff;
-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;	
}
.page .colaboraBox .cross{
	margin:0 auto 50px auto;
	width:100%;
	text-align:center;	
}
.page .colaboraBox .cross .name{
	font-family: 'le_jeune_posterstencil_italic', serif;
	font-size:50px;
	line-height:50px;	
}
.page .colaboraBox .cross .by{
	width:30px;
	height:30px;
	margin:10px auto;	
}
.page .colaboraBox .cross .marca{
	width:100%;
	height:60px;
	line-height:0;
}
#pizzabar{
    position: relative;
    z-index: 100;
}
#pedir{
	z-index:12;	
	position:relative;
}
.page .pideBox {
	clear: both;
	float: left;
	margin-top:25px;
	margin-bottom:25px;
	width: 100%;
	position:relative;
}
.page .pideBox .claim{
	font-family: 'le_jeune_posterstencilRg', serif;
    font-size: 11vw;
    line-height: 8vw;
    z-index: 5;
    position: relative;
	 text-transform:uppercase;
}
.page .pideBox .delivery{
	color: #d9d9d9;
	margin-top: 80px;
	margin-bottom:120px;
	float:left;
	clear:both;
	width:100%;
}
.page .pideBox .delivery .line{
	margin-top:30px;
	float:left;
	clear:both;
	width:100%;
}
.page .pideBox .delivery .line .tipo{
	font-family: 'le_jeune_posterstencilRg', serif;
	font-size: 60px;
	line-height: 60px;
	float: left;
	width: 390px;
}
.page .pideBox .delivery .line .logos{
	float:left;
	margin-top:-2px;
}
.page .pideBox .delivery .line .logos .item{
    float: left;
    margin-right: 75px;
	 line-height:0;
}
.page .pideBox .delivery .line .logos .item.mid{
	padding-top:20px;	
}
.page .pideBox .delivery .line .contacts{
	float:left;
	padding-top: 10px;
}
.page .pideBox .delivery .line .contacts .item{
	float:left;
	margin-right:65px;	
	line-height: 25px;
}
.page .pideBox .delivery .line .contacts a{
	color:#fff;
	font-weight:500;
	text-decoration:underline;	
}
.page .pideBox .glovoLinks{
	position:relative;	
}
.page .pideBox .glovoLinks .ovGlovo{
	position: absolute;
	width: 160px;
	height: 152px;
	top: -140px;
	background-color: #dbdfd4;
	border-radius: 4px;
	display:none;
}
.page .pideBox .glovoLinks:hover .ovGlovo,
.page .pideBox .glovoLinks:active .ovGlovo{
	display:block;
}
.page .pideBox .glovoLinks .ovGlovo a{
	width: 100%;
	height: 38px;
	line-height: 38px;
	display: block;
	text-align: center;
	color:#000;
	font-weight:500;
	text-decoration:none;
	font-size:18px;
}
.page .restBox {
	clear: both;
	float: left;
	width: 100%;
}
.page .restBox .restLine {
	clear: both;
	float: left;
	width: 100%;
}
.page .restBox .restLine .restName {
	font-family: 'le_jeune_posterstencilRg', serif;
	text-transform:uppercase;
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 12vw;
	padding: 3% 0px;
	line-height: 10vw;
	border-top: solid 1px #000;
	cursor:pointer;
	-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;
}
.page .restBox .restLine.on .restName{
	background-color:#000;
	color:#DBDFD4;
}
.page .restBox .restLine .restName:hover{
	background-color:#000;
	color:#DBDFD4;
}
.page .restBox .restInfo {
	clear: both;
	float: left;
	width: 100%;
	position:relative;
	background-color:#000;
	color:#DBDFD4;
	display:none;
}
.page .restBox .restLine.on .restInfo{
	display:block;	
}
.page .restBox .restInfo .wrap{
	padding-top:25px;
	padding-bottom:25px;
	float:left;
}
.page .restBox .restInfo .cover {
	float: left;
	width: 50%;
	/* aspect-ratio: 8/9; */
	position: relative;
	overflow: hidden;
	height:950px;
	z-index: 1;
}
.page .restBox .restInfo .cover .sld{
	right: 0;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	line-height: 0;
}
.page .restBox .restInfo .cover .sld .pic{
	position:absolute;
	width:100%;
	height:100%;
}
.page .restBox .restInfo .cover .sld .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;	
}
.page .restBox .restInfo .closeRest{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	cursor:pointer;
}
.page .restBox .restInfo .claim {
	float: left;
	width: 50%;
	position: relative;
	z-index: 5;
	padding-left:25px;
	box-sizing:border-box;
}
.page .restBox .restInfo .claim .small{
	margin-top: 50px;
	margin-bottom: 15px;
	font-size: 18px;
	width: 100%;
	text-align: center;
}
.page .restBox .restInfo .claim .mainC {
    font-family: 'le_jeune_posterstencilRg', serif;
    font-size: 84px;
    line-height: 86px;
	/* font-size: 12vw;
	line-height: 10vw; */
	text-align: center;
	width: 100%;
}
.page .restBox .restInfo .claim .intro{
	margin: 40px auto 40px auto;
	padding: 0 10%;
	text-align: center;
	font-size: 20px;
	line-height: 24px;
	max-width:600px;
}
.page .restBox .restInfo .claim .reservas{
	text-align: center;
	margin: 0px 10% 0 10%;
	color: #000;
	padding: 0;
	border-radius:9px;
	overflow:hidden;
	background-color:#fff;
}
.page .restBox .restInfo .claim .reservas .btFork{
	display:none; 
	color: #000;
	text-decoration: none;
	line-height: 48px;	
}
.page .selectExtras .optExtras {
	text-transform: uppercase;
	text-align: center;
}
.page .selectExtras .optExtras .opt{
    display: inline-block;
    height: 38px;
    line-height: 40px;
    border: solid 1px #000;
    padding: 0 20px;
    margin: 10px;
    border-radius: 20px;
    font-size: 14px;
	 cursor:pointer;
	 -webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;
}
.page .selectExtras .optExtras .opt.on{
	background-color:#000;	
	color:#DBDFD4;
}
.page .selectExtras .optExtras .opt:hover{
	background-color:#000;
	color:#DBDFD4;
}
.page .selectExtras .infoExtras {
	float: left;
	clear: both;
	width: 100%;
	padding-top: 45px;
}
.page .selectExtras .infoExtras .item{
	position:relative;
	width:100%;
	background-color:#000;
	color:#DBDFD4;
	text-align:center;
	display:none;
}
.page .selectExtras .infoExtras .item.on{
	display:block;	
}
.page .selectExtras .infoExtras .item .btClose{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.page .selectExtras .infoExtras .item .tit{
	font-family: 'le_jeune_posterstencil_italic', serif;
	font-size: 60px;
	line-height: 60px;
	max-width: 900px;
	padding: 45px 0px;
	margin:0 auto;
}
.page .selectExtras .infoExtras .item .txt{
	padding-bottom:45px;
	margin:0 auto;
	max-width:700px;
}
.page .selectExtras .infoExtras .item .txt a{
	color: #DBDFD4;	
}
#tf-element{
	background-color:#fff;	
}
.page .restBox .restInfo .claim .location {
	font-size:15px;
	line-height:20px;
	margin: 45px 10% 0 10%;
	text-align: center;
}
.page .coverCarta{
	width:100%;
	height:100vh;
	position:relative;	
}
.page .coverCarta .pizzaLeft, 
.page .coverCarta .pizzaRight{
	margin-top: 14vh;
	height: 72vh;
	position:absolute;
}
.page .coverCarta .pizzaLeft{
	top:0;
	left:0;
}
.page .coverCarta .pizzaRight{
	top:0;
	right:0;
}
.page .coverCarta .lettering{
	width:230px;
	height:540px;
	margin: auto;
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
}
.page .carta {
	font-family: 'le_jeune_posterstencilRg', serif;
	clear: both;
	float: left;
	width: 100%;
}
.page .carta b{
	font-weight:400;
	font-family: 'Circular Std', sans-serif;	
}
.page .carta .cartaLine{
	clear: both;
	float: left;
	width: 100%;
}
.page .carta .cartaLine .cartaName{
    padding: 75px 0px 35px 15px;
    font-size: 12vw;
    line-height: 10vw;
    border-bottom: solid 1px #000;
	 position:relative;
	 cursor:pointer;
	 -webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;

}
.page .carta .cartaLine .cartaName:hover{
	background-color: #000;
    color: #DBDFD4;
}
.page .carta .cartaLine .cartaName .ad{
	font-family: 'le_jeune_posterstencil_italic', serif;
	position:absolute;
	bottom: 30px;
	right:25px;
font-size: 40px;
    line-height: 42px;
}
.page .carta .cartaLine .cartaInfo{
	float:left;
	clear:both;
	display:none;
	width:100%;
}
.page .carta .cartaLine.on .cartaInfo{
	display:block;	
}
.page .carta .cartaLine .cartaInfo .intro{
    max-width: 800px;
    padding: 50px 0px 50px 25px;
    font-size: 40px;
    line-height: 46px;
}
.page .carta .especial{
	background-color:#000;
	color:#DBDFD4;	
	    float: left;
    clear: both;
    width: 100%;
}
.page .carta .especial .cartaName{
 	cursor:pointer;
	font-family: 'le_jeune_posterstencil_italic', serif;
	font-size: 6vw;
	line-height: 5vw;
	border-bottom: solid 1px #dbdfd4;
		 -webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;

}
.page .carta .especial .cartaName:hover{
		background-color: #DBDFD4;
    color: #000;
}
.page .carta .especial.on .cartaName:hover{
		background-color:#000;
    color: #DBDFD4;
}
.page .carta .estandar{
	    float: left;
    clear: both;
    width: 100%;

}
.page .carta .estandar .cartaName{
	font-family: 'le_jeune_posterstencil_italic', serif;
	border: none;
}
.page .carta .estandar .cartaName:hover{
		background-color: #DBDFD4;
    color: #000;
}
.page .carta .platos{
	float:left;
	clear:both;
	width:100%;	
}
.page .carta .especial .platos {
	color: #DBDFD4;
	background-color: #000;
	display:none;
}
.page .carta .especial.on .platos{
	display:block;	
}
.page .carta .especial .platos .platosLine{
	border-bottom: solid 1px #DBDFD4;	
}

.page .carta .platos .platosLine{
	float:left;
	clear:both;
	width:100%;	
	border-bottom: solid 1px #000;
	padding:45px 25px 25px 25px;
	box-sizing:border-box;
	position:relative;
}

.page .carta .platos .platosLine .platoName{
	  display: flex;
    justify-content: space-between;
    align-items: center;
}
.page .carta .platos .platosLine .platoName .name{
	flex: 1.25;
	font-size: 3vw;
	line-height: 3vw;
}
.page .carta .platos .platosLine .bio{
	flex: 3;
	font-family: 'Circular Std Book', sans-serif;	
	    line-height: 20px;
    font-size: 18px;
}
.page .carta .platos .platosLine .bt{
	flex: 1;
	font-family: 'Circular Std Book', sans-serif;
	text-align: center;
	padding-top:1px;
}
.page .carta .platos .platosLine .bt .btPlato{
    width: 120px;
    height: 40px;
    line-height: 40px;
    border: solid 1px #000;
    border-radius: 22px;
    margin: 0 auto;
	 border: solid 1px #000;
    background-image: url(rs/bt-plus.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 25px;
    display: block;
	 cursor:pointer;
	 overflow:hidden;
	 -webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;
}
.page .carta .platos .platosLine .bt .btPlato:hover{
	background-size: 22px 22px;
   background-position: right 14px center;
	background-color:#000;
	color:#dbdfd4;
	background-image: url(rs/bt-plus-w.png);
}
.page .carta .platos .platosLine.on .bt .btPlato{
	width:15px;
	background-position: center center;	
	background-image: url(rs/bt-less.png);
}
.page .carta .platos .platosLine.on .bt .btPlato:hover{
	background-image: url(rs/bt-less-w.png);
}
.page .carta .especial .platos .platosLine .bt .btPlato{
	border: solid 1px #dbdfd4;
	background-image: url(rs/bt-plus-w.png);
	cursor:pointer;
}
.page .carta .especial .platos .platosLine .bt .btPlato:hover{
	background-image: url(rs/bt-less.png);
	background-color:#dbdfd4;
	color:#000;
}
.page .carta .especial .platos .platosLine.on .bt .btPlato:hover{
	background-image: url(rs/bt-less.png);
}
.page .carta .platos .platosLine.on .bt .btPlato span{
	display:none;	
}
.page .carta .platos .platosLine .price{
	font-size: 2.5vw;
	flex: 0.75;
	text-align:right;
}
.page .carta .platos .platosLine .platoInfo{
	padding-top:50px;
	width:100%;
	box-sizing:border-box;
	display:none;
}
.page .carta .platos .platosLine.on .platoInfo{
	display:block;	
}
.page .platoBox{
	float:left;
	clear:both;
	width:100%;
	position:relative;
}
.page .platosLine.on .platoBox{

}
.page .platoBox .cover{
	width:60%;
	aspect-ratio: 6 / 4;
	height: auto;
	float:right;
	line-height:0;
}
.page .platoBox .cover img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;	
}
.page .platoBox .claim{
    width: 52%;
    position: absolute;
    z-index: 1;
    font-size: 5vw;
    line-height: 5vw;
    padding-top: 45px;
}
.bgBlack{
	background-color:#000;
	color:#DBDFD4;	
}
.bgRed{
	background-color:#933402;	
	/* color:#DBDFD4; */
	color: #fff;	
}
footer {
	width:100%;
	float:left;
	clear:both;
	position:relative;
	padding:25px 0px;
	background-color:#000;
	color:#DBDFD4;	
	z-index:12;
}
footer .boxLogos{
	float: right;
	display: flex;
	justify-content: center;
	align-items: center;
}
footer .boxLogos .item{
	float:left;
	line-height:0;
	margin-left: 10px;
}
footer .boxInfo{
	float:left;	
}
footer .boxInfo a{
	color:#DBDFD4;	
}
footer .boxInfo .trabaja {
	margin-bottom: 25px;
	float:left;
	clear:both;
}
footer .boxInfo .contacta{
	float:left; clear:both;
	line-height:26px;
}
footer .boxInfo .contacta .b{
	float:left;
	width:142px;	
}
footer .boxInfo .contacta .c{
	float:left;
	width:270px;	
}
footer .boxInfo .contacta .c a{
	font-weight:500;
	text-decoration:underline;
}
footer .boxEnd{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 55px;
	position: relative;
	text-align:center;
}
footer .boxEnd .logo {
	position: absolute;
	left: 0px;
	bottom: 0px;
	line-height:0;
}
footer .boxEnd .legales {
}
footer .boxEnd .legales a{
text-decoration:none;
	color:#fff;	
}
footer .boxEnd .copyr {
	margin-top: 45px;
	font-size: 14px;
	color: #606060;
}

.page .coverLegal{
    padding-top: 160px;
    font-size: 8vw;
    max-width: 70%;
    font-family: 'le_jeune_posterstencilRg', serif;
    line-height: 8vw;
}
.page .coverLegal .i{
	font-family: 'le_jeune_posterstencil_italic', serif;
}
.page .txtLegal{
	max-width:80%;
	
}
.page .txtLegal .titulo{
	font-size: 25px;
	line-height: 30px;
	font-weight:600;
}
.page .txtLegal .cuerpo{
	font-size:18px;
	line-height:26px;	
}
.page .txtLegal .cuerpo a{
	text-decoration:underline;
	color:#000;
	font-weight:600;	
}

/* DETALLES Y TRANSICIONES */

.sh6{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0px 4px 6px rgba(0, 0, 0, 0.25);-moz-box-shadow:0px 4px 6px rgba(0, 0, 0, 0.25);-ms-box-shadow:0px 4px 6px rgba(0, 0, 0, 0.25);}
.tr00{-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;}
.tr01{-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;}
.tr02{-webkit-transition:all 1000ms ease-in-out;-moz-transition:all 1000ms ease-in-out;-o-transition:all 1000ms ease-in-out;-ms-transition:all 1000ms ease-in-out;transition:all 1000ms ease-in-out;}


/* Cookies custom plugin */

.cookiesPosition{
		left: 24px;
	bottom: 24px;
}
#cookiesAlert {
	font-size: 13px;
	color: #333;
	background-color:#dbdfd4;
	padding: 20px;
	width: 390px;
	position: fixed;
	z-index: 9998;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: solid 1px #000;
}
#cookiesAlert a { color: #000; text-decoration:underline;}
#cookiesAlert .btStand{
text-decoration: none;
    border: solid 1px #000;
    padding: 10px 24px;
    border-radius: 25px;
    width: 110px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.02em;
}
#cookiesAlert .btStand:hover{
	background-color:#000;
	color:#dbdfd4;
}
#cookiesAlert .aviso_co{ line-height:18px; }
#cookiesAlert .control_co {
	padding-top: 15px;
	clear: both;
	float: none;
	width: 100%;
}
#cookiesAlert .control_co .btco {
	padding: 10px 0px;
	float: left;
	font-size: 14px;
}
#cookiesAlert .control_co .btco.btcoblack {
	color: #FFF;
	background-color: #333;
	text-decoration: none;
	/* margin-left: 24px; */
	padding: 10px;
}
#cookiesConfig {
	background-color: #FFF;
	width: 580px;
	clear: both;
	position: fixed;
	font-size: 13px;
	display: none;
	z-index: 9999;	
}
#cookiesConfig a{
	color:#000;	
	 text-decoration:underline;
}
#cookiesConfig .head_cc {
	float: left;
	clear: both;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 100%;
	font-size: 15px;
}
#cookiesConfig .cont_cc {
	clear: both;
	float: left;
	width: 100%;
}
#cookiesConfig .cont_cc .leftS {
	float: left;
	width: 100%;
	padding-left: 20px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#cookiesConfig .cont_cc .leftS .tipe_cc {
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	margin-right: 20px;
	border-bottom: 3px solid #fff;
	cursor: pointer;
}
#cookiesConfig .cont_cc .leftS .tipe_cc.on{
	border-bottom: 3px solid #b3b3b3;
}
#cookiesConfig .cont_cc .rightS {
	float: left;
	width: 100%;
	overflow: hidden;
}
#cookiesConfig .cont_cc .rightS .sld_cc {
	clear: both;
	float: left;
	width: 1000%;
}
#cookiesConfig .cont_cc .rightS .sld_cc .opt_cc {
	float: left;
	width: 10%;
	padding: 20px;
	line-height: 18px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#cookiesConfig .cont_cc .rightS .sld_cc .opt_cc .tip_cc {
	font-weight: bold;
	margin-bottom: 10px;
}
#cookiesConfig .footer_cc {
	float: left;
	clear: both;
	padding: 20px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
#cookiesConfig .footer_cc, #cookiesConfig .head_cc{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#cookiesConfig .btco  {
	padding: 10px 0px;
	float: left;
	font-size: 14px;
	display:block;
	margin-left:24px;
}
#cookiesConfig .btco.btcoblack {
	color: #FFF;
	background-color: #333;
	text-decoration: none;
	margin-left:0px;
	padding: 10px;
}


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

header{  position:fixed; background-color: #dbdfd4; }
header .btMenu{ display:block; }
header .nav{
	height:0;
	overflow:hidden;
	position: absolute;
	top: 61px;
	width: 100%;
	z-index: 15;
	left: 0;
	background-color: #dbdfd4;
	-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;
}
header .nav.on{
	display:block;	
	height: calc(100vh - 61px);
}
header .menu{ width:100%;	font-size:50px; }
header .social{ width: 100%; padding: 35px 0px; position: absolute; left: 0; top: 70vh; text-align:center; }
header .social .item { float: none; display: inline-block; text-align: center; margin: 0 6%; }
header .menu .opt{ margin: 0; width: 100%; text-align: center; border-bottom: solid 1px #000; line-height: 100px;  }	
header .lang{
	width: 100%;
	text-align: center;	
}

.page .slowBox .claim .mainC {
	font-size: 90px;
	line-height: 80px;
}
.page .slowBox .claim{ height: auto;}
.page .slowBox .claim .intro {
	position: relative;
	margin: 45px 0px 0px 0px;
	width: 100%;
}
.page .circlePide {
  width: 150px;
  height: 150px;
}

footer .boxEnd .logo{ position: relative; margin-bottom:25px;}
footer .boxEnd .copyr { margin-top:25px; }

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

.page .homeBox{ height: auto; }
.page .homeBox .claim{ width:100%; margin-top:-25px; }
.page .homeBox .claim .graf{ width:100%; }
.page .homeBox .cover{ width:100%; height:450px; }	
.page .homeBox .claim .sClaim{ padding-top: 15px; font-size: 40px; max-width: 100%; line-height: 40px;}
.page .slowBox .cover{ width:100%; aspect-ratio: 8 / 9; height: auto; }
.page .slowBox .claim{ width:100%; height:auto; }
.page .slowBox .claim .mainC { font-size: 90px; line-height: 80px; margin-top:15px;}
.page .slowBox .claim .intro{ position:relative; margin:45px 0px 0px 0px; width:100%;}
.page .slowBox .claim .intro .cnt{ padding-left:0px;}
.page .pasionBox .claim { font-size: 15vw; line-height: 15vw;}
.page .pasionBox .cover{ margin-top:15px; }
.page .pasionBox .cover .pic{ width: 100%;}
.page .pasionBox .intro{ float:left; clear:both; font-size: 30px; line-height: 36px;}
.page .ingBox .cover{ margin-top:15px; }
.page .ingBox .cover .sld{ aspect-ratio: 8 / 9; height: auto; width:100%; }
.page .ingBox .cover .intro{ position:relative; width:100%; margin:0; max-width: 100%; }
.page .ingBox .cover .intro .cnt{ padding-right:0px;}
.page .ingBox .cover .pic{ width:100%; margin-bottom:45px; height: auto; }
.page .ingBox .claim { line-height: 12vw; }
.page .restBox .restLine .restName{ padding: 10% 0px; }
.page .restBox .restInfo .cover{ width:100%; aspect-ratio: 6 / 9; height: auto; aspect-ratio: 8 / 9;}
.page .restBox .restInfo .claim{ padding-left:0; width:100%; }
.page .restBox .restInfo .claim .intro{ padding:0px;}
.page .restBox .restInfo .claim .mainC { font-size: 45px; line-height: 50px; }
.page .restBox .restInfo .claim .reservas .restFork{ display:none; }
.page .restBox .restInfo .claim .reservas .btFork{ display:block; }
.page .colaboraBox .claim{ width: 100%; padding:0; margin:0px; position:relative;}
.page .colaboraBox .claim .mainC{ font-size: 50px; line-height: 55px; }
.page .colaboraBox .claim .intro { margin: 45px auto;}
.page .colaboraBox .cover{ width:100%; aspect-ratio: 8 / 9; height: auto; margin-top:45px;}
.page .pideBox .claim{ font-size: 15vw; line-height: 15vw;}
.page .pideBox .delivery{ margin-top:45px; margin-bottom: 30px; }
.page .pideBox .delivery .line .tipo{ font-size:45px; width:100%; max-width:auto; }
.page .pideBox .delivery .line .logos .item{ margin-bottom:0px; }
.page .pideBox .delivery .line .logos{ padding-top:25px; }
.page .pideBox .delivery .line .contacts { padding-top:35px; }

footer .boxLogos{ float:left; margin-bottom:45px; }
footer .boxLogos .item{ margin:0 5px; }
footer .boxLogos .item:nth-child(1){ width:30%; }
footer .boxLogos .item:nth-child(2){ width:60%; }
footer .boxLogos .item img{ width:100%; height: auto; }
.page .circlePide{         
		width: 150px;
        height: 150px;
        top: inherit !important;
        bottom: 45px;
        right: 45px;
        position: fixed;}
.page .circlePide img { width:150px; height: 150px; }
.page .marquee .track { animation: marquee 24s linear infinite; }

/* CARTA */
.page .coverCarta { height: 80vh; }
.page .coverCarta .lettering, .page .coverCarta .lettering img{width: 115px; height: 270px; }
.page .coverCarta .pizzaLeft, .page .coverCarta .pizzaRight { height:30vh;}
.page .coverCarta .pizzaLeft{ margin-top:10 vh; }
.page .coverCarta .pizzaRight{ margin-top: 40vh; }
.page .carta .cartaLine .cartaInfo .intro { padding: 35px 25px 35px 25px; font-size: 34px; line-height: 42px; }
.page .carta .cartaLine .cartaName{font-size: 14vw; padding: 35px 0px 25px 15px;}
.page .carta .cartaLine .cartaName .ad { position:relative; bottom: auto; right: auto; margin-top:10px; font-size:30px;}
.page .carta .especial .cartaName{ font-size:12vw;}
.page .carta .platos .platosLine .platoName{ display:block; }
.page .carta .platos .platosLine .platoName .name { width: 100%; font-size: 35px; margin-bottom: 15px; line-height: 40px; }
.page .carta .platos .platosLine{ padding: 25px 25px 25px 25px; }
.page .carta .platos .platosLine .bio{ width: 100%; font-size: 18px; margin-bottom: 15px; }
.page .carta .platos .platosLine .bt{ width:50%; float:right; }
.page .carta .platos .platosLine .bt .btPlato{ margin:0; float:right; }
.page .carta .platos .platosLine .price { width:50%; float:left; text-align:left; font-size:35px; line-height:38px;}
.page .platoBox .cover{ float:none; width:100%; margin: 20px 0px 20px 0px;}
.page .platoBox .claim{ position:relative; width:100%; padding-top:0px; font-size: 36px; line-height: 42px;}

}

.sin-slider .wrap2 .cover .sld .pic {
  animation: none;
  opacity: 1;
  position: relative;
}


