.MyContent {

	display: block;

	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;

	margin-left: auto;

	margin-right: auto;

	max-width: 1250px;

	position: relative;

	width: 100%;

	text-align: center;

	padding-bottom: 60px;

	z-index:1;

}

#main {

	margin-top: 0;

}

#main .breadcrumb {

	display: none;

}

.MyContent .product-tile {

	color: #999;

	display: block;

	margin: 20px 0 0;

	padding: 0;

	position: relative;

	text-align: left;

	width: 170px;

}

.MyContent h1 {

	margin: 0;

	padding: 0;

	font-family: ClarinsRegular, Clarins;

	font-size: 60px;

	font-weight: normal;

	line-height: 1em;

	text-align: center;

	margin-top: 20px;

}



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

.MyContent h1 {

	font-size: 50px;

}

}

.MyContent h1 span {

	display: inline-block;

}

.MyContent p.btn-link a {

	background-color: #FFF;

	display: inline-block;

	color: #000;

	padding: 16px;

	text-transform: uppercase;

	text-decoration: none;

	font-size: 11px;

	line-height: 10px;

	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;

	border: 2px solid #e5e5e5;

	min-width: 164px;

	margin-top: 16px;

}

.MyContent #Main-Header p {

	margin: 20px;

	font-size: 16px;

	line-height: 1.4em;

	text-align: center;

}

.MyContent .FullWidthBanner {

	margin: 0;

	padding: 0;

	width: 1600px;

	margin-left: -175px;

	text-align: center;

	display: block;

	position: relative;

	

}



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

.MyContent .FullWidthBanner {

	margin-left: calc(50% - 1000px);

}

}



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

.MyContent .FullWidthBanner {

	margin-left: 0;

	width: 100%;

}

}

.MyContent .FullWidthBanner img {

	display: block;

	margin-left: auto;

	margin-right: auto;



}



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

.MyContent .FullWidthBanner img {

	max-width: 100%;

}

}



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

.MyContent .FullWidthBanner img {

	width: 170%;

	max-width: 1600px;

	margin-left: -35%;

}

}

/*LOOKS MOSAIC*/

.MyContent #Looks-Mosaic {

	/*padding-top: 60px;*/

	width: 1064px;

	margin-left: auto;

	margin-right: auto;

	display: inline-block;

	font-size: 0;

}



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

.MyContent #Looks-Mosaic {

	width: auto;

}

}



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

.MyContent #Looks-Mosaic {

	padding-top: 20px;

	max-width: 768px;

}

}

.MyContent #Looks-Mosaic ul {

	padding: 0px;

	margin: 0px;

	list-style: none;

	display: block;

	position: relative;

}

.MyContent #Looks-Mosaic ul li {

	padding: 0px;

	margin: 0px;

	display: inline-block;

	text-align: center;

}



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

.MyContent #Looks-Mosaic ul li {

	width: calc(50% - 10px);

}

.MyContent #Looks-Mosaic ul li:nth-child(2n+0) {

	text-align: left;

}

.MyContent #Looks-Mosaic ul li:nth-child(2n+1) {

	text-align: right;

}

}

.MyContent #Looks-Mosaic ul li a {

	text-decoration: none;

	color: #000;

	font-size: 14px;

}

.MyContent #Looks-Mosaic ul li p {

	background-color: #f1f1f3;

	padding: 12px;

	margin: 20px;

	position: relative;

	display: inline-block;

	perspective: 1000px;

	padding-bottom: 20px;

	text-align: center;

}



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

.MyContent #Looks-Mosaic ul li p {

	margin: 10px;

	margin-bottom: 20px;

	margin-top: 20px;

}

}



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

.MyContent #Looks-Mosaic ul li p {

	padding: 9px;

	margin: 15px;

}

}



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

.MyContent #Looks-Mosaic ul li p {

	padding: 9px;

	margin: 10px;

	max-width: 196px;

		

}

}



