[class^="col-"],
.container,
topl-xs-1 {
    position: relative;
    min-height: 1px;
    padding: 0 8px;
}
.row {
    margin: 0 -8px;
}
body ul {
    padding: 0;
}
.display-block {
    display: block;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-top-25 {
    margin-top: 25px;
}
.margin-bottom-0 {
    margin-bottom: 0 !important;
}
.margin-bottom-5 {
    margin-bottom: 5px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-bottom-30 {
    margin-bottom: 30px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.margin-right-10 {
    margin-right: 10px;
}
.padding-left-5 {
    padding-left: 5px;
}
.padding-0 {
    padding: 0;
}
.border-top-3-grey .upb_row_bg.vcpb-derault {
    border-top: 3px solid #ccc;
}
.border-bottom-3-grey .upb_row_bg.vcpb-default {
    border-bottom: 3px solid #ccc;
}

.breadcrumb-post h1 {
    margin: 25px 0;
    color: #444;
    text-align: center;
    text-transform: uppercase;
}
.breadcrumb-post #breadcrumbs {
    margin: 0 0 25px;
    color: #68b120;
}
.breadcrumb-post #breadcrumbs a,
.breadcrumb-post #breadcrumbs span.breadcrumb_last {
    color: #555;
}
.text-underline-app {
    border-bottom: 3px solid #90c948;
}
.star-required {
    font-size: 12px;
    font-weight: 700;
    color: red;
}
.app-font-13,
.txt-fs13 {
    font-size: 13px;
}
.full-width {
    width: 100%;
    margin: auto;
}
.box-green {
    color: #7dbe42;
}
.txt-red {
    color: #fc0000;
}
.txt-black {
    color: #000;
}
.txt-bold {
    font-weight: 600;
}
.txt-fw500 {
    font-weight: 500;
}
body .vc_col-has-fill > .vc_column-inner,
body .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
body .vc_row-has-fill > .vc_column_container > .vc_column-inner {
    padding: 0;
}
body.archive.tag,
body.category,
body.page:not(.home),
body.single.single-post {
    background-color: #f6f6f6;
}
.breadcrumb-post {
    background-image: url(../../images/bg-breadcrum-post.jpg) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-color: rgba(255, 255, 255, 1);
    border-bottom: 3px solid #ddd;
    margin-bottom: 30px;
}
.wrapper-sidebar-hotline {
    background-color: #fc0;
    padding: 15px;
    border-radius: 2px;
}
.wrapper-sidebar-hotline .hotline-header {
    font-size: 22px;
    font-weight: 700;
    color: #ed1c24;
}
.wrapper-sidebar-hotline .hotline-item {
    font-weight: 700;
    font-size: 18px;
    background: #f86f14;
    border-radius: 4px;
    margin-top: 10px;
    padding: 5px 10px;
    color: #fff;
}
body .wrapper-sidebar-hotline .hotline-item a {
    color: #fff;
}
body .wrapper-sidebar-hotline .hotline-item a:hover {
    color: #444;
}
.breadcrumb-post:hover {
    background-color: rgba(0, 0, 0, 0.7);
}
body .post-content-wrapper {
    background: #fff !important;
    padding: 8px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-bottom: 20px;
}
body .post-content-wrapper .box ol,
body .post-content-wrapper .box ul {
    list-style: inherit;
}
.post-content-wrapper .wrapper-contact-form ul.contact_desc {
    margin-left: 10px;
}
body .post-content-wrapper .box ul {
    padding-left: 40px;
}
body .post-content-wrapper ul.wrapper-food-price {
    list-style: none;
    padding: 10px 10px 0;
}
body .post-content-wrapper img {
    max-width: 100%;
    height: auto;
}
body .sidebar-post h2 {
    padding: 10px;
    border: 1px solid #30764b;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #30764b;
    color: #fff !important;
    font-weight: 700;
    margin-bottom: 0;
}
body .sidebar-post h2 a {
    color: #fff;
    font-weight: 400;
}
body .sidebar-post ul.dpe-flexible-posts {
    padding: 10px;
    border: 1px solid #eee;
    background-color: #fff;
}
body .sidebar-post ul.dpe-flexible-posts li {
    margin-bottom: 15px;
    border-bottom: 1px dashed #90c948;
    padding-bottom: 10px;
}
body .sidebar-post ul.dpe-flexible-posts li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}
body .sidebar-post ul.dpe-flexible-posts li a img {
    width: 100%;
    height: auto;
}
body .sidebar-post ul.dpe-flexible-posts li a h4.title {
    text-transform: uppercase;
    font-weight: 500;
    color: #388e3c;
    margin-top: 5px;
    font-size: 16px;
}
.padding-left-0 {
    padding-left: 0;
}
.padding-right-10 {
    padding-right: 10px;
}
.padding-lr-0,
.padding-right-0 {
    padding-right: 0;
}
.padding-left-10 {
    padding-left: 10px;
}
.padding-lr-0 {
    padding-left: 0;
}
.padding-lr-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.padding-top-15 {
    padding-top: 15px !important;
}
body #totop {
    display: none;
    position: fixed;
    bottom: 45px;
    right: 15px;
    background: #fff;
    padding: 2px 3px;
    border-radius: 50%;
    box-shadow: 0 1px 2px;
    z-index: 9999;
}
body #totop:hover {
    text-decoration: none;
}
body #totop i {
    color: #999;
    font-size: 27px;
}
body .page-service-wrapper > .vc_col-sm-12 > .vc_column-inner {
    padding: 0;
}
#footer ul li {
    font-size: 13px;
}
#footer ul li a:hover,
#footer ul li a:hover i {
    text-decoration: none;
    color: #84cc27;
}
body .footer-sticker-mobile {
    background-color: rgba(255, 255, 255, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 1px 0 3px #888;
    z-index: 999999;
}
body .btn-search-stick-mobile {
    float: right;
    background: #30764b;
    padding: 2px 6px;
    margin: 5px 15px;
    color: #fff;
}
body .footer-sticker-mobile {
    display: none;
    padding: 5px 0;
    text-align: center;
}
body .footer-sticker-mobile .icon-item {
    padding: 3px 6px;
    border-radius: 50%;
    background: #388d3c;
    color: #fff;
}
body .footer-sticker-mobile a {
    display: inline-block;
    padding: 5px 6px;
    color: #fff;
}
body .footer-sticker-mobile .phone {
    float: left;
    color: #388d3c;
    font-size: 16px;
    line-height: 26px;
}
#header .header-top {
    background-color: #30764b;
    color: #fff;
}
body .frm-search-sticker-mobile {
    display: none;
    position: fixed;
    top: -200;
    left: 0;
    width: 220px;
    z-index: 9999999;
}
body .frm-search-sticker-mobile form {
    display: inline-block;
    width: 100%;
    position: relative;
}
body .frm-search-sticker-mobile input {
    border: 2px solid #48b24b;
    border-radius: 2px;
    padding: 2px 30px 2px 10px;
    font-size: 18px;
    width: 100%;
    margin-top: 5px;
    height: 36px;
}
body .frm-search-sticker-mobile button {
    position: absolute;
    right: 3px;
    top: 10px;
    border: none;
    background: 0 0;
    color: #398c3c;
}
body .wrapper-item-icon {
    margin-top: 28px;
}
#header .header-top .header-top-left img,
#header .header-top .header-top-left span {
    vertical-align: middle;
    font-size: 13px;
    font-weight: 400;
}
#header .header-top .header-top-right {
    margin-top: 4px;
}
#header .header-top .header-top-right a {
    text-decoration: none;
    color: #fff;
}
#header .header-top .header-top-right a:hover {
    color: #444;
}
.item-contact i.icofont-headphone {
    background-color: #fff;
    padding-top: 1px;
    font-size: 16px;
    line-height: 20px;
}
.item-contact i.icofont-envelope {
    background-color: #fff;
    font-size: 14px;
    line-height: 25px;
}
#header .header-top .header-top-right a i {
    color: #388e3c !important;
    border: 1px solid #facd04;
    width: 26px;
    height: 26px;
    border-radius: 50px;
    opacity: 1;
    text-align: center;
    min-width: 0 !important;
    display: inline-block;
    pointer-events: none;
}
#header .header-body {
    width: 100%;
    background-image: url(../../images/bg_section_2.jpg) !important;
    z-index: 999999;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-color: rgba(255, 255, 255, 1);
    border-bottom: 2px solid #eee;
}
#header-navbar a {
    text-decoration: none;
}
#header-navbar .box-logo-header .thumb a {
    position: relative;
    display: inline-block;
    margin-top: 14px;
}
.box-logo-header {
    position: relative;
    padding-left: 84px;
    padding-bottom: 15px;
    display: inline-block;
}
.box-logo-header .thumb {
    display: inline-block;
    position: absolute;
    margin: auto;
    left: 0;
    top: -10px;
    bottom: 0;
}
.box-logo-header .thumb img {
    width: 80px;
    position: relative;
}
.box-logo-header .text {
    padding-top: 22px;
}
.box-logo-header .text .title {
    font-size: 14px;
    color: #378155;
    font-weight: 700;
    border-bottom: 1px dashed #338256;
    display: inline-block;
}
.box-logo-header .text .subtitle a {
    font-size: 13px;
    color: #d90e10;
}
.box-logo-header .text .subtitle span {
    font-size: 12px;
    font-style: italic;
    color: #888;
}
.box-logo-header:hover .title {
    color: #555;
    transition: 0.3s;
}
.wrapper-copyright .imglogo {
    width: 75px;
}
#header .header-body .wrapper-top-menu {
    margin-top: 10px;
}
.wrapper-top-menu {
    margin-top: 10px;
    z-index: 9999;
    position: relative;
}
.wrapper-top-menu ul {
    list-style: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    border-radius: 3px;
}
.wrapper-top-menu ul > li {
    position: relative;
    float: left;
    margin: 0;
    text-align: center;
    color: #30764b;
    padding: 10px 5px 5px 5px;
    border-radius: 4px;
    transition: all 0.3s;
    margin-right: 4px;
}
.wrapper-top-menu ul > li.icofont:before {
    font-size: 32px;
}
.wrapper-top-menu ul > li.menu-item-has-children > a:after {
    content: "\eb53";
    font-family: IcoFont !important;
    position: absolute;
    right: 10px;
    top: 14px;
}
.wrapper-top-menu ul ul > li.current-menu-item a {
    color: #444;
    background: #ddd;
}
.wrapper-top-menu ul > li.current-menu-parent a {
    color: #444;
}
.wrapper-top-menu ul > li:hover {
    background: #444;
    color: #fff;
    transition: all 0.3s;
}
.wrapper-top-menu ul > li:hover > a {
    color: #fff;
}
.wrapper-top-menu ul > li a {
    display: block;
    color: #30764b;
    text-decoration: none;
    font-size: 14px;
    padding: 6px 15px 5px 15px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
.wrapper-top-menu ul > li > a:before {
    font-family: IcoFont !important;
    font-size: 32px;
    display: inherit;
    line-height: 36px;
}
.wrapper-top-menu ul li.current-menu-item ul {
    background: #fff !important;
}
.wrapper-top-menu ul ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    padding: 0;
    border-radius: 0 0 3px 3px;
    box-shadow: 1px 1px 3px 0 #999;
    padding: 10px 0;
}
.wrapper-top-menu ul ul.sub-menu li {
    text-align: left;
    float: none;
    width: 200px;
    border-radius: 0;
    padding: 4px 0;
    margin: 0;
}
.wrapper-top-menu ul ul.sub-menu li a {
    text-transform: inherit;
}
.wrapper-top-menu ul ul a:before {
    content: "\ec38";
    font-family: IcoFont !important;
    font-size: 13px;
    display: inline-block;
    margin-right: 5px;
    line-height: 24px;
}
.wrapper-top-menu ul ul a {
    line-height: 13px;
    padding: 0 10px;
    font-size: 13px;
}
.wrapper-top-menu ul ul ul {
    top: 0;
    left: 100%;
}
.wrapper-top-menu ul li:hover > ul {
    display: block;
}
#footer .social-icons ul li {
    display: inline-block;
}
#footer .social-icons ul li a {
    font-size: 20px;
    background: #ccc;
    margin-bottom: 3px;
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    padding-top: 15px;
    border-radius: 4px;
    color: #fff;
}
#footer .social-icons ul li a.item-zalo {
    padding-top: 5px;
    background: 0 0;
}
#footer .imglogo-zalo {
    width: 51px;
    height: 52px;
    line-height: 50px;
    margin-top: -7px;
}
#footer .social-icons ul li.icon-youtube a {
    background-color: #ed4630;
}
#footer .social-icons ul li.icon-facebook a {
    background-color: #3b5998;
}
#footer .social-icons ul li.icon-google a {
    background-color: #e02f2f;
}
#footer .social-icons ul li.icon-twitter a {
    background-color: #55acee;
}
#footer .social-icons ul li.icon-pin a {
    background-color: #ca2028;
}
#footer .social-icons ul li.icon-instagram a {
    background-color: #316699;
}
#footer .social-icons ul li.icon-linkedin a {
    background-color: #0272b0;
}
#footer .social-icons ul li a:not(.item-zalo):hover {
    background-color: #444;
}
#footer .partner-item {
    font-size: 13px;
    text-decoration: underline;
    color: #54acef;
}
#footer .item-menu-button {
    margin-top: 20px;
}
#footer .item-menu-button ul li {
    display: inline-block;
    margin-bottom: 20px;
}
#footer .item-menu-button ul li a {
    background: #30764b;
    padding: 10px;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 #aaa;
}
#footer .item-menu-button ul li a:hover {
    background: #444;
    color: #fff;
    transition: all 0.2s;
}
body .custom-footer-widget-bottom .widgettitle {
    display: none;
}
body .custom-footer-widget-bottom .tagcloud {
    border: 1px dashed #ddd;
    padding: 5px 10px;
    border-radius: 4px;
    background: #fff;
}
body .custom-footer-widget-bottom .tagcloud a {
    font-size: 13px !important;
    display: inline-block;
    margin-right: 10px;
    color: #555;
}
body .custom-footer-widget-bottom .tagcloud a:after {
    content: "|";
    margin-left: 10px;
}
body .custom-footer-widget-bottom .tagcloud a:last-child:after {
    content: "";
}
body .tag-cloud .vc_column-inner {
    padding: 0;
}
#hs-all-menu {
    padding: 2px 5px;
    background: #388e3c;
    margin-bottom: 2px;
}
#hs-all-menu i {
    font-weight: 700;
    font-size: 16px;
}
#close-all-menu {
    display: none;
    padding: 0 5px;
    background: #444;
    margin-bottom: 2px;
}
#close-all-menu:hover {
    color: #fff;
}
#bookingModal {
    z-index: 9999999;
}
#bookingModal .modal-header {
    background: #388e3c;
    color: #fff;
    font-size: 18px;
    padding: 10px 15px;
}
#bookingModal .modal-header .fa.fa-cutlery {
    background: #fff;
    border-radius: 50%;
    padding: 6px 8px;
    color: #388e3c;
}
#bookingModal .modal-header .close {
    color: #fff;
    opacity: 1;
}
#booking-menu .frm-note {
    text-align: center;
    margin-bottom: 10px;
    color: #ed1c24;
}
body .padding-vc-0 > .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*home page - y kien khach hang*/
.wrapper-comment-customer {
    margin-top: 30px;
    padding: 20px 0;
    border-top: 2px solid #f1f1f1;
}
.wrapper-comment-customer h3 {
    margin-bottom: 20px;
    margin-top: 0;
}
.wrapper-comment-customer h3 span {
    border-bottom: 3px solid #90c948;
}
.wrapper-comment-customer .owl-item #tss_name {
    margin-top: 5px;
}
.wrapper-comment-customer .owl-item #tss_warppper {
    padding: 10px 15px;
}
.wrapper-comment-customer .owl-item #tss_content {
    border: 1px dashed #ccc;
    padding: 15px;
    min-height: 370px;
    background-color: #fff;
}
.wrapper-comment-customer .owl-item #tss_testimonial {
    text-align: justify;
    font-size: 15px;
}

