/* V02 PALAIS DES THES */
p.header-p {
    margin-top: 33px;
}

.header-text {
	text-align: center;
	background: rgba(255,255,255,.85);
	padding: 47px;
}

.background-header{
	background-image: url('../img/leaft-update-V02.jpg');
	background-repeat: no-repeat;
    height: 430px;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.title-slider-number{
	margin-top: 15px;
	text-align: center;
	line-height: 22px;
	font-size: uppercase;
	color: black;
}

.push-title{
font-family: ClarinsRegular,Clarins;
    font-size: 30px;
    line-height: 1em;
}

p.number-description {
    margin-top: 0px!important;
}

span.number {
    font-size: 53px;
}

.push-border {
	border-right: dashed #a1b462 2px;
}

.text {
    padding: 5px;
}

#content-responsible-beauty-environmental img {
	width: 100%;
	margin: auto;
}

.ctalink {
    cursor: pointer!important;
    display: block;
    width: 399px;
    height: auto;
    padding: 17px 29px;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    letter-spacing: .075em;
    text-transform: uppercase;
	background: #000;
	margin: auto;
	margin-top: 35px;
	font-weight: bold;
}

#content-responsible-beauty-environmental > div.ctalink > a 
{
	color: #fff;
	font-family: ClarinsRegular, Clarins;
}

.banner-mountain01 {
    margin-top: 70PX;
}

.banner-mountain02 {
    margin-top: 70PX;
}

.whitesquare {
    margin-top: 80px;
}

.big-text-whitebloc::before {
	content: "“";
	font-family: ClarinsRegular, Clarins;
    color: #a1b462;
    font-size: 88px;
    height: 96px;
    line-height: 200px;
    display: inline-block;
    vertical-align: bottom;
    width: 41px;
	overflow: hidden;
	top: 1055px;
	right: 963px;
	position: absolute;
    left: 9px;
    width: 80px;
    top: -45px;
}

.big-text-whitebloc::after {
	content: "”";
	font-family: ClarinsRegular, Clarins;
    color: #a1b462;
    font-size: 88px;
    height: 96px;
    line-height: 200px;
    display: inline-block;
    vertical-align: bottom;
    width: 41px;
	overflow: hidden;
	top: 71px!important;
	right: 963px;
	position: absolute;
    left: 515px;
    width: 80px;
    top: -55px;
}

.big-text-whitebloc{
	margin: 0;
	text-align: center;
}

.small-text-whitebloc{
	text-decoration: underline;
	text-transform: uppercase; 
	font-size: 12px;
	margin: 0;
	text-align: center;
}


.text-banner, .text-banner02 {
    font-size: 25px;
    line-height: 1em;
    font-weight: normal;
    font-family: ClarinsRegular, Clarins;
	padding-bottom: 5vh;
	padding-top: 5vh;
	padding-right: 14vh;
    padding-left: 14vh;
	position: relative;
	text-align: center;
}

.text-banner {
    background-color: #FFF;
}

.text-banner02 {
    padding-top: 96px;
}

#content-responsible-beauty-environmental #Line-08 h2 
{
font-family: ClarinsRegular, Clarins;
font-weight: 400;
font-size: 35px;
text-align: center;
color: #000;
padding-top: 138px;
}

#content-responsible-beauty-environmental > div.container-all-banner02 > h2 {
font-family: ClarinsRegular, Clarins;
font-weight: 400;
font-size: 35px;
text-align: center;
color: #000;
padding-top: 22px;
}




.container-all-banner02{
background-image: url('../img/background-images-leaf-banner02.jpg');
height: 657px;
}

.container-all-banner01{
	background-image: url('../img/background-images-leaf-banner01.jpg');
	height: 489px;
}


.container-all-banner02, .container-all-banner01{
	background-repeat: no-repeat;
	background-size: cover;
}



