/*!
 * Tomo css
 * Written by czq @2023
 */
body,div,td,th,p,span,input,select,button,h1,h2,h3,h4,h5,li{font-family:Montserrat,sans-serif}body{background:url(https://csitecdn.restaurant888.com/images/ohana/bg.svg) repeat}body.whitebg{background:#fff}a{color:#fff}a:visited{color:#fff}.btn-primary{color:#fff46e}.control-inline{display:inline-block;width:auto}.navbar{background:#00a8af}.navbar a.cart{background:#fff46e;color:#00777c;display:inline-block;padding:.4rem .8rem;font-size:1rem;border-radius:3px;font-weight:600;text-decoration:none}.navbar a.cart em{font-style:normal}.navbar .float-start .fa-home{font-size:1.4rem}.navbar-brand{font-weight:600}.navbar-brand img{height:40px;width:90%;min-height:10px;max-height:50px;display:block}.navbar-brand span{display:block;font-size:.72rem;font-weight:normal;color:#fff46e;text-align:center;margin-top:-5px}.offcanvas-header{border-bottom:1px solid #ddd}.navbar-nav li.nav-item{margin:0 .3rem}.navbar-nav li.nav-item a.nav-link{font-weight:600;font-size:1.1rem}.carousel-item{background-size:cover;background-repeat:no-repeat;height:45vw}section.gallery,section.content{margin:4rem 0}.carousel-inner .banner0 .txt{padding-top:10vw;padding-left:7.5%}.carousel-inner .banner0 .txt h2{font-size:4vw;color:#fff46e;font-weight:900;margin-bottom:1vw}.carousel-inner .banner0 .txt h3{margin:3rem 0;color:#fff;font-size:2.6rem;font-weight:500}.carousel-inner .banner1 .txt{padding-top:10vw;padding-left:7.5%}.carousel-inner .banner1 .txt h2{font-size:4.2vw;color:#fff46e;font-weight:900;margin-bottom:1vw;text-shadow:0 0 .2rem rgba(0,0,0,.35)}.carousel-inner .banner1 .txt h2 span{font-weight:400;display:block;margin-top:1rem;font-size:2rem}.carousel-inner .banner1 .txt h3{margin:3rem 0;color:#fff;font-size:1.7rem;font-weight:900;text-transform:uppercase}.carousel-inner .banner1 .txt p{color:#fff;font-size:1.3rem;font-weight:100}.carousel-inner .banner2 .txt{padding-top:15vw;padding-left:10%}.carousel-inner .banner2 .txt h2{font-size:5vw;color:#fff;font-weight:900;margin-bottom:1vw}.carousel-inner .banner2 .txt a{font-weight:700;color:#fff46e;margin-left:1rem}.main{position:relative;display:block;box-sizing:border-box}span.required{font-weight:900;font-size:1.5rem;margin-left:.5rem;line-height:1rem;vertical-align:-.4rem}.img2{margin-top:8rem;margin-bottom:8rem;position:relative}.img2 img{position:absolute;left:6vw;top:-3rem;height:700px;width:auto;z-index:0}.img2 .info{margin:0;height:600px;background:#eee;padding-top:7rem;padding-left:45%;color:#00a8af}.img2 .info span,.img2 .info p{font-weight:100;z-index:2}.img2 .info p{margin-bottom:1.5rem}.img2 .info a{background:#00a8af;color:#fff46e;text-decoration:none;padding:.7rem 2rem;display:inline-block;border-radius:2rem;font-weight:700}.img2 .info h3{z-index:2;font-family:Archivo,sans-serif;font-size:5vw;font-weight:900;margin:2.5rem 0;line-height:4vw;color:#00777c}.videobox{position:relative;height:34vw;background:url(https://csitecdn.restaurant888.com/images/ohana/videobg.webp) no-repeat center center #0dacb3;background-size:cover}.videobox video{width:100vw;position:absolute;left:0;top:0}.videobox .videotxt{margin-left:43%;color:#fff46e;padding-top:5%;z-index:10;position:relative}.videobox .videotxt h3{font-size:4vw;font-weight:900;color:#fff;margin:3rem 0}.videobox .videotxt a{background:#fff46e;color:#00a8af;text-decoration:none;padding:.7rem 2rem;display:inline-block;border-radius:2rem;font-weight:700}.gallery h1{padding-bottom:2rem;color:#00a8af;text-align:left}.gallery img.thumb{display:block;margin:1rem auto;width:100%;box-shadow:0 .3rem .6rem rgba(0,0,0,.3)}.gallery .swiper-container{background-color:#fff8a1;padding:3rem 3rem 1rem 3rem}.swiper-container{overflow:hidden;margin-bottom:2rem}.swiper-container .swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center}.swiper-container .swiper-slide img{display:block;object-fit:cover;width:100%}.swiper-container .swiper-pagination1{margin:1rem 0 0 0}.swiperbox{margin:4rem 0}.content h1.title{padding-bottom:2rem;color:#00a8af;text-align:left}.content .info a{color:#00a8af}#cartBoard table .t{font-size:.85rem}.menuBox{padding-top:100px}.menuBox img.bannerImg{box-shadow:0 .5rem .5rem rgba(0,0,0,.2)}.menuBox nav.nav{background:#fff}.menuBox .imgbox{position:relative}.menuBox .imgbox span.commend{position:absolute;left:10px;top:10px;background-color:rgba(255,255,255,.9);text-align:center;padding-top:6px;width:60px;height:60px;border-radius:30px;box-shadow:0 .6rem .5rem rgba(0,0,0,.3)}.menuBox .imgbox span.commend img{width:46px;height:46px}.menuBox .sticky-top{top:78px}.menuBox a{color:#000}.menuBox h2.catetitle{color:#00a8af;font-size:1.8rem;padding:.5rem 0;margin-top:2rem;text-align:left;font-weight:900;border-bottom:1px solid #ddd;margin-bottom:2rem}.menuBox h3{color:#00a8af;font-size:1.5rem;padding:.3rem 0;font-weight:900}.menuBox h4{color:#00a8af;font-size:1rem;font-weight:500}.menuBox .catbox{padding:0;border-bottom:1px solid #ddd}.menuBox .catbox a.nav-link{color:#00777c;font-weight:500;padding:1rem .5rem;display:inline-block}.menuBox .catbox a.nav-link:hover{background-color:#eee}.menuBox .catbox a.active{border-bottom:3px solid #00a8af}.menuBox .catnav{padding:1.6rem 0}.menuBox .catdesc img{width:48.5%;display:inline-block;margin:.5rem}.menuBox .menudetail{margin-top:1rem}.menuBox .menudetail h1{font-size:1.75rem}.menuBox .menudetail .pricetype{margin-bottom:1rem;border-top:0}.menuBox .menudetail .pricetype ul{list-style:none;margin:0;padding:0}.menuBox .menudetail .pricetype ul li{display:inline-block;width:47%;margin:.5rem 1rem .5rem 0}.menuBox .menudetail .pricetype h3{font-size:1.2rem;border-bottom:1px solid #ddd;display:inline-block}.menuBox .menudetail .pricetype .sideorder{background:#fff;margin:1rem}.menuBox .menudetail .pricetype .sideorder ul li{border:2px solid #eee;padding:.85rem;border-radius:0;box-shadow:0 0 .3rem rgba(0,0,0,.1);cursor:pointer;position:relative}.menuBox .menudetail .pricetype .sideorder ul li .checked{position:absolute;right:.3rem;top:0;color:#00a8af;display:none}.menuBox .menudetail .pricetype .sideorder ul li.active{border-color:#00a8af}.menuBox .menudetail .pricetype .sideorder ul li.active .checked{display:block}.menuBox .menudetail .pricetype .sideorder .qty{float:left;width:95px;margin:0 .4rem 0 0;vertical-align:bottom}.menuBox .menudetail .pricetype .sideorder .qty input[type=number]{-moz-appearance:textfield;border-top-color:#666;border-bottom-color:#666;text-align:center;font-weight:800}.menuBox .menudetail .pricetype .sideorder .qty input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.menuBox .menudetail .pricetype .t2 ul li label{float:left;margin-top:.25rem;font-weight:800;font-size:.9rem}.menuBox a.menu{text-decoration:none;display:block;padding:0;border:1px solid #ddd;vertical-align:top;min-height:420px;margin-bottom:1.5rem;position:relative}.menuBox a.menu .img{display:block;width:100%}.menuBox a.menu span.commend{position:absolute;right:10px;top:190px;width:50px;height:50px;background-color:rgba(255,255,255,.9);border-radius:25px;text-align:center;padding-top:6px;box-shadow:0 .4rem .3rem rgba(0,0,0,.3)}.menuBox a.menu span.commend img{width:40px;height:40px}.menuBox a.menu strong.name{margin:1.2rem 0 0 0;padding:0 1rem}.menuBox a.menu strong,.menuBox a.menu span{display:block;line-height:1.1rem}.menuBox a.menu span.desc{color:#666;font-size:.9rem;padding:1rem}.menuBox a.menu span.price{padding:1rem 1rem 0 1rem}.menuBox a.menu:hover{background:#fff;box-shadow:0 0 .8rem rgba(0,0,0,.2)}.mydata .list-group-item{line-height:1.2rem}.mydata .list-group-item small{color:#808080;font-size:.9rem}.mydata th{background:#eee;font-size:1rem;font-weight:300;line-height:1.2rem}.mydata a{color:#000}.printHeader{padding:1rem 0;display:block;width:100%;text-align:center;background:#eee;margin:1rem 0}.printHeader strong{display:block}.packages{text-align:center;display:flex}.packages .p{border:1px solid #ddd;padding:1rem;margin:.5rem;width:25%;display:inline-block;background:#fff}.packages .p p{margin:.5rem 0 0 0;padding:0;font-size:.85rem}.packages .p:hover{border-color:#00a8af;box-shadow:0 0 .6rem rgba(0,0,0,.2)}@media(max-width:1400px){.banner1 .txt{padding-top:10vw}.img2{margin:4rem 0}.img2 img{left:3vw}.videobox .videotxt{padding-top:5%}}@media(max-width:1000px){.banner1 .txt{padding-top:2vw}.img2{margin:3rem 0}.img2 .info{height:500px}.img2 img{top:-2rem;left:1.5vw;height:580px}.videobox .videotxt{padding-top:5%}.videobox .videotxt h3{margin:1rem 0}}@media(max-width:750px){.banner1 .txt{padding-top:6vw}.img2{margin:2rem 0}.img2 .info{padding-top:3rem;height:400px}.img2 img{top:-1rem;left:-1vw;height:430px}.videobox{min-height:380px}.videobox video{width:auto;height:380px;left:-150px;top:0}.videobox .videotxt{padding-top:10%;margin-left:44%}.videobox .videotxt h3{margin:2rem 0}}.ordernow{background:#00a8af;color:#fff46e!important;display:inline-block;padding:.4rem .8rem;font-size:1rem;border-radius:3px;font-weight:600;text-decoration:none}@media(max-width:500px){.navbar a.cart{font-size:.85rem;padding:.4rem .6rem}.navbar a.cart em{display:none}.navbar a.ordernow{display:none}.navbar-brand{padding-bottom:0;padding-top:0;margin-right:0}.navbar-brand img{max-height:25px;width:auto}.navbar-brand span{text-align:center;padding-left:0;margin-top:.1rem}.menuBox{padding-top:65px}.menuBox .sticky-top{top:52px}.menuBox .catbox{display:flex;flex:1 1 auto;position:relative;overflow:scroll;scrollbar-width:none}.menuBox .catbox a.nav-link{padding:1rem .5rem;font-size:.9rem;flex:0 0 auto;display:list-item}.menuBox .menudetail .pricetype .sideorder{margin:0}.menuBox .menudetail .pricetype .sideorder ul li{border:0;margin:0;padding:.4rem 0;width:98vw}.carousel-inner .banner0{position:relative}.carousel-inner .banner0 .txt{padding-top:0;padding-left:0;position:absolute;bottom:4rem;left:0;width:100%}.carousel-inner .banner0 .txt h2{text-align:center;font-size:10vw;font-weight:900;text-shadow:0 0 2rem rgba(0,0,0,.3)}.carousel-inner .banner0 .txt h3{text-align:center;margin:1rem 0;font-size:1.5rem}.carousel-inner .banner1{position:relative}.carousel-inner .banner1 .txt{padding-top:0;padding-left:0;position:absolute;bottom:2rem;left:0;width:100%}.carousel-inner .banner1 .txt h2{text-align:center;font-size:8vw}.carousel-inner .banner1 .txt h3{text-align:center;margin:1rem 0;font-size:1rem}.carousel-inner .banner1 .txt p{font-size:1rem;text-align:center}.carousel-inner .banner2 .txt{padding-top:30vw;padding-left:0;text-align:center}.carousel-inner .banner2 .txt h2{font-size:10vw;color:#fff;font-weight:900;margin-bottom:3vw}.carousel-inner .banner2 .txt a{font-weight:700;color:#fff46e;margin-left:1rem}.carousel-item{height:55vh}.img2{margin:1rem 0}.img2 img{display:none}.img2 .info{margin:0;padding:2rem 0 2rem 0;text-align:center;height:auto}.img2 .info h3{font-size:2rem;line-height:2rem;margin:.7rem 0 1rem 0}.videobox{min-height:690px;background:none}.videobox video{width:100%;height:auto;left:0;top:0}.videobox .videotxt{margin-left:auto;padding-top:15%;text-align:center}.videobox .videotxt h3{font-size:3rem;font-weight:900;color:#fff;margin:2rem 0 3rem 0}.videobox .videotxt a{margin-left:-10px}.swiperbox{margin:0}.menuinfo_content h1{margin-top:1rem}.packages{display:block}.packages .p{width:100%;margin:0 0 1rem 0}}.getpromo{background:url(https://csitecdn.restaurant888.com/images/ohana/banner2m.webp) no-repeat center -5px;height:80vh;background-size:cover}.getpromo form{backdrop-filter:blur(3px);border-radius:1rem;margin:1rem 0;padding:2rem 1rem 3rem 1rem;color:#fff;background:rgba(0,0,0,.3)}.getpromo form .coupon{font-size:1.2rem;margin-bottom:2rem}.getpromo form .success i.fa{display:block;font-size:3rem;margin:0 auto .5rem auto}