.breadcrumb {
	display: none;
}
#main {
margin-top:0px;
}
#main:not(.main-homepage) {
margin-top:0px;
}
#feed-parallax-01 {
	background-image: url(../img/Block-05-visual-parallax.jpg);
}
.primary-content{
	padding-bottom:0px;
}

#MyContent {
		font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 1250px) {
#MyContent {
		overflow:hidden;
}
}
/*------------------------------------------------------------*/
#Header-Section {
	width: 100%;
	display: block;
	position: relative;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: right;
	margin-bottom: 60px;
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 1023px) {
#Header-Section {
	margin-bottom: 0px!important;
}
}


#MyContent .text-link{
	font-size: 11px!important;
    line-height: 18px;
}
#MyContent .text-link a, #MyContent .text-link span {
	margin: 0;
	padding-top: 15px!important;
	color: #000!important;
	line-height: 1em!important;
	text-transform: uppercase;
	display: inline;
	font-size: 11px!important;
	text-decoration: none!important;
	border-bottom: #d4d4d4 1px solid!important;
	
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
}

#MyContent .text-link a:hover, #MyContent a:hover .text-link span {
	border-bottom: #be0f34 1px solid!important;
	color: #be0f34!important;
}

/* #Header-Section .visual */
#Header-Section .visual {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	max-height:500px;
}

@media screen and (max-width: 1023px) {
	#Header-Section .visual{overflow: hidden;max-height: 350px; height: 100%;}
}
@media screen and (max-width: 761px) {
	#Header-Section .visual {overflow: hidden;width: 100%;position: relative;}
}



#Header-Section .visual .wrapper {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	width: 2000px;
	height: 100%;
	margin-left: -1000px;
	left: 50%;
	top: 0px;
	text-align: center;
	overflow-y: hidden;
}


#MyContent .visual .wrapper img {
	height: 100%!important;
	width: auto!important;
}
#Header-Section .banner-spacer {
	display: none;
}
@media screen and (max-width: 1249px) {
	#Header-Section .banner-spacer {
		display: block;
		width: 100%;
		height: auto;
		max-width: 1024px;
	}
}

@media screen and (max-width: 761px) {
#Header-Section .banner-spacer {
	display: block;
	width: 100%;
	height: auto;
	max-width: 1024px;
}
}


.video-top-banner {
	position: relative;
}


#Header-Section p.Mentions{
	opacity:0.5;
	font-size:10px!important;
	margin:0;
}

#Header-Section .visual a.link-video {
	background-image: url("../img/video-play.svg");
	background-repeat: no-repeat;
	background-position:center center;
	position: absolute;
	display:block;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
}
@media screen and (max-width: 761px) {
#Header-Section .visual a.link-video {
	background-size:auto 20% ;
}
}
#Header-Section .box-wrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 1024px;
	position: relative;
}

@media screen and (max-width: 1023px) {
#Header-Section .box-wrapper {
	overflow: visible;
	max-width: 762px;
}
}
#Header-Section .white-block {
	margin-bottom: 50px;
	margin-top: 50px;
	margin-right: 40px;
	overflow: visible;
	position: relative;
	width: 504px;
	z-index: 5;
	text-align: left;
	display: inline-block;
	min-height: 400px;
	line-height: 400px;
}

@media screen and (max-width: 1023px) {
#Header-Section .white-block {
	margin-bottom: 30px;
	margin-top: 30px;
	margin-right: 60px;
	width: 100%;
	
}
}

@media screen and (max-width: 761px) {
#Header-Section .white-block {
	margin: 0;
	position: relative;
	left: auto;
	top: auto;
	width: 100%;
	min-height: 0px;
	line-height: 0px;
	   margin-bottom: 0px!important;
}
}
#Header-Section .white-block .wrapper {
	background-color: #fff;
	display: inline-block;
	line-height: 12px;
	padding: 30px;
	position: relative;
	vertical-align: middle;
}

@media screen and (max-width: 1023px) {
#Header-Section .white-block .wrapper {
    background-color: #fff;
    display: inline-block;
    line-height: 12px;
    padding: 30px;
    position: relative;
    vertical-align: bottom;
    margin-top: 300px;
	text-align:center;
}
}

@media screen and (max-width: 761px) {
#Header-Section .white-block .wrapper {
	min-height: 10px;
	padding: 20px;    
	margin-top: 0px;
}
}
#Header-Section .white-block .wrapper h1 {
	color: #be0f34;
	margin: 0;
	padding: 0;
	font-family: ClarinsRegular;
	font-size: 40px;
	font-weight: normal;
	padding-bottom: 25px;
	line-height: 1em;
}