.banner-mountain01, .banner-mountain02, .banner-mountain03 {
	background-repeat: no-repeat;
    height: 430px;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-mountain01{
	background-image: url('../img/MONTAGNES03-background.jpg');
}

.banner-mountain02{
	background-image: url('../img/MONTAGNES02-background.jpg');
}

.banner-mountain03{
	background-image: url('../img/MONTAGNES-background.jpg'); 
}


.logo-palais-des-thes, .logo-clarins {
	width: 180px!important;
}

.title-header{
	color: #6a7a34!important;
	margin-bottom:15px!important;
	font-size: 11px;
}

.container-banner01, .container-banner02{
	display: flex;
	width: 91.5%;
}

p.text-images03-banner01 {
	/*position: absolute; */
	padding: 48px;
    background-color: #72813f;
	color: white;
	width: 97%;
	font-size: 11px;
}

p.text-images03-banner02 {
    padding-top: 64px;
    padding-bottom: 64px;
	padding-right: 47px;
    padding-left: 47px;
    background-color: #a1b462;
    color: white;
    width: 100%;
    font-size: 11px;
}

img.logo-palaisete{
	width: 219px!important;
	padding-bottom: 23px;
}

img.logo-clarins02 {
	width: 202px!important;
	padding-bottom: 30px;
}

.images01-banner01 {
	margin-top: 182px;
	z-index: 1;
}

.images02-banner02 {
	margin-top: 42px;
    z-index: 2;
}

.images03-banner01 {
	margin-top: 174px;
    z-index: 3;
}

.images04-banner01{
	margin-top: 60px;
}

.images01-banner02 {
	z-index: 1;
}

.images02-banner02 {
	z-index: 2;
}

.images03-banner02 {
	margin-top: 108px;
	z-index: 3;
}

.images04-banner02 {
    margin-top: 135px;
}

img.img01-banner02{
	width: 145%!important;
}

img.img02-banner02 {
    width: 129%!important;
}

img.img03-banner02 {
    width: 133%!important;
}

img.img01-banner01, img.img02-banner01 {
    width: 116%!important;
}

img.img03-banner01 {
    width: 131%!important;
}


.eco-responsabilité-bloc{
	background-image: url('../img/push-01-background.jpg');
	background-repeat: no-repeat;
    height: 300px;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 7px;
	color: white;
}

.eco-conception-bloc {
	background-image: url('../img/push-02-background.jpg');
	background-repeat: no-repeat;
    height: 300px;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

span.title-eco-responsabilité-bloc,
span.title-eco-conception-bloc {
	font-size: 27px;
	font-family: ClarinsRegular, Clarins;
	font-weight: 400;
}

span.title-eco-conception-bloc{
	color:#667630;
}


span.description-eco-responsabilité-bloc {
    font-size: 14px;
}

.eco-responsabilité-bloc{
padding: 44px;
}

.eco-conception-bloc {
	padding: 36px;
}

.row.bloc-container-ecores-ecoconception{
	margin-top: 50px;
	background-image: url('../img/background-images-leaf-banner03.jpg');
	background-repeat: no-repeat;
    height: 329px;
	background-size: cover;
}

.eco-responsabilité-bloc, .eco-conception-bloc {
height: 469px;
}

.cta-eco-responsabilité-bloc{
    cursor: pointer;
    display: block;
    padding: 17px 9px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	background: #667630;
	margin: auto;
	margin-top: 35px;
	color: white;
}


/*Ipad Landscape*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 

}
/*Ipad Air 3 Portrait*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	#content-responsible-beauty-environmental > div.container-all-banner01 {
		padding-top: 0px;
	}

}
/*Ipad Portrait */
@media (max-width : 1024px){ 
	/*#content-responsible-beauty-environmental > div.container-all-banner01
	{
		padding-top: 188px;
	} */
	.row.bloc-container-ecores-ecoconception{ 
		background-image: none;
		height: inherit; 
	}
	.banner-mountain01 {
		margin-top: 0PX;
	}
	.eco-responsabilité-bloc, .eco-conception-bloc {
		height: 590px;
	}
	#content-responsible-beauty-environmental > div.container-all-banner02 > h2, #content-responsible-beauty-environmental #Line-08 h2{
		padding-top: 29px;
	}

	.images01-banner01 {
		display: none;
	}
	.images04-banner02 {
		display: none;
	}
	#content-responsible-beauty-environmental #Text-Top{
		background: rgba(255,255,255,.85);

	}
	.container-all-banner01{
		height: 539px;
	}
	img.img01-banner02 {
		width: 125%!important;
	}
}
/* iPhone 6, 7, & 8 Plus in portrait */

