@charset "UTF-8";
:root {
  --gap: 40px;
  --grey: #E6E6E6;
  --blue: #00A0E0;
  --swiper-theme-color: var(--color1);
  --swiper-navigation-size: 20px ;
}


.certification__content{
  grid-column: 2 span;
}

.section {
  padding: 50px 0px;
}
.section__title {
  margin-bottom: 40px;
  text-transform: uppercase;
  text-align: center;
}

.p-btn {
  border: 1px solid var(--color1);
  background-color: var(--color1);
  display: inline-block;
  padding: 10px 40px;
  color: #FFF;
  transition: all 0.3s;
}
.p-btn:focus, .p-btn:hover {
  background-color: transparent;
  color: var(--color1);
	cursor: pointer;
}

.p-link {
  color: var(--blue);
}
.p-link::after {
  content: "";
  display: inline-block;
  margin-left: 20px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%226%22%20height%3D%2211%22%20viewBox%3D%220%200%206%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.229439%2010.7652C0.0825295%2010.6148%202.57506e-08%2010.4109%203.50453e-08%2010.1983C4.43401e-08%209.98562%200.0825296%209.78168%200.229439%209.6313L4.10846%205.66182L0.22944%201.69235C0.0866934%201.5411%200.00770652%201.33854%200.00949199%201.12828C0.0112775%200.918019%200.0936923%200.716888%200.238986%200.568207C0.384279%200.419526%200.580826%200.33519%200.786294%200.333363C0.991762%200.331536%201.18971%200.412364%201.33751%200.558439L5.77056%205.09487C5.91747%205.24525%206%205.44919%206%205.66183C6%205.87446%205.91747%206.0784%205.77056%206.22878L1.33751%2010.7652C1.19055%2010.9155%200.991266%2011%200.783473%2011C0.57568%2011%200.376394%2010.9155%200.229439%2010.7652V10.7652Z%22%20fill%3D%22%2300A0E0%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 10px;
  width: 6px;
  transition: all 0.3s;
}
.p-link:hover, .p-link:focus {
  text-decoration: none;
  color: var(--blue);
}
.p-link:hover::after, .p-link:focus::after {
  margin-left: 30px;
}

.section__promo {
  background-size: cover;
  background-position: center;
}
.section__promo--content {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 100px 30px;
  width: 50%;
}
@media (max-width: 1024px) {
  .section__promo--content {
    padding: 60px 30px;
  }
}
@media (max-width: 991px) {
  .section__promo--content {
    margin: 0px auto;
    width: 80%;
    text-align: center;
  }
}
.section__promo--content h1 {
  color: var(--color1);
  margin: 0px;
  font-size: 40px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .section__promo--content h1 {
    font-size: 35px;
  }
}
.section__promo--text {
  margin-bottom: 30px;
}
.section__promo--text p {
  margin: 0px;
}
.section__promo--text p:not(:last-child) {
  margin-bottom: 10px;
}
.section__promo--price {
  margin: 0px;
  margin-top: 10px;
}

