@charset "UTF-8";
@font-face {
  font-family: 'Gerta';
  src: url("/assets/template/fonts/TT_Gertika_Trial_Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block; }
@font-face {
  font-family: 'Gerta';
  src: url("/assets/template/fonts/TT_Gertika_Trial_Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: block; }
::selection {
  background: #FF7E49;
  color: #FFF;
  -webkit-text-fill-color: #FFF; }

::-webkit-scrollbar {
  width: 5px; }

::-webkit-scrollbar-track {
  background: #F3EFED; }

::-webkit-scrollbar-thumb {
  background: #FF7E49;
  cursor: pointer; }

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 126, 73, 0.5); }

img, svg {
  max-width: 100%; }

*,
*::before,
*::after {
  font-optical-sizing: auto;
  font-style: normal;
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  hanging-punctuation: first allow-end last; }

html, body {
  font-family: "Manrope", sans-serif;
  font-size: 100%;
  -webkit-text-size-adjust: 100%; }

.flex {
  display: flex; }

body {
  background: #FFF;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.has-iframe .f-html {
  border: none;
  padding: 0; }

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

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

button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0; }

a {
  text-decoration: none;
  color: inherit; }

ul, ol {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

h1, .h1 {
  color: #393939;
  font-family: "Gerta", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 60px;
  line-height: 1; }

h2, .h2 {
  color: #393939;
  font-family: "Gerta", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 1; }

h3, .h3 {
  color: #393939;
  font-family: "Gerta", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 1; }

h4, .h4 {
  color: #393939;
  font-family: "Gerta", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 1; }

h5, .h5 {
  color: #393939;
  font-family: "Gerta", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 1; }

.container {
  margin: 0 auto;
  max-width: 1240px;
  width: 100%; }

.glide {
  position: relative;
  width: 100%; }

.glide__track {
  overflow: hidden; }

.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform; }

.glide__slides--dragging {
  user-select: none; }

.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }
  .glide__slide a {
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none; }

.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none; }

.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none; }

.glide--rtl {
  direction: rtl; }

.directedby {
  align-items: center;
  gap: 5px;
  display: flex; }
  .directedby svg {
    flex-shrink: 0;
    width: 35px;
    height: 35px; }

.landing_banner {
  margin: 30px 0; }
  .landing_banner picture {
    display: block; }

