@font-face {
  font-family: "AvenirNextCyrW00";
  src: url("fonts/AvenirNextCyrW00-Light.eot");
  src: url("fonts/AvenirNextCyrW00-Light.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirNextCyrW00-Light.svg#AvenirNextCyrW00-Light") format("svg"), url("fonts/AvenirNextCyrW00-Light.ttf") format("truetype"), url("fonts/AvenirNextCyrW00-Light.woff") format("woff"), url("fonts/AvenirNextCyrW00-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNextCyrW00";
  src: url("fonts/AvenirNextCyrW00-Regular.eot");
  src: url("fonts/AvenirNextCyrW00-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirNextCyrW00-Regular.svg#AvenirNextCyrW00-Regular") format("svg"), url("fonts/AvenirNextCyrW00-Regular.ttf") format("truetype"), url("fonts/AvenirNextCyrW00-Regular.woff") format("woff"), url("fonts/AvenirNextCyrW00-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNextCyrW00";
  src: url("fonts/AvenirNextCyrW00-Demi.eot");
  src: url("fonts/AvenirNextCyrW00-Demi.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirNextCyrW00-Demi.svg#AvenirNextCyrW00-Demi") format("svg"), url("fonts/AvenirNextCyrW00-Demi.ttf") format("truetype"), url("fonts/AvenirNextCyrW00-Demi.woff") format("woff"), url("fonts/AvenirNextCyrW00-Demi.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "AvenirNextCyrW00";
  src: url("fonts/AvenirNextCyrW00-Bold.eot");
  src: url("fonts/AvenirNextCyrW00-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirNextCyrW00-Bold.svg#AvenirNextCyrW00-Bold") format("svg"), url("fonts/AvenirNextCyrW00-Bold.ttf") format("truetype"), url("fonts/AvenirNextCyrW00-Bold.woff") format("woff"), url("fonts/AvenirNextCyrW00-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Halvar Mittel';
  src: url('fonts/halvarmittel/HalvarMittel-Rg.eot');
  src: local('Halvar Mittelschrift Regular'), local('HalvarMittel-Rg'),
      url('fonts/halvarmittel/HalvarMittel-Rg.eot?#iefix') format('embedded-opentype'),
      url('fonts/halvarmittel/HalvarMittel-Rg.woff2') format('woff2'),
      url('fonts/halvarmittel/HalvarMittel-Rg.woff') format('woff'),
      url('fonts/halvarmittel/HalvarMittel-Rg.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Halvar Mittel';
  src: url('fonts/halvarmittel/HalvarMittel-Bd.eot');
  src: local('Halvar Mittelschrift Bold'), local('HalvarMittel-Bd'),
      url('fonts/halvarmittel/HalvarMittel-Bd.eot?#iefix') format('embedded-opentype'),
      url('fonts/halvarmittel/HalvarMittel-Bd.woff2') format('woff2'),
      url('fonts/halvarmittel/HalvarMittel-Bd.woff') format('woff'),
      url('fonts/halvarmittel/HalvarMittel-Bd.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Promprylad';
  src: url('fonts/Promprylad/Promprylad.eot');
  src: local('Promprylad'), local('Promprylad'),
      url('fonts/Promprylad/Promprylad.eot?#iefix') format('embedded-opentype'),
      url('fonts/Promprylad/Promprylad.woff2') format('woff2'),
      url('fonts/Promprylad/Promprylad.woff') format('woff'),
      url('fonts/Promprylad/Promprylad.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-family: "Halvar Mittel", sans-serif;
  --second-family: "Promprylad", sans-serif;
  --third-family: "Ermilov", sans-serif;
  --clr-01:#000000;
  --clr-02:#ffffff;
  --clr-03:#E3FB52;
  --clr-04:#EFEFEF;
  --clr-05:#C1B7FF;
}

.bg-clr-2 {
  background-color: var(--clr-02);
}
.bg-clr-5 {
  background-color: var(--clr-05);
}

html, body {
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 16px;
  font-family: var(--font-family);
}
body {
  background-color: var(--clr-04);
}
body.noscroll {
  overflow:hidden;
}
@media (min-width: 768px) {
  body {
    font-size: 18px;
  }
}
@media (min-width: 1500px) {
  body {
    font-size: 22px;
  }
}

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

*:focus {
  outline: none;
}

* {
  box-sizing: border-box;
}

.container {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
    padding-right: 0;
    padding-left: 0;
    max-width: 80%;
  }
}
@media (min-width: 1025px) {
  .container {
    max-width: 92%;
  }
}
@media (min-width: 1240px) {
  .container {
    max-width: 1200px;
  }
}

sup {
	font-size: 0.6em;
}

.py-60 {
	padding: 45px 0;
}

.my-60 {
	margin: 45px 0;
}
@media (min-width: 1025px) {
  .py-60 {
    margin: 60px 0;
  }
}

.btn-fixed {
	position:fixed;
	z-index:100;
	bottom:60px;
	right:60px;
  display: none!important;
}
@media (min-width: 1025px) {
  .btn-fixed {
    font-size: 20px;
    display: block !important;
  }
}

.hidden {
	display:none!important;
} 

.rounded-10 {
  border-radius:10px;
  overflow: hidden;
}

.h2 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 24px;
  margin-top:0;
  margin-bottom: 15px;
}

.h3 {
  font-family: var(--second-family);
  font-size: 32px;
  font-weight: 400;
}

.px-30 {
  padding-left:30px;
  padding-right:30px;
}
.py-30 {
  padding-top:30px;
  padding-bottom:30px;
}
.py-40 {
  padding-top:40px;
  padding-bottom:40px;
}

.prom-button--100 {
  width: 100%;
  text-align: center;
}

.d-none {
  display:none!important;
}
@media (min-width: 768px) {
  .d-md-block {
    display:block!important;
  }
  .d-md-none {
    display:none!important;
  }
}

@media (min-width: 1025px) {
  .h2 {
    font-size: 32px;
  }
  .d-lg-block {
    display:block!important;
  }
  .d-lg-none {
    display:none!important;
  }
}

.logo {
  /*animation-name: pulse;
  animation-duration: 3s;
  animation-iteration-count: infinite;*/
  font-family: var(--second-family);
  font-size: 17px;
  line-height: 90%;
  text-transform: uppercase;
  color: #fff;
  text-decoration:none;
}

#head .logo {
  margin-left:10px;
}

.logo span {
  display:block;
}

@keyframes pulse {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
#head {
  position: absolute;
  width: 100%;
  z-index: 999;
  padding: 2em 0 23px 0;
}
#head .container {
  display: flex;
  justify-content: space-between;
}
#head .save-business {
  max-width: 45%;
}
#head.block {
  position: relative;
  margin-bottom: 2rem;
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
}
#head.block .content {
  border-bottom: none;
}

