/* Внутренние стили */
html,
body,
p {
  padding: 0;
  margin: 0;
  word-break: normal !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: normal !important;
}
img {
  display: block;
  width: 100%;
}

@font-face {
  font-family: "Acrom";
  src: url("./fonts/Acrom-Regular.ttf");
  src: local("Acrom"), local("Acrom-Regular"),
    url("./fonts/Acrom-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Comfortaa";
  src: url("./fonts/Comfortaa.ttf");
  src: local("Comfortaa"), local("Comfortaa-Bold"),
    url("./fonts/Comfortaa.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

* {
  box-sizing: border-box;
}

.container-big {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1840px;
}
.container-flex {
  display: flex;
  margin-bottom: -72px;
  justify-content: center;
}
body .container {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1640px !important;
}
.body {
  width: 100%;
  background-color: #000606;
  overflow: hidden;
}

.btn-1 {
  display: inline-block;
  padding-left: 46px;
  padding-right: 46px;
  font-size: 18px !important;
  line-height: 40px;
  font-family: "Acrom";
  color: white;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
  border-radius: 20px;
  white-space: nowrap;
  transition: color 0.3s ease;
}
.btn-1:hover {
  color: #005a6e;
  text-decoration: none;
}

@media (max-width: 1140px) {
  .btn-1 {
    line-height: 50px;
    height: 50px;
    border-radius: 25px;
  }
}

@media (max-width: 768px) {
  .btn-1 {
    padding-left: 32px;
    padding-right: 32px;
    font-size: 16px !important;
  }
}

/*
* Main
*/
.main {
  position: relative;
}
.main__shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: all 0.3s ease;
}
.main__container {
  position: relative;
}
.main__container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(0, 6, 6, 1) 0%,
    rgba(0, 6, 6, 0.2) 20%
  );
  z-index: 2;
}

.main__content {
  position: absolute;
  top: 14%;
  left: 20px;
  right: 20px;
  display: flex;
  height: 86%;
  align-items: flex-start;
  z-index: 3;
}

.main__name {
  position: relative;
  display: flex;
  padding-left: 18%;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  height: calc(100% - 136px);
  z-index: 2;
}
.main__name p {
  font-size: 26px !important;
  line-height: 1.4em;
  font-family: "Acrom";
  color: white;
}
.main__name__text {
  display: none;
}

.main__title {
  position: relative;
  margin-bottom: 20px;
  width: 387px;
  height: 73px;
  background: url("../img/pages/altey01/name.png") no-repeat center;
  background-size: 100%;
}
.main__title::after {
  content: "";
  position: absolute;
  bottom: -10px;
  right: 0;
  left: 0;
  height: 1px;
  background-color: white;
}
.main__title h1 {
  font-size: 0 !important;
  line-height: 0;
  color: transparent;
  opacity: 0;
}

.main__name__btn {
  margin-top: 126px;
}

.main__text {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 50%;
  z-index: 2;
}
.main__text__skol {
  margin-bottom: 65px;
  width: 95px;
  height: 95px;
  background: url("../img/pages/altey01/skolkovo.png") no-repeat center;
  background-size: 100%;
  font-size: 0 !important;
  line-height: 0;
  color: transparent;
}
.main__text > p {
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 26px !important;
  line-height: 1.4em;
  font-family: "Acrom";
  text-align: right;
  color: white;
  border-bottom: 1px solid white;
  width: 320px;
}
.main__text__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.main__text__list li {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  text-align: right;
}
.main__text__list a {
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
}
.main__text__list a:hover {
  display: inline-block;
  text-decoration: none;
  position: relative;
  color: white;
  font-weight: bold;
}
.main__text__list a:hover:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-right: 4px;
  width: 14px;
  height: 1px;
  background-color: white;
}

.main__img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-53%);
  width: 56%;
  z-index: 2;
}

.main__link {
  position: absolute;
  bottom: 52px;
  left: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-bottom: 2px solid white;
  border-left: 2px solid white;
  transform: rotate(-45deg) translateX(-50%);
  z-index: 3;
}
.main__link::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-bottom: 2px solid white;
  border-left: 2px solid white;
  transform: translate(4px, -7px);
}
.main__link.hide {
  display: none;
}

.main__bcg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main__bcg video {
  min-width: 100%;
  min-height: 100%;
}

@media (max-width: 1440px) {
  .main__name {
    padding-left: 0;
    width: 80%;
  }
}

@media (max-width: 1140px) {
  .main {
    padding-top: 50px;
    min-height: 700px;
    height: 100vh;
    background-image: url("../img/pages/altey01/main-1.jpg");
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  .main__container {
    flex-direction: column;
    height: 100%;
  }
  .main__bcg {
    opacity: 0;
  }
  .main__text {
    display: none;
  }
  .main__name__text {
    display: block;
    margin-top: 0px;
    max-width: 140px;
  }
  .main__name__img {
    display: inline-block;
    margin-top: 20px;
    width: 95px;
    height: 95px;
    font-size: 0 !important;
    line-height: 0;
    color: transparent;
    background: url("../img/pages/altey01/skolkovo.png") no-repeat center;
    background-size: 100%;
  }
  .main__title::after {
    display: none;
  }
  .main__name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 20px !important;
    line-height: 1.2em;
    font-family: "Acrom";
    color: white;
    width: 100%;
    height: 100%;
  }
  .main__name > div {
    display: flex;
    margin-top: 0;
    margin-bottom: 50px;
    flex-direction: column;
    align-items: flex-start;
  }
  .main__name > div > p {
    padding-bottom: 10px;
    border-bottom: 1px solid white;
  }

  .main__img {
    width: 90%;
  }
}

@media (max-width: 992px) {
  .main__title {
    width: 260px;
    height: 52px;
  }
  .main__name__img {
    width: 80px;
    height: 80px;
  }
  .main__name > div {
    width: 100%;
  }
  .main__name .btn-1 {
    margin-left: auto;
    margin-right: auto;
  }
  .main__img {
    width: 110%;
    transform: translateX(-28%);
  }

  .main__link {
    display: none;
  }
}

@media (max-width: 768px) {
  .main {
    background-size: auto 100%;
  }
  .main__title {
    width: 170px;
    height: 36px;
  }
  .main__name {
    font-size: 16px !important;
    line-height: 1.2em;
  }
  .main__name__img {
    width: 60px;
    height: 60px;
  }
  .main__img {
    right: 0;
    bottom: 0px;
    width: 730px;
    transform: translateX(-340px);
  }
  .main__name p {
    font-size: 14px !important;
    line-height: 1.4em;
  }
}

/*
* Advantages
*/
.advantages {
  position: relative;
  padding-top: 16px;
  padding-bottom: 16px;
  transition: all 0.3s ease;
  z-index: 3;
}
.advantages > div {
  transition: all 0.3s ease;
}
.advantages__container {
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
  align-items: stretch;
}
.advantages__col {
  display: flex;
  margin-left: 16px;
  margin-right: 16px;
  width: 50%;
}
.advantages__col--1 {
  margin-bottom: -16px;
  flex-direction: column;
}
.advantages__col--1 .advantages__card {
  display: flex;
  margin-bottom: 16px;
  flex: 1;
}
.advantages__col--2 {
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
  align-items: stretch;
}
.advantages__col--2 .advantages__card {
  display: flex;
  margin-left: 8px;
  margin-right: 8px;
  flex: 1;
}

.advantages__card {
  position: relative;
  background-color: black;
  border-radius: 10px;
  box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.5);
}
.advantages__card img {
  border-radius: inherit;
}
.advantages__card__img {
  display: none;
}

.advantages__card__text {
  position: absolute;
}
.advantages__card__text h2 {
  padding: 0;
  margin: 0;
  font-size: 26px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: normal;
  color: white;
}
.advantages__card__text h3 {
  padding: 0;
  margin: 0;
  font-size: 20px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: bold;
  color: white;
}
.advantages__card__text p,
.advantages__card__text a {
  padding: 0;
  margin: 0;
  font-size: 20px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
}
.advantages__card__text a {
  text-decoration: underline;
  transition: color 0.3s ease;
}
.advantages__card__text a:hover {
  color: #005a6e;
}

.advantages__card--1 .advantages__card__text {
  display: flex;
  top: 26px;
  bottom: 26px;
  left: 26px;
  flex-direction: column;
  justify-content: space-between;
  width: 60%;
}
.advantages__card--1 h3 {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid white;
}
.advantages__card--1 h3::after {
  content: "•";
  position: absolute;
  left: 100%;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 25%;
  height: 1px;
  background-color: white;
  transform: rotate(-45deg);
  transform-origin: left 0 0;
}
.advantages__card--1 p {
  max-width: 210px;
}
.advantages__card--2 .advantages__card__text {
  display: flex;
  top: 0;
  right: 0;
  flex-direction: column;
  justify-content: center;
  width: 46%;
  height: 100%;
}
.advantages__card--2 h2 {
  margin-bottom: 10px;
}
.advantages__card--3 .advantages__card__text {
  right: 26px;
  bottom: 26px;
  width: 60%;
  text-align: right;
}
.advantages__card--4 .advantages__card__text {
  top: 26px;
  right: 26px;
  width: 50%;
  text-align: right;
}
.advantages__card--4 h2 {
  margin-bottom: 10px;
}