.MyContent #Looks-Mosaic ul li img {

	max-width: 100%;

	display: block;

	margin-bottom: 20px;

}



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

.MyContent #Looks-Mosaic ul li img {

	width: 135px;

}

}



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

.MyContent #Looks-Mosaic ul li img {

	max-width: 100%;

	width: auto;

}

}

.MyContent #Looks-Mosaic ul li span {

	background-color: #f1f1f3;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	transition: 0.6s;

	transform-style: preserve-3d;

	display: block;

}

.MyContent #Looks-Mosaic ul li span.front {

	-webkit-transform: rotateY(0deg);

	transform: rotateY(0deg);

	z-index: 2;

}

.MyContent #Looks-Mosaic ul li span.back {

	position: absolute;

	top: 12px;

	background-color: #f1f1f3;

	width: calc(100% - 24px);

	left: 12px;

	-webkit-transform-style: preserve-3d;

	-webkit-transform: rotateY(180deg);

	transform: rotateY(180deg);

	z-index: 3;



}

.MyContent #Looks-Mosaic ul li p:hover span.back {

	display: block;

	-webkit-transform: rotateY(0deg);

	transform: rotateY(0deg);

}



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

.MyContent #Looks-Mosaic ul li p span.front {

	-webkit-transform:none;

	transform: none;

	display: block;

	

}

.MyContent #Looks-Mosaic ul li p span.back {

	-webkit-transform:none;

	transform: none;

	display: none;

	position:relative;

	left:auto;

	top:auto;

	 width: auto;

}



.MyContent #Looks-Mosaic ul li p:hover span.front {

	-webkit-transform:none;

	transform: none;

	display: none;

}

.MyContent #Looks-Mosaic ul li p:hover span.back {

	-webkit-transform:none;

	transform: none;

	display: block;

	

}

}

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

.MyContent #Looks-Mosaic ul li p span.front {

	font-size:11px;

	padding-bottom:4px;

}

.MyContent #Looks-Mosaic ul li p span.back {

	font-size:11px;

		padding-bottom:4px;

}

}

/*LOOK TEMPLATE */

.MyContent .Anchor-Look {

	height: 60px;

}

#Pick-Your-favorite {

	margin-top: -60px;

}



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

.MyContent .Anchor-Look {

	height: 30px;

}

#Pick-Your-favorite {

	margin-top: -30px;

}

}

.MyContent .Header-Look {

	max-width: 1024px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	display: block;

	margin-top: 60px;

	margin-bottom: 40px;

	background-repeat: no-repeat;

}



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

.MyContent .Header-Look {

	margin-top: 0px;

	margin-bottom: 0px;

}

}

.MyContent .Header-Look.AlignLeft {

	text-align: left;

	background-position: right top;

}

.MyContent .Header-Look.AlignRight {

	text-align: right;

	background-position: left top;

}



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

.MyContent .Header-Look.AlignLeft, .MyContent .Header-Look.AlignRight {

	background-position: bottom center;

	background-size: 330px auto;

}

}

.MyContent .Header-Look .FloatingBox {

	border: 8px solid #f1f1f3;

	background-color: #FFF;

	line-height: 260px;

	width: 260px;

	display: inline-block;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

}

.MyContent .Header-Look.AlignLeft .FloatingBox {

	right: 75px;

}

.MyContent .Header-Look.AlignRight .FloatingBox {

	left: 125px;

}



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

.MyContent .Header-Look.AlignLeft .FloatingBox {

	right: 25%;

	-webkit-transform: translateY(-50%) translateX(50%);

	transform: translateY(-50%) translateX(50%);

}

.MyContent .Header-Look.AlignRight .FloatingBox {

	left: 25%;

	-webkit-transform: translateY(-50%) translateX(-50%);

	transform: translateY(-50%) translateX(-50%);

}

}



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

.MyContent .Header-Look .FloatingBox {

	display: block;

	-webkit-transform: none!important;

	transform: none!important;

	top: auto;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	width: 200px;

	line-height: 200px;

	margin-top: 30px;

}

