body, html {
  height: 100%
}

* {
  box-sizing: border-box
}

body {
  color: #000;
  font-family: 'Open Sans', sans-serif;
  padding: 0;
  margin: 0;
  padding-top: 40px
}

.container {
  display: block;
  max-width: 1000px;
  padding: 0 20px;
  margin: 0 auto
}

a {
  color: inherit;
  text-decoration: none
}

#header {
  height: 40px;
  background: #000;
  color: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9998
}

#header .lang {
  display: block;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  color: #fff;
  line-height: 40px;
  float: left
}

#header .lang a.active {
  font-weight: 700
}

#header .logo {
  display: block;
  position: absolute;
  height: 75px;
  z-index: 10;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

#header .logo img {
  display: block;
  height: 100%;
  width: auto
}

#header .shop {
  float: right
}

#header .shop a {
  display: block;
  line-height: 40px;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  padding-right: 36px;
  height: 40px;
  background: url(../img/cart.svg) no-repeat right center
}

#header .shop a span {
  width: 40px
}

.home {
  display: block;
  position: relative;
  width: 100%;
  height: calc(100vh - 125px);
  overflow: hidden
}

.home .logo {
  display: block;
  width: 30%;
  height: 16.5%;
  top: 8.4%;
  position: absolute;
  left: 50%;
  z-index: 99;
  margin-left: -15%;
  background: url(../img/macaron.svg) no-repeat center;
  background-size: contain
}

.strip-expanded .home .logo {
  display: none
}

.home .info {
  text-align: center;
  position: absolute;
  bottom: 4%;
  left: 0;
  z-index: 999;
  width: 100%
}

.home .info .title {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: .6em
}

.strip-expanded .home .info .title {
  display: none
}

.home .close_text {
  display: none
}

.expanded-detail .home .close_text {
  display: block
}

.expanded-detail .home .open_text {
  display: none
}

.section-lavanda {
  background: #d1c9f5
}

.section-lavanda .section-fill {
  fill: #d1c9f5
}

.section-lavanda .section-stroke {
  stroke: #d1c9f5
}

.section-lavanda .section-color {
  color: #d1c9f5
}

.section-lavanda .section-border {
  border-color: #7467b5
}

.section-lavanda.light {
  background: rgba(209, 201, 245, .23)
}

.section-lavanda .bar, .section-lavanda .deep {
  background: #7467b5
}

.section-menta {
  background: #a9e2a8
}

.section-menta .section-fill {
  fill: #a9e2a8
}

.section-menta .section-stroke {
  stroke: #a9e2a8
}

.section-menta .section-color {
  color: #a9e2a8
}

.section-menta .section-border {
  border-color: #2dab6e
}

.section-menta.light {
  background: rgba(169, 226, 168, .23)
}

.section-menta .bar, .section-menta .deep {
  background: #2dab6e
}

.section-fruttirossi {
  background: #f6b5e9
}

.section-fruttirossi .section-fill {
  fill: #f6b5e9
}

.section-fruttirossi .section-stroke {
  stroke: #f6b5e9
}

.section-fruttirossi .section-color {
  color: #f6b5e9
}

.section-fruttirossi .section-border {
  border-color: #d458ad
}

.section-fruttirossi.light {
  background: rgba(246, 181, 233, .23)
}

.section-fruttirossi .bar, .section-fruttirossi .deep {
  background: #d458ad
}

.section-vaniglia {
  background: #fae2a5
}

.section-vaniglia .section-fill {
  fill: #fae2a5
}

.section-vaniglia .section-stroke {
  stroke: #fae2a5
}

.section-vaniglia .section-color {
  color: #fae2a5
}

.section-vaniglia .section-border {
  border-color: #fbc662
}

.section-vaniglia.light {
  background: rgba(250, 226, 165, .23)
}

.section-vaniglia .bar, .section-vaniglia .deep {
  background: #fbc662
}

.section-cocco {
  background: #d4a47b
}

.section-cocco .section-fill {
  fill: #d4a47b
}

.section-cocco .section-stroke {
  stroke: #d4a47b
}

.section-cocco .section-color {
  color: #d4a47b
}

.section-cocco .section-border {
  border-color: #b0775d
}

.section-cocco.light {
  background: rgba(212, 164, 123, .23)
}

.section-cocco .bar, .section-cocco .deep {
  background: #b0775d
}

.strips {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  zoom: 1
}

.strips:after, .strips:before {
  content: "";
  display: table
}

.strips:after {
  clear: both
}

.strips .strip {
  display: block;
  width: 20%;
  float: left;
  position: relative;
  height: 100%;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease
}

.strips .toggle {
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  cursor: pointer;
  z-index: 999
}

.strips .layers {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10
}

.strips .layer {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10
}