@media (max-width: 1440px) {
  .advantages__card--3 .advantages__card__text {
    width: calc(100% - 52px);
  }
  .advantages__card--4 .advantages__card__text {
    width: calc(100% - 52px);
  }
}

@media (max-width: 992px) {
  .advantages__container {
    flex-direction: column;
  }
  .advantages__col {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .advantages__col--1 {
    margin-bottom: 0;
  }
  .advantages__col--2 {
    margin-left: -8px;
    margin-right: -8px;
    width: calc(100% + 16px);
  }
  .advantages__col--2 .advantages__card {
    margin-right: 8px;
    margin-left: 8px;
  }
}

@media (max-width: 768px) {
  .advantages__container {
    max-width: 550px !important;
  }
  .advantages__col--1 {
    flex-direction: row;
    margin-left: -8px;
    margin-right: -8px;
    width: calc(100% + 16px);
  }
  .advantages__col--1 .advantages__card {
    margin-right: 8px;
    margin-left: 8px;
    width: 50%;
  }
  .advantages__card img {
    display: none;
  }
  .advantages__card img.advantages__card__img {
    display: block;
  }
  .advantages__card__text h2 {
    font-size: 14px !important;
    line-height: 1.2em;
  }
  .advantages__card__text p,
  .advantages__card__text a {
    font-size: 11px !important;
    line-height: 1.2em;
  }
  .advantages__card--1 .advantages__card__text {
    top: 10px;
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px);
    justify-content: flex-start;
  }
  .advantages__card--1 .advantages__card__text > div {
    position: relative;
    width: 90%;
    height: 61%;
  }
  .advantages__card--1 .advantages__card__text > div::after {
    content: "";
    position: absolute;
    top: 22px;
    right: 0;
    bottom: 0;
    width: 1px;
    background-color: white;
  }
  .advantages__card--1 h3 {
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 14px !important;
    line-height: 1.2em;
  }
  .advantages__card--1 .advantages__card__text h3::after {
    display: none;
  }
  .advantages__card--2 .advantages__card__text {
    top: 10px;
    right: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    justify-content: flex-end;
  }
  .advantages__card--3 .advantages__card__text {
    right: 10px;
    bottom: 10px;
    width: calc(100% - 20px);
  }
  .advantages__card--4 .advantages__card__text {
    right: 10px;
    top: 10px;
    width: calc(100% - 20px);
  }
}

/*
* Device
*/
.device {
  padding-top: 100px;
  padding-bottom: 100px;
}
.device__blocks {
  position: relative;
}
.device__img {
  position: relative;
  margin-left: 40px;
  margin-right: 40px;
  z-index: 2;
}
.device__img__small {
  display: none;
}
.device__img__small img {
  display: none;
}
.device__block {
  display: none;
}
.device__block.active {
  display: block;
}

.device__arrows {
  position: absolute;
  left: 50%;
  bottom: 480px;
  display: flex;
  justify-content: space-between;
  max-width: 1600px;
  width: 100%;
  transform: translateX(-50%);
}
.device__arrows a {
  font-size: 40px !important;
  line-height: 40px;
  font-family: "Acrom";
  font-weight: normal;
  color: white;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}
.device__arrows a:hover {
  text-decoration: none;
}
.device__block--1 h2 {
  position: absolute;
  top: 7%;
  left: 6.2%;
  padding: 0;
  margin: 0;
  font-size: 60px;
  line-height: 80px;
  font-family: "Acrom";
  font-weight: 500;
  color: white;
  max-width: 320px;
  z-index: 2;
}
.device__block--1 .device__block__text_1 {
  position: absolute;
  top: -60px;
  right: -30px;
  font-size: 250px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: bold;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
}

.device__block--2 h2 {
  position: absolute;
  top: -5%;
  left: 63%;
  padding: 0;
  margin: 0;
  font-size: 60px;
  line-height: 80px;
  font-family: "Acrom";
  font-weight: 500;
  color: white;
  max-width: 420px;
  z-index: 2;
}
.device__block--2 .device__block__text_1 {
  position: absolute;
  bottom: -60px;
  right: -10px;
  font-size: 80px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: bold;
  color: rgba(255, 255, 255, 0.2);
  transform: rotate(-90deg) translate(120%, 100%);
  transform-origin: right bottom;
  max-width: 760px;
}

.device__control {
  display: flex;
  margin-top: 50px;
  justify-content: center;
}
.device__control > div {
  display: flex;
  align-items: center;
}
.device__control a {
  display: inline-block;
  padding: 0 40px;
  margin-left: 12px;
  margin-right: 12px;
  font-size: 18px !important;
  line-height: 40px;
  font-family: "Acrom";
  text-decoration: none;
  height: 40px;
  color: white;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}
.device__control a:hover {
  text-decoration: none;
}
.device__control a.active {
  padding: 0;
  font-size: 0 !important;
  line-height: 0;
  width: 30px;
  height: 30px;
  border-radius: 15px;
}

.device__label {
  position: absolute;
  font-family: "Acrom";
  color: white;
  z-index: 2;
}
.device__label span {
  display: block;
}
.device__label h4 {
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 26px;
  line-height: 1.2em;
}
.device__label p {
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 1.2em;
}
.device__label ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.device__label li {
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 1.2em;
}
.device__label--1 {
  top: 48.2%;
  left: 6.2%;
}
.device__label--2 {
  top: 55.5%;
  left: 6.2%;
}
.device__label--3 {
  top: 64.5%;
  left: 6.2%;
}
.device__label--4 {
  top: 74%;
  left: 6.2%;
}

.device__label--5 {
  top: 26%;
  left: 70%;
  width: 27%;
}
.device__label--6 {
  top: 47%;
  left: 70%;
  width: 27%;
}
.device__label--7 {
  top: 60%;
  left: 70%;
  width: 27%;
}
.device__label--8 {
  top: 73.5%;
  left: 70%;
  width: 27%;
}

/* - */
.device__label--9 {
  top: 11.5%;
  left: 9.8%;
  width: 27%;
}
.device__label--10 {
  top: 26%;
  left: 25.5%;
  width: 14%;
}
.device__label--11 {
  top: 35%;
  left: 9.8%;
  width: 20%;
}
.device__label--12 {
  top: 44.7%;
  left: 29%;
}
.device__label--13 {
  top: 55%;
  left: 9.8%;
}
.device__label--14 {
  top: 65%;
  left: 9.8%;
  width: 25%;
}
.device__label--15 {
  top: 75.7%;
  left: 9.8%;
  width: 26%;
}
.device__label--16 {
  top: 18.5%;
  left: 63%;
  width: 31%;
}
.device__label--17 {
  top: 41.5%;
  left: 63%;
}
.device__label--18 {
  top: 58%;
  left: 63%;
}
.device__label--19 {
  top: 73%;
  left: 63%;
  width: 27%;
}

@media (max-width: 1660px) {
  .device__label h4 {
    margin: 0 0 3% 0;
    font-size: 1.6vw !important;
    line-height: 1.2em;
  }
  .device__label p {
    font-size: 1vw !important;
    line-height: 1.2em;
  }
  .device__label li {
    font-size: 1vw !important;
    line-height: 1.2em;
  }
  .device__block--1 h2 {
    font-size: 3.95vw !important;
    line-height: 1.2em;
  }
  .device__block--2 h2 {
    font-size: 3.95vw !important;
    line-height: 1.2em;
  }

  .device__arrows {
    width: calc(100% - 40px);
  }
}

@media (max-width: 1140px) {
}

@media (max-width: 992px) {
  .device {
    padding-top: 0px;
    padding-bottom: 70px;
  }
  .device__block--1 h2 {
    top: 0;
    left: 40px;
    font-size: 32px !important;
    line-height: 1.2em;
    max-width: 320px;
  }
  .device__block--1 .device__block__text_1 {
    top: -100px;
    font-size: 100px !important;
    line-height: 1em;
    max-width: 150px;
    word-wrap: break-word;
  }

  .device__arrows {
    display: none;
  }
}

