body {
  font-family: "Arial Regular", sans-serif;
}

/**
 * --------------------------------------------------------------------
 * Arial
 * --------------------------------------------------------------------
 */
@font-face {
  font-family: "Arial Regular";
  font-display: auto;
  src: local("Arial Regular"), url("fonts/Arial/arial.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/**
 * --------------------------------------------------------------------
 * Verdana
 * --------------------------------------------------------------------
 */
@font-face {
  font-family: "Verdana Regular";
  font-display: auto;
  src: local("Verdana Regular"), url("fonts/Fonts/Verdana.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Verdana Bold";
  font-display: auto;
  src: local("Verdana Bold"), url("fonts/Fonts/Verdana-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/**
 * --------------------------------------------------------------------
 * Roboto
 * --------------------------------------------------------------------
 */
@font-face {
  font-family: "Roboto Regular";
  font-display: auto;
  src: local("Roboto Regular"), url("fonts/Fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Black";
  font-display: auto;
  src: local("Roboto Black"), url("fonts/Fonts/Roboto-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Bold Italic";
  font-display: auto;
  src: local("Roboto Bold Italic"), url("fonts/Fonts/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Bold";
  font-display: auto;
  src: local("Roboto Bold"), url("fonts/Fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Medium";
  font-display: auto;
  src: local("Roboto Medium"), url("fonts/Fonts/Roboto-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Light Italic";
  font-display: auto;
  src: local("Roboto Light Italic"), url("fonts/Fonts/Roboto-LightItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@media (min-width: 1600px) {
  .uk-grid-5-xl {
    margin-left: -5px !important;
  }
  .uk-grid-5-xl > * {
    padding-left: 5px !important;
  }
  .uk-grid-5-xl > .uk-grid-margin {
    margin-top: 5px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-5-l {
    margin-left: -5px !important;
  }
  .uk-grid-5-l > * {
    padding-left: 5px !important;
  }
  .uk-grid-5-l > .uk-grid-margin {
    margin-top: 5px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-5-m {
    margin-left: -5px !important;
  }
  .uk-grid-5-m > * {
    padding-left: 5px !important;
  }
  .uk-grid-5-m > .uk-grid-margin {
    margin-top: 5px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-5-s {
    margin-left: -5px !important;
  }
  .uk-grid-5-s > * {
    padding-left: 5px !important;
  }
  .uk-grid-5-s > .uk-grid-margin {
    margin-top: 5px !important;
  }
}

.uk-grid-5 {
  margin-left: -5px;
}
.uk-grid-5 > * {
  padding-left: 5px;
}
.uk-grid-5 > .uk-grid-margin {
  margin-top: 5px;
}

@media (min-width: 1600px) {
  .uk-grid-10-xl {
    margin-left: -10px !important;
  }
  .uk-grid-10-xl > * {
    padding-left: 10px !important;
  }
  .uk-grid-10-xl > .uk-grid-margin {
    margin-top: 10px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-10-l {
    margin-left: -10px !important;
  }
  .uk-grid-10-l > * {
    padding-left: 10px !important;
  }
  .uk-grid-10-l > .uk-grid-margin {
    margin-top: 10px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-10-m {
    margin-left: -10px !important;
  }
  .uk-grid-10-m > * {
    padding-left: 10px !important;
  }
  .uk-grid-10-m > .uk-grid-margin {
    margin-top: 10px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-10-s {
    margin-left: -10px !important;
  }
  .uk-grid-10-s > * {
    padding-left: 10px !important;
  }
  .uk-grid-10-s > .uk-grid-margin {
    margin-top: 10px !important;
  }
}

.uk-grid-10 {
  margin-left: -10px;
}
.uk-grid-10 > * {
  padding-left: 10px;
}
.uk-grid-10 > .uk-grid-margin {
  margin-top: 10px;
}

@media (min-width: 1600px) {
  .uk-grid-20-xl {
    margin-left: -20px !important;
  }
  .uk-grid-20-xl > * {
    padding-left: 20px !important;
  }
  .uk-grid-20-xl > .uk-grid-margin {
    margin-top: 20px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-20-l {
    margin-left: -20px !important;
  }
  .uk-grid-20-l > * {
    padding-left: 20px !important;
  }
  .uk-grid-20-l > .uk-grid-margin {
    margin-top: 20px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-20-m {
    margin-left: -20px !important;
  }
  .uk-grid-20-m > * {
    padding-left: 20px !important;
  }
  .uk-grid-20-m > .uk-grid-margin {
    margin-top: 20px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-20-s {
    margin-left: -20px !important;
  }
  .uk-grid-20-s > * {
    padding-left: 20px !important;
  }
  .uk-grid-20-s > .uk-grid-margin {
    margin-top: 20px !important;
  }
}

.uk-grid-20 {
  margin-left: -20px;
}
.uk-grid-20 > * {
  padding-left: 20px;
}
.uk-grid-20 > .uk-grid-margin {
  margin-top: 20px;
}

@media (min-width: 1600px) {
  .uk-grid-23-xl {
    margin-left: -23px !important;
  }
  .uk-grid-23-xl > * {
    padding-left: 23px !important;
  }
  .uk-grid-23-xl > .uk-grid-margin {
    margin-top: 23px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-23-l {
    margin-left: -23px !important;
  }
  .uk-grid-23-l > * {
    padding-left: 23px !important;
  }
  .uk-grid-23-l > .uk-grid-margin {
    margin-top: 23px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-23-m {
    margin-left: -23px !important;
  }
  .uk-grid-23-m > * {
    padding-left: 23px !important;
  }
  .uk-grid-23-m > .uk-grid-margin {
    margin-top: 23px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-23-s {
    margin-left: -23px !important;
  }
  .uk-grid-23-s > * {
    padding-left: 23px !important;
  }
  .uk-grid-23-s > .uk-grid-margin {
    margin-top: 23px !important;
  }
}

.uk-grid-23 {
  margin-left: -23px;
}
.uk-grid-23 > * {
  padding-left: 23px;
}
.uk-grid-23 > .uk-grid-margin {
  margin-top: 23px;
}

@media (min-width: 1600px) {
  .uk-grid-30-xl {
    margin-left: -30px !important;
  }
  .uk-grid-30-xl > * {
    padding-left: 30px !important;
  }
  .uk-grid-30-xl > .uk-grid-margin {
    margin-top: 30px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-30-l {
    margin-left: -30px !important;
  }
  .uk-grid-30-l > * {
    padding-left: 30px !important;
  }
  .uk-grid-30-l > .uk-grid-margin {
    margin-top: 30px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-30-m {
    margin-left: -30px !important;
  }
  .uk-grid-30-m > * {
    padding-left: 30px !important;
  }
  .uk-grid-30-m > .uk-grid-margin {
    margin-top: 30px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-30-s {
    margin-left: -30px !important;
  }
  .uk-grid-30-s > * {
    padding-left: 30px !important;
  }
  .uk-grid-30-s > .uk-grid-margin {
    margin-top: 30px !important;
  }
}

.uk-grid-30 {
  margin-left: -30px;
}
.uk-grid-30 > * {
  padding-left: 30px;
}
.uk-grid-30 > .uk-grid-margin {
  margin-top: 30px;
}

@media (min-width: 1600px) {
  .uk-grid-35-xl {
    margin-left: -35px !important;
  }
  .uk-grid-35-xl > * {
    padding-left: 35px !important;
  }
  .uk-grid-35-xl > .uk-grid-margin {
    margin-top: 35px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-35-l {
    margin-left: -35px !important;
  }
  .uk-grid-35-l > * {
    padding-left: 35px !important;
  }
  .uk-grid-35-l > .uk-grid-margin {
    margin-top: 35px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-35-m {
    margin-left: -35px !important;
  }
  .uk-grid-35-m > * {
    padding-left: 35px !important;
  }
  .uk-grid-35-m > .uk-grid-margin {
    margin-top: 35px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-35-s {
    margin-left: -35px !important;
  }
  .uk-grid-35-s > * {
    padding-left: 35px !important;
  }
  .uk-grid-35-s > .uk-grid-margin {
    margin-top: 35px !important;
  }
}

.uk-grid-35 {
  margin-left: -35px;
}
.uk-grid-35 > * {
  padding-left: 35px;
}
.uk-grid-35 > .uk-grid-margin {
  margin-top: 35px;
}

@media (min-width: 1600px) {
  .uk-grid-40-xl {
    margin-left: -40px !important;
  }
  .uk-grid-40-xl > * {
    padding-left: 40px !important;
  }
  .uk-grid-40-xl > .uk-grid-margin {
    margin-top: 40px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-40-l {
    margin-left: -40px !important;
  }
  .uk-grid-40-l > * {
    padding-left: 40px !important;
  }
  .uk-grid-40-l > .uk-grid-margin {
    margin-top: 40px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-40-m {
    margin-left: -40px !important;
  }
  .uk-grid-40-m > * {
    padding-left: 40px !important;
  }
  .uk-grid-40-m > .uk-grid-margin {
    margin-top: 40px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-40-s {
    margin-left: -40px !important;
  }
  .uk-grid-40-s > * {
    padding-left: 40px !important;
  }
  .uk-grid-40-s > .uk-grid-margin {
    margin-top: 40px !important;
  }
}

.uk-grid-40 {
  margin-left: -40px;
}
.uk-grid-40 > * {
  padding-left: 40px;
}
.uk-grid-40 > .uk-grid-margin {
  margin-top: 40px;
}

@media (min-width: 1600px) {
  .uk-grid-50-xl {
    margin-left: -50px !important;
  }
  .uk-grid-50-xl > * {
    padding-left: 50px !important;
  }
  .uk-grid-50-xl > .uk-grid-margin {
    margin-top: 50px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-50-l {
    margin-left: -50px !important;
  }
  .uk-grid-50-l > * {
    padding-left: 50px !important;
  }
  .uk-grid-50-l > .uk-grid-margin {
    margin-top: 50px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-50-m {
    margin-left: -50px !important;
  }
  .uk-grid-50-m > * {
    padding-left: 50px !important;
  }
  .uk-grid-50-m > .uk-grid-margin {
    margin-top: 50px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-50-s {
    margin-left: -50px !important;
  }
  .uk-grid-50-s > * {
    padding-left: 50px !important;
  }
  .uk-grid-50-s > .uk-grid-margin {
    margin-top: 50px !important;
  }
}

.uk-grid-50 {
  margin-left: -50px;
}
.uk-grid-50 > * {
  padding-left: 50px;
}
.uk-grid-50 > .uk-grid-margin {
  margin-top: 50px;
}

@media (min-width: 1600px) {
  .uk-grid-60-xl {
    margin-left: -60px !important;
  }
  .uk-grid-60-xl > * {
    padding-left: 60px !important;
  }
  .uk-grid-60-xl > .uk-grid-margin {
    margin-top: 60px !important;
  }
}

@media (min-width: 1200px) {
  .uk-grid-60-l {
    margin-left: -60px !important;
  }
  .uk-grid-60-l > * {
    padding-left: 60px !important;
  }
  .uk-grid-60-l > .uk-grid-margin {
    margin-top: 60px !important;
  }
}

@media (min-width: 960px) {
  .uk-grid-60-m {
    margin-left: -60px !important;
  }
  .uk-grid-60-m > * {
    padding-left: 60px !important;
  }
  .uk-grid-60-m > .uk-grid-margin {
    margin-top: 60px !important;
  }
}

@media (min-width: 640px) {
  .uk-grid-60-s {
    margin-left: -60px !important;
  }
  .uk-grid-60-s > * {
    padding-left: 60px !important;
  }
  .uk-grid-60-s > .uk-grid-margin {
    margin-top: 60px !important;
  }
}

.uk-grid-60 {
  margin-left: -60px;
}
.uk-grid-60 > * {
  padding-left: 60px;
}
.uk-grid-60 > .uk-grid-margin {
  margin-top: 60px;
}

@media (min-width: 1600px) {
  .mb-0-xl {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 1200px) {
  .mb-0-l {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 960px) {
  .mb-0-m {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 640px) {
  .mb-0-s {
    margin-bottom: 0px !important;
  }
}

.mb-0 {
  margin-bottom: 0px;
}

@media (min-width: 1600px) {
  .mb-10-xl {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 1200px) {
  .mb-10-l {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 960px) {
  .mb-10-m {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 640px) {
  .mb-10-s {
    margin-bottom: 10px !important;
  }
}

.mb-10 {
  margin-bottom: 10px;
}

@media (min-width: 1600px) {
  .mb-20-xl {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 1200px) {
  .mb-20-l {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 960px) {
  .mb-20-m {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 640px) {
  .mb-20-s {
    margin-bottom: 20px !important;
  }
}

.mb-20 {
  margin-bottom: 20px;
}

@media (min-width: 1600px) {
  .mb-30-xl {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 1200px) {
  .mb-30-l {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 960px) {
  .mb-30-m {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 640px) {
  .mb-30-s {
    margin-bottom: 30px !important;
  }
}

.mb-30 {
  margin-bottom: 30px;
}

@media (min-width: 1600px) {
  .mb-40-xl {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 1200px) {
  .mb-40-l {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 960px) {
  .mb-40-m {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 640px) {
  .mb-40-s {
    margin-bottom: 40px !important;
  }
}

.mb-40 {
  margin-bottom: 40px;
}

@media (min-width: 1600px) {
  .mb-50-xl {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 1200px) {
  .mb-50-l {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 960px) {
  .mb-50-m {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 640px) {
  .mb-50-s {
    margin-bottom: 50px !important;
  }
}

.mb-50 {
  margin-bottom: 50px;
}

@media (min-width: 1600px) {
  .mt-0-xl {
    margin-top: 0px !important;
  }
}

@media (min-width: 1200px) {
  .mt-0-l {
    margin-top: 0px !important;
  }
}

@media (min-width: 960px) {
  .mt-0-m {
    margin-top: 0px !important;
  }
}

@media (min-width: 640px) {
  .mt-0-s {
    margin-top: 0px !important;
  }
}

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

@media (min-width: 1600px) {
  .mt-10-xl {
    margin-top: 10px !important;
  }
}

@media (min-width: 1200px) {
  .mt-10-l {
    margin-top: 10px !important;
  }
}

@media (min-width: 960px) {
  .mt-10-m {
    margin-top: 10px !important;
  }
}

@media (min-width: 640px) {
  .mt-10-s {
    margin-top: 10px !important;
  }
}

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

@media (min-width: 1600px) {
  .mt-20-xl {
    margin-top: 20px !important;
  }
}

@media (min-width: 1200px) {
  .mt-20-l {
    margin-top: 20px !important;
  }
}

@media (min-width: 960px) {
  .mt-20-m {
    margin-top: 20px !important;
  }
}

@media (min-width: 640px) {
  .mt-20-s {
    margin-top: 20px !important;
  }
}

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

@media (min-width: 1600px) {
  .mt-30-xl {
    margin-top: 30px !important;
  }
}

@media (min-width: 1200px) {
  .mt-30-l {
    margin-top: 30px !important;
  }
}

@media (min-width: 960px) {
  .mt-30-m {
    margin-top: 30px !important;
  }
}

@media (min-width: 640px) {
  .mt-30-s {
    margin-top: 30px !important;
  }
}

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

@media (min-width: 1600px) {
  .mt-40-xl {
    margin-top: 40px !important;
  }
}

@media (min-width: 1200px) {
  .mt-40-l {
    margin-top: 40px !important;
  }
}

@media (min-width: 960px) {
  .mt-40-m {
    margin-top: 40px !important;
  }
}

@media (min-width: 640px) {
  .mt-40-s {
    margin-top: 40px !important;
  }
}

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

@media (min-width: 1600px) {
  .mt-50-xl {
    margin-top: 50px !important;
  }
}

@media (min-width: 1200px) {
  .mt-50-l {
    margin-top: 50px !important;
  }
}

@media (min-width: 960px) {
  .mt-50-m {
    margin-top: 50px !important;
  }
}

@media (min-width: 640px) {
  .mt-50-s {
    margin-top: 50px !important;
  }
}

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

.fz-12, .home__contact__form__input.error ~ .error, .footer__copyright {
  font-size: 12px !important;
}
@media screen and (min-width: 640px) {
  .fz-12, .home__contact__form__input.error ~ .error, .footer__copyright {
    font-size: calc(12px + 0 * ((100vw - 640px) / 560)) !important;
  }
}
@media screen and (min-width: 1200px) {
  .fz-12, .home__contact__form__input.error ~ .error, .footer__copyright {
    font-size: 12px !important;
  }
}

.fz-14, .single__datetime, .single__author, .home__news__card__date, .sidebar__title {
  font-size: 14px !important;
}
@media screen and (min-width: 640px) {
  .fz-14, .single__datetime, .single__author, .home__news__card__date, .sidebar__title {
    font-size: calc(14px + 0 * ((100vw - 640px) / 560)) !important;
  }
}
@media screen and (min-width: 1200px) {
  .fz-14, .single__datetime, .single__author, .home__news__card__date, .sidebar__title {
    font-size: 14px !important;
  }
}

.fz-15, .home__contact__form__txt, .home__contact__form__input, .home__news__card__title {
  font-size: 15px !important;
}
@media screen and (min-width: 640px) {
  .fz-15, .home__contact__form__txt, .home__contact__form__input, .home__news__card__title {
    font-size: calc(15px + 0 * ((100vw - 640px) / 560)) !important;
  }
}
@media screen and (min-width: 1200px) {
  .fz-15, .home__contact__form__txt, .home__contact__form__input, .home__news__card__title {
    font-size: 15px !important;
  }
}

.fz-16, .home__contact__form__btn, .home__business__txt, .home__member__title__sub, .home__member__desc, .home__company__table tr td, .home__header__title__sub, .error, #res {
  font-size: 16px !important;
}
@media screen and (min-width: 640px) {
  .fz-16, .home__contact__form__btn, .home__business__txt, .home__member__title__sub, .home__member__desc, .home__company__table tr td, .home__header__title__sub, .error, #res {
    font-size: calc(16px + 0 * ((100vw - 640px) / 560)) !important;
  }
}
@media screen and (min-width: 1200px) {
  .fz-16, .home__contact__form__btn, .home__business__txt, .home__member__title__sub, .home__member__desc, .home__company__table tr td, .home__header__title__sub, .error, #res {
    font-size: 16px !important;
  }
}

.fz-18, .home__recruit__title1, .home__service__title {
  font-size: 18px !important;
}
@media screen and (min-width: 640px) {
  .fz-18, .home__recruit__title1, .home__service__title {
    font-size: calc(18px + 0 * ((100vw - 640px) / 560)) !important;
  }
}
@media screen and (min-width: 1200px) {
  .fz-18, .home__recruit__title1, .home__service__title {
    font-size: 18px !important;
  }
}

.fz-20 {
  font-size: 18px !important;
}
@media screen and (min-width: 640px) {
  .fz-20 {
    font-size: calc(18px + 2 * ((100vw - 640px) / 560)) !important;
  }
}
@media screen and (min-width: 1200px) {
  .fz-20 {
    font-size: 20px !important;
  }
}

.fz-24, .home__intro__txt {
  font-size: 19.2px !important;
}
@media screen and (min-width: 640px) {
  .fz-24, .home__intro__txt {
    font-size: calc(19.2px + 4.8 * ((100vw - 640px) / 560)) !important;
  }
}
@media screen and (min-width: 1200px) {
  .fz-24, .home__intro__txt {
    font-size: 24px !important;
  }
}

.fz-25, .home__member__title, .box1 .home__header__title {
  font-size: 20px !important;
}
@media screen and (min-width: 640px) {
  .fz-25, .home__member__title, .box1 .home__header__title {
    font-size: calc(20px + 5 * ((100vw - 640px) / 560)) !important;
  }
}
@media screen and (min-width: 1200px) {
  .fz-25, .home__member__title, .box1 .home__header__title {
    font-size: 25px !important;
  }
}

.fz-30, .single__title, .home__recruit__title {
  font-size: 24px !important;
}
@media screen and (min-width: 640px) {
  .fz-30, .single__title, .home__recruit__title {
    font-size: calc(24px + 6 * ((100vw - 640px) / 560)) !important;
  }
}
@media screen and (min-width: 1200px) {
  .fz-30, .single__title, .home__recruit__title {
    font-size: 30px !important;
  }
}

.fz-33, .home__vision__title {
  font-size: 23.1px !important;
}
@media screen and (min-width: 640px) {
  .fz-33, .home__vision__title {
    font-size: calc(23.1px + 9.9 * ((100vw - 640px) / 560)) !important;
  }
}
@media screen and (min-width: 1200px) {
  .fz-33, .home__vision__title {
    font-size: 33px !important;
  }
}

.fz-35, .home__header__title {
  font-size: 24.5px !important;
}
@media screen and (min-width: 640px) {
  .fz-35, .home__header__title {
    font-size: calc(24.5px + 10.5 * ((100vw - 640px) / 560)) !important;
  }
}
@media screen and (min-width: 1200px) {
  .fz-35, .home__header__title {
    font-size: 35px !important;
  }
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.item__120:nth-child(n+2) {
  margin-top: 120px;
}
.item__100:nth-child(n+2) {
  margin-top: 100px;
}
.home__hesinhthai__section .item__100:nth-child(n+2) {
  margin-top: 40px;
}
@media (min-width: 960px) {
  .home__hesinhthai__section .item__100:nth-child(n+2) {
    margin-top: 100px;
  }
}
.item__80:nth-child(n+2) {
  margin-top: 80px;
}
.item__60:nth-child(n+2) {
  margin-top: 60px;
}
.home__hesinhthai__section .item__60:nth-child(n+2), .home__quyenloi .item__60:nth-child(n+2) {
  margin-top: 30px;
}
@media (min-width: 960px) {
  .home__hesinhthai__section .item__60:nth-child(n+2), .home__quyenloi .item__60:nth-child(n+2) {
    margin-top: 60px;
  }
}
.item__50:nth-child(n+2) {
  margin-top: 50px;
}
.item__43:nth-child(n+2) {
  margin-top: 43px;
}
.home__tinhnang .item__43:nth-child(n+2) {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .home__tinhnang .item__43:nth-child(n+2) {
    margin-top: 43px;
  }
}
.item__40:nth-child(n+2) {
  margin-top: 40px;
}
.item__30:nth-child(n+2) {
  margin-top: 30px;
}
.footer__top .item__30:nth-child(n+2), .home__banner .item__30:nth-child(n+2), .home__hinhanh .item__30:nth-child(n+2), .home__tinhnang .item__30:nth-child(n+2) {
  margin-top: 16px;
}
@media (min-width: 960px) {
  .footer__top .item__30:nth-child(n+2), .home__banner .item__30:nth-child(n+2), .home__hinhanh .item__30:nth-child(n+2), .home__tinhnang .item__30:nth-child(n+2) {
    margin-top: 30px;
  }
}
.item__24:nth-child(n+2) {
  margin-top: 24px;
}
.home__quyenloi .item__24:nth-child(n+2) {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .home__quyenloi .item__24:nth-child(n+2) {
    margin-top: 24px;
  }
}
.item__20:nth-child(n+2) {
  margin-top: 20px;
}
.item__16:nth-child(n+2) {
  margin-top: 16px;
}
.item__15:nth-child(n+2) {
  margin-top: 15px;
}
.item__10:nth-child(n+2) {
  margin-top: 10px;
}
.item__8:nth-child(n+2) {
  margin-top: 8px;
}

.header {
  border-bottom: 1px solid transparent;
}
body:not(.home) .header {
  border-color: rgba(0, 0, 0, 0.08);
}
.header .uk-logo {
  padding: 0 15px;
}
@media (min-width: 960px) {
  .header .uk-logo {
    padding: 0;
  }
}
.header .uk-logo img {
  width: 100px;
}
@media (min-width: 960px) {
  .header .uk-logo img {
    width: 116px;
  }
}
.header .uk-navbar-toggle {
  padding: 0 15px;
}
.header.uk-sticky-below {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.08);
}
.header__dc, .header__navbar__nav > li > a, .header .uk-logo, .header .uk-navbar-toggle {
  min-height: 50px;
}
@media (min-width: 960px) {
  .header__dc, .header__navbar__nav > li > a, .header .uk-logo, .header .uk-navbar-toggle {
    min-height: 80px;
  }
}
.header .uk-offcanvas-close {
  color: #ffffff !important;
}
.header__navoffcanvas > li:nth-child(n+2) {
  margin-top: 20px;
}
.header__navoffcanvas > li > a {
  color: #ffffff !important;
}
.header__btnMenu {
  position: relative;
  color: #000 !important;
}
.header__btnMenu[aria-expanded=true] {
  position: fixed;
  z-index: 9999;
}
.header__btnMenu__span {
  position: absolute;
  display: block;
  width: 25px;
  height: 2px;
  background-color: #2b2b2b;
  transition: 0.5s ease-in-out;
}
.header__btnMenu__span:first-child {
  top: calc(8px + 10px);
  left: 10px;
}
.header__btnMenu[aria-expanded=true] .header__btnMenu__span:first-child {
  transform: rotate(45deg);
  top: calc(8px + 10px);
}
.header__btnMenu__span:nth-child(2) {
  top: calc(20px + 10px);
  left: 10px;
}
.header__btnMenu[aria-expanded=true] .header__btnMenu__span:nth-child(2) {
  transform: rotate(-45deg);
  top: calc(8px + 10px);
}
.header__navbar__nav > li.uk-active > a {
  color: #228B22;
}
.header__navbar__nav > li.uk-active > a:before {
  right: 0;
}
.header__navbar__nav > li > a {
  position: relative;
  color: #333;
}
.header__navbar__nav > li > a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: calc(102% - 0px);
  bottom: 20px;
  height: 1px;
  background-color: currentColor;
  transition: 0.3s ease-in-out;
  transition-property: right;
}
.footer__item:nth-child(n+2) {
  margin-top: 40px;
  padding-top: calc(40px - 40px);
}
@media (min-width: 960px) {
  .footer__item:nth-child(n+2) {
    margin-top: 30px;
  }
}
@media (min-width: 960px) {
  .footer__item:nth-child(2) {
    border-top: 1px solid #828289;
    padding-top: 30px;
  }
}
.footer .uk-subnav > li > a {
  text-transform: inherit;
}
.footer__box {
  padding: 6px 0;
  bottom: -94px;
}
@media (min-width: 960px) {
  .footer__box {
    bottom: -60px;
  }
}
.footer__box.display {
  bottom: 0;
}
.footer__box__txt {
  letter-spacing: 0.1em;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.footer__box__txt span {
  color: #ff203b !important;
}
.footer__box img {
  height: 35px;
}

.sidebar__title1 {
  font-family: "Verdana Bold", sans-serif;
  color: #000;
}
.sidebar__title {
  font-family: "Verdana Bold", sans-serif;
  word-break: break-all;
}
.sidebar__title a {
  color: #000;
}

#loader {
  display: none;
  width: 105px;
  height: 20px;
  padding: 5px 0 10px 0;
  background: url(mail/loading.gif) no-repeat center center;
}

#particles-js {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 0 0;
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
}

.error {
  color: red;
}

.home__header {
  border-left: solid 5px #f27d02;
  padding-left: 10px;
}
@media (min-width: 960px) {
  .home__header {
    padding-left: 20px;
  }
}
.home__header__title {
  margin-bottom: 0;
  line-height: 0.8571428571;
  font-family: "Verdana Regular", sans-serif;
  color: #2b2b2b;
}
.home__header__title__sub {
  display: block;
  margin-top: 10px;
  color: #828289;
}
.uk-light .home__header__title__sub {
  color: rgba(255, 255, 255, 0.7);
}
.home__intro__logo {
  max-width: 240px;
}
@media (min-width: 960px) {
  .home__intro__logo {
    max-width: 480px;
  }
}
.home__intro__txt {
  letter-spacing: 0.05em;
}
.home__service__title {
  font-weight: 600;
}
.home__vision__title {
  line-height: 1.3;
}
@media (min-width: 960px) {
  .home__vision__box {
    padding-left: 20px;
  }
}
.home__news__card {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}
.home__news__card__date {
  color: #828289;
  font-weight: bold;
}
.home__news__card__title {
  line-height: 1.5;
  margin: 0;
  margin-top: 15px;
  color: #2b2b2b;
}
@media (min-width: 960px) {
  .home__company__table tr:first-child {
    border-top: 1px solid #e5e5e5;
  }
}
@media (min-width: 960px) {
  .home__company__table tr:last-child {
    border-bottom: 1px solid #e5e5e5;
  }
}
.home__company__table tr td {
  line-height: 1.8;
}
.home__member__item:nth-child(n+2) {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .home__member__item:nth-child(n+2) {
    margin-top: 20px;
  }
}
.home__member__desc {
  line-height: 1.6;
}
.home__member__title {
  margin: 0;
  font-weight: 600;
}
.home__member__title__sub {
  color: #828289;
  display: block;
}
@media (min-width: 960px) {
  .home__member__title__sub {
    margin-left: 25px;
    display: inline-block;
  }
}
.home__recruit__title {
  font-family: "Roboto Bold", sans-serif;
}
.home__recruit__title1 {
  font-weight: 600;
}
.home__business__txt {
  line-height: 1.9;
  color: #2b2b2b;
}
.home__contact__section {
  background-color: #2b2b2b;
}
.home__contact__form__label {
  color: rgba(255, 255, 255, 0.7);
}
.home__contact__form__label sup {
  color: red;
}
.home__contact__form__input {
  border-radius: 4px;
  color: #2b2b2b !important;
}
.home__contact__form__input.error {
  color: red;
  border-color: red;
}
.home__contact__form__input.error ~ .error {
  color: red;
}
.home__contact__form__txt a {
  text-decoration: underline;
}
.home__contact__form__btn {
  min-width: 275px;
}

.single__title {
  font-family: "Verdana Bold", sans-serif;
  color: #000;
  margin: 0;
}
.single__author {
  font-family: "Verdana Bold", sans-serif;
  color: #000;
}
.single__datetime {
  font-family: "Verdana Regular", sans-serif;
}
.single__desc {
  font-family: "Verdana Bold", sans-serif;
  color: #000;
}
.single__desc p {
  margin: 0;
}
.single__article p {
  font-family: "Verdana Regular", sans-serif;
}

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