@media (max-width : 375px) {
	p.text-images03-banner02, p.text-images03-banner01 {
		padding:28px ;
	}
	.container-banner02 {
		flex-direction: column-reverse;
	}
	.header-text{
		padding: 16px;
	}

	.container-banner01 {
		flex-direction: column;
	}
	.images01-banner01, .images02-banner01, .images01-banner02 {
		display: none;
	}
	.images04-banner01{
		margin-top: 0px; 
	}
	p.text-images03-banner01, p.text-images03-banner02 {
		width:inherit;
		margin: auto;
	}
	.container-banner01, .container-banner02{
		width: 100%; 
	}	
	img.img03-banner01	{
		width: 100%!important; 
	}	
	.container-all-banner01{
		background-image: inherit;
	}	
	.images03-banner01{
		margin-top: 0px; 
	}
	.text-banner, .text-banner02{
		padding-right: 6vh;
    padding-left: 9vh;
	}
	.banner-mountain01 {
		margin-top: 47px;
	}
	#content-responsible-beauty-environmental > div.container-all-banner02 > h2, #content-responsible-beauty-environmental #Line-08 h2 {
		padding-top: 0px!important;
	}
	.ctalink {
		width: 295px;
	}
	.images04-banner02{
		display: none;
	}
	#content-responsible-beauty-environmental{
		padding-bottom: 0px!important;
	}
	#content-responsible-beauty-environmental > div.container-all-banner01 {
		padding-top: 0px;
	}
	.push-border {
		border-right:inherit
	}
	.images03-banner02{
		margin-top: 0px;
	}
	img.img02-banner02 {
		width: 100%!important;

	}
	.images02-banner02 {
		margin-top:0px;
	}
	.eco-conception-bloc {
		margin-top: 20px;
	}
	.banner-mountain02 {
		margin-top: 100px;
	}
	.eco-responsabilité-bloc, .eco-conception-bloc {
		height: inherit;
	}
	.banner-mountain01 {
		margin-top : 28px;
	}
	.container-all-banner01{
		height  : inherit;
	}
	.banner-mountain02 {
		margin-top: 28px;
	}
	.background-header {
		height: 335px;
	}
	.container-all-banner02, .container-all-banner01 {
		background-image: inherit;
		height:inherit;
	}
}

/* iPhone 6, 7, & 8 Plus in landcape */

/* V02 PALAIS DES THES */



/* iPhone 6, 7, & 8 in portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
	.wrapper-info{
		flex-direction: column!important;
	}
	.wrapper-info .visual,.wrapper-info .text-block{
		width: 100%!important;
	}
	#Line-08 .wrapper-slider{
		flex-direction: column!important;
	}
	#content-responsible-beauty-environmental #Text-Top{
		top:20px!important;
	}
	#Line-01 > div.col.col-8-desktop.col-push-2-desktop.col-8-tablet.col-push-2-tablet.col-6-mobile.col-push-0-mobile{
		top: 150px!important;
	}
	#Line-01 > div.col.col-12-desktop.col-12-tablet.col-6-mobile{
		height: 380px!important;
	}
	#info2 .visual{
		order: initial;
	}
}

/* iPhone 6, 7, & 8 Plus in portrait */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) {
	.wrapper-info{
		flex-direction: column!important;
	}
	.wrapper-info .visual,.wrapper-info .text-block{
		width: 100%!important;
	}
	#Line-08 .wrapper-slider{
		flex-direction: column!important;
	}
	#content-responsible-beauty-environmental #Text-Top{
		top:20px!important;
	}
	#Line-01 > div.col.col-8-desktop.col-push-2-desktop.col-8-tablet.col-push-2-tablet.col-6-mobile.col-push-0-mobile{
		top: 150px!important;
	}
	#Line-01 > div.col.col-12-desktop.col-12-tablet.col-6-mobile{
		height: 380px!important;
	}
	#info2 .visual{
		order: initial;
	}
}

.Transversal-Push-Item2 img {
    width: 34%!important;
    margin: 0 auto;
}

#content-responsible-beauty-environmental a:hover{
	color: #70AD47;
}

.slider-number p:first-child{
	color: #000!important;
	font-size: 24px!important;
}