#top {
  background: url("../img/top-banner.jpg") no-repeat center;
  background-size: cover;
  text-align: center;
  position: relative;
  min-height: 100vh;
  display: flex;
  padding: 120px 0 80px;
}
#top:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(170deg, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 1) 100%);
  opacity: 0.6;
}
#top .main_text {
  width: 100%;
  margin: auto;
  z-index: 997;
}
#top .sm {
  color: #fff;
  font-weight: 600;
}
#top h1 {
  font-size: 32px;
  margin: 0 0 0.5em 0;
  font-family: var(--second-family);
  font-weight: 400;
  line-height: 96%;
  text-align: center;
  color: #fff;
}

.subtitle {
  font-size: 20px;
  text-align: center;
  color: #fff;
  max-width: 270px;
  margin: 0 auto 30px;
}

.subtitle span {
  display:block;
}

#slider {
  width:100%;
}

.slider-wrapper {
  overflow: hidden;
  display: flex;
  white-space: nowrap;
  flex-direction: row-reverse;
}
.prom-slider {
  display: flex;
  gap:10px;
  flex-shrink:0;
  padding-right:10px;
  animation: scroll-right 45s infinite linear;
}
.prom-slider img{
  display: block;
  height:250px;
  width:250px;
  object-fit:cover;
  border-radius:10px;
  overflow: hidden;
  flex-shrink: 0;
}
@keyframes scroll {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(-100%, 0)
    }
}
@keyframes scroll-right {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(100%, 0)
    }
}

@media (min-width: 768px) {
  .logo {
    font-size: 24px;
  }
  #top h1 {
    font-size: 44px;
  }
  
  .subtitle span {
	  display:inline;
  }
/*
  .prom-slider.slick-slider .slick-track {
    margin-left:0;
  }
*/
  .subtitle {
    max-width:unset;
  }
}

@media (min-width: 1025px) {
  #head .logo {
    margin-left:0;
  }

  #top {
    padding: 170px 0 60px;
  }
  .logo {
    font-size: 31px;
  }
  #top h1 {
    font-size:64px;
  }
  
  .subtitle {
    font-size: 24px;
  }

  .prom-slider {
  gap:5px;
  padding-right:5px;
  animation: scroll-right 90s infinite linear;
}
  .prom-slider img{
    height:375px;
    width:500px;
  }
}
/*
@media (min-width: 1920px) {
  .logo {
    font-size: calc(100vw/1920*32);
  }
  #top h1 {
    font-size: calc(100vw/1920*64);
  }
  
  .subtitle {
    font-size: calc(100vw/1920*28);
  }
}
*/
#top .list {
  margin-top: 45px;
  margin-bottom:30px;
}
@media (min-width: 768px) {
  #top .list {
    display: flex;
    justify-content: space-around;
  }
}
@media (min-width: 1025px) {
  #top .list {
    margin-top: 6rem;
  }
}
#top .list-item {
    position: relative;
    flex: 1;
    color: #fff;
    font-size: 14px;
}
#top .list-item:not(:last-child) {
  padding-bottom: 24px;
  margin-bottom: 20px;
}
#top .list-item:not(:last-child):after {
  content:"";
  display: block;
  width: 25px;
  height:4px;
  border-radius: 5px;
  background-color: var(--clr-03);
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
}

@media (min-width: 768px) {
  #top .list-item {
    font-size: 20px;
  }
  #top .list-item:not(:last-child) {
    padding:0;
    margin:0;
  }
  #top .list-item:not(:last-child):after {
    content:none;
  }
}
@media (min-width: 1025px) {
  #top .list-item {
    font-size: 24px;
  }
}
/*
@media (min-width: 1920px) {
  #top .list-item {
    font-size: calc(100vw/1920*24);
  }
}
*/
.center {
  text-align: center;
}

.prom-button {
  display: inline-block;
  border-radius: 4em;
  border: 2px solid var(--clr-03);
  background: var(--clr-03);
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1;
  padding: 20px 30px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
  font-family: var(--second-family);
  color: var(--clr-01);
  font-size: 20px;
  /*white-space: nowrap;*/
  font-weight: 400;
}

.prom-button:hover {
  border: 2px solid #000;
  background-color: var(--clr-02);
}

@media (min-width: 1025px) {
  .prom-button {
    font-size: 20px;
  }
}
/*
@media (min-width: 1920px) {
  .prom-button {
    font-size: calc(100vw/1920*26);
  }
}*/
.prom-button.black {
  color: #ffffff;
  border-color: #000000;
  background-color: #000000;
  font-weight: 400;
}
@media (min-width: 1025px) {
  .prom-button.big {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
  }
}

#top .arrow {
  margin-top: 25px;
  animation: up-down 2s  ease-in-out infinite;
}

