@charset "UTF-8";
@media (min-width: 1200px){
    
}
.job-list .job-item .detail .name {
	font-family: sans-serif;
}
.chatbox {
	width: 330px;
}
.chatbox .chatlist {
	max-height: 360px;
}

.snowflake {
  position: absolute;
  width: 10px;
  height: 10px;
  background: linear-gradient(white, white);
  /* Workaround for Chromium's selective color inversion */
  border-radius: 50%;
  filter: drop-shadow(0 0 10px white);
  z-index: 100;
}

.home-news .news-list .news {
  border: 1px solid #e6e6e6;
  transition: all 0.2s;
  border-radius: 0 0 10px 10px;
  margin-bottom: 25px; }
  .home-news .news-list .news .caption {
    padding: 0 10px; }
  .home-news .news-list .news:hover {
    border-color: #1d428a; }

.tool-fix {
  position: fixed;
  z-index: 990; }

@media (min-width: 991.98px) {
  .tool-fix {
    top: 170px;
    right: 0; } }

@media (max-width: 991.98px) {
  .tool-fix {
    bottom: 10px;
    width: 100%; } }

.tool-link .tool-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-around; }
  .tool-link .tool-menu li {
    width: 100%; }
    .tool-link .tool-menu li a {
      display: block;
      padding: 10px;
      position: relative;
      transition: all 0.3s; }
      .tool-link .tool-menu li a img {
        background: #fff;
        border: 1px solid #1d428a;
        border-radius: 50%; }
      .tool-link .tool-menu li a:hover {
        -webkit-transform: translateY(-10px);
        -khtml-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px); }

@media (min-width: 991.98px) {
  .tool-link .tool-menu {
    flex-direction: column; } }

