/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, overlay, section-padding etc)
    02. HEADER DESIGN STYLE
    03. FOOTER DESIGN STYLE
    04. HOME PAGE WELCOME SECTION DESIGN STYLE
    05. OUR STORY PAGE STORY SECTION DESIGN STYLE
    06. CONTACT US PAGE ALL SECTION DESIGN STYLE
    07. GIFT CARD PAGE ALL SECTION DESIGN STYLE
    08. LOYALTY CARD PAGE ALL SECTION DESIGN STYLE
    09. MENU PAGES ALL SECTION DESIGN STYLE
    10. EVENT PAGES ALL SECTION DESIGN STYLE
    11. BOOK TABLE PAGES ALL SECTION DESIGN STYLE
    12. RECIPS PAGE ALL SECTION DESIGN STYLE
    13. BLOG PAGE ALL SECTION DESIGN STYLE
    14. CAREER PAGE ALL SECTION DESIGN STYLE
    15. OFFERS PAGE ALL SECTION DESIGN STYLE
    16. APP DELIVERY PAGE ALL SECTION DESIGN STYLE
*=============================================================*/

/*===================================*
  01. GENERAL STYLE
*===================================*/
body {
    background: #ffffff none repeat scroll 0 0;
    color: #1A1A1A;
    font-family: 'Exo', sans-serif;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,h5,h6 {
    color: #FE7B19;
    font-family: 'Exo', sans-serif;
    margin: 0;
}
h1 {
    font-size: 36px;
    font-weight: normal;
}
h6 {
    font-size: 16px;
}
p {
    color:#1A1A1A;
    margin: 0;
}
a {
    color: #1A1A1A;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    transition: all .5s ease;
}
a:hover {
    color: #018837;
    text-decoration: none;
    transition: all .5s ease;
}
a:focus {
    outline: none;
    text-decoration: none;
}
/*img {
    max-width: 100%;
}*/
ul,li,ol {
    margin: 0;
    list-style: none;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
label {
    color: #1A1A1A;
}
input:focus,
textarea:focus {
    outline: none;
    box-shadow:  none !important;
}
section {
    position:relative;
}
.common-title {
    text-align: center;
    margin-bottom: 30px;
}
.common-title h1 {
    display: inline-block;
    position: relative;
    font-size: 30px;
    font-weight: 600;
    font-style: italic;
}
.common-title > span {
    display: block;
}
.story-wrap {
    background-color: #fff;
    margin: 120px 0;
    padding: 40px 30px;
}
.story-detail p + p {
    margin-top: 30px;
}
.common-title h1 span {
    width: 80px;
    height: 2px;
    display: inline-block;
    background: #018837;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.common-title.small-title {
    margin-bottom: 20px;
}
.common-title h1 span.t-border-left {
    left: -100px;
}
.common-title h1 span.t-border-right {
    right: -100px;
}
.contact-form {
    border: 3px solid #FE941B;
    border-radius: 10px;
    background: #fff;
    padding: 30px 20px;
    margin-top: -250px;
}
.contact-form .common-title h1 {
    color: #FE7B19;
}
.common-title.small-title h1 {
    font-size: 26px;
}
.common-title.small-title h1 span {
    width: 60px;
}
.common-title.small-title h1 span.t-border-left {
    left: -70px;
}
.common-title.small-title h1 span.t-border-right {
    right: -70px;
}

.defult-form h5 {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    font-style: italic;
    margin-bottom: 20px;
}

.defult-form {
    border: 3px solid #FE941B;
    border-radius: 10px;
    padding: 40px 30px;
}

.form-wrap label {
    display: block;
    font-weight: 600;
    margin: 0 0 5px 0;
}

.form-wrap select, .form-wrap input {
    width: 100%;
    border: 1px solid #FEB31D;
    border-radius: 5px;
    font-size: 14px;
    color: #000;
    padding: 7px 15px;
    line-height: normal;
    margin-bottom: 0;
}

.defult-form .form-wrap + .form-wrap {
    margin-top: 20px;
}

.form-wrap button {
    margin-top: 5px;
    border: none;
    background-color: #FE7B19;
    cursor: pointer;
    font-size: 15px;
    padding: 5px 30px;
    color: #fff;
    border-radius: 5px;
}

.form-wrap select:focus, .form-wrap input:focus {
    outline: none;
}
/*******************************************/

/*===================================*
  02. HEADER DESIGN STYLE
*===================================*/
header .navbar-brand {
    margin-bottom: -74px !important;
}
header .navbar-nav a {
    color: #333333;
    font-weight: 500;
    font-size: 18px;
    padding: 15px 0 !important;
}
header .navbar-nav li + li {
    margin-left: 40px;
}
header {
    z-index: 9;
    position: relative;
}
.submenu-wrap {
    position: absolute;
    min-width: 120px;
    text-align: center;
    left: 50%;
    z-index: 9;
    padding: 10px 5px;
    transform: translateX(-50%);
    background-color: #FE7B19;
    top: 120%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease 0s;
}
header .navbar-nav li {
    position: relative;
}
.submenu-wrap li {
    margin: 0 !important;
}
.submenu-wrap li a {
    font-size: 14px;
    font-weight: bold;
    padding: 0 !important;
    color: #fff;
}
.submenu-wrap li + li {
    padding-top: 4px;
}
.submenu-wrap li + li:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    background: #018837;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.submenu-wrap:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #fe7b19 transparent;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
}
header .navbar-nav > li:hover .submenu-wrap {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
/*******************************************/
/*===================================*
  03. FOOTER DESIGN STYLE
*===================================*/
footer {
    background-color: #FE7B19;
    padding: 40px 0;
}
footer * {
    color: #fff;
}
.footer-title {
    margin-bottom: 10px;
}
.footer-box-inner + .footer-box-inner {
    margin-top: 20px;
}
.footer-box li {
    display: flex;
    align-items: center;
}
.footer-box li a {
    display: flex;
    font-size: 14px;
    align-items: flex-start;
}
.footer-box li a img {
    margin-top: 5px;
}
.footer-box li img, .footer-box li i {
    margin-right: 10px;
}
.footer-box li a i {
    margin-top: 3px;
}
.footer-box li + li {
    margin-top: 8px;
}
.map-box {
    position: relative;
}
.map-box .find-us-btn {
    position: absolute;
    bottom: 20px;
    color: #ffffff;
    left: -40px;
    border: 2px solid #fff;
    background: #FE7B19;
    text-transform: uppercase;
    font-size: 16px;
    padding: 4px 10px;
    border-radius: 10px;
}
.payment-img {
    margin-top: 20px;
}
/*******************************************/

/*===================================*
  04. HOME PAGE WELCOME SECTION DESIGN STYLE
*===================================*/
.welcome-section {
    background-image: url(../storage/new_imgages/welcome-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.welcome-section div {
}
.welcome-wrap {
    position: relative;
    margin: 0 auto;
}
.welcome-btn {
    font-size: 18px;
    background: rgb(254 123 25 / 0.7);
    padding: 7px 25px;
    color: #fff;
    font-weight: bold;
    position: relative;
}
.welcome-btn span {
    position: relative;
    z-index: 1;
}
.welcome-wrap-inner h1 {
    color: #fff;
    margin-bottom: 20px;
}
.welcome-btn:before {
    content: "";
    position: absolute;
    width: 0%;
    z-index: 0;
    height: 100%;
    left: 0;
    background: #FE7B19;
    transition: all 0.3s ease 0s;
    top: 0;
}
.welcome-btn:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    right: 0;
    background: #FE7B19;
    top: 0;
    z-index: 0;
    transition: all 0.3s ease 0s;
}
.welcome-btn:hover:before, .welcome-btn:hover:after {
    width: 51%;
}
.welcome-wrap-inner {
    text-align: center;
    max-width: 633px;
    margin-left: auto;
    z-index: 1;
    background-image: url(../storage/new_imgages/square-frame.png);
    padding: 290px 0 200px 0;
    background-repeat: no-repeat;
    position: relative;
}
.welcome-section:after {
    content: "";
    /*position: absolute;*/
    width: 100%;
    background-repeat: no-repeat;
    height: 100%;
    background-image: url(../storage/new_imgages/squre-bg.png);
    top: 0;
    right: 0;
    background-position: center right;
}
/*******************************************/


/*===================================*
  05. OUR STORY PAGE STORY SECTION DESIGN STYLE
*===================================*/
.story-section {
    background-image: url(../storage/new_imgages/story-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.contact-section img {
    width: 100%;
}
.custom-form input::placeholder, .custom-form textarea::placeholder {
    color: #000;
}
.custom-form input, .custom-form textarea {
    width: 100%;
    border: 1px solid #FEB31D;
    border-radius: 5px;
    font-size: 14px;
    color: #000;
    padding: 7px 15px;
    line-height: normal;
    margin-bottom: 12px;
}
footer.contact-footer {
    padding-top: 80px;
}
.custom-form button {
    border: none;
    background-color: #FE7B19;
    cursor: pointer;
    font-size: 15px;
    padding: 5px 30px;
    border-radius: 5px;
}
/*******************************************/
/*===================================*
  07. GIFT CARD PAGE ALL SECTION DESIGN STYLE
*===================================*/
.gift-top-section img {
    width: 100%;
}
.gift-card-section {
    background-image: url(../storage/new_imgages/gift-details-bg.png);
    background-size: cover;
        background-position: center right;
    background-repeat: no-repeat;
    padding: 40px 0px;
}
/*******************************************/

/*===================================*
  08. LOYALTY CARD PAGE ALL SECTION DESIGN STYLE
*===================================*/

.loyalty-card-section {
    background-image: url(../storage/new_imgages/loyalty-card-bg.png);
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    padding: 100px 0px 60px 0px;
}
.loyalty-card-wrap {
    background: #fff;
    padding: 45px 20px;
}
/*******************************************/

/*===================================*
  09. MENU PAGES ALL SECTION DESIGN STYLE
*===================================*/
.menu-section {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 100px 0px 60px 0px;
}
.breakfast-menu-wine{
    background-image: url(../storage/new_imgages/Bar-wine-background.jpg);
}
.breakfast-menu-beer{
    background-image: url(../storage/new_imgages/Bar-Beers-background.jpg);
}
.breakfast-menu-sof-drink{
    background-image: url(../storage/new_imgages/Bar-soft-drinks-background.jpg);
}
.breakfast-menu-cocktail{
    background-image: url(../storage/new_imgages/Bar-cocktails-background.jpg);
}
.breakfast-menu {
    background-image: url(../storage/new_imgages/breakfast-bg.png);
}
.lunch-menu {
    background-image: url(../storage/new_imgages/lunch-bg.png);   
}
.brunch-menu {
    background-image: url(../storage/new_imgages/brunch-bg.png);
}
.bar-menu {
    background-image: url(../storage/new_imgages/bar-bg.png);   
}
.dinner-menu {
    background-image: url(../storage/new_imgages/dinner-bg.png);   
}
.menu-wrap {
    background-color: #fff;
    padding: 30px 30px;
}

.menu-title h1 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}

.menu-wrap-inner {
    display: flex;
    flex-wrap: wrap;
}

.left-menu {
    max-width: 50%;
    flex: 0 0 50%;
    padding-right: 15px;
    text-align: center;
}
.sub-item {
    font-size: 14px;
    font-style: italic;
    font-weight: normal !important;
}
.right-menu {
    max-width: 50%;
    flex: 0 0 50%;
    padding-left: 15px;
    text-align: center;
}

.menu-box.design-one h6 {
    color: #1A1A1A;
    font-weight: bold;
    font-size: 16px;
}

.menu-box.design-one p {
    margin-top: 5px;
    font-size: 14px;
    font-style: italic;
}

.menu-box.design-one + .menu-box.design-one {
    margin-top: 15px;
}

.menu-box.design-two h5 {
    color: #018837;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.menu-box.design-two + .menu-box.design-two {margin-top: 30px;}

.menu-box.design-two p {
    font-size: 15px;
    font-weight: bold;
}

.allergenic-box {
    margin-top: 30px;
}

.allergenic-box p {
    font-weight: bold;
    font-style: italic;
}
/*******************************************/
/*===================================*
  10. EVENT PAGES ALL SECTION DESIGN STYLE
*===================================*/
.event-top-section img {
    width: 100%;
}
.event-section {
    padding: 40px 0;
}

/*******************************************/
/*===================================*
  11. BOOK TABLE PAGES ALL SECTION DESIGN STYLE
*===================================*/
.table-top-section img {
    width: 100%;
}
.table-section {
    padding: 40px 0;
}

/*******************************************/
/*===================================*
  12. RECIPS PAGE ALL SECTION DESIGN STYLE
*===================================*/

.recipes-section {
    background-image: url(../storage/new_imgages/recipes-bg.png);   
    padding: 85px 0px 45px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}
.recipes-detail {
    background-color: #fff;
    margin-top: -2px;
    padding: 15px 15px;
}

.recipes-img img {
    width: 100%;
}

.recipes-detail a {
    font-size: 15px;
    font-weight: bold;
}

.recipes-detail p   {
    font-size: 14px;
    margin: 7px 0 30px 0;
}

.recipes-detail .recipes-more {
    text-transform: uppercase;
    position: absolute;
    bottom: 16px;
}
.recipes-box {
    height: 100%;
    background: #fff;
}
.recipes-wrap > div {
    margin: 15px 0;
}
/*******************************************/
/*===================================*
  13. BLOG PAGE ALL SECTION DESIGN STYLE
*===================================*/

.blog-section {
    padding: 40px 0px 40px 0px;
    background-color: #FE941B;
}
.blog-detail {
    background-color: #fff;
    margin-top: -2px;
    padding: 15px 0px;
}

.blog-img img {
    width: 100%;
}

.blog-detail a {
    font-size: 15px;
    font-weight: bold;
}

.blog-detail p   {
    font-size: 14px;
    margin: 7px 0 40px 0;
}

.blog-detail .blog-more {
    text-transform: uppercase;
    position: absolute;
    bottom: 16px;
}
.blog-box {
    height: 100%;
    background: #fff;
}
.blog-wrap > div {
    margin: 15px 0;
}
.blog-section-inner {
    background-color: #fff;
    padding: 30px 0;
}
.blogs-inner > div + div {
    margin-top: 20px;
}
/*******************************************/
/*===================================*
  14. CAREER PAGE ALL SECTION DESIGN STYLE
*===================================*/
.career-section {
    padding: 100px 0px 60px 0px;
    background-image: url(../storage/new_imgages/career-bg.png); 
    background-size: cover;
    background-repeat: no-repeat;
}
.career-section-inner {
    background-color: #fff;
    padding: 40px 0;
}
.career-title h1 {
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 10px;
}

.job-search select {
    width: 100%;
    border: 2px solid #018837;
    border-radius: 5px;
    font-size: 14px;
    color: #000;
    padding: 7px 15px;
    line-height: normal;
    margin-bottom: 0;
}
.job-option a {
    background: #018837;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    display: inline-block;
}
.job-option a:hover {
    background-color: #FE7B19;
}
.job-option ul li + li {
    margin-top: 10px;
}
.career-brand-img {
    text-align: right;
}
.job-option {
   margin-top: 20px;
}
/*******************************************/


/*===================================*
  15. OFFERS PAGE ALL SECTION DESIGN STYLE
*===================================*/
.offer-section {
    background-image: url(../storage/new_imgages/brunch-bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 100px 0px 60px 0px;
}
.offers-section-inner {
    background-color: #fff;
    padding: 30px 20px;
}
.product-sort > h5 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

.product-sort-box h6 {
    color: #018837;
    font-weight: bold;
    margin-bottom: 10px;
}

.product-sort-box a {
    font-size: 14px;
}

.product-sort-box + .product-sort-box {
    margin-top: 20px;
}
.row.product-wrap {
    margin-left: -10px;
    margin-right: -10px;
}

.row.product-wrap > div {
    padding-right: 10px;
    padding-left: 10px;
}

.product-box {
    border: 1px solid #808080;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    padding: 20px 15px;
}

.product-details a {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 10px 0;
}

.product-img {
    text-align: center;
}

.product-wrap > div {
    margin: 10px 0;
}
/*******************************************/

/*===================================*
16. APP DELIVERY PAGE ALL SECTION DESIGN STYLE
*===================================*/
.app-delivery-section img {
    width: 100%;
}
/*******************************************/