.owl-carousel {
  position: relative;
}
.owl-wrapper {
  margin-bottom: 0px;
}

.owl-prev,
.owl-next,
.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  top: calc(50% - 40px);
  top: 0px;
  font-size: 0px;
  -webkit-border-radius:0px;
  border-radius:0px;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 0;
  background: url(../../images/owl-arrows.png);
  background-position: 0px 40%;
  background-repeat: no-repeat;
  opacity: 0.5;
  height: 100%;
  width: 40px;
  transition: all 0.3s ease;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
  background: url(../../images/owl-arrows.png);
  background-position: 0px 40%;
  background-repeat: no-repeat;
  height: 100%;
  opacity: 1;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 0;
  background: url(../../images/owl-arrows.png);
  background-position: -40px 40%;
  background-repeat: no-repeat;
  opacity: 0.5;
  height: 100%;
  width: 40px;
  transition: all 0.3s ease;
}

.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
  background: url(../../images/owl-arrows.png);
  background-position: -40px 40%;
  background-repeat: no-repeat;
  height: 100%;
  opacity: 1;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}