@font-face {
  font-family: 'UTMAvo';
  src: url('https://assets.talentnetwork.vn/assets/owners/ttcsugar/font/UTMAvo.eot');
  src:
    url('https://assets.talentnetwork.vn/assets/owners/ttcsugar/font/UTMAvo.eot') format('embedded-opentype'),
    url('https://assets.talentnetwork.vn/assets/owners/ttcsugar/font/UTMAvo.woff') format('woff'),
    url('https://assets.talentnetwork.vn/assets/owners/ttcsugar/font/UTMAvo.woff2') format('woff2'),
    url('https://assets.talentnetwork.vn/assets/owners/ttcsugar/font/UTMAvo.ttf') format('truetype'),
    url('https://assets.talentnetwork.vn/assets/owners/ttcsugar/font/UTMAvo.svg#UTMAvo') format('svg');
}
body,
input,
select,
textarea,
.content_fck,
.ui_btnCb {
  font-family: 'UTMAvo' !important;
}
body,
.page-content-pre,
.page-contact-pre,
.page-forgot-pre,
.JoinNow div.row label,
.JoinNow h1,
.JoinNow h2,
.loginJoinTalentNetwork p,
#WhyJoin h3,
.content_fck {
  color: #000;
}
/* text color theme */
a:hover,
#header-pre a:hover,
#header-pre .menu a:hover,
#header-pre .navbar-right a:hover,
#header-pre ul.submenu a:hover,
#header-pre .menu li.focus ul.submenu li a:hover,
#header-pre .navbar-right a:hover,
#header-pre .menu li.focus a,
.section-jobs .table td,
.news-five-items .box p.viewmore a,
.news-three-items-s2 p.link-box a,
.result-job-search .bottom-more a:hover,
h2 a.text-right,
.containerListMy a.focus,
.section-blurbs .blurb-item--link p,
.blurb-item--link,
.blurb-item--link:hover .blurb-item--title,
.blurb-item--link:hover h2,
.blurb-item--link:hover h3,
.blurb-item--link:hover h4,
.blurb-item--link:hover h5,
.blurb-item--meta,
.section-jobs .table .table-item--title-heading,
.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,
.social_col i,
.search-jobs-main input.width_545 {
  color: #003865;
}
/* background color theme */
.join-talent-onclip a,
.btn-primary,
.search-jobs-main button.searchvt1,
.search-jobs-main .chosen-container .chosen-results li.highlighted,
#jb_pagination .active,
.EditRecommendJob button,
#header-menu-links .btn:hover,
#pager li a.activeSlide,
#pagerTopMain li a.activeSlide,
#bpager li a.activeSlide,
#mpager li a.activeSlide,
.scroll_thongke li .scroll_color .bg_center_scroll,
.btnContinute a,
#my-download,
#my-career-pre,
#footer {
  background-color: #003865;
}
.btn-primary:hover,
#banner-video .join-talent-onclip a:hover,
.slidebg .join-talent-onclip a:hover,
.search-jobs-main button.searchvt1:hover,
#container input.ui_btnCb:hover,
#btnLogin:hover,
.JoinNow .joinnowBtn input:hover,
.JoinNow .loginJoinTalentNetwork a:hover,
.btnContinute a:hover,
#container .cb-applyjob .ui_btnCb:hover,
.social_col a:hover,
#back-top a:hover {
  background-color: #00702a;
}
.btn-primary:hover {
  border-color: #00702a;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #00702a;
  border-color: #00702a;
}
.section-page {
  padding: 50px 0;
}
header h2.section-title {
  font-size: 35px;
  color: #007634;
}
#section-header,
#section-header.posFixed,
.no-bootstrap #section-header,
.jobsclass_all-jobs #section-header {
  position: static !important;
  background: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
