/* carousel webtest1 */
/* Owl Carousel 2.3.4 */
.owl-carousel,
.owl-carousel .owl-stage,
.owl-carousel .owl-item {position: relative;}

.owl-carousel .owl-stage-outer {width: 100%; overflow: hidden;}
.owl-carousel .owl-item {float: left; overflow: hidden;}

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

.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel button span {display: none;}

/* carousel owl-nav */
#carousel.owl-carousel button.owl-prev, #carousel.owl-carousel button.owl-next {position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; line-height: 42px; border: 0; background: none; text-align: center; cursor: pointer; z-index: 10;}
#carousel.owl-carousel .owl-prev {left: 20px;}
#carousel.owl-carousel .owl-next {right: 20px;}

@media screen and (max-width: 479px) {
  #carousel.owl-carousel button.owl-prev, #carousel.owl-carousel button.owl-next {margin-top: 35px;}    
  #carousel.owl-carousel .owl-prev {left: 5px;}
  #carousel.owl-carousel .owl-next {right: 5px;}
}

@media screen and (min-width: 480px) {
  #carousel.owl-carousel button.owl-prev, #carousel.owl-carousel button.owl-next {margin-top: 60px;}  
}


#carousel.owl-carousel .owl-prev::before, #carousel.owl-carousel .owl-next::before {font-size: 42px; text-shadow: 0 0 5px #000; transition: color .4s ease;}
.owl-carousel .owl-prev::before {content: "\f104";} 
.owl-carousel .owl-next::before {content: "\f105";} 

.owl-carousel .owl-dots {position: absolute; bottom: 30px; left: 0; right: 0; z-index: 2;}
.owl-carousel .owl-dots {text-align: center;}
.owl-carousel .owl-dots button.owl-dot {position: relative; display: inline-block; width: 14px; height: 14px; margin: 5px; border: 1px solid #fff; box-shadow: 0 0 5px #000;}
.owl-carousel .owl-dots button.owl-dot span {display: none;}
.owl-carousel .owl-dots .owl-dot::before {content: ""; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; transition: .4s ease-in;}
.owl-carousel .owl-dots .owl-dot.active::before {height: 100%; top: auto; bottom: 0;}

.owl-carousel .owl-dots button.owl-dot,
.owl-carousel button.owl-prev, .owl-carousel button.owl-next {padding: 0!important; background: none; overflow: hidden; cursor: pointer; box-sizing: border-box;}


/* carousel crossfade */
.owl-carousel .animated {animation-duration: 1000ms; 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;}
@keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;}}