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

	margin-bottom: 35px;
}
.wrapper-career-value-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-career-value-assessment .mask .btn-default:hover{
	background-color: #1b9792;
	border-color: #1b9792;
	color: #ffffff;
}
/* 	==========================================================================
							3.2. SECTION  WHAT-IS-DISC
	========================================================================== */
.wrapper-career-value-assessment div.container div.row .col-sm-12 h3 {
	margin-bottom: 35px;
	color: #1b9792;
	font-size: 18px;
}
.wrapper-career-value-assessment div.container div.row .col-sm-12 h3:nth-child(1) {
	margin-bottom: 35px;
	color: #156bb5;
	font-size: 30px;
}
.wrapper-career-value-assessment div.container div.row .col-sm-12 h3 + p:first-of-type {
	margin-bottom: 35px;
}

.wrapper-career-value-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-career-value-assessment .content div.container div.row .col-sm-12 a { display: block; }
/* 	==========================================================================
==========================================================================
								TABLATE
==========================================================================
========================================================================== */

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


@media only screen 	and (min-device-width : 768px) and (max-device-width : 1024px){

	.wrapper-career-value-assessment .disc-product li.square-icon { margin-bottom: 10px; }
	.disc-product .img-product-disc { width: auto; margin-top: 205px; position: relative; }
	.wrapper-career-value-assessment .what-does-disc { margin: 0 0 0 -15px; }
	.wrapper-career-value-assessment .what-does-disc .d-and-i { margin-bottom: 10px; }
	.wrapper-career-value-assessment .what-does-disc .dominance { 
		width: 370px;
		margin-right: 10px;
	}
	.wrapper-career-value-assessment .what-does-disc .influence { 
		width: 370px; 
		margin-right: 0px;
	}
	.wrapper-career-value-assessment .what-does-disc .steadiness { 
		width: 370px; 
		margin-right: 0px;
	}
	.wrapper-career-value-assessment .what-does-disc .conscient { 
		width: 370px; 
		margin-right: 10px;
	}
	.wrapper-career-value-assessment .disc-product{ margin: 0 0 0 -15px; }
	.wrapper-career-value-assessment .disc-product .referent { margin: 0 0 70px; }
}