/*------------------ # Design Fonts ------------------*/ @import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Caprasimo&display=swap'); @import url(fonts.css); @import url(line-awesome.css); /* ----**** [ general css ] ****---- */ body { font-family: "Figtree", sans-serif; font-weight:400; font-size: 16px; color:#1C1818;} body.innerpage { height: auto;} a { color: #000000; text-decoration: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;} a:hover, a:active, a:focus { color: #022E85; outline: none; text-decoration: none;} /* ----**** [ order button css ] ****---- */ .order-btn { background: #E90C0A; font-family: "Caprasimo", serif; font-size:18px; font-weight: 400; color: #FFFFFF; text-transform:inherit; display: inline-flex; justify-content: center; align-items: center; padding: 0 16px; min-width: 240px; height: 48px; /*-webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;} .order-btn:hover, .order-btn:focus { background: #000000; color: #FFFFFF;} h1, h2, h3, h4, h5, h6 { margin: 0 0 16px 0;} h1, h2, h3, h4 { font-family: "Figtree", sans-serif; font-weight:400; text-transform: uppercase;} p { font-family: "Figtree", sans-serif; font-weight:400; font-size:16px; margin:0 0 16px 0; color:#000000;} section { padding:80px 0;} /* ----**** [ sections header ] ****---- */ h3 { font-size:25px; } .section-header { margin-bottom:36px; text-align:center;} .section-header h2 { font-family: "Figtree", sans-serif; font-size: 48px; font-weight:500; color:#FFFFFF; margin: 0;} .section-header h2.clrWhite { color:#000000;} /* ----**** [ back-to-top button ] ****---- */ .back-to-top { position: fixed; right: 24px; bottom: 24px; z-index: 996; background: rgba(255, 255, 255, 0.50); width: 40px; height: 40px; visibility: hidden; opacity: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;} .back-to-top i { font-size: 28px; color: #111419; line-height: 0;} .back-to-top:hover { background: rgba(255, 255, 255, 1);} .back-to-top:hover i { color: #111419;} .back-to-top.active { visibility: visible; opacity: 1;} /* Prelaoder */ #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff; } #preloader:before { content: ""; position: fixed; top: calc(50% - 30px); left: calc(50% - 30px); border: 6px solid #f2f2f2; border-top: 6px solid #18d26e; border-radius: 50%; width: 60px; height: 60px; -webkit-animation: animate-preloader 1s linear infinite; animation: animate-preloader 1s linear infinite; } @-webkit-keyframes animate-preloader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes animate-preloader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* ----**** [ header section ] ****---- */ .top-area { position: relative; width: 100%; height: 100%;} #header .website-note { background:#353638; text-decoration:none; font-family: "Figtree", sans-serif; font-weight: 400; font-size: 16px; color:#FFFFFF; position: absolute; width: 100%; top: -36px; height: 36px; display: flex; align-items: center; justify-content: center;} #header { background: rgba(255, 255, 255, 1); z-index: 997; height:120px; top: 0; flex-wrap: wrap; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;} #header.header-scrolled { background: rgba(255, 255, 255, 1); border-bottom: 1px solid rgba(231, 231, 231, 1); height: 120px; top:0; box-shadow: 1px 0 10px rgb(0 0 0 / 10%); -webkit-box-shadow: 1px 0 10px rgb(0 0 0 / 10%); -moz-box-shadow: 1px 0 10px rgb(0 0 0 / 10%);} /*#header{ top: 0;}*/ #header .logo { padding: 6px 0 6px 0; text-align: center; /*border-bottom: 1px solid #000;*/} #header .logo img { max-height: 60px;} /* ----**** [ desktop navigation section ] ****---- */ .nav-wrapper { display: flex; gap: 12px; justify-content:center; align-items: center; width:100%; background: #000000; padding: 6px 0;} .nav-wrapper ul.header-social { display: flex; padding: 0; margin: 0; list-style-type: none;} .nav-wrapper ul.header-social li {} .nav-wrapper ul.header-social li a { height: 32px; width: 32px; font-size: 22px; color: #FFFFFF; display: flex; align-items: center; justify-content: center;} .nav-wrapper ul.header-social li a i.la-facebook-f { font-size: 20px;} .nav-wrapper ul.header-social li a:hover { background: #E90C0A; color: #FFFFFF;} .navbar { padding: 0; justify-content: center;} .navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center;} .navbar ul li { position: relative; } .navbar ul li a { display: flex; align-items: center; justify-content: space-between; font-family: "Caprasimo", serif; font-weight: 400; font-size: 18px; color: #FFFFFF; text-transform: inherit; white-space: nowrap; padding: 0 12px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;} .navbar ul li a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a { color: #E90C0A;} .navbar ul li a i { margin: 0 12px 0 0; font-size: 28px;} .navbar ul li:nth-last-child(2) a, .navbar a.nav-link.order-online-btn { border-right: 0px none;} .navbar a.nav-link.order-online-btn { background: #E90C0A; color: #FFFFFF; padding:0 16px; min-width: 120px; display: flex; justify-content: center; height: 36px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;} .navbar a.nav-link.order-online-btn:hover { background: #FFFFFF; color: #E90C0A;} .nav-link:focus, .nav-link:hover{ color:#E90C0A;} /* ----**** [ mobile navigation section ] ****---- */ .mobile-nav-toggle { color: #111419; font-size: 36px; cursor: pointer; display: none; line-height: 0; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s;} .mobile-nav-toggle.bi-x { color: #FFFFFF;} @media (max-width: 991px) { .mobile-nav-toggle { display: block;} .navbar ul { display: none;} } .navbar-mobile { background: rgba(20, 33, 56, 0.65); overflow: hidden; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 999; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;} .navbar-mobile .mobile-nav-toggle { position: absolute; top: 16px; right: 24px; font-size: 36px;} .navbar-mobile ul { background: #E90C0A; display: block; overflow-y: auto; position: absolute; top: 48px; right: 24px; bottom: 24px; left: 24px; padding: 16px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;} .navbar-mobile ul li { text-align:center; margin:0;} .navbar-mobile ul li a { padding: 8px 16px; font-weight:400; color: #FFFFFF; justify-content: center; border-right: 0px none; /*-webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px;*/} .navbar-mobile ul li a:focus { display:block;} .navbar-mobile ul li a:hover, .navbar-mobile .active, .navbar-mobile ul li:hover > a { background: #FFFFFF; color: #E90C0A;} .navbar-mobile a.nav-link.order-online-btn { height: 44px; background: #000000; color: #FFFFFF;} .navbar-mobile a.nav-link.order-online-btn:hover { background: #FFFFFF; color: #000000;} .mobile-order-btn { display: none;} .mobile-order-btn a { background: #ce202f; font-size:16px; font-weight:500; height: 36px; line-height: 36px; display: inline-block; color: #FFFFFF; text-align:center; padding: 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;} .mobile-order-btn a:hover { background: #1C1818; color: #FFFFFF;} /* ----**** [ slider section ] ****---- */ .slider-area .pogoSlider--navBottom .pogoSlider-nav { display:none;} html, body { height: 100%} .pogoSlider { width: 100%; height: 100%; overflow: hidden; position: relative; text-align: center; padding-bottom: 0!important;} .pogoSlider-slide { position: absolute; width: 100%; height: 100%; opacity: 0; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 200px;} /*.pogoSlider-slide::after { background: #111419; width: 100%; height: 100%; content: ""; position: absolute; left: 0; opacity: 0.25; top: 0; z-index: -1;}*/ .slider-area { position: relative; width: 100%; height: 100%;} .slider-area h1 { font-family: "Figtree", sans-serif; color:#FFFFFF; font-size:48px; font-weight: 700; margin: 24px 0 0 0;} .slider-area h1 { text-shadow: 0px 4px 3px rgb(0 0 0 / 40%), 0px 8px 13px rgb(0 0 0 / 10%), 0px 18px 23px rgb(0 0 0 / 10%);} .slider-area .logo img { -webkit-filter: drop-shadow(5px 5px 5px #222222); filter: drop-shadow(5px 5px 5px #222222);} .slider-area h2 { font-family: "Figtree", sans-serif; color:#FFFFFF; font-size:36px; font-weight: 700; margin: 0 0 24px 0; -webkit-filter: drop-shadow(5px 5px 5px #222222); filter: drop-shadow(5px 5px 5px #222222);} .slider-area .order-btn { height: 56px; font-size:20px;} /* ----**** [ restaurant info section ] ****---- */ #restaurant-info { background: #000000; height: 80px; text-align: center; display: flex; align-items: center; gap:24px; justify-content: center;} #restaurant-info a { display: flex; justify-content: center; align-items: center;} #restaurant-info a i { color: #E90C0A; font-size:32px; margin: 0 10px 0 0; display: flex; align-items: center; justify-content: center;} #restaurant-info a span { font-size: 16px; font-weight: 500; color: #FFFFFF;} #home-welcome, #home-specialoffers { padding:60px; position:relative;} #home-welcome:before, #home-specialoffers:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: -1; display: block; background-attachment: fixed; /*background-position: center;*/ background-size: cover;} #home-welcome:before { background-image: url("../img/bg/about_us_back.jpg"); background-position: center;} #home-specialoffers:before { background-image: url("../img/bg/special_offers_back.jpg"); background-position: center;} .welcome-inner, .specialoffers-inner { display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-items: stretch; -webkit-align-content: stretch; overflow: hidden;} .welcome-img, .specialoffers-img { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center;} /* ----**** [ home welcome section ] ****---- */ #home-welcome .welcome-img, #home-welcome .welcome-text { width:50%;} #home-welcome .welcome-text { padding:80px 48px; text-align:center;} #home-welcome .welcome-text .section-header h2:before { height: 80px; background-image: url("../img/bg/title_decoration.png"); content: ""; display: block; position: relative; width: auto; margin: 15px auto; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: contain; } #home-welcome .welcome-text p { font-size: 18px; font-weight: 400; color: #FFFFFF;} #home-welcome .welcome-text p strong { display:block; font-weight: 400;} #home-welcome .welcome-text p span { display:block; font-weight: 600;} #home-welcome .welcome-text p span { margin:24px 0 0 0;} #home-welcome .welcome-text p span a { color: #FFFFFF; border-bottom: 1px solid #FFFFFF;} #home-welcome .welcome-text p span a:hover { border-bottom: 1px solid #000000; color: #000000;} /* ----**** [ home our story section ] ****---- */ #home-specialoffers .specialoffers-img, #home-specialoffers .specialoffers-info { width:50%;} #home-specialoffers .specialoffers-info { padding:60px 48px;} #home-specialoffers .specialoffers-info .section-header h2:before { height: 120px; background-image: url("../img/bg/title_decoration_2.png"); content: ""; display: block; position: relative; width: auto; margin: 15px auto; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: contain; } .specialoffers-info { text-align:center;} .specialoffers-info ul { list-style-type:none; margin:0; padding:0;} .specialoffers-info ul li { font-family: "Figtree", sans-serif; font-size:20px; font-weight:400; margin-bottom: 8px;} .specialoffers-info ul li span { padding-right: 12px;} .specialoffers-info ul li{ color: #FFFFFF;} .specialoffers-info ul li:first-child { font-size:26px; color: #FFFFFF; line-height: 36px; text-transform: inherit; margin-bottom: 16px;} .specialoffers-info ul li:last-child { margin-bottom: 0;} .specialoffers-info ul.offer-imgs { border: 0px none; display: flex; padding: 0; justify-content: space-evenly; align-items: center;} .specialoffers-info ul.offer-imgs li { margin:0; } .specialoffers-btn { margin-block-start: 36px;} .specialoffers-btn .order-btn { background: transparent; padding: 6px 40px 4px; height: 44px; min-width: auto; border: 2px solid #FFFFFF;} .specialoffers-btn .order-btn:hover{ background: #FFFFFF; color: #E90C0A;} /* ----**** [ home google reviews section ] ****---- */ #home-google-reviews { position:relative; background: linear-gradient(rgba(250, 250, 250, 0), rgba(250, 250, 250, 0)), url(../img/bg/reviews_back.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #home-google-reviews .section-header h2{ color: #FFFFFF;} #home-google-reviews .container { width: 60%;} #home-google-reviews .google-review-inner { display: flex; gap: 24px;} #home-google-reviews .google-review-inner .review-quote { font-size: 48px; color:#E90C0A; display: flex;} #home-google-reviews .google-review-inner .review-quote.quote-left { align-items: self-start;} #home-google-reviews .google-review-inner .review-quote.quote-right { align-items: self-end;} #home-google-reviews .google-review-item .item-text { min-height:180px; text-align: center;} .google-review-item p { font-size: 16px; line-height: 26px; margin: 0; color:#FFFFFF; min-height: 148px;} .google-review-item h4 { font-family: "Figtree", sans-serif; font-size: 18px; font-weight: 500; color:#FFFFFF; display: flex; gap: 12px; justify-content: center; text-transform: inherit; align-items: center; margin: 0 0 24px 0;} .google-review-item span { display: flex; align-items: center; gap: 6px;} .google-review-item span i { font-size:16px; color:#E90C0A;} /*#home-google-reviews .owl-carousel .owl-controls { margin-top: -30px; position: absolute; top: 50%; width: 100%;} #home-google-reviews .owl-carousel .owl-nav>button { color: #fff; width: 36px; height: 36px; text-align: center; display: inline-block; font-size: 36px; opacity: 0; padding-top: 4px; position: absolute; top: 50%; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} #home-google-reviews .owl-carousel .owl-nav>button:focus { border:0px none; outline:none;} #home-google-reviews .google-reviews-carousel:hover .owl-nav>button { opacity: 1;} #home-google-reviews .owl-carousel .owl-nav>button.owl-next { right: -200px;} #home-google-reviews .owl-carousel .owl-nav>button.owl-prev { left: -200px;}*/ #home-google-reviews .owl-nav, #home-google-reviews .owl-dots { margin-top: 5px;} #home-google-reviews .owl-dots { width: 100%; margin: 0 auto; text-align: center;} #home-google-reviews .owl-dot { display: inline-block; margin: 0 5px; width: 15px; height: 15px; background: rgba(255, 255, 255, 0.45); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;} #home-google-reviews .owl-dot:focus { outline:none;} #home-google-reviews .owl-dot.active { background-color: rgba(255, 255, 255, 1);} /* Gallery Section --------------------------------*/ #gallery { padding: 0;} .columnmain { display: flex; justify-content: center;} .columnmain.oneclmn, .columnmain.twoclmn { justify-content: space-between;} .columnmain.oneclmn .column1 { width: 40%;} .columnmain.oneclmn .column2 { width: 60%;} .columnmain.twoclmn .column1 { width: 40%;} .columnmain.twoclmn .column2 { width: 60%;} #gallery .columnmain.oneclmn .column1 a.glightbox img { width: 100%; height: 100%;} #gallery .columnmain.oneclmn .column2 .gallery-row1 a.glightbox{ width: 33.33%;} #gallery .columnmain.oneclmn .column2 .gallery-row1 a.glightbox img { max-width: 100%;} #gallery .columnmain.oneclmn .column2 .gallery-row2 a.glightbox{ width: 33.33%;} #gallery .columnmain.oneclmn .column2 .gallery-row2 a.glightbox img { max-width: 100%;} #gallery .columnmain.twoclmn .column1 a.glightbox img { width: 100%; height: 100%;} #gallery .columnmain.twoclmn .column2 .gallery-row1 a.glightbox{ width: 33.33%;} #gallery .columnmain.twoclmn .column2 .gallery-row1 a.glightbox img { max-width: 100%;} #gallery .columnmain.twoclmn .column2 .gallery-row2 a.glightbox{ width: 33.33%;} #gallery .columnmain.twoclmn .column2 .gallery-row2 a.glightbox img { max-width: 100%;} .column2 img { max-width: 288px;} .gallery-row1 { display: flex;} .gallery-row2 { display: flex;} #gallery a.glightbox { display: block; padding: 0; overflow: hidden;} #gallery a.glightbox img { -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -ms-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s;} #gallery a.glightbox:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .gallery-desktop { /*display:block;*/} .gallery-desktop .col-12 { padding:0;} .gallery-mobile { display:none;} #gallery .owl-carousel .owl-controls { margin-top: -30px; position: absolute; top: 50%; width: 100%;} #gallery .owl-carousel .owl-nav>button { background: #f6343f; color: #fff; width: 40px; height: 40px; text-align: center; display: inline-block; font-size: 28px; margin-top: -20px; opacity: 0; padding-top: 4px; position: absolute; top: 50%; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} #gallery .owl-carousel .owl-nav>button:focus { border:0px none; outline:none;} #gallery .gallery-slider:hover .owl-nav>button { opacity: 1;} #gallery .owl-carousel .owl-nav>button.owl-next { right: 0;} #gallery .owl-carousel .owl-nav>button.owl-prev { left: 0;} #gallery .owl-dots { margin-top: 25px; text-align: center;} #gallery .owl-dots .owl-dot { display: inline-block; margin: 0 5px; width: 12px; height: 12px; background: #ddd; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;} #gallery .owl-dots .owl-dot:focus { outline:none;} #gallery .owl-dots .owl-dot.active { background-color: #ce202f;} /* ----**** [ home map section ] ****---- */ #home-map { padding:0;} /* ----**** [ home footer section ] ****---- */ #footer { position:relative; background: linear-gradient(rgba(250, 250, 250, 0), rgba(250, 250, 250, 0)), url(../img/bg/section_back.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #footer .footer-top { padding: 60px 0; position: relative;} #footer .footer-top h3 { display: flex; align-items: center; gap: 16px; margin: 0 0 24px 0;} #footer .footer-top h3 i { background:#FFFFFF; color: #142535; width: 36px; height: 36px; display:none!important; display: flex; align-items: center; justify-content: center; font-size: 26px;} #footer .footer-top h3 span { font-size:24px; color: #FFFFFF; font-weight: 400;} #footer .footer-top ul { list-style: none; padding: 0; margin:0;} #footer .footer-top .footer-address ul li { display:block;} #footer .footer-top .footer-address ul li a { font-size:16px; color: #FFFFFF;} #footer .footer-top .footer-address ul li a:hover { color: #FFFFFF;} #footer .footer-top .footer-phone ul li { display:block;} #footer .footer-top .footer-phone ul li a { font-size:16px; color: #FFFFFF; border-bottom:1px solid transparent;} #footer .footer-top .footer-phone ul li a:hover { color: #FFFFFF; border-bottom:1px solid #FFFFFF;} #footer .footer-top .footer-social { margin: 0 0 36px 0;} #footer .footer-top .footer-social ul { display: flex; gap: 12px;} #footer .footer-top .footer-social ul li a { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background:transparent; color: #FFFFFF; font-size: 22px;} #footer .footer-top .footer-social ul li a i.la-facebook-f { font-size: 20px;} #footer .footer-top .footer-social ul li a:hover { background:#D7302F; color: #FFFFFF;} #footer .footer-top .footer-hours ul li { font-size:16px; color: #FFFFFF; display:block; margin: 0 0 12px 0;} #footer .footer-top .footer-hours ul li:last-child { margin:0;} #footer .footer-top .footer-logo { margin: 0 0 36px 0;} #footer .footer-top .footer-logo ul li img { max-height: 110px;} .footer-btm { border-top: 1px solid #ffffff; padding: 16px 0;} .footer-btm .footer-btm-inner { display: flex; justify-content: space-between; align-items: center;} .footer-btm .footer-btm-inner img { max-height: 48px;} .footer-btm .footer-btm-left { display: flex; gap: 16px; align-items: center;} .footer-btm .footer-menu ul { display: flex; margin: 0; padding: 0; list-style-type: none; gap: 16px;} .footer-btm .footer-menu ul li a { color: #fff; border-bottom:1px solid transparent;} .footer-btm .footer-menu ul li a:hover { color: #FFFFFF; border-bottom:1px solid #FFFFFF;} .footer-btm p { color: #FFFFFF; font-size:16px; margin: 0; display: flex; justify-content: space-between; align-items: center;} .footer-btm p strong, .footer-btm p strong b { font-weight: 400;} /*#footer .footer-btm p strong b { border-right: 1px solid #FFFFFF; margin: 0 12px 0 0; padding: 0 12px 0 0;}*/ .footer-btm p a { color: #FFFFFF; border-bottom:1px solid transparent;} .footer-btm p a:hover { color: #FFFFFF; border-bottom:1px solid #FFFFFF;} /* ----**** [ website acs section ] ****---- */ body.innerpage {} .website-acs { padding: 80px 0;} /*.website-acs .website-info-block { background: #FFFFFF; padding: 30px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}*/ .website-acs .section-header h2 { font-size: 54px;} .website-acs .website-info-block p { font-size: 18px; line-height: 28px; font-weight: 400; color:#000000;} .website-acs .website-info-block p:last-child { margin:0;} .website-acs .website-info-block p a { color: #E5152D; text-decoration:underline;} /* ----**** [ breadcrumbs section ] ****---- */ .breadcrumbs { padding: 0; text-align:center; min-height: 240px; margin-top:120px; display: flex; align-items: center; justify-content: center;} .breadcrumbs h2 { font-size: 44px; margin-bottom: 0; font-weight: 400; color:#FFFFFF;} .breadcrumbs { background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../img/bg/bg-img3.webp") center center; overflow: hidden; padding: 40px 60px; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} /* ----**** [ locations section ] ****---- */ .locations-main .location-block { padding:0 0 40px 0;} .locations-main .location-block h2 { font-size:36px; font-weight:500;} .locations-main .location-block h2 span { display:block; font-size:22px; font-family: "Figtree", sans-serif; font-weight:500; margin:5px 0 0 0; color: #ce202f;} .locations-main .location-block p { font-size: 20px; margin:0 0 14px 0;} .locations-main .location-block a.order-btn:hover { background: #161616; color: #FFFFFF;} .locations-main .location-block ul { padding:0; margin:10px 0 0 0; list-style-type:none;} .locations-main .location-block ul li { display:inline-block; margin: 0 10px 0 0;} .locations-main .location-block ul li a { background: #686868; font-size:22px; display:block; color: #FFFFFF; width: 38px; height: 38px; line-height: 38px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;} #blog .container { width: 60%; } .post-details p{ font-size: 16px; } .privacy-policy h1 { font-size:32px; font-weight:600;} .privacy-policy h2 { font-size:26px; font-weight:600;} .privacy-policy h3 { font-size:26px; font-weight:600;} .privacy-policy h4 { font-size:22px; font-weight:600;} .privacy-policy h4 span { font-size:18px; font-weight:600;} .privacy-policy hr { background-color: #6e6e6e; margin: 20px 0; height: 1px; border: 0;} #our-menu {text-align:center; background:#ffffff; border-bottom: solid 1px rgba(0, 0, 0, 0.2)} /*#our-menu .container {max-width:45%;}*/ #our-menu .section-header h2 {color:#000000; font-size: 36px;} #our-menu .section-header h3 {font-size: 26px;} #our-menu p {font-size:18px; color:#090909; font-weight:400;} #home-welcome .welcome-text h3, #home-specialoffers .specialoffers-info h3 { color:#ffffff; } #home-specialoffers .specialoffers-info p { font-size: 18px; font-weight: 400; color: #FFFFFF; } #our-menu .order-btn { background: #E90C0A; color: #FFFFFF; padding:0 25px; min-width: 120px; height: 44px; border-radius: 4px; border:solid 2px #E90C0A;} #our-menu .order-btn:hover { background: #FFFFFF; color: #E90C0A; border:solid 2px #E90C0A;} .mobile-view-btn-only{ width: 100%; position: fixed; bottom: 0; left: 0; text-align: center; z-index: 9999; border-radius: 0; padding: 8px; background: #F6F6F6; display: flex; gap: 6px; display: none; } .mobile-view-btn-only a.mobile-view-order-btn { background: #E90C0A; font-family: "Anton", sans-serif; font-size:16px; font-weight: 400; color: #FFFFFF; text-transform:uppercase; display: inline-flex; justify-content: center; align-items: center; padding: 0 16px; /*min-width: 200px;*/ width: 100%; height: 44px; /*-webkit-border-radius: 50px 0 50px 0; -moz-border-radius: 50px 0 50px 0; -ms-border-radius: 50px 0 50px 0; border-radius: 50px 0 50px 0;*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;} .mobile-view-btn-only a.mobile-view-order-btn:hover, .mobile-view-btn-only a.mobile-view-order-btn:focus { background: #E90C0A; color: #FFFFFF;} .mobile-view-btn-only a.mobile-view-order-btn.apple-btn{ background: #000000; color: #FFFFFF;} .mobile-view-btn-only a.mobile-view-order-btn.apple-btn:hover{ background: #000000; color: #FFFFFF;} /* ----**** [ food menu wrapper section ] ****---- */ .food-menu-inner { } .menu-description { width: 80%; margin: 0 auto; padding-bottom: 0; text-align: center; } .menu-description p { font-weight: 600; padding: 0;} .food-menu-grid { display: flex; flex-direction: column;} .food-menu-grid.widthFull { display: inline;} .food-menu-grid.widthFull .food-menu-grid-item { width: 100%;} .food-menu-grid .food-menu-grid-item { width: 100%; margin-bottom: 36px;} .food-menu-grid .food-menu-grid-item:last-child { margin-bottom: 0;} .food-menu-grid-item-content .food-menu-description p { margin-bottom: 16px; text-align: center; color: rgba(0, 0, 0, 0.60);} .food-menu-grid-item-content .food-menu-content { display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 20px;} .food-menu-grid-item-content h3 { font-size:28px; color: #000; margin: 0 0 24px 0; font-weight: 600;} .food-item-holder { border-left: 1px solid #000; padding: 20px; width: 50%;} .food-item-holder .food-item-title { display: inline-block; font-size: 20px; font-weight: 600;} .food-item-holder .food-price { display: inline-block; padding: 0 10px 0 5px; float: right; font-size: 15px; font-weight: 600;} .food-item-holder .food-price.multiple-price { width: 100%; text-align: right; margin-top: -3px;} .food-item-holder .food-item-description { padding-top: 5px; padding-right: 20px; color: rgba(0, 0, 0, 0.60); font-size: 16px;} .food-item-holder .food-item-photo-holder { padding-bottom: 15px;} .food-item-holder .food-price { display: none!important;} .food-menu-wrapper .order-btn { background: #E90C0A; color: #FFFFFF; padding:0 25px; min-width: 120px; height: 44px; border-radius: 4px; border:solid 2px #E90C0A;} .food-menu-wrapper .order-btn:hover { background: #FFFFFF; color: #E90C0A; border:solid 2px #E90C0A;} /* ----**** [ breadcrumbs section ] ****---- */ .breadcrumbs { padding: 0; text-align:center; min-height: 240px; margin-top:120px; display: flex; align-items: center; justify-content: center;} .breadcrumbs h1 { font-size: 48px; margin-bottom: 0; font-weight: 400; color:#FFFFFF;} .breadcrumbs { background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../img/bg/bg-img3.webp") center center; overflow: hidden; padding: 40px 60px; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} .breadcrumbs ol{ display: flex; flex-wrap:wrap; list-style: none; padding: 0; margin: 0; font-size: 18px; font-weight: 600;} .breadcrumbs ol li a{ color: #cd0802;} .breadcrumbs ol li+li{ padding-left: 10px; color: #fff;} .breadcrumbs ol li+li::before{ content: "/"; display: inline-block; padding-right: 10px; color: color-mix(in srgb, #fff, transparent 70%);} #contact-us-info h3 { text-align: center; font-size: 26px; font-weight: 600;} #contact-us-info p { font-size: 20px; font-weight: 500; color: #000000; text-align: center; margin-bottom: 30px;} #contact-us-info p a { color: #cc0019;} #gallery .gallery-text { padding: 40px 80px; } #our-menu h3, #gallery .gallery-text h3 {font-size: 26px; font-weight: 600;} #contact-us-info {padding: 60px 0 30px 0;}