.strips .large {
  width: 50%;
  top: 21%;
  left: 17%;
  position: absolute;
  height: 16%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.strips .small {
  width: 25%;
  top: 73%;
  left: 54%;
  height: 8.33%;
  position: absolute;
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain
}

.strips .bottle {
  width: 40%;
  position: absolute;
  left: 30%;
  top: 33%;
  height: 45.23%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

.strips .bottle img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  object-fit: contain
}

.strips .scopri {
  left: 15%;
  position: absolute;
  top: 25.29691211%;
  display: none
}

.strips .scopri .s-title {
  font-size: 63px;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  text-align: left;
  color: #fff
}

.strips .scopri .s-title div {
  line-height: 1;
  padding-left: 1em
}

.strips .scopri .s-title span {
  display: inline-block;
  position: relative;
  line-height: 1;
  padding-left: .6em;
  padding-right: .6em;
  vertical-align: top;
  color: #111820
}

.strips .scopri .s-title span em {
  display: block;
  position: relative;
  z-index: 2
}

.strips .scopri .s-title span:before {
  left: 0;
  position: absolute;
  background: #fff;
  content: "";
  height: .84em;
  width: 100%;
  z-index: 1;
  bottom: .11em
}

.strips .data {
  display: none
}

.strips .bar, .strips .plus-icon {
  top: 52%;
  height: 8.4%;
  position: absolute;
  left: 0;
  width: 100%
}

.strips .bar .plus, .strips .plus-icon .plus {
  background: url(../img/plus.svg) no-repeat right center transparent;
  background-size: contain;
  height: 80%;
  max-height: 40px;
  border: none;
  width: 40px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.strips .bg {
  position: absolute;
  width: 100%;
  opacity: 0;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  min-width: calc(100vw - 200px)
}

.strips .bg.top {
  left: 0;
  height: 60.33254157%;
  background-size: cover
}

.strips .bg.bot {
  top: 60.33254157%;
  height: 39.66745843%;
  background-size: auto 100%;
  background-position: top center;
  background-repeat: repeat-x
}

.strips svg {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%
}

.strips .section-lavanda .large {
  width: 51.04166667%;
  height: 16.50831354%;
  left: 17.01388889%;
  top: 23.27790974%
}

.strips .section-lavanda .small {
  width: 25.69444444%;
  height: 8.31353919%;
  left: 64.58333333%;
  top: 69.71496437%
}

.strips .section-menta .large {
  width: 51.04166667%;
  height: 16.98337292%;
  left: 45.83333333%;
  top: 55.93824228%
}

.strips .section-menta .small {
  width: 26.38888889%;
  height: 8.78859857%;
  left: 11.80555556%;
  top: 36.93586698%
}

.strips .section-fruttirossi .large {
  width: 48.61111111%;
  height: 15.67695962%;
  left: 44.79166667%;
  top: 35.27315914%
}

.strips .section-fruttirossi .small {
  width: 21.52777778%;
  height: 7.00712589%;
  left: 13.54166667%;
  top: 64.37054632%
}

.strips .section-vaniglia .large {
  width: 57.29166667%;
  height: 17.93349169%;
  left: 9.72222222%;
  top: 23.51543943%
}

.strips .section-vaniglia .small {
  width: 31.94444444%;
  height: 9.97624703%;
  left: 60.41666667%;
  top: 70.78384798%
}

.strips .section-cocco .large {
  width: 53.81944444%;
  height: 17.33966746%;
  left: 38.88888889%;
  top: 28.97862233%
}

.strips .section-cocco .small {
  width: 23.26388889%;
  height: 7.48218527%;
  left: 18.40277778%;
  top: 45.01187648%
}

.strips .round {
  background: url(../img/round.svg) no-repeat center;
  background-size: contain;
  left: 57%;
  width: 22.01612903%;
  height: 32.42280285%;
  top: 13%;
  display: none;
  z-index: 99;
  position: absolute
}

.strips .desc {
  display: none;
  position: absolute;
  left: 16%;
  top: 73%;
  width: 32%
}

.strips .desc .tit {
  font-size: 26px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.19;
  text-align: left;
  margin-bottom: 1em
}

.strips .desc .text {
  font-size: 14px;
  text-align: left;
  max-width: 80%
}

.open_page:focus {
  outline: 0
}

.tablet-content {
  display: none
}

.tablet-content .item {
  padding-top: 13%;
  position: relative
}

.tablet-content .item.active {
  display: block
}

.tablet-content .item .bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 82%;
  width: 100%;
  background-size: cover
}

.tablet-content .item .bottle-layer {
  width: 20%;
  position: relative;
  z-index: 10;
  margin: 0 auto
}

.tablet-content .item .bottle-layer img {
  display: block;
  width: 100%
}

.tablet-content .layers {
  position: relative;
  z-index: 10;
  padding-bottom: 4%
}

.tablet-content .title {
  width: 50%;
  left: 0;
  top: 8%;
  position: absolute
}

.tablet-content .title .title-inner {
  padding: 11% 11% 11% 11%;
  font-size: 20px;
  font-size: 3.2vw;
  font-weight: 300;
  font-style: italic;
  color: #fff
}

.tablet-content .title .title-inner strong {
  display: block;
  font-weight: 800
}

.tablet-content .nl-round {
  width: 28%;
  position: absolute;
  right: 8%;
  top: 10%
}

.tablet-content .nl-round .tm-macaron {
  position: absolute;
  left: 50%;
  width: 52%;
  top: 0;
  -webkit-transform: translate(-50%, -45%);
  -ms-transform: translate(-50%, -45%);
  -o-transform: translate(-50%, -45%);
  transform: translate(-50%, -45%)
}

.tablet-content .nl-round .tm-macaron img {
  display: block;
  width: 100%;
  height: auto
}

.tablet-content .nl-round .cta-nl {
  position: absolute;
  font-size: 3.73333333vw;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  top: 100%;
  left: 5%;
  -webkit-transform: translate(0, -40%);
  -ms-transform: translate(0, -40%);
  -o-transform: translate(0, -40%);
  transform: translate(0, -40%)
}

.tablet-content .nl-round .cta-nl div {
  line-height: 1;
  position: relative;
  z-index: 2
}

.tablet-content .nl-round .cta-nl div:nth-child(2) span {
  padding-right: 1em
}

.tablet-content .nl-round .cta-nl div:last-child {
  z-index: 1;
  -webkit-transform: translate(.4em, 0);
  -ms-transform: translate(.4em, 0);
  -o-transform: translate(.4em, 0);
  transform: translate(.4em, 0)
}

.tablet-content .nl-round .cta-nl em {
  position: absolute;
  font-size: 1.43em;
  width: 1em;
  height: 1em;
  z-index: 10;
  right: -.3em;
  top: -.5em
}

.tablet-content .nl-round .cta-nl em:after {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: url(../img/plus.svg) no-repeat center;
  background-size: contain
}

.tablet-content .nl-round .cta-nl span {
  display: inline-block;
  padding-left: .3em;
  padding-right: .4em;
  line-height: 1;
  padding-top: .05em;
  padding-bottom: .05em;
  white-space: nowrap;
  background: #000
}

.tablet-content .nl-round .round {
  padding-bottom: 100%;
  border-radius: 100%;
  background: url(../img/macaron.svg) no-repeat center;
  background-size: 75% auto;
  border: 5px solid #fff
}

.tablet-content .scopri {
  font-size: 11.2vw;
  text-align: left;
  font-weight: 700;
  font-style: italic;
  z-index: 11;
  position: relative;
  line-height: .8;
  color: #fff;
  padding: 0 15%;
  margin-bottom: 8%
}

.tablet-content .scopri div {
  line-height: inherit
}

.tablet-content .scopri div:last-child {
  text-align: right
}

.tablet-content .scopri span {
  display: inline-block;
  line-height: inherit;
  text-transform: uppercase
}

.tablet-content .scopri span em {
  background: #fff;
  display: block;
  color: #000;
  line-height: inherit;
  padding-left: .2em;
  padding-right: .4em
}

.tablet-content .go_down {
  display: block;
  width: 3.4%;
  position: absolute;
  top: 75%;
  left: 70%
}

.tablet-content .go_down span {
  padding-bottom: 357%;
  background: url(../img/godown-arrows.svg) no-repeat 0 0;
  background-size: 100% auto;
  display: block
}

#tm_section_bot .tm-desc {
  display: none;
  padding: 5% 10%;
  text-align: center
}

