/*================================================
Default CSS
=================================================*/
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i");
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Vollkorn&display=swap');
body { font-family: 'Vollkorn', serif !important; padding: 0; margin: 0;  background-color:#000;}
a { color: #000000; text-decoration: none; -webkit-transition: .4s; transition: .4s; display: inline-block; outline: 0; }
a:hover, a:focus { text-decoration: none; color: #c8a757; }
img { max-width: 100%; }
.d-table { width: 100%; height: 100%; }
.d-table-cell { vertical-align: middle; }
.ptb-100 { padding-top: 100px; padding-bottom: 100px; }
p { font-size: 14px; color: #333; font-family: 'Montserrat', sans-serif; line-height: 28px; }
/* btn */
.btn { font-weight: 600; font-size: 15px; border-width: 2px; line-height: unset; padding: 12px 35px 8px; border-radius: 0; text-transform: uppercase; letter-spacing: 2px; }
.btn-primary { color: #ffffff; background-color: #000000; border-color: #C8A757; position: relative; z-index: 1; -webkit-transition: .8s; transition: .8s; cursor:pointer;}
.btn-primary::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 50%; background: #C8A757; z-index: -1; -webkit-transition: .4s; transition: .4s; }
.btn-primary::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: #C8A757; z-index: -1; -webkit-transition: .4s; transition: .4s; }
.btn-primary.disabled, .btn-primary:disabled { color: #ffffff; background-color: #C8A757; border-color: #C8A757; opacity: 1; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #f10909; background-color: transparent; border-color: #f10909; }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: unset; box-shadow: unset; }
.btn-primary.focus, .btn-primary:focus { -webkit-box-shadow: unset; box-shadow: unset; }
.btn-primary:hover, .btn-primary:focus { color: #fff; background-color: transparent; border-color: #fff; }
.btn-primary:hover::before, .btn-primary:focus::before { height: 0; }
.btn-primary:hover::after, .btn-primary:focus::after { height: 0; }
/* Owl btn */
.owl-theme .owl-controls { line-height: .1; }
.owl-theme .owl-controls .owl-dots { margin-top: 12px; }
.owl-theme .owl-controls .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 0 4px; background: #dddddd; -webkit-transition: .4s; transition: .4s; }
.owl-theme .owl-controls .owl-dots .owl-dot.active span, .owl-theme .owl-controls .owl-dots .owl-dot:hover span, .owl-theme .owl-controls .owl-dots .owl-dot:focus span { background: #fff6c6; }
.owl-theme .owl-controls .owl-nav { margin-top: 0; }
.owl-theme .owl-controls .owl-nav [class*="owl-"] { position: absolute; font-size: 25px; margin: 0; padding: 0; background: rgba(255, 255, 255, 0.3); border-radius: 50%; top: 50%; left: 40px; width: 50px; height: 50px; line-height: 56px; -webkit-transition: .4s; transition: .4s; }
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover { background: #c8a757; }
.owl-theme .owl-controls .owl-nav .owl-next { left: auto; right: 40px; }
/* Section Title */
.section-title { text-align: center; margin-top: -13px; margin-bottom: 35px; }
.section-title span { font-family: 'Montserrat', sans-serif; display: block; font-size: 30px; color: #C8A757; }
.section-title h2 { font-size: 38px; font-weight: 900; margin: 0; color:#C8A757; }
/* form control */
.form-control { height: 40px; padding: 10px 10px 2px; font-size: 15px; color: #777777; border: 1px solid #eeeeee; border-radius: 5px; }
 .form-control::-webkit-input-placeholder {
 color: #777777;
}
 .form-control:-ms-input-placeholder {
 color: #777777;
}
 .form-control::-ms-input-placeholder {
 color: #777777;
}
 .form-control::placeholder {
 color: #777777;
}
.form-control:focus { -webkit-box-shadow: unset; box-shadow: unset; border-color: #f10909; }
:focus { outline: 0 !important; }
/*================================================
Preloader Area CSS
=================================================*/
.preloader-area { position: fixed; left: 0; height: 100%; width: 100%; top: 0; z-index: 999999; background: #ffffff; }
.preloader-area .sk-circle { width: 60px; height: 60px; position: relative; left: 0; right: 0; margin: 0 auto; top: 50%; margin-top: -70px; }
.preloader-area .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.preloader-area .sk-circle .sk-child::before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #f10909; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
.preloader-area .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); transform: rotate(30deg); }
.preloader-area .sk-circle .sk-circle2::before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.preloader-area .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); transform: rotate(60deg); }
.preloader-area .sk-circle .sk-circle3::before { -webkit-animation-delay: -1s; animation-delay: -1s; }
.preloader-area .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.preloader-area .sk-circle .sk-circle4::before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.preloader-area .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); transform: rotate(120deg); }
.preloader-area .sk-circle .sk-circle5::before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.preloader-area .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); transform: rotate(150deg); }
.preloader-area .sk-circle .sk-circle6::before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.preloader-area .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.preloader-area .sk-circle .sk-circle7::before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.preloader-area .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); transform: rotate(210deg); }
.preloader-area .sk-circle .sk-circle8::before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.preloader-area .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); transform: rotate(240deg); }
.preloader-area .sk-circle .sk-circle9::before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.preloader-area .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
.preloader-area .sk-circle .sk-circle10::before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.preloader-area .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); transform: rotate(300deg); }
.preloader-area .sk-circle .sk-circle11::before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.preloader-area .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); transform: rotate(330deg); }
.preloader-area .sk-circle .sk-circle12::before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
.preloader-area .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #ffffff; z-index: -1; -webkit-transform: translateX(0); transform: translateX(0); }
.preloader-area .loader-section.loader-section.section-left { left: 0; }
.preloader-area .loader-section.loader-section.section-right { right: 0; }
 @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 40% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes sk-circleBounceDelay { 0%, 80%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 40% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
.loaded .preloader-area { visibility: hidden; }
.loaded .preloader-area .loader-section.section-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.loaded .preloader-area .loader-section.section-right { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
/*================================================
Header Area CSS
=================================================*/
.top-area { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 999; background: transparent; }
.top-area .top-bar { background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding-top: 10px; padding-bottom: 10px; }
.top-area .top-bar .call-to-action p { margin: 0 13px 0 0; display: inline-block; color: #ffffff; font-size: 15px; }
.top-area .top-bar .call-to-action p i { margin-right: 3px; font-size: 16px; }
.top-area .top-bar .call-to-action p a { color: #ffffff; }
.top-area .top-bar .call-to-action p a:hover, .top-area .top-bar .call-to-action p a:focus { color: #f10909; }
.top-area .top-bar .top-social { float: right; padding: 0; margin: 0 0 0 10px; list-style-type: none; }
.top-area .top-bar .top-social li { display: inline-block; }
.top-area .top-bar .top-social li a { color: #ffffff; font-size: 15px; margin-left: 5px; }
.top-area .top-bar .top-social li a:hover, .top-area .top-bar .top-social li a:focus { color: #f10909; }
.top-area .top-bar .opening-hours { float: right; }
.top-area .top-bar .opening-hours p { font-size: 15px; color: #ffffff; margin-bottom: 0; }
.top-area .top-bar .opening-hours p i { margin-right: 3px; font-size: 16px; }
.top-area .top-bar.template-color-bg { background: #f10909; border-bottom: none; }
.top-area .top-bar.template-color-bg .call-to-action p a { color: #ffffff; }
.top-area .top-bar.template-color-bg .top-social li a { color: #ffffff; }
.bg-light { background-color: transparent !important; }
.transparent-navbar.navbar-expand-lg .navbar-brand.black-logo { display: none; }
.transparent-navbar.navbar-expand-lg .navbar-brand img { height: 65px; }
.transparent-navbar.navbar-expand-lg .navbar-nav .nav-item { padding-right: 15px; padding-left: 15px; }
.transparent-navbar.navbar-expand-lg .navbar-nav .nav-item .nav-link { letter-spacing: 1px; padding-right: 0; padding-left: 0; padding-top: 0; padding-bottom: 0; color: #ffffff; font-size: 14px; text-transform: uppercase; }
.transparent-navbar.navbar-expand-lg .navbar-nav .nav-item .nav-link.active, .transparent-navbar.navbar-expand-lg .navbar-nav .nav-item .nav-link.show, .transparent-navbar.navbar-expand-lg .navbar-nav .nav-item .nav-link:hover, .transparent-navbar.navbar-expand-lg .navbar-nav .nav-item .nav-link:focus { color: #C8A757; }
.transparent-navbar.navbar-expand-lg .navbar-nav .nav-item:last-child { padding-right: 0; }
.transparent-navbar.is-sticky .navbar-brand { display: none; }
.transparent-navbar.is-sticky .navbar-brand.black-logo { display: block; padding-top: 0; padding-bottom: 0; }
.transparent-navbar.is-sticky .navbar-nav .nav-item { margin-top: 3px; }
.transparent-navbar.is-sticky .navbar-nav .nav-item .nav-link { color: #fff; }
.transparent-navbar.is-sticky .navbar-nav .nav-item .nav-link.active, .transparent-navbar.is-sticky .navbar-nav .nav-item .nav-link.show, .transparent-navbar.is-sticky .navbar-nav .nav-item .nav-link:hover, .transparent-navbar.is-sticky .navbar-nav .nav-item .nav-link:focus { color: #C8A757; }
.white-bg-navbar.navbar-expand-lg { background: #ffffff !important; }
.white-bg-navbar.navbar-expand-lg .navbar-brand { display: none; }
.white-bg-navbar.navbar-expand-lg .navbar-brand.black-logo { display: block; }
.white-bg-navbar.navbar-expand-lg .navbar-brand img { height: 65px; }
.white-bg-navbar.navbar-expand-lg .navbar-nav .nav-item { margin-top: 7px; padding-right: 15px; padding-left: 15px; }
.white-bg-navbar.navbar-expand-lg .navbar-nav .nav-item .nav-link { padding-right: 0; padding-left: 0; padding-top: 0; padding-bottom: 0; color: #000000; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.white-bg-navbar.navbar-expand-lg .navbar-nav .nav-item .nav-link.active, .white-bg-navbar.navbar-expand-lg .navbar-nav .nav-item .nav-link.show, .white-bg-navbar.navbar-expand-lg .navbar-nav .nav-item .nav-link:hover, .white-bg-navbar.navbar-expand-lg .navbar-nav .nav-item .nav-link:focus { color: #f10909; }
.white-bg-navbar.navbar-expand-lg .navbar-nav .nav-item:last-child { padding-right: 0; }
.middle-logo-navbar.navbar-expand-lg .navbar-brand { display: none; }
.middle-logo-navbar.navbar-expand-lg .navbar-nav { margin-left: auto; margin-right: auto; }
.middle-logo-navbar.navbar-expand-lg .navbar-nav .nav-item { padding-right: 25px; padding-left: 25px; padding-top: 25px; }
.middle-logo-navbar.navbar-expand-lg .navbar-nav .nav-item.logo { padding-top: 0; padding-right: 45px; padding-left: 45px; }
.middle-logo-navbar.navbar-expand-lg .navbar-nav .nav-item.logo .black-logo { display: none; }
.middle-logo-navbar.navbar-expand-lg .navbar-nav .nav-item.logo img { height: 60px; }
.middle-logo-navbar.navbar-expand-lg .navbar-nav .nav-item:first-child { padding-left: 0; }
.middle-logo-navbar.white-bg-navbar.navbar-expand-lg .navbar-brand.black-logo { display: none; }
.middle-logo-navbar.white-bg-navbar.navbar-expand-lg .navbar-nav .nav-item.logo { padding-top: 0; }
.middle-logo-navbar.white-bg-navbar.navbar-expand-lg .navbar-nav .nav-item.logo img { display: none; }
.middle-logo-navbar.white-bg-navbar.navbar-expand-lg .navbar-nav .nav-item.logo .black-logo { display: block; }
.middle-logo-navbar.is-sticky .navbar-brand { display: none; }
.middle-logo-navbar.is-sticky .navbar-brand.black-logo { display: none; }
.middle-logo-navbar.is-sticky .navbar-nav .nav-item.logo img { display: none; }
.middle-logo-navbar.is-sticky .navbar-nav .nav-item.logo .black-logo { display: block; }
.navbar.navbar-light.is-sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; padding: 5px 0; background-color: rgba(0, 0, 0, 0.8) !important; -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1); -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; }
/*================================================
Main Banner Area CSS
=================================================*/
.main-banner { height: 750px; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 1; position: relative; }
.main-banner::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: .6; z-index: -1; }
.main-banner::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-image: url(img/dots.png); background-repeat: repeat; z-index: -1; }
.main-banner .bottom-bg { opacity: 1; }
.main-banner #canvas { opacity: 1; }
.main-banner.ripple-effect::before { z-index: 1; }
.main-banner.ripple-effect .main-banner-content { position: relative; z-index: 2; }
.item-bg-one { background-image: url(../img/slider1-harlow.jpg); }
.item-bg-two { background-image: url(../img/slider2-harlow.jpg); }
.item-bg-three { background-image: url(../img/slider3-harlow.jpg); }
.item-bg-four { background-image: url(../img/slider4-harlow.jpg); }

.item-bg-one-chig { background-image: url(../img/slider1.jpg); }
.item-bg-two-chig { background-image: url(../img/slider2.jpg); }
.item-bg-three-chig { background-image: url(../img/slider3.jpg); }
.item-bg-four-chig { background-image: url(../img/slider4.jpg); }

.main-banner-content { margin-top: 50px; text-align: center; }
.main-banner-content h1 { font-family: 'Montserrat', sans-serif; color: #ffffff; margin: 0 0 20px 0; font-size: 50px; font-weight: 700; }
.main-banner-content h3 { color: #ffffff; font-size: 25px; font-weight: 500; letter-spacing: 2px; margin: 0 0 40px 0; }
.main-banner-content h3 .typewrite { color: #ffffff; }
.down_arrow .scroll_down { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; height: 50px; width: 30px; z-index: 5; bottom: 30px; background-color: transparent; border: 2px solid #ffffff; border-radius: 20px; cursor: pointer; -webkit-animation: movebounce 3s linear infinite; animation: movebounce 3s linear infinite; outline: none; }
.down_arrow .scroll_down::before { position: absolute; top: 10px; left: 50%; content: ''; width: 6px; height: 6px; margin-left: -3px; background-color: #ffffff; border-radius: 100%; -webkit-animation: scroll_down_btn-animation 2s infinite; animation: scroll_down_btn-animation 2s infinite; }
 @keyframes scroll_down_btn-animation { 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
 opacity: 0;
}
 40% {
 opacity: 1;
}
 80% {
 -webkit-transform: translate(0, 20px);
 transform: translate(0, 20px);
 opacity: 0;
}
 100% {
 opacity: 0;
}
}
 @-webkit-keyframes scroll_down_btn-animation { 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
 opacity: 0;
}
 40% {
 opacity: 1;
}
 80% {
 -webkit-transform: translate(0, 20px);
 transform: translate(0, 20px);
 opacity: 0;
}
 100% {
 opacity: 0;
}
}
#particles-js { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
#particles-js-two { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
#particles-js-three { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.video-banner { overflow: hidden; }
.video-banner .video-background { position: absolute; left: 0; top: 0; min-height: 100%; min-width: 100%; z-index: -2; }

 @-webkit-keyframes wave { 0% {
 margin-left: 0;
}
 100% {
 margin-left: -1600px;
}
}
 @keyframes wave { 0% {
 margin-left: 0;
}
 100% {
 margin-left: -1600px;
}
}
 @-webkit-keyframes swell { 0%, 100% {
 -webkit-transform: translate3d(0, -25px, 0);
 transform: translate3d(0, -25px, 0);
}
 50% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
}
 @keyframes swell { 0%, 100% {
 -webkit-transform: translate3d(0, -25px, 0);
 transform: translate3d(0, -25px, 0);
}
 50% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
}
/*================================================
Story Area CSS
=================================================*/
.story-area { position: relative; z-index: 1; background:#f7f7f7;}
.story-image .col-lg-6 img { margin-top: 30px; border-radius: 3px; }
.story-image .col-lg-6 img:nth-child(1) { margin-top: 0; }
.story-image .col-lg-6:last-child img { margin-top: 35px; }
.story-content { margin-top: 0; }
.story-content .section-title { text-align: left; margin-bottom: 20px; }
.story-content .story-quote .quote-content p { margin-bottom: 20px; }
.story-content .story-quote .quote-info { position: relative; padding-top: 10px; }
.story-content .story-quote .quote-info img { position: absolute; left: 0; top: 0; width: 65px; height: 65px; border-radius: 50%; }
.story-content .story-quote .quote-info h3 { font-size: 30px; font-weight: 700; margin-bottom: 3px; color: #000000; }
.story-content .story-quote .quote-info span { display: block; color: #666; }
#canvas { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.3; z-index: -1; }
.line-bg { position: absolute; right: 0; bottom: 0; height: auto; width: auto; z-index: 2; }
/*================================================
Offer Area CSS
=================================================*/
.offer-area { position: relative; z-index: 1; background: #000; background-position: center center; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; }
/*.offer-area::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: .7; z-index: -1; }*/
.offer-area .section-title h2 { color: #810054; }
.single-offer .offer-content { background-color: #ffffff; padding: 30px; margin-left: 30px; margin-right: 30px; margin-top: -30px; position: relative; border-radius: 5px; }
.single-offer .offer-content h3 { font-size: 22px; font-weight: 700; margin: -3px 0 15px; line-height: 30px; }
.single-offer .offer-content h3 span { display: block; font-size: 15px; text-transform: capitalize; margin-bottom: 2px; color: #f10909; }
.single-offer .offer-content p { margin-bottom: 20px; }

/*================================================
Stunning Things Area CSS
=================================================*/

/*================================================
Video Area CSS
=================================================*/

.video-area::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: .7; z-index: -1; }
.video-area .video-content { text-align: center; }
.video-area .video-content h2 { color: #ffffff; font-size: 50px; font-weight: 700; text-transform: capitalize; margin-top: -5px; margin-bottom: 25px; }
.video-area .video-content a { color: #ffffff; font-size: 50px; margin-bottom: -20px; }
.video-area .video-content a:hover, .video-area .video-content a:focus { color: #f10909; }

/*================================================
Reservation Area CSS
=================================================*/
.reservation-area { background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-image:url(../img/bg-online-order.jpg); z-index: 1; text-align: center; position: relative; }
.reservation-area::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: .7; z-index: -1; }
.reservation-area::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-image: url(img/dots.png); background-repeat: repeat; z-index: -1; }
.reservation-area h2 { color: #ffffff; font-size: 34px; font-weight: 700; text-transform: capitalize; margin-top: -5px; margin-bottom: 25px; }
/*================================================
Reservation Modal CSS
=================================================*/
#reservationModal .modal-dialog { max-width: 650px; }
#reservationModal .modal-dialog .modal-content { border: none; border-radius: 5px; }
#reservationModal .modal-dialog .modal-content .modal-header { padding: 12px 25px 10px; display: block; background: #f10909; position: relative; }
#reservationModal .modal-dialog .modal-content .modal-header .modal-title { margin-bottom: 0; line-height: 1; color: #ffffff; font-size: 22px; }
#reservationModal .modal-dialog .modal-content .modal-header .close { padding: 0; margin: 0; position: absolute; right: 20px; top: 10px; opacity: 1; color: #ffffff; }
#reservationModal .modal-dialog .modal-content .modal-body { padding: 25px; }
#reservationModal .modal-dialog .modal-content .modal-body .modalForm { overflow: hidden; }
#reservationModal .modal-dialog .modal-content .modal-body .modalForm .form-control { padding: 4px 10px 0; }
#reservationModal .modal-dialog .modal-content .modal-body .modalForm .btn { text-align: center; font-size: 14px; letter-spacing: 1px; border-radius: 1px; padding: 12px 30px 8px; margin-top: 4px; float: right; }
/*================================================
Gallery Area CSS
=================================================*/
.gallery-area { position: relative; }
.single-image { text-align: center; position: relative; overflow: hidden; }
.single-image::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0; visibility: hidden; -webkit-transition: .4s; transition: .4s; }
.single-image .image-content { position: absolute; bottom: -32px; left: 0; width: 100%; height: auto; background: #f10909; z-index: 2; padding: 15px 0; opacity: 0; visibility: hidden; -webkit-transition: .4s; transition: .4s; }
.single-image .image-content h3 { margin-bottom: 0; font-size: 22px; }
.single-image .image-content h3 a { color: #ffffff; }
.single-image .popup-btn { position: absolute; top: 50%; left: 50%; z-index: 2; font-size: 45px; color: #ffffff; margin-top: -80px; margin-left: -30px; opacity: 0; visibility: hidden; -webkit-transition: .4s; transition: .4s; }
.single-image .popup-btn:hover { color: #f10909; }
.single-image:hover::before { opacity: .7; visibility: visible; }
.single-image:hover .image-content { bottom: 0; opacity: 1; visibility: visible; }
.single-image:hover .popup-btn { margin-top: -40px; opacity: 1; visibility: visible; }
/*================================================
Features Area CSS
=================================================*/
.features-area { position: relative; }
.features-area .col-lg-4:first-child .single-features { padding-left: 0; padding-right: 85px; text-align: right; }
.features-area .col-lg-4:first-child .single-features .icon { left: auto; right: 0; }
.single-features { position: relative; padding-left: 85px; margin-bottom: 30px; }
.single-features .icon { position: absolute; left: 0; top: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; border: 2px solid #eeeeee; border-radius: 50%; font-size: 25px; -webkit-transition: .4s; transition: .4s; }
.single-features .features-content h3 { font-size: 22px; font-weight: 700; margin-bottom: 8px; }
.single-features .features-content p { margin-bottom: 0; }
.single-features:hover .icon { color: #ffffff; background: #f10909; border-color: #f10909; -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.features-img { margin-top: -25px; }
.features-img img { height: 510px; }

/*================================================
Restaurant CTA Area CSS
=================================================*/

/*================================================
Instagram Area CSS
=================================================*/
.instagram-item-list { position: relative; }
.instagram-item-list .instagram-follow { position: absolute; top: 50%; left: 50%; z-index: 22; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.instagram-item-list .instagram-follow h3 { border: 1px solid #c8a757; text-align: center; font-size: 16px; text-transform: uppercase; background: #c8a757; padding: 26px 20px 19px; }
.instagram-item-list .instagram-follow h3 a { display: inline-block;     color: #fff; }
.instagram-item-list .instagram-follow h3 a:hover { display: inline-block;     color: #fff; }
.instagram-item-list a { display: block; }
.instagram-item-list a img { -webkit-transition: .4s; transition: .4s; }
.instagram-item-list a img:hover { opacity: .5; }
/*================================================
Partner Area CSS
=================================================*/
.partner-area .item { text-align: center; }
.partner-area .item a { display: block; border: 1px solid #eeeeee; padding: 5px 0; }
.partner-area .item a img { width: 100px !important; display: inline-block; }
/*================================================
Contact Area CSS
=================================================*/
.contact-area::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ffffff; opacity: .95; z-index: -1; }
.contact-box h3 { font-size: 22px; font-weight: 700; margin-bottom: 20px; }
.contact-box p { margin-bottom: 0; margin-top: 7px; position: relative; padding-left: 25px; color: #777791; }
.contact-box p i { position: absolute; left: 0; top: 3px; color: #f10909; }
.contact-box p a { color: #777781; }
.contact-box p a:hover { color: #f10909; }
.contact-box p.opening-hours { overflow: hidden; padding: 0; text-align: left; }
.contact-box p.opening-hours span { float: right; margin-right: 25px; }
.contact-box form .btn { display: block; font-size: 25px; width: 100%; padding: 3px 0; margin-top: 10px; height: 42px; }
.contact-box form .validation-danger { color: red; margin-top: 10px; }
.contact-box form .validation-success { margin-top: 10px; }
#contactForm .has-error .with-errors { color: red; margin-top: 8px; }
#contactForm .text-danger { margin-bottom: 0; margin-top: 15px; }
#contactForm .btn { margin-top: 12px; }

/*================================================
Footer Area CSS
=================================================*/
.footer-area { padding-top: 12px; padding-bottom: 12px; background: #000000; }
.footer-area p { margin-bottom: 0; color: #ffffff; }
.footer-area ul { text-align: right; list-style-type: none; padding: 0; margin: 0; }
.footer-area ul li { display: inline-block; position: relative; padding-left: 20px; }
.footer-area ul li a { color: #ffffff; }
.footer-area ul li a:hover { color: #f10909; }
.footer-area ul li::before { content: ''; position: absolute; left: 7px; top: 5px; background: #cccccc; width: 2px; height: 14px; }
.footer-area ul li:first-child { padding-left: 0; }
.footer-area ul li:first-child::before { display: none; }
/*================================================
Go Top Area CSS
=================================================*/
.go-top { position: fixed; cursor: pointer; bottom: 15px; right: 15px; font-size: 25px; color: #ffffff; background-color: #000000; z-index: 4; display: none; width: 55px; text-align: center; height: 55px; line-height: 60px; border-radius: 50%; -webkit-transition: .4s; transition: .4s; }
.go-top:hover { color: #ffffff; background: #c8a757; }
/*# sourceMappingURL=style.css.map */

/*ramesh added*/
.sign-abt-owner { font-family: 'Dancing Script', cursive; }
/*.story-image { margin-top: 65px; }*/
/*menu section*/
.dishes-wrapper { position: relative; }
.dishes-wrapper { box-shadow: 0px 1px 73px 0px rgba(40, 40, 40, 0.1); overflow: hidden; -webkit-transition: .4s; transition: .4s; height:200px; }
.dish-panel-bordered-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px; background: #fff; }
.dish-panel-bordered { position: relative; width: 100%; height: 100%; }
.dish-panel-bordered:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ""; border: 1px dashed #c59d5f; }
.bg-wt-menu-sec { background: #fff; }
.menu-sec-content { padding: 30px 10px; position: relative; z-index: 1; left: 16px; right: 0; text-align: center; }
.menu-sec-content h3 { text-transform: uppercase; margin-top: 20px; font-weight: 700; font-size: 23px; }
.menu-sec-content h3 span { font-size: 15px; }
.menu-sec-content h4 { text-transform: uppercase; font-size: 14px; color: #686868; }
.drnk-sec-con h3 { margin-top: 0px; font-size: 20px; }
.menu-icon-img:before { content: "\f0da"; font-family: "FontAwesome"; font-size: 50px; color: #fff; left: 10px; top: 27%; position: absolute; }
.sep-menu { margin: 25px 0px; }
.menu-icon-img { -webkit-transition: .4s; transition: .4s; position: relative; top:-27px;}
.menu-icon-img:hover { opacity: .7; visibility: visible; }
.dishes-wrapper:hover { -webkit-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15); box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15); -webkit-transform: translateY(-10px); transform: translateY(-10px); }
.section-title .line { margin-left: auto; margin-right: auto; }
.section-title .line { display: block; height: 1px; width: 340px; background-color: rgba(234, 207, 140, 0.2); margin-top: 50px; margin-bottom: 50px; }
.section-title .line.img-icon { height: 31px; line-height: 31px; background: none; position: relative; margin-top: 0px; }
.section-title .line.img-icon::before, .section-title .line.img-icon::after { content: ''; height: 1px; width: 140px; position: absolute; top: 16px; left: 0px; background-color: rgba(234, 207, 140, 0.2); }
.section-title .line.img-icon::after { left: auto; right: 0px; }
.section-title .line.img-icon img { width: 29px; margin: 0px; }
/*contact sec*/
.bg-extra-dark-gray {background-color:#22262b; height:600px;}
.cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important;}.
p-0 { padding: 0 !important;}
.m-0 { margin: 0 !important;}
.height-350px {height: 300px;}
.margin-25px-bottom {margin-bottom: 25px;}
.text-deep-pink, .btn.text-deep-pink {color: #ff214f;}
.bg-black, .background-black {background-color: #000;}
.margin-5px-bottom { margin-bottom: 5px;}
.font-weight-600 {font-weight: 600;}
.text-white-2, .btn.text-white-2 {color: #eee0b1;}
#contact .fa { font-size:30px; margin-bottom:10px; color:#fff;}
#contact p { color:#fff;} 
#contact p a { color:#fff;} 
.ftr-scl a { display:inherit !important;}
.ftr-scl { display:inherit; margin-top:15px;}
.ftr-scl .fa { color:#fff; font-size:15px !important; padding:0px 5px;}
.reser-txt-agree { font-size:13px; line-height: 19px;margin-top: 15px;}
.inner-reser-txt { padding-left:25px; padding-top:15px;}
.inner-reser-txt p {}
.inner-reser-txt h4 { font-size:20px; color:#ff2352;}
.btn-imp-reser { border:solid 1px #111; color:#ff2352; margin-top:50px;}
.mdl-info-inner h4 { font-size:18px; color:#ff2352;}
.mdl-info-inner p { font-size:13px; line-height:24px; }
.menu-area-two { background:#f5f5f5;}
.bg-white form { padding:8px;}
.mrg-cst { margin-right:15px; background:#fff; padding:15px;}
.events-cst { border:dashed 1px #F00; text-align:center; float:left; width:100%; padding:50px;}
.main-banner-content .btn-primary:hover { color:#fff !important; border-color:#fff; }
.btn-ftr-fxd { position:fixed; width:100%; bottom:0px; background:#000; color:#fff; padding:8px; text-align:center; z-index:1; border: solid 1px #810054;}
.btn-ftr-fxd a { color:#fff; text-transform: uppercase;font-weight: bold;}
.feedback-area {position: relative;z-index: 1;background-image: url(../img/bg-main-home.jpg);background-position: center center;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;}
.feedback-area::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000000;opacity: .7;z-index: -1;}
.feedback-area .section-title h2 {
  color: #ffffff;
}

.single-feedback {
  text-align: center;
  position: relative;
}

.single-feedback p {
  color: #ffffff;
  margin-bottom: 0;
  font-size: 15px;
}

.single-feedback .client-info {
  margin-top: 30px;
}

.single-feedback .client-info h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.single-feedback .client-info span {
  display: block;
  color: #eeeeee;
}
.cstmenu-drnks { padding-top:0px;}
.owl-carousel .owl-item img { display:inline; width:auto;}/*new updates*/
.txt-gold {color:#C8A757 !important; }
.call-us-pri {color:#fff; font-size:16px;}
.pad-90 {padding: 90px 0;}
.bg-glam { background-position:top center;}.sec-grand-ecc {background-color:#000;}
.bg-reserv {background:url(../img/reservation-bg.jpg) no-repeat center;}
.sec-enter-dine {background:url(../img/mayhills-dining.jpg) no-repeat center;}
.sec-enter-menu {background:url(../img/banner_2023_v2.jpg) no-repeat center; background-size: cover;}
.sec-pri-dine {background:url(../img/Melin-private-dining.jpg) no-repeat center;}
.sec-bar-cst {background:url(../img/mayhills-orderonline.jpg) no-repeat center;}
.bg-reserv h1, .sec-grand-ecc h1, .sec-enter-dine h1, .sec-pri-dine  h1, .sec-bar-cst h1, .sec-behind-abt h1, .sec-awaken-abt h1, .sec-opul-abt h1, .sec-Serenade-abt h1 { color:#C8A757; text-align:left; font-size:48px; margin-bottom:15px;}.bg-reserv p, .sec-grand-ecc p, .sec-enter-dine p, .sec-pri-dine  p, .sec-bar-cst p, .sec-mobile-cst p { color:#fff; margin:20px 0px; font-size:16px; line-height:35px;}
.title-exp {text-align:center; background:#000; padding:50px 0px;}
.title-exp h2 {color:#C8A757 !important;}
.call-us-pri a {color:#C8A757;}
.cst-italic {font-style:italic;} 
.header-menu-cst { background-color: rgba(0, 0, 0, 0.8) !important;}
.cst-height {height:80px;}
.inner-con-det-cst h4 { color:#C8A757; margin-bottom:20px; text-transform:uppercase; font-size:18px;}
.inner-con-det-cst p {color:#fff; font-size:15px;}
.inner-con-det-cst .form-control {background-color: rgba(0, 0, 0, 0.8) !important; border-radius:0px; border: solid 1px #333;}
.top-header-cst { background: #000; padding:6px 0px;}
.cst-insta-text {margin-bottom:0px;}
.cst-insta-text a {text-align:left; color:#fff;}
.cst-phone-text {text-align:right; margin-bottom:0px; line-height:23px;}
.cst-phone-text a {text-align:right; color:#fff; font-size:14px;}
.shadows::before {content: "";position: absolute;left: 0;top: 0;z-index: 1;display: block;height: 101%;width: 100%;background:url(../img/veyos-light.png) no-repeat 50%;background-size: auto auto;background-size: 100% 100%;}
.img-cotain-area img.mbl-shadow-img {width: auto;height: auto;position: relative;top: 0;}
.sep-menu { margin: 25px 0px; }
.newbutton { cursor:pointer; padding-left: 47px; padding-right:47px; padding-bottom:15px; padding-top:15px; color: #c3ae71; position: relative; background-color: #111; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #c3ae71;width:300px; text-transform: uppercase;letter-spacing: 2px;}
.newbutton:hover { border-color: #bfbbbb; }
@media screen and (max-width: 767px) {
.list-contactinfolist {padding:0px;}	
.mobilebuttonmenu{width:100%;}
.newbutton{margin-bottom:10px; width:100%;}
.title1{font-size: 16px; font-weight: 300;}
.logo-slider-mobile {
  width: 200px;
}
}

.slider-sec-cst { padding:0px;}
.fullwidth-slider-holder, .single-slider-holder {
    float: left;
    width: 100%;
    position: relative;
}
.single-slider-holder .customNavigation a.next-slide {
  right: 6px;
}
.single-slider-holder .customNavigation a.prev-slide {
    left: 6px;
}
.single-slider-holder .customNavigation a {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border-radius: 100%;
    color: #fff;
    font-size: 19px;
    line-height: 40px;
    z-index: 10;
    background: rgba(51,51,51,0.51);
    cursor: pointer;
}

.menu-bar-cst{display: -webkit-box;display: -ms-flexbox;display: flex;position: fixed;left: 0;width: 100%;bottom: 0;background-color: black;border-top: 1px solid #1A1A1A;z-index: 250;}
.menu-bar-cst a {width: 25%;text-align: center;display: block;padding: 0 2px;position: relative;}
.menu-bar-cst a img {margin: 12px auto 11px;max-width: 30px;max-height: 20px;display:block; height:auto;}
.menu-bar-cst a span {color: white;font-size: 11px;display: block;padding-bottom: 1px;-webkit-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;}

.transparent-navbar.navbar-expand-lg .navbar-brand.black-logo {
  display: none;
}
.gold-clr{color: #c3ae71;} 
a.mygold-clr{color: #c3ae71;}
a:hover.mygold-clr{color: #ccc;}

.contact1 h4 {
  color: #c3ae71;
  font-size: 35px;
  padding: 30px 0px 20px 0px;
  text-align: left;
}
.contact1 ul li{
  color: #fff;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  line-height: 35px;
  font-size: 16px;
}

.h5{color: #c3ae71;padding-top: 20px; font-size: 20px; font-weight: 700;}