.qoo-banner-carousel{
    position: relative;
}

.qoo-banner-navigation{
    position: absolute;
    z-index: 4;
    padding:20px;
}

.qoo-banner-navigation li{
    float:left;
    margin: 10px;
}
.qoo-banner-navigation.vertical-navigation li{
    float:none;
}
.qoo-banner-navigation.hide-number li span{
    display:none;
}

.qoo-banner-carousel .qoo-banner-carousel-item{
    background-size: cover;
}
.qoo-banner-carousel .qoo-banner-video-background{
    position:absolute;
    width:100%;
    height:100%;
}

.qoo-banner-carousel.content-align-center{
    text-align: center;
}
.qoo-banner-carousel.content-align-left{
    text-align: left;
}
.qoo-banner-carousel.content-align-right{
    text-align: right;
}

.qoo-banner-carousel.content-anchor-top_left .qoo-banner-carousel-content{
    top:0px;
    bottom:auto;
    left:0px;
    right:auto;
}
.qoo-banner-carousel.content-anchor-top_center .qoo-banner-carousel-content{
    top:0px;
    bottom:auto;
    left:50%;
    right:auto;
    transform: translate(-50%,0%);
}
.qoo-banner-carousel.content-anchor-top_right .qoo-banner-carousel-content{
    top:0px;
    bottom:auto;
    left:auto;
    right:0px;
}
.qoo-banner-carousel.content-anchor-middle_left .qoo-banner-carousel-content{
    top:50%;
    bottom:auto;
    left:0px;
    right:auto;
    transform: translate(0%,-50%);
}
.qoo-banner-carousel.content-anchor-middle_center .qoo-banner-carousel-content{
    top:50%;
    bottom:auto;
    left:50%;
    right:auto;
    transform: translate(-50%,-50%);
}
.qoo-banner-carousel.content-anchor-middle_right .qoo-banner-carousel-content{
    top:50%;
    bottom:auto;
    left:auto;
    right:0px;
    transform: translate(0%,-50%);
}
.qoo-banner-carousel.content-anchor-bottom_left .qoo-banner-carousel-content{
    top:auto;
    bottom:0px;
    left:0px;
    right:auto;
}
.qoo-banner-carousel.content-anchor-bottom_center .qoo-banner-carousel-content{
    top:auto;
    bottom:0px;
    left:50%;
    right:auto;
    transform: translate(-50%,0%);
}
.qoo-banner-carousel.content-anchor-bottom_right .qoo-banner-carousel-content{
    top:auto;
    bottom:0px;
    left:auto;
    right:0px;
}
.qoo-banner-navigation.anchor-none{
    display:none;
}
.qoo-banner-navigation.anchor-top_left{
    top:0px;
    bottom:auto;
    left:0px;
    right:auto;
}
.qoo-banner-navigation.anchor-top_center{
    top:0px;
    bottom:auto;
    left:50%;
    right:auto;
    transform: translate(-50%,0%);
}
.qoo-banner-navigation.anchor-top_right{
    top:0px;
    bottom:auto;
    left:auto;
    right:0px;
}

.qoo-banner-navigation.anchor-middle_left{
    top:50%;
    bottom:auto;
    left:0px;
    right:auto;
    transform: translate(0%,-50%);
}
.qoo-banner-navigation.anchor-middle_center{
    top:50%;
    bottom:auto;
    left:50%;
    right:auto;
    transform: translate(-50%,-50%);
}
.qoo-banner-navigation.anchor-middle_right{
    top:50%;
    bottom:auto;
    left:auto;
    right:0px;
    transform: translate(0%,-50%);
}

.qoo-banner-navigation.anchor-bottom_left{
    top:auto;
    bottom:0px;
    left:0px;
    right:auto;
}
.qoo-banner-navigation.anchor-bottom_center{
    top:auto;
    bottom:0px;
    left:50%;
    right:auto;
    transform: translate(-50%,0%);
}
.qoo-banner-navigation.anchor-bottom_right{
    top:auto;
    bottom:0px;
    left:auto;
    right:0px;
}

