.mp2-old { background-color: #f5f5f5; color: #000; padding: 0 20px 40px 20px; }
.mp2-old_block { display: inline-block; vertical-align: middle; padding: 20px 0; }
.mp2-old_text { width: 100%; max-width: 490px; margin-left: 60px; text-align: left; }
.mp2-old_text_title { color: #4d4f53; text-align: left; padding-left: 40px; padding-bottom: 20px; }
.mp2-old_text_body { padding-left: 40px; max-width: 450px; }
.mp2-old_text_body p { padding-bottom: 20px; }
.mp2-old_image { width: 100%; max-width: 594px; }
.mp2-old_text_bones { margin-top: 25px; padding-left: 110px; background: url("../work/mosproject2-site/images/bones-icon.png") no-repeat left top; min-height: 104px; }
.mp2-circle { position: absolute; top: 50%; left: 290px; margin-top: -208px; width: 416px; height: 416px; border-radius: 50%; color: #fff; padding-top: 35px; text-align: center; background: rgba(68, 90, 138, 0.9); white-space: pre-line; font-size: 22px; line-height: 30px; z-index: 100; }
.mp2-sitemap {
    position: relative; width: 100%; height: auto; min-height: 100%;
    background: url("../work/mosproject2-site/images/sitemap.jpg") no-repeat right top;
    background-size: 100%;
}
.mp2-sitemap_body { color: #fff; text-align: left; margin-left: 15%; width: 35%; padding-top: 27.5%; padding-bottom: 80px; }
.mp2-sitemap_title { width: 100%; max-width: 450px; }
.mp2-sitemap_mini { display: none; }

.mp2-logos { background-color: #fff; color: #000; padding: 40px 20px 40px 20px; }
.mp2-logos_info { width: 100%; max-width: 760px; margin: 0 auto; text-align: left; }
.mp2-logos_info_title { color: #4d4f53; }
.mp2-logos_work { margin-top: 20px; }
.mp2-logos_work > div { display: inline-block; vertical-align: middle; text-align: center; padding: 20px 0; margin: 0 69px; }
.mp2-logos_work_1 { width: 100%; max-width: 303px; }
.mp2-logos_work_2 { width: 100%; max-width: 461px; }
.mp2-logos_desc { color: #8a8a8a; padding-top: 40px; }
.mp2-main-page { padding-top: 40px; }
.mp2-main-page > div { padding: 0 20px; }
.mp2-main-page > figure { margin-top: 30px; }

.mp2-inside_pad {
    display: block; position: relative;
    background: url("../work/mosproject2-site/images/pad.jpg") no-repeat center top;
    width: 100%; min-height: 990px;
}
.mp2-inside_over60 { position: relative; margin-top: -450px; padding: 0 20px; }
.mp2-inside_over60 > figure { margin-top: 20px; }
.mp2-inside_over60_info { display: block; position: relative; color: #fff; }
.mp2-inside_over60_info { width: 100%; max-width: 1070px; text-align: left; margin: 0 auto; padding-right: 170px; }

.mp2-resp { background-color: #f5f5f5; color: #000; padding: 40px 20px 40px 20px; }
.mp2-resp_block { display: inline-block; vertical-align: top; padding: 20px 0; }
.mp2-resp_text { width: 100%; max-width: 490px; margin-left: 60px; text-align: left; }
.mp2-resp_text_title { color: #4d4f53; text-align: left; padding-left: 40px; padding-bottom: 20px; }
.mp2-resp_text_body { padding-left: 40px; max-width: 430px; }
.mp2-resp_text_body p { padding-bottom: 20px; }
.mp2-resp_image { width: 100%; max-width: 568px; }
.mp2-resp_text_clock { margin-top: 25px; padding-left: 110px; max-width: 450px; background: url("../work/mosproject2-site/images/clock-icon.png") no-repeat left top; min-height: 93px; }

.mp2-details { display: block; position: relative; height: auto; min-height: 465px; max-height: 684px; background: url("../work/mosproject2-site/images/details.jpg") no-repeat right bottom; background-size: cover; }
.mp2-details_info { position: relative; margin: 78px 0 0 295px; padding: 0 20px; text-align: left; color: #fff; width: 100%; max-width: 580px; }
.mp2-seo { position: relative; padding-top: 50px}
.mp2-seo_info { position: absolute; top: 40px; left: 245px; max-width: 500px; padding: 34px 50px 50px 50px; background: rgba(255,255,255,0.9); text-align: left; }
.mp2-favicon { position: relative; color: #fff; background: url("../work/mosproject2-site/images/favicon.jpg") no-repeat center top;min-height: 551px; padding: 0 20px; }
.mp2-favicon_info { width: 70%; margin: 155px auto 0 auto; text-align: left; }
.mp2-favicon_info_left { width: 50%; padding-right: 80px; }
.mp2-favicon_info_right { width: 50%; }
.mp2-favicon_lens { display: none; }
.mp2-video { padding-top: 20px; }
.mp2-video_text { padding: 0 20px; }
.mp2-404 { background-color: #f5f5f5; padding-top: 40px; }
.mp2-404_image { margin-top: 20px; }
.mp2-404 > div { padding: 0 20px; }

@media only screen and (max-width: 979px) {
    .mp2-sitemap { margin-top: 20px; background: none; }
    .mp2-sitemap_body { width: 100%; max-width: 760px; padding: 0 20px; margin: 0 auto; }
    .mp2-sitemap_title { color: #4d4f53; }
    .mp2-sitemap_text { color: #000; }
    .mp2-sitemap_mini { margin-top: 30px; display: block; }
}

@media only screen and (min-width: 980px) and (max-width: 1469px) {
    .mp2-details_info { margin: 78px 0 0 130px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .mp2-details_info { margin: 38px 0 0 70px; }
    .mp2-seo_info { top: 0; left: 0; max-width: 100%; background: rgba(255,255,255,0.8); }
    .mp2-favicon { min-height: 100%; background: url("../work/mosproject2-site/images/wood.jpg") no-repeat center top; }
    .mp2-favicon_info { width: 100%; margin: 50px auto 0 auto; }
    .mp2-favicon_info_left { width: 100%; padding-right: 0; }
    .mp2-favicon_info_right { width: 0; }
    .mp2-favicon_lens { display: block; }
}
@media only screen and (max-width: 767px) {
    .mp2-old_text { max-width: 400px; margin-left: 0; }
    .mp2-old_text_title, .mp2-old_text_body { padding-left: 0; }
    .mp2-resp_text { max-width: 400px; margin-left: 0; }
    .mp2-resp_text_title, .mp2-resp_text_body { padding-left: 0; }
    .mp2-circle { position: relative; top: 0; left: 0; margin-top: 0; white-space: normal; border-radius: 0; width: 100%; font-size: 16px; line-height: 24px; text-align: left; height: auto; padding: 20px 40px; }
    .mp2-logos_work > div { margin: 0; }
    .mp2-logos { padding-top: 20px; }
    .mp2-main-page { padding-top: 20px; }
    .mp2-inside_over60_info { padding-right: 0; }
    .mp2-details_info { margin: 0 auto; }
    .mp2-seo_info { top: 0; left: 0; max-width: 100%; background: rgba(255,255,255,0.8); }
    .mp2-favicon { min-height: 100%; background: url("../work/mosproject2-site/images/wood.jpg") no-repeat center top; }
    .mp2-favicon_info { width: 100%; margin: 50px auto 0 auto; }
    .mp2-favicon_info_left { width: 100%; padding-right: 0; }
    .mp2-favicon_info_right { width: 0; }
    .mp2-favicon_lens { display: block; }
    .mp2-video_text { text-align: left; }
    .mp2-video_text .uni-centered { text-align: left; }
    .mp2-404 { padding-top: 20px; }
}