/********** #1 Typo **********/

/********** #1 Typo **********/

@font-face {
    font-family: 'promptlight';
    src: url('../fonts/prompt-light-webfont.eot');
    src: url('../fonts/prompt-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
    url('../fonts/prompt-light-webfont.html') format('woff2'),
    url('../fonts/prompt-light-webfont.woff') format('woff'),
    url('../fonts/prompt-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'promptregular';
    src: url('../fonts/prompt-regular-webfont.eot');
    src: url('../fonts/prompt-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
    url('../fonts/prompt-regular-webfont.html') format('woff2'),
    url('../fonts/prompt-regular-webfont.woff') format('woff'),
    url('../fonts/prompt-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'promptmedium';
    src: url('../fonts/prompt-medium-webfont.eot');
    src: url('../fonts/prompt-medium-webfontd41d.eot?#iefix') format('embedded-opentype'),
    url('../fonts/prompt-medium-webfont.html') format('woff2'),
    url('../fonts/prompt-medium-webfont.woff') format('woff'),
    url('../fonts/prompt-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'promptsemibold';
    src: url('../fonts/prompt-semibold-webfont.eot');
    src: url('../fonts/prompt-semibold-webfontd41d.eot?#iefix') format('embedded-opentype'),
    url('../fonts/prompt-semibold-webfont.html') format('woff2'),
    url('../fonts/prompt-semibold-webfont.woff') format('woff'),
    url('../fonts/prompt-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'promptbold';
    src: url('../fonts/prompt-bold-webfont.eot');
    src: url('../fonts/prompt-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
    url('../fonts/prompt-bold-webfont.html') format('woff2'),
    url('../fonts/prompt-bold-webfont.woff') format('woff'),
    url('../fonts/prompt-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




/*---------------- General Section -------------------*/

html {
    font-size: 10px;
}

/*Page Fade*/

html {
    animation: fadeSiteIn 0.85s ease forwards;
    /* [1] */
}

html.fadeSiteOut {
    animation: fadeSiteOut 0.85s ease forwards;
    /* [2] */
}


@keyframes fadeSiteIn {
    /* [1] */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeSiteOut {
    /* [2] */
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/*Page Fade*/

body {
    font-size: 1.7rem;
    font-family: 'promptlight';
}

a {
    color: #e06909;
}

a:hover {
    color: #1b4111;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'promptmedium';
}

h1 {
    font-size: 2.8rem;
}

h2 {
    font-size: 2.8rem;
}

h3 {
    font-size: 2rem;
}

h4 {
    font-size: 1.7rem;
}

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

.sm-section {
    padding: 40px 0;
}

.heading-section {
    margin-bottom: 40px;
}

.dlt-pd {
    padding: 0;
}

.subpage {
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0;
    color: #fff;
    background-position: center bottom;
}

.news-subpage {
    background-image: url(../images/image-subpage-news.jpg);
}

.breadcrumb-collapse {
    background: #f3f4f9;
}

.breadcrumb {
    background: #f3f4f9;
    font-size: 1.4rem;
    margin-bottom: 0;
    padding-left: 0;
}

.breadcrumb-dt {
    text-align: center;
}

.breadcrumb-item.active {
    background: none;
}

.heading-divider {
    display: block;
    margin: 20px auto 40px;
}

.heading-divider-left {
    display: block;
    margin-left: 0;
}

.btn-outline {
    padding: 15px;
    border: 1px solid #e06909;
    font-size: 1.6rem;
}

.btn-outline:hover {
    background: #e06909;
    color: #fff;
}

.btn-menu {
    background: #e06909;
    color: #fff;
}

.btn-menu:hover {
    text-decoration: underline;
}

/*
        .btn-section {
            margin-top: 30px;
        }*/

/*---------------- First page Section -------------------*/

.about {
    position: relative;
    padding: 96px 0;
}

.about a {
    text-decoration: none;
}

.about-logo {
    margin-bottom: 32px;
}

.about h1 {
    margin-bottom: 24px;
}

.about p {
    text-align: justify;
    text-justify: inter-character;
}

/*Background Image*/

.about-background-image {
    position: absolute;
    left: 0;
    top: 60px;
}

.about1-background-image {
    position: absolute;
    right: 0;
    bottom: 60px;
}

.aboutus a {
    text-decoration: none;
}

.readmore-container {
    margin-top: 48px;
}

.readmore-container span {
    display: inline-block;
}

.readmore {
    border-radius: 50px;
    width: 36px;
    line-height: 36px;
    font-size: 1.4rem;
    text-align: center;
    background: #42670e;
    vertical-align: middle;
    margin-right: 15px;
}

.readmore img {
    vertical-align: baseline;
    max-width: 15px;
}

.quote {
    background-image: url(../images/image-quote3.jpg);
    background-size:cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}

.quote p {
    /*position: absolute;
    left: 10%;*/
    color: #fff;
    font-size: 2rem;
    border-left: 4px solid #fff;
    padding-left: 30px;
}

.product-item {
    padding: 40px;
    background: #efefef;
    border-radius: 8px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dadada+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%, rgb(218, 218, 218) 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgb(255, 255, 255) 0%, rgb(218, 218, 218) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgb(255, 255, 255) 0%, rgb(218, 218, 218) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.product-item img {
    max-width: 120px;
    margin: 0 auto;
}

.product-item h4 {
    margin-top: 15px;
    color: #000;
}

.product-slide a {
    color: #333;
}

.product-tag {
    width: auto;
    padding: 8px;
    position: absolute;
    top: 15px;
    left: 30px;
    color: #fff;
    border-radius: 24px;
    opacity: 0.9;
    z-index: 9;
}

.product-tag-bestseller {
    background: #dd2f3c;
}

.product-container {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px dashed #ddd;
    position: relative;
}

.row-product {
    margin-top: 30px;
}

.row-product .product-item {
    padding: 24px;
}

.row-product-bottom .product-item {
    padding: 24px;
}

.product-ov-detail p {
    margin: 15px 0;
}

.product-detail {
    margin-top: 20px;
    color: #333;
}

.product-detail h4 {
    font-size: 1.4rem;
}

.product-detail strong {
    width: 25%;
    display: inline-block;
}

.product-detail span {
    width: 70%;
    display: inline-block;
}

.product-detail p {
    margin-bottom: 0;
    font-size: 1.3rem;
}

.product-detail-image {
    background: #efefef;
    padding: 30px;
}

.product-detail-image img {
    max-width: 260px;
}

.product-detail-text {
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.product-detail-text p {
    margin-bottom: 15px;
}

.product-detail-text p:last-child {
    margin-bottom: 0;
}

.product-detail-text h3 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.product-detail .addthis_inline_share_toolbox span {
    width: 100%;
}

.product-detail-otimage img {
    max-height: 120px;
    text-align: center;
    margin: 30px auto 0;
    display: block;
}

.product-divider {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin: 15px 0;
}

.row-product-top {
    margin-bottom: 60px;
}

.row-product-bottom .product-heading {
    margin-bottom: 15px;
}

.row-product-top img {
    /*padding: 6px;*/
    border-radius: 6px;
    border: 1px solid #efefef;
}

.hover,
.hover .overlay {}

.row-box {
    margin-bottom: 30px;
}

.box {
    width: 100%;
    height: 300px;
    background: red;
}

.box-1 {
    height: 630px;
}

.news-activities {
    background: #efefef;
}

.news-activities a h3 {
    color: #333;
}

.news-activities p {
    font-size: 1.4rem;
}

.news-activities-page p {
    font-size: 1.4rem;
}

.news-activities-page a h4 {
    color: #333;
}

.shop-item {
    background: #fff;
    padding: 15px 0;
    box-shadow: 1px 2px 5px #ddd;
    margin-bottom: 30px;
    display: block;
}

.shop-item img {
    max-width: 200px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

.shop-tooltip,
.shop-tooltip-detail {
    font-size: 1.6rem;
}

.shop-tooltip {
    margin-bottom: 5px;
    display: block;
}

.shop-tooltip-detail {
    border-top: 1px dashed #fff;
    padding-top: 5px;
}

/*Sidebar*/

.sidebar {
    margin-bottom: 30px;
    border-radius: 4px;
    padding: 0 20px;
}

.sidebar h3 {
    background-repeat: repeat-x;
    background-position: top;
    background-size: 0.0625rem 0.6125rem;
    border-top: 0;
    padding-top: 0.9rem;
    padding-bottom: 15px;
    padding-top: 30px;
    border-top: 4px solid #e06909;
}

.sidebar-item {
    position: relative;
    font-size: 1.4rem;
    border-bottom: 1px solid #efefef;
    float: left;
    width: 100%;
    padding: 15px 0;
}

.sidebar-item-img {
    float: left;
    width: 30%;
}

.sidebar-item-img img {
    max-width: 80px;
}

.sidebar-item-title {
    float: left;
    width: 70%;
    line-height: 2rem;
}

.sidebar-item-title a {
    color: #333;
    font-size: 16px;
}

#contact-form input {
    height: 56px;
}

.nav-contact li {
    margin-left: 15px;
}

.navbar-brand img {
    max-width: 180px;
}

.social-mb {
    display: none;
}

.social-mb li {
    width: 100%;
    text-align: center;
    line-height: 50px;
    list-style-type: none;
    font-weight: bold;
}

.social-mb a {
    color: #fff;
    width: 50%;
    float: left;
    margin-left: 0;
    display: inline-block;
    font-size: 1.4rem;
}

.social-mb a:hover {
    text-decoration: none;
}

.social-mb span {
    display: inline-block;
    font-weight: normal;
}

.social-mb p {
    display: inline-block;
}

.social-mb-tel {
    background: #104168;
}

.social-mb-tel .fa {
    display: none;
}

.social-mb-line {
    background: #00bd00;
}

/*---------------- Carousel Section -------------------*/

.banner-mb {
    display: none;
}

.carousel-fade .carousel-item {
    background-size: cover;
    background-repeat: no-repeat;
    height: 1000px;
    transition-duration: .5s;
    background-position: left;
}

.carousel {
    position: relative;
    top: 0;
    overflow: visible;
}

header .carousel-item {
    /*height: 540px;*/
    height: 540px;
    min-height: 300px;
    background: no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.carousel-caption {
    left: 15%;
    top: 50% !important;
    transform: translateY(-50%);
    text-align: left;
    bottom: initial;
    width: 1110px;
    margin: 0 auto;
}

.carousel h1 {
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 0;
    text-shadow: 1px 2px 2px #333333;
    font-size: 3.6rem;
}

.carousel-caption h1 span {
    color: #eddc1e;
}

.carousel-caption .btn {
    margin-top: 15px;
    box-shadow: 1px 1px 10px #555555;
}

.carousel-indicators li {
    margin-right: 0;
}

#carouselExampleIndicators .carousel-indicators li {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #ffffff;
    border-radius: 5px;
}

#carouselExampleIndicators .carousel-indicators li {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #ffffff;
    border-radius: 5px;
}

#carouselExampleIndicators .carousel-indicators .active {
    background-color: #df691e;
}



.carousel-container .carousel-indicators {
    left: 0;
    top: auto;
    bottom: -60px;
}

.carousel-container .carousel-indicators li {
    background-color: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.carousel-container .carousel-indicators .active {
    background-color: #0045b6;
}


.caption-container {
    transform: translateY(-50%);
    position: absolute;
    width: 100%;
    top: 50%;
    padding: 0 15px;
}

.slider-caption {
    color: #ffffff;
}

#carouselExampleIndicators1 .carousel-indicators {
    bottom: -60px;
}


#carouselExampleIndicators1 .carousel-indicators li {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #ddd;
    border-radius: 5px;
}

#carouselExampleIndicators1 .carousel-indicators .active {
    background-color: #e06909;
}

.carousel-itemcenter {
    background-position: center !important;
}

/*Footer*/

.footer-section {
    background: #2B2A28;
    color: #999999;
}

.footer-section ul {
    list-style-type: none;
}

.footer-section h4 {
    color: #fff;
    font-family: 'promptregular';
}

.footer-section a {
    color: #999999;
    display: block;
}

.footer-nav-logo {
    margin-bottom: 30px;
}

.footer-nav-list {
    padding-left: 60px;
}

.footer-nav-list li h4 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.footer-nav-list li {
    margin-bottom: 15px;
}

.divider {
    width: 100%;
    height: 1px;
    margin: 20px 0;
}

.divider-grey {
    background: #999999;
}

.copyright {
    background: #222120;
    color: #fff;
    padding: 20px;
    font-size: 1.4rem;
}

.copyright a {
    color: #fff;
}

/*Food Menu*/

.foodmenu-item {
    border: none;
    margin-bottom: 30px;
}

.foodmenu-item .card-body {
    padding-left: 0;
    padding-right: 0;
}

/*
.foodmenu-item h4 {
    float: left;
}
*/

.foodmenu-item p {
    float: right;
    line-height: 1.2;
    font-weight: bold;
}

.row-foodmenuimg {
    margin-bottom: 60px;
}

.row-foodmenulist {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.price-text {
    color: red;
}

.condition {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: 1px solid #efefef;
}

.condition ul {
    list-style-type: none;
}

/*Concept*/

.concept {
    background: #efefef;
}

.concept-container {
    padding: 0 60px;
}

.concept-container img {
    max-width: 64px;
    margin-bottom: 15px;
}

.img-container {
    min-height: 110px;
}

.qrcode img {
    max-width: 200px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
    color: #333;
    font-family: promptmedium;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #fff;
}

/*Portfolio*/

.text-content {
    margin: 15px 0;
}

.portfolio-image-gallery {
    margin-top: 30px;
}

.img-gallery {
    margin-bottom: 15px;
    display: block;
}

.portfolio-item img {
    margin-bottom: 15px;
}

.buffet-item a {
    margin-bottom: 0;
}
/*Location Delivery*/

.location-delivery {
    list-style-type: none;
    font-size: 14px;
}

.location-delivery li {
    margin-bottom: 5px;
}
/*Reviews*/

.testimonial .img-gallery img {
    border: 1px solid #efefef;
    padding: 5px;
}
.testimonial {
    border-top: 1px solid #efefef;
}
/*Sidebar*/

.sidebar .heading-section {
    margin-bottom: 0;
}

.sidebar-item-img {
    float: left;
    width: 30%;
}

.sidebar-item-title {
    float: left;
    width: 70%;
    line-height: 2rem;
    font-family: promptmedium;
    margin-top: 15px;
}

/*Nav*/

.nav-social-tab {
    display: none;
}

/*Menu Category*/

.buffet-menu {
    margin-top: 60px;
}

.row-foodcategorylist {
    margin-bottom: 30px;
}

.categorylist-heading {
    margin-bottom: 30px;
    text-decoration: underline;
}

.buffetmenulist h4 {
    font-family: 'promptlight';
}

.nav-social-tab {
    display: none;
}

.row-buffetmenulist-heading {
    margin-top: 30px;
}

.row-buffetmenulist-heading:first-child {
    margin-top: 0;
}

/*Media queries*/

@media (max-width:1920px) {
    .carousel-fade .carousel-item {
        height: 600px;
    }
}

@media (max-width:1360px) {
    .carousel-fade .carousel-item {
        height: 460px;
    }
}

@media (max-width:1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 1.5rem;
    }
}

@media (max-width:1199px) {
    .carousel-fade .carousel-item {
        height: 500px;
    }
    .sidebar-item-img img {
        max-width: 60px;
    }
    .contact-truetel {
        display: none !important;
    }
}

@media (max-width:1023px) {
    .subpage {
        margin-top: 0;
    }
}

@media (max-width:991px) {
    .news-item {
        margin-bottom: 30px;
    }
    .news-item:last-child {
        margin-bottom: 0;
    }
    .subpage {
        background-position: center center;
    }
    .aboutus-detail {
        margin-top: 15px;
    }
    .product-item {
        margin-bottom: 30px;
    }
    .sidebar {
        padding: 0;
        margin-top: 30px;
    }
    .sidebar-item-img {
        width: 15%;
    }
    .row-product:last-child {
        margin-top: 0;
    }
    .product-detail-image {
        margin-bottom: 30px;
    }
    .contact-container img {
        display: none;
    }
    #menu-fix {
        display: none !important;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        font-size: 1.4rem;
    }

    .qrcode img {
        max-width: 100%;
    }
    .nav-social-tab {
        display: block;
    }
    .contact-line {
        display: none !important;
    }
    .nav-item .fas {
        display: none;
    }
    .contact-fb {
        display: none !important;
    }
    .nav-social-tab:hover {
        background: none !important;
        opacity: 0.8;
    }
}

@media (max-width:926px) {
    .contact-container {
        display: none;
    }
}

@media (max-width:880px) {
    .about-background-image {
        max-width: 200px;
    }
    .about1-background-image {
        max-width: 200px;
    }
    .carousel-fade .carousel-item {
        height: 400px;
    }
}

@media (max-width:767px) {
    .carousel-fade .carousel-item {
        height: 360px;
    }
    .news-item img {
        width: 100%;
        margin-bottom: 15px;
    }
    .footer-nav-list {
        padding-left: 0;
    }
    .row-product-top img {
        margin-bottom: 15px;
    }
    .product-item {
        margin-bottom: 30px;
    }
    .row-product {
        margin-top: 15px;
    }
    .product-ov-detail p {
        margin-top: 0;
    }
    .sidebar-item-img img {
        display: none;
    }
    .concept-container {
        margin-bottom: 30px;
    }
    .img-container {
        min-height: auto;
    }
    .contact-list img {
        display: none;
    }
    .qrcode img {
        max-width: 200px;
    }
}

@media (max-width:567px) {
    .carousel-fade .carousel-item {
        height: 100%;
        min-height: 300px;
    }
    #carouselExampleIndicators1 .carousel-indicators {
        bottom: 0;
    }
    .bs-section {
        padding: 60px 0;
    }
    .about-background-image {
        opacity: 0.2;
    }
    .about1-background-image {
        opacity: 0.2;
    }
    .about p {
        text-align: center;
    }
    .product-top img {
        width: 100%;
        margin-bottom: 15px;
    }
    .row-product-top img {
        width: 100%;
        max-height: 100% !important;
        margin-bottom: 15px;
    }
    .row-box {
        margin-bottom: 0;
    }
    .navbar-brand img {
        max-width: 120px;
    }
    .nav-social:last-child {}
    /*.nav-social:last-child {
        display: none;
    }*/
    .nav-item {
        margin-right: 5px;
    }
    .social-mb {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        overflow: hidden;
        z-index: 999;
        height: 50px;
    }
    .copyright {
        padding: 20px 20px 60px;
    }
    .row-foodmenulist {
        margin-bottom: 0;
    }
    .price-text {
        margin-bottom: 40px;
    }
    .row-foodmenulist h4 {
        margin-bottom: 0;
    }
}

@media (max-width:480px) {

    .nav-contact li {
        margin-left: 5px;
    }
    .col-xxs {
        max-width: 100%;
        display: block;
        flex: none;
    }
    .shop-item img {
        max-width: 100%;
    }
    .product-item {
        margin-bottom: 15px;
    }
    .concept-container br {
        display: none;
    }
    .news-subpage {
        display: none;
    }
    .banner-mb {
        display: block;
    }
    .banner-dt {
        display: none;
    }
}

@media (max-width:440px) {
    .carousel-fade .carousel-item {
        height: 100%;
        min-height: 280px;
    }
}

@media (max-width:400px) {
    .carousel-fade .carousel-item {
        height: 100%;
        min-height: 250px;
    }
}

@media (max-width:340px) {
    .carousel-fade .carousel-item {
        min-height: 200px;
    }
    .social-mb-tel .fa {
        display: inline-block;
    }
    .social-mb-tel span {
        display: none;
    }
}