/* 	==========================================================================
==========================================================================
					   3. PAGE DISC ASSESSMENT INFOMATION
==========================================================================
========================================================================== */

/* 	==========================================================================
						3.1. SECTION  HERRO-BANNER
========================================================================== */
.wrapper-disc-assessment .section{
	float: left;
	width: 100%;
	padding: 60px 0;
}
.wrapper-disc-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-disc-assessment .hero-banner .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.4); 
	float: left;
	text-align: center;
}
.wrapper-disc-assessment .hero-banner .mask h3 { 
	margin: 0; 
	font-size: 45px; 
	color: rgb(0,106,181); 
	line-height: 150px;
}
.wrapper-disc-assessment .test-disc { 
	background-image: url('../images/career.jpg');
	float: left;
	height: 270px;
	width: 100%;
}
.wrapper-disc-assessment .mask {
	background-color: rgba(37, 163, 159, 0.8);
	color: #fff;
	height: 270px;
	padding-top: 70px;
	text-align: center;
	width: 100%;
}
.wrapper-disc-assessment .mask h3{
	font-size: 30px; 

	margin-bottom: 35px;
}
.wrapper-disc-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-disc-assessment .mask .btn-default:hover{
	background-color: #1b9792;
	border-color: #1b9792;
	color: #ffffff;
}
/* 	==========================================================================
							3.2. SECTION  WHAT-IS-DISC
	========================================================================== */
.wrapper-disc-assessment div.container div.row .col-sm-12 > h3 {
	margin-bottom: 35px;
	color: rgba(0,169,155,1);
	font-size: 18px;
}
.wrapper-disc-assessment div.container div.row .col-sm-12 > h3:nth-child(1) {
	color: rgb(1,104,179);
	font-size: 30px;
	margin: 0 0 35px 0;
}
.wrapper-disc-assessment .disc-product .referent .disc-product-title{
	margin-bottom: 20px !important;
	color: #1b9792 !important;
	font-size: 18px !important;
}
.wrapper-disc-assessment .disc-product .referent p{ margin-bottom: 10px !important}
/*
.wrapper-disc-assessment .content div.container div.row .col-sm-12 > p:first-of-type:lang(en) {
	margin-bottom: 35px;
}
.wrapper-disc-assessment .content div.container div.row .col-sm-12 > p:first-of-type:lang(km) {
	margin-bottom: 35px;
}
*/
.wrapper-disc-assessment .content div.container div.row .col-sm-12 > p:lang(en) {
	margin-bottom: 35px;
	padding-right: 25px;
	overflow: hidden;
}
.wrapper-disc-assessment .content div.container div.row .col-sm-12 > p:lang(km) {
	margin-bottom: 35px;
	padding-right: 25px;
	overflow: hidden;
}
.wrapper-disc-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;
	margin-bottom: 25px;
}
.wrapper-disc-assessment .content div.container div.row .col-sm-12 a { display: block; }
/* 	==========================================================================
							3.4. SECTION  WHAT-DOES-DISC
	========================================================================== */
.wrapper-disc-assessment .items { 
	width: 475px;
	height: 330px; 
	/*background-color: #B40001; */
	text-align: center; 
	padding: 40px 40px 0;
	color: white;
	margin-right: 25px; 
	margin-bottom: 25px;
	float: left;
}
.wrapper-disc-assessment div.content div.container div.row div.items > h3 {
	width: 400px;
	height: 110px;
	margin: 0 auto;
	font-size: 50px;
	line-height: 110px;
	margin-bottom: 20px;
}
.wrapper-disc-assessment div.content div.container div.row div.items > h4 {
	font-size: 18px;
	margin-bottom: 20px;
}
.wrapper-disc-assessment div.content div.container div.row div.items > p {
	line-height: 30px;
}
/* 	==========================================================================
							3.4. SECTION  DISC-PRODUCT
	========================================================================== */
.wrapper-disc-assessment .disc-product{ margin: 0 -15px; }
.wrapper-disc-assessment .disc-product .group-product-disc { 
	background-color: #F1FAFF; 
	padding: 35px 35px 50px; 
	padding-bottom: 50px; 
	margin-bottom: 50px;
}
.wrapper-disc-assessment .disc-product .disc-product-title {	
	color: rgb(0, 169, 155);
	font-size: 18px;
	margin-bottom: 15px;
}
.wrapper-disc-assessment .disc-product li.square-icon { 
	background-image: url("../images/icon/icon_box25x25.png");
	background-position: 0 5px;
	background-repeat: no-repeat;
	background-size: 15px auto;
	padding-left: 40px;
	margin-bottom: 35px;
}
.disc-product .img-product-disc { 
	height: 300px;
	margin-left: -100px;
	margin-top: 135px;
	position: absolute;
	width: 500px;
}


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

@media only screen 	and (min-width : 720px) and (max-width : 1280px){
	.wrapper-disc-assessment .hero-banner{margin-top: 100px}
}
@media only screen 	and (min-device-width : 768px) and (max-device-width : 1024px){

	.wrapper-disc-assessment .what-is-disc img{ padding-left: 20px; }

	.wrapper-disc-assessment .disc-product li.square-icon { margin-bottom: 10px; }
	.disc-product .img-product-disc { width: auto; margin-top: 205px; position: relative; }
	.wrapper-disc-assessment .what-does-disc { margin: 0 0 0 -15px; }
	.wrapper-disc-assessment .what-does-disc .d-and-i { margin-bottom: 10px; }
	.wrapper-disc-assessment .items {
		width: 450px;
		height: 330px;
		text-align: center;
		padding: 40px 50px 0;
		color: white;
		margin-right: 15px;
		margin-bottom: 15px;
		float: left;
	}
	.wrapper-disc-assessment .disc-product{ margin: 0 0 0 -15px; }
	.wrapper-disc-assessment .disc-product .referent { margin: 0 0 70px; }
}
@media only screen 
and (max-device-width : 767px){
	.wrapper-disc-assessment .items {
		width: 450px;
		height: 330px;
		text-align: center;
		padding: 40px 50px 0;
		color: white;
		margin-right: 15px;
		margin-bottom: 15px;
		float: left;
	}
}