.row{
	margin-top: 40px;
	margin-bottom: 40px;
}

#bottom-push {
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.Transversal-Push2{
	width: 100%;
}

.Transversal-Push-Item2{
	/*width: 250px; */
	text-align: center;
}

#bottom-push .Transversal-Push a{
	text-decoration:none;
}
#bottom-push .Transversal-Push-Item{
	border:1px solid #ecedee;
	padding:20px;
	margin:25px;
	text-align:left;
	height:466px;
	box-sizing:border-box;
	max-width:285px;
	display:flex;
	flex-direction:column;
	justify-content: space-between;
	align-items: flex-start;
}

.Transversal-Push-Item {
    border: 1px solid #ecedee;
    padding: 20px;
    margin: 25px;
    text-align: left;
    height: 466px;
    box-sizing: border-box;
    max-width: 285px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.Transversal-Push-Item .Visual {
    margin: -20px;
    margin-bottom: 20px;
}

.Transversal-Push-Item .Title {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    color: #be0f34;
    font-size: 11px;
    text-transform: uppercase;
}

.Transversal-Push-Item .Visual img {
    max-width: 100%;
    display: block;
}

.Transversal-Push-Item .Text {
    flex: 1;
    width: 100%;
    font-family: ClarinsRegular,Clarins;
    font-size: 30px;
    line-height: 1em;
}

.MyContent .Transversal-Push-Item .TextLink {
    margin: 0;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid #ecedee;
}

@media only screen and (max-width:1023px) {
	#bottom-push .Transversal-Push-Item {
		height:416px;	margin:20px;
	}
}
#bottom-push .Transversal-Push-Item .Visual{
	margin:-20px;
	margin-bottom:20px;
}
#bottom-push .Transversal-Push-Item .Visual img{
	max-width:100%;
	display:block;
}
#bottom-push .Transversal-Push-Item .Title{
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	color:#be0f34;
	font-size:11px;
	text-transform:uppercase;
}
#bottom-push .Transversal-Push-Item .Text{
	flex:1;
	width:100%;
	font-family: ClarinsRegular,Clarins;
	font-size:30px;
	line-height:1em;
}
@media only screen and (max-width:1023px) {
#bottom-push .Transversal-Push-Item .Text{
	font-size:25px;
}
}
#bottom-push .Transversal-Push-Item .TextLink{
	margin:0;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	color:#000;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none ;
	border-bottom:1px solid #ecedee;
}

#info2 .visual{
	order: 2;
}

#info2 .text-block{
	order:1;
}

.wrapper-info .visual,.wrapper-info .text-block{
	width: 50%;
}

.wrapper-info .text-block{
	padding: 40px;
}



.slider-number p:first-child{
	width: max-content;
	margin:0 auto;
	margin-bottom: 40px;
}

.Transversal-Push-Item2 .text{
	height: 120px;
}



#Pic-02{
	float: right;
}

#Line-08 .wrapper-slider{
	display: flex;
	flex-direction: row;
}

#Line-08 .text{
	font-size: 30px;
}

/*#Line-08 > div > div > div > div{
	margin: 20px;
	width: 300px;
}*/

#Line-08 > div > div > div > div span{
	color: #70AD47;
}

#Line-01{
	position: relative;
}

#Line-01 > div.col.col-12-desktop.col-12-tablet.col-6-mobile{
	/*height: 533px;*/
	overflow: hidden;
}

#Line-01 > div.col.col-8-desktop.col-push-2-desktop.col-8-tablet.col-push-2-tablet.col-6-mobile.col-push-0-mobile{
	position: absolute;
	top:300px;
}

#content-responsible-beauty-environmental {
	padding-bottom: 80px
}

