/*SLIDER*/
.moto-card .lSSlideWrapper {
    width: 100%;
    max-width: 570px;
    height: 376px;
    overflow: hidden;
}

.moto-card .lSSlideOuter .lSPager.lSGallery li {
    border: 2px solid transparent;
}

.moto-card .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0!important;
    background: #C4C4C4;
    border: 2px solid #D52B1E;
}
.lg-backdrop.in {
    opacity: 0.9!important;
}
a#lg-download {
    display: none;
}
ul#image-gallery img {
    width: 100%;
}

/*HEAD BLOCK SLIDER*/
.moto-name{
    font-family: 'Play-Bold';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 30px;
    color: #1E1E1E;
    margin-bottom: 28px;
}
.moto-about{
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding:28px 24px 25px 24px;
}
.moto-about-char{
    margin-bottom: 30px;
}
.moto-card-btn-more{
    font-size: 16px;
}
.moto-char-title{
    margin-bottom: 25px;
}
.moto-card-title{
    font-family: "Ubuntu-B";
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 20px;
    color: #3D4045;
    display: block;
}
.moto-desc-title{
    margin-bottom: 16px;
}
.moto-card-desc p, .moto-card-desc span{
    font-family: "Ubuntu-L";
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    font-size: 16px;
    color: #616365;
    overflow: hidden;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.moto-card .price{
    font-family: 'Play-Bold';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 20px;
    color: #D52B1E;
    text-align: left;
    display: inline-block;
    /*margin-right: 22px;*/
}
.moto-card strike{
    font-family: 'Play-Regular';
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
    text-decoration-line: line-through;
    color: #1E1E1E;
    text-align: left;
    display: block;
}
.moto-card-btn {
    display: inline-block;
    float: right;
    width: 100%;
    max-width: 420px;
    text-align: right;
}
.moto-card-buy{
    font-family: 'Play-Bold';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    display: inline-block;
    background: #D52B1E;
    border-radius: 2px;
    padding: 11px 0 12px;
    margin-right: 12px;
    width: 100%;
    max-width: 202px;
    border: 1px solid #D52B1E;
}
.moto-card-buy:hover{
    text-decoration: none;
    background: #e0292bc7;
    color: #FFFFFF;
}
.moto-card-td{
    font-family: 'Play-Bold';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 16px;
    text-align: center;
    color: #3D4045;
    display: inline-block;
    border: 1px solid #3D4045;
    border-radius: 2px;
    padding: 11px 0 12px;
    width: 100%;
    max-width: 202px;
}
.moto-card-td:hover{
    text-decoration: none;
    background: #000;
    color: #fff;
}

.characteristics-block{
    margin-bottom: 14px;
}
.characteristics-block div{
    margin-bottom: 12px;
}
.characteristics-block .name-har {
    display: block;
    text-align: left;
    font-family: 'Ubuntu-R';
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 14px;
    color: #616365;
    padding-bottom: 5px;
}
.characteristics-block .desc-har {
    font-family: 'Ubuntu-R';
    display: block;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    color: #1E1E1E;
}


/*COMPLECTATION*/
div#accordionExample {
    width: 100%;
}
.card-body.table-head, .card-body.table-body {
    padding: 0!important;
}
.moto-complectation table tr th {
    border: 1px solid rgba(0, 0, 0, 0.25)!important;
    width: 50%;
    padding: 14px 0;
    text-align: center;
    vertical-align: inherit;
    font-family: "Ubuntu-R";
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 14px;
    color: #616365;
}
.moto-complectation table tr th:first-child {
    text-align: left;
    padding-left: 33px;
}
.card-body table {
    margin-bottom: -1px;
}
.moto-complectation{
    padding: 46px 0;
}
.moto-complectation .card-body {
    padding: 32px 40px 18px 40px;
}
.moto-complectation .card-header {
    background: #616365;
    padding: 17px 0 16px 32px;
    max-height: 59px;
    border-radius: 0;
}
.moto-complectation .card-header button {
    padding: 0;
    font-style: normal;
    text-decoration: none;
    width: 100%;
    text-align: left;
    font-family: "Ubuntu-B";
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.moto-complectation .card-header button:hover {
    color: #fff;
    text-decoration: none;
}
.moto-complectation ul {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 20px;
    width: 100%;
}
.moto-complectation ul li {
    width: 48%;
    float: left;
    font-size: 14px;
    color: #767676;
    padding: 10px 0px;
}
.moto-complectation ul li:nth-child(odd) {
    margin-right: 30px;
}
.moto-complectation .card-header button.collapsed:after {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgBjZBhDQAQFIQvgggiiSCCBiKIJIIIojzPdsaMcdv9+XzHBjhERJzW4ycqRpmJv3Jl76NNtux5pCDxoGjNwg1ZTxrQE+RV3kaZTgCfDnh/Rr/YNiNNjz8kmxHOAAAAAElFTkSuQmCC');
    width: 14px;
    height: 7px;
    float: right;
    margin-right: 30px;
    transform: translateY(0) rotate(180deg);
    margin-top: 18px;
}
.moto-complectation .card-header button:after {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgBjZBhDQAQFIQvgggiiSCCBiKIJIIIojzPdsaMcdv9+XzHBjhERJzW4ycqRpmJv3Jl76NNtux5pCDxoGjNwg1ZTxrQE+RV3kaZTgCfDnh/Rr/YNiNNjz8kmxHOAAAAAElFTkSuQmCC');
    width: 14px;
    height: 7px;
    float: right;
    margin-right: 30px;
    transform: none;
}

/*ADVANTAGES*/
.advantages-card{
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    height: 367px;
    overflow: hidden;
}
.advantages-card-text{
    padding-left: 66px;
    padding-right: 20px;
}
.title-advantages{
    display: block;
    margin-bottom: 18px;
    font-family: 'Ubuntu-B';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 24px;
    color: #3D4045;
}
.deck-advantages, .deck-advantages span{
    font-family: 'Ubuntu-L'!important;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    font-size: 16px;
    color: #616365;
}
.img-advantages{
    width: 100%;
}
.advantages-block{
    padding-bottom: 50px;
}
.advantages-block .carousel-control-prev {
    left: 35%;
    bottom: -40px;
    top: auto;
    z-index: 2;
}
.advantages-block .carousel-control-next {
    right: 35%;
    bottom: -40px;
    top: auto;
    z-index: 2;
}
.advantages-block .carousel-control-next, .advantages-block .carousel-control-prev {
    max-height: 20px;
}
.advantages-block  .carousel-control-next-icon, .advantages-block  .carousel-control-prev-icon {
    width: 37px;
    height: 24px;
}
.advantages-block .carousel-control-prev-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAYCAYAAAB9ejRwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAACRSURBVEhL7dfRCYUwDIXhqku5h4M4gRM4i4O4hE8OYk9NoAS1b80R+kHIrU8/XhEMfzfHOeIs6URAg3Tc2SCcXbWgkhZU0oLedLIRkEeccbb7Z32ImuKs6USil02F8u/LIYriQR9kwy57NFuvV5NHAUWYjQL3sKcocA17iwK3sK8ocL1jJfZ1QUPDaD4cKgrhAsggN0ZD8j0lAAAAAElFTkSuQmCC');
}
.advantages-block .carousel-control-next-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAYCAYAAAB9ejRwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAClSURBVHgB7de9CYAwEIbhz58xHMQ9HMTK0iHcwAUcxCWsHMScRjxETVLkEjAvHLERHkwICPy0Xs2iprV9oYD/Rr3Wep1NL0igqPq2fsIkUCfAGib1pZxgUigOMMIkURzwCZNGccArLASKAx5hJRwuNQ+tair9fDqGDMdtG1Ndjgij7RsQrgbX9lFkmRAwOkMLm5Bney+BTCWQqQSyKToQ5fzjEGUbEAcz7z0m+94AAAAASUVORK5CYII=');
}
.advantages-block .number-slider {
    text-align: center;
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: -44px;
    font-weight: bold;
    line-height: normal;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.25);
}
.advantages-block .number-slider b{
    color: rgba(0, 0, 0, 0.87);
}


