/** {
  margin: 0;
  padding: 0;
}*/

/*html {
  background: #fff;
}*/

body {
  _width: 70%;
  color: #888;
  margin: 20px auto 0;
  max-width: 70%;
  text-align: auto;
  -webkit-font-smoothing: antialiased;
  }

/*#wrapper {
  padding: 20px;
  }

p {
  text-align: left;
  max-width: 540px;
  margin: 0 auto 20px;
  }

.rslides {
  margin: 0 auto 40px;
  }

a {
  color: #4A4A4A;
  text-decoration: none;
  }*/

/* Callback example */



.events {
  list-style: none;
  }

.callbacks_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

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

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 65px;
  width: 35px;
  background: transparent url("images/nav-arrows.svg") no-repeat left top;
  margin-top: -45px;
  margin-right: -20%;
  margin-left: -20%
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

@media screen and (max-width: 600px) {
  .callbacks_nav {
    top: 65%;
    background: transparent url("images/nav-arrows-small.svg") no-repeat left top;
    margin-right: -15%;
    margin-left: -15%;
    height: 65px;
    width: 19px;
    }
  }