
.MyContent {
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	max-width: 1070px;
	position: relative;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.4em;
	overflow: hidden;
    width: 100%;
}


.MyContent .slick-arrow {
	position:absolute;
	background:transparent;
	border:0px #fff solid!important;
	top:245px;
	font-size:0;
	background-color:transparent;
	width:21px;
	height:21px;
	z-index:10;
	margin:0;
	padding:0;
	outline:0;
}
@media screen and (max-width:1249px) {
.MyContent .slick-arrow {
	top:255px;
}
}

@media screen and (max-width:761px) {
 .MyContent #SLIDER-TINT-MOBILE .slick-arrow {
	top:295px;
}
}

.MyContent .slick-prev {
	left:auto;
	right:calc(50% + 25px);
	background-image:url(img/arrow-prev.png);
	min-width:0px;
}
.MyContent .slick-next {
	right:auto;
	left:calc(50% + 25px);
	background-image:url(img/arrow-next.png);min-width:0px;
}
.MyContent .slick-next:after, 
.MyContent .slick-prev:after{
	display:none!important;
}
.MyContent p {
	margin: 0;
}
.MyContent .Popin .Content {
	display: none;
}
.MyContent .Popin {
	display: block;
	position: absolute;
}
.MyContent .Popin .BtnPopin {
	display: block;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	border: 2px solid #be0f34;
	text-align: center;
	line-height: 30px;
	box-sizing: border-box;
	font-size: 18px;
	color: #be0f34;
	cursor: pointer;
}
/*----------------------------------------------------------------------*/

#SLIDER-TINT-MOBILE{
width:300px;
margin:0 auto;
}
@media screen and (min-width:762px) {
#SLIDER-TINT-MOBILE{
	display:none;
}
}

/*----------------------------------------------------------------------*/

#INTENSE-LIPOIL-FINDER {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 80px;
}

@media screen and (max-width:1249px) {
#INTENSE-LIPOIL-FINDER {
	max-width: 1024px;
	margin: 0 auto;
}
}

@media screen and (max-width:1023px) {
#INTENSE-LIPOIL-FINDER {
	padding-bottom: 40px;
	padding-top: 10px;
}
}
#INTENSE-LIPOIL-FINDER .Title {
	font-size: 35px;
	color: #000;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
	padding-top: 10px;
	max-width: 970px;
	margin: 0 auto;
}
#INTENSE-LIPOIL-FINDER .Text {
	padding: 20px;
	color: #000;
	text-align: center;
	padding-top: 20px;
	margin: 0 auto;
	font-size: 16px;
	max-width: 970px;
	padding-top: 15px;
}
#INTENSE-LIPOIL-FINDER .Wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 400px;
	position: relative;
	margin: 0px;
	padding: 0 20px;
}

@media screen and (max-width:1249px) {
#INTENSE-LIPOIL-FINDER .Wrapper {
	width: 300px;
}
}

@media screen and (max-width:1023px) {
#INTENSE-LIPOIL-FINDER .Wrapper {
	width: 200px;
	margin: 0 auto;
	padding-right: 330px;
	min-height: 580px;
}
}

@media screen and (max-width:761px) {
#INTENSE-LIPOIL-FINDER .Wrapper {
	width: auto;
	margin: 0 auto;
	padding:0px;
	min-height: 80px;
	    flex-wrap: nowrap;
		display:none;
}
}

#INTENSE-LIPOIL-FINDER .Product {
	flex-basis: 25%;
}

@media screen and (max-width:1023px) {
#INTENSE-LIPOIL-FINDER .Product {
	flex-basis: 50%;
}
}
@media screen and (max-width:761px) {
#INTENSE-LIPOIL-FINDER .Product {
	flex-basis: 12.5%;
}
}
#INTENSE-LIPOIL-FINDER .Product .LipsPreview {
	display: none;
}
#INTENSE-LIPOIL-FINDER .Product .ProductDetails {
	display: none;
}
#INTENSE-LIPOIL-FINDER .Product .TintName {
	text-align: center;
	padding: 13px 0;
	line-height: 1em;
	display: block;
	position: relative;
}

@media screen and (max-width:1249px) {
#INTENSE-LIPOIL-FINDER .Product .TintName {
	font-size: 12px;
}
}

@media screen and (max-width:1023px) {
#INTENSE-LIPOIL-FINDER .Product .TintName {
	padding-bottom: 0;
}
}
@media screen and (max-width:761px) {
#INTENSE-LIPOIL-FINDER .Product .TintName {
	font-size:0;
	padding-top:20px;
}
}

