@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: #ed1c2e;
}
#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 {
  color: #fff;
}
/* text color theme */
.btn.btn-outlined.btn-warning,
.media-home-service .media-body .media-heading,
.news-five-items .box p.viewmore a,
.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,
.development__main__list__item--wrap .view-all {
  color: var(--text-theme, #ed1c2e);
}
/* background color theme */
#header-pre .menu li.focus a,
#footer-pre,
.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, #ed1c2e);
}
/* 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,
.development__main__list__item--wrap .view-all {
  border-color: var(--bgcolor-theme, #ed1c2e);
}
.btn-gradient,
.apply-external,
.search-jobs-main button.searchvt1,
.survey-talent .btn-vote a,
.thumbnail-home-about:hover {
  background: linear-gradient(90deg, #033487, #ed1c2e);
  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: linear-gradient(90deg, #033487, #ed1c2e);
  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, #ed1c2e);
}
#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;
}
h1.section-title,
h2.section-title,
header h2.section-title,
h3.section-title-small,
.block-home-about .thumbnail .caption h3 {
  background: linear-gradient(to left, #ed1c2e 0%, #033487 100%);
  background: -webkit-linear-gradient(to left, #ed1c2e 0%, #033487 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #000;
  display: inline-block;
}
.development__main__list__item--img {
  border-radius: 10px;
  border-width: 5px;
  border-style: solid;
}
.development__main__list__item--img:after {
  background: none;
}

.development__main__list__item--wrap .title {
  color: #000;
}

.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 {
  transform: scale(1.05);
}

.news-five-items .box p.viewmore a:hover {
  color: #fff;
}

#jb_pagination a:hover {
  border-color: var(--bgcolor-theme, #ed1c2e) !important;
}
#footer {
  background: linear-gradient(90deg, #033487, #ed1c2e);
}

/* .search-jobs-main { width: 1210px }
.search-jobs-main input.width_545 { width: 255px }
.search-jobs-main select.slc-mb { width: 200px }
.search-jobs-main .chosen-container { width: 200px!important }

.setOutBanner.container-search { float: left; position: static; background-color: #f7f7f9 }
.setOutBanner .search-jobs-main { width: 1210px; padding: 30px 20px; background-color: inherit }
.setOutBanner .search-jobs-main input.width_545 { width: 305px; color: #494646 }
.setOutBanner .search-jobs-main input.width_545, .setOutBanner .search-jobs-main .chosen-container-single .chosen-single, .setOutBanner .search-jobs-main select.slc-mb { border-color: #494646 }
.setOutBanner .search-jobs-main .chosen-container-single .chosen-single, .setOutBanner .search-jobs-main select.slc-mb { color: #494646!important }
.setOutBanner .search-jobs-main .chosen-container-single .chosen-single div b { background-image: url("../images/arrow-down-black.png") }
.setOutBanner .search-jobs-main .chosen-container { width: 220px!important } */

/* @media (max-width: 1209px){
	.search-jobs-main { width: 95% }
	.search-jobs-main input.width_545, .search-jobs-main .chosen-container, .search-jobs-main select.chosen { width: 19%!important; margin-right: 2% }
	.search-jobs-main select.slc-mb { width: 19%!important; margin-right: 2% }
	.search-jobs-main button.searchvt1 { width: 13% }
	.setOutBanner .search-jobs-main input.width_545, .setOutBanner .search-jobs-main .chosen-container, .setOutBanner .search-jobs-main select.chosen { width: 20%!important; margin-right: 1% }
	.setOutBanner .search-jobs-main select.slc-mb { width: 20%!important; margin-right: 1% }
} */
/* @media only screen and (max-width: 1080px) {
	.setOutBanner .search-jobs-main { width: 85%; text-align: center }
	.setOutBanner .search-jobs-main input.width_545, .setOutBanner .search-jobs-main .chosen-container, .setOutBanner .search-jobs-main select.chosen, .setOutBanner .search-jobs-main select.slc-mb { width: 100%!important; margin-right: 0; margin-bottom: 20px; text-align: left }
	.setOutBanner .search-jobs-main button.searchvt1 { width: 100%; max-width: 150px }
} */
@media only screen and (max-width: 1024px) {
  #banner-video .texton,
  .slidebg .texton,
  .filter-video {
    display: none;
  }
  /* .search-jobs-main { width: 80%; text-align: center }
	.search-jobs-main input.width_545, .search-jobs-main .chosen-container, .search-jobs-main select.chosen, .search-jobs-main select.slc-mb { width: 100%!important; margin-right: 0; margin-bottom: 20px; text-align: left }
	.search-jobs-main button.searchvt1 { width: 100%; max-width: 150px } */
}
/* @media only screen and (max-width: 846px) {
	.setOutBanner .search-jobs-main { width: 85% }
	.setOutBanner .search-jobs-main input.width_545, .setOutBanner .search-jobs-main .chosen-container, .setOutBanner .search-jobs-main select.chosen, .setOutBanner .search-jobs-main select.slc-mb { width: 100%!important; margin-right: 0; margin-bottom: 20px; text-align: left }
	.setOutBanner .search-jobs-main button.searchvt1 { width: 100%; max-width: 300px }
} */
@media only screen and (max-width: 767px) {
  .panel-opening-job .company-logo {
    display: none;
  }
}
/* @media only screen and (max-width: 640px) {
	.setOutBanner .search-jobs-main input.width_545, .setOutBanner .search-jobs-main button.searchvt1 { width: 100%; margin-right: 0 }
	.setOutBanner .search-jobs-main .chosen-container { width: 100%!important; margin-right: 0 }
	.setOutBanner .search-jobs-main input.width_545, .setOutBanner .search-jobs-main .chosen-container { margin-bottom: 15px }
} */
/* @media (max-width: 375px){
	.search-jobs-main { width: 90%; padding: 45px 30px }
	.setOutBanner .search-jobs-main { width: 85% }
} */