.follow_us .item a {
  display: block;
  padding: 10px;
  border: 1px solid #e6e6e6;
  transition: all 0.3s;
  border-radius: 10px; }
  .follow_us .item a:hover {
    border-color: #1d428a; }

.contact_us .form-wrap textarea {
  min-height: 213px; }

.contact_us .form-wrap .frm-btnwrap label {
  display: none; }

.pr-desciption a {
  color: #ffffff;
  padding: 7px 15px;
  transition: all 0.3s;
  background: #1d428a;
  border-radius: 10px; }
  .pr-desciption a:hover {
    background: #da291c; }


    .brands .items {
      box-shadow: 1px 4px 10px 5px #f7f7f7;
      padding: 10px 10px 20px;
      border-radius: 10px;
      transition: all 0.3; }
      .brands .items a img {
        height: 115px;
        display: flex;
        object-fit: contain;
        padding: 10px;
        margin: 0 auto; }
      .brands .items h2 {
        font-size: 18px;
        font-weight: 700; }
        .brands .items h2 a {
          color: #000;
          text-decoration: none; }
          .brands .items h2 a:hover {
            color: #1d428a; }
      .brands .items:hover {
        box-shadow: 1px 4px 10px 5px #183671; }

.padding_pages {
  padding: 50px 0; }
  @media (max-width: 991.98px) {
    .padding_pages {
      padding: 30px 0; } }

      .vungnguyenlieu_page h1, .vungnguyenlieu_page .h1, .vungnguyenlieu_page h2, .vungnguyenlieu_page .h2, .vungnguyenlieu_page h3, .vungnguyenlieu_page .h3, .vungnguyenlieu_page h4, .vungnguyenlieu_page .h4, .vungnguyenlieu_page h5, .vungnguyenlieu_page .h5 {
        font-family: 'Fira Sans Condensed', sans-serif;
        font-weight: 700; }
.vungnguyenlieu_section_1 .vungnguyenlieu_section_1_banner {
  position: relative;
  margin-bottom: 50px; }
  .vungnguyenlieu_section_1 .vungnguyenlieu_section_1_banner img {
    width: 100%;
    object-fit: cover; }
  .vungnguyenlieu_section_1 .vungnguyenlieu_section_1_banner h1, .vungnguyenlieu_section_1 .vungnguyenlieu_section_1_banner .h1 {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.5);
    color: #1d428a;
    font-size: 2.5rem;
    font-weight: 700;
    border-radius: 10px;
    margin: 0;
    text-transform: uppercase; }

.vungnguyenlieu_section_1 .vungnguyenlieu_section_1_items {
  background: #e7f7f7;
  background: linear-gradient(90deg, #e7f7f7 0%, #eefcff 35%, #f1f9fc 100%);
  padding: 20px;
  border-radius: 20px;
  position: relative; }
  .vungnguyenlieu_section_1 .vungnguyenlieu_section_1_items h2, .vungnguyenlieu_section_1 .vungnguyenlieu_section_1_items .h2 {
    background: #ffffff;
    padding: 10px 20px;
    color: #1d428a;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin: 0 0 -25px 0;
    position: relative;
    top: -40px;
    display: inline-block;
    border-radius: 20px;
    border: 2px solid #1d428a; }

    .vungnguyenlieu_title {
      color: #1d428a;
      font-size: 1.2rem;
      text-transform: uppercase;
      font-weight: 700;
      margin: 0 0 30px 0;
      text-align: center; }
      .vungnguyenlieu_title span {
        font-family: 'Fira Sans Condensed', sans-serif;
        display: inline-block;
        border-radius: 20px;
        border: 2px solid #1d428a;
        padding: 10px 20px;
        font-weight: 700; }

@media (min-width: 991.98px) {
  .vungnguyenlieu_title.custom span {
    width: 45%;
    position: relative;
    margin-top: -50px;
    background: white; } }

.vungnguyenlieu_section_4 table tr td {
  padding: 0 10px; }
  .vungnguyenlieu_section_4 table tr td .des {
    position: relative;
    top: -7px; }
  .vungnguyenlieu_section_4 table tr td p {
    margin: 0 0 2px;
    font-size: 0.875rem; }


    .vungnguyenlieu_section_6_items {
      padding: 10px;
      background: #e7f7f7;
      background: linear-gradient(90deg, #e7f7f7 0%, #eefcff 35%, #f1f9fc 100%);
      border-radius: 20px;
      min-height: 335px; }
      .vungnguyenlieu_section_6_items .icon {
        font-size: 3.125rem;
        text-align: center;
        margin: -40px 0 0 0;
        color: #1d428a; }
        .vungnguyenlieu_section_6_items .icon span {
          background: #ffffff;
          border-radius: 50%; }
      .vungnguyenlieu_section_6_items .des {
        font-size: 1rem; }
        .vungnguyenlieu_section_6_items .des h3, .vungnguyenlieu_section_6_items .des .h3 {
          font-weight: 700;
          color: #ffffff;
          font-size: 1rem;
          text-align: center;
          margin: 0 0 20px; }
          .vungnguyenlieu_section_6_items .des h3 span, .vungnguyenlieu_section_6_items .des .h3 span {
            padding: 3px 15px;
            border-radius: 15px;
            background: #1d428a; }
      .vungnguyenlieu_section_6_items ul {
        margin: 0 0 1rem;
        padding-left: 2rem; }
        .vungnguyenlieu_section_6_items ul li {
          list-style-type: disc; }

.vungnguyenlieu_section_7_items .img img {
  border: 1px solid #1d428a;
  padding: 7px;
  border-radius: 50%; }

.vungnguyenlieu_section_7_items h3, .vungnguyenlieu_section_7_items .h3 {
  color: #1d428a;
  font-weight: 700;
  font-size: 1.125rem; }
  .vungnguyenlieu_section_7_items h3 a, .vungnguyenlieu_section_7_items .h3 a {
    color: #1d428a;
    text-decoration: none; }
    .vungnguyenlieu_section_7_items h3 a:hover, .vungnguyenlieu_section_7_items .h3 a:hover {
      color: #da291c; }

.vungnguyenlieu_section_8_content {
  padding: 20px;
  background: #e7f7f7;
  background: linear-gradient(90deg, #e7f7f7 0%, #eefcff 35%, #f1f9fc 100%);
  border-radius: 20px; }
  .vungnguyenlieu_section_8_content .vungnguyenlieu_section_8_items h3, .vungnguyenlieu_section_8_content .vungnguyenlieu_section_8_items .h3 {
    color: #1d428a;
    font-weight: 700;
    font-size: 0.9375rem;
    text-align: center; }
    .vungnguyenlieu_section_8_content .vungnguyenlieu_section_8_items h3 a, .vungnguyenlieu_section_8_content .vungnguyenlieu_section_8_items .h3 a {
      color: #1d428a;
      text-decoration: none; }
      .vungnguyenlieu_section_8_content .vungnguyenlieu_section_8_items h3 a:hover, .vungnguyenlieu_section_8_content .vungnguyenlieu_section_8_items .h3 a:hover {
        color: #da291c; }

        .phattrienbenvung_section_1 {
          font-size: 1.25rem; }
          .phattrienbenvung_section_1 p {
            margin: 0; }
          .phattrienbenvung_section_1 h2, .phattrienbenvung_section_1 .h2 {
            font-size: 1.625rem;
            font-weight: 700; }
        
        .phattrienbenvung_section_2 .home-title span {
          display: block; }
        
        @media (max-width: 500px) {
          .phattrienbenvung_section_2_wrap .img img {
            width: 100%;
            margin: 0 0 20px; } }
        
        .phattrienbenvung_section_2_wrap .img a {
          font-size: 0; }
        
        @media (min-width: 991.98px) {
          .phattrienbenvung_section_2_wrap .img {
            width: 685px; }
            .phattrienbenvung_section_2_wrap .img a {
              position: absolute;
              display: block; }
              .phattrienbenvung_section_2_wrap .img a.link1 {
                top: 0;
                left: 22%;
                width: 250px;
                height: 100px; }
              .phattrienbenvung_section_2_wrap .img a.link2 {
                top: 0;
                right: 1%;
                width: 210px;
                height: 275px; }
              .phattrienbenvung_section_2_wrap .img a.link3 {
                bottom: 6%;
                right: 0;
                width: 210px;
                height: 225px; }
              .phattrienbenvung_section_2_wrap .img a.link4 {
                bottom: 0;
                left: 6%;
                width: 385px;
                height: 215px; }
              .phattrienbenvung_section_2_wrap .img a.link5 {
                top: 17%;
                left: 0%;
                width: 155px;
                height: 235px; } }
        
        .phattrienbenvung_section_2_items .content {
          border: 2px solid #1d428a;
          border-radius: 10px;
          padding: 10px; }
          .phattrienbenvung_section_2_items .content ul {
            margin: 0; }
        
        @media (max-width: 500px) {
          .phattrienbenvung_section_2_items .content {
            margin: 0 0 20px; } }
        
        @media (min-width: 991.98px) {
          .phattrienbenvung_section_2_items .content {
            position: absolute;
            transform: scale(0);
            color: #1d428a; }
            .phattrienbenvung_section_2_items .content.opt1 {
              top: -6%;
              left: -24%;
              width: 300px; }
            .phattrienbenvung_section_2_items .content.opt2 {
              top: 0;
              right: -25%;
              width: 300px; }
            .phattrienbenvung_section_2_items .content.opt3 {
              bottom: 3%;
              right: -30%;
              width: 300px; }
            .phattrienbenvung_section_2_items .content.opt4 {
              bottom: 0;
              left: -30%;
              width: 300px; }
            .phattrienbenvung_section_2_items .content.opt5 {
              top: 22%;
              left: -40%;
              width: 300px; }
          .phattrienbenvung_section_2_items.active .content {
            transform: scale(1);
            transition: all 0.3s;
            z-index: 9; } }
        
        .relative {
          position: relative; }
        
        .lichsu_item .year {
          margin: 0 0 0 40px; }
        
        @media (min-width: 1200px) {
          .lichsu-wrap {
            width: 70%;
            margin: 0 auto; } }
        
        .lichsu_item .year, .lichsu_item h4, .lichsu_item .h4 {
          font-size: 1.5rem;
          color: #1d428a;
          font-weight: 500; }
        
        .lichsu_item .year {
          display: block;
          position: relative; }
          @media (min-width: 1200px) {
            .lichsu_item .year {
              font-size: 1.875rem;
              display: inline-block;
              background: #1d428a;
              padding: 0px 20px;
              border-radius: 15px;
              color: #ffffff;
              margin: 0 0 0 30px;
              top: 10px; } }
        
        .lichsu_item .lichsu-year {
          position: relative; }
          .lichsu_item .lichsu-year::before {
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #76c052;
            position: absolute;
            left: 3px;
            top: 12px;
            z-index: 2; }
          .lichsu_item .lichsu-year::after {
            content: '';
            width: 1px;
            height: 104%;
            position: absolute;
            left: 11px;
            top: 25px;
            z-index: 1;
            border-left: 2px solid #76c052; }
          .lichsu_item .lichsu-year.last::after {
            display: none; }
        
        .lichsu_item .lichsu-content {
          margin: 0 0 10px;
          padding: 0 0 0 40px;
          position: relative; }
          .lichsu_item .lichsu-content::before {
            content: '';
            display: block;
            height: 102%;
            position: absolute;
            left: 11px;
            top: 26px;
            border-left: 2px solid #76c052;
            z-index: 2; }
          .lichsu_item .lichsu-content .content {
            border: 1px solid #1d428a;
            border-radius: 15px;
            padding: 15px 15px 10px;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -ms-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s;
            margin-bottom: 15px; }
          .lichsu_item .lichsu-content h4, .lichsu_item .lichsu-content .h4 {
            margin: 0 0 10px 15px; }
          .lichsu_item .lichsu-content p {
            margin: 0 0 3px;
            color: #000; }
          .lichsu_item .lichsu-content ul {
            list-style-type: none;
            padding: 0;
            margin: 0; }
            .lichsu_item .lichsu-content ul li {
              position: relative;
              padding-left: 18px; }
              .lichsu_item .lichsu-content ul li::before {
                font-family: 'Font Awesome 5 Brands';
                -moz-osx-font-smoothing: grayscale;
                -webkit-font-smoothing: antialiased;
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                line-height: 1;
                position: absolute;
                top: 6px;
                left: 0;
                color: #1d428a;
                font-size: 0.8125rem;
                content: "\f837"; }
          .lichsu_item .lichsu-content.active .content {
            height: auto; }
        
        @media (min-width: 1200px) {
          .lichsu_item:nth-child(2n + 2) .lichsu-year {
            text-align: right; }
            .lichsu_item:nth-child(2n + 2) .lichsu-year::before {
              left: auto;
              right: -22px; }
            .lichsu_item:nth-child(2n + 2) .lichsu-year::after {
              left: auto;
              right: -12px; }
            .lichsu_item:nth-child(2n + 2) .lichsu-year .year {
              margin: 0 15px 0 0; }
          .lichsu_item:nth-child(2n + 2) .lichsu-content::before {
            left: auto;
            right: -12px;
              right-padding: 0 30px 0 0; }
          .lichsu_item:nth-child(2n + 2) .btn_wrap {
            text-align: right; } }