* {
  margin: 0;
  padding: 0;
}
.placeholder_img_partners {
  position: absolute;
  width: 100%;
}

.placeholder_contacts_and_news {
  position: absolute;
  width: 100%;
  height: 100%;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background: #afafaf;
  border-radius: 3px;
}
.all_content {
  overflow: hidden;
}

.tdm-logo-desk {
  position: absolute;
  height: 5rem;
  top: 1.25rem;
  left: 2.5rem;
  z-index: 25;
}

.video_container {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 56.25vw;
}

.actual_video {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.filler_video {
  position: relative;
  width: 100%;
  height: calc(55.75vw - 27px);
}

.play_button_container {
  position: absolute;
  width: 5rem;
  height: 5rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.4;
  cursor: pointer;
}
.play_button_container:hover {
  opacity: 1;
}
.pause_button_container:hover {
  opacity: 1;
}
.play_button {
  width: 100%;
  height: 100%;
}
.pause_button {
  width: 100%;
  height: 100%;
}
.pause_button_container {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  opacity: 0.4;
  cursor: pointer;

  display: none;
}

.video_svg {
  position: absolute;
  top: 0;
  fill: url(#header-shape-gradient-video) #fff;
}

.bottom_svg_mobile {
  height: 100vw;
}

.dot_0_w {
  background: #ffffff;
}

.dot_1_w {
  background: #b1070737;
}

.dot_2_w {
  background: #b1070737;
}

.dot_3_w {
  background: #b1070737;
}

.dot_4_w {
  background: #b1070737;
}
.dot_5_w {
  background: #b1070737;
}

.dot_6_w {
  background: #ffffff;
}
.partners_section {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 50vw;
}
.bottom_title {
  position: relative;
  padding-top: 2vw;
  padding-bottom: 2vw;
  left: 50%;
  transform: translate(-50%, 0);
}
.main_bottom_title {
  text-align: center;
  color: #ffffff;
  font-size: 2rem;
  padding-top: 2rem;
  padding-bottom: 0.5rem;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: 1px;
}
.sub_bottom_title {
  text-align: center;
  color: #ffffffd5;
  font-size: 1.2rem;
}
.next_section {
  position: relative;
  width: 100%;
  height: 25vw;
  background-color: yellow;
}

@media screen and (max-width: 929px) {

  .actual_video {
    width: unset;
    left: 50%;
    height: 100%;
    transform: translate(-50%, 0);
  }
  .video_container {
    position: absolute;
    width: 100%;
    left: 0;
    overflow: hidden;
    height: 75vw;
  }
  .video_svg {
    top: 18.75vw;
  }
  .filler_video {
    height: calc(71.9vw - 27px);
  }
  .dot_0_w,
  .dot_6_w {
    box-shadow: 1px 2px 2px #7c7c7c30;
  }
  .play_button_container {
    width: 4rem;
    height: 4rem;
    top: 55%;
  }
  .pause_button_container {
    width: 2rem;
    height: 2rem;
    bottom: -5%;
  }
  .bottom_title {
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
  }
  .svg_container_bottom {
    height: 75vw;
  }
  .bottom_content {
    height: 75vw;
  }
  .partners_section {
    position: relative;
    width: 69%;
    left:15.5%;
    height:unset;
  }
  .placeholder_img_partners {
    position: relative;
    content: url("/img_azienda/partners_mobile.png");
  }
}
@media screen and (max-width: 730px) {
  .main_bottom_title {
    font-size: 1.8rem;
    padding-top: 1.8rem;
    padding-bottom: 1.2rem;
  }
}
@media screen and (max-width: 660px) {
  .main_bottom_title {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 620px) {
  .main_bottom_title {
    padding-left: 15.5%;
    padding-right: 15.5%;
    white-space: normal;
    font-size: 2rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
  .placeholder_img_partners {
    position: relative;
    content: url("/img_azienda/partners_mobile_horizontal.png");
  }

  .partners_section {
    position: relative;
    width: 82%;
    left:9%;
    height:unset;
  }

}


@media screen and (max-width: 520px) {
  .main_bottom_title {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }

}
@media screen and (max-width: 460px) {
  .main_bottom_title {
    padding-left: 9%;
    padding-right: 9%;
    font-size: 1.8rem;
    padding-top: 1.2rem;
  }
  .partners_section {
    position: absolute;
    width: 96.6%;
    left:1.7%;
    bottom: 2vw;
  }
}
@media screen and (max-width: 410px) {
  .main_bottom_title {
    font-size: 1.6rem;
    padding-top: 0.8rem;
  }
}
@media screen and (max-width: 370px) {
  .main_bottom_title {
    font-size: 1.6rem;
    padding-top: 0.8rem;
  }
}
@media screen and (max-width: 320px) {
  .main_bottom_title {
    font-size: 1.4rem;
    padding-top: 0.7rem;
  }
}