.tuyendung-list-post {
	padding-top: 150px;
}
/**/
.single-td-left{
	width: 30%;
	padding-right: 60px;
}
.single-td-right{
	width: 70%;
}
.tuyendung-box {
	padding: 80px 0;
}
.tuyendung-list-post .hvg-title{
	font-size: 28px;
}
/**/
.sidebar-content {
	position: sticky;
	top: 80px;
}
.heading-box{
	border-radius: 4px;
	background: #FFF3EB;
	padding: 13px 36px;
	color: #E07B37;
	font-size: 28px;
	margin-bottom: 40px;
}
.list-lv-cv{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 40px;
}
.list-lv-cv li{
	display: flex;
	align-items: center;
	cursor: pointer;
}
.list-lv-cv li a {
    display: flex;
    align-items: center;
}
.list-lv-cv li a::before{
	content: "";
	background-image: url(../data/tuyenDung/check-white.png);
	width: 20px;
	height: 20px;
	margin-right: 12px;
	background-size: contain;
	background-repeat: no-repeat;
}
.list-lv-cv li.active a::before{
	background-image: url(../data/tuyenDung/check-red.png);
}
.list-lv-cv li.active{
	color: #DB3A33;
}
.tuyendung-btn {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	transition: .3s all;
}
.tuyendung-btn img{
	margin-right: 5px;
}
.tuyendung-btn:hover img{
	display: none;
}
/**/
.tuyendung-right h2{
	color: #939598;
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.itemm-cv {

}
.info-cv {
	flex: 1;
	padding-right: 100px;
}
.info-cv h3{
	color: #262626;
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	margin-bottom: 16px;
}
.info-cv ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.info-cv ul li{
	display: flex;
	align-items: center;
}
.info-cv ul li img{
	margin-right: 10px;
}
.info-cv ul li.location{
	color: #707276;
}
.btn-td {
	background: #B82930;
	box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.12);
	padding: 10px 20px;
	white-space: nowrap;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	font-weight: 600;
}
.btn-td:hover{
	background-color: #fff;
	color:  #B82930;
}
/**/

.itemm-cv {
	position: relative;
	margin-bottom: 30px;
}
.itemm-cv img {
	aspect-ratio: 400/480;
	width: 100%;
	display: block;
	object-fit: cover;
}
.itemm-cv-title {
	position: absolute;
	padding: 20px;
	background-color: #B82930;
	bottom: 0;
	color: #fff;
	text-align: center;
	width: 100%;
	transition: .5s all;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 160px;
}
.itemm-cv-title h3 {
	color: #fff;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0 0 20px;
	white-space: nowrap;
}
.itemm-cv-title .cv_excerpt {
	color: #fff;
	display: none;
}
.more-timhieuthem {
	display: inline-block;
	border: 1px solid #fff;
	padding: 10px 30px;
}
.itemm-cv:hover .itemm-cv-title {
	height: 100%;
	background-color: rgba(68, 6, 6, 0.80);
}
.itemm-cv-title:hover .cv_excerpt {
	display: block;
	margin-bottom: 20px;
}
/*single tuyen dung*/
.single-tuyen_dung .full-head-page.head-page-df {
	height: auto;
}
.single-td-box {
	padding: 240px 0 80px;
}
.tt-cv h3 {
	border-radius: 4px 4px 0px 0px;
	background: #B82930;
	font-size: 28px;
	color: #fff;
	text-align: center;
	padding: 12px 5px;
	margin-bottom: 0;
	font-weight: 400;
}
.tt-cv ul {
	background-color: #FFF7F7;
	margin: 0;
	padding: 0 20px;
	list-style: none;
}
.tt-cv ul li{
	padding: 20px 0;
	margin: 0;
}
.tt-cv ul li+li{
	border-top: 1px solid rgba(217, 217, 217, 0.60);
}
.tt-cv {
	margin-bottom: 40px;
}
.related-cv .title {
	font-weight: 500;
	margin-bottom: 20px;
}
.related-cv ul{
	padding: 0;
	list-style: none;
}
.related-cv ul li {
	border-bottom: 1px solid rgba(217, 217, 217, 0.60);
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 14px;
}
.more-cv a {
	display: block;
	padding: 18px 20px;
	text-align: center;
	color: #DB3A33;
	border: 1px solid #DB3A33;
	border-radius: 8px;
	line-height: normal;
}
.more-cv a:hover {
	background-color: #DB3A33;
	color: #fff;
}
.single-td-right > label {
	font-size: 48px;
	color: #262626;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
}
.moto-cv {
	padding: 40px 0;
	border-bottom: 2px dashed rgba(0, 0, 0, 0.1);
	margin-bottom: 40px;
}
.moto-cv .btn-td {
	margin-top: 20px;
}
.single-td-form em{
	color: Red;
}
.dinhkem-cv {
	border: 1px dashed #DFD8CB;
	text-align: center;
	padding: 50px 0;
	margin-bottom: 25px;
	cursor: pointer;
}
.single-td-form .dinhkem-cv label{
	margin-bottom: 0;
	font-size: 14px;
}
.single-td-form .dinhkem-cv p{
	margin-bottom: 0;
	/*color: rgba(0, 0, 0, 0.20);*/
}
button.btn-td {
	width: 100%;
	border: 0;
}
.single-td-form .input-file {
	display: none;
	padding: 5px 10px;
}

