@import "fonts/fonts.css";
body {
  font-family: roboto, sans-serif;
  background: #0d0d0d;
}
.uk-container {
  max-width: 1156px;
}
* {
  box-sizing: border-box;
  outline: none;
}
#section1 {
  position: relative;
  background: url(../images/section1-bg.jpg) no-repeat center center/cover;
}
#videoBG {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.section1-content {
  position: absolute;
  z-index: 222;
  bottom: 24%;
  left: 18%;
}
.logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 333;
}
.user-static {
  position: absolute;
  z-index: 222;
  width: 225px;
  top: 84px;
  left: 207px;
}
.user-static .uk-progress {
  height: 20px;
  margin: 0;
}
.user-static h2 {
  text-transform: uppercase;
  position: relative;
  color: #fae5ac;
  letter-spacing: -0.005em;
  font-size: 20px;
  margin-bottom: 8px;
  margin-left: 30px;
  display: flex;
  align-items: center;
  font-family: barlow;
  font-weight: 600;
  margin-top: 0;
}
.user-static h2:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url(../images/dot_static.png) no-repeat center center/contain;
  margin-left: 9px;
}
.user-static h3 {
  margin: 6px 0 0 30px;
  font-size: 17.3px;
  color: #fae5ac;
  letter-spacing: -0.001em;
  font-weight: 500;
  font-family: barlow;
}
.user-static .uk-progress::-webkit-progress-value {
  background: #b2e261;
  background: linear-gradient(
    125deg,
    rgba(178, 226, 97, 1) 9%,
    rgba(0, 209, 20, 1) 100%
  );
}
.uk-progress {
  background-color: #6a67656b;
}
.uk-progress:indeterminate {
  color: transparent;
}
.user-static .uk-progress::-webkit-progress-bar {
  background: rgb(106 103 101/10%);
}
.uk-progress::-moz-progress-bar {
  background-color: #6a6765;
}
progress#baodanh-progressbar {
  height: 6px;
  background-color: #cdae61;
  border: 0.5px solid #e5e1d652;
  box-shadow: 1px 0 4px 0 #fff;
  margin-bottom: 0;
}
progress#baodanh-progressbar.uk-progress::-webkit-progress-bar {
  background: #303236;
}
progress#baodanh-progressbar.uk-progress::-webkit-progress-value {
  background: #cdae61;
  background: linear-gradient(
    125deg,
    rgba(205, 174, 97, 1) 81%,
    rgba(114, 102, 74, 1) 100%
  );
}
img.avt_decor {
  position: absolute;
  top: 1px;
  left: -54px;
}
.hf1 {
  transition: all 0.2s ease;
}
.hf1:hover {
  filter: brightness(120%);
}
.event01-slider-item a {
  transition: all 0.2s ease;
}
.event01-slider-item a:hover {
  filter: brightness(120%);
}
.btnscroll {
  position: absolute;
  left: 50%;
  bottom: 70px;
  top: auto;
  margin-left: -67px;
  transform: translate(0, -50%);
  animation: ic-arrow 3s 0ms infinite ease-in-out;
}
@keyframes ic-arrow {
  50% {
    transform: translateY(7px);
  }
}
@-webkit-keyframes flash {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sweep {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 100%;
  }
}
a.banner-btn-download {
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
a.banner-btn-download:before {
  top: 0;
  bottom: 5px;
  left: 58px;
  background: #1110 -webkit-linear-gradient(left, #1110, #ffffff52) no-repeat 0 0/30px;
  background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.3);
  animation: sweep 2.5s ease infinite;
  content: "";
  position: absolute;
  right: 60px;
}
a.banner-btn-download:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
#site-main {
  background: url(../images/bg-section2.jpg) no-repeat center top;
  margin-top: 0;
  overflow: visible;
  z-index: 2;
  position: relative;
  padding-top: 131px;
  padding-bottom: 15px;
}
section#event01 {
  position: relative;
  z-index: 222;
}
.baodanh-subtitle h2 {
  font-family: "svn-arial 3";
  font-weight: 700;
  font-size: 29.21px;
  line-height: 50px;
  color: #0c1e55;
  width: 637px;
  height: 56px;
  margin: auto;
  background: url(../images/bg_count.png) no-repeat center center/contain;
}
.baodanh-subtitle h2 span {
  color: #a66212;
}
.baodanh-list {
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
}
.baodanh-item {
  position: relative;
}
.item-normal {
  display: none;
}
.item-active {
  display: inline-block;
}
.baodanh-item.active ~ .baodanh-item .item-active {
  display: none;
}
.baodanh-item.active ~ .baodanh-item .item-normal {
  display: inline-block;
}
.baodanh-item-qua {
  position: absolute;
  top: 66px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation-name: shake;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-transform-origin: 50% 100%;
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(-50%) rotate(0deg);
  }
  50% {
    -webkit-transform: translateX(-50%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(-50%) rotate(0deg);
  }
}
.event01-slider-item {
  outline: none;
  display: flex !important;
  justify-content: space-between;
}
.event01-slider-item img {
  display: inline-block;
  margin: auto;
}
ul.slick-dots li {
  display: inline-block;
  margin: 0 70px;
}
ul.slick-dots li button {
  font-size: 0;
  outline: none;
  width: 32px;
  height: 32px;
  background: url("../images/dot.png") no-repeat center center/contain;
  border: none;
  cursor: pointer;
}
ul.slick-dots li.slick-active button {
  width: 47px;
  height: 47px;
  background: url("../images/dot_hover.png") no-repeat center center/contain;
}
ul.slick-dots {
  text-align: center;
  padding-left: 0;
  margin: 40px 0 0;
  z-index: 99999;
  position: relative;
}
.slick-arrow {
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  width: 33px;
  height: 45px;
  font-size: 0;
  outline: none;
  border: none;
  cursor: pointer;
  z-index: 999;
  background: url(../images/arrow_left.png) no-repeat center center/contain;
}
button.slick-next.slick-arrow {
  left: auto;
  right: -30px;
  background: url(../images/arrow_right.png) no-repeat center center/contain;
}
#DacSac .slick-arrow {
  left: -50px;
}
#DacSac button.slick-next.slick-arrow {
  left: auto;
  right: -50px;
}
.DacSac-slider-item {
  text-align: center;
}
.DacSac-content {
  height: 603px;
  background: url(../images/BG.png) no-repeat center center/contain;
  width: 100%;
  max-width: 1132px;
  margin: 0 auto 20px;
}
img.DacSac-content-char {
  position: absolute;
  top: -67px;
  left: -396px;
  animation: ic-arrow 3s 0ms infinite ease-in-out;
  z-index: 333;
}
.DacSac-content-ribon1 {
  position: absolute;
  top: 7px;
  left: -68px;
}
.DacSac-content-ribon2 {
  position: absolute;
  bottom: 18px;
  right: -29px;
}
.DacSac-slider-item-inner {
  max-width: 672px;
  margin-left: auto;
  text-align: center;
  height: 100%;
  padding: 58px 42px;
}
.DacSac-slider-item-title {
  margin-bottom: 30px;
}
.DacSac-slider-item-title img {
  margin: 0 auto;
}
.DacSac-slider-item-desc {
  text-align: left;
}
.DacSac-slider-item-desc > * {
  font-family: barlow;
  font-weight: 600;
  color: #867b5b;
  font-size: 23.17px;
  line-height: 1.23;
  margin-bottom: 20px;
  margin-top: 0;
  letter-spacing: -0.02em;
}
.DacSac-slider {
  height: 100%;
}
@keyframes moveLittle {
  0% {
    transform: translateY(80px);
  }
  100% {
    transform: translateY(0px);
  }
}
h2.DacSac-slider-item-title,
.DacSac-slider-item-desc {
}
.slick-active h2.DacSac-slider-item-title,
.slick-active .DacSac-slider-item-desc {
  animation: moveLittle 0.5s 0ms 1 ease-in-out;
}
.DacSac-slider-nav-row-1 {
  margin-bottom: 18px;
}
img.acti {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.DacSac-slider-nav-item.active .norm {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.DacSac-slider-nav-item img {
  transition: all 0.2s ease;
}
.DacSac-slider-nav-item:hover img.norm {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.DacSac-slider-nav-item.active img.acti,
.DacSac-slider-nav-item:hover img.acti {
  display: inline-block;
  opacity: 1;
  visibility: visible;
}
.DacSac-slider-nav-item {
  cursor: pointer;
}
.audio-icon {
  position: absolute;
  right: 34px;
  top: 15px;
  z-index: 222;
}
#newUpdate {
  padding-top: 216px;
}
.newUpdate-title {
  margin-bottom: 81px;
}
.newUpdate-content .uk-flex {
  gap: 50px 0;
}
.newUpdate-ctas {
  margin-top: 10px;
}
.newUpdate-ctas a {
  display: block;
  margin: 0 19px;
}
#F6 {
  padding: 200px 0 210px;
}
.f6-item {
  margin: 0 19px;
}
.inline-block {
  display: inline-block;
}
.relative {
  position: relative;
}
#footer {
  background: #0d0d0d;
  padding: 71px 0;
}
.footer-inner p {
  margin: 0;
  font-size: 23px;
  line-height: ;
  font-family: roboto condensed, sans-serif;
  color: #b6b6b6;
  line-height: 1.2;
}
#fixed-nav {
  width: 249px;
  height: 477px;
  background: url(../images/nav-fixed.png) no-repeat center center/contain;
  position: fixed;
  top: 45%;
  transform: translateY(-50%);
  right: 0;
  padding-top: 230px;
  padding-left: 80px;
  padding-right: 28px;
  box-sizing: border-box;
  z-index: 999;
}
#fixed-nav a {
  padding: 0;
  display: inline-block;
  text-indent: -9999px;
  font-size: 0;
  height: 50px;
  margin-bottom: 5px;
}
#fixed-nav .fixed-nav-two {
  flex-wrap: wrap;
  width: 100%;
}
#fixed-nav .fixed-nav-two a {
  width: 50%;
  margin-bottom: 0;
}
.modal-thele .uk-modal-dialog {
  width: 1224px;
  height: 748px;
  background: url(../images/Pop-up.png) no-repeat center center/contain;
}
.modal-thele-content {
  max-height: 650px;
  overflow-y: auto;
}
.modal-thele-content img {
  max-width: 98%;
  height: auto;
}
.uk-modal-body {
  color: #fff;
}
.modal-thele-content .modal-thele-title {
  color: #fff;
  font-family: cobe extra;
  font-weight: 700;
}
.modal-thele-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  background-color: #333;
}
.modal-thele-content::-webkit-scrollbar {
  width: 3px;
  background-color: #333;
}
.modal-thele-content::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #f8e471;
}
.show_mb {
  display: none;
}
@media (max-width: 1470px) {
  .SYNSTOP-content {
    right: 0;
  }
}
@media (max-width: 1000px) {
  img.DacSac-content-char {
    display: none;
  }
  .logo,
  .section1-content {
    display: none;
  }
  .main-header-mobile {
    display: flex !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    padding: 15px 25px;
    box-sizing: border-box;
    background: #000c20;
    height: 104px;
  }
  a.ic_home {
    position: absolute;
    top: 0;
  }
  #fixed-nav {
    display: none !important;
  }
  .menu-main {
    position: fixed;
    top: 104px;
    width: 100%;
    background: rgb(25 33 54/95%);
    text-align: center;
    padding: 50px 0;
    z-index: 999999;
  }
  ul#menu-main-mobile {
    list-style: none;
    padding-left: 0;
  }
  li.menu-item {
    font-family: barlow;
    font-weight: 600;
    padding: 10px 0;
    font-size: 20px;
  }
  li.menu-item a {
    color: #fff;
  }
  .ic_register {
    margin-left: 25px;
    margin-right: 70px;
  }
  .user-static {
    top: 158px;
    left: 75px;
  }
  html,
  body {
    overflow-x: hidden;
  }
  .menu-humburgur-icon-active {
    display: none;
  }
  span.menu-humburgur-icon.open .menu-humburgur-icon-n {
    display: none;
  }
  span.menu-humburgur-icon.open .menu-humburgur-icon-active {
    display: inline-block;
  }
}
@media (max-width: 768px) {
  .main-header-mobile {
    height: 13.281vw;
  }
  .menu-main {
    top: 13.281vw;
  }
  a.ic_register img,
  a.ic_download {
    max-width: 24.479vw;
  }
  .ic_home {
    max-width: 23.307vw;
  }
  .ic_register {
    margin-left: 3.255vw;
    margin-right: 9.115vw;
  }
  .main-header-mobile-right {
    padding-right: 1.302vw;
  }
  .menu-humburgur-icon img {
    max-width: 6.641vw;
  }
  .main-header-mobile {
    padding: 0 1.867vw;
  }
  .user-static h2 {
    font-size: 2.667vw;
    margin-bottom: 1.067vw;
    margin-left: 6.667vw;
  }
  .user-static .uk-progress {
    height: 2.667vw;
  }
  .user-static {
    width: 38.933vw;
  }
  .user-static h3 {
    margin: 6px 0 0 6.667vw;
    font-size: 2.307vw;
  }
  img.avt_decor {
    left: -7.2vw;
    max-width: 13.333vw;
  }
  .user-static h2:after {
    width: 1.067vw;
    height: 1.067vw;
    margin-left: 1.067vw;
  }
  .user-static {
    top: 20.573vw;
    left: 9.766vw;
  }
  .hide_mb {
    display: none !important;
  }
  .show_mb {
    display: inline-block;
  }
  .intro img {
    max-width: 92.839vw;
  }
  .intro {
    margin-bottom: 13.411vw !important;
  }
  .baodanh-title {
    margin-bottom: 5.208vw !important;
  }
  .baodanh-title img {
    max-width: 100vw;
  }
  .baodanh-subtitle h2 {
    font-size: 4.447vw;
    margin-bottom: 0;
    width: 82.943vw;
    height: 7.292vw;
    line-height: 1.4;
  }
  .baodanh-item img {
    max-width: 14.8vw;
  }
  .baodanh-content.show_mb {
    display: block !important;
    padding-left: 0;
    padding-right: 0;
  }
  .baodanh-content-part1 {
  }
  .baodanh-content-part2 {
  }
  .baodanh-list {
    justify-content: center;
    padding: 0;
    overflow-x: auto;
  }
  .baodanh-item {
    padding: 0 4vw;
  }
  .baodanh-item img {
    max-width: 25.313vw;
  }
  .baodanh-item img.baodanh-item-qua {
    max-width: 11.974vw;
    top: 8.854vw;
  }
  img.baodanh-item-qua {
    max-width: 12.4vw;
  }
  .baodanh-item-qua {
    top: 12.267vw;
  }
  .baodanh-subtitle {
    margin-bottom: 5.208vw !important;
  }
  .baodanh-cta {
    margin-top: 0 !important;
  }
  .baodanh-cta a img {
    max-width: 40.365vw;
  }
  section#event01 {
    padding-top: 10.417vw !important;
  }
  .event01-inner {
    padding: 0;
  }
  .event01-head {
    margin-bottom: 6.51vw !important;
  }
  .event01-slider-item {
    flex-wrap: wrap;
  }
  .event01-slider-item a {
    width: 50%;
    margin-bottom: 3.906vw;
  }
  .event01-slider-item a img {
    max-width: 30.208vw;
  }
  .slick-arrow {
    left: -1.302vw;
    width: 4.297vw;
    height: 5.859vw;
    background: url(../images/arrow_left_mb.png) no-repeat center center/contain;
  }
  button.slick-next.slick-arrow {
    right: -1.302vw;
    background: url(../images/arrow_right_mb.png) no-repeat center center/contain;
  }
  .modal-thele .uk-modal-body {
    padding: 15px;
    border: 3px solid #ffeac0;
  }
  .modal-thele .uk-modal-dialog {
    width: 100%;
    height: 444px;
    background: #23272b;
    background-size: 100% 100%;
  }
  .modal-thele.uk-modal.uk-open {
    display: flex !important;
    align-items: center;
  }
  .modal-thele-content {
    max-height: 400px;
    overflow-y: auto;
  }
  .event01-button {
    margin-top: 11.067vw !important;
  }
  .event01-button img {
    max-width: 35.067vw;
  }
  #hnx2022 {
    margin-top: 0 !important;
  }
  #DacSac {
    margin-top: 14.974vw !important;
  }
  #DacSac .uk-container {
    padding: 0;
  }
  .DacSac-head img:first-child {
    max-width: 94.133vw;
    margin-bottom: 3.333vw !important;
  }
  .DacSac-head {
    margin-bottom: 3.906vw !important;
  }
  .DacSac-content {
    height: 78.516vw;
    background-image: url(../images/BG_mb.png);
    margin: 0 auto 1.302vw;
  }
  .DacSac-content-ribon1,
  .DacSac-content-ribon2 {
    display: none;
  }
  .DacSac-slider-item-inner {
    padding: 9.245vw 10.417vw;
  }
  h2.DacSac-slider-item-title img {
    max-height: 18.88vw;
  }
  .DacSac-slider-item-desc > * {
    font-size: 3.3vw;
    line-height: 1.23;
    margin-bottom: 2vw;
  }
  .DacSac-slider-item-title {
    margin-bottom: 3.255vw;
  }
  #DacSac .slick-arrow {
    left: 1.302vw;
  }
  #DacSac button.slick-next.slick-arrow {
    left: auto;
    right: 1.302vw;
  }
  .DacSac-slider-nav-row {
    flex-wrap: wrap;
    max-width: 78.125vw;
    margin: auto;
  }
  .DacSac-slider-nav-row-1 {
    margin-bottom: 0;
  }
  .DacSac-slider-nav-item {
    width: 50%;
    margin-bottom: 2.604vw;
  }
  .DacSac-slider-nav-item img {
    max-width: 34.896vw;
  }
  ul.slick-dots {
    margin: 5.859vw 0 0;
  }
  ul.slick-dots li {
    margin: 0 8.854vw;
  }
  ul.slick-dots li button {
    width: 4.297vw;
    height: 4.297vw;
  }
  ul.slick-dots li.slick-active button {
    width: 6.12vw;
    height: 6.12vw;
  }
  #newUpdate {
    padding-top: 35.547vw;
  }
  #newUpdate .uk-container {
    padding: 0;
  }
  .newUpdate-content img {
    max-width: 28.133vw;
    margin-bottom: 2vw;
  }
  .newUpdate-title {
    margin-bottom: 15.625vw;
  }
  .newUpdate-content .uk-flex {
    gap: 4.133vw 0;
  }
  .newUpdate-title img {
    max-width: 100vw;
  }
  #videoBG {
    display: none;
  }
  #section1 {
    background-image: url(../images/section1-bg_mb.jpg);
    background-size: 100% 100%;
  }
  #site-main {
    padding-bottom: 0;
    background-image: url(../images/bg-section2_mb.png);
    background-size: 100% 100%;
    padding-top: 10.156vw;
  }
  #footer {
    padding: 6.51vw 0;
  }
  #footer p {
    font-size: 2.995vw;
  }
  #footer p:first-child {
    margin-bottom: 2.604vw;
  }
  #F6 {
    padding: 10.026vw 0;
  }
  .f6-item {
    margin: 0 2.604vw;
  }
}
@media (max-width: 414px) {
  .user-static h2 {
    font-size: 3.667vw;
  }
  .user-static h3 {
    font-size: 3.307vw;
  }
}