#INTENSE-LIPOIL-FINDER .Product .TintName::before {
	content: " ";
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	cursor: pointer;
}

@media screen and (max-width:1249px) {
#INTENSE-LIPOIL-FINDER .Product .TintName::before {
	margin-bottom: 10px;
}
}

@media screen and (max-width:1023px) {
#INTENSE-LIPOIL-FINDER .Product .TintName::before {
	margin-bottom: 15px;
}
}

@media screen and (max-width:761px) {
#INTENSE-LIPOIL-FINDER .Product .TintName::before {
	width: 25px;
	height: 25px;
}
#INTENSE-LIPOIL-FINDER .slick-center .TintName::before {
	width:38px;
	height: 38px;
}
}

@media screen and (min-width:762px) {
#INTENSE-LIPOIL-FINDER .Product[data-select="1"] .TintName::after {
	content: " ";
	border-radius: 50%;
	width: 62px;
	height: 62px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	position: absolute;
	border: 2px solid #be0f34;
	box-sizing: border-box;
	top: 7px;
	left: calc(50% - 31px);
	cursor: pointer;
}
}

#INTENSE-LIPOIL-FINDER .slick-center .TintName::after {
	content: " ";
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    position: absolute;
    border: 2px solid #be0f34;
    box-sizing: border-box;
    top: 7px;
    left: calc(50% - 25px);
    cursor: pointer;
}

#INTENSE-LIPOIL-FINDER .Product[data-tint="01"] .TintName::before {
	background-color: #b06355;
}
#INTENSE-LIPOIL-FINDER .Product[data-tint="02"] .TintName::before {
	background-color: #c91f67;
}
#INTENSE-LIPOIL-FINDER .Product[data-tint="03"] .TintName::before {
	background-color: #a83648;
}
#INTENSE-LIPOIL-FINDER .Product[data-tint="04"] .TintName::before {
	background-color: #ce4349;
}
#INTENSE-LIPOIL-FINDER .Product[data-tint="05"] .TintName::before {
	background-color: #bf114a;
}
#INTENSE-LIPOIL-FINDER .Product[data-tint="06"] .TintName::before {
	background-color: #d82857;
}
#INTENSE-LIPOIL-FINDER .Product[data-tint="07"] .TintName::before {
	background-color: #c10523;
}
#INTENSE-LIPOIL-FINDER .Product[data-tint="08"] .TintName::before {
	background-color: #a2132f;
}
#INTENSE-LIPOIL-FINDER .Product .ProductPreview {
	padding: 0;
	margin: 0;
	margin-right: 30px;
}

#INTENSE-LIPOIL-FINDER .SkinCursor {
		padding-top:5px;
	font-size:11px;
	text-align:left;
}
#INTENSE-LIPOIL-FINDER .SkinCursor ul{
	display:flex;
	margin:0;
	padding:0;
	list-style:none;

	
}
#INTENSE-LIPOIL-FINDER .SkinCursor ul li{
	margin:0;
	padding:0;
	font-size:0;
	height:24px;
	cursor:pointer;
	position:relative;
	flex-basis:33.33%;
	background-image:url(img/cursor-skin.png);
}
#INTENSE-LIPOIL-FINDER .SkinCursor ul li.Selected{
	background-image:url(img/cursor-skin-selected.png);
}

#INTENSE-LIPOIL-FINDER .SkinCursor ul li:nth-child(1){
	background-position:top left;
}
#INTENSE-LIPOIL-FINDER .SkinCursor ul li:nth-child(2){
	background-position:top left -100%;
}
#INTENSE-LIPOIL-FINDER .SkinCursor ul li:nth-child(3){
	background-position:top left -200%;
}



@media screen and (max-width:1249px) {
#INTENSE-LIPOIL-FINDER .Product .ProductPreview {
	width: 90px;
	margin-right: 20px;
}

#INTENSE-LIPOIL-FINDER .Product .ProductPreview img{
	width: 90px;
}
}

@media screen and (min-width:762px) {
#INTENSE-LIPOIL-FINDER .Product[data-select="1"] .LipsPreview {
	padding: 0;
	margin: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	width:364px;
	height:255px;
}

}

@media screen and (max-width:1023px) and (min-width:762px) {
#INTENSE-LIPOIL-FINDER .Product[data-select="1"] .LipsPreview {
	left: 240px;
}

}

