/*выбраный магазин*/
.favorit-already-select{
    border-bottom: 3px solid #b1dfbb;
}

/*модалка регистрации*/
.login__title{
    font-size: 18px;
}
#phone-user-auth, #check_cms{
    text-align: center;
}

/*вакансии*/
.vacancies__item input{
    text-align: center;
}
.select2-selection__rendered{
    font-size: 16px!important;
    color: #333333!important;
}

/*progressbar*/
.cabinet__percentages,
#bonus-progress ,
.cabinet__dial-text{
    width: 90%;
}
.cabinet__dial-text{
    margin-top: 20px;
}
.progress{
    background: none!important;
}
.bonus-progress{
    background-color: #fcbf05;
    z-index: 1000;
/*    opacity: 0.8;*/
}
#bonus-progress.progress img{
   position: absolute;
   width: 61%;
   height: auto;
}
div.two span{
    position: relative;
    right: 62px;
}
.cabinet__percentages .two::after {
   left: 5px;
}

.cabinet__percentages .three::after {
    left: 75px;
}
div.three{
    position: relative;
    right: 105px;
}

.cabinet__percentages .four::after {
    left: 75px;
}
div.four{
    position: relative;
    right: 70px;
}

.cabinet__percentages .five::after {
    left: 65px;
}
div.five{
   position: relative;
   left: 95px;
}
.two-bottom{
    padding-left: 0!important;
    width: 20%!important;
    position: relative;
    right: 30px;
}
.three-bottom{
    position: relative;
    right: 45px;
}

.four-bottom{
    position: relative;
    right: 25px;
}
.five-bottom{
    position: relative;
    left: 90px;
}
/* Медиа-запрос для мобильных устройств */
@media (max-width: 768px) {
    .bonus-progress{
        height: 10px;
    }
    .cabinet__percentages,
    #bonus-progress ,
    .cabinet__dial-text{
        width: 100%;
    }

    #bonus-progress.progress img{
        position: absolute;
        width:92%;
        height: auto;
    }
    div.two span{
        position: relative;
        right: 20px;font-size:1rem;
    }
    .cabinet__percentages .two::after {
        left: -1px;
        bottom: -30px;
    }

    .cabinet__percentages .three::after {
        left: 15px;
        bottom: -27px;
    }
    div.three{
        position: relative;
        right: 32px;
    }

    .cabinet__percentages .four::after {
        left: 15px;
        bottom: -18px;
    }
    div.four{
        position: relative;
        right: 7px;
    }

    .cabinet__percentages .five::after {
        left: 35px;
        bottom: -8px;
    }
    div.five{
        position: relative;
        left: 9px;
    }

    .cabinet__dial-text{
        margin-left: 15px;
        margin-top: 5px;
    }
    .two-bottom, .three-bottom,.four-bottom,.five-bottom{
        font-size: 11px!important;
    }
    .five-bottom{
        left: 25px;
    }

    .contacts__time span{
        font-size: 0.7rem!important;
    }
}

.contacts__wrapper-map{
/*    padding: 5px!important;*/
}
.contacts__wrapper-map__iframe {
    width: 13.75rem;
    height: 9.0rem!important;
    /*padding: 1.875rem 1.875rem 1.875rem 1rem!important;*/

}