#top .prom-button {
  padding: 20px 40px;
  font-size: 20px;
}

@media (min-width: 1025px) {
  #top .prom-button {
    padding: 20px 60px;
    font-size: 28px;
  }
}

@keyframes up-down {
  0% {
    transform: translateY(0%);
  }

  50% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(0%);
  }
}

b {
  font-weight: 700;
}


@media (min-width: 1025px) {
  h2 {
    font-size: 2.5rem;
  }
}
h2.red {
  color: #e65052;
}
.about__wrapper {
  padding: 25px 10px 40px;
}

.about .h2 {
  font-size: 32px;
  padding: 0 20px;
}

.about__text {
  padding: 0 20px;
  margin-bottom: 20px;
  font-size: 14px;
}

.about__img {
  display: block;
  width:100%;
  height: 100%;
  object-fit:cover;
}
.row {
  display: flex;
  flex-wrap:wrap;
  gap:20px;
}

.col {
  width:100%;
}

.about .prom-button {
  white-space: wrap;
}

.tooltip {
  position: relative;
  cursor: pointer;
}
.tooltip.active {
  pointer-events: none;
  cursor: default;
}

.tooltip svg {
  display: block;
}

.tooltip__content {
  font-family: var(--font-family);
  position: absolute;
  z-index:10;
  bottom:calc(100% + 8px);
  left:50%;
  transform: translateX(-50%);
  width: 200px;
  border-radius: 10px;
  background-color: var(--clr-02);
  font-size: 14px;
  display: flex;
  white-space: normal;
  padding: 10px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.25);
  opacity:0;
  visibility: hidden;
  transition: all 0.3s;
  pointer-events: none;
}

.tooltip.active .tooltip__content {
  opacity:1;
  visibility: visible;
}


.tooltip__close {
  margin-top: -10px;
  margin-right: -5px;
  cursor: pointer;
}
.tooltip.active .tooltip__close {
  pointer-events: all;
}

@media (min-width: 768px) {
  .col {
    width:unset;
    flex:1;
    flex-shrink:0;
  }
  .about__text {
    margin-bottom: 30px;
    font-size: 16px;
  }
  .about .prom-button {
    padding:23px 30px;
    margin-top: 5px;
  }
}

.stats__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap:20px;
  border: 1px solid #efefef;
  border-radius: 30px;
  padding: 5px 20px;
  margin-bottom: 10px;
  font-family: var(--second-family);
  font-weight: 400;
}

.stats__title {
  font-size: 12px;
}

.stats__val {
  font-size: 14px;
  border-radius: 20px;
  padding: 5px 20px;
  background-color: var(--clr-03);
  display: flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  gap:10px;
}

.about__start-sum {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  font-style: italic;
  text-align: center;
  margin: 10px 0;
  border: 1px solid #efefef;
  border-radius: 30px;
  padding: 5px 20px;
}

.about__note {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-align: center;
  color: #000;
  margin-top: 30px;
  margin-bottom: 15px;
}

@media (min-width: 1025px) {
  .stats__title {
    font-size: 14px;
  }
  .stats__title,
  .stats__val {
    font-size: 16px;
  }
  .about__start-sum,
  .about__note {
    font-size: 18px;
  }
}

.history .h2 {
  padding:0;
  margin-bottom:20px;
}

.history__tab {
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 10px 20px 10px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap:20px;
  font-family: var(--second-family);
  font-weight: 400;
  transition: background-color 0.3s;
  cursor:pointer;
}
.history__tab:hover {
  background-color: var(--clr-02);
}

.history__tab.active {
  background-color: var(--clr-02);
}

.history__tab:not(:last-child) {
  margin-bottom: 10px;
}

.history__tab.active .history__icon {
  opacity:0;
}

.history__icon {
  transition:opacity 0.3s;
}

.history__icon svg {
  display: block;
}

.history__year {
  font-size: 20px;
  border-radius: 30px;
  padding: 5px 20px;
  background-color: var(--clr-03);
  margin-bottom: 5px;
  width: fit-content;
}

.history__title {
  font-size: 12px;
  padding-left: 20px;
}

.history__content {
      position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    padding: 30px;
    font-size: 14px;
    display: flex;
    overflow: auto;
    opacity:0;
    visibility: hidden;
    transition:all 0.3s;
    pointer-events: none;
}
.history__content.active {
    opacity:1;
    visibility: visible;
    pointer-events: all;
}

.history__wrapper {
  position:relative;
  margin:auto;
  width:100%;
  height:100%;
}
.history__close {
  position: absolute;
  top:0;
  right:0;
  z-index:10;
  cursor:pointer;
  width:45px;
  height:45px;
  content:url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="45" height="45" rx="10" fill="white" /><path d="M30.278 14.7216C30.6685 15.1121 30.6685 15.7453 30.278 16.1358L23.914 22.4998L30.278 28.8637C30.6685 29.2543 30.6685 29.8874 30.278 30.278C29.8874 30.6685 29.2543 30.6685 28.8637 30.278L22.4998 23.914L16.1358 30.278C15.7453 30.6685 15.1121 30.6685 14.7216 30.278C14.3311 29.8874 14.3311 29.2543 14.7216 28.8637L21.0856 22.4998L14.7216 16.1358C14.3311 15.7453 14.3311 15.1121 14.7216 14.7216C15.1121 14.3311 15.7453 14.3311 16.1358 14.7216L22.4998 21.0856L28.8637 14.7216C29.2543 14.3311 29.8874 14.3311 30.278 14.7216Z" fill="black" /></svg>');
}

