﻿.side-grid li {
    width: 100%
}

.side-grid ul {
    list-style: none;
    padding-left: 20px;
}

.nav.navbar-nav li a.metitlelink {
    padding: 15px 0 !important;
    font-size: 22px !important;
}

ul.dropdown-menu.megamenu.row a {
    color: #fff !important;
}

ul.dropdown-menu.megamenu.row a:hover {}

ul.dropdown-menu.megamenu.row {
    background-color: #f4989b;
}

ul.dropdown-menu.megamenu.row h4 {
    text-align: center;
    font-size: 22px !important;
    color: #fff !important;
    font-family: Brandon Black Italic;
}

.navbar-nav {
    overflow-x: visible;
}

.menu-large {
    position: static !important;
}

.divider.thin {
    display: none;
}

.navbar-custom .dropdown-menu {
    border: 0;
    border-top: 3px solid #79b2ad;
    border-radius: 0;
}

.megamenu {
    padding: 20px 0px;
    width: 80%;
}

.megamenu> li > ul {
    padding: 0;
    margin: 0;
}

.megamenu> li > ul > li {
    list-style: none;
}

.megamenu> li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: normal;
}

.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    color: #999999;
}

.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.megamenu.dropdown-header {
    color: #428bca;
    font-size: 18px;
}