.text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-wrap: balance; }
  .text p, .text li {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: #585858;
    text-wrap: balance; }
  .text h2, .text h3, .text h4, .text h5 {
    margin: 0 0 5px !important; }
  .text p ~ h2, .text p ~ h3, .text p ~ h4, .text p ~ h5 {
    margin: 20px 0 5px !important; }
  .text ul {
    margin: 10px 0;
    list-style-type: square;
    padding-left: 20px; }
    .text ul li {
      margin: 10px 0; }
  .text i, .text em {
    color: #FFF;
    font-style: normal;
    background: #5EC1FF;
    padding: 1px 7px; }
  .text strong {
    font-style: normal;
    font-weight: 700;
    color: #393939; }

.logo {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-shrink: 0;
  gap: 10px;
  height: 75px;
  width: 175px; }
  .logo picture {
    flex-shrink: 0;
    display: block;
    height: 48px;
    width: 55px; }
  .logo svg {
    flex-shrink: 0;
    fill: #5FC1FF;
    display: block;
    height: 50px;
    width: 55px; }
  .logo span {
    color: #5FC1FF;
    font-family: "Gerta", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1; }
  .logo:hover svg {
    fill: #31AFFF; }
  .logo:hover span {
    color: #31AFFF; }

.header_links {
  align-items: center;
  height: 80px;
  display: flex;
  gap: 15px;
  margin-left: 15px; }
  .header_links a {
    align-items: center;
    display: flex;
    height: 55px;
    justify-content: center;
    width: 180px; }
    .header_links a span {
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 1; }
    .header_links a:hover, .header_links a.active {
      background: #5EC1FF;
      border-color: #5EC1FF; }
      .header_links a:hover span, .header_links a.active span {
        color: #FFF; }
  .header_links .need_help {
    background: #FFFFFF;
    border: 2px solid #FF7E49; }
    .header_links .need_help span {
      color: #FF7E49; }
  .header_links .want_help {
    background: #FF7E49; }
    .header_links .want_help span {
      color: #FFF; }

header {
  background: #FFF;
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100; }
  header .wrap {
    align-items: start;
    display: flex;
    gap: 10px;
    margin: auto;
    max-width: 1900px;
    padding: 0 1%; }
  header .header_button {
    display: none;
    background: none;
    flex-shrink: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: 50px;
    margin-top: 15px;
    overflow: hidden;
    position: relative;
    width: 50px; }
    header .header_button i {
      background: #5EC1FF;
      height: 2px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      transition: all .3s;
      width: 20px; }
      header .header_button i:before, header .header_button i:after {
        content: "";
        position: absolute;
        transition: all .3s;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #5EC1FF; }
      header .header_button i:before {
        top: -7px; }
      header .header_button i:after {
        top: 7px; }
    header .header_button:hover {
      background: #5EC1FF; }
      header .header_button:hover i {
        background: #FFF; }
        header .header_button:hover i:before, header .header_button:hover i:after {
          background: #FFF; }
  header .middle {
    display: none; }
    header .middle .header_links {
      margin: 5px 0; }
      header .middle .header_links a {
        width: 200px; }
  header .short {
    align-items: center;
    display: flex;
    height: 80px;
    width: 100%; }
  header .long_menu_title {
    color: #393939;
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 1;
    margin: 5px 0; }
  header .long {
    display: none;
    padding: 25px;
    width: 100%; }
    header .long .top {
      display: flex;
      gap: 30px; }
    header .long .report {
      align-items: center;
      display: flex;
      gap: 15px; }
      header .long .report > span {
        color: #5FC1FF;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 1.2;
        width: 200px;
        max-width: 100%; }
    header .long .bottom {
      border-top: 1px solid #DBDBDB;
      display: flex;
      gap: 50px;
      padding-top: 40px;
      padding-bottom: 20px;
      margin-top: 40px; }
    header .long .col {
      display: flex;
      flex-direction: column;
      max-width: 200px;
      width: 100%; }
    header .long .header_long_address {
      gap: 5px; }
    header .long ul {
      margin-bottom: 10px; }
      header .long ul li {
        margin: 5px 0; }
      header .long ul a {
        color: #5FC1FF;
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 1; }
        header .long ul a:hover {
          color: #FF7E49; }
      header .long ul .active > a {
        color: #FF7E49; }
    header .long .address {
      color: #5E5E5E;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 1; }
    header .long .phone {
      color: #393939;
      font-style: normal;
      font-weight: 800;
      font-size: 16px;
      line-height: 1;
      margin: 20px 0; }
      header .long .phone:hover {
        color: #FF7E49; }
    header .long .email {
      color: #393939;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 1;
      text-decoration-line: underline; }
      header .long .email:hover {
        color: #FF7E49; }
  header.active {
    height: auto; }
    header.active .wrap {
      align-items: start; }
    header.active .header_button {
      background: #4A83E6;
      border-color: #4A83E6; }
      header.active .header_button i {
        background: none;
        width: auto; }
        header.active .header_button i:before, header.active .header_button i:after {
          background: #FFF;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          width: 33px; }
        header.active .header_button i:before {
          transform: rotate(45deg); }
        header.active .header_button i:after {
          transform: rotate(-45deg); }
    header.active .short {
      display: none; }
    header.active .long {
      display: block; }
    header.active ~ main:before {
      content: "";
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      width: 100%;
      z-index: 10; }

.header_info {
  align-items: center;
  border-right: 1px solid rgba(57, 57, 57, 0.2);
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-left: auto;
  padding: 5px 15px 5px 0; }
  .header_info a {
    color: #5EC1FF;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 1; }
    .header_info a:hover, .header_info a.active {
      color: #FF7E49; }

.short_menu {
  margin: auto auto auto 20px; }
  .short_menu ul {
    display: flex;
    gap: 30px; }
    .short_menu ul ul {
      display: none; }
  .short_menu li a {
    color: #5EC1FF;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .7px; }
    .short_menu li a:hover {
      color: #FF7E49; }
  .short_menu .parent {
    position: relative; }
    .short_menu .parent > a {
      padding-right: 15px;
      position: relative; }
      .short_menu .parent > a:after {
        content: "";
        display: block;
        position: absolute;
        top: 4px;
        bottom: 0;
        right: 0;
        margin: auto 0;
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-top: 5px solid #5EC1FF; }
    .short_menu .parent:hover > a {
      color: #FF7E49; }
      .short_menu .parent:hover > a:after {
        border-top-color: #FF7E49;
        transform: scale(-1, -1);
        top: -4px; }
    .short_menu .parent ul {
      background: #FFF;
      display: none;
      flex-direction: column;
      position: absolute;
      top: 100%;
      gap: 5px;
      left: -10px;
      padding: 30px 10px 15px;
      width: 333px; }
      .short_menu .parent ul li a {
        text-transform: none; }
    .short_menu .parent:before {
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%);
      opacity: 0;
      height: 0;
      content: "";
      display: block;
      position: absolute;
      top: 50px;
      left: -100vw;
      width: 200vw;
      transition: opacity .3s; }
    .short_menu .parent:hover ul {
      display: flex; }
    .short_menu .parent:hover:before {
      opacity: .8;
      height: 200px; }
  .short_menu .active > a {
    color: #FF7E49; }

.btn {
  align-items: center;
  background: #5EC1FF;
  border: 2px solid #5EC1FF;
  color: #FFF;
  display: flex;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  justify-content: center;
  height: 55px;
  text-align: center;
  line-height: 1;
  width: 200px; }
  .btn:hover {
    background: #FFF;
    color: #5EC1FF; }
    .btn:hover span {
      color: #5EC1FF; }

.req_copy {
  background: rgba(0, 0, 0, 0.05);
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 15px;
  padding: 0 25px;
  width: 100%; }

footer {
  margin-top: 50px;
  position: relative; }
  footer .req_copy {
    display: none; }
  footer:before {
    content: "Всё сложится!";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #919191;
    position: absolute;
    bottom: 100%;
    right: 10%;
    padding: 5px; }
  footer .logo {
    margin: 0 30px; }
    footer .logo svg {
      fill: #B3B0AF;
      height: 80px;
      width: 80px; }
    footer .logo span {
      color: #B3B0AF;
      font-size: 28px; }
  footer .animation {
    background: linear-gradient(125deg, #F3EFED 30%, #FFFFFF 90%);
    transform-origin: top;
    transform: rotateX(90deg);
    position: relative;
    transition: transform 2s;
    will-change: transform; }
    footer .animation:before {
      background: url("../img/dev/border.png") repeat-x;
      content: "";
      display: block;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: 2px; }
    footer .animation:after {
      background: linear-gradient(126.49deg, #3D3D3D 28.74%, #F3EFED 66.76%);
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 1;
      transition: opacity 2s;
      mix-blend-mode: multiply;
      will-change: opacity; }
    footer .animation.angle {
      transform: rotateX(0deg); }
      footer .animation.angle:after {
        opacity: 0; }
  footer .container {
    display: flex;
    position: relative;
    gap: 30px;
    z-index: 1; }
  footer .footer_title {
    color: #393939;
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 10px; }
  footer .soc {
    align-items: start;
    flex-direction: column;
    margin-top: auto;
    gap: 15px; }
  footer .top {
    min-height: 350px;
    padding: 50px 0; }
  footer .left {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    width: 320px; }
  footer .center {
    display: flex;
    gap: 50px;
    width: 100%; }
    footer .center .footer_title {
      margin-top: auto; }
    footer .center .col {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
    footer .center li {
      margin: 0 0 5px; }
      footer .center li a {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        text-decoration: underline;
        color: #393939; }
        footer .center li a:hover {
          text-decoration: none; }
    footer .center .active a {
      font-weight: 600; }
  footer .address {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.1;
    color: #5E5E5E;
    margin: 0 0 50px; }
  footer .phone {
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 1;
    color: #393939; }
    footer .phone:hover {
      color: #FF7E49; }
  footer .email {
    display: flex;
    gap: 20px;
    margin: 10px 0; }
    footer .email a {
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 1;
      text-decoration-line: underline;
      color: #393939; }
      footer .email a:hover {
        color: #FF7E49; }
  footer .want_help {
    align-items: center;
    border: 2px solid #FF7E49;
    display: flex;
    justify-content: center;
    margin-top: auto;
    height: 55px; }
    footer .want_help span {
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 1;
      color: #EB5237; }
    footer .want_help:hover {
      background: #FF7E49; }
      footer .want_help:hover span {
        color: #FFF; }
  footer .right {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 375px; }
  footer .bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding: 30px 0; }
    footer .bottom .col {
      display: flex;
      flex-direction: column;
      gap: 10px;
      justify-content: end; }
      footer .bottom .col p {
        color: #919191;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.3; }
      footer .bottom .col a {
        color: #393939;
        text-decoration: underline; }
        footer .bottom .col a:hover {
          color: #FF7E49; }
    footer .bottom .right {
      flex-direction: row;
      gap: 40px;
      width: 460px; }
      footer .bottom .right p {
        margin: 8px 0 0; }
      footer .bottom .right picture {
        filter: saturate(0) opacity(0.5);
        display: block;
        max-width: 120px;
        margin-top: 5px; }

.soc {
  align-items: center;
  display: flex;
  gap: 30px; }
  .soc span {
    color: #393939;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1; }
  .soc a {
    display: block;
    height: 40px;
    width: 40px; }
  .soc svg {
    height: 100%;
    width: 100%; }
  .soc .mx {
    background: linear-gradient(135deg, #305ffc 0%, #7936e3 40%, #3dc1fd 70%, #9b57dc 100%); }
    .soc .mx svg {
      fill: #FFF;
      padding: 6px; }
    .soc .mx:hover {
      background: #FF7E49; }
  .soc .tg svg {
    fill: #00B7FF; }
  .soc .tg:hover svg {
    fill: #FF7E49; }
  .soc .vk svg {
    fill: #0077FF; }
  .soc .vk:hover svg {
    fill: #FF7E49; }
  .soc .flex {
    gap: 10px; }

main {
  overflow: hidden;
  padding: 80px 0 0; }

.name_email {
  margin: auto;
  display: flex;
  gap: 50px;
  width: 100%; }
  .name_email .col {
    width: 100%; }
  .name_email .checkbox {
    margin-top: 20px; }

.checkbox {
  display: block;
  height: 25px; }
  .checkbox span {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    position: relative;
    padding-left: 60px; }
    .checkbox span:before {
      background: #FFF;
      border: 1px solid #C7E0F5;
      content: "";
      display: block;
      height: 25px;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 0;
      transition: all .5s;
      width: 50px; }
    .checkbox span:after {
      content: "";
      background: #C7E0F5;
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 2px;
      width: 20px;
      transition: all .5s;
      height: 21px; }
  .checkbox a {
    color: #4e4e4e;
    font-weight: 500; }
    .checkbox a:hover {
      color: #FF7E49; }
  .checkbox input {
    display: none !important; }
    .checkbox input:checked ~ span {
      color: #393939; }
      .checkbox input:checked ~ span:before {
        background: #FF7E49; }
      .checkbox input:checked ~ span:after {
        background: #FFF;
        left: 28px; }
  .checkbox span {
    color: #919191;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1; }

.input {
  height: 55px;
  background: #FFFFFF;
  border: 1px solid #C7E0F5;
  padding: 0 20px;
  outline: none;
  width: 100%; }
  .input::-webkit-outer-spin-button, .input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-left: auto;
  padding: 0 30px;
  height: 55px;
  background: #FF7E49; }
  .button:disabled {
    cursor: default;
    background: #CCC; }
    .button:disabled:hover {
      background: #CCC; }
  .button span {
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 1;
    color: #FFFFFF;
    white-space: nowrap; }
  .button svg {
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    fill: #FFF; }
  .button:hover {
    background: #5EC1FF; }

.arrow_link {
  align-items: center;
  display: inline-flex;
  gap: 10px; }
  .arrow_link span {
    color: #5EC1FF;
    font-size: 16px;
    font-weight: 700;
    line-height: 1; }
  .arrow_link svg {
    display: block;
    fill: #5EC1FF;
    height: 13px;
    width: 14px; }
  .arrow_link:hover span {
    color: #FF7E49; }
  .arrow_link:hover svg {
    fill: #FF7E49; }

.bread_section {
  height: 20px;
  margin-bottom: 30px; }
  .bread_section .bread {
    margin: auto;
    max-width: 1900px;
    width: 100%;
    padding: 0 1%; }
  .bread_section ol {
    align-items: center;
    display: flex;
    gap: 10px; }
  .bread_section i {
    display: block;
    width: 12px;
    height: 1px;
    background: #919191; }
  .bread_section li, .bread_section span, .bread_section a {
    color: #919191;
    font-size: 14px;
    line-height: 1;
    font-style: normal; }
  .bread_section a:hover span {
    color: #FF7E49; }

@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-360deg); } }
.first_section {
  min-height: calc(100vh - 130px);
  overflow: hidden;
  position: relative; }
  .first_section h1 {
    margin-top: -75px; }
    .first_section h1 span {
      color: #393939;
      display: block;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 180px;
      line-height: .8; }
    .first_section h1 b {
      align-items: center;
      color: #393939;
      display: flex;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 55px;
      gap: 10px;
      line-height: 1; }
    .first_section h1 em {
      color: #393939;
      min-height: 55px;
      display: flex;
      align-items: start;
      text-wrap: balance;
      font-family: "Manrope", sans-serif;
      max-width: 220px;
      font-style: normal;
      font-weight: 800;
      font-size: 18px;
      line-height: 1;
      position: relative;
      white-space: pre-wrap;
      top: 13px; }
  .first_section .fs_more {
    height: 121px;
    width: 121px;
    position: absolute;
    transform-origin: center;
    transform: scale(0);
    transition: transform 1s;
    will-change: transform;
    z-index: 5; }
    .first_section .fs_more .letters {
      animation: rotate 5s linear infinite;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .first_section .fs_more .arrow {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      fill: #FFF;
      height: 19px;
      width: 21px; }
  .first_section p {
    align-items: center;
    color: #585858;
    display: flex;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    gap: 15px;
    line-height: 1.1; }
    .first_section p span {
      color: #393939;
      display: block;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 80px;
      line-height: 1; }
    .first_section p em {
      font-style: normal;
      max-width: 450px; }
  .first_section .top {
    display: flex;
    justify-content: space-between; }
    .first_section .top .left {
      display: flex;
      margin-left: -250px;
      position: relative; }
      .first_section .top .left .fs_pic {
        align-items: center;
        justify-content: center;
        display: flex;
        position: relative;
        height: 438px;
        transition: transform 1s;
        width: 438px; }
        .first_section .top .left .fs_pic .right_wing {
          position: absolute;
          top: 140px;
          left: 0;
          right: 100px;
          bottom: 0;
          margin: auto;
          transition: transform 1s;
          transform-origin: top;
          transform: matrix(1, 0.19, 0, 1, 0, 0); }
        .first_section .top .left .fs_pic .left_wing {
          position: absolute;
          top: -150px;
          bottom: 0;
          left: -15px;
          right: 0;
          margin: auto;
          transition: transform 1s;
          transform-origin: bottom;
          transform: rotateX(0deg);
          z-index: -1; }
      .first_section .top .left .romb {
        fill: #4A83E6;
        margin-top: -5px; }
      .first_section .top .left .fs_more {
        bottom: 100px;
        left: 250px; }
      .first_section .top .left p {
        margin-left: -70px; }
        .first_section .top .left p em {
          max-width: 275px; }
      .first_section .top .left a:hover .fs_pic {
        transform: rotate(-15deg); }
        .first_section .top .left a:hover .fs_pic .left_wing {
          transform: rotateX(45deg); }
        .first_section .top .left a:hover .fs_pic .right_wing {
          transform: matrix(1, 0.19, 0, -1, 0, 0); }
      .first_section .top .left a:hover .fs_more {
        transform: scale(1); }
    .first_section .top .right {
      align-items: center;
      display: flex;
      position: relative; }
      .first_section .top .right .pic {
        height: 355px;
        overflow: hidden;
        position: relative;
        width: 320px; }
        .first_section .top .right .pic img {
          object-fit: none; }
        .first_section .top .right .pic:before {
          content: "";
          display: block;
          background: linear-gradient(54.98deg, #F5DE99 50.85%, #EFC443 95.31%);
          position: absolute;
          top: 45px;
          right: 0;
          height: 100px;
          width: 100px;
          transform: rotate(30deg);
          z-index: -1; }
        .first_section .top .right .pic .t {
          position: absolute;
          top: 0;
          right: 0;
          height: 220px;
          width: 310px;
          overflow: hidden;
          z-index: 1; }
          .first_section .top .right .pic .t:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 60px;
            background: #FFF;
            height: 100%;
            transition: width 1s; }
        .first_section .top .right .pic .d {
          position: absolute;
          top: 60px;
          right: -5px;
          height: 290px;
          width: 275px; }
          .first_section .top .right .pic .d:before {
            content: "";
            display: block;
            position: absolute;
            bottom: -15px;
            left: -10px;
            width: 100%;
            background: #FFF;
            height: 0;
            transition: height 1s;
            transform: rotate(20deg); }
      .first_section .top .right .romb {
        fill: #FF7F49;
        margin-top: -3px; }
      .first_section .top .right .fs_more {
        bottom: 100px;
        right: 120px; }
      .first_section .top .right p {
        margin-top: 135px;
        margin-right: -100px;
        z-index: 3; }
        .first_section .top .right p em {
          max-width: 175px; }
      .first_section .top .right a:hover .pic .t:before {
        width: 0; }
      .first_section .top .right a:hover .pic .d:before {
        height: 150px; }
      .first_section .top .right a:hover .fs_more {
        transform: scale(1); }
  .first_section .bottom {
    display: flex;
    justify-content: space-between; }
    .first_section .bottom .left {
      display: flex;
      gap: 30px;
      margin-top: 50px;
      margin-left: 50px;
      position: relative; }
      .first_section .bottom .left picture {
        display: block;
        height: 221px;
        transform: rotate(-15deg);
        transition: transform 1s;
        width: 255px; }
      .first_section .bottom .left p em {
        max-width: 300px; }
      .first_section .bottom .left .romb {
        fill: #EFC443;
        margin-top: -3px; }
      .first_section .bottom .left .fs_more {
        bottom: 0;
        left: 150px; }
      .first_section .bottom .left a:hover picture {
        transform: rotate(0deg); }
      .first_section .bottom .left a:hover .fs_more {
        transform: scale(1); }
    .first_section .bottom .right {
      position: relative;
      margin: -40px auto 0 160px; }
      .first_section .bottom .right .pic {
        display: flex;
        height: 209px;
        transform: rotate(30deg);
        width: 258px; }
        .first_section .bottom .right .pic picture {
          display: block;
          height: 100%;
          transition: transform 1s;
          width: 50%; }
        .first_section .bottom .right .pic img {
          object-fit: cover;
          height: 100%;
          width: 100%; }
        .first_section .bottom .right .pic .l {
          transform-origin: right; }
          .first_section .bottom .right .pic .l img {
            object-position: center left; }
        .first_section .bottom .right .pic .r {
          transform-origin: left; }
          .first_section .bottom .right .pic .r img {
            object-position: center right; }
      .first_section .bottom .right p {
        position: absolute;
        top: 0;
        right: -200px; }
        .first_section .bottom .right p span {
          font-style: normal;
          font-weight: 700;
          font-size: 18px;
          line-height: 1;
          color: #393939;
          text-transform: none; }
      .first_section .bottom .right .romb {
        fill: #76C68B; }
      .first_section .bottom .right .fs_more {
        bottom: 40px;
        right: 100px; }
      .first_section .bottom .right a:hover .pic .r, .first_section .bottom .right a:hover .pic .l {
        transform: rotateY(60deg); }
      .first_section .bottom .right a:hover .fs_more {
        transform: scale(1); }
  .first_section .manifest {
    position: fixed;
    bottom: 0;
    right: 0;
    height: 310px;
    width: 270px;
    overflow: hidden;
    transition: all .7s;
    z-index: 1000; }
    .first_section .manifest .bg {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      z-index: -1; }
      .first_section .manifest .bg img {
        height: 100%;
        width: 100%; }
    .first_section .manifest .top {
      display: flex;
      gap: 30px;
      position: absolute;
      bottom: 150px;
      right: -140px;
      opacity: 0;
      transition: all 1s; }
      .first_section .manifest .top picture {
        display: block;
        height: 320px;
        width: 320px; }
      .first_section .manifest .top p {
        font-family: "Gerta", sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 50px;
        line-height: 1;
        text-align: right;
        color: #FFFFFF; }
    .first_section .manifest .bottom {
      align-items: center;
      position: absolute;
      bottom: 0;
      right: 0;
      display: flex;
      gap: 10px;
      padding: 20px 20px 20px 20px;
      transition: all 1s; }
      .first_section .manifest .bottom .svg {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        bottom: 0;
        height: 80px;
        width: 80px;
        margin: auto;
        right: 20px;
        opacity: 0;
        transition: opacity 1s; }
        .first_section .manifest .bottom .svg svg {
          fill: #FFF;
          height: 100%;
          width: 100%; }
      .first_section .manifest .bottom p {
        color: #EEEEEE;
        display: flex;
        flex-direction: column;
        font-family: "Gerta", sans-serif;
        font-style: normal;
        gap: 5px;
        font-weight: 700;
        font-size: 20px;
        line-height: 1;
        text-align: right; }
      .first_section .manifest .bottom span {
        font-family: "Gerta", sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 50px;
        line-height: 1;
        text-align: right;
        color: #EFC443; }
    .first_section .manifest:hover {
      height: 700px;
      width: 700px; }
      .first_section .manifest:hover .top {
        right: 40px;
        opacity: 1; }
      .first_section .manifest:hover .bottom {
        padding-right: 120px; }
        .first_section .manifest:hover .bottom .svg {
          opacity: 1; }

.histories {
  overflow: hidden;
  margin: 150px 0; }
  .histories h2, .histories .h2 {
    margin-bottom: 30px; }
  .histories .container {
    position: relative; }
  .histories .glide-control {
    border: none; }
    .histories .glide-control.next {
      left: 102%; }
    .histories .glide-control.prev {
      right: 102%; }

.glide-control {
  align-items: center;
  justify-content: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 66px;
  height: 66px;
  transition: all 1s;
  padding: 0;
  z-index: 10; }
  .glide-control.next {
    transform: scale(-1, -1); }
  .glide-control svg {
    height: 42px;
    fill: #4A83E6;
    width: 25px; }
  .glide-control:hover {
    rotate: 12deg; }
    .glide-control:hover svg {
      fill: #FF7E49; }

.histories_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .histories_block .listing {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 25px; }
  .histories_block h2, .histories_block .h2 {
    margin-bottom: 20px; }
  .histories_block .history {
    box-shadow: 0 0 0 1px #D2DAE4; }
    .histories_block .history:hover {
      box-shadow: none;
      border-color: #5EC1FF; }
      .histories_block .history:hover svg {
        opacity: 1; }

.first_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .first_block .container {
    display: flex;
    gap: 40px; }
  .first_block h1, .first_block h2 {
    margin-bottom: 50px; }
  .first_block .right {
    position: relative;
    right: -50px; }
  .first_block.type-0 .fb-bg {
    position: absolute;
    z-index: -1;
    top: -40px;
    left: -30px; }
  .first_block.type-0 .fb-lent {
    position: absolute;
    top: -50px;
    right: -50px; }
  .first_block.type-1 .fb-bg {
    position: absolute;
    z-index: -1;
    top: -40px;
    left: -30px; }
  .first_block.type-1 .fb-lent {
    position: absolute;
    top: -50px;
    right: -50px; }
  .first_block .pic {
    height: 490px;
    width: 750px; }

.history {
  border: 10px solid transparent;
  display: flex;
  height: auto;
  padding: 20px;
  transition: border .3s;
  position: relative; }
  .history svg {
    position: absolute;
    fill: #5EC1FF;
    width: 37px;
    height: 33px;
    top: 10px;
    right: 10px;
    opacity: 0;
    transition: opacity .5s; }
  .history picture {
    display: flex;
    height: 170px;
    margin: 10px 0;
    overflow: hidden;
    position: relative;
    width: 170px; }
  .history img {
    height: 100%;
    width: 100%;
    transition: all .5s; }
  .history span {
    color: #393939;
    display: block;
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 1;
    text-wrap: balance;
    margin-bottom: 15px; }
  .history p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px;
    color: #5E5E5E; }
  .history a {
    color: #5EC1FF;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.1; }
    .history a:hover {
      color: #FF7E49; }
  .history:nth-child(3n + 1) {
    flex-direction: column; }
    .history:nth-child(3n + 1) picture {
      clip-path: polygon(100% 0%, 100% 100%, 0% 90%, 0% 10%); }
      .history:nth-child(3n + 1) picture:before {
        content: "";
        background: #FF7E49;
        clip-path: polygon(100% 0%, 100% 100%, 60% 25%);
        position: absolute;
        top: 0;
        right: 0;
        height: 90%;
        width: 80px; }
    .history:nth-child(3n + 1) img {
      margin-top: auto; }
  .history:nth-child(3n + 2) {
    flex-direction: column-reverse;
    justify-content: start; }
    .history:nth-child(3n + 2) span {
      padding-right: 30px; }
    .history:nth-child(3n + 2) picture {
      clip-path: polygon(95% 4%, 79% 85%, 15% 92%, 5% 5%);
      margin-left: auto;
      justify-content: end;
      width: 170px; }
      .history:nth-child(3n + 2) picture:before {
        content: "";
        background: #5EC1FF;
        clip-path: polygon(25% 25%, 0% 100%, 0% 0%);
        position: absolute;
        top: 0;
        left: 8px;
        height: 90%;
        width: 190px;
        transform: rotate(353deg); }
  .history:nth-child(3n + 3) {
    flex-direction: column; }
    .history:nth-child(3n + 3) img {
      margin-top: auto;
      object-fit: cover;
      object-position: top; }
    .history:nth-child(3n + 3) picture {
      clip-path: polygon(95% 15%, 75% 100%, 0% 100%, 10% 5%);
      margin-left: auto;
      justify-content: end;
      width: 200px; }
      .history:nth-child(3n + 3) picture:before {
        content: "";
        background: #EB5236;
        clip-path: polygon(85% 100%, 0% 100%, 14% 80%);
        position: absolute;
        bottom: 0;
        left: 0;
        height: 90%;
        width: 190px; }
  .history.glide__slide--active + .history {
    border-color: #5EC1FF; }
    .history.glide__slide--active + .history svg {
      opacity: 1; }

.news_section {
  margin: 50px 0;
  padding-top: 50px;
  position: relative; }
  .news_section .line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 100vw; }
    .news_section .line:before {
      background: url(../img/dev/border.png) repeat-x;
      display: block;
      height: 100%;
      content: "";
      width: 100%; }
    .news_section .line span {
      position: absolute;
      bottom: 100%;
      left: 0;
      right: 0;
      margin: auto;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.1em;
      text-align: right;
      text-transform: uppercase;
      color: #919191;
      padding: 5px;
      width: 80%; }

.line_block {
  margin-top: var(--mt, 150px);
  margin-bottom: var(--mb, 150px);
  height: 2px;
  position: relative; }
  .line_block .line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    rotate: -5deg;
    width: 100vw; }
    .line_block .line:before {
      background: url(../img/dev/border.png) repeat-x;
      display: block;
      height: 100%;
      content: "";
      width: 100%; }
    .line_block .line span {
      position: absolute;
      bottom: 100%;
      left: 0;
      right: 0;
      margin: auto;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.1em;
      text-align: center;
      text-transform: uppercase;
      color: #919191;
      padding: 5px;
      width: 80%; }
    .line_block .line picture {
      position: absolute;
      top: -55px;
      left: 70%;
      transition: 4s left 1s;
      height: 157px;
      width: 220px; }

.main_article {
  display: flex;
  justify-content: space-between; }
  .main_article h2, .main_article .h2 {
    line-height: 1;
    margin-bottom: 30px; }
  .main_article .col {
    width: 100%; }
  .main_article .info {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    max-width: 270px;
    padding-left: 25px;
    max-height: 480px; }
  .main_article .soc {
    align-items: start;
    flex-direction: column;
    gap: 10px;
    margin-top: auto;
    padding: 20px 0 0; }
    .main_article .soc p {
      color: #393939;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1.3; }
    .main_article .soc a {
      height: 50px;
      width: 50px; }

.big_article {
  max-width: 820px;
  margin-left: auto; }
  .big_article a {
    position: relative; }
    .big_article a:hover .svg {
      background: #FFF; }
      .big_article a:hover .svg svg {
        fill: #5EC1FF; }
  .big_article picture {
    height: 480px;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
    width: 820px; }
  .big_article .svg {
    position: absolute;
    bottom: 0;
    right: 0;
    fill: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .5s;
    width: 60px;
    height: 60px;
    background: #5EC1FF; }
    .big_article .svg svg {
      height: 16px;
      width: 16px; }
  .big_article a:hover ~ .flex a {
    color: #FF7E49; }
  .big_article .flex {
    gap: 30px; }
    .big_article .flex a {
      font-style: normal;
      font-weight: 700;
      font-size: 18px;
      line-height: 1.2;
      color: #393939;
      text-wrap: balance; }
      .big_article .flex a:hover {
        color: #FF7E49; }
  .big_article time {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #919191;
    margin-top: 10px; }
  .big_article p {
    color: #5E5E5E;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3; }

.last_articles {
  margin-top: 50px; }
  .last_articles .title {
    color: #AAAAAA;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 20px; }
  .last_articles article {
    border: 1px solid #D9D9D9;
    display: flex;
    height: 350px;
    flex-direction: column;
    overflow: hidden;
    position: relative; }
    .last_articles article span {
      display: block;
      color: #393939;
      font-style: normal;
      font-weight: 700;
      font-size: 18px;
      line-height: 1.2;
      padding: 20px; }
    .last_articles article picture {
      display: block;
      overflow: hidden;
      height: 230px;
      transition: height 1s;
      will-change: height; }
    .last_articles article svg {
      position: absolute;
      bottom: 0;
      right: 0;
      margin: 20px;
      fill: #5EC1FF;
      width: 16px;
      opacity: 1;
      transition: opacity .5s;
      will-change: opacity;
      height: 16px; }
    .last_articles article p {
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1.4;
      color: #5E5E5E;
      padding: 20px;
      transition: opacity .5s;
      will-change: opacity;
      opacity: 0; }
    .last_articles article time {
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1;
      color: #919191;
      margin-top: auto;
      padding: 20px;
      transition: opacity .5s;
      will-change: opacity;
      opacity: 0; }
    .last_articles article.dekstop:hover picture {
      height: 0px; }
    .last_articles article.dekstop:hover span {
      color: #5EC1FF; }
    .last_articles article.dekstop:hover p, .last_articles article.dekstop:hover time {
      opacity: 1; }
  .last_articles .wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px; }

.controls {
  margin-top: 20px; }

.how_we_help {
  margin: 50px 0; }
  .how_we_help h2, .how_we_help .h2 {
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 50px;
    line-height: 68px;
    text-transform: uppercase;
    color: #393939;
    margin-bottom: 50px; }
    .how_we_help h2 span, .how_we_help .h2 span {
      display: block;
      padding-left: 365px; }
  .how_we_help .flex {
    padding-left: 460px;
    gap: 50px; }
    .how_we_help .flex .col {
      flex-shrink: 0;
      max-width: 420px; }
    .how_we_help .flex .h3, .how_we_help .flex h3 {
      color: #393939;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 30px;
      line-height: 1.1; }
    .how_we_help .flex p {
      color: #5E5E5E;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1.4;
      margin-bottom: 20px; }
    .how_we_help .flex a {
      align-items: center;
      display: flex;
      gap: 10px;
      color: #5EC1FF;
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 1;
      margin-top: 20px; }
      .how_we_help .flex a svg {
        fill: #5EC1FF;
        height: 15px;
        width: 15px; }
      .how_we_help .flex a:hover {
        color: #FF7E49; }
        .how_we_help .flex a:hover svg {
          fill: #FF7E49; }

.movie {
  margin-top: -300px;
  margin-left: 50px; }
  .movie .movie_info {
    margin-top: 20px;
    display: flex;
    opacity: 0;
    transition: 1s opacity 2s;
    gap: 50px; }
    .movie .movie_info span {
      color: #393939;
      font-style: normal;
      font-weight: 700;
      font-size: 18px;
      line-height: 1; }
    .movie .movie_info p {
      color: #5E5E5E;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1.3; }
    .movie .movie_info a {
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1;
      color: #393939;
      padding-top: 5px; }
      .movie .movie_info a:hover {
        color: #FF7E49; }
  .movie .movie_poster .play_button {
    transition: 2s all 2s;
    transform: scale(0);
    transform-origin: center;
    will-change: transform; }
  .movie.seen .movie_poster .play_button, .movie.seen .movie_poster .star {
    transform: scale(1); }
  .movie.seen .movie_info {
    opacity: 1; }

.movie_poster {
  cursor: pointer;
  height: 310px;
  position: relative;
  width: 570px; }
  .movie_poster video {
    object-fit: cover;
    height: 100%;
    width: 100%; }
  .movie_poster .play_button {
    background: #EB5236;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    height: 80px;
    width: 80px; }
    .movie_poster .play_button:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: 15px solid transparent;
      border-left: 25px solid #F0CD65;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 25px;
      right: 0;
      margin: auto; }
  .movie_poster .plate {
    position: absolute;
    bottom: 0;
    left: -30px;
    z-index: -1; }
  .movie_poster .star {
    position: absolute;
    z-index: -1;
    top: -200px;
    left: -170px;
    transform: scale(0);
    will-change: transform;
    transform-origin: right bottom;
    transition: 2s all 2.5s; }
  .movie_poster:hover .play_button:before {
    border-left-color: #FFF; }

.main_report_section {
  position: relative; }
  .main_report_section .container {
    display: flex;
    gap: 50px;
    position: relative; }
  .main_report_section:before {
    background: url(../img/dev/border.png) repeat-x;
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 2px; }
  .main_report_section:after {
    content: attr(data-label);
    position: absolute;
    bottom: 100%;
    right: 7%;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #5EC1FF;
    padding: 5px; }
  .main_report_section .animation {
    padding: 50px 0;
    transform-origin: top;
    transform: rotateX(90deg);
    position: relative;
    transition: transform 2s;
    will-change: transform; }
    .main_report_section .animation.angle {
      transform: rotateX(0deg); }
  .main_report_section .col {
    max-width: 370px;
    flex-shrink: 0;
    width: 100%; }
  .main_report_section.seen .report svg {
    width: 57px;
    height: 66px; }
  .main_report_section .report {
    background: #EBF5FC;
    overflow: hidden;
    padding: 30px 0 0;
    position: relative; }
    .main_report_section .report svg {
      position: absolute;
      top: 0;
      right: -1px;
      width: 0;
      height: 0;
      transition: 1s all 1s; }
    .main_report_section .report p {
      align-items: center;
      display: flex;
      gap: 15px;
      justify-content: space-between;
      margin-bottom: 30px;
      padding: 0 20px;
      position: relative;
      z-index: 3; }
      .main_report_section .report p span {
        font-family: "Gerta", sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 25px;
        line-height: 1;
        color: #393939; }
    .main_report_section .report b {
      color: #393939;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 40px;
      line-height: 1;
      margin-right: 20px; }
  .main_report_section .btn {
    width: 100%; }

.report_data {
  display: grid;
  grid-template-columns: 300px 220px 200px;
  grid-gap: 60px 40px; }
  .report_data .report_data_title {
    align-items: center;
    display: flex;
    height: 50px;
    gap: 15px; }
    .report_data .report_data_title span {
      color: #393939;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 45px;
      line-height: 1; }
    .report_data .report_data_title svg {
      fill: none;
      flex-shrink: 0;
      height: 50px;
      width: 50px; }
  .report_data p {
    color: #5E5E5E;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    margin-top: 10px;
    max-width: 235px;
    text-wrap: balance; }

@keyframes angle-rotate {
  0% {
    transform: translateX(-77px) translateY(33px) rotate(-45deg) scale(-1, 1); }
  50% {
    transform: translateX(-52px) translateY(18px) rotate(-29deg) scale(-0.3, 1); }
  100% {
    transform: translateX(0px) rotate(0deg) scale(1, 1); } }
@keyframes hand-move {
  0% {
    right: 0; }
  50% {
    right: 25px; }
  100% {
    right: 0; } }
.projects_section {
  margin: 100px 0; }
  .projects_section .figure {
    margin-bottom: -50px;
    margin-left: auto; }
    .projects_section .figure .angle {
      transition: transform 1s;
      transform-origin: 80% 0;
      transform: translateX(-77px) translateY(32px) rotate(-45deg) scale(-1, 1); }
  .projects_section h2, .projects_section .h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 1;
    color: #393939; }
  .projects_section p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #5E5E5E; }
  .projects_section .top {
    display: flex;
    gap: 50px; }
  .projects_section .col {
    display: flex;
    gap: 15px;
    flex-direction: column;
    justify-content: end;
    max-width: 300px;
    margin-right: auto; }
  .projects_section .pic {
    flex-shrink: 0;
    display: flex;
    height: 480px;
    width: 770px;
    overflow: hidden; }
    .projects_section .pic picture {
      height: 100%;
      width: 50%; }
  .projects_section .slice img {
    object-fit: cover;
    height: 100%;
    width: 100%; }
  .projects_section .slice-left {
    transform-origin: right;
    transform: rotateY(-90deg);
    transition: transform 1s;
    position: relative;
    will-change: transform; }
    .projects_section .slice-left img {
      object-position: left center; }
    .projects_section .slice-left:before {
      background: linear-gradient(270deg, #3D3D3D 28.74%, #F3EFED 66.76%);
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 1;
      transition: opacity 1s;
      mix-blend-mode: multiply;
      will-change: opacity; }
  .projects_section .slice-right img {
    object-position: right center; }
  .projects_section .bottom {
    display: flex;
    margin-top: 70px; }
    .projects_section .bottom .project:first-child {
      order: 1; }
    .projects_section .bottom .project:hover {
      background: #5EC1FF; }
      .projects_section .bottom .project:hover .project_title svg {
        fill: #FFF; }
      .projects_section .bottom .project:hover .project_title span {
        color: #FFF; }
      .projects_section .bottom .project:hover p {
        color: #FFF; }
      .projects_section .bottom .project:hover picture {
        z-index: 1; }
        .projects_section .bottom .project:hover picture img {
          transform: translateX(0px);
          opacity: 1; }
      .projects_section .bottom .project:hover ~ .project {
        z-index: -1; }
      .projects_section .bottom .project:hover ~ .active {
        background: none;
        border-color: #E8E8E8; }
        .projects_section .bottom .project:hover ~ .active .project_title svg {
          fill: #5EC1FF; }
        .projects_section .bottom .project:hover ~ .active .project_title span {
          color: #5EC1FF; }
        .projects_section .bottom .project:hover ~ .active p {
          color: #5E5E5E; }
        .projects_section .bottom .project:hover ~ .active picture img {
          transform: translateX(-30px);
          opacity: 0; }
  .projects_section .project {
    border: 1px solid #E8E8E8;
    display: flex;
    flex-direction: column;
    height: 460px;
    order: 3;
    margin-left: -1px;
    width: 100%; }
    .projects_section .project .project_title {
      align-items: center;
      display: flex;
      gap: 10px;
      padding: 15px 15px 10px; }
      .projects_section .project .project_title svg {
        height: 70px;
        fill: #5EC1FF;
        width: 70px; }
      .projects_section .project .project_title span {
        color: #5FC1FF;
        font-family: "Gerta", sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 25px;
        line-height: 1; }
    .projects_section .project p {
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 1.1;
      color: #5E5E5E;
      margin: 10px 0;
      padding: 5px 15px; }
    .projects_section .project.project-16 picture img {
      bottom: 0;
      right: -70px; }
    .projects_section .project.project-17 picture img {
      bottom: 20px;
      left: -40px; }
    .projects_section .project.project-18 picture img {
      bottom: -40px;
      right: -40px; }
    .projects_section .project.project-19 picture img {
      bottom: 0;
      right: 10px; }
    .projects_section .project picture {
      display: block;
      margin-top: auto;
      position: relative;
      width: 100%; }
      .projects_section .project picture img {
        bottom: 0;
        position: absolute;
        transition: all 1s;
        transform: translateX(-30px);
        opacity: 0; }
    .projects_section .project.active {
      background: #5EC1FF;
      border-color: #5EC1FF;
      order: 2; }
      .projects_section .project.active .project_title svg {
        fill: #FFF; }
      .projects_section .project.active .project_title span {
        color: #FFF; }
      .projects_section .project.active p {
        color: #FFF; }
      .projects_section .project.active picture img {
        transform: translateX(0px);
        opacity: 1; }
    .projects_section .project.pj-0 {
      transform-origin: right;
      transform: rotateY(-90deg);
      transition: 1s transform 1s; }
    .projects_section .project.pj-1 {
      transform-origin: left;
      transform: rotateY(-90deg);
      transition: 1s transform 1s; }
    .projects_section .project.pj-2 {
      transform-origin: left;
      transform: rotateY(-90deg);
      transition: 1s transform 2s; }
  .projects_section.seen .figure .angle {
    animation: .5s angle-rotate linear both; }
  .projects_section.seen .slice-left {
    transform: rotateY(0deg); }
    .projects_section.seen .slice-left:before {
      opacity: 0; }
  .projects_section.seen .pj-0, .projects_section.seen .pj-1, .projects_section.seen .pj-2 {
    transform: rotateY(0deg); }
  .projects_section.seen .glide:before, .projects_section.seen .glide:after {
    opacity: 0; }
  .projects_section .glide {
    margin: 50px 0 20px;
    position: relative; }
    .projects_section .glide:before {
      animation: hand-move linear 4s infinite;
      content: "";
      display: block;
      width: 34px;
      height: 40px;
      position: absolute;
      bottom: 105%;
      right: 0;
      background: url("../img/dev/hand.png") no-repeat;
      opacity: 1;
      transition: 1s opacity 5s; }
    .projects_section .glide:after {
      content: "";
      display: block;
      width: 30px;
      height: 5px;
      background: #E0E0E0;
      border-radius: 10px;
      position: absolute;
      bottom: 112%;
      right: 20px;
      z-index: -1;
      opacity: 1;
      transition: 1s opacity 5s; }
    .projects_section .glide .project {
      transform: none; }
      .projects_section .glide .project p {
        white-space: break-spaces; }
      .projects_section .glide .project.glide__slide--active {
        background: #5EC1FF; }
        .projects_section .glide .project.glide__slide--active .project_title svg {
          fill: #FFF; }
        .projects_section .glide .project.glide__slide--active .project_title span {
          color: #FFF; }
        .projects_section .glide .project.glide__slide--active p {
          color: #FFF; }
        .projects_section .glide .project.glide__slide--active picture {
          z-index: 1; }
          .projects_section .glide .project.glide__slide--active picture img {
            transform: translateX(0px);
            opacity: 1; }

.link {
  align-items: center;
  display: flex;
  gap: 15px; }
  .link span {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: #5EC1FF; }
  .link svg {
    fill: #5EC1FF;
    height: 13px;
    width: 14px; }
  .link:hover span {
    color: #FF7E49; }
  .link:hover svg {
    fill: #FF7E49; }

.facilities_section {
  margin: 0 0 50px;
  padding: 250px 0 0;
  position: relative; }
  .facilities_section .line {
    display: block;
    width: 140%;
    position: absolute;
    top: 10%;
    left: -20%;
    height: 2px;
    transform: rotate(-10deg); }
    .facilities_section .line:before {
      background: url(../img/dev/border.png) repeat-x;
      display: block;
      height: 100%;
      transition: width 3s;
      content: "";
      width: 0; }
    .facilities_section .line span {
      position: absolute;
      bottom: 100%;
      left: 0;
      right: 0;
      margin: auto;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.1em;
      text-align: left;
      text-transform: uppercase;
      color: #5EC1FF;
      padding: 5px;
      width: 25%; }
    .facilities_section .line picture {
      position: absolute;
      top: -55px;
      left: 0;
      transition: 4s left 1s;
      height: 157px;
      width: 220px; }
  .facilities_section.seen .line:before {
    width: 100%; }
  .facilities_section.seen .line picture {
    left: 50%; }
  .facilities_section .container {
    display: flex; }
  .facilities_section .left {
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    justify-content: end;
    max-width: 390px;
    position: relative;
    padding-right: 260px; }
    .facilities_section .left > svg {
      height: 66px;
      position: absolute;
      bottom: 90%;
      right: 33%;
      width: 66px; }
  .facilities_section .right {
    max-width: 500px;
    margin-left: auto;
    position: relative; }
    .facilities_section .right > svg {
      height: 66px;
      margin-left: auto;
      width: 66px;
      position: absolute;
      left: 88%;
      top: 0; }
  .facilities_section .title {
    color: #393939;
    display: block;
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 1;
    margin-bottom: 15px; }
  .facilities_section p {
    color: #5E5E5E;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4; }
  .facilities_section .flex {
    margin-top: 20px;
    gap: 20px; }

@keyframes wing-move2 {
  0% {
    transform: rotateX(0deg); }
  50% {
    transform: rotateX(12deg); }
  100% {
    transform: rotateX(0deg); } }
@keyframes wing-move3 {
  0% {
    transform: rotateX(0deg); }
  50% {
    transform: rotateX(-8deg); }
  100% {
    transform: rotateX(0deg); } }
@keyframes float {
  0% {
    transform: translateY(0) rotate(0deg); }
  50% {
    transform: translateY(-20px) rotate(-10deg); }
  100% {
    transform: translateY(0) rotate(0deg); } }
.main_slider_section .main_slide {
  align-items: center;
  display: flex;
  height: 751px; }
.main_slider_section .slide_wrap {
  height: 485px;
  margin: auto;
  width: 100%; }
.main_slider_section .slide-0 .slide_wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
  background: #C3E6EE; }
.main_slider_section .slide-0 .info {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  padding: 40px;
  display: flex;
  flex-direction: column; }
  .main_slider_section .slide-0 .info span {
    font-style: normal;
    font-weight: 500;
    font-size: 55px;
    line-height: 1.1;
    color: #00677B; }
  .main_slider_section .slide-0 .info p {
    margin-top: auto;
    max-width: 420px;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
    color: #00677B; }
.main_slider_section .slide-0 .ease_wrap {
  height: 610px;
  position: relative;
  margin-left: auto;
  margin-right: 260px;
  width: 285px; }
  .main_slider_section .slide-0 .ease_wrap .ease {
    height: 100%;
    display: block;
    position: relative;
    z-index: 2;
    width: 100%; }
  .main_slider_section .slide-0 .ease_wrap .cloud {
    position: absolute;
    top: 10px;
    left: -200px;
    max-width: initial;
    z-index: 1; }
  .main_slider_section .slide-0 .ease_wrap .paint {
    border: 1px solid #333;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin: auto;
    height: 288px;
    width: 285px;
    z-index: 2; }
    .main_slider_section .slide-0 .ease_wrap .paint:before {
      content: "";
      background: #FFE5DF;
      height: 26px;
      position: absolute;
      border: 1px solid #333333;
      top: -13px;
      border-radius: 5px;
      left: 0;
      right: 0;
      margin: auto;
      width: 120px; }
    .main_slider_section .slide-0 .ease_wrap .paint:after {
      content: "";
      background: #FFE5DF;
      height: 26px;
      position: absolute;
      border: 1px solid #333333;
      bottom: -13px;
      border-radius: 5px;
      left: -15px;
      right: 0;
      margin: auto;
      width: 315px; }
.main_slider_section .slide-0 .star {
  animation: rotate 80s linear infinite;
  position: absolute;
  top: 0;
  left: -140px;
  bottom: 0;
  margin: auto;
  z-index: 2; }
.main_slider_section .slide-0 .boat {
  position: absolute;
  bottom: 12px;
  transition: right 1s;
  right: 20px;
  z-index: 2; }
.main_slider_section .slide-0 .bird {
  animation: float 4s linear infinite;
  position: absolute;
  top: -100px;
  bottom: 0;
  margin: auto;
  right: -140px;
  z-index: 2; }
  .main_slider_section .slide-0 .bird .wing {
    animation: wing-move2 4s linear infinite;
    transform-origin: bottom; }
  .main_slider_section .slide-0 .bird .wing2 {
    animation: wing-move3 4s linear infinite;
    transform-origin: bottom; }
.main_slider_section .slide-0 picture {
  margin-left: auto;
  margin-right: 30px;
  margin-top: -75px;
  width: 680px;
  height: 644px;
  position: relative; }
.main_slider_section .slide-0 .angle_link:hover ~ .ease_wrap .boat {
  right: 120px; }
.main_slider_section .slide-1 .slide_wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
  background: #5EC1FF; }
.main_slider_section .slide-1 .info {
  display: flex;
  flex-direction: column;
  padding: 30px;
  height: 100%; }
.main_slider_section .slide-1 .top {
  align-items: center;
  display: flex;
  gap: 20px; }
  .main_slider_section .slide-1 .top svg {
    fill: #FFF;
    height: 100px;
    width: 100px; }
  .main_slider_section .slide-1 .top span {
    color: #FFFFFF;
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: .8; }
.main_slider_section .slide-1 .bottom {
  border-top: 1px solid #FFF;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: auto;
  padding: 20px 0 0; }
  .main_slider_section .slide-1 .bottom span {
    color: #FFFFFF;
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 1;
    white-space: nowrap; }
  .main_slider_section .slide-1 .bottom p {
    color: #FFFFFF;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    max-width: 360px; }
.main_slider_section .slide-1 picture {
  display: block;
  flex-shrink: 0;
  position: relative;
  left: -100px;
  margin-top: -100px;
  height: 751px;
  width: 614px; }
.main_slider_section .glide-control.prev {
  left: -70px; }
.main_slider_section .glide-control.next {
  right: -70px; }

.angle_link {
  display: flex;
  flex-direction: column;
  padding: 10px;
  align-items: end;
  justify-content: center;
  gap: 10px;
  height: 110px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80px; }
  .angle_link:before {
    background-size: cover;
    content: "";
    display: block;
    position: absolute;
    background: url("../img/dev/ms1link2.png") no-repeat bottom right/cover;
    height: 151px;
    width: 131px;
    bottom: 0;
    right: 0;
    transition: all 1s;
    z-index: 3; }
  .angle_link:after {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/dev/ms1link1.png") no-repeat bottom right/cover;
    height: 150px;
    width: 130px;
    bottom: 0;
    right: 0;
    transition: all 1s;
    z-index: 1; }
  .angle_link .svg {
    display: flex;
    align-items: end;
    justify-content: end;
    height: 50px;
    width: 50px;
    position: relative;
    transition: transform 1s;
    z-index: 2; }
  .angle_link svg {
    fill: #FFF;
    height: 13px;
    width: 14px; }
  .angle_link span {
    color: #FFFFFF;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1;
    text-align: right;
    text-transform: uppercase;
    position: relative;
    z-index: 2; }
  .angle_link:hover:before {
    height: 191px;
    width: 161px; }
  .angle_link:hover:after {
    height: 190px;
    width: 160px; }

.payform_section {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .payform_section .donats {
    margin-bottom: 30px; }
    .payform_section .donats span {
      color: #77C68A;
      font-style: normal;
      font-weight: 500;
      font-size: 13px;
      line-height: 1;
      text-transform: uppercase;
      padding-right: 20px; }
  .payform_section .payform {
    background: #EBF5FC;
    display: flex;
    gap: 40px; }
  .payform_section #paysprite {
    background: url("../img/dev/psprite.png") no-repeat;
    height: 410px;
    margin-top: -30px;
    width: 410px; }
    .payform_section #paysprite.st0 {
      background-position: -40px -5121px; }
    .payform_section #paysprite.st1 {
      background-position: -40px -5121px; }
    .payform_section #paysprite.st2 {
      background-position: -40px -4569px; }
    .payform_section #paysprite.st3 {
      background-position: -40px -4004px; }
    .payform_section #paysprite.st4 {
      background-position: -40px -3520px; }
    .payform_section #paysprite.st5 {
      background-position: -40px -2960px; }
    .payform_section #paysprite.st6 {
      background-position: -40px -2440px; }
    .payform_section #paysprite.st7 {
      background-position: -40px -1871px; }
    .payform_section #paysprite.st8 {
      background-position: -40px -767px; }
    .payform_section #paysprite.st9 {
      background-position: -15px -170px; }
  .payform_section .button {
    min-width: 250px; }
  .payform_section .steps {
    display: flex;
    position: relative;
    justify-content: space-between;
    width: 100%; }
    .payform_section .steps:before {
      content: "";
      display: block;
      width: 100%;
      height: 3px;
      background: #C7E0F5;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto; }
    .payform_section .steps .step {
      align-items: center;
      display: flex;
      position: relative;
      width: 100%;
      z-index: 2; }
      .payform_section .steps .step:last-child span {
        width: 100%; }
      .payform_section .steps .step.active i {
        background: #5EC1FF;
        border-color: #5EC1FF;
        color: #FFF; }
      .payform_section .steps .step.active span {
        color: #393939;
        font-weight: 700; }
    .payform_section .steps i {
      align-items: center;
      background: #FFF;
      justify-content: center;
      display: flex;
      border: 3px solid #C7E0F5;
      color: #C7E0F5;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 30px;
      flex-shrink: 0;
      line-height: 1;
      text-align: center;
      height: 70px;
      width: 70px; }
    .payform_section .steps span {
      background: #EBF5FC;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 1;
      color: #919191;
      padding: 0 10px; }
  .payform_section .left {
    display: flex;
    flex-direction: column;
    max-width: 410px; }
    .payform_section .left p {
      color: #5E5E5E;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1.2;
      padding: 40px 0 0 40px; }
    .payform_section .left span {
      color: #393939;
      display: block;
      margin-bottom: 10px;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 50px;
      line-height: 1; }
  .payform_section .right {
    padding: 40px 40px 0 0;
    width: 100%; }
  .payform_section .stage {
    display: none;
    height: 100%;
    flex-direction: column; }
    .payform_section .stage.active {
      display: flex; }
  .payform_section .summ {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 20px;
    margin-top: 80px; }
    .payform_section .summ .flex {
      gap: 15px;
      width: 100%; }
    .payform_section .summ label {
      cursor: pointer;
      width: 100%; }
      .payform_section .summ label input {
        display: none; }
        .payform_section .summ label input:checked ~ span {
          background: #5EC1FF;
          color: #FFF;
          border-color: #5EC1FF; }
      .payform_section .summ label span {
        align-items: center;
        background: #FFF;
        border: 2px solid #5EC1FF;
        justify-content: center;
        display: flex;
        height: 55px;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 1;
        color: #5EC1FF; }
      .payform_section .summ label:hover span {
        border-color: #393939; }
  .payform_section .regularity {
    align-items: center;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 20px;
    margin-top: 30px; }
    .payform_section .regularity .flex {
      background: #FFF;
      border: 2px solid #5EC1FF;
      width: 100%; }
    .payform_section .regularity p {
      color: #5E5E5E;
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 1.2;
      max-width: 250px; }
    .payform_section .regularity label {
      cursor: pointer;
      width: 100%; }
      .payform_section .regularity label input {
        display: none; }
        .payform_section .regularity label input:checked ~ span {
          background: #5EC1FF;
          color: #FFF; }
      .payform_section .regularity label span {
        align-items: center;
        color: #5EC1FF;
        display: flex;
        justify-content: center;
        height: 55px;
        width: 100%;
        font-style: normal;
        font-weight: 800;
        font-size: 16px;
        line-height: 1; }
  .payform_section .result {
    align-items: center;
    border-top: 2px solid rgba(39, 79, 139, 0.1);
    margin-top: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex; }
    .payform_section .result p {
      align-items: center;
      display: flex;
      color: #393939;
      font-style: normal;
      font-weight: 800;
      font-size: 45px;
      line-height: 1;
      white-space: nowrap; }
      .payform_section .result p span {
        display: block;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 1;
        color: #393939;
        max-width: 165px;
        padding-left: 20px;
        white-space: wrap; }
  .payform_section .another {
    display: flex;
    margin-top: 30px; }
    .payform_section .another .title {
      color: #5E5E5E;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1.2;
      max-width: 270px; }
      .payform_section .another .title span {
        color: #393939;
        display: block;
        font-family: "Gerta", sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 25px;
        line-height: 1;
        margin-bottom: 15px; }
    .payform_section .another .sms {
      background: #5FC1FF; }
    .payform_section .another .reqs {
      background: #4A83E6; }
    .payform_section .another .corp {
      background: #449959; }
    .payform_section .another .flex {
      gap: 15px;
      margin-left: auto;
      justify-content: end;
      width: 100%; }
    .payform_section .another .pay_type {
      cursor: pointer;
      display: block;
      max-width: 265px;
      padding: 15px;
      position: relative;
      width: 100%; }
      .payform_section .another .pay_type p {
        align-items: center;
        gap: 15px;
        display: flex; }
      .payform_section .another .pay_type .icon {
        display: block;
        height: 40px;
        fill: none;
        stroke: #FFF;
        width: 40px; }
      .payform_section .another .pay_type .arrow {
        position: absolute;
        fill: #FFF;
        top: 10px;
        right: 10px;
        height: 13px;
        width: 14px; }
      .payform_section .another .pay_type span {
        color: #FFFFFF;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 1; }
      .payform_section .another .pay_type:hover {
        background: #FF7E49; }
  .payform_section .stage-2 .previous-step {
    cursor: pointer; }
    .payform_section .stage-2 .previous-step:hover i {
      border-color: #5EC1FF;
      color: #5EC1FF; }

.fancybox__viewport #requisites .subcol {
  margin: 10px 0; }
  .fancybox__viewport #requisites .subcol p {
    margin: 5px 0; }
.fancybox__viewport #requisites picture {
  display: none; }

.stage-2-summ {
  align-items: center;
  border-top: 2px solid rgba(39, 79, 139, 0.1);
  display: flex;
  padding: 40px 0 30px 0; }

.glide__bullets {
  display: flex;
  gap: 10px;
  justify-content: center; }
  .glide__bullets button {
    width: 8px;
    height: 8px;
    background: #D9D9D9;
    transition: all 1s; }
  .glide__bullets .glide__bullet--active {
    background: #393939;
    width: 16px; }

.contacts_section h1, .contacts_block h1 {
  margin-bottom: 50px; }
.contacts_section h2, .contacts_block h2 {
  margin-bottom: 20px; }
.contacts_section .flex, .contacts_block .flex {
  gap: 50px;
  justify-content: space-between; }
.contacts_section .phone, .contacts_block .phone {
  color: #393939;
  display: inline-block;
  font-family: "Gerta", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 1;
  margin-bottom: 55px; }
  .contacts_section .phone:hover, .contacts_block .phone:hover {
    color: #FF7E49; }
.contacts_section .address, .contacts_block .address {
  color: #393939;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 40px; }
.contacts_section .email, .contacts_block .email {
  color: #5E5E5E;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  text-decoration: underline; }
  .contacts_section .email:hover, .contacts_block .email:hover {
    color: #FF7E49; }
.contacts_section .soc, .contacts_block .soc {
  margin-top: 15px; }
  .contacts_section .soc .flex, .contacts_block .soc .flex {
    gap: 10px;
    justify-content: start; }
.contacts_section .reqs, .contacts_block .reqs {
  padding-top: 90px;
  position: relative; }
  .contacts_section .reqs .line, .contacts_block .reqs .line {
    display: block;
    width: 100vw;
    position: absolute;
    top: 100px;
    left: -45%;
    height: 2px;
    transform: rotate(2deg);
    z-index: 4; }
    .contacts_section .reqs .line:before, .contacts_block .reqs .line:before {
      background: url(../img/dev/border.png) repeat-x;
      display: block;
      height: 100%;
      transition: width 3s;
      content: "";
      width: 100%; }
  .contacts_section .reqs ul, .contacts_block .reqs ul {
    columns: 2;
    margin-bottom: 15px; }
  .contacts_section .reqs li, .contacts_section .reqs p, .contacts_block .reqs li, .contacts_block .reqs p {
    color: #5E5E5E;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    margin: 0 0 10px; }
.contacts_section .map, .contacts_block .map {
  max-width: 850px;
  position: relative;
  width: 100%;
  z-index: 10; }
  .contacts_section .map picture, .contacts_block .map picture {
    position: absolute;
    bottom: 70px;
    margin: 0;
    left: -165px;
    transform: rotate(-20deg);
    width: 220px;
    height: 157px; }
.contacts_section #map, .contacts_block #map {
  height: 540px;
  width: 100%; }
.contacts_section [class*=ymaps][class*=-ground-pane], .contacts_block [class*=ymaps][class*=-ground-pane] {
  filter: grayscale(1);
  -ms-filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1); }

.hlist_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .hlist_block .container {
    display: flex;
    justify-content: space-between; }
  .hlist_block h2, .hlist_block .h2 {
    margin-bottom: 20px;
    max-width: 320px; }
  .hlist_block .right {
    max-width: 630px; }
    .hlist_block .right .cell {
      display: flex;
      gap: 40px;
      padding: 30px 10px; }
    .hlist_block .right span {
      color: #000000;
      display: block;
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      flex-shrink: 0;
      line-height: 1;
      width: 200px; }
    .hlist_block .right p {
      color: #5E5E5E;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1.4; }
  .hlist_block .line {
    display: block;
    width: 100%;
    height: 2px; }
    .hlist_block .line:before {
      background: url(../img/dev/border.png) repeat-x;
      display: block;
      content: "";
      height: 100%;
      width: 100%; }
  .hlist_block .text {
    max-width: 520px; }

.title_numlist_block {
  margin-top: var(--mt, 50px);
  margin-bottom: var(--mb, 50px); }
  .title_numlist_block .container {
    gap: 50px;
    display: flex; }
  .title_numlist_block h2, .title_numlist_block .h2 {
    max-width: 420px; }
  .title_numlist_block .cell {
    counter-increment: counter;
    position: relative;
    padding-left: 100px;
    margin-bottom: 30px; }
    .title_numlist_block .cell:before {
      content: counter(counter,decimal-leading-zero);
      border: 5px solid #5EC1FF;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 30px;
      line-height: 90%;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #42AFFF;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 0;
      left: 0;
      width: 70px;
      height: 70px; }
  .title_numlist_block .tnm_title {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    color: #393939;
    min-height: 70px;
    display: flex;
    align-items: center; }
    .title_numlist_block .tnm_title a {
      color: #5EC1FF; }
      .title_numlist_block .tnm_title a:hover {
        color: #FF7E49; }

.ambitions_section {
  margin-top: var(--mt, 50px);
  margin-bottom: var(--mb, 50px); }
  .ambitions_section h3, .ambitions_section .h3 {
    margin-bottom: 50px; }
  .ambitions_section .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px; }
  .ambitions_section.seen .ambition .scoreline .percent {
    width: 100%; }

.blog_page_section .blog_page_title {
  align-items: start;
  display: flex;
  justify-content: space-between;
  margin-top: 20px; }
.blog_page_section .sub_cats {
  display: flex;
  gap: 10px; }
  .blog_page_section .sub_cats .btn {
    background: #FFF;
    height: 40px;
    padding: 0 20px;
    width: auto; }
    .blog_page_section .sub_cats .btn span {
      color: #5EC1FF; }
    .blog_page_section .sub_cats .btn:hover {
      background: #5EC1FF; }
      .blog_page_section .sub_cats .btn:hover span {
        color: #FFF; }
    .blog_page_section .sub_cats .btn.active {
      background: #5EC1FF; }
      .blog_page_section .sub_cats .btn.active span {
        color: #FFF; }
.blog_page_section article {
  max-width: 400px; }

.histories_page_section .histories_page_title {
  align-items: end;
  display: flex;
  gap: 100px; }
  .histories_page_section .histories_page_title h1 {
    line-height: .8; }
  .histories_page_section .histories_page_title .soc {
    margin-left: auto;
    justify-content: end;
    width: 50%; }
.histories_page_section .listing {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
  margin: 50px 0; }
.histories_page_section .history {
  box-shadow: 0 0 0 1px #D2DAE4; }
  .histories_page_section .history:hover {
    box-shadow: none;
    border-color: #5EC1FF; }
    .histories_page_section .history:hover svg {
      opacity: 1; }

.hospitals_page_section .listing {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px 20px;
  margin: 40px 0; }

.hospital_block {
  display: flex;
  flex-direction: column;
  background: #5FC1FF;
  max-width: 400px;
  padding-bottom: 10px;
  position: relative;
  width: 100%; }
  .hospital_block small {
    align-items: center;
    background: #FFF;
    display: flex;
    gap: 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    padding: 2px 10px;
    color: #EB5237; }
  .hospital_block picture {
    display: block;
    overflow: hidden;
    margin: 5px;
    height: 280px;
    width: 390px; }
    .hospital_block picture img {
      transition: transform 1s;
      height: 100%;
      width: 100%; }
  .hospital_block .hospital_title {
    padding: 10px 0;
    display: flex; }
    .hospital_block .hospital_title span {
      display: flex;
      align-items: center; }
    .hospital_block .hospital_title img {
      object-fit: contain; }
  .hospital_block svg {
    display: block;
    height: 22px;
    width: 17px; }
  .hospital_block span {
    color: #FFFFFF;
    display: block;
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 1;
    text-wrap: balance;
    padding: 10px 15px; }
  .hospital_block p {
    color: #FFFFFF;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    margin: 10px 15px;
    text-wrap: balance;
    overflow: hidden; }
  .hospital_block:hover picture img {
    transform: scale(1.2); }

.friends_section .wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px 20px;
  margin: 50px 0; }
.friends_section .friend_block {
  align-items: center;
  border: 1px solid #D9D9D9;
  display: flex;
  justify-content: center;
  height: 160px; }
  .friends_section .friend_block img {
    filter: grayscale(1);
    transition: filter 1s; }
  .friends_section .friend_block:hover img {
    filter: grayscale(0); }

.docs_page_section .wrap {
  margin: 50px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px 20px; }
.docs_page_section .doc_block {
  border: 1px solid #D9D9D9;
  display: flex;
  flex-direction: column;
  min-height: 200px;
  padding: 20px; }
  .docs_page_section .doc_block p {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    color: #393939; }
  .docs_page_section .doc_block .arrow_link {
    margin-top: auto; }
  .docs_page_section .doc_block:hover {
    border-color: #FF7E49; }
    .docs_page_section .doc_block:hover .arrow_link span {
      color: #FF7E49; }
    .docs_page_section .doc_block:hover .arrow_link svg {
      fill: #FF7E49; }

.family_help_title {
  margin: 50px 0; }
  .family_help_title .container {
    display: flex; }
  .family_help_title h1 {
    margin-bottom: 60px; }
  .family_help_title .text {
    max-width: 460px; }
  .family_help_title .left {
    max-width: 620px; }
  .family_help_title .right .cell {
    display: flex; }
  .family_help_title .right .cell-1 {
    justify-content: end;
    gap: 50px; }
    .family_help_title .right .cell-1 picture {
      transform: rotate(35deg); }
  .family_help_title .right .cell-2 {
    margin-top: 120px;
    position: relative; }
    .family_help_title .right .cell-2 picture {
      position: absolute;
      bottom: 0;
      right: 0;
      transform: rotate(-25deg); }
  .family_help_title .right picture {
    flex-shrink: 0; }
  .family_help_title .right p {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #585858; }
  .family_help_title .right span {
    color: #393939;
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 80px;
    line-height: 1; }

.family_help_list {
  margin-top: var(--mt, 50px);
  margin-bottom: var(--mb, 50px);
  position: relative;
  padding-bottom: 100px; }
  .family_help_list .line {
    display: block;
    width: 140%;
    position: absolute;
    bottom: 5%;
    left: -20%;
    height: 2px;
    transform: rotate(-5deg); }
    .family_help_list .line:before {
      background: url(../img/dev/border.png) repeat-x;
      display: block;
      height: 100%;
      transition: width 3s;
      content: "";
      width: 0; }
  .family_help_list .wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 40px 40px; }
  .family_help_list .cell {
    padding-top: 100px;
    position: relative;
    width: 220px; }
    .family_help_list .cell span {
      color: #393939;
      display: block;
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      line-height: 1;
      margin-bottom: 15px; }
    .family_help_list .cell p {
      color: #5E5E5E;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 1.4;
      text-wrap: balance; }
    .family_help_list .cell a {
      display: block;
      margin-top: 10px; }
      .family_help_list .cell a:hover ~ svg {
        transform: rotate(-15deg); }
    .family_help_list .cell > svg {
      position: absolute;
      top: 25px;
      right: -50px;
      transition: transform 1s; }
    .family_help_list .cell:nth-child(even) {
      margin-top: 200px; }
    .family_help_list .cell.cell-3 > svg {
      right: -100px;
      top: 15px; }
    .family_help_list .cell.cell-5 > svg {
      right: 0;
      top: 0; }
  .family_help_list.seen .line:before {
    width: 100%; }

.pie_chart {
  margin-top: var(--mt, 100px);
  margin-bottom: var(--mb, 100px); }
  .pie_chart .wrap {
    align-items: center;
    background: #EBF5FC;
    padding: 50px;
    overflow: hidden;
    display: flex; }
  .pie_chart picture {
    flex-shrink: 0;
    margin: auto; }
  .pie_chart .pie {
    height: 400px;
    margin-left: auto;
    width: 400px; }
    .pie_chart .pie svg {
      transform: scale(1.5); }
  .pie_chart span {
    color: #393939;
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 1; }
  .pie_chart b {
    color: #393939;
    display: block;
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 80px;
    line-height: 1; }
  .pie_chart p {
    color: #5E5E5E;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    max-width: 480px;
    margin: 25px 0 0 5px; }

#sms {
  max-width: 620px; }
  #sms p {
    font-size: 16px;
    line-height: 1.3;
    margin: 10px 0;
    font-weight: 400;
    display: block; }
  #sms picture {
    margin-top: 15px;
    max-width: 110px; }
    #sms picture ~ p {
      margin-top: 0; }
  #sms a {
    font-weight: 700;
    text-decoration: underline; }
    #sms a:hover {
      color: #FF7E49;
      text-decoration: none; }
  #sms strong {
    font-weight: 700; }
  #sms em {
    font-style: italic;
    font-weight: 300; }
  #sms .h2 {
    font-size: 30px; }

.total_spend {
  margin-top: var(--mt, 50px);
  margin-bottom: var(--mb, 100px);
  position: relative; }
  .total_spend .line {
    display: block;
    width: 140%;
    position: absolute;
    top: -20%;
    left: -20%;
    height: 2px;
    transform: rotate(-2deg); }
    .total_spend .line:before {
      background: url(../img/dev/border.png) repeat-x;
      display: block;
      height: 100%;
      transition: width 3s;
      content: "";
      width: 0; }
    .total_spend .line span {
      position: absolute;
      bottom: 100%;
      left: 0;
      right: 0;
      margin: auto;
      font-style: normal;
      text-align: center;
      font-weight: 500;
      font-size: 16px;
      line-height: 1;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #919191;
      padding: 5px; }
    .total_spend .line picture {
      position: absolute;
      top: -55px;
      left: 0;
      transition: 4s left 1s;
      height: 157px;
      width: 220px; }
  .total_spend.seen .line:before {
    width: 100%; }
  .total_spend .spend {
    color: #000000;
    display: block;
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 100px;
    line-height: 1;
    text-align: center;
    padding-bottom: 100px; }
  .total_spend p {
    display: block;
    line-height: 1.2;
    text-align: center;
    max-width: 920px;
    margin: auto;
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    text-transform: uppercase;
    color: #393939; }

.banners_section {
  margin-top: var(--mt, 100px);
  margin-bottom: var(--mb, 100px); }
  .banners_section .container {
    display: flex;
    flex-direction: column;
    gap: 50px; }
  .banners_section .banner {
    height: 400px;
    padding: 40px;
    position: relative; }
    .banners_section .banner span {
      color: #FFFFFF;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 50px;
      line-height: 1; }
    .banners_section .banner p {
      color: #FFFFFF;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 1.4;
      text-wrap: balance; }
  .banners_section .banner1 {
    background: #449959; }
    .banners_section .banner1 span {
      position: absolute;
      top: 0;
      left: 0;
      padding: 40px; }
    .banners_section .banner1 p {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 40px;
      max-width: 400px; }
    .banners_section .banner1 picture {
      position: absolute;
      right: 0;
      bottom: -10px;
      height: 462px;
      width: 534px; }
  .banners_section .banner2 {
    background: #EB5237; }
    .banners_section .banner2 span {
      position: absolute;
      top: 0;
      right: 0;
      text-align: right;
      padding: 40px; }
    .banners_section .banner2 p {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 40px;
      max-width: 400px; }
    .banners_section .banner2.seen .balloon .rope {
      stroke-dashoffset: 40px; }
  .banners_section .banner3 {
    background: #EB5237; }
    .banners_section .banner3 span {
      position: absolute;
      top: 0;
      right: 0;
      text-align: right;
      padding: 40px; }
    .banners_section .banner3 p {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 40px;
      max-width: 400px;
      z-index: 2; }
    .banners_section .banner3 picture {
      width: 546px;
      position: absolute;
      bottom: 0;
      left: 15%;
      height: 413px; }

.hospitals_built {
  margin-top: var(--mt, 150px);
  margin-bottom: var(--mb, 0px); }
  .hospitals_built .title {
    position: relative;
    max-width: 400px;
    margin-bottom: -250px; }
    .hospitals_built .title h2, .hospitals_built .title .h2 {
      display: block;
      margin-bottom: 10px; }
    .hospitals_built .title > svg {
      position: absolute;
      bottom: 80%;
      left: 80%; }
    .hospitals_built .title > span {
      display: block;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1.4;
      color: #5E5E5E;
      text-wrap: balance;
      margin: 20px 0; }
  .hospitals_built .listing {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 40px 0; }
  .hospitals_built .hospital_block:first-of-type {
    margin-top: 250px; }
  .hospitals_built .hospital_block:nth-child(2) {
    margin-top: 100px; }
  .hospitals_built .hospital_block:nth-child(4) {
    margin-left: auto;
    margin-top: -120px; }
  .hospitals_built .hospital_block:nth-child(5) {
    margin-top: -220px; }

.columns_image_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .columns_image_block .container {
    display: flex;
    gap: 40px; }
  .columns_image_block h2, .columns_image_block .h2 {
    margin-bottom: 30px;
    width: 120%; }
  .columns_image_block h4, .columns_image_block .h4 {
    margin-bottom: 15px; }
  .columns_image_block picture {
    flex-shrink: 0;
    margin-top: 100px; }
  .columns_image_block .col {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .columns_image_block .col:last-child {
      justify-content: end;
      padding-bottom: 50px; }

.partners_title_section .container {
  display: flex; }
.partners_title_section h1 {
  margin-bottom: 60px; }
.partners_title_section .text {
  max-width: 460px; }
.partners_title_section picture {
  flex-shrink: 0; }

.contacts_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }

.partner_quote {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .partner_quote .wrap {
    background: #5EC1FF;
    padding: 60px;
    position: relative; }
    .partner_quote .wrap p {
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 400;
      text-transform: uppercase;
      color: #FFFFFF;
      font-size: 30px;
      line-height: 1.4;
      text-align: center;
      max-width: 960px;
      margin: auto;
      text-wrap: balance; }
  .partner_quote.ver1 picture {
    position: absolute;
    bottom: -80px;
    left: -160px;
    transform: rotate(325deg); }
  .partner_quote.ver2 picture {
    position: absolute;
    top: -70px;
    right: -60px;
    transform: rotate(320deg); }
  .partner_quote.ver3 picture {
    position: absolute;
    top: -200px;
    left: -220px;
    z-index: -1; }
  .partner_quote.ver4 picture {
    position: absolute;
    top: -70px;
    right: -120px; }
  .partner_quote.ver5 picture {
    position: absolute;
    top: -70px;
    transform: rotate(350deg);
    right: -120px; }

.parent_page_title {
  padding-bottom: 200px; }
  .parent_page_title .container {
    display: flex;
    gap: 50px; }
  .parent_page_title .left h1 {
    margin-bottom: 50px; }
  .parent_page_title .right {
    flex-shrink: 0;
    position: relative; }
    .parent_page_title .right .boat {
      position: absolute;
      bottom: -120px;
      left: -100px;
      transform: rotate(15deg); }
    .parent_page_title .right .pic {
      height: 490px;
      overflow: hidden;
      width: 750px; }

.three_houses {
  margin: 50px 0; }
  .three_houses .container {
    display: flex;
    gap: 50px; }
  .three_houses span {
    color: #393939;
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    flex-shrink: 0;
    line-height: 1.2;
    max-width: 500px; }

.parents_help_list {
  margin-top: var(--mt, 100px);
  margin-bottom: var(--mb, 100px);
  position: relative;
  padding-bottom: 100px; }
  .parents_help_list h2, .parents_help_list .h2 {
    display: inline-block;
    position: relative; }
    .parents_help_list h2 small, .parents_help_list .h2 small {
      font-family: "Manrope", sans-serif;
      position: absolute;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1.2;
      text-align: right;
      color: #9F9F9F;
      right: -100px;
      bottom: 90%;
      max-width: 170px; }
  .parents_help_list .wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 40px 40px; }
  .parents_help_list .cell {
    padding-top: 100px;
    position: relative;
    width: 220px; }
    .parents_help_list .cell span {
      color: #393939;
      display: block;
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      line-height: 1;
      margin-bottom: 15px; }
    .parents_help_list .cell p {
      color: #5E5E5E;
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 1.4;
      text-wrap: balance; }
    .parents_help_list .cell a {
      display: block;
      margin-top: 10px; }
      .parents_help_list .cell a:hover ~ svg {
        transform: rotate(-15deg); }
    .parents_help_list .cell > svg {
      position: absolute;
      top: 25px;
      right: -50px;
      transition: transform 1s; }
    .parents_help_list .cell:nth-child(even) {
      margin-top: 200px; }
    .parents_help_list .cell.cell-2 > svg {
      right: -60px;
      top: -5px; }

.who_can {
  margin-top: var(--mt, 100px);
  margin-bottom: var(--mb, 100px); }
  .who_can .container {
    display: flex;
    gap: 30px; }
  .who_can .col {
    border: 6px solid #DCF2FF;
    position: relative;
    height: 410px;
    padding: 35px;
    width: 100%; }
  .who_can span {
    color: #393939;
    display: block;
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 25px; }
  .who_can p {
    color: #5E5E5E;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4; }
  .who_can .left picture {
    position: absolute;
    bottom: 0;
    right: 0; }
  .who_can .left p {
    max-width: 330px; }
  .who_can .right {
    display: flex;
    flex-direction: column;
    justify-content: end; }
    .who_can .right picture {
      position: absolute;
      top: 50px;
      right: 50px;
      transform: rotate(20deg);
      width: 350px; }

.about_title {
  margin-bottom: 100px; }
  .about_title .pic {
    height: 450px;
    position: relative;
    width: 800px; }
  .about_title .ap1 {
    position: absolute;
    top: -200px;
    left: -200px;
    width: 400px; }
  .about_title .ap2 {
    position: absolute;
    bottom: -75px;
    right: -75px; }
  .about_title .picture {
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    height: 100%; }
    .about_title .picture img {
      height: 100%;
      width: 100%; }
  .about_title h1 {
    display: flex;
    justify-content: end;
    margin-right: 150px;
    gap: 50px; }
    .about_title h1 small {
      color: #393939;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 30px;
      line-height: 1.1;
      position: relative;
      top: 10px;
      text-align: right; }
    .about_title h1 span {
      color: #393939;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 80px;
      line-height: .9; }

.projects_list_section .left {
  display: flex;
  flex-direction: column; }
.projects_list_section .right {
  max-width: 333px;
  display: flex;
  margin-left: auto;
  flex-direction: column; }
  .projects_list_section .right .top p {
    color: #585858;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px; }
.projects_list_section .project_block {
  display: flex;
  height: 450px;
  border: 6px solid #DCF2FF;
  margin: 50px 0 100px;
  padding: 20px; }
.projects_list_section a.project_block:hover {
  border-color: #5EC1FF; }
.projects_list_section .project_number {
  margin-top: auto; }
  .projects_list_section .project_number span {
    display: block;
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 70px;
    line-height: 1;
    color: #393939;
    margin-bottom: 10px; }
  .projects_list_section .project_number p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #585858; }
.projects_list_section .project_block-1 picture {
  margin-top: -40px; }
.projects_list_section .project_block-17 picture {
  margin-left: -175px;
  margin-top: -25px; }
.projects_list_section .project_block-18 picture {
  margin-top: -40px; }
.projects_list_section .project_block-19 picture {
  margin-top: -100px; }
.projects_list_section .project_block-83 {
  position: relative; }
  .projects_list_section .project_block-83 picture {
    position: absolute;
    bottom: 0;
    margin: 0 auto 0;
    left: -150px;
    right: 0;
    max-width: 540px;
    z-index: -1; }
.projects_list_section picture {
  flex-shrink: 0;
  margin: auto; }
.projects_list_section .project_blockquote {
  margin-top: auto; }
  .projects_list_section .project_blockquote p {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.2;
    color: #585858;
    padding-left: 50px;
    margin-top: -15px;
    width: 333px; }
.projects_list_section .project_name {
  align-items: center;
  display: flex;
  gap: 15px; }
  .projects_list_section .project_name svg {
    fill: #5EC1FF;
    height: 75px;
    width: 75px; }
  .projects_list_section .project_name span {
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 1;
    color: #5FC1FF; }

.text_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .text_block h2, .text_block .h2 {
    display: block;
    margin-bottom: 15px;
    max-width: 600px;
    line-height: .9; }

.text_image_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .text_image_block h2, .text_image_block .h2 {
    display: block;
    margin-bottom: 15px;
    line-height: .9; }
  .text_image_block .flex {
    align-items: center;
    gap: 25px; }
  .text_image_block.reverse .flex {
    flex-direction: row-reverse; }
  .text_image_block .pic {
    flex-shrink: 0; }
  .text_image_block .list {
    padding: 0;
    gap: 45px;
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0;
    list-style: none; }
    .text_image_block .list li {
      max-width: 150px; }
    .text_image_block .list span {
      line-height: 1;
      display: block;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: #5E5E5E;
      margin-top: 5px; }
    .text_image_block .list b {
      display: block;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 45px;
      line-height: 1;
      color: #393939; }

.columns_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .columns_block .flex {
    display: flex;
    gap: 50px; }
  .columns_block h2, .columns_block h3 {
    margin-bottom: 15px; }
  .columns_block .text {
    width: 100%; }

.video_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .video_block .container {
    display: flex;
    gap: 25px; }
  .video_block .movie_poster {
    flex-shrink: 0; }

.articles_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .articles_block .last_articles {
    margin-top: 15px; }

.list_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .list_block .text {
    margin: 25px 0; }
  .list_block .list {
    display: flex;
    gap: 20px; }
  .list_block.format-0 .list {
    flex-direction: column;
    max-width: 600px; }
  .list_block.format-1 .list {
    max-width: 90%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto; }
    .list_block.format-1 .list li {
      width: 40%; }
  .list_block.type-0 .list li {
    position: relative;
    padding-left: 25px; }
    .list_block.type-0 .list li:before {
      content: "";
      background: #449959;
      display: block;
      width: 10px;
      height: 10px;
      position: absolute;
      top: 7px;
      left: 0;
      transform: rotate(45deg); }
  .list_block.type-1 .list {
    gap: 40px; }
    .list_block.type-1 .list li {
      counter-increment: counter;
      position: relative;
      padding-left: 80px;
      min-height: 45px;
      display: flex;
      align-items: center; }
      .list_block.type-1 .list li:before {
        content: counter(counter,decimal-leading-zero);
        font-family: "Gerta", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 50px;
        line-height: 90%;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #42AFFF;
        position: absolute;
        top: 0;
        left: 0; }

.info_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .info_block .wrap {
    background: rgba(95, 193, 255, 0.1);
    border: 3px solid #4A83E6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 200px;
    padding: 25px 50px 25px 125px;
    position: relative; }
  .info_block h4 {
    margin-bottom: 10px; }
  .info_block svg {
    position: absolute;
    top: 25px;
    left: 25px; }
  .info_block p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: #585858; }

.gallery_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .gallery_block .photos {
    display: flex;
    flex-wrap: wrap;
    gap: 40px; }
  .gallery_block .prev {
    left: -75px; }
  .gallery_block .next {
    right: -75px; }
  .gallery_block .glide__slide {
    height: 580px; }
    .gallery_block .glide__slide picture {
      height: 100%;
      width: 100%; }
    .gallery_block .glide__slide img {
      object-fit: cover;
      height: 100%;
      width: 100%; }

.popup_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .popup_block h2 {
    margin-top: -5px !important;
    margin-bottom: 20px !important; }
  .popup_block .flex {
    display: flex;
    gap: 100px; }

.fancybox__slide.has-iframe {
  max-width: 800px;
  max-height: 600px;
  margin: auto;
  padding: 30px; }

.projects_list_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .projects_list_block .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 60px; }
  .projects_list_block .title {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-bottom: 20px; }
    .projects_list_block .title img {
      width: 75px;
      height: 75px; }
    .projects_list_block .title p {
      color: #393939;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 30px;
      line-height: 1;
      text-wrap: balance; }
  .projects_list_block .project_item {
    border: 4px solid #DCF2FF;
    padding: 35px 50px 15px; }
    .projects_list_block .project_item.no-border {
      border: none;
      padding: 0; }
  .projects_list_block .list {
    display: flex;
    flex-direction: column;
    gap: 20px; }
    .projects_list_block .list li {
      align-items: center;
      display: flex;
      gap: 15px; }
    .projects_list_block .list b {
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 900;
      font-size: 40px;
      line-height: 1;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      position: relative; }
      .projects_list_block .list b:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: var(--pattern);
        background-position: center;
        position: absolute;
        top: 0;
        background-size: cover;
        left: 0;
        mix-blend-mode: lighten; }
    .projects_list_block .list i {
      font-weight: 600;
      position: relative; }
      .projects_list_block .list i:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: var(--pattern);
        background-position: center;
        position: absolute;
        top: 0;
        background-size: cover;
        left: 0;
        mix-blend-mode: lighten; }
    .projects_list_block .list span {
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1.1;
      color: #5E5E5E; }
  .projects_list_block .text {
    margin: 30px 0; }
  .projects_list_block .project_item_name {
    display: flex;
    gap: 10px;
    align-items: center; }
    .projects_list_block .project_item_name svg {
      width: 80px;
      height: 80px;
      fill: #5EC1FF; }
    .projects_list_block .project_item_name span {
      color: #5FC1FF;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 26px;
      line-height: 1; }

.contact {
  display: flex;
  justify-content: space-between;
  padding: 25px 10px;
  margin-top: 30px;
  position: relative; }
  .contact:before {
    background: url(../img/dev/border.png) repeat-x;
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 2px; }
  .contact p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #393939; }
  .contact span {
    font-family: "Gerta", sans-serif;
    font-style: normal;
    display: block;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.4;
    color: #393939; }
  .contact a {
    display: block;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    text-align: right;
    margin: 10px 0;
    color: #393939; }
    .contact a:hover {
      color: #FF7E49; }

.checkbox_group {
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 10px; }
  .checkbox_group > p {
    font-weight: 600; }

.custom_block-3 {
  margin-top: var(--mt, 75px);
  margin-bottom: var(--mb, 75px); }
  .custom_block-3 .h2, .custom_block-3 h2 {
    margin-bottom: 20px; }
  .custom_block-3 .contact_block {
    border: 6px solid #DCF2FF;
    padding: 50px 25px 0;
    margin: 25px 0; }
    .custom_block-3 .contact_block .flex {
      display: flex;
      gap: 50px;
      justify-content: space-between; }
      .custom_block-3 .contact_block .flex .cell {
        padding-top: 60px;
        position: relative;
        max-width: 500px; }
      .custom_block-3 .contact_block .flex svg {
        position: absolute;
        top: 0;
        left: 0; }
      .custom_block-3 .contact_block .flex p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.3;
        color: #5E5E5E;
        padding-left: 30px; }

.icon_list_block {
  margin-top: var(--mt, 50px);
  margin-bottom: var(--mb, 50px); }
  .icon_list_block .container {
    align-items: center;
    display: flex;
    gap: 50px; }
  .icon_list_block .col {
    max-width: 570px; }
  .icon_list_block .list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    width: 100%; }
    .icon_list_block .list span {
      color: #393939;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 45px;
      line-height: 1; }
    .icon_list_block .list .flex {
      align-items: center;
      gap: 20px;
      min-height: 80px; }
    .icon_list_block .list .cell {
      width: 100%; }
    .icon_list_block .list p {
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1.4;
      color: #5E5E5E;
      margin-top: 10px;
      max-width: 200px; }
  .icon_list_block .text {
    margin-top: 30px; }

.title_text_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .title_text_block .container {
    display: grid;
    grid-template-columns: 4fr 3fr;
    grid-gap: 50px; }

.landing_form_block {
  margin-top: var(--mt);
  margin-bottom: var(--mb); }
  .landing_form_block h2 {
    margin-bottom: 10px; }
  .landing_form_block form > .checkbox {
    margin: 15px 0; }
  .landing_form_block .flex {
    margin: 10px 0;
    gap: 10px; }

@keyframes cloud-move {
  0% {
    right: 0;
    transform: rotate(2deg); }
  25% {
    right: 25%;
    transform: rotate(-2deg); }
  50% {
    right: 50%;
    transform: rotate(2deg); }
  75% {
    right: 25%;
    transform: rotate(-2deg); }
  100% {
    right: 0;
    transform: rotate(2deg); } }
.help_hospital_section {
  margin-bottom: 150px; }
  .help_hospital_section .container {
    display: flex; }
  .help_hospital_section h1 {
    margin-left: -120px;
    margin-bottom: 60px; }
  .help_hospital_section .sun_cloud {
    flex-shrink: 0;
    position: relative;
    min-height: 450px;
    width: 720px; }
  .help_hospital_section .sun {
    animation: rotate 120s linear infinite;
    display: block;
    height: 370px;
    position: absolute;
    top: 0;
    left: 0;
    width: 370px; }
  .help_hospital_section .cloud {
    animation: cloud-move 20s linear infinite backwards;
    height: 241px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 511px; }

.ambition {
  border: 1px solid #E8E8E8;
  display: flex;
  flex-direction: column;
  padding: 35px;
  width: 100%; }
  .ambition.new {
    border: 5px solid #449959;
    position: relative; }
    .ambition.new:before {
      content: "Новая амбиция!";
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 1;
      color: #FFFFFF;
      position: absolute;
      top: -15px;
      left: 20px;
      background: #449959;
      padding: 5px 15px; }
  .ambition .title {
    color: #000000;
    display: block;
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px; }
  .ambition p {
    color: #585858;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 20px; }
  .ambition .score {
    align-items: end;
    background: #FAFAFA;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-top: auto;
    padding: 25px; }
  .ambition .scoreline {
    border: 1px solid #EFC443;
    height: 32px;
    margin: 20px 0;
    position: relative;
    overflow: hidden; }
    .ambition .scoreline .percent {
      background: linear-gradient(86.68deg, #EFC443 65.46%, #FD8848 97.26%);
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      transition: width 5s;
      width: 0; }
  .ambition .left {
    display: flex;
    flex-direction: column; }
    .ambition .left span {
      color: #ACACAC;
      font-style: normal;
      font-weight: 700;
      font-size: 15px;
      line-height: 1; }
    .ambition .left i {
      color: #ACACAC; }
    .ambition .left b {
      font-style: normal;
      font-weight: 500;
      font-size: 32px;
      line-height: 1;
      color: #0C0C0C; }
  .ambition .arrow_link {
    margin-bottom: 5px; }
  .ambition .right {
    display: flex;
    flex-direction: column;
    margin-left: auto; }
    .ambition .right span {
      color: #ACACAC;
      font-style: normal;
      font-weight: 700;
      font-size: 15px;
      line-height: 1; }
    .ambition .right b {
      color: #585858;
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 1;
      margin: auto; }

@keyframes balloon {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(5deg); }
  100% {
    transform: rotate(0deg); } }
@keyframes balloon1 {
  0% {
    transform: rotateY(0deg); }
  50% {
    transform: rotateY(15deg); }
  100% {
    transform: rotateY(0deg); } }
.balloon {
  animation: balloon linear 12s infinite;
  height: 300px;
  left: -100px;
  margin: auto;
  position: relative;
  width: 300px; }
  .balloon picture {
    position: absolute; }
  .balloon .bl1 {
    animation: balloon1 infinite linear 3s;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform-origin: right;
    width: 130px;
    height: 334px;
    z-index: 5; }
  .balloon .br1 {
    animation: balloon1 infinite linear 3s;
    display: block;
    top: -12px;
    bottom: 0;
    left: 36px;
    right: 0;
    margin: auto;
    transform-origin: left;
    height: 337px;
    width: 114px;
    z-index: 5; }
  .balloon .bl2 {
    animation: balloon1 infinite linear 4s;
    display: block;
    top: 33px;
    bottom: 0;
    left: -90px;
    right: 0;
    transform-origin: right;
    margin: auto;
    width: 211px;
    height: 361px;
    z-index: 4; }
  .balloon .br2 {
    animation: balloon1 infinite linear 4s;
    display: block;
    top: -40px;
    bottom: 0;
    left: 118px;
    transform-origin: left;
    right: 0;
    margin: auto;
    height: 361px;
    width: 211px;
    z-index: 4; }
  .balloon .bl3 {
    animation: balloon1 infinite linear 2s;
    display: block;
    top: 37px;
    bottom: 0;
    left: -80px;
    right: 0;
    margin: auto;
    transform-origin: right;
    height: 290px;
    width: 200px;
    z-index: 3; }
  .balloon .br3 {
    animation: balloon1 infinite linear 2s;
    display: block;
    top: -10px;
    bottom: 0;
    left: 192px;
    right: 0;
    transform-origin: left;
    margin: auto;
    height: 328px;
    width: 113px;
    z-index: 3; }
  .balloon .tail {
    position: absolute;
    bottom: -35px;
    left: 130px;
    right: 0;
    margin: auto;
    height: 64px;
    width: 65px;
    z-index: 6; }
  .balloon .rope {
    position: absolute;
    top: 100%;
    right: -140px;
    height: 109px;
    width: 242px;
    transition: all 10s;
    transform-origin: top left;
    stroke-dashoffset: 320px;
    stroke-dasharray: 360px; }

.dream_title {
  margin-bottom: 20px; }
  .dream_title .container {
    display: flex;
    justify-content: space-between; }
  .dream_title h1 {
    max-width: 465px; }
  .dream_title .until_dream {
    margin-left: auto;
    max-width: 250px; }
    .dream_title .until_dream p {
      color: rgba(57, 57, 57, 0.6);
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 20px;
      line-height: 1;
      text-align: right; }
    .dream_title .until_dream time {
      color: #449959;
      display: block;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 32.09px;
      line-height: 1;
      margin: 5px 0;
      text-align: right; }
    .dream_title .until_dream span {
      color: #B9B9B9;
      display: block;
      font-style: normal;
      font-weight: 400;
      font-size: 15px;
      line-height: 1.2;
      text-align: right; }

#mse2_mfilter {
  display: flex;
  gap: 20px; }
  #mse2_mfilter .listing {
    width: 100%; }

.dream_block {
  box-shadow: 0 0 1px #b9b9b9;
  display: flex;
  flex-direction: column;
  padding: 20px; }
  .dream_block .top {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    min-height: 155px; }
    .dream_block .top span {
      color: #393939;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      line-height: 1.2;
      text-align: right;
      margin-left: auto; }
    .dream_block .top picture {
      flex-shrink: 0;
      position: relative; }
  .dream_block:nth-child(3n + 1) picture {
    clip-path: polygon(100% 0%, 100% 100%, 0% 90%, 0% 10%); }
    .dream_block:nth-child(3n + 1) picture:before {
      content: "";
      background: #FF7E49;
      clip-path: polygon(100% 0%, 100% 100%, 60% 25%);
      position: absolute;
      top: 0;
      right: 0;
      height: 90%;
      width: 80px; }
  .dream_block:nth-child(3n + 1) img {
    margin-top: auto; }
  .dream_block:nth-child(3n + 2) picture {
    clip-path: polygon(95% 4%, 79% 85%, 15% 92%, 5% 5%); }
    .dream_block:nth-child(3n + 2) picture:before {
      content: "";
      background: #5EC1FF;
      clip-path: polygon(25% 25%, 0% 100%, 0% 0%);
      position: absolute;
      top: 0;
      left: 8px;
      height: 90%;
      width: 190px;
      transform: rotate(353deg); }
  .dream_block:nth-child(3n + 3) img {
    margin-top: auto;
    object-fit: cover;
    object-position: top; }
  .dream_block:nth-child(3n + 3) picture {
    clip-path: polygon(95% 15%, 75% 100%, 0% 100%, 10% 5%); }
    .dream_block:nth-child(3n + 3) picture:before {
      content: "";
      background: #EB5236;
      clip-path: polygon(85% 100%, 0% 100%, 14% 80%);
      position: absolute;
      bottom: 0;
      left: 0;
      height: 90%;
      width: 190px; }
  .dream_block .middle {
    margin: 10px 0;
    min-height: 80px; }
    .dream_block .middle p {
      color: #5E5E5E;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1.4; }
  .dream_block .bottom {
    align-items: end;
    display: flex;
    gap: 20px;
    margin-top: auto;
    justify-content: space-between;
    position: relative;
    padding-top: 15px; }
    .dream_block .bottom:before {
      background: url(../img/dev/border.png) repeat-x;
      background-position: -20px 0px;
      content: "";
      display: block;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: 2px; }
  .dream_block .link {
    margin-bottom: 3px; }
  .dream_block .price span {
    color: #393939;
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 5px; }
  .dream_block .price p {
    color: #393939;
    font-family: "Gerta", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 1; }

#mse2_filters {
  position: relative;
  max-width: 400px;
  width: 100%; }
  #mse2_filters .sticky {
    background: #EBF5FC;
    padding: 30px;
    position: sticky;
    top: 100px;
    width: 100%; }
  #mse2_filters fieldset {
    border: none;
    margin-bottom: 20px; }
  #mse2_filters .filter_title {
    color: #393939;
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 10px; }

#mse2_results {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px; }

.filter_checkbox {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative;
  min-height: 20px;
  margin: 10px 0; }
  .filter_checkbox input {
    display: none; }
    .filter_checkbox input:checked ~ span:before {
      background: #5EC1FF;
      border-color: #5EC1FF; }
    .filter_checkbox input:checked ~ span:after {
      opacity: 1; }
  .filter_checkbox span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #5E5E5E;
    padding-left: 25px; }
    .filter_checkbox span:before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      background: #FFFFFF;
      border: 1px solid #DFE4EA;
      position: absolute;
      top: 0;
      left: 0; }
    .filter_checkbox span:after {
      content: "";
      border-bottom: 2px solid #FFF;
      border-left: 2px solid #FFF;
      position: absolute;
      top: 5px;
      left: 3px;
      height: 7px;
      width: 13px;
      transform: rotate(312deg);
      opacity: 0; }
  .filter_checkbox.disabled {
    opacity: .3;
    cursor: default; }

.add_dream {
  margin: 50px 0; }
  .add_dream .wrap {
    border: 1px solid #E8E8E8;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr;
    padding: 20px;
    height: 800px; }
  .add_dream .col {
    height: 100%;
    width: 100%; }
  .add_dream .left {
    background: url("../img/dev/0002.png") no-repeat bottom left #5EC1FF;
    padding: 40px; }
    .add_dream .left span {
      color: #FFFFFF;
      display: block;
      font-family: "Gerta", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 35px;
      line-height: 1;
      margin-bottom: 20px; }
    .add_dream .left p {
      color: #FFFFFF;
      display: block;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1.4;
      margin: 10px 0; }

.dreampay_form .summ {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 20px;
  margin: 20px 0; }
  .dreampay_form .summ .flex {
    gap: 15px;
    width: 100%; }
  .dreampay_form .summ label {
    cursor: pointer;
    width: 100%; }
    .dreampay_form .summ label input {
      display: none; }
      .dreampay_form .summ label input:checked ~ span {
        background: #5EC1FF;
        color: #FFF;
        border-color: #5EC1FF; }
    .dreampay_form .summ label span {
      align-items: center;
      background: #FFF;
      border: 2px solid #5EC1FF;
      justify-content: center;
      display: flex;
      height: 55px;
      font-style: normal;
      font-weight: 700;
      font-size: 18px;
      line-height: 1;
      color: #5EC1FF; }
    .dreampay_form .summ label:hover span {
      border-color: #393939; }
.dreampay_form .name_email {
  margin-bottom: 20px; }
.dreampay_form > .flex {
  align-items: center;
  margin-top: 50px; }

/*# sourceMappingURL=style.css.map */