@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap&subset=vietnamese');

@font-face {
    font-family: dancing;
    src: url("../fonts/SVN-Dancing-script.ttf") format('truetype'),
        url('../fonts/SVN-Dancing-script.ttf/SVN-Dancing-script.eot#iefix') format('embedded-opentype'),
        url('../fonts/SVN-Dancing-script.ttf/SVN-Dancing-script.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: franko;
    src: url("../fonts/SVN-Franko.ttf") format('truetype'),
        url('../fonts/SVN-Franko.ttf/SVN-Franko.eot#iefix') format('embedded-opentype'),
        url('../fonts/SVN-Franko.ttf/SVN-Franko.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root{
    --cl-primary: #64b559;
    --cl-secondary: #224024;
}

@media (min-width: 1200px) {
  .container {
    width: 1250px;
  }
}

.plr0 {
    padding-left: 0;
    padding-right: 0;
}

.plr5 {
    padding-left: 5px;
    padding-right: 5px;
}

.plr10 {
    padding-left: 10px;
    padding-right: 10px;
}

img {
    max-width: 100%;
}

.md-none {
    display: none !important;
}

.md-block {
    display: block;
}

.m0 {
    margin: 0px;
}

.p0 {
    padding: 0px !important;
}

.m-5 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.p5 {
    padding-left: 5px;
    padding-right: 5px
}

.m-10 {
    margin-left: -10px;
    margin-right: -10px
}

.p10 {
    padding-left: 10px;
    padding-right: 10px
}

body {
    font-family: 'Roboto Condensed', sans-serif;
}

.pagination-page {
    text-align: center;
}

.pagination-page>span,
.pagination-page a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: solid 1px #ddd;
    color: #000;
}

.pagination-page a:hover,
.pagination-page>span {
    background: #1f5892;
    color: #FFF;
}

header {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.banenr-header-mobile{
    display: none;
}

header .logo {}

.logo img {
    max-height: 120px;
}

.hotline-h {
    margin-top: 27px;
}

.hotline-h .phone {
    background: url(../images/icon-hotline_h.png) no-repeat bottom left;
    padding-left: 21px;
    font-size: 16px;
    font-weight: 600;
    color: #fd0202;
    padding-top: 10px;
    background-size: cover;
    margin-bottom: 0px;
    padding-bottom: 2px;
}

.hotline-h .email-h {
    padding-left: 5px;
    color: #000;
    font-size: 15px;
}

.mota {
    margin-bottom: 10px;
}

.hotline-right {
    background: url(../images/icon-hotline.png) no-repeat center left;
    padding-left: 30px;
    font-weight: 600;
    color: #f74a58;
    font-size: 16px;
    margin-top: 10px;
}

.hotro img {
    display: block;
    text-align: center;
    margin: 0px auto;
}

.email {
    background: url(../images/icon-mail.png) no-repeat left center;
    background-size: 26px;
    padding-left: 30px;
    margin-top: 10px;
    font-weight: 600;
}

.zalo {
    background: url(../images/zalo.png) no-repeat left center;
    background-size: 21px;
    padding-left: 30px;
    margin-top: 10px;
    color: #00acd4;
    font-weight: 600;
}

.item-new-right {
    border-bottom: 1px dotted #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
}

.item-new-right .name {
    margin-top: 0px;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: uppercase;
    line-height: 16px;
}

.item-new-right .name a {
    color: #252424;
}

.item-new-right .name a:hover {}

.item-new-right .quote {
    line-height: 13px;
}

.item-new-right:last-child {
    border: none;
}

.new-righ {
    /* border: 1px dashed #67b313; */
    padding: 5px;
    /* border-radius: 5px; */
    /* margin-left: 7px; */
    /* margin-right: 7px; */
    /* margin-top: -15px; */
}

.title-home2 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    padding-bottom: 10px;
}

.title-home2:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 3px;
    background-color: #3ab54a;
    bottom: 0;
}