/*ACCESORRIES*/
.acc-card{
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    overflow: hidden;
    margin: 0 auto 30px;
    max-width: 270px;
}
.acc-img{
    width: 268px;
    height: 190px;
    overflow: hidden;
    position: relative;
}
.acc-img img{
    width: 100%;
    height: 100%;
}
.acc-sale{
    font-family: 'Play-Regular';
    background: #D52B1E;
    border-radius: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    top: 17px;
    left: 17px;
    padding: 5px 11px;
}
.acc-card-body{
    padding: 22px 17px 24px;
}
.acc-article{
    font-family: 'Ubuntu-R';
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 12px;
    color: #616365;
    margin-bottom: 10px;
}
.acc-article small{
    color: #D52B1E;
    margin-right: 8px;
    display: inline-block;
}
.acc-name{
    font-family: 'Play-Bold';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 16px;
    display: block;
    height: 38px;
    overflow: hidden;
    margin-bottom: 7px;
    color: #1E1E1E;
}
.acc-price{
    font-family: 'Ubuntu-R';
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 16px;
    text-decoration-line: line-through;
    color: #1E1E1E;
    margin-bottom: 10px;
}
.acc-price b{
    font-family: 'Ubuntu-B';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 24px;
    color: #D52B1E;
    text-decoration-line: none;
    display: inline-block;
    padding-right: 8px;
}
.acc-btn{
    font-size: 16px;
}


