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

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

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

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

.body_bg.active {
  display: block; }

.form-control {
  font-size: 16px; }

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

a {
  text-decoration: none;
  color: #3f3f3f;
  font-size: 1.6rem; }

img {
  max-width: 100%; }

h3 {
  font-size: 15px; }

h2 {
  font-size: 15px; }

p {
  margin: 0; }

.owl-nav {
  display: none; }

/*End Genneral*/
header .homeIndex {
  background: #000000;
  padding: 1rem 0;
  color: #fff;
  /*    .row {
        [class*="col-"] {
          &:nth-child(2n) {
            padding-left: 3rem;
          }
          &:nth-child(2n + 1) {
            padding-right: 3rem;
          }
        }
      }*/ }
  header .homeIndex .row {
    width: 85%;
    margin: auto; }
  header .homeIndex .homeIndexLogin {
    align-items: center;
    display: flex;
    justify-content: center; }
    header .homeIndex .homeIndexLogin img {
      max-height: 100%; }
    header .homeIndex .homeIndexLogin a {
      color: #f06113;
      margin-top: 15px; }
    header .homeIndex .homeIndexLogin .btn-group button {
      font-size: 15px;
      background: none;
      color: #f06113;
      border: none; }
      header .homeIndex .homeIndexLogin .btn-group button:hover {
        background: #f06113;
        color: #fff; }
    header .homeIndex .homeIndexLogin .btn-group a {
      color: #333; }
  header .homeIndex .homeIndexC .row {
    justify-content: space-between;
    margin-top: 12px; }
    header .homeIndex .homeIndexC .row .homeIndexItem {
      text-align: center;
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      flex-direction: column; }
      header .homeIndex .homeIndexC .row .homeIndexItem div:nth-child(2) span {
        color: #fff !important; }
      header .homeIndex .homeIndexC .row .homeIndexItem div:nth-child(3) span {
        font-size: 12px; }
      header .homeIndex .homeIndexC .row .homeIndexItem .txt-orange {
        color: orange; }
      header .homeIndex .homeIndexC .row .homeIndexItem .icon-arrowdown:after {
        color: red;
        content: "▼"; }
      header .homeIndex .homeIndexC .row .homeIndexItem .icon-arrowup:after {
        color: lime;
        content: "▲"; }
      header .homeIndex .homeIndexC .row .homeIndexItem .txt-gia-tran, header .homeIndex .homeIndexC .row .homeIndexItem .txt-magenta {
        color: #ff25ff; }
      header .homeIndex .homeIndexC .row .homeIndexItem .txt-gia-giam, header .homeIndex .homeIndexC .row .homeIndexItem .txt-red {
        color: #ff3737; }
      header .homeIndex .homeIndexC .row .homeIndexItem .txt-lime {
        color: lime; }
      header .homeIndex .homeIndexC .row .homeIndexItem .txt-gia-tc, header .homeIndex .homeIndexC .row .homeIndexItem .txt-yellow {
        color: #ffd900; }
      header .homeIndex .homeIndexC .row .homeIndexItem .txt-aqua, header .homeIndex .homeIndexC .row .homeIndexItem .txt-gia-san {
        color: #1eeeee; }
header .menuK {
  background: #f06113; }
  header .menuK .navbarK .brandK {
    display: none; }
  header .menuK .navbarK a {
    color: #fff;
    font-size: 15px;
    font-family: 'Mulish'; }
    header .menuK .navbarK a.active {
      color: #fff; }
  header .menuK .navbarK ul li.nav-item {
    padding: 8px 0; }
    header .menuK .navbarK ul li.nav-item.dropdown > div {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    header .menuK .navbarK ul li.nav-item.dropdown span::before {
      content: '▼';
      color: #fff; }
    header .menuK .navbarK ul li.nav-item.dropdown:hover span:before {
      content: '▲'; }
    header .menuK .navbarK ul li.nav-item a {
      padding-left: 10px;
      padding-right: 10px;
      text-transform: uppercase;
      font-weight: bold; }
  header .menuK .navbarK ul .dropdown-menu {
    display: none;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
    width: 222px; }
    header .menuK .navbarK ul .dropdown-menu li {
      padding: 5px 0; }
      header .menuK .navbarK ul .dropdown-menu li:hover {
        background: #eb864f; }
  header .menuK .navbarK ul .dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    transform: translateY(0); }
  header .menuK .navbarK ul .dropdown-menu-lv2 {
    background: #f06113;
    border: none; }
  header .menuK .navbarK form {
    padding-right: 0; }
    header .menuK .navbarK form input {
      max-width: 120px; }

.banner #homeBanner {
  width: 100%;
  padding: 0; }
.banner .carousel-item {
  text-align: center; }
  .banner .carousel-item img {
    max-width: 100%;
    margin: auto; }

.mainTit label {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px; }

.mainTit2 {
  background: #f06113;
  color: #fff;
  padding: 8px; }
  .mainTit2 label {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    color: #fff; }

.newsest {
  background: #dee2e6 !important;
  padding: 4rem 0; }
  .newsest .newsest1 {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
  .newsest .newsestName {
    padding-left: 1rem;
    margin-top: 2rem;
    text-transform: uppercase;
    font-weight: bold; }
    .newsest .newsestName h3 {
      font-weight: bold;
      color: #f06113; }
      .newsest .newsestName h3:hover {
        color: #f06113; }
  .newsest .newsestImg {
    overflow: hidden;
    aspect-ratio: 480 / 258; }
    .newsest .newsestImg img {
      width: 100%; }
  .newsest .newsestDes {
    margin: 1rem 0;
    padding-left: 1rem; }
  .newsest .newsestTit {
    background: #f06113;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    text-indent: 1rem;
    padding: 8px; }
  .newsest ul {
    margin-top: 1rem; }
    .newsest ul li {
      background: #f4f6f9;
      padding: 10px; }
      .newsest ul li:nth-child(2n+1) {
        background: #e6e8ed; }
      .newsest ul li:hover {
        background: #fff; }
        .newsest ul li:hover h3 {
          color: #f06113; }
      .newsest ul li h3 {
        font-weight: bold;
        color: #f06113; }
        .newsest ul li h3::before {
          content: "»";
          padding-right: 10px; }

.news {
  padding: 2rem 0;
  background: #fafafa; }
  .news .col-lg-4:nth-child(3n+1) {
    padding-right: 15px; }
  .news .col-lg-4:nth-child(3n+3) {
    padding-left: 15px; }
  .news .col-lg-4:nth-child(3n+2) {
    padding-left: 8px;
    padding-right: 8px; }
  .news .newsCol {
    margin-top: 20px;
    margin-bottom: 30px; }
  .news .newsItem {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 2rem;
    height: 100%; }
    .news .newsItem:hover {
      box-shadow: rgba(250, 191, 44, 0.24) 0px 3px 8px; }
      .news .newsItem:hover .newsImg {
        filter: brightness(160%);
        -webkit-filter: brightness(160%); }
    .news .newsItem .newsImg {
      aspect-ratio: 480 / 258;
      overflow: hidden; }
      .news .newsItem .newsImg img {
        width: 100%; }
    .news .newsItem .newsC {
      width: 100%;
      float: left;
      padding: 1rem; }
      .news .newsItem .newsC .newsName {
        margin-top: 2rem;
        font-weight: bold; }
        .news .newsItem .newsC .newsName h3 {
          font-weight: bold;
          color: #f06113;
          text-transform: uppercase; }
      .news .newsItem .newsC .newsDes {
        margin-top: 1rem; }

.doitacs {
  width: 100%;
  float: left;
  background: #F5F5F5;
  padding: 2rem 0; }
  .doitacs .doitacsTit {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 8px;
    color: #f06113; }
  .doitacs .item {
    border-radius: 5px;
    overflow: hidden; }
    .doitacs .item img:hover {
      filter: brightness(160%);
      -webkit-filter: brightness(160%); }

footer {
  width: 100%;
  float: left; }
  footer .mxh {
    background: #d6e0ea;
    padding: 3rem 0; }
    footer .mxh ul {
      display: flex;
      justify-content: center; }
      footer .mxh ul li {
        margin: 0 1rem; }
        footer .mxh ul li img {
          width: 50px;
          border-radius: 50%; }
  footer .fooM {
    text-align: center;
    background: #253137;
    padding: 3rem 0;
    color: #fff; }
    footer .fooM .fooName {
      text-transform: uppercase;
      color: #f06113; }
    footer .fooM a {
      color: #ff8400; }

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

#body_bg.active {
  display: block; }

.modalLoginCss .modal-dialog {
  max-width: 400px; }
  .modalLoginCss .modal-dialog .modal-title {
    text-align: center;
    text-transform: uppercase;
    flex-grow: 1; }
  .modalLoginCss .modal-dialog .modal-body input {
    border: none;
    background: #d6e0ea; }
  .modalLoginCss .modal-dialog .modal-body .btn {
    font-size: 15px;
    background: #f06113;
    border: none; }
  .modalLoginCss .modal-dialog .modal-footer a {
    color: #f06113; }

.sangtoi {
  position: fixed;
  top: 30%;
  right: 5px;
  cursor: pointer; }
  .sangtoi.toi .toi {
    display: block; }
  .sangtoi.toi .sang {
    display: none; }
  .sangtoi .toi {
    display: none; }
  .sangtoi .sang {
    display: block; }
    .sangtoi .sang path {
      fill: #f06113; }

#rating .voted {
  display: none; }

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