@charset "UTF-8";
@font-face {
  font-family: 'montserrat';
  src: url("../fonts/montserrat-light.woff") format("woff"), url("../fonts/montserrat-light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'montserrat';
  src: url("../fonts/montserrat-regular.woff") format("woff"), url("../fonts/montserrat-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'montserrat';
  src: url("../fonts/montserrat-medium.woff") format("woff"), url("../fonts/montserrat-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'montserrat';
  src: url("../fonts/montserrat-semibold.woff") format("woff"), url("../fonts/montserrat-semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'montserrat';
  src: url("../fonts/montserrat-bold.woff") format("woff"), url("../fonts/montserrat-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'montserrat';
  src: url("../fonts/montserrat-extrabold.woff") format("woff"), url("../fonts/montserrat-extrabold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-stretch: normal; }

body {
  font-family: "montserrat", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #2e2d43;
  position: relative;
  min-height: 100vh;
  margin: 0;
  line-height: 1.4;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 62px;
  opacity: 0; }
  @media only screen and (max-width: 1440px) {
    body {
      padding-top: 58px; } }
  body.loading {
    opacity: 1; }
  body::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(46, 45, 67, 0.4); }
  body::-webkit-scrollbar-thumb {
    background-color: #2e2d43; }

html.menu-open,
body.menu-open {
  overflow: hidden; }

a {
  font-family: "montserrat", sans-serif;
  text-decoration: none;
  color: inherit; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

ul, ol {
  margin: 0;
  padding: 0; }

ul {
  list-style: none; }

body, html {
  width: 100%; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

header, section, footer {
  width: 100%; }

address {
  font-style: normal;
  font-family: "montserrat", sans-serif; }

button {
  display: block;
  background-color: transparent;
  border: none;
  padding: 0;
  outline: none;
  font: none;
  cursor: pointer;
  font-family: "montserrat", sans-serif;
  font-weight: 400;
  font-size: 16px; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

input[type='number'] {
  -moz-appearance: textfield; }

.slick-slide:focus {
  cursor: default !important; }

.map {
  display: block; }
  .map img {
    width: 100%;
    height: auto; }

.container {
  width: 1260px;
  margin: 0 auto; }
  @media only screen and (max-width: 1440px) {
    .container {
      width: 1000px; } }
  @media only screen and (max-width: 1280px) {
    .container {
      width: 940px; } }
  @media only screen and (max-width: 991px) {
    .container {
      width: 100%;
      padding: 0 14px; } }

.header_1 {
  display: block;
  font-family: "montserrat", sans-serif;
  font-size: 48px;
  font-weight: 700;
  color: #2e2d43;
  line-height: 1.1; }
  @media only screen and (max-width: 1440px) {
    .header_1 {
      font-size: 36px; } }
  @media only screen and (max-width: 991px) {
    .header_1 {
      font-size: 27px; } }

.header_2 {
  display: block;
  font-family: "montserrat", sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #2e2d43;
  line-height: 1.1; }
  @media only screen and (max-width: 1440px) {
    .header_2 {
      font-size: 27px; } }

.header_3 {
  display: block;
  font-family: "montserrat", sans-serif;
  font-size: 25px;
  font-weight: 700;
  color: #2e2d43;
  line-height: 1.1; }
  @media only screen and (max-width: 1440px) {
    .header_3 {
      font-size: 18px; } }

.button {
  position: relative;
  outline: none;
  display: inline-block;
  border: none;
  background: #FF0066;
  width: auto;
  max-width: 100%;
  height: 76px;
  line-height: 70px;
  padding: 0 70px;
  font-family: "montserrat", sans-serif;
  cursor: pointer;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  border: 3px solid #FF0066;
  border-radius: 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .button:hover {
    color: #FF0066;
    background: #000;
    border: 3px solid #000; }
  @media only screen and (max-width: 1440px) {
    .button {
      font-size: 15px;
      height: 56px;
      line-height: 50px;
      border-radius: 15px;
      padding: 0 50px; } }
  @media only screen and (max-width: 991px) {
    .button {
      padding: 0 24px; } }

.button-i {
  position: relative;
  outline: none;
  display: inline-block;
  border: none;
  background: transparent;
  width: auto;
  max-width: 100%;
  height: 76px;
  line-height: 70px;
  padding: 0 70px;
  font-family: "montserrat", sans-serif;
  cursor: pointer;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #5b00e5;
  border: 3px solid #5b00e5;
  border-radius: 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .button-i:hover {
    color: #fff;
    background: #FF0066;
    border: 3px solid #FF0066; }
  @media only screen and (max-width: 1440px) {
    .button-i {
      font-size: 15px;
      height: 56px;
      line-height: 50px;
      border-radius: 15px;
      padding: 0 50px; } }

.button-c {
  position: relative;
  outline: none;
  display: inline-block;
  border: none;
  background: #5b00e5;
  width: auto;
  max-width: 100%;
  height: 76px;
  line-height: 70px;
  padding: 0 70px;
  font-family: "montserrat", sans-serif;
  cursor: pointer;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  border: 3px solid #5b00e5;
  border-radius: 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .button-c:hover {
    color: #fff;
    background: #6378ff;
    border: 3px solid #6378ff; }
  @media only screen and (max-width: 1440px) {
    .button-c {
      font-size: 15px;
      height: 56px;
      line-height: 50px;
      border-radius: 15px;
      padding: 0 50px; } }
  @media only screen and (max-width: 991px) {
    .button-c {
      padding: 0 24px; } }

.button.center,
.button-invert.center {
  margin-left: auto;
  margin-right: auto; }

.text-default {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #2e2d43; }
  @media only screen and (max-width: 1440px) {
    .text-default {
      font-size: 13px; } }
  .text-default p {
    margin-top: 16px;
    margin-bottom: 16px; }
    .text-default p:first-child {
      margin-top: 0; }
    .text-default p:last-child {
      margin-bottom: 0; }
  .text-default a {
    color: #FF0066;
    text-decoration: underline; }
    .text-default a:hover {
      text-decoration: none; }
  .text-default blockquote {
    position: relative;
    z-index: -1;
    margin: 60px 0 40px;
    padding: 35px 44px 44px;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    color: #2e2d43; }
    .text-default blockquote::after {
      content: "";
      display: block;
      position: absolute;
      z-index: -1;
      background: #fff;
      top: 10px;
      left: 10px;
      width: calc( 100% - 20px);
      height: calc( 100% - 20px); }
    .text-default blockquote p {
      margin: 0 !important; }
    .text-default blockquote strong {
      display: block;
      margin-bottom: 24px; }
    @media only screen and (max-width: 1440px) {
      .text-default blockquote {
        padding: 26px 34px 34px;
        width: calc( 100% - 16px);
        height: calc( 100% - 16px); } }
    @media only screen and (max-width: 767px) {
      .text-default blockquote {
        width: 100%;
        padding: 26px 26px; } }
  .text-default h1 {
    display: block;
    font-family: "montserrat", sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: #2e2d43;
    line-height: 1.1;
    margin-top: 30px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 1440px) {
      .text-default h1 {
        font-size: 36px; } }
    @media only screen and (max-width: 991px) {
      .text-default h1 {
        font-size: 27px; } }
  .text-default h2 {
    display: block;
    font-family: "montserrat", sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #2e2d43;
    line-height: 1.1;
    margin-top: 30px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 1440px) {
      .text-default h2 {
        font-size: 27px; } }
  .text-default h3 {
    display: block;
    font-family: "montserrat", sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #2e2d43;
    line-height: 1.1;
    margin-top: 30px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 1440px) {
      .text-default h3 {
        font-size: 18px; } }
  .text-default h4 {
    display: block;
    font-family: "montserrat", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #2e2d43;
    line-height: 1.1;
    margin-top: 30px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 1440px) {
      .text-default h4 {
        font-size: 16px; } }
  .text-default table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px; }
    .text-default table p {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
  .text-default tr:nth-child(2n) {
    background: rgba(255, 0, 102, 0.2); }
  .text-default tr:nth-child(1) td {
    font-weight: 700; }
  .text-default td {
    border: 1px solid #2e2d43;
    padding: 10px; }

.image-wrapper {
  font-size: 0;
  line-height: 0; }

.slider-arrow {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 54px;
  height: 54px;
  background: transparent;
  border-radius: 50%;
  border: 1px solid #FF0066;
  z-index: 4;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer; }
  .slider-arrow.left svg {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .slider-arrow svg {
    width: 26px;
    height: 10px;
    fill: #FF0066;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .slider-arrow:hover {
    background: #FF0066; }
    .slider-arrow:hover svg {
      fill: #fff; }

.slick-dots {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 30px; }
  .slick-dots li {
    margin-right: 20px; }
    @media only screen and (max-width: 767px) {
      .slick-dots li {
        margin-right: 12px; } }
    .slick-dots li.slick-active button {
      opacity: 1; }
  .slick-dots button {
    display: block;
    padding: 0;
    font-size: 15px;
    opacity: 0.4; }

.form-item {
  position: relative;
  width: 100%;
  margin-bottom: 20px; }
  .form-item.last {
    margin-bottom: 0; }
  .form-item.novalid input {
    border: 1px solid red; }
  .form-item input {
    border: none;
    outline: none;
    width: 100%;
    height: 46px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    font-family: "montserrat", sans-serif;
    padding-left: 8px;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    .form-item input::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    .form-item input::-moz-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    .form-item input:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    .form-item input:-moz-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    .form-item input.error {
      border-bottom: 1px solid red; }
    @media only screen and (max-width: 1440px) {
      .form-item input {
        font-size: 14px; } }
  .form-item textarea {
    border: none;
    outline: none;
    resize: none;
    width: 100%;
    height: 64px;
    font-size: 16px;
    color: #fff;
    font-family: "montserrat", sans-serif;
    padding: 0px;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
    .form-item textarea::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    .form-item textarea::-moz-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    .form-item textarea:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    .form-item textarea:-moz-placeholder {
      color: rgba(255, 255, 255, 0.5); }
  .form-item label {
    position: absolute;
    left: 20px;
    top: 17px;
    z-index: 2;
    display: block;
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
    font-family: "montserrat", sans-serif;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }

.form-note {
  position: relative;
  display: block;
  margin-top: 14px; }
  .form-note input {
    display: none; }
    .form-note input:checked + .custom-checkbox::after {
      display: block; }
  .form-note .custom-checkbox {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #FF0066;
    border-radius: 50%;
    margin-right: 6px;
    cursor: pointer; }
    .form-note .custom-checkbox::after {
      content: "";
      display: none;
      width: 8px;
      height: 8px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background: #FF0066;
      border-radius: 50%; }
  .form-note .form-note-text {
    display: inline-block;
    padding-left: 24px;
    font-size: 14px;
    font-weight: 300;
    color: #2e2d43; }
    .form-note .form-note-text a {
      color: #FF0066;
      text-decoration: underline; }

.scroll-top {
  position: fixed;
  z-index: 20;
  bottom: 15px;
  right: 15px;
  width: 178px;
  height: 178px;
  border-radius: 50%;
  padding: 6px;
  background: #FF0066;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  .scroll-top.active {
    display: block; }
  .scroll-top:hover {
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0); }
    .scroll-top:hover .balls {
      left: 50%;
      top: 50%; }
  .scroll-top .balls {
    left: 300%;
    top: 300%;
    width: 596px;
    height: 596px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  .scroll-top .scroll-top-image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .scroll-top .scroll-top-image-m {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .scroll-top .scroll-top-image-m {
    display: none; }
  @media only screen and (max-width: 1440px) {
    .scroll-top {
      width: 134px;
      height: 134px; }
      .scroll-top .scroll-top-image {
        width: 146px; } }
  @media only screen and (max-width: 1280px) {
    .scroll-top {
      width: 98px;
      height: 98px; }
      .scroll-top .balls {
        width: 460px;
        height: 460px; }
      .scroll-top .scroll-top-image {
        width: 108px; } }
  @media only screen and (max-width: 991px) {
    .scroll-top {
      bottom: 30px;
      right: 10px;
      width: 70px;
      height: 70px;
      -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
              transform: rotate(0); }
      .scroll-top:hover {
        background: #FF0066;
        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
                transform: rotate(0); }
      .scroll-top .balls {
        display: none; }
      .scroll-top .scroll-top-image {
        display: none; }
      .scroll-top .scroll-top-image-m {
        display: block; } }

.button-scroll {
  position: fixed;
  z-index: 20;
  bottom: 10px;
  left: 10px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: #060088;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .button-scroll svg {
    fill: #FF0066;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .button-scroll:hover {
    background: #FF0066; }
    .button-scroll:hover svg {
      width: 30px;
      height: 30px;
      fill: #fff; }
  @media only screen and (max-width: 991px) {
    .button-scroll {
      bottom: 5px;
      left: 5px;
      width: 38px;
      height: 38px; }
      .button-scroll svg {
        width: 20px;
        height: 20px; } }

.scroll-socials {
  position: fixed;
  z-index: 32;
  bottom: 80px;
  left: 19px; }
  .scroll-socials .social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #060088;
    cursor: pointer;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .scroll-socials .social svg {
      width: 18px;
      height: 18px;
      fill: #FF0066;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .scroll-socials .social:last-child {
      margin-bottom: 0; }
    .scroll-socials .social:hover {
      background: #FF0066; }
      .scroll-socials .social:hover svg {
        fill: #fff; }
  @media only screen and (max-width: 991px) {
    .scroll-socials {
      bottom: 48px;
      left: 5px; }
      .scroll-socials .social {
        width: 38px;
        height: 38px;
        margin-bottom: 4px; }
        .scroll-socials .social svg {
          width: 16px;
          height: 16px; } }

.form-cookie {
  position: fixed;
  z-index: 50;
  right: 0;
  bottom: 0;
  max-width: 922px;
  -webkit-box-shadow: 0 -2px 19px 1px rgba(102, 51, 153, 0.2);
          box-shadow: 0 -2px 19px 1px rgba(102, 51, 153, 0.2);
  background: #f0f0fb;
  border-radius: 30px;
  padding: 36px 40px 40px 50px; }
  @media only screen and (max-width: 767px) {
    .form-cookie {
      padding: 30px 26px; } }
  .form-cookie__text {
    margin-bottom: 28px;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.01em; }
    .form-cookie__text a {
      color: #FF0066;
      text-decoration: underline; }
      .form-cookie__text a:hover {
        text-decoration: none; }
  .form-cookie__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px; }
    @media only screen and (max-width: 767px) {
      .form-cookie__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .form-cookie__accept, .form-cookie__reject {
    width: 50%;
    height: 48px;
    line-height: 42px;
    border-radius: 15px; }
    @media only screen and (max-width: 767px) {
      .form-cookie__accept, .form-cookie__reject {
        width: 100%; } }

.paginations {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px; }
  @media only screen and (max-width: 767px) {
    .paginations {
      font-size: 14px; } }
  .paginations .page-arrow {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid #2e2d43;
    border-radius: 50%; }
    .paginations .page-arrow.right {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
      margin-left: 14px; }
    .paginations .page-arrow.left {
      margin-left: 38px; }
      @media only screen and (max-width: 767px) {
        .paginations .page-arrow.left {
          margin-left: 28px; } }
    .paginations .page-arrow svg {
      width: 10px;
      height: 20px;
      stroke: #2e2d43; }
  .paginations .pagination-block {
    display: block;
    position: relative;
    margin: 0 8px;
    width: 40px;
    background: #fff; }
    .paginations .pagination-block.active .page-current {
      border-bottom: 1px solid transparent; }
    .paginations .pagination-block.active .page-wrap {
      display: block;
      border-top: 1px solid transparent; }
  .paginations .page-current {
    display: block;
    width: 100%;
    position: relative;
    padding: 6px 20px 6px 10px;
    border: 1px solid #2e2d43;
    cursor: pointer; }
    .paginations .page-current:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 6px solid #2e2d43;
      position: absolute;
      top: 50%;
      right: 4px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .paginations .page-wrap {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    border: 1px solid #2e2d43; }
  .paginations .pagination-number {
    display: block;
    text-align: center;
    padding: 0px 20px 0px 10px;
    margin-bottom: 4px; }
    .paginations .pagination-number.active {
      opacity: 0.4; }

.balls {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1; }

.ball-left {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(16%, -16%);
      -ms-transform: translate(16%, -16%);
          transform: translate(16%, -16%);
  -webkit-animation: 3s ball-left infinite linear;
          animation: 3s ball-left infinite linear; }
  .ball-left svg {
    width: 100%;
    height: 100%; }

.ball-right {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-16%, 16%);
      -ms-transform: translate(-16%, 16%);
          transform: translate(-16%, 16%);
  -webkit-animation: 3s ball-right infinite linear;
          animation: 3s ball-right infinite linear; }
  .ball-right svg {
    width: 100%;
    height: 100%; }

@-webkit-keyframes ball-left {
  0% {
    -webkit-transform: translate(16%, -16%);
            transform: translate(16%, -16%); }
  20% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  40% {
    -webkit-transform: translate(-16%, 16%);
            transform: translate(-16%, 16%); }
  50% {
    -webkit-transform: translate(-16%, 16%);
            transform: translate(-16%, 16%); }
  70% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  90% {
    -webkit-transform: translate(16%, -16%);
            transform: translate(16%, -16%); } }

@keyframes ball-left {
  0% {
    -webkit-transform: translate(16%, -16%);
            transform: translate(16%, -16%); }
  20% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  40% {
    -webkit-transform: translate(-16%, 16%);
            transform: translate(-16%, 16%); }
  50% {
    -webkit-transform: translate(-16%, 16%);
            transform: translate(-16%, 16%); }
  70% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  90% {
    -webkit-transform: translate(16%, -16%);
            transform: translate(16%, -16%); } }

@-webkit-keyframes ball-right {
  0% {
    -webkit-transform: translate(-16%, 16%);
            transform: translate(-16%, 16%); }
  20% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  40% {
    -webkit-transform: translate(16%, -16%);
            transform: translate(16%, -16%); }
  50% {
    -webkit-transform: translate(16%, -16%);
            transform: translate(16%, -16%); }
  70% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  90% {
    -webkit-transform: translate(-16%, 16%);
            transform: translate(-16%, 16%); } }

@keyframes ball-right {
  0% {
    -webkit-transform: translate(-16%, 16%);
            transform: translate(-16%, 16%); }
  20% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  40% {
    -webkit-transform: translate(16%, -16%);
            transform: translate(16%, -16%); }
  50% {
    -webkit-transform: translate(16%, -16%);
            transform: translate(16%, -16%); }
  70% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  90% {
    -webkit-transform: translate(-16%, 16%);
            transform: translate(-16%, 16%); } }

[data-parallax-el] {
  will-change: transform;
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  -o-transition: transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s; }

.disabled {
  display: none !important; }

.lg-sub-html,
.lg-toolbar {
  background-color: rgba(0, 0, 0, 0.45); }

@font-face {
  font-family: lg;
  src: url(../fonts/lg.eot?n1z373);
  src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype"), url(../fonts/lg.svg?n1z373#lg) format("svg");
  font-weight: 400;
  font-style: normal; }

.lg-icon {
  font-family: lg;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.lg-actions .lg-next,
.lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: 0; }

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: .5; }

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
  color: #FFF; }

.lg-actions .lg-next {
  right: 20px; }

.lg-actions .lg-next:before {
  content: "\e095"; }

.lg-actions .lg-prev {
  left: 20px; }

.lg-actions .lg-prev:after {
  content: "\e094"; }

@-webkit-keyframes lg-right-end {
  0%,
  100% {
    left: 0; }
  50% {
    left: -30px; } }

@keyframes lg-right-end {
  0%,
  100% {
    left: 0; }
  50% {
    left: -30px; } }

@-webkit-keyframes lg-left-end {
  0%,
  100% {
    left: 0; }
  50% {
    left: 30px; } }

@keyframes lg-left-end {
  0%,
  100% {
    left: 0; }
  50% {
    left: 30px; } }

.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end .3s;
  animation: lg-right-end .3s;
  position: relative; }

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end .3s;
  animation: lg-left-end .3s;
  position: relative; }

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: 0;
  -webkit-transition: color .2s linear;
  -o-transition: color .2s linear;
  transition: color .2s linear; }

.lg-toolbar .lg-icon:hover {
  color: #FFF; }

.lg-toolbar .lg-close:after {
  content: "\e070"; }

.lg-toolbar .lg-download:after {
  content: "\e0f2"; }

.lg-sub-html {
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080; }

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 700; }

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0; }

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle; }

.lg-next,
.lg-prev,
.lg-toolbar {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -webkit-transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; }

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0); }

.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0); }

.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0); }

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
  -o-transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1; }

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; }

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing; }

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  -o-transition-duration: 0s !important;
     transition-duration: 0s !important; }

.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px; }

.lg-outer .lg-thumb-item {
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px; }

@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease; } }

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #a90707; }

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px; }

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0; }

.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom .25s ease;
  -o-transition: bottom .25s ease;
  transition: bottom .25s ease; }

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px; }

.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px; }

.lg-outer .lg-toogle-thumb:hover,
.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF; }

.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff"; }

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px; }

.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative; }

.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer; }

.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto; }

.lg-outer .lg-has-vimeo .lg-video-play {
  background: url(../images/vimeo-play.png) no-repeat; }

.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url(../images/vimeo-play.png) 0 -58px no-repeat; }

.lg-outer .lg-has-html5 .lg-video-play {
  background: url(../images/video-play.png) no-repeat;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: .8; }

.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1; }

.lg-outer .lg-has-youtube .lg-video-play {
  background: url(../images/youtube-play.png) no-repeat; }

.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url(../images/youtube-play.png) 0 -60px no-repeat; }

.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0; }

.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden; }

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none; }

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible; }

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 80ms ease 0s;
  -o-transition: opacity 80ms ease 0s;
  transition: opacity 80ms ease 0s; }

.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0; }

.lg-progress-bar.lg-start .lg-progress {
  width: 100%; }

.lg-show-autoplay .lg-progress-bar {
  opacity: 1; }

.lg-autoplay-button:after {
  content: "\e01d"; }

.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a"; }

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
     transition-duration: 0s; }

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; }

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; }

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
  -o-transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

#lg-zoom-in:after {
  content: "\e311"; }

#lg-actual-size {
  font-size: 20px; }

#lg-actual-size:after {
  content: "\e033"; }

#lg-zoom-out {
  opacity: .5;
  pointer-events: none; }

#lg-zoom-out:after {
  content: "\e312"; }

.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto; }

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px; }

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible; }

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px; }

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  -webkit-box-shadow: 0 0 0 2px #fff inset;
          box-shadow: 0 0 0 2px #fff inset; }

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
  -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
  transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
  -o-transition: opacity .15s ease 0s, transform .15s ease 0s;
  transition: opacity .15s ease 0s, transform .15s ease 0s;
  transition: opacity .15s ease 0s, transform .15s ease 0s, -webkit-transform .15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0); }

.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%; }

.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
          box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow .3s ease 0s;
  -o-transition: box-shadow .3s ease 0s;
  -webkit-transition: -webkit-box-shadow .3s ease 0s;
  transition: -webkit-box-shadow .3s ease 0s;
  transition: box-shadow .3s ease 0s;
  transition: box-shadow .3s ease 0s, -webkit-box-shadow .3s ease 0s;
  width: 12px; }

.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
  -webkit-box-shadow: 0 0 0 8px #fff inset;
          box-shadow: 0 0 0 8px #fff inset; }

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0; }

.lg-fullscreen:after {
  content: "\e20c"; }

.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d"; }

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;
  -o-transition: visibility 0s linear .18s, opacity .18s linear 0s;
  transition: visibility 0s linear .18s, opacity .18s linear 0s; }

.lg-outer.lg-dropdown-active #lg-dropdown-overlay,
.lg-outer.lg-dropdown-active .lg-dropdown {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
     transition-delay: 0s;
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible; }

.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
  -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
  -webkit-transition: visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s;
  transition: visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s;
  -o-transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
  transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
  transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s, -webkit-transform .18s linear 0s; }

.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px; }

.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0; }

.lg-outer .lg-dropdown > li:hover .lg-icon,
.lg-outer .lg-dropdown > li:hover a {
  color: #333; }

.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px; }

.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07); }

.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle; }

.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto; }

.lg-outer,
.lg-outer .lg,
.lg-outer .lg-inner {
  width: 100%;
  height: 100%; }

.lg-outer #lg-share {
  position: relative; }

.lg-outer #lg-share:after {
  content: "\e80d"; }

.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998; }

.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e901"; }

.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced; }

.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e904"; }

.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39; }

.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e902"; }

.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027; }

.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e903"; }

.lg-group:after {
  content: "";
  display: table;
  clear: both; }

.lg-outer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity .15s ease 0s;
  -o-transition: opacity .15s ease 0s;
  transition: opacity .15s ease 0s; }

.lg-outer * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.lg-outer.lg-visible {
  opacity: 1; }

.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
  -webkit-transition-duration: inherit !important;
  -o-transition-duration: inherit !important;
     transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  -o-transition-timing-function: inherit !important;
     transition-timing-function: inherit !important; }

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
  -webkit-transition-duration: 0s !important;
  -o-transition-duration: 0s !important;
     transition-duration: 0s !important;
  opacity: 1; }

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab; }

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing; }

.lg-outer .lg {
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%; }

.lg-outer .lg-inner {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap; }

.lg-outer .lg-item {
  background: url(../images/loading.gif) center center no-repeat;
  display: none !important; }

.lg-outer.lg-css .lg-current,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
  display: inline-block !important; }

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%; }

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px; }

.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.lg-outer .lg-item.lg-complete {
  background-image: none; }

.lg-outer .lg-item.lg-current {
  z-index: 1060; }

.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important; }

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity .15s ease 0s;
  -o-transition: opacity .15s ease 0s;
  transition: opacity .15s ease 0s; }

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1; }

.lg-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download {
  display: none; }

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity .15s ease 0s;
  -o-transition: opacity .15s ease 0s;
  transition: opacity .15s ease 0s; }

.lg-backdrop.in {
  opacity: 1; }

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
  -webkit-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important; }

.lg-css3.lg-use-css3 .lg-item,
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.lg-css3.lg-fade .lg-item {
  opacity: 0; }

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1; }

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
  -webkit-transition: opacity .1s ease 0s;
  -o-transition: opacity .1s ease 0s;
  transition: opacity .1s ease 0s; }

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0; }

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; }

.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0; }

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%; }

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%; }

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1; }

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }

