a:hover {
  color: #93df1c !important;
}

#page {
  overflow: hidden;
}

.body {
  overflow: hidden;
}

.list-1 {
  padding: 0;
  margin: 0;
  list-style: none;
}

.list-1 li {
  position: relative;
  margin-bottom: 4px;
  text-indent: 14px;
  font: normal normal normal 16px / 18px Acrom !important;
}

.list-1 li::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #272727;
}

.title_h2 {
  margin-bottom: 32px;
  font: normal normal normal 96px/115px Acrom !important;
  color: #fff;
  -webkit-text-stroke: 2px #272727;
  text-stroke: 2px #272727;
  text-transform: uppercase;
}

.title_h3 {
  margin-bottom: 32px;
  font: normal normal normal 36px/42px Acrom !important;
  color: #272727;
  text-transform: uppercase;
}

.container {
  max-width: 1400px !important;
}

@media (min-width: 1920px) {
  body .container {
    max-width: 1400px !important;
  }
}

@media (max-width: 1400px) {
  .container {
    max-width: 1100px !important;
  }
}

/*
  MAIN
*/
.main__btn {
  display: flex;
  padding: 12px 20px;
  align-items: center;
  color: #fff;
  text-align: left;
  max-width: 330px;
  height: 48px;
  border: 1px solid #272727;
  border-radius: 6px;
  background: #272727;
  transition: all 0.3s ease;
  cursor: pointer;
}

.main__btn>p {
  margin-bottom: 0;
  font-family: "Acrom", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.main__btn svg {
  margin-right: 10px;
}

.main__btn:hover svg {
  fill: #93df1c;
}

.main__btn--1 {
  color: #fff;
  background: #272727;
}

.main__btn--1:hover {
  color: #93df1c !important;
  text-decoration: none;
}

.main__btn--1 svg {
  margin-left: 6px;
  width: 18px;
  height: 23px;
  fill: #ffffff;
  transition: all .3s ease;
}

.main__btn--2 {
  color: #272727;
  background: #fff;
}

.main__btn--2:hover {
  color: #93df1c !important;
  text-decoration: none;
}

.main__btn--2 svg {
  width: 26px;
  height: 32px;
  fill: #272727;
}

.main {
  position: relative;
  padding-top: 70px;
  padding-bottom: 70px;
  z-index: 2;
}

.main__body {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.main__name {
  margin-bottom: 0;
  font: normal normal normal 90px/114px Bicubik !important;
  color: #272727;
}

.main__name_description {
  margin-bottom: 32px;
  font: normal normal normal 32px/36px Acrom !important;
  color: #272727;
}

.main__text {
  position: relative;
  margin-right: 40px;
  width: calc(46% - 40px);
  z-index: 1;
}

.main__text_p {
  margin-bottom: 12px;
  font: normal normal normal 14px/17px Acrom !important;
  color: #272727;
}

.main__text_p a {
  text-decoration: underline;
  color: #272727;
  transition: color .3s ease;
}

.main__text_p a:hover {
  color: #93df1c;
}

.main__text-up {
  margin-bottom: 70px;
}

.main__text-down>p {
  margin-bottom: 32px;
  font: normal normal normal 36px/42px Acrom !important;
  color: #272727;
}

.main__text-down .list-1 {
  font: normal normal normal 16px/20px Acrom !important;
  color: #272727;
}

.main__btns {
  margin-top: 32px;
}

.main__btns>.main__btn--1 {
  margin-bottom: 8px;
}

.main__img {
  position: relative;
  display: flex;
  align-items: center;
  width: 54%;
}

.main__img picture {
  width: 290%;
  margin-right: -33%;
  margin-left: -75%;
  margin-bottom: -25%;
}

.main__param {
  top: 50%;
  right: 0;
  position: absolute;
  display: flex;
  align-items: center;
  width: 350px;
}

.main__param>p {
  margin-bottom: 0;
  margin-right: 20px;
  font: normal normal normal 21px/24px Acrom !important;
  color: #272727;
  text-align: right;
}

.main__param>img {
  width: 100px;
  min-width: 100px;
  height: 100px;
}

@media (max-width: 1400px) {
  .main {
    overflow: hidden;
  }

  .main__param>p {
    font: normal normal normal 18px / 22px Acrom !important;
  }

  .main__param>img {
    width: 90px;
    min-width: 90px;
    height: 90px;
  }

  .main__img picture {
    width: 250%;
    margin-right: -98%;
    margin-left: -84%;
  }
}

@media (max-width: 1100px) {
  .main__text {
    margin-right: 30px;
    width: calc(60% - 30px);
  }

  .main__img {
    flex-direction: column;
    width: 40%;
    max-width: 40%;
  }

  .main__img picture {
    width: 300%;
  }

  .main__param {
    top: auto;
    right: 30px;
    bottom: -11%;
  }

  .main__param>img {
    width: 70px;
    min-width: 70px;
    height: 70px;
  }
}

@media (max-width: 768px) {
  .main__param {
    padding-right: 16px;
    align-items: flex-end;
    flex-direction: column;
    width: 150px;
  }

  .main__param>p {
    margin-right: 0;
    margin-bottom: 4px;
    font: normal normal normal 14px / 16px Acrom !important;
  }

  .main__param>img {
    width: 50px;
    min-width: 50px;
    height: 50px;
  }
}

@media (max-width: 576px) {
  .main__body {
    flex-direction: column-reverse;
  }

  .main__text {
    margin-top: -70px;
    margin-right: 0;
    width: 100%;
    z-index: 1;
  }

  .main__name {
    margin-bottom: 0;
    font: normal normal normal 76px / 88px Bicubik !important;
  }

  .main__name_description {
    margin-bottom: 20px;
    font: normal normal normal 21px / 24px Acrom !important;
  }

  .main__text-up {
    margin-bottom: 10px;
  }

  .main__text_p {
    width: 100%;
  }

  .main__img {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
  }

  .main__param {
    position: static;
    padding-right: 0;
    margin-left: auto;
    margin-top: -100px;
  }

  .main__img picture {
    width: 260%;
    margin-right: 0;
    margin-left: 0;
  }

  .main__text-down>p {
    margin-bottom: 10px;
    font: normal normal normal 21px / 24px Acrom !important;
  }

  .main__text-down .list-1 {
    font: normal normal normal 14px / 18px Acrom !important;
    width: 100%;
  }
}

/*
  compound
*/
.compound {
  padding-bottom: 84px;
  border-bottom: 1px solid #cfcfcf;
}

.compound__bcg_1 {
  position: absolute;
  top: 240px;
  right: 0;
  width: 612px;
  height: 1430px;
  background: url("../img/pages/sopt/compound_3.jpg") no-repeat center;
  background-size: 100%;
}

.compound__bcg_2 {
  position: absolute;
  top: 520px;
  left: 0;
  width: 654px;
  height: 1430px;
  background: url("../img/pages/sopt/compound_4.jpg") no-repeat center;
  background-size: 100%;
}

.compound__body {
  position: relative;
  z-index: 2;
}

.compound__description {
  display: flex;
  margin-left: -20px;
  margin-right: -20px;
}

.compound__description>p {
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  width: 50%;
  font: normal normal normal 24px/30px Acrom !important;
  color: #272727;
}

.compound__description .list-1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 20px;
  margin-right: 20px;
  width: 50%;
  font: normal normal normal 16px/20px Acrom !important;
  color: #272727;
}

.compound__carousel {
  position: relative;
}

.compound__blocks {
  position: relative;
}

.compound__block {
  display: none;
}

.compound__block.active {
  display: block;
}

.compound__img {
  position: relative;
  margin-left: 40px;
  margin-right: 40px;
  z-index: 2;
}

.compound__label {
  position: absolute;
  z-index: 3;
}

.compound__label::before {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #272727;
}

.compound__label p {
  padding: 0;
  margin: 0 0 5px 0;
  font: normal normal normal 16px/19px Acrom !important;
}

.compound__label ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.compound__label li {
  position: relative;
  margin-bottom: 4px;
  text-indent: 14px;
  font: normal normal normal 16px/19px Acrom !important;
}

.compound__label li::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #272727;
}

.compound__block--1 .compound__label--1 {
  position: absolute;
  top: 18.1%;
  left: 0;
  width: calc(36.2% - 6px);
}