@media (max-width: 991.98px) {
    .advantages-card {
        display: flex;
        height: auto!important;
        align-items: normal;
        flex-direction: column;
        max-width: 570px;
        margin: 0 auto;
    }
    .title-advantages {
        font-size: 22px;
    }
    .advantages-card div{
        padding: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .advantages-card-text {
        padding-left: 20px!important;
        padding-right: 20px!important;
        order: 1;
        margin-top: 10px;
        padding-bottom: 20px!important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .lSSlideOuter {
        max-width: 570px;
        margin: 10px auto 20px;
    }
}



@media (max-width: 767.98px) {
    /*CARD MOTO*/
    .moto-card .moto-name {
        margin-bottom: 12px;
    }

    .moto-card .moto-card-btn {
        text-align: center;
        float: none;
        margin: 10px auto 10px;
        max-width: none;
    }

    .moto-card .moto-card-buy {
        margin: 0 0 10px;
    }

    .moto-about-char {
        margin-top: 20px;
    }


    .advantages-block .number-slider {
        bottom: -40px !important;
        font-size: 18px !important;
    }

    .advantages-block .carousel-control-prev {
        left: 25% !important;
    }

    .advantages-block .carousel-control-next {
        right: 25% !important;
    }


    .moto-complectation .card-header {
        padding-left: 15px;
    }

    .moto-complectation .card-header button {
        font-size: 12px !important;
    }

    .moto-complectation table tr th:first-child {
        padding-left: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .moto-card-btn {
        max-width: 310px !important;
    }

    .moto-card-btn a {
        font-size: 14px;
        max-width: 144px;
    }

    .advantages-card {
        height: auto !important;
    }

    .advantages-card-text {
        padding-left: 40px !important;
    }
}

@media (max-width: 1199.98px) {
    .moto-card .lSSlideWrapper {
        height: auto;
    }
}

@media (max-width: 479.98px) {
    .moto-card-buy {
        float: left;
    }
    .moto-card .moto-card-btn {
        text-align: right;
    }
    .moto-card .moto-card-btn a {
        width: 49%;
        display: inline-block;
    }
}

/*COMMISSION CATALOG CARD PAGE*/
.commission-moto-card .lSPager.lSGallery {
    display: none;
}
.commission-moto-card .moto-about.moto-about-char {
    border: none;
    padding: 0;
}
.commission-moto-card hr{
    border-top: 1px solid #E0E0E0;
    margin: 32px 0 36px;
}
.commission-moto-card .moto-card-btn-more {
    margin-top: 10px;
}

@media (max-width: 767.98px) {
    .commission-moto-card hr {
        margin: 0 0 20px;
    }
    .characteristics-block {
        width: 100%!important;
    }
}
/*colors*/

.colors__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.colors__preview {
    max-width: 64px;
    height: 64px;
}
.colors__preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.colors__name, .colors__price {
    color: rgba(97, 99, 101, 0.6)
}
.colors__name span, .colors__price span {
    font-weight: 600;
    color: #D52B1E
}