body, html{
	margin:0;
	padding:0;
}


#wrapper.pt_category-wide .site-width-slot, #wrapper.pt_category-wide .breadcrumb-container{
max-width:100%;
}
@media screen and (max-width:761px){
#main:not(.main-homepage) {
    padding-top: 0px;
}
}
@media screen and (max-width:761px){

.MyContent .product-tile .product-quickshop{
	display:inline-block;padding: 12px 9px;
}
}


	.MyContent .product-tile {
		margin-left: 0;
		margin-right: 0;
	}

.MyContent img{
	width:auto;
}
.MyContent{
	display:block;
	position:relative;
	font-size: 14px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	line-height: 1.4em;
}
.MyContent .MyBlock{
	display:block;
	position:relative;
	margin:0 auto;
}
#wrapper {
    max-width: 100%;
}
.MyContent .AnchorTag{
	height:50px;
	margin-top:-50px;
}
.MyContent .Slick-Carousel-Container{
	height:200px;
	margin-left: 10px;
    margin-right: 10px;
}

.MyContent .swatchesCircle{
display:none;
	
}

.MyContent .ProductTexture .ProductName{
padding:10px;
font-size:14px;
	
}

.MyContent .ProductTexture .Texture{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
	
}

  
	
.MyContent .MyMentions{
	font-size:10px;
	opacity:0.5;
	padding:0 20px;
}



.MyContent .MyStatItem{
  font-size: 72px;
  background: -webkit-linear-gradient(#e9c9b0, #cea27d, #55332a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	line-height:60px;
	margin:0 auto;font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
}


/*---------- BLACK BTN -----------*/
.MyContent .BtnLink{
	margin:0;
	width:100%;
	flex:1;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	max-width:220px;
}
.MyContent .BtnLink a{
	display:flex;
	height:50px;
	justify-content:center;
	align-items:center;
	text-transform:uppercase;
	color:#fff;
	background-color:#000;
	font-size:11px;
	line-height:1em;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
}
/*---------- BLACK BTN -----------*/
.MyContent .ShopLink{
	margin:0;
	box-sizing:border-box;
	display:inline-block;
	max-width:220px;
}
/*.MyContent .ShopLink a{
	display:flex;
	height:40px;
	justify-content:center;
	align-items:center;
	text-transform:uppercase;
	color:#000;
	background-color:#fff;
	font-size:11px;
	line-height:1em;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	box-sizing:border-box;
	border:#e5e5e5 2px solid;
}*/


.MyContent .AnchorTag {
    height: 100px;
    margin-top: -100px;
}

@media screen and (max-width:761px){
.MyContent .AnchorTag{
	height:50px;
	margin-top:-50px;
}
}
.MyContent .Menu{
	margin-right: 0px;
    width: 79px;
    margin-left: auto;
	margin-top:100px;
}
@media screen and (max-width:761px){
.MyContent #EVERLASTING-HEADER .Menu{
	display:none;
}
}
.MyContent .Menu a{
	display:block;
	overflow:hidden;
	width:79px;
	height:74px;
	margin-bottom:2px;
	background-color:#000;
}

.MyContent .Menu a:nth-child(1){
background-color:#be0f34;
}

.MyContent .MenuSticky[data-active="1"] .Menu a:nth-child(1){
background-color:#be0f34;
}
.MyContent .MenuSticky[data-active="1"] .Menua:nth-child(2){
background-color:#000;
}
.MyContent .MenuSticky[data-active="1"] .Menu a:nth-child(3){
background-color:#000;
}
.MyContent .MenuSticky[data-active="1"] .Menu a:nth-child(4){
background-color:#000;
}

.MyContent .MenuSticky[data-active="2"] .Menu a:nth-child(1){
background-color:#000;
}
.MyContent .MenuSticky[data-active="2"] .Menu a:nth-child(2){
background-color:#be0f34;
}
.MyContent .MenuSticky[data-active="2"] .Menu a:nth-child(3){
background-color:#000;
}
.MyContent .MenuSticky[data-active="2"] .Menu a:nth-child(4){
background-color:#000;
}

.MyContent .MenuSticky[data-active="3"] .Menu a:nth-child(1){
background-color:#000;
}
.MyContent .MenuSticky[data-active="3"] .Menu a:nth-child(2){
background-color:#000;
}
.MyContent .MenuSticky[data-active="3"] .Menu a:nth-child(3){
background-color:#be0f34;
}
.MyContent .MenuSticky[data-active="3"] .Menu a:nth-child(4){
background-color:#000;
}

