@font-face {
    font-family: Roboto-Bold;
    src: url('../fonts/Roboto-Bold.ttf');
    font-weight: normal;
}

@font-face {
    font-family: Roboto-Regular;
    src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: Roboto-Light;
    src: url('../fonts/ROBOTO-LIGHT.TTF');
    font-weight: normal;
}

@font-face {
    font-family: Roboto-Medium;
    src: url('../fonts/Roboto-Medium.ttf');
}

p {
    margin: 0px;
}

a {
    text-decoration: none;
    color: #333333;
}

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

* {
    margin: 0px;
    padding: 0px;
}

ul,
ol {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

.clearfix-30 {
    clear: both;
    height: 30px;
}

.mr_10 {
    margin: 0 -10px;
}

.pd_10 {
    padding: 0 10px;
}

.btn_download_file {
    padding: 8px 18px;
    display: inline-block;
    background: green;
    color: #fff;
    margin-top: 28px;
    transition: .5s;
}

.btn_download_file:hover {
    color: #fff;
    background: blue;
    transition: .5s;
}

.fixed {
    position: fixed !important;
    top: 0px;
    z-index: 1;
    width: 100%;
}

body {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #000;
}

.container {
    width: 1200px;
    /*     padding: 0;

 */
}


/* header */

.menu_main .nav.is-fixed {
    position: relative;
    z-index: 105;
}

.header-top {
    margin-top: 25px;
    margin-bottom: 15px;
}

.header-top .header_middle .row:first-child {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.header-top .header_middle i {
    color: #55a557;
    font-size: 30px;
}

.box-service {
    padding: 0;
}

.box-service i.fa {
    color: #c10106;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}

.box-service p {
    margin-left: 20px;
    font-size: 15px;
    color: #c10106;
}

.box-service:first-child {
    padding-top: 10px;
}


/* .box-service:nth-child(3) {
    padding-top: 10px;
} */

.header-top .header_middle .row:nth-child(2) input {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #6cb16e;
    outline: 0;
}

.header-top .header_middle .row:nth-child(2) button {
    position: absolute;
    border: 0;
    background: #6cb16e;
    right: 0;
    top: 56px;
    outline: 0;
    border-radius: 5px;
}

.header-top .header_middle .row:nth-child(2) button i {
    font-size: 20px;
    padding: 10px 15px;
    color: #fff;
}

.header-top .col-md-2 {
    padding-top: 60px;
    text-align: right
}

.header-top .col-md-2 i {
    font-size: 30px;
    color: #6cb16e;
    padding-right: 10px;
}

.sc_header_menu {
    background: #6cb16e;
}

.sc_header_menu .col-md-3 button {
    background: #68bd2a;
    color: #fff;
    font-family: Roboto-Medium;
    font-size: 18px;
    padding: 15px 20px;
}

.sc_header_menu .col-md-3 button {
    width: 100%;
    border: 0;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    position: relative;
}

.triangle_down {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-top: 10px solid #68bd2a;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.sc_header_menu .col-md-3 ul.dropdown-menu {
    max-width: 100%;
}

.prod-item a {
    text-transform: capitalize;
}

.cate-banner {
    margin-top: 22px;
}


/* .cate-banner .owl-carousel{

    z-index: -1;

} */

.cate-banner .category-product {
    margin-top: 0;
    background: #d4e0f7;
    border-radius: 5px;
}

.cate-banner .category-product ul li {
    border-bottom: 1px solid #ccc;
    position: relative;
    width: 100%;
}

.cate-banner .category-product ul li:hover {
    background: #428a44;
}

.cate-banner .category-product ul li:hover>a {
    color: #fff;
}

.cate-banner .category-product ul li a {
    color: #033333;
}

.cate-banner>.container>.row {
    margin-left: -12px;
    margin-right: -12px;
}

.cate-banner .col-md-3,
.cate-banner .col-md-6 {
    padding-left: 12px;
    padding-right: 12px;
}

.menu-child-dropdown {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 999;
    background: #d4e0f7;
}

.cate-banner .category-product ul li:hover .menu-child-dropdown {
    display: block;
}

.menu-child-dropdown li:hover {
    background: #428a44;
}

.menu-child-dropdown li:hover a {
    color: #fff;
}

.cate-banner .col-md-3.news-sale {
    padding-left: 7px;
    padding-right: 7px;
}


/* .cate-banner .owl-carousel{

    z-index: -1;

} */

.slider_banner .item img {
    width: 100%;
    /* height: 350px; */
}

.img-banner img {
    max-width: 100%;
    margin-top: 22px;
    /* height: 120px; */
}

.slider_product_hot {
    padding: 38px 10px;
    padding-bottom: 20px;
    border: 2px solid #6cb16e;
    border-radius: 5px;
}

.slider_product_hot .img-prd-hot {
    border: 1px solid #ccc;
}

.slider_product_hot .img-prd-hot img {
    max-width: 100%;
    position: relative;
    /* top: 50%;

    left: 50%;

    transform: translate(-50%,-50%); */
    height: 200px;
    object-fit: contain;
}

.slider_product_hot .img-prd-hot {
    position: relative;
}

.slider_product_hot .img-prd-hot .info-prd-hot {
    position: absolute;
    top: 50%;
    left: 0;
    background: #6cb16e;
    color: #fff;
    width: 100%;
    display: none;
    z-index: 999;
    padding: 5px;
    border-radius: 5px;
}

.slider_product_hot .img-prd-hot:hover .info-prd-hot {
    display: block;
}

.slider_product_hot .item .col-xs-12 {
    padding-left: -12px;
    padding-right: -12px;
}

.slider_product_hot .owl-buttons .owl-next {
    background: url('../img/next.png') no-repeat !important;
    background-position: center;
    border-radius: 0 !important;
    padding: 20px 15px !important;
    position: absolute;
    top: 50%;
    right: -5px;
}

.slider_product_hot .owl-buttons .owl-prev {
    background: url('../img/prev.png') no-repeat !important;
    background-position: center;
    border-radius: 0 !important;
    padding: 20px 15px !important;
    position: absolute;
    top: 50%;
    left: -5px;
}

.news-sale {
    margin-top: 10px;
}

.news-sale h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 10px;
}

.news-sale h3 a {
    position: relative;
    background: #68bd2a;
    color: #fff;
    padding: 10px 20px;
    border-bottom: 1px solid #d7d7d7;
}

.triangle {
    position: absolute;
    right: 133px;
    top: -12px;
}

.triangle-top {
    border-top: 0 solid transparent;
    border-left: 10px solid #68bd2a;
    border-bottom: 19.5px solid transparent;
}

.triangle-bottom {
    border-top: 19.5px solid transparent;
    border-left: 10px solid #68bd2a;
    border-bottom: 0 solid transparent;
}

.news-sale .img-sale img {
    width: 100%;
    border: 1px solid #c2c0c0;
    padding: 10px;
}

.news-sale .col-xs-7 h4 {
    font-size: 14px;
    margin: 0;
    line-height: 20px;
}

.news-sale .row {
    margin-left: -7px;
    margin-right: -7px;
}

.news-sale .col-md-12 .row {
    margin-left: -7px;
    margin-right: -7px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.news-sale .col-md-12 .row .col-xs-5 {
    padding-left: 7px;
    padding-right: 7px;
}

.news-sale .col-md-12 .row .col-xs-7 {
    padding-left: 7px;
    padding-right: 7px;
}

.prd-sale {
    border-bottom: 1px dashed #e1e1e1;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.prd-sale:last-child {
    border-bottom: 0;
}

.prd-sale .col-xs-5,
.prd-sale .col-xs-7 {
    padding-left: 7px;
    padding-right: 7px;
}


/* qts-product */

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

.title-array {
    border-bottom: 1px solid #6cb16e;
}

.title-array .row {
    margin: 0;
}

.title-array .col-md-3 h4 {
    /*text-align: center; */
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 10px;
    color: #fff;
    /* text-align: center; */
    background: #6cb16e;
}

.title-array .col-md-3 {
    padding: 0;
}

.title-array .col-md-3:after {
    position: absolute;
    content: '';
    top: 0;
    left: 100%;
    border: 24px solid transparent;
    border-left-width: 18px;
    border-left-color: #6cb16e;
}

.slider_cate_item .item {
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
}

.array-item .col-xs-12 {
    border: 1px solid #ccc;
    padding-bottom: 50px;
    margin-top: 5px;
}

.title-array .lk-print:after {
    border-left-color: #6cb16e;
}

.title-array .col-md-10 {
    padding-right: 10px;
    padding-top: 15px;
    padding-left: 40px;
}

.title-array .row .col-md-2 h4 {
    margin-top: 0;
}

.title-array .col-md-10 ul li {
    display: inline-block;
    padding: 0 7px;
    border-right: 1px solid #2a0bbd;
}

.title-array .col-md-10 ul li a {
    color: #2a0bbd;
    /*     font-weight: bold;

 */
}

.title-array .col-md-10 ul {
    display: inline-block;
}

.title-array .col-md-10 ul li:last-child {
    border-right: 0;
}

.list-product .col-md-10 {
    padding-left: -8px;
    padding-right: -8px;
}

.list-product .col-md-10 .col-sm-3.col-xs-6 {
    padding-left: 8px;
    padding-right: 8px;
}

.qts-array-product {
    border-bottom: 1px solid #ccc;
}

.banner-prd {
    margin-top: 43px;
}

.img-banner-prd img {
    max-width: 100%;
}

#go_top {
    padding: 10px 13px;
    color: #b9703c;
    border: 2px solid #d6915b;
    border-radius: 50%;
    margin-bottom: 10px;
    right: 25px;
    bottom: 80px;
    position: fixed;
}

#go_top i {
    font-size: 25px;
}

.mess {
    margin-top: 30px;
    background: #6cb16e;
    padding-top: 38px;
    padding-bottom: 30px;
}

.mess h4 {
    text-align: center;
    font-size: 30px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 30px;
}

.register-mess {
    /* display: flex; */
    justify-content: center;
}

.register-mess .col-sm-9 input {
    width: 100%;
    border-radius: 7px;
    padding: 14px 30px;
    border: 0;
}

.register-mess .col-sm-9,
.register-mess .col-sm-2 {
    padding-left: 7px;
    padding-right: 7px;
}

.register-mess .col-sm-9 input::placeholder {
    color: #999797;
}

.register-mess .col-sm-2 button {
    border: 3px solid #fff;
    background: #6cb16e;
    padding: 11px 5px;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
}

.help-online {
    margin-top: 45px;
}

.help-online h4 {
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}

.help-online h5 {
    text-align: center;
}

.help-online .col-md-3 {
    margin-bottom: 20px;
}

.img-helper img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}

