.ion-color-secondary {
    --ion-color-base: var(--ion-color-secondary, #0cd1e8) !important;
    --ion-color-base-rgb: var(--ion-color-secondary-rgb, 12, 209, 232) !important;
    --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
    --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
    --ion-color-shade: var(--ion-color-secondary-shade, #0bb8cc) !important;
    --ion-color-tint: var(--ion-color-secondary-tint, #24d6ea) !important;
}

.button-native-add-cart {
    background: #367535 !important;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 63%;
    border-radius: 64px;
    margin: 0px auto;
    position: relative;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), background-color 15ms linear, color 15ms linear;;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);;
    cursor: pointer;
    overflow: hidden;
    z-index: 0;
}



.box_product_food {
    width: 100%;
}

.button-native-add-cart.button-disabled {
    background: #626262 !important;
    color: #000 !important;
}

.button_red_add_cart {
    border: 2px solid #f44336;
    background: transparent;
    color: #f44336;
    border-radius: 64px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title_section_food {
    text-align: right;
    color: #d6d6d6;
}

.button_back_menu {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-right: 5px;
}

.header_top_mobile {
    background: #282828;
    font-weight: bold;
    /*background: #1a1a1a;*/
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99;
    box-shadow: -2px -1px 5px 3px rgb(0 0 0 / 40%) !important;
}

.button-native-disable {
    color: #626262 !important;
}

.item_cart_box_bottom {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #313131;
    height: 49px;
    align-items: center;
    color: #fff;
    padding: 0px 15px;
}

.button_reset_cart {
    height: 44px;
    border-radius: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaaaaa;
    background: transparent;
    width: 100%;
    border: 2px solid #aaaaaa;
}

.button_add_continue {
    height: 44px;
    border-radius: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #367535;
    width: 100%;
}

.icon_trash_remove {
    justify-content: center;
    padding-right: 16px;
}

.icon_trash_remove i {
    z-index: 1;
    font-size: 35px;
}

.cart_item_food .cart-items .food-info .info .title {
    margin: 0 0 10px 0;
    text-align: right;
}

.cart_item_food .cart-items .food-info .info .desc {
    text-align: right;
    color: #bcbcbc;
}

.cart_item_food .cart-items .food-info .image:after {
    right: 0;
    bottom: 0;
}

.w-h-25px {
    width: 25px;
    height: 25px;
}

.delete_item_food {
    background: #e74133;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.color_green {
    color: #367535;
}

.active_item {
    background: #f7b91d;
    color: #000 !important;
    border-radius: 5px;
    opacity: 1 !important;
}

.active_item img{
    filter: unset;
}

.active_item::after {
    content: unset;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -8px;
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 11px solid #f7b91d;
    transition: all .3s ease;
    left: 50%;
    transform: translateX(-50%);
    color: #f7b91d;
}

.box_product_food .product-item .price {
    justify-content: center;
}

.cartQty input {
    width: 100%;
    height: 100%;
    background: transparent;
    border: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.cartQty {
    margin: 0 10px;
    flex: 0 0 30px;
    width: 30px;
    /*border-radius: 25px;*/
    color: #fff;
    border: none;
    text-align: center;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    outline: none;
    background: transparent;
}

#post-modal-video- .modal-content {
    /*background-color: #363636;*/
}

#post-modal-video- .close {
    color: #000;
    text-shadow: unset;
}

#myModal .modal-content {
    /*background-color: #363636;*/
}

#myModal .close {
    color: #0c0c0c;
    text-shadow: unset;
    position: absolute;
    background: #7e7e7e;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 0 0 0;
    top: -5px;
    right: 30px;
    opacity: 1;
}

#myModal .close:focus{
    outline: unset;
}

#myModal .modal-header{
    border-bottom: unset;
}

.description_box_food {
    display: none;
}

.text_mobile {
    display: none;
}

.price_product_mobile {
    display: none;
}

.videoModal {
    width: 100%;
    height: 100%;
    max-height: 80vh;
    object-fit: cover;
}

.style_factor {
    margin: 0px 0px 20px 0px;
    padding: 15px 15px 15px 15px;
}

.color-primary h2 {
    color: #f1b91b !important;
}

.color-primary{
    color: #f1b91b !important;
}

#myModal-address .modal-content {
    /*background-color: #191919;*/
}

#myModal-address #map {
    z-index: 1;
    height: 200px;
    position: relative;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

