/*********************************Product Evaluator ***********************************************/
#form-product-finder {
	font-family: ApercuBold;
	font-size: 18px;
	line-height: 26px;
}
.pro-btns-container span {
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid;
  color: white;
  border-radius: 30px;
  cursor: pointer;
  width: 170px;
  text-align: center;
  background: #c4c4c4;
}
.prev-btn {
  float: left;
}
.pro-btns-container span.prev-btn {
	color: white;
	background: #df4661;
	border-color: #df4661;
}
.next-btn, .go-btn {
  float: right;
}
.product-container {
  display: none;
  position: relative;
}
.product-container.active {
	display: block;
}
.product-container span {
	display: inline-block;
	color: white;
	background: #df4661;
	border-radius: 150px;
	padding: 0 15px 0;
	text-align: center;
	width: 200px;
	height: 200px;
	vertical-align: top;
	margin: 16px 15px;
	cursor: pointer;
	transition: 0.5s;
	border: 2px solid #df4661;
	position: relative;
}
.product-container span em {
	font-style: normal;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.product-container {
	text-align: center;
	min-height: 480px; 
}
.product-container h3, .product-container h2 {
	text-align: left;
}
.product-container h3 {
	font-family: Apercu;
	font-size: 22px;
	line-height: 30px;
	color: #df4661;
}
.product-container h2 {
	font-family: ApercuBold;
	font-size: 52px;
	line-height: 60px;
	margin-top: 0;
	margin-bottom: 50px;
}
.age-container .control-label {
	display: none;
}
.product-container.start-container span {
	width: 270px;
	height: 270px;
	font-family: ApercuBold;
	font-size: 36px;
	line-height: 26px;
}
.product-container.skin-goal-container span {
	width: 130px;
	height: 130px;
}
.product-container span.active {
    background: #12161C;
    border: 2px solid #12161C;
}
.product-container span:hover {
    border-radius: 300px;
    /* margin-top: 0; */
    border: 2px solid #df4661;
}
.product-container span.active:hover {
    border: 2px solid #12161C;
}
.product-container .form-type-select {
    display: none;
}

div#edit-skin-goal-wrapper span.btn-evo.active, div#edit-skin-goal-wrapper span.btn-evo.active:hover {
  background: #12161C;
  color: white;
  border-color: #12161C;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .product-container span {
    background-clip: padding-box;
  }
}
.product-container .form-item.form-type-select.form-item-age-id {
  display: block;
}
span.prgress-state, span.next-btn, span.go-btn {
  cursor: default;
  text-align: center;
}
span.next-btn.active, span.go-btn.active {
  cursor: pointer;
}
span.prev-btn:hover, span.next-btn.active {
	color: #fff;
	background: #df4661;
	text-align: center;
}
span.next-btn.active:hover, span.go-btn.active:hover {
    background: #535353;
    color: white;
    border-color: #535353;
}

.pro-btns-container span.prgress-state {
  height: 54px;
  width: 54px;
  text-indent: -9999px;
  border-radius: 0;
  padding: 0;
  border: none;
}
.go-btn.active {
  background: #DF4661;
  color: white;
  border-color: #DF4661;
}
#edit-products-btn-wrapper {
  /* margin-top: 30px; */
}
#form-product-finder .form-submit {
  display: none;
}
#edit-age-id {
	border: 1px solid #dedede;
	width: 490px;
	padding: 8px 25px;
	margin: 0 auto;
	text-align: center;
	font-size: 23px;
	height: 80px;
	background: url("img/select.png") no-repeat;
	background-color: #F5F5F4;
	border: none;
	text-align: left;
	border-radius: 50px;
	font-family: ApercuBold;
	appearance: none;
	background-position: right 30px center;  
}
/* #edit-products-btn-wrapper[data-current="skin-type"] .prev-btn, */
#edit-products-btn-wrapper[data-current="skin-type"] .prgress-state, 
#edit-products-btn-wrapper[data-current="skin-type"] .go-btn {
    display: none;
}
#edit-products-btn-wrapper[data-current="skin-type"] .next-btn {
    float: right;
}
#edit-products-btn-wrapper[data-current="skin-type"] .prev-btn {
    visibility: hidden;
	opacity: 0;
}
#edit-products-btn-wrapper.hidy > span {
	opacity: 0;
	visibility: hidden;
}
#form-product-finder span.prgress-state {
	display: none;
}
/* #edit-products-btn-wrapper[data-current="skin-type"] {
    display: none;
} */