.info-helper div {
    text-align: center;
    line-height: 25px;
}

.info-helper div strong {
    padding-right: 5px;
}

.help-online .row {
    margin-top: 50px;
}

.help-online .col-md-3 {
    padding-left: 12px;
    padding-right: 12px;
}

.help-online {
    padding-bottom: 30px;
}

.footer {
    background: #6cb16e;
    padding-top: 25px;
    padding-bottom: 50px;
    border-bottom: 2px solid #fff;
}

.footer .block-chinh-sach {
    padding-right: 0px;
    padding-left: 0px;
}

.footer h4 {
    text-transform: uppercase;
    font-size: 16px;
    font-family: Roboto-Medium;
    color: #fff;
    margin-bottom: 25px;
    padding-top: 30px;
    margin-top: 0;
}

.name-company-footer {
    margin-bottom: 15px;
    font-weight: 600!important;
}

.footer ul li,
footer ul li a {
    line-height: 25px;
    color: #fff;
    font-weight: 400;
}

.footer ul li i {
    padding-right: 5px;
}

.footer .social-network li {
    display: inline-block;
    font-size: 30px;
    padding-right: 10px;
}

.footer .col-* {
    margin-bottom: 20px;
}

.img-tb {
    margin-top: 35px;
}

.img-tb img {
    max-width: 100%;
}