#myModal-address #address {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    height: 200px;
    background-color: transparent;
    padding-right: 10px;
    color: #fff;
    resize: none;
}

#myModal-address .close {
    color: #000;
    text-shadow: unset;
}

#myModal-address #address::placeholder {
    color: #fff;
}

.btn_dander_back_empty {
    border-radius: 64px;
    height: 44px;
    border: 2px solid #f04141;
    color: #f04141;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-address .edit-address {
    z-index: 2;
    position: relative;
    display: flex;
    justify-content: center;
    height: 82px;
}

.cart-address .edit-address i{
    font-size: 25px;
    z-index: 1;
    align-items: center;
    display: flex;
}

.z-index-3{
    z-index: 3 !important;
}

.cart-address .delete-address{
    width: 100%;
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /*right: -16px;*/
    padding-left: 15px;
}

.cart-address .delete-address i{
    font-size: 25px;
    z-index: 1;
}

.cart-address .edit-address:before {
    width: 158px !important;
    height: 84px !important;
    background-color: var(--ion-grey-6) !important;
}

.cart-address .delete-address:before {
    height: 83px;
    width: 171px;
    right: -70px;
    background-color: var(--ion-theme-5);
}

.cart-empty img {
    display: block;
    width: 200px;
    margin: 0 auto;
}

.font-style-empty-text{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 10px;
}

a:hover{
    text-decoration: unset;
}





/*input radio*/
.cart-address .radio{
    margin: 0.5rem;
    color: #bcbcbc;
    text-align: right;
}
.cart-address .radio .radio-label {
    display: flex;
    align-items: center;
}
.cart-address .radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.cart-address .radio input[type="radio"] + .radio-label:before {
    content: '';
    background: transparent;
    border-radius: 100%;
    border: 1px solid #bcbcbc;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -0.2em;
    margin-left: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}
.cart-address .radio input[type="radio"]:checked + .radio-label:before {
    background-color: #f1b91b;
    box-shadow: inset 0 0 0 4px #1a1a1a;
}
.cart-address .radio input[type="radio"]:focus + .radio-label:before {
    outline: none;
    border-color: #f1b91b;
}
.cart-address .radio input[type="radio"]:disabled + .radio-label:before {
    box-shadow: inset 0 0 0 4px #1a1a1a;
    border-color: #b4b4b4;
    background: #b4b4b4;
}
.cart-address .radio input[type="radio"] + .radio-label:empty:before {
    margin-right: 0;
}
/*end input radio*/


header .header-logo-login-cart .site-logo span{
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
    color: #f1b91b;
}

#selectTable{
    background: #1a1a1a;
    color: #fff;
    width: 120px;
    height: 35px;
    border-radius: 5px;
    box-shadow: -2px -1px 5px 3px rgb(0 0 0 / 40%) !important;
    border: unset;
    padding: 0px 5px;
}

.swiper_menu_desktop .swiper-wrapper{
    /*justify-content: center;*/
}

.alert-add-to-cart .progress {
    height: 0.5rem;
    margin-top: 5px;
    background-color: #a7cfa6;
}

#menu-body .menu-cat .menu-ul .swiper-slide img{
    object-fit: contain;
}



/*input radio*/
.item_table .radio{
    margin: 0.5rem;
    color: #bcbcbc;
    text-align: right;
}
.item_table .radio .radio-label {
    display: flex;
    align-items: center;
}
.item_table .radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.item_table .radio input[type="radio"] + .radio-label:before {
    content: '';
    background: transparent;
    border-radius: 100%;
    border: 1px solid #bcbcbc;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: 0;
    margin-left: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}
.item_table .radio input[type="radio"]:checked + .radio-label:before {
    background-color: #f1b91b;
    box-shadow: inset 0 0 0 4px #1a1a1a;
}
.item_table .radio input[type="radio"]:focus + .radio-label:before {
    outline: none;
    border-color: #f1b91b;
}
.item_table .radio input[type="radio"]:disabled + .radio-label:before {
    box-shadow: inset 0 0 0 4px #1a1a1a;
    border-color: #b4b4b4;
    background: #b4b4b4;
}
.item_table .radio input[type="radio"] + .radio-label:empty:before {
    margin-right: 0;
}
/*end input radio*/

#ModalSelectTable .modal-content {
    /*background-color: #191919;*/
    color: #000;
}

#ModalSelectTable .close {
    color: #000;
    text-shadow: unset;
    margin-left: 1rem;
}

