@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

/*Default owl-carousel styling*/
.owl-carousel { display: none; width: 100%; z-index: 1; -webkit-tap-highlight-color: transparent; position: relative; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { visibility: hidden; }

.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { animation-name: fadeOut; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; position: relative; }

.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; }

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; }

.owl-carousel .owl-item img { display: block; width: 100%; }

.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; }

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; }

.owl-height { transition: height .5s ease-in-out; }

/*owl-nav and owl-dots colours*/
/*Owl carousel nav styling*/
.owl-carousel.show-nav { padding-left: 50px; padding-right: 50px; }

.owl-nav .owl-next, .owl-nav .owl-prev, .owl-nav-outer .owl-next, .owl-nav-outer .owl-prev { position: absolute; top: 50%; width: 100%; color: #777; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 2.5rem; height: 2.5rem; border-radius: 50%; background-color: #F4F4F4; border: 0 solid #FFF; cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-nav .owl-next.disabled, .owl-nav .owl-prev.disabled, .owl-nav-outer .owl-next.disabled, .owl-nav-outer .owl-prev.disabled { cursor: auto; opacity: 0.5 !important; }

.owl-nav .owl-next:before, .owl-nav .owl-prev:before, .owl-nav-outer .owl-next:before, .owl-nav-outer .owl-prev:before { content: ""; display: block; position: absolute; top: 50%; font-size: 1.2rem; }

.owl-nav .owl-next:hover, .owl-nav .owl-next:focus, .owl-nav .owl-prev:hover, .owl-nav .owl-prev:focus, .owl-nav-outer .owl-next:hover, .owl-nav-outer .owl-next:focus, .owl-nav-outer .owl-prev:hover, .owl-nav-outer .owl-prev:focus { background-color: #ececec; }

.owl-nav .owl-prev, .owl-nav-outer .owl-prev { left: 0.5rem; }

.owl-nav .owl-prev:before, .owl-nav-outer .owl-prev:before { content: ""; display: block; height: 10px; width: 10px; border-top: 1px solid #000; border-left: 1px solid #000; left: 17px; webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }

.owl-nav .owl-next, .owl-nav-outer .owl-next { right: 0.5rem; }

.owl-nav .owl-next:before, .owl-nav-outer .owl-next:before { content: ""; display: block; height: 10px; width: 10px; border-top: 1px solid #000; border-right: 1px solid #000; right: 17px; webkit-transform: translateY(50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.owl-dots { text-align: center; }

.owl-dots .owl-dot { background-color: #777; border: 1px solid #777; height: 0.25rem; width: 1.25rem; margin: 0 2px; border-radius: 2px; }

.owl-dots .owl-dot.active { background-color: #FFF; }

@media (max-width: 767px) { .owl-carousel.show-nav { padding-left: 30px; padding-right: 30px; }
  .owl-nav .owl-next, .owl-nav .owl-prev, .owl-nav-outer .owl-next, .owl-nav-outer .owl-prev { width: 2rem; height: 2rem; }
  .owl-nav .owl-prev, .owl-nav-outer .owl-prev { left: -8px; }
  .owl-nav .owl-next, .owl-nav-outer .owl-next { right: -8px; } }
