/******* root vars ********/

:root{
    --Main-Blue-Color: #000C3D;
    --Main-Orange-Color: #F94A38;
    --Main-Text-Color: #000000;
    --Main-Yellow-Light-Color: #EDF3F3;
    --Main-Border-Color: #CCC7C0;
}


/********common content*********/

.AreaCS
{
    width: 100%;
    margin: auto;
}


@media screen and (min-width: 768px) {
    .AreaCS
    {
        max-width: 750px;
    }
}

@media screen and (min-width: 992px) {
    .AreaCS
    {
        max-width: 970px;
    }
}

@media screen and (min-width: 1200px) {
    .AreaCS
    {
        max-width: 1170px;
    }
}

/*****************************/

:root
{
    --parallax-font-color: #122c49;
}

.top-menu-wrapper #menu a
{
    color: var(--parallax-font-color);
    font-size: 1.15em;
    font-weight: 500;
}

.top-menu-wrapper .logo.logo-desktop, .top-menu-wrapper .SNLogoWrapper a
{
    width: 110%;
    display: inline-block;
}

.top-menu-wrapper .logo.logo-desktop, .top-menu-wrapper .logo.logo-mobile
{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    max-width: 500px;
    height: 0;
    padding-bottom: 45%;
    min-width: 180px;
}

.parallax-container
{
    background: transparent;
}

.parallax-container .search-wraps h1
{
    font-weight: 700;
    color: var(--parallax-font-color);
}

.parallax-container .search-wraps p
{
    color: var(--parallax-font-color);
}

.search-input-wraps
{
    background: var(--parallax-font-color);
    position: relative;
}

.search-input-wraps .pac-target-input
{
    background: transparent;
    color: #fff;
}

.search-input-wraps .pac-target-input::placeholder
{
    color: #fff;
}

.search-input-wraps #s, .search-input-wraps .search-field, .search-input-wraps #restaurant_name
{
    color: #fff;
}

.search-input-wraps .relative.border
{
    position: inherit;
}

