:root {
  /* Font/text values */
  --unnamed-font-family-heebo: Heebo;
  --unnamed-font-style-normal: normal;
  --unnamed-font-weight-300: 300px;
  --unnamed-font-weight-900: 900px;
  --unnamed-font-size-15: 15px;
  --unnamed-font-size-30: 30px;
  --unnamed-font-size-77: 77px;
  --unnamed-character-spacing-0: 0px;
  --unnamed-line-spacing-22: 22px;
  --unnamed-line-spacing-33: 33px;
  --unnamed-line-spacing-66: 66px;
  /*colors*/
  --orange: #E84B25;
  --white: #ffffff;
  --light-grey: #00000029;
  --blue: #112634; }

/* Character Styles */
.unnamed-character-style-1 {
  font-family: var(--unnamed-font-family-heebo);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-300);
  font-size: var(--unnamed-font-size-30);
  line-height: var(--unnamed-line-spacing-33);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-ffffff); }

.unnamed-character-style-2 {
  font-family: var(--unnamed-font-family-heebo);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-300);
  font-size: var(--unnamed-font-size-15);
  line-height: var(--unnamed-line-spacing-22);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-ffffff); }

.unnamed-character-style-3 {
  font-family: var(--unnamed-font-family-heebo);
  font-style: var(--unnamed-font-style-normal);
  font-weight: var(--unnamed-font-weight-900);
  font-size: var(--unnamed-font-size-77);
  line-height: var(--unnamed-line-spacing-66);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-ffffff); }

* {
  margin: 0;
  padding: 0; }

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

html {
  box-sizing: border-box;
  font-size: 62.5%;
  max-width: 192rem; }

p.white {
  color: var(--white); }

p.orange {
  color: var(--orange); }

p.blue {
  color: var(--blue); }

p.bold {
  font-weight: bold; }

.pointer {
  cursor: pointer; }

.button {
  background: var(--orange);
  opacity: 1;
  text-align: center;
  color: var(--white);
  border: none;
  cursor: pointer; }

h2 {
  text-align: right;
  font: normal normal 300 60px/88px Heebo;
  letter-spacing: 0px;
  color: var(--white);
  opacity: 1;
  line-height: 6rem; }
  h2 {
    font-size: 30px; }
    @media screen and (min-width: 768px) {
      h2 {
        font-size: calc(30px + 30 * ((100vw - 768px) / 1112)); } }
    @media screen and (min-width: 1880px) {
      h2 {
        font-size: 60px; } }

h1 {
  text-align: right;
  font: normal normal 900 125px/120px Heebo;
  letter-spacing: 0px;
  color: var(--white);
  opacity: 1; }
  h1 {
    font-size: 50px; }
    @media screen and (min-width: 768px) {
      h1 {
        font-size: calc(50px + 75 * ((100vw - 768px) / 1112)); } }
    @media screen and (min-width: 1880px) {
      h1 {
        font-size: 125px; } }
  h1 {
    line-height: 20px; }
    @media screen and (min-width: 768px) {
      h1 {
        line-height: calc(20px + 100 * ((100vw - 768px) / 1112)); } }
    @media screen and (min-width: 1880px) {
      h1 {
        line-height: 120px; } }
  @media only screen and (max-width: 48em) {
    h1 {
      line-height: 20px; } }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
  -webkit-transition-delay: 9999s; }

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--orange);
  opacity: 1;
  /* Firefox */
  text-align: center; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--orange); }

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--orange); }

.hide-tab-land {
  display: block; }
  @media only screen and (max-width: 75em) {
    .hide-tab-land {
      display: none; } }

.display-from-tab-land {
  display: none; }
  @media only screen and (max-width: 75em) {
    .display-from-tab-land {
      display: block; } }

.display-only-phone {
  display: none; }
  @media only screen and (max-width: 48em) {
    .display-only-phone {
      display: block; } }

.hide-only-phone {
  display: block; }
  @media only screen and (max-width: 48em) {
    .hide-only-phone {
      display: none; } }

.container {
  background-image: url("/img/blue-background.png");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: auto; }

.upper-container {
  display: flex;
  justify-content: space-between;
  position: relative; }

.main {
  display: flex;
  flex-direction: row; }
  @media only screen and (max-width: 75em) {
    .main {
      flex-direction: column-reverse; } }

.left-part-container {
  display: flex;
  flex-direction: column;
  flex: 0 1 54.43%; }

.background-container {
  background-image: url("/img/orange-pages/orange-background.svg");
  display: flex; }

.height-unset {
  height: unset; }

.right-side-container {
  flex-basis: 43%; }
  @media only screen and (max-width: 1200px) {
    .right-side-container {
      flex-basis: 50%; } }
  @media only screen and (max-width: 48em) {
    .right-side-container {
      flex-basis: 100%;
      width: 100%; } }

.all-text {
  margin-top: 17.9rem; }

.all-text,
.all-text-ty {
  margin-right: 11.5rem; }
  .all-text,
  .all-text-ty {
    margin-right: 30px; }
    @media screen and (min-width: 1100px) {
      .all-text,
      .all-text-ty {
        margin-right: calc(30px + 85 * ((100vw - 1100px) / 300)); } }
    @media screen and (min-width: 1400px) {
      .all-text,
      .all-text-ty {
        margin-right: 115px; } }
  .all-text,
  .all-text-ty {
    margin-top: 139px; }
    @media screen and (min-width: 1200px) {
      .all-text,
      .all-text-ty {
        margin-top: calc(139px + 40 * ((100vw - 1200px) / 680)); } }
    @media screen and (min-width: 1880px) {
      .all-text,
      .all-text-ty {
        margin-top: 179px; } }
  @media only screen and (max-width: 48em) {
    .all-text,
    .all-text-ty {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 31rem;
      margin-right: 2.1rem;
      margin-left: 2.1rem; }
      .all-text,
      .all-text-ty {
        margin-top: 315px; } }
    @media only screen and (max-width: 48em) and (min-width: 360px) {
      .all-text,
      .all-text-ty {
        margin-top: calc(315px + 173 * ((100vw - 360px) / 408)); } }
    @media only screen and (max-width: 48em) and (min-width: 768px) {
      .all-text,
      .all-text-ty {
        margin-top: 488px; } }

.all-text-ty {
  margin-top: 24.8rem; }
  .all-text-ty {
    margin-top: 138px; }
    @media screen and (min-width: 768px) {
      .all-text-ty {
        margin-top: calc(138px + 110 * ((100vw - 768px) / 1112)); } }
    @media screen and (min-width: 1880px) {
      .all-text-ty {
        margin-top: 248px; } }
  @media only screen and (max-width: 48em) {
    .all-text-ty {
      margin-top: 320px; } }
  @media only screen and (max-width: 48em) and (min-width: 360px) {
    .all-text-ty {
      margin-top: calc(320px + 180 * ((100vw - 360px) / 408)); } }
  @media only screen and (max-width: 48em) and (min-width: 768px) {
    .all-text-ty {
      margin-top: 500px; } }

.left-side-container {
  flex-basis: 60%;
  display: flex;
  flex-direction: column;
  margin-top: 4.55rem;
  margin-left: 8rem;
  margin-right: 6.81rem;
  position: fixed;
  left: 0; }
  .left-side-container {
    margin-left: 45px; }
    @media screen and (min-width: 1200px) {
      .left-side-container {
        margin-left: calc(45px + 35 * ((100vw - 1200px) / 680)); } }
    @media screen and (min-width: 1880px) {
      .left-side-container {
        margin-left: 80px; } }
  @media only screen and (max-width: 1200px) {
    .left-side-container {
      flex-basis: 50%; } }
  @media only screen and (max-width: 48em) {
    .left-side-container {
      display: none; } }