.copy {
    position: relative;
    background: #428a44;
}

.copy .content-copy {
    display: flex;
    justify-content: center;
}

.copy .text span {
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    font-weight: 400;
}

.copy .text span:first-child {
    font-family: Roboto-Light;
}

.copy .text span:nth-child(2) {
    font-weight: 400;
    text-transform: uppercase;
}

.copy .text span:nth-child(4) {
    font-weight: 400;
}

.hotline {
    position: absolute;
    top: -70px;
    left: 10px;
}

.chat button {
    border: 2px solid #fff;
    background: #f26522;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 30px;
    border-radius: 10px;
    margin-left: 20px;
}


/* qts-prd-hot */

.qts-prd-hot {
    margin-top: 60px;
}

.qts-prd-hot h3 {
    font-family: Roboto-Medium;
    font-size: 24px;
    color: #6cb16e;
    text-align: center;
    padding: 20px 25px;
}

.qts-prd-hot h3 {
    background: url('../img/border.png') no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 50%;
    top: 681px;
    z-index: 99;
    transform: translateX(-50%);
}

.cap-prd-hot h4 {
    font-size: 14px;
    font-family: Roboto-Medium;
    text-align: center;
}

.cap-prd-hot h4 a {
    color: #333;
    line-height: 20px;
}