.compound__block--1 .compound__label--1 p {
  width: 200px;
}

.compound__block--1 .compound__label--1::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--1 .compound__label--1::before {
  position: absolute;
  content: "";
  bottom: -6px;
  right: -12px;
}

.compound__block--1 .compound__label--2 {
  position: absolute;
  top: 24%;
  left: 0;
  width: calc(36.2% - 6px);
}

.compound__block--1 .compound__label--2 p {
  width: 250px;
}

.compound__block--1 .compound__label--2::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--1 .compound__label--2::before {
  position: absolute;
  content: "";
  bottom: -6px;
  right: -12px;
}

.compound__block--1 .compound__label--3 {
  position: absolute;
  top: 30%;
  left: 0;
  width: calc(36.2% - 6px);
}

.compound__block--1 .compound__label--3 p {
  width: 250px;
}

.compound__block--1 .compound__label--3::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--1 .compound__label--3::before {
  position: absolute;
  content: "";
  bottom: -6px;
  right: -12px;
}

.compound__block--1 .compound__label--4 {
  position: absolute;
  top: 41%;
  left: 0;
  padding-bottom: 2.5%;
  width: 36.2%;
}

.compound__block--1 .compound__label--4 p {
  margin-top: -22px;
  width: 250px;
}

.compound__block--1 .compound__label--4::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
  border-right: 2px solid #272727;
}

.compound__block--1 .compound__label--4::before {
  position: absolute;
  content: "";
  bottom: -12px;
  right: -6px;
}

.compound__block--1 .compound__label--5 {
  position: absolute;
  top: 44%;
  left: 0;
  width: 31.8%;
}

.compound__block--1 .compound__label--5 p {
  width: 250px;
}

.compound__block--1 .compound__label--5::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--1 .compound__label--5::before {
  position: absolute;
  content: "";
  bottom: -6px;
  right: -12px;
}

.compound__block--1 .compound__label--6 {
  position: absolute;
  top: 51%;
  left: 0;
  width: calc(36.2% - 6px);
}

.compound__block--1 .compound__label--6 p {
  width: 250px;
}

.compound__block--1 .compound__label--6::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--1 .compound__label--6::before {
  position: absolute;
  content: "";
  bottom: -6px;
  right: -12px;
}

.compound__block--1 .compound__label--7 {
  position: absolute;
  top: 69%;
  left: 50%;
  height: 17%;
  display: flex;
  align-items: flex-end;
}

.compound__block--1 .compound__label--7 p {
  margin-left: 6px;
  width: 120px;
}

.compound__block--1 .compound__label--7::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 2px solid #272727;
}

.compound__block--1 .compound__label--7::before {
  position: absolute;
  content: "";
  top: -12px;
  left: -7px;
}

.compound__block--1 .compound__label--8 {
  position: absolute;
  top: 16%;
  right: 0;
  display: flex;
  justify-content: flex-end;
  width: calc(50% - 6px);
}

.compound__block--1 .compound__label--8 p {
  width: 200px;
  text-align: right;
}

.compound__block--1 .compound__label--8::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--1 .compound__label--8::before {
  position: absolute;
  content: "";
  bottom: -6px;
  left: -12px;
}

.compound__block--1 .compound__label--9 {
  position: absolute;
  top: 29%;
  right: 0;
  display: flex;
  padding-bottom: 1.2%;
  justify-content: flex-end;
  width: 50%;
}

.compound__block--1 .compound__label--9 p {
  margin-top: -44px;
  width: 250px;
  text-align: right;
}

.compound__block--1 .compound__label--9::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
  border-left: 2px solid #272727;
}

.compound__block--1 .compound__label--9::before {
  position: absolute;
  content: "";
  bottom: -12px;
  left: -7px;
}

.compound__block--1 .compound__label--10 {
  position: absolute;
  top: 31%;
  right: 0;
  display: flex;
  justify-content: flex-end;
  width: 35.7%;
}

.compound__block--1 .compound__label--10 p {
  width: 200px;
  text-align: right;
}

.compound__block--1 .compound__label--10::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--1 .compound__label--10::before {
  position: absolute;
  content: "";
  bottom: -6px;
  left: -12px;
}

.compound__block--1 .compound__label--11 {
  position: absolute;
  top: 39%;
  right: 0;
  display: flex;
  justify-content: flex-end;
  width: 35.7%;
}

.compound__block--1.compound__label--11 p {
  width: 200px;
  text-align: right;
}

.compound__block--1 .compound__label--11::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--1 .compound__label--11::before {
  position: absolute;
  content: "";
  bottom: -6px;
  left: -12px;
}

.compound__block--1 .compound__badge {
  position: absolute;
  top: 47%;
  right: 0;
  padding: 24px;
  border: 2px solid #212121;
  border-radius: 10px;
  z-index: 2;
}

.compound__block--1 .compound__badge p {
  font: normal normal normal 16px/19px Acrom !important;
}

.compound__block--1 .compound__badge ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.compound__block--1 .compound__badge li {
  position: relative;
  margin-bottom: 4px;
  text-indent: 14px;
}

.compound__block--1 .compound__badge li::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #272727;
}

.compound__block--2 .compound__label--1 {
  position: absolute;
  top: 12.5%;
  left: 0;
  display: flex;
  width: 30.5%;
}

.compound__block--2 .compound__label--1::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--2 .compound__label--1::before {
  position: absolute;
  content: "";
  bottom: -6px;
  right: -12px;
}

.compound__block--2 .compound__label--2 {
  position: absolute;
  top: 19%;
  left: 0;
  display: flex;
  width: 33.5%;
}

.compound__block--2 .compound__label--2::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--2 .compound__label--2::before {
  position: absolute;
  content: "";
  bottom: -6px;
  right: -12px;
}

.compound__block--2 .compound__label--2 ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 210px;
}

.compound__block--2 .compound__label--3 {
  position: absolute;
  top: 36%;
  left: 0;
  display: flex;
  width: 30%;
}

.compound__block--2 .compound__label--3::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--2 .compound__label--3::before {
  position: absolute;
  content: "";
  bottom: -6px;
  right: -12px;
}

.compound__block--2 .compound__label--4 {
  position: absolute;
  top: 43%;
  left: 0;
  display: flex;
  width: 31.5%;
}

.compound__block--2 .compound__label--4::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--2 .compound__label--4::before {
  position: absolute;
  content: "";
  bottom: -6px;
  right: -12px;
}

.compound__block--2 .compound__label--5 {
  position: absolute;
  top: 60.5%;
  left: 0;
  display: flex;
  padding-bottom: 5.7%;
  width: 36%;
}

.compound__block--2 .compound__label--5::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
  border-right: 2px solid #272727;
}

.compound__block--2 .compound__label--5::before {
  position: absolute;
  content: "";
  bottom: -12px;
  right: -6px;
}

.compound__block--2 .compound__label--5 p {
  position: absolute;
  bottom: 100%;
  left: 0;
}

.compound__block--2 .compound__label--6 {
  position: absolute;
  top: 65%;
  left: 0;
  display: flex;
  width: 31.5%;
}

.compound__block--2 .compound__label--6::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--2 .compound__label--6::before {
  position: absolute;
  content: "";
  bottom: -6px;
  right: -12px;
}

.compound__block--2 .compound__label--7 {
  position: absolute;
  top: 70%;
  left: 0;
  display: flex;
  width: 41.2%;
}

.compound__block--2 .compound__label--7::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--2 .compound__label--7::before {
  position: absolute;
  content: "";
  bottom: -6px;
  right: -12px;
}

.compound__block--2 .compound__label--8 {
  position: absolute;
  top: 21%;
  right: 0;
  display: flex;
  padding-bottom: 3%;
  justify-content: flex-end;
  width: 54.5%;
}

.compound__block--2 .compound__label--8::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
  border-left: 2px solid #272727;
}

.compound__block--2 .compound__label--8::before {
  position: absolute;
  content: "";
  bottom: -12px;
  left: -6px;
}

.compound__block--2 .compound__label--8 p {
  position: absolute;
  bottom: 100%;
  text-align: right;
  width: 240px;
}

.compound__block--2 .compound__label--9 {
  position: absolute;
  top: 22.5%;
  right: 0;
  display: flex;
  justify-content: flex-end;
  width: 48.7%;
}