#content-responsible-beauty-environmental #Visual-BG-Top, .Visual-BG-Top {
	position: absolute;
	top: 0;
	left: 0
}
.Visual-BG-Bottom {
	position: absolute;
	bottom: 0;
	left: 0
}
#content-responsible-beauty-environmental .parallax-window {
	min-height: 300px;
	background: 0 0
}
#content-responsible-beauty-environmental .fa-info-circle {
	color: #fff;
	font-size: 25px;
	position: absolute;
	right: 25px;
	bottom: 10px;
	display: none
}
#content-responsible-beauty-environmental #Pic-08 .fa-info-circle {
	color: #bababa
}
#content-responsible-beauty-environmental .fa-info-top {
	top: 10px
}
#content-responsible-beauty-environmental .fa-info-circle:active .leg {
	display: block
}
#content-responsible-beauty-environmental .fa-info-circle .leg {
	height: auto;
	background: #fff;
	margin: 0;
	padding: 5px;
	line-height: normal;
	font-size: 11px;
	color: #000;
	font-weight: 400;
	font-style: italic;
	text-align: left;
	position: absolute;
	top: 0;
	right: 20px;
	width: 275px;
	display: none
}
#content-responsible-beauty-environmental #Line-03 #Pic-02 img, #content-responsible-beauty-environmental #Line-09 #Pic-06 img, #content-responsible-beauty-environmental #Line-10 #Pic-07 img, #content-responsible-beauty-environmental #Line-11 #Pic-08 img {
	display: block;
}

#content-responsible-beauty-environmental #Line-03 #Pic-02 .col-gutter , #content-responsible-beauty-environmental #Line-09 #Pic-06 .col-gutter , #content-responsible-beauty-environmental #Line-10 #Pic-07 .col-gutter , #content-responsible-beauty-environmental #Line-11 #Pic-08 .col-gutter  {
	margin-bottom:15px;
}

#content-responsible-beauty-environmental #Text-Top .col-gutter {
	vertical-align:middle;
	display:inline-block;
}
#content-responsible-beauty-environmental #Text-Top {
	/*background: rgba(255,255,255,.85);*/
	text-align: center;
	position: absolute;
	margin: -306px 0 0;
	padding: 0;
	height: max-content;
	/*line-height:190px;*/
	top:500px;
}
#content-responsible-beauty-environmental #Text-Top h1 {
	font-family: ClarinsRegular;
	font-size: 50px;
	font-weight: 400;
	margin:0;
	padding: 0;
	color: #6a7a34;
	line-height:1em; 
}
#content-responsible-beauty-environmental #Text-Top p {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height:22px;
	margin: 0;
	padding: 0;
	margin-top:15px;
	color: #000
}

@media only screen and (max-width:1023px) {
#content-responsible-beauty-environmental .fa-info-circle {
	display: block
}
#content-responsible-beauty-environmental #Text-Top h1 {
	font-size: 45px
}
#content-responsible-beauty-environmental {
	overflow:hidden;
}
}

@media only screen and (max-width:761px) {
#content-responsible-beauty-environmental .Visual img {
	width: 100%;
	left: 0;
	margin-left: 0
}
#content-responsible-beauty-environmental #Text-Top {
	margin: 0
	
}
#content-responsible-beauty-environmental #Text-Top h1 {
	font-size: 40px;
	line-height: 40px
}
#content-responsible-beauty-environmental #Text-Top p {
	margin-top: 15px
}
#content-responsible-beauty-environmental #Line-10 #Pic-07 {
	margin-bottom: 15px
}
}
#content-responsible-beauty-environmental #Line-02 {
	margin-top: 40px
}
#content-responsible-beauty-environmental #Line-02 p {
	font-size: 14px;
	color: #8b8b8b;
	line-height: 22px;
	margin-top: 15px
}
#content-responsible-beauty-environmental #Line-02 #Line-02-Cit {
	width:100%;
	background-color: #70AD47;
	float: none;
}

#Line-02 .col{
	float: none;
	width: 100%;
	left: 0;
}

#Line-02 .col .col-gutter{
	width: 100%;
}

#content-responsible-beauty-environmental #Line-02 #Line-02-Cit h3,#content-responsible-beauty-environmental #Line-02 #Line-02-Cit p{
	color: #fff!important;
}

#content-responsible-beauty-environmental #Line-02 #Line-02-Cit #Line-02-Cit-Text {
	/*border: 2px solid #e5e5e5;*/
	padding: 30px;
	margin: 0;
	position: relative
}
#content-responsible-beauty-environmental #Line-02 #Line-02-Cit #Line-02-Cit-Text .Cit-Pic {
	position: absolute;
	width: auto;
	left: -10px
}
#content-responsible-beauty-environmental #Line-02 #Line-02-Cit #Line-02-Cit-Text h3 {
	font-family: ClarinsRegular;
	font-weight: 400;
	font-size: 30px;
	line-height: 32px;
	text-align: center;
	color: #000;
	margin: 0 0 0 10px;
	padding: 0
}