@media screen and (max-width: 761px) {
#Header-Section .white-block .wrapper h1 {
	font-size: 30px;
}
}
#Header-Section .white-block .wrapper p {
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 5px;
	line-height: 22px;
}
#Header-Section .infos {
	color: #fff;
	font-size: 11px;
	text-align: right;
	width: 400px;
	z-index: 10;
	bottom: 30px;
	right: 80px;
	display: block;
	position: absolute;
	padding: 0px;
	margin: 0px;
}

@media screen and (max-width: 1023px) {
#Header-Section .infos {
	right: 60px;
	width: 40%;
	bottom: 10px;
}
}

@media screen and (max-width: 761px) {
#Header-Section .infos {
	bottom: auto;
	margin-left: auto;
	margin-right: auto;
	top: -60px;
	position: absolute;
	right: auto;
	text-align: center;
	width: 100%;
}
}

/* parallax with box home spa */

#MyContent .parallax {
	position: relative;
	display: block;
	height: 300px;
	overflow: visible;
	margin-bottom: 60px;
}

@media screen and (max-width: 761px) {
#MyContent .parallax {
	height: 200px;
		margin-bottom: 30px;
}
}
#MyContent .parallax .background {
	position: absolute;
	left: 50%;
	margin-left: -1250px;
	width: 2500px;
	top: 0px;
	height: 300px;
	background-repeat: no-repeat;
	background-color: #e1e1e1;
	z-index: 1;
	background-attachment: fixed;
	background-position-x: center;
}
@media screen and (max-width: 1024px) {
#MyContent .parallax .background {
	background-size: auto 200% !important;
	background-position: top center !important;
	background-attachment: scroll!important;
}
}
@media screen and (max-width: 1023px) {
#MyContent .parallax .background {
	background-size: auto 150% !important;
	background-position: top center !important;
		background-attachment: scroll!important;
}
}

@media screen and (max-width: 761px) {
#MyContent .parallax .background {
	height: 200px;
}
}

/* parallax with caption */

#MyContent .with-caption.parallax {
	position: relative;
	display: block;
	height: 300px;
	overflow: visible;
	margin-bottom: 60px;
}

@media screen and (max-width: 761px) {
#MyContent .with-caption.parallax {
	height: 200px;
}
}
#MyContent .white-caption-parallax {
	bottom: 10px;
	left: 50%;
	line-height: 11px;
	max-width: 452px;
	position: absolute;
	text-align: center;
	font-size: 11px;
	width: 50%;
	z-index: 2;
}

@media screen and (max-width: 1023px) {
#MyContent .white-caption-parallax {
}
}

@media screen and (max-width: 761px) {
#MyContent .white-caption-parallax {
	bottom: -34px;
	font-size: 14px;
	width: 100%;
	left: 0%;
	max-width: 762px;
}
}
#MyContent .white-caption-parallax .col-gutter {
	position: relative;
	text-align: right;
}

@media screen and (max-width: 761px) {
#MyContent .white-caption-parallax .col-gutter {
	text-align: center;
}
}
#MyContent .white-caption-parallax .wrapper {
	/*background-color: #fff;*/
	color: #FFF;
	display: inline-block;
	line-height: 1em;
	/*padding: 20px;*/
}
/**/
#MyContent .shadow-border {
	box-shadow: inset 0px 0px 20px rgba(0,0,0,0.1);
	position: absolute;
	left: 50%;
	width: 2600px;
	margin-left: -1300px;
	top: 0px;
	height: 100%;
	z-index: 3;
}

#Header-Section.video-header .white-block {
	margin: 0;
	width: 330px;
	position: absolute;
	right: 80px;
	top: 0px;
	height: 100%;
	line-height: 530px;
}

@media screen and (max-width: 1023px) {
#Header-Section.video-header .white-block {
	height: 530px;
	line-height: 530px;
	margin: -265px 0 0;
	position: absolute;
	right: 30px;
	top: 50%;
	width: 280px;
}
}

@media screen and (max-width: 761px) {
#Header-Section.video-header .white-block {
	width: 100%;
	margin: 0;
	position: relative;
	height: auto;
	line-height: 1em;
	top: auto;
	right: auto;
}
}
#Block-02 {
	text-align: center;
	font-size: 22px;
	line-height: 32px;
}
@media screen and (max-width: 761px) {
#Block-02 {
	transform:scale(0.9)
}
}
#Block-02 img {
	width: 100%;
	max-width: 555px;
	margin-bottom: 60px;
}
#Block-02 .MyPicto img{
	width:auto;
	max-width:100%;
	margin:0 auto;
	display:block;
}