.MyContent .MenuSticky[data-active="4"] .Menu a:nth-child(1){
background-color:#000;
}
.MyContent .MenuSticky[data-active="4"] .Menu a:nth-child(2){
background-color:#000;
}
.MyContent .MenuSticky[data-active="4"] .Menu a:nth-child(3){
background-color:#000;
}
.MyContent .MenuSticky[data-active="4"] .Menu a:nth-child(4){
background-color:#be0f34;
}
.MyContent  .Menu a img{
	display:block;
	max-width:100%;
}
.MyContent  .Menu a:hover img{
	background-color:#be0f34;
}

.MenuSticky{
    position: fixed;
    right: 0px;
    top: 100px;
    z-index: 100;
}
@media screen and (max-width:1023px){
.MenuSticky{
	top: 50px;
}
}
@media screen and (max-width:761px){
.MenuSticky{
	display:none!important;
}
}
/*-----------------------------------------------------*/
#EVERLASTING-HEADER{
	background-image:url(img/header-background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	margin:0 auto;
	margin-bottom:-278px;
	position:relative;
	height:577px;
	overflow:hidden;
	
}
@media screen and (max-width:1170px){
	#EVERLASTING-HEADER{
		background-position:top left -350px;
	}
}
@media screen and (max-width:1023px){
	#EVERLASTING-HEADER{
		background-position:top left -420px;
	}
}
@media screen and (max-width:761px){
	#EVERLASTING-HEADER{
		background-position:top center;
		background-image:url(img/header-background-mobile.jpg);
		padding:0;
		padding-top:364px;
		display:block;
		height:auto;
		margin:0;
		width:100%;
	}
}
#EVERLASTING-HEADER .MainTitle{
	font-size:35px;
	font-family: ClarinsRegular, Clarins;
	padding:0;
	padding-left:88px;
	margin:0;
	color:#000;
	font-weight:normal;
	line-height:1em;
	text-align:left;
	position:absolute;
	top:104px;
	margin-left:70px;
	left:50%;
	
}
@media screen and (max-width:1170px){
	#EVERLASTING-HEADER .MainTitle{
		padding-left:15px;
	}
}
@media screen and (max-width:1023px){
	#EVERLASTING-HEADER .MainTitle{
		    transform: scale(0.8);
			top: 30px;
			margin-left:0px;
			width: 400px;
	}
}
@media screen and (max-width:761px){
	#EVERLASTING-HEADER .MainTitle{
		position:relative;
		top:auto;
		left:auto;
		transform:none;
		padding:0 20px;
		margin:0;
		width:100%;
	}
	#EVERLASTING-HEADER .MainTitle{
		margin-left:14px;
	}
	#EVERLASTING-HEADER .MainTitle br{
		display:none;
	}
}
#EVERLASTING-HEADER .LogoTitle{
	display:block;
	width:461px;
	height:139px;
	font-size:0;
	background-image:url(img/everlasting-title.png);
	position:relative;margin-left:-88px;
	margin-bottom:10px;
}
@media screen and (max-width:761px){
	#EVERLASTING-HEADER .LogoTitle{
		display:none;
		margin:0;
	}
}
/*-----------------------------------------------------*/
#EVERLASTING-INTRO {
	display:flex;
	justify-content:center;
	align-items:flex-start;
	padding-bottom:40px;
	padding-top:40px;
}
@media screen and (max-width:761px){
	#EVERLASTING-INTRO {
		display:block;
		height:auto;
		margin:0;
		width:100%;
		padding-top:0;
		padding-bottom:0;
	}
}
#EVERLASTING-INTRO  .LeftBlock{
	padding:20px;
	max-width:405px;
	text-align:left;
}
@media screen and (max-width:761px){
#EVERLASTING-INTRO  .LeftBlock{
	padding:20px 0;
}	
}
#EVERLASTING-INTRO  .Box{
	border:#af7543 solid 3px;
	padding:15px 30px;text-align:center;
	margin-bottom:20px;
	color:#c99972;
	font-size:16px;
	text-transform:uppercase;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	line-height:1.4em;
}
@media screen and (max-width:761px){
#EVERLASTING-INTRO  .Box{
	margin:0 20px;
	margin-bottom:20px;
}	
}
#EVERLASTING-INTRO  .Box>p{
margin:5px 0;
}