#ModalSelectTable .modal-header{
    justify-content: flex-start;
}

#ModalContact .modal-content {
    /*background-color: #191919;*/
    color: #000;
}

#ModalContact .close {
    color: #000;
    text-shadow: unset;
    margin-left: 1rem;
}

#ModalContact .modal-header{
    justify-content: flex-start;
}

#ModalTextPager .modal-content {
    /*background-color: #191919;*/
    color: #000;
}

#ModalTextPager .close {
    color: #000;
    text-shadow: unset;
    margin-left: 1rem;
}

#ModalTextPager .modal-header{
    justify-content: flex-start;
    align-items: center;
}

.item_table .md.hydrated{
    color: #fff;
}

.item_table{
    margin-bottom: 15px;
}

footer{
    position: fixed;
    bottom: 0;
    /*width: calc(100% - 100px);*/
    width: 100%;
    height: 80px;
    z-index: 10;
    box-shadow: -2px -1px 5px 3px rgb(219 219 219 / 40%) !important;
    background-color: #fff;
    right: 0;
}

.button_order_complete{
    width: 120px;
}

.button_width{
    width: 185px !important;
    min-width: 185px !important;
}

footer .site-logo{
    width: auto;
    height: 90%;
}

footer .site-logo a img{
    /*width: 60px;*/
    /*height: auto;*/
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    height: 65px;
    width: auto;
    margin: 0 10px;
}

footer .site-logo a span{
    font-size: 20px;
    font-weight: bold;
    margin-right: 0px;
    color: #f1b91b;
}

.button_add_continue_yellow {
    height: 44px;
    border-radius: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000 !important;
    background: #efa41c;
    width: 100%;
    padding: 0;
    font-weight: bold;
}

.select_table_error{
    font-size: 13px;
    color: #e74133;
    text-align: right;
    margin-top: 5px;
}

.container-lg-none-cart {
    width: 100% !important;
    max-width: 100% !important;
    padding-bottom: 90px;
    /*margin-top: 55px;*/
}

#menu-body {
    padding-bottom: 80px;
}

.button_add_continue_yellow_empty{
    border: 2px solid #efa41c;
    background-color: transparent;
    color: #efa41c !important;
    height: 44px;
    border-radius: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0;
    font-weight: bold;
}

.title_success{
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
    text-align: center;
}

#home-logo {
    margin-right: 50px;
}

.pizza_shadow_{
    width: 80%;
    height: 80%;
    margin-left: 68%;
    margin-bottom: 22%;
}

.modal_table{
    justify-content: start;
    vertical-align: middle;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
    padding: 9px 10px;
}

.cart_absolote{
    z-index: 999;
    position: fixed;
    bottom: 90px;
    left: 10px;
    width: 70px;
    height: 70px;
    background-color: var(--ion-theme);
    border-radius: 50%;
    color: #f1b91b;
    transition: .3s ease all;
    box-shadow: 0 3px 17px #0000004d;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.close_sidebar{
    /*position: absolute;*/
    left: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #efa41c;
    font-size: 17px;
    cursor: pointer;
}

.parent_icon_mobile{
    position: relative;
}

.cart-products-count{
    /*width: 18px;*/
    /*height: 18px;*/
    /*border-radius: 50%;*/
    color: #000;
    /*position: absolute;*/
    top: -5px;
    right: -7px;
    font-size: 11px;
    text-align: center;
    /*box-shadow: 0 0 10px #00000067;*/
    cursor: pointer;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    /*padding-top: 5px;*/
    margin-right: 5px;
}

.main-aside {
    position: fixed;
    top: 0;
    left: unset;
    right: 0;
    z-index: 999999999;
    width: 300px;
    height: 100%;
    background-color: #1a1a1a;
    box-shadow: 0 3px 17px #0000004d;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 20px 0;
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
}