#tm_section_bot .tm-desc .tm-desc-title {
  font-size: 21px;
  font-size: 5.6vw;
  font-weight: 300;
  font-style: italic;
  line-height: 1.48
}

#tm_section_bot .tm-desc .tm-desc-text {
  font-size: 12px;
  font-size: 2.66666667vw
}

#tm_section_bot .tm-desc .tm-desc-text span {
  display: block
}

#tm_section_bot .cta {
  margin-top: 22px;
  display: none
}

#tm_section_bot .cta a {
  display: block;
  background: 0 0;
  border: 0;
  margin: 0 auto;
  color: #fff;
  width: 30%;
  text-align: center;
  text-transform: uppercase
}

#tm_section_bot .cta a em, #tm_section_bot .cta a span, #tm_section_bot .cta a strong {
  display: block
}

#tm_section_bot .cta a strong.close_text {
  display: none
}

.expanded-detail #tm_section_bot .cta a strong.close_text {
  display: block
}

.expanded-detail #tm_section_bot .cta a strong.open_text {
  display: none
}

#tm_section_bot .cta a em {
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  font-size: 3.2vw;
  margin-top: 6px
}

#tm_section_bot .cta a strong {
  font-size: 3.73333333vw;
  font-weight: 700;
  font-style: italic;
  line-height: .86
}

#tm_section_bot .cta a span {
  font-size: 6.4vw;
  width: 1em;
  height: 1.42em;
  background: url(../img/icon-down.svg) no-repeat top;
  background-size: contain;
  margin: 12px auto 0 auto
}

.prefooter-links .strips {
  position: relative;
  height: 530px
}

.footer {
  background: #000;
  position: relative;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 85px;
  color: #fff
}

.footer .container {
  max-width: none;
  padding-left: 50px;
  padding-right: 50px
}

.footer .footer-inner {
  display: table;
  width: 100%
}

.footer .footer-inner .copy, .footer .footer-inner .link-nl {
  display: table-cell;
  height: 85px;
  vertical-align: middle
}

.footer .footer-inner .copy {
  font-size: 10px;
  font-weight: 700;
  text-align: left;
  line-height: 1.1;
  padding-right: 30px
}

.footer .footer-inner .copy a {
  text-decoration: underline
}

.footer .footer-inner .link-nl a {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  font-style: italic;
  text-align: left;
  color: #fff;
  padding-right: 95px;
  height: 32px;
  line-height: 32px;
  background: url(../img/nl-icon.svg) no-repeat right center;
  position: relative;
  overflow: hidden
}

.footer .footer-inner .link-nl a:before {
  content: "";
  height: 2px;
  background: #fff;
  top: 50%;
  margin-top: -1px;
  width: 100%;
  position: absolute;
  right: 76px
}

.footer .footer-inner .link-nl a span {
  background: #000;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  padding-right: 12px
}

.socials {
  display: block;
  text-align: center;
  color: #fff
}

.socials .label {
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 3.1px
}

.socials .icons {
  zoom: 1;
  width: 60px;
  margin: 0 auto
}

.socials .icons:after, .socials .icons:before {
  content: "";
  display: table
}

.socials .icons:after {
  clear: both
}

.socials .icons a {
  display: block;
  width: 30px;
  float: left;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center
}

.socials .icons a.tw {
  background-image: url(../img/tw.svg)
}

.socials .icons a.fb {
  background-image: url(../img/fb.svg)
}

.socials .icons a.ins {
  background-image: url(../img/ins.svg)
}

.socials .icons a.yt {
  background-image: url(../img/yt.svg)
}

.cover_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top
}

.inner-page {
  display: block;
  position: relative;
  padding-bottom: 80px
}

.inner-page .container {
  position: relative;
  z-index: 10
}

.inner-page.service-page {
  padding-top: 80px
}

.inner-page.service-page .inner {
  display: block;
  width: 83.33333333%;
  margin: 0 auto
}

.inner-page.service-page .text {
  font-size: 28px;
  text-align: center;
  color: #fff
}

.inner-page.service-page .logo {
  display: block;
  margin: 0 auto 45px auto;
  width: 245px
}

.inner-page.service-page .logo img {
  display: block;
  width: 100%;
  height: auto
}

