:root {
	--font1:'Laila', serif;
	--font2:'Pacifico', cursive;
	--color-1:#8e5c16;
	--color-2:#8e5c16;
	--color-3:#8e5c16;
	--shadow1:2px 2px 15px var(--dark3);
}
.main-content {
}
.hbb {
    height: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.off h2 {
    color: #fff;
    margin-bottom: 35px;
}
.voucher h2 {
    font-size: 30px;
	line-height: 50px;
	font-family: var(--font1);
}
.main-content {
    overflow: hidden;
}
::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 { background:url('img/bg.png') repeat-y 0 0 / contain; 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); text-transform:uppercase; }
h2 { font-size:50px; margin:0 0 10px; color:var(--primary);text-transform: none;line-height: 50px;font-family: var(--font1) font-weight:800;}
h2 span {
    font-family: var(--font2);
    text-transform: none;
}
i.las.la-times {
    top: 15px;
    color: #fff;
    position: absolute;
    right: 12px;
    font-size: 30px;
    border: 1px solid #fff;
	padding: 10px;
	cursor: pointer;
}
.img-s h2 {
    color: var(--color-1);
	font-size:40px;
}
.img-s.g h2 {
    color: var(--color-2);
}
nav h2 {
    font-size: 31px;
}
p { font-size:14px; margin:0 0 30px; font-weight:500; color:#000;line-height:20px; }
p:last-child { margin:0; }
.img-s {
    background: url(img/bg1.jpg);
    background-size: cover!important;
	position:relative;
	z-index:2;
	    height: 100%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:100px;
}
.img-s:after{
	position:absolute;
	width:calc(100% - 20px );
	height:calc(100% - 20px );
	content:"";
	top:50%;
	left:50%;
	background:transparent;
	transform:translate(-50%, -50%);
	border:1px solid #8e5c16;
	z-index:-1;
}

.glr {
    height: 70vh;
    background-size: cover!important;
    background-position: center!important;
	position: relative;
    border: 2px solid var(--color-2);
}
.glr:before{
	background: transparent;
    position: absolute;
    content: "";
    border: 10px solid #fff;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.img_wel {
    height: 100%;
    background-position: center!important;
    background-size: cover!important;
}
.gal {
    padding: 100px 0;
}
.msns {
	
}
.voucher_img {
    position: relative;
    z-index: 2;
}
.voucher {
    padding: 100px 0;
	text-align:center;
}
@media (max-width:992px) {
    .desk_top {
    display: none;}
	header .head .nav .logo {
    margin: 0;
}
	h2 { font-size: 35px;
		line-height: 40px; letter-spacing:0; margin:0 0 10px; }
	p { line-height:30px; }
}
.btn { background: var(--color-2);
    border-radius: 0;
    border: 0;
    color: var(--light);
    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:rgb(255 255 255 / 1);border-bottom: 1px solid rgb(255 255 255 / 1); }
header .head .add { display:flex; align-items:center; justify-content:space-between; transition:all 1s ease-out; height:30px; overflow:hidden;border-bottom: 1px solid rgb(255 255 255 / 25%); display:none;}
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:60px;transition:all 1s; }
header .head .nav a.cta { height:72px; display:flex; align-items:center; line-height:15px; margin:0; position:absolute; right:0px; top:50%; transform:translateY(-50%); transform: translateY(-50%);
    color: #fdf3f3;
    background: var(--color-2);}
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:60px; height:50px; border:2px solid var(--secondary); background:transparent; border-radius:0; cursor:pointer; position:absolute; right:5px; top:50%; transform:translateY(-50%); transition:all 1s;display:none; }
header .head .nav #toggler span { display:block; margin:10px auto; width:40px; background:var(--secondary); height:2px; transition:all 1s; }
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:#fff;box-shadow: 0px 0px 20px rgb(0 0 0 / 15%); }
header.on .head .nav .logo img { filter:invert(0); }
header.on .head .nav #toggler,
header.on .head .nav a.cta { color:var(--light); }
header.on .head .nav a.cta:hover {  color:var(--light); }
header.on .head .nav #toggler span { background:var(--primary); }
header.on .head .nav #toggler:hover span {  }
nav { position:fixed; right:-250px; top:0; width:250px; height:100%; background:#272727;; z-index:1000; display:flex; align-items:center; transition:all 1s;    padding: 0 50px;
    text-align: center; }
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 {
   
}
.desk_top {
	margin-left: 30vh;
}
.desk_top a {
    padding: 0 20px;
	border-left: 1px solid #4040408f;
}
.desk_top a:first-child{
	border-left:none;
}
.main-content h2{
	font-size: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:45px; }
	header .head .nav #toggler { transform:scale(0.5); top: -8px;
		right: 0px;width: 75px;
		height: 75px;border:1px solid var(--primary) }
	body.open { padding-right:0; }
	header .head .add { width:100vw; }
	header .head .nav #toggler span {
		margin: 15px auto;
		width: 50px;
		background: var(--primary);
		height: 4px;
		
	}
	.voucher .row {
		flex-direction: column-reverse;
	}
	.voucher {
		padding: 20px 0;
	}
	.voucher h2 {
		font-size: 19px;
		line-height: 35px;
	}
	.voucher {
		padding: 30px 0 0 0;
	}
	
	.voucher p{
		line-height:15px;
	}
	.main-content h2 {
    font-size: 40px;
    line-height: 40px;
	}
	
}
nav img {
    margin-bottom: 20px;
}
.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;
    border-left: 1px solid #343a40;
    text-align: center;
}
.tesi_one .owl-stage{
	margin-left: -5px;

}
.tesi_one {
    padding: 50px 0;
}
@media (max-width:992px) {
	nav img {
    width: 120px;
	}
	body.open{
		overflow: hidden;
	}
	.banner  { height:66.66vw; margin-top:60px; }
	.banner .item { height:66.66vw; }
	body.open nav {
		right: 0;
		width: 100%;
	}
	
}

