@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;0,800;1,700&family=Zen+Kurenaido&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Moon+Dance&display=swap');
body{
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #212112;
	text-align: justify;
}

.row-margin-zero{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.col-padding-zero{
	padding-left: 0px !important;
	padding-right: 0px !important;
}





.row-hero {
	height: 43rem;
	width: 100%;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: flex-end;
    background-color: rgba(0,0,0,0.5);
}
	@media(min-width: 480px) {
		.row-hero {
			height: 25rem;
		}
	}
	@media(min-width: 720px) {
		.row-hero {
			height: 43rem;
		}
	}

.video {
	position: absolute;
	top: 50%;
	left: 50%;
	height: auto;
	width: auto;
	z-index: -1;
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%;
	min-height: 100%;
}

.video-quote {
	z-index: 1;
	padding: .5rem 1rem;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
}


.content-of-banner{
    position: absolute;
	top: 35%;
}

.banner-logo-style{
    width: 25%;
}
.top-banner-content{
    margin-top: 8%;
}

.top-banner-content h2{
    color: #fff;
    font-size: 48px;
    font-family: 'Kaisei HarunoUmi', serif;
}

.top-banner-content p{
    color: #fff;
    font-size: 24px;
}

.arrow {
    text-align: center;
    margin: 8% 0;
}
.arrow a{
    color: #fff;
    text-decoration: none;
    margin-top: 8%;
}
.arrow a:hover{
    color: #fff;
    text-decoration: none;
}
.bounce {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}

@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
}
40% {
    transform: translateY(-30px);
}
60% {
    transform: translateY(-15px);
}
}






/* #Navigation
================================================== */