.slick-slider {
  position: relative;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list,
.slick-track {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-track {
  position: relative;
  top: 0;
  left: 0; }
  .slick-track:before, .slick-track:after {
    content: '';
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-arrow {
  padding: 0; }
  .slick-arrow:focus {
    outline: none; }

.slick__arrow.slick-hidden {
  display: none; }

.slick-slide {
  float: left;
  min-height: 1px; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide:focus {
    outline: none;
    cursor: move; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .slick-slide > img {
    display: block; }
  .slick-slide.dragging > img {
    pointer-events: none; }

.slick-dots button:focus {
  outline: none; }

.header {
  position: fixed;
  z-index: 22;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: calc(1810px + 108px);
  margin: 0 auto;
  padding: 0 20px;
  background: #fff; }
  .header[data-animations] {
    top: -94px;
    -webkit-transition: all 1s 0.4s;
    -o-transition: all 1s 0.4s;
    transition: all 1s 0.4s; }
  .header.animations-0 {
    top: 0; }
  .header .header-top {
    position: relative;
    z-index: 5;
    width: 100%;
    padding: 12px 0; }
    .header .header-top .content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .header .header-top .logo {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 18px; }
    .header .header-top .logo-text {
      white-space: nowrap;
      font-weight: 700;
      font-size: 26px;
      line-height: 1;
      text-transform: uppercase;
      margin-left: 14px; }
    .header .header-top .menu-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .header .header-top .menu-list > .menu-item {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-right: 14px; }
      .header .header-top .menu-list > .menu-item:last-child {
        margin-right: 0px; }
      .header .header-top .menu-list > .menu-item:hover > a {
        color: #FF0066; }
      .header .header-top .menu-list > .menu-item[data-header-service] {
        width: 90px; }
        .header .header-top .menu-list > .menu-item[data-header-service]:hover > a {
          color: #2e2d43;
          border: 1px solid #FF0066; }
      .header .header-top .menu-list > .menu-item[data-header-portfolio] {
        width: 130px; }
        .header .header-top .menu-list > .menu-item[data-header-portfolio]:hover > a {
          color: #2e2d43;
          border: 1px solid #FF0066; }
        .header .header-top .menu-list > .menu-item[data-header-portfolio].active > a {
          background: -o-linear-gradient(316deg, #639 0%, #f06 100%);
          background: linear-gradient(134deg, #639 0%, #f06 100%);
          color: #fff; }
          .header .header-top .menu-list > .menu-item[data-header-portfolio].active > a .arrow svg {
            fill: #ffff; }
          .header .header-top .menu-list > .menu-item[data-header-portfolio].active > a .border {
            opacity: 0; }
      .header .header-top .menu-list > .menu-item.active > a {
        color: #FF0066; }
      .header .header-top .menu-list > .menu-item > a {
        height: 38px;
        position: relative;
        z-index: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        font-family: "montserrat", sans-serif;
        font-weight: 500;
        font-size: 14px;
        padding: 0 12px;
        color: #2e2d43;
        border-radius: 11px; }
        .header .header-top .menu-list > .menu-item > a .arrow {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          width: 8px;
          height: 6px;
          margin-left: 8px; }
          .header .header-top .menu-list > .menu-item > a .arrow svg {
            fill: #2e2d43; }
        .header .header-top .menu-list > .menu-item > a .border {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0; }
    .header .header-top .socials {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 1.2vw;
      margin-left: auto;
      margin-right: 2vw; }
    .header .header-top .social {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; }
      .header .header-top .social svg {
        fill: #2e2d43;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .header .header-top .social:hover svg {
        fill: #FF0066; }
    .header .header-top .city {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 30px; }
    .header .header-top .city-text {
      font-size: 14px;
      font-weight: 500; }
    .header .header-top .city-icon {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 8px;
      height: 6px;
      margin-left: 8px; }
      .header .header-top .city-icon svg {
        fill: #2e2d43; }
    .header .header-top .phone {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    .header .header-top .phone-icon {
      display: none; }
    .header .header-top .phone-text {
      font-weight: 700;
      font-size: 15px; }
    .header .header-top .menu__toggle {
      display: none; }
  @media only screen and (max-width: 1440px) {
    .header {
      max-width: calc(100% + 80px); }
      .header .header-top {
        padding: 10px 0; }
        .header .header-top .logo {
          margin-right: 18px; }
        .header .header-top .logo-text {
          font-size: 15px; }
        .header .header-top .menu-list > .menu-item {
          margin-right: 10px; }
          .header .header-top .menu-list > .menu-item > a {
            height: 38px;
            font-size: 12px;
            padding: 0 10px; }
        .header .header-top .city {
          margin-right: 20px; }
        .header .header-top .phone-text {
          font-size: 15px; } }
  @media only screen and (max-width: 1280px) {
    .header {
      max-width: calc(100% + 32px);
      padding: 0 16px; }
      .header .header-top {
        padding: 10px 0; }
        .header .header-top .logo {
          width: 112px;
          margin-right: 16px; }
        .header .header-top .logo-text {
          white-space: unset;
          margin-left: 4px; }
        .header .header-top .phone-icon {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          width: 26px;
          height: 26px; }
          .header .header-top .phone-icon svg {
            fill: #ccc; }
        .header .header-top .phone-text {
          display: none; }
        .header .header-top .menu-list {
          display: none; }
        .header .header-top .city {
          display: none; }
        .header .header-top .socials {
          margin-right: 16px;
          gap: 16px; }
        .header .header-top .social svg {
          fill: #ccc; }
        .header .header-top .menu__toggle {
          position: relative;
          z-index: 30;
          display: block;
          width: 20px;
          height: 18px;
          cursor: pointer;
          margin-left: 16px; }
          .header .header-top .menu__toggle span {
            display: block;
            width: 100%;
            height: 2px;
            border-radius: 1px;
            background: #ccc;
            position: absolute;
            -webkit-transition: all 0.6s;
            -o-transition: all 0.6s;
            transition: all 0.6s;
            -webkit-transform: rotate(0) translate(0, 0);
                -ms-transform: rotate(0) translate(0, 0);
                    transform: rotate(0) translate(0, 0); }
            .header .header-top .menu__toggle span:nth-child(1) {
              top: 0;
              left: 0; }
            .header .header-top .menu__toggle span:nth-child(2) {
              top: 50%;
              left: 0;
              -webkit-transform: translateY(-50%);
                  -ms-transform: translateY(-50%);
                      transform: translateY(-50%);
              opacity: 1; }
            .header .header-top .menu__toggle span:nth-child(3) {
              bottom: 0;
              left: 0; }
          .header .header-top .menu__toggle.active span {
            background: #FF0066; }
            .header .header-top .menu__toggle.active span:nth-child(1) {
              -webkit-transform: rotate(45deg) translate(-50%, -50%);
                  -ms-transform: rotate(45deg) translate(-50%, -50%);
                      transform: rotate(45deg) translate(-50%, -50%);
              -webkit-transform-origin: top left;
                  -ms-transform-origin: top left;
                      transform-origin: top left;
              left: 50%;
              top: 50%; }
            .header .header-top .menu__toggle.active span:nth-child(2) {
              left: 150%;
              -webkit-transform: translateY(0) rotate(-360deg);
                  -ms-transform: translateY(0) rotate(-360deg);
                      transform: translateY(0) rotate(-360deg);
              opacity: 0; }
            .header .header-top .menu__toggle.active span:nth-child(3) {
              -webkit-transform: rotate(-45deg) translate(-50%, 50%);
                  -ms-transform: rotate(-45deg) translate(-50%, 50%);
                      transform: rotate(-45deg) translate(-50%, 50%);
              -webkit-transform-origin: bottom left;
                  -ms-transform-origin: bottom left;
                      transform-origin: bottom left;
              left: 50%;
              bottom: 50%; } }
  @media only screen and (max-width: 355px) {
    .header .header-top .logo {
      margin-right: 8px; }
    .header .header-top .menu-list > .menu-item {
      margin-right: 10px; }
      .header .header-top .menu-list > .menu-item[data-header-service], .header .header-top .menu-list > .menu-item[data-header-portfolio] {
        width: 100px; }
    .header .header-top .menu__toggle {
      margin-left: 10px; } }

.header-services {
  position: absolute;
  top: 100%;
  z-index: 4;
  width: 101%;
  min-height: 100vh;
  background: transparent;
  left: -101%; }
  .header-services.active {
    left: -1%;
    background: rgba(0, 0, 0, 0.7); }
    .header-services.active .content {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); }
    .header-services.active .image {
      opacity: 1; }
  .header-services .bg {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent; }
  .header-services .balls {
    z-index: 1;
    left: unset;
    right: 0;
    top: -100px;
    -webkit-transform: translate(0%, 0%) rotate(45deg);
        -ms-transform: translate(0%, 0%) rotate(45deg);
            transform: translate(0%, 0%) rotate(45deg);
    width: 730px;
    height: 730px; }
  .header-services .image {
    position: absolute;
    z-index: 2;
    top: 24px;
    right: 130px;
    opacity: 0;
    -webkit-transition: opacity 0s 0.2s;
    -o-transition: opacity 0s 0.2s;
    transition: opacity 0s 0.2s; }
  .header-services .content {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    padding: 40px 54px 90px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .header-services .title {
    position: relative;
    z-index: 3;
    max-width: 214px;
    margin-right: 42px; }
  .header-services .menu-list {
    position: relative;
    z-index: 2;
    width: 250px; }
  .header-services .menu-list > .menu-item.active > a {
    background: #060088;
    color: #fff; }
  .header-services .menu-list > .menu-item:hover > a {
    color: #FF0066; }
  .header-services .menu-list > .menu-item:hover .menu-list__inner {
    display: block; }
  .header-services .menu-list > .menu-item > a {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 14px 22px;
    font-size: 16px;
    color: #6378ff;
    border-radius: 30px; }
  .header-services .menu-list__inner {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 290px;
    height: 100%;
    padding-right: 40px; }
  .header-services .menu-list__inner > .menu-item.active > a {
    color: #FF0066; }
  .header-services .menu-list__inner > .menu-item:hover > a {
    color: #FF0066; }
  .header-services .menu-list__inner > .menu-item > a {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 8px 0px;
    font-size: 16px;
    color: #6378ff; }
  .header-services .menu-list__title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 14px; }
  @media only screen and (max-width: 1440px) {
    .header-services .balls {
      width: 556px;
      height: 556px; }
    .header-services .image {
      width: 310px; }
    .header-services .content {
      padding: 30px 40px 70px; }
    .header-services .title {
      max-width: 163px;
      margin-right: 30px; }
    .header-services .menu-list {
      width: 190px; }
    .header-services .menu-list > .menu-item > a {
      padding: 10px 16px;
      font-size: 13px; }
    .header-services .menu-list__inner {
      width: 220px;
      padding-right: 40px; }
    .header-services .menu-list__inner > .menu-item > a {
      font-size: 13px; }
    .header-services .menu-list__title {
      font-size: 15px;
      margin-bottom: 10px; } }
  @media only screen and (max-width: 991px) {
    .header-services .image {
      display: none; }
    .header-services .balls {
      width: 280px;
      height: 280px; }
    .header-services .title {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      margin-right: 0;
      color: #fff; }
    .header-services .content {
      padding: 30px 16px; }
    .header-services .menu-list > .menu-item > a {
      padding: 8px 12px; }
    .header-services .menu-list > .menu-item:hover .menu-list__inner {
      display: none; }
    .header-services .menu-list__inner {
      display: none; } }

.header-portfolio {
  position: absolute;
  top: 100%;
  z-index: 4;
  width: 101%;
  min-height: 100vh;
  background: transparent;
  left: -101%; }
  .header-portfolio.active {
    left: -1%;
    background: rgba(0, 0, 0, 0.7); }
    .header-portfolio.active .content {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); }
    .header-portfolio.active .image {
      opacity: 1; }
  .header-portfolio .bg {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent; }
  .header-portfolio .balls {
    z-index: 1;
    left: unset;
    right: 0;
    top: -100px;
    -webkit-transform: translate(0%, 0%) rotate(45deg);
        -ms-transform: translate(0%, 0%) rotate(45deg);
            transform: translate(0%, 0%) rotate(45deg);
    width: 730px;
    height: 730px; }
  .header-portfolio .image {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    height: 100%;
    opacity: 0;
    mix-blend-mode: screen;
    -webkit-transition: opacity 0s 0.2s;
    -o-transition: opacity 0s 0.2s;
    transition: opacity 0s 0.2s; }
  .header-portfolio .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    padding: 40px 54px 90px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .header-portfolio .title {
    position: relative;
    z-index: 3;
    max-width: 214px;
    margin-right: 42px; }
  .header-portfolio .menu-list {
    position: relative;
    z-index: 2;
    width: 250px; }
  .header-portfolio .menu-list > .menu-item.active > a {
    background: #060088;
    color: #fff; }
  .header-portfolio .menu-list > .menu-item:hover > a {
    background: #060088;
    color: #fff; }
  .header-portfolio .menu-list > .menu-item:hover .menu-list__inner {
    display: block; }
  .header-portfolio .menu-list > .menu-item > a {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 14px 22px;
    font-size: 16px;
    color: #6378ff;
    border-radius: 30px; }
  .header-portfolio .menu-list__inner {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 290px;
    padding-right: 40px; }
  .header-portfolio .menu-list__inner > .menu-item.active > a {
    color: #FF0066; }
  .header-portfolio .menu-list__inner > .menu-item:hover > a {
    color: #FF0066; }
  .header-portfolio .menu-list__inner > .menu-item > a {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 8px 0px;
    font-size: 16px;
    color: #6378ff; }
  .header-portfolio .menu-list__title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 14px; }
  @media only screen and (max-width: 1440px) {
    .header-portfolio .balls {
      width: 556px;
      height: 556px; }
    .header-portfolio .content {
      padding: 30px 40px 70px; }
    .header-portfolio .title {
      max-width: 163px;
      margin-right: 30px; }
    .header-portfolio .menu-list {
      width: 180px; }
    .header-portfolio .menu-list > .menu-item > a {
      padding: 10px 16px;
      font-size: 13px; }
    .header-portfolio .menu-list__inner {
      width: 220px;
      padding-right: 40px; }
    .header-portfolio .menu-list__inner > .menu-item > a {
      font-size: 13px; }
    .header-portfolio .menu-list__title {
      font-size: 15px;
      margin-bottom: 10px; } }
  @media only screen and (max-width: 991px) {
    .header-portfolio .image {
      display: none; }
    .header-portfolio .balls {
      width: 280px;
      height: 280px; }
    .header-portfolio .title {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      margin-right: 0;
      color: #fff; }
    .header-portfolio .content {
      padding: 30px 16px; }
    .header-portfolio .menu-list > .menu-item > a {
      padding: 8px 12px; }
    .header-portfolio .menu-list > .menu-item:hover .menu-list__inner {
      display: none; }
    .header-portfolio .menu-list__inner {
      display: none; } }

.menu-mobile {
  position: absolute;
  top: 100%;
  z-index: 4;
  width: 101%;
  min-height: 100vh;
  background: transparent;
  left: -101%; }
  .menu-mobile.active {
    left: -1%;
    background: rgba(0, 0, 0, 0.7); }
    .menu-mobile.active .content {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); }
    .menu-mobile.active .image {
      opacity: 1; }
  .menu-mobile .balls {
    z-index: 1;
    left: unset;
    right: 0;
    top: -100px;
    -webkit-transform: translate(0%, 0%) rotate(45deg);
        -ms-transform: translate(0%, 0%) rotate(45deg);
            transform: translate(0%, 0%) rotate(45deg);
    width: 280px;
    height: 280px; }
  .menu-mobile .content {
    display: block;
    background: #fff;
    padding: 30px 16px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .menu-mobile .wrap {
    overflow-y: auto;
    height: calc(100vh - 100px); }
  .menu-mobile .menu-list {
    position: relative;
    z-index: 2;
    width: 250px;
    margin-bottom: 20px; }
  .menu-mobile .menu-list > .menu-item.active > a {
    background: #060088;
    color: #fff; }
  .menu-mobile .menu-list > .menu-item:hover > a {
    background: #060088;
    color: #fff; }
  .menu-mobile .menu-list > .menu-item:hover .menu-list__inner {
    display: block; }
  .menu-mobile .menu-list > .menu-item > a {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 8px 12px;
    font-size: 13px;
    color: #6378ff;
    border-radius: 30px; }
  .menu-mobile .cities {
    margin-bottom: 16px; }
  .menu-mobile .city {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 12px; }
  .menu-mobile .city-city {
    font-size: 12px;
    font-weight: 700;
    width: 40%; }
  .menu-mobile .city-phone {
    display: block;
    color: #6378ff;
    font-size: 12px;
    margin-bottom: 8px; }
  .menu-mobile .city-address {
    font-size: 12px; }
  .menu-mobile .block_scroll-bottom__title {
    font-size: 12px;
    color: #8b8b8b;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 4px;
    margin-bottom: 26px; }
  .menu-mobile .block_scroll-bottom__social {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px; }
    .menu-mobile .block_scroll-bottom__social:first-child {
      margin-right: 12px; }
  .menu-mobile .notes {
    margin-top: 20px; }
  .menu-mobile .note-socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .menu-mobile .note {
    margin-right: 6px;
    margin-bottom: 6px;
    font-size: 12px; }
    .menu-mobile .note a {
      color: #6378ff; }

.breadcrumbs-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.breadcrumbs-item {
  font-size: 14px;
  color: #6378ff; }
  .breadcrumbs-item a {
    color: #6378ff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .breadcrumbs-item a:hover {
      color: #FF0066; }

@media only screen and (max-width: 1440px) {
  .breadcrumbs-item {
    font-size: 12px; } }

@media only screen and (max-width: 991px) {
  .breadcrumbs-item {
    font-size: 12px; } }

.heroimage {
  position: relative;
  max-width: calc(1810px + 108px);
  height: 80vh;
  max-height: 820px;
  min-height: 760px;
  padding: 0 56px;
  margin: 0 auto 160px;
  -webkit-transition: all 1s 0.4s;
  -o-transition: all 1s 0.4s;
  transition: all 1s 0.4s; }
  .heroimage[data-animations] {
    max-width: 100%; }
    .heroimage[data-animations] .titles-wrap {
      opacity: 0;
      -webkit-transition: all 0.6s 0.8s;
      -o-transition: all 0.6s 0.8s;
      transition: all 0.6s 0.8s; }
    .heroimage[data-animations] .balls {
      -webkit-transform: rotate(-40deg) translate(0, 0);
          -ms-transform: rotate(-40deg) translate(0, 0);
              transform: rotate(-40deg) translate(0, 0);
      -webkit-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s; }
    .heroimage[data-animations] .mouse {
      opacity: 0;
      -webkit-transition: all 0.4s 1.4s;
      -o-transition: all 0.4s 1.4s;
      transition: all 0.4s 1.4s; }
    .heroimage[data-animations] .mouse-text {
      opacity: 0;
      -webkit-transition: all 0.4s 1.4s;
      -o-transition: all 0.4s 1.4s;
      transition: all 0.4s 1.4s; }
    .heroimage[data-animations] .frame-left .block-center {
      width: 700px;
      -webkit-transition: all 1s 0.4s;
      -o-transition: all 1s 0.4s;
      transition: all 1s 0.4s; }
    .heroimage[data-animations] .frame-left-list {
      opacity: 0;
      -webkit-transform: translateY(-30%);
          -ms-transform: translateY(-30%);
              transform: translateY(-30%);
      -webkit-transition: all 0.4s 1.4s;
      -o-transition: all 0.4s 1.4s;
      transition: all 0.4s 1.4s; }
    .heroimage[data-animations] .frame-right .block-center {
      width: 400px;
      -webkit-transition: all 1s 0.4s;
      -o-transition: all 1s 0.4s;
      transition: all 1s 0.4s; }
    .heroimage[data-animations] .arrows {
      opacity: 0;
      -webkit-transform: translateY(20px);
          -ms-transform: translateY(20px);
              transform: translateY(20px);
      -webkit-transition: all 0.4s 1.4s;
      -o-transition: all 0.4s 1.4s;
      transition: all 0.4s 1.4s; }
    .heroimage[data-animations] .slide-images1 {
      opacity: 0;
      top: 54%;
      left: 40%; }
    .heroimage[data-animations] .slide1-triangle {
      right: calc(400% - 60px); }
    .heroimage[data-animations] .slide1-explosion {
      -webkit-transform: translate(-50%, -50%) scale(0.8);
          -ms-transform: translate(-50%, -50%) scale(0.8);
              transform: translate(-50%, -50%) scale(0.8);
      opacity: 0; }
    .heroimage[data-animations] .slide1-beam {
      opacity: 0;
      width: 500px; }
    .heroimage[data-animations] .slide1-plus {
      top: 16%;
      opacity: 0; }
    .heroimage[data-animations] .slide1-pearl {
      top: 20%;
      left: 110%;
      opacity: 0;
      -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
              transform: scale(0.8); }
    .heroimage[data-animations] .slide1-star {
      right: 15%;
      opacity: 0; }
    .heroimage[data-animations] .slide-images2 {
      -webkit-transform: translate(-60%, 100%);
          -ms-transform: translate(-60%, 100%);
              transform: translate(-60%, 100%); }
    .heroimage[data-animations] .slide2-explosion {
      -webkit-transform: translate(40%, -40%);
          -ms-transform: translate(40%, -40%);
              transform: translate(40%, -40%); }
    .heroimage[data-animations] .slide-images3 {
      -webkit-transform: translateY(100%);
          -ms-transform: translateY(100%);
              transform: translateY(100%); }
    .heroimage[data-animations] .slide3-explosion {
      -webkit-transform: translate(-50%, -60%);
          -ms-transform: translate(-50%, -60%);
              transform: translate(-50%, -60%); }
    .heroimage[data-animations] .slide3-money {
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .heroimage.animations-0 {
    max-width: calc(1810px + 108px); }
    .heroimage.animations-0 .titles-wrap {
      -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
              transform: translateY(0px);
      opacity: 1; }
    .heroimage.animations-0 .balls {
      -webkit-transform: rotate(-60deg) translate(0, -20%);
          -ms-transform: rotate(-60deg) translate(0, -20%);
              transform: rotate(-60deg) translate(0, -20%); }
    .heroimage.animations-0 .mouse {
      opacity: 1; }
    .heroimage.animations-0 .mouse-text {
      opacity: 1; }
    .heroimage.animations-0 .frame-left .block-center {
      width: 610px; }
    .heroimage.animations-0 .frame-left-list {
      opacity: 1;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
    .heroimage.animations-0 .frame-right .block-center {
      width: 310px; }
    .heroimage.animations-0 .arrows {
      opacity: 1;
      -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
              transform: translateY(0px); }
  .heroimage.animations-1 .title:nth-child(1) .title-word {
    font-weight: 800;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .heroimage.animations-1 .title:nth-child(1) .title-subtitle {
    opacity: 1; }
  .heroimage.animations-1 .frame-left-item:nth-child(1) {
    position: relative;
    z-index: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 0.8s 1s;
    -o-transition: all 0.8s 1s;
    transition: all 0.8s 1s; }
  .heroimage.animations-1 .balls {
    -webkit-transform: rotate(-90deg) translate(0, 0);
        -ms-transform: rotate(-90deg) translate(0, 0);
            transform: rotate(-90deg) translate(0, 0); }
  .heroimage.animations-1 .slide-images1 {
    opacity: 1;
    top: 50%;
    left: 45%;
    -webkit-transition: all 1s 0.4s;
    -o-transition: all 1s 0.4s;
    transition: all 1s 0.4s; }
  .heroimage.animations-1 .slide1-triangle {
    right: calc(100% - 60px);
    -webkit-transition: all 1s 0.4s;
    -o-transition: all 1s 0.4s;
    transition: all 1s 0.4s; }
  .heroimage.animations-1 .slide1-explosion {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all 0.4s 1.4s;
    -o-transition: all 0.4s 1.4s;
    transition: all 0.4s 1.4s; }
  .heroimage.animations-1 .slide1-beam {
    opacity: 1;
    width: 949px;
    -webkit-transition: all 0.4s 1.4s;
    -o-transition: all 0.4s 1.4s;
    transition: all 0.4s 1.4s; }
  .heroimage.animations-1 .slide1-plus {
    top: 0;
    opacity: 1;
    -webkit-transition: all 0.4s 1.4s;
    -o-transition: all 0.4s 1.4s;
    transition: all 0.4s 1.4s; }
  .heroimage.animations-1 .slide1-pearl {
    opacity: 1;
    top: 10%;
    left: 130%;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 0.4s 1.4s;
    -o-transition: all 0.4s 1.4s;
    transition: all 0.4s 1.4s; }
  .heroimage.animations-1 .slide1-star {
    opacity: 1;
    right: 0;
    -webkit-transition: all 0.4s 1.4s;
    -o-transition: all 0.4s 1.4s;
    transition: all 0.4s 1.4s; }
  .heroimage.animations-2 .title:nth-child(2) .title-word {
    font-weight: 800;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .heroimage.animations-2 .title:nth-child(2) .title-subtitle {
    opacity: 1; }
  .heroimage.animations-2 .frame-left-item:nth-child(2) {
    position: relative;
    z-index: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 0.8s 1s;
    -o-transition: all 0.8s 1s;
    transition: all 0.8s 1s; }
  .heroimage.animations-2 .balls {
    -webkit-transform: rotate(16deg) translate(-30%, 30%);
        -ms-transform: rotate(16deg) translate(-30%, 30%);
            transform: rotate(16deg) translate(-30%, 30%); }
  .heroimage.animations-2 .slide-images2 {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: 1.2s 0.6s;
    -o-transition: 1.2s 0.6s;
    transition: 1.2s 0.6s; }
  .heroimage.animations-2 .slide2-explosion {
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    -webkit-transition: 1s 1s;
    -o-transition: 1s 1s;
    transition: 1s 1s; }
  .heroimage.animations-3 .title:nth-child(3) .title-word {
    font-weight: 800;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .heroimage.animations-3 .title:nth-child(3) .title-subtitle {
    opacity: 1; }
  .heroimage.animations-3 .frame-left-item:nth-child(3) {
    position: relative;
    z-index: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 0.8s 1s;
    -o-transition: all 0.8s 1s;
    transition: all 0.8s 1s; }
  .heroimage.animations-3 .balls {
    -webkit-transform: rotate(45deg) translate(-50%, 75%);
        -ms-transform: rotate(45deg) translate(-50%, 75%);
            transform: rotate(45deg) translate(-50%, 75%); }
  .heroimage.animations-3 .slide-images3 {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: 1.2s 0.6s;
    -o-transition: 1.2s 0.6s;
    transition: 1.2s 0.6s; }
  .heroimage.animations-3 .slide3-explosion {
    -webkit-transform: translate(-50%, -40%);
        -ms-transform: translate(-50%, -40%);
            transform: translate(-50%, -40%);
    -webkit-transition: 1s 1.8s;
    -o-transition: 1s 1.8s;
    transition: 1s 1.8s; }
  .heroimage.animations-3 .slide3-money {
    -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    -webkit-transition: 1s 1.8s;
    -o-transition: 1s 1.8s;
    transition: 1s 1.8s; }
  .heroimage .content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #f1eefa;
    border-radius: 60px 60px 0 0;
    overflow: hidden;
    -webkit-transition: all 0s 2s;
    -o-transition: all 0s 2s;
    transition: all 0s 2s; }
  .heroimage .frame-left {
    position: absolute;
    z-index: 4;
    left: -1px;
    bottom: -1px; }
    .heroimage .frame-left .image-wrapper {
      position: relative; }
    .heroimage .frame-left .block-center {
      position: relative;
      width: 610px;
      height: 174px;
      background: #fff;
      border-top-right-radius: 60px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .heroimage .frame-left .block-left {
      position: absolute;
      bottom: calc(100% - 1px);
      left: 0; }
    .heroimage .frame-left .block-right {
      position: absolute;
      left: calc(100% - 1px);
      bottom: 0; }
  .heroimage .frame-left-list {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0 50px 0; }
  .heroimage .frame-left-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 20px;
    line-height: 1.2;
    opacity: 0;
    -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
            transform: translateY(40px);
    position: absolute;
    z-index: -1; }
  .heroimage .frame-left-item__image {
    margin-right: 20px; }
  .heroimage .frame-right {
    position: absolute;
    z-index: 4;
    right: 0px;
    bottom: 0px; }
    .heroimage .frame-right .image-wrapper {
      position: relative; }
    .heroimage .frame-right .block-center {
      position: relative;
      width: 310px;
      height: 174px;
      background: #fff;
      border-top-left-radius: 60px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .heroimage .frame-right .block-left {
      position: absolute;
      bottom: 0;
      right: calc(100% - 1px); }
    .heroimage .frame-right .block-right {
      position: absolute;
      bottom: calc(100% - 1px);
      right: 0; }
  .heroimage .arrows {
    position: absolute;
    top: 22px;
    left: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .heroimage .arrow {
    width: 60px;
    height: 60px;
    border: 3px solid rgba(99, 120, 255, 0.2);
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .heroimage .arrow:hover {
      background: #FF0066;
      border: 3px solid #FF0066; }
      .heroimage .arrow:hover svg {
        fill: #fff; }
  .heroimage .arrow-prev svg {
    margin-left: -2px;
    fill: rgba(99, 120, 255, 0.2);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .heroimage .arrow-next {
    margin-left: 10px; }
    .heroimage .arrow-next svg {
      margin-left: 2px;
      fill: rgba(99, 120, 255, 0.2);
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
  .heroimage .balls {
    width: 800px;
    height: 800px;
    z-index: 2;
    top: 0;
    right: 0;
    left: unset;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .heroimage .ball-left {
    -webkit-animation: unset;
            animation: unset; }
  .heroimage .ball-right {
    -webkit-animation: unset;
            animation: unset; }
  .heroimage .mouse {
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  .heroimage .mouse-text {
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #b0b0b0;
    margin-top: 18px; }
  .heroimage .mouse-image {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 80px;
    height: 80px; }
  .heroimage .mouse-dot {
    position: absolute;
    top: 27px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #ccc;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: 3s scroll infinite;
            animation: 3s scroll infinite;
    will-change: top; }

@-webkit-keyframes scroll {
  0 {
    top: 27px; }
  15% {
    top: 27px;
    opacity: 1; }
  25% {
    top: 24px; }
  50% {
    top: 50px; }
  60% {
    top: 47px; }
  70% {
    top: 47px;
    opacity: 1; }
  80% {
    top: 45px;
    opacity: 0; } }

@keyframes scroll {
  0 {
    top: 27px; }
  15% {
    top: 27px;
    opacity: 1; }
  25% {
    top: 24px; }
  50% {
    top: 50px; }
  60% {
    top: 47px; }
  70% {
    top: 47px;
    opacity: 1; }
  80% {
    top: 45px;
    opacity: 0; } }
  .heroimage .titles-wrap {
    position: absolute;
    z-index: 4;
    top: 32px;
    left: 66px; }
  .heroimage .suptitle {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #b0b0b0; }
  .heroimage .titles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .heroimage .title {
    position: relative;
    z-index: 4;
    margin-right: 30px; }
    .heroimage .title:last-child {
      margin-right: 0; }
  .heroimage .title-word {
    font-size: calc( (100vw - 1440px)/(1920 - 1440) * (104 - 78) + 78px);
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.1);
    white-space: nowrap; }
  .heroimage .title-subtitle {
    position: absolute;
    left: 0;
    top: 100%;
    font-weight: 700;
    font-size: calc( (100vw - 1440px)/(1920 - 1440) * (36 - 27) + 27px);
    line-height: 1.2;
    opacity: 0; }
  .heroimage .slider {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%; }
  .heroimage .slide {
    width: 100%;
    height: 100%; }
  .heroimage .slide-images1 {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 45%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .heroimage .slide1-triangle {
    position: absolute;
    right: calc(100% - 60px);
    bottom: 36%; }
  .heroimage .slide1-crystal {
    position: relative;
    z-index: 2; }
  .heroimage .slide1-beam {
    position: absolute;
    bottom: 60%;
    left: calc(100% - 80px); }
  .heroimage .slide1-explosion {
    position: absolute;
    mix-blend-mode: screen;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    mix-blend-mode: screen; }
  .heroimage .slide1-plus {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .heroimage .slide1-pearl {
    position: absolute;
    z-index: 2;
    left: 130%; }
  .heroimage .slide1-star {
    position: absolute;
    z-index: 2;
    top: 25%;
    right: 0; }
  .heroimage .slide-images2 {
    position: absolute;
    bottom: -40px;
    right: 40%; }
  .heroimage .slide2-explosion {
    position: absolute;
    mix-blend-mode: screen;
    z-index: 1;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%); }
  .heroimage .slide2-beam {
    position: relative; }
  .heroimage .slide2-rocket {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%); }
  .heroimage .slide2-star {
    position: absolute;
    z-index: 2;
    bottom: 130px;
    left: 35%; }
  .heroimage .slide2-pearl {
    position: absolute;
    bottom: 310px;
    left: 70%; }
  .heroimage .slide2-plus {
    position: absolute;
    bottom: 140px;
    left: 80%; }
  .heroimage .slide-images3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .heroimage .slide3-money {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 47%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .heroimage .slide3-explosion {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    mix-blend-mode: screen;
    max-width: 100%; }
  .heroimage .slide3-base-top {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 185px; }
  .heroimage .slide3-base-hole {
    position: absolute;
    z-index: 2;
    left: 47%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 185px;
    border-radius: 100px;
    width: 424px;
    height: 45px;
    background: #e9e9f9; }
  .heroimage .slide3-base-bottom {
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0; }
  @media only screen and (max-width: 1440px) {
    .heroimage {
      max-width: calc(100% + 80px);
      padding: 0 40px;
      max-height: 786px;
      min-height: 615px; }
      .heroimage[data-animations] {
        max-width: 100%; }
        .heroimage[data-animations] .frame-left .block-center {
          width: 540px; }
        .heroimage[data-animations] .frame-right .block-center {
          width: 300px; }
      .heroimage.animations-0 {
        max-width: calc(100% + 80px); }
        .heroimage.animations-0 .frame-left .block-center {
          width: 454px; }
        .heroimage.animations-0 .frame-right .block-center {
          width: 234px; }
      .heroimage .content {
        border-radius: 45px 45px 0 0; }
      .heroimage .frame-left .block-center {
        width: 454px;
        height: 130px;
        border-top-right-radius: 45px; }
      .heroimage .frame-left-list {
        padding: 0 38px 0; }
      .heroimage .frame-left-item {
        font-size: 15px; }
      .heroimage .frame-left-item__image {
        margin-right: 14px;
        width: 112px; }
      .heroimage .frame-right .block-center {
        width: 234px;
        height: 130px;
        border-top-left-radius: 45px; }
      .heroimage .arrows {
        top: 18px;
        left: 18px; }
      .heroimage .arrow {
        width: 46px;
        height: 46px; }
      .heroimage .arrow-next {
        margin-left: 6px; }
      .heroimage .mouse-text {
        font-size: 12px;
        margin-top: 14px; }
      .heroimage .titles-wrap {
        top: 23px;
        left: 53px; }
      .heroimage .suptitle {
        font-size: 12px; }
      .heroimage .title {
        margin-right: 24px; }
      .heroimage .title-word {
        font-size: calc( (100vw - 991px)/(1440 - 991) * (78 - 46) + 46px); }
      .heroimage .title-subtitle {
        font-size: calc( (100vw - 991px)/(1440 - 991) * (27 - 20) + 19px); }
      .heroimage .slide1-triangle {
        width: 500px; }
      .heroimage .slide1-crystal {
        width: 224px; }
      .heroimage .slide1-plus {
        width: 120px; }
      .heroimage .slide1-pearl {
        width: 140px; }
      .heroimage .slide1-star {
        width: 250px; }
      .heroimage .slide2-explosion {
        width: 1000px; }
      .heroimage .slide2-star {
        width: 214px;
        left: 33%; }
      .heroimage .slide2-beam {
        width: 900px; }
      .heroimage .slide2-plus {
        bottom: 112px; }
      .heroimage .slide2-pearl {
        width: 100px;
        bottom: 250px; }
      .heroimage .slide2-rocket {
        width: 190px; }
      .heroimage .slide3-money {
        width: 264px; }
      .heroimage .slide3-base-hole {
        width: 320px; }
      .heroimage .slide3-base-top {
        height: 90px; } }
  @media only screen and (max-width: 991px) {
    .heroimage {
      max-width: calc(100% + 32px);
      padding: 16px;
      max-height: 486px;
      min-height: unset; }
      .heroimage[data-animations] {
        max-width: 100%; }
        .heroimage[data-animations] .frame-left .block-center {
          width: 220px; }
      .heroimage.animations-0 {
        max-width: calc(100% + 32px); }
        .heroimage.animations-0 .frame-left .block-center {
          width: 198px; }
      .heroimage.animations-1 .title:nth-child(1) {
        display: block; }
      .heroimage.animations-2 .title:nth-child(2) {
        display: block; }
      .heroimage.animations-3 .title:nth-child(3) {
        display: block; }
      .heroimage .content {
        border-radius: 30px 30px 30px 0; }
      .heroimage .frame-left .block-left {
        width: 30px;
        height: 34px; }
      .heroimage .frame-left .block-center {
        width: 195px;
        height: 115px;
        border-top-right-radius: 30px; }
      .heroimage .frame-left .block-right {
        width: 30px;
        height: 34px; }
      .heroimage .frame-left-list {
        padding: 0 16px 0 0; }
      .heroimage .frame-left-item {
        font-size: 13px; }
      .heroimage .frame-left-item__image {
        display: none; }
      .heroimage .frame-right {
        display: none; }
      .heroimage .balls {
        width: 300px;
        height: 300px; }
      .heroimage .mouse {
        display: none; }
      .heroimage .titles-wrap {
        top: 34px;
        left: 20px; }
      .heroimage .suptitle {
        font-size: 12px; }
      .heroimage .title {
        margin-right: 0;
        display: none; }
      .heroimage .title-word {
        font-size: 46px; }
      .heroimage .title-subtitle {
        font-size: 16px; }
      .heroimage .slide1-triangle {
        width: 400px; }
      .heroimage .slide1-crystal {
        width: 170px; }
      .heroimage .slide1-plus {
        width: 60px; }
      .heroimage .slide1-pearl {
        width: 70px; }
      .heroimage .slide1-star {
        display: none; }
      .heroimage .slide1-explosion {
        width: 100vw; }
      .heroimage .slide-images2 {
        right: 30%;
        bottom: -28px; }
      .heroimage .slide2-explosion {
        width: 500px; }
      .heroimage .slide2-star {
        display: none; }
      .heroimage .slide2-beam {
        width: 750px; }
      .heroimage .slide2-plus {
        width: 100px;
        left: 84%;
        bottom: 140px; }
      .heroimage .slide2-pearl {
        width: 64px;
        left: 75%;
        bottom: 230px; }
      .heroimage .slide2-rocket {
        width: 100px; }
      .heroimage .slide2-explosion {
        width: 100vw; }
      .heroimage .slide3-money {
        width: 160px; }
      .heroimage .slide3-base-hole {
        width: 190px;
        bottom: 150px; }
      .heroimage .slide3-base-top {
        height: 70px;
        bottom: 150px; }
      .heroimage .slide3-base-bottom {
        height: 150px; }
      .heroimage .slide3-explosion {
        width: 100vw; } }

.heroimage2 {
  position: relative;
  max-width: calc(1810px + 108px);
  height: 80vh;
  max-height: 820px;
  min-height: 760px;
  padding: 0 56px;
  margin: 0 auto 160px;
  -webkit-transition: all 1s 0.4s;
  -o-transition: all 1s 0.4s;
  transition: all 1s 0.4s; }
  .heroimage2[data-animations] {
    max-width: 100%; }
    .heroimage2[data-animations] .titles-wrap {
      opacity: 0;
      -webkit-transition: all 0.6s 0.8s;
      -o-transition: all 0.6s 0.8s;
      transition: all 0.6s 0.8s; }
    .heroimage2[data-animations] .suptitle {
      opacity: 0;
      -webkit-transition: all 0.6s 0.8s;
      -o-transition: all 0.6s 0.8s;
      transition: all 0.6s 0.8s; }
    .heroimage2[data-animations] .frame-left .block-center {
      width: 700px;
      -webkit-transition: all 1s 0.4s;
      -o-transition: all 1s 0.4s;
      transition: all 1s 0.4s; }
    .heroimage2[data-animations] .frame-left-list {
      opacity: 0;
      -webkit-transform: translateY(-30%);
          -ms-transform: translateY(-30%);
              transform: translateY(-30%);
      -webkit-transition: all 0.4s 0.8s;
      -o-transition: all 0.4s 0.8s;
      transition: all 0.4s 0.8s; }
    .heroimage2[data-animations] .frame-right .block-center {
      width: 400px;
      -webkit-transition: all 1s 0.4s;
      -o-transition: all 1s 0.4s;
      transition: all 1s 0.4s; }
    .heroimage2[data-animations] .arrows {
      opacity: 0;
      -webkit-transform: translateY(20px);
          -ms-transform: translateY(20px);
              transform: translateY(20px);
      -webkit-transition: all 0.4s 1.4s;
      -o-transition: all 0.4s 1.4s;
      transition: all 0.4s 1.4s; }
  .heroimage2.animations-0 {
    max-width: calc(1810px + 108px); }
    .heroimage2.animations-0 .titles-wrap {
      -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
              transform: translateY(0px);
      opacity: 1; }
    .heroimage2.animations-0 .suptitle {
      -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
              transform: translateY(0px);
      opacity: 1; }
    .heroimage2.animations-0 .frame-left .block-center {
      width: 600px; }
    .heroimage2.animations-0 .frame-left-list {
      opacity: 1;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
    .heroimage2.animations-0 .frame-right .block-center {
      width: 310px; }
    .heroimage2.animations-0 .arrows {
      opacity: 1;
      -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
              transform: translateY(0px); }
  .heroimage2.animations-1 .title:nth-child(1) .title-word {
    font-weight: 800;
    color: #fff; }
  .heroimage2.animations-1 .title:nth-child(1) .title-subtitle {
    opacity: 1; }
  .heroimage2.animations-1 .frame-left-item:nth-child(1) {
    position: relative;
    z-index: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }
  .heroimage2.animations-1 .slide-1 {
    opacity: 1; }
    .heroimage2.animations-1 .slide-1 .ray1,
    .heroimage2.animations-1 .slide-1 .ray2 {
      -webkit-transform: rotate(0deg) translate(0) scale(1);
          -ms-transform: rotate(0deg) translate(0) scale(1);
              transform: rotate(0deg) translate(0) scale(1); }
  .heroimage2.animations-2 .title:nth-child(2) .title-word {
    font-weight: 800;
    color: #fff; }
  .heroimage2.animations-2 .title:nth-child(2) .title-subtitle {
    opacity: 1; }
  .heroimage2.animations-2 .frame-left-item:nth-child(2) {
    position: relative;
    z-index: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }
  .heroimage2.animations-2 .slide-2 {
    opacity: 1; }
    .heroimage2.animations-2 .slide-2 .ray1,
    .heroimage2.animations-2 .slide-2 .ray2 {
      -webkit-transform: rotate(0deg) translate(0) scale(1);
          -ms-transform: rotate(0deg) translate(0) scale(1);
              transform: rotate(0deg) translate(0) scale(1); }
  .heroimage2.animations-3 .title:nth-child(3) .title-word {
    font-weight: 800;
    color: #fff; }
  .heroimage2.animations-3 .title:nth-child(3) .title-subtitle {
    opacity: 1; }
  .heroimage2.animations-3 .frame-left-item:nth-child(3) {
    position: relative;
    z-index: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }
  .heroimage2.animations-3 .slide-3 {
    opacity: 1; }
    .heroimage2.animations-3 .slide-3 .ray1,
    .heroimage2.animations-3 .slide-3 .ray2 {
      -webkit-transform: rotate(0deg) translate(0) scale(1);
          -ms-transform: rotate(0deg) translate(0) scale(1);
              transform: rotate(0deg) translate(0) scale(1); }
  .heroimage2.animations-4 .title:nth-child(1) .title-word {
    font-weight: 800;
    color: #fff; }
  .heroimage2.animations-4 .title:nth-child(1) .title-subtitle {
    opacity: 1; }
  .heroimage2.animations-4 .frame-left-item:nth-child(1) {
    position: relative;
    z-index: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }
  .heroimage2.animations-4 .slide-4 {
    opacity: 1; }
    .heroimage2.animations-4 .slide-4 .ray1,
    .heroimage2.animations-4 .slide-4 .ray2 {
      -webkit-transform: rotate(0deg) translate(0) scale(1);
          -ms-transform: rotate(0deg) translate(0) scale(1);
              transform: rotate(0deg) translate(0) scale(1); }
  .heroimage2.animations-5 .title:nth-child(2) .title-word {
    font-weight: 800;
    color: #fff; }
  .heroimage2.animations-5 .title:nth-child(2) .title-subtitle {
    opacity: 1; }
  .heroimage2.animations-5 .frame-left-item:nth-child(2) {
    position: relative;
    z-index: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }
  .heroimage2.animations-5 .slide-5 {
    opacity: 1; }
    .heroimage2.animations-5 .slide-5 .ray1,
    .heroimage2.animations-5 .slide-5 .ray2 {
      -webkit-transform: rotate(0deg) translate(0) scale(1);
          -ms-transform: rotate(0deg) translate(0) scale(1);
              transform: rotate(0deg) translate(0) scale(1); }
  .heroimage2.animations-6 .title:nth-child(3) .title-word {
    font-weight: 800;
    color: #fff; }
  .heroimage2.animations-6 .title:nth-child(3) .title-subtitle {
    opacity: 1; }
  .heroimage2.animations-6 .frame-left-item:nth-child(3) {
    position: relative;
    z-index: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }
  .heroimage2.animations-6 .slide-6 {
    opacity: 1; }
    .heroimage2.animations-6 .slide-6 .ray1,
    .heroimage2.animations-6 .slide-6 .ray2 {
      -webkit-transform: rotate(0deg) translate(0) scale(1);
          -ms-transform: rotate(0deg) translate(0) scale(1);
              transform: rotate(0deg) translate(0) scale(1); }
  .heroimage2 .content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 60px 60px 0 0;
    overflow: hidden;
    -webkit-transition: all 0s 2s;
    -o-transition: all 0s 2s;
    transition: all 0s 2s; }
  .heroimage2 .ray1 {
    position: absolute;
    z-index: 4; }
  .heroimage2 .ray2 {
    position: absolute;
    z-index: 3; }
  .heroimage2 .frame-left {
    position: absolute;
    z-index: 4;
    left: -1px;
    bottom: -1px; }
    .heroimage2 .frame-left .image-wrapper {
      position: relative; }
    .heroimage2 .frame-left .block-center {
      position: relative;
      width: 600px;
      height: 174px;
      background: #fff;
      border-top-right-radius: 60px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .heroimage2 .frame-left .block-left {
      position: absolute;
      bottom: calc(100% - 1px);
      left: 0; }
    .heroimage2 .frame-left .block-right {
      position: absolute;
      left: calc(100% - 1px);
      bottom: 0; }
  .heroimage2 .frame-left-list {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0 50px 0; }
  .heroimage2 .frame-left-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 20px;
    line-height: 1.2;
    opacity: 0;
    -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
            transform: translateY(40px);
    position: absolute;
    z-index: -1; }
  .heroimage2 .frame-left-item__image {
    margin-right: 20px; }
  .heroimage2 .frame-right {
    position: absolute;
    z-index: 4;
    right: 0px;
    bottom: 0px; }
    .heroimage2 .frame-right .image-wrapper {
      position: relative; }
    .heroimage2 .frame-right .block-center {
      position: relative;
      width: 310px;
      height: 174px;
      background: #fff;
      border-top-left-radius: 60px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .heroimage2 .frame-right .block-left {
      position: absolute;
      bottom: 0;
      right: calc(100% - 1px); }
    .heroimage2 .frame-right .block-right {
      position: absolute;
      bottom: calc(100% - 1px);
      right: 0; }
  .heroimage2 .arrows {
    position: absolute;
    top: 22px;
    left: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .heroimage2 .arrow {
    width: 60px;
    height: 60px;
    border: 3px solid rgba(99, 120, 255, 0.2);
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .heroimage2 .arrow:hover {
      background: #FF0066;
      border: 3px solid #FF0066; }
      .heroimage2 .arrow:hover svg {
        fill: #fff; }
  .heroimage2 .arrow-prev svg {
    margin-left: -2px;
    fill: rgba(99, 120, 255, 0.2);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .heroimage2 .arrow-next {
    margin-left: 10px; }
    .heroimage2 .arrow-next svg {
      margin-left: 2px;
      fill: rgba(99, 120, 255, 0.2);
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
  .heroimage2 .titles-wrap {
    position: absolute;
    z-index: 4;
    top: 40px;
    left: 66px; }
  .heroimage2 .suptitle {
    position: absolute;
    z-index: 4;
    left: 642px;
    bottom: 30px;
    font-weight: 700;
    font-size: 54px;
    line-height: 1;
    color: #fff; }
  .heroimage2 .title {
    display: block;
    position: relative;
    z-index: 4;
    margin-bottom: 20px; }
    .heroimage2 .title:last-child {
      margin-bottom: 0; }
  .heroimage2 .title-word {
    display: block;
    font-size: 80px;
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
    white-space: nowrap; }
  .heroimage2 .title-subtitle {
    display: block;
    font-weight: 700;
    font-size: 27px;
    color: #fff;
    opacity: 0; }
  .heroimage2 .slider {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%; }
  .heroimage2 .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }
  .heroimage2 .slide-image {
    width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center; }
  .heroimage2 .slide-image-phone {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    display: none; }
  .heroimage2 .ray1 {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    -webkit-transform: rotate(10deg) scale(1.4);
        -ms-transform: rotate(10deg) scale(1.4);
            transform: rotate(10deg) scale(1.4);
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s; }
  .heroimage2 .ray2 {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    -webkit-transform: rotate(-10deg) scale(1.4);
        -ms-transform: rotate(-10deg) scale(1.4);
            transform: rotate(-10deg) scale(1.4);
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s; }
  .heroimage2 .ray-full {
    display: block; }
  .heroimage2 .ray-large,
  .heroimage2 .ray-small,
  .heroimage2 .ray-phone {
    display: none; }
  .heroimage2 .buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    position: absolute;
    z-index: 4;
    left: 66px;
    bottom: 27%; }
  @media only screen and (max-width: 1920px) {
    .heroimage2 .suptitle {
      font-size: calc( (100vw - 1440px)/(1920 - 1440) * (53 - 25) + 25px); } }
  @media only screen and (max-width: 1500px) {
    .heroimage2 .suptitle {
      left: 620px; } }
  @media only screen and (max-width: 1440px) {
    .heroimage2 {
      max-width: calc(100% + 80px);
      padding: 0 40px;
      max-height: 786px;
      min-height: 615px; }
      .heroimage2[data-animations] {
        max-width: 100%; }
        .heroimage2[data-animations] .frame-left .block-center {
          width: 540px; }
        .heroimage2[data-animations] .frame-right .block-center {
          width: 300px; }
      .heroimage2.animations-0 {
        max-width: calc(100% + 80px); }
        .heroimage2.animations-0 .frame-left .block-center {
          width: 454px; }
        .heroimage2.animations-0 .frame-right .block-center {
          width: 234px; }
      .heroimage2 .content {
        border-radius: 45px 45px 0 0; }
      .heroimage2 .frame-left .block-center {
        width: 454px;
        height: 130px;
        border-top-right-radius: 45px; }
      .heroimage2 .frame-left-list {
        padding: 0 38px 0; }
      .heroimage2 .frame-left-item {
        font-size: 15px; }
      .heroimage2 .frame-left-item__image {
        margin-right: 14px;
        width: 112px; }
      .heroimage2 .frame-right .block-center {
        width: 234px;
        height: 130px;
        border-top-left-radius: 45px; }
      .heroimage2 .arrows {
        top: 18px;
        left: 18px; }
      .heroimage2 .arrow {
        width: 46px;
        height: 46px; }
      .heroimage2 .arrow-next {
        margin-left: 6px; }
      .heroimage2 .titles-wrap {
        top: 34px;
        left: 50px; }
      .heroimage2 .suptitle {
        font-size: calc( (100vw - 1280px)/(1440 - 1280) * (40 - 25) + 25px);
        left: 490px; }
      .heroimage2 .title-word {
        font-size: 60px; }
      .heroimage2 .title-subtitle {
        font-size: 20px; }
      .heroimage2 .ray-large {
        display: block; }
      .heroimage2 .ray-full,
      .heroimage2 .ray-small,
      .heroimage2 .ray-phone {
        display: none; }
      .heroimage2 .buttons {
        left: 50px; } }
  @media only screen and (max-width: 1280px) {
    .heroimage2 .suptitle {
      font-size: 26px;
      width: 170px;
      left: 476px; } }
  @media only screen and (max-width: 991px) {
    .heroimage2 {
      max-width: calc(100% + 32px);
      padding: 0 16px;
      margin: 0 auto 100px;
      max-height: 486px;
      min-height: unset; }
      .heroimage2[data-animations] {
        max-width: 100%; }
        .heroimage2[data-animations] .frame-left .block-center {
          width: 220px; }
      .heroimage2.animations-0 {
        max-width: calc(100% + 32px); }
        .heroimage2.animations-0 .frame-left .block-center {
          width: 198px; }
      .heroimage2.animations-1 .title:nth-child(1) {
        display: block; }
      .heroimage2.animations-2 .title:nth-child(2) {
        display: block; }
      .heroimage2.animations-3 .title:nth-child(3) {
        display: block; }
      .heroimage2.animations-4 .title:nth-child(1) {
        display: block; }
      .heroimage2.animations-5 .title:nth-child(2) {
        display: block; }
      .heroimage2.animations-6 .title:nth-child(3) {
        display: block; }
      .heroimage2 .content {
        border-radius: 30px 30px 30px 0; }
      .heroimage2 .frame-left .block-left {
        width: 30px;
        height: 34px; }
      .heroimage2 .frame-left .block-center {
        width: 195px;
        height: 115px;
        border-top-right-radius: 30px; }
      .heroimage2 .frame-left .block-right {
        width: 30px;
        height: 34px; }
      .heroimage2 .frame-left-list {
        padding: 0 16px 0 0; }
      .heroimage2 .frame-left-item {
        font-size: 13px; }
      .heroimage2 .frame-left-item__image {
        display: none; }
      .heroimage2 .frame-right {
        display: none; }
      .heroimage2 .titles-wrap {
        top: 34px;
        left: 20px; }
      .heroimage2 .suptitle {
        left: 220px;
        bottom: 20px; }
      .heroimage2 .title {
        margin-right: 0;
        display: none; }
      .heroimage2 .title-word {
        font-size: 46px; }
      .heroimage2 .title-subtitle {
        font-size: 16px; }
      .heroimage2 .ray-small {
        display: block; }
      .heroimage2 .ray-full,
      .heroimage2 .ray-large,
      .heroimage2 .ray-phone {
        display: none; }
      .heroimage2 .buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        left: 20px;
        bottom: 24%;
        gap: 10px; }
      .heroimage2 .button,
      .heroimage2 .button-c {
        font-size: 14px;
        height: 46px;
        line-height: 40px; } }
  @media only screen and (max-width: 767px) {
    .heroimage2 .slide-image {
      display: none; }
    .heroimage2 .slide-image-phone {
      display: block; }
    .heroimage2 .suptitle {
      font-size: 16px;
      left: 210px; }
    .heroimage2 .frame-left .block-center {
      height: 100px; }
    .heroimage2 .ray-phone {
      display: block; }
    .heroimage2 .ray-full,
    .heroimage2 .ray-large,
    .heroimage2 .ray-small {
      display: none; }
    .heroimage2 .ray1 img {
      width: 100%; }
    .heroimage2 .ray2 {
      width: 100%;
      right: 0;
      left: unset; }
      .heroimage2 .ray2 img {
        width: 100%; } }
  @media only screen and (max-width: 355px) {
    .heroimage2 .title-word {
      font-size: 40px; }
    .heroimage2 .suptitle {
      font-size: 14px;
      left: 200px; } }

.services_home {
  padding-top: 160px;
  margin-bottom: 100px; }
  .services_home[data-scroll] {
    visibility: hidden; }
  .services_home.scrolled {
    visibility: visible; }
  .services_home .content {
    position: relative;
    padding-bottom: 114px; }
  .services_home .title-wrap {
    position: relative;
    margin-bottom: 64px; }
  .services_home .title span {
    position: relative;
    display: inline-block;
    font-weight: 800;
    font-size: 104px;
    line-height: 1.2;
    text-transform: uppercase;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .services_home .title .title-2,
  .services_home .title .title-3 {
    margin-left: 33.33%; }
  .services_home .image1 {
    position: absolute;
    left: calc( 100% + 40px);
    bottom: 25px; }
  .services_home .image2 {
    position: absolute;
    right: calc(100% + 20px);
    top: 0; }
  .services_home .image3 {
    display: none; }
  .services_home .tabs-wrap {
    width: 100%;
    margin-bottom: 40px; }
  .services_home .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .services_home .tab {
    display: inline-block;
    border: 2px solid #f0f0fb;
    border-radius: 100px;
    padding: 2px 35px;
    height: 52px;
    line-height: 46px;
    margin: 8px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .services_home .tab:last-child {
      margin-right: 0; }
    .services_home .tab:hover, .services_home .tab.active {
      background: #060088;
      border: 2px solid #060088;
      color: #fff; }
  .services_home .row-wrap {
    position: relative; }
    .services_home .row-wrap.scrolled .pictures {
      -webkit-transform: translate(0, 0) rotate(-54deg) scale(1.3);
          -ms-transform: translate(0, 0) rotate(-54deg) scale(1.3);
              transform: translate(0, 0) rotate(-54deg) scale(1.3); }
  .services_home .pictures-empty {
    position: absolute;
    z-index: 3;
    right: -100px;
    top: 30%; }
    .services_home .pictures-empty.scrolled + .pictures {
      top: 50%; }
  .services_home .pictures {
    position: absolute;
    z-index: 3;
    right: -100px;
    top: 30%;
    -webkit-transform: translate(-340px, -630px) rotate(0) scale(1);
        -ms-transform: translate(-340px, -630px) rotate(0) scale(1);
            transform: translate(-340px, -630px) rotate(0) scale(1);
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s; }
  .services_home .picture {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%; }
    .services_home .picture.active {
      opacity: 1;
      visibility: visible; }
    .services_home .picture-show {
      position: relative;
      top: 0;
      left: 0;
      -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
              transform: translate(0, 0); }
  .services_home .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .services_home .col {
    width: 33.33%;
    padding-right: 20px; }
    .services_home .col:first-child::after {
      content: "";
      display: block;
      width: 100%;
      height: 160px;
      background: transparent; }
  .services_home .block {
    position: relative;
    margin-bottom: 20px;
    padding: 20px 30px;
    border-radius: 30px; }
    .services_home .block.disable {
      opacity: 0.5; }
      .services_home .block.disable .block-link {
        color: #2e2d43; }
    .services_home .block.active {
      outline: 3px solid #f0f0fb; }
  .services_home .block-image {
    display: none; }
  .services_home .block-title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 16px; }
  .services_home .block-item {
    margin-bottom: 6px; }
    .services_home .block-item:last-child {
      margin-bottom: 0; }
  .services_home .block-link {
    color: #6378ff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .services_home .block-link:hover {
      color: #FF0066; }
  .services_home .block-consul {
    position: absolute;
    left: 0;
    bottom: 20px;
    background: #f0f0fb;
    border-radius: 30px;
    width: 345px;
    padding: 34px 26px 26px;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s; }
    .services_home .block-consul[data-scroll] {
      -webkit-transform: translateY(40px);
          -ms-transform: translateY(40px);
              transform: translateY(40px);
      opacity: 0; }
    .services_home .block-consul.scrolled {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  .services_home .block-consul__icon {
    position: absolute;
    right: 116px;
    bottom: 100%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .services_home .block-consul__icon svg {
      fill: #f0f0fb; }
  .services_home .block-consul__ava {
    position: absolute;
    right: 15px;
    bottom: calc( 100% - 20px); }
  .services_home .block-consul__text {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 24px; }
  .services_home .block-consul__button {
    width: 100%;
    padding: 0 12px; }
  .services_home .show100 {
    position: absolute;
    right: 120px;
    bottom: 0;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s; }
    .services_home .show100[data-scroll] {
      -webkit-transform: translateY(40px);
          -ms-transform: translateY(40px);
              transform: translateY(40px);
      opacity: 0; }
    .services_home .show100.scrolled {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  .services_home .balls {
    width: 368px;
    height: 368px;
    left: unset;
    top: unset;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
        -ms-transform: translate(50%, 50%);
            transform: translate(50%, 50%); }
  .services_home .show100-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    width: 366px;
    height: 486px;
    padding: 0 22px 22px;
    border-radius: 50px;
    background: #060088;
    overflow: hidden; }
    .services_home .show100-block.active .show100-title__pupil {
      top: 30%; }
      .services_home .show100-block.active .show100-title__pupil .pupil-fill {
        -webkit-transform: translate(18px, 0);
            -ms-transform: translate(18px, 0);
                transform: translate(18px, 0); }
    .services_home .show100-block.active .show-ray {
      -webkit-transform: rotate(-8deg);
          -ms-transform: rotate(-8deg);
              transform: rotate(-8deg); }
  .services_home .show-ray {
    position: absolute;
    right: 35px;
    top: 60px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
            transform-origin: top right;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .services_home .show100-title {
    position: relative; }
  .services_home .show100-title__number {
    font-weight: 800;
    font-size: 180px;
    line-height: 1.1;
    color: #fff;
    text-align: center; }
  .services_home .show100-title__pupil {
    position: absolute;
    top: 26%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 72px;
    height: 92px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .services_home .show100-title__pupil.first {
      left: 32%; }
    .services_home .show100-title__pupil.last {
      left: 68%; }
    .services_home .show100-title__pupil .pupil-fill {
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
  .services_home .show100-text {
    position: relative;
    z-index: 2;
    font-weight: 800;
    font-size: 28px;
    line-height: 1.2;
    color: #fff;
    padding-left: 24px; }
  .services_home .show100-button {
    margin-top: auto;
    width: 100%;
    padding: 0; }
  @media only screen and (max-width: 1440px) {
    .services_home {
      padding-top: 160px;
      margin-bottom: 64px; }
      .services_home .content {
        padding-bottom: 50px; }
      .services_home .title-wrap {
        margin-bottom: 46px; }
      .services_home .title span {
        font-size: 78px; }
      .services_home .image1 {
        width: 160px; }
      .services_home .image2 {
        width: 170px;
        top: 25px; }
      .services_home .tabs-wrap {
        margin-bottom: 36px; }
      .services_home .tab {
        border-radius: 100px;
        padding: 2px 26px;
        height: 40px;
        line-height: 32px;
        margin: 1px;
        font-size: 13px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .services_home .pictures-empty {
        position: absolute;
        z-index: 3;
        right: -100px;
        top: 30%; }
        .services_home .pictures-empty.scrolled + .pictures {
          top: 50%; }
      .services_home .pictures {
        right: -90px;
        -webkit-transform: translate(-230px, -520px) rotate(0) scale(1);
            -ms-transform: translate(-230px, -520px) rotate(0) scale(1);
                transform: translate(-230px, -520px) rotate(0) scale(1); }
      .services_home .picture-show {
        width: 184px;
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0); }
      .services_home .col {
        width: 33.33%;
        padding-right: 20px; }
        .services_home .col:first-child::after {
          content: "";
          display: block;
          width: 100%;
          height: 160px;
          background: transparent; }
      .services_home .block {
        padding: 24px 26px;
        border-radius: 22px; }
      .services_home .block-title {
        font-size: 15px;
        margin-bottom: 12px; }
      .services_home .block-item {
        margin-bottom: 4px; }
      .services_home .block-link {
        font-size: 13px; }
      .services_home .block-consul {
        border-radius: 22px;
        width: 258px;
        padding: 25px 20px 20px; }
      .services_home .block-consul__icon {
        right: 88px; }
      .services_home .block-consul__ava {
        width: 72px;
        right: 12px; }
      .services_home .block-consul__text {
        font-size: 15px;
        margin-bottom: 18px; }
      .services_home .block-consul__button {
        width: 100%;
        padding: 0 12px; }
      .services_home .show100 {
        right: 60px;
        bottom: 0; }
      .services_home .balls {
        width: 276px;
        height: 276px; }
      .services_home .show100-block {
        width: 274px;
        height: 368px;
        border-radius: 37px; }
        .services_home .show100-block.active .show100-title__pupil {
          top: 21%; }
          .services_home .show100-block.active .show100-title__pupil .pupil-fill {
            -webkit-transform: translate(24px, 0);
                -ms-transform: translate(24px, 0);
                    transform: translate(24px, 0); }
      .services_home .show100-title__number {
        font-size: 135px; }
      .services_home .show100-title__pupil {
        top: 20%;
        width: 48px;
        height: 70px; }
        .services_home .show100-title__pupil.first {
          left: 32%; }
        .services_home .show100-title__pupil.last {
          left: 72%; }
      .services_home .show100-text {
        font-size: 21px;
        padding-left: 17px; }
      .services_home .show100-button {
        margin-top: auto;
        width: 100%;
        padding: 0; } }
  @media only screen and (max-width: 991px) {
    .services_home {
      padding-top: 0; }
      .services_home .content {
        padding-bottom: 0; }
      .services_home .title-wrap {
        margin-bottom: 60px; }
      .services_home .title span {
        display: block;
        font-size: 47px; }
      .services_home .title .title-2,
      .services_home .title .title-3 {
        margin-left: 0; }
      .services_home .image1 {
        display: none; }
      .services_home .image2 {
        display: none; }
      .services_home .image3 {
        width: 106px;
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
      .services_home .tabs {
        padding-bottom: 8px; }
      .services_home .tab {
        padding: 2px 20px; }
      .services_home .pictures-empty {
        display: none; }
      .services_home .pictures {
        display: none; }
      .services_home .row {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .services_home .col {
        width: 100%;
        padding-right: 0; }
        .services_home .col:first-child::after {
          display: none; }
      .services_home .block {
        margin-bottom: 26px;
        padding: 0 118px 0 0;
        border-radius: 0; }
        .services_home .block.disable {
          display: none; }
        .services_home .block.active {
          outline: 0px solid #f0f0fb; }
      .services_home .block-image {
        display: block;
        position: absolute;
        right: 0;
        top: 30px; }
      .services_home .block-item {
        margin-bottom: 6px; }
      .services_home .block-consul {
        position: relative;
        left: 0;
        bottom: 0;
        border-radius: 22px;
        max-width: 100%;
        width: 328px;
        margin: 0 auto;
        padding: 26px 20px 20px; }
      .services_home .show100 {
        position: relative;
        right: 0;
        bottom: 0;
        display: block;
        max-width: 100%;
        width: 328px;
        margin: 30px auto 90px; }
      .services_home .show100-block {
        width: 100%;
        height: 368px; }
        .services_home .show100-block.active .show100-title__pupil {
          top: 21%; }
          .services_home .show100-block.active .show100-title__pupil .pupil-fill {
            -webkit-transform: translate(24px, 0);
                -ms-transform: translate(24px, 0);
                    transform: translate(24px, 0); }
      .services_home .show-ray {
        right: 54px; }
      .services_home .show100-title__pupil {
        top: 20%;
        width: 48px;
        height: 70px; }
        .services_home .show100-title__pupil.first {
          left: 35%; }
        .services_home .show100-title__pupil.last {
          left: 68%; } }

.cases {
  margin-bottom: 56px;
  overflow: hidden; }
  .cases[data-scroll] {
    visibility: hidden; }
  .cases.scrolled {
    visibility: visible; }
  .cases .content {
    position: relative; }
  .cases .title-wrap {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 500px; }
  .cases .above-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #b0b0b0;
    margin-bottom: 20px; }
  .cases .title {
    font-weight: 800;
    font-size: 100px;
    line-height: 100%;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px; }
  .cases .sub-title {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2; }
  .cases .list {
    position: relative;
    z-index: 3;
    height: 1900px;
    will-change: height; }
    .cases .list.collapse .item {
      top: 100% !important;
      -webkit-transform: scale(0.7) !important;
          -ms-transform: scale(0.7) !important;
              transform: scale(0.7) !important; }
      .cases .list.collapse .item:nth-child(1) {
        right: 25% !important; }
      .cases .list.collapse .item:nth-child(2) {
        left: 25% !important; }
      .cases .list.collapse .item:nth-child(3) {
        left: 25% !important; }
      .cases .list.collapse .item:nth-child(4) {
        left: 25% !important; }
      .cases .list.collapse .item:nth-child(5) {
        right: 25% !important; }
      .cases .list.collapse .item .item-content {
        -webkit-transform: translateY(0) !important;
            -ms-transform: translateY(0) !important;
                transform: translateY(0) !important; }
  .cases .item {
    position: absolute;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s; }
    .cases .item:nth-child(1) {
      width: 674px;
      top: 104px;
      right: 30px;
      -webkit-transform: rotate(7deg);
          -ms-transform: rotate(7deg);
              transform: rotate(7deg); }
    .cases .item:nth-child(2) {
      width: 482px;
      top: 430px;
      left: 30px;
      -webkit-transform: rotate(-15deg);
          -ms-transform: rotate(-15deg);
              transform: rotate(-15deg); }
    .cases .item:nth-child(3) {
      width: 564px;
      top: 760px;
      left: 26%;
      -webkit-transform: rotate(-3deg);
          -ms-transform: rotate(-3deg);
              transform: rotate(-3deg); }
    .cases .item:nth-child(4) {
      z-index: 2;
      width: 626px;
      top: 1280px;
      left: 30px;
      -webkit-transform: rotate(15deg);
          -ms-transform: rotate(15deg);
              transform: rotate(15deg); }
    .cases .item:nth-child(5) {
      width: 550px;
      top: 1230px;
      right: 30px;
      -webkit-transform: rotate(-15deg);
          -ms-transform: rotate(-15deg);
              transform: rotate(-15deg); }
    .cases .item:hover {
      z-index: 4; }
      .cases .item:hover .item-image-bottom {
        opacity: 1; }
  .cases .item-content {
    will-change: transform; }
  .cases .item-image {
    position: relative; }
    .cases .item-image .image-wrapper {
      display: block;
      width: 100%;
      background: #fff;
      border-radius: 20px 20px 0 0;
      overflow: hidden; }
    .cases .item-image img {
      width: 100%;
      border-radius: 20px; }
  .cases .item-image-bottom {
    position: absolute;
    z-index: 2;
    left: 0px;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 8px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .cases .item-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .cases .item-tag {
    border-radius: 100px;
    padding: 0px 35px;
    width: auto;
    height: 45px;
    background: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    margin: 2px; }
  .cases .item-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    margin-left: auto;
    width: 104px;
    height: 104px;
    background: #060088;
    border: 3px solid #060088;
    -webkit-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
            transform: rotate(-9deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .cases .item-arrow svg {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 30px;
      height: 30px;
      fill: #FF0066;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .cases .item-arrow:hover {
      background: #fff;
      border: 3px solid #FF0066; }
  .cases .item-title {
    display: block;
    font-size: 16px;
    color: #a0a0a0;
    padding: 12px 10px;
    background: #fff;
    border-radius: 0 0 15px 15px; }
    .cases .item-title strong {
      color: #000; }
  .cases .block {
    position: relative;
    z-index: 4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff; }
  .cases .block-images {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 943px;
    margin-right: 24px; }
  .cases .block-image {
    display: none; }
    .cases .block-image.active {
      display: block; }
  .cases .block-image__img {
    display: block;
    width: 100%;
    height: 640px;
    border-radius: 20px;
    -o-object-fit: cover;
       object-fit: cover; }
  .cases .block-image__text {
    display: block;
    font-weight: 500;
    font-size: 16px;
    color: #a0a0a0;
    margin-top: 15px; }
  .cases .block-tags__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 28px; }
  .cases .block-tags__item {
    display: inline-block;
    border: 3px solid #f0f0fb;
    border-radius: 100px;
    padding: 10px 35px;
    width: auto;
    height: 52px;
    line-height: 1.6;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #8b8b8b; }
    .cases .block-tags__item:last-child {
      margin-bottom: 0; }
    .cases .block-tags__item.active {
      border: 3px solid #6378ff;
      color: #6378ff; }
  .cases .slider {
    width: 100%; }
  .cases .slide {
    width: 100%; }
    .cases .slide img {
      width: 100%;
      height: 700px;
      -o-object-fit: cover;
         object-fit: cover;
      opacity: 0;
      border-radius: 60px; }
  .cases .slide-title {
    display: block;
    margin-top: 15px; }
  .cases .frame-right {
    position: absolute;
    z-index: 4;
    right: -1px;
    bottom: 36px; }
    .cases .frame-right .image-wrapper {
      position: relative; }
    .cases .frame-right .block-center {
      position: relative;
      width: 270px;
      height: 130px;
      background: #fff;
      border-top-left-radius: 60px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .cases .frame-right .block-left {
      position: absolute;
      bottom: 0;
      right: calc(100% - 1px); }
    .cases .frame-right .block-right {
      position: absolute;
      bottom: calc(100% - 1px);
      right: 0; }
  .cases .arrows {
    position: absolute;
    top: 30px;
    left: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .cases .arrow {
    width: 60px;
    height: 60px;
    border: 3px solid #6378ff;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .cases .arrow svg {
      fill: #6378ff; }
  .cases .arrow-prev svg {
    margin-left: -2px; }
  .cases .arrow-next {
    margin-left: 10px; }
    .cases .arrow-next svg {
      margin-left: 2px; }
  @media only screen and (max-width: 1440px) {
    .cases {
      margin-bottom: 42px; }
      .cases .title-wrap {
        max-width: 380px; }
      .cases .above-title {
        font-size: 12px;
        margin-bottom: 14px; }
      .cases .title {
        font-size: 75px;
        margin-bottom: 7px; }
      .cases .sub-title {
        font-size: 27px; }
      .cases .list {
        height: 1416px; }
      .cases .item:nth-child(1) {
        width: 506px;
        top: 90px; }
      .cases .item:nth-child(2) {
        width: 360px;
        top: 324px; }
      .cases .item:nth-child(3) {
        width: 422px;
        top: 600px; }
      .cases .item:nth-child(4) {
        width: 470px;
        top: 990px; }
      .cases .item:nth-child(5) {
        width: 410px;
        top: 980px; }
      .cases .item-image .image-wrapper {
        border-radius: 15px 15px 0 0;
        overflow: hidden; }
        .cases .item-image .image-wrapper img {
          border-radius: 15px; }
      .cases .item-image-bottom {
        padding: 6px; }
      .cases .item-tag {
        border-radius: 34px;
        padding: 0px 26px;
        width: auto;
        height: 34px;
        font-size: 12px;
        line-height: 34px; }
      .cases .item-arrow {
        width: 78px;
        height: 78px; }
        .cases .item-arrow svg {
          width: 22px;
          height: 22px; }
      .cases .item-title {
        font-size: 12px;
        color: #a0a0a0; }
      .cases .block-images {
        width: 740px;
        margin-right: 15px; }
      .cases .block-image__img {
        height: 480px;
        border-radius: 15px; }
      .cases .block-image__text {
        font-size: 12px;
        margin-top: 10px; }
      .cases .block-tags__title {
        font-size: 27px;
        margin-bottom: 22px; }
      .cases .block-tags__item {
        border-radius: 75px;
        padding: 8px 26px;
        height: 40px;
        line-height: 1.5;
        margin-bottom: 10px;
        margin-right: 20px;
        font-size: 12px; }
      .cases .slide img {
        height: 600px;
        border-radius: 37px; }
      .cases .slide-title {
        font-size: 13px;
        margin-top: 11px; }
      .cases .frame-right {
        bottom: 28px; }
        .cases .frame-right .block-center {
          width: 204px;
          height: 98px;
          border-top-left-radius: 37px; }
      .cases .arrows {
        top: 26px;
        left: 20px; }
      .cases .arrow {
        width: 46px;
        height: 46px;
        border: 2px solid #6378ff; }
        .cases .arrow svg {
          width: 13px;
          height: 20px; } }
  @media only screen and (max-width: 1280px) {
    .cases .block-images {
      width: 702px; }
    .cases .block-image__img {
      height: 476px; } }
  @media only screen and (max-width: 991px) {
    .cases .content {
      position: relative; }
    .cases .title-wrap {
      position: relative;
      max-width: 100%;
      margin-bottom: 24px; }
    .cases .above-title {
      font-size: 12px;
      margin-bottom: 12px; }
    .cases .title {
      font-size: 90px;
      margin-bottom: 2px; }
    .cases .sub-title {
      font-size: 24px; }
    .cases .list {
      position: relative;
      z-index: 3;
      height: auto; }
    .cases .item {
      position: relative;
      width: 100% !important;
      top: unset !important;
      left: unset !important;
      right: unset !important;
      -webkit-transform: rotate(0deg) !important;
          -ms-transform: rotate(0deg) !important;
              transform: rotate(0deg) !important;
      margin-bottom: 30px; }
    .cases .item-title {
      padding: 0;
      padding-top: 12px; }
    .cases .item-image-bottom {
      display: none; }
    .cases .block {
      padding-top: 0;
      margin-top: 48px; }
    .cases .block-images {
      display: none; }
    .cases .block-tags__title {
      font-size: 27px;
      margin-bottom: 26px; }
    .cases .block-tags__item {
      border: 2px solid #f0f0fb;
      margin-bottom: 7px;
      margin-right: 3px; }
      .cases .block-tags__item:last-child {
        margin-bottom: 0; }
      .cases .block-tags__item.active {
        border: 2px solid #8b8b8b;
        color: #8b8b8b; }
    .cases .slide img {
      height: auto;
      border-radius: 15px; }
    .cases .slide-title {
      font-size: 12px; }
    .cases .frame-right {
      bottom: 29px; }
      .cases .frame-right .block-left {
        width: 20px;
        height: 22px; }
      .cases .frame-right .block-center {
        width: 100px;
        height: 54px;
        border-top-left-radius: 20px; }
      .cases .frame-right .block-right {
        width: 20px;
        height: 24px; }
    .cases .arrows {
      top: 8px;
      left: 10px; }
    .cases .arrow {
      width: 36px;
      height: 36px;
      border: 1px solid #6378ff; }
      .cases .arrow svg {
        width: 10px;
        height: 16px; }
    .cases .arrow-next {
      margin-left: 5px; } }
  @media only screen and (max-width: 767px) {
    .cases .sub-title {
      font-size: 16px;
      margin-bottom: 10px; }
    .cases .title {
      font-size: calc( (100vw - 320px)/(767 - 320) * (47 - 26) + 26px); } }

body.home-page .present {
  margin-top: 0;
  margin-bottom: 300px; }
  @media only screen and (max-width: 1440px) {
    body.home-page .present {
      margin-top: 0;
      margin-bottom: 240px; } }
  @media only screen and (max-width: 991px) {
    body.home-page .present {
      margin-top: 0;
      margin-bottom: 120px; } }

.present {
  margin-top: 100px;
  margin-bottom: 200px; }
  .present .content {
    position: relative; }
  .present .balls {
    width: 800px;
    height: 800px; }
  .present .block {
    text-align: center;
    white-space: nowrap; }
  .present .text-circle {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    background: #663399;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 16px 12px; }
  .present .text-circle__number {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 800;
    font-size: 79px;
    line-height: 1;
    color: #FF0066;
    -webkit-transform: rotate(27deg);
        -ms-transform: rotate(27deg);
            transform: rotate(27deg); }
  .present .text-circle__text {
    position: absolute;
    bottom: 2px;
    left: -8px;
    font-weight: 800;
    font-size: 55px;
    line-height: 100%;
    color: #FF0066;
    -webkit-transform: rotate(27deg);
        -ms-transform: rotate(27deg);
            transform: rotate(27deg); }
  .present .text {
    font-weight: 300;
    font-size: 36px;
    line-height: 200%; }
  .present .text-label {
    font-weight: 300;
    font-size: 36px;
    background: #fff;
    border: 1px solid #f0f0fb;
    border-radius: 100px;
    padding: 2px 35px;
    display: inline-block;
    height: 80px;
    line-height: 70px;
    margin: 4px 20px; }
    .present .text-label:hover {
      background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
      background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
      border: 1px solid transparent;
      color: #fff; }
  .present .text-label_c {
    display: inline-block;
    border-radius: 90px;
    -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
            transform: rotate(-10deg);
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    padding: 2px 26px;
    margin: 0 24px; }
    .present .text-label_c span {
      color: #fff;
      font-weight: 800;
      font-size: 63px;
      line-height: 1.2; }
    .present .text-label_c:hover {
      background: #000; }
      .present .text-label_c:hover span {
        background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
        background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
  .present .text-wrap {
    position: relative;
    display: inline-block;
    padding-right: 185px; }
  .present .bow {
    position: absolute;
    top: -42px; }
  @media only screen and (max-width: 1440px) {
    .present {
      margin-top: 80px;
      margin-bottom: 140px; }
      .present .balls {
        width: 600px;
        height: 600px; }
      .present .text-circle {
        width: 84px;
        height: 84px;
        margin: 0 14px 10px; }
      .present .text-circle__number {
        font-size: 59px; }
      .present .text-circle__text {
        font-size: 41px; }
      .present .text {
        font-size: 24px; }
      .present .text-label {
        font-size: 27px;
        border-radius: 75px;
        padding: 1px 26px;
        height: 60px;
        line-height: 54px;
        margin: 4px 14px; }
      .present .text-label_c {
        border-radius: 68px;
        padding: 0px 16px;
        margin: 0 18px; }
        .present .text-label_c span {
          font-size: 47px;
          line-height: 1.1; }
      .present .text-wrap {
        padding-right: 180px; }
      .present .bow {
        top: -28px;
        width: 150px; } }
  @media only screen and (max-width: 991px) {
    .present {
      margin-top: 60px;
      margin-bottom: 120px; }
      .present .balls {
        width: 330px;
        height: 330px; }
      .present .block {
        margin: 0 auto;
        max-width: 320px;
        white-space: normal; }
        .present .block br {
          display: none; }
      .present .text-circle {
        width: 52px;
        height: 52px;
        margin: 0 10px 4px; }
      .present .text-circle__number {
        font-size: 37px; }
      .present .text-circle__text {
        font-size: 26px; }
      .present .text {
        font-size: 14px; }
      .present .text-label {
        font-size: 14px;
        border-radius: 42px;
        padding: 1px 12px;
        height: 34px;
        line-height: 30px;
        margin: 4px 6px; }
      .present .text-label_c {
        border-radius: 38px;
        padding: 1px 10px;
        margin: 8px 6px; }
        .present .text-label_c span {
          font-size: 26px;
          line-height: 1; }
      .present .text-wrap {
        padding-right: 80px; }
      .present .bow {
        top: -28px;
        width: 85px; } }

.showreal {
  margin-bottom: 110px; }
  .showreal .content {
    position: relative; }
    .showreal .content:hover .frame-left .block-center {
      width: 342px; }
    .showreal .content:hover .frame-right .block-center {
      width: 342px; }
  .showreal .frame-left {
    position: absolute;
    z-index: 2;
    left: -1px;
    bottom: 0; }
    .showreal .frame-left .image-wrapper {
      position: relative; }
    .showreal .frame-left .block-center {
      position: relative;
      width: 260px;
      height: 174px;
      background: #fff;
      border-top-right-radius: 60px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .showreal .frame-left .block-left {
      position: absolute;
      bottom: calc(100% - 1px);
      left: 0; }
    .showreal .frame-left .block-right {
      position: absolute;
      left: calc(100% - 1px);
      bottom: 0px; }
  .showreal .frame-right {
    position: absolute;
    right: 0px;
    top: -1px; }
    .showreal .frame-right .image-wrapper {
      position: relative; }
    .showreal .frame-right .block-center {
      position: relative;
      width: 260px;
      height: 174px;
      background: #fff;
      border-bottom-left-radius: 60px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .showreal .frame-right .block-left {
      position: absolute;
      top: 0;
      right: calc(100% - 1px); }
    .showreal .frame-right .block-right {
      position: absolute;
      top: calc(100% - 1px);
      right: 0; }
  .showreal .video {
    width: 100%;
    border-radius: 60px; }
  .showreal .video-iframe {
    width: 100%;
    height: 710px;
    border-radius: 60px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border: 0; }
    .showreal .video-iframe iframe {
      width: 100%;
      height: 100%; }
  .showreal .title {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-weight: 700;
    font-size: 100px;
    line-height: 0.8;
    text-transform: uppercase;
    color: #fff;
    text-align: right; }
  .showreal .frame-link {
    position: absolute;
    top: 24px;
    right: 26px;
    border-radius: 40px;
    width: 138px;
    height: 138px;
    background: #FF0066;
    cursor: pointer; }
  .showreal .frame-link__icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 50%;
    left: 54%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 36px;
    height: 40px; }
    .showreal .frame-link__icon svg {
      width: 100%;
      height: 100%; }
  @media only screen and (max-width: 1440px) {
    .showreal .content:hover .frame-left .block-center {
      width: 256px; }
    .showreal .content:hover .frame-right .block-center {
      width: 256px; }
    .showreal .frame-left .block-center {
      width: 196px;
      height: 130px;
      border-top-right-radius: 45px; }
    .showreal .frame-right .block-center {
      width: 196px;
      height: 130px;
      border-bottom-left-radius: 45px; }
    .showreal .frame-link {
      width: 102px;
      height: 102px;
      border-radius: 30px;
      top: 20px;
      right: 20px; }
    .showreal .frame-link__icon {
      width: 28px;
      height: 32px; }
    .showreal .video {
      border-radius: 45px; }
    .showreal .video-iframe {
      border-radius: 45px;
      height: 562px; }
    .showreal .title {
      font-size: 75px; } }
  @media only screen and (max-width: 1280px) {
    .showreal .video-iframe {
      height: 528px; } }
  @media only screen and (max-width: 991px) {
    .showreal {
      margin-bottom: 70px; }
      .showreal .content:hover .frame-left .block-center {
        width: 122px; }
      .showreal .frame-left .block-center {
        width: 122px;
        height: 64px;
        border-top-right-radius: 15px; }
      .showreal .frame-left .block-left {
        width: 24px;
        height: 28px; }
      .showreal .frame-left .block-right {
        width: 24px;
        height: 28px; }
      .showreal .frame-right {
        display: none; }
      .showreal .frame-link {
        width: 50px;
        height: 50px;
        border-radius: 14px;
        top: 10px;
        right: 10px; }
      .showreal .frame-link__icon {
        width: 12px;
        height: 10px; }
      .showreal .video {
        border-radius: 15px; }
      .showreal .video-iframe {
        border-radius: 45px;
        height: 55vw; }
      .showreal .title {
        font-size: 25px; } }

.reviews {
  margin-bottom: 180px; }
  .reviews[data-scroll] {
    visibility: hidden; }
  .reviews.scrolled {
    visibility: visible; }
  .reviews .content {
    position: relative;
    border-radius: 50px;
    background: #f0f0fb;
    padding: 92px 0px 136px 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .reviews .frame-left {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0; }
    .reviews .frame-left img {
      width: 340px; }
  .reviews .frame-right {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0; }
    .reviews .frame-right img {
      width: 340px; }
  .reviews .frame-link {
    position: absolute;
    right: 50px;
    bottom: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .reviews .frame-link__text {
    width: 166px;
    font-weight: 700;
    font-size: 20px;
    color: #6378ff;
    line-height: 1.2;
    margin-right: 22px; }
  .reviews .frame-link__arrow {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24px;
    height: 24px; }
    .reviews .frame-link__arrow svg {
      width: 100%;
      height: 100%;
      fill: #2e2d43; }
  .reviews .col-left {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 456px;
    margin-right: 60px; }
  .reviews .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 36px;
    margin-bottom: 42px;
    border-bottom: 1px solid #c0c0c0; }
  .reviews .socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px; }
  .reviews .social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 20px; }
    .reviews .social:last-child {
      margin-right: 0; }
  .reviews .social-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 76px;
    width: 87px;
    height: 40px;
    background: #fff;
    margin-left: 10px; }
  .reviews .social-block__star {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 20px;
    height: 20px; }
    .reviews .social-block__star svg {
      width: 100%;
      height: 100%; }
  .reviews .social-block__number {
    margin-left: 8px;
    font-weight: 700;
    font-size: 18px; }
  .reviews .button-i {
    width: 100%; }
  .reviews .col-right {
    position: relative; }
  .reviews .heart {
    position: relative;
    z-index: 1; }
  .reviews .images {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .reviews .image {
    position: absolute;
    width: 24%;
    height: 40%; }
    .reviews .image:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(28.5%, rgba(255, 0, 102, 0.7)), to(rgba(99, 120, 255, 0.7)));
      background: -o-linear-gradient(top, rgba(255, 0, 102, 0.7) 28.5%, rgba(99, 120, 255, 0.7) 100%);
      background: linear-gradient(180deg, rgba(255, 0, 102, 0.7) 28.5%, rgba(99, 120, 255, 0.7) 100%);
      border: 4px solid #481a75; }
    .reviews .image:hover {
      z-index: 100; }
      .reviews .image:hover::before {
        background: transparent; }
    .reviews .image img {
      width: 100%;
      height: 100%; }
  .reviews .image-1 {
    top: 19%;
    left: 4%;
    z-index: 15; }
  .reviews .image-2 {
    top: 26%;
    left: 13%;
    z-index: 14; }
  .reviews .image-3 {
    top: 34%;
    left: 21%;
    z-index: 13; }
  .reviews .image-4 {
    top: 45%;
    left: 29%;
    z-index: 12; }
  .reviews .image-5 {
    top: 54%;
    left: 37%;
    z-index: 11; }
  .reviews .image-6 {
    top: 45%;
    left: 46%;
    z-index: 13; }
  .reviews .image-7 {
    top: 34%;
    left: 55%;
    z-index: 13; }
  .reviews .image-8 {
    top: 26%;
    left: 63%;
    z-index: 14; }
  .reviews .image-9 {
    top: 19%;
    left: 72%;
    z-index: 15; }
  .reviews .image-10 {
    top: 5%;
    left: 16%;
    z-index: 1; }
  .reviews .image-11 {
    top: 12%;
    left: 24%;
    z-index: 2; }
  .reviews .image-12 {
    top: 19%;
    left: 30%;
    z-index: 3; }
  .reviews .image-13 {
    top: 26%;
    left: 39%;
    z-index: 4; }
  .reviews .image-14 {
    top: 12%;
    left: 53%;
    z-index: 5; }
  .reviews .image-15 {
    top: 5%;
    left: 61%;
    z-index: 6; }
  @media only screen and (max-width: 1440px) {
    .reviews .content {
      border-radius: 36px; }
    .reviews .frame-left img {
      width: 290px; }
    .reviews .frame-right img {
      width: 290px; }
    .reviews .col-left {
      width: 360px; }
    .reviews .title {
      font-size: 27px;
      padding-bottom: 30px;
      margin-bottom: 32px; }
    .reviews .heart {
      width: 466px;
      height: 392px; }
      .reviews .heart svg {
        width: 100%;
        height: 100%; }
    .reviews .socials {
      margin-bottom: 50px; }
    .reviews .social {
      margin-right: 12px; }
    .reviews .social-block {
      border-radius: 56px;
      width: 65px;
      height: 30px;
      margin-left: 6px; }
    .reviews .social-block__star {
      width: 16px;
      height: 16px; }
    .reviews .social-block__number {
      margin-left: 5px;
      font-size: 14px; }
    .reviews .frame-link__text {
      width: 124px;
      font-size: 15px; }
    .reviews .frame-link__arrow {
      width: 20px;
      height: 20px; } }
  @media only screen and (max-width: 1280px) {
    .reviews .content {
      padding: 70px 0px 100px 34px; }
    .reviews .frame-left img {
      width: 256px; }
    .reviews .frame-right img {
      width: 256px; }
    .reviews .col-left {
      margin-right: 36px; }
    .reviews .frame-link {
      right: 26px;
      bottom: 24px; } }
  @media only screen and (max-width: 991px) {
    .reviews {
      margin-bottom: 120px; }
      .reviews .content {
        padding: 40px 16px 20px;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start; }
      .reviews .frame-left {
        display: none; }
      .reviews .frame-right {
        position: absolute;
        z-index: 2;
        bottom: unset;
        right: unset;
        top: 100%;
        left: 0;
        width: 100%; }
        .reviews .frame-right img {
          display: none; }
      .reviews .frame-link {
        position: relative;
        right: unset;
        bottom: unset;
        width: 100%;
        margin-top: 24px; }
      .reviews .frame-link__text {
        width: 100%;
        font-size: 14px;
        margin-right: 0;
        text-align: center; }
      .reviews .frame-link__arrow {
        display: none; }
      .reviews .col-left {
        width: 100%;
        margin-right: 0;
        margin-top: 34px; }
      .reviews .title {
        font-size: 20px;
        padding-bottom: 0;
        margin-bottom: 16px;
        border-bottom: 0px; }
      .reviews .socials {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin-bottom: 10px; }
      .reviews .social {
        margin-bottom: 30px; }
      .reviews .col-right {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
            -ms-flex-order: -1;
                order: -1;
        width: 100%; }
      .reviews .heart {
        width: 100%;
        height: 69vw; }
      .reviews .image:before {
        border: 2px solid #481a75; } }

.partners {
  margin-bottom: 80px; }
  .partners[data-scroll] {
    visibility: hidden; }
  .partners.scrolled {
    visibility: visible; }
  .partners .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .partners .col-left {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 208px;
    margin-top: 50px;
    margin-right: 54px; }
  .partners .title {
    font-weight: 800;
    font-size: 90px;
    line-height: 1;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px; }
  .partners .subtitle {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2; }
  .partners .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: -10px; }
  .partners .item {
    width: calc(25% - 20px);
    margin: 10px; }
  .partners .item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 20px 6px;
    border: 1px solid transparent;
    border-radius: 7px; }
    .partners .item-content:hover {
      border: 1px solid #c9c9c9; }
      .partners .item-content:hover .item-arrow {
        top: 8px;
        right: 8px;
        opacity: 1; }
        .partners .item-content:hover .item-arrow svg {
          opacity: 1; }
      .partners .item-content:hover .item-image img {
        opacity: 1;
        -webkit-filter: grayscale(0);
                filter: grayscale(0); }
      .partners .item-content:hover .item-text {
        opacity: 1; }
  .partners .item-arrow {
    position: absolute;
    z-index: 2;
    top: 12px;
    right: 12px;
    opacity: 0;
    -webkit-transition: opacity 0.1s, top 0.3s, right 0.3s;
    -o-transition: opacity 0.1s, top 0.3s, right 0.3s;
    transition: opacity 0.1s, top 0.3s, right 0.3s; }
    .partners .item-arrow svg {
      fill: #2e2d43;
      opacity: 0.5;
      -webkit-transition: opacity 0.6s;
      -o-transition: opacity 0.6s;
      transition: opacity 0.6s; }
  .partners .item-image {
    width: 166px;
    height: 146px;
    margin-bottom: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .partners .item-image img {
      max-width: 100%;
      opacity: 0.5;
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
  .partners .item-text {
    margin-top: auto;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
    color: #a0a0a0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .partners .link-more {
    display: block;
    border: 1px solid #c9c9c9;
    border-radius: 20px;
    height: 66px;
    line-height: 64px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #6378ff;
    margin-top: 16px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .partners .link-more:hover {
      color: #FF0066; }
  @media only screen and (max-width: 1440px) {
    .partners .item-content {
      padding: 14px 6px; }
    .partners .item-image {
      width: 114px;
      height: 108px; }
    .partners .link-more {
      border-radius: 15px;
      height: 50px;
      line-height: 50px;
      font-size: 12px; } }
  @media only screen and (max-width: 991px) {
    .partners {
      margin-bottom: 64px; }
      .partners .content {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .partners .col-left {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 26px;
        margin-right: 0px; }
      .partners .list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin: -7px; }
      .partners .item {
        width: calc(50% - 14px);
        margin: 7px; }
      .partners .item-content {
        padding: 8px 2px;
        border: 1px solid #c9c9c9; }
        .partners .item-content:hover .item-text {
          opacity: 1; }
      .partners .item-arrow {
        display: none; }
      .partners .item-text {
        font-size: 12px;
        opacity: 1; }
      .partners .link-more {
        border-radius: 15px;
        height: 50px;
        line-height: 48px;
        font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    .partners .subtitle {
      font-size: 16px;
      margin-bottom: 10px; }
    .partners .title {
      font-size: calc( (100vw - 320px)/(767 - 320) * (47 - 26) + 26px); } }

.team {
  margin-bottom: 80px; }
  .team[data-scroll] {
    visibility: hidden; }
  .team.scrolled {
    visibility: visible; }
  .team .avatars.avatar-1_h .avatar-1 {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
    .team .avatars.avatar-1_h .avatar-1 .avatar-image {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    .team .avatars.avatar-1_h .avatar-1 .avatar-bg {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
  .team .avatars.avatar-2_h .avatar-2 {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
    .team .avatars.avatar-2_h .avatar-2 .avatar-image {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    .team .avatars.avatar-2_h .avatar-2 .avatar-bg {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
  .team .avatars.avatar-3_h .avatar-3 {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
    .team .avatars.avatar-3_h .avatar-3 .avatar-image {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    .team .avatars.avatar-3_h .avatar-3 .avatar-bg {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
  .team .avatars.avatar-4_h .avatar-4 {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
    .team .avatars.avatar-4_h .avatar-4 .avatar-image {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    .team .avatars.avatar-4_h .avatar-4 .avatar-bg {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
  .team .avatars.avatar-5_h .avatar-5 {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
    .team .avatars.avatar-5_h .avatar-5 .avatar-image {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    .team .avatars.avatar-5_h .avatar-5 .avatar-bg {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
  .team .avatars.avatar-6_h .avatar-6 {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
    .team .avatars.avatar-6_h .avatar-6 .avatar-image {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    .team .avatars.avatar-6_h .avatar-6 .avatar-bg {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
  .team .avatars.avatar-7_h .avatar-7 {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
    .team .avatars.avatar-7_h .avatar-7 .avatar-image {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    .team .avatars.avatar-7_h .avatar-7 .avatar-bg {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
  .team .avatars.avatar-8_h .avatar-8 {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
    .team .avatars.avatar-8_h .avatar-8 .avatar-image {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    .team .avatars.avatar-8_h .avatar-8 .avatar-bg {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
  .team .avatars.avatar-9_h .avatar-9 {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
    .team .avatars.avatar-9_h .avatar-9 .avatar-image {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    .team .avatars.avatar-9_h .avatar-9 .avatar-bg {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
  .team .avatars.avatar-10_h .avatar-10 {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
    .team .avatars.avatar-10_h .avatar-10 .avatar-image {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    .team .avatars.avatar-10_h .avatar-10 .avatar-bg {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
  .team .avatars.avatar-11_h .avatar-11 {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
    .team .avatars.avatar-11_h .avatar-11 .avatar-image {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    .team .avatars.avatar-11_h .avatar-11 .avatar-bg {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
  .team .avatar-image {
    position: relative;
    z-index: 1;
    max-width: 100%;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  .team .avatar-bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-filter: grayscale(0.2);
            filter: grayscale(0.2); }
  .team .avatar {
    display: inline-block;
    position: absolute;
    -webkit-transform: scale(0.98);
        -ms-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  .team .avatar-1 {
    top: 0;
    left: 170px; }
  .team .avatar-2 {
    top: 90px;
    left: 390px; }
  .team .avatar-3 {
    top: 76px;
    right: 114px; }
  .team .avatar-4 {
    top: 234px;
    left: 0; }
  .team .avatar-5 {
    top: 154px;
    left: 194px; }
  .team .avatar-6 {
    top: 332px;
    left: 390px; }
  .team .avatar-7 {
    top: 274px;
    right: 107px; }
  .team .avatar-8 {
    top: 398px;
    left: 186px; }
  .team .avatar-9 {
    left: 274px;
    bottom: 0; }
  .team .avatar-10 {
    right: 228px;
    bottom: 70px; }
  .team .avatar-11 {
    right: 0;
    bottom: 126px; }
  .team .container {
    margin-left: 40px; }
  .team .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .team .col-left {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    position: relative;
    width: 882px;
    height: 790px; }
  .team .col-right {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 412px;
    margin-left: 36px; }
  .team .title {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 20px; }
  .team .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .team .item {
    width: 50%;
    padding-right: 10px;
    margin-bottom: 16px;
    cursor: pointer; }
    .team .item:hover .item-name, .team .item.hover .item-name {
      color: #FF0066; }
  .team .item-name {
    display: block;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    text-transform: uppercase;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .team .item-work {
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    color: #8b8b8b;
    margin-top: 4px; }
  .team .block {
    border-top: 1px solid #c0c0c0;
    padding-top: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .team .block-number {
    font-weight: 700;
    font-size: 75px;
    line-height: 1;
    margin-right: 16px; }
  .team .block-text {
    max-width: 226px;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.2; }
  @media only screen and (max-width: 1440px) {
    .team .col-left {
      width: 662px;
      height: 592px; }
    .team .avatar-1 {
      width: 140px;
      top: 0;
      left: 130px; }
    .team .avatar-2 {
      width: 150px;
      top: 60px;
      left: 288px; }
    .team .avatar-3 {
      width: 114px;
      top: 56px;
      right: 85px; }
    .team .avatar-4 {
      width: 137px;
      top: 220px;
      left: 0; }
    .team .avatar-5 {
      width: 154px;
      top: 122px;
      left: 126px; }
    .team .avatar-6 {
      width: 118px;
      top: 250px;
      left: 292px; }
    .team .avatar-7 {
      width: 150px;
      top: 202px;
      right: 85px; }
    .team .avatar-8 {
      width: 128px;
      top: 300px;
      left: 148px; }
    .team .avatar-9 {
      width: 142px;
      left: 205px;
      bottom: 0; }
    .team .avatar-10 {
      width: 134px;
      right: 170px;
      bottom: 50px; }
    .team .avatar-11 {
      width: 144px;
      right: 0;
      bottom: 90px; }
    .team .title {
      font-size: 27px; } }
  @media only screen and (max-width: 1280px) {
    .team .col-left {
      width: 466px;
      height: 418px; }
    .team .avatar-1 {
      width: 98px;
      top: 0;
      left: 90px; }
    .team .avatar-2 {
      width: 110px;
      top: 42px;
      left: 197px; }
    .team .avatar-3 {
      width: 86px;
      top: 32px;
      right: 52px; }
    .team .avatar-4 {
      width: 96px;
      top: 154px;
      left: 0; }
    .team .avatar-5 {
      width: 104px;
      top: 94px;
      left: 90px; }
    .team .avatar-6 {
      width: 82px;
      top: 176px;
      left: 208px; }
    .team .avatar-7 {
      width: 108px;
      top: 144px;
      right: 58px; }
    .team .avatar-8 {
      width: 88px;
      top: 210px;
      left: 110px; }
    .team .avatar-9 {
      width: 100px;
      left: 146px;
      bottom: 0; }
    .team .avatar-10 {
      width: 94px;
      right: 118px;
      bottom: 36px; }
    .team .avatar-11 {
      width: 100px;
      right: 0;
      bottom: 62px; } }
  @media only screen and (max-width: 991px) {
    .team .container {
      margin-left: auto; }
    .team .content {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
    .team .col-left {
      width: 100%;
      height: auto;
      overflow-y: auto; }
    .team .avatars {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .team .avatar {
      display: inline-block;
      position: relative;
      top: unset !important;
      left: unset !important;
      right: unset !important;
      bottom: unset !important; }
    .team .avatar-image {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    .team .col-right {
      width: 100%;
      margin-left: 0;
      margin-top: 40px; }
    .team .title {
      margin-bottom: 20px; }
    .team .list {
      display: none; } }

.advantages {
  margin-bottom: 50px; }
  .advantages[data-scroll] {
    visibility: hidden; }
  .advantages.scrolled {
    visibility: visible; }
  .advantages .subtitle {
    font-weight: 700;
    font-size: 27px;
    line-height: 1.2;
    margin-bottom: 8px; }
  .advantages .title {
    font-weight: 800;
    font-size: 78px;
    line-height: 1;
    text-transform: uppercase;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 70px; }
    .advantages .title br {
      display: none; }
  .advantages .top {
    position: relative;
    z-index: 2;
    margin-bottom: 118px; }
  .advantages .top-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .advantages .top-content {
    width: 855px;
    margin-right: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .advantages .top-content__left {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 450px;
    margin-right: 35px; }
  .advantages .top-content__block {
    line-height: 1.5; }
  .advantages .top-content__block-2 {
    margin-top: 90px;
    width: 334px; }
  .advantages .center {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-bottom: 76px; }
  .advantages .balls {
    width: 800px;
    height: 800px; }
  .advantages .center-label {
    display: inline-block;
    margin-bottom: 30px; }
  .advantages .center-text {
    max-width: 1015px;
    font-size: 30px;
    line-height: 1.6;
    margin: 0 auto; }
  .advantages .bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: relative;
    z-index: 2; }
  .advantages .bottom-image {
    padding-left: 30px; }
  .advantages .bottom-content {
    width: 550px;
    margin-left: 70px; }
  .advantages .bottom-text {
    line-height: 1.5;
    margin-bottom: 34px; }
    .advantages .bottom-text a {
      color: #6378ff; }
  @media only screen and (max-width: 1440px) {
    .advantages .title {
      margin-bottom: 50px; }
    .advantages .top {
      margin-bottom: 54px; }
    .advantages .top-content {
      width: 646px;
      margin-right: 25px; }
    .advantages .top-content__left {
      width: 336px;
      margin-right: 25px; }
    .advantages .top-content__block {
      font-size: 13px; }
    .advantages .top-content__block-2 {
      margin-top: 58px;
      width: 250px; }
    .advantages .top-image img {
      width: 220px; }
    .advantages .balls {
      width: 600px;
      height: 600px; }
    .advantages .center-label {
      margin-bottom: 22px; }
    .advantages .center-text {
      max-width: 762px;
      font-size: 22px; }
    .advantages .bottom-content {
      width: 410px; }
    .advantages .bottom-text {
      margin-bottom: 34px; }
    .advantages .bottom-image img {
      width: 380px; } }
  @media only screen and (max-width: 991px) {
    .advantages .subtitle {
      font-size: 20px;
      margin-bottom: 20px; }
    .advantages .title {
      font-size: 47px;
      margin-bottom: 26px; }
    .advantages .top {
      position: relative;
      z-index: 2;
      margin-bottom: 60px;
      padding-top: 240px; }
    .advantages .top-wrap {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
    .advantages .top-content {
      width: 100%;
      margin-right: 0;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
    .advantages .top-content__left {
      width: 100%;
      margin-right: 0;
      margin-bottom: 36px; }
    .advantages .top-content__block-2 {
      margin-top: 36px;
      width: 100%; }
    .advantages .top-image {
      position: absolute;
      top: 0;
      right: 0; }
      .advantages .top-image img {
        width: 150px; }
    .advantages .center {
      margin-bottom: 12px; }
    .advantages .balls {
      width: 392px;
      height: 392px; }
    .advantages .center-label {
      margin-bottom: 12px; }
    .advantages .center-text {
      font-size: 16px; }
    .advantages .bottom {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
    .advantages .bottom-image {
      width: 100%;
      position: relative;
      top: unset;
      left: unset;
      -webkit-transform: unset;
          -ms-transform: unset;
              transform: unset;
      padding: 36px; }
      .advantages .bottom-image img {
        width: 100%; }
    .advantages .bottom-content {
      width: 100%;
      margin-left: 0; }
    .advantages .bottom-text {
      font-size: 13px; }
    .advantages .bottom-button {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .advantages .subtitle {
      font-size: 16px;
      margin-bottom: 10px; }
    .advantages .title {
      font-size: calc( (100vw - 320px)/(767 - 320) * (47 - 26) + 26px); } }

.form-desc {
  padding-top: 130px;
  margin-bottom: 50px; }
  .form-desc[data-scroll] {
    visibility: hidden; }
  .form-desc.scrolled {
    visibility: visible; }
  .form-desc .content {
    position: relative; }
  .form-desc .form {
    position: relative;
    background: #060088;
    padding: 60px 70px;
    border-radius: 50px;
    overflow: hidden; }
    .form-desc .form.success .title {
      z-index: -1;
      -webkit-transform: translateY(-120%);
          -ms-transform: translateY(-120%);
              transform: translateY(-120%);
      opacity: 0; }
    .form-desc .form.success .form-item-wrap {
      z-index: -1;
      -webkit-transform: translateY(120%);
          -ms-transform: translateY(120%);
              transform: translateY(120%);
      opacity: 0; }
    .form-desc .form.success .form-desc-success {
      z-index: unset;
      opacity: 1; }
    .form-desc .form.success .button-wrap {
      right: -3%;
      bottom: 96%;
      -webkit-transform: rotate(160deg);
          -ms-transform: rotate(160deg);
              transform: rotate(160deg); }
    .form-desc .form.success .button-submit:hover {
      background: #ff0167; }
    .form-desc .form.success .button-submit__text {
      z-index: -1;
      opacity: 0; }
    .form-desc .form.success .button-submit__arrow {
      z-index: -1;
      opacity: 0; }
    .form-desc .form.success .button-submit__success {
      opacity: 1;
      z-index: 1; }
  .form-desc .star {
    position: absolute;
    z-index: 2;
    right: 26px;
    top: -100px; }
  .form-desc .title {
    position: relative;
    z-index: 1;
    font-weight: 800;
    font-size: 100px;
    line-height: 120%;
    text-transform: uppercase;
    background: -o-linear-gradient(1deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(89deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 26px;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 1.4s;
    -o-transition: all 1.4s;
    transition: all 1.4s; }
  .form-desc .form-item-wrap {
    position: relative;
    z-index: 1;
    width: calc(100% - 165px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 1.4s;
    -o-transition: all 1.4s;
    transition: all 1.4s; }
  .form-desc .form-title {
    width: 330px;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2;
    color: #fff;
    margin-right: 60px; }
  .form-desc .form-item {
    width: 250px;
    margin-bottom: 4px;
    margin-right: 28px; }
  .form-desc .form-desc-success {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f0f0fb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding-top: 126px;
    opacity: 0;
    -webkit-transition: opacity 0.8s;
    -o-transition: opacity 0.8s;
    transition: opacity 0.8s; }
  .form-desc .form-desc-success__title {
    position: relative;
    z-index: 1;
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 14px; }
  .form-desc .form-desc-success__text {
    position: relative;
    z-index: 1;
    font-size: 20px;
    font-weight: 500; }
  .form-desc .button-wrap {
    position: absolute;
    right: 56px;
    bottom: 36px;
    width: 745px;
    height: 820px;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-transition: all 1.4s;
    -o-transition: all 1.4s;
    transition: all 1.4s; }
  .form-desc .button-linear {
    position: absolute;
    right: 72px;
    bottom: 100px; }
  .form-desc .button-linear__mobile {
    display: none; }
  .form-desc .button-submit {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #FF0066;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .form-desc .button-submit:hover {
      background: #6378ff; }
  .form-desc .button-submit__text {
    position: absolute;
    top: -10%;
    left: 13%;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .form-desc .button-submit__arrow {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .form-desc .button-submit__success {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(196deg);
        -ms-transform: translate(-50%, -50%) rotate(196deg);
            transform: translate(-50%, -50%) rotate(196deg);
    display: inline-flex;
    width: 52px;
    height: 36px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .form-desc .form-note {
    width: 454px;
    color: #8b8b8b;
    line-height: 1.2;
    font-size: 14px; }
    .form-desc .form-note a {
      color: #000; }
  @media only screen and (max-width: 1440px) {
    .form-desc {
      padding-top: 80px; }
      .form-desc .form {
        padding: 42px 60px;
        border-radius: 37px; }
      .form-desc .star {
        width: 200px; }
      .form-desc .title {
        font-size: 75px;
        margin-bottom: 20px; }
      .form-desc .form-item-wrap {
        width: calc(100% - 165px); }
      .form-desc .form-title {
        width: 254px;
        font-size: 27px;
        margin-right: 32px; }
      .form-desc .form-item {
        width: 200px;
        margin-bottom: 4px;
        margin-right: 20px; }
      .form-desc .button-wrap {
        position: absolute;
        right: 44px;
        bottom: 26px;
        width: 590px;
        height: 680px; }
      .form-desc .button-linear {
        right: 50px;
        bottom: 80px; }
      .form-desc .button-submit {
        width: 90px;
        height: 90px; }
      .form-desc .button-submit__text {
        top: -16%;
        left: 13%; }
        .form-desc .button-submit__text svg {
          width: 86px;
          height: 86px; }
      .form-desc .button-submit__arrow svg {
        width: 20px;
        height: 20px; }
      .form-desc .button-submit__success {
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(196deg);
            -ms-transform: translate(-50%, -50%) rotate(196deg);
                transform: translate(-50%, -50%) rotate(196deg);
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 52px;
        height: 36px;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; } }
  @media only screen and (max-width: 991px) {
    .form-desc {
      overflow: hidden;
      padding-top: 80px; }
      .form-desc .form {
        padding: 40px 24px 110px; }
        .form-desc .form.success .button-wrap {
          right: unset;
          left: -25%;
          bottom: 336px; }
      .form-desc .star {
        width: 160px;
        right: -56px;
        top: -66px; }
      .form-desc .title {
        width: 100%;
        font-size: 40px;
        margin-bottom: 10px; }
      .form-desc .form-item-wrap {
        width: 100%;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .form-desc .form-title {
        width: 100%;
        max-width: 200px;
        font-size: 20px;
        margin-right: 0px;
        margin-bottom: 40px; }
      .form-desc .form-item {
        width: 100%;
        margin-bottom: 40px;
        margin-right: 0; }
      .form-desc .form-desc-success {
        padding-top: 105px;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s; }
      .form-desc .form-desc-success__title {
        font-size: 28px;
        margin-bottom: 6px; }
      .form-desc .form-desc-success__text {
        font-size: 17px; }
      .form-desc .button-wrap {
        position: absolute;
        right: unset;
        left: 30px;
        bottom: 26px;
        width: calc(100% - 30px);
        height: calc(100% - 26px); }
      .form-desc .button-linear {
        right: unset;
        left: 0px;
        bottom: 54px;
        -webkit-transform: rotate(8deg);
            -ms-transform: rotate(8deg);
                transform: rotate(8deg); }
        .form-desc .button-linear svg {
          width: 470px;
          height: 470px; }
      .form-desc .button-linear__desctop {
        display: none; }
      .form-desc .button-linear__mobile {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex; }
      .form-desc .button-submit {
        right: unset;
        left: 0; }
      .form-desc .button-submit__success {
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(196deg);
            -ms-transform: translate(-50%, -50%) rotate(196deg);
                transform: translate(-50%, -50%) rotate(196deg);
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 52px;
        height: 36px;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .form-desc .form-note {
        width: 100%;
        font-size: 12px; } }
  @media only screen and (max-width: 767px) {
    .form-desc .title {
      font-size: calc( (100vw - 320px)/(767 - 320) * (47 - 26) + 26px); }
    .form-desc .form-title {
      font-size: 15px; } }

.footer {
  padding-top: 120px;
  overflow: hidden; }
  .footer .footer-bg {
    position: relative;
    background: #f0f0fb; }
  .footer .top {
    position: relative;
    padding-top: 66px;
    padding-bottom: 95px;
    margin-bottom: 20px; }
  .footer .top-content {
    width: 550px; }
  .footer .logo {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 18px; }
  .footer .logo-text {
    white-space: nowrap;
    font-weight: 700;
    font-size: 26px;
    line-height: 1;
    text-transform: uppercase;
    margin-left: 14px; }
  .footer .top-title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 36px; }
  .footer .top-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: -10px; }
  .footer .top-item {
    width: 33.33%;
    padding-right: 16px;
    margin-bottom: 10px;
    line-height: 1.2; }
  .footer .top-link {
    color: #6378ff;
    font-size: 14px; }
  .footer .footer-map {
    position: absolute;
    top: -120px;
    left: 550px;
    width: calc(((100vw - 1260px) / 2) + (1260px - 550px));
    height: 530px;
    -webkit-filter: grayscale(1);
            filter: grayscale(1); }
  .footer .center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px; }
  .footer .socials {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 550px; }
  .footer .socials-title {
    font-size: 14px;
    color: #8b8b8b;
    margin-right: 40px; }
  .footer .socials-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .footer .socials-item {
    margin-right: 12px; }
    .footer .socials-item:first-child {
      margin-right: 20px; }
  .footer .city-list {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .footer .city-item {
    width: 33.33%;
    padding-right: 20px; }
    .footer .city-item:last-child {
      padding-right: 0; }
  .footer .city-item__title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 14px; }
  .footer .city-item__phone {
    display: block;
    margin-bottom: 6px;
    color: #6378ff;
    font-size: 14px; }
  .footer .city-item__address {
    color: #8b8b8b;
    font-size: 14px; }
  .footer .bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-top: 30px;
    padding-bottom: 35px;
    border-top: 1px solid rgba(0, 0, 0, 0.2); }
  .footer .bottom-policy {
    width: 240px;
    font-size: 14px;
    color: #8b8b8b; }
  .footer .bottom-contacts {
    width: 264px;
    font-size: 14px;
    color: #8b8b8b; }
    .footer .bottom-contacts a {
      display: inline-block;
      color: #6378ff; }
  .footer .bottom-contact {
    margin-bottom: 6px; }
    .footer .bottom-contact:last-child {
      margin-bottom: 0; }
  .footer .bottom-contact__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .footer .bottom-contact__whatsapp {
    margin-right: 12px; }
  @media only screen and (max-width: 1440px) {
    .footer {
      padding-top: 110px; }
      .footer .top {
        padding-top: 50px;
        padding-bottom: 70px;
        margin-bottom: 14px; }
      .footer .top-content {
        width: 412px; }
      .footer .top-title {
        font-size: 15px;
        margin-bottom: 28px; }
      .footer .top-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin-bottom: -8px; }
      .footer .top-item {
        width: 40%;
        margin-bottom: 8px;
        padding-right: 6px; }
        .footer .top-item:nth-child(3n+2) {
          width: 30%; }
        .footer .top-item:nth-child(3n+3) {
          width: 30%; }
      .footer .top-link {
        font-size: 12px; }
      .footer .footer-map {
        top: -110px;
        left: 412px;
        width: calc(((100vw - 1000px) / 2) + (1000px - 412px));
        height: 400px; }
      .footer .center {
        margin-bottom: 40px; }
      .footer .socials {
        width: 412px; }
      .footer .socials-title {
        font-size: 12px;
        margin-right: 30px; }
      .footer .socials-item {
        margin-right: 10px; }
        .footer .socials-item:first-child {
          margin-right: 15px; }
          .footer .socials-item:first-child svg {
            width: 108px; }
      .footer .city-item__title {
        font-size: 15px;
        margin-bottom: 9px; }
      .footer .city-item__phone {
        font-size: 12px;
        margin-bottom: 4px; }
      .footer .city-item__address {
        font-size: 12px; }
      .footer .bottom {
        padding-top: 20px;
        padding-bottom: 25px; }
      .footer .bottom-copy {
        font-size: 12px; }
      .footer .bottom-policy {
        width: 180px;
        font-size: 12px; }
      .footer .bottom-contacts {
        font-size: 14px; }
      .footer .bottom-contact {
        margin-bottom: 4px; }
      .footer .bottom-contact__whatsapp {
        margin-right: 10px; }
      .footer .bottom-logo img {
        width: 290px; } }
  @media only screen and (max-width: 1280px) {
    .footer .bottom-contacts {
      width: 200px; }
    .footer .bottom-logo img {
      width: 278px; } }
  @media only screen and (max-width: 991px) {
    .footer {
      padding-top: 0; }
      .footer .top {
        display: none; }
      .footer .center {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        padding-top: 45px;
        margin-bottom: 26px; }
      .footer .city-list {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
            -ms-flex-order: -1;
                order: -1;
        width: 100%;
        padding-bottom: 36px;
        margin-bottom: 30px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
      .footer .city-item {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 0;
        margin-bottom: 16px; }
        .footer .city-item:last-child {
          margin-bottom: 0; }
      .footer .city-item__title {
        width: 40%;
        font-size: 12px; }
      .footer .city-item__content {
        width: 60%; }
      .footer .city-item__phone {
        font-size: 13px;
        margin-bottom: 7px;
        color: #2e2d43; }
      .footer .city-item__address {
        font-size: 12px; }
      .footer .socials {
        width: 100%;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .footer .socials-title {
        width: 100%;
        margin-bottom: 16px;
        font-size: 12px; }
      .footer .socials-list {
        width: 100%; }
      .footer .bottom {
        padding-top: 0;
        padding-bottom: 45px;
        border-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start; }
      .footer .bottom-copy {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
            -ms-flex-order: 3;
                order: 3; }
      .footer .bottom-policy {
        width: 234px;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        margin-bottom: 28px; }
      .footer .bottom-contacts {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        margin-bottom: 72px; }
      .footer .bottom-logo {
        display: none; } }

body.overlay-active-form-city .overlay .overlay__wrapper {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

body.overlay-active-form-city .overlay .overlay__content {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: auto;
  border-radius: 0 0 50px 50px; }

body.overlay-active-form-city .overlay .overlay__close {
  display: none; }

body.overlay-active-form-video .overlay .overlay__wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 991px) {
    body.overlay-active-form-video .overlay .overlay__wrapper {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }

body.overlay-active-form-video .overlay .overlay__content {
  height: auto; }
  @media only screen and (max-width: 991px) {
    body.overlay-active-form-video .overlay .overlay__content {
      width: auto; } }

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: none;
  padding-right: 0 !important;
  opacity: 0;
  overflow-y: auto;
  -webkit-transition: all .4s !important;
  -o-transition: all .4s !important;
  transition: all .4s !important; }
  .overlay.active {
    display: block; }
  .overlay .overlay__wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 991px) {
      .overlay .overlay__wrapper {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
  .overlay .overlay__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    background: rgba(0, 0, 0, 0.7); }
  .overlay .overlay__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 21;
    height: 100%;
    -webkit-transform: translateX(60px);
        -ms-transform: translateX(60px);
            transform: translateX(60px);
    background: #fff;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }
    @media only screen and (max-width: 991px) {
      .overlay .overlay__content {
        width: 100%;
        height: auto; } }
  .overlay .overlay__close {
    position: absolute;
    z-index: 3;
    display: block;
    top: 10px;
    right: calc(100% + 10px);
    width: 52px;
    height: 52px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
    .overlay .overlay__close:before, .overlay .overlay__close:after {
      content: "";
      position: absolute;
      width: 40px;
      height: 2px;
      background: #ffffff;
      top: 25px;
      left: 6px; }
    @media only screen and (max-width: 991px) {
      .overlay .overlay__close {
        width: 28px;
        height: 28px;
        right: 10px; }
        .overlay .overlay__close:before, .overlay .overlay__close:after {
          width: 20px;
          height: 2px;
          top: 14px;
          left: 5px;
          background: #2e2d43; } }
    .overlay .overlay__close:before {
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    .overlay .overlay__close:after {
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }

html.overlay-active {
  overflow-y: hidden !important; }

.form-callback {
  margin: 0;
  max-width: 100%;
  width: 735px;
  padding: 0px 88px;
  background: #fff;
  display: none; }
  .form-callback.active {
    display: block; }
  .form-callback .header_2 {
    margin-bottom: 20px; }
  .form-callback .subtitle {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 50px; }
  .form-callback .form-item-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 60px; }
  .form-callback .form-item {
    position: relative;
    width: 47%;
    margin-bottom: 0px; }
    .form-callback .form-item input {
      color: #2e2d43;
      border-bottom: 1px solid #a0a0a0; }
      .form-callback .form-item input::-webkit-input-placeholder {
        color: #a0a0a0; }
      .form-callback .form-item input::-moz-placeholder {
        color: #a0a0a0; }
      .form-callback .form-item input:-ms-input-placeholder {
        color: #a0a0a0; }
      .form-callback .form-item input:-moz-placeholder {
        color: #a0a0a0; }
  .form-callback .checkbox {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    margin-top: 30px; }
  .form-callback .checkbox-input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .form-callback .checkbox-input:checked + .checkbox-custom {
      background: #FF0066;
      border: 2px solid #FF0066; }
      .form-callback .checkbox-input:checked + .checkbox-custom svg {
        opacity: 1; }
      .form-callback .checkbox-input:checked + .checkbox-custom + .checkbox-text {
        color: #2e2d43; }
  .form-callback .checkbox-custom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    border: 2px solid #8b8b8b;
    border-radius: 5px;
    width: 24px;
    height: 24px;
    margin-right: 16px; }
    .form-callback .checkbox-custom svg {
      opacity: 0; }
  .form-callback .checkbox-text {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #8b8b8b; }
    .form-callback .checkbox-text a {
      text-decoration: underline; }
  .form-callback .block-consul {
    position: relative;
    border-radius: 30px;
    width: 432px;
    margin-top: 116px;
    padding: 26px 78px 32px 40px;
    background: #f0f0fb; }
  .form-callback .block-consul__text {
    font-weight: 700;
    line-height: 1.2; }
  .form-callback .block-consul__icon {
    position: absolute;
    right: -33px;
    bottom: -13px; }
  .form-callback .block-consul__ava {
    position: absolute;
    right: -140px;
    bottom: -40px; }
  @media only screen and (max-width: 1440px) {
    .form-callback {
      width: 550px;
      padding: 0px 64px; }
      .form-callback .header_2 {
        margin-bottom: 16px; }
      .form-callback .subtitle {
        font-size: 15px;
        margin-bottom: 30px; }
      .form-callback .form-item-wrap {
        margin-bottom: 45px; }
      .form-callback .checkbox-input:checked + .checkbox-custom {
        border: 1px solid #FF0066; }
      .form-callback .checkbox-custom {
        border: 1px solid #8b8b8b;
        border-radius: 4px;
        width: 18px;
        height: 18px;
        margin-right: 12px; }
        .form-callback .checkbox-custom svg {
          width: 12px;
          height: 12px; }
      .form-callback .checkbox-text {
        font-size: 12px; }
      .form-callback .block-consul {
        border-radius: 22px;
        width: 324px;
        margin-top: 86px;
        padding: 20px 58px 24px 30px; }
      .form-callback .block-consul__text {
        font-size: 12px; }
      .form-callback .block-consul__icon {
        right: -33px;
        bottom: -13px; }
      .form-callback .block-consul__ava {
        position: absolute;
        right: -140px;
        bottom: -40px; } }
  @media only screen and (max-width: 991px) {
    .form-callback {
      width: 100%;
      padding: 46px 18px; }
      .form-callback .header_2 {
        margin-bottom: 8px; }
      .form-callback .subtitle {
        font-size: 14px;
        margin-bottom: 16px; }
      .form-callback .form-item-wrap {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .form-callback .form-item {
        width: 100%; }
      .form-callback .checkbox-text {
        font-size: 12px; }
      .form-callback .block-consul {
        display: none; } }

.form-calculation {
  position: relative;
  margin: 0;
  max-width: 100%;
  width: 735px;
  height: 100%;
  padding: 32px 6px 252px 36px;
  background: #fff;
  display: none; }
  .form-calculation.active {
    display: block; }
  .form-calculation .content {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%; }
    .form-calculation .content::-webkit-scrollbar {
      width: 6px;
      background-color: rgba(46, 45, 67, 0.4); }
    .form-calculation .content::-webkit-scrollbar-thumb {
      background-color: #2e2d43; }
  .form-calculation .header_2 {
    margin-bottom: 32px; }
  .form-calculation .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: -6px -6px 40px; }
  .form-calculation .tab {
    display: inline-block;
    margin: 6px;
    cursor: pointer; }
    .form-calculation .tab:hover .tab-btn {
      border: 3px solid #060088; }
  .form-calculation .tab-input {
    display: none; }
    .form-calculation .tab-input:checked + .tab-btn {
      background: #060088;
      color: #fff;
      border: 3px solid #060088; }
  .form-calculation .tab-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 3px solid #f0f0fb;
    border-radius: 100px;
    color: #a0a0a0;
    font-weight: 500;
    padding: 0px 20px;
    height: 50px;
    line-height: 44px;
    background: transparent;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .form-calculation .list-title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 34px; }
  .form-calculation .checkbox-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 34px;
    padding-right: 14px; }
  .form-calculation .checkbox-item {
    width: calc(50% - 17px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 25px; }
  .form-calculation .checkbox {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .form-calculation .checkbox:hover .checkbox-custom {
      border: 1px solid #FF0066; }
    .form-calculation .checkbox:hover .checkbox-text {
      color: #FF0066; }
  .form-calculation .checkbox-input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .form-calculation .checkbox-input:checked + .checkbox-custom {
      background: #FF0066;
      border: 2px solid #FF0066; }
      .form-calculation .checkbox-input:checked + .checkbox-custom svg {
        opacity: 1; }
      .form-calculation .checkbox-input:checked + .checkbox-custom + .checkbox-text {
        color: #2e2d43; }
  .form-calculation .checkbox-custom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    border: 1px solid #8b8b8b;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .form-calculation .checkbox-custom svg {
      opacity: 0; }
  .form-calculation .checkbox-text {
    position: relative;
    max-width: 200px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #8b8b8b;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .form-calculation .checkbox-text a {
      text-decoration: underline; }
  .form-calculation .checkbox-line {
    margin: 0 4px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 1px;
    background: #dbdbdb; }
  .form-calculation .checkbox-price {
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    color: #8b8b8b; }
  .form-calculation .form-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #f0f0fb;
    padding: 40px; }
    .form-calculation .form-bottom::before {
      content: "";
      display: block;
      position: absolute;
      bottom: 100%;
      left: 0;
      width: 98%;
      height: 45px;
      background: rgba(255, 255, 255, 0.7); }
  .form-calculation .range-container {
    position: relative;
    width: 100%;
    height: 6px;
    background-color: #fff; }
  .form-calculation .range-progress {
    position: absolute;
    height: 6px;
    background: #639;
    top: 0;
    left: 0;
    z-index: 1; }
  .form-calculation .range-input {
    position: relative;
    z-index: 2;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    background: transparent; }
    .form-calculation .range-input::-webkit-slider-runnable-track {
      height: 6px;
      position: relative; }
    .form-calculation .range-input::-webkit-slider-thumb {
      background: #fff;
      border: 6px solid #639;
      border-radius: 50%;
      cursor: pointer;
      width: 30px;
      height: 30px;
      -webkit-appearance: none;
      margin-top: -22px;
      position: relative;
      z-index: 2; }
    .form-calculation .range-input::-moz-range-track {
      height: 6px;
      position: relative; }
    .form-calculation .range-input::-moz-range-thumb {
      background: #fff;
      border: 6px solid #639;
      border-radius: 50%;
      cursor: pointer;
      width: 30px;
      height: 30px;
      -webkit-appearance: none;
      margin-top: -22px;
      position: relative;
      z-index: 2; }
  .form-calculation .range-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px; }
  .form-calculation .range-title {
    font-weight: 700;
    font-size: 22px; }
  .form-calculation .range-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .form-calculation .range-item {
    display: inline-block;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 0 12px;
    width: 130px;
    height: 46px;
    margin-right: 6px;
    cursor: pointer; }
    .form-calculation .range-item.active {
      background: #fff;
      border: 1px solid #6378ff; }
    .form-calculation .range-item:last-child {
      margin-right: 0; }
  .form-calculation .range-item__number {
    font-size: 20px;
    color: #8b8b8b;
    line-height: 46px; }
  .form-calculation .form-button {
    width: 100%;
    margin-top: 24px; }
    .form-calculation .form-button:disabled {
      opacity: 0.5;
      cursor: default; }
      .form-calculation .form-button:disabled:hover {
        border: 1px solid #FF0066;
        background: #FF0066;
        color: #fff; }
  @media only screen and (max-width: 1440px) {
    .form-calculation {
      width: 624px;
      padding: 32px 6px 192px 30px; }
      .form-calculation .header_2 {
        margin-bottom: 24px; }
      .form-calculation .tabs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin: -4px -4px 30px; }
      .form-calculation .tab {
        margin: 4px; }
      .form-calculation .tab-btn {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        border: 2px solid #f0f0fb;
        border-radius: 75px;
        padding: 0px 20px;
        height: 38px;
        line-height: 34px;
        font-size: 12px; }
      .form-calculation .list-title {
        font-size: 15px; }
      .form-calculation .checkbox-item {
        margin-bottom: 20px; }
      .form-calculation .checkbox-custom {
        width: 18px;
        height: 18px;
        margin-right: 12px; }
      .form-calculation .checkbox-text {
        font-size: 12px; }
      .form-calculation .checkbox-price {
        font-size: 12px; }
      .form-calculation .form-bottom {
        padding: 30px; }
      .form-calculation .range-container {
        height: 4px; }
      .form-calculation .range-progress {
        height: 4px; }
      .form-calculation .range-input::-webkit-slider-runnable-track {
        height: 6px; }
      .form-calculation .range-input::-webkit-slider-thumb {
        border: 4px solid #639;
        width: 22px;
        height: 22px;
        margin-top: -20px; }
      .form-calculation .range-input::-moz-range-track {
        height: 4px; }
      .form-calculation .range-input::-moz-range-thumb {
        border: 4px solid #639;
        width: 22px;
        height: 22px;
        margin-top: -20px; }
      .form-calculation .range-bottom {
        margin-top: 18px; }
      .form-calculation .range-title {
        font-size: 18px; }
      .form-calculation .range-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      .form-calculation .range-item {
        border-radius: 7px;
        width: 98px;
        height: 34px; }
      .form-calculation .range-item__number {
        font-size: 15px;
        line-height: 34px; }
      .form-calculation .form-button {
        margin-top: 20px; } }
  @media only screen and (max-width: 991px) {
    .form-calculation {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .form-calculation {
      height: 100vh;
      padding: 45px 8px 172px 16px; }
      .form-calculation .header_2 {
        margin-bottom: 12px; }
      .form-calculation .tabs {
        margin: -2px -2px 16px; }
      .form-calculation .tab {
        margin: 2px; }
      .form-calculation .list-title {
        font-size: 12px;
        margin-bottom: 14px; }
      .form-calculation .checkbox-item {
        width: 100%;
        margin-bottom: 15px; }
      .form-calculation .checkbox-text {
        font-size: 12px; }
      .form-calculation .form-bottom {
        padding: 24px 16px 16px;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .form-calculation .range-wrap {
        width: 100%; }
      .form-calculation .range-title {
        font-size: 12px; }
      .form-calculation .range-input {
        width: 100%; }
      .form-calculation .range-item {
        width: 68px; }
      .form-calculation .range-item__number {
        font-size: 12px; } }

.form-calculation-form {
  margin: 0;
  max-width: 100%;
  width: 735px;
  padding: 0px 88px;
  background: #fff;
  display: none; }
  .form-calculation-form.active {
    display: block; }
  .form-calculation-form .header_2 {
    margin-bottom: 20px; }
  .form-calculation-form .subtitle {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 50px; }
  .form-calculation-form .form-item-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 60px; }
  .form-calculation-form .form-item {
    position: relative;
    width: 47%;
    margin-bottom: 0px; }
    .form-calculation-form .form-item input {
      color: #2e2d43;
      border-bottom: 1px solid #a0a0a0; }
      .form-calculation-form .form-item input::-webkit-input-placeholder {
        color: #a0a0a0; }
      .form-calculation-form .form-item input::-moz-placeholder {
        color: #a0a0a0; }
      .form-calculation-form .form-item input:-ms-input-placeholder {
        color: #a0a0a0; }
      .form-calculation-form .form-item input:-moz-placeholder {
        color: #a0a0a0; }
  .form-calculation-form .checkbox {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    margin-top: 30px; }
  .form-calculation-form .checkbox-input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .form-calculation-form .checkbox-input:checked + .checkbox-custom {
      background: #FF0066;
      border: 2px solid #FF0066; }
      .form-calculation-form .checkbox-input:checked + .checkbox-custom svg {
        opacity: 1; }
      .form-calculation-form .checkbox-input:checked + .checkbox-custom + .checkbox-text {
        color: #2e2d43; }
  .form-calculation-form .checkbox-custom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    border: 2px solid #8b8b8b;
    border-radius: 5px;
    width: 24px;
    height: 24px;
    margin-right: 16px; }
    .form-calculation-form .checkbox-custom svg {
      opacity: 0; }
  .form-calculation-form .checkbox-text {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #8b8b8b; }
    .form-calculation-form .checkbox-text a {
      text-decoration: underline; }
  .form-calculation-form .block-consul {
    position: relative;
    border-radius: 30px;
    width: 432px;
    margin-top: 116px;
    padding: 26px 78px 32px 40px;
    background: #f0f0fb; }
  .form-calculation-form .block-consul__text {
    font-weight: 700;
    line-height: 1.2; }
  .form-calculation-form .block-consul__icon {
    position: absolute;
    right: -33px;
    bottom: -13px; }
  .form-calculation-form .block-consul__ava {
    position: absolute;
    right: -140px;
    bottom: -40px; }
  @media only screen and (max-width: 1440px) {
    .form-calculation-form {
      width: 550px;
      padding: 0px 64px; }
      .form-calculation-form .header_2 {
        margin-bottom: 16px; }
      .form-calculation-form .subtitle {
        font-size: 15px;
        margin-bottom: 30px; }
      .form-calculation-form .form-item-wrap {
        margin-bottom: 45px; }
      .form-calculation-form .checkbox-input:checked + .checkbox-custom {
        border: 1px solid #FF0066; }
      .form-calculation-form .checkbox-custom {
        border: 1px solid #8b8b8b;
        border-radius: 4px;
        width: 18px;
        height: 18px;
        margin-right: 12px; }
        .form-calculation-form .checkbox-custom svg {
          width: 12px;
          height: 12px; }
      .form-calculation-form .checkbox-text {
        font-size: 12px; }
      .form-calculation-form .block-consul {
        border-radius: 22px;
        width: 324px;
        margin-top: 86px;
        padding: 20px 58px 24px 30px; }
      .form-calculation-form .block-consul__text {
        font-size: 12px; }
      .form-calculation-form .block-consul__icon {
        right: -33px;
        bottom: -13px; }
      .form-calculation-form .block-consul__ava {
        position: absolute;
        right: -140px;
        bottom: -40px; } }
  @media only screen and (max-width: 991px) {
    .form-calculation-form {
      width: 100%;
      padding: 46px 18px; }
      .form-calculation-form .header_2 {
        margin-bottom: 8px; }
      .form-calculation-form .subtitle {
        font-size: 14px;
        margin-bottom: 16px; }
      .form-calculation-form .form-item-wrap {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .form-calculation-form .form-item {
        width: 100%; }
      .form-calculation-form .checkbox-text {
        font-size: 12px; }
      .form-calculation-form .block-consul {
        display: none; } }

.form-price {
  margin: 0;
  max-width: 100%;
  width: 735px;
  padding: 0px 88px;
  background: #fff;
  display: none; }
  .form-price.active {
    display: block; }
  .form-price .header_2 {
    margin-bottom: 20px; }
  .form-price .subtitle {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 50px; }
  .form-price .form-item-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 60px; }
  .form-price .form-item {
    position: relative;
    width: 47%;
    margin-bottom: 0px; }
    .form-price .form-item input {
      color: #2e2d43;
      border-bottom: 1px solid #a0a0a0; }
      .form-price .form-item input::-webkit-input-placeholder {
        color: #a0a0a0; }
      .form-price .form-item input::-moz-placeholder {
        color: #a0a0a0; }
      .form-price .form-item input:-ms-input-placeholder {
        color: #a0a0a0; }
      .form-price .form-item input:-moz-placeholder {
        color: #a0a0a0; }
  .form-price .checkbox {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    margin-top: 30px; }
  .form-price .checkbox-input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .form-price .checkbox-input:checked + .checkbox-custom {
      background: #FF0066;
      border: 2px solid #FF0066; }
      .form-price .checkbox-input:checked + .checkbox-custom svg {
        opacity: 1; }
      .form-price .checkbox-input:checked + .checkbox-custom + .checkbox-text {
        color: #2e2d43; }
  .form-price .checkbox-custom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    border: 2px solid #8b8b8b;
    border-radius: 5px;
    width: 24px;
    height: 24px;
    margin-right: 16px; }
    .form-price .checkbox-custom svg {
      opacity: 0; }
  .form-price .checkbox-text {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #8b8b8b; }
    .form-price .checkbox-text a {
      text-decoration: underline; }
  .form-price .block-consul {
    position: relative;
    border-radius: 30px;
    width: 432px;
    margin-top: 116px;
    padding: 26px 78px 32px 40px;
    background: #f0f0fb; }
  .form-price .block-consul__text {
    font-weight: 700;
    line-height: 1.2; }
  .form-price .block-consul__icon {
    position: absolute;
    right: -33px;
    bottom: -13px; }
  .form-price .block-consul__ava {
    position: absolute;
    right: -140px;
    bottom: -40px; }
  @media only screen and (max-width: 1440px) {
    .form-price {
      width: 550px;
      padding: 0px 64px; }
      .form-price .header_2 {
        margin-bottom: 16px; }
      .form-price .subtitle {
        font-size: 15px;
        margin-bottom: 30px; }
      .form-price .form-item-wrap {
        margin-bottom: 45px; }
      .form-price .checkbox-input:checked + .checkbox-custom {
        border: 1px solid #FF0066; }
      .form-price .checkbox-custom {
        border: 1px solid #8b8b8b;
        border-radius: 4px;
        width: 18px;
        height: 18px;
        margin-right: 12px; }
        .form-price .checkbox-custom svg {
          width: 12px;
          height: 12px; }
      .form-price .checkbox-text {
        font-size: 12px; }
      .form-price .block-consul {
        border-radius: 22px;
        width: 324px;
        margin-top: 86px;
        padding: 20px 58px 24px 30px; }
      .form-price .block-consul__text {
        font-size: 12px; }
      .form-price .block-consul__icon {
        right: -33px;
        bottom: -13px; }
      .form-price .block-consul__ava {
        position: absolute;
        right: -140px;
        bottom: -40px; } }
  @media only screen and (max-width: 991px) {
    .form-price {
      width: 100%;
      padding: 46px 18px; }
      .form-price .header_2 {
        margin-bottom: 8px; }
      .form-price .subtitle {
        font-size: 14px;
        margin-bottom: 16px; }
      .form-price .form-item-wrap {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .form-price .form-item {
        width: 100%; }
      .form-price .checkbox-text {
        font-size: 12px; }
      .form-price .block-consul {
        display: none; } }

.form-city {
  margin: 0;
  max-width: 100%;
  width: 484px;
  padding: 24px 20px 34px 30px;
  background: #fff;
  border-radius: 0 0 50px 50px;
  display: none; }
  .form-city.active {
    display: block; }
  .form-city .form-city-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 28px;
    margin-bottom: 48px; }
  .form-city .city {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 40px; }
  .form-city .city-text {
    color: #6378ff;
    font-weight: 500; }
  .form-city .city-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 10px;
    height: 8px;
    margin-left: 14px; }
    .form-city .city-icon svg {
      fill: #2e2d43; }
  .form-city .phone {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .form-city .phone-icon {
    display: none; }
  .form-city .phone-text {
    font-weight: 700;
    font-size: 20px; }
  .form-city .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 22px 28px 34px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .form-city .item:hover {
      border-radius: 20px;
      background: #f0f0fb; }
  .form-city .item-city {
    font-weight: 700;
    width: 40%; }
  .form-city .item-phone {
    display: block;
    margin-bottom: 8px; }
  .form-city .item-address {
    font-size: 14px;
    line-height: 1.4;
    color: #8b8b8b; }
  .form-city .button-i {
    width: 100%;
    margin-top: 30px; }
  @media only screen and (max-width: 1440px) {
    .form-city {
      width: 362px;
      padding: 20px 16px 20px 24px;
      border-radius: 0 0 36px 36px;
      display: none; }
      .form-city .form-city-top {
        padding: 0 16px;
        margin-bottom: 30px; }
      .form-city .city {
        margin-right: 30px; }
      .form-city .city-text {
        font-size: 12px; }
      .form-city .phone-text {
        font-weight: 700;
        font-size: 15px; }
      .form-city .item {
        padding: 14px 10px 16px 16px; }
        .form-city .item:hover {
          border-radius: 15px; }
      .form-city .item-city {
        font-size: 12px; }
      .form-city .item-address {
        font-size: 12px; } }

.form-video {
  margin: 0;
  max-width: 100%;
  width: auto;
  background: #fff;
  display: none; }
  .form-video.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .form-video iframe,
  .form-video video {
    width: 90vw;
    height: 70vh; }
  @media only screen and (max-width: 767px) {
    .form-video iframe,
    .form-video video {
      width: 100vw;
      height: 36vh; } }

.form-success {
  margin: 0;
  max-width: 100%;
  width: 735px;
  padding: 0px 88px;
  background: #fff;
  text-align: center;
  display: none; }
  .form-success.active {
    display: block; }
  .form-success .icon {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #000;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #FF0066;
    margin-bottom: 40px; }
  .form-success .block-consul {
    text-align: left;
    position: relative;
    border-radius: 30px;
    width: 432px;
    margin-top: 116px;
    padding: 26px 78px 32px 40px;
    background: #f0f0fb; }
  .form-success .block-consul__text {
    font-weight: 700;
    line-height: 1.2; }
  .form-success .block-consul__icon {
    position: absolute;
    right: -33px;
    bottom: -13px; }
  .form-success .block-consul__ava {
    position: absolute;
    right: -140px;
    bottom: -40px; }
  @media only screen and (max-width: 1440px) {
    .form-success {
      width: 550px;
      padding: 0px 64px; }
      .form-success .block-consul {
        border-radius: 22px;
        width: 324px;
        margin-top: 86px;
        padding: 20px 58px 24px 30px; }
      .form-success .block-consul__text {
        font-size: 12px; }
      .form-success .block-consul__icon {
        right: -33px;
        bottom: -13px; }
      .form-success .block-consul__ava {
        position: absolute;
        right: -140px;
        bottom: -40px; } }
  @media only screen and (max-width: 991px) {
    .form-success {
      width: 100%;
      padding: 46px 18px 90px; }
      .form-success .icon {
        width: 90px;
        height: 90px; }
      .form-success .block-consul {
        border-radius: 16px;
        width: 210px;
        margin-top: 50px;
        padding: 14px 20px 16px 20px; }
      .form-success .block-consul__ava {
        width: 70px;
        right: -110px; } }

.main {
  margin-bottom: 120px; }
  .main .breadcrumbs {
    margin: 50px 0 20px; }
  .main .header_1,
  .main .header_2 {
    margin-bottom: 40px; }
  .main .title {
    font-weight: 800;
    font-size: 104px;
    line-height: 0.8;
    text-transform: uppercase;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 16px; }
  .main .text-default ul li {
    position: relative;
    padding-left: 12px;
    margin-bottom: 4px; }
    .main .text-default ul li:last-child {
      margin-bottom: 0; }
    .main .text-default ul li::before {
      content: "";
      display: block;
      position: absolute;
      top: 6px;
      left: 0;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #FF0066; }
  .main .gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .main .gallery-item {
    width: 33.33%;
    padding: 5px; }
    .main .gallery-item .image-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      text-align: center;
      -webkit-box-shadow: 2px 2px 20px 0px rgba(46, 45, 67, 0.3);
              box-shadow: 2px 2px 20px 0px rgba(46, 45, 67, 0.3);
      cursor: pointer;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .main .gallery-item .image-wrapper:hover {
        -webkit-box-shadow: 2px 2px 20px 0px rgba(46, 45, 67, 0);
                box-shadow: 2px 2px 20px 0px rgba(46, 45, 67, 0); }
        .main .gallery-item .image-wrapper:hover img {
          -webkit-transform: scale(1.02);
              -ms-transform: scale(1.02);
                  transform: scale(1.02); }
      .main .gallery-item .image-wrapper img {
        max-width: 100%;
        height: auto;
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s; }
  @media only screen and (max-width: 1440px) {
    .main {
      margin-bottom: 94px; }
      .main .breadcrumbs {
        margin: 38px 0 14px; }
      .main .title {
        font-size: 78px;
        margin-bottom: 10px; } }
  @media only screen and (max-width: 991px) {
    .main {
      margin-bottom: 60px; }
      .main .breadcrumbs {
        margin: 16px 0 36px; }
      .main .header_1,
      .main .header_2 {
        margin-bottom: 24px; }
      .main .title {
        font-size: 46px;
        margin-bottom: 6px; }
      .main .gallery-item {
        width: 50%; } }
  @media only screen and (max-width: 767px) {
    .main .gallery-item {
      width: 100%; } }

.main-list {
  margin-bottom: 140px; }
  .main-list .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .main-list .col-left {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 400px;
    margin-right: 20px; }
  .main-list .block-scroll.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 84px; }
  .main-list .blocl-scroll__title {
    font-weight: 800;
    font-size: 100px;
    line-height: 1;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 25px 14px;
    margin-bottom: 14px; }
  .main-list .blocl-scroll__subtitle {
    padding: 0 25px; }
  .main-list .blocl-scroll__image {
    max-width: 100%;
    display: block;
    margin-left: auto; }
  .main-list .header_2 {
    margin-bottom: 28px; }
  .main-list .col-right {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .main-list .col-right__col {
    width: calc(50% - 10px); }
    .main-list .col-right__col li {
      width: 100%;
      margin-bottom: 20px;
      border: 4px solid #f0f0fb;
      font-size: 16px;
      line-height: 1.5;
      border-radius: 30px;
      padding: 30px 36px; }
      .main-list .col-right__col li:last-child {
        margin-bottom: 0; }
    .main-list .col-right__col strong {
      display: block;
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 24px; }
    .main-list .col-right__col p {
      font-size: 16px;
      line-height: 1.5; }
  @media only screen and (max-width: 1440px) {
    .main-list {
      margin-bottom: 80px; }
      .main-list .col-left {
        width: 300px;
        margin-right: 14px; }
      .main-list .blocl-scroll__title {
        font-size: 75px;
        padding: 0 18px 10px;
        margin-bottom: 10px; }
      .main-list .blocl-scroll__subtitle {
        padding: 0 18px; }
      .main-list .header_1 {
        margin-bottom: 20px; }
      .main-list .col-right__col {
        width: calc(50% - 7px); }
        .main-list .col-right__col li {
          margin-bottom: 14px;
          font-size: 13px;
          border: 3px solid #f0f0fb;
          border-radius: 22px;
          padding: 22px 26px; }
        .main-list .col-right__col strong {
          font-size: 15px;
          margin-bottom: 18px; }
        .main-list .col-right__col p {
          font-size: 13px; } }
  @media only screen and (max-width: 991px) {
    .main-list {
      overflow: hidden; }
      .main-list .content {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .main-list .blocl-scroll__title {
        font-size: 47px;
        padding: 0; }
      .main-list .blocl-scroll__subtitle {
        padding: 0; }
      .main-list .col-left {
        width: 100%;
        margin-bottom: 24px;
        margin-right: 0px; }
      .main-list .header_1 {
        margin-bottom: 14px; }
      .main-list .col-right {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        width: 100%; }
      .main-list .col-right__col {
        width: calc(100% - 7px); }
        .main-list .col-right__col li {
          font-size: 13px; } }

.main-list-ol {
  margin-bottom: 140px; }
  .main-list-ol .header_2 {
    max-width: 614px;
    margin-bottom: 28px; }
  .main-list-ol .col-right {
    margin-left: 420px; }
  .main-list-ol .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 -22px; }
  .main-list-ol .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding: 20px 22px; }
  .main-list-ol .item-number {
    width: 60px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    font-size: 30px;
    line-height: 1; }
  .main-list-ol .item-text {
    font-size: 16px;
    line-height: 1.5;
    border-radius: 30px; }
  @media only screen and (max-width: 1440px) {
    .main-list-ol {
      margin-bottom: 80px; }
      .main-list-ol .col-left {
        width: 300px;
        margin-right: 14px; }
      .main-list-ol .header_2 {
        margin-bottom: 20px; }
      .main-list-ol .col-right {
        margin-left: 314px; }
      .main-list-ol .list {
        margin: 0 -16px; }
      .main-list-ol .item {
        padding: 14px 16px; }
      .main-list-ol .item-number {
        width: 44px;
        font-size: 22px; }
      .main-list-ol .item-text {
        font-size: 13px; } }
  @media only screen and (max-width: 991px) {
    .main-list-ol .header_1 {
      margin-bottom: 14px; }
    .main-list-ol .col-right {
      width: 100%;
      margin-left: 0; }
    .main-list-ol .item {
      width: 100%; } }

.main-top {
  margin-bottom: 140px; }
  .main-top .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .main-top .col-left {
    margin-right: 18px; }
    .main-top .col-left img {
      width: 100%;
      height: auto;
      margin: 30px 0;
      border-radius: 50px; }
  .main-top .header_2 {
    margin-bottom: 44px; }
  .main-top .col-right {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    position: relative;
    width: 400px; }
  .main-top .block-scroll {
    position: -webkit-sticky;
    position: sticky;
    top: 84px; }
  .main-top .blocl-scroll__title {
    font-weight: 800;
    font-size: 100px;
    line-height: 1;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 25px 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #cbcbcb; }
  .main-top .blocl-scroll__subtitle {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    padding: 0 25px; }
  .main-top .blocl-scroll__image {
    max-width: 100%;
    display: block;
    margin-left: auto; }
  .main-top ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 -10px; }
  .main-top ol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 -10px;
    list-style-type: none;
    counter-reset: num; }
    .main-top ol li {
      position: relative;
      padding: 10px 26px 10px 40px;
      border: 0px;
      border-radius: 0; }
      .main-top ol li::before {
        content: counter(num) ".";
        counter-increment: num;
        display: inline-block;
        position: absolute;
        top: 10px;
        left: 10px;
        width: 20px;
        font-weight: 700; }
  .main-top li {
    width: calc(50% - 20px);
    margin: 10px;
    border: 4px solid #f0f0fb;
    border-radius: 30px;
    padding: 20px 26px; }
  @media only screen and (max-width: 1440px) {
    .main-top {
      margin-bottom: 80px; }
      .main-top .header_2 {
        margin-bottom: 32px; }
      .main-top .col-left img {
        border-radius: 37px; }
      .main-top .col-right {
        width: 300px; }
      .main-top .blocl-scroll__title {
        font-size: 75px;
        padding: 0 18px 10px;
        margin-bottom: 10px; }
      .main-top .blocl-scroll__subtitle {
        font-size: 15px;
        padding: 0 18px; } }
  @media only screen and (max-width: 991px) {
    .main-top {
      overflow: hidden; }
      .main-top .content {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .main-top .col-left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px; }
      .main-top .header_2 {
        margin-bottom: 24px; }
      .main-top .col-right {
        width: 100%; }
      .main-top li {
        width: calc(100% - 20px); } }

.main-trio {
  margin-bottom: 200px; }
  .main-trio .content {
    max-width: 826px; }
  .main-trio .header_2 {
    margin-bottom: 44px; }
  .main-trio .header_3 {
    margin-bottom: 32px; }
  .main-trio .blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 90px; }
  .main-trio .block {
    width: calc( 50% - 20px); }
  @media only screen and (max-width: 1440px) {
    .main-trio {
      margin-bottom: 150px; }
      .main-trio .header_2 {
        margin-bottom: 32px; }
      .main-trio .header_3 {
        margin-bottom: 24px; }
      .main-trio .blocks {
        margin-top: 70px; } }
  @media only screen and (max-width: 991px) {
    .main-trio {
      margin-bottom: 80px; }
      .main-trio .header_2 {
        margin-bottom: 24px; }
      .main-trio .header_3 {
        margin-bottom: 14px; }
      .main-trio .blocks {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin-top: 50px; }
      .main-trio .block {
        width: 100%;
        margin-bottom: 40px; }
        .main-trio .block:last-child {
          margin-bottom: 0; } }

.main-advant {
  margin-bottom: 140px; }
  .main-advant .header_2 {
    margin-bottom: 44px; }
  .main-advant .blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .main-advant .block {
    width: 33.33%;
    padding-right: 40px; }
  .main-advant .header_3 {
    margin-bottom: 28px; }
  @media only screen and (max-width: 1440px) {
    .main-advant {
      margin-bottom: 130px; }
      .main-advant .header_2 {
        margin-bottom: 36px; }
      .main-advant .block {
        padding-right: 30px; }
      .main-advant .header_3 {
        margin-bottom: 20px; } }
  @media only screen and (max-width: 991px) {
    .main-advant {
      margin-bottom: 80px; }
      .main-advant .header_2 {
        margin-bottom: 24px; }
      .main-advant .header_3 {
        margin-bottom: 14px; }
      .main-advant .blocks {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .main-advant .block {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 30px; }
        .main-advant .block:last-child {
          margin-bottom: 0; } }

.services_hero {
  position: relative;
  max-width: calc(1810px + 108px);
  height: 80vh;
  max-height: 820px;
  min-height: 760px;
  padding: 0 56px;
  background: #fff;
  margin: 0 auto 160px; }
  .services_hero[data-animations] .frame-left .block-center {
    width: 32vw;
    -webkit-transition: all 1s 0.4s;
    -o-transition: all 1s 0.4s;
    transition: all 1s 0.4s; }
  .services_hero[data-animations] .frame-right .block-center {
    width: 30vw;
    -webkit-transition: all 1s 0.4s;
    -o-transition: all 1s 0.4s;
    transition: all 1s 0.4s; }
  .services_hero[data-animations] .image {
    opacity: 0;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transition: all 0.8s 0.6s;
    -o-transition: all 0.8s 0.6s;
    transition: all 0.8s 0.6s; }
  .services_hero.animations-0 .frame-left .block-center {
    width: 29vw; }
  .services_hero.animations-0 .frame-right .block-center {
    width: 26.6vw; }
  .services_hero.animations-0 .image {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .services_hero .content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 0 60px 0 60px;
    padding: 40px 60px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .services_hero .image {
    position: absolute;
    z-index: 2;
    top: 16px;
    right: 16px;
    width: 36vw; }
  .services_hero .image-content {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: right; }
    .services_hero .image-content::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: -webkit-gradient(linear, right top, left top, from(rgba(233, 233, 249, 0)), color-stop(72.98%, #e9e9f9), to(#e9e9f9));
      background: -o-linear-gradient(right, rgba(233, 233, 249, 0) 0%, #e9e9f9 72.98%, #e9e9f9 100%);
      background: linear-gradient(270deg, rgba(233, 233, 249, 0) 0%, #e9e9f9 72.98%, #e9e9f9 100%); }
  .services_hero .image2 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .services_hero .frame-left {
    position: absolute;
    z-index: 4;
    left: -1px;
    top: 0; }
    .services_hero .frame-left .image-wrapper {
      position: relative; }
    .services_hero .frame-left .block-center {
      position: relative;
      width: 29vw;
      height: 144px;
      background: #fff;
      border-bottom-right-radius: 60px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .services_hero .frame-left .block-left {
      position: absolute;
      top: calc(100% - 1px);
      left: 0; }
    .services_hero .frame-left .block-right {
      position: absolute;
      left: calc(100% - 1px);
      top: 0; }
    .services_hero .frame-left .breadcrumbs {
      display: block;
      position: absolute;
      left: 16px;
      bottom: 16px; }
  .services_hero .breadcrumbs {
    display: none; }
  .services_hero .frame-right {
    position: absolute;
    z-index: 4;
    right: 0px;
    bottom: 0px; }
    .services_hero .frame-right .image-wrapper {
      position: relative; }
    .services_hero .frame-right .block-center {
      position: relative;
      width: 26.6vw;
      height: 174px;
      background: #fff;
      border-top-left-radius: 60px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .services_hero .frame-right .block-left {
      position: absolute;
      bottom: 0;
      right: calc(100% - 1px); }
    .services_hero .frame-right .block-right {
      position: absolute;
      bottom: calc(100% - 1px);
      right: 0; }
  .services_hero .balls {
    width: 800px;
    height: 800px;
    z-index: 2;
    top: 0;
    right: 0;
    left: unset;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .services_hero .title {
    position: relative;
    z-index: 4;
    margin-bottom: 30px; }
  .services_hero .title-big {
    font-size: 104px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase; }
    .services_hero .title-big > span {
      position: relative;
      display: block;
      background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
      background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
      .services_hero .title-big > span:last-child::after {
        content: "Точно, быстро и в бюджет";
        display: block;
        position: relative;
        display: inline-block;
        font-size: 36px;
        font-weight: 400;
        line-height: 1.2;
        text-transform: uppercase;
        color: rgba(46, 45, 67, 0.5);
        width: 17vw;
        vertical-align: top;
        padding-top: 7px;
        padding-left: 12px;
        -webkit-text-fill-color: rgba(46, 45, 67, 0.5); }
  .services_hero .subtitle {
    position: relative;
    z-index: 4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .services_hero .subtitle-button {
    background: #639;
    border: 3px solid #639; }
    .services_hero .subtitle-button:hover {
      background: #000;
      border: 3px solid #000; }
  .services_hero .subtitle-text {
    width: 380px;
    margin-left: 30px; }
  .services_hero .subtitle-text-mobile {
    display: none; }
  @media only screen and (max-width: 1920px) {
    .services_hero .title-big {
      font-size: calc( (100vw - 1440px)/(1920 - 1440) * (104 - 78) + 78px); }
      .services_hero .title-big > span:last-child::after {
        font-size: calc( (100vw - 1440px)/(1920 - 1440) * (36 - 26) + 26px); } }
  @media only screen and (max-width: 1440px) {
    .services_hero {
      max-width: calc(100% + 80px);
      padding: 0 40px;
      max-height: 786px;
      min-height: 615px; }
      .services_hero .content {
        border-radius: 0 45px 0 45px;
        padding: 22px 48px; }
      .services_hero .image {
        width: 36vw; }
      .services_hero .frame-left .block-center {
        height: 130px;
        border-bottom-right-radius: 45px; }
      .services_hero .breadcrumbs {
        left: 13px;
        bottom: 13px; }
      .services_hero .frame-right .block-center {
        width: 26.6vw;
        height: 130px;
        border-top-left-radius: 45px; }
      .services_hero .title {
        padding-right: 7.5vw;
        margin-bottom: 18px; }
      .services_hero .subtitle-text {
        width: 370px;
        margin-left: 22px;
        font-size: 13px; } }
  @media only screen and (max-width: 1280px) {
    .services_hero {
      padding: 16px;
      max-height: unset;
      min-height: unset; }
      .services_hero .content {
        border-radius: 0 30px 0 30px;
        padding: 18px 30px; }
      .services_hero .frame-left .block-center {
        height: 90px;
        border-bottom-right-radius: 30px; }
      .services_hero .breadcrumbs {
        left: 13px;
        bottom: 13px; }
      .services_hero .frame-right .block-center {
        height: 90px;
        border-top-left-radius: 30px; }
      .services_hero .balls {
        width: 600px;
        height: 600px; }
      .services_hero .title {
        padding-right: 5.5vw;
        margin-bottom: 15px; }
      .services_hero .title-big {
        font-size: calc( (100vw - 1440px)/(1920 - 1440) * (78 - 66) + 66px); }
        .services_hero .title-big > span:last-child::after {
          font-size: calc( (100vw - 1440px)/(1920 - 1440) * (26 - 20) + 20px);
          width: 13vw; }
      .services_hero .subtitle-text {
        width: 300px;
        margin-left: 20px;
        font-size: 12px; }
      .services_hero .subtitle-button {
        padding: 0 30px; } }
  @media only screen and (max-width: 991px) {
    .services_hero {
      max-width: calc(100% + 32px);
      padding: 16px;
      height: auto;
      margin: 0 auto 42px; }
      .services_hero[data-animations] .frame-right .block-center {
        width: 174px; }
      .services_hero.animations .frame-right .block-center {
        width: 162px; }
      .services_hero .content {
        padding: 22px 14px;
        border-radius: 30px 30px 0 30px;
        height: 446px; }
      .services_hero .breadcrumbs {
        display: block; }
      .services_hero .image {
        top: -20px;
        right: -90px;
        width: 344px; }
      .services_hero .image-content::before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(233, 233, 249, 0)), color-stop(72.98%, #e9e9f9), to(#e9e9f9));
        background: -o-linear-gradient(top, rgba(233, 233, 249, 0) 0%, #e9e9f9 72.98%, #e9e9f9 100%);
        background: linear-gradient(180deg, rgba(233, 233, 249, 0) 0%, #e9e9f9 72.98%, #e9e9f9 100%); }
      .services_hero .balls {
        right: -250px;
        top: -250px; }
      .services_hero .frame-left {
        display: none; }
      .services_hero .breadcrumbs {
        position: relative;
        left: 0;
        bottom: 0;
        margin-bottom: 12px; }
      .services_hero .frame-right .block-left {
        width: 30px;
        height: 34px; }
      .services_hero .frame-right .block-center {
        width: 162px;
        height: 64px; }
      .services_hero .frame-right .block-right {
        width: 30px;
        height: 34px; }
      .services_hero .title {
        padding-right: 0;
        margin-bottom: 0; }
      .services_hero .title-big {
        font-size: 30px; }
        .services_hero .title-big > span:last-child::after {
          display: block;
          width: 146px;
          padding-left: 0;
          padding-top: 0;
          margin-top: 16px;
          font-size: 16px;
          font-weight: 400; }
      .services_hero .subtitle {
        position: absolute;
        right: 0;
        bottom: 10px; }
      .services_hero .subtitle-button {
        font-size: 12px;
        height: 40px;
        line-height: 36px;
        border-radius: 10px;
        padding: 0 12px; }
      .services_hero .subtitle-text {
        display: none; }
      .services_hero .subtitle-text-mobile {
        display: block;
        margin-top: 22px;
        font-size: 13px;
        line-height: 1.5; }
      .services_hero .title-big > span:last-child::after {
        width: 114px;
        font-size: 13px; } }

.services {
  margin-bottom: 200px; }
  .services .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .services .col {
    position: relative;
    width: 33.33%; }
  .services .image-decore {
    position: relative;
    z-index: 2;
    left: -60px;
    bottom: -200px; }
  .services .item {
    position: relative;
    z-index: 1;
    margin-right: -1px;
    margin-bottom: -1px;
    min-height: 182px;
    border: 1px solid #2e2d43; }
    .services .item.item-title {
      border: 1px solid transparent;
      padding: 16px 16px 0 0; }
    .services .item.parent .item-image {
      display: none; }
    .services .item.parent .item-link__arrow {
      opacity: 0; }
    .services .item:not(.parent):hover .item-image {
      opacity: 1; }
    .services .item:not(.parent):hover .item-link__text {
      color: #fff; }
    .services .item:not(.parent):hover .item-link__arrow svg {
      fill: #fff; }
  .services .item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
    .services .item-image img {
      position: relative;
      z-index: -2;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    .services .item-image::before {
      content: "";
      display: block;
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: -o-linear-gradient(35deg, rgba(255, 0, 102, 0.7) 0%, rgba(99, 120, 255, 0.7) 100%);
      background: linear-gradient(55deg, rgba(255, 0, 102, 0.7) 0%, rgba(99, 120, 255, 0.7) 100%); }
  .services .item-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 22px 22px 30px 22px; }
  .services .item-link__text {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    margin-right: 20px; }
  .services .item-link__arrow {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 16px;
    height: 16px;
    margin-top: 5px; }
    .services .item-link__arrow svg {
      width: 100%;
      height: 100%;
      fill: #2e2d43; }
  .services .item-list {
    padding: 0 22px 60px; }
  .services .item-item {
    display: block;
    color: #6378ff;
    font-size: 13px;
    margin-bottom: 14px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .services .item-item:hover {
      color: #FF0066; }
  .services .block-consul {
    position: relative;
    margin: 120px auto 0;
    background: #f0f0fb;
    border-radius: 30px;
    width: 345px;
    padding: 34px 26px 26px;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s; }
    .services .block-consul.desctop {
      display: block; }
    .services .block-consul.mobile {
      display: none; }
    .services .block-consul[data-scroll] {
      -webkit-transform: translateY(40px);
          -ms-transform: translateY(40px);
              transform: translateY(40px);
      opacity: 0; }
    .services .block-consul.scrolled {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  .services .block-consul__icon {
    position: absolute;
    right: 116px;
    bottom: 100%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .services .block-consul__icon svg {
      fill: #f0f0fb; }
  .services .block-consul__ava {
    position: absolute;
    right: 15px;
    bottom: calc( 100% - 20px); }
  .services .block-consul__text {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 24px; }
  .services .block-consul__button {
    width: 100%;
    padding: 0 12px; }
  @media only screen and (max-width: 1440px) {
    .services {
      margin-bottom: 150px; }
      .services .image-decore {
        left: -40px; }
      .services .item {
        min-height: 136px; }
        .services .item.item-title {
          padding: 14px 14px 0 0; }
      .services .item-link {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 20px 20px 28px 20px; }
      .services .item-link__text {
        font-size: 15px;
        margin-right: 16px; }
      .services .item-link__arrow {
        width: 12px;
        height: 12px;
        margin-top: 3px; }
      .services .item-list {
        padding: 0 20px 30px; }
      .services .item-item {
        margin-bottom: 10px; }
      .services .block-consul {
        border-radius: 22px;
        width: 258px;
        margin: 80px auto 0;
        padding: 25px 20px 20px; }
      .services .block-consul__icon {
        right: 88px; }
      .services .block-consul__ava {
        width: 72px;
        right: 12px; }
      .services .block-consul__text {
        font-size: 15px;
        margin-bottom: 18px; }
      .services .block-consul__button {
        width: 100%;
        padding: 0 12px; } }
  @media only screen and (max-width: 991px) {
    .services {
      margin-bottom: 70px; }
      .services .list {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .services .item.item-title {
        padding: 0;
        min-height: auto;
        margin-bottom: 42px; }
      .services .col {
        width: 100%; }
      .services .image-decore {
        left: 0px;
        bottom: 36px;
        width: 160px; }
      .services .block-consul {
        width: 100%;
        margin: 0px auto 0; }
        .services .block-consul.desctop {
          display: none; }
        .services .block-consul.mobile {
          display: block; } }

.questions {
  margin-bottom: 130px; }
  .questions .header_1 {
    margin-bottom: 50px;
    max-width: 620px; }
  .questions .row-c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .questions .col-left {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .questions .col-right {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 820px; }
  .questions .item-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 25px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer; }
    .questions .item-button::after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 3px;
      background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
      background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .questions .item-button.active::after {
      width: 100%; }
    .questions .item-button.active .item-button__icon {
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
      .questions .item-button.active .item-button__icon::before {
        background: #000; }
      .questions .item-button.active .item-button__icon::after {
        background: #000; }
  .questions .item-button__text {
    font-size: 20px;
    padding-right: 16px; }
  .questions .item-button__icon {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    position: relative;
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .questions .item-button__icon::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 2px;
      height: 100%;
      background: #cbcbcb; }
    .questions .item-button__icon::after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 100%;
      height: 2px;
      background: #cbcbcb; }
  .questions .item-spoller {
    display: none; }
  .questions .item-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0; }
  .questions .item-image {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    position: relative;
    margin-right: 24px;
    width: 100px;
    height: 100px; }
  .questions .item-image__ava {
    width: 100%;
    height: 100%; }
  .questions .item-image__phone {
    position: absolute;
    bottom: 0;
    right: -10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #639;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  @media only screen and (max-width: 1440px) {
    .questions {
      margin-bottom: 130px; }
      .questions .header_1 {
        margin-bottom: 40px;
        max-width: 465px; }
      .questions .col-right {
        width: 615px; }
      .questions .item-button {
        padding: 18px 20px; }
      .questions .item-button__text {
        font-size: 15px;
        padding-right: 10px; }
      .questions .item-button__icon {
        width: 22px;
        height: 22px; }
      .questions .item-content {
        padding: 17px 0; }
      .questions .item-image {
        margin-right: 18px;
        width: 74px;
        height: 74px; }
      .questions .item-image__phone {
        width: 30px;
        height: 30px; }
        .questions .item-image__phone svg {
          width: 15px;
          height: 15px; }
      .questions .item-desc {
        font-size: 13px; } }
  @media only screen and (max-width: 991px) {
    .questions {
      margin-bottom: 120px; }
      .questions .header_1 {
        margin-bottom: 24px;
        max-width: 100%; }
      .questions .row-c {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .questions .col-left {
        margin-bottom: 26px; }
      .questions .button-i {
        width: 100%; }
      .questions .col-right {
        width: 100%; }
      .questions .item-button {
        padding: 18px 0px; }
      .questions .item-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
      .questions .item-image {
        margin-left: auto;
        margin-right: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; } }

.calculation {
  margin-bottom: 140px; }
  .calculation .title-wrap {
    position: relative;
    display: inline-block;
    margin-bottom: 74px; }
  .calculation .title {
    font-size: 104px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    display: block;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px; }
  .calculation .title-image {
    position: absolute;
    left: calc( 100% + 20px);
    bottom: -10px; }
  .calculation .checkbox-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: -9px -50px; }
  .calculation .checkbox-item {
    width: 33.33%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 9px 50px; }
  .calculation .checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
    .calculation .checkbox:hover .checkbox-custom {
      border: 2px solid #FF0066; }
    .calculation .checkbox:hover .checkbox-text {
      color: #FF0066; }
  .calculation .checkbox-input {
    display: none; }
    .calculation .checkbox-input:checked + .checkbox-custom {
      background: #FF0066;
      border: 2px solid #FF0066; }
      .calculation .checkbox-input:checked + .checkbox-custom svg {
        opacity: 1; }
      .calculation .checkbox-input:checked + .checkbox-custom + .checkbox-text {
        color: #2e2d43; }
  .calculation .checkbox-custom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    border: 2px solid #8b8b8b;
    border-radius: 5px;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .calculation .checkbox-custom svg {
      opacity: 0; }
  .calculation .checkbox-text {
    position: relative;
    max-width: 200px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #8b8b8b;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .calculation .checkbox-line {
    margin: 0 4px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 1px;
    background: #dbdbdb; }
  .calculation .checkbox-price {
    font-weight: 500;
    white-space: nowrap;
    color: #8b8b8b; }
  .calculation .form-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-radius: 30px;
    background: #f0f0fb;
    padding: 40px;
    margin-top: 40px; }
  .calculation .range-container {
    position: relative;
    width: 100%;
    height: 6px;
    background-color: #fff; }
  .calculation .range-progress {
    position: absolute;
    height: 6px;
    background: #639;
    top: 0;
    left: 0;
    z-index: 1; }
  .calculation .range-input {
    position: relative;
    z-index: 2;
    width: 590px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    background: transparent; }
    .calculation .range-input::-webkit-slider-runnable-track {
      height: 6px;
      position: relative; }
    .calculation .range-input::-webkit-slider-thumb {
      background: #fff;
      border: 6px solid #639;
      border-radius: 50%;
      cursor: pointer;
      width: 30px;
      height: 30px;
      -webkit-appearance: none;
      margin-top: -23px;
      position: relative;
      z-index: 2; }
    .calculation .range-input::-moz-range-track {
      height: 6px;
      position: relative; }
    .calculation .range-input::-moz-range-thumb {
      background: #fff;
      border: 6px solid #639;
      border-radius: 50%;
      cursor: pointer;
      width: 30px;
      height: 30px;
      -webkit-appearance: none;
      margin-top: -23px;
      position: relative;
      z-index: 2; }
  .calculation .range-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px; }
  .calculation .range-title {
    font-weight: 700;
    font-size: 22px; }
  .calculation .range-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .calculation .range-item {
    display: inline-block;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 0 12px;
    width: 130px;
    height: 46px;
    margin-right: 6px;
    cursor: pointer; }
    .calculation .range-item.active {
      background: #fff;
      border: 1px solid #6378ff; }
    .calculation .range-item:last-child {
      margin-right: 0; }
  .calculation .range-item__number {
    font-size: 20px;
    color: #8b8b8b;
    line-height: 46px; }
  @media only screen and (max-width: 1440px) {
    .calculation {
      margin-bottom: 110px; }
      .calculation .title-wrap {
        margin-bottom: 56px; }
      .calculation .title {
        font-size: 78px;
        margin-bottom: 10px; }
      .calculation .title-image {
        width: 190px; }
      .calculation .checkbox-list {
        margin: -5px -18px; }
      .calculation .checkbox-item {
        padding: 5px 18px; }
      .calculation .checkbox-input:checked + .checkbox-custom {
        border: 1px solid #FF0066; }
      .calculation .checkbox-custom {
        border: 1px solid #8b8b8b;
        border-radius: 4px;
        width: 18px;
        height: 18px;
        margin-right: 12px; }
        .calculation .checkbox-custom svg {
          width: 12px;
          height: 12px; }
      .calculation .checkbox-text {
        font-size: 12px; }
      .calculation .checkbox-price {
        font-size: 14px; }
      .calculation .form-bottom {
        border-radius: 22px;
        padding: 30px; }
      .calculation .range-container {
        height: 4px; }
      .calculation .range-progress {
        height: 4px; }
      .calculation .range-input {
        width: 500px; }
        .calculation .range-input::-webkit-slider-runnable-track {
          height: 4px; }
        .calculation .range-input::-webkit-slider-thumb {
          border: 4px solid #639;
          width: 22px;
          height: 22px;
          margin-top: -21px; }
        .calculation .range-input::-moz-range-track {
          height: 4px; }
        .calculation .range-input::-moz-range-thumb {
          border: 4px solid #639;
          width: 22px;
          height: 22px;
          margin-top: -21px; }
      .calculation .range-bottom {
        margin-top: 18px; }
      .calculation .range-item {
        border-radius: 7px;
        width: 98px;
        height: 34px; }
      .calculation .range-item__number {
        font-size: 15px;
        line-height: 34px; } }
  @media only screen and (max-width: 991px) {
    .calculation {
      margin-bottom: 60px; }
      .calculation .title-wrap {
        margin-bottom: 30px; }
      .calculation .title {
        font-size: 47px;
        margin-bottom: 4px; }
      .calculation .subtitle {
        font-size: 20px; }
      .calculation .title-image {
        display: none; }
      .calculation .checkbox-list {
        margin: 0; }
      .calculation .checkbox-item {
        width: 100%;
        padding: 0;
        margin-bottom: 15px; }
        .calculation .checkbox-item:last-child {
          margin-bottom: 0; }
      .calculation .checkbox-text {
        font-size: 12px; }
      .calculation .checkbox-price {
        font-size: 12px; }
      .calculation .form-bottom {
        border-radius: 14px;
        padding: 34px 16px 20px;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin-bottom: 30px; }
      .calculation .range-wrap {
        width: 100%;
        margin-bottom: 30px; }
      .calculation .range-title {
        font-size: 12px; }
      .calculation .range-input {
        width: 100%; }
      .calculation .range-item {
        width: 68px; }
      .calculation .range-item__number {
        font-size: 12px; }
      .calculation .form-button {
        width: 100%; } }
  @media only screen and (max-width: 767px) {
    .calculation .subtitle {
      font-size: 16px;
      margin-bottom: 10px; }
    .calculation .title {
      font-size: calc( (100vw - 320px)/(767 - 320) * (47 - 26) + 26px); } }

.servic_desc {
  margin-bottom: 200px; }
  .servic_desc .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .servic_desc .col-left {
    margin-right: 60px; }
  .servic_desc .header_2 {
    margin-bottom: 32px;
    max-width: 614px; }
  .servic_desc .show100 {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s; }
    .servic_desc .show100[data-scroll] {
      -webkit-transform: translateY(40px);
          -ms-transform: translateY(40px);
              transform: translateY(40px);
      opacity: 0; }
    .servic_desc .show100.scrolled {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  .servic_desc .balls {
    width: 368px;
    height: 368px;
    left: unset;
    top: unset;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
        -ms-transform: translate(50%, 50%);
            transform: translate(50%, 50%); }
  .servic_desc .show100-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    width: 366px;
    height: 486px;
    padding: 0 22px 22px;
    border-radius: 50px;
    background: #060088;
    overflow: hidden; }
    .servic_desc .show100-block.active .show100-title__pupil {
      top: 30%; }
      .servic_desc .show100-block.active .show100-title__pupil .pupil-fill {
        -webkit-transform: translate(18px, 0);
            -ms-transform: translate(18px, 0);
                transform: translate(18px, 0); }
    .servic_desc .show100-block.active .show-ray {
      -webkit-transform: rotate(-8deg);
          -ms-transform: rotate(-8deg);
              transform: rotate(-8deg); }
  .servic_desc .show-ray {
    position: absolute;
    right: 35px;
    top: 60px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
            transform-origin: top right;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .servic_desc .show100-title {
    position: relative; }
  .servic_desc .show100-title__number {
    font-weight: 800;
    font-size: 180px;
    line-height: 1.1;
    color: #fff;
    text-align: center; }
  .servic_desc .show100-title__pupil {
    position: absolute;
    top: 26%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 72px;
    height: 92px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .servic_desc .show100-title__pupil.first {
      left: 32%; }
    .servic_desc .show100-title__pupil.last {
      left: 68%; }
    .servic_desc .show100-title__pupil .pupil-fill {
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
  .servic_desc .show100-text {
    position: relative;
    z-index: 2;
    font-weight: 800;
    font-size: 28px;
    line-height: 1.2;
    color: #fff;
    padding-left: 24px; }
  .servic_desc .show100-button {
    margin-top: auto;
    width: 100%;
    padding: 0; }
  @media only screen and (max-width: 1440px) {
    .servic_desc {
      margin-bottom: 125px; }
      .servic_desc .col-left {
        margin-right: 44px; }
      .servic_desc .header_2 {
        margin-bottom: 25px; }
      .servic_desc .show100 {
        right: 60px;
        bottom: 0; }
      .servic_desc .balls {
        width: 276px;
        height: 276px; }
      .servic_desc .show100-block {
        width: 274px;
        height: 368px;
        border-radius: 37px; }
        .servic_desc .show100-block.active .show100-title__pupil {
          top: 21%; }
          .servic_desc .show100-block.active .show100-title__pupil .pupil-fill {
            -webkit-transform: translate(24px, 0);
                -ms-transform: translate(24px, 0);
                    transform: translate(24px, 0); }
      .servic_desc .show100-title__number {
        font-size: 135px; }
      .servic_desc .show100-title__pupil {
        top: 20%;
        width: 48px;
        height: 70px; }
        .servic_desc .show100-title__pupil.first {
          left: 32%; }
        .servic_desc .show100-title__pupil.last {
          left: 72%; }
      .servic_desc .show100-text {
        font-size: 21px;
        padding-left: 17px; }
      .servic_desc .show100-button {
        margin-top: auto;
        width: 100%;
        padding: 0; } }
  @media only screen and (max-width: 991px) {
    .servic_desc {
      margin-bottom: 100px; }
      .servic_desc .show100 {
        position: relative;
        right: 0;
        bottom: 0;
        display: block;
        max-width: 100%;
        width: 328px;
        margin: 46px auto 0; }
      .servic_desc .show100-block {
        width: 100%;
        height: 368px; }
        .servic_desc .show100-block.active .show100-title__pupil {
          top: 21%; }
          .servic_desc .show100-block.active .show100-title__pupil .pupil-fill {
            -webkit-transform: translate(24px, 0);
                -ms-transform: translate(24px, 0);
                    transform: translate(24px, 0); }
      .servic_desc .show-ray {
        right: 54px; }
      .servic_desc .show100-title__pupil {
        top: 20%;
        width: 48px;
        height: 70px; }
        .servic_desc .show100-title__pupil.first {
          left: 35%; }
        .servic_desc .show100-title__pupil.last {
          left: 68%; } }
  @media only screen and (max-width: 767px) {
    .servic_desc .content {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .servic_desc .content .col-left {
        width: 100%;
        margin-right: 0; } }

.portfolios {
  margin-bottom: 120px; }
  .portfolios .breadcrumbs {
    margin: 50px 0 20px; }
  .portfolios .title {
    font-weight: 800;
    font-size: 104px;
    line-height: 0.9;
    text-transform: uppercase;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 16px; }
  .portfolios .subtitle {
    margin-bottom: 40px; }
  .portfolios .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: -10px -5px 60px; }
  .portfolios .tab {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 3px solid #f0f0fb;
    border-radius: 100px;
    color: #a0a0a0;
    font-weight: 500;
    padding: 0px 34px;
    margin: 10px 5px;
    height: 60px;
    line-height: 54px;
    background: transparent;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .portfolios .tab:hover, .portfolios .tab.active {
      background: #060088;
      color: #fff;
      border: 3px solid #060088; }
  .portfolios .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 -10px; }
  .portfolios .item {
    width: 50%;
    padding: 0px 10px;
    margin-bottom: 60px; }
    .portfolios .item:hover .item-image-bottom {
      opacity: 1; }
  .portfolios .item-image {
    position: relative;
    display: block; }
    .portfolios .item-image .image-wrapper {
      width: 100%;
      height: 406px;
      border-radius: 20px;
      overflow: hidden; }
    .portfolios .item-image img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .portfolios .item-image-bottom {
    position: absolute;
    z-index: 2;
    left: 0px;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 8px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .portfolios .item-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .portfolios .item-tag {
    border-radius: 100px;
    padding: 0px 18px;
    width: auto;
    height: 45px;
    background: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    margin: 2px; }
  .portfolios .item-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    margin-left: auto;
    width: 104px;
    height: 104px;
    background: #060088;
    border: 3px solid #060088;
    -webkit-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
            transform: rotate(-9deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .portfolios .item-arrow svg {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 30px;
      height: 30px;
      fill: #FF0066;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .portfolios .item-arrow:hover {
      background: #fff;
      border: 3px solid #FF0066; }
  .portfolios .item-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    color: #a0a0a0;
    margin-top: 20px; }
    .portfolios .item-title strong {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      white-space: nowrap;
      color: #000;
      margin-right: 12px; }
  .portfolios .btn-more {
    display: block;
    border: 1px solid #c9c9c9;
    border-radius: 20px;
    width: 100%;
    height: 66px;
    line-height: 64px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #6378ff;
    margin-top: 16px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .portfolios .btn-more:hover {
      color: #FF0066;
      cursor: pointer; }
  @media only screen and (max-width: 1440px) {
    .portfolios {
      margin-bottom: 94px; }
      .portfolios .breadcrumbs {
        margin: 38px 0 14px; }
      .portfolios .title {
        font-size: 78px;
        margin-bottom: 10px; }
      .portfolios .subtitle {
        margin-bottom: 30px; }
      .portfolios .tabs {
        margin: -8px -4px 54px; }
      .portfolios .tab {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        border: 2px solid #f0f0fb;
        border-radius: 74px;
        padding: 0px 26px;
        margin: 8px 4px;
        height: 46px;
        line-height: 42px;
        font-size: 15px; }
      .portfolios .list {
        margin: 0 -10px; }
      .portfolios .item {
        margin-bottom: 30px; }
      .portfolios .item-image .image-wrapper {
        height: 306px;
        border-radius: 14px; }
      .portfolios .item-image-bottom {
        padding: 6px; }
      .portfolios .item-tag {
        border-radius: 34px;
        padding: 0px 26px;
        width: auto;
        height: 34px;
        font-size: 12px;
        line-height: 34px; }
      .portfolios .item-arrow {
        width: 78px;
        height: 78px; }
        .portfolios .item-arrow svg {
          width: 22px;
          height: 22px; }
      .portfolios .item-title {
        font-size: 12px;
        color: #a0a0a0;
        margin-top: 10px; }
      .portfolios .btn-more {
        border-radius: 15px;
        height: 50px;
        line-height: 50px;
        font-size: 12px; } }
  @media only screen and (max-width: 991px) {
    .portfolios {
      margin-bottom: 60px; }
      .portfolios .breadcrumbs {
        margin: 16px 0 36px; }
      .portfolios .title {
        font-size: 46px;
        margin-bottom: 6px; }
      .portfolios .subtitle {
        font-size: 20px;
        margin-bottom: 20px; }
      .portfolios .tabs {
        margin: -3px -2px 50px; }
      .portfolios .tab {
        margin: 3px 2px;
        font-size: 13px; }
      .portfolios .item-image .image-wrapper {
        height: 215px; }
      .portfolios .item-image-bottom {
        display: none; }
      .portfolios .item-title {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .portfolios .btn-more {
        border-radius: 15px;
        height: 50px;
        line-height: 48px;
        font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    .portfolios .title {
      font-size: calc( (100vw - 320px)/(767 - 320) * (46 - 30) + 30px); }
    .portfolios .subtitle {
      font-size: 18px; }
    .portfolios .list {
      margin: 0; }
    .portfolios .item {
      width: 100%;
      padding: 0; }
    .portfolios .tab {
      padding: 0px 20px; } }

.portfolio_hero {
  position: relative;
  max-width: calc(1810px + 108px);
  height: 80vh;
  max-height: 820px;
  min-height: 760px;
  padding: 0 56px;
  background: #fff;
  margin: 0 auto 160px; }
  .portfolio_hero[data-animations] .frame-left .block-center {
    width: 32vw;
    -webkit-transition: all 1s 0.4s;
    -o-transition: all 1s 0.4s;
    transition: all 1s 0.4s; }
  .portfolio_hero[data-animations] .frame-right .block-center {
    width: 30vw;
    -webkit-transition: all 1s 0.4s;
    -o-transition: all 1s 0.4s;
    transition: all 1s 0.4s; }
  .portfolio_hero[data-animations] .image {
    opacity: 0;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transition: all 0.8s 0.6s;
    -o-transition: all 0.8s 0.6s;
    transition: all 0.8s 0.6s; }
  .portfolio_hero.animations-0 .frame-left .block-center {
    width: 29vw; }
  .portfolio_hero.animations-0 .frame-right .block-center {
    width: 26.6vw; }
  .portfolio_hero.animations-0 .image {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .portfolio_hero .content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 0 60px 0 60px;
    padding: 78px 64px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .portfolio_hero .image-content {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: right; }
    .portfolio_hero .image-content::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: -webkit-gradient(linear, right top, left top, from(rgba(233, 233, 249, 0)), color-stop(72.98%, #e9e9f9), to(#e9e9f9));
      background: -o-linear-gradient(right, rgba(233, 233, 249, 0) 0%, #e9e9f9 72.98%, #e9e9f9 100%);
      background: linear-gradient(270deg, rgba(233, 233, 249, 0) 0%, #e9e9f9 72.98%, #e9e9f9 100%); }
    .portfolio_hero .image-content img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .portfolio_hero .frame-left {
    position: absolute;
    z-index: 4;
    left: -1px;
    top: 0; }
    .portfolio_hero .frame-left .image-wrapper {
      position: relative; }
    .portfolio_hero .frame-left .block-center {
      position: relative;
      width: 29vw;
      height: 144px;
      background: #fff;
      border-bottom-right-radius: 60px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .portfolio_hero .frame-left .block-left {
      position: absolute;
      top: calc(100% - 1px);
      left: 0; }
    .portfolio_hero .frame-left .block-right {
      position: absolute;
      left: calc(100% - 1px);
      top: 0; }
    .portfolio_hero .frame-left .breadcrumbs {
      display: block;
      position: absolute;
      left: 16px;
      bottom: 16px; }
  .portfolio_hero .breadcrumbs {
    display: none; }
  .portfolio_hero .frame-right {
    position: absolute;
    z-index: 4;
    right: 0px;
    bottom: 0px; }
    .portfolio_hero .frame-right .image-wrapper {
      position: relative; }
    .portfolio_hero .frame-right .block-center {
      position: relative;
      width: 26.6vw;
      height: 174px;
      background: #fff;
      border-top-left-radius: 60px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .portfolio_hero .frame-right .block-left {
      position: absolute;
      bottom: 0;
      right: calc(100% - 1px); }
    .portfolio_hero .frame-right .block-right {
      position: absolute;
      bottom: calc(100% - 1px);
      right: 0; }
  .portfolio_hero .balls {
    width: 800px;
    height: 800px;
    z-index: 2;
    top: 0;
    right: 0;
    left: unset;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .portfolio_hero .title-wrap {
    position: relative;
    z-index: 4;
    width: 100%;
    padding-right: 24vw; }
  .portfolio_hero .title {
    margin-bottom: 10px;
    font-size: 70px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase; }
    .portfolio_hero .title > span {
      position: relative;
      display: block;
      background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
      background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .portfolio_hero .subtitle {
    width: calc( 100% - 380px); }
  @media only screen and (max-width: 1920px) {
    .portfolio_hero .title-big {
      font-size: calc( (100vw - 1440px)/(1920 - 1440) * (104 - 78) + 78px); }
      .portfolio_hero .title-big > span:last-child::after {
        font-size: calc( (100vw - 1440px)/(1920 - 1440) * (36 - 26) + 26px); } }
  @media only screen and (max-width: 1440px) {
    .portfolio_hero {
      max-width: calc(100% + 80px);
      padding: 0 40px;
      max-height: 786px;
      min-height: 615px; }
      .portfolio_hero .content {
        border-radius: 0 45px 0 45px;
        padding: 60px 48px; }
      .portfolio_hero .image {
        width: 36vw; }
      .portfolio_hero .frame-left .block-center {
        height: 130px;
        border-bottom-right-radius: 45px; }
      .portfolio_hero .breadcrumbs {
        left: 13px;
        bottom: 13px; }
      .portfolio_hero .frame-right .block-center {
        width: 26.6vw;
        height: 130px;
        border-top-left-radius: 45px; }
      .portfolio_hero .title {
        font-size: 56px; }
      .portfolio_hero .subtitle-text {
        width: 370px;
        margin-left: 22px;
        font-size: 13px; } }
  @media only screen and (max-width: 1280px) {
    .portfolio_hero {
      padding: 16px;
      max-height: unset;
      min-height: unset; }
      .portfolio_hero .content {
        border-radius: 0 30px 0 30px; }
      .portfolio_hero .frame-left .block-center {
        height: 90px;
        border-bottom-right-radius: 30px; }
      .portfolio_hero .breadcrumbs {
        left: 13px;
        bottom: 13px; }
      .portfolio_hero .frame-right .block-center {
        height: 90px;
        border-top-left-radius: 30px; }
      .portfolio_hero .balls {
        width: 600px;
        height: 600px; }
      .portfolio_hero .title-wrap {
        padding-right: 0; }
      .portfolio_hero .title-big {
        font-size: calc( (100vw - 1440px)/(1920 - 1440) * (78 - 66) + 66px); }
        .portfolio_hero .title-big > span:last-child::after {
          font-size: calc( (100vw - 1440px)/(1920 - 1440) * (26 - 20) + 20px);
          width: 13vw; }
      .portfolio_hero .subtitle-text {
        width: 300px;
        margin-left: 20px;
        font-size: 12px; }
      .portfolio_hero .subtitle-button {
        padding: 0 30px; } }
  @media only screen and (max-width: 991px) {
    .portfolio_hero {
      max-width: calc(100% + 32px);
      padding: 16px;
      height: auto;
      margin: 0 auto 42px; }
      .portfolio_hero[data-animations] .frame-right .block-center {
        width: 174px; }
      .portfolio_hero.animations .frame-right .block-center {
        width: 162px; }
      .portfolio_hero .content {
        padding: 22px 14px;
        border-radius: 30px 30px 0 30px;
        height: 446px; }
      .portfolio_hero .breadcrumbs {
        display: block; }
      .portfolio_hero .image {
        top: -20px;
        right: -90px;
        width: 344px; }
      .portfolio_hero .image-content::before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(233, 233, 249, 0)), color-stop(72.98%, #e9e9f9), to(#e9e9f9));
        background: -o-linear-gradient(top, rgba(233, 233, 249, 0) 0%, #e9e9f9 72.98%, #e9e9f9 100%);
        background: linear-gradient(180deg, rgba(233, 233, 249, 0) 0%, #e9e9f9 72.98%, #e9e9f9 100%); }
      .portfolio_hero .balls {
        right: -250px;
        top: -250px; }
      .portfolio_hero .frame-left {
        display: none; }
      .portfolio_hero .breadcrumbs {
        position: relative;
        left: 0;
        bottom: 0;
        margin-bottom: 12px; }
      .portfolio_hero .frame-right .block-left {
        width: 30px;
        height: 34px; }
      .portfolio_hero .frame-right .block-center {
        width: 162px;
        height: 64px; }
      .portfolio_hero .frame-right .block-right {
        width: 30px;
        height: 34px; }
      .portfolio_hero .title-wrap {
        margin-bottom: 60px; }
      .portfolio_hero .title {
        font-size: 30px; }
      .portfolio_hero .subtitle {
        font-size: 18px;
        width: calc( 100% - 170px); } }
  @media only screen and (max-width: 767px) {
    .portfolio_hero .subtitle {
      font-size: 16px;
      width: 100%; } }

.portfolio_solution {
  margin-bottom: 90px; }
  .portfolio_solution .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .portfolio_solution .block {
    padding-right: 40px; }
    .portfolio_solution .block:first-child {
      width: 40%; }
    .portfolio_solution .block:last-child {
      width: 60%; }
  .portfolio_solution .title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 32px; }
  @media only screen and (max-width: 1440px) {
    .portfolio_solution {
      margin-bottom: 50px; }
      .portfolio_solution .block {
        padding-right: 30px; }
      .portfolio_solution .title {
        font-size: 18px;
        margin-bottom: 24px; } }
  @media only screen and (max-width: 991px) {
    .portfolio_solution .content {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
    .portfolio_solution .block {
      width: 100%;
      padding-right: 0;
      margin-bottom: 40px; }
      .portfolio_solution .block:first-child {
        width: 100%; }
      .portfolio_solution .block:last-child {
        width: 100%;
        margin-bottom: 0; } }

.blog {
  margin-bottom: 184px; }
  .blog .breadcrumbs {
    margin: 50px 0 20px; }
  .blog .title {
    font-weight: 800;
    font-size: 104px;
    line-height: 0.8;
    text-transform: uppercase;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 40px; }
  .blog .row-c {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .blog .col-left {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 815px;
    margin-right: 80px; }
  .blog .item {
    width: 100%;
    height: 535px;
    margin-bottom: 30px; }
    .blog .item:last-child {
      margin-bottom: 0; }
  .blog .balls {
    left: 0;
    bottom: 0;
    top: unset;
    -webkit-transform: translate(-16%, 30%) rotate(80deg);
        -ms-transform: translate(-16%, 30%) rotate(80deg);
            transform: translate(-16%, 30%) rotate(80deg);
    width: 600px;
    height: 600px;
    z-index: 1; }
  .blog .item-link {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    border-radius: 20px;
    overflow: hidden; }
    .blog .item-link:hover .ygol {
      width: 95px;
      height: 95px; }
  .blog .image-wrapper {
    width: 100%;
    height: 100%; }
    .blog .image-wrapper img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .blog .item-image-bottom {
    position: absolute;
    z-index: 2;
    left: 0px;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 34px;
    padding-right: 10px;
    padding-bottom: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .blog .item-title {
    max-width: 458px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff; }
  .blog .item-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    width: 104px;
    height: 104px;
    background: #060088;
    border: 3px solid #060088;
    -webkit-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
            transform: rotate(-9deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .blog .item-arrow svg {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 30px;
      height: 30px;
      fill: #FF0066;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .blog .item-arrow:hover {
      background: #fff;
      border: 3px solid #FF0066; }
  .blog .btn-more {
    display: block;
    border: 1px solid #c9c9c9;
    border-radius: 20px;
    width: 100%;
    height: 66px;
    line-height: 64px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #6378ff;
    margin-top: 60px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .blog .btn-more:hover {
      color: #FF0066;
      cursor: pointer; }
  .blog .col-right {
    position: relative; }
  .blog .block_scroll {
    position: -webkit-sticky;
    position: sticky;
    top: 84px; }
  .blog .block_scroll-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 36px; }
  .blog .block_scroll-link {
    display: block;
    margin-bottom: 30px;
    color: #6378ff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .blog .block_scroll-link:hover {
      color: #FF0066; }
  .blog .block_scroll-bottom {
    width: 100%;
    padding: 25px 32px 26px 32px;
    background: #f0f0fb;
    border-radius: 20px;
    margin-top: 36px; }
  .blog .block_scroll-bottom__title {
    line-height: 1.2;
    margin-bottom: 26px; }
  .blog .block_scroll-bottom__social {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px; }
    .blog .block_scroll-bottom__social:first-child {
      margin-right: 18px; }
    .blog .block_scroll-bottom__social:last-child {
      margin-right: 0; }
  .blog .ygol {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  @media only screen and (max-width: 1440px) {
    .blog {
      margin-bottom: 94px; }
      .blog .breadcrumbs {
        margin: 38px 0 14px; }
      .blog .title {
        font-size: 78px; }
      .blog .col-left {
        width: 610px;
        margin-right: 60px; }
      .blog .item {
        height: 400px;
        margin-bottom: 24px; }
      .blog .balls {
        width: 578px;
        height: 578px; }
      .blog .item-image-bottom {
        padding-left: 28px; }
      .blog .item-title {
        max-width: 342px;
        font-size: 18px; }
      .blog .item-arrow {
        width: 78px;
        height: 78px; }
        .blog .item-arrow svg {
          width: 22px;
          height: 22px; }
      .blog .btn-more {
        border-radius: 15px;
        height: 50px;
        line-height: 50px;
        font-size: 12px; }
      .blog .block_scroll-title {
        font-size: 18px;
        margin-bottom: 26px; }
      .blog .block_scroll-link {
        margin-bottom: 20px;
        font-size: 13px; }
      .blog .block_scroll-bottom {
        padding: 16px 24px;
        border-radius: 15px;
        margin-top: 26px; }
      .blog .block_scroll-bottom__social {
        margin-right: 8px; }
        .blog .block_scroll-bottom__social:first-child {
          margin-right: 14px; } }
  @media only screen and (max-width: 991px) {
    .blog {
      margin-bottom: 60px; }
      .blog .breadcrumbs {
        margin: 16px 0 36px; }
      .blog .title {
        font-size: 46px;
        margin-bottom: 30px; }
      .blog .row-c {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .blog .col-left {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px; }
      .blog .item {
        width: 100%;
        height: 60vw;
        margin-bottom: 18px; }
      .blog .balls {
        width: 274px;
        height: 274px;
        -webkit-transform: translate(-8%, 16%) rotate(80deg);
            -ms-transform: translate(-8%, 16%) rotate(80deg);
                transform: translate(-8%, 16%) rotate(80deg); }
      .blog .item-link {
        border-radius: 8px; }
      .blog .item-image-bottom {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
            -ms-flex-align: end;
                align-items: flex-end;
        padding-left: 14px;
        padding-right: 18px;
        padding-bottom: 18px; }
      .blog .item-title {
        max-width: 266px;
        font-size: 15px; }
      .blog .item-arrow {
        width: 22px;
        height: 22px;
        background: transparent;
        border: 0px; }
        .blog .item-arrow svg {
          width: 12px;
          height: 12px;
          fill: #fff; }
        .blog .item-arrow:hover {
          background: transparent;
          border: 0px; }
          .blog .item-arrow:hover svg {
            fill: #fff; }
      .blog .btn-more {
        border-radius: 15px;
        height: 50px;
        line-height: 48px;
        font-size: 14px; }
      .blog .block_scroll {
        position: relative;
        top: 0; }
      .blog .ygol {
        width: 38px;
        height: 38px; } }

.blog_hero {
  position: relative;
  max-width: calc(1810px + 108px);
  height: 80vh;
  max-height: 820px;
  min-height: 760px;
  padding: 0 56px;
  background: #fff;
  margin: 0 auto 160px; }
  .blog_hero[data-animations] .frame-left .block-center {
    width: 32vw;
    -webkit-transition: all 1s 0.4s;
    -o-transition: all 1s 0.4s;
    transition: all 1s 0.4s; }
  .blog_hero[data-animations] .frame-right .block-center {
    width: 30vw;
    -webkit-transition: all 1s 0.4s;
    -o-transition: all 1s 0.4s;
    transition: all 1s 0.4s; }
  .blog_hero[data-animations] .image {
    opacity: 0;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transition: all 0.8s 0.6s;
    -o-transition: all 0.8s 0.6s;
    transition: all 0.8s 0.6s; }
  .blog_hero.animations-0 .frame-left .block-center {
    width: 29vw; }
  .blog_hero.animations-0 .frame-right .block-center {
    width: 26.6vw; }
  .blog_hero.animations-0 .image {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .blog_hero .content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #f1eefa;
    border-radius: 0 60px 0 60px;
    padding: 78px 64px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .blog_hero .image-content {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: right; }
    .blog_hero .image-content::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: -webkit-gradient(linear, right top, left top, from(rgba(233, 233, 249, 0)), color-stop(72.98%, #e9e9f9), to(#e9e9f9));
      background: -o-linear-gradient(right, rgba(233, 233, 249, 0) 0%, #e9e9f9 72.98%, #e9e9f9 100%);
      background: linear-gradient(270deg, rgba(233, 233, 249, 0) 0%, #e9e9f9 72.98%, #e9e9f9 100%); }
    .blog_hero .image-content img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .blog_hero .frame-left {
    position: absolute;
    z-index: 4;
    left: -1px;
    top: 0; }
    .blog_hero .frame-left .image-wrapper {
      position: relative; }
    .blog_hero .frame-left .block-center {
      position: relative;
      width: 29vw;
      height: 144px;
      background: #fff;
      border-bottom-right-radius: 60px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .blog_hero .frame-left .block-left {
      position: absolute;
      top: calc(100% - 1px);
      left: 0; }
    .blog_hero .frame-left .block-right {
      position: absolute;
      left: calc(100% - 1px);
      top: 0; }
    .blog_hero .frame-left .breadcrumbs {
      display: block;
      position: absolute;
      left: 16px;
      bottom: 16px; }
  .blog_hero .breadcrumbs {
    display: none; }
  .blog_hero .frame-right {
    position: absolute;
    z-index: 4;
    right: 0px;
    bottom: 0px; }
    .blog_hero .frame-right .image-wrapper {
      position: relative; }
    .blog_hero .frame-right .block-center {
      position: relative;
      width: 26.6vw;
      height: 174px;
      background: #fff;
      border-top-left-radius: 60px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .blog_hero .frame-right .block-left {
      position: absolute;
      bottom: 0;
      right: calc(100% - 1px); }
    .blog_hero .frame-right .block-right {
      position: absolute;
      bottom: calc(100% - 1px);
      right: 0; }
  .blog_hero .balls {
    width: 800px;
    height: 800px;
    z-index: 1;
    top: 0;
    right: 0;
    left: unset;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .blog_hero .title-wrap {
    position: relative;
    z-index: 4;
    max-width: 855px; }
  @media only screen and (max-width: 1920px) {
    .blog_hero .title-big {
      font-size: calc( (100vw - 1440px)/(1920 - 1440) * (104 - 78) + 78px); }
      .blog_hero .title-big > span:last-child::after {
        font-size: calc( (100vw - 1440px)/(1920 - 1440) * (36 - 26) + 26px); } }
  @media only screen and (max-width: 1440px) {
    .blog_hero {
      max-width: calc(100% + 80px);
      padding: 0 40px;
      max-height: 786px;
      min-height: 615px; }
      .blog_hero .content {
        border-radius: 0 45px 0 45px;
        padding: 60px 48px; }
      .blog_hero .image {
        width: 36vw; }
      .blog_hero .frame-left .block-center {
        height: 130px;
        border-bottom-right-radius: 45px; }
      .blog_hero .breadcrumbs {
        left: 13px;
        bottom: 13px; }
      .blog_hero .frame-right .block-center {
        width: 26.6vw;
        height: 130px;
        border-top-left-radius: 45px; } }
  @media only screen and (max-width: 1280px) {
    .blog_hero {
      padding: 16px;
      max-height: unset;
      min-height: unset; }
      .blog_hero .content {
        border-radius: 0 30px 0 30px; }
      .blog_hero .frame-left .block-center {
        height: 90px;
        border-bottom-right-radius: 30px; }
      .blog_hero .breadcrumbs {
        left: 13px;
        bottom: 13px; }
      .blog_hero .frame-right .block-center {
        height: 90px;
        border-top-left-radius: 30px; }
      .blog_hero .balls {
        width: 600px;
        height: 600px; }
      .blog_hero .title-wrap {
        max-width: 670px; } }
  @media only screen and (max-width: 991px) {
    .blog_hero {
      max-width: calc(100% + 32px);
      padding: 16px;
      height: auto;
      margin: 0 auto 42px; }
      .blog_hero[data-animations] .frame-right .block-center {
        width: 174px; }
      .blog_hero.animations .frame-right .block-center {
        width: 162px; }
      .blog_hero .content {
        padding: 22px 14px;
        border-radius: 30px 30px 0 30px;
        height: 446px; }
      .blog_hero .breadcrumbs {
        display: block; }
      .blog_hero .image {
        top: -20px;
        right: -90px;
        width: 344px; }
      .blog_hero .image-content::before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(233, 233, 249, 0)), color-stop(72.98%, #e9e9f9), to(#e9e9f9));
        background: -o-linear-gradient(top, rgba(233, 233, 249, 0) 0%, #e9e9f9 72.98%, #e9e9f9 100%);
        background: linear-gradient(180deg, rgba(233, 233, 249, 0) 0%, #e9e9f9 72.98%, #e9e9f9 100%); }
      .blog_hero .balls {
        right: -250px;
        top: -250px; }
      .blog_hero .frame-left {
        display: none; }
      .blog_hero .breadcrumbs {
        position: relative;
        left: 0;
        bottom: 0;
        margin-bottom: 12px; }
      .blog_hero .frame-right .block-left {
        width: 30px;
        height: 34px; }
      .blog_hero .frame-right .block-center {
        width: 162px;
        height: 64px; }
      .blog_hero .frame-right .block-right {
        width: 30px;
        height: 34px; }
      .blog_hero .title-wrap {
        margin-bottom: 60px; } }

.blog-anothers {
  margin-bottom: 120px; }
  .blog-anothers .header_1,
  .blog-anothers .header_2 {
    margin-bottom: 46px; }
  .blog-anothers .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: -12px; }
  .blog-anothers .item {
    width: calc(50% - 24px);
    margin: 12px;
    height: 406px; }
  .blog-anothers .balls {
    left: 0;
    bottom: -240px;
    top: unset;
    -webkit-transform: translate(-16%, 30%) rotate(80deg);
        -ms-transform: translate(-16%, 30%) rotate(80deg);
            transform: translate(-16%, 30%) rotate(80deg);
    width: 600px;
    height: 600px;
    z-index: 1; }
  .blog-anothers .item-link {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    border-radius: 50px;
    overflow: hidden; }
    .blog-anothers .item-link:hover .ygol {
      width: 95px;
      height: 95px; }
    .blog-anothers .item-link:hover .item-arrow {
      opacity: 1; }
    .blog-anothers .item-link:hover .image-wrapper img {
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
  .blog-anothers .ygol {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  .blog-anothers .image-wrapper {
    width: 100%;
    height: 100%; }
    .blog-anothers .image-wrapper img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
  .blog-anothers .item-image-bottom {
    position: absolute;
    z-index: 2;
    left: 0px;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 34px;
    padding-right: 10px;
    padding-bottom: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .blog-anothers .item-title {
    max-width: 458px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff; }
  .blog-anothers .item-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    width: 104px;
    height: 104px;
    background: #060088;
    border: 3px solid #060088;
    -webkit-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
            transform: rotate(-9deg);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0; }
    .blog-anothers .item-arrow svg {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 30px;
      height: 30px;
      fill: #FF0066; }
    .blog-anothers .item-arrow:hover {
      background: #fff;
      border: 3px solid #FF0066; }
  .blog-anothers .btn-more {
    display: block;
    border: 1px solid #c9c9c9;
    border-radius: 20px;
    width: 100%;
    height: 66px;
    line-height: 64px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #6378ff;
    margin-top: 30px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .blog-anothers .btn-more:hover {
      color: #FF0066;
      cursor: pointer; }
  @media only screen and (max-width: 1440px) {
    .blog-anothers .balls {
      width: 578px;
      height: 578px; }
    .blog-anothers .list {
      margin: -9px; }
    .blog-anothers .item {
      width: calc(50% - 18px);
      margin: 9px;
      height: 306px; }
    .blog-anothers .item-link {
      border-radius: 37px; }
    .blog-anothers .item-image-bottom {
      padding-left: 28px; }
    .blog-anothers .item-title {
      max-width: 342px;
      font-size: 18px; }
    .blog-anothers .item-arrow {
      width: 78px;
      height: 78px; }
      .blog-anothers .item-arrow svg {
        width: 22px;
        height: 22px; }
    .blog-anothers .btn-more {
      border-radius: 15px;
      height: 50px;
      line-height: 50px;
      font-size: 12px; } }
  @media only screen and (max-width: 991px) {
    .blog-anothers {
      margin-bottom: 60px; }
      .blog-anothers .header_1,
      .blog-anothers .header_2 {
        margin-bottom: 22px; }
      .blog-anothers .item {
        width: 100%;
        height: 65vw;
        margin-bottom: 18px; }
      .blog-anothers .balls {
        bottom: -100px;
        width: 274px;
        height: 274px;
        -webkit-transform: translate(-8%, 16%) rotate(80deg);
            -ms-transform: translate(-8%, 16%) rotate(80deg);
                transform: translate(-8%, 16%) rotate(80deg); }
      .blog-anothers .item-link {
        border-radius: 8px; }
      .blog-anothers .item-image-bottom {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
            -ms-flex-align: end;
                align-items: flex-end;
        padding-left: 14px;
        padding-right: 18px;
        padding-bottom: 18px; }
      .blog-anothers .item-title {
        max-width: 266px;
        font-size: 15px; }
      .blog-anothers .item-arrow {
        width: 22px;
        height: 22px;
        background: transparent;
        border: 0px; }
        .blog-anothers .item-arrow svg {
          width: 12px;
          height: 12px;
          fill: #fff; }
        .blog-anothers .item-arrow:hover {
          background: transparent;
          border: 0px; }
          .blog-anothers .item-arrow:hover svg {
            fill: #fff; }
      .blog-anothers .btn-more {
        border-radius: 15px;
        height: 50px;
        line-height: 48px;
        font-size: 14px; }
      .blog-anothers .ygol {
        width: 38px;
        height: 38px; } }

.contact {
  position: relative;
  padding-bottom: 200px; }
  .contact .breadcrumbs {
    margin: 50px 0 20px; }
  .contact .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .contact .col-left {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 524px;
    margin-right: 76px; }
  .contact .title {
    font-weight: 700;
    font-size: 64px;
    margin-bottom: 40px; }
  .contact .block-top {
    position: relative;
    padding-right: 44%; }
  .contact .city {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 12px; }
  .contact .phone-big {
    display: block;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 24px; }
  .contact .address {
    margin-bottom: 12px; }
  .contact .email-text {
    color: #8b8b8b; }
  .contact .email-link {
    color: #6378ff; }
  .contact .socials {
    position: absolute;
    top: 44px;
    left: 62%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .contact .social {
    color: #6378ff;
    margin-right: 24px; }
    .contact .social:last-child {
      margin-right: 0; }
  .contact .work-time {
    position: absolute;
    left: 62%;
    bottom: 0;
    color: #8b8b8b; }
  .contact .block-bottom {
    padding-top: 30px;
    margin-top: 64px;
    border-top: 1px solid #d9d9d9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .contact .phone {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #6378ff; }
  .contact .address {
    font-size: 14px;
    color: #8b8b8b; }
  .contact .block_scroll-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 25px 30px 26px 30px;
    background: #f0f0fb;
    border-radius: 20px;
    margin-top: 36px; }
  .contact .block_scroll-bottom__title {
    line-height: 1.2; }
  .contact .block_scroll-bottom__social {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px; }
    .contact .block_scroll-bottom__social:first-child {
      margin-right: 18px; }
    .contact .block_scroll-bottom__social:last-child {
      margin-right: 0; }
  .contact .col-right {
    position: absolute;
    top: 0;
    right: 44px;
    width: 50vw; }
  .contact .map-wrap {
    position: relative; }
  .contact .map-item {
    width: 100%;
    height: 766px;
    display: none; }
    .contact .map-item.active {
      display: block; }
  .contact iframe {
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    border: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px; }
  .contact .frame-top {
    position: absolute;
    z-index: 4;
    left: -1px;
    top: 0; }
    .contact .frame-top .image-wrapper {
      position: relative; }
    .contact .frame-top .block-center {
      position: relative;
      width: 516px;
      height: 126px;
      background: #fff;
      border-bottom-right-radius: 50px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .contact .frame-top .block-left {
      position: absolute;
      top: calc(100% - 1px);
      left: 0; }
    .contact .frame-top .block-right {
      position: absolute;
      left: calc(100% - 1px);
      top: 0; }
  .contact .frame-bottom {
    position: absolute;
    z-index: 4;
    left: 0px;
    bottom: 0px; }
    .contact .frame-bottom .image-wrapper {
      position: relative; }
    .contact .frame-bottom .block-center {
      position: relative;
      width: 406px;
      height: 126px;
      background: #fff;
      border-top-right-radius: 50px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .contact .frame-bottom .block-left {
      position: absolute;
      left: 0;
      bottom: calc(100% - 1px); }
    .contact .frame-bottom .block-right {
      position: absolute;
      left: calc(100% - 1px);
      bottom: 0; }
    .contact .frame-bottom .button-i {
      position: absolute;
      bottom: 24px;
      left: 44px; }
  .contact .tabs {
    position: absolute;
    z-index: 6;
    top: 36px;
    left: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 -5px; }
  .contact .tab {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 3px solid #f0f0fb;
    border-radius: 100px;
    color: #a0a0a0;
    font-weight: 500;
    padding: 0px 34px;
    margin: 0 5px;
    height: 60px;
    line-height: 54px;
    background: transparent;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .contact .tab:hover, .contact .tab.active {
      background: #060088;
      color: #fff;
      border: 3px solid #060088; }
  @media only screen and (max-width: 1440px) {
    .contact .breadcrumbs {
      margin: 38px 0 14px; }
    .contact .col-left {
      width: 400px;
      margin-right: 56px; }
    .contact .title {
      font-size: 48px;
      margin-bottom: 32px; }
    .contact .block-top {
      padding-right: 41%; }
    .contact .city {
      font-size: 15px;
      margin-bottom: 10px; }
    .contact .phone-big {
      font-size: 18px;
      margin-bottom: 20px; }
    .contact .address-big {
      font-size: 13px; }
    .contact .address {
      font-size: 13px;
      margin-bottom: 4px; }
    .contact .email {
      font-size: 13px; }
    .contact .socials {
      top: 44px;
      left: 62%; }
    .contact .social {
      font-size: 13px; }
    .contact .work-time {
      font-size: 13px; }
    .contact .block-bottom {
      padding-top: 22px;
      margin-top: 48px; }
    .contact .phone {
      font-size: 13px; }
    .contact .address {
      font-size: 13px; }
    .contact .block_scroll-bottom {
      padding: 18px 20px 18px 26px;
      border-radius: 15px;
      margin-top: 30px; }
    .contact .block_scroll-bottom__title {
      font-size: 12px; }
    .contact .block_scroll-bottom__social {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin-right: 6px;
      width: 22px; }
      .contact .block_scroll-bottom__social:first-child {
        margin-right: 15px;
        width: 104px; }
    .contact .map-item {
      height: 574px; }
    .contact iframe {
      border-top-right-radius: 36px;
      border-bottom-right-radius: 36px; }
    .contact .frame-top .block-center {
      width: 388px;
      height: 94px;
      border-bottom-right-radius: 36px; }
    .contact .frame-bottom .block-center {
      width: 306px;
      height: 94px;
      border-top-right-radius: 36px; }
    .contact .frame-bottom .button-i {
      position: absolute;
      bottom: 18px;
      left: 32px; }
    .contact .tabs {
      top: 28px;
      left: 30px;
      margin: 0 -3px; }
    .contact .tab {
      border: 2px solid #f0f0fb;
      border-radius: 74px;
      padding: 0px 26px;
      margin: 0 3px;
      height: 40px;
      line-height: 36px;
      font-size: 12px; }
      .contact .tab:hover, .contact .tab.active {
        border: 2px solid #060088; } }
  @media only screen and (max-width: 991px) {
    .contact {
      padding-bottom: 100px; }
      .contact .breadcrumbs {
        margin: 16px 0 36px; }
      .contact .content {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        padding-top: 70px; }
      .contact .col-left {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        width: 100%;
        margin-right: 0;
        margin-top: 32px; }
      .contact .title {
        position: absolute;
        top: 40px;
        font-size: 48px;
        margin-bottom: 0px; }
      .contact .block-top {
        padding-right: 30%; }
      .contact .block-bottom {
        padding-top: 20px;
        margin-top: 30px; }
      .contact .work-time {
        left: unset;
        right: 0; }
      .contact .city {
        margin-bottom: 4px; }
      .contact .phone-big {
        margin-bottom: 8px; }
      .contact .socials {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 20px; }
      .contact .address {
        font-size: 12px; }
      .contact .block_scroll-bottom {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        padding: 18px 24px; }
      .contact .block_scroll-bottom__title {
        width: 100%;
        margin-bottom: 20px; }
      .contact .col-right {
        position: relative;
        top: 0;
        right: 0;
        width: 100%; }
      .contact .map-item {
        height: 76vw; }
      .contact iframe {
        border-radius: 26px; }
      .contact .frame-top {
        display: none; }
      .contact .frame-bottom {
        display: none; }
      .contact .tabs {
        top: 10px;
        left: 6px;
        margin: 0 -2px; }
      .contact .tab {
        border: 1px solid #f0f0fb;
        background: #fff;
        border-radius: 52px;
        padding: 0px 20px;
        margin: 0 2px;
        height: 40px;
        line-height: 38px; }
        .contact .tab:hover, .contact .tab.active {
          border: 1px solid #060088; } }

.work {
  margin-bottom: 180px; }
  .work .title {
    font-weight: 800;
    font-size: 78px;
    line-height: 1;
    text-transform: uppercase;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 70px; }
  .work .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .work .item {
    position: relative;
    width: 33.33%;
    padding: 20px 20px 28px 20px;
    border: 1px solid #2e2d43;
    margin-right: -1px;
    margin-bottom: -1px; }
  .work .item-number {
    font-size: 30px;
    font-weight: 700;
    background: -o-linear-gradient(35deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background: linear-gradient(55deg, #f06 0%, #639 55.75%, #6378ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 6px; }
  .work .item-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2; }
  .work .item-desc-title {
    font-size: 16px;
    font-weight: 700;
    margin-top: 27px;
    margin-bottom: 8px;
    display: block; }
  @media only screen and (max-width: 1440px) {
    .work .title {
      margin-bottom: 50px; }
    .work .item-number {
      font-size: 28px; }
    .work .item-title {
      font-size: 18px; }
    .work .item-desc-title {
      font-size: 15px; } }
  @media only screen and (max-width: 991px) {
    .work .title {
      font-size: 47px;
      margin-bottom: 26px; }
    .work .item {
      width: 50%; } }
  @media only screen and (max-width: 767px) {
    .work .title {
      font-size: calc( (100vw - 320px)/(767 - 320) * (47 - 26) + 26px); }
    .work .item {
      width: 100%; } }

.quiz {
  margin-bottom: 180px; }
  .quiz[data-scroll] {
    visibility: hidden; }
  .quiz.scrolled {
    visibility: visible; }
  .quiz .content {
    position: relative;
    border-radius: 50px;
    background: #f0f0fb;
    padding: 92px 60px 70px 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .quiz .frame-left {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0; }
    .quiz .frame-left img {
      width: 340px; }
  .quiz .frame-right {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0; }
    .quiz .frame-right img {
      width: 340px; }
  .quiz .frame-link {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .quiz .frame-link__text {
    font-weight: 700;
    font-size: 40px;
    color: #6378ff;
    line-height: 1.2; }
  .quiz .col-left {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 100%;
    max-width: 900px;
    padding-top: 78px; }
  .quiz .quiz-step {
    display: none; }
    .quiz .quiz-step.active {
      display: block; }
  .quiz .title {
    width: 55%;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #c0c0c0; }
  .quiz .subtitle {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 50px; }
  .quiz .form-item-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 40px; }
  .quiz .form-item {
    position: relative;
    width: 48%;
    margin-bottom: 0px; }
    .quiz .form-item input {
      color: #2e2d43;
      border-bottom: 1px solid #a0a0a0; }
      .quiz .form-item input::-webkit-input-placeholder {
        color: #a0a0a0; }
      .quiz .form-item input::-moz-placeholder {
        color: #a0a0a0; }
      .quiz .form-item input:-ms-input-placeholder {
        color: #a0a0a0; }
      .quiz .form-item input:-moz-placeholder {
        color: #a0a0a0; }
  .quiz .form-note {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    color: #8b8b8b;
    margin-bottom: 40px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .quiz .form-button {
    margin-bottom: 40px; }
  .quiz .checkbox-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .quiz .checkbox-item {
    width: calc(50% - 40px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 15px;
    margin-right: 20px; }
  .quiz .checkbox {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .quiz .checkbox:hover .checkbox-custom {
      border: 1px solid #FF0066; }
    .quiz .checkbox:hover .checkbox-text {
      color: #FF0066; }
  .quiz .checkbox-input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .quiz .checkbox-input:checked + .checkbox-custom {
      background: #FF0066;
      border: 2px solid #FF0066; }
      .quiz .checkbox-input:checked + .checkbox-custom svg {
        opacity: 1; }
      .quiz .checkbox-input:checked + .checkbox-custom + .checkbox-text {
        color: #2e2d43; }
  .quiz .checkbox-custom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    border: 1px solid #8b8b8b;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .quiz .checkbox-custom svg {
      opacity: 0; }
  .quiz .checkbox-text {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #8b8b8b;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .quiz .checkbox-text a {
      text-decoration: underline; }
  .quiz .checkbox-line {
    margin: 0 4px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 1px;
    background: #dbdbdb; }
  .quiz .checkbox-price {
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    color: #8b8b8b; }
  .quiz .col-right {
    position: absolute;
    z-index: 3;
    top: 30px;
    right: 70px; }
    .quiz .col-right img {
      width: 100%; }
  .quiz .buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-top: 40px; }
    .quiz .buttons > .button:disabled {
      opacity: 0.5;
      cursor: default;
      color: #fff;
      background: #FF0066;
      border: 3px solid #FF0066; }
    .quiz .buttons > .button-i:disabled {
      opacity: 0.5;
      cursor: default;
      color: #5b00e5;
      background: transparent;
      border: 3px solid #5b00e5; }
  .quiz .button-send {
    display: none; }
  @media only screen and (max-width: 1440px) {
    .quiz .content {
      border-radius: 36px; }
    .quiz .frame-left img {
      width: 290px; }
    .quiz .frame-right img {
      width: 290px; }
    .quiz .title {
      font-size: 27px;
      padding-bottom: 30px;
      margin-bottom: 32px; }
    .quiz .subtitle {
      font-size: 18px; }
    .quiz .col-right {
      width: 350px; }
    .quiz .frame-link__text {
      font-size: 32px; }
    .quiz .checkbox-item {
      margin-bottom: 20px; }
    .quiz .checkbox-custom {
      width: 18px;
      height: 18px;
      margin-right: 12px; }
    .quiz .checkbox-text {
      font-size: 12px; }
    .quiz .buttons {
      gap: 24px; } }
  @media only screen and (max-width: 1280px) {
    .quiz .content {
      padding: 70px 34px 100px 34px; }
    .quiz .frame-left img {
      width: 256px; }
    .quiz .frame-right img {
      width: 256px; }
    .quiz .frame-link {
      bottom: 24px; }
    .quiz .col-right {
      width: 280px; } }
  @media only screen and (max-width: 991px) {
    .quiz {
      margin-bottom: 120px; }
      .quiz .content {
        padding: 116px 16px 36px; }
      .quiz .frame-right {
        position: absolute;
        z-index: 2;
        bottom: unset;
        right: unset;
        top: 100%;
        left: 0;
        width: 100%; }
        .quiz .frame-right img {
          display: none; }
      .quiz .frame-link {
        position: relative;
        right: unset;
        bottom: unset;
        width: 100%;
        margin-top: 24px; }
      .quiz .frame-link__text {
        width: 100%;
        font-size: 14px;
        margin-right: 0;
        text-align: center; }
      .quiz .col-left {
        width: 100%;
        margin-right: 0;
        padding-top: 0; }
      .quiz .title {
        font-size: 25px;
        padding-bottom: 24px;
        margin-bottom: 22px; }
      .quiz .subtitle {
        font-size: 16px;
        margin-bottom: 26px; }
      .quiz .form-item-wrap {
        margin-bottom: 30px; }
      .quiz .frame-link__text {
        font-size: 28px; }
      .quiz .form-note {
        font-size: 14px;
        margin-bottom: 30px; }
      .quiz .buttons {
        gap: 10px; }
        .quiz .buttons > * {
          width: 50%; } }
  @media only screen and (max-width: 767px) {
    .quiz .title {
      font-size: 20px;
      padding-bottom: 0;
      margin-bottom: 16px;
      border-bottom: 0px;
      width: 100%; }
    .quiz .subtitle {
      font-size: 16px;
      margin-bottom: 20px; }
    .quiz .frame-link {
      margin-top: 16px; }
    .quiz .frame-link__text {
      font-size: 22px; }
    .quiz .checkbox-item {
      width: 100%;
      margin-bottom: 15px; }
    .quiz .checkbox-text {
      font-size: 12px; }
    .quiz .col-right {
      width: 200px;
      top: -30px;
      right: 8px; }
    .quiz .form-item-wrap {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin-bottom: 0; }
    .quiz .form-item {
      width: 100%;
      margin-bottom: 20px; }
    .quiz .buttons {
      margin-top: 20px; } }