html, body{
	overflow-x:hidden;
}

.MyContent {
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	text-align: center;
	background-color: #fff;
	z-index: 1;
	position: relative;
	max-width: 1250px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.4em;
}
.MyContent #EYES-EXPERT-HEADER{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	flex-wrap:wrap;
}
@media screen and (min-width: 1250px){
.MyContent #EYES-EXPERT-HEADER{
    margin-left:-175px;
    width: 1600px;
  
}
}
@media screen and (min-width: 1600px){
.MyContent #EYES-EXPERT-HEADER{
    margin-left: calc(625px - 50vw + 10px);
    width: calc(100vw - 20px);
  
}
}

@media screen and (max-width: 1249px){
.MyContent #EYES-EXPERT-HEADER {
    width: 1600px;
    margin-left: calc(50% - 800px);
}
}

@media screen and (max-width:1023px){
.MyContent #EYES-EXPERT-HEADER {
    width: 100%;
    margin-left: 0;
}
}

.MyContent #EYES-EXPERT-HEADER img{
	flex-basis:14.28%;
	    width: 14.28%;
}

.MyContent #EYES-EXPERT-HEADER .MainTitle {
	margin: 0;
	font-size: 50px;
	color: #000;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
}
.MyContent #EYES-EXPERT-HEADER .Text{
	margin:0 auto;
	margin-top:20px;
	max-width:450px;
	font-size:16px;
	line-height:1.4em;
}
@media screen and (max-width:761px){
	.MyContent #EYES-EXPERT-HEADER .Text{
      max-width: 300px;
}
.MyContent #EYES-EXPERT-HEADER .Text br{
   display:none;
}
}
.MyContent #EYES-EXPERT-HEADER .BoxContent {
    flex-basis: 42.8%;
    display: flex;
    order: 3;
    text-align: center;
    box-sizing: border-box;
    padding: 30px;
    flex-direction: column;
}

@media screen and (max-width:1023px){
.MyContent #EYES-EXPERT-HEADER .BoxContent {
    order:7;
	flex-basis:100%;
	padding:20px;
}
}
.MyContent #EYES-EXPERT-HEADER img{
	order:4;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(1){
	order:1;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(2){
	order:2;
}
@media screen and (max-width:1023px){
.MyContent #EYES-EXPERT-HEADER img{
	flex-basis:20%;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(1),
.MyContent #EYES-EXPERT-HEADER img:nth-child(2),
.MyContent #EYES-EXPERT-HEADER img:nth-child(3),
.MyContent #EYES-EXPERT-HEADER img:nth-child(10),
.MyContent #EYES-EXPERT-HEADER img:nth-child(11){
	
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(4){
	order:1;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(5){
	order:2;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(6){
	order:3;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(7){
	order:4;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(8){
	order:5;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(9){
	order:6;
}
}

@media screen and (max-width:1023px){
.MyContent #EYES-EXPERT-HEADER img{
	flex-basis:20%;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(1),
.MyContent #EYES-EXPERT-HEADER img:nth-child(2),
.MyContent #EYES-EXPERT-HEADER img:nth-child(3),
.MyContent #EYES-EXPERT-HEADER img:nth-child(9),
.MyContent #EYES-EXPERT-HEADER img:nth-child(10),
.MyContent #EYES-EXPERT-HEADER img:nth-child(11){
	display:none;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(4){
	order:1;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(5){
	order:2;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(6){
	order:3;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(7){
	order:4;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(8){
	order:5;
}

}
@media screen and (max-width:761px){
.MyContent #EYES-EXPERT-HEADER img{
	flex-basis:33.33%;
	
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(1),
.MyContent #EYES-EXPERT-HEADER img:nth-child(2),
.MyContent #EYES-EXPERT-HEADER img:nth-child(3),
.MyContent #EYES-EXPERT-HEADER img:nth-child(10),
.MyContent #EYES-EXPERT-HEADER img:nth-child(11){
	display:none;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(4){
	order:1;display:block;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(5){
	order:2;display:block;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(6){
	order:3;display:block;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(7){
	order:4;display:block;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(8){
	order:5;display:block;
}
.MyContent #EYES-EXPERT-HEADER img:nth-child(9){
	order:6;display:block;
}
}
.MyContent #EYES-EXPERT-NAV {
	text-align:center;
}
.MyContent #EYES-EXPERT-NAV .Text{
	margin:0 auto;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:20px;
 height:72px;
 
}
@media screen and (max-width:761px){
	.MyContent #EYES-EXPERT-NAV .Text{
  	    line-height: 1.4em;
    width: 300px;
    height: 100px;
	}
}
.MyContent #EYES-EXPERT-NAV ul {
    display: flex;
    justify-content: center;
    margin: 20px;
    padding: 20px;
    list-style: none;
    margin-top: -20px;
    margin-bottom: 0;
    padding-bottom: 0;
}
@media screen and (max-width: 1023px){
.MyContent #EYES-EXPERT-NAV ul{
    padding: 0px;
    margin-top: 0;
}
}
@media screen and (max-width:761px){
	.MyContent #EYES-EXPERT-NAV ul{
  	  flex-direction:column;
	}
}
.MyContent #EYES-EXPERT-NAV li{
	background-color:#000;
	flex-basis:167px;
	margin:1px;
	text-align:center;
	display:flex;	
	align-items:center;
	justify-content:center;
	padding-bottom:15px;

}
@media screen and (max-width:761px){
	.MyContent #EYES-EXPERT-NAV li {
  	 flex-basis:35px;padding-bottom:0px;
	}
	.MyContent #EYES-EXPERT-NAV li br{
  	 display:none;
	}
}
.MyContent #EYES-EXPERT-NAV li img{
	width:64px;
	height:64px;
	display:block;
	margin:0px auto;
	margin-top:10px;
}
@media screen and (max-width:761px){
	.MyContent #EYES-EXPERT-NAV li img{
  	  display:none;
	}
}
.MyContent #EYES-EXPERT-NAV li:nth-child(1){
	background-color:#f8bac4;
}
.MyContent #EYES-EXPERT-NAV li:nth-child(2){
	background-color:#f9c7ad;
}
.MyContent #EYES-EXPERT-NAV li:nth-child(3){
	background-color:#ec7f91;
}
.MyContent #EYES-EXPERT-NAV li:nth-child(4){
	background-color:#81cdea;
}
.MyContent #EYES-EXPERT-NAV li:nth-child(5){
	background-color:#ee6d74;
}
.MyContent #EYES-EXPERT-NAV li:nth-child(6){
	background-color:#c7b7b9;
}
.MyContent #EYES-EXPERT-NAV li:nth-child(7){
	background-color:#e1b795;
}

