#canvas  {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 9999;

    pointer-events: none;

    display: block;

    transition: opacity 0.5s ease-in-out;

}

@font-face  {

    font-family: "Playfair Display";

    src: url(../fonts/playfair-display-regular.woff2) format("woff2");

    font-weight: 400;

    font-style: normal;

}

@font-face  {

    font-family: "Playfair Display";

    src: url(../fonts/playfair-display-bold.woff2) format("woff2");

    font-weight: 700;

    font-style: normal;

}

@font-face  {

    font-family: "Nunito";

    src: url(../fonts/nunito-regular.woff2) format("woff2");

    font-weight: 400;

    font-style: normal;

}

@font-face  {

    font-family: "Nunito";

    src: url(../fonts/nunito-bold.woff2) format("woff2");

    font-weight: 700;

    font-style: normal;

}

@font-face  {

    font-family: "Courgette";

    src: url(../fonts/courgette-regular.woff2) format("woff2");

    font-weight: 400;

    font-style: normal;

}

@font-face  {

    font-family: "Pinyon Script";

    src: url(../fonts/pinyon-script-regular.woff2) format("woff2");

    font-weight: 400;

    font-style: normal;

}

body::-webkit-scrollbar  {

    width: 7px;

}

body::-webkit-scrollbar-track  {

    background: #1b1b1b;

}

body::-webkit-scrollbar-thumb  {

    background: #777;

    border-radius: 5px;

}

body::-webkit-scrollbar-thumb:hover  {

    background: #aaa;

}

body, html  {

    -moz-osx-font-smoothing: grayscale;

    -moz-font-smoothing: antialiased;

    -webkit-font-smoothing: antialiased;

}

*  {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    outline: 0;

    list-style: none;

    word-wrap: break-word;

}

body  {

    font-family: Nunito, sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.75em;

    color: #777;

    overflow-x: hidden !important;

}

p  {

    font-family: Nunito, sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.75em;

    color: #ccc;

    margin-bottom: 20px;

}

h1, h2, h3, h4, h5, h6  {

    font-family: "Playfair Display", serif;

    font-weight: 400;

    line-height: 1.25em;

    margin: 0 0 20px 0;

    color: #000;

}

img  {

    width: 100%;

    height: auto;

}

img  {

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    color: #f4f4f4;

}

a, span  {

    display: inline-block;

    text-decoration: none;

    color: #ccc;

}

a:hover  {

    display: inline-block;

    text-decoration: none;

    color: #fff;

}

b  {

    font-weight: 400;

    color: #1b1b1b;

}

.flex  {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    outline: 0;

}

button  {

    text-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    line-height: 1.75em;

    -webkit-transition: background-color 0.15s ease-out;

    transition: background-color 0.15s ease-out;

    background: 0 0;

    border: 0 solid transparent;

}

button:hover  {

    border: 0 solid transparent;

}

select  {

    padding: 10px;

    border-radius: 5px;

}

::-webkit-input-placeholder  {

    color: #1b1b1b;

    font-size: 15px;

    font-weight: 400;

}

:-moz-placeholder  {

    color: #1b1b1b;

}

::-moz-placeholder  {

    color: #1b1b1b;

    opacity: 1;

}

:-ms-input-placeholder  {

    color: #1b1b1b;

}

blockquote  {

    padding: 45px;

    display: block;

    position: relative;

    background-color: rgba(237, 71, 65, 0.3);

    border-radius: 5px;

    overflow: hidden;

    margin-bottom: 60px;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.75em;

    color: #fff;

}

blockquote p  {

    font-family: inherit;

    margin-bottom: 0 !important;

    color: #000;

    max-width: 850px;

    width: 100%;

    position: relative;

    z-index: 3;

}

blockquote:before  {

    content: "\e645";

    font-family: Themify;

    position: absolute;

    right: 40px;

    bottom: 40px;

    font-size: 110px;

    opacity: 0.35;

    line-height: 1;

    color: rgba(237, 71, 65, 1);

}

@media screen and (max-width: 1199.98px)  {

    blockquote:before  {

        display: none;

    }

}

blockquote p  {

    margin-bottom: 0;

}

blockquote p a  {

    color: inherit;

}

.mt-0  {

    margin-top: 0 !important;

}

.mt-7  {

    margin-top: 7px !important;

}

.mt-15  {

    margin-top: 15px !important;

}

.mt-20  {

    margin-top: 20px !important;

}

.mt-30  {

    margin-top: 30px !important;

}

.mt-50  {

    margin-top: 50px !important;

}

.mt-60  {

    margin-top: 60px !important;

}

.mt-90  {

    margin-top: 90px !important;

}

.mb-10  {

    margin-bottom: 10px !important;

}

.mb-15  {

    margin-bottom: 15px !important;

}

.mb-20  {

    margin-bottom: 20px !important;

}

.mb-25  {

    margin-bottom: 25px !important;

}

.mb-30  {

    margin-bottom: 30px !important;

}

.mb-40  {

    margin-bottom: 40px !important;

}

.mb-60  {

    margin-bottom: 60px !important;

}

.mb-90  {

    margin-bottom: 90px !important;

}

.pb-0  {

    padding-bottom: 0 !important;

}

.pt-60  {

    padding-top: 60px;

}

.pt-100  {

    padding-top: 100px;

}

@media screen and (min-width: 992px)  {

    .lg-pt-110  {

        padding: 110px 0 80px !important;

    }

}

.no-padding  {

    padding: 0 !important;

}

.o-hidden  {

    overflow: hidden;

}

.position-re  {

    position: relative;

}

.full-width  {

    width: 100%;

}

.bg-img  {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top;

}

.bg-fixed  {

    background-attachment: fixed;

}

.bold  {

    font-weight: 600;

}

.valign  {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

.v-middle  {

    position: absolute;

    width: 100%;

    top: 50%;

    left: 0;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);

}

.v-bottom  {

    position: absolute;

    width: 100%;

    bottom: 5%;

    left: 0;

    -webkit-transform: translate(0, -5%);

    transform: translate(0, -5%);

}

.js .animate-box  {

    opacity: 0;

}

.bg-cream  {

    background: #f9eed2;

}

.dark-bg  {

    background: #272727;

}

.star-container  {

    display: flex;

    gap: 10px;

}

#star-full-icon, #star-half-icon  {

    fill: #f0b61f;

}

#star-empty-icon  {

    fill: #ccc;

}

::-webkit-selection  {

    color: #fff;

    background: #00b2b0;

}

::-moz-selection  {

    color: #fff;

    background: #00b2b0;

}

::selection  {

    color: #000;

    background: #fff;

}

#preloader, .preloader-bg  {

    position: fixed;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: #1b1b1b;

    z-index: 999999;

}

#preloader  {

    display: table;

    table-layout: fixed;

}

#preloader-status  {

    display: table-cell;

    vertical-align: middle;

}

.preloader-position  {

    position: relative;

    margin: 0 auto;

    text-align: center;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}

.loader  {

    position: relative;

    width: 55px;

    height: 55px;

    left: 50%;

    top: auto;

    margin-left: -22px;

    margin-top: 1px;

    -webkit-animation: rotate 1s infinite linear;

    -moz-animation: rotate 1s infinite linear;

    -ms-animation: rotate 1s infinite linear;

    -o-animation: rotate 1s infinite linear;

    animation: rotate 1s infinite linear;

    border: 1px solid rgba(255, 255, 255, 0.1);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}

