@charset "UTF-8";
/*!

	NOTES:
	This stylesheet is compiled from SCSS source files.
	Do not edit styles.css directly, as changes are likely to be overwritten.

*/
html,
body {
  vertical-align: baseline;
  height: 100%;
  background: transparent;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

html {
  background: #f9f9f9;
}
html.html--bg-transition {
  transition: background-color 800ms ease-in-out;
}

.js-rtl {
  direction: rtl;
}

* {
  box-sizing: border-box;
  vertical-align: inherit;
  padding: 0;
  margin: 0;
  border: 0;
  font: inherit;
}

article,
blockquote,
div,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
  position: relative;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

img,
video {
  width: 100%;
  height: auto;
}

a img {
  border: none;
  outline: none;
}

input,
button,
textarea,
select {
  font: inherit;
}

*::-moz-focus-inner {
  padding: 0;
  border: none;
}

a,
button,
input[type=button],
input[type=select] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

hr {
  border-bottom: 1px solid #ddd;
}

.wrapper {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.main {
  z-index: 2;
}

/**
 * @license
 * MyFonts Webfont Build ID 5040903, 2022-06-06T11:49:52-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Mont-ExtraLight by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/extra-light/
 *
 * Webfont: Mont-ExtraLightItalic by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/extra-light-italic/
 *
 * Webfont: Mont-Regular by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/regular/
 *
 * Webfont: Mont-ThinItalic by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/thin-italic/
 *
 * Webfont: Mont-SemiBold by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/semi-bold/
 *
 * Webfont: Mont-BoldItalic by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/bold-italic/
 *
 * Webfont: Mont-Hairline by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/hairline/
 *
 * Webfont: Mont-SemiBoldItalic by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/semi-bold-italic/
 *
 * Webfont: Mont-ExtraLightDEMO by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/extra-light-demo/
 *
 * Webfont: Mont-Light by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/light/
 *
 * Webfont: Mont-LightItalic by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/light-italic/
 *
 * Webfont: Mont-HeavyItalic by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/heavy-italic/
 *
 * Webfont: Mont-Thin by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/thin/
 *
 * Webfont: Mont-Heavy by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/heavy/
 *
 * Webfont: Mont-BlackItalic by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/black-italic/
 *
 * Webfont: Mont-HairlineItalic by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/hairline-italic/
 *
 * Webfont: Mont-BookItalic by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/book-italic/
 *
 * Webfont: Mont-Book by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/book/
 *
 * Webfont: Mont-RegularItalic by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/regular-italic/
 *
 * Webfont: Mont-Bold by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/bold/
 *
 * Webfont: Mont-Black by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/black/
 *
 * Webfont: Mont-HeavyDEMO by Fontfabric
 * URL: https://www.myfonts.com/fonts/font-fabric/mont/heavy-demo/
 *
 *
 * Webfonts copyright: Modern and elegant sans serif font family.
 *
 * © 2022 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: "Mont Web";
  src: url("../woff2/font.woff2") format("woff2"), url("../woff/font.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "Mont Web";
  src: url("../woff2/font-2.woff2") format("woff2"), url("../woff/font-2.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Mont Web";
  src: url("../woff2/font-3.woff2") format("woff2"), url("../woff/font-3.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Mont Web";
  src: url("../woff2/font-4.woff2") format("woff2"), url("../woff/font-4.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Mont Web";
  src: url("../woff2/font-5.woff2") format("woff2"), url("../woff/font-5.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "Mont Web";
  src: url("../woff2/font-6.woff2") format("woff2"), url("../woff/font-6.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Mont Web";
  src: url("../woff2/font-7.woff2") format("woff2"), url("../woff/font-7.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "Mont Web";
  src: url("../woff2/font-8.woff2") format("woff2"), url("../woff/font-8.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Mont Web";
  src: url("../woff2/font-9.woff2") format("woff2"), url("../woff/font-9.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "Mont Web";
  src: url("../woff2/font-10.woff2") format("woff2"), url("../woff/font-10.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Open Dyslexic";
  src: url("../otf/opendyslexic-regular.otf") format("opentype");
  font-weight: 400;
}
@font-face {
  font-family: "Open Dyslexic";
  src: url("../otf/opendyslexic-italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Open Dyslexic";
  src: url("../otf/opendyslexic-bold.otf") format("opentype");
  font-weight: 700;
}
@font-face {
  font-family: "Open Dyslexic";
  src: url("../otf/opendyslexic-bolditalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}
html,
body {
  font-family: "Mont Web", Helvetica, Arial, sans-serif;
  line-height: 1.625;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #333;
  -webkit-font-smoothing: antialiased !important;
  font-size: 1.6rem;
}
html .block__panel--purple,
html .popup__fg--purple,
body .block__panel--purple,
body .popup__fg--purple {
  color: #fff;
}

html {
  font-size: 1rem;
  font-size: 62.5%;
}

html.html--dyslexic,
html.html--dyslexic body {
  font-family: "Open Dyslexic", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
}

@media only screen and (max-device-width: 480px) {
  html,
body {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
     -ms-text-size-adjust: none;
         text-size-adjust: none;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
  margin: 1em 0;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child,
ul:first-child,
ol:first-child {
  margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child {
  margin-bottom: 0;
}

ul,
ol {
  margin-left: 30px;
}

a,
button {
  transition: opacity 150ms ease-in-out, color 150ms ease-in-out;
  color: inherit;
  cursor: pointer;
}

a {
  word-break: break-word;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

.font-color-blue {
  color: #68ced8;
}
.html--high-contrast .font-color-blue {
  color: #6e60a5;
}
.block__panel--orange .font-color-blue {
  color: #fff;
}

.font-color-orange {
  color: #fa7577;
}
.html--high-contrast .font-color-orange {
  color: #6e60a5;
}
.block__panel--orange .font-color-orange {
  color: #fff;
}

.font-color-pink {
  color: #e47ed8;
}
.html--high-contrast .font-color-pink {
  color: #6e60a5;
}
.block__panel--orange .font-color-pink {
  color: #fff;
}

.font-color-pink-light {
  color: #ffb3f5;
}
.html--high-contrast .font-color-pink-light {
  color: #6e60a5;
}
.block__panel--orange .font-color-pink-light {
  color: #fff;
}

.font-color-purple {
  color: #8876d4;
}
.html--high-contrast .font-color-purple {
  color: #6e60a5;
}
.block__panel--orange .font-color-purple {
  color: #fff;
}

.font-color-yellow {
  color: #ffce5d;
}
.html--high-contrast .font-color-yellow {
  color: #6e60a5;
}
.block__panel--orange .font-color-yellow {
  color: #fff;
}

.font-highlight-solid,
.font-highlight-gradient {
  padding: 0.1em 0;
  margin: -0.1em 0;
  color: #7a6fd2;
}
.html--high-contrast .font-highlight-solid,
.html--high-contrast .font-highlight-gradient {
  color: #6e60a5 !important;
}
.block__panel--orange .font-highlight-solid, .html--high-contrast .block__panel--purple .font-highlight-solid,
.block__panel--orange .font-highlight-gradient,
.html--high-contrast .block__panel--purple .font-highlight-gradient {
  color: #fff !important;
}

.font-highlight-blue .font-body a:not(.btn), .font-highlight-blue.font-body a:not(.btn),
.font-highlight-blue .font-highlight-solid {
  color: #68ced8;
}
.font-highlight-blue .font-highlight-gradient {
  background: linear-gradient(90deg, #68ced8 0%, #68ced8 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: #68ced8;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.html--high-contrast .font-highlight-blue .font-body a:not(.btn), .html--high-contrast .font-highlight-blue.font-body a:not(.btn),
.html--high-contrast .font-highlight-blue .font-highlight-solid {
  color: #6e60a5 !important;
}
.html--high-contrast .font-highlight-blue .font-highlight-gradient {
  background: transparent;
  background-clip: initial;
  color: #6e60a5 !important;
  -webkit-text-fill-color: initial;
}
.block__panel--orange .font-highlight-blue .font-body a:not(.btn), .block__panel--orange .font-highlight-blue.font-body a:not(.btn),
.block__panel--orange .font-highlight-blue .font-highlight-solid, .html--high-contrast .block__panel--purple .font-highlight-blue .font-body a:not(.btn), .html--high-contrast .block__panel--purple .font-highlight-blue.font-body a:not(.btn),
.html--high-contrast .block__panel--purple .font-highlight-blue .font-highlight-solid {
  color: #fff !important;
}
.block__panel--orange .font-highlight-blue .font-highlight-gradient, .html--high-contrast .block__panel--purple .font-highlight-blue .font-highlight-gradient {
  background: transparent;
  background-clip: initial;
  color: #fff !important;
  -webkit-text-fill-color: initial;
}

.font-highlight-orange .font-body a:not(.btn), .font-highlight-orange.font-body a:not(.btn),
.font-highlight-orange .font-highlight-solid {
  color: #fa7577;
}
.font-highlight-orange .font-highlight-gradient {
  background: linear-gradient(90deg, #fa7577 0%, #fa876f 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: #fa7577;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.html--high-contrast .font-highlight-orange .font-body a:not(.btn), .html--high-contrast .font-highlight-orange.font-body a:not(.btn),
.html--high-contrast .font-highlight-orange .font-highlight-solid {
  color: #6e60a5 !important;
}
.html--high-contrast .font-highlight-orange .font-highlight-gradient {
  background: transparent;
  background-clip: initial;
  color: #6e60a5 !important;
  -webkit-text-fill-color: initial;
}
.block__panel--orange .font-highlight-orange .font-body a:not(.btn), .block__panel--orange .font-highlight-orange.font-body a:not(.btn),
.block__panel--orange .font-highlight-orange .font-highlight-solid, .html--high-contrast .block__panel--purple .font-highlight-orange .font-body a:not(.btn), .html--high-contrast .block__panel--purple .font-highlight-orange.font-body a:not(.btn),
.html--high-contrast .block__panel--purple .font-highlight-orange .font-highlight-solid {
  color: #fff !important;
}
.block__panel--orange .font-highlight-orange .font-highlight-gradient, .html--high-contrast .block__panel--purple .font-highlight-orange .font-highlight-gradient {
  background: transparent;
  background-clip: initial;
  color: #fff !important;
  -webkit-text-fill-color: initial;
}

.font-highlight-pink .font-body a:not(.btn), .font-highlight-pink.font-body a:not(.btn),
.font-highlight-pink .font-highlight-solid {
  color: #e47ed8;
}
.font-highlight-pink .font-highlight-gradient {
  background: linear-gradient(90deg, #e47ed8 0%, #f897c9 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: #e47ed8;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.html--high-contrast .font-highlight-pink .font-body a:not(.btn), .html--high-contrast .font-highlight-pink.font-body a:not(.btn),
.html--high-contrast .font-highlight-pink .font-highlight-solid {
  color: #6e60a5 !important;
}
.html--high-contrast .font-highlight-pink .font-highlight-gradient {
  background: transparent;
  background-clip: initial;
  color: #6e60a5 !important;
  -webkit-text-fill-color: initial;
}
.block__panel--orange .font-highlight-pink .font-body a:not(.btn), .block__panel--orange .font-highlight-pink.font-body a:not(.btn),
.block__panel--orange .font-highlight-pink .font-highlight-solid, .html--high-contrast .block__panel--purple .font-highlight-pink .font-body a:not(.btn), .html--high-contrast .block__panel--purple .font-highlight-pink.font-body a:not(.btn),
.html--high-contrast .block__panel--purple .font-highlight-pink .font-highlight-solid {
  color: #fff !important;
}
.block__panel--orange .font-highlight-pink .font-highlight-gradient, .html--high-contrast .block__panel--purple .font-highlight-pink .font-highlight-gradient {
  background: transparent;
  background-clip: initial;
  color: #fff !important;
  -webkit-text-fill-color: initial;
}

.font-highlight-pink-light .font-body a:not(.btn), .font-highlight-pink-light.font-body a:not(.btn),
.font-highlight-pink-light .font-highlight-solid {
  color: #ffb3f5;
}
.font-highlight-pink-light .font-highlight-gradient {
  background: linear-gradient(90deg, #ffb3f5 0%, #ffc6d5 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: #ffb3f5;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.html--high-contrast .font-highlight-pink-light .font-body a:not(.btn), .html--high-contrast .font-highlight-pink-light.font-body a:not(.btn),
.html--high-contrast .font-highlight-pink-light .font-highlight-solid {
  color: #6e60a5 !important;
}
.html--high-contrast .font-highlight-pink-light .font-highlight-gradient {
  background: transparent;
  background-clip: initial;
  color: #6e60a5 !important;
  -webkit-text-fill-color: initial;
}
.block__panel--orange .font-highlight-pink-light .font-body a:not(.btn), .block__panel--orange .font-highlight-pink-light.font-body a:not(.btn),
.block__panel--orange .font-highlight-pink-light .font-highlight-solid, .html--high-contrast .block__panel--purple .font-highlight-pink-light .font-body a:not(.btn), .html--high-contrast .block__panel--purple .font-highlight-pink-light.font-body a:not(.btn),
.html--high-contrast .block__panel--purple .font-highlight-pink-light .font-highlight-solid {
  color: #fff !important;
}
.block__panel--orange .font-highlight-pink-light .font-highlight-gradient, .html--high-contrast .block__panel--purple .font-highlight-pink-light .font-highlight-gradient {
  background: transparent;
  background-clip: initial;
  color: #fff !important;
  -webkit-text-fill-color: initial;
}

.font-highlight-purple .font-body a:not(.btn), .font-highlight-purple.font-body a:not(.btn),
.font-highlight-purple .font-highlight-solid {
  color: #8876d4;
}
.font-highlight-purple .font-highlight-gradient {
  background: linear-gradient(90deg, #8876d4 0%, #ac8dec 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: #8876d4;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.html--high-contrast .font-highlight-purple .font-body a:not(.btn), .html--high-contrast .font-highlight-purple.font-body a:not(.btn),
.html--high-contrast .font-highlight-purple .font-highlight-solid {
  color: #6e60a5 !important;
}
.html--high-contrast .font-highlight-purple .font-highlight-gradient {
  background: transparent;
  background-clip: initial;
  color: #6e60a5 !important;
  -webkit-text-fill-color: initial;
}
.block__panel--orange .font-highlight-purple .font-body a:not(.btn), .block__panel--orange .font-highlight-purple.font-body a:not(.btn),
.block__panel--orange .font-highlight-purple .font-highlight-solid, .html--high-contrast .block__panel--purple .font-highlight-purple .font-body a:not(.btn), .html--high-contrast .block__panel--purple .font-highlight-purple.font-body a:not(.btn),
.html--high-contrast .block__panel--purple .font-highlight-purple .font-highlight-solid {
  color: #fff !important;
}
.block__panel--orange .font-highlight-purple .font-highlight-gradient, .html--high-contrast .block__panel--purple .font-highlight-purple .font-highlight-gradient {
  background: transparent;
  background-clip: initial;
  color: #fff !important;
  -webkit-text-fill-color: initial;
}

.font-highlight-yellow .font-body a:not(.btn), .font-highlight-yellow.font-body a:not(.btn),
.font-highlight-yellow .font-highlight-solid {
  color: #ffce5d;
}
.font-highlight-yellow .font-highlight-gradient {
  background: linear-gradient(90deg, #ffce5d 0%, #fcd270 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: #ffce5d;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.html--high-contrast .font-highlight-yellow .font-body a:not(.btn), .html--high-contrast .font-highlight-yellow.font-body a:not(.btn),
.html--high-contrast .font-highlight-yellow .font-highlight-solid {
  color: #6e60a5 !important;
}
.html--high-contrast .font-highlight-yellow .font-highlight-gradient {
  background: transparent;
  background-clip: initial;
  color: #6e60a5 !important;
  -webkit-text-fill-color: initial;
}
.block__panel--orange .font-highlight-yellow .font-body a:not(.btn), .block__panel--orange .font-highlight-yellow.font-body a:not(.btn),
.block__panel--orange .font-highlight-yellow .font-highlight-solid, .html--high-contrast .block__panel--purple .font-highlight-yellow .font-body a:not(.btn), .html--high-contrast .block__panel--purple .font-highlight-yellow.font-body a:not(.btn),
.html--high-contrast .block__panel--purple .font-highlight-yellow .font-highlight-solid {
  color: #fff !important;
}
.block__panel--orange .font-highlight-yellow .font-highlight-gradient, .html--high-contrast .block__panel--purple .font-highlight-yellow .font-highlight-gradient {
  background: transparent;
  background-clip: initial;
  color: #fff !important;
  -webkit-text-fill-color: initial;
}

.block__panel--purple .font-highlight-pink .font-body a:not(.btn), .block__panel--purple .font-highlight-pink.font-body a:not(.btn),
.block__panel--purple .font-highlight-pink .font-highlight-solid {
  color: #ffb3f5;
}
.block__panel--purple .font-highlight-pink .font-highlight-gradient {
  background: linear-gradient(90deg, #ffb3f5 0%, #ffc6d5 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: #ffb3f5;
}

.font-title {
  padding: 0.2em 0;
  margin: -0.2em 0;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .font-title br {
    content: " ";
  }
  .font-title br:after {
    content: " ";
  }
}
.font-title--mob1 {
  font-size: 5.2rem;
  font-size: clamp(4.4rem, 13.8666666667vw, 5.8rem);
}
.font-title--mob2 {
  font-size: 4rem;
  font-size: clamp(3.4rem, 10.6666666667vw, 4.6rem);
}
.font-title--mob3 {
  font-size: 3.6rem;
  font-size: clamp(3.1rem, 9.6vw, 4rem);
}
.font-title--mob4 {
  font-size: 3rem;
  font-size: clamp(2.6rem, 8vw, 3.6rem);
}
.font-title--mob5 {
  font-size: 2.6rem;
  font-size: clamp(2.2rem, 6.9333333333vw, 3.2rem);
}
.font-title--mob6 {
  font-size: 2.4rem;
  font-size: clamp(2rem, 6.4vw, 3rem);
}
.font-title--mob7 {
  font-size: 2.2rem;
  font-size: clamp(1.9rem, 5.8666666667vw, 2.6rem);
}
.font-title--mob8 {
  font-size: 2rem;
  font-size: clamp(1.7rem, 5.3333333333vw, 2.3rem);
}
.font-title--mob10 {
  font-size: 1.7rem;
  font-size: clamp(1.6rem, 4.5333333333vw, 1.8rem);
}
@media (min-width: 768px) {
  .font-title--h2 {
    font-size: 5.2rem;
    font-size: clamp(4.6rem, 6.7708333333vw, 6.8rem);
  }
}
@media (min-width: 1024px) {
  .font-title--h2 {
    font-size: 7.6rem;
    font-size: clamp(6.8rem, 5.2777777778vw, 7.6rem);
  }
  .body--split main .font-title--h2 {
    font-size: 5.2rem;
    font-size: clamp(4.6rem, 3.6111111111vw, 6.8rem);
  }
}
@media (min-width: 768px) {
  .font-title--h3 {
    font-size: 4.6rem;
    font-size: clamp(4rem, 5.9895833333vw, 5.2rem);
  }
}
@media (min-width: 1024px) {
  .font-title--h3 {
    font-size: 6.8rem;
    font-size: clamp(5.2rem, 4.7222222222vw, 6.8rem);
  }
  .body--split main .font-title--h3 {
    font-size: 4.6rem;
    font-size: clamp(4rem, 3.1944444444vw, 5.2rem);
  }
}
@media (min-width: 768px) {
  .font-title--h4 {
    font-size: 4rem;
    font-size: clamp(3.6rem, 5.2083333333vw, 4.6rem);
  }
}
@media (min-width: 1024px) {
  .font-title--h4 {
    font-size: 5.2rem;
    font-size: clamp(4.6rem, 3.6111111111vw, 5.2rem);
  }
  .body--split main .font-title--h4 {
    font-size: 4rem;
    font-size: clamp(3.6rem, 2.7777777778vw, 4.6rem);
  }
}
@media (min-width: 768px) {
  .font-title--h5 {
    font-size: 3.6rem;
    font-size: clamp(3.2rem, 4.6875vw, 4rem);
  }
}
@media (min-width: 1024px) {
  .font-title--h5 {
    font-size: 4.6rem;
    font-size: clamp(4rem, 3.1944444444vw, 4.6rem);
  }
  .body--split main .font-title--h5 {
    font-size: 3.6rem;
    font-size: clamp(3.2rem, 2.5vw, 4rem);
  }
}
@media (min-width: 768px) {
  .font-title--h6 {
    font-size: 3.2rem;
    font-size: clamp(2.8rem, 4.1666666667vw, 3.6rem);
  }
}
@media (min-width: 1024px) {
  .font-title--h6 {
    font-size: 4rem;
    font-size: clamp(3.6rem, 2.7777777778vw, 4rem);
  }
  .body--split main .font-title--h6 {
    font-size: 3.2rem;
    font-size: clamp(2.8rem, 2.2222222222vw, 3.6rem);
  }
}
@media (min-width: 768px) {
  .font-title--h7 {
    font-size: 2.8rem;
    font-size: clamp(2.5rem, 3.6458333333vw, 3.2rem);
  }
}
@media (min-width: 1024px) {
  .font-title--h7 {
    font-size: 3.6rem;
    font-size: clamp(3.2rem, 2.5vw, 3.6rem);
  }
  .body--split main .font-title--h7 {
    font-size: 2.8rem;
    font-size: clamp(2.5rem, 1.9444444444vw, 3.2rem);
  }
}
@media (min-width: 768px) {
  .font-title--h8 {
    font-size: 2.7rem;
    font-size: clamp(2.4rem, 3.515625vw, 3rem);
  }
}
@media (min-width: 1024px) {
  .font-title--h8 {
    font-size: 3.2rem;
    font-size: clamp(3rem, 2.2222222222vw, 3.2rem);
  }
  .body--split main .font-title--h8 {
    font-size: 2.5rem;
    font-size: clamp(2.2rem, 1.7361111111vw, 2.8rem);
  }
}
@media (min-width: 768px) {
  .font-title--h9 {
    font-size: 2.3rem;
    font-size: clamp(2.1rem, 2.9947916667vw, 2.5rem);
  }
}
@media (min-width: 1024px) {
  .font-title--h9 {
    font-size: 2.8rem;
    font-size: clamp(2.5rem, 1.9444444444vw, 2.8rem);
  }
  .body--split main .font-title--h9 {
    font-size: 2.3rem;
    font-size: clamp(2rem, 1.5972222222vw, 2.6rem);
  }
}
@media (min-width: 768px) {
  .font-title--h10 {
    font-size: 2.1rem;
    font-size: clamp(1.9rem, 2.734375vw, 2.2rem);
  }
}
@media (min-width: 1024px) {
  .font-title--h10 {
    font-size: 2.4rem;
    font-size: clamp(2.2rem, 1.6666666667vw, 2.4rem);
  }
  .body--split main .font-title--h10 {
    font-size: 1.9rem;
    font-size: clamp(1.8rem, 1.3194444444vw, 1.9rem);
  }
}
.font-title--hero {
  line-height: 1;
  font-size: 4.4rem;
  font-size: clamp(3.8rem, 11.7333333333vw, 5.2rem);
}
@media (min-width: 768px) {
  .font-title--hero {
    font-size: 4.4rem;
    font-size: clamp(3.3rem, 5.7291666667vw, 5rem);
  }
}
@media (min-width: 1024px) {
  .font-title--hero {
    font-size: 7.6rem;
    font-size: clamp(5.4rem, 5.2777777778vw, 7.6rem);
  }
}
.font-title--hero-large {
  line-height: 1;
  font-size: 5rem;
  font-size: clamp(4.3rem, 13.3333333333vw, 5.9rem);
}
@media (min-width: 768px) {
  .font-title--hero-large {
    font-size: 5rem;
    font-size: clamp(3.8rem, 6.5104166667vw, 5.7rem);
  }
}
@media (min-width: 1024px) {
  .font-title--hero-large {
    font-size: 8.6rem;
    font-size: clamp(6.1rem, 5.9722222222vw, 8.6rem);
  }
}
@media (min-width: 1280px) {
  .font-title--hero-large {
    font-size: 8.4rem;
    font-size: clamp(6rem, 5.8333333333vw, 8.4rem);
  }
}
.font-title--hero-small {
  line-height: 1;
  font-size: 2.6rem;
  font-size: clamp(2.2rem, 6.9333333333vw, 3.1rem);
}
@media (min-width: 768px) {
  .font-title--hero-small {
    font-size: 3rem;
    font-size: clamp(2.3rem, 3.90625vw, 3.4rem);
  }
}
@media (min-width: 1024px) {
  .font-title--hero-small {
    font-size: 5.1rem;
    font-size: clamp(3.6rem, 3.5416666667vw, 5.1rem);
  }
}
@media (min-width: 1280px) {
  .font-title--hero-small {
    font-size: 4.9rem;
    font-size: clamp(3.5rem, 3.4027777778vw, 4.9rem);
  }
}
.font-title--hero-home {
  line-height: 1;
  font-size: 5rem;
  font-size: clamp(4.3rem, 13.3333333333vw, 5.9rem);
}
@media (min-width: 768px) {
  .font-title--hero-home {
    font-size: 7rem;
    font-size: clamp(5.3rem, 9.1145833333vw, 8rem);
  }
}
@media (min-width: 1024px) {
  .font-title--hero-home {
    font-size: 11rem;
    font-size: clamp(7.8rem, 7.6388888889vw, 11rem);
  }
}
.font-title--hero-home--small {
  font-size: 4rem;
  font-size: clamp(3.4rem, 10.6666666667vw, 4.7rem);
}
@media (min-width: 768px) {
  .font-title--hero-home--small {
    font-size: 4.8rem;
    font-size: clamp(3.6rem, 6.25vw, 5.5rem);
  }
}
@media (min-width: 1024px) {
  .font-title--hero-home--small {
    line-height: 1.2;
    font-size: 8rem;
    font-size: clamp(5.7rem, 5.5555555556vw, 8rem);
  }
}
.font-title--signpost {
  line-height: 1.1;
  letter-spacing: -0.01em;
  font-size: 3rem;
  font-size: clamp(2.8rem, 8vw, 3.2rem);
}
@media (min-width: 768px) {
  .font-title--signpost {
    font-size: 2.4rem;
    font-size: clamp(2.2rem, 3.125vw, 2.7rem);
  }
}
@media (min-width: 1024px) {
  .font-title--signpost {
    font-size: 3.2rem;
    font-size: clamp(2.7rem, 2.2222222222vw, 3.2rem);
  }
}
@media (min-width: 1024px) {
  .body--split main .font-title--signpost {
    font-size: 2.4rem;
  }
}
@media (min-width: 1180px) {
  .body--split main .font-title--signpost {
    font-size: 2.7rem;
  }
}
@media (min-width: 1280px) {
  .body--split main .font-title--signpost {
    font-size: 3.1rem;
  }
}
.font-title--tabs {
  font-size: 1.8rem;
}
@media (min-width: 375px) {
  .font-title--tabs {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  .font-title--tabs {
    font-size: 1.8rem;
  }
}
@media (min-width: 1024px) {
  .font-title--tabs {
    font-size: 1.9rem;
  }
}
@media (min-width: 1100px) {
  .font-title--tabs {
    font-size: 2.2rem;
    font-size: clamp(2.2rem, 1.5277777778vw, 2.2rem);
  }
}
.block__panel--orange .font-title {
  color: #fff;
}

.font-body {
  margin: 1.1em 0 1em;
  line-height: 1.45;
}
@media (max-width: 767px) {
  .font-body--mob0 {
    font-size: 2rem;
  }
  .font-body--mob1 {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .font-body--mob2 {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  .font-body--mob4 {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
@media (min-width: 768px) {
  .font-body--b1 {
    font-size: 2.2rem;
    font-size: clamp(2.1rem, 2.8645833333vw, 2.4rem);
  }
}
@media (min-width: 1024px) {
  .font-body--b1 {
    font-size: 2.5rem;
    font-size: clamp(2.4rem, 1.7361111111vw, 2.5rem);
  }
  .body--split main .font-body--b1 {
    font-size: 2.2rem;
    font-size: clamp(2.1rem, 1.5277777778vw, 2.5rem);
  }
}
@media (min-width: 768px) {
  .font-body--b2 {
    font-size: 2rem;
    font-size: clamp(2rem, 2.6041666667vw, 2.2rem);
  }
}
@media (min-width: 1024px) {
  .font-body--b2 {
    font-size: 2.2rem;
    font-size: clamp(2.2rem, 1.5277777778vw, 2.2rem);
  }
  .body--split main .font-body--b2 {
    font-size: 2rem;
    font-size: clamp(1.9rem, 1.3888888889vw, 2.2rem);
  }
}
@media (min-width: 768px) {
  .font-body--b3 {
    font-size: 2rem;
    font-size: clamp(1.8rem, 2.6041666667vw, 2rem);
  }
}
@media (min-width: 1024px) {
  .font-body--b3 {
    font-size: 2rem;
    font-size: clamp(2rem, 1.3888888889vw, 2rem);
  }
  .body--split main .font-body--b3 {
    font-size: 1.8rem;
    font-size: clamp(1.7rem, 1.25vw, 2rem);
  }
}
@media (min-width: 768px) {
  .font-body--b4 {
    line-height: 1.5;
    font-size: 1.8rem;
    font-size: clamp(1.7rem, 4.8vw, 1.8rem);
  }
}
@media (min-width: 1024px) {
  .font-body--b4 {
    font-size: 1.8rem;
    font-size: clamp(1.8rem, 1.25vw, 1.8rem);
  }
  .body--split main .font-body--b4 {
    font-size: 1.6rem;
    font-size: clamp(1.6rem, 1.1111111111vw, 1.8rem);
  }
}
@media (min-width: 768px) {
  .font-body--b5 {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
@media (min-width: 1024px) {
  .font-body--b5 {
    font-size: 1.6rem;
    font-size: clamp(1.6rem, 1.1111111111vw, 1.6rem);
  }
}
@media (min-width: 1024px) {
  .body--split main .font-body--b5 {
    margin: 0.8em 0;
  }
}
.font-body--footnote, .font-body--tags {
  font-size: 1.2rem;
}
@media (min-width: 1024px) {
  .font-body--footnote, .font-body--tags {
    font-size: 1.3rem;
    font-size: clamp(1.2rem, 0.9027777778vw, 1.3rem);
  }
}
.font-body--hero {
  margin: 1.4em 0 1em;
  font-weight: 500;
  letter-spacing: 0.01em;
  font-size: 1.8rem;
  font-size: clamp(1.5rem, 4.8vw, 2.1rem);
}
@media (min-width: 768px) {
  .font-body--hero {
    font-size: 2.1rem;
  }
}
@media (min-width: 1024px) {
  .font-body--hero {
    font-size: 2.5rem;
    font-size: clamp(1.8rem, 1.7361111111vw, 2.5rem);
  }
}
.font-body--link {
  font-weight: 500;
}
.font-body--link a {
  color: inherit !important;
}
.font-body--list {
  font-size: 1.7rem;
}
@media (min-width: 1024px) {
  .font-body--list {
    font-size: 1.7rem;
    font-size: clamp(1.7rem, 1.1805555556vw, 1.7rem);
  }
}
.font-body--prefix {
  font-size: 1.4rem;
}
@media (min-width: 1024px) {
  .font-body--prefix {
    font-size: 1.4rem;
    font-size: clamp(1.4rem, 0.9722222222vw, 1.4rem);
  }
}
.font-body--split-header {
  font-size: 3rem;
}
@media (min-width: 768px) {
  .font-body--split-header {
    font-size: 3rem;
    font-size: clamp(2.6rem, 3.90625vw, 3.4rem);
  }
}
@media (min-width: 1024px) {
  .font-body--split-header {
    font-size: 4rem;
    font-size: clamp(3.6rem, 2.7777777778vw, 4rem);
  }
  .body--split main .font-body--split-header {
    font-size: 3.2rem;
    font-size: clamp(2.8rem, 2.2222222222vw, 3.6rem);
  }
}
.font-body:first-child {
  margin-top: 0;
}
.font-body:last-child {
  margin-bottom: 0;
}
.font-body h1,
.font-body h2,
.font-body h3,
.font-body h4,
.font-body h5,
.font-body h6 {
  font-size: 1.3em;
  line-height: 1.1;
  font-weight: 600;
}
.font-body h2 {
  font-size: 1.25em;
}
.font-body h3 {
  font-size: 1.2em;
}
.font-body h4 {
  font-size: 1.1em;
}
.font-body h5 {
  font-size: 1.05em;
}
.font-body h6 {
  font-size: 1em;
}
.font-body a {
  text-decoration: underline;
  color: #7a6fd2;
}
.block__panel--orange .font-body a {
  color: #fff;
}
.font-body a:hover {
  color: inherit;
}
.font-body ul,
.font-body ol {
  text-align: left;
}
.font-body hr {
  width: 100%;
  height: 1px;
  margin: 50px 0;
  background: #000;
}
.font-body blockquote {
  padding: 15px;
  background: rgba(128, 128, 128, 0.2);
  border-radius: 6px;
  font-style: italic;
}

.u-font-hide {
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

.u-font-bold {
  font-weight: bold;
}

.u-font-italic {
  font-style: italic;
}

.u-text-underline {
  text-decoration: underline;
}

.u-text-uppercase {
  text-transform: uppercase;
}

.u-text-lowercase {
  text-transform: lowercase;
}

.u-text-left {
  text-align: left;
}
.js-rtl .u-text-left {
  text-align: right;
}

.u-text-right {
  text-align: right;
}
.js-rtl .u-text-right {
  text-align: left;
}

@media (min-width: 768px) {
  .u-text-right-md {
    text-align: right;
  }
}

.u-text-center {
  text-align: center;
}

.js-split-wrap {
  overflow: hidden;
}

.js-animate-content-title,
.js-animate-hero-title {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 0%, 100% 0%);
          clip-path: polygon(0% 0%, 100% 0%, 0% 0%, 100% 0%);
}

html {
  scroll-behavior: smooth !important;
}

html[data-bg-color=color1],
body[data-bg-color=color1] {
  background: #fffaf5;
}
html[data-bg-color=color2],
body[data-bg-color=color2] {
  background: #fef8f8;
}
html[data-bg-color=color3],
body[data-bg-color=color3] {
  background: #fcf6f7;
}
html[data-bg-color=color4],
body[data-bg-color=color4] {
  background: #fcf6fa;
}
html[data-bg-color=color5],
body[data-bg-color=color5] {
  background: #faf1fa;
}
html[data-bg-color=color6],
body[data-bg-color=color6] {
  background: #f6f1fc;
}
html[data-bg-color=color7],
body[data-bg-color=color7] {
  background: #f1f2fb;
}
html[data-bg-color=color8],
body[data-bg-color=color8] {
  background: #ecf3f8;
}
html[data-bg-color=color9],
body[data-bg-color=color9] {
  background: #f0f9fe;
}
html[data-bg-color=color10],
body[data-bg-color=color10] {
  background: #eaf7f7;
}
html[data-bg-color=color11],
body[data-bg-color=color11] {
  background: #f0f8f3;
}
html[data-bg-color=color12],
body[data-bg-color=color12] {
  background: #eef9f2;
}

.bg--color1 {
  background: #fffaf5;
}

.bg-grad--color1 {
  background: #ff9f6c;
  background: linear-gradient(226.35deg, #f89058 0.46%, #fc9b67 63.76%, #fdbf74 100%);
}

.fg--color1 {
  background: #fffaf5;
}

.bg--color2 {
  background: #fef8f8;
}

.bg-grad--color2 {
  background: #f37874;
  background: linear-gradient(226.35deg, #f1635f 0.46%, #f36e6a 63.76%, #f89478 100%);
}

.fg--color2 {
  background: #fef8f8;
}

.bg--color3 {
  background: #fcf6f7;
}

.bg-grad--color3 {
  background: #ff82a0;
  background: linear-gradient(226.35deg, #f87292 0.46%, #fc7d9c 63.76%, #f2bdb5 100%);
}

.fg--color3 {
  background: #fcf6f7;
}

.bg--color4 {
  background: #fcf6fa;
}

.bg-grad--color4 {
  background: #fb9dc3;
  background: linear-gradient(226.35deg, #f985b6 0.46%, #fc9ac4 63.76%, #f8a6d4 100%);
}

.fg--color4 {
  background: #fcf6fa;
}

.bg--color5 {
  background: #faf1fa;
}

.bg-grad--color5 {
  background: #df89c2;
  background: linear-gradient(226.35deg, #dd7abc 0.46%, #e084c1 63.76%, #c8a9e2 100%);
}

.fg--color5 {
  background: #faf1fa;
}

.bg--color6 {
  background: #f6f1fc;
}

.bg-grad--color6 {
  background: #b291dc;
  background: linear-gradient(226.35deg, #a07dcd 0.46%, #a986d4 63.76%, #d89ed8 100%);
}

.fg--color6 {
  background: #f6f1fc;
}

.bg--color7 {
  background: #f1f2fb;
}

.bg-grad--color7 {
  background: #947ed3;
  background: linear-gradient(226.35deg, #856cd2 0.46%, #9179d6 63.76%, #a5b4ed 100%);
}

.fg--color7 {
  background: #f1f2fb;
}

.bg--color8 {
  background: #ecf3f8;
}

.bg-grad--color8 {
  background: #7b9ee1;
  background: linear-gradient(226.35deg, #608de3 0.46%, #759be2 63.76%, #9ad2e6 100%);
}

.fg--color8 {
  background: #ecf3f8;
}

.bg--color9 {
  background: #f0f9fe;
}

.bg-grad--color9 {
  background: #78bcf2;
  background: linear-gradient(226.35deg, #5aa8e7 0.46%, #74b6eb 63.76%, #c0c1f3 100%);
}

.fg--color9 {
  background: #f0f9fe;
}

.bg--color10 {
  background: #eaf7f7;
}

.bg-grad--color10 {
  background: #68d1db;
  background: linear-gradient(226.35deg, #51c2cd 0.46%, #6cd3dc 63.76%, #95eee3 100%);
}

.fg--color10 {
  background: #eaf7f7;
}

.bg--color11 {
  background: #f0f8f3;
}

.bg-grad--color11 {
  background: #77cebf;
  background: linear-gradient(226.35deg, #51c6b3 0.46%, #71cdbc 63.76%, #aedeb7 100%);
}

.fg--color11 {
  background: #f0f8f3;
}

.bg--color12 {
  background: #eef9f2;
}

.bg-grad--color12 {
  background: #67c7a4;
  background: linear-gradient(226.35deg, #41ba8d 0.46%, #64c4a1 63.76%, #78d9ce 100%);
}

.fg--color12 {
  background: #eef9f2;
}

@media (min-width: 768px) {
  .fg--color1-desktop {
    background: #fffaf5;
  }
  .fg--color2-desktop {
    background: #fef8f8;
  }
  .fg--color3-desktop {
    background: #fcf6f7;
  }
  .fg--color4-desktop {
    background: #fcf6fa;
  }
  .fg--color5-desktop {
    background: #faf1fa;
  }
  .fg--color6-desktop {
    background: #f6f1fc;
  }
  .fg--color7-desktop {
    background: #f1f2fb;
  }
  .fg--color8-desktop {
    background: #ecf3f8;
  }
  .fg--color9-desktop {
    background: #f0f9fe;
  }
  .fg--color10-desktop {
    background: #eaf7f7;
  }
  .fg--color11-desktop {
    background: #f0f8f3;
  }
  .fg--color12-desktop {
    background: #eef9f2;
  }
}
.block {
  z-index: 2;
}
.block--overflow-hidden {
  overflow: hidden;
}
@media (min-width: 1024px) {
  .block--split-right {
    position: fixed;
    pointer-events: none;
    top: 0;
    right: 0;
    width: 50vw;
    height: 100vh;
    opacity: 0;
    z-index: 3;
  }
}
html[data-dev-grid=true] .block {
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}

.block__panel {
  padding: 40px 18px;
  background: #fff;
  border-radius: 10px;
}
@media (min-width: 375px) {
  .block__panel {
    padding: 35px 22px;
  }
}
@media (min-width: 580px) {
  .block__panel {
    padding: 40px 25px;
  }
}
@media (min-width: 768px) {
  .block__panel {
    padding: 42px 32px;
  }
}
@media (min-width: 1024px) {
  .block__panel {
    padding: 46px 38px;
    margin: 0 -38px;
  }
}
@media (min-width: 1280px) {
  .block__panel {
    padding: 55px 45px;
    margin: 0 -45px;
  }
}
.block__panel--orange {
  background: #ff9f6c;
}
.block__panel--purple {
  background: #615177;
}
@media (min-width: 768px) {
  .block__panel--form {
    padding: 40px 32px;
  }
}
@media (min-width: 1024px) {
  .block__panel--form {
    padding: 40px 38px;
  }
}
@media (min-width: 1280px) {
  .block__panel--form {
    padding: 40px 45px;
  }
}
@media (min-width: 1024px) {
  .body--split .block__panel {
    padding: 30px;
    margin: 0;
  }
}
@media (min-width: 1280px) {
  .body--split .block__panel {
    padding: 40px;
  }
}

.block__stack {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 768px) {
  .block__stack {
    display: block;
    transform: rotate(-4.45deg);
  }
}
.block__stack--mobile {
  display: block;
}
@media (min-width: 1024px) {
  .block__stack--panel {
    left: -45px;
    right: -45px;
  }
  .body--split .block__stack--panel {
    left: 0;
    right: 0;
  }
}
.block__stack--form {
  transform: rotate(-3deg);
}
.block__stack--hero-1-1 {
  display: block;
  transform: rotate(8.7deg);
}
@media (min-width: 768px) {
  .block__stack--hero-1-1--left {
    transform: rotate(1.55deg);
  }
  .block__stack--hero-1-1--right {
    transform: rotate(10.5deg);
  }
}
.block__stack--hero-2-1 {
  display: block;
  transform: rotate(-3deg);
}
@media (min-width: 768px) {
  .block__stack--hero-2-1 {
    transform: rotate(-6deg);
  }
}
.block__stack--image-1-1 {
  display: block;
  transform: rotate(-7.4deg);
}
.block__stack--image-2-1, .block__stack--image-3-1 {
  display: none;
}
.block__stack--split-hero {
  transform: rotate(4deg);
}

.block__stack-inner {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e2e2e2;
  border-radius: 10px;
  border-radius: 10px;
}
.block__stack-inner--color1, [data-appearance=color1] .block__stack-inner {
  background: #f0def9;
}
.block__stack-inner--color2, [data-appearance=color2] .block__stack-inner {
  background: #e4d7fc;
}
.block__stack-inner--color3, [data-appearance=color3] .block__stack-inner {
  background: #d1e2f1;
}
.block__stack-inner--color4, [data-appearance=color4] .block__stack-inner {
  background: #e0e9da;
}
.block__stack-inner--color5, [data-appearance=color5] .block__stack-inner {
  background: #fce2e2;
}
.block__stack-inner--color6, [data-appearance=color6] .block__stack-inner {
  background: #e0e9da;
}
.block__stack-inner--color7, [data-appearance=color7] .block__stack-inner {
  background: #e4d7fc;
}
.block__stack-inner--color8, [data-appearance=color8] .block__stack-inner {
  background: #f0def9;
}
.block__stack-inner--color9, [data-appearance=color9] .block__stack-inner {
  background: #e0e9da;
}
.block__stack-inner--color10, [data-appearance=color10] .block__stack-inner {
  background: #f0def9;
}
.block__stack-inner--color11, [data-appearance=color11] .block__stack-inner {
  background: #fce2e2;
}
.block__stack-inner--color12, [data-appearance=color12] .block__stack-inner {
  background: #e4d7fc;
}
.block__stack--purple .block__stack-inner {
  background: #615177;
}
.block__stack--pink-light .block__stack-inner {
  background: #ffb3f5;
}

.block__padding {
  padding: 45px 4px;
}
@media (min-width: 375px) {
  .block__padding {
    padding: 50px 3.2%;
  }
}
@media (min-width: 440px) {
  .block__padding {
    padding: 60px 3.6%;
  }
}
@media (min-width: 580px) {
  .block__padding {
    padding: 70px 4%;
  }
}
@media (min-width: 768px) {
  .block__padding {
    padding: 80px 6.5%;
  }
}
@media (min-width: 880px) {
  .block__padding {
    padding: 90px 7.5%;
  }
}
@media (min-width: 1024px) {
  .block__padding {
    padding: 100px 7.5%;
  }
}
@media (min-width: 1280px) {
  .block__padding {
    padding: 100px 11.11%;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .body--split .block__padding {
    padding: 50px 5%;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .body--split .block__padding {
    padding: 50px 6.25%;
  }
}

.block__padding-x {
  padding: 0 4px;
}
@media (min-width: 375px) {
  .block__padding-x {
    padding: 0 3.2%;
  }
}
@media (min-width: 440px) {
  .block__padding-x {
    padding: 0 3.6%;
  }
}
@media (min-width: 580px) {
  .block__padding-x {
    padding: 0 4%;
  }
}
@media (min-width: 768px) {
  .block__padding-x {
    padding: 0 6.5%;
  }
}
@media (min-width: 880px) {
  .block__padding-x {
    padding: 0 7.5%;
  }
}
@media (min-width: 1024px) {
  .block__padding-x {
    padding: 0 7.5%;
  }
}
@media (min-width: 1280px) {
  .block__padding-x {
    padding: 0 11.11%;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .body--split .block__padding-x {
    padding: 0 5%;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .body--split .block__padding-x {
    padding: 0 6.25%;
  }
}

.block__padding-x-top {
  padding: 45px 4px 0;
}
@media (min-width: 375px) {
  .block__padding-x-top {
    padding: 50px 3.2% 0;
  }
}
@media (min-width: 440px) {
  .block__padding-x-top {
    padding: 60px 3.6% 0;
  }
}
@media (min-width: 580px) {
  .block__padding-x-top {
    padding: 70px 4% 0;
  }
}
@media (min-width: 768px) {
  .block__padding-x-top {
    padding: 80px 6.5% 0;
  }
}
@media (min-width: 880px) {
  .block__padding-x-top {
    padding: 90px 7.5% 0;
  }
}
@media (min-width: 1024px) {
  .block__padding-x-top {
    padding: 100px 7.5% 0;
  }
}
@media (min-width: 1280px) {
  .block__padding-x-top {
    padding: 100px 11.11% 0;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .body--split .block__padding-x-top {
    padding: 50px 5% 0;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .body--split .block__padding-x-top {
    padding: 50px 6.25% 0;
  }
}

.block__padding-x-bottom {
  padding: 0 4px 45px;
}
@media (min-width: 375px) {
  .block__padding-x-bottom {
    padding: 0 3.2% 50px;
  }
}
@media (min-width: 440px) {
  .block__padding-x-bottom {
    padding: 0 3.6% 60px;
  }
}
@media (min-width: 580px) {
  .block__padding-x-bottom {
    padding: 0 4% 70px;
  }
}
@media (min-width: 768px) {
  .block__padding-x-bottom {
    padding: 0 6.5% 80px;
  }
}
@media (min-width: 880px) {
  .block__padding-x-bottom {
    padding: 0 7.5% 90px;
  }
}
@media (min-width: 1024px) {
  .block__padding-x-bottom {
    padding: 0 7.5% 100px;
  }
}
@media (min-width: 1280px) {
  .block__padding-x-bottom {
    padding: 0 11.11% 100px;
  }
}

.block__padding-y {
  padding: 45px 0;
}
@media (min-width: 375px) {
  .block__padding-y {
    padding: 50px 0;
  }
}
@media (min-width: 440px) {
  .block__padding-y {
    padding: 60px 0;
  }
}
@media (min-width: 580px) {
  .block__padding-y {
    padding: 70px 0;
  }
}
@media (min-width: 768px) {
  .block__padding-y {
    padding: 80px 0;
  }
}
@media (min-width: 880px) {
  .block__padding-y {
    padding: 90px 0;
  }
}
@media (min-width: 1024px) {
  .block__padding-y {
    padding: 100px 0;
  }
}
@media (min-width: 1280px) {
  .block__padding-y {
    padding: 100px 0;
  }
}
@media (max-width: 1023px) {
  .block__padding-y--feature {
    padding-top: 0;
  }
}

.block__padding-bottom {
  padding: 0 0 45px;
}
@media (min-width: 375px) {
  .block__padding-bottom {
    padding: 0 0 50px;
  }
}
@media (min-width: 440px) {
  .block__padding-bottom {
    padding: 0 0 60px;
  }
}
@media (min-width: 580px) {
  .block__padding-bottom {
    padding: 0 0 70px;
  }
}
@media (min-width: 768px) {
  .block__padding-bottom {
    padding: 0 0 80px;
  }
}
@media (min-width: 880px) {
  .block__padding-bottom {
    padding: 0 0 90px;
  }
}
@media (min-width: 1024px) {
  .block__padding-bottom {
    padding: 0 0 100px;
  }
}
@media (min-width: 1280px) {
  .block__padding-bottom {
    padding: 0 0 100px;
  }
}

@media (max-width: 767px) {
  .block__padding-none-bottom-mobile {
    padding-bottom: 0;
  }
}

.dev-inner {
  padding: 12px 0;
  text-align: center;
}
.js-grid .dev-inner {
  background: rgba(128, 128, 128, 0.06);
}
.dev-inner--highlight {
  background-color: rgba(255, 0, 0, 0.5) !important;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  width: 100%;
  margin: 0 auto;
  max-width: 660px;
}
@media (min-width: 768px) {
  .row {
    max-width: 1280px;
  }
}
@media (min-width: 1024px) {
  .body--split .row {
    margin: 0;
    max-width: 1450px;
  }
}
@media (min-width: 1660px) {
  .body--split .row {
    margin: 0 0 0 calc(25vw - 415px);
  }
}
.js-grid .row {
  background: rgba(128, 128, 128, 0.06);
}

.row--justify-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.row--justify-center {
  -ms-flex-pack: center;
      justify-content: center;
}

.row--justify-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.row--align-start {
  -ms-flex-align: start;
      align-items: flex-start;
}

.row--align-center {
  -ms-flex-align: center;
      align-items: center;
}

.row--align-end {
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

@media (min-width: 580px) {
  .row-sm--justify-start {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .row-sm--justify-center {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .row-sm--justify-end {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
  .row-sm--align-start {
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .row-sm--align-center {
    -ms-flex-align: center;
        align-items: center;
  }
  .row-sm--align-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
}
@media (min-width: 768px) {
  .row-md--justify-start {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .row-md--justify-center {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .row-md--justify-end {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
  .row-md--align-start {
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .row-md--align-center {
    -ms-flex-align: center;
        align-items: center;
  }
  .row-md--align-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
}
@media (min-width: 1024px) {
  .row-lg--justify-start {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .row-lg--justify-center {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .row-lg--justify-end {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
  .row-lg--align-start {
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .row-lg--align-center {
    -ms-flex-align: center;
        align-items: center;
  }
  .row-lg--align-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
}
@media (min-width: 1280px) {
  .row-xl--justify-start {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
  .row-xl--justify-center {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .row-xl--justify-end {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
  .row-xl--align-start {
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .row-xl--align-center {
    -ms-flex-align: center;
        align-items: center;
  }
  .row-xl--align-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
}
.col {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 10px;
}
.js-grid .col {
  background: rgba(128, 128, 128, 0.06);
}
@media (min-width: 768px) {
  .col {
    padding: 0 12px;
  }
}
@media (min-width: 1024px) {
  .col {
    padding: 0 15px;
  }
}
@media (min-width: 1280px) {
  .col {
    padding: 0 20px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .body--split .col {
    padding: 0 15px;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .body--split .col {
    padding: 0 20px;
  }
}

.col-0 {
  width: 0%;
}

.col-0-half {
  width: 4.1666666667%;
}

.col-0-split {
  width: 0%;
}

.offset-0 {
  margin-left: 0%;
}
.js-rtl .offset-0 {
  margin-left: 0;
  margin-right: 0%;
}

.offset-right-0 {
  margin-right: 0%;
}
.js-rtl .offset-right-0 {
  margin-right: 0;
  margin-left: 0%;
}

.col-1 {
  width: 8.3333333333%;
}

.col-1-half {
  width: 12.5%;
}

.col-1-split {
  width: 8.3333333333%;
}

.offset-1 {
  margin-left: 8.3333333333%;
}
.js-rtl .offset-1 {
  margin-left: 0;
  margin-right: 8.3333333333%;
}

.offset-right-1 {
  margin-right: 8.3333333333%;
}
.js-rtl .offset-right-1 {
  margin-right: 0;
  margin-left: 8.3333333333%;
}

.col-2 {
  width: 16.6666666667%;
}

.col-2-half {
  width: 20.8333333333%;
}

.col-2-split {
  width: 16.6666666667%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}
.js-rtl .offset-2 {
  margin-left: 0;
  margin-right: 16.6666666667%;
}

.offset-right-2 {
  margin-right: 16.6666666667%;
}
.js-rtl .offset-right-2 {
  margin-right: 0;
  margin-left: 16.6666666667%;
}

.col-3 {
  width: 25%;
}

.col-3-half {
  width: 29.1666666667%;
}

.col-3-split {
  width: 25%;
}

.offset-3 {
  margin-left: 25%;
}
.js-rtl .offset-3 {
  margin-left: 0;
  margin-right: 25%;
}

.offset-right-3 {
  margin-right: 25%;
}
.js-rtl .offset-right-3 {
  margin-right: 0;
  margin-left: 25%;
}

.col-4 {
  width: 33.3333333333%;
}

.col-4-half {
  width: 37.5%;
}

.col-4-split {
  width: 33.3333333333%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}
.js-rtl .offset-4 {
  margin-left: 0;
  margin-right: 33.3333333333%;
}

.offset-right-4 {
  margin-right: 33.3333333333%;
}
.js-rtl .offset-right-4 {
  margin-right: 0;
  margin-left: 33.3333333333%;
}

.col-5 {
  width: 41.6666666667%;
}

.col-5-half {
  width: 45.8333333333%;
}

.col-5-split {
  width: 41.6666666667%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}
.js-rtl .offset-5 {
  margin-left: 0;
  margin-right: 41.6666666667%;
}

.offset-right-5 {
  margin-right: 41.6666666667%;
}
.js-rtl .offset-right-5 {
  margin-right: 0;
  margin-left: 41.6666666667%;
}

.col-6 {
  width: 50%;
}

.col-6-half {
  width: 54.1666666667%;
}

.col-6-split {
  width: 50%;
}

.offset-6 {
  margin-left: 50%;
}
.js-rtl .offset-6 {
  margin-left: 0;
  margin-right: 50%;
}

.offset-right-6 {
  margin-right: 50%;
}
.js-rtl .offset-right-6 {
  margin-right: 0;
  margin-left: 50%;
}

.col-7 {
  width: 58.3333333333%;
}

.col-7-half {
  width: 62.5%;
}

.col-7-split {
  width: 58.3333333333%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}
.js-rtl .offset-7 {
  margin-left: 0;
  margin-right: 58.3333333333%;
}

.offset-right-7 {
  margin-right: 58.3333333333%;
}
.js-rtl .offset-right-7 {
  margin-right: 0;
  margin-left: 58.3333333333%;
}

.col-8 {
  width: 66.6666666667%;
}

.col-8-half {
  width: 70.8333333333%;
}

.col-8-split {
  width: 66.6666666667%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}
.js-rtl .offset-8 {
  margin-left: 0;
  margin-right: 66.6666666667%;
}

.offset-right-8 {
  margin-right: 66.6666666667%;
}
.js-rtl .offset-right-8 {
  margin-right: 0;
  margin-left: 66.6666666667%;
}

.col-9 {
  width: 75%;
}

.col-9-half {
  width: 79.1666666667%;
}

.col-9-split {
  width: 75%;
}

.offset-9 {
  margin-left: 75%;
}
.js-rtl .offset-9 {
  margin-left: 0;
  margin-right: 75%;
}

.offset-right-9 {
  margin-right: 75%;
}
.js-rtl .offset-right-9 {
  margin-right: 0;
  margin-left: 75%;
}

.col-10 {
  width: 83.3333333333%;
}

.col-10-half {
  width: 87.5%;
}

.col-10-split {
  width: 83.3333333333%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}
.js-rtl .offset-10 {
  margin-left: 0;
  margin-right: 83.3333333333%;
}

.offset-right-10 {
  margin-right: 83.3333333333%;
}
.js-rtl .offset-right-10 {
  margin-right: 0;
  margin-left: 83.3333333333%;
}

.col-11 {
  width: 91.6666666667%;
}

.col-11-half {
  width: 95.8333333333%;
}

.col-11-split {
  width: 91.6666666667%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}
.js-rtl .offset-11 {
  margin-left: 0;
  margin-right: 91.6666666667%;
}

.offset-right-11 {
  margin-right: 91.6666666667%;
}
.js-rtl .offset-right-11 {
  margin-right: 0;
  margin-left: 91.6666666667%;
}

.col-12 {
  width: 100%;
}

.col-12-half {
  width: 104.1666666667%;
}

.col-12-split {
  width: 100%;
}

.offset-12 {
  margin-left: 100%;
}
.js-rtl .offset-12 {
  margin-left: 0;
  margin-right: 100%;
}

.offset-right-12 {
  margin-right: 100%;
}
.js-rtl .offset-right-12 {
  margin-right: 0;
  margin-left: 100%;
}

.col-no-padding {
  padding: 0 !important;
}

.col-inset-left-c1 {
  padding-left: calc(8.3333333333% - 10px);
}
@media (min-width: 580px) {
  .col-inset-left-c1 {
    padding-left: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 768px) {
  .col-inset-left-c1 {
    padding-left: calc(8.3333333333% - 12px);
  }
}
@media (min-width: 1024px) {
  .col-inset-left-c1 {
    padding-left: calc(8.3333333333% - 15px);
  }
}
@media (min-width: 1280px) {
  .col-inset-left-c1 {
    padding-left: calc(8.3333333333% - 20px);
  }
}

.col-inset-right-c1 {
  padding-right: calc(8.3333333333% - 10px);
}
@media (min-width: 580px) {
  .col-inset-right-c1 {
    padding-right: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 768px) {
  .col-inset-right-c1 {
    padding-right: calc(8.3333333333% - 12px);
  }
}
@media (min-width: 1024px) {
  .col-inset-right-c1 {
    padding-right: calc(8.3333333333% - 15px);
  }
}
@media (min-width: 1280px) {
  .col-inset-right-c1 {
    padding-right: calc(8.3333333333% - 20px);
  }
}

.col-inner-outset-p1 {
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 580px) {
  .col-inner-outset-p1 {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 768px) {
  .col-inner-outset-p1 {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media (min-width: 1024px) {
  .col-inner-outset-p1 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 1280px) {
  .col-inner-outset-p1 {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.col-inner-outset-p2 {
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 580px) {
  .col-inner-outset-p2 {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 768px) {
  .col-inner-outset-p2 {
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 1024px) {
  .col-inner-outset-p2 {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media (min-width: 1280px) {
  .col-inner-outset-p2 {
    margin-left: -40px;
    margin-right: -40px;
  }
}

.col-inner-outset-left-p2 {
  margin-left: -20px;
}
@media (min-width: 580px) {
  .col-inner-outset-left-p2 {
    margin-left: -20px;
  }
}
@media (min-width: 768px) {
  .col-inner-outset-left-p2 {
    margin-left: -24px;
  }
}
@media (min-width: 1024px) {
  .col-inner-outset-left-p2 {
    margin-left: -30px;
  }
}
@media (min-width: 1280px) {
  .col-inner-outset-left-p2 {
    margin-left: -40px;
  }
}

.col-inner-outset-right-p2 {
  margin-right: -20px;
}
@media (min-width: 580px) {
  .col-inner-outset-right-p2 {
    margin-right: -20px;
  }
}
@media (min-width: 768px) {
  .col-inner-outset-right-p2 {
    margin-right: -24px;
  }
}
@media (min-width: 1024px) {
  .col-inner-outset-right-p2 {
    margin-right: -30px;
  }
}
@media (min-width: 1280px) {
  .col-inner-outset-right-p2 {
    margin-right: -40px;
  }
}

.col-inner-outset-right-p4 {
  margin-right: -40px;
}
@media (min-width: 580px) {
  .col-inner-outset-right-p4 {
    margin-right: -40px;
  }
}
@media (min-width: 768px) {
  .col-inner-outset-right-p4 {
    margin-right: -48px;
  }
}
@media (min-width: 1024px) {
  .col-inner-outset-right-p4 {
    margin-right: -60px;
  }
}
@media (min-width: 1280px) {
  .col-inner-outset-right-p4 {
    margin-right: -80px;
  }
}

.col-inner-inset-left-p2 {
  padding-left: 20px;
}
@media (min-width: 580px) {
  .col-inner-inset-left-p2 {
    padding-left: 20px;
  }
}
@media (min-width: 768px) {
  .col-inner-inset-left-p2 {
    padding-left: 24px;
  }
}
@media (min-width: 1024px) {
  .col-inner-inset-left-p2 {
    padding-left: 30px;
  }
}
@media (min-width: 1280px) {
  .col-inner-inset-left-p2 {
    padding-left: 40px;
  }
}

.col-inner-inset-right-p2 {
  padding-right: 20px;
}
@media (min-width: 580px) {
  .col-inner-inset-right-p2 {
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  .col-inner-inset-right-p2 {
    padding-right: 24px;
  }
}
@media (min-width: 1024px) {
  .col-inner-inset-right-p2 {
    padding-right: 30px;
  }
}
@media (min-width: 1280px) {
  .col-inner-inset-right-p2 {
    padding-right: 40px;
  }
}

@media (min-width: 580px) {
  .col-sm-0 {
    width: 0%;
  }
  .col-sm-0-half {
    width: 4.1666666667%;
  }
  .col-sm-0-split {
    width: 0%;
  }
  .offset-sm-0 {
    margin-left: 0%;
  }
  .js-rtl .offset-sm-0 {
    margin-left: 0;
    margin-right: 0%;
  }
  .offset-right-sm-0 {
    margin-right: 0%;
  }
  .js-rtl .offset-right-sm-0 {
    margin-right: 0;
    margin-left: 0%;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-1-half {
    width: 12.5%;
  }
  .col-sm-1-split {
    width: 8.3333333333%;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .js-rtl .offset-sm-1 {
    margin-left: 0;
    margin-right: 8.3333333333%;
  }
  .offset-right-sm-1 {
    margin-right: 8.3333333333%;
  }
  .js-rtl .offset-right-sm-1 {
    margin-right: 0;
    margin-left: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-2-half {
    width: 20.8333333333%;
  }
  .col-sm-2-split {
    width: 16.6666666667%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .js-rtl .offset-sm-2 {
    margin-left: 0;
    margin-right: 16.6666666667%;
  }
  .offset-right-sm-2 {
    margin-right: 16.6666666667%;
  }
  .js-rtl .offset-right-sm-2 {
    margin-right: 0;
    margin-left: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-3-half {
    width: 29.1666666667%;
  }
  .col-sm-3-split {
    width: 25%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .js-rtl .offset-sm-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  .offset-right-sm-3 {
    margin-right: 25%;
  }
  .js-rtl .offset-right-sm-3 {
    margin-right: 0;
    margin-left: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-4-half {
    width: 37.5%;
  }
  .col-sm-4-split {
    width: 33.3333333333%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .js-rtl .offset-sm-4 {
    margin-left: 0;
    margin-right: 33.3333333333%;
  }
  .offset-right-sm-4 {
    margin-right: 33.3333333333%;
  }
  .js-rtl .offset-right-sm-4 {
    margin-right: 0;
    margin-left: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-5-half {
    width: 45.8333333333%;
  }
  .col-sm-5-split {
    width: 41.6666666667%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .js-rtl .offset-sm-5 {
    margin-left: 0;
    margin-right: 41.6666666667%;
  }
  .offset-right-sm-5 {
    margin-right: 41.6666666667%;
  }
  .js-rtl .offset-right-sm-5 {
    margin-right: 0;
    margin-left: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-6-half {
    width: 54.1666666667%;
  }
  .col-sm-6-split {
    width: 50%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .js-rtl .offset-sm-6 {
    margin-left: 0;
    margin-right: 50%;
  }
  .offset-right-sm-6 {
    margin-right: 50%;
  }
  .js-rtl .offset-right-sm-6 {
    margin-right: 0;
    margin-left: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-7-half {
    width: 62.5%;
  }
  .col-sm-7-split {
    width: 58.3333333333%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .js-rtl .offset-sm-7 {
    margin-left: 0;
    margin-right: 58.3333333333%;
  }
  .offset-right-sm-7 {
    margin-right: 58.3333333333%;
  }
  .js-rtl .offset-right-sm-7 {
    margin-right: 0;
    margin-left: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-8-half {
    width: 70.8333333333%;
  }
  .col-sm-8-split {
    width: 66.6666666667%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .js-rtl .offset-sm-8 {
    margin-left: 0;
    margin-right: 66.6666666667%;
  }
  .offset-right-sm-8 {
    margin-right: 66.6666666667%;
  }
  .js-rtl .offset-right-sm-8 {
    margin-right: 0;
    margin-left: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-9-half {
    width: 79.1666666667%;
  }
  .col-sm-9-split {
    width: 75%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .js-rtl .offset-sm-9 {
    margin-left: 0;
    margin-right: 75%;
  }
  .offset-right-sm-9 {
    margin-right: 75%;
  }
  .js-rtl .offset-right-sm-9 {
    margin-right: 0;
    margin-left: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-10-half {
    width: 87.5%;
  }
  .col-sm-10-split {
    width: 83.3333333333%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .js-rtl .offset-sm-10 {
    margin-left: 0;
    margin-right: 83.3333333333%;
  }
  .offset-right-sm-10 {
    margin-right: 83.3333333333%;
  }
  .js-rtl .offset-right-sm-10 {
    margin-right: 0;
    margin-left: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-11-half {
    width: 95.8333333333%;
  }
  .col-sm-11-split {
    width: 91.6666666667%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .js-rtl .offset-sm-11 {
    margin-left: 0;
    margin-right: 91.6666666667%;
  }
  .offset-right-sm-11 {
    margin-right: 91.6666666667%;
  }
  .js-rtl .offset-right-sm-11 {
    margin-right: 0;
    margin-left: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-12-half {
    width: 104.1666666667%;
  }
  .col-sm-12-split {
    width: 100%;
  }
  .offset-sm-12 {
    margin-left: 100%;
  }
  .js-rtl .offset-sm-12 {
    margin-left: 0;
    margin-right: 100%;
  }
  .offset-right-sm-12 {
    margin-right: 100%;
  }
  .js-rtl .offset-right-sm-12 {
    margin-right: 0;
    margin-left: 100%;
  }
  .col-sm-no-padding {
    padding: 0 !important;
  }
  .col-inset-sm-left-c1 {
    padding-left: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 580px) and (min-width: 580px) {
  .col-inset-sm-left-c1 {
    padding-left: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 580px) and (min-width: 768px) {
  .col-inset-sm-left-c1 {
    padding-left: calc(8.3333333333% - 12px);
  }
}
@media (min-width: 580px) and (min-width: 1024px) {
  .col-inset-sm-left-c1 {
    padding-left: calc(8.3333333333% - 15px);
  }
}
@media (min-width: 580px) and (min-width: 1280px) {
  .col-inset-sm-left-c1 {
    padding-left: calc(8.3333333333% - 20px);
  }
}
@media (min-width: 580px) {
  .col-inset-sm-right-c1 {
    padding-right: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 580px) and (min-width: 580px) {
  .col-inset-sm-right-c1 {
    padding-right: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 580px) and (min-width: 768px) {
  .col-inset-sm-right-c1 {
    padding-right: calc(8.3333333333% - 12px);
  }
}
@media (min-width: 580px) and (min-width: 1024px) {
  .col-inset-sm-right-c1 {
    padding-right: calc(8.3333333333% - 15px);
  }
}
@media (min-width: 580px) and (min-width: 1280px) {
  .col-inset-sm-right-c1 {
    padding-right: calc(8.3333333333% - 20px);
  }
}
@media (min-width: 580px) {
  .col-inner-sm-outset-p1 {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 580px) and (min-width: 580px) {
  .col-inner-sm-outset-p1 {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 580px) and (min-width: 768px) {
  .col-inner-sm-outset-p1 {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media (min-width: 580px) and (min-width: 1024px) {
  .col-inner-sm-outset-p1 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 580px) and (min-width: 1280px) {
  .col-inner-sm-outset-p1 {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 580px) {
  .col-inner-sm-outset-p2 {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 580px) and (min-width: 580px) {
  .col-inner-sm-outset-p2 {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 580px) and (min-width: 768px) {
  .col-inner-sm-outset-p2 {
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 580px) and (min-width: 1024px) {
  .col-inner-sm-outset-p2 {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media (min-width: 580px) and (min-width: 1280px) {
  .col-inner-sm-outset-p2 {
    margin-left: -40px;
    margin-right: -40px;
  }
}
@media (min-width: 580px) {
  .col-inner-sm-outset-left-p2 {
    margin-left: -20px;
  }
}
@media (min-width: 580px) and (min-width: 580px) {
  .col-inner-sm-outset-left-p2 {
    margin-left: -20px;
  }
}
@media (min-width: 580px) and (min-width: 768px) {
  .col-inner-sm-outset-left-p2 {
    margin-left: -24px;
  }
}
@media (min-width: 580px) and (min-width: 1024px) {
  .col-inner-sm-outset-left-p2 {
    margin-left: -30px;
  }
}
@media (min-width: 580px) and (min-width: 1280px) {
  .col-inner-sm-outset-left-p2 {
    margin-left: -40px;
  }
}
@media (min-width: 580px) {
  .col-inner-sm-outset-right-p2 {
    margin-right: -20px;
  }
}
@media (min-width: 580px) and (min-width: 580px) {
  .col-inner-sm-outset-right-p2 {
    margin-right: -20px;
  }
}
@media (min-width: 580px) and (min-width: 768px) {
  .col-inner-sm-outset-right-p2 {
    margin-right: -24px;
  }
}
@media (min-width: 580px) and (min-width: 1024px) {
  .col-inner-sm-outset-right-p2 {
    margin-right: -30px;
  }
}
@media (min-width: 580px) and (min-width: 1280px) {
  .col-inner-sm-outset-right-p2 {
    margin-right: -40px;
  }
}
@media (min-width: 580px) {
  .col-inner-sm-outset-right-p4 {
    margin-right: -40px;
  }
}
@media (min-width: 580px) and (min-width: 580px) {
  .col-inner-sm-outset-right-p4 {
    margin-right: -40px;
  }
}
@media (min-width: 580px) and (min-width: 768px) {
  .col-inner-sm-outset-right-p4 {
    margin-right: -48px;
  }
}
@media (min-width: 580px) and (min-width: 1024px) {
  .col-inner-sm-outset-right-p4 {
    margin-right: -60px;
  }
}
@media (min-width: 580px) and (min-width: 1280px) {
  .col-inner-sm-outset-right-p4 {
    margin-right: -80px;
  }
}
@media (min-width: 580px) {
  .col-inner-sm-inset-left-p2 {
    padding-left: 20px;
  }
}
@media (min-width: 580px) and (min-width: 580px) {
  .col-inner-sm-inset-left-p2 {
    padding-left: 20px;
  }
}
@media (min-width: 580px) and (min-width: 768px) {
  .col-inner-sm-inset-left-p2 {
    padding-left: 24px;
  }
}
@media (min-width: 580px) and (min-width: 1024px) {
  .col-inner-sm-inset-left-p2 {
    padding-left: 30px;
  }
}
@media (min-width: 580px) and (min-width: 1280px) {
  .col-inner-sm-inset-left-p2 {
    padding-left: 40px;
  }
}
@media (min-width: 580px) {
  .col-inner-sm-inset-right-p2 {
    padding-right: 20px;
  }
}
@media (min-width: 580px) and (min-width: 580px) {
  .col-inner-sm-inset-right-p2 {
    padding-right: 20px;
  }
}
@media (min-width: 580px) and (min-width: 768px) {
  .col-inner-sm-inset-right-p2 {
    padding-right: 24px;
  }
}
@media (min-width: 580px) and (min-width: 1024px) {
  .col-inner-sm-inset-right-p2 {
    padding-right: 30px;
  }
}
@media (min-width: 580px) and (min-width: 1280px) {
  .col-inner-sm-inset-right-p2 {
    padding-right: 40px;
  }
}
@media (min-width: 768px) {
  .col-md-0 {
    width: 0%;
  }
  .col-md-0-half {
    width: 4.1666666667%;
  }
  .col-md-0-split {
    width: 0%;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .js-rtl .offset-md-0 {
    margin-left: 0;
    margin-right: 0%;
  }
  .offset-right-md-0 {
    margin-right: 0%;
  }
  .js-rtl .offset-right-md-0 {
    margin-right: 0;
    margin-left: 0%;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-1-half {
    width: 12.5%;
  }
  .col-md-1-split {
    width: 8.3333333333%;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .js-rtl .offset-md-1 {
    margin-left: 0;
    margin-right: 8.3333333333%;
  }
  .offset-right-md-1 {
    margin-right: 8.3333333333%;
  }
  .js-rtl .offset-right-md-1 {
    margin-right: 0;
    margin-left: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-2-half {
    width: 20.8333333333%;
  }
  .col-md-2-split {
    width: 16.6666666667%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .js-rtl .offset-md-2 {
    margin-left: 0;
    margin-right: 16.6666666667%;
  }
  .offset-right-md-2 {
    margin-right: 16.6666666667%;
  }
  .js-rtl .offset-right-md-2 {
    margin-right: 0;
    margin-left: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-3-half {
    width: 29.1666666667%;
  }
  .col-md-3-split {
    width: 25%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .js-rtl .offset-md-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  .offset-right-md-3 {
    margin-right: 25%;
  }
  .js-rtl .offset-right-md-3 {
    margin-right: 0;
    margin-left: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-4-half {
    width: 37.5%;
  }
  .col-md-4-split {
    width: 33.3333333333%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .js-rtl .offset-md-4 {
    margin-left: 0;
    margin-right: 33.3333333333%;
  }
  .offset-right-md-4 {
    margin-right: 33.3333333333%;
  }
  .js-rtl .offset-right-md-4 {
    margin-right: 0;
    margin-left: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-5-half {
    width: 45.8333333333%;
  }
  .col-md-5-split {
    width: 41.6666666667%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .js-rtl .offset-md-5 {
    margin-left: 0;
    margin-right: 41.6666666667%;
  }
  .offset-right-md-5 {
    margin-right: 41.6666666667%;
  }
  .js-rtl .offset-right-md-5 {
    margin-right: 0;
    margin-left: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-6-half {
    width: 54.1666666667%;
  }
  .col-md-6-split {
    width: 50%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .js-rtl .offset-md-6 {
    margin-left: 0;
    margin-right: 50%;
  }
  .offset-right-md-6 {
    margin-right: 50%;
  }
  .js-rtl .offset-right-md-6 {
    margin-right: 0;
    margin-left: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-7-half {
    width: 62.5%;
  }
  .col-md-7-split {
    width: 58.3333333333%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .js-rtl .offset-md-7 {
    margin-left: 0;
    margin-right: 58.3333333333%;
  }
  .offset-right-md-7 {
    margin-right: 58.3333333333%;
  }
  .js-rtl .offset-right-md-7 {
    margin-right: 0;
    margin-left: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-8-half {
    width: 70.8333333333%;
  }
  .col-md-8-split {
    width: 66.6666666667%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .js-rtl .offset-md-8 {
    margin-left: 0;
    margin-right: 66.6666666667%;
  }
  .offset-right-md-8 {
    margin-right: 66.6666666667%;
  }
  .js-rtl .offset-right-md-8 {
    margin-right: 0;
    margin-left: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-9-half {
    width: 79.1666666667%;
  }
  .col-md-9-split {
    width: 75%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .js-rtl .offset-md-9 {
    margin-left: 0;
    margin-right: 75%;
  }
  .offset-right-md-9 {
    margin-right: 75%;
  }
  .js-rtl .offset-right-md-9 {
    margin-right: 0;
    margin-left: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-10-half {
    width: 87.5%;
  }
  .col-md-10-split {
    width: 83.3333333333%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .js-rtl .offset-md-10 {
    margin-left: 0;
    margin-right: 83.3333333333%;
  }
  .offset-right-md-10 {
    margin-right: 83.3333333333%;
  }
  .js-rtl .offset-right-md-10 {
    margin-right: 0;
    margin-left: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-11-half {
    width: 95.8333333333%;
  }
  .col-md-11-split {
    width: 91.6666666667%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .js-rtl .offset-md-11 {
    margin-left: 0;
    margin-right: 91.6666666667%;
  }
  .offset-right-md-11 {
    margin-right: 91.6666666667%;
  }
  .js-rtl .offset-right-md-11 {
    margin-right: 0;
    margin-left: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-12-half {
    width: 104.1666666667%;
  }
  .col-md-12-split {
    width: 100%;
  }
  .offset-md-12 {
    margin-left: 100%;
  }
  .js-rtl .offset-md-12 {
    margin-left: 0;
    margin-right: 100%;
  }
  .offset-right-md-12 {
    margin-right: 100%;
  }
  .js-rtl .offset-right-md-12 {
    margin-right: 0;
    margin-left: 100%;
  }
  .col-md-no-padding {
    padding: 0 !important;
  }
  .col-inset-md-left-c1 {
    padding-left: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 768px) and (min-width: 580px) {
  .col-inset-md-left-c1 {
    padding-left: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-inset-md-left-c1 {
    padding-left: calc(8.3333333333% - 12px);
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .col-inset-md-left-c1 {
    padding-left: calc(8.3333333333% - 15px);
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .col-inset-md-left-c1 {
    padding-left: calc(8.3333333333% - 20px);
  }
}
@media (min-width: 768px) {
  .col-inset-md-right-c1 {
    padding-right: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 768px) and (min-width: 580px) {
  .col-inset-md-right-c1 {
    padding-right: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-inset-md-right-c1 {
    padding-right: calc(8.3333333333% - 12px);
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .col-inset-md-right-c1 {
    padding-right: calc(8.3333333333% - 15px);
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .col-inset-md-right-c1 {
    padding-right: calc(8.3333333333% - 20px);
  }
}
@media (min-width: 768px) {
  .col-inner-md-outset-p1 {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 768px) and (min-width: 580px) {
  .col-inner-md-outset-p1 {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-inner-md-outset-p1 {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .col-inner-md-outset-p1 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .col-inner-md-outset-p1 {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 768px) {
  .col-inner-md-outset-p2 {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 768px) and (min-width: 580px) {
  .col-inner-md-outset-p2 {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-inner-md-outset-p2 {
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .col-inner-md-outset-p2 {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .col-inner-md-outset-p2 {
    margin-left: -40px;
    margin-right: -40px;
  }
}
@media (min-width: 768px) {
  .col-inner-md-outset-left-p2 {
    margin-left: -20px;
  }
}
@media (min-width: 768px) and (min-width: 580px) {
  .col-inner-md-outset-left-p2 {
    margin-left: -20px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-inner-md-outset-left-p2 {
    margin-left: -24px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .col-inner-md-outset-left-p2 {
    margin-left: -30px;
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .col-inner-md-outset-left-p2 {
    margin-left: -40px;
  }
}
@media (min-width: 768px) {
  .col-inner-md-outset-right-p2 {
    margin-right: -20px;
  }
}
@media (min-width: 768px) and (min-width: 580px) {
  .col-inner-md-outset-right-p2 {
    margin-right: -20px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-inner-md-outset-right-p2 {
    margin-right: -24px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .col-inner-md-outset-right-p2 {
    margin-right: -30px;
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .col-inner-md-outset-right-p2 {
    margin-right: -40px;
  }
}
@media (min-width: 768px) {
  .col-inner-md-outset-right-p4 {
    margin-right: -40px;
  }
}
@media (min-width: 768px) and (min-width: 580px) {
  .col-inner-md-outset-right-p4 {
    margin-right: -40px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-inner-md-outset-right-p4 {
    margin-right: -48px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .col-inner-md-outset-right-p4 {
    margin-right: -60px;
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .col-inner-md-outset-right-p4 {
    margin-right: -80px;
  }
}
@media (min-width: 768px) {
  .col-inner-md-inset-left-p2 {
    padding-left: 20px;
  }
}
@media (min-width: 768px) and (min-width: 580px) {
  .col-inner-md-inset-left-p2 {
    padding-left: 20px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-inner-md-inset-left-p2 {
    padding-left: 24px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .col-inner-md-inset-left-p2 {
    padding-left: 30px;
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .col-inner-md-inset-left-p2 {
    padding-left: 40px;
  }
}
@media (min-width: 768px) {
  .col-inner-md-inset-right-p2 {
    padding-right: 20px;
  }
}
@media (min-width: 768px) and (min-width: 580px) {
  .col-inner-md-inset-right-p2 {
    padding-right: 20px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-inner-md-inset-right-p2 {
    padding-right: 24px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .col-inner-md-inset-right-p2 {
    padding-right: 30px;
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .col-inner-md-inset-right-p2 {
    padding-right: 40px;
  }
}
@media (min-width: 1024px) {
  .col-lg-0 {
    width: 0%;
  }
  .col-lg-0-half {
    width: 4.1666666667%;
  }
  .col-lg-0-split {
    width: 0%;
    width: calc(0% + 15px + 15px);
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .js-rtl .offset-lg-0 {
    margin-left: 0;
    margin-right: 0%;
  }
  .offset-right-lg-0 {
    margin-right: 0%;
  }
  .js-rtl .offset-right-lg-0 {
    margin-right: 0;
    margin-left: 0%;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-1-half {
    width: 12.5%;
  }
  .col-lg-1-split {
    width: 8.3333333333%;
    width: calc(8.3333333333% + 15px + 15px);
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .js-rtl .offset-lg-1 {
    margin-left: 0;
    margin-right: 8.3333333333%;
  }
  .offset-right-lg-1 {
    margin-right: 8.3333333333%;
  }
  .js-rtl .offset-right-lg-1 {
    margin-right: 0;
    margin-left: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-2-half {
    width: 20.8333333333%;
  }
  .col-lg-2-split {
    width: 16.6666666667%;
    width: calc(16.6666666667% + 15px + 15px);
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .js-rtl .offset-lg-2 {
    margin-left: 0;
    margin-right: 16.6666666667%;
  }
  .offset-right-lg-2 {
    margin-right: 16.6666666667%;
  }
  .js-rtl .offset-right-lg-2 {
    margin-right: 0;
    margin-left: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-3-half {
    width: 29.1666666667%;
  }
  .col-lg-3-split {
    width: 25%;
    width: calc(25% + 15px + 15px);
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .js-rtl .offset-lg-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  .offset-right-lg-3 {
    margin-right: 25%;
  }
  .js-rtl .offset-right-lg-3 {
    margin-right: 0;
    margin-left: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-4-half {
    width: 37.5%;
  }
  .col-lg-4-split {
    width: 33.3333333333%;
    width: calc(33.3333333333% + 15px + 15px);
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .js-rtl .offset-lg-4 {
    margin-left: 0;
    margin-right: 33.3333333333%;
  }
  .offset-right-lg-4 {
    margin-right: 33.3333333333%;
  }
  .js-rtl .offset-right-lg-4 {
    margin-right: 0;
    margin-left: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-5-half {
    width: 45.8333333333%;
  }
  .col-lg-5-split {
    width: 41.6666666667%;
    width: calc(41.6666666667% + 15px + 15px);
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .js-rtl .offset-lg-5 {
    margin-left: 0;
    margin-right: 41.6666666667%;
  }
  .offset-right-lg-5 {
    margin-right: 41.6666666667%;
  }
  .js-rtl .offset-right-lg-5 {
    margin-right: 0;
    margin-left: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-6-half {
    width: 54.1666666667%;
  }
  .col-lg-6-split {
    width: 50%;
    width: calc(50% + 15px + 15px);
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .js-rtl .offset-lg-6 {
    margin-left: 0;
    margin-right: 50%;
  }
  .offset-right-lg-6 {
    margin-right: 50%;
  }
  .js-rtl .offset-right-lg-6 {
    margin-right: 0;
    margin-left: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-7-half {
    width: 62.5%;
  }
  .col-lg-7-split {
    width: 58.3333333333%;
    width: calc(58.3333333333% + 15px + 15px);
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .js-rtl .offset-lg-7 {
    margin-left: 0;
    margin-right: 58.3333333333%;
  }
  .offset-right-lg-7 {
    margin-right: 58.3333333333%;
  }
  .js-rtl .offset-right-lg-7 {
    margin-right: 0;
    margin-left: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-8-half {
    width: 70.8333333333%;
  }
  .col-lg-8-split {
    width: 66.6666666667%;
    width: calc(66.6666666667% + 15px + 15px);
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .js-rtl .offset-lg-8 {
    margin-left: 0;
    margin-right: 66.6666666667%;
  }
  .offset-right-lg-8 {
    margin-right: 66.6666666667%;
  }
  .js-rtl .offset-right-lg-8 {
    margin-right: 0;
    margin-left: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-9-half {
    width: 79.1666666667%;
  }
  .col-lg-9-split {
    width: 75%;
    width: calc(75% + 15px + 15px);
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .js-rtl .offset-lg-9 {
    margin-left: 0;
    margin-right: 75%;
  }
  .offset-right-lg-9 {
    margin-right: 75%;
  }
  .js-rtl .offset-right-lg-9 {
    margin-right: 0;
    margin-left: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-10-half {
    width: 87.5%;
  }
  .col-lg-10-split {
    width: 83.3333333333%;
    width: calc(83.3333333333% + 15px + 15px);
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .js-rtl .offset-lg-10 {
    margin-left: 0;
    margin-right: 83.3333333333%;
  }
  .offset-right-lg-10 {
    margin-right: 83.3333333333%;
  }
  .js-rtl .offset-right-lg-10 {
    margin-right: 0;
    margin-left: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-11-half {
    width: 95.8333333333%;
  }
  .col-lg-11-split {
    width: 91.6666666667%;
    width: calc(91.6666666667% + 15px + 15px);
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .js-rtl .offset-lg-11 {
    margin-left: 0;
    margin-right: 91.6666666667%;
  }
  .offset-right-lg-11 {
    margin-right: 91.6666666667%;
  }
  .js-rtl .offset-right-lg-11 {
    margin-right: 0;
    margin-left: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-12-half {
    width: 104.1666666667%;
  }
  .col-lg-12-split {
    width: 100%;
    width: calc(100% + 15px + 15px);
  }
  .offset-lg-12 {
    margin-left: 100%;
  }
  .js-rtl .offset-lg-12 {
    margin-left: 0;
    margin-right: 100%;
  }
  .offset-right-lg-12 {
    margin-right: 100%;
  }
  .js-rtl .offset-right-lg-12 {
    margin-right: 0;
    margin-left: 100%;
  }
  .col-lg-no-padding {
    padding: 0 !important;
  }
  .col-inset-lg-left-c1 {
    padding-left: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 1024px) and (min-width: 580px) {
  .col-inset-lg-left-c1 {
    padding-left: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .col-inset-lg-left-c1 {
    padding-left: calc(8.3333333333% - 12px);
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .col-inset-lg-left-c1 {
    padding-left: calc(8.3333333333% - 15px);
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .col-inset-lg-left-c1 {
    padding-left: calc(8.3333333333% - 20px);
  }
}
@media (min-width: 1024px) {
  .col-inset-lg-right-c1 {
    padding-right: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 1024px) and (min-width: 580px) {
  .col-inset-lg-right-c1 {
    padding-right: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .col-inset-lg-right-c1 {
    padding-right: calc(8.3333333333% - 12px);
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .col-inset-lg-right-c1 {
    padding-right: calc(8.3333333333% - 15px);
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .col-inset-lg-right-c1 {
    padding-right: calc(8.3333333333% - 20px);
  }
}
@media (min-width: 1024px) {
  .col-inner-lg-outset-p1 {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1024px) and (min-width: 580px) {
  .col-inner-lg-outset-p1 {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .col-inner-lg-outset-p1 {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .col-inner-lg-outset-p1 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .col-inner-lg-outset-p1 {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 1024px) {
  .col-inner-lg-outset-p2 {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 1024px) and (min-width: 580px) {
  .col-inner-lg-outset-p2 {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .col-inner-lg-outset-p2 {
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .col-inner-lg-outset-p2 {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .col-inner-lg-outset-p2 {
    margin-left: -40px;
    margin-right: -40px;
  }
}
@media (min-width: 1024px) {
  .col-inner-lg-outset-left-p2 {
    margin-left: -20px;
  }
}
@media (min-width: 1024px) and (min-width: 580px) {
  .col-inner-lg-outset-left-p2 {
    margin-left: -20px;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .col-inner-lg-outset-left-p2 {
    margin-left: -24px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .col-inner-lg-outset-left-p2 {
    margin-left: -30px;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .col-inner-lg-outset-left-p2 {
    margin-left: -40px;
  }
}
@media (min-width: 1024px) {
  .col-inner-lg-outset-right-p2 {
    margin-right: -20px;
  }
}
@media (min-width: 1024px) and (min-width: 580px) {
  .col-inner-lg-outset-right-p2 {
    margin-right: -20px;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .col-inner-lg-outset-right-p2 {
    margin-right: -24px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .col-inner-lg-outset-right-p2 {
    margin-right: -30px;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .col-inner-lg-outset-right-p2 {
    margin-right: -40px;
  }
}
@media (min-width: 1024px) {
  .col-inner-lg-outset-right-p4 {
    margin-right: -40px;
  }
}
@media (min-width: 1024px) and (min-width: 580px) {
  .col-inner-lg-outset-right-p4 {
    margin-right: -40px;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .col-inner-lg-outset-right-p4 {
    margin-right: -48px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .col-inner-lg-outset-right-p4 {
    margin-right: -60px;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .col-inner-lg-outset-right-p4 {
    margin-right: -80px;
  }
}
@media (min-width: 1024px) {
  .col-inner-lg-inset-left-p2 {
    padding-left: 20px;
  }
}
@media (min-width: 1024px) and (min-width: 580px) {
  .col-inner-lg-inset-left-p2 {
    padding-left: 20px;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .col-inner-lg-inset-left-p2 {
    padding-left: 24px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .col-inner-lg-inset-left-p2 {
    padding-left: 30px;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .col-inner-lg-inset-left-p2 {
    padding-left: 40px;
  }
}
@media (min-width: 1024px) {
  .col-inner-lg-inset-right-p2 {
    padding-right: 20px;
  }
}
@media (min-width: 1024px) and (min-width: 580px) {
  .col-inner-lg-inset-right-p2 {
    padding-right: 20px;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .col-inner-lg-inset-right-p2 {
    padding-right: 24px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .col-inner-lg-inset-right-p2 {
    padding-right: 30px;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .col-inner-lg-inset-right-p2 {
    padding-right: 40px;
  }
}
@media (min-width: 1280px) {
  .col-xl-0 {
    width: 0%;
  }
  .col-xl-0-half {
    width: 4.1666666667%;
  }
  .col-xl-0-split {
    width: 0%;
    width: calc(0% + 20px + 20px);
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .js-rtl .offset-xl-0 {
    margin-left: 0;
    margin-right: 0%;
  }
  .offset-right-xl-0 {
    margin-right: 0%;
  }
  .js-rtl .offset-right-xl-0 {
    margin-right: 0;
    margin-left: 0%;
  }
  .col-xl-1 {
    width: 8.3333333333%;
  }
  .col-xl-1-half {
    width: 12.5%;
  }
  .col-xl-1-split {
    width: 8.3333333333%;
    width: calc(8.3333333333% + 20px + 20px);
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .js-rtl .offset-xl-1 {
    margin-left: 0;
    margin-right: 8.3333333333%;
  }
  .offset-right-xl-1 {
    margin-right: 8.3333333333%;
  }
  .js-rtl .offset-right-xl-1 {
    margin-right: 0;
    margin-left: 8.3333333333%;
  }
  .col-xl-2 {
    width: 16.6666666667%;
  }
  .col-xl-2-half {
    width: 20.8333333333%;
  }
  .col-xl-2-split {
    width: 16.6666666667%;
    width: calc(16.6666666667% + 20px + 20px);
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .js-rtl .offset-xl-2 {
    margin-left: 0;
    margin-right: 16.6666666667%;
  }
  .offset-right-xl-2 {
    margin-right: 16.6666666667%;
  }
  .js-rtl .offset-right-xl-2 {
    margin-right: 0;
    margin-left: 16.6666666667%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-3-half {
    width: 29.1666666667%;
  }
  .col-xl-3-split {
    width: 25%;
    width: calc(25% + 20px + 20px);
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .js-rtl .offset-xl-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  .offset-right-xl-3 {
    margin-right: 25%;
  }
  .js-rtl .offset-right-xl-3 {
    margin-right: 0;
    margin-left: 25%;
  }
  .col-xl-4 {
    width: 33.3333333333%;
  }
  .col-xl-4-half {
    width: 37.5%;
  }
  .col-xl-4-split {
    width: 33.3333333333%;
    width: calc(33.3333333333% + 20px + 20px);
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .js-rtl .offset-xl-4 {
    margin-left: 0;
    margin-right: 33.3333333333%;
  }
  .offset-right-xl-4 {
    margin-right: 33.3333333333%;
  }
  .js-rtl .offset-right-xl-4 {
    margin-right: 0;
    margin-left: 33.3333333333%;
  }
  .col-xl-5 {
    width: 41.6666666667%;
  }
  .col-xl-5-half {
    width: 45.8333333333%;
  }
  .col-xl-5-split {
    width: 41.6666666667%;
    width: calc(41.6666666667% + 20px + 20px);
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .js-rtl .offset-xl-5 {
    margin-left: 0;
    margin-right: 41.6666666667%;
  }
  .offset-right-xl-5 {
    margin-right: 41.6666666667%;
  }
  .js-rtl .offset-right-xl-5 {
    margin-right: 0;
    margin-left: 41.6666666667%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-6-half {
    width: 54.1666666667%;
  }
  .col-xl-6-split {
    width: 50%;
    width: calc(50% + 20px + 20px);
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .js-rtl .offset-xl-6 {
    margin-left: 0;
    margin-right: 50%;
  }
  .offset-right-xl-6 {
    margin-right: 50%;
  }
  .js-rtl .offset-right-xl-6 {
    margin-right: 0;
    margin-left: 50%;
  }
  .col-xl-7 {
    width: 58.3333333333%;
  }
  .col-xl-7-half {
    width: 62.5%;
  }
  .col-xl-7-split {
    width: 58.3333333333%;
    width: calc(58.3333333333% + 20px + 20px);
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .js-rtl .offset-xl-7 {
    margin-left: 0;
    margin-right: 58.3333333333%;
  }
  .offset-right-xl-7 {
    margin-right: 58.3333333333%;
  }
  .js-rtl .offset-right-xl-7 {
    margin-right: 0;
    margin-left: 58.3333333333%;
  }
  .col-xl-8 {
    width: 66.6666666667%;
  }
  .col-xl-8-half {
    width: 70.8333333333%;
  }
  .col-xl-8-split {
    width: 66.6666666667%;
    width: calc(66.6666666667% + 20px + 20px);
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .js-rtl .offset-xl-8 {
    margin-left: 0;
    margin-right: 66.6666666667%;
  }
  .offset-right-xl-8 {
    margin-right: 66.6666666667%;
  }
  .js-rtl .offset-right-xl-8 {
    margin-right: 0;
    margin-left: 66.6666666667%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-9-half {
    width: 79.1666666667%;
  }
  .col-xl-9-split {
    width: 75%;
    width: calc(75% + 20px + 20px);
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .js-rtl .offset-xl-9 {
    margin-left: 0;
    margin-right: 75%;
  }
  .offset-right-xl-9 {
    margin-right: 75%;
  }
  .js-rtl .offset-right-xl-9 {
    margin-right: 0;
    margin-left: 75%;
  }
  .col-xl-10 {
    width: 83.3333333333%;
  }
  .col-xl-10-half {
    width: 87.5%;
  }
  .col-xl-10-split {
    width: 83.3333333333%;
    width: calc(83.3333333333% + 20px + 20px);
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .js-rtl .offset-xl-10 {
    margin-left: 0;
    margin-right: 83.3333333333%;
  }
  .offset-right-xl-10 {
    margin-right: 83.3333333333%;
  }
  .js-rtl .offset-right-xl-10 {
    margin-right: 0;
    margin-left: 83.3333333333%;
  }
  .col-xl-11 {
    width: 91.6666666667%;
  }
  .col-xl-11-half {
    width: 95.8333333333%;
  }
  .col-xl-11-split {
    width: 91.6666666667%;
    width: calc(91.6666666667% + 20px + 20px);
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .js-rtl .offset-xl-11 {
    margin-left: 0;
    margin-right: 91.6666666667%;
  }
  .offset-right-xl-11 {
    margin-right: 91.6666666667%;
  }
  .js-rtl .offset-right-xl-11 {
    margin-right: 0;
    margin-left: 91.6666666667%;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-12-half {
    width: 104.1666666667%;
  }
  .col-xl-12-split {
    width: 100%;
    width: calc(100% + 20px + 20px);
  }
  .offset-xl-12 {
    margin-left: 100%;
  }
  .js-rtl .offset-xl-12 {
    margin-left: 0;
    margin-right: 100%;
  }
  .offset-right-xl-12 {
    margin-right: 100%;
  }
  .js-rtl .offset-right-xl-12 {
    margin-right: 0;
    margin-left: 100%;
  }
  .col-xl-no-padding {
    padding: 0 !important;
  }
  .col-inset-xl-left-c1 {
    padding-left: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 1280px) and (min-width: 580px) {
  .col-inset-xl-left-c1 {
    padding-left: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 1280px) and (min-width: 768px) {
  .col-inset-xl-left-c1 {
    padding-left: calc(8.3333333333% - 12px);
  }
}
@media (min-width: 1280px) and (min-width: 1024px) {
  .col-inset-xl-left-c1 {
    padding-left: calc(8.3333333333% - 15px);
  }
}
@media (min-width: 1280px) and (min-width: 1280px) {
  .col-inset-xl-left-c1 {
    padding-left: calc(8.3333333333% - 20px);
  }
}
@media (min-width: 1280px) {
  .col-inset-xl-right-c1 {
    padding-right: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 1280px) and (min-width: 580px) {
  .col-inset-xl-right-c1 {
    padding-right: calc(8.3333333333% - 10px);
  }
}
@media (min-width: 1280px) and (min-width: 768px) {
  .col-inset-xl-right-c1 {
    padding-right: calc(8.3333333333% - 12px);
  }
}
@media (min-width: 1280px) and (min-width: 1024px) {
  .col-inset-xl-right-c1 {
    padding-right: calc(8.3333333333% - 15px);
  }
}
@media (min-width: 1280px) and (min-width: 1280px) {
  .col-inset-xl-right-c1 {
    padding-right: calc(8.3333333333% - 20px);
  }
}
@media (min-width: 1280px) {
  .col-inner-xl-outset-p1 {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1280px) and (min-width: 580px) {
  .col-inner-xl-outset-p1 {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1280px) and (min-width: 768px) {
  .col-inner-xl-outset-p1 {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media (min-width: 1280px) and (min-width: 1024px) {
  .col-inner-xl-outset-p1 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 1280px) and (min-width: 1280px) {
  .col-inner-xl-outset-p1 {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 1280px) {
  .col-inner-xl-outset-p2 {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 1280px) and (min-width: 580px) {
  .col-inner-xl-outset-p2 {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 1280px) and (min-width: 768px) {
  .col-inner-xl-outset-p2 {
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 1280px) and (min-width: 1024px) {
  .col-inner-xl-outset-p2 {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media (min-width: 1280px) and (min-width: 1280px) {
  .col-inner-xl-outset-p2 {
    margin-left: -40px;
    margin-right: -40px;
  }
}
@media (min-width: 1280px) {
  .col-inner-xl-outset-left-p2 {
    margin-left: -20px;
  }
}
@media (min-width: 1280px) and (min-width: 580px) {
  .col-inner-xl-outset-left-p2 {
    margin-left: -20px;
  }
}
@media (min-width: 1280px) and (min-width: 768px) {
  .col-inner-xl-outset-left-p2 {
    margin-left: -24px;
  }
}
@media (min-width: 1280px) and (min-width: 1024px) {
  .col-inner-xl-outset-left-p2 {
    margin-left: -30px;
  }
}
@media (min-width: 1280px) and (min-width: 1280px) {
  .col-inner-xl-outset-left-p2 {
    margin-left: -40px;
  }
}
@media (min-width: 1280px) {
  .col-inner-xl-outset-right-p2 {
    margin-right: -20px;
  }
}
@media (min-width: 1280px) and (min-width: 580px) {
  .col-inner-xl-outset-right-p2 {
    margin-right: -20px;
  }
}
@media (min-width: 1280px) and (min-width: 768px) {
  .col-inner-xl-outset-right-p2 {
    margin-right: -24px;
  }
}
@media (min-width: 1280px) and (min-width: 1024px) {
  .col-inner-xl-outset-right-p2 {
    margin-right: -30px;
  }
}
@media (min-width: 1280px) and (min-width: 1280px) {
  .col-inner-xl-outset-right-p2 {
    margin-right: -40px;
  }
}
@media (min-width: 1280px) {
  .col-inner-xl-outset-right-p4 {
    margin-right: -40px;
  }
}
@media (min-width: 1280px) and (min-width: 580px) {
  .col-inner-xl-outset-right-p4 {
    margin-right: -40px;
  }
}
@media (min-width: 1280px) and (min-width: 768px) {
  .col-inner-xl-outset-right-p4 {
    margin-right: -48px;
  }
}
@media (min-width: 1280px) and (min-width: 1024px) {
  .col-inner-xl-outset-right-p4 {
    margin-right: -60px;
  }
}
@media (min-width: 1280px) and (min-width: 1280px) {
  .col-inner-xl-outset-right-p4 {
    margin-right: -80px;
  }
}
@media (min-width: 1280px) {
  .col-inner-xl-inset-left-p2 {
    padding-left: 20px;
  }
}
@media (min-width: 1280px) and (min-width: 580px) {
  .col-inner-xl-inset-left-p2 {
    padding-left: 20px;
  }
}
@media (min-width: 1280px) and (min-width: 768px) {
  .col-inner-xl-inset-left-p2 {
    padding-left: 24px;
  }
}
@media (min-width: 1280px) and (min-width: 1024px) {
  .col-inner-xl-inset-left-p2 {
    padding-left: 30px;
  }
}
@media (min-width: 1280px) and (min-width: 1280px) {
  .col-inner-xl-inset-left-p2 {
    padding-left: 40px;
  }
}
@media (min-width: 1280px) {
  .col-inner-xl-inset-right-p2 {
    padding-right: 20px;
  }
}
@media (min-width: 1280px) and (min-width: 580px) {
  .col-inner-xl-inset-right-p2 {
    padding-right: 20px;
  }
}
@media (min-width: 1280px) and (min-width: 768px) {
  .col-inner-xl-inset-right-p2 {
    padding-right: 24px;
  }
}
@media (min-width: 1280px) and (min-width: 1024px) {
  .col-inner-xl-inset-right-p2 {
    padding-right: 30px;
  }
}
@media (min-width: 1280px) and (min-width: 1280px) {
  .col-inner-xl-inset-right-p2 {
    padding-right: 40px;
  }
}
.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  width: 100%;
  margin: 0 auto;
  max-width: 660px;
  gap: 20px;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .grid {
    max-width: 1280px;
  }
}
@media (min-width: 1024px) {
  .grid--split {
    width: 41.6666666667%;
    width: calc(41.6666666667% + 15px + 15px);
    margin-left: 0;
  }
}
@media (min-width: 1280px) {
  .grid--split {
    width: calc(41.6666666667% + 20px + 20px);
  }
}
@media (max-width: 768px) {
  .grid--tabs {
    gap: 8px;
  }
}
@media (min-width: 1024px) {
  .body--split .grid {
    max-width: 1450px;
  }
}
.js-grid .grid {
  background: rgba(128, 128, 128, 0.06);
}
@media (min-width: 768px) {
  .grid {
    gap: 24px;
    padding: 0 12px;
  }
}
@media (min-width: 1024px) {
  .grid {
    gap: 30px;
    padding: 0 15px;
  }
}
@media (min-width: 1280px) {
  .grid {
    gap: 40px;
    padding: 0 20px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .body--split .grid {
    padding: 0 15px;
  }
}
@media (min-width: 1024px) and (min-width: 1280px) {
  .body--split .grid {
    padding: 0 20px;
  }
}

.gcol {
  grid-column-end: span 12;
}
.js-grid .gcol {
  background: rgba(128, 128, 128, 0.06);
}

@media (min-width: 1024px) {
  .grid--offset-n2 .gcol:nth-child(odd) {
    grid-column-start: 2;
  }
}

.gcol-1 {
  grid-column-end: span 1;
}

.gcol-start-1 {
  grid-column-start: 1;
}

.gcol-2 {
  grid-column-end: span 2;
}

.gcol-start-2 {
  grid-column-start: 2;
}

.gcol-3 {
  grid-column-end: span 3;
}

.gcol-start-3 {
  grid-column-start: 3;
}

.gcol-4 {
  grid-column-end: span 4;
}

.gcol-start-4 {
  grid-column-start: 4;
}

.gcol-5 {
  grid-column-end: span 5;
}

.gcol-start-5 {
  grid-column-start: 5;
}

.gcol-6 {
  grid-column-end: span 6;
}

.gcol-start-6 {
  grid-column-start: 6;
}

.gcol-7 {
  grid-column-end: span 7;
}

.gcol-start-7 {
  grid-column-start: 7;
}

.gcol-8 {
  grid-column-end: span 8;
}

.gcol-start-8 {
  grid-column-start: 8;
}

.gcol-9 {
  grid-column-end: span 9;
}

.gcol-start-9 {
  grid-column-start: 9;
}

.gcol-10 {
  grid-column-end: span 10;
}

.gcol-start-10 {
  grid-column-start: 10;
}

.gcol-11 {
  grid-column-end: span 11;
}

.gcol-start-11 {
  grid-column-start: 11;
}

.gcol-12 {
  grid-column-end: span 12;
}

.gcol-start-12 {
  grid-column-start: 12;
}

@media (min-width: 580px) {
  .gcol-sm-1 {
    grid-column-end: span 1;
  }
  .gcol-start-sm-1 {
    grid-column-start: 1;
  }
  .gcol-sm-2 {
    grid-column-end: span 2;
  }
  .gcol-start-sm-2 {
    grid-column-start: 2;
  }
  .gcol-sm-3 {
    grid-column-end: span 3;
  }
  .gcol-start-sm-3 {
    grid-column-start: 3;
  }
  .gcol-sm-4 {
    grid-column-end: span 4;
  }
  .gcol-start-sm-4 {
    grid-column-start: 4;
  }
  .gcol-sm-5 {
    grid-column-end: span 5;
  }
  .gcol-start-sm-5 {
    grid-column-start: 5;
  }
  .gcol-sm-6 {
    grid-column-end: span 6;
  }
  .gcol-start-sm-6 {
    grid-column-start: 6;
  }
  .gcol-sm-7 {
    grid-column-end: span 7;
  }
  .gcol-start-sm-7 {
    grid-column-start: 7;
  }
  .gcol-sm-8 {
    grid-column-end: span 8;
  }
  .gcol-start-sm-8 {
    grid-column-start: 8;
  }
  .gcol-sm-9 {
    grid-column-end: span 9;
  }
  .gcol-start-sm-9 {
    grid-column-start: 9;
  }
  .gcol-sm-10 {
    grid-column-end: span 10;
  }
  .gcol-start-sm-10 {
    grid-column-start: 10;
  }
  .gcol-sm-11 {
    grid-column-end: span 11;
  }
  .gcol-start-sm-11 {
    grid-column-start: 11;
  }
  .gcol-sm-12 {
    grid-column-end: span 12;
  }
  .gcol-start-sm-12 {
    grid-column-start: 12;
  }
}
@media (min-width: 768px) {
  .gcol-md-1 {
    grid-column-end: span 1;
  }
  .gcol-start-md-1 {
    grid-column-start: 1;
  }
  .gcol-md-2 {
    grid-column-end: span 2;
  }
  .gcol-start-md-2 {
    grid-column-start: 2;
  }
  .gcol-md-3 {
    grid-column-end: span 3;
  }
  .gcol-start-md-3 {
    grid-column-start: 3;
  }
  .gcol-md-4 {
    grid-column-end: span 4;
  }
  .gcol-start-md-4 {
    grid-column-start: 4;
  }
  .gcol-md-5 {
    grid-column-end: span 5;
  }
  .gcol-start-md-5 {
    grid-column-start: 5;
  }
  .gcol-md-6 {
    grid-column-end: span 6;
  }
  .gcol-start-md-6 {
    grid-column-start: 6;
  }
  .gcol-md-7 {
    grid-column-end: span 7;
  }
  .gcol-start-md-7 {
    grid-column-start: 7;
  }
  .gcol-md-8 {
    grid-column-end: span 8;
  }
  .gcol-start-md-8 {
    grid-column-start: 8;
  }
  .gcol-md-9 {
    grid-column-end: span 9;
  }
  .gcol-start-md-9 {
    grid-column-start: 9;
  }
  .gcol-md-10 {
    grid-column-end: span 10;
  }
  .gcol-start-md-10 {
    grid-column-start: 10;
  }
  .gcol-md-11 {
    grid-column-end: span 11;
  }
  .gcol-start-md-11 {
    grid-column-start: 11;
  }
  .gcol-md-12 {
    grid-column-end: span 12;
  }
  .gcol-start-md-12 {
    grid-column-start: 12;
  }
}
@media (min-width: 1024px) {
  .gcol-lg-1 {
    grid-column-end: span 1;
  }
  .gcol-start-lg-1 {
    grid-column-start: 1;
  }
  .gcol-lg-2 {
    grid-column-end: span 2;
  }
  .gcol-start-lg-2 {
    grid-column-start: 2;
  }
  .gcol-lg-3 {
    grid-column-end: span 3;
  }
  .gcol-start-lg-3 {
    grid-column-start: 3;
  }
  .gcol-lg-4 {
    grid-column-end: span 4;
  }
  .gcol-start-lg-4 {
    grid-column-start: 4;
  }
  .gcol-lg-5 {
    grid-column-end: span 5;
  }
  .gcol-start-lg-5 {
    grid-column-start: 5;
  }
  .gcol-lg-6 {
    grid-column-end: span 6;
  }
  .gcol-start-lg-6 {
    grid-column-start: 6;
  }
  .gcol-lg-7 {
    grid-column-end: span 7;
  }
  .gcol-start-lg-7 {
    grid-column-start: 7;
  }
  .gcol-lg-8 {
    grid-column-end: span 8;
  }
  .gcol-start-lg-8 {
    grid-column-start: 8;
  }
  .gcol-lg-9 {
    grid-column-end: span 9;
  }
  .gcol-start-lg-9 {
    grid-column-start: 9;
  }
  .gcol-lg-10 {
    grid-column-end: span 10;
  }
  .gcol-start-lg-10 {
    grid-column-start: 10;
  }
  .gcol-lg-11 {
    grid-column-end: span 11;
  }
  .gcol-start-lg-11 {
    grid-column-start: 11;
  }
  .gcol-lg-12 {
    grid-column-end: span 12;
  }
  .gcol-start-lg-12 {
    grid-column-start: 12;
  }
}
@media (min-width: 1280px) {
  .gcol-xl-1 {
    grid-column-end: span 1;
  }
  .gcol-start-xl-1 {
    grid-column-start: 1;
  }
  .gcol-xl-2 {
    grid-column-end: span 2;
  }
  .gcol-start-xl-2 {
    grid-column-start: 2;
  }
  .gcol-xl-3 {
    grid-column-end: span 3;
  }
  .gcol-start-xl-3 {
    grid-column-start: 3;
  }
  .gcol-xl-4 {
    grid-column-end: span 4;
  }
  .gcol-start-xl-4 {
    grid-column-start: 4;
  }
  .gcol-xl-5 {
    grid-column-end: span 5;
  }
  .gcol-start-xl-5 {
    grid-column-start: 5;
  }
  .gcol-xl-6 {
    grid-column-end: span 6;
  }
  .gcol-start-xl-6 {
    grid-column-start: 6;
  }
  .gcol-xl-7 {
    grid-column-end: span 7;
  }
  .gcol-start-xl-7 {
    grid-column-start: 7;
  }
  .gcol-xl-8 {
    grid-column-end: span 8;
  }
  .gcol-start-xl-8 {
    grid-column-start: 8;
  }
  .gcol-xl-9 {
    grid-column-end: span 9;
  }
  .gcol-start-xl-9 {
    grid-column-start: 9;
  }
  .gcol-xl-10 {
    grid-column-end: span 10;
  }
  .gcol-start-xl-10 {
    grid-column-start: 10;
  }
  .gcol-xl-11 {
    grid-column-end: span 11;
  }
  .gcol-start-xl-11 {
    grid-column-start: 11;
  }
  .gcol-xl-12 {
    grid-column-end: span 12;
  }
  .gcol-start-xl-12 {
    grid-column-start: 12;
  }
}
.order-0 {
  -ms-flex-order: 0;
      order: 0;
}

.order-1 {
  -ms-flex-order: 1;
      order: 1;
}

.order-2 {
  -ms-flex-order: 2;
      order: 2;
}

.order-3 {
  -ms-flex-order: 3;
      order: 3;
}

@media (min-width: 580px) {
  .order-sm-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
        order: 3;
  }
}
@media (min-width: 768px) {
  .order-md-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
        order: 3;
  }
}
@media (min-width: 1024px) {
  .order-lg-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
        order: 3;
  }
}
@media (min-width: 1280px) {
  .order-xl-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
        order: 3;
  }
}
.mt-0 {
  margin-top: 0;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}

@media (min-width: 768px) {
  .mt-120 {
    margin-top: 120px;
  }
}

@media (min-width: 768px) {
  .mt-240 {
    margin-top: 240px;
  }
}

@media (min-width: 580px) {
  .mt-sm-0 {
    margin-top: 0;
  }
  .mt-sm-10 {
    margin-top: 10px;
  }
  .mt-sm-20 {
    margin-top: 20px;
  }
  .mt-sm-30 {
    margin-top: 30px;
  }
  .mt-sm-40 {
    margin-top: 40px;
  }
  .mt-sm-50 {
    margin-top: 50px;
  }
  .mt-sm-60 {
    margin-top: 60px;
  }
  .mt-sm-70 {
    margin-top: 70px;
  }
  .mt-sm-80 {
    margin-top: 80px;
  }
  .mt-sm-90 {
    margin-top: 90px;
  }
  .mt-sm-100 {
    margin-top: 100px;
  }
}
@media (min-width: 580px) and (min-width: 768px) {
  .mt-sm-120 {
    margin-top: 120px;
  }
}
@media (min-width: 580px) and (min-width: 768px) {
  .mt-sm-240 {
    margin-top: 240px;
  }
}
@media (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0;
  }
  .mt-md-10 {
    margin-top: 10px;
  }
  .mt-md-20 {
    margin-top: 20px;
  }
  .mt-md-30 {
    margin-top: 30px;
  }
  .mt-md-40 {
    margin-top: 40px;
  }
  .mt-md-50 {
    margin-top: 50px;
  }
  .mt-md-60 {
    margin-top: 60px;
  }
  .mt-md-70 {
    margin-top: 70px;
  }
  .mt-md-80 {
    margin-top: 80px;
  }
  .mt-md-90 {
    margin-top: 90px;
  }
  .mt-md-100 {
    margin-top: 100px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .mt-md-120 {
    margin-top: 120px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .mt-md-240 {
    margin-top: 240px;
  }
}
@media (min-width: 1024px) {
  .mt-lg-0 {
    margin-top: 0;
  }
  .mt-lg-10 {
    margin-top: 10px;
  }
  .mt-lg-20 {
    margin-top: 20px;
  }
  .mt-lg-30 {
    margin-top: 30px;
  }
  .mt-lg-40 {
    margin-top: 40px;
  }
  .mt-lg-50 {
    margin-top: 50px;
  }
  .mt-lg-60 {
    margin-top: 60px;
  }
  .mt-lg-70 {
    margin-top: 70px;
  }
  .mt-lg-80 {
    margin-top: 80px;
  }
  .mt-lg-90 {
    margin-top: 90px;
  }
  .mt-lg-100 {
    margin-top: 100px;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .mt-lg-120 {
    margin-top: 120px;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .mt-lg-240 {
    margin-top: 240px;
  }
}
@media (min-width: 1280px) {
  .mt-xl-0 {
    margin-top: 0;
  }
  .mt-xl-10 {
    margin-top: 10px;
  }
  .mt-xl-20 {
    margin-top: 20px;
  }
  .mt-xl-30 {
    margin-top: 30px;
  }
  .mt-xl-40 {
    margin-top: 40px;
  }
  .mt-xl-50 {
    margin-top: 50px;
  }
  .mt-xl-60 {
    margin-top: 60px;
  }
  .mt-xl-70 {
    margin-top: 70px;
  }
  .mt-xl-80 {
    margin-top: 80px;
  }
  .mt-xl-90 {
    margin-top: 90px;
  }
  .mt-xl-100 {
    margin-top: 100px;
  }
}
@media (min-width: 1280px) and (min-width: 768px) {
  .mt-xl-120 {
    margin-top: 120px;
  }
}
@media (min-width: 1280px) and (min-width: 768px) {
  .mt-xl-240 {
    margin-top: 240px;
  }
}
@font-face {
  font-family: "icomoon";
  src: url("../eot/icomoona5af.eot");
  src: url("../eot/icomoona5af.eot#iefix") format("embedded-opentype"), url("../ttf/icomoona5af.ttf") format("truetype"), url("../icomoona5af.html") format("woff"), url("../svg/icomoona5af.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bullet-large:before {
  content: "\e900";
}

.icon-bullet-small:before {
  content: "\e901";
}

.svg-icon {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  fill: currentColor;
  font-size: 0;
  line-height: 0;
}

#js-blocker,
#js-callback-blocker,
#js-filter-blocker {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#js-blocker.visible,
#js-callback-blocker.visible,
#js-filter-blocker.visible {
  display: block;
}

#js-blocker {
  z-index: 99999;
}
.u-is-local #js-blocker {
  background: rgba(255, 0, 0, 0.1);
}

#js-callback-blocker {
  background: rgba(0, 0, 0, 0.2);
  z-index: 998;
}

#js-filter-blocker {
  z-index: 1;
}

#js-fadeout {
  display: none;
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  z-index: 95;
}
#js-fadeout.visible1 {
  display: block;
}
#js-fadeout.visible2 {
  opacity: 1;
}

#js-vh {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100vh;
}

#js-svg svg {
  display: none;
}

#js-is-0 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
@media (min-width: 0) {
  #js-is-0 {
    display: block;
  }
}

#js-is-xxs {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
@media (min-width: 375px) {
  #js-is-xxs {
    display: block;
  }
}

#js-is-xs {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
@media (min-width: 440px) {
  #js-is-xs {
    display: block;
  }
}

#js-is-sm {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
@media (min-width: 580px) {
  #js-is-sm {
    display: block;
  }
}

#js-is-md {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
@media (min-width: 768px) {
  #js-is-md {
    display: block;
  }
}

#js-is-mdl {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
@media (min-width: 880px) {
  #js-is-mdl {
    display: block;
  }
}

#js-is-lg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
@media (min-width: 1024px) {
  #js-is-lg {
    display: block;
  }
}

#js-is-xl {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
@media (min-width: 1280px) {
  #js-is-xl {
    display: block;
  }
}

.u-bg-contain {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.u-bg-cover {
  background-size: cover;
  background-position: center 40%;
  background-repeat: no-repeat;
}

.u-bg-top {
  background-position: 50% 20%;
}

.u-bg-center {
  background-position: 50% 50%;
}

.u-clearfix:before,
.u-clearfix:after {
  content: "";
  display: table;
}

.u-clearfix:after {
  clear: both;
}

.u-clearfix {
  zoom: 1;
}

.u-img {
  font-size: 0;
  line-height: 0;
}
.u-img picture,
.u-img img {
  position: relative;
  width: 100%;
  height: auto;
}

.u-img--bg {
  background: rgba(128, 128, 128, 0.2);
}

.u-img-cover {
  position: absolute;
  width: 100%;
  height: 100%;
}
.u-img-cover picture,
.u-img-cover img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.u-ratio {
  overflow: hidden;
  width: 100%;
  height: 0;
}
.u-ratio > img,
.u-ratio > picture,
.u-ratio > picture > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.u-ratio--default {
  height: auto;
}
.u-ratio--default > img,
.u-ratio--default > picture,
.u-ratio--default > picture > img {
  position: relative;
  height: auto;
}

.u-ratio--1-1 {
  padding: 0 0 100%;
}

.u-ratio--5-4 {
  padding: 0 0 80%;
}

.u-ratio--4-3 {
  padding: 0 0 75%;
}

.u-ratio--3-2 {
  padding: 0 0 66.6666666667%;
}

.u-ratio--16-9 {
  padding: 0 0 56.25%;
}

.u-ratio--4-5 {
  padding: 0 0 125%;
}

.u-ratio--3-4 {
  padding: 0 0 133.3333333333%;
}

.u-ratio--2-3 {
  padding: 0 0 150%;
}

.u-embed,
.u-video {
  width: 100%;
  height: 0;
  padding: 0 0 56.25%;
  background: rgba(0, 0, 0, 0.1);
}
.u-embed > *,
.u-video > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.u-video {
  background: #000;
}
.u-video--cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
@media (min-width: 1024px) {
  .u-video--cover-desktop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
  }
}

.u-embed-quiz {
  padding: 0 0 75%;
}

@media (min-width: 768px) {
  .u-mobile-only,
.u-mobile-only * {
    display: none !important;
    background: none !important;
  }
}

@media (min-width: 1024px) {
  .u-mobile-tablet-only,
.u-mobile-tablet-only * {
    display: none !important;
    background: none !important;
  }
}

@media (max-width: 767px) {
  .u-tablet-only,
.u-tablet-only * {
    display: none !important;
    background: none !important;
  }
}
@media (min-width: 1024px) {
  .u-tablet-only,
.u-tablet-only * {
    display: none !important;
    background: none !important;
  }
}

@media (max-width: 767px) {
  .u-tablet-desktop-only,
.u-tablet-desktop-only * {
    display: none !important;
    background: none !important;
  }
}

@media (max-width: 1023px) {
  .u-desktop-only,
.u-desktop-only * {
    display: none !important;
    background: none !important;
  }
}

.u-trigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 0 !important;
  height: 0;
}
.u-trigger--bottom {
  top: auto;
  bottom: 0;
}
.u-trigger--tall {
  height: 100%;
}

.u-block {
  display: block;
}

.u-hidden {
  display: none !important;
}

.u-hidden-initial {
  display: none;
}

@media (max-width: 767px) {
  .u-hidden-mobile {
    display: none !important;
  }
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-hidefont,
.u-hide-font {
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

.u-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

img.u-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.u-screen-reader {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: -10000px;
  width: 1px;
  height: 1px;
}

.u-js-only {
  display: none;
}
body.has-js .u-js-only {
  display: block;
}

.u-noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

html.html--dyslexic .u-non-dyslexic-only {
  display: none !important;
}

html:not(.html--dyslexic) .u-dyslexic-only {
  display: none !important;
}

html.html--high-contrast .u-non-high-contrast-only {
  display: none !important;
}

html:not(.html--high-contrast) .u-high-contrast-only {
  display: none !important;
}

.u-dev-blocks-border {
  border-bottom: 2px solid #eee;
}

.u-dev-blocks {
  margin: 0 auto;
  font-size: 1.3rem;
  text-align: left;
}
@media (min-width: 768px) {
  .u-dev-blocks {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media (min-width: 1024px) {
  .u-dev-blocks--split {
    -moz-column-count: 1;
         column-count: 1;
    margin: 0;
  }
}

.u-dev-row {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.u-dev-row:nth-child(even) {
  background: rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
  .u-dev-row div {
    max-width: none;
  }
}
.u-dev-row a {
  display: inline-block;
  padding: 2px 4px;
  text-decoration: none;
}
@media (min-width: 768px) {
  .u-dev-row a {
    padding: 2px 6px;
  }
}
.u-dev-row a:hover, .u-dev-row a:focus {
  text-decoration: underline;
}
.u-dev-row a.current {
  background: rgba(160, 0, 0, 0.15);
}

.u-dev-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.u-dev-grid {
  display: none;
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
html[data-dev-grid=true] .u-dev-grid {
  display: block;
}
.u-dev-grid * {
  height: 100%;
}

.u-dev-grid-col {
  background: rgba(125, 125, 125, 0.05);
}

.u-z-1 {
  z-index: 1 !important;
}

.u-z-2 {
  z-index: 2 !important;
}

.u-z-3 {
  z-index: 3 !important;
}

@media (min-width: 768px) {
  .u-br {
    display: block;
  }
}

body.js-nav-open #ccc {
  z-index: 990 !important;
}

.access {
  display: block;
  position: fixed;
  overflow: hidden;
  top: -100px;
  left: 0;
  width: 100%;
  height: 1px;
  padding: 6px;
  margin: 0;
  background: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  transition: top 350ms ease-in-out;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
}
.access:focus-within {
  top: 0;
  height: auto;
  z-index: 7777;
}
.access ul,
.access li {
  list-style: none;
  margin: 0;
}
.access li {
  display: inline-block;
}
.access a {
  display: inline-block;
  padding: 15px 12px;
  border-radius: 4px;
  text-decoration: none;
  color: #fff;
}
.access a:hover, .access a:focus {
  background: rgba(255, 255, 255, 0.35);
}

.accordion__title {
  width: 90%;
}
@media (min-width: 580px) {
  .accordion__title {
    width: 80%;
  }
}
@media (min-width: 768px) {
  .accordion__title {
    width: 70%;
  }
}
@media (min-width: 1024px) {
  .accordion__title {
    width: 64%;
  }
}
@media (min-width: 1280px) {
  .accordion__title {
    width: 60%;
  }
}
.accordion__title--wide {
  width: 90%;
}
@media (min-width: 580px) {
  .accordion__title--wide {
    width: 90%;
  }
}
@media (min-width: 768px) {
  .accordion__title--wide {
    width: 86%;
  }
}
@media (min-width: 1024px) {
  .accordion__title--wide {
    width: 80%;
  }
}
.accordion__title--full {
  width: 98%;
}
.block__panel .accordion__title {
  width: auto;
}
@media (min-width: 580px) {
  .block__panel .accordion__title {
    width: 86%;
  }
}
@media (min-width: 768px) {
  .block__panel .accordion__title {
    width: 80%;
  }
}
@media (min-width: 1024px) {
  .block__panel .accordion__title {
    width: 64%;
  }
}
@media (min-width: 1280px) {
  .block__panel .accordion__title {
    width: 60%;
  }
}
.block__panel .accordion__title--wide {
  width: 90%;
}
@media (min-width: 580px) {
  .block__panel .accordion__title--wide {
    width: 90%;
  }
}
@media (min-width: 768px) {
  .block__panel .accordion__title--wide {
    width: 86%;
  }
}
@media (min-width: 1024px) {
  .block__panel .accordion__title--wide {
    width: 80%;
  }
}
.block__panel .accordion__title--full {
  width: 98%;
}
.accordion__intro {
  width: 95%;
}
@media (min-width: 580px) {
  .accordion__intro {
    width: 90%;
  }
}
@media (min-width: 768px) {
  .accordion__intro {
    width: 85%;
  }
}
.block__panel .accordion__intro {
  width: auto;
}
@media (min-width: 580px) {
  .block__panel .accordion__intro {
    width: 92%;
  }
}
@media (min-width: 768px) {
  .block__panel .accordion__intro {
    width: 88%;
  }
}
@media (min-width: 1024px) {
  .block__panel .accordion__intro {
    width: 85%;
  }
}
@media (min-width: 768px) {
  .accordion__body {
    width: 97%;
  }
}
.accordion__entries {
  padding: 50px 0 0;
}
.accordion__entries:first-child {
  padding: 0;
}
.accordion__entry {
  border-bottom: 1px solid rgba(51, 51, 51, 0.15);
}
.accordion__entry-title {
  padding: 25px 40px 25px 0;
  cursor: pointer;
}
@media (min-width: 768px) {
  .accordion__entry-title {
    padding: 25px 50px 25px 0;
  }
}
@media (min-width: 1024px) {
  .accordion__entry-title {
    padding: 25px 60px 25px 0;
  }
  .body--split .accordion__entry-title {
    padding: 25px 45px 25px 0;
  }
}
.js-accordion-item--open .accordion__entry-title {
  color: #7a6fd2;
}
.html--high-contrast .js-accordion-item--open .accordion__entry-title {
  color: #6e60a5;
}
.accordion__entry-content {
  display: none;
  padding: 0 0 30px;
  margin: 0;
}
.accordion__entry-content.download-layout:before {
  height: 0 !important;
}
@media (min-width: 768px) {
  .accordion__entry-content {
    padding: 0 0 40px;
  }
}
@media (min-width: 1024px) {
  .accordion__entry-content {
    padding: 0 0 50px;
  }
}
.accordion__entry-content:before {
  content: "";
  display: block;
  height: 5px;
}
@media (min-width: 768px) {
  .accordion__entry-content:before {
    height: 15px;
  }
}
@media (min-width: 1024px) {
  .accordion__entry-content:before {
    height: 20px;
  }
  .body--split .accordion__entry-content:before {
    height: 5px;
  }
}
@media (min-width: 768px) {
  .accordion__entry-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
.accordion__entry-main-image {
  overflow: hidden;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 130px;
  margin-bottom: 15px;
  border-radius: 10px;
  font-size: 0;
  line-height: 0;
}
@media (min-width: 768px) {
  .accordion__entry-main-image {
    width: 24.8815165877%;
    margin-top: 7px;
    margin-bottom: 0;
    margin-right: 3.5545023697%;
  }
}
.accordion__entry-main-body {
  width: 100%;
}
@media (min-width: 768px) {
  .accordion__entry-main-image + .accordion__entry-main-body {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 71.5639810427%;
  }
}
.accordion__entry-intro {
  width: 95%;
}
@media (min-width: 768px) {
  .accordion__entry-intro {
    width: 86%;
  }
}
@media (min-width: 768px) {
  .accordion__entry-intro.download-layout {
    display: -ms-flexbox;
    display: flex;
    width: 100% !important;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .accordion__entry-intro.download-layout p {
    width: 60%;
  }
}
.accordion__entry-intro.download-layout .reading-time {
  font-size: 0.7em;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
}
.accordion__entry-intro.download-layout .reading-time svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.accordion__entry-intro.download-layout .reading-time span {
  padding-top: 1px;
}
@media (min-width: 768px) {
  .accordion .content-wrapper.download-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .accordion__entry-body {
    width: 96%;
  }
}
.accordion__entry-body.download-layout {
  background: rgba(0, 0, 0, 0.025);
  padding: 24px;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .accordion__entry-body.download-layout {
    width: 67.5%;
  }
}
.accordion__entry-body.download-layout ul, .accordion__entry-body.download-layout ol {
  margin-left: 15px;
}
.accordion__entry-body.download-layout ul li, .accordion__entry-body.download-layout ol li {
  margin-bottom: 16px;
}
.accordion__entry-body.download-layout ul li::marker, .accordion__entry-body.download-layout ol li::marker {
  color: #7A6FD2;
}
.accordion__entry-body.download-layout .body-title {
  font-size: 1.2em;
  font-weight: 700;
  color: #505050;
}
.accordion__entry-secondary-body {
  background: #EFF1EB;
  padding: 24px;
  border-radius: 10px;
  margin-top: 0;
  margin-bottom: 1em !important;
}
@media (min-width: 768px) {
  .accordion__entry-secondary-body {
    width: 30%;
  }
}
.accordion__entry-secondary-body ol, .accordion__entry-secondary-body ul {
  margin-left: 15px;
}
.accordion__entry-secondary-body ol li, .accordion__entry-secondary-body ul li {
  margin-bottom: 16px;
  padding-left: 10px;
}
.accordion__entry-secondary-body ol li::marker, .accordion__entry-secondary-body ul li::marker {
  color: #F99048;
  margin-right: 12px;
}
.accordion__entry-secondary-body .secondary-body_title {
  font-size: 1.2em;
  font-weight: 700;
  color: #505050;
}
.accordion__icons {
  display: -ms-flexbox;
  display: flex;
  padding-top: 7px;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #505050;
}
.accordion__icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 40px;
}
.accordion__icon:last-child {
  margin-right: 0;
}
.accordion__icon-img {
  width: 26px;
  height: 26px;
  margin-right: 12px;
}
.accordion__icon-img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.accordion__links {
  padding: 35px 0 0;
}
@media (min-width: 768px) {
  .accordion__links {
    display: -ms-flexbox;
    display: flex;
    padding: 50px 0 0;
  }
}
@media (min-width: 1024px) {
  .body--split .accordion__links {
    display: block;
  }
}
.accordion__links.downloads-layout {
  padding-top: 16px;
}
@media (min-width: 768px) {
  .accordion__links-left {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    width: 50%;
    padding-right: 8px;
  }
  .accordion__links-left:last-child {
    padding-right: 0;
  }
}
@media (min-width: 1280px) {
  .accordion__links-left {
    padding-right: 11px;
  }
  .accordion__links-left:first-child {
    padding-left: 0;
  }
}
@media (min-width: 1024px) {
  .body--split .accordion__links-left {
    width: 100%;
    padding-right: 0;
  }
}
.accordion__links-right {
  padding-top: 15px;
}
@media (min-width: 580px) {
  .accordion__links-right {
    padding-top: 20px;
  }
}
@media (min-width: 768px) {
  .accordion__links-right {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    width: 50%;
    padding-top: 0;
    padding-left: 8px;
  }
  .accordion__links-right:first-child {
    padding-left: 0;
  }
}
@media (min-width: 1280px) {
  .accordion__links-right {
    padding-left: 11px;
  }
  .accordion__links-right:first-child {
    padding-left: 0;
  }
}
@media (min-width: 1024px) {
  .body--split .accordion__links-right {
    width: 100%;
    padding-top: 15px;
    padding-left: 0;
  }
}
@media (min-width: 1280px) {
  .body--split .accordion__links-right {
    padding-top: 20px;
  }
}
.accordion__link {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  -ms-flex-align: center;
      align-items: center;
  min-height: 68px;
  padding: 12px 50px 12px 13px;
  background: #fff;
  border-radius: 5px;
  text-decoration: none;
}
@media (min-width: 580px) and (max-width: 767px), (min-width: 1024px) {
  .accordion__link {
    padding: 13px 60px 13px 16px;
  }
}
@media (min-width: 640px) and (max-width: 767px), (min-width: 1280px) {
  .accordion__link {
    padding: 14px 70px 14px 20px;
  }
}
.accordion__link:hover {
  background: #f9f9f9;
}
.block__panel .accordion__link, [data-bg=white] .accordion__link {
  background: rgba(0, 0, 0, 0.025);
}
.block__panel .accordion__link:hover, [data-bg=white] .accordion__link:hover {
  background: rgba(0, 0, 0, 0.04);
}
.accordion__link:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 26px;
  height: 26px;
  margin: -13px 0;
  background: #ffce5d;
  background-image: url(../svg/round-link.svg);
  background-size: contain;
  border-radius: 50%;
}
@media (min-width: 580px) and (max-width: 767px), (min-width: 1024px) {
  .accordion__link:after {
    right: 12px;
    width: 30px;
    height: 30px;
    margin: -15px 0;
  }
}
@media (min-width: 640px) and (max-width: 767px), (min-width: 1280px) {
  .accordion__link:after {
    right: 15px;
    width: 36px;
    height: 36px;
    margin: -18px 0;
  }
}
.accordion__link--image {
  padding-left: 69px;
}
@media (min-width: 580px) and (max-width: 767px), (min-width: 1024px) {
  .accordion__link--image {
    padding-left: 78px;
  }
}
@media (min-width: 640px) and (max-width: 767px), (min-width: 1280px) {
  .accordion__link--image {
    padding-left: 90px;
  }
}
.accordion__link--download:after {
  background-color: #b291dc;
  background-image: url(../svg/round-download.svg);
}
.accordion__link + .accordion__link {
  margin-top: 15px;
}
@media (min-width: 580px) and (max-width: 767px), (min-width: 1280px) {
  .accordion__link + .accordion__link {
    margin-top: 20px;
  }
}
.accordion__link-image {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 56px;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
}
@media (min-width: 580px) and (max-width: 767px), (min-width: 1024px) {
  .accordion__link-image {
    width: 62px;
  }
}
@media (min-width: 640px) and (max-width: 767px), (min-width: 1280px) {
  .accordion__link-image {
    width: 70px;
  }
}
.accordion__link-image picture,
.accordion__link-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.accordion__link-circle {
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 9%;
  width: 82%;
  height: 0;
  padding: 0 0 82%;
  margin-top: -41%;
  border-radius: 50%;
}
.accordion__link-title {
  line-height: 1.24;
  font-weight: 600;
  font-size: 1.3rem;
  font-size: clamp(1.1rem, 3.4666666667vw, 1.5rem);
}
@media (min-width: 768px) {
  .accordion__link-title {
    font-size: 1.3rem;
    font-size: clamp(1.1rem, 1.6927083333vw, 1.4rem);
  }
}
@media (min-width: 1024px) {
  .accordion__link-title {
    font-size: 1.7rem;
    font-size: clamp(1.4rem, 1.1805555556vw, 1.7rem);
  }
}
.accordion__link-description {
  margin: 2px 0 0;
  font-size: 1.3rem;
  line-height: 1.38;
  color: #505050;
  font-size: 1rem;
  font-size: clamp(1rem, 2.6666666667vw, 1.2rem);
}
@media (min-width: 768px) {
  .accordion__link-description {
    font-size: 1rem;
    font-size: clamp(1rem, 1.3020833333vw, 1.1rem);
  }
}
@media (min-width: 1024px) {
  .accordion__link-description {
    font-size: 1.3rem;
    font-size: clamp(1.1rem, 0.9027777778vw, 1.3rem);
  }
}
.accordion__icon-down, .accordion__icon-up {
  position: absolute;
  top: 50%;
  right: 0;
  width: 18px;
  height: 12px;
  margin-top: -7px;
}
@media (min-width: 768px) {
  .accordion__icon-down, .accordion__icon-up {
    width: 20px;
  }
}
@media (min-width: 1024px) {
  .accordion__icon-down, .accordion__icon-up {
    width: 22px;
  }
  .body--split .accordion__icon-down, .body--split .accordion__icon-up {
    width: 18px;
  }
}
.js-accordion-item--open .accordion__icon-down {
  display: none;
}
.accordion__icon-up {
  display: none;
}
.js-accordion-item--open .accordion__icon-up {
  display: block;
}

.badge {
  display: none;
  position: fixed;
  bottom: 45px;
  right: 35px;
  z-index: 4;
}
@media (min-width: 1024px) {
  .badge {
    display: block;
  }
}
.badge__link {
  display: block;
  position: relative;
  overflow: hidden;
  width: 140px;
  height: 140px;
  margin: 0 0 0 auto;
  background: #fff;
  border-radius: 50%;
  transform: rotate(7deg);
  text-align: center;
}
.badge__slide {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  overflow: hidden;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: #fff;
  border-radius: 50%;
  opacity: 0;
}
.badge__slide--1 {
  opacity: 1;
}
.badge__slide--1 .font-highlight-gradient {
  color: #fb9dc3;
}
.html--high-contrast .badge__slide--1 .font-highlight-gradient {
  color: #6e60a5;
}
.badge__arrow {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../svg/nav-promo-arrow-circle.svg);
  background-size: cover;
  background-position: center;
  opacity: 0;
}
.badge__text {
  font-size: 1.9rem;
  line-height: 1.1;
  font-weight: 600;
}

.mbadge {
  position: fixed;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 4;
}
@media (min-width: 1024px) {
  .mbadge {
    display: none;
  }
}
.mbadge__padding {
  height: 74px;
}
@media (min-width: 1024px) {
  .mbadge__padding {
    display: none;
  }
}
.mbadge__link {
  display: block;
  position: relative;
  overflow: hidden;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
  height: 74px;
  background: #fff;
  text-align: center;
}
.mbadge__inner {
  width: 100%;
  height: 74px;
}
.mbadge__slide {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 40px 0 0;
  background: #fff;
  opacity: 0;
}
.mbadge__slide--1 {
  opacity: 1;
}
.mbadge__slide--1 .font-highlight-gradient {
  color: #fb9dc3;
}
.html--high-contrast .mbadge__slide--1 .font-highlight-gradient {
  color: #6e60a5;
}
.mbadge__text {
  font-size: 1.8rem;
  line-height: 1.15;
  font-weight: 600;
}
.mbadge__arrow {
  position: absolute;
  top: 50%;
  right: 0;
  width: 22px;
  height: 16px;
  margin-top: -8px;
  color: #fb9dc3;
}
.mbadge__slide--2 .mbadge__arrow {
  color: #7a6fd2;
}
.html--high-contrast .mbadge__arrow {
  color: #6e60a5;
}

.btn, .form input[type=submit],
.form input[type=submit]:hover,
.form input[type=button],
.form input[type=button]:hover,
.form .c-btn,
.form .c-btn:hover {
  display: inline-block;
  position: relative;
  padding: 19px 55px 17px 20px;
  margin: 30px 0 0;
  background: #ffce5d;
  border-radius: 100px;
  transition: transform 150ms ease-in-out;
  will-change: transform;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  text-decoration: none !important;
  color: #333 !important;
}
@media (min-width: 768px) {
  .btn, .form input[type=submit],
.form input[type=submit]:hover,
.form input[type=button],
.form input[type=button]:hover,
.form .c-btn,
.form .c-btn:hover {
    font-size: 2rem;
  }
}
@media (min-width: 1024px) {
  .btn, .form input[type=submit],
.form input[type=submit]:hover,
.form input[type=button],
.form input[type=button]:hover,
.form .c-btn,
.form .c-btn:hover {
    padding: 19px 60px 16px 25px;
    font-size: 2.2rem;
  }
}
@media (min-width: 1024px) {
  .body--split .btn, .body--split .form input[type=submit], .form .body--split input[type=submit],
.body--split .form input[type=button],
.form .body--split input[type=button],
.body--split .form .c-btn,
.form .body--split .c-btn {
    padding: 19px 55px 16px 20px;
    font-size: 2rem;
  }
}
@media (min-width: 1280px) {
  .body--split .btn, .body--split .form input[type=submit], .form .body--split input[type=submit],
.body--split .form input[type=button],
.form .body--split input[type=button],
.body--split .form .c-btn,
.form .body--split .c-btn {
    padding: 19px 60px 16px 25px;
    font-size: 2.2rem;
  }
}
.btn:first-child, .form input[type=submit]:first-child,
.form input[type=button]:first-child,
.form .c-btn:first-child {
  margin-top: 0;
}
@media (hover: hover) {
  .btn:hover, .form input[type=submit]:hover,
.form input[type=button]:hover,
.form .c-btn:hover {
    transform: scale(1.05);
  }
}
.btn svg, .form input[type=submit] svg,
.form input[type=submit]:hover svg,
.form input[type=button] svg,
.form input[type=button]:hover svg,
.form .c-btn svg,
.form .c-btn:hover svg {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 23px;
  height: 20px;
  margin: -10px 0 0;
  color: #fff;
}
@media (min-width: 1024px) {
  .btn svg, .form input[type=submit] svg,
.form input[type=submit]:hover svg,
.form input[type=button] svg,
.form input[type=button]:hover svg,
.form .c-btn svg,
.form .c-btn:hover svg {
    right: 24px;
  }
}
@media (min-width: 1024px) {
  .body--split .btn svg, .body--split .form input[type=submit] svg, .form .body--split input[type=submit] svg,
.body--split .form input[type=button] svg,
.form .body--split input[type=button] svg,
.body--split .form .c-btn svg,
.form .body--split .c-btn svg {
    right: 20px;
  }
}
@media (min-width: 1280px) {
  .body--split .btn svg, .body--split .form input[type=submit] svg, .form .body--split input[type=submit] svg,
.body--split .form input[type=button] svg,
.form .body--split input[type=button] svg,
.body--split .form .c-btn svg,
.form .body--split .c-btn svg {
    right: 24px;
  }
}
.btn svg.svg-icon--restart, .form input[type=submit] svg.svg-icon--restart,
.form input[type=button] svg.svg-icon--restart,
.form .c-btn svg.svg-icon--restart {
  height: 23px;
  margin: -12px 0 0;
}
.btn--small, .form input[type=submit],
.form input[type=submit]:hover,
.form input[type=button],
.form input[type=button]:hover,
.form .c-btn,
.form .c-btn:hover, .btn--share {
  padding: 17px 55px 15px 20px !important;
  font-size: 1.7rem !important;
}
@media (min-width: 768px) {
  .btn--small, .form input[type=submit],
.form input[type=submit]:hover,
.form input[type=button],
.form input[type=button]:hover,
.form .c-btn,
.form .c-btn:hover, .btn--share {
    font-size: 1.8rem !important;
  }
}
.btn--small svg, .form input[type=submit] svg,
.form input[type=submit]:hover svg,
.form input[type=button] svg,
.form input[type=button]:hover svg,
.form .c-btn svg,
.form .c-btn:hover svg, .btn--share svg {
  right: 20px !important;
}
@media (max-width: 767px) {
  .btn--share {
    padding: 14px 15px 12px !important;
  }
  .btn--share svg {
    display: none;
  }
}

.btn-arrow {
  display: inline-block;
  position: relative;
  padding-right: 24px;
  text-decoration: underline;
}
.btn-arrow .svg-icon {
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.btn-detail {
  display: inline-block;
  padding: 8px 25px 8px 8px;
  background: #fff;
  border-radius: 999px;
  transition: transform 150ms ease-in-out;
  will-change: transform;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
}
@media (min-width: 768px) {
  .btn-detail {
    padding: 9px 35px 9px 9px;
  }
}
.btn-detail--finder {
  padding: 6px 24px 6px 6px;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .btn-detail--finder {
    padding: 6px 18px 6px 6px;
  }
}
.btn-detail__flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.btn-detail__icon {
  width: 56px;
  height: 56px;
  margin-right: 10px;
  background: #ffce5d;
  border-radius: 50%;
  transition: transform 500ms ease-in-out;
  color: #2e2e2e;
}
@media (min-width: 768px) {
  .btn-detail__icon {
    margin-right: 15px;
  }
}
.btn-detail:hover .btn-detail__icon {
  transform: rotate(360deg);
}
.btn-detail--finder .btn-detail__icon {
  width: 40px;
  height: 40px;
}
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1280px) {
  .btn-detail--finder .btn-detail__icon {
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .btn-detail--finder .btn-detail__icon {
    margin-right: 10px;
  }
}
.btn-detail__icon .svg-icon {
  width: 24px;
  height: 24px;
  margin: 16px auto 0;
}
.btn-detail--finder .btn-detail__icon .svg-icon {
  width: 18px;
  height: 18px;
  margin: 12px auto 0;
}
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1280px) {
  .btn-detail--finder .btn-detail__icon .svg-icon {
    width: 21px;
    height: 21px;
    margin: 12px auto 0;
  }
}
.btn-detail__content {
  text-align: left;
}
.btn-detail__title {
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 600;
  color: #4f4f4f;
}
@media (min-width: 768px) {
  .btn-detail__title {
    font-size: 2rem;
  }
}
.btn-detail--finder .btn-detail__title {
  padding-top: 0.2rem;
}
@media (min-width: 1024px) {
  .btn-detail--finder .btn-detail__title {
    font-size: 1.6rem;
  }
}
@media (min-width: 1280px) {
  .btn-detail--finder .btn-detail__title {
    font-size: 1.8rem;
  }
}
@media (min-width: 1440px) {
  .btn-detail--finder .btn-detail__title {
    font-size: 2rem;
  }
}
.btn-detail__detail {
  margin-top: 2px;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  color: #888;
}

.btn-more {
  display: block;
  width: 120px;
  padding: 10px;
  margin: 60px auto 0;
  background: none;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: #606060;
  font-size: 1.2rem;
  font-size: clamp(1.2rem, 0.8333333333vw, 1.2rem);
}
@media (min-width: 768px) {
  .btn-more {
    margin: 80px auto 0;
  }
}
@media (min-width: 1024px) {
  .btn-more {
    margin: 100px auto 0;
  }
}
@media (min-width: 1280px) {
  .btn-more {
    margin: 120px auto 0;
  }
}
.btn-more__icon {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  margin: 16px auto 0;
  background: #ffce5d;
  border-radius: 50%;
}
.btn-more__icon:before, .btn-more__icon:after {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  left: 15px;
  width: 20px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
}
.btn-more__icon:after {
  transform: rotate(90deg);
}
.btn-more__loading {
  display: none;
  width: 120px;
  height: 105px;
  margin: 150px auto 0;
  background-image: url(../png/loading-grey.png);
  background-size: 40px;
  background-position: 50% 78%;
  background-repeat: no-repeat;
}

.card__heading {
  margin: 0 0 50px;
}
.card__fav-heading {
  padding: 0 0 18px;
  margin: 0 0 45px;
  border-bottom: 1px solid #c9c9c9;
}
@media (max-width: 767px) {
  .card__fav-prefix {
    display: none;
  }
}
@media (min-width: 768px) {
  .card__fav-suffix {
    display: none;
  }
}
.card__fav-button {
  position: absolute;
  bottom: 14px;
  right: 0;
}
@media (min-width: 768px) {
  .card__fav-button {
    bottom: 20px;
  }
}
.card__finder-wrap {
  min-height: calc(74vw + 384px + 60px);
}
@media (min-width: 440px) {
  .card__finder-wrap {
    min-height: 769px;
  }
}
@media (min-width: 580px) {
  .card__finder-wrap {
    min-height: calc(165vw + 30px);
  }
}
@media (min-width: 768px) {
  .card__finder-wrap {
    min-height: calc(76vw + 25px);
  }
}
@media (min-width: 1024px) {
  .card__finder-wrap {
    min-height: calc(58vw + 25px);
  }
}
@media (min-width: 1280px) {
  .card__finder-wrap {
    min-height: calc(50vw + 25px);
  }
}
@media (min-width: 1660px) {
  .card__finder-wrap {
    min-height: 855px;
  }
}
.card__grid {
  row-gap: 15px;
}
@media (min-width: 768px) {
  .card__grid {
    row-gap: 25px;
  }
}
.card__entry {
  transition: none;
  text-decoration: none;
  will-change: transform, opacity, display;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
.card__entry--group {
  z-index: 2;
}
.card__grid--groups .card__entry--standard {
  display: none;
}
.js-finder-wrap .card__entry--standard {
  display: none;
}
[data-finder-state=intro1] .card__entry--standard, [data-finder-state=intro2] .card__entry--standard {
  display: none !important;
}
@media (max-width: 1023px) {
  .js-finder-wrap[data-finder-page="1"] .card__entry--standard:nth-child(n+13) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="2"] .card__entry--standard:nth-child(n+19) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="3"] .card__entry--standard:nth-child(n+25) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="4"] .card__entry--standard:nth-child(n+31) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="5"] .card__entry--standard:nth-child(n+37) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="6"] .card__entry--standard:nth-child(n+43) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="7"] .card__entry--standard:nth-child(n+49) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="8"] .card__entry--standard:nth-child(n+55) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="9"] .card__entry--standard:nth-child(n+61) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="10"] .card__entry--standard:nth-child(n+67) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="11"] .card__entry--standard:nth-child(n+73) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="12"] .card__entry--standard:nth-child(n+79) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="13"] .card__entry--standard:nth-child(n+85) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="14"] .card__entry--standard:nth-child(n+91) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="15"] .card__entry--standard:nth-child(n+97) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="16"] .card__entry--standard:nth-child(n+103) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="17"] .card__entry--standard:nth-child(n+109) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="18"] .card__entry--standard:nth-child(n+115) {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .js-finder-wrap[data-finder-page="1"] .card__entry--standard:nth-child(n+15) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="2"] .card__entry--standard:nth-child(n+23) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="3"] .card__entry--standard:nth-child(n+31) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="4"] .card__entry--standard:nth-child(n+39) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="5"] .card__entry--standard:nth-child(n+47) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="6"] .card__entry--standard:nth-child(n+55) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="7"] .card__entry--standard:nth-child(n+63) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="8"] .card__entry--standard:nth-child(n+71) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="9"] .card__entry--standard:nth-child(n+79) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="10"] .card__entry--standard:nth-child(n+87) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="11"] .card__entry--standard:nth-child(n+95) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="12"] .card__entry--standard:nth-child(n+103) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="13"] .card__entry--standard:nth-child(n+111) {
    display: none !important;
  }
  .js-finder-wrap[data-finder-page="14"] .card__entry--standard:nth-child(n+119) {
    display: none !important;
  }
}
.card__entry--finder {
  min-height: 74vw;
  margin-bottom: 10px;
  z-index: 2;
}
@media (min-width: 440px) {
  .card__entry--finder {
    min-height: 325px;
  }
}
@media (min-width: 580px) {
  .card__entry--finder {
    min-height: 55vw;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .card__entry--finder {
    min-height: 38vw;
  }
}
@media (min-width: 1024px) {
  .card__entry--finder {
    min-height: 29vw;
  }
}
@media (min-width: 1280px) {
  .card__entry--finder {
    min-height: 25vw;
  }
}
@media (min-width: 1660px) {
  .card__entry--finder {
    min-height: 415px;
  }
}
[data-finder-state=results] .card__entry--finder {
  margin-bottom: 50px;
}
@media (min-width: 580px) {
  [data-finder-state=results] .card__entry--finder {
    margin-bottom: 0;
  }
}
.card__entry--intro {
  display: none;
  transition: opacity 300ms ease-in-out;
}
@media (max-width: 1023px) {
  .card__entry--intro:nth-child(6), .card__entry--intro:nth-child(7) {
    display: none !important;
  }
}
@media (max-width: 579px) {
  .card__entry--intro:nth-child(5) {
    display: none !important;
  }
}
[data-finder-state=results] .card__entry--intro {
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0.7 !important;
}
[data-finder-state=intro2] .card__entry--intro {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  height: auto !important;
  width: auto !important;
  z-index: auto !important;
  opacity: 1 !important;
}
.card__entry--more {
  display: none;
  cursor: pointer;
}
.card__entry--more.js-finder-more-hidden, [data-finder-state=intro1] .card__entry--more, [data-finder-state=intro2] .card__entry--more {
  display: none !important;
}
@media (max-width: 767px) {
  [data-more-visible="1"] .card__entry:nth-child(n+7) {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-more-visible="1"] .card__entry:nth-child(n+10) {
    display: none;
  }
}
@media (min-width: 1024px) {
  [data-more-visible="1"] .card__entry:nth-child(n+13) {
    display: none;
  }
}
@media (max-width: 767px) {
  [data-more-visible="2"] .card__entry:nth-child(n+13) {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-more-visible="2"] .card__entry:nth-child(n+19) {
    display: none;
  }
}
@media (min-width: 1024px) {
  [data-more-visible="2"] .card__entry:nth-child(n+25) {
    display: none;
  }
}
@media (max-width: 767px) {
  [data-more-visible="3"] .card__entry:nth-child(n+19) {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-more-visible="3"] .card__entry:nth-child(n+28) {
    display: none;
  }
}
@media (min-width: 1024px) {
  [data-more-visible="3"] .card__entry:nth-child(n+37) {
    display: none;
  }
}
@media (max-width: 767px) {
  [data-more-visible="4"] .card__entry:nth-child(n+25) {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-more-visible="4"] .card__entry:nth-child(n+37) {
    display: none;
  }
}
@media (min-width: 1024px) {
  [data-more-visible="4"] .card__entry:nth-child(n+49) {
    display: none;
  }
}
@media (max-width: 767px) {
  [data-more-visible="5"] .card__entry:nth-child(n+31) {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-more-visible="5"] .card__entry:nth-child(n+46) {
    display: none;
  }
}
@media (min-width: 1024px) {
  [data-more-visible="5"] .card__entry:nth-child(n+61) {
    display: none;
  }
}
@media (max-width: 767px) {
  [data-more-visible="6"] .card__entry:nth-child(n+37) {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-more-visible="6"] .card__entry:nth-child(n+55) {
    display: none;
  }
}
@media (min-width: 1024px) {
  [data-more-visible="6"] .card__entry:nth-child(n+73) {
    display: none;
  }
}
@media (max-width: 767px) {
  [data-more-visible="7"] .card__entry:nth-child(n+43) {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-more-visible="7"] .card__entry:nth-child(n+64) {
    display: none;
  }
}
@media (min-width: 1024px) {
  [data-more-visible="7"] .card__entry:nth-child(n+85) {
    display: none;
  }
}
@media (max-width: 767px) {
  [data-more-visible="8"] .card__entry:nth-child(n+49) {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-more-visible="8"] .card__entry:nth-child(n+73) {
    display: none;
  }
}
@media (min-width: 1024px) {
  [data-more-visible="8"] .card__entry:nth-child(n+97) {
    display: none;
  }
}
@media (max-width: 767px) {
  [data-more-visible="9"] .card__entry:nth-child(n+55) {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-more-visible="9"] .card__entry:nth-child(n+82) {
    display: none;
  }
}
@media (min-width: 1024px) {
  [data-more-visible="9"] .card__entry:nth-child(n+109) {
    display: none;
  }
}
@media (max-width: 767px) {
  [data-more-visible="10"] .card__entry:nth-child(n+61) {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-more-visible="10"] .card__entry:nth-child(n+91) {
    display: none;
  }
}
@media (min-width: 1024px) {
  [data-more-visible="10"] .card__entry:nth-child(n+121) {
    display: none;
  }
}
.card__wrap {
  overflow: hidden;
  height: 100%;
  min-height: 106vw;
  background: #fff;
  border-radius: 11px;
}
@media (min-width: 375px) {
  .card__wrap {
    min-height: 400px;
  }
}
@media (min-width: 580px) {
  .card__wrap {
    min-height: 55vw;
  }
}
@media (min-width: 768px) {
  .card__wrap {
    min-height: 38vw;
  }
}
@media (min-width: 1024px) {
  .card__wrap {
    min-height: 29vw;
  }
}
@media (min-width: 1280px) {
  .card__wrap {
    min-height: 25vw;
  }
}
@media (min-width: 1660px) {
  .card__wrap {
    min-height: 415px;
  }
}
@media (min-width: 1024px) {
  .body--split .card__wrap {
    min-height: 27vw;
  }
}
@media (min-width: 1280px) {
  .body--split .card__wrap {
    min-height: 24vw;
  }
}
@media (min-width: 1660px) {
  .body--split .card__wrap {
    min-height: 400px;
  }
}
@media (min-width: 375px) {
  .card__wrap--carousel {
    min-height: 400px;
  }
}
@media (min-width: 768px) {
  .card__wrap--carousel {
    min-height: 34vw;
  }
}
@media (min-width: 1024px) {
  .card__wrap--carousel {
    min-height: 33vw;
  }
}
@media (min-width: 1680px) {
  .card__wrap--carousel {
    min-height: 554px;
  }
}
@media (min-width: 1900px) {
  .card__wrap--carousel {
    min-height: 22vw;
  }
}
@media (max-width: 579px) {
  .card__wrap--group, .card__wrap--standard, .card__wrap--intro, .card__wrap--more {
    min-height: 96px;
  }
}
.card__wrap--group {
  cursor: pointer;
}
.card__wrap--standard {
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 580px) {
  .card__wrap--standard {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.card__wrap--finder {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  top: 0;
  left: 0;
  width: 100%;
  padding: 6% 5% 6.5%;
  z-index: 2;
  color: #fff;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
   -ms-text-size-adjust: none;
       text-size-adjust: none;
}
@media (max-width: 579px) {
  .card__wrap--finder {
    height: 100%;
    min-height: 0;
  }
}
@media (min-width: 440px) {
  .card__wrap--finder {
    padding: 23px 19px 25px;
  }
}
@media (min-width: 580px) {
  .card__wrap--finder {
    padding: 10% 8% 12%;
  }
}
.card__wrap--finder:nth-child(5n-0) {
  background: #68d1db;
}
.card__wrap--finder:nth-child(5n-1) {
  background: #df89c2;
}
.card__wrap--finder:nth-child(5n-2) {
  background: #67c7a4;
}
.card__wrap--finder:nth-child(5n-3) {
  background: #947ed3;
}
.card__wrap--finder:nth-child(5n-4) {
  background: #ff9f6c;
}
.card__wrap--finder[data-finder-card=start], .card__wrap--finder[data-finder-card=intro1], .card__wrap--finder[data-finder-card=intro2] {
  background: #615177 !important;
}
.card__wrap--finder[data-finder-card=end] {
  background: #bbb !important;
}
.card__wrap--finder:nth-child(3n) {
  rotate: 3deg;
}
@media (min-width: 768px) {
  .card__wrap--finder:nth-child(3n) {
    rotate: 4deg;
  }
}
.card__wrap--finder:nth-child(3n-1) {
  rotate: -3deg;
}
@media (min-width: 768px) {
  .card__wrap--finder:nth-child(3n-1) {
    rotate: -4deg;
  }
}
.card__wrap--finder:nth-last-child(-n+3) {
  rotate: none;
}
.card__wrap--finder > * {
  width: 100%;
}
.card__wrap--intro {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}
.card__entry:nth-child(2) .card__wrap--intro {
  background: #dbe4cf;
}
.card__entry:nth-child(3) .card__wrap--intro {
  background: #f7daee;
}
.card__entry:nth-child(4) .card__wrap--intro {
  background: #f5eab9;
}
.card__entry:nth-child(5) .card__wrap--intro {
  background: #d9d0e9;
}
.card__entry:nth-child(6) .card__wrap--intro {
  background: #d4e2e4;
}
.card__entry:nth-child(7) .card__wrap--intro {
  background: #f8d6bc;
}
.card__entry:nth-child(8) .card__wrap--intro {
  background: #a6d9e0;
}
.card__wrap--more {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 22px 0;
  background: #615177 !important;
  text-align: center;
  color: #fff;
}
.card__wrap--starter {
  background: #615177 !important;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  padding: 6% 5% 6.5%;
  z-index: 2;
  color: #fff;
  cursor: default;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
   -ms-text-size-adjust: none;
       text-size-adjust: none;
}
@media (max-width: 579px) {
  .card__wrap--starter {
    height: 100%;
    min-height: 0;
  }
}
@media (min-width: 440px) {
  .card__wrap--starter {
    padding: 23px 19px 25px;
  }
}
@media (min-width: 580px) {
  .card__wrap--starter {
    padding: 10% 8% 12%;
  }
}
.card__button {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 38px;
  height: 38px;
  margin: 0 7.3170731707% 7.3170731707% 0;
}
@media (max-width: 579px) {
  .card__entry--standard .card__button {
    display: none;
  }
}
.card__button--group {
  width: 50px;
  height: 50px;
}
@media (max-width: 579px) {
  .card__button--group {
    display: none;
  }
}
.card__entry--group-open .card__button--group {
  transform: rotate(180deg);
}
.card__button--group-mob {
  display: block;
  bottom: 18px;
  right: 21px;
  width: 16px;
  height: 9px;
  margin: 0;
  transform: rotate(180deg);
}
.card__entry--group-open .card__button--group-mob {
  transform: rotate(0deg);
}
@media (min-width: 580px) {
  .card__button--group-mob {
    display: none;
  }
}
.card__button svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card__heart {
  display: block;
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
  margin: 2.8455284553%;
  background: transparent;
  border: none;
  cursor: pointer;
}
@media (max-width: 579px) {
  .card__entry--standard .card__heart {
    width: 40px;
    height: 40px;
    margin: 0;
  }
}
.card__heart-icon {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 38px;
  height: 38px;
}
@media (max-width: 579px) {
  .card__entry--standard .card__heart-icon {
    top: 10px;
    right: 10px;
    width: 29px;
    height: 29px;
  }
}
.card__heart-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.js-liked .card__heart-svg--unliked {
  display: none;
}
.card__heart-svg--liked {
  display: none;
}
.js-liked .card__heart-svg--liked {
  display: block;
}
@media (max-width: 579px) {
  .card__entry--standard .js-liked .card__heart-svg--liked {
    display: none;
  }
}
.card__heart-svg--liked-border {
  display: none;
}
@media (max-width: 579px) {
  .card__entry--standard .js-liked .card__heart-svg--liked-border {
    display: block;
  }
}
.card__image {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
  height: 0;
  padding: 0 0 57.3170731707%;
  background: #ddd;
}
@media (max-width: 579px) {
  .card__entry--standard .card__image {
    width: 30.1538461538%;
    height: auto;
    padding: 0;
    background: none;
  }
}
@media (max-width: 579px) and (min-width: 375px) {
  .card__entry--standard .card__image {
    width: 98px;
  }
}
.card__image img,
.card__image picture {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
.card__image-circle {
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  width: 46.3414634146%;
  height: 0;
  padding: 0 0 46.3414634146%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 579px) {
  .card__entry--standard .card__image-circle {
    width: 76px;
    height: 76px;
    padding: 0;
  }
}
.card__content {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  width: 100%;
  padding: 7.3170731707% 7.3170731707% 60px;
}
@media (max-width: 579px) {
  .card__entry--standard .card__content {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 69.8461538462%;
    padding: 15px 42px 15px 15px;
  }
}
@media (max-width: 579px) and (min-width: 375px) {
  .card__entry--standard .card__content {
    width: calc(100% - 98px);
  }
}
.card__title {
  margin: 0;
  word-break: initial;
  color: #606060;
  font-size: 1.7rem;
  font-size: clamp(1.5rem, 4.5333333333vw, 1.9rem);
}
@media (min-width: 580px) {
  .card__title {
    font-size: 2.1rem;
    font-size: clamp(1.9rem, 2.734375vw, 2.4rem);
  }
}
@media (min-width: 768px) {
  .card__title {
    font-size: 1.6rem;
    font-size: clamp(1.2rem, 2.0833333333vw, 1.8rem);
  }
}
@media (min-width: 1024px) {
  .card__title {
    font-size: 2.1rem;
    font-size: clamp(1.5rem, 1.4583333333vw, 2.1rem);
  }
}
@media (min-width: 1280px) {
  .card__title {
    font-size: 1.9rem;
    font-size: clamp(1.4rem, 1.3194444444vw, 1.9rem);
  }
}
.card__entry--carousel .card__title {
  font-size: 2.1rem;
  font-size: clamp(1.8rem, 5.6vw, 2.3rem);
}
@media (min-width: 580px) {
  .card__entry--carousel .card__title {
    font-size: 2.1rem;
  }
}
@media (min-width: 768px) {
  .card__entry--carousel .card__title {
    font-size: 1.4rem;
    font-size: clamp(1.1rem, 1.8229166667vw, 1.9rem);
  }
}
@media (min-width: 1024px) {
  .card__entry--carousel .card__title {
    font-size: 2.6rem;
    font-size: clamp(1.8rem, 1.8055555556vw, 2.6rem);
  }
}
@media (min-width: 1900px) {
  .card__entry--carousel .card__title {
    font-size: 2.3rem;
    font-size: clamp(2.3rem, 1.2105263158vw, 4.6rem);
  }
}
.card__body {
  margin: 0;
  font-weight: 500;
  color: #888;
  font-size: 1.2rem;
  font-size: clamp(1.2rem, 3.2vw, 1.3rem);
}
@media (min-width: 580px) {
  .card__body {
    font-size: 1.5rem;
    font-size: clamp(1.3rem, 1.953125vw, 1.7rem);
  }
}
@media (min-width: 768px) {
  .card__body {
    font-size: 1.3rem;
    font-size: clamp(1rem, 1.6927083333vw, 1.5rem);
  }
}
@media (min-width: 1024px) {
  .card__body {
    font-size: 1.5rem;
    font-size: clamp(1.1rem, 1.0416666667vw, 1.5rem);
  }
}
.card__entry--carousel .card__body {
  font-size: 1.9rem;
  font-size: clamp(1.6rem, 5.0666666667vw, 1.9rem);
}
@media (min-width: 580px) {
  .card__entry--carousel .card__body {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  .card__entry--carousel .card__body {
    font-size: 1.2rem;
    font-size: clamp(0.9rem, 1.5625vw, 1.6rem);
  }
}
@media (min-width: 1024px) {
  .card__entry--carousel .card__body {
    font-size: 1.9rem;
    font-size: clamp(1.4rem, 1.3194444444vw, 1.9rem);
  }
}
@media (min-width: 1900px) {
  .card__entry--carousel .card__body {
    font-size: 1.8rem;
    font-size: clamp(1.8rem, 0.9473684211vw, 3.6rem);
  }
}
@media (min-width: 580px) {
  .card__body--story {
    font-size: 1.6rem;
    font-size: clamp(1.4rem, 2.0833333333vw, 1.8rem);
  }
}
@media (min-width: 768px) {
  .card__body--story {
    font-size: 1.4rem;
    font-size: clamp(1.1rem, 1.8229166667vw, 1.6rem);
  }
}
@media (min-width: 1024px) {
  .card__body--story {
    font-size: 1.6rem;
    font-size: clamp(1.1rem, 1.1111111111vw, 1.6rem);
  }
}
.card__entry--carousel .card__body--story {
  font-size: 2.1rem;
  font-size: clamp(1.8rem, 5.6vw, 2.1rem);
}
@media (min-width: 580px) {
  .card__entry--carousel .card__body--story {
    font-size: 1.9rem;
  }
}
@media (min-width: 768px) {
  .card__entry--carousel .card__body--story {
    font-size: 1.4rem;
    font-size: clamp(1.1rem, 1.8229166667vw, 1.9rem);
  }
}
@media (min-width: 1024px) {
  .card__entry--carousel .card__body--story {
    font-size: 2.1rem;
    font-size: clamp(1.5rem, 1.4583333333vw, 2.1rem);
  }
}
@media (min-width: 1900px) {
  .card__entry--carousel .card__body--story {
    font-size: 2rem;
    font-size: clamp(2rem, 1.0526315789vw, 4rem);
  }
}
.card__group {
  padding: 17px 20px;
}
@media (min-width: 580px) {
  .card__group {
    padding: 10.5691056911% 7.3170731707% 10.5691056911%;
  }
}
.card__group-title {
  padding-bottom: 25px;
  color: #fff;
  font-size: 2.4rem;
  font-size: clamp(2rem, 6.4vw, 2.8rem);
}
@media (min-width: 580px) {
  .card__group-title {
    font-size: 2.9rem;
    font-size: clamp(2.2rem, 3.7760416667vw, 3.3rem);
  }
}
@media (min-width: 768px) {
  .card__group-title {
    font-size: 2.5rem;
    font-size: clamp(1.9rem, 3.2552083333vw, 2.9rem);
  }
}
@media (min-width: 1024px) {
  .card__group-title {
    font-size: 2.9rem;
    font-size: clamp(2.1rem, 2.0138888889vw, 2.9rem);
  }
}
.card__group-title span {
  color: #ffce5d;
}
.card__group-detail {
  position: absolute;
  bottom: 17px;
  left: 20px;
  font-size: 0;
  line-height: 0;
  color: #fff;
}
@media (min-width: 580px) {
  .card__group-detail {
    bottom: 23px;
  }
}
.card__group-count {
  font-size: 1.5rem;
  font-size: clamp(1.3rem, 4vw, 1.8rem);
}
@media (min-width: 580px) {
  .card__group-count {
    font-size: 2.5rem;
    font-size: clamp(1.9rem, 3.2552083333vw, 2.9rem);
  }
}
@media (min-width: 768px) {
  .card__group-count {
    font-size: 2.2rem;
    font-size: clamp(1.7rem, 2.8645833333vw, 2.5rem);
  }
}
@media (min-width: 1024px) {
  .card__group-count {
    font-size: 2.5rem;
    font-size: clamp(1.8rem, 1.7361111111vw, 2.5rem);
  }
}
.card__group-label {
  font-size: 1.6rem;
}
.card__panel {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 11px;
  transform: scale(0.99);
  transition: transform 300ms ease-in-out;
}
@media (min-width: 580px) {
  .card__panel {
    display: block;
  }
}
.card__entry--group-open .card__panel {
  transform: scale(0.99) !important;
}
.card__panel--1 {
  background: #fff;
}
.card__entry:hover .card__panel--1 {
  transform: rotate(4.4deg) scale(1);
}
.card__entry:hover .card__panel--2 {
  transform: rotate(-4.4deg) scale(1);
}
.card__carousel-heading {
  text-align: center;
}
.card__carousel-body {
  text-align: center;
}
.card__carousel {
  left: 50%;
  width: 380%;
  padding: 65px 0 0;
  transform: translateX(-50%);
}
@media (min-width: 375px) {
  .card__carousel {
    width: 1425px;
  }
}
@media (min-width: 580px) {
  .card__carousel {
    width: 1440px;
  }
}
@media (min-width: 768px) {
  .card__carousel {
    width: 125%;
  }
}
@media (min-width: 1024px) {
  .card__carousel {
    width: 125%;
  }
}
@media (min-width: 1680px) {
  .card__carousel {
    width: 2100px;
  }
}
@media (min-width: 1900px) {
  .card__carousel {
    width: 116%;
  }
}
.card__slide {
  width: 100%;
}
@media (min-width: 580px) {
  .card__slide {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .card__slide {
    width: 33.3333%;
  }
}
@media (min-width: 1024px) {
  .card__slide {
    width: 25%;
  }
}
.card__slide--animated {
  transition: transform 300ms ease-in-out;
}
@media (min-width: 580px) {
  .card__slide {
    transform: scale(0.9);
  }
  .card__slide[data-tilt=none] {
    opacity: 0.2;
  }
  .card__slide[data-tilt="-4"] {
    transform: rotate(-16deg) translateY(40%) scale(0.9);
  }
  .card__slide[data-tilt="-3"] {
    transform: rotate(-12deg) translateY(25%) scale(0.9);
  }
  .card__slide[data-tilt="-2"] {
    transform: rotate(-8deg) translateY(11%) scale(0.9);
  }
  .card__slide[data-tilt="-1"] {
    transform: rotate(-4deg) translateY(2.5%) scale(0.9);
  }
  .card__slide[data-tilt="0"] {
    transform: rotate(0deg) scale(1);
  }
  .card__slide[data-tilt="1"] {
    transform: rotate(4deg) translateY(2.5%) scale(0.9);
  }
  .card__slide[data-tilt="2"] {
    transform: rotate(8deg) translateY(11%) scale(0.9);
  }
  .card__slide[data-tilt="3"] {
    transform: rotate(12deg) translateY(25%) scale(0.9);
  }
  .card__slide[data-tilt="4"] {
    transform: rotate(16deg) translateY(40%) scale(0.9);
  }
}
@media (min-width: 1900px) {
  .card__slide[data-tilt=none] {
    opacity: 0.2;
  }
  .card__slide[data-tilt="-4"] {
    transform: rotate(-16deg) translateY(40%) scale(0.9);
  }
  .card__slide[data-tilt="-3"] {
    transform: rotate(-12deg) translateY(23.3%) scale(0.9);
  }
  .card__slide[data-tilt="-2"] {
    transform: rotate(-8deg) translateY(10.5%) scale(0.9);
  }
  .card__slide[data-tilt="-1"] {
    transform: rotate(-4deg) translateY(2.5%) scale(0.9);
  }
  .card__slide[data-tilt="0"] {
    transform: rotate(0deg) scale(1);
  }
  .card__slide[data-tilt="1"] {
    transform: rotate(4deg) translateY(2.5%) scale(0.9);
  }
  .card__slide[data-tilt="2"] {
    transform: rotate(8deg) translateY(10.5%) scale(0.9);
  }
  .card__slide[data-tilt="3"] {
    transform: rotate(12deg) translateY(23.3%) scale(0.9);
  }
  .card__slide[data-tilt="4"] {
    transform: rotate(16deg) translateY(40%) scale(0.9);
  }
}
.card__carousel-arrows {
  display: none;
  text-align: center;
}
@media (min-width: 580px) {
  .card__carousel-arrows {
    display: block;
  }
}
.card__carousel-button {
  padding: 60px 0 0;
  text-align: center;
}

.carousel__main-wrap {
  padding: 30px 30px 0;
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media (min-width: 1024px) {
  .carousel__main-wrap {
    padding: 0;
    background: none;
    border-radius: 0;
  }
}
@media (min-width: 1024px) {
  .carousel__main-wrap--small {
    margin-right: 30px;
  }
}
.carousel__main {
  overflow: hidden;
  border-radius: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.carousel__main-image {
  height: 0;
  padding: 0 0 53.1914893617%;
}
.carousel__thumbs {
  overflow: hidden;
  margin: 18px 0 0 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 1024px) {
  .carousel__thumbs {
    margin: 18px 30px 0 0;
  }
}
.carousel__thumbs .swiper {
  visibility: hidden;
  margin: 0 -9px;
}
.carousel__thumbs .swiper.swiper-initialized {
  visibility: visible;
}
.carousel__thumbs .swiper-slide {
  padding: 0 9px;
}
.carousel__thumbs-image {
  overflow: hidden;
  height: 0;
  padding: 0 0 55%;
  cursor: pointer;
}
.swiper-slide-thumb-active .carousel__thumbs-image {
  border-bottom: 3px solid #615177;
}
.carousel__thumbs-image picture,
.carousel__thumbs-image img {
  pointer-events: none;
}
.carousel__arrows {
  font-size: 0;
  line-height: 0;
}
@media (min-width: 1024px) {
  .carousel__arrows {
    padding-right: 30px;
    text-align: right;
  }
}
.carousel__content {
  padding: 25px;
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 2;
}
@media (min-width: 375px) {
  .carousel__content {
    padding: 30px;
  }
}
@media (min-width: 1024px) {
  .carousel__content {
    margin-top: -36.6666666667%;
    border-radius: 10px;
  }
}
@media (min-width: 1024px) {
  .carousel__content--thumbs {
    margin-top: calc(-70px - 36.6666666667%);
  }
}
.carousel__content-item {
  display: none;
}
.carousel__content-item[data-content-index="0"] {
  display: block;
}
.carousel__quote-icon {
  color: #7a6fd2;
}
.html--high-contrast .carousel__quote-icon {
  olor: #6e60a5;
}
.carousel__quote-icon svg {
  width: 28px;
}
.carousel__reference {
  margin-bottom: 0;
  font-weight: bold;
}
.carousel__detail {
  margin: 0;
}

.column__grid {
  row-gap: 65px;
}
@media (min-width: 1024px) {
  .column__grid--4.column__grid--staggered {
    row-gap: 0;
  }
}
.column__filters {
  padding: 0 0 50px;
}
@media (min-width: 880px) and (max-width: 1023px) {
  .column__filters--2 {
    padding: 0 1.7% 50px;
  }
}
@media (min-width: 1280px) {
  .column__filters--2 {
    padding: 0 1% 50px;
  }
}
@media (min-width: 1440px) {
  .column__filters--2 {
    padding: 0 1.7% 50px;
  }
}
@media (min-width: 1280px) {
  .column__filters--3 {
    padding: 0 1.667% 50px;
  }
}
@media (min-width: 1440px) {
  .column__filters--3 {
    padding: 0 3.333% 50px;
  }
}
@media (min-width: 880px) and (max-width: 1023px) {
  .column__entry--2 {
    padding: 0 3.4%;
  }
}
@media (min-width: 1280px) {
  .column__entry--2 {
    padding: 0 2%;
  }
}
@media (min-width: 1440px) {
  .column__entry--2 {
    padding: 0 3.4%;
  }
}
@media (min-width: 1280px) {
  .column__entry--3 {
    padding: 0 5%;
  }
}
@media (min-width: 1440px) {
  .column__entry--3 {
    padding: 0 10%;
  }
}
@media (min-width: 880px) and (max-width: 1023px) {
  .column__entry--4-exact {
    padding: 0 3.4%;
  }
}
@media (min-width: 768px) {
  .column__entry--staggered.column__entry--2:nth-child(2n) {
    margin-top: 100px;
  }
}
@media (min-width: 768px) {
  .column__entry--staggered.column__entry--3:nth-child(3n-1) {
    margin-top: 80px;
  }
  .column__entry--staggered.column__entry--3:nth-child(3n) {
    margin-top: 160px;
  }
}
@media (min-width: 1024px) {
  .column__entry--staggered.column__entry--3:nth-child(3n-1) {
    margin-top: 120px;
  }
  .column__entry--staggered.column__entry--3:nth-child(3n) {
    margin-top: 240px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .column__entry--staggered.column__entry--4:nth-child(3n-1), .column__entry--staggered.column__entry--4-exact:nth-child(3n-1) {
    margin-top: 80px;
  }
  .column__entry--staggered.column__entry--4:nth-child(3n), .column__entry--staggered.column__entry--4-exact:nth-child(3n) {
    margin-top: 160px;
  }
}
@media (min-width: 1024px) {
  .column__entry--staggered.column__entry--4:nth-child(4n-2), .column__entry--staggered.column__entry--4-exact:nth-child(4n-2) {
    margin-top: 70px;
  }
  .column__entry--staggered.column__entry--4:nth-child(4n-1), .column__entry--staggered.column__entry--4-exact:nth-child(4n-1) {
    margin-top: 140px;
  }
  .column__entry--staggered.column__entry--4:nth-child(4n), .column__entry--staggered.column__entry--4-exact:nth-child(4n) {
    margin-top: 210px;
  }
}
@media (min-width: 1024px) {
  .column__entry--staggered.column__entry--4-large:nth-child(4n-2) {
    margin-top: 70px;
  }
  .column__entry--staggered.column__entry--4-large:nth-child(4n-1) {
    margin-top: 140px;
  }
  .column__entry--staggered.column__entry--4-large:nth-child(4n) {
    margin-top: 210px;
  }
}
.column__link {
  text-decoration: none;
}
.column__image {
  width: 70%;
  margin: 0 0 20px;
}
.column__image--image {
  overflow: hidden;
  border-radius: 10px;
}
.column__image--image_large {
  overflow: hidden;
  width: 100%;
  border-radius: 10px;
}
.column__image--icon, .column__image--custom_icon {
  height: 62px;
  margin: 0 0 35px;
}
.column__image--icon picture,
.column__image--icon img, .column__image--custom_icon picture,
.column__image--custom_icon img {
  width: auto;
  height: 100%;
}
.column__image--skill_icon {
  height: 80px;
}
.column__image--skill_icon--color1 {
  color: #ff9f6c;
}
.column__image--skill_icon--color2 {
  color: #f37874;
}
.column__image--skill_icon--color3 {
  color: #ff82a0;
}
.column__image--skill_icon--color4 {
  color: #fb9dc3;
}
.column__image--skill_icon--color5 {
  color: #df89c2;
}
.column__image--skill_icon--color6 {
  color: #b291dc;
}
.column__image--skill_icon--color7 {
  color: #947ed3;
}
.column__image--skill_icon--color8 {
  color: #7b9ee1;
}
.column__image--skill_icon--color9 {
  color: #78bcf2;
}
.column__image--skill_icon--color10 {
  color: #68d1db;
}
.column__image--skill_icon--color11 {
  color: #77cebf;
}
.column__image--skill_icon--color12 {
  color: #67c7a4;
}
.column__image--skill_icon svg {
  width: 80px;
  height: 80px;
}
.column__stat {
  padding: 0 0 6px;
  font-size: 0;
  line-height: 0;
}
.column__stat-main {
  line-height: 1;
  font-weight: 600;
  font-size: 7rem;
  font-size: clamp(6rem, 18.6666666667vw, 8.2rem);
}
@media (min-width: 580px) {
  .column__stat-main {
    font-size: 7rem;
    font-size: clamp(6.5rem, 9.1145833333vw, 8rem);
  }
}
@media (min-width: 1024px) {
  .column__entry--2 .column__stat-main, .column__entry--3 .column__stat-main {
    font-size: 12rem;
    font-size: clamp(8.5rem, 8.3333333333vw, 12rem);
  }
}
.column__stat-unit {
  font-size: 0.75em;
}
.column__prefix {
  padding: 3px 0 2px;
  font-weight: 600;
}
.column__title {
  font-size: 2.5rem;
  font-size: clamp(2.1rem, 6.6666666667vw, 2.9rem);
}
@media (min-width: 580px) {
  .column__title {
    font-size: 2.5rem;
    font-size: clamp(2.1rem, 3.2552083333vw, 2.9rem);
  }
}
@media (min-width: 1024px) {
  .column__title--2-lg {
    font-size: 3.2rem;
    font-size: clamp(2.7rem, 2.2222222222vw, 3.2rem);
  }
}
@media (min-width: 768px) {
  .column__title--2-sm {
    font-size: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .column__title--2-sm {
    font-size: 2.5rem;
    font-size: clamp(2.5rem, 1.7361111111vw, 2.5rem);
  }
}
@media (min-width: 768px) {
  .column__title--3-lg {
    font-size: 2.2rem;
    font-size: clamp(1.7rem, 2.8645833333vw, 2.3rem);
  }
}
@media (min-width: 1024px) {
  .column__title--3-lg {
    font-size: 3.2rem;
    font-size: clamp(2.3rem, 2.2222222222vw, 3.2rem);
  }
}
@media (min-width: 768px) {
  .column__title--3-sm {
    font-size: 2.2rem;
    font-size: clamp(1.7rem, 2.8645833333vw, 2.3rem);
  }
}
@media (min-width: 1024px) {
  .column__title--3-sm {
    font-size: 2.5rem;
    font-size: clamp(2.2rem, 1.7361111111vw, 2.5rem);
  }
}
@media (min-width: 768px) {
  .column__title--4-lg {
    font-size: 2.2rem;
    font-size: clamp(1.7rem, 2.8645833333vw, 2.3rem);
  }
}
@media (min-width: 1024px) {
  .column__title--4-lg {
    font-size: 2.2rem;
    font-size: clamp(2.1rem, 1.5277777778vw, 2.2rem);
  }
}
@media (min-width: 768px) {
  .column__title--4-sm {
    font-size: 2.1rem;
    font-size: clamp(1.6rem, 2.734375vw, 2.2rem);
  }
}
@media (min-width: 1024px) {
  .column__title--4-sm {
    font-size: 2rem;
    font-size: clamp(2rem, 1.3888888889vw, 2rem);
  }
}
@media (min-width: 1024px) {
  .column__title--4-lg-exact {
    font-size: 2.2rem;
    font-size: clamp(2.1rem, 1.5277777778vw, 2.2rem);
  }
}
@media (min-width: 768px) {
  .column__title--4-sm-exact {
    font-size: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .column__title--4-sm-exact {
    font-size: 2rem;
    font-size: clamp(2rem, 1.3888888889vw, 2rem);
  }
}

@media (min-width: 768px) {
  .directory__group {
    display: -ms-flexbox;
    display: flex;
  }
}
.directory__group + .directory__group {
  padding: 75px 0 0;
}
@media (min-width: 768px) {
  .directory__group + .directory__group {
    padding: 55px 0 0;
  }
}
.directory__char {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding: 0 0 40px;
  font-size: 2.8rem;
  line-height: 1.3;
  font-weight: 600;
}
@media (min-width: 768px) {
  .directory__char {
    width: 17.2222222222%;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .directory__content {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 82.7777777778%;
  }
}
@media (min-width: 1024px) {
  .directory__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.directory__entry {
  display: block;
  position: relative;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin: 0 0 15px;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .directory__entry {
    width: 48%;
  }
  .directory__entry:nth-child(even) {
    margin-left: 4%;
  }
}
.directory__title {
  font-weight: 600;
}
.directory__subtitle {
  color: #969696;
}

.favourites__input {
  display: inline-block;
  width: 260px;
  height: 74px;
  padding: 13px 15px 7px;
  margin-right: 6px;
  background: #f1f1f1;
  border-radius: 10px;
  font-size: 5.4rem;
  line-height: 1;
  font-weight: 600;
}
@media (min-width: 768px) {
  .favourites__input {
    width: 320px;
    height: 88px;
    margin-right: 15px;
    font-size: 6.8rem;
  }
}
.favourites__input::-webkit-input-placeholder {
  color: #ddd;
}
.favourites__input::-moz-placeholder {
  color: #ddd;
}
.favourites__input:-ms-input-placeholder {
  color: #ddd;
}
.favourites__input::-ms-input-placeholder {
  color: #ddd;
}
.favourites__input::placeholder {
  color: #ddd;
}
.favourites__btn {
  display: inline-block;
}
.favourites__label {
  display: block;
  max-width: 310px;
}
.favourites__clipboard-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 15px 0 0;
  background: none;
  border: none;
  text-align: left;
}
.favourites__clipboard-message {
  margin: 20px 0 0;
}
.favourites__clipboard-button--success .favourites__clipboard-message {
  display: none;
}
.favourites__clipboard-confirm {
  display: none;
  margin: 20px 0 0;
}
.favourites__clipboard-button--success .favourites__clipboard-confirm {
  display: block;
}

#favourites-share {
  display: inline-block;
  border-bottom: 1px solid #fb9dc3;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #fb9dc3;
}
@media (min-width: 768px) {
  #favourites-share {
    font-size: 2.2rem;
  }
}

.feature__entry {
  display: block;
  position: relative;
  text-decoration: none;
}
.feature__image {
  overflow: hidden;
  margin: 0 0 25px;
  border-radius: 12px;
}
.feature__body {
  margin-top: 0.7em;
  margin-bottom: 1.7em;
}
.feature__arrow {
  font-size: 0;
  line-height: 0;
}
.feature__arrow svg {
  width: 28px;
  height: 16px;
}

.filters__title {
  display: inline-block;
  padding-right: 12px;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 600;
}
.filters__buttons {
  display: inline-block;
}
.filters__btn {
  display: inline-block;
  padding: 6px 12px 4px;
  margin: 2px 8px 8px 0;
  background: transparent;
  border: 1px solid #dadada;
  border-radius: 100px;
  transition: all 200ms ease-in-out;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 600;
}
.filters__btn--current {
  background: #615177;
  border-color: #615177;
  color: #fff;
}

.footer {
  pointer-events: none;
  padding: 110px 0 40px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .footer {
    padding: 145px 0 85px;
  }
}
.footer .col {
  pointer-events: all;
}
.footer__bg {
  display: none;
  position: absolute;
  pointer-events: none;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 73.7704918033vw;
  background-image: url(../svg/bg-footer.svg);
  background-size: 100% auto;
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .footer__bg {
    width: 2440px;
    height: 1800px;
  }
}
@media (max-width: 539px) {
  .footer__bg {
    width: 2000px;
    height: 1475px;
  }
}
@media (min-width: 1024px) {
  body.body--split .footer__bg {
    bottom: -700px !important;
    right: 50%;
    width: 2440px;
    height: 1800px;
  }
}
.footer__mid {
  position: absolute;
  bottom: 64%;
  left: 0;
  width: 100%;
  height: 1px;
}
.footer__cross {
  position: absolute;
  bottom: 50%;
  right: 100px;
  width: 1px;
  height: 1px;
  z-index: 5;
}
@media (min-width: 768px) {
  .footer__content {
    padding: 0 5% 0 0;
  }
}
.footer__title {
  width: 90%;
  max-width: 300px;
  margin: 0 0 2px;
  font-size: 2.6rem;
  line-height: 1.25;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer__title {
    font-size: 2.2rem;
    font-size: clamp(2.2rem, 2.8645833333vw, 2.4rem);
  }
}
@media (min-width: 1024px) {
  body:not(.body--split) .footer__title {
    font-size: 2.6rem;
    font-size: clamp(2.4rem, 1.8055555556vw, 2.6rem);
  }
}
.footer__body {
  width: 95%;
  max-width: 300px;
}
.footer__link {
  margin: 20px 0 0;
  font-weight: 500;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.footer__logo {
  width: 86px;
  height: 86px;
  margin: 0 0 24px;
  background-image: url(../svg/logo.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer__logo {
    width: 60px;
    height: 60px;
    margin: -80px 0 20px;
  }
}
@media (min-width: 1024px) {
  body:not(.body--split) .footer__logo {
    margin: -110px 0 24px;
  }
}
@media (min-width: 1024px) {
  body:not(.body--split) .footer__right {
    max-width: 190px;
    margin: 0 0 0 auto;
  }
}
.footer__technicians {
  font-size: 2.4rem;
  line-height: 1.25;
  font-weight: 500;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer__technicians {
    font-size: 2.2rem;
    font-size: clamp(2.2rem, 2.8645833333vw, 2.3rem);
  }
}
@media (min-width: 1024px) {
  body:not(.body--split) .footer__technicians {
    font-size: 2.4rem;
    font-size: clamp(2.3rem, 1.6666666667vw, 2.4rem);
  }
}
.footer__technicians span {
  font-size: 2.6rem;
  font-weight: 600;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer__technicians span {
    font-size: 2.2rem;
    font-size: clamp(2.2rem, 2.8645833333vw, 2.4rem);
  }
}
@media (min-width: 1024px) {
  body:not(.body--split) .footer__technicians span {
    font-size: 2.6rem;
    font-size: clamp(2.4rem, 1.8055555556vw, 2.6rem);
  }
}
.footer__disclaimer {
  max-width: 400px;
  font-size: 1.1rem;
}
@media (min-width: 1024px) {
  body:not(.body--split) .footer__disclaimer {
    max-width: none;
  }
}
.footer__legal {
  margin: 25px 0 0;
  font-size: 1.2rem;
}
.footer__legal ul,
.footer__legal li {
  margin: 0;
}
.footer__legal li {
  display: inline-block;
  list-style: none;
  padding-right: 20px;
}
.footer__legal a,
.footer__legal button {
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
}
.footer__legal button {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
  text-decoration: underline;
}
.footer__social {
  font-size: 0;
  line-height: 0;
}
.footer__social a {
  padding: 5px;
  margin: 0 0 0 -5px;
}
.footer__social a .svg-icon {
  width: 20px;
  height: 20px;
}
.footer__social a + a {
  margin-left: 20px;
}
.footer .social-fb {
  color: #7b9ee1;
}
.footer .social-tw {
  width: 22px;
  color: #78bcf2;
}
.footer .social-ig {
  color: #b291dc;
}
.footer .social-yt {
  width: 24px;
  color: #f37874;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.form label {
  display: block;
  margin: 0 0 5px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  text-transform: uppercase;
}
.form input:-webkit-autofill,
.form input:-webkit-autofill:hover,
.form input:-webkit-autofill:focus {
  color: #222;
  -webkit-text-fill-color: #222;
}
.form input[type=button],
.form input[type=submit],
.form input[type=email],
.form input[type=number],
.form input[type=password],
.form input[type=search],
.form input[type=tel],
.form input[type=text],
.form input[type=url],
.form select,
.form textarea {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form input[type=email],
.form input[type=number],
.form input[type=password],
.form input[type=search],
.form input[type=tel],
.form input[type=text],
.form input[type=url],
.form select,
.form textarea {
  display: block;
  width: 100%;
  margin: 10px 0;
  border: none;
  border-bottom: 1px solid #dfdfdf;
  border-radius: 0;
  transition: all 150ms ease-in-out;
  font-family: inherit;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 400;
  color: #222;
}
.form input[type=email]:focus,
.form input[type=number]:focus,
.form input[type=password]:focus,
.form input[type=search]:focus,
.form input[type=tel]:focus,
.form input[type=text]:focus,
.form input[type=url]:focus,
.form select:focus,
.form textarea:focus {
  color: #222;
}
.form input[type=email],
.form input[type=number],
.form input[type=password],
.form input[type=search],
.form input[type=tel],
.form input[type=text],
.form input[type=url],
.form textarea {
  padding: 10px 13px 9px 0;
  margin: 0;
  background-color: #fff;
  color: #222;
}
.form input[type=email]::-webkit-input-placeholder, .form input[type=number]::-webkit-input-placeholder, .form input[type=password]::-webkit-input-placeholder, .form input[type=search]::-webkit-input-placeholder, .form input[type=tel]::-webkit-input-placeholder, .form input[type=text]::-webkit-input-placeholder, .form input[type=url]::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
  font-size: 1.4rem;
  font-weight: 400;
  color: #bbb;
}
.form input[type=email]::-moz-placeholder, .form input[type=number]::-moz-placeholder, .form input[type=password]::-moz-placeholder, .form input[type=search]::-moz-placeholder, .form input[type=tel]::-moz-placeholder, .form input[type=text]::-moz-placeholder, .form input[type=url]::-moz-placeholder, .form textarea::-moz-placeholder {
  font-size: 1.4rem;
  font-weight: 400;
  color: #bbb;
}
.form input[type=email]:-ms-input-placeholder, .form input[type=number]:-ms-input-placeholder, .form input[type=password]:-ms-input-placeholder, .form input[type=search]:-ms-input-placeholder, .form input[type=tel]:-ms-input-placeholder, .form input[type=text]:-ms-input-placeholder, .form input[type=url]:-ms-input-placeholder, .form textarea:-ms-input-placeholder {
  font-size: 1.4rem;
  font-weight: 400;
  color: #bbb;
}
.form input[type=email]::-ms-input-placeholder, .form input[type=number]::-ms-input-placeholder, .form input[type=password]::-ms-input-placeholder, .form input[type=search]::-ms-input-placeholder, .form input[type=tel]::-ms-input-placeholder, .form input[type=text]::-ms-input-placeholder, .form input[type=url]::-ms-input-placeholder, .form textarea::-ms-input-placeholder {
  font-size: 1.4rem;
  font-weight: 400;
  color: #bbb;
}
.form input[type=email]::placeholder,
.form input[type=number]::placeholder,
.form input[type=password]::placeholder,
.form input[type=search]::placeholder,
.form input[type=tel]::placeholder,
.form input[type=text]::placeholder,
.form input[type=url]::placeholder,
.form textarea::placeholder {
  font-size: 1.4rem;
  font-weight: 400;
  color: #bbb;
}
@media (min-width: 768px) {
  .form input[type=email]::-webkit-input-placeholder, .form input[type=number]::-webkit-input-placeholder, .form input[type=password]::-webkit-input-placeholder, .form input[type=search]::-webkit-input-placeholder, .form input[type=tel]::-webkit-input-placeholder, .form input[type=text]::-webkit-input-placeholder, .form input[type=url]::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
    font-size: 1.6rem;
  }
  .form input[type=email]::-moz-placeholder, .form input[type=number]::-moz-placeholder, .form input[type=password]::-moz-placeholder, .form input[type=search]::-moz-placeholder, .form input[type=tel]::-moz-placeholder, .form input[type=text]::-moz-placeholder, .form input[type=url]::-moz-placeholder, .form textarea::-moz-placeholder {
    font-size: 1.6rem;
  }
  .form input[type=email]:-ms-input-placeholder, .form input[type=number]:-ms-input-placeholder, .form input[type=password]:-ms-input-placeholder, .form input[type=search]:-ms-input-placeholder, .form input[type=tel]:-ms-input-placeholder, .form input[type=text]:-ms-input-placeholder, .form input[type=url]:-ms-input-placeholder, .form textarea:-ms-input-placeholder {
    font-size: 1.6rem;
  }
  .form input[type=email]::-ms-input-placeholder, .form input[type=number]::-ms-input-placeholder, .form input[type=password]::-ms-input-placeholder, .form input[type=search]::-ms-input-placeholder, .form input[type=tel]::-ms-input-placeholder, .form input[type=text]::-ms-input-placeholder, .form input[type=url]::-ms-input-placeholder, .form textarea::-ms-input-placeholder {
    font-size: 1.6rem;
  }
  .form input[type=email]::placeholder,
.form input[type=number]::placeholder,
.form input[type=password]::placeholder,
.form input[type=search]::placeholder,
.form input[type=tel]::placeholder,
.form input[type=text]::placeholder,
.form input[type=url]::placeholder,
.form textarea::placeholder {
    font-size: 1.6rem;
  }
}
.form input[type=email],
.form input[type=number],
.form input[type=password],
.form input[type=search],
.form input[type=tel],
.form input[type=text],
.form input[type=url],
.form select {
  height: 44px !important;
}
.form input[type=submit],
.form input[type=submit]:hover,
.form input[type=button],
.form input[type=button]:hover,
.form .c-btn,
.form .c-btn:hover {
  background-color: #ffce5d !important;
  background-image: url(../svg/btn-arrow-white.svg);
  background-size: 23px auto;
  background-position: right 18px center;
  background-repeat: no-repeat;
}
.form textarea {
  min-height: 175px;
  padding: 10px 13px 9px;
  border: 1px solid #dfdfdf;
}
.form textarea::-webkit-input-placeholder {
  color: #bbb;
}
.form textarea::-moz-placeholder {
  color: #bbb;
}
.form textarea:-ms-input-placeholder {
  color: #bbb;
}
.form textarea::-ms-input-placeholder {
  color: #bbb;
}
.form textarea::placeholder {
  color: #bbb;
}
.form select {
  padding: 10px 45px 9px 0 !important;
  margin: 0;
  background-color: #fff !important;
  background-image: url(../svg/select-down.svg) !important;
  background-size: 17px auto !important;
  background-position: right 0 top 50% !important;
  background-repeat: no-repeat !important;
  border: none !important;
  border-bottom: 1px solid #dfdfdf !important;
  box-shadow: none;
  color: #222 !important;
}
.form select:focus {
  background-color: #fff !important;
}

@media (min-width: 768px) {
  .c-form__columns {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
.c-form__col {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .c-form__col {
    grid-column-end: span 6;
  }
}

.c-btn,
.c-btn:hover {
  margin: 30px auto 5px !important;
}

.c-form-check label {
  display: block;
  position: relative;
  padding-left: 0 !important;
  margin-left: 40px !important;
  font-family: inherit;
  font-size: 1.3rem;
  text-transform: none;
}
.c-form-check label:before, .c-form-check label:after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0px !important;
  left: -40px !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid #dfdfdf !important;
  border-radius: 50%;
  box-shadow: none;
  opacity: 1;
  transition: none;
  animation: none;
  z-index: 1;
}
.c-form-check label:after {
  content: "" !important;
  display: none !important;
  position: absolute !important;
  top: 8px !important;
  left: -32px !important;
  width: 10px !important;
  height: 10px !important;
  background: #77cebf !important;
  border: none !important;
  border-radius: 50%;
  z-index: 2;
}
.c-form-check input[type=checkbox] {
  display: none;
}
.c-form-check input[type=checkbox]:checked ~ label:after {
  display: block !important;
}

.gform_wrapper form {
  margin: 0 -20px;
}

.gform_fields {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.gform_fields .gfield {
  width: 100%;
  padding: 0 20px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .gform_fields .gfield.gfield--width-half {
    width: 50%;
  }
}
.gform_fields .gfield .gfield_validation_message {
  margin-top: 5px;
  font-size: 1.2rem;
  color: #c00;
}
.gform_fields .gfield:not(.gfield--type-choice).gfield_error .ginput_container input,
.gform_fields .gfield:not(.gfield--type-choice).gfield_error .ginput_container textarea {
  border-color: #c00 !important;
  transition: all 150ms ease-in-out;
  color: #c00;
}
.gform_fields .gfield:not(.gfield--type-choice).gfield_error .ginput_container:after {
  position: absolute;
  background: #c00;
  color: #FFFFFF;
  font-size: 2.4rem;
  font-weight: 700;
  content: "!";
  top: 1px;
  right: 0;
  bottom: 1px;
  height: 48px;
  width: 48px;
  text-align: center;
  transition: all 0.5s;
  height: calc(100% - 2px);
  line-height: 46px;
}
.gform_fields .gfield.gfield--type-choice .ginput_container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 16px;
  -ms-flex-align: center;
      align-items: center;
}
.gform_fields .gfield.gfield--type-choice label {
  cursor: pointer;
  font-size: 1.3rem;
  text-transform: none;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin-bottom: 0;
}
.gform_fields .gfield.gfield--type-choice input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #FFFFFF;
  border: solid 1px #dfdfdf;
  border-radius: 999px;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  width: 24px;
  margin: 0;
  outline: none;
  position: relative;
  transition: all 0.2s ease;
  vertical-align: top;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.gform_fields .gfield.gfield--type-choice input:after {
  position: absolute;
  background-color: #77CEBF;
  border-radius: 999px;
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  top: 6px;
  left: 6px;
  opacity: 0;
}
.gform_fields .gfield.gfield--type-choice input:checked:after {
  opacity: 1;
}
.gform_fields .gfield .gfield_required_asterisk {
  margin-left: 5px;
}
.gform_fields .gfield input,
.gform_fields .gfield textarea {
  outline: none;
}

.gform_footer {
  padding: 0 20px;
}
.gform_footer input {
  cursor: pointer;
}

.gform_validation_errors,
.gform_heading,
.hidden_label .gfield_label,
.hidden_sub_label,
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.game {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 100vh;
  padding: 0;
  margin: 0;
}
.game svg {
  overflow: visible;
}
.game__bg-wrap, .game__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.game__bg-wrap {
  z-index: 0;
}
.game__bg--purple {
  background: #615177;
}
.game__bg--cover {
  background-size: cover;
  background-position: top center;
}
.game__bg--clouds {
  background-image: url(../png/clouds1.png);
  opacity: 0;
}
.game__bg--stars {
  background-image: url(../svg/stars1.svg);
  opacity: 0;
}
.game__wrap {
  margin: 60px auto 0;
}
@media (min-width: 1024px) {
  .game__wrap {
    margin: 0 auto;
  }
}
.game__inner {
  transform: translateY(-42%);
}
.game #introContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100;
}
.game__defs {
  overflow: hidden;
  width: 0;
  height: 0;
}
.game__logo-wrap {
  display: none;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.game__logo-inner {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-image: url(../svg/logo-2.svg);
  background-size: 80% auto;
  background-position: 50% 48%;
  background-repeat: no-repeat;
}
@media (min-width: 375px) {
  .game__logo-inner {
    background-size: 75% auto;
  }
}
.game__level {
  display: none;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.game__level-inner {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 0 140px;
  text-align: center;
  color: #fff;
}
@media (min-width: 1024px) {
  .game__level-inner {
    padding: 0 0 40px;
  }
}
.game__level-title {
  font-size: 50px;
  line-height: 1;
  font-weight: 300;
}
@media (min-width: 375px) {
  .game__level-title {
    font-size: 60px;
  }
}
@media (min-width: 600px) {
  .game__level-title {
    font-size: 75px;
  }
}
@media (min-width: 700px) {
  .game__level-title {
    font-size: 90px;
  }
}
@media (min-width: 1024px) {
  .game__level-title {
    font-size: 110px;
  }
}
@media (min-width: 1200px) {
  .game__level-title {
    font-size: 125px;
  }
}
@media (min-width: 1440px) {
  .game__level-title {
    font-size: 150px;
  }
}
.game__level-title span {
  font-weight: 400;
}
.game__level-subtitle {
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
}
@media (min-width: 375px) {
  .game__level-subtitle {
    font-size: 14px;
  }
}
@media (min-width: 600px) {
  .game__level-subtitle {
    font-size: 16px;
  }
}
@media (min-width: 700px) {
  .game__level-subtitle {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .game__level-subtitle {
    font-size: 21px;
  }
}
@media (min-width: 1200px) {
  .game__level-subtitle {
    font-size: 24px;
  }
}
@media (min-width: 1440px) {
  .game__level-subtitle {
    font-size: 30px;
  }
}
.game__restart {
  display: none;
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  top: 105px;
  left: 17px;
  width: 70px;
  background: none;
  border: none;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
@media (min-width: 375px) {
  .game__restart {
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  .game__restart {
    top: 165px;
    left: 40px;
    width: 80px;
    font-size: 14px;
  }
}
.game__restart-icon svg {
  width: 30px;
  height: 30px;
  color: inherit;
}
@media (max-width: 768px) and (max-height: 620px) {
  .game__restart-label {
    display: none;
  }
}
@media (max-width: 768px) and (min-width: 375px) and (max-height: 680px) {
  .game__restart-label {
    display: none;
  }
}
.game__tip {
  height: 39px;
  margin: 15px auto 0;
}
@media (min-width: 375px) {
  .game__tip {
    height: 46px;
  }
}
@media (min-width: 1024px) {
  .game__tip {
    position: fixed;
    bottom: 35px;
    left: 25px;
    margin: 0;
  }
}
@media (min-width: 1024px) and (min-height: 500px) {
  .game__tip {
    bottom: 44px;
    left: 29px;
  }
}
@media (min-width: 1024px) and (min-height: 600px) {
  .game__tip {
    bottom: 52px;
    left: 29px;
  }
}
@media (min-width: 1024px) and (min-height: 700px) {
  .game__tip {
    bottom: 60px;
  }
}
.game__tip-button {
  display: none;
  position: relative;
  background: none;
}
.game__tip-label-wrap {
  overflow: hidden;
  margin-left: 20px;
}
.game__tip-label {
  padding: 12px 20px 11px 60px;
  background: #fff;
  border-radius: 100px;
  transform-origin: 0 50%;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
}
@media (min-width: 375px) and (max-width: 1023px), (min-width: 1024px) and (min-height: 500px) {
  .game__tip-label {
    padding: 12px 20px 11px 66px;
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) and (min-height: 600px) {
  .game__tip-label {
    padding: 14px 22px 13px 80px;
    font-size: 18px;
  }
}
@media (min-width: 1024px) and (min-height: 700px) {
  .game__tip-label {
    padding: 14px 25px 13px 90px;
    font-size: 19px;
  }
}
.game__tip-highlight {
  color: #fb9dc3;
}
.game__tip-icon {
  position: absolute;
  top: 50%;
  left: 0;
  width: 76px;
  height: 76px;
  margin-top: -38px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
@media (min-width: 375px) and (max-width: 1023px), (min-width: 1024px) and (min-height: 500px) {
  .game__tip-icon {
    width: 84px;
    height: 84px;
    margin-top: -42px;
  }
}
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) and (min-height: 600px) {
  .game__tip-icon {
    width: 92px;
    height: 92px;
    margin-top: -46px;
  }
}
@media (min-width: 1024px) and (min-height: 700px) {
  .game__tip-icon {
    width: 108px;
    height: 108px;
    margin-top: -54px;
  }
}
.game__tip-icon-inner {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 64px;
  height: 64px;
  background: #615177;
  background-image: url(../svg/tip.svg);
  background-size: auto 60%;
  background-position: 50% 40%;
  background-repeat: no-repeat;
  border-radius: 50%;
}
@media (min-width: 375px) and (max-width: 1023px), (min-width: 1024px) and (min-height: 500px) {
  .game__tip-icon-inner {
    top: 7px;
    left: 7px;
    width: 70px;
    height: 70px;
  }
}
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) and (min-height: 600px) {
  .game__tip-icon-inner {
    top: 9px;
    left: 9px;
    width: 74px;
    height: 74px;
  }
}
@media (min-width: 1024px) and (min-height: 700px) {
  .game__tip-icon-inner {
    top: 12px;
    left: 12px;
    width: 84px;
    height: 84px;
  }
}
.game__sidebar {
  visibility: hidden;
  pointer-events: none;
  margin: 30px auto 20px;
  opacity: 0;
  text-align: center;
  color: #fff;
}
@media (min-width: 375px) {
  .game__sidebar {
    margin: 40px auto 20px;
  }
}
@media (min-width: 1024px) {
  .game__sidebar {
    position: absolute;
    top: 50%;
    right: 90px;
    width: 160px;
    padding-top: 30px;
    margin: 0;
    transform: translateY(-50%) translateX(50%);
  }
}
@media (min-width: 1280px) {
  .game__sidebar {
    right: 100px;
  }
}
@media (min-width: 1440px) {
  .game__sidebar {
    right: 120px;
  }
}
.game__sidebar-layout {
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1024px) {
  .game__sidebar-layout {
    display: block;
  }
}
.game__sidebar-entry {
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  padding: 0 8px;
  background: none;
  border: none;
}
@media (min-width: 375px) {
  .game__sidebar-entry {
    padding: 0 12px;
  }
}
@media (min-width: 440px) {
  .game__sidebar-entry {
    padding: 0 20px;
  }
}
@media (min-width: 1024px) {
  .game__sidebar-entry {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .game__sidebar-entry + .game__sidebar-entry {
    margin-top: 25px;
  }
}
@media (min-width: 1024px) and (min-height: 500px) {
  .game__sidebar-entry + .game__sidebar-entry {
    margin-top: 32px;
  }
}
@media (min-width: 1024px) and (min-height: 600px) {
  .game__sidebar-entry + .game__sidebar-entry {
    margin-top: 42px;
  }
}
@media (min-width: 1024px) and (min-height: 700px) {
  .game__sidebar-entry + .game__sidebar-entry {
    margin-top: 52px;
  }
}
.game__sidebar-main {
  font-size: 38px;
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 375px) and (max-width: 1023px), (min-width: 1024px) and (min-height: 500px) {
  .game__sidebar-main {
    font-size: 44px;
  }
}
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) and (min-height: 600px) {
  .game__sidebar-main {
    font-size: 48px;
  }
}
@media (min-width: 1024px) and (min-height: 700px) {
  .game__sidebar-main {
    font-size: 52px;
  }
}
.game__sidebar-star {
  width: 32px;
  height: 32px;
  margin: 0 auto 6px;
  background-image: url(../svg/star.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 375px) and (max-width: 1023px), (min-width: 1024px) and (min-height: 500px) {
  .game__sidebar-star {
    width: 38px;
    height: 38px;
  }
}
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) and (min-height: 600px) {
  .game__sidebar-star {
    width: 42px;
    height: 42px;
    margin: 0 auto 6px;
  }
}
@media (min-width: 1024px) and (min-height: 700px) {
  .game__sidebar-star {
    width: 60px;
    height: 60px;
    margin: 0 auto 12px;
  }
}
.game__sidebar-fade {
  opacity: 0.5;
}
.game__sidebar-label {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 375px) and (max-width: 1023px), (min-width: 1024px) and (min-height: 500px) {
  .game__sidebar-label {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) and (min-height: 600px) {
  .game__sidebar-label {
    font-size: 18px;
  }
}
.game__dev-buttons {
  display: none;
  position: fixed;
  bottom: 50px;
  left: 100px;
  right: 100px;
  text-align: center;
}
.game__dev-buttons button {
  padding: 3px 15px;
  border-radius: 50px;
}

.header {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 997;
}
body.logged-in.admin-bar .header {
  top: 46px;
}
@media (min-width: 783px) {
  body.logged-in.admin-bar .header {
    top: 32px;
  }
}
.header__logo {
  position: fixed;
  top: 19px;
  left: 17px;
  width: 70px;
  height: 70px;
  background: #fff;
  background-image: url(../svg/logo.svg);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 8px;
  z-index: 3;
}
@media (min-width: 768px) {
  .header__logo {
    top: 30px;
    left: 40px;
    width: 86px;
    height: 86px;
  }
}
body.logged-in.admin-bar .header__logo {
  top: 65px;
}
@media (min-width: 783px) {
  body.logged-in.admin-bar .header__logo {
    top: 62px;
  }
}
@media (min-width: 1024px) and (max-width: 1799px) {
  .body--split .header__logo {
    position: absolute;
  }
}
.header__logo-text {
  display: none;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 125%;
  width: 146%;
  height: 100%;
  background-image: url(../svg/logo-text-black.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}
@media (min-width: 768px) {
  .header__logo-text {
    display: block;
  }
}
.header__logo--white .header__logo-text, body.page-template-page-game .header__logo-text {
  background-image: url(../svg/logo-text-white.svg);
}
@media (max-width: 1023px) {
  body.body--split .header__logo-text {
    background-image: url(../svg/logo-text-white.svg);
  }
}
body.js-scrolled .header__logo-text {
  opacity: 0;
}
.header__menu {
  position: fixed;
  top: 19px;
  right: 17px;
  width: 56px;
  height: 56px;
  background: #ffce5d;
  transition: background-color 300ms ease-in-out;
  z-index: 3;
}
@media (min-width: 768px) {
  .header__menu {
    top: 30px;
    right: 40px;
    width: 60px;
    height: 60px;
  }
}
.js-nav-open .header__menu {
  background: #fff;
}
body.logged-in.admin-bar .header__menu {
  top: 65px;
}
@media (min-width: 783px) {
  body.logged-in.admin-bar .header__menu {
    top: 62px;
  }
}
.header__line {
  display: block;
  position: absolute;
  left: 17px;
  width: 22px;
  height: 2px;
  background: #333;
  border-radius: 2px;
  transition: opacity 300ms ease-in-out;
}
@media (min-width: 768px) {
  .header__line {
    left: 19px;
  }
}
.header__line--1 {
  top: 20px;
}
@media (min-width: 768px) {
  .header__line--1 {
    top: 22px;
  }
}
.header__line--2 {
  top: 27px;
}
@media (min-width: 768px) {
  .header__line--2 {
    top: 29px;
  }
}
.header__line--3 {
  top: 34px;
  width: 18px;
}
@media (min-width: 768px) {
  .header__line--3 {
    top: 36px;
  }
}
.js-nav-open .header__line {
  opacity: 0;
}
.header__close {
  display: block;
  position: absolute;
  left: 17px;
  width: 22px;
  height: 2px;
  background: #333;
  border-radius: 2px;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}
@media (min-width: 768px) {
  .header__close {
    left: 19px;
  }
}
.header__close--1 {
  top: 27px;
  transform: rotate(45deg);
}
@media (min-width: 768px) {
  .header__close--1 {
    top: 29px;
  }
}
.header__close--2 {
  top: 27px;
  transform: rotate(-45deg);
}
@media (min-width: 768px) {
  .header__close--2 {
    top: 29px;
  }
}
.js-nav-open .header__close {
  opacity: 1;
}
.header__favourites {
  position: fixed;
  top: 19px;
  right: 73px;
  width: 56px;
  height: 56px;
  background: #fff;
  border-bottom-left-radius: 10px;
  z-index: 2;
}
@media (min-width: 768px) {
  .header__favourites {
    top: 30px;
    right: 100px;
    width: 60px;
    height: 60px;
  }
}
body.logged-in.admin-bar .header__favourites {
  top: 65px;
}
@media (min-width: 783px) {
  body.logged-in.admin-bar .header__favourites {
    top: 62px;
  }
}
.header__heart {
  display: block;
  position: absolute;
  top: 19px;
  left: 19px;
  width: 18px;
  height: 18px;
  color: #f37874;
}
@media (min-width: 768px) {
  .header__heart {
    top: 21px;
    left: 21px;
  }
}
.header__heart svg {
  width: 100%;
  height: 100%;
}
.header__links, .header__account {
  display: none;
  position: absolute;
  top: 36px;
  right: 180px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 600;
  color: #505050;
}
@media (min-width: 768px) {
  .header__links, .header__account {
    display: block;
  }
}
@media (min-width: 1280px) {
  .header__links, .header__account {
    right: 200px;
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .header__links--white, .header__account--white {
    color: #fff;
  }
}
.body--split .header__links, .body--split .header__account {
  color: #fff;
}
.header__links ul,
.header__links li, .header__account ul,
.header__account li {
  list-style: none;
  margin: 0;
  text-align: center;
}
.header__links li, .header__account li {
  display: inline-block;
}
.header__links a, .header__account a {
  display: inline-block;
  padding: 15px 15px;
  transition: none;
  text-decoration: none;
}
@media (hover: hover) {
  .header__links a:hover, .header__account a:hover {
    text-decoration: underline;
  }
}
body.js-logged-in .header__links {
  display: none;
}
.header__account {
  display: none;
}
@media (min-width: 768px) {
  body.js-logged-in .header__account {
    display: block;
  }
}
.header__account li {
  padding: 15px 15px;
}
.header__account #account-id {
  font-weight: bold;
  color: #fb9dc3;
}
@media (min-width: 768px) {
  .header__account--white #account-id {
    color: inherit;
  }
}
.header__account button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  transition: none;
}
@media (hover: hover) {
  .header__account button:hover {
    text-decoration: underline;
  }
}
.header__account-divider {
  display: inline-block;
  padding: 0 7px;
  opacity: 0.3;
}

.hero {
  padding-top: 30px;
  color: #fff;
}
@media (min-height: 900px) {
  .hero {
    padding-top: 65px;
  }
}
.hero--white {
  color: #333;
}
.hero__bg {
  display: none;
  position: absolute;
  pointer-events: none;
  top: 0;
  right: 0;
  width: 100%;
  height: 560vw;
  background-image: url(../svg/hero-bg-mobile-white.svg);
  background-size: 100% auto;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.hero__bg--color1 {
  background-image: url(../svg/hero-bg-mobile-color1.svg);
}
.html--high-contrast .hero__bg--color1 {
  background-image: url(../svg/hero-bg-mobile-dark.svg);
}
.hero__bg--color2 {
  background-image: url(../svg/hero-bg-mobile-color2.svg);
}
.html--high-contrast .hero__bg--color2 {
  background-image: url(../svg/hero-bg-mobile-dark.svg);
}
.hero__bg--color3 {
  background-image: url(../svg/hero-bg-mobile-color3.svg);
}
.html--high-contrast .hero__bg--color3 {
  background-image: url(../svg/hero-bg-mobile-dark.svg);
}
.hero__bg--color4 {
  background-image: url(../svg/hero-bg-mobile-color4.svg);
}
.html--high-contrast .hero__bg--color4 {
  background-image: url(../svg/hero-bg-mobile-dark.svg);
}
.hero__bg--color5 {
  background-image: url(../svg/hero-bg-mobile-color5.svg);
}
.html--high-contrast .hero__bg--color5 {
  background-image: url(../svg/hero-bg-mobile-dark.svg);
}
.hero__bg--color6 {
  background-image: url(../svg/hero-bg-mobile-color6.svg);
}
.html--high-contrast .hero__bg--color6 {
  background-image: url(../svg/hero-bg-mobile-dark.svg);
}
.hero__bg--color7 {
  background-image: url(../svg/hero-bg-mobile-color7.svg);
}
.html--high-contrast .hero__bg--color7 {
  background-image: url(../svg/hero-bg-mobile-dark.svg);
}
.hero__bg--color8 {
  background-image: url(../svg/hero-bg-mobile-color8.svg);
}
.html--high-contrast .hero__bg--color8 {
  background-image: url(../svg/hero-bg-mobile-dark.svg);
}
.hero__bg--color9 {
  background-image: url(../svg/hero-bg-mobile-color9.svg);
}
.html--high-contrast .hero__bg--color9 {
  background-image: url(../svg/hero-bg-mobile-dark.svg);
}
.hero__bg--color10 {
  background-image: url(../svg/hero-bg-mobile-color10.svg);
}
.html--high-contrast .hero__bg--color10 {
  background-image: url(../svg/hero-bg-mobile-dark.svg);
}
.hero__bg--color11 {
  background-image: url(../svg/hero-bg-mobile-color11.svg);
}
.html--high-contrast .hero__bg--color11 {
  background-image: url(../svg/hero-bg-mobile-dark.svg);
}
.hero__bg--color12 {
  background-image: url(../svg/hero-bg-mobile-color12.svg);
}
.html--high-contrast .hero__bg--color12 {
  background-image: url(../svg/hero-bg-mobile-dark.svg);
}
@media (min-width: 768px) {
  .hero__bg {
    height: 208.3333333333vw;
    background-image: url(../svg/hero-bg-white.svg);
  }
  .hero__bg--color1 {
    background-image: url(../svg/hero-bg-color1.svg);
  }
  .html--high-contrast .hero__bg--color1 {
    background-image: url(../svg/hero-bg-dark.svg);
  }
  .hero__bg--color2 {
    background-image: url(../svg/hero-bg-color2.svg);
  }
  .html--high-contrast .hero__bg--color2 {
    background-image: url(../svg/hero-bg-dark.svg);
  }
  .hero__bg--color3 {
    background-image: url(../svg/hero-bg-color3.svg);
  }
  .html--high-contrast .hero__bg--color3 {
    background-image: url(../svg/hero-bg-dark.svg);
  }
  .hero__bg--color4 {
    background-image: url(../svg/hero-bg-color4.svg);
  }
  .html--high-contrast .hero__bg--color4 {
    background-image: url(../svg/hero-bg-dark.svg);
  }
  .hero__bg--color5 {
    background-image: url(../svg/hero-bg-color5.svg);
  }
  .html--high-contrast .hero__bg--color5 {
    background-image: url(../svg/hero-bg-dark.svg);
  }
  .hero__bg--color6 {
    background-image: url(../svg/hero-bg-color6.svg);
  }
  .html--high-contrast .hero__bg--color6 {
    background-image: url(../svg/hero-bg-dark.svg);
  }
  .hero__bg--color7 {
    background-image: url(../svg/hero-bg-color7.svg);
  }
  .html--high-contrast .hero__bg--color7 {
    background-image: url(../svg/hero-bg-dark.svg);
  }
  .hero__bg--color8 {
    background-image: url(../svg/hero-bg-color8.svg);
  }
  .html--high-contrast .hero__bg--color8 {
    background-image: url(../svg/hero-bg-dark.svg);
  }
  .hero__bg--color9 {
    background-image: url(../svg/hero-bg-color9.svg);
  }
  .html--high-contrast .hero__bg--color9 {
    background-image: url(../svg/hero-bg-dark.svg);
  }
  .hero__bg--color10 {
    background-image: url(../svg/hero-bg-color10.svg);
  }
  .html--high-contrast .hero__bg--color10 {
    background-image: url(../svg/hero-bg-dark.svg);
  }
  .hero__bg--color11 {
    background-image: url(../svg/hero-bg-color11.svg);
  }
  .html--high-contrast .hero__bg--color11 {
    background-image: url(../svg/hero-bg-dark.svg);
  }
  .hero__bg--color12 {
    background-image: url(../svg/hero-bg-color12.svg);
  }
  .html--high-contrast .hero__bg--color12 {
    background-image: url(../svg/hero-bg-dark.svg);
  }
}
.hero__mid {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  bottom: 45px;
}
@media (min-width: 375px) {
  .hero__mid {
    bottom: 50px;
  }
}
@media (min-width: 440px) {
  .hero__mid {
    bottom: 60px;
  }
}
@media (min-width: 580px) {
  .hero__mid {
    bottom: 70px;
  }
}
@media (min-width: 768px) {
  .hero__mid {
    bottom: 80px;
  }
}
@media (min-width: 880px) {
  .hero__mid {
    bottom: 90px;
  }
}
@media (min-width: 1024px) {
  .hero__mid {
    bottom: 100px;
  }
}
@media (min-width: 1280px) {
  .hero__mid {
    bottom: 100px;
  }
}
@media (min-width: 768px) {
  .hero__mid--shallow {
    bottom: 35.3982300885%;
  }
}
@media (min-width: 768px) {
  .hero__mid--home {
    bottom: -16vw;
  }
}
.hero__cross {
  position: absolute;
  top: 20px;
  left: 100%;
  width: 1px;
  height: 1px;
  z-index: 5;
}
@media (min-width: 768px) {
  .hero__cross {
    top: 0;
    left: 80%;
  }
}
@media (min-width: 768px) {
  .hero__content--no-image {
    padding-top: 25px;
  }
}
@media (min-width: 1024px) {
  .hero__content--no-image {
    padding-top: 35px;
  }
}
@media (max-width: 767px) {
  .hero__content--has-image {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
  }
}
.hero__content--home {
  z-index: 2;
  text-align: center;
  text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
}
.html--high-contrast .hero__content--home {
  text-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
}
.hero__content-slide {
  display: none;
}
.hero__content-slide:nth-child(1) {
  display: block;
}
.hero__content-slide--no-button {
  padding-bottom: 100px;
}
@media (min-width: 768px) {
  .hero__content-slide--no-button {
    padding-bottom: 124px;
  }
}
@media (max-width: 767px) {
  .hero__title {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .hero__content--has-image .hero__title {
    margin-inline: auto;
  }
}
.hero__content--home .hero__title {
  width: 100%;
}
.hero__title sup {
  display: inline-block;
  position: relative;
  vertical-align: baseline;
  top: -0.4em;
  font-size: 0.8em;
}
@media (min-width: 1024px) {
  .hero__body {
    width: 95%;
  }
}
.hero__content--home .hero__body {
  width: 90%;
  max-width: 500px;
  margin-inline: auto;
}
@media (min-width: 1280px) {
  .hero__content--home .hero__body {
    max-width: 600px;
  }
}
.hero__button {
  margin: 38px 0 0;
}
.hero__button--home {
  margin: 28px 0 0;
}
@media (min-width: 768px) {
  .hero__button--home {
    margin: 50px 0 0;
  }
}
.hero__image-wrap-1-1 {
  width: 88%;
  max-width: 280px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .hero__image-wrap-1-1 {
    left: 16.1904761905%;
    width: 76.1904761905%;
    max-width: none;
    margin: 0;
  }
}
@media (min-width: 768px) and (min-height: 800px) {
  .hero__image-wrap-1-1 {
    left: 10.4761904762%;
    width: 83.8095238095%;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .hero__image-wrap-1-1 {
    left: 6.6666666667%;
    width: 91.4285714286%;
  }
}
.hero__image-1-1, .hero__image-2-1, .hero__image-2-2 {
  overflow: hidden;
  width: 100%;
  height: 0;
  padding: 0 0 130.2083333333%;
  border-radius: 10px;
  transform: rotate(2.4deg);
}
@media (min-width: 768px) {
  .hero__image-1-1--left, .hero__image-2-1--left, .hero__image-2-2--left {
    transform: rotate(-6.5deg);
  }
  .hero__image-1-1--right, .hero__image-2-1--right, .hero__image-2-2--right {
    transform: rotate(4.45deg);
  }
}
.hero__image-wrap-2 {
  max-width: 318px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .hero__image-wrap-2 {
    max-width: none;
  }
}
.hero__image-wrap-2-1 {
  left: 5.1470588235%;
  width: 85.2941176471%;
}
@media (min-width: 768px) {
  .hero__image-wrap-2-1 {
    left: 11.4285714286%;
    width: 68.5714285714%;
    max-width: none;
    margin: 0;
  }
}
@media (min-width: 768px) and (min-height: 800px) {
  .hero__image-wrap-2-1 {
    left: 5.7142857143%;
    width: 74.2857142857%;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .hero__image-wrap-2-1 {
    left: 0;
    width: 81.9047619048%;
  }
}
.hero__image-wrap-2-2 {
  left: 58.8235294118%;
  width: 44.4852941176%;
  margin: -47.7941176471% 0 0;
}
@media (min-width: 768px) {
  .hero__image-wrap-2-2 {
    left: 60.9523809524%;
    width: 41.9047619048%;
    max-width: none;
    margin: -43.8095238095% 0 0;
  }
}
@media (min-width: 768px) and (min-height: 800px) {
  .hero__image-wrap-2-2 {
    left: 57.1428571429%;
    width: 44.7619047619%;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .hero__image-wrap-2-2 {
    left: 54.2857142857%;
    width: 48.380952381%;
  }
}
.hero__image-2-1 {
  transform: rotate(-8deg);
}
@media (min-width: 768px) {
  .hero__image-2-1 {
    transform: rotate(-11deg);
  }
}
.hero__image-2-2 {
  transform: rotate(14.2deg);
}
.hero__scroll {
  display: block;
  position: absolute;
  bottom: -50px;
  left: 83px;
  transform: translateX(-50%);
}
@media (max-width: 1279px) {
  .hero__scroll {
    display: none !important;
  }
}
@media (min-aspect-ratio: 12/10) {
  .hero__scroll {
    position: fixed;
    bottom: 50px;
  }
}
.hero__scroll-mouse {
  width: 26px;
  height: 52px;
  margin: 0 auto;
  background-image: url(../svg/scroll-mouse.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.hero--white .hero__scroll-mouse {
  background-image: url(../svg/scroll-mouse-dark.svg);
}
.hero__scroll-text {
  margin: 15px auto 0;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  color: #fff;
}
.hero--white .hero__scroll-text {
  color: #888888;
}
.hero__scroll-bar {
  position: absolute;
  bottom: 60px;
  left: 50%;
  width: 0;
  height: 165px;
  margin-left: -1px;
}
.hero__scroll-thumb {
  position: absolute;
  top: 0;
  left: -1px;
  width: 2px;
  height: 6px;
  background: #fff;
  border-radius: 1px;
  opacity: 0;
}
.hero__scroll-wheel {
  position: absolute;
  top: 23px;
  left: 12px;
  width: 2px;
  height: 7px;
  background: #fb9dc3;
  border-radius: 1px;
}
.hero__carousel-wrap {
  margin-bottom: -78px;
}
@media (min-width: 768px) {
  .hero__carousel-wrap {
    margin-top: -3.5vw;
    margin-bottom: -20vw;
  }
}
@media (min-width: 1024px) {
  .hero__carousel-wrap {
    margin-top: -3.5vw;
    margin-bottom: -26vw;
  }
}
@media (min-width: 1680px) {
  .hero__carousel-wrap {
    margin-top: -59px;
    margin-bottom: -437px;
  }
}
.hero__carousel-outer {
  width: 59vw;
  height: 77vw;
  margin: 0 auto;
  border-radius: 10px;
}
@media (min-width: 414px) {
  .hero__carousel-outer {
    width: 245px;
    height: 320px;
  }
}
@media (min-width: 768px) {
  .hero__carousel-outer {
    width: 26.9vw;
    height: 35vw;
    margin-right: -1.5vw;
  }
}
@media (min-width: 768px) and (min-height: 800px) {
  .hero__carousel-outer {
    width: 29.23vw;
    height: 38vw;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .hero__carousel-outer {
    width: 31.25vw;
    height: 40.625vw;
  }
}
@media (min-width: 1680px) {
  .hero__carousel-outer {
    width: 525px;
    height: 682px;
    margin-right: -25px;
  }
}
.hero__carousel-inner {
  top: 0;
  left: -200%;
  width: 500%;
  height: 100%;
}
.hero__slide {
  overflow: hidden;
  height: 100%;
  border-radius: 10px;
  transform: scale(0.9);
}
.hero__slide--animated {
  transition: transform 750ms ease-in-out;
}
.hero__slide--animated img {
  transition: transform 750ms ease-in-out;
}
.hero__slide--animated[data-tilt="0"] img {
  transition: transform 800ms ease-in-out;
}
.hero__slide img {
  transform: scale(1.2);
}
.hero__slide[data-tilt="-3"] {
  transform: rotate(-5deg) translateY(-115%) translateX(20%) scale(0.25);
}
.hero__slide[data-tilt="-2"] {
  transform: rotate(-5deg) translateY(-115%) translateX(20%) scale(0.25);
}
.hero__slide[data-tilt="-1"] {
  transform: rotate(-26deg) translateY(-40%) translateX(40%) scale(0.42);
}
.hero__slide[data-tilt="0"] {
  transform: rotate(3.2deg) scale(1);
}
.hero__slide[data-tilt="0"] img {
  transform: scale(1);
}
.hero__slide[data-tilt="1"] {
  transform: rotate(-30deg) translateY(82%) translateX(-5%) scale(1.16);
}
.hero__slide[data-tilt="2"] {
  transform: rotate(-15deg) translateY(180%) translateX(20%) scale(1.25);
}
.hero__slide[data-tilt="3"] {
  transform: rotate(-15deg) translateY(180%) translateX(20%) scale(1.25);
}
@media (min-width: 500px) {
  .hero__slide[data-tilt="-1"] {
    transform: rotate(-26deg) translateY(-40%) translateX(20%) scale(0.42);
  }
  .hero__slide[data-tilt="1"] {
    transform: rotate(-30deg) translateY(90%) translateX(10%) scale(1.16);
  }
}
@media (min-width: 580px) {
  .hero__slide[data-tilt="-1"] {
    transform: rotate(-26deg) translateY(-40%) translateX(10%) scale(0.42);
  }
  .hero__slide[data-tilt="1"] {
    transform: rotate(-30deg) translateY(90%) translateX(20%) scale(1.16);
  }
}
@media (min-width: 660px) {
  .hero__slide[data-tilt="-1"] {
    transform: rotate(-26deg) translateY(-40%) translateX(-5%) scale(0.42);
  }
  .hero__slide[data-tilt="1"] {
    transform: rotate(-30deg) translateY(90%) translateX(30%) scale(1.16);
  }
}
@media (min-width: 768px) {
  .hero__slide {
    transform: scale(0.25);
  }
  .hero__slide[data-tilt="-3"] {
    transform: rotate(-19deg) translateY(-130%) translateX(80%) scale(0.25);
  }
  .hero__slide[data-tilt="-2"] {
    transform: rotate(-19deg) translateY(-130%) translateX(80%) scale(0.25);
  }
  .hero__slide[data-tilt="-1"] {
    transform: rotate(-19deg) translateY(-55%) translateX(30%) scale(0.46);
  }
  .hero__slide[data-tilt="0"] {
    transform: rotate(15deg) scale(1);
  }
  .hero__slide[data-tilt="1"] {
    transform: rotate(-19deg) translateY(82%) translateX(15%) scale(1.3);
  }
  .hero__slide[data-tilt="2"] {
    transform: rotate(-19deg) translateY(180%) translateX(20%) scale(1);
  }
  .hero__slide[data-tilt="3"] {
    transform: rotate(-19deg) translateY(180%) translateX(20%) scale(0.5);
  }
}
@media (min-width: 1024px) {
  .hero__slide[data-tilt="-3"] {
    transform: rotate(-19deg) translateY(-130%) translateX(40%) scale(0.25);
  }
  .hero__slide[data-tilt="-2"] {
    transform: rotate(-19deg) translateY(-130%) translateX(40%) scale(0.25);
  }
  .hero__slide[data-tilt="-1"] {
    transform: rotate(-19deg) translateY(-55%) translateX(30%) scale(0.46);
  }
  .hero__slide[data-tilt="1"] {
    transform: rotate(-19deg) translateY(82%) translateX(15%) scale(1.3);
  }
  .hero__slide[data-tilt="2"] {
    transform: rotate(-19deg) translateY(180%) translateX(20%) scale(1);
  }
  .hero__slide[data-tilt="3"] {
    transform: rotate(-19deg) translateY(180%) translateX(20%) scale(0.5);
  }
}
@media (min-width: 1800px) {
  .hero__slide[data-tilt="-2"] {
    transform: rotate(-19deg) translateY(-130%) translateX(10%) scale(0.25);
  }
  .hero__slide[data-tilt="-1"] {
    transform: rotate(-19deg) translateY(-58%) translateX(20%) scale(0.46);
  }
  .hero__slide[data-tilt="1"] {
    transform: rotate(-19deg) translateY(75%) translateX(40%) scale(1.3);
  }
  .hero__slide[data-tilt="2"] {
    transform: rotate(-19deg) translateY(180%) translateX(120%) scale(1);
  }
}
@media (min-width: 2000px) {
  .hero__slide[data-tilt="-1"] {
    transform: rotate(-19deg) translateY(-58%) translateX(15%) scale(0.46);
  }
  .hero__slide[data-tilt="1"] {
    transform: rotate(-19deg) translateY(75%) translateX(55%) scale(1.3);
  }
}
@media (min-width: 2250px) {
  .hero__slide[data-tilt="-1"] {
    transform: rotate(-19deg) translateY(-60%) translateX(5%) scale(0.46);
  }
  .hero__slide[data-tilt="1"] {
    transform: rotate(-19deg) translateY(85%) translateX(65%) scale(1.3);
  }
}
@media (min-width: 2500px) {
  .hero__slide[data-tilt="-1"] {
    transform: rotate(-19deg) translateY(-63%) translateX(-10%) scale(0.46);
  }
  .hero__slide[data-tilt="1"] {
    transform: rotate(-19deg) translateY(100%) translateX(80%) scale(1.3);
  }
}
.hero__slide-grad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.25) 100%);
}
.html--high-contrast .hero__slide-grad {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.hero__slide, .hero__slide img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
.hero__carousel-arrows {
  position: relative;
  height: 50px;
  padding: 0 0 80px;
  margin: 35px auto 0;
  text-align: center;
}
@media (min-width: 768px) {
  .hero__carousel-arrows {
    position: absolute;
    top: 2vw;
    left: -19%;
    width: 138%;
    padding: 0;
    margin: 0;
    height: 50px;
  }
}
@media (min-width: 1024px) {
  .hero__carousel-arrows {
    top: 3vw;
    left: -21%;
    width: 142%;
  }
}
@media (min-width: 1280px) {
  .hero__carousel-arrows {
    left: -27%;
    width: 154%;
  }
}
@media (min-width: 1440px) {
  .hero__carousel-arrows {
    top: 4vw;
  }
}
@media (min-width: 1680px) {
  .hero__carousel-arrows {
    top: 68px;
    left: 50%;
    width: 1680px;
    margin-left: -840px;
  }
}
.hero .jumplinks {
  color: #505050;
}
@media (max-width: 992px) {
  .hero .jumplinks {
    margin-top: 2em;
  }
}
.hero .jumplinks .block__stack-inner {
  background: #E3EDE1;
}
.hero .jumplinks .block__panel {
  padding: 24px;
}
.hero .jumplinks__title {
  font-size: 1.55em;
  font-weight: 600;
  line-height: 140%;
}
.hero .jumplinks__list {
  margin-top: 1em;
}
.hero .jumplinks__list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hero .jumplinks__list ul li {
  margin-bottom: 0.9em;
  padding-left: 1.5em;
}
.hero .jumplinks__list ul li:last-child {
  margin-bottom: 0;
}
.hero .jumplinks__list ul li a {
  text-decoration: none;
  font-weight: 600;
  color: #606060;
  transition-duration: 0.3s;
}
.hero .jumplinks__list ul li a:hover, .hero .jumplinks__list ul li a:focus {
  text-decoration: underline;
}
.hero .jumplinks__list ul li .svg-icon {
  position: absolute;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: 3px;
}

.media {
  overflow: hidden;
  border-radius: 10px;
}

.nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.js-nav-open .nav {
  display: block;
}
.nav__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #ffce5d;
  animation: fadeMenuBg 1.2s;
}
.nav__center {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.nav__overflow {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
@media (max-width: 1023px) {
  .nav__overflow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
    height: 100%;
  }
}
.nav__padding {
  padding: 150px 0 55px;
}
@media (min-width: 768px) {
  .nav__padding {
    padding: 170px 0 55px;
  }
}
@media (min-width: 1024px) {
  .nav__padding {
    padding: 160px 0 100px;
  }
}
@media (min-width: 1024px) and (min-height: 880px) {
  .nav__padding {
    padding: 160px 0 120px;
  }
}
.nav__primary {
  animation: fadeMenu1 0.8s;
  font-size: 2.6rem;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 2.6rem;
  font-size: clamp(2.2rem, 6.9333333333vw, 3.1rem);
}
@media (min-width: 580px) {
  .nav__primary {
    font-size: 3.6rem;
    font-size: clamp(3.1rem, 4.6875vw, 4.1rem);
  }
}
@media (min-width: 768px) {
  .nav__primary {
    font-size: 3.6rem;
  }
}
@media (min-width: 1024px) {
  .nav__primary {
    font-size: 4.6rem;
    font-size: clamp(3.3rem, 3.1944444444vw, 4.6rem);
    animation: fadeMenu1 1s;
  }
}
.nav__primary li + li {
  margin: 0.5em 0 0;
}
@media (min-width: 768px) {
  .nav__primary li + li {
    margin: 0.4em 0 0;
  }
}
@media (min-width: 1024px) {
  .nav__primary li + li {
    margin: 0.5em 0 0;
  }
}
.nav__secondary, .nav__tertiary {
  animation: fadeMenu2 0.8s;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .nav__secondary, .nav__tertiary {
    margin: 0 0 50px;
    animation: fadeMenu2 1s;
  }
}
.nav__secondary li + li, .nav__tertiary li + li {
  margin: 0.65em 0 0;
}
@media (min-width: 1024px) {
  .nav__tertiary {
    animation: fadeMenu3 1s;
  }
}
.nav__subtitle {
  margin: 0 0 32px;
  font-size: 1.2rem;
  font-weight: 600;
}
.nav ul,
.nav li {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.nav a {
  text-decoration: none;
}
.nav__buttons {
  margin: 90px 0 0;
  animation: fadeMenu1 1s;
  font-size: 0;
  line-height: 0;
}
@media (min-width: 1024px) {
  .nav__buttons {
    margin: 90px 0 0;
  }
}
.nav__button {
  width: 100%;
  min-width: 270px;
  padding: 15px 12px 14px;
  margin-bottom: 12px;
  margin-right: 12px;
  background: #fff;
  border-radius: 10px;
  transition: all 150ms ease-in-out;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 600;
}
@media (min-width: 480px) {
  .nav__button {
    width: auto;
  }
}
.html--dyslexic .nav__button.js-toggle-dyslexic {
  background: #615177;
  color: #fff;
}
.html--high-contrast .nav__button.js-toggle-high-contrast {
  background: #615177;
  color: #fff;
}
.nav__promo1-wrap {
  display: none;
  position: relative;
  margin: 40px 0 0;
}
@media (min-width: 768px) {
  .nav__promo1-wrap {
    display: block;
  }
}
@media (min-width: 1024px) {
  .nav__promo1-wrap {
    margin: 0;
  }
}
.nav__promo1 {
  display: block;
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 200px;
  margin: 0 0 0 auto;
  background: #fff;
  border-radius: 50%;
  transform: rotate(7deg);
  animation: fadeMenuPromo 1s;
  text-align: center;
}
.nav__promo1-slide {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  overflow: hidden;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background: #fff;
  border-radius: 50%;
  opacity: 0;
}
.nav__promo1-slide--1 {
  opacity: 1;
}
.nav__promo1-slide--1 .font-highlight-gradient {
  color: #fb9dc3;
}
.html--high-contrast .nav__promo1-slide--1 .font-highlight-gradient {
  color: #6e60a5;
}
.nav__promo1-arrow {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../svg/nav-promo-arrow-circle.svg);
  background-size: cover;
  background-position: center;
  opacity: 0;
}
.nav__promo1-text {
  font-size: 2.7rem;
  line-height: 1.15;
  font-weight: 600;
}
@media (min-width: 500px) {
  .nav__promo2-wrap {
    padding: 0 10px;
    margin: 0 4px;
  }
}
@media (min-width: 500px) and (min-width: 375px) {
  .nav__promo2-wrap {
    margin: 0 3.2%;
  }
}
@media (min-width: 500px) and (min-width: 440px) {
  .nav__promo2-wrap {
    margin: 0 3.6%;
  }
}
@media (min-width: 500px) and (min-width: 580px) {
  .nav__promo2-wrap {
    margin: 0 4%;
  }
}
@media (min-width: 500px) and (min-width: 768px) {
  .nav__promo2-wrap {
    margin: 0 6.5%;
  }
}
@media (min-width: 500px) and (min-width: 880px) {
  .nav__promo2-wrap {
    margin: 0 7.5%;
  }
}
@media (min-width: 500px) and (min-width: 1024px) {
  .nav__promo2-wrap {
    margin: 0 7.5%;
  }
}
@media (min-width: 500px) and (min-width: 1280px) {
  .nav__promo2-wrap {
    margin: 0 11.11%;
  }
}
@media (min-width: 768px) {
  .nav__promo2-wrap {
    display: none;
  }
}
.nav__promo2 {
  display: block;
  position: relative;
  overflow: hidden;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
  height: 74px;
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  animation: fadeMenuPromo 1s;
  text-align: center;
}
@media (max-width: 1023px) {
  .nav__promo2 br {
    display: none;
  }
}
.nav__promo2-slide {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 70px 0 30px;
  background: #fff;
  opacity: 0;
}
.nav__promo2-slide--1 {
  opacity: 1;
}
.nav__promo2-slide--1 .font-highlight-gradient {
  color: #fb9dc3;
}
.html--high-contrast .nav__promo2-slide--1 .font-highlight-gradient {
  color: #6e60a5;
}
.nav__promo2-text {
  font-size: 1.8rem;
  line-height: 1.15;
  font-weight: 600;
}
.nav__promo2-arrow {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 22px;
  height: 16px;
  margin-top: -8px;
  color: #fb9dc3;
}
.nav__promo2-slide--2 .nav__promo2-arrow {
  color: #7a6fd2;
}
.html--high-contrast .nav__promo2-arrow {
  color: #6e60a5;
}

@keyframes fadeMenuBg {
  from {
    top: 62px;
    right: 68px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
  }
  to {
    top: -2376px;
    right: -2364px;
    width: calc(300% - 136px);
    width: max(5000px, 300% - 136px);
    height: calc(300% - 124px);
    height: max(5000px, 300% - 124px);
    border-radius: 50%;
  }
}
@keyframes fadeMenu1 {
  0% {
    opacity: 0;
    transform: translateY(10vw);
  }
  50% {
    opacity: 0;
    transform: translateY(10vw);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeMenu2 {
  0% {
    opacity: 0;
    transform: translateY(6vw);
  }
  60% {
    opacity: 0;
    transform: translateY(6vw);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeMenu3 {
  0% {
    opacity: 0;
    transform: translateY(6vw);
  }
  70% {
    opacity: 0;
    transform: translateY(6vw);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeMenuPromo {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.news__wrap {
  padding-top: 105px;
}
@media (min-width: 768px) {
  .news__wrap {
    padding-top: 85px;
  }
}
@media (min-width: 1024px) {
  .news__wrap {
    padding-top: 65px;
  }
}
.news__date {
  margin: 0;
  font-weight: 600;
}
.news__filters {
  margin: 0;
}
.news__filters a {
  text-decoration: none;
  color: #7a6fd2 !important;
}
.html--high-contrast .news__filters a {
  color: #6e60a5 !important;
}
.news__filters a:hover {
  text-decoration: underline;
}
.news__filters-label {
  font-weight: 600;
}
.news__title {
  margin-top: 15px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .news__title {
    margin-top: 30px;
    margin-bottom: 35px;
  }
}
@media (min-width: 1024px) {
  .news__title {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}
.news__media-wrap {
  margin-bottom: 40px;
}
.news__media-wrap:last-child {
  margin-bottom: 0;
}
.news__media {
  overflow: hidden;
  border-radius: 10px;
}
.news__caption {
  margin-top: 6vw;
}
@media (min-width: 768px) {
  .news__caption {
    margin-top: 5.5vw;
  }
}
@media (min-width: 1024px) {
  .news__caption {
    margin-top: 4.5vw;
  }
}
@media (min-width: 1280px) {
  .news__caption {
    margin-top: 3.5vw;
  }
}
@media (min-width: 1660px) {
  .news__caption {
    margin-top: 58px;
  }
}
.news__divider {
  width: 100%;
  height: 1px;
  background: #c5c5c5;
}
.news__quote {
  max-width: 600px;
}
@media (min-width: 1024px) {
  .news__quote {
    max-width: 42vw;
  }
}
@media (min-width: 1660px) {
  .news__quote {
    max-width: 700px;
  }
}
.news__quote-icon {
  color: #7a6fd2;
}
.html--high-contrast .news__quote-icon {
  color: #6e60a5;
}
.news__quote-icon .svg-icon {
  width: 28px;
}
.news__quote-body {
  margin: 13px 0 0;
}
.news__quote-body h1,
.news__quote-body h2,
.news__quote-body h3 {
  font: inherit;
}
.news__quote-reference {
  margin: 18px 0 0;
  font-weight: 600;
}
.news__quote-detail {
  margin: 2px 0 0;
}

.tabs__entry {
  display: block;
  position: relative;
  padding: 14px 5px 11px;
  background: #ededed;
  border-bottom: 3px solid #c7c7c7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: center;
  text-decoration: none;
}
@media (min-width: 768px) {
  .tabs__entry {
    padding: 13px 12px 10px;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .tabs__entry {
    padding: 14px 55px 11px 18px;
    background: transparent;
    border-bottom-color: #ececec;
    text-align: left;
    color: #a4a4a4;
  }
}
@media (min-width: 1024px) {
  .tabs__entry:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 22px;
    width: 23px;
    height: 16px;
    margin-top: -8px;
    background-image: url(../svg/tab-down.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}
.tabs__entry--current {
  background: #fff;
  border-bottom-color: #615177;
  color: inherit;
}
.tabs__entry--current:after {
  display: none;
}
.tabs__title-desktop {
  display: none;
}
@media (min-width: 768px) {
  .tabs__title-desktop {
    display: block;
  }
}
@media (min-width: 768px) {
  .tabs__title-mobile {
    display: none;
  }
}
.tabs__arrow {
  display: none;
}

#popups {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

#popups-blackout {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2;
}
#popups[data-current-popup=game-progress] #popups-blackout {
  background: #615177;
}

#popups-center {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  pointer-events: none;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#popups-overflow {
  overflow: auto;
  pointer-events: all;
  z-index: 3;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.popup {
  display: none;
}
.popup__wrap {
  pointer-events: all;
  max-width: 620px;
  padding: 40px 20px;
  margin: 10px auto;
  background: #fff;
  border-radius: 10px;
}
@media (min-width: 440px) {
  .popup__wrap {
    padding: 40px 30px;
  }
}
@media (min-width: 580px) {
  .popup__wrap {
    padding: 50px;
  }
}
.popup__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  padding: 10px;
  background: none;
  border: none;
  z-index: 4;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  color: #333;
}
@media (min-width: 768px) {
  .popup__close {
    top: 10px;
    right: 10px;
  }
}
.popup__close:before, .popup__close:after {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  left: 15px;
  width: 20px;
  height: 2px;
  background: #000;
  border-radius: 1px;
  transform: rotate(45deg);
}
.popup__close:after {
  transform: rotate(-45deg);
}
.popup__close:hover {
  color: #fb9dc3;
}
.popup__close .svg-icon {
  position: absolute;
  top: 13px;
  left: 13px;
  width: 24px;
  height: 24px;
}
.popup__title {
  max-width: 460px;
}
.popup__body {
  margin: 10px 0 0;
}
.popup__form {
  margin: 10px 0 0;
}
.popup h1 {
  font-weight: bold;
}
.popup__fav-input {
  display: block;
  width: 260px;
  height: 74px;
  padding: 12px 14px 6px;
  margin-right: 6px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  border-radius: 10px;
  font-size: 54px;
  line-height: 1;
  font-weight: 600;
}
@media (min-width: 768px) {
  .popup__fav-input {
    width: 320px;
    height: 88px;
    margin-right: 15px;
    font-size: 68px;
  }
}
.popup__fav-input::-webkit-input-placeholder {
  color: #ddd;
}
.popup__fav-input::-moz-placeholder {
  color: #ddd;
}
.popup__fav-input:-ms-input-placeholder {
  color: #ddd;
}
.popup__fav-input::-ms-input-placeholder {
  color: #ddd;
}
.popup__fav-input::placeholder {
  color: #ddd;
}
.popup__fav-input--error {
  background: #efcfd7;
  border-color: #fb9dc3;
}
.popup__fav-input--error::-webkit-input-placeholder {
  color: #fb9dc3;
}
.popup__fav-input--error::-moz-placeholder {
  color: #fb9dc3;
}
.popup__fav-input--error:-ms-input-placeholder {
  color: #fb9dc3;
}
.popup__fav-input--error::-ms-input-placeholder {
  color: #fb9dc3;
}
.popup__fav-input--error::placeholder {
  color: #fb9dc3;
}
.popup__fav-code {
  font-size: 54px;
  line-height: 1;
  font-weight: 600;
  color: #fb9dc3;
}
@media (min-width: 768px) {
  .popup__fav-code {
    font-size: 68px;
  }
}
.popup__fav-opts {
  margin: 28px 0 0;
}
@media (min-width: 768px) {
  .popup__fav-opts {
    margin: 42px 0 20px;
  }
}
.popup__fav-btn {
  padding: 0;
  background: transparent;
  border: none;
  font-size: 20px;
  text-decoration: underline;
  color: #fb9dc3;
}
@media (min-width: 768px) {
  .popup__fav-btn {
    font-size: 22px;
  }
}
.popup__fav-btn + .popup__fav-btn {
  margin-top: 0;
}
.popup__fav-code {
  font-size: 68px;
  font-weight: 600;
  color: #fb9dc3;
}
.popup__wrap--game {
  padding: 0;
  margin: 40px auto;
  background: none;
}
.popup__game-fg {
  padding: 30px 20px;
  background: #fff;
  border-radius: 10px;
}
@media (min-width: 440px) {
  .popup__game-fg {
    padding: 40px 30px;
  }
}
@media (min-width: 580px) {
  .popup__game-fg {
    padding: 50px;
  }
}
.popup__game-fg--purple {
  background: #615177;
}
.popup__game-fg--gprogress {
  padding: 30px 0;
  background: #615177;
}
.popup__wrap--gintro {
  max-width: 800px;
  text-align: center;
}
.popup__gintro-title {
  max-width: 660px;
  margin: 0 auto;
  color: #fff;
}
.popup__gintro-body {
  max-width: 580px;
  margin-inline: auto;
  color: #fff;
}
.popup__gintro-highlight {
  color: #ffb3f5;
}
.popup__gintro-buttons {
  padding: 15px 0 0;
}
.popup__gintro-buttons .btn, .popup__gintro-buttons .form input[type=submit], .form .popup__gintro-buttons input[type=submit],
.popup__gintro-buttons .form input[type=button],
.form .popup__gintro-buttons input[type=button],
.popup__gintro-buttons .form .c-btn,
.form .popup__gintro-buttons .c-btn {
  margin: 10px 14px 0;
}
.popup__wrap--gresult {
  max-width: 1200px;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media (min-width: 980px) {
  .popup__wrap--gresult {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.popup__wrap--gresult .popup__game-fg {
  width: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media (min-width: 980px) {
  .popup__wrap--gresult .popup__game-fg {
    width: 60%;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
  }
}
.popup__wrap--gresult .popup__game-fg--purple {
  width: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media (min-width: 980px) {
  .popup__wrap--gresult .popup__game-fg--purple {
    width: 40%;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
  }
}
.popup__gresult-title {
  max-width: 580px;
  margin: 0 auto;
}
.popup__gresult-title br {
  display: block !important;
}
.popup .popup__game-fg--purple .popup__gresult-title {
  color: #fff;
}
.popup__gresult-body {
  margin-inline: auto;
  color: #fff;
}
.popup__gresult-highlight {
  color: #8cccbf;
}
.popup .popup__game-fg--purple .popup__gresult-highlight {
  color: #ffce5d;
}
.popup__gresult-buttons {
  padding: 15px 0 0;
}
.popup__gresult-buttons .btn, .popup__gresult-buttons .form input[type=submit], .form .popup__gresult-buttons input[type=submit],
.popup__gresult-buttons .form input[type=button],
.form .popup__gresult-buttons input[type=button],
.popup__gresult-buttons .form .c-btn,
.form .popup__gresult-buttons .c-btn {
  margin: 10px 14px 0;
}
.popup__gresult-buttons .btn.js-game-button-finish, .popup__gresult-buttons .form input.js-game-button-finish[type=submit], .form .popup__gresult-buttons input.js-game-button-finish[type=submit],
.popup__gresult-buttons .form input.js-game-button-finish[type=button],
.form .popup__gresult-buttons input.js-game-button-finish[type=button],
.popup__gresult-buttons .form .js-game-button-finish.c-btn,
.form .popup__gresult-buttons .js-game-button-finish.c-btn {
  display: none;
}
.popup__gresult-best {
  padding: 38px 0 0;
  margin: 0;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .popup__gresult-br {
    display: block;
  }
}
.popup__gresult-stars {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 auto 40px;
}
.popup__gresult-star {
  width: 60px;
  height: 60px;
  background-image: url(../svg/progress-star-hollow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 500px) {
  .popup__gresult-star {
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 1024px) {
  .popup__gresult-star {
    width: 100px;
    height: 100px;
  }
}
.popup__gresult-star:first-child {
  transform: rotate(-8deg) translateY(14%);
}
.popup__gresult-stars[data-stars="1"] .popup__gresult-star:first-child, .popup__gresult-stars[data-stars="2"] .popup__gresult-star:first-child, .popup__gresult-stars[data-stars="3"] .popup__gresult-star:first-child {
  background-image: url(../svg/progress-star-filled.svg);
}
.popup__gresult-stars[data-stars="2"] .popup__gresult-star:nth-child(2), .popup__gresult-stars[data-stars="3"] .popup__gresult-star:nth-child(2) {
  background-image: url(../svg/progress-star-filled.svg);
}
.popup__gresult-star:last-child {
  transform: rotate(8deg) translateY(14%);
}
.popup__gresult-stars[data-stars="3"] .popup__gresult-star:last-child {
  background-image: url(../svg/progress-star-filled.svg);
}
.popup__wrap--gprogress {
  max-width: 1400px;
  padding: 40px 0;
  text-align: center;
}
.popup__close--gprogress {
  top: -10px;
  right: 0;
  width: 49px;
  height: 49px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
}
.popup__close--gprogress:before, .popup__close--gprogress:after {
  top: 23px;
  left: 14px;
  background: #fff;
}
.popup__gprogress-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media (min-width: 375px) {
  .popup__gprogress-grid {
    gap: 20px;
  }
}
@media (min-width: 466px) {
  .popup__gprogress-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 640px) {
  .popup__gprogress-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 880px) {
  .popup__gprogress-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1080px) {
  .popup__gprogress-grid {
    grid-template-columns: repeat(7, 1fr);
  }
}
.popup__gprogress-entry:not([data-stars=null]) {
  cursor: pointer;
}
.popup__gprogress-wrap {
  padding: 0 0 100%;
}
.popup__gprogress-stack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #8cccbf;
  border-radius: 8px;
  transform: rotate(-5deg);
}
.popup__gprogress-entry[data-stars=null] .popup__gprogress-stack {
  background: #705f88;
}
.popup__gprogress-inner {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 5px solid #fff;
  border-radius: 8px;
  line-height: 1;
  font-weight: 500;
}
.popup__gprogress-entry[data-stars=null] .popup__gprogress-inner {
  background: #615177;
  border-color: #705f88;
}
.popup__gprogress-complete {
  display: none;
}
.popup__gprogress-number {
  font-size: 18px;
}
@media (min-width: 375px) and (max-width: 465px), (min-width: 510px) and (max-width: 639px), (min-width: 640px) and (max-width: 879px) {
  .popup__gprogress-number {
    font-size: 19px;
  }
}
@media (min-width: 400px) and (max-width: 465px), (min-width: 540px) and (max-width: 639px), (min-width: 700px) and (max-width: 879px), (min-width: 880px) and (max-width: 1079px), (min-width: 1080px) {
  .popup__gprogress-number {
    font-size: 21px;
  }
}
@media (min-width: 440px) and (max-width: 465px), (min-width: 600px) and (max-width: 639px), (min-width: 800px) and (max-width: 879px), (min-width: 980px) and (max-width: 1079px), (min-width: 1140px) {
  .popup__gprogress-number {
    font-size: 23px;
  }
}
@media (min-width: 1200px) {
  .popup__gprogress-number {
    font-size: 25px;
  }
}
@media (min-width: 1360px) {
  .popup__gprogress-number {
    font-size: 27px;
  }
}
@media (min-width: 1440px) {
  .popup__gprogress-number {
    font-size: 30px;
  }
}
.popup__gprogress-entry[data-stars=null] .popup__gprogress-number {
  visibility: hidden;
}
.popup__gprogress-stars {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.popup__gprogress-star {
  width: 24px;
  height: 24px;
  background-image: url(../svg/progress-star-hollow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 400px) and (max-width: 465px), (min-width: 540px) and (max-width: 639px), (min-width: 700px) and (max-width: 879px), (min-width: 880px) and (max-width: 1079px), (min-width: 1080px) {
  .popup__gprogress-star {
    width: 26px;
    height: 26px;
  }
}
@media (min-width: 1200px) {
  .popup__gprogress-star {
    width: 28px;
    height: 28px;
  }
}
@media (min-width: 1360px) {
  .popup__gprogress-star {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 1440px) {
  .popup__gprogress-star {
    width: 36px;
    height: 36px;
  }
}
.popup__gprogress-entry[data-stars=null] .popup__gprogress-star {
  background-image: url(../svg/progress-star-placeholder.svg) !important;
}
.popup__gprogress-star:first-child {
  transform: rotate(-8deg) translateY(4px);
}
.popup__gprogress-entry[data-stars="1"] .popup__gprogress-star:first-child, .popup__gprogress-entry[data-stars="2"] .popup__gprogress-star:first-child, .popup__gprogress-entry[data-stars="3"] .popup__gprogress-star:first-child {
  background-image: url(../svg/progress-star-filled.svg);
}
.popup__gprogress-entry[data-stars="2"] .popup__gprogress-star:nth-child(2), .popup__gprogress-entry[data-stars="3"] .popup__gprogress-star:nth-child(2) {
  background-image: url(../svg/progress-star-filled.svg);
}
.popup__gprogress-star:last-child {
  transform: rotate(8deg) translateY(4px);
}
.popup__gprogress-entry[data-stars="3"] .popup__gprogress-star:last-child {
  background-image: url(../svg/progress-star-filled.svg);
}
.popup__gprogress-moves {
  margin-top: 8px;
  font-size: 13px;
  text-transform: uppercase;
}
@media (min-width: 375px) and (max-width: 465px), (min-width: 510px) and (max-width: 639px), (min-width: 640px) and (max-width: 879px) {
  .popup__gprogress-moves {
    font-size: 14px;
  }
}
@media (min-width: 400px) and (max-width: 465px), (min-width: 540px) and (max-width: 639px), (min-width: 700px) and (max-width: 879px), (min-width: 880px) and (max-width: 1079px), (min-width: 1080px) {
  .popup__gprogress-moves {
    margin-top: 10px;
    font-size: 16px;
  }
}
@media (min-width: 440px) and (max-width: 465px), (min-width: 600px) and (max-width: 639px), (min-width: 800px) and (max-width: 879px), (min-width: 980px) and (max-width: 1079px), (min-width: 1140px) {
  .popup__gprogress-moves {
    margin-top: 10px;
    font-size: 17px;
  }
}
@media (min-width: 1200px) {
  .popup__gprogress-moves {
    margin-top: 12px;
    font-size: 18px;
  }
}
@media (min-width: 1360px) {
  .popup__gprogress-moves {
    margin-top: 13px;
    font-size: 19px;
  }
}
@media (min-width: 1440px) {
  .popup__gprogress-moves {
    margin-top: 15px;
    font-size: 20px;
  }
}
.popup__gprogress-entry[data-stars=null] .popup__gprogress-moves, .popup__gprogress-entry[data-stars=next] .popup__gprogress-moves {
  visibility: hidden;
}
.popup__gprogress-best {
  margin-top: 2px;
  font-size: 7px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 375px) and (max-width: 465px), (min-width: 510px) and (max-width: 639px), (min-width: 640px) and (max-width: 879px), (min-width: 880px) and (max-width: 1079px), (min-width: 1080px) {
  .popup__gprogress-best {
    font-size: 8px;
  }
}
@media (min-width: 440px) and (max-width: 465px), (min-width: 600px) and (max-width: 639px), (min-width: 800px) and (max-width: 879px), (min-width: 980px) and (max-width: 1079px), (min-width: 1140px) {
  .popup__gprogress-best {
    font-size: 9px;
  }
}
@media (min-width: 1360px) {
  .popup__gprogress-best {
    font-size: 10px;
    font-weight: 500;
  }
}
.popup__gprogress-entry[data-stars=null] .popup__gprogress-best {
  visibility: hidden;
}

.finder__undo, .finder__restart {
  position: absolute;
  top: 74vw;
  right: 2px;
  background: transparent;
  z-index: 2;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  color: #606060;
  cursor: pointer;
  padding: 10px 10px;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .finder__undo, .finder__restart {
    padding: 10px 12px;
    margin-top: 8px;
  }
}
@media (min-width: 1024px) {
  .finder__undo, .finder__restart {
    padding: 10px 15px;
    margin-top: 8px;
  }
}
@media (min-width: 1280px) {
  .finder__undo, .finder__restart {
    padding: 10px 20px;
    margin-top: 8px;
  }
}
@media (min-width: 440px) {
  .finder__undo, .finder__restart {
    top: 325px;
  }
}
@media (min-width: 580px) {
  .finder__undo, .finder__restart {
    top: -60px;
    left: 2px;
    right: auto;
    font-size: 1.6rem;
    font-size: clamp(1.6rem, 1.1111111111vw, 1.6rem);
  }
}
.finder__undo:hover, .finder__restart:hover {
  color: #333;
}
[data-finder-state=intro1] .finder__undo, [data-finder-state=intro2] .finder__undo, [data-finder-state=intro1] .finder__restart, [data-finder-state=intro2] .finder__restart {
  display: none !important;
}
.finder__restart {
  left: 2px;
  right: auto;
}
@media (min-width: 580px) {
  .finder__restart {
    left: auto;
    right: 2px;
  }
}
.finder__card-count {
  font-size: 22px;
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 580px) {
  .finder__card-count {
    font-size: 2.4rem;
    font-size: clamp(1.8rem, 3.125vw, 2.8rem);
  }
}
@media (min-width: 768px) {
  .finder__card-count {
    font-size: 1.8rem;
    font-size: clamp(1.4rem, 2.34375vw, 2.1rem);
  }
}
@media (min-width: 1024px) {
  .finder__card-count {
    font-size: 2.2rem;
    font-size: clamp(1.6rem, 1.5277777778vw, 2.2rem);
  }
}
.finder__card--yes .finder__card-count, .finder__card--no .finder__card-count {
  display: none;
}
.finder__card-count-second {
  opacity: 0.5;
}
.finder__skip {
  position: absolute;
  top: -6px;
  right: -10px;
  padding: 6px 10px;
  background: transparent;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  cursor: pointer;
}
@media (min-width: 580px) {
  .finder__skip {
    font-size: 1.5rem;
    font-size: clamp(1.4rem, 1.953125vw, 1.7rem);
  }
}
@media (min-width: 768px) {
  .finder__skip {
    font-size: 1.3rem;
    font-size: clamp(1.3rem, 1.6927083333vw, 1.5rem);
  }
}
@media (min-width: 1024px) {
  .finder__skip {
    font-size: 1.4rem;
    font-size: clamp(1.3rem, 0.9722222222vw, 1.4rem);
  }
}
.finder__attribute {
  margin: 0 auto 6px;
  font-size: 11px;
  line-height: 1;
  font-weight: 500;
}
.finder__question {
  line-height: 1;
  font-weight: 600;
  font-size: 2.6rem;
  font-size: clamp(2.2rem, 6.9333333333vw, 3.1rem);
}
@media (min-width: 580px) {
  .finder__question {
    font-size: 3.6rem;
    font-size: clamp(2.7rem, 4.6875vw, 4.1rem);
  }
}
@media (min-width: 768px) {
  .finder__question {
    font-size: 2.2rem;
    font-size: clamp(1.7rem, 2.8645833333vw, 2.5rem);
  }
}
@media (min-width: 1024px) {
  .finder__question {
    font-size: 2.8rem;
    font-size: clamp(2rem, 1.9444444444vw, 2.8rem);
  }
}
.finder__answers {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0 auto -5px;
}
@media (min-width: 580px) {
  .finder__answers {
    margin: 0 auto -10px;
  }
}
@media (min-width: 768px) {
  .finder__answers {
    margin: 0 auto -5px;
  }
}
@media (min-width: 1024px) {
  .finder__answers {
    margin: 0 auto -5px;
  }
}
.finder__answer {
  position: relative;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 580px) {
  .finder__answer {
    min-width: 66px;
    font-size: 1.4rem;
    font-size: clamp(1.2rem, 1.8229166667vw, 1.6rem);
  }
}
@media (min-width: 768px) {
  .finder__answer {
    font-size: 1.1rem;
    font-size: clamp(1.1rem, 1.4322916667vw, 1.3rem);
  }
}
@media (min-width: 1024px) {
  .finder__answer {
    font-size: 1.2rem;
    font-size: clamp(1.2rem, 0.8333333333vw, 1.2rem);
  }
}
.finder__answer-icon {
  display: block;
  width: 55px;
  height: 55px;
  margin: 0 auto;
  background: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  width: 5.5rem;
  width: clamp(4.7rem, 14.6666666667vw, 5.5rem);
  height: 5.5rem;
  height: clamp(4.7rem, 14.6666666667vw, 5.5rem);
}
@media (min-width: 580px) {
  .finder__answer-icon {
    width: 6rem;
    width: clamp(4.5rem, 7.8125vw, 6.9rem);
    height: 6rem;
    height: clamp(4.5rem, 7.8125vw, 6.9rem);
  }
}
@media (min-width: 768px) {
  .finder__answer-icon {
    width: 4.5rem;
    width: clamp(3.4rem, 5.859375vw, 5.2rem);
    height: 4.5rem;
    height: clamp(3.4rem, 5.859375vw, 5.2rem);
  }
}
@media (min-width: 1024px) {
  .finder__answer-icon {
    width: 5.5rem;
    width: clamp(3.9rem, 3.8194444444vw, 5.5rem);
    height: 5.5rem;
    height: clamp(3.9rem, 3.8194444444vw, 5.5rem);
  }
}
.finder__answer-icon--no {
  background-image: url(../svg/finder-no-white.svg);
}
.finder__answer-icon--yes {
  background-image: url(../svg/finder-yes-white.svg);
}
.finder__answer-label {
  display: block;
  margin: 8px auto 0;
}
@media (max-width: 579px) {
  .finder__answer-label {
    position: absolute;
    bottom: 0;
    left: 110%;
    white-space: pre;
  }
  .finder__answer-label--yes {
    left: auto;
    right: 110%;
  }
}
.finder__start-prefix {
  line-height: 1;
  font-weight: 600;
}
@media (min-width: 580px) {
  .finder__start-prefix {
    font-size: 1.6rem;
    font-size: clamp(1.2rem, 2.0833333333vw, 1.8rem);
  }
}
@media (min-width: 768px) {
  .finder__start-prefix {
    font-size: 1.3rem;
    font-size: clamp(1rem, 1.6927083333vw, 1.5rem);
  }
}
@media (min-width: 1024px) {
  .finder__start-prefix {
    font-size: 1.4rem;
    font-size: clamp(1rem, 0.9722222222vw, 1.4rem);
  }
}
.finder__start-title {
  line-height: 1;
  font-weight: 600;
  font-size: 3.1rem;
  font-size: clamp(2.6rem, 8.2666666667vw, 3.6rem);
}
@media (min-width: 580px) {
  .finder__start-title {
    font-size: 4.5rem;
    font-size: clamp(3.4rem, 5.859375vw, 5.2rem);
  }
}
@media (min-width: 768px) {
  .finder__start-title {
    font-size: 2.6rem;
    font-size: clamp(2rem, 3.3854166667vw, 3rem);
  }
}
@media (min-width: 1024px) {
  .finder__start-title {
    font-size: 3.4rem;
    font-size: clamp(2.4rem, 2.3611111111vw, 3.4rem);
  }
}
.finder__start-title--small {
  font-size: 2.6rem;
  font-size: clamp(2.2rem, 6.9333333333vw, 3.1rem);
}
@media (min-width: 580px) {
  .finder__start-title--small {
    font-size: 3.6rem;
    font-size: clamp(2.7rem, 4.6875vw, 4.1rem);
  }
}
@media (min-width: 768px) {
  .finder__start-title--small {
    font-size: 2.2rem;
    font-size: clamp(1.7rem, 2.8645833333vw, 2.5rem);
  }
}
@media (min-width: 1024px) {
  .finder__start-title--small {
    font-size: 2.8rem;
    font-size: clamp(2rem, 1.9444444444vw, 2.8rem);
  }
}
.finder__start-title--tiny {
  line-height: 1.2;
  font-size: 2.4rem;
  font-size: clamp(2rem, 6.4vw, 2.8rem);
}
@media (min-width: 580px) {
  .finder__start-title--tiny {
    font-size: 2.8rem;
    font-size: clamp(2.1rem, 3.6458333333vw, 3.2rem);
  }
}
@media (min-width: 768px) {
  .finder__start-title--tiny {
    font-size: 1.7rem;
    font-size: clamp(1.3rem, 2.2135416667vw, 1.9rem);
  }
}
@media (min-width: 1024px) {
  .finder__start-title--tiny {
    font-size: 2.1rem;
    font-size: clamp(1.5rem, 1.4583333333vw, 2.1rem);
  }
}
.finder__start-title span {
  color: #ffce5d;
}
.finder__start-btn {
  display: block;
  width: 200px;
  padding: 0.8em 1em 0.6em;
  background: #ffce5d;
  background-image: url(../svg/btn-arrow-white.svg);
  background-size: auto 36%;
  background-position: 90% 50%;
  background-repeat: no-repeat;
  border-radius: 100px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 600;
  text-align: left;
  text-decoration: none !important;
  color: #333 !important;
}
@media (min-width: 580px) {
  .finder__start-btn {
    width: 100%;
    font-size: 2.2rem;
    font-size: clamp(1.7rem, 2.8645833333vw, 2.5rem);
  }
}
@media (min-width: 768px) {
  .finder__start-btn {
    font-size: 1.6rem;
    font-size: clamp(1.2rem, 2.0833333333vw, 1.8rem);
  }
}
@media (min-width: 1024px) {
  .finder__start-btn {
    font-size: 2rem;
    font-size: clamp(1.4rem, 1.3888888889vw, 2rem);
  }
}
.finder__intro-number {
  font-size: 50px;
  line-height: 1;
  font-weight: 600;
  color: #5e5274;
}
@media (min-width: 580px) {
  .finder__intro-number {
    font-size: 9.6rem;
    font-size: clamp(7.3rem, 12.5vw, 11rem);
  }
}
@media (min-width: 768px) {
  .finder__intro-number {
    font-size: 8rem;
    font-size: clamp(6rem, 10.4166666667vw, 9.2rem);
  }
}
@media (min-width: 1024px) {
  .finder__intro-number {
    font-size: 9.6rem;
    font-size: clamp(6.8rem, 6.6666666667vw, 9.6rem);
  }
}
.finder__intro-label {
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  color: #5e5274;
}
@media (min-width: 580px) {
  .finder__intro-label {
    margin-top: 0.5em;
    font-size: 2rem;
    font-size: clamp(1.5rem, 2.6041666667vw, 2.3rem);
  }
}
@media (min-width: 768px) {
  .finder__intro-label {
    font-size: 1.7rem;
    font-size: clamp(1.3rem, 2.2135416667vw, 1.9rem);
  }
}
@media (min-width: 1024px) {
  .finder__intro-label {
    font-size: 2rem;
    font-size: clamp(1.4rem, 1.3888888889vw, 2rem);
  }
}
.finder__more-title {
  max-width: 320px;
  padding: 0 15px;
  margin: 0 auto;
  line-height: 1.1;
  font-weight: 600;
  font-size: 2rem;
  font-size: clamp(1.7rem, 5.3333333333vw, 2rem);
}
@media (min-width: 580px) {
  .finder__more-title {
    padding: 0 8%;
    font-size: 3.4rem;
    font-size: clamp(2.6rem, 4.4270833333vw, 3.9rem);
  }
}
@media (min-width: 768px) {
  .finder__more-title {
    padding: 0 6%;
    font-size: 2.2rem;
    font-size: clamp(1.7rem, 2.8645833333vw, 2.5rem);
  }
}
@media (min-width: 1024px) {
  .finder__more-title {
    max-width: 220px;
    font-size: 2.8rem;
    font-size: clamp(2rem, 1.9444444444vw, 2.8rem);
  }
}
.finder__more-icon {
  width: 50px;
  height: 50px;
  margin: 8px auto 0;
  background: #ffce5d;
  border-radius: 50%;
}
@media (min-width: 580px) {
  .finder__more-icon {
    margin-top: 3.5rem;
    margin-top: clamp(2.6rem, 4.5572916667vw, 4rem);
  }
}
@media (min-width: 768px) {
  .finder__more-icon {
    margin-top: 2.5rem;
    margin-top: clamp(1.9rem, 3.2552083333vw, 2.9rem);
  }
}
@media (min-width: 1024px) {
  .finder__more-icon {
    margin-top: 3.5rem;
    margin-top: clamp(2.5rem, 2.4305555556vw, 3.5rem);
  }
}
.finder__more-icon:before, .finder__more-icon:after {
  content: "";
  position: absolute;
  top: 24px;
  left: 15px;
  width: 20px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
}
.finder__more-icon:after {
  top: 15px;
  left: 24px;
  width: 2px;
  height: 20px;
}
.finder__more-btn {
  display: none;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 580px) {
  .finder__more-btn {
    display: block;
    margin-top: 2.2rem;
    margin-top: clamp(1.7rem, 2.8645833333vw, 2.5rem);
    font-size: 1.3rem;
    font-size: clamp(1.2rem, 1.6927083333vw, 1.5rem);
  }
}
@media (min-width: 768px) {
  .finder__more-btn {
    margin-top: 1.8rem;
    margin-top: clamp(1.4rem, 2.34375vw, 2.1rem);
    font-size: 1.2rem;
    font-size: clamp(1.1rem, 1.5625vw, 1.4rem);
  }
}
@media (min-width: 1024px) {
  .finder__more-btn {
    margin-top: 2.2rem;
    margin-top: clamp(1.6rem, 1.5277777778vw, 2.2rem);
    font-size: 1.2rem;
    font-size: clamp(1.1rem, 0.8333333333vw, 1.2rem);
  }
}
.finder__debug:not(:empty) {
  padding-top: 50px;
}
.finder__debug-entry {
  display: -ms-flexbox;
  display: flex;
}
.finder__debug-entry:nth-child(even) {
  background: rgba(0, 0, 0, 0.05);
}
.finder__debug-pos {
  width: 60px;
  padding-left: 10px;
  padding-right: 20px;
}
.finder__debug-id {
  width: 70px;
  padding-right: 20px;
}
.finder__debug-title {
  width: 240px;
  padding-right: 20px;
}
.finder__debug-props {
  width: 120px;
  padding-right: 20px;
}
.finder__debug-score {
  padding-right: 20px;
}
.finder__debug-wildcard {
  color: #0a0;
}

.signposts__entry {
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
}
@media (min-width: 768px) {
  .signposts__entry {
    text-align: left;
  }
}
.signposts__center {
  max-width: 400px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .signposts__center {
    max-width: 220px;
    max-width: min(94%, 220px);
  }
}
@media (min-width: 1024px) {
  .signposts__center {
    max-width: 84.4%;
  }
}
@media (min-width: 1024px) {
  .body--split .signposts__center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    max-width: none;
  }
}
.signposts__img {
  margin: 0 22.4% 30px;
}
@media (min-width: 768px) {
  .signposts__img {
    margin: 0 0 30px;
  }
}
@media (min-width: 1024px) {
  .body--split .signposts__img {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 32.5%;
    margin: 0 5.3% 0 0;
  }
}
.signposts__img-size {
  overflow: hidden;
  height: 0;
  padding: 0 0 125%;
  border-radius: 10px;
}
@media (min-width: 1024px) {
  .body--split .signposts__img-size {
    padding: 0 0 130%;
  }
}
.signposts__img-position {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.signposts__img--bg .signposts__img-position {
  overflow: hidden;
  top: 50%;
  left: 16%;
  width: 68%;
  height: 0;
  padding: 0 0 68%;
  margin-top: -34%;
  border-radius: 50%;
}
.signposts__body {
  width: 92%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .signposts__body {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .body--split .signposts__body {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    width: 62.2%;
  }
}
.signposts__link-icon {
  margin: 25px 0 0;
  font-size: 0;
  line-height: 0;
}
@media (min-width: 768px) {
  .signposts__link-icon {
    margin: 40px 0 0;
  }
}
@media (min-width: 1024px) {
  .body--split .signposts__link-icon {
    margin: 12px 0 0;
  }
}
.signposts__link-icon .svg-icon {
  width: 27px;
  height: 16px;
}

.split__trigger {
  height: 0;
}
@media (min-width: 1024px) {
  .split__wrap {
    height: 100vh;
  }
}
.split__wrap--purple {
  background: #615177;
}
.split__wrap--orange {
  background: #ff9f6c;
}
.split__wrap--grey {
  background: #555;
}
.split__wrap--img picture,
.split__wrap--img img {
  width: 100%;
}
@media (min-width: 1024px) {
  .split__wrap--img picture,
.split__wrap--img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.split__header {
  padding: 20px 0 0;
}
@media (min-width: 1024px) {
  .split__header {
    padding: 125px 0 0;
  }
}
@media (min-width: 1440px) {
  .split__header {
    padding: 8.7vw 0 0;
  }
}
.split__header-title {
  padding: 0;
  margin: 0;
}
@media (min-width: 1024px) {
  .split__header-title {
    max-width: 33vw;
  }
}
@media (min-width: 1680px) {
  .split__header-title {
    max-width: 555px;
  }
}
.split__header-subtitle {
  max-width: 400px;
  margin: 8px 0 0;
  line-height: 1.125;
}
@media (min-width: 768px) {
  .split__header-subtitle {
    max-width: 500px;
  }
}
@media (min-width: 1024px) {
  .split__header-subtitle {
    max-width: 28vw;
  }
}
@media (min-width: 1680px) {
  .split__header-subtitle {
    max-width: 470px;
  }
}
.split__header-body {
  max-width: 400px;
  margin: 20px 0 0;
}
@media (min-width: 768px) {
  .split__header-body {
    max-width: 500px;
    margin: 30px 0 0;
  }
}
@media (min-width: 1024px) {
  .split__header-body {
    max-width: 28vw;
  }
}
@media (min-width: 1680px) {
  .split__header-body {
    max-width: 470px;
  }
}
.split__like {
  display: block;
  position: relative;
  min-height: 54px;
  padding: 16px 25px 14px 60px;
  margin: 28px 0 0;
  background: #ebebeb;
  border-radius: 100px;
  font-size: 1.8rem;
  line-height: 1.33;
  font-weight: 600;
}
@media (min-width: 768px) {
  .split__like {
    margin: 32px 0 0;
  }
}
.split__like-icon {
  position: absolute;
  top: 50%;
  left: 7px;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  background: #fff;
  border-radius: 50%;
}
.split__like--liked, .split__like--unliked {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 16px;
  height: 16px;
  color: #ccc;
}
.js-liked .split__like--liked, .js-liked .split__like--unliked {
  display: none;
}
.split__like--liked {
  display: none;
  color: #ff82a0;
}
.js-liked .split__like--liked {
  display: block;
}
.js-liked .split__like-label--liked, .js-liked .split__like-label--unliked {
  display: none;
}
.split__like-label--liked {
  display: none;
}
.js-liked .split__like-label--liked {
  display: inline;
}
.split__hero {
  padding: 140px 0 0;
}
@media (min-width: 1024px) {
  .split__hero {
    padding: 0;
  }
}
.split__hero-bg {
  display: block;
  position: absolute;
  top: 0;
  bottom: 20%;
  left: 0;
  right: 0;
  background: #615177;
}
@media (min-width: 1024px) {
  .split__hero-bg {
    bottom: 0;
  }
}
.split__hero-wrap {
  width: 70%;
  height: 0;
  padding: 0 0 91%;
  margin: 0 auto;
}
@media (min-width: 480px) {
  .split__hero-wrap {
    width: 366px;
    height: 460px;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .split__hero-wrap {
    position: absolute;
    top: 49%;
    left: 50%;
    width: 26.9444444444vw;
    height: 35vw;
    margin: 0;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 1024px) and (max-height: 750px) {
  .split__hero-wrap {
    top: 50%;
  }
}
@media (min-width: 1024px) and (min-aspect-ratio: 1440/750) {
  .split__hero-wrap {
    width: 23.4722222222vw;
    height: 30.5555555556vw;
  }
}
@media (min-width: 1024px) and (min-aspect-ratio: 1440/620) {
  .split__hero-wrap {
    width: 21.3888888889vw;
    height: 27.7777777778vw;
  }
}
@media (min-width: 1024px) and (min-aspect-ratio: 1440/550) {
  .split__hero-wrap {
    width: 19.3055555556vw;
    height: 25vw;
  }
}
@media (min-width: 1024px) and (min-aspect-ratio: 1440/470) {
  .split__hero-wrap {
    width: 17.1527777778vw;
    height: 22.2222222222vw;
  }
}
@media (min-width: 1024px) and (min-aspect-ratio: 1440/400) {
  .split__hero-wrap {
    width: 14.7222222222vw;
    height: 19.0972222222vw;
  }
}
.split__hero-inner {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  transform: rotate(-4deg);
}
@media (min-width: 1024px) {
  .split__hero-inner {
    position: relative;
  }
}
.split__hero-inner picture,
.split__hero-inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.split__quote-bg-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.split__quote-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.split__quote-bg:first-child {
  z-index: 3;
}
.split__quote-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 100%;
  padding: 90px 9.3333333333%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 768px) {
  .split__quote-flex {
    padding: 90px 19.53125%;
  }
}
@media (min-width: 1024px) {
  .split__quote-flex {
    padding: 90px 13.8888888889%;
  }
}
@media (min-width: 1280px) {
  .split__quote-flex {
    padding: 90px 20.8333333333%;
  }
}
.split__quote-inner {
  width: 100%;
  color: #fff;
}
.split__quote-slide {
  padding: 0 15px;
}
[data-quote-bg=color1] .split__quote-icon {
  color: #fcd773;
}
[data-quote-bg=color2] .split__quote-icon {
  color: #febf74;
}
[data-quote-bg=color3] .split__quote-icon {
  color: #e4f3c4;
}
[data-quote-bg=color4] .split__quote-icon {
  color: #e0e9da;
}
[data-quote-bg=color5] .split__quote-icon {
  color: #adc4ff;
}
[data-quote-bg=color6] .split__quote-icon {
  color: #ffadd4;
}
[data-quote-bg=color7] .split__quote-icon {
  color: #ade1ff;
}
[data-quote-bg=color8] .split__quote-icon {
  color: #acfdeb;
}
[data-quote-bg=color9] .split__quote-icon {
  color: #f7c1f8;
}
[data-quote-bg=color10] .split__quote-icon {
  color: #adffe1;
}
[data-quote-bg=color11] .split__quote-icon {
  color: #daecac;
}
[data-quote-bg=color12] .split__quote-icon {
  color: #75e8ef;
}
.split__quote-icon svg {
  width: 34px;
  height: 28px;
  margin: 0 0 20px;
}
.split__salary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 100%;
  padding: 170px 0 70px;
  text-align: center;
  color: #ececec;
}
@media (min-width: 1024px) {
  .split__salary {
    padding: 9.7vw 0;
  }
}
@media (min-width: 1440px) {
  .split__salary {
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 80px 0;
  }
}
@media (min-width: 1440px) and (min-height: 700px) {
  .split__salary {
    padding: 120px 0;
  }
}
@media (min-width: 1440px) and (min-height: 800px) {
  .split__salary {
    padding: 140px 0;
  }
}
.split__salary-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.split__salary-slide:nth-child(1) {
  position: relative;
}
.split__salary-figure {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}
.split__salary-char {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 0.9em;
  line-height: 1;
  font-weight: 600;
  font-size: 8rem;
  font-size: clamp(6.8rem, 21.3333333333vw, 9.4rem);
}
@media (min-width: 768px) {
  .split__salary-char {
    font-size: 12rem;
    font-size: clamp(9.1rem, 15.625vw, 13.8rem);
  }
}
@media (min-width: 1024px) {
  .split__salary-char {
    font-size: 14rem;
    font-size: clamp(10rem, 9.7222222222vw, 14rem);
  }
}
.split__salary-char:before, .split__salary-char:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 10%;
  background: linear-gradient(#615177 0%, rgba(97, 81, 119, 0) 100%);
  z-index: 1;
}
.split__salary-char:after {
  top: auto;
  bottom: -1px;
  background: linear-gradient(rgba(97, 81, 119, 0) 0%, #615177 100%);
}
.split__salary-char--comma {
  height: 1em;
}
.split__salary-char--comma:before, .split__salary-char--comma:after {
  display: none;
}
.split__salary-roll {
  display: inline-block;
  position: relative;
}
.split__salary-digit {
  display: block;
}
.split__salary-description {
  margin: 0;
}
.split__salary-footnote {
  margin-top: 100px;
}
@media (min-width: 1440px) {
  .split__salary-footnote {
    margin-top: 10px;
  }
}
@media (min-width: 1024px) {
  .split__skills-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.split__skills-entry {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.split__skills-entry:first-child {
  pointer-events: all;
  opacity: 1 !important;
}
@media (max-width: 1023px) {
  .split__skills-entry:first-child {
    position: relative;
    height: auto;
  }
}
.split__skills-entry--current {
  pointer-events: all;
}
.split__skills-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 100%;
  padding: 50px 0;
  text-align: center;
  color: #ececec;
}
@media (min-width: 1024px) {
  .split__skills-flex {
    padding: 60px 0;
  }
}
@media (min-width: 1024px) and (min-height: 500px) {
  .split__skills-flex {
    padding: 80px 0;
  }
}
@media (min-width: 1024px) and (min-height: 600px) {
  .split__skills-flex {
    padding: 100px 0;
  }
}
@media (min-width: 1024px) and (min-height: 700px) {
  .split__skills-flex {
    padding: 120px 0;
  }
}
@media (min-width: 1024px) and (min-height: 800px) {
  .split__skills-flex {
    padding: 140px 0;
  }
}
.split__skills-img {
  width: 48%;
  max-width: 245px;
  margin: 0 auto 40px;
}
@media (min-width: 1024px) {
  .split__skills-img {
    max-width: 200px;
    margin: 0 auto 20px;
  }
}
@media (min-width: 1024px) and (min-height: 600px) {
  .split__skills-img {
    max-width: 240px;
  }
}
@media (min-width: 1024px) and (min-height: 700px) {
  .split__skills-img {
    max-width: 280px;
  }
}
@media (min-width: 1024px) and (min-height: 800px) {
  .split__skills-img {
    max-width: 330px;
  }
}
@media (min-width: 1024px) and (min-height: 900px) {
  .split__skills-img {
    max-width: 354px;
  }
}
.split__skills-img-inner {
  width: 100%;
  height: 0;
  padding: 0 0 96%;
  margin: 18% auto 0;
  background: url(../svg/skills-pyramid.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.split__skills-icon {
  position: absolute;
  top: -23%;
  left: 0;
  width: 100%;
  height: 44%;
}
.split__skills-icon--color1 {
  color: #7271b6;
}
.split__skills-icon--color2 {
  color: #ffce5d;
}
.split__skills-icon--color3 {
  color: #7271b6;
}
.split__skills-icon--color4 {
  color: #7271b6;
}
.split__skills-icon--color5 {
  color: #000;
}
.split__skills-icon--color6 {
  color: #ffce5d;
}
.split__skills-icon--color7 {
  color: #ffce5d;
}
.split__skills-icon--color8 {
  color: #000;
}
.split__skills-icon--color9 {
  color: #ffce5d;
}
.split__skills-icon--color10 {
  color: #7271b6;
}
.split__skills-icon--color11 {
  color: #7271b6;
}
.split__skills-icon--color12 {
  color: #000;
}
.split__skills-icon .svg-icon {
  width: 42%;
  height: 100%;
}
.split__skills-shadow {
  position: absolute;
  top: 28%;
  left: 34%;
  width: 32%;
  height: 5.2%;
  background: url(../png/skills-shadow.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.split__skills-prefix {
  margin: 0;
}
@media (min-width: 1024px) and (max-height: 899px) {
  .split__skills-prefix {
    font-size: 14px !important;
  }
}
@media (min-width: 1024px) and (max-height: 899px) and (min-height: 600px) {
  .split__skills-prefix {
    font-size: 15px !important;
  }
}
@media (min-width: 1024px) and (max-height: 899px) and (min-height: 700px) {
  .split__skills-prefix {
    font-size: 16px !important;
  }
}
@media (min-width: 1024px) and (max-height: 899px) and (min-height: 800px) {
  .split__skills-prefix {
    font-size: 17px !important;
  }
}
.split__skills-title {
  max-width: 10em;
  min-height: 2.8em;
  margin: 0 auto;
}
@media (min-width: 1024px) and (max-height: 899px) {
  .split__skills-title {
    font-size: 24px !important;
  }
}
@media (min-width: 1024px) and (max-height: 899px) and (min-height: 600px) {
  .split__skills-title {
    font-size: 27px !important;
  }
}
@media (min-width: 1024px) and (max-height: 899px) and (min-height: 700px) {
  .split__skills-title {
    font-size: 30px !important;
  }
}
@media (min-width: 1024px) and (max-height: 899px) and (min-height: 800px) {
  .split__skills-title {
    font-size: 32px !important;
  }
}
.split__skills-link {
  margin: 40px auto 0;
}
@media (min-width: 1024px) {
  .split__skills-link {
    margin: 20px auto 0;
  }
}
@media (min-width: 1024px) and (min-height: 700px) {
  .split__skills-link {
    margin: 40px auto 0;
  }
}
@media (min-width: 1024px) and (min-height: 800px) {
  .split__skills-link {
    margin: 60px auto 0;
  }
}

@media (max-width: 767px) {
  .text--center-mob {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .text--center {
    text-align: center;
  }
}
.text__image {
  overflow: hidden;
  width: 120px;
  height: 120px;
  margin-bottom: 35px;
  border-radius: 10px;
}
.text--center .text__image {
  margin-inline: auto;
}
.block__panel .text__image {
  margin-top: -115px;
}
@media (min-width: 768px) {
  .text__image--large {
    width: 180px;
    height: 180px;
  }
  .block__panel .text__image--large {
    margin-top: -135px;
  }
}
.text__image--tilt {
  left: -5px;
  transform: rotate(-4deg);
}
.text__image picture,
.text__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.text__title {
  width: 90%;
}
@media (min-width: 580px) {
  .text__title {
    width: 76%;
  }
  .text--center-mob .text__title {
    margin-inline: auto;
  }
}
@media (min-width: 768px) {
  .text__title {
    width: 76%;
    margin-inline: 0;
  }
  .text--center .text__title {
    margin-inline: auto;
  }
}
@media (min-width: 1024px) {
  .body--split .text__title {
    width: 98%;
  }
}
@media (min-width: 580px) {
  .text__title--wide {
    width: 86%;
  }
}
@media (min-width: 768px) {
  .text__title--wide {
    width: 86%;
  }
}
@media (min-width: 1024px) {
  .body--split .text__title--wide {
    width: 98%;
  }
}
.text__title--full {
  width: 98%;
}
@media (min-width: 1024px) {
  .body--split .text__title--full {
    width: 98%;
  }
}
.text__title--reveal {
  width: auto !important;
  padding-right: 12%;
  cursor: pointer;
}
@media (min-width: 768px) {
  .text__title--reveal {
    padding-right: 20%;
  }
}
.text__title--reveal:before {
  content: "";
  position: absolute;
  top: -30px;
  bottom: -30px;
  left: -18px;
  right: -18px;
}
.text__title--reveal h1,
.text__title--reveal h2,
.text__title--reveal h3,
.text__title--reveal h4,
.text__title--reveal h5,
.text__title--reveal h6 {
  margin: 0;
}
.text__intro {
  width: 95%;
}
@media (min-width: 768px) {
  .text__intro {
    width: 86%;
    max-width: 750px;
  }
  .text--center .text__intro {
    max-width: 680px;
    margin-inline: auto;
  }
}
@media (min-width: 1024px) {
  .body--split .text__intro {
    width: 96%;
  }
}
@media (min-width: 768px) {
  .text--center .text__body {
    max-width: 780px;
    margin-inline: auto;
  }
}
.text__bullets ul,
.text__bullets ol {
  margin: 0;
}
.text__bullets li {
  position: relative;
  list-style: none;
  padding: 12px 0 12px 2.8rem;
}
.text__bullets li:before {
  content: "\e900";
  display: block;
  position: absolute;
  top: 16px;
  left: 0;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.text__bullets li ul {
  padding: 10px 0 0;
}
.text__bullets li ul li {
  padding: 5px 0 5px 2.8rem;
  font-size: 0.9em;
}
.text__bullets li ul li:before {
  content: "\e901";
  top: 9px;
}
.text__bullets li:last-child {
  padding-bottom: 0;
}
.font-highlight-blue .text__bullets li:before {
  color: #68ced8;
}
.block__panel--orange .font-highlight-blue .text__bullets li:before {
  color: #fff;
}
.font-highlight-orange .text__bullets li:before {
  color: #fa7577;
}
.block__panel--orange .font-highlight-orange .text__bullets li:before {
  color: #fff;
}
.font-highlight-pink .text__bullets li:before {
  color: #e47ed8;
}
.block__panel--orange .font-highlight-pink .text__bullets li:before {
  color: #fff;
}
.font-highlight-pink-light .text__bullets li:before {
  color: #ffb3f5;
}
.block__panel--orange .font-highlight-pink-light .text__bullets li:before {
  color: #fff;
}
.font-highlight-purple .text__bullets li:before {
  color: #8876d4;
}
.block__panel--orange .font-highlight-purple .text__bullets li:before {
  color: #fff;
}
.font-highlight-yellow .text__bullets li:before {
  color: #ffce5d;
}
.block__panel--orange .font-highlight-yellow .text__bullets li:before {
  color: #fff;
}
.text__button {
  margin: 30px 0 0;
}
@media (min-width: 768px) {
  .text__button {
    margin: 40px 0 0;
  }
}
@media (min-width: 1024px) {
  .text__button {
    margin: 50px 0 0;
  }
}
@media (min-width: 1024px) {
  .body--split .text__button {
    margin: 40px 0 0;
  }
}
.text__more-body {
  display: none;
  padding-bottom: 1em;
  margin-bottom: 0;
}
.text__more-btn-wrap {
  margin: 0;
}
.text__more-btn {
  background: none;
  border: none;
  text-decoration: underline;
}
.text__more-text-more {
  display: block;
}
.js-accordion-item--open .text__more-text-more {
  display: none;
}
.text__more-text-less {
  display: none;
}
.js-accordion-item--open .text__more-text-less {
  display: block;
}
.text__slides {
  padding: 32px 0 0;
}
.text__links {
  padding: 10px 0 0;
  line-height: 1.3;
}
@media (min-width: 580px) {
  .text__links {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
.text__link {
  display: inline-block;
  width: 100%;
  padding: 12px 0 0;
}
.text__tabs {
  padding: 32px 0 12px;
  font-size: 0;
}
@media (min-width: 1024px) {
  .text__tabs {
    padding: 32px 0 6px;
  }
}
.text__tab {
  display: inline-block;
  padding: 6px 10px 4px;
  margin-bottom: 6px;
  margin-right: 10px;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out;
  font-size: 1.2rem;
  font-weight: 600;
  color: #333;
}
@media (min-width: 375px) {
  .text__tab {
    font-size: 1.3rem;
  }
}
@media (min-width: 580px) {
  .text__tab {
    padding: 5px 14px 3px;
    margin-right: 15px;
    font-size: 1.4rem;
  }
}
.text__tab:hover {
  background: rgba(0, 0, 0, 0.025);
}
.text__tab.js-tab-link--current {
  background: #615177;
  border: 1px solid #615177;
  color: #fff;
}
.text__tab-content {
  display: none;
}
.text__tab-content.js-tab-content--current {
  display: block;
}
.text__reveal-icon-down, .text__reveal-icon-up {
  position: absolute;
  top: 50%;
  right: 0;
  width: 18px;
  height: 12px;
  margin-top: -7px;
}
@media (min-width: 768px) {
  .text__reveal-icon-down, .text__reveal-icon-up {
    width: 20px;
  }
}
@media (min-width: 1024px) {
  .text__reveal-icon-down, .text__reveal-icon-up {
    width: 22px;
  }
  .body--split .text__reveal-icon-down, .body--split .text__reveal-icon-up {
    width: 18px;
  }
}
.js-accordion-item--open .text__reveal-icon-down {
  display: none;
}
.text__reveal-icon-up {
  display: none;
}
.js-accordion-item--open .text__reveal-icon-up {
  display: block;
}
.text__reveal-body {
  display: none;
  margin-bottom: -10px;
}
@media (min-width: 1024px) {
  .text__reveal-body {
    margin-bottom: -15px;
  }
}
.text__reveal-body--visible {
  display: block;
}
.text__reveal-body:before {
  content: "";
  display: block;
  height: 30px;
}
.text__form {
  margin: 35px auto 0;
}
.text__footnote {
  margin: 60px 0 0;
}

.textimg__image-wrap {
  width: 90%;
  max-width: 284px;
  margin: 0 auto 60px;
}
@media (min-width: 768px) {
  .textimg__image-wrap {
    max-width: 280px;
    margin: 0;
  }
}
@media (min-width: 1024px) {
  .textimg__image-wrap {
    width: auto;
    max-width: none;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .textimg__image-wrap--right {
    margin: 0 0 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .textimg__image-wrap--3 {
    width: 95%;
  }
}
@media (min-width: 1024px) {
  .textimg__image--1-1 {
    width: 89.5238095238%;
    margin-left: 8.5714285714%;
  }
}
@media (min-width: 1024px) {
  .textimg__image--1-1.textimg__image--right {
    margin-left: 1.9047619048%;
  }
}
.textimg__image--2-1 {
  width: 80.985915493%;
  transform: rotate(-4deg);
}
@media (min-width: 1024px) {
  .textimg__image--2-1 {
    width: 80%;
    margin-left: 5.7142857143%;
  }
}
@media (min-width: 1024px) {
  .textimg__image--2-1.textimg__image--right {
    margin-left: -0.9523809524%;
  }
}
.textimg__image--2-2 {
  width: 47.5352112676%;
  margin-top: -16.9014084507%;
  margin-left: 52.4647887324%;
  transform: rotate(4deg);
}
@media (min-width: 1024px) {
  .textimg__image--2-2 {
    width: 45.7142857143%;
    margin-top: -16.1904761905%;
    margin-left: 57.1428571429%;
  }
}
@media (min-width: 1024px) {
  .textimg__image--2-2.textimg__image--right {
    margin-left: 50.4761904762%;
  }
}
.textimg__image--3-1 {
  width: 61.2676056338%;
  margin-left: -28.8732394366%;
  transform: rotate(-33deg);
}
@media (min-width: 768px) {
  .textimg__image--3-1 {
    width: 40%;
    margin-left: -1.9047619048%;
    transform: rotate(16.5deg);
  }
}
@media (min-width: 768px) {
  .textimg__image--3-1.textimg__image--right {
    margin-left: 7.619047619%;
  }
}
.textimg__image--3-2 {
  width: 79.2253521127%;
  margin-left: 13.0281690141%;
  margin-top: -59.1549295775%;
  transform: rotate(-8deg);
}
@media (min-width: 768px) {
  .textimg__image--3-2 {
    width: 60.9523809524%;
    margin-top: -25.7142857143%;
    margin-left: 27.619047619%;
    transform: rotate(-19.5deg);
  }
}
@media (min-width: 768px) {
  .textimg__image--3-2.textimg__image--right {
    margin-left: 37.1428571429%;
  }
}
.textimg__image--3-3 {
  width: 73.9436619718%;
  margin-left: 47.8873239437%;
  margin-top: -60.5633802817%;
  transform: rotate(13deg);
}
@media (min-width: 768px) {
  .textimg__image--3-3 {
    width: 64.7619047619%;
    margin-top: -24.380952381%;
    margin-left: 0.9523809524%;
  }
}
@media (min-width: 768px) {
  .textimg__image--3-3.textimg__image--right {
    margin-left: 10.4761904762%;
  }
}
.textimg__image-inner {
  overflow: hidden;
  border-radius: 10px;
}
.textimg__image-inner--small {
  border-radius: 6px;
}
.textimg__main {
  max-width: 460px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .textimg__main {
    max-width: none;
  }
}
@media (min-width: 768px) {
  .textimg__main--right {
    text-align: right;
  }
}
.textimg__prefix {
  margin-bottom: 0.5em;
}
.textimg__intro {
  font-weight: 500;
}
.textimg__button {
  margin-top: 50px;
}
.textimg__button--small {
  margin-top: 30px;
}
.textimg__image-small {
  max-width: 260px;
  margin: 0 auto 50px;
  transform: rotate(6deg);
}
@media (min-width: 768px) {
  .textimg__image-small {
    max-width: 280px;
    margin: 0 10% 0 0;
  }
}
@media (min-width: 1280px) {
  .textimg__image-small {
    max-width: none;
    margin: 0 1.4705882353% 0 7.3529411765%;
  }
}
.textimg__image-small--right {
  transform: rotate(-2.5deg);
}
@media (min-width: 768px) {
  .textimg__image-small--right {
    margin: 0 0 0 10%;
  }
}
@media (min-width: 1280px) {
  .textimg__image-small--right {
    margin: 0 7.3529411765% 0 1.4705882353%;
  }
}

.view {
  display: none;
}
.view--visible {
  display: block;
}

.swiper--text-carousel {
  margin: 0 -14px;
}
.swiper--cards {
  overflow: visible !important;
}
.swiper--cards .swiper-wrapper {
  transition-timing-function: ease-in-out;
}
.swiper--hero {
  overflow: visible !important;
  height: 100%;
}
.swiper--hero .swiper-wrapper {
  transition-timing-function: ease-in-out;
}

.swiper--text-carousel .swiper-slide {
  padding: 0 14px 70px;
}

.swiper-pagination {
  position: relative;
  bottom: 0 !important;
  padding: 0 0 2px;
  font-size: 0;
  text-align: left;
}
.swiper-pagination--split {
  margin: 80px 0 0 0;
}
@media (min-width: 1024px) {
  .swiper-pagination--split {
    margin: 50px 0 0 0;
  }
}
@media (min-width: 1024px) and (min-height: 600px) {
  .swiper-pagination--split {
    margin: 80px 0 0 0;
  }
}
@media (min-width: 1024px) and (min-height: 700px) {
  .swiper-pagination--split {
    margin: 100px 0 0 0;
  }
}
@media (min-width: 1024px) and (min-height: 800px) {
  .swiper-pagination--split {
    margin: 130px 0 0 0;
  }
}
@media (min-width: 1024px) and (min-height: 900px) {
  .swiper-pagination--split {
    margin: 170px 0 0 0;
  }
}

.swiper-pagination-bullet {
  position: relative;
  width: 36px;
  height: 36px;
  margin: 0 6px 0 2px !important;
  background: transparent;
  border-radius: 50%;
  opacity: 1;
}

.bullet__outline {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #dadada;
  border-radius: 50%;
}
.swiper-pagination--hero .bullet__outline {
  border-color: rgba(255, 255, 255, 0.5);
}
.block__panel--orange .bullet__outline, .swiper--split-carousel .bullet__outline {
  border-color: #fff;
}
.swiper-pagination-bullet-active .bullet__outline {
  display: block;
}
.bullet__progress {
  display: none;
  position: absolute;
  top: -2px;
  left: -2px;
  width: 40px;
  height: 40px;
}
.swiper-pagination-bullet-active .bullet__progress {
  display: block;
}
.bullet__inner {
  display: block;
  position: absolute;
  top: 14px;
  left: 14px;
  width: 8px;
  height: 8px;
  background: #dadada;
  border-radius: 50%;
}
.swiper-pagination--hero .bullet__inner, .block__panel--orange .bullet__inner, .swiper--split-carousel .bullet__inner {
  background: #fff;
}
.swiper-pagination-bullet-active .bullet__inner {
  background: #7a6fd2;
}
.swiper-pagination--hero .swiper-pagination-bullet-active .bullet__inner, .block__panel--purple .swiper-pagination-bullet-active .bullet__inner, .swiper--split-carousel .swiper-pagination-bullet-active .bullet__inner {
  background: #fff;
}
.block__panel--orange .swiper-pagination-bullet-active .bullet__inner {
  background: #333;
}
.bullet__circle {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.bullet__circle circle {
  display: block;
  stroke: #7a6fd2;
  fill: transparent;
  transform-origin: 50% 50%;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 0;
  stroke-width: 6px;
}
.block__panel--purple .bullet__circle circle {
  stroke: #ffb3f5;
}
.swiper-pagination--hero .bullet__circle circle, .block__panel--orange .bullet__circle circle, .swiper--split-carousel .bullet__circle circle {
  stroke: #fff;
}

.swiper-button-prev,
.swiper-button-next {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: 50px;
  height: 50px;
  margin-top: 20px;
  background-size: auto 13px;
  background-repeat: no-repeat;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 1024px) {
  .swiper-button-prev,
.swiper-button-next {
    margin-top: 25px;
  }
}
.swiper-button-prev:after,
.swiper-button-next:after {
  content: "";
  display: none;
}
.swiper-button-prev--cards,
.swiper-button-next--cards {
  width: 86px;
  height: 86px;
  margin-top: 35px;
  background-size: auto 22px;
}
.swiper-button-prev--hero,
.swiper-button-next--hero {
  margin-top: 0;
}
@media (min-width: 768px) {
  .swiper-button-prev--hero,
.swiper-button-next--hero {
    position: absolute;
    top: 0;
    width: 66px;
    height: 66px;
    background-size: auto 18px;
  }
}
@media (min-width: 1024px) {
  .swiper-button-prev--hero,
.swiper-button-next--hero {
    width: 86px;
    height: 86px;
    background-size: auto 22px;
  }
}

.swiper-button-prev {
  margin-right: 5px;
  background-image: url(../svg/slider-left.svg);
  background-position: 46% center;
}
.swiper-button-prev--cards {
  margin-right: 10px;
}
.swiper-button-prev--hero {
  background-image: url(../svg/slider-left-white.svg);
}
@media (min-width: 768px) {
  .swiper-button-prev--hero {
    left: 50px;
    margin-right: 0;
    transform: translateX(-50%);
  }
}
@media (min-width: 1024px) {
  .swiper-button-prev--hero {
    left: 83px;
  }
}

.swiper-button-next {
  background-image: url(../svg/slider-right.svg);
  background-position: 54% center;
}
.swiper-button-next--hero {
  background-image: url(../svg/slider-right-white.svg);
}
@media (min-width: 768px) {
  .swiper-button-next--hero {
    right: 50px;
    transform: translateX(50%);
  }
}
@media (min-width: 1024px) {
  .swiper-button-next--hero {
    right: 83px;
  }
}

.next__outline {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #dadada;
  border-radius: 50%;
}
.swiper-button-prev--hero .next__outline, .swiper-button-next--hero .next__outline {
  border-color: rgba(255, 255, 255, 0.5);
}
.next__progress {
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  width: 54px;
  height: 54px;
}
.swiper-button-prev--cards .next__progress, .swiper-button-next--cards .next__progress {
  top: -5px;
  left: -5px;
  width: 96px;
  height: 96px;
}
@media (min-width: 768px) {
  .swiper-button-prev--hero .next__progress, .swiper-button-next--hero .next__progress {
    top: -3px;
    left: -3px;
    width: 72px;
    height: 72px;
  }
}
@media (min-width: 1024px) {
  .swiper-button-prev--hero .next__progress, .swiper-button-next--hero .next__progress {
    top: -5px;
    left: -5px;
    width: 96px;
    height: 96px;
  }
}
.next__circle {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.next__circle circle {
  display: block;
  stroke: #7a6fd2;
  fill: transparent;
  transform-origin: 50% 50%;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 0;
  stroke-width: 6px;
}
.swiper-button-prev--cards .next__circle circle, .swiper-button-next--cards .next__circle circle {
  stroke: #ffce5d;
  stroke-width: 4px;
}
@media (min-width: 768px) {
  .swiper-button-prev--hero .next__circle circle, .swiper-button-next--hero .next__circle circle {
    stroke: #ffce5d;
    stroke-width: 5px;
  }
}
@media (min-width: 1024px) {
  .swiper-button-prev--hero .next__circle circle, .swiper-button-next--hero .next__circle circle {
    stroke-width: 4px;
  }
}