@import url('owl.carousel.css');

/*** 

====================================================================
    Main Slider Banner
====================================================================

***/

.main-slider{
    position:relative;
}

 

.main-slider .mouse-btn-down{
    position:absolute;
    left:50%;
    margin-left:-20px;
    bottom:20px;
    width:30px;
    height:68px;
    cursor:pointer;
    display:block;
    background:url(../images/mouse-icon.png) center center no-repeat;
    z-index:20;
}

.main-slider .mouse-btn-down {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.main-slider .mouse-btn-down {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
 

.main-slider .owl-dots{
    position:absolute;
    left:0px;
    top:50%;
    margin-left: 50px;display: flex;
    flex-direction: column;
}

.main-slider .owl-dots .owl-dot{
    position:relative;
    width:12px;
    height:12px;
    margin:0px 4px 8px;
    overflow: hidden;
    border-radius: 50px;
    border:2px solid #ffffff;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.main-slider .owl-dots .owl-dot.active,
.main-slider .owl-dots .owl-dot:hover{
    background-color:#ff5722;
}

.main-slider .owl-nav{
    position:absolute;
    left:0px;
    top:50%;
    z-index:1;
    width:100%;
    margin-top:-10px;
}

.main-slider .owl-nav .owl-prev{
    position:absolute;
    left:40px;
    color:#ffffff;
    font-size:38px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.main-slider .owl-nav .owl-next{
    position:absolute;
    right:40px;
    color:#ffffff;
    font-size:38px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
    color:#fa7712;
}