/*
 * Animations
 */
.animate-carousel {
    -webkit-transition: all linear 0.5s;
    -moz-animation: all linear 0.5s;
    -ms-animation: all linear 0.5s;
    transition: all linear 0.5s;
}

.animate-carousel.ng-enter,
.animate-carousel.ng-leave.ng-leave-active {
    -webkit-animation: zoomOut 0.5s;
    -moz-animation: zoomOut 0.5s;
    -ms-animation: zoomOut 0.5s;
    animation: zoomOut 0.5s;
}

.animate-carousel.ng-leave,
.animate-carousel.ng-enter.ng-enter-active {
    -webkit-animation: zoomIn 0.5s;
    -moz-animation: zoomIn 0.5s;
    -ms-animation: zoomIn 0.5s;
    animation: zoomIn 0.5s;
}


/*
 * Owl 2 Carousel
 */

.owl-nav > button:focus {
    outline: none;
}

.owl-next,
.owl-prev {
    height: 100%;
    position: absolute;
    top: 0;
}

.owl-next {
    right: 0;
}

.owl-prev {
    left: 0;
}

.owl-theme .owl-nav {
    margin-top: 0;
}

.owl-theme .owl-nav [class*=owl-] {
    background: none;
    border-radius: 0;
    color: #FAFAFA;
    margin: 0;
    padding: 0 8px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0;
    color: #FAFAFA;
    margin: 0;
    padding: 0 8px;
    text-decoration: none;
}

.owl-theme .owl-nav .disabled {
    opacity: 0;
}

.owl-theme .owl-dots .owl-dot span {
    background: #616161;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #FAFAFA;
}

.owl-theme .owl-dots .owl-dot:hover span {
    background: #B71C1C;
}


/*
 * Others
 */
.nav-icon {
    -webkit-text-stroke: 1px #FFFFFF;
    position: relative;
    top: 50%;
}