.history__panel {
  padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.history__panel.active {
    opacity:1;
    visibility: visible;
}

.history__text ul {
  padding-left: 20px;
}

.history__img {
  height: 466px;
  width:100%;
  object-fit:cover;
  display: block;
  margin-bottom: 20px;
}

@media (min-width: 576px) {
  .history {
  --img-width: min(79.5vw,530px);
  }
  .history__panel {
    width: calc(var(--img-width) + 40px);
  }
  .history__img {
    width:var(--img-width);
    height: auto;
    aspect-ratio: 53 / 43;
  }

}

@media (min-width: 768px) {
  .history__title br {
    display: none;
  }
  .history .col {
    width:100%;
    flex:unset;
  }
}

@media (min-width: 1025px) {
  .history .h2 {
    margin-bottom:30px;
  }
  .history .col {
    flex:1;
  }
  .history__content {
      position: static;
      width: 100%;
      height: auto;
      background: transparent;
      z-index: 1000;
      display: flex;
      overflow: auto;
      opacity:1;
      visibility: visible;
      padding:0;
      font-size: 16px;
  }
  .history__close {
    display: none;
  }
  .history__content,
  .history__wrapper,
  .history__panel {
    height:100%;
    width:100%;
  }
}

.investors {
  background-color: var(--clr-05);
}

.investors .h2{
  margin-bottom: 20px;
}
.investors .row{ 
  row-gap:40px;
}
.investors .col-left {
  width:100vw;
  padding: 20px 0;
  margin-left:-10px;
  margin-right:-10px;
  background-color: var(--clr-04);
}

.investors .col-right {
  padding: 0 10px;
  width:100%;
}

.investors .prom-button{
  display: block;
  margin: 0 auto;
 padding-left: 60px;
 padding-right: 60px;
}

.slide-line {
  overflow: hidden;
  display: flex;
  white-space: nowrap;
}
.slide-line:first-child {
  margin-bottom: 15px;
}
.logos-line {
  display: flex;
  gap:45px;
  flex-shrink:0;
  padding-right:45px;
  animation: scroll 45s infinite linear;
}
.slide-line--right {
  justify-content: end;
}
.slide-line--right .logos-line {
  animation: scroll-right 45s infinite linear;
}

.logos-line img{
  display: block;
  height:53px;
  width:auto;
  overflow: hidden;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .investors .row {
    flex-wrap: nowrap;
    gap: 10px;
  }
  .investors .col-left {
    width: unset;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 0 100px 100px 0;
    margin-left: -50%;
  }
  .logos-line {
    gap:60px;
    padding-right:60px;
  }
  .slide-line:first-child {
    margin-bottom: 0;
  }
   .logos-line img{
    height: 74px;
  }
  .investors .h2{
    margin-bottom: 30px;
  }
}

@media (min-width: 1025px) {
  .investors {
    padding-bottom: 100px;
  }
  .investors .prom-button{
    font-size: 22px;
  }
}

.diagrams .row{
  justify-content: center;
}
.diagrams .row img {
  display: block;
  margin:0 auto;
}

@media (min-width:768px) {
  .diagrams .col{
    flex:unset;
    width:100%;
  }
}

@media (min-width:1025px) {
  .diagrams .row{
    flex-wrap:nowrap
  }
  .diagrams .col{
    flex:unset;
  }
}

.media {
  overflow: hidden;
}
.media-slide {
  margin-bottom: 10px;
  transition: all 0.5s;
  max-width:370px;
  margin-left:auto;
  margin-right:auto;
}
.media-slide.slick-slide {
  height:unset;
}

.media-slide__wrapper {
  height:100%;
}

.media-slide__img {
  position:relative;
}
.media-slide__img:before {
  content:"";
  position:absolute;
  width:100%;
  height: 100%;
  top:0;
  left:0;
  background: rgba(0,0,0,0.2);
}
.media-slide__cover {
  display: block;
  width:100%;
  height: 210px;
  object-fit: cover;
  transition:all 0.3s;
}
.media-slide__cover:hover {
  transform:scale(1.05);
}

.media-slide__logo {
  position:absolute;
  top:50%;
  left:20px;
  transform:translateY(-50%);
  z-index:1;
}

.media-slide__inner {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap:10px;
  min-height: 140px;
}

.media-slide__title {
  font-size: 16px;
}

.media-slide__title a {
  color: var(--clr-01);
  text-decoration: none;
}

.media-slide__title a:hover {
  color: var(--clr-01);
  text-decoration: underline;
}

.media-slide__meta {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap:20px;
  font-style: italic;
  margin-top:auto;
}

.media-slide__link a {
  text-decoration: none;
}
.media-slide__link a:hover {
  text-decoration: underline;
}

.media-slide__wrapper.bg-clr-5 .media-slide__link a {
  color: var(--clr-02);
}
.media-slide__wrapper.bg-clr-2 .media-slide__link a {
  color: var(--clr-05);
}

.media-slider-btn {
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 30px;
  padding: 11px 30px;
  display: block;
  margin:0 auto;
}

.media-slider-btn span:nth-child(2) {
  display: none;
}
.media-slider-wrapper.active .media-slider-btn span:nth-child(1) {
  display: none;
}
.media-slider-wrapper.active .media-slider-btn span:nth-child(2) {
  display: block;
}

.media-slider-wrapper .media-slide:nth-child(4),
.media-slider-wrapper .media-slide:nth-child(5),
.media-slider-wrapper .media-slide:nth-child(6) {
  height:0;
  margin-bottom:0;
  overflow: hidden;
}

.media-slider-wrapper.active .media-slide:nth-child(4),
.media-slider-wrapper.active .media-slide:nth-child(5),
.media-slider-wrapper.active .media-slide:nth-child(6) {
  height:350px;
  margin-bottom:10px;
}

/*
.prom-slider {
  margin:0!important;
}

.prom-slider.slick-slider .slick-track {
  margin-left:33.33%;
}

.prom-slider__slide.slick-slide {
  height:unset;
  padding:0 5px;
}
.prom-slider__slide img {
  display:block;
  width:100%;
  height:100%;
  object-fit: cover;
  border-radius: 10px;
  overflow:hidden;
}


*/

.media-slider .slick-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-image:url('data:image/svg+xml,<svg width="13" height="21" viewBox="0 0 13 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 20L11 10.5L0.999998 1" stroke="black" stroke-width="2" stroke-linecap="round" /></svg>');
    background-size:33%;
    background-repeat: no-repeat;
    background-position: 60% center;
    right: 50px;
    width:45px;
    height: 45px;
    border-radius:100%;
    background-color: var(--clr-02);
    border: 2px solid var(--clr-01);
    transition: background-color 0.3s;
}
.media-slider .slick-arrow.slick-prev {
  transform: scaleX(-1) translate(0, -50%);
  left:50px;
}

