body.stop-scroll {
  height: 100%;
  overflow: hidden;
}

#lp_exp-inn {
  font-size: 10px;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  color: #333;
  text-align: left;
}

#lp_exp-inn h1,
#lp_exp-inn h2,
#lp_exp-inn h3,
#lp_exp-inn h4,
#lp_exp-inn h5,
#lp_exp-inn h5,
#lp_exp-inn p,
#lp_exp-inn ul,
#lp_exp-inn li {
  margin: 0;
  padding: 0;
}

#lp_exp-inn .clr-f {
  font-family: "ClarinsRegular", "Times New Roman", Times, serif;
  font-weight: normal;
}

#lp_exp-inn .gb-f {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  font-weight: 400;
}

#lp_exp-inn .gm-f {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  font-weight: 500;
  /*font-weight: bold;*/
}

#lp_exp-inn .red-c-t {
  color: #b40024;
}

#lp_exp-inn .dark-c-t {
  color: #333;
}

#lp_exp-inn section {
  display: block;
}

#lp_exp-inn .e-in-wr {
  margin: 0 auto;
}

#lp_exp-inn .e-in-header {
  background: linear-gradient(#a39a98, #a39a98),
    url(../images/e-inn-header.jpg) 34% bottom no-repeat;
  background-size: auto 168%;
  display: flex;
  align-items: center;
  background-blend-mode: multiply;
  padding: 7.5em 0 4.5em 0;
  margin-bottom: 3.6em;
}

@media all and (-ms-high-contrast: none) {
  #lp_exp-inn *::-ms-backdrop,
  #lp_exp-inn .e-in-header {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
      url(../images/e-inn-header.jpg) center center no-repeat;
  }
}

#lp_exp-inn .e-in-title {
  font-family: "ClarinsRegular", "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 3.5em;
  line-height: 1em;
  color: #ffffff;
  text-align: center;
}

#lp_exp-inn .e-in-t-small {
  font-size: 0.5714em;
  text-transform: uppercase;
}

#lp_exp-inn .e-in-intro {
  margin-bottom: 7.7em;
}

#lp_exp-inn .e-in-intro .e-in-wr {
  width: 84.8%;
}

#lp_exp-inn .e-in-intro-txt {
  font-size: 2.4em;
  line-height: 1.3333em;
  text-align: center;
}

#lp_exp-inn .e-in-p-belle {
  margin-bottom: 9em;
}

#lp_exp-inn .e-in-p-belle .e-in-col-l {
  width: 84.8%;
  margin: 0 auto 4em auto;
}

#lp_exp-inn .e-in-box-title {
  font-family: "ClarinsRegular", "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 3.5em;
  line-height: 1em;
  margin-bottom: 1.0285em;
}

#lp_exp-inn .e-in-box-txt,
#lp_exp-inn .e-in-box-txt-m {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  font-weight: 400;
  font-size: 1.4em;
  line-height: 1.4285em;
}

#lp_exp-inn .e-in-box-txt-m {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  font-weight: 500;
}

#lp_exp-inn .e-in-rect {
  position: relative;
  margin-left: 4.8%;
  padding: 4.2666%;
}

#lp_exp-inn .e-in-rect:before,
#lp_exp-inn .e-in-rect:after {
  content: "";
  width: 24.7em;
  height: 25.6em;
  max-width: 300px;
  max-height: 300px;
  overflow: hidden;
  display: block;
  background-color: #b40024;
  position: absolute;
  z-index: 1;
}

#lp_exp-inn .e-in-rect:before {
  top: 0;
  left: 0;
  background: url(../images/e-inn-rect.svg) left top no-repeat;
  background-size: cover;
}

#lp_exp-inn .e-in-rect.e-in-rect-v:before {
  background: url(../images/e-inn-rect-vert.svg) left top no-repeat;
  background-size: cover;
}

#lp_exp-inn .e-in-rect:after {
  bottom: 0;
  right: 0;
}

#lp_exp-inn .e-in-rect .e-in-wr {
  background: url(../images/e-inn-jc-clarins-bgr.jpg) center center no-repeat;
  background-size: cover;
  z-index: 3;
  position: relative;
  padding: 4.3076% 8.6153% 8.6153%;
  box-sizing: border-box;
}