#edit-products-btn-wrapper[data-current="skin-goal"] .go-btn, 
#edit-products-btn-wrapper[data-current="gender"] .go-btn {
    display: none;  
}

#edit-products-btn-wrapper[data-current="age"] .next-btn {
    display: none;
}
#edit-products-btn-wrapper[data-current="start"] .prev-btn, #edit-products-btn-wrapper[data-current="start"] .next-btn {
	display: block;
	visibility: hidden;
	opacity: 0;
}
#form-product-finder .go-btn {
	display: none;
}
#form-product-finder #edit-products-btn-wrapper[data-current="age"] .go-btn {
	display: block;
	width: auto;
}
#form-product-finder #edit-products-btn-wrapper[data-current="age"] .go-btn.active { 
	display: block;
	width: auto;
}
/************** Loading images  **********/
#edit-products-btn-wrapper[data-current="skin-goal"] span.prgress-state {
  background: url(/themes/custom/filabe/images/skin-evaluator_25.png) no-repeat;
}
#edit-products-btn-wrapper[data-current="gender"] span.prgress-state {
  background: url(/themes/custom/filabe/images/skin-evaluator_50.png) no-repeat;
}
#edit-products-btn-wrapper[data-current="age"] span.prgress-state {
  background: url(/themes/custom/filabe/images/skin-evaluator_75.png) no-repeat;
}
#edit-products-btn-wrapper {
	max-width: none;
	margin-right: auto;  
	margin-left: 0;
	margin-bottom: 0;
	overflow: hidden;
	background: transparent;
	padding: 5px 14% 60px;
	border-radius: 0 0 25px 25px;
	max-width: 1160px;
}
#form-product-finder {
  /* padding-bottom: 30px;
    padding-top: 80px; */
}

#edit-skin-form-wrapper {
	background: transparent;
	margin-bottom: 0;
	padding: 0 50px 0;
	border-radius: 25px 25px 0 0;
	max-width: 1160px;
}
.product-container.form-group {
	margin-bottom: 0; 
}
.topOverlay #form-product-finder {
	margin-top: 60px;
}
.description-evo {
	display: none;
}
.description-evo p {
	margin: 0;
}
.pro-btns-container span.description-pf {
	width: 480px;
	min-height: 48px;
	background: none;
	border: none;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	color: #12161CCC;
	font-family: Apercu;
	padding: 0 25px;
	justify-content: center;
	align-items: center;
	display: none;
}

@media all and (min-width: 767px) {
	#edit-skin-goal-wrapper h3, #edit-skin-goal-wrapper h2 {
		position: relative;
		left: -85px;
	}
}

#edit-age-wrapper .form-item.form-type-select {
	margin-bottom: 0;
}
@media all and (min-width: 1035px) {
	#edit-products-btn-wrapper {
		padding: 45px 14% 60px;
	}
}

@media all and (min-width: 768px) {
  #edit-products-btn-wrapper[data-current="skin-type"]  #description-skinType.active {
		display: inline-flex;
	}
  #edit-skin-type-wrapper h2, #edit-gender-wrapper h2 {
		margin-bottom: 70px;
	}
  div#edit-skin-form-wrapper {
    height: auto;
  }
  #edit-gender-wrapper {
  }
  #edit-skin-goal-wrapper span.btn-evo {
    height: 160px;
    margin: 2px 5px;
    padding: 58px 2px 0;
    width: 160px;
  }
  #edit-skin-goal-wrapper {
    max-width: 890px;
    margin: 0 auto;
  }
  #edit-age-wrapper {
    position: relative;
  }
  .form-item-age-id {
		margin-top: 150px;
	}
}

@media all and (min-width: 768px) and (max-width: 1035px) {
  /* .product-container span {
    padding: 65px 15px 0;
    width: 180px;
    height: 180px;
    margin: 16px 0;
  } */
}