.loader span  {

    position: absolute;

    width: 55px;

    height: 55px;

    top: -1px;

    left: -1px;

    border: 1px solid transparent;

    border-top: 1px solid #f0b61f;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}

@-webkit-keyframes rotate  {

    0%  {

        -webkit-transform: rotate(0);

    }

    100%  {

        -webkit-transform: rotate(360deg);

    }

}

@keyframes rotate  {

    0%  {

        transform: rotate(0);

    }

    100%  {

        transform: rotate(360deg);

    }

}

.owl-theme .owl-nav.disabled + .owl-dots  {

    margin-top: 0;

    line-height: 1.5;

    display: block;

    outline: none;

}

.owl-theme .owl-nav.disabled + .owl-dots  {

    margin-top: 15px;

    margin-bottom: 15px;

}

.owl-theme .owl-dots .owl-dot span  {

    width: 12px;

    height: 12px;

    margin: 0 3px;

    border-radius: 50%;

    background: transparent;

    border: 1px solid #f0b61f;

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span  {

    background: #f0b61f;

    border: 1px solid #f0b61f;

}

.owl-theme .owl-nav  {

    position: absolute !important;

    top: 45% !important;

    bottom: auto !important;

    width: 100%;

}

.owl-theme .owl-nav  {

    position: relative;

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

}

.owl-theme .owl-prev, .owl-theme .owl-prev  {

    left: 10px !important;

}

.owl-theme .owl-next  {

    right: 10px !important;

}

.owl-theme .owl-prev, .owl-theme .owl-next  {

    color: #fff;

    position: absolute !important;

    top: 50%;

    padding: 0;

    height: 50px;

    width: 50px;

    border-radius: 0%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    background: #272727;

    border: 1px solid #272727;

    line-height: 0;

    text-align: center;

    font-size: 16px;

}

.owl-theme .owl-prev > span, .owl-theme .owl-next > span  {

    position: absolute;

    line-height: 0;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.owl-theme .owl-nav [class*="owl-"]  {

    width: 50px;

    height: 50px;

    line-height: 45px;

    background: transparent;

    border-radius: 100%;

    color: #fff;

    font-size: 10px;

    margin-right: 60px;

    margin-left: 60px;

    cursor: pointer;

    border: 1px solid rgba(255, 255, 255, 0.3);

    transition: all 0.2s ease-in-out;

    transform: scale(1);

}

.owl-theme .owl-nav [class*="owl-"]:hover  {

    transform: scale(0.9);

    background: transparent;

    border: 1px solid #f0b61f;

    color: #fff;

}

@media screen and (max-width: 768px)  {

    .owl-theme .owl-nav  {

        display: none;

    }

}

.section-padding  {

    padding: 80px 0;

    background-color: #000;

}

@media screen and (max-width: 991.98px)  {

    .section-padding  {

        padding: 80px 0 0;

    }

}

.section-padding2  {

    padding: 0 0 120px 0;

}

.section-padding h6  {

    color: #1b1b1b;

    font-size: 20px;

    margin-bottom: 20px;

}

.section-head  {

    position: relative;

    margin: 0 auto 60px;

}

.section-head .section-subtitle  {

    color: #f0b61f;

    font-family: Nunito, sans-serif;

    font-weight: 600;

    font-size: 12px;

    margin: 10px 0;

    text-transform: uppercase;

    letter-spacing: 3px;

}

.section-head .section-title  {

    font-family: "Playfair Display", serif;

    font-size: 50px;

    line-height: 50px;

    font-weight: 400;

    color: #fff;

    text-shadow: 0 0 15px #fff;

}

.section-head .section-title.white  {

    color: #fff;

}

.section-head .section-backtitle  {

    position: absolute;

    font-family: "Pinyon Script", serif;

    color: #fff;

    bottom: 0;

    left: 0;

    width: 100%;

    text-align: center;

    font-size: 130px;

    opacity: 0.1;

    line-height: 150px;

}

.section-head .icon  {

    margin: 40px 0 0 5px;

    font-size: 50px;

    position: relative;

}

.section-head .icon:after, .section-head .icon:before  {

    content: "";

    position: absolute;

    width: 60px;

    height: 1px;

    background: #ccc;

    top: 50%;

    right: -80px;

    opacity: 0.5;

}

.section-head .icon:after  {

    right: auto;

    left: -80px;

}

.section-head .icon i  {

    color: #f0b61f;

}

.navbar  {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    background: 0 0;

    z-index: 99;

    padding-right: 0;

    padding-left: 0;

    padding-top: 0;

    padding-bottom: 0;

    height: 90px;

    border: none;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.navbar-toggler-icon  {

    background-image: none;

    width: auto;

    height: auto;

    display: inline-flex;

}

.navbar .icon-bar, .navbar .navbar-toggler-icon  {

    color: #fff;

}

.navbar .navbar-nav .nav-link  {

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.5px;

    text-transform: uppercase;

    color: #fff;

    margin: 1px;

    -webkit-transition: all 0.2s;

    transition: all 0.2s;

    padding-right: 12px;

    padding-left: 12px;

    font-family: Nunito, sans-serif;

    display: block;

}

@media screen and (min-width: 992px)  {

    .navbar .navbar-nav .nav-link:hover  {

        color: #fff;

        background: #c31f2e;

        border-radius: 5px;

    }

}

@media screen and (max-width: 991.98px)  {

    .navbar .navbar-nav .nav-link:active  {

        color: #fff;

        background: #c31f2e;

        border-radius: 5px;

    }

}

.nav-scroll  {

    background: #000;

    padding: 0;

    position: fixed;

    top: -100px;

    left: 0;

    width: 100%;

    -webkit-transition: -webkit-transform 0.5s;

    transition: -webkit-transform 0.5s;

    transition: transform 0.5s;

    transition: transform 0.5s, -webkit-transform 0.5s;

    -webkit-transform: translateY(100px);

    transform: translateY(100px);

    border: none;

}

.nav-scroll .icon-bar, .nav-scroll .navbar-toggler-icon  {

    color: #fff;

}

.nav-scroll .navbar-nav .nav-link  {

    color: #fff;

}

.nav-scroll .navbar-nav .logo  {

    padding: 15px 0;

    color: #fff;

}

.nav-scroll .logo-img  {

    width: 200px;

}

.nav-scroll .logo-img  {

    margin-bottom: 0;

}

.nav-scroll .logo-wrapper .logo h2  {

    font-family: "Playfair Display", serif;

    font-size: 27px;

    font-weight: 500;

    display: block;

    width: 100%;

    position: relative;

    color: #fff;

    margin-bottom: 0;

    text-transform: uppercase;

    letter-spacing: 2px;

}

.nav-scroll .logo-wrapper .logo span  {

    display: block;

    font-family: Nunito, sans-serif;

    font-size: 9px;

    color: #f0b61f;

    font-weight: 400;

    letter-spacing: 9px;

    display: block;

    margin-top: 0;

    line-height: 1.2em;

    text-transform: uppercase;

}

.logo-wrapper  {

    float: left;

    padding: 21px 0 20px 12px;

}

@media screen and (max-width: 991.98px)  {

    .logo-wrapper  {

        padding: 26px 0 25px 12px;

    }

}

.logo-wrapper .logo h2  {

    font-family: "Playfair Display", serif;

    font-size: 27px;

    font-weight: 500;

    display: block;

    width: 100%;

    position: relative;

    color: #fff;

    margin-bottom: 0;

    text-transform: uppercase;

    letter-spacing: 2px;

}

.logo-wrapper .logo h2 a i  {

    color: #fff;

    font-size: 20px;

    vertical-align: super;

}

.logo-wrapper .logo span  {

    display: block;

    font-family: Nunito, sans-serif;

    font-size: 9px;

    color: #f0b61f;

    font-weight: 400;

    letter-spacing: 9px;

    display: block;

    margin-top: 0;

    line-height: 1.2em;

    text-transform: uppercase;

}

.logo  {

    padding: 0;

}

.logo-img  {

    width: 200px;

    text-align: center;

}

.nav-scroll .logo-wrapper  {

    padding: 26px 0 25px 12px;

    background-color: transparent;

}

.navbar .container  {

    max-width: 100%;

    padding: 0;

}

@media screen and (min-width: 576px)  {

    .navbar .container  {

        max-width: 540px;

        padding: 0;

    }

}

@media screen and (min-width: 768px)  {

    .navbar .container  {

        max-width: 720px;

        padding: 0;

    }

}

@media screen and (min-width: 992px)  {

    .navbar .container  {

        max-width: 960px;

        padding: 0;

    }

}

@media screen and (min-width: 1200px)  {

    .navbar .container  {

        max-width: 1140px;

        padding: 0;

        height: 100%;

    }

}

@media screen and (max-width: 991.98px)  {

    .navbar  {

        padding-left: 0;

        padding-right: 0;

        background: 0 0;

        padding-top: 0;

        padding-bottom: 0;

    }

    .nav-scroll  {

        background: #000;

    }

    .nav-scroll .logo-img  {

        width: 160px;

    }

    .navbar .logo  {

        text-align: left;

        margin-left: 0;

    }

    .logo-img  {

        margin-bottom: 0;

        width: 160px;

        padding: 0;

    }

    .navbar button  {

        margin-right: 0;

        outline: 0 !important;

        background: 0 0;

        margin-top: 0;

        border: none;

    }

    .navbar button:hover  {

        background: 0 0;

    }

    .navbar button:active, .navbar button:focus, .navbar button:hover  {

        background: 0 0;

        outline: 0;

        color: transparent !important;

    }

    .navbar .nav-link  {

        margin: 0 auto !important;

    }

    .navbar .navbar-nav  {

        padding: 20px;

    }

    .navbar .navbar-nav .nav-link  {

        color: #fff;

    }

    .nav-scroll .navbar-collapse .nav-link  {

        color: #fff;

    }

    .navbar .navbar-nav .nav-link  {

        padding-right: 0;

        padding-left: 0;

    }

    .navbar .navbar-collapse  {

        max-height: 450px;

        overflow: hidden;

        background: #000;

        text-align: center;

    }

}

.header  {

    min-height: 100vh;

    overflow: hidden;

}

.header .caption .o-hidden  {

    display: inline-block;

}

.header .caption h6  {

    position: relative;

    margin-bottom: 15px;

    font-family: Nunito, sans-serif;

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: 7px;

    line-height: 1.5em;

    -webkit-animation-delay: 0.1s;

    animation-delay: 0.1s;

    color: #fff;

}

.header .caption h6 span  {

    display: block;

    margin-top: 0;

    line-height: 1.5em;

    -webkit-animation-delay: 0.1s;

    animation-delay: 0.1s;

}

.header .caption h1  {

    position: relative;

    margin-bottom: 15px;

    font-family: Allura, serif;

    font-size: 90px;

    line-height: 1em;

    -webkit-animation-delay: 0.3s;

    animation-delay: 0.3s;

    color: #fff;

    font-weight: 400;

    text-shadow: 0 0 20px #fff;

}

.header .caption h1 span  {

    display: block;

    font-family: Courgette, serif;

    font-size: 40px;

    margin-top: 0;

    line-height: 1.5em;

    -webkit-animation-delay: 0.3s;

    animation-delay: 0.3s;

    color: #f0b61f;

    text-shadow: none;

}

.header .caption h1 i  {

    display: block;

    font-family: Nunito, sans-serif;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 3px;

    font-style: normal;

    margin-top: 0;

    line-height: 1.5em;

    -webkit-animation-delay: 0.3s;

    animation-delay: 0.3s;

}

.header .caption h4  {

    font-family: Nunito, sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.5em;

    color: #fff;

    margin-bottom: 0;

    -webkit-animation-delay: 0.5s;

    animation-delay: 0.5s;

}

.header .caption p  {

    font-size: 15px;

    line-height: 1.5em;

    margin-bottom: 0;

    color: #fff;

    -webkit-animation-delay: 0.7s;

    animation-delay: 0.7s;

}

.header .caption .button-1  {

    -webkit-animation-delay: 0.9s;

    animation-delay: 0.9s;

}

.header .caption .button-2  {

    -webkit-animation-delay: 0.9s;

    animation-delay: 0.9s;

}

.header div.reservation  {

    -webkit-writing-mode: vertical-lr;

    -ms-writing-mode: tb-lr;

    writing-mode: vertical-lr;

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

    text-orientation: sideways;

    text-orientation: sideways;

    margin: 0;

    position: absolute;

    top: 0;

    left: 40px;

    height: 60%;

    z-index: 9;

}

.header div.reservation .call  {

    color: #f0b61f;

    text-transform: uppercase;

    font-family: Nunito, sans-serif;

    font-weight: 400;

    letter-spacing: 3px;

    font-size: 12px;

    line-height: 1.75em;

    margin-top: 15px;

}

.header div.reservation .call span  {

    font-family: "Times New Roman", serif;

    font-size: 27px;

    color: #fff;

    letter-spacing: 0;

}

.header div.reservation .icon  {

    position: absolute;

    left: -1px;

    top: -50px;

    width: 50px;

    height: 50px;

    border: 2px solid #f0b61f;

    -webkit-animation: pulse 2s infinite;

    animation: pulse 2s infinite;

    border-radius: 100%;

}

.header div.reservation .icon i  {

    color: #fff;

    font-size: 24px;

    transform: rotate(90deg);

}

@media screen and (max-width: 992px)  {

    .header div.reservation  {

        display: none;

    }

}

.slider .owl-item  {

    height: 100vh;

    position: relative;

}

.slider .item  {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-size: cover;

    background-position: center;

}

.slider .item .caption  {

    z-index: 9;

}

.header .arrow  {

    position: absolute;

    bottom: 40px;

    width: 100%;

    text-align: center;

    z-index: 8;

}

.header .arrow.bounce  {

    -webkit-animation: bounce 3s infinite;

    animation: bounce 3s infinite;

}

.header .arrow i  {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    color: #fff;

    font-size: 15px;

    border: 2px solid rgba(255, 255, 255, 1);

    border-radius: 100%;

}

.header .arrow i:hover  {

    border: 2px solid #f0b61f;

}

.header .arrow i:hover:after  {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    opacity: 0;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.banner-header  {

    padding-top: 160px;

    padding-bottom: 160px;

    background-position: center;

}

.banner-header.full-height  {

    min-height: 100vh;

}

.banner-header .caption  {

    position: relative;

}

.banner-header h1  {

    position: relative;

    font-family: "Playfair Display", serif;

    font-size: 72px;

    line-height: 1em;

    color: #fff;

    text-shadow: 2px 0 10px #fff;

}

.banner-header h1 span  {

    display: block;

    font-family: Courgette, serif;

    font-size: 40px;

    margin-top: 12px;

    line-height: 1.5em;

    color: #f0b61f;

    text-shadow: none;

}

.banner-header h3  {

    position: relative;

    font-size: 60px;

    line-height: 1em;

    color: #fff;

}

.banner-header h3 span  {

    display: block;

    font-size: 30px;

    display: block;

    margin-top: 0;

    line-height: 1.5em;

    color: #f0b61f;

}

.banner-header h5  {

    color: #fff;

    font-size: 12px;

    font-family: Nunito, sans-serif;

    text-transform: uppercase;

    letter-spacing: 7px;

    margin-bottom: 15px;

    font-weight: 400;

}

.banner-header h5 a  {

    color: #f0b61f;

}

.banner-header p  {

    font-size: 15px;

    margin-bottom: 0;

    color: #fff;

}

.banner-header p a  {

    color: #f0b61f;

}

.banner-header .icon  {

    margin-top: 20px;

    font-size: 20px;

    position: relative;

}

.banner-header .icon:after, .banner-header .icon:before  {

    content: "";

    position: absolute;

    width: 60px;

    height: 1px;

    background: #fff;

    top: 50%;

    right: -80px;

    opacity: 0.3;

}

.banner-header .icon:after  {

    right: auto;

    left: -80px;

}

.banner-header .icon i  {

    color: #fff;

    margin: 0 2px;

}

.banner-header .arrow  {

    position: absolute;

    bottom: 100px;

    width: 100%;

    text-align: center;

    z-index: 8;

    outline: 0;

}

.banner-header .arrow.bounce  {

    -webkit-animation: bounce 3s infinite;

    animation: bounce 3s infinite;

}

.banner-header .arrow i  {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 50px;

    line-height: 50px;

    color: #fff;

    font-size: 15px;

    border: 2px solid rgba(255, 255, 255, 1);

    border-radius: 100%;

}

.banner-header .arrow i:hover:after  {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    opacity: 0;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

@media screen and (max-width: 767.98px)  {

    .banner-header h1  {

        font-size: 38px;

        margin-bottom: 15px;

        line-height: 1.35em;

    }

    .banner-header h1 span  {

        font-size: 26px;

    }

    .banner-header h3  {

        font-size: 36px;

    }

    .banner-header h3 span  {

        font-size: 27px;

    }

}

.about-bottom  {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 30px 0;

}

.image.about-signature  {

    margin-right: 20px;

    width: 70px;

}

.about-name  {

    font-size: 15px;

    font-weight: 400;

    color: #fff;

}

.about-list  {

    position: relative;

    display: block;

}

.about-list li  {

    position: relative;

    display: flex;

    align-items: center;

}

.about-list li + li  {

    margin-top: 10px;

}

.about-list-icon  {

    display: flex;

    align-items: center;

}

.about-list-icon span  {

    font-size: 10px;

    color: #1b1b1b;

    background-color: transparent;

    border-radius: 50%;

    padding: 10px;

    border: 0.5px dashed rgba(170, 132, 83, 0.75);

}

.about-list-text  {

    margin-left: 15px;

}

.about-list-text p  {

    font-size: 15px;

    margin: 0;

}

.chef-recommends .item  {

    position: relative;

    overflow: hidden;

    margin-bottom: 25px;

    border-radius: 5px;

    box-shadow: 0px 3px 7px #c31f2e;

}

.chef-recommends .item:hover img  {

    -webkit-filter: none;

    filter: none;

    -webkit-transform: scale(1.09, 1.09);

    transform: scale(1.09, 1.09);

    -webkit-filter: brightness(70%);

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    -ms-transition: all 1s ease;

    transition: all 1s ease;

}

.chef-recommends .item:hover .con  {

    bottom: 0;

}

.chef-recommends .item img  {

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.chef-recommends .item .con  {

    padding: 30px;

    position: absolute;

    bottom: -55px;

    text-align: center;

    width: 100%;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    z-index: 20;

    height: auto;

    box-sizing: border-box;

    background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.1) 2%, rgba(0, 0, 0, 0.75) 90%);

    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.01) 2%, rgba(0, 0, 0, 0.75) 90%);

    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.01) 2%, rgba(0, 0, 0, 0.75) 90%);

}

.chef-recommends .item .con .icon  {

    color: #fff;

    font-size: 30px;

    margin-bottom: 20px;

}

.chef-recommends .item .con h6, .chef-recommends .item .con h6 a  {

    position: relative;

    color: #f0b61f;

    font-family: Nunito, sans-serif;

    font-weight: 600;

    font-size: 12px;

    margin-bottom: 10px;

    text-transform: uppercase;

    letter-spacing: 1px;

    display: inline-block;

    padding: 5px 10px;

    background-color: rgba(237, 71, 65, 0.5);

    border-radius: 5px;

}

@media screen and (max-width: 991.98px)  {

    .chef-recommends .item .con h6  {

        display: none;

    }

}

.chef-recommends .item .con h6 i  {

    font-size: 6px;

    margin-right: 2px;

}

.chef-recommends .item .con h5, .chef-recommends .item .con h5 a  {

    position: relative;

    color: #fff;

    font-size: 24px;

    text-shadow: 0px 0 15px #fff;

}

@media screen and (max-width: 991.98px)  {

    .chef-recommends .item .con h5, .chef-recommends .item .con h5 a  {

        font-size: 18px;

    }

}

.chef-recommends .item .con p  {

    color: #fff;

    font-size: 20px;

}

.chef-recommends .item .con i  {

    color: #fff;

    font-size: 18px;

}

.chef-recommends .item .con i:hover  {

    color: #fff;

}

.chef-recommends .item .line  {

    text-align: center;

    height: 1px;

    width: 60px;

    background-color: #fff;

    transition-property: all;

    transition-duration: 0.3s;

    transition-timing-function: ease-in-out;

    margin: 0 auto 30px;

}

.chef-recommends .item:hover .line  {

    width: 100%;

    transition-property: all;

    transition-duration: 0.8s;

    transition-timing-function: ease-in-out;

}

.chef-recommends .item .con .permalink  {

    font-family: Nunito, sans-serif;

    font-size: 15px;

    font-style: italic;

    color: #fff;

    height: 0;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    display: inline;

}

@media screen and (max-width: 991px)  {

    .chef-recommends .item .con .permalink  {

        font-size: 12px;

    }

}

.chef-recommends .item .con .permalink a  {

    color: #f0b61f;

    text-align: center;

}

.chef-recommends .item .con .permalink i  {

    font-size: 10px;

    text-align: center;

}

.chef-recommends .item .con .permalink a:hover, .chef-recommends .item .con .permalink i:hover  {

    color: #fff;

}

.chef-recommends-2  {

    position: relative;

}

.chef-recommends-2:last-child  {

    margin-bottom: 20px;

}

.chef-recommends-2 .caption  {

    background: #f2eee8;

    position: absolute;

    left: 0;

    top: 50%;

    width: 50%;

    padding: 4% 4% 4% 4%;

    -ms-transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);

}