.advantages__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap);
}
@media (max-width: 1024px) {
  .advantages__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .advantages__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.advantages__item i {
  font-size: 3rem;
  color: var(--color2);
  padding: 1rem 0;
}
.advantages__icons {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}
.advantages__text {
  margin: 0px;
}

.product-list__section {
  background-color: var(--grey);
}
.product-list__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap);
}
@media (max-width: 768px) {
  .product-list__list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.product__item {
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  min-width: 0px;
}
.product__images {
  position: relative;
  max-width: 536px;
  height: 250px;
}
@media (max-width: 1024px) {
  .product__images {
    height: 230px;
  }
}
.product__images img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.product__images .swiper-button-next,
.product__images .swiper-button-prev {
  background-color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.product__content {
  padding: 20px;
  background-color: #fff;
}
.product__price {
  margin: 10px 0px;
  text-align: center;
}
.product__price span {
  font-size: 130%;
}
.product__btns a {
  display: block;
  text-align: center;
}
.product__btns *:not(:last-child) {
  margin-right: 20px;
}
.product__text {
  margin: auto;
  width: 80%;
  margin-top: var(--gap);
  text-align: center;
}

.specifications__item {
  display: flex;
}
.specifications__value {
  margin-left: auto;
}

.constructions__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap);
}
.constructions__shema {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.constructions__shema p {
  font-size: 120%;
}
.constructions__material--title {
  font-size: 140%;
  color: var(--blue);
}

.material__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
@media (max-width: 768px) {
  .material__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.material__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.material__item img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  margin-bottom: 10px;
}
.material__item span {
  width: 100%;
  display: block;
  text-align: center;
  line-height: 1.2;
}

.technology__item {
  display: flex;
  border: 1px solid var(--grey);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
}
.technology__item:not(:last-child) {
  margin-bottom: 20px;
}
.technology__item:nth-child(2n+2) {
  flex-direction: row-reverse;
}
.technology__images {
  flex-basis: 30%;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  gap: 2px;
}
.technology__images img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.technology__content {
  flex: 1;
  padding: 20px 40px;
}
.technology__text {
  margin-bottom: 15px;
}
.technology__text p {
  margin: 0px;
  text-align: justify;
}
.technology__text p:not(:last-child) {
  margin-bottom: 5px;
}

.subservices__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .subservices__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.subservices__item {
  display: flex;
  flex-direction: column;
}
.subservices__item .icon {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
}
.subservices__content {
  flex: 1;
}
.subservices__title {
  line-height: 1.2;
  margin: 0px;
  margin-bottom: 10px;
}
.subservices__link {
  display: none;
}

.video {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.video__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 768px) {
  .video__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

.certification__subtitle {
  font-size: 140%;
  color: var(--color1);
  line-height: 1.1;
}
.certification__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 991px) {
  .certification__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .certification__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.certification__content ul {
  list-style: disc;
  padding-left: 25px;
  margin-bottom: 30px;
}
.certification__content ul li {
  list-style: inherit;
}
@media (max-width: 991px) {
  .certification__doc {
    grid-column: 2 span;
  }
}
.certification__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (max-width: 991px) {
  .certification__list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.spoler__item{
  border: 1px solid var(--grey);
}

.spoler__item:not(:last-child) {
  margin-bottom: 5px;
}
.spoler__item.active {
  transition: 0.3s all;
}
.spoler__item.active .spoler__body {
  padding: 20px;
  height: auto;
}
.spoler__item.active .spoler__icon:after {
  transform: translateY(-50%) rotate(-45deg);
}
.spoler__item.active .spoler__icon::before {
  transform: translateY(-50%) rotate(135deg);
  left: 0px;
}
.spoler__name {
  /*background-color: var(--blue);*/

  padding: 10px 20px;
  display: flex;
  align-items: center;
  transition: 0.3s all;
  cursor: pointer;
}
.spoler__icon {
  margin-left: auto;
  position: relative;
  width: 30px;
  height: 30px;
}
.spoler__icon::before, .spoler__icon::after {
  content: "";
  position: absolute;
  background-color: var(--color1);
  transform: translate(-50%, -50%);
}
.spoler__icon::before {
  width: 100%;
  height: 2px;
  left: 50%;
  top: 50%;
}
.spoler__icon::after {
  height: 100%;
  width: 2px;
  top: 50%;
  left: 50%;
}
.spoler__body {
  transition: 0.3s all;
  overflow: hidden;
  height: 0px;
}

.cooperation__subtitle {
  margin-bottom: 20px;
}
.cooperation__list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 20px;
}
@media (max-width: 1024px) {
  .cooperation__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.cooperation__wrapper:not(:last-child) {
  margin-bottom: 20px;
}
.cooperation__item {
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.cooperation__item::before {
  display: none;
}
.cooperation__item svg {
  width: 70px;
  height: 70px;
}
.cooperation__item span {
  margin-top: 10px;
  display: block;
  line-height: 1.2;
}

.stechnology__item:not(:last-child) {
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.stechnology__top {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .stechnology__top {
    flex-direction: column;
    align-items: flex-start;
  }
}
.stechnology__top svg {
  width: 80px;
  height: 80px;
  margin-right: 20px;
  border: 1px solid var(--color1);
  padding: 5px;
}
.stechnology__top h3 {
  flex: 1;
  font-size: 35px;
  font-weight: bold;
}
@media (max-width: 768px) {
  .stechnology__top h3 {
    font-size: 30px;
  }
}
.stechnology__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .stechnology__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.project__title {
  font-size: 25px;
  /*color: var(--blue);*/
}
.project__top--wrapper {
  display: flex;
  align-items: flex-start;
}
.project__top--date {
  margin: 0px;
  margin-left: auto;
  text-align: right;
}
.project__top--date span {
  font-weight: bold;
  /* color: var(--blue); */
  font-size: 110%;
}
.project__wrapper {
  display: flex;
}
@media (max-width: 991px) {
  .project__wrapper {
    flex-direction: column;
  }
}
.project__slider {
  grid-column: 1 span;
  width: 500px;
  margin-right: 40px;
}
@media (max-width: 991px) {
  .project__slider {
    width: 100%;
    margin-right: 0px;
  }
}
.project__slider .swiper {
  height: 100%;
}
.project__slider .swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.project__slider .swiper .swiper-slide > div {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  filter: blur(15px);
}
.project__slider .swiper .swiper-slide > a {
  position: relative;
  z-index: 2;
}
.project__content {
  grid-column: 1 span;
}

.seo-text ul {
  padding-left: 40px;
  margin-bottom: 20px;
}
.seo-text ul, .seo-text li {
  list-style: disc;
}/*# sourceMappingURL=promo.css.map */