.inner-page.service-page .title {
  font-size: 72px;
  font-weight: 700;
  line-height: 1.11;
  text-align: center;
  margin: 0 0 55px 0;
  padding: 0;
  color: #111820
}

.inner-page.service-page .title span {
  display: inline-block;
  position: relative;
  padding-left: .2em;
  padding-right: .4em
}

.inner-page.service-page .title span:before {
  content: "";
  position: absolute;
  left: 0;
  top: .1em;
  right: 0;
  bottom: .1em;
  background: #fff
}

.inner-page.service-page .title span em {
  position: relative;
  z-index: 2
}

.inner-page.service-page .socials {
  margin-top: 60px
}

.inner-page.thankyou-page {
  padding-top: 80px
}

.inner-page.thankyou-page .inner {
  display: block;
  width: 70%;
  margin: 0 auto
}

.inner-page.thankyou-page .text {
  font-size: 28px;
  text-align: center;
  color: #fff
}

.inner-page.thankyou-page .logo {
  display: block;
  margin: 0 auto 0 auto;
  width: 50%
}

.inner-page.thankyou-page .logo img {
  display: block;
  width: 100%;
  height: auto
}

.inner-page.thankyou-page .title {
  font-weight: 700;
  line-height: 1.11;
  text-align: left;
  margin: 0 0 55px 0;
  padding: 0;
  color: #fff;
  font-style: italic;
  text-transform: uppercase;
  font-size: 56px;
  font-size: 3.5em;
  font-size: 3.88888889vw
}

.inner-page.thankyou-page .title span {
  display: inline-block;
  position: relative;
  padding-left: .2em;
  margin-left: -.2em;
  padding-right: .4em
}

.inner-page.thankyou-page .title span:before {
  content: "";
  position: absolute;
  left: 0;
  top: .1em;
  right: 0;
  bottom: .1em;
  background: #fff
}

.inner-page.thankyou-page .title span em {
  position: relative;
  z-index: 2;
  color: #111820
}

.inner-page.thankyou-page .title div:last-child {
  margin-left: 22%
}

.inner-page.thankyou-page .socials {
  margin-top: 100px
}

.nl-page .inner {
  padding-top: 170px
}

.nl-page .row {
  margin: 0 -10px;
  zoom: 1
}

.nl-page .row:after, .nl-page .row:before {
  content: "";
  display: table
}

.nl-page .row:after {
  clear: both
}

.nl-page .row .col {
  padding: 0 10px;
  zoom: 1
}

.nl-page .row .col:after, .nl-page .row .col:before {
  content: "";
  display: table
}

.nl-page .row .col:after {
  clear: both
}

.nl-page .row .col.sx {
  width: 50%;
  float: left
}

.nl-page .row .col.dx {
  float: right;
  width: 41.6666%
}

.nl-page .logo {
  display: block;
  margin: 0 auto 0 auto;
  width: 73%
}

.nl-page .logo img {
  display: block;
  width: 100%;
  height: auto
}

.nl-page .title {
  font-weight: 700;
  line-height: 1.11;
  text-align: left;
  margin: 0 0 20px 0;
  padding: 0;
  color: #fff;
  font-style: italic;
  text-transform: uppercase;
  font-size: 56px;
  font-size: 3.5em;
  font-size: 3.88888889vw
}

.nl-page .title span {
  display: inline-block;
  position: relative;
  padding-left: .2em;
  margin-left: -.2em;
  padding-right: .4em
}

.nl-page .title span:before {
  content: "";
  position: absolute;
  left: 0;
  top: .1em;
  right: 0;
  bottom: .1em;
  background: #fff
}

.nl-page .title span em {
  position: relative;
  z-index: 2;
  color: #111820
}

.nl-page .title div:last-child {
  margin-left: 22%
}

.nl-page .socials {
  margin-top: 80px
}

.nl-page .form {
  display: block
}

.nl-page .form .captcha {
  border: none;
  color: #fff
}

.nl-page .form .captcha .fieldset-description, .nl-page .form .captcha legend {
  display: none
}

.nl-page .form .captcha .g-recaptcha > div {
  margin: 0 auto
}

.nl-page .form .error-msg {
  text-align: center;
  color: red;
  font-size: 15px;
  padding: 5px 0
}

.nl-page .form .error-msg:empty {
  display: none
}

.nl-page .form .submit button {
  min-height: 55px;
  background: #000;
  width: 100%;
  text-align: center;
  font-size: 21px;
  font-weight: 800;
  font-style: italic;
  color: #e23356;
  border: 0;
  text-transform: uppercase
}

.nl-page .form .privacy {
  margin-bottom: 20px;
  zoom: 1;
  text-align: center
}

.nl-page .form .privacy:after, .nl-page .form .privacy:before {
  content: "";
  display: table
}

.nl-page .form .privacy:after {
  clear: both
}

.nl-page .form .privacy .form-item {
  display: inline-block
}

.nl-page .form .privacy .custom_check {
  float: left
}

.nl-page .form .privacy .option {
  overflow: hidden;
  padding-left: 15px;
  text-transform: uppercase;
  padding-top: 5px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 800;
  font-style: italic
}

.nl-page .form .f-text {
  background: #fff;
  height: 57px;
  position: relative
}

.nl-page .form .f-text label {
  width: 44%;
  float: left;
  font-size: 15px;
  font-weight: 800;
  font-style: italic;
  padding-left: 15%;
  line-height: 55px;
  text-transform: uppercase
}

.nl-page .form .f-text input, .nl-page .form .f-text select {
  height: 55px;
  font-size: 15px;
  text-align: left;
  color: #7c8a9d;
  width: 100%;
  border: 0
}

.nl-page .form .f-text input::-moz-placeholder, .nl-page .form .f-text select::-moz-placeholder {
  color: #7c8a9d;
  opacity: 1
}