.form-container {
  background: url("/img/orange-pages/form-background.svg") no-repeat;
  background-position: center;
  max-width: 92.643rem;
  margin-right: 2.5rem;
  margin-top: -1rem;
  padding-right: 4.343rem;
  position: relative; }
  .form-container {
    width: 625.43px; }
    @media screen and (min-width: 1315px) {
      .form-container {
        width: calc(625.43px + 300.57 * ((100vw - 1315px) / 565)); } }
    @media screen and (min-width: 1880px) {
      .form-container {
        width: 926px; } }
  .form-container .form-container-image-mobile {
    display: none; }
  @media only screen and (max-width: 1314px) {
    .form-container {
      padding-right: 0rem;
      margin-left: -1rem;
      margin-top: 2rem;
      background: unset; }
      .form-container .form-container-image-mobile {
        display: block; }
      .form-container {
        width: 330px; } }
    @media only screen and (max-width: 1314px) and (min-width: 768px) {
      .form-container {
        width: calc(330px + 302.43 * ((100vw - 768px) / 546)); } }
    @media only screen and (max-width: 1314px) and (min-width: 1314px) {
      .form-container {
        width: 632.43px; } }
  @media only screen and (max-height: 880px) {
    .form-container {
      width: 67.2rem; }
      .form-container {
        width: 638.43px; } }
    @media only screen and (max-height: 880px) and (min-width: 1315px) {
      .form-container {
        width: calc(638.43px + 33.57 * ((100vw - 1315px) / 565)); } }
    @media only screen and (max-height: 880px) and (min-width: 1880px) {
      .form-container {
        width: 672px; } }
  @media only screen and (max-height: 880px) and (max-width: 1314px) {
    .form-container {
      width: 330px; } }
  @media only screen and (max-height: 880px) and (max-width: 1314px) and (min-width: 768px) {
    .form-container {
      width: calc(330px + 302.43 * ((100vw - 768px) / 546)); } }
  @media only screen and (max-height: 880px) and (max-width: 1314px) and (min-width: 1314px) {
    .form-container {
      width: 632.43px; } }
  .form-container-image {
    position: absolute; }
  .form-container .details {
    z-index: 10; }

form {
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 1314px) {
    form {
      flex-direction: column;
      width: 100%; } }

@media only screen and (max-height: 880px) {
  .form-container-wrapper {
    display: flex;
    justify-content: center; } }

.mobile-footer {
  display: none; }
  @media only screen and (max-width: 48em) {
    .mobile-footer {
      display: flex;
      position: fixed;
      z-index: 50;
      flex-direction: column;
      align-items: center;
      bottom: 0;
      width: 100%; } }

.display-form .form-container {
  width: 100%;
  margin-right: unset;
  margin-left: unset; }

.logo {
  max-width: 20.631rem;
  height: 5.2rem;
  padding-top: 4.1rem;
  margin-right: 4.368rem; }
  .logo {
    margin-right: 22px; }
    @media screen and (min-width: 360px) {
      .logo {
        margin-right: calc(22px + 19 * ((100vw - 360px) / 420)); } }
    @media screen and (min-width: 780px) {
      .logo {
        margin-right: 41px; } }
  @media only screen and (max-width: 48em) {
    .logo {
      max-width: 11.594rem; } }
  @media only screen and (max-width: 48em) {
    .logo img {
      max-width: 11.594rem; } }

@media only screen and (max-width: 48em) {
  .main-logo {
    padding-top: 2.1rem; } }

.text {
  margin-top: 22.7rem;
  margin-right: 9.8rem;
  flex: 0 1 45.57%; }
  .text {
    margin-top: 83px; }
    @media screen and (min-width: 1000px) {
      .text {
        margin-top: calc(83px + 144 * ((100vw - 1000px) / 850)); } }
    @media screen and (min-width: 1850px) {
      .text {
        margin-top: 227px; } }
  .text p {
    text-align: right;
    font: normal normal 300 115px/120px Heebo;
    letter-spacing: -2.3px;
    opacity: 1;
    max-width: 71.3rem; }
    .text p {
      font-size: 72px; }
      @media screen and (min-width: 1150px) {
        .text p {
          font-size: calc(72px + 43 * ((100vw - 1150px) / 550)); } }
      @media screen and (min-width: 1700px) {
        .text p {
          font-size: 115px; } }
    .text p {
      line-height: 80px; }
      @media screen and (min-width: 1200px) {
        .text p {
          line-height: calc(80px + 40 * ((100vw - 1200px) / 680)); } }
      @media screen and (min-width: 1880px) {
        .text p {
          line-height: 120px; } }
    @media only screen and (max-width: 75em) {
      .text p {
        display: flex;
        flex-direction: column;
        line-height: 6rem;
        max-width: unset; } }
    @media only screen and (max-width: 48em) {
      .text p {
        font-size: 40px; } }
  @media only screen and (max-width: 48em) and (min-width: 360px) {
    .text p {
      font-size: calc(40px + 25 * ((100vw - 360px) / 408)); } }
  @media only screen and (max-width: 48em) and (min-width: 768px) {
    .text p {
      font-size: 65px; } }
    @media only screen and (max-width: 48em) {
      .text p {
        line-height: 38px; } }
  @media only screen and (max-width: 48em) and (min-width: 360px) {
    .text p {
      line-height: calc(38px + 22 * ((100vw - 360px) / 408)); } }
  @media only screen and (max-width: 48em) and (min-width: 768px) {
    .text p {
      line-height: 60px; } }
  .text span {
    text-align: right;
    font: normal normal 300 28px/35px Heebo;
    letter-spacing: -0.56px;
    opacity: 1;
    padding-top: .5rem; }
    .text span {
      font-size: 20px; }
      @media screen and (min-width: 992px) {
        .text span {
          font-size: calc(20px + 8 * ((100vw - 992px) / 858)); } }
      @media screen and (min-width: 1850px) {
        .text span {
          font-size: 28px; } }
    .text span {
      line-height: 22px; }
      @media screen and (min-width: 360px) {
        .text span {
          line-height: calc(22px + 13 * ((100vw - 360px) / 408)); } }
      @media screen and (min-width: 768px) {
        .text span {
          line-height: 35px; } }
  @media only screen and (max-width: 75em) {
    .text {
      margin-top: 3rem;
      margin-right: 1.5rem;
      margin-left: 1.5rem;
      display: flex;
      flex-direction: column; }
      .text p, .text span {
        text-align: center; } }

