.carousel-wrap {

  margin: 0px auto;

  width: 100%;

  position: relative;

}



/* fix blank or flashing items on carousel */

.owl-carousel .item {

  position: relative;

  z-index: 100;

  -webkit-backface-visibility: hidden;

}



/* end fix */

.owl-nav > div {

  margin-top: -26px;

  position: absolute;

  top: 50%;

  color: #cdcbcd;

}



.owl-nav .owl-prev,

.owl-nav .owl-next {

  position: absolute;

  top: 45%;

  opacity: 0.7;

}



.owl-nav .owl-prev {

  left: 0px;

}



.owl-nav .owl-next {

  right: 0px;

}



.owl-nav .owl-prev:hover,

.owl-nav .owl-next:hover {

  opacity: 1;

}



.owl-nav button:focus {

  outline: 0;

}



.owl-dots {

  text-align: center;

  position: absolute;

  bottom: 4px;

  left: 0px;

  width: 15%;

  z-index: 9999;

  height: 35px;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  backface-visibility: hidden;

}



.owl-dot {

  border-radius: 50px;

  height: 10px;

  width: 10px;

  display: inline-block;

  background: #c4c4c6 !important;

  margin-left: 5px;

  margin-right: 5px;

}



.owl-dot.active {

  background: #333333 !important;

  border: none !important;

  height: 12px;

  width: 12px;

}



button:focus {

  outline: 0 !important;

}



@media screen and (max-width: 750px) {

  .owl-nav img {

    width: 16px;

  }

}