.chef-recommends-2 .caption h4, .chef-recommends-2 .caption h4 a  {

    font-size: 35px;

    color: #1b1b1b;

    margin-bottom: 5px;

}

.chef-recommends-2 .caption h3, .chef-recommends-2 .caption h3 a  {

    font-size: 12px;

    color: #f0b61f;

    margin-bottom: 5px;

    font-family: Nunito, sans-serif;

    text-transform: uppercase;

    letter-spacing: 3px;

}

.chef-recommends-2 .caption h3 span  {

    font-size: 12px;

    color: #1b1b1b;

    margin-bottom: 5px;

    font-family: Nunito, sans-serif;

    text-transform: uppercase;

    letter-spacing: 3px;

}

.chef-recommends-2 .caption h6  {

    display: inline-block;

    color: #1b1b1b;

    font-family: Nunito, sans-serif;

    font-weight: 400;

    font-size: 10px;

    margin-bottom: 10px;

    letter-spacing: 5px;

    text-transform: uppercase;

    -webkit-align-self: flex-start;

    -ms-flex-item-align: start;

    align-self: flex-start;

}

.chef-recommends-2 .caption .info-wrapper  {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}

.chef-recommends-2 .caption .info-wrapper .icon  {

    color: #1b1b1b;

    font-size: 12px;

    font-family: Nunito, sans-serif;

    letter-spacing: 0;

}