.nav-right ul {
    list-style: none;
    padding: 0px;
    background-color: #67b313;
    background: -moz-linear-gradient(bottom, #68b213 30%, #67b313 70%);
    background: -o-linear-gradient(bottom, #68b213 30%, #67b313 70%);
    background: -ms-linear-gradient(bottom, #68b213 30%, #67b313 70%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.3, #68b213), color-stop(0.7, #67b313));
    border-radius: 5px;
    position: relative;
    padding-top: 10px;
    /* top: -17px; */
}

.nav-right ul li {
    border-top: 1px solid #5ea510;
    border-bottom: 1px solid #74c31a;
}

.nav-right ul li:last-child {
    border-bottom: none;
}

.nav-right ul li:nth-child(1) {
    border-top: none;
}

.nav-right ul li a {
    display: block;
    padding: 9px 15px;
    color: #fff;
}

.nav-right ul li a:hover {
    text-decoration: none;
    background-color: #08a9f1;
}

.title-tin {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 10px;
}

.ngaydang {
    color: #a9a3a3;
}

.tinlienquan {
    margin-bottom: 30px;
    padding-left: 15px;
    margin-top: 20px;
}

.tinlienquan li {
    margin-top: 8px;
    margin-bottom: 5px;
}

.tinlienquan a {
    color: #777272;
    text-transform: initial;
    font-weight: 600;
    line-height: 20px;
}

.tinlienquan a:hover {}

#map iframe {
    height: 175px;
    width: 100%;
}

.navbar-default {
    margin: 0px;
    background-color: var(--cl-primary);
    border: none;
    border-radius: 0;
    margin-bottom: 0px;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase;
}

.navbar-default .navbar-brand {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding-right: 25px;
    text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: var(--cl-secondary);
}

.navbar-nav>li>.dropdown-menu {
    min-width: 230px;
    background-color: var(--cl-primary);
    border-top: 2px solid var(--cl-secondary);
    padding: 0px;
}

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

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: var(--cl-secondary);
    color: #fff;
}

.navbar-default .navbar-right>li>a {
    padding-left: 10px;
    padding-right: 10px;
}

.menu-search {}

.menu-search .navbar-form {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.menu-search .navbar-form .form-group {
    width: 100%;
}

.menu-search .navbar-form input {
    width: 100%;
    border-radius: 20px;
    height: 30px;
    font-size: 13px;
}

.slide {
    overflow: hidden;
    text-align: center;
}

.ls-title,
.ls-noidung {
    left: 0 !important;
    right: 0 !important;
}

.ls-title {
    font-family: franko !IMPORTANT;
    font-size: 50px !important;
    text-transform: uppercase;
}

.ls-noidung {
    font-family: dancing !IMPORTANT;
    font-size: 60px !important;
}

.gioithieu {}

.main-gioithieu {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.main-gioithieu p {
    text-transform: uppercase;
    font-size: 24px;
}

.main-gioithieu h1 {
    text-transform: uppercase;
    color: var(--cl-primary);
    font-size: 28px;
    margin-top: 15px;
}

.main-gioithieu img {
    height: 500px;
}

.col-gioithieu {
    padding-top: 100px;
    text-align: center;
}

.item-gioithieu {
    margin-bottom: 40px;
}

.item-gioithieu span {
    display: block;
    margin-bottom: 10px;
}

.item-gioithieu span img {
    height: 90px;
}

.nhungconso {
    background-color: var(--cl-primary);
    /* padding-top: 30px; */
    /* padding-bottom: 30px; */
    text-align: center;
}

.nhungconso strong {
    color: #fff;
    text-transform: uppercase;
    font-size: 32px;
}

.nhungconso p {
    color: #fff;
    text-transform: uppercase;
}

.itemso {
    border-right: 1px solid #9bca3e;
    padding-top: 30px;
    padding-bottom: 30px;
}

.itemso:last-child {
    border: none;
}

.linhvuc {
    background-color: #dafac7;
    background: -moz-linear-gradient(top, #dafac7 30%, #85bc64 70%);
    background: -o-linear-gradient(top, #dafac7 30%, #85bc64 70%);
    background: -ms-linear-gradient(top, #dafac7 30%, #85bc64 70%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #dafac7), color-stop(0.7, #85bc64));
    padding-top: 30px;
    position: relative;
}

.linhvuc h2 {
    text-align: center;
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.hinhanh-lv {
    position: absolute;
}

.item-linhvuc {
    text-align: center;
    position: relative;
}

.item-linhvuc span {
    height: 200px;
    width: 200px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
}

.item-linhvuc span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-linhvuc a {
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    padding: 10px;
    color: #85bc64;
    text-transform: uppercase;
    right: 0px;
    bottom: 0px;
    border: 2px solid #fff;
}

.item-linhvuc:nth-child(1) {}

.item-linhvuc:nth-child(2) {
    top: -53px;
}

.item-linhvuc:nth-child(3) {
    top: -32px;
}

.sanpham {}

.sanpham h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    margin-top: 50px;
    margin-bottom: 30px;
    color: var(--cl-primary);
    font-weight: 600;
}

.tab-home {
    text-align: center;
    border: none;
    background-color: transparent;
    font-size: 16px;
}

.tab-home.nav-tabs>li {
    float: none;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.tab-home.nav-tabs>li a {
    border: 1px solid var(--cl-primary);
    padding: 5px 30px;
    border-radius: 10px;
    font-weight: 600;
    color: var(--cl-primary);
}

.tab-home.nav-tabs>li.active>a,
.tab-home.nav-tabs>li.active>a:hover,
.tab-home.nav-tabs>li.active>a:focus {
    border-bottom: 2px solid #86bc42;
    background-color: #87bc44;
    color: #fff;
}

.item_sp {
    border: 1px solid #eaeaea;
    margin-bottom: 10px;
    margin-top: 10px;
}

.item_sp .img_sp {
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.item_sp .img_sp img {
    max-height: 100%;
}

.item_sp .content-product {
    background-color: var(--cl-primary);
    padding: 5px;
    text-align: center;
}

.item_sp .content-product h3 {
    font-size: 16px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.item_sp .content-product h3 a {
    color: #fff;
}

.item_sp .content-product h3 a:hover {
    color: #fdfa01;
    text-decoration: none;
}

.item_sp .content-product p {
    margin-bottom: 0px;
    color: #fff;
}

.item-kh {
    padding-left: 15px;
    padding-right: 15px;
}

.item-kh .thongtin {}

.item-kh .thongtin .img_kh {
    display: inline-block;
    float: left;
    height: 100px;
    width: 100px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 20px;
}

.item-kh .thongtin .img_kh img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-kh .thongtin p {
    padding-top: 30px;
    font-style: italic;
    position: relative;
}

.item-kh .thongtin p strong {
    display: block;
    color: #3a8701;
    font-style: initial;
    font-size: 16px;
}

.item-kh .thongtin p:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 3px;
    background-color: #ed1c24;
    bottom: -3px;
}

.item-kh .content_kh {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    line-height: 24px;
    margin-top: 30px;
    position: relative;
}

.item-kh .content_kh:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 25px solid white;
    position: absolute;
    bottom: 100%;
}

.khach-hang {
    background: url(../images/br-ykien.png) no-repeat center bottom;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 104px;
    margin-top: 30px;
}

.khach-hang h3 {
    text-align: center;
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 49px;
}

.tintuc {}

.tintuc h3 {
    text-align: center;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 30px;
    color: #3b280a;
}

.item-new-h {}

.item-new-h .img-new-h {
    display: block;
    height: 300px;
    overflow: hidden;
}

.item-new-h .img-new-h img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-new-h h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    margin-top: 15px;
}

.item-new-h h4 a {
    color: #232323;
}

.item-new-h h4 a:hover {
    color: var(--cl-primary);
    text-decoration: none;
}

.item-new-h p {}

.item-new-home {
    margin-bottom: 10px;
}

.item-new-home .img-new-home {
    display: block;
    height: 130px;
    overflow: hidden;
}

.item-new-home .img-new-home img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-new-home h4 {
    margin-top: 0px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

.item-new-home h4 a {
    color: #3c3a3a;
}

.item-new-home h4 a:hover {
    color: var(--cl-primary);
    text-decoration: none;
}

.item-new-home p {}

.xemthem {
    color: #000;
}

.camket {
    background: url(../images/br-camket.png) no-repeat center;
    height: 350px;
    padding-top: 10%;
    color: #fff;
    font-size: 38px;
    margin-top: 20px;
}

.camket strong,
.camket b {
    color: #fdfa01;
    font-size: 48px;
}

.thongtinlh {}

.thongtinlh h3 {
    text-align: center;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 40px;
}

.thongtinlh input {
    background-color: #f1f1eb;
    border: none;
    box-shadow: none;
    height: 40px;
    border-radius: 30px;
    padding: 20px;
}

.thongtinlh textarea {
    background-color: #f1f1eb;
    border: none;
    box-shadow: none;
    border-radius: 30px;
    padding: 20px;
}

.lienhe {
    margin-top: 15px;
}

.lienhe span {
    font-size: 16px;
    color: #565656;
    margin-bottom: 6px;
    display: block;
}

.lienhe p {
    color: var(--cl-primary);
    margin-bottom: 26px;
}

.btn-send-contact {
    background-color: var(--cl-primary);
    width: 50%;
    border-radius: 25px;
    height: 40px;
}

.bando {
    margin-top: 20px;
}

.bando iframe {
    width: 100%;
    height: 250px;
}

.chantrang {
    background-color: var(--cl-primary);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -10px;
    color: #fff;
}

.chantrang a {
    color: #fff;
}

.mxh {}

.mxh a {
    background-color: #fff;
    color: var(--cl-primary);
    padding: 4px 7px;
    margin-left: 5px;
}

.chantrang .mxh a:hover {
    background-color: #fdfa01;
    color: #000;
}

.chantrang a:hover {
    color: #fdfa01;
    text-decoration: none;
}

.item-new {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.item-new h3 {
    font-size: 14px;
    height: 36px;
    font-weight: 600;
    margin-top: 0px;
}

.item-new h3 a {
    color: #464444;
}

.item-new h3 a:hover {
    text-decoration: none;
    color: var(--cl-primary);
}

.item-new .img {
    height: 90px;
    display: block;
}

.item-new .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.item-new .xemthem {
    color: #68b213;
    font-size: 13px;
}

.item-new .xemthem:hover {
    text-decoration: none;
    color: #000000;
}

.sodo {
    background-color: #67b313;
    margin-bottom: 10px;
    margin-top: 16px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.sodo .breadcrumb {
    background-color: #67b313;
    margin-bottom: 0px;
    padding: 5px 15px;
    border-radius: 4px;
}

.sodo .breadcrumb a {
    color: #fff;
    font-weight: 600;
}

.breadcrumb>li+li:before {
    content: "|";
    color: #fff;
}

.main-tin {
    position: relative;
}

.main-tin:before {
    content: "";
    position: absolute;
    top: 0px;
    width: 1px;
    height: auto;
    border-left: 1px dashed #ccc;
    left: 50%;
    right: 0;
    margin: 0px auto;
    bottom: 15px;
}

.chitiettin img {
    max-width: 100% !important;
    height: auto !important;
}

.chitiettin table {
    max-width: 100% !important;
    width: 100% !important;
}

.thumb-item {
    display: block;
    height: 80px;
    width: 100%;
    background-size: cover;
    background-position: center;
    border: 1px solid #e8e8e8;
}

.MagicZoom img,
.mz-figure img {
    /* display: block; */
    /* margin: 0px auto !IMPORTANT; */
}

.title-sp {
    text-transform: uppercase;
    margin-top: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #67b313;
}

.giaban {
    color: red;
    font-weight: 600;
    font-size: 18px;
}

.iput-sl {
    height: 35px;
    width: 50px;
    text-align: center;
    border: 1px solid #67b313;
}

.btn-cart {
    height: 35px;
    padding: 2px 61px;
    background-color: #67b313;
    border: none;
    color: #fff;
    text-transform: uppercase;
}

.title-home {
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 13px;
}

.title-cart {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

.tong_tt {}

.tong_tt h3 {
    margin: 0px;
    font-size: 14px;
    color: red;
    font-weight: 600;
}

.lienhe-fix {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    padding: 5px 10px;
}

.lienhe-fix .zalo-f {}

.lienhe-fix .zalo-f i {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/zalo.png) no-repeat center;
    background-size: cover;
}

.lienhe-fix .mess i {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/messenger.png) no-repeat center;
    background-size: contain;
}

.lienhe-fix .facebook {}

.lienhe-fix .facebook i {
    background-color: #4267b2;
    width: 50px;
    height: 50px;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    border-radius: 50%;
}

.lienhe-fix .phone i {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/callbutton.png) no-repeat center #fec021;
    border-radius: 50%;
}

.lienhe-fix a {
    float: left;
    margin-left: 10px;
    padding-right: 10px;
    margin: 0px;
}

.lienhe-fix .lienhe i {
    background-color: #15998b;
    width: 50px;
    height: 50px;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    border-radius: 50%;
}

.lienhe-fix a:hover {
    text-decoration: none;
}

.box.visited p {
    margin-bottom: 3px;
    /* display: inline-block; */
}

.box.visited {
    text-align: left;
}

.box.visited span.v1 {
    background: url(../images/v1.png) no-repeat left center;
    padding-left: 20px;
}

.box.visited span.v2 {
    background: url(../images/v2.png) no-repeat left center;
    padding-left: 20px;
}

.box.visited span.v3 {
    background: url(../images/v3.png) no-repeat left center;
    padding-left: 20px;
}

div.mxh2 {
    display: flex;
    align-items: center;
}