/*================================================

Default CSS

=================================================*/

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

p { font-size: 14px; color: #333; 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: #000000; z-index: -1; -webkit-transition: .4s; transition: .4s; }

.btn-primary::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: #000000; 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: 'Vollkorn', serif; display: block; font-size: 30px; color: #fff6c6; }

.section-title h2 { font-size: 38px; font-weight: 900; margin: 0; color:#c3ae71; }

/* form control */

.form-control { height: 40px; padding: 10px 10px 2px; font-size: 15px; color: #fff; 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: 10px; padding-left: 10px; }

.transparent-navbar.navbar-expand-lg .navbar-nav .nav-item .nav-link { font-family: 'Vollkorn', serif;
  letter-spacing: 1.5px; 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: #fff6c6; }

.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: #c3ae71; }

.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: 'Vollkorn', 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: #c3ae71; }

.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 { text-align: center; font-size: 16px; text-transform: uppercase; background: #ffffff; padding: 26px 20px 19px; }

.instagram-item-list .instagram-follow h3 a { display: inline-block; }

.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: #0c0c0c; }

.footer-area p { margin-bottom: 0; color: #ffffff; font-size: 12px;}

.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:'Vollkorn', serif; }

/*.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 #c3ae71;}

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



@media only screen and  (max-width: 767px) {
.cst-glow-text{font-size:55px !important;}
  .cs-inner-blog-sec h5 { margin-bottom:45px;}

}



.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:#c3ae71 !important; }

.call-us-pri {color:#fff; font-size:16px;}

.pad-90 {padding: 140px 0;}.bg-glam { background-position:top center;}.sec-grand-ecc {background:url(../img/dining-lounging.jpg) no-repeat center;}.main-bg {background:url(../img/main-bg.jpg) no-repeat center;}
.main-bg2 {background:url(../img/grilled_!.jpg) no-repeat center;}
.main-bg3 {background:url(../img/asia_new.jpg) no-repeat center;}
.main-bg4 {background:url(../img/canarywharf_2.jpg) no-repeat center;}
.main-bg5 {background:url(../img/coco_riyad_background.jpg) no-repeat center;}
.main-bg_h:hover, a.main-bg5:active {background:url(../img/coco_hover.jpg) no-repeat center;}



.main-bg-mobile-grilled {background:url(../img/grilled_mobile.jpg) no-repeat center; padding-top: 20px; padding-bottom: 20px;}
.main-bg-mobile-asia {background:url(../img/asia_mobile.jpg) no-repeat center; padding-top: 20px; padding-bottom: 20px;}
.main-bg-mobile-coco-canary_wharf {background:url(../img/coco-canary_wharf-mobile.jpg) no-repeat center; padding-top: 20px; padding-bottom: 20px;}
.main-bg-mobile-coco_riyad {background:url(../img/coco_riyad_background.jpg) no-repeat center; padding-top: 20px; padding-bottom: 20px;}

.sec-enter-dine {background:url(../img/anatolian-flavours-desk.jpg) no-repeat center;}

.sec-pri-dine {background:url(../img/redemption-bar.jpg) no-repeat center;}

.sec-bar-cst {background:url(../img/Melin-bar.jpg) no-repeat center;}

.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:#fff; text-align:left; font-size:48px; margin-bottom:15px;}.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:17px; line-height:35px;}

.title-exp {text-align:center; background:#000; padding:50px 0px;}

.title-exp h2 {color:#c3ae71 !important;}

.call-us-pri a {color:#c3ae71;}

.cst-italic {font-style:italic;} 
.neon-pink{color:#f767af !important;} 

.header-menu-cst { background-color: rgba(0, 0, 0, 0.8) !important;}

.cst-height {height:80px;}

.inner-con-det-cst h4 { color:#c3ae71; 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: #c3ae71 !important; border-radius:0px; border: solid 1px #c3ae71;}

.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:16px;}

.shadows::before {content: "";position: absolute;left: 0;top: 0;z-index: 1;display: block;height: 101%;width: 101%;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;}



/** Banner **/

.hero-title-holder {position: absolute;top: 0;width: 100%;height: 100%;z-index: 3;}

.hero-title-holder .overlay {opacity: 0.6;}

.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.2;z-index: 2;}

.hero-title {margin: 0 auto;top: 10%;position: relative;z-index: 5;}

.hero-title h3 {color:#fff;font-size:50px; letter-spacing:1px; font-weight:400;}



/** Banners small **/

.cst-blog-section .container { max-width: 1294px; width: 100%; margin: 0 auto; position: relative; z-index: 2; }

.cst-blog-section h5 { text-align: center !important; }

.cs-inner-blog-sec { -webkit-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s; cursor:pointer;}

.cs-inner-blog-sec:hover { opacity:0.7;}

.overlay-cst { position: absolute;bottom: -1px;left: -1px;right: -1px;background: #000;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#000));background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%);padding: 100px 20px 20px;text-align: center;}

.cs-inner-blog-sec h5 { font-size: 18px; text-align: left; margin-top: 15px; color: #fff; left: 0; width: 100%; bottom: -10px; z-index: 100; position: absolute; }



/** Weekly **/

.parallax-section {

  padding: 150px 0;

  color: #fff;

  overflow: hidden;

  margin-bottom: 50px;

}

.bg-parallax {

  height: 150%;

  top: -25%;

}

.bg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-attachment: scroll;

  background-position: center;

  background-repeat: repeat;

  background-origin: content-box;

  overflow: hidden;

}

.section {

  float: left;

  width: 100%;

  position: relative;

  padding: 150px 0;

  background: #000;

}

.parallax-section .overlay {

  opacity: 0.5;

}

.overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0.2;

  z-index: 2;

}

.parallax-section .container { max-width: 1294px; width: 100%; margin: 0 auto; position: relative; z-index: 2; }

.our-inte-text {

  font-size: 31px;

  max-width: 500px;

  text-align: center;

  margin: 0px auto;

}

.gold-clr{color: #c3ae71;}
.contact1 { color: #fff; padding: 30px 0px 20px 0px; text-align:left; }

.container1 h4{color:#c3ae71; font-size: 35px;}

.container1 ul li{ color: #fff; text-align:left; font-weight: normal; list-style-type: disc; margin-left: 15px; }

/** reservation popup **/
.dynamic-height-adjust {
  background: transparent;
  display: none !important;
}
.fLUBGj {
  width: 100%;
  height: 35px;
  background-color: rgb(0, 0, 0);
  display: none !important;
}
.cst-glow-text{font-weight: 100; font-family: 'Italianno', cursive; letter-spacing: 2.5px; font-size: 84px;}


.bg-one {background:url(../img/dining-lounging-mobile.jpg) no-repeat;}

.bg-asia {background:url(../img/asia_new.jpg) no-repeat;}
.bg-canarywharf {background:url(../img/canarywharf.jpg) no-repeat;}
.bg-riyad {background:url(../img/riyad.jpg) no-repeat;}
.ptb {padding: 5px 2px 5px 2px;     border: 1px solid #c5b173;}