.chef-recommends-2 .caption .info-wrapper .more  {

    color: #1b1b1b;

    text-decoration: none;

    font-size: 14px;

}

.chef-recommends-2 .caption .info-wrapper .more i  {

    color: #1b1b1b;

    font-size: 10px;

}

@media (max-width: 991.98px)  {

    .chef-recommends-2 .caption  {

        position: relative;

        left: 0;

        top: 0;

        width: auto;

        padding: 30px 20px;

        -ms-transform: translate(0, 0);

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

}

.gallery-item  {

    position: relative;

    padding-top: 20px;

}

.gallery-box  {

    overflow: hidden;

    position: relative;

    border-radius: 5px;

}

.gallery-box .gallery-img  {

    position: relative;

    overflow: hidden;

}

.gallery-box .gallery-img:after  {

    content: "";

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 0;

    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);

}

.gallery-box .gallery-img > img  {

    transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);

    border-radius: 0;

}

.gallery-box:hover .gallery-img:after  {

    background: rgba(0, 0, 0, 0.2);

}

.gallery-box:hover .gallery-img > img  {

    transform: scale(1.05);

}

.testimonials-heading  {

    color: #fff !important;

}

.testimonails-subtitle  {

    color: #f0b61f !important;

}

.testimonials-box  {

    position: relative;

    background: 0 0;

    padding: 30px 30px 0 0;

    margin-bottom: 0;

}

