/*
Theme Name: VinaWebsite.VN
Description: Templates develop by vinahost.vn
Author: VINAHOST.VN
Template: flatsome..
Support: website@vinahost.vn
Version: 1.0
*/

/* font */
@font-face {
  font-family: "BebasNeue";
  font-style: normal;
  font-weight: 400;
  src: local("Bebas Neue Regular"), local("BebasNeue-Regular"), url(../flatsome-child/assets/fonts/svn-bebas_neue_regular.ttf) format("truetype");
}
@font-face {
  font-family: "BebasNeue";
  font-style: normal;
  font-weight: 700;
  src: local("Bebas Neue Bold"), local("BebasNeue-Bold"), url(../flatsome-child/assets/fonts/svn-bebas_neue_bold.ttf) format("truetype");
}
@font-face {
  font-family: "ap";
  src: url("../fonts/ap.eot?pmlk9e");
  src: url("../fonts/ap.eot?#iefixpmlk9e") format("embedded-opentype"), url("../assets/fonts/ap.ttf?pmlk9e") format("truetype"), url("../flatsome-child/assets/fonts/ap.woff?pmlk9e") format("woff"), url("../flatsome-child/assets/fonts/ap.svg?pmlk9e#ap") format("svg");
  font-weight: normal;
  font-style: normal;
}
.-ap,
.ap {
  font-family: "ap" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Bebas_Neue {
  font-family: BebasNeue;
}
.Roboto {
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
}
/* color */
.col_pri {
  color: #8080ff;
}
.bac_pri {
  background-color: #8080ff;
}
/* col_sec */
.col_sec {
  color: #683bbc;
}
.bac_sec {
  background-color: #683bbc;
}
/* col_thid */
.col_thid {
  color: #000;
}
.bac_thid {
  background-color: #000;
}
/* col_for */
.col_for {
  color: #fff;
}
.bac_for {
  background-color: #fff;
}
.bac_gra {
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
}
/* common */
p {
  margin-bottom: 0 !important;
}
b,
strong {
  font-weight: 700 !important;
}
/* header */
#header {
  /* masthead */
}
#header #masthead .header-nav-main.nav-left {
  -ms-flex-pack: center;
  justify-content: center;
}
#header #masthead .header-nav-main.nav-left > li {
  position: relative;
  padding: 16px 12px;
  margin: 0;
}
#header #masthead .header-nav-main.nav-left > li > a {
  display: block;
  color: #8080ff;
  font-size: 18px;
  line-height: unset;
  padding: 0;
  font-weight: 700;
  font-family: BebasNeue !important;
  letter-spacing: 0;
}
#header #masthead .header-nav-main.nav-left > li:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  border-bottom: 4px solid #8080ff;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}
#header #masthead .header-nav-main.nav-left > li:hover:before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
#header #masthead .header-nav-main.nav-left > li.active:after {
  content: "";
  position: absolute;
  height: 4px;
  background-color: #8080ff;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