@media (max-width: 768px) {
  .device__img {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    max-width: 460px;
  }
  .device__img img {
    display: none;
  }
  .device__img__small {
    display: block;
  }
  .device__img__small img {
    display: block;
  }

  .device__block--1 h2 {
    top: -70px;
    left: 20px;
    font-size: 21px !important;
    line-height: 1.2em;
    max-width: 150px;
  }
  .device__block--2 h2 {
    left: 20px;
    right: auto;
    font-size: 21px !important;
    line-height: 1.2em;
  }

  .device__label {
    display: none;
  }

  .device__control a {
    padding: 0 30px;
    font-size: 14px !important;
    line-height: 40px;
  }

  .device__dot {
    position: absolute;
  }
  .device__dot.active > div {
    display: block;
  }
  .device__dot > div {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    left: 30px;
    width: calc(100% - 60px);
    padding: 30px 20px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .device__dot h4 {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 14px !important;
    line-height: 1.2em;
    color: white;
  }
  .device__dot p {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 11px !important;
    line-height: 1.2em;
    color: white;
  }
  .device__dot ul {
    padding: 0;
    margin: 5px 0 0 0;
    list-style: none;
  }
  .device__dot li {
    position: relative;
    padding-left: 10px;
    font-size: 11px !important;
    line-height: 1.2em;
    color: white;
  }
  .device__dot li::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: white;
  }

  .device__dot--1 {
    top: 46%;
    left: 28%;
    width: 10%;
    height: 7%;
  }
  .device__dot--2 {
    top: 61%;
    left: 41%;
    width: 10%;
    height: 7%;
  }
  .device__dot--3 {
    top: 61%;
    left: 21%;
    width: 10%;
    height: 7%;
  }
  .device__dot--4 {
    top: 73%;
    left: 26%;
    width: 10%;
    height: 7%;
  }
  .device__dot--5 {
    top: 23%;
    left: 44%;
    width: 10%;
    height: 7%;
  }
  .device__dot--6 {
    top: 47%;
    left: 54%;
    width: 10%;
    height: 7%;
  }
  .device__dot--7 {
    top: 60%;
    left: 52%;
    width: 10%;
    height: 7%;
  }
  .device__dot--8 {
    top: 73%;
    left: 51%;
    width: 10%;
    height: 7%;
  }

  .device__dot--9 {
    top: 11%;
    left: 32%;
    width: 36%;
    height: 10%;
  }
  .device__dot--10 {
    top: 26%;
    left: 23%;
    width: 10%;
    height: 7%;
  }
  .device__dot--11 {
    top: 35%;
    left: 35%;
    width: 10%;
    height: 7%;
  }
  .device__dot--12 {
    top: 73%;
    left: 40%;
    width: 8%;
    height: 5%;
  }
  .device__dot--13 {
    top: 66%;
    left: 26%;
    width: 9%;
    height: 6%;
  }
  .device__dot--14 {
    top: 72%;
    left: 26%;
    width: 9%;
    height: 6%;
  }
  .device__dot--15 {
    top: 79%;
    left: 28%;
    width: 20%;
    height: 6%;
  }
  .device__dot--16 {
    top: 23%;
    left: 56%;
    width: 10%;
    height: 7%;
  }
  .device__dot--17 {
    top: 42%;
    left: 55%;
    width: 10%;
    height: 17%;
  }
  .device__dot--18 {
    top: 72%;
    left: 60%;
    width: 10%;
    height: 7%;
  }
  .device__dot--19 {
    top: 80%;
    left: 57%;
    width: 16%;
    height: 7%;
  }
}

/*
* Scope
*/
.scope__body {
  display: flex;
  align-items: flex-start;
}
.scope__col {
  width: 50%;
}
.scope__col:first-child {
  position: relative;
  padding-right: 60px;
  z-index: 2;
}

.scope__block {
  display: none;
}
.scope__block.active {
  display: block;
}

.scope__card {
  position: relative;
  display: flex;
  padding-left: 100px;
  margin-top: -120px;
  min-height: 1000px;
  height: 1090px;
  transform: translateY(120px);
}
.scope__card__head {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 1090px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: black;
  transform: rotate(-90deg);
  transform-origin: left top;
}
.scope__card__head p {
  font-size: 40px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: bold;
  color: white;
  white-space: nowrap;
}
.scope__card__head p span {
  font-size: 18px !important;
  line-height: 1.2em;
  font-weight: normal;
  text-transform: uppercase;
}
.scope__card__head p i {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 100px;
  height: 1px;
  background-color: white;
}

.scope__card__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: url("../img/pages/altey01/scope-1.jpg") no-repeat center;
  background-size: cover;
}
.scope__card__text {
  padding-top: 50px;
  padding-left: 30px;
}
.scope__card__text h2 {
  padding: 0 0 60px 0;
  margin: 0;
  font-size: 60px !important;
  line-height: 80px;
  font-family: "Acrom";
  font-weight: 500;
  max-width: 470px;
  color: white;
}
.scope__card__text ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.scope__card__text li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
  font-size: 18px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
}
.scope__card__text li::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 10px;
  height: 10px;
  border: 1px solid white;
  border-radius: 50%;
}
.scope__card__text li:nth-child(4n) {
  max-width: 200px;
}
.scope__card__img {
  margin-top: -120px;
  margin-right: -30px;
  margin-left: auto;
  width: 100%;
}

.scope__text {
  padding-top: 50px;
}
.scope__text h2 {
  padding: 0 0 40px 0;
  margin: 0;
  font-size: 60px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
}

.scope__control {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
  width: 100%;
  height: 40px;
}
.scope__control__dots {
  display: flex;
  align-items: center;
  height: 100%;
  width: calc(100% + -114px);
}
.scope__control__arrow {
  font-size: 40px !important;
  line-height: 40px;
  font-family: "Acrom";
  font-weight: normal;
  color: white;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  transition: color 0.3s ease;
}
.scope__control__arrow:hover {
  text-decoration: none;
}
.scope__control__arrow--left {
  margin-right: 20px;
}
.scope__control__arrow--right {
  margin-left: 20px;
}
.scope__control__li {
  display: flex;
  margin-left: 10px;
  margin-right: 10px;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  transition: color 0.3s ease;
}
.scope__control__li:hover {
  color: #005a6e;
  text-decoration: none;
}
.scope__control__li p {
  position: relative;
  width: 0;
  transition: width 0.3s ease;
  background-color: #000606;
  overflow: hidden;
  z-index: 1;
}
.scope__control__li span {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 4px solid white;
  border-radius: 50%;
  transition: all 0.3s ease;
  pointer-events: none;
}
.scope__control__li.active {
  position: relative;
  flex-grow: 1;
  overflow: hidden;
}
.scope__control__li.active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: white;
}
.scope__control__li.active p {
  padding-right: 10px;
  margin-bottom: 0;
  font-size: 26px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
  width: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scope__control__li.active span {
  width: 28px;
  height: 28px;
  min-width: 28px;
  background-color: white;
  border-width: 7px;
}

.scope__li {
  display: flex;
  align-items: center;
  height: 40px;
}
.scope__li__name {
  font-size: 18px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: bold;
  color: white;
  width: 120px;
  min-width: 120px;
}
.scope__li__text {
  font-size: 18px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
}

@media (max-width: 1440px) {
  .scope__card__text h2 {
    font-size: 46px !important;
    line-height: 1.2em;
  }
  .scope__text h2 {
    font-size: 46px !important;
    line-height: 1.2em;
  }
}

@media (max-width: 992px) {
  .scope__body {
    flex-direction: column;
  }
  .scope__col {
    width: 100%;
  }
  .scope__card {
    padding-left: 80px;
    margin-top: 0;
    margin-bottom: 40px;
    transform: translateY(0);
  }
  .scope__card__img {
    max-width: 360px;
  }
  .scope__card__text h2 {
    font-size: 32px !important;
    line-height: 1.2em;
  }
  .scope__card__head {
    height: 80px;
  }
  .scope__card__head p {
    font-size: 32px !important;
  }

  .scope__text {
    padding-top: 20px;
    padding-bottom: 50px;
  }
  .scope__text h2 {
    padding: 0 0 30px 0;
    margin: 0 0 0 20px;
    font-size: 32px !important;
    line-height: 1.2em;
    max-width: 320px;
  }
  .scope__list {
    margin-top: 30px;
    margin-left: 20px;
  }
  .scope__li.fade {
    display: none;
  }
}

@media (max-width: 768px) {
  .scope__card {
    padding-left: 48px;
    margin-left: -20px;
    min-height: auto;
    height: 620px;
  }
  .scope__card__head {
    height: 48px;
    width: 620px;
  }
  .scope__card__head p {
    font-size: 24px !important;
  }
  .scope__card__head p span {
    font-size: 12px !important;
    line-height: 1.2em;
  }
  .scope__card__head p i {
    width: 50px;
  }

  .scope__card__text {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 10px;
  }
  .scope__card__text h2 {
    padding-bottom: 20px;
    font-size: 21px !important;
    line-height: 1.2em;
  }
  .scope__card__text li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 14px !important;
    line-height: 1.2em;
  }
  .scope__card__text li::after {
    top: 6px;
    width: 6px;
    height: 6px;
  }
  .scope__col:first-child {
    padding-right: 0;
  }

  .scope__card__img {
    margin-right: 0;
  }

  .scope__text h2 {
    font-size: 21px !important;
  }

  .scope__list {
    margin-left: 10px;
  }

  .scope__control {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 54px);
  }
  .scope__control__li.active p {
    font-size: 14px !important;
    line-height: 1.2em;
  }
  .scope__control__li {
    margin-left: 5px;
    margin-right: 5px;
  }
  .scope__control__li span {
    border: 1px solid white;
  }

  .scope__li__name {
    font-size: 14px !important;
    line-height: 1.2em;
    width: 70px;
    min-width: 70px;
  }
  .scope__li__text {
    font-size: 14px !important;
    line-height: 1.2em;
  }

  .scope__control__arrow--left {
    margin-right: 10px;
  }
  .scope__control__arrow--right {
    margin-left: 10px;
  }
  .scope__control__arrow {
    font-size: 30px !important;
    line-height: 30px;
    font-family: "Acrom";
    font-weight: normal;
    color: white;
    text-align: center;
    text-decoration: none;
    width: 30px;
    height: 30px;
    min-width: 30px;
  }
}

