.page-content {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.container>.main.left,
.container>.sidebar.left {
    float: left
}
@media only screen and (max-width: 767px) {
    .container>.main.left,
    .container>.sidebar.left {
        float: none
    }
}
.container>.main.right,
.container>.sidebar.right {
    float: right
}
@media only screen and (max-width: 767px) {
    .container>.main.right,
    .container>.sidebar.right {
        float: none
    }
}
.container>.main {
    width: 70%
}
@media only screen and (max-width: 767px) {
    .container>.main {
        width: 100%;
        margin-bottom: 3rem
    }
}
.container>.sidebar {
    width: 24%
}
@media only screen and (max-width: 767px) {
    .container>.sidebar {
        width: 100%
    }
}
.container-md {
    width: 860px
}
@media only screen and (max-width: 767px) {
    .container-md {
        width: 730px
    }
}
@media only screen and (max-width: 575px) {
    .container-md {
        width: auto
    }
}

.row.gutters-sm {
    margin-left: -7.5px;
    margin-right: -7.5px
}
.row.gutters-sm>*[class^='col'],
.row.gutters-sm>*[class*=' col'] {
    padding-left: 7.5px;
    padding-right: 7.5px
}
.row.with-separator {
    margin-left: -30px;
    margin-right: -30px
}
@media only screen and (max-width: 767px) {
    .row.with-separator {
        margin-left: -15px;
        margin-right: -15px
    }
}
.row.with-separator>*[class^='col'],
.row.with-separator>*[class*=' col'] {
    padding-left: 30px;
    padding-right: 30px
}
.row.with-separator>*[class^='col']:not(:last-child),
.row.with-separator>*[class*=' col']:not(:last-child) {
    border-right: 1px solid #e0e0e0
}
@media only screen and (max-width: 767px) {
    .row.with-separator>*[class^='col']:not(:last-child),
    .row.with-separator>*[class*=' col']:not(:last-child) {
        border-right: none
    }
}
@media only screen and (max-width: 767px) {
    .row.with-separator>*[class^='col'],
    .row.with-separator>*[class*=' col'] {
        padding-left: 15px;
        padding-right: 15px
    }
}


@media only screen and (max-width: 991px) {
    .stick-to-content {
        position: relative !important;
        top: 0 !important
    }
}

.nav-menu {
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 2.5rem;
    font-family: 'Cabin', sans-serif;
    text-transform: uppercase;
    margin-bottom: 2rem
}
.nav-menu li a {
    padding: 0.2rem 0;
    font-size: 1rem;
    display: block
}

@media only screen and (max-width:1120px) {
	.nav-menu{
		display: none;
	}
} 

@media only screen and (min-width:1120px) {
	.menu-dropdown{
		display: none;
	}
} 

.page-title.bg-dark {
    background-color: #202225 !important
}

.bg-dark {
    background-color: #282b2e !important
}

.dark {
    color: #fff
}

.dark .border {
    border: 1px solid rgba(255, 255, 255, 0.15)
}
.border-top {
    border-top: 1px solid #e0e0e0
}
.dark .border-top,
.dark.border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.15)
}
.border-bottom {
    border-bottom: 1px solid #e0e0e0
}
.dark .border-bottom,
.dark.border-bottom {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15)
}

#header.dark {
    background-color: #282b2e
}

#header .module-logo.dark {
    background-color: #282b2e
}

#header-mobile.dark {
    background-color: #282b2e
}

.dark #nav-toggle span {
    background: #fff
}

.dark .rate>i {
    color: rgba(255, 255, 255, 0.4)
}

.page-title.bg-dark {
    background-color: #202225 !important
}

.menu-category {
    margin-bottom: 2rem
}
.menu-category .menu-category-title {
    position: relative;
    height: 35vh;
    min-height: 160px;
    color: #fff;
    padding: 3rem;
    background-color: #282b2e
}
@media only screen and (max-width: 991px) {
    .menu-category .menu-category-title {
		height: 15vh;
        min-height: 100px;
    }
}
.menu-category .menu-category-title .bg-image:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: ' ';
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)
}
.menu-category .menu-category-title .title {
    position: absolute;
    bottom: 3rem;
    left: 1rem;
    font-size: 3rem;
    z-index: 2;
    margin-bottom: 0;
	font-weight: 200;
	font-family: 'Playfair Display', serif !important;
	text-transform: none;
}

