/*multiitems слайдер бутстрап*/

.multi-carousel-wr{
    padding-right: 36px;
}

.multi-item-carousel .carousel-inner{
    width: 92%;
    margin: 0 auto;
    /*important*/
    z-index: 1;
}
.multi-item-carousel .carousel-inner .slide-wr{
    width: 20%;
    float: left;
}
.multi-item-carousel .carousel-inner .image-wr{
    height: 150px;
    line-height: 150px;
    text-align: center;
}

.multi-item-carousel .carousel-inner .image-wr img{
    vertical-align: middle;
    width: 90%;
    height: auto;
}

.multi-item-carousel .carousel-indicators{
    display: none;
}

.multi-item-carousel .carousel-inner .active.left > div:not(:first-child) .image-wr, 
.multi-item-carousel .carousel-inner .active.right > div:not(:last-child) .image-wr{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.multi-item-carousel .carousel-control.left,
.multi-item-carousel .carousel-control.right {
  background-image: none;
  width: 3%;
}
.carousel-control.right {
    right: 10px;
}
@media (min-width: 992px){
    .col-md-20{
        width: 20%;
        float: left;
    }
}
.multi-item-carousel .carousel-inner .item > div{
    background: #fff;
}
.multi-item-carousel .carousel-inner .active > div, .multi-item-carousel .carousel-inner .active.left > div{
    display: none;
}
@media all and (max-width:768px){
    .multi-item-carousel .carousel-inner .active.left,.multi-item-carousel .carousel-inner .prev{left:0}
    .multi-item-carousel .carousel-inner .active.right,.multi-item-carousel .carousel-inner .next{left:0}
    .multi-item-carousel .carousel-inner .left,.multi-item-carousel .carousel-inner .prev.right,.multi-item-carousel .carousel-inner .active{left:0}
    .multi-item-carousel .carousel-inner .active > div:nth-child(1){
        display:block;
    }
}
@media all and (max-width:768px) and (transform-3d),all and (min-width:768px) and (-webkit-transform-3d){
    .multi-item-carousel .carousel-inner .item.active.right,.multi-item-carousel .carousel-inner .item.next{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        left:0;
    }
    .multi-item-carousel .carousel-inner .item.active.left,.multi-item-carousel .carousel-inner .item.prev{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        left:0;
    }
    .multi-item-carousel .carousel-inner .item.left,.multi-item-carousel .carousel-inner .item.prev.right,.multi-item-carousel .carousel-inner .item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}
}
@media all and (min-width:768px){
    .multi-item-carousel .carousel-inner .active.left,.multi-item-carousel .carousel-inner .prev{left:-33.333%}
    .multi-item-carousel .carousel-inner .active.right,.multi-item-carousel .carousel-inner .next{left:33.333%}
    .multi-item-carousel .carousel-inner .left,.multi-item-carousel .carousel-inner .prev.right,.multi-item-carousel .carousel-inner .active{left:0}
    .multi-item-carousel .carousel-inner .active > div:nth-child(1), .multi-item-carousel .carousel-inner .active > div:nth-child(2), .multi-item-carousel .carousel-inner .active > div:nth-child(3){
        display:block;
    }
}
@media all and (min-width:768px) and (transform-3d),all and (min-width:768px) and (-webkit-transform-3d){.multi-item-carousel .carousel-inner .item.active.right,.multi-item-carousel .carousel-inner .item.next{-webkit-transform:translate3d(33.333%,0,0);transform:translate3d(33.333%,0,0);left:0}
    .multi-item-carousel .carousel-inner .item.active.left,.multi-item-carousel .carousel-inner .item.prev{-webkit-transform:translate3d(-33.333%,0,0);transform:translate3d(-33.333%,0,0);left:0}
    .multi-item-carousel .carousel-inner .item.left,.multi-item-carousel .carousel-inner .item.prev.right,.multi-item-carousel .carousel-inner .item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}
}
@media all and (min-width:992px){
    .multi-item-carousel .carousel-inner .active.left,.multi-item-carousel .carousel-inner .prev{
        left:-20%;
    }
    .multi-item-carousel .carousel-inner .active.right,.multi-item-carousel .carousel-inner .next{
        left:20%;
    }
    .multi-item-carousel .carousel-inner .left,.multi-item-carousel .carousel-inner .prev.right,.multi-item-carousel .carousel-inner .active{
        left:0;
    }
    /*Показываем сколько нужно блоков*/
    .multi-item-carousel .carousel-inner .active > div:nth-child(4), .multi-item-carousel .carousel-inner .active > div:nth-child(5){
        display:block;
    }
}
@media all and (min-width:992px) and (transform-3d),all and (min-width:992px) and (-webkit-transform-3d){
    .multi-item-carousel .carousel-inner .item.active.right,.multi-item-carousel .carousel-inner .item.next{
        -webkit-transform:translate3d(20%,0,0);
        transform:translate3d(20%,0,0);
        left:0;
    }
    .multi-item-carousel .carousel-inner .item.active.left,.multi-item-carousel .carousel-inner .item.prev{
        -webkit-transform:translate3d(-20%,0,0);
        transform:translate3d(-20%,0,0);
        left:0;
    }
    .multi-item-carousel .carousel-inner .item.left,.multi-item-carousel .carousel-inner .item.prev.right,.multi-item-carousel .carousel-inner .item.active{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        left:0;
    }
}
/*multiitems слайдер бутстрап*/