.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;
	min-width:320px;
	position: relative;
	width: 100%;
	text-align: center;
	padding-bottom: 60px;
	z-index:1;

}

.MyContent h1 {
  font-family: ClarinsRegular,Clarins;
  font-size: 60px;
  font-weight: normal;
  line-height: 1em;
  margin: -60px 20px 0;
  padding: 70px 0 0;
  text-align: center;
}
@media only screen and (max-width:1023px) {
.MyContent h1 {
  font-family: ClarinsRegular,Clarins;
  font-size: 60px;
  font-weight: normal;
  line-height: 1em;
  margin: -40px 20px 0;
  padding: 50px 0 0;
  text-align: center;
}
}
@media only screen and (max-width:761px) {
.MyContent h1 {
  font-family: ClarinsRegular,Clarins;
  font-size:50px;
  font-weight: normal;
  line-height: 1em;
 /* margin: 30px 10px;
  padding: 0;*/
  text-align: center;
  
}
}
.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  {
	font-size: 0px;
	text-align: center;
	 z-index: 2;
	 display:block;
}
.MyContent #Main-Header p {
	margin: 20px;
	font-size: 16px;
	line-height: 1.4em;
	text-align: center;
	margin-top:12px;
}

.MyContent #Main-Header .Visual {
	display:inline-block;
}
@media only screen and (max-width:1023px) {
	.MyContent #Main-Header .Visual {
		width:50%;
	}
	.MyContent #Main-Header .Visual img{
		max-width:100%;
	}
}

@media only screen and (max-width:761px) {
	.MyContent #Main-Header .Visual {
		width:100%;
	}
	.MyContent #Main-Header .Visual:nth-child(2){
		display:none;
	}
	.MyContent #Main-Header .Visual img{
		max-width:100%;
	}
}
/*LOOKS MOSAIC*/
.MyContent #Looks-Mosaic {
	width: 1064px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-size: 0;
	padding-top: 80px;
margin-top: -50px;
 z-index: 1;
 
}

@media only screen and (max-width:1023px) {
.MyContent #Looks-Mosaic {
	padding-top: 70px;
margin-top: -50px;
	width:calc(100% - 20px);
}
}
@media only screen and (max-width:761px) {
.MyContent #Looks-Mosaic {
	padding-top: 50px;
	margin-top: -50px;

}
}
.MyContent #Looks-Mosaic ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: block;
	position: relative;
	background-color:#FFFFFF;
	font-size:0;
}
.MyContent #Looks-Mosaic ul li {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	text-align: center;
	margin:20px;
	vertical-align:top;
	
}
@media only screen and (max-width:1023px) {
.MyContent #Looks-Mosaic ul li {
	width: calc(25% - 20px);
		margin:10px;
}
}
@media only screen and (max-width:761px) {
.MyContent #Looks-Mosaic ul li {
	width: calc(50% - 20px);
}
}
.MyContent #Looks-Mosaic ul li a {
	text-decoration: none;
	color: #000;
	font-size: 24px;
	line-height:1em;
	font-family:ClarinsRegular, Clarins;
	text-align:center;
	padding-top:15px;
}
@media only screen and (max-width:761px) {
.MyContent #Looks-Mosaic ul li a {
	font-size: 14px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	line-height:21px;
	padding-top:8px;
}
}
.MyContent #Looks-Mosaic ul li a img{
	display:block;
	max-width:100%;
		margin-left:auto;
	margin-right:auto;
	
}
.MyContent #Looks-Mosaic ul li a span{
	text-align:center;
	padding-top:15px;
	display:block;
}
@media only screen and (max-width:761px) {
.MyContent #Looks-Mosaic ul li a span{
	padding-top:8px;
}
}

/*LOOKS MOSAIC nav mobile*/

.MyContent .Looks-Mosaic-NavMobile {
  display: none;

}

@media only screen and (max-width:761px) {
.MyContent .Looks-Mosaic-NavMobile {
  display: inline-block;
  font-size: 0;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 20px);
}
}
.MyContent .Looks-Mosaic-NavMobile ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: block;
	position: relative;
	background-color:#FFFFFF;
	font-size:0;
}
.MyContent .Looks-Mosaic-NavMobile ul li {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	text-align: center;
	margin:10px;
	vertical-align:top;
	width: calc(33% - 20px);
}