#EVERLASTING-INTRO  .RightBlock{
	flex-basis:516px;
	height:530px;
	position:relative;
}
@media screen and (max-width:1023px){
#EVERLASTING-INTRO  .RightBlock{
	flex-basis:360px;
	height:480px;
	position:relative;
}
#EVERLASTING-INTRO  .RightBlock img{
	max-width:100%;
}
}
@media screen and (max-width:761px){
#EVERLASTING-INTRO  .RightBlock{
	height:500px;
}
#EVERLASTING-INTRO  .RightBlock img{
	width:375px;
}
}
#EVERLASTING-INTRO  .MyProductBlock{
	position:absolute;
	font-size:14px;
	line-height:1.2em;
}
#EVERLASTING-INTRO  .MyProductBlock p{
margin:5px 0;
}
#EVERLASTING-INTRO  .MyProductBlock:nth-child(1){
	right: 50%;
    text-align: right;
    margin-right: 140px;
    top: 380px;
    width: 150px;
}
#EVERLASTING-INTRO  .MyProductBlock:nth-child(2){
	left: 50%;
    text-align: left;
    margin-left: 105px;
    top: 430px;
    width: 150px;
}
@media screen and (max-width:1023px){
#EVERLASTING-INTRO  .MyProductBlock:nth-child(1){
	margin-right:25px;  top: 350px;
}
#EVERLASTING-INTRO  .MyProductBlock:nth-child(2){
	margin-left: 5px;  top: 350px;
}
}
@media screen and (max-width:1023px){
#EVERLASTING-INTRO  .MyProductBlock:nth-child(1){
	margin-right:15px;  top: 380px;
}
#EVERLASTING-INTRO  .MyProductBlock:nth-child(2){
	margin-left: 15px;  top: 380px;
}
}
/*-----------------------------------------------------*/
#EVERLASTING-WHEEL {
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#f5e6db;
	padding:40px;
	overflow:hidden;
	position:relative;
}
@media screen and (max-width:1280px){
#EVERLASTING-WHEEL {
	justify-content:flex-start;
}
}
@media screen and (max-width:761px){
#EVERLASTING-WHEEL {
	display:block;
}
}

#EVERLASTING-WHEEL .Arrow{
	display:none;
}

@media screen and (max-width:761px){
	#EVERLASTING-WHEEL .Arrow{
		display: block;
		position: absolute;
		z-index: 2;
		width: 35px;
		height: 70px;
		background-image: url(img/arrow.svg);
		top: 250px;
		background-repeat: no-repeat;
		background-position: center center;
	}
	#EVERLASTING-WHEEL .ArrowPrev{
		left:10px;
	}
	#EVERLASTING-WHEEL .ArrowNext{
		transform:scaleX(-1);right:10px;
	}
}
#EVERLASTING-WHEEL a{
	outline: 0;
	opacity:0;
}
#EVERLASTING-WHEEL img[usemap], #EVERLASTING-WHEEL map area{
    outline: none;
}
#EVERLASTING-WHEEL .WheelSelector{
	display:block;
	position:relative; 
	overflow:hidden;
}
@media screen and (max-width:1280px){
#EVERLASTING-WHEEL .WheelSelector{
    display: block;
    position: absolute;
    overflow: hidden;
    height: 630px;
    width: 630px;
    top: calc(50% - 315px);
    right: calc(50% + 30px);
    z-index: 2;
    transform: scale(0.7);
    transform-origin: right center;
}
}
@media screen and (max-width:1023px){
#EVERLASTING-WHEEL .WheelSelector{
	right: 350px;
	transform: scale(0.65);
}
}
@media screen and (max-width:761px){
#EVERLASTING-WHEEL .WheelSelector {
    position: relative;
    right: auto;
    top: auto;
    transform-origin: top center;
    left: calc(50% - 315px);
    transform: scale(0.55);
    padding-top: 200px;
    margin-bottom: -620px;
    z-index: 1;
    text-align: center;
}
}
#EVERLASTING-WHEEL .WheelSelector::before{
    content: " ";
    position: absolute;
    width: 47px;
    height: 39px;
    top: 90px;
    left: calc(50% - 23px);
    background-image: url(img/arrow.png);
    z-index: 3;
}

@media screen and (max-width:761px){
#EVERLASTING-WHEEL .WheelSelector::before{
	  top: 290px;
}
#EVERLASTING-WHEEL .WheelSelector::after{
    content: " ";
    position: absolute;
    width: 630px;
    height: 650px;
    top:190px;
    left: 0;
    background-image: url(img/wheel-mask.png);
    z-index: 3;
}

}
#EVERLASTING-WHEEL .Wheel{
 transition:transform 0.5s ease-in-out;
 z-index:2;
 position:relative;

}

#EVERLASTING-WHEEL[data-selecteditem="Smudgeproof"] .Wheel{
 transform:rotate(120deg);
}
#EVERLASTING-WHEEL[data-selecteditem="Shoppingproof"] .Wheel{
transform:rotate(240deg);
}
#EVERLASTING-WHEEL[data-selecteditem="Sweatproof"] .Wheel{
transform:rotate(0deg);
}


#EVERLASTING-WHEEL .MyText{
	font-size:35px;
	font-family: ClarinsRegular, Clarins;
	padding:0;
	margin:0;
	color:#000;
	font-weight:normal;
	line-height:1em;
	 z-index:1;
	position: absolute;
    bottom:250px;
    width: 100%;
    text-align: center;
    left: 0;
}
@media screen and (max-width:761px){
#EVERLASTING-WHEEL .MyText{
	transform:scale(1.75);
	transform-origin:top center;
	top:0;
	bottom:auto;
}
}
#EVERLASTING-WHEEL .LifeProof{
	background-size:100% auto;
	background-image:url(img/lifeproof.png);
	background-repeat:no-repeat;
	width:327px;
	height:68px;
	display:block;
	font-size:0;
	margin:10px auto;
}

