.bx-wrapper{
    position:relative;
    margin:0 auto;
    padding:0
}
.bx-wrapper img{
    max-width:100%;
    display:block
}
.bx-wrapper .bx-viewport{
    left:0;
    background:#fff;
    -webkit-transform:translatez(0);
    -moz-transform:translatez(0);
    -ms-transform:translatez(0);
    -o-transform:translatez(0);
    transform:translatez(0)
}
.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{
    position:absolute;
    display: none;
    bottom:26px;
    width:100%
}
.bx-wrapper .bx-loading{
    min-height:50px;
    background:url(../images/bx_loader.gif) center center no-repeat #fff;
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2000
}
.bx-wrapper .bx-pager{
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:700;
    color:#666;
    padding-top:20px;
    width:100%
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{
    display:inline-block
}
.bx-wrapper .bx-pager.bx-default-pager a{
    background:0 0;
    text-indent:-9999px;
    display:block;
    width:8px;
    height:8px;
    border:2px solid rgba(255,255,255,.5);
    margin:0 4px;
    outline:0;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%
}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{
    background:#fff;
    border:2px solid #fff
}
.bx-controls-direction{
    position:inherit;
    top:0;
    left:0;
    text-align:center;
    height:100%
}
.bx-wrapper .bx-prev{
    width:30px;
    left:0;
    height:100%;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out
}
.bx-wrapper .bx-prev:before{
    content:'\f104';
    font-family:Font Awesome 5 Pro;
    position:absolute;
    top:50%;
    margin-top:-15px;
    left:50%;
    margin-left:-5px;
    text-indent:0!important;
    font-size:30px;
    color:#fff;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out
}
.bx-wrapper .bx-next{
    width:30px;
    height:100%;
    right:0;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out
}
.bx-wrapper .bx-next:before{
    content:'\f105';
    font-family:Font Awesome 5 Pro;
    position:absolute;
    top:50%;
    margin-top:-15px;
    left:50%;
    margin-left:-5px;
    text-indent:0!important;
    font-size:30px;
    color:#fff;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out
}
.bx-wrapper .bx-controls-direction a{
    position:absolute;
    top:0;
    outline:0;
    text-indent:-9999px;
    z-index:9999
}
.bx-wrapper .bx-controls-direction a.disabled{
    display:none
}
.bx-wrapper .bx-controls-auto{
    text-align:center
}
.bx-wrapper .bx-controls-auto .bx-start{
    display:block;
    text-indent:-9999px;
    width:10px;
    height:11px;
    outline:0;
    margin:0 3px
}
.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{
    background-position:-86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop{
    display:block;
    text-indent:-9999px;
    width:9px;
    height:11px;
    outline:0;
    margin:0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{
    background-position:-86px -33px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
    text-align:left;
    width:80%
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
    right:0;
    width:35px
}
.bx-wrapper .bx-caption{
    position:absolute;
    bottom:0;
    left:0;
    background:rgba(80,80,80,.75);
    width:100%
}
.bx-wrapper .bx-caption span{
    color:#fff;
    font-family:Arial;
    display:block;
    font-size:.85em;
    padding:10px
}
