@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap");
:root {
  --font1: "Lexend", sans-serif;
  --color-main: #4479ff;
  --container: 1200px;
  --padding: 15px;
}
.flexbox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.no-flexbox {
  display: inherit;
}
body::-webkit-scrollbar {
  width: 6px;
  background-color: #fff;
}
body::-webkit-scrollbar-thumb {
  background-color: #002461;
}
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
.title-cate {
  color: #13135a;
  font-weight: bold;
  font-size: 33px;
  margin-bottom: 15px;
  font-family: var(--font1);
}
.title-cate.txt_30 {
  font-size: 30px;
}
@media screen and (max-width: 1280px) {
  .title-cate {
    font-size: 26px;
  }
  .title-cate.txt_30 {
    font-size: 26px;
  }
}
.tab-default a {
  color: #13135a;
  font-size: 18px;
  font-weight: bold;
  margin-right: 24px;
}
.tab-default a.active {
  color: #4479ff;
}
.pagination {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 30px;
}
.pagination .paging {
  display: block;
}
.pagination .paging .button-page {
  margin-left: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.pagination .paging .button-page .btn-page {
  color: #dce6ff;
  font-size: 16px;
  width: 46px;
  height: 46px;
  line-height: 42px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #0b0548;
  border-radius: 3px;
  border: none;
}
.pagination .paging .button-page .btn-page .ic {
  fill: #dce6ff;
}
.pagination .paging .button-page .btn-page.active,
.pagination .paging .button-page .btn-page:hover {
  background: #4479ff;
  color: #fff;
  border: none;
}
.link-line {
  color: #4479ff;
  text-decoration: underline;
  text-underline-position: under;
}
.share-new {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.share-new a {
  background: #ffffff;
  border: 1px solid #b6b8be;
  line-height: 38px;
  border-radius: 50%;
  width: 40px;
  text-align: center;
  display: inline-block;
  color: #b6b8be;
  margin-left: 16px;
}
.share-new a:hover {
  border: 1px solid #4479ff;
  color: #4479ff;
}
ul.default {
  padding-left: 20px;
  margin-bottom: 15px;
}
ul.default li {
  list-style-type: disc;
}
ol {
  padding-left: 18px;
}
ol li {
  list-style: decimal;
  margin-bottom: 10px;
}
.giaithuong .breadcrumb li::after,
.thele .breadcrumb li::after,
.gioithieu .breadcrumb li::after {
  border-right: 1px solid #fff;
}
.breadcrumb ol {
  padding-left: 0;
}
.breadcrumb li {
  color: #222222;
  margin-right: 20px;
  margin-bottom: 0;
}
.breadcrumb li:first-child {
  color: #222;
}
.breadcrumb li::after {
  border-top: 0;
  height: 12px;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  top: 2px;
}
@media screen and (max-width: 600px) {
  .breadcrumb.mb20 {
    margin-bottom: 15px;
  }
  .breadcrumb.mb24 {
    margin-bottom: 15px;
  }
  .breadcrumb.mt20 {
    margin-top: 10px;
  }
}
.paging .button-page .btn-page {
  margin-left: 10px;
}
.paging .button-page .btn-page.active {
  background: #4479ff;
  color: #fff;
}
#to_top {
  z-index: 91;
  bottom: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.view-all {
  font-weight: bold;
  font-size: 16px;
  padding-right: 22px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.8942 4.24492L12.258 0.626487C12.1273 0.474708 11.8978 0.457014 11.7453 0.587026C11.5927 0.717007 11.5749 0.945436 11.7056 1.09722C11.7178 1.11136 11.731 1.12458 11.7453 1.13668L14.7597 4.13997H0.363618C0.16281 4.13997 0 4.30198 0 4.50183C0 4.70169 0.16281 4.86367 0.363618 4.86367H14.7597L11.7453 7.86332C11.5927 7.9933 11.5749 8.22174 11.7056 8.37351C11.8363 8.52529 12.0658 8.54298 12.2183 8.41297C12.2325 8.40085 12.2458 8.38766 12.258 8.37351L15.8943 4.75508C16.0352 4.614 16.0352 4.38606 15.8942 4.24492Z' fill='%23222222'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: top 8px right;
}
.view-all:hover {
  color: #4479ff;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.btn-default {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  min-width: 140px;
  height: 40px;
  border-radius: 5px;
  padding: 0 10px;
  text-align: center;
  background: #4479ff;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  border: 1px solid #4479ff;
  cursor: pointer;
  font-family: var(--font1);
}
.btn-default svg {
  margin: -2px 3px 0 3px;
}
.btn-default:hover {
  color: #fff;
  background: #3062e1;
}
.btn-default.disabled {
  background: #eaedf5;
  border: 1px solid #edf4ff;
  color: #9a9fac;
}
.btn-default.full {
  width: 100%;
  padding: 0 5px;
}
.btn-default.min {
  line-height: 42px;
  font-size: 14px;
}
.btn-default.bg-white {
  color: #00234b;
}
.btn-default.none {
  background: none;
  border: 1px solid #4479ff;
  color: #4479ff;
}
.btn-default.none:hover {
  background: #4479ff;
  color: #fff;
}
.btn-default.gray {
  background: #f4f7fc;
  color: #525f7f;
  border: 1px solid #f4f7fc;
}
.btn-default.gray2 {
  background: #eef6ff;
  color: #123967;
  border: 1px solid #eef6ff;
}
.btn-default.txt_black {
  color: #1c1c28;
}
.btn-default.active {
  background: #4479ff;
  color: #fff;
}
.btn-default.disable {
  background: #dce6ff;
  border: 1px solid #dce6ff;
  color: #545687;
}
.thumb_img {
  display: block;
  overflow: hidden;
  height: 1px;
  position: relative;
  width: 100%;
}
.thumb_img .play {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='40' cy='40' r='39.5' stroke='white'/%3e%3cpath d='M32.5349 27.89C30.1921 26.5461 28.2927 27.647 28.2927 30.347V50.2712C28.2927 52.9738 30.1921 54.0733 32.5349 52.7307L49.9497 42.7434C52.2933 41.3991 52.2933 39.2211 49.9497 37.8771L32.5349 27.89Z' fill='white'/%3e%3c/svg%3e");
  background-size: contain;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
}
@media screen and (max-width: 600px) {
  .thumb_img .play {
    width: 56px;
    height: 56px;
    margin: -28px 0 0 -28px;
  }
}
.thumb_3x1 {
  padding-bottom: 33.33%;
}
.thumb_2x1 {
  padding-bottom: 50%;
}
.thumb_img.thumb_video,
.embed-container {
  padding-bottom: 56.25%;
}
.thumb_img.thumb_5x3 {
  padding-bottom: 60%;
}
.thumb_5x4 {
  padding-bottom: 80%;
}
.thumb_img.thumb_5x5,
.thumb_1x1 {
  padding-bottom: 100%;
}
.thumb_img img,
.thumb_img video,
.thumb_img iframe,
.thumb_video img,
.thumb_video video,
.thumb_video iframe,
.thumb_16x9 img,
.thumb_16x9 video,
.thumb_16x9 iframe {
  -o-object-position: top;
  object-position: top;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
[class*="grid__"] {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
  position: relative;
}
[class*="grid__"] .art_item {
  margin-bottom: 0;
}
.grid {
  display: -ms-grid;
  display: grid;
  width: 100%;
  position: relative;
}
.grid__1 {
  -ms-grid-columns: (1fr) [1];
  grid-template-columns: repeat(1, 1fr);
}
.grid__2 {
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
}
.grid__3 {
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
}
.grid__4 {
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
}
.grid__5 {
  -ms-grid-columns: (1fr) [5];
  grid-template-columns: repeat(5, 1fr);
}
.grid__6 {
  -ms-grid-columns: (1fr) [6];
  grid-template-columns: repeat(6, 1fr);
}
.grid__7 {
  -ms-grid-columns: (1fr) [7];
  grid-template-columns: repeat(7, 1fr);
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 8px;
}
.article-itemt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.article-itemt .article-thumb {
  width: 280px;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
}
.article-itemt .article-thumb .ic-play {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  margin: -18px 0 0px -18px;
}
.article-itemt .article-content {
  width: calc(100% - 280px);
  padding-left: 16px;
}
.article-itemt .article-content .tag {
  float: left;
  display: none;
}
.article-itemt .article-content .tag .lbl {
  color: #9eadd3;
  font-size: 14px;
  font-weight: 500;
}
.article-itemt .article-content .tag .date {
  font-size: 16px;
  font-weight: bold;
}
.article-itemt .article-content__right {
  overflow: hidden;
  padding-left: 0px;
}
.article-itemt .article-content .title_new {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0;
  color: #13135a;
}
.article-itemt .article-content .title_new a:hover {
  color: #4479ff;
}
.article-itemt .article-content .des {
  font-size: 15px;
  margin-top: 10px;
  color: #4f4f4f;
  line-height: 1.6;
  margin-bottom: 0;
}
.article-itemt .article-content .des p:last-child {
  margin-bottom: 0;
}
.article-itemt.full .article-thumb {
  width: 100%;
  margin-bottom: 15px;
}
.article-itemt.full .article-thumb .ic-play {
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-size: 20px;
  margin: -28px 0 0px -28px;
}
.article-itemt.full .article-content {
  width: 100%;
  padding-left: 0;
}
.article-itemt.big .article-content {
  padding: 0 20px;
}
.article-itemt.big .article-content .title_new {
  font-size: 26px;
}
@media (max-width: 576px) {
  .article-itemt .article-thumb {
    width: 160px;
  }
  .article-itemt .article-content {
    width: calc(100% - 160px);
  }
}
@media (max-width: 375px) {
  .article-itemt .article-thumb {
    width: 140px;
  }
  .article-itemt .article-content {
    width: calc(100% - 140px);
  }
}
.form-default .form-group {
  margin-bottom: 20px;
}
.form-default .form-group .form-control {
  float: none;
  border-radius: 3px;
  border: 1px solid #8695bc;
  height: 56px;
  font-size: 15px;
  color: #13135a;
  font-weight: 500;
  padding: 15px;
}
.form-default .form-group .form-control::-webkit-input-placeholder {
  color: #8695bc;
}
.form-default .form-group .form-control:-moz-placeholder {
  color: #8695bc;
}
.form-default .form-group .form-control::-moz-placeholder {
  color: #8695bc;
}
.form-default .form-group .form-control:-ms-input-placeholder {
  color: #8695bc;
}
.form-default .form-group .form-control:focus {
  border: 1px solid #087cce;
}
.form-default .form-group textarea.form-control {
  resize: none;
  padding: 15px;
}
.form-default .form-group select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(images/icons/down.svg) no-repeat right 15px top 22px;
}
.form-default .form-group .txt {
  margin-bottom: 15px;
  display: block;
  font-weight: 500;
  font-size: 16px;
}
.form-default .form-group sup {
  color: #ae2727;
}
.form-default .form-group .input-error {
  border: 1px solid #ae2727;
}
.form-default .form-group .error {
  color: #ae2727;
  margin-top: 10px;
}
.form-default .form-group .relative {
  position: relative;
}
.form-default .form-group .relative .form-control {
  padding-right: 40px;
}
.form-default .form-group .relative .icon {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #bdbdbd;
}
.form-default .form-group .relative .icon svg {
  width: 24px;
  height: 24px;
}
.form-default .form-group .confrim .check-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 24px;
}
.form-default .grid__2 {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 20px;
}
.form-default .grid__2 .form-group {
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .form-default .grid__2 {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.list-check .check-list {
  height: 24px;
  margin-right: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.check-list {
  padding-left: 35px;
  position: relative;
  cursor: pointer;
  display: block;
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 16px;
}
.check-list:last-child {
  margin-bottom: 0;
}
.check-list.inline {
  display: inline-block;
  margin: 0 15px 10px 0;
}
.check-list.color {
  margin-bottom: 0.5rem;
  color: #616161;
}
.check-list.color strong {
  font-weight: 600;
  font-size: 15px;
}
.check-list .nume {
  background: rgba(244, 244, 244, 0.8);
  border-radius: 10px;
  color: #000;
  width: 30px;
  height: 18px;
  display: inline-block;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin-left: 5px;
}
.check-list .checkmark {
  position: absolute;
  top: 0px;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #bdbdbd;
  background: #ffffff;
  border-radius: 5px;
}
.check-list .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 4px;
  width: 4px;
  height: 9px;
  border: solid #4479ff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.check-list input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  display: none;
}
.check-list input:checked ~ .checkmark {
  background: #4479ff;
  border: 1px solid #4479ff;
}
.check-list input:checked ~ .checkmark:after {
  display: block;
  border: solid #fff;
  border-width: 0 2px 2px 0;
}
.check-list__radius .checkmark {
  border-radius: 50%;
}
.check-list__radius input:checked ~ .checkmark {
  background: none;
  border: 1px solid #000;
}
.check-list__radius input:checked ~ .checkmark:after {
  display: block;
  background: #000;
  border: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  left: 2px;
  top: 2px;
}
.dropdown-select .dropdown {
  position: relative;
}
.dropdown-select .dropdown .dropbtn {
  position: relative;
  border-radius: 5px;
  border: 1px solid #bdbdbd;
  padding: 15px 28px 15px 15px;
  cursor: pointer;
  background: #fff;
  font-weight: bold;
  font-size: 16px;
}
.dropdown-select .dropdown .dropbtn .down {
  border: solid #4f4f4f;
  border-width: 1px 0px 0px 1px;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 15px;
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.dropdown-select .dropdown .dropdown-content {
  z-index: 12;
  top: 53px;
  position: absolute;
  border-radius: 3px;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
  background: #ffffff;
  padding: 10px 20px;
  width: 100%;
  display: none;
}
.dropdown-select .dropdown .dropdown-content a {
  display: block;
  font-weight: 600;
  font-size: 16px;
  padding: 10px 20px 10px 0;
}
.dropdown-select .dropdown .dropdown-content a.active {
  color: #4479ff;
  background: url(images/icons/checked2.svg) no-repeat right;
}
.dropdown-select .dropdown.active .dropbtn .down {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 22px;
}
.upload-img .input-data {
  margin-right: 20px;
  margin-bottom: 20px;
}
.upload-img .input-data .label-file {
  border-radius: 7px;
  border: 1px dashed #757575;
  background: #ffffff;
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: cell;
  color: #545687;
}
.upload-img .input-data .label-file div {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.3257 13.1742C23.0364 13.1742 22.7589 13.2892 22.5543 13.4938C22.3497 13.6983 22.2348 13.9758 22.2348 14.2652V18.8612C22.2339 19.6673 21.9133 20.4402 21.3433 21.0102C20.7734 21.5802 20.0005 21.9008 19.1944 21.9016H5.63881C4.83272 21.9008 4.05989 21.5802 3.4899 21.0102C2.91991 20.4402 2.59931 19.6673 2.59844 18.8612V14.2652C2.59844 13.9758 2.48351 13.6983 2.27892 13.4938C2.07434 13.2892 1.79686 13.1742 1.50754 13.1742C1.21821 13.1742 0.940731 13.2892 0.736146 13.4938C0.531561 13.6983 0.416626 13.9758 0.416626 14.2652V18.8612C0.41807 20.2458 0.968726 21.5733 1.94776 22.5523C2.9268 23.5314 4.25424 24.0821 5.63881 24.0835H19.1944C20.579 24.0821 21.9065 23.5314 22.8855 22.5523C23.8645 21.5733 24.4152 20.2458 24.4166 18.8612V14.2652C24.4166 13.9758 24.3017 13.6983 24.0971 13.4938C23.8925 13.2892 23.615 13.1742 23.3257 13.1742Z' fill='%23757575'/%3e%3cpath d='M6.64272 8.49103L11.326 3.80769V17.5381C11.326 17.8274 11.4409 18.1049 11.6455 18.3095C11.8501 18.5141 12.1276 18.629 12.4169 18.629C12.7062 18.629 12.9837 18.5141 13.1883 18.3095C13.3929 18.1049 13.5078 17.8274 13.5078 17.5381V3.80769L18.1911 8.49103C18.3968 8.68975 18.6724 8.79971 18.9584 8.79723C19.2445 8.79474 19.5181 8.68001 19.7203 8.47774C19.9226 8.27548 20.0373 8.00186 20.0398 7.71582C20.0423 7.42978 19.9324 7.15421 19.7336 6.94846L13.1882 0.402905C12.9836 0.198387 12.7062 0.0834961 12.4169 0.0834961C12.1276 0.0834961 11.8502 0.198387 11.6456 0.402905L5.10018 6.94846C4.90146 7.15421 4.7915 7.42978 4.79399 7.71582C4.79647 8.00186 4.9112 8.27548 5.11347 8.47774C5.31573 8.68001 5.58934 8.79474 5.87538 8.79723C6.16141 8.79971 6.43698 8.68975 6.64272 8.49103Z' fill='%23545687'/%3e%3c/svg%3e");
  padding-top: 33px;
  background-repeat: no-repeat;
  background-position: center top 0px;
}
.upload-img .input-data input {
  display: none;
}
.upload-img .thumb-upload {
  width: 100px;
  height: 100px;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
}
.upload-img .thumb-upload .thumb {
  border: 1px solid #bdbdbd;
  border-radius: 7px;
}
.upload-img .thumb-upload .thumb img {
  -o-object-position: top;
  object-position: top;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.upload-img .thumb-upload .remove {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  background: #f44336;
  width: 25px;
  height: 25px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  display: none;
}
.upload-img .thumb-upload:hover .thumb {
  background: #000;
}
.upload-img .thumb-upload:hover .thumb img {
  opacity: 0.5;
}
.upload-img .thumb-upload:hover .remove {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .upload-img .thumb-upload .remove {
    display: block;
    top: -10px;
    margin: 0;
    right: -10px;
    left: inherit;
  }
}
#fine-uploader-gallery .qq-uploader-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#fine-uploader-gallery .qq-upload-list-selector {
  width: 100px;
  margin-right: 20px;
  margin-bottom: 20px;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
#fine-uploader-gallery .qq-upload-list-selector .item_upload {
  width: 100px !important;
  height: 100px;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #bdbdbd;
  border-radius: 7px;
}
#fine-uploader-gallery .qq-upload-button-selector {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 20px;
  margin-bottom: 20px;
}
#fine-uploader-gallery .box-upload-attach {
  border-radius: 7px;
  border: 1px dashed #757575;
  background: #ffffff;
  width: 100px;
  height: 100px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#fine-uploader-gallery .box-upload-attach .area-drop-file {
  padding: 0;
}
#fine-uploader-gallery .box-upload-attach .area-drop-file .ic {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.3257 13.1742C23.0364 13.1742 22.7589 13.2892 22.5543 13.4938C22.3497 13.6983 22.2348 13.9758 22.2348 14.2652V18.8612C22.2339 19.6673 21.9133 20.4402 21.3433 21.0102C20.7734 21.5802 20.0005 21.9008 19.1944 21.9016H5.63881C4.83272 21.9008 4.05989 21.5802 3.4899 21.0102C2.91991 20.4402 2.59931 19.6673 2.59844 18.8612V14.2652C2.59844 13.9758 2.48351 13.6983 2.27892 13.4938C2.07434 13.2892 1.79686 13.1742 1.50754 13.1742C1.21821 13.1742 0.940731 13.2892 0.736146 13.4938C0.531561 13.6983 0.416626 13.9758 0.416626 14.2652V18.8612C0.41807 20.2458 0.968726 21.5733 1.94776 22.5523C2.9268 23.5314 4.25424 24.0821 5.63881 24.0835H19.1944C20.579 24.0821 21.9065 23.5314 22.8855 22.5523C23.8645 21.5733 24.4152 20.2458 24.4166 18.8612V14.2652C24.4166 13.9758 24.3017 13.6983 24.0971 13.4938C23.8925 13.2892 23.615 13.1742 23.3257 13.1742Z' fill='%23757575'/%3e%3cpath d='M6.64272 8.49103L11.326 3.80769V17.5381C11.326 17.8274 11.4409 18.1049 11.6455 18.3095C11.8501 18.5141 12.1276 18.629 12.4169 18.629C12.7062 18.629 12.9837 18.5141 13.1883 18.3095C13.3929 18.1049 13.5078 17.8274 13.5078 17.5381V3.80769L18.1911 8.49103C18.3968 8.68975 18.6724 8.79971 18.9584 8.79723C19.2445 8.79474 19.5181 8.68001 19.7203 8.47774C19.9226 8.27548 20.0373 8.00186 20.0398 7.71582C20.0423 7.42978 19.9324 7.15421 19.7336 6.94846L13.1882 0.402905C12.9836 0.198387 12.7062 0.0834961 12.4169 0.0834961C12.1276 0.0834961 11.8502 0.198387 11.6456 0.402905L5.10018 6.94846C4.90146 7.15421 4.7915 7.42978 4.79399 7.71582C4.79647 8.00186 4.9112 8.27548 5.11347 8.47774C5.31573 8.68001 5.58934 8.79474 5.87538 8.79723C6.16141 8.79971 6.43698 8.68975 6.64272 8.49103Z' fill='%23757575'/%3e%3c/svg%3e");
  padding-top: 30px;
  background-repeat: no-repeat;
  background-position: center top 0px;
}
#fine-uploader-gallery .box-upload-attach .area-drop-file .ic use {
  display: none;
}
#fine-uploader-gallery .box-upload-attach .area-drop-file p {
  color: #4f4f4f;
  font-size: 16px;
  margin-top: 0;
}
.popup-default {
  max-width: 390px;
  background: #ffffff;
  border-radius: 5px;
  padding: 40px 33px;
}
.popup-default .mfp-close {
  border: 0;
  background: none;
  color: #575757;
  font-size: 35px;
  top: 10px;
  right: 10px;
}
.popup-default .grid__2 {
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 16px;
}
.popup-default .content_lightbox {
  color: #4f4f4f;
  font-size: 16px;
}
.popup-default .title-popup2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #222;
  font-family: var(--font1);
}
.popup-default .link {
  color: #4479ff;
}
.popup-default .btn-default {
  padding: 0px 15px;
}
@media screen and (max-width: 600px) {
  .popup-default {
    padding: 30px 10px 20px 10px;
  }
  .popup-default .title-popup2 {
    padding: 0 10px;
  }
  .popup-default .mfp-close {
    right: 5px !important;
  }
}
.scroll_down {
  transition: all 400ms ease-in;
  -webkit-transition: all 400ms ease-in;
  -moz-transition: all 400ms ease-in;
  cursor: pointer;
}
.scroll_down .scroll_down_btn {
  position: relative;
}
.scroll_down.v2 {
  border-top: 1px solid #005998;
  padding-top: 10px;
  max-width: 300px;
  position: static;
  margin: 30px auto 0;
  text-align: center;
}
.scroll_down.v2 .xem-them {
  font: 400 16px var(--font1);
  color: #ffd18b;
  margin-bottom: 5px;
}
.scroll_down.off {
  bottom: -210px;
}
.scroll_down .scroll_down_btn span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 14px;
  height: 14px;
  margin-left: -6px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
  box-sizing: border-box;
  border-radius: 2px;
}
.scroll_down .scroll_down_btn span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.scroll_down .scroll_down_btn span:nth-of-type(2) {
  top: 14px;
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.scroll_down .scroll_down_btn span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  display: none;
}
@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media (max-width: 600px) {
  .only-pc {
    display: none !important;
  }
}
@media (min-width: 601px) {
  .only-mb {
    display: none;
  }
}
.popup-style-2 {
  padding: 0 18px 24px;
}
.popup-style-2:after {
  content: "";
  display: table;
  clear: both;
}
.popup-style-2 .title-popup2 {
  padding: 18px 18px 12px;
  margin: 0 -18px 24px;
  font-size: 18px;
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
}
.popup-style-2 .content-popup {
  max-width: 300px;
  margin: 0 auto;
  color: #13135a;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
}
.popup-style-2 .content-popup a {
  font-weight: bold;
  color: #087cce;
}
.popup-style-2 .btn {
  min-width: 120px;
  width: auto;
  height: 40px;
  background: #4479ff;
  border-radius: 3px;
  color: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 25px;
}
.popup-style-2 .text-link {
  color: #4479ff;
  font-size: 14px;
  text-decoration: underline;
  margin-top: 5px;
  display: inline-block;
}
.popup-style-2 .icon-check {
  width: 36px;
  height: 36px;
  margin-right: 10px;
}
.popup-style-2 .wrap-form {
  margin-top: 14px;
}
.popup-style-2 .form-group {
  width: 100%;
  float: left;
  text-align: left;
  margin-bottom: 16px;
}
.popup-style-2 .form-group .txt {
  margin-bottom: 8px;
  color: #545687;
  display: block;
}
.popup-style-2 .footer-popup {
  color: #545687;
  font-size: 14px;
  line-height: 1.4;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 14px;
  margin-top: 6px;
}
.popup-giaithuong {
  max-width: 726px;
  padding-right: 0;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .popup-giaithuong {
    max-width: 390px;
    padding: 0 18px 24px;
  }
}
.popup-giaithuong .mfp-close {
  color: #fff;
}
.popup-giaithuong .wrap-form::after {
  content: "";
  display: table;
  clear: both;
}
.popup-giaithuong .round_lighbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.popup-giaithuong .content_lightbox {
  width: 360px;
  max-width: 100%;
}
.popup-giaithuong .box-giaithuong {
  width: 343px;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 40px 35px 33px;
  background: url(images/graphics/bg_popup_giaithuong.png) no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
  position: relative;
  right: -18px;
  border-radius: 0 5px 5px 0;
}
@media (max-width: 767px) {
  .popup-giaithuong .box-giaithuong {
    display: none;
  }
}
.popup-giaithuong .box-giaithuong .title-box-giaithuong {
  font-size: 18px;
  line-height: 1.2;
}
.popup-giaithuong .box-giaithuong .info {
  margin-top: auto;
  font-size: 14px;
  line-height: 1.4;
  max-width: 272px;
}
body {
  font: 400 16px arial;
}
.container {
  max-width: calc(var(--container) + var(--padding) * 2);
}
.container-right {
  max-width: 100%;
  padding-left: 15%;
  padding-left: calc((100% - var(--container)) / 2);
}
.ic {
  fill: currentColor;
}
.icon-svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  vertical-align: middle;
}
h2,
h3,
h4 {
  font-family: var(--font1);
}
.txt_italic {
  font-style: italic;
}
.txt_center {
  text-align: center;
}
.txt_left {
  text-align: left;
}
.txt_right {
  text-align: right;
}
.txt_500,
.medium {
  font-weight: 500;
}
.txt_600 {
  font-weight: 600;
}
.txt_bold,
.bold {
  font-weight: 700;
}
.txt_underline {
  text-decoration: underline;
}
.error {
  color: #ae2727;
}
.txt_fff {
  color: #fff;
}
.txt_gray {
  color: #545687;
}
.txt_gray-2 {
  color: #8695bc;
}
.txt_gray-3 {
  color: #bbbde1;
}
.color-main {
  color: var(--color-main);
}
.txt_666 {
  color: #666;
}
.txt_333 {
  color: #333;
}
.txt_11 {
  font-size: 11px;
}
.txt_12 {
  font-size: 12px;
}
.txt_13 {
  font-size: 13px;
}
.txt_14 {
  font-size: 14px;
}
.txt_15 {
  font-size: 15px;
}
.txt_16 {
  font-size: 16px;
}
.txt_17 {
  font-size: 17px;
}
.txt_18 {
  font-size: 18px;
}
.txt_20 {
  font-size: 20px;
}
@media screen and (max-width: 600px) {
  .txt_20 {
    font-size: 18px;
  }
}
.txt_22 {
  font-size: 22px;
}
.txt_24 {
  font-size: 24px;
}
.txt_26 {
  font-size: 26px;
}
@media screen and (max-width: 600px) {
  .txt_26 {
    font-size: 24px;
  }
}
.txt_30 {
  font-size: 30px;
}
@media screen and (max-width: 600px) {
  .txt_30 {
    font-size: 24px;
  }
}
.relative {
  position: relative;
}
.space_bottom_5 {
  margin-bottom: 10px;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb16 {
  margin-bottom: 16px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb24 {
  margin-bottom: 24px;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb39 {
  margin-bottom: 39px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px;
}
.mb80 {
  margin-bottom: 80px;
}
@media screen and (max-width: 600px) {
  .mb80 {
    margin-bottom: 40px;
  }
}
.space_bottom_10 {
  margin-bottom: 10px;
}
.space_bottom_20 {
  margin-bottom: 20px;
}
.space_bottom_30,
.mb30 {
  margin-bottom: 30px;
}
.space_left_0 {
  padding-left: 0;
}
.space_right_0 {
  padding-right: 0;
}
.float-none {
  float: none;
}
.bg-agray {
  background: #f1f3fc;
}
.bg-white {
  background: #ffffff;
}
.bg-dark {
  background: rgba(1, 16, 82, 0.8);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
}
.radius_3 {
  border-radius: 3px;
}
.radius_5 {
  border-radius: 5px;
}
.padding_20 {
  padding: 20px;
}
.padding_25 {
  padding: 25px;
}
.padding_30 {
  padding: 30px;
}
.line-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.meta-news {
  color: #8d8d8d;
}
.meta-news a {
  color: #8d8d8d;
}
.center {
  text-align: center;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.thumb-video img,
.thumb-video video,
.thumb-16x9 img,
.thumb-16x9 video {
  -o-object-position: top;
  object-position: top;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.mt55 {
  margin-top: 55px !important;
}
.ml55 {
  margin-left: 55px !important;
}
.mr55 {
  margin-right: 55px !important;
}
.pt55 {
  padding-top: 55px !important;
}
.pb55 {
  padding-bottom: 55px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.ml60 {
  margin-left: 60px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.mb65 {
  margin-bottom: 65px !important;
}
.mt65 {
  margin-top: 65px !important;
}
.ml65 {
  margin-left: 65px !important;
}
.mr65 {
  margin-right: 65px !important;
}
.pt65 {
  padding-top: 65px !important;
}
.pb65 {
  padding-bottom: 65px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.ml70 {
  margin-left: 70px !important;
}
.mr70 {
  margin-right: 70px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pb70 {
  padding-bottom: 70px !important;
}
.mb75 {
  margin-bottom: 75px !important;
}
.mt75 {
  margin-top: 75px !important;
}
.ml75 {
  margin-left: 75px !important;
}
.mr75 {
  margin-right: 75px !important;
}
.pt75 {
  padding-top: 75px !important;
}
.pb75 {
  padding-bottom: 75px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.ml80 {
  margin-left: 80px !important;
}
.mr80 {
  margin-right: 80px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.pb80 {
  padding-bottom: 80px !important;
}
.mb85 {
  margin-bottom: 85px !important;
}
.mt85 {
  margin-top: 85px !important;
}
.ml85 {
  margin-left: 85px !important;
}
.mr85 {
  margin-right: 85px !important;
}
.pt85 {
  padding-top: 85px !important;
}
.pb85 {
  padding-bottom: 85px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.mt90 {
  margin-top: 90px !important;
}
.ml90 {
  margin-left: 90px !important;
}
.mr90 {
  margin-right: 90px !important;
}
.pt90 {
  padding-top: 90px !important;
}
.pb90 {
  padding-bottom: 90px !important;
}
.mb95 {
  margin-bottom: 95px !important;
}
.mt95 {
  margin-top: 95px !important;
}
.ml95 {
  margin-left: 95px !important;
}
.mr95 {
  margin-right: 95px !important;
}
.pt95 {
  padding-top: 95px !important;
}
.pb95 {
  padding-bottom: 95px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.ml100 {
  margin-left: 100px !important;
}
.mr100 {
  margin-right: 100px !important;
}
.pt100 {
  padding-top: 100px !important;
}
.pb100 {
  padding-bottom: 100px !important;
}
.fade-in-top {
  -webkit-animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.fade-in-bottom {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.fade-in-left {
  -webkit-animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.fade-in-right {
  -webkit-animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes load-animate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0.35;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load-animate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0.35;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dot-3-move {
  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: translateY(-18px) scale(0.45);
    transform: translateY(-18px) scale(0.45);
  }
  60% {
    -webkit-transform: translateY(-90px) scale(0.45);
    transform: translateY(-90px) scale(0.45);
  }
  80% {
    -webkit-transform: translateY(-90px) scale(0.45);
    transform: translateY(-90px) scale(0.45);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}
@keyframes dot-3-move {
  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: translateY(-18px) scale(0.45);
    transform: translateY(-18px) scale(0.45);
  }
  60% {
    -webkit-transform: translateY(-90px) scale(0.45);
    transform: translateY(-90px) scale(0.45);
  }
  80% {
    -webkit-transform: translateY(-90px) scale(0.45);
    transform: translateY(-90px) scale(0.45);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}
@-webkit-keyframes dot-2-move {
  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: translate(-16px, 12px) scale(0.45);
    transform: translate(-16px, 12px) scale(0.45);
  }
  60% {
    -webkit-transform: translate(-80px, 60px) scale(0.45);
    transform: translate(-80px, 60px) scale(0.45);
  }
  80% {
    -webkit-transform: translate(-80px, 60px) scale(0.45);
    transform: translate(-80px, 60px) scale(0.45);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}
@keyframes dot-2-move {
  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: translate(-16px, 12px) scale(0.45);
    transform: translate(-16px, 12px) scale(0.45);
  }
  60% {
    -webkit-transform: translate(-80px, 60px) scale(0.45);
    transform: translate(-80px, 60px) scale(0.45);
  }
  80% {
    -webkit-transform: translate(-80px, 60px) scale(0.45);
    transform: translate(-80px, 60px) scale(0.45);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}
@-webkit-keyframes dot-1-move {
  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: translate(16px, 12px) scale(0.45);
    transform: translate(16px, 12px) scale(0.45);
  }
  60% {
    -webkit-transform: translate(80px, 60px) scale(0.45);
    transform: translate(80px, 60px) scale(0.45);
  }
  80% {
    -webkit-transform: translate(80px, 60px) scale(0.45);
    transform: translate(80px, 60px) scale(0.45);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}
@keyframes dot-1-move {
  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: translate(16px, 12px) scale(0.45);
    transform: translate(16px, 12px) scale(0.45);
  }
  60% {
    -webkit-transform: translate(80px, 60px) scale(0.45);
    transform: translate(80px, 60px) scale(0.45);
  }
  80% {
    -webkit-transform: translate(80px, 60px) scale(0.45);
    transform: translate(80px, 60px) scale(0.45);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}
@-webkit-keyframes rotate-move {
  55% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes rotate-move {
  55% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes index {
  0%,
  100% {
    z-index: 3;
  }
  33.3% {
    z-index: 2;
  }
  66.6% {
    z-index: 1;
  }
}
@keyframes index {
  0%,
  100% {
    z-index: 3;
  }
  33.3% {
    z-index: 2;
  }
  66.6% {
    z-index: 1;
  }
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-66.6%);
    transform: translateX(-66.6%);
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-66.6%);
    transform: translateX(-66.6%);
  }
}
.top-header {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 0;
  background: #13135a;
  color: #dce6ff;
  position: relative;
  z-index: 99;
}
.top-header .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.top-header .left .back-vne {
  margin-top: 0;
}
.top-header .left .cat {
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.top-header .left .cat.line.before::before {
  content: "";
  width: 1px;
  height: 16px;
  background: #303e8c;
  margin: 0 10px;
}
.top-header .left .cat.line.after::after {
  content: "";
  width: 1px;
  height: 16px;
  background: #303e8c;
  margin: 0 10px;
}
.top-header .left .cat-btn {
  width: 160px;
  height: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  letter-spacing: -0.05em;
  padding: 0 12px;
  background: #081140;
  border-radius: 35px;
}
.top-header .back-vne {
  color: #dce6ff;
  font-size: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.823 4.58452H2.57596L4.49572 6.5043C5.04716 7.05573 4.22001 7.88283 3.66857 7.33141L1.92019 5.58031L0.753047 4.41133C0.526845 4.18378 0.526845 3.81628 0.753047 3.58873L3.66857 0.669802C3.7795 0.555817 3.93218 0.491861 4.09126 0.493184C4.61638 0.49325 4.87408 1.13284 4.49572 1.49698L2.57141 3.41676H12.8532C13.662 3.45688 13.6016 4.62478 12.823 4.58452Z' fill='%23DCE6FF'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  padding-left: 20px;
  background-position: 0px 6px;
  float: left;
  margin: 4px 0 0 0;
}
@media screen and (max-width: 1129px) {
  .top-header {
    position: relative;
    height: 40px;
  }
}
@media screen and (max-width: 600px) {
  .top-header {
    width: 100%;
    padding: 9px 0;
    z-index: 201;
  }
  .top-header .back-vne {
    margin: 0;
  }
  .top-header #myvne_taskbar.myvne_taskbar_mobile {
    top: -16px;
  }
}
.section_header {
  margin: 10px 0;
  z-index: 98;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.section_header #vibeji-ham {
  width: 25px;
  height: 20px;
  position: absolute;
  left: 15px;
  top: 13px;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  display: none;
  margin-right: 0 !important;
}
.section_header #vibeji-ham span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.section_header #vibeji-ham span:nth-child(1) {
  top: 0;
}
.section_header #vibeji-ham span:nth-child(2) {
  top: 7px;
  width: 100%;
}
.section_header #vibeji-ham span:nth-child(3) {
  top: 14px;
}
.section_header #vibeji-ham.open span:nth-child(1) {
  top: 9px;
  width: 100%;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.section_header #vibeji-ham.open span:nth-child(2) {
  opacity: 0;
  right: -30px;
  width: 100%;
}
.section_header #vibeji-ham.open span:nth-child(3) {
  top: 9px;
  width: 100%;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.section_header .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.section_header .lbl_logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.section_header .lbl_logo .back-vne {
  color: #fff;
  font-size: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.8233 5.08452H2.57621L4.49597 7.0043C5.0474 7.55573 4.22025 8.38283 3.66882 7.83141L1.92043 6.08031L0.753291 4.91133C0.527089 4.68378 0.527089 4.31628 0.753291 4.08873L3.66882 1.1698C3.77974 1.05582 3.93243 0.991861 4.09151 0.993184C4.61662 0.99325 4.87433 1.63284 4.49597 1.99698L2.57165 3.91676H12.8535C13.6622 3.95688 13.6018 5.12478 12.8233 5.08452Z' fill='white'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  padding-left: 0;
  margin-right: 0;
  background-position: 0px 4px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  font-size: 0;
}
@media (max-width: 600px) {
  .section_header .lbl_logo .back-vne {
    display: none;
  }
}
.section_header .lbl_logo .logo {
  float: none;
  padding-top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.section_header .lbl_logo .logo img {
  height: 50px;
}
@media (max-width: 600px) {
  .section_header .lbl_logo .logo img {
    height: 40px;
  }
}
@media (max-width: 1000px) {
  .section_header .lbl_logo .logo {
    width: 146px;
  }
}
@media (max-width: 600px) {
  .section_header .lbl_logo .logo {
    margin-top: -7px;
  }
}
.section_header .col_right {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.section_header .menu_main {
  text-align: right;
  font-family: var(--font1);
}
.section_header .menu_main li {
  margin-left: 12px;
  display: inline-block;
}
.section_header .menu_main li a {
  font-weight: 500;
  color: #fff;
  line-height: 60px;
  display: block;
  padding: 0 12px;
}
.section_header .menu_main li .btn-default {
  height: 40px;
  line-height: 38px !important;
  font-weight: 700;
  font-size: 14px;
}
.section_header.pin,
.section_header.active,
.section_header.header-dangky {
  background: #000f51;
  padding: 0;
  height: 65px;
}
@media (max-width: 600px) {
  .section_header.pin,
  .section_header.active,
  .section_header.header-dangky {
    height: 56px;
  }
}
.section_header.pin .menu_main li,
.section_header.active .menu_main li,
.section_header.header-dangky .menu_main li {
  margin-left: 12px;
}
.section_header.pin .menu_main li a,
.section_header.active .menu_main li a,
.section_header.header-dangky .menu_main li a {
  line-height: 60px;
}
.section_header.pin .menu_main li a.active,
.section_header.active .menu_main li a.active,
.section_header.header-dangky .menu_main li a.active {
  position: relative;
  color: #62dfec;
}
.section_header.pin .menu_main li a.active::before,
.section_header.active .menu_main li a.active::before,
.section_header.header-dangky .menu_main li a.active::before {
  content: "";
  background: #62dfec;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: -5px;
  left: 0;
}
.section_header.pin .lbl_logo .back-vne {
  font-size: 14px;
  padding-left: 20px;
  margin-right: 15px;
}
.section_header.pin .lbl_logo .logo {
  width: 168px;
}
@media (max-width: 1000px) {
  .section_header.pin .lbl_logo .logo {
    width: 146px;
  }
}
.section_header.active {
  margin: 0;
}
.section_header.header-dangky {
  background: #0f246b url(images/graphics/header-dk.png);
  background-size: cover;
  padding: 9px 0;
  margin: 0;
}
.section_header.header-dangky .container {
  -webkit-box-pack: inherit;
  -webkit-justify-content: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
}
.section_header.header-dangky .title {
  position: relative;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  padding-left: 15px;
  margin-left: 20px;
}
.section_header.header-dangky .col_right {
  display: none;
}
@media screen and (max-width: 600px) {
  .section_header.header-dangky {
    background: #0f246b url(images/graphics/mheader-dk.png) right;
    background-size: cover;
  }
  .section_header.header-dangky .col_right {
    display: block;
  }
  .section_header.header-dangky .lbl_logo {
    margin-left: 40px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .section_header.header-dangky .title {
    font-size: 16px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 1025px) {
  .section_header .menu_main li {
    margin-left: 3px !important;
  }
  .section_header .menu_main li .btn-default {
    font-size: 14px;
    padding: 0 10px;
    color: #fff;
  }
}
@media screen and (max-width: 991px) {
  .section_header .menu_main .last {
    display: none;
  }
  .section_header.pin .lbl_logo .back-vne,
  .section_header.active .lbl_logo .back-vne {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .section_header .menu_main li {
    margin-left: 5px;
  }
}
@media screen and (max-width: 1000px) {
  .section_header {
    background: #0f246b;
    padding: 9.5px 0 !important;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
    margin: 0;
    height: 56px;
  }
  .section_header #vibeji-ham {
    display: block;
  }
  .section_header .lbl_logo {
    width: 100%;
    margin: 0 auto;
    margin-left: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .section_header .dang-ky {
    line-height: 38px;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    right: 15px;
  }
  .section_header .col_right {
    display: block;
    position: absolute;
    top: 42px;
    left: -100%;
    z-index: 1001;
    background: #ffffff;
    width: 100%;
    padding: 8px 15px;
    color: #4d4d4d;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
  .section_header .col_right #myvne_taskbar {
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #f1f1f1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    right: 0;
  }
  .section_header .col_right #myvne_taskbar .ic-user {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='15' cy='15' r='14.5' fill='white' stroke='%23BDBDBD'/%3e%3cpath d='M14.7518 14.7438C15.6783 14.7438 16.4805 14.4116 17.136 13.7559C17.7915 13.1004 18.1238 12.2984 18.1238 11.3718C18.1238 10.4455 17.7915 9.6434 17.1359 8.98768C16.4803 8.33229 15.6782 8 14.7518 8C13.8252 8 13.0232 8.33229 12.3677 8.98779C11.7122 9.64329 11.3798 10.4454 11.3798 11.3718C11.3798 12.2984 11.7122 13.1006 12.3678 13.7561C13.0234 14.4114 13.8255 14.7438 14.7518 14.7438Z' fill='%23BDBDBD'/%3e%3cpath d='M20.652 18.7466C20.6331 18.4738 20.5948 18.1762 20.5385 17.862C20.4817 17.5454 20.4085 17.2461 20.321 16.9726C20.2305 16.6899 20.1074 16.4107 19.9553 16.1431C19.7975 15.8654 19.612 15.6236 19.404 15.4246C19.1864 15.2164 18.92 15.049 18.612 14.9269C18.305 14.8055 17.9648 14.744 17.6009 14.744C17.458 14.744 17.3198 14.8026 17.0528 14.9764C16.8886 15.0835 16.6964 15.2074 16.4819 15.3445C16.2985 15.4613 16.0501 15.5708 15.7432 15.6699C15.4438 15.7668 15.1398 15.8159 14.8398 15.8159C14.5398 15.8159 14.2359 15.7668 13.9362 15.6699C13.6296 15.5709 13.3812 15.4614 13.198 15.3446C12.9856 15.2088 12.7933 15.0849 12.6266 14.9763C12.36 14.8025 12.2216 14.7439 12.0787 14.7439C11.7147 14.7439 11.3746 14.8055 11.0678 14.927C10.7599 15.0489 10.4934 15.2163 10.2757 15.4247C10.0677 15.6238 9.88216 15.8655 9.7245 16.1431C9.57251 16.4107 9.44946 16.6897 9.35889 16.9727C9.27141 17.2462 9.19824 17.5454 9.14142 17.862C9.08513 18.1758 9.04689 18.4735 9.02798 18.7469C9.0094 19.0148 9 19.2928 9 19.5737C9 20.3045 9.23232 20.8961 9.69043 21.3324C10.1429 21.763 10.7416 21.9814 11.4696 21.9814H18.2107C18.9387 21.9814 19.5372 21.7631 19.9897 21.3324C20.448 20.8964 20.6803 20.3047 20.6803 19.5735C20.6802 19.2915 20.6707 19.0132 20.652 18.7466Z' fill='%23BDBDBD'/%3e%3c/svg%3e");
    background-position: center !important;
    width: 30px !important;
    height: 30px !important;
    margin: -2px 10px 0 0;
    float: left;
  }
  .section_header .col_right #myvne_taskbar .loged .myvne_login_button:before {
    display: none;
  }
  .section_header .col_right #myvne_taskbar .myvne_login_button {
    padding: 0 !important;
    position: relative;
  }
  .section_header .col_right #myvne_taskbar .myvne_login_button::before {
    content: "Đăng nhập";
    font-size: 14px;
    color: #13135a;
    font-family: arial;
  }
  .section_header .col_right #myvne_taskbar .myvne_login_button svg {
    width: 18px;
    height: 18px;
  }
  .section_header .col_right .menu_main {
    text-align: left;
  }
  .section_header .col_right .menu_main li {
    border-bottom: 1px solid #e5e5e5;
    padding: 16px 0;
    display: block;
    margin-left: 0 !important;
  }
  .section_header .col_right .menu_main li a {
    color: #13135a;
    font-size: 14px;
    font-family: var(--font1);
    display: block;
    line-height: 1.6;
    padding: 0;
  }
  .section_header .col_right .menu_main li a.active {
    background: #fff;
    line-height: 1.5;
    padding: 0;
    color: #0f246b;
    font-weight: bold;
  }
  .section_header .col_right .menu_main li a.active::before {
    display: none;
  }
  .section_header .col_right .menu_main li:nth-last-child(2) {
    border-bottom: 0;
  }
  .section_header .col_right .menu_main li:last-child {
    border-bottom: 0;
    display: none;
  }
  .section_header .col_right .menu_main li .btn-default {
    color: #fff;
  }
  .section_header .col_right .menu_main .social {
    margin-top: 10px;
  }
  .section_header .col_right .menu_main .social a {
    background: #031324;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: inline-block;
    margin-right: 6px;
    border-radius: 50%;
  }
  .section_header .col_right .menu_main .social a:last-child {
    margin-right: 0;
  }
  .section_header .col_right .menu_main .social a:hover {
    background: #0b2540;
  }
  .section_header .col_right.open {
    left: 0;
  }
  .section_header.no-pin {
    position: static;
  }
}
.overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 200;
  display: none;
}
@media (max-width: 600px) {
  .overlay.active {
    display: block;
  }
}
#myvne_taskbar {
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#myvne_taskbar .myvne_taskbar {
  display: inline-block;
}
#myvne_taskbar .setting {
  display: inline-block;
  color: #dce6ff;
  font-size: 14px;
  border-left: 1px solid #e5e5e5;
  padding-left: 12px;
  margin-left: 12px;
}
@media screen and (max-width: 1129px) {
  .top-header.sticky + .section + .section {
    margin-top: 0 !important;
  }
}
@media (max-width: 600px) {
  #myvne_taskbar.myvne_taskbar_mobile
    ul.myvne_form_log
    li.myvne_user
    a.myvne_icon {
    width: auto !important;
  }
}
.footer-top {
  padding: 40px 0;
  background: #fafbff url(images/graphics/bg-footer.png) center bottom;
  background-size: cover;
}
.footer-top__left {
  width: 35%;
}
.footer-top__left .flex {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer-top__left .flex span {
  letter-spacing: 2px;
  margin-right: 5px;
  font-size: 14px;
}
.footer-top__right {
  width: 65%;
  padding-left: 80px;
  row-gap: 50px;
}
.footer-top .address {
  position: relative;
  padding-left: 33px;
}
.footer-top .address .icon {
  position: absolute;
  left: 0;
  top: 5px;
}
.footer-top .address .tag {
  color: #101f50;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 15px;
}
.footer-top .address .des {
  color: #4f4f4f;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 991px) {
  .footer-top__right {
    padding-left: 30px;
  }
}
@media screen and (max-width: 600px) {
  .footer-top {
    padding: 28px 0;
    background: #fafbff;
  }
  .footer-top__left {
    width: 100%;
    margin-bottom: 30px;
  }
  .footer-top__right {
    width: 100%;
    padding-left: 0;
    row-gap: 20px;
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.icon-phone {
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: url(images/graphics/icon_phone.svg) no-repeat center center;
}
.footer-new {
  background: #0b0648;
  color: #e5e5e5;
  padding: 12px 0;
  clear: both;
}
@media (max-width: 600px) {
  .footer-new {
    padding: 24px 0;
  }
}
@media (max-width: 600px) {
  .footer-new .logo_ft {
    margin-bottom: 20px;
  }
}
@media (max-width: 820px) {
  .footer-new .copyright {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer-new .copyright .flex.align-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
  }
}
@media (max-width: 600px) {
  .footer-new .copyright {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .footer-new .copyright .flex.align-center {
    width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.footer-new .txt-copyright {
  max-width: 320px;
  font-size: 14px;
  margin-left: 24px;
  color: #dce6ff;
  line-height: 1.6;
}
.footer-new .txt-copyright strong {
  font-size: 16px;
}
.footer-new .txt-copyright .icon-phone {
  margin-right: 5px;
}
@media (max-width: 820px) {
  .footer-new .txt-copyright {
    margin-left: 0;
    text-align: center;
    margin-top: 20px;
  }
}
@media (max-width: 600px) {
  .footer-new .txt-copyright {
    text-align: left;
  }
}
.footer-new .contact-ft {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 820px) {
  .footer-new .contact-ft {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (max-width: 600px) {
  .footer-new .contact-ft {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 20px;
  }
}
.footer-new .contact-ft .phone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 820px) {
  .footer-new .contact-ft .phone {
    margin-right: 25px;
  }
}
.footer-new .contact-ft .phone:before {
  display: none;
}
.footer-new .contact-ft .icon-phone {
  margin-right: 6px;
  position: relative;
  top: -2px;
}
.footer-new .social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}
@media (max-width: 820px) {
  .footer-new .social {
    margin-top: 0;
  }
}
.footer-new .social .social_ft {
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
}
.footer-new .social .social_ft .text-social {
  margin-right: 4px;
}
.footer-new .social .social_ft.fb {
  background: url(images/graphics/icon_fb.svg) no-repeat center center;
  background-size: contain;
}
.footer-new .social .social_ft.zalo {
  background: url(images/graphics/icon_zalo.svg) no-repeat center center;
  background-size: contain;
}
.footer-new .gopy {
  max-width: 235px;
  text-align: center;
  color: #6979a3;
  font-size: 13px;
}
@media (max-width: 600px) {
  .footer-new .gopy {
    min-width: 235px;
    text-align: left;
    margin-top: 14px;
  }
}
.footer-new .gopy .btn-gopy {
  background: #0d116b;
  border-radius: 36px;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 30px;
  padding: 0 13px;
  color: #fff;
  margin-bottom: 8px;
}
.footer-new .gopy .btn-gopy:after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 3px;
}
.footer-new .gopy p {
  max-width: 210px;
  line-height: 1.4;
}
@media screen and (max-width: 600px) {
  .footer-new .txt-copyright {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 10px;
  }
}
.footer-new .copyright-text {
  font-size: 13px;
  line-height: 1.69;
  color: #6979a3;
}
@media (max-width: 600px) {
  .footer-new .copyright-text {
    width: 100%;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.page-detail .container {
  max-width: 1140px;
}
.page-detail .sidebar-1 {
  max-width: calc(100% - 440px);
}
@media (max-width: 767px) {
  .page-detail .sidebar-1 {
    max-width: 100%;
  }
}
.page-detail .sidebar-2 {
  max-width: 375px;
  margin-left: auto;
}
.page-detail.top-detail .sidebar-1 {
  max-width: calc(100% - 440px);
  margin-left: auto;
}
.page-detail.top-detail .sidebar-2 {
  max-width: 375px;
  padding-left: 75px;
}
.page-detail .footer-content .social a {
  margin-bottom: 0;
}
.page-detail .footer-content .social a:before {
  display: none;
}
.page-detail .footer-content .social a svg {
  color: #93908a;
}
.fade-in-top {
  -webkit-animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.fade-in-bottom {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.fade-in-left {
  -webkit-animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.fade-in-right {
  -webkit-animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes load-animate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0.35;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load-animate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0.35;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes dot-3-move {
  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: translateY(-18px) scale(0.45);
    transform: translateY(-18px) scale(0.45);
  }
  60% {
    -webkit-transform: translateY(-90px) scale(0.45);
    transform: translateY(-90px) scale(0.45);
  }
  80% {
    -webkit-transform: translateY(-90px) scale(0.45);
    transform: translateY(-90px) scale(0.45);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}
@keyframes dot-2-move {
  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: translate(-16px, 12px) scale(0.45);
    transform: translate(-16px, 12px) scale(0.45);
  }
  60% {
    -webkit-transform: translate(-80px, 60px) scale(0.45);
    transform: translate(-80px, 60px) scale(0.45);
  }
  80% {
    -webkit-transform: translate(-80px, 60px) scale(0.45);
    transform: translate(-80px, 60px) scale(0.45);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}
@keyframes dot-1-move {
  20% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  45% {
    -webkit-transform: translate(16px, 12px) scale(0.45);
    transform: translate(16px, 12px) scale(0.45);
  }
  60% {
    -webkit-transform: translate(80px, 60px) scale(0.45);
    transform: translate(80px, 60px) scale(0.45);
  }
  80% {
    -webkit-transform: translate(80px, 60px) scale(0.45);
    transform: translate(80px, 60px) scale(0.45);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}
@keyframes rotate-move {
  55% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes index {
  0%,
  100% {
    z-index: 3;
  }
  33.3% {
    z-index: 2;
  }
  66.6% {
    z-index: 1;
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-66.6%);
    transform: translateX(-66.6%);
  }
}
.myvne_taskbar .log_txt {
  color: #dce6ff;
}
.myvne_taskbar .log_txt .ic-user {
  fill: #dce6ff;
}
.myvne_form_log .myvne_notification .myvne_icon_bell_click .ic-bell {
  fill: #dce6ff;
}
.hero_banner {
  background: #021e56 url(images/graphics/bg-banner.png) no-repeat center;
  min-height: 587px;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 50px;
  margin-top: -80px;
  position: relative;
  font-family: var(--font1);
}
.hero_banner .scroll_down {
  position: absolute;
  width: 100%;
  bottom: 70px;
  z-index: 22;
}
.hero_banner__text {
  margin-top: 40px;
}
@media (max-width: 600px) {
  .hero_banner__text {
    margin-top: 30px;
  }
}
.hero_banner__text .title {
  font-weight: 700;
  font-size: 33px;
  color: #fff;
  margin-bottom: 15px;
}
.hero_banner__text .title br {
  display: none;
}
.hero_banner__text .title span {
  font-size: 30px;
  font-weight: 600;
  display: block;
}
.hero_banner .timer {
  max-width: 538px;
}
.hero_banner .timer p {
  color: #fff;
  font-size: 18px;
  margin-bottom: 10px;
}
.hero_banner .timer .text-time {
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
}
.hero_banner .text-link {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 24px;
}
.hero_banner .text-link:after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 5px;
}
.hero_banner .text-link.arrow-down:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -1px;
  margin-left: 5px;
}
.hero_banner #countdown .item_countdown {
  display: inline-block;
  text-align: center;
  padding-top: 13px;
  margin-left: 40px;
  position: relative;
  background: #061045;
  font-size: 14px;
  border-radius: 3px;
  width: 68px;
  height: 68px;
  text-align: center;
  color: #fff;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  -webkit-border-image: -webkit-linear-gradient(#61ddeb, rgba(0, 0, 0, 0)) 1;
  -o-border-image: linear-gradient(#61ddeb, rgba(0, 0, 0, 0)) 1;
  border-image: linear-gradient(#61ddeb, rgba(0, 0, 0, 0)) 1;
}
.hero_banner #countdown .item_countdown::before {
  content: "";
  background: url(images/graphics/dotted.png);
  width: 4px;
  height: 16px;
  position: absolute;
  right: -25px;
  top: 24px;
}
.hero_banner #countdown .item_countdown.ngay {
  margin-left: 0;
}
.hero_banner #countdown .item_countdown.giay::before {
  display: none;
}
.hero_banner #countdown .item_countdown .item_txt span {
  margin-bottom: 4px;
  font-size: 15px;
  line-height: 1;
  display: block;
}
.hero_banner #countdown .item_countdown .item_txt .text {
  display: block;
  font-size: 15px;
}
@media screen and (max-width: 600px) {
  .hero_banner #countdown .item_countdown {
    margin-left: 18px;
  }
  .hero_banner #countdown .item_countdown::before {
    right: -15px;
  }
}
@media screen and (max-width: 380px) {
  .hero_banner #countdown .item_countdown {
    width: 60px;
  }
}
.hero_banner__v2 {
  background: #021e56 url(images/graphics/banner_dk_gala.png) no-repeat center
    top;
  background-size: cover;
  padding-top: 190px;
  padding-bottom: 60px;
}
@media (max-width: 600px) {
  .hero_banner__v2 {
    background: #021e56 url(images/graphics/banner_dk_gala_m.png) no-repeat
      center top !important;
    background-size: 100%;
  }
}
.hero_banner__v2 .hero_banner__text {
  color: #eeeeee;
  position: relative;
  z-index: 2;
}
.hero_banner__v2 .hero_banner__text .title {
  color: #a5deff;
  font-size: 36px;
}
@media (max-width: 600px) {
  .hero_banner__v2 .hero_banner__text .title {
    color: #fff;
  }
}
.hero_banner__v2 .hero_banner__text .title br {
  display: block;
}
.hero_banner__v2 .timer p {
  font-size: 24px;
  margin-bottom: 20px;
}
.hero_banner__v2 .note {
  background: rgba(13, 17, 52, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.63);
  border-radius: 35px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  line-height: 31px;
  padding: 0 25px;
  margin-bottom: 15px;
}
@media (max-width: 600px) {
  .hero_banner__v2 .note {
    font-weight: 400;
  }
}
.hero_banner__v2 .date {
  line-height: 1.6;
  color: #ffe665;
}
.hero_banner.live .wrap-live-video {
  text-align: left;
}
.hero_banner.live .wrap-live-video .title-cate {
  color: #fff;
}
@media screen and (max-width: 600px) {
  .hero_banner.live {
    padding: 30px 0 50px 0 !important;
  }
  .hero_banner.live .title-cate {
    font-size: 24px;
  }
}
@media screen and (max-width: 1199px) {
  .hero_banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .hero_banner__text {
    text-align: center;
  }
  .hero_banner__text .title {
    font-size: 30px;
  }
  .hero_banner__text .title span {
    font-size: 22px;
  }
  .hero_banner__text .timer .text-time {
    font-size: 16px;
  }
  .hero_banner__text .timer p br {
    display: none;
  }
  .hero_banner .scroll_down {
    display: none;
  }
  .hero_banner__v2 {
    height: auto;
    padding: 150px 0 80px 0 !important;
  }
}
@media screen and (max-width: 600px) {
  .hero_banner {
    padding-top: 0;
    padding-bottom: 15px;
    margin-top: 0;
    background: #021e56 url(images/graphics/mbg-banner.png) no-repeat center;
    background-size: cover;
    min-height: 410px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .hero_banner .timer p {
    margin-bottom: 20px;
    font-size: 18px;
  }
  .hero_banner__text .title {
    margin-bottom: 10px;
    font-size: 24px;
  }
  .hero_banner__text .title br {
    display: block;
  }
  .hero_banner__v2 {
    background: #021e56 url(images/graphics/mbg-banner2.jpg) no-repeat center;
    background-size: cover;
    padding: 20px 0 50px 0 !important;
  }
  .hero_banner__v2 .hero_banner__text .title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 15px !important;
  }
  .hero_banner__v2 .hero_banner__text .title br {
    display: none;
  }
  .hero_banner__v2 .timer p {
    font-size: 20px;
  }
  .hero_banner__v2 .txt_18 {
    font-size: 16px;
  }
}
.section-2 {
  position: relative;
  background: #061868;
  color: #bbbde1;
  z-index: 1;
}
.section-2 .title-cate {
  color: #fff;
}
.section-2 .title-cate .sub-title-cate {
  display: block;
  color: #d0d1ef;
  font-size: 24px;
  font-weight: normal;
}
.section-2 .container {
  position: relative;
  padding: 0 0 100px;
}
@media (max-width: 767px) {
  .section-2 .container {
    padding-bottom: 50px;
  }
}
.section-2 .container:before {
  content: "";
  width: calc(100% - 160px);
  height: 173px;
  background: -webkit-radial-gradient(
    50% 50% at 50% 50%,
    rgba(54, 91, 222, 0.6) 0.83%,
    rgba(27, 52, 139, 0) 81.56%
  );
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(54, 91, 222, 0.6) 0.83%,
    rgba(27, 52, 139, 0) 81.56%
  );
  -webkit-filter: blur(25px);
  filter: blur(25px);
  position: absolute;
  bottom: 0;
}
.section-2 .text-post {
  max-width: 1100px;
  margin: 0 auto;
  color: #fff;
  padding: 75px 110px;
  background: #011052;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.section-2 .text-post .left {
  width: 443px;
  padding-right: 48px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .section-2 .text-post .left {
    width: 100%;
    padding-right: 0;
    text-align: center;
  }
}
.section-2 .text-post .des {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 30px;
  color: #bbbde1;
}
.section-2 .text-post .btn-default {
  height: 48px;
}
@media (max-width: 820px) {
  .section-2 .text-post {
    padding: 25px;
  }
}
@media (max-width: 767px) {
  .section-2 .text-post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 1199px) {
  .section-2 {
    padding-top: 30px;
  }
}
@media screen and (max-width: 991px) {
  .section-2::before {
    display: none;
  }
  .section-2 .container {
    position: static;
  }
  .section-2 .text-post {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .section-2 {
    padding: 0 15px;
  }
}
@media screen and (max-width: 600px) {
  .section-2 .container {
    margin-bottom: 20px;
  }
}
.section-3 {
  margin-top: 0;
  background: #061868;
  color: #fff;
}
@media (min-width: 768px) {
  .section-3 {
    margin-top: -35px;
  }
}
.section-3 .header-section-doituong {
  color: #dce6ff;
}
.section-3 .title-cate {
  color: #fff;
  max-width: 655px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  font-weight: normal;
}
.section-3 .list-lv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding-bottom: 45px;
}
.section-3 .list-lv .item-lv {
  width: 33.33%;
  text-align: center;
  opacity: 0.3;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.section-3 .list-lv .item-lv.swiper-slide-active {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.section-3 .list-lv .item-lv.swiper-slide-active .name-lv {
  opacity: 1;
}
.section-3 .list-lv .item-lv.swiper-slide-active .btn-default {
  opacity: 1;
}
.section-3 .list-lv .item-lv .name-lv {
  font-size: 24px;
  margin-bottom: 16px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-family: var(--font1);
}
.section-3 .list-lv .item-lv .name-lv .sub {
  font-size: 16px;
  display: block;
  margin-bottom: 4px;
}
.section-3 .list-lv .item-lv .btn-default {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.section-3 .list-lv .swiper-button-prev,
.section-3 .list-lv .swiper-button-next {
  width: 48px;
  height: 48px;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.section-3 .list-lv .swiper-button-prev .ic,
.section-3 .list-lv .swiper-button-next .ic {
  color: #4479ff;
}
.section-3 .list-lv .swiper-button-prev:hover,
.section-3 .list-lv .swiper-button-next:hover {
  background: #4479ff;
}
.section-3 .list-lv .swiper-button-prev:hover .ic,
.section-3 .list-lv .swiper-button-next:hover .ic {
  color: #fff;
}
.section-3 .list-lv .swiper-button-prev {
  left: 60px;
}
@media (max-width: 414px) {
  .section-3 .list-lv .swiper-button-prev {
    left: 25px;
  }
}
.section-3 .list-lv .swiper-button-next {
  right: 60px;
}
@media (max-width: 414px) {
  .section-3 .list-lv .swiper-button-next {
    right: 25px;
  }
}
.section-3 .list-lv .swiper-pagination-bullet {
  width: 12px;
  height: 14px;
  background: #545687;
  -webkit-clip-path: polygon(
    50% 0%,
    100% 25%,
    100% 75%,
    50% 100%,
    0% 75%,
    0% 25%
  );
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  border-radius: 0;
  opacity: 1;
  margin: 0 8px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.section-3 .list-lv .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #62dfec;
}
@media screen and (max-width: 991px) {
  .section-3 {
    position: relative;
  }
  .section-3 .linh-vuc {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .section-3__left,
  .section-3__right {
    width: 100%;
    padding-left: 0;
  }
  .section-3__left .dang-ky,
  .section-3__right .dang-ky {
    bottom: -10px;
    right: 0;
  }
}
.section-3 .box-note {
  background: -webkit-linear-gradient(
    left,
    #38149f 50%,
    #38149f 51.53%,
    rgba(40, 10, 126, 0.14) 73.3%
  );
  background: linear-gradient(
    90deg,
    #38149f 50%,
    #38149f 51.53%,
    rgba(40, 10, 126, 0.14) 73.3%
  );
  border-radius: 10px;
  width: 100%;
  max-width: 850px;
  height: 130px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 180px 32px 32px;
  margin: 0 auto;
  position: relative;
  font-size: 20px;
  line-height: 1.6;
  z-index: 1;
}
@media (max-width: 767px) {
  .section-3 .box-note {
    padding: 35px;
    height: auto;
    background: #38149f;
  }
}
.section-3 .box-note .text {
  padding-left: 15px;
  position: relative;
  z-index: 1;
}
.section-3 .box-note img {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 767px) {
  .section-3 .box-note img {
    display: none;
  }
}
.header-section-doituong {
  position: relative;
  z-index: 1;
}
.list-doituong {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: url(images/graphics/bg_section_doituong.png) no-repeat center
    bottom;
  padding-bottom: 230px;
}
@media (max-width: 767px) {
  .list-doituong {
    background: #061868;
    padding-bottom: 30px;
  }
}
.list-doituong .left {
  max-width: 47%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .list-doituong .left {
    display: none;
  }
}
.list-doituong .right {
  width: 53%;
  padding-left: 56px;
}
@media (max-width: 767px) {
  .list-doituong .right {
    padding-left: 0;
    width: 100%;
  }
}
.list-doituong .item-dt {
  background: -webkit-linear-gradient(
    left,
    #061868 21.59%,
    rgba(6, 24, 104, 0.488372) 48.86%,
    rgba(6, 24, 104, 0) 72.56%
  );
  background: linear-gradient(
    90deg,
    #061868 21.59%,
    rgba(6, 24, 104, 0.488372) 48.86%,
    rgba(6, 24, 104, 0) 72.56%
  );
  border-radius: 10px;
  padding: 18px 25px;
  color: #bbbde1;
  border: 1px solid #0eb1e4;
  min-height: 156px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1.4;
}
.list-doituong .item-dt .inner-item-dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 600px) {
  .list-doituong .item-dt .inner-item-dt {
    margin-bottom: 14px;
  }
}
.list-doituong .item-dt:after {
  content: "";
  width: 30%;
  height: 100%;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    #061868 99%
  );
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #061868 99%);
  position: absolute;
  right: 0;
  top: 0;
}
.list-doituong .item-dt:not(:last-child) {
  margin-bottom: 20px;
}
.list-doituong .item-dt img {
  width: 75px;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  margin-right: 24px;
}
.list-doituong .item-dt .content {
  max-width: 350px;
  font-size: 15px;
  color: #bbbde1;
  line-height: 1.4;
  position: relative;
  z-index: 1;
}
@media (max-width: 600px) {
  .list-doituong .item-dt .content {
    font-size: 0;
  }
}
.list-doituong .item-dt .content strong {
  display: block;
  color: #fff;
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 4px;
}
@media (max-width: 600px) {
  .list-doituong .item-dt .content strong {
    font-size: 20px;
  }
}
.list-doituong .item-dt .only-mb {
  position: relative;
  z-index: 1;
  font-size: 15px;
}
.icon-notify {
  width: 48px;
  height: 48px;
  background: url(images/graphics/icon_notify.svg) no-repeat;
  background-size: contain;
  display: block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.time-participate-contest {
  background: #061868;
  background-size: cover;
  padding: 0;
}
@media (min-width: 768px) {
  .time-participate-contest {
    margin-top: -110px;
  }
}
.time-participate-contest .container {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.time-participate-contest .kv {
  width: 41%;
}
.time-participate-contest .title-cate {
  color: #fff;
  margin-bottom: 48px;
}
.time-participate-contest .title-cate br {
  display: none;
}
.time-participate-contest .list {
  width: 59%;
  padding: 40px 90px 40px 40px;
  background: #011052;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border-radius: 10px;
  position: relative;
}
@media (max-width: 600px) {
  .time-participate-contest .list {
    width: 100%;
  }
  .time-participate-contest .list .btn-default {
    margin-top: 25px;
  }
}
.time-participate-contest .list:after {
  content: "";
  width: 60px;
  height: 100%;
  background: url(images/graphics/sang-kien-khoa-hoc.svg) no-repeat center
    center;
  background-size: contain;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .time-participate-contest .list:after {
    display: none;
  }
}
.time-participate-contest .list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  color: #ffffff;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
@media (max-width: 600px) {
  .time-participate-contest .list li {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.time-participate-contest .list li .number {
  background: url(images/graphics/polygon_border.svg) no-repeat center center;
  background-size: contain;
  width: 70px;
  height: 70px;
  color: #62dfec;
  font-weight: bold;
  font-size: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.time-participate-contest .list li .name {
  padding-left: 20px;
  font-weight: bold;
  font-size: 24px;
}
@media (max-width: 600px) {
  .time-participate-contest .list li .name {
    font-size: 20px;
  }
}
.time-participate-contest .list li .name.active {
  color: #62dfec;
}
.time-participate-contest .list li .date {
  font-size: 18px;
  position: absolute;
  left: 90px;
  top: 40px;
  color: #dce6ff;
}
@media (max-width: 600px) {
  .time-participate-contest .list li .date {
    font-size: 16px;
  }
}
.time-participate-contest .list li .content {
  width: 800px;
  width: calc(100% - 263px);
  padding-left: 180px;
  position: relative;
  font-size: 20px;
  font-weight: 600;
  display: none;
}
.time-participate-contest .list li .content__1 {
  width: 150px;
}
.time-participate-contest .list li .content__2 {
  padding-left: 40px;
  width: 500px;
  width: calc(100% - 150px);
}
.time-participate-contest .list li .content::before {
  content: "";
  background: rgba(255, 255, 255, 0.2);
  height: 80px;
  width: 1px;
  position: absolute;
  left: 90px;
  top: -20px;
}
.time-participate-contest .list li .content .lbl {
  color: #62dfec;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
}
.time-participate-contest .list li .content span {
  font-size: 18px;
  font-weight: 400;
}
.time-participate-contest .list li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.time-participate-contest .list li.no-border {
  border-bottom: none;
  padding-bottom: 0;
}
@media (max-width: 600px) {
  .time-participate-contest .list li.no-border {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1199px) {
  .time-participate-contest .list li .content {
    padding-left: 80px;
    font-size: 18px;
  }
  .time-participate-contest .list li .content::before {
    height: 60px;
    left: 40px;
    top: -3px;
  }
  .time-participate-contest .list li .content__2 {
    padding-left: 30px;
  }
}
@media screen and (max-width: 991px) {
  .time-participate-contest {
    padding: 60px 0 10px 0;
  }
  .time-participate-contest .list {
    padding: 20px;
  }
  .time-participate-contest .list li {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .time-participate-contest .list li .content {
    width: 100%;
    padding-left: 0;
    padding-top: 50px;
    position: relative;
  }
  .time-participate-contest .list li .content::before {
    height: 1px;
    width: 100%;
    left: 0;
    right: 0;
    top: 30px;
  }
}
@media screen and (max-width: 600px) {
  .time-participate-contest {
    padding: 30px 0;
  }
  .time-participate-contest .container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .time-participate-contest .kv {
    width: 100%;
  }
  .time-participate-contest .kv .img {
    display: none;
  }
  .time-participate-contest .title-cate {
    margin-bottom: 20px;
  }
  .time-participate-contest .title-cate br {
    display: block;
  }
}
.section-giaithuong {
  background: #061868 url(images/graphics/bg_giaithuong.png) no-repeat left
    center;
  padding: 15px 0 160px 0;
  color: #fff;
  position: relative;
}
.section-giaithuong .swiper-wrapper {
  height: auto;
}
.section-giaithuong:after {
  content: "";
  width: 660px;
  height: 660px;
  background: url(images/graphics/ellipse.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 15%;
}
@media (max-width: 600px) {
  .section-giaithuong:after {
    background: #061868;
  }
}
.section-giaithuong .title-cate {
  color: #fff;
}
.section-giaithuong .header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.section-giaithuong .swiper-container {
  padding-left: 15%;
  padding-left: calc((100% - 1200px) / 2);
}
.section-giaithuong .swiper-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.section-giaithuong .swiper-button-next,
.section-giaithuong .swiper-button-prev {
  position: static;
  background-image: none;
  background: #fff;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-left: 6px;
  margin-top: 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.section-giaithuong .swiper-button-next svg,
.section-giaithuong .swiper-button-prev svg {
  fill: #4479ff;
}
.section-giaithuong .swiper-button-next:hover,
.section-giaithuong .swiper-button-prev:hover {
  background: #4479ff;
}
.section-giaithuong .swiper-button-next:hover svg,
.section-giaithuong .swiper-button-prev:hover svg {
  fill: #fff;
}
.section-giaithuong .swiper-button-next.swiper-button-disabled,
.section-giaithuong .swiper-button-prev.swiper-button-disabled {
  opacity: 0.5;
}
.section-giaithuong .swiper-pagination-bullet {
  width: 12px;
  height: 14px;
  background: #545687;
  -webkit-clip-path: polygon(
    50% 0%,
    100% 25%,
    100% 75%,
    50% 100%,
    0% 75%,
    0% 25%
  );
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  border-radius: 0;
  opacity: 1;
  margin: 0 8px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.section-giaithuong .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #62dfec;
}
@media (min-width: 601px) {
  .section-giaithuong .swiper-pagination {
    display: none;
  }
}
.section-giaithuong .itemt {
  border-radius: 5px;
  padding: 24px 120px 24px 24px;
  height: 250px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  line-height: 1.4;
}
.section-giaithuong .itemt::before {
  content: "";
  background: url(images/graphics/cup.png);
  background-size: cover;
  width: 140px;
  height: 236px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.section-giaithuong .itemt .lbl {
  font-size: 14px;
  margin-bottom: 14px;
}
.section-giaithuong .itemt .name {
  font-size: 24px;
  font-weight: 400;
  position: relative;
  z-index: 1;
  margin-bottom: 6px;
  font-family: var(--font1);
}
.section-giaithuong .itemt .des {
  font-size: 18px;
}
.section-giaithuong .itemt.oranger {
  background: #d0542e;
}
.section-giaithuong .itemt.green {
  background: #1f861d;
}
.section-giaithuong .itemt.blue {
  background: #090f96;
}
.section-giaithuong .itemt.purple {
  background: #6e0f76;
}
.section-giaithuong .itemt.blue2 {
  background: #2550a3;
}
.section-giaithuong .itemt.red {
  background: #5a10b8;
}
.section-giaithuong .itemt.yellow {
  background: #87650f;
}
.section-giaithuong .itemt.pink {
  background: #cd1d52;
}
.section-giaithuong .ban-giamkhao {
  margin-top: 100px;
}
.section-giaithuong .ban-giamkhao .title-cate {
  margin-bottom: 50px;
}
.section-giaithuong .ban-giamkhao .grid {
  -webkit-column-gap: 27px;
  -moz-column-gap: 27px;
  column-gap: 27px;
  row-gap: 50px;
}
.section-giaithuong .ban-giamkhao .flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.section-giaithuong .ban-giamkhao .flex-row .item {
  width: 30%;
  padding: 0 15px;
  margin-bottom: 50px;
}
.section-giaithuong .ban-giamkhao .item .icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='36' height='36' rx='18' fill='%23D8711F'/%3e%3cpath d='M18.8438 17.0999V10.7999H17.1562V17.0999H11.25V18.8999H17.1562V25.1999H18.8438V18.8999H24.75V17.0999H18.8438Z' fill='white'/%3e%3c/svg%3e");
  position: absolute;
  width: 36px;
  height: 36px;
  bottom: 15px;
  right: 15px;
  z-index: 1;
  display: none;
}
.section-giaithuong .ban-giamkhao .item .ava {
  margin-bottom: 16px;
  border-radius: 34px 0px;
  position: relative;
  overflow: visible;
  background: none;
}
.section-giaithuong .ban-giamkhao .item .ava img {
  border-radius: 34px 0px;
  position: relative;
  z-index: 1;
}
.section-giaithuong .ban-giamkhao .item .ava::before {
  content: "";
  background: -webkit-linear-gradient(
    top,
    #4aedfe 0%,
    rgba(98, 223, 236, 0) 77.4%
  );
  background: linear-gradient(180deg, #4aedfe 0%, rgba(98, 223, 236, 0) 77.4%);
  border-radius: 0px 34px 0px 0px;
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  position: absolute;
  height: 100%;
  top: -2px;
  left: -2px;
  right: -2px;
}
.section-giaithuong .ban-giamkhao .item .name {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
}
.section-giaithuong .ban-giamkhao .item .des {
  font-size: 15px;
  color: #c0c0c0;
}
.section-giaithuong .ban-giamkhao .item:hover .icon {
  display: block;
}
@media screen and (max-width: 1480px) {
  .section-giaithuong .itemt {
    padding: 20px 70px 20px 20px;
    height: 220px;
  }
  .section-giaithuong .itemt::before {
    width: 100px;
    height: 166px;
    right: -20px;
    bottom: -20px;
  }
}
@media screen and (max-width: 1480px) and (max-width: 600px) {
  .section-giaithuong .itemt .lbl {
    font-size: 14px;
  }
}
@media screen and (max-width: 1480px) {
  .section-giaithuong .itemt .name {
    font-size: 24px;
  }
  .section-giaithuong .itemt .des {
    font-size: 16px;
    left: 20px;
    bottom: 20px;
  }
}
@media screen and (max-width: 1199px) {
  .section-giaithuong .swiper-container {
    padding: 0 15px;
  }
}
@media screen and (max-width: 991px) {
  .section-giaithuong .ban-giamkhao {
    margin-top: 70px;
  }
  .section-giaithuong .ban-giamkhao .grid {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .section-giaithuong {
    padding: 30px 0 60px 0;
    background: #061868;
    margin-bottom: 0;
  }
  .section-giaithuong .header {
    text-align: center;
  }
  .section-giaithuong .header div {
    width: 100%;
    z-index: 1;
    position: relative;
  }
  .section-giaithuong .swiper-control {
    display: none;
  }
  .section-giaithuong .swiper-pagination {
    margin-top: 20px;
    width: 100%;
  }
  .section-giaithuong .ban-giamkhao .grid {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
  }
  .section-giaithuong .ban-giamkhao .flex-row {
    margin: 0 -15px;
  }
  .section-giaithuong .ban-giamkhao .flex-row .item {
    width: 50%;
    margin-bottom: 30px;
  }
  .section-giaithuong .ban-giamkhao .item .name,
  .section-giaithuong .ban-giamkhao .item .des {
    font-size: 14px;
  }
}
.section-article {
  background: #061868;
  padding-bottom: 50px;
}
@media (min-width: 601px) {
  .section-article {
    margin-top: -85px;
  }
}
.section-article .title-cate {
  color: #fff;
  text-align: center;
  max-width: 375px;
  margin: 0 auto 48px;
  font-weight: 400;
}
@media (max-width: 600px) {
  .section-article .title-cate {
    margin-bottom: 30px;
  }
}
.section-article__left {
  width: 750px;
}
.section-article__right {
  width: 420px;
  padding-left: 50px;
  width: calc(100% - 750px);
}
.section-article__right .article-itemt {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 30px;
}
.section-article__right .article-itemt:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.section-article .list-article {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  row-gap: 30px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
@media (max-width: 767px) {
  .section-article .list-article {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
  }
}
.section-article .article-itemt {
  margin-bottom: 0;
  background: #010f47;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
}
.section-article .article-itemt:nth-child(1) {
  grid-column: 1 / 3;
}
.section-article .article-itemt:nth-child(1) .article-content {
  padding: 20px;
}
@media (max-width: 767px) {
  .section-article .article-itemt:nth-child(1) .article-content {
    padding: 16px 20px;
  }
}
.section-article .article-itemt:nth-child(1) .title_new {
  font-size: 20px;
}
@media (max-width: 767px) {
  .section-article .article-itemt:nth-child(1) .title_new {
    font-size: 16px;
  }
}
.section-article .article-itemt:nth-child(2) {
  grid-column: 3 / 5;
}
.section-article .article-itemt:nth-child(2) .article-content {
  padding: 20px;
}
@media (max-width: 767px) {
  .section-article .article-itemt:nth-child(2) .article-content {
    padding: 16px 20px;
  }
}
.section-article .article-itemt:nth-child(2) .title_new {
  font-size: 20px;
}
@media (max-width: 767px) {
  .section-article .article-itemt:nth-child(2) .title_new {
    font-size: 16px;
  }
}
.section-article .article-itemt .article-thumb {
  margin-bottom: 0;
}
.section-article .article-itemt .article-content {
  padding: 10px 14px;
}
.section-article .article-itemt .title_new {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  position: relative;
  padding-right: 38px;
}
@media (max-width: 767px) {
  .section-article .article-itemt .title_new {
    font-size: 16px;
  }
}
.section-article .article-itemt .title_new:after {
  content: "";
  width: 18px;
  height: 18px;
  background: url(images/graphics/arrow-right.svg) no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}
.section-article .article-itemt .title_new a:hover {
  color: #fff;
}
.section-article .article-itemt .des {
  display: none;
}
@media screen and (max-width: 1199px) {
  .section-article__left {
    width: 65%;
  }
  .section-article__right {
    width: 35%;
    padding-left: 20px;
  }
}
@media screen and (max-width: 991px) {
  .section-article__left {
    width: 100%;
  }
  .section-article__left .article-itemt {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
  .section-article__left .article-itemt .article-content .title_new {
    font-size: 24px;
  }
  .section-article__right {
    width: 100%;
    padding-left: 0;
  }
  .section-article__right .article-itemt {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
  .section-article__right .article-itemt .article-thumb {
    width: 140px;
    margin-bottom: 0;
  }
  .section-article__right .article-itemt .article-content {
    width: calc(100% - 140px);
    padding-left: 16px !important;
  }
  .section-article__right .article-itemt .title_new {
    font-size: 16px;
  }
  .section-article__right .article-itemt .des {
    display: none;
  }
  .section-article .article-itemt .article-content .tag {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .section-article .mb40 {
    margin-bottom: 23px;
  }
  .section-article .view-all {
    display: none;
  }
}
.section-donvi {
  padding-bottom: 50px;
}
.section-donvi .title-cate br {
  display: none;
}
.section-donvi .flex_2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 700px;
  margin: 0 auto;
}
.section-donvi .flex {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.section-donvi .flex .item {
  padding: 0 32px;
}
.section-donvi .lbl {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin-bottom: 15px;
}
.section-donvi .tai-tro {
  width: 65%;
  text-align: center;
}
.section-donvi .to-chuc {
  width: 35%;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .section-donvi {
    padding-bottom: 20px;
  }
  .section-donvi .mb40 {
    margin-bottom: 20px;
  }
  .section-donvi .title-cate br {
    display: block;
  }
  .section-donvi .tai-tro {
    margin-bottom: 40px;
  }
  .section-donvi .tai-tro,
  .section-donvi .to-chuc {
    width: 100%;
  }
}
.popup-nhanvat {
  border-radius: 5px;
  max-width: 640px;
  padding: 40px;
  font-size: 16px;
  line-height: 1.6;
  color: #13135a;
}
.popup-nhanvat .mfp-close {
  border: 0;
  background: none;
  color: #000;
  top: 30px;
  right: 30px;
  opacity: 1;
  font-size: 40px;
}
.popup-nhanvat .head {
  margin-bottom: 25px;
}
.popup-nhanvat .head .name {
  font-size: 24px;
  font-weight: bold;
  color: #13135a;
  font-family: var(--font1);
}
.popup-nhanvat .head .des {
  color: #8695bc;
  font-size: 16px;
}
.popup-nhanvat ul.disc {
  margin-bottom: 24px;
  padding-left: 10px;
  color: #13135a;
}
.popup-nhanvat ul.disc li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}
.popup-nhanvat ul.disc li::before {
  content: "";
  background: #222;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 11px;
}
@media screen and (max-width: 600px) {
  .popup-nhanvat {
    padding: 20px 15px;
  }
  .popup-nhanvat .mfp-close {
    right: 10px !important;
    top: 20px !important;
  }
}
.section-thele {
  line-height: 1.5;
}
.section-thele__left {
  width: 400px;
  margin-bottom: 30px;
}
.section-thele__right {
  width: 847px;
  width: calc(100% - 400px);
  padding-left: 29px;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 1025px) {
  .section-thele__left {
    width: 270px;
    padding-left: 20px;
  }
  .section-thele__right {
    width: calc(100% - 270px);
    padding-left: 20px;
  }
  .section-thele .padding_30 {
    padding: 20px;
  }
}
@media screen and (max-width: 820px) {
  .section-thele__left {
    width: 100%;
    padding-left: 0;
  }
  .section-thele__right {
    width: 100%;
    padding-left: 0;
  }
  .section-thele .padding_20,
  .section-thele .padding_25 {
    padding: 15px;
  }
}
.section-thele .timeline {
  width: 100%;
  max-width: 630px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto 70px;
}
@media (max-width: 1025px) {
  .section-thele .timeline {
    max-width: 480px;
  }
}
@media (max-width: 991px) {
  .section-thele .timeline {
    max-width: 420px;
  }
}
@media (max-width: 600px) {
  .section-thele .timeline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
  }
}
.section-thele .timeline:before {
  content: "";
  width: 99%;
  height: 1px;
  border-bottom: 1px dashed #62dfec;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 600px) {
  .section-thele .timeline:before {
    display: none;
  }
}
.section-thele .timeline .node-time {
  width: 49px;
  height: 56px;
  background: #021256 url(images/graphics/polygon_border.svg) no-repeat center
    center !important;
  background-size: contain !important;
  font-size: 18px;
  color: #62dfec;
  list-style: none !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  padding: 0 !important;
  margin: 0 !important;
}
@media (max-width: 600px) {
  .section-thele .timeline .node-time {
    margin: 0 0 55px !important;
  }
}
.section-thele .timeline .content {
  position: absolute;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: calc(100% + 5px);
  text-align: center;
}
.section-thele .timeline .content strong {
  font-size: 14px;
  color: #fff;
}
@media (max-width: 1024px) {
  .section-thele .timeline .content strong {
    font-size: 12px;
  }
}
@media (max-width: 600px) {
  .section-thele .timeline .content strong {
    font-size: 14px;
  }
}
.section-thele .timeline .content .date {
  font-size: 13px;
  color: #dce6ff;
}
@media (max-width: 1024px) {
  .section-thele .timeline .content .date {
    font-size: 11px;
  }
}
@media (max-width: 600px) {
  .section-thele .timeline .content .date {
    font-size: 13px;
  }
}
.wrap-box-left {
  color: #bbbde1;
  line-height: 1.6;
}
.wrap-box-left .txt_gray-2 {
  color: #bbbde1;
}
.header-collaps {
  background: rgba(1, 16, 82, 0.8);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border-radius: 10px;
  padding: 24px;
  color: #fff;
  font-size: 22px;
  line-height: 160%;
  margin-bottom: 20px;
  font-family: var(--font1);
  position: relative;
}
.header-collaps:after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  right: 38px;
  top: calc(50% - 5px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header-collaps.active:after {
  -webkit-transform: rotate(225deg) translateY(-50%);
  -ms-transform: rotate(225deg) translateY(-50%);
  transform: rotate(225deg) translateY(-50%);
  right: 30px;
}
.list-collaps {
  display: none;
}
.list-collaps .collaps {
  margin-bottom: 20px;
  background: rgba(1, 16, 82, 0.8);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  color: #bbbde1;
}
.list-collaps .collapsed {
  font: 400 22px var(--font1);
  padding: 0;
  position: relative;
  padding-right: 25px;
  color: #fff;
}
.list-collaps h2 {
  font-weight: 400 !important;
}
.list-collaps .collapse {
  margin-top: 6px;
}
.list-collaps .collapse ul,
.list-collaps .collapse ol {
  padding-left: 20px;
}
.list-collaps .collapse ul li,
.list-collaps .collapse ol li {
  font-size: 14px;
  margin-bottom: 10px;
  list-style: disc !important;
  padding: 0;
  border-bottom: 0;
  background: none !important;
  display: list-item;
}
.list-collaps .collapse ol li {
  list-style: decimal !important;
}
.list-collaps .collapse li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
  font-family: var(--font2);
}
.list-collaps .collapse li svg {
  color: #498523;
}
.list-collaps .collapse li .red {
  color: red;
  width: 14px;
  height: 14px;
}
.list-collaps .collapse li .td1 {
  width: 40%;
  padding-right: 30px;
}
.list-collaps .collapse li .td2 {
  width: 60%;
}
.list-collaps .collapse li:last-child {
  border-bottom: 0;
}
.list-collaps .collapse table {
  margin-bottom: 20px;
  font-size: 14px;
}
.list-collaps .collapse table th,
.list-collaps .collapse table td {
  text-align: center;
  padding: 14px 10px;
}
.list-collaps a {
  text-decoration: underline;
}
.banner-folder {
  background: #021e56 url(images/graphics/bg-banner-folder.jpg) no-repeat center;
  background-size: cover;
  padding: 33.21px 0;
}
.banner-folder .breadcrumb li {
  color: #80b9e2;
}
.banner-folder .breadcrumb li a {
  color: #80b9e2;
}
.banner-folder .breadcrumb li.active {
  color: #fff;
}
.banner-folder .breadcrumb li.active a {
  color: #fff;
}
.banner-folder .breadcrumb li::after {
  border-right: 1px solid #80b9e2;
}
.banner-folder .title {
  color: #62dfec;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
}
.banner-folder .title span {
  font-size: 26px;
  color: #fff;
  display: block;
}
.banner-folder__giaithuong {
  background: #021e56 url(images/graphics/bg-banner-giaithuong.jpg) no-repeat
    center;
  background-size: cover;
}
@media screen and (max-width: 1025px) {
  .banner-folder {
    padding: 30px 0;
  }
}
@media screen and (max-width: 600px) {
  .banner-folder {
    display: none;
  }
}
.section-main.bg-agray {
  padding-top: 25px;
}
@media screen and (max-width: 600px) {
  .section-main.bg-agray {
    padding-top: 0;
  }
  .section-main.bg-agray .hidde-pc.mt15 {
    display: none;
  }
  .section-main.bg-agray .breadcrumb.float-none {
    padding-top: 15px;
  }
}
.buid-top {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.buid-top__left {
  width: 510px;
}
.buid-top__left .article-itemt {
  margin-bottom: 0;
}
.buid-top__left .article-itemt .article-content .title_new {
  font-size: 30px;
}
.buid-top__right {
  width: 660px;
  width: calc(100% - 510px);
  padding-left: 30px;
}
.buid-top__right .grid__2 {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 30px;
}
.buid-top__right .article-itemt {
  margin-bottom: 0;
}
@media screen and (max-width: 979px) {
  .buid-top__left,
  .buid-top__right {
    width: 50%;
  }
  .buid-top__left .article-itemt .article-content .title_new {
    font-size: 24px;
  }
  .buid-top__right {
    padding-left: 16px;
  }
  .buid-top__right .grid__2 {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px;
  }
  .buid-top__right .article-itemt .article-content .title_new {
    font-size: 16px;
  }
}
@media screen and (max-width: 979px) {
  .buid-top__left,
  .buid-top__right {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .buid-top {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .buid-top__left,
  .buid-top__right {
    width: 100%;
  }
  .buid-top__left {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
  .buid-top__right {
    padding-left: 0;
  }
  .buid-top__right .grid__2 {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px;
  }
  .buid-top__right .grid__2 .article-itemt .article-content .title_new {
    font-size: 18px;
  }
  .buid-top__right .article-itemt {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 16px;
  }
  .buid-top__right .article-itemt .article-thumb {
    width: 100%;
    margin-bottom: 15px;
  }
  .buid-top__right .article-itemt .article-content {
    width: 100%;
  }
  .buid-top__right .article-itemt:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
.box_stream {
  width: 870px;
  width: calc(100% - 300px);
  padding-right: 47px;
}
.box_stream .article-itemt {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.box_stream .article-itemt .article-thumb {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.box_stream .article-itemt .article-content {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  padding-left: 0;
  padding-right: 20px;
}
.box_stream .article-itemt .article-content .title_new {
  font-size: 24px;
}
@media (max-width: 600px) {
  .box_stream .article-itemt .article-content .title_new {
    font-size: 18px;
  }
}
.box_stream .article-itemt .article-content__right {
  padding-left: 0;
}
.box_stream .article-itemt:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .box_stream .article-itemt .des {
    display: none;
  }
}
@media screen and (max-width: 1025px) {
  .box_stream .article-itemt .article-content .tag {
    display: none;
  }
  .box_stream .article-itemt .article-content__right {
    padding-left: 0;
  }
}
@media screen and (max-width: 979px) {
  .box_stream {
    width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .box_stream .article-itemt {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
  .box_stream .article-itemt .article-thumb {
    width: 100%;
    margin-bottom: 15px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .box_stream .article-itemt .article-content {
    width: 100%;
    padding-right: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
.box_300 {
  width: 300px;
}
@media screen and (max-width: 979px) {
  .box_300 {
    display: none;
  }
}
.step-register {
  min-height: calc(100vh - 218px);
  line-height: 1.4;
  color: #13135a;
}
.step-register .heade-step {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin: 40px 0;
  padding: 0 60px;
}
.step-register .heade-step .step {
  width: 185px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  cursor: pointer;
  font-family: var(--font1);
}
.step-register .heade-step .step::before {
  content: "";
  border-top: 1px dashed #757575;
  position: absolute;
  width: 185px;
  top: 36px;
  left: 153px;
}
.step-register .heade-step .step .number {
  background: #ffffff;
  border-radius: 50%;
  height: 70px;
  width: 70px;
  line-height: 70px;
  margin: 0 auto 10px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: #8695bc;
}
.step-register .heade-step .step.active {
  font-weight: bold;
}
.step-register .heade-step .step.active::before {
  border-top: 1px dashed #4479ff;
}
.step-register .heade-step .step.active .number {
  background: #4479ff;
  color: #fff;
}
.step-register .heade-step .step .txt {
  color: #545687;
  font-size: 14px;
}
.step-register .heade-step .step .txt b {
  color: #13135a;
  margin-bottom: 5px;
  display: block;
  font-size: 16px;
}
.step-register .heade-step .step_4::before {
  display: none;
}
@media screen and (max-width: 1025px) {
  .step-register .heade-step .step {
    width: 150px;
  }
  .step-register .heade-step .step::before {
    width: 120px;
    left: 140px;
  }
}
@media screen and (max-width: 900px) {
  .step-register .heade-step .step::before {
    width: 100px;
    left: 130px;
  }
}
@media screen and (max-width: 768px) {
  .step-register .heade-step {
    padding: 0;
  }
  .step-register .heade-step .step::before {
    width: 80px;
    left: 130px;
  }
}
@media screen and (max-width: 600px) {
  .step-register .heade-step {
    margin: 20px 0;
    -webkit-box-pack: inherit;
    -webkit-justify-content: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
  }
  .step-register .heade-step .step {
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
  }
  .step-register .heade-step .step .number {
    margin-bottom: 0;
    width: 46px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
  }
  .step-register .heade-step .step .txt {
    display: none;
    font-size: 14px;
    text-align: left;
    padding-left: 10px;
    max-width: 110px;
  }
  .step-register .heade-step .step .txt b {
    font-size: 15px;
    margin-bottom: 2px;
  }
  .step-register .heade-step .step::before {
    display: none;
  }
  .step-register .heade-step .step.show .number {
    background: #4479ff;
    color: #fff;
  }
  .step-register .heade-step .step.show .txt {
    display: block;
  }
  .step-register .heade-step .step:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 360px) {
  .step-register .heade-step .step {
    margin-right: 10px;
  }
  .step-register .heade-step .step .txt {
    max-width: 100px;
  }
}
@media screen and (max-width: 340px) {
  .step-register .heade-step .step {
    margin-right: 8px;
  }
}
.step-register .wrap-form {
  border-radius: 3px;
  padding: 30px;
  margin-bottom: 40px;
}
.step-register .wrap-form .txt {
  color: #13135a;
  font-size: 16px;
  line-height: 1.3;
}
.step-register .wrap-form .txt-note {
  margin-bottom: 20px;
  display: block;
}
.step-register .wrap-form .txt-note a {
  color: #087cce;
}
.step-register .wrap-form .tab-default {
  border-bottom: 1px solid #ecf2ff;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.step-register .wrap-form .tab-default a {
  background: #ecf2ff;
  border-radius: 7px;
  display: inline-block;
  padding: 12.5px 22px;
  margin-right: 18px;
  border: 1px solid #ecf2ff;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  text-align: center;
  min-width: 92px;
}
.step-register .wrap-form .tab-default a.active {
  border: 1px solid #4479ff;
  color: #4479ff;
}
.step-register .wrap-form .tab-default a.active span {
  background: url(images/icons/checked.svg) no-repeat top 0px left 0px;
  background-size: contain;
  padding-left: 22px;
}
.step-register .wrap-form .tab-default.no-border {
  border-bottom: 0;
  margin-bottom: 30px;
  padding-bottom: 0;
}
.step-register .wrap-form .btn-form {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.step-register .wrap-form .btn-form .back {
  color: #545687;
  font-size: 14px;
}
.step-register .wrap-form .btn-form .back svg {
  width: 14px;
  height: 14px;
}
.step-register .wrap-form .btn-form .save {
  background: #edf4ff;
  border: 1px solid #edf4ff;
  color: #6284a4;
  margin-right: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: normal;
}
.step-register .wrap-form .btn-form .save svg {
  margin: 1px 5px 0 0;
}
.step-register .wrap-form .tab_1 h3 {
  color: #13135a;
}
.step-register .wrap-form .tab_2 h3 {
  color: #13135a;
}
.step-register .wrap-form .tab_2__left {
  padding-right: 47px;
}
.step-register .wrap-form .tab_2__right {
  border-left: 1px solid #ecf2ff;
  padding-left: 47px;
}
.step-register .wrap-form .tab_2 .grid__2 {
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
}
@media screen and (max-width: 979px) {
  .step-register .wrap-form .tab_2__left {
    padding-right: 20px;
  }
  .step-register .wrap-form .tab_2__right {
    padding-left: 20px;
  }
}
@media screen and (max-width: 600px) {
  .step-register .wrap-form .tab_2 .grid__2 {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  .step-register .wrap-form .tab_2__left {
    padding-right: 0;
    border-bottom: 1px solid #dce6ff;
  }
  .step-register .wrap-form .tab_2__right {
    padding-left: 0;
    border-left: 0;
  }
}
@media screen and (max-width: 979px) {
  .step-register .wrap-form {
    padding: 16px;
  }
  .step-register .wrap-form .title-cate.txt_30,
  .step-register .wrap-form .txt_26 {
    font-size: 24px;
    margin-bottom: 15px;
    text-align: left;
  }
  .step-register .wrap-form .mb30 {
    margin-bottom: 15px !important;
  }
  .step-register .wrap-form .tab-default a {
    padding: 15px 9px;
    font-size: 14px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 600px) {
  .step-register .wrap-form .tab-default {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .step-register .wrap-form .tab-default a {
    padding: 15px 20px;
  }
  .step-register .wrap-form .btn-form .back {
    font-size: 0;
  }
  .step-register .wrap-form .btn-form .save {
    margin-right: 10px;
  }
}
@media screen and (max-width: 414px) {
  .step-register .wrap-form .tab-default {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 15px;
  }
  .step-register .wrap-form .tab-default a {
    margin: 0;
  }
}
.step-register .list-nganh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.step-register .list-nganh .check-list {
  background: #f2f4f8;
  border: 1px solid #f2f4f8;
  border-radius: 5px;
  width: 270px;
  padding: 9px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 20px 20px 0;
}
.step-register .list-nganh .check-list__left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.step-register .list-nganh .check-list__left .icon {
  background: #ffffff;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.step-register .list-nganh .check-list .name {
  font-size: 18px;
  font-weight: bold;
}
.step-register .list-nganh .check-list .checkmark {
  position: static;
}
.step-register .list-nganh .check-list .checkmark::after {
  position: static;
  margin: 4px 0px 0 8px;
}
.step-register .list-nganh .check-list.active {
  border: 1px solid #4479ff;
}
@media screen and (max-width: 600px) {
  .step-register .list-nganh .check-list {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
@media (max-width: 600px) {
  .step-register .loai-dn {
    border-bottom: 1px solid #dce6ff;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
}
.step-register .loai-dn .check-list {
  width: 350px;
}
@media (max-width: 768px) {
  .step-register .loai-dn .check-list {
    width: 100%;
  }
}
.heade-step-pin {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.heade-step-pin.fixed {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  background: #fff;
  position: fixed;
  z-index: 99;
  top: 0;
  width: 100%;
  padding: 10px 0;
}
.heade-step-pin.fixed .heade-step {
  margin: 0;
  padding: 0 0 0 10%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.heade-step-pin.fixed .heade-step .step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 24%;
}
.heade-step-pin.fixed .heade-step .step::before {
  top: 18px;
  width: auto;
  left: 100px;
  right: 20px;
}
.heade-step-pin.fixed .heade-step .step .number {
  width: 36px;
  height: 36px;
  background: #e5e5e5;
  color: #757575;
  line-height: 36px;
  font-size: 16px;
  margin: 0;
}
.heade-step-pin.fixed .heade-step .step .txt {
  text-align: left;
  padding-left: 10px;
  max-width: 110px;
  font-size: 14px;
  font-weight: 400;
  max-width: 100%;
  background: #fff;
  position: relative;
  padding-right: 10px;
}
.heade-step-pin.fixed .heade-step .step .txt b {
  color: #000;
  display: block;
}
.heade-step-pin.fixed .heade-step .step .txt br {
  display: none;
}
.heade-step-pin.fixed .heade-step .step.active .number {
  background: #4479ff;
  color: #fff;
}
.heade-step-pin.fixed + .container {
  margin-top: 250px;
}
@media screen and (max-width: 1025px) {
  .heade-step-pin.fixed .heade-step {
    padding: 0;
  }
  .heade-step-pin.fixed .heade-step .step {
    width: 25%;
    padding-right: 4%;
  }
  .heade-step-pin.fixed .heade-step .step::before {
    top: 28px;
    left: 80px;
    right: 10px;
  }
  .heade-step-pin.fixed .heade-step .step .txt {
    padding-right: 5px;
    padding-left: 10px;
    max-width: calc(100% - 36px);
  }
}
@media screen and (max-width: 600px) {
  .heade-step-pin.fixed {
    padding: 8px 0;
  }
  .heade-step-pin.fixed .heade-step {
    -webkit-box-pack: inherit;
    -webkit-justify-content: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
  }
  .heade-step-pin.fixed .heade-step .step {
    width: auto;
    padding-right: 0;
  }
  .heade-step-pin.fixed .heade-step .step:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 375px) {
  .heade-step-pin.fixed .heade-step .step {
    margin-right: 6px;
  }
  .heade-step-pin.fixed .heade-step .step .txt {
    padding-right: 0;
    padding-left: 5px;
  }
}
@media screen and (max-width: 360px) {
  .heade-step-pin.fixed .heade-step .step {
    margin-right: 10px;
  }
  .heade-step-pin.fixed .heade-step .step .txt {
    max-width: 120px;
  }
}
.send-success {
  text-align: center;
  padding: 69px 15px;
  border-radius: 3px;
  margin-bottom: 40px;
}
.send-success .btn-bottom .btn-default {
  margin: 0 8px 15px 8px;
  width: 180px;
  height: 48px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.send-success .btn-bottom .btn-default .ic {
  margin-right: 6px;
}
@media (max-width: 600px) {
  .send-success {
    padding: 30px 15px 15px 15px;
  }
}
.records-management__right {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}
.records-management,
.detail-product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.records-management__left,
.detail-product__left {
  width: 820px;
  width: calc(100% - 350px);
}
@media (min-width: 980px) {
  .records-management__left,
  .detail-product__left {
    padding-left: 40px;
  }
}
.records-management__right,
.detail-product__right {
  width: 350px;
}
.records-management__right .article-itemt .title_new,
.detail-product__right .article-itemt .title_new {
  margin-bottom: 10px;
}
.records-management__right .article-itemt .des,
.detail-product__right .article-itemt .des {
  color: #516782;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.records-management__right .article-itemt .status,
.detail-product__right .article-itemt .status {
  font-size: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #13135a;
}
.records-management__right .article-itemt .status .btn,
.detail-product__right .article-itemt .status .btn {
  background: #fff7f7;
  border: 1px solid #a63838;
  border-radius: 35px;
  line-height: 28px;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  color: #a92222;
  padding: 0 20px;
  margin-left: 16px;
}
.records-management__right .article-itemt .status .btn.success,
.detail-product__right .article-itemt .status .btn.success {
  background: #edffef;
  border: 1px solid #42933b;
  color: #437d1f;
}
.records-management__right .article-itemt .status .btn.in-process,
.detail-product__right .article-itemt .status .btn.in-process {
  background: #fff7e8;
  border: 1px solid #dca462;
  color: #825c41;
}
.records-management .padding_40,
.detail-product .padding_40 {
  padding: 40px;
}
.records-management .padding_24,
.detail-product .padding_24 {
  padding: 24px;
}
.records-management .lbl,
.detail-product .lbl {
  color: #b17212;
  font-size: 16px;
}
.records-management .des,
.detail-product .des {
  max-height: 300px;
  overflow: hidden;
}
.records-management .gradient,
.detail-product .gradient {
  position: absolute;
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    #fff 100%
  );
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  left: 0;
  right: 0;
  bottom: 80px;
  height: 280px;
  pointer-events: none;
}
.records-management .view-more,
.detail-product .view-more {
  position: relative;
}
.records-management .content,
.detail-product .content {
  position: relative;
}
.records-management .content p,
.detail-product .content p {
  margin-bottom: 15px;
  line-height: 22.4px;
  color: #000;
}
.records-management .content p b,
.detail-product .content p b {
  font-size: 18px;
}
.records-management .comment_item p,
.detail-product .comment_item p {
  margin-bottom: 0;
  color: #13135a;
  font-size: 15px;
}
.records-management .comment_item p a,
.detail-product .comment_item p a {
  color: #13135a;
}
.records-management .comment_item p a:hover,
.detail-product .comment_item p a:hover {
  color: #13135a;
}
@media (max-width: 600px) {
  .records-management .comment_item .block_like_web a,
  .detail-product .comment_item .block_like_web a {
    font-size: 13px;
  }
}
.records-management .comment_item .block_like_web .share_cmt_fb,
.detail-product .comment_item .block_like_web .share_cmt_fb {
  color: #13135a;
}
@media (max-width: 600px) {
  .records-management .comment_item .block_like_web .share_cmt_fb,
  .detail-product .comment_item .block_like_web .share_cmt_fb {
    font-size: 13px;
  }
}
.records-management .comment_item .block_like_web .time-com,
.detail-product .comment_item .block_like_web .time-com {
  color: #13135a;
}
@media (max-width: 600px) {
  .records-management .comment_item .block_like_web .time-com,
  .detail-product .comment_item .block_like_web .time-com {
    display: none;
  }
}
.records-management .like_google .google_name,
.detail-product .like_google .google_name {
  color: #13135a;
}
.records-management .box_comment_vne .sub_comment:before,
.records-management #box_comment .sub_comment:before,
.detail-product .box_comment_vne .sub_comment:before,
.detail-product #box_comment .sub_comment:before {
  display: none;
}
.records-management .box_comment_vne .view_more_coment a,
.records-management #box_comment .view_more_coment a,
.detail-product .box_comment_vne .view_more_coment a,
.detail-product #box_comment .view_more_coment a {
  border: 1px solid #545687;
  border-radius: 3px;
  background: none;
  color: #13135a;
}
.records-management .box-area-input,
.detail-product .box-area-input {
  border-radius: 5px;
}
.records-management .input_comment textarea,
.detail-product .input_comment textarea {
  background: none;
  color: #13135a !important;
}
.records-management .input_comment textarea::-webkit-input-placeholder,
.detail-product .input_comment textarea::-webkit-input-placeholder {
  color: #13135a;
}
.records-management .input_comment textarea::-moz-placeholder,
.detail-product .input_comment textarea::-moz-placeholder {
  color: #13135a;
}
.records-management .input_comment textarea:-ms-input-placeholder,
.detail-product .input_comment textarea:-ms-input-placeholder {
  color: #13135a;
}
.records-management .input_comment textarea:-moz-placeholder,
.detail-product .input_comment textarea:-moz-placeholder {
  color: #13135a;
}
.records-management .input_comment .note-count-text,
.detail-product .input_comment .note-count-text {
  background: none;
  color: #13135a;
}
.records-management .box_comment_vne .btn_vne,
.records-management .box_comment_vne .btn_send_comment,
.detail-product .box_comment_vne .btn_vne,
.detail-product .box_comment_vne .btn_send_comment {
  background: #4479ff;
  border: 1px solid #4479ff;
}
.records-management .lits-thongtin li,
.detail-product .lits-thongtin li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}
.records-management .lits-thongtin li .td1,
.detail-product .lits-thongtin li .td1 {
  width: 135px;
}
.records-management .lits-thongtin li .td2,
.detail-product .lits-thongtin li .td2 {
  padding-left: 20px;
  width: calc(100% - 135px);
}
.records-management .lits-thongtin li .web,
.detail-product .lits-thongtin li .web {
  color: #0084ff;
}
.records-management .lits-thongtin li:last-child,
.detail-product .lits-thongtin li:last-child {
  margin-bottom: 0;
}
@media (max-width: 979px) {
  .records-management,
  .detail-product {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .records-management .padding_40,
  .detail-product .padding_40 {
    padding: 20px;
  }
  .records-management .padding_24,
  .detail-product .padding_24 {
    padding: 20px;
  }
  .records-management__left,
  .detail-product__left {
    width: 100%;
    padding-right: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .records-management__right,
  .detail-product__right {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .records-management .txt_24,
  .detail-product .txt_24 {
    font-size: 20px;
  }
}
.lightgallery li .thumb_img {
  border-radius: 3px;
}
.lightgallery li .thumb_img .icon-zoom {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  width: 24px;
  height: 24px;
  right: 10px;
  top: 10px;
  color: #fff;
  text-align: center;
  display: none;
}
.lightgallery li .thumb_img .icon-zoom svg {
  width: 12px;
  height: 12px;
}
.lightgallery li .thumb_img:hover .icon-zoom {
  display: block;
}
.flex.head_comment {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.flex.head_comment .box_comment_vne .filter_coment {
  margin-left: auto;
}
.box_comment_vne {
  margin-bottom: 20px;
}
.box_comment_vne .ykien_vne {
  margin-bottom: 15px;
  color: #13135a;
  font-family: var(--font1);
  font-size: 20px;
}
@media (max-width: 600px) {
  .box_comment_vne .ykien_vne {
    font-size: 21px;
  }
}
.box_comment_vne .filter_coment {
  border-bottom: none;
  width: auto;
  white-space: nowrap;
}
.box_comment_vne .filter_coment a {
  color: #8695bc;
  font-size: 14px;
  margin-right: 16px;
}
.box_comment_vne .filter_coment a:last-child {
  margin-right: 0;
}
.box_comment_vne .filter_coment a.active {
  border-bottom: none;
  color: #13135a !important;
}
.box_comment_vne .comment_item .txt-name .nickname {
  font-weight: bold;
  color: #13135a;
}
.box_comment_vne .box_news_on_comment .thumb_on_com {
  width: 90px;
}
.page-detail {
  float: none;
}
.page-detail .title-detail {
  font-family: var(--font1);
  margin-bottom: 10px;
}
.page-detail .date-new {
  color: #757575;
  font-size: 15px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.page-detail.top-detail {
  background: none;
  border: none;
}
.page-detail.top-detail .container {
  background: #fff;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-detail .container {
  background: #fff;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-detail.bottom-detail .title-box-category {
  font-weight: 400;
}
.page-detail.bottom-detail .title-box-category::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #e5e5e5;
  position: absolute;
  left: 0;
  bottom: 9px;
}
.page-detail.bottom-detail .title-box-category .inner-title {
  background: #fff;
  padding-right: 10px;
}
.page-detail.bottom-detail .title-box-category .inner-title:before {
  display: none;
}
.page-detail .list-topic {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding-bottom: 0;
}
.page-detail .list-topic:before {
  display: none;
}
.page-detail .list-topic .item-news {
  width: 25%;
  border-right: 0;
  padding: 0 10px 20px 10px;
  margin-bottom: 28px;
}
.page-detail .list-topic .item-news .title-news {
  font-size: 16px;
}
.photo-dark .main_menu_seagame {
  margin-bottom: 0;
}
.photo-dark .page-detail .container {
  background: none;
}
.photo-dark .page-detail.top-detail .container {
  background: none;
}
.photo-dark .page-detail.middle-detail .container,
.photo-dark .page-detail.bottom-detail .container {
  background: #fff !important;
}
.photo-dark .social-com .circle_s {
  color: #fff;
}
.photo-dark .social-com .myvne_save_for_later a {
  width: 32px;
  height: 32px;
  line-height: 29px;
  border: 1px solid #757575;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
}
.btn_control_menu {
  display: none;
}
.title-box-category__2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: arial;
  font-weight: 400;
  width: 100%;
  border-bottom: 1px dashed #c4c4c4;
  padding-bottom: 4px;
}
.title-box-category__2 .parent-cate {
  font-family: "Montserrat", sans-serif;
  color: #f37020;
  font-size: 22px;
  text-transform: uppercase;
}
.title-box-category__2 .xem-them {
  color: #2261ae;
  background: url(images/icons/next.png) no-repeat right;
  padding-right: 20px;
  font-size: 14px;
}
.title-box-category__2 .inner-title:before {
  background: #f37020;
}
.title-box-category .view-more {
  display: none;
}
@media screen and (max-width: 1129px) {
  .page-detail.top-detail .sidebar-1 {
    max-width: calc(100% - 360px);
  }
  .social_pin {
    width: 40px;
  }
  .social_pin .social_left li {
    margin-right: 0;
  }
}
@media screen and (max-width: 979px) {
  .page-detail.top-detail .sidebar-1 {
    max-width: calc(100% - 60px);
  }
  .page-detail.top-detail .sidebar-2 {
    display: none;
  }
  .social_pin {
    width: 60px;
  }
}
@media screen and (max-width: 600px) {
  .btn_control_menu {
    display: block;
  }
  .line-bottom-mb {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 12px;
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: bold;
  }
}
.section-giamkhao {
  background: #000d52;
  padding: 0 15px;
}
.ban-giamkhao__new {
  margin-top: 0;
  background: #000d52;
  padding: 60px 0;
}
.ban-giamkhao__new .container {
  max-width: 1500px;
}
.ban-giamkhao__new .title-cate {
  margin-bottom: 40px;
  color: #fff;
  font-weight: normal;
}
.ban-giamkhao__new .grid {
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 40px;
}
.ban-giamkhao__new .item .icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='36' height='36' rx='18' fill='%23D8711F'/%3e%3cpath d='M18.8438 17.0999V10.7999H17.1562V17.0999H11.25V18.8999H17.1562V25.1999H18.8438V18.8999H24.75V17.0999H18.8438Z' fill='white'/%3e%3c/svg%3e");
  position: absolute;
  width: 36px;
  height: 36px;
  bottom: 15px;
  right: 15px;
  z-index: 1;
  display: none;
}
.ban-giamkhao__new .item .ava {
  margin-bottom: 16px;
  position: relative;
  overflow: visible;
  background: none;
  padding-bottom: 115%;
}
.ban-giamkhao__new .item .ava:before {
  content: "";
  background: url(images/graphics/polygon.png) no-repeat center top;
  background-size: contain;
  position: absolute;
  top: -8px;
  left: -8px;
  z-index: 1;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
}
.ban-giamkhao__new .item .ava .inner-ava {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.ban-giamkhao__new .item .ava img {
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.ban-giamkhao__new .item .name {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
  color: #fff;
}
.ban-giamkhao__new .item .des {
  font-size: 15px;
  color: #dce6ff;
  line-height: 1.4;
}
.ban-giamkhao__new .item:hover .icon {
  display: block;
}
@media screen and (max-width: 1025px) {
  .ban-giamkhao__new .grid {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
  }
}
@media screen and (max-width: 991px) {
  .ban-giamkhao__new .grid {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 30px;
  }
}
@media screen and (max-width: 600px) {
  .ban-giamkhao__new {
    padding: 30px 0;
  }
  .ban-giamkhao__new .grid {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
  }
  .ban-giamkhao__new .item .name,
  .ban-giamkhao__new .item .des {
    font-size: 14px;
  }
}
.bg-main {
  background: #f2f3fd;
  padding: 20px 0 0 0;
}
@media screen and (max-width: 600px) {
  .bg-main {
    padding: 24px 0 0 0;
  }
}
.list-binhchon,
.list-binhchonnhieu,
.list-binhchon__slide {
  position: relative;
  margin: 0 auto;
}
.list-binhchon .grid,
.list-binhchonnhieu .grid,
.list-binhchon__slide .grid {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 30px;
}
.list-binhchon .article-itemt,
.list-binhchonnhieu .article-itemt,
.list-binhchon__slide .article-itemt {
  margin-bottom: 0;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
}
.list-binhchon .article-itemt .article-thumb,
.list-binhchonnhieu .article-itemt .article-thumb,
.list-binhchon__slide .article-itemt .article-thumb {
  margin-bottom: 0;
  position: relative;
}
.list-binhchon .article-itemt .article-thumb .tag,
.list-binhchonnhieu .article-itemt .article-thumb .tag,
.list-binhchon__slide .article-itemt .article-thumb .tag {
  position: absolute;
  top: 16px;
  left: 16px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 35px;
  font-size: 14px;
  line-height: 30px;
  padding: 0 15px;
}
.list-binhchon .article-itemt .article-content,
.list-binhchonnhieu .article-itemt .article-content,
.list-binhchon__slide .article-itemt .article-content {
  padding: 20px;
  position: relative;
}
.list-binhchon .article-itemt .article-content .first-prize,
.list-binhchonnhieu .article-itemt .article-content .first-prize,
.list-binhchon__slide .article-itemt .article-content .first-prize {
  position: absolute;
  width: 80px;
  z-index: 1;
  top: -55px;
  right: 0;
}
.list-binhchon .article-itemt .article-content .prize,
.list-binhchonnhieu .article-itemt .article-content .prize,
.list-binhchon__slide .article-itemt .article-content .prize {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
.list-binhchon .article-itemt .article-content .title_new,
.list-binhchonnhieu .article-itemt .article-content .title_new,
.list-binhchon__slide .article-itemt .article-content .title_new {
  font-size: 18px;
  height: 51px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  .list-binhchon .article-itemt .article-content .title_new,
  .list-binhchonnhieu .article-itemt .article-content .title_new,
  .list-binhchon__slide .article-itemt .article-content .title_new {
    display: block;
    height: auto;
  }
}
.list-binhchon .article-itemt .article-content .des,
.list-binhchonnhieu .article-itemt .article-content .des,
.list-binhchon__slide .article-itemt .article-content .des {
  color: #516782;
  font-size: 16px;
  margin-bottom: 10px;
}
.list-binhchon .article-itemt .article-content .lv,
.list-binhchonnhieu .article-itemt .article-content .lv,
.list-binhchon__slide .article-itemt .article-content .lv {
  height: 30px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e8f0ff;
  border-radius: 35px;
  padding: 0 13px 0 33px;
  color: #225bca;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  position: relative;
}
.list-binhchon .article-itemt .article-content .lv::before,
.list-binhchonnhieu .article-itemt .article-content .lv::before,
.list-binhchon__slide .article-itemt .article-content .lv::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IiM0NDc5RkYiLz4KPHBhdGggZD0iTTE0LjQ2MDggNS45OTEyOUMxNC4xMDY0IDUuNjM5MDIgMTMuNTMwOSA1LjYzOTI0IDEzLjE3NjEgNS45OTEyOUw3LjM5MzY2IDExLjczMTVMNC44MjM2MiA5LjE4MDM0QzQuNDY4NzUgOC44MjgwNiAzLjg5MzUgOC44MjgwNiAzLjUzODYyIDkuMTgwMzRDMy4xODM3NCA5LjUzMjYxIDMuMTgzNzQgMTAuMTAzNiAzLjUzODYyIDEwLjQ1NTlMNi43NTEwMiAxMy42NDQ3QzYuOTI4MzUgMTMuODIwOCA3LjE2MDg3IDEzLjkwOSA3LjM5MzQxIDEzLjkwOUM3LjYyNTk1IDEzLjkwOSA3Ljg1ODcgMTMuODIxIDguMDM2MDIgMTMuNjQ0N0wxNC40NjA4IDcuMjY2ODRDMTQuODE1NyA2LjkxNDgyIDE0LjgxNTcgNi4zNDM1NCAxNC40NjA4IDUuOTkxMjlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
  width: 18px;
  height: 18px;
  position: absolute;
  left: 7px;
  top: 5px;
}
.list-binhchon .article-itemt .article-content .line-bottom,
.list-binhchonnhieu .article-itemt .article-content .line-bottom,
.list-binhchon__slide .article-itemt .article-content .line-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.list-binhchon .article-itemt .article-content .vote-flex,
.list-binhchonnhieu .article-itemt .article-content .vote-flex,
.list-binhchon__slide .article-itemt .article-content .vote-flex {
  font-size: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  color: #516782;
}
.list-binhchon .article-itemt .article-content .vote-flex .vote,
.list-binhchonnhieu .article-itemt .article-content .vote-flex .vote,
.list-binhchon__slide .article-itemt .article-content .vote-flex .vote {
  margin-left: 10px;
  color: #4479ff;
  font-weight: bold;
  font-size: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-binhchon .article-itemt .article-content .vote-flex .vote .icon,
.list-binhchonnhieu .article-itemt .article-content .vote-flex .vote .icon,
.list-binhchon__slide .article-itemt .article-content .vote-flex .vote .icon {
  position: relative;
  top: -2px;
}
.list-binhchon .article-itemt .article-content .vote-flex .vote svg,
.list-binhchonnhieu .article-itemt .article-content .vote-flex .vote svg,
.list-binhchon__slide .article-itemt .article-content .vote-flex .vote svg {
  width: 20px;
  height: 20px;
  line-height: 0;
  margin-left: 5px;
}
.list-binhchon .article-itemt .article-content .vote-flex .comment,
.list-binhchonnhieu .article-itemt .article-content .vote-flex .comment,
.list-binhchon__slide .article-itemt .article-content .vote-flex .comment {
  color: #757575;
  font-size: 16px;
  border-left: 1px solid #e5e5e5;
  padding-left: 10px;
  margin-left: 10px;
}
.list-binhchon .article-itemt .article-content .vote-flex .comment svg,
.list-binhchonnhieu .article-itemt .article-content .vote-flex .comment svg,
.list-binhchon__slide .article-itemt .article-content .vote-flex .comment svg {
  width: 16px;
  height: 16px;
  fill: #bdbdbd;
}
.list-binhchon .article-itemt .article-content .vote-flex .btn-default,
.list-binhchonnhieu .article-itemt .article-content .vote-flex .btn-default,
.list-binhchon__slide .article-itemt .article-content .vote-flex .btn-default {
  height: 46px;
}
.list-binhchon .article-itemt .article-content .btn-default,
.list-binhchonnhieu .article-itemt .article-content .btn-default,
.list-binhchon__slide .article-itemt .article-content .btn-default {
  height: 46px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  background: #fff;
  border-radius: 3px;
  color: #4479ff;
  border: 1px solid #4479ff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.list-binhchon .article-itemt.full,
.list-binhchonnhieu .article-itemt.full,
.list-binhchon__slide .article-itemt.full {
  display: block;
  overflow: hidden;
  background: #fff;
  height: auto;
}
.list-binhchon .swiper-container .article-itemt .article-content .vote-flex,
.list-binhchonnhieu
  .swiper-container
  .article-itemt
  .article-content
  .vote-flex,
.list-binhchon__slide
  .swiper-container
  .article-itemt
  .article-content
  .vote-flex {
  color: #13135a;
  font-size: 16px;
}
.list-binhchon .swiper-button-next,
.list-binhchonnhieu .swiper-button-next,
.list-binhchon .swiper-button-prev,
.list-binhchonnhieu .swiper-button-prev,
.list-binhchon__slide .swiper-button-next,
.list-binhchon__slide .swiper-button-prev {
  background: #ffffff;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  opacity: 1;
  color: #4479ff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.list-binhchon .swiper-button-next:hover,
.list-binhchonnhieu .swiper-button-next:hover,
.list-binhchon .swiper-button-prev:hover,
.list-binhchonnhieu .swiper-button-prev:hover,
.list-binhchon__slide .swiper-button-next:hover,
.list-binhchon__slide .swiper-button-prev:hover {
  background: #4479ff;
  color: #fff;
}
.list-binhchon .swiper-button-next.swiper-button-disabled,
.list-binhchonnhieu .swiper-button-next.swiper-button-disabled,
.list-binhchon .swiper-button-prev.swiper-button-disabled,
.list-binhchonnhieu .swiper-button-prev.swiper-button-disabled,
.list-binhchon__slide .swiper-button-next.swiper-button-disabled,
.list-binhchon__slide .swiper-button-prev.swiper-button-disabled {
  pointer-events: auto;
}
.list-binhchon .swiper-button-next,
.list-binhchonnhieu .swiper-button-next,
.list-binhchon__slide .swiper-button-next {
  right: -28px;
}
.list-binhchon .swiper-button-prev,
.list-binhchonnhieu .swiper-button-prev,
.list-binhchon__slide .swiper-button-prev {
  left: -28px;
}
@media screen and (max-width: 1280px) {
  .list-binhchon .grid__3,
  .list-binhchonnhieu .grid__3,
  .list-binhchon .grid__4,
  .list-binhchonnhieu .grid__4,
  .list-binhchon__slide .grid__3,
  .list-binhchon__slide .grid__4 {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .list-binhchon .grid__3,
  .list-binhchonnhieu .grid__3,
  .list-binhchon .grid__4,
  .list-binhchonnhieu .grid__4,
  .list-binhchon__slide .grid__3,
  .list-binhchon__slide .grid__4 {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .list-binhchon .grid__3,
  .list-binhchonnhieu .grid__3,
  .list-binhchon .grid__4,
  .list-binhchonnhieu .grid__4,
  .list-binhchon__slide .grid__3,
  .list-binhchon__slide .grid__4 {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  .list-binhchon .swiper-button-next,
  .list-binhchonnhieu .swiper-button-next,
  .list-binhchon .swiper-button-prev,
  .list-binhchonnhieu .swiper-button-prev,
  .list-binhchon__slide .swiper-button-next,
  .list-binhchon__slide .swiper-button-prev {
    width: 30px;
    height: 60px;
    line-height: 58px;
  }
  .list-binhchon .swiper-button-next,
  .list-binhchonnhieu .swiper-button-next,
  .list-binhchon__slide .swiper-button-next {
    right: -10px;
  }
  .list-binhchon .swiper-button-prev,
  .list-binhchonnhieu .swiper-button-prev,
  .list-binhchon__slide .swiper-button-prev {
    left: -10px;
  }
}
.list-binhchon__slide {
  padding: 36px 0 47px 0;
  border-bottom: 1px solid #e5e5e5;
}
.list-binhchon__slide .swiper-container {
  padding-left: 15%;
  padding-left: calc((100% - 1170px) / 2);
}
.list-binhchon__slide .swiper-container .swiper-slide {
  height: auto;
}
.list-binhchon__slide .swiper-container .article-itemt {
  padding: 15px;
  border-radius: 3px;
  height: 100%;
}
@media (min-width: 1280px) {
  .list-binhchon__slide .swiper-container .article-itemt {
    width: 100%;
    max-width: 400px;
  }
}
.list-binhchon__slide .swiper-container .article-itemt .article-thumb {
  margin-bottom: 20px;
}
.list-binhchon__slide .swiper-container .article-itemt .article-content {
  padding: 0;
}
.list-binhchon__slide
  .swiper-container
  .article-itemt
  .article-content
  .number {
  position: absolute;
  background: #e3ebff;
  width: 40px;
  height: 40px;
  color: #4479ff;
  border-radius: 50%;
  font-weight: 700;
  font-size: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.list-binhchon__slide
  .swiper-container
  .article-itemt
  .article-content
  .title_new {
  padding-left: 56px;
  height: 51px;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 600px) {
  .list-binhchon__slide
    .swiper-container
    .article-itemt
    .article-content
    .title_new {
    height: 47px;
  }
}
.list-binhchon__slide
  .swiper-container
  .article-itemt
  .article-content
  .vote-flex {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
}
.list-binhchon__slide
  .swiper-container
  .article-itemt
  .article-content
  .vote-flex
  .flex.align-center {
  width: calc(100% - 140px);
  padding-right: 10px;
}
.list-binhchon__slide
  .swiper-container
  .article-itemt
  .article-content
  .btn-default {
  line-height: 38px;
  font-size: 14px;
  width: 140px;
}
.list-binhchon__slide .header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.list-binhchon__slide .swiper-button-next,
.list-binhchon__slide .swiper-button-prev {
  position: static;
  margin-top: 0;
  border: 1px solid #4479ff;
  width: 40px;
  height: 40px;
  line-height: 34px;
  margin-left: 6px;
  box-shadow: none;
}
.list-binhchon__slide .swiper-button-next svg,
.list-binhchon__slide .swiper-button-prev svg {
  width: 13px;
  height: 13px;
}
.list-binhchon__slide .swiper-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.list-binhchon__slide .swiper-pagination {
  position: static;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  white-space: nowrap;
}
.list-binhchon__slide .swiper-pagination span {
  background: #000d52;
  width: 25px;
  height: 1px;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border-radius: 0;
  margin: 0 5px;
  opacity: 1;
}
.list-binhchon__slide .swiper-pagination .swiper-pagination-bullet-active {
  background: #4479ff;
}
@media screen and (max-width: 1199px) {
  .list-binhchon__slide .container-left {
    padding: 0 15px;
  }
  .list-binhchon__slide .swiper-container {
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  .list-binhchon__slide {
    padding: 25px 0 25px 0;
  }
  .list-binhchon__slide .swiper-container .article-itemt .article-thumb {
    margin-bottom: 14px;
  }
  .list-binhchon__slide
    .swiper-container
    .article-itemt
    .article-content
    .title_new {
    font-size: 16px;
  }
  .list-binhchon__slide .header {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .list-binhchon__slide .swiper-control {
    display: none;
  }
  .list-binhchon__slide .swiper-pagination {
    display: block;
  }
}
.bg-main .list-binhchon,
.bg-main .list-binhchonnhieu {
  max-width: 1648px;
  padding: 0 15px;
}
.bg-main .container .list-binhchon,
.bg-main .container .list-binhchonnhieu {
  padding: 0;
}
.grid-sort {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.grid-sort .form-group {
  width: 280px;
  background: #ffff;
  margin-right: 20px;
}
.grid-sort .form-group:last-child {
  margin-right: 0;
}
.grid-sort .form-group select.form-control {
  border: 1px solid #e5e5e5;
  height: 50px;
  background: url(images/icons/down.svg) no-repeat right 15px top 20px;
  padding-right: 46px;
}
.grid-sort__v2 {
  -webkit-box-pack: inherit;
  -webkit-justify-content: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
}
.grid-sort__v2 .form-group {
  width: 27%;
}
.grid-sort__v2 .search {
  width: 42%;
  width: calc((100% - 54%) - 40px);
}
.grid-sort__v2 .search .search-vne {
  position: relative;
}
.grid-sort__v2 .search .search-vne input {
  height: 50px;
  padding-right: 40px;
}
.grid-sort__v2 .search .search-vne input::-webkit-input-placeholder {
  color: #bdbdbd;
}
.grid-sort__v2 .search .search-vne input:-moz-placeholder {
  color: #bdbdbd;
}
.grid-sort__v2 .search .search-vne input::-moz-placeholder {
  color: #bdbdbd;
}
.grid-sort__v2 .search .search-vne input:-ms-input-placeholder {
  color: #bdbdbd;
}
.grid-sort__v2 .search .search-vne button {
  position: absolute;
  right: 16px;
  top: 15px;
  background: none;
}
.grid-sort__v2 .search .search-vne button svg {
  fill: #4f4f4f;
}
@media screen and (max-width: 600px) {
  .grid-sort {
    margin-bottom: 0;
  }
  .grid-sort .form-group {
    width: 100%;
    margin-right: 0;
  }
}
.view-all span {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.4075 3.74492L11.2257 0.126487C11.1114 -0.0252921 10.9106 -0.0429855 10.7771 0.0870261C10.6436 0.217007 10.6281 0.445436 10.7424 0.597215C10.7531 0.611364 10.7647 0.624579 10.7771 0.636676L13.4148 3.63997H0.818166C0.642458 3.63997 0.5 3.80198 0.5 4.00183C0.5 4.20169 0.642458 4.36367 0.818166 4.36367H13.4148L10.7771 7.36332C10.6436 7.4933 10.6281 7.72174 10.7424 7.87351C10.8567 8.02529 11.0576 8.04298 11.191 7.91297C11.2035 7.90085 11.2151 7.88766 11.2257 7.87351L14.4075 4.25508C14.5308 4.114 14.5308 3.88606 14.4075 3.74492Z' fill='white'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 7px;
  padding-right: 20px;
}
#grallery .gallery-top .swiper-button-next,
#grallery .gallery-top .swiper-button-prev {
  background: #000000;
  width: 30px;
  height: 68px;
  line-height: 65px;
  text-align: center;
  color: #fff;
}
#grallery .gallery-top .swiper-button-next.swiper-button-disabled,
#grallery .gallery-top .swiper-button-prev.swiper-button-disabled {
  pointer-events: auto;
}
#grallery .gallery-top .swiper-button-next {
  right: 0px;
  border-radius: 5px 0px 0px 5px;
}
#grallery .gallery-top .swiper-button-prev {
  left: 0px;
  border-radius: 0px 5px 5px 0px;
}
#grallery .gallery-top img:hover {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
#grallery .thumb_img {
  border-radius: 3px;
}
#grallery .thumb_img .caption {
  display: none;
}
#grallery .thumb_img .icon-img {
  position: absolute;
  top: 11px;
  right: 8px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  line-height: 24px;
  width: 24px;
  text-align: center;
}
#grallery .thumb_img .icon-img svg {
  width: 12px;
  height: 12px;
}
.gallery-thumbs {
  margin-top: 10px;
}
.gallery-thumbs .thumb_img {
  background: #000;
}
.gallery-thumbs .thumb_img img {
  opacity: 0.6;
}
.gallery-thumbs .swiper-slide-thumb-active img {
  opacity: 1;
}
.gallery-thumbs .swiper-button-prev,
.gallery-thumbs .swiper-button-next {
  width: 30px;
  height: 30px;
  top: 50%;
  margin-top: -15px;
}
.gallery-thumbs .swiper-button-next,
.gallery-thumbs .swiper-container-rtl .swiper-button-prev {
  background: url(images/icons/Button-right2.png) no-repeat center;
}
.gallery-thumbs .swiper-button-prev,
.gallery-thumbs .swiper-container-rtl .swiper-button-next {
  background: url(images/icons/Button-left2.png) no-repeat center;
}
.lg-actions {
  position: absolute;
  width: 60px;
  right: 0;
  top: 170px;
  z-index: 99999;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
  color: #999;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: block;
  margin: 0 auto 15px;
}
.lg-actions .lg-next {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40Z' fill='%23424242'/%3e%3cpath d='M17.9004 27.7L16.4004 26.3L22.7004 20L16.4004 13.7L17.9004 12.3L25.6004 20L17.9004 27.7Z' fill='%23BDBDBD'/%3e%3c/svg%3e");
}
.lg-actions .lg-prev {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40Z' fill='%23424242'/%3e%3cpath d='M22.0996 12.3L23.5996 13.7L17.2996 20L23.5996 26.3L22.0996 27.7L14.3996 20L22.0996 12.3Z' fill='%23BDBDBD'/%3e%3c/svg%3e");
}
@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}
.lg-toolbar {
  z-index: 1082;
  position: absolute;
  width: 60px;
  height: 100%;
  right: 0;
  top: 0;
  background: #121212;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.lg-toolbar .info_show {
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: block;
  margin: 160px auto 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40Z' fill='%23424242'/%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M16.9406 19.584L16.6991 19.744C16.6515 19.7755 16.6105 19.8161 16.5785 19.8634C16.5465 19.9108 16.5241 19.964 16.5127 20.02C16.5013 20.0761 16.501 20.1338 16.5118 20.1899C16.5227 20.246 16.5445 20.2995 16.576 20.3472L16.6048 20.392C16.6975 20.5328 16.8878 20.552 17.0157 20.5856C17.1241 20.5914 17.2315 20.6102 17.3355 20.6416C17.5203 20.7054 17.6778 20.8308 17.7815 20.9968C17.9414 21.272 17.8375 21.6112 17.7991 21.7712C17.457 23.176 17.1068 24.5792 16.7711 25.9872C16.4913 27.16 17.1548 28 18.3699 28C19.7176 28 20.9279 27.5552 22.0343 26.8032C22.111 26.75 22.1789 26.6852 22.2357 26.6112C22.4531 26.3248 22.37 26.1056 22.0199 26.0256C21.9176 26.0016 21.812 25.984 21.7113 25.9568C21.0446 25.776 20.8719 25.4768 21.035 24.8112C21.382 23.3952 21.7369 21.9808 22.0758 20.5632C22.3029 19.624 21.8696 18.8528 21.003 18.6432C20.7669 18.5902 20.5256 18.5644 20.2836 18.5664C19.9844 18.5786 19.6864 18.6107 19.3915 18.6624C19.2012 18.6976 19.0286 18.7376 18.8687 18.7808C18.5612 18.8637 18.259 18.9652 17.9638 19.0848C17.739 19.1752 17.5177 19.274 17.3003 19.3808L16.9406 19.584ZM21.1166 12C20.8166 11.9931 20.5183 12.0467 20.2394 12.1574C19.9605 12.2682 19.7068 12.434 19.4932 12.6449C19.2796 12.8558 19.1106 13.1076 18.9962 13.3851C18.8817 13.6627 18.8242 13.9605 18.8271 14.2608C18.8216 14.8655 19.0563 15.4476 19.4797 15.8791C19.9031 16.3106 20.4804 16.5561 21.0846 16.5616C21.6888 16.5671 22.2705 16.3322 22.7016 15.9085C23.1328 15.4848 23.3781 14.9071 23.3836 14.3024C23.3883 14.0016 23.3331 13.7028 23.2212 13.4236C23.1094 13.1443 22.9431 12.8901 22.7321 12.6759C22.5211 12.4616 22.2696 12.2914 21.9922 12.1754C21.7149 12.0594 21.4172 11.9997 21.1166 12Z' fill='%23BDBDBD'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='16' height='16' fill='white' transform='translate(12 12)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.lg-toolbar .thumb_show {
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: block;
  margin: 0 auto 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40Z' fill='%23757575'/%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M13.905 28L21.905 28C22.2497 27.9996 22.584 27.8794 22.8533 27.6591C23.1226 27.4387 23.311 27.1313 23.3877 26.7871C23.278 26.8129 23.1652 26.8293 23.0479 26.8293L15.0479 26.8293C14.6437 26.8293 14.2562 26.6648 13.9704 26.3721C13.6846 26.0793 13.5241 25.6823 13.5241 25.2683L13.5241 17.0732C13.5241 16.953 13.5401 16.8375 13.5652 16.7251C13.2292 16.8036 12.9291 16.9966 12.714 17.2725C12.499 17.5484 12.3816 17.8908 12.3812 18.2439L12.3812 26.439C12.3812 26.853 12.5418 27.2501 12.8275 27.5428C13.1133 27.8355 13.5009 28 13.905 28Z' fill='%23F7F7F7'/%3e%3cpath d='M16.1902 25.6586L24.1902 25.6586C24.5348 25.6581 24.8692 25.5379 25.1385 25.3176C25.4078 25.0973 25.5962 24.7899 25.6729 24.4457C25.5631 24.4714 25.4504 24.4878 25.333 24.4878L17.333 24.4878C16.9289 24.4878 16.5413 24.3234 16.2555 24.0306C15.9698 23.7379 15.8092 23.3409 15.8092 22.9269L15.8092 14.7317C15.8092 14.6115 15.8252 14.496 15.8504 14.3836C15.5144 14.4622 15.2143 14.6552 14.9992 14.931C14.7841 15.2069 14.6668 15.5494 14.6664 15.9025L14.6664 24.0976C14.6664 24.5116 14.8269 24.9086 15.1127 25.2014C15.3985 25.4941 15.786 25.6586 16.1902 25.6586Z' fill='%23F7F7F7'/%3e%3cpath d='M16.9524 13.5609C16.9524 13.1469 17.1129 12.7499 17.3987 12.4571C17.6845 12.1644 18.0721 11.9999 18.4762 11.9999L26.4762 11.9999C26.8803 11.9999 27.2679 12.1644 27.5537 12.4571C27.8395 12.7499 28 13.1469 28 13.5609L28 21.756C28 22.17 27.8395 22.5671 27.5537 22.8598C27.2679 23.1526 26.8803 23.317 26.4762 23.317L18.4762 23.317C18.0721 23.317 17.6845 23.1526 17.3987 22.8598C17.1129 22.5671 16.9524 22.17 16.9524 21.756L16.9524 13.5609Z' fill='%23F7F7F7'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='16' height='16' fill='white' transform='translate(12 12)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.lg-toolbar .lg-icon {
  cursor: pointer;
  height: 40px;
  display: block;
  width: 40px;
  margin: 20px auto 60px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40Z' fill='%23424242'/%3e%3cpath d='M26.7 13.3C26.3 12.9 25.7 12.9 25.3 13.3L20 18.6L14.7 13.3C14.3 12.9 13.7 12.9 13.3 13.3C12.9 13.7 12.9 14.3 13.3 14.7L18.6 20L13.3 25.3C12.9 25.7 12.9 26.3 13.3 26.7C13.5 26.9 13.7 27 14 27C14.3 27 14.5 26.9 14.7 26.7L20 21.4L25.3 26.7C25.5 26.9 25.8 27 26 27C26.2 27 26.5 26.9 26.7 26.7C27.1 26.3 27.1 25.7 26.7 25.3L21.4 20L26.7 14.7C27.1 14.3 27.1 13.7 26.7 13.3Z' fill='%23BDBDBD'/%3e%3c/svg%3e");
}
.lg-sub-html_wrapper {
  background-color: #121212;
  height: 100%;
  position: fixed;
  right: 60px;
  z-index: 1080;
  top: 0;
  color: #eee;
  font-size: 16px;
  width: 240px;
  padding: 110px 20px 20px 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  will-change: transform;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translate(100%);
  -ms-transform: translate(100%);
  transform: translate(100%);
}
.lg-sub-html_wrapper.show {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}
body.show-info .lg-sub-html_wrapper.show {
  right: 140px;
}
.lg-sub-html_wrapper h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html_wrapper p {
  font-size: 12px;
  margin: 5px 0 0;
}
#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 14px;
  width: 100%;
  text-align: center;
  padding-top: 12px;
  vertical-align: middle;
}
#lg-counter #lg-counter-current {
  color: #fff;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1),
    -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1),
    -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 250ms cubic-bezier(0, 0, 0.25, 1),
    -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash)
  .lg-outer.lg-start-zoom
  .lg-item.lg-complete
  .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.lg-outer .lg-thumb-outer {
  background-color: #121212;
  height: 100% !important;
  position: absolute;
  width: 80px;
  right: 60px;
  z-index: 1080;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  will-change: transform;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translate(100%);
  -ms-transform: translate(100%);
  transform: translate(100%);
}
.lg-outer .lg-thumb-outer.show {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb {
  height: 100%;
  width: 80px !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  padding: 40px 4px;
}
.lg-outer .lg-thumb-item {
  position: relative;
  height: 45px;
  width: 100% !important;
  margin-bottom: 4px;
  opacity: 0.7;
}
.lg-outer .lg-thumb-item.active {
  opacity: 1;
}
.lg-outer .lg-thumb-item.active:before {
  content: "";
  background: #e5e5e5;
  height: 100%;
  width: 2px;
  position: absolute;
  left: -5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top;
  object-position: top;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer .lg-toggle-thumb {
  background-color: #0d0a0a;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toggle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toggle-thumb:hover {
  color: #fff;
}
.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("images/icons/light_gallery/vimeo-play.png") no-repeat scroll
    0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("images/icons/light_gallery/vimeo-play.png") no-repeat scroll
    0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("images/icons/light_gallery/video-play.png")
    no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url("images/icons/light_gallery/youtube-play.png") no-repeat
    scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("images/icons/light_gallery/youtube-play.png") no-repeat
    scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}
.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}
.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging
  .lg-item.lg-complete.lg-zoomable
  .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom
  .lg-item.lg-complete.lg-zoomable
  .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
    -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
    top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
    top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.15s !important;
  -webkit-transition: opacity 0.15s,
    -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: opacity 0.15s,
    -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s,
    -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#lg-zoom-in:after {
  content: "\e311";
}
#lg-actual-size {
  font-size: 20px;
}
#lg-actual-size:after {
  content: "\e033";
}
#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}
.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #fff;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s,
    -webkit-transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}
.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -ms-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
  color: #fff;
}
.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s,
    visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -webkit-transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s,
    -webkit-transform 0.18s linear 0s;
  transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s,
    -webkit-transform 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s,
    opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s,
    opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  right: 16px;
  top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a,
.lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}
.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
.lg-outer #lg-share {
  position: relative;
}
.lg-outer #lg-share:after {
  content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e903";
}
.group {
  *zoom: 1;
}
.group:before,
.group:after {
  display: table;
  content: "";
  line-height: 0;
}
.group:after {
  clear: both;
}
.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url("images/icons/loading.gif") no-repeat scroll center center
    transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 65px 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-property: padding !important;
  transition-property: padding !important;
  -webkit-transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}
#lg-download {
  display: none;
}
.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #121212;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.1s ease 0s;
  -webkit-transition: opacity 0.1s ease 0s,
    -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: opacity 0.1s ease 0s,
    -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s,
    -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s,
    opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
body.lg-on {
  overflow-y: hidden;
}
.block_thumb_slide_show {
  cursor: -webkit-zoom-in;
}
.lg-sub-html {
  max-height: calc(100vh - 210px);
  overflow: hidden;
}
.lg-sub-html .view-all {
  color: #828282;
  background: none;
  padding: 0;
  height: 20px;
  line-height: 20px;
  float: right;
  margin-top: 10px;
  font-size: 14px;
  position: relative;
  padding-right: 20px;
}
.lg-sub-html .view-all:after {
  content: "Xem thĂªm";
}
.lg-sub-html .view-all:before {
  content: "";
  border-bottom: 1px solid #828282;
  border-right: 1px solid #828282;
  width: 8px;
  height: 8px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 0;
  top: 3px;
}
.lg-sub-html .view-all.active {
  font-size: 0;
}
.lg-sub-html .view-all.active:before {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 6px;
}
.lg-sub-html .view-all.active:after {
  font-size: 14px;
  content: "Thu gọn mĂ´ tả";
}
.lg-sub-html .ss-content {
  padding-right: 16px;
}
.lg-sub-html .ss-scroll {
  background: #424242;
}
.lg-sub-html_wrapper p {
  font-size: 15px;
  color: #e0e0e0;
  line-height: 1.6;
}
.lg-sub-html_wrapper a {
  color: #39aaff;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 1px;
}
.lg-sub-html_wrapper a:hover {
  color: #6bc0ff;
}
.lg-icon:hover,
.info_show:hover {
  filter: brightness(1.6);
  -webkit-filter: brightness(1.6);
}
.thumb_show {
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}
.thumb_show:hover,
.thumb_show.active {
  filter: brightness(0.8);
  -webkit-filter: brightness(0.8);
}
.lg-toolbar .info_show.active {
  filter: brightness(1.6);
  -webkit-filter: brightness(1.6);
}
.social-slider-photo .circle_s {
  background: none;
  border: 1px solid #757575;
}
.lg-outer .show + .lg-inner .lg-img-wrap {
  padding-right: 305px;
}
.show-info .lg-outer .lg-img-wrap {
  padding-right: 145px;
}
.show-info .lg-outer .show + .lg-inner .lg-img-wrap {
  padding-right: 385px;
}
@media screen and (min-device-width: 701px) and (max-device-width: 2400px) {
  .lg-sub-html_wrapper:empty {
    display: none;
  }
  .lg-sub-html_wrapper:empty ~ .lg-inner {
    width: calc(100% - 60px) !important;
    max-width: calc(100% - 60px) !important;
  }
  .lg-sub-html_wrapper:empty ~ .lg-thumb-outer {
    width: calc(100% - 60px) !important;
    max-width: calc(100% - 60px) !important;
  }
  .lg-fullscreen-on .lg-thumb-outer {
    -webkit-transform: translate3d(0, 100%, 0) !important;
    transform: translate3d(0, 100%, 0) !important;
  }
  .lg-fullscreen-on .lg-toggle-thumb {
    display: none !important;
  }
}
@media screen and (max-width: 700px) {
  .lg-toolbar .lg-icon {
    float: left;
    width: 40px;
  }
  .lg-toolbar .lg-close {
    float: right;
  }
  .lg-toolbar #lg-counter {
    width: 40px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
  }
  .lg-toolbar #lg-counter #lg-counter-current {
    color: #fff;
  }
  .lg-actions {
    z-index: 1099;
  }
  .lg-actions > div {
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    padding: 0 !important;
    margin-top: 0 !important;
    z-index: 1099 !important;
  }
  .lg-actions .lg-prev {
    top: 10px;
    left: calc(50% - 45px);
  }
  .lg-actions .lg-next {
    top: 10px;
    right: calc(50% - 65px);
  }
  .lg-outer .lg-img-wrap {
    padding: 0;
  }
  .lg-outer .lg-dropdown {
    left: 0;
    right: inherit;
  }
  .lg-outer .lg-dropdown:after {
    left: 16px;
    right: inherit;
  }
  .lg-sub-html_wrapper {
    padding: 0;
    text-align: left;
    font-family: arial;
    position: absolute;
    margin: 0;
    bottom: 10px !important;
  }
  .lg-sub-html_wrapper h4,
  .lg-sub-html_wrapper p,
  .lg-sub-html_wrapper strong,
  .lg-sub-html_wrapper span,
  .lg-sub-html_wrapper a {
    color: #e5e5e5;
  }
  .lg-sub-html_wrapper p {
    font-size: 14px;
    max-height: 295px;
    line-height: 1.4;
    padding: 10px;
    margin: 0;
  }
  .lg-sub-html_wrapper .view-all {
    margin-right: 10px;
  }
  .lg-thumb-outer {
    display: none;
  }
}
.lg-sub-html .ss-content {
  word-wrap: break-word;
}
@media (max-width: 767px) {
  .lg-toolbar {
    border-left: none;
    background: none;
  }
  .lg-toolbar .group {
    background: none;
  }
  .lg-toolbar .lg-close {
    margin-right: 5px;
    margin-top: 40px;
  }
  .lg-sub-html_wrapper {
    background: none;
    border-left: none;
    display: none;
  }
  .lg-actions {
    right: -25px;
    top: 90px;
  }
}
.detail-product {
  display: block;
}
.detail-product .info-group {
  background: #fafbff;
  border-radius: 3px;
  padding: 25px 30px;
}
@media (max-width: 414px) {
  .detail-product .info-group {
    font-size: 14px;
  }
}
.detail-product__top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 30px;
}
.detail-product__left {
  width: 626px;
  width: calc(100% - 464px);
  padding-right: 35px;
  padding-left: 0;
  margin-bottom: 30px;
  position: relative;
}
.detail-product__left .first-prize {
  position: absolute;
  z-index: 2;
  left: 10px;
  top: 10px;
  width: 80px;
}
@media screen and (max-width: 600px) {
  .detail-product__left .first-prize {
    left: -20px;
    top: -15px;
  }
}
.detail-product__left .thumb_img img {
  width: auto;
  height: initial;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.detail-product__right {
  width: 464px;
  margin-bottom: 30px;
}
.detail-product__right .article-itemt {
  border: 0;
}
.detail-product__right .article-itemt.full {
  background: none;
}
.detail-product__right .article-itemt .article-content {
  padding: 0;
}
.detail-product__right .article-itemt .article-content .label {
  color: #13135a;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
}
@media (max-width: 600px) {
  .detail-product__right .article-itemt .article-content .label {
    font-size: 20px;
  }
}
.detail-product__right .article-itemt .article-content .title_new {
  font-size: 24px;
  font-weight: 700;
  overflow: visible;
  height: inherit;
  display: block;
}
.detail-product__right .article-itemt .article-content .des {
  padding-bottom: 0;
  border-bottom: 0;
}
.detail-product__right .article-itemt .article-content .btn-default {
  background: #4479ff;
  border: 1px solid #4479ff;
  color: #fff;
}
.detail-product__right .article-itemt .share-new {
  margin-top: 20px;
  color: #13135a;
}
.detail-product__right .article-itemt .share-new a {
  width: 40px;
  height: 40px;
  background: #13135a;
  border: 1px solid #13135a;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.detail-product__right .article-itemt .share-new a:hover {
  border: 1px solid #4479ff;
}
.detail-product__right .article-itemt .share-new a:hover .ic {
  fill: #4479ff;
}
.detail-product__right .article-itemt .share-new a .ic {
  fill: #b6b8be;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.detail-product__right.list-binhchon .article-itemt .article-content .vote-flex,
.detail-product__right.list-binhchonnhieu
  .article-itemt
  .article-content
  .vote-flex,
.detail-product__right.list-binhchon__slide
  .article-itemt
  .article-content
  .vote-flex {
  font-size: 16px;
}
.detail-product__right.list-binhchon
  .article-itemt
  .article-content
  .vote-flex
  .vote,
.detail-product__right.list-binhchonnhieu
  .article-itemt
  .article-content
  .vote-flex
  .vote,
.detail-product__right.list-binhchon__slide
  .article-itemt
  .article-content
  .vote-flex
  .vote {
  font-size: 26px;
}
.detail-product__right.list-binhchon
  .article-itemt
  .article-content
  .vote-flex
  .vote
  svg,
.detail-product__right.list-binhchonnhieu
  .article-itemt
  .article-content
  .vote-flex
  .vote
  svg,
.detail-product__right.list-binhchon__slide
  .article-itemt
  .article-content
  .vote-flex
  .vote
  svg {
  width: 24px;
  height: 24px;
}
.detail-product__right.list-binhchon .article-itemt .article-content .lv,
.detail-product__right.list-binhchonnhieu .article-itemt .article-content .lv,
.detail-product__right.list-binhchon__slide
  .article-itemt
  .article-content
  .lv {
  background: #4479ff;
  color: #fff;
}
.detail-product__right.list-binhchon .article-itemt .article-content .lv:before,
.detail-product__right.list-binhchonnhieu
  .article-itemt
  .article-content
  .lv:before,
.detail-product__right.list-binhchon__slide
  .article-itemt
  .article-content
  .lv:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IiMxMzEzNUEiLz4KPHBhdGggZD0iTTE0LjQ2MTggNS45OTExN0MxNC4xMDc0IDUuNjM4OSAxMy41MzE5IDUuNjM5MTIgMTMuMTc3IDUuOTkxMTdMNy4zOTQ2MyAxMS43MzE0TDQuODI0NiA5LjE4MDIxQzQuNDY5NzIgOC44Mjc5NCAzLjg5NDQ3IDguODI3OTQgMy41Mzk2IDkuMTgwMjFDMy4xODQ3MiA5LjUzMjQ5IDMuMTg0NzIgMTAuMTAzNSAzLjUzOTYgMTAuNDU1OEw2Ljc1MiAxMy42NDQ2QzYuOTI5MzIgMTMuODIwNiA3LjE2MTg0IDEzLjkwODkgNy4zOTQzOSAxMy45MDg5QzcuNjI2OTMgMTMuOTA4OSA3Ljg1OTY3IDEzLjgyMDkgOC4wMzcgMTMuNjQ0NkwxNC40NjE4IDcuMjY2NzJDMTQuODE2NyA2LjkxNDY5IDE0LjgxNjcgNi4zNDM0MiAxNC40NjE4IDUuOTkxMTdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
}
.detail-product .fck_detail {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 20px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #13135a;
}
.detail-product .fck_detail .width-detail {
  width: 700px;
  max-width: 100%;
  padding-right: 30px;
}
.detail-product .fck_detail .share-new {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.detail-product .fck_detail .share-new a {
  background: #000c40;
  border: 1px solid #000c40;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.detail-product .fck_detail .share-new a:hover {
  border: 1px solid #4479ff;
}
.detail-product .fck_detail .share-new a:hover .ic {
  fill: #4479ff;
}
.detail-product .fck_detail .share-new a .ic {
  fill: #b6b8be;
}
.detail-product .Images .des {
  display: block;
  color: #dce6ff;
  font-size: 14px;
  margin-top: 10px;
}
@media screen and (max-width: 1025px) {
  .detail-product__left {
    width: 500px;
  }
  .detail-product__right {
    width: calc(100% - 500px);
  }
}
@media screen and (max-width: 979px) {
  .detail-product__left {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 0;
  }
  .detail-product__right {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .detail-product .fck_detail .width-detail {
    max-width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .detail-product .info-group {
    padding: 15px;
  }
  .detail-product .bg-white.padding_40 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .detail-product__top {
    margin-bottom: 20px;
  }
  .detail-product .fck_detail {
    margin-bottom: 20px;
  }
  .detail-product__left {
    margin-bottom: 15px;
  }
  .detail-product__right {
    margin-bottom: 15px;
  }
  .detail-product__right .article-itemt .article-content .title_new {
    font-size: 20px;
  }
}
.pin-bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
  background: #ffffff;
  box-shadow: 0px -10px 15px rgba(0, 0, 0, 0.1);
  padding: 12px 24px;
}
.pin-bottom .grid {
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 16px;
}
.bg-blue {
  background: #000940 url(images/graphics/bg-main.jpg) no-repeat bottom;
  padding: 0px 0 50px 0;
}
.bg-blue.gradient {
  position: relative;
}
.bg-blue.gradient::before {
  content: "";
  background: -webkit-linear-gradient(top, rgba(3, 6, 55, 0) 0%, #000940 100%);
  background: linear-gradient(180deg, rgba(3, 6, 55, 0) 0%, #000940 100%);
  position: absolute;
  width: 100%;
  height: 190px;
  top: -190px;
  z-index: 1;
}
.bg-blue.gradient .container {
  z-index: 2;
}
.bg-blue.gradient .container .center .title-cate {
  font-size: 30px;
  color: #ffffff;
  margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
  .bg-blue.gradient .container .center .title-cate {
    font-size: 24px;
  }
}
@media screen and (max-width: 600px) {
  .bg-blue.gradient::before {
    height: 40px;
    top: -40px;
    background: -webkit-linear-gradient(
      top,
      rgba(0, 9, 64, 0) 0%,
      #000940 100%
    );
    background: linear-gradient(180deg, rgba(0, 9, 64, 0) 0%, #000940 100%);
  }
}
@media screen and (max-width: 600px) {
  .bg-blue {
    padding: 0px 0 30px 0;
  }
  .bg-blue .mb40 {
    margin-bottom: 30px;
  }
}
.slide_all {
  margin-top: 60px;
}
.slide_all .title-cate {
  color: #fff;
}
.slide_all .swiper-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -110px;
  right: 0;
}
.slide_all .swiper-button-next,
.slide_all .swiper-button-prev {
  position: static;
  background-image: none;
  background: #000a3d;
  border: 1px solid #ffffff;
  width: 60px;
  height: 60px;
  border-radius: 7px;
  margin-left: 15px;
  margin-top: 0;
  text-align: center;
  line-height: 51px;
  opacity: 1;
}
.slide_all .swiper-button-next svg,
.slide_all .swiper-button-prev svg {
  fill: #fff;
}
.slide_all .swiper-button-next:hover,
.slide_all .swiper-button-prev:hover {
  border: 1px solid #62dfec;
}
.slide_all .swiper-button-next:hover svg,
.slide_all .swiper-button-prev:hover svg {
  fill: #62dfec;
}
.slide_all .swiper-pagination {
  position: static;
  margin-top: 30px;
}
.slide_all .swiper-pagination span {
  background: #ffffff;
  width: 48px;
  height: 1px;
  border-radius: 0;
  margin: 0 5px;
  opacity: 1;
}
.slide_all .swiper-pagination .swiper-pagination-bullet-active {
  background: #62dfec;
}
.slide_all #tab-video {
  padding: 0 30px;
}
@media screen and (max-width: 600px) {
  .slide_all {
    margin-top: 35px;
  }
  .slide_all .swiper-control {
    display: none;
  }
  .slide_all .swiper-pagination {
    margin-top: 15px;
  }
  .slide_all .mb50 {
    margin-bottom: 35px;
  }
  .slide_all #tab-video {
    padding: 0;
  }
}
.page-thuvien .wrap-live-video {
  max-width: 1100px;
  margin: 0 auto;
}
.page-thuvien .tab-default {
  margin-bottom: 30px;
}
.page-thuvien .tab-default a {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  position: relative;
}
.page-thuvien .tab-default a.active {
  color: #4479ff;
}
.page-thuvien .tab-default a.active::before {
  content: "";
  background: #4479ff;
  width: 19px;
  height: 2px;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -10px;
}
.page-thuvien .article-itemt {
  margin-bottom: 0;
}
.page-thuvien .article-itemt .article-content .title_new {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .page-thuvien .title-cate {
    font-size: 20px;
  }
  .page-thuvien .grid__2,
  .page-thuvien .grid__3 {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  .page-thuvien .article-itemt .article-thumb {
    margin-bottom: 10px;
  }
  .page-thuvien .article-itemt .article-content .title_new {
    font-size: 18px;
  }
}
.box-conso {
  color: #afc5df;
  font-size: 16px;
  line-height: 1.6;
  padding: 80px 0;
  background: url(images/graphics/bg-conso.jpg) no-repeat center;
}
.box-conso .title-cate {
  color: #fff;
}
.box-conso__left {
  width: 400px;
}
.box-conso__right {
  width: 770px;
  width: calc(100% - 400px);
  padding-left: 80px;
}
.box-conso__right .grid {
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 24px;
}
.box-conso__right .item {
  border-radius: 5px;
  position: relative;
}
.box-conso__right .item::before {
  content: "";
  background: -webkit-linear-gradient(
    top,
    #4aedfe 0%,
    rgba(98, 223, 236, 0) 77.4%
  );
  background: linear-gradient(180deg, #4aedfe 0%, rgba(98, 223, 236, 0) 77.4%);
  border-radius: 5px;
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  position: absolute;
  height: 100%;
  top: -2px;
  left: -2px;
  right: -2px;
}
.box-conso__right .item .wrap {
  padding: 23px 27px;
  position: relative;
  background: #000940;
  height: 100%;
}
.box-conso__right .item .icon {
  margin-bottom: 20px;
}
.box-conso__right .item .number {
  color: #fff;
  font-size: 33px;
  margin-bottom: 6px;
}
@media screen and (max-width: 1025px) {
  .box-conso {
    padding: 30px 0 0 0;
  }
  .box-conso__left {
    width: 300px;
  }
  .box-conso__right {
    width: calc(100% - 300px);
    padding-left: 40px;
  }
  .box-conso__right .grid {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .box-conso__right .item .wrap {
    padding: 19px 20px;
  }
  .box-conso__right .item .number {
    font-size: 30px;
  }
}
@media screen and (max-width: 600px) {
  .box-conso {
    background: url(images/graphics/bg-conso.jpg) no-repeat top center;
  }
  .box-conso__left {
    width: 100%;
    margin-bottom: 24px;
  }
  .box-conso__right {
    width: 100%;
    padding-left: 0;
  }
  .box-conso__right .item .wrap {
    padding: 19px 20px;
  }
  .box-conso__right .item .number {
    font-size: 30px;
  }
}
.thumb_img #icon-player {
  z-index: 9;
  cursor: pointer;
  background-size: 80px 80px;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.list_doatgiai .article-itemt {
  position: relative;
}
.list_doatgiai .article-itemt .article-content {
  position: initial;
}
.list_doatgiai .article-itemt .article-content .first-prize {
  top: 0;
}
.section-taitro {
  background: #061868 url(images/graphics/bg_donghanh.png) no-repeat center
    bottom -85px;
  background-size: cover;
  padding: 50px 0 65px 0;
  margin-top: -60px;
  text-align: center;
}
@media (max-width: 600px) {
  .section-taitro {
    background: #061868 url(images/graphics/bg_donghanh_m.png) no-repeat center
      bottom;
    background-size: contain;
    padding-bottom: 15px;
  }
}
.section-taitro .title-cate {
  font-size: 30px;
  font-weight: normal;
  color: #fff;
  margin-bottom: 20px;
}
.section-taitro p {
  color: #fff;
  font-weight: 600;
  font-size: 22px;
}
.section-taitro .itemt {
  width: 200px;
  height: 100px;
  position: relative;
  background: #ffffff;
  border: 1px solid #b9cde6;
  border-radius: 10px;
  margin: 0 auto 15px;
}
.section-taitro .itemt img {
  max-height: 95%;
  max-width: 95%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.section-taitro .list {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.section-taitro .list .itemt {
  margin: 0 12px 20px 12px;
}
@media (max-width: 600px) {
  .section-taitro .title-cate {
    font-size: 20px;
  }
  .section-taitro .itemt {
    width: 200px;
    height: 105px;
  }
  .section-taitro p {
    font-size: 18px;
  }
  .section-taitro .list .itemt {
    margin: 0 8px 15px 8px;
  }
}
.page-dangky {
  color: #13135a;
}
.page-dangky .lbl_logo .logo {
  width: 168px;
}
.page-dangky .btn-default {
  min-width: 120px;
  font-size: 14px;
}
.page-folder .container {
  max-width: 1230px;
}
.thele .breadcrumb li {
  color: #fff;
}
.thele .wrap-section-thele {
  background: #061868 url(images/graphics/bg_thele.png) no-repeat center top;
  background-size: contain;
}
.giaithuong {
  background: #061868;
}
.giaithuong .breadcrumb {
  position: relative;
  z-index: 1;
}
.giaithuong .breadcrumb li {
  color: #fff;
}
.giaithuong .section-banner {
  margin-top: -58px;
  position: relative;
}
.giaithuong .section-banner picture {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 630px;
}
.giaithuong .section-banner .text-banner {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 100px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}
@media (max-width: 1024px) {
  .giaithuong .section-banner .text-banner {
    top: 90px;
  }
}
@media (max-width: 600px) {
  .giaithuong .section-banner .text-banner {
    position: relative;
    left: 0;
    top: 90px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@media (max-width: 414px) {
  .giaithuong .section-banner .text-banner {
    top: 60px;
  }
}
.giaithuong .section-banner .text-banner .name {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 6px;
  font-family: var(--font2);
}
@media (max-width: 1024px) {
  .giaithuong .section-banner .text-banner .name {
    font-size: 26px;
  }
}
.giaithuong .section-banner .text-banner .des {
  color: #ffe20d;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .giaithuong .section-banner .text-banner .des {
    font-size: 16px;
  }
}
.giaithuong .section-banner img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 876px;
}
@media (max-width: 1024px) {
  .giaithuong .section-banner img {
    height: 635px;
  }
}
@media (max-width: 600px) {
  .giaithuong .section-banner img {
    height: auto;
  }
}
.giaithuong .section-giaithuong {
  background: none;
  padding-bottom: 30px;
  margin-top: -110px;
}
@media (max-width: 1024px) {
  .giaithuong .section-giaithuong {
    margin-top: -260px;
  }
}
@media (max-width: 600px) {
  .giaithuong .section-giaithuong {
    margin-top: -140px;
  }
}
@media (max-width: 414px) {
  .giaithuong .section-giaithuong {
    margin-top: -80px;
    margin-bottom: -40px;
  }
}
.giaithuong .section-giaithuong:after {
  display: none;
}
.giaithuong .section-giaithuong .title-cate {
  font-size: 30px;
  margin-bottom: 30px;
  line-height: 1.4;
  font-weight: 400;
}
@media (max-width: 600px) {
  .giaithuong .section-giaithuong .title-cate {
    font-size: 26px;
  }
}
.giaithuong .section-giaithuong .itemt {
  height: 250px;
}
@media (max-width: 600px) {
  .giaithuong .section-giaithuong .itemt {
    height: 230px;
  }
}
.giaithuong .list-giaithuong {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  row-gap: 30px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
@media (max-width: 820px) {
  .giaithuong .list-giaithuong {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .giaithuong .list-giaithuong {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.giaithuong .box-contact {
  grid-column: 2 / 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 57px 36px 57px 57px;
  background: #010d59;
  border-radius: 5px;
  line-height: 1.6;
}
@media (max-width: 820px) {
  .giaithuong .box-contact {
    grid-column: 1 / 3;
  }
}
@media (max-width: 600px) {
  .giaithuong .box-contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.giaithuong .box-contact .left {
  padding-right: 24px;
  margin-right: 24px;
  border-right: 1px solid #2c4483;
  width: 230px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.giaithuong .box-contact .left .text {
  font-size: 26px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 24px;
  display: block;
  font-family: var(--font1);
}
@media (max-width: 600px) {
  .giaithuong .box-contact .left {
    padding: 0;
    margin: 0 0 20px;
    border: none;
  }
}
.giaithuong .box-contact .right {
  font-size: 14px;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.giaithuong .box-contact .right img {
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 0.2;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .giaithuong .box-contact .right img {
    display: none;
  }
}
.giaithuong .box-contact .right .text {
  color: #bbbde1;
  margin-bottom: 5px;
}
.giaithuong .box-contact .right p {
  color: #fff;
}
.mail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}
.mail:before {
  content: "";
  width: 36px;
  height: 36px;
  background: url(images/graphics/icon_mail_circle.svg) no-repeat center center;
  background-size: contain;
  margin-right: 10px;
}
.phone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.phone:before {
  content: "";
  width: 36px;
  height: 36px;
  background: url(images/graphics/icon_phone_circle.svg) no-repeat center center;
  background-size: contain;
  margin-right: 10px;
}
.section-ds-trungthuong {
  color: #fff;
  margin-bottom: 17px;
}
.section-ds-trungthuong .inner-section-ds-trungthuong {
  background: #011052;
  border-radius: 5px;
}
.section-ds-trungthuong .title-ds {
  padding: 25px 25px 22px;
}
@media (max-width: 820px) {
  .section-ds-trungthuong .wrap-ds {
    overflow-x: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.section-ds-trungthuong .ds-trungthuong {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  font-size: 14px;
}
.section-ds-trungthuong [class*="col-ds"] {
  width: 20%;
}
@media (max-width: 820px) {
  .section-ds-trungthuong [class*="col-ds"] {
    width: auto;
  }
}
.section-ds-trungthuong [class*="col"] .header {
  background: #1d2e79;
  white-space: nowrap;
}
.section-ds-trungthuong [class*="col"] > div {
  padding: 15px;
  margin-bottom: 10px;
  background: #000931;
}
@media (max-width: 820px) {
  .section-ds-trungthuong [class*="col"] > div {
    padding: 15px 5px;
  }
}
.section-ds-trungthuong .col-ds-1 {
  width: 15%;
  padding-left: 20px;
}
@media (max-width: 820px) {
  .section-ds-trungthuong .col-ds-1 {
    width: 70px;
    padding-left: 13px;
  }
}
.section-ds-trungthuong .col-ds-1 .header {
  margin-left: -20px;
  padding-left: 30px;
}
@media (max-width: 820px) {
  .section-ds-trungthuong .col-ds-1 .header {
    padding-left: 18px;
    margin-left: -13px;
  }
}
.section-ds-trungthuong .col-ds-1 .content-col {
  border-radius: 5px 0 0 5px;
}
@media (max-width: 820px) {
  .section-ds-trungthuong .col-ds-2 {
    width: 200px;
  }
}
@media (max-width: 600px) {
  .section-ds-trungthuong .col-ds-2 {
    width: 120px;
  }
}
.section-ds-trungthuong .col-ds-3 {
  width: 25%;
}
@media (max-width: 820px) {
  .section-ds-trungthuong .col-ds-3 {
    width: 250px;
  }
}
@media (max-width: 600px) {
  .section-ds-trungthuong .col-ds-3 {
    width: 230px;
  }
}
@media (max-width: 820px) {
  .section-ds-trungthuong .col-ds-4 {
    width: 150px;
  }
}
.section-ds-trungthuong .col-ds-5 {
  padding-right: 20px;
}
@media (max-width: 820px) {
  .section-ds-trungthuong .col-ds-5 {
    padding-right: 13px;
    margin-right: -13px;
  }
}
.section-ds-trungthuong .col-ds-5 .header {
  margin-right: -20px;
  padding-right: 30px;
}
@media (max-width: 820px) {
  .section-ds-trungthuong .col-ds-5 .header {
    padding-right: 18px;
    margin-right: -13px;
  }
}
.section-ds-trungthuong .col-ds-5 .content-col {
  border-radius: 0 5px 5px 0;
}
.phase2 .section-3 {
  margin-top: -115px;
}
@media (max-width: 991px) {
  .phase2 .section-3 {
    padding-top: 30px;
  }
}
@media (max-width: 600px) {
  .phase2 .section-3 {
    margin-top: 0;
  }
}
.phase2 .time-participate-contest {
  margin-top: 0;
  padding-bottom: 50px;
}
@media (max-width: 600px) {
  .phase2 .time-participate-contest {
    padding-top: 0;
  }
}
.phase2 .section-giaithuong {
  padding-top: 75px;
}
.phase2 .hero_banner {
  min-height: 510px;
}
@media (max-width: 600px) {
  .phase2 .hero_banner {
    min-height: auto;
    padding-bottom: 24px;
  }
}
@media (max-width: 600px) {
  .phase2 .time-participate-contest .title-cate.center {
    text-align: left;
    font-size: 26px;
    font-weight: 400;
  }
}
.phase2 .project-other {
  color: #fff;
}
@media (max-width: 600px) {
  .phase2 .project-other .swiper-button-next,
  .phase2 .project-other .swiper-button-prev {
    display: none;
  }
}
.phase2 .project-other .swiper-pagination {
  position: static;
  margin-top: 16px;
  display: none;
}
@media (max-width: 600px) {
  .phase2 .project-other .swiper-pagination {
    display: block;
  }
}
.phase2 .records-management .content p,
.phase2 .detail-product .content p {
  color: #13135a;
}
.phase2 .box_news_on_comment {
  border-radius: 5px;
  color: #13135a;
}
.phase2 .box_news_on_comment .info_news_on_com .title_on_com .title_news_com {
  color: #13135a !important;
}
.phase2.detail .project-other {
  color: #13135a;
}
.new-vote .container {
  max-width: 1200px;
  padding: 0 0 100px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .new-vote .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .new-vote .container {
    padding-bottom: 50px;
    margin-top: 0;
  }
}
.new-vote .list-binhchon .article-itemt .article-content .btn-default,
.new-vote .list-binhchonnhieu .article-itemt .article-content .btn-default {
  height: 40px;
  min-width: 110px;
}
.new-vote .list-binhchon .article-itemt .article-content .des,
.new-vote .list-binhchonnhieu .article-itemt .article-content .des {
  font-size: 14px;
}
.new-vote .inner-new-vote {
  width: 100%;
  float: left;
  padding: 40px 45px 40px;
  background: #011052;
  position: relative;
}
@media (max-width: 768px) {
  .new-vote .inner-new-vote {
    padding: 20px 15px;
    border-radius: 10px;
  }
}
.new-vote .inner-new-vote.left {
  width: 59%;
}
@media (max-width: 768px) {
  .new-vote .inner-new-vote.left {
    width: 100%;
  }
}
.new-vote .inner-new-vote.left .list-binhchon .article-itemt,
.new-vote .inner-new-vote.left .list-binhchonnhieu .article-itemt {
  width: 50%;
}
@media (max-width: 600px) {
  .new-vote .inner-new-vote.left .list-binhchon .article-itemt,
  .new-vote .inner-new-vote.left .list-binhchonnhieu .article-itemt {
    width: 100%;
  }
}
.new-vote .inner-new-vote.left .list-binhchon .article-itemt .article-content,
.new-vote
  .inner-new-vote.left
  .list-binhchonnhieu
  .article-itemt
  .article-content {
  padding: 15px 10px;
}
.new-vote
  .inner-new-vote.left
  .list-binhchon
  .article-itemt
  .article-content
  .title_new,
.new-vote
  .inner-new-vote.left
  .list-binhchonnhieu
  .article-itemt
  .article-content
  .title_new {
  font-size: 14px;
  height: 39px;
}
@media (max-width: 768px) {
  .new-vote
    .inner-new-vote.left
    .list-binhchon
    .article-itemt
    .article-content
    .title_new,
  .new-vote
    .inner-new-vote.left
    .list-binhchonnhieu
    .article-itemt
    .article-content
    .title_new {
    font-size: 16px;
    height: auto;
  }
}
.new-vote
  .inner-new-vote.left
  .list-binhchon
  .article-itemt
  .article-content
  .vote-flex,
.new-vote
  .inner-new-vote.left
  .list-binhchonnhieu
  .article-itemt
  .article-content
  .vote-flex {
  font-size: 14px;
}
.new-vote .inner-new-vote.left .button-next {
  right: -30px;
}
@media (max-width: 768px) {
  .new-vote .inner-new-vote.left .button-next {
    display: none !important;
  }
}
.new-vote .inner-new-vote.left .button-prev {
  left: -30px;
}
@media (max-width: 768px) {
  .new-vote .inner-new-vote.left .button-prev {
    display: none !important;
  }
}
.new-vote .inner-new-vote.right {
  width: 41%;
  background: url(images/graphics/bg_top_binhchonnhieu.png) no-repeat center top;
  background-size: cover;
}
@media (max-width: 768px) {
  .new-vote .inner-new-vote.right {
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
}
.new-vote .inner-new-vote.right .title-cate {
  text-align: center;
}
.new-vote .inner-new-vote.right .article-itemt {
  background: #fff;
  width: 100%;
}
.new-vote .inner-new-vote.right .article-itemt .article-content {
  padding: 20px;
}
.new-vote .inner-new-vote.right .article-itemt .article-content .vote-flex {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
  .new-vote .inner-new-vote.right .article-itemt .article-content .vote-flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.new-vote
  .inner-new-vote.right
  .article-itemt
  .article-content
  .vote-flex
  .btn-default {
  margin-left: auto;
}
@media (max-width: 768px) {
  .new-vote
    .inner-new-vote.right
    .article-itemt
    .article-content
    .vote-flex
    .btn-default {
    width: 100%;
    margin-top: 20px;
  }
}
.new-vote .inner-new-vote.right .button-next {
  background: none !important;
  right: -30px;
}
@media (max-width: 768px) {
  .new-vote .inner-new-vote.right .button-next {
    display: none !important;
  }
}
.new-vote .inner-new-vote.right .button-next svg {
  color: #fff !important;
  width: 25px;
  height: 25px;
}
.new-vote .inner-new-vote.right .button-prev {
  background: none !important;
  left: -30px;
}
@media (max-width: 768px) {
  .new-vote .inner-new-vote.right .button-prev {
    display: none !important;
  }
}
.new-vote .inner-new-vote.right .button-prev svg {
  color: #fff !important;
  width: 25px;
  height: 25px;
}
.new-vote .title-cate {
  font-size: 24px;
  font-weight: 500;
  color: #62dfec;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .new-vote .title-cate {
    font-size: 22px;
    margin-bottom: 15px;
  }
}
.new-vote .list-binhchon,
.new-vote .list-binhchonnhieu {
  position: relative;
}
.new-vote .article-itemt {
  width: 33.33%;
}
.new-vote .inner-new-vote.left .button-next,
.new-vote .inner-new-vote.left .button-prev,
.new-vote .inner-new-vote.right .button-next,
.new-vote .inner-new-vote.right .button-prev,
.new-vote .section-vote .button-next,
.section-vote .new-vote .button-next,
.new-vote .section-vote .button-prev,
.section-vote .new-vote .button-prev {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #4479ff;
  border-radius: 35px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.new-vote .inner-new-vote.left .swiper-button-disabled.button-next,
.new-vote .inner-new-vote.left .swiper-button-disabled.button-prev,
.new-vote .inner-new-vote.right .swiper-button-disabled.button-next,
.new-vote .inner-new-vote.right .swiper-button-disabled.button-prev,
.new-vote .section-vote .swiper-button-disabled.button-next,
.section-vote .new-vote .swiper-button-disabled.button-next,
.new-vote .section-vote .swiper-button-disabled.button-prev,
.section-vote .new-vote .swiper-button-disabled.button-prev {
  background: #fff;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}
.new-vote .inner-new-vote.left .swiper-button-disabled.button-next svg,
.new-vote .inner-new-vote.left .swiper-button-disabled.button-prev svg,
.new-vote .inner-new-vote.right .swiper-button-disabled.button-next svg,
.new-vote .inner-new-vote.right .swiper-button-disabled.button-prev svg,
.new-vote .section-vote .swiper-button-disabled.button-next svg,
.section-vote .new-vote .swiper-button-disabled.button-next svg,
.new-vote .section-vote .swiper-button-disabled.button-prev svg,
.section-vote .new-vote .swiper-button-disabled.button-prev svg {
  color: #4479ff;
}
.new-vote .inner-new-vote.left .button-next svg,
.new-vote .inner-new-vote.left .button-prev svg,
.new-vote .inner-new-vote.right .button-next svg,
.new-vote .inner-new-vote.right .button-prev svg,
.new-vote .section-vote .button-next svg,
.section-vote .new-vote .button-next svg,
.new-vote .section-vote .button-prev svg,
.section-vote .new-vote .button-prev svg {
  color: #fff;
}
.new-vote .swiper-pagination {
  position: relative;
  width: 100%;
  margin-top: 30px;
}
.list-binhchonnhieu {
  padding: 0 25px;
}
@media (max-width: 767px) {
  .list-binhchonnhieu {
    padding: 0;
  }
}
.list-binhchonnhieu .title_new {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.list-binhchonnhieu .title_new .num {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #4479ff;
  background: #e3ebff;
  font-size: 20px;
  font-weight: 700;
  margin-right: 10px;
  border-radius: 50%;
}
.list-binhchonnhieu .title_new a {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 51px;
  width: calc(100% - 50px);
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 14px;
  background: #545687;
  -webkit-clip-path: polygon(
    50% 0%,
    100% 25%,
    100% 75%,
    50% 100%,
    0% 75%,
    0% 25%
  );
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  border-radius: 0;
  opacity: 1;
  margin: 0 8px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #62dfec;
}
.section-vote {
  position: relative;
  background: #061868;
  color: #dce6ff;
  z-index: 10;
  clear: both;
}
.section-vote .title-cate {
  color: #fff;
  font-size: 30px;
  margin-bottom: 30px;
  line-height: 1.4;
  font-weight: 400;
}
@media (max-width: 767px) {
  .section-vote .title-cate {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .section-vote .section-2 {
    padding: 0;
  }
}
.section-vote .section-2 .container {
  padding-bottom: 32px;
}
.section-vote .section-2 .container:before {
  display: none;
}
.section-vote .section-2 .title-cate {
  font-size: 22px;
}
@media (max-width: 767px) {
  .section-vote .section-2 .title-cate {
    text-align: center;
  }
}
.section-vote .button-next {
  right: -30px;
}
@media (max-width: 768px) {
  .section-vote .button-next {
    display: none !important;
  }
}
.section-vote .button-prev {
  left: -30px;
}
@media (max-width: 768px) {
  .section-vote .button-prev {
    display: none !important;
  }
}
.section-vote .box-register {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  max-width: 826px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .section-vote .box-register {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}
.section-vote .box-register .title-cate {
  font-weight: 500;
  font-size: 33px;
  line-height: 1.4;
  margin-right: 56px;
  text-align: left;
}
@media (max-width: 767px) {
  .section-vote .box-register .title-cate {
    margin: 0 0 10px 0;
  }
}
.section-vote .box-register .box-content {
  width: 100%;
  max-width: 545px;
}
@media (max-width: 767px) {
  .section-vote .box-register .box-content {
    max-width: 100%;
  }
}
.section-vote .box-register .box-content p {
  font-size: 16px;
  line-height: 1.6;
}
.section-vote .box-register .box-content p:not(:last-of-type) {
  margin-bottom: 5px;
}
.section-vote .box-register .btn-group {
  margin-top: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 600px) {
  .section-vote .box-register .btn-group {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.section-vote .box-register .btn-group .dang-ky {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #4479ff;
  border-radius: 3px;
  padding: 10px 18px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  font-family: var(--font1);
  margin-right: 15px;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .section-vote .box-register .btn-group .dang-ky {
    margin-right: 0;
  }
}
.section-vote .box-register .btn-group .the-le {
  font-size: 16px;
  line-height: 1.5;
  color: #dce6ff;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .section-vote .box-register .btn-group .the-le {
    width: 100%;
    margin-top: 10px;
  }
}
.section-vote .box-register .btn-group .the-le span {
  position: relative;
}
.section-vote .box-register .btn-group .the-le span:after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  left: 100%;
  top: 50%;
}
.tab-vote {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 32px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 16px;
}
.tab-vote.center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 820px) {
  .tab-vote.pc {
    display: none;
  }
}
.tab-vote .item-tab {
  font-size: 18px;
  color: #dce6ff;
  padding: 0 16px;
  position: relative;
}
.tab-vote .item-tab:before {
  content: "";
  width: 100%;
  height: 3px;
  background: #62dfec;
  border-radius: 3px 3px 0px 0px;
  position: absolute;
  left: 0;
  bottom: -16px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tab-vote .item-tab.active,
.tab-vote .item-tab:hover {
  color: #62dfec;
}
.tab-vote .item-tab.active:before,
.tab-vote .item-tab:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.wrap-filter-mb {
  display: none;
}
@media (max-width: 820px) {
  .wrap-filter-mb {
    display: block;
    margin-bottom: 24px;
  }
  .wrap-filter-mb .search-vote {
    width: 100%;
    height: 48px;
    background: #011052;
    border: 1px solid #5d77eb;
    border-radius: 5px;
    color: #dce6ff;
    margin-bottom: 16px;
  }
  .wrap-filter-mb .search-vote::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
  }
  .wrap-filter-mb .search-vote::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }
  .wrap-filter-mb .search-vote:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
  }
  .wrap-filter-mb .search-vote::placeholder {
    color: #fff;
    opacity: 1;
  }
  .wrap-filter-mb .search-vote:-ms-input-placeholder {
    color: #fff;
  }
  .wrap-filter-mb .search-vote::-ms-input-placeholder {
    color: #fff;
  }
  .wrap-filter-mb .search-vote:focus {
    border: 1px solid #5d77eb;
  }
  .wrap-filter-mb .select-vote {
    width: 100%;
    height: 48px;
    background: #011052;
    border: 1px solid #5d77eb;
    border-radius: 5px;
    color: #dce6ff;
    clear: both;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .wrap-filter-mb .select-vote::-webkit-input-placeholder {
    color: #dce6ff;
  }
  .wrap-filter-mb .select-vote:-moz-placeholder {
    color: #dce6ff;
  }
  .wrap-filter-mb .select-vote::-moz-placeholder {
    color: #dce6ff;
  }
  .wrap-filter-mb .select-vote:-ms-input-placeholder {
    color: #dce6ff;
  }
  .wrap-filter-mb .text-select {
    color: #fff;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .wrap-filter-mb .text-select:after {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: block;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .wrap-filter-mb .text-select.active:after {
    -webkit-transform: rotate(225deg) translateY(-50%);
    -ms-transform: rotate(225deg) translateY(-50%);
    transform: rotate(225deg) translateY(-50%);
  }
  .wrap-filter-mb .text-select.active + .content-select-vote {
    opacity: 1;
    visibility: visible;
  }
  .wrap-filter-mb .content-select-vote {
    background: #fff;
    width: 100%;
    padding: 15px 18px;
    line-height: 1.5;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: calc(100% + 10px);
    z-index: 5;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .wrap-filter-mb .content-select-vote .item-select {
    display: block;
    color: #13135a;
  }
  .wrap-filter-mb .content-select-vote .item-select:not(:last-child) {
    margin-bottom: 15px;
  }
}
.notify {
  color: #ffdf36;
  font-size: 18px;
  line-height: 1.4;
}
@media (max-width: 600px) {
  .notify {
    font-size: 16px;
  }
}
.danhsachbinhchon .breadcrumb li {
  color: #fff;
}
.danhsachbinhchon .title-cate {
  color: #fff;
  font-size: 30px;
  font-weight: 400;
}
@media (max-width: 600px) {
  .danhsachbinhchon .title-cate {
    font-size: 24px;
  }
}
.danhsachbinhchon .form-group.search {
  margin-left: auto;
}
.danhsachbinhchon .grid-sort__v2 .search .search-vne input {
  background: #061868;
  border: 1px solid #5d77eb;
  border-radius: 3px;
  color: #dce6ff;
}
.danhsachbinhchon
  .grid-sort__v2
  .search
  .search-vne
  input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}
.danhsachbinhchon .grid-sort__v2 .search .search-vne input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.danhsachbinhchon
  .grid-sort__v2
  .search
  .search-vne
  input:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}
.danhsachbinhchon .grid-sort__v2 .search .search-vne input::placeholder {
  color: #fff;
  opacity: 1;
}
.danhsachbinhchon
  .grid-sort__v2
  .search
  .search-vne
  input:-ms-input-placeholder {
  color: #fff;
}
.danhsachbinhchon
  .grid-sort__v2
  .search
  .search-vne
  input::-ms-input-placeholder {
  color: #fff;
}
.danhsachbinhchon .grid-sort__v2 .search .search-vne button svg {
  fill: #dce6ff;
}
.danhsachbinhchon .grid-sort .form-group {
  background: none;
}
.list_doatgiai {
  min-height: calc(100vh - 491px);
  background: #061868 url(images/graphics/bg_thele.png) no-repeat center top;
  background-size: contain;
  padding-top: 20px;
}
.section-detail-product {
  background: #061868 url(images/graphics/bg_thele.png) no-repeat center top;
  background-size: contain;
  padding-top: 20px;
}
.section-detail-product .breadcrumb li {
  color: #fff;
}
.sp-da-binhchon {
  color: #13135a;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 30px;
  padding-top: 20px;
}
.sp-da-binhchon .vote-flex {
  margin-bottom: 0 !important;
}
.no-swiper .swiper-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
@media (max-width: 767px) {
  .no-swiper .swiper-wrapper {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.no-swiper .swiper-wrapper .article-itemt {
  width: 100% !important;
}
.btn-gopy-pin {
  width: 185px;
  height: 40px;
  background: #4479ff;
  border-radius: 10px 4px 0px 0px;
  color: #fff;
  position: fixed;
  bottom: 34vh;
  right: 6.5%;
  z-index: 100;
}
.btn-gopy-pin .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: flex;
  height: 100%;
  width: 100%;
}
.btn-gopy-pin .icon-heart {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjY2MDMgMTguNzM3NkwxNS4zNjg3IDE2LjQ2NTFDMTUuNDU3MSAxNi4zOTEyIDE1LjUxNzYgMTYuMjk2NiAxNS41NDI2IDE2LjE5MzRDMTUuNTY3NSAxNi4wOTAyIDE1LjU1NTcgMTUuOTgzMSAxNS41MDg4IDE1Ljg4NTZDMTUuNDYxOCAxNS43ODgxIDE1LjM4MTcgMTUuNzA0NyAxNS4yNzg3IDE1LjY0NTlDMTUuMTc1NyAxNS41ODcyIDE1LjA1NDUgMTUuNTU1NyAxNC45MzA0IDE1LjU1NTdIOS41MTM1OEM5LjM4OTUyIDE1LjU1NTcgOS4yNjgyOCAxNS41ODcyIDkuMTY1MyAxNS42NDU5QzkuMDYyMzIgMTUuNzA0NyA4Ljk4MjI0IDE1Ljc4ODEgOC45MzUyNiAxNS44ODU2QzguODg4MjcgMTUuOTgzMSA4Ljg3NjUgMTYuMDkwMiA4LjkwMTQ0IDE2LjE5MzRDOC45MjYzOCAxNi4yOTY2IDguOTg2OSAxNi4zOTEyIDkuMDc1MzEgMTYuNDY1MUwxMS43ODM3IDE4LjczNzZDMTEuOTAxIDE4LjgzNDcgMTIuMDU4MyAxOC44ODkgMTIuMjIyIDE4Ljg4OUMxMi4zODU4IDE4Ljg4OSAxMi41NDMgMTguODM0NyAxMi42NjAzIDE4LjczNzZaIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSIxLjExMTMzIiB5PSIxLjExMTA4IiB3aWR0aD0iMTcuNzc3OCIgaGVpZ2h0PSIxNS41NTU2IiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE0Ljc1MSA2LjIyMzY0QzE0LjUyMjIgNi4wMzI3OCAxNC4yNTMyIDUuODc4NjcgMTMuOTU3NSA1Ljc2OUMxMy40NDY1IDUuNTcxNDIgMTIuODc1MiA1LjUwOTA3IDEyLjMyMDQgNS41OTAzNkMxMS43NjU3IDUuNjcxNjQgMTEuMjU0MSA1Ljg5MjY1IDEwLjg1NDUgNi4yMjM2NEw5Ljk5ODM1IDYuOTM5N0M5Ljk4Nzg1IDYuOTQ3NTMgOS45NzQyNiA2Ljk1MTg1IDkuOTYwMTcgNi45NTE4NUM5Ljk0NjA5IDYuOTUxODUgOS45MzI1IDYuOTQ3NTMgOS45MjIgNi45Mzk3TDkuMTQ0ODkgNi4yOTE4NEM4Ljg2NTk3IDYuMDU4NjUgOC41MjkwMSA1Ljg3OTM4IDguMTU3ODMgNS43NjY3M0M3LjY2MzQ2IDUuNjEyOTQgNy4xMjY1MyA1LjU4MDY3IDYuNjEwODIgNS42NzM3NUM2LjA5NTEgNS43NjY4MyA1LjYyMjI2IDUuOTgxMzUgNS4yNDg0NSA2LjI5MTg0QzQuNzMzNDUgNi43MjMzNSA0LjQ0NDM0IDcuMzA3MzEgNC40NDQzNCA3LjkxNjA0QzQuNDQ0MzQgOC41MjQ3NiA0LjczMzQ1IDkuMTA4NzIgNS4yNDg0NSA5LjU0MDIzTDUuNDc0NzcgOS43Mjg5MUw1Ljc3NDcgOS45Nzg5Nkw2LjIwMDA3IDEwLjMzMzZMOS43MjU2OCAxMy4yNzI4QzkuNzUwMDkgMTMuMjkyOSA5Ljc3NjU1IDEzLjMxMTEgOS44MDQ3NSAxMy4zMjc0QzkuODg4MzYgMTMuMzM4OSA5Ljk3NDAyIDEzLjMzNCAxMC4wNTUgMTMuMzEzMUMxMC4xMzU5IDEzLjI5MjEgMTAuMjA5OSAxMy4yNTU4IDEwLjI3MSAxMy4yMDY5TDEzLjc5OTQgMTAuMjY3N0wxNC43NTEgOS40NzIwNEMxNC43OTY1IDkuNDM1NjEgMTQuODM5MyA5LjM5Njg5IDE0Ljg3OTEgOS4zNTYxMUMxNC45NjI1IDkuMjc3NDEgMTUuMDM5MSA5LjE5Mzg1IDE1LjEwODIgOS4xMDYwNUMxNS40NTMxIDguNjY0MDIgMTUuNjA1OCA4LjEzNjc1IDE1LjU0MDggNy42MTIyQzE1LjQ3NTggNy4wODc2NSAxNS4xOTcgNi41OTc1NSAxNC43NTEgNi4yMjM2NFoiIGZpbGw9IiM0NDc5RkYiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  display: block;
  margin-right: 10px;
}
.btn-gopy-pin .close {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: #fff;
  color: #b4ab76;
  font-size: 25px;
  position: absolute;
  right: -10px;
  top: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  line-height: 0;
}
.list-lastest-vote .swiper-button-disabled {
  opacity: 0;
}
.icon-home {
  width: 16px;
  height: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjM2IDE2LjA3OTFIMi42NEMxLjIgMTYuMDc5MSAwIDE0Ljg2MzEgMCAxMy40MDcxVjcuNTY3MUMwIDYuODMxMSAwLjMyIDYuMTExMSAwLjg4IDUuNjE1MUw2LjI0IDAuNzUxMTAxQzcuMjggLTAuMTQ0ODk4IDguNzIgLTAuMTQ0ODk4IDkuNzYgMC43NTExMDFMMTUuMTIgNS42MTUxQzE1LjY4IDYuMDk1MSAxNiA2LjgzMTEgMTYgNy41NjcxVjEzLjQwNzFDMTUuOTIgMTQuOTQzMSAxNC44IDE2LjA3OTEgMTMuMzYgMTYuMDc5MVpNOCAxLjcyNzFDNy43NiAxLjcyNzEgNy41MiAxLjgwNzEgNy4yOCAxLjk2NzFMMS45MiA2LjgzMTFDMS42OCA2Ljk5MTEgMS42IDcuMzExMSAxLjYgNy42NDcxVjEzLjQ4NzFDMS42IDE0LjA0NzEgMi4wOCAxNC41NDMxIDIuNjQgMTQuNTQzMUgxMy4yOEMxMy44NCAxNC41NDMxIDE0LjMyIDE0LjA2MzEgMTQuMzIgMTMuNDg3MVY3LjY0NzFDMTQuMzIgNy4zMjcxIDE0LjE2IDcuMDg3MSAxNCA2LjgzMTFMOC42NCAxLjk2NzFDOC40OCAxLjgwNzEgOC4yNCAxLjcyNzEgOCAxLjcyNzFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  display: block;
}
@media (max-width: 600px) {
  .hero_banner__text .btn_hs {
    margin-bottom: 20px;
  }
}
.section-gallary {
  background: #061868;
  padding-bottom: 30px;
  color: #fff;
}
.section-gallary .container {
  max-width: 1520px;
  background: #011052;
  border-radius: 10px;
  padding: 36px 160px;
}
@media (max-width: 1024px) {
  .section-gallary .container {
    padding: 20px;
  }
}
.section-gallary .header-gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 36px;
}
.section-gallary .title-cate {
  color: #fff;
  margin-right: 24px;
}
.section-gallary .tab-gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 600px) {
  .section-gallary .tab-gallery {
    margin-left: auto;
  }
}
.section-gallary .tab-gallery .item-tab {
  color: rgba(255, 255, 255, 0.6);
  height: 49px;
  padding: 0 20px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.section-gallary .tab-gallery .item-tab.active {
  background: #061868;
  color: #62dfec;
  font-weight: 700;
}
.section-gallary .wrap-video {
  max-width: 1080px;
  margin: 0 auto;
}
.section-gallary .swiper-pagination {
  position: static;
  margin-top: 30px;
}
.list-gallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  row-gap: 16px;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
@media (max-width: 600px) {
  .list-gallery {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.lg-custom-thumbnails.lg-outer {
  width: auto;
  right: 225px;
  left: 10px;
}
.lg-custom-thumbnails.lg-outer .lg-thumb-outer {
  left: auto;
  top: 0;
  width: 225px;
  bottom: 0;
  position: fixed;
  right: 0;
  max-height: none;
  background-color: #999;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0 -10px;
  overflow-y: auto;
  -webkit-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0);
  opacity: 0;
  will-change: transform opacity;
  -webkit-transition: cubic-bezier(0, 0, 0.25, 1) 0.15s,
    -webkit-transform 0.15s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: cubic-bezier(0, 0, 0.25, 1) 0.15s,
    -webkit-transform 0.15s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.15s cubic-bezier(0, 0, 0.25, 1) 0s,
    cubic-bezier(0, 0, 0.25, 1) 0.15s;
  transition: transform 0.15s cubic-bezier(0, 0, 0.25, 1) 0s,
    cubic-bezier(0, 0, 0.25, 1) 0.15s,
    -webkit-transform 0.15s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-custom-thumbnails.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-custom-thumbnails.lg-outer .lg-thumb-item {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  will-change: filter;
  -webkit-transition: border-color 0.12s ease, -webkit-filter 0.12s ease-in;
  transition: border-color 0.12s ease, -webkit-filter 0.12s ease-in;
  transition: filter 0.12s ease-in, border-color 0.12s ease;
  transition: filter 0.12s ease-in, border-color 0.12s ease,
    -webkit-filter 0.12s ease-in;
}
.lg-custom-thumbnails.lg-outer .lg-thumb-item:hover,
.lg-custom-thumbnails.lg-outer .lg-thumb-item.active {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  border-color: #545454;
}
.lg-custom-thumbnails.lg-outer .lg-thumb {
  padding: 5px 0;
}
.section-giaithuong-thele {
  background: #061868;
  color: #fff;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .section-giaithuong-thele {
    padding-bottom: 0;
  }
}
@media (max-width: 600px) {
  .section-giaithuong-thele {
    margin-top: 0;
  }
}
.section-giaithuong-thele .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
@media (max-width: 767px) {
  .section-giaithuong-thele .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.section-giaithuong-thele .container:after {
  display: none;
}
.section-giaithuong-thele .box-left {
  width: 50%;
  background: #011052;
  border-radius: 5px;
  padding: 32px;
}
@media (max-width: 767px) {
  .section-giaithuong-thele .box-left {
    width: 100%;
    margin-bottom: 20px;
  }
}
.section-giaithuong-thele .box-left .title-box {
  font-size: 22px;
  text-align: center;
  margin-bottom: 27px;
}
.section-giaithuong-thele .box-left .img-giaithuong {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.section-giaithuong-thele .box-left .info {
  max-width: 428px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
}
.section-giaithuong-thele .box-right {
  width: 50%;
  background: #011052;
  border-radius: 5px;
  padding: 28px;
}
@media (max-width: 767px) {
  .section-giaithuong-thele .box-right {
    width: 100%;
    padding: 17px;
    margin-bottom: 20px;
  }
}
.section-giaithuong-thele .box-right .title-box {
  font-size: 22px;
  margin-bottom: 15px;
}
.section-giaithuong-thele .box-right p,
.section-giaithuong-thele .box-right .list-dot {
  color: #bbbde1;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.section-giaithuong-thele .box-right a {
  color: #fff;
  text-decoration: underline;
}
.section-giaithuong-thele .box-right .section-ds-trungthuong {
  width: calc(100% + 56px);
  margin: 0 -28px;
}
@media (max-width: 767px) {
  .section-giaithuong-thele .box-right .section-ds-trungthuong {
    width: calc(100% + 34px);
    margin: 0 -17px;
  }
}
.section-giaithuong-thele
  .box-right
  .section-ds-trungthuong
  .inner-section-ds-trungthuong {
  width: 100%;
}
.section-giaithuong-thele .box-right .section-ds-trungthuong .col-ds-1 {
  width: 25%;
  min-width: 25%;
  white-space: nowrap;
}
.section-giaithuong-thele .box-right .section-ds-trungthuong .col-ds-2 {
  width: 45%;
  min-width: 45%;
  white-space: nowrap;
}
.section-giaithuong-thele .box-right .section-ds-trungthuong .col-ds-3 {
  width: 30%;
  min-width: 30%;
  white-space: nowrap;
  padding-right: 20px;
}
.section-giaithuong-thele .box-right .section-ds-trungthuong .col-ds-3 .header {
  margin-right: -20px;
}
.section-giaithuong-thele .box-right .ds-trungthuong {
  max-height: 438px;
  overflow-y: auto;
}
.section-giaithuong-thele .box-right .ds-trungthuong::-webkit-scrollbar {
  width: 3px;
  background-color: transparent;
}
.section-giaithuong-thele .box-right .ds-trungthuong::-webkit-scrollbar-thumb {
  background-color: #62dfec;
}
.section-giaithuong-thele .box-right .ds-trungthuong::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  background-color: transparent;
}
.section-giaithuong-thele .box-right .ds-trungthuong .header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
.section-giaithuong-thele .box-right.width_common {
  width: 100%;
  margin-top: 30px;
}
@media (max-width: 600px) {
  .section-giaithuong-thele .box-right.width_common {
    margin-top: 20px;
  }
}
.section-giaithuong-thele .box-right .title-box {
  font-size: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 600px) {
  .section-giaithuong-thele .box-right .title-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 18px;
  }
}
.section-giaithuong-thele .box-right .label-list {
  color: #62dfec;
  font-size: 14px;
  font-weight: 600;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 42px;
  padding: 0 15px;
  background: #061868;
  border-radius: 10px;
  margin-left: 20px;
}
@media (max-width: 600px) {
  .section-giaithuong-thele .box-right .label-list {
    margin-left: 0;
    margin-top: 5px;
  }
}
.section-giaithuong-thele .sub-title {
  color: #bbbde1;
}
.section-giaithuong-thele .list-dot {
  list-style: inherit;
  margin-left: 25px;
}
.section-giaithuong-thele .list-dot li {
  list-style: inherit;
}
.hero_banner__text .timer p br {
  display: none !important;
}
@media (max-width: 600px) {
  .hero_banner__text .timer p br {
    display: block !important;
  }
}
.border-bottom {
  border-bottom: 1px solid #ecf2ff;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.border-top {
  border-top: 1px solid #ecf2ff;
  margin-top: 30px;
  padding-top: 30px;
}
.count-word {
  font-size: 16px;
  line-height: 1.4;
  color: #545687;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 5px;
}
.section-dk-gianhang {
  background: #061868;
  position: relative;
  z-index: 2;
  color: #fff;
  text-align: center;
}
.section-dk-gianhang .container {
  background: url(images/graphics/bg_dk_gianhang.png) no-repeat center center;
  background-size: cover;
  padding: 140px 140px 230px;
  max-width: 1068px;
  mix-blend-mode: lighten;
}
@media (max-width: 820px) {
  .section-dk-gianhang .container {
    background: url(images/graphics/bg_dk_gianhang_mb.png) no-repeat center
      center;
    background-size: cover;
    padding: 67px 25px 36px;
  }
}
.section-dk-gianhang .title-cate {
  font-size: 36px;
  line-height: 1.4;
  margin-bottom: 20px;
  color: #fff;
}
@media (max-width: 767px) {
  .section-dk-gianhang .title-cate {
    font-size: 24px;
  }
}
.section-dk-gianhang .des {
  font-size: 18px;
  line-height: 1.6;
  color: #e6e8f2;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .section-dk-gianhang .des {
    font-size: 16px;
  }
}
.section-dk-gianhang .label-time {
  height: 33px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(13, 17, 52, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.63);
  border-radius: 35px;
  font-size: 14px;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 15px;
  padding: 0 20px;
}
.section-dk-gianhang .detail-date {
  font-size: 18px;
  line-height: 160%;
  color: #ffe665;
  margin-bottom: 40px;
}
.section-dk-gianhang .btn-default {
  height: 59px;
  padding: 0 30px;
  background: #4479ff;
  border-radius: 5px;
  font-size: 18px;
}
.btn-dk-gala {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #0dffff
    url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMwOTlfNDQzMTUpIj4KPHBhdGggZD0iTTExLjg5NDEgMjQuNUMxMS43NjMxIDI0LjUgMTEuNjM1MSAyNC40NDggMTEuNTQwMSAyNC4zNTRDMTEuNDIyMSAyNC4yMzYgMTEuMzcwMSAyNC4wNjYgMTEuNDAzMSAyMy45MDNMMTIuMTEwMSAyMC4zNjhDMTIuMTMwMSAyMC4yNyAxMi4xNzYxIDIwLjE4MSAxMi4yNDcxIDIwLjExMkwyMC4wMjUxIDEyLjMzNEMyMC42MDkxIDExLjc1IDIxLjU2MjEgMTEuNzUgMjIuMTQ2MSAxMi4zMzRMMjMuNTYwMSAxMy43NDhDMjQuMTQ1MSAxNC4zMzMgMjQuMTQ1MSAxNS4yODQgMjMuNTYwMSAxNS44NjlMMTUuNzgyMSAyMy42NDdDMTUuNzEzMSAyMy43MTcgMTUuNjI0MSAyMy43NjQgMTUuNTI2MSAyMy43ODRMMTEuOTkxMSAyNC40OTFDMTEuOTU5MSAyNC40OTcgMTEuOTI2MSAyNC41IDExLjg5NDEgMjQuNVpNMTMuMDYyMSAyMC43MTFMMTIuNTMyMSAyMy4zNjJMMTUuMTgzMSAyMi44MzJMMjIuODU0MSAxNS4xNjFDMjMuMDQ5MSAxNC45NjYgMjMuMDQ5MSAxNC42NDkgMjIuODU0MSAxNC40NTRMMjEuNDQwMSAxMy4wNEMyMS4yNDUxIDEyLjg0NSAyMC45MjgxIDEyLjg0NSAyMC43MzMxIDEzLjA0TDEzLjA2MjEgMjAuNzExWk0xNS40MjkxIDIzLjI5M0gxNS40MzkxSDE1LjQyOTFaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNOS41IDIxLjVIMi41QzEuMTIxIDIxLjUgMCAyMC4zNzkgMCAxOVY2QzAgNC42MjEgMS4xMjEgMy41IDIuNSAzLjVINC41QzQuNzc2IDMuNSA1IDMuNzI0IDUgNEM1IDQuMjc2IDQuNzc2IDQuNSA0LjUgNC41SDIuNUMxLjY3MyA0LjUgMSA1LjE3MyAxIDZWMTlDMSAxOS44MjcgMS42NzMgMjAuNSAyLjUgMjAuNUg5LjVDOS43NzYgMjAuNSAxMCAyMC43MjQgMTAgMjFDMTAgMjEuMjc2IDkuNzc2IDIxLjUgOS41IDIxLjVaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTYuNSAxMi41QzE2LjIyNCAxMi41IDE2IDEyLjI3NiAxNiAxMlY2QzE2IDUuMTczIDE1LjMyNyA0LjUgMTQuNSA0LjVIMTIuNUMxMi4yMjQgNC41IDEyIDQuMjc2IDEyIDRDMTIgMy43MjQgMTIuMjI0IDMuNSAxMi41IDMuNUgxNC41QzE1Ljg3OSAzLjUgMTcgNC42MjEgMTcgNlYxMkMxNyAxMi4yNzYgMTYuNzc2IDEyLjUgMTYuNSAxMi41WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTExLjUgNi41SDUuNUM0LjY3MyA2LjUgNCA1LjgyNyA0IDVWM0M0IDIuNzI0IDQuMjI0IDIuNSA0LjUgMi41SDYuMDVDNi4yODIgMS4zNiA3LjI5MyAwLjUgOC41IDAuNUM5LjcwNyAwLjUgMTAuNzE4IDEuMzYgMTAuOTUgMi41SDEyLjVDMTIuNzc2IDIuNSAxMyAyLjcyNCAxMyAzVjVDMTMgNS44MjcgMTIuMzI3IDYuNSAxMS41IDYuNVpNNSAzLjVWNUM1IDUuMjc1IDUuMjI1IDUuNSA1LjUgNS41SDExLjVDMTEuNzc1IDUuNSAxMiA1LjI3NSAxMiA1VjMuNUgxMC41QzEwLjIyNCAzLjUgMTAgMy4yNzYgMTAgM0MxMCAyLjE3MyA5LjMyNyAxLjUgOC41IDEuNUM3LjY3MyAxLjUgNyAyLjE3MyA3IDNDNyAzLjI3NiA2Ljc3NiAzLjUgNi41IDMuNUg1WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTEzLjUgOS41SDMuNUMzLjIyNCA5LjUgMyA5LjI3NiAzIDlDMyA4LjcyNCAzLjIyNCA4LjUgMy41IDguNUgxMy41QzEzLjc3NiA4LjUgMTQgOC43MjQgMTQgOUMxNCA5LjI3NiAxMy43NzYgOS41IDEzLjUgOS41WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTEzLjUgMTIuNUgzLjVDMy4yMjQgMTIuNSAzIDEyLjI3NiAzIDEyQzMgMTEuNzI0IDMuMjI0IDExLjUgMy41IDExLjVIMTMuNUMxMy43NzYgMTEuNSAxNCAxMS43MjQgMTQgMTJDMTQgMTIuMjc2IDEzLjc3NiAxMi41IDEzLjUgMTIuNVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xMy41IDE1LjVIMy41QzMuMjI0IDE1LjUgMyAxNS4yNzYgMyAxNUMzIDE0LjcyNCAzLjIyNCAxNC41IDMuNSAxNC41SDEzLjVDMTMuNzc2IDE0LjUgMTQgMTQuNzI0IDE0IDE1QzE0IDE1LjI3NiAxMy43NzYgMTUuNSAxMy41IDE1LjVaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzMwOTlfNDQzMTUiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K)
    no-repeat;
  background-position: left 15px top 11px;
  border-radius: 45px;
  padding: 6px 15px 6px 45px;
  color: #070b29;
  position: fixed;
  right: 5.5%;
  bottom: 40vh;
  z-index: 20;
}
.dangky-gala {
  background: #061868;
  color: #fff;
}
.dangky-gala .section-banner {
  min-height: 660px;
  background: url(images/graphics/banner_dk_gala.png) no-repeat center top;
  text-align: center;
  padding-top: 70px;
}
@media (max-width: 600px) {
  .dangky-gala .section-banner {
    min-height: auto;
    padding-top: 60px;
  }
}
.dangky-gala .text-banner {
  font-size: 26px;
  line-height: 1.23;
  margin-bottom: 15px;
}
@media (max-width: 600px) {
  .dangky-gala .text-banner {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.dangky-gala .title-banner {
  max-width: 515px;
  font-size: 30px;
  line-height: 1.4;
  margin: 0 auto 20px;
}
@media (max-width: 600px) {
  .dangky-gala .title-banner {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.dangky-gala .label-time {
  height: 33px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(13, 17, 52, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.63);
  border-radius: 35px;
  font-size: 14px;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 15px;
  padding: 0 20px;
}
.dangky-gala .detail-date {
  font-size: 18px;
  line-height: 160%;
  color: #ffe665;
  margin-bottom: 40px;
}
@media (max-width: 600px) {
  .dangky-gala .detail-date {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
.dangky-gala .content-form {
  max-width: 502px;
  background: rgba(2, 17, 81, 0.9);
  border-radius: 5px;
  padding: 40px 91px;
  margin-top: -305px;
  margin-bottom: 79px;
}
@media (max-width: 600px) {
  .dangky-gala .content-form {
    width: auto;
    padding: 23px 20px;
    margin: 0 15px 23px;
  }
}
.dangky-gala .content-form .form-default .form-group .form-control {
  height: 40px;
  background: #040e3e;
  border-radius: 5px;
  color: #fff;
  border-color: #040e3e;
}
.dangky-gala .content-form select {
  height: 40px;
  background: #040e3e;
  border-radius: 5px;
  color: #fff;
  border-color: #040e3e;
}
.dangky-gala .notify-success {
  padding: 30px 15px 75px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.dangky-gala .notify-success .icon-checked {
  margin-bottom: 20px;
}
.dangky-gala .notify-success .title-success {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #62dfec;
  margin-bottom: 20px;
}
.dangky-gala .notify-success .des-success {
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  line-height: 160%;
}
.dangky-gala .notify-success .des-success a {
  color: #0095ff;
}
.section-live {
  background: #061868 url(images/graphics/banner_gala_live.png) no-repeat center
    top;
  background-size: contain;
  padding-top: 60px;
  padding-bottom: 30px;
}
@media (max-width: 600px) {
  .section-live {
    background: #061868 url(images/graphics/banner_gala_live_m.png) no-repeat
      center top !important;
    background-size: cover;
    padding-bottom: 40px !important;
  }
}
.section-live .title-cate {
  text-align: left;
  color: #fff;
  font-size: 30px;
  margin-bottom: 30px;
}
.section-live .wrap-live-video {
  max-width: 1100px;
  margin: 0 auto;
}
.section-live .wrap-live-video .ic-live {
  position: absolute;
  left: 24px;
  top: 24px;
  z-index: 10;
  font-style: normal;
  font-size: 20px;
  font-weight: 700;
  color: #b52759;
  font-family: arial;
}
.section-live .wrap-live-video .ic-live:before {
  top: 6px;
}
.section-live .wrap-live-video .ic-live:after {
  display: none;
}
.ketthuc .section-vote {
  background: #061867 url(images/graphics/banner_dk_gala.png) no-repeat center
    top;
  background-size: contain;
  padding-top: 80px;
  margin-top: -80px;
}
.sub-title-cate {
  font-size: 24px;
  line-height: 130%;
  color: #fff;
}
.section-sp-ketthuc {
  padding-top: 170px !important;
}
.section-sp-ketthuc.section-vote .title-cate {
  font-size: 36px;
  color: #62dfec;
  margin-bottom: 10px;
}
.section-sp-ketthuc .article-itemt .article-thumb {
  overflow: visible;
}
.label-giaithuong {
  width: 74px;
  height: 107px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 16px;
  bottom: -30px;
  pointer-events: none;
}
.label-giaithuong img {
  width: 100%;
}
.giai {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.giai.dacbiet {
  color: #d0542e;
}
.giai.giai-1 {
  color: #1f861d;
}
.giai.giai-2 {
  color: #090f96;
}
.giai.giai-3 {
  color: #6e0f76;
}taskbar_mobile ul
.giai.giai-kk {
  color: #2650a3;
}
.giai.giai-sk {myvne_taskbar_mobile 
  color: #5a10b8;
}
.giai.giai-tt {e_taskbar_mobile 
  color: #87650f;
}

/*# sourceMappingURL=maps/theme.css.map */