@media (max-width: 576px) {
  .scope__control__li span {
    width: 6px;
    height: 6px;
  }
  .scope__control__li.active span {
    width: 14px;
    height: 14px;
    min-width: 14px;
  }
}

/*
* Sensor
*/
.sensor {
  position: relative;
}
.sensor__block {
  display: none;
}
.sensor__block.active {
  display: block;
}
.sensor__block--1 {
  position: relative;
  background-image: url("../img/pages/altey01/sensor-1_big.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.sensor__block--1 .sensor__text_bcg {
  position: absolute;
  left: 25px;
  bottom: -20%;
  font-size: 100px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: bold;
  text-transform: uppercase;
  transform-origin: left bottom;
  color: rgba(255, 255, 255, 0.2);
  transform: rotate(-90deg);
}

.sensor__block--2 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/pages/altey01/sensor-2_big.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #1a1a1a;
}
.sensor__block--2 .sensor__description {
  margin-left: 50%;
}
.sensor__block--2 .sensor__text_bcg {
  position: absolute;
  left: 6%;
  bottom: 10%;
  font-size: 5.8vw !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;
  transform-origin: right bottom;
  color: rgba(255, 255, 255, 0.2);
  max-width: 580px;
  transform: rotate(-90deg) translateX(100%);
}
.sensor__block--2 .sensor__text_bcg span {
  font-size: 2.9vw !important;
  line-height: 1.2em;
}

.sensor__block--1 .sensor__description {
  padding-top: 300px;
}
.sensor__block--2 .sensor__description {
  padding-top: 333px;
}
.sensor__description h2 {
  padding: 0;
  margin: 0;
  font-size: 60px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: bold;
  text-transform: uppercase;
  color: white;
}
.sensor__description h3 {
  padding: 0;
  margin: 0;
  font-size: 26px !important;
  line-height: 1.4em;
  font-family: "Acrom";
  font-weight: normal;
  color: white;
  max-width: 250px;
}
.sensor__description ul {
  padding: 0;
  margin: 30px 0 0 0;
  list-style: none;
  max-width: 450px;
}
.sensor__description li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  font-size: 18px !important;
  line-height: 1.8em;
  font-family: "Acrom";
  color: white;
}
.sensor__description li::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 14px;
  height: 14px;
  border: 1px solid white;
  border-radius: 50%;
}

.sensor__cards {
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
  margin-top: 50px;
  transform: translateY(70%);
}
.sensor__card {
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
}
.sensor__card > img {
  border-radius: 10px;
}
.sensor__card--1 > div,
.sensor__card--2 > div,
.sensor__card--3 > div,
.sensor__card--4 > div {
  position: absolute;
  bottom: 30px;
  left: 40px;
  font-size: 18px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
}

.sensor__blocks {
  position: relative;
}
.sensor__blocks.container-big {
  max-width: none;
}

.sensor__control {
  position: absolute;
  top: 80px;
  right: 50%;
  display: flex;
  margin-left: -16px;
  margin-right: -16px;
  align-items: center;
  transform: translateX(800px);
}
.sensor__control > a {
  display: inline-block;
  padding: 0 40px;
  margin-left: 16px;
  margin-right: 16px;
  font-size: 18px !important;
  line-height: 40px;
  font-family: "Acrom";
  text-decoration: none;
  height: 40px;
  color: white;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.2);
  transition: color.3s ease;
}
.sensor__control > a:hover {
  text-decoration: none;
}
.sensor__control > a.active {
  padding: 0;
  font-size: 0 !important;
  line-height: 0;
  width: 30px;
  height: 30px;
  border-radius: 15px;
}

.sensor__arrows {
  position: absolute;
  left: 50%;
  bottom: 240px;
  display: flex;
  justify-content: space-between;
  max-width: 1600px;
  width: 100%;
  transform: translateX(-50%);
}
.sensor__arrow {
  font-size: 40px !important;
  line-height: 40px;
  font-family: "Acrom";
  font-weight: normal;
  color: white;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  transition: color 0.3s ease;
}
.sensor__arrow:hover {
  text-decoration: none;
}

@media (max-width: 1660px) {
  .sensor__control {
    right: 20px;
    transform: translateX(0);
  }
  .sensor__arrows {
    width: calc(100% - 40px);
  }
  .sensor__block--1 {
    background: url("../img/pages/altey01/sensor-1.jpg") no-repeat center;
    background-size: cover;
  }
  .sensor__block--2 {
    background: url("../img/pages/altey01/sensor-2.jpg") no-repeat center;
    background-size: cover;
  }
}

@media (max-width: 1440px) {
  .sensor__block--2 .sensor__text_bcg {
    left: -4%;
    bottom: 0%;
  }
  .sensor__block--2 .sensor__text_bcg span {
    font-size: 46px !important;
    line-height: 1.2em;
  }
  .sensor__description h2 {
    font-size: 46px !important;
    line-height: 1.2em;
  }
}

@media (max-width: 1100px) {
  .sensor__block--2 .sensor__text_bcg {
    left: -20%;
    bottom: -2%;
  }
}

@media (max-width: 992px) {
  .sensor {
    z-index: 2;
  }
  .sensor__control {
    top: auto;
    right: 50%;
    bottom: 100px;
    transform: translateX(50%);
  }
  .sensor__text_bcg {
    display: none;
  }
  .sensor__description {
    padding-top: 50px;
    margin-left: 20px;
  }
  .sensor__arrows {
    bottom: 42%;
  }
  .sensor__cards {
    margin-top: -70%;
    flex-wrap: wrap;
    transform: translateY(calc(100% - 80px));
  }
  .sensor__card {
    margin-top: 0;
    margin-bottom: 16px;
    width: calc(50% - 16px);
  }
}

@media (max-width: 768px) {
  .sensor__description {
    padding-top: 40px;
    margin-left: 10px;
  }
  .sensor__description h2 {
    margin-bottom: 10px;
    font-size: 24px !important;
    line-height: 1.2em;
  }
  .sensor__description h3 {
    font-size: 18px !important;
    line-height: 1.2em;
  }
  .sensor__description ul {
    margin-top: 10px;
  }
  .sensor__description li {
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 14px !important;
    line-height: 1.4em;
  }
  .sensor__description li::after {
    top: 5px;
    width: 8px;
    height: 8px;
  }

  .sensor__block--1 .sensor__description {
    padding-top: 70px;
    margin-left: 50px;
    margin-bottom: 100px;
  }
  .sensor__block--2 .sensor__description {
    padding-top: 119px;
    margin-right: 40px;
    margin-bottom: 50px;
  }

  .sensor__control {
    width: 100%;
  }
  .sensor__control > a {
    padding: 0 30px;
    font-size: 14px !important;
  }

  .sensor__card--1 > div,
  .sensor__card--2 > div,
  .sensor__card--3 > div,
  .sensor__card--4 > div {
    bottom: 10px;
    left: 10px;
    font-size: 12px !important;
    line-height: 1.2em;
  }

  .sensor__cards {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
  }
}

/*
* Comfort
*/
.comfort {
  padding-top: 310px;
  padding-bottom: 70px;
}
.comfort__text_1 {
  margin-bottom: 60px;
  font-size: 268px !important;
  line-height: 1em;
  font-family: "Acrom";
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.1);
}
.comfort__text_2 {
  font-size: 186px !important;
  line-height: 1em;
  font-family: "Acrom";
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.1);
}
.comfort__row {
  position: absolute;
  top: 50%;
  left: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  transform: translateY(-50%);
}
.comfort__col {
  width: 50%;
}
.comfort__value {
  padding: 0;
  margin-bottom: 20px;
  font-size: 50px !important;
  line-height: 1em;
  font-family: "Acrom";
  font-weight: 500;
  color: white;
}
.comfort__value strong {
  font-size: 100px !important;
  line-height: 1em;
  font-family: "Acrom";
  color: white;
}
.comfort__description {
  padding: 0;
  margin: 0;
  font-size: 18px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
}