#EVERLASTING-WHEEL  .MyTitle{
	font-size:0;
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	width:377px;
	height:86px;
}
@media screen and (max-width:1023px){
#EVERLASTING-WHEEL  .MyTitle{
	transform:scale(0.8);
	transform-origin:bottom left;
}
}
@media screen and (max-width:761px){
#EVERLASTING-WHEEL  .MyTitle{
	background-image: url(img/smudgeproof.png);
    background-position: top center;
    transform: none;
    transform-origin: bottom left;
    margin: 0 auto;
    width: 100%;
    background-size: auto 100%;
    height: 60px;
    background-position: bottom center;
}
}
#EVERLASTING-WHEEL  .MyBlockWheel{
	display:block;
	max-width:500px;
	margin-left:60px;
	opacity:0;
	position:absolute;
	z-index:-1;
	transition:opacity 0.5s ease-in-out;
}
@media screen and (max-width:1280px){
	
#EVERLASTING-WHEEL  .MyBlockWheel{
	margin-left:50%;
}
}

@media screen and (max-width:1023px){
#EVERLASTING-WHEEL  .MyBlockWheel{
	max-width:300px;margin-left:400px;
}
#EVERLASTING-WHEEL  .MyBlockWheel img{
	max-width:100%;
}
}

@media screen and (max-width:761px){
#EVERLASTING-WHEEL  .MyBlockWheel img{
	width:300px;margin:10px auto;
}
}
#EVERLASTING-WHEEL-SWEATPROOF .MyTitle{
	background-image:url(img/sweatproof.png);
}
#EVERLASTING-WHEEL-SMUDGEPROOF .MyTitle{
	background-image:url(img/smudgeproof.png);
}
#EVERLASTING-WHEEL-SHOPPINGPROOF .MyTitle{
	background-image:url(img/shoppingproof.png);
}

#EVERLASTING-WHEEL[data-selecteditem="Smudgeproof"] #EVERLASTING-WHEEL-SMUDGEPROOF,
#EVERLASTING-WHEEL[data-selecteditem="Shoppingproof"] #EVERLASTING-WHEEL-SHOPPINGPROOF,
#EVERLASTING-WHEEL[data-selecteditem="Sweatproof"] #EVERLASTING-WHEEL-SWEATPROOF{
	opacity:1;z-index:1;position:relative;
}

@media screen and (max-width:761px){
#EVERLASTING-WHEEL[data-selecteditem="Smudgeproof"] #EVERLASTING-WHEEL-SMUDGEPROOF,
#EVERLASTING-WHEEL[data-selecteditem="Shoppingproof"] #EVERLASTING-WHEEL-SHOPPINGPROOF,
#EVERLASTING-WHEEL[data-selecteditem="Sweatproof"] #EVERLASTING-WHEEL-SWEATPROOF{
	opacity:1;z-index:1;position:relative;
	margin:0;
}
}
/*-----------------------------------------------------*/
.BlackLabel{
	display:inline-block;
	transform:rotate(5deg);
	background-color:#000;
	color:#fff;
	text-transform:uppercase;
	line-height:1em;
	font-size:12px;
	padding:5px;
	position:absolute;
	bottom:0;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	right:0;
}
/*-----------------------------------------------------*/

.MyContent  .MyMosaic{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	max-width:1170px;
	margin:3px;
}
.MyContent  .MyMosaic>div{
	max-width:201px;
	margin:3px;
	flex-basis:calc(20% - 6px);
}
@media screen and (max-width:1023px){
.MyContent  .MyMosaic>div{
	flex-basis:calc(25% - 6px);
}
.MyContent  .MyMosaic>div:nth-child(6){
	display:none;
}
.MyContent  .MyMosaic>div:nth-child(7){
	display:none;
}
}

@media screen and (max-width:761px){
.MyContent  .MyMosaic>div{
	flex-basis:calc(33.33% - 6px);
}
.MyContent  .MyMosaic>div:nth-child(6){
	display:block;
}
.MyContent  .MyMosaic>div:nth-child(7){
	display:none;
}
}
.MyContent  .MyMosaic>div img{
	max-width:100%;
	display:block;
}


.MyFullWidthBackgroundColor{
	background-color:#f4e6db;
	padding:40px 0;
}
@media screen and (max-width:761px){
	.MyFullWidthBackgroundColor{
	padding:10px;
}
}
.MyBlock{
	display:block;

	margin:0 auto;
	max-width:1170px;
	text-align:center;
	background-color:#fff;
}