/*thuc don*/
body .post-content-wrapper ul.erm_menu_content {
    padding-left: 0;
}

.post-content-wrapper .content_block{display: inline-block;}
.post-content-wrapper.gird-full-row h2 {
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
}
.post-content-wrapper.gird-full-row h2 a:hover {
    text-decoration: none;
    color: #84cc27;
}
.post-content-wrapper.gird-full-row .entry-content {
    text-align: justify;
    color: #666;
}
.post-content-wrapper.gird-full-row .entry-readmore a.btn-readmore {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 17px;
    filter: none;
    padding: 5px 20px 6px;
    margin: 0;
    box-shadow: none;
    display: inline-block;
    vertical-align: top;
    text-shadow: none;
    border-radius: 0;
    text-align: center;
    background: #f6f6f6;
    color: #3c3b48;
    border: 1px solid #ddd;
}
.post-content-wrapper.gird-full-row .entry-readmore a.btn-readmore:hover {
    text-decoration: none;
    background-color: #90c948;
    color: #fff;
}
.post-content-wrapper.gird-full-row .post-info-meta {
    margin: 10px 0;
}
.entry-date .entry-date-icon i {
    color: #999;
}
.entry-date .entry-date-text {
    font-size: 13px;
    font-weight: 400;
    color: #666;
}
.post-content-wrapper.gird-full-row .entry-footer {
    margin-top: 15px;
}
body .wp-pagenavi a,
body .wp-pagenavi span {
    border: 1px solid #ebebeb;
    background: #fff;
    padding: 0 10px;
    margin: 0 2px 5px 0;
    height: 30px;
    text-align: center;
    line-height: 28px;
    font-size: 13px;
    display: inline-block;
    color: #666;
    vertical-align: top;
}
.home-wrapper-menu .home-decor-leaf,
.wrapper-feature-service .wrapper-service-item h4 span,
.wrapper-service-item h3 i,
.wrapper-service-item h3 span {
    vertical-align: middle;
}
body .wp-pagenavi .current,
body .wp-pagenavi a:hover {
    border-color: #fff !important;
    color: #fff;
    background: #30764b;
}
.wrapper-tag-list a {
    color: #999;
}
.wrapper-fb-comment .title-comment {
    border-bottom: 3px solid #90c948;
}
.wrapper-like-social {
    text-decoration: none;
    color: #84cc27;
    padding: 0;
    margin: 0;
}
.wrapper-like-social li {
    display: inline-block;
}
.wrapper-like-social .fb-like {
    height: 24px;
    overflow: hidden;
}
.social_sharing .social_icon ul {
    padding: 0;
    text-align: right;
}
.social_sharing .social_icon li {
    display: inline-block;
}
.social_sharing .social_icon li a {
    border: 1px solid #ebebeb;
    text-align: center;
    width: 28px;
    height: 28px;
    display: block;
    color: #999;
}
.social_sharing .social_icon li a.social_item:hover {
    color: #fff;
}
.social_sharing .social_icon li.facebook a.social_item:hover {
    background-color: #3b5998;
}
.social_sharing .social_icon li.twitter a.social_item:hover {
    background-color: #00aced;
}
.social_sharing .social_icon li.google a.social_item:hover {
    background-color: #dd4b39;
}
.social_sharing .social_icon li.pinterest a.social_item:hover {
    background-color: #cb2027;
}
.social_sharing .social_icon li a i {
    line-height: 28px;
}
.menu-label {
    background-color: #d41212;
    font-family: Karla, Arial, Helvetica, sans-serif !important;
    position: absolute;
    top: -18px;
    right: 0;
    font-size: 8px;
    line-height: 15px;
    color: #fff;
    padding: 0 5px;
}
.menu-label i {
    padding: 4px 2px;
    font-size: 10px;
}
.menu-label:after {
    color: #d41212;
    content: "\eb27";
    font-family: IcoFont;
    font-size: 16px;
    position: absolute;
    bottom: -7px;
    left: -5px;
    width: 10px;
    z-index: 99999;
}
.bg-blue {
    background: #00aced;
}
.menu-label.bg-blue:after {
    color: #00aced;
}
body .morph-by-bonfire ul li a {
    font-family: Roboto, Helvetica, Arial, sans-serif;
}
body .morph-by-bonfire .menu li.icofont:before {
    width: 28px !important;
    font-size: 16px;
    display: inline-block;
    background: #129a31;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 3px;
    border: 1px solid #1f8a37;
}
/*body .morph-main-wrapper .menu-label {
    display: none !important;
}*/