.start-header {
	opacity: 1;
	transform: translateY(0);
	padding: 10px 0;
	
}
.start-header.scroll-on {
	box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
	padding: 10px 0;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
	background-color: #fff;
	color: #000 !important;
}
.start-header.scroll-on li a {

	color: #000 !important;
}
.start-header.scroll-on .navbar-brand img{
	
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navigation-wrap{
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navbar{
	padding: 0;
}
.navbar-brand img{
	width: 55%;
	
}
.navbar-toggler {
	float: right;
	border: none;
	padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
	outline: none;
}
.navbar-light .navbar-toggler-icon {
	width: 24px;
	height: 17px;
	background-image: none;
	position: relative;
	border-bottom: 1px solid #000;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
	width: 24px;
	position: absolute;
	height: 1px;
	background-color: #000;
	top: 0;
	left: 0;
	content: '';
	z-index: 2;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
	top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}
.nav-link{
	color: #212121 !important;
	font-weight: 500;
    font-size: 20px;
    transition: all 200ms linear;
}

.nav-item.active .nav-link{
	color: #000 !important;
}
.nav-link {
	position: relative;
	padding: 5px 0 !important;
	display: inline-block;
}
.nav-item:after{
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background-color: #000;
	opacity: 0;
    transition: all 200ms linear;
}
.nav-item:hover:after{
	bottom: 0;
	opacity: 1;
}
.nav-item.active:hover:after{
	opacity: 0;
}
.nav-item{
	position: relative;
    transition: all 200ms linear;
}


.bg {
    background-image: url('../../assets/images/hone-banner.png');
	height: 113vh;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1325px;
}

}

.home-banner-content{
    position: absolute;
    bottom: 5%;
    left: 8%; 
}

.first-tagline-style{

    font-size: 46px;
    color: #fff;
    text-shadow: 1px 3px 3px rgb(0 0 0 / 20%);

}

.home-banner-psg{
	font-size: 18px;

	color: #000;
}

.res-form-psg{
     text-align: justify;   
}

.book-table-btn{
	border: none;
    padding: 14px 27px;
    background-color: #ff1920;
	color: #fff;
    font-weight: 600;
	border-radius: 8px;
}

.same-spacing{
	padding-top: 5%;
	padding-bottom: 5%;
}

.same-spacing-bottom{
	padding-bottom: 5%;	
}

.home-menu-sec{
	background-color: #fbfbfb;
}

.sec-content-h2{
	color: #e31e24;
    font-size: 35px;
    font-weight: 600;
    
}

.img-responsive{
	width: 100%;
	height: 100%;
}
.img-responsives{
	width: 80%;
	height: 100%;
}

.sec-content{
	margin-top: 10%;
}

.our-story-style h2{
	color: #e31e24;
    font-size: 35px;
    font-weight: 600;
}

.our-story-style p{
	font-size: 18px;
    line-height: 33px;
        text-align: justify;
}

.our-story-style-p{
	color: #e31e24;
    font-size: 35px !important;	
         text-align: center !important;
}

.banner-style{
	background-color: #e31e24;
	color: #fff;
}
.banner-p{
	font-size: 30px;
    line-height: 40px;
	margin-bottom: 0px;
}
.book-table-btns{
	border: none;
    padding: 14px 27px;
    background-color: #b30006;
	color: #fff;
    font-weight: 600;
	border-radius: 8px;
	
	
}

.testi-h2-style{
	color: #e31e24;
    font-size: 35px;
    font-weight: 600;
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 !important;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}

.footer-bk-style{
	background-color: #e7e7e7;
}

.right-side-content{
	text-align: right;
}
.footer-h2{
	color: #ff1920;
}

.same-font-style{
	color: #000 !important;

	margin-bottom: 0px;
}

.same-spacing-footer{
	padding-top: 3%;
	padding-bottom: 2%;
}

.footer-logo-style{
	width: 33%;
}

.fb-icon-style{
	width: 8%;
}

.dish-2-style{
	position: absolute;
    right: 3%;
    width: 14%;
    top: 14%;
}

.dish-1-style{
	position: absolute;
    right: 31%;
    width: 14%;
    bottom: -3%;
}



.actives:after {
    content: '';

    width: 100%;
    position: absolute;
    left: 0;
    bottom: 1px;

    border-width: 0 0 2px;
    border-style: solid;
}

.avatar {
	
	
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
}


@keyframes float {
	0% {
		
		transform: translatey(0px);
	}
	50% {
		
		transform: translatey(-20px);
	}
	100% {

		transform: translatey(0px);
	}
}


.menu-bk{
	background-image: url('../../assets/images/menu-banner.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    background-position: center;
}

.menu-banner-content{
	position: absolute;
    bottom: 20%;
    left: 50%;
    margin: 0px;
}

.menu-banner-psg {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
}
.menu-banner-h2 {
	text-transform: uppercase;
	font-weight: 800;
    font-size: 56px;
    color: #fff;
    text-shadow: 1px 3px 3px rgb(0 0 0 / 20%);
}

.menu-section-name{
	font-size: 20px;
    font-weight: 600;
}


.menu-banner-style {
    background-color: #f2f2f2;
    color: #000;
}

.menu-banner-p{
	font-size: 30px;
    line-height: 40px;
	margin-bottom: 0px;
	margin-left: 3%;
}


.menu {
	border-bottom: 1px dotted #DDD;
	padding: 0 0 10px;
	margin: 0 0 20px;
}

.menu-classic img {
	margin: 0 0 10px;
}

.menu-title,
.menu-price {
	font-size: 16px;
	margin: 0;
}

.menu-detail {
	font-size: 14px;
}

.menu-price-detail {
	position: relative;
	text-align: right;
}

.menu-label {
	background: #fae7d7;
	position: relative;
	display: inline-block;
	padding: 2px 10px 0px 10px;
	font-family: 'Crimson Text', serif;
	letter-spacing: 1px;
	font-style: italic;
	font-size: 13px;
	float: right;
	top: 5px;
}


.reservation-bk{
	background-image: url('../../assets/images/reservation-banner.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    background-position: center;
}
.contact-bk{
	background-image: url('../../assets/images/contact-banner.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    background-position: center;
}


.res-banner-content{
	position: absolute;
    bottom: 45%;
    left: 28%;
    margin: 0px;
}

.res-banner-psg {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
}

.res-banner-h2{
	text-transform: uppercase;
    font-weight: 800;
    font-size: 35px;
    color: #fff;
    text-shadow: 1px 3px 3px rgb(0 0 0 / 20%);
    top: 39%;
    position: absolute;
}

.res-form-bk{
	background-color: #f5f5f5;
}

#contact input[type="text"],
#contact input[type="number"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="date"],
#contact input[type="time"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  margin-bottom: 5%;
}

.select-form-style{
	width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  margin-bottom: 5%;
}

.sec-content p{
        line-height: 33px;
}

.gallery-bk{
	background-image: url('../../assets/images/gallery-banner.png');
    height: 100vh;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    background-position: center;
}

.contact-form{
	padding: 6% 6%;
}

.contact-form-style{
	background-color: #fff;
}

.res-gallery-style{
	margin-bottom: 5%;
}



@media (max-width: 768px){
	.menu-banner-h2 {
		text-transform: uppercase;
		font-weight: 800;
		font-size: 46px;
		color: #fff;
		text-shadow: 1px 3px 3px rgb(0 0 0 / 20%);
	}
	
	.menu-banner-content {
		position: absolute;
		bottom: 45%;
		left: 50%;
		margin: 0px;
	}
	.nav-link {
    color: #000 !important;
    font-weight: 500;
    font-size: 20px;
    transition: all 200ms linear;
}
	.menu-banner-psg {
		font-size: 10px;
		font-weight: 600;
		line-height: 17px;
		color: #fff;
	}
	.menu-bk {
		background-image: url('../../assets/images/menu-banner.png');
		height: 78vh;
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		background-position: center;
	}
	.menu-banner-p {
		font-size: 19px;
		line-height: 40px;
		margin-bottom: 4%;
		margin-left: 3%;
	}
	.responsive-menu-style{
		background-color: rgb(255, 255, 255) !important;
	}
	.bg {
		background-image: url('../../assets/images/mobile-home-banner.png');
		height: 113vh;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
	}
	.first-tagline-style {
		font-weight: 800;
		font-size: 24px;
		color: #fff;
		text-shadow: 1px 3px 3px rgb(0 0 0 / 20%);
	}
	.top-banner-style {
   
    background-color: #e31e24;
}
.our-story-style h2 {
    color: #e31e24;
    font-size: 24px;
    font-weight: 600;
}
.home-banner-psg {
    font-size: 18px;
    color: #000;
    line-height: 33px;
}
.sec-content p {
    font-size: 18px;
    color: #000;
    line-height: 33px;
}
	.home-banner-content {
		position: absolute;
		bottom: 0%;
		left: 8%;
	}
	.testi-h2-style {
    color: #e31e24;
    font-size: 24px;
    font-weight: 600;
}
	.sec-content-h2 {
		color: #e31e24;
		font-size: 24px;
		font-weight: 600;
		text-align: center;
	}
	.sec-content {
		margin-top: 10%;
		margin-bottom: 8%;
	}
	.our-story-style p {
		font-size: 18px !important;
		line-height: 33px;
	}
	.banner-p {
		font-size: 20px;
		line-height: 40px;
		margin-bottom: 0px;text-align: center;
	}
	.footer-bk-style {
		background-color: #e7e7e7;
		padding: 4%;
	}
	.left-side-content{
		text-align: center;
		margin-bottom: 6%;
	}
	.footer-logo-style {
		width: 33%;
		margin-bottom: 5%;
	}
	.right-side-content{
		text-align: center;
	}
	.footer-h2 {
		color: #ff1920;
		font-size: 25px;
	}
	.res-banner-content {
		position: absolute;
		bottom: 57%;
		left: 11%;
		margin: 0px;
	}
	.reservation-bk {
		background-image: url('../../assets/images/reservation-banner.png');
		height: 78vh;
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		background-position: center;
	}
		.contact-bk {
		background-image: url('../../assets/images/contact-banner.png');
		height: 78vh;
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		background-position: center;
	}
	.res-banner-psg {
		font-size: 13px;
		font-weight: 600;
		line-height: 19px;
		color: #fff;
	}
	.res-banner-h2 {
		text-transform: uppercase;
		font-weight: 800;
		font-size: 30px;
		color: #fff;
		text-shadow: 1px 3px 3px rgb(0 0 0 / 20%);
		position: absolute;
    top: 30px;
	}
	.res-form-h3{
		font-size: 21px;
	}
	.gallery-bk {
		background-image: url('../../assets/images/gallery-banner.png');
		height: 79vh;
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		background-position: center;
	}
}



.carousel-item {
	padding: 15px;
	cursor: -webkit-grabbing;
  }
  .carousel-item img {
	border-radius: 30px;
	height: 500px;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.21);
	transition: 0.25s linear;
  }
  .carousel-item:hover img {
	transform: translatey(-1%);
  }
  
  .carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9 ;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	border-radius: 10px;
	margin: 2px;
	position: relative;
	top: 30px;
  }
  .carousel-indicators li.active {
	background: #fff;
  }
  
  @media only screen and (max-width: 650px) {
	.carousel-item img {
	  height: auto;
	}
  }
  .carousel-control-prev {
	left: -50px;
	margin: 0 -25px;
  }
  
  .carousel-control-next {
	right: -50px;
	margin: 0 -25px;
  }
 
.carousel-control-prev-icon{
	background-color: #000 !important;
}  

.carousel-control-next-icon {

    background-color: #000 !important;
}

.carousel-control-next {
    right: -15px;
    margin: 0px -9px;
}
.carousel-control-prev {
    left: 0px;
    margin: 0 -25px;
}

.blockquote {
    margin-bottom: 1rem !important;
    font-size: 1rem !important;
}

.top-banner-style{

	background-color: #e31e24;
}

.top-banner-img{
	width: 25%;
    float: right;
}

.tabss-style{
    border: 1px solid #dee2e6;
    padding: 13px;
}

.pill_style{
   margin: 19px;

color:#000;

}
.pill_style:hover{
 
color:#000;
   
}

.tab-content{
    margin-top: 5%;
}


.mains .containers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  justify-content: center;
  align-items: center;
}
.mains .card {
  color: #252a32;
  border-radius: 2px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
}
.mains .card-image {
  position: relative;
  display: block;
  width: 100%;
height: 537px;
  background: #ffffff;
}
.mains .card-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 600px) {
  .mains .containers {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
}

.nav-fill .nav-item, .nav-fill>.nav-link {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
background-color: #e31e24;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000 !important;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    color: #fff !important;
    background-color: #e31e24;
    border-color: #dee2e6 #dee2e6 #fff;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}