#lp_exp-inn .e-in-rect .e-in-box-txt {
  color: #ffffff;
  margin-top: 1.1428em;
}

#lp_exp-inn .e-in-col-belle-txt {
  font-family: "ClarinsRegular", "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 2.4em;
  line-height: 1.3333em;
  color: #ffffff;
}

#lp_exp-inn .e-in-p-quote {
  margin-bottom: 0.8333em;
}

#lp_exp-inn .e-in-p-quote:before {
  content: "\201C";
  font-size: 5em;
  text-align: center;
  line-height: 1em;
  display: inline-block;
  width: 100%;
  height: 0.4583em;
  overflow: hidden;
}

#lp_exp-inn .e-in-p-belle-img {
  width: 100%;
  height: auto;
  display: block;
  transform: translateX(-23%);
}

#lp_exp-inn .e-in-nature-txt {
  width: 85%;
  margin: 0 auto 3.5em auto;
}

#lp_exp-inn .e-in-natetn-img {
  position: relative;
  padding: 0 4% 0 11.2%;
}

#lp_exp-inn .e-in-natetn-img img {
  width: 100%;
  height: auto;
  display: block;
}

#lp_exp-inn .e-in-box-cta {
  text-decoration: underline;
  color: #333333;
  display: inline-block;
  padding-top: 0.7142em;
}

#lp_exp-inn .e-in-box-cta:hover {
  color: #b40024;
}

#lp_exp-inn .e-inn-red-box {
  width: 16em;
  background-color: #b40024;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  font-weight: 500;
  font-size: 1.6em;
  line-height: 1em;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  padding: 0.875em 0;
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translate(58%, -50%) rotate(-90deg);
  text-align: center;
}

#lp_exp-inn .e-inn-col-title {
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
    sans-serif;
  font-weight: 500;
  font-size: 1.4em;
  line-height: 1.1em;
  margin-bottom: 2.1428em;
  color: #b40024;
  text-transform: uppercase;
}

#lp_exp-inn .e-in-nature {
  margin-bottom: 4.6em;
}

#lp_exp-inn .e-in-nature .e-in-col-l {
  margin: 0 auto 5.5em auto;
}

#lp_exp-inn .e-in-nature .e-in-col-l.e-in-natetn-img {
  margin-bottom: 0;
}

#lp_exp-inn .e-inn-heart:before,
#lp_exp-inn .e-inn-heart:after {
  content: "";
  width: 4.1em;
  height: 4.4em;
  display: inline-block;
  background: url(../images/e-inn-heart.svg) center center no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 3%;
  transform: translateY(-28%);
  z-index: 3;
}

#lp_exp-inn .e-inn-heart:before {
  width: 3.1em;
  height: 3.4em;
  right: 15%;
  transform: translateY(-80%);
}

#lp_exp-inn .e-in-nat-ethno {
  margin-bottom: 7.5em;
}

#lp_exp-inn .e-in-etno {
  margin-bottom: 7.5em;
}

#lp_exp-inn .e-in-etno .e-in-natetn-img {
  padding: 0 11.2% 0 0;
}

#lp_exp-inn .e-in-etno .e-inn-red-box {
  right: 0;
  transform: translate(42%, -50%) rotate(-90deg);
}

#lp_exp-inn .e-in-plants {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#lp_exp-inn .e-in-plants-item {
  flex: 0 1 50%;
}

#lp_exp-inn .e-in-plants-item img {
  width: 100%;
  height: auto;
  display: block;
}

#lp_exp-inn .e-in-art-wrap:after {
  content: "";
  display: table;
  width: 100%;
}

#lp_exp-inn .e-in-art-box {
  width: 85%;
  margin: 0 auto;
}

#lp_exp-inn .e-in-art-box.e-in-art-box-second {
  margin: 0 auto 3.5em auto;
}

#lp_exp-inn .e-in-art-box.e-in-art-box-third {
  margin: 0 auto 5.5em auto;
}

#lp_exp-inn .e-in-art-box.e-in-art-full {
  width: 100%;
}

#lp_exp-inn .e-in-art {
  margin-bottom: 8em;
}