@media all and (max-width: 767px) {
  /* .description-evo.active {
		display: flex;
		font-size: 14px;
		justify-content: center;
		align-items: center;
		margin-top: 15px;
		line-height: 24px;
		font-family: Apercu;
		padding: 0 15px;
	}
  .product-container span {
    padding: 0 5px 0;
    width: 160px;
    height: 160px;
    margin: 5px 5px;
    border-color: transparent;
  }
  .pro-btns-container span.prev-btn, .pro-btns-container span.next-btn, .pro-btns-container span.go-btn  {
  }
  div#edit-gender-wrapper span {
    padding-top: 58px;
  }
  .block-filabe-extras {
    text-align: center;
  }
  .pro-btns-container span {
    padding: 10px 5px;
    width: 110px;
  }
    div#edit-skin-goal-wrapper span.prgress-state {
      position: relative;
      top: -3px;
    }
    div#edit-skin-goal-wrapper div#edit-gender-wrapper span {
      padding-top: 60px;
    }
  div#edit-skin-form-wrapper {
    height: auto;
  }
  div#edit-skin-type-wrapper {
    padding-top: 0;
  }
  div#edit-gender-wrapper {
    padding-top: 0;
  }
  div#edit-age-wrapper {
  }
  .form-item-age-id {
		margin-top: 100px;
	}
	#form-product-finder {
		padding-bottom: 0;
		padding-top: 0;
	}
	.product-container h3 {
		font-size: 18px;
		line-height: 26px;
		padding-left: 15px;
	}
	.product-container h2 {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 30px;
		padding-left: 15px;
	}
	.product-container.start-container span {
		width: 162px;
		height: 162px;
		font-family: ApercuBold;
		font-size: 20px;
		line-height: 26px;
		margin-top: 80px;
	}
	div#edit-skin-goal-wrapper span.btn-evo {
		width: 95px;
		height: 95px;
		margin: 5px 3px;
		font-size: 12px;
		line-height: 14px;
	}
	.product-container span {
		width: 95px;
		height: 95px;
		font-size: 12px;
		line-height: 14px;
	}
	div#edit-skin-type-wrapper span.btn-evo, div#edit-gender-wrapper span.btn-evo {
		width: 120px;
		height: 120px;
	}
	#edit-age-id {
		width: 100%;
		font-size: 16px;
		height: 54px;
	}
	#form-product-finder #edit-products-btn-wrapper[data-current="age"] .go-btn {
		width: auto;
		padding: 10px;
	}
	#form-product-finder {
		font-size: 16px;
	}
	.pro-btns-container span {
		width: 100px;
	}
	#edit-skin-form-wrapper {
		padding: 10px 5px 0;
	}
	#edit-products-btn-wrapper {
		padding: 5px 20px 20px;
		margin-bottom: 0;
	}
	#edit-skin-type-wrapper h2 {
		margin-bottom: 15px;
	}
	#edit-gender-wrapper h2 {
		margin-bottom: 100px;
	}
	.topOverlay #form-product-finder {
		margin-top: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	div.paragraph.topOverlay.productFinder {
		margin-top: -170px;
	}
	.product-container {
		min-height: 449px; 
	}
	html[lang="fr"] .product-container {  
		min-height: 465px;
	} */
}

@media all and (max-width: 380px) {

}


@media all and (min-width: 580px) and (max-width: 1024px) {
	/* .product-container span {
		margin: 12px 12px;
	}
	#edit-products-btn-wrapper {
		padding-top: 20px;
	}
	#edit-skin-goal-wrapper span.btn-evo {
		margin: 12px 12px;
	}
	.product-container {
		min-height: 650px; 
	}
	#edit-skin-goal-wrapper span.btn-evo {
		height: 145px;
		margin: 12px 12px;
		padding: 58px 2px 0;
		width: 145px;
	}
	.product-container.start-container h2 {
		margin-bottom: 150px;
	}
	#edit-skin-type-wrapper h2 {
		margin-bottom: 50px;
	}
	#edit-gender-wrapper h2 {
	  margin-bottom: 140px;
	}
	#edit-skin-goal-wrapper h2 {
		margin-bottom: 25px;
	} */
}


/*************** Variant 2 Layout ****************/

.productfinderv2 .product-container span {
	background: white;
	color: #df4661;
	border-color: #df4661;
}
.productfinderv2 .product-container span:hover,
.productfinderv2 .pro-btns-container span.prev-btn:hover {
	background: #ff6e73;
	color: #fff;
	border-color: #ff6e73;
}
.productfinderv2 .pro-btns-container span {
	background: white;
	color: #D0D0D4;
	border-color: #D0D0D4;
}
.productfinderv2 .pro-btns-container span.prev-btn {
	background: white;
	color: #df4661;
	border-color: #df4661;
}
.productfinderv2 .product-container span.active {
	background: #df4661;
	color: white;
	border-color: #df4661;
}
.productfinderv2 .pro-btns-container span.active {
	background: #df4661;
	color: white;
	border-color: #df4661;
}
.productfinderv2 .pro-btns-container span.description-pf.active {
	background: white;
	color: #df4661;
}
.productfinderv2 div#edit-skin-goal-wrapper span.btn-evo.active, 
.productfinderv2 div#edit-skin-goal-wrapper span.btn-evo.active:hover {
	background: #df4661;
	border-color: #df4661;
}
.productfinderv2 div#edit-skin-goal-wrapper span.btn-evo.active:hover,
.productfinderv2 .pro-btns-container span.active:hover,
.productfinderv2 .product-container span.active:hover {
	background: #e31a45;
	border-color: #e31a45;
	color: #fff;
}

