@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 !important;
}

.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 }
.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, select.slc-mb{
	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%;
}
.social-vertical a {
    width: 48px;
    height: 48px;
    padding: 0;
    background-image: none;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.social-vertical a.btn-greyscale.linkedin {
    color: #0a66c2;
}
.social-vertical a.btn-greyscale.linkedin:hover {
    text-decoration: unset;
    color: #0a66c2;
}
.filter-video {
    display:none;
}

.search-jobs-main {
	width: 1210px;
	background-color:  #f7f7f9 !important;
	max-width:100%;
	padding: 30px 20px;
}
.container-search {
    position: static;
    bottom: 60px;
    background-color:  #f7f7f9 !important;
    width:100% !important
}

.search-jobs-main input.width_545 {
    width: 345px;
    color: #494646;
}
 .search-jobs-main input.width_545, .search-jobs-main .chosen-container-single .chosen-single, select.chosen.slc-mb {
	color:#000 !important;
	border-color:#000;
}

@media (max-width: 1209px) {
    .search-jobs-main {
        width: 96%
    }

    .search-jobs-main input.width_545, .search-jobs-main .chosen-container, .search-jobs-main select.chosen {
        width: 27%;
        margin-right: 2%
    }

    .search-jobs-main select.slc-mb {
        width: 26%;
        margin-right: 2%
    }
}
@media (max-width: 991px) {
    #bslidehr {
        top: 106px
    }
    .search-jobs-main {
        width: 90%;
    }
    #footer .info-hoasen {
        background-position: bottom left;
        margin-top: 30px
    }

    #footer .info-hoasen .text--info, .no-bootstrap #footer .info-hoasen .text--info {
        padding-left: 180px;
		padding-right:5px;
        box-sizing: border-box;
        text-align: center;
        padding-right: 5px;
    }
    #footer .info-hoasen, #footer .text--info p, #footer .internal-link {
        text-align: left !important;
    }

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

    #footer .info-hoasen span.mbl {
        display: block
    }
}
@media only screen and (max-width: 979px) {
    #footer .internal-link {
        text-align: center;
    }

    .no-bootstrap #footer .col-md-2 {
        width: 100%;
    }
}
@media (max-width: 767px) {
	#footer .info-hoasen {
	    background: none;
	}
	#footer .info-hoasen, #footer .text--info, #footer .text--info p, #footer .internal-link {
        text-align: center !important; 
		padding-left: unset !important;
		box-sizing: unset !important;
    }

    #footer .info-hoasen > div {
        width: 100% !important;
        margin-bottom: 20px;
        padding-left: 15px; 
        padding-right: 15px;
    }
}

.search-jobs-main select.slc-mb{
    border-radius:10px !important;
}