#lp_exp-inn .e-in-art .e-in-rect {
  margin-left: 0;
  padding: 4.2666% 0 0 4.2666%;
  margin-bottom: 2.5em;
}

#lp_exp-inn .e-in-art .e-in-rect:before {
  width: 21.8em;
  height: 22.5em;
}

#lp_exp-inn .e-in-art .e-in-rect:after {
  display: none;
}

#lp_exp-inn .e-in-art .e-in-rect .e-in-wr {
  background: none;
  padding: 0;
}

#lp_exp-inn .e-in-art .e-in-rect .e-in-wr img {
  transform: translateX(0);
}

#lp_exp-inn .e-in-art .e-in-rect .e-inn-heart:before {
  top: auto;
  bottom: 100%;
  transform: translateY(0);
  right: 20%;
}

#lp_exp-inn .e-in-art .e-in-rect .e-inn-heart:after {
  right: 10%;
  transform: translateY(-40%) rotate(15deg);
}

#lp_exp-inn .e-in-art .e-in-art-box-forth {
  order: 4;
}

#lp_exp-inn .e-in-art .e-in-quote {
  width: 85.6%;
}

#lp_exp-inn .e-in-mixed .e-in-art-wrap {
  display: flex;
  flex-direction: column;
}

#lp_exp-inn .e-in-quote {
  margin: 0 auto;
}

#lp_exp-inn .e-in-quote:before {
  content: "\201C";
  font-size: 10em;
  text-align: left;
  line-height: 0.7em;
  display: inline-block;
  width: 100%;
  height: 0.2833em;
  overflow: hidden;
}

#lp_exp-inn .e-in-quote-title {
  font-family: "ClarinsRegular", "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 4.8em;
  line-height: 1em;
  margin-bottom: 0.2083em;
}

#lp_exp-inn .e-in-quote-txt {
  font-family: "ClarinsRegular", "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 2.4em;
  line-height: 1em;
}

#lp_exp-inn .e-in-les-wrap {
  width: 93%;
  max-width: 1290px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 1px solid #cfcac9;
  padding: 0 1em 3em;
}

#lp_exp-inn .e-in-les-test {
  margin-bottom: 8em;
}

#lp_exp-inn .e-in-les-test .e-inn-col-title {
  display: inline-block;
  box-sizing: border-box;
  background-color: #ffffff;
  padding: 0;
  border-right: 4px solid #fff;
  border-left: 4px solid #fff;
  transform: translateY(-0.5em);
  margin-bottom: 1em;
}

#lp_exp-inn .e-in-les-test .e-in-les-col,
#lp_exp-inn .e-in-les-test .e-in-les-col-inn {
  margin-bottom: 2em;
}

#lp_exp-inn .e-in-les-test .e-in-les-col .e-in-box-txt,
#lp_exp-inn .e-in-les-test .e-in-les-col-inn .e-in-box-txt {
  margin-bottom: 1.4285em;
}

#lp_exp-inn .e-in-les-test .e-in-les-col:last-of-type,
#lp_exp-inn .e-in-les-test .e-in-les-col .e-in-box-txt:last-of-type,
#lp_exp-inn .e-in-les-test .e-in-les-col-inn:last-of-type,
#lp_exp-inn .e-in-les-test .e-in-les-col-inn .e-in-box-txt:last-of-type {
  margin-bottom: 0;
}

#lp_exp-inn .e-in-naturale {
  margin-bottom: 7em;
}

#lp_exp-inn .e-in-rect.e-in-rect-sec {
  width: 84%;
  padding: 2em 0 0 2em;
  box-sizing: border-box;
  margin: 0 auto;
}

#lp_exp-inn .e-in-rect.e-in-rect-sec:before {
  width: 22.3em;
  height: 21.7em;
}

#lp_exp-inn .e-in-rect.e-in-rect-sec:after {
  display: none;
}

#lp_exp-inn .e-in-rect.e-in-rect-sec .e-in-box-txt {
  color: #333;
}

#lp_exp-inn .e-in-rect.e-in-rect-sec .e-in-box-txt:first-of-type {
  margin-top: 0;
}

#lp_exp-inn .e-in-rect.e-in-rect-sec .e-in-wr {
  background-image: none;
  background-color: #ffffff;
  padding: 7.3076% 2% 7.6153% 7.6153%;
}