@media (max-width: 768px) {
    .megamenu {
        margin-left: 0;
        margin-right: 0;
    }
    .megamenu> li {
        margin-bottom: 30px;
    }
    .megamenu> li:last-child {
        margin-bottom: 0;
    }
    .megamenu.dropdown-header {
        padding: 3px 15px !important;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header {
        color: #fff;
    }
}

.dropdown-menu {
    padding: 1% !important;
}

.lt-container {
    position: relative;
    width: 100%;
    margin: 2% 0
}

.lt {
    position: absolute;
}

.lt-body {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.lt-xs-x-0 {
    margin-left: 0%;
}

.lt-xs-y-0 {
    margin-top: 0%;
}

.lt-xs-y-1 {
    margin-top: 70.66667%;
}

.lt-xs-y-2 {
    margin-top: 141.33333%;
}

.lt-xs-y-3 {
    margin-top: 212%;
}

.lt-xs-y-4 {
    margin-top: 282.66667%;
}

.lt-xs-y-5 {
    margin-top: 353.33333%;
}

.lt-xs-y-6 {
    margin-top: 424%;
}

.lt-xs-y-7 {
    margin-top: 494.66667%;
}

.lt-xs-y-8 {
    margin-top: 532.33333%;
}

.lt-xs-y-9 {
    margin-top: 571%;
}

.lt-xs-y-10 {
    margin-top: 706.66667%;
}

.lt-xs-y-11 {
    margin-top: 715.33333%;
}

.lt-xs-y-12 {
    margin-top: 788%;
}

.lt-xs-y-13 {
    margin-top: 861.66667%;
}

.lt-xs-y-14 {
    margin-top: 989.33333%;
}

.lt-xs-y-15 {
    margin-top: 936%;
}

.lt-xs-y-16 {
    margin-top: 1009.66667%;
}

.lt-xs-y-17 {
    margin-top: 1201.33333%;
}

.lt-xs-y-18 {
    margin-top: 1272%;
}

.lt-xs-y-19 {
    margin-top: 1342.66667%;
}

.lt-xs-y-20 {
    margin-top: 1413.33333%;
}

.lt-xs-y-21 {
    margin-top: 1484%;
}

.lt-xs-y-22 {
    margin-top: 1554.66667%;
}

.lt-xs-y-23 {
    margin-top: 1625.33333%;
}

.lt-xs-y-24 {
    margin-top: 1696%;
}

.lt-xs-w-1 {
    width: 100%;
}

.lt-xs-h-1 {
    padding-bottom: 66.66667%;
}

.lt-xs-h-2 {
    padding-bottom: 137.33333%;
}

.lt-xs-h-3 {
    padding-bottom: 208%;
}

.lt-xs-h-4 {
    padding-bottom: 278.66667%;
}

.lt-xs-h-5 {
    padding-bottom: 349.33333%;
}

.lt-xs-h-6 {
    padding-bottom: 420%;
}

.lt-xs-h-7 {
    padding-bottom: 490.66667%;
}

.lt-xs-h-8 {
    padding-bottom: 561.33333%;
}

.lt-xs-h-9 {
    padding-bottom: 632%;
}

.lt-xs-h-10 {
    padding-bottom: 702.66667%;
}

.lt-xs-h-11 {
    padding-bottom: 773.33333%;
}

.lt-xs-h-12 {
    padding-bottom: 844%;
}

.lt-xs-h-13 {
    padding-bottom: 914.66667%;
}

.lt-xs-h-14 {
    padding-bottom: 985.33333%;
}

.lt-xs-h-15 {
    padding-bottom: 1056%;
}

.lt-xs-h-16 {
    padding-bottom: 1126.66667%;
}

.lt-xs-h-17 {
    padding-bottom: 1197.33333%;
}

.lt-xs-h-18 {
    padding-bottom: 1268%;
}

.lt-xs-h-19 {
    padding-bottom: 1338.66667%;
}

.lt-xs-h-20 {
    padding-bottom: 1409.33333%;
}

.lt-xs-h-21 {
    padding-bottom: 1480%;
}

.lt-xs-h-22 {
    padding-bottom: 1550.66667%;
}

.lt-xs-h-23 {
    padding-bottom: 1621.33333%;
}

.lt-xs-h-24 {
    padding-bottom: 1692%;
}

.lt-xs-h-25 {
    padding-bottom: 1762.66667%;
}

@media (min-width: 768px) {
    .lt-sm-x-0 {
        margin-left: 0%;
    }
    .lt-sm-x-1 {
        margin-left: 51.5%;
    }
    .lt-sm-y-0 {
        margin-top: 0%;
    }
    .lt-sm-y-1 {
        margin-top: 35.33333%;
    }
    .lt-sm-y-2 {
        margin-top: 70.66667%;
    }
    .lt-sm-y-3 {
        margin-top: 106%;
    }
    .lt-sm-y-4 {
        margin-top: 141.33333%;
    }
    .lt-sm-y-5 {
        margin-top: 176.66667%;
    }
    .lt-sm-y-6 {
        margin-top: 212%;
    }
    .lt-sm-y-7 {
        margin-top: 247.33333%;
    }
    .lt-sm-y-8 {
        margin-top: 282.66667%;
    }
    .lt-sm-y-9 {
        margin-top: 318%;
    }
    .lt-sm-y-10 {
        margin-top: 353.33333%;
    }
    .lt-sm-y-11 {
        margin-top: 388.66667%;
    }
    .lt-sm-y-12 {
        margin-top: 424%;
    }
    .lt-sm-y-13 {
        margin-top: 459.33333%;
    }
    .lt-sm-y-14 {
        margin-top: 494.66667%;
    }
    .lt-sm-y-15 {
        margin-top: 530%;
    }
    .lt-sm-y-16 {
        margin-top: 565.33333%;
    }
    .lt-sm-y-17 {
        margin-top: 600.66667%;
    }
    .lt-sm-y-18 {
        margin-top: 636%;
    }
    .lt-sm-y-19 {
        margin-top: 671.33333%;
    }
    .lt-sm-w-1 {
        width: 48.5%;
    }
    .lt-sm-w-2 {
        width: 100%;
    }
    .lt-sm-h-1 {
        padding-bottom: 32.33333%;
    }
    .lt-sm-h-2 {
        padding-bottom: 67.66667%;
    }
    .lt-sm-h-3 {
        padding-bottom: 103%;
    }
    .lt-sm-h-4 {
        padding-bottom: 138.33333%;
    }
    .lt-sm-h-5 {
        padding-bottom: 173.66667%;
    }
    .lt-sm-h-6 {
        padding-bottom: 209%;
    }
    .lt-sm-h-7 {
        padding-bottom: 244.33333%;
    }
    .lt-sm-h-8 {
        padding-bottom: 279.66667%;
    }
    .lt-sm-h-9 {
        padding-bottom: 315%;
    }
    .lt-sm-h-10 {
        padding-bottom: 350.33333%;
    }
    .lt-sm-h-11 {
        padding-bottom: 385.66667%;
    }
    .lt-sm-h-12 {
        padding-bottom: 421%;
    }
    .lt-sm-h-13 {
        padding-bottom: 456.33333%;
    }
    .lt-sm-h-14 {
        padding-bottom: 491.66667%;
    }
    .lt-sm-h-15 {
        padding-bottom: 527%;
    }
    .lt-sm-h-16 {
        padding-bottom: 562.33333%;
    }
    .lt-sm-h-17 {
        padding-bottom: 597.66667%;
    }
    .lt-sm-h-18 {
        padding-bottom: 633%;
    }
    .lt-sm-h-19 {
        padding-bottom: 668.33333%;
    }
    .lt-sm-h-20 {
        padding-bottom: 703.66667%;
    }
}

@media (min-width: 992px) {
    .lt-md-x-0 {
        margin-left: 0%;
    }
    .lt-md-x-1 {
        margin-left: 34%;
    }
    .lt-md-x-2 {
        margin-left: 68%;
    }
    .lt-md-y-0 {
        margin-top: 0%;
    }
    .lt-md-y-1 {
        margin-top: 23.33333%;
    }
    .lt-md-y-2 {
        margin-top: 46.66667%;
    }
    .lt-md-y-3 {
        margin-top: 70%;
    }
    .lt-md-y-4 {
        margin-top: 93.33333%;
    }
    .lt-md-y-5 {
        margin-top: 116.66667%;
    }
    .lt-md-y-6 {
        margin-top: 140%;
    }
    .lt-md-y-7 {
        margin-top: 163.33333%;
    }
    .lt-md-y-8 {
        margin-top: 186.66667%;
    }
    .lt-md-y-9 {
        margin-top: 210%;
    }
    .lt-md-y-10 {
        margin-top: 233.33333%;
    }
    .lt-md-y-11 {
        margin-top: 256.66667%;
    }
    .lt-md-y-12 {
        margin-top: 280%;
    }
    .lt-md-y-13 {
        margin-top: 303.33333%;
    }
    .lt-md-y-14 {
        margin-top: 326.66667%;
    }
    .lt-md-w-1 {
        width: 32%;
    }
    .lt-md-w-2 {
        width: 66%;
    }
    .lt-md-w-3 {
        width: 100%;
    }
    .lt-md-h-1 {
        padding-bottom: 21.33333%;
    }
    .lt-md-h-2 {
        padding-bottom: 44.66667%;
    }
    .lt-md-h-3 {
        padding-bottom: 68%;
    }
    .lt-md-h-4 {
        padding-bottom: 91.33333%;
    }
    .lt-md-h-5 {
        padding-bottom: 114.66667%;
    }
    .lt-md-h-6 {
        padding-bottom: 138%;
    }
    .lt-md-h-7 {
        padding-bottom: 161.33333%;
    }
    .lt-md-h-8 {
        padding-bottom: 184.66667%;
    }
    .lt-md-h-9 {
        padding-bottom: 208%;
    }
    .lt-md-h-10 {
        padding-bottom: 231.33333%;
    }
    .lt-md-h-11 {
        padding-bottom: 254.66667%;
    }
    .lt-md-h-12 {
        padding-bottom: 278%;
    }
    .lt-md-h-13 {
        padding-bottom: 301.33333%;
    }
    .lt-md-h-14 {
        padding-bottom: 324.66667%;
    }
    .lt-md-h-15 {
        padding-bottom: 348%;
    }
}

@media (min-width: 1200px) {
    .lt-lg-x-0 {
        margin-left: 0%;
    }
    .lt-lg-x-1 {
        margin-left: 25.25%;
    }
    .lt-lg-x-2 {
        margin-left: 50.5%;
    }
    .lt-lg-x-3 {
        margin-left: 75.75%;
    }
    .lt-lg-y-0 {
        margin-top: 0%;
    }
    .lt-lg-y-1 {
        margin-top: 17.16667%;
    }
    .lt-lg-y-2 {
        margin-top: 34.33333%;
    }
    .lt-lg-y-3 {
        margin-top: 51.5%;
    }
    .lt-lg-y-4 {
        margin-top: 68.66667%;
    }
    .lt-lg-y-5 {
        margin-top: 85.83333%;
    }
    .lt-lg-y-6 {
        margin-top: 103%;
    }
    .lt-lg-y-7 {
        margin-top: 120.16667%;
    }
    .lt-lg-y-8 {
        margin-top: 137.33333%;
    }
    .lt-lg-y-9 {
        margin-top: 154.5%;
    }
    .lt-lg-w-1 {
        width: 24.25%;
    }
    .lt-lg-w-2 {
        width: 49.5%;
    }
    .lt-lg-w-3 {
        width: 74.75%;
    }
    .lt-lg-w-4 {
        width: 100%;
    }
    .lt-lg-h-1 {
        padding-bottom: 16.16667%;
    }
    .lt-lg-h-2 {
        padding-bottom: 33.33333%;
    }
    .lt-lg-h-3 {
        padding-bottom: 50.5%;
    }
    .lt-lg-h-4 {
        padding-bottom: 67.66667%;
    }
    .lt-lg-h-5 {
        padding-bottom: 84.83333%;
    }
    .lt-lg-h-6 {
        padding-bottom: 102%;
    }
    .lt-lg-h-7 {
        padding-bottom: 119.16667%;
    }
    .lt-lg-h-8 {
        padding-bottom: 136.33333%;
    }
    .lt-lg-h-9 {
        padding-bottom: 153.5%;
    }
    .lt-lg-h-10 {
        padding-bottom: 170.66667%;
    }
}

.lt {
    z-index: 1;
    -webkit-transition: margin-left 0.1s ease-out, margin-top 0.1s ease-out;
    transition: margin-left 0.1s ease-out, margin-top 0.1s ease-out;
}

.lt-ghost {
    opacity: 0.5;
    z-index: 2;
    pointer-events: none;
    background-color: black;
    -webkit-transition: margin-left 0s ease-out, margin-top 0s ease-out;
    transition: margin-left 0s ease-out, margin-top 0s ease-out;
}

.lt-container {
    -webkit-transition: padding-bottom 0.1s ease-out;
    transition: padding-bottom 0.1s ease-out;
}

.lt-container .lt-mask {
    display: block;
    border: 1px solid #aaaaaa;
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.btn20 {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}

.btn20 img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.btn20 .ovrly {
    background: rgba(245, 153, 158, 0.91);
    ;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn20 .overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.btn20 .overlay-content h2 {
    letter-spacing: 0px;
    display: inline-block;
    line-height: 40px;
    font-size: 23px;
    text-align: center;
    text-decoration: none;
    opacity: 0;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #e7746f;
    font-family: Brandon Black Italic;
    font-weight: 700;
    padding: 5px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 0
}

.btn20:hover .overlay-content h2 {
    opacity: 1;
    background-color: #fff;
    padding: 5px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 0
}

@media screen and (max-width:1024px) {
    .btn20 .overlay-content h2 {
        font-weight: 100;
        font-size: 15px;
        margin: 0;
        padding: 0 20px !important
    }
}

.btn20:hover .ovrly {
    opacity: 1;
}

.btn21 {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}

.btn21 img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.menu-cat-intro {
    background: #000 url(../Images/catering-bg.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    text-align: center;
    padding-top: 77px;
    width: 100%;
}

.menu-cat-intro h1 {
    font-size: 44px;
    color: #b1dfdb;
    font-family: Brandon Medium;
    font-weight: normal;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 0px;
}

.head-title {
    color: #673d1b;
    padding: 20px;
}

@media (max-width: 480px) {
    .item {
        width: 100%;
        margin-bottom: 3%;
    }
}

.menu-cat-intro p {
    font-size: 20px;
    color: #fff;
    font-family: Brandon Medium;
    font-weight: normal;
    margin: 0 auto;
    line-height: 28px;
    max-width: 70%;
    margin-top: 10px;
    margin-bottom: 70px;
}

@media screen and (min-width:700px) and (max-width:1024px) {
    .navbar-nav a {
        letter-spacing: 0 !important;
        font-size: 19px !important;
        font-weight: 100 !important;
        line-height: 25px !important
    }
}

.side-grid a {
    font-size: 17px !important;
}

@media screen and (max-width:768px){
ul.dropdown-menu.megamenu.row {
    height: 600px;

    overflow: scroll;
}
}