.MyContent .Looks-Mosaic-NavMobile ul li a {
	text-decoration: none;
	color: #000;
	text-align:center;
	font-size: 14px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	line-height:21px;
	padding-top:8px;
}
.MyContent .Looks-Mosaic-NavMobile h3 {
  font-family: ClarinsRegular,Clarins;
  font-size: 30px;
  font-weight: normal;
  line-height: 1em;
  margin: 0;
  padding: 0 0 15px;
}

.MyContent .Looks-Mosaic-NavMobile ul li a img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
}
.MyContent .Looks-Mosaic-NavMobile ul li a span{
	text-align:center;
	padding-top:8px;
	display:block;
	font-size:12px;
	line-height:1.4em;
}

	

/*LOOK TEMPLATE */
.MyContent .Anchor-Look {
	height: 60px;
}
@media only screen and (max-width:1023px) {
.MyContent .Anchor-Look {
	height: 40px;
}
}
@media only screen and (max-width:761px) {
.MyContent .Anchor-Look {
	height: 30px;
}
}
.MyContent .Header-Look {
	max-width: 944px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: block;
	margin-bottom: 60px;
	background-repeat: no-repeat;
}

.MyContent .Header-Look .Visual {
  display: block;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width:761px) {
.MyContent .Header-Look {
	margin-top: 0px;
	margin-bottom: 0px;
	
}
}

@media only screen and (max-width:1023px) {
.MyContent .Header-Look img{
	max-width:100%;
}
}

@media only screen and (max-width:761px) {
.MyContent .Header-Look img {
  max-width: 944px;
  width: 200%;
}
}

.MyContent .Header-Look.AlignLeft {
	text-align: left;
	background-position: right top;
}

@media only screen and (max-width:761px) {
.MyContent .Header-Look.AlignLeft  img {
  margin-right: -100%
}
}
.MyContent .Header-Look.AlignRight {
	text-align: right;
	background-position: left top;
}
@media only screen and (max-width:761px) {
.MyContent .Header-Look.AlignRight  img {
  ;margin-left: -100%;
}
}
@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 {
	background-color: #FFF;
	line-height: 260px;
	width: calc(50% - 120px);
	display: inline-block;
	position: absolute;
	top: 50%;
	padding:40px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.MyContent .Header-Look.AlignLeft .FloatingBox {
	right: 40px;
}
.MyContent .Header-Look.AlignRight .FloatingBox {
	left: 40px;
}

@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:calc(100% - 80px);
	padding:20px;
	line-height: 200px;
	margin-top: -50px;
}
.MyContent .Header-Look.AlignLeft .FloatingBox {
	right: auto;
	-webkit-transform: none!important;
	transform: none!important;
}
.MyContent .Header-Look.AlignRight .FloatingBox {
	left: auto;
	-webkit-transform: none!important;
	transform: none!important;
}
}

.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 {
	margin-top:0px;
}
}
.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: 14px;
	line-height: 1.4em;
	padding-left: 5px;
	padding-right: 5px;
}
}
.MyContent .Header-Look .FloatingBox p span{
	display: inline-block;
}


/* LOOK 01   */
.MyContent #Look-01 .FloatingBox h2 span{
	color:#df83a3;
}
/* LOOK 02  */
.MyContent #Look-02 .FloatingBox h2 span{
	color:#df83a3;
}
/* LOOK 03   */
.MyContent #Look-03 .FloatingBox h2 span{
	color:#cd1316;
}
/* LOOK 04  */
.MyContent #Look-04 .FloatingBox h2 span{
	color:#433683;
}

/* ---------------------------------------  */


@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 .Routine-Look  {
	margin-bottom:40px;
	
	/*margin-top:-50px;
	padding-top:50px;*/
		
}
.MyContent .Routine-Look  .Tab {
	position:absolute;
	height:1px;
	max-width:950px;
	top:0px;
	left:0px;
	width:100%;
	z-index:3;
	
}

@media only screen and (max-width:761px) {
.MyContent .Routine-Look  .Tab {
	left:auto;
	position:relative;
	top:auto;
	height:auto;
}
}
.MyContent .Routine-Look .Tab .rating {
  display:inline-block;
  	margin-left: auto;
	margin-right: auto;
  margin-bottom: 15px;
  margin-top: 15px;
}

