/*
    *| register
*/
/* set class filter hide/show info */
.inputDisabled {
    display: none !important;
}

div.inputEnabled:nth-child(2n+1) {
    clear: both !important;
}

/*-------css for include modal login ---------*/
#modalLogin .register_step_2 .form-group>.col-1-4,
#modalLogin .register_step_2 .form-group>.col-3-4 {
    width: 100%;
}

#modalLogin .ti-intranav,
#modalLogin .fill-out-more.distance,
#modalLogin .fill-out-more.distance-per,
#modalLogin .information-plus {
    display: none;
}

.sectionExtra {
    display: none;
}

#modalLogin .intro--zone {
    display: none;
}

#modalLogin .ir--section--container--havebox {
    width: 100%;
}

#modalLogin .re--moreinfo {
    display: none;
}

/* ***************************************** */
body {
    font-size: 14px;
}
.ir--body{
    min-height: 500px;
}
a {
    text-decoration: none;
    color: #09f;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #09f;
}

.full-width {
    width: 100%;
}

.slick-slide img {
    width: 100%;
}

#socials_style {
    display: none;
}

.btn {
    border-radius: 0px;
}

.btn-primary {
    background-color: #09f;
    border-color: #09f;
    box-shadow: none !important;
}

.btn-primary:hover,
.btn-primary:focus {
    color: #09f;
    background-color: #fff;
    border-color: #09f;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #09f;
    background-color: #fff;
    border-color: #09f;
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: none
}

.btn-white {
    background: #fff;
    color: #000;
}

.btn-black {
    background: #333;
    color: #fff;
    border-color: #333;
}

.checkbox--animated {
    display: flex;
}

.checkbox--animated input[type='checkbox'] {
    height: 0;
    width: 0;
    opacity: 0;
}

.checkbox--animated input[type='checkbox']+label {
    position: relative;
    display: flex;
    margin: .6em 0;
    align-items: center;
    color: #9e9e9e;
    transition: color 250ms cubic-bezier(.4, .0, .23, 1);
}

.checkbox--animated input[type='checkbox']+label>span {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    width: 1em;
    height: 1em;
    background: transparent;
    border: 1px solid #888;
    border-radius: 2px;
    cursor: pointer;
    transition: all 250ms cubic-bezier(.4, .0, .23, 1);
    font-size: 16px;
}

.checkbox--animated input[type='checkbox']:checked+label>span:before {
    content: "";
    position: absolute;
    top: .6em;
    left: .2em;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    transform: rotate(45deg);
    transform-origin: 0% 100%;
    animation: checkbox-check 125ms 250ms cubic-bezier(.4, .0, .23, 1) forwards;
}

.register__section .checkbox--animated input[type='checkbox']+label {
    margin-top: 0px;
    flex-wrap: wrap;
}

.checkbox--animated input[type='checkbox']:checked+label>span {
    border: .5em solid #09f;
    animation: shrink-bounce 200ms cubic-bezier(.4, .0, .23, 1);
}

@keyframes shrink-bounce {
    0% {
        transform: scale(1);
    }

    33% {
        transform: scale(.85);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #fff;
        transform: translate3d(0, 0, 0) rotate(45deg);
    }

    33% {
        width: .2em;
        height: 0;
        transform: translate3d(0, 0, 0) rotate(45deg);
    }

    100% {
        width: .2em;
        height: .5em;
        border-color: #fff;
        transform: translate3d(0, -.5em, 0) rotate(45deg);
    }
}

.header--top {
    display: flex;
    align-items: center;
    /*text-align: right;*/
    background: #231c18;
    height: 22px;
    transition: all 0.3s ease;
    justify-content: space-between;
    padding-top: 5px;
}

.header--top a{
    color: #fff;
}

