@font-face {
  font-family: 'SVN-Gilroy';
  src: url('../font/SVN-Gilroy-Regular.eot');
  src:
    url('../font/SVN-Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/SVN-Gilroy-Regular.otf') format('otf'),
    url('../font/SVN-Gilroy-Regular.woff') format('woff'),
    url('../font/SVN-Gilroy-Regular.woff2') format('woff2'),
    url('../font/SVN-Gilroy-Regular.ttf') format('truetype'),
    url('../font/SVN-Gilroy-Regular.svg#SVN-Gilroy-Regular') format('svg');
}
body,
input,
select,
textarea,
.content_fck,
.ui_btnCb,
#jb_pagination li {
  font-family: var(--fontmain-theme, 'SVN-Gilroy') !important;
}
select {
  height: auto !important;
}
a,
a:hover,
#header-pre .fa-bars {
  color: var(--text-theme, #8b1409);
}
#header-pre ul.submenu a,
#header-pre .menu li.focus ul.submenu li a {
  color: #000;
}
#header-pre a:hover,
#header-pre ul.submenu a:hover,
#header-pre .menu li.focus ul.submenu li a:hover,
.news-five-items .box p.viewmore a {
  color: #fff;
}
/* text color theme */
.btn.btn-outlined.btn-warning,
.media-home-service .media-body .media-heading,
.result-job-search .bottom-more a:hover,
h2 a.text-right,
.containerListMy a.focus,
.all-jobs-pre .browser-job a:hover,
.all-jobs-pre .browser-job a.active,
.all-jobs-pre .browser-job span,
.all-jobs-pre ul li a span,
.all-jobs-pre ul li a:hover,
.panel-opening-job h3,
.news-info__header .btn-link {
  color: var(--text-theme, #8b1409);
}
/* background color theme */
#pager li a.activeSlide,
#pagerTopMain li a.activeSlide,
#pagerTopMain_2 li a.activeSlide,
#bpager li a.activeSlide,
#mpager li a.activeSlide,
.scroll_thongke li .scroll_color .bg_center_scroll,
.btnContinute a,
#my-download,
.docked-nav.job .docked-ctas .favorite-container a,
.job-individual .job-post .favorite-box-container a,
.job-individual .job-side-section .favorite-box-container .favorite i,
.social_col a,
.social_col a:hover,
.join-talent-onclip a,
#header-pre .menu li.focus a,
#footer-pre,
.search-jobs-main button.searchvt1,
.search-jobs-main .chosen-container .chosen-results li.highlighted,
#jb_pagination .active,
.EditRecommendJob button,
#header-menu-links .btn:hover,
.scroll_thongke li .scroll_color .bg_center_scroll,
#back-top a:hover,
#btnLogin,
.JoinNow .joinnowBtn input,
.btnContinute a,
.JoinNow .loginJoinTalentNetwork a,
#container .ui_btnCb,
#container .search250 .btnSmall,
#container .fontCore .btnSmall,
.join-college .allJobBtn .ui_btnCb,
.JoinCollegeNw .leftCol .ui_btnCb,
.btn-primary,
.cb-banner-home
  .main-page
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--bgcolor-theme, #8b1409);
}
/* border color theme */
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
#section-header,
#jb_pagination .active,
#header-menu-links .btn:hover,
.development__main__list__item--img,
.panel-opening-job .actions .btn-view-more {
  border-color: var(--bgcolor-theme, #8b1409);
}
.btn-gradient,
.apply-external,
.search-jobs-main button.searchvt1,
.survey-talent .btn-vote a,
.thumbnail-home-about:hover {
  background: var(--bgcolor-theme, #8b1409);
  color: #fff;
}

.btn-gradient:hover,
.development__main__list__item--wrap .view-all:hover,
.panel-opening-job .actions .btn-view-more:hover,
.docked-nav.job .docked-ctas .apply-external:hover,
#banner-video .top-job-detail .ctas .apply-external:hover,
.job-individual .job-post .external-apply .apply-external:hover,
.search-jobs-main button.searchvt1:hover,
.survey-talent .btn-vote a:hover {
  background: var(--buttonbgcolor-theme, rgba(139, 20, 9, 0.7));
  color: #fff;
}
.btn-primary:hover,
#btnLogin:hover,
.JoinNow .joinnowBtn input:hover,
.JoinNow .loginJoinTalentNetwork a:hover,
.btnContinute a:hover,
.EditRecommendJob button:hover,
#container input.ui_btnCb:hover {
  background: var(--buttonbgcolorhover-theme, #8b1409);
}
#header-pre .menu a:hover,
#header-pre .navbar-right a:hover,
#header-pre ul.submenu a:hover,
#header-pre .menu li.focus ul.submenu a:hover {
  background-color: var(
    --buttonbgcolorhover-theme-rgba,
    rgba(237, 28, 46, 0.7)
  );
}
#header-pre .menu {
  padding-left: 30px;
}
#header-pre .menu a {
  font-weight: bold;
}
#my-download .download_form_premium {
  padding: 0px 0 5px;
}
#my-download .download_form_premium a {
  background-position: 0 3px;
  color: #fff !important;
}
h1.section-title,
h2.section-title,
header h2.section-title,
h3.section-title-small,
.block-home-about .thumbnail .caption h3,
.block-home-competencies .section-title {
  background: none;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  display: inline-block;
  color: var(--text-theme, #8b1409);
}
.development__main__list__item--img {
  border-radius: 10px;
  border-width: 5px;
}
.development__main__list__item--img:after {
  background: var(--buttonbgcolor-theme, rgba(139, 20, 9, 0.7));
}

.news-info__header .btn-link:hover {
  color: #033487;
}

.panel-opening-job .actions .btn-view-more,
.development__main__list__item--wrap .view-all,
.panel-opening-job .company-logo,
.block-home-jobs .component-footer .view-more-job,
.apply-external,
.thumbnail {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.search-jobs-main button.searchvt1 {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.join-talent-onclip a:hover,
.search-jobs-main button.searchvt1:hover,
.development__main__list__item--wrap .view-all:hover,
.panel-opening-job .actions .btn-view-more:hover,
.block-home-jobs .component-footer .view-more-job:hover,
.apply-external:hover,
.btn.btn-gradient:hover,
.btn.btn-primary:hover {
  transform: scale(1.05);
  color: #fff;
}

.news-five-items .excerpt,
.news-five-items .blurb {
  background-color: var(--bgcolor-theme-rgba, rgba(139, 20, 9, 0.7));
}

.news-five-items .blurb p {
  -webkit-line-clamp: 2;
  max-height: 45px;
  line-height: 24px;
}

.news-five-items.fix-height .box {
  height: 215px;
}
.news-five-items.fix-height .latest .box {
  height: 450px;
}

.news-five-items .box p.viewmore a:hover {
  color: #fff;
}
.social-vertical {
  position: fixed;
  top: calc(50% - 144px);
  right: 0;
  z-index: 10;
  width: 48px;
}
.social-vertical a {
  background-color: inherit;
  background-image: none !important;
  width: 48px;
  height: 48px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.social-vertical a:hover {
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.social-vertical a:hover i.fa {
  color: #ff0;
}

#jb_pagination a:hover {
  border-color: var(--bgcolor-theme, #8b1409) !important;
}

@media only screen and (max-width: 1024px) {
  #banner-video .texton,
  .slidebg .texton,
  .filter-video {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .panel-opening-job .company-logo {
    display: none;
  }
}

#footer {
  background: var(--footerbgcolor_theme, #8b1409);
  background-color: inherit;
  padding: 0;
}

#footer .container {
  position: relative;
}

#footer .column h6 {
  font-weight: bold;
  margin-top: 20px;
}

#footer .container:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #666;
}

#footer .col-xs-12 {
  padding: 0;
}

#footer .info-hoasen {
  background: url(../images/bg-ft.png) bottom left no-repeat;
  min-height: 180px;
  margin-top: 20px;
}

#footer .info-hoasen .head-title {
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  padding-bottom: 20px !important;
  margin-bottom: 0 !important;
  color: var(--text-theme, #8b1409);
}

#footer .info-hoasen .text--info {
  padding-left: 250px;
  padding-bottom: 10px;
  font-size: 13px;
}

