.rslides {
  /* position: relative; */
  list-style: none;
  overflow: hidden;
  height: auto !important;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  /* position: absolute; */
  display: none;
  width: 100%;
  height: 70vw;
  /* left: 0; */
  /* top: 0; */
  }

.rslides li:first-child {
  /* position: relative; */
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  /* height: 50%; */
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  position: relative;
  float: left;
  width: 80%;
  margin-left: 10%;
  margin-top: 5%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: 80%;
  width: 100%;
  border: 0;
  margin-bottom: 3%;
  }

.slide .caption {
  display: block;
  text-align: center;
  color: #027600;
 position: absolute;
    width: 100%;
    bottom: 5%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  
 /* .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../img/themes.gif") no-repeat left top;
  margin-top: -45px;
  } */
  .slide_nav.prev{
    background: url(../img/case-arrow.png) no-repeat center center;
    height: 28%;
    width: 20%;
    z-index: 30;
    position: absolute;
    top: 25%;
    left: -15%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.slide_nav.prev:focus{
  background: url(../img/case-arrow-active.png) no-repeat center center;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}
.slide_nav.next{
    background: url(../img/case-arrow.png) no-repeat center center;
    height: 28%;
    width: 20%;
    z-index: 30;
    position: absolute;
    top: 25%;
    right: -15%;
}
.slide_nav.next:focus{
  background: url(../img/case-arrow-active.png) no-repeat center center;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}



.slide_nav:active {
  opacity: 1.0;
  }