.cap-prd-hot div {
    text-align: center;
}

.cap-prd-hot strong {
    color: #6cb16e;
    padding-left: 5px;
}

.link {
    margin-top: 12px;
}

.link li {
    display: inline-block;
}

.link li i {
    padding: 0 5px;
}

.link li a {
    color: #333;
}

.link li:last-child a {
    color: #6cb16e;
    font-weight: bold;
}

.link li:last-child i {
    display: none;
}

.page {
    margin-top: 30px;
}

.qts-page .page .col-md-9>h3 {
    font-size: 30px;
    font-weight: bold;
    margin: 0;
}

.time {
    color: #8d8c8c;
    margin-top: 12px;
}

.content-page {
    margin-top: 20px;
}

.content-page h4 {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
}

.content-page p {
    margin: 10px 0;
    line-height: 25px;
    text-align: justify;
}

.content-page iframe {
    max-width: 100%;
    display: block;
    margin: 30px auto;
}

.content-page li {
    line-height: 25px;
}

.prd-selling .selling {
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    padding-left: 6px;
    padding-right: 6px;
}

.prd-selling .selling .col-md-12.col-sm-6.col-xs-6 {
    padding-left: 6px;
    padding-right: 6px;
}

.prd-selling h3 {
    font-size: 18px;
    font-family: Roboto-Medium;
    /*     margin: 0;

 */
    color: #6cb16e;
    text-align: center;
}

.prd-selling .col-xs-12 {
    border: 1px solid #cdcdcd;
    padding-bottom: 25px;
    margin-bottom: 20px;
    padding-top: 15px;
}

.img-prd-selling {
    position: relative;
    height: 195px;
}

.img-pr img {
    width: 100%;
    height: 70px;
    margin: 2px 0;
}

.img-prd-selling img {
    width: 100%;
    display: block;
    margin: 15px auto;
    height: 100%;
    /* object-fit: contain; */
}

.hang_san_xuat img {
    object-fit: contain;
    height: 86px;
    border: dashed 1px #dddddd;
}

.img-prd-selling .hot {
    background: #ff0000;
    color: #fff;
    padding: 0 5px;
    border-radius: 15px;
    position: absolute;
    top: 0;
    font-size: 12px;
    font-weight: bold;
}

.cap-prd-selling p {
    text-align: center;
}

.cap-prd-selling .price {
    color: #6cb16e;
    font-size: 22px;
    margin-top: 20px;
}

.add-cart {
    text-align: center;
}

.add-cart i {
    color: #6cb16e;
    font-size: 24px;
    position: relative;
}

.add-cart span {
    border: 1px solid #fff;
    background: #ff0000;
    padding: 0 6px;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: -10px;
    right: 20px;
}

.cap-prd-selling .add-cart {
    margin-top: 20px;
}

.category-product {
    /*margin-top: 20px;*/
    background: #d4e0f7;
}