#footer .info-hoasen .text__ {
  font-weight: bold;
  color: var(--text-theme, #8b1409);
}

#footer .info-hoasen span {
  margin-right: 20px;
}

#footer .info-hoasen span.dsk {
  margin-right: 0;
}

#footer .info-hoasen span.mbl {
  display: none;
}

#footer .creatby {
  text-align: center;
  font-size: 13px;
  padding: 5px 0 15px !important;
}

.info-hoasen .column.internal-link a {
  color: #000;
}

.info-hoasen i {
  color: var(--text-theme, #8b1409);
}

.no-bootstrap #footer .col-xs-12 {
  float: left;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.no-bootstrap #footer .col-md-4 {
  float: left;
  width: 33.333333%;
  padding: 0 20px;
  box-sizing: border-box;
}

.no-bootstrap #footer .container {
  border-bottom: 2px solid #666;
}

.no-bootstrap #footer .info-hoasen .text--info {
  padding-left: 270px;
  box-sizing: border-box;
}

.column.internal-link a {
  display: block;
}
.panel-opening-job .actions .btn-view-more,
.development__main__list__item--wrap .view-all,
.panel-opening-job .company-logo,
.block-home-jobs .component-footer .view-more-job,
.apply-external,
.thumbnail,
.btn.btn-gradient,
.btn.btn-primary,
.search-jobs-main input.width_545,
.search-jobs-main .chosen-container-single .chosen-single,
.search-jobs-main button.searchvt1,
.join-talent-onclip a {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.btn.btn-primary {
  padding: 15px 20px;
}

.news-five-items .blurb {
  padding: 4% 5% 8% 4%;
}
.news-five-items .excerpt {
  padding: 4% 5% 5% 4%;
}