/* Futura PT */
@font-face {
  font-family: "Futura PT";
  src: url("/assets/fonts/FuturaPT-Light.woff2") format("woff2"), url("/assets/fonts/FuturaPT-Light.woff") format("woff"), url("/assets/fonts/FuturaPT-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("/assets/fonts/FuturaPT-Medium.woff2") format("woff2"), url("/assets/fonts/FuturaPT-Medium.woff") format("woff"), url("/assets/fonts/FuturaPT-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("/assets/fonts/FuturaPT-SemiBold.woff2") format("woff2"), url("/assets/fonts/FuturaPT-SemiBold.woff") format("woff"), url("/assets/fonts/FuturaPT-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("/assets/fonts/FuturaPT-Bold.woff2") format("woff2"), url("/assets/fonts/FuturaPT-Bold.woff") format("woff"), url("/assets/fonts/FuturaPT-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Attentica 4F";
  src: url("/assets/fonts/Attentica-4F-UltraLight.woff2") format("woff2"), url("/assets/fonts/Attentica-4F-UltraLight.woff") format("woff"), url("/assets/fonts/Attentica-4F-UltraLight.ttf") format("truetype");
  font-weight: 250;
  font-style: normal;
  font-display: swap;
}
/*
   Colors
   ========================================================================== */
/*
   Times
   ========================================================================== */
/*
   Adaptive breakpoints
   ========================================================================== */
/*
   Sizes
   ========================================================================== */
.cf:before,
.clearfix:before,
.cf:after,
.clearfix:after {
  content: "";
  display: table;
}
.cf:after,
.clearfix:after {
  clear: both;
}
@supports not (border-image-width: 1) {
}
#mocha a {
  text-decoration: none;
  -o-border-image: none;
     border-image: none;
  border-bottom: none;
}
#mocha {
  margin: 0 !important;
  padding: 1em;
  border-top: 0.1em solid #000;
  flex: none;
}
#mocha a {
  text-decoration: none;
}
@media only screen and (max-width: 479px) {
  html.new-styles-once {
    font-size: 16px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  html.new-styles-once {
    font-size: calc(16px + (100vw - 479px) * 0);
  }
}
@media only screen and (min-width: 768px) {
  html.new-styles-once {
    font-size: calc(16px + (100vw - 767px) * -0.014);
  }
}
@media only screen and (min-width: 1576px) {
  html.new-styles-once {
    font-size: 16px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 479px) {
  html.new-styles-once {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 480px) and (max-width: 767px) {
  html.new-styles-once {
    font-size: calc(16px + (100vw - 479px) * 0);
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  html.new-styles-once {
    font-size: calc(16px + (100vw - 767px) * -0.008);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 479px) {
  html.new-styles-once {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 480px) and (max-width: 1023px) {
  html.new-styles-once {
    font-size: calc(16px + (100vw - 479px) * -0.015);
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  html.new-styles-once {
    font-size: calc(8px + (100vw - 1023px) * 0.002);
  }
}
@media only screen and (min-width: 1440px) and (max-width: 479px) {
  html.new-styles-once {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1440px) and (min-width: 480px) and (max-width: 1439px) {
  html.new-styles-once {
    font-size: calc(16px + (100vw - 479px) * -0.006);
  }
}
@media only screen and (min-width: 1440px) and (min-width: 1440px) {
  html.new-styles-once {
    font-size: calc(10px + (100vw - 1439px) * 0.004);
  }
}
.new-styles a {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s;
  text-underline-position: under;
}
.new-styles a[role="button"] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.new-styles a:not([class]) {
  color: #02edea;
}
.new-styles .button {
  text-underline-position: under;
}
.new-styles p {
  margin-top: 0;
}
.new-styles ol {
  list-style-type: none;
  margin: 1em 0 2em;
  padding: 0;
}
.new-styles ol li {
  margin: 0.3em 0;
}
.new-styles ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.new-styles ul li {
  position: relative;
  padding-left: 0.666666666666667rem;
}
.new-styles ul li:last-child {
  margin-bottom: 0;
}
.new-styles ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.722222222222222rem;
  width: 1.111111111111111rem;
  height: 1.111111111111111rem;
  font-size: 0;
  border-radius: 50%;
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
  background-color: #02edea;
}
.new-styles ul ol > li::before {
  display: inline;
  background: none;
  -webkit-transform: none;
          transform: none;
}
.new-styles ol {
  counter-reset: ol-level-1;
}
.new-styles ol li {
  position: relative;
}
.new-styles ol > li {
  counter-increment: ol-level-1;
}
.new-styles ol > li::before {
  content: counter(ol-level-1) ". ";
  display: inline;
}
.new-styles ol > li > ol {
  counter-reset: ol-level-2;
}
.new-styles ol > li > ol > li {
  counter-increment: ol-level-2;
  margin-left: 1.8em;
}
.new-styles ol > li > ol > li::before {
  content: counter(ol-level-1) "." counter(ol-level-2) ". ";
}
.new-styles ol > li > ol > li > ol {
  counter-reset: ol-level-3;
}
.new-styles ol > li > ol > li > ol > li {
  counter-increment: ol-level-3;
  margin-left: 2.7em;
}
.new-styles ol > li > ol > li > ol > li::before {
  content: counter(ol-level-1) "." counter(ol-level-2) "." counter(ol-level-3) ". ";
}
.new-styles blockquote {
  margin: 1em 0;
  padding: 0.5em 0 0.5em 2em;
  border-left: 2px solid currentColor;
}
.new-styles dl {
  margin: 1em 0;
}
.new-styles dt {
  margin-bottom: 0.5em;
}
.new-styles dd {
  margin-bottom: 1.2em;
  font-style: italic;
}
.new-styles pre {
  overflow: auto;
  white-space: pre-wrap;
}
.new-styles sup {
  display: inline-block;
  text-decoration: none;
}
.new-styles .some-text,
.new-styles .default-text {
  ul: ,;
}
.new-styles .some-text ol:last-child,
.new-styles .default-text ol:last-child {
  margin-bottom: 0;
}
.new-styles .unstyled-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.new-styles .unstyled-list > * {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
}
.new-styles .unstyled-list > *::before {
  content: none;
}
.new-styles .default-color {
  color: #000;
}
.new-styles .nowrap {
  white-space: nowrap;
}
.new-styles .dots {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: 4;
/* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  min-height: 2.222222222222222rem;
}
.new-styles .dots > p,
.new-styles .dots > ul,
.new-styles .dots > div {
  position: relative;
  z-index: 10;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.new-styles .uppercase {
  text-transform: uppercase;
}
.new-styles .g-hidden {
  display: none !important;
}
.new-styles .g-hidden--soft {
  display: none;
}
.new-styles .g-vam {
  display: inline-block;
  vertical-align: middle;
}
.new-styles .g-tac {
  text-align: center;
}
.new-styles .g-relative {
  position: relative;
}
.new-styles .g-nobr {
  white-space: nowrap;
}
.new-styles hr {
  margin: 2rem 0;
  border: 0;
  height: 1px;
  background-color: #ccc;
}
.new-styles figure {
  margin: 1em 0;
  text-align: center;
}
.new-styles figcaption {
  margin-top: 1em;
  font-size: 0.9em;
}
.new-styles img {
  max-width: 100%;
  height: auto;
  word-break: break-word;
}
.new-styles .visually-hidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.new-styles #svg-container {
  position: absolute;
  z-index: -1;
  visibility: hidden;
}
.new-styles .js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}
.new-styles .swiper-container:not(.swiper-container-initialized) {
  overflow: hidden;
}
.new-styles .swiper-wrapper {
  display: flex;
  box-sizing: border-box;
  height: auto;
}
.new-styles .swiper-wrapper .swiper-slide {
  flex-shrink: 0;
}
.new-styles .js-padding {
  padding-top: 7.555555555555555rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .js-padding {
    padding-top: 7.555555555555555rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .js-padding {
    padding-top: 12.444444444444445rem;
  }
}
.new-styles .l-wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.new-styles .l-wrapper--visible {
  overflow: visible;
}
.new-styles .l-wrapper[data-sticky] {
  overflow: visible;
}
.new-styles .l-wrapper.is-abs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.new-styles .l-content {
  display: flex;
  flex: 1 0 auto;
  z-index: 0;
}
.new-styles .l-content--100vh {
  min-height: 100vh;
}
.new-styles .l-header,
.new-styles .l-footer {
  display: block;
  flex: none;
}
.new-styles .l-footer {
  overflow: visible;
}
.new-styles .l-container {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  width: 89.33333333333333vw;
}
@media only screen and (min-width: 768px) {
  .new-styles .l-container {
    width: 93.75vw;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .l-container {
    width: 88.88888888888889vw;
  }
}
@media only screen and (min-width: 1920px) {
  .new-styles .l-container {
    max-width: 1920px;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .l-mob-wide-container {
    width: 100%;
    padding-left: 6.269592476489027vw;
    padding-right: 6.269592476489027vw;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .l-short-container {
    width: 38.59375%;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .l-padding-column {
    padding-left: 7.570977917981073%;
    padding-right: 7.570977917981073%;
  }
}
.new-styles .l-container-dynamic {
  margin: 0 auto;
  position: relative;
  max-width: 89.33333333333333vw;
}
@media only screen and (min-width: 768px) {
  .new-styles .l-container-dynamic {
    max-width: 93.75vw;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .l-container-dynamic {
    max-width: 88.88888888888889vw;
  }
}
.new-styles .l-extra-container {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  width: 100vw;
}
@media only screen and (min-width: 768px) {
  .new-styles .l-extra-container {
    width: 100vw;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .l-extra-container {
    width: 100vw;
  }
}
.new-styles .l-inner-container {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  width: 89.33333333333333vw;
}
@media only screen and (min-width: 768px) {
  .new-styles .l-inner-container {
    width: 93.75vw;
  }
}
@media only screen and (min-width: 1280px) {
  .new-styles .l-inner-container {
    width: 0;
  }
}
.new-styles .l-outer-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media only screen and (min-width: 1920px) {
  .new-styles .l-outer-container {
    max-width: 1920px;
  }
}
.new-styles .l-footer-container {
  position: relative;
  max-width: 100%;
  margin: auto;
  width: 89.33333333333333vw;
}
@media only screen and (min-width: 768px) {
  .new-styles .l-footer-container {
    width: 93.75vw;
  }
}
@media only screen and (min-width: 1280px) {
  .new-styles .l-footer-container {
    width: 88.88888888888889vw;
  }
}
.new-styles .l-text-container {
  margin: auto;
  padding: 1.5em 0;
}
.new-styles {
  box-sizing: border-box;
}
.new-styles .page-header,
.new-styles .page-footer,
.new-styles .main-menu,
.new-styles .disclaimer {
  box-sizing: inherit;
}
.new-styles .page-header *,
.new-styles .page-footer *,
.new-styles .main-menu *,
.new-styles .disclaimer *,
.new-styles .page-header *::after,
.new-styles .page-footer *::after,
.new-styles .main-menu *::after,
.new-styles .disclaimer *::after,
.new-styles .page-header *::before,
.new-styles .page-footer *::before,
.new-styles .main-menu *::before,
.new-styles .disclaimer *::before,
.new-styles .page-header input[type="search"],
.new-styles .page-footer input[type="search"],
.new-styles .main-menu input[type="search"],
.new-styles .disclaimer input[type="search"] {
  box-sizing: inherit;
}
.new-styles .page__main {
  position: relative;
  display: flex;
  flex-direction: column;
  color: #fff;
  background-color: #010b4c;
}
.new-styles .page__main sup {
  top: 0.888888888888889rem;
  font-size: 1.111111111111111rem;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .new-styles .page__main sup {
    font-size: 1.333333333333333rem;
  }
}
.new-styles .page__main .reg {
  font-size: 0.5em;
  left: -0.1em;
}
.new-styles .page__main .asterisk {
  position: relative;
  top: 0;
  font-size: 0.8em;
  vertical-align: top;
}
.new-styles .page__section-grow {
  flex-grow: 1;
}
.new-styles .page__sections-wrapper {
  position: relative;
}
.new-styles .page__sections-overflow {
  overflow: hidden;
}
.new-styles .page__accordion-content {
  display: none;
  transition: height 0.3s ease-in;
  overflow: hidden;
}
.new-styles .page__icon-wrapper {
  flex-shrink: 0;
}
.new-styles .page__accordion-icon {
  transition: all 0.3s;
  flex-shrink: 0;
}
.new-styles .page .js-accordion-item--clamp.js-accordion-item--open-ready li small,
.new-styles .page .js-accordion-item--clamp.js-accordion-item--active li small {
  -webkit-line-clamp: initial;
  display: inline;
}
.new-styles .page .js-accordion-item--open-ready .page__accordion-content:not(.js-accordion-content--child),
.new-styles .page .js-accordion-item--active .page__accordion-content:not(.js-accordion-content--child) {
  display: block;
}
.new-styles .page .js-accordion-item--open-ready .page__accordion-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.new-styles .page .js-accordion-item--active .page__accordion-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.new-styles .page .js-accordion-item--active.js-accordion-item--close-ready .page__accordion-icon,
.new-styles .page .js-accordion-item--close-ready .page__accordion-icon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.new-styles .page .js-accordion-item--open-ready .page__accordion-content,
.new-styles .page .js-accordion-item--close-ready .page__accordion-content,
.new-styles .page .js-accordion-item--active .page__accordion-content {
  height: auto;
}
.new-styles .page .js-accordion-item--open-ready .icon-plus,
.new-styles .page .js-accordion-item--active .icon-plus {
  opacity: 0;
}
.new-styles .page .js-accordion-item--open-ready .icon-minus,
.new-styles .page .js-accordion-item--active .icon-minus {
  opacity: 1;
}
.new-styles .page .js-accordion-item--close-ready .icon-plus {
  opacity: 1;
}
.new-styles .page .js-accordion-item--close-ready .icon-minus {
  opacity: 0;
}
.new-styles .page .js-accordion-item--open-ready .icon-vert,
.new-styles .page .js-accordion-item--active .icon-vert {
  opacity: 0;
}
.new-styles .page .js-accordion-item--close-ready .icon-vert {
  opacity: 1;
}
.new-styles .page .js-tab-content:not(.js-tab-content--active) {
  transition: all 0.5s;
  display: none;
}
.new-styles .page .js-tab-content:not(.js-tab-content--active).js-tab-content--active.js-content-show,
.new-styles .page .js-tab-content:not(.js-tab-content--active).js-tab-content--active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.new-styles .page .js-tab-content:not(.js-tab-content--active).js-content-hide {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.new-styles .page .js-tab-content:not(.js-tab-content--active).js-content-show {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.fadeIn {
  opacity: 0;
}
.fadeIn.js-anim--show {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
.fadeIn--d-02 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.fadeIn--d-04 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.fadeIn--d-06 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.fadeInUp {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
.fadeInUp.js-anim--show {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
.fadeInUpMini {
  opacity: 0;
  -webkit-transform: translate3d(0, 36px, 0) scale(0.85);
          transform: translate3d(0, 36px, 0) scale(0.85);
}
.fadeInUpMini.js-anim--show {
  -webkit-animation-name: fadeInUpMini;
          animation-name: fadeInUpMini;
}
.fadeInLeft {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.fadeInLeft.js-anim--show {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}
.fadeInLeft--d-03 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.fadeInRight {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.fadeInRight.js-anim--show {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}
.fadeInRight--d-03 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.fadeInScale {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.fadeInScale.js-anim--show {
  -webkit-animation-name: fadeInScale;
          animation-name: fadeInScale;
}
.fadeInScale--05 {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.fadeInScale--05.js-anim--show {
  -webkit-animation-name: fadeInScale--05;
          animation-name: fadeInScale--05;
}
.js-anim--show {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
:root {
  --main-color: #02edea;
  --extra-color: #114697;
}
/* ||||||||||||||||| */
.new-styles .burger {
  cursor: pointer;
}
.new-styles .burger__line {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  transition: all 0.3s;
}
.new-styles .burger__line--1 {
  -webkit-transform: rotate(0) translate(0, 0);
          transform: rotate(0) translate(0, 0);
}
.new-styles .burger__line--3 {
  -webkit-transform: rotate(0) translate(0, 0);
          transform: rotate(0) translate(0, 0);
}
@media only screen and (max-width: 766px) {
  .new-styles .burger__line--1 {
    -webkit-transform: rotate(0) translate(0, 0);
            transform: rotate(0) translate(0, 0);
  }
  .new-styles .burger__line--3 {
    -webkit-transform: rotate(0) translate(0, 0);
            transform: rotate(0) translate(0, 0);
  }
}
.new-styles .burger.is-active .new-styles__line--1 {
  -webkit-transform: translate(-29%, 29%) rotate(45deg);
          transform: translate(-29%, 29%) rotate(45deg);
}
.new-styles .burger.is-active .new-styles__line--2 {
  opacity: 0;
}
.new-styles .burger.is-active .new-styles__line--3 {
  -webkit-transform: translate(-30%, -30%) rotate(-45deg);
          transform: translate(-30%, -30%) rotate(-45deg);
}
.new-styles .button,
.new-styles button {
  display: inline-block;
  flex-shrink: 0;
  background-color: transparent;
  transition: all 0.3s;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.new-styles .button:hover,
.new-styles button:hover {
  -o-border-image: none;
     border-image: none;
}
.new-styles .button--full-block {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-styles .button--main-color,
.new-styles .button--white-stroke {
  color: #000;
}
.new-styles .buttons {
  margin-left: -0.888888888888889rem;
  margin-top: -0.888888888888889rem;
}
.new-styles .buttons--row {
  display: flex;
  flex-wrap: wrap;
}
.new-styles .buttons--center {
  justify-content: center;
}
.new-styles .buttons--between {
  justify-content: space-between;
  margin-left: 0;
}
.new-styles .buttons .button {
  margin-left: 0.888888888888889rem;
  margin-top: 0.888888888888889rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .new-styles .buttons--row {
    margin-left: -1.777777777777778rem;
  }
  .new-styles .buttons--row .button {
    margin-left: 1.777777777777778rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .buttons--row {
    margin-left: -1.777777777777778rem;
  }
  .new-styles .buttons--row .button {
    margin-left: 1.777777777777778rem;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .buttons--row .button--grow-mob {
    width: 40%;
    flex-grow: 1;
  }
  .new-styles .buttons--row-mob {
    margin-left: -0.888888888888889rem;
  }
  .new-styles .buttons--row-mob .button {
    margin-left: 0.888888888888889rem;
  }
  .new-styles .buttons--between-mob {
    justify-content: space-between;
    margin-left: 0;
  }
  .new-styles .buttons--between-mob .button {
    margin-left: 0;
  }
}
.new-styles .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  background-color: transparent;
  border: 0;
  padding: 0;
  text-align: center;
  line-height: 1;
  transition: all 0.3s;
}
.new-styles .button--layer {
  font-weight: 800;
  border-radius: 7.111111111111111rem;
}
.new-styles .button--layer::before {
  border-radius: 7.111111111111111rem;
}
.new-styles .button--stroke {
  font-weight: 800;
}
.new-styles .button--right {
  justify-content: flex-end;
}
.new-styles .button--pointer {
  pointer-events: auto;
  cursor: pointer;
}
.new-styles .button--main-color {
/* Внутренняя тень для эффекта объема */
  background: url("/media/images/bg-button@2x.png") padding-box, linear-gradient(rgba(2,237,234,0.5), rgba(2,237,234,0.5)) border-box, linear-gradient(255deg, transparent 10%, #fff 50%, transparent 80%) border-box, linear-gradient(105deg, transparent 10%, #fff 50%, transparent 80%) border-box, linear-gradient(255deg, transparent 10%, #fff 50%, transparent 80%) border-box, linear-gradient(105deg, transparent 10%, #fff 50%, transparent 80%) border-box;
  background-repeat: no-repeat;
  color: #114697;
  overflow: hidden;
  border: 1px solid transparent;
  background-size: cover, 100% 100%, 4.8rem 4.8rem, 4.8rem 4.8rem, 4.8rem 4.8rem, 4.8rem 4.8rem;
  background-position: center center, center center, left top, right top, right bottom, left bottom;
}
.new-styles .button--main-color span {
  position: relative;
  z-index: 1;
}
.new-styles .button--main-color::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  transition: opacity 0.3s;
  opacity: 0;
  background: url("/media/images/bg-button@2x.png") padding-box, linear-gradient(rgba(2,237,234,0.5), rgba(2,237,234,0.5)) border-box, linear-gradient(255deg, transparent 10%, #fff 50%, transparent 80%) border-box, linear-gradient(105deg, transparent 10%, #fff 50%, transparent 80%) border-box, linear-gradient(255deg, transparent 10%, #fff 50%, transparent 80%) border-box, linear-gradient(105deg, transparent 10%, #fff 50%, transparent 80%) border-box;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover, 100% 100%, 4.8rem 4.8rem, 4.8rem 4.8rem, 4.8rem 4.8rem, 4.8rem 4.8rem;
  background-position: center center, center center, left top, right top, right bottom, left bottom;
}
.new-styles .button--main-color:active::before {
  opacity: 1;
  border-color: rgba(2,237,234,0.5);
}
@media (any-hover: hover) {
  .new-styles .button--main-color:hover::before {
    opacity: 1;
  }
}
.new-styles .button--white-stroke {
/* Внутренняя тень для эффекта объема */
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTYzIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMTYzIDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjQgMC41SDEzOUMxNTEuOTc5IDAuNSAxNjIuNSAxMS4wMjEzIDE2Mi41IDI0QzE2Mi41IDM2Ljk3ODcgMTUxLjk3OSA0Ny41IDEzOSA0Ny41SDI0QzExLjAyMTMgNDcuNSAwLjUgMzYuOTc4NyAwLjUgMjRDMC41IDExLjAyMTMgMTEuMDIxMyAwLjUgMjQgMC41WiIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9yYWRpYWxfNDAyOV81NDAyKSIvPgo8cGF0aCBkPSJNMjQgMC41SDEzOUMxNTEuOTc5IDAuNSAxNjIuNSAxMS4wMjEzIDE2Mi41IDI0QzE2Mi41IDM2Ljk3ODcgMTUxLjk3OSA0Ny41IDEzOSA0Ny41SDI0QzExLjAyMTMgNDcuNSAwLjUgMzYuOTc4NyAwLjUgMjRDMC41IDExLjAyMTMgMTEuMDIxMyAwLjUgMjQgMC41WiIgc3Ryb2tlPSJ1cmwoI3BhaW50MV9yYWRpYWxfNDAyOV81NDAyKSIvPgo8cGF0aCBkPSJNMjQgMC41SDEzOUMxNTEuOTc5IDAuNSAxNjIuNSAxMS4wMjEzIDE2Mi41IDI0QzE2Mi41IDM2Ljk3ODcgMTUxLjk3OSA0Ny41IDEzOSA0Ny41SDI0QzExLjAyMTMgNDcuNSAwLjUgMzYuOTc4NyAwLjUgMjRDMC41IDExLjAyMTMgMTEuMDIxMyAwLjUgMjQgMC41WiIgc3Ryb2tlPSJ1cmwoI3BhaW50Ml9yYWRpYWxfNDAyOV81NDAyKSIvPgo8cGF0aCBkPSJNMjQgMC41SDEzOUMxNTEuOTc5IDAuNSAxNjIuNSAxMS4wMjEzIDE2Mi41IDI0QzE2Mi41IDM2Ljk3ODcgMTUxLjk3OSA0Ny41IDEzOSA0Ny41SDI0QzExLjAyMTMgNDcuNSAwLjUgMzYuOTc4NyAwLjUgMjRDMC41IDExLjAyMTMgMTEuMDIxMyAwLjUgMjQgMC41WiIgc3Ryb2tlPSJ1cmwoI3BhaW50M19yYWRpYWxfNDAyOV81NDAyKSIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzQwMjlfNTQwMiIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDc3Ljc2NzIgMTAuMTA1MyAtMi44ODc0OCAyMi45MDA4IDI2LjEyOTggNi45NDczNykiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQxX3JhZGlhbF80MDI5XzU0MDIiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg2Ny4xOTA4IC0zNi42MzE2IDEwLjQ2NzEgMTkuNzg2MyAxOC4wNDIgNTguMTA1MykiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQyX3JhZGlhbF80MDI5XzU0MDIiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtNTcuODU4OCAxMy44OTQ3IC0zLjk3MDI4IC0xNy4wMzgyIDE0My4wOTIgNy41Nzg5NSkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQzX3JhZGlhbF80MDI5XzU0MDIiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtNjQuMDgwMiAtMzQuMTA1MyA5Ljc0NTI0IC0xOC44NzAyIDE0OS4zMTMgNTUuNTc5KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K") padding-box;
  color: #fff;
  overflow: hidden;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.new-styles .button--white-stroke span {
  position: relative;
  z-index: 1;
}
.new-styles .button--white-stroke::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTYzIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMTYzIDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjQgMC41SDEzOUMxNTEuOTc5IDAuNSAxNjIuNSAxMS4wMjEzIDE2Mi41IDI0QzE2Mi41IDM2Ljk3ODcgMTUxLjk3OSA0Ny41IDEzOSA0Ny41SDI0QzExLjAyMTMgNDcuNSAwLjUgMzYuOTc4NyAwLjUgMjRDMC41IDExLjAyMTMgMTEuMDIxMyAwLjUgMjQgMC41WiIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9yYWRpYWxfNDAyOV81NDAyKSIvPgo8cGF0aCBkPSJNMjQgMC41SDEzOUMxNTEuOTc5IDAuNSAxNjIuNSAxMS4wMjEzIDE2Mi41IDI0QzE2Mi41IDM2Ljk3ODcgMTUxLjk3OSA0Ny41IDEzOSA0Ny41SDI0QzExLjAyMTMgNDcuNSAwLjUgMzYuOTc4NyAwLjUgMjRDMC41IDExLjAyMTMgMTEuMDIxMyAwLjUgMjQgMC41WiIgc3Ryb2tlPSJ1cmwoI3BhaW50MV9yYWRpYWxfNDAyOV81NDAyKSIvPgo8cGF0aCBkPSJNMjQgMC41SDEzOUMxNTEuOTc5IDAuNSAxNjIuNSAxMS4wMjEzIDE2Mi41IDI0QzE2Mi41IDM2Ljk3ODcgMTUxLjk3OSA0Ny41IDEzOSA0Ny41SDI0QzExLjAyMTMgNDcuNSAwLjUgMzYuOTc4NyAwLjUgMjRDMC41IDExLjAyMTMgMTEuMDIxMyAwLjUgMjQgMC41WiIgc3Ryb2tlPSJ1cmwoI3BhaW50Ml9yYWRpYWxfNDAyOV81NDAyKSIvPgo8cGF0aCBkPSJNMjQgMC41SDEzOUMxNTEuOTc5IDAuNSAxNjIuNSAxMS4wMjEzIDE2Mi41IDI0QzE2Mi41IDM2Ljk3ODcgMTUxLjk3OSA0Ny41IDEzOSA0Ny41SDI0QzExLjAyMTMgNDcuNSAwLjUgMzYuOTc4NyAwLjUgMjRDMC41IDExLjAyMTMgMTEuMDIxMyAwLjUgMjQgMC41WiIgc3Ryb2tlPSJ1cmwoI3BhaW50M19yYWRpYWxfNDAyOV81NDAyKSIvPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzQwMjlfNTQwMiIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDc3Ljc2NzIgMTAuMTA1MyAtMi44ODc0OCAyMi45MDA4IDI2LjEyOTggNi45NDczNykiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQxX3JhZGlhbF80MDI5XzU0MDIiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg2Ny4xOTA4IC0zNi42MzE2IDEwLjQ2NzEgMTkuNzg2MyAxOC4wNDIgNTguMTA1MykiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQyX3JhZGlhbF80MDI5XzU0MDIiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtNTcuODU4OCAxMy44OTQ3IC0zLjk3MDI4IC0xNy4wMzgyIDE0My4wOTIgNy41Nzg5NSkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQzX3JhZGlhbF80MDI5XzU0MDIiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtNjQuMDgwMiAtMzQuMTA1MyA5Ljc0NTI0IC0xOC44NzAyIDE0OS4zMTMgNTUuNTc5KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K") padding-box, url("/media/images/bg-button@2x.png") padding-box;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: opacity 0.3s;
}
.new-styles .button--white-stroke:active {
  color: #114697;
}
.new-styles .button--white-stroke:active::before {
  opacity: 1;
}
@media (any-hover: hover) {
  .new-styles .button--white-stroke:hover {
    color: #114697;
  }
  .new-styles .button--white-stroke:hover::before {
    opacity: 1;
  }
}
.new-styles .button--white-stroke-round {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iLTAuNjY2NjY3IiB5PSIwLjY2NjY2NyIgd2lkdGg9IjYyLjY2NjciIGhlaWdodD0iNjIuNjY2NyIgcng9IjMxLjMzMzMiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDYyLjY2NjcgMCkiIHN0cm9rZT0idXJsKCNwYWludDBfbGluZWFyXzI2NDZfMTgyNCkiIHN0cm9rZS1vcGFjaXR5PSIwLjUiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzI2NDZfMTgyNCIgeDE9IjAiIHkxPSIzMiIgeDI9IjY0IiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIwLjMzMTczMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjAuNDM1MTM3IiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjxzdG9wIG9mZnNldD0iMC41NzIxMTUiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
  color: #fff;
  overflow: hidden;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.new-styles .button--white-stroke-round::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iLTAuNjY2NjY3IiB5PSIwLjY2NjY2NyIgd2lkdGg9IjYyLjY2NjciIGhlaWdodD0iNjIuNjY2NyIgcng9IjMxLjMzMzMiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDYyLjY2NjcgMCkiIHN0cm9rZT0idXJsKCNwYWludDBfbGluZWFyXzI2NDZfMTgyNCkiIHN0cm9rZS1vcGFjaXR5PSIwLjUiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzI2NDZfMTgyNCIgeDE9IjAiIHkxPSIzMiIgeDI9IjY0IiB5Mj0iMzIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIwLjMzMTczMSIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjAuNDM1MTM3IiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjxzdG9wIG9mZnNldD0iMC41NzIxMTUiIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=") border-box, url("/media/images/bg-button@2x.png") padding-box;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: opacity 0.3s;
}
.new-styles .button--white-stroke-round:active {
  color: #114697;
}
.new-styles .button--white-stroke-round:active::before {
  opacity: 1;
}
@media (any-hover: hover) {
  .new-styles .button--white-stroke-round:hover {
    color: #114697;
  }
  .new-styles .button--white-stroke-round:hover::before {
    opacity: 1;
  }
}
.new-styles .button--height-36-52 {
  min-height: 4rem;
  padding: 0.888888888888889rem 1.777777777777778rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .button--height-36-52 {
    min-height: 5.777777777777778rem;
    padding: 1.333333333333333rem 3.555555555555555rem;
  }
}
.new-styles .button--height-48 {
  min-height: 5.333333333333333rem;
  padding: 1.333333333333333rem 3.555555555555555rem;
}
.new-styles .button--round {
  border-radius: 50%;
}
.new-styles .button--w-h-48 {
  width: 5.333333333333333rem;
  height: 5.333333333333333rem;
}
.new-styles .button--nav.swiper-button-lock {
  display: none;
}
.new-styles .button .swiper-pagination-current,
.new-styles .button .swiper-pagination-total {
  font-size: 1.777777777777778rem;
  line-height: 1.5;
}
.new-styles .button .swiper-container-horizontal>.swiper-pagination-bullets,
.new-styles .button .swiper-pagination-custom,
.new-styles .button .swiper-pagination-fraction {
  bottom: 0;
}
.new-styles .swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.new-styles .swiper-pagination {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.new-styles .swiper-pagination.swiper-pagination-lock {
  display: none;
}
.new-styles .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 1.777777777777778rem;
  height: 1.777777777777778rem;
  margin-right: 1.666666666666667rem;
  background-color: #fff;
  opacity: 1;
}
.new-styles .swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  height: 400%;
  width: 100%;
}
.new-styles .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #114697;
}
.new-styles .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
@media (any-hover: hover) {
  .new-styles .button-parent:hover .button--main-color::before {
    opacity: 1;
  }
}
.new-styles .dark-palette {
  color: #fff;
}
.new-styles .dark-bg {
  background-image: linear-gradient(180deg, rgba(159,205,151,0) 0%, rgba(115,170,118,0.22) 10.48%, #366e4a 31.17%, #103d2b 100%);
  background-repeat: no-repeat;
}
.new-styles .main-color {
  color: #36c7e9;
}
.new-styles .white-color-50 {
  color: rgba(255,255,255,0.5);
}
.new-styles .white-color-60 {
  color: rgba(255,255,255,0.6);
}
.new-styles .white-color-80 {
  color: rgba(255,255,255,0.8);
}
.new-styles .main-color {
  color: var(--main-color);
}
.new-styles .extra-color {
  color: var(--extra-color);
}
.new-styles .top-rad-24 {
  border-top-right-radius: 2.666666666666667rem;
  border-top-left-radius: 2.666666666666667rem;
}
@media only screen and (max-width: 767px) {
  .new-styles .top-rad-16-mob {
    border-top-right-radius: 1.777777777777778rem;
    border-top-left-radius: 1.777777777777778rem;
  }
}
.new-styles .bottom-rad-16 {
  border-bottom-right-radius: 1.777777777777778rem;
  border-bottom-left-radius: 1.777777777777778rem;
}
@media only screen and (max-width: 767px) {
  .new-styles .bottom-rad-0-mob {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .bottom-rad-16-mob {
    border-bottom-right-radius: 1.777777777777778rem;
    border-bottom-left-radius: 1.777777777777778rem;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .bottom-rad-24-mob {
    border-bottom-right-radius: 2.666666666666667rem;
    border-bottom-left-radius: 2.666666666666667rem;
  }
}
.new-styles .rad-16 {
  border-radius: 1.777777777777778rem;
}
.new-styles .rad-24 {
  border-radius: 2.666666666666667rem;
}
@media only screen and (max-width: 767px) {
  .new-styles .rad-16-mob {
    border-radius: 1.777777777777778rem;
  }
}
.new-styles .blank {
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .new-styles .blank-mob {
    background-color: #fff;
  }
}
.new-styles .cover,
.new-styles .object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.new-styles .object-contain,
.new-styles .contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.new-styles .overflow-hidden {
  overflow: hidden;
}
.new-styles .fs-12-16 {
  font-size: 1.333333333333333rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .fs-12-16 {
    font-size: 1.777777777777778rem;
  }
}
.new-styles .fs-14-16 {
  font-size: 1.555555555555556rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .fs-14-16 {
    font-size: 1.777777777777778rem;
  }
}
.new-styles .fs-16 {
  font-size: 1.777777777777778rem;
}
.new-styles .fs-16-18 {
  font-size: 1.777777777777778rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .fs-16-18 {
    font-size: 2rem;
  }
}
.new-styles .fs-16-20 {
  font-size: 1.777777777777778rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .fs-16-20 {
    font-size: 2.222222222222222rem;
  }
}
.new-styles .fs-18-22 {
  font-size: 2rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .fs-18-22 {
    font-size: 2.444444444444445rem;
  }
}
.new-styles .fs-20-22 {
  font-size: 2.222222222222222rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .fs-20-22 {
    font-size: 2.444444444444445rem;
  }
}
.new-styles .fs-20-24 {
  font-size: 2.222222222222222rem;
}
.new-styles .fs-20-24 sup {
  top: -0.444444444444444rem;
  left: 0.333333333333333rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .fs-20-24 {
    font-size: 2.666666666666667rem;
  }
}
.new-styles .fs-23-22 {
  font-size: 2.555555555555555rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .fs-23-22 {
    font-size: 2.444444444444445rem;
  }
}
.new-styles .fs-24-42 {
  font-size: 2.666666666666667rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .fs-24-42 {
    font-size: 4.666666666666667rem;
  }
}
.new-styles .fs-28-42 {
  font-size: 3.111111111111111rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .fs-28-42 {
    font-size: 4.666666666666667rem;
  }
}
.new-styles .fs-32-42 {
  font-size: 3.555555555555555rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .fs-32-42 {
    font-size: 4.666666666666667rem;
  }
}
.new-styles .fs-38-48 {
  font-size: 4.222222222222222rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .fs-38-48 {
    font-size: 5.333333333333333rem;
  }
}
.new-styles .fw-400 {
  font-weight: 400;
}
.new-styles .fw-450,
.new-styles .fw-500 {
  font-weight: 500;
}
.new-styles .fw-600 {
  font-weight: 600;
}
.new-styles .fw-700 {
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .new-styles .fw-500-mob {
    font-weight: 500;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .fw-600-mob {
    font-weight: 600;
  }
}
.new-styles .el-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-styles .el-center-column,
.new-styles .el-column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .new-styles .el-center-touch {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 1023px) {
  .new-styles .el-center-column-touch {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .el-center-desktop {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .text-center-desktop {
    text-align: center;
  }
}
.new-styles .text-center {
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .new-styles .text-center-touch {
    text-align: center;
  }
}
.new-styles .swiper-container-initialized.swiper-pre-width .swiper-slide {
  width: auto;
  margin-right: 0;
}
.new-styles .swiper-visible {
  overflow: visible;
}
.new-styles .with-child-icon {
  display: flex;
  align-items: flex-start;
}
.new-styles .with-child-icon-center {
  display: flex;
  align-items: center;
}
.new-styles .icon,
.new-styles .icon-wrapper svg,
.new-styles .icon-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.new-styles .icon-wrapper {
  position: relative;
  flex-shrink: 0;
}
.new-styles .icon-wrapper-row {
  position: relative;
  margin-left: 0.888888888888889rem;
}
.new-styles .icon-std,
.new-styles .icon-mini {
  width: 2.666666666666667rem;
  height: 2.666666666666667rem;
}
.new-styles .icon-12-19,
.new-styles .icon-40-mob {
  display: flex;
}
.new-styles .icon-12-19 {
  width: 1.333333333333333rem;
  height: 2.111111111111111rem;
}
@media only screen and (max-width: 767px) {
  .new-styles .icon-40-mob {
    width: 4.444444444444445rem;
    height: 4.444444444444445rem;
  }
}
.new-styles .image-container {
  position: relative;
}
.new-styles .image-container .image-container {
  position: absolute;
}
.new-styles .image-container .image-wrapper {
  width: 100%;
}
.new-styles .image-wrapper-abs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.new-styles .image-wrapper {
  position: relative;
}
.new-styles .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.new-styles .aspect-ratio {
  flex-shrink: 0;
  position: relative;
}
.new-styles .aspect-ratio svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.new-styles .aspect-ratio::after {
  content: '';
  position: relative;
  z-index: -1;
  display: block;
}
.new-styles .lh-1,
.new-styles .lh-100 {
  line-height: 1;
}
.new-styles .lh-112 {
  line-height: 1.12;
}
.new-styles .lh-119 {
  line-height: 1.19;
}
.new-styles .lh-138 {
  line-height: 1.38;
}
.new-styles .lh-138-119 {
  line-height: 1.38;
}
@media only screen and (min-width: 768px) {
  .new-styles .lh-138-119 {
    line-height: 1.19;
  }
}
.new-styles .lh-138-14,
.new-styles .lh-138-140 {
  line-height: 1.38;
}
@media only screen and (min-width: 768px) {
  .new-styles .lh-138-14,
  .new-styles .lh-138-140 {
    line-height: 1.4;
  }
}
.new-styles .lh-141 {
  line-height: 1.41;
}
.new-styles .lh-141-130,
.new-styles .lh-141-13 {
  line-height: 1.41;
}
@media only screen and (min-width: 768px) {
  .new-styles .lh-141-130,
  .new-styles .lh-141-13 {
    line-height: 1.3;
  }
}
.new-styles .ls-016-02 {
  letter-spacing: -0.16px;
}
@media only screen and (min-width: 768px) {
  .new-styles .ls-016-02 {
    letter-spacing: -0.2px;
  }
}
.new-styles .ls-024-042 {
  letter-spacing: -0.24px;
}
@media only screen and (min-width: 768px) {
  .new-styles .ls-024-042 {
    letter-spacing: -0.42px;
  }
}
.new-styles .ls-032-042 {
  letter-spacing: -0.32px;
}
@media only screen and (min-width: 768px) {
  .new-styles .ls-032-042 {
    letter-spacing: -0.42px;
  }
}
.new-styles .mb-10-6 {
  margin-bottom: 1.111111111111111rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .mb-10-6 {
    margin-bottom: 0.666666666666667rem;
  }
}
.new-styles .mb-16 {
  margin-bottom: 1.777777777777778rem;
}
.new-styles .mb-16-24 {
  margin-bottom: 1.777777777777778rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .mb-16-24 {
    margin-bottom: 2.666666666666667rem;
  }
}
.new-styles .mb-24-64 {
  margin-bottom: 2.666666666666667rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .mb-24-64 {
    margin-bottom: 7.111111111111111rem;
  }
}
.new-styles .mb-32-40 {
  margin-bottom: 3.555555555555555rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .mb-32-40 {
    margin-bottom: 4.444444444444445rem;
  }
}
.new-styles .mb-32-42 {
  margin-bottom: 3.555555555555555rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .mb-32-42 {
    margin-bottom: 4.666666666666667rem;
  }
}
.new-styles .mb-48-150 {
  margin-bottom: 5.333333333333333rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .mb-48-150 {
    margin-bottom: 8.88888888888889rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .mb-48-150 {
    margin-bottom: 16.666666666666668rem;
  }
}
.new-styles .mb-80-150 {
  margin-bottom: 8.88888888888889rem;
}
@media only screen and (min-width: 1024px) {
  .new-styles .mb-80-150 {
    margin-bottom: 16.666666666666668rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .mb-0-140 {
    margin-bottom: 15.555555555555555rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .mb-40-desk {
    margin-bottom: 4.444444444444445rem;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .above-tablet-display,
  .new-styles .atd {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .new-styles .above-desktop-display,
  .new-styles .add {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .new-styles .below-tablet-display,
  .new-styles .btd {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .below-desktop-display,
  .new-styles .bdd {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .above-tablet-visible,
  .new-styles .atv {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1023px) {
  .new-styles .above-desktop-visible,
  .new-styles .adv {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) {
  .new-styles .below-tablet-visible,
  .new-styles .btv {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .below-desktop-visible,
  .new-styles .bdv {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
}
.new-styles .ml-24 {
  margin-left: 2.666666666666667rem;
}
.new-styles .ml-16 {
  margin-left: 1.777777777777778rem;
}
.new-styles .ml-12 {
  margin-left: 1.333333333333333rem;
}
.new-styles .ml-10 {
  margin-left: 1.111111111111111rem;
}
.new-styles .ml-8 {
  margin-left: 0.888888888888889rem;
}
.new-styles .ml-6 {
  margin-left: 0.666666666666667rem;
}
.new-styles .ml-4 {
  margin-left: 0.444444444444444rem;
}
.new-styles .ml-0 {
  margin-left: 0;
}
@media only screen and (min-width: 1024px) {
  .new-styles .ml-0-desk {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .ml-0-mob {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .ml-3-mob {
    margin-left: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .ml-12-mob {
    margin-left: 1.333333333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .ml-32-mob {
    margin-left: 3.555555555555555rem;
  }
}
.new-styles .mr-13-12-childs > *:last-child,
.new-styles .mr-0-childs-mob > *:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .new-styles .mr-0-mob {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .mr-13-12-childs > * {
    margin-right: 1.444444444444444rem;
  }
}
@media only screen and (min-width: 768px) {
  .new-styles .mr-13-12-childs > * {
    margin-right: 1.333333333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .mr-0-childs-mob > * {
    margin-right: 0;
  }
}
.new-styles .mt-16 {
  margin-top: 1.777777777777778rem;
}
.new-styles .mt-24 {
  margin-top: 2.666666666666667rem;
}
.new-styles .mt-24-68 {
  margin-top: 2.666666666666667rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .mt-24-68 {
    margin-top: 7.555555555555555rem;
  }
}
.new-styles .mt-32-86 {
  margin-top: 3.555555555555555rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .mt-32-86 {
    margin-top: 9.555555555555555rem;
  }
}
.new-styles .mt-48-72 {
  margin-top: 5.333333333333333rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .mt-48-72 {
    margin-top: 8rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .mt-0-desk {
    margin-top: 0;
  }
}
.new-styles .pb-0 {
  padding-bottom: 0;
}
.new-styles .pb-48-90 {
  padding-bottom: 5.333333333333333rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .pb-48-90 {
    padding-bottom: 8.88888888888889rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .pb-48-90 {
    padding-bottom: 10rem;
  }
}
.new-styles .pb-48-120 {
  padding-bottom: 5.333333333333333rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .pb-48-120 {
    padding-bottom: 8.88888888888889rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .pb-48-120 {
    padding-bottom: 13.333333333333334rem;
  }
}
.new-styles .pb-64 {
  padding-bottom: 7.111111111111111rem;
}
@media only screen and (min-width: 1024px) {
  .new-styles .pb-0-desk {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .pb-0-mob {
    padding-bottom: 0;
  }
}
.new-styles .pt-20 {
  padding-top: 2.222222222222222rem;
}
.new-styles .pt-24 {
  padding-top: 2.666666666666667rem;
}
.new-styles .pt-32 {
  padding-top: 3.555555555555555rem;
}
.new-styles .pt-40 {
  padding-top: 4.444444444444445rem;
}
.new-styles .pt-48 {
  padding-top: 5.333333333333333rem;
}
.new-styles .pt-48-92 {
  padding-top: 5.333333333333333rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .pt-48-92 {
    padding-top: 8.88888888888889rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .pt-48-92 {
    padding-top: 10.222222222222221rem;
  }
}
.new-styles .pt-48-120 {
  padding-top: 5.333333333333333rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .pt-48-120 {
    padding-top: 8.88888888888889rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .pt-48-120 {
    padding-top: 13.333333333333334rem;
  }
}
.new-styles .pt-60 {
  padding-top: 6.666666666666667rem;
}
.new-styles .pt-60-64 {
  padding-top: 6.666666666666667rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .pt-60-64 {
    padding-top: 7.111111111111111rem;
  }
}
.new-styles .pt-80 {
  padding-top: 8.88888888888889rem;
}
.new-styles .title--h1 {
  font-family: "Futura PT", "Arial", sans-serif;
  font-weight: 700;
}
.new-styles .title {
  margin-top: 0;
}
.new-styles .title:not([class*="mb"]) {
  margin-bottom: 0;
}
.new-styles .title--h1 {
  font-size: 6.222222222222222rem;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .new-styles .title--h1 {
    font-size: 7.111111111111111rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .title--h1 {
    font-size: 8rem;
  }
}
/* ||||||||||||||||| */
.new-styles .page-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  width: 100%;
}
.new-styles .page-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.3s;
}
.new-styles .page-header.js-fixed.page-header {
  color: #000;
}
.new-styles .page-header.js-fixed.page-header::before {
  background-color: #010b4c;
  border-bottom-right-radius: 1.777777777777778rem;
  border-bottom-left-radius: 1.777777777777778rem;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
@media only screen and (min-width: 1024px) {
  .new-styles .page-header.js-fixed.page-header::before {
    border-radius: 1.777777777777778rem;
  }
}
.new-styles .page-header.js-fixed .page-header {
  color: #000;
}
.new-styles .page-header.js-fixed .page-header__content {
  min-height: 7.555555555555555rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .page-header.js-fixed .page-header__content {
    min-height: 7.555555555555555rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .page-header.js-fixed .page-header__content {
    min-height: 12.444444444444445rem;
  }
}
@media only screen and (max-width: 1023px) {
  .new-styles .page-header.is-opened .page-header__nav {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .new-styles .page-header.is-opened .page-header__burger-icon {
    display: none;
  }
  .new-styles .page-header.is-opened .page-header__close-icon {
    position: relative;
    display: block;
    width: 2.333333333333333rem;
    height: 2.333333333333333rem;
    fill: #fff;
  }
}
@media only screen and (max-width: 1023px) {
  .new-styles .page-header__container {
    position: static;
  }
}
.new-styles .page-header__burger {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.333333333333333rem;
  height: 3.333333333333333rem;
  margin-left: 1.444444444444444rem;
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  .new-styles .page-header__burger {
    display: none;
  }
}
.new-styles .page-header__burger-icon {
  display: block;
  width: 3.333333333333333rem;
  height: 2.333333333333333rem;
}
.new-styles .page-header__close-icon {
  display: none;
}
.new-styles .page-header__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 7.555555555555555rem;
  transition: min-height 0.3s;
}
@media only screen and (min-width: 768px) {
  .new-styles .page-header__content {
    min-height: 7.555555555555555rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .page-header__content {
    min-height: 12.444444444444445rem;
    padding-top: 1.555555555555556rem;
    padding-bottom: 1.555555555555556rem;
  }
}
.new-styles .page-header__left {
  position: relative;
  z-index: 3;
  flex-shrink: 0;
}
@media only screen and (min-width: 1024px) {
  .new-styles .page-header__left {
    margin-right: 1.777777777777778rem;
  }
}
.new-styles .page-header__logo {
  display: block;
  width: 14.11111111111111rem;
  height: 2.444444444444445rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .page-header__logo {
    width: 20.444444444444443rem;
    height: 3.444444444444445rem;
  }
}
.new-styles .page-header__nav-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.new-styles .page-header__nav {
  padding-right: 6.269592476489027vw;
  padding-left: 6.269592476489027vw;
}
@media only screen and (max-width: 1023px) {
  .new-styles .page-header__nav {
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    width: 100vw;
    right: 0;
    bottom: 0;
    margin-top: 0;
    padding-top: 6.111111111111111rem;
    padding-bottom: 1.666666666666667rem;
    pointer-events: none;
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
    overflow: hidden;
    background-color: #014887;
  }
}
@media only screen and (min-width: 768px) {
  .new-styles .page-header__nav {
    padding-right: 3.129074315514994vw;
    padding-left: 3.129074315514994vw;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .page-header__nav {
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.new-styles .page-header__right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-self: center;
}
@media only screen and (min-width: 1024px) {
  .new-styles .page-header__right {
    position: relative;
    justify-content: space-between;
    flex-grow: 1;
  }
}
.new-styles .page-header__extra {
  position: relative;
  z-index: 2;
}
.new-styles .page-footer {
  color: #fff;
  background-color: #010b4c;
  overflow: hidden;
}
.new-styles .page-footer__circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 52.23880597014925%;
}
.new-styles .page-footer__circle::after {
  padding-top: 195.42857142857142%;
}
@media only screen and (min-width: 768px) {
  .new-styles .page-footer__circle {
    width: 38.4375%;
    margin-left: -3.333333333333333%;
    margin-top: -14.140625000000002%;
  }
  .new-styles .page-footer__circle::after {
    padding-top: 134.7560975609756%;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .page-footer__circle {
    margin-left: -6.25%;
  }
}
.new-styles .page-footer__wrappper {
  background-image: linear-gradient(9deg, #016bbd -30.06%, #020c4d -30.04%);
}
.new-styles .page-footer__creator {
  display: flex;
  align-items: center;
  opacity: 0.5;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  .new-styles .page-footer__creator:hover {
    opacity: 1;
  }
}
@media only screen and (max-width: 1023px) {
  .new-styles .page-footer__creator {
    margin-top: 3.555555555555555rem;
  }
}
.new-styles .page-footer__creator-wrapper {
  flex-shrink: 0;
  display: block;
  width: 8.333333333333334rem;
  height: 3.555555555555555rem;
  margin-right: 1.555555555555556rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .page-footer__creator-wrapper {
    width: 8.88888888888889rem;
    height: 3.555555555555555rem;
    margin-right: 1.222222222222222rem;
  }
}
.new-styles .page-footer__creator-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.333333333333333rem;
}
.new-styles .page-footer__logo-wrapper {
  display: block;
}
.new-styles .page-footer__logo {
  display: block;
  width: 51.64179104477612%;
}
.new-styles .page-footer__logo::after {
  padding-top: 21.38728323699422%;
}
@media only screen and (min-width: 768px) {
  .new-styles .page-footer__logo {
    width: 57.666666666666664%;
  }
}
@media only screen and (max-width: 1023px) {
  .new-styles .page-footer__logo {
    margin-bottom: 5.333333333333333rem;
  }
}
.new-styles .page-footer__grid {
  display: grid;
}
@media only screen and (min-width: 1024px) {
  .new-styles .page-footer__grid {
    grid-template-columns: 23.4375% 74.6875%;
    justify-content: space-between;
  }
}
.new-styles .page-footer__main {
  padding-top: 5.333333333333333rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .page-footer__main {
    padding-top: 5.555555555555555rem;
  }
}
.new-styles .page-footer__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2.666666666666667rem;
  grid-row-gap: 1.111111111111111rem;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .new-styles .page-footer__items {
    grid-row-gap: 0.888888888888889rem;
  }
}
.new-styles .page-footer__item {
  font-weight: 500;
}
.new-styles .page-footer__link {
  display: block;
  color: rgba(255,255,255,0.6);
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
}
@media only screen and (max-width: 767px) {
  .new-styles .page-footer__link {
    font-size: 1.333333333333333rem;
    font-weight: 500;
    line-height: 1;
  }
}
@media (any-hover: hover) {
  .new-styles .page-footer__link:hover {
    color: #fff;
    -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor;
  }
}
.new-styles .page-footer__right {
  display: grid;
  padding-bottom: 3.555555555555555rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
@media only screen and (min-width: 768px) {
  .new-styles .page-footer__right {
    padding-bottom: 7.111111111111111rem;
    grid-template-columns: 70.68062827225131% 27.015706806282726%;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .page-footer__right {
    padding-bottom: 11.11111111111111rem;
  }
}
.new-styles .page-footer__extra {
  padding-top: 3.555555555555555rem;
  padding-bottom: 15.333333333333334rem;
}
@media only screen and (min-width: 768px) {
  .new-styles .page-footer__extra {
    padding-top: 4.444444444444445rem;
    padding-bottom: 6.555555555555555rem;
  }
}
.new-styles .page-footer__extra-right {
  display: grid;
}
@media only screen and (min-width: 768px) {
  .new-styles .page-footer__extra-right {
    grid-template-columns: 70.68062827225131% 27.015706806282726%;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .page-footer__buttons {
    position: absolute;
    width: 100%;
    bottom: 5.333333333333333rem;
  }
}
@media only screen and (min-width: 768px) {
  .new-styles .page-footer__buttons {
    align-items: flex-start;
  }
}
.new-styles .disclaimer {
  position: fixed;
  z-index: 3;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
  .new-styles .disclaimer {
    background-color: rgba(1,11,76,0.5);
    -webkit-backdrop-filter: blur(3.333333333333333rem);
            backdrop-filter: blur(3.333333333333333rem);
  }
}
@media only screen and (min-width: 768px) {
  .new-styles .disclaimer__br-mobile {
    display: none;
  }
}
.new-styles .disclaimer.js-ready {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.new-styles .disclaimer.js-inactive {
  position: relative;
  bottom: 0;
  background-color: transparent;
}
.new-styles .disclaimer.js-inactive .disclaimer__close-button {
  display: none;
}
.new-styles .disclaimer.js-inactive .disclaimer__container {
  background-color: transparent;
  padding-top: 4rem;
  padding-bottom: 0;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
@media only screen and (min-width: 768px) {
  .new-styles .disclaimer.js-inactive .disclaimer__container {
    justify-content: center;
    padding-top: 6.222222222222222rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .disclaimer.js-inactive .disclaimer__container {
    padding-top: 8.88888888888889rem;
  }
}
.new-styles .disclaimer.js-inactive .disclaimer__text {
  color: rgba(255,255,255,0.2);
}
.new-styles .disclaimer__container {
  padding: 2rem 0;
  max-width: none;
}
@media only screen and (min-width: 768px) {
  .new-styles .disclaimer__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.666666666666667rem 1.777777777777778rem 1.777777777777778rem;
    background-color: rgba(1,11,76,0.5);
    -webkit-backdrop-filter: blur(3.333333333333333rem);
            backdrop-filter: blur(3.333333333333333rem);
    border-radius: 0.444444444444444rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .disclaimer__container {
    width: 100vw;
    max-width: none;
  }
}
.new-styles .disclaimer__close-button {
  position: absolute;
  top: -2rem;
  right: -1.777777777777778rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  padding: 0;
  border-radius: 50%;
  opacity: 0.2;
}
.new-styles .disclaimer__close-button.js-close-hide {
  display: none;
}
@media only screen and (max-width: 767px) {
  .new-styles .disclaimer__close-button {
    background-color: #fff;
    top: 1.111111111111111rem;
    right: -1.777777777777778rem;
  }
}
@media only screen and (min-width: 768px) {
  .new-styles .disclaimer__close-button {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: -0.666666666666667rem;
    width: 2rem;
    height: 2rem;
    border-radius: 0;
    margin-bottom: 0.888888888888889rem;
  }
}
@media only screen and (min-width: 1280px) {
  .new-styles .disclaimer__close-button {
    position: static;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    width: 2.888888888888889rem;
    height: 2.888888888888889rem;
    margin-left: 1.777777777777778rem;
  }
}
.new-styles .disclaimer__close-icon {
  color: #010b4c;
  margin-left: auto;
  margin-right: auto;
  width: 2.111111111111111rem;
  height: 2.111111111111111rem;
}
.new-styles .disclaimer__text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Attentica 4F", sans-serif, sans-serif;
  line-height: 1;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  font-size: 2.222222222222222rem;
  line-height: 1;
  font-weight: 250;
}
@media only screen and (min-width: 375px) {
  .new-styles .disclaimer__text {
    font-size: 2.555555555555555rem;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .disclaimer__text {
    width: 96%;
  }
}
@media only screen and (min-width: 768px) {
  .new-styles .disclaimer__text {
    text-align: center;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .disclaimer__text {
    -webkit-transform: scaleY(1.2);
            transform: scaleY(1.2);
    font-size: 2.223766504517026vw;
    letter-spacing: -0.03rem;
  }
}
@media only screen and (min-width: 1920px) {
  .new-styles .disclaimer__text {
    font-size: 3.555555555555555rem;
  }
}
.new-styles .disclaimer__confirm {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding: 0.222222222222222rem 1.111111111111111rem;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background-color: #36c7e9;
  height: 100%;
  transition: all 0.3s;
}
@media only screen and (min-width: 768px) {
  .new-styles .disclaimer__confirm {
    padding-top: 1.111111111111111rem;
    padding-bottom: 1rem;
    padding-right: 1.111111111111111rem;
    padding-left: 1.111111111111111rem;
  }
}
.new-styles .disclaimer.js-hover .disclaimer__confirm {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.new-styles .disclaimer__confirm-text {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
}
.new-styles .disclaimer__part {
  display: inline-block;
}
.new-style .sources {
  margin-top: 5.333333333333333rem;
}
.new-style .sources a {
  color: inherit;
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(0,0,0,0);
          text-decoration-color: rgba(0,0,0,0);
}
@media (any-hover: hover) {
  .new-style .sources a:hover {
    -webkit-text-decoration-color: #000;
            text-decoration-color: #000;
  }
}
.new-style .sources small {
  font-size: 100%;
}
@media only screen and (min-width: 768px) {
  .new-style .sources {
    margin-top: 10.555555555555555rem;
  }
}
.new-style .sources__container {
  border-radius: 3.333333333333333rem;
  border: 1px solid rgba(255,255,255,0.3);
  background-image: linear-gradient(271deg, rgba(199,218,255,0) 6.47%, rgba(237,252,255,0) 89.58%);
  box-shadow: 0 -0.222222222222222rem 1.555555555555556rem 0 rgba(68,243,255,0.25) inset;
  -webkit-backdrop-filter: blur(12.8px);
          backdrop-filter: blur(12.8px);
}
@media (any-hover: hover) {
  .new-style .sources__container:hover .sources__header {
    background-color: #fff;
  }
  .new-style .sources__container:hover .sources__title,
  .new-style .sources__container:hover .sources__icon {
    color: #114697;
  }
}
.new-style .sources__header {
  padding: 2.111111111111111rem 3.444444444444445rem;
  color: rgba(255,255,255,0.8);
  transition: background-color 0.3s;
  border-radius: 3.333333333333333rem;
  overflow: hidden;
}
.new-style .sources__title {
  color: rgba(255,255,255,0.8);
  font-weight: 500;
  transition: color 0.3s;
}
.new-style .sources__trigger {
  padding: 2.111111111111111rem 3.444444444444445rem;
}
.new-style .sources__content-wrapper {
  padding: 0 1.333333333333333rem 2rem;
  font-size: 1.666666666666667rem;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) {
  .new-style .sources__content-wrapper {
    padding: 0 2.666666666666667rem 2.111111111111111rem;
    font-size: 1.777777777777778rem;
  }
}
.new-style .sources__extra-list li {
  color: text-color-50;
}
@media only screen and (min-width: 1024px) {
  .new-style .sources__list-wrapper {
    width: 81.25%;
  }
}
.new-style .sources__list {
  margin-top: 0;
  margin-bottom: 0;
}
.new-style .sources__list li {
  min-width: 98%;
  color: rgba(255,255,255,0.5);
  margin-left: 1.777777777777778rem;
  font-size: 1.555555555555556rem;
  line-height: 1.4;
  font-weight: 500;
  word-break: break-word;
  overflow-wrap: break-word;
}
.new-style .sources__list li small {
  text-indent: initial;
}
.new-style .sources__list li::before {
  display: inline-block;
  word-break: normal;
  overflow-wrap: normal;
  position: absolute;
  left: -1.777777777777778rem;
  width: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .new-style .sources__list li {
    display: inline-block;
    font-size: 1.777777777777778rem;
  }
}
.new-style .sources__title {
  font-size: 2rem;
  line-height: 1.38;
  font-weight: 500;
  color: rgba(255,255,255,0.8);
}
.new-style .sources__icon {
  width: 2rem;
  height: 1.222222222222222rem;
  color: #fff;
  transition: color 0.3s;
}
.new-styles .main-menu__extra-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.new-styles .main-menu__extra-item {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
}
.new-styles .main-menu__extra-item::before {
  content: none;
}
@media only screen and (max-width: 1023px) {
  .new-styles .main-menu {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 4.888888888888889rem;
    padding-bottom: 4.444444444444445rem;
    overflow-y: auto;
  }
  .new-styles .main-menu--extra {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .main-menu {
    display: flex;
    align-items: center;
  }
}
.new-styles .main-menu__list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
@media only screen and (max-width: 1023px) {
  .new-styles .main-menu__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .main-menu__list {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: -3.555555555555555rem;
  }
}
.new-styles .main-menu__item {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  font-size: 2.222222222222222rem;
  line-height: 1;
  font-weight: 700;
}
.new-styles .main-menu__item::before {
  content: none;
}
@media only screen and (max-width: 1023px) {
  .new-styles .main-menu__item {
    margin-bottom: 3.111111111111111rem;
  }
  .new-styles .main-menu__item:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .main-menu__item {
    margin-left: 3.555555555555555rem;
    line-height: 1.38;
  }
  .new-styles .main-menu__item:focus-within .page__accordion-icon,
  .new-styles .main-menu__item:hover .page__accordion-icon {
    -webkit-transform: rotate(180deg) !important;
            transform: rotate(180deg) !important;
  }
}
.new-styles .main-menu__item.is-current > .main-menu__link {
  color: #02edea;
}
@media only screen and (min-width: 1024px) {
  .new-styles .main-menu__item {
    font-size: 1.777777777777778rem;
    font-weight: 400;
  }
}
.new-styles .main-menu__link {
  display: block;
  color: rgba(255,255,255,0.8);
}
.new-styles .main-menu__link.js-accordion-head {
  pointer-events: auto;
}
@media (any-hover: hover) {
  .new-styles .main-menu__link:hover {
    color: #02edea;
  }
}
.new-styles .main-menu__link.button {
  line-height: inherit;
}
.new-styles .main-menu__link.button--link:not([href]) {
  pointer-events: none;
  color: rgba(0,0,0,0.3);
}
.new-styles .main-menu__link:not([href]):not(.button) {
  pointer-events: none;
  color: rgba(0,0,0,0.3);
}
@media (any-hover: hover) {
  .new-styles .main-menu__link:not(.button--main-color):hover {
    color: #02edea;
  }
}
@media only screen and (max-width: 1023px) {
  .new-styles .main-menu__link {
    color: #fff;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .main-menu__link .page__accordion-content {
    height: auto !important;
  }
  .new-styles .main-menu__link .page__accordion-icon {
    -webkit-transform: rotate(0deg) !important;
            transform: rotate(0deg) !important;
  }
}
@media only screen and (min-width: 1024px) and (any-hover: hover) {
  .new-styles .main-menu__link:hover ~ .main-menu__sub {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    pointer-events: auto;
  }
  .new-styles .main-menu__link:hover .page__accordion-icon {
    -webkit-transform: rotate(180deg) !important;
            transform: rotate(180deg) !important;
  }
}
@media only screen and (max-width: 1023px) {
  .new-styles .main-menu__sub {
    position: absolute;
    z-index: 1;
    width: 100%;
    min-width: 17.11111111111111rem;
    overflow: visible;
    transition: all 0.3s;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .main-menu__sub {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 22.22222222222222rem;
    height: auto !important;
    padding-top: 1.777777777777778rem;
    opacity: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    pointer-events: none;
    overflow: visible;
    -webkit-transform-origin: top center;
            transform-origin: top center;
    transition: all 0.3s;
  }
}
@media only screen and (min-width: 1024px) and (any-hover: hover) {
  .new-styles .main-menu__sub:hover {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    pointer-events: auto;
  }
}
@media only screen and (max-width: 1023px) {
  .new-styles .main-menu__sub-wrapper {
    padding-top: 0.888888888888889rem;
    padding-bottom: 1.333333333333333rem;
    padding-left: 1.777777777777778rem;
    background-color: #fff;
    box-shadow: 10px 30px 40px rgba(21,39,55,0.05), 1px 8px 18px rgba(21,39,55,0.1);
    border-bottom-left-radius: 0.888888888888889rem;
    border-bottom-right-radius: 0.888888888888889rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .main-menu__sub-wrapper {
    padding: 1.777777777777778rem;
    background-color: #fff;
    box-shadow: 10px 30px 40px rgba(21,39,55,0.05), 1px 8px 18px rgba(21,39,55,0.1);
    border-radius: 0.888888888888889rem;
  }
}
.new-styles .main-menu__sub-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.new-styles .main-menu__sub-item {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 1.777777777777778rem;
}
.new-styles .main-menu__sub-item::before {
  content: none;
}
.new-styles .main-menu__sub-item:last-child {
  margin-bottom: 0;
}
.new-styles .main-menu__sub-link {
  display: inline-block;
}
.new-styles .main-menu__sub-link:not([href]) {
  color: #02edea;
  pointer-events: none;
}
.new-styles .main-menu__sub-link:not([href]):before {
  color: currentColor;
}
@media (any-hover: hover) {
  .new-styles .main-menu__sub-link:not(.button):hover {
    color: #02edea;
  }
}
.new-styles .main-menu__sub-link .title-with-arrow {
  display: block;
}
@media only screen and (max-width: 1023px) {
  .new-styles .main-menu__sub-close {
    z-index: 1;
    position: fixed;
    top: 8.2rem;
    left: 3.129074315514994vw;
    display: flex;
    align-items: center;
    font-size: 1.777777777777778rem;
    line-height: 1.1;
    font-weight: 400;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
  }
}
@media only screen and (max-width: 767px) {
  .new-styles .main-menu__sub-close {
    top: 8.2rem;
    left: 6.269592476489027vw;
  }
}
@media only screen and (max-width: 1023px) {
  .new-styles .js-accordion-item--active .main-menu__link {
    color: #02edea;
  }
}
.new-styles .footer-menu__list {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: grid;
  grid-template-columns: 46.56716417910447% 46.56716417910447%;
  justify-content: space-between;
}
@media only screen and (max-width: 1023px) {
  .new-styles .footer-menu__list {
    grid-row-gap: 3.555555555555555rem;
  }
}
@media only screen and (min-width: 1024px) {
  .new-styles .footer-menu__list {
    grid-template-columns: 29.037037037037038% 27.703703703703702% 36.148148148148145%;
    justify-content: space-between;
  }
}
.new-styles .footer-menu__item {
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  font-size: 1.777777777777778rem;
  line-height: 1.41;
  text-transform: uppercase;
  font-weight: 700;
}
.new-styles .footer-menu__item::before {
  content: none;
}
@media only screen and (min-width: 768px) {
  .new-styles .footer-menu__item {
    font-size: 1.777777777777778rem;
  }
}
.new-styles .footer-menu__link {
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
}
.new-styles .footer-menu__link:not([href]):not(button) {
  pointer-events: none;
  opacity: 0.5;
}
@media (any-hover: hover) {
  .new-styles .footer-menu__link:hover {
    opacity: 1;
    -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor;
  }
}
.new-styles .footer-menu__detail-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
  margin-top: 1.777777777777778rem;
}
.new-styles .footer-menu__detail-item {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 1.111111111111111rem;
  font-size: 1.333333333333333rem;
  font-weight: 300;
  line-height: 1;
}
.new-styles .footer-menu__detail-item::before {
  content: none;
}
.new-styles .footer-menu__detail-item:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .new-styles .footer-menu__detail-item {
    font-size: 1.666666666666667rem;
  }
}
.new-styles .footer-menu__detail-link {
  text-transform: none;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  color: rgba(255,255,255,0.8);
}
@media (any-hover: hover) {
  .new-styles .footer-menu__detail-link:hover {
    color: #fff;
    -webkit-text-decoration-color: currentColor;
            text-decoration-color: currentColor;
  }
}
.new-styles .footer-menu__detail-link:not([href]) {
  opacity: 1;
  color: #02edea;
  pointer-events: none;
}
.new-styles .footer-menu__detail-link:not([href])::before {
  color: currentColor;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInUpMini {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1vh, 0) scale(0.85);
            transform: translate3d(0, 1vh, 0) scale(0.85);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes fadeInUpMini {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1vh, 0) scale(0.85);
            transform: translate3d(0, 1vh, 0) scale(0.85);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInScale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes fadeInScale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes fadeInScale--05 {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes fadeInScale--05 {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*# sourceMappingURL=project.dev.css.map */
