/* WELCOME */
.welcome {
    z-index: 50;
    text-align: center;
    opacity: 0;
	top:350px;
    -webkit-animation: welcomeAnimation 15s linear 1 0s;
    -moz-animation: welcomeAnimation 15s linear 1 0s;
    -o-animation: welcomeAnimation 15s linear 1 0s;
    -ms-animation: welcomeAnimation 15s linear 1 0s;
    animation: welcomeAnimation 15s linear 1 0s;
}

@media (min-width: 768px) {
.welcome { left: 21%; }
}
@media (min-width: 992px) { 
.welcome { left: 29%; }
}

@-webkit-keyframes welcomeAnimation { 
	0% { opacity: 0; -webkit-transform: scale(0.05) rotate(0deg); }
	11% { opacity: 0; -webkit-transform: scale(0.05) rotate(100deg); }
	18% { opacity: 1; -webkit-transform: scale(1.0) rotate(0deg); }
	40% { opacity: 1; }
	45% { opacity: 0; }
}
@-moz-keyframes welcomeAnimation { 
	0% { opacity: 0; -moz-transform: scale(0.05) rotate(0deg) ; }
	11% { opacity: 0; -moz-transform: scale(0.05) rotate(100deg); }
	18% { opacity: 1; -moz-transform: scale(1.0) rotate(0deg); }
	40% { opacity: 1; }
	45% { opacity: 0; }
}
@-ms-keyframes  welcomeAnimation { 
	0% { opacity: 0; -ms-transform: scale(0.05) rotate(0deg); }
	11% { opacity: 0; -ms-transform: scale(0.05) rotate(100deg); }
	18% { opacity: 1; -ms-transform: scale(1.0) rotate(0deg); }
	40% { opacity: 1; }
	45% { opacity: 0; }
}
@-o-keyframes welcomeAnimation { 
	0% { opacity: 0; -o-transform: scale(0.05) rotate(0deg); }
	11% { opacity: 0; -o-transform: scale(0.05) rotate(100deg); }
	18% { opacity: 1; -o-transform: scale(1.0) rotate(0deg); }
	40% { opacity: 1; }
	45% { opacity: 0; }
}
@keyframes welcomeAnimation { 
	0% { opacity: 0; transform: scale(0.05) rotate(0deg); }
	11% { opacity: 0; transform: scale(0.05) rotate(100deg) ; }
	18% { opacity: 1; transform: scale(1.0) rotate(0deg) ; }
	40% { opacity: 1; }
	45% { opacity: 0; }
}
/* LOVE SCRITTA */
.love {
    z-index: 50;
    opacity: 0;
	top:470px;
	margin:auto;	
    -webkit-animation: loveAnimation 15s linear 1 0s;
    -moz-animation: loveAnimation 15s linear 1 0s;
    -o-animation: loveAnimation 15s linear 1 0s;
    -ms-animation: loveAnimation 15s linear 1 0s;
    animation: loveAnimation 15s linear 1 0s;
}
@media (min-width: 768px) {
.love { left: 37%; }
}
@media (min-width: 992px) { 
.love { left: 41%; }
}