#modal-sk1 {
  padding-top: 20px;
  z-index: 99999999;
}
#modal-sk1 .uk-close {
  top: 35px;
  right: 35px;
}
#modal-sk1 .uk-modal-dialog {
  width: 100%;
  max-width: 1224px !important;
  background: url(../images/BG-sk1.png) no-repeat center center;
  background-size: 100% 100%;
  height: 603px;
}
#modal-sk1 .uk-modal-body {
  padding: 75px 30px 160px;
}
.modal-baodanh-content h2 {
  font-weight: 700;
  font-family: roboto condensed, sans-serif;
  font-size: 47px;
  color: #b6b6b6;
  margin-bottom: 50px;
}
.modal-baodanh-content p {
  font-family: roboto condensed, sans-serif;
  color: #b6b6b6;
  font-size: 30px;
  margin-bottom: 50px;
}
#frm-baodanh {
  width: 100%;
  max-width: 654px;
  margin: auto;
}
#frm-baodanh select {
  width: 100%;
  height: 56px;
  background: url(../images/select-arrow.png) no-repeat center right 10px
    rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  text-align: center;
  color: #aca9a3;
  margin-bottom: 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#frm-baodanh select::-ms-expand {
  display: none;
}
#frm-baodanh select:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
}
#frm-baodanh option {
  background: rgb(196 170 128/34%);
}
#frm-baodanh input {
  width: 100%;
  height: 56px;
  background: rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  color: #aca9a3;
  text-align: center;
  margin-bottom: 91px;
  box-sizing: border-box;
}
#frm-baodanh button {
  outline: none;
  background: 0 0;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  #modal-sk1 .uk-modal-dialog {
    max-width: 93.333vw;
    background: url(../images/BG_mb-sk1.png) no-repeat center center;
    background-size: 100% 100%;
	height: 306px;
  }
  #modal-sk1 .uk-modal-body {
    padding: 12vw 3.333vw 29.733vw;
  }
  .modal-baodanh-content p {
    font-size: 4vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content h2 {
    font-size: 6.267vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content p br {
    display: none;
  }
  #frm-baodanh input {
    margin-bottom: 8.667vw;
    height: 40px;
    font-size: 18px;
  }
  #frm-baodanh select {
    height: 40px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../images/select-arrow-mb.png) no-repeat center right 5px
      rgb(196 170 128/34%);
  }
  #frm-baodanh button img {
    max-width: 35.067vw;
  }
  #modal-sk1 .uk-close {
    top: 10px;
    right: 10px;
  }
  .F6-content .uk-flex {
    flex-wrap: wrap;
  }
  .f6-item {
    margin: 0 2.604vw;
    max-width: 26vw;
    margin-bottom: 2vw;
  }
}

