/* source-sans-pro-200 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    src: url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-200.eot'); /* IE9 Compat Modes */
    src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-200.woff') format('woff'), /* Modern Browsers */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-300.woff') format('woff'), /* Modern Browsers */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-600.eot'); /* IE9 Compat Modes */
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-600.woff') format('woff'), /* Modern Browsers */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}




body {
    font-family: 'Source Sans Pro';
    font-size: 16px;
    font-weight: 400;
    color: #404040;
    background: #fff;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro';
}

h1 {
    font-size: 36px;
    font-weight: 300;
}

h1 {
    font-size: 36px;
    font-weight: 300;
}

h2 {
    font-size: 26px;
    font-weight: 600;
}

h3 {
    font-size: 20px;
    font-weight: 600;
}

h4 {
    font-size: 18px;
    font-weight: 600;
}

h5 {
    font-size: 18px;
    font-weight: 400;
}

h6 {
    font-size: 16px;
    font-weight: 600;
}



ol, ul {
    margin: 0;
}

select {
    -moz-appearance: none;
}

select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #000;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    /*background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;*/
    xbackground: url(/assets/images/chevron-down.png) no-repeat right #fff;
    background: url(/assets/images/chevron-down.png) no-repeat right #fff;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
}

a {
    cursor: pointer;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}

.btn {
    font-family: 'Source Sans Pro';
}

.container {
    max-width: 1200px;
}

.container {
    width: 1200px;
    padding: 0 10px;
    margin: 0 auto;
}

.main-container {
    margin-bottom: 115px;
}

a {
    font-size: 14px;
    font-weight: 400;
    color: #34a1ce;
    text-decoration: none;
}

    a:hover, a:focus {
        color: #1680ac;
        text-decoration: none;
        outline: none;
    }

    a:disabled {
        color: #d7d7d7;
    }



.mobile-show {
    display: none !important;
}

:focus {
    outline: none;
}

.slick-slide {
    outline: none;
}

    .slick-slide:focus {
        outline: none;
    }

img {
    padding: 0;
    border: 0;
    margin: 0;
    display: block;
    vertical-align: bottom;
}

.modal-dialog {
    max-width: 1000px;
    width: 100%;
}



.modal-header {
    color: #404040;
    /*background: #ddd6d1;*/
    font-size: 18px;
    font-weight: 700;
}

.modal-body {
    padding: 10px;
}

    .modal-body .btn-close {
        height: 30px;
        text-align: right;
        padding-top: 8px;
    }

        .modal-body .btn-close i {
            font-family: Material Icons;
            font-size: 22px;
            color: #a6a6a6;
            font-style: normal;
            margin-right: 10px;
            cursor: pointer;
        }

.sms-dialog .modal-body {
    padding-top: 20px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    color: #404040;
}

.sms-dialog .modal-footer {
    border: none;
}

.discount-tips-popup .modal-dialog .btn-close {
    padding-top: 0;
}

.register-desc-popup .modal-dialog, .register-verify-popup .modal-dialog {
    max-width: 420px;
}

.register-desc-popup .modal-body, .register-verify-popup .modal-body {
    padding: 0;
}

.register-desc-popup .register-desc-content, .register-verify-popup .register-desc-content {
    margin: 12px 60px 46px 60px;
}

.register-desc-popup .register-title, .register-verify-popup .register-title {
    font-family: Source Sans Pro;
    font-size: 18px;
    color: #404040;
    font-weight: 600;
}

.register-desc-popup .register-desc, .register-verify-popup .register-desc {
    font-family: Source Sans Pro;
    font-size: 14px;
    margin-top: 22px;
    color: #404040;
}

.register-border {
    background-color: #d8d8d8;
    height: 1px;
    margin: 26px 60px 26px 0
}

.register-popup .modal-dialog, .reset-password-popup .modal-dialog, .forgot-password-popup .modal-dialog, .login-popup .modal-dialog, .member-register-popup .modal-dialog {
    max-width: 420px;
}

.register-popup .modal-content, .register-desc-popup .modal-content, .register-verify-popup .modal-content, .reset-password-popup .modal-content, .forgot-password-popup .modal-content, .login-popup .modal-content, .member-register-popup .modal-content {
    border-radius: 0;
}

.register-popup .modal-body, .reset-password-popup .modal-body, .forgot-password-popup .modal-body, .login-popup .modal-body, .member-register-popup .modal-body {
    padding: 0;
}

.register-popup .register-content, .reset-password-popup .register-content, .forgot-password-popup .register-content, .forgot-password-popup .register-content, .login-popup .register-content, .member-register-popup .register-content {
    padding-left: 60px;
    padding-bottom: 50px;
}

    .register-popup .register-content .register-title, .reset-password-popup .register-content .register-title, .forgot-password-popup .register-content .register-title, .login-popup .register-content .register-title, .member-register-popup .register-content .register-title {
        font-family: Source Sans Pro;
        font-size: 18px;
        color: #2a2a2a;
        font-weight: 600;
    }

    .register-popup .register-content .register-item, .reset-password-popup .register-content .register-item, .forgot-password-popup .register-content .register-item, .login-popup .register-content .register-item, .member-register-popup .register-content .register-item {
        margin-top: 15px;
    }

    .register-popup .register-content .form-control-static, .reset-password-popup .register-content .form-control-static, .forgot-password-popup .register-content .form-control-static, .login-popup .register-content .form-control-static, .member-register-popup .register-content .form-control-static {
        width: 300px;
        padding-left: 10px;
    }

    .register-popup .register-content .help-inline, .login-popup .register-content .help-inline, .member-register-popup .register-content .help-inline {
        margin-left: 10px;
        visibility: hidden;
    }

        .register-popup .register-content .help-inline.has-right, .login-popup .register-content .help-inline.has-right, .member-register-popup .register-content .help-inline.has-right {
            visibility: inherit;
        }

        .register-popup .register-content .help-inline i, .login-popup .register-content .help-inline i, .member-register-popup .register-content .help-inline i {
            color: #249549;
        }

    .register-popup .register-content .show-password, .login-popup .register-content .show-password, .member-register-popup .register-content .show-password {
        float: right;
        color: #34a1ce;
        cursor: pointer;
    }

    .register-popup .register-content .option-btn, .reset-password-popup .register-content .option-btn, .forgot-password-popup .register-content .option-btn, .login-popup .register-content .option-btn, .member-register-popup .register-content .option-btn {
        margin-right: 60px;
    }

    .forgot-password-popup .register-content .register-introduct {
        margin-right: 60px;
        font-family: Source Sans Pro;
        font-size: 16px;
        color: #404040;
        text-align: left;
        margin-top: 15px;
    }

    .register-popup .register-content .register-desc, .reset-password-popup .register-content .register-desc, .forgot-password-popup .register-content .register-desc, .login-popup .register-content .register-desc, .member-register-popup .register-content .register-desc {
        margin-right: 60px;
        font-family: Source Sans Pro;
        font-size: 14px;
        color: #404040;
        text-align: left;
        margin-top: 15px;
    }

    .register-popup .register-content .btn-register, .reset-password-popup .register-content .btn-reset, .forgot-password-popup .register-content .btn-password, .login-popup .register-content .login-btn, .change-password-popup .btn-change-pwd, .member-register-popup .btn-member-register {
        font-family: Lato;
        background-color: #d03436;
        border-radius: 5px;
        border: none;
        width: 100%;
        height: 40px;
        color: #ffffff;
        line-height: 40px;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
    }

.login-popup .error-info, .forgot-password-popup .error-info, .dialog_register .error-info, .reset-password-popup .error-info，.member-register-popup .error-info {
    font-family: Source Sans Pro;
    font-size: 14px;
    color: #920d0f;
    margin-top: 20px;
    font-weight: 500;
}

    .login-popup .error-info i, .forgot-password-popup .error-info i, .dialog_register .error-info i, .reset-password-popup .error-info i {
        margin-right: 5px;
    }

.discount-tips-popup .modal-dialog .modal-body {
    padding: 0;
    height: 300px;
}


.add-cart-popup .modal-dialog, .update-cart-popup .modal-dialog, .select-add-cart-popup .modal-dialog, .discount-tips-popup .modal-dialog, .sms-dialog .modal-dialog {
    max-width: 500px;
}

    .add-cart-popup .modal-dialog .modal-content, .select-add-cart-popup .modal-dialog .modal-content, .bootbox-alert .modal-dialog .modal-content {
        border-radius: 0;
    }

    .add-cart-popup .modal-dialog .modal-body, .select-add-cart-popup .modal-dialog .modal-body, .special-tips-popup .modal-dialog .modal-body {
        padding: 30px 15px 20px 15px;
        font-size: 16px;
        color: #404040;
    }

.bootbox-alert .modal-dialog .modal-content {
    padding: 30px 15px 20px 15px;
    font-size: 16px;
    color: #404040;
}

.cooked-food-availability .modal-dialog .modal-content {
    font-size: 16px;
    color: #404040;
}

.add-cart-popup .modal-dialog, .bootbox-alert .modal-dialog, .special-tips-popup .modal-dialog {
    max-width: 550px;
}



    .add-cart-popup .modal-dialog .btn-ok, .select-add-cart-popup .modal-dialog .btn-ok .bootbox-alert .modal-dialog .nomal-btn {
        width: 150px;
        height: 50px;
        border-radius: 3px;
        background-color: #249549;
        font-size: 18px;
        color: #ffffff;
    }


    .add-cart-popup .modal-dialog .btn-dismissnow, .select-add-cart-popup .modal-dialog .btn-dismissnow {
        font-size: 14px;
        font-weight: 600;
        color: #34a1ce;
        border: none;
    }

        .add-cart-popup .modal-dialog .btn-dismissnow:hover, .select-add-cart-popup .modal-dialog .btn-dismissnow:hover {
            background: none;
        }

    .add-cart-popup .modal-dialog .modal-footer, .select-add-cart-popup .modal-dialog .modal-footer, .fade bootbox-alert .modal-dialog .modal-footer {
        text-align: center;
        padding-bottom: 30px;
    }

.add-cart-popup .modal-footer, .select-add-cart-popup .modal-footer, .bootbox-alert .modal-footer {
    border-top: none;
}

.select-add-cart-popup .modal-body {
    padding-top: 40px;
}

.select-add-cart-popup .modal-footer {
    padding-bottom: 40px;
}

.announcement-dialog {
    background-color: #fff2b3;
    min-height: 70px;
}

.announcement-dialog-content {
    max-width: 1105px;
    min-height: 70px;
    margin: 0 auto;
    display: table;
    padding: 0 15px;
}

.announcement-font {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    font-size: 14px;
    text-align: justify;
}

.deleteAnnouncement {
    position: absolute;
    right: 0;
    font-size: 14px;
    cursor: pointer;
}

/*header*/
.header {
    width: 100%;
    position: relative;
    z-index: 11;
}

header .brand-container {
    width: 100%;
    height: 60px;
    background: #d03436;
}



.no-skin header .navbar-toggle {
    margin-top: 14px;
    margin-bottom: 12px;
}

header .navbar-toggle .icon-bar {
    background-color: #FFF;
    border-radius: 0;
    width: 24px;
    margin-left: 7px;
}




header .navbar-brand {
    height: auto;
    padding: 0;
    line-height: normal;
}

header .main-nav {
    width: 100%;
    float: left;
    max-width: calc(100% - 202px - 260px);
    max-width: -moz-calc(100% - 202px - 260px);
    max-width: -webkit-calc(100% - 202px - 260px);
}

header .main-page {
    display: none;
    width: calc(100% - 160px);
    width: -moz-calc(100% - 160px);
    width: -webkit-calc(100% - 160px);
    line-height: 60px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

    header .main-page span {
        float: right;
        margin-right: 19px;
        line-height: normal;
        margin-top: 19px;
    }

        header .main-page span i {
            font-family: Material Icons;
            font-size: 22px;
            color: #fff;
            font-style: normal;
        }


header .main-nav ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    /*justify-content:  space-between;*/
    -webkit-justify-content: space-between;
    justify-content: space-between;
    list-style: none;
    padding: 0px 19px 0 78px;
}

header .brand-container ul li {
    /*width:25%;*/
    /*float:left;*/
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 60px;
    text-align: center;
}

    header .brand-container ul li a {
        font-size: 20px;
        font-weight: 600;
        color: #fff;
    }

header .logo {
    display: block;
    height: 50px;
    margin: 5px 0;
    line-height: normal;
}

header .navbar-container .back-to-cart {
    float: right;
    color: #fff;
    line-height: 60px;
    padding-right: 20px;
    font-size: 14px;
    display: none;
}

    header .navbar-container .back-to-cart a {
        color: #fff;
    }

    header .navbar-container .back-to-cart i {
        font-family: Material Icons;
        font-size: 20px;
        color: #ffffff;
        font-style: normal;
        float: left;
    }


.top-minicart-wrapper {
    float: left;
    background: #920d0f;
    min-width: 160px;
    text-align: center;
    height: 60px;
    border-right: 1px solid #d03436;
    cursor: pointer;
}

.login-in {
    float: left;
    background: #920d0f;
    min-width: 100px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    /*display:none;*/
}

    .login-in a {
        color: #fff;
        font-weight: 600;
        font-size: 18px;
    }

.top-minicart-wrapper .cart-item-counter-wrapper, .top-minicart-wrapper .border-right-wrapper, .top-minicart-wrapper .cart-total {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    vertical-align: top;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.top-minicart-wrapper .cart-total {
    padding: 0;
}

.top-minicart-wrapper .border-right-wrapper {
    height: 20px;
    border-right: 1px solid #fff;
    margin: 20px 10px 20px 9px;
}

.top-minicart-wrapper .cart-item-counter-wrapper i {
    font-size: 25px;
    color: #fff;
    margin-right: 7px;
}

.top-minicart-wrapper .cart-item-counter-wrapper span {
    font-weight: 600;
}

.top-minicart-wrapper .cart-item-counter-wrapper .cart-item-counter {
    font-size: 16px;
    color: #fff;
}

/*slide-toggle-menu*/
.menu-toggler .icon-close {
    display: none;
}

.menu-toggler i.icon-close {
    font-family: Material Icons;
    width: 31px;
    font-style: normal;
    color: #fff;
    font-size: 29px;
    margin-top: -10px;
}

.icon-close:before {
    font-family: Material Icons;
    content: "" !important;
}

.slide-toggle-menu {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 100%;
    display: none;
    box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.5);
    z-index: 1;
}

    .slide-toggle-menu .slide-toggle-item {
        padding-left: 40px;
        font-size: 18px;
        color: #fff;
    }

        .slide-toggle-menu .slide-toggle-item.back {
            padding-left: 18px;
        }

            .slide-toggle-menu .slide-toggle-item.back i {
                font-family: Material Icons;
                font-size: 20px;
                font-style: normal;
            }

    .slide-toggle-menu a {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        background: #d03436;
    }

        .slide-toggle-menu a:host, .slide-toggle-menu a:after {
            background: #920d0f;
        }

    .slide-toggle-menu .slide-toggle-item span {
        float: right;
        margin-right: 40px;
    }

/*banner*/
.masthead-container {
    position: relative;
}

    .masthead-container .slick-dots {
        list-style: none;
        margin: 0 auto -27px;
        padding: 0;
        position: absolute;
        bottom: 26px;
        z-index: 10;
        text-align: center;
        width: 100%;
        display: none !important;
    }

        .masthead-container .slick-dots li {
            display: inline-block;
            margin: 0 7px;
        }

            .masthead-container .slick-dots li button {
                display: block;
                font-size: 0;
                background: none;
                line-height: 0;
                width: 10px;
                height: 10px;
                border: 2px solid #ffffff;
                border-radius: 100%;
                padding: 0px;
                margin: 8px;
                cursor: pointer;
                outline: none;
            }

            .masthead-container .slick-dots li.slick-active button {
                background: #fff;
            }

.banner-wrapper {
    width: 100%;
    /*height: 320px;*/
    overflow: hidden;
    position: relative;
}

.banner-item {
    width: 100%;
    height: 280px;
    background-position: center center;
}

    .banner-item img {
        width: 100%;
        /*height: 280px;*/
    }

    .banner-item .desktop {
        display: block;
    }

    .banner-item .mobile {
        display: none;
    }


.banner-item {
    position: relative;
}

    .banner-item .banner-item-info {
        position: absolute;
        width: 100%;
        max-width: 600px;
        height: 160px;
        background-color: rgba(42, 42, 42, 0.7);
        top: 60px;
        margin-left: calc(50% - 300px);
        margin-left: -moz-calc(50% - 300px);
        margin-left: -webkit-calc(50% - 300px);
    }

        .banner-item .banner-item-info .description {
            margin-top: 20px;
            text-align: center;
            font-size: 36px;
            font-weight: 300;
            color: #fff;
        }

        .banner-item .banner-item-info .description-btn {
            width: 100px;
            height: 40px;
            margin: 0 auto;
            text-align: center;
            line-height: 36px;
            margin-top: 20px;
            border: solid 2px #ffffff;
        }

            .banner-item .banner-item-info .description-btn a {
                color: #fff;
                font-size: 16px;
                font-weight: 600;
            }

.masthead-container .slick-next, .masthead-container .slick-prev {
    position: absolute;
    top: calc(50% - 30px);
    top: -moz-calc(50% - 30px);
    top: -webkit-calc(50% - 30px);
    width: 60px;
    height: 60px;
    border: none;
    background-color: rgba(42, 42, 42, 0.8);
    z-index: 1;
}

.masthead-container .slick-next {
    right: 32px;
}

.masthead-container .slick-prev {
    left: 32px;
}

    .masthead-container .slick-next i, .masthead-container .slick-prev i {
        font-family: Material Icons;
        font-size: 45px;
        color: #ffffff;
        font-style: normal;
    }

/*offer-item*/
.offer-wrapper {
    max-width: 1124px;
    width: 100%;
    margin: 0 auto;
}

.offer-item {
    border: 2px solid #fff;
    margin: 5px 12px 10px 12px;
    max-width: 257px;
    width: 100%;
    outline: none;
    background: #fff;
    box-sizing: border-box;
}


    .offer-item .out-border {
        border: 1px solid #a6a6a6;
    }

.viewtable {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-content: flex-start;
}


    .viewtable .offer-item {
        margin: 5px 0 40px 0;
    }


.itemClick {
    background: #ececec;
}

.itemstate-popup .modal-body .itemstate-content .content .actions.itemClick {
    background: none;
}

.viewlist .itemSelected {
    /*border: 2px solid #d03436;*/
    background: #f1f2eb;
    box-shadow: none;
}

.viewtable .itemSelected {
    border: 2px solid #f69105;
    box-shadow: none;
}

    .viewtable .itemSelected .out-border {
        border: 1px solid #f69105;
    }



.offer-item {
    position: relative;
}

    .offer-item:focus {
    }


    .offer-item:hover {
        max-width: 257px;
        border: 2px solid #f69105;
    }

        .offer-item:hover .out-border {
            border: 1px solid #f69105;
        }

.viewtable .offer-wrapper .offer-item {
    margin: 0 12px;
}


.offer-item:hover .add-to-cart {
    margin-bottom: 20px;
}

.offer-item .image {
    position: relative;
}

    .offer-item .image .discount {
        position: absolute;
        width: 48px;
        height: 48px;
        border-radius: 100%;
        right: 6px;
        bottom: 6px;
        z-index: 8;
        background-color: #db4b46;
        text-align: center;
        font-weight: 600;
        font-size: 18px;
        color: #fff;
        line-height: 1em;
        padding-top: 7px;
    }

.option-free-promotionlist .offer-item .image .discount {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    right: 6px;
    bottom: 6px;
    z-index: 8;
    background-color: #db4b46;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    line-height: 1em;
    padding-top: 7px;
}



.offer-item .image .exchange-icon {
    position: absolute;
    width: 48px;
    height: 48px;
    right: 6px;
    bottom: 6px;
    z-index: 8;
    text-align: center;
    line-height: 1em;
}


.offer-item .info {
    padding: 20px 12px 20px 12px;
}

.offer-item .title {
    min-height: 52px;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #2a2a2a;
}

.offer-item .suggestion {
    font-size: 16px;
    color: #8b8b8b;
    height: 22px;
    text-align: left;
}

.offer-item .desc {
    font-size: 14px;
    color: #404040;
    height: 22px;
    text-align: left;
    font-weight: 400;
}

.offer-item .price {
    max-height: 30px;
    line-height: 30px;
    text-align: left;
}

    .offer-item .price ins {
        font-size: 26px;
        color: #404040;
        text-decoration: none;
        text-align: left;
        font-weight: 600;
    }

    .offer-item .price i {
        font-family: "Ionicons";
        font-size: 18px;
    }

    .offer-item .price img {
        max-width: 30px;
        margin-left: 10px;
        float: right;
    }

    .offer-item .price del {
        font-size: 16px;
        color: #616161;
        font-weight: 600;
        text-align: left;
    }

.offer-item .actions {
    text-align: center;
}

