
.swiper-containers {
  width: 100%;
  height: 100%;
}

.my-swiper-container_nested .swiper-wrapper .swiper-slide {
  text-align: center;
  font-size: 18px;
  /*background: #fff;*/
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.my-swiper-container_nested .swiper-slide {
  /*background: #eee;*/
}
.my-swiper-container_nested .swiper-wrapper .swiper-pagination {
  bottom: 50px;
}


.swiper-navigation-div-contains-button{
    width: 80px;
    background: rgb(197, 167, 60, 0.3);
    position: absolute;
    z-index: 111111111;
    right: 20px;
    bottom: 35px;
    display: block;
    /*height: 35px; */
}

.swiper-button-next{
  margin-top: 0px;
  width: 50%;
  background: rgb(197, 167, 60, 0.3);
  z-index: 111;
  display: inline-block;
  float: left;
  overflow: auto;
  vertical-align: middle;
  text-align: center;
}

.swiper-button-next img{
  width: 100%;
}

.swiper-button-prev{
    width: 50%;
    margin-top: 0px;
    background: rgb(197, 167, 60 , 0.3);
    z-index: 111;
    display: inline-block;
    float: left;
    overflow: auto;
    vertical-align: middle;
    text-align: center;
}

.swiper-button-prev img{
  width: 100%;
}

@media screen and (max-width: 1100px) {
  .timeline .swiper-slide-content{
    top: 50%;
  }
}

@media screen and (max-width: 768px) {
  .swiper-navigation-div-contains-button {
      /*-webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);*/
      right: 0;
      bottom: 45px;
  }
}