#modal-sk2 {
  padding-top: 20px;
  z-index: 99999999;
}
#modal-sk2 .uk-close {
  top: 35px;
  right: 35px;
}
#modal-sk2 .uk-modal-dialog {
  width: 100%;
  max-width: 1224px !important;
  background: url(../images/BG-sk2.png) no-repeat center center;
  background-size: 100% 100%;
  height: 603px;
}
#modal-sk2 .uk-modal-body {
  padding: 75px 30px 160px;
}
.modal-baodanh-content h2 {
  font-weight: 700;
  font-family: roboto condensed, sans-serif;
  font-size: 47px;
  color: #b6b6b6;
  margin-bottom: 50px;
}
.modal-baodanh-content p {
  font-family: roboto condensed, sans-serif;
  color: #b6b6b6;
  font-size: 30px;
  margin-bottom: 50px;
}
#frm-baodanh {
  width: 100%;
  max-width: 654px;
  margin: auto;
}
#frm-baodanh select {
  width: 100%;
  height: 56px;
  background: url(../images/select-arrow.png) no-repeat center right 10px
    rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  text-align: center;
  color: #aca9a3;
  margin-bottom: 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#frm-baodanh select::-ms-expand {
  display: none;
}
#frm-baodanh select:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
}
#frm-baodanh option {
  background: rgb(196 170 128/34%);
}
#frm-baodanh input {
  width: 100%;
  height: 56px;
  background: rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  color: #aca9a3;
  text-align: center;
  margin-bottom: 91px;
  box-sizing: border-box;
}
#frm-baodanh button {
  outline: none;
  background: 0 0;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  #modal-sk2 .uk-modal-dialog {
    max-width: 93.333vw;
    background: url(../images/BG_mb-sk2.png) no-repeat center center;
    background-size: 100% 100%;
	height: 306px;
  }
  #modal-sk2 .uk-modal-body {
    padding: 12vw 3.333vw 29.733vw;
  }
  .modal-baodanh-content p {
    font-size: 4vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content h2 {
    font-size: 6.267vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content p br {
    display: none;
  }
  #frm-baodanh input {
    margin-bottom: 8.667vw;
    height: 40px;
    font-size: 18px;
  }
  #frm-baodanh select {
    height: 40px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../images/select-arrow-mb.png) no-repeat center right 5px
      rgb(196 170 128/34%);
  }
  #frm-baodanh button img {
    max-width: 35.067vw;
  }
  #modal-sk2 .uk-close {
    top: 10px;
    right: 10px;
  }
  .F6-content .uk-flex {
    flex-wrap: wrap;
  }
  .f6-item {
    margin: 0 2.604vw;
    max-width: 26vw;
    margin-bottom: 2vw;
  }
}