.MyContent .Header-Look.AlignLeft .FloatingBox {

	right: auto;

}

.MyContent .Header-Look.AlignRight .FloatingBox {

	left: auto;

}

}

.MyContent .Header-Look .Packshot {

	display: inline-block;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%) translateX(-50%);

	transform: translateY(-50%) translateX(-50%);

	left: 50%;

	z-index: 3;

}



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

.MyContent .Header-Look .Packshot {

	bottom: 0;

	left: auto;

	right: auto;

	position: absolute;

	top: auto;

	-webkit-transform: none;

	transform: none;

	text-align: center;

}

.MyContent .Header-Look.AlignLeft .Packshot {

	right: calc(50% + 50px);

	text-align: left;

}

.MyContent .Header-Look.AlignRight .Packshot {

	left: calc(50% + 50px);

	text-align: right;

}

}



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

.MyContent .Header-Look .Packshot img {

	-webkit-transform: scale(0.4);

	transform: scale(0.4);

}

.MyContent .Header-Look.AlignLeft .Packshot img {

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

}

.MyContent .Header-Look.AlignRight .Packshot img {

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

}

}



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

.MyContent .Header-Look .Packshot img {

}

}

.MyContent .Header-Look .FloatingBox .wrapper {

	display: inline-block;

	vertical-align: middle;

	

}

.MyContent .Header-Look .FloatingBox h2 {

	font-family: ClarinsRegular, Clarins;

	font-size: 35px;

	line-height: 35px;

	margin: 0;

	padding: 0;

	text-align: center;

	color: #000;

	font-weight: normal;

	display: block;

}



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

.MyContent .Header-Look .FloatingBox h2 {

	font-size: 25px;

	line-height: 25px;

	margin-top:20px;

}

}

.MyContent .Header-Look .FloatingBox h2 span {

	display: inline-block;

}

.MyContent .Header-Look .FloatingBox p {

	font-size: 14px;

	line-height: 20px;

	margin: 15px;

	padding: 0;

	text-align: center;

	color: #000;

	font-weight: normal;

	display: block;

}



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

.MyContent .Header-Look .FloatingBox p {

	font-size: 12px;

	line-height: 1.4em;

	padding-left: 5px;

	padding-right: 5px;

}

}

.MyContent .Header-Look .FloatingBox p span{

	display: inline-block;

}

.MyContent .Header-Look .Portrait {

	display: inline-block;

	overflow: hidden;

	width: 575px;

}



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

.MyContent .Header-Look .Portrait {

	overflow: hidden;

	width: 50%;

}

}



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

.MyContent .Header-Look .Portrait {

	display: block;

	overflow: hidden;

	width: 100%;

	min-width: 320px;

}

}

.MyContent .Header-Look .Portrait img {

	display: block;

}



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

.MyContent .Header-Look .Portrait img {

	display: block;

	margin-left: auto;

	margin-right: auto;

	max-width: 100%;

}

}

/* LOOK 01 - Sona  */
/* 
.MyContent #Look-01 {

	background-image: url(img/Look-01-Texture.jpg);

} */



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

.MyContent #Look-01 .Portrait {

	width: 555px;

}

.MyContent #Look-01 .Packshot {

	margin-left: 50px;

}

}



@media only screen and (max-width:1023px) and (min-width:762px) {

.MyContent #Look-01 .Portrait {

	width: 47%;

	text-align: right;

	height: 337px;

}

.MyContent #Look-01 .Portrait img {

	margin-right: -15%;

	display: inline-block;

	float: right;

}

.MyContent #Look-01 .Packshot {

	margin-left: 0px;

}

}



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

.MyContent #Look-01 .Packshot img {

	margin-right: 40px;

}

}

/* LOOK 02 - Sananas  */
/* 
.MyContent #Look-02 {

	background-image: url(img/Look-02-Texture.jpg);

} */



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

