/* responsiveslide css */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  min-height: 500px;
}

.rslides li {
  backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

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

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

/*  fin */

.callbacks_container {
  position: relative;
  margin: auto;
}
.callbacks_container img {
  height: 500px;
  object-fit: cover;
}
.callbacks_container ul {
  margin: 0px;
}
.callbacks_nav {
  position: absolute;
  top: 0;
  bottom: 0;
  text-transform: translate(-50%, 50%);
  left: 0%;
  margin-left: 5px;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  width: 45px;
  background: transparent url("../imagenes/flechas.png") no-repeat left top;
  background-position: 0 center;
}
.callbacks_nav.next {
  /* border: 2px yellow solid; */
  height: 100%;
  top: 0;
  background-position: right center;
  left: calc(100% - 60px);
}