#lp_exp-inn .e-in-naturale-wrap {
  padding-top: 113.6%;
  background: url(../images/e-inn-naturale.jpg) left top no-repeat;
  background-size: 140%;
}

#lp_exp-inn .e-inn-les-naturale-img {
  display: none;
}

#lp_exp-inn .e-in-avant .e-inn-col-title {
  color: #333;
  margin-bottom: 2em;
}

#lp_exp-inn .e-in-avant .e-in-art-box-first {
  order: 1;
}

#lp_exp-inn .e-in-avant .e-in-art-box-fourth {
  order: 2;
}

#lp_exp-inn .e-in-avant .e-in-art-box-second {
  order: 3;
}

#lp_exp-inn .e-in-avant .e-in-art-box-third {
  order: 4;
}

#lp_exp-inn .e-in-legend {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
    sans-serif;
  font-weight: 400;
  font-size: 1.4em;
  line-height: 1em;
}

#lp_exp-inn .e-in-avant {
  margin-bottom: 9.4em;
}

#lp_exp-inn .e-in-avant .e-in-box-title {
  margin-bottom: 0.6333em;
}

#lp_exp-inn .e-in-avant .e-in-art-box-first {
  margin-bottom: 4em;
}

#lp_exp-inn .e-in-avant .e-in-art-box-third {
  order: 3;
  margin: 0;
}

#lp_exp-inn .e-in-avant .e-in-quote {
  margin-bottom: 4em;
}

#lp_exp-inn .e-in-avant .e-in-quote-txt {
  margin-bottom: 0.7em;
}

#lp_exp-inn .e-in-avant .e-in-box-txt {
  margin-bottom: 3em;
}

#lp_exp-inn .e-in-avant .e-in-box-txt:last-of-type {
  margin-bottom: 0;
}

#lp_exp-inn .e-in-avant .e-in-p-belle-img {
  transform: translateX(0);
}

#lp_exp-inn .e-in-avant .e-in-art-box-full {
  width: 100%;
}

#lp_exp-inn .e-in-expertise {
  margin-bottom: 8em;
}

#lp_exp-inn .e-in-exp-img {
  display: none;
}

#lp_exp-inn .e-in-exp-wrap {
  background: url(../images/e-inn-exp-m.jpg) center top no-repeat;
  background-size: 100%;
  padding-top: 113.8666%;
}

#lp_exp-inn .e-in-exp-wrap .e-in-box-cta {
  padding-top: 1.31em;
}

#lp_exp-inn .e-in-vid {
  padding: 6em 0 3em;
  background: url(../images/e-inn-video-bgr.jpg) 10em top no-repeat;
  background-size: 90%;
}

#lp_exp-inn .e-in-vid img {
  width: 100%;
  height: auto;
  display: block;
}

#lp_exp-inn .e-in-methodes .e-in-rect:before,
#lp_exp-inn .e-in-methodes .e-in-rect:after {
  display: none;
}

#lp_exp-inn .e-in-methodes .e-in-rect.e-in-rect-sec {
  padding: 0;
}

#lp_exp-inn .e-inn-s-xl {
  display: none;
}

.vid-popin {
  display: none;
}

.vid-popin.active {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  padding: 0;
}

.vid-popin-bgr {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
}

.vid-popin-bgr:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/pop-close-white.png) center center no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-100%, 100%);
  cursor: pointer;
}

.vid-yt-holder {
  position: absolute;
  width: 90%;
  max-width: 860px;
  height: auto;
  max-height: calc(100vh - 100px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
}

.vid-yt {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

.vid-yt iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 375px) {
  #lp_exp-inn {
    font-size: 2.6666vw;
  }
}

@media only screen and (min-width: 460px) {
  #lp_exp-inn .vid-yt-holder {
    width: 80%;
  }
}