.productfinderv2 .product-container span em {
	z-index: 9;
}
.popup-description {
	position: absolute;
	background: white;
	color: #df4661;
	box-shadow: 0 0 10px 0 #808080a6;
	border-radius: 15px;
	padding: 40px 40px 30px;
	bottom: 70px;
	width: 260px;
	left: -30px;
	font-family: ApercuBold;
	font-size: 16px;
	line-height: 20px;
}
.popup-description .closeme {
	left: auto;
	right: 0;
	top: 30px;
	padding: 4px 14px 8px;
	line-height: 25px;
	position: absolute;
	color: transparent;
	background: url("/themes/custom/filabe/images/close.svg") no-repeat;
	background-size: 30px;
	background-position: center;
	border: none;
	width: 50px;
	height: 50px;
	margin: -32px 0px 0px -50px;
}
.popup-description::after {
	content: '';
	border-width: 20px;
	border-style: solid;
	border-color: white transparent transparent transparent;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -39px;
}

.popup-description {
	display: none;
}
.productfinderv2 .product-container span.active .popup-description {
	display: block;
}
.productfinderv2 #edit-products-btn-wrapper[data-current="skin-type"] #description-skinType.active {
	display: none;
}

.pfv3 .popup-wrapper {
	display: none;
}

.popup-wrapper.poped h3 {
	font-size: 26px;
	line-height: 36px;
}
.popup-wrapper.poped p {
	font-size: 18px;
	line-height: 28px;
}

.pfv3 .product-container span em {
	position: static;
}
.pfv3 .product-container span {
	display: inline-block;
	color: #757575;
	background: transparent;
	border-radius: 0;
	padding: 0;
	text-align: left;
	width: auto;
	height: auto;
	vertical-align: top;
	margin: auto;
	cursor: pointer;
	transition: 0.5s;
	border: 0;
	position: relative;
	font-family: Apercu;
}