.category-product ul {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.category-product ul li {
    border-bottom: 1px dashed #ccc;
    padding: 5px 10px;
    position: relative;
}

.category-product ul li:hover {
    background: #428a44;
    color: white;
}

.category-product ul li:hover ul {
    display: block;
}

.category-product ul li i {
    padding-right: 10px;
}

.category-product ul li:first-child {
    padding-top: 15px;
}

.category-product ul li:last-child {
    border-bottom: 0;
    padding-bottom: 15px;
}

.all-product h3,
.product-detail h3 {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 5px;
}

.all-product h3,
.product-detail h3 {
    margin-top: 0;
}

.filter {
    display: flex;
    justify-content: flex-end;
}

.filter .sort select {
    width: 250px;
    margin-right: 15px;
    padding: 10px 20px;
    border-radius: 10px;
    outline: 0;
}

.filter .option-number select {
    width: 140px;
    margin-right: 15px;
    padding: 10px 20px;
    border-radius: 10px;
    outline: 0;
}

.filter {
    margin-top: 15px;
    margin-bottom: 15px;
}

.all-prd {
    margin-top: 20px;
}

.all-prd .col-md-3 .product {
    border: 1px solid #e8e4e4;
}

.all-prd .col-md-3 .col-xs-12 {
    border: 1px solid #e7e3e3;
    padding-bottom: 45px;
}

.all-prd .col-md-3 {
    margin-bottom: 30px;
}

.selling {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 25px;
}

.slider_prd_hot .item .col-md-12 {
    border: 1px solid #ccc;
}

.img-qc img {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-top: 25px;
}

.selling h3 {
    font-size: 18px;
    font-family: Roboto-Medium;
    text-align: center;
    color: #6cb16e;
    margin-top: 25px;
    margin-bottom: 15px;
}

.info-prd {
    position: absolute;
    width: 100%;
    display: none!important;
    background: #6cb16e;
    color: #fff;
    top: 50%;
    left: 0;
    z-index: 999;
    font-size: 12px;
    padding: 5px 10px;
    text-align: justify;
}

.img-prd-selling:hover .info-prd {
    display: block;
}

.paging {
    margin-top: 27px;
    text-align: center;
}

.paging ul li {
    display: inline-block;
    padding: 5px 10px;
    background: #6cb16e;
}

.paging ul li.active {
    background: #68bd2a;
}

.paging ul li a {
    color: #fff;
}


/* product-detail */

.product-detail .img-product {
    border: 1px solid #cccccc;
    padding: 15px 0;
}

.img-product img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.detail h4 {
    font-size: 24px;
    color: #68bd2a;
    margin-bottom: 30px;
    /* margin: 0; */
}

.detail table td {
    color: #494949;
    line-height: 30px;
}

.detail table tr td:first-child {
    width: 25%;
}

.detail table td span {
    text-transform: uppercase;
    color: #422ec2;
}

.detail table td strong {
    font-size: 16px;
    color: #fd0303;
}

.cart i {
    color: #6cb16e;
    font-size: 25px;
    margin-left: -110px;
    padding-right: 5px;
}


/* button click number */

.input-group.spinner {
    width: 30%;
}

.spinner input {
    text-align: center;
}

.input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 2%;
    vertical-align: middle;
    display: table-cell;
}

.input-group-btn-vertical>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px;
    margin-left: -1px;
    position: relative;
    border-radius: 0;
}

.input-group-btn-vertical>.btn:first-child {
    border-top-right-radius: 4px;
}

.input-group-btn-vertical>.btn:last-child {
    margin-top: -2px;
    border-bottom-right-radius: 4px;
}

.input-group-btn-vertical i {
    position: absolute;
    top: 0;
    left: 4px;
}


/* end button click number */

