* {scrollbar-width: thin;scrollbar-color: #313131 #FFCA04;}
*::-webkit-scrollbar {width: 10px;background: #FFCA04;}
*::-webkit-scrollbar-track {background: #FFCA04;}
::-webkit-scrollbar-thumb{background: #313131;border: 0;border-radius:0px;}
::-webkit-resizer,
::-webkit-scrollbar-corner,
::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover{background: #313131;}
html, body {width: 100%;height: 100%;}
body {color: #fff;font-family: "Montserrat", sans-serif; font-weight:400; background: url("../img/myu_bk_pattern60.png") repeat #000;}
body.menushow {color: #231F20;background: url("../img/myu_bk_pattern60.png") repeat #fff;}

/*
body {color: #fff;font-family: "Oswald", sans-serif;background: url("../img/myu_bk_menu_w.png") repeat #000;}
body.menushow {color: #231F20;font-family: "Oswald", sans-serif;background: url("../img/myu_bk_menu_w.png") repeat #fff;}
*/

a {color: #233d7b;transition: 0.5s;text-decoration: none;}
a:hover, a:active, a:focus {color: #233d7b;outline: none;text-decoration: none;}
p {padding: 0;margin: 0 0 30px 0;}
h1, h2, h3, h4, h5, h6 {font-family: "Montserrat", sans-serif;font-weight: 700;margin: 0 0 20px 0;padding: 0;}
.back-to-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 15px;z-index: 996;background: #000;width: 40px;height: 40px;border-radius: 50px;transition: all 0.4s;}
.back-to-top i {font-size: 28px;color: #fff;line-height: 0;}
.back-to-top:hover {background: #000;color: #fff;}
.back-to-top.active {visibility: visible;opacity: 1;}
.back-to-top .notshow{text-indent:-9999px;}
/* Prelaoder */
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;overflow: hidden;background: #fff;}
#preloader:before {
  content: "";position: fixed;top: calc(50% - 30px);left: calc(50% - 30px);
  border: 6px solid #f2f2f2;border-top: 6px solid #000;border-radius: 50%; width: 60px;height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}
@-webkit-keyframes animate-preloader {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
@keyframes animate-preloader {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
#header {
  transition: all 0.5s;
  z-index: 997;
  background: rgba(0, 0, 0, 0.85);
  height: 70px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
}
#header.header-transparent {background: transparent;}
#header.header-scrolled {background: rgba(0, 0, 0, .85);height: 70px;
  /* border-radius: 0 0 10px 10px; */
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
}
#header .logo{display:block;margin:0 auto;}
#header .logo img {max-height: 40px; 
			/* padding-left:30px; display:none; */
}
#header.header-scrolled img{
	display:block;
}
@media (max-width: 992px) {
  #header .logo img {
    max-height: 40px;
  }
}
li.nav-logo{border:0;margin:20px 0px 40px 0px;text-align:center;}
li.nav-logo a,li.nav-logo a:hover, li.nav-logo .active, li.nav-logo li:hover > a {border:0;padding:0;}
li.nav-logo img{width:90%;max-width:250px;display:block;margin:0 auto;}
.navbar {padding: 0;position:absolute;right:15px;display:block;}
.navbar ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
.navbar li {position: relative;}
.navbar a {font-family: "Montserrat", sans-serif;font-weight: 600;
  display: flex;align-items: center;justify-content: space-between;padding: 10px 0 10px 30px;font-size: 13px;color: #fff;white-space: nowrap;text-transform: uppercase;transition: 0.3s;}
.navbar a i {font-size: 12px;line-height: 0;margin-left: 5px;}
.navbar a:hover, .navbar .active, .navbar li:hover > a { color: #18d26e;}
.navbar .dropdown ul {display: block; position: absolute; left: 14px; top: calc(100% + 30px);
  margin: 0;padding: 10px 0;z-index: 99;opacity: 0;visibility: hidden;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;
}
.navbar .dropdown ul li {min-width: 200px;}
.navbar .dropdown ul a {padding: 10px 20px;text-transform: none;color: #666666;}
.navbar .dropdown ul a i {font-size: 12px;}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {color: #18d26e;}
.navbar .dropdown:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.navbar .dropdown .dropdown ul {top: 0;left: calc(100% - 30px);visibility: hidden;}
.navbar .dropdown .dropdown:hover > ul {opacity: 1;top: 0;left: 100%;visibility: visible;}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {left: -90%;}
  .navbar .dropdown .dropdown:hover > ul {left: -100%;}
}
/*** Mobile Navigation  */
.mobile-nav-toggle {color: #fff;font-size: 30px;cursor: pointer;display: block;line-height: 0;transition: 0.5s;}
.mobile-nav-toggle.bi-x{color:#fff;}
.navbar ul {display: none;}
.navbar-mobile {position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;transition: 0.3s;z-index: 999;
background: url("../img/myu_bk_pattern60.png") repeat #000;
/* background: rgba(26, 26, 26, 0.9);background: rgba(73, 60, 67, 0.9); */
}
.navbar-mobile .mobile-nav-toggle {position: absolute;top: 15px;right: 15px;}
.navbar-mobile ul {display:block;position: absolute;top: 25px;right: 15px;bottom: 15px;left: 15px;padding: 10px 0;background:none;overflow-y: auto;transition: 0.3s;}
.navbar-mobile a{font-family: "Montserrat", sans-serif;font-weight: 400;font-size: 20px;letter-spacing: 1px;
  display: block;padding: 5px 20px;border-radius: 10px;transition: 0.5s;margin: 0px auto;width:100%;max-width:320px;color: #f5f5f5;background:none;border:0px solid #000;text-align:center;
  /*background: #233d7b;*/
}
.navbar-mobile a.fontnav{font-weight:700;margin-top:20px;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {color: #fff;font-weight:400;}
.navbar-mobile a.fontnav:hover{font-weight:700;}

.navbar-mobile .getstarted {margin: 15px;}
.navbar-mobile .dropdown ul {position: static;display: none;margin: 10px 20px;padding: 10px 0;z-index: 99;opacity: 1;visibility: visible;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);}
.navbar-mobile .dropdown ul li {min-width: 200px;}
.navbar-mobile .dropdown ul a {padding: 10px 20px;}
.navbar-mobile .dropdown ul a i {font-size: 12px;}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {color: #000;}
.navbar-mobile .dropdown > .dropdown-active {display: block;}
#navbtn span.mbtn{display:none;}
#navbtn.bi-menu span.mbtn{font-family: 'Josefin Sans', sans-serif; font-weight: 600;
	font-size: 16px;  border-radius: 5px;border: 1px solid #fff;color:#fff;background:none;line-height: 32px;padding: 0px 10px;display: block;text-align: center;transition: 0.5s;height: 30px;font-style: normal;
}
#navbtn.bi-menu:hover span.mbtn{color:#fff;background:#000;}
.errorpage{padding-top:150px;}
.mentenanta{background:rgba(255,255,255,.95);padding:1rem;text-align:center;}
.mentenanta img{width:100%;}
.img-mentain{margin-top:30px;}
.mentenanta h1{font-size:1.8rem;color:#E52964;margin-top:10px;}
.mentenanta h4{font-size:1.2rem;}
.mentenanta-center{text-align:center;}

/*--- Hero Section ---*/
#hero {width: 100%;height: 100vh;background: #000;overflow: hidden;position: relative;}
@media (max-height: 500px) {
  #hero {height: 150vh;}
}
#hero .carousel, #hero .carousel-inner, #hero .carousel-item, #hero .carousel-item::before {
  position: absolute;top: 0;right: 0;left: 0;bottom: 0;
}
#hero .carousel-item{background-size: cover;background-position: center;background-repeat: no-repeat;}
#hero .carousel-item::before {content: '';background-color: rgba(255, 255, 255, 0.1);}
#hero .carousel-container {display: flex;justify-content: center;align-items: center;position: absolute;bottom: 0;top:70px;left: 50px;right: 50px;}
#hero .container {text-align: center;}
#hero h2 {color: #fff;margin-bottom: 30px;font-size: 48px;font-weight: 700;}
@media (max-width: 768px){
  #hero h2 {font-size: 28px;}
}
#hero p {width: 80%;margin: 0 auto 30px auto;color: #fff;}
@media (min-width: 1024px){
  #hero p {width: 60%;}
}
#hero .carousel-fade{overflow: hidden;}
#hero .carousel-fade .carousel-inner .carousel-item {transition-property: opacity;}
#hero .carousel-fade .carousel-inner .carousel-item,
#hero .carousel-fade .carousel-inner .active.carousel-item-start,
#hero .carousel-fade .carousel-inner .active.carousel-item-end {opacity: 0;}
#hero .carousel-fade .carousel-inner .active,
#hero .carousel-fade .carousel-inner .carousel-item-next.carousel-item-start,
#hero .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-end {opacity: 1;transition: 0.5s;}
#hero .carousel-fade .carousel-inner .carousel-item-next,
#hero .carousel-fade .carousel-inner .carousel-item-prev,
#hero .carousel-fade .carousel-inner .active.carousel-item-start,
#hero .carousel-fade .carousel-inner .active.carousel-item-end {left: 0;transform: translate3d(0, 0, 0);}
#hero .carousel-control-prev, #hero .carousel-control-next {width: 10%;}
@media (min-width: 1024px){
	#hero .carousel-control-prev, #hero .carousel-control-next {width: 5%;}
}
#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {background: none;font-size: 32px;line-height: 1;}
#hero .carousel-indicators li {cursor: pointer;}
#hero .btn-get-started {font-family: "Montserrat", sans-serif;font-weight: 300;
	font-size: 20px;letter-spacing: 1px;display: block;padding: 10px 30px;border-radius: 10px;transition: 0.5s;margin: 10px auto;width:100%;max-width:250px;color: #233d7b;background:none;
}
#hero .btn-get-started:hover {
  color: #233d7b;font-weight:400;
}
/*
#hero .btn-get-started:hover::before {
  content: '';position: absolute;display: block;
  background-size: 40px 40px;width: 44px;height: 44px;bottom: 4px;left: calc(50% - 22px);z-index:-1;
  background: url("../img/app/btn-hover_y.png") 50% 50% no-repeat;
}
*/
.gastro_logo{text-align:center;margin-bottom:30px;}
.gastro_logo img{width:90%;max-width:300px;}
#heromenu {width: 100%;height: auto;overflow: hidden;position: relative;padding-bottom:50px;}
#heromenu .container{text-align: center;}
#heromenu h2 {color: #fff;margin-bottom: 30px;font-size: 48px;font-weight: 700;}
@media (max-width: 768px) {
  #heromenu h2 {font-size: 28px;}
}
#heromenu p {width: 80%;margin: 0 auto 30px auto;color: #fff;}
@media (min-width: 1024px) {
  #heromenu p {width: 60%;}
}
#heromenu .carousel-fade{
  overflow: hidden;
}
#heromenu .carousel-fade .carousel-inner .carousel-item {
  transition-property: opacity;
}
#heromenu .btn-get-started {font-family: "Montserrat", sans-serif;font-weight: 400;font-size: 20px;letter-spacing: 1px;display: block;padding: 5px 20px;border-radius: 10px;transition: 0.5s;margin: 0px auto;width:100%;max-width:320px;color: #f5f5f5;background:none;}
#heromenu .btn-get-started.fontnav{font-weight:700;margin-top:20px;}
#heromenu .btn-get-started:hover {color: #fff;font-weight:400;}
#heromenu .btn-get-started.fontnav:hover {color: #fff;font-weight:700;}
/*
#heromenu .btn-get-started:hover::before {content: '';position: absolute;display: block;background: url("../img/app/btn-hover_y.png") 50% 50% no-repeat;background-size: 40px 40px;width: 44px;height: 44px;bottom: -1px;left: calc(50% - 22px);z-index:-1;}
*/
#heromenu .btn-get-started.fontnav::before {bottom: 1px;}
#heromenu .myu_logo{text-align:center;margin-bottom:60px;margin-top:60px;}
#heromenu .myu_logo img{width:90%;max-width:200px;}
section {overflow: hidden;}
/* Sections Header
--------------------------------*/
.section-header h3 {font-family: "Montserrat", sans-serif;font-weight: 700;
  font-size: 22px;line-height:30px; color: #231F20;text-transform: uppercase;text-align: center; position: relative;padding-bottom: 15px;}
.section-header h3 span{font-size:14px;line-height:18px;font-weight:400;display:block;}
  
.section-header p {text-align: center;padding-bottom: 30px;color: #333;}
.section-bg {}

/* MPage center top
--------------------------------*/
section.mpage {position: relative;width: 100%;height: auto;}
/*
.mpage .bg-wrap {position:absolute;top: 0;left: 0;width:100%;height:100%;clip: rect(0, auto, auto, 0);}
.mpage .bg {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 80%;
  transform: translateZ(0);
  will-change: transform;
}
*/
.mpage .posrelattest{position:relative;z-index:1;}
.mpage .container {position: relative;z-index: 10;}
.s-space{padding:60px 0px;}
.first_item .s-space{padding:100px 0px 60px 0px;}
.menu-page-col {
  width:94%;max-width:320px;text-align:center;margin:0 auto;color:#231F20;
  padding:20px;
  background: #fff;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
}
.menu-item{margin-bottom:30px;}
.menu-item .menu-title{}
.menu-item .menu-desc{padding:0px 30px;line-height:18px;}
.menu-item .item-section{
	font-size:24px;line-height:28px;font-weight:700;
}
.menu-item .item-name{
	font-size:16px;line-height:18px;font-weight:700;

}
.menu-item .item-name-col2{
	font-size:16px;line-height:18px;font-weight:700;

}
.menu-item .item-description{
	font-size:14px;line-height:18px;font-weight:300;

}
.menu-item .item-price{
	font-size:16px;line-height:18px;font-weight:700;display:inline-block;padding-top:4px;
	
}
@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


	.myu-map{width:100%;background:#000;height:600px;}
	.myu-map ifame{width:100%;height:600px;}
	.contact-info-mpage{background:#000;margin-top:60px;}
	.contact-info-mpage .contact-box{padding:30px 0px}
	.contact-info-mpage .contact-box .footer-logo{margin-bottom:20px;}
	.contact-info-mpage .contact-box img{max-height:40px;}
	.contact-info-mpage .contact-box .contact-item{margin-bottom:10px;}
	.contact-info-mpage .contact-box .contact-item a{color:#999;font-size:16px;line-height:20px;}
	.contact-info-mpage .contact-box .contact-item a:hover{color:#fff;}
	.contact-info-mpage .contact-box .contact-item-social{margin-bottom:0px;margin-top:15px;}
	.contact-info-mpage .contact-box .contact-item-social a{font-size:30px;color:#999;padding:10px 15px 10px 15px;}
	.contact-info-mpage .contact-box .contact-item-social a.first{padding:10px 15px 10px 0px;}
	.contact-info-mpage .contact-box .contact-item-social a:hover{color:#fff;}



#footer {background: #000;padding: 0 0 30px 0;color: #eee;font-size: 14px;}
#footer .copyright {text-align: center;padding-top: 30px;}
#footer .credits {text-align: center;font-size: 13px;color: #fff;}
#footer .credits a{color:#fff;letter-spacing:1px;}
#footer .credits a:hover{color:#233d7b}

@media screen and (prefers-color-scheme: dark) {
	body {background: #fff;color: #666666;}
	a {color: #233d7b;}
	a:hover, a:active, a:focus {color: #233d7b;}
}
@media (prefers-dark-interface) { 
	body {background: #fff;color: #666666;}
	a {color: #233d7b;}
	a:hover, a:active, a:focus {color: #233d7b;}	
}