@media (max-width: 1440px) {
  .comfort__text_1 {
    font-size: 186px !important;
    line-height: 1em;
  }
  .comfort__text_2 {
    font-size: 126px !important;
    line-height: 1em;
  }
}

@media (max-width: 992px) {
  .comfort {
    padding-top: 90%;
  }
  .comfort__text_1 {
    font-size: 126px !important;
    line-height: 1em;
  }
  .comfort__text_2 {
    font-size: 86px !important;
    line-height: 1em;
  }
}

@media (max-width: 768px) {
  .comfort {
    padding-top: 86%;
  }
  .comfort__text_1 {
    font-size: 48px !important;
    line-height: 1em;
  }
  .comfort__text_2 {
    font-size: 34px !important;
    line-height: 1em;
  }
  .comfort__row {
    flex-wrap: wrap;
  }
  .comfort__col {
    margin-bottom: 40px;
    width: 100%;
  }
  .comfort__value {
    margin-bottom: 0;
  }
  .comfort__description {
    font-size: 14px !important;
    line-height: 1.2em;
  }
  .comfort__col:last-child {
    text-align: right;
  }
}

/*
* Module
*/
.module {
  padding-bottom: 100px;
  background: url("../img/pages/altey01/module-1.jpg") no-repeat center;
  background-size: cover;
}

.module__row_1 {
  display: flex;
  align-items: center;
}
.module__row_1 > div {
  width: 50%;
}
.module__row_1 h2 {
  padding: 0;
  margin: 0;
  font-size: 60px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: 500;
  color: white;
}

/* .module__row_1.active .module__block--1 {
  display: block;
}
.module__row_1:not(.active) .module__block--2 {
  display: block;
}
.module__row_1.active .module__title--1 {
  display: block;
}
.module__row_1:not(.active) .module__title--2 {
  display: block;
} */

.module__blocks {
  position: relative;
  margin-bottom: -130px;
  transform: translateY(-130px);
}
.module__block {
  position: relative;
  display: none;
  border-radius: 10px;
}
.module__block.active {
  display: block;
}
.module__block > img {
  border-radius: 10px;
}
.module__block > div {
  position: absolute;
  top: 50px;
  left: 70px;
  right: 70px;
  bottom: 50px;
}
.module__block h2 {
  margin-bottom: 110px;
  max-width: 600px;
}
.module__block ul {
  padding: 0;
  margin: 20px 0 0 0;
  list-style: none;
}
.module__block li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 0px;
  font-size: 18px !important;
  line-height: 1.8em;
  font-family: "Acrom";
  color: white;
}
.module__block li::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: white;
  border-radius: 50%;
}
.module__block .module__block__shift {
  margin-top: 50px;
}
.module__block .module__block__shift strong {
  font-size: 60px !important;
  line-height: 1.2em;
  font-weight: bold;
}

.module__dots {
  position: absolute;
  bottom: 20px;
  right: 20px;
  margin-left: -10px;
  margin-right: -10px;
}
.module__dots a {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid white;
  background-color: transparent;
  transition: all 0.4s ease;
}
.module__dots a.active,
.module__dots a:hover {
  background-color: white;
}