.MyContent #EYES-EXPERT-NAV a{
	display:block;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-size:14px;
}
@media screen and (max-width: 1023px){
.MyContent #EYES-EXPERT-NAV a{
   font-size:11px;
   line-height:1.2em;
}
}
@media screen and (max-width:761px){
.MyContent #EYES-EXPERT-NAV a{
   font-size:14px;
   line-height:1.2em;
}
}
.MyContent .MyBlockProduct{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	flex-direction:column;
	flex-wrap:wrap;
	height:800px;
	width:1024px;
	margin:0 auto;
}
@media screen and (max-width: 1024px){
.MyContent .MyBlockProduct {
    width: 1000px;
    margin: 0 auto;
    padding-right: 20px;
}
}
@media screen and (max-width: 1023px){
.MyContent .MyBlockProduct {
    height: 650px;
    width: 761px;
	flex-direction: row;
		height:auto!important;    
		justify-content: center;  padding-right: 0px;
}
}
@media screen and (max-width: 761px){
.MyContent .MyBlockProduct  {
    width: 100%;
}
}
.MyContent #EYES-EXPERT-PRODUCT-4 {
   height:852px;
}
.MyContent .MyBlockProduct .Visual{
    max-width: 500px;
    position: relative;
    width: 50%;
	min-height:600px;
}
@media screen and (max-width: 1023px){
.MyContent .MyBlockProduct .Visual{
   min-height:0;
}
}
@media screen and (max-width: 761px){
.MyContent .MyBlockProduct .Visual {
    max-width: 375px;
    flex-basis: 100%;
}
}
.MyContent .MyBlockProduct .Visual a{
	display:block;
position:absolute;
font-size:0;
}

.MyContent #EYES-EXPERT-PRODUCT-1 .Visual a {
    width: 30%;
    height: 77%;
    top: 14%;
    left: 35%;
}
.MyContent #EYES-EXPERT-PRODUCT-2 .Visual a {
width: 30%;
    height: 63%;
    top: 30%;
    left: 36%;
}
.MyContent #EYES-EXPERT-PRODUCT-3 .Visual a {
    width: 38%;
    height: 67%;
    top: 28%;
    left: 30%;
}