.offer-item .add-to-cart {
    background: #d03436;
    xbackground: #d03436;
    border-radius: 5px;
    color: #000;
    width: calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    height: 39px;
    line-height: 39px;
    margin: 0 20px 20px 20px;
    display: block;
    float: none;
    /*padding:7px 0;*/
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

    .offer-item .add-to-cart:hover {
        background-color: #ad2929;
    }

.offer-item .add-to-cart-qty {
    background: #d03436;
    xbackground: #d03436;
    border-radius: 5px;
    color: #000;
    width: calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    height: 39px;
    margin: 0 20px 20px 20px;
    display: block;
    float: none;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

    .offer-item .add-to-cart-qty .minus {
        width: 59px;
        height: 39px;
        xfloat: left;
        float: left;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        display: inline-block;
        line-height: 39px;
        cursor: pointer;
    }

        .offer-item .add-to-cart-qty .minus:focus {
            background: #ad2929;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .offer-item .add-to-cart-qty .minus:hover {
            background: #ad2929;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }


    .offer-item .add-to-cart-qty .number-to-add {
        width: calc(100% - 59px - 59px);
        width: -moz-calc(100% - 59px - 59px);
        width: -webkit-calc(100% - 59px - 59px);
        height: 39px;
        line-height: 39px;
        color: #fff;
        background: #ad2929;
        float: left;
        xfloat: left;
        margin: 0 auto;
    }

    .offer-item .add-to-cart-qty .plus {
        width: 59px;
        height: 39px;
        xfloat: right;
        float: right;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        display: inline-block;
        line-height: 39px;
        cursor: pointer;
    }

        .offer-item .add-to-cart-qty .plus.disabled:focus {
            background: #ad2929;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .offer-item .add-to-cart-qty .plus.disabled:hover {
            background: #ad2929;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .offer-item .add-to-cart-qty .plus:focus {
            background: #ad2929;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .offer-item .add-to-cart-qty .plus:hover {
            background: #ad2929;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }


/* Homepage */
.offer-container.home-section {
    background-color: #fff;
    padding: 11px 0px 60px 0;
}

.home-section .section-title {
    text-align: center;
    margin: 0 0 20px;
}

    .home-section .section-title h2 {
        font-size: 36px;
        font-weight: 300;
        color: #2a2a2a;
        margin: 0;
        display: inline-block;
    }



/* Slick Slider */
.slick-arrow {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    outline: none;
    position: absolute;
    z-index: 10;
    top: 50%;
}

.offer-wrapper .slick-prev {
    left: -20px;
}

.cart-offer-wrapper .slick-prev {
    left: -4px;
}

.offer-wrapper .slick-next {
    right: -20px;
}

.cart-offer-wrapper .slick-next {
    right: -4px;
}

.offer-wrapper .slick-next i, .offer-wrapper .slick-prev i，.cart-offer-wrapper .slick-next i, .cart-offer-wrapper .slick-prev i {
    font-size: 20px;
    color: #404040;
    font-style: normal;
}

.cart-offer-wrapper .slick-next i {
    font-size: 20px;
    color: #404040;
    font-style: normal;
}




.slick-disabled {
    display: none !important;
}

.desktop-top-container {
    display: block;
}

.mobile-top-container {
    display: none;
}



/*comment*/
.testimonial-container {
    min-height: 420px;
    background-color: #f2f2f2;
    position: relative;
}

    .testimonial-container .container {
        position: relative;
    }

.testimonial-wrapper {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    min-height: 300px;
    position: relative;
}

.testimonial-item {
    text-align: center;
}

    .testimonial-item .testimonial-text {
        margin-top: 40px;
        font-size: 32px;
        font-weight: 300;
        text-align: center;
        color: #2a2a2a;
    }

    .testimonial-item .profile-wrapper {
        margin-top: 52px;
    }

        .testimonial-item .profile-wrapper .image i {
            width: 60px;
            height: 60px;
            font-size: 60px;
            text-align: left;
            color: #249549;
        }

        .testimonial-item .profile-wrapper .info-name {
            margin-top: 13px;
            font-size: 20px;
            font-weight: 600;
            text-align: center;
            color: #2a2a2a;
        }

        .testimonial-item .profile-wrapper .info-date {
            margin-top: 9px;
            font-size: 18px;
            text-align: center;
            color: #2a2a2a;
        }

.testimonial-wrapper .slick-dots {
    text-align: center;
    padding: 0;
    margin: 45px 0 50px 0;
}

    .testimonial-wrapper .slick-dots li {
        display: inline-block;
        margin: 0 7px;
    }

        .testimonial-wrapper .slick-dots li button {
            display: block;
            font-size: 0;
            background: none;
            line-height: 0;
            width: 10px;
            height: 10px;
            background: #a6a6a6;
            border: none;
            border-radius: 100%;
            padding: 0px;
            margin: 8px;
            cursor: pointer;
            outline: none;
        }

        .testimonial-wrapper .slick-dots li.slick-active button {
            background: #404040;
        }

.stat-counter-container {
    padding-top: 30px;
    padding-bottom: 45px;
}

.stats-counter-wrapper > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

    .stats-counter-wrapper > ul > li {
        display: inline-block;
        margin-right: 40px;
        margin-bottom: 16px;
    }

        .stats-counter-wrapper > ul > li:last-child {
            margin-right: 0;
        }

        .stats-counter-wrapper > ul > li .icon {
            float: left;
            margin-right: 20px;
        }

        .stats-counter-wrapper > ul > li .stat-wrapper {
            float: left;
        }

            .stats-counter-wrapper > ul > li .stat-wrapper .number {
                font-size: 26px;
                font-weight: 600;
                text-align: left;
                color: #404040;
                margin-bottom: 4px;
                height: 33px;
                line-height: 33px;
            }

            .stats-counter-wrapper > ul > li .stat-wrapper .text {
                font-size: 16px;
                line-height: 22px;
                text-align: left;
                color: #2a2a2a;
            }

.home-section .section-intro {
    font-size: 18px;
    color: #2a2a2a;
    text-align: center;
    margin: 0 0 20px;
}

/* Footer */
.contact-info-container {
    background-color: #f1f2eb;
}


.foot-info-wrapper {
    width: 100%;
    float: left;
    padding: 0px 0px 0px 0;
}

    .foot-info-wrapper .mobile-link {
        display: none;
    }

    .foot-info-wrapper > ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        min-height: 249px;
        display: table;
    }

        .foot-info-wrapper > ul > li {
            display: table-cell;
            position: relative;
            min-height: 249px;
            width: 16%;
            text-align: left;
            padding-top: 15px;
            padding-left: 15px;
            color: #424242;
            font-size: 14px;
            line-height: 1.5em;
            cursor: pointer;
        }

            .foot-info-wrapper > ul > li a {
                font-size: 14px;
                color: #404040;
            }

            .foot-info-wrapper > ul > li:last-child {
                /*width: 20%;*/
                text-align: left;
            }

            .foot-info-wrapper > ul > li .title {
                font-size: 16px;
                font-weight: 600;
                color: #000000;
                padding-bottom: 10px;
            }

            .foot-info-wrapper > ul > li > div {
                padding-bottom: 5px;
            }
            /*.foot-info-wrapper > ul > li > .menu-item {
            display:block;
            }*/

            .foot-info-wrapper > ul > li .bbq-man {
                display: flex;
                display: -webkit-flex;
                font-size: 16px;
                color: #2a2a2a;
            }

                .foot-info-wrapper > ul > li .bbq-man > .follow-us-item {
                    margin-right: 10px;
                    height: 20px;
                    line-height: 20px;
                }

                    .foot-info-wrapper > ul > li .bbq-man > .follow-us-item img {
                        height: 20px;
                    }

            .foot-info-wrapper > ul > li .icon {
                font-size: 16px;
                margin-top: 4px;
                padding-right: 10px;
            }

.contact-info-wrapper {
    width: 100%;
    max-width: 723px;
    float: left;
    background-color: #ffd72b;
    padding: 0px 0px 0px 0;
}

    .contact-info-wrapper > ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .contact-info-wrapper > ul > li {
            float: left;
            text-align: center;
            padding: 43px 30px 28px;
            position: relative;
            color: #404040;
            font-size: 18px;
            line-height: 1.2em;
        }

            .contact-info-wrapper > ul > li > a {
                color: #404040;
                font-size: 18px;
                display: block;
            }




.a-order-online:focus {
    color: #404040;
}

.a-location:focus {
    color: #404040;
}

.a-sms:focus {
    color: #404040;
}

.a-social-link:hover {
    color: #9e9e9e;
}

.a-social-link:focus {
    color: #b10000;
}

.contact-info-wrapper > ul > li img {
    margin-bottom: 18px;
}

.contact-info-wrapper > ul > li.bbq-man {
    top: -24px;
    width: 220px;
    padding-left: 82px;
}

    .contact-info-wrapper > ul > li.bbq-man > img {
        position: absolute;
        top: 0;
        left: 82px;
        z-index: 9;
    }

.download-info-wrapper {
    width: 100%;
    max-width: 389px;
    float: left;
    background-color: #ffc619;
    padding: 0px 44px;
}

    .download-info-wrapper .title {
        font-weight: 600;
        font-size: 18px;
        color: #404040;
        padding: 16px 0;
    }

.foot-info-wrapper > ul > li .title > span {
    cursor: pointer;
    display: none;
}

.download-info-wrapper > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .download-info-wrapper > ul > li {
        float: left;
        text-align: center;
        line-height: 1.2em;
        margin-right: 82px;
    }

        .download-info-wrapper > ul > li:last-child {
            margin-right: 0;
        }

        .download-info-wrapper > ul > li > a {
            font-size: 18px;
            color: #404040;
            display: block;
        }

        .download-info-wrapper > ul > li img {
            margin-bottom: 18px;
        }

.book-menu {
    margin-right: 11px;
    font-size: 16px;
    height: 23px;
    width: 16px;
    vertical-align: bottom;
    font-style: normal;
    font-family: Material Icons;
}

.downloads-halal {
    width: 21px;
    margin-right: 5px;
    display: inline-block;
}

.downloads-grade {
    width: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.quick-links-container {
    margin-bottom: 25px;
}

    .quick-links-container .title {
        font-weight: 600;
        font-size: 16px;
        color: #404040;
        margin-bottom: 15px;
    }

.connect-with-us-wrapper,
.need-help-wrapper,
.about-bbqwc-wrapper,
.our-certifications-wrapper {
    float: left;
    padding: 0 39px;
    border-right: 1px solid #cccccc;
}

.connect-with-us-wrapper {
    padding-left: 117px;
}

    .connect-with-us-wrapper > ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .connect-with-us-wrapper > ul > li {
            margin-bottom: 6px;
        }

            .connect-with-us-wrapper > ul > li > a {
                font-size: 14px;
                color: #717171;
                text-decoration: none;
            }

                .connect-with-us-wrapper > ul > li > a span {
                    margin-right: 10px;
                }

.need-help-wrapper > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .need-help-wrapper > ul > li {
        margin-bottom: 3px;
    }

.about-bbqwc-wrapper > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .about-bbqwc-wrapper > ul > li {
        margin-bottom: 3px;
    }


.our-certifications-wrapper {
    border: none;
}

    .our-certifications-wrapper > ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .our-certifications-wrapper > ul > li {
            float: left;
            margin-right: 48px;
        }

            .our-certifications-wrapper > ul > li:last-child {
            }

    .our-certifications-wrapper .cert-name {
        font-size: 14px;
        color: #404040;
        margin: 9px 0;
        line-height: 1.2em;
    }

.payment-options-wrapper {
    height: 50px;
    width: 100%;
    background-color: #adbca5;
    /*margin-bottom: 22px;*/
}

    .payment-options-wrapper > .container > .copyright {
        height: 50px;
        display: flex;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

        .payment-options-wrapper > .container > .copyright > ul {
            height: 50px;
            list-style: none;
            padding: 0;
            margin: 0;
            text-align: center;
            display: flex;
            display: -webkit-flex;
        }

            .payment-options-wrapper > .container > .copyright > ul > li {
                margin-right: 4px;
                margin-top: 10px;
            }

                .payment-options-wrapper > .container > .copyright > ul > li > img {
                    vertical-align: top;
                    height: 30px;
                }

.copyright-wrapper {
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    color: #ffffff;
    line-height: 50px;
}

    .copyright-wrapper a {
        font-family: Arial;
        font-size: 12px;
        text-align: left;
        color: #ffffff;
        line-height: 50px;
    }


/*alacarte bar*/

.product-filter-container {
    background: #ddd6d1;
    width: 100%;
    height: 96px;
    padding: 11px 0 10px 0;
}

    .product-filter-container .product-scroll-container {
        background: #ddd6d1;
        height: 90px;
        position: fixed;
        top: 108px;
        left: 0;
        z-index: 103;
        margin-top: 0;
    }

.product-alacart-container.product-scroll-container {
    background: #ddd6d1;
    height: 90px;
    position: fixed;
    top: 108px;
    left: 0;
    z-index: 103;
    margin-top: 0;
}

.shop-for-wrapper {
    background: url("../images/shop_for.png") no-repeat 5px 0;
    height: 75px;
    color: #fff;
    font-size: 18px;
    line-height: 75px;
    padding-left: 15px;
    width: 135px;
    float: left;
}

.products-container {
    width: 100%;
    margin-top: 20px;
}

.categories-big-wrapper {
    width: 198px;
    float: left;
}

.categories-small-wrapper {
    /* width: 998px;*/
    width: 100%;
    float: left;
}

.categories-wrapper .category-entry.selected {
    background: #ffc619;
    opacity: 1;
}

.category-entry.selected span {
    color: #404040;
}

.category-entry {
    width: 90px;
    height: 75px;
    float: left;
    position: relative;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #a6a6a6;
    margin-right: 10px;
    border-radius: 3px;
    background-color: #ebe7e4;
}

    .category-entry:hover {
        background-color: #ffffff !important;
        border: solid 1px #249549;
    }

.product-filter-mobile-item .category-mobile-entry:hover {
    background-color: #ffffff !important;
    border: solid 1px #249549;
}

.category-entry-clicked {
    background: #ffffff !important;
    border: 2px solid #249549 !important;
}

.category-entry img {
    display: inline-block;
    text-align: center;
    max-height: 28px;
}

.category-entry .category-entry-name {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    width: 76px;
    height: 40px;
    padding: 0 10px;
    display: table;
    text-align: center;
    margin: 0 auto;
}

.category-entry span {
    display: table-cell;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    line-height: 14px;
    color: #404040;
    vertical-align: middle;
}

.category-entry a {
    xopacity: 0.2;
    height: 100%;
    display: block;
}

    .category-entry a span {
        opacity: 1;
    }

    .category-entry a.selected, .category-entry a:hover {
        opacity: 1;
    }

        .category-entry a.selected span, .category-entry a:hover span {
            opacity: 1;
        }



.categories-small-wrapper .display-list {
    float: left;
    width: 80px;
    height: 65px;
}

    .categories-small-wrapper .display-list .display-desc {
        font-family: Lato;
        width: 100%;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
    }

.categories-small-wrapper .display-type {
    width: 100%;
}

.categories-small-wrapper .display-list .view-list {
    width: 28px;
    height: 35px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

    .categories-small-wrapper .display-list .view-list i {
        font-size: 30px;
        color: #a6a6a6;
    }

    .categories-small-wrapper .display-list .view-list:hover i {
        color: #249549;
    }

.categories-small-wrapper .display-list .view-table {
    width: 28px;
    height: 30px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

    .categories-small-wrapper .display-list .view-table i {
        font-size: 30px;
        color: #a6a6a6;
    }
  
    .categories-small-wrapper .display-list .view-table:hover i {
        color: #249549;
       
    }

.categories-small-wrapper .display-list .view-table-selected i {
    color: #249549;
}

.categories-small-wrapper .display-list .view-list-selected i {
    color: #249549;
}
.product-filter-mobile-container {
    display: none;
    width: 100%;
    height: 70px;
    padding: 10px 0;
    background-color: #f2f2f2;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
}

    .product-filter-mobile-container.packages-container {
        padding: 0 10px;
    }

        .product-filter-mobile-container.packages-container .categories-main-wrapper {
            display: flex;
            display: -webkit-flex;
            /*justify-content:  space-between;*/
            -webkit-justify-content: space-between;
            justify-content: space-between;
        }

        .product-filter-mobile-container.packages-container .category-cart-entry {
            margin-top: 10px;
            width: 120px;
            height: 50px;
            border-radius: 3px;
            background-color: #d03436;
            text-align: center;
            line-height: 50px;
            font-size: 18px;
            font-weight: 600;
            color: #ffffff;
            cursor: pointer;
        }

        .product-filter-mobile-container.packages-container .category-pax-entry {
            text-align: center;
            margin-top: 5px;
            font-size: 18px;
            font-weight: 600;
            line-height: 18px;
            color: #2a2a2a;
        }

            .product-filter-mobile-container.packages-container .category-pax-entry i {
                font-family: Material Icons;
                font-size: 22px;
                color: #2a2a2a;
                font-style: normal;
            }

    .product-filter-mobile-container .category-all-entry {
        display: table;
        width: 280px;
        height: 50px;
        margin: 0 20px;
        background: #fff;
        border: 2px solid #249549;
        font-size: 20px;
        font-weight: 600;
        color: #2a2a2a;
        text-align: center;
        line-height: 50px;
        float: left;
    }

    .product-filter-mobile-container .category-price-entry {
        margin-top: 10px;
        display: table;
        width: 120px;
        height: 50px;
        background: #fff;
        border: 2px solid #249549;
        font-size: 20px;
        font-weight: 600;
        color: #2a2a2a;
        text-align: center;
        line-height: 50px;
        float: left;
    }

    .product-filter-mobile-container .category-all-entry .icon-f-all, .product-filter-mobile-container .category-all-entry .icon-span-all {
        display: inline-block;
    }

    .product-filter-mobile-container .category-all-entry .icon-f-all {
        margin-right: 16px;
        vertical-align: middle;
    }

.categories-main-wrapper .category-main-entry {
    border: 0;
    float: left;
    margin-left: 6px;
    height: 50px;
}

    .categories-main-wrapper .category-main-entry .view-table, .categories-main-wrapper .category-main-entry .view-list {
        display: inline-block;
        margin-top: 10px;
    }

    .categories-main-wrapper .category-main-entry .view-table {
        margin-right: 6px;
    }

.product-filter-mobile-container .view-list {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

    .product-filter-mobile-container .view-list i {
        font-size: 30px;
        color: #249549;
    }

.product-filter-mobile-container .view-list-selected i {
    color: #249549;
}


.product-filter-mobile-container .view-table {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

    .product-filter-mobile-container .view-table i {
        font-size: 30px;
        color: #249549;
    }

    .product-filter-mobile-container .view-table:hover i {
        color: #249549;
    }

.product-filter-mobile-container .view-table-selected i {
    color: #249549;
}


.product-filter-mobile-info {
    display: flex;
    flex-wrap: wrap
}

.product-filter-mobile-item {
    display:flex;
    flex-wrap:wrap;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 20px 20px 20px;
    background: #f2f2f2;
    z-index: 999999;
}
    .product-filter-mobile-item a {
        display: flex;
        justify-content:flex-start;
        align-items:center;
    }

    .product-filter-mobile-item .category-mobile-entry {
        display: flex;
        align-items: center;
        position: relative;
        height: 50px;
        min-width: 160px;
        min-height: 50px;
        width: calc(50% - 7.5px );
        width: -moz-calc(50% - 7.5px );
        width: -webkit-calc(50% - 7.5px );
        margin-top: 15px;
        margin-right: 7.5px;
        padding: 0 16px;
        border-radius: 3px;
        background-color: #ebe7e3;
        border: solid 1px #a6a6a6;
    }

    .product-filter-mobile-item a:nth-child(2n) .category-mobile-entry {
        width: calc(50% - 7.5px );
        width: -moz-calc(50% - 7.5px );
        width: -webkit-calc(50% - 7.5px );
        margin-right: 0;
        margin-left: 7.5px;
    }

.package-modal .product-filter-mobile-item .category-mobile-entry:nth-child(2n) {
    width: calc(50% - 7.5px );
    width: -moz-calc(50% - 7.5px );
    width: -webkit-calc(50% - 7.5px );
    margin-right: 0;
    margin-left: 7.5px;
}

.product-filter-mobile-item .category-mobile-entry .category-mobile-flex {
    display: flex;
    align-items: center;
}

.product-filter-mobile-item .category-mobile-entry .image {
    width:35px;
    margin-right: 10px;
}
.product-filter-mobile-item .category-mobile-entry .category-entry-name {
    color: #404040;
    font-size:16px;
    font-weight:600;
}


.product-filter-mobile-item .category-mobile-entry .category-entry-name span {
    color: #404040;
}

.product-filter-mobile-item .category-mobile-entry img {
}

.product-filter-mobile-item .category-mobile-entry.selected {
    border: 1px solid #249549;
    background: #fff;
}

.praise-content {
    overflow: auto;
}

    .praise-content .praise, .praise-content .edit-praise {
        position: relative;
        display: table;
        float: left;
    }

.praise i, .edit-praise i {
    display: table-cell;
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: 700;
}

.praise-content .praise-result, .praise-content .praise-submit, .praise-content .praise-desc, .praise-content .praise-num {
    float: left;
    font-style: normal;
    padding-left: 5px;
    padding-top: 2px;
    font-size: 14px;
    color: #616161;
}

.praise-value {
    background-image: url("/assets/images/gooded-icon.png");
    background-repeat: no-repeat;
    width: 26px;
    height: 21px;
}

.comment-value {
    background-image: url("/assets/images/good-icon.png");
    background-repeat: no-repeat;
    width: 26px;
    height: 21px;
}

.categories-wrapper .lbl {
    width: 100%;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.product-filter-mobile .category-entry {
    border: 1px solid #acacac;
    border-radius: 5px;
    background: #ebe7e4;
}

    .product-filter-mobile .category-entry.selected {
        opacity: 1;
        background: #f2f2f1 !important;
        border: 1px solid #e5e6e5;
    }

.category-3-dots {
    padding-left: 10px;
}

.arrow-down {
    position: absolute;
    bottom: 59px;
    right: 50px;
    display: none;
}




.category-main-entry a {
    xopacity: 0.2;
    height: 100%;
    display: block;
}

    .category-main-entry a span {
        opacity: 1;
    }

    .category-main-entry a.selected, .category-main-entry a:hover {
        opacity: 1;
    }

        .category-main-entry a.selected span, .category-main-entry a:hover span {
            opacity: 1;
        }

.product-filter-mobile {
    display: none;
    position: absolute;
    bottom: 116px;
    background: #ddd6d1;
    border-radius: 8px;
    border: 1px solid #e5e4e4;
    width: 95%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding-top: 10px;
    box-shadow: 0 0 3px #ccc;
}

    .product-filter-mobile .lbl {
        text-align: left;
        line-height: 20px;
    }

/*Veiw-List*/
.view-list-content {
    margin-top: 10px;
    margin-bottom: 115px;
}

    .view-list-content .table-title {
        height: 54px;
        background: #d7d7d7;
        border-bottom: 3px solid #404040;
        line-height: 54px;
    }

.packages-content.view-list-content .table-title {
    background: #fff;
    height: 27px;
    margin-top: 4px;
    padding-bottom: 4px;
}


.view-list-content .table-title .title-item span {
    margin-left: 183px;
}

.view-list-content .table-title .title-item {
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    font-weight: 700;
    color: #404040;
}

.packages-content.view-list-content .table-title .title-item {
    height: 23px;
    line-height: 23px;
    font-size: 18px;
    font-weight: 600;
    color: #2a2a2a;
}



.view-list-content .ala-item1 {
    width: 57%;
    float: left;
}

.view-list-content .ala-item2 {
    max-width: 188px;
    width: 17%;
    float: left;
    text-align: center;
}

.view-list-content .ala-item3 {
    width: 43%;
    height: 100px;
    float: left;
    text-align: left;
    padding-left: 120px;
    padding-right: 20px;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
}

.view-list-content .ala-item4 {
    max-width: 227px;
    width: 21%;
    float: left;
    text-align: center;
}




.view-list-content .view-list-content-item {
    border-bottom: 1px solid #d7d7d7;
    width: 100%;
    padding: 16px 0;
    overflow: auto;
}

.view-list-content .viewlist .view-list-content-item {
    overflow: hidden;
}

.view-list-content .view-list-content-item:hover {
    background: #f1f2eb;
}

.view-list-content .view-list-content-item .ala-first {
    display: table;
}

.view-list-content .ala-item1 .ala-image {
    position: relative;
    width: 165px;
    padding: 0 24px;
    display: table-cell;
}


    .view-list-content .ala-item1 .ala-image img {
        width: 133px;
        height: 100px;
    }

    .view-list-content .ala-item1 .ala-image .chef-recommend {
        display: none;
        position: absolute;
        top: 1px;
        left: 1px;
    }

        .view-list-content .ala-item1 .ala-image .chef-recommend img {
            width: 26px;
            height: 26px;
            border: none;
        }

.view-list-content .ala-item1 .ala-introduction {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    max-width: calc(100% - 167px );
    max-width: -moz-calc(100% - 167px );
    max-width: -webkit-calc(100% - 167px );
    padding-left: 0px;
    padding-right: 0px;
}



.view-list-content .view-list-content-item .ala-item1 .ala-introduction div {
    padding: 0px;
    margin: 0px;
}

    .view-list-content .view-list-content-item .ala-item1 .ala-introduction div.ala-name {
        font-size: 18px;
        font-weight: 600;
        color: #404040;
        line-height: 22px;
    }

    .view-list-content .view-list-content-item .ala-item1 .ala-introduction div.ala-desc {
        margin-top: 10px;
        font-size: 16px;
        color: #676767;
        line-height: 16px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

        .view-list-content .view-list-content-item .ala-item1 .ala-introduction div.ala-desc p {
            display: none;
        }

.view-list-content .view-list-content-item .ala-item2 .praise {
    display: table;
    margin: 12px auto 0 auto;
}

.view-list-content .view-list-content-item .ala-item2 .praise-num {
    margin-top: 8px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #616161;
}


.view-list-content .view-list-content-item .ala-item3 {
    font-size: 18px;
    line-height: 18px;
    color: #8b8b8b;
    font-weight: 500;
}

    .view-list-content .view-list-content-item .ala-item3 ins {
        font-size: 26px;
        font-weight: 600;
        color: #404040;
        text-decoration: none;
    }


    .view-list-content .view-list-content-item .ala-item3 p {
        font-size: 14px;
        color: #404040;
        padding: 0;
        margin: 2px 0 0 0;
    }

        .view-list-content .view-list-content-item .ala-item3 p del {
            font-size: 16px;
            font-weight: 600;
            color: #616161;
        }


    .view-list-content .view-list-content-item .ala-item3 .ala-hot {
        position: relative;
        display: table;
        padding-top: 30px;
        /*height: 64px;*/
        margin: 0 auto;
    }

        .view-list-content .view-list-content-item .ala-item3 .ala-hot i {
            display: table-cell;
            padding: 0px;
            margin: 0px;
            font-size: 16px;
            font-weight: 700;
            height: 64px;
        }

    .view-list-content .view-list-content-item .ala-item3 .ala-hot-new {
        background-image: url("/assets/images/ico-new.png");
        background-repeat: no-repeat;
        width: 38px;
        height: 33px;
    }

    .view-list-content .view-list-content-item .ala-item3 .ala-hot-recommend {
        background-image: url("/assets/images/icon-chef-recommend.png");
        background-repeat: no-repeat;
        width: 34px;
        height: 34px;
    }








.view-list-content .view-list-content-item .ala-item4 {
    max-width: 223px;
    text-align: center;
    padding-left: 30px;
}

    .view-list-content .view-list-content-item .ala-item4 ins {
        font-size: 28px;
        font-weight: 400;
        color: #404040;
        text-decoration: none;
    }

    .view-list-content .view-list-content-item .ala-item4 del {
        font-size: 18px;
        font-weight: 400;
        color: #999999;
        margin-left: 10px;
    }

    .view-list-content .view-list-content-item .ala-item4 .options {
        margin-top: 16px;
    }

.view-list-content .view-list-content-item .add-to-cart {
    background: #d03436;
    xbackground: #d03436;
    border-radius: 5px;
    color: #000;
    max-width: 160px;
    width: 160px;
    height: 39px;
    line-height: 39px;
    display: block;
    float: none;
    /* padding: 7px 0; */
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

    .view-list-content .view-list-content-item .add-to-cart:hover {
        background-color: #ad2929;
    }

.view-list-content .view-list-content-item .add-to-cart-qty {
    background: #d03436;
    xbackground: #d03436;
    border-radius: 5px;
    color: #000;
    max-width: 160px;
    width: 160px;
    height: 39px;
    line-height: 39px;
    display: block;
    float: none;
    /* padding: 7px 0; */
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.view-list-content .view-list-content-item .minus {
    width: 39px;
    height: 39px;
    xfloat: left;
    float: left;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 39px;
    cursor: pointer;
}

    .view-list-content .view-list-content-item .minus:hover, .view-list-content .view-list-content-item .plus:hover {
        background: #ad2929;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

.view-list-content .view-list-content-item .plus {
    width: 39px;
    height: 39px;
    xfloat: right;
    float: right;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 39px;
    cursor: pointer;
}

    .view-list-content .view-list-content-item .plus i, .view-list-content .view-list-content-item .minus i {
        font-size: 16px;
    }

.view-list-content .view-list-content-item .number-to-add {
    width: calc(100% - 39px - 39px);
    width: -moz-calc(100% - 39px - 39px);
    width: -webkit-calc(100% - 39px - 39px);
    height: 39px;
    line-height: 39px;
    color: #fff;
    background: #ad2929;
    float: left;
    xfloat: left;
    margin: 0 auto;
}

.view-list-content .pk-item1 {
    max-width: 100px;
    width: 100%;
    float: left;
    padding-left: 29px;
}

.view-list-content .title-item.pk-item1, .view-list-content .title-item.pk-item2, .view-list-content .title-item.pk-item3, .view-list-content .title-item.pk-item4 {
    font-size: 18px;
    font-weight: 600;
    color: #2a2a2a;
}

.view-list-content .pk-item2 {
    max-width: calc(100% - 448px);
    max-width: -moz-calc(100% - 448px);
    max-width: -webkit-calc(100% - 448px);
    width: 100%;
    float: left;
    text-align: center;
}


.view-list-content .pk-item3 {
    max-width: 170px;
    width: 100%;
    float: left;
    text-align: center;
}

.view-list-content .pk-item4 {
    max-width: 178px;
    width: 100%;
    float: left;
    text-align: center;
}

.view-list-content .pk-item5 {
    width: 100%;
    /*padding:0 40px;*/
}


.view-list-content .pk-item4 div {
    font-size: 16px;
    font-weight: 700;
    color: #616161;
}

.view-list-content .package-item-content {
    border-bottom: 1px solid #d7d7d7;
    width: 100%;
    padding: 20px 0;
}

    .view-list-content .package-item-content:last-child {
        border-bottom: 3px solid #404040;
    }

    .view-list-content .package-item-content .item-content-index {
        overflow: hidden;
        padding-bottom: 15px;
        position: relative;
    }

    .view-list-content .package-item-content .options-angle {
        clear: both;
        text-align: center;
        width: 100%;
        height: 30px;
        cursor: pointer;
    }

        .view-list-content .package-item-content .options-angle i {
            font-size: 32px;
        }

    .view-list-content .package-item-content .pk-item1 {
        font-size: 18px;
        font-weight: 500;
        color: #404040;
        line-height: 100px;
    }

    .view-list-content .package-item-content .pk-item3 {
        height: 100px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
    }

    .view-list-content .package-item-content .pk-item4 {
        /*max-width: 262px;*/
        height: 100px;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
    }

    .view-list-content .package-item-content .pk-secend {
        display: table;
        font-size: 18px;
        font-weight: 600;
        color: #2a2a2a;
    }

    .view-list-content .package-item-content .promp-info {
        position: absolute;
        right: 0;
        top: calc(50% + 9px);
        width: 198px;
        display: none;
    }

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #616161;
}

.tooltip-inner {
    border-bottom-color: #616161;
    background-color: #616161;
}

.tooltip.in {
    opacity: 1;
}

.tooltip-inner {
    max-width: 200px;
    width: 200px;
    text-align: left;
}


.view-list-content .package-item-content .promp-info .promp-info-content {
    width: 100%;
    height: 78px;
    border-radius: 4px;
    background-color: #616161;
    position: relative;
    font-size: 14px;
    text-align: left;
    color: #ffffff;
    padding-left: 13px;
    padding-right: 13px;
}

    .view-list-content .package-item-content .promp-info .promp-info-content .promp-info-text {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
        height: 78px;
        width: 100%;
    }

    .view-list-content .package-item-content .promp-info .promp-info-content .promp-info-icon {
        position: absolute;
        right: 36px;
        top: -9px;
        width: 0;
        border-color: #616161;
        height: 0;
        border-left: 7.5px solid transparent;
        border-right: 7.5px solid transparent;
        border-bottom: 9px solid #616161;
    }


.view-list-content .pk-item2 .pk-image {
    width: 133px;
    height: 100px;
    padding: 0px;
    display: table-cell;
}

    .view-list-content .pk-item2 .pk-image img {
        width: 133px;
        height: 100px;
    }

.view-list-content .pk-item2 .pk-introduction {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: calc(100% - 143px );
    width: -moz-calc(100% - 143px );
    width: -webkit-calc(100% - 143px );
    padding-left: 33px;
    padding-right: 13px;
}

    .view-list-content .pk-item2 .pk-introduction div.pk-name {
        font-size: 18px;
        font-weight: 700;
        color: #404040;
        line-height: 22px;
    }

    .view-list-content .pk-item2 .pk-introduction div.pk-desc {
        margin-top: 10px;
        font-size: 16px;
        font-weight: 500;
        color: #616161;
        line-height: 16px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

.view-list-content .pk-item3 div.pk-qty, .view-list-content .pk-item3 div.pk-qty-mobile {
    font-size: 18px;
    font-weight: 600;
    color: #2a2a2a;
}

.view-list-content .pk-item3 div.pk-qty-mobile {
    display: none;
}

.view-list-content .pk-item3 div.pk-pack {
    font-size: 16px;
    color: #2a2a2a;
}

.view-list-content .pk-item4 .btn-change-item {
    width: 140px;
    height: 50px;
    font-size: 18px;
    font-weight: 600;
    color: #249549;
    padding: 0px 12px;
    line-height: 50px;
    text-align: center;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 2px #249549;
}

    .view-list-content .pk-item4 .btn-change-item.checked {
        opacity: 0.5;
    }

    .view-list-content .pk-item4 .btn-change-item.selected {
        border: 2px solid #404040;
        color: #404040;
        background-color: #ddd6d1;
    }
/*alacarte Modal*/
.modal-footer .btn-msg-ok, .modal-footer .btn-ok, .modal-footer {
    text-align: center;
}

    .modal-footer .btn-msg-ok:hover, .modal-footer .btn-ok:hover, .modal-footer .btn-dismissnow:hover {
        background-color: #249549;
        color: #ffffff;
        font-size: 18px;
    }

    .modal-footer .btn-msg-ok:hover, .modal-footer .btn-ok:hover, .modal-footer .btn-dismissnow:checked {
        background-color: #249549;
        color: #ffffff;
        font-size: 18px;
    }

    .modal-footer .btn-msg-ok, .modal-footer .btn-ok, .modal-footer .btn-dismissnow {
        width: 150px;
        height: 50px;
        border-radius: 3px;
        background-color: #249549;
        font-size: 18px;
        font-weight: 600;
        color: #ffffff;
    }

.sms-dialog .modal-footer .btn-ok {
    width: 260px;
}


.add-cart-popup .modal-footer .btn-dismissnow, .select-add-cart-popup .modal-footer .btn-dismissnow {
    background: none;
}

    .add-cart-popup .modal-footer .btn-dismissnow:hover, .select-add-cart-popup .modal-footer .btn-dismissnow:hover {
        color: #34a1ce;
        font-size: 14px;
    }

.red-text {
    color: #d03436;
}

.txtBBQDate {
    text-align: center;
    background: url(../images/icon-bbq-date.png) no-repeat 97% 7px;
    border: 1px solid #acacac;
    border-radius: 5px;
    width: 190px;
    padding: 5px;
    -webkit-user-select: none;
}

    .txtBBQDate.invalid {
        border: 1px solid #d03436;
        color: #d03436;
    }

    .txtBBQDate::-webkit-input-placeholder {
        color: #acacac;
        font-style: italic;
        text-align: left;
        font-size: 14px;
    }

    .txtBBQDate:-moz-placeholder { /* Firefox 18- */
        color: #acacac;
        font-style: italic;
        text-align: left;
        font-size: 14px;
    }

    .txtBBQDate::-moz-placeholder { /* Firefox 19+ */
        color: #acacac;
        font-style: italic;
        text-align: left;
        font-size: 14px;
    }

    .txtBBQDate:-ms-input-placeholder {
        color: #acacac;
        font-style: italic;
        text-align: left;
        font-size: 14px;
    }

.cooked-food-availability .modal-footer {
    text-align: center;
}

.cooked-food-availability .modal-body p.notavailable {
    display: none;
    padding: 10px 30px;
}

    .cooked-food-availability .modal-body p.notavailable img {
        padding-right: 8px;
        float: left;
    }

.cooked-food-availability .modal-body p.available {
    display: none;
    padding: 10px 30px;
}

    .cooked-food-availability .modal-body p.available img {
        padding-right: 8px;
        float: left;
    }

.cooked-food-availability .modal-footer .btn-continue {
    width: 100px;
    height: 50px;
    border-radius: 3px;
    background-color: #249549;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}

.cooked-food-availability .modal-footer .btn-check {
    width: 100px;
    height: 50px;
    border-radius: 3px;
    background-color: #249549;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}

.cooked-food-availability .modal-footer .btn-notnow {
    font-size: 14px;
    font-weight: 600;
    color: #34a1ce;
    border: none;
}

    .cooked-food-availability .modal-footer .btn-notnow:hover {
        background: none;
    }

.cooked-food-availability .modal-dialog {
    max-width: 350px;
}

.cooked-food-availability .modal-body {
    text-align: center;
}




.itemstate-popup {
}

    .itemstate-popup .modal-dialog {
        width: 100%;
    }

    .itemstate-popup .modal-header {
    }

        .itemstate-popup .modal-header h4.modal-title {
            font-size: 18px;
            font-weight: 600;
        }

    .itemstate-popup .modal-body {
        width: 100%;
        float: left;
        background: #fff;
        padding: 0px;
        /*padding: 20px;*/
    }




        .itemstate-popup .modal-body .itemstate-content {
        }

            .itemstate-popup .modal-body .itemstate-content .image {
                width: 399px;
                float: left;
                margin-right: 20px;
                margin-left: 30px;
                position: relative;
            }

                .itemstate-popup .modal-body .itemstate-content .image .main-image {
                    width: 100%;
                    border: solid 1px #d7d7d7;
                    position: relative;
                }

                    .itemstate-popup .modal-body .itemstate-content .image .main-image img {
                        /*width: 397%;*/
                        height: 298px;
                    }

                .itemstate-popup .modal-body .itemstate-content .image .image-item {
                    margin-top: 10px;
                    margin-bottom: 20px;
                    width: 100%;
                    /*display:flex;
                justify-content:space-between;*/
                }

                .itemstate-popup .modal-body .itemstate-content .image .main-image-dots {
                    width: 100%;
                    display: none;
                }

                    .itemstate-popup .modal-body .itemstate-content .image .main-image-dots .slick-dots {
                        list-style: none;
                        text-align: center;
                        width: 100%;
                        padding-left: 0;
                    }

                        .itemstate-popup .modal-body .itemstate-content .image .main-image-dots .slick-dots li {
                            display: inline-block;
                            margin: 0;
                        }

                            .itemstate-popup .modal-body .itemstate-content .image .main-image-dots .slick-dots li button {
                                display: block;
                                font-size: 0;
                                background: #d7d7d7;
                                line-height: 0;
                                width: 10px;
                                height: 10px;
                                border: 2px solid #ffffff;
                                border-radius: 100%;
                                padding: 0px;
                                margin: 8px;
                                cursor: pointer;
                                outline: none;
                            }

                            .itemstate-popup .modal-body .itemstate-content .image .main-image-dots .slick-dots li.slick-active button {
                                background: #249549;
                            }



                .itemstate-popup .modal-body .itemstate-content .image .image-item .slick-track {
                    /*width:100%!important;*/
                    /*display: flex;
                    justify-content: space-between;*/
                }

                .itemstate-popup .modal-body .itemstate-content .image .image-item .slick-track {
                    width: 399px !important;
                }

                    .itemstate-popup .modal-body .itemstate-content .image .image-item .slick-track:after, .itemstate-popup .modal-body .itemstate-content .image .main-image .slick-track:before, .itemstate-popup .modal-body .itemstate-content .image .image-item .slick-track:before {
                        display: none;
                    }

                    .itemstate-popup .modal-body .itemstate-content .image .image-item .slick-track .lessen-item {
                        width: 80px !important;
                        cursor: pointer;
                        margin-right: calc((100% - 320px)/3);
                        margin-right: -moz-calc((100% - 320px)/3);
                        margin-right: -webkit-calc((100% - 320px)/3);
                    }

                        .itemstate-popup .modal-body .itemstate-content .image .image-item .slick-track .lessen-item:last-child {
                            margin-right: 0px;
                        }

                .itemstate-popup .modal-body .itemstate-content .image .image-item .lessen-item {
                    width: 80px;
                    height: 60px;
                }

                    .itemstate-popup .modal-body .itemstate-content .image .image-item .lessen-item img {
                        width: 78px;
                        height: 58px;
                        border: solid 1px #d7d7d7;
                    }
                /*.itemstate-popup .modal-body .itemstate-content .image .image-item .lessen-item:last-child {
                        margin-right:0px;
                        }*/

                .itemstate-popup .modal-body .itemstate-content .image .discount {
                    position: absolute;
                    width: 48px;
                    height: 48px;
                    border-radius: 100%;
                    right: 6px;
                    bottom: 6px;
                    z-index: 10;
                    background-color: #db4b46;
                    text-align: center;
                    font-weight: 600;
                    font-size: 18px;
                    color: #fff;
                    line-height: 1em;
                    padding-top: 7px;
                }

            .itemstate-popup .modal-body .itemstate-content .content {
                width: calc(100% - 491px);
                width: -moz-calc(100% - 491px);
                width: -webkit-calc(100% - 491px);
                float: left;
                margin-right: 30px;
            }

            .itemstate-popup .modal-body .itemstate-content .content-info {
                display: flex;
                flex-flow: row wrap;
            }

            .itemstate-popup .modal-body .itemstate-content .image .title {
                font-size: 18px;
                min-height: 30px;
                line-height: 30px;
                margin-bottom: 7px;
                font-weight: 600;
                color: #2a2a2a;
                display: none;
            }

            .itemstate-popup .modal-body .itemstate-content .content .title {
                width: 100%;
                min-height: 45px;
                line-height: 45px;
                font-size: 36px;
                font-weight: 300;
                color: #2a2a2a;
            }

            .itemstate-popup .modal-body .itemstate-content .content .description {
                width: 100%;
                font-size: 16px;
                line-height: 1.38;
                border-bottom: 1px solid #ebebeb;
                padding-bottom: 16px;
                color: #2a2a2a;
            }



            .itemstate-popup .modal-body .itemstate-content .content .options {
                width: 100%;
                font-size: 18px;
                padding-top: 16px;
                margin-bottom: 10px;
            }

                .itemstate-popup .modal-body .itemstate-content .content .options table {
                    width: 100%;
                }

                    .itemstate-popup .modal-body .itemstate-content .content .options table tr td:first-child {
                        width: 100px;
                        vertical-align: top;
                    }

                    .itemstate-popup .modal-body .itemstate-content .content .options table tr td:last-child {
                        padding-left: 5px;
                        font-size: 16px;
                        line-height: 1.38;
                        color: #2a2a2a;
                    }

                    .itemstate-popup .modal-body .itemstate-content .content .options table tr td b {
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 1.38;
                        color: #000000;
                    }


            .itemstate-popup .modal-body .itemstate-content .content .sold-by {
                font-size: 14px;
                font-style: italic;
                color: #676767;
                padding-top: 12px;
                padding-bottom: 16px;
            }

            .itemstate-popup .modal-body .itemstate-content .content .price-info {
                width: 100%;
                /*margin-top:15px;*/
                display: flex;
                display: -webkit-flex;
                justify-content: space-between;
                align-items: center;
                padding: 15px 0;
                border-top: 1px solid #d7d7d7;
                border-bottom: 1px solid #d7d7d7;
            }

            .itemstate-popup .modal-body .itemstate-content .content .price {
            }

                .itemstate-popup .modal-body .itemstate-content .content .price ins {
                    font-size: 26px;
                    font-weight: 600;
                    text-align: left;
                    color: #404040;
                    text-decoration: none;
                }

                .itemstate-popup .modal-body .itemstate-content .content .price del {
                    font-size: 16px;
                    color: #999999;
                    text-align: left;
                }

    .itemstate-popup .modal-header .close {
        margin-top: 5px;
    }





    .itemstate-popup .modal-body .itemstate-content .content .actions {
        width: 160px;
    }

        .itemstate-popup .modal-body .itemstate-content .content .actions .add-to-cart {
            background: #d03436;
            xbackground: #d03436;
            border-radius: 5px;
            color: #000;
            max-width: 160px;
            width: 160px;
            height: 39px;
            line-height: 39px;
            display: block;
            float: none;
            /* padding: 7px 0; */
            text-align: center;
            position: relative;
            color: #fff;
            font-size: 18px;
            font-weight: 600;
        }

        .itemstate-popup .modal-body .itemstate-content .content .actions .add-to-cart-unavailabe {
            /*font-size: 16px;
            font-weight: 600;
            color: #ddd;
            padding: 7px 12px;
            display: block;*/
        }

    .itemstate-popup .modal-body .itemstate-content .content .add-to-cart-qty {
        background: #d03436;
        xbackground: #d03436;
        border-radius: 5px;
        color: #000;
        max-width: 160px;
        width: 160px;
        height: 39px;
        line-height: 39px;
        display: block;
        float: none;
        /* padding: 7px 0; */
        text-align: center;
        position: relative;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
    }

        .itemstate-popup .modal-body .itemstate-content .content .add-to-cart-qty .minus {
            width: 39px;
            height: 39px;
            xfloat: left;
            float: left;
            color: #fff;
            text-align: center;
            vertical-align: middle;
            display: inline-block;
            line-height: 39px;
            cursor: pointer;
        }

            .itemstate-popup .modal-body .itemstate-content .content .add-to-cart-qty .minus:focus {
                background: #ad2929;
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px;
            }

            .itemstate-popup .modal-body .itemstate-content .content .add-to-cart-qty .minus:hover {
                background: #ad2929;
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px;
            }



            .itemstate-popup .modal-body .itemstate-content .content .add-to-cart-qty .minus.dissabled {
                background: #ddd url(../images/icon-minus.png);
            }

        .itemstate-popup .modal-body .itemstate-content .content .add-to-cart-qty .number-to-add {
            width: calc(100% - 39px - 39px);
            width: -moz-calc(100% - 39px - 39px);
            width: -webkit-calc(100% - 39px - 39px);
            height: 39px;
            line-height: 39px;
            color: #fff;
            background: #ad2929;
            float: left;
            xfloat: left;
            margin: 0 auto;
        }

        .itemstate-popup .modal-body .itemstate-content .content .add-to-cart-qty .plus {
            width: 39px;
            height: 39px;
            xfloat: right;
            float: right;
            color: #fff;
            text-align: center;
            vertical-align: middle;
            display: inline-block;
            line-height: 39px;
            cursor: pointer;
        }


            .itemstate-popup .modal-body .itemstate-content .content .add-to-cart-qty .plus:focus {
                background: #ad2929;
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
            }

            .itemstate-popup .modal-body .itemstate-content .content .add-to-cart-qty .plus:hover {
                background: #ad2929;
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
            }

            .itemstate-popup .modal-body .itemstate-content .content .add-to-cart-qty .plus.disabled {
                background: #ddd url(../images/icon-plus.png);
            }

    .itemstate-popup .modal-body .itemstate-content .cooking-tips {
        width: 100%;
        padding-top: 24px;
    }

        .itemstate-popup .modal-body .itemstate-content .cooking-tips a.c-tips {
            font-size: 18px;
            color: #2a2a2a;
        }

            .itemstate-popup .modal-body .itemstate-content .cooking-tips a.c-tips.open {
                background: url("../images/icon-arrow-red-up.png") no-repeat;
                background-position: 99% 7px;
            }

    .itemstate-popup .modal-footer {
        width: 100%;
        float: left;
        background: #fff;
        display: none;
    }

    .itemstate-popup .modal-body .itemstate-content .cooking-tips .content {
        /*display: none;*/
        display: flex;
        display: -webkit-flex;
        /*justify-content:  space-between;*/
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
        float: left;
        padding-top: 14px;
    }

        .itemstate-popup .modal-body .itemstate-content .cooking-tips .content .image-info {
            width: 106px;
            height: 63px;
            display: table;
        }

        .itemstate-popup .modal-body .itemstate-content .cooking-tips .content .heat, .itemstate-popup .modal-body .itemstate-content .cooking-tips .content .cooking-time, .itemstate-popup .modal-body .itemstate-content .cooking-tips .content .pit-placement {
            max-width: 106px;
            height: 135px;
            width: 100%;
        }

        .itemstate-popup .modal-body .itemstate-content .cooking-tips .content .heat {
            height: 136px;
            padding: 7px 0;
            text-align: center;
        }

            .itemstate-popup .modal-body .itemstate-content .cooking-tips .content .heat ul {
                list-style: none;
                padding: 0;
                display: inline-block;
            }

                .itemstate-popup .modal-body .itemstate-content .cooking-tips .content .heat ul li {
                    float: left;
                }

            .itemstate-popup .modal-body .itemstate-content .cooking-tips .content .heat p {
                padding: 0;
                margin-bottom: 0px;
                width: 100%;
                float: left;
            }

            .itemstate-popup .modal-body .itemstate-content .cooking-tips .content .heat img {
                width: 108px;
                margin-top: 13px;
                height: 37px;
                display: table-cell;
            }

        .itemstate-popup .modal-body .itemstate-content .cooking-tips .content .cooking-time {
            padding: 7px 0;
            text-align: center;
        }

            .itemstate-popup .modal-body .itemstate-content .cooking-tips .content .cooking-time img {
                width: 60px;
                height: 63px;
                margin: 0 auto;
                display: table-cell;
                vertical-align: middle;
            }

            .itemstate-popup .modal-body .itemstate-content .cooking-tips .content .cooking-time p {
                padding: 0;
                margin-bottom: 0px;
                width: 100%;
                float: left;
            }



        .itemstate-popup .modal-body .itemstate-content .cooking-tips .content .pit-placement {
            padding: 7px 0;
            text-align: center;
        }

            .itemstate-popup .modal-body .itemstate-content .cooking-tips .content .pit-placement p {
                padding: 0;
                margin-bottom: 0px;
                width: 100%;
                float: left;
            }

            .itemstate-popup .modal-body .itemstate-content .cooking-tips .content .pit-placement img {
                height: 60px;
                margin: 0 auto;
                display: table-cell;
                vertical-align: middle;
            }


.choose-package .package-contents {
    width: 100%;
    height: 122px;
    background-color: #f2f2f2;
    color: #2a2a2a;
    padding: 0 20px 20px 20px;
}

    .choose-package .package-contents .package-title {
        height: 42px;
        line-height: 42px;
        margin: 0;
    }

    .choose-package .package-contents .package-list {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        /*justify-content:  space-between;*/
        /*-webkit-justify-content: space-between;
        justify-content: space-between;*/
    }

        .choose-package .package-contents .package-list .package-item {
            float: left;
            max-width: 268px;
            width: 100%;
            margin-right: 23px;
            height: 58px;
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            align-items: center;
            border-radius: 3px;
            background-color: #ebe7e3;
            border: solid 2px #a6a6a6;
            cursor: pointer;
        }

            .choose-package .package-contents .package-list .package-item:last-child {
                margin-right: 0;
            }

            .choose-package .package-contents .package-list .package-item:hover {
                background-color: #ffffff;
                border: solid 1px #249549;
            }

            .choose-package .package-contents .package-list .package-item.package-category-clicked {
                background-color: #ffffff;
                border: solid 2px #249549;
            }

            .choose-package .package-contents .package-list .package-item img {
            }

            .choose-package .package-contents .package-list .package-item .packages-name {
                font-size: 20px;
                font-weight: 600;
                color: #404040;
                margin-left: 18px;
            }

.choose-package .package-option {
    width: 100%;
    height: 98px;
    margin-top: 2px;
    padding: 0px 20px;
    background-color: #f2f2f2;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

    .choose-package .package-option .option-list {
        max-width: 583px;
        width: 100%;
        float: left;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
    }

    .choose-package .package-option .option-opreate {
        width: calc(100% - 583px);
        width: -moz-calc(100% - 583px);
        width: -webkit-calc(100% - 583px);
        /*padding-left:calc(100% - 400px);
                padding-left:-moz-calc(100% - 400px);
                padding-left:-webkit-calc(100% - 400px);*/
        float: left;
        /*display:flex;
                  display: -webkit-flex;
                justify-content:space-between;*/
    }

    .choose-package .package-option .option-list .option-item {
    }

        .choose-package .package-option .option-list .option-item .lbl {
            font-size: 14px;
            font-weight: 600;
            color: #616161;
        }

        .choose-package .package-option .option-list .option-item .pax-option {
            width: 120px;
            height: 37px;
            margin-top: 6px;
            position: relative;
        }

            .choose-package .package-option .option-list .option-item .pax-option .select_pax {
                height: 36px;
                width: 120px;
                xbackground: url("/assets/images/chevron-down.png") no-repeat right #fff;
                background: url("/assets/images/chevron-down.png") no-repeat right #fff;
                -webkit-appearance: none;
                background-position: 84px 0px;
                font-size: 16px;
                text-align: center;
                line-height: 36px;
                color: #2a2a2a;
                cursor: pointer;
            }



            .choose-package .package-option .option-list .option-item .pax-option .pax-item {
                position: absolute;
                left: 0;
                top: 37px;
                z-index: 1;
            }

                .choose-package .package-option .option-list .option-item .pax-option .pax-item ul {
                    width: 100%;
                    padding: 0;
                    list-style: none;
                    background: #fff;
                }

                    .choose-package .package-option .option-list .option-item .pax-option .pax-item ul li {
                        height: 37px;
                        width: 84px;
                        text-align: center;
                        line-height: 37px;
                        font-size: 16px;
                        color: #2a2a2a;
                        cursor: pointer;
                    }

            .choose-package .package-option .option-list .option-item .pax-option select {
                width: 84px;
                height: 36px;
                background: #fff;
                font-size: 16px;
                padding-left: 10px;
                color: #2a2a2a;
                float: left;
                border: none;
                appearance: none;
                -moz-appearance: none;
                -webkit-appearance: none;
            }

                .choose-package .package-option .option-list .option-item .pax-option select::-ms-expand {
                    display: none;
                }

            .choose-package .package-option .option-list .option-item .pax-option label {
                width: 36px;
                height: 36px;
                float: right;
                display: inline-block;
                background-color: #404040;
                text-align: center;
                cursor: pointer;
            }

                .choose-package .package-option .option-list .option-item .pax-option label i {
                    width: 36px;
                    height: 36px;
                    font-family: "Material Icons";
                    font-size: 25px;
                    color: #ffffff;
                    font-style: normal;
                    line-height: 36px;
                }

        .choose-package .package-option .option-list .option-item .pax-size {
            height: 37px;
            line-height: 37px;
            margin-top: 6px;
            font-size: 20px;
            font-weight: 600;
            color: #2a2a2a;
        }




        .choose-package .package-option .option-list .option-item .pax-total {
            height: 37px;
            margin-top: 6px;
            font-size: 26px;
            font-weight: 600;
            color: #404040;
        }

    .choose-package .package-option .option-opreate .opreate-select {
        width: 180px;
        height: 50px;
        float: right;
        margin-right: 40px;
        border-radius: 3px;
        background-color: #ebe7e3;
        border: solid 1px #a6a6a6;
        text-align: center;
        line-height: 50px;
        font-size: 18px;
        font-weight: 600;
        color: #249549;
        cursor: pointer;
    }

    .choose-package .package-option .option-opreate .opreate-select {
        background-color: #ffffff;
        border: solid 2px #249549;
    }

        .choose-package .package-option .option-opreate .opreate-select.opreate-checked {
            opacity: 0.5;
        }

    .choose-package .package-option .option-opreate .opreate-add, .choose-package .package-option .option-opreate .opreate-update {
        width: 180px;
        height: 50px;
        float: right;
        border-radius: 3px;
        background-color: #d03436;
        text-align: center;
        line-height: 50px;
        font-size: 18px;
        font-weight: 600;
        color: #ffffff;
        cursor: pointer;
    }

header .package-info-title {
    display: none;
}

.container .package-info-title {
    display: block;
}


.package-info-title {
    width: 100%;
    /*margin-top:2px;*/
    padding-left: 20px;
    height: 54px;
    line-height: 54px;
    background-color: #d7d7d7;
    font-size: 20px;
    font-weight: 600;
    color: #2a2a2a;
}


.item-content-menu {
    width: 100%;
    background-color: #f6f6f6;
    padding-bottom: 10px;
    overflow: hidden;
}

    .item-content-menu .item-content-list {
        /*padding-top: 15px;*/
        /*padding-left: 16px;*/
    }

    .item-content-menu .pk-list-desc {
        font-size: 16px;
        font-weight: 600;
        color: #404040;
        padding-top: 15px;
    }

        .item-content-menu .pk-list-desc span {
            border: 2px solid #000;
            font-size: 18px;
            background-color: #ffc619;
            padding: 0px 5px;
        }

    .item-content-menu .pk-list-prom-desc {
        padding: 0 16px 0 40px;
        margin-top: 26px;
        font-size: 20px;
        font-weight: 600;
        color: #2a2a2a;
        display: flex;
        display: -webkit-flex;
        /*justify-content:  space-between;*/
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

        .item-content-menu .pk-list-prom-desc i.material {
            font-family: Material Icons;
            font-size: 22px;
            color: #404040;
            font-style: normal;
            cursor: pointer;
        }

    .item-content-menu .pk-list-prom {
        font-size: 20px;
        font-weight: 600;
        color: #2a2a2a;
        display: flex;
        display: -webkit-flex;
        /*justify-content:  space-between;*/
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    /*.item-content-menu .pk-list-prom i.material {
        font-family: Material Icons;
  font-size: 22px;
  color: #404040;
    font-style: normal;
    cursor:pointer;
        }*/

    /*.item-content-menu .pk-list-prom span {
            padding-left: 10px;
        }*/

    .item-content-menu .item-list-prompt {
        clear: both;
        font-size: 14px;
        font-weight: 600;
        color: #d03436;
    }

    .item-content-menu .item-content-list-list {
        padding: 0 40px;
    }

    .item-content-menu .item-content-list-item {
        width: 100%;
        max-width: 260px;
        float: left;
        height: 180px;
        background-color: #ffffff;
        border: solid 2px #d7d7d7;
        border-radius: 5px;
        background-color: #fff;
        /*float: left;*/
        margin-left: 18px;
        margin-bottom: 15px;
        padding: 22px;
    }

        .item-content-menu .item-content-list-item.selected {
            border: solid 2px #249549;
        }

        .item-content-menu .item-content-list-item:nth-child(4n+1) {
            margin-left: 0;
        }

        .item-content-menu .item-content-list-item .item-content-list-item-head {
            height: 80px;
        }

        .item-content-menu .item-content-list-item .item-content-list-item-img {
            width: 80px;
            height: 80px;
            text-align: center;
            float: left;
            border: solid 1px #d7d7d7;
        }


        .item-content-menu .item-content-list-item .item-content-list-item-head img {
            width: 74px;
            height: 59px;
            margin-left: 3px;
            margin-top: 10px;
        }

        .item-content-menu .item-content-list-item .item-content-list-item-desc {
            width: calc(100% - 80px);
            width: -moz-calc(100% - 80px);
            width: -webkit-calc(100% - 80px);
            padding-left: 13px;
            float: left;
        }

        .item-content-menu .item-content-list-item .item-content-list-item-title {
            min-height: 44px;
            font-size: 16px;
            font-weight: 600;
            color: #000000;
        }

        .item-content-menu .item-content-list-item .item-content-list-item-pack {
            font-size: 14px;
            color: #404040;
        }

        .item-content-menu .item-content-list-item .item-content-list-item-price {
            font-size: 16px;
            font-weight: 600;
            color: #000000;
        }




            .item-content-menu .item-content-list-item .item-content-list-item-price span {
                font-size: 14px;
                font-weight: 500;
                color: #616161;
                padding-left: 5px;
            }

        .item-content-menu .item-content-list-item .item-content-list-item-option {
            width: 100%;
        }

            .item-content-menu .item-content-list-item .item-content-list-item-option .item-content-list-item-price {
                display: none;
            }

        .item-content-menu .item-content-list-item .actions {
            margin-top: 17px;
            clear: both;
            text-align: center;
        }

        .item-content-menu .item-content-list-item .add-to-cart {
            background: #d03436;
            xbackground: #d03436;
            border-radius: 5px;
            color: #000;
            width: 100%;
            height: 39px;
            line-height: 39px;
            margin: 0 20px 0px 0px;
            display: block;
            float: none;
            /* padding: 7px 0; */
            text-align: center;
            position: relative;
            color: #fff;
            font-size: 18px;
            font-weight: 600;
        }

        .item-content-menu .item-content-list-item .add-to-cart-qty {
            background: #d03436;
            xbackground: #d03436;
            border-radius: 5px;
            color: #000;
            width: 100%;
            height: 39px;
            margin: 0 0px 20px 0px;
            display: block;
            float: none;
            /* padding: 7px 0; */
            text-align: center;
            position: relative;
            padding-bottom: 20px;
        }

            /*.item-content-menu .item-content-list-item .add-to-cart-qty .minus.disabled, .item-content-menu .item-content-list-item .add-to-cart-qty .plus.disabled {
                background-color: #dddddd;
            }*/





            .item-content-menu .item-content-list-item .add-to-cart-qty .minus {
                width: 59px;
                height: 39px;
                xfloat: left;
                float: left;
                color: #fff;
                text-align: center;
                vertical-align: middle;
                display: inline-block;
                line-height: 39px;
                cursor: pointer;
            }

                .item-content-menu .item-content-list-item .add-to-cart-qty .minus:focus {
                    background: #ad2929;
                    border-top-left-radius: 5px;
                    border-bottom-left-radius: 5px;
                }

                .item-content-menu .item-content-list-item .add-to-cart-qty .minus:hover {
                    background: #ad2929;
                    border-top-left-radius: 5px;
                    border-bottom-left-radius: 5px;
                }
            /*.item-content-menu .item-content-list-item .add-to-cart-qty .minus.disabled:hover {
                    background-color: #dddddd;
                }*/


            .item-content-menu .item-content-list-item .add-to-cart-qty .number-to-add {
                width: calc(100% - 59px - 59px);
                width: -moz-calc(100% - 59px - 59px);
                width: -webkit-calc(100% - 59px - 59px);
                height: 39px;
                line-height: 39px;
                color: #fff;
                background: #ad2929;
                float: left;
                xfloat: left;
                margin: 0 auto;
            }

                .item-content-menu .item-content-list-item .add-to-cart-qty .number-to-add span {
                    font-size: 18px;
                    font-weight: 700;
                    color: #fff;
                    line-height: 25px;
                }

            .item-content-menu .item-content-list-item .add-to-cart-qty .plus {
                width: 59px;
                height: 39px;
                xfloat: right;
                float: right;
                color: #fff;
                text-align: center;
                vertical-align: middle;
                display: inline-block;
                line-height: 39px;
                cursor: pointer;
            }

                .item-content-menu .item-content-list-item .add-to-cart-qty .plus:focus {
                    background: #ad2929;
                    border-top-right-radius: 5px;
                    border-bottom-right-radius: 5px;
                }

                .item-content-menu .item-content-list-item .add-to-cart-qty .plus:hover {
                    background: #ad2929;
                    border-top-right-radius: 5px;
                    border-bottom-right-radius: 5px;
                }
/*.item-content-menu .item-content-list-item .add-to-cart-qty .plus.disabled:hover {
                    background-color: #dddddd;
                }*/
.package-modal .product-filter-mobile-item .category-mobile-entry .category-entry-name {
    left: 75px;
}


.package-modal .option-icon {
	width:100%;
    text-align: center;
}

    .package-modal .option-icon i {
        font-family: Material Icons;
        font-size: 26px;
        color: #2a2a2a;
        margin-top: 6px;
        font-style: normal;
    }

.package-modal .pax-option {
    width:100%;
    clear: both;
    margin-top: 20px;
}

    .package-modal .pax-option select {
        width: 100%;
        height: 40px;
        xbackground: url(/assets/images/chevron-down-40.png) no-repeat right #fff;
        background: url(/assets/images/chevron-down-40.png) no-repeat right #fff;
        -webkit-appearance: none;
        /*background-position: 84px 0px;*/
        font-size: 16px;
        padding-left: 10px;
        color: #2a2a2a;
        border: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .package-modal .pax-option label {
        width: 40px;
        height: 40px;
        background-color: #404040;
        text-align: center;
    }

        .package-modal .pax-option label i {
            width: 40px;
            height: 40px;
            font-family: "Material Icons";
            font-size: 25px;
            color: #ffffff;
            font-style: normal;
            line-height: 44px;
        }

.package-modal .price-pax {
    width: 100%;
    margin-top: 29px;
    display: flex;
    display: -webkit-flex;
    /*justify-content:  space-between;*/
    -webkit-justify-content: space-between;
}

.package-modal .price-total {
    width: 100%;
    margin-top: 27px;
    display: flex;
    display: -webkit-flex;
    /*justify-content:  space-between;*/
    -webkit-justify-content: space-between;
}

.package-modal .price-desc {
    font-size: 18px;
    color: #2a2a2a;
}

.package-modal .price-value {
    font-size: 18px;
    color: #2a2a2a;
}

.package-modal .price-total .price-value {
    font-size: 26px;
    font-weight: 600;
    color: #404040;
}

.package-modal .modal-cart-btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    border-radius: 5px;
    background-color: #d03436;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}
/*promotion*/
.promotion-wrapper {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-content: flex-start;
}


.purchase-list {
    margin-top: 15px;
}

    .purchase-list .purchase-title {
        font-size: 28px;
        font-weight: 300;
        color: #404040;
    }

    .purchase-list .purchase-desc {
        font-size: 16px;
        color: #2a2a2a;
    }

    .purchase-list .purchase-info {
        font-size: 20px;
        font-weight: 600;
        color: #249549;
        margin-top: 20px;
        margin-bottom: 30px;
    }


.great-list .great-title {
    font-size: 28px;
    font-weight: 300;
    color: #404040;
}

.steps ul {
    position: relative;
    padding: 0;
    list-style-type: none;
    height: 40px;
    /*display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;*/
}

.steps li {
    position: absolute;
    width: calc(33% + 10px );
    width: -moz-calc(33% + 10px );
    width: -webkit-calc(33% + 10px );
    height: 40px;
    background-color: #fff;
    color: #666666;
    cursor: pointer;
}

    .steps li.active {
        color: #ffffff;
    }

    .steps li .title {
        width: calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        font-weight: 600;
        position: relative;
        background-color: #f2f2f2;
        display: inline-block;
        text-align: center;
    }

    .steps li.active .title {
        background-color: #249549;
    }

    .steps li .title:before {
        height: 40px;
        left: -20px;
        content: "";
        position: absolute;
        top: 0;
        z-index: 1;
        border: 1px solid transparent;
        border-width: 20px 10px;
        border-left-color: #fff;
        background-color: #f2f2f2;
    }

    .steps li.active .title:before {
        background-color: #249549;
    }

    .steps li:first-child {
        width: 33.5%;
    }

    .steps li:last-child {
        width: 33.5%;
        text-align: right;
    }

    .steps li:first-child .title {
        width: calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
    }

        .steps li:first-child .title:before {
            content: none;
        }


    .steps li .title:after {
        height: 40px;
        right: -20px;
        content: "";
        position: absolute;
        top: 0;
        z-index: 2;
        border: 1px solid transparent;
        border-width: 20px 10px;
        border-left-color: #f2f2f2;
    }

    .steps li.active .title:after {
        border-left-color: #249549;
    }

    .steps li:last-child .title {
        width: calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
    }

        .steps li:last-child .title:after {
            content: none;
        }

    .steps li .title i {
        margin-right: 20px;
    }

.step1 {
    left: 0;
}

.step2 {
    left: calc( 33.5% + 5px);
    left: -moz-calc( 33.5% + 5px);
    left: -webkit-calc( 33.5% + 5px);
}

.step3 {
    left: 66.5%;
    /*left:calc( 66.5% - 10px );
    left: -moz-calc( 66.5% - 10px );
    left: -webkit-calc( 66.5% - 10px );*/
}



.checkout-order {
    width: 100%;
    margin-top: 20px;
}

    .checkout-order .checkout-order-left {
        width: 75%;
        max-width: 880px;
        float: left;
    }

    .checkout-order .checkout-order-right {
        width: calc(26% - 20px );
        width: -moz-calc(26% - 20px );
        width: -webkit-calc(26% - 20px );
        max-width: 280px;
        float: left;
        margin-left: 20px;
    }

.checkout-contact-detail .contact-title, .checkout-delivery-option .delivery-title, .checkout-order-again .again-title, .checkout-cart-total .cart-total-title, .checkout-bbq-chef-service .chef-service-title {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #2a2a2a;
    background-color: #f2f2f2;
    padding-left: 20px;
    margin-bottom: 15px;
}

    .checkout-contact-detail .contact-title i, .checkout-delivery-option .delivery-title i, .checkout-order-again .again-title i, .checkout-cart-total .cart-total-title i, .checkout-bbq-chef-service .chef-service-title i, .contact i {
        font-family: Material Icons;
        font-size: 24px;
        color: #404040;
        font-style: normal;
        cursor: pointer;
    }

.checkout-order-right .checkout-cart-total .cart-total-title, .checkout-order-right .checkout-bbq-chef-service .chef-service-title {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 700;
}

.checkout-order-right .checkout-bbq-chef-service {
    margin-top: 30px;
}



.checkout-order .has-error input[type="text"] {
    border: solid 1px #d03436;
}

.checkout-order input[type="text"] {
    height: 36px;
    line-height: 36px;
    border: 1px solid #d7d7d7;
    /*box-shadow: 0 0 3px #cccccc;*/
    font-size: 16px;
    font-size: 16px;
    color: #2a2a2a;
    padding-left: 10px;
}

    .checkout-order input[type="text"]::-webkit-input-placeholder {
        font-style: normal;
        color: #cccccc;
    }


.checkout-order .checkout-contact-detail label {
    font-weight: 700;
    font-size: 14px;
    color: #404040;
}

.checkout-order .contact-content .contact-content-title {
    padding-left: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #616161;
}


.checkout-order .checkout-contact-detail .chef-item {
    display: table;
}

    .checkout-order .checkout-contact-detail .chef-item .chef-checkbox {
        display: table-cell;
        vertical-align: middle;
    }

    .checkout-order .checkout-contact-detail .chef-item .chef-checkbox-desc {
        font-size: 14px;
        display: table-cell;
        padding-left: 10px;
    }

        .checkout-order .checkout-contact-detail .chef-item .chef-checkbox-desc label {
            font-weight: 700;
            font-size: 16px;
        }

    .checkout-order .checkout-contact-detail .chef-item .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }


    .checkout-order .checkout-contact-detail .chef-item .chb_pro {
        display: none;
    }

        .checkout-order .checkout-contact-detail .chef-item .chb_pro + label {
            width: 12px;
            float: left;
            background-color: #FFF;
            border: 1px solid #a6a6a6;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 6px;
            display: inline-block;
            position: relative;
        }

            .checkout-order .checkout-contact-detail .chef-item .chb_pro + label:active {
                box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
            }

        .checkout-order .checkout-contact-detail .chef-item .chb_pro:checked + label {
            background-color: #fff;
            border: 1px solid #a6a6a6;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
            color: #243441;
        }

            .checkout-order .checkout-contact-detail .chef-item .chb_pro:checked + label:after {
                content: '\2714';
                position: absolute;
                top: -7px;
                left: 0px;
                color: #2ea300;
                width: 100%;
                text-align: center;
                font-size: 1em;
                padding: 1px 0 0 0;
                vertical-align: text-top;
            }

    .checkout-order .checkout-contact-detail .chef-item .checkbox-lable {
        width: 10%;
        float: left;
        padding-top: 2px;
    }

.checkout-contact-detail .contact-content, .checkout-delivery-option .delivery-content {
    padding-bottom: 30px;
}

    .checkout-contact-detail .contact-content .form-group {
        /*margin-top: 15px;*/
    }

.delivery-content .delivery-details, .delivery-content .delivery-time, .delivery-content .delivery-point {
    clear: both;
    padding-top: 15px;
}

    .delivery-content .delivery-details .delivery-details-text, .delivery-content .delivery-date .delivery-date-text, .delivery-content .delivery-time .delivery-time-text, .delivery-content .delivery-point .delivery-point-text {
        font-size: 16px;
        color: #404040;
        font-weight: 500;
    }

.delivery-content .checkout-delivery-option-span, .bank-transfer-content .bank-transfer-content-span {
    float: right;
}


.delivery-content .delivery-details .delivery-details-value, .delivery-content .delivery-date .delivery-date-value, .delivery-content .delivery-time .delivery-time-value, .delivery-content .delivery-point .delivery-point-value {
    font-size: 16px;
    color: #404040;
    font-weight: 700;
}


.again-content .again-more {
    text-align: right;
    text-decoration: none;
    font-size: 14px;
    color: #34a1ce;
}

.again-content .product-left {
    width: 100%;
    float: none;
}


.proceed-payment {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 20px;
}

    .proceed-payment .btn-proceed-payment {
        height: 40px;
        width: 260px;
        font-size: 18px;
        line-height: 40px;
        color: #f2f2f2;
        background-color: #a6a6a6;
        text-align: center;
        margin: 0 auto;
        cursor: pointer;
        border-radius: 5px;
    }

.btn-proceed-payment.btn-proceed-submit, .btn-payment.btn-proceed-submit {
    background-color: #d03436 !important;
}

.proceed-payment .check-promo {
    width: 280px;
    margin: 0 auto;
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    color: #d03436;
    margin-top: 8px;
    margin-bottom: 13px;
}

.proceed-payment .check-info {
    width: 280px;
    margin: 20px auto;
    font-size: 14px;
    text-align: left;
    color: #404040;
}

.proceed-payment .check-info-cancel {
    text-align: center;
    color: #34a1ce;
    font-weight: 600;
    margin-top: 20px;
    cursor: pointer;
}

.checkout-cart-total .cart-total-content {
    width: calc(100%);
    width: -moz-calc(100%);
    width: -webkit-calc(100%);
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding-top: 5px;
}

.checkout-cart-total .cart-sub-total, .checkout-cart-total .cart-delivery-fee, .checkout-cart-total .cart-member-number, .checkout-cart-total .cart-order-total, .checkout-cart-total .cart-discount, .checkout-cart-total .cart-subtotal {
    padding: 0 20px;
    font-size: 16px;
    font-weight: 700;
    color: #404040;
}

.info-right .checkout-cart-total .cart-sub-total, .info-right .checkout-cart-total .cart-delivery-fee, .info-right .checkout-cart-total .cart-member-number, .info-right .checkout-cart-total .cart-discount, .info-right .checkout-cart-total .cart-subtotal {
    padding: 0 20px;
    font-size: 16px;
    font-weight: 700;
    color: #404040;
}

.order-mobile-item .checkout-cart-total .cart-sub-total, .order-mobile-item .checkout-cart-total .cart-delivery-fee, .order-mobile-item .checkout-cart-total .cart-member-number, .order-mobile-item .checkout-cart-total .cart-discount {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    font-weight: 500;
}

.order-mobile-item .checkout-cart-total .cart-total-title, .order-mobile-item .checkout-cart-total .cart-order-total, .order-mobile-item .checkout-cart-total .cart-discount, .order-mobile-item .checkout-cart-total .gst-total {
    padding-left: 0;
    padding-right: 0;
}

.order-mobile-item .checkout-cart-total .height-solid-1 {
    margin-left: 0;
    margin-right: 0;
}

.info-right .checkout-cart-total .gst-total {
    font-size: 16px;
    font-weight: 700;
    color: #404040;
}

.checkout-cart-total .gst-info {
    padding-right: 20px;
}

    .checkout-cart-total .gst-info .info {
        width: 90px;
        float: left;
    }

.checkout-cart-total .cart-order-total {
    font-size: 18px;
    color: #2a2a2a;
    padding-top: 14px;
    /*height: 68px;
    line-height: 68px;*/
}

    .checkout-cart-total .cart-order-total span {
        font-size: 20px;
        font-weight: 700;
        color: #404040;
    }



.checkout-cart-total .cart-total-title {
    margin-bottom: 0;
}

.cart-sub-total, .cart-delivery-fee {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}

    .cart-sub-total .sub-total-value, .cart-delivery-fee .delivery-fee-value, .cart-order-total .order-total-valule, .cart-order-total .discount-value, .cart-order-total .voucher-value, .checkout-cart-total .cart-subtotal .subtotal-value {
        font-size: 16px;
        font-weight: 700;
        color: #404040;
        float: right;
    }



.checkout-cart-total .cart-order-total {
}

.cart-discount label {
    font-size: 14px;
    color: #34a1ce;
    cursor: pointer;
    margin-left: 10px;
    margin-bottom: 0;
}



.checkout-bbq-chef-service .set-chef-cart-content .chef-title {
    padding: 20px;
    border: 1px solid #f2f2f2;
    border-top: none;
}

    .checkout-bbq-chef-service .set-chef-cart-content .chef-title .chef-img {
        float: left;
    }

        .checkout-bbq-chef-service .set-chef-cart-content .chef-title .chef-img img {
            width: 40px;
            margin-top: 5px;
        }

    .checkout-bbq-chef-service .set-chef-cart-content .chef-title .chef-desc {
        float: right;
        width: calc(100% - 40px - 10px);
        width: -moz-calc(100% - 40px - 10px);
        width: -webkit-calc(100% - 40px - 10px);
    }

.proceed-payment .chef-option {
    padding: 20px 10px;
}

    .proceed-payment .chef-option .chef-item {
        display: table;
        margin: 0 auto;
        max-width: 550px;
        width: 100%;
        height: 38px;
    }

        .proceed-payment .chef-option .chef-item .chef-checkbox {
            display: table-cell;
            vertical-align: middle;
        }

        .proceed-payment .chef-option .chef-item .chef-checkbox-desc {
            font-size: 14px;
            display: table-cell;
            padding-left: 10px;
            line-height: 38px;
        }

            .proceed-payment .chef-option .chef-item .chef-checkbox-desc label {
                font-weight: 500;
                font-size: 16px;
            }

        .proceed-payment .chef-option .chef-item .checkbox label {
            min-height: 20px;
            padding-left: 20px;
            margin-bottom: 0;
            font-weight: normal;
            cursor: pointer;
        }


        .proceed-payment .chef-option .chef-item .chb_pro {
            display: none;
        }

.group-padding-left-20 {
    padding-left: 20px;
}






.proceed-payment .chef-option .chef-item .checkbox-lable {
    width: 10%;
    float: left;
    padding-top: 2px;
}

    .proceed-payment .chef-option .chef-item .checkbox-lable label i.fa-check-square {
        color: #249549;
        font-size: 20px;
        cursor: pointer;
    }

    .proceed-payment .chef-option .chef-item .checkbox-lable label i.fa-square-o {
        color: #404040;
        font-size: 22px;
        cursor: pointer;
    }


.checkout-bbq-chef-service .chef-service-title {
    margin-bottom: 0px;
}

.input-success-img {
    /*  background: #fff url(../images/icon-select.png) no-repeat 97% 13px;*/
}

.width-item-260 {
    width: 260px;
    float: left;
}

.width-item-180 {
    width: 180px;
    float: left;
}

.width-item-320 {
    width: 320px;
    float: left;
}

.width-item-360 {
    width: 360px;
    float: left;
}

.width-item-440 {
    max-width: 440px;
    width: 100%;
}

.checkout-contact-detail .add-another-contact {
    font-size: 14px;
    color: #34a1ce;
    cursor: pointer;
    padding-bottom: 10px;
}

.checkout-contact-detail .mobile-input {
    height: 36px;
    line-height: 36px;
}

    .checkout-contact-detail .mobile-input span {
        font-size: 14px;
        color: #34a1ce;
        cursor: pointer;
    }

.checkout-delivery-option .delivery-info {
    display: table;
    vertical-align: middle;
}

    .checkout-delivery-option .delivery-info .delivery-item {
        display: table-cell;
        max-width: 332px;
        padding-left: 77px;
    }

        .checkout-delivery-option .delivery-info .delivery-item:first-child {
            padding-left: 0;
        }

        .checkout-delivery-option .delivery-info .delivery-item .delivery-desc {
            font-size: 14px;
            font-weight: 600;
            color: #616161;
        }

        .checkout-delivery-option .delivery-info .delivery-item .delivery-value {
            font-size: 16px;
            font-weight: 600;
            color: #000000;
        }

.product-left {
    /*    width: 66%;
    float: left;*/
    margin: 0;
    padding: 0;
}

    .product-left .color-a6a6a6 {
        color: #a6a6a6 !important;
    }

    .product-left .product-list {
        /* border: 1px solid #ddd;
border-radius: 5px;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;*/
    }


    .product-left .item-content-index {
        /*padding-left: 20px;*/
        color: #404040;
    }

    .product-left .tip-select {
        border-bottom: 3px solid #404040;
    }

        .product-left .tip-select .tips-title {
            width: 100%;
            height: 40px;
            line-height: 40px;
            background-color: #6ea650;
            font-size: 18px;
            font-weight: 600;
            color: #ffffff;
            padding-left: 18px;
        }

    .product-left .operate {
        width: 100%;
        margin: 30px 0;
    }

        .product-left .operate.order-options {
            display: flex;
            display: -webkit-flex;
            justify-content: center
        }

            .product-left .operate.order-options .line-height-40 {
                line-height: 40px;
            }

        .product-left .operate .checkout-now {
            width: 260px;
            height: 40px;
            line-height: 40px;
            margin: 0 auto;
            text-align: center;
            border-radius: 5px;
            background-color: #888888;
            font-size: 18px;
            color: #f2f2f2;
            cursor: pointer;
        }

        .product-left .operate .btn-proceed-payment {
            width: 260px;
            height: 40px;
            line-height: 40px;
            margin: 0 auto;
            text-align: center;
            border-radius: 5px;
            background-color: #888888;
            font-size: 18px;
            color: #f2f2f2;
            cursor: pointer;
        }

        .product-left .operate.order-options .checkout-now {
            margin: 0;
            margin-left: 20px;
        }

        .product-left .operate .btn-continue, .product-left .operate .btn-proceed-upload {
            background-color: #d03436;
        }

    .product-left .tip-select .item-content-index {
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
        border-bottom: 1px solid #d7d7d7;
    }

        .product-left .tip-select .item-content-index .tips-add-to-cart {
            width: 160px;
            height: 39px;
            margin-top: 10px;
            line-height: 39px;
            border-radius: 5px;
            background-color: #d03436;
            font-size: 16px;
            font-weight: 600;
            color: #ffffff;
            text-align: center;
            float: right;
            cursor: pointer;
        }

        .product-left .tip-select .item-content-index .pk-item5 {
            position: relative;
            line-height: normal;
            padding-top: 20px;
            font-size: 18px;
            font-weight: 700;
        }


    .product-left .product-list .item-content-index {
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
    }

        .product-left .product-list .item-content-index .delete-item {
            position: absolute;
            top: 5px;
            right: 0px;
            display: none;
            z-index: 10;
            cursor: pointer;
        }

        .product-left .product-list .item-content-index.selected {
            background-color: #f1f2eb;
        }

            .product-left .product-list .item-content-index.selected .delete-item {
                display: block;
            }

        .product-left .product-list .item-content-index .delete-item i {
            font-family: Material Icons;
            font-size: 22px;
            color: #a6a6a6;
            font-style: normal;
            margin-right: 10px;
        }

    .product-left .product-list .package-content .item-content-index {
        padding-top: 0px;
        padding-bottom: 29px;
    }

        .product-left .product-list .package-content .item-content-index .pk-introduction {
            min-height: initial;
        }

    .product-left .table-title {
        width: 100%;
        height: 30px;
        background-color: #f2f2f2;
        /*padding-left: 20px;*/
        font-weight: 700;
    }

        .product-left .table-title .title-item {
            float: left;
            font-size: 12px;
            line-height: 30px;
            color: #000000;
        }



    .product-left .packagelist .pk-item1 {
        max-width: 80px;
        width: 10%;
        text-align: center;
        float: left;
    }

.checkout-order-again .product-left .packagelist .package-content .pk-item2 {
    max-width: 501px;
    width: 58%;
    margin-left: 80px;
}

.cart-info-content .product-left .packagelist .package-content .pk-item2 {
    max-width: 501px;
    width: 58%;
    margin-left: 80px;
}

.product-left .packagelist .package-content .pk-item2 {
    width: 49%;
    float: left;
}

.product-left .pk-introduction .cook-food-info {
    color: #d03436;
    font-size: 14px;
    height: 20px;
    padding-left: 20px;
}

    .product-left .pk-introduction .cook-food-info .attention {
        float: left;
        line-height: 20px;
    }

    .product-left .pk-introduction .cook-food-info .attention-content {
        float: left;
        margin-left: 10px;
        font-weight: 700;
        width: calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
    }

.checkout-order-again .product-left .pk-item2 {
    max-width: 420px;
    width: 48%;
    text-align: left;
    float: left;
}

.cart-info-content .product-left .pk-item2 {
    width: calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    max-width: 800px;
    text-align: left;
    float: left;
}

.cart-info-content .product-left .pk-item45 {
    max-width: 287px;
    width: 44%;
    padding-left: 20px;
    float: left;
}

.checkout-order-again .product-left .pk-item25 {
    line-height: normal;
    padding-top: 20px;
}


.cart-info-content .product-left .pk-item25 {
    max-width: 81px;
    width: 13%;
    line-height: normal;
    padding-top: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #2a2a2a;
}

.product-left .pk-item25 {
    max-width: 81px;
    width: 10%;
    text-align: center;
    float: left;
    line-height: 80px;
    font-size: 14px;
    color: inherit;
}



.product-left .pk-item3 {
    max-width: 120px;
    width: 14%;
    text-align: center;
    float: left;
    font-size: 18px;
    font-weight: 600;
    color: inherit;
}


.product-left .edit-content .pk-item3 {
    width: 26%;
}

.product-left .pk-item4 {
    max-width: 120px;
    width: 14%;
    text-align: center;
    float: left;
}

.product-left .pk-item5 {
    max-width: 179px;
    width: 21%;
    text-align: center;
    float: left;
}

.cart-info-content .product-left .pk-item5 {
    max-width: 179px;
    width: 27%;
}




.product-left .product-list .pk-item5 {
    line-height: normal;
    padding-top: 20px;
    font-size: 18px;
    font-weight: 700;
}

.product-left .tipslist .pk-item5 {
    line-height: normal;
    padding-top: 20px;
    font-size: 16px;
    font-weight: 700;
}




.cart-info-content .product-left .product-list .table-title .pk-item5 {
    padding-top: 0;
    font-size: 18px;
    font-weight: 600;
    color: #2a2a2a;
}


.cart-info-content .product-left .other-info {
    width: 100%;
}

    .cart-info-content .product-left .other-info .foambox-desc {
        max-width: 365px;
        width: 100%;
        float: left;
        padding-left: 20px;
    }


.product-left .item-content-index .pk-item1 {
    max-width: 80px;
    width: 10%;
    text-align: center;
    height: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #404040;
    line-height: 100px;
    float: left;
}

.product-left .item-content-index .pk-item2 {
    height: 100%;
}

.product-left .item-content-index .pk-item3 {
    height: 100%;
    /*   line-height: 18px;
         padding-top: 5px;*/
}

.cart-info-content .product-left .item-content-index .pk-item3 {
    max-width: 120px;
    width: 18%;
}


.checkout-order-again .product-left .item-content-index .pk-item4 {
    line-height: normal;
    padding-top: 20px;
}

.product-left .item-content-index .pk-item4 {
    height: 100%;
    font-size: 16px;
    font-weight: 700;
    color: inherit;
    line-height: 80px;
    /*   padding-top: 10px;*/
    /*padding-left: 5px;*/
}

.product-left .cook-food-info-attention {
    width: 85%;
    padding-top: 24px;
    padding-bottom: 20px;
    overflow: hidden;
    padding-left: 20px;
}

.product-left .item-content-index .foambox-desc {
    margin-top: 10px;
    width: 100%;
    /*padding: 5px 0;*/
}

    .product-left .item-content-index .foambox-desc .foambox-icon, .product-left .cook-food-info-attention .cook-food-icon, .desktop-collection .foambox-icon {
        float: left;
        width: 20px;
        text-align: center;
    }

.product-left .cook-food-info-attention .cook-food-content {
    float: left;
    width: calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    padding-left: 10px;
    font-size: 12px;
}

.product-left .item-content-index .foambox-desc .foambox-info, .desktop-collection .foambox-info {
    float: left;
    width: calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    color: #249549;
}

.product-left .pk-secend {
    display: table;
}


.product-left .pk-item2 .pk-image {
    width: 133px;
    height: 100px;
    /*border-radius: 5px;*/
    /*width: 107px;
    height: 80px;*/
    overflow: hidden;
    display: table-cell;
    float: left;
}

.cart-info-content .product-left .pk-item2 .pk-image {
    border: solid 1px #d7d7d7;
}

.cart-info-content .product-left .package-content .pk-item2 .pk-image {
    border: none;
}

.product-left .pk-item2 .pk-image .discount {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    right: 6px;
    bottom: 6px;
    z-index: 8;
    background-color: #db4b46;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    line-height: 1em;
    padding-top: 7px;
}


.product-left .pk-item25 ins {
    font-size: 14px;
    color: #404040;
    text-decoration: none;
    display: block;
    margin-top: 25px;
}

.product-left .pk-item25 del {
    font-size: 14px;
    color: #a6a6a6;
}

.product-left .packagelist .package-content .pk-item2 .pk-image {
    height: 33px;
}

.product-left .packagelist .package-content .pk-item25 .pk-image {
    height: 33px;
}

.product-left .packagelist .package-content .pk-item3 {
    height: 33px;
    line-height: 33px;
}

.product-left .packagelist .package-content .pk-item4 {
    height: 33px;
    line-height: 33px;
}

.product-left .pk-item2 .pk-image img {
    width: 130px;
    height: 100px;
    /*width: 107px;
    height: 80px;*/
}

.product-left .pk-item2 .pk-introduction {
    /*min-height: 80px;*/
    position: relative;
    display: table-cell;
    vertical-align: top;
    text-align: left;
    width: calc(100% - 133px );
    width: -moz-calc(100% - 133px );
    width: -webkit-calc(100% - 133px );
    float: left;
}

.cart-info-content .tip-select .pk-item2 .other-info {
    position: relative;
    display: table-cell;
    vertical-align: top;
    text-align: left;
    width: calc(100% - 133px );
    width: -moz-calc(100% - 133px );
    width: -webkit-calc(100% - 133px );
    float: left;
}

.checkout-order-again .product-left .package-content .pk-item2 .pk-introduction {
    height: 70px;
}

.cart-info-content .product-left .package-content .pk-item2 .pk-introduction {
    padding-left: 20px;
    height: 37px;
}

.product-left .package-content .pk-item2 .pk-introduction {
    height: 37px;
}

.checkout-order-again .product-left .pk-item25 {
    font-size: 16px;
    font-weight: 700;
}

.checkout-order-again .product-left .pk-item2 .pk-introduction div.pk-name {
    margin-top: 20px;
}

.product-left .pk-item2 .pk-introduction div.pk-name {
    font-size: 16px;
    font-weight: 700;
    color: inherit;
    line-height: 16px;
    margin-top: 20px;
    /*    min-height: calc(100% - 14px );
min-height: -moz-calc(100% - 14px );
min-height: -webkit-calc(100% - 14px );*/
}

.product-left .package-content .pk-item2 .pk-introduction div.pk-name {
    margin-top: 0;
}


.promotionlist .pk-item2 .pk-introduction div.pk-name {
    /* min-height: calc(100% - 38px );
min-height: -moz-calc(100% - 38px );
min-height: -webkit-calc(100% - 38px );*/
}

.product-left .pk-item2 .pk-introduction a {
    font-size: 12px;
    font-weight: 700;
    color: #404040;
    text-decoration: underline;
}

.product-left .pk-item2 .pk-introduction .down {
    margin-top: 10px;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #2a2a2a;
    line-height: 20px;
    cursor: pointer;
}

    .product-left .pk-item2 .pk-introduction .down.desktop-angle {
        display: block;
    }

    .product-left .pk-item2 .pk-introduction .down.mobile-angle {
        display: none;
    }

    .product-left .pk-item2 .pk-introduction .down i {
        font-size: 16px;
        font-weight: 700;
        margin-left: 10px;
    }

.checkout-order-again .product-left .pk-item2 .pk-introduction div.pk-desc {
    color: #a6a6a6;
}

.cart-info-content .product-left .pk-item2 .pk-introduction div.pk-desc {
    font-size: 16px;
    color: #2a2a2a;
}

.product-left .pk-item2 .pk-introduction div.pk-desc {
    font-size: 14px;
    font-weight: 500;
    color: inherit;
    /*line-height: 14px;*/
    margin-top: 5px;
}

.product-left .pk-item2 .pk-introduction div.pk-price {
    margin-top: 10px;
    font-weight: 400;
    color: #676767;
    line-height: 14px;
}

    .product-left .pk-item2 .pk-introduction div.pk-price ins {
        font-size: 16px;
        color: #000;
        text-decoration: none;
        text-align: left;
        color: #00b050;
        margin-left: 5px;
    }

.product-left .pk-item2 .pk-introductiondiv.pk-price del {
    font-size: 14px;
    text-align: left;
}

.checkout-order-again .product-left .pk-item2 .pk-introduction .pk-info {
    font-size: 16px;
    color: #404040;
    font-weight: 500;
}

.product-left .pk-item2 .pk-introduction .pk-info {
    color: #00b050;
    font-size: 14px;
    /*position: absolute;
    bottom: 0;*/
}

.cart-info-content .product-left .pk-item2 .pk-introduction .pk-info {
    margin-top: 8px;
    color: #249549;
    font-size: 16px;
}



.product-left .item-content-index .pk-item3 .add-to-cart-qty {
    color: inherit;
    width: 100%;
    margin: 0;
    display: block;
    float: none;
    text-align: center;
    position: relative;
    padding: 3px 0;
}

.cart-info-content .product-left .item-content-index .pk-item3 .add-to-cart-qty {
    position: relative;
    padding: 0;
    /*height:100px;*/
}

.product-left .item-content-index .pk-item3 .add-to-cart {
    font-size: 16px;
    font-weight: 700;
    color: #d03436;
    padding: 7px 15px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.product-left .item-content-index .pk-item3 .minus, .product-left .item-content-index .pk-item3 .foambox-minus, .product-left .item-content-index .pk-item3 .pro-minus, .foambox-minus, .product-left .item-content-index .pk-item3 .tip-minus {
    /* position: absolute;
left: 3px;
bottom: 5px;
background: #d03435 url(../images/icon-minus.png);*/
    position: absolute;
    left: calc( 50% - 15px );
    left: -moz-calc( 50% - 15px );
    left: -webkit-calc( 50% - 15px );
    top: 35px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

    .product-left .item-content-index .pk-item3 .minus:focus, .product-left .item-content-index .pk-item3 .foambox-minus:focus.product-left .item-content-index .pk-item3 .pro-minus:focus, .foambox-minus:focus, .product-left .item-content-index .pk-item3 .tip-minus:focus {
        background-color: #b10000;
    }

    .product-left .item-content-index .pk-item3 .minus:hover, .product-left .item-content-index .pk-item3 .foambox-minus:focus.product-left .item-content-index .pk-item3 .pro-minus:hover, .foambox-minus:hover, .product-left .item-content-index .pk-item3 .tip-minus:hover {
        /* background-color: #c80000;*/
    }

.product-left .item-content-index .pk-item3 .number-to-add {
    width: 100%;
    float: none;
    font-size: 18px;
    font-weight: 600;
    padding-top: 20px;
}

.product-left .item-content-index .pk-item3 .plus, .product-left .item-content-index .pk-item3 .foambox-plus, .product-left .item-content-index .pk-item3 .pro-plus, .product-left .item-content-index .pk-item3 .tip-plus {
    /* position: absolute;
right: 3px;
bottom: 5px;
background: #d03436 url(../images/icon-plus.png);*/
    position: absolute;
    left: calc( 50% - 15px );
    left: -moz-calc( 50% - 15px );
    left: -webkit-calc( 50% - 15px );
    top: -10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

    .product-left .item-content-index .pk-item3 .plus i, .product-left .item-content-index .pk-item3 .minus i {
        font-family: Material Icons;
        font-size: 30px;
        color: #2a2a2a;
        font-style: normal;
    }

    .product-left .item-content-index .pk-item3 .plus:focus, .product-left .item-content-index .pk-item3 .foambox-plus:focus, .product-left .item-content-index .pk-item3 .pro-plus:focus, .product-left .item-content-index .pk-item3 .tip-plus:focus {
        background-color: #b10000;
    }

    .product-left .item-content-index .pk-item3 .plus:hover, .product-left .item-content-index .pk-item3 .foambox-plus:hover, .product-left .item-content-index .pk-item3 .pro-plus:hover, .product-left .item-content-index .pk-item3 .tip-plus:hover {
        /*   background-color: #c80000;*/
    }


    product-left .item-content-index .pk-item3 .plus, .product-left .item-content-index .pk-item3 .foambox-minus.disabled,
    product-left .item-content-index .pk-item3 .plus, .product-left .item-content-index .pk-item3 .foambox-plus.disabled, .item-content-index .pk-item3 .minus.disabled {
        /*   background-color: #dddddd;*/
    }









.product-left .package-item .item-content-index .pk-item3 {
    /*    padding-top: 10px;*/
}


.product-left .item-content-index .pk-item4 ins {
    text-decoration: none;
}


.product-left .item-content-index .pk-item4 i {
    /*  border: 1px solid #ddd;
border-radius: 3px;
padding: 3px 5px;*/
    font-weight: 700;
    color: #f2f2f2;
    font-size: 14px;
    font-style: normal;
    cursor: pointer;
    float: right;
    line-height: 80px;
    margin-right: 15px;
}



.product-left .viewlist .item-content-index, .product-left .promotionlist .item-content-index, .product-left .tiplist .item-content-index {
    border-bottom: 1px solid #d7d7d7;
}

.product-left .packagelist .package-item {
    /*   padding-bottom: 10px;*/
    border-bottom: 1px solid #d7d7d7;
}

.product-left .packagelist .options-angle {
    clear: both;
    text-align: center;
    height: 24px;
    cursor: pointer;
}

    .product-left .packagelist .options-angle i {
        font-size: 24px;
    }

.product-left .option-promotionlist, .product-left .option-free-promotionlist, .product-left .option-tipslist, .product-left .option-newitemlist {
    margin-top: 30px;
}

.cart-info .option-promotionlist .item-content-index, .cart-info .option-tipslist .item-content-index, .cart-info .option-free-promotionlist .item-content-index, .cart-info .option-tipslist .item-content-index {
    padding: 10px 0;
    padding-left: 5px;
    border-bottom: 1px dotted #ddd;
}

.cart-info .option-promotionlist, .cart-info .option-newitemlist, .cart-info .option-tipslist, .cart-info .option-free-promotionlist, .cart-info .option-newitemlist, .cart-info .option-tipslist {
    /*   padding-top: 20px;*/
}

    .cart-info .option-promotionlist .cart-offer-wrapper, .cart-info .option-free-promotionlist .cart-offer-wrapper, .cart-info .option-newitemlist .cart-offer-wrapper, .cart-info .option-tipslist .cart-offer-wrapper {
        padding: 20px;
    }


.option-promotionlist .option-promotionlist-desc, .option-free-promotionlist .option-promotionlist-desc {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 700;
    background-color: #ddd6d1;
    padding-left: 10px;
    color: #404040;
    border-bottom: 1px solid #616161;
}

.option-promotionlist .option-promotionlist-title .option-promotionlist-title-desc, .option-free-promotionlist .option-promotionlist-title .option-promotionlist-title-desc, .option-tipslist .option-tipslist-desc, .option-newitemlist .option-newitemlist-desc {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background-color: #f2f2f2;
    font-size: 18px;
    font-weight: 600;
    color: #2a2a2a;
}


.option-promotionlist-title-desc .puchase-toggle {
    cursor: pointer;
}

.option-promotionlist .option-promotionlist-title .option-promotionlist-title-content {
    padding-left: 20px;
    margin-top: 13px;
    font-size: 16px;
    color: #2a2a2a;
}


.option-promotionlist .option-promotionlist-title .option-promotionlist-content, .option-free-promotionlist .option-promotionlist-title .option-promotionlist-content {
    font-size: 14px;
    color: #000;
}

.option-promotionlist .promotionlist-info, .option-free-promotionlist .promotionlist-info {
    padding-left: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #249549;
    margin-top: 10px;
}
/*.option-promotionlist .offer-item {
height:395px;
}*/
/*.option-promotionlist .offer-item {
    margin: 0 16px;

}
    .option-promotionlist .offer-item:first-child {
    margin-left:0px;
    }
    .option-promotionlist .offer-item:last-child {
    margin-right:0px;
    }*/

.option-promotionlist .offer-item .price ins, .option-free-promotionlist .offer-item .price ins, .option-tipslist .offer-item .price ins, .option-newitemlist .offer-item .price ins {
    font-size: 22px;
}

.option-promotionlist .offer-item .title, .option-free-promotionlist .offer-item .title, .option-tipslist .offer-item .title, .option-newitemlist .offer-item .title {
    font-size: 18px;
}




.product-left .option-promotionlist .pk-item3, .product-left .option-free-promotionlist .pk-item3, .product-left .option-tipslist .pk-item3 {
    width: 26%;
}

.product-left .option-promotionlist .pk-item4 del, .product-left .option-free-promotionlist .pk-item4 del {
    font-size: 16px;
    color: #999999;
    text-align: left;
}


.product-left .table-title {
    height: 54px;
    background: #d7d7d7;
    border-bottom: 3px solid #404040;
    line-height: 54px;
}

.product-left .table-title {
    background: #fff;
    height: 27px;
    /*margin-top: 4px;*/
    padding-bottom: 4px;
}

.cart-info-content .product-left .table-title {
    border-bottom: none;
    height: 40px;
    margin-top: 0px;
    padding-bottom: 0px;
    background-color: #f2f2f2;
}

    .cart-info-content .product-left .table-title .title-item {
        height: 40px;
        line-height: 40px;
    }


.product-left .table-title .title-item span {
    margin-left: 183px;
}

/*.product-left .table-title .title-item {
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    font-weight: 700;
    color: #404040;
}*/

.product-left .table-title .title-item {
    height: 23px;
    line-height: 23px;
    font-size: 18px;
    font-weight: 600;
    color: #2a2a2a;
}

    .product-left .table-title .title-item.pk-item1 {
        max-width: 80px;
        width: 10%;
        text-align: center;
    }

    .product-left .table-title .title-item.pk-item2 {
        max-width: 420px;
        width: 48%;
        text-align: center;
    }

    .product-left .table-title .title-item.pk-item3 {
        max-width: 81px;
        width: 10%;
        text-align: center;
    }

    .product-left .table-title .title-item.pk-item4 {
        max-width: 120px;
        width: 14%;
        text-align: center;
    }

    .product-left .table-title .title-item.pk-item5 {
        max-width: 179px;
        width: 21%;
        text-align: center;
    }

.discount-tips-popup .apply-discount {
    max-width: 380px;
    width: 100%;
    margin: 0 auto;
    padding: 14px 0 25px 0px;
    font-size: 18px;
    font-weight: 600;
    color: #2a2a2a;
}

.discount-tips-popup .member-number-value {
    width: 100%;
    margin-top: 10px;
}



    .discount-tips-popup .member-number-value .voucher-input {
        width: calc(100% - 100px );
        width: -moz-calc(100% - 100px );
        width: -webkit-calc(100% - 100px );
        float: left;
        margin-right: 10px;
        position: relative;
        display: flex;
        display: -webkit-flex;
    }

    .discount-tips-popup .member-number-value .prompt-voucher {
        position: absolute;
        left: 0;
        top: 36px;
        width: 100%;
        max-height: 216px;
        overflow-x: hidden;
        border: solid 1px #d7d7d7;
        background-color: #fff;
    }

        .discount-tips-popup .member-number-value .prompt-voucher .prompt-voucher-options {
            height: 36px;
            line-height: 36px;
            background-color: #f2f2f2;
            padding-left: 10px;
            font-size: 14px;
            color: #34a1ce;
            cursor: pointer;
        }

        .discount-tips-popup .member-number-value .prompt-voucher .prompt-voucher-item {
            height: 36px;
            padding-left: 9px;
            line-height: 36px;
            font-size: 16px;
            font-weight: 600;
            color: #000000;
            cursor: pointer;
        }

            .discount-tips-popup .member-number-value .prompt-voucher .prompt-voucher-item.checked {
                background-color: #f1f2eb;
            }

    .discount-tips-popup .member-number-value .voucher-input input {
        flex-grow: 1;
        height: 36px;
        padding-left: 10px;
        border: 1px solid #d7d7d7;
        font-size: 16px;
        color: #2a2a2a;
    }

.voucher-content .voucher-input {
    cursor: pointer;
}

    .voucher-content .voucher-input input {
        cursor: pointer;
    }

.discount-tips-popup .member-number-value .voucher-input .voucher-down {
    font-family: Material Icons;
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    font-style: normal;
    cursor: pointer;
    background: #404040;
}

.discount-tips-popup .member-number-value .voucher-input input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #2a2a2a;
}

.discount-tips-popup .member-number-value .voucher-input input:-moz-placeholder {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #2a2a2a;
}

.discount-tips-popup .member-number-value .voucher-input input::-moz-placeholder {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #2a2a2a;
}

.discount-tips-popup .member-number-value .voucher-input input:-ms-input-placeholder {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #2a2a2a;
}

.has-error .member-number-value .voucher-input input {
    border: solid 1px #d03436;
}

.has-error .help-block {
    color: #a94442;
    font-size: 16px;
    font-weight: 500;
}

.modal .has-error .help-block {
    max-width: 300px;
    font-family: Arial;
    font-size: 12px;
    color: #d03436;
}

.member-number-value .btn-voucher, .member-number-value .btn-member {
    width: 90px;
    float: left;
    background: #404040;
    color: #fff;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-weight: 500;
    cursor: pointer;
}

.discount-content {
    max-width: 380px;
    height: 147px;
    width: 100%;
    margin: 0 auto;
    border: solid 1px #d7d7d7;
}

    .discount-content .member-title, .discount-content .voucher-title {
        float: left;
        width: 50%;
        /*width: 100%;*/
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #f2f2f2;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
    }

    .discount-content .selected {
        background: #fff;
    }

    .discount-content .member-content, .discount-content .voucher-content {
        padding: 0px 20px;
        display: none;
    }

        .discount-content .member-content.selected, .discount-content .voucher-content.selected {
            display: block;
        }

    .discount-content .member-desc, .discount-content .voucher-desc {
        font-size: 14px;
        font-weight: 600;
        color: #616161;
        margin-top: 15px;
    }

    .discount-content .member-promp, .discount-content .voucher-promp {
        font-family: Arial;
        font-size: 12px;
        color: #d03436;
        margin-top: 5px;
        margin-bottom: 10px;
    }

.checkout-cart-total .gst-info {
    font-size: 14px;
    color: #404040;
    margin-left: 20px;
}

.checkout-cart-total .gst-total {
    font-size: 14px;
    color: #404040;
    margin-top: 12px;
    margin-bottom: 17px;
    padding: 0 20px;
}

    .checkout-cart-total .gst-total span {
        font-size: 16px;
        font-weight: 600;
        color: #000000;
        float: right;
    }

.checkout-cart-total .height-solid-1 {
    height: 1px;
    margin: 0 20px;
    background: #d7d7d7;
}

.checkout-cart-total .btn-payment {
    height: 40px;
    margin: 20px 20px 20px 20px;
    line-height: 40px;
    font-size: 18px;
    color: #f2f2f2;
    background-color: #a6a6a6;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

.checkout-cart-total .check-info, .checkout-content .check-info, .cart-info-content .check-info-cancel {
    padding: 0 20px 20px 20px;
    font-size: 14px;
    text-align: left;
    color: #404040;
}

.info-right .checkout-cart-total .check-info, .order-mobile-item .check-info, .checkout-content .check-info, .checkout-cart-total .check-info-cancel, .cart-info-content .check-info-cancel {
    text-align: center;
    color: #34a1ce;
    font-weight: 600;
    margin-top: 20px;
    cursor: pointer;
}

.checkout-order-left .delivery-date, .checkout-order-left .delivery-method, .checkout-order-left .delivery-address, .checkout-order-left .self-collection-time {
    width: 100%;
    min-height: 114px;
    background-color: #f2f2f2;
    margin-bottom: 10px;
}

    .checkout-order-left .delivery-date .delivery-date-content, .checkout-order-left .delivery-method .delivery-method-content, .checkout-order-left .self-collection-time .self-collection-time-content {
        width: 480px;
        margin: 0 auto;
        padding: 20px 0 16px 0;
    }

        .checkout-order-left .delivery-date .delivery-date-content .delivery-date-group {
            width: 480px;
            margin: 0 auto;
            border: solid 2px #f1f2eb;
            position: relative;
        }

            .checkout-order-left .delivery-date .delivery-date-content .delivery-date-group .date-value {
                width: 100%;
                height: 50px;
                text-align: center;
                line-height: 50px;
                font-size: 20px;
                border: none;
                background: #fff !important;
                font-weight: 600;
                color: #2a2a2a;
            }

            .checkout-order-left .delivery-date .delivery-date-content .delivery-date-group .date-icon {
                position: absolute;
                font-size: 21px;
                top: 0;
                right: 20%;
                height: 50px;
                line-height: 50px;
                cursor: pointer;
            }

    .checkout-order-left .delivery-method-title, .checkout-order-right .delivery-method-title, .checkout-order-left .self-collection-time .self-collection-time-title, .checkout-order-left .self-collection-time .collection-title {
        font-size: 18px;
        font-weight: 600;
        color: #2a2a2a;
        padding-bottom: 5px;
    }

.checkout-order-left .delivery-address-content .delivery-method-title {
    padding-top: 15px;
    margin-left: 30px;
}


.checkout-order-left .delivery-method .delivery-method-content .btn-list .btn-delivery-info.selected, .checkout-order-left .delivery-method .delivery-method-content .btn-list .btn-self-info.selected, .checkout-order-left .self-collection-time .self-collection-time-content .option-list .option-item.selected {
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 2px #249549;
}

.checkout-order-left .delivery-method .delivery-method-content .btn-list .btn-delivery-info {
    margin-right: 20px;
}

.checkout-order-left .delivery-method .delivery-method-content .btn-list .btn-delivery-info, .checkout-order-left .delivery-method .delivery-method-content .btn-list .btn-self-info, .checkout-order-left .self-collection-time .self-collection-time-content .option-list .option-item {
    text-align: center;
    height: 50px;
    width: 230px;
    border-radius: 3px;
    background-color: #ebe7e3;
    border: solid 1px #a6a6a6;
    line-height: 50px;
    float: left;
    font-size: 16px;
    color: #2a2a2a;
    font-weight: 700;
    cursor: pointer;
}

.checkout-order-left .self-collection-time .self-collection-time-content .option-list .optioin-item {
    font-size: 14px;
    color: #404040;
}


.checkout-order-left .delivery-method .delivery-method-content .btn-list {
    background-color: #f2f2f2;
    margin-bottom: 10px;
}

.checkout-order-left .option-list {
    margin: 0 30px;
    display: flex;
    display: -webkit-flex;
    /*justify-content:  space-between;*/
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.checkout-order-left .self-collection-time .option-list {
    margin: 0;
}



.checkout-order-left .delivery-address .delivery-address-content .option-list .option-item {
    text-align: center;
    height: 50px;
    width: 260px;
    border-radius: 3px;
    background-color: #ebe7e3;
    border: solid 1px #a6a6a6;
    line-height: 50px;
    float: left;
    font-size: 16px;
    color: #2a2a2a;
    font-weight: 700;
    cursor: pointer;
}

    .checkout-order-left .delivery-address .delivery-address-content .option-list .option-item.selected {
        background: #fff;
        border: solid 2px #249549;
    }


.checkout-order-left .self-collection-time .collection-address {
}

    .checkout-order-left .self-collection-time .collection-address .collection-address-left {
        width: 400px;
        float: left;
    }

        .checkout-order-left .self-collection-time .collection-address .collection-address-left .map-info {
            width: 400px;
            height: 220px;
        }

    .checkout-order-left .self-collection-time .collection-address .collection-address-right {
        width: calc(100% - 400px );
        width: -moz-calc(100% - 400px);
        width: -webkit-calc(100% - 400px);
        padding-left: 27px;
        float: left;
    }

        .checkout-order-left .self-collection-time .collection-address .collection-address-right .collection-address-location {
            font-size: 16px;
            color: #2a2a2a;
        }

            .checkout-order-left .self-collection-time .collection-address .collection-address-right .collection-address-location i {
                margin-right: 10px;
            }

        .checkout-order-left .self-collection-time .collection-address .collection-address-right .collection-address-info {
            font-size: 14px;
            color: #249549;
        }

            .checkout-order-left .self-collection-time .collection-address .collection-address-right .collection-address-info .self-collection-remarks {
                color: #2a2a2a;
            }



            .checkout-order-left .self-collection-time .collection-address .collection-address-right .collection-address-info .desktop-collection i {
                margin-right: 10px;
            }

            .checkout-order-left .self-collection-time .collection-address .collection-address-right .collection-address-info .desktop-collection {
                margin-top: 20px;
                display: block;
                font-size: 16px;
            }

            .checkout-order-left .self-collection-time .collection-address .collection-address-right .collection-address-info .mobile-collection {
                display: none;
                font-size: 14px;
            }

                .checkout-order-left .self-collection-time .collection-address .collection-address-right .collection-address-info .mobile-collection .mobile-collection-item {
                    margin-top: 28px;
                    margin-bottom: 10px;
                }





.checkout-order-left .self-collection-time {
    padding: 0 30px 20px 30px;
}

.checkout-order-left .delivery-address .address-option {
    padding-top: 16px;
    padding-bottom: 20px;
    margin: 0 30px;
}

.checkout-order-left .delivery-address .delviery-other {
    padding-top: 16px;
    padding-bottom: 20px;
}

    .checkout-order-left .delivery-address .delviery-other .delivery-other-title {
        font-size: 14px;
        font-weight: 600;
        color: #616161;
        margin-bottom: 6px;
        padding: 0 30px;
    }

    .checkout-order-left .delivery-address .delviery-other .delivery-point-left .delivery-other-title {
        padding: 0;
    }


    .checkout-order-left .delivery-address .delviery-other .delivery-other-desc {
        font-size: 14px;
        color: #404040;
        padding: 0 30px;
    }

    .checkout-order-left .delivery-address .delviery-other .delivery-point-left .delivery-other-desc {
        padding: 0;
    }

    .checkout-order-left .delivery-address .delviery-other .delivery-other-input {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        /*-webkit-flex-wrap:wrap;*/
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        padding: 0 30px;
    }

        .checkout-order-left .delivery-address .delviery-other .delivery-other-input .deliverydto_address {
            width: 360px;
            margin-right: 20px;
        }

        .checkout-order-left .delivery-address .delviery-other .delivery-other-input .deliverydto_dh_unitNo {
            width: 100px;
            margin-right: 20px;
        }

        .checkout-order-left .delivery-address .delviery-other .delivery-other-input .deliverydto_dh_buildingName {
            width: 320px;
        }

        .checkout-order-left .delivery-address .delviery-other .delivery-other-input input {
            height: 36px;
            background-color: #ffffff;
            border: solid 1px #d7d7d7;
            padding-left: 20px;
        }

            .checkout-order-left .delivery-address .delviery-other .delivery-other-input input[type="text"]::-webkit-input-placeholder {
                font-size: 16px;
                color: #a6a6a6;
                font-style: normal;
                padding-left: 10px;
            }

        .checkout-order-left .delivery-address .delviery-other .delivery-other-input .deliverydto_dh_liftlobbyNumber {
            width: 100%;
            margin-top: 20px;
            margin-bottom: 20px;
        }


    .checkout-order-left .delivery-address .delviery-other .delivery-point-left {
        width: calc( 100% - 450px );
        width: -moz-calc( 100% - 450px );
        width: -webkit-calc( 100% - 450px );
        float: left;
        padding-left: 30px;
    }

    .checkout-order-left .delivery-address .delviery-other .delivery-point-right {
        width: 410px;
        display: flex;
        display: -webkit-flex;
        -webkit-flex-wrap: nowrap;
        padding: 15px 10px;
        float: left;
        background-color: #f1f2eb;
        border: solid 2px #249549;
        margin-right: 30px;
    }

        .checkout-order-left .delivery-address .delviery-other .delivery-point-right .delivery-right-icon, .checkout-order-left .delivery-address .delviery-other .delivery-point-right .delivery-point-right-info {
            /*display: table-cell;*/
            vertical-align: top;
        }

            .checkout-order-left .delivery-address .delviery-other .delivery-point-right .delivery-right-icon i {
                font-size: 20px;
                /*margin-top:5px;*/
            }

        .checkout-order-left .delivery-address .delviery-other .delivery-point-right .delivery-point-right-info-content {
            width: 358px;
        }

        .checkout-order-left .delivery-address .delviery-other .delivery-point-right .point-item .point-item-right {
            width: 330px;
        }

.delivery-point-right .delivery-point-right-info .point-item {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    margin-top: 10px;
}

    .delivery-point-right .delivery-point-right-info .point-item .point-item-left {
        margin-right: 10px;
        margin-top: 5px;
    }

.checkout-order-left .delivery-address .delviery-other .delivery-point-right .delivery-right-icon {
    padding-right: 10px;
}

.checkout-order-left .delivery-address .delviery-other .input-list .location-options {
    float: left;
    display: table;
}

    .checkout-order-left .delivery-address .delviery-other .input-list .location-options .location-radio {
        width: 16px;
        height: 16px;
        line-height: 16px;
        margin-top: 3px;
        margin-right: 10px;
    }

    .checkout-order-left .delivery-address .delviery-other .input-list .location-options .location-radio, .checkout-order-left .delivery-address .delviery-other .input-list .location-options .location-text {
        display: table-cell;
        vertical-align: middle;
    }

        .checkout-order-left .delivery-address .delviery-other .input-list .location-options .location-text label {
            float: left;
            padding-left: 10px;
            font-size: 16px;
            color: #a6a6a6;
            line-height: 36px;
            margin-bottom: 0;
        }

        .checkout-order-left .delivery-address .delviery-other .input-list .location-options .location-text .append-text {
            float: left;
            margin-left: 10px;
        }

.checkout-order-left .delivery-address .delviery-other .append-text input {
    width: 124px;
}


.checkout-order-left .delivery-address .address-option .address-select {
    float: left;
    width: 350px;
}

    .checkout-order-left .delivery-address .address-option .address-select:last-child {
        margin-right: 0px;
    }


    .checkout-order-left .delivery-address .address-option .address-select .input-group {
        width: 100%;
    }

.checkout-order-left .delivery-address .address-option .address-select {
    margin-right: 20px;
}

.checkout-order-left .delivery-address .address-option .clalet-select .desc-label {
    font-size: 14px;
    font-weight: 600;
    color: #616161;
    margin-bottom: 5px;
}

.checkout-order-left .delivery-address .address-option .address-select .option-select {
    background: url("/assets/images/chevron-down.png") no-repeat right #fff;
    border: solid 1px #d7d7d7;
    width: 100%;
    height: 36px;
    padding-left: 20px;
    font-size: 18px;
}



.checkout-order-left .delivery-address-content .button-box .option-item {
    width: 205px;
    height: 40px;
    padding-left: 20px;
    margin-top: 5px;
    line-height: 40px;
    float: left;
    background: #f1f2ec;
    cursor: pointer;
}

.checkout-order-left .delivery-option-content .location-options:first-child {
    margin-right: 30px;
}

.checkout-order-left .delivery-option-content .location-options {
    width: 205px;
    float: left;
    display: table;
    margin-top: 20px;
}

    .checkout-order-left .delivery-option-content .location-options .location-radio {
        width: 16px;
        height: 16px;
        line-height: 16px;
        margin: 0px;
        cursor: pointer;
    }

    .checkout-order-left .delivery-option-content .location-options label {
        cursor: pointer;
    }

.checkout-order-left .location-options .location-radio + label::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 1em;
    height: 1em;
    margin-right: .4em;
    border-radius: 50%;
    border: 2px solid #a6a6a6;
    text-indent: .15em;
    line-height: 1;
}

.checkout-order-left .location-options .location-radio:checked + label::before {
    background-color: #2a2a2a;
    background-clip: content-box;
    padding: .2em;
}

.checkout-order-left .delivery-option-content .location-options .location-radio, .checkout-order-left .delivery-option-content .location-options .location-text {
    display: table-cell;
    vertical-align: top;
}

.checkout-order-left .delivery-option-content .location-options .location-radio {
    padding-top: 5px;
}

.checkout-order-left .delivery-option-content .location-options .location-text {
    padding-left: 10px;
}

.checkout-order-left .delivery-option-content .location-options .location-info {
    font-size: 16px;
    color: #2a2a2a;
    font-weight: 600;
}

.checkout-order-left .delivery-option-content .location-options .location-desc {
    font-size: 16px;
    color: #404040;
}

.checkout-order-left .delivery-option-content .location-options .button-box {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.checkout-order-left .delivery-option-content .location-options .button-box {
    margin-top: 6px;
    max-width: 620px;
}

.checkout-order-left .delivery-option-content .location-options .option-item {
    width: 200px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    border-radius: 3px;
    background-color: #ebe7e3;
    border: solid 1px #a6a6a6;
    margin-right: 10px;
    margin-top: 10px;
    font-size: 14px;
    color: #404040;
    cursor: pointer;
}

    .checkout-order-left .delivery-option-content .location-options .option-item:nth-child(3n) {
        margin-right: 0px;
    }

    .checkout-order-left .delivery-option-content .location-options .option-item.selected {
        background-color: #ffffff;
        border: solid 2px #249549;
    }

    .checkout-order-left .delivery-option-content .location-options .option-item .option-item-price {
        float: right;
        margin-right: 20px;
    }

.checkout-order-left .option-foot {
    margin-top: 30px;
    margin-bottom: 363px;
}

.checkout-order-left .button-style {
    font-size: 16px;
    color: #fff;
    background: #a6a6a6;
    width: 220px;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    cursor: pointer;
}

    .checkout-order-left .button-style.delivery-confirm {
        background: #d03436;
    }

.checkout-order-left .delivery-time {
    padding-left: 30px;
    padding-bottom: 20px;
    background: #f2f2f2;
}

.checkout-order-right .delivery-method-title {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background: #f2f2f2;
}

.checkout-order-right .delivery-summary-content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 15px;
    border-left: solid 1px #d7d7d7;
    border-right: solid 1px #d7d7d7;
    border-bottom: solid 1px #d7d7d7;
}

.checkout-order-right .checkout-content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-left: solid 1px #d7d7d7;
    border-right: solid 1px #d7d7d7;
    border-bottom: solid 1px #d7d7d7;
}


.checkout-order-right .button-style {
    font-size: 16px;
    color: #fff;
    background: #a6a6a6;
    width: 220px;
    border-radius: 5px;
    text-align: center;
    margin: 0px auto;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    cursor: pointer;
}

    .checkout-order-right .button-style.delivery-confirm {
        background: #d03436;
    }

.checkout-order-right .desc-title {
    margin-top: 10px;
}

.checkout-order-right .desc-content {
    font-weight: 600;
    color: #000000;
}

.checkout-order-left .delivery-date .delivery-date-content .date-list {
    width: 300px;
    height: 280px;
    margin: 0 auto 15px auto;
    overflow: hidden;
}

.checkout-order-left .datetimepicker-content {
    width: 100%;
    height: 290px;
    margin: 0 auto;
    position: absolute;
    top: 50px;
    z-index: 2;
    display: none;
}

    .checkout-order-left .datetimepicker-content .datetimepicker-icon {
        width: 10px;
        height: 0;
        margin: 0 auto;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #adbca5;
        border-left: 10px solid transparent;
    }

.checkout-order-left .delivery-time-list {
    padding-top: 15px;
}


/*cart*/

.cart-info {
    width: 100%;
    padding-bottom: 115px;
}

    .cart-info .non-item-desc {
        width: 75%;
        max-width: 880px;
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 16px;
        text-align: center;
        color: #2a2a2a;
    }

        .cart-info .non-item-desc a {
            color: #34a1ce;
        }

    .cart-info .cart-head {
        width: 75%;
        max-width: 880px;
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 26px;
        font-weight: 300;
        color: #2a2a2a;
        height: 40px;
        line-height: 40px;
    }

        .cart-info .cart-head span {
            float: right;
            font-size: 14px;
            color: #34a1ce;
            line-height: 40px;
        }
            .cart-info .cart-head span a {
                font-size: 14px;
                font-weight: 500;
                color: #34a1ce;
            }

            .cart-info .cart-head span i {
                font-family: Material Icons;
                color: #ffffff;
                font-size: 14px;
                color: #34a1ce;
                font-style: normal;
                display: inline-block
            }

            .cart-info .cart-head span span {
                display: inline-block;
            }

    .cart-info .cart-info-content {
        width: 100%;
    }

    .cart-info .option-promotionlist .item-content-index, .cart-info .option-tipslist .item-content-index, .cart-info .option-free-promotionlist .item-content-index, .cart-info .option-tipslist .item-content-index {
        padding: 10px 0;
        padding-left: 5px;
        border-bottom: 1px dotted #ddd;
    }


        .cart-info .option-promotionlist .cart-offer-wrapper, .cart-info .option-free-promotionlist .cart-offer-wrapper, .cart-info .option-newitemlist .cart-offer-wrapper, .cart-info .option-tipslist .cart-offer-wrapper {
            padding-top: 20px;
        }

.cart-info-content .product-left {
    width: 75%;
    max-width: 880px;
    float: left;
}



.info-right {
    width: calc(26% - 20px );
    width: -moz-calc(26% - 20px );
    width: -webkit-calc(26% - 20px );
    max-width: 280px;
    float: left;
    margin-left: 20px;
    display: table-cell;
    height: 100%;
}


    .info-right .bbq-delivery-date {
    }



    .info-right .bbq-delivery {
        border: solid 2px #f2f2f2;
        padding: 12px 20px;
    }

    .info-right .bbq-delivery-date .cook-food-info {
        color: #d03436;
        font-size: 14px;
        height: 20px;
        width: 100%;
        margin: 10px 0;
    }

        .info-right .bbq-delivery-date .cook-food-info .attention {
            float: left;
            line-height: 20px;
        }

    .info-right .bbq-delivery-date .cook-food-info {
        float: left;
        margin-left: 10px;
        font-weight: 700;
        color: #d03436;
    }

    .info-right .bbq-delivery .btn-delivery-info, .info-right .bbq-delivery .btn-delivery-self {
        width: 100%;
        height: 40px;
        background: #f1f2eb;
        line-height: 40px;
        padding-left: 37px;
        font-size: 18px;
        font-weight: 700;
        cursor: pointer;
    }

        .info-right .bbq-delivery .btn-delivery-info.selected, .info-right .bbq-delivery .btn-delivery-self.selected {
            background: #ffd717;
        }

        .info-right .bbq-delivery .btn-delivery-info i, .info-right .bbq-delivery .btn-delivery-self i {
            margin-right: 10px;
            font-size: 20px;
        }

    .info-right .bbq-delivery .btn-delivery-self {
        margin-top: 10px;
    }

    .info-right .bbq-delivery-date .bbq-date {
        min-height: 79px;
        background: #f2f2f2;
        padding: 19px 15px 13px 15px;
    }

        .info-right .bbq-delivery-date .bbq-date .bbq-date-title, .info-right .bbq-delivery-date .bbq-date .bbq-collection-title, .info-right .bbq-delivery-date .bbq-date .bbq-time-title, .info-right .bbq-delivery-date .bbq-date .bbq-deliver-title, .info-right .bbq-delivery-date .bbq-date .bbq-point-title {
            font-size: 16px;
            color: #404040;
            margin-top: 10px;
        }

            .info-right .bbq-delivery-date .bbq-date .bbq-date-title i {
                font-size: 18px;
                color: #404040;
            }

        .info-right .bbq-delivery-date .bbq-date .bbq-date-content {
            font-size: 22px;
            font-weight: 700;
        }

        .info-right .bbq-delivery-date .bbq-date .bbq-collection-content, .info-right .bbq-delivery-date .bbq-date .bbq-time-content, .info-right .bbq-delivery-date .bbq-date .bbq-deliver-content, .info-right .bbq-delivery-date .bbq-date .bbq-point-content {
            font-size: 18px;
            font-weight: 700;
        }

            .info-right .bbq-delivery-date .bbq-date .bbq-deliver-content a {
                font-size: 18px;
            }


    .info-right .cart-totle, .info-right .cart-title, .info-right .set-email-cart, .info-right .set-chef-cart {
        border: 2px solid #f2f2f2;
        /*border-radius: 8px;*/
    }

    .info-right .cart-totle-head, .info-right .cart-title-head, .info-right .cart-email-head, .set-chef-cart .cart-chef-head {
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        font-weight: 700;
        background-color: #f2f2f2;
        padding: 0 15px;
        color: #404040;
    }

    .info-right .cart-totle .items-total-cart, .info-right .cart-totle .delivery-fee-cart {
        font-size: 18px;
        font-weight: 500;
        color: #404040;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 15px;
    }

    .info-right .cart-totle .order-total-cart {
        font-size: 20px;
        font-weight: 700;
        color: #404040;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
    }

    .info-right .cart-totle .items-total-cart span, .info-right .cart-totle .delivery-fee-cart span, .info-right .cart-email-head span, .set-chef-cart .cart-chef-head span {
        float: right;
        font-size: 18px;
        font-weight: 700;
    }

.order-total-cart span {
    float: right;
    font-size: 20px;
    font-weight: 700;
}

.info-right .set-chef-cart-content .chef-title {
    padding: 20px;
}

    .info-right .set-chef-cart-content .chef-title .chef-img {
        float: left;
    }

        .info-right .set-chef-cart-content .chef-title .chef-img img {
            width: 40px;
        }

    .info-right .set-chef-cart-content .chef-title .chef-desc {
        float: right;
        width: calc(100% - 40px - 10px);
        width: -moz-calc(100% - 40px - 10px);
        width: -webkit-calc(100% - 40px - 10px);
    }

.info-right .set-chef-cart-content .chef-option {
    padding: 15px 20px;
}

    .info-right .set-chef-cart-content .chef-option .chef-item {
        display: table;
    }

        .info-right .set-chef-cart-content .chef-option .chef-item .chef-checkbox {
            display: table-cell;
            vertical-align: middle;
        }

        .info-right .set-chef-cart-content .chef-option .chef-item .chef-checkbox-desc {
            font-size: 14px;
            display: table-cell;
            padding-left: 10px;
        }

            .info-right .set-chef-cart-content .chef-option .chef-item .chef-checkbox-desc label {
                font-weight: 500;
                font-size: 16px;
            }

        .info-right .set-chef-cart-content .chef-option .chef-item .checkbox label {
            min-height: 20px;
            padding-left: 20px;
            margin-bottom: 0;
            font-weight: normal;
            cursor: pointer;
        }


        .info-right .set-chef-cart-content .chef-option .chef-item .chb_pro {
            display: none;
        }

            .info-right .set-chef-cart-content .chef-option .chef-item .chb_pro + label {
                width: 12px;
                float: left;
                background-color: #FFF;
                border-radius: 3px;
                border: 1px solid #a6a6a6;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
                padding: 6px;
                display: inline-block;
                position: relative;
            }

                .info-right .set-chef-cart-content .chef-option .chef-item .chb_pro + label:active {
                    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
                }

            .info-right .set-chef-cart-content .chef-option .chef-item .chb_pro:checked + label {
                background-color: #fff;
                border: 1px solid #a6a6a6;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
                color: #243441;
            }

                .info-right .set-chef-cart-content .chef-option .chef-item .chb_pro:checked + label:after {
                    content: '\2714';
                    position: absolute;
                    top: -9px;
                    left: 0px;
                    color: #2e3532;
                    width: 100%;
                    text-align: center;
                    font-size: 1em;
                    padding: 1px 0 0 0;
                    vertical-align: text-top;
                }

        .info-right .set-chef-cart-content .chef-option .chef-item .checkbox-lable {
            width: 10%;
            float: left;
            padding-top: 2px;
        }




.info-right .cart-title-head-two {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #616161;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
}

.info-right .set-email-cart .form-control-static {
    font-size: 16px;
    height: auto;
    padding: 10px 15px;
    color: #404040;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 1px 1px 1px 1px #cccccc;
    -moz-box-shadow: 1px 1px 1px 1px #cccccc;
    box-shadow: 1px 1px 1px 1px #cccccc;
}

.info-right .cart-title .items-total-cart, .info-right .cart-title .delivery-fee-cart, .info-right .cart-title .order-total-cart {
    font-size: 18px;
    font-weight: 500;
    color: #616161;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
}


.info-right .cart-title .right-content {
    padding-left: 20px;
    padding-right: 20px;
}

.info-right .cart-title .cart-title-content {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}



.info-right .cart-title .btn-delivery-info, .check-delivery-information .btn-delivery-info {
    display: block;
    width: 100%;
    text-align: center;
    background: #F6F1F3;
    color: #404040;
    border-radius: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    border: none;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 1px 1px #616161;
    -moz-box-shadow: 1px 1px 1px 1px #616161;
    box-shadow: 1px 1px 1px 1px #616161;
}

    .info-right .cart-title .btn-delivery-info.selected, .check-delivery-information .btn-delivery-info.selected {
        background: #00b050;
        color: #fff;
    }


.info-right .cart-title .btn-self-info, .check-delivery-information .btn-self-info {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    background: #F6F1F3;
    font-size: 18px;
    color: #404040;
    border-radius: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    border: none;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-shadow: 1px 1px 1px 1px #616161;
    -moz-box-shadow: 1px 1px 1px 1px #616161;
    box-shadow: 1px 1px 1px 1px #616161;
}

    .info-right .cart-title .btn-self-info.selected, .check-delivery-information .btn-self-info.selected {
        background: #00b050;
        color: #fff;
    }


.info-right .cart-title .cart-title-foot {
    padding-left: 20px;
    padding-right: 20px;
}

    .info-right .cart-title .cart-title-foot .cart-title-foot-name {
        font-size: 24px;
        font-weight: 500;
        color: #616161;
        height: 40px;
        line-height: 40px;
    }

        .info-right .cart-title .cart-title-foot .cart-title-foot-name .cart-title-foot-value {
            font-size: 24px;
            font-weight: 500;
            color: #c00000;
            float: right;
        }

    .info-right .cart-title .cart-title-foot .cook-food-info {
        color: #b6192d;
        background: #ffea9a;
        padding: 10px;
    }

        .info-right .cart-title .cart-title-foot .cook-food-info .attention {
            float: left;
            margin-top: 5px;
        }

        .info-right .cart-title .cart-title-foot .cook-food-info .attention-content {
            float: left;
            margin-left: 10px;
            width: calc(100% - 50px);
            width: -moz-calc(100% - 50px);
            width: -webkit-calc(100% - 50px);
        }

.info-right .cart-title .items-total-cart span, .info-right .cart-title .delivery-fee-cart span, .info-right .cart-title .order-total-cart span {
    font-size: 18px;
    font-weight: 500;
    color: #616161;
    float: right;
}

.info-right .cart-title .btn-checkout-cart, .info-right .set-email-cart .btn-send-email {
    width: calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    background: #d03436;
    outline: none;
    padding: 7px 24px;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    margin: 15px auto 15px auto;
    border: none;
}

.info-right .cart-totle .btn-checkout-cart, .checkout-cart-total .btn-checkout-cart, .info-right .btn-proceed-payment {
    width: calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    max-width: 260px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    background: #888888;
    outline: none;
    padding: 7px 24px;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    margin: 15px auto 15px auto;
    border: none;
    cursor: pointer;
}

.info-right .cart-totle .btn-proceed-payment {
    background: #d03436;
}


.info-right .cart-totle .btn-checkout-cart.btn-continue, .checkout-cart-total .btn-continue {
    background: #d03436;
}

.info-right .cart-title .btn-checkout-cart:hover, .info-right .set-email-cart .btn-send-email:hover {
    background: #c80000;
}

.info-right .set-email-cart .set-email-cart-content .email-cart-desc {
    font-size: 16px;
    font-weight: 500;
    color: #404040;
    padding-bottom: 10px;
}

.info-right .set-email-cart .set-email-cart-content {
    padding: 8px;
}

.info-right .bbq-delivery-date, .info-right .set-email-cart, .info-right .set-chef-cart {
    margin-top: 20px;
}

.option-delivery {
    width: 100%;
    padding: 0 12px;
}

    .option-delivery .label {
        font-size: 18px;
        color: #404040;
        width: 100%;
        text-align: left;
        padding: 15px 0 15px 20px;
        display: inline-block;
        text-transform: uppercase;
    }

    .option-delivery .options {
        text-align: left;
        padding-left: 25px;
        padding-bottom: 15px;
    }

    .option-delivery .enter-bbq-venue-wrapper {
        background: #f8f8f8;
        padding-bottom: 1px;
    }


.info-right .set-delivery-fee {
    outline: none;
    text-decoration: underline;
    display: inline-block;
    letter-spacing: 0.3px;
    font-size: 18px;
    font-weight: 700;
    color: #404040;
}

.delviery-other .delivery-other-input {
    position: relative;
}

.delviery-other .prompt {
    position: absolute;
    top: 36px;
    left: 30px;
    width: 360px;
    max-height: 216px;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 1;
    display: none;
}

.prompt .prompt-item {
    height: 36px;
    width: 100%;
    background: #f1f2eb;
    padding-left: 20px;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    line-height: 36px;
    cursor: pointer;
}

    .prompt .prompt-item:hover {
        background: #adbca5;
    }

.checkout-order-again .product-left .pk-item2 .pk-introduction {
    padding-left: 15px;
}

.discount-tips-popup .member-content input.border-mistake, .discount-tips-popup .voucher-content input.border-mistake {
    border: solid 1px #d03436;
}

.otp-div {
    border: 1px solid #dcdcdc;
    max-width: 780px;
    width: 100%;
    /*width: calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: -webkit-calc(50% - 20px);*/
    margin: 100px auto 0 auto;
    padding: 56px 133px;
}

    .otp-div .otp-title {
        width: 100%;
        /*text-align: center;*/
        font-size: 20px;
        font-weight: 600;
        color: #2a2a2a;
    }

    .otp-div .otp-desc {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 35px;
        color: #2a2a2a;
    }

    .otp-div .otp-input {
        width: 100%;
        /*text-align: center;*/
    }

        .otp-div .otp-input .prefix-number {
            display: inline-block;
            font-size: 16px;
            font-weight: 600;
            color: #000000;
        }

        .otp-div .otp-input .input-number {
            display: inline-block;
            margin-left: 8px;
        }

            .otp-div .otp-input .input-number input {
                width: 210px;
                height: 40px;
            }

        .otp-div .otp-input .btn-number {
            display: inline-block;
            background: #4a4a4a;
            color: #fff;
            padding: 7px 30px;
            margin-left: 8px;
            border-radius: 3px;
            cursor: pointer;
        }

.modal-popup .otp-div .otp-input .btn-number {
    padding-left: 0;
    padding-right: 0;
    width: 125px;
    text-align: center;
}

.otp-div .otp-input .btn-number.disabled {
    background: #888888;
}

.otp-div .otp-input .btn-continue {
    display: inline-block;
    background: #d03436;
    color: #fff;
    padding: 7px 30px;
    margin-left: 8px;
    border-radius: 3px;
    cursor: pointer;
}

.otp-div input[type="text"] {
    color: #242424;
    padding: 6px 15px;
    border: 1px solid #dcdcdc;
    box-shadow: 0 0 3px #cccccc;
    font-size: 16px;
}

    .otp-div input[type="text"]::-webkit-input-placeholder {
        font-style: italic;
        color: #cccccc;
    }

.otp-div .otp-attention {
    width: 100%;
    /* background: #FFEA9A;*/
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    /*text-align: center;*/
}

.otp-div .otp-prompt {
    width: 100%;
    margin-top: 30px;
    /*text-align: center;*/
    font-size: 16px;
    color: #2a2a2a;
}

.otp-div .otp-info {
    width: 100%;
    margin: 10px 0 20px 0;
    /*text-align: center;*/
    font-size: 16px;
}

    .otp-div .otp-info a {
        text-decoration: underline;
    }

.pay-order {
    width: 100%;
    margin: 0 auto;
    color: #404040;
}

    .pay-order input {
        font-size: 18px;
    }

    .pay-order select {
        font-size: 18px;
    }

    .pay-order .form-control-static {
        min-height: 46px;
        padding-left: 20px;
    }

    .pay-order .pay-content label {
        font-size: 16px;
        font-weight: 500;
    }

    .pay-order .order-left-content {
    }

        .pay-order .order-left-content .hand {
            height: 60px;
            line-height: 60px;
            font-size: 21px;
            font-weight: 800;
            color: #404040;
            padding: 0 50px;
        }

    .pay-order .delivery-mode-title {
        font-size: 18px;
        font-weight: 700;
        color: #404040;
        padding: 30px 0px 18px 0px;
    }

    .pay-order .delivery-mode {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        /*justify-content:  space-between;*/
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

        .pay-order .delivery-mode .delivery-mode-item {
            position: relative;
            width: 100%;
            max-width: 200px;
            height: 120px;
            border: solid 2px #d7d7d7;
            border-radius: 3px;
            cursor: pointer;
        }

            .pay-order .delivery-mode .delivery-mode-item.checked {
                position: relative;
                border: 2px solid #249549;
                background: #f1f2eb;
            }

            .pay-order .delivery-mode .delivery-mode-item:last-child {
                margin-right: 0px;
            }

            .pay-order .delivery-mode .delivery-mode-item .item-icon {
                display: flex;
                display: -webkit-flex;
                justify-content: center;
                align-items: center;
                height: 70px;
                vertical-align: middle;
                text-align: center;
                width: 100%;
            }

                .pay-order .delivery-mode .delivery-mode-item .item-icon img {
                    display: initial;
                    vertical-align: middle;
                }


            .pay-order .delivery-mode .delivery-mode-item .item-info {
                height: 30px;
                font-size: 16px;
                font-weight: 700;
                color: #404040;
            }

                .pay-order .delivery-mode .delivery-mode-item .item-info.item-info-secend {
                    padding-top: 16px;
                    margin: 0 45px;
                    font-size: 16px;
                    line-height: 16px !important;
                }

                .pay-order .delivery-mode .delivery-mode-item .item-info.checked {
                }

            .pay-order .delivery-mode .delivery-mode-item i {
                font-size: 30px;
                width: 39px;
                height: 30px;
                color: #616161;
            }

            .pay-order .delivery-mode .delivery-mode-item.checked i {
                font-size: 30px;
                width: 39px;
                height: 30px;
                color: #249549;
            }


            .pay-order .delivery-mode .delivery-mode-item.checked .icon-top {
                display: block;
                position: absolute;
                margin-left: -14px;
                left: 50%;
                top: 114px;
                width: 0;
                height: 0;
                border-width: 0 14px 14px;
                border-style: solid;
                border-color: transparent transparent #d7d7d7; /*透明 透明  灰*/
            }



                .pay-order .delivery-mode .delivery-mode-item.checked .icon-top span {
                    display: block;
                    width: 0;
                    height: 0;
                    border-width: 0 14px 14px;
                    border-style: solid;
                    border-color: transparent transparent #d7d7d7; /*透明 透明  黄*/
                    position: absolute;
                    top: 1px;
                    left: -14px;
                }


            .pay-order .delivery-mode .delivery-mode-item .not-available {
                width: 100%;
                height: 100%;
                padding: 0 10px;
                position: absolute;
                left: 0;
                bottom: 0;
                background: #000;
                opacity: 0.5;
                color: #fff;
                display: table;
                vertical-align: middle;
            }

                .pay-order .delivery-mode .delivery-mode-item .not-available span {
                    display: table-cell;
                    vertical-align: middle;
                }

    .pay-order .pay-content {
        width: 100%;
        margin-top: 20px;
    }

        .pay-order .pay-content .credit-card-contetnt, .pay-order .pay-content .bank-transfer-content {
            padding: 20px 30px;
        }

        .pay-order .pay-content .banktransferNo {
            height: 154px;
            line-height: 154px;
            text-align: center;
            font-size: 18px;
            color: #333;
            font-weight: 600;
        }

            .pay-order .pay-content .banktransferNo span {
                color: #d03436;
            }


        .pay-order .pay-content .bank-transfer-content .bank-transfer-content-text {
            width: 100%;
            max-width: 508px;
            text-align: center;
            margin: 0 auto;
        }

        .pay-order .pay-content .credit-card-contetnt.pay-accept {
            height: 100px;
            line-height: 60px;
            background: #f2f2f2;
        }

        .pay-order .pay-content .bank-transfer-content.pay-accept {
            line-height: 50px;
            background: #f2f2f2;
        }

        .pay-order .pay-content .bank-transfer-content.pay-accept {
            position: relative;
        }

        .pay-order .pay-content .credit-card-contetnt.pay-accept .credit-card-text {
            width: 100%;
            max-width: 170px;
            float: left;
            font-size: 18px;
            font-weight: 700;
        }

        .pay-order .pay-content .bank-transfer-content.pay-accept .bank-transfer-text {
            width: 100%;
            max-width: 270px;
            font-size: 18px;
            font-weight: 700;
            float: left;
        }

        .pay-order .pay-content .pay-info .bank-transfer-content.pay-accept .bank-transfer-text {
            float: none;
        }

        .pay-order .pay-content .bank-transfer-content.pay-accept .bank-transfer-text i {
            font-size: 16px;
            color: #404040;
            margin-right: 8px;
        }

        .pay-order .pay-content .credit-card-contetnt.pay-accept .credit-card-value {
            width: 100%;
            max-width: 715px;
            float: left;
        }

            .pay-order .pay-content .credit-card-contetnt.pay-accept .credit-card-value .image-item {
                margin-right: 50px;
            }

        .pay-order .pay-content .pay-setp .bank-transfer-content.pay-accept .bank-transfer-value {
            width: calc(100% - 300px);
            width: -moz-calc(100% - 300px);
            width: -webkit-calc(100% - 300px);
            max-width: 580px;
            display: flex;
            display: -webkit-flex;
            /*justify-content:  space-between;*/
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
        }

        .pay-order .pay-content .pay-info .bank-transfer-content.pay-accept .bank-transfer-value {
            position: absolute;
            left: 50%;
            top: 25px;
            margin-left: -70px;
        }

        .pay-order .pay-content .bank-transfer-content.pay-accept .bank-transfer-value {
            font-size: 0px;
        }

        .pay-order .pay-content .pay-info .bank-transfer-content.pay-accept .bank-transfer-value {
            text-align: center;
        }

        .pay-order .pay-content .bank-transfer-content.pay-accept .bank-transfer-value .bank-item {
            width: 140px;
            height: 50px;
            cursor: pointer;
            margin-left: 53px;
            background-color: #ebe7e3;
            border: solid 1px #a6a6a6;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            justify-content: center;
        }

            .pay-order .pay-content .bank-transfer-content.pay-accept .bank-transfer-value .bank-item img {
                width: 100%;
            }

            .pay-order .pay-content .bank-transfer-content.pay-accept .bank-transfer-value .bank-item:first-child {
                margin-left: 0px;
            }

            .pay-order .pay-content .bank-transfer-content.pay-accept .bank-transfer-value .bank-item.selected {
                border: solid 2px #249549;
                background: #fff;
            }

        .pay-order .pay-content .bank-transfer-content.pay-accept .bank-transfer-value .dbs img {
        }

        .pay-order .pay-content .bank-transfer-content.pay-accept .bank-transfer-value .dbs.selected img {
            border-color: #249549;
        }

        .pay-order .pay-content .bank-transfer-content.pay-accept .bank-transfer-value .uob img {
        }

        .pay-order .pay-content .bank-transfer-content.pay-accept .bank-transfer-value .uob.selected img {
            border-color: #249549;
        }

        .pay-order .pay-content .bank-transfer-content.pay-accept .bank-transfer-value .ocbc img {
        }

        .pay-order .pay-content .bank-transfer-content.pay-accept .bank-transfer-value .ocbc.selected img {
            border-color: #249549;
        }


        .pay-order .pay-content .credit-card-contetnt-info {
            width: 100%;
            max-width: 525px;
            margin: 0 auto;
            text-align: center;
        }

        .pay-order .pay-content .bank-transfer-content-info {
            width: calc(100% - 270px);
            width: -moz-calc(100% - 270px);
            width: -webkit-calc(100% - 270px);
            max-width: 580px;
            margin: 0 auto;
        }


.pay-setp .bank-transfer-content .bank-transfer-content-desc {
    width: 100%;
    background: #fff;
    padding: 15px 20px;
    display: flex;
    display: -webkit-flex;
    /*justify-content:  space-between;*/
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 14px;
    color: #161616;
    font-weight: 600;
}

    .pay-setp .bank-transfer-content .bank-transfer-content-desc .account-holder-name, .pay-setp .bank-transfer-content .bank-transfer-content-desc .swift-code, .pay-setp .bank-transfer-content .bank-transfer-content-desc .account-number {
        font-size: 16px;
        color: #2a2a2a;
    }

.pay-order .pay-content .pay-info .bank-transfer-content-info {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
}

.pay-order .pay-content .credit-card-contetnt .credit-card-contetnt-info .card-option, .pay-order .pay-content .bank-transfer-content-info .bank-option {
    font-size: 14px;
    font-weight: 500;
    color: #404040;
}

.pay-order .pay-content .fa-check-square {
    font-size: 20px;
    color: #249549;
    margin-right: 12px;
}

.pay-order .pay-content .fa-square-o {
    font-size: 20px;
    color: #404040;
    margin-right: 12px;
}

.pay-order .pay-content .credit-card-contetnt .credit-card-contetnt-info .card-option a, .pay-order .pay-content .card-desc a {
    color: #34a1ce;
}

.pay-order .pay-content .card-desc {
    font-size: 12px;
}

.pay-order .pay-content .bank-type {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 20px;
    color: #629fd7;
    display: block;
    text-decoration: underline;
}

.pay-order .pay-content .title {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.pay-order .pay-content .info {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
}

    .pay-order .pay-content .info span {
        color: #249549;
    }

.pay-order .pay-content .desc {
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
    max-width: 380px;
    margin: 0 auto;
}

    .pay-order .pay-content .desc span {
    }

.pay-order .pay-content .form-group {
    margin-bottom: 0px;
}


.pay-order .pay-content .delivery-date-group {
    width: 100%;
    height: 36px;
    border: solid 1px #d7d7d7;
    position: relative;
}

.pay-order .pay-content input {
    padding-left: 20px;
}

.pay-order .pay-content select {
    padding-left: 20px;
    xbackground: url(/assets/images/chevron-down.png) no-repeat right #fff;
    background: url(/assets/images/chevron-down.png) no-repeat right #fff;
}

.pay-order .pay-content .delivery-date-group .date-value {
    width: 100%;
    line-height: 34px;
    font-size: 18px;
    border: none;
}

.pay-order .pay-content .delivery-date-group .date-icon {
    position: absolute;
    font-size: 16px;
    top: 0;
    right: 10%;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
}



.pay-content .credit-card-info .pay-progress {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 75px;
}

    .pay-content .credit-card-info .pay-progress .pay-progress-desc {
        font-size: 18px;
        font-weight: 700;
    }

.pay-content .pay-progress .pay-progress-info {
    margin-top: 20px;
    font-size: 14px;
}

    .pay-content .pay-progress .pay-progress-info a {
        color: #34a1ce;
    }


.pay-order .operate {
    text-align: center;
}




    .pay-order .operate .btn-next {
        width: 100%;
        max-width: 240px;
        background-color: #d03436;
        border-radius: 3px;
        border: none;
        font-size: 18px;
        font-weight: 600;
        height: 50px;
        color: #ffffff;
        line-height: 50px;
        text-align: center;
        margin: 18px auto 10px auto;
        font-weight: 700;
        cursor: pointer;
    }

    .pay-order .operate a {
        font-size: 14px;
        font-weight: 500;
        color: #404040;
        display: block;
        margin-bottom: 35px;
        text-decoration: underline;
    }


    .pay-order .operate .btn-next.pay_credit_card, .pay-order .operate .btn-next.btn-dbs-paylah, pay-order .operate .btn-next.pay_credit_card, .pay-order .operate .btn-next.btn_bank, .pay-order .operate .btn-next.btn_bank_submit, .pay-order .operate .btn-next.btn-gebiz, .pay-order .operate .btn-next.btn-vendors {
        background-color: #d03436;
    }

        .pay-order .operate .btn-next.pay_credit_card:hover, .pay-order .operate .btn-next.btn-dbs-paylah:hover, .pay-order .operate .btn-next.btn_bank:hover, .pay-order .operate .btn-next.btn_bank_submit:hover, .pay-order .operate .btn-next.btn-gebiz:hover, .pay-order .operate .btn-next.btn-vendors:hover, .product-left .operate .btn-continue:hover, .otp-div .otp-input .btn-continue:hover, .checkout-order-left .button-style.delivery-confirm:hover, .checkout-order-right .button-style.delivery-confirm:hover, .btn-proceed-payment.btn-proceed-submit:hover, .btn-payment.btn-proceed-submit:hover {
            background-color: #c80000 !important;
        }

.product-left .tip-select .item-content-index .tips-add-to-cart:hover, .info-right .cart-totle .btn-checkout-cart.btn-continue:hover, .checkout-cart-total .btn-continue:hover {
    background-color: #c80000;
}


.pay-order .dbs-paylah .dbs-paylah-content {
    max-width: 414px;
    width: 100%;
    margin: 0 auto;
}

.bank-transfer .bank-information {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding: 15px 25px;
}



.pay-order .bank-mode-title {
    margin-top: 45px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: normal;
}

.pay-order .bank-mode {
    width: 100%;
}

    .pay-order .bank-mode .bank-mode-item {
        position: relative;
        width: 100%;
        max-width: 210px;
        height: 120px;
        float: left;
        border: 1px solid #ddd;
        border-radius: 5px;
        margin-right: 18px;
        cursor: pointer;
    }



        .pay-order .bank-mode .bank-mode-item.checked {
            border: 1px solid #d03436;
        }

        .pay-order .bank-mode .bank-mode-item:last-child {
            margin-right: 0px;
        }

        .pay-order .bank-mode .bank-mode-item .bank-item-icon {
            display: table-cell;
            height: 70px;
            vertical-align: middle;
            text-align: center;
            width: 2000px;
        }


        .pay-order .bank-mode .bank-mode-item .bank-item-info {
            height: 50px;
            font-size: 16px;
        }



            .pay-order .bank-mode .bank-mode-item .bank-item-info.checked {
                color: #d03436;
            }



/*Thank-You*/
.thank-you {
    background-color: #f1f2eb;
}

    .thank-you .thank-hander {
        text-align: center;
    }

.thank-hander .thank-title {
    font-size: 36px;
    margin-top: 30px;
    font-weight: 300;
    color: #2a2a2a;
}

.thank-hander .order-number {
    font-size: 18px;
    font-weight: 700;
}

    .thank-hander .order-number span {
        color: #249549;
    }

.thank-you .thank-hander .thank-desc {
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
}

.thank-you .btn-print {
    margin-top: 30px;
    height: 36px;
}

    .thank-you .btn-print span {
        text-align: center;
        padding: 6px 20px;
        cursor: pointer;
        background: #404040;
        font-size: 18px;
        font-weight: 600;
        color: #ffffff;
    }

.thank-you .thank-body {
    width: 100%;
    margin-top: 54px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 0px;
    letter-space: -N px;
}

    .thank-you .thank-body .thank-item {
        width: 100%;
        max-width: 280px;
        height: 538px;
        margin-left: 20px;
        display: inline-block;
        background-color: #fff;
        padding: 0 20px;
        vertical-align: top;
        text-align: left;
        border: solid 1px #d7d7d7;
    }

        .thank-you .thank-body .thank-item:first-child {
            margin-left: 0px;
        }

        .thank-you .thank-body .thank-item:last-child {
            max-width: 580px;
        }

        .thank-you .thank-body .thank-item .thank-item-hander {
            height: 55px;
            border-bottom: 1px solid #d7d7d7;
            line-height: 55px;
            font-size: 20px;
            font-weight: 600;
            color: #2a2a2a;
        }

            .thank-you .thank-body .thank-item .thank-item-hander span {
                width: 30px;
                height: 30px;
                line-height: 30px;
                border-radius: 100%;
                background: #249549;
                font-size: 16px;
                display: inline-block;
                margin-right: 11px;
                text-align: center;
                color: #fff;
            }

        .thank-you .thank-body .thank-item .thank-item-body {
            padding: 12px 0px 0 0px;
            /*min-height: 240px;*/
        }

            .thank-you .thank-body .thank-item .thank-item-body .normal-content {
                font-size: 16px;
                font-size: 16px;
                line-height: 1.38;
                color: #2a2a2a;
            }

                .thank-you .thank-body .thank-item .thank-item-body .normal-content span {
                    font-weight: 600;
                }

            .thank-you .thank-body .thank-item .thank-item-body .value-content {
                font-size: 13px;
                line-height: 1.5;
                font-weight: 700;
            }

            .thank-you .thank-body .thank-item .thank-item-body .delivery-text {
                font-size: 14px;
                font-weight: 600;
                color: #616161;
                line-height: 1.5;
            }

            .thank-you .thank-body .thank-item .thank-item-body .delivery-value {
                font-size: 16px;
                font-weight: 600;
                color: #000000;
                font-size: 16px;
                line-height: 1.5;
            }

            .thank-you .thank-body .thank-item .thank-item-body .print {
                font-size: 14px;
                color: #34a1ce;
                cursor: pointer;
            }

            .thank-you .thank-body .thank-item .thank-item-body .manage-icon {
            }

                .thank-you .thank-body .thank-item .thank-item-body .manage-icon .manage-item {
                    margin-top: 20px;
                    font-size: 16px;
                    font-weight: 500;
                }

                    .thank-you .thank-body .thank-item .thank-item-body .manage-icon .manage-item i {
                        margin-right: 16px;
                        font-size: 16px;
                    }

            .thank-you .thank-body .thank-item .thank-item-body .manage-login {
                margin-top: 27px;
            }

                .thank-you .thank-body .thank-item .thank-item-body .manage-login span {
                    color: #34a1ce;
                }

.thank-banner {
    max-width: 700px;
    min-height: 100px;
}


.thank-you .bank-transfer-content-desc {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    /*justify-content:  space-between;*/
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 14px;
    color: #161616;
    font-weight: 600;
    padding: 0px 0 20px 0;
}

    .thank-you .bank-transfer-content-desc .account-holder-name, .thank-you .bank-transfer-content-desc .swift-code, .pay-setp .bank-transfer-content-desc .account-number {
        font-size: 16px;
        color: #2a2a2a;
    }

    .thank-you .bank-transfer-content-desc .account-number {
        font-size: 18px;
    }

.thank-you .step1 .operate {
    padding: 0 40px;
    display: flex;
    display: -webkit-flex;
    /*justify-content:  space-between;*/
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

    .thank-you .step1 .operate .btn-next {
        width: 100%;
        max-width: 260px;
        background-color: #d03436;
        border-radius: 3px;
        border: none;
        font-size: 18px;
        font-weight: 600;
        height: 50px;
        color: #ffffff;
        line-height: 50px;
        text-align: center;
        font-weight: 700;
        cursor: pointer;
    }

.thank-you .operate a {
    font-size: 14px;
    font-weight: 500;
    color: #404040;
    display: block;
    line-height: 50px;
    color: #34a1ce;
}


.thank-you .bank-transfer-content-desc input {
    width: 100%;
    height: 36px;
    line-height: 36px;
    background-color: #ffffff;
    border: solid 1px #d7d7d7;
    margin-top: 5px;
    padding-left: 10px;
    font-size: 16px;
    color: #2a2a2a;
}

.thank-you .form-group {
    margin-bottom: 0;
}

.thank-you .bank-transfer-content-desc .banktransferDate {
    width: 100%;
    max-width: 180px;
}

.thank-you .bank-transfer-content-desc .input-amtTransferren {
    width: 100%;
    max-width: 140px;
}

.thank-you .bank-transfer-content-desc .input-transactionNo {
    width: 100%;
    max-width: 180px;
}


.thank-you .bank-transfer-content-desc .date-value {
    width: 100%;
    line-height: 36px;
    border: none;
}

.thank-you .bank-transfer-content-desc .date-icon {
    position: absolute;
    font-size: 16px;
    top: 5px;
    right: 10%;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
}



.thank-you .btn-bank {
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0 20px;
    cursor: pointer;
    background: #404040;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}

footer .thankyou-info-container {
    /*background-image: url('/assets/images/footer-graphic.svg') ;*/
    /*background-repeat: no-repeat;*/
    background: #f1f2eb;
    width: 100%;
    height: 217px;
}

.balloon img {
    width: 34px;
    margin-left: 57px;
    margin-bottom: 20px;
}


.home-map {
    height: 62px;
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
    line-height: 62px;
    text-align: center;
    font-weight: 600;
}

.home-title {
    font-family: 'Calibri','GillSans';
    font-size: 32px;
    height: 124px;
    line-height: 124px;
    text-align: center;
    font-weight: 600;
}

.home-des {
    font-family: 'Calibri','GillSans';
    font-size: 18px;
    text-align: center;
    padding: 0 120px;
}

    .home-des a {
        font-size: 18px;
        color: #404040;
        text-decoration: underline;
        cursor: pointer;
    }

.home-content {
    font-family: 'Calibri','GillSans';
    margin-top: 62px;
    margin-bottom: 115px;
}

    .home-content .list-item:last-child {
        clear: both;
    }

.home-content-list {
    border-top: 1px solid #ebebeb;
    padding-left: 0px;
}

    .home-content-list:last-child {
    }

.home-content-title a {
    font-size: 20px;
    color: #404040;
    height: 80px;
    line-height: 80px;
}

.home-content-item {
    padding-bottom: 20px;
}

    .home-content-item a {
        color: #c83530;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
    }


.home-left, .home-right {
    font-family: 'Calibri','GillSans';
    color: #404040;
}

.home-left {
    width: 100%;
    max-width: 208px;
    margin-left: 60px;
    padding-right: 40px;
    padding-top: 40px;
    float: left;
}

.home-right {
    width: 100%;
    max-width: 779px;
    max-width: calc(100% - 268px);
    max-width: -moz-calc(100% - 268px);
    max-width: -webkit-calc(100% - 268px);
    border-left: 1px solid #ebebeb;
    padding-top: 40px;
    padding-left: 56px;
    float: left;
}

.home-left .home-left-item {
    width: 100%;
    margin-bottom: 40px;
    text-align: left;
}

    .home-left .home-left-item a, .back-to-top a {
        font-size: 16px;
        color: #c83530;
        font-weight: 700;
        border-bottom: none;
        text-decoration: none;
    }

        .home-left .home-left-item a, .back-to-top a:hover {
            color: #c80000;
        }



.home-des .btn-home {
    margin-top: 18px;
    margin-bottom: 30px;
    background-color: #d03436;
    border-radius: 5px;
    border: none;
    font-size: 18px;
    height: 40px;
    color: #ffffff;
    line-height: 40px;
    padding: 0 54px;
    font-weight: bold;
}

    .home-des .btn-home:hover {
        background-color: #c80000;
    }

.tooltip-alert, .foambox-question {
    cursor: pointer;
}

.del-add-contact {
    margin-top: 38px;
    margin-left: 20px;
    cursor: pointer;
}


.backtop {
    display: none;
    position: fixed;
    bottom: 145px;
    right: 20px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 25px;
    background: #333333;
    z-index: 1000;
    cursor: pointer;
}

.desktop-type {
    display: block;
}

.mobile-type {
    display: none;
}

#launcher {
    bottom: 135px !important;
    z-index: 9999999 !important;
}

/*Member CSS*/
.member-container {
    width: 100%;
    max-width: calc((100% - 1180px)/2 + 1180px);
    max-width: -moz-calc((100% - 1180px)/2 + 1180px);
    max-width: -webkit-calc((100% - 1180px)/2 + 1180px);
}

    .member-container .member-content {
        display: table;
        width: 100%;
    }

.member-left {
    display: table-cell;
    vertical-align: top;
    width: 27%;
    max-width: 310px;
    font-family: Source Sans Pro;
    background-color: #f2f2f2;
}

    .member-left .member-menu {
        margin-top: 15px;
    }

    .member-left .member-menu-item {
        height: 40px;
        line-height: 40px;
        padding-right: 20px;
        text-align: right;
    }

.member-menu-item a {
    font-weight: 600;
    font-size: 20px;
    color: #2a2a2a;
}

.member-left .member-menu-item.checked a {
    color: #249549;
}

.member-left .member-info {
    padding-top: 14px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

    .member-left .member-info .member-logo {
        width: 86px;
        height: 86px;
        border-radius: 100%;
        background-color: #fff;
        border: 1px solid #ddd;
        text-align: center;
        margin: 0 auto;
    }

        .member-left .member-info .member-logo .image {
            width: 57px;
            height: 58px;
            margin-top: 14px;
        }

    .member-left .member-info .member-name {
        font-size: 18px;
        font-weight: 600;
        margin-top: 10px;
        color: #404040;
    }

    .member-left .member-info .member-desc {
        font-size: 16px;
        font-weight: 500;
        color: #8b8b8b;
    }

.member-left .member-login-out {
    font-size: 14px;
    border-top: 1px solid #ddd;
    font-weight: 500;
}

.member-right {
    display: table-cell;
    width: 74%;
    max-width: calc( 100% - 310px);
    max-width: -moz-calc(100% - 310px);
    max-width: -webkit-calc(100% - 310px);
    padding-left: 20px;
    padding-bottom: 30px;
    font-family: Source Sans Pro;
    background-color: #fff;
}

    .member-right .top-desc {
        width: 100%;
    }

        .member-right .top-desc h2 {
            font-family: Source Sans Pro;
            font-size: 36px;
            font-weight: 300;
            color: #2a2a2a;
        }

    .member-right .order-tab {
        width: 100%;
    }

        .member-right .order-tab .order-item {
            width: 110px;
            float: left;
        }

.order-container .nav-tabs > li > a {
    font-size: 20px;
    color: #2a2a2a;
}

.order-container .nav > li.active > a {
    background-color: #fff;
    color: #249549;
}

.order-container .nav-tabs > li.active > a, .order-container .nav-tabs > li.active > a:focus, .order-container .nav-tabs > li.active > a:hover {
    border: none;
    border-bottom: 2px solid #249549;
}

.order-content table tr td {
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: top;
}

.order-content {
    margin-top: 18px;
    color: #2a2a2a;
}

    .order-content table {
        width: 100%;
    }

        .order-content table tr th:nth-child(1), .order-content table tr th:nth-child(2), .order-content table tr td:nth-child(1), .order-content table tr td:nth-child(2) {
            width: 143px;
        }

        .order-content table tr th {
            background-color: #d7d7d7;
            height: 40px;
            font-size: 16px;
            font-weight: 600;
        }

        .order-content table tr th {
            padding-left: 20px;
            padding-right: 20px;
        }

        .order-content table tr td {
            padding-left: 20px;
            padding-right: 20px;
        }

            .order-content table tr td:last-child {
                background-color: #f2f2f2;
            }

        .order-content table tr th:nth-child(4) {
            width: 200px;
        }

        .order-content table tr td:nth-child(4) {
            width: 200px;
        }

    .order-content .order-table {
        border: 1px solid #d7d7d7;
        border-top: none;
    }

.order-container .order-data {
    font-size: 14px;
    font-weight: 600;
    color: #616161;
}

.order-container .order-value {
    font-size: 20px;
    font-weight: 600;
    color: #2a2a2a;
}

.order-container .order-address-value {
    font-size: 16px;
    font-weight: 500;
    color: #404040;
}

.order-container .order-options {
    font-size: 14px;
    font-weight: 600;
    color: #34a1ce;
    cursor: pointer;
}

.order-content .order-mode {
    color: #2a2a2a;
    font-weight: 500;
}

.order-content .order-amount {
    float: right;
    color: #000000;
    font-weight: 600;
}

.order-content .order-paid {
    float: right;
    color: #000000;
    font-weight: 600;
}

.order-content .order-due {
    float: right;
    color: #d03436;
    font-weight: 600;
}

.order-content .btn-pay {
    background-color: #d03436;
    border-radius: 5px;
    border: none;
    width: 100%;
    height: 40px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-top: 20px;
    cursor: pointer;
}

    .order-content .btn-pay.disabled {
        background: #a6a6a6;
    }

.order-content .height-15 {
    margin-top: 10px;
}

.order-content .order-orderid {
    color: #34a1ce;
}

.order-content .order-status {
    color: #d03436;
    font-weight: 600;
}

.order-content .order-date {
    color: #2a2a2a;
    font-size: 20px;
    font-weight: 600;
    margin: 5px 0;
}

.order-content .order-resiver-date {
    color: #d03436;
    font-size: 20px;
    font-weight: 600;
}

.member-container .order-orderid a {
    font-size: 16px;
}

.member-container .order-status {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    float: right;
}

    .member-container .order-status a {
        font-size: 20px;
        font-weight: 600;
        color: #d03436;
    }

.member-right .order-updated {
    font-size: 14px;
    color: #404040;
    height: 25px;
    line-height: 25px;
}

    .member-right .order-updated label {
        font-size: 16px;
        color: #2a2a2a;
    }

.order-back {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #34a1ce;
}

    .order-back span {
        font-size: 14px;
        font-weight: 600;
        color: #34a1ce;
        float: right;
        cursor: pointer;
    }

    .order-back i {
        font-family: Material Icons;
        color: #ffffff;
        font-size: 14px;
        color: #34a1ce;
        font-style: normal;
        float: left;
    }

.order-content table tr th.th2, .order-content table tr th.th2 {
    width: auto;
}

.order-content .th3, .order-content .th3 {
    width: 200px;
}

.mobile-display {
    display: none;
}

.order-container .order-title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    color: #2a2a2a;
    padding-left: 18px;
    background-color: #d7d7d7
}

.order-container .order-address {
    background-color: #f2f2f2;
    padding: 16px 18px;
}

.order-container .margin-top-2 {
    margin-top: 2px;
}

.order-container .order-contact {
    width: 100%;
    display: table;
}

.order-container .order-contact-item {
    width: 33%;
    padding: 16px 20px;
    padding-bottom: 50px;
    display: table-cell;
    vertical-align: top;
}

    .order-container .order-contact-item:nth-child(3) {
        width: calc( 34% - 4px);
        width: -moz-calc(34% - 4px);
        width: -webkit-calc(34% - 4px);
    }

    .order-container .order-contact-item.width-2 {
        width: 2px;
        background-color: #fff;
        padding: 0;
    }

.order-container .order-input {
    width: 100%;
    height: 40px;
    font-family: Lato;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #404040;
    padding-left: 10px;
    border: none;
}

    .order-container .order-input.readonly {
        background-color: #f2f2f2;
    }

.order-container .error-info {
    font-family: Arial;
    font-size: 12px;
    font-weight: 500;
    color: #d03436;
}

.order-container .order-btn {
    margin-top: 18px;
}

.order-container .line-height-39 {
    line-height: 39px;
}

.order-container .btn-save {
    width: 120px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background-color: #888888;
    float: left;
    margin-left: 18px;
    font-size: 18px;
    cursor: pointer;
}

    .order-container .btn-save.contact2-btn-save, .order-container .btn-save.contact3-btn-save {
        background-color: #d03436;
    }

.order-container .order-another-contact {
    margin-top: 30px;
    text-align: center;
}

.order-container .order-services {
    height: 78px;
    padding: 18px 20px;
}

.order-container .order-detail {
    margin-top: 40px;
}




    .order-container .order-detail .table-title {
        border-top: 2px solid #404040;
        border-bottom: 1px solid #404040;
        clear: both;
        padding-left: 30px;
        padding-right: 21px;
    }

        .order-container .order-detail .table-title.table-list {
            border: none;
            border-bottom: 1px solid #d7d7d7;
        }

        .order-container .order-detail .table-title.table-list {
            padding: 16px 0;
            padding-left: 30px;
            padding-right: 21px;
        }

    .order-container .order-detail .order-cart-title {
        padding-left: 30px;
        font-size: 18px;
        font-weight: 600;
        color: #2a2a2a;
        margin-top: 10px;
    }

    .order-container .order-detail .table-title .title-item {
        line-height: 34px;
        font-size: 18px;
        font-weight: 600;
        color: #2a2a2a;
        float: left;
    }

        .order-container .order-detail .table-title .title-item.pk-item1 {
            width: 10%;
        }

        .order-container .order-detail .table-title .title-item.pk-item2 {
            width: 48%;
            text-align: left;
        }

        .order-container .order-detail .table-title .title-item.pk-item3 {
            width: 10%;
            text-align: center;
        }

        .order-container .order-detail .table-title .title-item.pk-item4 {
            width: 24%;
            text-align: center;
        }

        .order-container .order-detail .table-title .title-item.pk-item5 {
            width: 8%;
            text-align: right;
        }

        .order-container .order-detail .table-title .title-item.pk-item6 {
            width: 74%;
            text-align: right;
        }

        .order-container .order-detail .table-title .title-item.pk-item7 {
            width: 18%;
            text-align: left;
        }

        .order-container .order-detail .table-title .title-item.pk-item8 {
            width: 8%;
            text-align: right;
        }

        .order-container .order-detail .table-title .title-item.pk-item9 {
            width: 68%;
            text-align: right;
        }

        .order-container .order-detail .table-title .title-item.pk-item10 {
            width: 24%;
            text-align: right;
        }

        .order-container .order-detail .table-title .title-item.pk-item11 {
            width: 8%;
            text-align: right;
        }

    .order-container .order-detail .table-title.table-list .title-item.package-item {
        padding: 0;
    }

    .order-container .order-detail .table-title .title-item.show-package {
        font-size: 14px;
        font-weight: 600;
        color: #34a1ce;
        line-height: 18px;
    }

        .order-container .order-detail .table-title .title-item.show-package .show-package-content {
            width: 160px;
            margin: 0 auto;
        }

            .order-container .order-detail .table-title .title-item.show-package .show-package-content span {
                float: left;
            }
    /*.order-container .order-detail .table-title .title-item.show-package .show-package-content i {
                         font-family: Material Icons;
    color: #ffffff;
    font-size:18px;
     color: #34a1ce;
     font-style: normal;
     float:left;
     margin-left:10px;
            }*/
    .order-container .order-detail .table-title.table-list .title-item.package-item-name, .order-container .order-detail .table-title.table-list .title-item.package-item-qty {
        font-size: 16px;
        line-height: 18px;
        font-weight: 500;
        padding: 5px 0;
    }

.order-container .order-foambox {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin-top: 35px;
}

.order-container .order-faombox-desc {
    font-size: 16px;
    font-weight: 500;
    color: #2a2a2a;
}

    .order-container .order-faombox-desc span {
        font-size: 16px;
        font-weight: 600;
        color: #2a2a2a;
    }

.order-container .btn-edit {
    width: 200px;
    height: 50px;
    border-radius: 3px;
    background-color: #d03436;
    line-height: 50px;
    color: #fff;
    text-align: center;
    margin: 35px auto 40px auto;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

    .order-container .btn-edit.disabled {
        background: #a6a6a6;
    }

.order-container .add-order-btn {
    width: 200px;
    height: 50px;
    margin: 35px auto 40px auto;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    color: #34a1ce;
}

.member-container .order-height-1 {
    width: 100%;
    height: 1px;
    background-color: #404040;
    margin: 17px 0 20px 0;
}

.member-right .order-height-2 {
    width: 100%;
    height: 2px;
    background-color: #404040;
    margin-top: 20px;
    margin-bottom: 16px;
}

.order-container .order-detail .table-title .title-item.order-weight-500 {
    font-weight: 500;
}

.member-right .profile-title {
    padding-left: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #2a2a2a;
    border-bottom: 1px solid #404040;
}

.member-right .profile-content {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 15px;
    padding: 0 20px;
}

    .member-right .profile-content .profile-item {
        width: 40%;
        margin-bottom: 20px;
    }
        /*.member-right .profile-content .profile-item:nth-child(3n-1) {
        width:50%;
        }*/
        .member-right .profile-content .profile-item:nth-child(3n) {
            width: 20%;
        }

        .member-right .profile-content .profile-item .profile-name {
            font-size: 14px;
            font-weight: 600;
            color: #616161;
        }

        .member-right .profile-content .profile-item .profile-value {
            font-size: 16px;
            font-weight: 600;
            color: #2a2a2a;
            display: table;
        }

            .member-right .profile-content .profile-item .profile-value .profile-value-info {
                vertical-align: middle;
                display: table-cell;
                padding-right: 10px;
            }

            .member-right .profile-content .profile-item .profile-value .profile-value-options {
                font-size: 14px;
                font-weight: 600;
                color: #34a1ce;
                display: table-cell;
                vertical-align: middle;
                cursor: pointer;
            }

.member-right .profile-sub {
    padding: 0 20px;
}

    .member-right .profile-sub .sub-info {
        margin-top: 17px;
        margin-bottom: 10px;
    }

    .member-right .profile-sub .sub-item {
        cursor: pointer;
    }

    .member-right .profile-sub .btn-save {
        width: 120px;
        height: 39px;
        line-height: 39px;
        text-align: center;
        color: #fff;
        border-radius: 3px;
        background-color: #d7d7d7;
        font-size: 18px;
        margin-left: 0;
        margin-top: 20px;
    }

    .member-right .profile-sub .btn-save-subscriptions {
        background-color: #d03436;
        width: 120px;
        height: 39px;
        line-height: 39px;
        text-align: center;
        color: #fff;
        border-radius: 3px;
        font-size: 18px;
        margin-left: 0;
        margin-top: 20px;
        cursor: pointer;
    }

.member-right .edit-content {
    width: 100%;
    padding: 20px;
    padding-bottom: 40px;
    margin: 20px 0;
    background-color: #f2f2f2;
    display: none;
}

    .member-right .edit-content .profile-content {
        padding: 0;
    }

    .member-right .edit-content .edit-desc {
        font-size: 14px;
        font-weight: 600;
        color: #616161;
    }

    .member-right .edit-content .profile-content .profile-input {
        margin-top: 5px;
    }

        .member-right .edit-content .profile-content .profile-input label {
            margin-top: 10px;
        }

        .member-right .edit-content .profile-content .profile-input textarea {
            height: 70px;
            width: 100%;
            max-width: 300px;
            padding-left: 10px;
            background-color: #ffffff;
            border: solid 1px #d7d7d7;
            font-size: 16px;
            font-weight: 600;
            color: #2a2a2a;
        }

        .member-right .edit-content .profile-content .profile-input .input-group {
            max-width: 300px;
        }

            .member-right .edit-content .profile-content .profile-input .input-group input {
                border-right: none;
            }

            .member-right .edit-content .profile-content .profile-input .input-group .input-group-addon {
                padding: 10px;
                border: solid 1px #d7d7d7;
                border-left: none;
            }

        .member-right .edit-content .profile-content .profile-input input {
            height: 40px;
            width: 100%;
            max-width: 300px;
            padding-left: 10px;
            background-color: #ffffff;
            border: solid 1px #d7d7d7;
            border-radius: 0;
            font-size: 16px;
            font-weight: 600;
            color: #2a2a2a;
        }

        .member-right .edit-content .profile-content .profile-input select {
            height: 40px;
            width: 100%;
            max-width: 300px;
            padding-left: 10px;
            border: solid 1px #d7d7d7;
            font-size: 16px;
            font-weight: 600;
            color: #2a2a2a;
        }

            .member-right .edit-content .profile-content .profile-input select.gender-select {
                background: none;
                background-color: #ffffff;
                -webkit-appearance: menulist;
                appearance: menulist;
            }




.modal-popup.change-password-popup .modal-dialog {
    max-width: 420px;
}

.modal-popup .modal-dialog {
    max-width: 520px;
}

.modal-popup.changeemail-popup .modal-dialog {
    max-width: 420px;
}

.modal-popup .modal-body {
    padding: 0;
}

.modal-popup.changeemail-popup .register-content .option-btn {
    margin-right: 0;
}

.modal-popup .register-desc-content {
    margin: 12px 60px 46px 60px;
}

.modal-popup .register-title {
    font-family: Source Sans Pro;
    font-size: 18px;
    color: #404040;
    font-weight: 600;
}

.modal-popup .register-desc {
    font-family: Source Sans Pro;
    font-size: 16px;
    margin-top: 22px;
    color: #404040;
}

    .modal-popup .register-desc a {
        font-size: 16px;
    }

.register-border {
    background-color: #d8d8d8;
    height: 1px;
    margin: 26px 60px 26px 0
}
/*.modal-popup .modal-dialog{
        max-width: 420px;
}*/
.modal-popup.email-desc-popup .modal-dialog, .modal-popup.change-mobile-popup .modal-dialog, .modal-popup.mobile-desc-popup .modal-dialog {
    max-width: 520px;
}

.modal-popup .modal-content {
    border-radius: 0;
}

.modal-popup .modal-body {
    padding: 0;
}

.modal-popup .register-content {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 50px;
}

    .modal-popup .register-content .register-title {
        font-family: Source Sans Pro;
        font-size: 18px;
        color: #2a2a2a;
        font-weight: 600;
    }

    .modal-popup .register-content .register-item {
        margin-top: 15px;
    }

    .modal-popup .register-content .form-control-static {
        width: 300px;
    }

    .modal-popup .register-content input.form-control-static {
        padding-left: 10px;
    }

    .modal-popup .register-content .help-inline {
        margin-left: 10px;
    }

        .modal-popup .register-content .help-inline i {
            color: #249549;
        }

    .modal-popup .register-content .show-password {
        float: right;
        color: #34a1ce;
    }

    .modal-popup .register-content .option-btn {
        margin-right: 60px;
    }

.modal-popup.change-password-popup .register-content .option-btn {
    margin-right: 0;
}


.modal-popup .register-content .btn-options {
    font-family: Lato;
    background-color: #d03436;
    border-radius: 5px;
    border: none;
    width: 100%;
    height: 40px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.modal-popup .error-info {
    font-family: Source Sans Pro;
    font-size: 14px;
    color: #920d0f;
    margin-top: 20px;
    font-weight: 500;
}

    .modal-popup .error-info i {
        margin-right: 5px;
    }

.modal-popup .otp-div {
    border: none;
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

.modal-popup .error-info {
    font-family: Source Sans Pro;
    font-size: 14px;
    color: #920d0f;
    margin-top: 20px;
    font-weight: 500;
}


.order-vouchers .vouchers-item {
    width: 100%;
    height: 111px;
    padding: 0px 20px;
    display: flex;
    display: -webkit-flex;
    /*justify-content:  space-between;*/
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: #2a2a2a;
    border-bottom: 1px solid #d7d7d7;
}

    .order-vouchers .vouchers-item .voucher-info {
    }

    .order-vouchers .vouchers-item div:nth-child(1) {
        min-width: 250px;
    }

    .order-vouchers .vouchers-item.voucher-title {
        height: auto;
        font-size: 20px;
        border-bottom: 2px solid #404040;
        padding-top: 0px;
        padding-bottom: 5px;
    }

    .order-vouchers .vouchers-item .info {
        font-size: 16px;
        font-weight: 500;
        color: #249549;
    }

        .order-vouchers .vouchers-item .info i {
            margin-right: 5px;
        }

.order-contact-item label.error {
    font-family: Arial;
    font-size: 12px;
    color: #d03436;
    font-weight: 500;
}

.order-display span {
    color: red;
}