
.lgx-carousel-section {

    .lgx-carousel{
        position: relative;
        text-align: center;
        .lgx-item {
            //width: 65%;
            margin: 0 auto;
            padding: 25px 0;
        }

        .owl-video-tn {
            background-color: #000;
        }

    }


  .owl-theme .owl-controls {
        .owl-prev, .owl-next {
            position: absolute;
           top: 45%;
        }
        .owl-prev {
            left: 23px;
        }
        .owl-next {
            right: 23px;
        }
    }

    .owl-theme .owl-controls .owl-nav [class*="owl-"] {
        background: transparent;
        cursor: pointer;
        display: inline-block;
        margin: 0;
        opacity: .7;
        -webkit-transition: all 0.2 ease;
        transition: all 0.3s linear;
        &:hover {
            .bg-rgba(@brand-color, 1);
            opacity: 1;
        }
    }

}



/*SLIDER ANIMATION*/
.lgx-carousel-section{
    .active {

        /*background Images effect*/
        .lgx-zoomInDown {
            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: 0s;

            -webkit-animation-name: zoomInDown;
            animation-name: zoomInDown;
        }

        .lgx-fadeInDown {

            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: 0s;

            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;

        }

        .lgx-fadeInUp {

            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: 0s;

            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;

        }
        /*background Images effect end*/


        /*SLIDER ITEM ONE ANIMATION*/
        .lgx-slideInRight-img {
            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: .3s;

            -webkit-animation-name: slideInRight;
            animation-name: slideInRight;

        }

        .lgx-rotateInDownLeft-one {

            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: .3s;

            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;

        }

        .lgx-rotateInDownLeft-two {

            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: .9s;

            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;

        }
        .lgx-rotateInDownLeft-three {

            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: 1.5s;

            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;

        }

        .lgx-rotateInDownLeft-four {

            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: 2.1s;

            -webkit-animation-name: rotateInDownLeft;
            animation-name: rotateInDownLeft;

        }
        /*SLIDER ITEM ONE ANIMATION END*/


        /*SLIDER ITEM TWO ANIMATION*/
        .lgx-slideInLeft-img {

            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: .3s;

            -webkit-animation-name: slideInLeft;
            animation-name: slideInLeft;

        }

        .lgx-rotateInUpRight-one {

            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: .3s;

            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;

        }

        .lgx-rotateInUpRight-two {

            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: .9s;

            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;

        }
        .lgx-rotateInUpRight-three {

            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: 1.5s;

            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;

        }

        .lgx-rotateInUpRight-four {

            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: 2.7s;

            -webkit-animation-name: rotateInUpRight;
            animation-name: rotateInUpRight;

        }
        /*SLIDER ITEM TWO ANIMATION END*/


        /*SLIDER ITEM THREE ANIMATION*/

        .lgx-zoomInUp-one {

            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: .3s;

            -webkit-animation-name: zoomInUp;
            animation-name: zoomInUp;

        }

        .lgx-zoomInUp-two {

            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: .9s;

            -webkit-animation-name: zoomInUp;
            animation-name: zoomInUp;

        }
        .lgx-zoomInUp-three {

            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: 1.5s;

            -webkit-animation-name: zoomInUp;
            animation-name: zoomInUp;

        }

        .lgx-zoomInUp-four {

            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: 2.1s;

            -webkit-animation-name: zoomInUp;
            animation-name: zoomInUp;

        }
        /*SLIDER ITEM THREE ANIMATION END*/
    }
}
/*SLIDER ANIMATION END*/