.flex-wrapper {
  display: flex; }
  .flex-wrapper.overwrite {
    display: flex !important; }
  .flex-wrapper.flex-wrap {
    flex-wrap: wrap; }
  .flex-wrapper.flex-direction-row {
    flex-direction: "row"; }
  .flex-wrapper.flex-direction-col {
    flex-direction: "column"; }
  .flex-wrapper > *.flex-grow {
    flex-grow: 1; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.mt-0 {
  margin-top: 0px; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 13px; }

@font-face {
  font-family: "UTMHelve";
  src: url("fonts/UTMHelve.eot");
  src: url("fonts/UTMHelve.eot?#iefix") format("embedded-opentype"), url("fonts/UTMHelve.woff") format("woff"), url("fonts/UTMHelve.ttf") format("truetype"), url("fonts/UTMHelve.svg#UTMHelve") format("svg");
  font-weight: normal;
  font-style: normal; }
* {
  font-family: SFUFUTURABOOK;
  line-height: 24px; }

.menu-left i, .menu-right i {
  font-size: 1.2em; }
.menu-left ul li, .menu-right ul li {
  width: 100%;
  display: flex;
  align-self: center;
  font-size: 13px; }

ul.language-bar {
  display: flex;
  list-style: none;
  justify-content: flex-end;
  position: relative;
  top: 5px; }
  ul.language-bar li {
    display: inline-block; }

.header {
  height: auto !important; }
  .header h2 {
    font-weight: 700 !important;
    font-size: 36px !important;
    margin: 15px 0;
    color: #12207c;
    font-family: SFUFuturaExtraBold; }
  .header .container {
    position: relative; }
    .header .container .navbar {
      position: absolute;
      z-index: 100;
      width: 100%; }

@media only screen and (max-width: 768px) {
  .pic-item {
    width: calc(50% - 10px) !important;
    margin: 10px 0 10px 0;
    height: 130px !important;
    line-height: 20px !important;
    font-size: 90%; }

  .info p {
    line-height: 16px; }

  h2 {
    font-weight: 500 !important;
    font-size: 36px !important; }

  .info .icon {
    display: flex;
    flex-direction: column !important; }

  .icon-right .row {
    display: flex; }

  .toannang {
    display: none; }

  .thongtin input {
    width: 100%; }

  .group a {
    margin: 20px !important; }

  .tatca a {
    text-align: center;
    width: 100%;
    padding: 15px 0 15px 0 !important; }

  .content p {
    display: none; }

  .footer {
    background: unset !important; }

  .footer .container {
    padding: 0 !important; }

  .thongtin {
    background: #12207c !important;
    padding: 10px !important; }

  .doitac-item {
    height: 165px !important; }

  #click {
    display: inline-block !important; }

  .doitac-grid {
    display: flex !important;
    flex-direction: column;
    justify-content: center; }

  .duan-link {
    margin: 40px 0 40px 0;
    display: flex;
    justify-content: space-between; }

  .pic-item {
    height: 220px; }

  .pic-item img {
    height: 150%; }

  .info {
    height: auto !important; } }
@media only screen and (max-width: 1000px) {
  nav#menu {
    display: none; } }
h2 {
  text-transform: uppercase;
  font-size: 1.2em; }

.icon-left span {
  color: #cb1e1bea; }

.info .icon {
  display: flex;
  justify-content: space-between; }

.icon-right span {
  color: #ffd803; }

.info p {
  margin-top: 5px;
  font-size: 85%; }

.info {
  background: #12207c;
  color: white;
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center; }

.icon-right img {
  width: 25px; }

nav#menu {
  text-transform: uppercase;
  background: none;
  border: 0;
  box-shadow: none; }
  nav#menu a {
    padding: 10px 0px;
    color: white;
    font-weight: normal;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-family: UTMHelve;
    word-spacing: 1px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease; }
    nav#menu a:hover {
      color: #ffd803; }
  nav#menu ul {
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: space-between; }
    nav#menu ul > li > ul {
      z-index: 2;
      top: 100%;
      width: 200%;
      position: absolute;
      background: #36417c;
      margin: 0px;
      padding: 0px;
      text-align: left; }
    nav#menu ul > li:hover ul {
      display: block; }
      nav#menu ul > li:hover ul a {
        display: block;
        padding: 8px 8px;
        font-size: 12px;
        word-spacing: 1px; }
    nav#menu ul > li > ul {
      display: none; }

.header {
  background-size: cover;
  position: relative;
  height: 100vh; }

#menu .logo img {
  position: absolute;
  top: -45px;
  left: calc(50% - 75px); }

#menu li.logo {
  list-style: none; }

.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white; }

.mouse {
  position: absolute;
  bottom: 10%;
  width: 30px;
  left: 50%;
  text-align: center;
  color: white; }
  @media (max-width: 768px) {
    .mouse {
      display: none; } }

#click {
  color: white;
  padding: 10px;
  display: none;
  font-weight: 600;
  background: #cf3432; }

#click {
  width: 100%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75); }

.content p {
  width: 70%;
  margin: 20px auto;
  font-weight: 500; }

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