/*================================================
Default CSS
=================================================*/
body { font-family: 'Lato', sans-serif; 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: #333; }
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: 'Lato', sans-serif;  line-height: 28px; }
/* btn */
.btn { font-weight: 600; font-size: 15px; border-width: 1px; line-height: unset; padding: 12px 35px 12px; border-radius: 0; text-transform: uppercase; letter-spacing: 3px; }
.btn-primary { color: #bb924b; background:none; border-radius:4px;border-color: #bb924b; 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: none; z-index: -1; -webkit-transition: .4s; transition: .4s; }
.btn-primary::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: none; z-index: -1; -webkit-transition: .4s; transition: .4s; }
.btn-primary.disabled, .btn-primary:disabled { color: #bb924b; background-color: transparent; border-color: #bb924b; 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: #bb924b; }
.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: 'Lato', sans-serif;  display: block; font-size: 30px; color: #fff6c6; }
.section-title h2 { font-size: 38px; font-weight: 900; margin: 0;  background: -webkit-linear-gradient(#bb924b, #bb924b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; text-transform:uppercase;}
/* form control */
.form-control { height: 45px; padding: 10px 10px 2px; font-size: 15px; color: #777777; border: 1px solid #eeeeee;border-radius: 4px; }
 .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: 77px;}
.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 { padding-right: 0; padding-left: 0; padding-top: 0; padding-bottom: 0; color: #ffffff; font-size: 15px; font-weight: 400; text-transform: uppercase;letter-spacing: 2.5px;}
.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: #fff; }
.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: #bb924b; }
.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("https://boccalounge.com/css/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("https://boccalounge.com/img/slider1-harlow.jpg"); }
.item-bg-two { background-image: url("https://boccalounge.com/img/slider2-harlow.jpg"); }
.item-bg-three { background-image: url("https://boccalounge.com/img/slider3-harlow.jpg"); }
.item-bg-four { background-image: url("https://boccalounge.com/img/slider4-harlow.jpg"); }

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

.main-banner-content { margin-top: 50px; text-align: center; }
.main-banner-content h1 {  font-family: 'Lato', sans-serif;  color: #bb924b; 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: #ccaa58; }
.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("https://boccalounge.com/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("https://boccalounge.com/css/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: #000; padding: 26px 20px 19px; }
.instagram-item-list .instagram-follow h3 a { display: inline-block; color:#fff; letter-spacing:3px;}
.instagram-item-list a { display: block; }
.instagram-item-list a img { -webkit-transition: .4s; transition: .4s; }
.instagram-item-list a img:hover { opacity: .5; }
.m-0-topcst{margin-top:0px !important;}
/*================================================
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: #bb924b; }
/*# sourceMappingURL=style.css.map */

/*ramesh added*/
.sign-abt-owner { font-family: 'Dancing Script', cursive; }
/*.story-image { margin-top: 65px; }*/
/*menu section*/
.mobilebuttonmenu{width:100%;}
.newbutton { cursor:pointer; padding-left: 47px; padding-right:47px; padding-bottom:15px; padding-top:15px; color: #ffffff; position: relative; background-color: #111; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #bb924b;width:100%; text-transform: uppercase;letter-spacing: 2px;}
.newbutton:hover { border-color: #bfbbbb; }
.buttoncenter { cursor: pointer; padding-left:90px; padding-right:90px; padding-bottom:20px; padding-top:20px; color: #ffffff; position: relative; background-color: #000000; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #bb924b;  } 
.dishes-wrapper { position: relative; }
.dishes-wrapper { box-shadow: 0px 1px 73px 0px rgba(121, 107, 107, 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: 20px 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; line-height: 20px;}
.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; }
.sep-menu2 { margin: 35px 30px; }
.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 #ccc;}
.btn-ftr-fxd a { color:#fff; text-transform: uppercase;font-weight: bold;}
.feedback-area {position: relative;z-index: 1;background-image: url("https://boccalounge.com/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:#a3a4a4 !important; }
.call-us-pri {color:#fff; font-size:16px;}
.pad-90 {padding: 90px 0;}
.sec-grand-ecc{ background:url("https://boccalounge.com/img/bg-section1.jpg") no-repeat center;}
.bg-glam { background-position:top center;}
.sec-enter-dine {background:url("https://boccalounge.com/img/bg-section2.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:#bb924b; 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:16px; line-height:35px; font-weight:300;}
.title-exp {text-align:center; background:#000; padding:50px 0px;}
.title-exp h2 {color:#a3a4a4 !important;}
.call-us-pri a {color:#a3a4a4;}
.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:#bb924b; margin-bottom:20px; text-transform:uppercase; font-size:15px; letter-spacing:3px;}
.inner-con-det-cst p {color:#fff; font-size:14px;font-weight:300;}
.inner-con-det-cst p a{color:#fff;}
.inner-con-det-cst .form-control {background-color: rgba(0, 0, 0, 0.8) !important; border: solid 1px #333;}
.top-header-cst { background:#000; padding:6px 0px;}
.cst-insta-text {margin-bottom:0px;}
.cst-insta-text i {padding-right:8px;}
.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("https://boccalounge.com/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;}
.footer-area p {font-size:12px;font-weight:300;}
.inner-sec-cst-det p a {color:#fff; text-decoration:underline;}
.inner-sec-cst-det p a:hover{color:#ccc;}
.over-title-cst{color:#fff; margin:20px 0px; font-weight:300; letter-spacing:3px; margin-bottom: 4px;}
.over-title-p{color:#fff; margin:20px 0px; font-weight:300; font-size:14px; margin-top:0px; letter-spacing: 1px;}
.trip-icon-bnr a{color:#fff; font-size:25px; vertical-align: middle;}
.logos-eats img { padding:15px;}
.delivery-partners {padding-top:50px;}
.delivery-partners h2{color:#ccc; text-align:center; font-weight:300; margin-bottom:25px;}
.bg-contacts {background: #000;min-height: 412px;}
.title-contact {font-size: 16px;font-weight: 300;font-style: normal;margin-bottom: 25px;color: #fff;}
.bg-con-details {background: #000000;padding: 50px;min-height: 412px;}
.bg-con-details h4 {color:#bb924b; text-transform:uppercase; font-weight:600; font-size:18px; margin-bottom:15px;}
.bg-con-details p {color:#fff; font-size:15px; font-weight:500;}
.bg-con-details p a {color:#fff;}
.bg-con-details p b {font-weight:600; letter-spacing: 0.5px;}
.list-contactinfolist li {width: 100%;float: left;list-style: none;line-height: inherit;}
.list-contactinfolist li i {width: 40px;min-height: 18px;font-size: 18px;line-height: 18px;float: left;}
.list-contactinfolist li i, .list-contactinfolist li span {color: #fff;}
.list-contactinfolist li span {font-size: 16px;display: flex;line-height: 22px;}
.list-contactinfolist li i, .list-contactinfolist li , .list-contactinfolist li a {color: #fff; font-weight:300;}
.list-contactinfolist li + li {margin: 30px 0 0;}
.map-inner {position: relative;z-index: 100;}
.cst-map {background:url("https://boccalounge.com/img/nanas-bg-contact.jpg");background-position: center center; background-attachment:fixed;background-size: 100%;}
.cst-map {position: absolute;top: 0;left: 0;right: 0;z-index: 0;height: 100%;}
.module {position: relative;padding: 60px 0;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
.footer-social-links .fa{color: #fff;border: solid 1px #bb924b;padding: 8px;width: 40px;text-align: center;border-radius: 4px;font-size: 18px;margin-right: 5px;}
.footer-social-links .fa:hover{color:#ccc; border-color:#f7d69c;}
.byob{color: #fff;font-weight: 700;font-size: 20px;}
.byob span {font-weight:500; font-size:18px;}
.rated, .rated a{color:#fff;margin-left: 5px;vertical-align: middle; font-size:14px;}
.rated a:hover{color:#ccc;}
.bg-padding-order {padding:99px;background-repeat: no-repeat; padding-bottom:6px;}
.title1{ font-family: 'Lato', sans-serif;  color: #bb924b; margin: 0 0 25px 0; font-size: 29px; font-weight: 700; }
.pad-0 {padding:0px;}
.btn-no-outline{text-transform:uppercase; background:none; border:none; color:#bb924b; font-weight: 600;font-size: 15px;border-width: 1px;line-height: unset;letter-spacing: 2px; cursor:pointer;-webkit-transition: .8s;transition: .8s; }
.sb-title-sec1{font-size: 14px;color: #bb924b;margin-bottom: 25px;}
.sec-main-title {font-size: 16px;margin: 0px;padding: 0px;font-weight: 500;color: #fff; letter-spacing:3px;}
.pad-bt-35{padding-bottom:50px;}
.map-ftr{padding-top:50px;}
.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;}
.footer-social-links{margin-bottom:20px;}
.Policy {font-size: 16px;color: #fff;margin-bottom: 18px;}
.Policy-sub {font-size: 14px;color: #fff;margin-bottom: 0px;}
.policy-title{font-size: 26px;color: #bb924b;margin-bottom: 10px; margin-top:20px; font-weight:600;}
.policy-sub2 {font-size: 17px;color: #bb924b;margin-bottom: 0px;}
@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;}
}