.MyContent .MyBlock .MyTitle{
	font-family: ClarinsRegular, Clarins;
	padding:40px 20px;
	margin:0;
	font-size:35px;
	color:#000;
	font-weight:normal;
	line-height:1em;
}

.MyContent .MyBlock .MyCheckboxList{
	
	list-style:none;
	margin:0 auto;
	padding:20px;
}
.MyContent .MyBlock .MyCheckboxList>li{
	margin:0;
	padding:5px;
	font-size:18px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	color:#b98555;
	line-height:24px;
}
.MyContent .MyBlock .MyCheckboxList>li::before{
	content:" ";
	display:inline-block;
	background-image:url(img/checkbox.png);
	background-size:16px auto;
	background-repeat:no-repeat;
	background-position:top left;
	width:22px;
	height:18px;
	vertical-align:middle;
}
.MyContent .MyBlock .MyText{
	margin:0 auto;
	padding:0 20px;
	font-size:16px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	color:#000;
	max-width:990px;
}

.MyBlock-Finder{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	padding-top:50px;
	margin:0 auto;
	background-color:#fff;
	max-width:1170px;
	padding-bottom:40px;
}
@media screen and (max-width:1023px){
.MyContent .MyBlock-Finder{
	flex-wrap:wrap;
}
}
@media screen and (max-width:761px){
.MyContent .MyBlock-Finder{
	flex-direction:column;
		padding-top:20px;
}
}
.MyBlock-Finder .ProductPrice{
	margin:10px auto;
}
.MyContent .MyBlock .MyTitle{
	font-family: ClarinsRegular, Clarins;
	padding:40px 20px;
	margin:0;
	font-size:35px;
	color:#000;
	font-weight:normal;
	line-height:1em;
}

.MyContent .MyBlock .MyCheckboxList{
	
	list-style:none;
	margin:0 auto;
	padding:20px;
}
.MyContent .MyBlock .MyCheckboxList>li{
	margin:0;
	padding:5px;
	font-size:18px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	color:#b98555;
	line-height:24px;
}
.MyContent .MyBlock .MyCheckboxList>li::before{
	content:" ";
	display:inline-block;
	background-image:url(img/checkbox.png);
	background-size:16px auto;
	background-repeat:no-repeat;
	background-position:top left;
	width:22px;
	height:18px;
	vertical-align:middle;
}

/*---------------------------------------------------*/
.MyContent .MyBlock-Finder .RightBlock{
	padding:0 20px;
	font-size:16px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	color:#000;
	order:3;
	max-width:500px;
	text-align:center;
}
@media screen and (max-width:1023px){
.MyContent .MyBlock-Finder .RightBlock {
    flex-basis: 100%;
    max-width: 100%;
    margin-top: 40px;
    box-sizing: border-box;
}
.MyContent .MyBlock-Finder .RightBlock .Box p{
 	 margin:0;
	padding:20px;
}
}
.MyContent .MyBlock-Finder .RightBlock .MyBox{
	
	padding:10px;
	background-color:#f2dcc8;
	margin-bottom:10px;
}
.MyContent .MyBlock-Finder .RightBlock .MyStatItemText{
	color:#b98555;
	text-transform: uppercase;
}
.MyContent .MyBlock-Finder .RightBlock .MyTitle{
	margin:0;
	padding:5px;
	font-size:22px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	color:#b98555;
	line-height:24px;
	font-weight:normal;
}

