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

.rslides li {
  -webkit-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;
  }

.rslides {
  margin: 0 auto;
  }

.callbacks_container {
  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 .caption {
  display: block;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 50%;
  margin-top:-95px;
}
.callbacks .caption p {
	font-family:'Raleway', sans-serif;
	letter-spacing:0.05em;
  font-size: 30px;
  line-height:50px;
  font-weight:600;
  text-shadow: none;
  background: #fff;
  padding:40px;
  margin: 0;
  max-width: none;
  color:#21237a;
  text-transform:uppercase;
  border-left:7px solid #21237a;
  }

.callbacks_nav {
  position: absolute;
  top:50%;
  left:-22px;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 45px;
  width: 45px;
  margin-top:-22.5px;
  background:url(../images/slides/arrows.png) #878998 no-repeat;
  transition:background 0.2s ease-in-out;
  -webkit-transition:background 0.2s ease-in-out;
  -moz-transition:background 0.2s ease-in-out;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%; 
  border-radius: 50%; 
  }
.callbacks_nav.next {
  left:auto;
  background-position: right top;
  right: -22px;
  }
.callbacks_nav:hover {
  background-color:#21237a;
}

@media all and (min-width:1300px) {
	.slider_wrap {
		width:60% !important;
	}
}

@media all and (max-width:1023px) {
	.slider_wrap {
		width:90% !important;
	}
	.callbacks .caption p {
		font-size:24px;
		line-height:44px;
	}
	.callbacks_nav {
		left:-10px;
	}
	.callbacks_nav.next {
		right:-10px;
	}
}

@media all and (max-width:719px) {
	.callbacks .caption p{
		display:none;
	}
	.callbacks_nav {
		height: 35px;
		width: 35px;
		background:url(../images/slides/arrows.png) #878998 no-repeat 8% center;
		display:none;
	}
	.callbacks_nav.next {
		background-position: 90% center;
	}
}