body {
  margin: 0;
}

/**********/
/** BASE **/
/**********/

.Content {
  max-width: 1170px;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  margin: 0 auto;
  color: #000;
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",
    Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.Content * {
  box-sizing: border-box;
}

.is-desktop {
  display: block;
}

.is-mobile {
  display: none;
}

/********************/
/* SUPRALIFT-HEADER */
/********************/

.SUPRALIFT-HEADER {
  position: relative;
  display: flex;
  max-width: 1170px;
  width: 100%;
  background: #4bb0a8;
  justify-content: right;
}

.SUPRALIFT-HEADER_txt {
    position: relative;
    color: #fff;
    text-align: center;
	margin: auto 0;
	padding: 10px;
}

.SUPRALIFT-HEADER_h1 {
    font-size: 35px;
	line-height: 35px;
    font-family: ClarinsRegular, 'Clarins';
	font-weight: normal;
}

.SUPRALIFT-HEADER_h2 {
    line-height: 21px;
	font-weight: normal;
}

@media screen and (min-width: 769px) {
	.SUPRALIFT-HEADER_img{
		background: #4bb0a8;
	}
	.SUPRALIFT-HEADER_img {
		max-width: 806px;
		width: 100%;
	}
	.SUPRALIFT-HEADER_img img {
		width: 100%;
	}
	.SUPRALIFT-HEADER_txt {
		margin-right: 50px;
	}
}

@media screen and (min-width: 769px) and (max-width: 993px) {
	.SUPRALIFT-HEADER_img {
		width: 75%;
	}
	.SUPRALIFT-HEADER_txt {
    margin: auto 10px;
	}
	.SUPRALIFT-HEADER_h1 {
    font-size: 30px;
	}
	.SUPRALIFT-HEADER_h2 {
    font-size: 15px;
	}
}

@media screen and (max-width: 768px) {
	.is-desktop {
	  display: none;
	}

	.is-mobile {
	  display: block;
	}
	
	.SUPRALIFT-HEADER_img {
		max-width: 768px;
		width: 100%;
	}
	
	.SUPRALIFT-HEADER_img img {
		width: 100%;
		
	}
	
	.SUPRALIFT-HEADER {
	  display: block;
	  max-width: 1170px;
	  width: 100%;
	  background: #4bb0a8;
	}
}

/*************/
/** INTRO **/
/*************/

.SUPRALIFT-INTRO {
    text-align: center;
    display: grid;
    justify-content: space-around;
    width: 75%;
    margin: 30px auto;
}

.SUPRALIFT-INTRO_wrapper {
    width: 100%;
    margin: auto;
}

.SUPRALIFT-INTRO .title {
    font-size: 35px;
    margin: 0;
    font-family: ClarinsRegular, "Clarins";
    font-weight: normal;
}


/* .SUPRALIFT-INTRO { */
	/* text-align: center; */
	/* margin-top: 30px; */
	/* margin-bottom: 30px; */
/* } */

/* h2.title span { */
    /* font-size: 100px; */
    /* line-height: 100px; */
/* } */


.SUPRALIFT-INTRO_wrapper {
    margin: auto;
}

.SUPRALIFT-INTRO_wrapper {
    width: 75%;
}

/*************/
/** PRODUCT **/
/*************/

.SUPRALIFT-PRODUCT {
    margin: auto;
	position: relative;	
}

.SUPRALIFT-PRODUCT_wraper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	margin-bottom: 100px;
}

.SUPRALIFT-PRODUCT_CTA {
    top: 460px;
	margin-bottom: 40px;
    position: absolute;
}

.SUPRALIFT-PRODUCT_text {
    width: 35%;
    margin-left: 10%;
}

.SUPRALIFT-PRODUCT_text .title {
    color: #be0f34;
    font-size: 35px;
    margin: 0;
    font-family: ClarinsRegular, "Clarins";
	font-weight: normal;
}

p.BtnLink {
	margin: 0 auto;
	width: 165px;
}

p.BtnLink.category {
	max-width: 235px;
}

p.BtnLink a {
	display: flex;
	height: 50px;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #000;
	font-size: 11px;
	line-height: 1em;
}

