@charset "UTF-8";
/**
* Bootstrap grid framework
**/
/*!
 * Bootstrap Grid v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container-xs {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container {
  max-width: 490px;
}

@media (min-width: 490px) {
  .container-sm, .container {
    max-width: 801px;
  }
}
@media (min-width: 801px) {
  .container-md, .container-sm, .container {
    max-width: 1024px;
  }
}
@media (min-width: 1024px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 1439px;
  }
}
@media (min-width: 1440px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1440px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 490px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 801px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1440px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 490px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 801px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1024px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1440px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 490px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 801px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1024px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1440px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 10px !important;
}

.mt-1,
.my-1 {
  margin-top: 10px !important;
}

.mr-1,
.mx-1 {
  margin-right: 10px !important;
}

.mb-1,
.my-1 {
  margin-bottom: 10px !important;
}

.ml-1,
.mx-1 {
  margin-left: 10px !important;
}

.m-2 {
  margin: 20px !important;
}

.mt-2,
.my-2 {
  margin-top: 20px !important;
}

.mr-2,
.mx-2 {
  margin-right: 20px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 20px !important;
}

.ml-2,
.mx-2 {
  margin-left: 20px !important;
}

.m-3 {
  margin: 30px !important;
}

.mt-3,
.my-3 {
  margin-top: 30px !important;
}

.mr-3,
.mx-3 {
  margin-right: 30px !important;
}

.mb-3,
.my-3 {
  margin-bottom: 30px !important;
}

.ml-3,
.mx-3 {
  margin-left: 30px !important;
}

.m-4 {
  margin: 40px !important;
}

.mt-4,
.my-4 {
  margin-top: 40px !important;
}

.mr-4,
.mx-4 {
  margin-right: 40px !important;
}

.mb-4,
.my-4 {
  margin-bottom: 40px !important;
}

.ml-4,
.mx-4 {
  margin-left: 40px !important;
}

.m-5 {
  margin: 50px !important;
}

.mt-5,
.my-5 {
  margin-top: 50px !important;
}

.mr-5,
.mx-5 {
  margin-right: 50px !important;
}

.mb-5,
.my-5 {
  margin-bottom: 50px !important;
}

.ml-5,
.mx-5 {
  margin-left: 50px !important;
}

.m-6 {
  margin: 60px !important;
}

.mt-6,
.my-6 {
  margin-top: 60px !important;
}

.mr-6,
.mx-6 {
  margin-right: 60px !important;
}

.mb-6,
.my-6 {
  margin-bottom: 60px !important;
}

.ml-6,
.mx-6 {
  margin-left: 60px !important;
}

.m-7 {
  margin: 70px !important;
}

.mt-7,
.my-7 {
  margin-top: 70px !important;
}

.mr-7,
.mx-7 {
  margin-right: 70px !important;
}

.mb-7,
.my-7 {
  margin-bottom: 70px !important;
}

.ml-7,
.mx-7 {
  margin-left: 70px !important;
}

.m-8 {
  margin: 80px !important;
}

.mt-8,
.my-8 {
  margin-top: 80px !important;
}

.mr-8,
.mx-8 {
  margin-right: 80px !important;
}

.mb-8,
.my-8 {
  margin-bottom: 80px !important;
}

.ml-8,
.mx-8 {
  margin-left: 80px !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 10px !important;
}

.pt-1,
.py-1 {
  padding-top: 10px !important;
}

.pr-1,
.px-1 {
  padding-right: 10px !important;
}

.pb-1,
.py-1 {
  padding-bottom: 10px !important;
}

.pl-1,
.px-1 {
  padding-left: 10px !important;
}

.p-2 {
  padding: 20px !important;
}

.pt-2,
.py-2 {
  padding-top: 20px !important;
}

.pr-2,
.px-2 {
  padding-right: 20px !important;
}

.pb-2,
.py-2 {
  padding-bottom: 20px !important;
}

.pl-2,
.px-2 {
  padding-left: 20px !important;
}

.p-3 {
  padding: 30px !important;
}

.pt-3,
.py-3 {
  padding-top: 30px !important;
}

.pr-3,
.px-3 {
  padding-right: 30px !important;
}

.pb-3,
.py-3 {
  padding-bottom: 30px !important;
}

.pl-3,
.px-3 {
  padding-left: 30px !important;
}

.p-4 {
  padding: 40px !important;
}

.pt-4,
.py-4 {
  padding-top: 40px !important;
}

.pr-4,
.px-4 {
  padding-right: 40px !important;
}

.pb-4,
.py-4 {
  padding-bottom: 40px !important;
}

.pl-4,
.px-4 {
  padding-left: 40px !important;
}

.p-5 {
  padding: 50px !important;
}

.pt-5,
.py-5 {
  padding-top: 50px !important;
}

.pr-5,
.px-5 {
  padding-right: 50px !important;
}

.pb-5,
.py-5 {
  padding-bottom: 50px !important;
}

.pl-5,
.px-5 {
  padding-left: 50px !important;
}

.p-6 {
  padding: 60px !important;
}

.pt-6,
.py-6 {
  padding-top: 60px !important;
}

.pr-6,
.px-6 {
  padding-right: 60px !important;
}

.pb-6,
.py-6 {
  padding-bottom: 60px !important;
}

.pl-6,
.px-6 {
  padding-left: 60px !important;
}

.p-7 {
  padding: 70px !important;
}

.pt-7,
.py-7 {
  padding-top: 70px !important;
}

.pr-7,
.px-7 {
  padding-right: 70px !important;
}

.pb-7,
.py-7 {
  padding-bottom: 70px !important;
}

.pl-7,
.px-7 {
  padding-left: 70px !important;
}

.p-8 {
  padding: 80px !important;
}

.pt-8,
.py-8 {
  padding-top: 80px !important;
}

.pr-8,
.px-8 {
  padding-right: 80px !important;
}

.pb-8,
.py-8 {
  padding-bottom: 80px !important;
}

.pl-8,
.px-8 {
  padding-left: 80px !important;
}

.m-n1 {
  margin: -10px !important;
}

.mt-n1,
.my-n1 {
  margin-top: -10px !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -10px !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -10px !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -10px !important;
}

.m-n2 {
  margin: -20px !important;
}

.mt-n2,
.my-n2 {
  margin-top: -20px !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -20px !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -20px !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -20px !important;
}

.m-n3 {
  margin: -30px !important;
}

.mt-n3,
.my-n3 {
  margin-top: -30px !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -30px !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -30px !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -30px !important;
}

.m-n4 {
  margin: -40px !important;
}

.mt-n4,
.my-n4 {
  margin-top: -40px !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -40px !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -40px !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -40px !important;
}

.m-n5 {
  margin: -50px !important;
}

.mt-n5,
.my-n5 {
  margin-top: -50px !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -50px !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -50px !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -50px !important;
}

.m-n6 {
  margin: -60px !important;
}

.mt-n6,
.my-n6 {
  margin-top: -60px !important;
}

.mr-n6,
.mx-n6 {
  margin-right: -60px !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -60px !important;
}

.ml-n6,
.mx-n6 {
  margin-left: -60px !important;
}

.m-n7 {
  margin: -70px !important;
}

.mt-n7,
.my-n7 {
  margin-top: -70px !important;
}

.mr-n7,
.mx-n7 {
  margin-right: -70px !important;
}

.mb-n7,
.my-n7 {
  margin-bottom: -70px !important;
}

.ml-n7,
.mx-n7 {
  margin-left: -70px !important;
}

.m-n8 {
  margin: -80px !important;
}

.mt-n8,
.my-n8 {
  margin-top: -80px !important;
}

.mr-n8,
.mx-n8 {
  margin-right: -80px !important;
}

.mb-n8,
.my-n8 {
  margin-bottom: -80px !important;
}

.ml-n8,
.mx-n8 {
  margin-left: -80px !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 490px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 10px !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 10px !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 10px !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 10px !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 10px !important;
  }
  .m-sm-2 {
    margin: 20px !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 20px !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 20px !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 20px !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 20px !important;
  }
  .m-sm-3 {
    margin: 30px !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 30px !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 30px !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 30px !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 30px !important;
  }
  .m-sm-4 {
    margin: 40px !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 40px !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 40px !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 40px !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 40px !important;
  }
  .m-sm-5 {
    margin: 50px !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 50px !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 50px !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 50px !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 50px !important;
  }
  .m-sm-6 {
    margin: 60px !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 60px !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 60px !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 60px !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 60px !important;
  }
  .m-sm-7 {
    margin: 70px !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 70px !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 70px !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 70px !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 70px !important;
  }
  .m-sm-8 {
    margin: 80px !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 80px !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 80px !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 80px !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 80px !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 10px !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 10px !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 10px !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 10px !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 10px !important;
  }
  .p-sm-2 {
    padding: 20px !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 20px !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 20px !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 20px !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 20px !important;
  }
  .p-sm-3 {
    padding: 30px !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 30px !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 30px !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 30px !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 30px !important;
  }
  .p-sm-4 {
    padding: 40px !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 40px !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 40px !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 40px !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 40px !important;
  }
  .p-sm-5 {
    padding: 50px !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 50px !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 50px !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 50px !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 50px !important;
  }
  .p-sm-6 {
    padding: 60px !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 60px !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 60px !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 60px !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 60px !important;
  }
  .p-sm-7 {
    padding: 70px !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 70px !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 70px !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 70px !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 70px !important;
  }
  .p-sm-8 {
    padding: 80px !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 80px !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 80px !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 80px !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 80px !important;
  }
  .m-sm-n1 {
    margin: -10px !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -10px !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -10px !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -10px !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -10px !important;
  }
  .m-sm-n2 {
    margin: -20px !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -20px !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -20px !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -20px !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -20px !important;
  }
  .m-sm-n3 {
    margin: -30px !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -30px !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -30px !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -30px !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -30px !important;
  }
  .m-sm-n4 {
    margin: -40px !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -40px !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -40px !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -40px !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -40px !important;
  }
  .m-sm-n5 {
    margin: -50px !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -50px !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -50px !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -50px !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -50px !important;
  }
  .m-sm-n6 {
    margin: -60px !important;
  }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -60px !important;
  }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: -60px !important;
  }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -60px !important;
  }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: -60px !important;
  }
  .m-sm-n7 {
    margin: -70px !important;
  }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -70px !important;
  }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: -70px !important;
  }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -70px !important;
  }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: -70px !important;
  }
  .m-sm-n8 {
    margin: -80px !important;
  }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: -80px !important;
  }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: -80px !important;
  }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: -80px !important;
  }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: -80px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 801px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 10px !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 10px !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 10px !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 10px !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 10px !important;
  }
  .m-md-2 {
    margin: 20px !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 20px !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 20px !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 20px !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 20px !important;
  }
  .m-md-3 {
    margin: 30px !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 30px !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 30px !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 30px !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 30px !important;
  }
  .m-md-4 {
    margin: 40px !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 40px !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 40px !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 40px !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 40px !important;
  }
  .m-md-5 {
    margin: 50px !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 50px !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 50px !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 50px !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 50px !important;
  }
  .m-md-6 {
    margin: 60px !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 60px !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 60px !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 60px !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 60px !important;
  }
  .m-md-7 {
    margin: 70px !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 70px !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 70px !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 70px !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 70px !important;
  }
  .m-md-8 {
    margin: 80px !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 80px !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 80px !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 80px !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 80px !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 10px !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 10px !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 10px !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 10px !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 10px !important;
  }
  .p-md-2 {
    padding: 20px !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 20px !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 20px !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 20px !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 20px !important;
  }
  .p-md-3 {
    padding: 30px !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 30px !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 30px !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 30px !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 30px !important;
  }
  .p-md-4 {
    padding: 40px !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 40px !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 40px !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 40px !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 40px !important;
  }
  .p-md-5 {
    padding: 50px !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 50px !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 50px !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 50px !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 50px !important;
  }
  .p-md-6 {
    padding: 60px !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 60px !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 60px !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 60px !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 60px !important;
  }
  .p-md-7 {
    padding: 70px !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 70px !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 70px !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 70px !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 70px !important;
  }
  .p-md-8 {
    padding: 80px !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 80px !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 80px !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 80px !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 80px !important;
  }
  .m-md-n1 {
    margin: -10px !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -10px !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -10px !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -10px !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -10px !important;
  }
  .m-md-n2 {
    margin: -20px !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -20px !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -20px !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -20px !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -20px !important;
  }
  .m-md-n3 {
    margin: -30px !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -30px !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -30px !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -30px !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -30px !important;
  }
  .m-md-n4 {
    margin: -40px !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -40px !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -40px !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -40px !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -40px !important;
  }
  .m-md-n5 {
    margin: -50px !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -50px !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -50px !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -50px !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -50px !important;
  }
  .m-md-n6 {
    margin: -60px !important;
  }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: -60px !important;
  }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: -60px !important;
  }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -60px !important;
  }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: -60px !important;
  }
  .m-md-n7 {
    margin: -70px !important;
  }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: -70px !important;
  }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: -70px !important;
  }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -70px !important;
  }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: -70px !important;
  }
  .m-md-n8 {
    margin: -80px !important;
  }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: -80px !important;
  }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: -80px !important;
  }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: -80px !important;
  }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: -80px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1024px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 10px !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 10px !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 10px !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 10px !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 10px !important;
  }
  .m-lg-2 {
    margin: 20px !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 20px !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 20px !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 20px !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 20px !important;
  }
  .m-lg-3 {
    margin: 30px !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 30px !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 30px !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 30px !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 30px !important;
  }
  .m-lg-4 {
    margin: 40px !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 40px !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 40px !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 40px !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 40px !important;
  }
  .m-lg-5 {
    margin: 50px !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 50px !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 50px !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 50px !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 50px !important;
  }
  .m-lg-6 {
    margin: 60px !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 60px !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 60px !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 60px !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 60px !important;
  }
  .m-lg-7 {
    margin: 70px !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 70px !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 70px !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 70px !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 70px !important;
  }
  .m-lg-8 {
    margin: 80px !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 80px !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 80px !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 80px !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 80px !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 10px !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 10px !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 10px !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 10px !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 10px !important;
  }
  .p-lg-2 {
    padding: 20px !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 20px !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 20px !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 20px !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 20px !important;
  }
  .p-lg-3 {
    padding: 30px !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 30px !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 30px !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 30px !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 30px !important;
  }
  .p-lg-4 {
    padding: 40px !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 40px !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 40px !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 40px !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 40px !important;
  }
  .p-lg-5 {
    padding: 50px !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 50px !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 50px !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 50px !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 50px !important;
  }
  .p-lg-6 {
    padding: 60px !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 60px !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 60px !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 60px !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 60px !important;
  }
  .p-lg-7 {
    padding: 70px !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 70px !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 70px !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 70px !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 70px !important;
  }
  .p-lg-8 {
    padding: 80px !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 80px !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 80px !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 80px !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 80px !important;
  }
  .m-lg-n1 {
    margin: -10px !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -10px !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -10px !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -10px !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -10px !important;
  }
  .m-lg-n2 {
    margin: -20px !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -20px !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -20px !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -20px !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -20px !important;
  }
  .m-lg-n3 {
    margin: -30px !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -30px !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -30px !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -30px !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -30px !important;
  }
  .m-lg-n4 {
    margin: -40px !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -40px !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -40px !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -40px !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -40px !important;
  }
  .m-lg-n5 {
    margin: -50px !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -50px !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -50px !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -50px !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -50px !important;
  }
  .m-lg-n6 {
    margin: -60px !important;
  }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -60px !important;
  }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: -60px !important;
  }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -60px !important;
  }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: -60px !important;
  }
  .m-lg-n7 {
    margin: -70px !important;
  }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -70px !important;
  }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: -70px !important;
  }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -70px !important;
  }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: -70px !important;
  }
  .m-lg-n8 {
    margin: -80px !important;
  }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: -80px !important;
  }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: -80px !important;
  }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: -80px !important;
  }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: -80px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 10px !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 10px !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 10px !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 10px !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 10px !important;
  }
  .m-xl-2 {
    margin: 20px !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 20px !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 20px !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 20px !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 20px !important;
  }
  .m-xl-3 {
    margin: 30px !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 30px !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 30px !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 30px !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 30px !important;
  }
  .m-xl-4 {
    margin: 40px !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 40px !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 40px !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 40px !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 40px !important;
  }
  .m-xl-5 {
    margin: 50px !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 50px !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 50px !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 50px !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 50px !important;
  }
  .m-xl-6 {
    margin: 60px !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 60px !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 60px !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 60px !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 60px !important;
  }
  .m-xl-7 {
    margin: 70px !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 70px !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 70px !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 70px !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 70px !important;
  }
  .m-xl-8 {
    margin: 80px !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 80px !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 80px !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 80px !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 80px !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 10px !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 10px !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 10px !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 10px !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 10px !important;
  }
  .p-xl-2 {
    padding: 20px !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 20px !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 20px !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 20px !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 20px !important;
  }
  .p-xl-3 {
    padding: 30px !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 30px !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 30px !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 30px !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 30px !important;
  }
  .p-xl-4 {
    padding: 40px !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 40px !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 40px !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 40px !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 40px !important;
  }
  .p-xl-5 {
    padding: 50px !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 50px !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 50px !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 50px !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 50px !important;
  }
  .p-xl-6 {
    padding: 60px !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 60px !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 60px !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 60px !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 60px !important;
  }
  .p-xl-7 {
    padding: 70px !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 70px !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 70px !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 70px !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 70px !important;
  }
  .p-xl-8 {
    padding: 80px !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 80px !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 80px !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 80px !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 80px !important;
  }
  .m-xl-n1 {
    margin: -10px !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -10px !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -10px !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -10px !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -10px !important;
  }
  .m-xl-n2 {
    margin: -20px !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -20px !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -20px !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -20px !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -20px !important;
  }
  .m-xl-n3 {
    margin: -30px !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -30px !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -30px !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -30px !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -30px !important;
  }
  .m-xl-n4 {
    margin: -40px !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -40px !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -40px !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -40px !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -40px !important;
  }
  .m-xl-n5 {
    margin: -50px !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -50px !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -50px !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -50px !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -50px !important;
  }
  .m-xl-n6 {
    margin: -60px !important;
  }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -60px !important;
  }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: -60px !important;
  }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -60px !important;
  }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: -60px !important;
  }
  .m-xl-n7 {
    margin: -70px !important;
  }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -70px !important;
  }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: -70px !important;
  }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -70px !important;
  }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: -70px !important;
  }
  .m-xl-n8 {
    margin: -80px !important;
  }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: -80px !important;
  }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: -80px !important;
  }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: -80px !important;
  }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: -80px !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.container {
  padding-left: 5px;
  padding-right: 5px;
}

.row:not(.no-gutters) {
  margin-right: -5px;
  margin-left: -5px;
}

.row:not(.no-gutters) > .col,
.row:not(.no-gutters) > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

@media (min-width: 490px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .row:not(.no-gutters) {
    margin-right: -10px;
    margin-left: -10px;
  }
  .row:not(.no-gutters) > .col,
  .row:not(.no-gutters) > [class*=col-] {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 801px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row:not(.no-gutters) {
    margin-right: -15px;
    margin-left: -15px;
  }
  .row:not(.no-gutters) > .col,
  .row:not(.no-gutters) > [class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1024px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row:not(.no-gutters) {
    margin-right: -15px;
    margin-left: -15px;
  }
  .row:not(.no-gutters) > .col,
  .row:not(.no-gutters) > [class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1440px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row:not(.no-gutters) {
    margin-right: -15px;
    margin-left: -15px;
  }
  .row:not(.no-gutters) > .col,
  .row:not(.no-gutters) > [class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.text-left {
  text-align: left;
}

.text-xs-left {
  text-align: left !important;
}

@media (min-width: 490px) {
  .text-sm-left {
    text-align: left !important;
  }
}
@media (min-width: 801px) {
  .text-md-left {
    text-align: left !important;
  }
}
@media (min-width: 1024px) {
  .text-lg-left {
    text-align: left !important;
  }
}
@media (min-width: 1440px) {
  .text-xl-left {
    text-align: left !important;
  }
}
.text-center {
  text-align: center;
}

.text-xs-center {
  text-align: center !important;
}

@media (min-width: 490px) {
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 801px) {
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1024px) {
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1440px) {
  .text-xl-center {
    text-align: center !important;
  }
}
.text-right {
  text-align: right;
}

.text-xs-right {
  text-align: right !important;
}

@media (min-width: 490px) {
  .text-sm-right {
    text-align: right !important;
  }
}
@media (min-width: 801px) {
  .text-md-right {
    text-align: right !important;
  }
}
@media (min-width: 1024px) {
  .text-lg-right {
    text-align: right !important;
  }
}
@media (min-width: 1440px) {
  .text-xl-right {
    text-align: right !important;
  }
}
/**
* Tippy.js tooltip
**/
.__NAMESPACE_PREFIX__-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-__NAMESPACE_PREFIX__-root] {
  max-width: calc(100vw - 10px);
}

.__NAMESPACE_PREFIX__-box {
  position: relative;
  background-color: #333;
  color: white;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  transition-property: transform, visibility, opacity;
}
.__NAMESPACE_PREFIX__-box[data-placement^=top] > .__NAMESPACE_PREFIX__-arrow {
  bottom: 0;
}
.__NAMESPACE_PREFIX__-box[data-placement^=top] > .__NAMESPACE_PREFIX__-arrow::before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.__NAMESPACE_PREFIX__-box[data-placement^=bottom] > .__NAMESPACE_PREFIX__-arrow {
  top: 0;
}
.__NAMESPACE_PREFIX__-box[data-placement^=bottom] > .__NAMESPACE_PREFIX__-arrow::before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.__NAMESPACE_PREFIX__-box[data-placement^=left] > .__NAMESPACE_PREFIX__-arrow {
  right: 0;
}
.__NAMESPACE_PREFIX__-box[data-placement^=left] > .__NAMESPACE_PREFIX__-arrow::before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.__NAMESPACE_PREFIX__-box[data-placement^=right] > .__NAMESPACE_PREFIX__-arrow {
  left: 0;
}
.__NAMESPACE_PREFIX__-box[data-placement^=right] > .__NAMESPACE_PREFIX__-arrow::before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.__NAMESPACE_PREFIX__-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.__NAMESPACE_PREFIX__-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.__NAMESPACE_PREFIX__-arrow::before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.__NAMESPACE_PREFIX__-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

/**
 * Selectric custom dropdown
 **/
/*======================================
  Selectric v1.13.0
======================================*/
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #DDD;
  border-radius: 0px;
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 12px;
  line-height: 38px;
  color: #444;
  height: 38px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric .button, .selectric .image .ageRestriction button, .image .ageRestriction .selectric button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background-color: #F8f8f8;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after, .selectric .image .ageRestriction button:after, .image .ageRestriction .selectric button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #aaaaaa;
}

.selectric-hover .selectric {
  border-color: #c4c4c4;
}

.selectric-hover .selectric .button, .selectric-hover .selectric .image .ageRestriction button, .image .ageRestriction .selectric-hover .selectric button {
  color: #a2a2a2;
}

.selectric-hover .selectric .button:after, .selectric-hover .selectric .image .ageRestriction button:after, .image .ageRestriction .selectric-hover .selectric button:after {
  border-top-color: #a2a2a2;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #c4c4c4;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer;
}

.selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}

.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444;
}

.selectric-items li:hover {
  background: #D5D5D5;
  color: #444;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

/*@import "../assets/swiper/swiper";*/
/**
 * Lity popup
 */
/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity.lity-opened {
  opacity: 1;
}

.lity.lity-closed {
  opacity: 0;
}

.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}

.lity-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity-loading .lity-loader {
  opacity: 1;
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.lity-content:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close:active {
  top: 1px;
}

/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

.lity-hide {
  display: none;
}

[data-lity] {
  cursor: pointer;
}

section#dashboard {
  background: transparent;
  font-family: "Robot", sans-serif;
  font-size: 16px;
}
section#dashboard h1, section#dashboard h2, section#dashboard h3 {
  font-family: "Heebo", sans-serif;
}
section#dashboard h1 {
  font-size: 3.5em;
  line-height: 2em;
  font-weight: 900;
  margin-bottom: 20px;
}
section#dashboard h2 {
  font-size: 2em;
  line-height: 1.6em;
}
section#dashboard h3 {
  font-size: 1.5em;
  line-height: 1.5em;
}
section#dashboard a, section#dashboard .image .ageRestriction button, .image .ageRestriction section#dashboard button {
  color: #2196f3;
}
section#dashboard a:hover, section#dashboard .image .ageRestriction button:hover, .image .ageRestriction section#dashboard button:hover {
  text-decoration: underline;
}
section#dashboard header {
  background: #383838;
  height: 100px;
}
section#dashboard header .container {
  height: 100%;
}
section#dashboard header .container .row {
  height: 100%;
}
section#dashboard header .container .row > div {
  height: 100%;
  display: flex;
  align-items: center;
}
section#dashboard section#content {
  background: transparent;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  margin-top: 20px;
  line-height: 1.5em;
  color: #383838;
}
section#dashboard section#content .intro {
  font-size: 1.1em;
  margin-bottom: 40px;
}
.referrerslandingpage .highlightBlock {
  margin-top: 45px;
}
.referrerslandingpage .umb-grid + .umb-grid {
  margin-top: 45px;
}
@media (min-width: 801px) {
  .referrerslandingpage .umb-grid + .umb-grid {
    margin-top: 90px;
  }
}

.trainingoverviewpage .articles {
  margin-top: 60px;
}
@media (min-width: 801px) {
  .trainingoverviewpage .articles {
    margin-top: 90px;
  }
}
.trainingoverviewpage .contactBlock {
  margin-top: 60px;
}
@media (min-width: 801px) {
  .trainingoverviewpage .contactBlock {
    margin-top: 90px;
  }
}
.trainingoverviewpage .umb-grid div > .image img {
  border-radius: 50% !important;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a,
.image .ageRestriction button, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus, .image .ageRestriction button:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, .image .ageRestriction button:active,
a:hover,
.image .ageRestriction button:hover {
  outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0; /* 1 */
  padding: 0;
  white-space: normal; /* 2 */
  *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
  *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
  *overflow: visible; /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

html,
button,
input,
select,
textarea {
  color: #222;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/**
* Bootstrap grid framework
**/
/*!
 * Bootstrap Grid v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container,
.container-fluid,
.container-xs,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container {
  max-width: 490px;
}

@media (min-width: 490px) {
  .container, .container-sm {
    max-width: 801px;
  }
}
@media (min-width: 801px) {
  .container, .container-sm, .container-md {
    max-width: 1024px;
  }
}
@media (min-width: 1024px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 1439px;
  }
}
@media (min-width: 1440px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1440px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 490px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 801px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1440px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 490px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 801px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1024px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1440px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 490px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 801px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1024px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1440px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 10px !important;
}

.mt-1,
.my-1 {
  margin-top: 10px !important;
}

.mr-1,
.mx-1 {
  margin-right: 10px !important;
}

.mb-1,
.my-1 {
  margin-bottom: 10px !important;
}

.ml-1,
.mx-1 {
  margin-left: 10px !important;
}

.m-2 {
  margin: 20px !important;
}

.mt-2,
.my-2 {
  margin-top: 20px !important;
}

.mr-2,
.mx-2 {
  margin-right: 20px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 20px !important;
}

.ml-2,
.mx-2 {
  margin-left: 20px !important;
}

.m-3 {
  margin: 30px !important;
}

.mt-3,
.my-3 {
  margin-top: 30px !important;
}

.mr-3,
.mx-3 {
  margin-right: 30px !important;
}

.mb-3,
.my-3 {
  margin-bottom: 30px !important;
}

.ml-3,
.mx-3 {
  margin-left: 30px !important;
}

.m-4 {
  margin: 40px !important;
}

.mt-4,
.my-4 {
  margin-top: 40px !important;
}

.mr-4,
.mx-4 {
  margin-right: 40px !important;
}

.mb-4,
.my-4 {
  margin-bottom: 40px !important;
}

.ml-4,
.mx-4 {
  margin-left: 40px !important;
}

.m-5 {
  margin: 50px !important;
}

.mt-5,
.my-5 {
  margin-top: 50px !important;
}

.mr-5,
.mx-5 {
  margin-right: 50px !important;
}

.mb-5,
.my-5 {
  margin-bottom: 50px !important;
}

.ml-5,
.mx-5 {
  margin-left: 50px !important;
}

.m-6 {
  margin: 60px !important;
}

.mt-6,
.my-6 {
  margin-top: 60px !important;
}

.mr-6,
.mx-6 {
  margin-right: 60px !important;
}

.mb-6,
.my-6 {
  margin-bottom: 60px !important;
}

.ml-6,
.mx-6 {
  margin-left: 60px !important;
}

.m-7 {
  margin: 70px !important;
}

.mt-7,
.my-7 {
  margin-top: 70px !important;
}

.mr-7,
.mx-7 {
  margin-right: 70px !important;
}

.mb-7,
.my-7 {
  margin-bottom: 70px !important;
}

.ml-7,
.mx-7 {
  margin-left: 70px !important;
}

.m-8 {
  margin: 80px !important;
}

.mt-8,
.my-8 {
  margin-top: 80px !important;
}

.mr-8,
.mx-8 {
  margin-right: 80px !important;
}

.mb-8,
.my-8 {
  margin-bottom: 80px !important;
}

.ml-8,
.mx-8 {
  margin-left: 80px !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 10px !important;
}

.pt-1,
.py-1 {
  padding-top: 10px !important;
}

.pr-1,
.px-1 {
  padding-right: 10px !important;
}

.pb-1,
.py-1 {
  padding-bottom: 10px !important;
}

.pl-1,
.px-1 {
  padding-left: 10px !important;
}

.p-2 {
  padding: 20px !important;
}

.pt-2,
.py-2 {
  padding-top: 20px !important;
}

.pr-2,
.px-2 {
  padding-right: 20px !important;
}

.pb-2,
.py-2 {
  padding-bottom: 20px !important;
}

.pl-2,
.px-2 {
  padding-left: 20px !important;
}

.p-3 {
  padding: 30px !important;
}

.pt-3,
.py-3 {
  padding-top: 30px !important;
}

.pr-3,
.px-3 {
  padding-right: 30px !important;
}

.pb-3,
.py-3 {
  padding-bottom: 30px !important;
}

.pl-3,
.px-3 {
  padding-left: 30px !important;
}

.p-4 {
  padding: 40px !important;
}

.pt-4,
.py-4 {
  padding-top: 40px !important;
}

.pr-4,
.px-4 {
  padding-right: 40px !important;
}

.pb-4,
.py-4 {
  padding-bottom: 40px !important;
}

.pl-4,
.px-4 {
  padding-left: 40px !important;
}

.p-5 {
  padding: 50px !important;
}

.pt-5,
.py-5 {
  padding-top: 50px !important;
}

.pr-5,
.px-5 {
  padding-right: 50px !important;
}

.pb-5,
.py-5 {
  padding-bottom: 50px !important;
}

.pl-5,
.px-5 {
  padding-left: 50px !important;
}

.p-6 {
  padding: 60px !important;
}

.pt-6,
.py-6 {
  padding-top: 60px !important;
}

.pr-6,
.px-6 {
  padding-right: 60px !important;
}

.pb-6,
.py-6 {
  padding-bottom: 60px !important;
}

.pl-6,
.px-6 {
  padding-left: 60px !important;
}

.p-7 {
  padding: 70px !important;
}

.pt-7,
.py-7 {
  padding-top: 70px !important;
}

.pr-7,
.px-7 {
  padding-right: 70px !important;
}

.pb-7,
.py-7 {
  padding-bottom: 70px !important;
}

.pl-7,
.px-7 {
  padding-left: 70px !important;
}

.p-8 {
  padding: 80px !important;
}

.pt-8,
.py-8 {
  padding-top: 80px !important;
}

.pr-8,
.px-8 {
  padding-right: 80px !important;
}

.pb-8,
.py-8 {
  padding-bottom: 80px !important;
}

.pl-8,
.px-8 {
  padding-left: 80px !important;
}

.m-n1 {
  margin: -10px !important;
}

.mt-n1,
.my-n1 {
  margin-top: -10px !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -10px !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -10px !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -10px !important;
}

.m-n2 {
  margin: -20px !important;
}

.mt-n2,
.my-n2 {
  margin-top: -20px !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -20px !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -20px !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -20px !important;
}

.m-n3 {
  margin: -30px !important;
}

.mt-n3,
.my-n3 {
  margin-top: -30px !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -30px !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -30px !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -30px !important;
}

.m-n4 {
  margin: -40px !important;
}

.mt-n4,
.my-n4 {
  margin-top: -40px !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -40px !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -40px !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -40px !important;
}

.m-n5 {
  margin: -50px !important;
}

.mt-n5,
.my-n5 {
  margin-top: -50px !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -50px !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -50px !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -50px !important;
}

.m-n6 {
  margin: -60px !important;
}

.mt-n6,
.my-n6 {
  margin-top: -60px !important;
}

.mr-n6,
.mx-n6 {
  margin-right: -60px !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -60px !important;
}

.ml-n6,
.mx-n6 {
  margin-left: -60px !important;
}

.m-n7 {
  margin: -70px !important;
}

.mt-n7,
.my-n7 {
  margin-top: -70px !important;
}

.mr-n7,
.mx-n7 {
  margin-right: -70px !important;
}

.mb-n7,
.my-n7 {
  margin-bottom: -70px !important;
}

.ml-n7,
.mx-n7 {
  margin-left: -70px !important;
}

.m-n8 {
  margin: -80px !important;
}

.mt-n8,
.my-n8 {
  margin-top: -80px !important;
}

.mr-n8,
.mx-n8 {
  margin-right: -80px !important;
}

.mb-n8,
.my-n8 {
  margin-bottom: -80px !important;
}

.ml-n8,
.mx-n8 {
  margin-left: -80px !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 490px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 10px !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 10px !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 10px !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 10px !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 10px !important;
  }
  .m-sm-2 {
    margin: 20px !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 20px !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 20px !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 20px !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 20px !important;
  }
  .m-sm-3 {
    margin: 30px !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 30px !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 30px !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 30px !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 30px !important;
  }
  .m-sm-4 {
    margin: 40px !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 40px !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 40px !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 40px !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 40px !important;
  }
  .m-sm-5 {
    margin: 50px !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 50px !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 50px !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 50px !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 50px !important;
  }
  .m-sm-6 {
    margin: 60px !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 60px !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 60px !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 60px !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 60px !important;
  }
  .m-sm-7 {
    margin: 70px !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 70px !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 70px !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 70px !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 70px !important;
  }
  .m-sm-8 {
    margin: 80px !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 80px !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 80px !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 80px !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 80px !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 10px !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 10px !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 10px !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 10px !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 10px !important;
  }
  .p-sm-2 {
    padding: 20px !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 20px !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 20px !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 20px !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 20px !important;
  }
  .p-sm-3 {
    padding: 30px !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 30px !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 30px !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 30px !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 30px !important;
  }
  .p-sm-4 {
    padding: 40px !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 40px !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 40px !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 40px !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 40px !important;
  }
  .p-sm-5 {
    padding: 50px !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 50px !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 50px !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 50px !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 50px !important;
  }
  .p-sm-6 {
    padding: 60px !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 60px !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 60px !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 60px !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 60px !important;
  }
  .p-sm-7 {
    padding: 70px !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 70px !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 70px !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 70px !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 70px !important;
  }
  .p-sm-8 {
    padding: 80px !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 80px !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 80px !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 80px !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 80px !important;
  }
  .m-sm-n1 {
    margin: -10px !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -10px !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -10px !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -10px !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -10px !important;
  }
  .m-sm-n2 {
    margin: -20px !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -20px !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -20px !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -20px !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -20px !important;
  }
  .m-sm-n3 {
    margin: -30px !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -30px !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -30px !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -30px !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -30px !important;
  }
  .m-sm-n4 {
    margin: -40px !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -40px !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -40px !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -40px !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -40px !important;
  }
  .m-sm-n5 {
    margin: -50px !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -50px !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -50px !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -50px !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -50px !important;
  }
  .m-sm-n6 {
    margin: -60px !important;
  }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -60px !important;
  }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: -60px !important;
  }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -60px !important;
  }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: -60px !important;
  }
  .m-sm-n7 {
    margin: -70px !important;
  }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -70px !important;
  }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: -70px !important;
  }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -70px !important;
  }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: -70px !important;
  }
  .m-sm-n8 {
    margin: -80px !important;
  }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: -80px !important;
  }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: -80px !important;
  }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: -80px !important;
  }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: -80px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 801px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 10px !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 10px !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 10px !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 10px !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 10px !important;
  }
  .m-md-2 {
    margin: 20px !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 20px !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 20px !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 20px !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 20px !important;
  }
  .m-md-3 {
    margin: 30px !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 30px !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 30px !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 30px !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 30px !important;
  }
  .m-md-4 {
    margin: 40px !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 40px !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 40px !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 40px !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 40px !important;
  }
  .m-md-5 {
    margin: 50px !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 50px !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 50px !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 50px !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 50px !important;
  }
  .m-md-6 {
    margin: 60px !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 60px !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 60px !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 60px !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 60px !important;
  }
  .m-md-7 {
    margin: 70px !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 70px !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 70px !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 70px !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 70px !important;
  }
  .m-md-8 {
    margin: 80px !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 80px !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 80px !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 80px !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 80px !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 10px !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 10px !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 10px !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 10px !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 10px !important;
  }
  .p-md-2 {
    padding: 20px !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 20px !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 20px !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 20px !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 20px !important;
  }
  .p-md-3 {
    padding: 30px !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 30px !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 30px !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 30px !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 30px !important;
  }
  .p-md-4 {
    padding: 40px !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 40px !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 40px !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 40px !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 40px !important;
  }
  .p-md-5 {
    padding: 50px !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 50px !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 50px !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 50px !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 50px !important;
  }
  .p-md-6 {
    padding: 60px !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 60px !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 60px !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 60px !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 60px !important;
  }
  .p-md-7 {
    padding: 70px !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 70px !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 70px !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 70px !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 70px !important;
  }
  .p-md-8 {
    padding: 80px !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 80px !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 80px !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 80px !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 80px !important;
  }
  .m-md-n1 {
    margin: -10px !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -10px !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -10px !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -10px !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -10px !important;
  }
  .m-md-n2 {
    margin: -20px !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -20px !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -20px !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -20px !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -20px !important;
  }
  .m-md-n3 {
    margin: -30px !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -30px !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -30px !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -30px !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -30px !important;
  }
  .m-md-n4 {
    margin: -40px !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -40px !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -40px !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -40px !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -40px !important;
  }
  .m-md-n5 {
    margin: -50px !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -50px !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -50px !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -50px !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -50px !important;
  }
  .m-md-n6 {
    margin: -60px !important;
  }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: -60px !important;
  }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: -60px !important;
  }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -60px !important;
  }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: -60px !important;
  }
  .m-md-n7 {
    margin: -70px !important;
  }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: -70px !important;
  }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: -70px !important;
  }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -70px !important;
  }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: -70px !important;
  }
  .m-md-n8 {
    margin: -80px !important;
  }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: -80px !important;
  }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: -80px !important;
  }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: -80px !important;
  }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: -80px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1024px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 10px !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 10px !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 10px !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 10px !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 10px !important;
  }
  .m-lg-2 {
    margin: 20px !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 20px !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 20px !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 20px !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 20px !important;
  }
  .m-lg-3 {
    margin: 30px !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 30px !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 30px !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 30px !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 30px !important;
  }
  .m-lg-4 {
    margin: 40px !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 40px !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 40px !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 40px !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 40px !important;
  }
  .m-lg-5 {
    margin: 50px !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 50px !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 50px !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 50px !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 50px !important;
  }
  .m-lg-6 {
    margin: 60px !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 60px !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 60px !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 60px !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 60px !important;
  }
  .m-lg-7 {
    margin: 70px !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 70px !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 70px !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 70px !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 70px !important;
  }
  .m-lg-8 {
    margin: 80px !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 80px !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 80px !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 80px !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 80px !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 10px !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 10px !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 10px !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 10px !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 10px !important;
  }
  .p-lg-2 {
    padding: 20px !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 20px !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 20px !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 20px !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 20px !important;
  }
  .p-lg-3 {
    padding: 30px !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 30px !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 30px !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 30px !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 30px !important;
  }
  .p-lg-4 {
    padding: 40px !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 40px !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 40px !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 40px !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 40px !important;
  }
  .p-lg-5 {
    padding: 50px !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 50px !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 50px !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 50px !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 50px !important;
  }
  .p-lg-6 {
    padding: 60px !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 60px !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 60px !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 60px !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 60px !important;
  }
  .p-lg-7 {
    padding: 70px !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 70px !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 70px !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 70px !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 70px !important;
  }
  .p-lg-8 {
    padding: 80px !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 80px !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 80px !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 80px !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 80px !important;
  }
  .m-lg-n1 {
    margin: -10px !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -10px !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -10px !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -10px !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -10px !important;
  }
  .m-lg-n2 {
    margin: -20px !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -20px !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -20px !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -20px !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -20px !important;
  }
  .m-lg-n3 {
    margin: -30px !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -30px !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -30px !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -30px !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -30px !important;
  }
  .m-lg-n4 {
    margin: -40px !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -40px !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -40px !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -40px !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -40px !important;
  }
  .m-lg-n5 {
    margin: -50px !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -50px !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -50px !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -50px !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -50px !important;
  }
  .m-lg-n6 {
    margin: -60px !important;
  }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -60px !important;
  }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: -60px !important;
  }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -60px !important;
  }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: -60px !important;
  }
  .m-lg-n7 {
    margin: -70px !important;
  }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -70px !important;
  }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: -70px !important;
  }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -70px !important;
  }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: -70px !important;
  }
  .m-lg-n8 {
    margin: -80px !important;
  }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: -80px !important;
  }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: -80px !important;
  }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: -80px !important;
  }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: -80px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 10px !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 10px !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 10px !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 10px !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 10px !important;
  }
  .m-xl-2 {
    margin: 20px !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 20px !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 20px !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 20px !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 20px !important;
  }
  .m-xl-3 {
    margin: 30px !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 30px !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 30px !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 30px !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 30px !important;
  }
  .m-xl-4 {
    margin: 40px !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 40px !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 40px !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 40px !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 40px !important;
  }
  .m-xl-5 {
    margin: 50px !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 50px !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 50px !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 50px !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 50px !important;
  }
  .m-xl-6 {
    margin: 60px !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 60px !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 60px !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 60px !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 60px !important;
  }
  .m-xl-7 {
    margin: 70px !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 70px !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 70px !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 70px !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 70px !important;
  }
  .m-xl-8 {
    margin: 80px !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 80px !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 80px !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 80px !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 80px !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 10px !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 10px !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 10px !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 10px !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 10px !important;
  }
  .p-xl-2 {
    padding: 20px !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 20px !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 20px !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 20px !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 20px !important;
  }
  .p-xl-3 {
    padding: 30px !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 30px !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 30px !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 30px !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 30px !important;
  }
  .p-xl-4 {
    padding: 40px !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 40px !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 40px !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 40px !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 40px !important;
  }
  .p-xl-5 {
    padding: 50px !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 50px !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 50px !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 50px !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 50px !important;
  }
  .p-xl-6 {
    padding: 60px !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 60px !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 60px !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 60px !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 60px !important;
  }
  .p-xl-7 {
    padding: 70px !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 70px !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 70px !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 70px !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 70px !important;
  }
  .p-xl-8 {
    padding: 80px !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 80px !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 80px !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 80px !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 80px !important;
  }
  .m-xl-n1 {
    margin: -10px !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -10px !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -10px !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -10px !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -10px !important;
  }
  .m-xl-n2 {
    margin: -20px !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -20px !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -20px !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -20px !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -20px !important;
  }
  .m-xl-n3 {
    margin: -30px !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -30px !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -30px !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -30px !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -30px !important;
  }
  .m-xl-n4 {
    margin: -40px !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -40px !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -40px !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -40px !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -40px !important;
  }
  .m-xl-n5 {
    margin: -50px !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -50px !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -50px !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -50px !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -50px !important;
  }
  .m-xl-n6 {
    margin: -60px !important;
  }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -60px !important;
  }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: -60px !important;
  }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -60px !important;
  }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: -60px !important;
  }
  .m-xl-n7 {
    margin: -70px !important;
  }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -70px !important;
  }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: -70px !important;
  }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -70px !important;
  }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: -70px !important;
  }
  .m-xl-n8 {
    margin: -80px !important;
  }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: -80px !important;
  }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: -80px !important;
  }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: -80px !important;
  }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: -80px !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.container {
  padding-left: 5px;
  padding-right: 5px;
}

.row:not(.no-gutters) {
  margin-right: -5px;
  margin-left: -5px;
}

.row:not(.no-gutters) > .col,
.row:not(.no-gutters) > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

@media (min-width: 490px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .row:not(.no-gutters) {
    margin-right: -10px;
    margin-left: -10px;
  }
  .row:not(.no-gutters) > .col,
  .row:not(.no-gutters) > [class*=col-] {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 801px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row:not(.no-gutters) {
    margin-right: -15px;
    margin-left: -15px;
  }
  .row:not(.no-gutters) > .col,
  .row:not(.no-gutters) > [class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1024px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row:not(.no-gutters) {
    margin-right: -15px;
    margin-left: -15px;
  }
  .row:not(.no-gutters) > .col,
  .row:not(.no-gutters) > [class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1440px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row:not(.no-gutters) {
    margin-right: -15px;
    margin-left: -15px;
  }
  .row:not(.no-gutters) > .col,
  .row:not(.no-gutters) > [class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.text-left {
  text-align: left;
}

.text-xs-left {
  text-align: left !important;
}

@media (min-width: 490px) {
  .text-sm-left {
    text-align: left !important;
  }
}
@media (min-width: 801px) {
  .text-md-left {
    text-align: left !important;
  }
}
@media (min-width: 1024px) {
  .text-lg-left {
    text-align: left !important;
  }
}
@media (min-width: 1440px) {
  .text-xl-left {
    text-align: left !important;
  }
}
.text-center {
  text-align: center;
}

.text-xs-center {
  text-align: center !important;
}

@media (min-width: 490px) {
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 801px) {
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1024px) {
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1440px) {
  .text-xl-center {
    text-align: center !important;
  }
}
.text-right {
  text-align: right;
}

.text-xs-right {
  text-align: right !important;
}

@media (min-width: 490px) {
  .text-sm-right {
    text-align: right !important;
  }
}
@media (min-width: 801px) {
  .text-md-right {
    text-align: right !important;
  }
}
@media (min-width: 1024px) {
  .text-lg-right {
    text-align: right !important;
  }
}
@media (min-width: 1440px) {
  .text-xl-right {
    text-align: right !important;
  }
}
/**
* Tippy.js tooltip
**/
.__NAMESPACE_PREFIX__-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-__NAMESPACE_PREFIX__-root] {
  max-width: calc(100vw - 10px);
}

.__NAMESPACE_PREFIX__-box {
  position: relative;
  background-color: #333;
  color: white;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  transition-property: transform, visibility, opacity;
}
.__NAMESPACE_PREFIX__-box[data-placement^=top] > .__NAMESPACE_PREFIX__-arrow {
  bottom: 0;
}
.__NAMESPACE_PREFIX__-box[data-placement^=top] > .__NAMESPACE_PREFIX__-arrow::before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.__NAMESPACE_PREFIX__-box[data-placement^=bottom] > .__NAMESPACE_PREFIX__-arrow {
  top: 0;
}
.__NAMESPACE_PREFIX__-box[data-placement^=bottom] > .__NAMESPACE_PREFIX__-arrow::before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.__NAMESPACE_PREFIX__-box[data-placement^=left] > .__NAMESPACE_PREFIX__-arrow {
  right: 0;
}
.__NAMESPACE_PREFIX__-box[data-placement^=left] > .__NAMESPACE_PREFIX__-arrow::before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.__NAMESPACE_PREFIX__-box[data-placement^=right] > .__NAMESPACE_PREFIX__-arrow {
  left: 0;
}
.__NAMESPACE_PREFIX__-box[data-placement^=right] > .__NAMESPACE_PREFIX__-arrow::before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.__NAMESPACE_PREFIX__-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.__NAMESPACE_PREFIX__-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.__NAMESPACE_PREFIX__-arrow::before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.__NAMESPACE_PREFIX__-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

/**
 * Selectric custom dropdown
 **/
/*======================================
  Selectric v1.13.0
======================================*/
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #DDD;
  border-radius: 0px;
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 12px;
  line-height: 38px;
  color: #444;
  height: 38px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric .button, .selectric .image .ageRestriction button, .image .ageRestriction .selectric button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background-color: #F8f8f8;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after, .selectric .image .ageRestriction button:after, .image .ageRestriction .selectric button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #aaaaaa;
}

.selectric-hover .selectric {
  border-color: #c4c4c4;
}

.selectric-hover .selectric .button, .selectric-hover .selectric .image .ageRestriction button, .image .ageRestriction .selectric-hover .selectric button {
  color: #a2a2a2;
}

.selectric-hover .selectric .button:after, .selectric-hover .selectric .image .ageRestriction button:after, .image .ageRestriction .selectric-hover .selectric button:after {
  border-top-color: #a2a2a2;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #c4c4c4;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer;
}

.selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}

.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444;
}

.selectric-items li:hover {
  background: #D5D5D5;
  color: #444;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

/*@import "../assets/swiper/swiper";*/
/**
 * Lity popup
 */
/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity.lity-opened {
  opacity: 1;
}

.lity.lity-closed {
  opacity: 0;
}

.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}

.lity-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity-loading .lity-loader {
  opacity: 1;
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.lity-content:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close:active {
  top: 1px;
}

/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

.lity-hide {
  display: none;
}

[data-lity] {
  cursor: pointer;
}

:root {
  --fullHeight: 100vh;
  --ribbonHeight: 0;
  --colorBlack: #1D2E1F;
  --colorBlackLighten: #606060;
  --colorGreen: #259C36;
  --colorGreenHighlight: #196825;
  --colorOrange: #EF7D00;
  --colorBlue: #006F85;
  --colorBluePastel: #EBF9FC;
  --colorRed: #C13500;
  --colorText: #606060;
  --colorTextDark: #1D2E1F;
  --colorGrey: #B7B7B7;
  --colorGreyDarken: #9B9B9B;
}

.highContrast :root, .highContrast:root {
  --colorGreen: #1D7C2B;
  --colorOrange: #A0590D;
  --colorGrey: rgb(106.5, 106.5, 106.5);
  --colorGreyDarken: rgb(116.75, 116.75, 116.75);
  --colorBluePastel: #ffffff;
}

@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes disappear {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes appearTop {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes appearBottom {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes appearLeft {
  0% {
    opacity: 0;
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes appearRight {
  0% {
    opacity: 0;
    transform: translateX(5px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes appearZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes appearZoomOut {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes wiggle {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(-12deg);
  }
  50% {
    transform: rotate(10deg);
  }
  75% {
    transform: rotate(-4deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes upDown {
  0% {
    transform: translateY(-15px);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(-15px);
  }
}
@keyframes leftRight {
  0% {
    transform: translateX(-15px);
  }
  50% {
    transform: translateX(15px);
  }
  100% {
    transform: translateX(-15px);
  }
}
svg.sprite.logo {
  width: 207px;
  max-height: 40px;
}
svg.sprite.logo use {
  fill: #1D2E1F;
}
svg.sprite.logo_small {
  width: 38px;
  max-height: 40px;
}
svg.sprite.logo_small use {
  fill: #1D2E1F;
}
svg.sprite.logo_vrienden {
  width: 260px;
  max-height: 70px;
}
svg.sprite.logo_vrienden_small {
  width: 70px;
  max-height: 70px;
}
svg.sprite.logo_ghcz {
  width: 178.44px;
  max-height: 50px;
}
svg.sprite.logo_ghcz use {
  fill: #FFFFFF;
}
svg.sprite.icon_arrow_left {
  width: 26px;
  max-height: 18px;
}
svg.sprite.icon_arrow_left use {
  fill: #1D2E1F;
}
svg.sprite.icon_arrow_right {
  width: 26px;
  max-height: 18px;
}
svg.sprite.icon_arrow_right use {
  fill: #1D2E1F;
}
svg.sprite.icon_calendar {
  width: 30px;
  max-height: 30px;
}
svg.sprite.icon_calendar use {
  fill: #1D2E1F;
  stroke: #1D2E1F;
}
svg.sprite.icon_car {
  width: 22px;
  max-height: 20px;
}
svg.sprite.icon_car use {
  fill: #1D2E1F;
}
svg.sprite.icon_download {
  width: 30px;
  max-height: 30px;
}
svg.sprite.icon_download use {
  fill: #1D2E1F;
}
svg.sprite.icon_email {
  width: 23px;
  max-height: 16px;
}
svg.sprite.icon_email use {
  fill: #1D2E1F;
}
svg.sprite.icon_external {
  width: 16px;
  max-height: 16px;
}
svg.sprite.icon_external use {
  fill: #1D2E1F;
}
svg.sprite.icon_facebook {
  width: 13px;
  max-height: 29px;
}
svg.sprite.icon_facebook use {
  fill: #1D2E1F;
}
svg.sprite.icon_high_contrast {
  width: 30px;
  max-height: 30px;
}
svg.sprite.icon_high_contrast use {
  fill: #1D2E1F;
  stroke: #1D2E1F;
}
svg.sprite.icon_patientportal {
  width: 30px;
  max-height: 30px;
}
svg.sprite.icon_patientportal use {
  fill: #1D2E1F;
  stroke: #1D2E1F;
}
svg.sprite.icon_info {
  width: 30px;
  max-height: 30px;
}
svg.sprite.icon_info use {
  fill: #1D2E1F;
}
svg.sprite.icon_instagram {
  width: 29px;
  max-height: 29px;
}
svg.sprite.icon_instagram use {
  fill: #1D2E1F;
}
svg.sprite.icon_linkedin {
  width: 28px;
  max-height: 27px;
}
svg.sprite.icon_linkedin use {
  fill: #1D2E1F;
}
svg.sprite.icon_marker {
  width: 21px;
  max-height: 29px;
}
svg.sprite.icon_marker use {
  fill: #1D2E1F;
}
svg.sprite.icon_park {
  width: 15px;
  max-height: 18px;
  transform: translate(1px, 1px);
}
svg.sprite.icon_park use {
  fill: #1D2E1F;
}
svg.sprite.icon_phone {
  width: 21px;
  max-height: 21px;
}
svg.sprite.icon_phone use {
  fill: #1D2E1F;
  stroke: #1D2E1F;
}
svg.sprite.icon_search {
  width: 21px;
  max-height: 21px;
}
svg.sprite.icon_search use {
  fill: #1D2E1F;
  stroke: #1D2E1F;
}
svg.sprite.icon_time {
  width: 30px;
  max-height: 30px;
}
svg.sprite.icon_time use {
  stroke: #1D2E1F;
}
svg.sprite.icon_route {
  width: 30px;
  max-height: 30px;
}
svg.sprite.icon_route use {
  stroke: #1D2E1F;
}
svg.sprite.icon_transit {
  width: 20px;
  max-height: 24px;
}
svg.sprite.icon_transit use {
  fill: #1D2E1F;
}
svg.sprite.icon_twitter {
  width: 28px;
  max-height: 23px;
}
svg.sprite.icon_twitter use {
  fill: #1D2E1F;
}
svg.sprite.icon_x {
  width: 28px;
  max-height: 28px;
}
svg.sprite.icon_x use {
  fill: #1D2E1F;
}
svg.sprite.icon_whatsapp {
  width: 22px;
  max-height: 22px;
}
svg.sprite.icon_whatsapp use {
  fill: #1D2E1F;
}
svg.sprite.icon_youtube {
  width: 31px;
  max-height: 22px;
}
svg.sprite.icon_youtube use {
  fill: #1D2E1F;
}
svg.sprite.icon_success {
  width: 22px;
  max-height: 20px;
}
svg.sprite.icon_success use {
  stroke: #1D2E1F;
}
svg.sprite.icon_error {
  width: 21px;
  max-height: 20px;
}
svg.sprite.icon_error use {
  stroke: #1D2E1F;
}
svg.sprite.icon_play {
  width: 35px;
  max-height: 35px;
}
svg.sprite.icon_play use {
  stroke: #FFFFFF;
  fill: #1D2E1F;
}
svg.sprite.icon_i {
  width: 9px;
  max-height: 24px;
}
svg.sprite.icon_i use {
  fill: #1D2E1F;
}
svg.sprite.icon_document {
  width: 16px;
  max-height: 20px;
}
svg.sprite.icon_document use {
  fill: #1D2E1F;
}
svg.sprite.icon_panflet {
  width: 44px;
  max-height: 60px;
}
svg.sprite.icon_panflet use {
  fill: #1D2E1F;
}
svg.sprite.icon_question {
  width: 22px;
  max-height: 22px;
}
svg.sprite.icon_question use {
  fill: #1D2E1F;
}
svg.sprite.icon_news {
  width: 24px;
  max-height: 23px;
}
svg.sprite.icon_news use {
  fill: #1D2E1F;
}
svg.sprite.icon_close {
  width: 19px;
  max-height: 19px;
}
svg.sprite.icon_close use {
  fill: #1D2E1F;
}
svg.sprite.icon_chevron_right {
  width: 10px;
  max-height: 17px;
}
svg.sprite.icon_chevron_right use {
  stroke: #1D2E1F;
}
svg.sprite.icon_chevron_down {
  width: 17px;
  max-height: 10px;
}
svg.sprite.icon_chevron_down use {
  stroke: #1D2E1F;
}
svg.sprite.icon_video {
  width: 23px;
  max-height: 23px;
}
svg.sprite.icon_video use {
  stroke: #1D2E1F;
}
svg.sprite.logo_samen_plus {
  width: 142px;
  max-height: 30px;
}
svg.sprite.icon_user {
  width: 24px;
  max-height: 24px;
}
svg.sprite.icon_user use {
  fill: #1D2E1F;
}
svg.sprite.icon_blog {
  width: 24px;
  max-height: 24px;
}
svg.sprite.icon_blog use {
  fill: #1D2E1F;
}
svg.sprite.icon_doctor {
  width: 20px;
  max-height: 28.5px;
}
svg.sprite.icon_doctor use {
  fill: #1D2E1F;
}
svg.sprite.icon_plus {
  width: 28px;
  max-height: 28px;
}
svg.sprite.icon_plus use {
  fill: #1D2E1F;
}
svg.sprite.icon_bank {
  width: 24px;
  max-height: 16px;
}
svg.sprite.icon_bank use {
  fill: #1D2E1F;
}
svg.sprite.logo_cz {
  width: 143px;
  max-height: 40px;
}
svg.sprite.logo_cz use {
  fill: #1D2E1F;
}
svg.sprite.icon_cosmetic_warning {
  width: 60px;
  max-height: 45px;
}
svg.sprite.icon_cosmetic_warning use {
  fill: #1D2E1F;
}
svg.sprite.icon_quote_start {
  width: 23.5px;
  max-height: 20px;
}
svg.sprite.icon_quote_start use {
  fill: #1D2E1F;
}
svg.sprite.icon_quote_end {
  width: 23.5px;
  max-height: 20px;
}
svg.sprite.icon_quote_end use {
  fill: #1D2E1F;
}
svg.sprite.icon_webpage {
  width: 24px;
  max-height: 19.5px;
}
svg.sprite.icon_contactpage {
  width: 24px;
  max-height: 20.5px;
}
ul.alphabetRadios {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
  justify-content: center;
}
@media (min-width: 801px) {
  ul.alphabetRadios {
    justify-content: flex-start;
  }
}
ul.alphabetRadios li {
  margin: 5px;
}
ul.alphabetRadios .radio input {
  display: none;
}
ul.alphabetRadios .radio label {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  background: #EBF9FC;
  color: #1D7C2B;
  color: var(--colorGreen);
  border-radius: 10px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: color, background;
}
ul.alphabetRadios .radio label span {
  user-select: none;
}
ul.alphabetRadios .radio label:focus {
  outline: 1px dotted #006F85;
  outline-color: #A0590D;
  outline-color: var(--colorOrange);
}
ul.alphabetRadios .radio label:hover, ul.alphabetRadios .radio label:focus {
  color: #A0590D;
  color: var(--colorOrange);
}
ul.alphabetRadios .radio input:checked ~ label {
  color: #A0590D;
  color: var(--colorOrange);
  background: rgb(212.8260869565, 242.347826087, 248.6739130435);
}
ul.alphabetRadios .radio input:disabled ~ label {
  background: #FFFFFF;
  border: 1px solid #D8F3FA;
  color: #B7B7B7;
  color: var(--colorGrey);
  cursor: default;
}

#breadcrumb {
  padding: 10px 0;
}
#breadcrumb ul {
  display: inline-block;
}
#breadcrumb ul li {
  list-style: none;
  display: inline-block;
}
#breadcrumb ul li:not(:last-child):after {
  content: ">";
}
#breadcrumb ul li a, #breadcrumb ul li .image .ageRestriction button, .image .ageRestriction #breadcrumb ul li button {
  text-decoration: none;
}

a.button, .image .ageRestriction button, button.button, button.btn.primary {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 23px;
  font-weight: 400;
  letter-spacing: 0.4px;
  border: 0;
  padding: 17px 18px;
  color: #FFFFFF;
  text-decoration: none;
  background: #1D7C2B;
  background: var(--colorGreen);
  border-radius: 30px;
  transition: background 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
a.button *, .image .ageRestriction button *, button.button *, button.btn.primary * {
  z-index: 2;
}
a.button > * + *, .image .ageRestriction button > * + *, button.button > * + *, button.btn.primary > * + * {
  margin-left: 10px;
  color: #FFFFFF;
}
a.button svg.sprite use, button.button svg.sprite use, .image .ageRestriction button svg.sprite use, button.btn.primary svg.sprite use {
  fill: #FFFFFF;
}
a.button:before, .image .ageRestriction button:before, button.button:before, button.btn.primary:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #1D7C2B;
  background: var(--colorGreen);
  transition: background 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  border-radius: 30px;
  z-index: -1;
}
a.button:hover, a.button:focus, button.button:hover, .image .ageRestriction button:hover, button.button:focus, .image .ageRestriction button:focus, button.btn.primary:hover, button.btn.primary:focus {
  background: #196825;
}
a.button:hover:before, a.button:focus:before, button.button:hover:before, .image .ageRestriction button:hover:before, button.button:focus:before, .image .ageRestriction button:focus:before, button.btn.primary:hover:before, button.btn.primary:focus:before {
  top: -2px;
  left: -2px;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  background: #196825;
}
a.button.wide, button.button.wide, .image .ageRestriction button.wide, button.btn.primary.wide {
  text-align: center;
  min-width: 200px;
  max-width: 100%;
}

.umb-grid a.button, .umb-grid .image .ageRestriction button, .image .ageRestriction .umb-grid button {
  color: #FFFFFF;
  transition: background 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.umb-grid a.button:hover, .umb-grid .image .ageRestriction button:hover, .image .ageRestriction .umb-grid button:hover, .umb-grid a.button:focus, .umb-grid .image .ageRestriction button:focus, .image .ageRestriction .umb-grid button:focus {
  color: #FFFFFF;
}

button.btn.primary {
  margin-top: 20px;
  border: none;
  color: #FFFFFF;
  font-family: "SofiaPro", sans-serif;
}

:root {
  --consent-cookiebar-bg: rgba(0, 0, 0, 0.8);
  --consent-cookiebar-color: #ffffff;
  --consent-button-background: #ffffff;
  --consent-button-color: #000000;
  --consent-button-highlight-background: #ffffff;
  --consent-button-highlight-color: #000000;
}

.consent-cookiebar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--consent-cookiebar-bg);
  backdrop-filter: blur(10px);
  color: var(--consent-cookiebar-color);
  padding: 20px 0;
  transform: translateY(100%);
  z-index: 9999;
  transition: transform 800ms ease-in-out;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.consent-cookiebar.open, .consent-cookiebar[open] {
  transform: translateY(0);
}
@media only screen and (min-width: 768px) {
  .consent-cookiebar {
    flex-direction: row;
  }
}
.consent-cookiebar .col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (min-width: 768px) {
  .consent-cookiebar .col {
    flex-direction: row;
  }
}
.consent-cookiebar .content {
  flex: 1 1 auto;
}
.consent-cookiebar .content .title {
  display: block;
  margin-bottom: 10px;
  font-size: 1.5rem;
  line-height: 1.8rem;
  color: var(--consent-cookiebar-color);
}
.consent-cookiebar .content .mobile {
  font-size: 1rem;
  line-height: 1.1rem;
}
@media only screen and (min-width: 768px) {
  .consent-cookiebar .content .mobile {
    display: none;
  }
}
.consent-cookiebar .content .desktop {
  font-size: 1rem;
  line-height: 1.4rem;
  display: none;
}
@media only screen and (min-width: 768px) {
  .consent-cookiebar .content .desktop {
    display: block;
  }
}
.consent-cookiebar .actions {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex: 0 0 auto;
  gap: 10px;
}
@media only screen and (min-width: 768px) {
  .consent-cookiebar .actions {
    flex-direction: column;
  }
}
.consent-cookiebar .actions .button, .consent-cookiebar .actions .image .ageRestriction button, .image .ageRestriction .consent-cookiebar .actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--consent-button-background);
  color: var(--consent-button-color);
}
.consent-cookiebar .actions .button:hover, .consent-cookiebar .actions .image .ageRestriction button:hover, .image .ageRestriction .consent-cookiebar .actions button:hover, .consent-cookiebar .actions .button:focus, .consent-cookiebar .actions .image .ageRestriction button:focus, .image .ageRestriction .consent-cookiebar .actions button:focus {
  background: var(--consent-button-highlight-background);
  color: var(--consent-button-highlight-color);
}

.consent-form .title {
  display: block;
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin-bottom: 20px;
}
.consent-form .checkboxTitle {
  display: block;
  font-size: 1.2rem;
  line-height: 1.5rem;
  margin-bottom: 10px;
}
.consent-form .consentCheckbox {
  margin-bottom: 20px;
}
.consent-form .consentCheckbox input[type=checkbox] {
  position: absolute;
  height: 0.1px;
  width: 0.1px;
  left: -100vw;
  overflow: hidden;
  visibility: hidden;
}
.consent-form .consentCheckbox label {
  display: block;
  position: relative;
  padding-left: 30px;
  padding-top: 0;
}
.consent-form .consentCheckbox label:before, .consent-form .consentCheckbox label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
}
.consent-form .consentCheckbox label:before {
  border: 1px solid black;
}
.consent-form .consentCheckbox label:after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  content: "✓";
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}
.consent-form .consentCheckbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.consent-form .consentCheckbox input[type=checkbox]:disabled + label:before {
  opacity: 0.7;
}
.consent-form .saveRow {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .consent-form .saveRow {
    flex-direction: row;
    align-items: center;
  }
}
.consent-form .successText {
  margin-top: 10px;
  opacity: 0;
  transition: opacity 800ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .consent-form .successText {
    margin-top: 0;
    margin-left: 20px;
  }
}
.consent-form .successText.saved {
  opacity: 1;
  transition: none;
}

:root {
  --consent-cookiebar-bg: #FFFFFF;
  --consent-cookiebar-color: #1D2E1F;
  --consent-button-background: #259C36;
  --consent-button-color: #FFFFFF;
  --consent-button-highlight-background: #196825;
  --consent-button-highlight-color: #FFFFFF;
}

.consent-cookiebar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--consent-cookiebar-bg);
  backdrop-filter: blur(10px);
  color: var(--consent-cookiebar-color);
  padding: 20px 0;
  transform: translateY(100%);
  z-index: 9999;
  transition: transform 800ms ease-in-out;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.consent-cookiebar.open, .consent-cookiebar[open] {
  transform: translateY(0);
}
@media only screen and (min-width: 768px) {
  .consent-cookiebar {
    flex-direction: row;
  }
}
.consent-cookiebar .col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (min-width: 768px) {
  .consent-cookiebar .col {
    flex-direction: row;
  }
}
.consent-cookiebar .content {
  flex: 1 1 auto;
}
.consent-cookiebar .content .title {
  display: block;
  margin-bottom: 10px;
  font-size: 1.5rem;
  line-height: 1.8rem;
  color: var(--consent-cookiebar-color);
}
.consent-cookiebar .content .mobile {
  font-size: 1rem;
  line-height: 1.1rem;
}
@media only screen and (min-width: 768px) {
  .consent-cookiebar .content .mobile {
    display: none;
  }
}
.consent-cookiebar .content .desktop {
  font-size: 1rem;
  line-height: 1.4rem;
  display: none;
}
@media only screen and (min-width: 768px) {
  .consent-cookiebar .content .desktop {
    display: block;
  }
}
.consent-cookiebar .actions {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex: 0 0 auto;
  gap: 10px;
}
@media only screen and (min-width: 768px) {
  .consent-cookiebar .actions {
    flex-direction: column;
  }
}
.consent-cookiebar .actions .button, .consent-cookiebar .actions .image .ageRestriction button, .image .ageRestriction .consent-cookiebar .actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--consent-button-background);
  color: var(--consent-button-color);
}
.consent-cookiebar .actions .button:hover, .consent-cookiebar .actions .image .ageRestriction button:hover, .image .ageRestriction .consent-cookiebar .actions button:hover, .consent-cookiebar .actions .button:focus, .consent-cookiebar .actions .image .ageRestriction button:focus, .image .ageRestriction .consent-cookiebar .actions button:focus {
  background: var(--consent-button-highlight-background);
  color: var(--consent-button-highlight-color);
}

.consent-form .title {
  display: block;
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin-bottom: 20px;
}
.consent-form .checkboxTitle {
  display: block;
  font-size: 1.2rem;
  line-height: 1.5rem;
  margin-bottom: 10px;
}
.consent-form .consentCheckbox {
  margin-bottom: 20px;
}
.consent-form .consentCheckbox input[type=checkbox] {
  position: absolute;
  height: 0.1px;
  width: 0.1px;
  left: -100vw;
  overflow: hidden;
  visibility: hidden;
}
.consent-form .consentCheckbox label {
  display: block;
  position: relative;
  padding-left: 30px;
  padding-top: 0;
}
.consent-form .consentCheckbox label:before, .consent-form .consentCheckbox label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
}
.consent-form .consentCheckbox label:before {
  border: 1px solid black;
}
.consent-form .consentCheckbox label:after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  content: "✓";
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}
.consent-form .consentCheckbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.consent-form .consentCheckbox input[type=checkbox]:disabled + label:before {
  opacity: 0.7;
}
.consent-form .saveRow {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .consent-form .saveRow {
    flex-direction: row;
    align-items: center;
  }
}
.consent-form .successText {
  margin-top: 10px;
  opacity: 0;
  transition: opacity 800ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .consent-form .successText {
    margin-top: 0;
    margin-left: 20px;
  }
}
.consent-form .successText.saved {
  opacity: 1;
  transition: none;
}

.consent-cookiebar {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  border-radius: 30px 30px 0 0;
}
.consent-cookiebar .content .title {
  color: #259C36;
  font-weight: 600;
}
.consent-cookiebar .content .title {
  font-size: 24px;
}
@media screen and (min-width: 300px) {
  .consent-cookiebar .content .title {
    font-size: calc(24px + 6 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  .consent-cookiebar .content .title {
    font-size: 30px;
  }
}
.consent-cookiebar .content .title {
  line-height: 24px;
}
@media screen and (min-width: 300px) {
  .consent-cookiebar .content .title {
    line-height: calc(24px + 6 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  .consent-cookiebar .content .title {
    line-height: 30px;
  }
}

.consent-cookiebar .actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
.consent-cookiebar .actions .button, .consent-cookiebar .actions .image .ageRestriction button, .image .ageRestriction .consent-cookiebar .actions button {
  cursor: pointer;
  width: 100%;
  max-width: 150px;
  text-align: center;
  font-weight: 600;
  padding: 7px 15px;
  border-radius: 30px;
  justify-content: center;
  color: #FFFFFF;
  text-decoration: none;
  z-index: 1;
  outline: 0;
  border: 0;
  font-size: 1rem;
  line-height: normal;
  display: block;
  font-family: "SofiaPro", sans-serif;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.consent-cookiebar .actions .button span, .consent-cookiebar .actions .image .ageRestriction button span, .image .ageRestriction .consent-cookiebar .actions button span {
  font-size: unset;
  line-height: unset;
}
.consent-cookiebar .actions .button:hover, .consent-cookiebar .actions .image .ageRestriction button:hover, .image .ageRestriction .consent-cookiebar .actions button:hover, .consent-cookiebar .actions .button:focus, .consent-cookiebar .actions .image .ageRestriction button:focus, .image .ageRestriction .consent-cookiebar .actions button:focus {
  background-color: #196825;
}
@media (min-width: 801px) {
  .consent-cookiebar .actions .button, .consent-cookiebar .actions .image .ageRestriction button, .image .ageRestriction .consent-cookiebar .actions button {
    max-width: none;
    display: block;
    font-size: 1.2rem;
  }
}

.consent-form {
  margin-bottom: 40px;
}
.consent-form .title {
  color: #259C36;
  font-weight: 600;
  margin-bottom: 40px;
}
.consent-form .title {
  font-size: 24px;
}
@media screen and (min-width: 300px) {
  .consent-form .title {
    font-size: calc(24px + 6 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  .consent-form .title {
    font-size: 30px;
  }
}
.consent-form .title {
  line-height: 24px;
}
@media screen and (min-width: 300px) {
  .consent-form .title {
    line-height: calc(24px + 6 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  .consent-form .title {
    line-height: 30px;
  }
}
.consent-form .consentCheckbox .checkboxTitle {
  color: #1D2E1F;
  font-weight: 600;
}

.folderGroups {
  margin-top: 90px;
  margin-bottom: 90px;
}
.folderGroups h2 {
  color: #606060;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 30px;
  font-weight: 600;
}
.folderGroups h3 {
  color: #1D7C2B;
  color: var(--colorGreen);
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}
.folderGroups a, .folderGroups .image .ageRestriction button, .image .ageRestriction .folderGroups button {
  display: flex;
  align-items: center;
  padding: 18px 0;
  text-decoration: none;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  color: #606060;
  fill: #1D7C2B;
  fill: var(--colorGreen);
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: color, fill;
}
@media (min-width: 801px) {
  .folderGroups a, .folderGroups .image .ageRestriction button, .image .ageRestriction .folderGroups button {
    padding: 18px 20px;
  }
}
.folderGroups a:hover, .folderGroups .image .ageRestriction button:hover, .image .ageRestriction .folderGroups button:hover, .folderGroups a:focus, .folderGroups .image .ageRestriction button:focus, .image .ageRestriction .folderGroups button:focus {
  color: #A0590D;
  color: var(--colorOrange);
  fill: #A0590D;
  fill: var(--colorOrange);
}
.folderGroups a span, .folderGroups .image .ageRestriction button span, .image .ageRestriction .folderGroups button span {
  flex: 1 1 auto;
}
.folderGroups a svg.sprite, .folderGroups .image .ageRestriction button svg.sprite, .image .ageRestriction .folderGroups button svg.sprite {
  flex: 0 0 auto;
}
.folderGroups a svg.sprite:first-child, .folderGroups .image .ageRestriction button svg.sprite:first-child, .image .ageRestriction .folderGroups button svg.sprite:first-child {
  margin-right: 20px;
  width: 23px;
  flex-basis: 23px;
  max-height: 23px;
}
.folderGroups a svg.sprite:first-child use, .folderGroups .image .ageRestriction button svg.sprite:first-child use, .image .ageRestriction .folderGroups button svg.sprite:first-child use {
  fill: #606060;
}
.folderGroups a svg.sprite:last-child, .folderGroups .image .ageRestriction button svg.sprite:last-child, .image .ageRestriction .folderGroups button svg.sprite:last-child {
  margin-left: 5px;
}
.folderGroups a svg.sprite:last-child use, .folderGroups .image .ageRestriction button svg.sprite:last-child use, .image .ageRestriction .folderGroups button svg.sprite:last-child use {
  fill: inherit;
}
.folderGroups > li {
  margin-bottom: 90px;
}
.folderGroups > li:last-child {
  margin-bottom: 0;
}

.folderSubGroups > li {
  position: relative;
  margin-bottom: 60px;
}
.folderSubGroups > li:last-child {
  margin-bottom: 0;
}
.folderSubGroups .anchor {
  position: absolute;
  height: 0;
  width: 0;
  top: -60px;
}
@media (min-width: 801px) {
  .folderSubGroups .anchor {
    top: -90px;
  }
}
.folderSubGroups ul > li {
  border-top: 1px solid #B7B7B7;
}
.folderSubGroups ul > li:last-child {
  border-bottom: 1px solid #B7B7B7;
}

body > footer {
  position: relative;
  background: #1D7C2B;
  background: var(--colorGreen);
  color: #FFFFFF;
  margin-top: -80px;
  padding-top: 120px;
  padding-bottom: 30px;
  z-index: -2;
  overflow: hidden;
}
body > footer .socialsColumn {
  display: flex;
  justify-content: center;
}
.ghcosmeticcare body > footer .socialsColumn {
  justify-content: flex-start;
}
@media (min-width: 801px) {
  body > footer .socialsColumn {
    justify-content: flex-start;
  }
}
body > footer ul.socialMedia {
  margin-bottom: 30px;
}
body > footer ul.socialMedia a, body > footer ul.socialMedia .image .ageRestriction button, .image .ageRestriction body > footer ul.socialMedia button {
  background: #FFFFFF;
  color: #FFFFFF;
}
body > footer ul.socialMedia a svg.sprite use, body > footer ul.socialMedia .image .ageRestriction button svg.sprite use, .image .ageRestriction body > footer ul.socialMedia button svg.sprite use {
  fill: #1D7C2B;
  fill: var(--colorGreen);
}
body > footer .goToColumn {
  margin-bottom: 30px;
}
@media (min-width: 801px) {
  body > footer .goToColumn {
    margin-bottom: 0;
  }
}
body > footer .goToColumn .goToLink {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 20px;
}
body > footer .goToColumn .goToLink strong {
  display: block;
  font-weight: 700;
}
body > footer .goToColumn .goToLink:hover .goToIcon {
  background-color: #FFFFFF;
}
body > footer .goToColumn .goToLink:hover .goToIcon svg.sprite use {
  fill: #1D7C2B;
  fill: var(--colorGreen);
}
body > footer .goToColumn .goToIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  margin-right: 10px;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
body > footer .goToColumn .goToIcon svg.sprite use {
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  fill: #FFFFFF;
}
body > footer .warningColumn {
  margin-bottom: 60px;
}
@media (min-width: 801px) {
  body > footer .warningColumn {
    margin-bottom: 30px;
  }
}
body > footer .warningColumn .warningContainer {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 801px) {
  body > footer .warningColumn .warningContainer {
    font-size: 18px;
  }
}
body > footer .warningColumn .warningContainer strong {
  display: inline-block;
  font-weight: 700;
}
body > footer .warningColumn .warningIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  margin-right: 10px;
  flex-shrink: 0;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
body > footer .warningColumn .warningIcon svg.sprite.icon_cosmetic_warning {
  max-height: 25px;
}
body > footer .warningColumn .warningIcon svg.sprite.icon_cosmetic_warning use {
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  fill: #1D7C2B;
  fill: var(--colorGreen);
  stroke: #1D7C2B;
  stroke: var(--colorGreen);
}
body > footer .jobsColumn {
  display: flex;
  justify-content: center;
}
@media (min-width: 801px) {
  body > footer .jobsColumn {
    justify-content: flex-end;
  }
}
body > footer .GHZJobsContainer {
  margin-bottom: 30px;
}
body > footer nav {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}
body > footer nav ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  margin: -2px -8px;
}
.ghcosmeticcare body > footer nav ul {
  justify-content: flex-end;
}
body > footer nav a, body > footer nav .image .ageRestriction button, .image .ageRestriction body > footer nav button {
  padding: 2px 8px;
  color: #FFFFFF;
  text-decoration: none;
}
body > footer nav a:hover, body > footer nav .image .ageRestriction button:hover, .image .ageRestriction body > footer nav button:hover, body > footer nav a:focus, body > footer nav .image .ageRestriction button:focus, .image .ageRestriction body > footer nav button:focus {
  text-decoration: underline;
}
.ghcosmeticcare body > footer nav a:hover, .ghcosmeticcare body > footer nav .image .ageRestriction button:hover, .image .ageRestriction .ghcosmeticcare body > footer nav button:hover, .ghcosmeticcare body > footer nav a:focus, .ghcosmeticcare body > footer nav .image .ageRestriction button:focus, .image .ageRestriction .ghcosmeticcare body > footer nav button:focus {
  color: #FFFFFF;
}

section#prefooter {
  position: relative;
  min-height: 80px;
  background: #FFFFFF;
  border-bottom-right-radius: 80px;
  z-index: -1;
}
section#prefooter:before {
  content: "";
  display: block;
  width: 100%;
  height: 120px;
}

main form .umbraco-forms-hidden {
  display: none;
}
main form h4.umbraco-forms-caption {
  margin-bottom: 30px;
}
main form h4.umbraco-forms-caption {
  font-size: 18px;
}
@media screen and (min-width: 300px) {
  main form h4.umbraco-forms-caption {
    font-size: calc(18px + 6 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  main form h4.umbraco-forms-caption {
    font-size: 24px;
  }
}
main form h4.umbraco-forms-caption {
  line-height: 18px;
}
@media screen and (min-width: 300px) {
  main form h4.umbraco-forms-caption {
    line-height: calc(18px + 6 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  main form h4.umbraco-forms-caption {
    line-height: 24px;
  }
}
main form input {
  width: 100%;
}
main form input[type=button], main form input[type=checkbox], main form input[type=image], main form input[type=radio], main form input[type=reset], main form input[type=submit] {
  width: auto;
}
main form textarea,
main form select {
  width: 100%;
}
main form input[type=text],
main form input[type=number],
main form input[type=password],
main form input[type=phone],
main form input[type=tel],
main form input[type=date],
main form input[type=email],
main form input[type=file],
main form textarea {
  padding: 10px;
  min-height: 50px;
  border-radius: 4px;
  border: 1px solid #95BFCB;
  font-family: "SofiaPro", sans-serif;
  transition: border-color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
main form input[type=text]:hover,
main form input[type=number]:hover,
main form input[type=password]:hover,
main form input[type=phone]:hover,
main form input[type=tel]:hover,
main form input[type=date]:hover,
main form input[type=email]:hover,
main form input[type=file]:hover,
main form textarea:hover {
  border-color: #006F85;
}
main form input[type=text]:hover, main form input[type=text]:focus,
main form input[type=number]:hover,
main form input[type=number]:focus,
main form input[type=password]:hover,
main form input[type=password]:focus,
main form input[type=phone]:hover,
main form input[type=phone]:focus,
main form input[type=tel]:hover,
main form input[type=tel]:focus,
main form input[type=date]:hover,
main form input[type=date]:focus,
main form input[type=email]:hover,
main form input[type=email]:focus,
main form input[type=file]:hover,
main form input[type=file]:focus,
main form textarea:hover,
main form textarea:focus {
  border-color: #006F85;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
main form input[type=text]::placeholder,
main form input[type=number]::placeholder,
main form input[type=password]::placeholder,
main form input[type=phone]::placeholder,
main form input[type=tel]::placeholder,
main form input[type=date]::placeholder,
main form input[type=email]::placeholder,
main form input[type=file]::placeholder,
main form textarea::placeholder {
  color: #535350;
}
.ghcosmeticcare main form input[type=text],
.ghcosmeticcare main form input[type=number],
.ghcosmeticcare main form input[type=password],
.ghcosmeticcare main form input[type=phone],
.ghcosmeticcare main form input[type=tel],
.ghcosmeticcare main form input[type=date],
.ghcosmeticcare main form input[type=email],
.ghcosmeticcare main form input[type=file],
.ghcosmeticcare main form textarea {
  border-radius: 6px;
  border: 1px solid #D7EBDF;
}
main form textarea {
  min-height: 120px;
}
main form label {
  cursor: pointer;
}
main form input.input-validation-error, main form select.input-validation-error, main form textarea.input-validation-error {
  border-color: #C13500;
}
main form .umbraco-forms-group-container {
  clear: both;
}
main form .field-validation-error {
  display: inline-block;
  color: #C13500;
  padding-left: 10px;
  animation-direction: normal;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-name: appearTop;
  animation-timing-function: cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
main form .radio, main form .checkbox {
  position: relative;
}
main form .radio input, main form .checkbox input {
  display: none;
}
main form .radio input ~ label, main form .checkbox input ~ label {
  padding-left: 36px;
  padding-top: 10px;
  padding-bottom: 10px;
}
main form .radio input ~ label:focus-visible, main form .checkbox input ~ label:focus-visible {
  outline: 1px dashed #006F85;
}
main form .radio input ~ label:focus:not(:focus-visible), main form .checkbox input ~ label:focus:not(:focus-visible) {
  outline: none;
}
main form .radio input ~ label:before, main form .radio input ~ label:after, main form .checkbox input ~ label:before, main form .checkbox input ~ label:after {
  position: absolute;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  left: 0;
  top: 16px;
}
main form .radio input ~ label:before, main form .checkbox input ~ label:before {
  border: 1px solid #95BFCB;
}
main form .radio input ~ label:after, main form .checkbox input ~ label:after {
  opacity: 0;
  transform: scale(0.5);
  transition: all 200ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: opacity, transform;
}
main form .radio input:checked ~ label:after, main form .checkbox input:checked ~ label:after {
  opacity: 1;
  transform: none;
}
main form .radio {
  display: block;
}
main form .radio input ~ label:before, main form .radio input ~ label:after {
  border-radius: 10px;
}
main form .radio input ~ label:before {
  background: #FFFFFF;
  transition: border-color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
main form .radio input ~ label:after {
  height: 12px;
  width: 12px;
  background: #006F85;
  top: 20px;
  left: 4px;
}
main form .checkbox input ~ label:before, main form .checkbox input ~ label:after {
  border-radius: 6px;
  margin-left: 14px;
}
main form .checkbox input ~ label:before {
  background: #FFFFFF;
  transition: border-color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
main form .checkbox input ~ label:after {
  background: #006F85;
  background-image: url("/img/check_white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
}
main form .checkbox input:checked ~ label:before {
  border-color: #006F85;
}
main form .checkbox input:checked ~ label:after {
  opacity: 1;
  transform: none;
}
main form label {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
}
main form .radioitem {
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 1rem;
}
main form input {
  margin: 14px 0;
}
main form .donationAmountOption > input {
  position: absolute;
  transform: translateX(-100vw);
}
main form .donationAmountOption label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100px;
  padding: 0;
  border-radius: 6px;
  border: 1px solid #95BFCB;
  background: #FFFFFF;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: box-shadow, border-color;
}
main form .donationAmountOption em {
  display: block;
  width: 100%;
  text-align: center;
  color: #006F85;
}
main form .donationAmountOption em {
  font-size: 14px;
}
@media screen and (min-width: 375px) {
  main form .donationAmountOption em {
    font-size: calc(14px + 4 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  main form .donationAmountOption em {
    font-size: 18px;
  }
}
main form .donationAmountOption em {
  line-height: 14px;
}
@media screen and (min-width: 375px) {
  main form .donationAmountOption em {
    line-height: calc(14px + 4 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  main form .donationAmountOption em {
    line-height: 18px;
  }
}
main form .donationAmountOption span:not([class]), main form .donationAmountOption span[class=""] {
  font-size: 24px;
  line-height: 32px;
}
main form .donationAmountOption span.box {
  position: relative;
  margin-top: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #006F85;
  background: #FFFFFF;
  transition: background 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
main form .donationAmountOption span.box:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 20px;
  height: 20px;
  border-radius: 0;
  background-image: url("/img/check_white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: transform, opacity;
  transform: scale(0.5);
  opacity: 0;
}
main form .donationAmountOption label:hover, main form .donationAmountOption label:focus {
  border-color: #006F85;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
main form .donationAmountOption input:checked ~ label {
  border-color: #006F85;
}
main form .donationAmountOption input:checked ~ label span.box {
  background: #006F85;
}
main form .donationAmountOption input:checked ~ label span.box:after {
  transform: none;
  opacity: 1;
}
main form .donationAmountCustomInput {
  position: relative;
}
main form .donationAmountCustomInput span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background: #006F85;
  height: 50px;
  width: 50px;
  color: #FFFFFF;
  pointer-events: none;
  border-radius: 6px 0 0 6px;
}
main form .donationAmountCustomInput input {
  padding-left: 60px;
  margin: 0;
}
main form .row {
  margin-bottom: 20px;
}
main form .row:last-child {
  margin-bottom: 0;
}
main form .hidden {
  display: none;
}
main form .submitRow {
  align-items: center;
}
@media (min-width: 801px) {
  main form .submitRow > *:nth-of-type(2) {
    text-align: right;
    justify-content: flex-end;
    align-items: center;
  }
}
main form .idealText {
  display: inline-flex;
  align-items: center;
}
main form .idealText svg.sprite {
  margin-left: 10px;
}
main form .umbraco-forms-tooltip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  margin-left: 5px;
  background: #606060;
}
main form .umbraco-forms-tooltip.help-block {
  margin-left: 0;
  background: transparent;
  width: unset;
  height: unset;
}
main form .umbraco-forms-tooltip svg.sprite {
  width: 7px;
  max-height: 10px;
}
main form .umbraco-forms-tooltip svg.sprite use {
  fill: #FFFFFF;
}
main form .honey {
  display: none;
}

.selectric {
  border: 1px solid #95BFCB;
  border-radius: 6px;
  height: 50px;
  background: #FFFFFF;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: border-color, box-shadow;
}
.selectric:hover {
  border-color: #006F85;
}
.selectric .label {
  height: 100%;
  line-height: 43px;
  margin-right: 40px;
  color: #1D2E1F;
  font-size: 18px;
  font-weight: 400;
}
.selectric .button, .selectric .image .ageRestriction button, .image .ageRestriction .selectric button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background-color: #FFFFFF;
}
.selectric .button:after, .selectric .image .ageRestriction button:after, .image .ageRestriction .selectric button:after {
  display: none;
}

.selectric-items {
  background-color: #FFFFFF;
  border: 1px solid #95BFCB;
  border-radius: 4px;
}
.selectric-items ul {
  list-style: none;
}
.selectric-items li {
  margin: 0;
  color: #1D2E1F;
  font-size: 18px;
  font-weight: 400 !important;
  margin: 10px;
  border-radius: 30px;
  padding: 10px 20px;
}
.selectric-items li:before {
  display: none !important;
}

.selectric-open .selectric {
  border-color: transparent;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
.selectric-open .selectric .button, .selectric-open .selectric .image .ageRestriction button, .image .ageRestriction .selectric-open .selectric button {
  transform: scaleY(-1);
}
.selectric-open.selectric-below .selectric {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}
.selectric-open.selectric-below .selectric-items {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
  animation-direction: normal;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-name: appearTop;
  animation-timing-function: cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.selectric-open.selectric-above .selectric {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
}
.selectric-open.selectric-above .selectric-items {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
  animation-direction: normal;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-name: appearBottom;
  animation-timing-function: cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.selectric-open .selectric-items {
  border-color: transparent;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}

.umbraco-forms-form fieldset {
  padding: 30px !important;
  border-radius: 20px;
  background: #EBF9FC;
  margin-bottom: 30px;
}
.umbraco-forms-form fieldset:last-of-type {
  margin-bottom: 0;
}
.umbraco-forms-form legend {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #1D2E1F;
}
.umbraco-forms-form em {
  font-style: normal;
  font-size: 18px;
  font-weight: normal;
}
.umbraco-forms-form legend ~ em {
  position: relative;
  top: -20px;
}
.umbraco-forms-form input[type=submit], .umbraco-forms-form button.g-recaptcha {
  position: relative;
  margin-top: 30px;
  min-width: 200px;
  background: #1D7C2B;
  background: var(--colorGreen);
  border: none;
  border-radius: 30px;
  min-height: 60px;
  font-family: "SofiaPro", sans-serif;
  padding: 10px;
  color: #FFFFFF;
  font-size: 18px;
  transition: background 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.umbraco-forms-form input[type=submit]:hover, .umbraco-forms-form input[type=submit]:focus, .umbraco-forms-form button.g-recaptcha:hover, .umbraco-forms-form button.g-recaptcha:focus {
  background: #A0590D;
  background: var(--colorOrange);
}
.umbraco-forms-form label {
  color: #1D2E1F;
}
.umbraco-forms-form .checkboxlist {
  padding: 0 !important;
}
.umbraco-forms-form .checkboxlist label {
  float: none !important;
}
.umbraco-forms-form .helpText, .umbraco-forms-form .help-block {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #606060;
  margin-bottom: 10px;
}
.umbraco-forms-form .columnized .labelColumn label {
  font-size: 20px;
  line-height: 26px;
  color: #1D2E1F;
}
.umbraco-forms-form .columnized .checkboxList .checkbox label {
  width: 100%;
}
.umbraco-forms-form .umbraco-forms-indicator {
  color: #006F85;
}
.ghcosmeticcare .umbraco-forms-form .umbraco-forms-indicator {
  color: #00AED0;
}
.umbraco-forms-form .umbraco-forms-container .umbraco-forms-dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}
.umbraco-forms-form .umbraco-forms-container .umbraco-forms-dropdown select {
  background: #FFFFFF;
  border: 1px solid #95BFCB;
  border-radius: 6px;
  height: 50px;
  width: 100%;
  padding-right: 3em;
  padding-left: 10px;
  font-size: 18px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.umbraco-forms-form .umbraco-forms-container .umbraco-forms-dropdown .icon_chevron_down {
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  pointer-events: none;
  width: 12px;
  height: 12px;
  fill: currentColor;
}

.pika-single {
  transform: translateY(-80px);
}
.pika-single .pika-lendar {
  width: auto;
}
.pika-single .pika-title {
  background: #006F85;
  color: #FFFFFF;
  border-radius: 4px;
  height: 30px;
}
.pika-single .pika-title .pika-label {
  color: #FFFFFF;
  background: transparent;
}
.pika-single .pika-button {
  text-align: center;
  padding: 10px;
  font-size: 16px;
  background: #FFFFFF;
}
.pika-single .is-today .pika-button {
  font-weight: normal;
  background: #EBEBEB;
  color: #1D2E1F;
}
.pika-single .pika-prev, .pika-single .pika-next {
  filter: invert(1);
  opacity: 1;
}
.pika-single .pika-row.pick-whole-week:hover, .pika-single .pika-row.pick-whole-week:focus,
.pika-single .pika-button:hover,
.pika-single .pika-button:focus {
  background: #006F85;
  color: #FFFFFF;
}
.pika-single .pika-row.pick-whole-week:hover .pika-button, .pika-single .pika-row.pick-whole-week:focus .pika-button,
.pika-single .pika-button:hover .pika-button,
.pika-single .pika-button:focus .pika-button {
  background: #006F85;
  color: #FFFFFF;
}

.contactFormBlock form .disclaimerContainer {
  display: flex;
  align-items: center;
  height: 100%;
  padding-top: 20px;
}
.contactFormBlock form .disclaimerContainer p {
  font-size: 12px;
  line-height: 20px;
  color: #9B9B9B;
  margin: 0;
}
.contactFormBlock form .disclaimerContainer a, .contactFormBlock form .disclaimerContainer .image .ageRestriction button, .image .ageRestriction .contactFormBlock form .disclaimerContainer button {
  font-size: 12px;
  line-height: 20px;
  color: #1D7C2B;
  color: var(--colorGreen);
}
.contactFormBlock form .disclaimerContainer a:hover, .contactFormBlock form .disclaimerContainer .image .ageRestriction button:hover, .image .ageRestriction .contactFormBlock form .disclaimerContainer button:hover, .contactFormBlock form .disclaimerContainer a:focus, .contactFormBlock form .disclaimerContainer .image .ageRestriction button:focus, .image .ageRestriction .contactFormBlock form .disclaimerContainer button:focus {
  text-decoration: underline;
}

header {
  background: #FFFFFF;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
  height: 60px;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.ribbonActive header {
  transform: translateY(var(--ribbonHeight));
}
.ghcosmeticcare header {
  background: #1D7C2B;
  background: var(--colorGreen);
}
.ghcosmeticcare header > .container-fluid, .ghcosmeticcare header > .container-xs, .ghcosmeticcare header > .container-sm, .ghcosmeticcare header > .container-md, .ghcosmeticcare header > .container-lg, .ghcosmeticcare header > .container-xl {
  z-index: 3;
  position: relative;
}
@media (min-width: 801px) {
  header {
    height: 90px;
  }
}
header.hidden {
  transform: translateY(-100%);
}
header.hidden.menuActive {
  transform: none;
}
@media (min-width: 801px) {
  header.hidden.menuActive {
    transform: translateY(-100%);
  }
}
header:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: #1D7C2B;
  background: var(--colorGreen);
  left: 0;
  z-index: 2;
  transform: translateY(-100%);
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-delay: 300ms;
}
header > .container,
header > .container-fluid,
header > .container-xs,
header > .container-sm,
header > .container-md,
header > .container-lg,
header > .container-xl {
  background: #FFFFFF;
}
.ghcosmeticcare header > .container,
.ghcosmeticcare header > .container-fluid,
.ghcosmeticcare header > .container-xs,
.ghcosmeticcare header > .container-sm,
.ghcosmeticcare header > .container-md,
.ghcosmeticcare header > .container-lg,
.ghcosmeticcare header > .container-xl {
  background: #1D7C2B;
  background: var(--colorGreen);
}
header .container,
header .container-fluid,
header .container-xs,
header .container-sm,
header .container-md,
header .container-lg,
header .container-xl {
  height: 60px;
  height: 100%;
}
@media (min-width: 801px) {
  header .container,
  header .container-fluid,
  header .container-xs,
  header .container-sm,
  header .container-md,
  header .container-lg,
  header .container-xl {
    height: 90px;
    height: 100%;
  }
}
header .container .row,
header .container-fluid .row,
header .container-xs .row,
header .container-sm .row,
header .container-md .row,
header .container-lg .row,
header .container-xl .row {
  height: 100%;
}
@media (min-width: 801px) {
  header .container .row,
  header .container-fluid .row,
  header .container-xs .row,
  header .container-sm .row,
  header .container-md .row,
  header .container-lg .row,
  header .container-xl .row {
    height: 100%;
  }
}
header .container .row .col,
header .container .row [class*=col-],
header .container-fluid .row .col,
header .container-xs .row .col,
header .container-sm .row .col,
header .container-md .row .col,
header .container-lg .row .col,
header .container-xl .row .col,
header .container-fluid .row [class*=col-],
header .container-xs .row [class*=col-],
header .container-sm .row [class*=col-],
header .container-md .row [class*=col-],
header .container-lg .row [class*=col-],
header .container-xl .row [class*=col-] {
  max-height: 100%;
}
header .logoColumn {
  display: inline-flex;
  align-items: center;
  background: white;
}
.ghcosmeticcare header .logoColumn {
  background: #1D7C2B;
  background: var(--colorGreen);
}
header .logoColumn a, header .logoColumn .image .ageRestriction button, .image .ageRestriction header .logoColumn button {
  display: inline-flex;
  max-height: 100%;
  max-width: 100%;
  padding: 10px;
  margin-left: -10px;
  z-index: 2;
}
header .logoColumn svg.sprite use {
  fill: #1D7C2B;
  fill: #1D7C2B;
  fill: var(--colorGreen);
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-delay: 300ms;
}
header .logoColumn svg.sprite.logo_small {
  display: none;
  animation-direction: normal;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-name: appearBottom;
  animation-timing-function: cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
@media (min-width: 801px) {
  header .logoColumn svg.sprite.logo_small {
    width: 60px;
    padding: 5px;
    max-height: 56px;
  }
}
header .logoColumn svg.sprite.logo {
  animation-direction: normal;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-name: appearTop;
  animation-timing-function: cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
header .logoColumn svg.sprite.logo_vrienden path, header .logoColumn svg.sprite.logo_vrienden_small path {
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
header .logoColumn svg.sprite.logo_vrienden_small {
  width: 80px;
  max-height: 80px;
}
header .logoColumn img {
  max-height: 40px;
}
@media (min-width: 801px) {
  header .logoColumn img {
    max-height: 70px;
  }
}
header .headerNavigation {
  display: flex;
  align-items: center;
  background: #FFFFFF;
}
.ghcosmeticcare header .headerNavigation {
  background: #1D7C2B;
  background: var(--colorGreen);
}
.ghcosmeticcare header .headerNavigation .contrastButton {
  opacity: 1;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
@media (max-width: 800.98px) {
  header .headerNavigation .contrastButton svg.sprite {
    width: 25px;
    height: 25px;
  }
}
header .headerNavigation .patientPortal span {
  padding-right: 10px;
  color: #1D7C2B;
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  display: none;
}
@media (min-width: 1024px) {
  header .headerNavigation .patientPortal span {
    display: inline;
  }
}
header .headerNavigation .patientPortal .icon {
  position: relative;
  display: inline-flex;
  height: 30px;
  width: 30px;
}
header .headerNavigation .patientPortal svg.sprite {
  height: 25px;
  width: 25px;
}
@media (min-width: 490px) {
  header .headerNavigation .patientPortal svg.sprite {
    height: 30px;
    width: 30px;
  }
}
header .headerNavigation .patientPortal svg.sprite use {
  fill: #1D7C2B;
  stroke: #1D7C2B;
}
header .headerNavigation .patientPortal:hover span, header .headerNavigation .patientPortal:focus span {
  color: #A0590D;
  color: var(--colorOrange);
}
header .headerNavigation .patientPortal + .tooltipcontainer {
  position: relative;
  filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.3));
  animation-direction: normal;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-name: appearTop;
  animation-timing-function: cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
header .headerNavigation .patientPortal + .tooltipcontainer .tooltip {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 200px;
  padding: 20px;
  left: -30px;
  top: 45px;
  transform: translateX(-50%) translateY(-15px);
  background: #EBF5EF;
  border-radius: 6px;
  color: #1D7C2B;
}
@media (max-width: 800.98px) {
  header .headerNavigation .patientPortal + .tooltipcontainer .tooltip {
    left: -22px;
  }
}
header .headerNavigation .patientPortal + .tooltipcontainer .tooltip:before {
  position: absolute;
  top: -5px;
  left: 50%;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  content: "";
  background: #EBF5EF;
  transform: translateX(-50%) rotate(45deg);
}
header .headerNavigation .patientPortal + .tooltipcontainer p {
  margin: 0;
  flex: 1 1 100%;
}
header .headerNavigation .patientPortal + .tooltipcontainer button {
  flex: 1 1 100%;
  width: 100%;
  text-align: center;
  padding: 15px;
}
header .headerNavigation .patientPortal + .tooltipcontainer.removing {
  animation-direction: normal;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-name: disappear;
  animation-timing-function: cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
header .headerNavigation a, header .headerNavigation .image .ageRestriction button, .image .ageRestriction header .headerNavigation button, header .headerNavigation .tolkieButton {
  display: inline-flex;
  cursor: pointer;
}
header .headerNavigation a:not(:last-child), header .headerNavigation .image .ageRestriction button:not(:last-child), .image .ageRestriction header .headerNavigation button:not(:last-child), header .headerNavigation .tolkieButton:not(:last-child) {
  margin-right: 10px;
  padding: 5px;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
header .headerNavigation a:not(:last-child):hover, header .headerNavigation .image .ageRestriction button:not(:last-child):hover, .image .ageRestriction header .headerNavigation button:not(:last-child):hover, header .headerNavigation a:not(:last-child):focus, header .headerNavigation .image .ageRestriction button:not(:last-child):focus, .image .ageRestriction header .headerNavigation button:not(:last-child):focus, header .headerNavigation .tolkieButton:not(:last-child):hover, header .headerNavigation .tolkieButton:not(:last-child):focus {
  transform: scale(1.1);
}
header .headerNavigation a svg.sprite use, header .headerNavigation .image .ageRestriction button svg.sprite use, .image .ageRestriction header .headerNavigation button svg.sprite use, header .headerNavigation .tolkieButton svg.sprite use {
  fill: #196825;
  stroke: #196825;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: fill, stroke;
}
.ghcosmeticcare header .headerNavigation a svg.sprite use, .ghcosmeticcare header .headerNavigation .image .ageRestriction button svg.sprite use, .image .ageRestriction .ghcosmeticcare header .headerNavigation button svg.sprite use, .ghcosmeticcare header .headerNavigation .tolkieButton svg.sprite use {
  fill: #D7EBDF;
  stroke: #D7EBDF;
}
header .headerNavigation a.searchButton svg.sprite, header .headerNavigation .image .ageRestriction button.searchButton svg.sprite, .image .ageRestriction header .headerNavigation button.searchButton svg.sprite, header .headerNavigation .tolkieButton.searchButton svg.sprite {
  width: 25px;
  max-height: 25px;
}
@media (min-width: 490px) {
  header .headerNavigation a.searchButton svg.sprite, header .headerNavigation .image .ageRestriction button.searchButton svg.sprite, .image .ageRestriction header .headerNavigation button.searchButton svg.sprite, header .headerNavigation .tolkieButton.searchButton svg.sprite {
    width: 28.5px;
    max-height: 28.5px;
  }
}
@media (min-width: 801px) {
  header .headerNavigation a.searchButton, header .headerNavigation .image .ageRestriction button.searchButton, .image .ageRestriction header .headerNavigation button.searchButton, header .headerNavigation .tolkieButton.searchButton {
    display: none;
  }
}
header .headerNavigation a:hover svg.sprite use, header .headerNavigation .image .ageRestriction button:hover svg.sprite use, .image .ageRestriction header .headerNavigation button:hover svg.sprite use, header .headerNavigation a:focus svg.sprite use, header .headerNavigation .image .ageRestriction button:focus svg.sprite use, .image .ageRestriction header .headerNavigation button:focus svg.sprite use, header .headerNavigation .tolkieButton:hover svg.sprite use, header .headerNavigation .tolkieButton:focus svg.sprite use {
  fill: #A0590D;
  fill: var(--colorOrange);
  stroke: #A0590D;
  stroke: var(--colorOrange);
}
.ghcosmeticcare header .headerNavigation a:hover svg.sprite use, .ghcosmeticcare header .headerNavigation .image .ageRestriction button:hover svg.sprite use, .image .ageRestriction .ghcosmeticcare header .headerNavigation button:hover svg.sprite use, .ghcosmeticcare header .headerNavigation a:focus svg.sprite use, .ghcosmeticcare header .headerNavigation .image .ageRestriction button:focus svg.sprite use, .image .ageRestriction .ghcosmeticcare header .headerNavigation button:focus svg.sprite use, .ghcosmeticcare header .headerNavigation .tolkieButton:hover svg.sprite use, .ghcosmeticcare header .headerNavigation .tolkieButton:focus svg.sprite use {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}
.highContrast header .headerNavigation a.contrastButton, .highContrast header .headerNavigation .image .ageRestriction button.contrastButton, .image .ageRestriction .highContrast header .headerNavigation button.contrastButton, .highContrast header .headerNavigation .tolkieButton.contrastButton {
  position: relative;
}
.highContrast header .headerNavigation a.contrastButton:after, .highContrast header .headerNavigation .image .ageRestriction button.contrastButton:after, .image .ageRestriction .highContrast header .headerNavigation button.contrastButton:after, .highContrast header .headerNavigation .tolkieButton.contrastButton:after {
  content: "";
  position: absolute;
  background: #FFFFFF;
  top: 3px;
  right: 3px;
  height: 12px;
  width: 12px;
  border-radius: 10px;
  border: 2px solid #1D2E1F;
  border-color: #A0590D;
  border-color: var(--colorOrange);
}
@media (max-width: 800.98px) {
  header .headerNavigation .searchButton {
    margin-right: 0 !important;
  }
}
header .headerNavigation .tolkieButton {
  padding-right: 10px;
  position: relative;
  height: 40px;
  width: 47px;
}
header .headerNavigation .tolkieButton:not(:last-child) {
  margin-right: 0px;
}
header .headerNavigation .tolkieButton:has(button.active)::after, header .headerNavigation .tolkieButton:has(#tolkie-single-button.active)::after {
  content: "";
  position: absolute;
  background: #FFFFFF;
  top: 3px;
  right: 3px;
  height: 12px;
  width: 12px;
  border-radius: 10px;
  border: 2px solid #1D2E1F;
  border-color: #A0590D;
  border-color: var(--colorOrange);
}
@media (min-width: 801px) {
  header .headerNavigation .tolkieButton {
    width: unset;
  }
}
header .headerNavigation .tolkieButton button, header .headerNavigation .tolkieButton #tolkie-single-button {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  padding-right: 45px !important;
}
header .headerNavigation .tolkieButton button span, header .headerNavigation .tolkieButton #tolkie-single-button span {
  font-size: 20px;
  color: #1D7C2B;
  font-weight: 400;
  display: inline;
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
@media (max-width: 1439.98px) {
  header .headerNavigation .tolkieButton button span, header .headerNavigation .tolkieButton #tolkie-single-button span {
    display: none;
  }
}
header .headerNavigation .tolkieButton button img, header .headerNavigation .tolkieButton #tolkie-single-button img {
  display: none;
}
header .headerNavigation .tolkieButton button.active, header .headerNavigation .tolkieButton #tolkie-single-button.active {
  background-color: transparent !important;
}
header .headerNavigation .tolkieButton svg.sprite {
  pointer-events: none;
  height: 25px;
  width: 25px;
  color: #1D7C2B;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
}
@media (min-width: 490px) {
  header .headerNavigation .tolkieButton svg.sprite {
    height: 100%;
    width: 50px;
  }
}
header .headerNavigation .tolkieButton svg.sprite use {
  fill: #1D7C2B;
  stroke: #1D7C2B;
}
header .headerNavigation .tolkieButton:hover button, header .headerNavigation .tolkieButton:hover #tolkie-single-button, header .headerNavigation .tolkieButton:focus button, header .headerNavigation .tolkieButton:focus #tolkie-single-button {
  background-color: transparent !important;
}
header .headerNavigation .tolkieButton:hover button span, header .headerNavigation .tolkieButton:hover #tolkie-single-button span, header .headerNavigation .tolkieButton:focus button span, header .headerNavigation .tolkieButton:focus #tolkie-single-button span {
  color: #A0590D;
  color: var(--colorOrange);
}
header .headerNavigation .readspeakerButton .rsbtn_text span {
  white-space: nowrap;
}
@media (max-width: 800.98px) {
  header .headerNavigation .readspeakerButton .rsbtn_play {
    padding: 5px 18px;
    border: none;
    margin-right: 0;
  }
  header .headerNavigation .readspeakerButton .rsbtn_text span {
    display: none !important;
  }
  header .headerNavigation .readspeakerButton .rsbtn_play .rsbtn_left .rsbtn_text:before {
    right: -9px;
  }
}
header .headerNavigation .patientPortal span {
  white-space: nowrap;
}
@media (max-width: 1439.98px) {
  header .headerNavigation .patientPortal span {
    display: none;
  }
}
@media (max-width: 800.98px) {
  header .headerNavigation .patientPortal {
    margin-right: 0 !important;
  }
}
@media (max-width: 800.98px) {
  header .headerNavigation .contrastButton {
    margin-right: 0 !important;
  }
}
header.minifyLogo svg.sprite.logo {
  display: none;
}
header.minifyLogo svg.sprite.logo_small {
  display: initial;
}
header.menuActive:before {
  transform: none;
  transition-delay: 0ms;
}
header.menuActive .logoColumn svg.sprite use,
header.menuActive .logoColumn svg.sprite path {
  fill: #FFFFFF;
  transition-delay: 0ms;
}
header.menuActive .callToActionContainer {
  opacity: 0;
  pointer-events: none;
}
.ghcosmeticcare header.menuActive .readspeakerButton {
  opacity: 0;
  pointer-events: none;
}
.ghcosmeticcare header.menuActive .contrastButton {
  opacity: 0;
  pointer-events: none;
}

.callToActionContainer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-delay: 800ms;
}
.callToActionContainer.hide .ctaButton {
  opacity: 0;
}
.callToActionContainer.show .ctaButton {
  opacity: 1;
  pointer-events: all;
  cursor: pointer;
}
.callToActionContainer .ctaButton {
  position: fixed;
  bottom: 60px;
  opacity: 0;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  background-color: #1D7C2B;
  background-color: var(--colorGreen);
  pointer-events: none;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.callToActionContainer .ctaButton:hover, .callToActionContainer .ctaButton:focus {
  border-color: #1D7C2B;
  border-color: var(--colorGreen);
  color: #1D7C2B;
  color: var(--colorGreen);
  background: #FFFFFF;
}
.callToActionContainer .ctaButton:hover::before, .callToActionContainer .ctaButton:focus::before {
  border: 1px solid #FFFFFF;
  border-color: #1D7C2B;
  border-color: var(--colorGreen);
  background: #FFFFFF;
}
@media (min-width: 801px) {
  .callToActionContainer .ctaButton {
    position: relative;
    bottom: 0;
  }
}
.ie .callToActionContainer .ctaButton {
  padding: 17px 18px 13px;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

form.headerSearchForm {
  position: absolute;
  left: -10px;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  padding: 30px 15px;
  height: 105px;
  width: 100vw;
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: opacity, transform;
}
@media (min-width: 801px) {
  form.headerSearchForm {
    position: relative;
    left: auto;
    height: auto;
    width: 100%;
    padding: 0;
    opacity: 1;
    transform: none;
    pointer-events: all;
  }
}
.searchActive form.headerSearchForm {
  opacity: 1;
  transform: none;
  pointer-events: all;
}
form.headerSearchForm label {
  position: absolute;
  left: -9999px;
}
form.headerSearchForm input {
  width: 100%;
  height: 45px;
  border-radius: 45px;
  padding: 0 60px 0 22.5px;
  border: 1px solid rgba(183, 183, 183, 0.5);
  letter-spacing: 0.4px;
  font-family: "SofiaPro", sans-serif;
  font-weight: 400;
  transition: border-color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
form.headerSearchForm input::placeholder {
  color: #535350;
}
form.headerSearchForm input:focus {
  border-color: #B7B7B7;
}
.highContrast form.headerSearchForm input {
  border-color: #B7B7B7;
}
form.headerSearchForm button {
  position: absolute;
  top: 0;
  right: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 45px;
  background: none;
  border: none;
}
@media (min-width: 801px) {
  form.headerSearchForm button {
    right: 0;
  }
}
form.headerSearchForm button svg.sprite use {
  stroke: #1D7C2B;
  stroke: var(--colorGreen);
  transition: stroke 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
form.headerSearchForm button:hover svg.sprite use, form.headerSearchForm button:focus svg.sprite use {
  stroke: #A0590D;
  stroke: var(--colorOrange);
}

section.headerSearchResults {
  position: relative;
  background: #FFFFFF;
  padding-bottom: 60px;
  padding-top: 105px;
  z-index: -1;
  transform: translateY(-100%);
  max-height: calc(100vh - 60px);
  max-height: calc(var(--fullHeight) - 60px);
  overflow: auto;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
@media (min-width: 801px) {
  section.headerSearchResults {
    padding-top: 0;
    max-height: calc(100vh - 90px);
    max-height: calc(var(--fullHeight) - 90px);
  }
}
section.headerSearchResults.active {
  transform: none;
}
section.headerSearchResults .status {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 20px;
}
section.headerSearchResults .status a, section.headerSearchResults .status .image .ageRestriction button, .image .ageRestriction section.headerSearchResults .status button {
  cursor: pointer;
  padding-left: 10px;
  color: #1D7C2B;
  color: var(--colorGreen);
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  animation-direction: normal;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-name: appearTop;
  animation-timing-function: cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
section.headerSearchResults .status a:hover, section.headerSearchResults .status .image .ageRestriction button:hover, .image .ageRestriction section.headerSearchResults .status button:hover, section.headerSearchResults .status a:focus, section.headerSearchResults .status .image .ageRestriction button:focus, .image .ageRestriction section.headerSearchResults .status button:focus {
  color: #A0590D;
  color: var(--colorOrange);
}
section.headerSearchResults .status a.inactive, section.headerSearchResults .status .image .ageRestriction button.inactive, .image .ageRestriction section.headerSearchResults .status button.inactive {
  display: none;
}
section.headerSearchResults ul.loading {
  opacity: 0.5;
  pointer-events: none;
}
section.headerSearchResults li a, section.headerSearchResults li .image .ageRestriction button, .image .ageRestriction section.headerSearchResults li button {
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 5px 20px;
  border-radius: 8px;
  color: #1D7C2B;
  color: var(--colorGreen);
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: color, background;
}
section.headerSearchResults li a span, section.headerSearchResults li .image .ageRestriction button span, .image .ageRestriction section.headerSearchResults li button span {
  position: relative;
  z-index: 2;
}
section.headerSearchResults li a svg.sprite, section.headerSearchResults li .image .ageRestriction button svg.sprite, .image .ageRestriction section.headerSearchResults li button svg.sprite {
  margin-left: auto;
  padding-left: 10px;
  position: relative;
  z-index: 1;
  transform: translateX(-5px);
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
section.headerSearchResults li a svg.sprite use, section.headerSearchResults li .image .ageRestriction button svg.sprite use, .image .ageRestriction section.headerSearchResults li button svg.sprite use {
  fill: #FFFFFF;
}
section.headerSearchResults li a:hover, section.headerSearchResults li .image .ageRestriction button:hover, .image .ageRestriction section.headerSearchResults li button:hover, section.headerSearchResults li a:focus, section.headerSearchResults li .image .ageRestriction button:focus, .image .ageRestriction section.headerSearchResults li button:focus {
  color: #FFFFFF;
  background: #1D7C2B;
  background: var(--colorGreen);
}
section.headerSearchResults li a:hover svg.sprite, section.headerSearchResults li .image .ageRestriction button:hover svg.sprite, .image .ageRestriction section.headerSearchResults li button:hover svg.sprite, section.headerSearchResults li a:focus svg.sprite, section.headerSearchResults li .image .ageRestriction button:focus svg.sprite, .image .ageRestriction section.headerSearchResults li button:focus svg.sprite {
  transform: none;
}

.headerSearchResultsBackground {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  height: var(--fullHeight);
  width: 100%;
  background: rgba(215, 235, 223, 0.2);
  backdrop-filter: blur(7px);
  margin-top: 60px;
  z-index: -2;
  animation-direction: normal;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-name: appear;
  animation-timing-function: cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
@media (min-width: 801px) {
  .headerSearchResultsBackground {
    margin-top: 90px;
  }
}
.headerSearchResultsBackground.active {
  display: block;
}
.headerSearchResultsBackground.disappearing {
  animation-direction: normal;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-name: disappear;
  animation-timing-function: cubic-bezier(0.385, 0.075, 0.2, 0.95);
}

section.helpSection {
  margin-bottom: 120px;
}
@media (min-width: 801px) {
  section.helpSection {
    margin-top: -110px;
  }
}
@media screen and (min-width: 801px) and (min-width: 375px) {
  section.helpSection {
    margin-top: calc(-110px + -30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 801px) and (min-width: 1440px) {
  section.helpSection {
    margin-top: -140px;
  }
}
#hero.homepage ~ section.helpSection {
  /**
   * Hero's margin-bottom is 60 to 90, so compensating that by adding negative margin
   * Help section is overlapping by 170 pixels, so adding to total negative margin
   * Left column with links already has a margin-top of -50px, need to compensate that lessening total margin-top
   * From (-60px -170px + 30px) to (-90px -170px + 30px)
   * From        -200px         to        -230px
   */
}
#hero.homepage ~ section.helpSection {
  margin-top: -200px;
}
@media screen and (min-width: 375px) {
  #hero.homepage ~ section.helpSection {
    margin-top: calc(-200px + -30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  #hero.homepage ~ section.helpSection {
    margin-top: -230px;
  }
}
@media (min-width: 801px) {
  #hero.homepage ~ section.helpSection {
    margin-top: -180px;
  }
}
@media screen and (min-width: 801px) and (min-width: 375px) {
  #hero.homepage ~ section.helpSection {
    margin-top: calc(-180px + -30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 801px) and (min-width: 1440px) {
  #hero.homepage ~ section.helpSection {
    margin-top: -210px;
  }
}
@media (min-width: 801px) {
  section.helpSection > .container > .row > div:last-child {
    margin-left: -8.33333%;
  }
}
section.helpSection .helpBlock {
  margin-bottom: 30px;
}
@media (min-width: 801px) {
  section.helpSection .helpBlock {
    margin-bottom: 0;
    margin-top: -50px;
  }
}

.helpBlock .content {
  padding: 30px 20px 10px;
}
.helpBlock h2 {
  margin-bottom: 10px;
  font-weight: 600;
}
.helpBlock h2 {
  font-size: 20px;
}
@media screen and (min-width: 375px) {
  .helpBlock h2 {
    font-size: calc(20px + 10 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .helpBlock h2 {
    font-size: 30px;
  }
}
.helpBlock h2 {
  line-height: 23px;
}
@media screen and (min-width: 375px) {
  .helpBlock h2 {
    line-height: calc(23px + 15 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .helpBlock h2 {
    line-height: 38px;
  }
}
@media (min-width: 801px) {
  .helpBlock h2 {
    padding-left: 10px;
  }
}
.helpBlock em {
  color: #1D7C2B;
  color: var(--colorGreen);
  font-style: normal;
  font-weight: 600;
  display: block;
}
.helpBlock em {
  font-size: 20px;
}
@media screen and (min-width: 375px) {
  .helpBlock em {
    font-size: calc(20px + 10 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .helpBlock em {
    font-size: 30px;
  }
}
.helpBlock em {
  line-height: 23px;
}
@media screen and (min-width: 375px) {
  .helpBlock em {
    line-height: calc(23px + 15 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .helpBlock em {
    line-height: 38px;
  }
}
@media (min-width: 801px) {
  .helpBlock em {
    padding-left: 10px;
  }
}
.helpBlock h2 + em {
  margin-top: -10px;
  margin-bottom: 10px;
}
.helpBlock a, .helpBlock .image .ageRestriction button, .image .ageRestriction .helpBlock button {
  display: flex;
  align-items: center;
  padding: 14px 0;
  color: #606060;
  fill: #606060;
  color: var(--colorText);
  text-decoration: none;
  font-weight: 400;
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
@media (min-width: 801px) {
  .helpBlock a, .helpBlock .image .ageRestriction button, .image .ageRestriction .helpBlock button {
    padding: 14px 10px;
  }
}
.helpBlock a svg.sprite:first-child, .helpBlock .image .ageRestriction button svg.sprite:first-child, .image .ageRestriction .helpBlock button svg.sprite:first-child {
  margin-right: 20px;
  flex-shrink: 0;
}
.helpBlock a svg.sprite:first-child use, .helpBlock .image .ageRestriction button svg.sprite:first-child use, .image .ageRestriction .helpBlock button svg.sprite:first-child use {
  stroke: #606060;
}
.helpBlock a svg.sprite:first-child text, .helpBlock .image .ageRestriction button svg.sprite:first-child text, .image .ageRestriction .helpBlock button svg.sprite:first-child text {
  fill: #606060;
}
.helpBlock a svg.sprite:first-child.icon_download use, .helpBlock .image .ageRestriction button svg.sprite:first-child.icon_download use, .image .ageRestriction .helpBlock button svg.sprite:first-child.icon_download use {
  stroke: none;
  fill: #606060;
}
.helpBlock a span, .helpBlock .image .ageRestriction button span, .image .ageRestriction .helpBlock button span {
  padding-right: 10px;
}
.helpBlock a svg.sprite.icon_external, .helpBlock .image .ageRestriction button svg.sprite.icon_external, .image .ageRestriction .helpBlock button svg.sprite.icon_external {
  margin-right: 10px;
}
.helpBlock a svg.sprite.icon_external use, .helpBlock .image .ageRestriction button svg.sprite.icon_external use, .image .ageRestriction .helpBlock button svg.sprite.icon_external use {
  fill: inherit;
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.helpBlock a svg.sprite.icon_arrow_right:last-child, .helpBlock .image .ageRestriction button svg.sprite.icon_arrow_right:last-child, .image .ageRestriction .helpBlock button svg.sprite.icon_arrow_right:last-child {
  margin-left: auto;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  opacity: 0;
  transform: translateX(-5px);
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: opacity, transform;
}
.helpBlock a svg.sprite.icon_arrow_right:last-child use, .helpBlock .image .ageRestriction button svg.sprite.icon_arrow_right:last-child use, .image .ageRestriction .helpBlock button svg.sprite.icon_arrow_right:last-child use {
  fill: inherit;
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.helpBlock a:hover, .helpBlock .image .ageRestriction button:hover, .image .ageRestriction .helpBlock button:hover, .helpBlock a:focus, .helpBlock .image .ageRestriction button:focus, .image .ageRestriction .helpBlock button:focus {
  color: #A0590D;
  color: var(--colorOrange);
  fill: #A0590D;
  fill: var(--colorOrange);
}
.helpBlock a:hover svg.sprite.icon_arrow_right:last-child, .helpBlock .image .ageRestriction button:hover svg.sprite.icon_arrow_right:last-child, .image .ageRestriction .helpBlock button:hover svg.sprite.icon_arrow_right:last-child, .helpBlock a:focus svg.sprite.icon_arrow_right:last-child, .helpBlock .image .ageRestriction button:focus svg.sprite.icon_arrow_right:last-child, .image .ageRestriction .helpBlock button:focus svg.sprite.icon_arrow_right:last-child {
  opacity: 1;
  transform: none;
}
.helpBlock li:not(:last-child) {
  position: relative;
}
.helpBlock li:not(:last-child):after {
  display: block;
  content: "";
  height: 1px;
  left: 0;
  bottom: 0;
  width: 100%;
  pointer-events: none;
  background: #EBEBEB;
}

main .helpSection .container {
  overflow: visible;
}

.moreInfoBlock {
  padding-top: 40px;
  padding-bottom: 40px;
  border-radius: 40px 10px;
  background: #EBF9FC;
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
@media (min-width: 490px) {
  .moreInfoBlock {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media (min-width: 801px) {
  .moreInfoBlock {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1024px) {
  .moreInfoBlock {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1440px) {
  .moreInfoBlock {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (max-width: 800.98px) {
  .moreInfoBlock {
    margin-left: 0;
    margin-right: 0;
  }
}
.moreInfoBlock .content {
  font-weight: 400;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 801px) {
  .moreInfoBlock .content {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    margin-left: 16.66666667%;
    padding-left: 30px;
  }
}
@media (min-width: 1024px) {
  .moreInfoBlock .content {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    margin-left: 16.66666667%;
    padding-left: 45px;
  }
}
@media (min-width: 1440px) {
  .moreInfoBlock .content {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    margin-left: 33.33333333%;
    padding-left: 0;
  }
}
@media (min-width: 490px) {
  .moreInfoBlock .content {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 801px) {
  .moreInfoBlock .content {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1024px) {
  .moreInfoBlock .content {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1440px) {
  .moreInfoBlock .content {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.moreInfoBlock h2 {
  color: #1D2E1F;
  font-weight: 600;
}
.moreInfoBlock h2 {
  font-size: 20px;
}
@media screen and (min-width: 375px) {
  .moreInfoBlock h2 {
    font-size: calc(20px + 10 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .moreInfoBlock h2 {
    font-size: 30px;
  }
}
.moreInfoBlock h2 {
  line-height: 23px;
}
@media screen and (min-width: 375px) {
  .moreInfoBlock h2 {
    line-height: calc(23px + 7 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .moreInfoBlock h2 {
    line-height: 30px;
  }
}
.moreInfoBlock h2 {
  margin-bottom: 10px;
}
@media screen and (min-width: 375px) {
  .moreInfoBlock h2 {
    margin-bottom: calc(10px + 10 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .moreInfoBlock h2 {
    margin-bottom: 20px;
  }
}
.moreInfoBlock h2 a, .moreInfoBlock h2 .image .ageRestriction button, .image .ageRestriction .moreInfoBlock h2 button,
.moreInfoBlock h2 em {
  color: #1D7C2B;
  color: var(--colorGreen);
  text-decoration: none;
  font-style: normal;
}
.moreInfoBlock h2 a, .moreInfoBlock h2 .image .ageRestriction button, .image .ageRestriction .moreInfoBlock h2 button {
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.moreInfoBlock h2 a:hover, .moreInfoBlock h2 .image .ageRestriction button:hover, .image .ageRestriction .moreInfoBlock h2 button:hover, .moreInfoBlock h2 a:focus, .moreInfoBlock h2 .image .ageRestriction button:focus, .image .ageRestriction .moreInfoBlock h2 button:focus {
  color: #A0590D;
  color: var(--colorOrange);
}
.moreInfoBlock a.button, .moreInfoBlock .image .ageRestriction button, .image .ageRestriction .moreInfoBlock button {
  margin-top: 30px;
  width: 100%;
}
@media (min-width: 801px) {
  .moreInfoBlock a.button, .moreInfoBlock .image .ageRestriction button, .image .ageRestriction .moreInfoBlock button {
    width: auto;
  }
}
.moreInfoBlock a.button:hover, .moreInfoBlock .image .ageRestriction button:hover, .image .ageRestriction .moreInfoBlock button:hover, .moreInfoBlock a.button:focus, .moreInfoBlock .image .ageRestriction button:focus, .image .ageRestriction .moreInfoBlock button:focus {
  color: #FFFFFF;
}

#hero.homepage ~ section.helpSection {
  margin-bottom: 0;
}
#hero.homepage ~ section.helpSection .helpBlock h2 {
  color: #1D2E1F;
}
@media (min-width: 801px) {
  #hero.homepage ~ section.helpSection .moreInfoBlock {
    min-height: calc(100% + 50px);
  }
  #hero.homepage ~ section.helpSection .moreInfoBlock .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 801px) and (min-width: 801px) {
  #hero.homepage ~ section.helpSection .moreInfoBlock .content {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    margin-left: 16.66666667%;
    padding-left: 32px;
  }
}
@media (min-width: 801px) and (min-width: 1024px) {
  #hero.homepage ~ section.helpSection .moreInfoBlock .content {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    margin-left: 16.66666667%;
    padding-left: 65px;
  }
}
@media (min-width: 801px) and (min-width: 1440px) {
  #hero.homepage ~ section.helpSection .moreInfoBlock .content {
    padding-left: 65px;
  }
}
@media (min-width: 801px) {
  #hero.homepage ~ section.helpSection .moreInfoBlock p {
    line-height: 20px;
    margin-top: 0;
  }
  #hero.homepage ~ section.helpSection .moreInfoBlock .button, #hero.homepage ~ section.helpSection .moreInfoBlock .image .ageRestriction button, .image .ageRestriction #hero.homepage ~ section.helpSection .moreInfoBlock button {
    align-self: flex-start;
  }
}

section.intro {
  padding-top: 60px;
}
@media screen and (min-width: 375px) {
  section.intro {
    padding-top: calc(60px + 30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  section.intro {
    padding-top: 90px;
  }
}
section.intro .row {
  position: relative;
}
section.intro .row a.back, section.intro .row .image .ageRestriction button.back, .image .ageRestriction section.intro .row button.back {
  position: absolute;
  top: -30px;
}
section.intro p {
  font-size: 22px;
  line-height: 36px;
}

.navigationPanel {
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: var(--fullHeight);
  overflow-y: auto;
  overscroll-behavior: contain;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  transform: translateY(-100%);
  background: #FFFFFF;
  content-visibility: auto;
  transition: transform 800ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.ie .navigationPanel {
  z-index: -1;
}
.ribbonActive .navigationPanel {
  height: calc(var(--fullHeight) - var(--ribbonHeight));
}
.navigationPanel:after {
  content: "";
  display: block;
  position: fixed;
  height: 60px;
  top: 0;
  left: 0;
  width: 100%;
  background: #1D7C2B;
  background: var(--colorGreen);
}
@media (min-width: 801px) {
  .navigationPanel:after {
    height: 90px;
  }
}
.navigationPanel nav {
  flex: 1;
  padding-top: 120px;
  padding-bottom: 60px;
  background: #1D7C2B;
  background: var(--colorGreen);
  color: #FFFFFF;
  transition: border-radius 800ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
@media (min-width: 801px) {
  .navigationPanel nav {
    padding-top: 150px;
  }
}
.ghcosmeticcare .navigationPanel nav {
  padding-top: 90px;
}
@media (min-width: 801px) {
  .ghcosmeticcare .navigationPanel nav {
    padding-top: 110px;
  }
}
.navigationPanel nav a, .navigationPanel nav .image .ageRestriction button, .image .ageRestriction .navigationPanel nav button {
  color: #FFFFFF;
  text-decoration: none;
}
.ghcosmeticcare .navigationPanel nav .row > div:last-of-type {
  margin-top: 45px;
}
@media (min-width: 801px) {
  .ghcosmeticcare .navigationPanel nav .row > div:last-of-type {
    margin-top: 0;
  }
}
.navigationPanel nav .menuTitle {
  display: block;
  margin-bottom: 20px;
}
.navigationPanel nav .menuTitle {
  font-size: 30px;
}
@media screen and (min-width: 375px) {
  .navigationPanel nav .menuTitle {
    font-size: calc(30px + 0 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .navigationPanel nav .menuTitle {
    font-size: 30px;
  }
}
.navigationPanel nav .menuTitle {
  line-height: 38px;
}
@media screen and (min-width: 375px) {
  .navigationPanel nav .menuTitle {
    line-height: calc(38px + 0 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .navigationPanel nav .menuTitle {
    line-height: 38px;
  }
}
@media (min-width: 801px) {
  .navigationPanel nav .menuTitle {
    margin-bottom: 30px;
  }
}
.navigationPanel nav .menuTitleSpacer {
  margin-bottom: 0;
  height: 0;
  display: block;
}
@media (min-width: 801px) {
  .navigationPanel nav .menuTitleSpacer {
    margin-bottom: 30px;
    height: 38px;
  }
}
.navigationPanel nav .main {
  font-weight: 600;
  margin-bottom: 60px;
}
.navigationPanel nav .main {
  font-size: 20px;
}
@media screen and (min-width: 375px) {
  .navigationPanel nav .main {
    font-size: calc(20px + 10 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .navigationPanel nav .main {
    font-size: 30px;
  }
}
.navigationPanel nav .main {
  line-height: 30px;
}
@media screen and (min-width: 375px) {
  .navigationPanel nav .main {
    line-height: calc(30px + 30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .navigationPanel nav .main {
    line-height: 60px;
  }
}
@media (min-width: 801px) {
  .navigationPanel nav .main {
    margin-top: -12px;
    margin-bottom: 0;
  }
  .ghcosmeticcare .navigationPanel nav .main {
    margin-top: 0;
  }
}
.ghcosmeticcare .navigationPanel nav .main {
  font-weight: 500;
  margin-bottom: 0;
}
.ghcosmeticcare .navigationPanel nav .main {
  font-size: 20px;
}
@media screen and (min-width: 375px) {
  .ghcosmeticcare .navigationPanel nav .main {
    font-size: calc(20px + 4 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .ghcosmeticcare .navigationPanel nav .main {
    font-size: 24px;
  }
}
.ghcosmeticcare .navigationPanel nav .main {
  line-height: 25px;
}
@media screen and (min-width: 375px) {
  .ghcosmeticcare .navigationPanel nav .main {
    line-height: calc(25px + 10 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .ghcosmeticcare .navigationPanel nav .main {
    line-height: 35px;
  }
}
.navigationPanel nav .main a, .navigationPanel nav .main .image .ageRestriction button, .image .ageRestriction .navigationPanel nav .main button {
  position: relative;
  display: flex;
  align-items: center;
  padding: 7.5px 0;
}
.ghcosmeticcare .navigationPanel nav .main a, .ghcosmeticcare .navigationPanel nav .main .image .ageRestriction button, .image .ageRestriction .ghcosmeticcare .navigationPanel nav .main button {
  padding: 0 0 15px 0;
  color: #D7EBDF;
}
.ghcosmeticcare .navigationPanel nav .main a:hover, .ghcosmeticcare .navigationPanel nav .main .image .ageRestriction button:hover, .image .ageRestriction .ghcosmeticcare .navigationPanel nav .main button:hover, .ghcosmeticcare .navigationPanel nav .main a:focus, .ghcosmeticcare .navigationPanel nav .main .image .ageRestriction button:focus, .image .ageRestriction .ghcosmeticcare .navigationPanel nav .main button:focus {
  color: #FFFFFF;
}
@media (min-width: 801px) {
  .navigationPanel nav .main a, .navigationPanel nav .main .image .ageRestriction button, .image .ageRestriction .navigationPanel nav .main button {
    padding-left: 45px;
  }
  .ghcosmeticcare .navigationPanel nav .main a, .ghcosmeticcare .navigationPanel nav .main .image .ageRestriction button, .image .ageRestriction .ghcosmeticcare .navigationPanel nav .main button {
    padding-left: 0;
    padding-right: 0;
  }
}
.navigationPanel nav .main a svg, .navigationPanel nav .main .image .ageRestriction button svg, .image .ageRestriction .navigationPanel nav .main button svg {
  position: absolute;
  left: -45px;
  opacity: 0;
  transform: translateY(2px);
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: transform, opacity;
}
@media (min-width: 801px) {
  .navigationPanel nav .main a svg, .navigationPanel nav .main .image .ageRestriction button svg, .image .ageRestriction .navigationPanel nav .main button svg {
    left: 0;
  }
}
.navigationPanel nav .main a svg use, .navigationPanel nav .main .image .ageRestriction button svg use, .image .ageRestriction .navigationPanel nav .main button svg use {
  fill: #FFFFFF;
}
.navigationPanel nav .main a:hover svg, .navigationPanel nav .main .image .ageRestriction button:hover svg, .image .ageRestriction .navigationPanel nav .main button:hover svg, .navigationPanel nav .main a:focus svg, .navigationPanel nav .main .image .ageRestriction button:focus svg, .image .ageRestriction .navigationPanel nav .main button:focus svg {
  opacity: 1;
  transform: translateY(2px) translateX(10px);
}
.ghcosmeticcare .navigationPanel nav .main a:hover, .ghcosmeticcare .navigationPanel nav .main .image .ageRestriction button:hover, .image .ageRestriction .ghcosmeticcare .navigationPanel nav .main button:hover, .ghcosmeticcare .navigationPanel nav .main a:focus, .ghcosmeticcare .navigationPanel nav .main .image .ageRestriction button:focus, .image .ageRestriction .ghcosmeticcare .navigationPanel nav .main button:focus {
  text-decoration: underline;
}
.ghcosmeticcare .navigationPanel nav .main a:hover svg, .ghcosmeticcare .navigationPanel nav .main .image .ageRestriction button:hover svg, .image .ageRestriction .ghcosmeticcare .navigationPanel nav .main button:hover svg, .ghcosmeticcare .navigationPanel nav .main a:focus svg, .ghcosmeticcare .navigationPanel nav .main .image .ageRestriction button:focus svg, .image .ageRestriction .ghcosmeticcare .navigationPanel nav .main button:focus svg {
  opacity: 0;
}
.navigationPanel nav .secondary {
  font-weight: 400;
}
.navigationPanel nav .secondary {
  font-size: 16px;
}
@media screen and (min-width: 375px) {
  .navigationPanel nav .secondary {
    font-size: calc(16px + 9 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .navigationPanel nav .secondary {
    font-size: 25px;
  }
}
.navigationPanel nav .secondary {
  line-height: 30px;
}
@media screen and (min-width: 375px) {
  .navigationPanel nav .secondary {
    line-height: calc(30px + 5 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .navigationPanel nav .secondary {
    line-height: 35px;
  }
}
.ghcosmeticcare .navigationPanel nav .secondary {
  font-weight: 400;
}
.ghcosmeticcare .navigationPanel nav .secondary {
  font-size: 20px;
}
@media screen and (min-width: 375px) {
  .ghcosmeticcare .navigationPanel nav .secondary {
    font-size: calc(20px + 4 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .ghcosmeticcare .navigationPanel nav .secondary {
    font-size: 24px;
  }
}
.ghcosmeticcare .navigationPanel nav .secondary {
  line-height: 25px;
}
@media screen and (min-width: 375px) {
  .ghcosmeticcare .navigationPanel nav .secondary {
    line-height: calc(25px + 10 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .ghcosmeticcare .navigationPanel nav .secondary {
    line-height: 35px;
  }
}
.navigationPanel nav .secondary ul {
  margin-top: -7.5px;
}
.ghcosmeticcare .navigationPanel nav .secondary ul {
  margin-top: 0;
}
.navigationPanel nav .secondary a, .navigationPanel nav .secondary .image .ageRestriction button, .image .ageRestriction .navigationPanel nav .secondary button {
  display: block;
  padding: 7.5px 0;
  color: #D7EBDF;
  fill: #D7EBDF;
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.ghcosmeticcare .navigationPanel nav .secondary a, .ghcosmeticcare .navigationPanel nav .secondary .image .ageRestriction button, .image .ageRestriction .ghcosmeticcare .navigationPanel nav .secondary button {
  padding: 0 0 15px 0;
  color: #D7EBDF;
}
.ghcosmeticcare .navigationPanel nav .secondary a:hover, .ghcosmeticcare .navigationPanel nav .secondary .image .ageRestriction button:hover, .image .ageRestriction .ghcosmeticcare .navigationPanel nav .secondary button:hover, .ghcosmeticcare .navigationPanel nav .secondary a:focus, .ghcosmeticcare .navigationPanel nav .secondary .image .ageRestriction button:focus, .image .ageRestriction .ghcosmeticcare .navigationPanel nav .secondary button:focus {
  color: #FFFFFF;
}
.navigationPanel nav .secondary a:hover, .navigationPanel nav .secondary .image .ageRestriction button:hover, .image .ageRestriction .navigationPanel nav .secondary button:hover, .navigationPanel nav .secondary a:focus, .navigationPanel nav .secondary .image .ageRestriction button:focus, .image .ageRestriction .navigationPanel nav .secondary button:focus {
  text-decoration: underline;
  color: #FFFFFF;
  fill: #FFFFFF;
}
.navigationPanel nav .secondary a.external svg.sprite use, .navigationPanel nav .secondary .image .ageRestriction button.external svg.sprite use, .image .ageRestriction .navigationPanel nav .secondary button.external svg.sprite use {
  fill: inherit;
}
.navigationPanel footer {
  flex: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  background: #FFFFFF;
  z-index: -1;
  transform: translateY(-100%);
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.ie .navigationPanel footer {
  flex: 0 1 auto;
}
.navigationPanel footer .goToLink {
  display: inline-flex;
  align-items: center;
  font-weight: 400;
  color: #1D7C2B;
  color: var(--colorGreen);
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 30px;
}
.navigationPanel footer .goToLink strong {
  display: block;
  font-weight: 700;
}
@media (min-width: 801px) {
  .navigationPanel footer .goToLink {
    margin-bottom: 0;
  }
}
.navigationPanel footer .goToLink:hover .goToIcon {
  background-color: #1D7C2B;
  background-color: var(--colorGreen);
}
.navigationPanel footer .goToLink:hover .goToIcon svg.sprite use {
  fill: #FFFFFF;
}
.navigationPanel footer .goToIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-color: #1D7C2B;
  border-color: var(--colorGreen);
  border: 1px solid;
  border-radius: 50%;
  margin-right: 10px;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.navigationPanel footer .goToIcon svg.sprite use {
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  fill: #1D7C2B;
  fill: var(--colorGreen);
}
.navigationPanel footer .meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 30px;
  line-height: 30px;
  font-weight: 400;
}
.navigationPanel footer .meta {
  font-size: 16px;
}
@media screen and (min-width: 375px) {
  .navigationPanel footer .meta {
    font-size: calc(16px + 8 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .navigationPanel footer .meta {
    font-size: 24px;
  }
}
@media (min-width: 801px) {
  .navigationPanel footer .meta {
    padding-left: 35px;
    justify-content: flex-start;
  }
}
.navigationPanel footer .meta a, .navigationPanel footer .meta .image .ageRestriction button, .image .ageRestriction .navigationPanel footer .meta button {
  padding: 10px;
  text-decoration: none;
  color: #1D7C2B;
  color: var(--colorGreen);
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.navigationPanel footer .meta a:hover, .navigationPanel footer .meta .image .ageRestriction button:hover, .image .ageRestriction .navigationPanel footer .meta button:hover, .navigationPanel footer .meta a:focus, .navigationPanel footer .meta .image .ageRestriction button:focus, .image .ageRestriction .navigationPanel footer .meta button:focus {
  color: #A0590D;
  color: var(--colorOrange);
}
@media (min-width: 801px) {
  .navigationPanel footer .meta {
    margin-bottom: 0;
  }
}

.headerNavigation {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

header .menuButton {
  display: inline-flex;
  cursor: pointer;
  width: 44px;
  height: 44px;
  padding: 10px;
  position: relative;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  z-index: 2;
  transition: background 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
@media (max-width: 1023.98px) {
  header .menuButton {
    width: 30px;
  }
}
header .menuButton > span {
  position: absolute;
  right: 100%;
  padding-right: 10px;
  pointer-events: none;
  opacity: 0;
  color: #FFFFFF;
  transition: opacity 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  font-size: 18px;
  font-weight: 500;
  display: none;
}
@media (min-width: 801px) {
  header .menuButton > span {
    display: initial;
  }
}
header .menuButton > span[aria-hidden=false] {
  opacity: 1;
  pointer-events: all;
  transition-delay: 500ms;
}
.ghcosmeticcare header .menuButton > span {
  color: #D7EBDF;
}
header .menuButton > div {
  position: absolute;
  width: 24px;
  height: 2px;
  background: #196825;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: opacity, transform, background;
  border-radius: 2px;
}
header .menuButton > div.ham {
  transform: translateY(-10px);
}
header .menuButton > div.ger {
  transform: translateY(10px);
}
.ghcosmeticcare header .menuButton > div {
  background: #D7EBDF;
}
header .menuButton:hover > div, header .menuButton:focus > div {
  background: #A0590D;
  background: var(--colorOrange);
}
header .menuButton:hover > div.ham, header .menuButton:focus > div.ham {
  transform: translateY(-12px);
}
header .menuButton:hover > div.ger, header .menuButton:focus > div.ger {
  transform: translateY(12px);
}
.ghcosmeticcare header .menuButton:hover > div, .ghcosmeticcare header .menuButton:focus > div {
  background-color: #FFFFFF;
}

header.menuActive .menuButton > div {
  background: #FFFFFF;
}
header.menuActive .menuButton > div.ham {
  transform: rotate(405deg);
}
header.menuActive .menuButton > div.bur {
  transform: scaleX(0);
}
header.menuActive .menuButton > div.ger {
  transform: rotate(315deg);
}
header.menuActive .navigationPanel {
  transform: none;
}
header.menuActive .navigationPanel nav {
  border-bottom-right-radius: 80px;
}
header.menuActive .navigationPanel footer {
  transform: none;
  transition-delay: 250ms;
}

.quicklinks {
  margin-top: 20px;
}
.quicklinks h2 {
  color: #606060;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 30px;
  font-weight: 600;
}
.quicklinks.border {
  border-top: 1px solid #B7B7B7;
  padding-top: 20px;
}
.quicklinks a, .quicklinks .image .ageRestriction button, .image .ageRestriction .quicklinks button {
  display: inline-block;
  position: relative;
  padding-left: 10px;
  color: #1D7C2B;
  color: var(--colorGreen);
  text-decoration: none;
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.quicklinks a:before, .quicklinks .image .ageRestriction button:before, .image .ageRestriction .quicklinks button:before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  transition: background 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  background: #1D7C2B;
  background: var(--colorGreen);
}
.quicklinks a:hover, .quicklinks .image .ageRestriction button:hover, .image .ageRestriction .quicklinks button:hover, .quicklinks a:focus, .quicklinks .image .ageRestriction button:focus, .image .ageRestriction .quicklinks button:focus {
  color: #A0590D;
  color: var(--colorOrange);
}
.quicklinks a:hover:before, .quicklinks .image .ageRestriction button:hover:before, .image .ageRestriction .quicklinks button:hover:before, .quicklinks a:focus:before, .quicklinks .image .ageRestriction button:focus:before, .image .ageRestriction .quicklinks button:focus:before {
  background: #A0590D;
  background: var(--colorOrange);
}
@media (min-width: 801px) {
  .quicklinks.twoColumns .quicklinksRow > .col, .quicklinks.twoColumns .quicklinksRow > [class*=col-] {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.swiper-container {
  overflow: visible;
}
.swiper-container.team {
  overflow: hidden;
}
.swiper-container.teamcosmeticcare {
  overflow: hidden;
}

.swiper-wrapper {
  align-items: stretch;
}

.swiper-slide {
  height: auto;
}
.swiper-slide .image {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.swiper-button-prev {
  left: -70px;
}

.swiper-button-next {
  right: -70px;
}

.swiper-button-prev,
.swiper-button-next {
  width: 60px;
  height: 60px;
  display: flex;
  background: #FFFFFF;
  border-radius: 30px;
  box-shadow: 0 0 10px rgba(29, 46, 31, 0.5);
  margin-top: 0;
  transform: translateY(-50%);
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: opacity, box-shadow;
}
.ghcosmeticcare .treatmentTeam .swiper-button-prev,
.ghcosmeticcare .treatmentTeam .swiper-button-next {
  display: flex !important;
}
.swiper-button-prev svg.sprite use,
.swiper-button-next svg.sprite use {
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.8;
  box-shadow: none;
}
.swiper-button-prev.swiper-button-disabled svg.sprite use,
.swiper-button-next.swiper-button-disabled svg.sprite use {
  fill: #B7B7B7 !important;
}
.swiper-button-prev:hover svg.sprite use, .swiper-button-prev:focus svg.sprite use,
.swiper-button-next:hover svg.sprite use,
.swiper-button-next:focus svg.sprite use {
  fill: #A0590D;
  fill: var(--colorOrange);
}
@media (max-width: 800.98px) {
  .swiper-button-prev,
  .swiper-button-next {
    display: none;
  }
}

.swiper-container-horizontal > .swiper-scrollbar {
  bottom: -30px;
  height: 1px;
  background: #B7B7B7;
  background: var(--colorGrey);
}

.swiper-scrollbar-drag {
  height: 3px;
  background: #B7B7B7;
  background: var(--colorGrey);
  top: -150%;
}

.treatmentTeam .swiper-button-prev,
.treatmentTeam .swiper-button-next {
  top: 76px;
}
@media screen and (min-width: 375px) {
  .treatmentTeam .swiper-button-prev,
  .treatmentTeam .swiper-button-next {
    top: calc(76px + 24 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .treatmentTeam .swiper-button-prev,
  .treatmentTeam .swiper-button-next {
    top: 100px;
  }
}
@media (min-width: 1024px) {
  .treatmentTeam .swiper-button-prev,
  .treatmentTeam .swiper-button-next {
    top: 10px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 375px) {
  .treatmentTeam .swiper-button-prev,
  .treatmentTeam .swiper-button-next {
    top: calc(10px + 100 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .treatmentTeam .swiper-button-prev,
  .treatmentTeam .swiper-button-next {
    top: 110px;
  }
}
.ghcosmeticcare .treatmentTeam .swiper-button-prev,
.ghcosmeticcare .treatmentTeam .swiper-button-next {
  top: 100px;
}
@media screen and (min-width: 375px) {
  .ghcosmeticcare .treatmentTeam .swiper-button-prev,
  .ghcosmeticcare .treatmentTeam .swiper-button-next {
    top: calc(100px + 0 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .ghcosmeticcare .treatmentTeam .swiper-button-prev,
  .ghcosmeticcare .treatmentTeam .swiper-button-next {
    top: 100px;
  }
}
@media (min-width: 1024px) {
  .ghcosmeticcare .treatmentTeam .swiper-button-prev,
  .ghcosmeticcare .treatmentTeam .swiper-button-next {
    top: 10px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 375px) {
  .ghcosmeticcare .treatmentTeam .swiper-button-prev,
  .ghcosmeticcare .treatmentTeam .swiper-button-next {
    top: calc(10px + 100 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .ghcosmeticcare .treatmentTeam .swiper-button-prev,
  .ghcosmeticcare .treatmentTeam .swiper-button-next {
    top: 110px;
  }
}

div.waitingTimesTable {
  display: block;
  padding: 1px 0 26px;
  width: 100%;
}
@media (min-width: 801px) {
  div.waitingTimesTable {
    display: table;
    padding: 12px 0 26px;
  }
}
div.waitingTimesTable ul.tableRow {
  display: block;
}
@media (min-width: 801px) {
  div.waitingTimesTable ul.tableRow {
    display: table-row;
  }
}
@media (min-width: 801px) {
  div.waitingTimesTable ul.tableRow:last-child li {
    border-bottom: 1px solid #B7B7B7;
  }
}
div.waitingTimesTable ul.tableRow.header {
  display: none;
}
@media (min-width: 801px) {
  div.waitingTimesTable ul.tableRow.header {
    display: table-row;
  }
}
div.waitingTimesTable ul.tableRow.header li > span:last-child {
  font-weight: 700;
}
@media (min-width: 801px) {
  div.waitingTimesTable ul.tableRow.header li.title {
    font-weight: 700;
    color: #1D2E1F;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
div.waitingTimesTable ul.tableRow.header + .tableRow ~ .tableRow li.title {
  padding-top: 50px;
}
@media (min-width: 801px) {
  div.waitingTimesTable ul.tableRow.header + .tableRow ~ .tableRow li.title {
    padding-top: 0;
  }
}
div.waitingTimesTable ul.tableRow li {
  padding-bottom: 0;
  clear: both;
  font-size: 18px;
}
@media (min-width: 801px) {
  div.waitingTimesTable ul.tableRow li {
    display: table-cell;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #B7B7B7;
  }
}
div.waitingTimesTable ul.tableRow li.title {
  font-style: italic;
  color: #1D2E1F;
  padding-bottom: 15px;
}
@media (min-width: 801px) {
  div.waitingTimesTable ul.tableRow li.title {
    padding-bottom: 0;
    font-style: normal;
    width: 40%;
    color: #606060;
  }
}
@media (min-width: 801px) {
  div.waitingTimesTable ul.tableRow li.loc {
    width: 10%;
  }
}
div.waitingTimesTable ul.tableRow li > span {
  border-top: 1px solid #B7B7B7;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (min-width: 801px) {
  div.waitingTimesTable ul.tableRow li > span {
    border-top: none;
  }
}
@media (max-width: 800.98px) {
  div.waitingTimesTable ul.tableRow li > span {
    display: block;
    float: left;
  }
}
div.waitingTimesTable ul.tableRow li > span:first-child {
  display: block;
  width: 68%;
}
@media (min-width: 801px) {
  div.waitingTimesTable ul.tableRow li > span:first-child {
    display: none;
    width: auto;
  }
}
div.waitingTimesTable ul.tableRow li > span:last-child {
  width: 32%;
}
@media (min-width: 801px) {
  div.waitingTimesTable ul.tableRow li > span:last-child {
    width: auto;
  }
}
div.waitingTimesTable ul.tableRow li:last-child > span {
  border-bottom: 1px solid #B7B7B7;
}
@media (min-width: 801px) {
  div.waitingTimesTable ul.tableRow li:last-child > span {
    border-bottom: none;
  }
}
@media (max-width: 800.98px) {
  div.waitingTimesTable ul.tableRow.subtitle li {
    display: none;
  }
}
div.waitingTimesTable ul.tableRow.subtitle li.title {
  color: #1D2E1F;
  display: block;
}
div.waitingTimesTable + div.waitingTimesTable {
  margin-top: 60px;
}
@media (min-width: 801px) {
  div.waitingTimesTable + div.waitingTimesTable {
    margin-top: 30px;
  }
}
div.waitingTimesTable + div.waitingTimesTable ul.tableRow.header > li {
  border-top: none;
}

section.waitingTimes {
  margin-top: 90px;
}

ul.accordeon > li {
  display: block;
  background: #FFFFFF;
  margin: 0 !important;
  margin-bottom: 0 !important;
  border-top: 1px solid #B7B7B7;
  border-top-color: #B7B7B7;
  border-top-color: var(--colorGrey);
}
ul.accordeon > li:last-child {
  margin-bottom: 0;
  border-bottom: 1px solid #B7B7B7;
  border-bottom-color: #B7B7B7;
  border-bottom-color: var(--colorGrey);
}
ul.accordeon > li:before {
  display: none !important;
}
ul.accordeon > li > .header {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 20px 0;
}
ul.accordeon > li > .header span {
  font-size: 18px;
  line-height: 22px;
  flex: 1 1 auto;
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
ul.accordeon > li > .header .toggle {
  flex: 0 0 auto;
  margin-left: 30px;
}
ul.accordeon > li > .header .toggle svg.sprite {
  width: 12px;
  max-height: 14px;
  transform: scaleY(-1);
  transform-origin: center;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
ul.accordeon > li > .header:hover span, ul.accordeon > li > .header:focus span {
  color: #A0590D;
  color: var(--colorOrange);
}
ul.accordeon .content {
  overflow-y: hidden;
  padding: 0 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  transition: height 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
ul.accordeon .content > *:first-child {
  margin-top: 0;
}
ul.accordeon .content > *:last-child {
  margin-bottom: 20px;
}
ul.accordeon .content a.extra, ul.accordeon .content .image .ageRestriction button.extra, .image .ageRestriction ul.accordeon .content button.extra {
  margin-top: 19px;
  font-size: 18px;
  line-height: 22px;
  color: #259C36;
  font-weight: 500;
}
ul.accordeon .content a.extra svg.sprite use, ul.accordeon .content .image .ageRestriction button.extra svg.sprite use, .image .ageRestriction ul.accordeon .content button.extra svg.sprite use {
  fill: #259C36;
}
ul.accordeon .content a.extra:hover, ul.accordeon .content .image .ageRestriction button.extra:hover, .image .ageRestriction ul.accordeon .content button.extra:hover, ul.accordeon .content a.extra:focus, ul.accordeon .content .image .ageRestriction button.extra:focus, .image .ageRestriction ul.accordeon .content button.extra:focus {
  color: #EF7D00;
}
ul.accordeon .content a.extra:hover svg.sprite use, ul.accordeon .content .image .ageRestriction button.extra:hover svg.sprite use, .image .ageRestriction ul.accordeon .content button.extra:hover svg.sprite use, ul.accordeon .content a.extra:focus svg.sprite use, ul.accordeon .content .image .ageRestriction button.extra:focus svg.sprite use, .image .ageRestriction ul.accordeon .content button.extra:focus svg.sprite use {
  fill: #EF7D00;
}
ul.accordeon .content.hasMedia {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
@media (min-width: 490px) {
  ul.accordeon .content.hasMedia {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media (min-width: 801px) {
  ul.accordeon .content.hasMedia {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1024px) {
  ul.accordeon .content.hasMedia {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1440px) {
  ul.accordeon .content.hasMedia {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
ul.accordeon .content.hasMedia .text {
  position: relative;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 490px) {
  ul.accordeon .content.hasMedia .text {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 801px) {
  ul.accordeon .content.hasMedia .text {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1024px) {
  ul.accordeon .content.hasMedia .text {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1440px) {
  ul.accordeon .content.hasMedia .text {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 801px) {
  ul.accordeon .content.hasMedia .text {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
}
ul.accordeon .content.hasMedia .media {
  margin-top: 30px;
  position: relative;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 490px) {
  ul.accordeon .content.hasMedia .media {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 801px) {
  ul.accordeon .content.hasMedia .media {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1024px) {
  ul.accordeon .content.hasMedia .media {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1440px) {
  ul.accordeon .content.hasMedia .media {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 490px) {
  ul.accordeon .content.hasMedia .media {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (min-width: 801px) {
  ul.accordeon .content.hasMedia .media {
    margin-top: 0;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
}
ul.accordeon .content.hasMedia .media img {
  border-radius: 10px;
}
ul.accordeon [aria-expanded=false] .header .toggle svg.sprite {
  transform: none;
}
ul.accordeon [aria-expanded=false] .content {
  height: 0;
}
ul.accordeon.waitingTimes > li {
  border-top: none;
  margin-bottom: 20px !important;
}
ul.accordeon.waitingTimes > li:last-child {
  border-bottom: none;
  margin-bottom: 0 !important;
}
ul.accordeon.waitingTimes > li > .header {
  font-weight: 700;
  padding: 10px 0 0 0;
  color: #1D7C2B;
  color: var(--colorGreen);
}
ul.accordeon.waitingTimes > li > .header svg.sprite use {
  transition: stroke 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  stroke: #606060;
}
ul.accordeon.waitingTimes > li > .header span {
  transform: translateY(-3px);
  font-size: 20px;
  flex: 0 0 auto;
}
ul.accordeon.waitingTimes > li > .header .toggle {
  margin-left: 10px;
}
ul.accordeon.waitingTimes > li > .header:hover span, ul.accordeon.waitingTimes > li > .header:focus span {
  color: #A0590D;
  color: var(--colorOrange);
}
ul.accordeon.waitingTimes > li > .header:hover svg.sprite use, ul.accordeon.waitingTimes > li > .header:focus svg.sprite use {
  stroke: #A0590D;
  stroke: var(--colorOrange);
}
ul.accordeon.waitingTimes .content {
  padding-left: 0;
  padding-right: 0;
}
ul.accordeon.searchFilters li {
  border-top: none;
  border-bottom: none;
}
ul.accordeon.searchFilters .header {
  padding-top: 0;
  padding-bottom: 5px;
}
ul.accordeon.searchFilters .header span {
  flex: 0 0 auto;
}
ul.accordeon.searchFilters .header .toggle {
  margin-left: 7px;
}
@media (min-width: 801px) {
  ul.accordeon.searchFilters .header .toggle {
    display: none;
  }
}
@media (min-width: 801px) {
  ul.accordeon.searchFilters .header:hover span, ul.accordeon.searchFilters .header:focus span {
    color: #606060;
  }
}
ul.accordeon.searchFilters .content {
  overflow-y: hidden;
  overflow-x: hidden;
}
@media (min-width: 801px) {
  ul.accordeon.searchFilters .content {
    height: auto !important;
  }
}

.accordeonBlock h2 {
  margin-bottom: 30px;
}
.waitingtimeoverviewpage .accordeonBlock {
  margin-top: 60px;
}
.waitingtimeoverviewpage .accordeonBlock .accordeon > li > .header span {
  font-size: 22px;
  line-height: 30px;
}
.waitingtimeoverviewpage .accordeonBlock .accordeon .content {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 60px;
}
.waitingtimeoverviewpage .accordeonBlock .accordeon > li[aria-expanded=false] .content {
  margin-bottom: 0;
}

ul.accordeon.waitingTimes .content {
  font-size: 18px;
  line-height: 30px;
}
ul.accordeon.waitingTimes .content > span {
  display: block;
  padding-top: 22px;
  padding-bottom: 59px;
  font-weight: 500;
  font-style: italic;
}
@media (min-width: 801px) {
  ul.accordeon.waitingTimes .content > span {
    padding-bottom: 18px;
  }
}

.actionBlock {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 30px;
  border-radius: 30px 10px 10px 10px;
  background: #EBF9FC;
}
@media (min-width: 1024px) {
  .actionBlock {
    padding: 60px;
    flex-direction: row;
    align-items: flex-start;
  }
}
.actionBlock .image {
  flex: 1 0 auto;
  width: 200px;
  height: 200px;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .actionBlock .image {
    margin-bottom: 0;
    margin-right: 60px;
  }
}
.actionBlock .image img {
  border-radius: 50%;
  max-height: 100%;
}
.actionBlock .title {
  display: block;
  margin-bottom: 10px;
  color: #1D2E1F;
  font-size: 25px;
  line-height: 32px;
  font-weight: 600;
}
.actionBlock .content {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}
.actionBlock p:last-of-type {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .actionBlock p:last-of-type {
    margin-bottom: 20px;
  }
}
.actionBlock a.button, .actionBlock .image .ageRestriction button, .image .ageRestriction .actionBlock button {
  min-width: 100%;
}
@media (min-width: 1024px) {
  .actionBlock a.button, .actionBlock .image .ageRestriction button, .image .ageRestriction .actionBlock button {
    min-width: 200px;
  }
}

.umb-grid .actionBlock a.button, .umb-grid .actionBlock .image .ageRestriction button, .image .ageRestriction .umb-grid .actionBlock button {
  margin-top: 0;
  margin-bottom: 0;
}

.cosmeticCare .actionBlock {
  background: #FFFFFF;
  border: 1px solid #259C36;
  border-color: #1D7C2B;
  border-color: var(--colorGreen);
  box-shadow: none;
}
.cosmeticCare .actionBlock .title {
  color: #1D7C2B;
  color: var(--colorGreen);
}

.ghcosmeticcare .actionBlock {
  background: #FFFFFF;
  border: 1px solid #259C36;
  border-color: #1D7C2B;
  border-color: var(--colorGreen);
  border-radius: 30px 10px 30px 10px;
  box-shadow: none;
  padding: 60px 30px 30px;
}
@media (min-width: 1024px) {
  .ghcosmeticcare .actionBlock {
    padding: 60px;
  }
}
.ghcosmeticcare .actionBlock .title {
  color: #1D7C2B;
  color: var(--colorGreen);
}

.attentionBlock {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 30px;
  border-radius: 10px;
  background: #FFF1E5;
}
@media (min-width: 801px) {
  .attentionBlock {
    padding: 60px;
    flex-direction: row;
    align-items: flex-start;
  }
}
.attentionBlock .image {
  flex: 0 0 auto;
  width: 140px;
  height: 140px;
  margin-bottom: 30px;
}
@media (min-width: 801px) {
  .attentionBlock .image {
    margin-bottom: 0;
    margin-right: 60px;
  }
}
.attentionBlock .image img {
  border-radius: 50%;
  max-height: 100%;
}
.attentionBlock .image.icon img {
  border-radius: 0;
}
.attentionBlock .title {
  display: block;
  font-size: 30px;
  line-height: 30px;
  color: #1D7C2B;
  color: var(--colorGreen);
  font-weight: 600;
  margin-bottom: 20px;
}
.attentionBlock .content {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  width: 100%;
}
.attentionBlock p:last-of-type {
  margin-bottom: 30px;
}
.attentionBlock a.button, .attentionBlock .image .ageRestriction button, .image .ageRestriction .attentionBlock button {
  min-width: 100%;
}
@media (min-width: 801px) {
  .attentionBlock a.button, .attentionBlock .image .ageRestriction button, .image .ageRestriction .attentionBlock button {
    min-width: 200px;
  }
}

.umb-grid .attentionBlock a.button, .umb-grid .attentionBlock .image .ageRestriction button, .image .ageRestriction .umb-grid .attentionBlock button {
  margin-top: 0;
  margin-bottom: 0;
}

.contactlandingpage .itemlist {
  margin-bottom: 60px;
}
@media screen and (min-width: 375px) {
  .contactlandingpage .itemlist {
    margin-bottom: calc(60px + 30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .contactlandingpage .itemlist {
    margin-bottom: 90px;
  }
}
.contactlandingpage .locationsListContainer, .contactlandingpage .locationsMapContainer {
  margin-bottom: 30px;
}
@media (min-width: 801px) {
  .contactlandingpage .locationsListContainer, .contactlandingpage .locationsMapContainer {
    margin-bottom: 90px;
  }
}

.contactBlock {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 30px;
  border-radius: 40px 10px;
  background: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
@media (min-width: 1024px) {
  .contactBlock {
    padding: 60px;
    flex-direction: row;
    align-items: flex-start;
  }
}
.ghcosmeticcarelandingpage .contactBlock {
  padding: 0;
  box-shadow: none;
}
@media (min-width: 1024px) {
  .ghcosmeticcarelandingpage .contactBlock {
    padding: 0;
  }
}
.ghcosmeticcare .contactBlock {
  align-items: center;
}
.contactBlock .image {
  flex: 1 0 auto;
  width: 200px;
  height: 200px;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .contactBlock .image {
    margin-bottom: 0;
    margin-right: 60px;
    margin-left: 0;
  }
}
.contactBlock .image img {
  border-radius: 50%;
  max-height: 100%;
}
.contactBlock .title {
  display: block;
  margin-bottom: 15px;
  color: #1D2E1F;
  font-size: 25px;
  line-height: 32px;
  font-weight: 600;
}
.ghcosmeticcare .contactBlock .title {
  margin-bottom: 20px;
  color: #1D2E1F;
}
.ghcosmeticcarelandingpage .contactBlock .title {
  margin-bottom: 20px;
  color: #98528D;
}
.contactBlock .content {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
}
.contactBlock p:last-of-type {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .contactBlock p:last-of-type {
    margin-bottom: 20px;
  }
}
.contactBlock .contactOptions {
  margin-top: 16px;
}
.ghcosmeticcare .contactBlock .contactOptions li:last-of-type a, .ghcosmeticcare .contactBlock .contactOptions li:last-of-type .image .ageRestriction button, .image .ageRestriction .ghcosmeticcare .contactBlock .contactOptions li:last-of-type button {
  color: #1D2E1F;
}
.ghcosmeticcare .contactBlock .contactOptions li:last-of-type a:hover, .ghcosmeticcare .contactBlock .contactOptions li:last-of-type .image .ageRestriction button:hover, .image .ageRestriction .ghcosmeticcare .contactBlock .contactOptions li:last-of-type button:hover, .ghcosmeticcare .contactBlock .contactOptions li:last-of-type a:focus, .ghcosmeticcare .contactBlock .contactOptions li:last-of-type .image .ageRestriction button:focus, .image .ageRestriction .ghcosmeticcare .contactBlock .contactOptions li:last-of-type button:focus {
  color: #A0590D;
  color: var(--colorOrange);
}
.contactBlock .socialMedia {
  margin-top: 30px;
}
.contactBlock .socialMedia ul {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: -5px;
  margin-top: 5px;
}
@media (min-width: 801px) {
  .contactBlock .socialMedia ul {
    justify-content: flex-start;
  }
}
.contactBlock .socialMedia ul li {
  margin: 5px;
  padding: 0;
}
.contactBlock .socialMedia ul li:before {
  display: none;
}
.contactBlock .socialMedia ul li:last-child {
  margin: 5px !important;
}
.contactBlock .socialMedia ul a, .contactBlock .socialMedia ul .image .ageRestriction button, .image .ageRestriction .contactBlock .socialMedia ul button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
}
.contactBlock .socialMedia ul a:after, .contactBlock .socialMedia ul .image .ageRestriction button:after, .image .ageRestriction .contactBlock .socialMedia ul button:after {
  position: absolute;
  content: "";
  display: block;
  height: 50px;
  width: 50px;
  border-radius: 50px;
  border: 1px solid #259C36;
  border-color: #1D7C2B;
  border-color: var(--colorGreen);
  opacity: 1;
  transform: none;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: opacity, transform;
}
.contactBlock .socialMedia ul a svg.sprite use, .contactBlock .socialMedia ul .image .ageRestriction button svg.sprite use, .image .ageRestriction .contactBlock .socialMedia ul button svg.sprite use {
  fill: #1D7C2B;
  fill: var(--colorGreen);
}
.contactBlock .socialMedia ul a:hover:after, .contactBlock .socialMedia ul .image .ageRestriction button:hover:after, .image .ageRestriction .contactBlock .socialMedia ul button:hover:after, .contactBlock .socialMedia ul a:focus:after, .contactBlock .socialMedia ul .image .ageRestriction button:focus:after, .image .ageRestriction .contactBlock .socialMedia ul button:focus:after {
  transform: scale(1.1);
  opacity: 0;
}

.contactFormBlock {
  margin-top: 90px;
  margin-bottom: 60px;
}
@media (min-width: 801px) {
  .contactFormBlock {
    margin-bottom: 90px;
  }
}
.contactFormBlock .blockWrapper .block {
  box-shadow: none;
  border-radius: 30px;
}
.contactFormBlock .blockWrapper .block.green {
  background: #EBF5EF;
}
@media (min-width: 801px) {
  .contactFormBlock .blockWrapper .block {
    border-radius: 60px 30px 60px 30px;
  }
}
.contactFormBlock .block {
  overflow: hidden;
}
.contactFormBlock .block .content {
  padding: 30px 20px;
}
@media (min-width: 801px) {
  .contactFormBlock .block .content {
    padding: 0;
    margin: 60px 0;
  }
}
@media (min-width: 1024px) {
  .contactFormBlock .block .content {
    padding: 0;
  }
}
.contactFormBlock .block ol,
.contactFormBlock .block ul {
  margin: 20px 0;
}
.contactFormBlock .block ol li,
.contactFormBlock .block ul li {
  position: relative;
  margin-left: 25px;
  margin-bottom: 10px;
}
.contactFormBlock .block ol li:last-child,
.contactFormBlock .block ul li:last-child {
  margin-bottom: 0;
}
.contactFormBlock .block ul {
  list-style: none;
}
.contactFormBlock .block ul li:before {
  height: 6px;
  width: 6px;
  border-radius: 8px;
  content: "";
  display: inline-block;
  background: #606060;
  position: absolute;
  top: 12px;
  left: -15px;
}
.contactFormBlock .block ul.checklist {
  margin-bottom: 0;
}
.contactFormBlock .block ul.checklist li {
  padding-left: 0;
  margin-bottom: 15px;
}
.contactFormBlock .block ul.checklist li:last-child {
  margin-bottom: 0;
}
.contactFormBlock .block ul.checklist li:before {
  width: 19px;
  height: 16px;
  border-radius: 0;
  background: url("/img/icon_success.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 5px;
  left: -30px;
}
.contactFormBlock .block p {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
}
.contactFormBlock .block .chapeau {
  display: block;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #1D2E1F;
}
.contactFormBlock .block .title {
  display: block;
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  color: #1D7C2B;
  color: var(--colorGreen);
  margin-bottom: 30px;
}
.contactFormBlock .block .title.purple {
  font-weight: 500;
  color: #98528D;
}
.contactFormBlock .block .listContent {
  padding-bottom: 40px;
}
@media (min-width: 801px) {
  .contactFormBlock .block .listContent {
    padding-bottom: 60px;
  }
}
.contactFormBlock .block .umbraco-forms-submitmessage {
  display: block;
  margin-top: 20px;
}
.contactFormBlock .block .umbraco-forms-form fieldset {
  padding: 0;
  background-color: transparent;
}
.contactFormBlock .block .umbraco-forms-form label {
  color: #302B25;
  font-weight: 400;
}
@media (min-width: 801px) {
  .contactFormBlock .block .umbraco-forms-form label {
    padding-top: 10px;
  }
}
.contactFormBlock .block .umbraco-forms-form .radio {
  display: inline-block;
  margin-right: 20px;
}
.contactFormBlock .block .umbraco-forms-navigation .btn.primary {
  margin-top: 0;
  width: 100%;
}
@media (min-width: 801px) {
  .contactFormBlock .block .umbraco-forms-navigation .btn.primary {
    margin-top: 20px;
    width: 100%;
  }
}

.cosmeticWarning {
  margin-top: 90px;
}
.cosmeticWarning .block {
  border: 1px solid #1D2E1F;
  border-radius: 10px;
  padding: 30px;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 801px) {
  .cosmeticWarning .block {
    flex-direction: row;
  }
}
.cosmeticWarning .icon {
  flex: 0 0 auto;
}
@media (min-width: 801px) {
  .cosmeticWarning svg.sprite {
    transform: translateY(5px);
  }
}
.cosmeticWarning svg.sprite use {
  fill: #1D7C2B;
  fill: var(--colorGreen);
}
.cosmeticWarning .content {
  flex: 1 1 auto;
  margin-top: 10px;
  text-align: center;
}
@media (min-width: 801px) {
  .cosmeticWarning .content {
    margin-top: 0;
    margin-left: 30px;
    text-align: left;
  }
}
.cosmeticWarning p {
  margin-top: 0;
  font-size: 18px;
  line-height: 24px;
  color: #1D2E1F;
  font-weight: 700;
}
.cosmeticWarning strong {
  color: #1D7C2B;
  color: var(--colorGreen);
  font-weight: 700;
  font-style: normal;
}

.digiDContainer {
  height: 100px;
  width: 100px;
}
.digiDContainer .image {
  height: 100px;
  padding-bottom: 0;
}

.digiDButton {
  margin-top: 4% !important;
}

.filterableOverview {
  position: relative;
}
.filterableOverview .intro {
  padding-top: 60px;
}
@media screen and (min-width: 375px) {
  .filterableOverview .intro {
    padding-top: calc(60px + 30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .filterableOverview .intro {
    padding-top: 90px;
  }
}
.filterableOverview .intro p {
  font-size: 22px;
  line-height: 36px;
}
.filterableOverview .highlights {
  margin-top: 60px;
}
.filterableOverview .highlights h2 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.filterableOverview .highlights a, .filterableOverview .highlights .image .ageRestriction button, .image .ageRestriction .filterableOverview .highlights button {
  display: flex;
  height: 100%;
  align-items: center;
  border-bottom: 1px solid #EBEBEB;
  padding: 19px 20px;
  text-decoration: none;
  color: #606060;
  font-weight: 400;
  fill: #1D7C2B;
  fill: var(--colorGreen);
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: color, fill;
}
.filterableOverview .highlights a:hover, .filterableOverview .highlights .image .ageRestriction button:hover, .image .ageRestriction .filterableOverview .highlights button:hover, .filterableOverview .highlights a:focus, .filterableOverview .highlights .image .ageRestriction button:focus, .image .ageRestriction .filterableOverview .highlights button:focus {
  color: #A0590D;
  color: var(--colorOrange);
  fill: #A0590D;
  fill: var(--colorOrange);
}
.filterableOverview .highlights a:hover svg.sprite, .filterableOverview .highlights .image .ageRestriction button:hover svg.sprite, .image .ageRestriction .filterableOverview .highlights button:hover svg.sprite, .filterableOverview .highlights a:focus svg.sprite, .filterableOverview .highlights .image .ageRestriction button:focus svg.sprite, .image .ageRestriction .filterableOverview .highlights button:focus svg.sprite {
  transform: translateX(5px);
}
.filterableOverview .highlights a span, .filterableOverview .highlights .image .ageRestriction button span, .image .ageRestriction .filterableOverview .highlights button span {
  flex: 1;
}
.filterableOverview .highlights a svg.sprite, .filterableOverview .highlights .image .ageRestriction button svg.sprite, .image .ageRestriction .filterableOverview .highlights button svg.sprite {
  margin-left: 20px;
  flex: 0 auto;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.filterableOverview .highlights a svg.sprite use, .filterableOverview .highlights .image .ageRestriction button svg.sprite use, .image .ageRestriction .filterableOverview .highlights button svg.sprite use {
  fill: inherit;
}
.filterableOverview .highlights .row > div:first-child a, .filterableOverview .highlights .row > div:first-child .image .ageRestriction button, .image .ageRestriction .filterableOverview .highlights .row > div:first-child button {
  border-top: 1px solid #EBEBEB;
}
@media (min-width: 801px) {
  .filterableOverview .highlights .row > div:nth-child(2) a, .filterableOverview .highlights .row > div:nth-child(2) .image .ageRestriction button, .image .ageRestriction .filterableOverview .highlights .row > div:nth-child(2) button {
    border-top: 1px solid #EBEBEB;
  }
}
.filterableOverview .filterContainer {
  margin-top: 60px;
}
@media (min-width: 801px) {
  .filterableOverview .filterContainer {
    background: #FFFFFF;
  }
}
.filterableOverview .filterContainer h2 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.filterableOverview .filterableGroups .filtered {
  display: none;
}
.filterableOverview .filterableGroups .shown {
  animation-direction: normal;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-name: appear;
  animation-timing-function: cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.filterableOverview .toggleFilterPopup {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 13px 20px 13px 10px;
  background: #FFFFFF;
  border-radius: 6px;
  border: 1px solid #95BFCB;
  color: #1D2E1F;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  font-family: "SofiaPro", sans-serif;
  margin-bottom: 45px;
}
.filterableOverview .toggleFilterPopup span {
  flex: 1 auto;
  text-align: left;
}
.filterableOverview .toggleFilterPopup svg.sprite {
  flex: 0 auto;
  margin-left: 20px;
}
.filterableOverview .toggleFilterPopup svg.sprite use {
  stroke: #606060;
}
.filterableOverview .popup {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  height: var(--fullHeight);
  width: 100%;
  background: #FFFFFF;
  z-index: 101;
  opacity: 0;
  pointer-events: none;
  transform: scale(1.2);
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: transform, opacity;
}
@media (max-width: 800.98px) {
  .filterableOverview .popup {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
  }
  .filterableOverview .popup .row > div:nth-child(2) {
    padding-top: 20vmin;
    padding-bottom: 30px;
  }
}
.filterableOverview .popup.active {
  transform: none;
  opacity: 1;
  pointer-events: all;
}
@media (min-width: 801px) {
  .filterableOverview .popup {
    pointer-events: all;
    z-index: 1;
    position: relative;
    opacity: 1;
    transform: none;
    height: auto;
    width: auto;
    top: auto;
    left: auto;
  }
}
.filterableOverview .popup h2 {
  text-align: center;
  margin-bottom: 0;
}
@media (min-width: 801px) {
  .filterableOverview .popup h2 {
    text-align: left;
    margin-bottom: 20px;
  }
}
.filterableOverview .closeColumn {
  text-align: right;
}
.filterableOverview .closeColumn button {
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin-top: 28px;
  background: white;
  color: #606060;
  border: none;
  font-family: "SofiaPro", sans-serif;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}
.filterableOverview .closeColumn button span {
  margin-right: 20px;
}
.filterableOverview .closeColumn button svg.sprite {
  transform: translateY(2px);
}
.filterableOverview .closeColumn button svg.sprite use {
  fill: #606060;
}
@media (min-width: 801px) {
  .filterableOverview .filterableGroups {
    margin-top: 90px;
  }
}
.filterableOverview .letterColumn h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 20px;
  text-align: center;
  font-weight: 400;
  color: #606060;
}
@media (min-width: 801px) {
  .filterableOverview .letterColumn h3 {
    margin-top: 10px;
    font-size: 50px;
    line-height: 20px;
  }
}
.filterableOverview .filterList {
  border-top: 1px solid #B7B7B7;
  padding-top: 20px;
  margin-bottom: 30px;
}
.filterableOverview .filterList li {
  margin-bottom: 0px;
}
.filterableOverview .filterList li:last-child {
  margin-bottom: 0;
}
.filterableOverview .filterList a, .filterableOverview .filterList .image .ageRestriction button, .image .ageRestriction .filterableOverview .filterList button {
  text-decoration: none;
  display: block;
  padding: 10px 0;
  color: #1D7C2B;
  color: var(--colorGreen);
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  font-weight: 500;
  line-height: 24px;
}
.filterableOverview .filterList a:hover, .filterableOverview .filterList .image .ageRestriction button:hover, .image .ageRestriction .filterableOverview .filterList button:hover, .filterableOverview .filterList a:focus, .filterableOverview .filterList .image .ageRestriction button:focus, .image .ageRestriction .filterableOverview .filterList button:focus {
  color: #A0590D;
  color: var(--colorOrange);
}
.filterableOverview .filterList a div.label, .filterableOverview .filterList .image .ageRestriction button div.label, .image .ageRestriction .filterableOverview .filterList button div.label {
  display: block;
}
.filterableOverview .filterList a div.label.subtitle, .filterableOverview .filterList .image .ageRestriction button div.label.subtitle, .image .ageRestriction .filterableOverview .filterList button div.label.subtitle {
  font-size: 0.9em;
  color: #B7B7B7;
  color: var(--colorGrey);
}

section#hero {
  max-width: 100%;
  overflow: hidden;
}
section#hero {
  margin-bottom: 60px;
}
@media screen and (min-width: 375px) {
  section#hero {
    margin-bottom: calc(60px + 30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  section#hero {
    margin-bottom: 90px;
  }
}
@media (min-width: 801px) {
  section#hero {
    min-height: 400px;
  }
}
section#hero > .row {
  position: relative;
}
@media (min-width: 801px) {
  section#hero > .row {
    min-height: 400px;
  }
}
section#hero > .row:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border: 1px solid #EBEBEB;
  border-radius: 60px 10px;
  border-width: 0;
  left: 5px;
  right: 5px;
}
@media (min-width: 801px) {
  section#hero > .row:before {
    border-width: 1px;
  }
}
@media (min-width: 490px) {
  section#hero > .row:before {
    left: 10px;
    right: 10px;
  }
}
@media (min-width: 801px) {
  section#hero > .row:before {
    left: 15px;
    right: 15px;
  }
}
@media (min-width: 1024px) {
  section#hero > .row:before {
    left: 15px;
    right: 15px;
  }
}
@media (min-width: 1440px) {
  section#hero > .row:before {
    left: 15px;
    right: 15px;
  }
}
@media (max-width: 800.98px) {
  section#hero .col-12:first-child:not(:last-child) {
    padding: 0;
    margin-left: -14px;
    margin-right: -14px;
    max-width: calc(100% + 28px);
    flex-basis: calc(100% + 28px);
  }
}
@media (max-width: 489.98px) {
  section#hero .col-12:first-child:not(:last-child) {
    margin-left: -19px;
    margin-right: -19px;
    max-width: calc(100% + 38px);
    flex-basis: calc(100% + 38px);
  }
}
section#hero .col-12:first-child:not(:last-child):not(:last-child) {
  margin-bottom: 60px;
}
@media (min-width: 801px) {
  section#hero .col-12:first-child:not(:last-child):not(:last-child) {
    margin-bottom: 0;
  }
}
section#hero .col-12:last-child {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 800.98px) {
  section#hero .col-12:last-child:not(:first-child) {
    padding-top: 0;
  }
}
@media (min-width: 801px) {
  section#hero.overlappingContent .col-12:last-child {
    margin-bottom: 100px;
  }
}
section#hero .image {
  position: relative;
  min-height: 300px;
  height: 100%;
}
@media (min-width: 801px) {
  section#hero .image {
    min-height: 400px;
    margin-right: 60px;
  }
}
section#hero img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-top-left-radius: 60px;
}
@media (min-width: 801px) {
  section#hero img {
    border-bottom-left-radius: 10px;
  }
}
section#hero h1 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
}
section#hero.bigTitle h1 {
  font-size: 30px;
}
@media screen and (min-width: 375px) {
  section#hero.bigTitle h1 {
    font-size: calc(30px + 10 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  section#hero.bigTitle h1 {
    font-size: 40px;
  }
}
section#hero.bigTitle h1 {
  line-height: 30px;
}
@media screen and (min-width: 375px) {
  section#hero.bigTitle h1 {
    line-height: calc(30px + 10 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  section#hero.bigTitle h1 {
    line-height: 40px;
  }
}
section#hero div.subtitle {
  margin-top: 10px;
}
section#hero div.subtitle span {
  display: block;
}
section#hero div.type {
  margin-top: 10px;
  color: #B7B7B7;
  color: var(--colorGrey);
}
section#hero div.type span {
  display: block;
}
section#hero div.type::first-letter {
  text-transform: uppercase;
}
section#hero .intro * {
  font-size: 22px;
  line-height: 36px;
}
section#hero a.button, section#hero .image .ageRestriction button, .image .ageRestriction section#hero button {
  min-width: 100%;
  margin-top: 30px;
  color: #FFFFFF;
}
@media (min-width: 801px) {
  section#hero a.button, section#hero .image .ageRestriction button, .image .ageRestriction section#hero button {
    min-width: 200px;
  }
}
section#hero a.button.scrollDown, section#hero .image .ageRestriction button.scrollDown, .image .ageRestriction section#hero button.scrollDown {
  background-color: #FFFFFF;
  width: 50px;
  height: 50px;
  min-width: auto;
  max-width: none;
  border: none;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
  margin: 12px;
  z-index: 2;
  transform: translateY(-37px);
}
section#hero a.button.scrollDown svg, section#hero .image .ageRestriction button.scrollDown svg, .image .ageRestriction section#hero button.scrollDown svg {
  transform: rotate(90deg);
}
section#hero a.button.scrollDown svg use, section#hero .image .ageRestriction button.scrollDown svg use, .image .ageRestriction section#hero button.scrollDown svg use {
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  fill: #98528D;
}
section#hero a.button.scrollDown:hover svg use, section#hero .image .ageRestriction button.scrollDown:hover svg use, .image .ageRestriction section#hero button.scrollDown:hover svg use, section#hero a.button.scrollDown:focus svg use, section#hero .image .ageRestriction button.scrollDown:focus svg use, .image .ageRestriction section#hero button.scrollDown:focus svg use {
  fill: #1D7C2B;
  fill: var(--colorGreen);
}
section#hero a.button.scrollDown::before, section#hero .image .ageRestriction button.scrollDown::before, .image .ageRestriction section#hero button.scrollDown::before {
  display: none;
}
section#hero .scrollDown {
  position: relative;
}
section#hero .scrollDown #scrolldownanchor {
  position: absolute;
  top: -90px;
}
section#hero.narrow .row:before {
  content: none;
  display: none;
}
@media (min-width: 801px) {
  section#hero.narrow .row > div:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid #EBEBEB;
    border-radius: 60px 10px;
  }
  section#hero.narrow .row > div:first-child:not(:last-child):before {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  section#hero.narrow .row > div:last-child:not(:first-child):before {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  section#hero.narrow .row > div:first-child:last-child .content {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 801px) and (min-width: 490px) {
  section#hero.narrow .row > div:first-child:last-child .content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 801px) and (min-width: 801px) {
  section#hero.narrow .row > div:first-child:last-child .content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 801px) and (min-width: 1024px) {
  section#hero.narrow .row > div:first-child:last-child .content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 801px) and (min-width: 1440px) {
  section#hero.narrow .row > div:first-child:last-child .content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
section#hero.homepage {
  position: relative;
  z-index: 0;
}
section#hero.homepage .row:before {
  display: none;
}
section#hero.homepage .col-12:last-child {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
section#hero.homepage .image {
  margin: 0;
  overflow: hidden;
  border-radius: 80px 0 0 0;
  margin-left: -25px;
  margin-right: -25px;
}
section#hero.homepage .image {
  height: 480px;
}
@media screen and (min-width: 375px) {
  section#hero.homepage .image {
    height: calc(480px + 220 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  section#hero.homepage .image {
    height: 700px;
  }
}
@media (min-width: 801px) {
  section#hero.homepage .image {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 1024px) {
  section#hero.homepage .image {
    margin-left: 0;
    margin-right: 0;
    border-radius: 60px 10px;
  }
}
section#hero.homepage .image:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 43, 51, 0) 40%, #002a32);
  opacity: 0.7;
}
section#hero.homepage img {
  position: relative;
}
section#hero.homepage .content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section#hero.homepage h1,
section#hero.homepage .subtitle {
  text-align: center;
}
section#hero.homepage h1,
section#hero.homepage .subtitle {
  font-size: 30px;
}
@media screen and (min-width: 375px) {
  section#hero.homepage h1,
  section#hero.homepage .subtitle {
    font-size: calc(30px + 30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  section#hero.homepage h1,
  section#hero.homepage .subtitle {
    font-size: 60px;
  }
}
section#hero.homepage h1,
section#hero.homepage .subtitle {
  line-height: 30px;
}
@media screen and (min-width: 375px) {
  section#hero.homepage h1,
  section#hero.homepage .subtitle {
    line-height: calc(30px + 30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  section#hero.homepage h1,
  section#hero.homepage .subtitle {
    line-height: 60px;
  }
}
section#hero.homepage h1::selection,
section#hero.homepage .subtitle::selection {
  background: #1D7C2B;
  background: var(--colorGreen);
}
section#hero.homepage h1 {
  color: #FFFFFF;
  font-weight: 700;
}
section#hero.homepage .subtitle {
  font-weight: 400;
}
.ghcosmeticcare section#hero > .container-fluid, .ghcosmeticcare section#hero > .container-xs, .ghcosmeticcare section#hero > .container-sm, .ghcosmeticcare section#hero > .container-md, .ghcosmeticcare section#hero > .container-lg, .ghcosmeticcare section#hero > .container-xl {
  padding: 0;
  margin: 0;
  position: relative;
}
.ghcosmeticcare section#hero > .container-fluid::before, .ghcosmeticcare section#hero > .container-xs::before, .ghcosmeticcare section#hero > .container-sm::before, .ghcosmeticcare section#hero > .container-md::before, .ghcosmeticcare section#hero > .container-lg::before, .ghcosmeticcare section#hero > .container-xl::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #1D7C2B;
  background: var(--colorGreen);
}
.ghcosmeticcare section#hero .image {
  margin: 0;
  border-radius: 60px 0 60px 0;
}
.ghcosmeticcare section#hero .image {
  height: 310px;
}
@media screen and (min-width: 375px) {
  .ghcosmeticcare section#hero .image {
    height: calc(310px + 230 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .ghcosmeticcare section#hero .image {
    height: 540px;
  }
}
@media (min-width: 801px) {
  .ghcosmeticcarecontentpage section#hero {
    margin-top: 15px;
  }
}
@media (min-width: 1440px) {
  .ghcosmeticcarecontentpage section#hero {
    margin-top: 45px;
  }
}
section#hero.landingpage {
  position: relative;
  z-index: 0;
}
@media (min-width: 801px) {
  section#hero.landingpage {
    margin-bottom: 16px;
  }
}
section#hero.landingpage .row:before {
  display: none;
}
section#hero.landingpage .col-12 {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
section#hero.landingpage .col-12:first-child:not(:last-child) {
  padding-right: 10px;
  padding-left: 10px;
}
@media (max-width: 800.98px) {
  section#hero.landingpage .col-12:first-child:not(:last-child) {
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (max-width: 489.98px) {
  section#hero.landingpage .col-12:first-child:not(:last-child) {
    padding-right: 5px;
    padding-left: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    max-width: 100%;
    flex-basis: 100%;
  }
}
section#hero.landingpage .image {
  margin: 0;
  overflow: hidden;
  border-radius: 60px 0 60px 0;
  margin-left: 0px;
  margin-right: 0px;
}
section#hero.landingpage .image {
  height: 512px;
}
@media screen and (min-width: 375px) {
  section#hero.landingpage .image {
    height: calc(512px + 88 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  section#hero.landingpage .image {
    height: 600px;
  }
}
@media (min-width: 801px) {
  section#hero.landingpage .image {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  section#hero.landingpage .image {
    margin-left: 0;
    margin-right: 0;
    border-radius: 60px 0 60px 0;
  }
}
section#hero.landingpage .image:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 43, 51, 0) 40%, #002a32);
  opacity: 0.7;
}
section#hero.landingpage img {
  position: relative;
}
section#hero.landingpage .content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding-bottom: 60px;
}
@media (min-width: 801px) {
  section#hero.landingpage .content {
    padding-bottom: 90px;
  }
}
section#hero.landingpage .content ul.checklist li {
  font-size: 20px;
}
section#hero.landingpage .content ul.checklist li::before {
  background: url("/img/icon_success_white.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
section#hero.landingpage .content a.button, section#hero.landingpage .content .image .ageRestriction button, .image .ageRestriction section#hero.landingpage .content button {
  background-color: transparent;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
section#hero.landingpage .content a.button::before, section#hero.landingpage .content .image .ageRestriction button::before, .image .ageRestriction section#hero.landingpage .content button::before {
  background: transparent;
}
section#hero.landingpage .content a.button:hover, section#hero.landingpage .content .image .ageRestriction button:hover, .image .ageRestriction section#hero.landingpage .content button:hover, section#hero.landingpage .content a.button:focus, section#hero.landingpage .content .image .ageRestriction button:focus, .image .ageRestriction section#hero.landingpage .content button:focus {
  background-color: #FFFFFF;
  color: #1D7C2B;
  color: var(--colorGreen);
}
section#hero.landingpage .content a.button:hover::before, section#hero.landingpage .content .image .ageRestriction button:hover::before, .image .ageRestriction section#hero.landingpage .content button:hover::before, section#hero.landingpage .content a.button:focus::before, section#hero.landingpage .content .image .ageRestriction button:focus::before, .image .ageRestriction section#hero.landingpage .content button:focus::before {
  background-color: #FFFFFF;
  color: #1D7C2B;
  color: var(--colorGreen);
}
section#hero.landingpage h1,
section#hero.landingpage .subtitle {
  text-align: left;
}
section#hero.landingpage h1,
section#hero.landingpage .subtitle {
  font-size: 30px;
}
@media screen and (min-width: 375px) {
  section#hero.landingpage h1,
  section#hero.landingpage .subtitle {
    font-size: calc(30px + 30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  section#hero.landingpage h1,
  section#hero.landingpage .subtitle {
    font-size: 60px;
  }
}
section#hero.landingpage h1,
section#hero.landingpage .subtitle {
  line-height: 30px;
}
@media screen and (min-width: 375px) {
  section#hero.landingpage h1,
  section#hero.landingpage .subtitle {
    line-height: calc(30px + 30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  section#hero.landingpage h1,
  section#hero.landingpage .subtitle {
    line-height: 60px;
  }
}
section#hero.landingpage h1::selection,
section#hero.landingpage .subtitle::selection {
  background: #1D7C2B;
  background: var(--colorGreen);
}
section#hero.landingpage h1 {
  color: #FFFFFF;
  font-weight: 700;
}
section#hero.landingpage .subtitle {
  font-weight: 400;
}
section#hero.landingpage p {
  font-size: 18px;
  line-height: 30px;
}
@media (min-width: 801px) {
  section#hero.landingpage p {
    font-size: 20px;
  }
}
section#hero.landingpage ol,
section#hero.landingpage ul {
  margin: 20px 0;
}
section#hero.landingpage ol li,
section#hero.landingpage ul li {
  position: relative;
  margin-left: 25px;
  margin-bottom: 10px;
}
section#hero.landingpage ol li:last-child,
section#hero.landingpage ul li:last-child {
  margin-bottom: 0;
}
section#hero.landingpage ul {
  list-style: none;
}
section#hero.landingpage ul li:before {
  height: 6px;
  width: 6px;
  border-radius: 8px;
  content: "";
  display: inline-block;
  background: #606060;
  position: absolute;
  top: 12px;
  left: -15px;
}
section#hero.landingpage ul.checklist li {
  padding-left: 0;
  margin-bottom: 10px;
}
section#hero.landingpage ul.checklist li:last-child {
  margin-bottom: 0;
}
section#hero.landingpage ul.checklist li:before {
  width: 19px;
  height: 16px;
  border-radius: 0;
  background: url("/img/icon_success.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 5px;
  left: -30px;
}
section#hero.landingpage .checklistContainer {
  margin-top: 10px;
}
section#hero.landingpage .checklistContainer li {
  color: #1D7C2B;
  color: var(--colorGreen);
}
section#hero.landingpage .checklistContainer a.button, section#hero.landingpage .checklistContainer .image .ageRestriction button, .image .ageRestriction section#hero.landingpage .checklistContainer button {
  margin-top: 0;
  width: auto;
  min-width: auto;
}
section#hero.cosmeticCareHero .cosmeticCareLogo {
  background: #1D7C2B;
  background: var(--colorGreen);
}
@media (max-width: 800.98px) {
  section#hero.cosmeticCareHero .cosmeticCareLogo {
    padding: 0;
    margin-left: -14px;
    margin-right: -14px;
    margin-top: -60px;
    max-width: calc(100% + 28px);
    flex-basis: calc(100% + 28px);
    padding: 15px 28px;
    text-align: right;
    margin-top: -60px;
    margin-bottom: 30px;
  }
}
@media (max-width: 489.98px) {
  section#hero.cosmeticCareHero .cosmeticCareLogo {
    margin-left: -19px;
    margin-right: -19px;
    max-width: calc(100% + 38px);
    flex-basis: calc(100% + 38px);
    padding: 15px 38px;
  }
}
@media (min-width: 801px) {
  section#hero.cosmeticCareHero .cosmeticCareLogo {
    position: absolute;
    right: 15px;
    top: 0;
    width: auto;
    flex-basis: auto;
    padding: 15px 20px;
    border-radius: 0 10px 0 30px;
  }
}
section#hero.cosmeticCareHero .cosmeticCareLogo svg.sprite {
  float: right;
}
section#hero.cosmeticCareHero .cosmeticCareLogo svg.sprite use {
  fill: #FFFFFF;
}
@media (min-width: 801px) {
  section#hero.cosmeticCareHero .col-12:last-child {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.highlightBlock {
  background: #FFFFFF;
  padding: 40px 30px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  font-weight: 400;
}
@media (min-width: 801px) {
  .highlightBlock {
    display: flex;
  }
  .highlightBlock {
    padding-left: 30px;
  }
}
@media screen and (min-width: 801px) and (min-width: 375px) {
  .highlightBlock {
    padding-left: calc(30px + 30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 801px) and (min-width: 1440px) {
  .highlightBlock {
    padding-left: 60px;
  }
}
@media (min-width: 801px) {
  .highlightBlock {
    padding-right: 30px;
  }
}
@media screen and (min-width: 801px) and (min-width: 375px) {
  .highlightBlock {
    padding-right: calc(30px + 30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 801px) and (min-width: 1440px) {
  .highlightBlock {
    padding-right: 60px;
  }
}
.highlightBlock .image {
  display: none;
  width: 200px;
  max-width: 40%;
  flex: 0 0 auto;
}
.highlightBlock .image {
  margin-right: 30px;
}
@media screen and (min-width: 375px) {
  .highlightBlock .image {
    margin-right: calc(30px + 30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .highlightBlock .image {
    margin-right: 60px;
  }
}
@media (min-width: 801px) {
  .highlightBlock .image {
    display: block;
  }
}
.highlightBlock .image img {
  border-radius: 100px;
  height: auto;
}
.highlightBlock .content {
  display: flex;
  flex-direction: column;
}
.highlightBlock .chapeau {
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.highlightBlock .title {
  display: block;
  margin-bottom: 20px;
  color: #1D7C2B;
  color: var(--colorGreen);
  font-size: 25px;
  line-height: 20px;
  font-weight: 600;
}
.highlightBlock p {
  margin-top: 0;
  margin-bottom: 18px;
  font-size: 18px;
  line-height: 20px;
}
.highlightBlock a.more, .highlightBlock .image .ageRestriction button.more, .image .ageRestriction .highlightBlock button.more {
  margin-top: auto;
  display: inline;
  align-items: center;
}
.highlightBlock a.more, .highlightBlock .image .ageRestriction button.more, .image .ageRestriction .highlightBlock button.more {
  font-size: 13px;
}
@media screen and (min-width: 375px) {
  .highlightBlock a.more, .highlightBlock .image .ageRestriction button.more, .image .ageRestriction .highlightBlock button.more {
    font-size: calc(13px + 3 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .highlightBlock a.more, .highlightBlock .image .ageRestriction button.more, .image .ageRestriction .highlightBlock button.more {
    font-size: 16px;
  }
}
.highlightBlock a.more, .highlightBlock .image .ageRestriction button.more, .image .ageRestriction .highlightBlock button.more {
  line-height: 17px;
}
@media screen and (min-width: 375px) {
  .highlightBlock a.more, .highlightBlock .image .ageRestriction button.more, .image .ageRestriction .highlightBlock button.more {
    line-height: calc(17px + 3 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .highlightBlock a.more, .highlightBlock .image .ageRestriction button.more, .image .ageRestriction .highlightBlock button.more {
    line-height: 20px;
  }
}
.highlightBlock a.more svg.sprite, .highlightBlock .image .ageRestriction button.more svg.sprite, .image .ageRestriction .highlightBlock button.more svg.sprite {
  transform: translateY(2px);
}
.highlightBlock a.more:hover svg.sprite, .highlightBlock .image .ageRestriction button.more:hover svg.sprite, .image .ageRestriction .highlightBlock button.more:hover svg.sprite, .highlightBlock a.more:focus svg.sprite, .highlightBlock .image .ageRestriction button.more:focus svg.sprite, .image .ageRestriction .highlightBlock button.more:focus svg.sprite {
  transform: translateY(1px) translateX(5px);
}
.highlightBlock a.more:hover svg.sprite use, .highlightBlock .image .ageRestriction button.more:hover svg.sprite use, .image .ageRestriction .highlightBlock button.more:hover svg.sprite use, .highlightBlock a.more:focus svg.sprite use, .highlightBlock .image .ageRestriction button.more:focus svg.sprite use, .image .ageRestriction .highlightBlock button.more:focus svg.sprite use {
  fill: #A0590D;
  fill: var(--colorOrange);
}
.highlightBlock svg.sprite {
  position: relative;
  top: 2px;
  flex: 0 1 auto;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  width: 14px;
}
.highlightBlock svg.sprite {
  margin-left: 7px;
}
@media screen and (min-width: 375px) {
  .highlightBlock svg.sprite {
    margin-left: calc(7px + -2 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .highlightBlock svg.sprite {
    margin-left: 5px;
  }
}
.highlightBlock svg.sprite use {
  fill: #1D7C2B;
  fill: var(--colorGreen);
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
body[class*=blog] .highlightBlock {
  border-radius: 40px 10px;
}
body[class*=blog] .highlightBlock .image {
  display: block;
  margin: 0 auto 30px;
}
@media (min-width: 801px) {
  body[class*=blog] .highlightBlock .image {
    margin: 0;
  }
  body[class*=blog] .highlightBlock .image {
    margin-right: 30px;
  }
}
@media screen and (min-width: 801px) and (min-width: 375px) {
  body[class*=blog] .highlightBlock .image {
    margin-right: calc(30px + 30 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 801px) and (min-width: 1440px) {
  body[class*=blog] .highlightBlock .image {
    margin-right: 60px;
  }
}
body[class*=blog] .highlightBlock .title {
  color: #1D2E1F;
}
body[class*=blog] .highlightBlock p {
  line-height: 30px;
}

.umb-grid .informationBlock ul li {
  padding: 0;
  margin-left: 0;
  margin-bottom: 20px;
}
.umb-grid .informationBlock ul li:last-child {
  margin-bottom: 0;
}
.umb-grid .informationBlock ul li:before {
  display: none;
}

.informationBlock {
  margin-top: 120px;
  margin-bottom: 10px;
}
.informationBlock .block {
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 801px) {
  .informationBlock .block {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.informationBlock .block .content {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
@media (min-width: 490px) {
  .informationBlock .block .content {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media (min-width: 801px) {
  .informationBlock .block .content {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1024px) {
  .informationBlock .block .content {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1440px) {
  .informationBlock .block .content {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (max-width: 800.98px) {
  .informationBlock .block .content {
    justify-content: center;
  }
}
.informationBlock .block .left {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
@media (min-width: 801px) {
  .informationBlock .block .left {
    flex: 0 0 40%;
    max-width: 40%;
    margin-left: 10%;
  }
}
@media (min-width: 1024px) {
  .informationBlock .block .left {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
.informationBlock .block .right {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
@media (min-width: 801px) {
  .informationBlock .block .right {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
.informationBlock h2 {
  font-size: 25px;
  line-height: 32px;
  font-weight: 600;
  color: #1D2E1F;
  margin-bottom: 20px;
}
.informationBlock .right {
  margin-top: 60px;
}
@media (min-width: 801px) {
  .informationBlock .right {
    margin-top: 0;
  }
}

.listBlockItem {
  display: flex;
}
.listBlockItem a, .listBlockItem .image .ageRestriction button, .image .ageRestriction .listBlockItem button {
  display: flex;
  width: 100%;
  flex-direction: column;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 30px 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  background: #FFFFFF;
}
.listBlockItem a:hover svg.sprite, .listBlockItem .image .ageRestriction button:hover svg.sprite, .image .ageRestriction .listBlockItem button:hover svg.sprite, .listBlockItem a:focus svg.sprite, .listBlockItem .image .ageRestriction button:focus svg.sprite, .image .ageRestriction .listBlockItem button:focus svg.sprite {
  transform: translateX(5px);
}
.listBlockItem a:hover svg.sprite use, .listBlockItem .image .ageRestriction button:hover svg.sprite use, .image .ageRestriction .listBlockItem button:hover svg.sprite use, .listBlockItem a:focus svg.sprite use, .listBlockItem .image .ageRestriction button:focus svg.sprite use, .image .ageRestriction .listBlockItem button:focus svg.sprite use {
  fill: #A0590D;
  fill: var(--colorOrange);
}
.listBlockItem .image {
  position: relative;
  height: 0;
  padding-bottom: 38.2456140351%;
}
.listBlockItem .image img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.listBlockItem .content {
  padding: 22px 20px 25px 15px;
}
.listBlockItem .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
}
.listBlockItem svg.sprite {
  margin-left: 10px;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.listBlockItem svg.sprite use {
  fill: #1D7C2B;
  fill: var(--colorGreen);
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.listBlockItem p {
  margin: 0;
  color: #606060;
  color: var(--colorText);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.listItem {
  display: flex;
}
.listItem a, .listItem .image .ageRestriction button, .image .ageRestriction .listItem button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px;
}
@media (min-width: 801px) {
  .listItem a, .listItem .image .ageRestriction button, .image .ageRestriction .listItem button {
    min-height: 180px;
  }
}
.listItem a:hover svg.sprite, .listItem .image .ageRestriction button:hover svg.sprite, .image .ageRestriction .listItem button:hover svg.sprite, .listItem a:focus svg.sprite, .listItem .image .ageRestriction button:focus svg.sprite, .image .ageRestriction .listItem button:focus svg.sprite {
  transform: translateX(5px);
}
.listItem a:hover svg.sprite use, .listItem .image .ageRestriction button:hover svg.sprite use, .image .ageRestriction .listItem button:hover svg.sprite use, .listItem a:focus svg.sprite use, .listItem .image .ageRestriction button:focus svg.sprite use, .image .ageRestriction .listItem button:focus svg.sprite use {
  fill: #A0590D;
  fill: var(--colorOrange);
}
.listItem a:before, .listItem .image .ageRestriction button:before, .image .ageRestriction .listItem button:before, .listItem a:after, .listItem .image .ageRestriction button:after, .image .ageRestriction .listItem button:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  top: 0;
  background: #EBEBEB;
}
.listItem a:after, .listItem .image .ageRestriction button:after, .image .ageRestriction .listItem button:after {
  top: auto;
  bottom: -1px;
}
.listItem .content {
  flex: 1 1 auto;
}
.listItem .title {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
}
.listItem p {
  margin: 0;
  color: #606060;
  color: var(--colorText);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.listItem svg.sprite {
  flex: 0 0 auto;
  margin-left: 10px;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.listItem svg.sprite use {
  fill: #1D7C2B;
  fill: var(--colorGreen);
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}

.umb-grid .locationsListContainer ul {
  margin-top: 0;
}
.umb-grid .locationsListContainer ul li {
  margin: 0;
  padding: 0;
}
.umb-grid .locationsListContainer ul li:before {
  display: none;
}
.umb-grid .locationsListContainer ul > li {
  margin-bottom: 10px;
}
.umb-grid .locationsListContainer ul > li:last-child {
  margin-bottom: 0;
}

.locationsTitle {
  margin-bottom: -90px;
  margin-top: 90px;
  text-align: center;
}
.locationsTitle h2 {
  color: #1D2E1F;
}

.locationsListContainer {
  margin-top: 120px;
}
@media (min-width: 801px) {
  .locationsListContainer > ul {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
.locationsListContainer > ul > li button {
  display: flex;
}
.locationsListContainer > ul > li .content {
  display: none;
}
@media (min-width: 801px) {
  .locationsListContainer > ul > li.active {
    flex: 1;
  }
}
.locationsListContainer > ul > li.active button {
  display: none;
}
.locationsListContainer > ul > li.active .content {
  display: flex;
  height: 100%;
}
.locationsListContainer button {
  align-items: center;
  width: 100%;
  padding: 10px 25px;
  height: 60px;
  color: #FFFFFF;
  fill: #FFFFFF;
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
  font-family: "SofiaPro", sans-serif;
  border: none;
  border-radius: 8px;
  box-shadow: none;
  background: #1D7C2B;
  background: var(--colorGreen);
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: background, box-shadow;
  animation-direction: normal;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-name: appearZoomIn;
  animation-timing-function: cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.locationsListContainer button:hover, .locationsListContainer button:focus {
  background: #196825;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
.locationsListContainer button svg.sprite {
  margin-right: 10px;
}
.locationsListContainer button svg.sprite use {
  fill: inherit;
}
.locationsListContainer .content {
  flex-direction: column;
  padding: 30px;
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  animation-direction: normal;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-name: appearZoomOut;
  animation-timing-function: cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.locationsListContainer h2 {
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #1D2E1F;
}
.locationsListContainer address {
  color: #606060;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
}
.locationsListContainer address span {
  display: block;
}
.locationsListContainer .content > a, .locationsListContainer .image .ageRestriction .content > button, .image .ageRestriction .locationsListContainer .content > button {
  font-size: 18px;
  line-height: 23px;
  display: inline-block;
  margin-bottom: 20px;
}
.locationsListContainer .actions {
  display: flex;
  flex-wrap: wrap;
  margin: -5px -5px;
}
.locationsListContainer .actions li {
  margin: 5px !important;
}
.locationsListContainer .actions a, .locationsListContainer .actions .image .ageRestriction button, .image .ageRestriction .locationsListContainer .actions button {
  position: relative;
  display: inline-flex;
  height: 45px;
  width: 45px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #1D7C2B;
  background: var(--colorGreen);
  transition: background 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.locationsListContainer .actions a:before, .locationsListContainer .actions .image .ageRestriction button:before, .image .ageRestriction .locationsListContainer .actions button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  z-index: -1;
  background: #1D7C2B;
  background: var(--colorGreen);
  transition: background 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.locationsListContainer .actions a svg.sprite use, .locationsListContainer .actions .image .ageRestriction button svg.sprite use, .image .ageRestriction .locationsListContainer .actions button svg.sprite use {
  fill: #FFFFFF;
}
.locationsListContainer .actions a svg.sprite.icon_park, .locationsListContainer .actions .image .ageRestriction button svg.sprite.icon_park, .image .ageRestriction .locationsListContainer .actions button svg.sprite.icon_park {
  width: 16px;
  max-height: 18px;
}
.locationsListContainer .actions a svg.sprite.icon_transit, .locationsListContainer .actions .image .ageRestriction button svg.sprite.icon_transit, .image .ageRestriction .locationsListContainer .actions button svg.sprite.icon_transit {
  width: 20px;
  max-height: 24px;
}
.locationsListContainer .actions a svg.sprite.icon_info, .locationsListContainer .actions .image .ageRestriction button svg.sprite.icon_info, .image .ageRestriction .locationsListContainer .actions button svg.sprite.icon_info {
  width: 9px;
  max-height: 24px;
}
.locationsListContainer .actions a:hover, .locationsListContainer .actions .image .ageRestriction button:hover, .image .ageRestriction .locationsListContainer .actions button:hover, .locationsListContainer .actions a:focus, .locationsListContainer .actions .image .ageRestriction button:focus, .image .ageRestriction .locationsListContainer .actions button:focus {
  background: #196825;
}
.locationsListContainer .actions a:hover:before, .locationsListContainer .actions .image .ageRestriction button:hover:before, .image .ageRestriction .locationsListContainer .actions button:hover:before, .locationsListContainer .actions a:focus:before, .locationsListContainer .actions .image .ageRestriction button:focus:before, .image .ageRestriction .locationsListContainer .actions button:focus:before {
  background: #196825;
  transform: translate(-2px, -2px);
  height: 49px;
  width: 49px;
}

.locationsMapContainer {
  margin-top: 120px;
  min-height: 480px;
}
.ie .locationsMapContainer {
  min-height: 580px;
}
.locationsMapContainer .map {
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: #EBEBEB;
  cursor: default;
}
.locationsMapContainer .gm-style > div {
  cursor: default !important;
}

.umb-grid .mediaGallery ul li {
  padding: 0;
  margin-left: 0;
  margin-bottom: 0;
}
.umb-grid .mediaGallery ul li:before {
  display: none;
}

.mediaGallery {
  margin-top: 120px;
}
.mediaGallery h2 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  margin-bottom: 30px;
}
.mediaGallery ul {
  margin-top: 0;
}
.mediaGallery li > div {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.mediaGallery img {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
.mediaGallery .image {
  height: 0;
  padding-bottom: 55%;
  border-radius: 10px;
  overflow: hidden;
}
.mediaGallery [data-lity].image, .mediaGallery [data-lity] .video {
  overflow: hidden;
  border-radius: 10px;
}
.mediaGallery [data-lity] img {
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.mediaGallery [data-lity]:hover img, .mediaGallery [data-lity]:focus img {
  transform: scale(1.05);
}
.mediaGallery .sliderContainer {
  position: relative;
}
.mediaGallery .sliderContainer button {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  height: 60px;
  width: 60px;
  border-radius: 60px;
  border: none;
  cursor: pointer;
  z-index: 1;
  box-shadow: 0 0 10px rgba(29, 46, 31, 0.5);
  transition: box-shadow 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
@media (min-width: 801px) {
  .mediaGallery .sliderContainer button[data-controls] {
    display: inline-flex;
  }
}
.mediaGallery .sliderContainer .prev {
  right: 100%;
  margin-right: 10px;
}
@media (min-width: 490px) {
  .mediaGallery .sliderContainer .prev {
    margin-right: 20px;
  }
}
@media (min-width: 801px) {
  .mediaGallery .sliderContainer .prev {
    margin-right: 30px;
  }
}
@media (min-width: 1024px) {
  .mediaGallery .sliderContainer .prev {
    margin-right: 30px;
  }
}
@media (min-width: 1440px) {
  .mediaGallery .sliderContainer .prev {
    margin-right: 30px;
  }
}
.mediaGallery .sliderContainer .next {
  left: 100%;
  margin-left: 10px;
}
@media (min-width: 490px) {
  .mediaGallery .sliderContainer .next {
    margin-left: 20px;
  }
}
@media (min-width: 801px) {
  .mediaGallery .sliderContainer .next {
    margin-left: 30px;
  }
}
@media (min-width: 1024px) {
  .mediaGallery .sliderContainer .next {
    margin-left: 30px;
  }
}
@media (min-width: 1440px) {
  .mediaGallery .sliderContainer .next {
    margin-left: 30px;
  }
}
.mediaGallery .sliderContainer svg.sprite {
  width: 26px;
  max-height: 18px;
}
.mediaGallery .sliderContainer svg.sprite use {
  fill: #1D7C2B;
  fill: var(--colorGreen);
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.mediaGallery .sliderContainer button:hover svg.sprite use, .mediaGallery .sliderContainer button:focus svg.sprite use {
  fill: #A0590D;
  fill: var(--colorOrange);
}
.mediaGallery .sliderContainer button[disabled] {
  cursor: default;
  pointer-events: none;
  box-shadow: none;
}
.mediaGallery .sliderContainer button[disabled] svg.sprite use {
  fill: #B7B7B7;
  fill: var(--colorGrey);
}
.mediaGallery .sliderContainer .tns-ovh {
  overflow: visible;
}
.mediaGallery #tns1 {
  margin-top: 0;
}
.ourView {
  margin-top: 120px;
}
.ourView .blockWrapper .block {
  box-shadow: none;
}
.ourView .blockWrapper .block.blue {
  background: #EBF9FC;
}
.ourView .block {
  overflow: hidden;
}
.ourView .block .content {
  padding: 30px 20px;
}
@media (min-width: 801px) {
  .ourView .block .content {
    padding: 30px;
  }
}
@media (min-width: 1024px) {
  .ourView .block .content {
    padding: 60px 90px 60px 60px;
  }
  .ourView .block .content {
    padding-top: 0px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 375px) {
  .ourView .block .content {
    padding-top: calc(0px + 60 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .ourView .block .content {
    padding-top: 60px;
  }
}
@media (min-width: 1024px) {
  .ourView .block .content {
    padding-right: 0px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 375px) {
  .ourView .block .content {
    padding-right: calc(0px + 90 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .ourView .block .content {
    padding-right: 90px;
  }
}
@media (min-width: 1024px) {
  .ourView .block .content {
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 375px) {
  .ourView .block .content {
    padding-bottom: calc(0px + 60 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .ourView .block .content {
    padding-bottom: 60px;
  }
}
@media (min-width: 1024px) {
  .ourView .block .content {
    padding-left: 0px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 375px) {
  .ourView .block .content {
    padding-left: calc(0px + 60 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1024px) and (min-width: 1440px) {
  .ourView .block .content {
    padding-left: 60px;
  }
}
.ourView .block p {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
}
.ourView .block .chapeau {
  display: block;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #1D2E1F;
}
.ourView .block .title {
  display: block;
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
  color: #1D7C2B;
  color: var(--colorGreen);
  margin-bottom: 10px;
}
.ourView .block .listContent {
  padding-bottom: 40px;
}
@media (min-width: 801px) {
  .ourView .block .listContent {
    padding-bottom: 60px;
  }
}
.ourView .imageContentWrapper {
  position: relative;
  height: 100%;
  min-height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.ie .ourView .imageContentWrapper {
  justify-content: flex-start;
}
@media (min-width: 801px) {
  .ourView .imageContentWrapper {
    min-height: 300px;
  }
}
.ourView .image {
  position: absolute !important;
  z-index: 0;
  height: 100%;
  width: 100%;
}
.ourView .image:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 43, 51, 0) 40%, #002a32);
  z-index: 1;
  opacity: 0.7;
}
.ourView .imageContent {
  position: relative;
  z-index: 1;
  max-height: 100%;
  bottom: 0;
  color: #FFFFFF;
  padding: 30px 20px;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
}
@media (min-width: 801px) {
  .ourView .imageContent {
    padding: 60px;
  }
}
@media (min-width: 1024px) {
  .ourView .imageContent {
    padding: 60px 100px 60px 60px;
  }
}
@media (min-width: 1440px) {
  .ourView .imageContent {
    padding: 60px 170px 60px 60px;
  }
}
.ourView .imageContent .title {
  color: #FFFFFF;
  font-size: 20px;
  line-height: 23px;
  margin-bottom: 0;
  font-weight: 600;
}
.ourView .imageContent .subtitle {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
}
.ourView .imageContent p {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
.ourView img {
  height: 100%;
  border-radius: 0 !important;
}
.ourView .listContent .chapeau {
  color: #606060;
}
@media (min-width: 801px) {
  .ourView .listContent .chapeau {
    margin-top: 76px;
  }
}
.ourView .listContent li {
  padding-left: 0;
  margin-left: 0;
}
.ourView .listContent li:before {
  display: none;
}

.ourViews {
  position: relative;
  margin-top: 120px;
  margin-bottom: 120px;
  padding-top: 60px;
  padding-bottom: 60px;
}
.ourViews .backgroundContainer > div {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.ourViews .backgroundContainer .background {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: #EBF9FC;
  margin-left: -25px;
  margin-right: -25px;
  width: calc(100% + 50px);
}
@media (min-width: 801px) {
  .ourViews .backgroundContainer .background {
    border-radius: 40px 10px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.ourViews .left + .right {
  margin-top: 60px;
}
@media (min-width: 801px) {
  .ourViews .left + .right {
    margin-top: 0;
  }
}
.ourViews h2 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  color: #1D2E1F;
  margin-bottom: 10px;
}
.ourViews h2 em {
  color: #1D7C2B;
  color: var(--colorGreen);
  font-style: normal;
}
@media (min-width: 801px) {
  .ourViews h2 {
    font-size: 22px;
  }
}
@media screen and (min-width: 801px) and (min-width: 375px) {
  .ourViews h2 {
    font-size: calc(22px + 8 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 801px) and (min-width: 1440px) {
  .ourViews h2 {
    font-size: 30px;
  }
}
@media (min-width: 801px) {
  .ourViews h2 {
    line-height: 22px;
  }
}
@media screen and (min-width: 801px) and (min-width: 375px) {
  .ourViews h2 {
    line-height: calc(22px + 8 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 801px) and (min-width: 1440px) {
  .ourViews h2 {
    line-height: 30px;
  }
}
@media (min-width: 801px) {
  .ourViews h2 {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 801px) and (min-width: 375px) {
  .ourViews h2 {
    margin-bottom: calc(0px + 10 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 801px) and (min-width: 1440px) {
  .ourViews h2 {
    margin-bottom: 10px;
  }
}
.ourViews p {
  margin-top: 10px;
  margin-bottom: 40px;
}
.ourViews ul {
  margin-bottom: 30px;
}
.ourViews li {
  margin-bottom: 20px;
}
.ourViews li:last-child {
  margin-bottom: 0;
}
.ourViews li a, .ourViews li .image .ageRestriction button, .image .ageRestriction .ourViews li button {
  display: flex;
  min-height: 120px;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
}
.ourViews .image {
  position: relative;
  min-height: 120px;
  width: 120px;
  background: #EBEBEB;
  overflow: hidden;
}
.ourViews img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.ourViews .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  background: #FFFFFF;
}
.ourViews .title {
  display: block;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  color: #1D7C2B;
  color: var(--colorGreen);
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
@media (min-width: 801px) {
  .ourViews .title {
    margin-bottom: 15px;
  }
}
.ourViews .subtitle {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #606060;
  font-weight: 400;
}
.ourViews li a:hover .image img, .ourViews li .image .ageRestriction button:hover .image img, .image .ageRestriction .ourViews li button:hover .image img, .ourViews li a:focus .image img, .ourViews li .image .ageRestriction button:focus .image img, .image .ageRestriction .ourViews li button:focus .image img {
  transform: scale(1.05);
}
.ourViews li a:hover .title, .ourViews li .image .ageRestriction button:hover .title, .image .ageRestriction .ourViews li button:hover .title, .ourViews li a:focus .title, .ourViews li .image .ageRestriction button:focus .title, .image .ageRestriction .ourViews li button:focus .title {
  color: #A0590D;
  color: var(--colorOrange);
}
.ourViews a.more, .ourViews .image .ageRestriction button.more, .image .ageRestriction .ourViews button.more {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  color: #1D7C2B;
  color: var(--colorGreen);
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.ourViews a.more:hover, .ourViews .image .ageRestriction button.more:hover, .image .ageRestriction .ourViews button.more:hover, .ourViews a.more:focus, .ourViews .image .ageRestriction button.more:focus, .image .ageRestriction .ourViews button.more:focus {
  color: #A0590D;
  color: var(--colorOrange);
}

ul.pagedList, ol.pagedList {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -20px;
  margin-bottom: 20px;
}
ul.pagedList li, ol.pagedList li {
  flex: 0 0 auto;
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
  margin-left: 0;
}
ul.pagedList li:before, ol.pagedList li:before {
  display: none;
}
@media (min-width: 490px) {
  ul.pagedList:not(.fullWidth) li, ol.pagedList:not(.fullWidth) li {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 801px) {
  ul.pagedList:not(.fullWidth) li, ol.pagedList:not(.fullWidth) li {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
}
nav.pager {
  width: 100%;
}
nav.pager ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  justify-content: center;
}
nav.pager ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.pager ul li a, nav.pager ul li .image .ageRestriction button, .image .ageRestriction nav.pager ul li button {
  display: inline-block;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 5px 10px;
  text-decoration: none;
  font-weight: bold;
  color: #555555;
  margin: 0 2.5px;
}
nav.pager ul li a:not([href]), nav.pager ul li .image .ageRestriction button:not([href]), .image .ageRestriction nav.pager ul li button:not([href]) {
  color: #868686;
}

.prepareVisit {
  margin-top: 120px;
}
.prepareVisit h2 {
  color: #1D2E1F;
  margin-bottom: 30px;
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
}
.prepareVisit h2 em {
  color: #1D7C2B;
  color: var(--colorGreen);
  font-style: normal;
  background: transparent;
}
.prepareVisit .blocksRow {
  margin-bottom: -40px;
}
.prepareVisit .wrapper {
  position: relative;
  margin-bottom: 40px;
}
.prepareVisit a, .prepareVisit .image .ageRestriction button, .image .ageRestriction .prepareVisit button {
  position: relative;
  display: block;
  height: 0;
  padding-bottom: 100%;
  border-radius: 40px 10px 40px 20px;
  overflow: hidden;
  background: #EBEBEB;
}
.prepareVisit .accentBR {
  display: none;
  position: absolute;
  height: 120px;
  width: 120px;
  background: #1D7C2B;
  background: var(--colorGreen);
  z-index: -1;
  pointer-events: none;
  bottom: -10px;
  right: -10px;
  border-bottom-right-radius: 50px;
}
@media (min-width: 490px) {
  .prepareVisit .accentBR {
    display: block;
  }
}
.prepareVisit .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.prepareVisit img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.prepareVisit .content {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  width: 80%;
  width: calc(100% - 20px);
  background: #FFFFFF;
  color: #1D2E1F;
  border-radius: 10px 10px 30px 10px;
  padding: 22px 20px 22px 15px;
}
.prepareVisit .text {
  flex: 1 1 auto;
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
}
.prepareVisit .text .linebreakContainer {
  display: flex;
}
.prepareVisit span {
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.prepareVisit em {
  font-style: normal;
  background: #FFFFFF;
  color: #1D7C2B;
  color: var(--colorGreen);
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.prepareVisit svg.sprite {
  margin-left: 5px;
  flex: 0 0 auto;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.prepareVisit svg.sprite use {
  fill: #1D7C2B;
  fill: var(--colorGreen);
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.prepareVisit a:hover img, .prepareVisit .image .ageRestriction button:hover img, .image .ageRestriction .prepareVisit button:hover img, .prepareVisit a:focus img, .prepareVisit .image .ageRestriction button:focus img, .image .ageRestriction .prepareVisit button:focus img {
  transform: scale(1.05);
}
.prepareVisit a:hover span, .prepareVisit .image .ageRestriction button:hover span, .image .ageRestriction .prepareVisit button:hover span, .prepareVisit a:focus span, .prepareVisit .image .ageRestriction button:focus span, .image .ageRestriction .prepareVisit button:focus span {
  color: #A0590D;
  color: var(--colorOrange);
}
.prepareVisit a:hover em, .prepareVisit .image .ageRestriction button:hover em, .image .ageRestriction .prepareVisit button:hover em, .prepareVisit a:focus em, .prepareVisit .image .ageRestriction button:focus em, .image .ageRestriction .prepareVisit button:focus em {
  color: #A0590D;
  color: var(--colorOrange);
}
.prepareVisit a:hover svg.sprite, .prepareVisit .image .ageRestriction button:hover svg.sprite, .image .ageRestriction .prepareVisit button:hover svg.sprite, .prepareVisit a:focus svg.sprite, .prepareVisit .image .ageRestriction button:focus svg.sprite, .image .ageRestriction .prepareVisit button:focus svg.sprite {
  transform: translateX(5px);
}
.prepareVisit a:hover svg.sprite use, .prepareVisit .image .ageRestriction button:hover svg.sprite use, .image .ageRestriction .prepareVisit button:hover svg.sprite use, .prepareVisit a:focus svg.sprite use, .prepareVisit .image .ageRestriction button:focus svg.sprite use, .image .ageRestriction .prepareVisit button:focus svg.sprite use {
  fill: #A0590D;
  fill: var(--colorOrange);
}

.processStepsBlock {
  margin-top: 90px;
  margin-bottom: 90px;
  margin-left: -24px;
  margin-right: -24px;
}
@media (min-width: 801px) {
  .processStepsBlock {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1440px) {
  .processStepsBlock {
    margin-bottom: 120px;
  }
}
.processStepsBlock .blockWrapper {
  padding-top: 0;
  padding-bottom: 0;
}
.processStepsBlock .blockWrapper .block {
  box-shadow: none;
  border-radius: 60px 10px 60px 10px;
  padding-bottom: 30px;
  padding-left: 24px;
  padding-right: 24px;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.processStepsBlock .blockWrapper .block.green {
  background: #EBF5EF;
}
@media (min-width: 801px) {
  .processStepsBlock .blockWrapper .block {
    border-radius: 60px 30px 60px 30px;
    padding-left: 0;
    padding-right: 0;
  }
}
.processStepsBlock .block {
  position: relative;
}
.processStepsBlock .block .content {
  padding: 30px 0;
}
@media (min-width: 801px) {
  .processStepsBlock .block .content {
    padding: 0 30px;
  }
}
.processStepsBlock .block .image {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  justify-content: center;
  display: flex;
  height: 0;
  padding-bottom: 275px;
}
@media (min-width: 801px) {
  .processStepsBlock .block .image {
    margin-bottom: -160px;
    padding-bottom: 88.88%;
  }
}
.processStepsBlock .block .image img {
  border-radius: 30px 10px 30px 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.processStepsBlock .block p {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}
.processStepsBlock .block .chapeau {
  display: block;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #1D2E1F;
}
.processStepsBlock .block .title {
  display: block;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: #1D7C2B;
  color: var(--colorGreen);
  margin-bottom: 20px;
}
.processStepsBlock .block .title.purple {
  font-weight: 500;
  color: #98528D;
}
@media (min-width: 801px) {
  .processStepsBlock .block .title {
    margin-bottom: 10px;
  }
}
.processStepsBlock .stepTabs {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 60px 0 30px;
  padding: 0 15px;
}
@media (min-width: 801px) {
  .processStepsBlock .stepTabs {
    margin: 60px 0;
  }
}
.processStepsBlock .stepTabs a, .processStepsBlock .stepTabs .image .ageRestriction button, .image .ageRestriction .processStepsBlock .stepTabs button {
  display: flex;
  align-items: center;
  font-size: 24px;
  line-height: 30px;
  color: #98528D;
  flex-shrink: 0;
  cursor: pointer;
}
.processStepsBlock .stepTabs a:hover .number, .processStepsBlock .stepTabs .image .ageRestriction button:hover .number, .image .ageRestriction .processStepsBlock .stepTabs button:hover .number, .processStepsBlock .stepTabs a:focus .number, .processStepsBlock .stepTabs .image .ageRestriction button:focus .number, .image .ageRestriction .processStepsBlock .stepTabs button:focus .number {
  background-color: #98528D;
  color: #FFFFFF;
}
.processStepsBlock .stepTabs .number {
  display: flex;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #FFFFFF;
  color: #98528D;
  font-size: 18px;
  line-height: 30px;
  align-items: center;
  justify-content: center;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.processStepsBlock .stepTabs .label {
  margin-left: 10px;
  display: none;
  font-size: 18px;
}
@media (min-width: 1024px) {
  .processStepsBlock .stepTabs .label {
    display: inline-flex;
    font-size: 24px;
  }
}
.processStepsBlock .stepTabs a.active .number, .processStepsBlock .stepTabs .image .ageRestriction button.active .number, .image .ageRestriction .processStepsBlock .stepTabs button.active .number {
  color: #FFFFFF;
  background-color: #98528D;
}
.processStepsBlock .stepTabs a.active:hover, .processStepsBlock .stepTabs .image .ageRestriction button.active:hover, .image .ageRestriction .processStepsBlock .stepTabs button.active:hover, .processStepsBlock .stepTabs a.active:focus, .processStepsBlock .stepTabs .image .ageRestriction button.active:focus, .image .ageRestriction .processStepsBlock .stepTabs button.active:focus {
  pointer-events: none;
}
.processStepsBlock .stepTabs a.active:hover .number, .processStepsBlock .stepTabs .image .ageRestriction button.active:hover .number, .image .ageRestriction .processStepsBlock .stepTabs button.active:hover .number, .processStepsBlock .stepTabs a.active:focus .number, .processStepsBlock .stepTabs .image .ageRestriction button.active:focus .number, .image .ageRestriction .processStepsBlock .stepTabs button.active:focus .number {
  color: #FFFFFF;
  background-color: #98528D;
}
.processStepsBlock .stepTabs .divider {
  display: flex;
  width: 100%;
  background-color: #98528D;
  height: 1px;
  margin: 0 15px;
}
.processStepsBlock .stepContentContainer {
  position: relative;
}
.processStepsBlock .stepContent {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  align-content: flex-start;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
@media (max-width: 800.98px) {
  .processStepsBlock .stepContent {
    height: auto !important;
  }
}
.ie .processStepsBlock .stepContent {
  width: 100%;
}
.processStepsBlock .stepContent.active {
  position: relative;
  opacity: 1;
  pointer-events: all;
}
.processStepsBlock .stepNavigation {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.processStepsBlock .stepNavigation a, .processStepsBlock .stepNavigation .image .ageRestriction button, .image .ageRestriction .processStepsBlock .stepNavigation button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  color: #98528D;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 20px;
  cursor: pointer;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.processStepsBlock .stepNavigation a svg.sprite, .processStepsBlock .stepNavigation .image .ageRestriction button svg.sprite, .image .ageRestriction .processStepsBlock .stepNavigation button svg.sprite {
  max-height: 9px;
}
.processStepsBlock .stepNavigation a svg.sprite use, .processStepsBlock .stepNavigation .image .ageRestriction button svg.sprite use, .image .ageRestriction .processStepsBlock .stepNavigation button svg.sprite use {
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  fill: #98528D;
}
@media (min-width: 801px) {
  .processStepsBlock .stepNavigation a:first-of-type, .processStepsBlock .stepNavigation .image .ageRestriction button:first-of-type, .image .ageRestriction .processStepsBlock .stepNavigation button:first-of-type {
    margin-left: 30px;
  }
}
.processStepsBlock .stepNavigation a:hover, .processStepsBlock .stepNavigation .image .ageRestriction button:hover, .image .ageRestriction .processStepsBlock .stepNavigation button:hover {
  background-color: #98528D;
}
.processStepsBlock .stepNavigation a:hover svg.sprite use, .processStepsBlock .stepNavigation .image .ageRestriction button:hover svg.sprite use, .image .ageRestriction .processStepsBlock .stepNavigation button:hover svg.sprite use {
  fill: #FFFFFF;
}

.readspeakerButton {
  opacity: 1;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.readspeakerButton .rs_addtools .rsbtn_play,
.readspeakerButton .rsbtn .rsbtn_play {
  background-color: #196825;
  color: #FFFFFF;
  border: none;
  border-radius: 23px;
  padding: 3px 8px;
  margin-right: 10px;
  height: 26px;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  background-color: #FFFFFF;
  color: #196825;
  border: 1px solid #196825;
  border-radius: 23px;
  padding: 10px 15px;
  margin-right: 25px;
}
.readspeakerButton .rs_addtools .rsbtn_play:hover, .readspeakerButton .rs_addtools .rsbtn_play:focus,
.readspeakerButton .rsbtn .rsbtn_play:hover,
.readspeakerButton .rsbtn .rsbtn_play:focus {
  background-color: #EF7D00;
  color: #FFFFFF;
  border: none;
  transform: scale(1);
}
.readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools a, .readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools .image .ageRestriction button, .image .ageRestriction .readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools button,
.readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools span,
.readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn a,
.readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn button,
.readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn span,
.readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn_left .rsbtn_text span,
.readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn_left .rsbtn_text::before, .readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools a, .readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools .image .ageRestriction button, .image .ageRestriction .readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools button,
.readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools span,
.readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn a,
.readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn button,
.readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn span,
.readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn_left .rsbtn_text span,
.readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn_left .rsbtn_text::before,
.readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools a,
.readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools button,
.readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools span,
.readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn a,
.readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn button,
.readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn span,
.readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn_left .rsbtn_text span,
.readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn_left .rsbtn_text::before,
.readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools a,
.readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools button,
.readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools span,
.readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn a,
.readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn button,
.readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn span,
.readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn_left .rsbtn_text span,
.readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn_left .rsbtn_text::before {
  color: #FFFFFF;
}
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools a, .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools .image .ageRestriction button, .image .ageRestriction .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools button,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools span,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn a,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn button,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn span,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn_left .rsbtn_text span,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn_left .rsbtn_text::before, .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools a, .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools .image .ageRestriction button, .image .ageRestriction .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools button,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools span,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn a,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn button,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn span,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn_left .rsbtn_text span,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn_left .rsbtn_text::before,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools a,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools button,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn a,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn button,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn_left .rsbtn_text span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn_left .rsbtn_text::before,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools a,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools button,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn a,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn button,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn_left .rsbtn_text span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn_left .rsbtn_text::before {
  color: #FFFFFF;
}
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play {
  color: #D7EBDF;
  background-color: transparent;
}
.readspeakerButton .rs_addtools .rsbtn_play .rs_addtools a, .readspeakerButton .rs_addtools .rsbtn_play .rs_addtools .image .ageRestriction button, .image .ageRestriction .readspeakerButton .rs_addtools .rsbtn_play .rs_addtools button,
.readspeakerButton .rs_addtools .rsbtn_play .rs_addtools span,
.readspeakerButton .rs_addtools .rsbtn_play .rsbtn a,
.readspeakerButton .rs_addtools .rsbtn_play .rsbtn .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rs_addtools .rsbtn_play .rsbtn button,
.readspeakerButton .rs_addtools .rsbtn_play .rsbtn span,
.readspeakerButton .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text span,
.readspeakerButton .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text::before,
.readspeakerButton .rsbtn .rsbtn_play .rs_addtools a,
.readspeakerButton .rsbtn .rsbtn_play .rs_addtools .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rsbtn .rsbtn_play .rs_addtools button,
.readspeakerButton .rsbtn .rsbtn_play .rs_addtools span,
.readspeakerButton .rsbtn .rsbtn_play .rsbtn a,
.readspeakerButton .rsbtn .rsbtn_play .rsbtn .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rsbtn .rsbtn_play .rsbtn button,
.readspeakerButton .rsbtn .rsbtn_play .rsbtn span,
.readspeakerButton .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span,
.readspeakerButton .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text::before {
  color: #EF7D00;
}
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play .rs_addtools a, .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play .rs_addtools .image .ageRestriction button, .image .ageRestriction .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play .rs_addtools button,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play .rs_addtools span,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play .rsbtn a,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play .rsbtn .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play .rsbtn button,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play .rsbtn span,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text span,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text::before,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play .rs_addtools a,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play .rs_addtools .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play .rs_addtools button,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play .rs_addtools span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play .rsbtn a,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play .rsbtn .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play .rsbtn button,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play .rsbtn span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text::before {
  color: #D7EBDF;
}
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play {
  border: none;
  background: transparent;
}
.readspeakerButton .rs_addtools .rsbtn_play:hover, .readspeakerButton .rs_addtools .rsbtn_play:focus,
.readspeakerButton .rsbtn .rsbtn_play:hover,
.readspeakerButton .rsbtn .rsbtn_play:focus {
  background-color: #FFFFFF;
  color: #EF7D00;
  border: 1px solid #EF7D00;
}
.readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools a, .readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools .image .ageRestriction button, .image .ageRestriction .readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools button,
.readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools span,
.readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn a,
.readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn button,
.readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn span,
.readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn_left .rsbtn_text span,
.readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn_left .rsbtn_text::before, .readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools a, .readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools .image .ageRestriction button, .image .ageRestriction .readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools button,
.readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools span,
.readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn a,
.readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn button,
.readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn span,
.readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn_left .rsbtn_text span,
.readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn_left .rsbtn_text::before,
.readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools a,
.readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools button,
.readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools span,
.readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn a,
.readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn button,
.readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn span,
.readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn_left .rsbtn_text span,
.readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn_left .rsbtn_text::before,
.readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools a,
.readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools button,
.readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools span,
.readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn a,
.readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn button,
.readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn span,
.readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn_left .rsbtn_text span,
.readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn_left .rsbtn_text::before {
  color: #EF7D00;
}
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools a, .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools .image .ageRestriction button, .image .ageRestriction .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools button,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rs_addtools span,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn a,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn button,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn span,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn_left .rsbtn_text span,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover .rsbtn_left .rsbtn_text::before, .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools a, .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools .image .ageRestriction button, .image .ageRestriction .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools button,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rs_addtools span,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn a,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn button,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn span,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn_left .rsbtn_text span,
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus .rsbtn_left .rsbtn_text::before,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools a,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools button,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rs_addtools span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn a,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn button,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn_left .rsbtn_text span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover .rsbtn_left .rsbtn_text::before,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools a,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools button,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rs_addtools span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn a,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn button,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn_left .rsbtn_text span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus .rsbtn_left .rsbtn_text::before {
  color: #FFFFFF;
}
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:hover, .ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play:focus,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:hover,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play:focus {
  border: none;
  background: #1D7C2B;
  background: var(--colorGreen);
}
.readspeakerButton .rs_addtools,
.readspeakerButton .rsbtn {
  padding: 0;
  margin-bottom: 0;
}
.readspeakerButton .rs_addtools a, .readspeakerButton .rs_addtools .image .ageRestriction button, .image .ageRestriction .readspeakerButton .rs_addtools button,
.readspeakerButton .rs_addtools span,
.readspeakerButton .rsbtn a,
.readspeakerButton .rsbtn .image .ageRestriction button,
.image .ageRestriction .readspeakerButton .rsbtn button,
.readspeakerButton .rsbtn span {
  color: #196825;
  padding: 0;
  margin: 0;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.ghcosmeticcare .readspeakerButton .rs_addtools a, .ghcosmeticcare .readspeakerButton .rs_addtools .image .ageRestriction button, .image .ageRestriction .ghcosmeticcare .readspeakerButton .rs_addtools button,
.ghcosmeticcare .readspeakerButton .rs_addtools span,
.ghcosmeticcare .readspeakerButton .rsbtn a,
.ghcosmeticcare .readspeakerButton .rsbtn .image .ageRestriction button,
.image .ageRestriction .ghcosmeticcare .readspeakerButton .rsbtn button,
.ghcosmeticcare .readspeakerButton .rsbtn span {
  color: #D7EBDF;
}
.readspeakerButton .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text,
.readspeakerButton .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text {
  width: 15px;
  width: auto;
}
.readspeakerButton .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text span,
.readspeakerButton .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span {
  padding-left: 0;
  padding-right: 30px;
  font-family: "SofiaPro", sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #196825;
  font-weight: normal;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  display: none;
  display: block;
}
.ie .readspeakerButton .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text span,
.ie .readspeakerButton .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span {
  margin-right: 30px;
}
.ie .readspeakerButton .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text span,
.ie .readspeakerButton .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span {
  position: relative;
  top: 2px;
}
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text span,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span {
  color: #D7EBDF;
}
.readspeakerButton .rs_addtools .rsbtn_play .rsbtn_left,
.readspeakerButton .rsbtn .rsbtn_play .rsbtn_left {
  padding: 0;
  margin: 0;
}
.readspeakerButton .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text::before,
.readspeakerButton .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text::before {
  color: #FFFFFF;
  right: 0;
  left: auto;
  top: -1px;
  font-size: 1.5em;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  color: #196825;
  font-size: 1.3em;
}
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text::before,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text::before {
  color: #D7EBDF;
}
.ghcosmeticcare .readspeakerButton .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text::before,
.ghcosmeticcare .readspeakerButton .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text::before {
  color: #D7EBDF;
}
.readspeakerButton .rsbtn.rsexpanded .rsbtn_exp,
.readspeakerButton .rswrapped.rsbtn.rsexpanded .rsbtn_play .rsbtn_right {
  position: fixed;
  top: 62px;
  left: calc(100% - 280px);
  width: 100%;
}
@media (min-width: 801px) {
  .readspeakerButton .rsbtn.rsexpanded .rsbtn_exp,
  .readspeakerButton .rswrapped.rsbtn.rsexpanded .rsbtn_play .rsbtn_right {
    top: 92px;
  }
}
.readspeakerButton .rs-player-loadindicator {
  max-width: 100%;
  left: 0 !important;
}
.readspeakerButton .rsbtn.rsexpanded .rsbtn_play {
  border-bottom-right-radius: 23px;
  border-top-right-radius: 23px;
  border-right: 1px solid;
  padding-right: 8px;
  padding-right: 15px;
}
.ghcosmeticcare .readspeakerButton .rsbtn.rsexpanded .rsbtn_play {
  border: none;
}

#ribbon {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: #9B9B9B;
  background: var(--colorGreyDarken);
  z-index: 101;
  transform: translateY(-100%);
  opacity: 0;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: opacity, transform;
}
#ribbon.active {
  transform: none;
  opacity: 1;
}
#ribbon.red {
  background: #C13500;
}
#ribbon.blue {
  background: #006F85;
}
#ribbon .content {
  display: block;
  color: #FFFFFF;
}
#ribbon .content svg.sprite use {
  fill: #FFFFFF;
}
#ribbon .content:hover .text svg.sprite, #ribbon .content:focus .text svg.sprite {
  transform: translateY(2px) translateX(5px);
}
#ribbon .icon, #ribbon .text, #ribbon .close {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 801px) {
  #ribbon .icon, #ribbon .text, #ribbon .close {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
#ribbon .text {
  justify-content: center;
  text-align: center;
}
#ribbon .text span {
  text-decoration: underline;
}
#ribbon .text svg.sprite {
  display: none;
  transform: translateY(2px);
  margin-left: 10px;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
@media (min-width: 801px) {
  #ribbon .text svg.sprite {
    display: block;
  }
}
#ribbon .close {
  transition: background 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
#ribbon .close:hover, #ribbon .close:focus {
  background: rgba(255, 255, 255, 0.1);
}
#ribbon .close span {
  display: none;
}
@media (min-width: 801px) {
  #ribbon .close span {
    display: inline;
  }
}
#ribbon .close svg.sprite {
  transform: translateY(2px);
}
@media (min-width: 801px) {
  #ribbon .close svg.sprite {
    margin-left: 10px;
  }
}

.searchResults h2 {
  margin-top: 40px;
  color: #1D2E1F;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}
.searchResults .filters {
  margin-top: 30px;
}
.searchResults .filters > span {
  display: block;
  color: #606060;
  font-size: 16px;
  line-height: 20px;
}
.searchResults .filters ul {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
  margin-top: 0;
}
.searchResults .filters li {
  margin: 12px 5px;
}
.searchResults .filters a, .searchResults .filters .image .ageRestriction button, .image .ageRestriction .searchResults .filters button {
  position: relative;
  padding: 8px 40px 10px 15px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  text-decoration: none;
  background: #EBF9FC;
  color: #606060;
  border-radius: 10px;
  transition: background 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.searchResults .filters a:before, .searchResults .filters .image .ageRestriction button:before, .image .ageRestriction .searchResults .filters button:before, .searchResults .filters a:after, .searchResults .filters .image .ageRestriction button:after, .image .ageRestriction .searchResults .filters button:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 8px;
  height: 17px;
  width: 17px;
}
.searchResults .filters a:before, .searchResults .filters .image .ageRestriction button:before, .image .ageRestriction .searchResults .filters button:before {
  background: #FFFFFF;
  border: 1px solid #95BFCB;
  border-radius: 17px;
}
.searchResults .filters a:after, .searchResults .filters .image .ageRestriction button:after, .image .ageRestriction .searchResults .filters button:after {
  display: none;
  background: url("/img/icon_success.svg");
  background-repeat: no-repeat;
  background-position: center;
  display: none;
  background-size: 12px;
}
.searchResults .filters a:hover, .searchResults .filters .image .ageRestriction button:hover, .image .ageRestriction .searchResults .filters button:hover, .searchResults .filters a:focus, .searchResults .filters .image .ageRestriction button:focus, .image .ageRestriction .searchResults .filters button:focus {
  background: #D8F3FA;
}
.searchResults .filters a.selected, .searchResults .filters .image .ageRestriction button.selected, .image .ageRestriction .searchResults .filters button.selected {
  background: #D8F3FA;
  color: #006F85;
}
.searchResults .filters a.selected:before, .searchResults .filters .image .ageRestriction button.selected:before, .image .ageRestriction .searchResults .filters button.selected:before {
  border: none;
}
.searchResults .filters a.selected:after, .searchResults .filters .image .ageRestriction button.selected:after, .image .ageRestriction .searchResults .filters button.selected:after {
  display: block;
}
.highContrast .searchResults .filters a, .highContrast .searchResults .filters .image .ageRestriction button, .image .ageRestriction .highContrast .searchResults .filters button {
  box-shadow: 0 0 1px 1px #006F85;
}
.searchResults .results {
  margin-top: 60px;
}
.searchResults .results li {
  margin-bottom: 60px;
}
.searchResults .results li:last-child {
  margin-bottom: 0;
}
.searchResults .results a, .searchResults .results .image .ageRestriction button, .image .ageRestriction .searchResults .results button {
  display: flex;
  text-decoration: none;
  color: #606060;
}
.searchResults .results a.accented, .searchResults .results .image .ageRestriction button.accented, .image .ageRestriction .searchResults .results button.accented {
  padding: 30px;
  border-radius: 6px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  text-align: center;
}
@media (min-width: 801px) {
  .searchResults .results a.accented, .searchResults .results .image .ageRestriction button.accented, .image .ageRestriction .searchResults .results button.accented {
    text-align: left;
  }
}
.searchResults .results a .image, .searchResults .results .image .ageRestriction button .image, .image .ageRestriction .searchResults .results button .image {
  display: none;
  position: relative;
  flex: 0 0 auto;
  width: 120px;
  height: 120px;
  margin-right: 40px;
}
@media (min-width: 801px) {
  .searchResults .results a .image, .searchResults .results .image .ageRestriction button .image, .image .ageRestriction .searchResults .results button .image {
    display: block;
  }
}
.searchResults .results a .image .logo, .searchResults .results .image .ageRestriction button .image .logo, .image .ageRestriction .searchResults .results button .image .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  width: 120px;
  background: #EBF9FC;
  border-radius: 120px;
}
.searchResults .results a .image .logo svg.sprite use, .searchResults .results .image .ageRestriction button .image .logo svg.sprite use, .image .ageRestriction .searchResults .results button .image .logo svg.sprite use {
  fill: #006F85;
}
.searchResults .results a img, .searchResults .results .image .ageRestriction button img, .image .ageRestriction .searchResults .results button img {
  border-radius: 120px;
}
.searchResults .results a .icon, .searchResults .results .image .ageRestriction button .icon, .image .ageRestriction .searchResults .results button .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 45px;
  width: 45px;
  border-radius: 45px;
}
.searchResults .results a svg.sprite use, .searchResults .results .image .ageRestriction button svg.sprite use, .image .ageRestriction .searchResults .results button svg.sprite use {
  fill: #FFFFFF;
}
.searchResults .results a svg.sprite.icon_calendar, .searchResults .results .image .ageRestriction button svg.sprite.icon_calendar, .image .ageRestriction .searchResults .results button svg.sprite.icon_calendar {
  width: 24px;
  max-height: 24px;
}
.searchResults .results a svg.sprite.icon_calendar use, .searchResults .results .image .ageRestriction button svg.sprite.icon_calendar use, .image .ageRestriction .searchResults .results button svg.sprite.icon_calendar use {
  stroke: #FFFFFF;
}
.searchResults .results a.green .icon, .searchResults .results .image .ageRestriction button.green .icon, .image .ageRestriction .searchResults .results button.green .icon {
  background: #1D7C2B;
  background: var(--colorGreen);
}
.searchResults .results a.orange .icon, .searchResults .results .image .ageRestriction button.orange .icon, .image .ageRestriction .searchResults .results button.orange .icon {
  background: #A0590D;
  background: var(--colorOrange);
}
.searchResults .results a .content, .searchResults .results .image .ageRestriction button .content, .image .ageRestriction .searchResults .results button .content {
  flex: 1 1 auto;
}
.searchResults .results a .title, .searchResults .results .image .ageRestriction button .title, .image .ageRestriction .searchResults .results button .title {
  display: block;
  color: #1D7C2B;
  color: var(--colorGreen);
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.searchResults .results a .subtitle, .searchResults .results .image .ageRestriction button .subtitle, .image .ageRestriction .searchResults .results button .subtitle {
  color: #9B9B9B;
  color: var(--colorGreyDarken);
  font-size: 16px;
  line-height: 20px;
}
.searchResults .results a .snippet, .searchResults .results .image .ageRestriction button .snippet, .image .ageRestriction .searchResults .results button .snippet {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.searchResults .results a .tags, .searchResults .results .image .ageRestriction button .tags, .image .ageRestriction .searchResults .results button .tags {
  margin-top: auto;
  color: #9B9B9B;
  color: var(--colorGreyDarken);
  font-size: 16px;
  line-height: 20px;
}
.searchResults .results a:hover .title, .searchResults .results .image .ageRestriction button:hover .title, .image .ageRestriction .searchResults .results button:hover .title, .searchResults .results a:focus .title, .searchResults .results .image .ageRestriction button:focus .title, .image .ageRestriction .searchResults .results button:focus .title {
  color: #A0590D;
  color: var(--colorOrange);
}
.searchResults .pagerContainer {
  margin-top: 90px;
}

.specialistRelatedContent h2 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #606060;
}
.specialistRelatedContent a, .specialistRelatedContent .image .ageRestriction button, .image .ageRestriction .specialistRelatedContent button {
  display: inline-block;
  position: relative;
  padding-left: 12px;
  line-height: 30px;
  text-decoration: none;
  color: #1D7C2B;
  color: var(--colorGreen);
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.specialistRelatedContent a:before, .specialistRelatedContent .image .ageRestriction button:before, .image .ageRestriction .specialistRelatedContent button:before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #1D7C2B;
  background: var(--colorGreen);
  transition: background 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.specialistRelatedContent a:hover, .specialistRelatedContent .image .ageRestriction button:hover, .image .ageRestriction .specialistRelatedContent button:hover, .specialistRelatedContent a:focus, .specialistRelatedContent .image .ageRestriction button:focus, .image .ageRestriction .specialistRelatedContent button:focus {
  color: #A0590D;
  color: var(--colorOrange);
}
.specialistRelatedContent a:hover:before, .specialistRelatedContent .image .ageRestriction button:hover:before, .image .ageRestriction .specialistRelatedContent button:hover:before, .specialistRelatedContent a:focus:before, .specialistRelatedContent .image .ageRestriction button:focus:before, .image .ageRestriction .specialistRelatedContent button:focus:before {
  background: #A0590D;
  background: var(--colorOrange);
}
.specialistRelatedContent .row > div:first-child:not(:last-child) {
  margin-bottom: 60px;
}
@media (min-width: 801px) {
  .specialistRelatedContent .row > div:first-child:not(:last-child) {
    margin-bottom: 0;
  }
}

@media (min-width: 801px) {
  .specialistsOverview .specialists a .imageColumn, .specialistsOverview .specialists .image .ageRestriction button .imageColumn, .image .ageRestriction .specialistsOverview .specialists button .imageColumn {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .specialistsOverview .specialists a .infoColumn, .specialistsOverview .specialists .image .ageRestriction button .infoColumn, .image .ageRestriction .specialistsOverview .specialists button .infoColumn {
    flex: 0 0 80%;
    max-width: 80%;
  }
}
.specialistsOverview .specialists a:hover img, .specialistsOverview .specialists .image .ageRestriction button:hover img, .image .ageRestriction .specialistsOverview .specialists button:hover img, .specialistsOverview .specialists a:focus img, .specialistsOverview .specialists .image .ageRestriction button:focus img, .image .ageRestriction .specialistsOverview .specialists button:focus img {
  transform: scale(1.05);
}
.specialistsOverview .specialists .image {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  will-change: transform;
  border-radius: 50%;
}
.specialistsOverview .specialists img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.specialistsOverview .specialists .imageColumn, .specialistsOverview .specialists .infoColumn {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.specialistsOverview .specialists .title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 5px;
}
@media (min-width: 1024px) {
  .specialistsOverview .specialists .title {
    margin-bottom: 0;
  }
}
.specialistsOverview .specialists .subtitle {
  color: #606060;
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.specialistsOverview .specialists .specialty {
  color: #606060;
  font-size: 14px;
  line-height: 15px;
  font-weight: 400;
}

.specialistStrengths {
  margin-bottom: 60px;
}
.specialistStrengths .block {
  padding: 40px 30px;
  background: #EBF9FC;
  border-radius: 10px;
}
@media (min-width: 801px) {
  .specialistStrengths .block {
    padding: 40px;
  }
}
.specialistStrengths h2 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: 500;
}
.specialistStrengths li {
  position: relative;
  padding-left: 12px;
  line-height: 30px;
}
.specialistStrengths li:before {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  left: 0;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #606060;
}

.umb-grid .storyContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 801px) {
  .umb-grid .storyContainer {
    align-items: flex-start;
    padding: 0 30px;
  }
}
.umb-grid .storyContainer svg.sprite {
  margin-top: 30px;
  margin-bottom: 20px;
  width: 37.77px;
  height: 30px;
  max-height: 30px;
}
.umb-grid .storyContainer svg.sprite use {
  fill: #98528D;
}
@media (min-width: 801px) {
  .umb-grid .storyContainer svg.sprite {
    margin-top: 0;
  }
}
.umb-grid .storyContainer .quote {
  margin-bottom: 20px;
  color: #98528D;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  max-width: 100%;
}
@media (min-width: 801px) {
  .umb-grid .storyContainer .quote {
    text-align: left;
  }
}
.umb-grid .storyContainer .subtitle {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 30px;
  font-style: italic;
  font-weight: 500;
  text-align: center;
  max-width: 100%;
}
@media (min-width: 801px) {
  .umb-grid .storyContainer .subtitle {
    text-align: left;
    margin-bottom: 30px;
  }
}
.umb-grid .storyContainer .description {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: 700;
  text-align: center;
  max-width: 100%;
}
@media (min-width: 801px) {
  .umb-grid .storyContainer .description {
    text-align: left;
    margin-bottom: 30px;
  }
}
.umb-grid .storyContainer a.button, .umb-grid .storyContainer .image .ageRestriction button, .image .ageRestriction .umb-grid .storyContainer button {
  background-color: #FFFFFF;
  color: #98528D;
  border: 1px solid #98528D;
  margin-top: 0;
  font-weight: 700;
}
.umb-grid .storyContainer a.button::before, .umb-grid .storyContainer .image .ageRestriction button::before, .image .ageRestriction .umb-grid .storyContainer button::before {
  color: #98528D;
  background-color: #FFFFFF;
}
.umb-grid .storyContainer a.button:hover, .umb-grid .storyContainer .image .ageRestriction button:hover, .image .ageRestriction .umb-grid .storyContainer button:hover, .umb-grid .storyContainer a.button:focus, .umb-grid .storyContainer .image .ageRestriction button:focus, .image .ageRestriction .umb-grid .storyContainer button:focus {
  background-color: #98528D;
  color: #FFFFFF;
}
.umb-grid .storyContainer a.button:hover::before, .umb-grid .storyContainer .image .ageRestriction button:hover::before, .image .ageRestriction .umb-grid .storyContainer button:hover::before, .umb-grid .storyContainer a.button:focus::before, .umb-grid .storyContainer .image .ageRestriction button:focus::before, .image .ageRestriction .umb-grid .storyContainer button:focus::before {
  background-color: #98528D;
  color: #FFFFFF;
}
.umb-grid div.storyImageContainer div.image img {
  border-radius: 30px 10px 30px 10px;
}

.submenuThreeColumn h2, .submenuThreeColumn p {
  text-align: center;
}
.submenuThreeColumn .items {
  margin-top: 30px;
}
.quicklinks .submenuThreeColumn .items {
  margin-top: 0;
}
.submenuThreeColumn .link {
  text-align: center;
  margin-top: 30px;
}
.submenuThreeColumn a, .submenuThreeColumn .image .ageRestriction button, .image .ageRestriction .submenuThreeColumn button {
  text-align: left;
}
.submenuThreeColumn.center a, .submenuThreeColumn.center .image .ageRestriction button, .image .ageRestriction .submenuThreeColumn.center button {
  text-align: center;
}
.submenuThreeColumn ul {
  columns: 1;
  column-gap: 10px;
}
@media (min-width: 801px) {
  .submenuThreeColumn ul {
    column-count: 2;
  }
}
@media (min-width: 1024px) {
  .submenuThreeColumn ul {
    column-count: 3;
  }
}
@media (min-width: 490px) {
  .submenuThreeColumn ul {
    column-gap: 20px;
  }
}
@media (min-width: 801px) {
  .submenuThreeColumn ul {
    column-gap: 30px;
  }
}
@media (min-width: 1024px) {
  .submenuThreeColumn ul {
    column-gap: 30px;
  }
}
@media (min-width: 1440px) {
  .submenuThreeColumn ul {
    column-gap: 30px;
  }
}
@media (min-width: 801px) {
  .submenuThreeColumn ul[data-count="1"] {
    column-count: 1;
  }
}
@media (min-width: 1024px) {
  .submenuThreeColumn ul[data-count="1"] {
    column-count: 1;
  }
}
@media (min-width: 1024px) {
  .submenuThreeColumn ul[data-count="2"] {
    column-count: 2;
  }
}
.submenuThreeColumn li {
  padding: 0 !important;
  margin-left: 0 !important;
  width: 100%;
}
.submenuThreeColumn li:before {
  display: none !important;
}
.submenuThreeColumn li a, .submenuThreeColumn li .image .ageRestriction button, .image .ageRestriction .submenuThreeColumn li button {
  display: block;
}

.umb-grid .treatmentTeam ul li {
  padding: 0;
  margin-left: 0;
  margin-bottom: 0;
}
.umb-grid .treatmentTeam ul li:before {
  display: none;
}

.treatmentTeam {
  margin-top: 120px;
}
.ghcosmeticcare .treatmentTeam {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media (min-width: 801px) {
  .ghcosmeticcare .treatmentTeam {
    margin-top: 90px;
    margin-bottom: 90px;
  }
}
.treatmentTeam h2 {
  color: #1D2E1F;
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  margin-bottom: 30px;
}
.ghcosmeticcare .treatmentTeam h2 {
  color: #98528D;
}
.treatmentTeam ul {
  margin-top: 0;
}
.treatmentTeam .swiper-slide a, .treatmentTeam .swiper-slide .image .ageRestriction button, .image .ageRestriction .treatmentTeam .swiper-slide button {
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
}
.treatmentTeam .swiper-slide a .image, .treatmentTeam .swiper-slide .image .ageRestriction button .image, .image .ageRestriction .treatmentTeam .swiper-slide button .image {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  width: 100%;
  max-width: 202px;
  border-radius: 50%;
  overflow: hidden;
}
.ghcosmeticcare .treatmentTeam .swiper-slide a .image, .ghcosmeticcare .treatmentTeam .swiper-slide .image .ageRestriction button .image, .image .ageRestriction .ghcosmeticcare .treatmentTeam .swiper-slide button .image {
  max-width: 213px;
  padding-bottom: 213px;
}
@media (min-width: 801px) {
  .ghcosmeticcare .treatmentTeam .swiper-slide a .image, .ghcosmeticcare .treatmentTeam .swiper-slide .image .ageRestriction button .image, .image .ageRestriction .ghcosmeticcare .treatmentTeam .swiper-slide button .image {
    padding-bottom: 100%;
  }
}
@media (min-width: 801px) {
  .treatmentTeam .swiper-slide a .image, .treatmentTeam .swiper-slide .image .ageRestriction button .image, .image .ageRestriction .treatmentTeam .swiper-slide button .image {
    margin-bottom: 20px;
  }
}
.treatmentTeam .swiper-slide a img, .treatmentTeam .swiper-slide .image .ageRestriction button img, .image .ageRestriction .treatmentTeam .swiper-slide button img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.treatmentTeam .swiper-slide a .content, .treatmentTeam .swiper-slide .image .ageRestriction button .content, .image .ageRestriction .treatmentTeam .swiper-slide button .content {
  width: 100%;
}
.ghcosmeticcare .treatmentTeam .swiper-slide a .content, .ghcosmeticcare .treatmentTeam .swiper-slide .image .ageRestriction button .content, .image .ageRestriction .ghcosmeticcare .treatmentTeam .swiper-slide button .content {
  margin-top: 20px;
}
@media (min-width: 801px) {
  .ghcosmeticcare .treatmentTeam .swiper-slide a .content, .ghcosmeticcare .treatmentTeam .swiper-slide .image .ageRestriction button .content, .image .ageRestriction .ghcosmeticcare .treatmentTeam .swiper-slide button .content {
    margin-top: 0;
  }
}
.treatmentTeam .swiper-slide a .title, .treatmentTeam .swiper-slide .image .ageRestriction button .title, .image .ageRestriction .treatmentTeam .swiper-slide button .title {
  display: block;
  font-weight: 600;
}
.treatmentTeam .swiper-slide a .title, .treatmentTeam .swiper-slide .image .ageRestriction button .title, .image .ageRestriction .treatmentTeam .swiper-slide button .title {
  font-size: 16px;
}
@media screen and (min-width: 375px) {
  .treatmentTeam .swiper-slide a .title, .treatmentTeam .swiper-slide .image .ageRestriction button .title, .image .ageRestriction .treatmentTeam .swiper-slide button .title {
    font-size: calc(16px + 4 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .treatmentTeam .swiper-slide a .title, .treatmentTeam .swiper-slide .image .ageRestriction button .title, .image .ageRestriction .treatmentTeam .swiper-slide button .title {
    font-size: 20px;
  }
}
.treatmentTeam .swiper-slide a .title, .treatmentTeam .swiper-slide .image .ageRestriction button .title, .image .ageRestriction .treatmentTeam .swiper-slide button .title {
  line-height: 21px;
}
@media screen and (min-width: 375px) {
  .treatmentTeam .swiper-slide a .title, .treatmentTeam .swiper-slide .image .ageRestriction button .title, .image .ageRestriction .treatmentTeam .swiper-slide button .title {
    line-height: calc(21px + 2 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .treatmentTeam .swiper-slide a .title, .treatmentTeam .swiper-slide .image .ageRestriction button .title, .image .ageRestriction .treatmentTeam .swiper-slide button .title {
    line-height: 23px;
  }
}
.ghcosmeticcare .treatmentTeam .swiper-slide a .title, .ghcosmeticcare .treatmentTeam .swiper-slide .image .ageRestriction button .title, .image .ageRestriction .ghcosmeticcare .treatmentTeam .swiper-slide button .title {
  color: #98528D;
}
.treatmentTeam .swiper-slide a .title + .subtitle, .treatmentTeam .swiper-slide .image .ageRestriction button .title + .subtitle, .image .ageRestriction .treatmentTeam .swiper-slide button .title + .subtitle {
  margin-top: 5px;
}
.treatmentTeam .swiper-slide a .subtitle, .treatmentTeam .swiper-slide .image .ageRestriction button .subtitle, .image .ageRestriction .treatmentTeam .swiper-slide button .subtitle {
  display: block;
  font-weight: 400;
  color: #606060;
}
.treatmentTeam .swiper-slide a .subtitle, .treatmentTeam .swiper-slide .image .ageRestriction button .subtitle, .image .ageRestriction .treatmentTeam .swiper-slide button .subtitle {
  font-size: 14px;
}
@media screen and (min-width: 375px) {
  .treatmentTeam .swiper-slide a .subtitle, .treatmentTeam .swiper-slide .image .ageRestriction button .subtitle, .image .ageRestriction .treatmentTeam .swiper-slide button .subtitle {
    font-size: calc(14px + 4 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .treatmentTeam .swiper-slide a .subtitle, .treatmentTeam .swiper-slide .image .ageRestriction button .subtitle, .image .ageRestriction .treatmentTeam .swiper-slide button .subtitle {
    font-size: 18px;
  }
}
.treatmentTeam .swiper-slide a .subtitle, .treatmentTeam .swiper-slide .image .ageRestriction button .subtitle, .image .ageRestriction .treatmentTeam .swiper-slide button .subtitle {
  line-height: 15px;
}
@media screen and (min-width: 375px) {
  .treatmentTeam .swiper-slide a .subtitle, .treatmentTeam .swiper-slide .image .ageRestriction button .subtitle, .image .ageRestriction .treatmentTeam .swiper-slide button .subtitle {
    line-height: calc(15px + 5 * (100vw - 375px) / 1065);
  }
}
@media screen and (min-width: 1440px) {
  .treatmentTeam .swiper-slide a .subtitle, .treatmentTeam .swiper-slide .image .ageRestriction button .subtitle, .image .ageRestriction .treatmentTeam .swiper-slide button .subtitle {
    line-height: 20px;
  }
}
.treatmentTeam .swiper-slide a:hover img, .treatmentTeam .swiper-slide .image .ageRestriction button:hover img, .image .ageRestriction .treatmentTeam .swiper-slide button:hover img, .treatmentTeam .swiper-slide a:focus img, .treatmentTeam .swiper-slide .image .ageRestriction button:focus img, .image .ageRestriction .treatmentTeam .swiper-slide button:focus img {
  transform: scale(1.05);
}
.treatmentTeam .specialistPopupContainer .specialistInfo .popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  z-index: 999;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: flex-start;
}
@media (min-width: 801px) {
  .treatmentTeam .specialistPopupContainer .specialistInfo .popup {
    background-color: rgba(96, 96, 96, 0.2);
    justify-content: center;
    align-items: center;
  }
}
.ie .treatmentTeam .specialistPopupContainer .specialistInfo .popup > .container {
  left: 50%;
  transform: translateX(-50%);
}
.treatmentTeam .specialistPopupContainer .specialistInfo .popup .content {
  background-color: #FFFFFF;
  display: flex;
  padding: 60px 0;
  position: relative;
  flex-direction: column;
  max-height: 100vh;
}
@media (min-width: 801px) {
  .treatmentTeam .specialistPopupContainer .specialistInfo .popup .content {
    padding: 60px;
    border-radius: 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    flex-direction: row;
  }
}
.treatmentTeam .specialistPopupContainer .specialistInfo .popup .content .image {
  width: 200px;
  margin-bottom: 20px;
  align-self: center;
}
.ie .treatmentTeam .specialistPopupContainer .specialistInfo .popup .content .image {
  height: 200px;
}
.treatmentTeam .specialistPopupContainer .specialistInfo .popup .content .image img {
  border-radius: 50%;
}
.treatmentTeam .specialistPopupContainer .specialistInfo .popup .content .title {
  font-size: 30px;
  line-height: 32px;
  color: #98528D;
  font-weight: 600;
  word-wrap: break-word;
}
.treatmentTeam .specialistPopupContainer .specialistInfo .popup .content .subtitle {
  margin-bottom: 30px;
}
@media (min-width: 801px) {
  .treatmentTeam .specialistPopupContainer .specialistInfo .popup .content .subtitle {
    margin-bottom: 0;
  }
}
.treatmentTeam .specialistPopupContainer .specialistInfo .popup .content p:first-of-type {
  margin-top: 0;
}
.treatmentTeam .specialistPopupContainer .specialistInfo .popup .close {
  position: absolute;
  top: 30px;
  right: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
@media (min-width: 801px) {
  .treatmentTeam .specialistPopupContainer .specialistInfo .popup .close {
    right: 30px;
  }
}
.treatmentTeam .specialistPopupContainer .specialistInfo .popup .close svg.sprite {
  width: 18.39px;
  max-height: 18.39px;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.treatmentTeam .specialistPopupContainer .specialistInfo .popup .close svg.sprite use {
  fill: #9B9B9B;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.treatmentTeam .specialistPopupContainer .specialistInfo .popup .close:hover svg.sprite use, .treatmentTeam .specialistPopupContainer .specialistInfo .popup .close:focus svg.sprite use {
  fill: #1D2E1F;
}
.treatmentTeam .specialistPopupContainer .specialistInfo .popup .infoContainer {
  width: 100%;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
}
@media (min-width: 801px) {
  .treatmentTeam .specialistPopupContainer .specialistInfo .popup .infoContainer {
    margin-right: 90px;
    width: 200px;
  }
}
.treatmentTeam .specialistPopupContainer .specialistInfo .popup .textContainer {
  overflow-y: auto;
}
@media (min-width: 801px) {
  .treatmentTeam .specialistPopupContainer .specialistInfo .popup .textContainer {
    overflow-y: hidden;
  }
}
.treatmentTeam .specialistPopupContainer .specialistInfo.active .popup {
  display: flex;
  animation-direction: normal;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-name: appear;
  animation-timing-function: cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.treatmentTeam .sliderContainer {
  position: relative;
}
.treatmentTeam .sliderContainer button {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  height: 60px;
  width: 60px;
  border-radius: 60px;
  border: none;
  cursor: pointer;
  z-index: 1;
  box-shadow: 0 0 10px rgba(29, 46, 31, 0.16);
  transition: box-shadow 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
@media (min-width: 801px) {
  .treatmentTeam .sliderContainer button[data-controls] {
    display: inline-flex;
  }
}
.ghcosmeticcare .treatmentTeam .sliderContainer button {
  box-shadow: none;
}
.treatmentTeam .sliderContainer .prev {
  right: 100%;
  margin-right: 10px;
}
@media (min-width: 490px) {
  .treatmentTeam .sliderContainer .prev {
    margin-right: 20px;
  }
}
@media (min-width: 801px) {
  .treatmentTeam .sliderContainer .prev {
    margin-right: 30px;
  }
}
@media (min-width: 1024px) {
  .treatmentTeam .sliderContainer .prev {
    margin-right: 30px;
  }
}
@media (min-width: 1440px) {
  .treatmentTeam .sliderContainer .prev {
    margin-right: 30px;
  }
}
.treatmentTeam .sliderContainer .next {
  left: 100%;
  margin-left: 10px;
}
@media (min-width: 490px) {
  .treatmentTeam .sliderContainer .next {
    margin-left: 20px;
  }
}
@media (min-width: 801px) {
  .treatmentTeam .sliderContainer .next {
    margin-left: 30px;
  }
}
@media (min-width: 1024px) {
  .treatmentTeam .sliderContainer .next {
    margin-left: 30px;
  }
}
@media (min-width: 1440px) {
  .treatmentTeam .sliderContainer .next {
    margin-left: 30px;
  }
}
.ghcosmeticcare .treatmentTeam .sliderContainer .swiper-button-next,
.ghcosmeticcare .treatmentTeam .sliderContainer .swiper-button-prev {
  box-shadow: none;
}
.ghcosmeticcare .treatmentTeam .sliderContainer .swiper-button-next:hover svg.sprite use, .ghcosmeticcare .treatmentTeam .sliderContainer .swiper-button-next:focus svg.sprite use,
.ghcosmeticcare .treatmentTeam .sliderContainer .swiper-button-prev:hover svg.sprite use,
.ghcosmeticcare .treatmentTeam .sliderContainer .swiper-button-prev:focus svg.sprite use {
  fill: #302B25;
}
.treatmentTeam .sliderContainer svg.sprite {
  width: 26px;
  max-height: 18px;
}
.treatmentTeam .sliderContainer svg.sprite use {
  fill: #1D7C2B;
  fill: var(--colorGreen);
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.ghcosmeticcare .treatmentTeam .sliderContainer svg.sprite use {
  fill: #98528D;
}
.treatmentTeam .sliderContainer button:hover svg.sprite use, .treatmentTeam .sliderContainer button:focus svg.sprite use {
  fill: #A0590D;
  fill: var(--colorOrange);
}
.ghcosmeticcare .treatmentTeam .sliderContainer button:hover svg.sprite use, .ghcosmeticcare .treatmentTeam .sliderContainer button:focus svg.sprite use {
  fill: #302B25;
}
.treatmentTeam .sliderContainer button[disabled] {
  cursor: default;
  pointer-events: none;
  box-shadow: none;
}
.treatmentTeam .sliderContainer button[disabled] svg.sprite use {
  fill: #B7B7B7;
  fill: var(--colorGrey);
}
.treatmentTeam .sliderContainer .tns-ovh {
  overflow: visible;
}
@media (min-width: 801px) {
  .treatmentTeam .sliderContainer .tns-ovh {
    overflow: hidden;
  }
}
.treatmentTeam #tns1 {
  margin-top: 0;
}
article {
  color: #606060;
}
article .image {
  position: relative;
  height: 0;
  padding-bottom: 200px;
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 30px;
}
@media (min-width: 801px) {
  article .image {
    padding-bottom: 100%;
    margin-bottom: 0;
  }
}
article img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
article .chapeau {
  display: none;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}
@media (min-width: 801px) {
  article .chapeau {
    display: block;
  }
}
article .chapeau em {
  font-style: normal;
  font-weight: 700;
}
article h2 {
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  margin-bottom: 0;
}
article address {
  display: block;
  margin-top: 5px;
  color: #9B9B9B;
  color: var(--colorGreyDarken);
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
}
article p {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
article .link {
  display: block;
  margin-top: 10px;
  color: #1D7C2B;
  color: var(--colorGreen);
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}

a:hover article img, .image .ageRestriction button:hover article img, a:focus article img, .image .ageRestriction button:focus article img {
  transform: scale(1.05);
}
a:hover article h2, .image .ageRestriction button:hover article h2, a:focus article h2, .image .ageRestriction button:focus article h2 {
  color: #A0590D;
  color: var(--colorOrange);
}
a:hover article .link, .image .ageRestriction button:hover article .link, a:focus article .link, .image .ageRestriction button:focus article .link {
  color: #A0590D;
  color: var(--colorOrange);
}

.articles li {
  margin-bottom: 60px;
}
.articles li:last-child {
  margin-bottom: 0;
}
.articles.news article address {
  color: #606060;
}

.articleContent {
  position: relative;
  margin-top: -90px;
}
.articleContent span.specialty {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.articleContent .backgroundRow {
  position: relative;
}
.articleContent .backgroundRow div {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.articleContent .backgroundRow div:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 120px;
  background: #FFFFFF;
  border-radius: 30px 30px 0 0;
  margin-left: -25px;
  margin-right: -25px;
  width: calc(100% + 50px);
}
.articleContent .headerRow {
  margin-bottom: 15px;
}
.articleContent .headerRow h1,
.articleContent .headerRow p,
.articleContent .headerRow address {
  background: #FFFFFF;
}
.articleContent .authorRow {
  margin-bottom: 60px;
}
.articleContent .authorRow img {
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  border-radius: 30px;
}
.articleContent .authorRow address {
  color: #606060;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.articleContent .authorRow address time {
  display: block;
}
.articleContent .authorRow address table td {
  padding-right: 10px;
  padding-bottom: 7px;
}
.articleContent .authorRow address table td:last-child {
  padding-right: 0;
}
.articleContent .authorRow address table tr:last-child td {
  padding-bottom: 0;
}
.articleContent .intro {
  margin-bottom: 40px;
}
.articleContent .intro p:first-child {
  margin-top: 0;
}

.articleFooter {
  margin-top: 90px;
}
.articleFooter address {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  color: #B7B7B7;
  color: var(--colorGrey);
}
.articleFooter a, .articleFooter .image .ageRestriction button, .image .ageRestriction .articleFooter button {
  display: inline-flex;
  margin-top: 30px;
  align-items: center;
}
.articleFooter a svg.sprite, .articleFooter .image .ageRestriction button svg.sprite, .image .ageRestriction .articleFooter button svg.sprite {
  width: 15px;
  max-height: 10px;
  margin-right: 10px;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.articleFooter a svg.sprite use, .articleFooter .image .ageRestriction button svg.sprite use, .image .ageRestriction .articleFooter button svg.sprite use {
  fill: #1D7C2B;
  fill: var(--colorGreen);
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.articleFooter a:hover svg.sprite, .articleFooter .image .ageRestriction button:hover svg.sprite, .image .ageRestriction .articleFooter button:hover svg.sprite, .articleFooter a:focus svg.sprite, .articleFooter .image .ageRestriction button:focus svg.sprite, .image .ageRestriction .articleFooter button:focus svg.sprite {
  transform: translateX(-5px);
}
.articleFooter a:hover svg.sprite use, .articleFooter .image .ageRestriction button:hover svg.sprite use, .image .ageRestriction .articleFooter button:hover svg.sprite use, .articleFooter a:focus svg.sprite use, .articleFooter .image .ageRestriction button:focus svg.sprite use, .image .ageRestriction .articleFooter button:focus svg.sprite use {
  fill: #A0590D;
  fill: var(--colorOrange);
}
.articleFooter .highlightBlock {
  margin-top: 90px;
}

.articleHero {
  position: relative;
  margin-top: 50px;
  min-height: 430px;
}
.articleHero .image {
  position: relative;
  min-height: 430px;
}
.articleHero .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 60px 10px;
}
.articleHero .backColumn {
  position: relative;
}
.articleHero .backColumn a.button, .articleHero .backColumn .image .ageRestriction button, .image .ageRestriction .articleHero .backColumn button {
  position: absolute;
  padding: 11px 30px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  border-radius: 25px;
  z-index: 1;
  transform: translateY(-50%);
}
.articleHero .backColumn a.button svg.sprite use, .articleHero .backColumn .image .ageRestriction button svg.sprite use, .image .ageRestriction .articleHero .backColumn button svg.sprite use {
  fill: #FFFFFF;
}
.articleHero .backColumn a.button span, .articleHero .backColumn .image .ageRestriction button span, .image .ageRestriction .articleHero .backColumn button span {
  padding-left: 5px;
}

.articleOverview h1 {
  margin-top: 60px;
  margin-bottom: 0;
}
.articleOverview .titleColumn {
  margin-bottom: 30px;
}
.articleOverview .introColumn {
  margin-top: -10px;
  margin-bottom: 90px;
}
.articleOverview .introColumn p:first-child {
  margin-top: 0;
}
.articleOverview .introColumn p:last-child {
  margin-bottom: 0;
}
.articleOverview .articles {
  margin-top: 90px;
}
.articleOverview .pager {
  margin-top: 60px;
}

@media (min-width: 801px) {
  .highlightedArticle .imageColumn {
    margin-bottom: -120px;
  }
}
.highlightedArticle .imageColumn .image {
  min-height: 400px;
  position: relative;
}
@media (max-width: 800.98px) {
  .highlightedArticle .imageColumn .image {
    margin-left: -25px;
    margin-right: -25px;
    min-height: 310px;
  }
}
.highlightedArticle .imageColumn img {
  position: absolute;
  border-radius: 60px 0 0 0;
  height: 100%;
  width: 100%;
}
@media (min-width: 801px) {
  .highlightedArticle .imageColumn img {
    border-radius: 60px 10px;
  }
}
.highlightedArticle .content {
  position: relative;
  padding: 55px 0 0 0;
  background: #FFFFFF;
}
@media (min-width: 801px) {
  .highlightedArticle .content {
    padding: 30px 40px;
    border-radius: 30px 0 30px 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  }
}
.highlightedArticle .badge {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 12px 20px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  border-radius: 50px;
  color: #FFFFFF;
  background: #1D7C2B;
  background: var(--colorGreen);
  transform: translateY(-50%);
}
@media (min-width: 801px) {
  .highlightedArticle .badge {
    width: auto;
    right: 40px;
  }
}
.highlightedArticle .chapeau {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.highlightedArticle em {
  font-style: normal;
  font-weight: 700;
}
.highlightedArticle h2 {
  margin-bottom: 20px;
}
.highlightedArticle .author {
  display: flex;
  align-items: center;
}
.highlightedArticle .author .image {
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  margin-right: 20px;
}
.highlightedArticle .author img {
  width: 60px;
  height: 60px;
  border-radius: 30px;
}
.highlightedArticle .author address {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.highlightedArticle .author time {
  display: block;
}
.highlightedArticle .author address.inline time {
  display: inline-block;
}
.highlightedArticle .author p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.highlightedArticle .content p {
  font-weight: 500;
}

* {
  box-sizing: border-box;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-thumb {
  background: #606060;
  border-radius: 4px;
}
*::-webkit-scrollbar-track {
  background: #EBEBEB;
}
* {
  scrollbar-face-color: #606060;
  scrollbar-track-color: #EBEBEB;
  scrollbar-color: #606060 #EBEBEB;
  scrollbar-width: thin;
}

html {
  max-width: 100vw;
  overflow-x: hidden;
  background: #FFFFFF;
}
html.disableScroll {
  overflow-y: hidden;
}
html.ie {
  position: relative;
  z-index: -1;
}

.toFade {
  opacity: 0;
}
.toFade.fadingIn {
  opacity: 1;
  transform: none;
  transition: all 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  transition-property: opacity, transform;
}

body {
  position: relative;
  font-family: "SofiaPro", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  color: #606060;
  color: var(--colorText);
  z-index: -1;
  max-width: 100vw;
  overflow-x: hidden;
  transition: padding 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.ribbonActive body {
  padding-top: var(--ribbonHeight);
}
body:before {
  content: "";
  position: relative;
  display: block;
  height: 60px;
}
@media (min-width: 801px) {
  body:before {
    height: 90px;
  }
}

main {
  max-width: 100%;
}
@media (max-width: 470px) {
  main {
    padding-top: 2rem;
  }
}
main > .container {
  padding-bottom: 10px;
  margin-bottom: -10px;
}

.preventAnimations *:not(.forceAnimations) {
  animation: none !important;
  transition: none !important;
}

h1,
h2,
h3,
h4,
h5 {
  color: #1D7C2B;
  color: var(--colorGreen);
  font-weight: 600;
}
h1 + p,
h1 + a,
.image .ageRestriction h1 + button,
h2 + p,
h2 + a,
.image .ageRestriction h2 + button,
h3 + p,
h3 + a,
.image .ageRestriction h3 + button,
h4 + p,
h4 + a,
.image .ageRestriction h4 + button,
h5 + p,
h5 + a,
.image .ageRestriction h5 + button {
  margin-top: 20px;
}

h1 {
  font-size: 26px;
}
@media screen and (min-width: 300px) {
  h1 {
    font-size: calc(26px + 4 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  h1 {
    font-size: 30px;
  }
}
h1 {
  line-height: 26px;
}
@media screen and (min-width: 300px) {
  h1 {
    line-height: calc(26px + 4 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  h1 {
    line-height: 30px;
  }
}

h2 {
  font-size: 24px;
}
@media screen and (min-width: 300px) {
  h2 {
    font-size: calc(24px + 6 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  h2 {
    font-size: 30px;
  }
}
h2 {
  line-height: 24px;
}
@media screen and (min-width: 300px) {
  h2 {
    line-height: calc(24px + 6 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  h2 {
    line-height: 30px;
  }
}

h3 {
  font-size: 20px;
}
@media screen and (min-width: 300px) {
  h3 {
    font-size: calc(20px + 6 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  h3 {
    font-size: 26px;
  }
}
h3 {
  line-height: 20px;
}
@media screen and (min-width: 300px) {
  h3 {
    line-height: calc(20px + 6 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  h3 {
    line-height: 26px;
  }
}

h4 {
  font-size: 18px;
}
@media screen and (min-width: 300px) {
  h4 {
    font-size: calc(18px + 6 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  h4 {
    font-size: 24px;
  }
}
h4 {
  line-height: 18px;
}
@media screen and (min-width: 300px) {
  h4 {
    line-height: calc(18px + 6 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  h4 {
    line-height: 24px;
  }
}

h5 {
  font-size: 22px;
  line-height: 22px;
}

p {
  line-height: 30px;
  margin: 20px 0;
}
p {
  font-size: 14px;
}
@media screen and (min-width: 300px) {
  p {
    font-size: calc(14px + 6 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  p {
    font-size: 20px;
  }
}
p:last-child {
  margin-bottom: 0;
}

a > span, .image .ageRestriction button > span, a, .image .ageRestriction button {
  font-size: 14px;
}
@media screen and (min-width: 300px) {
  a > span, .image .ageRestriction button > span, a, .image .ageRestriction button {
    font-size: calc(14px + 6 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  a > span, .image .ageRestriction button > span, a, .image .ageRestriction button {
    font-size: 20px;
  }
}

p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
a[class=""] + h1,
.image .ageRestriction button[class=""] + h1,
a[class=""] + h2,
.image .ageRestriction button[class=""] + h2,
a[class=""] + h3,
.image .ageRestriction button[class=""] + h3,
a[class=""] + h4,
.image .ageRestriction button[class=""] + h4,
a[class=""] + h5,
.image .ageRestriction button[class=""] + h5,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ol + h1,
ol + h2,
ol + h3,
ol + h4,
ol + h5 {
  margin-top: 30px;
}

img {
  max-width: 100%;
}

@media (max-width: 800.98px) {
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}

a.back, .image .ageRestriction button.back {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  fill: #B7B7B7;
  fill: var(--colorGrey);
  color: #B7B7B7;
  color: var(--colorGrey);
  margin-bottom: 10px;
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
a.back svg.sprite, .image .ageRestriction button.back svg.sprite {
  width: 15px;
  max-height: 10px;
  transform: translateY(2px);
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
a.back svg.sprite use, .image .ageRestriction button.back svg.sprite use {
  fill: inherit;
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
a.back span, .image .ageRestriction button.back span {
  padding-left: 10px;
}
a.back:hover, .image .ageRestriction button.back:hover, a.back:focus, .image .ageRestriction button.back:focus {
  color: #A0590D;
  color: var(--colorOrange);
  fill: #A0590D;
  fill: var(--colorOrange);
}
a.back:hover svg.sprite, .image .ageRestriction button.back:hover svg.sprite, a.back:focus svg.sprite, .image .ageRestriction button.back:focus svg.sprite {
  transform: translateY(2px) translateX(-5px);
}
a.back.heroless, .image .ageRestriction button.back.heroless {
  margin-bottom: 30px;
}

main .container.umb-grid {
  overflow: visible;
}

.umb-grid .grid-section > .row,
.umb-grid .grid-section > .col-md-12 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.umb-grid .grid-section > .row.itemlist, .umb-grid .grid-section > .row.itemlist_small,
.umb-grid .grid-section > .col-md-12.itemlist,
.umb-grid .grid-section > .col-md-12.itemlist_small {
  margin-top: 90px;
  margin-bottom: 90px;
}
.umb-grid .grid-section > .row.itemlist h2 ~ a svg.sprite, .umb-grid .grid-section > .row.itemlist .image .ageRestriction h2 ~ button svg.sprite, .image .ageRestriction .umb-grid .grid-section > .row.itemlist h2 ~ button svg.sprite, .umb-grid .grid-section > .row.itemlist_small h2 ~ a svg.sprite, .umb-grid .grid-section > .row.itemlist_small .image .ageRestriction h2 ~ button svg.sprite, .image .ageRestriction .umb-grid .grid-section > .row.itemlist_small h2 ~ button svg.sprite,
.umb-grid .grid-section > .col-md-12.itemlist h2 ~ a svg.sprite,
.umb-grid .grid-section > .col-md-12.itemlist .image .ageRestriction h2 ~ button svg.sprite,
.image .ageRestriction .umb-grid .grid-section > .col-md-12.itemlist h2 ~ button svg.sprite,
.umb-grid .grid-section > .col-md-12.itemlist_small h2 ~ a svg.sprite,
.umb-grid .grid-section > .col-md-12.itemlist_small .image .ageRestriction h2 ~ button svg.sprite,
.image .ageRestriction .umb-grid .grid-section > .col-md-12.itemlist_small h2 ~ button svg.sprite {
  max-height: 12px;
}
.umb-grid .grid-section > .row.itemlist h2 ~ a svg.sprite use, .umb-grid .grid-section > .row.itemlist .image .ageRestriction h2 ~ button svg.sprite use, .image .ageRestriction .umb-grid .grid-section > .row.itemlist h2 ~ button svg.sprite use, .umb-grid .grid-section > .row.itemlist_small h2 ~ a svg.sprite use, .umb-grid .grid-section > .row.itemlist_small .image .ageRestriction h2 ~ button svg.sprite use, .image .ageRestriction .umb-grid .grid-section > .row.itemlist_small h2 ~ button svg.sprite use,
.umb-grid .grid-section > .col-md-12.itemlist h2 ~ a svg.sprite use,
.umb-grid .grid-section > .col-md-12.itemlist .image .ageRestriction h2 ~ button svg.sprite use,
.image .ageRestriction .umb-grid .grid-section > .col-md-12.itemlist h2 ~ button svg.sprite use,
.umb-grid .grid-section > .col-md-12.itemlist_small h2 ~ a svg.sprite use,
.umb-grid .grid-section > .col-md-12.itemlist_small .image .ageRestriction h2 ~ button svg.sprite use,
.image .ageRestriction .umb-grid .grid-section > .col-md-12.itemlist_small h2 ~ button svg.sprite use {
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  fill: inherit;
}
.umb-grid .grid-section > .row.itemlist h2 ~ a svg.sprite.icon_arrow_right, .umb-grid .grid-section > .row.itemlist .image .ageRestriction h2 ~ button svg.sprite.icon_arrow_right, .image .ageRestriction .umb-grid .grid-section > .row.itemlist h2 ~ button svg.sprite.icon_arrow_right, .umb-grid .grid-section > .row.itemlist_small h2 ~ a svg.sprite.icon_arrow_right, .umb-grid .grid-section > .row.itemlist_small .image .ageRestriction h2 ~ button svg.sprite.icon_arrow_right, .image .ageRestriction .umb-grid .grid-section > .row.itemlist_small h2 ~ button svg.sprite.icon_arrow_right,
.umb-grid .grid-section > .col-md-12.itemlist h2 ~ a svg.sprite.icon_arrow_right,
.umb-grid .grid-section > .col-md-12.itemlist .image .ageRestriction h2 ~ button svg.sprite.icon_arrow_right,
.image .ageRestriction .umb-grid .grid-section > .col-md-12.itemlist h2 ~ button svg.sprite.icon_arrow_right,
.umb-grid .grid-section > .col-md-12.itemlist_small h2 ~ a svg.sprite.icon_arrow_right,
.umb-grid .grid-section > .col-md-12.itemlist_small .image .ageRestriction h2 ~ button svg.sprite.icon_arrow_right,
.image .ageRestriction .umb-grid .grid-section > .col-md-12.itemlist_small h2 ~ button svg.sprite.icon_arrow_right {
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.umb-grid .grid-section > .row.itemlist h2 ~ a:hover svg.sprite.icon_arrow_right, .umb-grid .grid-section > .row.itemlist .image .ageRestriction h2 ~ button:hover svg.sprite.icon_arrow_right, .image .ageRestriction .umb-grid .grid-section > .row.itemlist h2 ~ button:hover svg.sprite.icon_arrow_right, .umb-grid .grid-section > .row.itemlist h2 ~ a:focus svg.sprite.icon_arrow_right, .umb-grid .grid-section > .row.itemlist .image .ageRestriction h2 ~ button:focus svg.sprite.icon_arrow_right, .image .ageRestriction .umb-grid .grid-section > .row.itemlist h2 ~ button:focus svg.sprite.icon_arrow_right, .umb-grid .grid-section > .row.itemlist_small h2 ~ a:hover svg.sprite.icon_arrow_right, .umb-grid .grid-section > .row.itemlist_small .image .ageRestriction h2 ~ button:hover svg.sprite.icon_arrow_right, .image .ageRestriction .umb-grid .grid-section > .row.itemlist_small h2 ~ button:hover svg.sprite.icon_arrow_right, .umb-grid .grid-section > .row.itemlist_small h2 ~ a:focus svg.sprite.icon_arrow_right, .umb-grid .grid-section > .row.itemlist_small .image .ageRestriction h2 ~ button:focus svg.sprite.icon_arrow_right, .image .ageRestriction .umb-grid .grid-section > .row.itemlist_small h2 ~ button:focus svg.sprite.icon_arrow_right,
.umb-grid .grid-section > .col-md-12.itemlist h2 ~ a:hover svg.sprite.icon_arrow_right,
.umb-grid .grid-section > .col-md-12.itemlist .image .ageRestriction h2 ~ button:hover svg.sprite.icon_arrow_right,
.image .ageRestriction .umb-grid .grid-section > .col-md-12.itemlist h2 ~ button:hover svg.sprite.icon_arrow_right,
.umb-grid .grid-section > .col-md-12.itemlist h2 ~ a:focus svg.sprite.icon_arrow_right,
.umb-grid .grid-section > .col-md-12.itemlist .image .ageRestriction h2 ~ button:focus svg.sprite.icon_arrow_right,
.image .ageRestriction .umb-grid .grid-section > .col-md-12.itemlist h2 ~ button:focus svg.sprite.icon_arrow_right,
.umb-grid .grid-section > .col-md-12.itemlist_small h2 ~ a:hover svg.sprite.icon_arrow_right,
.umb-grid .grid-section > .col-md-12.itemlist_small .image .ageRestriction h2 ~ button:hover svg.sprite.icon_arrow_right,
.image .ageRestriction .umb-grid .grid-section > .col-md-12.itemlist_small h2 ~ button:hover svg.sprite.icon_arrow_right,
.umb-grid .grid-section > .col-md-12.itemlist_small h2 ~ a:focus svg.sprite.icon_arrow_right,
.umb-grid .grid-section > .col-md-12.itemlist_small .image .ageRestriction h2 ~ button:focus svg.sprite.icon_arrow_right,
.image .ageRestriction .umb-grid .grid-section > .col-md-12.itemlist_small h2 ~ button:focus svg.sprite.icon_arrow_right {
  transform: translateX(3px);
}
.umb-grid .grid-section > .row.itemlist + .itemlist,
.umb-grid .grid-section > .col-md-12.itemlist + .itemlist {
  margin-top: -80px -20px;
}
@media (min-width: 490px) {
  .umb-grid .grid-section > .row.itemlist + .itemlist,
  .umb-grid .grid-section > .col-md-12.itemlist + .itemlist {
    margin-top: -70px -20px;
  }
}
@media (min-width: 801px) {
  .umb-grid .grid-section > .row.itemlist + .itemlist,
  .umb-grid .grid-section > .col-md-12.itemlist + .itemlist {
    margin-top: -60px -20px;
  }
}
@media (min-width: 1024px) {
  .umb-grid .grid-section > .row.itemlist + .itemlist,
  .umb-grid .grid-section > .col-md-12.itemlist + .itemlist {
    margin-top: -60px -20px;
  }
}
@media (min-width: 1440px) {
  .umb-grid .grid-section > .row.itemlist + .itemlist,
  .umb-grid .grid-section > .col-md-12.itemlist + .itemlist {
    margin-top: -60px -20px;
  }
}
.umb-grid .grid-section > .row:last-child,
.umb-grid .grid-section > .col-md-12:last-child {
  margin-bottom: 0;
}
.umb-grid .grid-section > .row > .col:not(:last-child),
.umb-grid .grid-section > .row > [class*=col-]:not(:last-child),
.umb-grid .grid-section > .col-md-12 > .col:not(:last-child),
.umb-grid .grid-section > .col-md-12 > [class*=col-]:not(:last-child) {
  margin-bottom: 60px;
}
@media (min-width: 801px) {
  .umb-grid .grid-section > .row > .col:not(:last-child),
  .umb-grid .grid-section > .row > [class*=col-]:not(:last-child),
  .umb-grid .grid-section > .col-md-12 > .col:not(:last-child),
  .umb-grid .grid-section > .col-md-12 > [class*=col-]:not(:last-child) {
    margin-bottom: 0;
  }
}
.umb-grid .grid-section > .row:first-child,
.umb-grid .grid-section > .col-md-12:first-child {
  margin-top: 0;
}
.ghcosmeticcare .umb-grid .grid-section > .row {
  margin-top: 90px;
  margin-bottom: 90px;
}
.ghcosmeticcare .umb-grid .grid-section > .row.itemlist, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small {
  margin-top: 90px;
  margin-bottom: 90px;
}
.ghcosmeticcare .umb-grid .grid-section > .row.itemlist h2 ~ a svg.sprite, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist .image .ageRestriction h2 ~ button svg.sprite, .image .ageRestriction .ghcosmeticcare .umb-grid .grid-section > .row.itemlist h2 ~ button svg.sprite, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small h2 ~ a svg.sprite, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small .image .ageRestriction h2 ~ button svg.sprite, .image .ageRestriction .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small h2 ~ button svg.sprite {
  max-height: 12px;
}
.ghcosmeticcare .umb-grid .grid-section > .row.itemlist h2 ~ a svg.sprite use, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist .image .ageRestriction h2 ~ button svg.sprite use, .image .ageRestriction .ghcosmeticcare .umb-grid .grid-section > .row.itemlist h2 ~ button svg.sprite use, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small h2 ~ a svg.sprite use, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small .image .ageRestriction h2 ~ button svg.sprite use, .image .ageRestriction .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small h2 ~ button svg.sprite use {
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  fill: inherit;
}
.ghcosmeticcare .umb-grid .grid-section > .row.itemlist h2 ~ a svg.sprite.icon_arrow_right, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist .image .ageRestriction h2 ~ button svg.sprite.icon_arrow_right, .image .ageRestriction .ghcosmeticcare .umb-grid .grid-section > .row.itemlist h2 ~ button svg.sprite.icon_arrow_right, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small h2 ~ a svg.sprite.icon_arrow_right, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small .image .ageRestriction h2 ~ button svg.sprite.icon_arrow_right, .image .ageRestriction .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small h2 ~ button svg.sprite.icon_arrow_right {
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.ghcosmeticcare .umb-grid .grid-section > .row.itemlist h2 ~ a:hover svg.sprite.icon_arrow_right, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist .image .ageRestriction h2 ~ button:hover svg.sprite.icon_arrow_right, .image .ageRestriction .ghcosmeticcare .umb-grid .grid-section > .row.itemlist h2 ~ button:hover svg.sprite.icon_arrow_right, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist h2 ~ a:focus svg.sprite.icon_arrow_right, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist .image .ageRestriction h2 ~ button:focus svg.sprite.icon_arrow_right, .image .ageRestriction .ghcosmeticcare .umb-grid .grid-section > .row.itemlist h2 ~ button:focus svg.sprite.icon_arrow_right, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small h2 ~ a:hover svg.sprite.icon_arrow_right, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small .image .ageRestriction h2 ~ button:hover svg.sprite.icon_arrow_right, .image .ageRestriction .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small h2 ~ button:hover svg.sprite.icon_arrow_right, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small h2 ~ a:focus svg.sprite.icon_arrow_right, .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small .image .ageRestriction h2 ~ button:focus svg.sprite.icon_arrow_right, .image .ageRestriction .ghcosmeticcare .umb-grid .grid-section > .row.itemlist_small h2 ~ button:focus svg.sprite.icon_arrow_right {
  transform: translateX(3px);
}
.ghcosmeticcare .umb-grid .grid-section > .row.itemlist + .itemlist {
  margin-top: -80px -20px;
}
@media (min-width: 490px) {
  .ghcosmeticcare .umb-grid .grid-section > .row.itemlist + .itemlist {
    margin-top: -70px -20px;
  }
}
@media (min-width: 801px) {
  .ghcosmeticcare .umb-grid .grid-section > .row.itemlist + .itemlist {
    margin-top: -60px -20px;
  }
}
@media (min-width: 1024px) {
  .ghcosmeticcare .umb-grid .grid-section > .row.itemlist + .itemlist {
    margin-top: -60px -20px;
  }
}
@media (min-width: 1440px) {
  .ghcosmeticcare .umb-grid .grid-section > .row.itemlist + .itemlist {
    margin-top: -60px -20px;
  }
}
.ghcosmeticcare .umb-grid .grid-section > .row:last-child {
  margin-bottom: 0;
}
.ghcosmeticcare .umb-grid .grid-section > .row > .col:not(:last-child),
.ghcosmeticcare .umb-grid .grid-section > .row > [class*=col-]:not(:last-child) {
  margin-bottom: 90px;
}
@media (min-width: 801px) {
  .ghcosmeticcare .umb-grid .grid-section > .row > .col:not(:last-child),
  .ghcosmeticcare .umb-grid .grid-section > .row > [class*=col-]:not(:last-child) {
    margin-bottom: 0;
  }
}
.ghcosmeticcare .umb-grid .grid-section > .row:first-child {
  margin-top: 0;
}
.umb-grid table {
  margin: 20px 0;
  width: 100%;
}
.umb-grid table td {
  width: 50%;
  border-top: 1px solid #B7B7B7;
  padding: 12px 15px;
}
.umb-grid table td:first-child {
  padding-left: 10px;
}
.umb-grid table td:last-child {
  padding-right: 10px;
}
.umb-grid table tbody tr:last-child td {
  border-bottom: 1px solid #B7B7B7;
}
.umb-grid table tbody tr:nth-child(odd) td {
  background: #EBEBEB;
}
.ghcosmeticcare .umb-grid table + p > a.button, .ghcosmeticcare .umb-grid .image .ageRestriction table + p > button, .image .ageRestriction .ghcosmeticcare .umb-grid table + p > button {
  margin-top: 10px;
}
.ghcosmeticcare .umb-grid table td {
  width: 100%;
  border-top: 1px solid #606060;
  padding: 20px 0;
}
.ghcosmeticcare .umb-grid table td:first-child {
  padding-right: 10px;
}
.ghcosmeticcare .umb-grid table td:last-child {
  padding-left: 10px;
}
.ghcosmeticcare .umb-grid table tbody tr:last-child td {
  border-bottom: 1px solid #606060;
}
.ghcosmeticcare .umb-grid table tbody tr:nth-child(odd) td {
  background: #FFFFFF;
}
.umb-grid ol,
.umb-grid ul {
  margin: 20px 0;
}
.umb-grid ol:last-child,
.umb-grid ul:last-child {
  margin-bottom: 100px;
}
.umb-grid ol li,
.umb-grid ul li {
  position: relative;
  margin-left: 25px;
  margin-bottom: 10px;
}
.umb-grid ol li:last-child,
.umb-grid ul li:last-child {
  margin-bottom: 0;
}
.umb-grid ol li,
.umb-grid ul li {
  font-size: 14px;
}
@media screen and (min-width: 300px) {
  .umb-grid ol li,
  .umb-grid ul li {
    font-size: calc(14px + 6 * (100vw - 300px) / 150);
  }
}
@media screen and (min-width: 450px) {
  .umb-grid ol li,
  .umb-grid ul li {
    font-size: 20px;
  }
}
.umb-grid ul li:before {
  height: 6px;
  width: 6px;
  border-radius: 8px;
  content: "";
  display: inline-block;
  background: #606060;
  background: var(--colorText);
  position: absolute;
  top: 12px;
  left: -15px;
}
.umb-grid ul.checklist li {
  padding-left: 12px;
  margin-bottom: 15px;
}
.umb-grid ul.checklist li:last-child {
  margin-bottom: 0;
}
.umb-grid ul.checklist li:before {
  width: 19px;
  height: 16px;
  border-radius: 0;
  background: url("/img/icon_success.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 8px;
  left: -22px;
}
.umb-grid ol {
  counter-set: list;
}
.umb-grid ol li {
  counter-increment: list;
}
.umb-grid ol li:before {
  position: absolute;
  left: -20px;
  content: counter(list) ".";
  font-weight: bold;
}
.umb-grid ol li ol {
  counter-set: listlist;
}
.umb-grid ol li ol li {
  counter-increment: listlist;
}
.umb-grid ol li ol li:before {
  content: counter(listlist) ".";
}
.umb-grid h2 + ol,
.umb-grid h2 + ul,
.umb-grid h3 + ol,
.umb-grid h3 + ul,
.umb-grid h4 + ol,
.umb-grid h4 + ul,
.umb-grid h5 + ol,
.umb-grid h5 + ul {
  margin-top: 10px;
}
.umb-grid .col > div > .image,
.umb-grid [class*=col-] > div > .image {
  position: relative;
}
.umb-grid .col > div > .image img,
.umb-grid [class*=col-] > div > .image img {
  border-radius: 10px;
}
.umb-grid .col > div > .image .imageCaption,
.umb-grid [class*=col-] > div > .image .imageCaption {
  position: absolute;
  bottom: 10px;
  background: #FFFFFF;
  width: calc(100% - 20px);
  margin-left: 10px;
  padding: 10px;
  font-size: 16px;
  line-height: 20px;
  border-radius: 5px;
}
@media (min-width: 801px) {
  .umb-grid .col-md-8 > div > .image {
    margin-left: 12.5%;
    flex: 0 0 75%;
    max-width: 75%;
  }
}
.umb-grid .col-md-8 > div > .image .imageWrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.umb-grid .col-md-8 > div > .image img {
  position: absolute;
  height: 100%;
  width: 100%;
}
@media (min-width: 801px) {
  .umb-grid .col-md-7 > div > .image {
    flex: 0 0 85.71428571%;
    max-width: 85.71428571%;
  }
}
.umb-grid .row.fifty_fifty > div:first-child > div > .image,
.umb-grid .row.GHCZ_fifty_fifty > div:first-child > div > .image {
  margin-top: 0;
}
@media (min-width: 801px) {
  .umb-grid .row.fifty_fifty > div:first-child > div > .image,
  .umb-grid .row.GHCZ_fifty_fifty > div:first-child > div > .image {
    margin-right: 60px;
  }
}
.umb-grid .row.fifty_fifty > div:last-child > div > .image,
.umb-grid .row.GHCZ_fifty_fifty > div:last-child > div > .image {
  margin-top: 0;
}
@media (min-width: 801px) {
  .umb-grid .row.fifty_fifty > div:last-child > div > .image,
  .umb-grid .row.GHCZ_fifty_fifty > div:last-child > div > .image {
    margin-left: 60px;
  }
}
.umb-grid .row.fifty_fifty > div > .image img,
.umb-grid .row.GHCZ_fifty_fifty > div > .image img {
  width: 100%;
}
.ghcosmeticcare .umb-grid .row.fifty_fifty div div.green,
.ghcosmeticcare .umb-grid .row.GHCZ_fifty_fifty div div.green {
  background-color: #EBF5EF;
  border-radius: 30px;
  padding: 60px 28px;
}
@media (min-width: 801px) {
  .ghcosmeticcare .umb-grid .row.fifty_fifty div div.green,
  .ghcosmeticcare .umb-grid .row.GHCZ_fifty_fifty div div.green {
    padding: 60px;
  }
}
.ghcosmeticcare .umb-grid .row.fifty_fifty div div.green h1, .ghcosmeticcare .umb-grid .row.fifty_fifty div div.green h2, .ghcosmeticcare .umb-grid .row.fifty_fifty div div.green h3, .ghcosmeticcare .umb-grid .row.fifty_fifty div div.green h4, .ghcosmeticcare .umb-grid .row.fifty_fifty div div.green h5,
.ghcosmeticcare .umb-grid .row.GHCZ_fifty_fifty div div.green h1,
.ghcosmeticcare .umb-grid .row.GHCZ_fifty_fifty div div.green h2,
.ghcosmeticcare .umb-grid .row.GHCZ_fifty_fifty div div.green h3,
.ghcosmeticcare .umb-grid .row.GHCZ_fifty_fifty div div.green h4,
.ghcosmeticcare .umb-grid .row.GHCZ_fifty_fifty div div.green h5 {
  color: #98528D;
  font-size: 24px;
  line-height: 30px;
}
.umb-grid .row.itemlist .col-md-12 > div {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
  justify-content: center;
}
@media (min-width: 490px) {
  .umb-grid .row.itemlist .col-md-12 > div {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media (min-width: 801px) {
  .umb-grid .row.itemlist .col-md-12 > div {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1024px) {
  .umb-grid .row.itemlist .col-md-12 > div {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1440px) {
  .umb-grid .row.itemlist .col-md-12 > div {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
.umb-grid .row.itemlist_small .col-md-8 {
  justify-content: center;
}
.umb-grid .row.itemlist_small .col-md-8 > div {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
@media (min-width: 490px) {
  .umb-grid .row.itemlist_small .col-md-8 > div {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media (min-width: 801px) {
  .umb-grid .row.itemlist_small .col-md-8 > div {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1024px) {
  .umb-grid .row.itemlist_small .col-md-8 > div {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1440px) {
  .umb-grid .row.itemlist_small .col-md-8 > div {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
.umb-grid a, .umb-grid .image .ageRestriction button, .image .ageRestriction .umb-grid button {
  text-decoration: none;
  color: #1D7C2B;
  color: var(--colorGreen);
  fill: #1D7C2B;
  fill: var(--colorGreen);
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.umb-grid a:hover, .umb-grid .image .ageRestriction button:hover, .image .ageRestriction .umb-grid button:hover, .umb-grid a:focus, .umb-grid .image .ageRestriction button:focus, .image .ageRestriction .umb-grid button:focus {
  color: #A0590D;
  color: var(--colorOrange);
  fill: #A0590D;
  fill: var(--colorOrange);
}
.umb-grid a.button, .umb-grid .image .ageRestriction button, .image .ageRestriction .umb-grid button {
  margin-top: 30px;
}
.umb-grid a.button.inContent, .umb-grid .image .ageRestriction button.inContent, .image .ageRestriction .umb-grid button.inContent {
  margin-bottom: 120px;
  padding: 17px 30px;
  min-width: 100%;
}
@media (min-width: 801px) {
  .umb-grid a.button.inContent, .umb-grid .image .ageRestriction button.inContent, .image .ageRestriction .umb-grid button.inContent {
    min-width: auto;
  }
}
.umb-grid a.external svg.sprite, .umb-grid .image .ageRestriction button.external svg.sprite, .image .ageRestriction .umb-grid button.external svg.sprite {
  margin-left: 5px;
}
.umb-grid a.external svg.sprite use, .umb-grid .image .ageRestriction button.external svg.sprite use, .image .ageRestriction .umb-grid button.external svg.sprite use {
  fill: inherit;
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.umb-grid a.inlineCallToAction, .umb-grid .image .ageRestriction button.inlineCallToAction, .image .ageRestriction .umb-grid button.inlineCallToAction {
  position: relative;
  color: #9C1A81;
  padding-right: 26px;
}
.umb-grid a.inlineCallToAction:before, .umb-grid .image .ageRestriction button.inlineCallToAction:before, .image .ageRestriction .umb-grid button.inlineCallToAction:before, .umb-grid a.inlineCallToAction:after, .umb-grid .image .ageRestriction button.inlineCallToAction:after, .image .ageRestriction .umb-grid button.inlineCallToAction:after {
  display: block;
  position: absolute;
  bottom: 4px;
  height: 12px;
  width: 19px;
  right: 0;
  content: "";
  transition: opacity 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.umb-grid a.inlineCallToAction:before, .umb-grid .image .ageRestriction button.inlineCallToAction:before, .image .ageRestriction .umb-grid button.inlineCallToAction:before {
  background: url("/img/ctaarrow_orange.svg") no-repeat center;
  opacity: 0;
}
.umb-grid a.inlineCallToAction:after, .umb-grid .image .ageRestriction button.inlineCallToAction:after, .image .ageRestriction .umb-grid button.inlineCallToAction:after {
  background: url("/img/ctaarrow_purple.svg") no-repeat center;
  opacity: 1;
}
.umb-grid a.inlineCallToAction:hover, .umb-grid .image .ageRestriction button.inlineCallToAction:hover, .image .ageRestriction .umb-grid button.inlineCallToAction:hover, .umb-grid a.inlineCallToAction:focus, .umb-grid .image .ageRestriction button.inlineCallToAction:focus, .image .ageRestriction .umb-grid button.inlineCallToAction:focus {
  color: #A0590D;
  color: var(--colorOrange);
}
.umb-grid a.inlineCallToAction:hover:before, .umb-grid .image .ageRestriction button.inlineCallToAction:hover:before, .image .ageRestriction .umb-grid button.inlineCallToAction:hover:before, .umb-grid a.inlineCallToAction:focus:before, .umb-grid .image .ageRestriction button.inlineCallToAction:focus:before, .image .ageRestriction .umb-grid button.inlineCallToAction:focus:before {
  opacity: 1;
}
.umb-grid a.inlineCallToAction:hover:after, .umb-grid .image .ageRestriction button.inlineCallToAction:hover:after, .image .ageRestriction .umb-grid button.inlineCallToAction:hover:after, .umb-grid a.inlineCallToAction:focus:after, .umb-grid .image .ageRestriction button.inlineCallToAction:focus:after, .image .ageRestriction .umb-grid button.inlineCallToAction:focus:after {
  opacity: 0;
}

.specialistdetailpage .umb-grid .grid-section > .row:last-child {
  margin-bottom: 60px;
}

.intro {
  font-size: 22px;
  font-weight: 500;
  line-height: 36px;
}

address {
  font-weight: bold;
}

.image {
  position: relative;
}
.image .ageRestriction {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #D8F3FA;
  color: #1D2E1F !important;
  padding: 20px;
  text-align: center;
}
.image .ageRestriction button {
  border: none;
  background: #FFFFFF;
  font-family: "SofiaPro", sans-serif;
  color: #FFFFFF !important;
}

a, .image .ageRestriction button {
  color: #1D7C2B;
  color: var(--colorGreen);
  text-decoration: none;
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
a:hover, .image .ageRestriction button:hover, a:focus, .image .ageRestriction button:focus {
  color: #A0590D;
  color: var(--colorOrange);
}

.anchored {
  position: relative;
}
.anchored > a[id]:not([href]):empty, .image .ageRestriction .anchored > button[id]:not([href]):empty {
  position: absolute;
  top: -60px;
}
@media (min-width: 801px) {
  .anchored > a[id]:not([href]):empty, .image .ageRestriction .anchored > button[id]:not([href]):empty {
    top: -90px;
  }
}

blockquote {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
  justify-content: center;
}
@media (min-width: 490px) {
  blockquote {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media (min-width: 801px) {
  blockquote {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1024px) {
  blockquote {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1440px) {
  blockquote {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}
blockquote div {
  position: relative;
  padding-left: 30px;
}
blockquote svg.sprite {
  display: inline;
}
blockquote svg.sprite.icon_quote_start {
  position: absolute;
  left: 0;
}
blockquote svg.sprite.icon_quote_start use {
  fill: #1D7C2B;
  fill: var(--colorGreen);
}
blockquote svg.sprite.icon_quote_end {
  margin-left: 5px;
}
blockquote svg.sprite.icon_quote_end use {
  fill: #1D7C2B;
  fill: var(--colorGreen);
}
blockquote p {
  display: inline;
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  font-style: italic;
  color: #1D7C2B;
  color: var(--colorGreen);
}
blockquote footer {
  width: 100%;
  margin-top: 10px;
  padding-left: 30px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #B7B7B7;
  color: var(--colorGrey);
}
@media (min-width: 801px) {
  .col-md-8 blockquote div,
  .col-md-8 blockquote footer {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (min-width: 801px) {
  .col-md-7 blockquote div,
  .col-md-7 blockquote footer {
    flex: 0 0 71.42857143%;
    max-width: 71.42857143%;
  }
}

div.videoContainer {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
  border-radius: 10px;
}
div.videoContainer div.video {
  position: absolute;
  width: 100%;
  height: 100%;
}
div.videoContainer div.video div.videoPoster {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}
div.videoContainer div.video div.videoPoster img {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 10px;
}
div.videoContainer div.video div.videoPoster a, div.videoContainer div.video div.videoPoster .image .ageRestriction button, .image .ageRestriction div.videoContainer div.video div.videoPoster button {
  position: absolute;
  width: 78px;
  height: 78px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  border-bottom: none;
  box-shadow: 0 0 10px rgba(29, 46, 31, 0.5);
  transition: background 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
div.videoContainer div.video div.videoPoster a svg, div.videoContainer div.video div.videoPoster .image .ageRestriction button svg, .image .ageRestriction div.videoContainer div.video div.videoPoster button svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 4px;
  margin: auto;
  width: 32px;
  max-height: 32px;
}
div.videoContainer div.video div.videoPoster a svg.sprite.icon_play use, div.videoContainer div.video div.videoPoster .image .ageRestriction button svg.sprite.icon_play use, .image .ageRestriction div.videoContainer div.video div.videoPoster button svg.sprite.icon_play use {
  fill: #1D7C2B;
  fill: var(--colorGreen);
  transition: fill 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
div.videoContainer div.video div.videoPoster a:hover svg.sprite.icon_play use, div.videoContainer div.video div.videoPoster .image .ageRestriction button:hover svg.sprite.icon_play use, .image .ageRestriction div.videoContainer div.video div.videoPoster button:hover svg.sprite.icon_play use, div.videoContainer div.video div.videoPoster a:focus svg.sprite.icon_play use, div.videoContainer div.video div.videoPoster .image .ageRestriction button:focus svg.sprite.icon_play use, .image .ageRestriction div.videoContainer div.video div.videoPoster button:focus svg.sprite.icon_play use {
  fill: #A0590D;
  fill: var(--colorOrange);
}
div.videoContainer div.video iframe {
  border-radius: 32px;
}
div.videoContainer.notAccepted {
  border: 1px solid #e0e0e0;
  background: #e0e0e0;
}
div.videoContainer.notAccepted .content {
  border-radius: 4px;
  text-align: center;
  padding: 20px;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: auto;
}
div.videoContainer.notAccepted .content .title {
  font-weight: 300;
  margin-top: 0;
  font-size: 1.2em;
  color: #006F85;
}
@media (min-width: 801px) {
  div.videoContainer.notAccepted .content .title {
    font-size: 2em;
  }
}

ul.socialMedia {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: -5px;
}
ul.socialMedia li {
  margin: 5px;
}
ul.socialMedia a, ul.socialMedia .image .ageRestriction button, .image .ageRestriction ul.socialMedia button {
  display: inline-flex;
  height: 50px;
  width: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #1D7C2B;
  background: var(--colorGreen);
  color: #1D7C2B;
  color: var(--colorGreen);
}
ul.socialMedia a svg.sprite use, ul.socialMedia .image .ageRestriction button svg.sprite use, .image .ageRestriction ul.socialMedia button svg.sprite use {
  fill: #FFFFFF;
}
ul.socialMedia a:hover, ul.socialMedia .image .ageRestriction button:hover, .image .ageRestriction ul.socialMedia button:hover, ul.socialMedia a:focus, ul.socialMedia .image .ageRestriction button:focus, .image .ageRestriction ul.socialMedia button:focus {
  margin: -2px;
  height: 54px;
  width: 54px;
}

.GHZJobsContainer {
  display: inline-block;
}
.GHZJobsContainer a, .GHZJobsContainer .image .ageRestriction button, .image .ageRestriction .GHZJobsContainer button {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: 400;
}
.GHZJobsContainer .primaryText,
.GHZJobsContainer .secondaryText {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.GHZJobsContainer .primaryText span,
.GHZJobsContainer .secondaryText span {
  white-space: nowrap;
}
@media (max-width: 330px) {
  .GHZJobsContainer .primaryText,
  .GHZJobsContainer .secondaryText {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.GHZJobsContainer .primaryText {
  font-size: 18px;
  line-height: 30px;
}
.GHZJobsContainer .primaryText > span:last-child {
  margin-left: 8px;
}
.GHZJobsContainer .secondaryText {
  font-size: 14px;
  line-height: 19px;
  justify-content: flex-end;
  margin-top: -8px;
}
.GHZJobsContainer .counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  height: 44px;
  width: 44px;
  border-radius: 50%;
  font-weight: 600;
  font-size: 20px;
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  color: #A0590D;
  color: var(--colorOrange);
  border-color: #1D7C2B;
  border-color: var(--colorGreen);
}
.GHZJobsContainer svg.sprite {
  width: 12px;
  max-height: 15px;
  margin-left: 5px;
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.GHZJobsContainer svg.sprite use {
  fill: #FFFFFF;
}
.GHZJobsContainer a:hover .counter, .GHZJobsContainer .image .ageRestriction button:hover .counter, .image .ageRestriction .GHZJobsContainer button:hover .counter, .GHZJobsContainer a:focus .counter, .GHZJobsContainer .image .ageRestriction button:focus .counter, .image .ageRestriction .GHZJobsContainer button:focus .counter {
  border-color: #FFFFFF;
}
.GHZJobsContainer a:hover svg.sprite, .GHZJobsContainer .image .ageRestriction button:hover svg.sprite, .image .ageRestriction .GHZJobsContainer button:hover svg.sprite, .GHZJobsContainer a:focus svg.sprite, .GHZJobsContainer .image .ageRestriction button:focus svg.sprite, .image .ageRestriction .GHZJobsContainer button:focus svg.sprite {
  transform: translateX(2.5px);
}

.zorgkaartScoreContainer {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  background: #FFFFFF;
  position: relative;
  z-index: 1;
  border-bottom-right-radius: 60px;
}
.zorgkaartScoreContainer .score {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background: #A0590D;
  background: var(--colorOrange);
  border-radius: 50%;
}
.zorgkaartScoreContainer .score span {
  font-size: 22px;
  font-weight: 600;
  color: #FFFFFF;
}
.zorgkaartScoreContainer .content {
  flex: 1 1 auto;
  padding-left: 10px;
  font-size: 16px;
  line-height: 20px;
}
.zorgkaartScoreContainer p {
  margin-top: 0;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 22px;
}
.zorgkaartScoreContainer a, .zorgkaartScoreContainer .image .ageRestriction button, .image .ageRestriction .zorgkaartScoreContainer button {
  text-decoration: none;
  color: #1D7C2B;
  color: var(--colorGreen);
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.zorgkaartScoreContainer a:hover, .zorgkaartScoreContainer .image .ageRestriction button:hover, .image .ageRestriction .zorgkaartScoreContainer button:hover, .zorgkaartScoreContainer a:focus, .zorgkaartScoreContainer .image .ageRestriction button:focus, .image .ageRestriction .zorgkaartScoreContainer button:focus {
  color: #A0590D;
  color: var(--colorOrange);
}

.scrollToTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 110;
  transform: translateY(100%) translateY(20px);
  transition: transform 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.scrollToTop.active {
  transform: none;
}
.scrollToTop.moving {
  transform: translateY(100%) translateY(20px);
}
.scrollToTop svg.sprite {
  width: 18px;
  max-height: 14px;
  transform: rotate(-90deg);
}
.scrollToTop svg.sprite use {
  fill: #FFFFFF;
}
.scrollToTop button {
  height: 50px;
  width: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  border: none;
  background: #1D7C2B;
  transition: background 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.scrollToTop button:hover, .scrollToTop button:focus {
  background: #196825;
}
.iphone .scrollToTop {
  bottom: 60px;
  transform: translateY(100%) translateY(60px);
}
.iphone .scrollToTop.moving {
  transform: translateY(100%) translateY(60px);
}
.iphone .scrollToTop.active {
  transform: none;
}

.blockWrapper {
  position: relative;
  z-index: 1;
  padding-top: 10px;
  padding-bottom: 10px;
}
.blockWrapper .block {
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.blockWrapper.accentTL .block {
  border-top-left-radius: 40px;
}
.blockWrapper.accentBR .block {
  border-bottom-right-radius: 40px;
}
.blockWrapper .accentTL,
.blockWrapper .accentBR {
  position: absolute;
  height: 120px;
  width: 120px;
  background: #1D7C2B;
  background: var(--colorGreen);
  z-index: -1;
  pointer-events: none;
}
.blockWrapper .accentTL {
  top: 0;
  left: -10px;
  border-top-left-radius: 50px;
}
.blockWrapper .accentBR {
  bottom: 0;
  right: -10px;
  border-bottom-right-radius: 50px;
}

label[for] {
  cursor: pointer;
}

.lity {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(7px);
}

.print {
  display: none;
}

span.tooltip {
  display: inline-flex;
  align-items: center;
  cursor: help;
  color: #1D7C2B;
  color: var(--colorGreen);
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  font-size: 16px;
  line-height: 20px;
  margin-top: 15px;
}
span.tooltip svg.sprite {
  margin-left: 8px;
  width: 19px;
  max-height: 19px;
  height: 19px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1D7C2B;
  background: var(--colorGreen);
  transition: background 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  padding: 5px;
}
span.tooltip svg.sprite use {
  fill: #FFFFFF;
}
span.tooltip:hover, span.tooltip:focus {
  color: #A0590D;
  color: var(--colorOrange);
}
span.tooltip:hover svg.sprite, span.tooltip:focus svg.sprite {
  background: #A0590D;
  background: var(--colorOrange);
}

[data-tippy-root] {
  filter: url(../../Styles/#dropShadow);
}

[data-tippy-content] {
  cursor: help;
}

.tippy-box {
  background: #EBF9FC;
  color: #1D2E1F;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  font-family: "SofiaPro", sans-serif;
  border-radius: 10px;
  overflow: hidden;
}
.tippy-box svg.sprite {
  margin-bottom: 10px;
}
.tippy-box p {
  margin-top: 0;
  font-size: 16px;
  line-height: 20px;
}
.tippy-box a, .tippy-box .image .ageRestriction button, .image .ageRestriction .tippy-box button {
  text-decoration: none;
  color: #1D7C2B;
  color: var(--colorGreen);
  display: inline-block;
  margin-top: 10px;
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.tippy-box a:hover, .tippy-box .image .ageRestriction button:hover, .image .ageRestriction .tippy-box button:hover, .tippy-box a:focus, .tippy-box .image .ageRestriction button:focus, .image .ageRestriction .tippy-box button:focus {
  color: #A0590D;
  color: var(--colorOrange);
}
.tippy-box table tr td {
  padding: 8px 5px;
}
.tippy-box table tr td:first-child {
  font-weight: 700;
  padding-right: 10px;
}

.tippy-content {
  padding: 18px 20px;
}

.tippy-arrow {
  color: #EBF9FC;
}

.pager {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "SofiaPro", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #606060;
}
.pager > a.next, .image .ageRestriction .pager > button.next {
  display: none;
  color: #9B9B9B;
  color: var(--colorGreyDarken);
  background: #FFFFFF;
  border: 1px solid #9B9B9B;
  border-color: #9B9B9B;
  border-color: var(--colorGreyDarken);
  padding: 20px 60px;
  font-weight: 500;
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  user-select: none;
}
.pager > a.next:before, .image .ageRestriction .pager > button.next:before {
  display: none;
}
.pager > a.next:hover, .image .ageRestriction .pager > button.next:hover, .pager > a.next:focus, .image .ageRestriction .pager > button.next:focus {
  color: #606060;
}
@media (min-width: 801px) {
  .pager > a.next, .image .ageRestriction .pager > button.next {
    display: inline-block;
    margin-right: auto;
  }
}
.pager .controlBlock {
  display: flex;
  align-items: center;
}
@media (min-width: 801px) {
  .pager .controlBlock {
    position: absolute;
    right: 0;
  }
}
.pager .controls {
  display: inline-flex;
  align-items: center;
}
.pager .controls .previous,
.pager .controls .next,
.pager .controls .current {
  height: 60px;
  min-width: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.pager .controls .previous svg.sprite use,
.pager .controls .next svg.sprite use,
.pager .controls .current svg.sprite use {
  transition: stroke 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.pager .controls .previous,
.pager .controls .next {
  background: #FFFFFF;
  border: 1px solid #9B9B9B;
  border-color: #9B9B9B;
  border-color: var(--colorGreyDarken);
  border-radius: 30px;
  transition: opacity 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.pager .controls .previous svg.sprite use,
.pager .controls .next svg.sprite use {
  stroke: #9B9B9B;
  stroke: var(--colorGreyDarken);
  transition: stroke 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
}
.pager .controls .previous:hover svg.sprite use, .pager .controls .previous:focus svg.sprite use,
.pager .controls .next:hover svg.sprite use,
.pager .controls .next:focus svg.sprite use {
  stroke: #606060;
}
.pager .controls .previous svg.sprite {
  transform: rotate(180deg);
}
.pager .controls .current {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  color: #9B9B9B;
  color: var(--colorGreyDarken);
  user-select: none;
  border: 1px solid #9B9B9B;
  border-color: #9B9B9B;
  border-color: var(--colorGreyDarken);
  border-radius: 30px;
  padding: 20px;
  min-width: 160px;
  margin-left: 20px;
  margin-right: 20px;
}
.pager .controls ul.pages {
  display: inline-flex;
  align-items: center;
}
.pager .controls ul.pages li {
  padding: 0 8px;
}
.pager .controls ul.pages li .page {
  height: 48px;
  width: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #EBF9FC;
  border-radius: 50%;
  cursor: pointer;
}
.pager [disabled] {
  opacity: 0.4;
  pointer-events: none;
  user-select: none;
}

.generalContactInfo > .row > *:first-child:not(:last-child) {
  margin-bottom: 60px;
}
@media (min-width: 801px) {
  .generalContactInfo > .row > *:first-child:not(:last-child) {
    margin-bottom: 0;
  }
}

.contactOptions {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.ie .contactOptions {
  align-items: flex-start;
}
.contactOptions li {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}
.contactOptions li:before {
  display: none !important;
}
.contactOptions a, .contactOptions .image .ageRestriction button, .image .ageRestriction .contactOptions button {
  display: inline-flex;
  align-items: flex-start;
  color: #1D7C2B;
  color: var(--colorGreen);
  transition: color 400ms cubic-bezier(0.385, 0.075, 0.2, 0.95);
  text-decoration: none;
  min-height: 28px;
  line-height: 30px;
}
.contactOptions a:not(:last-child), .contactOptions .image .ageRestriction button:not(:last-child), .image .ageRestriction .contactOptions button:not(:last-child) {
  margin-bottom: 3px;
}
.contactOptions a:hover, .contactOptions .image .ageRestriction button:hover, .image .ageRestriction .contactOptions button:hover, .contactOptions a:focus, .contactOptions .image .ageRestriction button:focus, .image .ageRestriction .contactOptions button:focus {
  color: #A0590D;
  color: var(--colorOrange);
}
.contactOptions a svg.sprite, .contactOptions .image .ageRestriction button svg.sprite, .image .ageRestriction .contactOptions button svg.sprite {
  width: 24px;
  transform: translateY(5px);
  flex: 0 0 auto;
}
.contactOptions a svg.sprite + span, .contactOptions .image .ageRestriction button svg.sprite + span, .image .ageRestriction .contactOptions button svg.sprite + span {
  padding-left: 15px;
}
.contactOptions a svg.sprite.icon_email, .contactOptions .image .ageRestriction button svg.sprite.icon_email, .image .ageRestriction .contactOptions button svg.sprite.icon_email {
  transform: translateY(8px);
}
.contactOptions a svg.sprite.icon_bank, .contactOptions .image .ageRestriction button svg.sprite.icon_bank, .image .ageRestriction .contactOptions button svg.sprite.icon_bank {
  transform: translateY(7px);
}
.contactOptions a .extra, .contactOptions .image .ageRestriction button .extra, .image .ageRestriction .contactOptions button .extra {
  padding-left: 5px;
  font-size: 16px;
  line-height: 30px;
}
.contactOptions a[href*="whatsapp:"], .contactOptions .image .ageRestriction button[href*="whatsapp:"], .image .ageRestriction .contactOptions button[href*="whatsapp:"], .contactOptions a[href*="tel:"], .contactOptions .image .ageRestriction button[href*="tel:"], .image .ageRestriction .contactOptions button[href*="tel:"] {
  color: #1D2E1F;
}
.contactOptions a[href*="whatsapp:"]:hover, .contactOptions .image .ageRestriction button[href*="whatsapp:"]:hover, .image .ageRestriction .contactOptions button[href*="whatsapp:"]:hover, .contactOptions a[href*="whatsapp:"]:focus, .contactOptions .image .ageRestriction button[href*="whatsapp:"]:focus, .image .ageRestriction .contactOptions button[href*="whatsapp:"]:focus, .contactOptions a[href*="tel:"]:hover, .contactOptions .image .ageRestriction button[href*="tel:"]:hover, .image .ageRestriction .contactOptions button[href*="tel:"]:hover, .contactOptions a[href*="tel:"]:focus, .contactOptions .image .ageRestriction button[href*="tel:"]:focus, .image .ageRestriction .contactOptions button[href*="tel:"]:focus {
  color: #A0590D;
  color: var(--colorOrange);
}

.breakpointIndicator {
  position: fixed;
  top: 50px;
  left: 20px;
  z-index: 200;
  background: #006F85;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 20px;
  text-align: center;
  opacity: 0.2;
}
.breakpointIndicator:hover, .breakpointIndicator:focus {
  opacity: 1;
}

.columnTester {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  height: var(--fullHeight);
  width: 100%;
  pointer-events: none;
  z-index: 10000;
  opacity: 0.05;
}
.columnTester div {
  height: 100%;
}
.columnTester .row > div > div {
  background: red;
}

.rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text::after, .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text::after {
  content: "" !important;
  color: #f67c4d;
}

.cf-turnstile {
  margin-top: 30px;
}