@media screen and (min-width:762px) {
#INTENSE-LIPOIL-FINDER .Product[data-select="1"] .ProductDetails {
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	position: absolute;
	top: -40px;
	left: calc(100% + 406px);
	height: 353px;
}
}
@media screen and (max-width:1249px) and (min-width:1023px) {
#INTENSE-LIPOIL-FINDER .Product[data-select="1"] .ProductDetails {
	left: calc(50% + 556px);
	height: 303px;top: -20px;
}
#INTENSE-LIPOIL-FINDER .Product[data-select="1"] .ProductDetails img{
	
}
}

@media screen and (max-width:1023px) and (min-width:762px) {
#INTENSE-LIPOIL-FINDER .Product[data-select="1"] .ProductDetails {
	left: calc(50% + 496px);
	height: 303px;
}
}

@media screen and (max-width:1023px) and (min-width:762px) {
#INTENSE-LIPOIL-FINDER .Product[data-select="1"] .ProductDetails {
	top: 250px;
	left: 240px;
}
}
#INTENSE-LIPOIL-FINDER .ShopLink {
	padding-bottom: 10px;
	padding-top: 10px;
}
#INTENSE-LIPOIL-FINDER .ShopLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	position: relative;
	padding: 16px 30px;
	display: inline-block;
	line-height: 14px;
	min-width: 110px;
	text-align: center;
	background-color: #000;
}
#INTENSE-LIPOIL-FINDER .ProductName {
	margin: 0;
	font-size: 20px;
	color: #be0f34;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
}
#INTENSE-LIPOIL-FINDER .ProductTintName {
	font-size: 14px;
	padding-top: 5px;
}

#INTENSE-LIPOIL-FINDER .ProductPrice {
	font-size: 16px;
	padding-top: 15px;
}

@media screen and (max-width:761px) {
#INTENSE-LIPOIL-FINDER .Wrapper .Product .TintName {
		display:none;
}
#INTENSE-LIPOIL-FINDER .slick-center .LipsPreview  {
	    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: scale(0.81) translateX(-50%);
    transform-origin: top left;
    margin: 0;
		
}
/*#INTENSE-LIPOIL-FINDER .slick-center .LipsPreview img {
		width:320px;max-width:320px;
		
}*/
#INTENSE-LIPOIL-FINDER .slick-center .ProductName  {
	text-align:center;
}

#INTENSE-LIPOIL-FINDER .slick-center .ProductPreview  {
		display:block;
}

#INTENSE-LIPOIL-FINDER .Product {
   padding-top:263px;
   width:35px!important;
}
#INTENSE-LIPOIL-FINDER .slick-center {
    font-size: 14px;
    width: 80px;
     /*padding-top:263px;*/
	 position:relative;
	
}
#INTENSE-LIPOIL-FINDER .slick-center .Product {
    width: 80px!important;
}
#INTENSE-LIPOIL-FINDER .slick-center .TintName{
    padding-top:13px;
	
}
#INTENSE-LIPOIL-FINDER .slick-center .TintName::after {
    top:7px;
}

#INTENSE-LIPOIL-FINDER .slick-center .Product .ProductDetails {
	display: flex;
	flex-direction: column;
	height: 200px;
	flex-wrap: wrap;
	justify-content: center;
	align-items:center;
	width: 300px;
	margin-left: -110px;
}
}
/*----------------------------------------------------------------------*/
/***DTW EDITS***/
.BtnLink{
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    position: relative;
    padding: 16px 30px;
    display: inline-block;
    line-height: 14px;
    min-width: 110px;
    border: 2px solid #e5e5e5;
    text-align: center;
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 
#INTENSE-LIPOIL-FINDER .Product .TintName {
    font-size: 14px;
}
}

@media only screen and (max-width: 1111px) and (min-width: 768px){
#INTENSE-LIPOIL-FINDER .Product[data-select="1"] .ProductDetails {
    top: 280px;
}
}

@media only screen and (max-width:761px) {
#INTENSE-LIPOIL-FINDER .slick-center .Product .ProductDetails {
    height: 230px;
    margin-top: 20px;
    justify-content: unset;
}
.BtnLink {
    top: 89%;
    position: absolute;
}
}

#INTENSE-LIPOIL-FINDER .ProductName {
    font-size: 18px;
}

@media only screen and (max-width:761px) {
	#INTENSE-LIPOIL-FINDER .ProductName {
    	font-size: 17px;
	}
	#INTENSE-LIPOIL-FINDER .Text {
    padding: 20px;
    color: #000;
    text-align: center;
    padding-top: 20px;
    margin: 0 auto;
    font-size: 13px;'
	}
	.BtnLink {
    left: -55%;
    top: 80%;
}
}