.MyContent #Look-02 .Portrait {

	width: 532px;

}

.MyContent #Look-02 .Portrait img {

	margin-left: -55px;

}

.MyContent #Look-02 .Packshot {

	margin-left: 65px;

	margin-top: 95px;

}

}



@media only screen and (max-width:1023px) and (min-width:762px) {

.MyContent #Look-02 .Portrait {

	width: 45%;

	text-align: right;

	height: 378px;

}

.MyContent #Look-02 .Portrait img {

	margin-right: -100px;

	display: inline-block;

	float: right;

}

.MyContent #Look-02 .Packshot {

	margin-left: 0px;

	margin-top: 95px;

}

}



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

.MyContent #Look-02 .Packshot img {

  margin-bottom: 0;

  margin-right: 25px;

}

}

/* LOOK 03 - Geri  */

/* .MyContent #Look-03 {

	background-image: url(img/Look-03-Texture.jpg);

} */



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

.MyContent #Look-03 .Portrait {

	width: 530px;

}

.MyContent #Look-03 .Portrait img {

	margin-left: -65px;

	margin-top: -5px;

}

.MyContent #Look-03 .Packshot {

	margin-left: -70px;

}

}



@media only screen and (max-width:1023px) and (min-width:762px) {

.MyContent #Look-03 {

	background-position: -20px 0px;

}

.MyContent #Look-03 .Portrait {

	width: 45%;

	text-align: right;

	height: 360px;

}

.MyContent #Look-03 .Portrait img {

	margin-right: 0px;

	display: inline-block;

	float: right;

}

.MyContent #Look-03 .Packshot {

	margin-left: 0px;

}

}



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

.MyContent #Look-03 .Packshot img {

  margin-bottom: 15px;

  margin-left: 55px;

}

.MyContent #Look-03 {

	background-position:0 bottom;

}

}

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

.MyContent #Look-03 {

	background-position:-20px bottom;

}

}

/* LOOK 04 - Mathahle  */

.MyContent #Look-04 {

	background-image: url(img/Look-04-Texture.jpg);

}



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

.MyContent #Look-04 .Portrait {

	width: 585px;

}

.MyContent #Look-04 .Packshot {

	margin-left: -55px;

}

}



@media only screen and (max-width:1023px) and (min-width:762px) {

.MyContent #Look-04 .Portrait {

	height: 360px;

	text-align: right;

}

.MyContent #Look-04 .Portrait img {

	float: right;

	margin-right: calc(-293px + 50%);

}

.MyContent #Look-04 .Packshot {

	margin-left: 0px;

}

}



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

.MyContent #Look-04 .Packshot img {

  margin-bottom: 40px;

  margin-left: 35px;

}

}

/* LOOK 05 - Victoria  */

.MyContent #Look-05 {

	background-image: url(img/Look-05-Texture.jpg);

}



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

.MyContent #Look-05 .Portrait {

	width: 534px;

}

.MyContent #Look-05 .Portrait img {

	margin-left: -55px;

}

.MyContent #Look-05 .Packshot {

	margin-left: 70px;

	margin-top: 95px;

}

}



@media only screen and (max-width:1023px) and (min-width:762px) {

.MyContent #Look-05 .Portrait {

	height: 400px;

	text-align: right;

}

.MyContent #Look-05 .Portrait img {

	float: right;

	margin-right: calc(-293px + 60%);

}

.MyContent #Look-05 .Packshot img {

  margin-left: 60px;

  margin-top: 275px;

}

}



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

.MyContent #Look-05 .Packshot img {

  margin-bottom: -15px;

  margin-right: 0;

}

}

/* LOOK 06 - Liza  */

.MyContent #Look-06 {

	background-image: url(img/Look-06-Texture.jpg);

}



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

.MyContent #Look-06 .Portrait {

	width: 513px;

}

.MyContent #Look-06 .Portrait img {

	margin-left: -65px;

}

.MyContent #Look-06 .Packshot {

	margin-left: 12px;

}

}