.testimonials-box .head-box  {

    position: relative;

    margin: 0 auto 20px;

}

.testimonials-box .head-box .subtitle  {

    color: #f0b61f;

    font-family: Nunito, sans-serif;

    font-weight: 400;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 3px;

    margin-bottom: 10px;

}

.testimonials-box .head-box .title  {

    font-family: "Playfair Display", serif;

    font-size: 36px;

    font-weight: 400;

    color: #fff;

}

.testimonials-box .head-box .title span  {

    color: #1b1b1b;

}

.testimonials-box .head-box .backtitle  {

    position: absolute;

    font-family: Allura, serif;

    bottom: 0;

    left: 0;

    width: 100%;

    text-align: center;

    font-size: 130px;

    opacity: 0.1;

    line-height: 65px;

    z-index: -2;

    color: #fff;

}

.testimonials h5  {

    color: #fff;

    font-size: 32px;

    margin-bottom: 30px;

}

@media screen and (max-width: 991px)  {

    .testimonials-box  {

        margin-bottom: 0;

        padding: 30px 10px 0 0;

    }

}

.testimonials .item  {

    margin-bottom: 0;

    position: relative;

}

.testimonials .item p  {

    color: #fff;

    font-style: italic;

}

.testimonials .item .info  {

    margin: 20px 0 0 0;

}

.testimonials .item .info img  {

    border-radius: 100%;

}

.testimonials .item .info .author-img  {

    width: 55px;

    height: 55px;

    border-radius: 100%;

    overflow: hidden;

    margin: 0 auto;

    float: left;

    margin-right: 10px;

    padding: 2px;

    border: 2px solid rgba(255, 255, 255, 0.5);

}

.testimonials .item .info .cont  {

    margin-top: 0;

}

.testimonials .item .info h6  {

    font-size: 15px;

    margin-bottom: 0;

    padding-top: 10px;

    font-family: Nunito, sans-serif;

    font-weight: 400;

    color: #f0b61f;

    line-height: 1em;

}

.testimonials .item .info span  {

    font-size: 13px;

    color: #fff;

}

.testimonials .item .info span a  {

    text-decoration: underline;

    color: #fff;

}

.testimonials .item .info i  {

    color: #1b1b1b;

    font-size: 6px;

}

.testimonials .item .translate-note p  {

    color: #ccc;

    font-size: 13px;

    font-style: normal;

}

@media screen and (max-width: 767px)  {

    .testimonials-box  {

        padding: 0;

    }

}

.opening-hours-box  {

    position: relative;

    background: #000;

    padding: 30px;

    text-align: center;

    border: 3px solid #f0b61f;

    border-radius: 5px;

}

.opening-hours-box .head-box h6  {

    font-family: Nunito, sans-serif;

    color: #f0b61f;

    font-size: 12px;

    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: 3px;

    margin-bottom: 10px;

}

.opening-hours-box p  {

    color: #777;

    margin-bottom: 0;

    margin-top: 30px;

}

.opening-hours-box p small  {

    color: #777;

}

.opening-hours-box p small a  {

    color: #f0b61f;

    font-size: 15px;

}

.opening-hours-box p a i  {

    color: #f0b61f;

}

.opening-hours-box .head-box h4  {

    color: #fff;

    font-size: 36px;

    margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    text-shadow: 0 0 15px #fff;

}

.opening-hours-box .head-box h4 span  {

    color: #fff;

}

.opening-hours-box .item .info .cont  {

    vertical-align: middle;

    margin-bottom: 15px;

}

.opening-hours-box .item .info .cont .day  {

    color: #fff;

    font-size: 20px;

    margin-bottom: 10px;

    font-family: Nunito, sans-serif;

    font-weight: 400;

    line-height: 1.2em;

}

.opening-hours-box .item .info .cont .close-day  {

    color: #fff;

    font-size: 16px;

    font-family: Nunito, sans-serif;

    font-weight: 700;

    line-height: 1.2em;

    margin-top: 10px;

    background-color: rgba(255, 0, 0, 0.5);

    padding: 10px;

    border-radius: 50px;

    display: inline-block;

    text-transform: uppercase;

}