.media-slider .slick-arrow:hover {
  background-color: var(--clr-03);
}

.media-slider .slick-arrow:active {
  background-color: #B8B8B8;
}

@media (min-width: 576px) {
  .media-slider-wrapper {
    padding:0;
    max-width:100%;
  }
  .media-slider-wrapper .media-slide {
    margin:0;
    padding: 0 5px;
  }
  .media-slider-wrapper .media-slide:nth-child(4),
  .media-slider-wrapper .media-slide:nth-child(5),
  .media-slider-wrapper .media-slide:nth-child(6) {
    height:unset;
    margin-bottom:0;
  }
  .media-slider-wrapper .media-slider-btn {
    display: none;
  }
}

section#invest {
  color: #ffffff;
  background: #202848;
  padding: 3.5rem 0;
  text-align: center;
}
@media (min-width: 1025px) {
  section#invest .container {
    width: 60rem;
    max-width: 90%;
  }
}
section#invest .images {
  margin: 30px 0;
}
@media (min-width: 1025px) {
  section#invest .images {
    display: flex;
    margin: 55px 0;
  }
}
section#invest .images img {
  display: block;
  width: 100%;
}
@media (min-width: 1025px) {
  section#invest .images img {
    width: 50%;
  }
}
section#invest h2 {
  color: #ffffff;
}

p {
  margin: 0 0 1em;
}
p:last-child {
  margin-bottom: 0;
}
p a {
  color: #000000;
}

p.big {
  font-size: 1.3em;
}
@media (min-width: 768px) {
  p.big {
    font-size: 1.5em;
  }
}

.faq-in {
  padding: 30px 0 45px;
}

.faq-in .row{
  row-gap:30px;
}

#faq {
}
.faq .faq-item {
  background-color: var(--clr-02);
  text-align: left;
  border-radius: 10px;
  margin-bottom:10px;
  font-size: 16px;
}
.faq .faq-item:last-child {
  margin-bottom: 0;
}
.faq .faq-item header {
  position: relative;
  padding:22.5px 30px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap:20px;
}
.faq-cta__left-col {
  margin: 0 auto 10px;
  font-size: 16px;
  width:fit-content;
}

.faq-cta__right-col {
  text-align:center;
}

.faq-cta .prom-button {
  font-size: 16px;
  width: 100%;
  max-width:370px;
  background-color: var(--clr-05);
  border-color: var(--clr-05);
}

.faq-cta .prom-button:hover {
  background-color: var(--clr-02);
  border-color: var(--clr-01);
}

.faq-btn {
  content: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C11.5523 0 12 0.447715 12 1V10L21 10C21.5523 10 22 10.4477 22 11C22 11.5523 21.5523 12 21 12L12 12L12 21C12 21.5523 11.5523 22 11 22C10.4477 22 10 21.5523 10 21L10 12H1C0.447716 12 4.95577e-07 11.5523 0 11C2.41411e-08 10.4477 0.447715 10 1 10H10V1C10 0.447715 10.4477 0 11 0Z" fill="black" /></svg>');
  display: block;
  width:22px;
  height:22px;
  transition: transform 0.5s;
}
.faq .faq-item header.active  .faq-btn {
  transform: rotate(45deg);
}
.faq .faq-item .content {
  display: none;
  line-height: 120%;
  padding: 0 30px 20px;
}
.faq .faq-item .content p {
  margin: 0 0 1rem 0;
}
.faq .faq-item .content p:last-child {
  margin-bottom: 0;
}
.faq .faq-item .content ul {
  margin: 0 0 1rem 0;
}
.faq .faq-item .content ul:last-child {
  margin-bottom: 0;
}
.faq .faq-item .content ul li {
  margin-bottom: 0.5rem;
}
.faq .faq-item .content ul li:last-child {
  margin-bottom: 0;
}
.faq .faq-item .content ul li a {
  color: var(--clr-01);
}

@media (min-width: 768px) {
 .faq-in .col {
  width:100%;
  flex:unset;
 }
}

@media (min-width: 1025px) {
  .faq-in .row {
    flex-direction: row-reverse;
  }
  .faq-in .col {
    width:auto;
    flex:1;
  }
  .faq-in .col-right {
    padding: 30px;
    background-color: var(--clr-02);
    border-radius: 10px;
  }
  .faq-cta {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .faq-cta__left-col {
    margin: auto 0 15px;
  }
  .faq-cta__right-col {
    text-align: left;
  }
  .faq-cta .prom-button {
    font-size: 14px;
    width: fit-content;
    margin-left: 0;
  }
}

section#help {
  padding: 1.5rem 0;
}


