#mainImage{
  position:relative;
  z-index:50;
  margin:0;
}

.bx-wrapper .bx-controls-direction a {
    outline: 0px;
    top: 50%;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    margin-top: -16px;
    position: absolute;
    background: url(../../resources/site/79/arrow.png);
}
.bx-wrapper .bx-controls-direction a.bx-prev {
    background: url(../../resources/site/79/arrow-prev.png);
}

.bx-wrapper .bx-next:hover {
    background-position: unset;
}




.bx-wrapper .bx-pager {
    width: 100%;
    bottom: -40px;
    position: absolute;
}

.bx-wrapper .bx-default-pager.bx-pager a{
  background:#888;
}
.bx-wrapper .bx-default-pager.bx-pager a.active{
  background:#f3f3f3;
}
.bx-wrapper .bx-default-pager.bx-pager a:hover{
  background:#ccc;
}

@media screen and (max-width: 767px){
.bx-wrapper {
    margin: 0px auto 34px;
}
}