@media only screen and (min-width: 762px) {
  #lp_exp-inn {
    font-size: 1.3123vw;
  }
  #lp_exp-inn .e-in-mixed .e-in-art-wrap {
    display: block;
  }
  #lp_exp-inn .e-in-mixed .e-in-art-box-l,
  #lp_exp-inn .e-in-mixed .e-in-art-box-l.e-in-art-full {
    float: left;
    box-sizing: border-box;
    width: 55.74%;
    padding: 0;
  }
  #lp_exp-inn .e-in-mixed .e-in-art-box-l {
    padding: 0 0 0 4.1em;
  }
  #lp_exp-inn .e-in-mixed .e-in-art-box-l.e-in-art-box-full {
    padding: 0;
  }
  #lp_exp-inn .e-in-mixed .e-in-art-box-r {
    float: right;
    width: 40.51%;
    padding: 0 4.3em 0 0;
    box-sizing: border-box;
  }
  #lp_exp-inn .e-in-header {
    padding: 12em 0 13em;
    background-position: 27% bottom;
    background-size: auto 150%;
  }
  #lp_exp-inn .e-in-title {
    font-size: 4.8em;
  }
  #lp_exp-inn .e-in-t-small {
    font-size: 0.4166em;
  }
  #lp_exp-inn .e-in-cols {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #lp_exp-inn .e-in-col {
    flex: 0 1 50%;
    box-sizing: border-box;
  }
  #lp_exp-inn .e-in-p-belle .e-in-col {
    flex: 0 1 50%;
  }
  #lp_exp-inn .e-in-p-belle .e-in-col-l {
    margin: 0;
    padding-top: 2em;
  }
  #lp_exp-inn .e-in-rect {
    margin-left: 0;
    padding: 2.2666%;
  }
  #lp_exp-inn .e-in-box-space {
    padding: 0 2em 0 4.1em;
    box-sizing: border-box;
  }
  #lp_exp-inn .e-in-box-space.e-in-box-space-r {
    padding: 0 4em 0 2em;
  }
  #lp_exp-inn .e-in-box-space-top {
    padding: 5.2em 4.8em 0 6em;
  }
  #lp_exp-inn .e-in-box-title {
    font-size: 4.8em;
    line-height: 1.05em;
    margin-bottom: 0.75em;
  }
  #lp_exp-inn .e-in-column {
    flex-direction: column;
  }
  #lp_exp-inn .e-in-r-w-s-m {
    white-space: nowrap;
  }
  #lp_exp-inn .e-in-nature-txt {
    width: 100%;
    margin: 0;
  }
  #lp_exp-inn .e-in-end {
    align-items: flex-end;
  }
  #lp_exp-inn .e-in-box-space-bottom {
    padding: 0 2em 2em 4em;
  }
  #lp_exp-inn .e-in-box-space-bottom.e-in-box-space-r {
    padding: 0 4em 2em 2em;
  }
  #lp_exp-inn .e-in-row-reverse {
    flex-direction: row-reverse;
  }
  #lp_exp-inn .e-in-col-first {
    margin-bottom: 4em;
  }
  #lp_exp-inn .e-in-col-first .e-in-nature-txt:last-of-type {
    padding: 0 6em 2em 0em;
  }
  #lp_exp-inn .e-in-natetn-img {
    padding: 0 0 0 5.5%;
  }
  #lp_exp-inn .e-inn-heart:before {
    width: 3.7em;
    height: 4em;
    right: 19%;
  }
  #lp_exp-inn .e-inn-heart:after {
    width: 4.9em;
    height: 5.2em;
    right: 6%;
  }
  #lp_exp-inn .e-in-nature {
    margin-bottom: 0;
  }
  #lp_exp-inn .e-in-etno .e-in-natetn-img {
    padding: 0 5.5% 0 0;
  }
  #lp_exp-inn .e-in-etno .e-in-nature-txt {
    padding: 9.6em 8em 0 4.1em;
  }
  #lp_exp-inn .e-in-plants-item {
    flex: 0 1 33.33%;
  }
  #lp_exp-inn .e-in-plants-item:last-of-type {
    display: none;
  }
  #lp_exp-inn .e-in-art .e-in-art-box-first {
    margin-bottom: 3em;
  }
  #lp_exp-inn .e-in-art .e-in-quote {
    width: 52.6%;
  }
  #lp_exp-inn .e-in-les-test .e-in-les-col {
    margin-bottom: 0;
  }
  #lp_exp-inn .e-in-les-test .e-in-les-cols {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  #lp_exp-inn .e-in-les-test .e-in-les-col-l {
    flex: 0 1 64%;
  }
  #lp_exp-inn .e-in-les-test .e-in-les-col-r {
    flex: 0 1 29%;
  }
  #lp_exp-inn .e-in-les-wrap {
    width: 95%;
    padding: 0 2em 4em;
  }
  #lp_exp-inn .e-in-naturale-wrap {
    background: url(../images/e-inn-naturale.jpg) -6% top no-repeat;
    background-size: 74%;
    padding-top: 0;
  }
  #lp_exp-inn .e-in-naturale-wrap:after {
    content: "";
    display: table;
    width: 100%;
  }
  #lp_exp-inn .e-in-naturale-wrap .e-in-rect {
    width: 55%;
    float: right;
    margin: 0 auto -1px auto;
  }
  #lp_exp-inn .e-in-naturale-wrap .e-in-rect .e-in-wr {
    padding: 13.3076% 11% 7.6153% 7.6153%;
  }
  #lp_exp-inn .e-in-avant .e-in-art-box-second {
    padding: 4em 4.3em 0 0;
  }
  #lp_exp-inn .e-in-avant .e-in-art-box-third {
    margin-bottom: 3em;
  }
  #lp_exp-inn .e-in-avant .e-in-art-box-l.e-in-art-box-fourth {
    padding: 0;
  }
  #lp_exp-inn .e-in-avant .e-in-art-box-l.e-in-art-box-fourth .e-in-quote {
    width: 50%;
    margin: 0 auto;
  }
  #lp_exp-inn .e-in-expertise {
    margin-bottom: 10em;
  }
  #lp_exp-inn .e-in-exp-wrap {
    background: url(../images/e-inn-exp-t.jpg) left top no-repeat;
    background-size: 68%;
    padding: 3.8em 0 4.8em;
  }
  #lp_exp-inn .e-in-exp-wrap:after {
    content: "";
    width: 100%;
    display: table;
  }
  #lp_exp-inn .e-in-exp-wrap .e-in-rect {
    float: right;
    width: 52%;
  }
  #lp_exp-inn .e-in-exp-wrap .e-in-rect.e-in-rect-sec .e-in-wr {
    padding: 11.3076% 11% 16.6153% 7.6153%;
  }
  #lp_exp-inn .e-in-methodes .e-in-cols {
    flex-direction: row-reverse;
    align-items: center;
  }
  #lp_exp-inn .e-in-methodes .e-in-rect.e-in-rect-sec {
    flex: 0 1 50%;
    padding: 0 0 0 4.1em;
  }
  #lp_exp-inn .e-in-methodes .e-in-rect.e-in-rect-sec .e-in-wr {
    padding: 0;
  }
  #lp_exp-inn .e-in-vid {
    flex: 0 1 50%;
  }
}