.module__arrows {
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.module__arrows a {
  font-size: 40px !important;
  line-height: 40px;
  font-family: "Acrom";
  font-weight: normal;
  color: white;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  transition: color 0.3s ease;
}
.module__arrows a:hover {
  text-decoration: none;
}

.module__row_2 {
  display: flex;
  margin-top: -250px;
  align-items: flex-end;
}
/* .module__row_2.active {
  flex-direction: column;
} */
/* .module__row_2.active > div {
  width: 100%;
} */
.module__row_2 > div {
  width: 50%;
}
.module__row_1 p,
.module__row_2 p {
  padding: 0;
  margin: 0;
  font-size: 26px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
}
.module__img {
  position: relative;
}
.module__img__body {
  margin-right: -10%;
  width: 110%;
}
.module__img__text {
  position: absolute;
  bottom: 60px;
  left: 0;
}
.module__img p {
  max-width: 310px;
}
.module__img p:first-child {
  margin-bottom: 20px;
}
.module__img p > strong {
  font-size: 60px !important;
  line-height: 1.2em;
  font-weight: bold;
}

.module__text {
  margin-bottom: 160px;
}
.module__text p {
  max-width: 680px;
}
/* .module__text h2 {
  display: none;
} */

/* .module__row_2.active {
  margin-top: -50px;
}
.module__row_2.active .module__img__body {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.module__row_2.active .module__text {
  position: relative;
  display: flex;
  margin-top: -180px;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.module__row_2.active .module__text p {
  padding-right: 10px;
  text-align: right;
}
.module__row_2.active .module__text h2 {
  display: block;
  padding: 0 0 0 10px;
  margin: 0;
  font-size: 60px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: bold;
  color: white;
  border-left: 1px solid white;
  max-width: 570px;
}
.module__row_2.active .module__img__text {
  top: 140px;
  bottom: auto;
} */

@media (max-width: 1440px) {
  .module__row_1 h2 {
    font-size: 46px !important;
    line-height: 1.2em;
  }
  .module__block .module__block__shift strong {
    font-size: 46px !important;
    line-height: 1.2em;
  }
  .module__img p > strong {
    font-size: 46px !important;
    line-height: 1.2em;
  }
  .module__row_2 {
    margin-top: -70px;
  }
  .module__row_2.active .module__text {
    margin-top: -90px;
  }
  .module__row_2.active .module__text h2 {
    font-size: 46px !important;
    line-height: 1.2em;
  }
  .module__img__text {
    bottom: -30px;
  }
  .module__row_1 p,
  .module__row_2 p {
    font-size: 21px !important;
    line-height: 1.2em;
  }
}

@media (max-width: 992px) {
  .module {
    padding-bottom: 0;
  }
  .module__blocks {
    margin-bottom: 20px;
    transform: translateY(-70px);
  }
  .module__row_1 {
    flex-direction: column-reverse;
  }
  .module__row_1 > div {
    width: 100%;
    max-width: 550px;
  }
  .module__row_1 h2 {
    font-size: 32px !important;
    line-height: 1.2em;
  }
  .module__title--2 h2 {
    text-align: center;
  }
  .module__block > div {
    top: 30px;
    left: 40px;
    right: 40px;
    bottom: 30px;
  }
  .module__arrows {
    left: -20px;
    right: -20px;
  }
  .module__dots {
    margin-left: -5px;
    margin-right: -5px;
  }
  .module__dots a {
    margin-left: 5px;
    margin-right: 5px;
  }

  .module__title {
    display: block;
  }

  .module__row_2 {
    margin-top: 20px;
    flex-direction: column;
  }
  .module__row_2 > div {
    width: 100%;
  }
  .module__title--1 h2 {
    margin-top: 20px;
    text-align: left;
  }
  .module__img__body {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 420px;
  }
  .module__img__text {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: -70px;
    margin-bottom: 20px;
    max-width: 220px;
  }
  .module__row_2 p {
    font-size: 18px !important;
    line-height: 1.2em;
  }
  .module__img p:first-child {
    margin-bottom: 0;
  }
  .module__img p > strong {
    font-size: 32px !important;
    line-height: 1.2em;
  }
  .module__text {
    margin-bottom: 20px;
    text-align: right;
  }
  .module__text p {
    margin-left: auto;
    max-width: 680px;
  }

  .module__row_2.active {
    margin-top: 20px;
  }
  .module__row_2.active .module__text h2 {
    display: none;
  }
  .module__row_2.active .module__img__text {
    display: block;
    position: static;
    bottom: auto;
    left: auto;
    top: -70px;
    max-width: 220px;
  }
  .module__row_2.active .module__text {
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .module {
    padding-bottom: 100px;
  }
  .module__blocks {
    margin-bottom: 20px;
    transform: translateY(0);
  }
  .module__row_1 h2 {
    font-size: 21px !important;
    line-height: 1.2em;
  }
  .module__block h2 {
    margin-bottom: 20px;
  }
  .module__row_1 p,
  .module__row_2 p {
    font-size: 12px !important;
    line-height: 1.2em;
  }
  .module__block .module__block__shift strong {
    font-size: 24px !important;
    line-height: 1.2em;
    display: block;
  }
  .module__block li {
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 12px !important;
    line-height: 1.2em;
  }
  .module__block li::after {
    top: 5px;
  }

  .module__dots {
    bottom: 10px;
    right: 10px;
  }
  .module__dots a {
    width: 18px;
    height: 18px;
  }

  .module__row_2.active .module__img__body {
    width: 100%;
  }
}

/*
* Schema
*/
.schema {
}
.schema__label {
  padding: 30px 50px;
  margin-left: auto;
  margin-right: auto;
  font-size: 26px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
  max-width: 860px;
  text-align: center;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.8);
  transform: translateY(-50%);
}
.schema__img {
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
}

@media (max-width: 992px) {
  .schema {
    display: none;
  }
}

/*
* Diagnostic
*/
.diagnostic {
  position: relative;
  background: linear-gradient(to bottom right, #0d2020, #030c0f);
}
.diagnostic > img {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: auto;
  transform: translateX(-80%);
}
.diagnostic___container {
  position: relative;
  z-index: 2;
}
.diagnostic__card {
  padding: 20px 30px;
  margin-left: 50%;
  width: 50%;
  border-radius: 10px;
  background: linear-gradient(to bottom right, #0d1617, rgba(26, 26, 26, 0.9));
  transform: translateY(120px);
}
.diagnostic__card h2 {
  padding: 0;
  margin: 0 0 30px 0;
  font-size: 60px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: bold;
  color: white;
}
.diagnostic__card__body {
  display: flex;
}
.diagnostic__card__img {
  width: 50%;
}
.diagnostic__card__img img {
  margin-left: -40%;
  margin-top: -10%;
  margin-bottom: -35%;
  width: 160%;
}
.diagnostic__card__text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 26px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
  text-align: right;
  width: 50%;
}
.diagnostic__card__text a {
  display: inline-block;
  margin-top: 30px;
  color: white;
  transition: color 0.3s ease;
}
.diagnostic__card__text a:hover {
  color: #005a6e;
}

.diagnostic__text {
  padding-top: 50px;
  margin-left: 50%;
  width: 50%;
}
.diagnostic__text p {
  font-size: 26px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
  text-align: right;
}
.diagnostic__text h2 {
  padding: 0;
  margin: 0 0 30px 0;
  font-size: 60px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: 500;
  text-align: right;
  color: white;
}
.diagnostic__card__title {
  display: none;
}

@media (max-width: 1440px) {
  .diagnostic__card h2 {
    font-size: 46px !important;
    line-height: 1.2em;
  }
  .diagnostic__text h2 {
    font-size: 46px !important;
    line-height: 1.2em;
  }
  .diagnostic__card__text {
    font-size: 21px !important;
    line-height: 1.2em;
  }
}

@media (max-width: 992px) {
  .diagnostic__text p {
    font-size: 18px !important;
    line-height: 1.2em;
  }
  .diagnostic__card {
    margin-left: auto;
    width: 100%;
    max-width: 550px;
    transform: translateY(20px);
  }
  .diagnostic__card h2.diagnostic__card__title {
    display: block;
    margin-bottom: 80px;
  }
  .diagnostic__card h2 {
    margin-left: auto;
    font-size: 32px !important;
    line-height: 1.2em;
    max-width: 260px;
    text-align: right;
  }
  .diagnostic__card__text {
    font-size: 14px !important;
    line-height: 1.2em;
  }
  .diagnostic__card__img {
    margin-top: -50%;
  }
}

@media (max-width: 768px) {
  .diagnostic {
    padding-bottom: 70px;
    margin-top: 270px;
  }
  .diagnostic___container {
    display: flex;
    flex-direction: column-reverse;
  }
  .diagnostic > img {
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
    transform: translateX(-40%);
  }
  .diagnostic__card {
    padding: 20px;
    transform: translateY(calc(50px - 100%));
  }
  .diagnostic__card h2 {
    font-size: 21px !important;
    line-height: 1.2em;
    max-width: 170px;
  }
  .diagnostic__card h2.diagnostic__card__title {
    margin-bottom: 50px;
  }
  .diagnostic__card__text {
    font-size: 12px !important;
    line-height: 1.2em;
    width: 100%;
  }
  .diagnostic__card__text > div:first-child {
    margin-left: auto;
    max-width: 170px;
  }
  .diagnostic__card__text > div:last-child {
    margin-top: 20px;
  }
  .diagnostic__card__img {
    position: absolute;
    top: 50%;
    margin-top: 0%;
    transform: translateY(-70%);
  }

  .diagnostic__text {
    margin-left: auto;
    width: 220px;
  }
  .diagnostic__text h2 {
    display: none;
  }
  .diagnostic__text p {
    font-size: 14px !important;
    line-height: 1.2em;
  }
}

/*
* Substation
*/
.substation {
  background: url("../img/pages/altey01/substation-2.jpg") no-repeat center;
  background-size: cover;
}
.substation__container {
  position: relative;
}
.substation__body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.substation__body h2 {
  position: absolute;
  top: 20%;
  left: 20px;
  padding: 0;
  margin: 0;
  font-size: 60px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: 500;
  color: white;
  max-width: 420px;
}

.substation__img {
  margin-left: -20px;
  margin-right: -20px;
}

.substation__text {
  padding: 0;
  margin: 0;
  position: absolute;
  font-size: 18px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
}
.substation__text p {
  padding: 0;
  margin: 0;
  font-size: 18px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
}
.substation__text--1 {
  top: 45%;
  left: 15%;
  max-width: 100px;
}
.substation__text--2 {
  top: 43%;
  left: 29%;
  max-width: 100px;
}
.substation__text--3 {
  top: 39%;
  left: 40%;
  max-width: 140px;
}
.substation__text--4 {
  bottom: 50px;
  left: 15%;
}
.substation__text--5 {
  top: 23%;
  right: 28%;
  max-width: 104px;
}

.substation__label {
  padding: 0;
  margin: 0;
  position: absolute;
  font-size: 26px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
}
.substation__label--1 {
  bottom: 43%;
  right: 36%;
}
.substation__label--2 {
  bottom: 30%;
  right: 48%;
}
.substation__label--3 {
  bottom: 20.5%;
  right: 27%;
}
.substation__label--4 {
  bottom: 13%;
  right: 41%;
}
/* .substation__label--5 {
  bottom: 21%;
  right: 15%;
} */
.substation__card {
  display: none;
}

@media (max-width: 1440px) {
  .substation__body h2 {
    font-size: 46px !important;
    line-height: 1.2em;
  }
}

@media (max-width: 992px) {
  .substation__body h2 {
    top: 30px;
    font-size: 32px !important;
    line-height: 1.2em;
    max-width: 220px;
  }
  .substation__text {
    font-size: 12px !important;
  }
  .substation__text--1 {
    max-width: 70px;
  }
  .substation__text--2 {
    max-width: 70px;
  }
  .substation__text--3 {
    left: 40%;
    max-width: 90px;
  }
  .substation__text--4 {
    bottom: 20px;
  }
  .substation__text--5 {
    right: 24%;
    max-width: 80px;
  }
  .substation__label {
    font-size: 14px !important;
    line-height: 1.2em;
  }
}

@media (max-width: 768px) {
  .substation {
    background: transparent;
  }
  .substation__card {
    display: block;
    padding: 30px 20px;
    margin-left: 20px;
    border-radius: 10px;
    background-color: #0d1617;
    box-shadow: 0 0 25px 6px rgb(0 0 0 / 60%);
    max-width: 500px;
    transform: translateY(-30px);
  }
  .substation__card h2 {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 21px !important;
    line-height: 1.2em;
    font-weight: bold;
    color: white;
    width: 140px;
  }
  .substation__card p {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 21px !important;
    line-height: 1.2em;
    font-weight: bold;
    color: white;
  }
  .substation__img {
    display: none;
  }
  .substation__body {
    display: none;
  }
}

/*
* Settings
*/
.settings {
  position: relative;
  z-index: 2;
}
.settings__container {
  display: flex;
  align-items: center;
}
.settings__container > div {
  width: 50%;
}
.settings__container > div:last-child {
  padding-left: 50px;
  background: url("../img/pages/altey01/mounting-2.png") no-repeat right bottom;
  background-size: 80%;
}

.settings__blocks {
  transform: translateY(-30px);
}
.settings__block {
  display: none;
  position: relative;
}
.settings__block.active {
  display: block;
}
.settings__block > div {
  position: absolute;
}
.settings__block > img {
  border-radius: 10px;
}
.settings__block h2 {
  padding: 0;
  margin: 0;
  font-size: 60px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: bold;
  color: white;
}
.settings__block p {
  font-size: 26px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
}

.settings__block--1 > div {
  top: 20%;
  bottom: 50px;
  left: 63%;
  right: 40px;
}
.settings__block--1 p {
  max-width: 180px;
}
.settings__block--1 a {
  margin-top: 90px;
}
.settings__block--2 > div {
  top: 35%;
  left: 50%;
}
.settings__block--2 a {
  margin-top: 90px;
  margin-left: 90px;
}
.settings__block--3 > div {
  top: 50px;
  left: 40px;
  right: 40px;
  bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.settings__block--3 a {
  margin-left: auto;
  margin-right: 50px;
  margin-bottom: 90px;
}

.settings__arrows {
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}
.settings__arrow {
  font-size: 40px !important;
  line-height: 40px;
  font-family: "Acrom";
  font-weight: normal;
  color: white;
  text-align: center;
  text-decoration: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  transition: color 0.3s ease;
}
.settings__arrow:hover {
  text-decoration: none;
}

.settings__dots {
  position: absolute;
  bottom: 20px;
  left: 40px;
  margin-left: -10px;
  margin-right: -10px;
}
.settings__dots a {
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 3px solid white;
  background-color: transparent;
  transition: all 0.4s ease;
}
.settings__dots a.active,
.settings__dots a:hover {
  background-color: white;
}

.settings__row:first-child {
  margin-top: 40px;
  margin-bottom: 50px;
}
.settings__row h2 {
  padding: 0;
  margin: 0 0 20px 0;
  font-size: 60px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: 500;
  color: white;
}
.settings__row p {
  padding: 0;
  margin: 0;
  font-size: 26px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
}
.settings__row ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.settings__row li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
  font-size: 26px !important;
  line-height: 1.4em;
  font-family: "Acrom";
  color: white;
}
.settings__row li::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid white;
  border-radius: 50%;
}
.settings__row li:nth-child(2) {
  max-width: 480px;
}
.settings__row li:nth-child(3) {
  max-width: 514px;
}

@media (max-width: 1440px) {
  .settings__block h2 {
    font-size: 46px !important;
    line-height: 1.2em;
  }
  .settings__row h2 {
    font-size: 46px !important;
    line-height: 1.2em;
  }
  .settings__block > img {
    border-radius: 0;
    opacity: 0.6;
  }
  .settings__block--2 > div {
    left: auto;
    right: 26px;
    width: calc(50% - 26px);
  }
  .settings__block--2 a {
    margin-left: auto;
  }
}

@media (max-width: 992px) {
  .settings {
    padding-top: 50px;
  }
  .settings__container {
    flex-direction: column;
  }
  .settings__container > div {
    width: 100%;
  }
  .settings__container > div:first-child {
    max-width: 500px;
  }
  .settings__blocks {
    transform: translateY(0);
  }
  .settings__block h2 {
    font-size: 32px !important;
    line-height: 1.2em;
  }
  .settings__block p {
    font-size: 18px !important;
    line-height: 1.2em;
  }
  .settings__block--1 > div {
    top: 20px;
    bottom: 30px;
    left: 50%;
    right: 20px;
  }

  .settings__arrows {
    left: -20px;
    right: -20px;
  }
  .settings__dots a {
    width: 20px;
    height: 20px;
  }

  .settings__row h2 {
    font-size: 32px !important;
    line-height: 1.2em;
  }
  .settings__row p {
    font-size: 18px !important;
    line-height: 1.2em;
  }

  .settings__row li {
    padding-left: 30px;
    font-size: 18px !important;
    line-height: 1.2em;
  }
  .settings__row li::after {
    top: 4px;
    width: 10px;
    height: 10px;
  }
}

@media (max-width: 768px) {
  .settings__blocks {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 40px;
    width: calc(100% + 30px);
  }
  .settings__block h2 {
    font-size: 21px !important;
    line-height: 1.2em;
  }
  .settings__block p {
    font-size: 14px !important;
    line-height: 1.2em;
  }
  .settings__block--1 > div {
    top: 20px;
    bottom: 20px;
    left: 40%;
    right: 20px;
  }
  .settings__block--1 a {
    margin-top: 80px;
  }
  .settings__block--2 > div {
    width: calc(60% - 26px);
  }
  .settings__block--2 a {
    margin-top: 50px;
  }

  .settings__dots {
    display: none;
  }
  .settings__arrows {
    left: 0px;
    right: 0px;
  }

  .settings__container > div:first-child {
    margin-left: auto;
    margin-right: auto;
    max-width: 420px;
  }
  .settings__container > div:last-child {
    padding-left: 10px;
  }
  .settings__row:first-child {
    margin-top: 0;
    margin-bottom: 40px;
  }
  .settings__row h2 {
    margin-bottom: 10px;
    font-size: 21px !important;
  }
  .settings__row li {
    font-size: 14px !important;
    line-height: 1.2em;
  }
  .settings__row p {
    font-size: 14px !important;
    line-height: 1.2em;
  }
}

/*
* Mounting
*/
.mounting {
  padding-top: 70px;
}
.mounting__container {
  position: relative;
  display: flex;
  align-items: center;
}
.mounting__container > div {
  width: 50%;
}

.mounting__title {
  position: relative;
  z-index: 2;
}
.mounting__title h2 {
  padding: 0;
  margin: 0 0 20px 0;
  font-size: 60px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: 500;
  color: white;
}
.mounting__title p {
  padding: 0;
  margin: 0;
  font-size: 26px !important;
  line-height: 1.8em;
  font-family: "Acrom";
  color: white;
}
.mounting__text_bcg {
  position: absolute;
  top: 50px;
  left: -16%;
  font-size: 920px !important;
  line-height: 0.7em;
  font-family: "Acrom";
  font-weight: bold;
  white-space: nowrap;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.9);
}