#header-pre .menu a,
#header-pre .navbar-right a {
  color: #007634;
  font-weight: bold;
}
#header-pre .logo img {
  max-height: 60px;
}
#header-pre .menu {
  padding-left: 50px;
}
.filter-video,
.join-talent-onclip {
  display: none;
}
#banner-video {
  height: 780px;
}
#banner-video .join-talent-onclip a,
.slidebg .join-talent-onclip a {
  margin-top: 200px;
}
#banner-video .texton,
.slidebg .texton {
  top: 50%;
}
#banner-video .texton h1,
.slidebg .texton h1 {
  height: 60px;
}
.container-search {
  background: inherit;
}
.indexclass_index .container-search {
  bottom: 60px;
}
.indexclass_index #back-top {
  right: 90px;
}
.search-jobs-main input.width_545,
.search-jobs-main .chosen-container-single .chosen-single,
.search-jobs-main select.slc-mb {
  border-color: #003865;
}
.search-jobs-main .chosen-container-single .chosen-single,
.search-jobs-main select.slc-mb {
  color: #003865 !important;
}
.search-jobs-main .chosen-container-single .chosen-single div b {
  background-image: url('https://assets.talentnetwork.vn/assets/owners/ttcsugar/images/arrow-down.png');
}
#btnLogin,
.JoinNow .loginJoinTalentNetwork a,
.JoinNow .joinnowBtn input,
#container .ui_btnCb,
#container .search250 .btnSmall,
#container .fontCore .btnSmall {
  background: #003865;
}
#jb_pagination a:hover,
#jb_pagination .previous a:hover,
#jb_pagination .next a:hover,
#jb_pagination .active,
#header-menu-links .btn:hover {
  border-color: #003865;
}
#container #header-pre .logo {
  padding-top: 11px;
  padding-left: 20px;
}
#my-download a,
#footer .column h6,
#footer .column a {
  color: #fff;
}
.social_col a,
.social_col a:hover {
  background-color: #fff;
}
.social_col a:hover i {
  color: #00702a;
}
.all-jobs-pre .browser-job a.active {
  background-image: url('https://assets.talentnetwork.vn/assets/owners/ttcsugar/images/arrow-down2.png');
}
.section-jobs .table td {
  padding: 20px 40px 20px 0;
}
.section-jobs .table .table-item--title-heading {
  font-size: 24px;
}
.section-jobs .list-benefits {
  width: 75%;
  display: none;
}
.section-blurbs .entry-content .blurb-item--img-wrapper p {
  display: none;
}
.categories-locations .blurb-item {
  width: 33.33333333%;
}
.categories-locations .blurb-item h3 {
  font-size: 24px;
}
.categories-locations .blurb-item--link {
  max-width: 200px;
}
.categories-locations .blurb-item--img-wrapper {
  width: 200px;
  height: 200px;
}
.section-jobs .component-body {
  padding: 0 80px;
}
.section-blurbs .blurb-item h3 {
  font-size: 30px;
}
.section-blurbs .blurb-item--link p {
  font-size: 19px;
}
.newsclass_detail header h2.section-title {
  font-size: 35px;
}
#footer .column h6 {
  font-weight: bold;
}
#footer .column a:hover {
  color: #fff;
  text-decoration: underline;
}

@media (max-width: 1239px) {
  #header-pre .fa-bars {
    color: #003865;
  }
}
@media (max-width: 992px) {
  .categories-locations .blurb-item {
    width: 25%;
  }
  .categories-locations .blurb-item--link {
    max-width: none;
  }
  .categories-locations .blurb-item--img-wrapper {
    width: auto;
    height: auto;
  }
}
@media (max-width: 979px) {
  .categories-locations .blurb-item {
    width: 33.33333333%;
  }
  .categories-locations .blurb-item--img-wrapper {
    width: 170px;
    height: 170px;
  }
}
@media (max-width: 767px) {
  .categories-locations .blurb-item {
    width: 50%;
  }
  .categories-locations .blurb-item--img-wrapper {
    width: 170px;
    height: 170px;
  }
  #footer .column,
  #footer .column.social_col,
  #footer .copyright {
    text-align: center;
  }
}
@media (max-width: 460px) {
  .categories-locations .blurb-item {
    width: 100%;
  }
}