#value-D-5{
	margin-left:-5px;
}
#Block-02 .MyText-before {
	margin:0;
}
#Block-02 .MyText-after {
		margin-top: 15px;
		color:#be0f34;
}
#Block-02 .anim-digit {
	font-size: 0;
}
@media screen and (max-width: 761px) {
	#Block-02 .anim-digit  {
		left: 50%;
		transform: scale(0.8);
		transform-origin: left top 0;
		width: 400px;
		position: absolute;
		margin-left: -165px;
		 margin-top: -80px;
	}
	#Block-02 .MyText-before {
		margin-bottom: 80px;
	}
	#Block-02 .MyText-after {
		margin-top: 0px;
	}
}

#Block-02 .digit {
	width: 45px;
	height: 80px;
	display: inline-block;
	background-image: url(../img/anim-numero.png);
	font-size: 78px;
	line-height: 1em;
	color: #be0f34;
	text-align: center;
	opacity: 0;
	vertical-align:bottom;
}

#Block-02 .DigitBlurANIM {
	opacity: 1;
	animation-name: DigitBlur;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: 30;
	background-position: -118px 0px;
}
@keyframes DigitBlur {
 0% {
 background-position:-118px 0px;
}
 100% {
 background-position: -118px -807px;
}
}
#Block-02 .DigitEndANIM-0 {
	opacity: 1;
	animation-name: DigitAnim-0;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-0 {
 0% {
 background-position: -20px 0px;
}
 100% {
 background-position: -20px 0px;
}
}
#Block-02 .DigitEndANIM-1 {
	opacity: 1;
	animation-name: DigitAnim-1;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-1 {
 0% {
background-position: -20px 0px;
}
 100% {
background-position: -20px -80px;
}
}
#Block-02 .DigitEndANIM-2 {
	opacity: 1;
	animation-name: DigitAnim-2;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-2 {
 0% {
background-position: -20px 0px;
}
 100% {
background-position: -20px -160px;
}
}
#Block-02 .DigitEndANIM-3 {
	opacity: 1;
	animation-name: DigitAnim-3;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-3{
 0% {
 background-position: -20px 0px;
}
 100% {
background-position: -20px -240px;
}
}
#Block-02 .DigitEndANIM-4 {
	opacity: 1;
	animation-name: DigitAnim-4;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-4 {
 0% {
background-position: -20px 0px;
}
 100% {
background-position: -20px -320px;
}
}
#Block-02 .DigitEndANIM-5 {
	opacity: 1;
	animation-name: DigitAnim-5;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-5{
 0% {
 background-position: -20px 0px;
}
 100% {
background-position: -20px -400px;
}
}
#Block-02 .DigitEndANIM-6 {
	opacity: 1;
	animation-name: DigitAnim-6;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-6 {
 0% {
background-position: -20px 0px;
}
 100% {
background-position: -20px -480px;
}
}
#Block-02 .DigitEndANIM-7 {
	opacity: 1;
	animation-name: DigitAnim-7;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-7 {
 0% {
background-position: -20px 0px;
}
 100% {
background-position: -20px -560px;
}
}
#Block-02 .DigitEndANIM-8 {
	opacity: 1;
	animation-name: DigitAnim-8;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-8 {
 0% {
 background-position: -20px 0px;
}
 100% {
background-position: -20px -640px;
}
}
#Block-02 .DigitEndANIM-9 {
	opacity: 1;
	animation-name: DigitAnim-9;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-fill-mode:forwards;
}
@keyframes DigitAnim-9 {
 0% {
background-position: -20px 0px;
}
 100% {
background-position: -20px -720px;
}
}



#Block-02 .digit span {
	display: none;
}
#Block-02 .dot {
	display: inline-block;
	font-size: 50px;
	line-height: 1em;
	color: #be0f34;

	z-index:2;
	vertical-align:bottom;
}

#Block-02b {
	padding-bottom: 45px;
}

#FEEDpouchpack{
	max-width : 400px;
	height : auto;
	display: block;
    margin-left: auto;
    margin-right: auto 
}

.link-store{

	text-align: center;
	color:#ffffff;
	background-color: #be0f34;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: "Gotham SSm medium A","Gotham SSm medium B",Helvetica,Arial,sans-serif !important;
	font-size : 11px;
}

.link-store:hover{
	color: #ffffff;
	background-color: rgba(190,15,52,0.8);

}

#Block-02b p{
	font-size : 14px;
/*	padding-left : 7%;
	padding-right : 4%;*/
}
#Block-02b-Products{
	text-align : center;
}

#mentions{
	font-size: 11px !important;
}


@media screen and (max-width: 1023px){
	#FEEDpouchpack{
		max-width : 400px;
	}
}

@media screen and (max-width: 800px){
	#FEEDpouchpack{
		max-width : 300px;
	}
}