.mounting__card {
  position: relative;
}
.mounting__card > img {
  border-radius: 10px;
}
.mounting__card > div {
  position: absolute;
  top: 40px;
  bottom: 40px;
  left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
}
.mounting__card h3 {
  padding: 0;
  margin: 0 0 30px 0;
  font-size: 40px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: 500;
  color: white;
}
.mounting__card p {
  padding: 0;
  margin: 0;
  font-size: 26px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
}

@media (max-width: 1440px) {
  .mounting__title h2 {
    font-size: 46px !important;
    line-height: 1.2em;
  }
}

@media (max-width: 992px) {
  .mounting__container {
    margin-left: 20px;
    flex-direction: column;
  }
  .mounting__container > div {
    width: 100%;
  }
  .mounting__title h2 {
    font-size: 32px !important;
    line-height: 1.2em;
  }
  .mounting__title p {
    font-size: 18px !important;
    line-height: 1.8em;
  }
  .mounting__card {
    margin-top: 80px;
  }
  .mounting__card > div {
    width: auto;
  }
  .mounting__card h3 {
    margin-bottom: 10px;
    font-size: 18px !important;
    line-height: 1.2em;
  }
  .mounting__card p {
    font-size: 18px !important;
    line-height: 1.2em;
  }
  .mounting__text_bcg {
    font-size: 420px !important;
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.2);
  }
}

@media (max-width: 768px) {
  .mounting__title {
    margin-left: 20px;
  }
  .mounting__title h2 {
    font-size: 21px !important;
    line-height: 1.2em;
  }
  .mounting__title p {
    font-size: 14px !important;
    line-height: 1.2em;
  }

  .mounting__card {
    margin-left: 20px;
  }
  .mounting__card > div {
    top: 0;
    bottom: 40px;
    left: 20px;
    width: 140px;
  }
  .mounting__card h3 {
    margin-bottom: 30px;
    font-size: 14px !important;
    line-height: 1.2em;
    font-weight: normal;
  }
  .mounting__card p {
    font-size: 14px !important;
    line-height: 1.2em;
    font-weight: normal;
  }

  .mounting__text_bcg {
    font-size: 320px !important;
  }
}

/*
* Size
*/
.size {
  padding-top: 70px;
}
.size > div {
  padding-top: 160px;
  padding-bottom: 90px;
  position: relative;
  background: url("../img/pages/altey01/size-1.png") no-repeat right bottom;
  background-size: auto 100%;
}
.size__text {
  position: absolute;
  top: 110px;
  right: 20px;
  display: flex;
  padding: 0;
  margin: 0;
  align-items: center;
  font-size: 100px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: rgba(255, 255, 255, 0.6);
}
.size__text p {
  margin-bottom: 0;
}
.size__text p:last-child {
  font-size: 270px !important;
  line-height: 1.2em;
  font-weight: bold;
}
.size__img {
  width: 80%;
}

@media (max-width: 1440px) {
  .size__text p:last-child {
    font-size: 170px !important;
  }
}

@media (max-width: 992px) {
  .size__img {
    width: 100%;
  }
  .size__text {
    top: 0px;
    font-size: 42px !important;
    line-height: 1.2em;
  }
  .size__text p:last-child {
    font-size: 110px !important;
  }
}

