.b-mp-categories_background .b-carousel:before {
    background-color: rgba(12, 98, 96, .7);
}

/* -------------------- Main page :: categories -------------------- */
.b-mp-categories {
    position: relative;
}

@media (max-width: 767px) {

    .b-mp-categories_background {
        display: none;
        visibility: hidden;
    }

    .b-mp-categories_feed {
        margin-bottom: -16px;
    }

    .b-mp-categories_feed > [class*="col-"] {
        margin-bottom: 16px;
    }

    .b-mp-categories_item {
        position: relative;
        overflow: hidden;
        font: 700 18px 'Roboto', sans-serif;
        background: #4cb8b5;
        border: 1px solid #4cb8b5;
        -webkit-transition: background 300ms;
        -o-transition: background 300ms;
        transition: background 300ms;
    }

    .b-mp-categories_item:after {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        -webkit-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
        -webkit-transition-property: -webkit-transform;
        -o-transition-property: -o-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        content: '';
    }

    .b-mp-categories_item_capsule {
        display: table;
        position: relative;
        z-index: 3;
        width: 100%;
        height: 132px;
        border-collapse: separate;
        table-layout: fixed;
    }

    .b-mp-categories_item_capsule_cell {
        display: table-cell;
        vertical-align: middle;
        padding: 6px 0;
        text-decoration: none;
        text-align: center;
        color: #000;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .b-mp-categories_item_pic {
        display: block;
        position: relative;
        margin: 0 auto;
        width: 85px;
        height: 56px;
        -webkit-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
    }

    .b-mp-categories_item_caption {
        display: block;
        position: relative;
        margin-top: 10px;
    }

    .b-mp-categories_item:hover:after {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    .b-mp-categories_item:hover .b-mp-categories_item_capsule_cell {
        color: #fff;
    }

    .b-mp-categories_item:hover .b-mp-categories_item_pic {
        -webkit-transform: scale(1.15151515151515);
        -ms-transform: scale(1.15151515151515);
        -o-transform: scale(1.15151515151515);
        transform: scale(1.15151515151515);
    }

    .b-mp-categories_item:hover .b-mp-categories_item_pic [fill] {
        fill: #fff;
    }

    .b-mp-categories_feed {
        margin-bottom: -12px;
    }

    .b-mp-categories_feed > [class*="col-"] {
        margin-bottom: 12px;
    }

    .b-mp-categories_item {
        font: 700 16px 'Roboto', sans-serif;
    }

    .b-mp-categories_item_capsule {
        height: 112px;
    }

    .b-mp-categories_item_pic {
        width: 73px;
        height: 48px;
    }

}

@media (min-width: 768px) {

    .b-mp-categories {
        padding: 62px 0;
        background: #fff;
    }

    .b-mp-categories_background {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .b-mp-categories_background .b-carousel {
        position: relative;
        height: 100%;
    }

    .b-mp-categories_background .b-carousel .owl-stage-outer,
    .b-mp-categories_background .b-carousel .owl-stage-outer .owl-stage,
    .b-mp-categories_background .b-carousel .owl-stage-outer .owl-item,
    .b-mp-categories_background .b-carousel_item {
        height: 100%;
    }

    .b-mp-categories_background .b-banner {
        height: 100%;
    }

    .b-mp-categories_background .b-carousel:before {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        content: '';
    }

    .b-mp-categories_background .b-carousel_arrow {
        color: #fff;
    }

    .b-mp-categories_background .b-carousel_arrow:hover {
        color: #fe6913;
    }

    .b-mp-categories_background .b-carousel_arrow__prev {
        left: 24px;
    }

    .b-mp-categories_background .b-carousel_arrow__next {
        right: 24px;
    }

    .b-mp-categories_content {
        position: relative;
        z-index: 2;
    }

    .b-mp-categories_feed {
        margin-bottom: -25px;
    }

    .b-mp-categories_feed > [class*="col-"] {
        margin-bottom: 25px;
    }

    .b-mp-categories_item {
        position: relative;
        font: 700 18px 'Roboto', sans-serif;
        background: transparent;
        overflow: hidden;
        -webkit-transition: background 300ms;
        -o-transition: background 300ms;
        transition: background 300ms;
    }

    .b-mp-categories_item:after {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, .8);
        -webkit-border-radius: 100%;
        border-radius: 100%;
        -webkit-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
        -webkit-transition-property: -webkit-transform;
        -o-transition-property: -o-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        content: '';
    }

    .b-mp-categories_item:before {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(254, 105, 19, .8);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
        content: '';
    }

    .b-mp-categories_item_capsule {
        display: table;
        position: relative;
        z-index: 3;
        width: 100%;
        height: 158px;
        border-collapse: separate;
        table-layout: fixed;
    }

    .b-mp-categories_item_capsule_cell {
        display: table-cell;
        vertical-align: middle;
        padding: 6px 0 0;
        text-decoration: none;
        text-align: center;
        color: #000;
        border-bottom: 6px solid #1fa6a3;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .b-mp-categories_item_pic {
        display: block;
        position: relative;
        margin: 0 auto;
        -webkit-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
    }

    .b-mp-categories_item_caption {
        display: block;
        position: relative;
        margin-top: 10px;
    }

    .b-mp-categories_item:hover {
        background: rgba(255, 255, 255, .8);
    }

    .b-mp-categories_item:hover:after {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    .b-mp-categories_item:hover:before {
        opacity: 1;
        visibility: visible;
    }

    .b-mp-categories_item:hover .b-mp-categories_item_capsule_cell {
        color: #fff;
        border-bottom-color: #fff;
    }

    .b-mp-categories_item:hover .b-mp-categories_item_pic {
        -webkit-transform: scale(1.15151515151515);
        -ms-transform: scale(1.15151515151515);
        -o-transform: scale(1.15151515151515);
        transform: scale(1.15151515151515);
    }

    .b-mp-categories_item:hover .b-mp-categories_item_pic [fill] {
        fill: #fff;
    }

}

@media (min-width: 768px) and (max-width: 867px) {

    .b-mp-categories_background .b-carousel_arrow {
        display: none;
    }

}

@media (min-width: 1920px) {

    .b-mp-categories {
        background-size: cover;
    }

}