#Block-03 {
	margin: 0;
	margin-top: 60px;
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	background-image: url(../img/Block-03-texture.png);
	padding-top: 60px;
	padding-bottom: 60px;
	width: 2000px;
	margin-left: -375px;
	background-color:#f0e7de;
}
@media screen and (max-width: 761px){
	#Block-03 {
			margin-top: -20px;
			padding-top:20px;
	}
}

#P-1-feed span, #P-10-meals span {
	position: relative!important;
	top: auto!important;
	text-align: center!important;
	left: auto!important;
	min-width: 300px!important;
	margin:auto!important;
}


@media screen and (max-width: 1249px) {
#Block-03 {
	width: 100%;
	margin-left: 0;
}
}
#Block-03 p {
	margin: 0;
	padding: 0;
	padding-bottom:10px;
}

@media screen and (max-width: 761px) {
#Block-03 p{
	padding:10px;
}
}
#Block-03 .mobile-line-break {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	
}
#Block-03 p .mobile-line-break {
	vertical-align: bottom;
}
#Block-03 .mobile-line-break span{
min-height: 70px;
display: block;
min-width: 100% !important;

}
#Block-03 .mobile-line-break img{
	vertical-align:middle;
}
@media screen and (max-width: 1023px) {
#Block-03 .mobile-line-break {
	display: inline-block;
	max-width: calc(30% - 20px);
	vertical-align: bottom;
	margin: 20px;
}
#Block-03 .mobile-line-break img{
	display: block;
	max-height:160px;
}
#Block-03 .mobile-line-break span{
min-height: 40px;
font-size: 14px;
}
#Block-03 .mobile-line-break img.EgalSign{
	position:absolute;
	top:calc(50% - 30px);
}
#Block-03 .mobile-line-break img.EgalSign:nth-child(1){
	left:-40px;
}
#Block-03 .mobile-line-break img.EgalSign:nth-child(3){
	right:-40px;
}
}
@media screen and (max-width: 761px) {
#Block-03 .mobile-line-break {
	display: block;
	max-width: calc(100% - 20px);
	margin-top: 20px;
	text-align: center;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 40px !important;
	clear: both;
}
#P-1-feed {
	left:auto!important;
	margin-bottom:20px!important;
}
#P-1-feed span {
	margin-left:50px;
}
#Block-03 .mobile-line-break img{
	margin-left:auto;
		margin-right:auto;
}
#Block-03 .mobile-line-break img.EgalSign{
	position:absolute;
	left:calc(50% - 20px)!important;
	right:auto!important;
	top:auto;
	
}
#Block-03 .mobile-line-break img.EgalSign:nth-child(1){
	top:-40px;
}
#Block-03 .mobile-line-break img.EgalSign:nth-child(3){
	bottom:-40px;
}
}



#Block-Citation h2 {
	margin: 0;
	font-family: ClarinsRegular;
	font-size: 35px;
	font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 0px;
	text-align:center;
}

#Block-Citation p.Citation{ 
	font-size:20px;
	max-width:620px;
	margin:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	line-height:1.4em;
}
#Block-Citation p.Citation::before {
	content: "“";
	color: #be0f34;
	font-size: 100px;
	font-family: ClarinsRegular;
	height: 60px;
		line-height:100px;
	overflow: hidden;
	vertical-align: bottom;
	display: inline-block;
	margin-top: -40px;
}
#Block-Citation p.Citation::after {
	content: "”";
	color: #be0f34;
	font-size: 52px;
	font-family: ClarinsRegular;
	display: inline-block;
	height: 30px;
	line-height:52px;
	overflow: hidden;
	margin-top: -10px;
	vertical-align: bottom;
}
#Block-Citation p.Author{
	font-size:14px;
	max-width:620px;
	margin:20px;
	color:#8b8b8b;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#Block-04 h2 {
	margin: 0;
	font-family: ClarinsRegular;
	font-size: 35px;
	font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 0px;
	text-align:center;
} 
#Block-04 {
	width: 100%;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
	padding-bottom: 60px;
	position:relative;
}
@media screen and (max-width: 1023px) {
	#Block-04 {
		padding-top:0px!important;
		padding-bottom:20px!important;
	}
}
@media screen and (max-width: 761px){
#Block-04 {
    padding-top:30px!important;
    padding-bottom: 20px!important;
}
}
#Block-04 nav {
	padding:0;
	display:flex;
	margin:0 auto;
	width:100%;
	align-items:flex-end;
	justify-content:space-between;
	border-bottom:1px solid #cbcbcb;
	margin-bottom:30px;
}
#Block-04 nav a{
	color:#000;
	font-family:ClarinsRegular,Clarins;
	font-size:20px;
	text-decoration:none;
	flex-basis:12.5%;
	text-align:center;
	position:relative;
	padding-bottom:20px;
}
@media screen and (max-width:761px) {
	#Block-04 nav a{
		font-size:14px;
	}
}
#Block-04 nav a::after{
	content:" ";
	position:absolute;
	width:1px;
	border-left:1px solid #cbcbcb;
	height:20px;
	bottom:-10px;
	left:50%;
}
#Block-04 nav a.Selected{
	color:#be0f34;
	font-size:30px;

}
@media screen and (max-width:761px) {
	#Block-04 nav a.Selected{
		font-size:20px;
	}
}
#Block-04 nav a.Selected::after{
	border-left:1px solid #be0f34;
	height:40px;
	bottom:-30px;
}
#Block-04 img {
	width: 100%;
	border: 0px solid #f1f1f1!important;
}
	#Block-04 .jcarousel-pagination {
		display:none;
	}

