/* CSS Styles from Personal */
body {
	margin: 0;
	padding: 0;
	cursor: default;
}
/* ---------- ScrollBar ---------- */
body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
body::-webkit-scrollbar-thumb {
    background: #da001e;
    border: 1px solid #ffffff;
}
body::-webkit-scrollbar-track {
    background: #cccccc;
}
/* ---------- Fonts Family ---------- */
@font-face {
	font-family: Altero-Regular;
	src: url(../fonts/Altero-Regular.otf);
}
@font-face {
	font-family: Lato-Black;
	src: url(../fonts/Lato-Black.ttf);
}
@font-face {
	font-family: Lato-Bold;
	src: url(../fonts/Lato-Bold.ttf);
}
@font-face {
	font-family: Lato-Light;
	src: url(../fonts/Lato-Light.ttf);
}
/* ---------- Animations ---------- */
.animation-one-second {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}
.animation-two-seconds {
    animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both
}
.animation-three-seconds {
    animation-duration: 3s;
    animation-fill-mode: both;
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: both
}
.animation-four-seconds {
    animation-duration: 4s;
    animation-fill-mode: both;
    -webkit-animation-duration: 4s;
    -webkit-animation-fill-mode: both
}
.animation-five-seconds {
    animation-duration: 5s;
    animation-fill-mode: both;
    -webkit-animation-duration: 5s;
    -webkit-animation-fill-mode: both
}
/* FadeIn */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.animationFadeIn {
    opacity: 0
}
.fadeIn {
    opacity: 0;
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
}
/* FadeOut */
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.animationFadeOut {
    opacity: 1
}
.fadeOut {
    opacity: 1;
    animation-name: fadeOut;
    -webkit-animation-name: fadeOut;
}
/* FadeInUp */
@keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
.animationFadeInUp {
    opacity: 0
}
.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
/* FadeInDown */
@keyframes fadeInDown {
    from {
        transform: translate3d(0, -20px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInDown {
    from {
        transform: translate3d(0, -20px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
.animationFadeInDown {
    opacity: 0
}
.fadeInDown {
    opacity: 0;
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
}
/* -------------------------------------- */
/* --------------- Header --------------- */
/* -------------------------------------- */
/* Carousel & Sliders */
.carousel-fade .carousel-item {
	transition-duration: 1s !important;
}
header #carousel-slider-first,
header #carousel-slider-second,
header #carousel-slider-third,
header #carousel-slider-fourth,
header #carousel-slider-fifth,
header #carousel-slider-sixth,
header #carousel-slider-seventh,
header #carousel-slider-eighth,
header #carousel-slider-ninth,
header #carousel-slider-tenth,
header #carousel-slider-eleventh,
header #carousel-slider-twelfth {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
header #carousel-slider-first {
	background-image: url("../images/carousel-home/slide-1.jpg");
}
header #carousel-slider-second {
	background-image: url("../images/carousel-home/slide-2.jpg");
}
header #carousel-slider-third {
	background-image: url("../images/carousel-home/slide-3.jpg");
}
header #carousel-slider-fourth {
	background-image: url("../images/carousel-home/slide-4.jpg");
}
header #carousel-slider-fifth {
	background-image: url("../images/carousel-home/slide-5.jpg");
}
header #carousel-slider-sixth {
	background-image: url("../images/carousel-home/slide-6.jpg");
}
header #carousel-slider-seventh {
	background-image: url("../images/carousel-home/slide-7.jpg");
}
header #carousel-slider-eighth {
	background-image: url("../images/carousel-home/slide-8.jpg");
}
header #carousel-slider-ninth {
	background-image: url("../images/carousel-home/slide-9.jpg");
}
header #carousel-slider-tenth {
	background-image: url("../images/carousel-home/slide-10.jpg");
}
header #carousel-slider-eleventh {
	background-image: url("../images/carousel-home/slide-11.jpg");
}
header #carousel-slider-twelfth {
	background-image: url("../images/carousel-home/slide-12.jpg");
}
@media (max-width: 575px) {
	header #carousel-slider-first,
	header #carousel-slider-second,
	header #carousel-slider-third,
	header #carousel-slider-fourth,
	header #carousel-slider-fifth,
	header #carousel-slider-sixth,
	header #carousel-slider-seventh,
	header #carousel-slider-eighth,
	header #carousel-slider-ninth,
	header #carousel-slider-tenth,
	header #carousel-slider-eleventh,
	header #carousel-slider-twelfth  {
		background-attachment: scroll;
		background-position: center center;
		background-position: 30% center;
	}
}
/* Navbar */
.navbar {
	box-shadow: none !important;
}
@media (max-width: 575px) {
	.navbar {
		padding: 10px !important;
	}
	.hamburger-button {
		margin: 0px 10px;
	}
}
/* Links left */
.navbar-brand img {
	margin-top: 10px;
	margin-left: 5px;
	width: 40px;
	height: 39.541px;
}
@media (max-width: 575px) {
	.navbar-brand img {
		margin-top: 0px !important;
	}
}
/* Asian mood asian food */
.img-asian-food {
	position: absolute;
	top: 70px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1000;
}
.img-asian-food img {
	width: 72px;
	height: 79px;
}
@media (max-width: 1199.99px) {
	.img-asian-food {
		top: 12px;
	}
	.img-asian-food img {
		width: 52.7778px;
		height: 58.5px;
	}
}
@media (max-height: 475px) {
	.img-asian-food {
		top: 30px;
	}
}
/* Hamburger Menu */
.animated-icon {
	width: 40px;
	height: 20px;
	position: relative;
	margin: 20px 5px 20px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
.animated-icon span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	border-radius: 30px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.animated-icon span {
	background: #ffffff;
}
.animated-icon span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
.animated-icon span:nth-child(2) {
	top: 10px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
.animated-icon span:nth-child(3) {
	top: 21px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
.animated-icon.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -5.5px !important;
	left: 8px;
	background: #ffffff;
}
.animated-icon.open span:nth-child(2) {
	opacity: 0;
	left: -75px;
}
.animated-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 23px !important;
	left: 8px;
	background: #ffffff;
}
@media (max-width: 575px) {
	.animated-icon {
		margin-top: 15px;
	}
	.animated-icon span:nth-child(3) {
		top: 20.5px !important;
	}
	.animated-icon.open span:nth-child(1) {
		top: -4px !important;
		left: 0px !important;
	}
	.animated-icon.open span:nth-child(3) {
		top: 25px !important;
		left: 0px !important;
	}
}
/* ul list navbar */
#navbar {
	position: absolute;
	top: 68px;
	right: 25px;
}
ul.navbar-nav {
	width: 280px;
	background-color: #da001e;
	margin-left: 20px;
	padding: 20px 0px 0px 30px;
}
ul.navbar-nav li a {
	font-family: "Lato-Black", Helvetica, Arial, sans-serif;
	color: #ffffff;
}
ul.navbar-nav li a:hover {
	color: #000000;
}
/* Titulos Kasa Ramen & Kasa Japo */
ul.navbar-nav li:nth-child(1) a,
ul.navbar-nav li:nth-child(7) a,
ul.navbar-nav li:nth-child(13) a,
ul.navbar-nav li:nth-child(19) a,
ul.navbar-nav li:nth-child(25) a,
ul.navbar-nav li:nth-child(31) a,
ul.navbar-nav li:nth-child(37) a,
ul.navbar-nav li:nth-child(43) a {
	font-size: 20px;
	text-transform: uppercase;
}
ul.navbar-nav li:nth-child(7) .nav-link,
ul.navbar-nav li:nth-child(13) .nav-link,
ul.navbar-nav li:nth-child(19) .nav-link,
ul.navbar-nav li:nth-child(25) .nav-link,
ul.navbar-nav li:nth-child(31) .nav-link,
ul.navbar-nav li:nth-child(37) .nav-link,
ul.navbar-nav li:nth-child(43) .nav-link {
	margin-top: -10px;
}
/* Primer apartadito */
ul.navbar-nav li:nth-child(3) .nav-link,
ul.navbar-nav li:nth-child(9) .nav-link,
ul.navbar-nav li:nth-child(15) .nav-link,
ul.navbar-nav li:nth-child(21) .nav-link,
ul.navbar-nav li:nth-child(27) .nav-link,
ul.navbar-nav li:nth-child(33) .nav-link,
ul.navbar-nav li:nth-child(39) .nav-link,
ul.navbar-nav li:nth-child(45) .nav-link {
	margin-top: -10px;
}
/* Apartaditos */
ul.navbar-nav li:nth-child(3) .nav-link,
ul.navbar-nav li:nth-child(4) .nav-link,
ul.navbar-nav li:nth-child(5) .nav-link,
ul.navbar-nav li:nth-child(9) .nav-link,
ul.navbar-nav li:nth-child(10) .nav-link,
ul.navbar-nav li:nth-child(11) .nav-link,
ul.navbar-nav li:nth-child(15) .nav-link,
ul.navbar-nav li:nth-child(16) .nav-link,
ul.navbar-nav li:nth-child(17) .nav-link,
ul.navbar-nav li:nth-child(21) .nav-link,
ul.navbar-nav li:nth-child(22) .nav-link,
ul.navbar-nav li:nth-child(23) .nav-link,
ul.navbar-nav li:nth-child(27) .nav-link,
ul.navbar-nav li:nth-child(28) .nav-link,
ul.navbar-nav li:nth-child(29) .nav-link,
ul.navbar-nav li:nth-child(33) .nav-link,
ul.navbar-nav li:nth-child(34) .nav-link,
ul.navbar-nav li:nth-child(35) .nav-link,
ul.navbar-nav li:nth-child(39) .nav-link,
ul.navbar-nav li:nth-child(40) .nav-link,
ul.navbar-nav li:nth-child(41) .nav-link,
ul.navbar-nav li:nth-child(45) .nav-link,
ul.navbar-nav li:nth-child(46) .nav-link,
ul.navbar-nav li:nth-child(47) .nav-link {
	padding: 0rem .1rem;
}
ul.navbar-nav li:nth-child(47) {
	margin-bottom: 15px;
}
ul.navbar-nav li hr {
  	width: 75%;
  	background-color: #ffffff;
  	margin-left: 0;
}
@media (max-width: 5000px) {
	ul.navbar-nav li:nth-child(3) .nav-link,
	ul.navbar-nav li:nth-child(4) .nav-link,
	ul.navbar-nav li:nth-child(5) .nav-link,
	ul.navbar-nav li:nth-child(9) .nav-link,
	ul.navbar-nav li:nth-child(10) .nav-link,
	ul.navbar-nav li:nth-child(11) .nav-link,
	ul.navbar-nav li:nth-child(15) .nav-link,
	ul.navbar-nav li:nth-child(16) .nav-link,
	ul.navbar-nav li:nth-child(17) .nav-link,
	ul.navbar-nav li:nth-child(21) .nav-link,
	ul.navbar-nav li:nth-child(22) .nav-link,
	ul.navbar-nav li:nth-child(23) .nav-link,
	ul.navbar-nav li:nth-child(27) .nav-link,
	ul.navbar-nav li:nth-child(28) .nav-link,
	ul.navbar-nav li:nth-child(29) .nav-link,
	ul.navbar-nav li:nth-child(33) .nav-link,
	ul.navbar-nav li:nth-child(34) .nav-link,
	ul.navbar-nav li:nth-child(35) .nav-link,
	ul.navbar-nav li:nth-child(39) .nav-link,
	ul.navbar-nav li:nth-child(40) .nav-link,
	ul.navbar-nav li:nth-child(41) .nav-link,
	ul.navbar-nav li:nth-child(45) .nav-link,
	ul.navbar-nav li:nth-child(46) .nav-link,
	ul.navbar-nav li:nth-child(47) .nav-link,
	ul.navbar-nav hr {
		display: none;
	}
}
@media (max-width: 992px) {
	ul.navbar-nav li:nth-child(1) .nav-link,
	ul.navbar-nav li:nth-child(7) .nav-link,
	ul.navbar-nav li:nth-child(13) .nav-link,
	ul.navbar-nav li:nth-child(19) .nav-link,
	ul.navbar-nav li:nth-child(25) .nav-link,
	ul.navbar-nav li:nth-child(31) .nav-link,
	ul.navbar-nav li:nth-child(37) .nav-link,
	ul.navbar-nav li:nth-child(43) .nav-link {
		padding-left: 0px;
	}
}
ul.navbar-nav li p {
	font-family: "Lato-Black", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin-top: -10px;
	color: #000000;
}
nav .waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0) !important;
}
@media (min-width: 991px) {
	ul.navbar-nav {
		padding: 20px 0px 0px 35px;
	}
}
@media (min-width: 1600px) {
	ul.navbar-nav li p {
		font-size: 25px;
	}
}
/* Anclas de los apartados */
a#productos-ramen-universitat,
a#galeria-ramen-universitat,
a#contacto-ramen-universitat,
a#productos-japo-bergara,
a#galeria-japo-bergara,
a#contacto-japo-bergara,
a#productos-ramen-pedralbes,
a#galeria-ramen-pedralbes,
a#contacto-ramen-pedralbes,
a#productos-japo-glories,
a#galeria-japo-glories,
a#contacto-japo-glories,
a#productos-japo-splau,
a#galeria-japo-splau,
a#contacto-japo-splau,
a#productos-japo-maquinista,
a#galeria-japo-maquinista,
a#contacto-japo-maquinista {       
  	display: block;
  	position: relative;
  	top: -40px;
  	visibility: hidden;
}
/* Header index center */
.header-index-center {
	z-index: 1000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 90%;
}
.header-index-center > .row > .col-xl-4:first-child {
	text-align: right;
}
.header-index-center > .row > .col-xl-4:last-child {
	text-align: left;
}
.header-index-center a {
	font-family: "Lato-Black", Helvetica, Arial, sans-serif;
	font-size: 30px;
	color: #da001e;
	text-transform: uppercase;
}
.header-index-center p {
	font-family: "Lato-Bold", Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #ffffff;
	text-transform: uppercase;
}
.header-index-center a:hover {
	color: #da001e;
	border-bottom: 3px solid #da001e;
}
.header-index-center .home-arrow-right,
.header-index-center .home-arrow-left {
	width: 24px;
	height: 13.66666666px;
	margin-top: -5px;
}
.header-index-center .home-arrow-right {
	margin-right: 8px;
}
.header-index-center .home-arrow-left {
	margin-left: 8px;
}
.header-index-center #img-home-logo {
	width: 250px;
	height: 247.132px;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.header-index-center > .row > .col-xl-4:first-child > .row > .col-12:not(:last-child) {
	margin-bottom: 25px;
}
.header-index-center > .row > .col-xl-4:last-child > .row > .col-12:not(:last-child) {
	margin-bottom: 25px;
}
/* Take away home */
.take-away-home {
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10000;
	text-transform: uppercase;
	text-align: center;
}
.take-away-home p:first-child a {
	font-family: Lato-Black;
	font-size: 16px;
	color: #ffffff;
}
.take-away-home p:nth-child(2) {
	font-family: Lato-Black;
	font-size: 18px;
	color: #ffffff;
}
.take-away-home p:nth-child(3) {
	font-family: Lato-Bold;
	font-size: 14px;
	color: #ffffff;
	margin-top: -10px;
}
/* Carta alérgenos */
@media (max-width: 1199.99px) {
	.take-away-home {
		bottom: -5px;
	}
	.take-away-home p:first-child {
		margin-bottom: 0;
	}
	.take-away-home p:nth-child(3){
		font-size: 10px;
	}
	.header-index-center a {
		font-size: 20px;
	}
	.header-index-center p {
		font-size: 18px;
		margin-bottom: 12px;
	}
	.header-index-center #img-home-logo {
		display: none;
	}
	.header-index-center > .row > .col-xl-4:first-child {
		text-align: center;
	}
	.header-index-center > .row > .col-xl-4:last-child {
		text-align: center;
	}
	.header-index-center > .row > .col-xl-4:first-child > .row > .col-12:first-child {
		margin-bottom: 0px;
	}
	.header-index-center > .row > .col-xl-4:last-child > .row > .col-12:first-child,
	.header-index-center > .row > .col-xl-4:last-child > .row > .col-12:nth-child(2) {
		margin-bottom: 0px;
	}
	.header-index-center .home-arrow-right,
	.header-index-center .home-arrow-left {
		/*display: none;*/
	}
	.header-index-center > .row > .col-xl-4:first-child > .row > .col-12:not(:last-child),
	.header-index-center > .row > .col-xl-4:last-child > .row > .col-12:not(:last-child) {
		margin-bottom: 0;
	}
}
/* -------------------------------------- */
/* ------------- Kasa Ramen ------------- */
/* -------------------------------------- */
/* Navbar */
.navbar-ramen {
	margin-top: -5px;
	background: #da001e;
	max-height: 84px;
	position: relative;
}
.navbar-japo {
	margin-top: -5px;
	background: #111111;
	max-height: 84px;
	position: relative;
}
@media (max-width: 575px) {
	.navbar-ramen,
	.navbar-japo {
		max-height: 68px;
	}
}
.navbar-ramen .navbar-brand img,
.navbar-japo .navbar-brand img {
	margin-top: 5px;
}
a.navbar-title {
	position: absolute;
	top: 52.5%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: "Lato-Black", Helvetica, Arial, sans-serif;
	font-size: 40px;
	color: #ffffff;
}
a.navbar-title:hover {
	color: #ffffff;
}
@media (max-width: 575px) {
	a.navbar-title {
		font-size: 20px;
	}
}
.navbar-ramen .animated-icon span:nth-child(3),
.navbar-japo .animated-icon span:nth-child(3) {
	top: 19px;
}
/* Concepto */
.kasa-concept-ramen {
	width: 100%;
	height: 100vh;
	background-image: url("../images/carousel-home/slide-3.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
.kasa-concept-japo {
	width: 100%;
	height: 100vh;
	background-image: url("../images/carousel-home/slide-4.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}
.kasa-concept-ramen p,
.kasa-concept-japo p {
	position: absolute;
	top: 30%;
	transform: translateY(-50%);
	font-family: "Lato-Light", Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	font-size: 30px;
	margin-right: 150px;
	margin-left: 150px;
	cursor: default;
}
@media (min-width: 1500px) {
	.kasa-concept-ramen p,
	.kasa-concept-japo p {
		top: 25%;
		font-size: 38px;
	}
}
@media (max-width: 1199.99px) {
	.kasa-concept-ramen p,
	.kasa-concept-japo p {
		top: 25%;
		font-size: 30px;
	}
}
@media (max-width: 991px) {
	.kasa-concept-ramen p,
	.kasa-concept-japo p {
		font-size: 26px;
	}
}
@media (max-width: 767px) {
	.kasa-concept-ramen {
		width: 100%;
		min-height: 100vh;
	}
	.kasa-concept-ramen p,
	.kasa-concept-japo p {
		font-size: 24px;
		margin-right: 75px;
		margin-left: 75px;
	}
}
@media (max-width: 575px) {
	.kasa-concept-ramen p,
	.kasa-concept-japo p {
		font-size: 20px;
		margin-right: 25px;
		margin-left: 25px;
	}
}
@media (max-height: 475px) {
	.kasa-concept-ramen p,
	.kasa-concept-japo p {
		font-size: 16px;
		top: 30%;
	}
}
/* Carta / Menu Ramen */
#carta-menu-ramen {
	width: 100%;
	/*height: 100vh;*/
	background: #ffffff;
	padding: 70px 0px;
}
#carta-menu-ramen ul.nav {
	justify-content: center;
	margin-bottom: 30px !important;
}
#carta-menu-ramen ul li,
#carta-menu-ramen ul li a {
	color: #da001e;
	font-family: "Lato-Light", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 28px;
}
.pswp__bg {
	background: #da001e !important;
}
@media (max-height: 475px) {
	#carta-menu-ramen {
		width: 100%;
		height: 130vh;
	}
}
@media (max-width: 575px) {
	#carta-menu-ramen ul li,
	#carta-menu-ramen ul li a {
		font-size: 24px;
	}
}
#carta-menu-ramen ul li:first-child a {
	margin-right: 10px;
}
#carta-menu-ramen ul li:nth-child(3) a {
	margin-right: 10px;
	margin-left: 10px;
}
#carta-menu-ramen ul li:last-child a {
	margin-left: 10px;
}
@media (max-width: 767px) {
	#carta-menu-ramen > .container {
		max-width: 100% !important;
	}
}
/* Carta */
#carta-menu-ramen .container {
	max-width: 2560px !important;
}
#carta-ramen-fullscreen,
#carta-ramen-fullscreen2,
#carta-ramen-fullscreen3 {
	font-family: "Lato-Bold", Helvetica, Arial, sans-serif;
	color: #da001e;
	font-size: 20px;
}
iframe {
	border: none;
	width: 100%;
	height: 75vh;
}
.kasa-ramen-carta {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 413.5px !important;
	height: 540px !important;
}
.kasa-japo-carta {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 679px !important;
	height: 540px !important;
}
.kasa-ramen-carta:hover,
.kasa-japo-carta {
	cursor: pointer;
}
/* Menu */
.kasa-ramen-menu {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 685.265739983px;
	height: 540px;
}
.kasa-japo-menu {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 685.265739983px;
	height: 540px;
}
.kasa-ramen-menu:hover,
.kasa-japo-menu:hover {
	cursor: pointer;
}
.content {
	position: relative;
	width: auto;
	max-width: auto;
	margin: auto;
	overflow: hidden;
	text-align: center;
}
.content-details {
  	position: absolute;
  	text-align: center;
  	padding-left: 1em;
  	padding-right: 1em;
  	width: 100%;
  	top: 50%;
  	left: 50%;
  	opacity: 0;
  	-webkit-transform: translate(-50%, -50%);
  	-moz-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	-webkit-transition: all 0.3s ease-in-out 0s;
  	-moz-transition: all 0.3s ease-in-out 0s;
  	transition: all 0.3s ease-in-out 0s;
}
.content:hover .content-details {
  	top: 10%;
  	left: 50%;
  	opacity: 1;
}
.content-details h3 {
	font-family: "Lato-Black", Helvetica, Arial, sans-serif;
  	color: #ffffff;
  	font-weight: 500;
  	letter-spacing: 0.15em;
  	margin-bottom: 0.5em;
  	text-transform: uppercase;
}
.content-details h3:hover {
  	color: #da001e;
}
.fadeIn-top {
  	top: 0%;
}
/* Modal Image */
.modal {
  	display: none;
  	position: fixed;
  	z-index: 1;
  	padding-top: 50px;
  	left: 0;
  	top: 0;
 	width: 100% !important;
  	height: 100vh !important;
  	overflow: scroll !important;
  	background-color: rgb(0, 0, 0);
  	background-color: rgba(0, 0, 0, 0.9);
}
@media (min-width: 992px) {
	.modal {
	  	overflow: hidden !important;
	}
}
.modal-content {
  	margin: auto;
  	display: block;
  	width: auto !important;
  	height: 90vh !important;
  	border-radius: 0 !important;
  	-webkit-animation-name: zoom;
  	-webkit-animation-duration: .6s;
  	animation-name: zoom;
  	animation-duration: .6s;
}
@-webkit-keyframes zoom {
  	from {
  		-webkit-transform:scale(0);
  	} 
  	to {
  		-webkit-transform:scale(1);
  	}
}
@keyframes zoom {
  	from {
  		transform:scale(0);
  	} 
  	to {
  		transform:scale(1);
  	}
}
.close {
  	position: fixed !important;
  	top: 10px !important;
  	right: 35px !important;
  	color: #ffffff !important;
  	font-size: 80px !important;
  	font-weight: bold !important;
  	transition: .3s !important;
  	opacity: 1 !important;
  	z-index: 3000;
}
.close:hover,
.close:focus {
  	color: #da001e !important;
  	text-decoration: none !important;
  	text-shadow: none !important;
  	cursor: pointer !important;
}
@media (max-width: 575px) {
	.modal {
	  	padding-top: 50px;
	}
	.close {
  		top: 5px !important;
	  	right: 10px !important;
	  	font-size: 40px !important;
	}
}
/* Gallery */
#gallery-kasa-ramen {
	background-color: #232321 !important;
	padding: 70px 0px 30px;
	text-align: center;
}
.photo-gallery {
  	color: #313437;
}
.photo-gallery h2 {
  	font-weight: 600;
  	margin-bottom: 40px;
  	color: #da001e;
  	font-family: "Lato-Light", Helvetica, Arial, sans-serif;
  	text-transform: uppercase;
  	cursor: default;
}
@media (max-width:767px) {
  	.photo-gallery h2 {
    	margin-bottom: 25px;
    	padding-top: 25px;
    	font-size: 24px;
  	}
}
.photo-gallery .intro {
  	font-size: 16px;
  	max-width: 500px;
  	margin: 0 auto 40px;
}
.photo-gallery .intro p {
  	margin-bottom: 0;
}
.photo-gallery .photos {
  	padding-bottom: 20px;
}
.photo-gallery .item {
  	padding-bottom: 30px;
}
.lb-outerContainer {
	background-color: #da001e !important;
}
.lb-details {
	display: none;
}
.lb-data .lb-close {
	margin-top: 5px;
	opacity: 1 !important;
}
#gallery-kasa-ramen img:hover {
	filter: opacity(.8) !important;
}
/* Contacto */
#contact {
	padding: 70px 10px 50px;
	background-color: #da001e;
	font-family: "Lato-Light", Helvetica, Arial, sans-serif;
	text-align: center;
}
#contact h2 {
	font-weight: 600;
	color: #ffffff;
	margin: 0 auto 30px;
	text-transform: uppercase;
	cursor: default;
}
@media (max-width: 575px) {
	#contact h2 {
		font-size: 24px;
	}
}
#contact .email {
	font-weight: 600;
	color: #ffffff;
	margin: 0 auto 50px;
	font-size: 30px;
}
#contact .email:hover {
	text-decoration: underline;
}
#contact .map {
	margin: 0 auto 30px;
}
#contact p {
	font-family: "Lato-Black", Helvetica, Arial, sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
	cursor: default;
}
#contact .col-sm-6 a,
#contact .col-sm-12 a {
	font-family: "Lato-Light", Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
}
#contact .col-md-4 ul li {
	list-style: none;
	white-space: nowrap;
}
#contact .col-md-4 ul:first-child li {
	margin-left: -60px;
}
#contact .col-md-4 ul:last-child li {
	padding-left: 30px;
}
#contact .col-md-4 ul li:last-child {
	margin-top: 30px;
}
@media (max-width: 575px) {
	#contact .col-md-4 ul li:last-child {
		margin-top: 10px;
		margin-bottom: 40px;
	}
}
@media (min-width: 768px) and (max-width: 1199.99px) {
	#contact p {
		font-size: 16px;
	}
	#contact .col-md-4 ul {
		font-size: 10px;
		text-align: center;
	}
}
/* Footer */
footer {
	padding: 15px 10px 0px;
	background: #232321;
	font-family: "Lato-Light", Helvetica, Arial, sans-serif;
	color: #ffffff;
}
footer ul li {
	display: inline;
}
footer .col-sm-6:last-child p {
	float: right;
	font-size: 20px;
	margin-right: 40px;
	cursor: default;
}
footer img {
	width: 32px;
	height: 32px;
	margin-right: 5px;
}
@media (max-width: 575px) {
	footer {
		padding: 0px 10px;
		text-align: center;
	}

	footer ul {
		margin-left: -30px;
	}

	footer .col-sm-6:last-child p {
		margin-right: 0px;
		float: none;
	}
}
/* Icon Phone */
.icon-phone {
	position: fixed;
	left: 10px;
	bottom: 5px;
	width: 50px;
	height: 50px;
}
@media (max-width: 575px) {
	.icon-phone {
		width: 32px;
		height: 32px;
		left: 10px;
		bottom: 12px;
	}
}
/* -------------------------------------- */
/* --------------- iMac --------------- */
/* -------------------------------------- */
@media (min-width: 1600px) {
	/* INDEX */
	.navbar-brand img {
		margin-top: 20px;
		margin-left: 10px;
		width: 80px;
		height: 79.082px;
	}
	.img-asian-food img {
		width: 144px;
		height: 158px;
	}
	nav {
		max-width: 2560px;
		margin: 0 auto;
	}
	.animated-icon {
		width: 80px;
		height: 40px;
		position: relative;
		margin: 40px 10px 40px;
	}
	#navbar {
		top: 136px;
		right: 25px;
	}
	.animated-icon span:nth-child(1) {
		top: 0px;
	}
	.animated-icon span:nth-child(2) {
		top: 20px;
	}
	.animated-icon span:nth-child(3) {
		top: 40px;
	}
	.animated-icon.open span:nth-child(1) {
		top: 0px !important;
		left: 8px;
	}
	.animated-icon.open span:nth-child(3) {
		top: 56px !important;
		left: 8px;
	}
	ul.navbar-nav {
		width: 560px;
		margin-left: 40px;
		padding: 30px 0px 10px 60px;
	}
	ul.navbar-nav li:nth-child(1) a,
	ul.navbar-nav li:nth-child(7) a,
	ul.navbar-nav li:nth-child(13) a,
	ul.navbar-nav li:nth-child(19) a,
	ul.navbar-nav li:nth-child(25) a,
	ul.navbar-nav li:nth-child(31) a {
		font-size: 30px;
	}
	ul.navbar-nav li a {
		font-size: 28px;
	}
	ul.navbar-nav li:nth-child(35) {
		margin-bottom: 30px;
	}
	.header-index-center {
		justify-content: center;
	}
	.header-index-center a {
		font-size: 64px;
	}
	.header-index-center a:hover {
		border-bottom: 6px solid #da001e;
	}
	.header-index-center .home-arrow-right,
	.header-index-center .home-arrow-left {
		width: 36px;
		height: 20.5px;
		margin-top: -7.5px;
	}
	.header-index-center .home-arrow-right {
		margin-right: 12px;
	}
	.header-index-center .home-arrow-left {
		margin-left: 12px;
	}
	.header-index-center p {
		font-size: 30px;
	}
	.header-index-center #img-home-logo {
		width: 348.66666666px;
		height: 344.66666666px;
	}
	.take-away-home p:nth-child(2) {
		font-size: 27px;
	}
	.take-away-home p:nth-child(3){
		font-size: 21px;
	}
	/* RAMEN */
	#container-wrapper {
		max-width: 2560px;
		margin: 0 auto;
	}
	a.navbar-title {
		font-size: 80px;
	}
	.navbar-ramen {
		margin-top: -5px;
		background: #da001e;
		max-height: 168px;
		position: relative;
	}
	.navbar-japo {
		margin-top: -5px;
		background: #111111;
		max-height: 168px;
		position: relative;
	}
	.navbar-ramen .navbar-brand img,
	.navbar-japo .navbar-brand img {
		margin-top: 5px;
	}
	.navbar-ramen .animated-icon span:nth-child(3),
	.navbar-japo .animated-icon span:nth-child(3) {
		top: 39px;
	}
	.kasa-concept-ramen,
	.kasa-concept-japo {
		max-width: 2560px;
	}
	.kasa-concept-ramen p,
	.kasa-concept-japo p {
		font-size: 50px;
		max-width: 2260px;
	}
	#carta-menu-ramen ul li,
	#carta-menu-ramen ul li a {
		font-size: 56px;
	}
	.kasa-ramen-menu {
		width: 498px;
		height: 1080px;
	}
	#carta-ramen-fullscreen,
	#carta-ramen-fullscreen2,
	#carta-ramen-fullscreen3 {
		font-size: 40px;
	}
	.photo-gallery h2 {
	  	font-size: 4rem;
	}
	#contact h2 {
		font-size: 4rem;
	}
	#contact .email {
		font-size: 60px;
	}
	#contact img {
		width: 1000px;
		height: 670px;
	}
	#contact p {
		font-size: 48px;
	}
	#contact .col-sm-6 a,
	#contact .col-sm-12 a {
		font-size: 2rem;
	}
	footer .col-sm-6:last-child p {
		font-size: 40px;
	}
	footer img {
		width: 64px;
		height: 64px;
		margin-right: 10px;
	}
	.icon-phone {
		display: none;
	}
}
@media (min-width: 3500px) {
	#carta-menu-ramen {
		height: 60vh !important;
	}
	#carta-menu-ramen iframe {
		height: 40vh !important;
	}
}
/* Take Away */
.take-away {
	position: fixed;
}
@media (max-width: 767px) {
	.take-away {
		width: 62.4px;
		height: 86.4px;
		left: 10px;
		bottom: 10px;
	}
}
@media (min-width: 768px) and (max-width: 2559px) {
	.take-away {
		width: 104px;
		height: 144px;
		top: 50%;
		transform: translateY(-50%);
		left: 10px;
		bottom: 10px;
	}
}
@media (min-width: 2560px) {
	.take-away {
		width: 156px;
		height: 216px;
		left: 10px;
		top: 140px;
	}
}