.buy,
.tuvan {
    background: #6cb16e;
    color: #fff;
    border: 0;
    border-radius: 5px;
    padding: 10px 15px;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.tuvan {
    background: #6cb16e;
}

.buy i,
.tuvan i {
    font-size: 25px;
    margin-left: -10px;
}

.buy span,
.tuvan span {
    font-weight: bold;
    font-size: 18px;
}

.detail .place,
.detail .time-work {
    /* font-size: 12px; */
    /* line-height: 25px; */
}

.detail .place span,
.detail .time-work span {
    color: #6cb16e;
    padding-right: 5px;
}

.product-detail .row {
    margin-left: -6px;
    margin-right: -6px;
}

.product-detail .col-md-6 {
    padding-left: 6px;
    padding-right: 6px;
}

.detail .row {
    margin: 15px 0;
}

.camket {
    margin-top: 40px;
}

.camket ul {
    display: flex;
    justify-content: space-between;
}

.camket ul li {
    text-transform: uppercase;
    font-weight: bold;
    border-right: 1px solid #ccc;
    padding: 0 30px;
}

.camket ul li:last-child {
    border-right: 0;
}

.camket li .col-xs-4,
.camket li .col-xs-8 {
    padding-left: 6px;
    padding-right: 6px;
}

.detail-inner {
    margin-top: 45px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.detail-inner .list_tab .link_download {
    display: none;
}

.detail-inner h4 {
    font-size: 16px;
    font-family: Roboto-Medium;
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
}

.detail-inner h4 a {
    border: 1px solid #ccc;
    padding: 10px 25px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.owl-theme .owl-controls .owl-page span {
    width: 6px !important;
    height: 6px !important;
}

.product-related {
    margin-top: 45px;
}

.product-related h4 {
    font-size: 24px;
}

.product-related .col-xs-12 {
    margin-top: 20px;
    border: 1px solid #ccc;
}


/* news */


/*tuyendung*/

.news .row,
.recruitment .row {
    margin-left: -8px;
    margin-right: -8px;
}

.news-item .col-xs-4,
.news-item .col-xs-8,
.recruitment .col-xs-4,
.recruitment .col-xs-8 {
    padding-left: 8px;
    padding-right: 8px;
}

.news-item {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.news h3,
.recruitment h3 {
    font-size: 24px;
    border-bottom: 2px solid #dddddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.news img,
.recruitment img {
    max-width: 100%;
}

.recruitment-item {
    margin-top: 15px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 18px;
}

.img-recruitment img {
    width: 100%;
    height: 160px;
}

.content-recruitment h4 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: Roboto-Medium;
}

.content-recruitment p {
    text-align: justify;
    margin-top: 10px;
}


/* news-detail */

.news-detail .col-md-9 h3 {
    font-size: 30px;
    font-weight: bold;
}

.news-detail-inner {
    margin-top: 20px;
}

.img-news-detail img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

.news-detail-inner p {
    text-align: justify;
}

.tit-img-detail {
    /*font-style: italic;*/
    /* text-align: center;*/
}

.tuyendung-detail .prd-selling .col-xs-12,
.contact .prd-selling .col-xs-12 {
    border: 0;
}

.tuyendung-detail-inner p {
    text-align: justify;
    margin-top: 20px;
}

.contact-inner {
    margin-top: 20px;
}

.map img {
    max-width: 100%;
    border: 2px solid #ddd;
    margin-top: 20px;
    margin-bottom: 20px;
}


/* menu-mb */


/* .menu_mb .row:first-child{

    height: 120px;

    line-height: 120px;

} */

.menu_mb {
    padding-top: 5px;
}

.menu_mb input {
    width: 100%;
    position: relative;
    padding: 5px;
    border-radius: 5px;
    outline: 0;
    border: 1px solid #6cb16e;
}

.menu_mb .row:nth-child(2) {
    margin-top: 15px;
    margin-bottom: 5px;
}

.menu_mb .row:nth-child(2) button {
    position: absolute;
    background: #6cb16e;
    color: #fff;
    padding: 5px 10px;
    border: 0;
    border-radius: 5px;
    right: 0;
}
.pull-right{
    position: relative;
}
.img_logo_mb {
    max-width: 100%;
    /* height: 70px; */
    display: block;
    margin: 15px auto;
}

.cate-banner .col-md-3.visible-sm button {
    background: #6cb16e;
    color: #fff;
    width: 100%;
    font-size: 18px;
    margin-top: 15px;
}

.cate-banner .col-md-3.visible-sm button i {
    padding-right: 10px;
}

.cate-banner .dropdown-menu {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    z-index: 99;
}

.cate-banner .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #ccc;
}

.cate-banner .dropdown-item i {
    padding-right: 10px;
}

.cate-banner .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0;
}

.category-product button.btn {
    width: 100%;
    background: #6cb16e;
    color: #fff;
}

.category-product .dropdown-menu {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    z-index: 99;
}

.category-product .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #ccc;
}

.category-product .dropdown-item i {
    padding-right: 10px;
}

.category-product .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0;
}

.title-array button.btn {
    background: #6cb16e;
    color: #fff;
}

.title-array .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

.title-array .dropdown-menu li:last-child {
    border-bottom: 0;
}

.title-array .dropdown-item i {
    padding-right: 10px;
}

.slider_prd_hot .item {
    left: 75%;
    transform: translateX(-75%);
}


/* test */


