/* 	==========================================================================
						3.1. SECTION  HERRO-BANNER
========================================================================== */
.wrapper-motivated-skill-assessment .section {
	float: left;
	width: 100%;
	padding: 60px 0;
}
.wrapper-motivated-skill-assessment .hero-banner { 
	position: relative; 
	width: 100%; 
	background-image: url('../images/home_hero_banner.jpg');
	float: left;
	height: 310px;
	background-repeat: no-repeat;
	background-position: center;
	/*background-size: calc(100%) auto;*/
	margin-top: 150px;
}
.wrapper-motivated-skill-assessment .hero-banner .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.4); 
	float: left;
	text-align: center;
}
.wrapper-motivated-skill-assessment .hero-banner .mask h3 { 
	margin: 0; 
	font-size: 45px; 
	color: rgb(0,106,181); 
	line-height: 150px;
}

.wrapper-motivated-skill-assessment .disc-product .img-product-disc { 
	height: 300px;
	margin-left: -100px;
	margin-top: 135px;
	position: absolute;
	width: 500px;
}
.wrapper-motivated-skill-assessment .disc-product .referent { margin: 0 0 70px; }
.wrapper-motivated-skill-assessment .test-disc { 
	background-image: url('../images/career.jpg');
	float: left;
	height: 270px;
	width: 100%;
}
.wrapper-motivated-skill-assessment .mask {
	background-color: rgba(37, 163, 159, 0.8);
	color: #fff;
	height: 270px;
	padding-top: 70px;
	text-align: center;
	width: 100%;
}
.wrapper-motivated-skill-assessment .mask h3{
	font-size: 30px; 
	margin-bottom: 35px;
}
.wrapper-motivated-skill-assessment .mask .btn-default {
	background-color: transparent;
	border-radius: 0;
	color: #ffffff;
	font-size: 18px;
	line-height: 1.33333;
	padding: 20px 40px;
	border: 1px solid;
}
.wrapper-motivated-skill-assessment .mask .btn-default:hover{
	background-color: #1b9792;
	border-color: #1b9792;
	color: #ffffff;
}
/* 	==========================================================================
							3.2. SECTION  WHAT-IS-DISC
	========================================================================== */
.wrapper-motivated-skill-assessment .content div.container div.row .col-sm-12 h3:nth-child(1) {
	margin-bottom: 35px;
	color: #156bb5;
	font-size: 30px;
}
.wrapper-motivated-skill-assessment .content div.container div.row .col-sm-12 > h3 {
	margin-bottom: 35px;
	color: rgba(0,169,155,1);
	font-size: 18px;
}
.wrapper-motivated-skill-assessment .content div.container div.row .col-sm-12 > p:first-of-type:lang(en) {
	margin-bottom: 35px;
}
.wrapper-motivated-skill-assessment .content div.container div.row .col-sm-12 > p:nth-child(4):lang(km) {
	margin-bottom: 35px;
}
.wrapper-motivated-skill-assessment .content div.container div.row .col-sm-12 > p:nth-child(6):lang(km) {
	margin-bottom: 35px;
}
.wrapper-motivated-skill-assessment .content div.container div.row .col-sm-12 ul + p {
	margin-bottom: 35px;
}
.wrapper-motivated-skill-assessment .content div.container div.row .col-sm-12 ul li {
	background-image: url(../images/icon/circle.png);
	background-position: 25px 0;
	background-repeat: no-repeat;
	background-size: 15px auto;
	padding-left: 55px;
}

/* 	==========================================================================
==========================================================================
								TABLATE
==========================================================================
========================================================================== */
@media only screen 	and (min-width : 720px) and (max-width : 1280px){
.wrapper-motivated-skill-assessment .hero-banner{  margin-top: 100px}
}

@media only screen 	and (min-device-width : 768px) and (max-device-width : 1024px){
.wrapper-motivated-skill-assessment .hero-banner{  margin-top: 100px}
.wrapper-motivated-skill-assessment .disc-product li.square-icon { margin-bottom: 10px; }
.disc-product .img-product-disc { width: auto; margin-top: 205px; position: relative; }
.wrapper-motivated-skill-assessment .what-does-disc { margin: 0 0 0 -15px; }
.wrapper-motivated-skill-assessment .what-does-disc .d-and-i { margin-bottom: 10px; }
.wrapper-motivated-skill-assessment .what-does-disc .dominance { 
	width: 370px;
	margin-right: 10px;
}
.wrapper-motivated-skill-assessment .what-does-disc .influence { 
	width: 370px; 
	margin-right: 0px;
}
.wrapper-motivated-skill-assessment .what-does-disc .steadiness { 
	width: 370px; 
	margin-right: 0px;
}
.wrapper-motivated-skill-assessment .what-does-disc .conscient { 
	width: 370px; 
	margin-right: 10px;
}
.wrapper-motivated-skill-assessment .disc-product{ margin: 0 0 0 -15px; }
.wrapper-motivated-skill-assessment .disc-product .referent { margin: 0 0 70px; }

}