/* Banner Frontend Styles */
.banner-wrap {
    position: relative;
    margin: 10px 0;
    display: none;
}

.banner-wrap .banner-control {
    position: absolute;
    top: 50%;
    padding: 10px;
    background-color: #ffffff;
    z-index: 30;
    color: #666666;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.banner-wrap .banner-control.prev {
    left: 0;
    -webkit-transform: translate3d(-10px, -50%, 0);
    transform: translate3d(-10px, -50%, 0);
}

.banner-wrap .banner-control.next {
    -webkit-transform: translate3d(10px, -50%, 0);
    transform: translate3d(10px, -50%, 0);
    right: 0;
}

.banner-wrap:hover .banner-control {
    opacity: 1;
    visibility: visible;
}

.banner-wrap:hover .banner-control.prev,
.banner-wrap:hover .banner-control.next {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}