#unsuber {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(60deg) translate3d(0, var(--translate), 0);
  transform: rotateX(60deg) translate3d(0, var(--translate), 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center;
  transition: all 0.4s;
  flex-direction: column-reverse;
  display: flex;
  pointer-events: none;
}


#unsuber>div {
  position: relative;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transform: rotateX(-60deg) translateZ(0);
  text-align: center;
  -webkit-transform: translateZ(0);
  transform: rotateX(-60deg) translateZ(0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out, -webkit-opacity 0.5s ease-in-out;
  /* padding: 10% 0 0 0; */
  height: 70vh;
  display: flex;
  opacity: 0;
  -webkit-opacity: 0;
}

#unsuber>div:nth-child(1),
#unsuber>div:nth-child(2),
#unsuber>div:nth-child(3) {
  opacity: 1;
  -webkit-opacity: 1;
}

#unsuber .description_content,
#unsuber .description_content p,
#unsuber .description_content p a {
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  margin: 0 auto;
}

#unsuber>div .container {
  justify-self: center;
  align-self: center;
  text-align: center;
  margin: 0 auto;
}

.member_wheel {
  position: relative;
  width: min(90vh ,90vw);
  height: min(90vh ,90vw);
  border-radius: 50%;
  padding: 0;
  list-style: none;
  margin: 0 auto;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100%' ry='100%' stroke='white' stroke-width='7' stroke-dasharray='37%25%2c 25%25' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 50%;
}
.member_wheel .description_content,
.member_wheel .description_content p,
.member_wheel .description_content p a {
  font-family: 'AbcFavorit', Arial, Helvetica, sans-serif;

}
.member_logos>* {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7%;
  width: 15%;
  height: 15%;
}

.member_logos>*:nth-of-type(1) {
  transform: rotate(180deg) translate(min(45vh, 45vw)) rotate(180deg);
}

.member_logos>*:nth-of-type(2) {
  transform: rotate(251deg) translate(min(45vh, 45vw)) rotate(-251deg);
}

.member_logos>*:nth-of-type(3) {
  transform: rotate(326deg) translate(min(45vh, 45vw)) rotate(-326deg);
}

.member_logos>*:nth-of-type(4) {
  transform: rotate(37deg) translate(min(45vh, 45vw)) rotate(-37deg);
}

.member_logos>*:nth-of-type(5) {
  transform: rotate(109deg) translate(min(45vh, 45vw)) rotate(-109deg);
}

.member_wheel {
  pointer-events: all;
  cursor: auto !important;
  margin-bottom: 485px;
}

.member_logos>img {
  display: block;
  max-width: 100%;
  border-radius: 50%;
  /* transition: .15s; */
  color: #fff;
  cursor: pointer !important;
}

.member_logos img:hover {
  filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(330deg) brightness(144%) contrast(97%);
  width: 17%;
  height: 17%;
  top: 49.5%;
  left: 49.5%;

}

.wheel_members .cell_1_5 {
  min-width: 100%;
  max-width: 100%;
  opacity: 0;
  top: 0;
  scale: 0;
  transform-origin: center center;
  transition: scale 0.8s ease-in-out, opacity 0.4s ease-in-out, transform 0.4s ease-in-out, top 0.8s ease-in-out;
  position: absolute;
  z-index: 2;
}

.wheel_members .cell_1_5.front {
  scale: 1;
  opacity: 1;
  top: 50%;
  transform: translateY(-40%);
}

.wheel_members {
  pointer-events: none;
}

.wheel_members .description_content {
  pointer-events: all;
  margin-top: 30px !important;
  max-width: 380px;
}

.wheel_members .description_content a {
  text-decoration: none;
}

/* .wheel_members .img_cont:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  filter: blur(200px);
  background: rgba(255,255,255,0.8);
  border-radius: 50%;
  z-index: 12;
  transform: translate(-50%, -50%);
} */
.wheel_members .img_cont .img-responsive {
  position: relative;
  z-index: 13;
}
.alsf_start .container{
  align-self: flex-start !important;
}
#unsuber>div.height40vh{
  height: 40vh !important;
}

#unsuber>div.height50vh{
  height: 50vh !important;
}

#unsuber>div.height60vh{
  height: 60vh !important;
}

#unsuber>div.height70vh{
  height: 70vh !important;
}
/* #unsuber>div {
  height: 70vh !important;;
} */
#unsuber h1{
  padding-top: 20px;;
}
#unsuber h1,
#unsuber h1 p{
  font-size: 70px;
}
#unsuber .unsuber_txt .description_content{
  font-size: 21px;
}
@media (max-width: 1450px){
  .max-width-760 .container {
    max-width: 760px;
    margin: 0 auto !important;
    width: 100%;
  }

}
/* 767
.member_wheel {
  transform: scale(0.7);
  margin-left: 0px !important;
  transform-origin: left center;
} */
@media (max-width: 480px){
  #unsuber .description_content, 
  #unsuber .description_content p,
  #unsuber .description_content p a{
    font-size: 12px !important;
  }
  .member_wheel {
    pointer-events: all;
    cursor: auto !important;
    margin-bottom: 200px;
  }
  /* .member_wheel {
    transform: scale(0.6);
    margin-left: -150px !important;
  } */
  .wheel_members .cell_1_5.front{
    left: 0;
  }
}