.activity {
  width: calc(100% - 44px);
  max-width: 1200px;
  margin: 3em auto 4em;
  padding-top: 1em;
}

.activity__title {
  text-align: center;
  font-weight: 400;
  font-family: "ALSArtemiusSerif", serif;
  font-size: 300%;
  margin-top: 1.5em;
  margin-bottom: -0.5em;
}

.activity__suppliers {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.supplier__link {
  position: relative;
  display: block;
  padding-top: 40%;
  border: none !important;
  pointer-events: none;
  width: 100%;
}

.supplier {
  width: calc(25% - 45px);
  margin-top: 3em;
  margin-left: 30px;
  margin-right: 30px;
}

.supplier__descr {
  text-align: left;
  /*font-style: italic;*/
  font-family: "ALSArtemiusSerif", serif;
  color: #000;
}

.supplier__text p {
  text-align: center;
}

.supplier__name {
  pointer-events: all;
}

.supplier__name span {
  border-bottom: 1px solid rgba(0, 137, 255, 0.3) !important;
  font-family: "ALSArtemiusSerif", serif;
  font-weight: 400;
}

.supplier__link:visited .supplier__name span {
  border-bottom-color: rgba(180, 14, 180, 0.3) !important;
}

.supplier__link:hover .supplier__name span,
.supplier__link:focus .supplier__name span,
.supplier__link:active .supplier__name span {
  border-bottom-color: rgba(244, 18, 36, 0.3) !important;
}

.supplier__logo {
  position: absolute;
  top: 0;
  left: 25%;
  display: block;
  width: 50%;
  pointer-events: all;
  object-fit: contain;
  object-position: 50% 100%;
}

.supplier__logo_tall {
  width: 60%;
  left: 20%;
}

.supplier__logo_big {
  width: 36%;
  left: 34%;
}

@media (min-width: 981px) {
  .supplier:nth-child(4n) {
    margin-right: 0;
  }

  .supplier:nth-child(4n + 1) {
    margin-left: 0;
  }

  .supplier:last-child {
    margin-right: 0;
  }

  .supplier__descr {
    font-size: 80%;
  }

  .supplier__logo {
    height: calc((100vw - 120px) / 4 * 0.4);
  }

  .activity:nth-child(1) .activity__title,
  .activity:nth-child(8) .activity__title {
    margin-bottom: -1.5em;
  }

  .activity:nth-child(3) .activity__title {
    margin-bottom: 0;
  }
}

@media (min-width: 1244px) {
  .supplier__logo {
    height: 115px;
  }
}

@media (max-width: 980px) and (min-width: 601px) {
  .supplier {
    width: calc(50% - 20px);
    margin: 2em 0 0;
  }

  .supplier:nth-child(2n + 1) {
    margin-right: 40px;
  }

  .supplier:last-child {
    margin-right: 0;
  }

  .supplier__logo {
    height: calc((100vw - 60px) / 2 * 0.4);
  }

  .activity:nth-child(1) .activity__title {
    margin-bottom: -1.5em;
  }
  .activity:nth-child(2) .activity__title {
    margin-bottom: 0.5em;
  }
  .activity:nth-child(3) .activity__title {
    margin-bottom: 0.5em;
  }
  .activity:nth-child(4) .activity__title {
    margin-bottom: -2em;
  }
  .activity:nth-child(5) .activity__title {
    margin-bottom: -2em;
  }
  .activity:nth-child(6) .activity__title {
    margin-bottom: -1.5em;
  }
  .activity:nth-child(8) .activity__title {
    margin-bottom: -2em;
  }
}

@media (max-width: 600px) {
  .supplier__link {
    padding-top: 0;
  }

  .supplier {
    width: 100%;
    margin: 50px 0 10px;
  }

  .supplier__logo {
    position: static;
    object-position: 50% 50%;
    object-fit: fill;
    height: auto !important;
    width: auto !important;
    max-width: 60%;
    margin: 0 auto;
  }
}

.video_process {
  max-width: 1200px;
  margin: 3em auto;
  padding: 0 20px;
}

.video-container {
  position: relative;
  padding-bottom: 54.5%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.announce__text {
  text-align: center;
}

.announce__text h2 {
  font-weight: 400;
}

.supplier-video {
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer;
}

.supplier-video-container {
  position: relative;
  width: calc(100% - 44px);
  max-width: 1200px;
  margin: 2em auto;
}

.supplier-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 80px;
  height: auto;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: transform 0.3s ease-out;
}

.supplier-video-container:hover .supplier-video-play {
  transform: translate(-50%, -50%) scale(1.2);
}

.activities-menu {
  position: absolute;
  top: -2px;
  list-style-position: outside;
  width: 100%;
  background-color: #fff;
  z-index: 999;
}

.activities-menu ul {
  display: flex;
  width: calc(100% - 44px);
  max-width: 1200px;
  padding: 0;
  margin: 0 auto;
  justify-content: space-between;
}

.activities-menu li {
  position: relative;
  display: block;
  width: 12%;
  padding: 1em 0;
  text-align: center;
}

.activities-menu a {
  border-bottom-style: dashed;
}

.activities-menu a:visited {
  color: #0089ff;
  border-color: rgba(0,137,255,.3);
}

.activities-menu a:visited:hover {
  color: #f41224;
  border-color: rgba(244,18,36,.3);
}

@media (max-width: 800px) {
  .activities-menu {
    display: none;
  }
}