/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:.15;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:8px;height:8px;margin:5px 4px;background:#fff;border:1px solid #000;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#333;}

.owl-theme .owl-dots {position:absolute;bottom:-35px;width:100%;}
.owl-theme.dots-in .owl-nav{margin-top:-55px;}

.owl-carousel .owl-nav button.owl-prev {font-size:50px;position:absolute;left:0px;z-index:100;top:38%;width:80px;color:#777;text-shadow:0 3px 18px rgba(0,0,0,.0);}
.owl-carousel .owl-nav button.owl-next {font-size:50px;position:absolute;right:0px;z-index:100;top:38%;width:80px;color:#eee;text-shadow:0 3px 18px rgba(0,0,0,.0);}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {transform:scaleY(.8);-moz-transform:scaleY(.8);-ms-transform:scaleY(.8);-webkit-transform:scaleY(.8);}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {background:rgba(0,0,0,0);color:#000;}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel .owl-nav button.owl-next:focus {outline:none;}

.owl-carousel{
    display: flex !important;  /* to override display:bloc i added !important*/
    flex-direction: row;
    justify-content: center;  /* to center you carousel */
}

@media (max-width: 768px) {
  .owl-carousel .owl-nav {display:none!important;}
  .owl-theme .owl-dots .owl-dot span {margin:5px 1px;}
  .owl-carousel button {transform:scale(.5);}
  .owl-carousel.owl-theme.dots-in .owl-dots {margin-top:-65px!important;}
}