#modal-sk3 {
  padding-top: 20px;
  z-index: 99999999;
}
#modal-sk3 .uk-close {
  top: 35px;
  right: 35px;
}
#modal-sk3 .uk-modal-dialog {
  width: 100%;
  max-width: 1224px !important;
  background: url(../images/BG-sk3.png) no-repeat center center;
  background-size: 100% 100%;
  height: 603px;
}
#modal-sk3 .uk-modal-body {
  padding: 75px 30px 160px;
}
.modal-baodanh-content h2 {
  font-weight: 700;
  font-family: roboto condensed, sans-serif;
  font-size: 47px;
  color: #b6b6b6;
  margin-bottom: 50px;
}
.modal-baodanh-content p {
  font-family: roboto condensed, sans-serif;
  color: #b6b6b6;
  font-size: 30px;
  margin-bottom: 50px;
}
#frm-baodanh {
  width: 100%;
  max-width: 654px;
  margin: auto;
}
#frm-baodanh select {
  width: 100%;
  height: 56px;
  background: url(../images/select-arrow.png) no-repeat center right 10px
    rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  text-align: center;
  color: #aca9a3;
  margin-bottom: 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#frm-baodanh select::-ms-expand {
  display: none;
}
#frm-baodanh select:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
}
#frm-baodanh option {
  background: rgb(196 170 128/34%);
}
#frm-baodanh input {
  width: 100%;
  height: 56px;
  background: rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  color: #aca9a3;
  text-align: center;
  margin-bottom: 91px;
  box-sizing: border-box;
}
#frm-baodanh button {
  outline: none;
  background: 0 0;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  #modal-sk3 .uk-modal-dialog {
    max-width: 93.333vw;
    background: url(../images/BG_mb-sk3.png) no-repeat center center;
    background-size: 100% 100%;
	height: 306px;
  }
  #modal-sk3 .uk-modal-body {
    padding: 12vw 3.333vw 29.733vw;
  }
  .modal-baodanh-content p {
    font-size: 4vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content h2 {
    font-size: 6.267vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content p br {
    display: none;
  }
  #frm-baodanh input {
    margin-bottom: 8.667vw;
    height: 40px;
    font-size: 18px;
  }
  #frm-baodanh select {
    height: 40px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../images/select-arrow-mb.png) no-repeat center right 5px
      rgb(196 170 128/34%);
  }
  #frm-baodanh button img {
    max-width: 35.067vw;
  }
  #modal-sk3 .uk-close {
    top: 10px;
    right: 10px;
  }
  .F6-content .uk-flex {
    flex-wrap: wrap;
  }
  .f6-item {
    margin: 0 2.604vw;
    max-width: 26vw;
    margin-bottom: 2vw;
  }
}

