.sigma-slider-wrapper {
  position: relative;
}
.sigma-slider-wrapper .desc {
  display: none;
}
.sigma-slider-wrapper #desc-holder {
  width: 50%;
  height: 50px;
  position: absolute;
  left: 350px;
  bottom: 0;
  font-weight: 100;
  font-family: "museo-sans", sans-serif !important;
}
#desc-holder p {
  color: #171717;
  font-family: "museo-sans", sans-serif !important;
}

.sigma-slider-wrapper #desc-holder {
  width: 30%;
  height: 50px;
  position: absolute;
  left: 500px;
  bottom: 0;
  font-family: "museo-sans", sans-serif !important;
}

.pagination {
  margin-top: 2rem;
  display: table-row !important;
  font-family: "museo-sans", sans-serif !important;
}

.pagination .pagi-list ul.slick-dots {
  list-style: none;
}

.sigma-slider .et_pb_module {
  margin-bottom: 0 !important;
}

.pagination .pagi-list ul.slick-dots li {
  float: left;
  width: 50px;
  height: 7px;
  border-radius: 3px;
  margin-left: 30px;
  background-color: gray;
  box-shadow: none;
  border: none;
  transition: 0.3s ease width, 0.3s ease background-color;
  font-family: "museo-sans", sans-serif !important;
}
.pagination .arrows {
  width: 300px;
}

@media screen and (max-width: 768px) {
  .arrows {
    display: none;
  }

  .sigma-slider-wrapper #desc-holder {
    width: 100%;
    height: 50px;
    position: initial;
    bottom: 0;
    font-family: "museo-sans", sans-serif !important;
  }
}

.pagination .arrows .sigma-arrow {
  float: left;
  width: 30px;
}
.pagination .arrows span {
  display: #171717;
  float: left;
  color: black;
  margin: 0 2rem;
  padding: 5px;
}
.pagination .pagi-list ul.slick-dots li:first-of-type {
  margin-left: 0;
}
.pagination .pagi-list ul.slick-dots li.slick-active {
  width: 100px;
  background-color: #171717;
  transition: 0.3s ease width, 0.3s ease background-color;
}

.video {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 2;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

/* #startvideo {
  background-color: #666;
  border: medium none;
  color: #fff;
  display: block;
  font-size: 5rem;
  right: 0;
  margin: 0 auto;
  padding: 8px 16px;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 99;
} */

button.videoBtn {
  /* background-color: #0077a2; */
  background-color: rgba(0, 0, 0, 0);
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  position: absolute;
  /* display: block; */
  width: 100px;
  height: 100px;
  border: none;
  background-repeat: no-repeat;
  background-image: url("/wp-content/uploads/2021/11/Play-button-Andonr-robotics.svg");
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  button.videoBtn {
    display: none;
    /* Little bigger than supposed to but needed to hide the play button
    height: 75px;
    width: 75px;
    top: 50%;
    left: 50%;
    /* Move it up a bit to don't interfer with controls and hide the regular play button on mobiles*/
    /* transform: translate(-50%, -72%);
    -webkit-transform: translate(-50%, -72%); */ 
    
  }
}

.active-video {
  display: none;
}