.opening-hours-box .item .info .cont .close-day .ti-time  {

    font-size: 1.2em;

    margin-right: 0.5em;

    vertical-align: bottom;

}

.opening-hours-box .item .info .cont .time  {

    font-family: "Times New Roman", serif;

    color: #f0b61f;

    font-size: 40px;

    font-weight: 400;

    line-height: 1.5em;

    text-shadow: 0 0 15px #f0b61f;

    margin-top: 10px;

}

@media screen and (max-width: 991px)  {

    .opening-hours-box  {

        margin-bottom: 0;

    }

}

.reservations, .reservations-footer  {

    display: flex;

    align-items: center;

    padding: 20px 0 30px 0;

}

.reservations .icon, .reservations-footer .icon  {

    position: relative;

    top: 3px;

}

.reservations .icon span  {

    font-size: 50px;

    color: #f0b61f;

}

.reservations .text, .reservations-footer .text  {

    margin-left: 15px;

}

.reservations .text p  {

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 600;

    margin-bottom: 5px;

    color: #f0b61f;

    letter-spacing: 3px;

}

.reservations .text span  {

    font-family: "Times New Roman", serif;

    font-size: 27px;

    color: #fff;

}

.reservations-footer .text span  {

    font-family: "Times New Roman", serif;

    font-size: 27px;

    color: #fff;

}

.reservations-footer .icon span  {

    font-size: 50px;

    color: #f0b61f;

}

.reservations-footer .text p  {

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 600;

    margin-bottom: 5px;

    color: #f0b61f;

    letter-spacing: 3px;

}

.menu-book  {

    outline: 0;

    outline: 0;

    border: none;

    box-shadow: none;

}

.menu-book .menu-list .item  {

    line-height: 35px;

}

.menu-book .menu-list .flex .title  {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    color: #fff;

    font-family: "Playfair Display", serif;

    font-size: 18px;

    font-weight: 400;

}

.menu-book .menu-list .img  {

    display: block;

    float: left;

    position: relative;

    top: 0;

    margin-right: 15px;

    border-radius: 50%;

}

.menu-book .menu-list .img img  {

    border-radius: 50%;

    height: 60px;

    width: 60px;

}

.menu-book img  {

    border-radius: 5px;

}

.menu-book .head  {

    border-bottom: 2px solid #000;

    padding-bottom: 10px;

}

@keyframes beat  {

    from  {

        transform: rotate(-20deg) scale(1);

    }

    to  {

        transform: rotate(-20deg) scale(1.2);

    }

}

@media screen and (max-width: 991px)  {

    .order2  {

        -webkit-box-ordinal-group: 3 !important;

        -ms-flex-order: 2 !important;

        order: 2 !important;

    }

    .order1  {

        -webkit-box-ordinal-group: 2 !important;

        -ms-flex-order: 1 !important;

        order: 1 !important;

    }

}

.wine-banner .img  {

    position: relative;

    overflow: hidden;

}

