/* ////////////////////////////////////////
 * 
 * $ LANDING Integrated Skincare
 * 
 * //////////////////////////////////////// */
 
.obj_hero {
	height: 618px;
    padding-top: 90px;
	
}
.obj_hero .ctn_hero, .obj_carrousel.wide .item .ctn_hero {
    margin: 0 auto;
    padding: 0;
    width: 980px;
	padding-bottom: 53px;
}
.obj_hero header {
    margin: 100px 0 0px;
}
.obj_hero h1, .obj_carrousel.wide .item h1 {
    font-size: 40px;
    margin-bottom: 60px;
}
.obj_hero .content p, .obj_carrousel.wide .item .content p {
    font-family: "FuturaBT-Book",arial;
    font-size: 13px;
    line-height: 20px;
	letter-spacing: 1px;
}
.obj_hero .ctn_results{
	display: inline-block;
	height:160px;
	line-height:160px;
	vertical-align: top;
	}
.obj_hero .ctn_results .result{
	display:inline-block;
	width:160px; height:160px;
	vertical-align: top;
	}
.obj_hero .ctn_results .result p{
	padding:20px 0 0;
	font: 11px/12px "FuturaBT-Bold",arial;
	letter-spacing:0;
	text-transform:uppercase;
	text-align:center;
	color:#0090b9;		
	}		
.obj_hero .ctn_results .result.result01{
	background: url("images/v_clinical.png") no-repeat left top;
	}
.obj_hero .ctn_results .result.result02{
	background: url("images/v_homecare.png") no-repeat left top;
	}
.obj_hero .ctn_results .result.result03{
	background: url("images/v_profesionnal.png") no-repeat left top;
	}	
.obj_hero .ctn_results .i_plus{
	display: inline-block;
	width:21px;	height: 160px;
	margin: 0 20px;
	background: url("images/i_plus.png") no-repeat center center;
	}	
.obj_hero .ctn_results-final{
	display: inline-block;
	}	
.obj_hero .ctn_results-final h2 {
	display: inline-block;
	height: 160px;
	margin-left:22px;
	padding: 58px 0 0 50px;
	box-sizing:border-box;
	font-size: 26px;
    line-height: 20px;
	letter-spacing: 3px;
	border: 0 none;
	background: url("images/i_equal.png") no-repeat left center;
	}
.obj_hero .ctn_results-final h2 strong {
	font-family: "FuturaBT-Bold",arial;
    font-size: 14px;
	letter-spacing: 2px;
	color:#77a3b6; 
	}
.leftback, 
.rightback {
    margin: 0 auto;
    padding: 0;
	max-width: 980px;
	width: 980px;
	height: 333px;
	border-top: 1px solid #d4d5d5;
}
.leftback header {
    margin-top: 43px;
}
.rightback header, .rightback .content {
    padding: 0 0 0 10px;
}
.leftback p, 
.rightback p {
    font-family: "FuturaBT-Book",arial;
    font-size: 18px;
    line-height: 25px;
}
.professionaltreatments h2, 
.advancedhomecare h2, 
.customdose h2, 
.clinicalprocedures h2 {
    margin-bottom: 29px;
    font-family: "FuturaBT-Book",arial;
    font-size: 16px;
    letter-spacing: 1.5px;
    line-height: 27px;
}
.professionaltreatments h2 strong, 
.advancedhomecare h2 strong, 
.customdose h2 strong, 
.clinicalprocedures h2 strong {
    font-family: "FuturaBT-Book",arial;
    font-size: 24px;
    letter-spacing: 2px;
}
a.b_link {
    display: block;
    padding-top: 18px;
	font-size: small;	
}
#Hero{
	margin-bottom:-60px;
}
#ClinicalProcedures{
	margin-top:60px;
	margin-bottom:-90px;
	padding: 100px 0;
    background: url("images/v_clinicalprocedures.jpg") no-repeat scroll left 100px;
}
#AdvancedHomecare {
	margin-top:50px;
	margin-bottom:-50px;
    padding: 100px 0 60px;
    background: url("images/v_advancedhomecare.jpg") no-repeat scroll 546px 72px;
}
#ProfessionalTreatments{
	margin-top:50px;
	margin-bottom:0px;
	padding: 100px 0;
    background: url("images/v_professionaltreatments.jpg") no-repeat scroll left 100px;
}
#CustomDose {
	margin-top:50px;
	margin-bottom:50px;
    padding: 100px 0 60px;
    background: url("images/v_custom_dose.jpg") no-repeat scroll 546px 72px;
}