@media (max-width: 768px) {
  .size {
    padding-top: 20px;
  }
  .size > div {
    padding-top: 0;
    padding-bottom: 0;
    background: transparent;
  }
  .size__text {
    top: -80px;
    left: 40px;
    flex-direction: column;
    font-size: 16px !important;
    line-height: 1.2em;
    align-items: flex-start;
    text-transform: uppercase;
  }
  .size__text p:first-child {
    margin-bottom: -24px;
    margin-left: 56px;
  }
  .size__text p:last-child {
    font-size: 60px !important;
    text-transform: capitalize;
  }
  .size__img {
    display: none;
  }
}

/*
* Budget
*/
.budget {
}
.budget__container {
  display: flex;
  padding-bottom: 180px;
  background: url("../img/pages/altey01/budget-1.jpg") no-repeat -32% center;
  background-size: cover;
}
.budget__container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(0, 6, 6, 1) 0%,
    rgba(0, 6, 6, 0.2) 20%
  );
}
.budget__container > div {
  position: relative;
  width: 50%;
  z-index: 1;
}

.budget__card {
  padding: 40px;
  border-radius: 10px;
  background-color: #0d1617;
  box-shadow: 0 0 25px 6px rgba(0, 0, 0, 0.6);
  transform: translateY(-40px);
}
.budget__card__text {
  display: none;
}
.budget__card h2 {
  padding: 0;
  margin: 0 0 20px 0;
  font-size: 40px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: normal;
  color: white;
}
.budget__card > div {
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
  flex-wrap: wrap;
  align-items: flex-start;
}
.budget__card a {
  display: flex;
  padding: 12px;
  margin: 10px;
  font-size: 16px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  color: white;
  align-items: center;
  border: 1px solid white;
  border-radius: 10px;
  background-color: black;
  text-decoration: none;
  height: 76px;
  width: 42%;
  transition: all 0.3s ease;
}
.budget__card a:hover {
  color: #005a6e;
  border-color: #005a6e;
}
.budget__card a > div {
  margin-right: 20px;
  width: 50px;
  min-width: 50px;
}
.budget__card a:last-child {
  height: auto;
  width: 196px;
}
.budget__card a:last-child > div {
  width: 26px;
  min-width: 26px;
}
.budget__card p {
  margin-bottom: 0;
}

.budget__img {
  display: none;
}

.budget__list {
  padding-left: 15%;
}
.budget__list h2 {
  padding: 0;
  margin: 20px 0 20px 0;
  font-size: 60px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: 500;
  color: white;
  max-width: 450px;
}
.budget__list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.budget__list li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
  font-size: 26px !important;
  line-height: 1.4em;
  font-family: "Acrom";
  color: white;
}
.budget__list li::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid white;
  border-radius: 50%;
}

@media (max-width: 1440px) {
  .budget__list h2 {
    font-size: 46px !important;
    line-height: 1.2em;
  }
  .budget__card {
    padding: 30px;
  }
  .budget__card a {
    width: 44%;
    height: 100px;
  }
}

@media (max-width: 992px) {
  .budget__content {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
  }
  .budget__container {
    padding-bottom: 20px;
    background: transparent;
  }
  .budget__container > div {
    width: 100%;
  }
  .budget__card {
    position: relative;
    margin-left: 20px;
    width: calc(100% - 100px);
  }
  .budget__card h2 {
    font-size: 32px !important;
    line-height: 1.2em;
  }
  .budget__card .budget__card__text {
    position: absolute;
    bottom: 50%;
    left: calc(100% + 20px);
    display: block;
    padding: 0;
    margin: 0;
    font-size: 26px !important;
    line-height: 1.2em;
    font-family: "Acrom";
    color: rgba(255, 255, 255, 0.4);
    transform: rotate(-90deg) translateY(100%);
    width: 440px;
    transform-origin: left bottom;
  }

  .budget__img {
    display: block;
    margin-left: -20px;
    margin-right: -20px;
  }

  .budget__list {
    padding: 30px;
    margin-left: 20px;
    border-radius: 10px;
    background-color: #0d1617;
    box-shadow: 0 0 25px 6px rgb(0, 0, 0, 0.6);
    max-width: 500px;
    transform: translateY(80px);
  }
  .budget__list h2 {
    margin: 0 0 20px 0;
    font-size: 32px !important;
    line-height: 1.2em;
  }
  .budget__list li {
    padding-left: 30px;
    font-size: 18px !important;
    line-height: 1.2em;
  }
  .budget__list li::after {
    top: 4px;
    width: 10px;
    height: 10px;
  }
}

@media (max-width: 768px) {
  .budget__list {
    padding: 30px 20px;
    transform: translateY(30px);
  }
  .budget__list h2 {
    font-size: 21px !important;
    line-height: 1.2em;
  }
  .budget__list li {
    font-size: 14px !important;
    line-height: 1.2em;
  }

  .budget__card {
    padding: 14px;
    width: calc(100% - 80px);
    transform: translateY(-20px);
  }
  .budget__card a {
    width: 100%;
  }
  .budget__card h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 21px !important;
    line-height: 1.2em;
  }
  .budget__card a {
    padding: 10px;
    font-size: 14px !important;
    line-height: 1.2em;
    height: auto;
  }
  .budget__card a > div {
    margin-right: 10px;
    width: 36px;
    min-width: 36px;
  }
  .budget__card .budget__card__text {
    left: calc(100% + 10px);
    font-size: 21px !important;
    line-height: 1.2em;
    width: 220px;
  }
}

/*
* Complect
*/
.complect {
}
.complect__container {
  display: flex;
}
.complect__container > div {
  width: 50%;
}

.complect__img {
  position: relative;
  margin-top: -100px;
  display: flex;
  align-items: flex-end;
  z-index: 2;
}
.complect__img > h2 {
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 40px;
  left: 0;
  font-size: 60px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: 500;
  color: white;
  transform: rotate(-90deg) translateY(100%);
  transform-origin: left bottom;
}
.complect__img > div {
  margin-left: auto;
  margin-right: auto;
  width: 57%;
}

.complect__text h2 {
  position: relative;
  padding: 0;
  margin: 0 0 20px 0;
  font-size: 60px !important;
  line-height: 1.2em;
  font-family: "Acrom";
  font-weight: 500;
  color: white;
}
.complect__text__row_1 {
  position: relative;
  margin-bottom: 40px;
}
.complect__text__row_1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -25px;
  right: 0;
  left: -100%;
  background-color: #010a0d;
  transform: translateX(20px);
  z-index: 0;
}
.complect__text__row_1 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.complect__text__row_1 li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 10px;
  font-size: 18px !important;
  line-height: 1.8em;
  font-family: "Acrom";
  color: white;
}
.complect__text__row_1 li::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  border: 1px solid white;
  border-radius: 50%;
}

.complect__text__row_2 {
  margin-bottom: 50px;
}
.complect__text__row_2 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.complect__text__row_2 li {
  position: relative;
  margin-bottom: 10px;
  font-size: 18px !important;
  line-height: 1.8em;
  font-family: "Acrom";
  color: white;
}
.complect__text__row_2 li span {
  display: inline-block;
  width: 40px;
}

@media (max-width: 1440px) {
  .complect__img > h2 {
    font-size: 46px !important;
    line-height: 1.2em;
  }
  .complect__text h2 {
    font-size: 46px !important;
    line-height: 1.2em;
  }
}

@media (max-width: 992px) {
  .complect__img {
    display: none;
  }
  .complect__container > div {
    width: 100%;
  }
  .complect__text h2 {
    font-size: 32px !important;
    line-height: 1.2em;
  }
  .complect__text__row_1 li {
    padding-left: 30px;
  }
  .complect__text__row_2 li span {
    width: 30px;
  }
}

@media (max-width: 768px) {
  .complect__text h2 {
    margin-bottom: 10px;
    font-size: 24px !important;
    line-height: 1.2em;
  }
  .complect__text__row_1 li {
    padding-left: 20px;
    font-size: 14px !important;
    line-height: 1.4em;
  }
  .complect__text__row_1 li::after {
    top: 4px;
  }
  .complect__text__row_2 li {
    font-size: 14px !important;
    line-height: 1.4em;
  }
  .complect__text__row_2 li span {
    width: 20px;
  }
}

#header-phone a {
  color: white;
  transition: color 0.3s ease;
}
#header-phone a:hover {
  color: #005a6e;
  text-decoration: none;
}

.form {
  background-color: #000606;
}
.container.form__body {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.form__body > div {
  position: relative;
  margin-right: 50px;
  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: transparent
    radial-gradient(closest-side at 25% 34%, #000000 0%, #343434 100%) 0% 0%
    no-repeat padding-box;
  box-shadow: 0px 3px 60px #000000;
  padding: 30px;
  margin-bottom: 50px;
  max-width: 700px;
  margin-right: auto;
  z-index: 2;
}

#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%;
}

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

#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%);
}

#header-phone a {
  color: white;
  transition: color 0.3s ease;
}
#header-phone a:hover {
  color: #005a6e;
  text-decoration: none;
}