.pfv3 .product-container span.btn-evo {
	display: inline-block;
	color: #757575;
	background: white;
	border-radius: 150px;
	padding: 9px 20px;
	text-align: center;
	margin: 16px 15px;
	border: 2px solid #bdbdbd;
}
.pfv3 .product-container div.popup-btn > em {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/modules/custom/product_finder/img/info.svg) no-repeat;
	text-indent: -9999px;
	background-size: cover;
	position: absolute;
	left: -8px;
}
.pfv3 .product-container span.btn-pops {
	margin: 0 20px;
}
.pfv3 .product-container h2.maintitle-evo, .pfv3 #edit-skin-type-wrapper h2.maintitle-evo, .pfv3 #edit-gender-wrapper h2.maintitle-evo {
	font-size: 26px;
	line-height: 36px;
	text-align: center;
	margin-bottom: 30px;
}
.pfv3 .product-container h3.subtitle-evo {
	font-family: Apercu;
	font-size: 16px;
	line-height: 22px;
	color: #757575;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 0;
	min-height: 80px;
}
.popup-wrapper.pfv3 {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000a6;
	z-index: 9999;
}
.wrapper-description {
	background: white;
	max-width: 800px;
	text-align: center;
	min-height: 500px;
	margin: 10% auto 0;
	/* transform: translateY(-50%); */
	padding: 60px 30px;
	position: relative;
}
.wrapper-description div.closeme {
	width: 24px;
	height: 24px;
	background: url("/modules/custom/product_finder/img/close.svg") no-repeat;
	background-size: cover;
	/* background-color: black; */
	border-radius: 50%;
	position: absolute;
	right: 50px;
	top: 35px;
	cursor: pointer;
}
.btns-wrapper.skin-type-btns {
	max-width: 610px;
	margin: 0 auto;
}
.pfv3 .product-container {
	text-align: center;
	min-height: 350px;
}
.pfv3 .product-container span.btn-evo.active {
	color: #df4661;
	border-color: #df4661;
	padding: 9px 20px;
	padding-left: 33px;
}
.pfv3 .product-container span.btn-evo::before {
  left: 2px;
  content: '';
  transition: 0.5s;
}
.pfv3 .product-container span.btn-evo.active::before {
	content: '';
	width: 15px;
	height: 12px;
	background: url(/modules/custom/product_finder/img/yes.svg) no-repeat;
	display: inline-block;
	background-size: contain;
	/* position: relative;
	left: -8px;
	top: 1px; */
	position: absolute;
	left: 12px;
	top: 18px;
	transition: 0.5s;
}
.description-pf {
	display: none !important;
}
.btns-wrapper.skin-goal-btns {
	max-width: 680px;
	margin: 0 auto;
}
.pfv3 div#edit-skin-goal-wrapper span.btn-evo.active, .pfv3 div#edit-skin-goal-wrapper span.btn-evo.active:hover {
	background: white;
	color: #df4661;
	border-color: #DF4661;
	padding-left: 33px;
}
.pfv3 #edit-gender-wrapper {
	min-height: 270px;
}
.pfv3 #edit-age-wrapper {
	min-height: 300px;
}
.pfv3 .form-item-age-id {
	margin-top: 20px;
}
.pfv3 #edit-age-id {
	background-color: white;
	box-shadow: none;
	border: 2px solid #a3a3a3;
	color: #757575;
	font-family: Apercu;
	font-size: 18px;
	line-height: 30px;
	height: 48px;
	width: 310px;
	background: url("/modules/custom/product_finder/img/select.svg") no-repeat;
	background-position: 93% 20px;
}
.pro-btns-container .btns-container span {
	padding: 7px 20px;
	width: 140px;
}
.pro-btns-container .btns-container span.prev-btn {
	color: #333;
	background: transparent;
	border-color: transparent;
	padding: 7px 15px;
	width: auto;
}
.btns-container {
	max-width: 300px;
	margin: 0 auto;
}
.pfv3 #edit-skin-goal-wrapper h3, .pfv3 #edit-skin-goal-wrapper h2 {
	position: static;
	left: -85px;
}
.pfv3 #edit-skin-goal-wrapper h3, .pfv3 #edit-skin-goal-wrapper h2 {
	position: relative;
	left: 0;
}
.btns-container span.prev-btn::before {
	content: '';
	display: inline-block;
	background: url("/modules/custom/product_finder/img/black-arw.svg") no-repeat;
	width: 10px;
	height: 10px;
	background-size: cover;
	position: relative;
	top: -1px;
	right: 10px;
}
.btns-container span.next-btn::after {
	content: '';
	display: inline-block;
	background: url("/modules/custom/product_finder/img/white-arw.svg") no-repeat;
	width: 13px;
	height: 11px;
	background-size: cover;
	position: relative;
	top: -1px;
	right: -8px;
}
 #edit-products-btn-wrapper[data-current="skin-type"] .btns-container .prev-btn {
	visibility: visible;
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}
.pfv3 #edit-skin-goal-wrapper span.btn-evo {
	height: auto;
	margin: 16px 15px;
	padding: 9px 20px;
	width: auto;
	transition: 0.5s;
}
body > .popup-wrapper.poped {
	position: fixed;
	display: block;
	background: #0000007d;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 99999999;
	height: 100%;
}
.wrapper-description h3 {
	font-family: ApercuBold;
	margin-bottom: 24px;
}
.wrapper-description img {
	margin-top: 50px;
}

.progress-wrapper {
	display: block;
	width: 160px;
	height: 4px;
	background: #e9e9e9;
	margin: 0 auto;
}
.pfv3 .product-container h3.subtitle-evo {
	position: relative;
}
.progress-wrapper {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 15px;
	text-align: left;
	border-radius: 10px;
	overflow: hidden;
}
.product-container span.progress-fixed {
	display: inline-block;
	background: #df4661;
	width: 40px;
	height: 4px;
}
.skin-goal-container.product-container span.progress-fixed {
	width: 80px;
}
.gender-container.product-container span.progress-fixed {
	width: 120px;
}
.age-container.product-container span.progress-fixed {
	width: 160px;
}