.nl-page .form .f-text input:-ms-input-placeholder, .nl-page .form .f-text select:-ms-input-placeholder {
  color: #7c8a9d
}

.nl-page .form .f-text input::-webkit-input-placeholder, .nl-page .form .f-text select::-webkit-input-placeholder {
  color: #7c8a9d
}

.nl-page .form .f-text input:active, .nl-page .form .f-text input:focus, .nl-page .form .f-text select:active, .nl-page .form .f-text select:focus {
  outline: 0
}

.nl-page .form .form-item {
  margin-bottom: 20px;
  border: 1px solid transparent
}

.nl-page .form .form-item .input {
  float: left;
  width: 56%
}

.nl-page .form .field.error {
  border: 1px solid red
}

.nl-page .form .field.error.privacy {
  border: none;
  background: 0 0
}

.nl-page .form .field.error label {
  color: red
}

.nl-page .selectric {
  border: none;
  background: #fff
}

.nl-page .selectric .label {
  height: 55px;
  line-height: 55px;
  font-size: 15px;
  text-align: left;
  color: #7c8a9d
}

.nl-page .selectric .button {
  height: 55px;
  background: 0 0
}

.nl-page .selectric .button:after {
  border-top-color: #000
}

.nl-page .selectric-items {
  background: #fff
}

.custom_check {
  display: block;
  width: 25px;
  height: 25px;
  position: relative
}

.custom_check input {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0
}

.custom_check input:checked + label:after {
  display: block
}

.custom_check input.error + label {
  border-color: red
}

.custom_check label {
  width: inherit;
  height: inherit;
  position: relative;
  cursor: pointer;
  background: #fff;
  display: block;
  border: 1px solid #fff
}

.custom_check label:after {
  content: "";
  width: 15px;
  height: 15px;
  top: 4px;
  left: 4px;
  background: #000;
  position: absolute;
  display: none
}

#orig_submit {
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden
}

.strips-footer {
  display: block;
  position: relative;
  height: 525px;
  width: 100%;
  overflow: hidden;
  zoom: 1
}

.strips-footer:after, .strips-footer:before {
  content: "";
  display: table
}

.strips-footer:after {
  clear: both
}

.strips-footer .title {
  position: absolute;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  width: 100%;
  top: 30px;
  color: #fff;
  z-index: 99
}

.strips-footer .strip {
  display: block;
  width: 20%;
  float: left;
  position: relative;
  height: 100%;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

.strips-footer .strip.closed {
  width: 50px
}

.strips-footer .strip.active .bar .plus {
  background: url(../img/minus.svg) no-repeat right center transparent
}

.strips-footer .toggle {
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  cursor: pointer;
  z-index: 999;
  background: 0 0
}

.strips-footer .layers {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10
}

.strips-footer .layer {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10
}

.strips-footer .large {
  width: 50%;
  top: 21%;
  left: 17%;
  position: absolute;
  height: 16%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.strips-footer .small {
  width: 25%;
  top: 73%;
  left: 54%;
  height: 8.33%;
  position: absolute;
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain
}

.strips-footer .bottle {
  position: absolute;
  left: 31%;
  top: 20.95238095%;
  width: 38.19444444%;
  height: 70.47619048%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

.strips-footer .bottle img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  object-fit: contain
}

.strips-footer .bar {
  top: 61%;
  height: 15.23809524%;
  position: absolute;
  left: 0;
  width: 100%
}

.strips-footer .bar .plus {
  background: url(../img/plus.svg) no-repeat right center transparent;
  background-size: contain;
  height: 80%;
  max-height: 40px;
  border: none;
  width: 40px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 999
}

.strips-footer .bg {
  position: absolute;
  width: 100%;
  opacity: 0;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  min-width: calc(100vw - 200px)
}

.strips-footer .bg.top {
  left: 0;
  height: 60.33254157%;
  background-size: cover
}

.strips-footer .bg.bot {
  top: 60.33254157%;
  height: 39.66745843%;
  background-size: 100% auto;
  background-position: top center
}

.strips-footer svg {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%
}

.strips-footer .closed .bottle-layer, .strips-footer .closed .layer-image {
  opacity: 0;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease
}

.strips-footer .closed .bar .plus {
  width: 28px;
  max-height: 28px;
  right: 11px
}

.strips-footer .round {
  background: url(../img/round.svg) no-repeat center;
  background-size: contain;
  left: 57%;
  width: 22.01612903%;
  height: 32.42280285%;
  top: 13%;
  display: none;
  z-index: 99;
  position: absolute
}

.strips-footer .desc {
  display: none;
  position: absolute;
  left: 16%;
  top: 73%;
  width: 32%
}

.strips-footer .desc .tit {
  font-size: 26px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.19;
  text-align: left;
  margin-bottom: 1em
}

.strips-footer .desc .text {
  font-size: 14px;
  text-align: left;
  max-width: 80%
}

.strips-footer .section-lavanda .large {
  width: 51.04166667%;
  height: 26.47619048%;
  left: 17.01388889%;
  top: 3.42857143%;
  z-index: 10
}

.strips-footer .section-lavanda .small {
  width: 25.69444444%;
  height: 13.33333333%;
  left: 57.98611111%;
  top: 76.57142857%
}

.strips-footer .section-menta .large {
  width: 51.04166667%;
  height: 27.23809524%;
  left: 43.40277778%;
  top: 24%
}

.strips-footer .section-menta .small {
  width: 26.38888889%;
  height: 14.0952381%;
  left: 11.80555556%;
  top: 43.42857143%
}

.strips-footer .section-fruttirossi .large {
  width: 48.61111111%;
  height: 25.14285714%;
  left: 50%;
  top: 64.76190476%
}

.strips-footer .section-fruttirossi .small {
  width: 21.52777778%;
  height: 11.23809524%;
  left: 17.01388889%;
  top: 42.85714286%
}

.strips-footer .section-vaniglia .large {
  width: 57.29166667%;
  height: 28.76190476%;
  left: 6.25%;
  top: 27.80952381%
}

.strips-footer .section-vaniglia .small {
  width: 31.94444444%;
  height: 16%;
  left: 54.86111111%;
  top: 77.52380952%
}

.strips-footer .section-cocco .large {
  width: 53.81944444%;
  height: 27.80952381%;
  left: 34.02777778%;
  top: 0
}

.strips-footer .section-cocco .small {
  width: 23.26388889%;
  height: 12%;
  left: 12.84722222%;
  top: 36.19047619%
}

#overlay_bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
  background: #000;
  opacity: .5;
  display: none
}

#loading {
  display: none;
  width: 60px;
  height: 60px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  z-index: 9999;
  margin-top: -30px;
  background: url(../img/loading.svg) no-repeat center
}