@media screen and (max-width: 992px) {
	.SUPRALIFT-PRODUCT {
		margin: auto;
		width: 100%;
	}

	.SUPRALIFT-PRODUCT_wraper {
		display: block;
		margin: auto;
		width: 100%;
	}

	.SUPRALIFT-PRODUCT_img {
		max-width: 420px;
		margin: auto;
		width: 100%;
	}
	
	.SUPRALIFT-PRODUCT_CTA {
		width: 230px;
		top: 0;
		margin-bottom: 0;
		position: relative;
		margin: auto;
	}

	.SUPRALIFT-PRODUCT_img img {
		width: 100%;
		background: red;
	}

	.SUPRALIFT-PRODUCT_text {
		text-align: center;
		margin: auto;
		margin-top: 20px;
		width: 75%;
	}
}

/**************/
/** ALLIANCE **/
/**************/

.SUPRALIFT-ALLIANCE {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
	margin-top: 20px;
}

.SUPRALIFT-ALLIANCE_intro {
	margin: auto;
	width: 75%;
}

.SUPRALIFT-ALLIANCE_wraper {
    width: 100%;
}

.SUPRALIFT-ALLIANCE_intro .title {
    color: #8bcfb8;
    font-size: 35px;
    margin: 0;
    font-family: ClarinsRegular, "Clarins";
	font-weight: normal;
}

.SUPRALIFT-ALLIANCE_bloc1, .SUPRALIFT-ALLIANCE_bloc2 {
    background-color: #8bcfb8;
    width: 300px;
    color: #fff;
    padding: 20px 50px;
    margin: 20px auto;
}

.SUPRALIFT-ALLIANCE_bloc1 img, .SUPRALIFT-ALLIANCE_bloc2 img {
    width: 210px;
}

.SUPRALIFT-ALLIANCE_plus {
    font-size: 40px;
	color: #8bcfb8;
}

.SUPRALIFT-ALLIANCE_orange_img {
    margin-bottom: 20px;
}

.SUPRALIFT-ALLIANCE_orange_img img {
	width: 100%
}

@media screen and (min-width: 993px) {
	.SUPRALIFT-ALLIANCE_vert {
		display: flex;
		margin-bottom: -220px;
		position: relative;
	}
	
	.SUPRALIFT-ALLIANCE_plus {
		font-size: 60px;
		color: #8bcfb8;
		width: 74px;
		margin-top: 20px;
	}
	
	.SUPRALIFT-ALLIANCE_orange_img img {
		margin: auto;
		margin-right: 65px;
		max-width: 800px;
	}
	
	.SUPRALIFT-ALLIANCE_orange_text {
		margin-top: -175px;
		position: absolute;
		width: 320px;
		text-align: right;
		margin-left: 260px;
	}
}

@media screen and (max-width: 992px) {
	.SUPRALIFT-ALLIANCE {
		margin: auto;
		width: 100%;
		margin-top: 50px;
	}
	
	.SUPRALIFT-ALLIANCE_wraper {
		display: block;
		margin: auto;
		width: 100%;
	}
	
	.is-desktop {
		display: none;
	}
	
	.is-mobile {
		display: block;
	}
	
	.SUPRALIFT-ALLIANCE_orange_img img {
		max-width: 420px;
		margin: auto;
	}
	
	.SUPRALIFT-ALLIANCE_orange_text {
		width: 75%;
		margin: auto;
	}
}

/**********/
/* ETAPES */
/**********/

.SUPRALIFT-ETAPES_title .title {
    color: #8bcfb8;
    font-size: 35px;
    font-family: ClarinsRegular, "Clarins";
	font-weight: normal;
}

.SUPRALIFT-ETAPES_bloc-vert {
	background-image: url("../img/Titre_1-vert.jpg");
	background-position: top left;
	background-size: cover;
	background-repeat: no-repeat;
	width: 420px;
	height: 110px;
}

.SUPRALIFT-ETAPES_bloc-jaune {
	background-image: url("../img/Titre_2-jaune.jpg");
	background-position: top left;
	background-size: cover;
	background-repeat: no-repeat;
	width: 420px;
	height: 110px;
}

.SUPRALIFT-ETAPES_bloc-vert p, .SUPRALIFT-ETAPES_bloc-jaune p {
	text-align: left;
    margin-left: 70px;
    vertical-align: revert;
    justify-content: center;
    align-items: center;
	padding-right: 20px;

}

