.title-experts { font-weight: bold; font-size: 60px; line-height: 72px; }
.title-mini-experts { margin-top: 60px; font-size: 20px; line-height: 24px; }
.cards-expert { margin-top: 80px; }
.card-expert { cursor: pointer; border: 1px solid #B7B7B7; border-radius: 20px; padding: 60px 40px; transition: .5s; }
.card-expert:hover { transform: translateY(-20px); }
.card-expert:hover .title-card-expert { color: #D21F39; }
.expert { display: flex; max-height: 80px; }
.photo-expert { flex-shrink: 0; }
.wrapper-name-expert { margin-top: 5px; padding-left: 20px; }
.name-expert { font-weight: bold; font-size: 20px; line-height: 24px; }
.profession-expert { font-size: 14px; line-height: 17px; color: #787878; margin-top: 6px;}
.icon-card-expert { margin-top: 60px; }
.title-card-expert { font-weight: bold; font-size: 24px; line-height: 29px; margin-top: 25px; transition: .5s; }
.wrapper-btn-expert { position: relative; cursor: pointer; padding: 0; height: 100%; border: 1px dashed #505050; border-radius: 20px; text-align: center; transition: .5s;}
.wrapper-btn-expert:hover { background: #D21F39; border: none; color: #fff; }
.btn-expert { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; font-weight: bold; font-size: 16px; line-height: 19px; text-align: center; text-transform: uppercase; }
.photo-expert img { border-radius: 50%; width: 80px; height: 80px; }
/*получить советы дизайнеров*/
#popup-get-designer-advice .popup-record-salon__email { width: 98%; }
#popup-get-designer-advice .popup-label-checkbox-record-salon { width: 98%; }
/*popup-experts*/
#popup-experts { display: block; position: fixed; width: 100%; }
.title-popup-expert { margin-bottom: 40px; }
.wrapper-img-expert-popup-main { width: 100%; border-radius: 20px; margin-top: 60px; }
.wrapper-img-expert-popup-main:first-child {
    margin-top: 0;
}
.wrapper-img-expert-popup-main img { width: 100%; border-radius: 20px; }
.title-mini-popup-expert { font-weight: bold; font-size: 36px; line-height: 43px; margin-top: 60px; }
.body-text-popup-expert { margin-top: 40px; }
.name-expert-popup { font-weight: bold; }
.profession-expert-popup { margin-top: 10px; }
.profession-expert-popup { font-size: 14px; line-height: 17px; color: #787878; }
.about-expert {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
}
.wrapper-img-expert-popup {
    flex-shrink: 0;
    margin-right: 17px;
}
.wrapper-img-expert-popup img { display: block; width: 100%; max-width: 80px; height: auto; max-height: 80px; border-radius: 100%; }
.get-advice-title { font-weight: bold; font-size: 36px; line-height: 43px; margin-top: 60px;}
.get-advice-text { margin-top: 20px; }
.get-advice-form { margin-top: 40px; }
.get-advice-form form { margin-top: 0; }
.get-advice-form .popup-record-salon__phone {
    width: 100%;
}
.get-advice-form .popup-record-salon__email {
    width: 100%;
    margin-top: 30px;
}
.get-advice-form .popup-label-checkbox-record-salon { width: 100%; height: auto; margin-top: 30px; }
.get-advice-form .btn-popup-record-salon { width: 100%; margin-top: 30px; }
.popup-experts-row {
    margin: -70px 0 100px;
}
.popup-experts-row .cards-expert {
    margin-top: 0;
}

@media screen and ( max-width: 1920px) {
    .title-mini-experts {
        margin-top: 45px;
        font-size: 18px;
        line-height: 1.3;
    }
    .cards-expert {
        margin-top: 60px;
    }
    .card-expert { padding: 40px 30px; }
    .photo-expert img { width: 60px; height: 60px; }
    .wrapper-name-expert { margin-top: 0; padding-left: 18px; }
    .name-expert {
        font-size: 18px;
        line-height: 1.3;
    }
    .title-experts { font-size: 52px; line-height: 62px; }
    .profession-expert { font-size: 12px; line-height: 14px; margin-top: 10px; }
    .title-card-expert { font-size: 24px; line-height: 29px; }
    .btn-expert { font-size: 14px; line-height: 17px; }
    .expert { max-height: 60px; }
    /*popup-experts*/
    .text-top-popup-experts, .body-text-popup-expert { font-size: 18px; line-height: 22px; }
    .body-text-popup-expert { margin-bottom: 80px; }
    .title-mini-popup-expert { font-size: 30px; line-height: 36px; }
    .wrapper-img-expert-popup-main { margin-top: 40px; }
    .name-expert-popup { padding-left: 0; font-size: 18px; line-height: 22px; }
    .profession-expert-popup { font-size: 12px; line-height: 14px; }
    .get-advice-title { font-size: 36px; line-height: 43px; margin-top: 40px; }
    .get-advice-text { font-size: 18px; line-height: 20px; }
    .title-popup-expert { padding-top: 0; font-size: 48px; line-height: 58px; }
    .title-card-expert { font-size: 24px; line-height: 29px; }
}
@media screen and ( max-width: 1509px ) {
    .body-text-popup-expert { margin-bottom: 60px; }
}
@media screen and ( max-width: 1089px) {
    .profession-expert { margin-top: 8px; }
    .btn-expert { font-size: 14px; line-height: 17px; }
    /*popup-experts*/
    .title-card-expert { font-size: 20px; line-height: 24px; }
}
@media screen and ( max-width: 1089px) {
    .title-experts { font-size: 36px; line-height: 43px; }
    .title-mini-experts { margin-top: 30px; font-size: 16px; line-height: 19px; }
    .cards-expert div:nth-child(3) .card-expert { margin-top: 40px; }
    .name-expert { font-size: 18px; line-height: 22px; }
    .profession-expert { font-size: 10px; line-height: 12px; }
    /*popup expert*/
    .title-popup-expert { margin-bottom: 30px; }
    .text-top-popup-experts, .body-text-popup-expert { font-size: 16px; line-height: 19px; }
    .title-mini-popup-expert { font-size: 24px; line-height: 29px; margin-top: 40px; }
    .wrapper-img-expert-popup img { width: 60px; height: 60px; }
    .name-expert-popup { font-size: 16px; line-height: 19px; }
    .profession-expert-popup { font-size: 11px; line-height: 12px; }
    .get-advice-title { font-size: 24px; line-height: 29px; }
    .get-advice-text { margin-top: 30px; font-size: 16px; line-height: 19px; }
    .body-text-popup-expert { margin-top: 30px; }
    .row.cards-expert {
        margin-top: 25px;
        margin-bottom: -15px;
    }
    .row.cards-expert [class*="col"] {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .popup-experts-row {
        margin-bottom: 60px;
    }
    .popup-experts-row .cards-expert {
        margin-top: -15px !important;
    }
}
@media screen and ( max-width: 679px) {
    .wrapper-btn-expert { height: 140px; }
    .btn-expert { font-size: 12px; line-height: 14px; }
    .row.cards-expert {
        margin-top: 20px;
        margin-bottom: -20px;
    }
    .row.cards-expert [class*="col"] {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .popup-experts-row {
        margin-bottom: 40px;
    }
}
@media screen and ( max-width: 1700px ) {
    .name-expert-popup { font-size: 18px; line-height: 22px; }
    .profession-expert-popup { font-size: 12px; line-height: 14px; }
}
@media screen and ( max-width: 1599px ) {
    .title-card-expert { font-size: 20px; line-height: 24px; }
    .get-advice-title { font-size: 30px; line-height: 36px; }
    .title-card-expert { font-size: 20px; line-height: 24px; }
    .name-expert-popup { font-size: 18px; line-height: 22px; }
    .profession-expert-popup { font-size: 12px; line-height: 14px; }
}