.year {
  display: flex;
  flex-direction: row-reverse;
  margin-left: 8.14rem;
  position: relative;
  align-items: center; }
  .year {
    margin-top: 0px; }
    @media screen and (min-width: 768px) {
      .year {
        margin-top: calc(0px + 135 * ((100vw - 768px) / 1082)); } }
    @media screen and (min-width: 1850px) {
      .year {
        margin-top: 135px; } }
  @media only screen and (max-width: 75em) {
    .year {
      margin-top: 4.4rem;
      margin-left: unset;
      justify-content: center; } }
  @media only screen and (max-width: 48em) {
    .year {
      display: flex;
      flex-direction: column;
      margin-left: unset;
      margin-top: 2.2rem; } }
  .year__first-part {
    margin-right: -1rem;
    position: relative; }
    .year__first-part img {
      width: 100%; }
    .year__first-part .rope {
      height: 100%;
      position: absolute;
      top: -32%;
      left: 41%;
      width: unset;
      transform: translate(-50%, -50%);
      -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; }
      .year__first-part .rope {
        letter-spacing: -7px; }
        @media screen and (min-width: 768px) {
          .year__first-part .rope {
            letter-spacing: calc(-7px + -7.5 * ((100vw - 768px) / 1082)); } }
        @media screen and (min-width: 1850px) {
          .year__first-part .rope {
            letter-spacing: -14.5px; } }
  .year__second-part {
    margin-right: 1.5rem;
    position: relative; }
    .year__second-part img {
      width: 100%; }
    .year__second-part-container {
      display: flex;
      flex-direction: column;
      align-items: center; }
    .year__second-part-text-wrapper {
      position: relative; }
      .year__second-part-text-wrapper p {
        position: absolute; }
    @media only screen and (max-width: 48em) {
      .year__second-part {
        display: none; } }
  .year p {
    font: var(--unnamed-font-style-normal) normal 100 290px/426px var(--unnamed-font-family-heebo);
    text-align: center;
    opacity: 1;
    position: absolute;
    top: 52.2%;
    left: 50%;
    transform: translate(-55%, -50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; }
    .year p {
      font-size: 171px; }
      @media screen and (min-width: 1200px) {
        .year p {
          font-size: calc(171px + 119 * ((100vw - 1200px) / 650)); } }
      @media screen and (min-width: 1850px) {
        .year p {
          font-size: 290px; } }
    .year p {
      letter-spacing: -7px; }
      @media screen and (min-width: 768px) {
        .year p {
          letter-spacing: calc(-7px + -7.5 * ((100vw - 768px) / 1082)); } }
      @media screen and (min-width: 1850px) {
        .year p {
          letter-spacing: -14.5px; } }
    @media only screen and (max-width: 75em) {
      .year p {
        font-size: 25rem; } }
    @media only screen and (max-width: 48em) {
      .year p {
        font-size: 14rem; } }

.scroll-icon {
  display: flex;
  padding-right: 13rem; }
  .scroll-icon-up {
    background: url("/img/up.svg") no-repeat;
    width: 7rem;
    height: 7rem;
    z-index: 2; }
    .scroll-icon-up:hover {
      transform: scale(1.15); }
  .scroll-icon-down {
    background: url("/img/down.svg") no-repeat;
    width: 7rem;
    height: 7rem;
    z-index: 2; }
    .scroll-icon-down:hover {
      transform: scale(1.15); }

.check-btn {
  height: 5.5rem;
  font: var(--unnamed-font-style-normal) normal 800 28px/35px var(--unnamed-font-family-heebo);
  letter-spacing: -0.56px;
  align-self: flex-end;
  margin-top: 10.6rem;
  direction: ltr;
  position: absolute;
  transform: translateX(-14.5%);
  width: 80%; }
  .check-btn:hover {
    background-color: var(--white);
    color: var(--blue); }
  @media only screen and (max-width: 75em) {
    .check-btn {
      margin-top: 2.5rem;
      transform: none;
      position: unset;
      width: 31rem;
      align-self: center; } }

.logo-container {
  position: fixed;
  width: 75rem;
  height: 15rem;
  background-color: var(--orange);
  z-index: 50; }
  .logo-container {
    width: 398px; }
    @media screen and (min-width: 768px) {
      .logo-container {
        width: calc(398px + 362 * ((100vw - 768px) / 1112)); } }
    @media screen and (min-width: 1880px) {
      .logo-container {
        width: 760px; } }
  @media only screen and (max-width: 48em) {
    .logo-container {
      height: 7rem;
      width: 40%; } }

.mobile-image-container {
  display: none; }
  @media only screen and (max-width: 48em) {
    .mobile-image-container {
      display: flex;
      justify-content: center;
      padding-top: 6.74rem;
      width: 100%;
      position: fixed;
      background-color: var(--orange);
      z-index: 40; } }
  .mobile-image-container img {
    width: 100%; }
    .mobile-image-container img {
      width: 360px; }
      @media screen and (min-width: 360px) {
        .mobile-image-container img {
          width: calc(360px + 254 * ((100vw - 360px) / 408)); } }
      @media screen and (min-width: 768px) {
        .mobile-image-container img {
          width: 614px; } }
  .mobile-image-container .rope-mobile {
    position: absolute;
    top: -2.5rem;
    right: 80px; }
    .mobile-image-container .rope-mobile {
      height: 137px; }
      @media screen and (min-width: 360px) {
        .mobile-image-container .rope-mobile {
          height: calc(137px + 16 * ((100vw - 360px) / 408)); } }
      @media screen and (min-width: 768px) {
        .mobile-image-container .rope-mobile {
          height: 153px; } }
    .mobile-image-container .rope-mobile {
      right: 4px; }
      @media screen and (min-width: 360px) {
        .mobile-image-container .rope-mobile {
          right: calc(4px + 76 * ((100vw - 360px) / 408)); } }
      @media screen and (min-width: 768px) {
        .mobile-image-container .rope-mobile {
          right: 80px; } }

.smaller-h1-size {
  font-size: 12rem; }
  .smaller-h1-size {
    font-size: 50px; }
    @media screen and (min-width: 768px) {
      .smaller-h1-size {
        font-size: calc(50px + 70 * ((100vw - 768px) / 1112)); } }
    @media screen and (min-width: 1880px) {
      .smaller-h1-size {
        font-size: 120px; } }

.note-container {
  display: flex;
  max-width: 61.91rem;
  position: relative;
  margin-top: 2.5rem; }
  .note-container img {
    width: 362px; }
    @media screen and (min-width: 1090px) {
      .note-container img {
        width: calc(362px + 257.1 * ((100vw - 1090px) / 790)); } }
    @media screen and (min-width: 1880px) {
      .note-container img {
        width: 619.1px; } }
  @media only screen and (max-width: 1090px) {
    .note-container img {
      display: none; } }
  @media only screen and (max-width: 1090px) {
    .note-container {
      position: unset;
      display: flex;
      flex-direction: column; }
      .note-container .line-mobile {
        display: flex; }
        .note-container .line-mobile {
          width: 311.17px; } }
      @media only screen and (max-width: 1090px) and (min-width: 769px) {
        .note-container .line-mobile {
          width: calc(311.17px + 61.83 * ((100vw - 769px) / 321)); } }
      @media only screen and (max-width: 1090px) and (min-width: 1090px) {
        .note-container .line-mobile {
          width: 373px; } }
  @media only screen and (max-width: 48em) {
    .note-container {
      margin-top: 1rem; } }
  .note-container__first-note, .note-container__second-note, .note-container__second-note-with-bigger-top, .note-container__first-note-lighter-font {
    text-align: center;
    font: normal normal bold 42px/40px Heebo;
    letter-spacing: 0px;
    opacity: 1;
    position: absolute;
    height: 10.2rem;
    z-index: 20;
    padding-top: 1.5rem; }
    .note-container__first-note, .note-container__second-note, .note-container__second-note-with-bigger-top, .note-container__first-note-lighter-font {
      font-size: 18px; }
      @media screen and (min-width: 992px) {
        .note-container__first-note, .note-container__second-note, .note-container__second-note-with-bigger-top, .note-container__first-note-lighter-font {
          font-size: calc(18px + 24 * ((100vw - 992px) / 888)); } }
      @media screen and (min-width: 1880px) {
        .note-container__first-note, .note-container__second-note, .note-container__second-note-with-bigger-top, .note-container__first-note-lighter-font {
          font-size: 42px; } }
    .note-container__first-note, .note-container__second-note, .note-container__second-note-with-bigger-top, .note-container__first-note-lighter-font {
      line-height: 25px; }
      @media screen and (min-width: 992px) {
        .note-container__first-note, .note-container__second-note, .note-container__second-note-with-bigger-top, .note-container__first-note-lighter-font {
          line-height: calc(25px + 15 * ((100vw - 992px) / 888)); } }
      @media screen and (min-width: 1880px) {
        .note-container__first-note, .note-container__second-note, .note-container__second-note-with-bigger-top, .note-container__first-note-lighter-font {
          line-height: 40px; } }
    .note-container__first-note, .note-container__second-note, .note-container__second-note-with-bigger-top, .note-container__first-note-lighter-font {
      padding-top: 7px; }
      @media screen and (min-width: 992px) {
        .note-container__first-note, .note-container__second-note, .note-container__second-note-with-bigger-top, .note-container__first-note-lighter-font {
          padding-top: calc(7px + 8 * ((100vw - 992px) / 888)); } }
      @media screen and (min-width: 1880px) {
        .note-container__first-note, .note-container__second-note, .note-container__second-note-with-bigger-top, .note-container__first-note-lighter-font {
          padding-top: 15px; } }
  @media only screen and (max-width: 1090px) {
    .note-container__first-note, .note-container__first-note-lighter-font {
      position: absolute;
      width: 18%; }
      .note-container__first-note, .note-container__first-note-lighter-font {
        right: 107px; } }
    @media only screen and (max-width: 1090px) and (min-width: 769px) {
      .note-container__first-note, .note-container__first-note-lighter-font {
        right: calc(107px + 25 * ((100vw - 769px) / 321)); } }
    @media only screen and (max-width: 1090px) and (min-width: 1090px) {
      .note-container__first-note, .note-container__first-note-lighter-font {
        right: 132px; } }
  @media only screen and (max-width: 48em) {
    .note-container__first-note, .note-container__first-note-lighter-font {
      width: 35%; }
      .note-container__first-note, .note-container__first-note-lighter-font {
        right: 102px; } }
    @media only screen and (max-width: 48em) and (min-width: 360px) {
      .note-container__first-note, .note-container__first-note-lighter-font {
        right: calc(102px + 204 * ((100vw - 360px) / 408)); } }
    @media only screen and (max-width: 48em) and (min-width: 768px) {
      .note-container__first-note, .note-container__first-note-lighter-font {
        right: 306px; } }
  .note-container__first-note p, .note-container__first-note-lighter-font p {
    position: absolute;
    right: 46px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; }
    .note-container__first-note p, .note-container__first-note-lighter-font p {
      right: 32px; }
      @media screen and (min-width: 1091px) {
        .note-container__first-note p, .note-container__first-note-lighter-font p {
          right: calc(32px + 14 * ((100vw - 1091px) / 789)); } }
      @media screen and (min-width: 1880px) {
        .note-container__first-note p, .note-container__first-note-lighter-font p {
          right: 46px; } }
  @media only screen and (max-width: 48em) {
    .note-container__first-note-lighter-font, .note-container__second-note-with-bigger-top {
      font-weight: 500; } }
  .note-container__second-note, .note-container__second-note-with-bigger-top {
    left: 10rem;
    max-width: 45.51rem;
    left: 57px; }
    .note-container__second-note, .note-container__second-note-with-bigger-top {
      width: 177px; }
      @media screen and (min-width: 1090px) {
        .note-container__second-note, .note-container__second-note-with-bigger-top {
          width: calc(177px + 173 * ((100vw - 1090px) / 790)); } }
      @media screen and (min-width: 1880px) {
        .note-container__second-note, .note-container__second-note-with-bigger-top {
          width: 350px; } }
    .note-container__second-note, .note-container__second-note-with-bigger-top {
      left: 91px; }
      @media screen and (min-width: 1736px) {
        .note-container__second-note, .note-container__second-note-with-bigger-top {
          left: calc(91px + -34 * ((100vw - 1736px) / 144)); } }
      @media screen and (min-width: 1880px) {
        .note-container__second-note, .note-container__second-note-with-bigger-top {
          left: 57px; } }
    @media only screen and (max-width: 1736px) {
      .note-container__second-note, .note-container__second-note-with-bigger-top {
        left: 60px; } }
  @media only screen and (max-width: 1736px) and (min-width: 1400px) {
    .note-container__second-note, .note-container__second-note-with-bigger-top {
      left: calc(60px + 31 * ((100vw - 1400px) / 335)); } }
  @media only screen and (max-width: 1736px) and (min-width: 1735px) {
    .note-container__second-note, .note-container__second-note-with-bigger-top {
      left: 91px; } }
    @media only screen and (max-width: 1375px) {
      .note-container__second-note, .note-container__second-note-with-bigger-top {
        left: 91px; } }
  @media only screen and (max-width: 1375px) and (min-width: 1201px) {
    .note-container__second-note, .note-container__second-note-with-bigger-top {
      left: calc(91px + -31 * ((100vw - 1201px) / 174)); } }
  @media only screen and (max-width: 1375px) and (min-width: 1375px) {
    .note-container__second-note, .note-container__second-note-with-bigger-top {
      left: 60px; } }
    @media only screen and (max-width: 1200px) {
      .note-container__second-note, .note-container__second-note-with-bigger-top {
        left: 187px; } }
  @media only screen and (max-width: 1090px) {
    .note-container__second-note {
      width: 36%; }
      .note-container__second-note {
        right: 47px; } }
    @media only screen and (max-width: 1090px) and (min-width: 769px) {
      .note-container__second-note {
        right: calc(47px + -28 * ((100vw - 769px) / 321)); } }
    @media only screen and (max-width: 1090px) and (min-width: 1090px) {
      .note-container__second-note {
        right: 19px; } }
  @media only screen and (max-width: 1090px) {
      .note-container__second-note {
        top: 342px; } }
    @media only screen and (max-width: 1090px) and (min-width: 769px) {
      .note-container__second-note {
        top: calc(342px + 39 * ((100vw - 769px) / 321)); } }
    @media only screen and (max-width: 1090px) and (min-width: 1090px) {
      .note-container__second-note {
        top: 381px; } }
  @media only screen and (max-width: 48em) {
    .note-container__second-note {
      width: 77%; }
      .note-container__second-note {
        right: 69px; } }
    @media only screen and (max-width: 48em) and (min-width: 594px) {
      .note-container__second-note {
        right: calc(69px + 88 * ((100vw - 594px) / 174)); } }
    @media only screen and (max-width: 48em) and (min-width: 768px) {
      .note-container__second-note {
        right: 157px; } }
  @media only screen and (max-width: 48em) {
      .note-container__second-note {
        top: 498px; } }
    @media only screen and (max-width: 48em) and (min-width: 360px) {
      .note-container__second-note {
        top: calc(498px + 178 * ((100vw - 360px) / 408)); } }
    @media only screen and (max-width: 48em) and (min-width: 768px) {
      .note-container__second-note {
        top: 676px; } }
  @media only screen and (max-width: 594px) {
    .note-container__second-note {
      right: 41px; } }
  @media only screen and (max-width: 594px) and (min-width: 360px) {
    .note-container__second-note {
      right: calc(41px + 28 * ((100vw - 360px) / 234)); } }
  @media only screen and (max-width: 594px) and (min-width: 594px) {
    .note-container__second-note {
      right: 69px; } }
  @media only screen and (max-width: 1090px) {
    .note-container__second-note-with-bigger-top {
      width: 36%; }
      .note-container__second-note-with-bigger-top {
        right: 47px; } }
    @media only screen and (max-width: 1090px) and (min-width: 769px) {
      .note-container__second-note-with-bigger-top {
        right: calc(47px + -28 * ((100vw - 769px) / 321)); } }
    @media only screen and (max-width: 1090px) and (min-width: 1090px) {
      .note-container__second-note-with-bigger-top {
        right: 19px; } }
  @media only screen and (max-width: 1090px) {
      .note-container__second-note-with-bigger-top {
        top: 444px; } }
    @media only screen and (max-width: 1090px) and (min-width: 919px) {
      .note-container__second-note-with-bigger-top {
        top: calc(444px + 25 * ((100vw - 919px) / 171)); } }
    @media only screen and (max-width: 1090px) and (min-width: 1090px) {
      .note-container__second-note-with-bigger-top {
        top: 469px; } }
  @media only screen and (max-width: 918px) {
    .note-container__second-note-with-bigger-top {
      top: 451px; } }
  @media only screen and (max-width: 918px) and (min-width: 768px) {
    .note-container__second-note-with-bigger-top {
      top: calc(451px + 21 * ((100vw - 768px) / 150)); } }
  @media only screen and (max-width: 918px) and (min-width: 918px) {
    .note-container__second-note-with-bigger-top {
      top: 472px; } }
  @media only screen and (max-width: 48em) {
    .note-container__second-note-with-bigger-top {
      width: 77%; }
      .note-container__second-note-with-bigger-top {
        right: 69px; } }
    @media only screen and (max-width: 48em) and (min-width: 594px) {
      .note-container__second-note-with-bigger-top {
        right: calc(69px + 88 * ((100vw - 594px) / 174)); } }
    @media only screen and (max-width: 48em) and (min-width: 768px) {
      .note-container__second-note-with-bigger-top {
        right: 157px; } }
  @media only screen and (max-width: 48em) {
      .note-container__second-note-with-bigger-top {
        top: 564px; } }
    @media only screen and (max-width: 48em) and (min-width: 360px) {
      .note-container__second-note-with-bigger-top {
        top: calc(564px + 171 * ((100vw - 360px) / 408)); } }
    @media only screen and (max-width: 48em) and (min-width: 768px) {
      .note-container__second-note-with-bigger-top {
        top: 735px; } }
  @media only screen and (max-width: 594px) {
    .note-container__second-note-with-bigger-top {
      right: 41px; } }
  @media only screen and (max-width: 594px) and (min-width: 360px) {
    .note-container__second-note-with-bigger-top {
      right: calc(41px + 28 * ((100vw - 360px) / 234)); } }
  @media only screen and (max-width: 594px) and (min-width: 594px) {
    .note-container__second-note-with-bigger-top {
      right: 69px; } }

.line-mobile {
  display: none; }

.after-note-text,
.after-note-text-block,
.after-text {
  margin-top: 2.15rem;
  text-align: right;
  font: normal normal 300 23px/39px Heebo;
  letter-spacing: 0px;
  opacity: 1;
  max-width: 617px; }
  .after-note-text,
  .after-note-text-block,
  .after-text {
    font-size: 18px; }
    @media screen and (min-width: 768px) {
      .after-note-text,
      .after-note-text-block,
      .after-text {
        font-size: calc(18px + 5 * ((100vw - 768px) / 1112)); } }
    @media screen and (min-width: 1880px) {
      .after-note-text,
      .after-note-text-block,
      .after-text {
        font-size: 23px; } }
  .after-note-text,
  .after-note-text-block,
  .after-text {
    line-height: 28px; }
    @media screen and (min-width: 768px) {
      .after-note-text,
      .after-note-text-block,
      .after-text {
        line-height: calc(28px + 11 * ((100vw - 768px) / 1112)); } }
    @media screen and (min-width: 1880px) {
      .after-note-text,
      .after-note-text-block,
      .after-text {
        line-height: 39px; } }
  @media only screen and (max-width: 1200px) {
    .after-note-text,
    .after-note-text-block,
    .after-text {
      width: 85%; } }
  @media only screen and (max-width: 1090px) {
    .after-note-text,
    .after-note-text-block,
    .after-text {
      margin-top: 3rem; } }
  @media only screen and (max-width: 48em) {
    .after-note-text,
    .after-note-text-block,
    .after-text {
      width: 34.7rem; } }
  .after-note-text__desktop,
  .after-note-text-block__desktop,
  .after-text__desktop {
    max-width: 465px; }
    @media only screen and (max-width: 48em) {
      .after-note-text__desktop,
      .after-note-text-block__desktop,
      .after-text__desktop {
        display: none; } }
  .after-note-text__mobile,
  .after-note-text-block__mobile,
  .after-text__mobile {
    display: none; }
    @media only screen and (max-width: 48em) {
      .after-note-text__mobile,
      .after-note-text-block__mobile,
      .after-text__mobile {
        display: flex;
        justify-content: center;
        font-size: 1.5rem;
        text-align: center;
        line-height: 22px; } }

.after-note-text-block {
  margin-top: 1.2rem; }
  @media only screen and (max-width: 48em) {
    .after-note-text-block {
      width: 31.2rem;
      background-color: var(--white);
      display: flex;
      justify-content: center;
      margin-top: 3.5rem;
      margin-bottom: 1.8rem; }
      .after-note-text-block p {
        color: var(--orange);
        text-align: center;
        font: normal normal 500 16px/33px Heebo;
        letter-spacing: 0px;
        line-height: 24px;
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 22.3rem; } }

.after-text {
  margin-top: 1rem;
  width: 72%;
  line-height: 1.5; }
  @media only screen and (max-width: 48em) {
    .after-text {
      width: 99%;
      font-size: 15px;
      line-height: 22px;
      text-align: center;
      width: 300px; } }

.last-part-text {
  margin-top: 41.8rem;
  margin-bottom: 20rem;
  font: normal normal 300 50px/73px Heebo;
  letter-spacing: 0px;
  max-width: 58.2rem; }
  .last-part-text {
    font-size: 18px; }
    @media screen and (min-width: 768px) {
      .last-part-text {
        font-size: calc(18px + 32 * ((100vw - 768px) / 1112)); } }
    @media screen and (min-width: 1880px) {
      .last-part-text {
        font-size: 50px; } }
  .last-part-text {
    line-height: 30px; }
    @media screen and (min-width: 768px) {
      .last-part-text {
        line-height: calc(30px + 43 * ((100vw - 768px) / 1112)); } }
    @media screen and (min-width: 1880px) {
      .last-part-text {
        line-height: 73px; } }
  .last-part-text {
    margin-top: 282px; }
    @media screen and (min-width: 1200px) {
      .last-part-text {
        margin-top: calc(282px + 68 * ((100vw - 1200px) / 680)); } }
    @media screen and (min-width: 1880px) {
      .last-part-text {
        margin-top: 350px; } }
  @media only screen and (max-width: 1200px) {
    .last-part-text {
      width: 85%; } }
  @media only screen and (max-width: 48em) {
    .last-part-text {
      margin-top: 14rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      margin-bottom: 11.2rem;
      width: 31.8rem; } }

.scroll-container {
  text-align: center;
  font: normal normal 300 23px/39px Heebo;
  letter-spacing: 0px;
  margin-top: 12rem;
  background-color: var(--orange);
  position: fixed;
  width: 60.5rem;
  height: 100%; }
  .scroll-container {
    width: 420px; }
    @media screen and (min-width: 992px) {
      .scroll-container {
        width: calc(420px + 185 * ((100vw - 992px) / 888)); } }
    @media screen and (min-width: 1880px) {
      .scroll-container {
        width: 605px; } }
  @media only screen and (max-width: 75em) {
    .scroll-container {
      margin-right: -3rem; } }
  @media only screen and (max-width: 48em) {
    .scroll-container {
      display: none; } }
  .scroll-container__icon {
    margin-top: -.4rem; }
    .scroll-container__icon .a:hover {
      fill: var(--blue); }
  @media only screen and (max-height: 880px) {
    .scroll-container {
      margin-top: 1rem; } }

.main-img,
.main-img-ty {
  margin-left: -2.5rem;
  max-width: 97.5rem;
  align-self: flex-end;
  position: relative; }
  .main-img,
  .main-img-ty {
    width: 359px; }
    @media screen and (min-width: 768px) {
      .main-img,
      .main-img-ty {
        width: calc(359px + 616 * ((100vw - 768px) / 1112)); } }
    @media screen and (min-width: 1880px) {
      .main-img,
      .main-img-ty {
        width: 975px; } }
  .main-img__image,
  .main-img-ty__image {
    width: 100%; }

@media only screen and (max-height: 880px) {
  .main-img__image {
    width: 711.9px; } }
  @media only screen and (max-height: 880px) and (min-height: 700px) {
    .main-img__image {
      width: calc(711.9px + 263.1 * ((100vh - 700px) / 180)); } }
  @media only screen and (max-height: 880px) and (min-height: 880px) {
    .main-img__image {
      width: 975px; } }

@media only screen and (max-height: 880px) {
  .main-img__image {
    width: 359px; } }
  @media only screen and (max-height: 880px) and (min-width: 768px) {
    .main-img__image {
      width: calc(359px + 352.9 * ((100vw - 768px) / 612)); } }
  @media only screen and (max-height: 880px) and (min-width: 1380px) {
    .main-img__image {
      width: 711.9px; } }

@media only screen and (max-width: 48em) {
  .main-img__image {
    height: 264px; } }
  @media only screen and (max-width: 48em) and (min-width: 360px) {
    .main-img__image {
      height: calc(264px + 173 * ((100vw - 360px) / 408)); } }
  @media only screen and (max-width: 48em) and (min-width: 768px) {
    .main-img__image {
      height: 437px; } }

@media only screen and (max-height: 880px) {
  .main-img {
    display: flex;
    justify-content: center; } }

@media only screen and (max-width: 1000px) {
  .main-img-ty {
    width: 48.7rem; } }

@media only screen and (max-width: 844px) {
  .main-img-ty {
    width: 44.7rem; } }

.border-and-rope {
  position: absolute;
  right: 0;
  top: -68px;
  height: 12.9rem;
  margin-right: -1rem; }
  .border-and-rope {
    margin-right: -3px; }
    @media screen and (min-width: 769px) {
      .border-and-rope {
        margin-right: calc(-3px + -7 * ((100vw - 769px) / 1111)); } }
    @media screen and (min-width: 1880px) {
      .border-and-rope {
        margin-right: -10px; } }
  .border-and-rope {
    height: 79px; }
    @media screen and (min-width: 769px) {
      .border-and-rope {
        height: calc(79px + 50 * ((100vw - 769px) / 1111)); } }
    @media screen and (min-width: 1880px) {
      .border-and-rope {
        height: 129px; } }
  .border-and-rope {
    top: -53px; }
    @media screen and (min-width: 769px) {
      .border-and-rope {
        top: calc(-53px + -15 * ((100vw - 769px) / 1111)); } }
    @media screen and (min-width: 1880px) {
      .border-and-rope {
        top: -68px; } }
  @media only screen and (max-height: 880px) {
    .border-and-rope {
      height: 115px;
      margin-right: 124px; }
      .border-and-rope {
        margin-right: -15px; } }
    @media only screen and (max-height: 880px) and (min-width: 1380px) {
      .border-and-rope {
        margin-right: calc(-15px + 139 * ((100vw - 1380px) / 500)); } }
    @media only screen and (max-height: 880px) and (min-width: 1880px) {
      .border-and-rope {
        margin-right: 124px; } }
  @media only screen and (max-height: 880px) {
      .border-and-rope {
        height: 106px; } }
    @media only screen and (max-height: 880px) and (min-width: 1380px) {
      .border-and-rope {
        height: calc(106px + 9 * ((100vw - 1380px) / 500)); } }
    @media only screen and (max-height: 880px) and (min-width: 1880px) {
      .border-and-rope {
        height: 115px; } }
  @media only screen and (max-height: 880px) and (max-width: 1380px) {
    .border-and-rope {
      margin-right: -6px; } }
  @media only screen and (max-height: 880px) and (max-width: 1380px) and (min-width: 769px) {
    .border-and-rope {
      margin-right: calc(-6px + -9 * ((100vw - 769px) / 611)); } }
  @media only screen and (max-height: 880px) and (max-width: 1380px) and (min-width: 1380px) {
    .border-and-rope {
      margin-right: -15px; } }
  @media only screen and (max-height: 880px) and (max-width: 1380px) {
    .border-and-rope {
      height: 81px; } }
  @media only screen and (max-height: 880px) and (max-width: 1380px) and (min-width: 769px) {
    .border-and-rope {
      height: calc(81px + 25 * ((100vw - 769px) / 611)); } }
  @media only screen and (max-height: 880px) and (max-width: 1380px) and (min-width: 1380px) {
    .border-and-rope {
      height: 106px; } }

.border-and-rope-ty {
  position: absolute;
  right: 2.1rem;
  top: -27.8rem;
  height: 33.9rem;
  margin-right: -1rem; }
  .border-and-rope-ty {
    right: 20px; }
    @media screen and (min-width: 769px) {
      .border-and-rope-ty {
        right: calc(20px + 1 * ((100vw - 769px) / 1111)); } }
    @media screen and (min-width: 1880px) {
      .border-and-rope-ty {
        right: 21px; } }
  .border-and-rope-ty {
    height: 253px; }
    @media screen and (min-width: 769px) {
      .border-and-rope-ty {
        height: calc(253px + 86 * ((100vw - 769px) / 1111)); } }
    @media screen and (min-width: 1880px) {
      .border-and-rope-ty {
        height: 339px; } }
  .border-and-rope-ty {
    top: -216px; }
    @media screen and (min-width: 769px) {
      .border-and-rope-ty {
        top: calc(-216px + -62 * ((100vw - 769px) / 1111)); } }
    @media screen and (min-width: 1880px) {
      .border-and-rope-ty {
        top: -278px; } }

.details {
  width: 97.59rem;
  margin-top: 1rem; }
  .details {
    width: 600px; }
    @media screen and (min-width: 1315px) {
      .details {
        width: calc(600px + 375.9 * ((100vw - 1315px) / 565)); } }
    @media screen and (min-width: 1880px) {
      .details {
        width: 975.9px; } }
  @media only screen and (max-width: 1314px) {
    .details {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-right: 1rem;
      padding-left: 1rem;
      margin-top: unset; } }
  @media only screen and (max-width: 48em) {
    .details {
      width: 80%; } }
  .details p {
    text-align: right;
    font: normal normal 500 24px/35px Heebo;
    letter-spacing: 0px;
    opacity: 1;
    margin-bottom: 1rem;
    padding-top: 1.6rem; }
    @media only screen and (max-width: 1314px) {
      .details p {
        font-size: 3rem;
        margin-bottom: 1.2rem;
        padding-top: 2.5rem;
        text-align: center; } }
    @media only screen and (max-width: 48em) {
      .details p {
        width: 294px; } }
  @media only screen and (max-width: 48em) and (min-width: 360px) {
    .details p {
      width: calc(294px + 187 * ((100vw - 360px) / 230)); } }
  @media only screen and (max-width: 48em) and (min-width: 590px) {
    .details p {
      width: 481px; } }
  .details__all-inputs {
    display: flex; }
    @media only screen and (max-width: 1314px) {
      .details__all-inputs {
        flex-direction: row;
        width: 100%; } }
    @media only screen and (max-width: 48em) {
      .details__all-inputs {
        flex-direction: column; } }
    .details__all-inputs input {
      text-align: center;
      font: normal normal 300 17px/39px Heebo;
      letter-spacing: 0px;
      color: var(--orange);
      background-color: inherit;
      border: 0;
      border-bottom: 0.1rem solid var(--orange);
      width: 33%; }
      .details__all-inputs input:not(:last-child) {
        margin-left: 2.5rem; }
      @media only screen and (max-width: 1314px) {
        .details__all-inputs input {
          width: 100%;
          margin-left: 0px; } }
      @media only screen and (max-width: 48em) {
        .details__all-inputs input:not(:last-child) {
          margin-bottom: 2.9rem; } }
      .details__all-inputs input:focus {
        background-color: initial;
        outline: none;
        border-color: initial; }
    .details__all-inputs::placeholder {
      text-align: center;
      font: normal normal 300 17px/39px Heebo;
      letter-spacing: 0px;
      color: var(--orange); }
  .details__checkbox {
    margin-top: 1rem;
    margin-bottom: 3.205rem;
    position: relative;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 1314px) {
      .details__checkbox {
        align-self: end;
        margin: 2rem 0 .5rem 0; } }
    .details__checkbox span {
      font: normal normal normal 14px/39px Heebo;
      letter-spacing: 0px;
      color: var(--orange); }
    .details__checkbox input {
      width: 2rem;
      height: 2rem;
      appearance: none;
      border: 2px solid var(--orange);
      background-color: transparent;
      opacity: 1;
      outline: none;
      margin-left: 1.3rem; }
      .details__checkbox input:checked::before {
        content: '\2713';
        display: block;
        text-align: center;
        color: var(--orange);
        position: absolute;
        font-size: 3.5rem;
        bottom: 6px;
        right: -1%; }
        @media only screen and (max-width: 1314px) {
          .details__checkbox input:checked::before {
            right: -3%; } }

.submit-button {
  z-index: 11; }
  @media only screen and (max-width: 1314px) {
    .submit-button {
      width: 100%;
      padding-right: 5rem;
      padding-left: 5rem; } }
  @media only screen and (max-width: 48em) {
    .submit-button {
      width: 80%;
      padding-right: 1rem;
      padding-left: 1rem; } }

.btn-form {
  width: 12.4rem;
  height: 10.8rem;
  text-align: center;
  font: normal normal 500 24px/26px Heebo;
  letter-spacing: 0px;
  margin-right: 1.9rem;
  margin-left: 3.4rem; }
  .btn-form:hover {
    background-color: var(--blue);
    color: var(--white); }
  @media only screen and (max-width: 1314px) {
    .btn-form {
      width: 100%;
      height: 4rem;
      margin: 0 0 2rem 0; } }
  @media only screen and (max-width: 48em) {
    .btn-form {
      height: 5.3rem; } }

.footer-scroll {
  background-color: var(--orange);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font: normal normal 300 15px/39px Heebo;
  letter-spacing: 0px;
  line-height: 3.5px;
  padding: 2rem 0 1rem 0; }

.contact-container {
  display: flex;
  text-align: center;
  font: normal normal 800 20px/35px Heebo;
  letter-spacing: -0.4px;
  width: 100%; }
  .contact-container__phone-us {
    width: 50%;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .4rem 0 .4rem 0; }
  .contact-container__contact-us {
    width: 50%;
    background-color: var(--blue);
    display: flex;
    justify-content: center;
    align-items: center; }
  .contact-container img {
    margin-left: .5rem; }

.side-margin-right {
  margin-right: 17.9rem; }
  .side-margin-right {
    margin-right: 50px; }
    @media screen and (min-width: 768px) {
      .side-margin-right {
        margin-right: calc(50px + 129 * ((100vw - 768px) / 1112)); } }
    @media screen and (min-width: 1880px) {
      .side-margin-right {
        margin-right: 179px; } }
  @media only screen and (max-width: 48em) {
    .side-margin-right {
      margin-right: 0; } }

.side-margin-left {
  margin-left: 17.9rem; }
  .side-margin-left {
    margin-left: 0px; }
    @media screen and (min-width: 1100px) {
      .side-margin-left {
        margin-left: calc(0px + 179 * ((100vw - 1100px) / 780)); } }
    @media screen and (min-width: 1880px) {
      .side-margin-left {
        margin-left: 179px; } }
  @media only screen and (max-width: 48em) {
    .side-margin-left {
      margin-left: 0; } }

@media only screen and (max-width: 48em) {
  .margin-top-200 {
    margin-top: 200px; } }
  @media only screen and (max-width: 48em) and (min-width: 360px) {
    .margin-top-200 {
      margin-top: calc(200px + -202 * ((100vw - 360px) / 408)); } }
  @media only screen and (max-width: 48em) and (min-width: 768px) {
    .margin-top-200 {
      margin-top: -2px; } }

.margin-right-62 {
  margin-right: 6.2rem; }
  .margin-right-62 {
    margin-right: 30px; }
    @media screen and (min-width: 768px) {
      .margin-right-62 {
        margin-right: calc(30px + 32 * ((100vw - 768px) / 1112)); } }
    @media screen and (min-width: 1880px) {
      .margin-right-62 {
        margin-right: 62px; } }

.margin-left-unset {
  margin-left: unset; }

@media only screen and (max-width: 48em) {
  .margin-right-unset-mobile {
    margin-right: unset; } }

@media only screen and (max-width: 48em) {
  .smaller-line-height {
    line-height: 36px; } }

.font-size-77 {
  line-height: 50px; }
  @media screen and (min-width: 768px) {
    .font-size-77 {
      line-height: calc(50px + 70 * ((100vw - 768px) / 1112)); } }
  @media screen and (min-width: 1880px) {
    .font-size-77 {
      line-height: 120px; } }

@media only screen and (max-width: 48em) {
  .font-size-77 {
    font-size: 7.7rem;
    line-height: 6.6rem; } }

@media only screen and (max-width: 48em) {
  .font-size-76 {
    font-size: 7.6rem;
    line-height: 6.6rem; } }

.small-margin-top {
  margin-top: 1.7rem; }
  @media only screen and (max-width: 48em) {
    .small-margin-top {
      margin-top: 3px; } }
  @media only screen and (max-width: 48em) and (min-width: 360px) {
    .small-margin-top {
      margin-top: calc(3px + 10 * ((100vw - 360px) / 408)); } }
  @media only screen and (max-width: 48em) and (min-width: 768px) {
    .small-margin-top {
      margin-top: 13px; } }

.smaller-width {
  width: 307px; }
  @media screen and (min-width: 100px) {
    .smaller-width {
      width: calc(307px + 151 * ((100vw - 100px) / 1780)); } }
  @media screen and (min-width: 1880px) {
    .smaller-width {
      width: 458px; } }

@media only screen and (max-width: 48em) {
  .font-size-30 {
    font-size: 3rem; } }

@media only screen and (max-width: 48em) {
  .width-100 {
    width: 100%; } }

@media only screen and (max-width: 48em) {
  .line-height-35 {
    line-height: 35px; } }

.last-part-text .width-second-part-function {
  width: 200px; }
  @media screen and (min-width: 768px) {
    .last-part-text .width-second-part-function {
      width: calc(200px + 197 * ((100vw - 768px) / 1112)); } }
  @media screen and (min-width: 1880px) {
    .last-part-text .width-second-part-function {
      width: 397px; } }

@media only screen and (max-width: 48em) {
  .last-part-text .width-second-part-function {
    width: 31.8rem; } }

.last-part-text__list {
  border-top: 0.2rem solid var(--white);
  margin-top: 4.25rem;
  padding-top: 5.25rem;
  max-width: 41.8rem; }
  .last-part-text__list {
    padding-top: 25px; }
    @media screen and (min-width: 768px) {
      .last-part-text__list {
        padding-top: calc(25px + 27.5 * ((100vw - 768px) / 1112)); } }
    @media screen and (min-width: 1880px) {
      .last-part-text__list {
        padding-top: 52.5px; } }
  .last-part-text__list {
    margin-top: 25px; }
    @media screen and (min-width: 768px) {
      .last-part-text__list {
        margin-top: calc(25px + 17.5 * ((100vw - 768px) / 1112)); } }
    @media screen and (min-width: 1880px) {
      .last-part-text__list {
        margin-top: 42.5px; } }
  @media only screen and (max-width: 877px) {
    .last-part-text__list {
      width: 23rem; } }
  @media only screen and (max-width: 48em) {
    .last-part-text__list {
      border-top: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 0;
      padding-top: 2.5rem;
      width: 100%; } }
  .last-part-text__list__main {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 877px) {
      .last-part-text__list__main {
        padding-bottom: 1.771rem; } }
    @media only screen and (max-width: 48em) {
      .last-part-text__list__main {
        width: 100%; } }
    .last-part-text__list__main__icon-and-text {
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .last-part-text__list__main__icon-and-text {
          flex: 1;
          justify-content: center; } }
      .last-part-text__list__main__icon-and-text img {
        width: 44.3px;
        margin-left: 2.6rem; }
        @media only screen and (max-width: 48em) {
          .last-part-text__list__main__icon-and-text img {
            margin-left: 1.25rem; } }
      .last-part-text__list__main__icon-and-text span {
        text-align: right;
        font: normal normal 300 23px/69px Heebo;
        letter-spacing: 0px;
        color: var(--white); }
        .last-part-text__list__main__icon-and-text span {
          font-size: 15px; }
          @media screen and (min-width: 768px) {
            .last-part-text__list__main__icon-and-text span {
              font-size: calc(15px + 8 * ((100vw - 768px) / 1112)); } }
          @media screen and (min-width: 1880px) {
            .last-part-text__list__main__icon-and-text span {
              font-size: 23px; } }
        @media only screen and (max-width: 877px) {
          .last-part-text__list__main__icon-and-text span {
            line-height: 2rem; } }
        @media only screen and (max-width: 48em) {
          .last-part-text__list__main__icon-and-text span {
            line-height: 2rem;
            width: 13rem; } }
    .last-part-text__list__main__right {
      display: none; }
      @media only screen and (max-width: 48em) {
        .last-part-text__list__main__right {
          display: flex;
          padding-right: 2rem; } }
    .last-part-text__list__main__left {
      display: none; }
      @media only screen and (max-width: 48em) {
        .last-part-text__list__main__left {
          display: flex;
          padding-left: 2rem; } }

@media only screen and (max-width: 48em) {
  .last-part-text .benefit-block {
    display: none; } }

.last-part-text .benefit-block-active {
  display: flex; }

.margin-bottom-221-include-mobile {
  margin-bottom: 22.1rem; }

@media only screen and (max-width: 48em) {
  .margin-top-216 {
    margin-top: 21.6rem; } }

.years-mobile {
  display: none;
  position: relative; }
  @media only screen and (max-width: 48em) {
    .years-mobile {
      display: flex; } }
  .years-mobile__text p {
    position: absolute;
    top: 50%;
    left: 49%;
    transform: translate(-50%, -50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; }
    .years-mobile__text p {
      letter-spacing: -7px; }
      @media screen and (min-width: 768px) {
        .years-mobile__text p {
          letter-spacing: calc(-7px + -7.5 * ((100vw - 768px) / 1082)); } }
      @media screen and (min-width: 1850px) {
        .years-mobile__text p {
          letter-spacing: -14.5px; } }

.display-form {
  background-color: var(--orange); }
  .display-form .mobile-image-container, .display-form .all-text, .display-form .main-img, .display-form .all-text, .display-form .footer-scroll {
    display: none; }
  .display-form .left-side-container {
    display: flex; }
  .display-form .left-side-container {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: unset;
    margin-right: unset;
    width: 100%; }
  .display-form .form-container {
    width: 100%;
    height: 80vh;
    margin-top: 1rem; }
  .display-form .close-icon {
    display: block; }
  .display-form .form-container-wrapper {
    margin-top: 1rem; }
  .display-form #contact-us-form {
    margin-top: 3.5rem; }

.close-icon {
  float: left;
  display: none;
  margin-bottom: .5rem; }

.close-container {
  position: absolute;
  height: 100%; }

.form-container-image-mobile {
  width: 100%;
  height: 100%; }
  @media only screen and (max-width: 48em) {
    .form-container-image-mobile {
      height: 90%; } }

@media only screen and (max-width: 48em) {
  .wpcf7 {
    padding-top: 10%; } }

@media only screen and (max-width: 48em) {
  .close-container {
    width: 100%; } }

.icons-list-desktop,
.icons-list-mobile {
  display: flex;
  align-items: center;
  margin-top: 2rem; }
  .icons-list-desktop li:not(:last-child),
  .icons-list-mobile li:not(:last-child) {
    margin-left: 2.636rem; }
  .icons-list-desktop li:first-child,
  .icons-list-mobile li:first-child {
    margin-right: -.7rem; }

.icons-list-desktop li:hover {
  transform: scale(1.1); }

@media only screen and (max-width: 48em) {
  .icons-list-desktop {
    display: none; } }

.icons-list-mobile {
  display: none; }
  @media only screen and (max-width: 48em) {
    .icons-list-mobile {
      display: flex; } }

.second-part-image {
  display: none; }

.second-section-text {
  display: none; }

.info-container {
  display: flex; }
  @media only screen and (max-width: 48em) {
    .info-container {
      display: none; } }

.phone-element {
  text-decoration: none;
  color: #E84926; }

.margin-top-10 {
  margin-top: 1rem; }

.margin-top-unset {
  margin-top: unset; }

@media only screen and (max-width: 48em) {
  .margin-top-unset-mobile {
    margin-top: unset; } }

.margin-top-12 {
  margin-top: 1.2rem; }

.margin-top-90 {
  margin-top: 9rem; }
  @media only screen and (max-height: 880px) {
    .margin-top-90 {
      margin-top: unset; } }

.width-266 {
  width: 26.6rem; }

@media only screen and (max-width: 48em) {
  .margin-top-9 {
    margin-top: -.9rem; } }

@media only screen and (max-width: 48em) {
  .font-16 {
    font-size: 1.6rem; } }

@media only screen and (max-width: 48em) {
  .font-15 {
    font-size: 1.5rem; } }

.cross-axis-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%; }

@media only screen and (max-width: 48em) {
  .hide-mobile {
    display: none; } }

@media only screen and (max-width: 48em) {
  .margin-top-mobile-191-function {
    margin-top: 26px; } }
  @media only screen and (max-width: 48em) and (min-width: 360px) {
    .margin-top-mobile-191-function {
      margin-top: calc(26px + 180 * ((100vw - 360px) / 408)); } }
  @media only screen and (max-width: 48em) and (min-width: 768px) {
    .margin-top-mobile-191-function {
      margin-top: 206px; } }

.marin-top-60-to-90 {
  margin-top: 6rem; }
  .marin-top-60-to-90 {
    margin-top: 95px; }
    @media screen and (min-width: 848px) {
      .marin-top-60-to-90 {
        margin-top: calc(95px + -35 * ((100vw - 848px) / 1032)); } }
    @media screen and (min-width: 1880px) {
      .marin-top-60-to-90 {
        margin-top: 60px; } }

.padding-25 {
  padding: 25px; }

.play-desktop {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.play-mobile {
  display: none; }
  @media only screen and (max-width: 48em) {
    .play-mobile {
      top: 50%;
      left: 50%;
      transform: translate(-50%, 0%);
      display: unset;
      width: auto !important;
      position: absolute; } }