.MyContent .MyBlock-Finder .RightBlock .Accordeon{
	margin:0px auto;
	padding:10px;
	max-width:300px;
	border-top:1px solid #fff;
}
.MyContent .MyBlock-Finder .RightBlock .Accordeon p{
	margin:0px auto;display:none;
}
.MyContent .MyBlock-Finder .RightBlock .Accordeon[data-open="1"] p{
	display:block;
}
.MyContent .MyBlock-Finder .RightBlock .MyTitleExpand{
	margin:0px auto;
	font-size:16px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	color:#b98555;
	line-height:24px;
	font-weight:normal;cursor:pointer;
}
.MyContent .MyBlock-Finder .RightBlock .MyTitleExpand::after{
	content:"+";
	font-size:30px;
	display:inline-block;
	padding-left:5px;
	line-height:22px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	vertical-align:middle;
	margin-top:-3px;cursor:pointer;
}
.MyContent .MyBlock-Finder .RightBlock .Accordeon[data-open="1"]  .MyTitleExpand::after{
	content:"-";
}
.MyContent .MyBlock-Finder .RightBlock .MyPerfectMatch{
	border:#af7543 solid 3px;
	padding:20px;
	overflow:hidden;
}
.Tint-Selector-Container{
	max-width:490px;
	flex:1;
}
@media screen and (max-width:761px){
	
.Tint-Selector-Container {
    max-width: 100vw;
    width: 100vw;
    display: flex;
    margin-left: 0px;
    z-index: 10;
    position: relative;

}
#CONCEALER-TINT-SELECTOR .Tint-Selector-Container{
	margin-left:-10px;

}
.Tint-Selector-Container .Tint-Skin-Group{
	flex:1;
}
}
#CONCEALER-TINT-SELECTOR .Tint-Selector-Container{
	max-width:390px;
	text-align:center;
}
@media screen and (max-width:761px){
#CONCEALER-TINT-SELECTOR .Tint-Selector-Container{
margin-left:-10px;
}
}
.Tint-Product-Container {
	display:block;
	flex-basis:100%;
	max-width:200px;
	margin:0 10px;
	text-align:center;
}
.Tint-Product-Container .Product{
	width:100%;
	display:none;
}
@media screen and (max-width:761px){
	.Tint-Product-Container .Product img{
max-width:60%;
}
}
.Tint-Product-Container .Product:nth-child(1){
	display:block;
}
.Tint-Selector-Container h4{
	display:flex;
	height:30px;
	width:calc(100% - 32px);
	text-transform:uppercase;
	margin:0px 16px;
	margin-bottom:5px;
	padding:0;
	justify-content:center;
	align-items:center;
	font-weight:normal;
	font-size:16px;
	
}
@media screen and (max-width:761px){
.Tint-Selector-Container h4{
	margin:0px;
	margin-bottom:5px;
	width:100%;
	
}

.Tint-Selector-Container .Tint-Skin-Group[data-selected="1"] h4{
	background-color:#be0f34!important;
	color:#fff!important;
}
}
.Tint-Selector-Container .Tint-Skin-Group:nth-child(1) h4{
		background-color:#f2dcc8;
		color:#b57a44;
}
.Tint-Selector-Container .Tint-Skin-Group:nth-child(2) h4{
		background-color:#e4b793;
		color:#fff;
}
.Tint-Selector-Container .Tint-Skin-Group:nth-child(3) h4{
		background-color:#804b37;
		color:#fff;
}
@media screen and (max-width:761px){
.Tint-Selector-Container .Tint-Skin-Group:nth-child(1) h4{
	margin-left:16px;width:calc(100% - 16px);
}
.Tint-Selector-Container .Tint-Skin-Group:nth-child(2) h4{
	
}
.Tint-Selector-Container .Tint-Skin-Group:nth-child(3) h4{
	margin-right:16px;width:calc(100% - 16px);
}
}
.Tint-Selector-Container ul{
	display:block;
	padding:8px;
	/*background-color:#fff;*/
	margin:0;
	font-size:0;
	margin-bottom:13px;
}
@media screen and (max-width:761px){
.Tint-Selector-Container ul{
	width:calc(100vw - 16px);
	display:none;
}
.Tint-Selector-Container .Tint-Skin-Group[data-selected="1"] ul{
	display: flex!important;
    flex-wrap: wrap;
	position:relative;
	z-index:10;
   
}
#CONCEALER-TINT-SELECTOR ul{
	justify-content:center;
}
.Tint-Selector-Container .Tint-Skin-Group:nth-child(1) ul{
    margin-right: -66vw;
}
.Tint-Selector-Container .Tint-Skin-Group:nth-child(2) ul{
	  margin-left: -33vw;
	  margin-right: -33vw;
}
.Tint-Selector-Container .Tint-Skin-Group:nth-child(3) ul{
	 margin-left: -66vw;
}
}
.Tint-Selector-Container ul>li{
	display:inline-block;
	margin:8px;
	padding:0;
	width:43px;
	height:43px;
	font-size:0;
	background-color:#f2dcc8;
	background-repeat:no-repeat;
	transition: transform 0.2s ease-in-out;
}
.Tint-Selector-Container ul>li p{
	border:2px solid #be0f34;
	box-sizing:border-box;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	transition:opacity 0.2s ease-in-out;
	cursor:pointer;
}

.Tint-Selector-Container ul>li p.Selected{
	opacity:1;
}
.Tint-Selector-Container ul>li p:hover{
	opacity:1;
}
.Tint-Selector-Container ul>li:hover{
	transform:scale(1.1);
}
#CONCEALER-TINT-SELECTOR ul>li{
	background-image:url(img/concealer-tints.png);
}
#FOUNDATION-TINT-SELECTOR ul>li{
	background-image:url(img/foundation-tints.png);
}
.Tint-Selector-Container .Tint-Skin-Group:nth-child(1) ul>li{
	background-position-y:-30px;
}
.Tint-Selector-Container .Tint-Skin-Group:nth-child(2) ul>li{
	background-position-y:-103px;
}
.Tint-Selector-Container .Tint-Skin-Group:nth-child(3) ul>li{
	background-position-y:-176px;
}