body .morph-main{
    background-color: #30764b !important;
}
.wrapper-page-contact-left .form-contact {
    padding: 15px;
    background: #fcfcfc;
    border-radius: 2px;
    border: 1px solid #f1f1f1;
}
.wrapper-page-contact-left .form-contact input[type="email"],
.wrapper-page-contact-left .form-contact input[type="number"],
.wrapper-page-contact-left .form-contact input[type="text"],
.wrapper-page-contact-left .form-contact textarea {
    box-shadow: none;
    border: 1px solid #eee;
    padding: 5px 10px;
    color: #888;
    width: 100%;
}
.wrapper-page-contact-left .form-contact input[type="submit"] {
    border: 1px solid transparent;
    padding: 3px 10px;
    text-transform: uppercase;
    background: #90c948;
    color: #fff;
    border-bottom-color: #6da227;
}
.wrapper-page-contact-left .form-contact input[type="submit"]:active,
.wrapper-page-contact-left .form-contact input[type="submit"]:hover {
    background-color: #444;
}
.wrapper-page-contact-left .form-contact label {
    font-size: 16px;
    font-weight: 600;
    color: #777;
}
.wrapper-contact-form .contact_desc {
    list-style: none !important;
    padding-left: 0 !important;
}
.wrapper-contact-form .contact_desc li {
    margin-bottom: 10px;
    font-size: 13px;
}
.wrapper-contact-form .contact_desc .contact-sub {
    color: #444;
    font-size: 13px;
    font-weight: 700;
}
.wrapper-contact-form .contact_desc i {
    margin-right: 5px;
    color: #fff !important;
    width: 28px;
    text-align: center;
    background: #90c948;
    padding: 6px 4px;
    border-radius: 4px;
    position: relative;
}
.wrapper-contact-form .contact_desc i.app-address:after {
    content: "1";
    background-color: #84cc27;
    border: 1px solid #fff;
    position: absolute;
    top: -7px;
    left: -9px;
    color: #fff;
    width: 18px;
    font-size: 10px;
    padding: 3px 0;
    border-radius: 50%;
}
.wrapper-contact-form .contact_desc i.app-address.app-address-2:after {
    content: "2";
}
.wrapper-contact-form .contact_desc i.app-address.app-address-3:after {
    content: "3";
}
.wrapper-contact-form .contact_desc i.app-address.app-address-4:after {
    content: "4";
}
.wrapper-contact-form .contact_desc i.app-address.app-address-5:after {
    content: "5";
}
.wrapper-contact-form .contact_desc i.app-address.app-address-6:after {
    content: "6";
}
.wrapper-contact-form .contact_desc i.app-address.app-address-7:after {
    content: "7";
}
.wrapper-contact-form.text-white .contact_desc i {
    color: #10161e !important;
    background-color: #ccc;
}
body .wrapper-content-block-menu .content_block .vc_column_container > .vc_column-inner {
    padding: 0 !important;
}
body #footer .wrapper-contact-form .contact_desc i.app-address:after {
    background-color: #6a6a6a;
}
.sidebar-contact a {
    display: block;
    position: relative;
    text-align: center;
    color: #fff;
    padding: 15px 0;
    line-height: 20px;
    font-size: 21px;
    font-weight: 700;
    border: 1px solid #f6f6f6;
    border-radius: 2px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.71);
    transition: all 0.3s;
}
.sidebar-contact a.item-view {
    border: 1px solid #efce19;
    background: #fd6e1d;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fd6e1d), to(#f59000));
    background: -webkit-linear-gradient(top, #f59000, #fd6e1d);
    background: -moz-linear-gradient(top, #f59000, #fd6e1d);
    background: -ms-linear-gradient(top, #f59000, #fd6e1d);
    background: -o-linear-gradient(top, #f59000, #fd6e1d);
    animation: shadow-pulse 1s infinite;
}
.sidebar-contact a.item-call {
    background: #288ad6;
}
.sidebar-contact a:hover {
    background: #444;
    text-decoration: none;
    transition: all 0.3s;
}
.sidebar-contact a .sub-title {
    font-size: 13px;
    font-weight: 400;
}
.sidebar-contact a i {
    background: #fff;
    border-radius: 50%;
    color: #f68310;
    padding: 2px;
}
@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 10px transparent;
    }
}

/*side bar */
.btn-menu-all {
    background: #fc0;
    padding: 16px 15px 14px;
    margin-bottom: 15px;
    display: -webkit-inline-box;
    font-weight: 600;
    color: #444;
    border: 1px solid #f6f6f6;
    border-radius: 2px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.71);
    text-decoration: none;
}
.btn-menu-all.bg-black {
    background-color: #30764b;
    color: #fff;
}
.btn-menu-all:active,
.btn-menu-all:hover {
    text-decoration: none;
    background-color: #444;
    color: #fff;
}
.btn-menu-all span {
    background: #fff;
    padding: 5px 7px;
    border-radius: 50%;
    box-shadow: inset 1px 1px 2px #000;
    color: #30764b;
    font-size: 24px;
}
.wrapper-order-fast-menu form {
    padding: 15px;
    border: 1px solid #d2d2d2;
    background: #ddd;
    border-radius: 3px;
}
.wrapper-order-fast-menu form h2 {
    font-weight: 400;
    font-size: 18px;
    margin: 0 0 20px;
    color: #444;
}
.wrapper-order-fast-menu form input[type="tel"],
.wrapper-order-fast-menu form input[type="text"],
.wrapper-order-fast-menu form textarea {
    width: 100%;
    border-radius: 4px;
    margin-top: 2px;
    border: 1px solid #ccc;
    color: #444 !important;
    padding: 6px 10px;
    font-size: 13px;
}
.wrapper-order-fast-menu form .checkbox-allow .wpcf7-list-item {
    margin: 0;
}
.wrapper-order-fast-menu form .checkbox-allow,
.wrapper-order-fast-menu form label {
    font-size: 13px;
    color: #444;
    font-weight: 400;
    margin-bottom: 15px;
    width: 100%;
}
.wrapper-order-fast-menu form input[type="submit"] {
    background: #30764b;
    color: #fff;
    font-size: 13px;
    border: 0;
    padding: 3px 15px;
    border-radius: 2px;
}
.wrapper-order-fast-menu form span.wpcf7-not-valid-tip {
    font-weight: 400;
}
.wrapper-order-fast-menu form .wpcf7-response-output {
    color: #111;
}
.sidebar-recent-post h3 {
    margin-top: 0;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
}
.ft-support-customer li,
.wrapper-menu-footer-mobile .footer-mobile-item {
    margin-bottom: 10px;
}
.sidebar-recent-post .entry-date-icon,
.sidebar-recent-post .entry-date-text {
    font-size: 13px;
}
.wrapper-menu-footer-mobile i {
    color: #30764b !important;
    width: 26px;
    height: 26px;
    border-radius: 50px;
    opacity: 1;
    text-align: center;
    min-width: 0 !important;
    display: inline-block;
    pointer-events: none;
}
body .wrapper-menu-footer-mobile .footer-mobile-item a{ color: #eceff1 !important;}
.wrapper-menu-footer-mobile img {
    width: 180px;
    height: auto;
}
#btn-fast-order {
    float: right;
    margin-left: 15px;
    padding: 2px 6px;
    border-radius: 2px;
    margin-top: 5px;
    background: #888;
    border-color: #868585;
    color: #fff;
}
#input_description {
    height: 60px;
}
body .morph-main-menu-button-wrapper {
    margin-top: 4px;
    background: #30764b;
}
body .morph-main-menu-button-wrapper.in_mobile {
    display: none;
    background: #30764b;
}
body .morph-main-menu-button-wrapper.in_mobile.morph-menu-active {
    display: none !important;
}
body .wrapper-rate {
    position: absolute;
    top: 0;
}
body .kk-star-ratings .kksr-legend {
    background: #30764b;
}
body .wrapper-certificate {
    padding: 10px;
    border: 1px dashed #ca202a;
    border-radius: 3px;
}
.footer-title.color-yellow {
    color: #ca2029;
}
.wrapper-certificate h4 {
    margin-top: 0;
}
.wrapper-certificate ul li i {
    color: #84cc27 !important;
}
.wrapper-certificate ul li a {
    font-size: 14px;
}
#tawkchat-container iframe body #tawkchat-minified-box {
    transform: scale(0.8) !important;
}
.ft-support-customer .txt-number {
    font-size: 14px !important;
    font-weight: 700;
    color: #fc0000;
}
.ft-support-customer .txt-title {
    font-size: 16px;
}
#main-slide-customer {
    margin-bottom: 40px;
}
#main-slide-customer .slc-wapper {
    width: 25%;
    text-align: center;
    padding: 5px;
}
#main-slide-customer .slc-wapper .slc-item {
    padding: 15px;
    border-radius: 2px;
    border: 1px dashed #ccc;
    height: 350px;
    background-color: #fff;
}
#main-slide-customer .slc-wapper .slc-item img {
    border: 4px solid #84cc27;
    border-radius: 3px;
    box-shadow: 0 1px #000;
    width: 100px;
    height: 100px;
}
#main-slide-customer .slc-wapper .slc-item .slc-title {
    font-size: 18px;
    font-weight: 700;
    color: #84cc27;
    margin: 6px 0;
}
#main-slide-customer .slc-wapper .slc-item .slc-position {
    font-size: 16px;
    font-weight: 700;
}
#main-slide-customer .slc-wapper .slc-item .slc-description {
    font-size: 14px;
    text-align: justify;
}
#slogan-footer {
    padding: 30px 8px 8px;
    background: #fff;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #dbdbe3;
}
#slogan-footer .slogan {
    position: relative;
    padding-left: 50px;
    margin-bottom: 20px;
}
#slogan-footer .slogan .thumb {
    position: absolute;
    margin: auto;
    left: 0;
    top: -10px;
    bottom: 0;
}
#slogan-footer .slogan .thumb img {
    height: 56px;
}
#slogan-footer .slogan .text .title {
    font-size: 18px;
    color: #333;
    font-weight: 700;
}
#slogan-footer .slogan .text .subtitle {
    font-size: 14px;
    color: #999;
}
#slogan-footer .slogan.support {
    padding-left: 70px;
}
.sticky-main-menu {
    position: fixed;
    top: 0;
    width: 100%;
    transition: all 0.3s;
}
.sticky-main-menu .wrapper-item-icon {
    margin-top: 10px;
    transition: all 0.3s;
}
.sticky-main-menu img.imglogo {
    width: 50px;
    transition: all 0.3s;
}
.sticky-main-menu + .content {
    padding-top: 60px;
    transition: all 0.3s;
}
.sticky-main-menu .box-logo-header {
    padding-left: 60px;
    margin-bottom: 0;
    padding-bottom: 0;
    transition: all 0.3s;
}
.sticky-main-menu .box-logo-header .text {
    padding-top: 5px;
    transition: all 0.3s;
}
body .sticky-main-menu .wrapper-top-menu {
    margin: 0 !important;
}
body .sticky-main-menu .wrapper-top-menu ul > li {
    padding: 5px;
    transition: all 0.3s;
}
body .sticky-main-menu .wrapper-top-menu ul > li.icofont:before {
    font-size: 24px;
    transition: all 0.3s;
}
.home-box {
    padding: 40px 0 0;
    margin: 8px 0;
    border-radius: 2px;
}
.home-wrapper-services a {
    display: block;
}
.home-wrapper-services a img {
    margin-bottom: 12px;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 2px;
    background: #fff;
}
.home-wrapper-services a img:hover {
    border-color: #30764b;
    box-shadow: 0 1px 1px #ccc;
}
.button-download {
    text-align: center;
    margin-bottom: 65px;
}
a.btn-fill {
    background: #f6f6f6;
    padding: 10px 15px;
    box-shadow: 0 1px 1px 0 #222;
    border-radius: 2px;
}
a.btn-fill:hover {
    text-decoration: none;
    background: #444;
    color: #fff;
    transition: 0.2s;
}
.button-viewmore {
    text-align: center;
    margin-top: 15px;
}
a.btn-border {
    transition: 0.2s;
    padding: 8px 16px;
    border-radius: 2px;
    font-size: 14px;
    color: #aaa;
    letter-spacing: 1px;
    border: 1px solid #e8e8e8;
}
a.btn-border:hover {
    transition: 0.4s;
    text-decoration: none;
    background: #30764b;
    color: #fff;
}
body .home-slide-new-party .carousel-cell {
    width: 22%;
    margin-right: 8px;
}
body .home-slide-new-party .carousel-cell .item-content {
    height: 280px;
}
body .home-slide-new-party .carousel-cell .item-content img {
    width: 100%;
    height: auto;
}
body .home-slide-new-party .carousel-cell .item-content .entry-date {
    margin-top: 5px;
}
body .home-slide-new-party .carousel-cell .item-content h5 {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
body .home-slide-new-party .flickity-page-dots {
    bottom: 0;
    margin-top: 0;
}
body .home-slide-new-party .flickity-page-dots .dot {
    height: 3px;
    width: 2%;
    margin: 0;
    border-radius: 0;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.thumbnail a > img,
.thumbnail > img {
    width: 100%;
}
.online-gov img {
    width: 110px;
    height: 41px;
}
.dmca-badge img {
    width: 90px;
    height: 29px;
}
body .flickity-prev-next-button:hover {
    background: #30764b;
}
body .flickity-page-dots {
    position: relative;
}
.home-header-title {
    border-bottom: 3px solid #30764b;
    padding-bottom: 10px;
    display: inline-block;
    margin: auto;
    font-size: 28px;
    font-weight: 400;
    color: #333;
}
.home-header-title .txt-sub-green {
    color: #30764b;
}
.heading-space {
    border-color: #ededed;
    margin: -2px 0 50px;
}
.img-border {
    background: #fff;
    padding: 4px;
    border: 1px solid #eee;
}
.moveup {
    -webkit-animation: arrowup 0.8s ease-in-out infinite;
    animation: arrowup 0.8s ease-in-out infinite;
}
.movedown {
    -webkit-animation: arrowdown 1.2s ease-in-out infinite;
    animation: arrowdown 1.2s ease-in-out infinite;
}
.moveup1 {
    -webkit-animation: arrowup 1.8s ease-in-out infinite;
    animation: arrowup 1.8s ease-in-out infinite;
}
.movedown1 {
    -webkit-animation: arrowdown 2s ease-in-out infinite;
    animation: arrowdown 2s ease-in-out infinite;
}
.home-wrapper-menu {
    position: relative;
    padding: 80px 0 80px;
    background-repeat: no-repeat;
    background-image: url(../../images/home-service/bg-home-01.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
}
.home-wrapper-menu .item-wrap-mn a {
    text-align: center;
    background: #30764b;
    width: 150px;
    height: 150px;
    border-radius: 4px;
    margin: auto auto 20px;
    display: block;
    box-shadow: 0 1px 2px 1px #ccc;
    transition: 0.2s;
}
.home-wrapper-menu .item-wrap-mn a .item-box-txt {
    display: inline-block;
    width: 140px;
    height: 140px;
    border: 1px solid #fff;
    border-radius: 4px;
    margin-top: 5px;
    padding-top: 10px;
}
.home-wrapper-menu .item-wrap-mn a .item-box-txt i {
    font-size: 45px;
    color: #20ca61;
}
.home-wrapper-menu .item-wrap-mn a p.item-top {
    border-bottom: 1px dashed #fff;
    margin-bottom: 5px;
    padding-bottom: 10px;
    color: #21ca61;
}
.home-wrapper-menu .item-wrap-mn a p.item-bottom {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin: auto;
    margin-top: 15px;
}
.home-wrapper-menu .item-wrap-mn a:hover {
    transition: 0.4s;
    background: #ee1d25;
    color: #fff;
}
.home-wrapper-menu .home-decor-leaf {
    width: 125px;
    position: absolute;
    top: 0;
    right: 0;
}
.img-sperator.ut-cl-cn {
    margin: auto;
    text-align: center;
    position: relative;
    display: block;
    padding-bottom: 58px;
    border-top: 2px solid #f1efef;
}
.img-sperator.ut-cl-cn img {
    width: 300px;
    position: absolute;
    top: -65px;
    left: 50%;
    margin-left: -150px;
}
.wrapper-service-item {
    box-shadow: 0 0 1px 0 #ccc;
    border-radius: 4px;
    margin-bottom: 15px;
}
.wrapper-service-item:hover a {
    text-decoration: none;
}
.wrapper-service-item:hover {
    box-shadow: 0 1px 1px 1px #ccc;
}
.wrapper-service-item:hover h3 {
    background: #444;
    transition: all 0.2s;
}
.wrapper-service-item .read-more:hover {
    background: #444;
    color: #fff;
    transition: all 0.2s;
}
.wrapper-service-item h3 {
    background: #30764b;
    color: #fff;
    font-size: 18px;
    padding: 5px 10px;
    margin: 0;
    font-weight: 400;
}
.wrapper-service-item h3 i {
    font-size: 32px;
}
.wrapper-service-item .wrapper-service-content {
    padding: 10px;
    background: #fff;
    border-radius: 2px;
}
.wrapper-service-item img {
    border-radius: 2px 2px 0 0;
}
.wrapper-service-item p {
    color: #444;
    line-height: 20px;
    text-align: justify;
    font-size: 14px;
    min-height: 60px;
}
.wrapper-service-item .read-more {
    font-size: 11px;
    border: 1px solid #ccc;
    padding: 6px 10px;
    background: #f6f6f6;
    color: #888;
    border-radius: 2px;
}
.post-content-wrapper .home-header-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
}
.post-content-wrapper hr.heading-space {
    margin-bottom: 30px;
}
.wrapper-header-line {
    position: relative;
    max-width: 400px;
    margin: auto auto 20px;
}
.wrapper-header-line h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0;
}
.cover-header-line {
    display: flex;
}
.cover-header-line .hr-line {
    width: 100%;
    position: relative;
    margin: 15px;
    border-bottom: 1px solid #ccc;
}
.cover-header-line .hr-icon {
    position: relative;
    top: 5px;
    color: #fff;
    background: #7dbe2d;
    padding: 5px;
    border-radius: 50%;
}
.cover-header-line .hr-icon i {
    font-size: 32px;
}
.wrapper-price-table {
    margin-bottom: 20px;
}
.wrapper-price-table a {
    width: 100%;
    display: block;
    background: #8fca47;
    text-align: center;
    padding: 10px 20px;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 #888;
    text-decoration: none;
}
.wrapper-price-table a:hover {
    background: #444;
    color: #fff;
    transition: 0.4s;
}
.wrapper-price-table a i {
    font-size: 98px;
}
.wrapper-price-table a h3 {
    margin-top: 10px;
    font-weight: 400;
    padding: 10px 0;
    border: 1px solid #9eda56;
    font-size: 20px;
    background: #6eb517;
    border-radius: 2px;
}
.wrapper-feature-service {
    padding: 10px;
    background: #fff;
}
.wrapper-feature-service .wrapper-service-item h4 {
    background: #555;
    color: #fff;
    font-size: 15px;
    padding: 5px 10px;
    margin: 0;
    font-weight: 400;
}
.wrapper-feature-service .wrapper-service-item h4:hover {
    background: #30764b;
    transition: 0.4s;
}
.wrapper-feature-service .wrapper-service-item h4 i {
    font-size: 32px;
    vertical-align: middle;
}
@media (max-width: 1024px) {
    body x`.wrapper-top-menu ul > li.icofont:before {
        font-size: 23px;
    }
    .wrapper-top-menu ul > li a {
        padding: 6px 5px 5px 5px;
    }
    .box-logo-header {
        padding-bottom: 0;
        padding-left: 78px;
    }
    .box-logo-header .text {
        padding-top: 12px;
    }
    .box-logo-header .text .title {
        font-size: 11px;
    }
    .box-logo-header .text .subtitle a {
        font-size: 11px;
    }
    .box-logo-header .thumb img {
        width: 70px;
    }
    #header .header-body .wrapper-top-menu {
        margin-top: 3px;
    }
    .sticky-main-menu img.imglogo {
        width: 50px;
    }
    body .wrapper-item-icon {
        margin-top: 21px;
    }
}
@media (max-width: 768px) {
    .wrapper-copyright {
        margin-bottom: 36px;
    }
    #header .header-top-right {
        font-size: 16px;
    }
    body #totop {
        bottom: 75px;
    }
    #main-slide-customer .slc-wapper {
        width: 50%;
    }
    body .morph-main-menu-button-wrapper.in_mobile {
        display: block;
    }
    .home-boxx {
        margin-left: -8px;
        margin-right: -8px;
        padding: 25px 8px 8px;
        width: auto;
    }
    .home-wrapper-services a img {
        margin-bottom: 8px;
    }
    body .home-slide-new-party .carousel-cell {
        width: 70%;
    }
    body .home-slide-new-party .flickity-page-dots .dot {
        width: 4%;
    }
    .box-logo-header .thumb img {
        width: 52px;
    }
    .box-logo-header {
        padding-left: 65px;
        padding-bottom: 0;
    }
    .box-logo-header .text {
        padding-top: 4px;
    }
    logo-header .thumb a {
        margin-top: 12px;
    }
    body .wrapper-item-icon {
        margin-top: 12px;
    }
    .box-logo-header .text .subtitle a,
    .box-logo-header .text .title {
        font-size: 14px;
    }
    #header .header-top .header-top-right {
        margin-top: 0;
        padding: 7px 0;
        text-align: center;
    }
}
@media (max-width: 375px) {
    #main-slide-customer .slc-wapper {
        width: 100%;
    }
    .box-logo-header .text .subtitle a,
    .box-logo-header .text .title {
        font-size: 12px;
    }
    .box-logo-header .text .subtitle span {
        font-size: 11px;
    }
    .box-logo-header .thumb img {
        width: 46px;
    }
    body .wrapper-item-icon {
        margin-top: 10px;
    }
    .box-logo-header {
        padding-left: 52px;
    }
}
@media (max-width: 320px) {
    #header .header-top-right {
        font-size: 13px;
    }
    .box-logo-header {
        padding-left: 52px;
    }
    .box-logo-header .text .subtitle a,
    .box-logo-header .text .title {
        font-size: 11px;
    }
    .box-logo-header .text .subtitle span {
        font-size: 10px;
    }
}
@keyframes arrowdown {
    0%,
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
    }
}
@-webkit-keyframes arrowdown {
    0%,
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
    }
}
@keyframes arrowup {
    0%,
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
    }
}
@-webkit-keyframes arrowup {
    0%,
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    50% {
        transform: translateY(5px);
        -webkit-transform: translateY(5px);
    }
}


/*=============================*/

body .wrapper-food-item {
    margin-bottom: 20px!important;
    box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .27);
    -ms-box-shadow: 0 2toRem 1 .125rem rgba(0, 0, 0, .27);
    -moz-box-shadow: 0 2toRem 1 .125rem rgba(0, 0, 0, .27);
    -webkit-box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .27);
    border-radius: 3px
}

.wrapper-food-item .food-item-header {
    background: #30764b;
    vertical-align: middle;
    color: #fff;
    border-radius: 3px 3px 0 0
}

.wrapper-food-item .food-item-header h3 {
    font-size: 20px;
    text-transform: uppercase;
    padding: 8px 15px;
    margin: 0;
    color: #fff;
}

.wrapper-food-item .food-item-header .total-price {
    font-weight: 700;
    font-size: 17px;
    line-height: 37px;
    background: #05a84e;
    padding: 3px 10px;
    border-radius: 3px;
    color: #fff;
    border: 1px solid #456a40
}

.wrapper-food-item .food-item-header i.icon-dropdown {
    background: #07a84e;
    padding: 4px 11px 8px;
    border-radius: 0 3px 0 18px;
    font-weight: 700;
    font-size: 23px;
    box-shadow: -1px 1px 2px 0 #444
}

.wrapper-food-item .wrapper-food-price {
    padding: 10px 10px 0;
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto
}

.wrapper-food-item .food-item-wrapper-content.item-hide {
    display: none
}

.wrapper-food-item .item-alert {
    text-align: center;
    color: #999;
    padding: 5px 10px;
    border-top: 1px solid #e8e8e8;
    background: #f7f7f7
}

.wrapper-food-item .item-alert .help-mn-select {
    background: #bbb;
    padding: 4px 8px;
    color: #fff;
    font-size: 11px;
    border-radius: 2px;
    text-transform: uppercase;
    border: 1px solid #aaa
}

.wrapper-food-item .item-alert .btn-show-menu-select {
    color: #388e3c;
    font-weight: 700
}

.wrapper-food-item .wrapper-food-price li.food-price-item {
    border-bottom: 1px dashed #e3e3e3;
    margin-bottom: 5px
}

.wrapper-food-item .wrapper-food-price li.food-price-item:last-child {
    border-bottom: 0
}

.wrapper-food-price li.food-price-item span.stt {
    background: #444 !important;
    color: #fff;
    padding: 1px 5px;
    border-radius: 4px;
    margin-right: 2px;
    font-size: 14px;
}

.wrapper-food-item .wrapper-food-price li.food-price-item .item-select-label {
    padding: 0 2px 2px 3px;
    background: #ddd;
    border-radius: 2px;
    border: 1px solid #ccc
}

.wrapper-food-item .wrapper-food-price li.food-price-item span.price {
    color: #ca0808
}

.wrapper-food-item .wrapper-food-price li.food-price-item a.item-select {
    padding: 3px 5px;
    background: #fc0;
    border-radius: 4px;
    box-shadow: 0 1px 1px #000
}

.wrapper-food-item .wrapper-food-price li.food-price-item a.item-select:hover {
    color: #fff
}

.menu-select {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999999999;
    max-width: 350px;
    min-width: 300px
}

.menu-select .wrapper-menu-select {
    position: relative;
    display: none;
    background: #ccc;
    min-width: 280px;
    z-index: 999;
    border: 2px solid #388e3c;
    border-left: 0;
    border-radius: 0 8px 0 0
}

.menu-select .toggle-menu-select {
    margin-left: 0;
    margin-top: -37px;
    background: #fc0;
    color: #fff;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 0 4px 4px 0;
    box-shadow: 0 1px 1px #000;
    z-index: 99999;
    position: relative;
    display: inline-block
}

.menu-select .toggle-menu-select .count-item-food {
    position: absolute;
    top: -13px;
    right: -9px;
    background: #f6f6f6;
    padding: 0 7px;
    font-size: 11px;
    line-height: 20px;
    border-radius: 50%;
    border: 2px solid #fc0;
    color: #000
}

.menu-select .toggle-menu-select i {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    color: #555
}

.wrapper-menu-select .form-header {
    position: relative;
    padding: 3px 10px;
    background: #90c948;
    font-weight: 700;
    color: #fff;
    border-radius: 0 4px 0 0
}

.wrapper-menu-select .form-header .action-right .total-item {
    padding: 2px 5px;
    background: #fff;
    color: #444;
    box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, .55)
}

.wrapper-menu-select .form-header .icon-item {
    padding: 2px 4px;
    background: #fff;
    color: #90c948;
    border-radius: 50%
}

.wrapper-menu-select .form-header .form-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 4px;
    background: #445;
    border-radius: 0 5px 0 0;
    box-shadow: 0 1px 1px #111;
    color: #fff;
    font-size: 18px
}

.wrapper-menu-select .form-header .action-right {
    float: right;
    margin-right: 25px
}

.wrapper-menu-select .form-body {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff
}

.wrapper-menu-select .form-body ul li {
    padding: 2px 5px;
    border-bottom: 1px dashed #ccc
}

.wrapper-menu-select .form-body ul li:last-child {
    border-bottom: 0
}

.wrapper-menu-select .form-body ul li .icon-item {
    font-weight: 700;
    color: #e02425
}

.wrapper-menu-select .form-body ul li .item-price {
    color: #e02425
}

.wrapper-menu-select .form-body ul li .close_item {
    background: #444;
    padding: 2px 5px;
    border-radius: 3px;
    color: #fff
}

.wrapper-menu-select .form-footer {
    text-align: right;
    background-color: #90c948;
    font-weight: 700;
    padding: 5px 5px 5px 0
}

.wrapper-menu-select .form-footer span.total-price {
    color: #fff
}

.wrapper-menu-select .alert.alert-warning {
    padding: 5px 10px
}
/* Icon Zalo */
.zalo-icon {
    position: fixed;
    /* Thay đổi vị trí bằng cách điều chỉnh các thuộc tính dưới đây */
    top: 150px;
    left: 5px;
    width: 50px;
    height: 50px;
    background-image: url('../../images/zalo-social.png'); /* Đổi link ảnh theo ý bạn */
    background-size: cover;
    background-position: center;
    z-index: 1000;
    cursor: pointer;
    transition: transform 0.3s ease;
    will-change: transform;
    animation: zoomEffectZaloIcon 2s infinite;
}

/* Hieu ung hover */
.zalo-icon:hover {
    transform: scale(1.3); /* Phóng to khi hover */
}

/* Hieu ung zoom to nho */
@keyframes zoomEffectZaloIcon {
    0%, 100% {
        transform: scale(1); /* Kích thước bình thường */
    }
    50% {
        transform: scale(1.3); /* Phóng to 30% */
    }
}

.call-icon {
    position: fixed;
    top: 210px;
    left: 5px;
    width: 50px;
    height: 50px;
    background-image: url('../../images/call-icon.png'); 
    background-size: cover;
    background-position: center;
    z-index: 1000;
    cursor: pointer;
    transition: transform 0.3s ease;
    will-change: transform;
    animation: shakeEffectCallIcon 1s infinite;;
}
.call-icon:hover {
    transform: scale(1.3); /* Phóng to khi hover */
}
@keyframes shakeEffectCallIcon {
    0%, 100% {
        transform: translateX(0) rotate(0deg);
    }
    25% {
        transform: translateX(-5px) rotate(-5deg);
    }
    50% {
        transform: translateX(5px) rotate(5deg);
    }
    75% {
        transform: translateX(-5px) rotate(-3deg);
    }
}
@media (max-width:767px) {
    .zalo-icon {
        width: 40px;
        height: 40px;
    }
    .call-icon {
        width: 40px;
        height: 40px;
    }
    .wrapper-food-item .wrapper-food-price {
        height: auto;
        overflow-x: hidden;
        overflow-y: inherit
    }
    .menu-select{
        bottom:60px;
    }
    #bookingModal .form-group{
        margin-bottom: 5px !important;
    }
    #bookingModal .modal-body{
        padding-bottom: 50px;
    }
    
    
}