@media screen and (max-width: 761px) {
	#Block-04 .jcarousel-pagination {
		bottom: 0px; 
		display:block;
	}
}

#Block-04 .jcarousel {
	margin-left: auto;
	margin-right: auto;
}
#Block-04 .jcarousel ul {
	
}
#Block-04 .jcarousel ul li {

	text-align: center;
}
@media screen and (max-width: 761px) {
#Block-04 .jcarousel ul li {
	padding-bottom:30px;
}
}
#Block-04 .jcarousel ul li .wrapper {
	padding-top: 0px!important;
	border:1px solid #be0f34;
	min-height:210px;
}
@media screen and (max-width: 761px) {
#Block-04 .jcarousel ul li .wrapper {
	padding:20px!important;
		/*min-height:370px;*/
}
}
#Block-04 .jcarousel ul li p {
	margin: 0;
	padding: 0;
	display: block;
	color: #be0f34;
	font-size: 12px;
	text-align: left;
	position:relative;
}
#Block-04 .jcarousel ul li .InlineBlock {
	display:inline-block;
	vertical-align:middle;
	max-width:370px;
}
#Block-04 .jcarousel ul li img {
	width:auto;
	max-width:100%;
	display:block;
}
#Block-04 .jcarousel ul li p.text {
	margin: 0;
	padding: 0;
	display: block;
	color: #000!important;
	font-size: 14px!important;
	margin-left: 18px;
	margin-top: 15px;
	
	/*display:none;*/
}
#Block-04 .jcarousel ul li p.text::before {
	content: "• ";
	color: #be0f34;
	font-size: 12px;
	margin-left: -12px;
}

#Block-04 .jcarousel ul li h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	display: block;
	color: #be0f34!important;
	font-size: 24px!important;
	font-family: ClarinsRegular;
	text-align: left;
	line-height: 1em;
	position:absolute;
}
#Block-04 .jcarousel ul li h3 {
	display:none;
}
#Block-04 .jcarousel ul li .NbMeals{
	padding-top:10px;
	display:block;
	padding-left:16px;
}

#Block-04 .jcarousel ul li .NbMeals span {
	color: #be0f34!important;
	font-size:16px;
}

#Block-04 .products-pagination.jcarousel-control-prev {
	left: -60px;
	top: 300px;
}

#Block-04 .products-pagination.jcarousel-control-next {
	right: -60px;
	top: 300px;
}
#Block-06 {
	text-align: center;
	width: 100%;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
#Block-06 .col {
	display: inline-block;
	float: none;
	vertical-align: top;
}
@media screen and (max-width: 1023px) {
#Block-06 .col {
	margin-left:10px;
	margin-right:10px;
}
}
#Block-06 h2 {
	margin: 0;
	font-family: ClarinsRegular;
	font-size: 35px;
	font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 0px;
}
#Block-06 p {
	font-size: 14px;
}
#Block-06 img {
	width: 100%;
	max-width: 432px;
	display: block;
}
#Block-06 p.video {
	margin: 0;
	margin-top: 40px;
	padding: 0;
	display: block;
	text-align: left;
}
#Block-06 p.text {
	margin: 0;
	padding: 0;
	padding-top: 20px;
	font-family: ClarinsRegular;
	font-size: 22px;
	text-align: left;
}


  
#Block-07 {
	margin: 0 auto;
	margin-top: 0px;
	text-align: center;
	font-size: 14px;
	line-height: 1.4em;
	padding-top: 0px;
	padding-bottom: 60px;
	margin-bottom: 0px;
	max-width:1149px;
}
@media screen and (max-width: 761px) {
#Block-07 {
		padding-bottom: 30px;
}
}
#Block-07 .col {
	display: inline-block;
	float: none;
	vertical-align: middle;
	text-align: left;
	margin:20px;
}
#Block-07 img {
	width: 100%;

	display: block;
}
#Block-07 h2 {
	font-family: ClarinsRegular;
	font-size: 35px;
	font-weight: normal;
	margin:0px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	line-height:1em;
}