.Tint-Selector-Container .Tint-Skin-Group ul>li:nth-child(1){
	background-position-x:calc(-17px - 1*60px);
}
.Tint-Selector-Container .Tint-Skin-Group ul>li:nth-child(2){
	background-position-x:calc(-17px - 2*60px);
}
.Tint-Selector-Container .Tint-Skin-Group ul>li:nth-child(3){
	background-position-x:calc(-17px - 3*60px);
}
.Tint-Selector-Container .Tint-Skin-Group ul>li:nth-child(4){
	background-position-x:calc(-17px - 4*60px);
}
.Tint-Selector-Container .Tint-Skin-Group ul>li:nth-child(5){
	background-position-x:calc(-17px - 5*60px);
}
.Tint-Selector-Container .Tint-Skin-Group ul>li:nth-child(6){
	background-position-x:calc(-17px - 6*60px);
}
.Tint-Selector-Container .Tint-Skin-Group ul>li:nth-child(7){
	background-position-x:calc(-17px - 7*60px);
}
.Tint-Selector-Container .Tint-Skin-Group ul>li:nth-child(8){
	background-position-x:calc(-17px - 8*60px);
}
.Tint-Selector-Container .Tint-Skin-Group ul>li:nth-child(9){
	background-position-x:calc(-17px - 9*60px);
}
.Tint-Selector-Container .Tint-Skin-Group ul>li:nth-child(10){
	background-position-x:calc(-17px - 10*60px);
}
.Tint-Selector-Container .Tint-Skin-Group ul>li:nth-child(11){
	background-position-x:calc(-17px - 11*60px);
}
.Tint-Selector-Container .Tint-Skin-Group ul>li:nth-child(12){
	background-position-x:calc(-17px - 12*60px);
}
.Tint-Selector-Container .Tint-Skin-Group ul>li:nth-child(13){
	background-position-x:calc(-17px - 13*60px);
}
.Tint-Selector-Container .Tint-Skin-Group ul>li:nth-child(14){
	background-position-x:calc(-17px - 14*60px);
}

#EVERLASTING-PUSH{
	background-image:url(img/push.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:416px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:40px;
	margin-bottom:40px;
}
@media screen and (max-width:761px){
	#EVERLASTING-PUSH{
		background-image:url(img/push-mobile.jpg);
		height:537px;
	}
}
#EVERLASTING-PUSH .Wrapper{
	background-color:#fff;
	max-width:756px;
	box-sizing:border-box;
	padding:30px;
}

@media screen and (max-width:1023px){
#EVERLASTING-PUSH .Wrapper{
	margin:30px 60px;
}
}
@media screen and (max-width:761px){
#EVERLASTING-PUSH .Wrapper{
		margin:30px;
	}
}
#EVERLASTING-PUSH .Wrapper .MyTitle{
	padding:20px 40px;
}
@media screen and (max-width:761px){
#EVERLASTING-PUSH .Wrapper .MyTitle{
	padding:20px 20px;
}
}
#EVERLASTING-PUSH .Wrapper p{
	margin:0 auto;
	padding:0;
	
}
#EVERLASTING-PUSH .Wrapper p.BtnLink{
	margin:20px auto;
}


/*------------------------ DTW EDITS -----------------------------*/

.MyMentionsBox {
    font-size: 10px;
    opacity: 0.5;
    padding: 0 20px;
    text-transform: initial;
    color: #000000;
}

.MyMentionswheel {
    font-size: 10px;
    opacity: 0.5;
    padding: 0 20px;
    text-transform: initial;
    color: #000000;
    margin-left: 170px;
}

#PDP-EVERLASTING-DUO-INGREDIENTS{height:615px;}

@media screen and (max-width:1112px){
#EVERLASTING-WHEEL .WheelSelector {
    right: calc(50% + 60px);
}
}

@media screen and (max-width:1111px){
	#EVERLASTING-WHEEL .WheelSelector {
    right: 408px;
}
}

@media screen and (max-width:761px){
#EVERLASTING-WHEEL[data-selecteditem="Smudgeproof"] #EVERLASTING-WHEEL-SMUDGEPROOF,
#EVERLASTING-WHEEL[data-selecteditem="Shoppingproof"] #EVERLASTING-WHEEL-SHOPPINGPROOF,
#EVERLASTING-WHEEL[data-selecteditem="Sweatproof"] #EVERLASTING-WHEEL-SWEATPROOF{
	top:38px;
}

.mobile-margin-top{margin-top: 60%;}

#EVERLASTING-WHEEL .Arrow{top: 530px;}
#EVERLASTING-WHEEL .ArrowPrev{left: 0px;}
#EVERLASTING-WHEEL .ArrowNext{right: 0px;}

 .MyMentionswheel{
    margin-left: 0px;
  }
}