.welcome { padding:20vw 0; background:url('img/welcome.png') no-repeat 100% 100% / auto 101%; }
.story {
    padding: 100px 0;
    background-attachment: fixed!important;
    background-size: cover!important;
}
@media (max-width:992px) {
	.welcome  { padding:10vw 0 50vw; background-size:60%; }
}

.story .text { padding:8vw 5vh;position:relative;z-index:2;}
.story .text:after{

}
.swe_img {
    height: 100%;
    background-size: cover!important;
    background-position: center!important;
}
.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) {
	.desk_top.mx-auto {
    display: none;
}
}

footer { background:#272727;}
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:250px;  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:#212223; padding:10px; font-size:12px; text-align:center; color:var(--light);}

@media (max-width:992px) {
	footer { margin-top : 20px; }
	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 { width: 270px;
		margin: 15px 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) {
	.booking { padding:140px 0 0; }
}

.menu a { pointer-events:none; cursor:default; }
.menu ul { list-style:none; padding:0; }
.menu .menu-active { width:calc(33.333% - 30px); margin:0 15px 30px; box-shadow:var(--shadow1); background:var(--light); }
.menu .menu-active .sub-menu { padding:0 10px 10px; }
.menu .menu-active > a { font-size:18px; line-height:18px; font-weight:500; background:var(--primary); color:var(--light); display:block; padding:10px; margin:0 0 20px; text-transform:capitalize; }
.menu .menu-active .meal { display:flex; align-items:center; justify-content:space-between; margin:0 0 10px; flex-grow:1; }
.menu .menu-active .meal h5 { font-size:14px; margin:0; font-weight:700; text-transform:capitalize; }
.menu .menu-active .meal h5.sub-item { margin:0 0 0 10px; color:var(--dark8); }
.menu .menu-active .meal h5.sub-item:before { content:"▪ "; color:var(--dark); }
.menu .menu-active .meal h4 { font-size:16px; margin:0; font-weight:700; text-transform:capitalize; }
.menu .menu-active .meal .dots { display:none; }
.menu .menu-active .meal .price { font-size:14px; font-weight:700; color:var(--dark); }
.menu .menu-active .meal .price .adder { display:none; }
.menu .menu-active .productdescription,
.menu .menu-active .subproductdescription,
.menu .menu-active .sub-menu > .menucatdescription { font-size:12px; line-height:12px; font-style:italic; margin:-10px 0 10px; color:var(--dark8); text-align:justify; text-transform:capitalize; }
.menu .menu-active .subproductdescription { margin-left:20px; }
.menu .btn { display:table; margin:0 auto 30px; }
section.voucher {
    padding: 20px 0;
    background: #b5e2ffcc;
}
.msn {
    height: 80vh;
    background-size: 180%!important;
    background-position: left;
	background-attachment: fixed!important;
	background-position: center!important;
}
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;
	padding:4px 12px;
	
}

header .head .nav #toggler{
	display: block!important;
}
	.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); }
@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:center; }
	.contact > p { padding:0 10px; }
	.contact .social { text-align:center; }
}

.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;
}

@media (max-width:992px) {
a.btn.cta.j {
    letter-spacing: 2px;
}
	.voucher h2 span {
		font-size: 40px!important;
	}
	.btnXta img {
		width: 48%!important;
	}
	.gal {
		padding: 50px 0;
	}
	.img img {
		margin-bottom: 10px;
		margin-left: -9px;
	}
	.off h2 {
	font-size:32px;
	}
	.tesi_one {
    padding: 50px 0 0 0;
	}
	.story .pl-0{
		padding-left:15px!important;
	}
	.story .pr-0{
		padding-right:15px!important;
	}
	.tesi_one .item {
    padding: 0px 0px 0 10px;
    text-align: left;
	}
	.msn {
    height: 60vh!important;
    background-size: cover!important;
	}
	.img-s {
		margin-bottom: 30px;
		padding: 50px 30px;
	}
	.story .text h2 {
		color: var(--light);
		font-size: 25px;
	}
	.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); }
.img img {
    width: 110%;
}
.btnXta img {
    width: 35%;
}
.voucher h2 span{
	font-size: 55px;
}
#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; }
#menu .item .title small { font-size:12px; display:block; margin:0; font-weight:700; font-style:italic; opacity:0.8; }
#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; }