@media only screen and (max-width: 991px) {
    .menu-category .menu-category-title .title {
        font-size: 3rem;
        bottom: 2rem;
        left: 3rem
    }
}
@media only screen and (max-width: 991px) {
    .menu-category .menu-category-title .title {
        font-size: 1rem;
        left: 1rem
    }
}
.menu-category .menu-category-title.collapse-toggle {
    cursor: pointer;
    height: 25vh;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all 0.25s ease-out
}
.menu-category .menu-category-title.collapse-toggle:after {
    position: absolute;
    bottom: 3rem;
    right: 3rem;
    font-family: 'themify';
    content: "\e64b";
    display: inline-block;
    font-size: 3rem;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    z-index: 2;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all 0.25s ease-out
}
@media only screen and (max-width: 1500px) {
    .menu-category .menu-category-title.collapse-toggle:after {
        bottom: 2.5rem
    }
}
@media only screen and (max-width: 991px) {
    .menu-category .menu-category-title.collapse-toggle:after {
        right: 2rem;
        bottom: 2rem;
        font-size: 2rem
    }
}
.menu-category .menu-category-title.collapse-toggle[aria-expanded="true"] {
    height: 35vh
}
.menu-category .menu-category-title.collapse-toggle[aria-expanded="true"]:after {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg)
}
.menu-category .menu-category-content {
    border: 1px solid #e0e0e0;
    background-color: #fff
}
.menu-category .menu-category-content.padded {
    padding: 15px
}
.menu-list-item {
    padding: 1.25rem 1.5rem;
    line-height: 1.2
}
@media only screen and (max-width: 575px) {
    .menu-list-item {
        padding: 1rem
    }
}
.menu-list-item:not(:last-child) {
    border-bottom: 1px solid #e0e0e0
}
.menu-grid-item {
    line-height: 1.2;
    margin-bottom: 1.5rem
}
.menu-grid-item:not(:last-child) {
    border-bottom: 1px solid #e0e0e0
}

.section-double>.row>.image.right>.bg-image {
    background-position: left center
}
.section-double>.row>.image.left>.bg-image {
    background-position: right center
}

.section-bg-edge .image.right .bg-image {
    background-position: center left
}
.section-bg-edge .image.left {
    text-align: left;
    left: 0
}
.section-bg-edge .image.left .bg-image {
    background-position: center right
}
.section-bg-edge .image.bottom .bg-image {
    background-position-y: top !important
}

.bg-image,
.bg-slideshow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0
}
.bg-image.bottom,
.bg-slideshow.bottom {
    background-position-y: bottom
}
.bg-image>img {
    display: none
}
.bg-image+* {
    position: relative
}
.bg-fixed {
    background-attachment: fixed
}
@media only screen and (max-width: 767px) {
    .bg-fixed {
        background-attachment: scroll
    }
}

.table-cart .title .name {
    font-weight: 500;
    display: block
}

.list-posts>li .title {
    font-weight: 500;
    display: block
}

.menu-sample .title {
    position: absolute;
    bottom: 4.5rem;
    right: 4.5rem;
    color: #fff;
    font-size: 5.5rem;
    font-weight: 100;
    margin-bottom: 0;
	
}
@media only screen and (max-width: 991px) {
    .menu-sample .title {
        font-size: 4rem
    }
}
.menu-sample:hover .image {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}
.menu-sample-carousel {
    margin-bottom: 0
}
.menu-sample-carousel .menu-sample:nth-child(2n+1) {
    top: 10px
}
.menu-sample-carousel .slick-list {
    overflow: visible
}

.image-box .title {
    padding: 1.5rem;
    text-align: center;
    background-color: #fff
}

img {
    max-width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden
}

.image-box .image img {
    width: 100%
}

.bg-image,
.bg-slideshow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0
}
.bg-image.bottom,
.bg-slideshow.bottom {
    background-position-y: bottom
}
.bg-image>img {
    display: none
}
.bg-image+* {
    position: relative
}

.text-muted {
    color: #a4a7a9 !important
}
.dark .text-muted {
    color: rgba(255, 255, 255, 0.5) !important
}

.text-sm {
    font-size: 0.8rem
}

.text-md {
    font-size: 1.1rem
}

.mb-0 {
	margin-bottom:0!important
}

.mr-4{
	margin-right:1.5rem !important;
}
.dinemenu-item{
	position: relative;
    color: #383c40;
    font-family: "Helvetica Neue", "Raleway", sans-serif;
    font-weight: 400;
    
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
}
.dinemenu-item h6 {
    text-transform:uppercase;
}
.mb-4{
	margin-bottom:1.5rem !important;
}
.mt-4{
	margin-top: 1.5rem !important;
}

/*
@media only screen and (max-width: 768px) {
.col-6{
	flex: 0 0 50%;
	max-width: 50%;
}
}

*/