/* Add here all your CSS customizations */
.carousel-control {
  background: url('../img/sprite.png') no-repeat -80px -73px;
  width: 51px;
  height: 42px;
  right: 60px;
  top: -10px;
  left: auto;
}
.carousel-control.right {
  background-position: -134px -73px;
  right: 0;
}

.pImgSlides {
  position: relative;
  max-height: 390px;
  overflow: hidden;
  /*.bx-controls-direction{
        top:50%;
        left:0;
        right:auto;
        margin:-30.5px 0 0 0;
        width:100%;
        a{
          margin:0;
          background: url('@{imgPath}/sprite.png') 0 -62px no-repeat;
          width: 36px;
          height: 61px;
          position: absolute;
          top: 50%;
          margin:-30.5px 0 0 0;
          left: 18px;
          &.bx-next{
            background-position: -39px -63px;
            left: auto;
            right: 18px;
          }
        }
      }*/
}
.pImgSlides .bx-controls {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 105;
  width: 100%;
}
.pImgSlides .bx-controls .bx-controls-auto {
  width: 30px;
  height: 31px;
  float: right;
  position: relative;
}
.pImgSlides .bx-controls .bx-controls-auto .bx-controls-auto-item {
  float: left;
}
.pImgSlides .bx-controls .bx-controls-auto .bx-controls-auto-item a {
  text-indent: -999em;
  display: block;
  background: url('../img/sprite.png') no-repeat 0 -268px;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
}
.pImgSlides .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop {
  background-position: -32px -268px;
}
.pImgSlides .bx-controls .bx-controls-auto .bx-controls-auto-item a.active {
  display: none;
}
.pImgSlides .bx-wrapper img {
  display: block;
  height: auto;
  max-width: 100%;
}
.pImgSlides .bx-default-pager {
  display: none;
}
.pImgSlides .bx-wrapper {
  max-height: 390px;
  overflow: hidden;
}
.pImgSlides .bx-controls-direction {
  height: 100%;
  width: 100%;
  position: static;
}
    .pImgSlides .bx-controls-direction a {
        width: 29px;
        height: 49px;
        float: none;
        position: absolute;
        top: 50%;
        margin: -24.5px 0 0 0;
    }
.pImgSlides .bx-controls-direction .bx-prev {
  background-position: -7px -186px;
  left: 20px;
}
.pImgSlides .bx-controls-direction .bx-next {
  background-position: -38px -187px;
  right: 20px;
}
#dynamicPageImg {
  margin: 0;
  background: #d3d3d3;
}
#dynamicPageImg img {
  display: block;
  height: auto;
  max-width: 100%;
}
#dynamicPageImg ul {
  margin: 0;
}