.main-aside.open {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.main-aside .order-items-cart{
    height: 100%;
    overflow-y: auto;
}

/* width */
.main-aside .order-items-cart::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.main-aside .order-items-cart::-webkit-scrollbar-track {
    background: #111;
}

/* Handle */
.main-aside .order-items-cart::-webkit-scrollbar-thumb {
    background: #f1b91b;
}

/* Handle on hover */
.main-aside .order-items-cart::-webkit-scrollbar-thumb:hover {
    background: #555;
}




.Basket__Item{
    padding: 0.5rem 10px;
    border-bottom: 1px solid rgb(175 175 175 / 29%);
}

.Basket__Footer{
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    align-content: initial;
    -webkit-box-align: center;
    align-items: center;
    flex-flow: row nowrap;
    flex: unset;
}

.Basket__Footer .counter{
    display: flex;
}

.Basket__Footer .title{
    color: #f1b91b;
    font-weight: bold;
}

.title_cart_sidebar{
    text-align: right;
    padding: 10px;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 10px;
}

.title_cart_sidebar .mini-count-cart{
    position: unset;
    display: inline-block;
    background: transparent !important;
    font-size: 17px;
    width: auto;
    color: #fff !important;
}

.white-space-nowrap{
    white-space: nowrap !important;
}

#box-render-factor-sidebar .box-shadow.style_factor{
    box-shadow: unset !important;
}

.parent_button_submit{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.pager_button{
    z-index: 999;
    position: fixed;
    bottom: 90px;
    right: 10px;
    width: 70px;
    height: 70px;
    background-color: var(--ion-theme);
    border-radius: 50%;
    color: #f1b91b;
    transition: .3s ease all;
    box-shadow: 0 3px 17px #0000004d;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#ModalSelectTablePager .modal-content {
    /*background-color: #191919;*/
    color: #000;
}

#ModalSelectTablePager .close {
    color: #000;
    text-shadow: unset;
    margin-left: 1rem;
}

#ModalSelectTablePager .modal-header {
    justify-content: flex-start;
}

#ModalMenu .modal-content {
    /*background-color: #191919;*/
    color: #000;
}

#ModalMenu .close {
    color: #000;
    text-shadow: unset;
    margin-left: 1rem;
}

#ModalMenu .modal-header {
    justify-content: flex-start;
}

#ModalMenu .card{
    border: unset !important;
}

.parent_button_submit .button_order_complete{
    width: 100% !important;
}

.notice-header-top{
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff99;
    z-index: 999;
}

.notice-header-top img{
    width: 200px;
    transform: scaleX(-1);
}

.notice-text{
    font-size: 16px;
    font-weight: bold;
    /*color: #fff;*/
}

.notice-holder{
    position: absolute;
    bottom: 60px;
    left: 47px;
    text-align: right;
}

.notice-close{
    width: 50px;
    height: 40px;
    border: 2px solid #000;
    border-radius: 50px;
    position: absolute;
    left: 15px;
    bottom: 20px;
}

.notice-close-cookie{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
}

.button_register{
    z-index: 999;
    position: fixed;
    bottom: 170px;
    left: 10px;
    width: 70px;
    height: 70px;
    background-color: var(--ion-theme);
    border-radius: 50%;
    color: #f1b91b;
    transition: .3s ease all;
    box-shadow: 0 3px 17px #0000004d;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 20px;
}

.button_register a{
    color: #f1b91b;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button_register > div{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shadow-light {
    box-shadow: 0 0.4rem 0.8rem rgb(0 0 0 / 5%), 0 0.1rem 0.3rem rgb(0 0 0 / 5%) !important;
    -moz-box-shadow: 0 .4rem .8rem rgba(0,0,0,.075) !important;
    -ms-box-shadow: 0 .4rem .8rem rgba(0,0,0,.075) !important;
}

.shadow-light.card{
    cursor: pointer;
}

.shadow-light.card img{
    height:40px;
    width:40px;
    object-fit: contain;
}