/* New progress bar */
.pfv3 .product-container .progress-wrapper span {
	display: none;
}
.pfv3 .product-container .progress-wrapper {
	width: 172px;
	height: 24px;
	border-radius: 0;
	border: 0;
	background: url(/themes/custom/filabe/images/1-4.svg);
}
.pfv3 .skin-goal-container.product-container .progress-wrapper {
	background: url(/themes/custom/filabe/images/2-4.svg);
}
.pfv3 .gender-container.product-container .progress-wrapper {
	background: url(/themes/custom/filabe/images/3-4.svg);
}
.pfv3 .age-container.product-container .progress-wrapper {
	background: url(/themes/custom/filabe/images/4-4.svg);
}







@media all and (min-width: 768px) {
	.pfv3 #edit-skin-goal-wrapper h3 {
		min-height: 95px;
	}
	#edit-gender-wrapper h3 {
		min-height: 95px;
	}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	.progress-wrapper {
		bottom: 5px;
	}
}

@media all and (max-width: 767px) {
	/* .productfinderv2 #edit-skin-type-wrapper > span:nth-of-type(n+3) .popup-description {
		bottom: auto;
		top: 70px;
	}
	.productfinderv2 #edit-skin-type-wrapper > span:nth-of-type(n+3) .popup-description::after {
		bottom: auto;
		top: -39px;
		border-color: transparent transparent white transparent;
	}
	.popup-description {
		font-size: 14px;
		line-height: 16px;
		width: 177px;
		padding: 20px 25px 16px;
		bottom: 60px;
		color: #12161CBF;
		font-family: Apercu;
	}
	.popup-description .closeme {
		display: none;
	}
	.productfinderv2 #edit-skin-type-wrapper > span:nth-of-type(n+3) .popup-description {
		bottom: auto;
		top: 60px;
	}
	.productfinderv2 .description-evo.active {
		display: none;
	} */
	.progress-wrapper {
		bottom: -27px;
	}
	.pfv3 .form-item-age-id {
		margin-top: 40px;
	}
	.btns-wrapper.gender-btns {
		margin-top: 25px;
	}
	
	.productFinder .pfv3 div#edit-skin-type-wrapper span.btn-evo, .productFinder .pfv3 div#edit-gender-wrapper span.btn-evo {
		width: auto;
		height: auto;
	}
	.pfv3#edit-skin-form-wrapper {
		padding: 0 10px 0;
	}
	#edit-products-btn-wrapper {
		margin-top: 35px;
	}
	body > .popup-wrapper.poped {
		background: white;
	}
	.wrapper-description div.closeme {
		top: 0;
	}
	.pfv3 #edit-skin-goal-wrapper span.btn-evo {
		margin: 10px 8px;
		padding: 9px 15px;
	}
	.pfv3 #edit-skin-goal-wrapper span.btn-evo {
		padding: 9px 18px;
	}
	.pfv3 .product-container span.btn-evo::before {
	  left: 0px;
	}
	
	.btns-wrapper {
		margin-top: 50px !important;
	}
	.age-container.product-container .progress-wrapper {
		bottom: 0px;
	}
	html[lang="fr"] .age-container.product-container .progress-wrapper,
	html[lang="en"] .age-container.product-container .progress-wrapper {
		bottom: -25px;
	}
	#edit-skin-goal-wrapper .subtitle-evo .progress-wrapper {
		bottom: -40px;
	}
	.btns-wrapper.skin-goal-btns {
		margin-top: 60px !important;
	}	
	#edit-age-wrapper .subtitle-evo {
		min-height: 65px;
	}
	.pfv3 #edit-skin-goal-wrapper span.btn-evo.active[data-tid="9"], .pfv3 #edit-skin-goal-wrapper span.btn-evo.active[data-tid="10"] {
		margin-left: 0;
		margin-right: 0;
	}
	html[lang="en"] .pro-btns-container .btns-container span.prev-btn {
		padding: 7px 13px;
	}
	
	
}

@media all and (max-width: 367px) {
	.pfv3 #edit-skin-goal-wrapper span.btn-evo {
		padding: 9px 15px;
	}
	.pfv3 div#edit-skin-goal-wrapper span.btn-evo.active, .pfv3 div#edit-skin-goal-wrapper span.btn-evo.active:hover {
		padding-left: 30px;
	}
}

@media all and (min-width: 1025px) {
	.popup-hover .btn-evo .popup-description {
		display: none !important;
	}
	.popup-hover .btn-evo .popup-description .closeme {
		display: none !important;
	}
	.popup-hover .btn-evo:hover .popup-description {
		display: block !important;
	}
}