.MyContent #EYES-EXPERT-PRODUCT-4 .Visual a {
    width: 35%;
    height: 67%;
    top: 24%;
    left: 35%;
}
.MyContent #EYES-EXPERT-PRODUCT-5 .Visual a {
    width: 30%;
    height: 75%;
    top: 19%;
    left: 35%;
}
.MyContent #EYES-EXPERT-PRODUCT-6 .Visual a {
     width: 35%;
    height: 53%;
    top: 38%;
    left: 25%;
}
.MyContent #EYES-EXPERT-PRODUCT-7 .Visual a {
    width: 29%;
    height: 67%;
    top: 26%;
    left: 35%;
}
.MyContent .MyBlockProduct .Visual img{
	display:block;
	max-width:100%;
}
.MyContent .MyBlockProduct .Visual .IngredientName{
	position:absolute;
	z-index:2;
	font-size:12px;
	margin:0;
}
@media screen and (max-width: 1023px) {
.MyContent .MyBlockProduct .Visual .IngredientName{
		font-size:11px;
		line-height:1.2em;
}
}
.MyContent #EYES-EXPERT-PRODUCT-1 .IngredientName {
	top: 48%;
	left: 80%;
	text-align: left;
}
.MyContent #EYES-EXPERT-PRODUCT-2 .IngredientName {
    top: 56%;
    left: 72%;
    text-align: left;
    width: 22%;
}

.MyContent #EYES-EXPERT-PRODUCT-3 .IngredientName {
    top: 10%;
    left: 75%;
    text-align: left;
}
.MyContent #EYES-EXPERT-PRODUCT-4 .IngredientName {
	top: 69%;
	left: 76%;
	text-align: left;
	width: 18%;
}
.MyContent #EYES-EXPERT-PRODUCT-5 .IngredientName {
	top: 20%;
	left: 80%;
	text-align: left;
}
.MyContent #EYES-EXPERT-PRODUCT-6 .IngredientName {
	top: 74%;
	left: 62%;
	text-align: left;
}
.MyContent #EYES-EXPERT-PRODUCT-7 .IngredientName  {
	top: 64%;
	left: 72%;
	text-align: left;
}

.MyContent .MyBlockProduct .Content{
	width:465px;
	text-align:left;
}

@media screen and (max-width: 1023px){
.MyContent .MyBlockProduct .Content{
	width:50%;
	flex-basis:50%;
	text-align:left;
	padding:20px;
	box-sizing:border-box;
}
}
@media screen and (max-width: 761px){
.MyContent .MyBlockProduct .Content{
	    flex-basis: 100%;
    text-align: center;
    padding-top: 0;
}
}
.MyContent .MyBlockProduct .Tips{
	width:465px;
	border:5px solid #ccc;
	box-sizing:border-box;
	padding:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	text-align:center;
	margin-top:30px;
	margin-bottom:120px;
	background-color:#fff;
}
@media screen and (max-width: 761px){
.MyContent .MyBlockProduct .Tips{
    flex-basis: calc(100% - 40px);	margin-bottom:20px;
}
}
}
.MyContent  .ProductName{
	font-size:16px;
	line-height:1.4em;
}
.MyContent  .ProductPrice{
	font-size:16px;
	line-height:1.4em;
}
.MyContent #EYES-EXPERT-PRODUCT-1 .ProductName,
.MyContent #EYES-EXPERT-PRODUCT-1 .Title {
	color:#facfd6;
}
.MyContent #EYES-EXPERT-PRODUCT-2 .ProductName,
.MyContent #EYES-EXPERT-PRODUCT-2 .Title {
	color:#fbd6c2;
}
.MyContent #EYES-EXPERT-PRODUCT-3 .ProductName,
.MyContent #EYES-EXPERT-PRODUCT-3 .Title {
	color:#facfd6;
}
.MyContent #EYES-EXPERT-PRODUCT-4 .ProductName,
.MyContent #EYES-EXPERT-PRODUCT-4 .Title {
	color:#81cdea;
}
.MyContent #EYES-EXPERT-PRODUCT-5 .ProductName,
.MyContent #EYES-EXPERT-PRODUCT-5 .Title {
	color:#f1aea9;
}
.MyContent #EYES-EXPERT-PRODUCT-6 .ProductName,
.MyContent #EYES-EXPERT-PRODUCT-6 .Title {
	color:#c7b7b9;
}
.MyContent #EYES-EXPERT-PRODUCT-7 .ProductName,
.MyContent #EYES-EXPERT-PRODUCT-7 .Title {
	color:#e1b795;
}