.bg-c-orange {
    background: linear-gradient(45deg,#fad961,#f76b1c);
}

.bg-c-yellow {
    background: linear-gradient(45deg,#13f1fc,#0470dc);
}

.bg-c-green {
    background: linear-gradient(45deg,#7cef5f,#29700c);
}

.bg-c-gray {
    background: linear-gradient(45deg,#F5515F,#bc1e32);
}

.bg-c-purple{
    background: linear-gradient(45deg,#b688d9,#5c00af);
}

.bg-c-green-1{
    background: linear-gradient(45deg,#80b4f5,#0008ff);
}

.bg-c-red-1{
    background: linear-gradient(45deg,#98b3b0,#03746a);
}

.bg-c-instagram{
    background: linear-gradient(45deg,#e6683c,#cc2366);
    /*background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);*/
    /*background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);*/
    /*background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);*/
}

.modal_menu{
    width: 51px;
    height: 40px;
    border: 2px solid #efa41c;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #efa41c;
    border-radius: 64px;
    font-size: 18px;
    cursor: pointer;
}

.pos-relative{
    position: relative !important;
}

.parent_textarea{
    display: flex;
    flex-direction: column;
    text-align: right;
    /*margin-bottom: 20px;*/
}

.parent_textarea textarea{
    height: 150px;
    background: transparent;
    resize: none;
    border-radius: 5px;
    margin: 10px 0px;
    padding: 10px;
    line-height: 2;
    font-size: 13px;
}
/* width */
.parent_textarea textarea::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.parent_textarea textarea::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.parent_textarea textarea::-webkit-scrollbar-thumb {
    background: #efa41c;
}

/* Handle on hover */
.parent_textarea textarea::-webkit-scrollbar-thumb:hover {
    background: #555;
}



.card-footer h5{
    margin: 0;
}

.description_order{
    width: 96%;
    margin: 0 auto 20px;
    display: block;
    background: transparent;
    border-radius: 5px;
    height: 100px;
    resize: none;
}

#box-render-factor-sidebar .style_factor{
    margin-top: 0px !important;
}

.box_description{
    border-bottom: 1px solid #313131;
    border-top: 1px solid #313131;
}

.style_input_form_contact input{
    background-color: transparent;
    height: 40px;
    margin-bottom: 10px;
    color: #fff;
    border: 2px solid #606060;
}

.style_input_form_contact input:focus {
    color: #fff;
    background-color: transparent;
    border-color: #f7b91d;
    outline: 0;
    box-shadow: unset;
}

.style_input_form_contact textarea{
    background-color: transparent;
    height: 100px;
    margin-bottom: 10px;
    color: #fff;
    border: 2px solid #606060;
    resize: none;
}

.style_input_form_contact textarea:focus {
    color: #fff;
    background-color: transparent;
    border-color: #f7b91d;
    outline: 0;
    box-shadow: unset;
}

.title_contact{
    text-align: right;
    margin-bottom: 15px;
    font-size: 15px;
    margin-top: 10px;
}

#ModalTextPager , #ModalSelectTable , #ModalContact{
    background: #ffffff5c;
}

.help-block.with-errors{
    text-align: right;
}

.swiper_menu_mobile .swiper-wrapper{
    padding: 0px 7px;
}

.product-item .price .new{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-item .price .new strike{
    font-size: 12px;
    margin-left: auto;
}

.product-item .price .new span{
    margin-right: auto;
}

.factor_table{
    display: unset;
    padding: unset;
    vertical-align: unset;
}

.title-customer-club.footer-h3 {
    cursor: pointer;
    /*background-color: #000000;*/
    width: 140px;
    height: 50px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 1px #c7c7c7;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    padding: 0 5px;
}

.android1 , .ios1{
    width: 25px;
    margin-right: 5px;
}

.des-customer-club {
    cursor: pointer;
    /*background-color: #000000;*/
    width: 140px;
    height: 50px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 1px #c7c7c7;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    padding: 0 5px;
}



/*slider first*/

.section1_index {
    /*height: calc(100vh - 280px);*/
    height: 300px;
}

.swiper_slider_one {
    height: 100%;
    border-radius: 6px;
}

.slider_image_one {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper_slider_one_bullet {
    position: absolute;
    bottom: 25px !important;
    display: flex;
    justify-content: center;
    z-index: 9;
}

.swiper_slider_one_bullet .swiper-pagination-bullet {
    width: 20px;
    height: 3px;
    border-radius: 0;
    opacity: 1;
    transition: .4s ease;
    background: #fff;
    margin: 0 4px;
}

.swiper_slider_one_bullet .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 44px;
}

.swiper_slider_one > svg:first-of-type {
    left: -11px;
}

.swiper_slider_one > svg:last-of-type {
    -webkit-transform: rotate(180deg) scaleX(1);
    transform: rotate(180deg) scaleX(1);
    right: -56px;
}

.swiper_slider_one > svg {
    position: absolute;
    top: 0;
    width: 45px;
    height: 100%;
    content: "";
    display: block;
    z-index: 3;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: .4s cubic-bezier(.36, .07, .19, .97);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    fill: #ffffffab;
}

.swiper-button-next1, .swiper-button-prev1 {
    width: 100px !important;
    height: 100% !important;
    top: 0 !important;
    align-items: center !important;
    border-radius: 0 !important;
    background: transparent !important;
    transition: .4s cubic-bezier(.36, .07, .19, .97) !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    z-index: 10;
    cursor: pointer;
    display: flex;
    position: absolute;
    border: unset;
}

.swiper-button-next1 {
    justify-content: flex-start;
    left: 0px;
    right: auto;
}

.swiper-button-next1::after {
    content: "\f104";
    display: flex;
    align-items: center;
    justify-content: center;
    background: hsla(0, 0%, 100%, .5) !important;
    transition: .4s cubic-bezier(.36, .07, .19, .97) !important;
    box-shadow: none;
    outline: none !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    /*font-weight: 700;*/
    color: #1e3b58 !important;
    font: normal normal normal 30px/1 Font Awesome\ 5 Pro;
}

.swiper-button-prev1 {
    justify-content: flex-end;
    right: 0px;
    left: auto;
}

.swiper-button-prev1::after {
    outline: none !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    /*font-weight: 700;*/
    color: #1e3b58 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: hsla(0, 0%, 100%, .5) !important;
    transition: .4s cubic-bezier(.36, .07, .19, .97) !important;
    box-shadow: none;
    content: "\f105";
    font: normal normal normal 30px/1 Font Awesome\ 5 Pro;
}

.swiper_slider_one .swiper-button-next1:hover:after, .swiper_slider_one .swiper-button-prev1:hover:after {
    background: transparent !important;
}

.swiper_slider_one .swiper-button-next1:hover {
    background: transparent;
    justify-content: flex-end;
}

.swiper_slider_one .swiper-button-prev1:hover {
    background: transparent;
    justify-content: flex-start;
}

.swiper_slider_one .swiper-button-next1:hover ~ svg:first-of-type {
    -webkit-transform: scaleX(2.3);
    transform: scaleX(2.3);
    left: -25px;
}

.swiper_slider_one .swiper-button-prev1:hover ~ svg:nth-of-type(2) {
    -webkit-transform: rotate(180deg) scaleX(2.3);
    transform: rotate(180deg) scaleX(2.3);
    right: -71px;
}

.parent_bottom_section {
    display: flex;
}

.see_more_product {
    margin-right: 5px;
    display: flex;
    align-items: center;
}

.swiper_slider_section4, .swiper_slider_section6, .swiper_slider_section8 {
    padding: 20px 6px;
}

.see_more_product a img {
    width: 60px;
}

.title_section_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.title_section_box .title_box::before {
    content: '';
    width: 40px;
    height: 40px;
    background-color: #c9e3ff;
    border-radius: 50px;
    position: absolute;
    z-index: -1;
    right: 0;
    top: -5px;
}

.title_section_box .title_box {
    padding-right: 15px;
    font-size: 17px;
}

.parent_banner_advertising {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.parent_banner_advertising img {
    width: 100%;
    object-fit: contain;
}

/*end*/

/*header*/
header{
    height: 90px;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    /*flex-direction: column;*/
    /*padding: 20px 0;*/
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.child_header{
    display: flex;
    align-items: center;
}

.logo_site img{
    height: 50px;
    object-fit: contain;
}

.links_header img{
    height: 20px;
    object-fit: contain;
    overflow: hidden;
    width: 20px;
    margin-right: 8px;
}

.links_header{
    color: #000;
    display: flex;
    align-items: center;
    margin-right: auto;
    font-weight: bold;
    font-size: 15px;
}

.links_header a{
    color: #000;
}

.parent_header_icon {
    border: 1px solid #e5ecf1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 56px;
    margin-right: 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.search-menu {
    margin: auto;
    overflow: hidden;
    padding: 3px 10px;
    border-radius: 45px;
    /*background-image: linear-gradient(to left,#60B14A,#4FAD4C);*/
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
}

.search-menu input{
    background: transparent;
    border: unset;
    width: calc(100% - 30px);
}

.search-menu input:focus{
    outline: unset;
    border: unset;
    box-shadow: unset;
    background: transparent;
}

.input-group-append {
    width: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.search-menu .input-group-append img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.box_search_header{
    margin-right: 20px;
    min-width: 300px;
}

/*end*/


/*categoey*/

.box-category:hover {
    transform: scale3d(1.05,1.05,1);
}
.box-category:hover .image img {
    box-shadow: 0 6px 10px rgb(0 0 0 / 20%);
}
.box-category {
    position: relative;
    margin-bottom: 15px;
    transition: 0.3s;
}
.box-category .image img {
    border-radius: 20px;
    transition: 0.3s;
}
.box-category .text {
    background-image: url(../images/index/vector.png);
    position: absolute;
    bottom: -15px;
    right: 25px;
    left: 25px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    min-height: 45px;
    display: flex;
    display: -ms-flexbox;
    filter: drop-shadow(0px 6px 6px #e3e3e3);
}

.box-category .text .title {
    font-size: 18px;
    color: #30445A;
    margin: auto;
    font-weight: bold;
}

/*end*/



.filter_black{
    filter: brightness(0%);
}

.footer_index .filter_black{
    transform: scaleX(-1);
}

.div1-footer a{
    color: #000;
}

.bottom_box_product{
    padding: 0 15px;
}

#menu_fix_left div.menu {
    position: relative;
    padding: 10px;
    text-decoration: none;
    size: 14px;
}

#menu_fix_left div.menu img{
    width: 50px;
    margin-bottom: 10px;
}

.fade-line {
    margin: 0;
    height: 1px;
    width: 100px;
    background: white;
}

#menu_fix_left div.menu.activefilter {
    color: #fff;
}

#menu_fix_left div.menu.active_item img{
    filter: brightness(0) invert(1);
}

#menu_fix_left div.menu.activefilter img{
    filter: brightness(0) invert(1);
}

@media (min-width: 992px) {
    .cart-address .delete-address:before, .cart-address .edit-address:before {
        position: absolute;
        content: "";
        z-index: 0;
        width: 156px;
        height: 100%;
        right: -70px;
        border-bottom-left-radius: 25px;
        border-top-left-radius: 25px;
        background-color: var(--ion-theme-5);
        box-shadow: -2px -1px 5px 3px rgba(0, 0, 0, .4) !important;
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }
}

@media (max-width: 992px) {
    .notice-close {
        bottom: 15px;
    }

    #home-logo{
        margin-right: 100px;
    }

    #home-logo img{
        width: 80%;
    }

    #slider:before{
        left: 22%;
    }

    .title_success {
        font-size: 18px;
    }

    .header_mobile .container{
        padding: 10px !important;
        max-width: 100%;
    }

    .header_mobile{
        background: #1a1a1a;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        /*box-shadow: 0px 0px 2px 2px #000;*/
        border-bottom: 1px solid #464646;
    }

    .header_mobile .site-nav{
        height: 35px;
    }

    .header_mobile .site-nav .header-logo-login-cart{
        height: 100%;
    }

    .button_factor_cart .col-6{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .cart-address .edit-address{
        height: auto;
        padding-left: 15px;
    }

    .cart-address .delete-address{
        height: auto;
    }

    .btn_delete_mobile_address{
        position: absolute;
        left: 0;
        z-index: 11;
        top: 10px;
    }

    .btn_edit_mobile_address{
        position: absolute;
        left: 0;
        z-index: 11;
        bottom: 10px;
    }

    .cart-address .edit-address i , .cart-address .delete-address i{
        font-size: 15px;
    }

    .style_factor {
        margin: 0px;
    }

    .product-item.box-shadow {
        /*display: flex;*/
    }

    .cart-items .food-info .image {
        width: 85px;
        height: 60px;
        margin-right: 40px;
    }

    .cart-items .food-info .image img {
        width: 100%;
        height: 100%;
    }

    .order-mobile-3 {
        order: 3;
    }

    .cart-items .final-price {
        text-align: right !important;
        color: #367535;
    }

    .style_btn_delete_mobile {
        position: absolute;
        right: 5px;
        z-index: 2;
        background: #e74133;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        top: calc((100% - 80px) / 2);
        font-size: 11px;
    }

    .Basket__Item .style_btn_delete_mobile {
        position: unset;
        right: 5px;
        z-index: 2;
        background: transparent;
        width: auto;
        height: auto;
        border-radius: 0px;
        top: calc((100% - 80px) / 2);
        font-size: 12px;
    }

    .cart_absolote{
        top: unset;
        bottom: 80px;
        left: 15px;
        width: 50px;
        height: 50px;
        font-size: 10px;
    }

    .pager_button{
        top: unset;
        bottom: 80px;
        right: 15px;
        width: 50px;
        height: 50px;
        font-size: 10px;
    }

    .cart-products-count {
        /*width: 15px;*/
        /*height: 15px;*/
        /*padding-top: 0px;*/
    }

    .style_btn_delete_mobile a {
        position: unset;
        padding: 0;
    }

    .style_btn_delete_mobile a i {
        font-size: 13px;
    }

    .cart_item_food .cart-items .food-info .image:after {
        content: unset;
    }

    .price_product_mobile {
        display: block;
    }

    .price_product_desktop {
        display: none;
    }

    .button-native-mobile {
        border: 2px solid #367535;
        color: #367535 !important;
        background-color: transparent !important;
        border-radius: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px !important;
        height: 30px !important;
        margin: unset;
        margin-bottom: 7px;
    }

    .text_desktop {
        display: none;
    }

    .text_mobile {
        display: flex;
        font-size: 15px;
    }

    .description_box_food {
        display: block;
    }

    .cart_item_food .cart-items .food-info .info .title {
        margin: 0 0 5px 0;
    }

    .header_cart_mobile {
        background-color: #1a1a1a;
        height: 56px;
        display: flex;
        justify-content: space-between;
        color: #fff;
        align-items: center;
        padding: 0 15px;
        position: fixed;
        top: 0;
        z-index: 999;
        width: 100%;
    }

    .footer_cart_mobile {
        /*position: fixed;*/
        width: 100%;
        right: 0;
        bottom: 0px;
        z-index: 999;
        background-color: #111;
    }

    .container-lg-none {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .main_page_right {
        padding-right: 85px !important;
    }

    .title_section_food {
        display: none;
    }

    .menu-cat.box-shadow.mb-20 {
        display: none;
    }

    .box_product_food .product-item .price {
        justify-content: start;
        margin: 15px 0px;
    }

    .box_product_food .product-item .title {
        margin-right: 0;
    }

    .footer_cart_mobile {
        display: block;
    }

    .title_cart_address{
        display: flex;
    }

    .title_cart_address::before {
        height: 1px;
        top: 50%;
        width: 150px;
    }

     .title_cart_address::after{
        content: unset;
    }

     .title_cart_address h2{
         margin: 6px 160px 6px 0;
     }

    header .header-logo-login-cart .site-logo img {
        width: 60px;
    }

    header .header-logo-login-cart .site-logo span{
        font-size: 16px;
    }

    footer .site-logo a img {
        width: 70px;
    }

    footer .site-logo a span{
        display: none;
    }

    .button_add_continue_yellow_empty , .button_add_continue_yellow{
        height: 40px;
    }

    footer{
        height: 70px;
    }

    .button-native-add-cart.button-disabled{
        height: auto;
        background: transparent !important;
        box-shadow: unset;
        color: #afafaf !important;
        margin: 0;
        justify-content: end;
    }

    .swiper_slider_one > svg:first-of-type {
        left: -14px;
    }

    .swiper_slider_one > svg:last-of-type {
        right: -59px;
    }

    .section1_index{
        height: 200px;
    }
}

@media (max-width: 768px) {
    #slider:before{
        display: none;
    }

    #slider{
        background: unset;
        padding: 0 30px 40px;
    }

    .backGround_mobile{
        background: #ffca35;
        border-radius: 0px 0px 40px 40px;
        margin-bottom: 30px;
    }

    #home-logo{
        margin: 0;
        padding: 20px;
    }

    #slider > .container1 > .row{
        flex-direction: column-reverse;
    }

    .swiper_slider_one .swiper-button-next1, .swiper_slider_one .swiper-button-prev1, .swiper_slider_one > svg {
        display: none;
    }

    .section1_index{
        height: 150px;
    }

    .swiper_slider_one_bullet{
        bottom: 15px !important;
    }
}

@media (max-width: 576px) {
    #slider{
        background: unset;
        padding: 0 20px 40px;
    }

    #home-logo {
        padding: 10px;
    }

    #home-logo img {
        width: 100%;
    }

    .card-footer h5 {
        font-size: 16px;
    }

    .section1_index{
        height: 110px;
    }

    .swiper_slider_one_bullet{
        bottom: 9px !important;
    }
}

@media (max-width: 450px) {
    header .header-logo-login-cart .site-logo span{
        display: none;
    }

    .product-item img{
        width: 80px;
    }

    .button_order_complete {
        width: 80px;
    }

    .button_add_continue_yellow , .button_add_continue_yellow_empty{
        font-size: 11px;
    }

    footer .site-logo{
        display: none !important;
    }

    .button_width {
        width: 150px !important;
        min-width: 150px !important;
        margin-right: 0 !important;
    }

}