#content-responsible-beauty-environmental #Line-02 #Line-02-Cit #Line-02-Cit-Text h3:before{
	content: "« ";
}

#content-responsible-beauty-environmental #Line-02 #Line-02-Cit #Line-02-Cit-Text h3:after{
	content: " »";
}

#content-responsible-beauty-environmental #Line-02 #Line-02-Cit #Line-02-Cit-Text p {
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	text-align: center;
	/*color: #8b8b8b;*/
	color: #000;
	margin: 15px 0 0;
	padding: 0
}
#content-responsible-beauty-environmental #Line-03 h2, #content-responsible-beauty-environmental #Line-04 h2, #content-responsible-beauty-environmental #Line-10 h2, #content-responsible-beauty-environmental #Line-11 h2 {
	font-family: ClarinsRegular;
	font-weight: 400;
	font-size: 35px;
	text-align: center;
	color: #000;
	margin: 40px 0 30px;
	padding: 0
}
#content-responsible-beauty-environmental #Line-03 p, #content-responsible-beauty-environmental #Line-04 p, #content-responsible-beauty-environmental #Line-06 p, #content-responsible-beauty-environmental #Line-08 p, #content-responsible-beauty-environmental #Line-09 p, #content-responsible-beauty-environmental #Line-10 p,#content-responsible-beauty-environmental #Line-01 p {
	font-size: 14px;
	line-height: 22px;
	margin-top: 15px;
	text-align:center;
}
#content-responsible-beauty-environmental #Line-03 a, #content-responsible-beauty-environmental #Line-06 a {
	font-size: 11px;
	text-decoration: underline;
	color: #000;
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase
}
#content-responsible-beauty-environmental #Line-03 a:hover, #content-responsible-beauty-environmental #Line-06 a:hover {
	color: #be0f34
}
#content-responsible-beauty-environmental #Line-06 #Line-06-Block{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
#content-responsible-beauty-environmental #Line-03 #Pic-02, #content-responsible-beauty-environmental #Line-09 #Pic-06 {
	position: relative
}
#content-responsible-beauty-environmental #Line-03 #Pic-02 p, #content-responsible-beauty-environmental #Line-09 #Pic-06 p, #content-responsible-beauty-environmental #Line-10 #Pic-07 p {
	background: #f1f1f1;
	margin: 0;
	padding: 5px 10px;
	font-size: 11px;
	line-height: 14px;
	color: #000;
	font-weight: 400;
	font-style: italic
}
#content-responsible-beauty-environmental #Line-05 {
	margin-top: 15px;
	margin-bottom: 40px;
	position: relative
}
#content-responsible-beauty-environmental #Line-07 {
	margin-top: 40px;
	margin-bottom: 40px;
	position: relative
}
#content-responsible-beauty-environmental #Line-05 #Line-05-Visual-BG, #content-responsible-beauty-environmental #Line-07 #Line-07-Visual-BG {
	width: 1600px;
	height: 300px;
	left: 50%;
	position: relative;
	margin-left: -800px
}
#content-responsible-beauty-environmental #Line-05 #Line-05-Visual-BG #Line-05-Visual-BG-Top, #content-responsible-beauty-environmental #Line-07 #Line-07-Visual-BG #Line-07-Visual-BG-Top {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}
#content-responsible-beauty-environmental #Line-05 #Line-05-Visual-BG #Line-05-Visual-BG-Bottom, #content-responsible-beauty-environmental #Line-07 #Line-07-Visual-BG #Line-07-Visual-BG-Bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2
}
#content-responsible-beauty-environmental #Line-05 p {
	position: absolute;
	right: 0;
	bottom: 5px;
	color: #fff;
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	text-align: right;
	z-index: 2
}
#content-responsible-beauty-environmental #Line-07 p {
	position: absolute;
	right: 0;
	bottom: 5px;
	color: #000;
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	text-align: right;
	z-index: 2
}

