/* Главная страница - таблица catalog_parts
-------------------------------------------*/

#skin-layout.skin {
    width: 100%;
}

.mpage_catalog {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.mpage_catalog_part__inner {
    position: relative;
    background: #FFFFFF;
}

.pict {
    position: absolute;
    top: 12px;
    left: 8px;
    width: 76px;
    height: 76px;
    background-position: center;
    background-repeat: no-repeat;
}

.category_name {
    position: relative;
    float: left;
    top: 50%;
    left: 42%;
    transform: translate(-50%, -50%);
    width: 20px;
}

.mpage span.all_category_name {
    color: #658BB5;
    font-weight: normal;
    position: relative;
    float: left;
    top: 50%;
    left: 42%;
    transform: translate(-50%, -50%);
    width: 20px;
}

.all_category_name::after {
    position: absolute;
    top: 20px;
    left: 75px;
    width: 20px;
    height: 20px;
    content: '';
    display: inline-block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNzUgNi41SDE2LjYyNU0xNi42MjUgNi41TDExIDEuMDYyNU0xNi42MjUgNi41TDExIDEyLjEyNSIgc3Ryb2tlPSIjNjU4QkI1Ii8+Cjwvc3ZnPgo=);
}

.mpage {
    height: 100px;
    width: 248px;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    color: #000000;
}

@media (max-width: 1279px) {
    .mpage {
        width: 245px;
    }
}

.mpage:hover {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform: scale(1.04);
    position: relative;
    z-index: 999;
    box-shadow: 0px 2px 16px rgba(136, 148, 166, 0.24);
}

.mpage:hover {
    color: red;
}

.mpage span {
    line-height: 1.2;
    font-size: 16px;
    font-weight: bold;
}

.mpage.all_categories {
    background-color: #ffffff;
}

.catalog-help {
    background: #F5F5F5;
    height: 100%;
}

.catalog-title, .recommend-title, .help-title, .loyalty-title {
    font-weight: bold;
    font-size: 26px;
    line-height: 110%;
    text-align: center;
    margin-bottom: 30px;
}

div.catalog-title {
    margin-top: 36px;
}

.help-sub-title {
    font-weight: normal;
    font-size: 21px;
}

input, select, textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.catalog-background {
    background-color: #F5F5F5;
    padding-top: 40px;
    padding-bottom: 40px;
}

.mpage-catalog-content {
    text-align: center;
}

.mpage-help {
    margin-top: 36px;
}

.help-title {
    margin-top: 40px;
}