#modal-sk4 {
  padding-top: 20px;
  z-index: 99999999;
}
#modal-sk4 .uk-close {
  top: 35px;
  right: 35px;
}
#modal-sk4 .uk-modal-dialog {
  width: 100%;
  max-width: 1224px !important;
  background: url(../images/BG-sk4.png) no-repeat center center;
  background-size: 100% 100%;
  height: 603px;
}
#modal-sk4 .uk-modal-body {
  padding: 75px 30px 160px;
}
.modal-baodanh-content h2 {
  font-weight: 700;
  font-family: roboto condensed, sans-serif;
  font-size: 47px;
  color: #b6b6b6;
  margin-bottom: 50px;
}
.modal-baodanh-content p {
  font-family: roboto condensed, sans-serif;
  color: #b6b6b6;
  font-size: 30px;
  margin-bottom: 50px;
}
#frm-baodanh {
  width: 100%;
  max-width: 654px;
  margin: auto;
}
#frm-baodanh select {
  width: 100%;
  height: 56px;
  background: url(../images/select-arrow.png) no-repeat center right 10px
    rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  text-align: center;
  color: #aca9a3;
  margin-bottom: 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#frm-baodanh select::-ms-expand {
  display: none;
}
#frm-baodanh select:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
}
#frm-baodanh option {
  background: rgb(196 170 128/34%);
}
#frm-baodanh input {
  width: 100%;
  height: 56px;
  background: rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  color: #aca9a3;
  text-align: center;
  margin-bottom: 91px;
  box-sizing: border-box;
}
#frm-baodanh button {
  outline: none;
  background: 0 0;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  #modal-sk4 .uk-modal-dialog {
    max-width: 93.333vw;
    background: url(../images/BG_mb-sk4.png) no-repeat center center;
    background-size: 100% 100%;
	height: 306px;
  }
  #modal-sk4 .uk-modal-body {
    padding: 12vw 3.333vw 29.733vw;
  }
  .modal-baodanh-content p {
    font-size: 4vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content h2 {
    font-size: 6.267vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content p br {
    display: none;
  }
  #frm-baodanh input {
    margin-bottom: 8.667vw;
    height: 40px;
    font-size: 18px;
  }
  #frm-baodanh select {
    height: 40px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../images/select-arrow-mb.png) no-repeat center right 5px
      rgb(196 170 128/34%);
  }
  #frm-baodanh button img {
    max-width: 35.067vw;
  }
  #modal-sk4 .uk-close {
    top: 10px;
    right: 10px;
  }
  .F6-content .uk-flex {
    flex-wrap: wrap;
  }
  .f6-item {
    margin: 0 2.604vw;
    max-width: 26vw;
    margin-bottom: 2vw;
  }
}

#modal-sk5 {
  padding-top: 20px;
  z-index: 99999999;
}
#modal-sk5 .uk-close {
  top: 35px;
  right: 35px;
}
#modal-sk5 .uk-modal-dialog {
  width: 100%;
  max-width: 1224px !important;
  background: url(../images/BG-sk5.png) no-repeat center center;
  background-size: 100% 100%;
  height: 603px;
}
#modal-sk5 .uk-modal-body {
  padding: 75px 30px 160px;
}
.modal-baodanh-content h2 {
  font-weight: 700;
  font-family: roboto condensed, sans-serif;
  font-size: 47px;
  color: #b6b6b6;
  margin-bottom: 50px;
}
.modal-baodanh-content p {
  font-family: roboto condensed, sans-serif;
  color: #b6b6b6;
  font-size: 30px;
  margin-bottom: 50px;
}
#frm-baodanh {
  width: 100%;
  max-width: 654px;
  margin: auto;
}
#frm-baodanh select {
  width: 100%;
  height: 56px;
  background: url(../images/select-arrow.png) no-repeat center right 10px
    rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  text-align: center;
  color: #aca9a3;
  margin-bottom: 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#frm-baodanh select::-ms-expand {
  display: none;
}
#frm-baodanh select:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
}
#frm-baodanh option {
  background: rgb(196 170 128/34%);
}
#frm-baodanh input {
  width: 100%;
  height: 56px;
  background: rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  color: #aca9a3;
  text-align: center;
  margin-bottom: 91px;
  box-sizing: border-box;
}
#frm-baodanh button {
  outline: none;
  background: 0 0;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  #modal-sk5 .uk-modal-dialog {
    max-width: 93.333vw;
    background: url(../images/BG_mb-sk5.png) no-repeat center center;
    background-size: 100% 100%;
	height: 306px;
  }
  #modal-sk5 .uk-modal-body {
    padding: 12vw 3.333vw 29.733vw;
  }
  .modal-baodanh-content p {
    font-size: 4vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content h2 {
    font-size: 6.267vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content p br {
    display: none;
  }
  #frm-baodanh input {
    margin-bottom: 8.667vw;
    height: 40px;
    font-size: 18px;
  }
  #frm-baodanh select {
    height: 40px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../images/select-arrow-mb.png) no-repeat center right 5px
      rgb(196 170 128/34%);
  }
  #frm-baodanh button img {
    max-width: 35.067vw;
  }
  #modal-sk5 .uk-close {
    top: 10px;
    right: 10px;
  }
  .F6-content .uk-flex {
    flex-wrap: wrap;
  }
  .f6-item {
    margin: 0 2.604vw;
    max-width: 26vw;
    margin-bottom: 2vw;
  }
}

#modal-sk6 {
  padding-top: 20px;
  z-index: 99999999;
}
#modal-sk6 .uk-close {
  top: 35px;
  right: 35px;
}
#modal-sk6 .uk-modal-dialog {
  width: 100%;
  max-width: 1224px !important;
  background: url(../images/BG-sk6.png) no-repeat center center;
  background-size: 100% 100%;
  height: 603px;
}
#modal-sk6 .uk-modal-body {
  padding: 75px 30px 160px;
}
.modal-baodanh-content h2 {
  font-weight: 700;
  font-family: roboto condensed, sans-serif;
  font-size: 47px;
  color: #b6b6b6;
  margin-bottom: 50px;
}
.modal-baodanh-content p {
  font-family: roboto condensed, sans-serif;
  color: #b6b6b6;
  font-size: 30px;
  margin-bottom: 50px;
}
#frm-baodanh {
  width: 100%;
  max-width: 654px;
  margin: auto;
}
#frm-baodanh select {
  width: 100%;
  height: 56px;
  background: url(../images/select-arrow.png) no-repeat center right 10px
    rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  text-align: center;
  color: #aca9a3;
  margin-bottom: 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#frm-baodanh select::-ms-expand {
  display: none;
}
#frm-baodanh select:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
}
#frm-baodanh option {
  background: rgb(196 170 128/34%);
}
#frm-baodanh input {
  width: 100%;
  height: 56px;
  background: rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  color: #aca9a3;
  text-align: center;
  margin-bottom: 91px;
  box-sizing: border-box;
}
#frm-baodanh button {
  outline: none;
  background: 0 0;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  #modal-sk6 .uk-modal-dialog {
    max-width: 93.333vw;
    background: url(../images/BG_mb-sk6.png) no-repeat center center;
    background-size: 100% 100%;
	height: 306px;
  }
  #modal-sk6 .uk-modal-body {
    padding: 12vw 3.333vw 29.733vw;
  }
  .modal-baodanh-content p {
    font-size: 4vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content h2 {
    font-size: 6.267vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content p br {
    display: none;
  }
  #frm-baodanh input {
    margin-bottom: 8.667vw;
    height: 40px;
    font-size: 18px;
  }
  #frm-baodanh select {
    height: 40px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../images/select-arrow-mb.png) no-repeat center right 5px
      rgb(196 170 128/34%);
  }
  #frm-baodanh button img {
    max-width: 35.067vw;
  }
  #modal-sk6 .uk-close {
    top: 10px;
    right: 10px;
  }
  .F6-content .uk-flex {
    flex-wrap: wrap;
  }
  .f6-item {
    margin: 0 2.604vw;
    max-width: 26vw;
    margin-bottom: 2vw;
  }
}