@media only screen and (min-width: 1024px) {
  #lp_exp-inn {
    font-size: 0.7751vw;
  }
  #lp_exp-inn .e-in-r-w-s-xl {
    white-space: nowrap;
  }
  #lp_exp-inn .e-in-header {
    padding: 20.7em 0 24.5em;
    background-position: center bottom;
    background-size: 100%;
    margin-bottom: 2.6em;
  }
  #lp_exp-inn .e-in-title {
    font-size: 6em;
    line-height: 0.7em;
  }
  #lp_exp-inn .e-in-t-small {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial,
      sans-serif;
    font-weight: 500;
    font-size: 0.3333em;
  }
  #lp_exp-inn .e-in-intro-txt {
    font-size: 3.5em;
  }
  #lp_exp-inn .e-in-intro .e-in-wr {
    width: 74%;
    max-width: 969px;
  }
  #lp_exp-inn .e-in-box-title {
    font-size: 6em;
  }
  #lp_exp-inn .e-in-box-txt,
  #lp_exp-inn .e-in-box-txt-m {
    font-size: 1.9em;
    line-height: 1.6285em;
  }
  #lp_exp-inn .e-in-p-belle .e-in-cols {
    width: 84%;
    max-width: 1170px;
    margin: 0 auto;
  }
  #lp_exp-inn .e-in-p-belle .e-in-col {
    flex: 0 1 42%;
  }
  #lp_exp-inn .e-in-p-belle .e-in-col-l {
    padding: 2em 0 0;
  }
  #lp_exp-inn .e-in-p-belle .e-in-col-r {
    flex: 0 1 44%;
    margin-right: 7%;
  }
  #lp_exp-inn .e-in-rect {
    padding: 2em;
  }
  #lp_exp-inn .e-in-rect:before,
  #lp_exp-inn .e-in-rect:after {
    width: 33.7em;
    height: 34.8em;
  }
  #lp_exp-inn .e-in-p-quote:before {
    font-size: 6.25em;
  }
  #lp_exp-inn .e-in-p-quote .e-in-r-w-s-xl {
    display: inline-block;
    width: 100%;
  }
  #lp_exp-inn .e-in-nat-ethno .e-in-cols.e-in-nature,
  #lp_exp-inn .e-in-nat-ethno .e-in-cols.e-in-etno {
    width: 84%;
    max-width: 1170px;
    margin: 0 auto;
  }
  #lp_exp-inn .e-in-nat-ethno .e-in-cols.e-in-nature .e-in-col-item,
  #lp_exp-inn .e-in-nat-ethno .e-in-cols.e-in-etno .e-in-col-item {
    align-items: center;
  }
  #lp_exp-inn .e-in-nat-ethno .e-in-cols.e-in-nature .e-in-natetn-img img,
  #lp_exp-inn .e-in-nat-ethno .e-in-cols.e-in-etno .e-in-natetn-img img {
    z-index: 2;
    position: relative;
  }
  #lp_exp-inn .e-in-nat-ethno .e-in-box-space {
    padding: 0;
  }
  #lp_exp-inn .e-in-nat-ethno .e-in-col-first {
    align-items: center;
  }
  #lp_exp-inn .e-in-nat-ethno .e-in-col-first .e-in-nature-txt {
    flex: 0 1 37%;
  }
  #lp_exp-inn .e-in-nat-ethno .e-in-col-first .e-in-nature-txt:last-of-type {
    flex: 0 1 57%;
    padding: 0;
  }
  #lp_exp-inn
    .e-in-nat-ethno
    .e-in-cols.e-in-nature
    .e-in-col-item:last-of-type
    .e-in-natetn-img {
    flex: 0 1 48%;
    margin: 0;
  }
  #lp_exp-inn
    .e-in-nat-ethno
    .e-in-cols.e-in-nature
    .e-in-col-item:last-of-type
    .e-in-nature-txt {
    flex: 0 1 40%;
    padding: 0 5% 0 0;
  }
  #lp_exp-inn .e-in-nat-ethno .e-in-cols.e-in-etno {
    margin-bottom: 9em;
  }
  #lp_exp-inn .e-in-nat-ethno .e-in-cols.e-in-etno .e-in-nature-txt {
    flex: 0 1 38%;
  }
  #lp_exp-inn .e-in-nat-ethno .e-in-cols.e-in-etno .e-inn-red-box {
    transform: translate(41%, -50%) rotate(-90deg);
    z-index: 1;
  }
  #lp_exp-inn .e-inn-red-box {
    font-size: 2.4em;
    transform: translate(59%, -50%) rotate(-90deg);
    z-index: 1;
  }
  #lp_exp-inn .e-inn-heart:after {
    width: 6.8em;
    height: 7.3em;
    transform: translateY(-40%);
    right: -3%;
  }
  #lp_exp-inn .e-inn-heart:before {
    width: 5.1em;
    height: 5.5em;
    right: 12%;
  }
  #lp_exp-inn .e-inn-col-title {
    font-size: 2em;
    margin-bottom: 1.6em;
  }
  #lp_exp-inn .e-in-box-cta {
    font-size: 0.7em;
    padding-top: 1.4142em;
  }
  #lp_exp-inn .e-in-plants {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
  }
  #lp_exp-inn .e-in-plants-item {
    flex: 0 1 25%;
  }
  #lp_exp-inn .e-in-plants-item:last-of-type {
    display: block;
  }
  #lp_exp-inn .e-in-mixed .e-in-art-wrap {
    width: 84%;
    max-width: 1170px;
    margin: 0 auto;
  }
  #lp_exp-inn .e-in-mixed .e-in-art-box-l {
    padding: 0 2% 0 0;
  }
  #lp_exp-inn .e-in-mixed .e-in-art-box-l,
  #lp_exp-inn .e-in-mixed .e-in-art-box-l.e-in-art-full {
    width: 50%;
  }
  #lp_exp-inn .e-in-mixed .e-in-art-box-r {
    padding: 0;
    width: 40%;
  }
  #lp_exp-inn .e-in-quote-title {
    font-size: 6em;
  }
  #lp_exp-inn .e-in-quote:before {
    font-size: 15em;
    margin-bottom: 0.1em;
  }
  #lp_exp-inn .e-in-quote-txt {
    font-size: 3.5em;
  }
  #lp_exp-inn .e-in-art .e-in-rect {
    padding: 2em 0 0 2em;
    margin-bottom: 4.5em;
  }
  #lp_exp-inn .e-in-art .e-in-rect:before {
    width: 33.7em;
    height: 33.7em;
    max-width: 340px;
    max-height: 340px;
  }
  #lp_exp-inn .e-in-les-test .e-inn-col-title {
    margin-bottom: 2.5em;
  }
  #lp_exp-inn .e-in-les-cols-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #lp_exp-inn .e-in-les-col-inn {
    flex: 0 1 47%;
  }
  #lp_exp-inn .e-in-les-wrap {
    padding: 0 6em 5.5em;
    max-width: 1290px;
  }
  #lp_exp-inn .e-inn-h-xl {
    display: none;
  }
  #lp_exp-inn .e-inn-s-xl {
    display: inline-block;
  }
  #lp_exp-inn .e-in-naturale-wrap {
    width: 84%;
    max-width: 1170px;
    margin: 0 auto;
    background: url(../images/e-inn-naturale-xl.jpg) left 5em no-repeat;
    background-size: auto 90%;
  }
  #lp_exp-inn .e-in-naturale-wrap .e-in-rect {
    width: 45%;
  }
  #lp_exp-inn .e-in-naturale-wrap .e-in-rect:before {
    width: 30em;
    height: 30em;
  }
  #lp_exp-inn .e-in-naturale-wrap .e-in-rect .e-in-wr {
    padding: 5.3076% 5% 5.3076% 7.6153%;
  }
  #lp_exp-inn .e-in-avant {
    margin-bottom: 7em;
  }
  #lp_exp-inn .e-in-avant .e-in-art-box-l {
    width: 57%;
  }
  #lp_exp-inn .e-in-avant .e-in-art-box-first {
    padding-right: 14%;
  }
  #lp_exp-inn .e-in-expertise .e-in-exp-wrap {
    width: 84%;
    max-width: 1170px;
    margin: 0 auto;
    background: url(../images/e-inn-exp.jpg) left -1em no-repeat;
    background-size: 62%;
    padding: 7.7em 0 7.4em;
  }
  #lp_exp-inn .e-in-expertise .e-in-exp-wrap .e-in-rect {
    width: 46%;
  }
  #lp_exp-inn .e-in-expertise .e-in-exp-wrap .e-in-rect:before {
    width: 29em;
    height: 29em;
  }
  #lp_exp-inn .e-in-expertise .e-in-exp-wrap .e-in-rect .e-in-wr {
    padding: 11.3076% 3% 4.6153% 10.0153%;
  }
  #lp_exp-inn .e-in-methodes .e-in-cols {
    width: 84%;
    max-width: 1170px;
    margin: 0 auto;
  }
  #lp_exp-inn .e-in-methodes .e-in-rect.e-in-rect-sec {
    flex: 0 1 44%;
    padding: 0 4% 0 0;
  }
  #lp_exp-inn .e-in-vid {
    flex: 0 1 56%;
    padding: 10em 8em 5em 0;
    box-sizing: border-box;
    background: url(../images/e-inn-video-bgr.jpg) right top no-repeat;
    background-size: 79.5%;
  }
  #lp_exp-inn .e-in-art .e-in-quote {
    width: 58%;
  }
}

@media only screen and (min-width: 1290px) {
  #lp_exp-inn {
    font-size: 10px;
  }
}

@media only screen and (min-width: 1024px){
  #lp_exp-inn .e-inn-col-title{
      width: max-content;
  }
}