@-webkit-keyframes loveAnimation { 
	0% { opacity: 0; -webkit-transform: scale(3); }
	18% { opacity: 0; -webkit-transform: scale(3); }
	22% { opacity: 1; -webkit-transform: scale(1.0);  }
	40% { opacity: 1; }
	42% { opacity: 0; }
}
@-moz-keyframes loveAnimation { 
	0% { opacity: 0; -moz-transform: scale(3) ; }
	18% { opacity: 0; -moz-transform: scale(3) ; }
	22% { opacity: 1; -moz-transform: scale(1.0); }
	40% { opacity: 1; }
	42% { opacity: 0; }
}
@-ms-keyframes  loveAnimation { 
	0% { opacity: 0; -ms-transform: scale(3) ; }
	18% { opacity: 0; -ms-transform: scale(3) ; }
	22% { opacity: 1; -ms-transform: scale(1.0) ; }
	40% { opacity: 1; }
	42% { opacity: 0; }
}
@-o-keyframes welcomeAnimation { 
	0% { opacity: 0; -o-transform: scale(3); }
	18% { opacity: 0; -o-transform: scale(3) ; }
	22% { opacity: 1; -o-transform: scale(1.0) ; }
	40% { opacity: 1; }
	42% { opacity: 0; }
}
@keyframes loveAnimation { 
	0% { opacity: 0; transform: scale(3);  }
	18% { opacity: 0; transform: scale(3); }
	22% { opacity: 1; transform: scale(1.0);}
	40% { opacity: 1; }
	42% { opacity: 0; }
}
/* GEISHA SX */
.img1 {
    z-index: 50;
	left:0px;
    -webkit-animation: img1Animation 15s linear 1 0s;
    -moz-animation: img1Animation 15s linear 1 0s;
    -o-animation: img1Animation 15s linear 1 0s;
    -ms-animation: img1Animation 15s linear 1 0s;
    animation: img1Animation 15s linear 1 0s;
}
@-webkit-keyframes img1Animation { 
	0% { opacity: 0; left:10%; }
	5% { opacity: 1; left:0; }
	40% { opacity: 1; left:0;}
	50% { opacity: 1; left:50%; }
	65% { opacity: 1; left:50%; }
	75% { opacity:0; left:50%; }
}
@-moz-keyframes img1Animation { 
	0% { opacity: 0; left:10%; }
	5% { opacity: 1; left:0; }
	40% { opacity: 1; left:0;}
	50% { opacity: 1; left:50%; }
	65% { opacity: 1; left:50%; }
	75% { opacity:0; left:50%; }
}
@-ms-keyframes img1Animation { 
	0% { opacity: 0; left:10%; }
	5% { opacity: 1; left:0; }
	40% { opacity: 1; left:0;}
	50% { opacity: 1; left:50%; }
	65% { opacity: 1; left:50%; }
	75% { opacity:0; left:50%; }
}
@-o-keyframes img1Animation { 
	0% { opacity: 0; left:10%; }
	5% { opacity: 1; left:0; }
	40% { opacity: 1; left:0;}
	50% { opacity: 1; left:50%; }
	65% { opacity: 1; left:50%; }
	75% { opacity:0; left:50%; }
}
@keyframes logoAnimation { 
	0% { opacity: 0; left:10%; }
	5% { opacity: 1; left:0; }
	40% { opacity: 1; left:0;}
	50% { opacity: 1; left:50%; }
	65% { opacity: 1; left:50%; }
	75% { opacity:0; left:50%; }
}
/* GEISHA SX */
.img2 {
    z-index: 50;
	right:0px;
    -webkit-animation: img2Animation 15s linear 1;
    -moz-animation: img2Animation 15s linear 1;
    -o-animation: img2Animation 15s linear 1 0s;
    -ms-animation: img2Animation 15s linear 1 0s;
    animation: img2Animation 15s linear 1 0s;
}
@-webkit-keyframes img2Animation { 
	0% { opacity: 0; right:10%; }
	5% { opacity: 1; right:0; }
	40% { opacity: 1; right:0;}
	50% { opacity: 1; right:50%; }
	65% { opacity: 1; right:50%; }
	75% { opacity:0; right:50%; }
}
@-moz-keyframes img2Animation { 
	0% { opacity: 0; right:10%; }
	5% { opacity: 1; right:0; }
	40% { opacity: 1; right:0;}
	50% { opacity: 1; right:50%; }
	65% { opacity: 1; right:50%; }
	75% { opacity:0; right:50%; }
}
@-ms-keyframes img2Animation { 
	0% { opacity: 0; right:10%; }
	5% { opacity: 1; right:0; }
	40% { opacity: 1; right:0;}
	50% { opacity: 1; right:50%; }
	65% { opacity: 1; right:50%; }
	75% { opacity:0; right:50%; }
}
@-o-keyframes img2Animation { 
	0% { opacity: 0; right:10%; }
	5% { opacity: 1; right:0; }
	40% { opacity: 1; right:0;}
	50% { opacity: 1; right:50%; }
	65% { opacity: 1; right:50%; }
	75% { opacity:0; right:50%; }
}
@keyframes img2Animation { 
	0% { opacity: 0; right:10%; }
	5% { opacity: 1; right:0; }
	40% { opacity: 1; right:0;}
	50% { opacity: 1; right:50%; }
	65% { opacity: 1; right:50%; }
	75% { opacity:0; right:50%; }
}
/* LOGO */
.ani-logo {
	width:200px;
	height:125px;
	background-image: url('/img/intro/logo.png');
	background-size: 200px 125px;
	z-index: 1;
    position: absolute;
	left:50%;
	transform: translate(-50%, 120px); 
    opacity: 0;
    -webkit-animation: logoAnimation 10s linear 1 0s;
    -moz-animation: logoAnimation 10s linear 1 0s;
    -o-animation: logoAnimation 10s linear 1 0s;
    -ms-animation: logoAnimation 10s linear 1 0s;
    animation: logoAnimation 10s linear 1 0s;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .ani-logo { background-image: url('/img/intro/logo@2x.png');}
}


