@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

/* $scale: (
  (920px, 0.975),
  (800px, 0.95),
  (690px, 0.925),
);*/
@font-face {
  font-family: 'Avant Garde Gothic ITC';
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/367117_2_0.eot");
  src: url("/fonts/367117_2_0.eot?#iefix") format("embedded-opentype"), url("/fonts/367117_2_0.woff2") format("woff2"), url("/fonts/367117_2_0.woff") format("woff"), url("/fonts/367117_2_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Avant Garde Gothic ITC';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/367117_1_0.eot");
  src: url("/fonts/367117_1_0.eot?#iefix") format("embedded-opentype"), url("/fonts/367117_1_0.woff2") format("woff2"), url("/fonts/367117_1_0.woff") format("woff"), url("/fonts/367117_1_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Avant Garde Gothic ITC';
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/367117_3_0.eot");
  src: url("/fonts/367117_3_0.eot?#iefix") format("embedded-opentype"), url("/fonts/367117_3_0.woff2") format("woff2"), url("/fonts/367117_3_0.woff") format("woff"), url("/fonts/367117_3_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Avant Garde Gothic ITC';
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/367117_0_0.eot");
  src: url("/fonts/367117_0_0.eot?#iefix") format("embedded-opentype"), url("/fonts/367117_0_0.woff2") format("woff2"), url("/fonts/367117_0_0.woff") format("woff"), url("/fonts/367117_0_0.ttf") format("truetype"); }

/***
*  This file is imported in components/app-layout/AppLayout.scss
*/
@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

html, body {
  min-height: 100vh; }

html {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: scroll;
  box-sizing: border-box; }

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

body {
  position: relative;
  margin: 0;
  font-family: "Avant Garde Gothic ITC", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: hidden;
  overflow-y: hidden; }
  body ::-moz-selection {
    color: #fff;
    background: #fe3c72; }
  body ::selection {
    color: #fff;
    background: #fe3c72; }

html.no-scroll body {
  height: 100vh; }

img {
  display: block;
  max-width: 100%;
  height: auto; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  color: #d0d0d0; }

input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  opacity: 1;
  color: #d0d0d0; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
  color: #d0d0d0; }

*::-webkit-media-controls-panel {
  display: none !important;
  appearance: none; }

*::-webkit-media-controls-play-button {
  display: none !important;
  appearance: none; }

*::-webkit-media-controls-start-playback-button {
  display: none !important;
  appearance: none; }

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

.button {
  text-decoration: none;
  color: inherit;
  padding: 0;
  margin: 0;
  border: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  vertical-align: baseline;
  border-radius: 0;
  background: transparent;
  appearance: none;
  display: inline-flex;
  position: relative;
  z-index: 2;
  cursor: pointer; }
  .button:focus {
    outline: none; }
  .button:hover, .button:focus {
    outline: none; }
  .button + .button {
    margin-left: 15px; }
  .button:not(.noShadow)::after {
    content: '';
    position: absolute;
    bottom: -19.5px;
    right: -19.5px;
    z-index: 0;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url("/images/icon/black-dot-opaque.svg") repeat;
    background-size: 10px; }
  .button.disabled {
    cursor: default; }
    .button.disabled .button__content,
    .button.disabled .button__arrow {
      color: #9d9d9d;
      background-color: #f3f3f3;
      box-shadow: inset 0 0 0 1px #f3f3f3; }
      .button.disabled .button__content path,
      .button.disabled .button__arrow path {
        fill: #9d9d9d; }
  .button.loading {
    cursor: default; }
  .button.fill {
    width: 100%; }
  .button:hover .button__content.color-transparent,
  .button:focus .button__content.color-transparent {
    background-color: rgba(0, 0, 0, 0);
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out; }
  .button:hover .button__content.color-white,
  .button:focus .button__content.color-white {
    background-color: #ebebeb;
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out; }
  .button:hover .button__content.color-grey,
  .button:focus .button__content.color-grey {
    background-color: #969696;
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out; }
  .button:hover .button__content.color-dark,
  .button:focus .button__content.color-dark {
    background-color: #0f0f0f;
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out; }
  .button:hover .button__content.color-dark-grey,
  .button:focus .button__content.color-dark-grey {
    background-color: #929292;
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out; }
  .button:hover .button__content.color-pink,
  .button:focus .button__content.color-pink {
    background-color: #fe1355;
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out; }
  .button:hover .button__content.color-green,
  .button:focus .button__content.color-green {
    background-color: #0e8575;
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out; }
  .button:hover .button__content.color-dos-green,
  .button:focus .button__content.color-dos-green {
    background-color: #00d600;
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out; }
  .button:hover .button__content.color-light-green,
  .button:focus .button__content.color-light-green {
    background-color: #81ab2b;
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out; }
  .button:hover .button__content.color-purple,
  .button:focus .button__content.color-purple {
    background-color: #441c61;
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out; }
  .button:hover .button__content.color-yellow,
  .button:focus .button__content.color-yellow {
    background-color: #f8ba2d;
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out; }
  .button:hover .button__content.color-gold,
  .button:focus .button__content.color-gold {
    background-color: #ee9463;
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out; }
  .button:hover .button__content.color-cgreen,
  .button:focus .button__content.color-cgreen {
    background-color: #236d48;
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out; }
  .button:hover .button__content.color-light-purple,
  .button:focus .button__content.color-light-purple {
    background-color: #603ac2;
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out; }
  .button:hover .button__content.color-vivid-pink,
  .button:focus .button__content.color-vivid-pink {
    background-color: #d7009a;
    transition-property: background-color, color;
    transition-duration: 300ms;
    transition-timing-function: ease-in-out; }
  .button__wrapper {
    display: flex;
    position: relative;
    z-index: 1;
    overflow: hidden; }
    .fill .button__wrapper {
      width: 100%; }
    .sticky .button__wrapper {
      width: 100%; }
      @media (min-width: 1080px) {
        .sticky .button__wrapper {
          width: auto; } }
  .button__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .loading .button__background {
      display: none; }
  .button__content {
    font-size: 14px;
    padding: 0 30px;
    height: 60px;
    font-family: "Avant Garde Gothic ITC", sans-serif;
    font-weight: 700;
    line-height: 60px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    transition-duration: 260ms;
    transition-property: background-color, color, box-shadow;
    transition-timing-function: ease-in-out; }
    .button__content.background-transparent {
      background-color: transparent; }
    .button__content.background-white {
      background-color: #fff; }
    .button__content.background-grey {
      background-color: #aaa; }
    .button__content.background-dark {
      background-color: #232323; }
    .button__content.background-dark-grey {
      background-color: #a6a6a6; }
    .button__content.background-pink {
      background-color: #fe3c72; }
    .button__content.background-green {
      background-color: #12aa95; }
    .button__content.background-dos-green {
      background-color: #0f0; }
    .button__content.background-light-green {
      background-color: #9c3; }
    .button__content.background-purple {
      background-color: #5a2581; }
    .button__content.background-yellow {
      background-color: #f9c754; }
    .button__content.background-gold {
      background-color: #f2ad88; }
    .button__content.background-cgreen {
      background-color: #2d8c5c; }
    .button__content.background-light-purple {
      background-color: #7958cd; }
    .button__content.background-vivid-pink {
      background-color: #ff01b7; }
    .button__content.text-transparent {
      color: transparent; }
    .button__content.text-white {
      color: #fff; }
    .button__content.text-grey {
      color: #aaa; }
    .button__content.text-dark {
      color: #232323; }
    .button__content.text-dark-grey {
      color: #a6a6a6; }
    .button__content.text-pink {
      color: #fe3c72; }
    .button__content.text-green {
      color: #12aa95; }
    .button__content.text-dos-green {
      color: #0f0; }
    .button__content.text-light-green {
      color: #9c3; }
    .button__content.text-purple {
      color: #5a2581; }
    .button__content.text-yellow {
      color: #f9c754; }
    .button__content.text-gold {
      color: #f2ad88; }
    .button__content.text-cgreen {
      color: #2d8c5c; }
    .button__content.text-light-purple {
      color: #7958cd; }
    .button__content.text-vivid-pink {
      color: #ff01b7; }
    @media (min-width: 375px) {
      .button__content {
        font-size: 14px;
        font-size: calc(0.00121 * 100vw + (13.54545px)); } }
    @media (min-width: 1200px) {
      .button__content {
        font-size: 15px; } }
    .button__content.background-white {
      box-shadow: inset 0 0 0 1px #f3f3f3; }
      .button__content.background-white.inQueue {
        margin-top: -1px; }
    .big .button__content {
      height: 76px;
      line-height: 76px; }
    .small .button__content {
      height: 50px;
      line-height: 50px; }
    .huge .button__content {
      height: 90px;
      line-height: 90px; }
    .sticky .button__content {
      width: 100%;
      height: 110px;
      line-height: inherit; }
      @media (min-width: 1080px) {
        .sticky .button__content {
          width: auto; } }
    .fill .button__content {
      width: 100%; }
    .outline .button__content.box-shadow-transparent {
      box-shadow: inset 0 0 0 2px transparent; }
    .outline .button__content.box-shadow-white {
      box-shadow: inset 0 0 0 2px #fff; }
    .outline .button__content.box-shadow-grey {
      box-shadow: inset 0 0 0 2px #aaa; }
    .outline .button__content.box-shadow-dark {
      box-shadow: inset 0 0 0 2px #232323; }
    .outline .button__content.box-shadow-dark-grey {
      box-shadow: inset 0 0 0 2px #a6a6a6; }
    .outline .button__content.box-shadow-pink {
      box-shadow: inset 0 0 0 2px #fe3c72; }
    .outline .button__content.box-shadow-green {
      box-shadow: inset 0 0 0 2px #12aa95; }
    .outline .button__content.box-shadow-dos-green {
      box-shadow: inset 0 0 0 2px #0f0; }
    .outline .button__content.box-shadow-light-green {
      box-shadow: inset 0 0 0 2px #9c3; }
    .outline .button__content.box-shadow-purple {
      box-shadow: inset 0 0 0 2px #5a2581; }
    .outline .button__content.box-shadow-yellow {
      box-shadow: inset 0 0 0 2px #f9c754; }
    .outline .button__content.box-shadow-gold {
      box-shadow: inset 0 0 0 2px #f2ad88; }
    .outline .button__content.box-shadow-cgreen {
      box-shadow: inset 0 0 0 2px #2d8c5c; }
    .outline .button__content.box-shadow-light-purple {
      box-shadow: inset 0 0 0 2px #7958cd; }
    .outline .button__content.box-shadow-vivid-pink {
      box-shadow: inset 0 0 0 2px #ff01b7; }
    .loading .button__content {
      color: transparent;
      background: linear-gradient(to right, #f5f5f5 8%, #ebebeb 18%, #f5f5f5 33%);
      background-color: #f5f5f5;
      background-size: 800px 104px;
      animation-duration: 1.2s;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
      animation-name: animateBackground;
      animation-timing-function: linear;
      box-shadow: 0 0 0 1px #eee; }

@keyframes animateBackground {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
  .button__text {
    position: relative;
    z-index: 2; }
    .sticky .button__text {
      display: flex;
      height: 100%; }
  .button__before {
    position: absolute;
    top: 0;
    left: -2px;
    z-index: 5;
    opacity: 1;
    width: 2px;
    height: 100%;
    transition: background-color 260ms ease-in-out; }
    .button__before.background-transparent {
      background-color: transparent; }
    .button__before.background-white {
      background-color: #fff; }
    .button__before.background-grey {
      background-color: #aaa; }
    .button__before.background-dark {
      background-color: #232323; }
    .button__before.background-dark-grey {
      background-color: #a6a6a6; }
    .button__before.background-pink {
      background-color: #fe3c72; }
    .button__before.background-green {
      background-color: #12aa95; }
    .button__before.background-dos-green {
      background-color: #0f0; }
    .button__before.background-light-green {
      background-color: #9c3; }
    .button__before.background-purple {
      background-color: #5a2581; }
    .button__before.background-yellow {
      background-color: #f9c754; }
    .button__before.background-gold {
      background-color: #f2ad88; }
    .button__before.background-cgreen {
      background-color: #2d8c5c; }
    .button__before.background-light-purple {
      background-color: #7958cd; }
    .button__before.background-vivid-pink {
      background-color: #ff01b7; }
    .outline .button__before {
      left: 0;
      opacity: 0; }

.container {
  margin: 0 auto 60px;
  padding: 0 30px;
  max-width: 1320px; }
  @media (min-width: 340px) {
    .container {
      max-width: 1350px; } }
  @media (min-width: 720px) {
    .container {
      padding: 0 50px;
      max-width: 1390px; } }
  @media (min-width: 1080px) {
    .container {
      padding: 0 70px;
      max-width: 1430px; } }
  .container .display {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 66.66667%;
    z-index: -1;
    background: #fe3c72; }
    @media (max-width: 719px) {
      .container .display {
        display: none; } }
    .container .display .image {
      position: absolute;
      top: 180px;
      left: calc(-33% + 60px);
      width: 210%;
      max-width: 210%; }
      @media (min-width: 1080px) {
        .container .display .image {
          left: calc(-33% + 30px);
          width: 180%;
          max-width: 180%; } }
      @media (min-width: 1200px) {
        .container .display .image {
          width: 150%;
          max-width: 150%; } }
      @media (min-width: 1440px) {
        .container .display .image {
          width: 130%;
          max-width: 130%; } }

.formWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  flex-direction: row; }
  .formWrapper__col {
    flex: none;
    align-self: stretch;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%; }
    @media (min-width: 720px) {
      .formWrapper__col {
        flex: none;
        align-self: stretch;
        padding-left: 15px;
        padding-right: 15px;
        width: 50%; }
        .formWrapper__col.input-zip {
          flex: none;
          align-self: stretch;
          padding-left: 15px;
          padding-right: 15px;
          width: 25%; }
        .formWrapper__col.input-number {
          flex: none;
          align-self: stretch;
          padding-left: 15px;
          padding-right: 15px;
          width: 25%; }
        .formWrapper__col.input-terms, .formWrapper__col.input-header, .formWrapper__col.input-button, .formWrapper__col.input-fullWidth {
          flex: none;
          align-self: stretch;
          padding-left: 15px;
          padding-right: 15px;
          width: 100%; } }
    .formWrapper__col.hidden {
      display: none; }
    @media (min-width: 720px) {
      .formWrapper__col.push {
        margin-right: 50%; } }

.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2017;
  transition: opacity 300ms ease; }
  .header.hidden {
    opacity: 0;
    pointer-events: none; }
  .header__content {
    display: flex;
    align-items: center;
    padding: 0 22.5px;
    height: 70px; }
    @media (min-width: 420px) {
      .header__content {
        height: 90px; } }
    @media (min-width: 720px) {
      .header__content {
        padding: 0 30px;
        height: 110px; } }
    @media (min-width: 720px) {
      .header__content.topBanner {
        height: 35px; } }
    @media (min-width: 1080px) {
      .header__content.topBanner {
        height: 70px; } }
  .header__logo {
    text-decoration: none;
    color: inherit; }
    .header__logo:focus {
      outline: none; }
    .header__logo img {
      display: block;
      height: 22px; }
      @media (min-width: 720px) {
        .header__logo img {
          height: 34px; } }
      .light .header__logo img path {
        fill: #fff; }
  .header__actions {
    display: flex;
    margin-left: auto;
    height: 32px; }
    @media (min-width: 720px) {
      .header__actions {
        height: 42px; } }
    @media print {
      .header__actions {
        display: none; } }
  .header__group {
    display: flex;
    padding: 0 5px; }
    @media (min-width: 720px) {
      .header__group {
        padding: 0 25px; } }
    .light .header__group {
      border-left-color: rgba(255, 255, 255, 0.2); }
    .header__group:first-child {
      padding-left: 0;
      border: initial; }
      @media (min-width: 720px) {
        .header__group:first-child {
          padding-right: 27px; } }
    .header__group:last-child {
      padding-left: 8px;
      padding-right: 0; }
  .header__smallButtons {
    display: flex; }
    @media (max-width: 479px) {
      .header__smallButtons.inNav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding-top: 18px;
        height: 90px; } }
  .header__items {
    opacity: 1;
    margin-right: 10px;
    transition: opacity 300ms ease; }
  .header__item {
    text-decoration: none;
    color: inherit;
    padding: 0;
    margin: 0;
    border: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    vertical-align: baseline;
    border-radius: 0;
    background: transparent;
    appearance: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-left: 6px;
    padding-right: 6px;
    color: #333;
    cursor: pointer; }
    .header__item:focus {
      outline: none; }
    .header__item:hover, .header__item:focus {
      outline: none; }
    @media (min-width: 720px) {
      .header__item {
        padding-left: 15px;
        padding-right: 15px; } }
    @media (max-width: 349px) {
      .header__item {
        padding-left: 3px;
        padding-right: 3px; } }
    .header__item.menu {
      position: fixed;
      top: 19px;
      padding-right: 10px;
      height: 32px; }
      @media (min-width: 420px) {
        .header__item.menu {
          top: 29px; } }
      @media (min-width: 720px) {
        .header__item.menu {
          top: 34px;
          height: 42px; } }
      .header__item.menu:hover .header__line:nth-child(3), .header__item.menu:focus .header__line:nth-child(3) {
        width: 18px; }
        @media (min-width: 720px) {
          .header__item.menu:hover .header__line:nth-child(3), .header__item.menu:focus .header__line:nth-child(3) {
            width: 22px; } }
    .header__item.big {
      text-decoration: none;
      color: inherit;
      width: 115px;
      color: #232323;
      border-radius: 50px;
      background-color: rgba(0, 0, 0, 0.05);
      overflow: hidden; }
      .header__item.big:focus {
        outline: none; }
      @media (min-width: 720px) {
        .header__item.big {
          width: 125px; } }
      .header__item.big:hover, .header__item.big:focus {
        background-color: rgba(0, 0, 0, 0.1); }
        .light .header__item.big:hover, .light .header__item.big:focus {
          background-color: rgba(255, 255, 255, 0.1); }
      .light .header__item.big {
        background-color: rgba(255, 255, 255, 0.2); }
      .header__item.big img {
        position: absolute;
        right: 10px; }
        @media (min-width: 720px) {
          .header__item.big img {
            right: 15px; } }
        @media (max-width: 479px) {
          .header__item.big img {
            height: 18px; } }
    .header__itemHelp {
      display: flex; }
    .header__itemLabel {
      position: absolute;
      left: 15px;
      bottom: -25px;
      font-size: 14px;
      font-weight: 500;
      color: #333;
      animation-name: sliderTextUp;
      animation-duration: 11s;
      animation-iteration-count: infinite; }
      .light .header__itemLabel .header__itemLabelText {
        color: #fff; }
    .header__itemLabelEn {
      position: absolute;
      left: 21px;
      bottom: -25px;
      font-size: 14px;
      font-weight: 500;
      color: #333;
      animation-name: sliderTextUpEn;
      animation-duration: 11s;
      animation-iteration-count: infinite; }
      .light .header__itemLabelEn .header__itemLabelEnText {
        color: #fff; }
    .light .header__item {
      color: #fff; }
    @media (max-width: 479px) {
      .inNav .header__item {
        width: 25%;
        height: 32px; } }
    @media (max-width: 479px) {
      .header__item.hideInMobile {
        display: none; } }
  .header__tooltip {
    position: absolute;
    bottom: -29px;
    opacity: 0;
    color: #232323;
    font-size: 15px;
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
    transform: scale(0.9); }
    .header__item:hover .header__tooltip,
    .header__item:focus .header__tooltip {
      opacity: 1;
      transform: scale(1);
      transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; }
    .light .header__tooltip {
      color: #fff; }
  .header__hamburgerGroup {
    width: 55px; }
  .header__svg {
    height: 24px; }
    @media (min-width: 420px) {
      .header__svg {
        height: 18px; } }
    @media (min-width: 720px) {
      .header__svg {
        height: 22px;
        width: 22px; } }
    .header__svg path, .header__svg rect, .header__svg polygon, .header__svg circle, .header__svg ellipse {
      fill: #232323; }
    .light .header__svg path,
    .light .header__svg rect,
    .light .header__svg polygon,
    .light .header__svg circle,
    .light .header__svg ellipse {
      fill: #fff; }
  .header__cartCount {
    position: absolute;
    top: 0;
    left: calc(50% - 12px);
    width: 25px;
    text-align: center;
    font-size: 10px; }
    @media (min-width: 720px) {
      .header__cartCount {
        top: 5px;
        left: calc(50% - 9px);
        width: 20px; } }
    .light .header__cartCount {
      color: #fff; }
  .header__cartNotification {
    position: absolute;
    top: 8px;
    left: 26px;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background-color: #fe3c72; }

@keyframes sliderTextUp {
  0% {
    top: calc(50% - 10px);
    opacity: 1; }
  41% {
    top: calc(50% - 10px);
    opacity: 1; }
  50% {
    top: calc(0% - 20px);
    opacity: 1; }
  51% {
    top: calc(0% - 20px);
    opacity: 0; }
  90% {
    top: 100%;
    opacity: 0; }
  91% {
    top: 100%;
    opacity: 1; }
  100% {
    top: calc(50% - 10px);
    opacity: 1; } }

@keyframes sliderTextUpEn {
  0% {
    top: 100%;
    opacity: 0; }
  41% {
    top: 100%;
    opacity: 1; }
  50% {
    top: calc(50% - 10px);
    opacity: 1; }
  91% {
    top: calc(50% - 10px);
    opacity: 1; }
  99% {
    top: calc(0% - 20px);
    opacity: 1; }
  100% {
    top: calc(0% - 20px);
    opacity: 0; } }

@keyframes blackToWhite {
  0% {
    color: #333; }
  66% {
    color: #333; }
  100% {
    color: #fff; } }

.headline {
  padding-bottom: 30px;
  width: 100%; }
  @media (min-width: 720px) {
    .headline {
      padding-top: 30px; } }
  @media (min-width: 1080px) {
    .headline {
      padding-top: calc(30px + 10px); } }
  .headline.noSubtitle {
    margin-top: 45px; }
    @media (min-width: 1080px) {
      .headline.noSubtitle {
        margin-top: 0; } }

.hero__description {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px; }
  .hero__description.error {
    color: #d0011b; }
    .hero__description.error img {
      float: left;
      margin-top: 6px;
      margin-right: 15px; }
  .hero__description.success {
    color: #417505; }
    .hero__description.success img {
      float: left;
      margin-top: 6px;
      margin-right: 15px; }

.hero__small {
  font-size: 14px; }

.hero__link {
  text-decoration: none;
  color: inherit;
  font-weight: 700;
  position: relative; }
  .hero__link:focus {
    outline: none; }
  @media (min-width: 1080px) {
    .hero__link::before, .hero__link::after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      height: 1px;
      width: 0; }
    .hero__link::before {
      left: 0;
      transition: width 0ms ease-in-out, border-bottom 250ms ease-in-out; }
    .hero__link::after {
      right: 0;
      border-bottom: 1px solid;
      transition: width 250ms ease-in-out; }
    .hero__link:hover::before {
      width: 100%;
      border-bottom: 1px solid;
      transition: width 250ms ease-in-out; }
    .hero__link:hover::after {
      width: 100%;
      border-bottom: 1px solid transparent;
      transition: width 0ms ease-in-out, border-bottom 0ms ease-in-out; } }

.hero__email {
  font-weight: 700;
  color: #fe3c72; }

.loader {
  padding-top: 12px; }
  .loader__content {
    display: flex;
    margin-bottom: 30px;
    align-items: center; }
  .loader__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    margin-right: 15px; }
  .loader__description {
    width: calc(100% - 70px);
    font-weight: 400;
    font-size: 14px; }

.linkList {
  margin-bottom: 30px; }
  .linkList__list {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0; }
  .linkList__listItem {
    position: relative;
    font-size: 14px;
    font-weight: 600; }
  .linkList__link {
    text-decoration: none;
    color: inherit; }
    .linkList__link:focus {
      outline: none; }
    @media (min-width: 1080px) {
      .linkList__link::before, .linkList__link::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        height: 1px;
        width: 0; }
      .linkList__link::before {
        left: 0;
        transition: width 0ms ease-in-out, border-bottom 250ms ease-in-out; }
      .linkList__link::after {
        right: 0;
        border-bottom: 1px solid;
        transition: width 250ms ease-in-out; }
      .linkList__link:hover::before {
        width: 100%;
        border-bottom: 1px solid;
        transition: width 250ms ease-in-out; }
      .linkList__link:hover::after {
        width: 100%;
        border-bottom: 1px solid transparent;
        transition: width 0ms ease-in-out, border-bottom 0ms ease-in-out; } }

.tabs__nav {
  display: flex;
  width: calc(100% + 40px);
  margin: 0 -20px 30px; }

.tabs__navItem {
  text-decoration: none;
  color: inherit;
  padding: 20px 0;
  margin: 0 16px;
  color: #fe3c72;
  font-family: "Avant Garde Gothic ITC", sans-serif;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0px 2px 0px 0px transparent;
  transition: box-shadow 320ms ease-in-out; }
  .tabs__navItem:focus {
    outline: none; }
  .tabs__navItem.color-transparent {
    color: transparent; }
  .tabs__navItem.color-white {
    color: #fff; }
  .tabs__navItem.color-grey {
    color: #aaa; }
  .tabs__navItem.color-dark {
    color: #232323; }
  .tabs__navItem.color-dark-grey {
    color: #a6a6a6; }
  .tabs__navItem.color-pink {
    color: #fe3c72; }
  .tabs__navItem.color-green {
    color: #12aa95; }
  .tabs__navItem.color-dos-green {
    color: #0f0; }
  .tabs__navItem.color-light-green {
    color: #9c3; }
  .tabs__navItem.color-purple {
    color: #5a2581; }
  .tabs__navItem.color-yellow {
    color: #f9c754; }
  .tabs__navItem.color-gold {
    color: #f2ad88; }
  .tabs__navItem.color-cgreen {
    color: #2d8c5c; }
  .tabs__navItem.color-light-purple {
    color: #7958cd; }
  .tabs__navItem.color-vivid-pink {
    color: #ff01b7; }
  .tabs__navItem.active {
    font-weight: 700; }
  .tabs__navItem.active, .tabs__navItem:focus, .tabs__navItem:hover {
    box-shadow: 0px 2px 0px 0px; }

.textBox {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 0 30px; }
  .textBox__label {
    font-size: 14px;
    display: inline-block;
    position: relative;
    z-index: 1;
    opacity: 0.5;
    margin: 0;
    padding: 0;
    height: 20px;
    color: #232323;
    pointer-events: none;
    transform: translate(0, 41px);
    transition: transform 200ms; }
    @media (min-width: 375px) {
      .textBox__label {
        font-size: 14px;
        font-size: calc(0.00121 * 100vw + (13.54545px)); } }
    @media (min-width: 1200px) {
      .textBox__label {
        font-size: 15px; } }
    .textBox__label.isActive {
      pointer-events: auto;
      transform: translate(0, 0); }
    .white .textBox__label {
      opacity: 1;
      color: #fff; }
    .dock .textBox__label {
      font-size: 18px;
      display: block;
      opacity: 1;
      color: #d0d0d0;
      transform: translate(0, 35px);
      transition: transform 200ms, color 200ms, font-size 200ms; }
      @media (min-width: 375px) {
        .dock .textBox__label {
          font-size: 18px;
          font-size: calc(0.00727 * 100vw + (15.27273px)); } }
      @media (min-width: 1200px) {
        .dock .textBox__label {
          font-size: 24px; } }
      .dock .textBox__label.isActive {
        font-size: 14px;
        color: rgba(35, 35, 35, 0.5);
        transform: translate(0, 90px); }
        @media (min-width: 375px) {
          .dock .textBox__label.isActive {
            font-size: 14px;
            font-size: calc(0.00121 * 100vw + (13.54545px)); } }
        @media (min-width: 1200px) {
          .dock .textBox__label.isActive {
            font-size: 15px; } }
  .textBox__info {
    position: absolute;
    right: 45px;
    top: 42px;
    color: #a6a6a6; }
  .textBox__input {
    padding: 0;
    margin: 0;
    border: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    vertical-align: baseline;
    border-radius: 0;
    appearance: none;
    font-size: 16px;
    width: 100%;
    height: 60px;
    color: #232323;
    background-color: transparent;
    border-bottom: 1px solid #d0d0d0;
    box-shadow: none; }

@keyframes autofill {
  to {
    color: #232323;
    background: transparent; } }
    .textBox__input:focus {
      outline: none; }
    @media (min-width: 375px) {
      .textBox__input {
        font-size: 16px;
        font-size: calc(0.00242 * 100vw + (15.09091px)); } }
    @media (min-width: 1200px) {
      .textBox__input {
        font-size: 18px; } }
    .textBox__input:-webkit-autofill {
      animation-name: autofill;
      animation-fill-mode: both; }
    .submitted .textBox__input:invalid {
      border-bottom-color: #d0011b; }
    .textBox__input:focus {
      border-bottom-color: #aaa; }
    .textBox__input.largeText {
      font-size: 22px; }
      @media (min-width: 375px) {
        .textBox__input.largeText {
          font-size: 22px;
          font-size: calc(0.00242 * 100vw + (21.09091px)); } }
      @media (min-width: 1200px) {
        .textBox__input.largeText {
          font-size: 24px; } }
    .textBox__input.isTextarea {
      min-height: 120px; }
    .white .textBox__input {
      color: #fff;
      border-bottom-color: #fff; }
    .success .textBox__input {
      border-bottom-color: #417505; }
    .warning .textBox__input {
      border-bottom-color: #f6a623; }
    .error .textBox__input {
      border-bottom-color: #d0011b; }
    .dock .textBox__input {
      font-size: 18px; }
      @media (min-width: 375px) {
        .dock .textBox__input {
          font-size: 18px;
          font-size: calc(0.00727 * 100vw + (15.27273px)); } }
      @media (min-width: 1200px) {
        .dock .textBox__input {
          font-size: 24px; } }
    .textBox__input.whiteStatus {
      border-bottom-color: #fff; }
      .textBox__input.whiteStatus:invalid {
        border-bottom-color: #fff; }
    .typeIcon .textBox__input {
      padding-left: 45px; }
    .noSpin .textBox__input::-webkit-inner-spin-button, .noSpin .textBox__input::-webkit-outer-spin-button {
      margin: 0;
      appearance: none; }
  .textBox__icon {
    font-size: 14px;
    display: flex;
    align-items: center;
    position: absolute;
    right: 15px;
    top: 41px;
    font-weight: 500;
    color: #aaa; }
    @media (min-width: 375px) {
      .textBox__icon {
        font-size: 14px;
        font-size: calc(0.00121 * 100vw + (13.54545px)); } }
    @media (min-width: 1200px) {
      .textBox__icon {
        font-size: 15px; } }
    .whiteStatus .textBox__icon path {
      fill: #fff; }
    .noLabel .textBox__icon {
      top: 21px; }
  .textBox__typeIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0px;
    top: 39px;
    width: 25px;
    height: 30px;
    font-weight: 500;
    color: #aaa; }
    .whiteStatus .textBox__typeIcon path {
      fill: #fff; }
    .noLabel .textBox__typeIcon {
      top: 15px; }
  .textBox__message {
    font-size: 14px;
    line-height: 2; }
    @media (min-width: 375px) {
      .textBox__message {
        font-size: 14px;
        font-size: calc(0.00121 * 100vw + (13.54545px)); } }
    @media (min-width: 1200px) {
      .textBox__message {
        font-size: 15px; } }
    .success .textBox__message {
      color: #417505; }
    .warning .textBox__message {
      color: #f6a623; }
    .error .textBox__message {
      color: #d0011b; }
    .submitted .textBox__message {
      color: #d0011b; }
    .textBox__message.whiteStatus {
      color: #fff; }
    .dock .textBox__message {
      margin-top: 45px; }
    .textBox__message ul {
      padding: 0;
      margin: 0;
      border: 0;
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit;
      vertical-align: baseline;
      list-style: none; }

.title {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  flex-direction: row; }
  .title__col {
    flex: none;
    align-self: stretch;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin-bottom: 15px; }
    @media (min-width: 1080px) {
      .title__col:not(.leftAlign) {
        flex: none;
        align-self: stretch;
        padding-left: 15px;
        padding-right: 15px;
        width: 91.66667%;
        margin-left: 8.33333%; } }
    @media (min-width: 420px) {
      .title__col.breakpoint {
        margin-left: 8.33333%; } }
    @media (min-width: 1080px) {
      .title__col.breakpoint {
        margin-left: 0; } }
    @media (min-width: 1280px) {
      .title__col.breakpoint {
        margin-left: 8.33333%; } }
    @media (min-width: 720px) {
      .title__col.subHero {
        width: 75%; } }
    @media (min-width: 1080px) {
      .title__col.subHero {
        width: 66.66667%; } }
    @media (min-width: 1440px) {
      .title__col.subHero {
        width: 50%; } }
    .title__col.fullWidth {
      width: 100%; }
    @media (min-width: 720px) {
      .title__col.halfWidth {
        width: calc(58.33333% - 30px); } }
    @media (min-width: 1080px) {
      .title__col.halfWidth {
        width: calc(41.66667% + 30px); } }
  .title__content {
    padding: 0;
    margin: 0;
    border: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    vertical-align: baseline;
    font-size: 60px;
    font-family: "Avant Garde Gothic ITC", sans-serif;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    display: inline;
    position: relative;
    word-break: break-word;
    hyphens: auto; }
    @media (min-width: 375px) {
      .title__content {
        font-size: 60px;
        font-size: calc(0.03636 * 100vw + (46.36364px)); } }
    @media (min-width: 1200px) {
      .title__content {
        font-size: 90px; } }
    .title__content.color-transparent::after {
      background-color: transparent; }
    .title__content.color-white::after {
      background-color: #fff; }
    .title__content.color-grey::after {
      background-color: #aaa; }
    .title__content.color-dark::after {
      background-color: #232323; }
    .title__content.color-dark-grey::after {
      background-color: #a6a6a6; }
    .title__content.color-pink::after {
      background-color: #fe3c72; }
    .title__content.color-green::after {
      background-color: #12aa95; }
    .title__content.color-dos-green::after {
      background-color: #0f0; }
    .title__content.color-light-green::after {
      background-color: #9c3; }
    .title__content.color-purple::after {
      background-color: #5a2581; }
    .title__content.color-yellow::after {
      background-color: #f9c754; }
    .title__content.color-gold::after {
      background-color: #f2ad88; }
    .title__content.color-cgreen::after {
      background-color: #2d8c5c; }
    .title__content.color-light-purple::after {
      background-color: #7958cd; }
    .title__content.color-vivid-pink::after {
      background-color: #ff01b7; }
    .title__content::after {
      content: '';
      display: inline-block;
      position: relative;
      top: 1px;
      margin-left: 0.08em;
      margin-right: -0.275em;
      width: 0.18em;
      height: 0.18em;
      background-color: #232323;
      border-radius: 50%; }
    .title__content.small {
      padding: 0;
      margin: 0;
      border: 0;
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit;
      vertical-align: baseline;
      font-size: 20px;
      font-family: "Avant Garde Gothic ITC", sans-serif;
      font-weight: 700;
      line-height: 1;
      color: #fff; }
      @media (min-width: 375px) {
        .title__content.small {
          font-size: 20px;
          font-size: calc(0.00485 * 100vw + (18.18182px)); } }
      @media (min-width: 1200px) {
        .title__content.small {
          font-size: 24px; } }
      .title__content.small.color-transparent::after {
        background-color: transparent; }
      .title__content.small.color-white::after {
        background-color: #fff; }
      .title__content.small.color-grey::after {
        background-color: #aaa; }
      .title__content.small.color-dark::after {
        background-color: #232323; }
      .title__content.small.color-dark-grey::after {
        background-color: #a6a6a6; }
      .title__content.small.color-pink::after {
        background-color: #fe3c72; }
      .title__content.small.color-green::after {
        background-color: #12aa95; }
      .title__content.small.color-dos-green::after {
        background-color: #0f0; }
      .title__content.small.color-light-green::after {
        background-color: #9c3; }
      .title__content.small.color-purple::after {
        background-color: #5a2581; }
      .title__content.small.color-yellow::after {
        background-color: #f9c754; }
      .title__content.small.color-gold::after {
        background-color: #f2ad88; }
      .title__content.small.color-cgreen::after {
        background-color: #2d8c5c; }
      .title__content.small.color-light-purple::after {
        background-color: #7958cd; }
      .title__content.small.color-vivid-pink::after {
        background-color: #ff01b7; }
      .title__content.small::after {
        content: '';
        display: inline-block;
        position: relative;
        top: 1px;
        margin-left: 0.08em;
        margin-right: -0.275em;
        width: 0.18em;
        height: 0.18em;
        background-color: #232323;
        border-radius: 50%; }
    .title__content.medium {
      padding: 0;
      margin: 0;
      border: 0;
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit;
      vertical-align: baseline;
      font-size: 36px;
      font-family: "Avant Garde Gothic ITC", sans-serif;
      font-weight: 700;
      line-height: 1;
      color: #fff; }
      @media (min-width: 375px) {
        .title__content.medium {
          font-size: 36px;
          font-size: calc(0.01455 * 100vw + (30.54545px)); } }
      @media (min-width: 1200px) {
        .title__content.medium {
          font-size: 48px; } }
      .title__content.medium.color-transparent::after {
        background-color: transparent; }
      .title__content.medium.color-white::after {
        background-color: #fff; }
      .title__content.medium.color-grey::after {
        background-color: #aaa; }
      .title__content.medium.color-dark::after {
        background-color: #232323; }
      .title__content.medium.color-dark-grey::after {
        background-color: #a6a6a6; }
      .title__content.medium.color-pink::after {
        background-color: #fe3c72; }
      .title__content.medium.color-green::after {
        background-color: #12aa95; }
      .title__content.medium.color-dos-green::after {
        background-color: #0f0; }
      .title__content.medium.color-light-green::after {
        background-color: #9c3; }
      .title__content.medium.color-purple::after {
        background-color: #5a2581; }
      .title__content.medium.color-yellow::after {
        background-color: #f9c754; }
      .title__content.medium.color-gold::after {
        background-color: #f2ad88; }
      .title__content.medium.color-cgreen::after {
        background-color: #2d8c5c; }
      .title__content.medium.color-light-purple::after {
        background-color: #7958cd; }
      .title__content.medium.color-vivid-pink::after {
        background-color: #ff01b7; }
      .title__content.medium::after {
        content: '';
        display: inline-block;
        position: relative;
        top: 1px;
        margin-left: 0.08em;
        margin-right: -0.275em;
        width: 0.18em;
        height: 0.18em;
        background-color: #232323;
        border-radius: 50%; }
    @media (max-height: 839px) {
      .title__content {
        padding: 0;
        margin: 0;
        border: 0;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        vertical-align: baseline;
        font-size: 60px;
        font-family: "Avant Garde Gothic ITC", sans-serif;
        font-weight: 700;
        line-height: 1;
        color: #fff; } }
  @media (max-height: 839px) and (min-width: 375px) {
    .title__content {
      font-size: 60px;
      font-size: calc(0.03636 * 100vw + (46.36364px)); } }
  @media (max-height: 839px) and (min-width: 1200px) {
    .title__content {
      font-size: 90px; } }
    @media (max-height: 839px) {
        .title__content.color-transparent::after {
          background-color: transparent; }
        .title__content.color-white::after {
          background-color: #fff; }
        .title__content.color-grey::after {
          background-color: #aaa; }
        .title__content.color-dark::after {
          background-color: #232323; }
        .title__content.color-dark-grey::after {
          background-color: #a6a6a6; }
        .title__content.color-pink::after {
          background-color: #fe3c72; }
        .title__content.color-green::after {
          background-color: #12aa95; }
        .title__content.color-dos-green::after {
          background-color: #0f0; }
        .title__content.color-light-green::after {
          background-color: #9c3; }
        .title__content.color-purple::after {
          background-color: #5a2581; }
        .title__content.color-yellow::after {
          background-color: #f9c754; }
        .title__content.color-gold::after {
          background-color: #f2ad88; }
        .title__content.color-cgreen::after {
          background-color: #2d8c5c; }
        .title__content.color-light-purple::after {
          background-color: #7958cd; }
        .title__content.color-vivid-pink::after {
          background-color: #ff01b7; }
        .title__content::after {
          content: '';
          display: inline-block;
          position: relative;
          top: 1px;
          margin-left: 0.08em;
          margin-right: -0.275em;
          width: 0.18em;
          height: 0.18em;
          background-color: #232323;
          border-radius: 50%; } }
    .title__content.subHero {
      padding: 0;
      margin: 0;
      border: 0;
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit;
      vertical-align: baseline;
      font-size: 48px;
      font-family: "Avant Garde Gothic ITC", sans-serif;
      font-weight: 700;
      line-height: 1;
      color: #fff; }
      @media (min-width: 375px) {
        .title__content.subHero {
          font-size: 48px;
          font-size: calc(0.05091 * 100vw + (28.90909px)); } }
      @media (min-width: 1200px) {
        .title__content.subHero {
          font-size: 90px; } }
      .title__content.subHero.color-transparent::after {
        background-color: transparent; }
      .title__content.subHero.color-white::after {
        background-color: #fff; }
      .title__content.subHero.color-grey::after {
        background-color: #aaa; }
      .title__content.subHero.color-dark::after {
        background-color: #232323; }
      .title__content.subHero.color-dark-grey::after {
        background-color: #a6a6a6; }
      .title__content.subHero.color-pink::after {
        background-color: #fe3c72; }
      .title__content.subHero.color-green::after {
        background-color: #12aa95; }
      .title__content.subHero.color-dos-green::after {
        background-color: #0f0; }
      .title__content.subHero.color-light-green::after {
        background-color: #9c3; }
      .title__content.subHero.color-purple::after {
        background-color: #5a2581; }
      .title__content.subHero.color-yellow::after {
        background-color: #f9c754; }
      .title__content.subHero.color-gold::after {
        background-color: #f2ad88; }
      .title__content.subHero.color-cgreen::after {
        background-color: #2d8c5c; }
      .title__content.subHero.color-light-purple::after {
        background-color: #7958cd; }
      .title__content.subHero.color-vivid-pink::after {
        background-color: #ff01b7; }
      .title__content.subHero::after {
        content: '';
        display: inline-block;
        position: relative;
        top: 1px;
        margin-left: 0.08em;
        margin-right: -0.275em;
        width: 0.18em;
        height: 0.18em;
        background-color: #232323;
        border-radius: 50%; }
    .title__content.smaller {
      padding: 0;
      margin: 0;
      border: 0;
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit;
      vertical-align: baseline;
      font-size: 48px;
      font-family: "Avant Garde Gothic ITC", sans-serif;
      font-weight: 700;
      line-height: 1;
      color: #fff; }
      @media (min-width: 375px) {
        .title__content.smaller {
          font-size: 48px;
          font-size: calc(0.05091 * 100vw + (28.90909px)); } }
      @media (min-width: 1200px) {
        .title__content.smaller {
          font-size: 90px; } }
      .title__content.smaller.color-transparent::after {
        background-color: transparent; }
      .title__content.smaller.color-white::after {
        background-color: #fff; }
      .title__content.smaller.color-grey::after {
        background-color: #aaa; }
      .title__content.smaller.color-dark::after {
        background-color: #232323; }
      .title__content.smaller.color-dark-grey::after {
        background-color: #a6a6a6; }
      .title__content.smaller.color-pink::after {
        background-color: #fe3c72; }
      .title__content.smaller.color-green::after {
        background-color: #12aa95; }
      .title__content.smaller.color-dos-green::after {
        background-color: #0f0; }
      .title__content.smaller.color-light-green::after {
        background-color: #9c3; }
      .title__content.smaller.color-purple::after {
        background-color: #5a2581; }
      .title__content.smaller.color-yellow::after {
        background-color: #f9c754; }
      .title__content.smaller.color-gold::after {
        background-color: #f2ad88; }
      .title__content.smaller.color-cgreen::after {
        background-color: #2d8c5c; }
      .title__content.smaller.color-light-purple::after {
        background-color: #7958cd; }
      .title__content.smaller.color-vivid-pink::after {
        background-color: #ff01b7; }
      .title__content.smaller::after {
        content: '';
        display: inline-block;
        position: relative;
        top: 1px;
        margin-left: 0.08em;
        margin-right: -0.275em;
        width: 0.18em;
        height: 0.18em;
        background-color: #232323;
        border-radius: 50%; }
    .title__content.inverted {
      color: #232323; }
    .title__content.largeMark::after {
      margin-left: 0.195em; }
  .title__punctuation {
    position: absolute; }
    .title__punctuationMark {
      display: inline-block;
      height: 0.675em;
      vertical-align: top;
      overflow: hidden; }

.info {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px; }
  .info__link {
    text-decoration: none;
    color: inherit;
    font-weight: 700;
    position: relative; }
    .info__link:focus {
      outline: none; }
    @media (min-width: 1080px) {
      .info__link::before, .info__link::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        height: 1px;
        width: 0; }
      .info__link::before {
        left: 0;
        transition: width 0ms ease-in-out, border-bottom 250ms ease-in-out; }
      .info__link::after {
        right: 0;
        border-bottom: 1px solid;
        transition: width 250ms ease-in-out; }
      .info__link:hover::before {
        width: 100%;
        border-bottom: 1px solid;
        transition: width 250ms ease-in-out; }
      .info__link:hover::after {
        width: 100%;
        border-bottom: 1px solid transparent;
        transition: width 0ms ease-in-out, border-bottom 0ms ease-in-out; } }

.promptPage {
  width: 100%;
  margin-top: 90px; }
  @media (min-width: 420px) {
    .promptPage {
      width: 83.33333%;
      margin: 120px 8.33333% 0;
      text-align: center; } }
  @media (min-width: 720px) {
    .promptPage {
      width: 83.33333%;
      margin: 150px 8.33333% 0; } }
  .promptPage__content {
    margin-bottom: 90px; }
  .promptPage + .display {
    display: none; }

.buttonWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  flex-direction: row;
  margin-top: 60px; }
  @media (min-width: 420px) {
    .buttonWrapper {
      width: 83.33333%;
      margin: 60px 8.33333% 0; } }
  @media (min-width: 720px) {
    .buttonWrapper {
      width: 66.66667%;
      margin: 60px 16.66667% 0; } }
  @media (min-width: 1080px) {
    .buttonWrapper {
      width: 50%;
      margin: 60px 25% 0; } }

.loginPage {
  width: 100%;
  margin-top: 90px; }
  @media (min-width: 420px) {
    .loginPage {
      width: 83.33333%;
      margin: 90px 8.33333% 0; } }
  @media (min-width: 720px) {
    .loginPage {
      width: 50%;
      margin: 150px 8.33333% 0; } }
  @media (min-width: 1080px) {
    .loginPage {
      width: 41.66667%;
      margin: 150px 8.33333% 0; } }
  @media (min-width: 1200px) {
    .loginPage {
      width: 33.33333%;
      margin: 150px 8.33333% 0; } }
  .loginPage__content {
    margin-bottom: 60px; }
  .loginPage__form {
    margin-bottom: 30px; }