.compound__block--2 .compound__label--9::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--2 .compound__label--9::before {
  position: absolute;
  content: "";
  bottom: -6px;
  left: -12px;
}

.compound__block--2 .compound__label--9 p {
  text-align: right;
  width: 150px;
}

.compound__block--2 .compound__label--10 {
  position: absolute;
  top: 31.5%;
  right: 0;
  display: flex;
  padding-bottom: 1%;
  justify-content: flex-end;
  width: 51%;
}

.compound__block--2 .compound__label--10::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
  border-left: 2px solid #272727;
}

.compound__block--2 .compound__label--10::before {
  position: absolute;
  content: "";
  bottom: -12px;
  left: -6px;
}

.compound__block--2 .compound__label--10 p {
  position: absolute;
  bottom: 100%;
  text-align: right;
}

.compound__block--2 .compound__label--11 {
  position: absolute;
  top: 33%;
  right: 0;
  display: flex;
  justify-content: flex-end;
  width: 49.8%;
}

.compound__block--2 .compound__label--11::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--2 .compound__label--11::before {
  position: absolute;
  content: "";
  bottom: -6px;
  left: -12px;
}

.compound__block--2 .compound__label--12 {
  position: absolute;
  top: 36%;
  right: 0;
  display: flex;
  justify-content: flex-end;
  width: calc(37% - 6px);
}

.compound__block--2 .compound__label--12::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--2 .compound__label--12::before {
  position: absolute;
  content: "";
  bottom: -6px;
  left: -12px;
}

.compound__block--2 .compound__label--12 p {
  width: 200px;
  text-align: right;
}

.compound__block--2 .compound__label--13 {
  position: absolute;
  top: 46%;
  right: 0;
  display: flex;
  justify-content: flex-end;
  padding-bottom: 1%;
  width: 37%;
}

.compound__block--2 .compound__label--13::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 2px solid #272727;
  border-left: 2px solid #272727;
}

.compound__block--2 .compound__label--13::before {
  position: absolute;
  content: "";
  top: -12px;
  left: -6px;
}

.compound__block--2 .compound__label--13 p {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 230px;
  text-align: right;
}

.compound__block--2 .compound__label--14 {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  justify-content: flex-end;
  width: 49%;
}

.compound__block--2 .compound__label--14::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--2 .compound__label--14::before {
  position: absolute;
  content: "";
  bottom: -6px;
  left: -12px;
}

.compound__block--2 .compound__label--14>div {
  position: absolute;
  top: 100%;
  right: 0;
  width: 220px;
  text-align: right;
}

.compound__block--2 .compound__label--15 {
  position: absolute;
  top: 69%;
  right: 0;
  display: flex;
  justify-content: flex-end;
  width: 28.5%;
}

.compound__block--2 .compound__label--15::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--2 .compound__label--15::before {
  position: absolute;
  content: "";
  bottom: -6px;
  left: -12px;
}

.compound__block--2 .compound__label--16 {
  position: absolute;
  top: 72.8%;
  right: 0;
  display: flex;
  justify-content: flex-end;
  width: 37%;
}

.compound__block--2 .compound__label--16::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #272727;
}

.compound__block--2 .compound__label--16::before {
  position: absolute;
  content: "";
  bottom: -6px;
  left: -12px;
}

.compound__arrows {
  position: absolute;
  left: 50%;
  bottom: 480px;
  display: flex;
  justify-content: space-between;
  max-width: 1600px;
  width: 100%;
  transform: translateX(-50%);
  z-index: 2;
}

.compound__arrows a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #7f7f7f;
  transition: all 0.3s ease;
}

.compound__arrows a:hover {
  text-decoration: none;
}

.compound__arrow svg {
  width: 8px;
  height: 13px;
  stroke: #7f7f7f;
  transition: .3s ease;
}

.compound__arrow:hover svg {
  stroke: #93df1c;
}

.compound__arrow:hover {
  border-color: #93df1c;
}

.compound__arrow--left {
  transform: translateX(-200%);
}

.compound__arrow--left svg {
  transform: rotate(180deg);
}

.compound__arrow--right {
  transform: translateX(200%);
}

.compound__control {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  z-index: 2;
}

.compound__control>div {
  display: flex;
  align-items: center;
}

.compound__control a {
  display: inline-block;
  padding: 0;
  margin-left: 2px;
  margin-right: 2px;
  height: 8px;
  width: 8px;
  border: 1px solid #272727;
  border-radius: 4px;
  background-color: #272727;
  transition: all 0.3s ease;
}

.compound__control a:hover {
  text-decoration: none;
}

.compound__control a.active {
  padding: 0;
  width: 34px;
  background-color: transparent;
}

@media (max-width: 1600px) {
  .compound__arrows {
    bottom: 0;
  }

  .compound__arrow--left {
    transform: translateX(0%);
  }

  .compound__arrow--right {
    transform: translateX(0%);
  }
}

@media (max-width: 1400px) {
  .title_h2 {
    font: normal normal normal 86px / 90px Acrom !important;
  }

  .title_h3 {
    font: normal normal normal 27px / 32px Acrom !important;
  }

  .compound__bcg_1 {
    top: 690px;
    right: -70px;
    width: 340px;
    height: 795px;
  }

  .compound__bcg_2 {
    top: 870px;
    left: -40px;
    width: 350px;
    height: 766px;
  }

  .compound__description>p {
    font: normal normal normal 21px / 27px Acrom !important;
  }

  .compound__label p {
    font: normal normal normal 14px / 14px Acrom !important;
  }

  .compound__block--1 .compound__label--1 {
    top: 20.5%;
  }

  .compound__block--1 .compound__label--2 {
    top: 24%;
  }

  .compound__block--1 .compound__label--3 {
    top: 31%;
  }

  .compound__block--1 .compound__label--5 {
    top: 44%;
    width: 33%;
  }

  .compound__block--1 .compound__label--6 {
    top: 51%;
  }

  .compound__block--1 .compound__label--8 {
    top: 16%;
  }

  .compound__block--1 .compound__label--9 p {
    margin-top: -22px;
  }

  .compound__block--1 .compound__label--10 {
    top: 30%;
  }

  .compound__block--1 .compound__label--11 {
    top: 39%;
  }

  .compound__block--1 .compound__badge {
    top: 57%;
  }
}