.single-td-form .wpcf7-form-control{
	border-radius: 8px;
	border: 1px solid rgba(5, 5, 5, 0.04);
	background: #F8F3F3;
	font-style: italic;
}
.single-td-form .wpcf7-form-control::placeholder {
	color: rgba(0, 0, 0, 0.20);
}
/**/
.control-sidebar {
    width: 40px;
    position: absolute;
    height: 40px;
    text-align: center;
    top: 55%;
    cursor: pointer;
    display: none;
    color: #fff;
    background: #E4A951;
    padding: 5px 10px;
    z-index: 99999;
    font-size: 18px;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    background: #B82930;
}

.sidebar-one .control-sidebar {
    right: -40px;
    left: auto;
}
.sidebar-one .control-sidebar.active i:before{
    content: '\f00d';
}

.sidebar-fa.fa {
    font-size: 18px;
    color: #fff;
}
/*bs 21/8*/
.item-td-ts {
	text-align: center;
}
.item-td-ts img {
	max-width: 150px;
	max-height: 150px;
	margin: 0 auto 10px;
	object-fit: contain;
}
.item-td-ts h3,
.box-icon h3 {
	text-transform: uppercase;
	color: #333;
	font-size: 15px;
	margin-bottom: 5px;
}
.item-td-ts h3{
	font-size: 16px;
}
.item-td-ts p {
	text-align: justify;
}
@media only screen and (max-width: 1200px) {
	.tuyendung-left {
		padding-right: 20px;
	}
}
@media only screen and (max-width: 990px) {
	.tuyendung-wrap .page-head-banner::after {
		height: 10px;
	}
	.tuyendung-box {
		padding: 20px 0;
	}
	/**/
	.heading-box {
		padding: 10px 20px;
		font-size: 20px;
		margin-bottom: 20px;
	}
	/**/
	.tuyendung-right h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.info-cv h3 {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.btn-td {
		padding: 10px 20px;
	}
	/**/
	.td-box1-content h2 {
		font-size: 18px;
		line-height: unset;
	}
	/**/
	.td-head-wrap {
		 position: unset; 
		margin-top: -150px;
	}
	.tuyendung-list-post {
		margin-top: 20px;
	}
	.tuyendung_box3_title {
		font-size: 22px;
	}
	/**/
	.tt-cv h3 {
		font-size: 22px;
	}
	.tuyendung-list-post {
		padding-top: 50px;
	}
}
@media only screen and (max-width: 900px) {
	.single-td-box {
		padding: 40px 0;
	}
	.single-td-head h1 {
		font-size: 25px;
	}
	.moto-cv {
		padding: 20px 0;
		margin-bottom: 20px;
	}
	.single-td-right > label {
		font-size: 28px;
	}
	/**/
	.item-td-ts img {
		max-width: 100px;
		max-height: 100px;
	}
}
@media only screen and (max-width: 900px) {
    .sidebar-one{
        width: 100%;
        margin-right: 0;
        padding: 0 !important;
        position: fixed;
        background: #fff;
        top: 0;
        height: 100%;
        z-index: 9999;
        top:0;
        left: -300px;
        width: 300px !important;
        border-right: solid 1px #bbbbbb;
    }

    .control-sidebar {
        display: flex;
        align-items: center;
    }

    .sidebar-one .sidebar-content {
        height: 100%;
        overflow-y: scroll;
        width: 100%;
        padding: 10px;
    }
    .sidebar-content {
        padding: 10px;
    }
	/**/
	.single-td-right,
	.tuyendung-right {
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.info-cv {
		padding-right: 20px;
	}
	.itemm-cv {
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
	/**/
	.dinhkem-cv {
		padding: 20px 0;
		margin-bottom: 20px;
	}
	/**/
	.single-td-head h1 {
		font-size: 20px;
	}
	.single-td-box, .single-td-head {
/*		padding: 20px 0;*/
	}
	/**/
	.itemm-cv-title h3 {
		font-size: 18px;
	}
	.tuyendung-list-post .hvg-title{
		font-size: 22px;
	}
	/**/
	.itemm-cv-title h3 {
		font-size: 20px;
		margin: 0 0 15px;
	}
	.more-timhieuthem {
		border: 1px solid #fff;
		padding: 7px 22px;
	}
}
@media only screen and (max-width: 640px) {
	.single-td-right > label {
		font-size: 25px;
	}
	.moto-cv{
		padding-top: 10px;
	}
}
@media only screen and (max-width: 550px) {
	.itemm-cv{
		flex-wrap: wrap;
	}
	.info-cv {
		padding-right: 0;
		flex: unset;
		width: 100%;
	}
	.itemm-cv {
		padding-bottom: 0;
	}
	.info-cv h3 {
		font-size: 16px;
	}
	.tuyendung-right h2 {
		font-size: 18px;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 420px) {
	.btn-td {
		padding: 5px 10px;
	}
}