.tbl {
  display: table;
  width: 100%;
  height: 100%
}

.tbl .tbl-cell {
  display: table-cell;
  vertical-align: middle
}

.default-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, .64);
  overflow: auto
}

.default-overlay .close {
  position: absolute;
  right: -50px;
  top: -50px;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 0;
  background: url(../img/close.svg) no-repeat center;
  cursor: pointer
}

.default-overlay .tbl-cell {
  padding: 60px 0
}

.default-overlay .inner {
  background: rgba(255, 255, 255, .9);
  border-width: 14px;
  border-style: solid;
  max-width: 600px;
  margin: 0 auto;
  padding: 30px;
  position: relative
}

.default-overlay .inner .desc {
  max-width: 400px;
  margin: 0 auto
}

.default-overlay .inner .desc .title {
  font-size: 22px;
  font-weight: 700;
  font-style: italic;
  text-align: left;
  color: #000;
  margin-bottom: 38px
}

.st0 {
  fill: none;
  stroke: #fff;
  stroke-width: 3
}

.st1 {
  fill: #fff
}

.st2 {
  font-weight: 700;
  font-style: italic
}

.st3 {
  font-size: 63px
}

.st4 {
  font-weight: 300;
  font-style: italic
}

.st5 {
  font-size: 26px
}

.st6 {
  font-weight: 900;
  font-style: italic
}

.st7 {
  fill: none;
  stroke-width: 2px
}

.st8 {
  font-size: 25px
}

.st9 {
  fill: #fcfcfc
}

.st10 {
  fill: none
}

.st12 {
  font-size: 14px
}

.st13 {
  font-weight: 300
}

.st14 {
  font-size: 18px
}

.st02 {
  stroke: #fff;
  stroke-width: 3
}

.open_page_svg text {
  fill: #fff
}

.dettaglio-section {
  position: relative
}

.dettaglio-section .bg {
  position: absolute;
  height: 273px;
  top: 0;
  left: 0;
  width: 100%
}

.grid {
  display: block;
  padding-top: 90px;
  padding-bottom: 100px
}

.grid .grid-module {
  zoom: 1;
  position: relative
}

.grid .grid-module:after, .grid .grid-module:before {
  content: "";
  display: table
}

.grid .grid-module:after {
  clear: both
}

.grid .item {
  display: block;
  float: left;
  width: 25%
}

.grid .item.large {
  width: 50%
}

.grid .item.right {
  float: right
}

.grid .item .item-inner {
  padding-bottom: 100%;
  position: relative
}

.grid .item .item-inner iframe, .grid .item .item-inner img, .grid .item .item-inner video {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.grid .label-image {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform .5s ease;
  -o-transition: transform .5s ease;
  transition: transform .5s ease
}

.grid .label-image img {
  display: block;
  width: 49.4%;
  left: 50%;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.grid .label-image:hover {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02)
}

.grid .module-large-gallery .label-image {
  width: 50%;
  height: 50%;
  right: auto;
  left: 0
}

.grid .module-large-gallery .label-image img {
  width: 67.7%
}

.grid .social-share {
  position: absolute;
  text-align: center;
  left: 0;
  bottom: 19%;
  width: 100%
}

.grid .social-share a {
  display: inline-block;
  text-align: center;
  width: 30px;
  height: 30px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 25px;
  margin: 0 5px
}

.grid .social-share a.fb {
  background-image: url(../img/fb.svg)
}

.grid .social-share a.ins {
  background-image: url(../img/ins.svg);
  background-size: auto 26px
}

#dettaglio {
  display: none
}

#dettaglio.active {
  display: block
}

svg .rect_scopri {
  font-size: 273px
}

.i18n-en svg .rect_scopri {
  font-size: 360px
}

#user-login {
  min-height: calc(100vh - 125px);
  display: flex;
  align-items: center
}

#user-login > div {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #eaeaea;
  padding: 30px !important;
  color: #000;
  font-family: Arial, sans-serif
}

#user-login .form-item {
  padding: 0;
  border: none;
  height: auto
}

#user-login .form-item .description {
  font-size: 12px
}

#user-login .form-text {
  border: 1px solid #000;
  background: #fff;
  padding: 6px 15px;
  width: 100%
}

#user-login .form-text.error {
  border: 1px solid red
}

#user-login .form-submit {
  background: #000;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  padding: 6px 15px;
  min-width: 120px;
  border: 0 none
}

#user-login fieldset {
  padding: 0;
  margin: 0;
  border: 0
}

.editorial_page {
  display: block;
  padding-top: 80px;
  padding-bottom: 80px
}

.editorial_page .title {
  font-size: 26px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.19;
  text-align: center;
  color: #000;
  margin: 0;
  padding: 0
}

.editorial_page .subtitle {
  margin: 28px 0 0 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  text-align: center;
  color: #111820
}

.editorial_page .text {
  margin-top: 95px;
  font-size: 14px;
  text-align: left;
  color: #111820
}

.editorial_page .text p {
  margin-bottom: 1em
}