#modal-sk7 {
  padding-top: 20px;
  z-index: 99999999;
}
#modal-sk7 .uk-close {
  top: 35px;
  right: 35px;
}
#modal-sk7 .uk-modal-dialog {
  width: 100%;
  max-width: 1224px !important;
  background: url(../images/BG-sk7.png) no-repeat center center;
  background-size: 100% 100%;
  height: 603px;
}
#modal-sk7 .uk-modal-body {
  padding: 75px 30px 160px;
}
.modal-baodanh-content h2 {
  font-weight: 700;
  font-family: roboto condensed, sans-serif;
  font-size: 47px;
  color: #b6b6b6;
  margin-bottom: 50px;
}
.modal-baodanh-content p {
  font-family: roboto condensed, sans-serif;
  color: #b6b6b6;
  font-size: 30px;
  margin-bottom: 50px;
}
#frm-baodanh {
  width: 100%;
  max-width: 654px;
  margin: auto;
}
#frm-baodanh select {
  width: 100%;
  height: 56px;
  background: url(../images/select-arrow.png) no-repeat center right 10px
    rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  text-align: center;
  color: #aca9a3;
  margin-bottom: 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#frm-baodanh select::-ms-expand {
  display: none;
}
#frm-baodanh select:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
}
#frm-baodanh option {
  background: rgb(196 170 128/34%);
}
#frm-baodanh input {
  width: 100%;
  height: 56px;
  background: rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  color: #aca9a3;
  text-align: center;
  margin-bottom: 91px;
  box-sizing: border-box;
}
#frm-baodanh button {
  outline: none;
  background: 0 0;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  #modal-sk7 .uk-modal-dialog {
    max-width: 93.333vw;
    background: url(../images/BG_mb-sk7.png) no-repeat center center;
    background-size: 100% 100%;
	height: 306px;
  }
  #modal-sk7 .uk-modal-body {
    padding: 12vw 3.333vw 29.733vw;
  }
  .modal-baodanh-content p {
    font-size: 4vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content h2 {
    font-size: 6.267vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content p br {
    display: none;
  }
  #frm-baodanh input {
    margin-bottom: 8.667vw;
    height: 40px;
    font-size: 18px;
  }
  #frm-baodanh select {
    height: 40px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../images/select-arrow-mb.png) no-repeat center right 5px
      rgb(196 170 128/34%);
  }
  #frm-baodanh button img {
    max-width: 35.067vw;
  }
  #modal-sk7 .uk-close {
    top: 10px;
    right: 10px;
  }
  .F6-content .uk-flex {
    flex-wrap: wrap;
  }
  .f6-item {
    margin: 0 2.604vw;
    max-width: 26vw;
    margin-bottom: 2vw;
  }
}

#modal-sk8 {
  padding-top: 20px;
  z-index: 99999999;
}
#modal-sk8 .uk-close {
  top: 35px;
  right: 35px;
}
#modal-sk8 .uk-modal-dialog {
  width: 100%;
  max-width: 1224px !important;
  background: url(../images/BG-sk8.png) no-repeat center center;
  background-size: 100% 100%;
  height: 603px;
}
#modal-sk8 .uk-modal-body {
  padding: 75px 30px 160px;
}
.modal-baodanh-content h2 {
  font-weight: 700;
  font-family: roboto condensed, sans-serif;
  font-size: 47px;
  color: #b6b6b6;
  margin-bottom: 50px;
}
.modal-baodanh-content p {
  font-family: roboto condensed, sans-serif;
  color: #b6b6b6;
  font-size: 30px;
  margin-bottom: 50px;
}
#frm-baodanh {
  width: 100%;
  max-width: 654px;
  margin: auto;
}
#frm-baodanh select {
  width: 100%;
  height: 56px;
  background: url(../images/select-arrow.png) no-repeat center right 10px
    rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  text-align: center;
  color: #aca9a3;
  margin-bottom: 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#frm-baodanh select::-ms-expand {
  display: none;
}
#frm-baodanh select:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
}
#frm-baodanh option {
  background: rgb(196 170 128/34%);
}
#frm-baodanh input {
  width: 100%;
  height: 56px;
  background: rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  color: #aca9a3;
  text-align: center;
  margin-bottom: 91px;
  box-sizing: border-box;
}
#frm-baodanh button {
  outline: none;
  background: 0 0;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  #modal-sk8 .uk-modal-dialog {
    max-width: 93.333vw;
    background: url(../images/BG_mb-sk8.png) no-repeat center center;
    background-size: 100% 100%;
	height: 306px;
  }
  #modal-sk8 .uk-modal-body {
    padding: 12vw 3.333vw 29.733vw;
  }
  .modal-baodanh-content p {
    font-size: 4vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content h2 {
    font-size: 6.267vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content p br {
    display: none;
  }
  #frm-baodanh input {
    margin-bottom: 8.667vw;
    height: 40px;
    font-size: 18px;
  }
  #frm-baodanh select {
    height: 40px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../images/select-arrow-mb.png) no-repeat center right 5px
      rgb(196 170 128/34%);
  }
  #frm-baodanh button img {
    max-width: 35.067vw;
  }
  #modal-sk8 .uk-close {
    top: 10px;
    right: 10px;
  }
  .F6-content .uk-flex {
    flex-wrap: wrap;
  }
  .f6-item {
    margin: 0 2.604vw;
    max-width: 26vw;
    margin-bottom: 2vw;
  }
}