#content-responsible-beauty-environmental #Line-09 {
	margin-top: 20px
}
#content-responsible-beauty-environmental #Line-10 #Pic-07 {
	float: right;
	position: relative
}
#content-responsible-beauty-environmental #Line-11 #Line-11-Cit {
	background: #fff;
	margin: 5% 0 0;
	padding: 0
}
#content-responsible-beauty-environmental #Line-11 #Line-11-Cit #Line-11-Cit-Text {
	border: 2px solid #e5e5e5;
	margin: 25px;
	padding: 30px;
	position: relative
}
#content-responsible-beauty-environmental #Line-11 #Line-11-Cit #Line-11-Cit-Text .Cit-Pic {
	position: absolute;
	width: auto;
	left: -10px
}
#content-responsible-beauty-environmental #Line-11 #Line-11-Cit #Line-11-Cit-Text h3 {
	font-family: ClarinsRegular;
	font-weight: 400;
	font-size: 30px;
	line-height: 32px;
	text-align: center;
	color: #000;
	margin: 0;
	padding: 0
}
#content-responsible-beauty-environmental #Line-11 #Line-11-Cit #Line-11-Cit-Text p {
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	text-align: center;
	color: #8b8b8b;
	margin: 25px 0 0;
	padding: 0
}
#content-responsible-beauty-environmental #Line-11 #Pic-08 p {
	height: 30px;
	background: #f1f1f1;
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 30px;
	font-size: 11px;
	color: #000;
	font-weight: 400;
	font-style: italic
}
#content-responsible-beauty-environmental #Line-11 #Pic-08 {
	position: relative
}

@media only screen and (max-width:1130px) {
#content-responsible-beauty-environmental #Line-11 #Line-11-Cit {
	margin: 2% 0 0
}
#content-responsible-beauty-environmental #Line-11 #Line-11-Cit #Line-11-Cit-Text {
	padding: 20px
}
}

@media only screen and (max-width:1023px) {
#content-responsible-beauty-environmental #Line-02 p, #content-responsible-beauty-environmental #Line-03 a, #content-responsible-beauty-environmental #Line-03 p {
	margin-right: 15px;
	margin-left: 15px
}
#content-responsible-beauty-environmental #Line-02 #Line-02-Cit, #content-responsible-beauty-environmental #Line-03 #Pic-02, #content-responsible-beauty-environmental #Line-09 #Pic-06 {
	margin-bottom: 15px
}
#content-responsible-beauty-environmental #Line-03 #Pic-02 p, #content-responsible-beauty-environmental #Line-05 p, #content-responsible-beauty-environmental #Line-06 #Pic-04, #content-responsible-beauty-environmental #Line-07 p, #content-responsible-beauty-environmental #Line-09 #Pic-06 p, #content-responsible-beauty-environmental #Line-10 #Pic-07 p, #content-responsible-beauty-environmental #Line-11 #Pic-08 p {
	display: none
}
#content-responsible-beauty-environmental #Line-09 p, #content-responsible-beauty-environmental #Line-10 p {
	margin-left: 15px;
	margin-right: 15px
}
#content-responsible-beauty-environmental #Line-10 #Pic-07 {
	float: left
}
#content-responsible-beauty-environmental #Line-11 #Line-11-Cit {
	margin-top: -10%
}
#content-responsible-beauty-environmental #Line-11 #Line-11-Cit #Line-11-Cit-Text {
	padding: 30px
}
#content-responsible-beauty-environmental #Line-06 #Line-06-Block{
	display:block;
}
}

@media only screen and (max-width:761px) {
#content-responsible-beauty-environmental #Line-11 #Line-11-Cit {
	left: 8.33%
}
#content-responsible-beauty-environmental #Line-11 #Line-11-Cit .col-gutter {
	margin: 0
}
#content-responsible-beauty-environmental #Line-11 #Line-11-Cit #Line-11-Cit-Text {
	padding: 30px;
	margin: 0
}
#content-responsible-beauty-environmental #Line-11 #Line-11-Cit #Line-11-Cit-Text .Cit-Pic {
	left: -15px
}
}
#content-responsible-beauty-environmental #Line-12 h2 {
	font-family: ClarinsRegular;
	font-weight: 400;
	font-size: 35px;
	text-align: center;
	color: #be0f34;
	margin: 40px 0 0;
	padding: 0
}
#content-responsible-beauty-environmental #Line-12 .Line-12-Block {
	width: 100%;
	height: 115px;
	border: 2px solid #f2f2f2;
	margin-top: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}