@media only screen and (max-width:1023px) and (min-width:762px) {

.MyContent #Look-06 .Portrait {

	height: 400px;

	text-align: right;

}

.MyContent #Look-06 .Portrait img {

	float: right;

	margin-right: -60px;

}

.MyContent #Look-06 .Packshot {

	margin-left: 30px;

}

}



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



.MyContent #Look-06 .Packshot img {

  margin-bottom: -25px;

  margin-left: 5px;

}

}

/* LOOK 07 - Grace  */

.MyContent #Look-07 {

	background-image: url(img/Look-07-Texture.jpg);

}



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

.MyContent #Look-07 .Portrait {

	width: 503px;

}

.MyContent #Look-07 .Portrait img {

	margin-left: -70px;

}

.MyContent #Look-07 .Packshot {

	margin-left: 45px;

}

}



@media only screen and (max-width:1023px) and (min-width:762px) {

.MyContent #Look-07 .Portrait {

	height: 360px;

	text-align: right;

	width: 45%;

}

.MyContent #Look-07 .Portrait img {

	float: right;

	margin-right: -60px;

}

.MyContent #Look-07 .Packshot {

	margin-left: 0px;

	margin-top: 95px;

}

}



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

.MyContent #Look-07 .Packshot img {

  margin-bottom: 10px;

  margin-right: 30px;

}

}

/* LOOK 08 - Fouz  */

.MyContent #Look-08 {

	background-image: url(img/Look-08-Texture.jpg);

}



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

.MyContent #Look-08 .Portrait {

	width: 509px;

}

.MyContent #Look-08 .Portrait img {

	margin-left: -25px;

}

.MyContent #Look-08 .Packshot {

	margin-left: 25px;

}

}



@media only screen and (max-width:1023px) and (min-width:762px) {

.MyContent #Look-08 .Portrait {

	height: 360px;

	text-align: right;

	width: 45%;

}

.MyContent #Look-08 .Portrait img {

	float: right;

	margin-right: calc(-293px + 50%);

}

.MyContent #Look-08 .Packshot {

	margin-left: -30px;

}

}



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

.MyContent #Look-08 .Packshot img {

  margin-bottom: 30px;

  margin-right: 30px;

}

}



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





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

.MyContent .Content-Look {

	margin-top: 0;

}

}

.MyContent .Content-Look h2 {

	margin: 0;

	font-family: ClarinsRegular, Clarins;

	font-size: 40px;

	font-weight: normal;

	line-height: 1em;

	text-align: center;

	padding: 18px;

}



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

.MyContent .Content-Look h2 {

	font-size: 33px;

}

}

.MyContent .Content-Look a.VideoLink img {

	max-width: 100%;

	display: block;

}

.MyContent .Content-Look a.VideoLink {

	display: inline-block;

	position: relative;

}

.MyContent .Content-Look a.VideoLink::before {

	content: " ";

	background-image: url(img/video-play.png);

	width: 50px;

	height: 50px;

	bottom: 15px; /* calc(50% - 25px);*/

	left: 15px; /* calc(50% - 25px);*/

	z-index: 2;

	position: absolute;

}

.MyContent .Content-Look a.VideoLink.Playing::before {

	content: "";

	display: none;

}

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

.MyContent .Routine-Look {

	position: relative;

	display: block;

	max-width: 1024px;

	margin-left: auto;

	margin-right: auto;

}

.MyContent .Routine-Look ul {

	list-style: none;

	margin: 0;

	padding: 0;

	position: relative;

	display: block;

}

.MyContent .Routine-Look ul li {

	margin: 0;

	padding: 0;

	position: relative;

	display: inline-block;

	line-height: 400px;

}

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

.MyContent .Routine-Look ul li {

	font-size:0;

   line-height: 0px;

}

}

.MyContent .Routine-Look ul li .InlineBlock {

	padding: 0;

	position: relative;

	display: inline-block;

	width: 320px;

	vertical-align: middle;

	line-height: 1em;

	margin: 20px;

	font-size: 16px;

}

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