@media (max-width: 1100px) {
  .compound__block--1 .compound__img {
    margin-left: 0px;
    margin-right: -40%;
  }

  .compound__block--1 .compound__label--1 {
    top: 21.5%;
    width: 49%;
  }

  .compound__block--1 .compound__label--2 {
    top: 25%;
    width: 49%;
  }

  .compound__block--1 .compound__label--3 {
    width: 49%;
  }

  .compound__block--1 .compound__label--4 {
    top: 43%;
    width: 49%;
  }

  .compound__block--1 .compound__label--5 {
    top: 47%;
    width: 44%;
  }

  .compound__block--1 .compound__label--6 {
    top: 51.7%;
    width: 49%;
  }

  .compound__block--1 .compound__label--7 {
    top: 64%;
    left: 0;
    height: auto;
    width: 70%;
  }

  .compound__block--1 .compound__label--7::before {
    position: absolute;
    content: "";
    bottom: -6px;
    right: -12px;
    top: auto;
    left: auto;
  }

  .compound__block--1 .compound__label--7::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    border-left: none;
    border-bottom: 2px solid #272727;
  }

  .compound__block--1 .compound__label--7 p {
    margin-left: 0;
  }

  .compound__block--1 .compound__label--8 {
    top: 18%;
    left: 0;
    height: auto;
    width: 70%;
    justify-content: flex-start;
  }

  .compound__block--1 .compound__label--8::before {
    position: absolute;
    content: "";
    bottom: -6px;
    left: auto;
    right: -12px;
  }

  .compound__block--1 .compound__label--8 p {
    text-align: left;
  }

  .compound__block--1 .compound__label--9 {
    justify-content: flex-start;
    top: 35%;
    right: auto;
    left: 0;
    padding-bottom: 20%;
    width: 70%;
  }

  .compound__block--1 .compound__label--9 p {
    text-align: left;
    position: absolute;
    margin-top: 0;
    bottom: 0;
  }

  .compound__block--1 .compound__label--9::after {
    border-top: auto;
    border-left: auto;
    border-top: none;
    border-left: none;
    border-bottom: 2px solid #272727;
    border-right: 2px solid #272727;
  }

  .compound__block--1 .compound__label--9::before {
    top: -12px;
    right: -7px;
    bottom: auto;
    left: auto;
  }

  .compound__block--1 .compound__label--10 {
    top: 13%;
    right: auto;
    left: 0;
    padding-bottom: 17.5%;
    width: 90.7%;
  }

  .compound__block--1 .compound__label--10::after {
    top: 0;
    border-right: 2px solid #272727;
  }

  .compound__block--1 .compound__label--10::before {
    right: -6px;
    bottom: -12px;
    left: auto;
  }

  .compound__block--1 .compound__label--10 p {
    position: absolute;
    bottom: 100%;
    left: 0;
    text-align: left;
  }

  .compound__block--1 .compound__label--11 {
    top: 43%;
    right: auto;
    left: 0;
    padding-bottom: 17.5%;
    width: 90.7%;
  }

  .compound__block--1 .compound__label--11::after {
    top: 0;
    border-top: none;
    border-right: 2px solid #272727;
    border-bottom: 2px solid #272727;
  }

  .compound__block--1 .compound__label--11::before {
    right: -6px;
    top: -12px;
    left: auto;
  }

  .compound__block--1 .compound__label--11 p {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
  }

  .compound__block--1 .compound__badge {
    top: auto;
    right: auto;
    bottom: 50px;
    left: 0;
  }

  .compound__block--1 .compound__badge p {
    font: normal normal normal 14px / 16px Acrom !important;
  }

  .compound__block--1 .compound__badge li {
    font: normal normal normal 14px / 16px Acrom !important;
  }

  .compound__block--2 .compound__img {
    margin-left: 0px;
    margin-right: -38%;
  }

  .compound__block--2 .compound__label--1 {
    top: 13.5%;
    width: 40.5%;
  }

  .compound__block--2 .compound__label--2 {
    top: 17.5%;
    width: 44.5%;
  }

  .compound__block--2 .compound__label--2 ul {
    width: 270px;
  }

  .compound__block--2 .compound__label--3 {
    top: 35%;
    width: 39.8%;
  }

  .compound__block--2 .compound__label--4 {
    top: 43.5%;
    width: 41.5%;
  }

  .compound__block--2 .compound__label--5 {
    top: 63.5%;
    width: 49%;
  }

  .compound__block--2 .compound__label--6 {
    width: 41.5%;
  }

  .compound__block--2 .compound__label--7 {
    position: absolute;
    top: 70%;
    left: 0;
    display: flex;
    width: 56%;
  }

  .compound__block--2 .compound__label--8 {
    top: 26.5%;
    right: auto;
    left: 0;
    padding-bottom: 3.5%;
    width: 62.5%;
    justify-content: flex-start;
  }

  .compound__block--2 .compound__label--8::after {
    border-top: none;
    border-left: none;
    border-bottom: 2px solid #272727;
    border-right: 2px solid #272727;
  }

  .compound__block--2 .compound__label--8::before {
    top: -12px;
    right: -6px;
    bottom: auto;
    left: auto;
  }

  .compound__block--2 .compound__label--8 p {
    bottom: 0;
    text-align: left;
  }

  .compound__block--2 .compound__label--9 {
    top: 12%;
    right: auto;
    left: 0;
    padding-bottom: 13%;
    justify-content: flex-start;
    width: 70.5%;
  }

  .compound__block--2 .compound__label--9::before {
    bottom: -12px;
    left: auto;
    right: -6px;
  }

  .compound__block--2 .compound__label--9::after {
    top: 0;
    border-right: 2px solid #272727;
  }

  .compound__block--2 .compound__label--9 p {
    position: absolute;
    bottom: 100%;
    text-align: left;
  }

  .compound__block--2 .compound__label--10 {
    top: 33.8%;
    right: auto;
    left: 0;
    padding: 0;
    justify-content: flex-start;
    width: 67%;
  }

  .compound__block--2 .compound__label--10::before {
    bottom: -9px;
    left: auto;
    right: -14px;
  }

  .compound__block--2 .compound__label--10::after {
    border-left: none;
  }

  .compound__block--2 .compound__label--10 p {
    text-align: left;
  }

  .compound__block--2 .compound__label--11 {
    top: 35.5%;
    right: auto;
    left: 0;
    padding-bottom: 5.5%;
    justify-content: flex-start;
    width: 69%;
  }

  .compound__block--2 .compound__label--11::before {
    top: -12px;
    right: -6px;
    left: auto;
    bottom: auto;
  }

  .compound__block--2 .compound__label--11::after {
    top: 0;
    border-top: none;
    border-bottom: 2px solid #272727;
    border-right: 2px solid #272727;
  }

  .compound__block--2 .compound__label--11 p {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
  }

  .compound__block--2 .compound__label--12 {
    top: 41.5%;
    right: auto;
    left: 0;
    padding-bottom: 16%;
    width: 86%;
  }

  .compound__block--2 .compound__label--12::before {
    top: -12px;
    right: -6px;
    bottom: auto;
    left: auto;
  }

  .compound__block--2 .compound__label--12::after {
    top: 0;
    border-top: none;
    border-right: 2px solid #272727;
    border-bottom: 2px solid #272727;
  }

  .compound__block--2 .compound__label--12 p {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
  }

  .compound__block--2 .compound__label--13 {
    right: auto;
    left: 0;
    padding-bottom: 6%;
    justify-content: flex-start;
    width: 83%;
  }

  .compound__block--2 .compound__label--13::before {
    left: auto;
    right: -6px;
  }

  .compound__block--2 .compound__label--13::after {
    border-bottom: 2px solid #272727;
    border-left: none;
    border-right: 2px solid #272727;
  }

  .compound__block--2 .compound__label--13 p {
    right: auto;
    left: 0;
    text-align: left;
  }

  .compound__block--2 .compound__label--14 {
    top: 63.5%;
    right: auto;
    left: 0;
    right: auto;
    padding-bottom: 11%;
    width: 67.5%;
  }

  .compound__block--2 .compound__label--14::before {
    top: -12px;
    right: -6px;
    bottom: auto;
    left: auto;
  }

  .compound__block--2 .compound__label--14::after {
    top: 0;
    border-top: none;
    border-right: 2px solid #272727;
    border-bottom: 2px solid #272727;
  }

  .compound__block--2 .compound__label--14>p {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
  }

  .compound__block--2 .compound__label--14>div {
    left: 0;
    right: auto;
    text-align: left;
  }

  .compound__block--2 .compound__label--15 {
    top: 74%;
    right: auto;
    left: 0;
    padding-bottom: 11%;
    width: 100%;
  }

  .compound__block--2 .compound__label--15::before {
    top: -12px;
    right: -6px;
    bottom: auto;
    left: auto;
  }

  .compound__block--2 .compound__label--15::after {
    top: 0;
    border-top: none;
    border-bottom: 2px solid #272727;
    border-right: 2px solid #272727;
  }

  .compound__block--2 .compound__label--15 p {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
  }

  .compound__block--2 .compound__label--16 {
    top: 80%;
    right: auto;
    left: 0;
    padding-bottom: 3%;
    width: 71%;
  }

  .compound__block--2 .compound__label--16::before {
    top: -12px;
    right: -6px;
    bottom: auto;
    left: auto;
  }

  .compound__block--2 .compound__label--16::after {
    top: 0;
    border-top: none;
    border-bottom: 2px solid #272727;
    border-right: 2px solid #272727;
  }

  .compound__block--2 .compound__label--16 p {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
  }

  .compound__label li {
    font: normal normal normal 14px / 14px Acrom !important;
  }

  .compound__label li::after {
    top: 6px;
    width: 4px;
    height: 4px;
  }
}