@media screen and (max-width:530px) and (min-width:430px){
#EVERLASTING-INTRO  .LeftBlock{
	padding:20px 90px;
}
#EVERLASTING-WHEEL[data-selecteditem="Smudgeproof"] #EVERLASTING-WHEEL-SMUDGEPROOF,
#EVERLASTING-WHEEL[data-selecteditem="Shoppingproof"] #EVERLASTING-WHEEL-SHOPPINGPROOF,
#EVERLASTING-WHEEL[data-selecteditem="Sweatproof"] #EVERLASTING-WHEEL-SWEATPROOF{
	padding-left:104px;
}
.Tint-Selector-Container ul{
	width:calc(100vw - 146px);
	display:none;
}

.Tint-Selector-Container .Tint-Skin-Group:nth-child(2) ul{
	  margin-left: -23vw;
	  margin-right: -23vw;
}

.Tint-Selector-Container .Tint-Skin-Group:nth-child(3) ul{
	 margin-left: -50vw;
}
	}


	/*DTW EDITS*/
.MyContent .Menu {
    margin-right: 0px;
    width: 79px;
    margin-left: auto;
    margin-top: 80px;
}
#EVERLASTING-WHEEL .MyText {
    font-size: 35px;
    font-family: ClarinsRegular, Clarins;
    padding: 0;
    margin: 0;
    color: #000;
    font-weight: normal;
    line-height: 1em;
    z-index: 1;
    position: absolute;
    bottom: 285px;
    width: 100%;
    text-align: center;
    left: 0;
}
#EVERLASTING-WHEEL {
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#f5e6db;
	padding: 0px;
	overflow:hidden;
	position:relative;
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
#EVERLASTING-WHEEL .WheelSelector {
    right: 385px;
    transform: scale(0.55);
}
#EVERLASTING-WHEEL .MyText {
    font-size: 35px;
    font-family: ClarinsRegular, Clarins;
    padding: 0;
    margin: 0;
    color: #000;
    font-weight: normal;
    line-height: 1em;
    z-index: 1;
    position: absolute;
    bottom: 255px;
    width: 100%;
    text-align: center;
    left: 0;
}
} 

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (-webkit-min-device-pixel-ratio: 2) {
#EVERLASTING-HEADER {
    background-position: top center;
    background-image: url(img/header-background-mobile.jpg);
    padding: 0;
    padding-top: 364px;
    display: block;
    height: auto;
    margin: 0;
    width: 111%;
    margin-left: -6%;
}
#EVERLASTING-WHEEL {
    display: block !important;
    padding: 40px !important;
}
#EVERLASTING-WHEEL {
    justify-content: flex-start;
}
#EVERLASTING-WHEEL .WheelSelector::after {
    content: " ";
    position: absolute;
    width: 630px;
    height: 650px;
    top: 190px;
    left: 0;
    background-image: url(img/wheel-mask.png); 
    z-index: 3;
    opacity: -0.5
}
#EVERLASTING-WHEEL {
    display: block !important;
    padding: 40px !important;
    width: 80%;
    margin-left: -1%;
}
}

@media screen and (max-width:400px){
#EVERLASTING-WHEEL-SHOPPINGPROOF .MyTitle{
	background-size: auto 85%;
    transform: translateX(10px);
	}
	#EVERLASTING-WHEEL-SMUDGEPROOF .MyTitle{
	background-size: auto 85%;
    transform: translateX(10px);
	}
	#EVERLASTING-WHEEL-SWEATPROOF .MyTitle{
	background-size: auto 85%;
    transform: translateX(10px);
	}
	.mobile-margin-top{
		margin-left: 30px;
	}

}

@media screen and (max-width:375px){
#EVERLASTING-WHEEL-SHOPPINGPROOF .MyTitle{
	background-size: auto 85%;
    transform: translateX(0px);
	}
	#EVERLASTING-WHEEL-SMUDGEPROOF .MyTitle{
	background-size: auto 85%;
    transform: translateX(0px);
	}
	#EVERLASTING-WHEEL-SWEATPROOF .MyTitle{
	background-size: auto 85%;
    transform: translateX(0px);
	}
	.mobile-margin-top{
		margin-left: 10px;
	}

}

/*DTW EDIT*/
#EVERLASTING-INTRO .MyProductBlock:nth-child(1) {
    right: 5%;
    text-align: center;
    margin-right: 140px;
    top: 520px;
    width: 150px;
}
#EVERLASTING-INTRO {
    padding-bottom: 106px;
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
#EVERLASTING-INTRO .MyProductBlock:nth-child(1) {
    right: -14%;
    top: 384px;
}
#EVERLASTING-INTRO {
    padding-bottom: 0px;
}
}

@media screen and (max-width: 761px) {
#EVERLASTING-INTRO .MyProductBlock:nth-child(1) {
    right: -10%;
    top: 390px;
}
#EVERLASTING-INTRO {
    padding-bottom: 0px;
}
}