.qoo-banner-navigation li a,
.qoo-banner-navigation li a:visited,
.qoo-banner-navigation li a:link{
    text-decoration: none !important;
    cursor: pointer;
    background: #000;
    color: #FFF;
    border-radius: 15px;
    width:30px;
    height:30px;
    display: block;
    line-height: 30px;
    text-align: center;
}
.qoo-banner-navigation li.selected a,
.qoo-banner-navigation li.selected a:visited,
.qoo-banner-navigation li.selected a:link{
    background: #FFF;
    color: #000;
}
.qoo-banner-carousel-items{
    position:relative;
    overflow: hidden;
}
.qoo-banner-carousel-item{
    opacity: 0;
    width:100%;
    display: block;
    background: #FFF;
    position: absolute;
    overflow: hidden;
    z-index: 1;
    background-position: center;
}
.qoo-banner-carousel-item .qoo-banner-overlay{
    background: rgba(0,0,0,0.7);
    position: absolute;
    width: 100%;
    height: 100%;
}
.qoo-banner-navigation ul{
    margin:0px;
}
.qoo-banner-navigation li{
    list-style: none;
    cursor: pointer;
}

.arrow-navigation-none .qoo-arrow{
    display:none;
}

.arrow-navigation-horizontal_top .qoo-arrow{
    top:0%;
    bottom:auto;
}
.arrow-navigation-horizontal_middle .qoo-arrow{
    top:50%;
    bottom:auto;
    transform:translate(0%,-50%);
}
.arrow-navigation-horizontal_bottom .qoo-arrow{
    top:auto;
    bottom:0%;
}
.arrow-navigation-vertical_left .qoo-arrow{
    top:0%;
    bottom:auto;
}
.arrow-navigation-vertical_center .qoo-arrow{
    left:50%;
    top:0%;
    bottom:auto;
    transform:translate(-50%,0%);
}
.arrow-navigation-vertical_right .qoo-arrow{
    top:auto;
    bottom:0%;
}
.arrow-navigation-vertical_left .qoo-arrow i:before,
.arrow-navigation-vertical_center .qoo-arrow i:before,
.arrow-navigation-vertical_right .qoo-arrow i:before{
    transform:rotate(90deg);
}

.qoo-arrow{
    cursor: pointer;
    position: absolute;
    z-index: 4;
    padding:20px;
}
.qoo-prev-arrow{
    left:0px;
}
.qoo-next-arrow{
    right:0px;
}
.arrow-navigation-vertical_left .qoo-next-arrow{
    right:auto;
    left:0px;
    top:auto;
    bottom:0px;
}
.arrow-navigation-vertical_center .qoo-next-arrow{
    left:50%;
    right: auto;
    top:auto;
    bottom:0px;
}
.arrow-navigation-vertical_right .qoo-prev-arrow{
    left:auto;
    right: 0px;
    top:0px;
    bottom:auto;
}
.arrow-navigation-vertical_right .qoo-next-arrow{
    left:auto;
    right:0px;
    top:auto;
    bottom:0px;
}

.qoo-banner-carousel-content{
    position: absolute;
    padding: 20px;
}

.qoo-banner-carousel-content a.button{
    margin-top:20px;
}





.banners{
    position: relative;
    overflow: hidden;
}
.banner-wrapper{
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}
.banner-wrapper .container{
    margin: 0 auto;
    height:100%;
    max-width: 100%;
    position: relative;
}
.banner-wrapper .contained{
    max-width: 1200px;
}
.banners .banner{
    position: absolute;
    width: 100%;
    display: none;
    z-index: 1;
    overflow: hidden;
    background-repeat: no-repeat;
}
.banner iframe{
    position: absolute;
    pointer-events: none;
}
.banner .overlay{
    z-index: 2;
    position: absolute;
    left: 0px;
    top:0px;
    width: 100%;
    height: 100%;
}
.banner .content{
    margin-bottom: 20px;
    line-height: 1.5em;
}
.banner .content img{
    display: inline-block;
}
.banner .container{
    z-index: 3;
    height: auto;
    width: 100%;
    position: absolute;
}
.banner-wrapper .arrow{
    position: absolute;
    z-index: 3;
    text-align: center;
}

.banner-wrapper .left-arrow{
    left: 0px;
}
.banner-wrapper .right-arrow{
    right: 0px;
}

.banner-wrapper nav{
    position: absolute;
    z-index: 3;
}
.banner-wrapper ul li{
    list-style: none;
    text-align: center;
}
.banner-wrapper ul li a{
    display: block;
    overflow: hidden;
}
.banner-wrapper ul li:last-child a{
    margin-right: 0px;
    margin-bottom: 0px;
}
.banner-wrapper ul{
    padding: 0px;
    margin: 0px;
    text-indent: 0px;
}

@media (max-width: 768px){
    .banner-wrapper .banner-video{
        display: none;
    }
}
@media (max-width: 767px){
    .qoo-banner-carousel{
        
    }
    
    .banner .content{
        font-size: 13px;
    }
    .banner h2{
        font-size: 20px;
    }
    
}