.dp img {
    border: 3px solid #fff;
    border-radius: 4%;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5);
    width: 210px;
    height: 250px;
    margin: 0px 0px 0px 0px;

    -webkit-transition: 25s;
    -moz-transition: 25s;
    -o-transition: 5s;
    transition: 5s;
}

/*--------Standart bootstrap grid--------*/
.row-fluid:before,
.row-fluid:after {
    content: " ";
    display: table;
}
.row-fluid:after {
    clear: both;
}

.row-fluid.for-car [class*="span"] {
    margin-left: 0.2564102564102564%;
    *margin-left: 0.25109110747408616%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child,
.row-fluid.for-car [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span2 {
    width: 200px;
    height: 250px;
}

.for-car .carousel-control-block > .carousel-button-left.shadow.project,
.for-car .carousel-control-block > .carousel-button-right.shadow.project {
    bottom: 230px !important;
}

.carousel-wrapper-out {
    height: fit-content;
    overflow-x: hidden;
    padding: 24px 0;
}

/*------Carouseller--------*/
.for-car {
    position: relative;
}
.for-car .carousel-items {
    position: relative;
    width: 9300px;
    margin-top: 0px;
}

.carousel-items.row {
    width: fit-content !important;
}
.for-car .carousel-items > .carousel-block {
    transition: margin-left 0.05s ease-out;
}
.for-car .caroursel-block {
    display: inline-block;
    position: relative;
}
.for-car .carousel-wrapper {
    overflow: hidden;
    position: relative;
    padding: 10px;
    width: 3000px;
}
.for-car .carousel-wrapper.project {
    width: fit-content;
}
.for-car .carousel-control-block {
    text-align: center;
    position: relative;
}
.for-car .carousel-control-block > .carousel-button-left,
.for-car .carousel-control-block > .carousel-button-right {
    position: absolute;
    margin: 0;
    bottom: 70px;
}
.for-car .carousel-control-block > .carousel-button-left {
    margin: 0px 0px 0px 20px;
}
.for-car .carousel-control-block > .carousel-button-right {
    right: 10px;
}
.for-car .carousel-control-block > .carousel-button-left > a,
.for-car .carousel-control-block > .carousel-button-right > a {
    background: none repeat scroll 0 0 transparent;
    font-size: 80px;
    opacity: 0.5;
    text-align: center;
    color: #000;

    text-decoration: none;
}
.for-car .carousel-control-block > .carousel-button-left > a:hover,
.for-car .carousel-control-block > .carousel-button-right > a:hover {
    opacity: 0.8;
}

/*------Responsive-----------*/
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .row-fluid.for-car > .carousel-wrapper > .carousel-items > .span2 img {
        margin: 0px 0px 0px 5px;
        width: 200px;
    }

    .for-car .carousel-items {
        position: relative;
        width: 3200px;
        margin-top: 0px;
    }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .row-fluid.for-car > .carousel-wrapper > .carousel-items > .span2 img {
        margin: 0px 0px 0px 5px;
        width: 180px;
    }

    .for-car .carousel-items {
        position: relative;
        width: 2000px;
        margin-top: 0px;
    }
}
/* Landscape phones and down */
@media (max-width: 480px) {
    .row-fluid.for-car > .carousel-wrapper > .carousel-items > .span2 {
        width: 200px;
    }
}