.carousel-wrap {
  width: 100%;
  position: relative;
}

.owl-carousel
{
    -ms-touch-action: pan-y !important;
    touch-action: pan-y !important;
}

.blog-carousel
{
    -ms-touch-action: pan-y !important;
    touch-action: pan-y !important;
}


/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

.owl-carousel {
  touch-action: pan-y !important;
  }

  /* fix blank or flashing items on carousel */
.owl-carousel2 .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

.owl-carousel2 {
  touch-action: pan-y !important;
  }

/* end fix */
.owl-nav > div {
  z-index: 9989898;
  position: absolute;
  bottom: -50px;
}

.owl-nav i {
  font-size: 30px;
}


/*
.owl-stage{padding-left:0px !important;}
*/


@media only screen and (min-width: 320px) and (max-width: 768px) {
.owl-nav{
  display: none;
}
}


.owl-nav .owl-prev {
  left: 10px;
  top:45%;
  width:50px;
  height:50px;
  color: #fff !important;
  border-radius: 100px !important;
  background-color: rgb(255, 255, 255,0);
  border: 1px solid #fff;
  box-shadow: 0px 0px 10px rgba(0,0,0,.1);
  text-align: center;
  padding-top: 13px;
}

.owl-nav .owl-prev:hover {
  color: #000 !important;
  background-color: #fff;
}

.owl-nav .owl-prev:active {
  background-color: #fff;
}

.owl-nav .owl-next {
  color: #fff !important;
  background-color: rgb(255, 255, 255,0);
  box-shadow: 0px 0px 10px rgba(0,0,0,.1);
  right: 10px;
  border: 1px solid #fff;
  border-radius: 100px !important;
  top:45%;
  width:50px;
  height:50px;
  text-align: center;
  padding-top: 13px;
}

.owl-nav i{
  font-size: 20px !important;
}

.owl-nav .owl-next:hover {
  color: #000 !important;
  background-color: #fff;
}

.owl-nav .owl-next:active {
  background-color: #fff;
}