.header--top .select--location {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

header a {
    color: #231c19;
}

.header--logo {
    text-align: center;
    /*background-color: #231c19;*/
    /*height: 95px;*/
    /*padding: 15px 24px 0 24px;*/
    position: relative;
    width: 180px;
    margin-top: 16px;
}

.header--logo span{
    position: absolute;
    background: #09f;
    color: #fff;
    font-size: 8px;
    padding: 1px 5px;
    z-index: 1;
    bottom: -9px;
    right: -35px;
    border-radius: 10px;
}
.nav__trigger {
    display: none;
}

.header--nav--menu {
    padding: 30px 0 0 0;
    position: relative;
    /*text-align: right;*/
}

header .ir--menu a {
    transition: all 0.2s ease;
    padding: .5rem 0 !important;
    padding-bottom: 2rem !important;
    margin: 0 16px;
    text-decoration: none;
    font-weight: 600;
}

header .ir--menu a:hover {
    border-bottom: 2px solid #09f;
    padding-bottom: .5rem !important;
    color: #333;
}

.ir--menus,
.extend--menu ul {
    padding: 0px;

}

.ir--menus li,
.extend--menu li {
    list-style: none;
    display: inline-block;
}
.ir--menu a.dropdown-item{
    margin: 0px;
    padding: 5px 15px !important;
    font-size: 14px;
    border-bottom: 2px solid #fff;
}
header .ir--menu a.dropdown-item:hover{
    /*border-bottom: 2px solid #09f;*/
    padding-bottom: 10px !important;
    background: #fff; 
}
.ir--menu .dropdown-menu{
    border-radius: 0px;
}
.banner img {
    width: 100%;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    border-bottom: 1px solid #fefefe;
}

header.init {
    -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
}

.header--top.active {
    margin-top: -22px;
}

.header--bottom {
    background-color: #fff;
    height: 80px;
    border-top: 5px solid #231c19;
    border-bottom: 1px solid #f9f9f9;
    position: relative;
}

.header--logo img {
    width: 100%;
}

.header--background {
    height: 110px;
    width: 100%;
}

.extend--menu {
    position: absolute;
    right: 0px;
    top: 30px;
}

.extend--menu li>a {
    transition: all 0.2s ease;
    padding: .5rem 0 !important;
    padding-bottom: 2rem !important;
    margin: 0 16px;
    text-decoration: none;
    font-weight: 600;
}

.extend--menu li>a:hover {
    border-bottom: 2px solid #09f;
    padding-bottom: .5rem !important;
    color: #333;
}

.sec--homeres {
    padding-top: 0px;
}

.restaurant img {
    width: 100%;
}

.restaurant--name {
    padding-top: 10px;
    margin: 0px;
    font-weight: 600;
}

.restaurant--buttons {
    display: flex;
    justify-content: space-between;
}

.restaurant {
    font-size: 14px;
    margin-bottom: 40px;
}

.restaurant--buttons .btn {
    padding: 13px 10px;
    font-size: 15px;
}

.restaurant--img {
    position: relative;
    overflow: hidden;

}

.restaurant--img a:nth-child(1) img {
    /*height: 200px;*/
    /*object-fit: cover;*/
}

.restaurant--img img {
    transition: all 0.25s linear;
}

.restaurant:hover .restaurant--img img {
    transform: scale(1.25);
}

footer {
    background: #1382cc;
    color: #fff;
    /*padding: 70px 0 0;*/
}

.ir--section--container--havebox {
    width: calc(100% - 60px);
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.footer--widget {
    margin-bottom: 40px;
}

.footer--image {
    width: 160px;
}

.footer--widget--text p {
    font-size: 14px;
    color: #fff;
}

.footer--widget--title {
    font-weight: 300;
}

footer address span {
    display: block;
    border-bottom: solid 1px rgba(255, 255, 255, .3);
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
}

.footer--social .icon {
    border-color: #ffffff;
    color: #ffffff;
}

.footer--social .icon {
    font-size: 15px;
    margin: 5px;
    border: 1px solid #fff;
    padding: 8px;
    border-radius: 100%;
}

.btw--footer {
    background: #1382cc;
    color: #fff;
    font-size: 9pt;
    letter-spacing: .5px;
    font-weight: 400;
    padding: 25px 0 25px 0;
    box-shadow: 5px 5px 15px rgba(74, 36, 36, 0.3);
}

.footer--social {
    /*margin-top: 20px;*/
}

.footer--ex--pow img {
    width: 100px;
}

.footer--ex--pow {
    margin-right: 60px;
    color: #fff;
}
.btw--footer--powered{
    display: flex;
    margin-top: 5px;
}
.footer--pp--link{
    margin-left: 10px;
    color: #fff;
}
.f--space{
    margin-left: 10px;
}
.footer--ex a{
    color: var(--white);
}
.footer--ex a:hover,
.footer--ex a:focus{
    color: #ccc;
}
.footer--ex{
    background: #000; 
    color: #fff; 
    padding: 60px 0; 
    margin-top: 60px;
}
.main--info {
    margin: 40px 0;
    padding: 30px 26px 35px;
    border: 1px solid #666;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    text-align: center;
}

.main--info .intro--title {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    padding: 0 30px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.explore-more-cta {
    display: inline-block;
    color: #09f;
    border: 1px solid #09f;
    width: auto !important;
    position: absolute;
    bottom: -7px;
    left: 50%;
    width: auto;
    background-color: #fff;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    padding: 15px 42px;
    font-size: 19px;
    bottom: -60px;
}

.main--info .earning {
    color: #09f;
}

.ir--body .intro {
    padding-top: 0px;
    padding-bottom: 10px;
}

.totop {
    display: none;
    width: 50px;
    height: 50px;
    background: #306ba7;
    line-height: 50px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    -ms-border-radius: 5%;
    -o-border-radius: 5%;
    border-radius: 5%;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 2;
    color: #fff;
}

/* 
    *| Banner slider
*/
.home--banner--single {
    position: relative;
}

.home--banner--text {
    position: absolute;
    /*display: flex;*/
    /*align-items: center;*/
    color: #000;
    text-align: center;
    top: 40px;
    /*left: 10%;*/
    width: 100%;
    /*margin-top: -70px;*/
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-40px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
} 

.home--banner--title {
    font-family: 'Kaushan Script', cursive;
    color: #fff;
}

.home--banner--description {
    display: flex;
    width: 140px;
    height: 140px;
    border-radius: 100%;
    background: #fff;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    margin-left: 100px;
}

.home--banner {
    background: #f5f5f5;
    z-index: 0;
}

/*
    *| merchant home zone
*/
.sec--merchant {
    padding: 15px 0px;
    background: #f5f5f5;
    display: none;
    margin-bottom: 10px;
}

.merchant--logo {
    width: 100px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.merchant--info p {
    margin-bottom: 0px;
}

.merchant--name {
    display: flex;
    align-items: center;
    -webkit-display: flex;
    margin-bottom: 0px;
    /*font-size: 1.75rem;
    line-height: 1.2;
    font-weight: 500;*/
}

.merchant--name .ti-check {
    font-size: 12px;
    background: #03A9F4;
    /*display: flex;*/
    color: #fff;
    width: 22px;
    height: 23px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    /*margin-left: 10px;*/
    padding: 5px;
}

.merchant .col:not(:last-child) {
    border-right: 1px solid #fff;
}

.merchant--rank {
    color: #fbe730;
}

.merchant--logo--nologo {
    font-size: 18px;
    width: 80px;
    height: 80px;
    background: #fff;
    color: #000;
    border-radius: 100%;
    display: block;
    margin: 10px auto;
    line-height: 80px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sec--merchant--details {
    background: #f5f5f5;
    padding: 20px 0px;
    display: none;
}

.sec--merchant--featured {
    background: #f5f5f5;
    padding: 20px 0px;
    display: none;
    margin-bottom: 10px;
}

.merchant--widget {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 10px;
}

.merchant--widget--head {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.merchant--widget--head .merchant--widget--more {
    font-size: 13px;
    color: #09f;
}

.merchant--widget--body {
    padding-top: 10px;
    font-size: 14px;
}

.merchant--widget--head h3 {
    margin: 0px;
    color: #09f;
    font-size: 18px;

}

.merchant--product {
    display: flex;
    color: #333;
}

.merchant--product:not(:last-child) {
    margin-bottom: 10px;
}

.merchant--product--image img {
    width: 50px;
}

.merchant--product--info {
    padding-left: 10px;
}

.merchant--product--info .name {
    margin: 0px;
    font-size: 14px;
}

.merchant--product--info .price {
    margin: 0px;
    font-size: 12px;
}

.merchant--product--info .price span {
    font-size: 14px;
    color: #f25b5d;
    font-weight: 500;
}
.merchant--product--info .price .old{
    color: #bbb;
    font-size: 12px;
    text-decoration: line-through;
}
.merchant--social {
    display: flex;
    color: #333;
    margin-bottom: 10px;
    position: relative;
    transition: all 0.3s ease;
}

.merchant--social:after {
    content: '';
    font-family: 'themify';
    content: "\e649";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
    transition: all 0.6s ease;
}

.merchant--social:hover:after {
    right: 0px;
}

.merchant--social--icon {
    width: 50px;
    height: 50px;
    border: 1px solid #333;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
}

.merchant--social--name {
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.merchant--award img {
    width: 60px;
}
.sec--merchant .merchant .row .col:nth-child(1){
    flex: 0 0 200px;
}
/*
    food mode
*/
.food__mode__merchant {
    display: none;
    background: #fff;
    padding: 20px;
}
.merchant--food--name{
    margin-bottom: 0px;
    font-size: 16px;
}
.merchant--food--price{
    color: #395e7d;
    font-weight: 600;
    margin-bottom: 0px;
}
/*
    Home categories 
    
*/
.section__cat__food{
    padding-left: 100px;
    padding-right: 100px;
}
.cat__food__content{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #fff;
    background: rgb(101 101 101 / 38%);
    transition: all 0.3s ease;
}
.cat__food{
    display: block;
    margin-bottom: 10px;
}
.cat__food:hover .cat__food__content{
    background: rgb(101 101 101 / 50%);
}

/*
        *| product
    */
.fillter--head {
    background: #f5f5f5;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    height: 38px;
}

.fill--zone {
    background: #f5f5f5;
    /*margin-top: 15px;*/
    padding: 10px;
}

.fill--title {
    font-size: 16px;
    /*font-weight: 300;*/
    margin-bottom: 10px;

}

.fill--container .form-control {
    font-size: 14px;
}

.product--head {
    /*padding: 10px;*/
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*margin-bottom: 5px;*/
    height: 40px;
}

.product--desc {
    width: 200px;
}

.product--img img {
    width: 100%;
}

.product--name,
.product--price {
    margin-bottom: 0px;
}

.product--merchant {
    margin: 0px;
    /*color: #9a9a9a;*/
}

.product--merchant .fa {
    font-size: 13px;
    /*color: #1382cc;*/
}

.product--price .old {
    text-decoration: line-through;
    font-size: 14px;
    color: #bbb;
}

.product--price .new {
    font-size: 16px;
    font-weight: 500;
    color: red;
}

.product--des {
    font-size: 13px;
    color: #8a8a8a;
    font-weight: 300;
    margin-bottom: 0px;
}

.product {
    color: #333;
    display: block;
    margin-bottom: 10px;
    padding: 10px 8px
}

.product:hover {
    color: #e45a5a;
}

.food--tags {
    padding-left: 0px;
    margin-bottom: 0px;
}

.food--tag {
    list-style: none;
}

.food--tag a {
    color: #333;
    font-size: 14px;
}

.food--tag a:hover {
    color: #09f;
}

.product--btns {
    display: flex;
    justify-content: space-between;
}

.product--btns .btn {
    padding: 6px 6px;
    font-size: 14px;
    height: 32px;
    line-height: 1;
}

.fillter--head .ti-arrow-right {
    display: none;
}

.product--body {
    color: #333;
}

.product--body:hover,
.product--body:focus {
    color: #333;
}

.product--body:hover .product--name,
.product--body:focus .product--name {
    color: #1989d4;
}
.product--home--wrapper{
    padding: 5px;
    border: 1px solid #f5f5f5;
}

.product--home .product--merchant {
    font-size: 14px;
    /*padding-right: 90px;*/
    margin-top: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product--home .product--name {
    font-size: 18px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    height: 54px;
    color: #333;
}

.product--home .product--price .new {
    font-size: 18px;
}

.product--home.sold__out .restaurant--img a:nth-child(1) img{
    filter: brightness(50%);
}
.product--home.sold__out .restaurant--img:after{
    content: '';
    background: url(https://ireward.superghs.com/resource/yqhyatt/page/sold__out2.png);
    position: absolute;
    width: 100px;
    /*z-index: 111111111111;*/
    display: block;
    height: 100px;
    background-size: cover;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    cursor: pointer;

}

.product--home.sold__out .product--price .new{
    color: #545454;
}
.product--home.sold__out .product--btns {
    display: none !important;
}
.product--home.coming__soon .restaurant--img a:nth-child(1) img{
    /*filter: brightness(95%);*/
}
.product--home.coming__soon .restaurant--img:after{
    content: '';
    background: url(https://ireward.superghs.com/resource/whyqueue/page/coming_soon_2.png);
    position: absolute;
    width: 50px;
    display: block;
    height: 50px;
    background-size: contain;
    top: 10px;
    cursor: pointer;
    background-repeat: no-repeat;
    left: 10px;

}
.product--home.coming__soon .product--price .new{
    color: #f4ae3c;
}
.product--home.coming__soon .product--btns {
    display: none !important;
}
.product--home.coming__soon .product--price {
    display: none !important;
}
.product--home.preview .product--btns {
    display: none !important;
}
.product--home.preview .product--price {
    display: none !important;
}
.food--item.preview .food--item--footer {
    display: none !important;
}
.reward_detail.preview .btns__mode{
    display: none !important;
}
.product--home.coming__soon .product--name{
    height: 27px;
}
.product--subscribe{
    display: none;
}
.product--subscribe p{
    color: #9c9c9c;
        height: 54px;
    margin: 0px;
    margin-bottom: 5px;
}
.product--home.coming__soon .product--subscribe{
    /*display: block;*/
}
.product--subscribe .btn--subscribe{
    padding: 6px;
    font-size: 14px;
    width: 100%;
    height: 32px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product--subscribe .btn--subscribe span{
    margin-right: 5px;
}
.logo--merchant {
    position: absolute;
    width: 80px;
    height: 80px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    background: #fff;
    bottom: -20px;
    right: 5px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.1s ease;
}

.logo--merchant:hover img,
.logo--merchant:focus img {
    width: 100%;
}

.logo--merchant img {
    width: 90%;
    border-radius: 50%;
}

.product--home .restaurant--img {
    position: relative;
    /*margin-bottom: 20px;*/
    overflow: initial;
}

.product--home.product:hover .restaurant--img img {
    transform: scale(1);
}

.fp--btns .btn {
    width: 100%;
    border-radius: 20px;
}

.fp--name {
    text-align: center;
}

.fp--price .old {
    font-size: 14px;
    color: #4f4e4e;
    font-weight: 300;
    text-align: center;
    text-decoration: line-through;
}

.fp--price .per {
    font-size: 14px;
    background: red;
    color: #fff;
    padding: 2px 4px;
    border-radius: 10px;
    margin-left: 5px;
}

.fp--price .new {
    color: red;
    font-weight: 600;
    font-size: 16px;
    display: block;
    text-align: center;
}

.featured--product {
    background: #fff;
    padding: 10px;

}

.fp--btns {
    margin-top: 5px;
}

.featured--products {
    margin-top: 10px;
}

.fp--img {
    display: block;
    position: relative;
    overflow: hidden;
}

.fp--img img {
    max-height: 200px;
    object-fit: cover;
}

.fp--img:hover img {
    transition: all 0.2s linear;
    transform: scale(1.25, 1.25);

}

.qty .count {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    padding: 0 2px;
    min-width: 35px;
    text-align: center;
}

.qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 30px;
    height: 30px;
    font: 30px/1 Arial, sans-serif;
    text-align: center;
}

.qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: white;
    width: 30px;
    height: 30px;
    font: 30px/1 Arial, sans-serif;
    text-align: center;
    background-clip: padding-box;
}

.qty .input__quantity {
    border: 0;
    width: 30px;
    text-align: center;
    outline: none;
}

.product--home .qty .minus {
    height: 35px;
    background: #333;
}

.product--home .qty .plus {
    height: 35px;
    line-height: 35px;
    background: #333;
}

.product--home .qty .input__quantity {
    height: 35px;
}

.product--home .product--btns .btn-black {
    margin-right: 1px;
    /*width: 120px;*/
}
.food--item--price .old{
        display: block;
        text-decoration: line-through;
        color: #929191;
        font-size: 16px;
    }
.product--discount--percent{
    background: #bd213e;
    position: absolute;
    top: 0px;
    right: 1px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: center;
    padding: 5px 10px;
    line-height: 16px;
    font-weight: 600;
    width: 48px;
    font-size: 13px;
    /*display: none;*/
}
.product--discount--percent:after{
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -4px;
    position: absolute;
    border-color: transparent #bd213e;
    border-style: solid;
    border-width: 0 24px 4px;
}
.product--discount--percent .percent{
    color: #fff;
}
.product--discount--percent .discount--percent--label{
    color: #fff;
}
.product--price {
    margin-bottom: 5px;
}

.number-input input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

/*.number-input {
  margin: 3rem;
}*/
.number-input button {
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    position: relative;
}

.number-input button:before,
.number-input button:after {
    display: inline-block;
    position: absolute;
    content: '';
    height: 2px;
    transform: translate(-50%, -50%);
}

.number-input button.plus:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
    text-align: center;
}


.md-number-input.number-input {
    border: 1px solid #ddd;
    display: flex;
    /*width: 11.8rem;*/
}

.md-number-input.number-input button {
    outline: none;
    width: 30px;
    height: 30px;
    /*padding-top: 0.5rem;*/
}

.md-number-input.number-input button.minus {
    /*padding-left: 18px;*/
}

.md-number-input.number-input button.plus {
    /*padding-left: 15px;*/
}

.md-number-input.number-input button:before,
.md-number-input.number-input button:after {
    width: 10px;
    background-color: #212121;
}

.md-number-input.number-input input[type=number] {
    max-width: 30px;
    /*padding: 0.5rem;*/
    border: solid #ddd;
    border-width: 0 1px;
    font-size: 14px;
    height: 28px;
    font-weight: bold;
    outline: none;
}
.quick--tags{
    display: flex;
}
.quick--tag{
    background: #ccc;
    color: #fff;
    border-radius: 20px;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    margin-right: 5px;
}
.quick--tag b{
    margin-left: 5px;
}
.quick--tag .ti-close{
    margin-left: 5px;
    cursor: pointer;
}
.quick--tag .ti-close:hover{
    color: #333;
}
/*
    *| login
*/
.tabs-login a.nav-link {
    padding: 5px 10px !important;
    padding-bottom: 5px !important;
    margin: 0px;
}

.tabs-login a.nav-link:hover {
    border-bottom: none !important;
    padding-bottom: 5px !important;
}
/*
    member product update
*/

.all--product {
    margin-top: 40px;
}

.product--types {
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

.product--type {
    color: #333;
    margin-right: 5px;
    border-radius: 20px;
    border: 1px solid #333;
    padding: 4px 20px;
}

.product--type.active {
    border: 2px solid #09f;
}

.fillter--product {
    right: -100%;
    width: 300px;
    /*background: #f5f5f5;*/
    top: 40px;
    z-index: 2;
    position: fixed;
    overflow: auto;
    bottom: 10px;
    transition: all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    opacity: 0;
    z-index: 99999;
}

.fillter--product.active {
    right: 20px;
    opacity: 1;
}

.fill--zone {
    background: #ffffff;
}

.filter--toggle {
    background: #09f;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #09f;
    border: 1px solid #09f;
    padding: 5px 10px;
    margin-left: auto;
}

.filter--toggle:hover {
    color: #09f;
    background: #fff;
}

.product--head {
    margin-bottom: 5px;
}

.sec--products {
    position: relative;
}

.overlay--filter {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 65%);
    z-index: 99;
    transition: all 0.3s linear;
}

.overlay--filter.active {
    display: block;
}

.overflow--hidden {
    overflow: hidden;
}

.fillter--head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
}

.addToCart {
    position: relative;
}

/*.addToCart:before {
    content: '';
    background: linear-gradient(45deg, #ee5b5d, #b8383a, #ce2629, #ffffff, #c58485, #ee5b5d, #d86364, #f3a7a8, #ee5b5d);
    position: absolute;
    top: -2px;
    left: -2px;
    background-size: 400%;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.addToCart:active {
    color: #000
}

.addToCart:active:before {
    opacity: 1;
}

.addToCart:active {
    background-colo: transparent !important;
    color: #fff !important;
}*/

.brand--single img {
    margin: 0 auto;
    height: 200px;
    object-fit: contain;
    width: 80%;
}

.section--merchants {
    margin-top: 40px;
}

@keyframes glowing {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.close--filter--product {
    cursor: pointer;
}

.merchant--map {
    width: 100%;
    height: 400px;
}

.official--store {
    font-size: 14px;
    color: #09f;
}

.merchant--slider--promotion .slick-next {
    right: 10px;
}

.merchant--slider--promotion .slick-prev {
    left: 10px;
    z-index: 1;
}
/* ****************************************** */

/*
    *| show info
*/
.info--avazone img {
    width: 100px;
    border-radius: 100%;
}

.info--avazone {
    justify-content: space-between;
    padding-bottom: 20px;
}

.info--avazone span {
    margin-left: 10px;
    font-size: 18px;
    font-weight: 600;
}

.info--avazone .btn {
    border-radius: 20px;
    padding: 6px 20px;
}

.info--menus li {
    display: block;
}

.info--menus--row {
    padding: 0px 10px;
    justify-content: space-between;
    padding-bottom: 20px;
    display: flex;
}

/*
    status
*/

.action_status {
    font-size: 16px;
    padding: 10px;
    text-align: center;
    border: 1px solid #333;
}

.action_status.status_success a {
    color: #4CAF50;
}

.action_status.status_error {
    color: red;
    border-color: red;
}
.action_status.status_success{
    background: #ddffdd;
    border: 1px solid #8BC34A;
}

/*
    *| cart
*/
.shopping-cart {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    width: 320px;
    position: absolute;
    border-radius: 3px;
    padding: 20px;
    right: 0px;
}

.shopping-cart:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #f3f3f3;
    border-width: 8px;
    margin-left: -8px;
}

.shopping-cart .shopping-cart-header {
    border-bottom: 1px solid #cacaca;
    padding-bottom: 15px;
}

.shopping-cart .shopping-cart-items {
    padding-top: 20px;
    padding-left: 0px;
}

.shopping-cart .shopping-cart-items li {
    margin-bottom: 18px;
    list-style: none;
    font-size: 13px;
}

.shopping-cart .shopping-cart-items img {
    float: left;
    margin-right: 12px;
}

.shopping-cart .shopping-cart-items .item-name {
    display: block;
    padding-top: 0px;
    font-size: 16px;
}

.shopping-cart .shopping-cart-items .item-price {
    color: #6394F8;
    margin-right: 8px;
}

.shopping-cart .shopping-cart-items .item-quantity {
    color: #ABB0BE;
}

.shopping-cart .shopping-cart-header .shopping-cart-total {
    float: right;
}

/*
    *| redeemption

*/
.info--user--redemption {
    width: 70%;
    margin: 0 auto;
}

/*
    *| plugin : slick slide;
*/
.home--banner .slick-arrow {
    display: none !important;
}

/*
    *| plugin modal
*/
.modal {
    z-index: 1050;
}

/* Grid */

.register-step2 .row {
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
}

.register-step2 .row::after {
    content: "";
    display: table;
    clear: both;
}

.register-step2 [class*=col-] {
    float: left;
    min-height: 1px;
    padding: 0 10px;
    box-sizing: border-box;
}

.register-step2 .col-no-padding {
    padding: 0 2px;
}

.register-step2 .col-0 {
    display: none;
}

.register-step2 .col-1 {
    width: 100%;
}

.register-step2 .col-1-2 {
    width: 50%;
}

.register-step2 .col-1-3 {
    width: 33.33%;
}

.register-step2 .col-2-3 {
    width: 66.66%;
}

.register-step2 .col-1-4 {
    width: 25%;
}

.register-step2 .col-1-5 {
    width: 20%;
}

.register-step2 .col-2-5 {
    width: 40%;
}

.register-step2 .col-3-5 {
    width: 60%;
}

.register-step2 .col-3-4 {
    width: 75%;
}

.register-step2 .col-1-6 {
    width: 16.66%;
}

.register-step2 .col-5-6 {
    width: 83.34%;
}

.register-step2 .col-4-5 {
    width: 80%;
}

/* ********************* */
/*
    get more section
*/
.ir--join {
    background: #3982cc;
    padding: 20px 0px;
    margin-top: 100px;
    margin-bottom: 100px;
    display: block;
}

.ir--section--container--havebox {
    width: calc(100% - 60px);
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.ir--join--content {
    position: relative;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 22px;
    color: #fff;
}

.join--btn {
    margin-left: 20px;
}

.join--btn .btn-outline {
    border-color: #fff;
    font-size: 16px;
    font-family: Poppins;
    font-weight: 300;
    color: #fff;
}

/*
    *| intro zone
*/
.intro--zone {
    text-align: center;
    padding-top: 100px;
}

.intro--zone h3 {
    /*font-family: 'Ludicrous';*/
    font-family: 'Kaushan Script', cursive;
    font-size: 14px;
    font-weight: bold;
    line-height: 2.14;
    letter-spacing: 2.8px;
    text-align: center;
    color: #4288e1;
    margin-bottom: 0px;
}

.intro--zone h1 {
    font-family: 'Poppins', sans-serif;
}

.intro--zone--text {
    width: 650px;
    margin: 0 auto;
}

.intro--zone--line {
    width: 200px;
    height: 1px;
    background: #4288e1;
    margin: 10px auto;
}

.intro--zone--icon {
    font-size: 32px;
    color: #828282;
}

.intro--page {
    padding-top: 30px;
}

.intro--text--left {
    text-align: left;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 60px);
}

.intro--text--left .intro--zone--line {
    margin: 10px;
}

.intro--text--left .intro--zone--text {
    margin: 0px;
}

/* ****************************************** */
/*
    *| promotion page
*/

.promotion--page--title {
    font-size: 22px;
    font-weight: 300;
    color: #000;
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}

.promotion--page--single:hover {
    text-decoration: none;
    cursor: pointer;
}

.promotion--page--title:before {
    content: " ";
    display: block;
    height: 1px;
    width: 0;
    background: #3e80d8;
    bottom: 0px;
    transition: width .3s;
    position: absolute;
}

.promotion--page--single:hover .promotion--page--title:before {
    width: 100%;
}

.promotion--page--info {
    padding: 10px 0px;
}

.promotion--page--sub {
    margin-bottom: 5px;
}

.promotion--page--time {
    color: #989898cc;
    font-style: italic;
    font-size: 13px;

}

.promotion--page--single {
    margin-bottom: 20px;
    background: #fff;
    display: block;
}

.promotion--page--single img {
    height: 400px;
    object-fit: cover;
}

/* ****************************************** */
/*
    *| promotion detail
*/

.promotion--detail--title {
    font-size: 36px;
    font-weight: 300;
    color: #000;
    margin-bottom: 20px;
}

.promotion--detail--time {
    color: #989898cc;
    font-style: italic;
    font-size: 13px;

}

.promotion--detail--content {
    margin-top: 10px;
}

/* ****************************************** */
/*
    search in home
*/
.search--zone--overlay {
    position: fixed;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.search--zone--body {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 20px;
    z-index: 10000;
    left: 100px;
    right: 100px;
    color: #fff;
    /*text-align: center;*/
}

.search--zone--body img {
    width: 100px;
}

.search--zone.active .search--zone--overlay {
    display: block;
}

.search--zone.active .search--zone--body {
    visibility: visible;
    opacity: 1;

}

.overflow--hidden {
    overflow: hidden;
}

.search--zone input.input--search {
    width: 100%;
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 10px;
    background: transparent;
    /*text-align: center;*/
}

.search--zone input.input--search:focus,
.search--zone input.input--search:active {
    border: none;
    border-bottom: 1px solid #fff;
    background: transparent;
    outline: none;
}

.search--zone--head {
    display: flex;
    align-items: center;
    justify-content: center;
}

.close--search--top {
    position: fixed;
    top: 20px;
    right: 50px;
}

.close--search {
    cursor: pointer;
}

.search--results {
    margin-top: 20px;
}

.search--result.loading {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 10px;
    position: relative;
    overflow: hidden;
    height: 50px;
    margin-bottom: 10px;

}

.search--result.loading:before {
    content: '';
    position: absolute;
    left: 100px;
    top: 0px;
    bottom: 0px;
    width: 1px;
    background: #fff;
}

.search--result.data {
    display: block;
}

.search--result.data img {
    width: 50px;
}

.search--result--content {
    display: inline-block;
}

.search--result--content h5 {
    margin: 0px;
    font-size: 13px;
}

.search--result--mer {
    font-size: 12px;
}

/*.search--zone--body .btn{
    width: 200px;
    margin-top: 20px;
}*/
.search--zone--cates {
    /*margin-top: 20px;*/
    padding: 4px 10px;
    color: #fff;

}

.search--zone--cate {
    border-radius: 20px;
    background: transparent;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 5px;
}

.search--zone--part {
    margin-top: 10px;
}

.search--nearby {
    padding: 4px 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.search--nearby:hover {
    background: #0000004a;
}

.search--zone--title {
    font-size: 13px;
    margin-bottom: 10px;
}

.search--zone--viewed {
    display: flex;
    align-items: center;
    padding: 4px 10px;
    transition: all 0.3s ease;
    color: #fff;
}

.search--zone--viewed:hover {
    background: #0000004a;
}

.viewed--img {
    width: 50px;
}

.viewed--img img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 100%;
}

.viewed--content {
    margin-left: 10px;
}

.v-name {
    margin-bottom: 0px;
    font-size: 13px;
}

.v-price {
    margin-bottom: 0px;
    font-size: 12px;
}

.v-location {
    margin-bottom: 0px;
    font-size: 12px;
}

.results--search {
    display: none;
    transition: all 0.3s ease;
}

/* extend search desktop*/
.search--zone--body {
    color: #000;
    background: #fff;
    padding: 10px;
    top: 40px;
    left: initial;
    width: 600px;
}

.search--zone--cates {
    color: #000;
}

.search--zone--viewed {
    color: #000;
}

.search--zone--overlay {
    background: rgba(0, 0, 0, 0.32);
}

.search--zone input.input--search {
    border-color: #000;
    color: #000;
}

/*.search--zone--body img{
    display: none;
}*/

.search--zone--input {
    position: relative;
    height: 45px;
    display: flex;
    align-items: center;
}

.search--zone input.input--search {
    position: absolute;
    right: 0px;
    width: 0px;
    transition: all 0.4s ease;
    padding-left: 40px;
}

.search--zone.active input.input--search {
    width: 100%;
}

.search--zone .search--zone--input .ti-search {
    position: absolute;
    right: 0px;
    transition: all 0.3s ease;
}

.search--zone.active .search--zone--input .ti-search {
    left: 10px;
}

.search--zone--cate {
    color: #000;
}

.data--suggestion,
.results--search {
    transition: all 0.3s ease;
}

/* brand single */
.brand--single img {
    height: 100px;
    object-fit: contain;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -40px 0
    }

    100% {
        background-position: 400px 0
    }
}

/* ***************************************** */
/*paging*/

#post_paging li {
    float: left;
    margin-bottom: 20px;
    list-style: none;
}
#post_paging li a {
    padding: 8px;
    /*background: #EAB31F;*/

    border: 1px solid #fff;
    color: #09f;
    display: inline-block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
#post_paging li a:focus,
#post_paging li a:hover
 {
    color: #0065e2;
    background: #f5f5f5;
}
#post_paging li a.active{
    color: #fff;
    background-color: #09f;
    border-color: #09f;
}
#post_paging {
    display: block;
    width: 100%;
}
#post_paging:after{
    content: '';
    display: table;
    clear: both;
}
/* *************************************** */
/*
    | food options home
*/
.fo--price .new{
    font-weight: 500;
    color: red;
    font-size: 32px;
    margin-left: 10px;
}
.fo--price .old{
    text-decoration: line-through;
    font-size: 14px;
    color: #bbb;
}
.fo--radio{
    width: 50px;
    padding-left: 30px;
    font-size: 22px;
    justify-content: center;
    transition: all 0.3s ease;
}
.fo--price{
    padding-right: 30px;
    color: #a5a5a5; 
    font-size: 18px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}
.food--option{
    display: block;
    margin-bottom: 0px;
    padding: 10px 0px;
    cursor: pointer;
}
.fo--title{
    padding: 5px;
    background: #f5f5f5;
    color: #404040;
    font-size: 18px;
    padding-left: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 15px;
}
.fo--title  .tip{
    font-size: 13px;
    color: #F44336;
}
.fo__input{
    opacity: 0;
    position: absolute;
}
.fo--radio{
    color: #a5a5a5; 
}
.food--option .col{
    color: #a5a5a5;
    transition: all 0.3s ease; 
}
.fo--stt {
    margin-bottom: 0px;
}
.food--option  input:checked ~ .row .fo--radio
{
    color: #09f;

}
.food--option:hover .fo--radio{
    color: #0875be;

}
.food--option  input:checked ~ .row .fo--price,
.food--option:hover .fo--price{
    color: #000;

}
.food--option  input:checked ~ .row .col,
.food--option:hover .col {
    color: #000;

}
.fo--description{
    margin-bottom: 0px;
}
/* *************************************** */
/*
    | food extra
*/
.fx--number{
    padding-left: 15px;
    width: 50px;
    padding-left: 30px;
    font-size: 22px;
    justify-content: center;
    transition: all 0.3s ease;
}
.fo--add{
    padding-right: 15px;
}
.fe--price{
    padding-right: 15px;
}
.remove__extra{
    padding-right: 15px;
    display: none;
}
.food--extra{
    display: block;
    margin-bottom: 0px;
    padding: 10px 0px;
    cursor: pointer;
    color: #a5a5a5;
}
.food--extra.checked{
    color: #000;
}
.food--extra:hover{
    color: #333;
}
.food--extra.checked .remove__extra{
    display: block;
}
.fe--title .tip{
    color: #09f;
}
.fe--price{
    font-size: 18px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}
.food--extra .col{
    user-select: none;
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
}
/* *************************************** */
/*
    | Food zone
*/

.food--zone--overlay{
    position: fixed;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.32);
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.food--zone--content{
    visibility: hidden;
    opacity: 0;
    position: fixed;
    z-index: 101;
    color: #000;
    background: #fff;
    padding: 10px;
    left: 50%;
    width: 800px;
    margin-left: -400px;
    top: 800px;
    transition: all 0.3s linear;
    overflow-x: hidden;
    overflow-y: auto;
}
.food--zone.active .food--zone--overlay{
    display: block;
}
.food--zone.active .food--zone--content{
    visibility: visible;
    opacity: 1;
    top: 40px;
    bottom: 40px;
}
.close--food--zone{
    /*position: absolute;*/
    /*right: -5px;*/
    /*top: -10px;*/
    font-size: 20px;
    color: #a5a5a5;
}
.food--zone--notes{
    padding: 10px 0px;
    color: #09f;
    width: 100%;
    outline: none;
    border: none;
    border-bottom: 1px solid #ccc;
}
.fz--amount{
    width: 150px;
    padding-left: 15px;
}
.fz--amount input{
    background: #fff !important;
}
.fz--amount{
    justify-content: center;
}
.btn__add__food{
    width: 100%;
}
.fz--footer{
        position: sticky;
    bottom: 10px;
    width: 100%;
    padding: 5px 0px;
    background: #fff;
    /*box-shadow: 0px 0px 17px 2px #e0e0e0;*/
}
/* *************************************** */
/*
    *| iR title
*/
@font-face {
    font-family: Poppins;
    font-weight: 300;
    src: url("../fonts/poppins/Poppins-ExtraLight.otf") format("opentype");
}

@font-face {
    font-family: Poppins;
    font-weight: 300;
    font-style: italic;
    src: url("../Poppins-ExtraLightItalic.otf") format("opentype");
}

@font-face {
    font-family: Poppins;
    font-weight: bold;
    src: url("../fonts/poppins/Poppins-Bold.otf") format("opentype");
}

@font-face {
    font-family: Poppins;
    font-weight: 400;
    src: url("../fonts/poppins/Poppins-Regular.otf") format("opentype");
}

@font-face {
    font-family: Poppins;
    font-weight: 200;
    src: url("../fonts/poppins/Poppins-Thin.otf") format("opentype");
}

@font-face {
    font-family: Poppins;
    font-weight: 200;
    font-style: italic;
    src: url("../fonts/poppins/Poppins-ThinItalic.otf") format("opentype");
}

@font-face {
    font-family: Poppins;
    font-weight: 900;
    src: url("../fonts/poppins/Poppins-Black.otf") format("opentype");
}

@font-face {
    font-family: Poppins;
    font-style: italic;
    src: url("../fonts/poppins/Poppins-Italic.otf") format("opentype");
}

@font-face {
    font-family: Ludicrous;
    font-style: italic;
    src: url("../fonts/Ludicrous/Ludicrous.otf") format("opentype");
}
.ir--title {
    padding-top: 50px;
}

.ir--title h3 {
    /*font-family: 'Ludicrous';*/
    font-family: 'Kaushan Script', cursive;
    font-size: 14px;
    font-weight: bold;
    line-height: 2.14;
    letter-spacing: 2.8px;
    text-align: center;
    color: #4288e1;
    margin-bottom: 0px;
}

.ir--title h1 {
    font-family: 'Poppins', sans-serif;
}

.ir--title--text {
    width: 650px;
    margin: 0 auto;
}

.ir--title--line {
    width: 200px;
    height: 1px;
    background: #4288e1;
    margin: 10px auto;
}
/* **************************************************s */
/* ib redeem now */
.have--ib--redeem {
    position: relative;
}

.have--ib--redeem .extend--menu {
    right: 120px;
}

.ib--redeem--zone {
    width: 120px;
    height: 75px;
    position: absolute;
    background: #09f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0px;
    top: 0px;
    cursor: pointer;
}

.rd--zone--overlay {
    position: fixed;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.32);
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    cursor: pointer;
}

.rd--zone--body {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 20px;
    z-index: 10000;
    right: 100px;
    /*text-align: center;*/
    color: #000;
    background: #fff;
    padding: 10px;
    top: 40px;
    left: initial;
    width: 600px;
}

.rd--zone.active .rd--zone--overlay {
    display: block;
}

.rd--zone.active .rd--zone--body {
    visibility: visible;
    opacity: 1;

}


.rd--zone--head {
    display: flex;
    align-items: center;
    justify-content: center;
}



.rd--results {
    margin-top: 20px;
}

.rd--result.loading {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 10px;
    position: relative;
    overflow: hidden;
    height: 50px;
    margin-bottom: 10px;

}

.rd--result.loading:before {
    content: '';
    position: absolute;
    left: 100px;
    top: 0px;
    bottom: 0px;
    width: 1px;
    background: #fff;
}

.rd--zone--input span {
    position: absolute;
    right: 0px;
    transition: all 0.3s ease;
    left: 10px;
}

.rd--zone--input input {
    border: none;
    border-bottom: 1px solid #fff;
    padding: 10px;
    background: transparent;
    border-color: #000;
    color: #000;
    position: absolute;
    right: 0px;
    width: 0px;
    transition: all 0.4s ease;
    padding-left: 40px;
}

.rd--zone.active .rd--zone--input input {
    width: 100%;
}

.rd--zone--input {
    position: relative;
    height: 45px;
    display: flex;
    align-items: center;
}

.rd--zone.active .rd--zone--input input:focus,
.rd--zone.active .rd--zone--input input:active {
    border: none;
    border-bottom: 1px solid #fff;
    background: transparent;
    outline: none;
}

.re--result--img img {
    width: 50px;
}

.rd--result--content h5 {
    margin: 0px;
    font-size: 13px;
}

.rd--result {
    color: #333;
}

.re--result--img {
    margin: 0px 20px;
}

.rd--results {
    /*display: none;*/
}

.search--reults--loading,
.rd--results--data {
    display: none;
}

.rd--results.loading .search--reults--loading {
    display: block;
}

.rd--results.data .search--reults--loading {
    display: none;
}

.rd--results.loading .rd--results--data {
    display: none;
}

.rd--results.data .rd--results--data {
    display: block;
}

.btn--find--rd {
    position: absolute;
    right: 0px;
    transition: all 0.3s ease;
}

.rd--result--error {
    color: red;
}

.id--rd--mobile {
    display: none;
    flex-wrap: 100%;
    background: #09f;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 30px;
}
.rd--zone--body {
    top: 80px;
}
@media screen and (max-width: 1020px) {
    .id--rd--mobile {
        display: block;
    }

    .ib--redeem--zone {
        display: none;
    }
}

@media screen and (max-width: 520px) {
    

    .ib--redeem--zone {
        top: 14px;
        height: 40px;
    }

    .rd--zone--body {
        right: 2px;
        left: 2px;
        width: initial;
    }

    .re--result--img {
        margin: 0px 5px;
    }
    .id--rd--mobile{
        height: 50px;
        line-height: 50px;
    }

}
/* ***************************** */
/* vip code */
.modal--custom--overlay{
    position: fixed;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: 9999;
    /*display: none;*/
}
.modal--custom--content{
        position: fixed;
    z-index: 10000;
    /* background: #fff; */
    color: #333;
    text-transform: none;
    top: 50%;
    left: 10px;
    right: 10px;
    /*display: none;*/
    width: 350px;
    margin: 0 auto;
    margin-top: -250px;
}
.modal--custom--body{
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 0px 0px 10px 10px;
}
.modal--custom.active .modal--custom--overlay,
.modal--custom.active .modal--custom--content{
    display: none;
}
.modal--custom--head{
    background: #09f;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
    padding: 20px 0px;
}
.modal--custom--head h1 span{
        font-size: 1.25rem;
}
.form--group--vip input.form-control{
    font-size: 22px;
}
.modal--custom--body h3{
    color: #09f;
}
.modal--custom--body .btn{
            background: #bd213e;
    border-color: #bd213e;
    border-radius: 4px;
}
.modal--custom--body .btn:hover,
.modal--custom--body .btn:focus{
    background: #fff;
    color: #bd213e;
}
.merchant--logo{
    width: 100%;
}
.shopping-cart {
    top: 75px;
    bottom: -300px;
    overflow: auto;
}
.header--background{
    height: 102px; 
}
.modal--custom.error .mess--noti{
    animation: blinker 1s linear infinite;
    color: red;
    font-size: 18px;
    font-weight: bold;
}
.modal--custom.error .mess--noti small:before{
    content: "\e628";
    font-family: 'themify';
    margin-right: 10px;
}
@keyframes blinker {
  50% {
    opacity: 0.3;
  }
}
/* *********************************** */
/*  Payment methods  */
.payment--methods .payment--method:only-child{
    display: none;
}
.payment--method{
    display: flex;
    padding: 5px 10px;
    border-radius: 8px;
    align-items: center;
    border: 1px solid #f5f5f5;
    margin-bottom: 5px;
    transition: all 0.3s ease;

}
.payment--method--icon{
    width: 40px;
    padding: 2px;
    border-radius: 100%;
    background: #f5f5f5;
    height: 40px;
    object-fit: contain;
    filter: grayscale(100%);
    transition: all 0.3s ease;
}
.payment--method--label{
    margin: 0px;
    flex: 1;
    cursor: pointer;
}
.payment--method--radio{
    margin-left: auto;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transition: all 0.3s ease;
}
.payment--method--label span{
    color: #888;
}
.payment--method:has(.payment--method--radio:checked) .payment--method--label span{
    color: #333;
}
.payment--method:has(.payment--method--radio:checked) .payment--method--icon{
    filter: grayscale(0%);
}
.payment--method:has(.payment--method--radio:checked){
    background: #f5f5f5;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover{
        color: rgb(0 0 0 / 5%);
}
/* ************************************  */
/*
    appview hidden elements
*/
.app header,
.app .home--banner,
.app .btw--footer,
.app .totop,
.app .header--background{
    display: none !important;
}
.app .container__productdetail.alex_showinfo .pd--amount,
.app .container__productdetail.alex_showinfo .pd--btns ,
.app .container__productdetail.alex_showinfo .more--product--brand,
.app .container__productdetail.alex_showinfo .more--product--like,
.app .container__productdetail.alex_showinfo .pd--footer,
.app .container__productdetail.alex_showinfo .description--product--part .nav-tabs,
.app .container__productdetail.alex_showinfo .description--product--part #description,
.app .container__productdetail.alex_showinfo .pd--provided {
    display: none !important;
}
.app .container__productdetail.alex_showinfo .description--product--part #tnc{
    display: block;
    opacity: 1;

}
/* *********************************** */
.btn--okmap{
    position: sticky;
    bottom: 0px;
    background: #000;
    color: #fff;
    border-color: #000;
}
.cart__mobile{
    display: none;
    cursor: pointer;
    margin-left: auto;
    z-index: 1;
    position: absolute;
    right: 42px;
    top: -50px;
    z-index: 5;
}
.order__table__list{
    width: 100% !important;
}
/*
    *|responsive
*/
@media screen and (min-width: 1300px) {
    .restaurant--buttons .btn {
        padding: 13px 24px;
    }

    .product--btns .btn {
        padding: 6px 6px;
        font-size: 14px;
    }
}

@media screen and (max-width: 800px) {
    .main--info {
        width: 98%;
        padding: 50px 8px;
    }

    .main--info .intro--title {
        position: relative;
        white-space: inherit;
    }

    .restaurant--buttons .btn,
    .product--btns .btn {
        padding: 4px 8px;
        /*font-size: 13px;*/
    }

    .nav__trigger {
        display: block;
        width: 28px;
        cursor: pointer;
        margin-left: auto;
        z-index: 1;
        position: absolute;
        right: 10px;
        top: -70px;
        z-index: 5;
    }

    .nav__trigger div {
        display: block;
        height: 2px;
        background: #000;
        margin: 4px;
        -webkit-transition: all .1s;
        transition: all .1s
    }

    .nav__trigger--active div:nth-child(1) {
        -webkit-transform: rotate(45deg) translateY(4px) translateX(4px);
        transform: rotate(45deg) translateY(4px) translateX(4px);
        height: 1px
    }

    .nav__trigger--active div:nth-child(2) {
        opacity: 0
    }

    .nav__trigger--active div:nth-child(3) {
        -webkit-transform: rotate(-45deg) translateY(-4px) translateX(4px);
        transform: rotate(-45deg) translateY(-4px) translateX(4px);
        height: 1px
    }

    .header--nav--menu {
        display: none;

    }

    .header--nav--menu .ir--menus {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #f9f8f7;
        height: 100%;
        padding-top: 60px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        font-size: 11px;
        z-index: 1;

    }

    .header--nav--menu .ir--menu {
        color: #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        margin: 0px;
        padding: 10px 15px;
    }

    header .ir--menu a {
        padding: 5px !important;
    }
    .cart__mobile{
        display: block;
    }
    .ir--title--text{
        width: 100%;
    }
}

@media screen and (max-width: 520px) {

    .restaurant--buttons .btn,
    .product--btns .btn {
        padding: 6px 4px;
    }

    .fillter--head .ti-arrow-right {
        display: block;
    }

    .fillter--head {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #product_member {
        /*display: none;*/
    }

    .fillter--product {
        padding: 10px 0px;
    }
    .product--btns {
        flex-wrap: wrap;
    }
    .md-number-input.number-input{
        margin-bottom: 10px;
    }
    .product--btns .justify-content-between{
        width: 100%;
    }
    .restaurant--img a:nth-child(1) img{
        height: 120px;
    }
    .header--logo{
        padding: 0px;
        /* height: 80px; */
        width: 150px;
        margin: 0 auto;
    }
    .merchant--logo{
        width: 70px;
    }
    .sec--merchant .merchant .row .col:nth-child(1) {
        flex: 0 0 70px;
    }
    .btw--footer .ir--section--container--havebox{
        display: block;
        text-align: center;
    }
    .footer--ex--pow{
            text-align: center;
    margin: 0px;
    justify-content: center;
    margin-top: 30px;
    }
    .product--home .product--btns .btn-black {
        margin-right: 1px;
        /*width: 100%;*/
        /*margin-left: 1px;*/
    }
    .footer--pp--link{
            margin-top: 20px;
    display: block;
    margin-left: 0px;
    }
    .f--space{
        display: none;
    }
    .btw--footer--powered{
        display: block;
    }
    .brand--product img{
        height: 90px;
    }
    .home--banner--description{
        width: 60px;
        height: 60px;
        /* height: initial; */
        border-radius: 100%;
        padding: 2px;
        font-size: 9px;
    }
    .home--banner--title{
        font-size: 16px;
    }
    .home--banner--text{
        top: 0px;
    }
    .home--banner--description{
        margin-left: 10px;
    }
    .product--price .old{
        font-size: 13px;
    }
    .product--home .product--price .new {
        font-size: 16px;
    }
}
@media screen and (max-width: 992px) {
    .header--bottom .offset-2{
        margin-left: 0px;
    }
    header.show .nav__trigger{
        top: -50px;
    }
    header .nav__trigger{
        top: -50px;
    }
    .home--banner--description{
        margin-left: 50px;
    }
    /*header.show .nav__trigger.nav__trigger--active{
        top: -38px;
    }
    header .nav__trigger.nav__trigger--active{
        top: -70px;
    }*/
    .order__table__list{
        width: 100% !important;
        max-width: 100%;
    }
    .intl-tel-input{
        width: 100%;
        margin-bottom: 15px;
    }
}