@media screen and (max-width: 1249px) {
#Block-07 {
	width: 100%;
	margin-left: 0;
}
}
#Block-07 p {
	margin: 0;
	padding: 0;
	display: inline-block;
	padding-bottom:15px;
}
#Block-07 p.MyText {
	padding-bottom:15px;
}
/*---------*/
.col-video {
	max-width: 432px;
	margin-left: 40px;
	margin-right: 40px;
}
@media screen and (max-width: 761px) {
.col-video {
	margin-left: auto;
	margin-right: auto;
}
}

/*-------------------------*/

/*------------------------------------------------------------*/
#Header-Section {
	width: 100%;
	display: block;
	position: relative;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: right;
	margin-bottom: 60px;
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 761px) {
#Header-Section {
	margin-bottom: 0px;
}
}


#MyContent .text-link{
	font-size: 11px!important;
    line-height: 18px;
}
#MyContent .text-link a, #MyContent .text-link span {
	margin: 0;
	padding-top: 15px!important;
	color: #000!important;
	line-height: 1em!important;
	text-transform: uppercase;
	display: inline;
	font-size: 11px!important;
	text-decoration: none!important;
	border-bottom: #d4d4d4 1px solid!important;
	
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
}

#MyContent .text-link a:hover, #MyContent a:hover .text-link span {
	border-bottom: #be0f34 1px solid!important;
	color: #be0f34!important;
}



/* ---------------------------*/
#Block-Engagement {
	width: 100%;
	display: block;
	position: relative;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: center;
	margin-bottom: 60px;
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;
}
#Block-Engagement .visual {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	max-height:479px;
}

@media screen and (max-width: 1023px) {
	#Block-Engagement .visual{overflow: hidden;max-height: 479px; height: 100%;}
}
@media screen and (max-width: 761px) {
	#Block-Engagement .visual {overflow: hidden;width: 100%;position: relative;}
}



#Block-Engagement .visual .wrapper {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	width: 2000px;
	height: 100%;
	margin-left: -1000px;
	left: 50%;
	top: 0px;
	text-align: center;
	overflow-y: hidden;
}


#Block-Engagement .visual .wrapper img {
	height: 100%!important;
	width: auto!important;
}

@media screen and (max-width: 1023px) {
#Block-Engagement .visual .wrapper img {
	margin-left:400px;
}
}
#Block-Engagement .banner-spacer {
	display: none;
}
@media screen and (max-width: 1249px) {
	#Block-Engagement .banner-spacer {
		display: block;
		width: 100%;
		height: auto;
		max-width: 1024px;
	}
}

@media screen and (max-width: 761px) {
#Block-Engagement .banner-spacer {

	width: 100%;
	height: auto;
	max-width: 1024px;display: none;
}
}


#Block-Engagement .box-wrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 1024px;
	position: relative;
}

@media screen and (max-width: 1023px) {
#Block-Engagement .box-wrapper {
	overflow: visible;
	max-width: 762px;
}
}
#Block-Engagement .white-block {
	margin: 50px auto;
	overflow: visible;
	position: relative;
	width: 908px;
	z-index: 5;
	text-align: left;
	display: inline-block;
	min-height: 386px;
	line-height: 386px;
	padding-left:280px;
}

@media screen and (max-width: 1023px) {
#Block-Engagement .white-block {
	margin:0;
		width: 100%;
		padding:0;
}
}

@media screen and (max-width: 761px) {
#Block-Engagement .white-block {
	margin: 0;
	position: relative;
	left: auto;
	top: auto;
	width: 100%;
	min-height: 0px;
	line-height: 0px;
	   margin-bottom: 0px!important;
}
}
#Block-Engagement .white-block .wrapper {
	background-color: #fff;
	display: inline-block;
	line-height: 12px;
	padding: 30px;
	position: relative;
	vertical-align: middle;
	height:328px;
	margin-top:5px;
}
@media screen and (max-width: 1023px) {
#Block-Engagement .white-block .wrapper {
    background-color: #fff;
    display: block;
    line-height: 12px;
    padding: 20px;
    position: relative;
    vertical-align: middle;
    margin: 20px auto;
    max-width: 500px;
    width: calc(100% - 40px);
	/*margin-right:0;*/
}
}
@media screen and (max-width: 761px) {
#Block-Engagement .white-block .wrapper {
    background-color: #fff;
    display: block;
    line-height: 12px;
    padding: 20px;
    position: relative;
    vertical-align: middle;
    margin: 20px auto;
    max-width: 290px;
    width: calc(100% - 80px);
}
}
@media screen and (max-width: 374px){
#Block-Engagement .white-block .wrapper {
    background-color:transparent;
    display: block;
    line-height: 12px;
    padding: 20px;
    position: relative;
    vertical-align: middle;
    margin: 0px auto;
    max-width: 300px;
    width: 100%;
}
}
#Block-Engagement .white-block .wrapper h2 {
	color: #be0f34;
	margin: 0;
	padding: 0;
	font-family: ClarinsRegular;
	font-size: 40px;
	font-weight: normal;
	padding-bottom: 25px;
	line-height: 1em;
}