@media (max-width: 800px) {
  .title_h2 {
    margin-bottom: 21px;
    font: normal normal normal 60px / 60px Acrom !important;
  }

  .title_h3 {
    margin-bottom: 21px;
    font: normal normal normal 21px / 24px Acrom !important;
  }

  .compound__description {
    margin-left: 0;
    margin-right: 0;
    flex-direction: column;
  }

  .compound__description>p {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    font: normal normal normal 18px / 23px Acrom !important;
    width: 100%;
  }

  .compound__description .list-1 {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .compound__blocks {
    padding-top: 100px;
  }

  .compound__img {
    margin-left: auto;
    margin-right: -46%;
    width: 140%;
  }

  .compound__block--1 .compound__label--1 {
    top: 31.5%;
    right: auto;
    left: 0;
    padding-bottom: 1.5%;
    width: 50%;
  }

  .compound__block--1 .compound__label--1::after {
    top: 0;
    border-right: 2px solid #272727;
  }

  .compound__block--1 .compound__label--1::before {
    right: -6px;
    bottom: -12px;
    left: auto;
  }

  .compound__block--1 .compound__label--1 p {
    position: absolute;
    bottom: 100%;
    left: 0;
    text-align: left;
  }

  .compound__block--1 .compound__label--2 {
    top: 34%;
    width: calc(50% - 6px);
  }

  .compound__block--1 .compound__label--3 {
    top: 42.5%;
    width: calc(50% - 6px);
  }

  .compound__block--1 .compound__label--3 p {
    width: 230px;
  }

  .compound__block--1 .compound__label--4 {
    top: 51%;
    width: 50%;
  }

  .compound__block--1 .compound__label--5 {
    top: 53%;
    width: 44%;
  }

  .compound__block--1 .compound__label--6 {
    top: 57.7%;
    width: calc(50% - 6px);
  }

  .compound__block--1 .compound__label--7 {
    top: 70%;
    width: 70%;
  }

  .compound__block--1 .compound__label--7 p {
    width: 225px;
  }

  .compound__block--1 .compound__label--8 {
    top: 26.5%;
    right: auto;
    left: 0;
    padding-bottom: 3.5%;
    width: 70%;
  }

  .compound__block--1 .compound__label--8::after {
    top: 0;
    border-right: 2px solid #272727;
  }

  .compound__block--1 .compound__label--8::before {
    right: -6px;
    bottom: -12px;
    left: auto;
  }

  .compound__block--1 .compound__label--8 p {
    position: absolute;
    bottom: 100%;
    left: 0;
    text-align: left;
  }

  .compound__block--1 .compound__label--9 {
    top: 44%;
    padding-bottom: 23%;
    width: 70%;
  }

  .compound__block--1 .compound__label--10 {
    top: 22%;
    padding-bottom: 20.5%;
    width: 91%;
  }

  .compound__block--1 .compound__label--11 {
    top: 52%;
    padding-bottom: 25.5%;
    width: 91%;
  }

  .compound__block--1 .compound__badge {
    top: 5px;
    bottom: auto;
    left: auto;
    right: 0;
    padding: 4px 12px;
  }

  .compound__block--2 .compound__label--1 {
    top: 24.5%;
  }

  .compound__block--2 .compound__label--2 {
    top: 30%;
  }

  .compound__block--2 .compound__label--3 {
    top: 48%;
    width: 40%;
  }

  .compound__block--2 .compound__label--4 {
    top: 51.5%;
  }

  .compound__block--2 .compound__label--5 {
    top: 69%;
    padding-bottom: 4.7%;
  }

  .compound__block--2 .compound__label--6 {
    top: 70.5%;
    width: 42%;
  }

  .compound__block--2 .compound__label--7 {
    top: 74%;
    width: 57%;
  }

  .compound__block--2 .compound__label--8 {
    top: 39%;
    width: 63.5%;
  }

  .compound__block--2 .compound__label--9 {
    top: 18.5%;
    padding-bottom: 19%;
    width: 72%;
  }

  .compound__block--2 .compound__label--10 {
    top: 22.6%;
    padding-bottom: 20.5%;
    width: 69%;
  }

  .compound__block--2 .compound__label--10::before {
    bottom: -12px;
    right: -6px;
  }

  .compound__block--2 .compound__label--10::after {
    border-right: 2px solid #272727;
  }

  .compound__block--2 .compound__label--10 p {
    position: absolute;
    bottom: 100%;
    left: 0;
  }

  .compound__block--2 .compound__label--11 {
    top: 38.5%;
    padding-bottom: 7.5%;
    width: 66.9%;
  }

  .compound__block--2 .compound__label--12 {
    top: 50%;
    padding-bottom: 15%;
  }

  .compound__block--2 .compound__label--13 {
    top: 53.5%;
  }

  .compound__block--2 .compound__label--14 {
    top: 70%;
  }

  .compound__block--2 .compound__label--15 {
    top: 79%;
    width: 102%;
  }

  .compound__block--2 .compound__label--16 {
    top: 83%;
    padding-bottom: 4%;
  }

  .compound__label li {
    font: normal normal normal 12px / 10px Acrom !important;
  }

  .compound__label li::after {
    top: 4px;
  }
}

@media (max-width: 768px) {
  .compound__block--2 p {
    font: normal normal normal 11px / 12px Acrom !important;
  }
}

@media (max-width: 700px) {
  .compound__block--2 .compound__label--1 {
    top: 25.5%;
  }

  .compound__block--2 .compound__label--5 {
    padding-bottom: 5.7%;
  }

  .compound__block--2 .compound__label--9 {
    padding-bottom: 21%;
  }

  .compound__block--2 .compound__label--10 {
    padding-bottom: 22.5%;
  }

  .compound__block--2 .compound__label--11 {
    top: 40.5%;
    padding-bottom: 6.5%;
  }

  .compound__block--2 .compound__label--12 {
    top: 51%;
    padding-bottom: 14%;
  }

  .compound__block--2 .compound__label--13 {
    top: 55%;
    padding-bottom: 5.5%;
  }
}

@media (max-width: 650px) {
  .compound__block--1 .compound__label--1 {
    top: 32%;
    padding-bottom: 3.5%;
    width: 50%;
  }

  .compound__block--1 .compound__label--2 {
    top: 34%;
    width: 44%;
  }

  .compound__block--1 .compound__label--3 {
    width: 45%;
  }

  .compound__block--1 .compound__label--4 {
    top: 52%;
    width: 49.5%;
  }

  .compound__block--1 .compound__label--5 {
    width: 44%;
  }

  .compound__block--1 .compound__label--6 {
    top: 58.8%;
    width: 48.5%;
  }

  .compound__block--1 .compound__label--7 {
    width: 69%;
  }

  .compound__block--1 .compound__label--8 {
    top: 27.5%;
    width: 70.5%;
  }

  .compound__block--1 .compound__label--9 {
    top: 45%;
    padding-bottom: 25%;
    width: 70%;
  }

  .compound__block--1 .compound__label--10 {
    width: 90.7%;
  }

  .compound__block--1 .compound__label--11 {
    top: 52%;
    padding-bottom: 29.5%;
    width: 91%;
  }

  .compound__block--2 p {
    font: normal normal normal 10px / 10px Acrom !important;
  }

  .compound__block--2 .compound__label--1 {
    top: 23.8%;
    padding-bottom: 6%;
    width: 49.5%;
  }

  .compound__block--2 .compound__label--1::before {
    bottom: -12px;
    right: -6px;
  }

  .compound__block--2 .compound__label--1::after {
    top: 0;
    border-right: 2px solid #272727;
  }

  .compound__block--2 .compound__label--1 p {
    position: absolute;
    bottom: 100%;
  }

  .compound__block--2 .compound__label--2 {
    top: 29%;
    padding-bottom: 7%;
    width: 46.5%;
  }

  .compound__block--2 .compound__label--2::before {
    bottom: -12px;
    right: -6px;
  }

  .compound__block--2 .compound__label--2::after {
    top: 0;
    border-right: 2px solid #272727;
  }

  .compound__block--2 .compound__label--2 p {
    position: absolute;
    bottom: 100%;
  }

  .compound__block--2 .compound__label--2 ul {
    top: 2px;
    width: 160px;
  }

  .compound__block--2 .compound__label--2 li {
    text-indent: 6px;
  }

  .compound__block--2 .compound__label--3 {
    top: 50%;
  }

  .compound__block--2 .compound__label--4 {
    top: 53%;
  }

  .compound__block--2 .compound__label--5 {
    top: 76%;
    padding-bottom: 0;
  }

  .compound__block--2 .compound__label--5::before {
    bottom: -6px;
    right: -12px;
  }

  .compound__block--2 .compound__label--5::after {
    border-right: none;
  }

  .compound__block--2 .compound__label--6 {
    top: 70.5%;
    padding-bottom: 2%;
    width: 42.5%;
  }

  .compound__block--2 .compound__label--6::before {
    bottom: -12px;
    right: -6px;
  }

  .compound__block--2 .compound__label--6::after {
    top: 0;
    border-right: 2px solid #272727;
  }

  .compound__block--2 .compound__label--6 p {
    position: absolute;
    bottom: 100%;
    left: 0;
  }

  .compound__block--2 .compound__label--7 {
    top: 76.5%;
    padding-bottom: 4%;
  }

  .compound__block--2 .compound__label--7::before {
    top: -12px;
    bottom: auto;
    right: -6px;
  }

  .compound__block--2 .compound__label--7::after {
    top: 0;
    border-top: none;
    border-right: 2px solid #272727;
    border-bottom: 2px solid #272727;
  }

  .compound__block--2 .compound__label--7 p {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .compound__block--2 .compound__label--8 {
    top: 42.5%;
    padding-bottom: 2%;
  }

  .compound__block--2 .compound__label--8 p {
    width: 190px;
  }

  .compound__block--2 .compound__label--9 {
    top: 14%;
    padding-bottom: 27.5%;
  }

  .compound__block--2 .compound__label--10 {
    top: 19%;
    padding-bottom: 28%;
  }

  .compound__block--2 .compound__label--11 {
    top: 42%;
  }

  .compound__block--2 .compound__label--12 {
    top: 52.5%;
    padding-bottom: 15.5%;
    width: 89%;
  }

  .compound__block--2 .compound__label--13 {
    top: 56%;
    padding-bottom: 7.5%;
  }

  .compound__block--2 .compound__label--14 {
    top: 71%;
    padding-bottom: 19%;
    left: 46%;
    width: 23.5%;
  }

  .compound__block--2 .compound__label--14>p {
    width: 110px;
  }

  .compound__block--2 .compound__label--14>div {
    width: 140px;
  }

  .compound__block--2 .compound__label--14>div>p {
    font: normal normal normal 9px / 10px Acrom !important;
  }

  .compound__block--2 .compound__label--15 {
    top: 78%;
    left: 72%;
    width: 30%;
  }

  .compound__block--2 .compound__label--16 {
    top: 82.5%;
    padding-bottom: 5%;
    width: 42%;
  }
}

@media (max-width: 576px) {

  .compound__bcg_1,
  .compound__bcg_2 {
    display: none;
  }

  .title_h2 {
    margin-bottom: 16px;
    font: normal normal normal 36px / 40px Acrom !important;
  }

  .title_h3 {
    margin-bottom: 16px;
    font: normal normal normal 18px / 21px Acrom !important;
  }

  .compound__label p {
    margin-bottom: 2px;
    font: normal normal normal 9px / 9px Acrom !important;
  }

  .compound__label li {
    font: normal normal normal 11px / 11px Acrom !important;
  }

  .compound__block--1 .compound__badge p {
    margin-bottom: 4px;
    font: normal normal normal 11px / 12px Acrom !important;
  }

  .compound__block--1 .compound__badge li {
    text-indent: 10px;
    font: normal normal normal 11px / 12px Acrom !important;
  }

  .compound__block--1 .compound__badge li::after {
    top: 2px;
    width: 4px;
    height: 4px;
  }

  .compound__block--1 .compound__label--1 {
    top: 35%;
    padding-bottom: 3.5%;
  }

  .compound__block--1 .compound__label--2 {
    top: 37%;
  }

  .compound__block--1 .compound__label--2 p {
    width: 170px;
  }

  .compound__block--1 .compound__label--3 {
    top: 44%;
  }

  .compound__block--1 .compound__label--3 p {
    width: 130px;
  }

  .compound__block--1 .compound__label--4 {
    top: 54%;
  }

  .compound__block--1 .compound__label--4 p {
    margin-top: -16px;
  }

  .compound__block--1 .compound__label--5 {
    top: 55%;
  }

  .compound__block--1 .compound__label--5 p {
    width: 130px;
  }

  .compound__block--1 .compound__label--6 {
    top: 62%;
  }

  .compound__block--1 .compound__label--7 {
    top: 72%;
  }

  .compound__block--1 .compound__label--8 {
    top: 30.5%;
  }

  .compound__block--2 .compound__label--8 p {
    width: 130px;
  }

  .compound__block--1 .compound__label--9 {
    top: 48%;
    padding-bottom: 26%;
  }

  .compound__block--1 .compound__label--9 p {
    width: 130px;
  }

  .compound__block--1 .compound__label--10 {
    top: 25%;
  }

  .compound__block--1 .compound__label--11 {
    top: 55%;
  }

  .compound__block--1 .compound__label--11 p {
    width: 130px;
  }

  .compound__block--2 .compound__label--1 {
    padding-bottom: 8%;
  }

  .compound__block--2 .compound__label--4 {
    top: 53.5%;
  }

  .compound__block--2 .compound__label--5 p {
    width: 130px;
  }

  .compound__block--2 .compound__label--6 {
    top: 69.5%;
    padding-bottom: 3%;
  }

  .compound__block--2 .compound__label--7 {
    padding-bottom: 9%;
  }

  .compound__block--2 .compound__label--7 {
    top: 78.5%;
    padding-bottom: 7%;
  }

  .compound__block--2 .compound__label--9 {
    padding-bottom: 30.5%;
  }

  .compound__block--2 .compound__label--10 {
    padding-bottom: 30%;
  }

  .compound__block--2 .compound__label--11 {
    top: 43%;
  }

  .compound__block--2 .compound__label--12 {
    top: 9%;
    padding-bottom: 49%;
  }

  .compound__block--2 .compound__label--12::after {
    border-top: 2px solid #272727;
    border-bottom: none;
  }

  .compound__block--2 .compound__label--12::before {
    top: auto;
    bottom: -12px;
  }

  .compound__block--2 .compound__label--12 p {
    bottom: 100%;
  }

  .compound__block--2 .compound__label--13 {
    top: 57.5%;
    padding-bottom: 8%;
  }

  .compound__block--2 .compound__label--13 p {
    width: 170px;
  }

  .compound__block--2 .compound__label--14 {
    top: 72%;
    padding-bottom: 19%;
    left: 13%;
    width: 56.5%;
  }

  .compound__block--2 .compound__label--14>p {
    width: 220px;
  }

  .compound__block--2 .compound__label--14>div {
    width: 200px;
  }

  .compound__block--2 .compound__label--14>div>p {
    font: normal normal normal 9px / 10px Acrom !important;
  }

  .compound__block--2 .compound__label--15 {
    top: 79%;
    left: 81%;
    width: 20%;
  }

  .compound__block--2 .compound__label--16 {
    top: 80%;
    padding-bottom: 0%;
  }

  .compound__block--2 .compound__label--16::before {
    top: -6px;
    right: -12px;
  }

  .compound__block--2 .compound__label p {
    font: normal normal normal 9px / 9px Acrom !important;
  }

  .compound__block--2 .compound__label li {
    margin-bottom: 0;
    font: normal normal normal 9px / 9px Acrom !important;
  }
}

/*
  options
*/
.options {
  padding-top: 65px;
  padding-bottom: 465px;
  background-image: url("../img/pages/sopt/options_bcg.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right center;
  border-bottom: 1px solid #cfcfcf;
}

.options__blocks {
  position: relative;
}

.options__carousel {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 32px 30px;
  align-self: center;
  border-radius: 25px;
  border: 1px solid #272727;
  background-color: #ffffff;
  overflow: hidden;
}

.options__block {
  display: none;
  position: relative;
  margin-left: 40px;
  height: 100%;
  z-index: 2;
}

.options__block>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.options__block_img {
  position: relative;
}

.options__block p {
  margin-bottom: 16px;
}

.options__block--2>div {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.options__block--2 img {
  max-width: 500px !important;
}

.options__block--3 {
  padding-right: 80px;
}

.options__block--3 .options__block_img ul {
  position: absolute;
  top: 50%;
  left: 3%;
  transform: translateY(-50%);
  padding: 0;
  margin: 0;
  list-style: none;
  width: 24%;
}

.options__block--3 .options__block_img li {
  padding-left: 12px;
  margin-bottom: 4px;
  position: relative;
  color: #ffffff;
  font: normal normal bold 27px / 32px Acrom !important;
}

.options__block--3 .options__block_img li::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ffffff;
}

.options__block--4 {
  padding-right: 80px;
}

.options__block--4 img {
  margin-left: auto;
  margin-right: auto;
  max-width: 80% !important;
}

.options__block--5>div {
  padding-top: 50px;
  justify-content: space-between;
}

.options__block--5 img {
  margin-bottom: -20px;
  transform: translateY(30px);
}

.options__block--6 {
  padding-right: 80px;
}

.options__block--6>div {
  align-items: center;
}

.options__block--7 {
  padding-right: 80px;
}

.options__block--7 img {
  margin-right: auto;
  margin-top: 30px;
  max-width: 440px !important;
}

.options__block .list-1 {
  margin-left: 10px;
}

.options__block .list-1 li {
  padding-left: 14px;
  text-indent: 0;
}

.options__block .list-1 li::after {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.options__list {
  margin-left: 40px;
  list-style: none;
  position: relative;
  z-index: 2;
}

.options__list a {
  display: block;
  padding: 20px 35px;
  margin: 0 0 20px 0;
  font: normal normal normal 20px/24px Acrom !important;
  color: #272727;
  border: 1px solid #272727;
  border-radius: 12px;
  background-color: transparent;
  width: 360px;
  text-align: center;
  transition: all 0.3s ease;
}

.options__list a.active,
.options__list a:hover {
  color: #fff !important;
  border: 1px solid #80b647;
  background-color: #80b647;
  text-decoration: none;
}

@media (max-width: 1400px) {
  .options__list a {
    padding: 18px;
    font: normal normal normal 18px / 21px Acrom !important;
    width: 320px;
  }

  .options__block--2>div {
    flex-direction: column;
  }

  .options__block--2 img {
    max-width: 360px !important;
  }

  .options__block--3 .options__block_img li {
    font: normal normal bold 18px / 21px Acrom !important;
  }

  .options__block--3 .options__block_img li::before {
    top: 8px;
  }

  .options__block--4 img {
    max-width: 360px !important;
  }
}

@media (max-width: 1100px) {
  .options__carousel {
    flex-direction: column-reverse;
  }

  .options__blocks {
    margin-bottom: 20px;
  }

  .options__block {
    margin-left: 0;
  }

  .options__block--3 {
    padding-right: 0;
  }

  .options__block--3>div {
    align-items: center;
  }

  .options__block--3 img {
    max-width: 360px !important;
  }

  .options__block--3 .options__block_img {
    width: 100%;
  }

  .options__block--3 .options__block_img img {
    margin-left: auto;
    margin-right: auto;
  }

  .options__block--3 .options__block_img ul {
    padding: 20px;
    left: 16%;
    width: 270px;
    border-radius: 12px;
    background-color: rgba(250, 250, 250, 0.7);
  }

  .options__block--3 .options__block_img li {
    color: #1c1c1c;
  }

  .options__block--3 .options__block_img li::before {
    background-color: #1c1c1c;
  }

  .options__block--5>div {
    padding-top: 0;
  }

  .options__block--5 img {
    transform: translateY(35px);
  }

  .options__list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 20px;
  }

  .options__list li {}

  .options__list a {
    display: flex;
    margin: 0 10px 10px 10px;
    padding-top: 0;
    padding-bottom: 0;
    width: calc(50% - 20px);
    height: 80px;
    align-items: center;
    justify-content: center;
  }
}

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

  .options__list a {
    margin-bottom: 10px;
    height: 60px;
    font: normal normal normal 16px / 18px Acrom !important;
  }

  .options__block--3 .options__block_img ul {
    left: 0;
  }

  .options__block--4 {
    padding-right: 0;
  }

  .options__block--5 img {
    transform: translateY(52px);
  }

  .options__block--6 {
    padding-right: 0;
  }

  .options__block--7 {
    padding-right: 0;
  }
}

@media (max-width: 576px) {
  .options {
    background-size: auto 70%;
  }

  .options__carousel {
    padding: 20px 12px;
  }

  .options__blocks {
    padding: 10px;
    margin-bottom: 0;
  }

  .options__block .list-1 li {
    font: normal normal normal 13px / 16px Acrom !important;
  }

  .options__block .list-1 li::after {
    top: 7px;
    left: -3px;
    width: 4px;
    height: 4px;
  }

  .options__list a {
    padding: 0 5px;
    height: 50px;
    font: normal normal normal 10px / 12px Acrom !important;
  }

  .options__block p {
    font: normal normal normal 13px / 16px Acrom !important;
  }

  .options__block--2 img {
    max-width: 180px !important;
  }

  .options__block--3 .options__block_img li {
    font: normal normal bold 16px / 18px Acrom !important;
  }

  .options__block--4 img {
    max-width: 280px !important;
  }

  .options__block--7 img {
    margin-right: auto;
    margin-left: auto;
    max-width: 180px !important;
  }
}

/*
equipment
*/
.equipment {
  padding-bottom: 50px;
  margin-top: -365px;
}

.equipment__row {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
  margin-left: -29px;
  margin-right: -29px;
}

.equipment__block {
  position: relative;
  display: flex;
  margin-left: 29px;
  margin-right: 29px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 20px;
  border: 1px solid #cfcfcf;
  height: 320px;
  width: calc(20% - 58px);
  background-color: #fff;
  overflow: hidden;
}

.equipment__block a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
}

.equipment__block h3 {
  padding: 0 20px;
  margin-bottom: 0;
  font: bold normal normal 14px/17px Acrom !important;
  color: #272727;
  text-align: center;
}

.equipment__block p {
  padding: 0 20px;
  margin-bottom: 0;
  font: normal normal normal 14px/17px Acrom !important;
  color: #272727;
  text-align: center;
}

.equipment__block--1>div,
.equipment__block--3>div,
.equipment__block--5>div,
.equipment__block--6>div {
  padding-top: 30px;
}

.equipment__block--2>div,
.equipment__block--4>div {
  padding-bottom: 40px;
}

.equipment__block--3>img,
.equipment__block--5>img {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px);
}