.MyContent .Routine-Look ul li .InlineBlock:first-child {

	width: 200px;

}

}

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

.MyContent .Routine-Look ul li .InlineBlock:first-child {

	  margin-bottom: 10px;

    min-height: 90px;

    width: 200px;

}

}



.MyContent .Routine-Look ul li .InlineBlock h3 {

	margin: 0;

	padding: 0;

	font-weight: normal;

	font-family: ClarinsRegular, Clarins;

	font-size: 35px;

	line-height: 1em;

	text-align: center;

	margin-bottom: 20px;

}

.MyContent .Routine-Look ul li .InlineBlock:last-child {

	padding-left: 180px;

	width: 120px;

	text-align: left;

}



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



.MyContent .Routine-Look ul li .InlineBlock:last-child {

    margin: 0 auto;

    padding: 0;

    text-align: center;

    width: 300px;

	min-height:200px;

}

}

.MyContent .Routine-Look ul li .InlineBlock p.Visual {

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	right: 140px;

}



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

.MyContent .Routine-Look ul li .InlineBlock .wrapper-product-routine {

  display: inline-block;

  padding-left: 10px;

  position: relative;

  text-align: left;

  vertical-align: middle;

  width: calc(50% - 20px);

}

.MyContent .Routine-Look ul li .InlineBlock p.Visual {

  display: inline-block;

  left: auto;

  margin: 0 auto;

  padding: 0;

  position: relative;

  right: auto;

  text-align: right;

  top: auto;

  transform: none;

  vertical-align: middle;

}

}



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

	.MyContent .Routine-Look ul li .InlineBlock p.Visual img {

		  max-width: 140px;

		  width:100%;

		  display:block;

	}

}





.MyContent .Routine-Look ul li .InlineBlock p.product-name {

	line-height: 1.4em;

	margin: 0;

	padding: 0;

	width: 180px;

}



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

.MyContent .Routine-Look ul li .InlineBlock p.product-name {

  display: inline-block;

  font-size: 14px;

  text-align: left;

  width: 140px;

}

}

.MyContent .Routine-Look ul li p.btn-link {

	margin: 0;

	padding: 0;

}

.MyContent .Routine-Look ul li p.btn-link a {

	text-align: center;

    background-color: #FFF;

    display: inline-block;

    color: #000;

    padding: 16px 20px;

    text-transform: uppercase;

    text-decoration: none;

    font-size: 11px;

    line-height: 10px;

    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;

    border: 2px solid #e5e5e5 ;

    min-width: 16px;

    margin-top: 20px;

}

.MyContent .Routine-Look .products-pagination.jcarousel-control-next, .MyContent .Routine-Look .products-pagination.jcarousel-control-prev {

	top: 190px;

}



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

.MyContent .Routine-Look .jcarousel-pagination {

	bottom: 0;

	left: 50%;

	margin: 0;

	padding-top: 20px;

	position: relative;

	-webkit-transform: translate(-50%, 0px);

	transform: translate(-50%, 0px);

}

}



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

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="54"]{width:40px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="154"]{width:90px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="205"]{width:120px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="206"]{width:120px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="106"]{width:60px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="194"]{width:120px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="193"]{width:120px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="106"]{width:60px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="122"]{width:60px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="148"]{width:90px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="147"]{width:90px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="197"]{width:120px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="193"]{width:120px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="96"]{width:60px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="94"]{width:60px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="83"]{width:60px;}

.MyContent .Routine-Look ul li .InlineBlock p.Visual img[data-width="85"]{width:60px;}

}



.MyContent .Routine-Look li{

	height:400px;

	overflow-y:hidden;

	min-height:400px;

}

.MyContent .Routine-Look li.Visible{

	height:auto;

	overflow-y:visible;

}

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

.MyContent .Routine-Look li{

	height:120px;

	min-height:120px;

}

}