#modal-sk9 {
  padding-top: 20px;
  z-index: 99999999;
}
#modal-sk9 .uk-close {
  top: 35px;
  right: 35px;
}
#modal-sk9 .uk-modal-dialog {
  width: 100%;
  max-width: 1224px !important;
  background: url(../images/BG-sk9.png) no-repeat center center;
  background-size: 100% 100%;
  height: 603px;
}
#modal-sk9 .uk-modal-body {
  padding: 75px 30px 160px;
}
.modal-baodanh-content h2 {
  font-weight: 700;
  font-family: roboto condensed, sans-serif;
  font-size: 47px;
  color: #b6b6b6;
  margin-bottom: 50px;
}
.modal-baodanh-content p {
  font-family: roboto condensed, sans-serif;
  color: #b6b6b6;
  font-size: 30px;
  margin-bottom: 50px;
}
#frm-baodanh {
  width: 100%;
  max-width: 654px;
  margin: auto;
}
#frm-baodanh select {
  width: 100%;
  height: 56px;
  background: url(../images/select-arrow.png) no-repeat center right 10px
    rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  text-align: center;
  color: #aca9a3;
  margin-bottom: 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#frm-baodanh select::-ms-expand {
  display: none;
}
#frm-baodanh select:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
}
#frm-baodanh option {
  background: rgb(196 170 128/34%);
}
#frm-baodanh input {
  width: 100%;
  height: 56px;
  background: rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  color: #aca9a3;
  text-align: center;
  margin-bottom: 91px;
  box-sizing: border-box;
}
#frm-baodanh button {
  outline: none;
  background: 0 0;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  #modal-sk9 .uk-modal-dialog {
    max-width: 93.333vw;
    background: url(../images/BG_mb-sk9.png) no-repeat center center;
    background-size: 100% 100%;
	height: 306px;
  }
  #modal-sk9 .uk-modal-body {
    padding: 12vw 3.333vw 29.733vw;
  }
  .modal-baodanh-content p {
    font-size: 4vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content h2 {
    font-size: 6.267vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content p br {
    display: none;
  }
  #frm-baodanh input {
    margin-bottom: 8.667vw;
    height: 40px;
    font-size: 18px;
  }
  #frm-baodanh select {
    height: 40px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../images/select-arrow-mb.png) no-repeat center right 5px
      rgb(196 170 128/34%);
  }
  #frm-baodanh button img {
    max-width: 35.067vw;
  }
  #modal-sk9 .uk-close {
    top: 10px;
    right: 10px;
  }
  .F6-content .uk-flex {
    flex-wrap: wrap;
  }
  .f6-item {
    margin: 0 2.604vw;
    max-width: 26vw;
    margin-bottom: 2vw;
  }
}

#modal-sk10 {
  padding-top: 20px;
  z-index: 99999999;
}
#modal-sk10 .uk-close {
  top: 35px;
  right: 35px;
}
#modal-sk10 .uk-modal-dialog {
  width: 100%;
  max-width: 1224px !important;
  background: url(../images/BG-sk10.png) no-repeat center center;
  background-size: 100% 100%;
  height: 603px;
}
#modal-sk10 .uk-modal-body {
  padding: 75px 30px 160px;
}
.modal-baodanh-content h2 {
  font-weight: 700;
  font-family: roboto condensed, sans-serif;
  font-size: 47px;
  color: #b6b6b6;
  margin-bottom: 50px;
}
.modal-baodanh-content p {
  font-family: roboto condensed, sans-serif;
  color: #b6b6b6;
  font-size: 30px;
  margin-bottom: 50px;
}
#frm-baodanh {
  width: 100%;
  max-width: 654px;
  margin: auto;
}
#frm-baodanh select {
  width: 100%;
  height: 56px;
  background: url(../images/select-arrow.png) no-repeat center right 10px
    rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  text-align: center;
  color: #aca9a3;
  margin-bottom: 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#frm-baodanh select::-ms-expand {
  display: none;
}
#frm-baodanh select:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
}
#frm-baodanh option {
  background: rgb(196 170 128/34%);
}
#frm-baodanh input {
  width: 100%;
  height: 56px;
  background: rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  color: #aca9a3;
  text-align: center;
  margin-bottom: 91px;
  box-sizing: border-box;
}
#frm-baodanh button {
  outline: none;
  background: 0 0;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  #modal-sk10 .uk-modal-dialog {
    max-width: 93.333vw;
    background: url(../images/BG_mb-sk10.png) no-repeat center center;
    background-size: 100% 100%;
	height: 306px;
  }
  #modal-sk10 .uk-modal-body {
    padding: 12vw 3.333vw 29.733vw;
  }
  .modal-baodanh-content p {
    font-size: 4vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content h2 {
    font-size: 6.267vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content p br {
    display: none;
  }
  #frm-baodanh input {
    margin-bottom: 8.667vw;
    height: 40px;
    font-size: 18px;
  }
  #frm-baodanh select {
    height: 40px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../images/select-arrow-mb.png) no-repeat center right 5px
      rgb(196 170 128/34%);
  }
  #frm-baodanh button img {
    max-width: 35.067vw;
  }
  #modal-sk10 .uk-close {
    top: 10px;
    right: 10px;
  }
  .F6-content .uk-flex {
    flex-wrap: wrap;
  }
  .f6-item {
    margin: 0 2.604vw;
    max-width: 26vw;
    margin-bottom: 2vw;
  }
}

#modal-sk11 {
  padding-top: 20px;
  z-index: 99999999;
}
#modal-sk11 .uk-close {
  top: 35px;
  right: 35px;
}
#modal-sk11 .uk-modal-dialog {
  width: 100%;
  max-width: 1224px !important;
  background: url(../images/BG-sk11.png) no-repeat center center;
  background-size: 100% 100%;
  height: 603px;
}
#modal-sk11 .uk-modal-body {
  padding: 75px 30px 160px;
}
.modal-baodanh-content h2 {
  font-weight: 700;
  font-family: roboto condensed, sans-serif;
  font-size: 47px;
  color: #b6b6b6;
  margin-bottom: 50px;
}
.modal-baodanh-content p {
  font-family: roboto condensed, sans-serif;
  color: #b6b6b6;
  font-size: 30px;
  margin-bottom: 50px;
}
#frm-baodanh {
  width: 100%;
  max-width: 654px;
  margin: auto;
}
#frm-baodanh select {
  width: 100%;
  height: 56px;
  background: url(../images/select-arrow.png) no-repeat center right 10px
    rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  text-align: center;
  color: #aca9a3;
  margin-bottom: 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#frm-baodanh select::-ms-expand {
  display: none;
}
#frm-baodanh select:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
}
#frm-baodanh option {
  background: rgb(196 170 128/34%);
}
#frm-baodanh input {
  width: 100%;
  height: 56px;
  background: rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  color: #aca9a3;
  text-align: center;
  margin-bottom: 91px;
  box-sizing: border-box;
}
#frm-baodanh button {
  outline: none;
  background: 0 0;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  #modal-sk11 .uk-modal-dialog {
    max-width: 93.333vw;
    background: url(../images/BG_mb-sk11.png) no-repeat center center;
    background-size: 100% 100%;
	height: 306px;
  }
  #modal-sk11 .uk-modal-body {
    padding: 12vw 3.333vw 29.733vw;
  }
  .modal-baodanh-content p {
    font-size: 4vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content h2 {
    font-size: 6.267vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content p br {
    display: none;
  }
  #frm-baodanh input {
    margin-bottom: 8.667vw;
    height: 40px;
    font-size: 18px;
  }
  #frm-baodanh select {
    height: 40px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../images/select-arrow-mb.png) no-repeat center right 5px
      rgb(196 170 128/34%);
  }
  #frm-baodanh button img {
    max-width: 35.067vw;
  }
  #modal-sk11 .uk-close {
    top: 10px;
    right: 10px;
  }
  .F6-content .uk-flex {
    flex-wrap: wrap;
  }
  .f6-item {
    margin: 0 2.604vw;
    max-width: 26vw;
    margin-bottom: 2vw;
  }
}