#content-responsible-beauty-environmental #Line-12 .Line-12-Block img {
	width: auto;
	float: left;
	margin-left: 20px
}
#content-responsible-beauty-environmental #Line-12 .Line-12-Block p {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: left;
	float: left;
	margin: 0 0 0 20px;
	padding: 0
}
#content-responsible-beauty-environmental #Line-12 .Line-12-Block p span {
	text-transform: uppercase;
	font-size: 16px
}
#Line-02-Cit .col-gutter {
	margin-top: 20px;
}

@media (max-width: 768px) {
#content-responsible-beauty-environmental .fa-info-circle .leg {
	width: 300px;
}
}

@media (max-width: 375px) {
#content-responsible-beauty-environmental .fa-info-circle .leg {
	width: 220px;
}
}
@media (max-width: 374px) {
	#content-responsible-beauty-environmental #Text-Top h1{
		font-size:35px;
		line-height:35px;
		text-align:center;
	}
}

@media (max-width: 320px) {
#content-responsible-beauty-environmental .fa-info-circle .leg {
	width: 180px;
}
}
 #content-responsible-beauty-environmental #Line-03 a {
	display: inline-block;
}
#content-responsible-beauty-environmental .fa-info-circle {
	/*display: block!important;*/
}

@media screen and (max-width: 761px) {
.parallax-mirror {
	transform: scale(0.5)!important;
	margin-top: -75px;
}
#Line-05-Visual-BG .parallax-window,
#Line-07-Visual-BG .parallax-window{
	background-size: auto 100% !important;
}
}

/***DTW EDITS***/

#Line-01 > div.col.col-8-desktop.col-push-2-desktop.col-8-tablet.col-push-2-tablet.col-6-mobile.col-push-0-mobile {
    top: 193px;
}
@media only screen and (min-width: 1024px){
	.dtw_width{
		width: 95%;
		left: 2%;
	}
	#content-responsible-beauty-environmental #Line-03 #Pic-02 .col-gutter{
		margin-top: 20px;
	}
	.dtw_width2{
		width: 85%;
	}
	#content-responsible-beauty-environmental #Line-09 #Pic-06 .col-gutter{
		margin-top: 15px;
	}

	#content-responsible-beauty-environmental #Text-Top {
	background: rgba(255,255,255,.85);
	top: 349px;
	/*height:357px; */
	width: 543px;
	padding: 34px;
}

#content-responsible-beauty-environmental #Text-Top h1 {
	padding-top:10px;
}
}
/*Ipad Air 3 Landscape*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {

#content-responsible-beauty-environmental #Line-08 p {
        width: 86%;
}
.Transversal-Push-Item2 img {
    margin-top: 38px;
    margin-left: 37px;
}
}

/*Ipad Air 3 Portrait*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
#bottom-push .Transversal-Push-Item {
    position: relative;
    left: -15px;
}
#content-responsible-beauty-environmental #Line-08 p {
        width: 86%;
}
.Transversal-Push2 {
    width: 130%;
}
.col-push-2-tablet, .contact-us .alert-panel-wrapper {
    left: 6.666667%;
}
.Transversal-Push-Item2 img {
    margin-top: 38px;
    margin-left: 37px;
}
}
@media only screen and (max-width: 761px){
#content-responsible-beauty-environmental #Line-02 #Line-02-Cit #Line-02-Cit-Text {
	/*border: 2px solid #e5e5e5;*/
	padding: 10px;
	margin-right:37px;
}

.Transversal-Push-Item2 {
    width: 100%;
    margin-bottom: 24px;
}
.slick-prev {
    left: -14px;
    top: 52%;
}
.slick-next {
    right: -14px;
    top: 51%;
}
#bottom-push .slick-next, #bottom-push .slick-prev {
    display: none!important;
    }
#bottom-push .Transversal-Push-Item {
    margin-left: 38px;
}


}