.MyContent #EYES-EXPERT-PRODUCT-1 .Tips {
	border-color:#facfd6;
}
.MyContent #EYES-EXPERT-PRODUCT-2 .Tips {
	border-color:#fbd6c2;
}
.MyContent #EYES-EXPERT-PRODUCT-3 .Tips {
	border-color:#facfd6;
}
.MyContent #EYES-EXPERT-PRODUCT-4 .Tips {
	border-color:#81cdea;
}
.MyContent #EYES-EXPERT-PRODUCT-5 .Tips {
	border-color:#f1aea9;
}
.MyContent #EYES-EXPERT-PRODUCT-6 .Tips {
	border-color:#c7b7b9;
}
.MyContent #EYES-EXPERT-PRODUCT-7 .Tips {
	border-color:#e1b795;
}


.MyContent  p.BtnLink {
	margin: 0;
	display:block;	width:100%;
	
	margin-top: 0px;
	margin-bottom: 0px;
	justify-self: self-end;
}

@media screen and (max-width: 761px) {
.MyContent  p.BtnLink {
	margin-top: 15px;
}
}
.MyContent  p.BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	position: relative;
	background-color: #000;
	padding: 16px 26px;
	display: inline-block;
	line-height: 14px;
	-webkit-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
	border: 2px solid #000;
}

.MyContent  p.BtnLink a:hover {
	background-color: transparent;
	color: #000;
	border: 2px solid #8b8b8b;
}

.MyContent  .Title {
	font-family: ClarinsRegular, Clarins;
	margin: 0;
	margin-bottom: 0.25em;
    display:block;
    width:100%;
	font-size: 35px;
    font-weight: normal;
    line-height:1em;
}
.MyContent .Tips .Title {
	font-size: 25px;
}

.MyContent  .Texture{
	flex-basis:1px;
}
@media screen and (max-width: 1023px){
.MyContent .Texture{
 flex-basis:100%;
}
}

.MyContent  .Texture img{
	position:absolute;
	z-index:-1;
}

.MyContent #EYES-EXPERT-PRODUCT-1 .Texture img {
	margin-top:-115px;
}
.MyContent #EYES-EXPERT-PRODUCT-2 .Texture img {
	margin-top:-115px;
}
.MyContent #EYES-EXPERT-PRODUCT-3 .Texture  img {
	margin-top:-115px;
}
.MyContent #EYES-EXPERT-PRODUCT-4 .Texture  img {
	margin-top:-95px;
}
.MyContent #EYES-EXPERT-PRODUCT-5 .Texture  img {
	margin-top:-85px;
}
.MyContent #EYES-EXPERT-PRODUCT-6 .Texture  img {
	margin-top:-95px;
}
.MyContent #EYES-EXPERT-PRODUCT-7 .Texture  img {
	margin-top:-65px;
}
@media screen and (max-width: 761px){
.MyContent  .Texture img{
 left:50%;
 transform: translateX(-50%) scale(0.7);
}
.MyContent #EYES-EXPERT-PRODUCT-1 .Texture img {
	margin-top:-90px;
}
.MyContent #EYES-EXPERT-PRODUCT-2 .Texture img {
	margin-top:-80px;
}
.MyContent #EYES-EXPERT-PRODUCT-3 .Texture  img {
	margin-top:-90px;
}
.MyContent #EYES-EXPERT-PRODUCT-4 .Texture  img {
	margin-top:-90px;
}
.MyContent #EYES-EXPERT-PRODUCT-5 .Texture  img {
	margin-top:-90px;
}
.MyContent #EYES-EXPERT-PRODUCT-6 .Texture  img {
	margin-top:-70px;
}
.MyContent #EYES-EXPERT-PRODUCT-7 .Texture  img {
	margin-top:-70px;
}
}
.MyContent .product-tile {
	    margin: 0px;
    min-width: 0;
    text-align: left;
}
@media screen and (max-width: 761px){
.MyContent .product-tile .product-quickshop .quickview {
       padding: 11px 9px;
}
.MyContent .product-tile {
    margin: 0px auto;
    min-width: 0;
    text-align: left;
	border:0px solid;
}	
.MyContent .product-tile .product-quickshop{
    max-width: 300px;
    display: block;
    padding: 0;
	margin:0 auto;	
	margin-bottom:40px;
}
	
}




/*DTW EDITS*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.MyContent .MyBlockProduct .Tips{
		display: inline-block;
	}
	.MyContent #EYES-EXPERT-HEADER .BoxContent{
		padding: 0px;
	}
	.MyContent #EYES-EXPERT-HEADER .Text{
		margin-left: 170px;
	}
}