/* 	==========================================================================
							 SECTION  HERRO-BANNER
   	========================================================================== */

.wrapper-career-list  .section{
	float: left;
	width: 100%;
	padding: 60px 0
}
.wrapper-career-list .section-title p:first-child{
	font-size: 18px;
	color: #01948E;
	margin: 0 0 15px 0;
	text-align: center;
	float: left;
	width: 100%;
}
.wrapper-career-list .section-title h3{
	clear: both;
	font-size: 30px !important;
	color: rgb(0,105,180);
	margin: 0 !important;
	text-align: center;
}
.wrapper-career-list .section-title p{
	text-align: center;
	color: #01948E;
	margin-bottom: 0;
	padding: 7px 0 0;
} 
.wrapper-career-list section {
	float: left;
	width: 100%;
}
.wrapper-career-list .hero-banner .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.4);
    float: left;
    text-align: center;
}
.wrapper-career-list input[type="checkbox"], 
.wrapper-career-list input[type="radio"] {
	margin: 6px -20px;
}
.wrapper-career-list .hero-banner {
	float: left;
	height: 310px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	/*background-size: calc(100%) auto;*/
	margin-top: 150px;
}
/* 	==========================================================================
							 SECTION  CAREER-LIST
   	========================================================================== */
.wrapper-career-list .list-of-career{
	text-align: center;
}
.wrapper-career-list .list-of-career .group-description {
	margin-bottom: 50px;
}
.wrapper-career-list .list-of-career .group-description {
	margin-bottom: 40px;
}
.wrapper-career-list .list-of-career .title {
	font-size: 18px;
	color: #01948E;
	margin: 0;
	margin-bottom: 15px;
}
.wrapper-career-list .list-of-career .main-title:lang(en) {
	font-size: 30px;
	color: rgb(0,105,180);
	font-weight: bold;
	padding-bottom: 15px;
	margin: 0;
}
.wrapper-career-list .list-of-career .main-title:lang(km) {
	font-size: 30px;
	color: rgb(0,105,180);
	font-weight: bold;
	padding-bottom: 15px;
	margin: 0;
}
.wrapper-career-list .list-of-career .description {
	font-size: 18px;
	padding: 0 50px;
	color: #01948E;
}
/* Sub-career list  =>  list all career
   ========================================================================== */
.wrapper-career-list .list-career-all {
	margin: 0 -15px 40px;
}
.wrapper-career-list .list-career-all .block-career li {
	border: 1px solid rgb(0,105,180);
	color: rgb(52, 51, 49);
	padding: 12px 15px;
	text-align: center;
	margin-bottom: 15px;
	height: 77px;
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	align-items: center;
	justify-content: center;
}
.wrapper-career-list .list-career-all .block-career li:hover {
	background-color: #1b9792;
	border-color: #1b9792;
	color: #fff;
}
.wrapper-career-list .list-career-all .block-career li .checkbox { 
	margin: 0;
}
.wrapper-career-list .list-career-all .block-career li .checkbox label{ cursor: default}
.wrapper-career-list .list-of-career .btn-read-more {
	background-color: #156bb5;
	border: 1px solid rgb(0, 123, 193);
	border-radius: 0;
	color: #fff;
	height: 50px;
	line-height: 30px;
	padding-left: 45px;
	padding-right: 45px;
	position: relative;
}
.wrapper-career-list .list-of-career .btn-read-more:hover {
	background-color: #1b9792;
	border-color: #1b9792;
}




/* 	==========================================================================
	==========================================================================
   							 		TABLATE
	==========================================================================
   	========================================================================== */

@media only screen 	and (min-width : 720px) and (max-width : 1280px){
	.wrapper-career-list .hero-banner{ margin-top: 100px}
}