@charset "UTF-8";
html {
  font-size: 10px; }

body {
  font-size: 16px;
  font-family: arial;
  line-height: 1.5; }

*,
::after,
::before {
  box-sizing: border-box; }

.body_bg {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20000;
  display: none; }

.body_bg.active {
  display: block; }

/*Genneral*/
ul,
ul li {
  margin: 0;
  padding: 0;
  list-style: none; }

a {
  text-decoration: none;
  color: #3f3f3f; }

img {
  max-width: 100%; }

h3 {
  font-size: 16px; }

h2 {
  font-size: 18px; }

p {
  margin: 0; }

.owl-nav {
  display: none; }

/*End Genneral*/
.mainItem {
  width: 1200px;
  margin: auto; }

.mainTit {
  text-align: center;
  margin-bottom: 3rem; }
  .mainTit label {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    color: #166334;
    text-transform: uppercase; }
  .mainTit .duongke {
    width: 100px;
    border-top: 1px solid #000;
    margin: auto;
    margin-top: 5px; }
  .mainTit p {
    font-size: 30px;
    color: #3f3f3f;
    font-style: italic;
    font-family: Carattere; }

.btnK2 {
  display: inline-block;
  padding: 5px 15px;
  border: 1px solid #fff;
  font-weight: bold;
  border-radius: 3rem; }

header .header {
  width: 100%;
  float: left; }
  header .header .heaBtn {
    display: flex;
    justify-content: end;
    margin: 1rem 0; }
    header .header .heaBtn ul {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      header .header .heaBtn ul li {
        flex: 1; }
        header .header .heaBtn ul li:first-child img {
          min-width: 200px;
          filter: none; }
    header .header .heaBtn a {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px;
      border-radius: 2rem;
      color: #166334; }
      header .header .heaBtn a img {
        max-width: 3rem;
        filter: invert(31%) sepia(55%) saturate(420%) hue-rotate(96deg) brightness(87%) contrast(92%); }
      header .header .heaBtn a .heaBtnC {
        padding-left: 5px; }
        header .header .heaBtn a .heaBtnC p {
          font-size: 12px;
          color: #3f3f3f; }
        header .header .heaBtn a .heaBtnC b {
          font-size: 18px;
          font-weight: bold; }
    header .header .heaBtn .input-group {
      width: auto; }
      header .header .heaBtn .input-group input {
        border-bottom-left-radius: 2rem;
        border-top-left-radius: 2rem; }
      header .header .heaBtn .input-group .input-group-text {
        border-bottom-right-radius: 2rem;
        border-top-right-radius: 2rem; }

.menu {
  float: left;
  width: 100%;
  display: flex;
  padding-left: 5%;
  background: #166334; }
  .menu ul.lv1 {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .menu ul.lv1 li.lv1 {
      float: left;
      text-transform: capitalize;
      height: 68px;
      align-items: center;
      justify-content: center;
      display: flex;
      padding: 0 10px;
      position: relative;
      font-weight: bold; }
      .menu ul.lv1 li.lv1.active {
        background: #166334; }
        .menu ul.lv1 li.lv1.active a {
          color: #ffe600; }
      .menu ul.lv1 li.lv1:hover ul.ul_lv2 {
        max-height: 500px; }
      .menu ul.lv1 li.lv1.drodow::after {
        content: '▼';
        float: right;
        margin-left: 10px; }
      .menu ul.lv1 li.lv1.drodow:hover::after {
        content: '▲'; }
      .menu ul.lv1 li.lv1 a {
        text-transform: capitalize;
        text-decoration: none;
        color: #fff; }
      .menu ul.lv1 li.lv1 ul.ul_lv2 {
        position: absolute;
        top: 100%;
        width: 230px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
        z-index: 9999;
        font-size: 14px;
        background: #fff; }
        .menu ul.lv1 li.lv1 ul.ul_lv2 li.li_lv2 {
          padding: 9px 0 9px 5px;
          border-bottom: 1px solid #ccc;
          transition: background 0.2s ease-in-out;
          background: linear-gradient(to left, #fff 50%, #ccc 50%) right;
          background-size: 200% 100%; }
          .menu ul.lv1 li.lv1 ul.ul_lv2 li.li_lv2:hover {
            background-color: #ccc;
            background-position: left; }
          .menu ul.lv1 li.lv1 ul.ul_lv2 li.li_lv2 a {
            color: #3f3f3f; }

.banner {
  width: 100%;
  float: left; }

.about {
  padding: 3rem 0;
  display: block;
  float: left;
  width: 100%; }
  .about .aboutC {
    display: flex;
    flex: 1; }
  .about .about1 {
    width: 50%; }
  .about .about2 {
    width: 50%;
    padding-left: 3rem; }
    .about .about2 .aboutTit {
      color: #166334;
      font-weight: bolder;
      font-size: 32px; }
    .about .about2 .aboutTit2 {
      color: #166334;
      font-style: italic;
      font-family: Carattere;
      font-size: 25px; }
    .about .about2 .aboutTxt {
      text-align: justify;
      margin-top: 2rem; }

.khampha {
  width: 100%;
  float: left;
  padding: 4rem 0; }
  .khampha .khamphaM .khamphaItem {
    display: flex;
    padding-top: 3rem;
    position: relative;
    margin: 2rem 0; }
    .khampha .khamphaM .khamphaItem .khamphaItem1 {
      background: url(../images/khampha_bg.png) no-repeat;
      padding: 2rem;
      width: 40%;
      position: relative; }
      .khampha .khamphaM .khamphaItem .khamphaItem1 .khamphaTit {
        text-align: center;
        margin-top: -4rem; }
        .khampha .khamphaM .khamphaItem .khamphaItem1 .khamphaTit .khamphaTitTxt {
          background: #ffe600;
          border-radius: 3rem;
          border: 2px solid #fff;
          color: #166334;
          text-align: center;
          display: inline-block;
          padding: 1rem 3rem;
          font-weight: bold; }
      .khampha .khamphaM .khamphaItem .khamphaItem1 .khamphaC {
        color: #fff; }
        .khampha .khamphaM .khamphaItem .khamphaItem1 .khamphaC label {
          font-style: italic;
          font-family: Carattere;
          font-size: 28px;
          margin: 1rem 0; }
        .khampha .khamphaM .khamphaItem .khamphaItem1 .khamphaC p {
          text-align: justify; }
      .khampha .khamphaM .khamphaItem .khamphaItem1 .khamphaBtn {
        text-align: right;
        margin-top: 2rem; }
        .khampha .khamphaM .khamphaItem .khamphaItem1 .khamphaBtn .btnK2 {
          border-color: #ffe600;
          color: #ffe600; }
          .khampha .khamphaM .khamphaItem .khamphaItem1 .khamphaBtn .btnK2:hover {
            color: #fff;
            border-color: #fff; }
    .khampha .khamphaM .khamphaItem:nth-child(2n + 1) .khamphaItem2 {
      width: 63%;
      margin-left: -3%; }
    .khampha .khamphaM .khamphaItem:nth-child(2n) .khamphaItem2 {
      width: 63%;
      margin-right: -3%; }

.visao {
  width: 100%;
  float: left;
  padding: 5rem 0; }
  .visao ul {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: space-between; }
    .visao ul li {
      width: 49%;
      margin: 1rem 0;
      padding: 1rem;
      background: linear-gradient(#1eb759, #166334);
      border-radius: 3rem;
      color: #fff;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .visao ul li .visaoIco {
        width: 3rem;
        border-radius: 50%;
        aspect-ratio: 1;
        background: linear-gradient(); }
      .visao ul li .visaoC {
        padding-left: 1rem;
        flex: 1; }

.dichvu {
  width: 100%;
  float: left;
  padding: 5rem 0; }
  .dichvu ul {
    display: flex;
    flex-wrap: wrap; }
    .dichvu ul li {
      width: 31%;
      background: url(../images/dichvu_ng.png) bottom right no-repeat;
      display: flex;
      flex-direction: column;
      border: 1px solid #166334;
      padding-bottom: 2rem;
      margin: 2rem 0; }
      .dichvu ul li:nth-child(3n + 2) {
        margin-left: 3.5%;
        margin-right: 3.5%; }
      .dichvu ul li .dichvuName {
        margin-top: 1rem;
        text-align: center; }
        .dichvu ul li .dichvuName label {
          text-transform: uppercase;
          font-weight: bold;
          color: #166334; }
        .dichvu ul li .dichvuName p {
          font-style: italic;
          font-family: Carattere;
          color: #3f3f3f;
          font-size: 22px; }
      .dichvu ul li .dichvuTxt {
        text-align: justify;
        margin-top: 1rem;
        flex-grow: 1;
        padding: 1rem; }
      .dichvu ul li .dichvuBtn {
        text-align: center;
        margin: 1rem 0; }
        .dichvu ul li .dichvuBtn .btnK2 {
          background: #166334;
          color: #fff; }

.formTv {
  width: 100%;
  float: left;
  padding-top: 5rem;
  background: url("../images/formdk_bg.png"); }
  .formTv .mainTit label {
    color: #fff; }
  .formTv .formM {
    width: 100%;
    float: left; }
    .formTv .formM .formC {
      margin-top: 3rem; }
      .formTv .formM .formC ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .formTv .formM .formC ul li {
          width: 45%; }
          .formTv .formM .formC ul li:last-child {
            width: 100%; }
          .formTv .formM .formC ul li label {
            color: #fff; }
          .formTv .formM .formC ul li input {
            background: transparent;
            border: none;
            border-bottom: 1px solid #ccc;
            height: 3rem;
            font-size: 15px;
            color: #fff; }
    .formTv .formM .formBtn {
      margin: 2rem 0;
      text-align: center; }
      .formTv .formM .formBtn .btnK2 {
        background: #df8805;
        color: #fff;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; }
        .formTv .formM .formBtn .btnK2 .btnK2Txt {
          width: 112px; }
      .formTv .formM .formBtn img {
        max-height: 3rem;
        filter: brightness(0) invert(1); }

.baochi {
  width: 100%;
  float: left;
  background: #e9ddd3;
  padding: 5rem 0; }
  .baochi .baochiM {
    width: 100%;
    float: left;
    margin-top: 5rem; }

.homeNews {
  padding: 5rem 0;
  width: 100%;
  float: left; }
  .homeNews .homeNewsC .homeNews1 {
    width: 40%;
    float: left; }
  .homeNews .homeNewsC .homeNews2 {
    width: 60%;
    float: left; }
    .homeNews .homeNewsC .homeNews2 ul {
      display: flex;
      flex-wrap: wrap;
      padding-left: 1rem; }
      .homeNews .homeNewsC .homeNews2 ul li {
        width: calc(50% - 0.5rem);
        margin: 0.5rem 0; }
        .homeNews .homeNewsC .homeNews2 ul li:nth-child(2n) {
          margin-left: 1rem; }
  .homeNews .homeNewsC .homeNewsImg {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 2rem; }
    .homeNews .homeNewsC .homeNewsImg img {
      width: 100%;
      border-radius: 2rem; }
  .homeNews .homeNewsC .homeNewsName {
    margin-bottom: 1rem;
    margin-top: 0.5rem; }
    .homeNews .homeNewsC .homeNewsName h3 {
      font-weight: bold;
      font-size: 20px; }

.hero {
  width: 100%;
  float: left; }

.containWare {
  line-height: 0;
  /* xóa khoảng trống */
  margin-top: -160px; }

footer {
  background: url(../images/foo_bg.jpg);
  width: 100%;
  float: left;
  margin-top: -1px;
  color: #fff;
  padding: 3rem 0;
  padding-bottom: 80px; }
  footer .mainItem {
    display: flex; }
  footer .mainTit label {
    color: #fff;
    text-transform: uppercase; }
  footer .mainTit .duongke {
    border-color: #fff;
    margin: revert-layer; }
  footer .foo1 {
    width: 40%;
    float: left; }
    footer .foo1 p {
      margin-bottom: 1rem; }
  footer .foo2 {
    padding: 0 5rem; }
    footer .foo2 ul li {
      padding: 5px 0; }
      footer .foo2 ul li a {
        color: #fff; }
        footer .foo2 ul li a::before {
          content: '›› '; }

.fooFix {
  width: 100%;
  background: #0a5728;
  text-align: center;
  position: fixed;
  bottom: 0;
  z-index: 1000;
  max-height: 80px; }
  .fooFix ul {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    display: flex;
    padding: 1rem;
    align-items: center;
    justify-content: space-between; }
    .fooFix ul li {
      margin: 0.5rem; }
      .fooFix ul li img {
        max-height: 100%;
        height: 55px; }

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