#modal-sk12 {
  padding-top: 20px;
  z-index: 99999999;
}
#modal-sk12 .uk-close {
  top: 35px;
  right: 35px;
}
#modal-sk12 .uk-modal-dialog {
  width: 100%;
  max-width: 1224px !important;
  background: url(../images/BG-sk12.png) no-repeat center center;
  background-size: 100% 100%;
  height: 603px;
}
#modal-sk12 .uk-modal-body {
  padding: 75px 30px 160px;
}
.modal-baodanh-content h2 {
  font-weight: 700;
  font-family: roboto condensed, sans-serif;
  font-size: 47px;
  color: #b6b6b6;
  margin-bottom: 50px;
}
.modal-baodanh-content p {
  font-family: roboto condensed, sans-serif;
  color: #b6b6b6;
  font-size: 30px;
  margin-bottom: 50px;
}
#frm-baodanh {
  width: 100%;
  max-width: 654px;
  margin: auto;
}
#frm-baodanh select {
  width: 100%;
  height: 56px;
  background: url(../images/select-arrow.png) no-repeat center right 10px
    rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  text-align: center;
  color: #aca9a3;
  margin-bottom: 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#frm-baodanh select::-ms-expand {
  display: none;
}
#frm-baodanh select:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
}
#frm-baodanh option {
  background: rgb(196 170 128/34%);
}
#frm-baodanh input {
  width: 100%;
  height: 56px;
  background: rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  color: #aca9a3;
  text-align: center;
  margin-bottom: 91px;
  box-sizing: border-box;
}
#frm-baodanh button {
  outline: none;
  background: 0 0;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  #modal-sk12 .uk-modal-dialog {
    max-width: 93.333vw;
    background: url(../images/BG_mb-sk12.png) no-repeat center center;
    background-size: 100% 100%;
	height: 306px;
  }
  #modal-sk12 .uk-modal-body {
    padding: 12vw 3.333vw 29.733vw;
  }
  .modal-baodanh-content p {
    font-size: 4vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content h2 {
    font-size: 6.267vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content p br {
    display: none;
  }
  #frm-baodanh input {
    margin-bottom: 8.667vw;
    height: 40px;
    font-size: 18px;
  }
  #frm-baodanh select {
    height: 40px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../images/select-arrow-mb.png) no-repeat center right 5px
      rgb(196 170 128/34%);
  }
  #frm-baodanh button img {
    max-width: 35.067vw;
  }
  #modal-sk12 .uk-close {
    top: 10px;
    right: 10px;
  }
  .F6-content .uk-flex {
    flex-wrap: wrap;
  }
  .f6-item {
    margin: 0 2.604vw;
    max-width: 26vw;
    margin-bottom: 2vw;
  }
}

#modal-sk13 {
  padding-top: 20px;
  z-index: 99999999;
}
#modal-sk13 .uk-close {
  top: 35px;
  right: 35px;
}
#modal-sk13 .uk-modal-dialog {
  width: 100%;
  max-width: 1224px !important;
  background: url(../images/BG-sk13.png) no-repeat center center;
  background-size: 100% 100%;
  height: 603px;
}
#modal-sk13 .uk-modal-body {
  padding: 75px 30px 160px;
}
.modal-baodanh-content h2 {
  font-weight: 700;
  font-family: roboto condensed, sans-serif;
  font-size: 47px;
  color: #b6b6b6;
  margin-bottom: 50px;
}
.modal-baodanh-content p {
  font-family: roboto condensed, sans-serif;
  color: #b6b6b6;
  font-size: 30px;
  margin-bottom: 50px;
}
#frm-baodanh {
  width: 100%;
  max-width: 654px;
  margin: auto;
}
#frm-baodanh select {
  width: 100%;
  height: 56px;
  background: url(../images/select-arrow.png) no-repeat center right 10px
    rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  text-align: center;
  color: #aca9a3;
  margin-bottom: 17px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#frm-baodanh select::-ms-expand {
  display: none;
}
#frm-baodanh select:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #000;
}
#frm-baodanh option {
  background: rgb(196 170 128/34%);
}
#frm-baodanh input {
  width: 100%;
  height: 56px;
  background: rgb(196 170 128/34%);
  font-family: roboto condensed, sans-serif;
  font-size: 30px;
  letter-spacing: -0.001em;
  outline: none;
  border: none;
  color: #aca9a3;
  text-align: center;
  margin-bottom: 91px;
  box-sizing: border-box;
}
#frm-baodanh button {
  outline: none;
  background: 0 0;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  #modal-sk13 .uk-modal-dialog {
    max-width: 93.333vw;
    background: url(../images/BG_mb-sk13.png) no-repeat center center;
    background-size: 100% 100%;
	height: 306px;
  }
  #modal-sk13 .uk-modal-body {
    padding: 12vw 3.333vw 29.733vw;
  }
  .modal-baodanh-content p {
    font-size: 4vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content h2 {
    font-size: 6.267vw;
    margin-bottom: 6.667vw;
  }
  .modal-baodanh-content p br {
    display: none;
  }
  #frm-baodanh input {
    margin-bottom: 8.667vw;
    height: 40px;
    font-size: 18px;
  }
  #frm-baodanh select {
    height: 40px;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    background: url(../images/select-arrow-mb.png) no-repeat center right 5px
      rgb(196 170 128/34%);
  }
  #frm-baodanh button img {
    max-width: 35.067vw;
  }
  #modal-sk13 .uk-close {
    top: 10px;
    right: 10px;
  }
  .F6-content .uk-flex {
    flex-wrap: wrap;
  }
  .f6-item {
    margin: 0 2.604vw;
    max-width: 26vw;
    margin-bottom: 2vw;
  }
}

span.reponse-msg {
  color: #757575;
  background-color: #dcd5ca;
  padding: 38px 5px;
  border: 1px solid #8d5038;
  border-radius: 8px;
  font-size: 20px;
  font-family: roboto condensed;
}