/* .open .col-xs-12 .dropdown-menu{

    display: block;

}

.menu-top .col-md-3{

    position: relative;

}

.menu-top h3{

    

    width: 100%;

    margin: 0;

    background: #68bd2a;

    color: #fff;

    border: 0;

    outline: 0;

    padding: 18px;

    font-size: 18px;

    border-left: 2px solid #fff;

    border-right: 2px solid #fff;

}

.menu-top h3 i{

    padding-right: 5px;

}

.menu-top .col-md-3 ul{

    display: none;

    position: absolute;

}

.menu-top .col-md-3 h3:hover + ul{

    display: block;

}

.menu-top .dropdown-menu{

    display: block;

    width: 100%;

    padding: 10px 10px;

}

.menu-top .dropdown-menu li{

    padding: 5px 0;

    border-bottom: 1px dashed #ccc;

}

.menu-top .dropdown-menu li i{

    padding-right: 10px;

}

.menu-top{

    background: #6cb16e;

}

.menu-top h3:hover + .col-xs-12 div.dropdown-menu{

    display: block;

}  */


/* test */

.menu-top {
    background: #6cb16e;
}

.menu-far {
    position: relative;
}

.menu-far>li {
    width: 100%;
    margin: 0;
    background: #68bd2a;
    border: 0;
    outline: 0;
    padding: 15px 20px;
    font-size: 18px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}

.menu-far>li>a {
    color: #fff;
}

.menu-far>li i {
    padding-right: 10px;
}

.dropdown-cate {
    position: absolute;
    width: 100%;
    top: 55px;
    left: 0;
    z-index: 99;
    display: none;
    background: #fff;
    border: 1px solid #ccc;
    padding-bottom: 10px;
    border-radius: 5px;
}

.dropdown-cate li {
    border-bottom: 1px dashed #ccc;
    padding: 5px;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    padding: 5px 10px;
}

.dropdown-cate li i {
    padding-right: 10px;
}


/* .dropdown-cate li a{

    color: #fff;

} */

.menu-far li:hover .dropdown-cate {
    display: block;
}

.dropdown-cate li:hover {
    background: #428a44;
}

.dropdown-cate li:hover>a {
    color: #fff;
}