@media screen and (max-width: 761px) {
#Block-Engagement .white-block .wrapper h2 {
	font-size: 30px;
}
}
#Block-Engagement .white-block .wrapper p {
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 5px;
	line-height: 22px;
}
@media screen and (max-width: 761px) {
#Block-Engagement{
	background-image:url(../img/background-engagement-mobile.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:150px;padding-bottom: 150px;
	margin-bottom:0;
}
}

/*
#Block-Engagement{
	background-image:url(../img/background-engagement.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width: 2600px;
	margin-left: -1300px;
}*/
#Block-Engagement span img{
	display:block;
	
}
@media screen and (max-width: 1023px) {
#Block-Engagement span img {
    display: block;
    width: 150px;
}
}
@media screen and (max-width: 761px) {
#Block-Engagement span img {
    display: block;
    width: 120px;
}
}
#Block-Engagement span.pink{
	color:#d75b71;
}
#Block-Engagement span{
	text-align:center;
	display:inline-block;
	vertical-align:middle;font-size:16px;
	line-height:1.4em;
	
}
@media screen and (max-width: 761px) {
#Block-Engagement span  {
    font-size:14px;
}
}
#text-Engagement-1{
	text-align:right;
	display:inline-block;
	width:252px;
		vertical-align:middle;
}
@media screen and (max-width: 1023px) {
#text-Engagement-1{
	text-align:center;
	display:block;
	width:100%;
}
}
#text-Engagement-1 strong{
	text-transform:uppercase;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 761px) {
#text-Engagement-1 strong{
   display:block;
   padding-top:10px;
}
}
#text-Engagement-2{
	text-align:center;
	width:457px;
	display:inline-block;
		vertical-align:middle;
}
@media screen and (max-width: 1023px) {
#text-Engagement-2{
	text-align:center;
	display:block;
	width:100%;
}
}
@media screen and (max-width: 761px) {
#text-Engagement-2{
	 padding-top:30px;
}
}
#Block-Citation{
	margin:0 auto;
	padding:0 20px;
	box-sizing:border-box;
	margin-bottom:60px;
}
@media screen and (max-width: 761px) {
#Block-Citation{
		margin-bottom:30px
}
}
/*-------------------------------------------*/

#Transversal-Push h2{
	color:#000;
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	line-height:1em;
	font-weight:normal;
	margin:0;	
	box-sizing:border-box;
	padding-bottom: 20px;
	text-align:center;
}
@media screen and (max-width: 761px) {
#Transversal-Push h2{
	padding-top:20px;
	font-size:30px;
}
}
#Transversal-Push {
	position:relative;
	padding-bottom:20px;
}
#Transversal-Push .jcarousel {
	margin-left: auto;
	margin-right: auto;
	width: 915px;
}
@media screen and (max-width: 1023px) {
	#Transversal-Push .jcarousel {
	width: 590px;
}

}
#Transversal-Push .products-pagination.jcarousel-control-next, 
#Transversal-Push .products-pagination.jcarousel-control-prev{
	top:calc(50% - 35px);
	display:none;
	
}
@media screen and (max-width: 1023px) {
#Transversal-Push .products-pagination.jcarousel-control-next, 
#Transversal-Push .products-pagination.jcarousel-control-prev{
	display:block;
	
}
}
@media screen and (max-width: 761px) {
#Transversal-Push .products-pagination.jcarousel-control-next, 
#Transversal-Push .products-pagination.jcarousel-control-prev{
	display:none;
	
}
}
#Transversal-Push .products-pagination.jcarousel-control-next{
	right:20px;
}
#Transversal-Push .products-pagination.jcarousel-control-prev{
	left:20px;
	
}
@media screen and (max-width: 761px) {
#Transversal-Push .jcarousel {
	width: 290px;
	padding-bottom:40px;
}
#Transversal-Push .jcarousel-pagination {
	display:block;
	bottom:0;
}
}
#Transversal-Push ul {
	display: block;
	
	text-align: center;
	position: relative;
	margin-bottom: 60px;
}

#Transversal-Push ul li {
	font-size: 0;
	border: 2px solid #e5e5e5;
	cursor: pointer;
	display: inline-block;
	margin: 10px;
	max-width: 284px;
	min-height: 410px;
	padding-bottom: 50px;
	text-align: left;
	vertical-align: top;
	/*width: calc(50% - 40px);*/
	position:relative;
}
#Transversal-Push ul li img {
	max-width: 100%;
}
@media screen and (max-width: 1023px) {
#Transversal-Push ul li  {
	margin: 5px;
}
}