@media only screen and (max-width:761px) {
.MyContent .Routine-Look .Tab .rating {
  display:block;

}
}
.MyContent .Routine-Look .Tab .product-quickshop {
  display:inline-block;
  	margin-left: auto;
	margin-right: auto;
  margin-bottom: 15px;
  margin-top: 15px;
}
@media only screen and (max-width:761px) {
	.MyContent .Routine-Look .Tab .product-quickshop {
	  display:none;
	}
}
.MyContent .Routine-Look  .Tab:nth-child(1) .TabBtn{
	left:0;
}
.MyContent .Routine-Look  .Tab:nth-child(2) .TabBtn{
	left:33%;
}
.MyContent .Routine-Look .Tab:nth-child(3) .TabBtn{
	left:66%;
}


.MyContent .Routine-Look .Tab .TabBtn{
	position:absolute;
	width:33%;
	text-align:center;
	
	border-bottom:#e5e5e5 2px solid;
	margin:0;
	height:70px;
	line-height:70px;
	top:0;
	cursor:pointer;
}

@media only screen and (max-width:761px) {
.MyContent .Routine-Look .Tab .TabBtn{
	left:auto;
	position:relative;
	text-align:left;
	border-bottom:#e5e5e5 2px solid;
	width:calc(100% - 40px);
	margin-left:20px;
	margin-right:20px;
}

.MyContent .Routine-Look  .Tab:nth-child(1) .TabBtn{
		left:auto;
}
.MyContent .Routine-Look  .Tab:nth-child(2) .TabBtn{
		left:auto;
}
.MyContent .Routine-Look .Tab:nth-child(3) .TabBtn{
		left:auto;
}
}

.MyContent .Routine-Look  .Tab.Selected .TabBtn{
	color:#be0f34;
	border-bottom:#FFF 2px solid;
	border-left:#e5e5e5 2px solid;
	border-right:#e5e5e5 2px solid;
	width:calc(33% - 4px);
cursor:default;
}

@media only screen and (max-width:761px) {
.MyContent .Routine-Look  .Tab.Selected .TabBtn{
	left:auto;
	position:relative;
	width:calc(100% - 40px);
	text-align:left;
	border-top:#e5e5e5 0px solid;
	border-bottom:#e5e5e5 2px solid;
	border-left:#FFF 0px solid;
	border-right:#FFF 0px solid;
	color:#000;
	cursor:pointer;
}

.MyContent .Routine-Look .Tab.Selected .wrapper{
	position:relative;
	display:block;
	padding-top:40px;
}
}
.MyContent .Routine-Look  .Tab .TabBtn span{
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align:center;
	line-height:21px;
	text-transform:uppercase;
	font-weight:normal;
	vertical-align:middle;
	top:50%;
	left:50%;
	-webkit-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%);
	position:absolute;
	width:calc(100% - 20px);
}
@media only screen and (max-width:1023px) {
.MyContent .Routine-Look  .Tab .TabBtn span{
	font-size: 14px;


}
}
@media only screen and (max-width:761px) {

.MyContent .Routine-Look .Tab .TabBtn span {
  font-family: "Gotham SSm medium A","Gotham SSm medium B",Gotham,Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: normal;
  left: auto;
  line-height: 21px;
  padding:0px;
  position: relative;
  text-align: left;
  text-transform: none;
  top: auto;
  -webkit-transform:none;
  transform:none;
  vertical-align: middle;
  width: 100%;
  	display:inline-block;
	padding-bottom:0;
	padding-top:0;
}

}
.MyContent .Routine-Look  .Tab .block-pagination, .MyContent .Routine-Look  .Tab .TabVisual, .MyContent .Routine-Look  .Tab h3, .MyContent .Routine-Look  .Tab .jcarousel{
	display:none;
}
.MyContent .Routine-Look  .Tab.Selected .block-pagination, .MyContent .Routine-Look  .Tab.Selected .TabVisual, .MyContent .Routine-Look  .Tab.Selected h3, .MyContent .Routine-Look  .Tab.Selected .jcarousel{
	display:block;
}
.Tab.Selected h3{
	display:none!important;
}