@-webkit-keyframes logoAnimation { 
	10% { opacity: 0; }
	20% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
@-moz-keyframes logoAnimation { 
	10% { opacity: 0; }
	20% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
@-o-keyframes logoAnimation { 
	10% { opacity: 0; }
	20% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
@-ms-keyframes logoAnimation { 
	10% { opacity: 0; }
	20% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes logoAnimation { 
	10% { opacity: 0; }
	20% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}

/* INTRO */
.container-intro { height:440px; overflow:hidden;}
@media (min-width: 480px) {
	.container-intro { height:460px;}
}
@media (min-width: 540px) {
	.container-intro { height:520px;}
}
@media (min-width: 768px) {
	.container-intro { height:650px;}
}
@media (min-width: 1200px) { 
	.container-intro { max-width:990px;}
}

.intro-xs {
	margin:20px 0;
	display:none;
	font-family: 'Michroma', Arial, sans-serif; 
	font-size:18px;
	line-height:25px;
    color: #fff;
	word-spacing:10px;
}
.intro-xs img { margin-top:30px;}

@media (max-width: 767px) { 
	.intro-xs { display:block;}
}
.intro-lg {
    position: relative;
    width: 100%;
    height: 642px;
	overflow:hidden;
}
.intro-lg div {
    position: absolute;
    opacity: 0;
    font-family: 'Michroma', Arial, sans-serif; 
	font-size:30px;
	line-height:35px;
    color: #fff;
	word-spacing:10px;
}

/* CAROUSEL */
.logo-fix { margin:20px 0 10px; z-index:999;}
.carousel-intro {text-align:center;}
.carousel-intro > .item > img { margin-top:20px; border-radius: 20px;}
.carousel-text {
	font-family: 'Michroma', Arial, sans-serif; 
	font-size:28px;
	line-height:30px;
	word-spacing:10px;
	margin-top:20px;
	padding: 0 10px;
}
.carousel-text > span {
	font-size:14px;
	line-height:22px;
	display:block;
	word-spacing:5px;
	margin-top:30px;
}

@media (min-width: 768px) {
	.logo-fix { position:absolute; margin:30px 0 0 20px;}
	.carousel-intro > .item > img { margin-top:200px; }
	.carousel-text {position:absolute; text-align:right; right:20px; margin-top:-130px;}
}
@media (min-width: 992px) { 
	.logo-fix { margin:30px 0 0 60px;}
	.carousel-text {right:60px;}
}

/* SCELTA RISTORANTE */
.toggle-menu {text-align:center; width:auto; line-height:40px; padding:0 10px; font-size:12px; border:solid 2px #fff; border-radius:50px; margin:0px auto 30px; max-width:300px;}
.toggle-content { border:solid 2px #fff;  border-radius:20px; background:#000; padding:10px; margin:-6px; font-size:14px;}
.menu { text-align:center; position:relative; z-index:99999; left: 50%; margin-top:-30px; margin-bottom:30px; transform: translate(-50%, 0); width:280px; display:none;}
.menu:before { content:url(/img/intro/arrow1.png);}
.menu:after { content:''; }
.next-opening { padding:20px 0; font-family: 'Michroma', Arial, sans-serif; font-size:13px;}
@media (min-width: 768px) {
	.menu { position:absolute;}
	.toggle-menu { padding:0 20px; font-size:14px; max-width:350px;}
	.toggle-content { margin:-4px;}
	.menu {margin-bottom:70px; bottom:0; margin-top:0; }
	.menu:before { content:'';}
	.menu:after { content:url(/img/intro/arrow.png); }
}
.menu img { vertical-align:top;}
.menu ul { padding:0; margin:0;}
.menu ul > li { line-height:20px;}
.menu h1, .menu h2 { font-size:14px; text-align:center; margin:0; line-height:24px; }
.menu h2 { margin-top:10px;}
.menu h1:hover { background:#cbd117; color:#000; border-radius:3px;}