input[type=range] {
  width: 300px; }

ul[rn-carousel] {
  height: 900px;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  position: relative;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  -ms-touch-action: pan-y;
  touch-action: pan-y; 
}
.splash-content ul[rn-carousel] {
  height: 100%;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  position: relative;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  -ms-touch-action: pan-y;
  touch-action: pan-y; 
}
ul[rn-carousel] > li {
  color: black;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: visible;
  vertical-align: top;
  position: absolute;
  left: 0;
  right: 0;
  white-space: normal;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
  height: 100%;
  display: inline-block; 
}

/* prevent flickering when moving buffer */
ul[rn-carousel-buffered] > li {
  display: none; }

ul[rn-carousel-transition="hexagon"] {
  overflow: visible; }

.rn-carousel-indicator{
    position: relative;
    margin-left: calc(50% - 10px);
    bottom: 50px;
    /* margin-bottom: 100px; */
    z-index: 1000;
}

.splash-content .rn-carousel-indicator{
    position: absolute;
    margin-right: calc(50% - 10px);
    bottom: 20px;
    z-index: 1000;
}

/* indicators */
div.rn-carousel-indicator span {
  font-size: 20px;
  cursor: pointer;
  color: #666; }
  div.rn-carousel-indicator span.active {
    color: white; }

/* prev/next controls */

.rn-carousel-controls{
  position: relative;
  bottom: 535px;
}
.rn-carousel-control {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  font-size: 2rem;
  position: absolute;
  top: 40%;
  opacity: 0.75;
  cursor: pointer; }
  .rn-carousel-control:hover {
    opacity: 1; }
  .rn-carousel-control.rn-carousel-control-prev {
    left: 1.5em; }
    .prev-icon{
      color: black;
      font-size: 100px;
    }
/*    .rn-carousel-control.rn-carousel-control-prev:before {
      content: "<"; }*/
  .rn-carousel-control.rn-carousel-control-next {
    right: 1.5em; }

    .next-icon{
      color: black;
      font-size: 100px;
    }
/*    .rn-carousel-control.rn-carousel-control-next:before {
      content: ">"; }*/