.dropdown-cate-child {
    position: absolute;
    display: none;
    top: 0;
    left: 270px;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.menu-far .dropdown-cate li:hover .dropdown-cate-child {
    display: block;
}


/* end-test */

.hotline img {
    position: relative;
}

.hotline .num-hotline {
    position: absolute;
    top: 53px;
    left: 163px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

.img-sale {
    position: relative;
}

.info-sale {
    display: none;
    position: absolute;
    padding: 5px;
    z-index: 99;
    width: 100%;
    top: 25%;
    left: 50%;
    background: #417507;
    color: #fff;
    font-size: 12px;
}

.news-sale .col-xs-5 .img-sale:hover .info-sale {
    display: block;
}

.slider_cate_item .item li {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.slider_cate_item .owl-buttons .owl-next {
    background: url('../img/sl-next.png') no-repeat !important;
    background-position: center;
    border-radius: 0 !important;
    padding: 20px 15px !important;
    position: absolute;
    top: -70%;
    right: -25px;
}

.slider_cate_item .owl-buttons .owl-prev {
    background: url('../img/sl-prev.png') no-repeat !important;
    background-position: center;
    border-radius: 0 !important;
    padding: 20px 15px !important;
    position: absolute;
    top: -70%;
    right: 5px;
}

.slider_helper .owl-prev {
    background: green!important;
}

.slider_helper .owl-next {
    background: green!important;
}


/*.support-hotline{

    left: 95% !important;

    top: 80% !important;

}*/

.list_tab li {
    display: inline-block;
}

.list_tab li a {
    padding: 10px 25px;
    border: 1px solid #ccc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.list_tab li.active a {
    background: #6cb16e;
    color: #fff;
}

.list_tab {
    border-bottom: 2px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 8px;
}

.list_tab h4 {
    margin-bottom: 0;
}


/* .item_prd_lq{
    border: 1px solid #ccc;
} */

.zalo img {
    width: 55px;
    height: 55px;
    
    left: 30px;
    bottom: 12%;
}

.facebook img {
    width: 55px;
    height: 55px;
    
    left: 30px;
    bottom: 31%;
    border-radius: 50%;
}
.suntory-alo-phone{
    /* bottom: 45% !important;
} */
.message img {
    width: 55px;
    height: 55px;
    
    left: 30px;
    bottom: 21%;
    border-radius: 50%;
}

.news_home_item {
    border: 1px solid #eee;
}

.news_home_item .title_news_item {
    padding: 5px 10px;
}

.news_home_item:hover {
    border: 1px solid #ccc;
}

.title_news_home {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px;
}

.img_news_home {
    border-bottom: 1px solid #ccc;
}

.img_news_home img {
    width: 100%;
    height: 200px;
    object-fit: contain;
}

.title_news_item h4 {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.title_news_item .des_news_home {
    font-weight: normal;
    min-height: 40px;
}

.news_home {
    padding: 20px 0;
}

.title_news_item .view_more {
    color: #ff0000;
    font-weight: normal;
}

.title_cate_left {
    font-size: 18px;
    color: #fff;
    padding: 8px 10px;
    background: #6cb16e;
}

.category_item .img_pro_cate {
    height: 240px;
}

.img_pro_cate {
    position: relative;
}

.img_pro_cate img {
    width: 100%;
    height: 100%;
}

.img_pro_cate:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
}

.category_item {
    position: relative;
    margin-bottom: 20px;
}

.category_item .name_pro_cate {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 10px;
    text-align: center;
    line-height: 25px;
}

.news_home_item {
    margin-bottom: 15px;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #6cb16e;
    border-color: #6cb16e;
}

.name-company {
    font-size: 27px;
    font-weight: 600;
    font-family: Roboto-Medium;
    color: #55a557;
}

.form-search .input-search {
    width: 100%;
    min-height: 40px;
    padding-left: 10px;
    border: 1px solid #6cb16e;
    outline: none;
    border-radius: 5px;
    position: relative;
}

.block-form-search {
    margin-top: 20px;
}

.block-form-search .icon-search {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    background: #6cb16e;
    border: none;
    outline: none;
    border-radius: 5px;
    color: #fff;
}

.block-form-search .col-md-3 i {
    font-size: 30px;
    color: #6cb16e;
}

.fa-facebook-official:hover {
    color: #4267b2;
}

.fa-twitter:hover {
    color: #1DA1F2;
}

.fa-google-plus-square:hover {
    color: #F35022;
}

.fa-pinterest:hover {
    color: #F35022;
}

.fa-skype:hover {
    color: #0078D7;
}

.fa-instagram:hover {
    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%);
}

@media (max-width: 1024px) {
    .container {
        width: 1024px;
    }
    .message img {
        width: 55px;
        height: 55px;
        position: fixed;
        left: 30px;
        bottom: 20%;
        border-radius: 50%;
    }
    .facebook img {
        width: 55px;
        height: 55px;
        position: fixed;
        left: 30px;
        bottom: 28%;
        border-radius: 50%;
    }
}

@media (max-width: 768px) {
    .message img {
        width: 55px;
        height: 55px;
        position: fixed;
        left: 30px;
        bottom: 20%;
        border-radius: 50%;
    }
    .facebook img {
        width: 55px;
        height: 55px;
        position: fixed;
        left: 30px;
        bottom: 28%;
        border-radius: 50%;
    }
}
@media screen and (max-width: 990px) {
    .menu_mb{
        background: #fff;
        padding-top: 15px;
    }
    .menu_mb .logo{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 20%;
    }
    .img_logo_mb{
        height: 70px;
        margin: 0;
    }
    .img_news_home img{
        height: auto !important;
    }
    .menu_mb .row:nth-child(2) button{
        right: 4%;
    }
    .pull-right{
        padding: 0 15px;
    }
    .nav-menu>.menu-item:hover,
    .nav-dropdown{
        background: #6cb16e;
    }
}
.slider_support .owl-nav{
    display: none;
}
@media (max-width: 480px) {
    /* .support-hotline {
        left: 0% !important;
        top: 56% !important;
    } */
    .qts-array-product .pull-right {
        float: right;
    }
    .img-prd-selling img {
        /* object-fit: contain; */
    }
    .img_logo_mb {
        height: 45px;
        margin: 0 auto;
    }
    .img-prd-selling,
    .img-prd-selling img {
        height: 170px;
    }
    .slider_product_hot .img-prd-hot img {
        height: 150px;
    }
    .message img {
        width: 55px;
        height: 55px;
       position: inherit;
        left: 30px;
        bottom: 20%;
        border-radius: 50%;
    }
    .facebook img {
        width: 55px;
        height: 55px;
       position: inherit;
        left: 30px;
        bottom: 28%;
        border-radius: 50%;
    }
    .zalo img {
        width: 55px;
        height: 55px;
       position: inherit;
        left: 30px;
        bottom: 12%;
        margin-left: 30px;
    }
}


#vnp {
    display: none!important;
}