.bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url(https://designsupply-web.com/samplecontent/vender/codepen/20181014.png) no-repeat center center/cover;
}

video {
    width: 100%;
    min-height: 100vh;
    z-index: 1;
}

.bg-video-wrap .auto-container {
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    width: 100%;
}

.bg-video-wrap .content-box {
    position: relative;
    display: table;
    vertical-align: middle;
    width: 100%;
    padding-top: var(--padding-top-150);
    padding-bottom: var(--padding-bottom-50);
    height: 880px;
    min-height: 100vh;
    z-index: 10;
}

.bg-video-wrap .content {
    position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    z-index: 5;
}

.bg-video-wrap .inner {
    position: relative;
    display: block;
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    z-index: 5;
}

.bg-video-wrap .subtitle {
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--main-color);
    font-size: var(--font-12);
    letter-spacing: 0.40em;
    margin-bottom: var(--margin-bottom-10);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}

.bg-video-wrap .pattern-image {
    position: relative;
    width: 100px;
    margin: 0 auto;
    /* margin-bottom: var(--margin-bottom-30); */
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}

.bg-video-wrap .subtitle, .bg-video-wrap .pattern-image {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 1000ms ease 500ms;
    -ms-transition: all 1000ms ease 500ms;
    -o-transition: all 1000ms ease 500ms;
    -moz-transition: all 1000ms ease 500ms;
    transition: all 1000ms ease 500ms;
}

.bg-video-wrap h1 {
    position: relative;
    font-weight: 400;
    text-transform: none;
    line-height: 1.0em;
    margin: 0px 0px;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    font-size: 75px;
}

.bg-video-wrap h1 span {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.bg-video-wrap .text {
    position: relative;
    display: block;
    font-size: var(--font-20);
    margin-top: var(--margin-top-10);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}

.bg-video-wrap .links-box {
    position: relative;
    display: block;
    padding-top: var(--padding-top-40);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}

.bg-video-wrap .links-box .link {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 2;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading {
    text-transform: lowercase;
    letter-spacing: 0;
}

.main-header .main-box .logo-box {
    padding: 10px 0px;
}

.main-header .main-box .logo-box .logo img {
    height: 150px;
}

.handle-preloader .animation-preloader .spinner {
    height: 70px;
    width: 70px;
}

.info-bar .inner-box .logo-box img {
    max-height: 120px;
}

.fixed-header .logo-box .logo img {
    height: 100px !important;
}

footer .logo img {
    width: 200px;
}

.reserve-section .outer-box {
    background: transparent;
}

.menu-tabs .buttons .tab-buttons .tab-btn {
    text-transform: unset;
}

.menu-tabs .menu-col:nth-child(2) .inner {
    padding-left: 0;
}

.s-info.vegan {
    background-color: #27871b !important;
    color: #fff !important;
}

.s-info.new {
    background-color: azure !important;
}

.menu-tabs .dish-block .dish-image img {
    object-fit: cover;
}

.largrid {
    display: flex;
    flex-wrap: wrap;
}

.largrid__item {
    max-height: 350px;
    width: 25%;
    height: 350px;
    padding: 5px;
    cursor: pointer;
}

.largrid__item .bg-img {
    background-position: center;
    background-size: cover;
    height: 100%;
    position: relative;
}

.largrid__item.wide {
    width: 50%;
}

.largrid__item .bg-img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgb(0, 0, 0, .5);
    width: 0;
    transition: .5s ease-in-out;
    pointer-events: none;
}

.largrid__item:hover .bg-img::before {
    width: 100%;
}

.section-padding {
    padding: 80px 0;
}

.reference-item {

}

.reference-logo {
    background-color: #fff;
    text-align: center;
    padding: 1rem;
}

.reference-logo img {
    width: 220px;
    max-height: 210px;
    object-fit: contain;
}

.reference-name {
    padding: 1rem;
    text-align: center;
    border: 1px solid var(--main-color);
    border-top: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 110px;
}

.reference-name h2 {
    font-size: 1.35rem;
}

section.image-gallery {
    padding: 120px 10px;
}

.image-gallery .owl-theme .owl-nav {
    top: unset;
    bottom: -8%;
}

.image-gallery .owl-theme .owl-nav .owl-prev {
    left: 45%;
}

.image-gallery .owl-theme .owl-nav .owl-next {
    right: 45%;
}

.map-btn-wrapper {
    display: flex;
    gap: 5px;
    margin: 10px 0;
    justify-content: center;
}

.map-btn-wrapper a {
    padding: 11px 10px;
}

.about-block .video-box {
    margin-top: 0;
}

.form-group {
    text-align: start;
}

.message-box {
    padding: 1rem;
    text-align: center;
    font-size: 18px;
    border: 1px solid #373737;
    margin: 20px 0;
}

.document-item {
    padding: 2.5rem 1.35rem;
    border: 1px solid #e4c590;
    text-align: center;
}

.document-item img {
    margin: 0 auto;
    width: 55%;
    margin-bottom: 20px;
}

.document-item h5 {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}