.editorial_page .text a {
  text-decoration: underline
}

body #sliding-popup {
  position: fixed;
  padding: 16px 50px;
  z-index: 9999;
  border-bottom: 12px solid #000
}

body #sliding-popup .popup-content {
  display: block;
  width: 100%;
  max-width: none
}

body #sliding-popup .popup-content #popup-text {
  margin: 0;
  display: block;
  text-align: center;
  float: none;
  color: #111820;
  max-width: none;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1.11;
  letter-spacing: 1px;
  font-weight: 400;
  margin-bottom: 16px
}

body #sliding-popup .popup-content #popup-text a {
  color: initial;
  font-weight: 800
}

body #sliding-popup .popup-content #popup-text p {
  margin-bottom: 0;
  font-size: inherit;
  font-weight: inherit
}

body #sliding-popup .popup-content #popup-buttons {
  display: block;
  float: none;
  max-width: none;
  vertical-align: middle;
  text-align: center
}

body #sliding-popup .popup-content #popup-buttons button {
  border-radius: 3px;
  background: #000;
  height: 46px;
  font-size: 18px;
  margin-top: 0;
  font-weight: 700;
  min-width: 193px;
  padding: 0 20px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  text-shadow: none;
  box-shadow: none;
  color: #fff;
  border-radius: 0;
  margin: 0 20px;
  border: 1px solid #000
}

body #sliding-popup .popup-content #popup-buttons button.find-more-button {
  background: 0 0;
  color: #000
}

body #sliding-popup .popup-content #popup-buttons button:focus, body #sliding-popup .popup-content #popup-buttons button:hover {
  background: #fff;
  color: #000
}

#gdpr_layer .gdpr_title {
  text-align: center;
  color: #000
}

#gdpr_layer .gdpr-privacy-link a {
  color: #000
}

#gdpr_layer .gdpr-cookie-items .gdpr-ctitle {
  font-size: 12px;
  color: #000
}

#gdpr_layer .gdp-save {
  border: 0;
  cursor: pointer;
  color: #000;
  background: 0 0
}

#gdpr_layer .gdp-set-all {
  background: #000;
  border: 0;
  color: #fff
}

#gdpr_layer .gdpr-buttons button {
  font-size: 15px;
  padding-left: 20px;
  padding-right: 20px
}

#gdpr_layer .gdpr-switch input:checked + span {
  background: #000
}

.open_gdpr_layer {
  cursor: pointer
}

@media (min-width: 1024px) {
  .strips .strip.closed {
    width: 50px
  }

  .strips .strip.active {
    width: calc(100% - 200px)
  }

  .strips .closed .bottle-layer, .strips .closed .layer-image {
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
  }

  .strips .closed .bar .plus, .strips .closed .plus-icon .plus {
    width: 28px;
    max-height: 28px;
    right: 11px
  }

  .strips .active svg {
    display: block
  }

  .strips .active .bg {
    opacity: 1
  }

  .strips .active .bar, .strips .active .plus-icon {
    opacity: 0
  }

  .strips .active .bottle {
    left: 37%;
    top: 14.96437055%;
    height: 69.0023753%
  }

  .strips .active .large, .strips .active .small {
    display: none
  }

  .strips .active .round, .strips .active .scopri {
    display: block
  }

  .strips .active .desc {
    display: block
  }

  .strips .active .toggle {
    display: none
  }

  .strips .open_page-html {
    display: none;
    position: absolute;
    z-index: 10;
    width: 25%;
    height: 20%;
    left: 63%;
    bottom: 10%
  }

  .strips .active .open_page-html {
    display: block;
    z-index: 999
  }
}

@media (min-width: 1024px) and (max-width: 1023px) {
  .strips .active svg {
    display: none
  }
}

@media (min-width: 1440px) {
  .inner-page.thankyou-page .title {
    font-size: 56px
  }

  .nl-page .title {
    font-size: 56px
  }
}

@media (max-width: 1440px) {
  .home .info .title {
    font-size: 1.94444444vw
  }
}

@media (max-width: 1023px) {
  #header .shop a span {
    display: none
  }

  .home .logo {
    top: 5%
  }

  .home .info .title {
    font-size: 24px
  }

  .strip-expanded .home {
    height: auto
  }

  .strip-expanded .home .info {
    display: block;
    position: relative
  }

  .strip-expanded .home .info .title {
    display: none
  }

  .strip-expanded .strips {
    position: relative;
    height: 75px
  }

  .strip-expanded .strips .layers {
    display: none
  }

  .strip-expanded .strips .bar, .strip-expanded .strips .plus-icon {
    height: 100%;
    top: 0
  }

  .strips .bar, .strips .plus-icon {
    height: 14%
  }

  .strips .bar .plus, .strips .plus-icon .plus {
    left: 50%;
    right: auto;
    max-width: 50px;
    max-height: 50px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }

  .strips .bottle-layer {
    overflow: hidden
  }

  .strips .strip:nth-child(1) .bottle {
    display: none
  }

  .strips .strip:nth-child(5) .bottle {
    display: none
  }

  .strips .strip:nth-child(3) .plus-icon {
    z-index: 999
  }

  .strips .strip:nth-child(2) .bottle {
    left: 80%
  }

  .strips .strip:nth-child(4) .bottle {
    left: -120%
  }

  .strips .bottle {
    width: 140%;
    left: -20%;
    height: 62.7%;
    top: 20%
  }

  .strip-expanded .tablet-content {
    display: block
  }

  .strip-expanded #tm_section_bot .tm-desc {
    display: block
  }

  #tm_section_bot .cta {
    display: block;
    padding-bottom: 30px
  }

  .inner-page.thankyou-page .title {
    font-size: 43px
  }
}