.search-input-wraps button[type=submit]
{
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.search-input-wraps button[type=submit]
{
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.search-input-wraps button[type=submit] i
{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/home-search-icon.png") no-repeat center;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.search-input-wraps button[type=submit] i::before
{
    content: none;
}

.search-input-wraps .SNSingleSearchInputWrapper
{
    display: flex;
    flex-wrap: nowrap;
}

.search-input-wraps .SNSingleSearchInputWrapper:before
{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("../images/search-location-icon.png") no-repeat center;
    background-size: contain;
    margin-right: 10px;
}


@media screen and (max-width: 1024px)
{
    .top-menu-wrapper
    {
        background: #e3e3e3;
        border-bottom: 2px solid #e3e3e3;
    }

    .top-menu-wrapper .logo.logo-desktop
    {
        display: none;
    }

    .top-menu-wrapper .logo.logo-mobile
    {
        display: block;
        background-position: center left;
    }

}

@media screen and (max-width: 450px)
{
    .top-menu-wrapper .container .col-xs-3.border.col-a
    {
        width: 30%;
    }
}

@media screen and (max-width: 350px)
{
    .top-menu-wrapper .container .col-xs-3.border.col-a
    {
        width: 40%;
    }
}

@media screen and (max-width: 300px)
{
    .top-menu-wrapper .container .col-xs-3.border.col-a
    {
        width: 50%;
    }
}


/***** How it works section ******/

html * .lcm-how-works
{
    font-family: Work Sans;
    padding: 0.5em;
}

.lcm-how-works .sec-header
{
    text-align: center;
}

.lcm-how-works .sec-header p
{
    margin: auto;
    font-size: 0.85em;
    width: 100%;
    max-width: 500px;
    padding: 0 20px;
}

html * .lcm-main-header
{
    font: 600 2em Work Sans;
    color: var(--Main-Blue-Color);
}

html * .lcm-main-header.Big1
{
    font-size: 2.1em;
}

html .lcm-how-works .sec-content
{
    width: 100%;
    display: flex;
    margin-top: 20px;
}

html .lcm-how-works .sec-content .content-step
{
    width: 33%;
    text-align: center;
}

html .lcm-how-works .sec-content .content-step:nth-child(2)
{
    position: relative;
    width: 34%;
}

html .lcm-how-works .sec-content .content-step:nth-child(2)::before,
html .lcm-how-works .sec-content .content-step:nth-child(2)::after
{
    content: "";
    display: inline-block;
    position: absolute;
    top: 35%;
    width: 30%;
    height: 5px;
    background: url("/assets/images/how-works-dots-icon.png") repeat-x center;
    background-size: cover;
}

html .lcm-how-works .sec-content .content-step:nth-child(2)::before
{
    left: 0;
    transform: translateX(-50%);
}

html .lcm-how-works .sec-content .content-step:nth-child(2)::after
{
    right: 0;
    transform: translateX(50%);
}

html .lcm-how-works .sec-content .content-step .step-image-wrap
{
    position: relative;
    width: 35%;
    height: auto;
    overflow: hidden;
    margin: auto;
}

html .lcm-how-works .sec-content .content-step img
{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

html .lcm-how-works .sec-content .content-step .step-description
{
    max-width: 250px;
    margin: auto;
    margin-top: 1em;
}

html .lcm-how-works .sec-content .content-step h4
{
    font: 700 1.1em Work Sans;
    margin-bottom: 0.7em;
    color: #231F20;
}

html .lcm-how-works .sec-content .content-step p
{
    font: 0.7em Work Sans;
    line-height: 1.5;
}

@media screen and (max-width: 1200px) {
    html * .lcm-how-works
    {
        font-size: 1em;
    }
}

@media screen and (max-width: 992px) {
    html * .lcm-how-works
    {
        font-size: 0.9em;
    }

    html .lcm-how-works .sec-content .content-step
    {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    html * .lcm-how-works
    {
        font-size: 0.8em;
    }

    html .lcm-how-works .sec-content .content-step
    {
        padding: 0 1em;
    }
}

@media screen and (max-width: 700px) {
    html .lcm-how-works .sec-content
    {
        flex-wrap: wrap;
    }

    html .lcm-how-works .sec-content .content-step, html .lcm-how-works .sec-content .content-step:nth-child(2)
    {
        width: 100%;
    }

    html .lcm-how-works .sec-content .content-step .step-image-wrap
    {
        max-width: 100px;
    }
    
    html .lcm-how-works .sec-content .content-step:nth-child(2)::before,
    html .lcm-how-works .sec-content .content-step:nth-child(2)::after
    {
        content: none;  
    } 
}

/***** Home features restaurant section ******/

.lcm-features-section
{
    padding: 1.1em 0.1em 1.5em;
    text-align: center;
    background: var(--Main-Yellow-Light-Color);
    transition: all 0.5s;
}

.lcm-features-section .section-content
{
    display: flex;
    margin: 3em 0;
}

.lcm-features-section .section-content .content-trigger
{
    position: relative;
    width: 100px;
    flex-shrink: 0;
}

.lcm-features-section .section-content .content-trigger::before
{
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    display: inline-block;
    border: 0.2em solid;
    border-radius: 0.4em;
    width: 2.2em;
    height: 2.2em;
    line-height: 0;
}

.lcm-features-section .section-content .content-trigger.left::before
{
    transform: translate(-25%, -50%) rotate(-45deg);
    border-color: #B3B2B3 transparent transparent #B3B2B3;
}

.lcm-features-section .section-content .content-trigger.right::before
{
    transform: translate(-75%, -50%) rotate(-45deg);
    border-color: transparent #B3B2B3 #B3B2B3 transparent;
}

.lcm-features-section .section-content .content-visor-wrapper
{
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    overflow: hidden;
}

.lcm-features-section .section-content .content-visor-wrapper .visor-item-wrapper
{
    width: 33.33%;
    flex-shrink: 0;
    padding: 1em 1em;
    transition: all 0.5s;
}

.lcm-features-section .section-content .visor-item-wrapper .item-insider
{
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
    border-radius: 3px;
    overflow: hidden;
}

.lcm-features-section .section-content .visor-item-wrapper .item-insider > a
{
    text-decoration: none;
}

.lcm-features-section .section-content .visor-item-wrapper .item-insider:hover
{
    opacity: 0.7;
}

.lcm-features-section .section-content .visor-item-wrapper .item-banner
{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 54%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.lcm-features-section .section-content .visor-item-wrapper .item-banner::after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, #091340 0%, transparent);
    z-index: 5;
}

.lcm-features-section .section-content .visor-item-wrapper .item-banner img
{
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 35%;
    height: 0;
    padding-bottom: 35%;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    transform: translate(-50%, 50%);
    z-index: 10;
    background-color: #fff;
    background-position: center;
    background-size: auto 90%;
    background-repeat: no-repeat;
}

.lcm-features-section .section-content .item-body
{
    padding: 0 0 20px 0;
}

.lcm-features-section .section-content .visor-item-wrapper .item-body::before
{
    content: "";
    position: relative;
    width: 100%;
    height: 0;
    /*padding-bottom: 17.5%;*/
	padding-bottom:20px;
    display: inline-block;
}

.lcm-features-section .section-content .item-body .body-upper
{
    padding: 0.7em 0;
}

.lcm-features-section .section-content .item-body .body-upper h3
{
    margin: 0;
    font: 700 1.2em Work Sans;
    color: #231F21;
}

.lcm-features-section .section-content .item-body .body-upper p,
.lcm-features-section .section-content .item-body .body-bottom p
{
    margin: 0;
    font: 0.9em Work Sans;
    color: var(--Main-Text-Color);
}

.lcm-features-section .section-content .item-body .body-bottom p
{
    font-size: 0.8em;
    margin-bottom: 0.4em;
    line-height: 1.5;
}

.lcm-features-section .section-content .item-body .body-bottom
{
    padding: 0.5em 0.2em;
    border-top: 1px solid #CCCBCB;
}

.lcm-features-section .section-content .item-body .body-bottom ul.services-list
{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.lcm-features-section .section-content .item-body .body-bottom ul.services-list li
{
    font: 0.75em Work Sans;
    color: var(--Main-Text-Color);
    padding: 0 0.4em;
}

.lcm-features-section .section-content .item-body .body-bottom ul.services-list li::before
{
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 0.3em;
    background: url("/assets/images/small-green-checklist-icon.png") no-repeat center;
    background-size: contain;
}

@media screen and (max-width: 1000px) {
    .lcm-features-section .section-content .content-visor-wrapper .visor-item-wrapper
    {
        width: 50%;
    }

    .lcm-features-section .section-content .content-trigger
    {
        width: 5em;
    }
}

@media screen and (max-width: 700px) {
    .lcm-features-section
    {
        font-size: 0.9em;
    }

    .lcm-features-section .section-content .content-trigger
    {
        width: 4em;
    }
}

@media screen and (max-width: 600px) {
    .lcm-features-section .section-content .content-visor-wrapper .visor-item-wrapper
    {
        width: 100%;
    }

    .lcm-features-section .section-content .content-trigger
    {
        width: 3em;
    }
}

/*****************************************************************/

.lcm-food-item-wrapper #mobile-header
{
    background: #fff;
}

.lcm-food-item-wrapper #mobile-header h1
{
    line-height: 25px;
}

.delivery-option-icon
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain !important;
}

.your-order-icon
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain !important;
}











/***** Home promo section  ******/
.lcm-home-promo-section
{
    padding: 3em 2em;
    background: url("/assets/images/home-promo-background.png") no-repeat right center;
    background-size: cover;
}

.lcm-home-promo-section .content
{
    max-width: 450px;
}

.lcm-home-promo-section .lcm-main-header
{
    margin-bottom: 1.5em;
}

.lcm-home-promo-section .lcm-main-header span
{
    display: block;
    color: var(--Main-Orange-Color);    
}

.lcm-home-promo-section p
{
    font: 500 0.9em Work Sans;
    line-height: 1.5;
    color: var(--Main-Text-Color);
    margin-top: 2em;
}

.lcm-home-promo-section p span
{
    font-weight: 700;
}

.lcm-home-promo-section p span:nth-child(1)
{
    display: block;
    color: #4D4E4E;
}

.lcm-home-promo-section p span:nth-child(2)
{
    color: var(--Main-Orange-Color);
}

@media screen and (max-width: 800px) {
    .lcm-home-promo-section
    {
        font-size: 1em;
    }
}

@media screen and (max-width: 600px) {
    .lcm-home-promo-section
    {
        font-size: 0.9em;
    }
    .lcm-home-promo-section .content
    {
        padding: 1em 1.5em;
        background-color: rgba(255, 255, 255, 0.5);
    }
}

@media screen and (max-width: 400px) {
    .lcm-home-promo-section
    {
        font-size: 0.8em;
    }
}

/***********Menu Sections*************/

.lcm-custom-menu .menu-insider
{
    display: flex;
}

.lcm-custom-menu .left-section
{
    width: 100%;
    border-right: 1px solid var(--Main-Border-Color);
}

.lcm-custom-menu .right-section
{
    width: 350px;
    flex-shrink: 0;
    padding: 0.5em 0 0 0.5em;
}

.lcm-custom-menu .left-section .left-content-header
{
    position: relative;
    border-bottom: 1px solid #CCC7C0;
    height: 50px;
}

.lcm-custom-menu .left-section .left-content-header::before
{
    content: "";
    position: absolute;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #CCC7C0;
    transform: translateX(-100%);
}

.lcm-custom-menu .left-section .left-content-header nav ul
{
    display: flex;
    margin: 0;
    padding: 0;
}

.lcm-custom-menu .left-section .left-content-header nav ul li
{
    padding-right: 2.5em;
    cursor: pointer;
}

.lcm-custom-menu .left-section .left-content-header nav ul li span
{
    position: relative;
    display: inline-block;
    height: 50px;
}

.lcm-custom-menu .left-section .left-content-header nav ul li span label
{
    font: 500 1.1em Work Sans;
    color: var(--Main-Blue-Color);
    line-height: 50px;
}

.lcm-custom-menu .left-section .left-content-header nav ul li span i
{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    font-size: 2em;
    line-height: 50px;
}

.lcm-custom-menu .left-section .left-content-header nav ul li.active span i::before
{
    color: var(--Main-Orange-Color);
}

.lcm-custom-menu .left-section .left-content-header nav ul li.active span::after
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 2.5em;
    height: 0.2em;
    background: var(--Main-Orange-Color);
}

.lcm-custom-menu .left-section #menu-controller li
{
    display: none;
}

.lcm-custom-menu .left-section #menu-controller li.active
{
    display: block;
}

/*****************menu-section********************/

.empty-menu
{
    padding: 2em;
    text-align: center;
}

.empty-menu p
{
    font: 1.2em Work Sans;
}

.lcm-custom-menu .menu-wrapper
{
    padding: 1em 0.5em 1em 0;
}

.lcm-custom-menu .menu-wrapper .category-wrapper
{
    margin-bottom: 0.7em;
    cursor: pointer;
}

.lcm-custom-menu .menu-wrapper .category-wrapper .category-bar
{
    display: flex;
    width: 100%;
    border-radius: 0.5em;
    background: #EEF1F1;
    overflow: hidden;
    cursor: pointer !important;
}

.lcm-custom-menu .menu-wrapper .category-wrapper .category-bar .icon
{
    position: relative;
    display: inline-block;
    width: 3em;
    flex-shrink: 0;
}

.lcm-custom-menu .menu-wrapper .category-wrapper .category-bar .icon::before
{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.8em;
    height: 0.8em;
    border: 0.15em solid;
    border-radius: 0.2em;
    border-color: transparent transparent #908781 #908781;
    transform: translate(-50%, -75%) rotate(-45deg);
}

.lcm-custom-menu .menu-wrapper .category-wrapper.open .category-bar .icon::before
{
    border-color: #908781 #908781 transparent transparent;
    transform: translate(-50%, -25%) rotate(-45deg);
}

.lcm-custom-menu .menu-wrapper .category-wrapper .category-bar label
{
    display: inline-block;
    width: 100%;
    padding: 0.6em 0.8em;
    font: 500 1.35em Work Sans;
    color: var(--Main-Blue-Color);
    margin: 0;
    cursor: pointer;
}

.lcm-custom-menu .menu-wrapper .category-wrapper .category-bar label span
{
    font: 0.7em Work Sans;
    color: var(--Main-Blue-Color);
}

.lcm-custom-menu .menu-wrapper .category-wrapper .category-image-wrapper
{
    position: relative;
    width: 3.5em;
    height: 3.5em;
    flex-shrink: 0;
}

.lcm-custom-menu .menu-wrapper .category-wrapper .category-image-wrapper img
{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.lcm-custom-menu .search-food-wrap
{
    position: relative;
    padding: 0.5em;
    background: var(--Main-Yellow-Light-Color);
}

.lcm-custom-menu .search-food-wrap::before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--Main-Yellow-Light-Color);
    transform: translateX(-100%);
}

.lcm-custom-menu .search-food-wrap a
{
    display: inline-block;
    margin: 0;
}

.lcm-custom-menu .menu-wrapper .category-wrapper.open .category-menu-item
{
    display: flex;
    flex-wrap: wrap;
}

.lcm-custom-menu .menu-wrapper .category-menu-item
{
    display: none;
    justify-content: space-between;
}

/***************menu-item-design-1******************/

.lcm-custom-menu .category-menu-item a
{
    display: flex;
    text-decoration: none;
    width: 49%;
    margin-top: 0.5em;
}

.lcm-custom-menu a .lcm-menu-item-1
{
    border: 1px solid var(--Main-Border-Color);
    border-radius: 0.4em;
    display: flex;
    padding: 0.7em;
    width: 100%;
}

.lcm-custom-menu a .lcm-menu-item-1:hover
{
    background: #f0f0f0;
}

.lcm-custom-menu .lcm-menu-item-1 .food-image-wrapper
{
    width: 8em;
    height: 8em;
    flex-shrink: 0;
    border-radius: 0.4em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.lcm-custom-menu .lcm-menu-item-1 .food-description-wrapper,
.lcm-custom-menu .lcm-menu-item-2 .food-description-wrapper
{
    width: 100%;
    padding-left: 0.9em;
}

.lcm-custom-menu .lcm-menu-item-2 .food-description-wrapper
{
    padding: 0.9em;
}

.lcm-custom-menu .lcm-menu-item-1 h3,
.lcm-custom-menu .lcm-menu-item-2 h3
{
    font: 600 1.5em Work Sans;
    color: var(--Main-Blue-Color);
    margin: 0 0 0.9em;   
}

.lcm-custom-menu .lcm-menu-item-1 p,
.lcm-custom-menu .lcm-menu-item-2 p
{
    font: 500 0.95em Work Sans;
    color: var(--Main-Text-Color);
    margin: 0;
}

.lcm-custom-menu .lcm-menu-item-1 .price_section,
.lcm-custom-menu .lcm-menu-item-2 .price_section
{
    width: 100%;
    display: block;
    text-align: right;
    font: 500 1em Work Sans;
}

.lcm-custom-menu .lcm-menu-item-2 .price_section
{
    margin-top: 0.5em;
}

.lcm-custom-menu .lcm-menu-item-1 .price_section label,
.lcm-custom-menu .lcm-menu-item-2 .price_section label
{
    font: 600 0.9em Work Sans;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    text-align: center;
    line-height: 1.5em;
    margin: 0;
    margin-right: 0.4em;
    border-radius: 0.2em;
    background: var(--Main-Orange-Color);
    color: #fff;
}

.lcm-custom-menu .lcm-menu-item-2
{
    border: 0;
    border-radius: 0.4em;
    display: flex;
    width: 100%;
    background: #f0f0f0;
}

.lcm-custom-menu .lcm-menu-item-2 .food-image-wrapper
{
    width: 8em;
    border-top-left-radius: 0.4em;
    border-bottom-left-radius: 0.4em;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#menu-right-content
{
    height: 100%;
}


@media screen and (max-width: 1200px)
{
    .lcm-custom-menu
    {
        font-size: 0.9em;
    }

    .lcm-custom-menu .left-section .left-content-header nav ul
    {
        justify-content: center;
    }
    .lcm-custom-menu .left-section .left-content-header nav ul li span label
    {
        display: none;
    }
    
    .lcm-custom-menu .left-section .left-content-header nav ul li span i
    {
        display: inline-block;
    }
}

@media screen and (max-width: 1024px)
{ 
    .lcm-custom-menu
    {
        font-size: 0.85em;
    }
    .lcm-custom-menu .right-section
    {
        display: none;
    }
    
    .lcm-custom-menu .left-section .left-content-header nav ul
    {
        justify-content: start;
    }
    .lcm-custom-menu .left-section .left-content-header nav ul li span label
    {
        display: inline-block;
    }
    
    .lcm-custom-menu .left-section .left-content-header nav ul li span i
    {
        display: none;
    }
}

@media screen and (max-width: 780px)
{
    .lcm-custom-menu
    {
        font-size: 0.8em;
    }
    .AreaCS
    {
        padding: 0 0.5em;
    }
}

@media screen and (max-width: 750px)
{
    .lcm-custom-menu .left-section .left-content-header nav ul
    {
        justify-content: center;
    }
    .lcm-custom-menu .left-section .left-content-header nav ul li span label
    {
        display: none;
    }
    
    .lcm-custom-menu .left-section .left-content-header nav ul li span i
    {
        display: inline-block;
    }
}

@media screen and (max-width: 650px)
{ 
    .lcm-custom-menu .category-menu-item
    {
        flex-wrap: wrap;
    }

    .lcm-custom-menu .category-menu-item .menu-item
    {
        width: 100%;
    }
}

/******************************************************/

.lcm-food-item-wrapper
{
    width: 500px;
}

.lcm-food-item-wrapper.mobile-wrapper
{
    width: 100%;
	/*new >*/
	max-width:446px;
	margin:0 auto;
}

.lcm-food-item-wrapper .lcm-food-details
{
    display: block;
}

.fancybox-inner .lcm-food-item-wrapper .lcm-food-details
{
    display: flex;
}

.lcm-food-item-wrapper .lcm-food-details .image-wrapper
{
    /*width: 25%;*/
	width: 100%;
    min-height: 300px;
	/*min-height: 300px;*/
    flex-shrink: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.fancybox-inner .lcm-food-item-wrapper .lcm-food-details .image-wrapper
{
    /*width: 25%;*/
	width: 30%;
    min-height: 150px;
	/*min-height: 300px;*/
    flex-shrink: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.lcm-food-item-wrapper #mobile-header {
    background: #fff;
    max-width: 446px;
}
.fancybox-inner .lcm-food-item-wrapper #mobile-header {
    background: #fff;
    max-width: auto;
}

.lcm-food-item-wrapper .lcm-food-details .food-details
{
    padding: 0.7em;
}

.lcm-food-item-wrapper .lcm-food-details .food-details h2
{
    font: 600 1.4em Work Sans;
    margin: 0;
    color: var(--Main-Blue-Color);
}

.lcm-food-item-wrapper .lcm-food-details .food-details p
{
    font: 0.8em Work Sans;
    margin: 1em 0 0 0;
    color: var(--Main-Text-Color);
}

.gallery-section .section-header
{
    font: 1.1em Work Sans;
    padding: 0.5em;
    border-top: 0px solid #ef622536;
    border-bottom: 2px solid var(--Main-Border-Color);
}

.gallery-section .section-wrapper
{
    display: flex;
    padding: 0.8em;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #f0f0f0;
}

.gallery-section .section-wrapper .gallery-item
{
    position: relative;
    width: 23%;
    border-radius: 5px;
    height: 0;
    padding-bottom: 15%;
    margin-bottom: 2%;
}

.gallery-section .section-wrapper .gallery-item .food-shot
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 0.4em;
    opacity: 0.7;
}

.gallery-section .section-wrapper .gallery-item:hover .food-shot
{
    opacity: 1;
}

.selection-section
{
    padding: 0 1em;
    margin-top: 0.5em;
}

.selection-section .section-header
{
    margin-bottom: 0.7em;
}

.selection-section .section-header h4
{
    font: 600 1.1em Work Sans;
    color: var(--Main-Blue-Color);
    margin: 0;
}

.selection-section .section-header p
{
    font: 400 0.8em Work Sans;
    color: var(--Main-Text-Color);
    margin: 0.5em 0 0 0;
}

.selection-section .section-content .selection-option
{
    display: flex;
    padding-bottom: 0.5em;
	margin-top:9px;
	border-bottom:1px solid #ddd;
}

.selection-section .section-content .selection-option select
{
    border: 1px solid var(--Main-Border-Color);
    border-radius: 0.2em;
    font: 0.85em Work Sans;
    color: var(--Main-Text-Color);
}

.selection-section .section-content .selection-option .radio-wrapper
{
    width: 1.5em;
    margin-right: 1em;
}

.selection-section .section-content .selection-option .radio-wrapper input[type="radio"],
.selection-section .section-content .selection-option .radio-wrapper input[type="checkbox"]
{
    width: 1.5em;
    height: 1.5em;
    margin: 0;
}


.selection-section .section-content .selection-option label
{
    cursor: pointer;
}

.selection-section .section-content .selection-option label .normal
{
    /*font: 0.85em Work Sans;*/
    color: var(--Main-Text-Color);
    line-height: 1.5em;
    display: inline-block;
}

.quantity-tools
{
    display: inline-flex;
/*	background:var(--Main-Orange-Color);
	border-radius:50px;*/
}

.qty-wrapper input
{
    width: 2em;
    height: 2em;
	margin-left:5px; margin-right:5px;
}

.quantity-tools .minus-trigger,
.quantity-tools .plus-trigger
{
    width: 2em;
    height: 2em;
    text-align: center;
}

.quantity-tools .minus-trigger a,
.quantity-tools .plus-trigger a
{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 2em;
	background: #fff;
    border-radius: 50px;
	border:2px solid #ccc;
}

.quantity-tools .minus-trigger a i,
.quantity-tools .plus-trigger a i
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1em;
    font-weight: 600;
    line-height: 2em;
    color:#000;
}

.repeat
{
    padding: 0 1em;
}

.repeat .section-header
{
    font: 600 1.1em Work Sans;
    color: var(--Main-Blue-Color);
    padding-bottom: 0.2em;
}

.lcm-special-instructions-sections, .submit-section
{
    padding: 1em;
}

.lcm-special-instructions-sections .insider textarea
{
    border: 1px solid var(--Main-Border-Color);
    border-radius: 0.4em;
    resize: vertical;
    min-height: 4.5em;
    padding: 0.5em !important;
    max-height: 10em;
}

.lcm-special-instructions-sections .insider textarea::placeholder
{
    font: 400 0.9em Work Sans;
    color: #c3c3c3;
}

.lcm-special-instructions-sections .insider textarea::placeholder b
{
    font-weight: bold;
}

.complex-selection-option
{
    display: flex;
}

.complex-selection-option .quantity-tools .minus-trigger,
.complex-selection-option .quantity-tools .plus-trigger
{
    display: flex;
    width: 1.5em;
    height: 1.5em;
}

.complex-selection-option .qty-wrapper input
{
    width: 2em;
   /* height: 1.5em;*/
    font: 0.85em Work Sans;
}

.complex-selection-option > label
{
    min-width: 10em;
    margin: 0;
}

.complex-selection-option .quantity-tools
{
    padding-right: 4em;
}

.submit-section input
{
    width: 100%;
    border: 0;
    background: var(--Main-Orange-Color);
    border-radius: 4em;
    padding: 0.7em;
    font: 600 1.3em Work Sans;
    color: #fff;
}

.close-wrapper
{
    text-align: center;
    padding: 0.5em;
}

.close-wrapper a
{
    color: var(--Main-Text-Color);
}

.close-wrapper a:hover
{
    cursor: pointer;
}


/*********************************************/

.opening-hours-section .section-header h2
{
    font: 600 1.1em Work Sans;
    color: var(--Main-Blue-Color);
}

.opening-hours-section .section-content p
{
    font: 400 0.9em Work Sans;
}

.opening-hours-section .hours-item 
{
    display: flex;
    border-bottom: 1px dotted var(--Main-Border-Color);
    padding: 0.5em;
}

.opening-hours-section .hours-item:hover 
{
    background: var(--Main-Yellow-Light-Color);
}

.opening-hours-section .hours-item label
{
    font: 400 0.9em Work Sans;
    margin: 0;
}

.opening-hours-section .hours-item label:nth-child(1)
{
    display: inline-block;
    min-width: 30%;
}

.opening-hours-section .hours-item label:nth-child(3)
{
    padding-left: 0.5em;
}

.lcm-merchant-pad-section
{
    padding: 0.5em;
}

@media screen and (max-width: 500px)
{ 
    .complex-selection-option
    {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0.5em;
        /*border-bottom: 1px dotted var(--Main-Border-Color);*/
    }

    .complex-selection-option label:nth-child(1)
    {
        width: 100%;
    }

    .lcm-special-instructions-sections .insider textarea
    {
        min-height: 7em;
    }
}

@media screen and (max-width: 450px)
{
    .lcm-food-item-wrapper .lcm-food-details .image-wrapper
    {
        width: 100%;
        min-height: 300px;
    }
    .lcm-food-item-wrapper .lcm-food-details
    {
        flex-wrap: wrap;
    }
    .gallery-section .section-wrapper .gallery-item
    {
        width: 48%;
        padding-bottom: 25%;
    }
}

.qty{
	border: 1px solid #fff !important;
}
.label {
    display: inline;
    padding: 0.2em 0.8em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 25em;
}
.fancybox-inner {
    overflow-x: hidden;
}

.e3_w100{
	width:100%;
}
.e3_w33{
	width:33.33%;
}
.e3_w70{
	width:70%;
}
.e3_w20{
	width:20%;
}
.e3_w15{
	width:15%;
}
.e3_w10{
	width:10%;
}
.e3_noty{padding:15px; font-size:14px; font-weight:600;}
.e3_noty i{ font-size:20px; margin-right:10px; vertical-align:middle;}