@media (min-width: 1025px) {
  section#help .container {
    max-width: 90%;
  }
}
section#help .help-items {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 0.8rem;
  grid-row-gap: 0.8rem;
}
@media (min-width: 1025px) {
  section#help .help-items {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }
}
section#help .help-items > div {
  color: #ffffff;
  background-color: #202848;
  border-radius: 0.8rem;
  font-size: 0.8rem;
  line-height: 1.13;
  font-weight: 700;
  padding: 1.5rem;
  overflow: hidden;
}
@media (min-width: 1025px) {
  section#help .help-items > div {
    font-size: 1.2rem;
    padding: 2rem;
  }
}
section#help .help-items > div a {
  color: inherit;
  font-weight: inherit;
  text-decoration: underline;
}
section#help .help-items > div.big {
  position: relative;
  background-image: url("../img/back2.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (min-width: 1025px) {
  section#help .help-items > div.big {
    grid-column: 1/span 3;
  }
}
section#help .help-items > div.big:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #202848;
  mix-blend-mode: multiply;
  opacity: 0.4;
}
section#help .help-items > div .text {
  position: relative;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6);
}
section#help .help-items > div .text p {
  font-size: 1rem;
  text-align: center;
}
@media (min-width: 1025px) {
  section#help .help-items > div .text p {
    font-size: 1.6rem;
  }
}
section#help .help-items > div .text ul {
  font-size: 0.8rem;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}
@media (max-width: 1024px) {
  section#help .help-items > div .text ul {
    padding: 0;
  }
}
@media (min-width: 1025px) {
  section#help .help-items > div .text ul {
    font-size: 1.2rem;
    align-items: flex-start;
    flex-wrap: wrap;
    max-height: 6rem;
    width: 40rem;
    max-width: 100%;
    box-sizing: content-box;
  }
}
section#help .help-items > div .text ul li {
  margin-bottom: 0.5rem;
}

section#last {
  padding: 3.5rem 0 4.5rem 0;
  text-align: center;
}


.investment {
  padding: 60px 0 80px;
}

.investment h2 {
  font-family: var(--second-family);
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
}
.investment h2 span {
  font-family: var(--font-family);
  display: block;
  margin-top: 10px;
  font-size: 20px;
  line-height: 1.1;
}

.investment .prom-button {
  padding: 23px 38px;
  max-width:400px;
  margin:0 auto;
  padding: 23px 40px;
}

@media (min-width: 1025px) {
  .investment {
    padding: 120px 0 140px;
  }
  .investment h2 {
    margin-bottom: 40px;
  }
  .investment h2 span {
    font-size: 32px;
  }
  .investment .prom-button {
    padding: 25px 60px;
    width:370px;
    height: 81px;
    font-size: 28px;
  }
}


#popup_invest a.back {
  display: flex;
  width: fit-content;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.05em;
   text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 1.5rem;
  color:#000;
  align-items: center;
}
#popup_invest a.back img {
  height: 0.85rem;
  width: auto;
  margin-right: 0.6rem;
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  border: 1px solid #000;
  padding:10px;
}
#popup_invest h2 {
  margin-bottom: 6px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 2rem;
  text-align: center;
  color: #000;
  line-height: 120%;
  margin-top: 75px;
}

#popup_invest .black_back {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
}
#popup_invest .inner_popup {
  padding: 45px 0;
}
#popup_invest .inner_popup .close {
  position: absolute;
  right: 0.7rem;
  top: 0.2rem;
  padding: 0.3rem;
  color: #c3c6cb;
  font-size: 1.5rem;
  cursor: pointer;
  transition: all 0.3s;
}
#popup_invest .inner_popup .close:hover {
  color: #913f40;
}
#popup_invest .inner_popup .indicates-required {
  font-size: 14px;
  margin-bottom: 0.7em;
}
#popup_invest .inner_popup form {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  font-size: 16px;
}

#popup_invest .inner_popup form input {
  width: 100%;
  border: none;
  border-bottom: 1.5px solid #000;
  border-radius: 0;
  transition: all 0.3s;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 40px;
  padding: 0.3em 0;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#popup_invest .inner_popup form input[type=submit] {
  width: auto;
  display: inline-block;
  border-radius: 5em;
  border: none;
  background-color: var(--clr-03);
  font-size:20px;
  font-weight: 600;
  line-height: 2.9em;
  font-family: var(--second-family);
  font-weight: 400;
  color: #000;
  padding: 4px 40px;
  cursor: pointer;
  margin: 0 auto;
  transition: all 0.3s;
  border: 2px solid transparent;
}
#popup_invest .inner_popup form input[type=submit]:hover {
  color: #000;
  background-color: transparent;
  border: 2px solid #000;
}
#popup_invest .inner_popup form input.stock_count {
  margin: 0.5em 0;
  padding-right: 50px;
}
#popup_invest .inner_popup form .stock_count_outer {
  margin-bottom: 1.8rem;
}
#popup_invest .inner_popup form .stock_count_outer .select_count {
  display: flex;
  flex-wrap: wrap;
  gap: calc(100vw/1920*10);
  justify-content: center;
}
#popup_invest .inner_popup form .stock_count_outer .select_count div {
  margin-bottom: 0.5rem;
}
#popup_invest .inner_popup form .stock_count_outer span {
  display: inline-block;
  line-height: 3.8em;
  font-size: 0.73rem;
  padding: 0 1.9em;
  border: 1.50px solid #000;
  border-radius: 5em;
  cursor: pointer;
  margin-right: 0.625em;
  transition: all 0.3s;
  font-family: var(--second-family);
  font-weight: 400;
  color: #000;
}
#popup_invest .inner_popup form .stock_count_outer span.last {
  margin-right: 0;
}
#popup_invest .inner_popup form .stock_count_outer span:hover, #popup_invest .inner_popup form .stock_count_outer span.active {
  background-color: var(--clr-03);
  border-color: var(--clr-03);

}
#popup_invest .inner_popup form .stock_count_outer .stock_count_name > div:first-child {
  margin-bottom: 0.77em;
}
#popup_invest .inner_popup form .stock_count_outer div.small {
  font-size: 0.7rem;
}
#popup_invest .inner_popup form .stock_count_outer .flex {
  display: flex;
  align-items: center;
  position: relative;
}
#popup_invest .inner_popup form ::-webkit-input-placeholder {
  /* Edge */
  color: #848484;
  font-weight: 400;
  font-family:var(--font-family);
}