.equipment__row_text {
  margin-bottom: 0;
  margin-left: 29px;
  margin-right: 29px;
  width: calc(40% - 50px);
}

.equipment__block--2 img {
  margin-top: 14px;
  scale: 1.15;
}

.equipment__block--6 img {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 86%;
}

@media (max-width: 1400px) {
  .equipment__row {
    margin-left: -16px;
    margin-right: -16px;
  }

  .equipment__block {
    margin-left: 16px;
    margin-right: 16px;
    width: calc(20% - 34px);
  }

  .equipment__block h3 {
    padding: 0 14px;
  }

  .equipment__block p {
    padding: 0 14px;
  }
}

@media (max-width: 1100px) {
  .equipment__block {
    width: calc(33.33% - 34px);
  }

  .equipment__row {
    margin-bottom: 30px;
    flex-wrap: wrap;
  }

  .equipment__row_text {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 20px;
    width: 100%;
  }

  .equipment__block {
    max-width: 250px;
  }

  .equipment__block--6 img {
    max-width: 190px !important;
  }
}

@media (max-width: 768px) {
  .equipment__block {
    height: 300px;
  }
}

@media (max-width: 576px) {
  .equipment__block {
    margin-bottom: 10px;
    flex-direction: row;
    align-items: center;
    width: calc(100% - 34px);
    height: 150px;
    max-width: none;
  }

  .equipment__block p {
    font: normal normal normal 11px / 14px Acrom !important;
  }

  .equipment__block>div {
    position: relative;
    z-index: 1;
  }

  .equipment__block img {
    width: 50% !important;
  }

  .equipment__block--1>div,
  .equipment__block--3>div,
  .equipment__block--5>div,
  .equipment__block--6>div {
    padding-top: 0;
  }

  .equipment__block--2>div,
  .equipment__block--4>div {
    padding-bottom: 0;
  }
}

