/** Страница 404 **/
.error-page {
    margin-top: 10px;
    font-weight: 500;
    text-align: center;
}
.error-page__title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 237px;
    font-weight: 600;
    line-height: 1;
}
.error-page__subtitle {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 32px;
}
.error-page__text {
    margin-top: 20px;
    font-size: 16px;
}
.error-page__link {
    position: relative;
    display: inline-block;
}

/*gray-input*/
.modal-form__control {
    position: relative;
}
.modal-form__control--error::after {
    content: "Заполните поле";
    display: block;
    color: #EE2524;
    position: absolute;
    font-size: 12px;
    right: 0;
    font-weight: 500;
}
.modal-form__control--error input{
    border-bottom: 1px solid #EE2524;
}
.modal-form__control--error input::placeholder {
    color: #EE2524;
}
.modal-form__control + .modal-form__control {
    margin-left: 10px;
}

#callbackModal .modal-form__content-fields,
#mortgageModal .modal-form__content-fields,
#bookModal .modal-form__content-fields,
.form-family__content-fields {
    flex-wrap: wrap;
}
#callbackModal .modal-form__content-agreement,
#mortgageModal .modal-form__content-agreement,
#bookModal .modal-form__content-agreement,
.form-family__content-fields .form-family__content-agreement {
    order: 1;
}
form label.agreement-callback-mobile--error::before,
#callbackModal label.agreement-callback-mobile--error::before,
#mortgageModal label.agreement-callback-mobile--error::before,
#bookModal label.agreement-callback-mobile--error::before{
    border-color: #EE2524;
}

#mortgageModal .modal-form__result-error,
#bookModal .modal-form__result-error{
    background-color: #ee2524;
    color: #fff;
}

.form-family__content-fields .white-input {
    width: 220px;
}

@media (max-width: 768px) {
    .form-family__content-fields .white-input {
        width: 315px;
    }
    .modal-form__control {
        margin-bottom: 25px;
    }
}

@media (max-width: 480px) {
    .modal-form__control + .modal-form__control {
        margin-left: 0;
    }
    .form-family__content-fields .white-input {
        width: 100%;
    }
    .modal-form__control {
        width: 100%;
    }
}

.form__result {
    min-height: 200px;
    font-size: 32px;
    line-height: 48px;
    color: #fff;
    font-weight: bold;
}

.flat-detail__main-img {
    flex-grow: 1;
}

@media (max-width: 840px) {
    #callbackModal .modal-form__content-agreement,
    #mortgageModal .modal-form__content-agreement,
    .form-family__content-fields .form-family__content-agreement {
        order: 0;
    }
}

/* docs page */

.docs__description {
    margin: 10px 0 15px;
}
.docs__topfiles a {
    display: block;
}

.docs__categories,
.docs__default {
    margin-top: 25px;
}
.docs__default a,
.docs__categories a {
    margin-bottom: 10px;
    display: block
}
.docs__categories-item {
    margin-bottom: 10px;
    display: block;
    padding-left: 25px;
}
.docs__default a:hover,
.docs__topfiles a:hover,
.docs__categories a:hover {
    text-decoration: underline;
}



.docs-detail {
    margin-top: 15px;
}
.docs-detail__pic {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    margin-top: 25px;
}
.docs-detail__pic a {
    width: 280px;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 10px;
}
.docs-detail__pic a:hover {
    box-shadow: 0 0 30px -5px #ccc;
}
.docs-detail__pic a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.docs-detail__files a {
    display: block;
    position: relative;
    margin-bottom: 10px;
    padding-left: 25px;
}
.docs-detail__files a::before {
    position: absolute;
    left: 0;
    content: '';
    background: url('img/ico/document_info.png') center no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    top: 8px;
}
.docs-detail__files a:hover {
    text-decoration: underline;
}


