@import url(materialize.css);
@media (max-width: 1024px) and (min-width: 950px) {
  .container {
    width: 89%; } }
.chutron, header .menu1, .m8 .catechuyengia ul, .gocchuyengia .m8 .catechuyengia ul, .gocchuyengia .m8 .tl .m11 .td h3, .gannhat .gn1 .tk button, .pagi .page-numbers, .sidebar .widget_hnt2_widget h2, .content h1 a, .single .m8 h2, .duongdansingle ul li, .bannerctsp .m7 h1, .datcauhoi .duongdan ul li, .singlechuyengia .td h1 {
  font-family: helveticadbd; }

.trang {
  color: #fff; }

.domau {
  background: linear-gradient(150deg, #8bc541, #39b54a); }

.domaubt, .benhho .bh3 .m7 .anh .btdatch, .gocchuyengia .anh .btdatch {
  background: linear-gradient(#71B637, #007111); }

.xanhdam, .dssp h3 a, .bannerctsp .m7 h1 a {
  color: #097714; }

.bgxanhdam {
  background: #097714; }

.chuxanh {
  color: #3AB54B; }

.xanhhd, header .menu1 .nav-wrapper .xanhhd ul li a {
  color: #318f22; }

.xam {
  background: #C4DF9C; }

.bold {
  font-weight: bold; }

.upper {
  text-transform: uppercase; }

.italic {
  font-style: italic; }

.imgcenter {
  display: block;
  margin: 0 auto; }

a:hover {
  text-decoration: none !important;
  color: #5ABB46 !important; }

a:focus {
  text-decoration: none !important; }

.slick-slide *, .slick-slide:focus {
  outline-width: 0px !important; }

select:focus {
  outline-width: 0px !important; }

@media (max-width: 768px) {
  .tbl {
    width: 100% !important; } }

.roboto, .benhho .bh3 .m5 .row .m9, .chiase .cs2 .m5 .row .m9, footer .ft2 .ft21, footer .ft2 .ft22, .tt .container-fluid .m4 .inm4 ul li {
  font-family: 'Roboto', sans-serif; }

.opensan, .sanpham .regular4 .sp .row .m7 .ndsp, .sanpham .regular4 .sp .row .m7 .ndsp p, .dssp p, .dm .baotext .nd p, .sidebar .mostpopu .bv p, .content .entry-content, .single .m8 .h2sin, .bannerctsp .m7 p, .chitietdiemban table tr td, .chitietdiemban .row .m8page ul li, .chitietdiemban .row .m8 .table table tbody tr td {
  font-family: Arial, 'Open Sans', sans-serif; }

.p14 {
  font-size: 14px; }

.p16 {
  font-size: 16px; }

.lh18, .dm .baotext .nd p, .bannerctsp .m7 p {
  line-height: 18px !important; }

.lh20 {
  line-height: 20px !important; }

.lh22, .chitietdiemban .row .m8 .table table tbody tr td {
  line-height: 22px !important; }

.lh24 {
  line-height: 24px !important; }

.an {
  display: none; }

.w-10 {
  width: 1366px !important; }

.w100 {
  width: 100%; }

@font-face {
  font-family: helveticadbd;
  src: url(../fonts/fontcuong/UVFHelveticaRoundedLTStd-Bd.otf); }
.uvf {
  font-family: helveticadbd; }

html, body {
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box; }

.slick-slide {
  padding-right: 0px !important; }

.slick-slide img {
  width: 100% !important; }

.slick-prev:before,
.slick-next:before {
  color: black; }

.imgrelative, .thuoc .m6 .relate figure img {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  border-radius: 30px;
  margin-top: 66px;
  padding-bottom: 66px; }

.sli {
  padding: 0px !important; }
  .sli .slider1 {
    width: 100% !important;
    margin: 0px auto !important;
    height: 100%; }
    .sli .slider1 ul li {
      height: 50px; }
      .sli .slider1 ul li button::before {
        font-size: 11px; }
    .sli .slider1 div {
      margin: 0px !important; }

.dangky {
  background: url(../img/bia-dk.jpg) no-repeat center center;
  background-size: cover;
  padding: 20px 0px 120px; }
  .dangky h3 {
    text-align: center;
    color: #8dc63f;
    font-family: helveticadbd;
    font-weight: 700;
    margin-top: 90px;
    font-size: 46px;
    margin-bottom: 35px; }
    @media (max-width: 768px) {
      .dangky h3 {
        margin-top: 50px; } }

.dst-form .btn {
  float: right;
  background: #197b30;
  border-radius: 8px;
  margin-top: 6px;
  font-size: 18px; }

.btn:hover {
  background: #00A2E3;
  color: #0f0f0f; }

.dkfb {
  margin-top: 10px;
  float: right;
  margin-right: 30px;
  border-radius: 10px;
  margin-bottom: 10px; }
  .dkfb a {
    color: #fff;
    background: #2f4f96;
    padding: 14px 50px 10px;
    border-radius: 8px;
    font-size: 18px; }
    .dkfb a i {
      font-size: 25px;
      margin-right: 10px; }
  .dkfb a:hover {
    color: #fff;
    text-decoration: none;
    background: #46B5EA; }

.dst-form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #555455;
  font-family: helveticadbd;
  font-weight: 600;
  font-size: 16px;
  margin-left: 50px;
  padding-left: -30px;
  opacity: 1 !important; }

.dst-form .form-control {
  background: #fff;
  padding-left: 10px;
  border-radius: 10px;
  height: 40px;
  font-size: 18px; }

@media (max-width: 414px) {
  .dangky {
    padding-right: 0px !important;
    padding-left: 0px !important; } }

header .tlp .bgphone {
  background: #318f22;
  width: 33px;
  padding: 5px;
  float: left;
  border-radius: 10px; }
  header .tlp .bgphone i {
    color: #fff;
    font-size: 21px;
    padding-left: 4px; }
header .tlp .sdt {
  font-size: 18px;
  width: 160px;
  border: 1px solid #318f22;
  border-radius: 10px;
  height: 32px;
  padding-top: 5px; }
  @media (max-width: 1024px) {
    header .tlp .sdt {
      font-size: 14px;
      width: 130px; } }
  header .tlp .sdt a {
    margin-left: 2px;
    color: green; }
header ul li {
  float: left;
  margin: 0px 10px;
  font-weight: bold; }
  header ul li .fb {
    color: #fff;
    background: #0172bc;
    padding: 0px 6px;
    border-radius: 3px; }
  header ul li .yt {
    color: #ee1b24;
    font-size: 20px;
    margin-top: -4px; }
    header ul li .yt .ion-play {
      line-height: 30px; }
  header ul li .ph {
    padding: 0px 12px;
    float: left; }
header .menu1 {
  color: #fff;
  background: linear-gradient(#76b83a, #007112);
  background: -moz-linear-gradient(#76b83a, #007112);
  height: 62px; }
  @media (max-width: 1024px) {
    header .menu1 {
      height: 55px !important; } }
  @media (max-width: 414px) {
    header .menu1 {
      height: 45px !important; } }
  header .menu1 .mnp {
    float: right; }
  header .menu1 .m2 {
    position: relative;
    margin-top: -54px; }
    @media (width: 1024px) {
      header .menu1 .m2 {
        margin-top: -44px; } }
    @media (max-width: 414px) {
      header .menu1 .m2 {
        margin-top: -72px; } }
    header .menu1 .m2 img {
      z-index: 1;
      position: absolute;
      top: -1px;
      left: -82px;
      height: 163px; }
      @media (max-width: 1366px) {
        header .menu1 .m2 img {
          top: 0px;
          left: -73px;
          height: 162px; } }
      @media (max-width: 1024px) {
        header .menu1 .m2 img {
          top: -5px;
          left: -74px;
          height: 145px;
          width: auto; } }
      @media (max-width: 768px) {
        header .menu1 .m2 img {
          top: 6px;
          height: 144px;
          left: 260px;
          width: auto; } }
      @media (max-width: 414px) {
        header .menu1 .m2 img {
          top: 3px;
          height: 118px;
          left: 35%; } }
  header .menu1 .m5 {
    margin-top: 13px; }
    @media (max-width: 1024px) {
      header .menu1 .m5 {
        margin-top: -7px; } }
    header .menu1 .m5 ul {
      vertical-align: middle; }
      header .menu1 .m5 ul li {
        position: relative;
        font-size: 14px; }
        header .menu1 .m5 ul li a:after {
          position: absolute;
          left: 0;
          bottom: -5px;
          margin-top: -8px;
          width: 0;
          height: 2px;
          background: #fff;
          content: '';
          -webkit-transition: width 1s ease;
          -moz-transition: width 1s ease;
          -ms-transition: width 1s ease;
          transition: width 1s ease; }
        header .menu1 .m5 ul li a:hover:after {
          width: 100%; }
        header .menu1 .m5 ul li a:hover {
          color: #fff !important; }
        header .menu1 .m5 ul li i {
          font-size: 40px;
          margin-top: -12px;
          margin-right: 10px; }

@media (max-width: 768px) {
  .hd {
    padding-left: 0px !important;
    padding-right: 0px !important; } }
.hd .row {
  margin-top: 10px;
  margin-bottom: 0px; }
  @media (max-width: 414px) {
    .hd .row .trai {
      padding-left: 17%; } }
  .hd .row .trai .anh {
    position: relative;
    z-index: 2;
    margin-top: 2px;
    width: 33px !important;
    height: 35px;
    border: 0px solid;
    padding: 0px;
    border-radius: 5px;
    text-align: center;
    font-size: 21px; }
    .hd .row .trai .anh i {
      color: green;
      border: 1px solid #634f4f;
      border-radius: 50%;
      width: 32px;
      height: 32px;
      padding-top: 6px;
      transform: rotate(-35deg); }
    .hd .row .trai .anh img {
      width: 100%; }
  .hd .row .trai .m10 h1 {
    clear: both;
    font-size: 16px !important;
    margin-top: 0px; }
    @media (max-width: 1024px) {
      .hd .row .trai .m10 h1 {
        font-size: 14px !important; } }
    @media (max-width: 768px) {
      .hd .row .trai .m10 h1 {
        font-size: 11px !important; } }
    @media (max-width: 414px) {
      .hd .row .trai .m10 h1 {
        font-size: 14px !important;
        margin-bottom: 15px; } }
  .hd .row .trai .m10 h3 {
    clear: both;
    font-size: 16px !important;
    margin-top: 0px; }
    @media (max-width: 1024px) {
      .hd .row .trai .m10 h3 {
        font-size: 15px !important; } }
    @media (max-width: 768px) {
      .hd .row .trai .m10 h3 {
        font-size: 12px !important; } }
  .hd .row .trai .m10 p {
    margin-bottom: 5px;
    font-size: 14px;
    margin-top: 0px; }
  .hd .row .phai {
    position: relative;
    top: 15px;
    z-index: 2; }
    @media (max-width: 414px) {
      .hd .row .phai {
        padding-left: 20%;
        top: 0px;
        margin-bottom: 15px; } }
    .hd .row .phai > div {
      float: left;
      margin-right: 10px; }
      @media (max-width: 1024px) {
        .hd .row .phai > div {
          margin-right: 3px; } }
      @media (max-width: 414px) {
        .hd .row .phai > div {
          margin-right: 6px; } }
    .hd .row .phai .mxh {
      border: 1px solid;
      font-size: 25px;
      width: 32px;
      height: 32px;
      text-align: center;
      border-radius: 5px;
      vertical-align: middle;
      line-height: 30px; }
      @media (max-width: 768px) {
        .hd .row .phai .mxh {
          width: 29px; } }
      .hd .row .phai .mxh a {
        color: #000; }
    .hd .row .phai .fb:hover {
      color: #365899 !important;
      border: 1px solid #365899; }
    .hd .row .phai .fb a:hover {
      color: #365899 !important; }
    @media (max-width: 1024px) {
      .hd .row .phai .yt {
        margin-left: 0px; } }
    @media (max-width: 330px) {
      .hd .row .phai .yt {
        margin-left: 0px; } }
    .hd .row .phai .yt:hover {
      color: #e62117 !important;
      border: 1px solid #e62117; }
    .hd .row .phai .yt a:hover {
      color: #e62117 !important; }
    @media (max-width: 768px) {
      .hd .row .phai .tlp {
        position: relative;
        z-index: 2; } }
    .hd .row .phai .mx {
      border: 1px solid green;
      width: 1px;
      height: 30px; }

.benhho2 {
  background: #DEFFC6; }

.benhho .slick-slide {
  margin: 0px 20px; }
.benhho .slider2 {
  width: 100% !important;
  margin: 0px auto !important; }
  .benhho .slider2 button {
    top: -50px; }
  .benhho .slider2 .slick-prev {
    left: 92%; }
    @media (max-width: 1024px) {
      .benhho .slider2 .slick-prev {
        left: 91%; } }
    @media (max-width: 768px) {
      .benhho .slider2 .slick-prev {
        left: 89%; } }
    @media (max-width: 420px) {
      .benhho .slider2 .slick-prev {
        left: 82%; } }
  .benhho .slider2 .slick-next {
    right: 3%; }
  .benhho .slider2 .slick-prev:before, .benhho .slider2 .slick-next:before {
    color: #067514;
    font-size: 35px !important; }
.benhho .bh1 {
  margin-bottom: 0px; }
  .benhho .bh1 .bgxanhdam {
    background: #097714;
    height: 50px;
    width: 50px;
    padding: 13px 15px;
    border-radius: 50%;
    float: left;
    margin: 15px; }
    .benhho .bh1 .bgxanhdam i {
      color: #fff;
      float: left; }
      @media (max-width: 414px) {
        .benhho .bh1 .bgxanhdam i {
          font-size: 22px; } }
    @media (max-width: 414px) {
      .benhho .bh1 .bgxanhdam {
        height: 40px;
        width: 40px;
        padding: 8px 9px;
        float: left;
        margin: 10px 8px 0px 0px; } }
  .benhho .bh1 h2 {
    font-size: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: helveticadbd; }
    @media (max-width: 414px) {
      .benhho .bh1 h2 {
        font-size: 16px; } }
    .benhho .bh1 h2 a {
      color: #135b2f; }
.benhho .bh2 {
  height: auto !important;
  border-bottom: 1px dashed #39b54a !important; }
  .benhho .bh2 .m4 img {
    width: 100%;
    border-radius: 10px;
    height: auto; }
  .benhho .bh2 .m4 h3 {
    color: #268332;
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 24px; }
    @media (max-width: 414px) {
      .benhho .bh2 .m4 h3 {
        font-size: 16px; } }
    .benhho .bh2 .m4 h3 a {
      color: #39b54a; }
  .benhho .bh2 .m4 p {
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
    text-align: justify;
    color: #666666;
    margin-bottom: 20px; }
.benhho .bh3 {
  padding-bottom: 0px;
  margin-top: 20px;
  border-bottom: 1px dashed #39b54a !important; }
  .benhho .bh3 .slick-slide .slick-dots {
    margin-bottom: 35px; }
  .benhho .bh3 .m5 {
    margin-left: 15px !important;
    height: 100%;
    margin-right: 15px !important;
    width: 39% !important;
    padding: 20px 0px;
    border-radius: 10px;
    background: linear-gradient(150deg, #8CC542, #37B54A);
    background: -moz-linear-gradient(150deg, #8CC542, #37B54A); }
    .benhho .bh3 .m5 .slick-dots {
      margin-bottom: 35px; }
      .benhho .bh3 .m5 .slick-dots li button::before {
        color: #fff;
        font-size: 11px;
        opacity: 1;
        margin-top: 1px; }
      .benhho .bh3 .m5 .slick-dots .slick-active button::before {
        color: #4EB947; }
      .benhho .bh3 .m5 .slick-dots .slick-active button {
        background: #fff !important;
        width: 20px;
        height: 20px;
        border-radius: 50%; }
    .benhho .bh3 .m5 .slick-prev, .benhho .bh3 .m5 .slick-next {
      display: none !important; }
    .benhho .bh3 .m5 .row {
      border-bottom: 1px dashed #fff;
      padding-bottom: 15px;
      margin-bottom: 15px; }
      @media (max-width: 768px) {
        .benhho .bh3 .m5 .row {
          border-bottom: 0px dashed #fff; } }
      .benhho .bh3 .m5 .row .m3 .imgres {
        width: 100%;
        height: auto; }
        .benhho .bh3 .m5 .row .m3 .imgres img {
          height: auto;
          border-radius: 10px;
          width: 94%;
          margin-left: 3%; }
      .benhho .bh3 .m5 .row .m9 {
        color: #fff; }
        .benhho .bh3 .m5 .row .m9 h3 {
          font-size: 16px;
          font-weight: 500;
          line-height: 20px;
          margin-top: 0px; }
          @media (max-width: 414px) {
            .benhho .bh3 .m5 .row .m9 h3 {
              margin-top: 10px; } }
          .benhho .bh3 .m5 .row .m9 h3 a {
            color: #fff; }
          .benhho .bh3 .m5 .row .m9 h3 a:hover {
            color: #318f22 !important; }
        .benhho .bh3 .m5 .row .m9 p {
          margin-top: 0px;
          font-size: 14px;
          text-align: justify;
          margin: 0px;
          line-height: 18px; }
  .benhho .bh3 .m7 .anh {
    margin-bottom: 0px; }
    .benhho .bh3 .m7 .anh .btdatch {
      z-index: 1;
      position: relative;
      left: 9.5%;
      top: 270px;
      width: 180px;
      border: 3px solid #fff;
      border-radius: 20px; }
      @media (max-width: 768px) {
        .benhho .bh3 .m7 .anh .btdatch {
          top: 180px; } }
      @media (max-width: 414px) {
        .benhho .bh3 .m7 .anh .btdatch {
          top: 140px; } }
      @media (max-width: 375px) {
        .benhho .bh3 .m7 .anh .btdatch {
          top: 130px; } }
      .benhho .bh3 .m7 .anh .btdatch:hover {
        background: #fff;
        border: 3px solid green;
        font-weight: bold; }
        .benhho .bh3 .m7 .anh .btdatch:hover p {
          color: green !important; }
    .benhho .bh3 .m7 .anh img {
      position: relative;
      top: -46px; }
  @media (max-width: 768px) {
    .benhho .bh3 .m7 {
      width: 55%; } }
  .benhho .bh3 .m7 img {
    width: 100%; }

.baocsmb {
  margin: 0px 6px; }

.chiase .cs1 .xanhdam, .chiase .cs1 .dssp h3 a, .dssp h3 .chiase .cs1 a, .chiase .cs1 .bannerctsp .m7 h1 a, .bannerctsp .m7 h1 .chiase .cs1 a {
  float: left;
  margin: 10px 15px; }
  @media (max-width: 414px) {
    .chiase .cs1 .xanhdam, .chiase .cs1 .dssp h3 a, .dssp h3 .chiase .cs1 a, .chiase .cs1 .bannerctsp .m7 h1 a, .bannerctsp .m7 h1 .chiase .cs1 a {
      margin: 10px 12px; } }
.chiase .cs1 h2 {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: helveticadbd;
  margin-top: 10px; }
  @media (max-width: 768px) {
    .chiase .cs1 h2 {
      font-size: 22px;
      margin-top: 14px; } }
  .chiase .cs1 h2 a {
    color: #135b2f; }
.chiase .cs2 .m7 {
  padding-right: 0px !important; }
.chiase .cs2 .m5 {
  height: 100%;
  border-radius: 10px; }
  .chiase .cs2 .m5 .slick-prev {
    top: -50px;
    left: 83%; }
  .chiase .cs2 .m5 .slick-next {
    top: -50px;
    right: 6%; }
  .chiase .cs2 .m5 .slick-prev:before, .chiase .cs2 .m5 .slick-next:before {
    color: #067514;
    font-size: 32px !important; }
  .chiase .cs2 .m5 .slick-dots {
    margin-bottom: 25px;
    position: relative;
    bottom: 0px; }
    .chiase .cs2 .m5 .slick-dots li button::before {
      color: #00a752;
      font-size: 11px;
      opacity: 1;
      margin-top: 1px; }
    .chiase .cs2 .m5 .slick-dots .slick-active button::before {
      color: #fff; }
    .chiase .cs2 .m5 .slick-dots .slick-active button {
      background: #00a752 !important;
      width: 20px;
      height: 20px;
      border-radius: 50%; }
  .chiase .cs2 .m5 .slick-slide {
    margin-right: 0px !important;
    margin-left: 0px;
    position: relative;
    bottom: 0px; }
  .chiase .cs2 .m5 .row {
    height: auto;
    margin-bottom: 12px; }
    .chiase .cs2 .m5 .row .m3 {
      padding-right: 35px; }
      .chiase .cs2 .m5 .row .m3 .imgres {
        width: 100%;
        height: auto; }
        .chiase .cs2 .m5 .row .m3 .imgres img {
          border-radius: 10px;
          height: auto; }
    .chiase .cs2 .m5 .row .m9 {
      padding-left: 0px; }
      .chiase .cs2 .m5 .row .m9 h3 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 7px;
        color: #02502c;
        line-height: 22px;
        margin-top: 0px; }
        @media (max-width: 414px) {
          .chiase .cs2 .m5 .row .m9 h3 {
            margin-top: 10px; } }
        .chiase .cs2 .m5 .row .m9 h3 a {
          color: #02502c; }
      .chiase .cs2 .m5 .row .m9 p {
        margin-top: 0px;
        font-size: 14px;
        line-height: 18px; }
.chiase .cs2 .m7 img {
  border-radius: 10px;
  margin-top: 14px; }

@media (width: 768px) {
  .thuoc {
    width: 90% !important; } }
@media (max-width: 768px) {
  .thuoc .regular4 .slick-next::before {
    font-family: FontAwesome;
    content: "" !important;
    color: #197b30;
    font-size: 0px !important; } }
.thuoc .regular4 .slick-dots {
  margin-bottom: 15px;
  position: relative;
  bottom: 0px; }
  .thuoc .regular4 .slick-dots li button::before {
    color: #00a752;
    font-size: 11px;
    opacity: 1;
    margin-top: 1px; }
  .thuoc .regular4 .slick-dots .slick-active button::before {
    color: #fff; }
  .thuoc .regular4 .slick-dots .slick-active button {
    background: #00a752 !important;
    width: 20px;
    height: 20px;
    border-radius: 50%; }
.thuoc .regular4 .slick-prev::before {
  font-family: FontAwesome;
  content: "\f053" !important;
  color: #197b30;
  font-size: 54px;
  margin-left: -20px; }
.thuoc .regular4 .slick-next::before {
  font-family: FontAwesome;
  content: "\f054" !important;
  color: #197b30;
  font-size: 54px; }
.thuoc .m6 {
  margin: 0px 10px !important;
  padding: 0px 13px !important;
  border-radius: 20px; }
  .thuoc .m6 .relate {
    position: relative; }
    .thuoc .m6 .relate .imgrelate {
      position: absolute;
      top: 0px;
      right: 0px;
      height: 100%;
      border-radius: 10px; }
    .thuoc .m6 .relate .phu {
      background: -webkit-linear-gradient(8deg, #6CB236 60%, transparent 50%);
      border-radius: 30px;
      z-index: 2;
      position: relative;
      color: #fff;
      margin-top: 66px; }
      .thuoc .m6 .relate .phu h2 {
        font-size: 23px;
        margin-left: 20px;
        margin-top: -40px; }
        .thuoc .m6 .relate .phu h2 a {
          color: #fff !important;
          font-weight: bold;
          font-family: helveticadbd;
          text-decoration: none; }
      .thuoc .m6 .relate .phu hr {
        margin-left: 20px;
        width: 41%;
        border: 1px solid;
        margin-top: 0px !important; }
      .thuoc .m6 .relate .phu p {
        margin-left: 20px;
        width: 59%; }
      .thuoc .m6 .relate .phu img {
        height: 210px;
        margin: 0px 12%;
        /* display: block; */
        margin-top: 0px;
        position: relative;
        top: -66px;
        width: auto; }
      .thuoc .m6 .relate .phu .baoa {
        height: 50px; }
      .thuoc .m6 .relate .phu .thea {
        color: #fff;
        background: #197b30;
        padding: 10px 30px;
        border-radius: 10px;
        margin-left: 20px; }
  .thuoc .m6 .m7 {
    color: #fff; }
    .thuoc .m6 .m7 h2 {
      font-size: 23px; }
    .thuoc .m6 .m7 img {
      height: 220px;
      margin: 0px auto;
      display: block;
      margin-top: -68px; }
    .thuoc .m6 .m7 a {
      color: #fff;
      background: #197b30;
      padding: 10px 30px;
      border-radius: 10px; }

.sanpham .regular4 .slick-dots {
  margin-bottom: 15px;
  position: relative;
  bottom: 0px; }
  .sanpham .regular4 .slick-dots li button::before {
    color: #00a752;
    font-size: 11px;
    opacity: 1;
    margin-top: 1px; }
  .sanpham .regular4 .slick-dots .slick-active button::before {
    color: #fff; }
  .sanpham .regular4 .slick-dots .slick-active button {
    background: #00a752 !important;
    width: 20px;
    height: 20px;
    border-radius: 50%; }
.sanpham .regular4 .slick-prev::before {
  font-family: FontAwesome;
  content: "\f053" !important;
  color: #197b30;
  font-size: 54px;
  margin-left: -20px; }
.sanpham .regular4 .slick-next::before {
  font-family: FontAwesome;
  content: "\f054" !important;
  color: #197b30;
  font-size: 54px; }
.sanpham .regular4 .sp {
  position: relative; }
  .sanpham .regular4 .sp .row .m7 {
    position: relative;
    z-index: 1; }
    @media (max-width: 414px) {
      .sanpham .regular4 .sp .row .m7 {
        width: 64%; } }
    .sanpham .regular4 .sp .row .m7 .thumsp img {
      height: auto;
      width: 60% !important;
      display: block;
      margin: auto; }
      @media (max-width: 1024px) {
        .sanpham .regular4 .sp .row .m7 .thumsp img {
          width: 50% !important; } }
      @media (max-width: 414px) {
        .sanpham .regular4 .sp .row .m7 .thumsp img {
          width: 65% !important; } }
    .sanpham .regular4 .sp .row .m7 .ndsp {
      color: #fff;
      padding-left: 20px; }
      @media (max-width: 414px) {
        .sanpham .regular4 .sp .row .m7 .ndsp {
          margin: 11px 0px; } }
      .sanpham .regular4 .sp .row .m7 .ndsp h2 {
        margin: 0px;
        font-size: 24px; }
        @media (max-width: 1024px) {
          .sanpham .regular4 .sp .row .m7 .ndsp h2 {
            font-size: 20px; } }
        @media (max-width: 414px) {
          .sanpham .regular4 .sp .row .m7 .ndsp h2 {
            font-size: 22px; } }
        .sanpham .regular4 .sp .row .m7 .ndsp h2 a {
          color: #fff; }
        .sanpham .regular4 .sp .row .m7 .ndsp h2 a:hover {
          color: #318f22 !important; }
      .sanpham .regular4 .sp .row .m7 .ndsp hr {
        margin: 10px; }
      .sanpham .regular4 .sp .row .m7 .ndsp p {
        line-height: 20px;
        font-size: 14px; }
        @media (max-width: 414px) {
          .sanpham .regular4 .sp .row .m7 .ndsp p {
            display: none; } }
      .sanpham .regular4 .sp .row .m7 .ndsp .baoa {
        margin-top: 20px;
        font-size: 14px;
        margin-bottom: 40px; }
        .sanpham .regular4 .sp .row .m7 .ndsp .baoa .thea {
          background: #197B30;
          color: #fff;
          padding: 5px 20px;
          border-radius: 5px; }
  .sanpham .regular4 .sp .bgsp {
    position: absolute;
    top: 80px;
    z-index: 0; }
    .sanpham .regular4 .sp .bgsp img {
      height: 100%;
      border-radius: 20px; }

.congdong .container {
  padding: 25px 0px; }
.congdong .cd1 i {
  font-size: 30px;
  color: #fff;
  background: #197b30;
  border-radius: 50%;
  padding: 10px 13px;
  float: left;
  margin: 10px;
  margin: 10px; }
.congdong .cd1 h3 {
  font-size: 24px;
  text-transform: uppercase;
  color: #135b2f;
  font-weight: bold;
  font-family: helveticadbd; }
  @media (max-width: 414px) {
    .congdong .cd1 h3 {
      font-size: 17px; } }
@media (max-width: 414px) {
  .congdong .cd2 .videoto {
    display: none !important; } }
@media (max-width: 1024px) and (min-width: 650px) {
  .congdong .cd2 .m4 {
    width: 50% !important; }
    .congdong .cd2 .m4 .row1 p {
      padding-top: 10px; } }
@media (max-width: 1024px) {
  .congdong .cd2 .face {
    display: none !important; } }
.congdong .cd2 .face .iffbcd {
  height: 230px; }
  @media (max-width: 768px) {
    .congdong .cd2 .face .iffbcd {
      height: 201px; } }
  .congdong .cd2 .face .iffbcd iframe {
    width: auto !important;
    margin: 20px auto !important;
    display: block; }
.congdong .cd2 .cdcon {
  border-radius: 10px 10px 0px 0px; }
  .congdong .cd2 .cdcon .vt iframe {
    width: 90%;
    height: 210px;
    margin: 20px 19px; }
  .congdong .cd2 .cdcon .row1 {
    height: 50px;
    border-radius: 10px 10px 0px 0px; }
    .congdong .cd2 .cdcon .row1 i {
      color: #fff;
      font-size: 30px;
      margin-top: -10px;
      border-radius: 50%;
      margin-left: 30px !important; }
    .congdong .cd2 .cdcon .row1 p {
      text-align: center;
      display: block;
      color: #ffffff;
      font-size: 20px;
      margin-top: -45px; }
  .congdong .cd2 .cdcon .video {
    background: #ed1c24; }
    .congdong .cd2 .cdcon .video i {
      padding: 20px 24px;
      background: #ed1c24; }
  .congdong .cd2 .cdcon .tvc {
    background: #00a651; }
    .congdong .cd2 .cdcon .tvc i {
      padding: 20px;
      background: #00a651; }
  .congdong .cd2 .cdcon .face {
    background: #39579b; }
    .congdong .cd2 .cdcon .face i {
      padding: 20px 28px;
      background: #39579b; }
  .congdong .cd2 .cdcon img {
    width: 83%;
    margin: 15px auto;
    display: block; }

.tdls {
  overflow: inherit !important; }
  .tdls img {
    margin: 0px auto -39px;
    display: block; }

.ndls {
  text-align: center;
  color: #ffffff;
  padding: 20px auto;
  font-size: 18px; }

.lichsu {
  border-radius: 20px;
  background: url(../img/bg-lich-su-2.jpg) no-repeat center center;
  background-size: cover;
  padding: 80px 0px 120px;
  margin-right: 0px !important; }
  .lichsu .line {
    height: 10px;
    width: 40%;
    background: #76C043; }
  .lichsu .slick-list {
    padding: 0px !important; }
  .lichsu .regular5 {
    margin-bottom: -100px; }
    .lichsu .regular5 .slick-active .baols {
      padding: 0px 55px !important; }
    .lichsu .regular5 .slick-current .baols {
      padding: 0px 25px !important; }
    .lichsu .regular5 .slick-prev {
      top: 298px;
      left: 95px;
      z-index: 2; }
    .lichsu .regular5 .slick-next {
      top: 298px;
      right: 75px;
      z-index: 2; }
    .lichsu .regular5 .slick-prev::before {
      font-family: FontAwesome;
      content: "\f100" !important;
      color: #8E8E8E;
      font-size: 30px; }
    .lichsu .regular5 .slick-next::before {
      font-family: FontAwesome;
      content: "\f101" !important;
      color: #8E8E8E;
      font-size: 30px; }
    .lichsu .regular5 .slick-current .emty {
      margin-top: 40px;
      text-align: center; }
      .lichsu .regular5 .slick-current .emty p {
        font-weight: bold;
        font-size: 30px;
        color: #097714; }
    .lichsu .regular5 .slick-current .bao {
      margin: 0px; }
    .lichsu .regular5 .bao {
      background: linear-gradient(150deg, #8bc541, #39b54a);
      background: -moz-linear-gradient(150deg, #8bc541, #39b54a);
      margin: 0px;
      border-radius: 10px;
      padding: 20px 10px 30px;
      height: 235px; }
      .lichsu .regular5 .bao img {
        height: 106px;
        width: auto !important;
        margin: 20px auto 0px; }
    .lichsu .regular5 .emty {
      margin-top: 40px;
      text-align: center; }
      .lichsu .regular5 .emty p {
        font-weight: bold;
        font-size: 18px;
        color: #097714 !important; }
    .lichsu .regular5 .tamgiac {
      display: block;
      margin: -3px auto 0px;
      width: 0px;
      height: 0px;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 50px solid #3DB650; }
      .lichsu .regular5 .tamgiac .fa {
        margin-top: 10px;
        margin-left: -13px;
        color: #097716; }

@media only screen and (min-width: 1366px) and (max-width: 1919px) {
  .lichsu .line {
    width: 56%; } }
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
  .lichsu .line {
    width: 60%; } }
@media only screen and (max-width: 414px) {
  .lichsu .regular5 .slick-next {
    top: 298px;
    right: 63px; }

  .lichsu .regular5 .slick-prev {
    top: 298px;
    left: 60px; }

  .tdls {
    overflow: inherit !important; }
    .tdls img {
      width: 80%; } }
footer .ft1 img {
  margin-top: 15px;
  position: absolute;
  z-index: 10; }

footer .ft1 .m2 {
  position: relative; }
footer .ft1 ul li {
  float: left;
  color: #197b30;
  margin-right: 20px;
  font-weight: 700;
  font-size: 16px;
  margin-top: 18px;
  text-transform: uppercase;
  font-family: helveticadbd; }
  footer .ft1 ul li a {
    color: green; }
  @media (max-width: 1024px) {
    footer .ft1 ul li {
      font-size: 14px; } }
footer .ft2 {
  background: url(../img/chan.jpg) no-repeat center center;
  background-size: 100% 100%; }
  footer .ft2 .container {
    padding: 15px 0px; }
  footer .ft2 .ft21 {
    color: #fff; }
    footer .ft2 .ft21 p {
      margin-top: 20px;
      margin-bottom: 5px; }
    footer .ft2 .ft21 i {
      margin-right: 10px;
      font-size: 20px;
      color: #fff; }
  footer .ft2 .ft22 {
    color: #fff;
    text-align: right; }
    footer .ft2 .ft22 p {
      margin-top: 20px; }
    footer .ft2 .ft22 a {
      color: #197b30;
      background: #fff;
      padding: 4px 30px;
      font-weight: 600;
      font-size: 30px;
      border-radius: 35px; }
footer .mxhphai {
  position: fixed;
  right: 0px;
  bottom: 43%; }
  footer .mxhphai .fb {
    color: #fff;
    background: #0172bc;
    padding: 10px 0px 10px 10px;
    border-radius: 5px 0px 0px 5px; }
    footer .mxhphai .fb i {
      padding: 10px;
      border-radius: 5px 0px 0px 5px;
      border: 1px dashed #fff;
      margin-right: -1px; }
  footer .mxhphai .yt {
    margin-top: 10px;
    color: #fff;
    background: #ee1b24;
    padding: 10px 0px 10px 10px;
    border-radius: 5px 0px 0px 5px; }
    footer .mxhphai .yt i {
      padding: 10px;
      border-radius: 5px 0px 0px 5px;
      border: 1px dashed #fff;
      margin-right: -1px; }
  footer .mxhphai i {
    display: block;
    font-size: 20px; }
    @media (max-width: 414px) {
      footer .mxhphai i {
        font-size: 15px; } }
footer .hotline {
  background: #ee1b24;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  font-size: 30px;
  position: fixed;
  left: 10px;
  bottom: 17px;
  padding-top: 4px;
  animation-name: example;
  animation-duration: 5s;
  animation-delay: 2s;
  animation-iteration-count: infinite; }
  @media (min-width: 768px) {
    footer .hotline {
      display: none; } }
footer .location {
  width: 170px;
  background: #ee1b24;
  height: 40px;
  text-align: center;
  border-radius: 25px;
  position: fixed;
  left: 60px;
  bottom: 17px;
  padding: 4px 8px 4px 4px;
  font-size: 16px; }
  @media (min-width: 768px) {
    footer .location {
      display: none; } }
  footer .location .chutron, footer .location header .menu1, header footer .location .menu1, footer .location .m8 .catechuyengia ul, .m8 .catechuyengia footer .location ul, footer .location .gocchuyengia .m8 .tl .m11 .td h3, .gocchuyengia .m8 .tl .m11 .td footer .location h3, footer .location .gannhat .gn1 .tk button, .gannhat .gn1 .tk footer .location button, footer .location .pagi .page-numbers, .pagi footer .location .page-numbers, footer .location .sidebar .widget_hnt2_widget h2, .sidebar .widget_hnt2_widget footer .location h2, footer .location .content h1 a, .content h1 footer .location a, footer .location .single .m8 h2, .single .m8 footer .location h2, footer .location .duongdansingle ul li, .duongdansingle ul footer .location li, footer .location .bannerctsp .m7 h1, .bannerctsp .m7 footer .location h1, footer .location .datcauhoi .duongdan ul li, .datcauhoi .duongdan ul footer .location li, footer .location .singlechuyengia .td h1, .singlechuyengia .td footer .location h1 {
    font-size: 24px;
    color: greenyellow;
    margin-top: 5px; }
  footer .location .mua {
    width: 30px;
    float: left;
    font-size: 14px;
    margin-top: 0px; }
  footer .location i {
    font-size: 28px;
    margin: 2px 10px 2px 8px;
    float: left; }

@keyframes example {
  0% {
    transform: rotate(10deg);
    transform: scale(1, 1); }
  10% {
    transform: rotate(-20deg); }
  20% {
    transform: rotate(20deg); }
  30% {
    transform: rotate(-20deg);
    transform: scale(1.2, 1.2); }
  40% {
    transform: rotate(20deg); }
  50% {
    transform: rotate(-20deg); }
  60% {
    transform: rotate(10deg);
    transform: scale(1, 1); }
  100% {
    transform: rotate(0deg); } }
@media only screen and (max-width: 1024px) {
  .chiase .cs2 .m5 .row .m3 {
    padding-right: 5px; }

  .thuoc .slick-prev {
    left: -6px; }
  .thuoc .slick-next {
    right: -7px; }

  .dkfb a {
    padding: 14px 25px 10px; }

  .chiase .cs2 .m5 .slick-prev {
    top: -50px;
    left: 80%; }

  .benhho .bh3 .m7 h4 {
    font-size: 40px; }

  .benhho .bh3 .m5 .row {
    padding-bottom: 10px;
    margin-bottom: 10px; }

  .benhho .bh3 .m5 .row .m3 .imgres img {
    border-radius: 10px; }

  header .menu1 .m5 ul li {
    font-size: 14px;
    margin: 0px 5px;
    letter-spacing: -0.2px;
    margin-top: 20px; }

  .benhho .bh3 .m5 {
    margin: 0px 10px 0px 5px !important; }

  footer .ft1 img {
    width: 130px;
    margin-top: 35px; } }
@media only screen and (max-width: 480px) {
  .congdong .cd2 .cdcon iframe {
    height: 190px;
    margin: 20px 16px 10px !important; }

  footer .ft2 .ft22 p {
    margin-top: 2px !important; }

  .dst-form .btn {
    float: right;
    background: #197b30;
    border-radius: 8px;
    margin-top: 6px;
    padding: 8px 20px 15px;
    font-size: 16px; }

  footer .ft2 .ft22 a {
    color: #197b30;
    background: #fff;
    padding: 2px 20px;
    font-weight: 600;
    font-size: 25px;
    border-radius: 35px; }

  footer .ft2 .ft21 p {
    margin-top: 19px;
    margin-bottom: 3px; }

  footer .ft2 .ft22 p {
    margin-top: -23px; }

  .thuoc .m6 .relate .phu hr {
    margin: 0px; }

  .benhho .bh3 .m5 .row .m3 .imgres img {
    height: auto; }

  .benhho .bh3 .m5 .row {
    border-bottom: 0px dashed #fff;
    padding-bottom: 0px; }
    .benhho .bh3 .m5 .row .m9 {
      margin: 0px 10px;
      border-bottom: 1px dashed #fff;
      padding-bottom: 20px; }

  .dangky {
    padding: 0px; }

  .dkfb {
    margin-right: 0px !important; }
    .dkfb a {
      padding: 10px 27px; }

  .bh2 {
    height: auto !important; }

  .menu1 .button-collapse {
    color: #fff; }
    .menu1 .button-collapse i {
      margin-top: 9px;
      padding-right: 30px; }

  .cd2 .m4 {
    margin-bottom: 20px; }

  .congdong .cd1 i {
    font-size: 27px; }

  .thuoc .m6 .relate .phu img {
    height: 160px; }

  .thuoc .m6 .relate .phu .baoa {
    height: 40px; }

  .thuoc .m6 .relate .phu p {
    margin-left: 8px;
    width: 60%;
    font-size: 13px; }

  .thuoc .m6 .relate .phu hr {
    margin-left: 8px;
    width: 55%; }

  .thuoc .m6 .relate .phu h2 {
    font-size: 19px;
    margin-left: 8px;
    margin-top: -50px;
    margin-bottom: 0px; }

  .chiase .cs2 .m5 .row .m9 p {
    margin-top: 5px;
    font-size: 14px;
    margin-bottom: 5px; }

  .ft22 {
    padding-bottom: 20px !important; }

  .dangky h3 {
    margin-top: 20px;
    font-size: 32px; }

  .thuoc {
    margin-top: 50px !important; }

  .chiase .cs2 .m5 .slick-prev:before, .chiase .cs2 .m5 .slick-next:before {
    color: #067514;
    font-size: 24px !important; }

  .chiase .cs2 .m5 .slick-prev {
    top: -15px !important;
    left: 77% !important; }

  .chiase .cs2 .m5 .slick-next {
    top: -15px !important;
    right: 7% !important; }

  .benhho .bh3 .m7 h4 {
    font-size: 30px; }

  .benhho .bh3 .m5 {
    width: 100% !important;
    margin: 0px !important; }

  .benhho .bh3 .m7 {
    width: 100% !important;
    margin: 0px !important; }

  .benhho .bh1 img {
    width: 45px;
    height: 45px; }

  .benhho .bh2 .m4 p {
    font-size: 14px; }

  .regular4 .slick-next {
    display: none !important; }
  .regular4 .slick-prev {
    display: none !important; }

  .menu1 {
    margin-top: 40px; }

  .benhho .slider2 button {
    top: -20px !important; }

  .benhho .bh3 .m7 .m3 img {
    width: 74%;
    margin-right: -11px; }

  .chiase .cs2 .m5 {
    width: 100% !important;
    margin: 0px !important; }

  .chiase .cs1 img {
    margin: 14px 10px; }

  .chiase .cs2 .m5 .slick-slide {
    margin-right: 10px !important;
    margin-left: 10px !important; }

  .benhho .bh3 .m7 {
    margin-top: 20px !important; }

  .benhho .slider2 .slick-prev:before, .benhho .slider2 .slick-next:before {
    color: #067514;
    font-size: 24px !important; } }
@media only screen and (min-width: 800px) {
  .menu1 ul li a {
    color: #fff; }

  #mobile-demo {
    display: none; }

  .button-collapse {
    display: none; }

  .mobile {
    display: none !important; } }
@media only screen and (max-width: 800px) {
  .menu1 .button-collapse {
    color: #fff !important; }

  .regular4 .slick-next {
    right: 0px; }
  .regular4 .slick-next::before {
    display: none !important; }
  .regular4 .slick-prev {
    display: none !important; }

  .dkfb {
    margin-right: 0px; }

  .chiase .cs2 .m5 .slick-next {
    top: -70px;
    right: -14%; }

  .chiase .cs2 .m5 .slick-prev {
    top: -70px;
    left: 96%; }

  .benhho .bh3 .m7 h4 {
    font-size: 30px; }

  .benhho .bh2 .m4 p {
    font-size: 16px;
    font-weight: 100; }

  .congdong .cd2 .cdcon iframe {
    height: 190px;
    margin: 20px 12px 10px; }

  .desktop {
    display: none !important; } }
@media (max-width: 760px) {
  .chiase .cs2 .m5 .slick-next {
    top: -30px;
    right: 0%; }

  .chiase .cs2 .m5 .slick-prev {
    top: -30px;
    left: 76%; } }
@media (min-width: 1200px) {
  .container {
    width: 1170px; } }
@media only screen and (max-width: 320px) {
  .congdong, .dangky {
    padding: 0px !important; }
    .congdong .congdong .cd1 h3, .dangky .congdong .cd1 h3 {
      font-size: 19px; }

  .dangky h3 {
    font-size: 27px; }

  .dkfb a {
    padding: 12px 15px; }

  footer .ft2 .ft21 p {
    font-size: 12px; }

  footer .ft2 .ft22 p {
    font-size: 12px; }

  footer .ft2 .ft22 a {
    padding: 3px 20px;
    font-size: 25px; }

  .thuoc .m6 {
    margin: 0px !important;
    padding: 0px 8px !important; }

  .benhho .bh3 .m7 p {
    font-size: 18px;
    text-align: center; }

  header ul .tlp {
    margin-top: 5px; } }
.dch {
  position: relative;
  top: -40px; }
  .dch img {
    width: 100%;
    margin-top: -15px; }
  .dch .datch {
    position: relative;
    top: 140px;
    width: 180px;
    left: 46%;
    padding: 1px 0px 2px;
    border-radius: 20px; }
    @media only screen and (max-width: 1366px) {
      .dch .datch {
        top: 110px; } }
    @media (max-width: 1024px) {
      .dch .datch {
        top: 80px; } }
    .dch .datch:hover {
      background: #fff;
      color: green; }
      .dch .datch:hover p {
        color: green !important; }

.lkcg h6 {
  font-weight: 300 !important;
  font-size: 26px !important; }
.lkcg .xanhnhat {
  background: #8EC63F; }
  .lkcg .xanhnhat textarea {
    border-radius: 6px;
    padding: 12px;
    height: 48px;
    border: 0px; }
  .lkcg .xanhnhat .input-field select {
    height: 48px;
    border-radius: 6px;
    margin-top: -10px;
    background: #fff;
    width: 85%;
    border: 0px; }
  .lkcg .xanhnhat .m2 {
    margin-top: 12px; }
    .lkcg .xanhnhat .m2 .domaubt, .lkcg .xanhnhat .m2 .benhho .bh3 .m7 .anh .btdatch, .benhho .bh3 .m7 .anh .lkcg .xanhnhat .m2 .btdatch, .lkcg .xanhnhat .m2 .gocchuyengia .anh .btdatch, .gocchuyengia .anh .lkcg .xanhnhat .m2 .btdatch {
      padding: 14px 30px;
      margin-left: -35px;
      border-radius: 40px; }
      .lkcg .xanhnhat .m2 .domaubt p, .lkcg .xanhnhat .m2 .benhho .bh3 .m7 .anh .btdatch p, .benhho .bh3 .m7 .anh .lkcg .xanhnhat .m2 .btdatch p, .lkcg .xanhnhat .m2 .gocchuyengia .anh .btdatch p, .gocchuyengia .anh .lkcg .xanhnhat .m2 .btdatch p {
        margin-top: 5px; }
.lkcg .xam {
  background: #C4DF9C; }
  .lkcg .xam textarea {
    border-radius: 6px;
    padding: 12px;
    height: 48px;
    border: 0px; }
  .lkcg .xam input {
    background: #fff;
    height: 48px;
    border-radius: 6px;
    padding-left: 6px;
    margin-top: -9px;
    margin-bottom: 0px;
    border: 0px; }
  .lkcg .xam .m2 {
    margin-top: 12px; }
    .lkcg .xam .m2 .domaubt, .lkcg .xam .m2 .benhho .bh3 .m7 .anh .btdatch, .benhho .bh3 .m7 .anh .lkcg .xam .m2 .btdatch, .lkcg .xam .m2 .gocchuyengia .anh .btdatch, .gocchuyengia .anh .lkcg .xam .m2 .btdatch {
      padding: 14px 30px;
      border-radius: 40px; }
.lkcg .chutron, .lkcg header .menu1, header .lkcg .menu1, .lkcg .m8 .catechuyengia ul, .m8 .catechuyengia .lkcg ul, .lkcg .gocchuyengia .m8 .tl .m11 .td h3, .gocchuyengia .m8 .tl .m11 .td .lkcg h3, .lkcg .gannhat .gn1 .tk button, .gannhat .gn1 .tk .lkcg button, .lkcg .pagi .page-numbers, .pagi .lkcg .page-numbers, .lkcg .sidebar .widget_hnt2_widget h2, .sidebar .widget_hnt2_widget .lkcg h2, .lkcg .content h1 a, .content h1 .lkcg a, .lkcg .single .m8 h2, .single .m8 .lkcg h2, .lkcg .duongdansingle ul li, .duongdansingle ul .lkcg li, .lkcg .bannerctsp .m7 h1, .bannerctsp .m7 .lkcg h1, .lkcg .datcauhoi .duongdan ul li, .datcauhoi .duongdan ul .lkcg li, .lkcg .singlechuyengia .td h1, .singlechuyengia .td .lkcg h1 {
  font-size: 20px;
  margin-top: 40px; }

.cate h2 {
  border-bottom: 2px dashed #007111;
  padding-bottom: 10px;
  margin-bottom: 30px; }
.cate .ch {
  border-left: dashed 1px;
  border-right: 1px dashed;
  padding: 0px 30px !important;
  font-size: 20px; }
  .cate .ch .boimg {
    overflow: hidden;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 10px auto 30px; }
.cate .bs h3 {
  font-weight: 300;
  text-align: center; }
.cate .bs .boimg {
  overflow: hidden;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  margin: 10px auto 30px; }
.cate .xam {
  padding: 5px 15px;
  border-radius: 20px;
  float: right; }

.p25 {
  padding-left: 25px; }
  .p25 .ten {
    font-weight: bold;
    font-size: 18px; }
  .p25 .tit {
    font-size: 20px;
    margin-top: 20px; }
  .p25 .cont {
    font-size: 16px; }

.tk {
  padding: 0px 30px !important; }
  .tk p {
    margin-bottom: 30px; }

.m8 .catechuyengia {
  border-bottom: 3px solid #007112; }
  .m8 .catechuyengia ul {
    float: right;
    margin-bottom: 0px; }
    .m8 .catechuyengia ul li {
      float: left;
      margin-left: 3px;
      padding: 10px 30px;
      background: #8dc63f;
      border-radius: 10px 10px 0px 0px; }
      @media (max-width: 414px) {
        .m8 .catechuyengia ul li {
          padding: 8px 3px !important;
          font-size: 12px; } }
      @media (max-width: 375px) {
        .m8 .catechuyengia ul li {
          padding: 8px 3px !important;
          font-size: 10px;
          margin-left: 1px; } }
.m8 .catename {
  border-bottom: solid 2px #3CB54C; }
  .m8 .catename .m5 {
    padding: 10px 20px 5px;
    border-radius: 10px 10px 0px 0px; }
    .m8 .catename .m5 h3 {
      font-size: 30px;
      margin: 0px;
      font-weight: 500; }
.m8 .cauhoi {
  margin-bottom: 10px; }
  .m8 .cauhoi .m2 {
    padding-right: 10px; }
  .m8 .cauhoi .trongm2 {
    border: 1px solid;
    border-radius: 10px;
    padding: 5px; }
    .m8 .cauhoi .trongm2 .green {
      padding-top: 9%;
      text-align: center;
      height: 88px;
      font-size: 50px;
      font-weight: bold;
      border-radius: 5px; }
  .m8 .cauhoi img {
    width: 100%;
    height: auto; }
  .m8 .cauhoi h2 {
    color: #006504;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 24px; }
  .m8 .cauhoi h5 {
    margin: 25px 0px;
    color: #006504;
    font-weight: bold; }
  .m8 .cauhoi h4 {
    color: #5CA15E;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 18px; }
  .m8 .cauhoi p {
    margin-bottom: 20px; }
  .m8 .cauhoi .tl {
    margin-bottom: 0px; }
    .m8 .cauhoi .tl a {
      border-radius: 20px;
      padding: 5px 30px;
      font-size: 18px;
      font-weight: 200; }
.m8 .bstl {
  background: #E7F5E8;
  padding: 10px;
  margin-bottom: 10px; }
  .m8 .bstl img {
    width: 100%; }
.m8 .xt {
  margin-bottom: 0px;
  color: green; }
  .m8 .xt a {
    float: right;
    background: #C5E09B;
    padding: 5px 30px;
    color: #000;
    border-radius: 20px; }

.singlechuyengia {
  margin-left: 12px !important; }

.gocchuyengia .gcg {
  margin-right: 0px; }
.gocchuyengia .anh {
  margin-left: 0px !important;
  position: relative; }
  .gocchuyengia .anh .btdatch {
    position: relative;
    left: 8%;
    top: 330px;
    width: 180px;
    border: 3px solid #fff;
    border-radius: 20px; }
    @media (max-width: 414px) {
      .gocchuyengia .anh .btdatch {
        top: 200px; } }
    @media (max-width: 375px) {
      .gocchuyengia .anh .btdatch {
        top: 180px; } }
    @media (max-width: 330px) {
      .gocchuyengia .anh .btdatch {
        top: 160px; } }
    .gocchuyengia .anh .btdatch:hover {
      background: #fff;
      border: 3px solid green;
      font-weight: bold; }
      .gocchuyengia .anh .btdatch:hover p {
        color: green !important; }
@media (max-width: 414px) {
  .gocchuyengia {
    width: 98% !important; } }
@media (max-width: 768px) {
  .gocchuyengia .m8 {
    width: 100% !important;
    margin-top: 15px; } }
.gocchuyengia .m8 .catechuyengia {
  border-bottom: 3px solid #007112; }
  .gocchuyengia .m8 .catechuyengia ul {
    float: right;
    margin-bottom: 0px;
    color: #fff; }
    .gocchuyengia .m8 .catechuyengia ul .current-menu-item {
      background: linear-gradient(#76b83a, #007112);
      padding: 10px 30px; }
    .gocchuyengia .m8 .catechuyengia ul li {
      float: left;
      margin-left: 3px;
      padding: 10px 15px;
      background: #8dc63f;
      border-radius: 10px 10px 0px 0px; }
      .gocchuyengia .m8 .catechuyengia ul li:hover {
        background: #ffffff;
        border-top: 2px solid green; }
        .gocchuyengia .m8 .catechuyengia ul li:hover a {
          color: green; }
      .gocchuyengia .m8 .catechuyengia ul li a {
        color: #fff; }
.gocchuyengia .m8 .tk {
  margin-bottom: 0px; }
  .gocchuyengia .m8 .tk form {
    border: 1px solid #959595;
    height: 46px;
    border-radius: 6px; }
    @media (max-width: 768px) {
      .gocchuyengia .m8 .tk form {
        height: 43px; } }
    .gocchuyengia .m8 .tk form input {
      float: left;
      margin-left: 5px;
      margin-right: -5px;
      margin-bottom: 0px;
      margin-bottom: 20px; }
    .gocchuyengia .m8 .tk form i {
      margin-top: 3px; }
    .gocchuyengia .m8 .tk form input:focus {
      text-decoration: none !important; }
.gocchuyengia .m8 .tl {
  border-bottom: 1px solid #f2f2f2; }
  .gocchuyengia .m8 .tl .m1 p {
    background: forestgreen;
    height: 32px;
    width: 32px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    margin-top: 2px; }
  .gocchuyengia .m8 .tl .m11 span {
    font-weight: bold;
    float: left; }
  .gocchuyengia .m8 .tl .m11 .td {
    margin-bottom: 10px; }
    .gocchuyengia .m8 .tl .m11 .td h3 {
      margin-top: 2px;
      font-weight: bold;
      font-size: 26px; }
      .gocchuyengia .m8 .tl .m11 .td h3 a {
        color: green; }
      @media (max-width: 414px) {
        .gocchuyengia .m8 .tl .m11 .td h3 {
          margin-left: 15px;
          font-size: 20px; } }
  .gocchuyengia .m8 .tl .m11 .ch {
    margin-bottom: 0px; }
    .gocchuyengia .m8 .tl .m11 .ch .chc {
      margin-bottom: 0px; }
    .gocchuyengia .m8 .tl .m11 .ch .ngaygui {
      font-style: italic;
      float: right;
      margin-bottom: 10px; }
  .gocchuyengia .m8 .tl .m11 .cautl p {
    margin-bottom: 0px; }
  .gocchuyengia .m8 .tl .m11 .cautl i {
    margin-left: 5px;
    color: green; }

.gannhat h3 {
  font-size: 30px !important;
  margin-top: 50px; }
  @media (max-width: 414px) {
    .gannhat h3 {
      font-size: 26px !important; } }
.gannhat p {
  font-size: 14px; }
.gannhat img {
  display: block;
  margin: 20px auto -36px; }
  @media (max-width: 414px) {
    .gannhat img {
      margin: 50px auto -30px;
      width: 85%; } }
.gannhat .gn1 {
  background: url(../img/bg-diem-ban.jpg) no-repeat center center;
  background-size: cover;
  padding: 20px 0px; }
  .gannhat .gn1 .m4 {
    margin-top: 60px; }
    .gannhat .gn1 .m4 select {
      height: 56px;
      border-radius: 10px;
      color: #000;
      border: 2px solid #C1C1C1;
      background: #fff; }
  .gannhat .gn1 .tk {
    margin-top: -10px;
    margin-bottom: 55px; }
    .gannhat .gn1 .tk button {
      border: 2px solid #C1C1C1;
      width: 60%;
      height: 45px;
      border-radius: 22px;
      background: #fff;
      margin-left: 20%;
      color: green;
      font-size: 20px; }
      .gannhat .gn1 .tk button:hover {
        color: #fff;
        background: green; }

.tt h4 {
  margin: 35px auto 20px;
  font-size: 22px; }
.tt > p {
  line-height: 15px;
  margin-bottom: 40px; }
  @media (max-width: 414px) {
    .tt > p {
      line-height: 18px;
      margin: 30px auto;
      width: 80%; } }
.tt .container-fluid {
  background: #74C67A;
  padding-bottom: 55px;
  padding-top: 50px; }
  @media (max-width: 414px) {
    .tt .container-fluid .m4 {
      margin-bottom: 10px; } }
  .tt .container-fluid .m4 .inm4 {
    margin: 0px 8px;
    background: #ffffff;
    border-radius: 10px;
    padding: 25px 25px 25px; }
    @media (max-width: 1024px) {
      .tt .container-fluid .m4 .inm4 {
        margin: 0px 0px;
        padding: 15px 10px 25px; }
        .tt .container-fluid .m4 .inm4 .row .m4 {
          padding-right: 0px; } }
    .tt .container-fluid .m4 .inm4 .tinh {
      height: 80px;
      overflow: hidden;
      margin-bottom: 5px;
      margin-left: 5px; }
    .tt .container-fluid .m4 .inm4 .xemthem {
      margin-right: 10px;
      color: green; }
      .tt .container-fluid .m4 .inm4 .xemthem:hover {
        color: greenyellow; }
    .tt .container-fluid .m4 .inm4 ul li {
      margin-bottom: 14px;
      font-size: 14px; }
      @media (max-width: 768px) {
        .tt .container-fluid .m4 .inm4 ul li {
          font-size: 11px; } }
      @media (max-width: 414px) {
        .tt .container-fluid .m4 .inm4 ul li {
          margin-bottom: 16px;
          font-size: 12px; } }
      @media (max-width: 330px) {
        .tt .container-fluid .m4 .inm4 ul li {
          font-size: 11px; } }
      .tt .container-fluid .m4 .inm4 ul li a {
        color: #000; }
    .tt .container-fluid .m4 .inm4 li:before {
      font-family: FontAwesome;
      content: "\f111";
      padding-right: 2px;
      color: #74c67a;
      font-size: 5px;
      vertical-align: middle; }
      @media (max-width: 414px) {
        .tt .container-fluid .m4 .inm4 li:before {
          padding-right: 1px; } }

.tv {
  padding-top: 25px; }
  .tv .cach {
    padding: 10px 20px;
    background: #34B347;
    color: #fff;
    font-weight: bold;
    width: 135px;
    display: block;
    margin: 20px auto;
    border-radius: 30px; }
  .tv .gd {
    margin: 25px 0px 10px;
    font-size: 30px; }
    @media (max-width: 1024px) {
      .tv .gd {
        font-size: 27px; } }
    @media (max-width: 768px) {
      .tv .gd {
        font-size: 20px; } }
  .tv .anh p {
    font-size: 14px; }
  .tv .anh img {
    float: left;
    margin-left: 10%;
    margin-right: 10px;
    margin-top: -40px; }
    @media (max-width: 1024px) {
      .tv .anh img {
        margin-left: 8%; } }
    @media (max-width: 768px) {
      .tv .anh img {
        margin-left: 4%;
        width: 32%; } }
    @media (max-width: 414px) {
      .tv .anh img {
        width: 40%;
        margin-left: 1%; } }
    @media (max-width: 375px) {
      .tv .anh img {
        margin-top: -30px; } }
  .tv .anh .tvcon {
    border: 1px solid #339f3c;
    width: 370px;
    margin: 46px auto;
    display: block;
    border-radius: 20px;
    padding-left: 10px;
    height: 80px; }
    @media (max-width: 1024px) {
      .tv .anh .tvcon {
        width: 80%;
        margin: 10% auto;
        height: auto; } }
    @media (max-width: 768px) {
      .tv .anh .tvcon {
        margin: 6% auto; } }
    @media (max-width: 414px) {
      .tv .anh .tvcon {
        margin: 9%;
        width: 82%; } }
    .tv .anh .tvcon p {
      font-size: 14px;
      color: #2B812C;
      margin-top: 10px;
      margin-bottom: 5px; }
    .tv .anh .tvcon h3 {
      margin-top: 0px;
      color: #2B812C;
      font-size: 33px; }
      .tv .anh .tvcon h3:hover {
        font-size: 31px;
        color: red; }
        @media (max-width: 414px) {
          .tv .anh .tvcon h3:hover {
            font-size: 24px; } }
      @media (max-width: 1024px) {
        .tv .anh .tvcon h3 {
          font-size: 30px; } }
      @media (max-width: 1024px) {
        .tv .anh .tvcon h3 {
          font-size: 27px; } }
      @media (max-width: 414px) {
        .tv .anh .tvcon h3 {
          font-size: 26px; } }
      @media (max-width: 320px) {
        .tv .anh .tvcon h3 {
          font-size: 23px; } }
      .tv .anh .tvcon h3 a {
        color: #2B812C; }
    .tv .anh .tvcon .mgt {
      margin-top: 20px; }

.colt {
  border-right: 3px solid #197b30; }
  .colt p {
    font-size: 14px; }
  @media (max-width: 414px) {
    .colt {
      border-right: 0px solid #197b30;
      border-bottom: 3px solid #197b30; } }

.showxt {
  height: auto !important;
  overflow: auto !important;
  transition: height 3s; }

.listhuyen {
  border: 1px solid #e1e1e1;
  padding: 10px 20px; }
  .listhuyen ul li {
    list-style-type: disc !important; }
    .listhuyen ul li a {
      color: #000; }

.bannersp {
  background-size: cover !important;
  padding: 60px 0px 30px; }
  @media (max-width: 1024px) {
    .bannersp {
      padding: 40px 0px 10px; } }
  .bannersp h1 {
    font-size: 36px;
    margin-bottom: 0px; }
    @media (max-width: 1024px) {
      .bannersp h1 {
        font-size: 36px; } }
    @media (max-width: 768px) {
      .bannersp h1 {
        font-size: 28px; } }
  .bannersp h2 {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 30px; }
    @media (max-width: 768px) {
      .bannersp h2 {
        margin-bottom: 30px;
        font-size: 20px; } }
  .bannersp .videosp iframe {
    width: 100%;
    height: 315px;
    border: 5px solid green;
    border-radius: 5px; }
    @media (max-width: 1024px) {
      .bannersp .videosp iframe {
        height: 260px; } }
    @media (max-width: 768px) {
      .bannersp .videosp iframe {
        height: 200px; } }
    @media (max-width: 414px) {
      .bannersp .videosp iframe {
        height: 190px; } }
    @media (max-width: 414px) {
      .bannersp .videosp iframe {
        border: 3px solid green; } }

.dssp h3 {
  font-size: 20px; }
.dssp .anh {
  background-size: 100% 40%;
  padding: 45px 0px 25px; }
  .dssp .anh img {
    height: 250px;
    width: auto; }
    @media (max-width: 768px) {
      .dssp .anh img {
        height: 200px; } }
    @media (max-width: 414px) {
      .dssp .anh img {
        height: auto; } }
.dssp .line {
  border-top: 1px solid green;
  width: 30%;
  margin-left: 35%;
  margin-bottom: 10px; }
.dssp p {
  font-size: 14px; }
.dssp .xt {
  margin: 20px 0px;
  font-size: 14px; }
  .dssp .xt i {
    margin: 5px; }
.dssp .dathang {
  font-size: 15px;
  background: #097714;
  margin: 20px 20% 70px;
  padding: 10px 0px;
  border-radius: 20px;
  font-weight: bold; }
  .dssp .dathang i {
    margin: 5px; }

.bannerdm img {
  width: 100%; }

.tbl h1 {
  font-size: 30px;
  padding-bottom: 10px; }
  @media (max-width: 414px) {
    .tbl h1 {
      font-size: 26px; } }
@media (max-width: 414px) {
  .tbl .baoanh img {
    margin-bottom: 10px; } }

.dm {
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e1e1; }
  .dm .m4 {
    padding: 0px !important; }
  .dm img {
    width: 100%;
    height: auto;
    border-radius: 10px; }
  .dm .baotext {
    padding: 0px 25px; }
    .dm .baotext h2 {
      margin-top: 0px !important;
      line-height: 20px;
      margin-bottom: 6px; }
      .dm .baotext h2 a {
        color: darkgreen;
        font-size: 20px;
        font-weight: bold; }
    .dm .baotext .ngay {
      color: green;
      font-size: 12px;
      margin-bottom: 15px; }
    .dm .baotext .nd {
      font-size: 14px !important; }

.pagi {
  font-size: 18px; }
  .pagi .page-numbers {
    border: 1px solid #e1e1e1;
    color: green;
    padding: 3px 8px; }
  .pagi .current {
    color: #fff;
    background: #00A652;
    border-radius: 50%;
    border: 0px; }

.sidebar .textwidget img {
  width: 100%;
  margin-left: 5px;
  margin-bottom: 20px; }
.sidebar .textwidget img {
  width: 100%;
  height: auto; }
.sidebar .widget_hnt2_widget {
  background: #4CAF50;
  border-radius: 10px;
  margin-left: 6px;
  padding-left: 5%;
  margin-bottom: 20px;
  margin-right: -0.75rem !important; }
  .sidebar .widget_hnt2_widget iframe {
    width: 95%;
    margin-bottom: 20px;
    height: auto;
    border: 2px solid #fff; }
  .sidebar .widget_hnt2_widget h2 {
    color: #fff;
    padding-top: 20px;
    font-size: 20px; }
.sidebar .search {
  padding: 15px;
  border-radius: 10px;
  margin-right: 0px; }
  .sidebar .search p {
    margin-top: 0px; }
  @media (min-width: 1024px) {
    .sidebar .search {
      margin-left: 7px !important; } }
  .sidebar .search i {
    float: left;
    margin-right: 10px;
    font-size: 16px; }
  .sidebar .search input {
    background: #fff;
    border-radius: 10px;
    margin: 0px; }
.sidebar .tvcsb {
  margin-right: 0px;
  padding: 15px;
  border-radius: 10px; }
  .sidebar .tvcsb p {
    margin-top: 0px; }
  @media (min-width: 768px) {
    .sidebar .tvcsb {
      margin-left: 7px !important; } }
  .sidebar .tvcsb i {
    float: left;
    margin-right: 10px;
    font-size: 16px; }
  .sidebar .tvcsb img {
    border: 2px solid #fff; }
.sidebar .diemban {
  margin-right: 0px;
  border-radius: 10px;
  padding: 20px 15px; }
  .sidebar .diemban .m1 i {
    font-size: 18px;
    margin-top: -2px !important; }
  .sidebar .diemban .m11 p {
    margin-top: 0px; }
  @media (min-width: 1024px) {
    .sidebar .diemban {
      margin-left: 7px !important; } }
  .sidebar .diemban .row {
    margin-bottom: 10px; }
  .sidebar .diemban img {
    display: block;
    margin: 0px auto 20px; }
  .sidebar .diemban i {
    float: left;
    margin-right: 10px; }
  .sidebar .diemban ul li {
    font-size: 14px;
    margin-top: 15px;
    width: 50%;
    float: left;
    margin-bottom: 10px; }
    .sidebar .diemban ul li a {
      color: #fff; }
      .sidebar .diemban ul li a:hover {
        color: darkgreen !important; }
  .sidebar .diemban ul li:before {
    font-family: FontAwesome;
    content: "\f111";
    padding-right: 3px;
    color: #fff;
    font-size: 5px;
    vertical-align: middle; }
  .sidebar .diemban select {
    height: 47px;
    background: #fff;
    border-radius: 10px;
    color: #000;
    font-size: 14px; }
.sidebar .anh {
  margin-right: 0px;
  margin-bottom: 10px !important; }
  @media (min-width: 1024px) {
    .sidebar .anh {
      margin-left: 7px !important; } }
  .sidebar .anh img {
    float: left;
    margin-right: 5px;
    width: 45%;
    margin-top: -40px; }
    @media (max-width: 1024px) {
      .sidebar .anh img {
        margin-top: -27px; } }
  .sidebar .anh .tvcon {
    border: 1px solid #339f3c;
    width: 96%;
    margin: 15% auto;
    display: block;
    border-radius: 20px;
    padding-left: 10px;
    height: auto; }
    .sidebar .anh .tvcon p {
      color: #2B812C;
      margin-top: 10px;
      margin-bottom: 5px; }
    .sidebar .anh .tvcon h3 {
      margin-top: 0px;
      color: #2B812C;
      font-size: 24px; }
      @media (max-width: 1024px) {
        .sidebar .anh .tvcon h3 {
          font-size: 22px; }
          .sidebar .anh .tvcon h3:hover {
            font-size: 22px !important; } }
      .sidebar .anh .tvcon h3:hover {
        color: #F3712F !important;
        font-size: 25px; }
    .sidebar .anh .tvcon .mgt {
      margin-top: 20px; }
.sidebar .mostpopu {
  border: 2px #3CB54C solid;
  border-radius: 12px;
  margin-right: 0px; }
  @media (min-width: 1024px) {
    .sidebar .mostpopu {
      margin-left: 7px !important; } }
  .sidebar .mostpopu .green {
    background: #3CB54C;
    border-radius: 8px 8px 0px 0px;
    padding: 10px 15px;
    margin-left: 0px;
    margin-right: 0px; }
    .sidebar .mostpopu .green p {
      margin: 0px; }
  .sidebar .mostpopu .bv {
    padding: 0px 15px; }
    .sidebar .mostpopu .bv p {
      font-size: 14px; }
    .sidebar .mostpopu .bv .m4 img {
      width: 100%;
      height: auto; }
    .sidebar .mostpopu .bv .m8 h5 {
      font-size: 16px;
      margin-top: 0px; }
      .sidebar .mostpopu .bv .m8 h5 a {
        color: green; }
.sidebar .fb iframe {
  width: 100%; }
@media (min-width: 1024px) {
  .sidebar .fb {
    margin-left: 7px !important; } }

.regularbh {
  height: 100% !important;
  margin-top: 30px; }
  .regularbh .baoanh {
    padding: 35px 25px; }
    .regularbh .baoanh img {
      width: 100%;
      height: 100%; }

.baotext {
  padding: 35px 25px; }

.relate-title {
  font-size: 14px;
  padding: 8px 20px;
  border-radius: 10px;
  font-weight: 400; }

.bvlq img {
  width: 100%;
  height: auto; }
  @media (max-width: 414px) {
    .bvlq img {
      margin: auto; } }



.content .bannersing {
  padding-top: 10px;
  margin-bottom: 20px; }
  .content .bannersing img {
    width: 100%;
    height: auto; }
.content h1 {
  font-size: 26px;
  margin-top: 0px; }
  @media (max-width: 414px) {
    .content h1 {
      font-size: 22px; } }
  .content h1 a {
    color: green; }
.content .entry-content {
  font-size: 14px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 20px;
  padding-bottom: 20px; }
  .content .entry-content strong {
    font-weight: bold; }
  .content .entry-content a {
    color: green; }
    .content .entry-content a:hover {
      color: #3AB54B !important; }
  .content .entry-content img {
    width: 100%;
    height: auto; }
  .content .entry-content div {
    margin: auto; }
.content .anhthem {
  margin-top: 20px;
  margin-bottom: 10px; }
.content .row .m6 {
  margin-top: 10px; }

.single {
  border-bottom: 1px solid #e1e1e1; }
  .single .m8 .entry-content h3 {
    font-size: 18px; }
  .single .m8 .entry-content h4 {
    font-size: 16px; }
  @media (max-width: 414px) {
    .single .m8 .hotmap {
      display: none; } }
  .single .m8 .h2sin {
    font-size: 15px; }
  .single .m8 h2 {
    color: green;
    font-size: 21px; }
    @media (max-width: 414px) {
      .single .m8 h2 {
        font-size: 18px; } }
  @media (max-width: 768px) {
    .single .content {
      width: 100% !important; } }
  .single .sidebar {
    margin-top: 20px; }
  .single .slider {
    height: 100%; }
  .single .regularsin .slick-dots li button::before {
    color: #00a752;
    font-size: 11px;
    opacity: 1;
    margin-top: 1px; }
  .single .regularsin .slick-dots .slick-active button::before {
    color: #fff; }
  .single .regularsin .slick-dots .slick-active button {
    background: #00a752 !important;
    width: 20px;
    height: 20px;
    border-radius: 50%; }

.duongdansingle {
  background: url(../img/border-category-list.png) no-repeat scroll 0 bottom;
  margin: 10px 0;
  padding-bottom: 10px;
  margin-left: 0px !important; }
  .duongdansingle ul {
    margin-top: 60px; }
    @media (max-width: 414px) {
      .duongdansingle ul {
        margin-top: 40px; } }
    .duongdansingle ul li {
      float: left;
      margin-right: 10px;
      color: #666666; }
      .duongdansingle ul li a {
        color: #666666; }

@media (max-width: 414px) {
  #main-content .ngay {
    margin-bottom: 0px; } }

.tpsp .text-content-product-left img {
  width: 100%;
  height: auto; }

.bannerctsp {
  background: url(../img/chi-tiet-san-pham.jpg) no-repeat center center;
  background-size: 100% 100%;
  padding: 40px 0px 60px; }
  .bannerctsp .m5 img {
    margin: auto;
    display: block; }
  .bannerctsp .m7 h1 {
    margin: 55px 0px 10px;
    font-size: 30px; }
  .bannerctsp .m7 h2 {
    margin-top: 0px;
    font-size: 14px; }
  .bannerctsp .m7 .nd-sp {
    margin-bottom: 15px; }
  .bannerctsp .m7 p {
    font-size: 14px; }
  .bannerctsp .m7 .dathang {
    font-size: 15px;
    background: #097714;
    padding: 10px;
    border-radius: 8px;
    font-weight: bold;
    text-align: center;
    width: 200px; }
    @media (max-width: 414px) {
      .bannerctsp .m7 .dathang {
        width: 200px; } }

.thongtin {
  margin-top: -48px !important; }
  .thongtin .text-content-product-left img {
    width: 100% !important;
    height: auto !important; }
  .thongtin ul {
    background: #DEFFC6;
    margin-bottom: 20px; }
    .thongtin ul li {
      margin-right: -4px !important;
      width: 20%;
      border-radius: 10px 10px 0px 0px;
      background: linear-gradient(#76b83a, #007112); }
      @media (max-width: 768px) {
        .thongtin ul li {
          width: auto; } }
      .thongtin ul li .active {
        background: #fff !important;
        color: green !important;
        border-radius: 10px 10px 0px 0px; }
      .thongtin ul li a {
        color: #fff !important; }
        @media (max-width: 414px) {
          .thongtin ul li a {
            font-size: 12px;
            padding: 0 10px; } }
  .thongtin .tpsp .text-content-product-left img {
    width: 100%;
    height: auto; }
  .thongtin .tpsp p {
    font-size: 14px; }

.thongtinthem {
  background: url(../img/Layer-sanpham2.jpg) no-repeat center center;
  background-size: cover;
  padding: 60px 0px; }
  .thongtinthem .row {
    margin: 0px; }
  .thongtinthem .m6 {
    background: #0f0f0f;
    opacity: 0.6;
    padding: 40px 50px 50px !important; }
    .thongtinthem .m6 h3 {
      margin-bottom: 30px; }

.splienquan {
  background: #DEFFC6; }
  .splienquan .xanhdam, .splienquan .dssp h3 a, .dssp h3 .splienquan a, .splienquan .bannerctsp .m7 h1 a, .bannerctsp .m7 h1 .splienquan a {
    margin-top: 0px;
    font-size: 30px; }
    @media (max-width: 414px) {
      .splienquan .xanhdam, .splienquan .dssp h3 a, .dssp h3 .splienquan a, .splienquan .bannerctsp .m7 h1 a, .bannerctsp .m7 h1 .splienquan a {
        font-size: 22px; } }
    @media (max-width: 375px) {
      .splienquan .xanhdam, .splienquan .dssp h3 a, .dssp h3 .splienquan a, .splienquan .bannerctsp .m7 h1 a, .bannerctsp .m7 h1 .splienquan a {
        font-size: 18px; } }
  .splienquan .xanhdam::before, .splienquan .dssp h3 a::before, .dssp h3 .splienquan a::before, .splienquan .bannerctsp .m7 h1 a::before, .bannerctsp .m7 h1 .splienquan a::before {
    content: url(../img/before.png);
    position: relative;
    top: 20px;
    right: 10px; }
  .splienquan .xanhdam::after, .splienquan .dssp h3 a::after, .dssp h3 .splienquan a::after, .splienquan .bannerctsp .m7 h1 a::after, .bannerctsp .m7 h1 .splienquan a::after {
    content: url(../img/after.png);
    position: relative;
    top: 20px;
    left: 10px; }

.search-info {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
  font-size: 22px; }
  .search-info strong {
    color: forestgreen; }

@media (max-width: 375px) {
  .datcauhoi {
    width: 96% !important; } }
@media (max-width: 768px) {
  .datcauhoi .m4 {
    display: none; } }
.datcauhoi .duongdan {
  margin-top: 40px;
  margin-left: 0px; }
  .datcauhoi .duongdan ul li {
    float: left;
    margin-right: 10px;
    color: #666666; }
    .datcauhoi .duongdan ul li a {
      color: #666666; }
.datcauhoi .hoi {
  margin-left: 0px; }
.datcauhoi .bgm8 {
  position: relative;
  background: no-repeat center center;
  background-size: 100% 100%;
  padding: 15px 27px !important; }
  @media (max-width: 768px) {
    .datcauhoi .bgm8 {
      width: 100% !important; } }
  @media (max-width: 414px) {
    .datcauhoi .bgm8 {
      padding: 5px !important; } }
  .datcauhoi .bgm8 img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 35%; }
  .datcauhoi .bgm8 h5 {
    font-size: 30px;
    color: #fff;
    font-family: helveticadbd;
    text-transform: uppercase;
    margin-left: 6%;
    margin-bottom: 20px;
    margin-top: 20px;
    text-shadow: 1px 2px #a3908c; }
    @media (max-width: 1024px) {
      .datcauhoi .bgm8 h5 {
        font-size: 26px;
        margin-left: 3%; } }
    @media (max-width: 768px) {
      .datcauhoi .bgm8 h5 {
        font-size: 30px; } }
    @media (max-width: 414px) {
      .datcauhoi .bgm8 h5 {
        margin-bottom: 10px;
        font-size: 20px; } }
  .datcauhoi .bgm8 .tbt textarea {
    background: #fff;
    color: #000;
    border-radius: 6px;
    padding: 10px 15px;
    font-size: 16px;
    font-family: helveticadbd;
    height: 150px; }
  .datcauhoi .bgm8 textarea {
    background: #fff;
    color: #000;
    border-radius: 6px;
    padding: 5px 15px;
    font-size: 16px;
    font-family: helveticadbd;
    height: 40px; }
  .datcauhoi .bgm8 textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000 !important; }
  .datcauhoi .bgm8 textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #000; }
  .datcauhoi .bgm8 .m10 {
    padding-left: 0px; }
  .datcauhoi .bgm8 .select-wrapper .caret {
    display: none; }
  .datcauhoi .bgm8 .select-wrapper input {
    background: #fff;
    color: #000;
    border-radius: 6px;
    height: 20px;
    padding: 10px 0px 10px 10px;
    font-size: 16px;
    font-family: helveticadbd;
    margin-top: 10px; }
  .datcauhoi .bgm8 .wpcf7-response-output, .datcauhoi .bgm8 .wpcf7-display-none {
    font-size: 16px;
    clear: both !important; }
  .datcauhoi .bgm8 div.wpcf7-validation-errors {
    font-size: 16px;
    clear: both !important; }
  .datcauhoi .bgm8 .formthongtin {
    margin-top: 30px; }
    .datcauhoi .bgm8 .formthongtin p {
      color: #fff;
      text-align: center;
      font-family: 'Open Sans', sans-serif;
      font-size: 14px; }
    .datcauhoi .bgm8 .formthongtin .submit input {
      color: #fff;
      padding: 2px 0px 2px;
      border-radius: 20px;
      height: 40px !important;
      width: 60% !important;
      margin-top: 30px !important;
      margin-left: 20% !important;
      background: linear-gradient(125deg, #76b83a, #007112);
      border: 0px;
      -webkit-box-shadow: 5px 5px 5px #666; }
      .datcauhoi .bgm8 .formthongtin .submit input:hover {
        background: #fff;
        color: green; }
    .datcauhoi .bgm8 .formthongtin input {
      background: #fff;
      color: #000;
      border-radius: 6px;
      height: 20px;
      padding: 10px 0px 10px 10px;
      font-size: 16px;
      font-family: helveticadbd;
      margin-top: 10px;
      margin-bottom: 10px; }
    .datcauhoi .bgm8 .formthongtin input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #000 !important; }
    .datcauhoi .bgm8 .formthongtin input::-moz-placeholder {
      /* Firefox 19+ */
      color: #000; }
  .datcauhoi .bgm8 .hoac p {
    color: #fff;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    margin-top: 20px; }
  .datcauhoi .bgm8 .fbt {
    position: relative;
    z-index: 1;
    margin-left: 10px; }
    @media (max-width: 414px) {
      .datcauhoi .bgm8 .fbt {
        width: 90%; } }
    .datcauhoi .bgm8 .fbt .fb {
      border-radius: 6px;
      color: #fff;
      background: linear-gradient(125deg, #76b83a, #007112);
      padding-top: 7px; }
      .datcauhoi .bgm8 .fbt .fb:hover {
        background: linear-gradient(125deg, #76b83a, #007112); }
      .datcauhoi .bgm8 .fbt .fb p {
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        margin-top: 7px; }
      .datcauhoi .bgm8 .fbt .fb i {
        margin-left: 20%;
        font-size: 30px;
        float: left; }
  .datcauhoi .bgm8 .ggt {
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
    margin-left: 10px; }
    @media (max-width: 414px) {
      .datcauhoi .bgm8 .ggt {
        width: 90%; } }
    .datcauhoi .bgm8 .ggt .gg {
      border-radius: 6px;
      color: #fff;
      background: linear-gradient(125deg, #f25446, #d83021);
      padding-top: 7px; }
      .datcauhoi .bgm8 .ggt .gg p {
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        margin-top: 7px; }
      .datcauhoi .bgm8 .ggt .gg i {
        margin-left: 20%;
        font-size: 30px;
        float: left; }

.singlechuyengia .td h1 {
  color: green !important;
  text-transform: capitalize;
  margin-top: 0px;
  font-size: 28px; }
  @media (max-width: 414px) {
    .singlechuyengia .td h1 {
      font-size: 22px; } }
.singlechuyengia span {
  float: left;
  font-weight: bold; }
.singlechuyengia .ngaygui {
  font-style: italic;
  float: right; }

.chitietdiemban {
  margin-top: 45px !important; }
  .chitietdiemban table tr td {
    border: 1px solid #e1e1e1;
    padding: 5px; }
  .chitietdiemban .row .m8page ul {
    width: 25%;
    float: left; }
    @media (max-width: 768px) {
      .chitietdiemban .row .m8page ul {
        width: 100%; } }
    .chitietdiemban .row .m8page ul li:before {
      font-family: FontAwesome;
      content: "\f111";
      padding-right: 8px;
      color: #318f22;
      font-size: 5px;
      vertical-align: middle; }
    .chitietdiemban .row .m8page ul li a {
      color: #000; }
  @media (max-width: 768px) {
    .chitietdiemban .row .m8 {
      width: 100% !important; } }
  .chitietdiemban .row .m8 .h5db {
    font-size: 24px;
    margin-bottom: 30px; }
    @media (max-width: 375px) {
      .chitietdiemban .row .m8 .h5db {
        font-size: 22px; } }
  .chitietdiemban .row .m8 .chondiadiem .m3 input {
    height: 40px;
    background: #097714 !important;
    color: #fff;
    border-radius: 5px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: bold; }
  .chitietdiemban .row .m8 .chondiadiem .m3 .caret {
    display: none; }
  .chitietdiemban .row .m8 .chondiadiem .timkiem form {
    border: 1px solid #959595;
    height: 40px;
    border-radius: 6px; }
    .chitietdiemban .row .m8 .chondiadiem .timkiem form i {
      margin-top: 5px;
      font-size: 20px; }
    .chitietdiemban .row .m8 .chondiadiem .timkiem form input {
      border-bottom: 0px;
      padding-left: 10px;
      font-size: 14px; }
  .chitietdiemban .row .m8 .table .headtable {
    height: 40px; }
  .chitietdiemban .row .m8 .table table {
    margin: auto; }
    .chitietdiemban .row .m8 .table table thead {
      background: #097714;
      color: #fff; }
      .chitietdiemban .row .m8 .table table thead tr {
        height: auto; }
        .chitietdiemban .row .m8 .table table thead tr td {
          position: relative;
          text-align: center;
          padding: 10px 5px; }
    .chitietdiemban .row .m8 .table table tbody tr:nth-child(even) {
      background-color: #f2f2f2; }
    .chitietdiemban .row .m8 .table table tbody tr td {
      vertical-align: middle;
      text-align: center;
      border: 1px solid #eee;
      padding: 5px; }
      @media (max-width: 414px) {
        .chitietdiemban .row .m8 .table table tbody tr td {
          line-height: 20px !important;
          font-size: 12px; } }
    .chitietdiemban .row .m8 .table table tbody tr .nhathuoc {
      padding-top: 10px; }
  .chitietdiemban select {
    background: green;
    color: #fff;
    height: 40px;
    border-radius: 8px; }

.tt .inm4 li {
  float: left;
  width: 33%; }
.tt .inm4 li:before {
  padding-right: 5px !important; }

/*# sourceMappingURL=style.css.map */

@media (min-width: 581px) {
    .chuyengia-single{
        height: 230px;
    }
}



h3.xanhdam.upper.chutron {
    height: 43px;
}

section.bannersp.upper.container-fliud {
    height: 500px;
}