.stock_count-curr {
    position: absolute;
    right: 0;
}
.stock_count-palceholder {
    color: #848484;
    position: absolute;
    transform: translateY(-34px);
    font-size: 18px;
    display:none;
}

#popup_invest .inner_popup form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #848484;
  font-weight: 400;
   font-family:var(--font-family);
}
#popup_invest .inner_popup form ::placeholder {
  color: #848484;
  font-weight: 400;
  font-family:var(--font-family);
}
#popup_invest .inner_popup form .c-checkbox {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
  user-select: none;
  margin-bottom: 1.8rem;
}
#popup_invest .inner_popup form .c-checkbox__native {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
#popup_invest .inner_popup form .c-checkbox__native:checked ~ .c-checkbox__custom:before {
  opacity: 1;
}
#popup_invest .inner_popup form .c-checkbox__custom {
  width: 16px;
  height: 16px;
  flex: none;
  border: 1px solid #c3c6cb;
  border-radius: 2px;
}
#popup_invest .inner_popup form .c-checkbox__custom:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-size: 11px 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(../img/icon_checkbox-true.svg);
  transition: opacity 0.1s;
  opacity: 0;
}
#popup_invest .inner_popup form .c-checkbox__label {
  font-size: 14px;
  color: #000;
  padding-left: 16px;
  line-height: 16px;
}
#popup_invest .inner_popup form .c-checkbox__label a {
  text-decoration: none;
  color: #5A00EE;
}

#popup_invest .inner_popup form .c-checkbox__label a:hover {
  text-decoration: underline;
}

#popup_invest .result {
      display: none;
    text-align: center;
    font-size: 26px;
    padding-top: 120px;
}
#popup_invest .result-title {
  font-weight: 700;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  #popup_invest .inner_popup form .stock_count_outer span {
    padding: 0 1.58em;
  }
}

@media (min-width: 1025px) {
  #popup_invest .inner_popup form .stock_count_outer span {
    margin-right: 10px;
  }
  #popup_invest .inner_popup form input {
    font-size: 18px;
  }
  #popup_invest .inner_popup form .stock_count_outer span {
    font-size: 12px;
    line-height: 34px;
    padding-top:0;
    padding-bottom:0;
  }
  #popup_invest .inner_popup form input[type=submit] {
    padding: 4px 60px;
  }
}

.footer {
  background: var(--clr-01);
  font-size:14px;
  color: var(--clr-02);
}

.footer a {
  color: var(--clr-02);
  text-decoration:none;
  display: block;
  width: fit-content;
}

.footer a:hover {
  color: var(--clr-02);
  text-decoration:underline;
}

.footer__logo {
  font-size: 28px;
}

.footer__cont {
  margin-bottom: 20px;
}