.news-head {
    position: relative;
    /* height: 300px; */
}
.news-detail {
    position: relative;
}
.news-detail__preview-picture {
    background: linear-gradient(0deg, #F39000, #F39000), linear-gradient(0deg, #EE2524, #EE2524), linear-gradient(40.98deg, #E62A32 1.29%, #F39000 99.57%);
    padding-top: 17px;
}

.breadcrumbs-news {
    background: linear-gradient(0deg, #F39000, #F39000), linear-gradient(0deg, #EE2524, #EE2524), linear-gradient(40.98deg, #E62A32 1.29%, #F39000 99.57%);
    margin: 0;
    padding: 20px 0;
}
.breadcrumbs-news .breadcrumbs__item-link,
.breadcrumbs-news .breadcrumbs__item--active {
    color: #fff;
}
.breadcrumbs-news .breadcrumbs__item-link:hover {
    color: #333;
}
.breadcrumbs-news .breadcrumbs__item--active:hover {
    color: #fff;
}

.about__head-vacancy-text {
    font-size: 24px;
    line-height: 32px;
    margin-top: 33px;
    font-weight: 600;
}
@media (max-width: 991px) {
    .about__head-vacancy-text {
        color: #fff;
    }
}
@media (max-width: 480px) {
    .about__head-vacancy-text {
        color: #fff;
        font-weight: 500;
        font-size: 20px;
        line-height: 26px;
    }
}

.vacancy {
    padding: 60px 0;

}

.vacancy .block-title {
    font-size: 32px;
    line-height: 48px;
    color: #333333;
}
.vacancy__item {
    margin-top: 23px;
}
.vacancy__item + .vacancy__item {
    margin-top: 50px;
}
.vacancy__item-title {
    font-size: 24px;
    line-height: 32px;
    color: #333333;
    font-weight: 600;
}
.vacancy__item-text {
    margin: 10px 0;
}

.btn-vacancy {
    font-size: 16px;
    line-height: 18px;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #4F4F4F;
    color: #4F4F4F;
    text-align: center;
    font-weight: 600;
    padding: 12px 21px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    max-width: 224px;
}
.btn-vacancy:hover {
    background: linear-gradient(0deg, #f39000, #f39000), linear-gradient(0deg, #ee2524, #ee2524), linear-gradient(32.36deg, #e62a32 1.29%, #f39000 99.57%);
    border-color: #f39000;
    color: #fff;
}
.btn-vacancy:active {
    background-color: #e6e6e6;
    border-color: #adadad;
}


@media (max-width: 480px) {
    .btn-vacancy {
        margin: 0 auto;
        max-width: 100%;
    }
}


@media (max-width: 991px) {
    .commercial-detail__item-left {
        margin-top: 15px;
    }
}

@media (max-width: 991px) {
    .about__block .video-play-btn {
        left: 50%;
    }
}

@media (max-width: 480px) {
    .about__block .video-play-btn {
        top: 52%;
    }
}

.work-graph {
    margin-top: 110px;
}

.work-graph .block-title {
    font-size: 32px;
    line-height: 48px;
}

.work-graph__wrapper {
    display: flex;
}
.work-graph__left {
    width: 100%;
}
.work-graph__left img {
    width: 100%;
}
.work-graph__right {
    background: url(img/work-orange-block-bg.png) no-repeat center;
    color: #fff;
    background-size: cover;
    background-position-y: 19px;
    height: 263px;
    padding: 59px 56px 34px 59px;
}

.work-graph__count {
    font-family: 'BlissBold';
    font-size: 130px;
    line-height: 120px;
}

.work-graph__text {
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
    width: 80%;
}



.work-hr {
    margin: 68px 0 36px;
}

.work-hr__main {
    margin-top: 68px;
    width: 562px;
}

.work-hr__quote {
    font-weight: 600;
    position: relative;
    margin: 41px 0 11px 40px;
    width: calc(50% - 40px);
    max-height: 270px;
}
.work-hr__quote::before {
    content: url('img/ico/quote-on.svg');
    position: absolute;
    left: 0;
    top: -38px;
}
.work-hr__quote::after {
    content: url('img/ico/quote-off.svg');
    position: absolute;
    right: 0;
    bottom: -30px;
}

.work-hr__name {
    font-weight: 800;
    font-size: 24px;
    line-height: 36px;
    font-family: 'Averta';
    margin-top: 25px;
}

.work-hr__position {
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
}

.work-hr__wrapper {
    display: flex;
}

.work-hr__personal {
    align-items: center;
    width: 50%;
    overflow: hidden;
}
.work-hr__photo img {
    width: 100%;
}

@media (max-width: 1199px) {
    .work-hr__quote {
        max-height: 300px;
    }
}

@media (max-width: 991px) {
    .work-hr__wrapper {
        display: block;
    }
    .work-hr__personal,
    .work-hr__quote {
        width: 100%;
    }
    .work-hr__quote {
        margin: 60px 0px 11px;
        max-height: unset;
    }

}


.reasons {
    margin-top: 100px;
}

@media (max-width: 991px) {
    .reasons {
        margin-top: 50px;
    }
}

.reasons .block-title {
    font-size: 32px;
    line-height: 48px;
}

.reasons__list {
    margin-top: 42px;
}

.reasons__item {
    height: 360px;
    background: linear-gradient(0deg, #F39000, #F39000), linear-gradient(0deg, #EE2524, #EE2524), linear-gradient(74.9deg, #E62A32 1.29%, #F39000 99.57%);
    border-radius: 3px;
    margin-bottom: 40px;
    position: relative;
    padding: 20px;
}

.reasons__item-number {
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
}

.reasons__item-text {
    position: absolute;
    left: 20px;
    bottom: 20px;
    color: #fff;
    width: calc(100% - 100px);
}

.reasons__item-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 25px;
}

.reasons__item-detail {
    margin-top: 10px;
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 991px) {
    .partners__head {
        height: auto;
    }
}

@media (max-width: 480px) {
    .work-graph {
        margin-top: 45px;
    }
    .work-graph .block-title,
    .reasons .block-title {
        font-size: 26px;
        line-height: 32px;
    }
    .reasons__item {
        height: auto;
    }
    .reasons__item-text {
        position: relative;
        left: 0;
        bottom: 0;
        width: 100%;
        margin: 30px 0 34px;
    }
    .reasons__item-title {
        margin: 0 0 60px;
    }
}

.quote {
    margin-top: 60px;
}

.quote__wrapper {
    display: flex;
}

.quote__img {
    width: 600px;
}

.quote__img img {
    width: 100%;
}

.quote__text {
    margin: 30px 0 0 80px;
    font-size: 28px;
    line-height: 42px;
    width: calc(100% - 680px);
}

@media (max-width: 480px) {
    .quote__text {
        width: 100%;
        margin-left: 0;
    }
}

.quote__text-default {
    font-weight: 600;
    position: relative;
}

.quote__text-default::before {
    content: url('img/ico/quote-on.svg');
    position: absolute;
    left: 0;
    top: -38px;
}
.quote__text-default::after {
    content: url('img/ico/quote-off.svg');
    position: absolute;
    right: 0;
    bottom: -30px;
}

.quote__text-name {
    margin-top: 19px;
    font-family: 'Averta';
    font-size: 24px;

}

.quote__text-position {
    font-size: 16px;
}

@media (max-width: 1199px) {
    .quote__img {
        width: 50%;
    }

    .quote__text {
        margin: 30px 0 0 36px;
        font-size: 22px;
        line-height: 38px;
        width: calc(50% - 36px);
    }
}


@media (max-width: 991px) {
    .quote__wrapper {
        display: block;
    }

    .quote__img,
    .quote__text {
        width: 100%;
    }

    .quote__text {
        margin: 55px 0 0;
        width: 100%;
    }
}


@media (min-width: 1600px) {
    .work__head .about__head-text {
        margin: 39px 0 130px;
    }
    .partners__head .about__head-text {
        margin: 39px 0 100px;
    }
}

.work-graph__mobile {
    display: none;
}

@media (max-width: 1199px) {
    .work-graph__mobile {
        display: block;
        width: 100%;
    }
}


@media (max-width: 991px) {
    .work__head {
        height: 500px;
    }

    .work__head .default-wave::after,
    .partners__head .default-wave::after {
        content: '';
    }
}

@media (max-width: 480px) {
    .work__head {
        height: auto;
    }
    .work__head .custom-title,
    .partners__head .custom-title {
        padding-right: 0;
    }
    .work__head .custom-title,
    .partners__head .custom-title {
        margin-top: 20px;
        line-height: 30px;
    }
    .work__head .custom-title .main-title {
        width: 224px;
    }

    .partners__head .about__head-right {
        height: 235px;
    }
    .work__head .about__head-right {
        height: 375px;
    }
    .work__head .about__head-text {
        margin: 100px auto 0;
        padding: 0 15px;
        color: #000;
        line-height: 24px;
    }

    .work__head .about__head-text,
    .partners__head .about__head-text {
        margin: 100px auto 0;
        padding: 0 15px;
        color: #000;
        line-height: 24px;
    }
    .partners__head .about__head-text {
        margin: 128px auto 0;
    }

}

@media (max-width: 375px) {
    .partners__head .about__head-right {
        height: 290px;
    }
}


.sputnik-complexes {
    margin: 65px 0;
}

@media (max-width: 1199px) {
    .sputnik-complexes {
        margin: 15px 0 40px;
    }
}


.sputnik-banner__head .main-title {
    text-transform: none;
    line-height: 48px;
    font-size: 52px;
    width: 373px;
}

.sputnik-banner__head .complexes-logo {
    margin: 35px 0 40px;
}

.sputnik-banner__head .custom-title {
    margin-bottom: 115px;
}

@media (max-width: 480px) {
    .sputnik-banner__head .complexes-logo {
        display: none;
    }
    .sputnik-banner__head .main-title {
        width: 100%;
    }
}


.form-sputnik__img {
    right: 0;
}

.form-sputnik {
    background: #F39000;
    margin-top: 240px;
}

.form-sputnik .form-family__content-title {
    width: 100%;
}

.form-family__content-subtitle {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    margin: 10px 0 25px;
}

.form-sputnik::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    background: url(img/waves/wave-form.png) repeat-x center;
}

@media (max-width: 480px) {
    .form-sputnik {
        margin-top: 70px;
    }
    .form-family__content {
        padding: 90px 15px 30px;
    }
    .form-sputnik .form-family__content-title {
        line-height: 34px;
    }

}


.filter__obj .ss-main {
    width: calc(100% + 50px);
    color: #000;
    height: 42px;
}
.filter__obj .ss-main .ss-multi-selected {
    height: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #b8b0b0;
}

.filter__obj .ss-main .ss-multi-selected .ss-values .ss-value {
    background-color: #F39000;
}
.filter__obj .ss-content .ss-list {
    font-size: 14px;
}
.filter__obj .ss-main .ss-multi-selected .ss-values .ss-disabled {
    font-size: 14px;
    color: #333333ab;
}

.filter__obj .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
    margin: 0 0 0 10px;
}

.filter__obj .ss-main .ss-multi-selected .ss-add {
    margin: auto 12px auto 5px;
}

@media (max-width: 480px) {
    .filter__obj .ss-main .ss-multi-selected {
        width: calc(100% - 30px);
    }
    .filter__obj .ss-main {
        height: auto;
        width: 100%;
    }
}