/*-------------------header video ---------------------------*/



.MyContent #Main-Header a.VideoLink {

	  background-image: url("img/video-play.png");

	   background-position: left 15px bottom 15px;

	  background-repeat: no-repeat;

	  display: block;

	  height: 100%;

	  left: 50%;

	  max-height: 500px;

	  max-width: 1250px;

	  position: absolute;

	  top: 0;

	  -webkit-transform:translateX(-50%);

	  transform: translateX(-50%);

	  width: 100%;

	  z-index:1000;

}



.MyContent .FullWidthBannerVideoHeader {

	margin: 0;

	padding: 0;

	width: 1600px;

	margin-left: -175px;

	text-align: center;

	display: block;

	position: relative;

	background-color:#000;

	  overflow:hidden;

}

.MyContent #Main-Header  .FullWidthBannerVideoHeader img {

  display: block;

  margin-left: auto;

  margin-right: auto;

  max-width: 100%;

  z-index:1;

  opacity:0.75;

}



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

.MyContent #Main-Header .FullWidthBannerVideoHeader {

  margin-left: 0;

  width: 100%;

}

.MyContent #Main-Header  .FullWidthBannerVideoHeader img {

  display: block;

  margin-left: auto;

  margin-right: auto;

  max-width: 100%;

  z-index:1;

}

}

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

.MyContent #Main-Header .FullWidthBannerVideoHeader {

  margin-left: 0;

  width: 100%;

  overflow:hidden;

}

.MyContent #Main-Header  .FullWidthBannerVideoHeader img {

  display: block;

  margin-left: -50%;

  margin-right: 0;

  max-width: 200%;

 width:  200%;

}

}



.MyContent #Main-Header video {

	display:none;

	z-index:3;

	position:absolute;

	top:0;

	left:50%;

	-webkit-transform:translateX(-50%); 

	transform:translateX(-50%); 

	width:calc(100% + 4px);

	height:calc(100% + 2px);

	max-width:1608px;

	max-height:504px;

 }

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

.MyContent #Main-Header video {



 }

}



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

.MyContent #Main-Header video {



	width:200%;



 }

}



   .MyContent #Main-Header #VideoTitle {

	 display:block;

	 width:470px;

	 z-index:4;

	 position:absolute;

	 top:50%;

	 left:50%;

	 	-webkit-transform:translateX(-50%) translateY(-50%);

	 transform:translateX(-50%) translateY(-50%);

 }

  .MyContent #Main-Header #VideoTitle p{

	 font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;

	 font-size:90px;

	 margin:0;

	 padding:0;

	 line-height:80px;

	

 }

 .MyContent #Main-Header #VideoTitle p:nth-child(2n+0){

	 text-align:right;

 }

 .MyContent #Main-Header #VideoTitle p:nth-child(2n+1){

	 text-align:left;

 }

 .MyContent #Main-Header #VideoTitle p span:nth-child(2n+0){

	 color:#e4b2cd;

 }

 .MyContent #Main-Header #VideoTitle p span:nth-child(2n+1){

	 color:#e086bc;

 }

  .MyContent #Main-Header #VideoTitle .Baseline{

font-size:40px;font-family:ClarinsRegular,Clarins; color:#FFF;

 }

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

   .MyContent #Main-Header #VideoTitle {

	-webkit-transform:translateX(-50%) translateY(-50%) scale(0.8);

	transform:translateX(-50%) translateY(-50%) scale(0.8);

}

}

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

	   .MyContent #Main-Header #VideoTitle {

	-webkit-transform:translateX(-50%) translateY(-50%) scale(0.5);

	transform:translateX(-50%) translateY(-50%) scale(0.5);

}

}



/*DTW - CUSTOM CSS*/



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

	.MyContent .Routine-Look ul li .InlineBlock p.Visual img {

		max-height: 190px;

	}

}



.MyContent .Routine-Look ul li p.btn-link a:hover {

    color: #000;

    border-color: #000;

}