body{background-color: #F0F0FB; font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 40px; color: #242341; font-weight: 400; overflow-x: hidden;}
:focus {outline: 0;}

html,body{width:100%; overflow-x:hidden;}
/*-------toTop-----------*/
#toTop {transition: transform 0.5s ease 0s;	bottom: 25px; padding: 5px; position: fixed; right: 24px; z-index: 9; cursor: pointer; width: 50px; height: 50px;	background-color: #fff;	border-radius: 50%;	box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);}
#toTop img {position: absolute; left: 14px;	z-index: 99; margin-top: 10px;}
#star-svg {position: fixed;	right: 19px; bottom: 20px; width: 80px;	height: 80px;}
/*-------toTop-----------*/
a {text-decoration: inherit; color: #333; font-weight: 500; transition: all 0.5s;}
a:hover {color: #FAD149;}
.btn-check:focus + .btn, .btn:focus {outline: 0; box-shadow: inherit;}
h1, h2, h3, h4, h5, h6 {color: #242341; font-family: dx-hotplace-std, sans-serif; font-weight: 500; font-style: normal; letter-spacing: -3px;}
.h1, h1, .h2, h2 {font-size: 70px; line-height: 85px;} 
.btn {background: #242341; padding: 16px 65px; border-radius: 5px; color: #fff; font-size: 22px;}
.btn:hover {background: #FCEFC4; color: #504A55; transition: all 0.3s;}

.fs-16 {font-size: 16px;}
.fs-22 {font-size: 22px;}
.fs-24 {font-size: 24px;}
.fs-30 {font-size: 30px;}
.fs-40 {font-size: 40px;}
.fs-60 {font-size: 60px;}

.f-family-DXHotplaceStd{font-family: dx-hotplace-std, sans-serif; }

.pt-120 {
    padding-top: 120px;
}
.pt-150{padding-top: 150px;}
.pt-200{padding-top: 200px;}
.pb-200{padding-bottom: 200px;}
/*-------Banner--------*/
.menu-banner {background: url(../images/menu-slider.jpg) no-repeat fixed;}
.covid-banner {background: url(../images/covid19-slider.jpg) no-repeat fixed;}
.contact-banner {background: url(../images/contact-slider.jpg) no-repeat fixed;}


.parallaxScoll{height: 100vh; background-size: 100% 100%;}

.body-px {padding: 0 6vw;}
/*--Header-Start--*/
 header .navbar {width: 100%; background: #FCEFC4; transition: 0.2s all; z-index: 9; position: fixed; top: 50px; height:75px;}
 header .navbar.fixed {top: 0;}
.navbar ul.navbar-nav li {padding: 0 1.6vw;}
.navbar-nav .dropdown:hover .dropdown-menu {visibility: visible; opacity: 1; margin-top: 0;}
.navbar .dropdown-menu {visibility: hidden;	display: inherit; -webkit-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;margin-top: 40px; opacity: 0;}
.navbar-nav .dropdown .dropdown-menu {border: 0; padding: 0;}
.navbar-nav .dropdown .dropdown-menu li {padding: 0;}
.navbar .logo {width: 300px; transition: all 0.5s; position: absolute; top: 17px;}
.navbar.fixed .logo {width: 190px; top: 5px;}
.navbar .navbar-nav li a.nav-link {color: #242341; padding: 0; position: relative; font-size: 1.1vw; letter-spacing: 0.5px;font-family: 'Roboto', sans-serif;}
.navbar-nav li a.nav-link::after, .navbar-nav li a.nav-link::before {transition: all .5s;}
.navbar-nav li.active a.nav-link {border-bottom: solid 2px #504A55; color: #504A55;}
.navbar-nav li.active a.nav-link::after {background: #504A55;}
.navbar-nav li a.nav-link::after {position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0%; content: '.'; color: transparent; background: #242341; height: 2px;}
.navbar-nav li a.nav-link:hover::after {width: 100%;}
.nav-px {padding: 0 7vw;}
/*--Header-End--*/
.header_banner {background-color: #FAD149; text-align: center; padding: 5px 0; position: absolute; top: 0; width: 100%; z-index: 1;}
.banner-bg-clip::after {width: 55vw; height: 110vh; background-color: #242341; background-size: cover; -webkit-clip-path: polygon(0% 0%, 100% 100%, 100% 0%); clip-path: polygon(0% 0%, 100% 100%, 100% 0%); margin-left: auto; content: ''; position: absolute; top: 0; right: 0; z-index: -1;}
.h-slider-info {justify-content: end;   transform: translateY(-7%); align-items: center;}
.h-slider-info .txt-img {width: 40vw; padding-top: 120px;}
.h-slider-info .txt p {font-size: 5vw; line-height: 120px; color: #242341;  position: absolute;
  right: 44%;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
}
.header-img{ background:url(../images/home-slider.png) no-repeat right center; height:1150px; background-size:100%;}
.menu-list a .figure{position: relative; width: 18.3vw; height: 18.3vw;}
.menu-list a {flex: 1 1; text-align: center;}
.menu-list a:hover img {transform: scale(1.06);}
.menu-list a img {border-radius: 50%; transition: all 0.3s;} 
.menu-list a .figure::after, .menu-list a .figure::before {content: ''; background: #FCEFC4; width: 18.3vw; height: 18.3vw; position: absolute; left: -10px; z-index: -1; border-radius: 50%; top: 20px;}
.menu-list a .figure::before {left: 10px; top: -20px; background: #242341;}
.menu-list a span {text-align: center;padding-top: 50px; font-size: 30px; font-family: dx-hotplace-std, sans-serif;}
.hotel-img-scale {overflow: hidden;}
.hotel-img-scale:hover img {transform: scale(1.06);}
.hotel-img-scale img {transition: all 0.5s;}
.our-specials {background: url(../images/h-on-special.jpg) no-repeat fixed center; position: relative;}
.our-specials .ourtxt {padding: 13vw 10vw; position: relative; color: #fff;}
.our-specials::before {content: ''; position: absolute; width: 100%; height: 100%; background: rgba(36,35,65, 0.5); left: 0;}
.border-img {position: relative; padding: 0 30px;}
.border-img::before, .border-img::after {content: ''; position: absolute; left: 0px; top: 50px; width: 90%; height: 97.6%; background-color: #FCEFC4; z-index: -1;}
.border-img::after {right: 0px; top: -30px; left: auto; background-color: #242341;}
.bring-txt {padding: 0 0 0 7vw;}
.map iframe {height: 665px; margin-bottom: -10px;}
.footer-bg-color {background-color: #14172D; color: #fff;}
.footer-bg-color a {color: #fff;}
.footer-bg-color a:hover {color: #FAD149;}
.footer-info h2 {color: #FAD149;}
.footer-info li {font-size: 22px; line-height: 50px;}
.footer-sec {padding: 10vw 0 5vw;}
.footer-logo ul {display: flex; flex-wrap: wrap; justify-content: flex-end;}
.footer-logo ul li {padding: 20px 1.5vw;}
.social-icons .icon {width: 30px; height: 30px; fill: #fff; cursor: pointer; transition: all 0.5s;}
.social-icons ul li:first-child .icon { width: 35px; height: 35px;}
.social-icons ul li a {padding: 0 10px; margin: 0 10px; border-radius: 50%; width: 80px; height: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #4A4A4A;}
.social-icons li:hover .icon {fill: #4A4A4A;}
.social-icons ul li:hover a {fill: #4A4A4A; background-color: #FAD149;}
.copyright_sec {padding-top: 50px;}
.copyright_sec .copyright p {font-size: 20px;}
.bring-btn .btn {width: 17.6vw; padding: 16px 10px; margin-top: 20px; transition: all 0.5s; font-size: 1.1vw;}

.btn.menu-btn {padding: 11px 36px; background: #FAD149; font-size: 1.2vw; margin-left: 20px;}
.btn.menu-btn:hover {background-color: #504A55; color: #fff;}
   /*-------tabbing--------*/
    .tabs-container nav {margin: 0 auto;}
    .tabs-container nav ul {list-style: none; margin: 0; padding: 0;}
    .tabs-container .nav-tabs .nav-item.show .nav-link, .tabs-container .nav-tabs .nav-link.active {color: #fff; background-color: #242341; border-color: #242341;}
    .tabs-container {position: relative; top: -90px; margin-top: 150px;}
    .tabs-container nav {position: absolute; width: 100%; z-index: 1;}
    .tabs-container nav ul {display: flex;  flex-direction: column;}
    .tabs-container nav ul li {order: 1; cursor: pointer;}
    .tabs-container nav ul li.active {order: 0;}
    .tabs-container nav ul li.active:after {width: 1px; height: 1px; border: 5px solid transparent; border-top: 5px solid #fff; border-width: 16px; content: ''; position: absolute; right: 1.5em; top: 1.7em; z-index: 9999;}
    .tabs-container nav ul li:not(.active) {position: absolute; top: -999em;}
    .tabs-container nav ul.expanded li.active:after{ border-top-color: transparent; border-bottom-color: #222; top: 0.5em;}
    .tabs-container nav ul.expanded li:not(.active) {position: relative; top: auto;}
    .tab-content{display: none;}
    .tab-content.current{display: inherit;}
    .datatab .nav-tabs .nav-link {flex: 1 1; text-align: center; font-size: 22px; padding: 14px 0; line-height: 28px; background-color: #fcefc4; border: 2px solid #f7d9a0; border-radius: 0; color: #14172D; text-transform: uppercase; height: 90px; align-items: center; display: grid;}
    .datatab .nav-tabs .nav-link:hover {background: #242341; color:#fff;}
    @media all and (min-width: 62em) {
   .tabs-container nav ul {display: flex; flex-direction: row;justify-content: center; white-space: nowrap; overflow: hidden; border: none; padding: 0;}
   .tabs-container nav ul li:not(.active) {position: relative; top: auto;}
   .tabs-container nav ul li.active {order: 1;}
   .tabs-container nav ul li.active:after {display: none;} }

 /*-------tabbing--------*/
.nav-tabs small {font-size: 16px;}
.menu-item {border: 2px dashed #707070; padding: 30px; border-radius: 10px;}
.menu-item h3 {font-size: 35px; color: #242341;}
.fs-60.text-center.p5 {padding: 100px 0 50px;}
.tab-content h2 {padding: 100px 0 0;}
.pt-30 {padding-top: 36px;}
.contact-info {line-height: 50px;}
.drinks-menu ul{flex: 1 1;}


@media only screen and (max-width:1600px) {
.h-slider-info .txt p{ right:43%;}
.header-img{ height:980px;}

}
@media only screen and (max-width:1440px) {
    body {font-size: 24px;}
    .h1, h1, .h2, h2 {font-size: 62px; line-height: 75px;}
    .banner-bg-clip::after {width: 54vw; height: 110vh;}
    .h-slider-info .txt-img {width: 46vw; padding-top: 180px;}
    .navbar .navbar-nav li a.nav-link {font-size: 1.3vw;}
    .h-slider-info .txt p {padding-right: 40px; line-height: 95px;}
    .menu-list a span {padding-top: 36px; font-size: 22px;}
    .pt-150 {padding-top: 120px;}
    .bring-txt {padding: 0 0 0 5vw;}
    .h-slider-info .txt p{ right:43%;}
    .header-img {height: 870px;}
}


@media only screen and (max-width:1366px) {  
    .pb-200 {padding-bottom: 110px;}
    .h1, h1 {font-size: 70px; line-height: 85px;}
    .fs-60 {font-size: 50px;}
    .menu-item h3 {font-size: 28px;}
    .tab-content h2 {padding: 50px 0 0;}
    .datatab .nav-tabs .nav-link {font-size: 18px; height: 75px;}

}
   

@media only screen and (max-width:1280px) {
   body {font-size: 24px;}
   .h2, h2 {font-size: 50px; line-height: 70px;}
    .menu-list a span {padding-top: 34px;font-size: 24px;}
    .menu-list a .figure::after{top: 10px;}
    .menu-list a .figure::before {top: -10px;}
    .nav-px {padding: 0 5vw;}
    .h-slider-info .txt p {line-height: 85px;}
    .bring-btn .btn {width: 22.6vw; font-size: 1.3vw;}
    .header-img {height: 780px;}
    .banner-bg-clip::after {
        width: 54vw;
        height: 82vh;
    }
}

@media only screen and (max-width:1199px) {
    .footer-info li {font-size: 20px; line-height: 45px;}
    .datatab .nav-tabs .nav-link {font-size: 16px; height: 70px;}
    .parallaxScoll {
       
        background-attachment: inherit;
        background-attachment: initial;
        background-size: 100% 100%;
    }
}

@media screen and (min-device-width: 1000px) and (max-device-width: 1240px) {
    .parallaxScoll {
        height: 56vh;
        background-size: 100% 100%;
        background-attachment: inherit;
        background-attachment: initial;
        background-size: 100% 100%;
    }
    .our-specials {
        background-size: cover;
        background-attachment: inherit;
        background-attachment: initial;
    }
}



@media only screen and (max-width:999px) {   
     /*-----Start-mobile-responsive-----*/
    .navbar-nav.dropdown-toggle:empty::after {margin-left: 0; position: absolute; right: 20px;	top: 20px;}
    .navbar-nav .nav-link {display: inline-block; line-height: 50px;}
    .navbar-nav .dropdown-toggle::after, .navbar-nav .dropdown-toggle::before {content: ''; margin-left: 0; position: absolute; right: 7px; top: 16px; width: 30px; height: 4px; border: 0; background: #ccc; line-height: 30px; cursor: pointer; transition: all 0.5s;}
    .navbar-nav .dropdown-toggle::before {transform: rotate(90deg);}
    .navbar-nav .dropdown-toggle.show::before {transform: rotate(180deg);}    
    .navbar .collapse:not(.show) {display: block;}
    .navbar-collapse {position: fixed; top: 0; bottom: 0; left: 100%; width: 100%; height: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; background-color: #FCEFC4; transition: ease-in-out, transform .3s ease-in-out; transform: translateX(0); z-index: 1; padding-top: 200px;}
    .navbar-collapse.show {transform: translateX(-100%);}
    .navbar-toggler .menu-icon, .navbar-toggler .menu-icon::before, .navbar-toggler .menu-icon::after {content: ''; display: block; position: absolute; left: 0; right: 0; height: 3px; background: #4A4A4A; border-radius: 1px; cursor: pointer; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; width: 2.2em;}
    .navbar-toggler .menu-icon::before {top: 10px;}
    .navbar-toggler .menu-icon::after {bottom: -20px; left: initial;}
    .navbar-toggler {display: block; position: absolute; width: 50px; height: 36px; transform: translateY(-50%); right: 20px; cursor: pointer; z-index: 100; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; top: 50%}
    .navbar-light .navbar-toggler {color: inherit; border: 0;}
    .navbar-toggler:focus {box-shadow: inherit;}
    .navbar .dropdown-menu {visibility: visible; display: none; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; margin-top: 0; opacity: 1; background-color: inherit; }
    .dropdown-menu.show {display: block;}
    .navbar-toggler[aria-expanded="true"] .menu-icon::before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
    .navbar-toggler[aria-expanded="true"] .menu-icon::after {bottom: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 2.2em;}
    .navbar-toggler[aria-expanded="true"] .menu-icon {background: none;}
    .navbar-nav .dropdown-toggle {position: absolute; right: 0; top: 10px; height: 36px; width: 42px; z-index: 99; cursor: pointer;}
    .navbar-brand {z-index: 2; margin: 0 auto;}    
    .navbar .icon {fill: #fff;width: 42px; height: 42px; position: absolute; z-index: 99; top: 50%;transform: translateY(-50%);}
    .nav-px {padding: 0 3vw;}
    .navbar ul.navbar-nav li {text-align: center;}
    .navbar-nav li.active a.nav-link {border-bottom: inherit;}
    .navbar .navbar-nav li a.nav-link{font-size: 26px;}
    .navbar-nav li a.nav-link:hover::after {width: 0;}
    header .navbar{ height:auto;}
    /*-----End-mobile-responsive-----*/
    body {
        font-size: 20px;
        line-height: 35px;
    }
    .body-px {padding: 0 8vw;}
    .btn.menu-btn {font-size: 18px; right: 67px; position: relative;}
    .banner-bg-clip::after {
        height: 67vh;
        width: 67vw;
    }
    .navbar .logo {top: 15px;}
    .navbar.fixed .logo {width: 175px;}
    .h-slider-info .txt-img {width: 54vw; padding-top: 150px;}
    .h-slider-info .txt p {line-height: 60px; padding-right: 38px; font-size: 40px;}
    .welcome .pt-120 {padding-top: 30px;}
    .h1, h1 {font-size: 45px; line-height: 50px;}
    .h2, h2 {font-size: 40px;}
    .pt-150 {padding-top: 80px;}
    .menu-list a .figure::after, .menu-list a .figure::before, .menu-list a .figure {width: 30.3vw; height: 30.3vw;}
    .menu-list a {flex: auto; text-align: center; width: 50%; padding-bottom: 60px;}
    .our-specials .ourtxt {padding: 13vw 0;}    
    .bring-txt {padding: 50px 0 0;}
    .pt-200 {padding-top: 100px;}
    .footer-sec .body-px {padding: 0 5vw;}
    .footer-logo ul li {padding: 20px 2vw;}
    .copyright_sec .copyright p {font-size: 18px;}
    .social-icons ul li a {width: 60px; height: 60px;}
    .fs-60 {font-size: 45px;}
    .body-px {padding: 0 3vw;}
    .tab-content h2 {margin-bottom: -15px;}
    .header_banner {padding: 8px 0;}
    .parallaxScoll {height: 56vh; /*background-size: 190% 868px;*/ background-position-x: center;}
    .datatab .nav-tabs .nav-link{text-align: left; padding: 14px 30px}
    .tabs-container .nav-tabs .nav-item.show .nav-link, .tabs-container .nav-tabs .nav-link.active {color: #fff; background-color: #242341; border-color: #242341;}
    .tabs-container nav ul {display: block;}
    .datatab .nav-tabs .nav-link {padding: 14px 16px;}
    .menu-item h3 {font-size: 25px;}
    #star-svg {bottom: 10px;}
    #toTop {bottom: 15px;}
    .bring-sec .body-px {padding: 0 7vw;}
    .navbar-toggler.open {top: 0;}    
    .navbar .myClass .logo {top: -10px;}
    .navbar.fixed .myClass .logo {top: 16px;}
    .navbar.fixed .navbar-toggler.open {top: 50px;}
    .contact-info {line-height: 40px;}
    .pt-120 {padding-top: 80px;}
    .map iframe {height: 465px;}
    .bring-sec.pt-200 {padding-top: 130px;}
    .pt-200 {padding-top: 100px;}
    .covid-19 {padding-left: 80px; padding-right: 80px;}
    .covid-19 h1 {padding-bottom: 20px !important;}
    .bring-btn .btn {width: auto; font-size: 18px; padding: 16px 30px;}
    .heading h3 {padding-top: 20px;}
    .nav-tabs.expanded .nav-link.active {border-radius: 0;}
    .tabs-container .nav-tabs.expanded .nav-link.active {border-color: #242341;}
    .datatab .nav-tabs .nav-link {background-color: #fcefc4; color: #242341; border: 0;}
    .tabs-container nav ul {border: 2px solid #242341; padding-bottom: 1px;}
    .tabs-container .nav-tabs.expanded .nav-link {border-top: 0; border-left: 0; border-right: 0; border-bottom: 2px solid #242341;}
    h1, h2, h3, h4, h5, h6{ letter-spacing:0}
    .h-slider-info {
        transform: translate(17px,0%);
    }
    .our-specials {background-size: cover; height: 100%;}
    .header-img {background-size: 127%;}
    .h-slider-info .txt p {right: 60%;}
    .our-specials {
        background-size: cover;
        background-attachment: inherit;
        background-attachment: initial;
    }
}

@media only screen and (max-width:767px) {
    body {font-size: 18px;}
    .h1, h1, .h2, h2 {font-size: 27px; line-height: 45px;}
    .fs-22 {font-size: 16px;}
    .navbar .logo {width: 177px; top: 13px;}
     header .navbar {padding: 33px 0 16px;}
    .h-slider-info .txt p {line-height: 37px; padding-right: 5px; font-size: 24px;}
    .h-slider-info .txt-img {width: 63vw; padding-top: 125px;}
    .welcome .mob-px {padding: 0 20px;}
    .welcome .mob-px .px-mob-p {padding: 0 18px; font-size: 24px;}
    .welcome .mob-px h2 {padding: 0 40px;}
    .menu-list a {width: 100%;}
    .menu-list a .figure::after, .menu-list a .figure::before, .menu-list a .figure {width: 225px; height: 225px;}
    .ourtxt h2 {font-size: 40px; line-height: 50px;}
    .our-specials {
        background-position: center;
        background-attachment: revert;
        background: url(../images/h-on-special-M.jpg) no-repeat;
        background-size: cover;
    }
    .our-specials .ourtxt {padding: 30vw 0;}
    .border-img::before{display: none;}
    .border-img {padding: 0 16px 0 0;}
    .border-img::after {top: -16px;}    
    .bring-txt {padding: 0 0 70px;}
    .bring-txt h2 {text-align: center;}
    .map iframe {height: 365px; margin-bottom: -10px;}
    .footer-sec .body-px {padding: 0 35px;}
    .footer-logo ul {justify-content: space-between;}
    .copyright_sec .copyright p {font-size: 14px; text-align: center;}
    .copyright_sec .social-icons ul {justify-content: center;}
    #toTop {bottom: 85px;}
    #star-svg {bottom: 80px;}
    .footer-info li {font-size: 18px; padding-right: 30px;}
    .copyright_sec {padding-top: 35px;}
    .body-px {padding: 0 16px;}
    .fs-60 {font-size: 27px;}
    .tab-content h2 {padding: 0;}
    .datatab .nav-tabs .nav-link {padding: 14px 16px; height: 60px; font-size: 18px;}
    .tabs-container nav ul li.active::after {right: 30px; top: 26px; border-width: 10px;}    
    .tabs-container nav ul.expanded li.active::after {top: 14px;}
    .menu-item {padding: 18px;}
    .menu-item h3 {font-size: 20px;}
    .pb-200 {padding-bottom: 60px;}
    .pt-150 {padding-top: 20px;}
    .parallaxScoll {height: auto; background: none;}
    .welcome-inner .pt-150 {padding-top: 80px;}
    .nav-tabs small {font-size: 13px;}
    .tabs-container {top: -110px;}
    .pt-120 {padding-top: 50px;}
    .contact-info {line-height: 38px;}
    .navbar.fixed .logo {top: 2px; width:140px;}
    .navbar-toggler {top: 55%;}
    .navbar-collapse {padding-top: 120px;}
    .covid-19 {padding-left: 20px; padding-right: 20px;}
    .covid-19 h1 {padding-bottom: 10px !important;}
    .bring-sec.pt-200 {padding-top: 50px;}    
    .menu-list a span{ font-size:18px; padding-top:20px;}
    .pt-30 { padding-top: 25px; }
    .h-slider-info {transform: translate(19px,1%);}
    .header-img {
        height: 646px;
    }
   
    .banner-bg-clip::after {
        height: 52vh;
        width: 59vw;
    }
    }
@media only screen and (max-width:620px) {
    .header-img {
        height: 574px;
    }
    .h-slider-info {
        transform: translate(3px,0%);
    }

}

@media only screen and (max-width:575px) {
    .navbar .logo {width: 163px; top: 5px;}
    .drinks-menu tbody tr td:last-child {padding-left: 20px;}

    .header-img {
        height: 455px;
    }

}

@media only screen and (max-width:380px) {
    .h-slider-info .txt p {line-height: 30px; font-size: 20px;}

}