/*
  complex
*/
.complex {
  padding-bottom: 100px;
}

.complex__carousel {
  position: relative;
}

.complex__blocks {
  position: relative;
}

.complex__block {
  position: relative;
  display: none;
}

.complex__block img {
  scale: 1.1;
}

.complex__block--5 img {
  scale: 1;
}

.complex__block.active {
  display: block;
}

.complex__block_description {
  position: relative;
}

.complex__block_description p {
  margin-bottom: 0;
  font: normal normal normal 16px/19px Acrom !important;
  text-align: center;
}

.complex__block--1 h3 {
  position: absolute;
  bottom: 120px;
  right: 12%;
  text-align: right;
  font: normal normal bold 96px/100px Acrom !important;
  color: #1c1c1c;
  text-transform: uppercase;
}

.complex__arrows {
  position: absolute;
  left: 50%;
  bottom: 260px;
  display: flex;
  justify-content: space-between;
  max-width: 1600px;
  width: 100%;
  transform: translateX(-50%);
  z-index: 2;
}

.complex__arrows a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #7f7f7f;
  transition: all 0.3s ease;
}

.complex__arrows a:hover {
  text-decoration: none;
}

.complex__arrow svg {
  stroke: #7f7f7f;
  width: 8px;
  height: 13px;
  transition: all .3s ease;
}