@media only screen and (max-width:761px) {
	.MyContent .Routine-Look  .Tab.Selected .block-pagination{
		display:block;
		position:absolute;
		top:0;
		width:100%;
		
	}
.MyContent .Routine-Look .Tab.Selected .jcarousel{
	width:100%;
		display:block;
}
}
.MyContent .Routine-Look  .Tab.Selected{
	position:relative;
	height:auto;
	top:auto;
	left:auto;
	padding-top:115px;

	z-index:1;
}
@media only screen and (max-width:761px) {
.MyContent .Routine-Look  .Tab.Selected{
	position:relative;
	height:auto;
	top:auto;
	left:auto;
	padding-top:0px;
	z-index:1;
	
	margin-top:-50px;
	padding-top:50px;
}
}
.MyContent .Routine-Look  .Tab.Selected .TabBtn::before{
	width:calc(100% + 4px);
	position:absolute;
	left:-2px;
	top:0px;
	height:4px;
	background-color:#be0f34;
	content:" ";
}
@media only screen and (max-width:761px) {
.MyContent .Routine-Look .Tab .TabBtn::before {
  background-color: transparent;
color:#CCC;
  content: "+";
  font-size: 30px;
  height: 30px;
  left: auto;
  line-height: 30px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.MyContent .Routine-Look .Tab.Selected .TabBtn::before {
  background-color: transparent;
color:#CCC;
  content: "-";
  font-size: 30px;
  height: 30px;
  left: auto;
  line-height: 30px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
}

/*----------------------------------------------------------------*/
.MyContent .Routine-Look {
	position: relative;
	display: block;
	width:100%;
	max-width:944px;	
	margin-right:auto;
	margin-left:auto;
	
}

.MyContent .Routine-Look p.Visual {
	margin: 0;
	padding: 0;
	overflow-x:hidden;
	
}


.MyContent .Routine-Look p.Visual img{
	max-width:100%;
	display:block;
}

.MyContent .Routine-Look p.TabVisual {
	margin: 0;
	padding: 0;
	overflow-x:hidden;
	display:block;
}

.MyContent .Routine-Look p.TabVisual img{
	max-width:100%;
	display:block;
}



@media only screen and (max-width:1023px) {
	.MyContent .Routine-Look p.TabVisual img{
		max-width:944px;
		width:944px;
		display:block;
		margin-left:calc(50% - 472px);
	}
}
@media only screen and (max-width:761px) {
	.MyContent .Routine-Look p.TabVisual img {
	  display: block;
	  margin-left: calc(50% - 300px);
	  max-width: 600px;
	  width: 600px;
	}
}
.MyContent .Routine-Look h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
	font-size: 35px;
	line-height: 1em;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 40px;
}
@media only screen and (max-width:761px) {
	.MyContent .Routine-Look h3 {
  font-size: 30px;
  margin-bottom: 0;
  margin-top: 10px;
  padding: 10px;
}
}
.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;
		white-space: nowrap;
}
@media only screen and (max-width:761px) {
.MyContent .Routine-Look ul li {
	font-size:0;
   line-height: 0px;
   overflow:hidden;
   /*float:none!important;*/
}
}
.MyContent .Routine-Look ul li .InlineBlock {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  margin: 20px;
  padding: 0;
  position: relative;
  vertical-align: middle;
  white-space: normal;
  width: 320px;
}
@media only screen and (max-width:1023px) {
	.MyContent .Routine-Look ul li .InlineBlock {
 	 width: 280px;
	   font-size: 14px;
  line-height: 20px;
	}
}

@media only screen and (max-width:761px) {
.MyContent .Routine-Look ul li .InlineBlock {
 	 width: 280px;
	   display: block;
	   margin-left:auto;
	    margin-right:auto;
	   
	}
}
.MyContent .Routine-Look ul li .InlineBlock h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 1em;
	text-align: center;
	margin-bottom: 20px;
	text-transform:uppercase;
}

.MyContent .Routine-Look ul li .InlineBlock p.Visual {
	display:block;
	max-width:200px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
}
@media only screen and (max-width:761px) {
.MyContent .Routine-Look ul li .InlineBlock p.Visual {
	max-width:320px;
}
}
.MyContent .Routine-Look ul li .InlineBlock p.Visual img{
	display:inline-block;
	max-width:100%;
}

@media only screen and (max-width:761px) {
	.MyContent .Routine-Look ul li .InlineBlock p.Visual img {
		  width:100%;
		  display:block;
	}
}

@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.product-name {
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

@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;
}
}
.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 30px;
	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 {
  bottom: 200px;
  top: auto;
}	
	
@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);
}
}

.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:auto;
	min-height:120px;
}
}