#header #masthead .header-nav-main.nav-right li.header-search-form {
  min-width: 200px;
}
#header #masthead .header-nav-main.nav-right li.header-search-form input[type="search"] {
  font-size: 15px;
  height: 45px;
  background-color: #f3f3f3;
  border: none;
  font-family: BebasNeue;
  line-height: 45px;
  color: #333 !important;
  padding: 0 20px;
  font-weight: 700;
}
/* section-title-container */
.section-title-container {
  margin-bottom: 15px !important;
}
.section-title-container .section-title-normal {
  border-width: 1px;
  margin-bottom: 0;
}
.section-title-container .section-title-normal span {
  border: none;
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 3px 20px;
}
/* row-contactinfo */
.row-contactinfo p a {
  color: #8080ff;
}
.row-contactinfo .map_contact {
  position: relative;
  max-height: 435px;
  overflow: hidden;
  margin-top: 30px;
}
.row-contactinfo .map_contact iframe {
  border: none;
  top: -46px;
  position: relative;
}
/* hero-banner */
.hero-banner {
  position: relative;
  clear: both;
}
.hero-banner .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.hero-banner .cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-banner .bg-hero {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(36deg, #f0a64c 0, #25292d 100%);
  background-image: -moz-linear-gradient(36deg, #f0a64c 0, #25292d 100%);
  background-image: -o-linear-gradient(36deg, #f0a64c 0, #25292d 100%);
  background-image: linear-gradient(36deg, #f0a64c 0, #25292d 100%);
  top: 0px;
  left: 0px;
  opacity: 0.4;
  z-index: 2;
}
.hero-banner .hero-text {
  color: #fff;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 180px 0px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  z-index: 3;
  min-height: 31.5rem;
}
.hero-banner .hero-text .headline {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 500;
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
}
.hero-banner .hero-text .title {
  line-height: 1.2;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 600;
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
  color: #fff;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
}
.hero-banner .hero-text .post-type {
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
  font-size: 14px;
}
.hero-banner .hero-text .cta {
  padding: 15px 40px;
  margin-top: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-weight: 600;
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  text-shadow: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
  font-size: 14px;
  line-height: 14px;
}
.hero-banner.detail .hero-text .title {
  font-size: 28px;
  line-height: 34px;
}
/* top-article */
.top-article {
  background-color: #fafafa;
  position: relative;
}
.top-article .container {
  padding: 20px 0px;
}
.top-article .container .breadcrumb a {
  display: inline-block;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
  font-size: 14px;
  color: #555;
}
/* job_detail */
.job_detail {
  padding-top: 30px;
  background-color: #fff;
}
.job_detail .tuyendung-content .mt_job {
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial !important;
  font-size: 24px;
  margin-bottom: 20px;
  line-height: 1.3;
  color: #8080ff;
  font-weight: normal;
}
.job_detail .tuyendung-content .detail-article p {
  margin-bottom: 20px !important;
  color: #333;
  font-size: 14px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
}
.job_detail .tuyendung-content .job-related {
  padding: 30px 0px;
  border-top: 1px dotted #e0e0e0;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
}
.job_detail .tuyendung-content .job-related .name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.job_detail .tuyendung-content .job-related a {
  display: block;
  line-height: 20px;
  margin-bottom: 15px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  font-size: 14px;
  color: #555;
}
.job_detail .tuyendung-content .job-related .btn-viewall {
  font-weight: bold;
  text-align: center;
  display: inline-block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #555;
}
/* tuyendung-sidebar */
.tuyendung-sidebar .box_share {
  text-align: center;
}
.tuyendung-sidebar .box_share .name {
  color: #888;
  font-size: 14px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
}
.tuyendung-sidebar .desc-job {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
  padding: 20px;
  margin-top: 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tuyendung-sidebar .desc-job .desc {
  line-height: 25px;
  padding: 10px 0px;
  border-bottom: 1px dotted #e0e0e0;
  font-size: 14px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
}
.tuyendung-sidebar .desc-job .desc span {
  font-weight: bold;
  display: block;
}
.tuyendung-sidebar .desc-job .desc:last-child {
  border-bottom: 0px;
}
/* appform */
.appform > .col-inner {
  margin-top: 40px;
  border-top: 2px dotted rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 20px 30px;
  -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.appform .title_nd {
  font-weight: 300;
  font-size: 36px;
  padding-bottom: 30px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial !important;
  color: #555;
  margin-bottom: 0;
}
.appform form {
  margin-bottom: 0;
}
.appform form label {
  font-size: 14px;
  color: #666;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
  font-weight: 500;
}
.appform form label .star {
  color: red;
}
.appform form input {
  box-shadow: none !important;
  min-height: unset;
  line-height: unset;
  padding: 9px 13px;
  height: unset;
  border-radius: 3px;
  font-weight: 400;
  margin-top: 5px;
}
.appform form .label_cv {
  text-align: center;
  position: relative;
}
.appform form .label_cv .title_cv {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}
.appform form .label_cv .title_cv .more {
  display: block;
}
.appform form .your-cv {
  position: relative;
  border: 1px dashed #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.appform form .your-cv input {
  display: block;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  z-index: 101;
}
.appform form input[type="submit"] {
  text-transform: unset;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
  display: block;
  margin: 0;
  margin-top: 15px;
  width: 100%;
  font-size: 14px;
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  border: none;
}
/* row-giatricotloi */
.row-giatricotloi {
  margin-top: 30px;
}
.row-giatricotloi h3 {
  font-size: 32px;
  font-weight: 300;
  display: inline-block;
  color: #555;
  line-height: 1.2;
  margin-bottom: 20px;
}
.row-giatricotloi p {
  font-size: 16px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
}
/* row-loiich */
.row-loiich {
  border-top: 1px dotted #eee;
  padding-top: 60px;
  margin-top: 60px;
}
.row-loiich h2 {
  font-size: 32px;
  font-weight: 300;
  display: inline-block;
  color: #555;
  line-height: 1.2;
  margin-bottom: 20px;
}
.row-loiich .box .box-image {
  margin: unset;
}
.row-loiich .box .box-text h3 {
  font-size: 18px;
  margin-bottom: 20px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial !important;
  color: #555;
}
.row-loiich .box .box-text p {
  color: #555;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
}
.row-loiich .gallery-col .box-image .overlay {
  background-color: transparent !important;
}
/* sec-feedback */
.sec-feedback {
  margin: 30px 0;
}
.sec-feedback .text-box h3 {
  font-size: 20px;
  color: #333;
  font-weight: 500;
  line-height: 28px;
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial !important;
}
.sec-feedback .text-box p {
  line-height: 22px;
  margin-top: 10px;
  color: #555;
  font-size: 14px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
  font-style: italic;
}
.sec-feedback .text-box p:before,
.sec-feedback .text-box p:after {
  font-family: "ap";
  display: inline-block;
  opacity: 0.6;
  color: rgba(51, 51, 51, 0.5);
  font-style: normal;
}
.sec-feedback .text-box p:before {
  content: "\e8e7";
  margin-right: 5px;
}
.sec-feedback .text-box p:after {
  content: "\e8e8";
  margin-left: 5px;
}
/* sec-vitritd */
.sec-vitritd h3 {
  font-size: 32px;
  font-weight: 300;
  display: inline-block;
  color: #333;
  line-height: 1.2;
  margin-bottom: 20px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
}
.sec-vitritd p {
  font-weight: 300;
  line-height: 25px;
  color: #333;
  opacity: 0.8;
  font-size: 14px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
}
/* list-tuyendung */
.list-tuyendung .list-jobs {
  padding-bottom: 30px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
}
.list-tuyendung .list-jobs .title-cat {
  font-size: 20px;
  color: #333;
  position: relative;
  font-weight: 500;
  line-height: 30px;
  padding: 10px 15px;
  padding-left: 0;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial !important;
  margin-bottom: 0;
}
.list-tuyendung .list-jobs .title-cat:before {
  content: "";
  height: 3px;
  width: 70px;
  background: rgba(51, 51, 51, 0.1);
  position: absolute;
  bottom: 0px;
  left: 0;
}
.list-tuyendung .list-jobs .box-cat .item-job {
  padding: 10px 15px;
  padding-left: 7px;
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  display: table;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.list-tuyendung .list-jobs .box-cat .item-job .cell {
  display: table-cell;
  vertical-align: middle;
}
.list-tuyendung .list-jobs .box-cat .item-job .name-job {
  width: 60%;
}
.list-tuyendung .list-jobs .box-cat .item-job .name-job .title {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}
.list-tuyendung .list-jobs .box-cat .item-job .name-job .title a {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  line-height: 22px;
  color: #333;
  font-weight: 300;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
}
.list-tuyendung .list-jobs .box-cat .item-job .name-job .title a:hover {
  text-decoration: underline;
}
.list-tuyendung .list-jobs .box-cat .item-job .desc {
  opacity: 0.8;
  text-align: right;
  padding: 0px 20px;
}
.list-tuyendung .list-jobs .box-cat .item-job .desc .info {
  font-size: 13px;
  display: inline-block;
  line-height: 16px;
  opacity: unset;
  font-weight: unset;
}
.list-tuyendung .list-jobs .box-cat .item-job .desc .info .-ap {
  margin-right: 5px;
  color: #333;
  margin-left: 5px;
}
.list-tuyendung .list-jobs .box-cat .item-job .cta {
  text-align: right;
}
.list-tuyendung .list-jobs .box-cat .item-job .cta .btn-apply {
  font-weight: normal;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  padding: 10px 20px;
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, arial;
  line-height: 15px;
}
.list-tuyendung .list-jobs .box-cat .item-job:hover {
  background: rgba(51, 51, 51, 0.05);
}
.list-tuyendung .list-jobs:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media (max-width: 480px) {
  .list-tuyendung .list-jobs .box-cat .item-job .cell {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    padding: 0px;
  }
  .list-tuyendung .list-jobs .box-cat .item-job .cell .btn-apply {
    width: 100%;
    border-radius: 3px;
  }
}
/* banner_top_rewards */
.banner_top_rewards {
  min-height: 100vh;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-top: 40px;
  padding-bottom: 40px;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.banner_top_rewards .banner_top_rewards_info .banner_top_rewards_title {
  font-family: BebasNeue;
  font-weight: 700;
  font-size: 42px;
  margin-top: 0;
  margin-bottom: 10px;
  color: #fff;
}
.banner_top_rewards .banner_top_rewards_info .banner_top_rewards_content {
  color: #fff;
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.42857143;
}
.banner_top_rewards .banner_top_rewards_info .banner_top_rewards_link {
  color: #fff;
  padding: 10px 25px;
  position: relative;
  font-size: 16px;
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  display: inline-block;
  line-height: 1.42857143;
}
@media (max-width: 991px) {
  .banner_top_rewards {
    min-height: calc(60vh - 70px);
  }
}
@media (min-width: 320px) and (max-width: 568px) {
  .banner_top_rewards {
    min-height: calc(90vh - 70px);
  }
}
/* sec-quyenloi */
.sec-quyenloi {
  padding-top: 70px !important;
}
.sec-quyenloi .section-title-container {
  margin-bottom: 0 !important;
}
.sec-quyenloi .section-title-container h2.section-title-center {
  font-weight: 700;
  position: relative;
  margin-bottom: 30px;
  margin-top: 0;
  font-size: 42px;
  font-family: BebasNeue;
  color: #000;
}
.sec-quyenloi .section-title-container h2.section-title-center span {
  position: relative;
}
.sec-quyenloi .section-title-container h2.section-title-center span:after {
  content: "";
  height: 4px;
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  display: block;
  width: 50%;
  margin: 0 auto;
}
.sec-quyenloi .section-title-container h2.section-title-center b {
  background-color: transparent;
}
.sec-quyenloi .section-title-container h3.section-title-center {
  font-size: 24px;
  font-family: BebasNeue;
  color: #000;
  margin-top: 18px;
}
.sec-quyenloi .section-title-container h3.section-title-center b {
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  opacity: 1;
  height: 1px;
}
.sec-quyenloi p {
  font-size: 17px;
  text-align: center;
}
.sec-quyenloi p b {
  color: #8080ff;
}
.sec-quyenloi .row-iconql > .col {
  padding-bottom: 0;
}
.sec-quyenloi .row-tvkimcuong {
  margin-top: 20px;
}
.sec-quyenloi .box .box-text h3 {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 16px;
  color: #000;
  font-family: BebasNeue;
  text-transform: uppercase;
  font-weight: 700;
}
.sec-quyenloi .box .box-text p {
  font-size: 15px;
  line-height: 24px;
  color: #000;
  font-weight: 300;
}
.sec-quyenloi .btn-custom {
  display: inline-block;
  padding: 9px 40px;
  color: #fff;
  font-size: 18px;
  line-height: unset;
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  font-family: BebasNeue;
  font-weight: 700;
  letter-spacing: 0;
  min-height: unset;
  border: none;
}
.sec-quyenloi .restrictions {
  text-transform: uppercase;
  font-family: BebasNeue;
  font-weight: 700;
  font-size: 18px;
}
.sec-quyenloi .restrictions b,
.sec-quyenloi .restrictions strong {
  color: #8080ff;
}
/* sec-huongdan */
.sec-huongdan {
  padding-top: 70px !important;
}
.sec-huongdan .custom_subt {
  text-align: center;
  font-size: 17px;
  font-weight: 300;
}
.sec-huongdan .custom_subt b,
.sec-huongdan .custom_subt strong {
  color: #8080ff;
}
/* section-title-container */
.section-title-container {
  margin-bottom: 0 !important;
}
.section-title-container h2.section-title-center {
  font-weight: 700;
  position: relative;
  margin-bottom: 30px;
  margin-top: 0;
  font-size: 40px;
  font-family: BebasNeue;
  color: #000;
}
.section-title-container h2.section-title-center span {
  position: relative;
}
.section-title-container h2.section-title-center span:after {
  content: "";
  height: 4px;
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  display: block;
  width: 50%;
  margin: 0 auto;
}
.section-title-container h2.section-title-center b {
  background-color: transparent;
}
/* howto_rewards_wrap */
.howto_rewards_wrap {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 30px;
}
.howto_rewards_wrap .howto_rewards_wrap_img {
  width: 50%;
  text-align: center;
  z-index: 1;
}
.howto_rewards_wrap .howto_rewards_wrap_img .item {
  text-align: center;
}
.howto_rewards_wrap .howto_rewards_wrap_img .item img {
  width: auto;
  display: inline-block;
  height: 70vh;
}
.howto_rewards_wrap .lists_howto_rewards {
  width: 50%;
}
.howto_rewards_wrap .lists_howto_rewards .list_howto_rewards {
  margin-bottom: 40px;
  cursor: pointer;
  position: relative;
  padding: 0 0 10px 80px;
}
.howto_rewards_wrap .lists_howto_rewards .list_howto_rewards:before {
  content: attr(data-index);
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  font-family: "Bebas Neue", "Lato", sans-serif;
  text-align: center;
  line-height: 64px;
  border-radius: 50%;
  font-size: 24px;
  background: #000;
  color: #fff;
  margin-right: 30px;
  font-weight: 700;
}
.howto_rewards_wrap .lists_howto_rewards .list_howto_rewards > span {
  margin-bottom: 15px;
  font-size: 16px;
  display: block;
  font-family: BebasNeue;
  font-weight: 700;
  line-height: 1.42857143;
}
.howto_rewards_wrap .lists_howto_rewards .list_howto_rewards p {
  font-size: 15px;
  margin: 0;
  font-weight: 300;
  line-height: 1.42857143;
}
.howto_rewards_wrap .lists_howto_rewards .list_howto_rewards p b,
.howto_rewards_wrap .lists_howto_rewards .list_howto_rewards p strong {
  color: #8080ff;
}
.howto_rewards_wrap .lists_howto_rewards .list_howto_rewards.active:before {
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
}
@media (max-width: 767px) {
  .howto_rewards_wrap .howto_rewards_wrap_img {
    width: 100%;
    order: 2;
  }
  .howto_rewards_wrap .howto_rewards_wrap_img .item .rewards_img_info {
    margin-bottom: 40px;
  }
  .howto_rewards_wrap .howto_rewards_wrap_img .item .rewards_img_info span {
    margin-bottom: 15px;
    font-size: 16px;
    display: block;
    font-family: BebasNeue;
    font-weight: 700;
  }
  .howto_rewards_wrap .howto_rewards_wrap_img .item .rewards_img_info p b,
  .howto_rewards_wrap .howto_rewards_wrap_img .item .rewards_img_info p strong {
    color: #8080ff;
  }
  .howto_rewards_wrap .lists_howto_rewards {
    width: 100%;
    order: 1;
    text-align: center;
    padding-left: 10%;
  }
  .howto_rewards_wrap .lists_howto_rewards .list_howto_rewards {
    display: inline-block;
    width: 20%;
  }
  .howto_rewards_wrap .lists_howto_rewards .list_howto_rewards:before {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
  }
  .howto_rewards_wrap .lists_howto_rewards .list_howto_rewards span,
  .howto_rewards_wrap .lists_howto_rewards .list_howto_rewards p {
    display: none;
  }
  .howto_rewards_wrap .lists_howto_rewards .list_howto_rewards:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    right: 20%;
    top: 8px;
    fill: #333;
    background-image: url(../images/arrow-right-solid.svg);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
  }
}
/* sec-tichluy */
.sec-tichluy {
  padding-top: 70px !important;
}
.sec-tichluy .accordion .accordion-item .accordion-title {
  text-transform: uppercase;
  font-family: BebasNeue;
  font-size: 24px;
  padding-left: 0;
  border-color: #fff;
}
.sec-tichluy .accordion .accordion-item .accordion-title .toggle {
  left: unset;
  right: 0;
  margin: 0;
}
.sec-tichluy .accordion .accordion-item .accordion-title .toggle i {
  font-size: 30px;
}
.sec-tichluy .accordion .accordion-inner {
  padding: 0;
}
.sec-tichluy .accordion .accordion-inner p {
  text-align: justify;
  font-size: 17px;
}
/* sec-member */
.sec-member .col-infomember {
  display: flex;
  align-items: center;
  font-size: 17px;
}
.sec-member .col-infomember b,
.sec-member .col-infomember strong {
  color: #8080ff;
}
.sec-member .col-infomember .img {
  display: inline-block;
  width: unset !important;
  margin-bottom: 0;
  margin-right: 15px;
  margin-top: 10px;
}
/* sec-tinhhoa */
.sec-tinhhoa {
  background: url(../images/instagram_bg.png) no-repeat right bottom;
}
/* page-template-page-cauchuyen */
.page-template-page-cauchuyen #wrapper,
.page-template-page-cauchuyen #main {
  background-color: #f5f5f5;
}
/* sec-giatrishc */
.sec-giatrishc .row-giatri > .col {
  padding: 0 15px 30px;
}
.sec-giatrishc .row-giatri > .col:not(.col-textgt) > .col-inner {
  height: 100%;
}
.sec-giatrishc .row-giatri > .col:not(.col-textgt) > .col-inner .img {
  height: 100%;
}
.sec-giatrishc .row-giatri > .col:not(.col-textgt) > .col-inner .img .img-inner {
  height: 100%;
}
.sec-giatrishc .row-giatri > .col:not(.col-textgt) > .col-inner .img .img-inner img {
  height: 100%;
  object-fit: cover;
}
.sec-giatrishc .row-giatri .col-textgt {
  display: flex;
  align-items: center;
}
.sec-giatrishc .row-giatri .col-textgt h3 {
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  font-family: BebasNeue;
  margin-top: 0;
  margin-bottom: 15px;
  line-height: 24px;
}
.sec-giatrishc .row-giatri .col-textgt p {
  font-size: 15px;
  line-height: 24px;
}
/* sec-hanhtrinh */
.sec-hanhtrinh .lists_year .list_year_item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.sec-hanhtrinh .lists_year .list_year_item .year {
  width: 25%;
  font-size: 42px;
  text-align: center;
  font-weight: 700;
  color: #8080ff;
  margin-top: 0;
  padding-right: 15px;
  font-family: BebasNeue;
  padding-top: 10px;
}
.sec-hanhtrinh .lists_year .list_year_item .year_content {
  width: 75%;
  padding-top: 10px;
  text-align: left;
  padding-bottom: 30px;
  border-bottom: 1px solid #fff;
}
.sec-hanhtrinh .lists_year .list_year_item .year_content .year_content_title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  font-family: BebasNeue;
  margin-bottom: 10px;
}
.sec-hanhtrinh .lists_year .list_year_item .year_content .year_content_wrap p {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
}
.sec-hanhtrinh .lists_year .list_year_item:nth-child(1) .year_content {
  padding-top: 0;
}
/* list_image_human */
.list_image_human .grid-col-1 {
  height: 530px;
}
.list_image_human .grid-col-1-2 {
  height: 265px;
}
.list_image_human > .col > .col-inner img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
/* human_wrap */
.human_wrap {
  padding: 0 !important;
  max-width: 1088px;
}
.human_wrap .human_img {
  float: left;
  min-width: 550px;
  height: 500px;
  background-position: 50% 50%;
  background-size: cover;
}
.human_wrap .human_content {
  width: calc(100% - 550px);
  float: left;
  padding: 20px 30px;
  max-height: 500px;
  overflow-y: auto;
}
.human_wrap .human_content .human_name {
  font-weight: 700;
  position: relative;
  margin-bottom: 30px;
  margin-top: 0;
  font-size: 39px;
  font-family: BebasNeue;
  color: #000;
  display: inline-block;
  width: unset;
}
.human_wrap .human_content .human_name .human_job {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px !important;
}
.human_wrap .human_content .human_name:after {
  content: "";
  height: 4px;
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  width: 50%;
  display: block;
}
.human_wrap .human_content .human_des {
  font-size: 16px;
  font-weight: 300;
}
@media (max-width: 767px) {
  .human_wrap .human_img {
    min-width: 320px;
    height: 300px;
    width: 100%;
  }
  .human_wrap .human_content {
    width: 100%;
    padding: 15px;
  }
  .human_wrap .human_content .human_name {
    font-size: 26px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .human_wrap .human_img {
    min-width: 760px;
    height: 300px;
    width: 100%;
  }
  .human_wrap .human_content {
    width: 100%;
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .human_wrap {
    max-width: 740px;
  }
}
@media (max-width: 991px) {
  .human_wrap {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .human_wrap {
    max-width: 1088px;
  }
}
/*page_banner_top */
.page_banner_top {
  position: relative;
  background-position: 50% 50%;
  overflow: hidden;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.page_banner_top .banner_top_title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  left: 0;
}
.page_banner_top .banner_top_title h1 {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
  font-family: BebasNeue;
  margin: 0;
}
@media (min-width: 48em) {
  .page_banner_top {
    min-height: 350px;
  }
}
@media (max-width: 48em) {
  .page_banner_top {
    min-height: 300px;
  }
}
/* category-blog */
.category-blog #wrapper,
.category-blog #main {
  background-color: #f5f5f5;
}
.category-blog .post-sidebar {
  border-left: 1px solid #8080ff;
}
.category-blog .col.post-item > .col-inner {
  background-color: #fff;
}
.category-blog .col.post-item > .col-inner .box-text {
  padding: 25px;
}
.category-blog .col.post-item > .col-inner .box-text .cat-label {
  font-family: BebasNeue;
  font-size: 14px;
  font-weight: 700;
  color: #8080ff;
  opacity: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 5px !important;
  margin-top: 15px;
  display: block;
}
.category-blog .col.post-item > .col-inner .box-text .post-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  font-family: BebasNeue;
  color: #000;
  letter-spacing: 0;
  margin-top: 0;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.category-blog .col.post-item > .col-inner .box-text .post-meta {
  font-size: 14px;
  opacity: 1;
  line-height: 24px;
}
.category-blog .col.post-item > .col-inner .box-text .is-divider {
  display: none;
}
.category-blog .col.post-item > .col-inner .box-text p.from_the_blog_excerpt {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px !important;
  display: block;
  font-weight: 500;
}
.category-blog .col.post-item > .col-inner .box-text button {
  margin: 0;
  border: none;
  background-color: #8080ff;
  padding: 4px 25px;
  box-shadow: none;
  color: #fff;
  font-family: BebasNeue;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  position: relative;
  border: 2px solid transparent;
  z-index: 2;
  letter-spacing: 0;
}
.category-blog .col.post-item > .col-inner .box-text button:before {
  position: absolute;
  display: block;
  background-color: #8080ff;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.category-blog .col.post-item > .col-inner .box-text button:hover {
  background-color: transparent;
  background-image: unset;
  color: #8080ff;
  border-color: #8080ff;
}
.category-blog .col.post-item > .col-inner .box-text button:hover:before {
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.category-blog .list_p .col.post-item > .col-inner .box-text p.from_the_blog_excerpt {
  height: 96px;
  overflow: hidden;
}
/* post-sidebar */
.post-sidebar .widget {
  margin-bottom: 15px;
}
.post-sidebar .widget .widget-title {
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 0;
  font-size: 35px;
  line-height: 1.4;
  font-family: BebasNeue;
  color: #000;
  display: block;
  position: relative;
  letter-spacing: 0;
}
.post-sidebar .widget .widget-title:after {
  content: "";
  height: 4px;
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  width: 35%;
  display: block;
}
.post-sidebar .widget .is-divider {
  display: none;
}
.post-sidebar ul li.cat-item {
  border: none;
}
.post-sidebar ul li.cat-item a {
  padding: 3px 0;
}
.post-sidebar ul li.cat-item.active a {
  color: #8080ff;
}
.post-sidebar ul.category-posts-internal li {
  border: none !important;
}
.post-sidebar ul.category-posts-internal li:before,
.post-sidebar ul.category-posts-internal li:after {
  display: none;
}
.post-sidebar ul.category-posts-internal li a {
  font-size: 16px !important;
  display: block;
}
.post-sidebar ul.category-posts-internal li a:hover {
  color: #8080ff;
}
.post-sidebar .gallery-col.col .box-image .overlay {
  background-color: transparent !important;
}
/*category-khuyen-mai */
.category-khuyen-mai #wrapper,
.category-khuyen-mai #main {
  background-color: #f5f5f5;
}
.category-khuyen-mai .row-khuyenmai > .col {
  background-color: #fff;
  padding-top: 15px;
}
/* col-khuyenmai */
.col-khuyenmai .box-text {
  padding-bottom: 0;
}
.col-khuyenmai .box-text .post-title {
  font-family: BebasNeue;
  color: #000;
  letter-spacing: 0;
  margin-bottom: 5px;
}
.col-khuyenmai .box-text .post-title:hover {
  color: #8080ff;
}
.col-khuyenmai .box-text .from_the_blog_excerpt {
  font-size: 14px;
  margin-bottom: 7px;
}
.col-khuyenmai .box-text .date_ap strong {
  display: block;
  color: #000;
}
/* content */
.single #content {
  background-color: #f5f5f5;
}
.single .row-cspost {
  background-color: #fff;
  padding-top: 30px;
}
.single .row-cspost .entry-header .entry-header-text {
  padding-bottom: 0;
}
.single .row-cspost .entry-header .entry-header-text .entry-category {
  font-size: 16px;
  text-transform: unset;
  font-weight: 500;
  color: #191919;
}
.single .row-cspost .entry-header .entry-header-text .entry-title {
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: 0;
  font-size: 34px;
  font-family: BebasNeue;
  color: #000;
  position: relative;
  display: inline-block;
  width: unset;
  letter-spacing: 0;
}
.single .row-cspost .entry-header .entry-header-text .entry-title:after {
  content: "";
  height: 4px;
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  width: 50%;
  display: block;
}
.single .row-cspost .entry-header .entry-header-text .entry-divider {
  display: none;
}
.single .row-cspost .entry-content {
  padding: 0;
}
/* related_p */
.related_p {
  margin-top: 30px;
  text-align: center;
}
.related_p .title_related {
  font-weight: 700;
  position: relative;
  margin-bottom: 30px;
  margin-top: 0;
  font-size: 35px;
  font-family: BebasNeue;
  text-align: center;
  display: inline-block;
  width: unset;
  color: #000;
}
.related_p .title_related:after {
  content: "";
  height: 4px;
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  margin: 0 auto;
  width: 50%;
  display: block;
}
.category-blog .related_p .col.post-item > .col-inner .box-text {
  padding: 0;
  padding-top: 10px;
}
.category-blog .related_p .col.post-item > .col-inner .box-text .post-title {
  font-size: 20px;
  margin-bottom: 5px;
}
.category-blog .related_p .col.post-item > .col-inner .box-text p.from_the_blog_excerpt {
  height: 96px;
  overflow: hidden;
}
/* sec-slide */
.sec-slide {
  position: relative;
  height: calc(100vh - 61px);
  overflow: hidden;
}
.sec-slide .slide_home {
  height: calc(100vh - 61px);
  overflow: hidden;
}
.sec-slide .slide_home .item {
  position: relative;
  height: calc(100vh - 61px);
  overflow: hidden;
  background-position: center center;
  background-size: cover;
}
.sec-slide .slide_home .item .hrv-banner-caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.sec-slide .slide_home .item .hrv-banner-caption .container {
  height: 100%;
}
.sec-slide .slide_home .item .hrv-banner-caption .container .hrv-caption-inner {
  position: relative;
  height: 100%;
}
.sec-slide .slide_home .item .hrv-banner-caption .container .hrv-caption-inner .hrv-banner-content {
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}
.sec-slide .slide_home .item .hrv-banner-caption .container .hrv-caption-inner .hrv-banner-content .hrv-title1 {
  font-size: 42px;
  line-height: 58px;
  font-family: BebasNeue;
  font-weight: 700;
  max-width: 602px;
  margin: 0;
  margin-bottom: 10px;
  color: #fff;
  -webkit-animation: bounceInLeft 1000ms ease-in-out;
  -moz-animation: bounceInLeft 1000ms ease-in-out;
  -ms-animation: bounceInLeft 1000ms ease-in-out;
  animation: bounceInLeft 1000ms ease-in-out;
}
.sec-slide .slide_home .item .hrv-banner-caption .container .hrv-caption-inner .hrv-banner-content .hrv-title2 {
  font-size: 16px;
  text-align: justify;
  line-height: 22px;
  margin: 0;
  max-width: 530px;
  font-weight: 300;
  -webkit-animation: bounceInLeft 2000ms ease-in-out;
  -moz-animation: bounceInLeft 2000ms ease-in-out;
  -ms-animation: bounceInLeft 2000ms ease-in-out;
  animation: bounceInLeft 2000ms ease-in-out;
  color: #fff;
}
.sec-slide .slide_home .item .hrv-banner-caption .container .hrv-caption-inner .hrv-banner-content .hrv-url {
  position: relative;
  font-size: 18px;
  line-height: 25px;
  font-family: BebasNeue;
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 15px;
  font-weight: 700;
  padding: 10px 25px;
  -webkit-animation: bounceInLeft 3000ms ease-in-out;
  -moz-animation: bounceInLeft 3000ms ease-in-out;
  -ms-animation: bounceInLeft 3000ms ease-in-out;
  animation: bounceInLeft 3000ms ease-in-out;
}
.sec-slide .fixed-scroll-down {
  position: absolute;
  bottom: 10px;
  width: 65px;
  margin: auto;
  display: block;
  cursor: pointer;
  left: 0;
  right: 0;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-size: 11px;
  z-index: 2;
}
.sec-slide .fixed-scroll-down .fixed-scroll-text {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: left;
  font-family: BebasNeue;
  display: block;
}
.sec-slide .fixed-scroll-down .fixed-scroll-text:after {
  content: "";
  width: 80%;
  height: 2px;
  background: #fff;
  display: block;
}
.sec-slide .fixed-scroll-down .icon-scroll-down {
  height: 32px;
  width: 16px;
  display: inline-block;
  -webkit-animation: move 2s infinite;
  animation: move 2s infinite;
}
.sec-slide .fixed-scroll-down .icon-scroll-down .scroll-a,
.sec-slide .fixed-scroll-down .icon-scroll-down .scroll-d {
  fill: none;
}
.sec-slide .fixed-scroll-down .icon-scroll-down .scroll-a {
  stroke: #fff;
}
.sec-slide .fixed-scroll-down .icon-scroll-down .scroll-b {
  fill: #fff;
}
.sec-slide .fixed-scroll-down .icon-scroll-down .scroll-c {
  stroke: none;
}
@keyframes move {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
/* sec-aboutus */
.sec-aboutus p {
  font-size: 17px;
  margin-bottom: 10px !important;
  color: #000;
}
.sec-aboutus .col-imgbrands {
  margin-top: 30px;
}
.sec-aboutus .col-imgbrands .gallery-col.col .box-image .overlay {
  background-color: transparent !important;
}
/* home */
.home .section-title-container .section-title-normal {
  border-bottom: none;
  margin-bottom: 15px;
}
.home .section-title-container .section-title-normal .section-title-main {
  background: transparent;
  color: #000;
  font-family: BebasNeue;
  padding: 0;
  font-size: 35px;
  font-weight: unset;
  margin: 0;
  position: relative;
}
.home .section-title-container .section-title-normal .section-title-main:after {
  content: "";
  height: 4px;
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  width: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
}
/* sec-brands */
.sec-brands p {
  font-size: 16px;
  color: #000;
}
.sec-brands .row-logobrands {
  margin-top: 30px;
}
/*sec-khuyenmai */
.sec-khuyenmai .section-title-container .section-title-normal {
  margin-bottom: 30px;
}
.sec-khuyenmai .row-featuredkm .col-khuyenmai > .col-inner {
  background-color: #eeedf7;
}
.sec-khuyenmai .row-featuredkm .col-khuyenmai > .col-inner .post-title {
  font-size: 25px;
}
.sec-khuyenmai .row-listkm .flickity-button {
  opacity: 1;
  transform: unset;
}
.sec-khuyenmai .row-listkm .col.post-item {
  padding-bottom: 0 !important;
}
.sec-khuyenmai .row-listkm .col.post-item .box-image .overlay {
  background-color: transparent !important;
}
.sec-khuyenmai .row-listkm .col.post-item .post-title {
  font-family: BebasNeue;
}
.sec-khuyenmai .row-listkm .col.post-item .is-divider {
  display: none;
}
/* sec-blogs */
.sec-blogs {
  background: url(../images/bg_blog_home.png) no-repeat left top, #191919;
  padding: 80px 0 20px !important;
}
.sec-blogs .col-title {
  margin-bottom: 10px !important;
}
.sec-blogs .col-title .section-title-container {
  float: left;
  width: auto;
}
.sec-blogs .col-title:after {
  clear: both;
  content: "";
}
.sec-blogs .col-title .btn-xemthem {
  float: right;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  font-family: BebasNeue;
  color: #8080ff;
  display: block;
  padding: 8px 50px;
  border: 2px solid #fff;
  background: transparent !important;
  line-height: unset;
  min-height: unset;
  height: unset;
  position: relative;
  -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  margin-top: 5px;
  box-shadow: none;
}
.sec-blogs .col-title .btn-xemthem:before {
  position: absolute;
  display: block;
  background-color: #fff;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.sec-blogs .col-title .btn-xemthem:hover:before {
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.sec-blogs .col.post-item > .col-inner {
  background-color: #fff;
}
.sec-blogs .col.post-item > .col-inner .box-text {
  padding: 15px;
}
.sec-blogs .col.post-item > .col-inner .box-text .post-title {
  font-family: BebasNeue;
  color: #000;
  font-size: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sec-blogs .col.post-item > .col-inner .box-text .post-title:hover {
  color: #8080ff;
}
.sec-blogs .col.post-item > .col-inner .box-text .is-divider {
  display: none;
}
.sec-blogs .col.post-item > .col-inner .box-text .from_the_blog_excerpt {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px !important;
  display: block;
  font-weight: 500;
}
.sec-blogs .col.post-item > .col-inner .box-text button {
  margin: 0;
  background-color: #8080ff;
  padding: 4px 25px;
  box-shadow: none;
  color: #fff;
  font-family: BebasNeue;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  position: relative;
  border: 2px solid transparent;
  z-index: 2;
  letter-spacing: 0;
}
.sec-blogs .col.post-item > .col-inner .box-text button:before {
  position: absolute;
  display: block;
  background-color: #8080ff;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: -webkit-transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.sec-blogs .col.post-item > .col-inner .box-text button:hover:before {
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.sec-blogs .col-listblog2 .from_the_blog_excerpt {
  height: 96px;
  overflow: hidden;
}
@media screen and (min-width: 850px) {
  .sec-blogs .col-listblog .col.post-item:nth-child(1) {
    max-width: calc(100% - (100% / 3));
    -ms-flex-preferred-size: calc(100% - (100% / 3));
    flex-basis: calc(100% - (100% / 3));
  }
  .sec-blogs .col-listblog .col.post-item:nth-child(1) .box-image .image-cover {
    padding-top: 45% !important;
  }
  .sec-blogs .col-listblog .col.post-item:nth-child(2) {
    max-width: calc(100% / 3);
    -ms-flex-preferred-size: calc(100% / 3);
    flex-basis: calc(100% / 3);
  }
  .sec-blogs .col-listblog .col.post-item:nth-child(2) .box-image .image-cover {
    padding-top: 94% !important;
  }
  .sec-blogs .col-listblog .col.post-item:nth-child(2) .from_the_blog_excerpt {
    height: 72px;
    overflow: hidden;
  }
}
/* row-followus */
.row-followus > .col {
  padding: 0 9.8px 9.8px !important;
}
.row-followus .fb-page {
  width: 100%;
  overflow: hidden;
  border: 1px solid #efefef;
}
/* row-liststore */
.row-liststore {
  margin-top: 30px;
}
.row-liststore .list-store-w .list_store .store {
  text-align: center;
}
.row-liststore .list-store-w .list_store .store .title_store {
  color: #8080ff;
  font-family: BebasNeue;
  font-weight: 700;
  position: relative;
  margin-bottom: 15px;
  margin-top: 0;
  font-size: 42px;
  float: none;
  text-align: center;
  display: inline-block;
  width: auto;
}
.row-liststore .list-store-w .list_store .store .title_store:after {
  content: "";
  height: 4px;
  background: #191919;
  width: 50%;
  margin: 0 auto;
  display: block;
}
.row-liststore .list-store-w .list_store .store .district_store {
  text-align: left;
}
.row-liststore .list-store-w .list_store .store .district_store .district_name {
  font-family: BebasNeue;
  font-size: 24px;
  margin-bottom: 12px;
  font-weight: 700;
  color: #000;
}
.row-liststore .list-store-w .list_store .store .district_store .store_name {
  display: inline-block;
  width: calc(100% / 3);
  color: #000;
  font-size: 16px;
  margin-bottom: 20px;
  float: left;
}
.row-liststore .list-store-w .list_store .store .district_store .store_name > i.fa {
  color: #8080ff;
  margin-right: 15px;
}
.row-liststore .list-store-w .list_store .store .district_store:after {
  clear: both;
  content: "";
}
@media (max-width: 480px) {
  .row-liststore .list-store-w .list_store .store .district_store .store_name {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .row-liststore .list-store-w .list_store .store .district_store .store_name {
    width: 50%;
  }
}
/* popup_store */
.popup_store .row-popups .col-infostore {
  display: -webkit-flex;
  display: flex;
}
.popup_store .row-popups .col-infostore > .col-inner {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.popup_store .row-popups .col-infostore > .col-inner .title_map {
  font-family: BebasNeue;
  color: #000;
  float: none;
  font-size: 24px;
  display: inline-block;
  font-weight: 700;
  position: relative;
  margin-bottom: 30px;
  margin-top: 0;
  width: unset;
}
.popup_store .row-popups .col-infostore > .col-inner .title_map:after {
  content: "";
  height: 4px;
  background-color: #8080ff;
  width: 10%;
  display: block;
}
.popup_store .row-popups .col-infostore > .col-inner .address_store,
.popup_store .row-popups .col-infostore > .col-inner .phone_store {
  font-size: 16px;
  color: #000;
  margin-bottom: 7px;
}
.popup_store .row-popups .col-infostore > .col-inner .address_store a,
.popup_store .row-popups .col-infostore > .col-inner .phone_store a {
  font-size: 16px;
  color: #8080ff;
  margin-bottom: 7px;
}
.popup_store .row-popups .col-infostore > .col-inner .address_store i.fa,
.popup_store .row-popups .col-infostore > .col-inner .phone_store i.fa {
  color: #8080ff;
  margin-right: 5px;
}
/* footer */
#footer {
  background-color: #8080ff;
  background-image: linear-gradient(#8080ff, #683bbc);
  /* footer-2 */
  /* .absolute-footer */
}
#footer .footer-2 {
  border: none;
}
#footer .footer-2 .widget .widget-title {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-top: 0;
  font-family: BebasNeue;
  margin-bottom: 10px;
  letter-spacing: 0;
  line-height: 33.6px;
}
#footer .footer-2 .widget .is-divider {
  display: none;
}
#footer .footer-2 .widget ul.menu li {
  border: none;
  font-size: 14px;
  line-height: 20px;
}
#footer .footer-2 .widget ul.menu li a {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  padding: 0;
  text-transform: capitalize;
  font-weight: 300;
}
#footer .footer-2 .widget.widget_media_image img {
  max-width: 85% !important;
}
#footer .footer-2 .widget.block_widget h3 {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-top: 0;
  font-family: BebasNeue;
  margin-bottom: 10px;
  letter-spacing: 0;
  line-height: 33.6px;
  display: block;
}
#footer .footer-2 .widget.block_widget h3.address {
  margin-top: 30px;
}
#footer .footer-2 .widget.block_widget p {
  color: #fff;
  line-height: 20px;
  margin: 0;
  font-size: 14px;
}
#footer .absolute-footer {
  background-color: transparent;
  padding: 15px 0;
}
#footer .absolute-footer .container {
  border-top: 1px solid #fff;
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
  color: #fff;
  font-size: 14px;
}
#footer .absolute-footer .container .footer-secondary {
  padding: 0;
}
#footer .absolute-footer .container .footer-secondary ul {
  margin: 0;
  opacity: 1;
  border-bottom: none;
  padding-bottom: 0;
}
#footer .absolute-footer .container .footer-secondary ul li {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}
#footer .absolute-footer .container .footer-secondary ul li a {
  color: #fff;
  font-family: BebasNeue;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0;
}
#footer .absolute-footer .container .footer-secondary ul li + li {
  border-left: 1px solid #fff;
  padding-left: 10px;
}