@charset "UTF-8";
@font-face {
  font-family: "Roboto";
  font-weight: normal;
  src: url("../fonts/Roboto/Roboto-Regular.eot?") format("eot"), url("../fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Regular.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-weight: bold;
  src: url("../fonts/Roboto/Roboto-Bold.eot?") format("eot"), url("../fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Bold.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-weight: 300;
  src: url("../fonts/Roboto/Roboto-Light.eot?") format("eot"), url("../fonts/Roboto/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Light.woff") format("woff"), url("../fonts/Roboto/Roboto-Light.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Light.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-weight: 200;
  src: url("../fonts/Roboto/Roboto-Thin.eot?") format("eot"), url("../fonts/Roboto/Roboto-Thin.woff2") format("woff2"), url("../fonts/Roboto/Roboto-Thin.woff") format("woff"), url("../fonts/Roboto/Roboto-Thin.ttf") format("truetype"), url("../fonts/Roboto/Roboto-Thin.svg#Roboto") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  font-weight: normal;
  src: url("../fonts/Rubik/Rubik-Regular.eot?") format("eot"), url("../fonts/Rubik/Rubik-Regular.woff2") format("woff2"), url("../fonts/Rubik/Rubik-Regular.woff") format("woff"), url("../fonts/Rubik/Rubik-Regular.ttf") format("truetype"), url("../fonts/Rubik/Rubik-Regular.svg#Rubik") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  font-weight: bold;
  src: url("../fonts/Rubik/Rubik-Bold.eot?") format("eot"), url("../fonts/Rubik/Rubik-Bold.woff2") format("woff2"), url("../fonts/Rubik/Rubik-Bold.woff") format("woff"), url("../fonts/Rubik/Rubik-Bold.ttf") format("truetype"), url("../fonts/Rubik/Rubik-Bold.svg#Rubik") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  font-weight: 300;
  src: url("../fonts/Rubik/Rubik-Thin.eot?") format("eot"), url("../fonts/Rubik/Rubik-Thin.woff2") format("woff2"), url("../fonts/Rubik/Rubik-Thin.woff") format("woff"), url("../fonts/Rubik/Rubik-Thin.ttf") format("truetype"), url("../fonts/Rubik/Rubik-Thin.svg#Rubik") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  font-weight: 200;
  src: url("../fonts/Rubik/Rubik-Light.eot?") format("eot"), url("../fonts/Rubik/Rubik-Light.woff2") format("woff2"), url("../fonts/Rubik/Rubik-Light.woff") format("woff"), url("../fonts/Rubik/Rubik-Light.ttf") format("truetype"), url("../fonts/Rubik/Rubik-Light.svg#Rubik") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  font-weight: 900;
  src: url("../fonts/Rubik/Rubik-Black.eot?") format("eot"), url("../fonts/Rubik/Rubik-Black.woff2") format("woff2"), url("../fonts/Rubik/Rubik-Black.woff") format("woff"), url("../fonts/Rubik/Rubik-Black.ttf") format("truetype"), url("../fonts/Rubik/Rubik-Black.svg#Rubik") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  font-weight: 500;
  src: url("../fonts/Rubik/Rubik-Medium.eot?") format("eot"), url("../fonts/Rubik/Rubik-Medium.woff2") format("woff2"), url("../fonts/Rubik/Rubik-Medium.woff") format("woff"), url("../fonts/Rubik/Rubik-Medium.ttf") format("truetype"), url("../fonts/Rubik/Rubik-Medium.svg#Rubik") format("svg");
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*:active, *:focus {
  outline: none;
}

body {
  background: #FFFFFF;
  font-family: 'Rubik', sans-serif;
  overflow-x: hidden;
  position: relative;
  color: #000000;
}

.over {
  overflow: hidden;
}

.wrap {
  width: 100%;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

input:required:valid {
  border: 2px solid #3EFF7F;
}

.header {
  background: #1F1F1F;
  border-radius: 0px 0px 15px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  position: fixed;
  z-index: 10;
}

.header-container {
  padding: 16px 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.header-home {
  outline: none;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.header-nav {
  max-width: 367px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header-nav__link {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 140%;
  color: #FFFFFF;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.header-nav__link:hover {
  color: #FF7465;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.header-nav__links {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 140%;
  color: #FFFFFF;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.header-nav__links:hover {
  color: #FF7465;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.header-btn {
  outline: none;
  cursor: pointer;
  text-decoration: none;
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  background: #FFFFFF;
  border-radius: 17px;
  padding: 19px 40px 18px 40px;
}

.header-adapt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

.menu-burger__header {
  position: relative;
  /* задаем относительное позиционирование */
  width: 40px;
  /* определяем размеры блока */
  height: 35px;
  display: none;
  margin-left: 10px;
  cursor: pointer;
}

.menu-burger__header span, .menu-burger__header:after, .menu-burger__header:before {
  height: 3px;
  width: 100%;
  position: absolute;
  background: #FFFFFF;
  margin: 0 auto;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.menu-burger__header span {
  top: 14px;
}

.menu-burger__header:after, .menu-burger__header:before {
  content: '';
}

.menu-burger__header:after {
  bottom: 10px;
}

.menu-burger__header:before {
  top: 5px;
}

.menu-burger__header.open-menu span {
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.menu-burger__header.open-menu:before {
  -webkit-transform: rotate(38deg);
          transform: rotate(38deg);
  top: 16px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.menu-burger__header.open-menu:after {
  -webkit-transform: rotate(-38deg);
          transform: rotate(-38deg);
  bottom: 16px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

@media (max-width: 992px) {
  .header {
    position: fixed;
    z-index: 11;
  }
  .menu-burger__header {
    display: block;
    z-index: 11;
  }
  .header-adapt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-nav {
    display: none;
  }
  .header-block {
    display: none;
  }
  .header-adapt {
    position: fixed;
    right: -800px;
    pointer-events: none;
    opacity: 0;
    top: 0;
    background: #1F1F1F;
    padding: 70px 20px;
    width: 50%;
    height: 100vh;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10;
  }
  .open__active {
    opacity: 1;
    right: 0;
    pointer-events: all;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-nav__links {
    margin-bottom: 20px;
  }
  .header-nav__link {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .header-adapt {
    width: 100%;
  }
}

.promo {
  padding-top: 180px;
  padding-bottom: 180px;
}

.promo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 987px;
  width: 100%;
  position: relative;
}

.promo-title {
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 60px;
  line-height: 120%;
  color: #000000;
  max-width: 445px;
  margin-bottom: 30px;
}

.promo-text {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.6);
  max-width: 445px;
  margin-bottom: 50px;
}

.promo-btn {
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #FF7465;
  border-radius: 17px;
  padding: 21px 40px;
  max-width: 315px;
  outline: none;
  text-decoration: none;
  cursor: pointer;
}

.promo-img {
  position: absolute;
  right: 0;
  -webkit-animation-name: spin;
          animation-name: spin;
  -webkit-animation-duration: 5000ms;
          animation-duration: 5000ms;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@media (max-width: 1200px) {
  .promo-img {
    right: 100px;
  }
}

@media (max-width: 992px) {
  .promo-img {
    opacity: 0.4;
    right: 50px;
  }
  .promo {
    padding-top: 180px;
  }
}

@media (max-width: 768px) {
  .promo-img {
    display: none;
  }
  .promo-content {
    text-align: center;
  }
  .promo-container {
    max-width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 480px) {
  .promo {
    padding-top: 150px;
    padding-bottom: 80px;
  }
  .promo-title {
    font-size: 35px;
    margin-bottom: 15px;
  }
  .promo-text {
    font-size: 18px;
    max-width: 100%;
    margin-bottom: 40px;
  }
  .promo-btn {
    max-width: 100%;
    padding: 21px 30px;
  }
}

.job {
  padding-bottom: 180px;
}

.job-title {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 90%;
  color: #000000;
  margin-bottom: 40px;
  max-width: 432px;
}

.job-elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 40px;
}

.job-elem__item {
  border-radius: 31px;
  padding: 30px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 336px;
  min-height: 388px;
}

.job-elem__item img {
  margin-bottom: 33px;
}

.job-elem:last-child {
  margin-bottom: 0;
  -webkit-transform: translate(90px, 0px);
          transform: translate(90px, 0px);
}

.job-item__title {
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 21px;
  line-height: 90%;
  color: #000000;
  margin-bottom: 34px;
}

.job-item__text {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  color: rgba(0, 0, 0, 0.7);
  max-width: 276px;
}

.job-elem__item {
  margin-right: 40px;
}

.job-elem__item:last-child {
  margin-right: 0;
}

@media (max-width: 1380px) {
  .job-elem:last-child {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  .job-elem__item {
    margin-bottom: 20px;
  }
  .job-elem__item:last-child {
    margin-right: 0;
  }
  .job-elem {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px;
  }
}

@media (max-width: 1200px) {
  .job-elem__item {
    margin-right: 30px;
  }
}

@media (max-width: 768px) {
  .job-title {
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
  .job-elem {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
  }
  .job-elem__item {
    margin-right: 0;
  }
}

@media (max-width: 480px) {
  .job-title {
    font-size: 30px;
  }
  .job {
    padding-bottom: 80px;
  }
}

@media (max-width: 375px) {
  .job-item__text {
    font-size: 14px;
  }
  .job-item__title {
    text-align: center;
    margin-bottom: 14px;
    font-size: 18px;
  }
  .job-elem__item {
    max-width: 100%;
    height: 355px;
  }
  .job-elem__item img {
    margin-bottom: 13px;
  }
  .job-item__text {
    text-align: center;
  }
  .job-elem {
    padding: 0px 20px;
  }
}

.swiper {
  width: 100%;
  height: 100%;
  position: inherit !important;
}

.swiper-slide {
  text-align: center;
  font-size: 16px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bloger-card {
  width: 215px;
  height: 256px;
  background: #fff;
  border-radius: 10px;
}

.bloger {
  padding-bottom: 180px;
}

.bloger-title {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 90%;
  color: #000000;
  margin-bottom: 40px;
}

.bloger-item {
  padding-top: 40px;
  padding-bottom: 60px;
  padding-left: 40px;
  margin-bottom: 60px;
}

.bloger-item__title {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 90%;
  color: #FFFFFF;
  margin-bottom: 40px;
}

.bloger-item:nth-child(3) {
  margin-bottom: 0;
}

.bloger-card {
  border: 5px solid #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  padding-bottom: 5px;
  outline: none;
  cursor: pointer;
  text-decoration: none;
}

.bloger-card img {
  margin-bottom: 8px;
}

.bloger-card__name {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 140%;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 5px;
}

.bloger-card__sum {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  /* identical to box height, or 20px */
  color: #000000;
}

@media (max-width: 768px) {
  .bloger-item {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 10px;
  }
  .bloger-title {
    text-align: center;
  }
  .bloger-card__name {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .bloger-title {
    font-size: 30px;
  }
  .bloger-item__title {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .bloger-card img {
    width: 100%;
  }
  .bloger-item {
    margin-bottom: 30px;
  }
  .bloger {
    padding-bottom: 80px;
  }
}

.advantage {
  padding-bottom: 180px;
}

.advantage-title {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 90%;
  color: #000000;
  max-width: 460px;
  margin-bottom: 40px;
}

.advantage-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.advantage-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1418px;
  width: 100%;
}

.advantage-item {
  min-width: 426px;
  min-height: 467px;
  border-radius: 31px;
  padding: 40px 30px 45px 30px;
  margin-right: 70px;
}

.advantage-item__title {
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 90%;
  color: #000000;
  margin-bottom: 35px;
}

.advantage-item__text span {
  display: block;
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 125%;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 15px;
}

.advantage-item__text span:last-child {
  margin-bottom: 0;
}

.advantage-item:last-child {
  margin-right: 0;
}

@media (max-width: 1600px) {
  .advantage-item {
    margin-right: 30px;
  }
}

@media (max-width: 1490px) {
  .advantage-content {
    max-width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .advantage-item {
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: 0%;
    max-width: 457px;
  }
  .advantage-item:last-child {
    margin-right: 0;
  }
}

@media (max-width: 1300px) {
  .advantage-content {
    max-width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .advantage-item {
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: 0%;
    max-width: 457px;
  }
  .advantage-item:last-child {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .advantage-title {
    text-align: center;
    max-width: 100%;
  }
  .advantage-item {
    margin-right: 0;
  }
  .advantage-content {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .advantage {
    padding-bottom: 80px;
  }
}

@media (max-width: 480px) {
  .advantage-title {
    font-size: 30px;
  }
  .advantage-item {
    height: 100%;
    max-width: 100%;
  }
  .advantage-item__title {
    font-size: 22px;
  }
  .advantage-item__text span {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .advantage-content {
    padding: 0px 20px;
  }
}

.market {
  padding-bottom: 180px;
}

.market-title {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 90%;
  color: #000000;
}

.div {
  max-width: 1309px;
  margin: auto;
}

.market-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.market-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1300px;
  width: 100%;
  margin-top: 90px;
}

.market-blocks {
  width: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .market-title {
    font-size: 30px;
    text-align: center;
  }
  .market {
    padding-bottom: 80px;
  }
  .market-blocks {
    width: 150px;
    margin-right: 20px;
  }
  .market-content {
    padding: 30px 20px 0px 20px;
  }
  .market-item {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media (max-width: 480px) {
  .market-item {
    width: 80%;
  }
  .market-content {
    margin-top: 50px;
  }
  .market-blocks {
    width: 115px;
  }
}

.connect {
  background: #262626;
  border-radius: 0px;
  padding-top: 180px;
  padding-bottom: 180px;
}

.connect-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.connect-title {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 90%;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 20px;
  max-width: 433px;
}

.connect-text {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 40px;
  max-width: 383px;
}

.connect-form {
  max-width: 514px;
}

.connect-form__input {
  background: #FFFFFF;
  border-radius: 17px;
  width: 100%;
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: #000000;
  padding: 19px 0px 19px 20px;
  margin-bottom: 20px;
  border: none;
}

.connect-form__input::-webkit-input-placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.4);
}

.connect-form__input:-ms-input-placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.4);
}

.connect-form__input::-ms-input-placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.4);
}

.connect-form__input::placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.4);
}

.connect-form__btn {
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  padding: 21px 40px;
  background: #FFFFFF;
  border-radius: 17px;
  cursor: pointer;
  border: none;
}

.connect-form.submitted input:required:invalid {
  border: 2px solid #F86758;
}

@media (max-width: 768px) {
  .connect {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .connect-container {
    padding: 0px 20px;
  }
  .connect-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
  .connect-title {
    font-size: 30px;
  }
  .connect-text {
    font-size: 16px;
    margin-bottom: 30px;
  }
}

@media (max-width: 480px) {
  .connect-form__input {
    font-size: 16px;
  }
  .connect-form__input::-webkit-input-placeholder {
    font-size: 16px;
  }
  .connect-form__input:-ms-input-placeholder {
    font-size: 16px;
  }
  .connect-form__input::-ms-input-placeholder {
    font-size: 16px;
  }
  .connect-form__input::placeholder {
    font-size: 16px;
  }
  .connect-title {
    font-size: 25px;
  }
  .connect {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.case {
  padding-top: 180px;
  padding-bottom: 180px;
}

.case-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 100%;
}

.case-title {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 90%;
  color: #000000;
  margin-bottom: 40px;
}

.case-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  max-width: 1200px;
}

.case-item__elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.case-item__elem-text {
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 21px;
  line-height: 90%;
  color: #000000;
  text-align: end;
  width: 100%;
  position: absolute;
  top: 30px;
  right: 30px;
}

.case-item__elem-img {
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.case-item__elem:hover img {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.case-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100%;
}

.pd-one {
  width: 100%;
  height: 298px;
}

.pd-two {
  width: 100%;
  height: 596px;
}

.pd-three {
  width: 100%;
  height: 596px;
}

.pd-four {
  width: 100%;
  height: 298px;
}

.pd-five {
  width: 100%;
}

@media (max-width: 1200px) {
  .case-item__elem-img {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .case-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .case-item__elem:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .pd-two {
    height: 420px;
  }
  .pd-three {
    height: 400px;
  }
}

@media (max-width: 768px) {
  .case {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .case-title {
    font-size: 30px;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .case-item__elem-img {
    padding: 112px 30px;
  }
}

@media (max-width: 320px) {
  .pd-one {
    width: 150px;
    height: 100px;
  }
  .pd-two {
    width: 150px;
    height: 200px;
  }
  .pd-three {
    width: 150px;
    height: 200px;
  }
  .pd-four {
    width: 75px;
    height: 100px;
  }
  .pd-five {
    width: 75px;
    height: 100px;
  }
}

.portal {
  background: #262626;
  border-radius: 0px;
  position: relative;
  padding-top: 90px;
  padding-bottom: 90px;
}

.portal-title {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 120%;
  color: #FFFFFF;
  margin-bottom: 20px;
  max-width: 432px;
}

.portal-text {
  max-width: 450px;
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 20px;
}

.portal-text a {
  outline: none;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.portal-text a:hover {
  color: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.portal-logo {
  background: #2F2F2F;
  border-radius: 0px;
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 90px;
  padding-right: 90px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 992px) {
  .portal-title {
    font-size: 30px;
    max-width: 323px;
  }
  .portal-text {
    max-width: 323px;
    font-size: 14px;
  }
  .portal-logo {
    padding: 35px 20px;
  }
  .portal {
    padding-bottom: 0;
  }
}

@media (max-width: 768px) {
  .portal-logo {
    position: relative;
    bottom: 0;
    width: 100%;
  }
  .portal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .portal-title {
    text-align: center;
    max-width: 100%;
    padding: 0px 20px;
  }
  .portal-text {
    text-align: center;
    max-width: 100%;
    padding: 0px 20px;
  }
}

@media (max-width: 480px) {
  .portal-title {
    font-size: 25px;
  }
  .portal {
    padding-top: 45px;
  }
  .portal-logo img {
    max-width: 220px;
  }
}

.sait {
  padding-top: 180px;
  padding-bottom: 180px;
}

.sait-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sait-item {
  max-width: 436px;
  margin-bottom: 90px;
}

.sait-item img {
  margin-bottom: 20px;
}

.sait-item__text {
  margin-bottom: 20px;
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 140%;
  color: rgba(0, 0, 0, 0.7);
}

.sait-item__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: #000000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sait-item__link img {
  margin-bottom: 0;
  margin-left: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sait-item__link:hover img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.sait-item:last-child {
  margin-bottom: 0;
}

.sait-title {
  margin-bottom: 20px;
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 51px;
  line-height: 90%;
  color: #000000;
}

@media (max-width: 768px) {
  .sait {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .sait-item {
    margin-bottom: 45px;
  }
  .sait-item img {
    width: 210px;
  }
  .sait-item__link img {
    width: 23px;
  }
  .sait-title {
    font-size: 35px;
  }
}

@media (max-width: 480px) {
  .sait-title {
    font-size: 30px;
  }
  .sait-item {
    margin-bottom: 35px;
  }
  .sait-container {
    padding: 0px 20px;
  }
}

@media (max-width: 320px) {
  .sait-item__text {
    font-size: 16px;
  }
  .sait-item img {
    width: 180px;
  }
  .sait-item__link img {
    width: 23px;
  }
  .sait-title {
    font-size: 25px;
  }
}

.historu {
  padding-top: 180px;
  padding-bottom: 180px;
}

.historu-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.historu-item {
  max-width: 500px;
  margin-bottom: 90px;
}

.historu-item__title {
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 51px;
  line-height: 90%;
  color: #000000;
  margin-bottom: 20px;
}

.historu-item__text {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 140%;
  color: rgba(0, 0, 0, 0.7);
}

.historu-item:last-child {
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  .historu-container {
    padding-top: 100px;
  }
}

@media (max-width: 768px) {
  .historu-container {
    padding: 0px 20px;
  }
}

.page-promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 600px;
  background: -webkit-gradient(linear, left top, right top, from(#A18CD1), to(#FBC2EB));
  background: linear-gradient(90deg, #A18CD1 0%, #FBC2EB 100%);
}

.page-promo__img {
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.page-promo__img:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.page-content {
  padding-top: 180px;
  padding-left: 180px;
}

.page-item {
  margin-bottom: 160px;
}

.page-item__title {
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 51px;
  line-height: 90%;
  color: #000000;
  margin-bottom: 20px;
}

.page-item__text {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 140%;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 20px;
  max-width: 500px;
}

.page-form {
  max-width: 500px;
}

.page-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}

.page-input {
  background: #000000;
  border-radius: 17px;
  padding: 19px 0px 19px 20px;
  color: #FFFFFF;
  border: none;
  width: 240px;
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
}

.page-input::-webkit-input-placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(255, 255, 255, 0.6);
}

.page-input:-ms-input-placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(255, 255, 255, 0.6);
}

.page-input::-ms-input-placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(255, 255, 255, 0.6);
}

.page-input::placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(255, 255, 255, 0.6);
}

.page-submit {
  background: #000000;
  border-radius: 17px;
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 21px 0px;
  width: 100%;
  cursor: pointer;
  border: none;
}

.page-form.submitted input:required:invalid {
  border: 2px solid #F86758;
}

@media (max-width: 768px) {
  .page-promo {
    height: 400px;
  }
  .page-content {
    padding-top: 80px;
    padding-left: 80px;
  }
  .page-item {
    margin-bottom: 60px;
  }
  .page-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-input {
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
  }
  .page-input::-webkit-input-placeholder {
    font-size: 16px;
  }
  .page-input:-ms-input-placeholder {
    font-size: 16px;
  }
  .page-input::-ms-input-placeholder {
    font-size: 16px;
  }
  .page-input::placeholder {
    font-size: 16px;
  }
  .page-input:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 480px) {
  .page-item__title {
    font-size: 35px;
  }
  .page-item__text {
    font-size: 16px;
  }
  .page-item__title {
    font-size: 35px;
    text-align: center;
  }
  .page-content {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-item {
    margin-bottom: 30px;
  }
  .page-promo {
    height: 250px;
  }
  .page-promo__img {
    max-height: 320px;
    width: 50%;
  }
}

@media (max-width: 320px) {
  .page-item__text {
    text-align: center;
    font-size: 14px;
  }
  .page-item__title {
    font-size: 26px;
  }
}

.purple {
  background: #CC99FD;
}

.green {
  background: #12B064;
}

.blue {
  background: #0098E2;
}

.blue-two {
  background: #5D6CB3;
}

.blue-three {
  background: #91BCEF;
}

.yellow {
  background: #FFE55B;
}

.yellow-two {
  background: #FEE140;
}

.red {
  background: #FF7465;
}

.red-two {
  background: #F36B62;
}

.pink {
  background: #FF70C6;
}

.pink-two {
  background: #FF9A9E;
}

.black {
  background: #000000;
}

.gray {
  background: #EBEDEE;
}

.gray-two {
  background: #97D9E1;
}

.hov-text {
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.hov-text:hover {
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #000000;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.hov-orange {
  background: #FF7465;
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hov-orange:hover {
  background: #F86758;
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hover-black {
  background: #000000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hover-black:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #323232;
}

@media (max-width: 480px) {
  .hov-orange {
    font-size: 12px;
  }
}

.popup {
  position: fixed;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  background: #262626;
  z-index: 12;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.popup__active {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.popup-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  padding: 40px 20px 0px 20px;
}

.popup-close {
  position: absolute;
  right: 35px;
  top: 0;
  cursor: pointer;
  z-index: 2;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.popup-close:hover {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.popup-title {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 90%;
  text-align: center;
  color: #FFFFFF;
  max-width: 643px;
  margin-bottom: 40px;
}

.popup-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 514px;
  width: 100%;
}

.popup-input {
  background: #FFFFFF;
  border-radius: 17px;
  width: 100%;
  padding: 19px 0px 19px 20px;
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: #000000;
  margin-bottom: 20px;
}

.popup-input::-webkit-input-placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.4);
}

.popup-input:-ms-input-placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.4);
}

.popup-input::-ms-input-placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.4);
}

.popup-input::placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.4);
}

.popup-area {
  resize: none;
  padding: 19px 0px 74px 20px;
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: #000000;
  background: #FFFFFF;
  border-radius: 17px;
  margin-bottom: 20px;
}

.popup-area::-webkit-input-placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.4);
}

.popup-area:-ms-input-placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.4);
}

.popup-area::-ms-input-placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.4);
}

.popup-area::placeholder {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.4);
}

.popup-submit {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #FFFFFF;
  border-radius: 17px;
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 90%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  padding: 21px 40px;
  max-width: 237px;
  width: 100%;
  cursor: pointer;
}

.popup-form.submitted input:required:invalid {
  border: 2px solid #F86758;
}

@media (max-width: 992px) {
  .popup {
    padding-top: 50px;
  }
}

@media (max-width: 768px) {
  .popup-title {
    font-size: 30px;
  }
}

@media (max-width: 480px) {
  .popup-form {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .popup-area {
    width: 100%;
  }
  .popup-input {
    font-size: 16px;
  }
  .popup-input::-webkit-input-placeholder {
    font-size: 16px;
  }
  .popup-input:-ms-input-placeholder {
    font-size: 16px;
  }
  .popup-input::-ms-input-placeholder {
    font-size: 16px;
  }
  .popup-input::placeholder {
    font-size: 16px;
  }
  .popup-area {
    font-size: 16px;
  }
  .popup-area::-webkit-input-placeholder {
    font-size: 16px;
  }
  .popup-area:-ms-input-placeholder {
    font-size: 16px;
  }
  .popup-area::-ms-input-placeholder {
    font-size: 16px;
  }
  .popup-area::placeholder {
    font-size: 16px;
  }
}

@media (max-width: 320px) {
  .popup-title {
    font-size: 25px;
  }
}
/*# sourceMappingURL=main.css.map */