@media screen and (max-width:960px){
	
	#Hero{
		margin-bottom:50px;
	}
	#ClinicalProcedures,
	#AdvancedHomecare,
	#CustomDose,
	#ProfessionalTreatments{
		margin-top:0;
		margin-bottom:0;
	}
	
	.container .obj_hero .ctn_hero, .container div.main .obj_carrousel.wide .item .ctn_hero {
		padding: 65px 25px 0;
		width: auto;
	}
	.container .obj_hero {
		margin: 0 0 60px;
	}
	.obj_hero .ctn_results{
		display: block;
		text-align:center;
		}
	.obj_hero .ctn_results-final{
		display: block;
		width:100%;
		text-align:center;
		}	
	.obj_hero .ctn_results-final h2 {
		width: 100%; height:auto;
		margin: 30px auto 0;
		padding: 30px 0 0;
		text-align: center;
		border: 0 none;
		background: url("images/i_equal.png") no-repeat center top;
		}
	.leftback header {
		margin: 0px;
	}
	.leftback header, .leftback .content {
		padding-left: 400px;
	}
	.rightback header, .rightback .content {
		padding-right: 400px;
	}
	.obj_hero .content p br,
	.leftback p br, .rightback p br {
		display: none; 
	}

	#ClinicalProcedures {
		background-position: 25px center;
		height: auto;
		padding: 100px 25px;
		width: auto;
	}
	#AdvancedHomecare {
		background-position: 500px center;
		height: auto;
		padding: 100px 25px;
		width: auto;
	}
	#ProfessionalTreatments {
		background-position: 25px center;
		height: auto;
		padding: 100px 25px;
		width: auto;
	}
	#CustomDose {
		background-position: 500px center;
		height: auto;
		padding: 100px 25px;
		width: auto;
	}
}

@media screen and (max-width:768px){
	.obj_hero h1, .obj_carrousel.wide .item h1{
		margin-bottom: 30px;
		}
	.container .obj_hero .ctn_hero, .container div.main .obj_carrousel.wide .item .ctn_hero {
		padding: 65px 25px 0;
		width: auto;
	}
	.container .obj_hero {
		margin: 0 0 60px;
	}
	.obj_hero header {
		margin: 0 0 30px;
		}
	.obj_hero .ctn_results{
		height: auto;
		}
	.obj_hero .ctn_results .result{
		display:block;
		width:160px; height:160px;
		margin: 0 auto;
		}
	.obj_hero .ctn_results .i_plus {
		display: block;
		width: 100%;
		height: 21px;
		margin: 10px auto;
		}	
	.obj_hero .ctn_results-final h2{
		margin: 20px auto 0;
		}	
		
	.rightback header,
	.leftback header {
		margin-top: 43px;
	}
	.leftback header, .leftback .content {
		padding: 0;
	}
	.rightback header, .rightback .content {
		padding: 0;
	}
	#ClinicalProcedures {
		padding: 370px 25px 50px;
		height: auto;
		width: auto;
		background-position: 25px 60px;
	}
	#AdvancedHomecare {
		padding: 370px 25px 50px;
		height: auto;
		width: auto;
		background-position: 25px 60px;
	}
	#ProfessionalTreatments {
		padding: 370px 25px 50px;
		width: auto;
		height: auto;
		background-position: 25px 60px;
	}
	#CustomDose {
		padding: 405px 25px 50px;
		height: auto;
		width: auto;
		background-position: 25px 60px;
	}
}


@media screen and (max-width:320px){

	#ClinicalProcedures,
	#AdvancedHomecare,
	#CustomDose,
	#ProfessionalTreatments {
		background-size: 86% auto;
	}
}