.complex__arrow:hover svg {
  stroke: #93df1c;
}

.complex__arrow:hover {
  border-color: #93df1c;
}

.complex__arrow--left {
  transform: translateX(-200%);
}

.complex__arrow--left svg {
  transform: rotate(180deg);
}

.complex__arrow--right {
  transform: translateX(200%);
}

.complex__control {
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}

.complex__control>div {
  display: flex;
  align-items: center;
}

.complex__control a {
  display: inline-block;
  padding: 0;
  margin-left: 2px;
  margin-right: 2px;
  height: 8px;
  width: 8px;
  border: 1px solid #272727;
  border-radius: 4px;
  background-color: #272727;
  transition: all 0.3s ease;
}

.complex__control a:hover {
  text-decoration: none;
}

.complex__control a.active {
  padding: 0;
  width: 34px;
  background-color: transparent;
}

@media (max-width: 1600px) {
  .complex__arrows {
    bottom: 0;
  }

  .complex__arrow--left {
    transform: translateX(0%);
  }

  .complex__arrow--right {
    transform: translateX(0%);
  }
}

@media (max-width: 1400px) {
  .complex__block--1 h3 {
    font: normal normal bold 62px / 62px Acrom !important;
  }
}

@media (max-width: 968px) {
  .complex__block--1 h3 {
    font: normal normal bold 42px / 46px Acrom !important;
    width: 440px;
  }
}

@media (max-width: 768px) {
  .complex__block--1 h3 {
    bottom: 80px;
    font: normal normal bold 32px / 32px Acrom !important;
  }
}

@media (max-width: 576px) {
  .complex__block--1 h3 {
    bottom: 50px;
    font: normal normal bold 21px / 21px Acrom !important;
    width: 220px;
  }

  .complex__block_description {
    padding-left: 40px;
    padding-right: 40px;
  }

  .complex__block_description p {
    font: normal normal normal 11px/12px Acrom !important;
  }
}

/*
  advantages
*/
.advantages {}

.advantages__description {
  margin-bottom: 56px;
  font: normal normal normal 24px/30px Acrom !important;
  color: #272727;
}

.advantages__description a {
  color: #272727;
  text-decoration: underline;
}

.advantages__description a:hover {
  color: #93df1c;
}

.advantages__blocks {
  display: flex;
  margin-left: -40px;
  margin-right: -40px;
  align-items: stretch;
}

.advantages__block {
  display: flex;
  padding: 36px 34px;
  margin-left: 40px;
  margin-right: 40px;
  align-items: flex-end;
  width: calc(50% - 80px);
  min-height: 270px;
  border-radius: 20px;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 10px #00000026;
}

.advantages__block p {
  margin-bottom: 0;
  font: normal normal normal 20px/24px Acrom !important;
  color: #272727;
}

.advantages__block>div {
  width: 50%;
}

p.advantages__block__strong {
  font: bold normal normal 128px/128px Acrom !important;
  color: #fff;
  -webkit-text-stroke: 2px #272727;
  text-stroke: 2px #272727;
  text-transform: uppercase;
  white-space: nowrap;
}

.advantages_btn {
  display: block;
  padding: 12px 20px;
  align-items: center;
  color: #fff;
  text-align: left;
  max-width: 330px;
  border-radius: 6px;
  background: #1c1c1c;
  transition: all 0.3s ease;
  cursor: pointer;
  font-family: "Acrom", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
}

.advantages_btn::after {
  box-shadow: 0px 3px 6px #212121;
}

.advantages_btn:hover {
  color: #93df1c !important;
  text-decoration: none;
}

.advantages__block--1 .advantages_btn {
  margin-left: 20px;
}

.advantages__block--2 .advantages_btn {
  margin-top: 20px;
}

.advantages__block--2 p:first-child {
  margin-bottom: 10px;
}

.advantages__block--1 {
  background-image: url("../img/pages/sopt/advantages_1.jpg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right center;
}

.advantages__block--2 {
  background-image: url("../img/pages/sopt/advantages_2.jpg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right center;
  background-color: #e2e1df;
}

@media (max-width: 1400px) {
  .advantages__blocks {
    margin-left: 0;
    margin-right: 0;
    flex-wrap: wrap;
  }

  .advantages__block {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 100%;
    max-width: 680px;
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  .advantages__description {
    font: normal normal normal 18px/24px Acrom !important;
  }

  .advantages__block p {
    font: normal normal normal 16px / 19px Acrom !important;
  }

  .advantages__block .advantages__block__strong {
    font: normal normal bold 120px / 120px Acrom !important;
  }
}

@media (max-width: 576px) {
  .advantages__block {
    padding: 14px 18px;
  }

  .advantages__block--1 {
    flex-direction: column;
    background-position: 50px center;
  }

  .advantages__block--1>div {
    width: 100%;
  }

  .advantages__block--1 .advantages_btn {
    margin-top: 10px;
    margin-left: 0;
  }

  .advantages__block--1 .advantages__block__description {
    width: 200px;
  }

  .advantages__block p {
    font: normal normal normal 14px / 16px Acrom !important;
  }

  .advantages__block .advantages__block__strong {
    font: normal normal bold 120px / 120px Acrom !important;
  }

  .advantages__block--2 {
    background-position: right 90% center;
  }

  .advantages__block--2>div {
    width: 210px;
  }
}

#header-phone a {
  color: white;
  transition: color 0.3s ease;
}

#header-phone a:hover {
  color: #005a6e;
  text-decoration: none;
}

.form {
  padding-top: 70px;
  background-color: #ffffff;
}

.container.form__body {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.form__body>div {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-image: url(http://new.i-mt.su/wp-content/uploads/2021/06/paper-plane.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 640px;
}

#iris-o-form {
  position: relative;
  background: #F9F9F9;
  padding: 30px 160px;
  margin-bottom: 50px;
  max-width: 700px;
  margin-right: auto;
  border-radius: 20px;
  z-index: 2;
}

#iris-o-form>div {
  flex-direction: column;
  align-items: center;
}

#iris-o-form .col-md-4 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

#iris-o-form-p {
  text-align: left;
  font: normal normal normal 28px/38px Acrom;
  letter-spacing: 0px;
  color: #ffffff;
  display: none;
}

#iris-o-form-submit {
  background-color: #93df1c;
  border-color: #93df1c;
  border-radius: 20px;
  text-align: center;
  font: normal normal normal 24px/40px Acrom;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: lowercase;
  margin-top: 20px;
  width: 100%;
  transition: all .3s ease;
}

#iris-o-form-submit:hover {
  background-color: #80b647;
  border-color: #80b647;
}

@media (max-width: 992px) {
  .container.form__body {
    padding-bottom: 50px;
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  #iris-o-form {
    padding: 30px 20px;
  }
}

#contact-footer {
  display: flex !important;
  flex-direction: column !important;
}

#contact-footer a {
  display: inline-block;
  margin-bottom: 5px;
  color: #6c6c6c !important;
  text-decoration: none;
  white-space: nowrap;
}

#social-footer a .fab {
  color: #6c6c6c !important;
}

@media (min-width: 1024px) {
  #contact-footer {
    color: #6c6c6c !important;
  }
}

#skolkovo-footer img {
  width: 80px;
}

.form__img {
  position: absolute;
  top: 50%;
  right: -25%;
  width: 220px;
  transform: translateY(-50%);
}

.alert {
  max-width: 700px;
}