.SUPRALIFT-ETAPES_bloc-vert p {
    padding-top: 30px;
}

.SUPRALIFT-ETAPES_bloc-jaune p {
	padding-top: 30px;
}

.SUPRALIFT-ETAPES_title {
    text-align: center;
}

.SUPRALIFT-ETAPES_text-cadre {
    background-image: url("../img/Encart_72_d.png");
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    width: 800px;
    height: 115px;
    margin: auto;
}

.SUPRALIFT-ETAPES_cadre-wraper {
    display: flex;
    align-items: center;
    height: 115px;
}

.SUPRALIFT-ETAPES_cadre1 {
    width: 315px;
    text-align: center;
}

p.SUPRALIFT-ETAPES_cadre-p1 {
    text-align: center;
    font-size: 65px;
    color: #fff;	
}

sup.cadre72 {
    font-size: 45%;
    vertical-align: top;
    top: 0.5em;
}

.SUPRALIFT-ETAPES_cadre2 {
    width: 480px;
    text-align: left;
}

p.SUPRALIFT-ETAPES_cadre-p2 {
    padding: 0 20px;
}

@media screen and (min-width: 801px) {
	.SUPRALIFT-ETAPES {
		text-align: center;
	}

	.SUPRALIFT-ETAPES_wraper {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.SUPRALIFT-ETAPES_blocs {
		margin-left: -50px;
		padding-top: 25px;
	}

	.SUPRALIFT-ETAPES_img-mascara img {
		width: 200px;
		display: block;
		margin: auto;
	}

	.SUPRALIFT-ETAPES_text {
		width: 420px;
		position: relative;
		margin-top: -235px;
		text-align: right;
		margin-right: 370px;
	}
}

@media screen and (max-width: 800px) {
	.SUPRALIFT-ETAPES {
		margin: auto;
		width: 100%;
	}
	
	.SUPRALIFT-ETAPES_wraper {
		display: block;
		margin: auto;
		text-align: center;
	}
	
	.SUPRALIFT-ETAPES_bloc-vert,
	.SUPRALIFT-ETAPES_bloc-jaune {
		margin: auto;
	}
	
	.SUPRALIFT-ETAPES_bloc-vert p,
	.SUPRALIFT-ETAPES_bloc-jaune p {
		padding-top: 29px;
		margin-left: 60px;
		width: 345px;
	}

	.SUPRALIFT-ETAPES_text {
		width: 75%;
		margin: auto;
	}

	.SUPRALIFT-ETAPES_text-cadre {
		background-image: url("../img/Encart_72_m.png");
		background-position: top left;
		background-size: cover;
		background-repeat: no-repeat;
		width: 420px;
		height: 80px;
		margin: auto;
	}

	.SUPRALIFT-ETAPES_cadre-wraper {
		height: 80px;
	}

	.SUPRALIFT-ETAPES_cadre1 {
		width: 150px;
	}

	p.SUPRALIFT-ETAPES_cadre-p1 {
		font-size: 35px;
	}

	.SUPRALIFT-ETAPES_cadre2 {
		width: 264px;
	}

	p.SUPRALIFT-ETAPES_cadre-p2 {
		padding: 0 10px;
	}
}

@media screen and (max-width: 420px) {
	.SUPRALIFT-ETAPES_text-cadre {
		width: 320px;
		height: 61px;
		margin: auto;
	}
	.SUPRALIFT-ETAPES_cadre-wraper {
		height: 61px;
	}

	.SUPRALIFT-ETAPES_cadre1 {
		width: 111px;
	}

	p.SUPRALIFT-ETAPES_cadre-p1 {
		font-size: 25px;
	}

	.SUPRALIFT-ETAPES_cadre2 {
		width: 205px;
	}

	p.SUPRALIFT-ETAPES_cadre-p2 {
		font-size: 12px;
	}	
	
	.SUPRALIFT-ETAPES_bloc-vert {
		width: 320px;
		height: 84px;
		margin: 10px auto;
	}

	.SUPRALIFT-ETAPES_bloc-jaune {
		width: 320px;
		height: 84px;
		margin: auto;
	}

	.SUPRALIFT-ETAPES_bloc-vert p {
		padding-top: 12px;
	}

	.SUPRALIFT-ETAPES_bloc-jaune p {
		padding-top: 18px;
	}

	.SUPRALIFT-ETAPES_bloc-vert p, 
	.SUPRALIFT-ETAPES_bloc-jaune p {
		text-align: left;
		margin-left: 44px;
		font-size: 12px;
		margin-top: 0;
		width: 270px;
	}
}

/************/
/** CADRES **/
/************/

.SUPRALIFT-CADRES_wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

.SUPRALIFT-CADRES_bloc1-wraper, 
.SUPRALIFT-CADRES_bloc2-wraper, 
.SUPRALIFT-CADRES_bloc3-wraper, 
.SUPRALIFT-CADRES_bloc4-wraper {
    display: flex;
	width: 45%;
}

.SUPRALIFT-CADRES_title .title, 
.SUPRALIFT-CADRES_subtitle .title {
    color: #8bcfb8;
    font-size: 35px;
    font-family: ClarinsRegular, "Clarins";
	font-weight: normal;
	text-align: center;
}

.SUPRALIFT-CADRES_subtitle h3.title {
    font-size: 25px;
}

.SUPRALIFT-CADRES_bloc1-img img, 
.SUPRALIFT-CADRES_bloc2-img img, 
.SUPRALIFT-CADRES_bloc3-img img, 
.SUPRALIFT-CADRES_bloc4-img img {
    max-width: 320px;
    width: 100%;
    display: block;
}

.SUPRALIFT-CADRES_bloc1-text, 
.SUPRALIFT-CADRES_bloc2-text, 
.SUPRALIFT-CADRES_bloc3-text, 
.SUPRALIFT-CADRES_bloc4-text {
	text-align: center;
    width: 260px;
    padding-left: 40px;
	padding-right: 40px;
	margin: auto;
}

.SUPRALIFT-CADRES_bloc1-wraper {
    background-color: #fffbb2;
}

.SUPRALIFT-CADRES_bloc2-wraper {
	background-color: #d2f1b5;
}

.SUPRALIFT-CADRES_bloc3-wraper {
	background-color: #bee7d9;
}

.SUPRALIFT-CADRES_bloc4-wraper {
	background-color: #85cac5;
}

.SUPRALIFT-CADRES_subtitle {
	margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
	.SUPRALIFT-CADRES_wrapper{
		display: block;
		width: 100%;
		margin: auto;
	}
	
	.SUPRALIFT-CADRES_bloc1-wraper, 
	.SUPRALIFT-CADRES_bloc2-wraper, 
	.SUPRALIFT-CADRES_bloc3-wraper, 
	.SUPRALIFT-CADRES_bloc4-wraper {
		width: 60%;
		margin: auto;
	}
	
	.SUPRALIFT-CADRES_bloc1-wraper, 
	.SUPRALIFT-CADRES_bloc3-wraper {
		margin-bottom: 20px;
	}
	
	.SUPRALIFT-CADRES_subtitle {
		width: 75%;
		margin: auto;
	}
	
	.SUPRALIFT-CADRES_subtitle p {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 575px) {
	.SUPRALIFT-CADRES_bloc1-wraper, 
	.SUPRALIFT-CADRES_bloc2-wraper, 
	.SUPRALIFT-CADRES_bloc3-wraper, 
	.SUPRALIFT-CADRES_bloc4-wraper {
		width: 100%;
	}
}

@media screen and (max-width: 320px){
	.SUPRALIFT-CADRES_bloc1-text p,
	.SUPRALIFT-CADRES_bloc2-text p,
	.SUPRALIFT-CADRES_bloc3-text p,
	.SUPRALIFT-CADRES_bloc4-text p {
		font-size: 13px;
	}
}

/**************/
/*** SLIDER ***/
/**************/

.dp-block1__header {
  font-family: ClarinsRegular, "Clarins";
  font-weight: normal;
  font-size: 35px;
  text-align: center;
  color: #8bcfb8;
}

.dp-block1__body {
	border: solid 1px #e9e9e9;
    width: 630px;
    padding: 30px 20px;
    background-image: url("../img/trace-mascara.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
    border-right: none;
	/* margin-top: 50px; */
}

section.dp-block1 {
	margin-top: 50px;
}

.dp-block1__look-p {
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 24px;
  width: 90%;
  text-align: center;
  margin: 0 auto;
  background: #fff;
}

.dp-block1__look-gain-container {
  display: flex;
  justify-content: space-around;
  padding-top: 10px;
  flex-wrap: wrap;
}

.dp-block1__look-gain {
  text-align: center;
  background: #fff;
}

.dp-block1__look-gain-txt1,
.dp-block1__look-gain-txt1 sup {
  font-size: 48px;
  background: -webkit-linear-gradient(#6f9d78, #bbdbbf);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dp-block1__look-gain-txt1 {
  letter-spacing: -0.02em;
}

.dp-block1__look-gain-txt1 sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}

.dp-block1__look-gain-txt2 {
  color: #5c8865;
  font-size: 18px;
  position: relative;
  top: -5px;
}

.dp-block1__look-gain-txt3 {
  color: #5c8865;
  font-size: 12px;
  position: relative;
  top: -5px;
}

.dp-block1__look-gain-container {
  border-bottom: #7ca784;
}

.dp-block1__look-border {
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #709e79, #c1e0c5);
  margin: 20px 0;
}

.dp-block1__look-lash-container {
  display: flex;
  padding-top: 30px;
}

.dp-block1__look-lash {
  width: 50%;
  text-align: center;
  position: relative;
}

.dp-block1__look-lash img {
  width: 160px !important;
}

.dp-block1__look-lash p {
  margin-top: 5px;
}

.dp-block1__look-lash:first-child::after {
  content: "+";
  display: block;
  position: absolute;
  right: 0;
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 36px;
  color: #333333;
  top: calc(50% - 30px);
}

.dp-block1__container {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

.dp-block1__beforeAfter {
  position: relative;
  /* margin-left: 20px; */
  width: 424px;
  height: 100%;
}

.dp-block1__beforeAfter > img {
  position: absolute;
  top: -20px;
  left: 20px;
  width: 100%;
}

.dp-block1__beforeLabel,
.dp-block1__afterLabel {
  position: absolute;
  bottom: 10px;
  z-index: 1;
  text-transform: uppercase;
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
  font-size: 18px;
}

.dp-block1__beforeLabel {
  left: 10px;
}

.dp-block1__afterLabel {
  right: 10px;
}

.dp-block1_mentions {
  text-align: center;
  padding: 0 10px;
  margin-bottom: 40px;
  padding-top: 10px;
}

.dp-block1_mention2,
.dp-block1_mention3 {
  font-size: 11px;
  opacity: 0.5;
  margin: 0;
}

/** SLIDER BEFORE AFTER **/

.Photo img {
    display: block;
}

.BeforeAfter {
  overflow: hidden;
  position: relative;
}

.BeforeAfter figure {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}
.BeforeAfter figure .PanoBefore {
  position: relative;
  display: block;
}
.BeforeAfter figure .PanoAfter {
  position: absolute;
  width: 50%;
  overflow: hidden;
  bottom: 0;
  height: 100%;
  border-right: 1px solid #000;
}
.BeforeAfter figure .PanoAfter .Photo {
  position: absolute;
  height: 100%;
  width: auto;
  top: 0;
  left: 0;
}

.BeforeAfter figure .Photo span {
  position: absolute;
  bottom: 10px;
  text-transform: uppercase;
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",
    Helvetica, Arial, sans-serif;
  font-size: 18px;
}
.BeforeAfter figure .PanoBefore .Photo span {
  right: 10px;
}
.BeforeAfter figure .PanoAfter .Photo span {
  left: 10px;
}
.BeforeAfter input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  top: 0;
  left: 0px;
  background-color: transparent;
  height: 100%;
  width: 100%;
}
.BeforeAfter input[type="range"]:focus {
  outline: none;
  background-color: transparent;
}
.BeforeAfter input[type="range"]:active {
  outline: none;
  background-color: transparent;
}

.BeforeAfter input[type="range"]::-moz-range-track {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  position: relative;
  outline: none;
}
.BeforeAfter input[type="range"]::active {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  outline: none;
}
.BeforeAfter input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 61px;
  height: 61px;
  border-radius: 0;
  outline: none;
}
.BeforeAfter input[type="range"]::-moz-range-thumb {
  -moz-appearance: none;
  width: 61px;
  height: 61px;
  border-radius: 0;
  border: none;
  outline: none;
}

.BeforeAfter .handle {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 7px;
  margin-left: -3px;
  cursor: ew-resize;
}

.BeforeAfter .handle:after {
  position: absolute;
  bottom: 20%;
  width: 48px;
  height: 48px;
  content: "";
  left: -24px;
  border-radius: 0;
  background: url("../img/arrows.png"), #fff;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: solid 1px #000;
}

@media screen and (max-width: 761px) {
  .BeforeAfter input[type="range"]::-webkit-slider-thumb {
    background-size: 40px auto;
    background-position: center center;
  }
  .BeforeAfter input[type="range"]::-moz-range-thumb {
    background-size: 40px auto;
    background-position: center center;
  }
}

.BeforeAfter input[type="range"]:focus::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.BeforeAfter input[type="range"]:focus::-moz-range-thumb {
  -moz-appearance: none;
}

.BeforeAfter input[type="range"]:focus::-webkit-slider-runnable-track {
  background-color: transparent;
}

@media screen and (max-width: 1024px) {
  .dp-block1__body {
    width: 530px;
  }
  .dp-block1__look-lash-container {
    padding-top: 15px;
  }
}

@media screen and (max-width: 930px) {
  .dp-block1__look-lash-container {
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  .dp-is-desktop {
    display: none;
  }

  .dp-is-mobile {
    display: block;
  }

  .dp-block1__container {
    flex-direction: column;
    padding: 0 10px;
  }

  .dp-block1__body {
    width: 100%;
    padding: 10px 10px;
    height: auto;
    margin-bottom: 50px;
	background-image: none;
	border: solid 1px #e9e9e9;
  }

  .dp-block1__look-p {
    width: 100%;
  }

  .dp-block1__look-lash-container {
    padding: 0;
  }

  .dp-block1__beforeAfter {
    margin-left: 0;
    width: 320px;
    height: 320px;
    margin: 0 auto;
  }

  .dp-block1__beforeAfter img {
    width: 320px;
    top: -10px;
    left: 10px;
  }

  .dp-block1__look-lash img {
    width: 130px!important;
  }

  .dp-block1__look-lash:first-child::after {
    top: 20%;
    right: -8px;
  }
}

@media screen and (max-width: 320px) {
  .dp-block1__look-p {
    font-size: 20px;
  }
  .dp-block1__beforeAfter {
    width: 300px;
    height: 300px;
  }
  .dp-block1__beforeAfter > img {
    width: 300px;
  }
  .dp-block1__body {
    padding: 5px;
  }
  .dp-block1__look-lash p {
    font-size: 11px;
  }
  .dp-block1__look-lash:first-child::after {
    font-size: 20px;
    top: 35%;
    right: -2px;
  }
  .dp-block1__container {
	margin-bottom: 20px;
  }
}

.dp-block1_hashtag {
    background: url(../img/Fond_hashtag_d.png);
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 1055px;
	width: 100%
    height: 50px;
    background-size: cover;
    margin: auto;
}

.dp-block1_hashtag p {
    font-size: 30px;
    color: #fff;
    margin: auto;
    text-align: center;
    letter-spacing: 0.6em;
    text-align: center;
    padding: 10px;
}

@media screen and (min-width: 769px) and (max-width: 1024px){
	.dp-block1_hashtag {
		max-width: 955px;
		width: 100%
	}	
	.dp-block1__body {
		padding: 20px 0;
	}
	.dp-block1_hashtag p {
		letter-spacing: 0.3em;
	}
}

@media screen and (min-width: 769px) and (max-width: 800px){
	.dp-block1__body {
		padding: 0
	}
		.dp-block1_hashtag p {
		letter-spacing: 0.3em;
	}
}

@media screen and (max-width: 769px) {
.dp-block1_hashtag {
    background: url(../img/Fond_hashtag_m.png);
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 715px;
    background-size: cover;
}

.dp-block1_hashtag p {
    font-size: 15px;
    letter-spacing: 0.6em;
    padding: 10px;
}
}

@media screen and (max-width: 510px){
.dp-block1_hashtag p {
    font-size: 12px;
    letter-spacing: 0.3em;
	}
}