#Transversal-Push ul li h3 {
	margin: 0;
	font-family: ClarinsRegular, Clarins;
	font-size: 30px;
	line-height: 30px;
	color: #000;
	padding: 0;
	padding-bottom: 10px;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 20px;
	min-height: 100px;
}

#Transversal-Push ul li p.Title {
	color: #be0f34;
	text-transform: uppercase;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	margin: 0;

	font-size: 11px;
	padding: 20px;
	padding-bottom: 10px;
}
#Transversal-Push ul li p.Text {
	color: #8b8b8b;
	margin: 0;
	font-size: 11px;
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
	line-height: 14px;
}
#Transversal-Push ul li p.text-link {
	bottom: 20px;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 20px;
	position: absolute;
		padding-bottom:8px;
}
#Transversal-Push ul li p.text-link a {
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	border-bottom: #d5d5d5 1px solid;
}

/****DTW CUSTOM****/
@media only screen (min-width:768px) and (max-width:1023px) {
	#Block-Engagement .white-block .wrapper{
	margin-right: 16px;
	}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
#Block-Engagement .white-block .wrapper{
	height:328px!important;
	margin-top:-5px!important;
}
#Block-Engagement .visual{
	width:121%;
}
} 

@media only screen and (min-width:768px) and (max-width:1023px) {
	#Block-Engagement .visual{
	width:100%;
}
#Block-Engagement .white-block .wrapper{
	margin-top:9px!important;
	margin-bottom:-25px!important;
	margin-right:16px!important;
}
}
	/*#Block-Engagement .white-block{
		margin-top:10px;
	}*/
	@media only screen and (max-width:761px) {
	#Block-Engagement .white-block .wrapper{
		margin-top:19px;
		margin-right:22px;
	}

}

#Block-Engagement .white-block .wrapper{
	height:327px;
	margin-top:-4px;
	margin-left: 21px;
}

/*#text-Engagement-1{
	margin-top: 26px;
}*/
#text-Engagement-2{
	width: 395px;
	margin-left: 62px;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	#text-Engagement-2{
	width: 457px;
	margin-left: 0px;
}
#Block-04 .jcarousel ul li .InlineBlock{
	margin-top: 4px;
}
}
@media only screen and (min-width:768px) and (max-width:1023px){
	#Block-Engagement .white-block .wrapper{
		margin-left: 204px!important;
	}
	#text-Engagement-1{
		margin-top: 0px!important;
	}
	#text-Engagement-2{
		margin: 0 auto;
	}
	#Header-Section .white-block .wrapper p{
		margin: 0 auto;
		width: 91%;
	}
	#Block-04 nav{
		margin-top:30px;
	}
	#Block-04 h2{
		margin-top:30px;
	}
}

@media only screen and (max-width:761px) {
	  #Block-07 .col{
        text-align: center!important;
    }

    #Block-06 p.text{
        text-align: center!important;
    }

    #Block-04 nav{
        width: 90%!important;
    }

    #Block-04 .jcarousel ul li .wrapper{
        min-height: 350px!important;
    }
    #Transversal-Push h2{
        width: 65%;
        margin-left: auto;
        margin-right: auto;
    }
    #Block-Engagement .white-block .wrapper{
    	margin-top: 25px;
    	margin-left: 24px;
    }
    #text-Engagement-1{
    	margin-top: 0px;
    }
    #text-Engagement-2{
    	width: 100%;
    	margin-left: 0px;
    }
    #Block-04 h2{
    	margin: 0 auto;
    	width: 90%;
    }
}

/*@media only screen 
   and (max-width : 1125px) 
   and (max-height : 2001px) {
   	#Block-Engagement .white-block .wrapper{
   		margin-left: 43px!important;
   	}
}*/

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px){
	#Block-Engagement .white-block .wrapper{
   		margin-left: 43px!important;
   	}
}

/*#Block-Engagement .white-block .wrapper {
    margin-left: 204px !important;

} */

.FEED_inner_beauty img{
	width: 80%;
}
.ProductLink{
	    padding: 0px;
    margin: 0;
    display: block;
    position: relative;
    text-align: center;
}

.ProductLink a{
	margin: 0;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    color: #000;
    padding: 13px 20px;
    text-decoration: none;
    border: 2px solid #e5e5e5;
    line-height: 14px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif, 'Microsoft Jhenghei';
    margin-top: 10px;
}

#Block-02b h2{
	margin-top: 15px;
    color: #be0f34;
    font-size: 22px;
    text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
	#text-Engagement-2{
		margin: -10px auto;
	}
}