@media (max-width: 1023px) and (max-width: 767px) {
  .strips .bar, .strips .plus-icon {
    height: 20%
  }

  .strips .bar .plus, .strips .plus-icon .plus {
    max-width: 40px;
    max-height: 40px
  }
}

@media (max-width: 767px) {
  body {
    padding-top: 34px
  }

  #header .lang {
    line-height: 34px
  }

  #header .logo {
    height: 55px
  }

  #header {
    height: 34px
  }

  .home .info {
    bottom: 1%
  }

  .home .info .title {
    font-size: 16px
  }

  .home .socials .label {
    display: none
  }

  .home {
    height: calc(100vh - 45px)
  }

  .tablet-content .nl-round .round {
    border-width: 2px;
    padding-bottom: 95%
  }

  #tm_section_bot .tm-desc .tm-desc-text {
    font-size: 3.2vw
  }

  .footer {
    height: auto
  }

  .footer .container {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 16px;
    padding-bottom: 16px
  }

  .footer .footer-inner .copy {
    font-weight: 300;
    padding-right: 0
  }

  .footer .footer-inner .link-nl a {
    display: block
  }

  .footer .footer-inner {
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .footer .footer-inner .copy, .footer .footer-inner .link-nl {
    display: block;
    height: auto
  }

  .footer .footer-inner .link-nl {
    -webkit-order: 1;
    -ms-order: 1;
    order: 1
  }

  .footer .footer-inner .copy {
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
    padding-top: 18px
  }

  .socials .label {
    display: none
  }

  .inner-page.service-page .inner {
    width: auto
  }

  .inner-page.service-page .text {
    font-size: 18px
  }

  .inner-page.service-page .logo {
    width: 175px;
    margin-bottom: 30px
  }

  .inner-page.service-page .title {
    font-size: 46px;
    margin-bottom: 45px
  }

  .inner-page.thankyou-page .inner {
    width: auto
  }

  .inner-page.thankyou-page .title {
    font-size: 28px;
    text-align: center
  }

  .inner-page.thankyou-page .title div:last-child {
    margin-left: 0
  }

  .inner-page.thankyou-page .socials {
    margin-top: 60px
  }

  .nl-page .inner {
    padding-top: 65px
  }

  .nl-page .row .col.sx {
    width: 100%;
    float: none
  }

  .nl-page .row .col.dx {
    width: 100%;
    float: none
  }

  .nl-page .logo {
    width: 173px;
    margin-bottom: 32px
  }

  .nl-page .title {
    font-size: 11.2vw
  }

  .nl-page .socials {
    margin-top: 20px
  }

  .nl-page .form .submit button {
    font-size: 12px
  }

  .nl-page .form .f-text label {
    font-size: 12px;
    padding-left: 10%
  }

  .nl-page .form .f-text input, .nl-page .form .f-text select {
    font-size: 12px
  }

  .nl-page .form {
    padding: 0 25px;
    margin: 0 auto
  }

  .strips-footer {
    height: auto
  }

  .strips-footer .title {
    display: none
  }

  .strips-footer .toggle {
    z-index: 999
  }

  .strips-footer .bar .plus {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }

  .strips-footer .layers {
    display: none
  }

  .strips-footer .bar {
    position: relative;
    top: auto;
    left: auto;
    background: 0 0;
    padding-bottom: 100%
  }

  .default-overlay .close {
    right: 0;
    top: 0
  }

  .default-overlay .tbl {
    display: block
  }

  .default-overlay .tbl .tbl-cell {
    display: block
  }

  .grid {
    margin: 0 -20px
  }

  .grid .item {
    width: 50%
  }

  .grid .item.large {
    width: 100%
  }

  .grid .label-image {
    width: 100%;
    height: 50%;
    top: 50%
  }

  .grid .module-large-gallery .label-image {
    width: 100%;
    top: 0;
    height: 25%
  }

  body #sliding-popup .popup-content {
    display: block
  }

  body #sliding-popup .popup-content #popup-text {
    font-size: 12px
  }

  body #sliding-popup .popup-content #popup-text {
    display: block;
    text-align: center
  }

  body #sliding-popup .popup-content #popup-buttons button {
    height: 40px;
    display: inline-block;
    min-width: 45%;
    font-size: 16px;
    margin: 0 2px
  }

  body #sliding-popup .popup-content #popup-buttons {
    display: block;
    margin-top: 20px;
    padding-left: 0;
    text-align: center
  }

  body #sliding-popup {
    padding-left: 24px;
    padding-right: 24px
  }

  #gdpr_layer .gdpr_title {
    font-size: 20px
  }
}

button.CookiebotWidget-logo {
  outline: none !important;
}

#header .links,
#header .lang {
  display: none;
}

.maintenance-block {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-family: 'Open Sans', sans-serif;
  height: 90vh;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  z-index: 9999;

  .centered {
    align-items: center;
    display: flex;
    flex-direction: column;
    @media (min-width: 860px) {
      flex-direction: row;
    }
    width: 100%;

    .box {
      width: 100%;
      @media (min-width: 1200px) {
        width: 70%;
      }
    }
  }

  .left {
    .box {
      float: right;
    }

    width: 60%;
    @media (min-width: 600px) {
      width: 40%;
    }
  }

  .right {
    .box {
      float: left;
    }

    @media (min-width: 860px) {
      margin-left: 20%;
    }
    width: 60%;
    @media (min-width: 600px) {
      width: 40%;
    }
  }


  h2 {
    color: #fff;
    font-size: 25px;
    @media (min-width: 600px) {
      font-size: 35px;
    }
    @media (min-width: 860px) {
      font-size: 45px;
    }
    font-style: italic;
    line-height: .5;
    text-transform: uppercase;

    span {
      background: #fff;
      color: #000;
      display: block;
      line-height: 1;
    }
  }

  p {
    font-size: 18px;
    @media (min-width: 600px) {
      font-size: 22px;
    }
  }
}
