#references .bx-wrapper{}

#references .bx-wrapper img{}

#references .bx-wrapper .bx-viewport{margin-bottom: 50px;}

#references .bx-wrapper .bx-loading{}

#references .bx-wrapper .bx-pager{    text-align: center;}

#references .bx-wrapper .bx-pager .bx-pager-item{    display: inline-block;
    margin-right: 10px;}

#references .bx-wrapper .bx-pager.bx-default-pager a{width: 36px; height: 3px; background: #a4a4a4; display: inline-block; float: none; text-indent: -999em; overflow: hidden;}

#references .bx-wrapper .bx-pager.bx-default-pager a:hover{background: #a1c60c;}

#references .bx-wrapper .bx-pager.bx-default-pager a.active{background: #a1c60c;}

#references .bx-wrapper .bx-controls-direction a{display: none;}

#references .bx-wrapper .bx-controls-direction a.disabled{}

#references .bx-wrapper .bx-prev{}

#references .bx-wrapper .bx-prev:hover{}

#references .bx-wrapper .bx-next{}

#references .bx-wrapper .bx-next:hover{}

@media (max-width: 1220px) {
#references .bx-wrapper img {
    width: 100%;
}
}

@media (max-width: 992px) {
#references .bx-wrapper .bx-viewport li {
    width: 130px!important;
    margin-right: 24px!important;
}
}