a {
    text-decoration: none;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    clear: both;
    display: block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
/*About*/
.about-left {
    float: left;
    width: 41%;
}

h2.title-about-top-left {
    font-size: 32.89px;
    color: #ca0c00;
    font-family: FesB;
    padding-right: 214px;
    line-height: 1.5;
    position: relative;
    margin: 0;
}

span.content-about-top-left {
    font-size: 16px;
    color: #393939;
    font-family: 'RoboR';
    line-height: 1.5;
    display: block;
    padding-top: 37px;
    padding-bottom: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

span.title-list-fish-sauce {
    font-size: 18px;
    font-family: RoboM;
    color: #2e2b2b;
    border-bottom: 1px solid;
}

strong.slogan-saufist {
    color: #ca0c00;
    border-bottom: 1px solid;
}

h2.title-about-top-left:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    height: 2px;
    width: 60px;
    background: #ea0029;
}

.wp-about-home-car {
    padding-top: 68px;
    padding-bottom: 94px;
    background: url(/Design/About/NuocMamOrin.png) no-repeat;
    background-size: cover;
}

h3.name-right-fish-sauce {
    font-family: 'FESB';
    font-size: 20px;
    color: #ca0c00;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

span.content-right-fish-sauce {
    font-size: 15px;
    color: #2e2b2b;
    font-family: 'RoboR';
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

li.item-fish-sauce {
    list-style: none;
    display: flex;
    align-items: center;
}

ul.list-ingredients-fish-sauce {
    padding: 0;
    margin: auto;
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(1,minmax(0,1fr));
    row-gap: 12px;
    column-gap: 12px;
    margin-bottom: 38px;
    margin-top: 28px;
}

.right-img-item-fish-sauce {
    width: 307px;
    padding-left: 12px;
}

.img-item-fish-sauce {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(/Design/ThanhPhanDinhDuong/decorDD.png) no-repeat;
    width: 62px;
    height: 62px;
}

a.detail-view-about {
    background: #ca0c00;
    color: #fff;
    font-size: 14.62px;
    font-family: 'RoboR';
    padding: 12px 22px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    border-radius: 4px;
    width: 156px;
}

.about-right {
    float: right;
    width: 55%;
    display: flex;
}

.wp-about-left-r img {
    display: block;
    width: 312px;
    height: 473px;
    background: #ffc041;
}

.wp-about-right-r {
    display: block;
    width: 100%;
    height: 100%;
    margin-left: 19px;
}

    .wp-about-right-r img {
        display: block;
        width: 100%;
        background: #ffc041;
    }

.wp-about-left-r {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 50px;
    position: relative;
}

img.img-about-bottom-r {
    margin-top: 18px;
    height: 202px;
    width: 303px;
}

img.img-about-top-r {
    width: 303px;
    height: 338px;
}

a.detail-view-about i {
    font-size: 17px;
    color: #f8e0de;
    padding-left: 5px;
}

.wp-about-left-r:before {
    content: "";
    position: absolute;
    bottom: -71px;
    left: -44px;
    width: 235px;
    height: 358px;
    background: url(/Design/About/decorSP.png) no-repeat;
}

/*End*/


/*The manh cong ty*/
.wp-company-strengths {
    background: url(/Design/TheManhCT/back.png) no-repeat;
    background-size: cover;
}

ul.list-company-strengths {
    padding: 0;
    margin: auto;
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(4,minmax(0,1fr));
    row-gap: 30px;
    column-gap: 12px;
    padding: 65px 0;
    /* justify-content: center; */
    justify-items: center;
    /* align-items: center; */
}

li.item-company-strengths {
    list-style: none;
    display: flex;
    /* justify-content: center; */
}

    li.item-company-strengths:nth-child(1) {
        width: 88%;
    }

    li.item-company-strengths:nth-child(2) {
        width: 333px;
    }

    li.item-company-strengths:nth-child(3) {
        width: 333px;
    }

h3.title-company-strengths {
    color: #ffffff;
    font-size: 24px;
    font-family: 'FesB';
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

span.con-company-strengths {
    font-size: 16px;
    font-family: 'RoboR';
    color: #f6f6f6;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.img-company-strengths {
    /* float: left; */
    height: 78px;
    display: flex;
    width: 78px;
    justify-content: center;
    align-items: center;
    background: url(/Design/TheManhCT/decor.png) no-repeat;
}

.content-company-strengths {
    /* float: right; */
    width: 64%;
    padding-left: 7px;
}

li.item-company-strengths:nth-child(2) .content-company-strengths {
    width: 61%;
}

li.item-company-strengths:nth-child(3) .content-company-strengths {
    width: 66%;
}
/*end*/


/*Banner Center*/
.wp-banner-centerHome img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*End*/

/*Product*/
li.item-product-home {
    list-style: none;
    padding: 18px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e8b065;
    transition: all .2s;
}

ul.list-product-home {
    padding-left: 0;
    margin: auto;
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(3,minmax(0,1fr));
    row-gap: 16px;
    column-gap: 16px;
    margin-bottom: 24px;
}

.top-img-product img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}

.wp-product-car-home {
    background: url(/Design/Product/decor-back-pro.png);
    padding-bottom: 40px;
}

.top-img-product {
    height: 320px;
}

h4.tit-pro-home {
    margin: 0;
}

h4.tit-pro-home, h4.name-handbook {
    font-family: FesB;
    font-size: 42px;
    color: #ca0c00;
    padding-top: 66px;
    position: relative;
    margin-top: 0;
}

.top-product-car-homme, .top-new-handbook-home {
    text-align: center;
}

span.content-product-home {
    font-family: MonR;
    color: #323232;
    font-size: 15px;
    line-height: 1.5;
    display: block;
    margin-bottom: 44px;
    margin-top: 55px;
    padding: 0 53px;
}

h3.title-bot-pro {
    font-size: 16px;
    color: #3a3a3a;
    font-family: RoboM;
}

.center-content-product span.price-pro {
    font-size: 16px;
    font-family: RoboM;
    color: #b71605;
}

a.addcart.aprocess {
    background: #cb0d01;
    display: flex;
    color: #ffffff;
    font-size: 18px;
    font-family: RoboM;
    height: 46px;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
}

h4.tit-pro-home:after, h4.name-handbook:after {
    content: "";
    position: absolute;
    background: #ca0d00;
    width: 128px;
    height: 2px;
    bottom: -18px;
    left: calc(50% - 67px);
}

a.a-detail-stt {
    background: #cb0d01;
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-family: RoboM;
    text-align: center;
    padding: 15px;
    border-radius: 4px;
    cursor: pointer;
}

.center-content-product {
    margin-top: 12px;
    margin-bottom: 18px;
    text-align: center;
}

.content-bottom-product-home a h3.title-bot-pro {
    text-align: center;
    line-height: 1.5;
    padding-left: 34px;
    padding-right: 34px;
    margin-top: 15px;
    margin-bottom: 12px;
}

li.item-product-home:hover {
    border: 1px solid #cb0d01;
    background: #fff4da;
    /* transition: all .2s; */
}

a.detail-view-pro, a.view-full-new-handbook {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-family: 'RoboR';
    color: #3a3a3a;
    font-size: 16px;
    background: #ffffff;
    width: 203px;
    height: 45px;
    border-radius: 6px;
    border: 1px solid #ecc996;
    margin-top: 45px;
}

img.img-cart-pro-home {
    position: relative;
    top: 0px;
    left: -6px;
}
/*End*/

/*New HandBook*/

.item-new-handbook-home {
    list-style: none;
    border-radius: 0 0 12px 12px;
    border: 1px solid transparent;
}

ul.list-new-car-home {
    padding-left: 0;
    margin: auto;
    display: grid;
    grid-auto-rows: minmax(min-content,max-content);
    grid-template-columns: repeat(3,minmax(0,1fr));
    row-gap: 20px;
    column-gap: 20px;
    margin-bottom: 24px;
}

.wp-img-new-handbook img {
    width: 100%;
    display: block;
    height: 215px;
    object-fit: cover;
    background: #fff4da;
    transition: all linear .2s;
    overflow: hidden;
}

.item-new-handbook-home:hover .wp-img-new-handbook img {
    transform: scale(1.1);
}



.item-list-new-handbook {
    /* background: #fff4da; */
    border-radius: 0 0 12px 12px;
}

.wp-img-new-handbook {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.item-list-new-handbook a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wp-new-handbook-home {
    background: url(/Design/Product/decor-back-pro.png);
    padding-bottom: 52px;
}

.see-count-day, .see-count-eye {
    font-family: 'RoboR';
    color: rgb(29 28 28 / 50%);
    font-size: 15px;
}

h3.tit-new-handbook-home a {
    font-family: RoboM;
    font-size: 18px;
    color: #3a3a3a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    /* height: 44px; */
}

h3.tit-new-handbook-home {
    margin: 0;
    
}

.wp-bottom-new-handbook {
    display: block;
    height: 158px;
    padding: 19px;
    background: #fff4da;
    border-radius: 0 0 12px 12px;
    /* border-top: 1px solid #e8be7f; */
    border-left: 1px solid #e8be7f;
    border-bottom: 1px solid #e8be7f;
    border-right: 1px solid #e8be7f;
    transition: all linear .2s;
}

.item-new-handbook-home:hover .wp-bottom-new-handbook {
    border-left: 1px solid #cb0d01;
    border-bottom: 1px solid #cb0d01;
    border-right: 1px solid #cb0d01;
}

.wp-bottom-count-handbook {
    display: flex;
    margin-top: 10px;
}

.see-count-day {
    margin-right: 17px;
}

    .see-count-day i, .see-count-eye i {
        padding-right: 6px;
    }

.item-new-handbook-home:hover .wp-bottom-new-handbook {
    background: #cb0d01;
}

.item-new-handbook-home:hover h3.tit-new-handbook-home a {
    color: #ffffff;
}
.item-new-handbook-home:hover span.des-new-handbook-home{
    color:#d5d5d5;
}
.item-new-handbook-home:hover .see-count-day, .item-new-handbook-home:hover .see-count-eye {
    color: rgb(255 255 255 / 50%);
}
span.des-new-handbook-home {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: 'RoboR';
    font-size: 18px;
    color: rgb(29 28 28 / 73%);
    margin-top: 8px;
}
/*End*/

span.slogan-name-footer-compa {
    font-size: 14px;
    color: #ffffff;
    font-family: 'RoboR';
    text-transform: none;
    line-height: 1.5;
}

.menu-footer.menu1 .title-footer {
    font-size: 18px;
    color: #ffc041;
    font-family: 'RoboM';
    /* text-transform: uppercase; */
    padding-bottom: 5px;
    text-align: end;
}
.menu-footer.menu1 ul.text-footer {
    text-align: end;
}

.menu-footer.menu2 .title-footer {
    font-size: 18px;
    color: #ffc041;
    font-family: 'RoboM';
}

ul.menusubHome {
    position: absolute;
    padding-left: 0;
    width: max-content;
    z-index: 999;
    background: #22232b;
    top: 86px;
    left: -3px;
    opacity: 0;
    visibility: hidden;
    border-radius: 0 0 5px 5px;
    transition: all linear .3s;
}

    ul.menusubHome li {
        list-style: none;
        padding: 10px;
    }

        ul.menusubHome li a {
            color: #fff;
            font-size: 16px;
            font-family: 'RoboR';
        }

        ul.menusubHome li:hover a {
            color: #ca0c00;
        }

.menu_main li.havesubHome:hover ul.menusubHome {
    opacity: 1;
    top: 73px;
    visibility: visible;
}

/*End*/

/*Sidebar*/
.top-img-product-car-sidebar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btn-price-product-car-sidebar a.addcart.aprocess,
.btn-price-product-car-sidebar a.a-detail-stt {
    cursor: pointer;
   background: #cb0d01;
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-family: RoboM;
    text-align: center;
    padding: 15px;
    border-radius: 4px;
    cursor: pointer;
    transition: all linear .2s;
}

h3.title-bot-pro-car-sidebar {
    font-family: RoboR;
    color: #838896;
    font-size: 16px;
    margin: 0;
    padding-top: 15px;
    margin-bottom: 11px;
    /* border-bottom: 1px solid #333b49; */
    transition: all linear .2s;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.price-pro-car-sidebar {
    font-size: 16px;
    color: #e51515;
    font-family: RoboM;
}

.center-content-product-car-sidebar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

li.product:hover .btn-price-product-car-sidebar a {
    background: #e51515;
    color: #ffffff;
    -webkit-box-shadow: -1px 1px 9px 1px #836b6b7d;
    box-shadow: -1px 1px 9px 1px #836b6b7d;
}

.wp-detail-service-child {
    padding-top: 50px;
    padding-bottom: 20px;
    background: #1e1e1e;
}

.wp-about-child h4.tit-pro-car-home {
    font-size: 25px;
    padding-top: 10px;
}

    .wp-about-child h4.tit-pro-car-home:before {
        top: 18px;
    }

    .wp-about-child h4.tit-pro-car-home:after {
        top: 18px;
    }

h3.title-bot-pro-car-sidebar:hover {
    color: #e51515;
}

a.detail-view-pro-car:hover {
    color: #e51515;
    background: #fff;
}

a.view-full-new-car:hover, a.detail-view-new-car:hover {
    color: #f72323;
}

.title-category h1 {
    color: #ca0c00;
    font-size: 25px;
    font-family: FesB;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
}

.wp-detail-new-child, .wp-photo-child {
    background: url(/Design/Product/decor-back-pro.png);
}

h1.title-category {
    color: #ca0c00;
    text-transform: uppercase;
    font-family: 'RoboR';
}

h3.title-category {
  font-family: FesB;
    font-size: 26px;
    color: #ca0c00;
    text-transform: uppercase;
}

.wp-detail-photo-home {
    background: #1e1e1e;
}

.menu_main_moblie {
    display: none;
}

i.icon-menu-respon {
    float: right;
    font-size: 11px;
    position: relative;
    top: 3px;
    right: 9px;
}

section.col-section-full {
    width: 90%;
    margin: auto;
}
/* Chrome, Safari, Edge, Opera */
.textsl input::-webkit-outer-spin-button,
.textsl input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.textsl input[type=number] {
    -moz-appearance: textfield;
}

a.detail-view-new-child {
    font-size: 15px !important;
    color: #f72323 !important;
    font-family: RoboR !important;
    text-decoration: underline !important;
    margin-top: 4px;
    display: inline-block;
}


ul.menu_main li:hover{
     background: #fff4da;
}
ul.menu_main li:hover:last-child{
     background: unset;
}
ul.menu_main li:hover a{
     color: #b2110d;
}
    ul.menu_main li:first-child a i {
        font-size: 18px;
    }