/* * * Main page :: ratings * * */
.b-mp-ratings { position: relative; padding: 40px 0 90px; background: #F9F9F9; }

.b-mp-ratings_menu { margin-top: 52px; margin-bottom: -62px; }
.b-mp-ratings_menu > [class*="col-"] { margin-bottom: 62px; }

@media (max-width: 1199px) {

    .b-mp-ratings { padding: 40px 0 84px; }

    .b-mp-ratings_menu { margin-top: 46px; margin-bottom: -34px; }
    .b-mp-ratings_menu > [class*="col-"] { margin-bottom: 34px; }

}

@media (max-width: 767px) {

    .b-mp-ratings { padding: 30px 0 64px; }
    .b-mp-ratings_menu { margin-top: 24px; }

}

.b-mp-ratings_menu_item { display: block; position: relative; padding-top: 32px; min-height: 100%; font: 700 18px 'Open Sans', sans-serif; text-decoration: none; text-align: center; letter-spacing: 0.25px; box-sizing: border-box; color: #37474F; }
.b-mp-ratings_menu_item_box { display: block; position: relative; padding: 70px 24px 24px; min-height: 100%; background: #fff; border: 1px solid rgba(0, 0, 0, .12); border-radius: 10px; box-shadow: 0 4px 16px rgba(0, 0, 0, .12); box-sizing: border-box; transition: all 400ms; }

.m-mouse .b-mp-ratings_menu_item:hover .b-mp-ratings_menu_item_box { transform: translateY(-10px); box-shadow: 0 14px 16px rgba(0, 0, 0, .12); }

.b-mp-ratings_menu_item_text { position: relative; min-height: 72px; }
.b-mp-ratings_menu_item_text strong { color: #FB6A95; }

.b-mp-ratings_menu_item_icon { position: absolute; left: 50%; top: -32px; margin-left: -34px; padding: 11px 13px 31px; width: 68px; height: 84px; background: url('./img/mp-rating.svg') center top no-repeat; box-sizing: border-box; }

.b-mp-ratings_menu_item_icon_capsule { display: table; width: 100%; height: 100%; border-collapse: separate; border-spacing: 0; }
.b-mp-ratings_menu_item_icon_capsule_cell { display: table-cell; vertical-align: middle; padding: 0; }

.b-mp-ratings_menu_item_icon img { display: block; position: relative; margin: 0 auto; max-width: 32px; max-height: 32px; width: auto; height: auto; backface-visibility: hidden; }

.b-mp-ratings_footer { position: absolute; z-index: 5; left: 50%; bottom: -29px; margin-left: -130px; width: 260px; }

.b-mp-ratings_footer_more { display: inline-block; position: relative; padding: 18px 54px 22px; font: 600 18px/1 'Open Sans', sans-serif; border-radius: 30px; }
.b-mp-ratings_footer_more .i-svg { margin-left: 10px; font-size: 16px; }

@media (max-width: 1199px) {

    .b-mp-ratings_menu_item_box { padding: 70px 4px 26px; }

}