.wine-banner .img img  {

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.wine-banner .content  {

    width: 100%;

    padding: 30px 90px;

}

a:hover.post-repay  {

    color: #c19d60;

}

.google-maps  {

    width: 100%;

    height: 550px;

    display: block;

    border-radius: 5px;

}

.info-box .item  {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

    background: #000;

    padding: 30px;

    margin-bottom: 20px;

}

@media screen and (max-width: 991.98px)  {

    .info-box .item  {

        justify-content: left;

    }

}

.info-box .item .icon  {

    color: #f0b61f;

    margin-right: 30px;

}

.info-box .item .icon:before  {

    font-size: 50px;

    line-height: 50px;

}

.info-box .item h5  {

    color: #fff;

    margin-bottom: 20px;

    font-size: 24px;

}

.info-box .item h6  {

    color: #ccc;

    margin-bottom: 5px;

    font-size: 20px;

    font-family: "Times New Roman", serif;

}

.info-box .item p  {

    font-size: 15px;

    margin-bottom: 0;

}

.button-1  {

    display: inline-block;

    height: auto;

    padding: 15px 20px;

    border: 2px solid #f0b61f;

    border-radius: 5px;

    background-image: linear-gradient(to bottom,rgba(195, 31, 46, 0.7),rgba(0, 0, 0, 0.5));

    background-color: #c31f2e;

    -webkit-transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;

    transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;

    color: #fff;

    line-height: 20px;

    font-weight: 600;

    text-align: center;

    text-transform: uppercase;

    font-size: 14px;

    letter-spacing: 3px;

}

@media screen and (min-width: 992px)  {

    .button-1:hover  {

        background-color: #75131c;

        color: #fff;

    }

}

.button-1:active  {

    background-color: #75131c;

    transform: translateY(2px);

}

@media screen and (max-width: 991.98px)  {

    .button-1:active  {

        color: #fff;

        background-color: #75131c;

        transform: translateY(2px);

    }

}

.button-2  {

    display: inline-block;

    height: auto;

    padding: 12px 25px;

    border: 1px solid #f0b61f;

    border-radius: 0;

    background-color: #f0b61f;

    -webkit-transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;

    transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;

    color: #fff;

    line-height: 20px;

    font-weight: 400;

    text-align: center;

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: 3px;

}

.button-2:hover  {

    border: 1px solid #fff;

    background-color: transparent;

    color: #fff;

}

.button-3  {

    display: inline-block;

    height: auto;

    padding: 12px 25px;

    border: 1px solid #1b1b1b;

    border-radius: 0;

    background-color: transparent;

    -webkit-transition: border-color 0.4s ease, color 0.4s ease, background-color 0.4s ease;

    transition: border-color 0.4s ease, color 0.4s ease, background-color 0.4s ease;

    color: #1b1b1b;

    line-height: 20px;

    font-weight: 400;

    text-align: center;

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: 3px;

}

.button-3:hover  {

    border: 1px solid #1b1b1b;

    background-color: #1b1b1b;

    color: #fff;

}

.button-4  {

    display: inline-block;

    height: auto;

    padding: 15px 25px;

    border: 1px solid #1b1b1b;

    border-radius: 0;

    background-color: #1b1b1b;

    -webkit-transition: border-color 0.4s ease, color 0.4s ease, background-color 0.4s ease;

    transition: border-color 0.4s ease, color 0.4s ease, background-color 0.4s ease;

    color: #fff;

    line-height: 20px;

    font-weight: 400;

    text-align: center;

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: 3px;

}

.button-4:hover  {

    border: 1px solid #1b1b1b;

    background-color: transparent;

    color: #1b1b1b;

}

.button-5  {

    display: inline-block;

    height: auto;

    padding: 12px 25px;

    border: 1px solid #f0b61f;

    border-radius: 0;

    background-color: #f0b61f;

    -webkit-transition: border-color 0.4s ease, color 0.4s ease, background-color 0.4s ease;

    transition: border-color 0.4s ease, color 0.4s ease, background-color 0.4s ease;

    color: #fff;

    line-height: 20px;

    font-weight: 400;

    text-align: center;

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: 3px;

}

.button-5:hover  {

    border: 1px solid #f0b61f;

    background-color: transparent;

    color: #fff;

}

.footer  {

    position: relative;

    display: block;

}

.footer-top  {

    position: relative;

    display: block;

    background-color: #000;

    padding: 80px 0;

    z-index: 1;

    border-top: 1px solid rgba(0, 0, 0, 0.04);

}

.footer-top .footer-column  {

    margin-bottom: 40px;

}

.footer-title  {

    font-size: 30px;

    color: #f0b61f;

    margin-bottom: 20px;

}

.footer-about-text  {

    font-size: 15px;

    color: #333;

    margin: 0;

}

.footer-about-social-list  {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 40px;

    gap: 8px;

}

.footer-about-social-list a  {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

    color: #fff;

    font-size: 15px;

    background-color: transparent;

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.footer-about-social-list a:hover  {

    background-color: transparent;

    color: #f0b61f;

}

.footer-contact  {

    position: relative;

    display: block;

}

.footer-contact .footer-title  {

    margin-bottom: 20px;

}

.footer-contact-text  {

    font-size: 15px;

    margin: 0;

    color: #ccc;

    padding-bottom: 10px;

}

.footer-contact-info  {

    display: inline-block;

}

.footer-contact-info p  {

    margin: 0;

}

.footer-contact-phone  {

    font-family: "Times New Roman", serif;

    font-size: 24px;

    color: #fff;

    font-weight: 400;

    display: block;

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.footer-contact-phone:hover  {

    color: #f0b61f;

}

.footer-contact-mail  {

    font-size: 15px;

    line-height: 3em;

    color: #ccc;

    position: relative;

    display: inline-block;

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.footer-contact-mail:hover  {

    color: #fff;

}

.footer-contact-mail:before  {

    position: absolute;

    bottom: 9px;

    left: 0;

    right: 0;

    height: 1px;

    background-color: #c31f2e;

    content: "";

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.footer-contact-mail:hover:before  {

    background-color: #333;

}

.footer-language  {

    width: 160px;

    display: flex;

    flex-wrap: wrap;

    position: relative;

    margin-top: 30px;

}

.footer-language i  {

    position: absolute;

    right: 30px;

    top: 17px;

    font-size: 15px;

    opacity: 0.6;

    color: rgba(255, 255, 255, 0.7);

}

.footer-language select  {

    height: 52px;

    background: 0 0;

    color: #777;

    border: 1px solid #f0b61f;

    border-radius: 0;

}

select  {

    width: 160px;

    max-width: 100%;

    height: 70px;

    padding: 0 30px;

    border: 1px solid #777;

    color: #777;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

.footer-bottom  {

    position: relative;

    display: block;

    background-color: #000;

    -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.04);

    box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.04);

    padding: 32px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.04);

}

.footer-bottom-inner  {

    position: relative;

    display: block;

}

.footer-bottom-copy-right  {

    font-size: 13px;

    color: #ccc;

    margin: 0;

}

.footer-bottom-copy-right a  {

    color: #777;

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

}

.footer-bottom-copy-right a:hover  {

    color: #f0b61f;

}

.progress-wrap  {

    position: fixed;

    bottom: 20px;

    right: 20px;

    height: 50px;

    width: 50px;

    cursor: pointer;

    display: block;

    border-radius: 50px;

    z-index: 100;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px);

    -webkit-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    transition: all 0.4s linear;

}

.progress-wrap.active-progress  {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

}

.progress-wrap::after  {

    position: absolute;

    font-family: Themify;

    content: "\e648";

    text-align: center;

    line-height: 50px;

    font-size: 12px;

    font-weight: 400;

    left: 0;

    top: 0;

    height: 50px;

    width: 50px;

    cursor: pointer;

    display: block;

    z-index: 1;

    -webkit-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    transition: all 0.4s linear;

}

.progress-wrap svg path  {

    fill: none;

}

.progress-wrap svg.progress-circle path  {

    stroke-width: 2;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    transition: all 0.4s linear;

}

.progress-wrap  {

    -webkit-box-shadow: inset 0 0 0 1px rgba(217, 214, 209, 0.5);

    box-shadow: inset 0 0 0 1px rgba(217, 214, 209, 0.5);

}

.progress-wrap::after  {

    color: #f0b61f;

}

.progress-wrap svg.progress-circle path  {

    stroke: #f0b61f;

}

[data-overlay-dark], [data-overlay-darkgray], [data-overlay-light]  {

    position: relative;

}

[data-overlay-dark] .container, [data-overlay-darkgray] .container, [data-overlay-light] .container  {

    position: relative;

    z-index: 2;

}

[data-overlay-dark]:before, [data-overlay-darkgray]:before, [data-overlay-light]:before  {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 1;

}

[data-overlay-dark]:before  {

    background: #000;

}

[data-overlay-darkgray]:before  {

    background: #1b1b1b;

}

[data-overlay-light]:before  {

    background: #fff;

}

[data-overlay-dark] h1, [data-overlay-dark] h2, [data-overlay-dark] h3, [data-overlay-dark] h4, [data-overlay-dark] h5, [data-overlay-dark] h6, [data-overlay-dark] span  {

    color: #fff;

}

[data-overlay-darkgray] h1, [data-overlay-darkgray] h2, [data-overlay-darkgray] h3, [data-overlay-darkgray] h4, [data-overlay-darkgray] h5, [data-overlay-darkgray] h6, [data-overlay-darkgray] span  {

    color: #fff;

}

[data-overlay-light] h1, [data-overlay-light] h2, [data-overlay-light] h3, [data-overlay-light] h4, [data-overlay-light] h5, [data-overlay-light] h6, [data-overlay-light] span  {

    color: #999;

}

[data-overlay-dark] p  {

    color: #fff;

}

[data-overlay-darkgray] p  {

    color: #999;

}

[data-overlay-light] p  {

    color: #999;

}

[data-overlay-dark="0"]:before, [data-overlay-darkgray="0"]:before, [data-overlay-light="0"]:before  {

    opacity: 0;

}

[data-overlay-dark="1"]:before, [data-overlay-darkgray="1"]:before, [data-overlay-light="1"]:before  {

    opacity: 0.1;

}

[data-overlay-dark="2"]:before, [data-overlay-darkgray="2"]:before, [data-overlay-light="2"]:before  {

    opacity: 0.2;

}

[data-overlay-dark="3"]:before, [data-overlay-darkgray="3"]:before, [data-overlay-light="3"]:before  {

    opacity: 0.3;

}

[data-overlay-dark="4"]:before, [data-overlay-darkgray="4"]:before, [data-overlay-light="4"]:before  {

    opacity: 0.4;

}

[data-overlay-dark="5"]:before, [data-overlay-darkgray="5"]:before, [data-overlay-light="5"]:before  {

    opacity: 0.5;

}

[data-overlay-dark="6"]:before, [data-overlay-darkgray="6"]:before, [data-overlay-light="6"]:before  {

    opacity: 0.6;

}

[data-overlay-dark="7"]:before, [data-overlay-darkgray="7"]:before, [data-overlay-light="7"]:before  {

    opacity: 0.7;

}

[data-overlay-dark="8"]:before, [data-overlay-darkgray="8"]:before, [data-overlay-light="8"]:before  {

    opacity: 0.8;

}

[data-overlay-dark="9"]:before, [data-overlay-darkgray="9"]:before, [data-overlay-light="9"]:before  {

    opacity: 0.9;

}

[data-overlay-dark="10"]:before, [data-overlay-darkgray="10"]:before, [data-overlay-light="10"]:before  {

    opacity: 1;

}

@media (min-width: 1200px)  {

    .container  {

        max-width: 1140px !important;

    }

}

@media screen and (max-width: 991.98px)  {

    .bg-fixed  {

        background-attachment: scroll !important;

    }

    .header  {

        background-attachment: scroll !important;

        background-position: 50% 0 !important;

    }

    .header .caption h1  {

        font-size: 40px;

    }

    .section-head .section-title  {

        font-size: 34px;

        line-height: 34px;

    }

}

@media screen and (max-width: 767.98px)  {

    .header .caption h1  {

        font-size: 44px;

        margin-bottom: 15px;

        line-height: 1.35em;

    }

    .header .caption h1 span  {

        font-size: 24px;

    }

    .header .caption h4  {

        font-size: 15px;

    }

    .header .caption p  {

        font-size: 15px;

        margin-right: 10px;

    }

    .wine-banner .content  {

        padding: 30px 15px;

    }

    .clients  {

        padding-bottom: 20px;

    }

    .chef-recommends-2 .caption h4, .chef-recommends-2 .caption h4 a  {

        font-size: 27px;

    }

    .wine-banner .img  {

        display: none;

    }

    .banner-header .caption  {

        text-align: center;

    }

}

.menu-item  {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}

.menu-image  {

    flex: 0 0 150px;

    margin-right: 20px;

}

@media (max-width: 767px)  {

    .menu-image  {

        margin-right: 0;

    }

}

.menu-image img  {

    max-width: 100%;

    height: auto;

}

.item-name  {

    color: #fff;

    font-size: 1.2rem;

    margin-bottom: 10px;

}

.item-description  {

    font-size: 1rem;

    margin-bottom: 10px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.popular  {

    position: relative;

}

.popular:before  {

    top: auto;

    bottom: 0;

    height: 40%;

    background: #f2eee8;

}

.popular:after, .popular:before  {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 60%;

    width: 100%;

    background: #1b1b1b;

    z-index: -1;

}

.brand-logo  {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.footer-review  {

    display: flex;

    align-items: center;

    justify-content: left;

    gap: 20px;

}

.footer-review img  {

    max-height: 50px;

    width: auto;

}

.menu-remark  {

    color: #ccc;

    font-family: Nunito, sans-serif;

    font-weight: 400;

    font-size: 12px;

}

.logo-icon img  {

    transition: transform 0.2s ease-in-out;

}

.logo-icon:hover img  {

    transform: scale(1.1);

}

.logo-icon svg  {

    transition: transform 0.2s ease-in-out;

}

.logo-icon:hover svg  {

    transform: scale(1.05);

}

.about-image  {

    border-radius: 5px;

}

.menu-mgb-60  {

    margin-bottom: 60px;

}

@media screen and (max-width: 767.98px)  {

    .group-img  {

        max-width: 65%;

    }

    .about-mgt15  {

        margin-top: 15px;

    }

    .about-mgb-10  {

        margin-bottom: 10px;

    }

    .menu-mgb-25  {

        margin-bottom: 25px;

    }

}

@media screen and (max-width: 1199.98px)  {

    .hide-below-1200  {

        display: none;

    }

}

@media screen and (min-width: 576px) and (max-width: 1199.98px)  {

    .chef-img  {

        max-width: 65%;

    }

}

@media screen and (min-width: 992px)  {

    .lg-hide  {

        display: none;

    }

}

@media screen and (max-width: 1199.98px)  {

    .section-head .section-backtitle  {

        display: none;

    }

    .about2  {

        margin-top: 35px;

    }

    .about-mgb-35  {

        margin-bottom: 35px;

    }

}

@media screen and (max-width: 991.98px)  {

    .section-head .section-backtitle  {

        font-size: 95px;

    }

}

@media screen and (max-width: 767.98px)  {

    .navbar-toggler  {

        font-size: 2rem;

    }

    .button-ql  {

        display: none !important;

    }

}

@media screen and (min-width: 768px)  {

    .button-grid  {

        display: none !important;

    }

}

.navbar-toggler:focus  {

    box-shadow: none;

}

.self-center  {

    align-self: center;

}

.button-grid  {

    display: grid;

    grid-template-columns: repeat(1, 1fr);

    gap: 20px;

    margin-top: 100px;

}

.button-nav  {

    padding: 10px;

    background-color: #3498db;

    color: #fff;

    text-align: center;

    text-decoration: none;

    display: block;

    border-radius: 5px;

    transition: background-color 0.3s;

}

.button-nav:hover  {

    background-color: #2980b9;

}

.wine-head  {

    color: #f0b61f;

    text-shadow: 0 0 15px #f0b61f;

}

.wine-detail h4  {

    color: #fff;

    background: linear-gradient(to right, rgba(195, 31, 46, 0.7), rgba(0, 0, 0, 1) );

    padding: 2px 10px;

    border-left: 5px solid #f0b61f;

}

@media screen and (min-width: 768px)  {

    .wine-right  {

        border-left: 1px solid #ccc;

    }

    #left-button  {

        margin-right: 10px;

    }

}

@media screen and (max-width: 767.98px)  {

    .wine-right-first  {

        margin-top: 20px;

    }

}

.wine-info  {

    padding: 5px 0 !important;

    border-bottom: 1px solid #ccc;

}

.wine-info p  {

    margin-bottom: 3px;

}

.wine-name  {

    color: #fff;

}

@media screen and (min-width: 768px) and (max-width: 991.98px)  {

    .wine-detail img  {

        margin-top: 0;

    }

}

@media screen and (min-width: 992px) and (max-width: 1199.98px)  {

    .wine-detail img  {

        margin-top: 20px;

    }

}

@media screen and (min-width: 1200px)  {

    .wine-detail img  {

        max-width: 90%;

    }

}

@media screen and (max-width: 767.98px)  {

    .location  {

        justify-content: center;

    }

    #international-selection, #spanish-selection  {

        padding-top: 100px;

    }

    .wine-bottle p  {

        margin-bottom: 60px;

    }

}

.getting-here i  {

    font-size: 2em;

    margin-right: 0.5em;

    vertical-align: sub;

}

.wine-bottle .button-1  {

    width: 310px

}

.wine-bottle p  {

    margin-bottom: 40px;

}

:root  {

    scroll-behavior: auto;

}

.group-eateries {

    display:flex;

    flex-wrap:wrap;

    justify-content:space-between;

}

.group-eateries-icon {

    flex:1 1 calc(50% - 10px);

    box-sizing:border-box;

}

.group-eateries-icon img {

    max-width:100%;

    padding:0 15px;

}

@media (min-width:768px) {

    .group-eateries {

        flex-wrap:nowrap;

    }

    .group-eateries-icon {

        flex:1 1 auto;

        margin-bottom:0;

    }

    .group-eateries-icon img {

        padding:0 20px;

    }

}