@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
:root {
	--font1:'Roboto Mono', monospace;
	--font2:'Alex Brush', cursive;
	--secondary:#890e13;
	--shadow1:2px 2px 15px var(--dark3);
}
.main-content {
    padding: 100px 0;
}
::selection { background:var(--dark); color:var(--light); }
html,
body { min-height:100vh; font:500 15px/1.2 var(--font1); color:var(--dark); background:var(--light); }
body { transition:all 1s; }
a { color:inherit; transition:all 0.5s ease-out; }
a:hover { text-decoration:none; color:var(--dark); }
button:active,
button:focus,
a:active,
a:focus { outline:none; }
img { width:100%; }
strong { font-weight:700; }
h1,h2,h3,h4,h5 {  font-family:var(--font1); font-weight:700;text-transform:uppercase; }
h2 { font-size:50px; margin:0 0 30px; color:var(--primary);text-transform: capitalize;line-height: 70px;}
h2 span {
    font-family: var(--font2);
    text-transform: none;
	color: #fff;
    font-size: 60px
}
section.voucher .btn {
    background: red;
    color: #fff;
    border: 1px solid #fff;
}
section.voucher h2 {
    font-size: 40px;
    text-transform: capitalize;
    line-height: 40px;
    margin: 0px;
    padding-bottom: 10px;
}
p { font-size:14px; margin:0 0 30px; font-weight:500; color:#9b9088;line-height:34px; }
p:last-child { margin:0; }
@media (max-width:992px) {
	section.voucher h2 {
    font-size: 19px;
    line-height: 26px;
    margin: 0px;
    padding-bottom: 10px;
    letter-spacing: 0;
}
section.voucher {
    padding: 30px 0!important;
}
	h2 { font-size: 35px;
		line-height: 40px; letter-spacing:0; margin:0 0 15px; }
	p { line-height:30px; }
}
.btn { background:transparent; border-radius:0; border:0; color:var(--dark); border:2px solid var(--dark); font-size:14px; font-weight:700; letter-spacing:0.5em; line-height:1; padding:10px 20px; position:relative; text-align:center; text-transform:uppercase; transition:all 0.5s; }
.btn:hover { background:var(--primary); color:var(--light); }
.btn.light { background:transparent; color:var(--light); border:2px solid var(--light); }
.btn.light:hover { background:var(--primary); color:var(--light); }

header { position:fixed; left:0; top:0; width:100%; z-index:999; transition:all 1s; }
header .head { background:var(--light8); }
header .head .add { display:flex; align-items:center; justify-content:center; transition:all 1s ease-out; height:40px; overflow:hidden; border-bottom:1px solid var(--dark2); }
header .head .add .msg,
header .head .add a { display:inline-block; color:var(--dark); padding:0 10px; position:relative; font-size:12px; font-weight:700; }
header .head .add a i { transition:all 0.5s; }
header .head .add a:hover { color:var(--primary); }
header .head .nav { display:flex; align-items:center; padding:5px; position:relative; }
header .head .nav .logo { display:block; padding:0; }
header .head .nav .logo img { width:auto; height:80px;  transition:all 1s; }
header .head .nav a.cta { display:flex; align-items:center; line-height:15px; margin:0; position:absolute; right:5px; top:50%; transform:translateY(-50%); border:2px solid var(--dark); color:var(--dark); background:transparent; }
header .head .nav a.cta small { text-align:center; display:block; letter-spacing:0.2em; font-size:12px; font-weight:700; }
header .head .nav #toggler { margin:0; width:80px; height:80px; border:2px solid var(--dark); background:transparent; border-radius:0; cursor:pointer; position:absolute; right:5px; top:50%; transform:translateY(-50%); transition:all 1s; padding:15px 0;display:none; }
header .head .nav #toggler span { display:block; margin:10px auto; width:40px; background:var(--dark); height:2px; transition:all 1s; }
header .head .nav #toggler:hover,
header .head .nav a.cta:hover { background:var(--primary) !important; color:var(--light)!important;}
header.on .head .add { height:0; opacity:0; }
header.on .head { background:#262626; border-bottom: 2px solid #ff9899;}
header.on .desktop_headeer {
    color: var(--light);
}
.all_icon svg {
    width: 100px;
    margin: 0 auto;
	display: block;
	fill: #fc9699;
}
.line{
	width:150px;
	height: 2px;
	background-color: #fc9699;
	margin:0 auto;
	display: block;
	margin-bottom: 30px;
}
.msg .btn {
    margin-bottom: 30px;
}
div#homegal .item {
    height: 70vh;
    background-size: cover!important;
    background-position: center!important;
}
.slider_content {
	position: relative;
	height: 70vh;
}
.min-tex {
    width: 100%;
}
.content_apm {
    position: absolute;
    background:#262626;;
    padding: 50px;
    height: 100%;
    top: 0;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    display: flex;
    align-items: center;
    text-align: center;
}
.all_icon {
    margin-bottom: 30px;
}
.home_content {
	padding: 100px 0;
	text-align: center;
}
header.on .head .nav .logo img { filter:invert(0); }
header.on .head .nav #toggler,
header.on .head .nav a.cta { border:2px solid var(--primary); color:var(--primary); }
header.on .head .nav #toggler span { background:var(--primary); }
header.on .head .nav #toggler:hover span { background:var(--light); }
nav { position:fixed; right:-200px; top:0; width:200px; height:100%; background:var(--primary); z-index:1000; display:flex; align-items:center; transition:all 1s; }
nav div {  width:100%; min-width:100%; }
nav a { display:block; color:var(--light); padding:10px 15px; margin:-1px 0 0; border-top:1px solid var(--light); border-bottom:1px solid var(--light); font-weight:700; font-size:18px; letter-spacing:0.1em; }
body.open { padding-right:200px; overflow:hidden; }
body.open header { width:calc(100% - 200px); }
body.open header span:nth-child(1) { transform:rotate(45deg) translate(10px, 10px); }
body.open header span:nth-child(2) { opacity:0; }
body.open header span:nth-child(3) { transform:rotate(-45deg) translate(6px, -7px); }
body.open nav { right:0; }
section.story h2 {
    font-size: 35px;
    line-height: 50px;
}
a.logo.d img:nth-child(2) {
    display: none;
}
header.on a.logo.d img:nth-child(2){
	display: block;
}
header.on a.logo.d img:nth-child(1){
	display: none;
}
.mr-auto.desktop_headeer {
    margin-left: 20%;
}
.desktop_headeer a {
    margin-left: 30px;
}

@media (max-width:992px) {
	header .head .nav a.cta { display:none; }
	header .head .nav { justify-content:flex-start; }
	header .head .nav .logo img { height:50px; }
	header .head .nav #toggler { transform:scale(0.5); top:-10px; right:-10px;display: block; }
	body.open { padding-right:0; }
	header .head .add { width:100vw; }
}

.banner { position:relative; width:100%; height:100vh; background:var(--light); padding:0; overflow:hidden; }
.banner .owl-item { animation-duration:2s; }
.banner .item { height:100vh; background-repeat:no-repeat; background-position:50% 0; background-size:cover; }
.tesi_one .item {
    padding: 0 50px;
    height: 40vh;
    text-align: center;
}
.tesi_one .owl-stage{
	margin-left: -5px;

}
.tesi_one {
    padding: 120px 0 0 0;
}
@media (max-width:992px) {
	.mr-auto.desktop_headeer {
		display: none;
	}
	.banner  { height:70vh; margin-top:100px; }
	.banner .item { height:70vh; }
}

.welcome { padding:20vw 0;}
@media (max-width:992px) {
	.welcome  { padding:10vw 0 50vw; background-size:60%; }
}

.story {margin-top:100px ;background:url('img/story.jpg') no-repeat 0 100% / auto 120%; }
.story .text { padding:5vw; background:var(--primary); }
.story .text h2 { color:var(--light); }
.story .text p { color:var(--light); }
.story .text .btn:hover { background:var(--dark); }
@media (max-width:992px) {
}

.testimonial { padding:5vw 0 30vw; background:url('img/testimonial.jpg') no-repeat 100% 100% / 101% auto; }
.testimonial .text { padding:5vw; background:#95714b; }
.testimonial .owl-carousel .item p { color:var(--light); }
.testimonial .owl-carousel .item author { color:var(--light); }
.testimonial .owl-carousel .owl-dots { margin:5px 0 0; }
.testimonial .owl-carousel .owl-dots .owl-dot { display:inline-block; width:7px; height:7px; background:var(--light); border:1px solid var(--dark2); border-radius:50%; margin:0 2px; }
.testimonial .owl-carousel .owl-dots .owl-dot.active { background:var(--dark); }
@media (max-width:992px) {
}

footer {background: #262626;}
footer .content p { margin:0 0 10px; color:var(--light); font-weight:500; }
footer .content a { display:block; margin:0 0 10px; color:var(--light); font-weight:500; font-size:14px; }
footer .content a:last-child { margin:0; }
footer .content .contacts { margin-bottom:10px; }
footer .content .contacts img { width:100%; max-width:50%; 
    margin: 20px 0 15px;}
footer .content .link { display:flex; justify-content:space-around; }
footer .content .time p { margin:0 0 10px; font-size:20px; }
footer .content .time table { width:100%; }
footer .content .time table tr td { padding:2px 10px; color:var(--light); }
footer .content .time table tr td:first-child { font-weight:700; text-align:right; }
footer .content .time table tr.active td { background:var(--light2); }
footer .copy { background:#4040403b; padding:10px; font-size:12px; text-align:center; color:var(--light);}
.new_msg {
    padding: 50px 0;
    text-align: center;
}
.min-tex h4 {
    color: #fff;
}
.home-2 .bg {
    width: 33%;
    padding: 10px 10px 0 0;
}
.goal_text p {
    margin-top: 30px;
}
.bg.g {
    background: #262626;
    padding: 36px;
    height: 50vh;
    text-align: center;
    display: flex;
	align-items: center;
	margin:10px 10px 0 0;
	width:calc(33% - 10px);
justify-content:center;
}
.bg.g h4 {
    color: var(--light);
}
@media (max-width:992px) {
	footer { margin:0; }
	footer .content { padding:5px 0; }
	footer .content a,
	footer .content p { display:block; text-align:center; margin:0 0 5px; }
	footer .content .contacts { text-align:center; }
	footer .content .contacts img { max-width:200px; margin:0 auto 30px; display:table; }
	footer .content .time { display:none; }
	footer .copy { padding:5px; }
}

.booking { padding:200px 0 50px; margin:0; }
.booking .text { margin-bottom:10px; padding:20px; }
.booking .text .btn { display:table; }
@media (max-width:992px) {
    #menu .item { width: 100%!important;; padding:0 10px 20px; }
	.booking { padding:140px 0 0; }
}

#menu .item { width:33%; padding:0 10px 20px; }
#menu .item .title { background:var(--primary); color:var(--light); padding:10px; border:1px solid var(--primary); }
#menu .item .title p { font-size:20px; font-weight:700; margin:0; text-transform:capitalize;color: var(--light);}
#menu .item .title small { font-size:12px; display:block; margin:0; font-weight:700; font-style:italic;     color: #fbff07; }
#menu .content { padding:20px 15px 10px; border:1px solid var(--primary); border-top:0; }
#menu .content .meal { display:flex; align-items:center; justify-content:space-between; margin:0 0 15px; }
#menu .content .meal .name { font-size:14px; font-weight:600; text-transform:capitalize; }
#menu .content .meal .dots { flex-grow:1; border-bottom:2px dashed var(--primary); height:15px; margin:0 10px; }
#menu .content .meal .price { font-size:14px; font-weight:700; color:var(--primary); }
#menu .content .detail { font-size:13px; font-weight:400; font-style:italic; margin:-15px 0 15px; color:#ed1c24; margin-top: 2px;}
#menu .content .meal.sub { padding-left:15px; }
.menu .btn { display:table; margin:0 auto 30px; }
section.voucher {
    padding: 20px 0;
    background: #252525;
}
a.mobile {
    border: 1px solid var(--primary);
    text-align: center;
    padding: 4px;
    font-size: 13px;
    margin-left: 10px;
	display:none;
}
@media (max-width:992px) {
	a.mobile {
	display:inline-block;
	margin-left: 40px;
}
.msg h4 {
    font-size: 27px;
    letter-spacing: 0px;
    line-height: 30px;
}
.content_apm {
    width: 100%;
    padding: 20px;
}
.home-2 .bg , .bg.g{
    width: 100%;

}
.content_apm .btn {
    letter-spacing: 0px;
    margin-bottom: 10px;
}
.content_apm p {
    font-size: 20px;
}
.bg.g{
    justify-content: center;
}
header.on a.mobile {
    border: 1px solid var(--light);
    background: var(--primary);
    color: var(--light);
}
	.menu { padding:0; }
	.menu .menu-active { width:100%; margin:0 0 15px; padding:0 0 10px; }
}

.gallery #lightgallery a { display:block; padding:10px; position:relative; overflow:hidden; margin:0 10px 20px; width:calc(25% - 20px); box-shadow:var(--shadow1); background:var(--light); }
.gallery #lightgallery a img { width:100%; transition:all 3s ease-out; filter:grayscale(0) sepia(0); }
.gallery #lightgallery a:hover img { transform:scale(1.2); filter:grayscale(1) sepia(1); }
.contact p { margin:0 0 22px; text-align: none!important;}
@media (max-width:992px) {
	.gallery #lightgallery { margin-top:30px; }
	.gallery #lightgallery a { width:calc(50% - 20px); }
}

.contact .box { padding:10px; box-shadow:var(--shadow1); background:var(--light); min-height:100%; }
.contact iframe { width:100%; border:0; height:350px; position:relative; z-index:10; }
.contact h3 { margin:0 0 5px; }
.contact p { margin:0 0 22px;}
.contact form input,
.contact form textarea { width:100%; height:40px; line-height:40px; padding:0 10px; color:var(--dark); border:1px solid #ccc; border-bottom:0; margin:0; background:transparent; }
.contact form textarea { height:150px; min-height:150px; resize:none; }
.contact form input:focus,
.contact form textarea:focus { box-shadow:none; outline:none; background:var(--light2); }
.contact form button { width:100%; height:40px; line-height:40px; padding:0; margin-top:-10px; border:1px solid #ccc; }
.contact .social a { font-size:30px; color:var(--dark); margin-right:5px; }
.contact a:hover { color:var(--dark); }
.contact .msg { margin-top:20px; }
.contact .msg.success { color:green; }
.contact .msg.error { color:red; }
@media (max-width:992px) {
	.contact { padding:0; }
	.contact h3 { text-align:left; }
	.contact > p { padding:0 10px; }
	.contact .social { text-align:left; }
}

.tos { padding:180px 0 0; }
.tos h1 { margin:0 0 30px; }
.tos p { font-size:14px; line-height:15px; margin:0 0 15px; text-align:justify; letter-spacing:0; }
.tos p strong { font-weight:700; }
.tos img { margin:0 0 30px; border-radius:5px; }
a.m {
    display: none;
}
.bg.g .btn,.content_apm .btn {
    background: var(--primary);
    border-color: var(--light);
    color: var(--light);
}
@media (max-width:992px) {
	section.story h2 {
    font-size: 32px;
    line-height: 40px;
}
	.img-s {
		margin-bottom: 30px;
	}
	.main-content {
		padding: 50px 0;
	}
	a.m img {
		width: 150px;
	}
	a.d {
	}
	a.m {
		display: inline-block;
	}
	.main-content .row {
		flex-direction: column-reverse;
	}
	.tos { padding:140px 0 0; }
	.tos .btn { margin-bottom:30px; }
}

.lg-outer,
.lg-sub-html,
.lg-toolbar { background:#e6edf1; }
.lg-toolbar { border-bottom:var(--dark5); }
.lg-toolbar .lg-icon { color:var(--dark); }