.socials {
  list-style-type: none;
  margin:0;
  padding:0;
  display:flex;
  gap: 28px;
  justify-content: space-between;
}
.socials a {
  display:block;
  width:45px;
  height: 45px;
  background-size:cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.footer .row {
  gap:0;
}

.footer .col-left,
.footer .col-right {
  padding: 45px 20px;
}

.footer .col-center {
  padding: 30px;
  margin-left:-10px;
  margin-right:-10px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 100vw;
}

.socials .fb {
  background-image:url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="22.5" cy="22.5" r="22.5" fill="white" /><path fill-rule="evenodd" clip-rule="evenodd" d="M25.6294 44.9999V29.5362H30.3241L31.091 22.6635H25.6294V19.3161C25.6294 17.5463 25.6746 15.7908 28.1476 15.7908H30.6523V10.877C30.6523 10.8031 28.5008 10.6362 26.3242 10.6362C21.7784 10.6362 18.9321 13.4836 18.9321 18.712V22.6635H13.9092V29.5362H18.9321V44.9999H25.6294Z" fill="black" /></svg>');
}

.socials .insta {
  background-image:url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="22.5" cy="22.5" r="22.5" fill="white" /><path d="M27.295 10.6362H17.7047C13.8071 10.6362 10.6362 13.8071 10.6362 17.7047V27.295C10.6362 31.1926 13.8071 34.3635 17.7047 34.3635H27.295C31.1926 34.3635 34.3635 31.1926 34.3635 27.295V17.7047C34.3635 13.8071 31.1926 10.6362 27.295 10.6362ZM31.9765 27.295C31.9765 29.8805 29.8805 31.9765 27.295 31.9765H17.7047C15.1192 31.9765 13.0232 29.8805 13.0232 27.295V17.7047C13.0232 15.1192 15.1192 13.0232 17.7047 13.0232H27.295C29.8805 13.0232 31.9765 15.1192 31.9765 17.7047V27.295Z" fill="black" /><path d="M22.5 16.3628C19.1162 16.3628 16.3633 19.1157 16.3633 22.4995C16.3633 25.8832 19.1162 28.6362 22.5 28.6362C25.8838 28.6362 28.6367 25.8833 28.6367 22.4995C28.6367 19.1157 25.8838 16.3628 22.5 16.3628ZM22.5 26.2493C20.429 26.2493 18.7502 24.5705 18.7502 22.4995C18.7502 20.4286 20.4291 18.7498 22.5 18.7498C24.5709 18.7498 26.2498 20.4286 26.2498 22.4995C26.2498 24.5704 24.5709 26.2493 22.5 26.2493Z" fill="black" /><path d="M28.6482 17.8798C29.4603 17.8798 30.1186 17.2215 30.1186 16.4094C30.1186 15.5973 29.4603 14.939 28.6482 14.939C27.8361 14.939 27.1777 15.5973 27.1777 16.4094C27.1777 17.2215 27.8361 17.8798 28.6482 17.8798Z" fill="black" /></svg>');
}
.socials .youtube {
  background-image: url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="22.5" cy="22.5" r="22.5" fill="white" /><path d="M35.4595 16.734C35.3141 16.185 35.0223 15.6836 34.6141 15.2812C34.2058 14.8787 33.6958 14.5896 33.136 14.4433C29.7424 14.0515 26.3263 13.8749 22.9093 13.9147C19.4923 13.8749 16.0762 14.0515 12.6825 14.4433C12.1228 14.5896 11.6127 14.8787 11.2045 15.2812C10.7963 15.6836 10.5045 16.185 10.359 16.734C9.98725 18.7747 9.80651 20.8443 9.81903 22.9172C9.80589 25.0007 9.98663 27.0811 10.359 29.1324C10.5121 29.6726 10.8072 30.1639 11.2149 30.5575C11.6226 30.951 12.1287 31.233 12.6825 31.3751C16.0762 31.7669 19.4923 31.9436 22.9093 31.9037C26.3263 31.9436 29.7424 31.7669 33.136 31.3751C33.6899 31.233 34.196 30.951 34.6036 30.5575C35.0114 30.1639 35.3065 29.6726 35.4595 29.1324C35.832 27.0811 36.0126 25.0007 35.9995 22.9172C36.0121 20.8443 35.8313 18.7747 35.4595 16.734ZM20.2258 26.7456V19.1207L27.0818 22.9172L20.2258 26.7296V26.7456Z" fill="black" /></svg>');
}
.socials .tg {
  background-image:url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="22.5" cy="22.5" r="22.5" fill="white" /><path d="M33.1841 12.2729C33.9909 12.2729 34.5996 12.9584 34.274 14.2332L30.3249 32.2595C30.0489 33.5412 29.2491 33.8496 28.1451 33.2533L18.7252 26.5157C18.6886 26.4904 18.6589 26.4569 18.6383 26.4182C18.6178 26.3794 18.6071 26.3365 18.6071 26.293C18.6071 26.2494 18.6178 26.2065 18.6383 26.1678C18.6589 26.1291 18.6886 26.0956 18.7252 26.0702L29.603 16.5568C30.0984 16.1318 29.4968 15.9262 28.8457 16.31L15.1936 24.6514C15.1522 24.6776 15.1052 24.6943 15.0561 24.7002C15.0071 24.7061 14.9573 24.7012 14.9105 24.6857L9.11418 22.9105C7.82611 22.5472 7.82611 21.6905 9.40435 21.0805L32.5967 12.4169C32.7806 12.3314 32.9803 12.2825 33.1841 12.2729Z" fill="black" /></svg>');
}

@media (min-width: 768px) {
  .footer .row {
    flex-wrap: nowrap;
  }
  .footer .col-left {
    padding: 30px 20px 30px 0;
    flex:43;
  }
  .footer .col-center {
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 30px 20px;
    margin:0;
    flex:101;
  }
  .footer .col-right {
    padding: 30px 0 30px 20px;
    align-self: center;
    flex:71;
  }
  .socials {
    gap:20px;
  }
  .socials a {
    width:36px;
    height: 36px;
  }
}

@media (min-width: 1025px) {
  .footer {
    font-size: 18px;
  }
  .footer .col-left {
    padding: 30px 30px 30px 0;
  }
  .footer .col-center {
  }
  .footer .col-right {
    padding: 30px 0 30px 30px;
  }
  .footer__cont {
    margin-bottom: 50px;
  }
  .socials {
    gap:30px;
    justify-content: end;
  }
  .socials a {
    width:45px;
    height: 45px;
  }
}

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



#save-ua {
  padding: 2rem 0;
  background: var(--clr-03);
  text-align: center;
}

.save-ua__img {
  height:3.5rem;
}

.save-ua__text {
  margin: 1rem 0;
}

.save-ua__title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 1.30rem;
  line-height: 115%;
  margin-bottom:1em;
}

.save-ua .prom-button {
  font-size: 0.75rem;
}

@media (min-width: 768px) {
  .stats__wrap {
    display:flex;
    flex-wrap:wrap;
    margin-bottom:0;
  }

  .stats__col {
    padding:  1rem ;
    width:50%;
    margin-bottom: 2rem;
  }

  .stats__col:nth-child(2n+1) {
    border-right:1px solid #000;
  }

  .stats__col:first-child {
    border-top:none;
  }
  
  .stats__col {
    border-bottom:none;
  }
}

@media (min-width: 1025px) {
  #stats {
    padding: calc(100vw/1920*100) 0 calc(100vw/1920*90)
  }
  #stats h2 {
    font-size: calc(100vw/1920*80);
  }

  #save-ua {
    padding: calc(100vw/1920*90) 0;
  }
  .save-ua__img {
    width: calc(100vw/1920*325);
	height:unset;
  }
  .save-ua__text {
    margin: calc(100vw/1920*30) 0;
    font-family: var(--font-family);
    font-size: calc(100vw/1920*26);
  }

  .save-ua__title {
    font-size: calc(100vw/1920*50);
    line-height: 96%;
    margin-bottom: 1em;
  }

  .save-ua .prom-button {
      font-size: calc(100vw/1920*26);
  }
}
.form-page {
  background-color: var(--clr-02);
}
.form-page #head .logo{
  color:#000;
}
.form-page #head {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
background: #fff;
padding: 1rem 0;
}

#popup_invest {
  padding-top:35px;
}
#popup_invest .container {
  padding-left:20px;
  padding-right:20px;
}