.subscribe{display:flex;flex-flow:row nowrap}.subscribe__date,.subscribe__name,.subscribe__numb,.subscribe__numb_alone{background-color:#fff;background-position:15px 50%;background-repeat:no-repeat;background-size:14px 14px;border:1px solid #f1f2f5;flex:0 0 auto;font-size:14px;justify-content:flex-end;line-height:18px;margin-right:4px;padding:21px 20px 19px 35px;text-align:right}.subscribe__date.input-error,.subscribe__name.input-error,.subscribe__numb.input-error,.subscribe__numb_alone.input-error{border:1px solid #a60c0a;box-shadow:inset 0 0 12px #dd8485;transition:all .3s}.subscribe__date.input-valid,.subscribe__name.input-valid,.subscribe__numb.input-valid,.subscribe__numb_alone.input-valid{border:1px solid #f1f2f5;box-shadow:inset 0 0 5px #7dc855;transition:all .3s}.subscribe__name{width:22.9%}.subscribe__name,.subscribe__numb_alone{background-image:url(../img/icons/icon_subscribe-user.svg);border-radius:30px 0 0 30px}.subscribe__numb_alone{width:45%}.subscribe__numb{background-image:url(../img/icons/icon_subscribe-phone.svg);width:23.2%}.subscribe__date{background-image:url(../img/icons/icon_subscribe-date.svg);width:19.75%}.subscribe__agree{background-color:#fff;flex:0 0 60px;margin-right:5px;position:relative;width:60px}.subscribe__check{display:block;height:60px;position:relative;width:60px}.subscribe__check.input-error{border:1px solid #a60c0a;box-shadow:inset 0 0 12px #dd8485;transition:all .3s}.subscribe__check.input-valid{border:1px solid #f1f2f5;box-shadow:inset 0 0 5px #7dc855;transition:all .3s}.subscribe__check input{opacity:0;visibility:hidden}.subscribe__check input:checked+span{background-image:url(../img/icons/icon_subscribe-agree.svg)}.subscribe__check span{background-position:50%;background-repeat:no-repeat;background-size:30px 21px;cursor:pointer;display:block;inset:0;position:absolute}.subscribe__hint{background:#f1eff2 no-repeat 8px 4px url(../img/icons/icon_question_gray.svg);background-size:auto 8px;border-radius:0 0 0 20px;height:20px;position:absolute;right:0;top:0;width:20px;z-index:1}.subscribe__hint:hover span{opacity:1;transform:none;visibility:visible}.subscribe__hint span{background-color:#f1eff2;border-radius:3px 3px 3px 0;bottom:100%;box-shadow:0 0 12px #00000080;color:#353a3e;font-size:12px;left:0;line-height:14px;margin-bottom:10px;opacity:0;padding:5px 7px;position:absolute;text-align:left;transform:translateY(-15px);transition:all .3s ease .1s;visibility:hidden;width:200px}.subscribe__hint span:after{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #f1eff2;content:"";display:block;left:4px;position:absolute;top:100%}.subscribe__btn{border-radius:0 30px 30px 0;display:block;flex:1 1 auto;padding:19px 10px 17px;white-space:nowrap}.subscribe__btn:before{border-radius:0 27px 27px 0}.callback__form.subscribe{flex-wrap:wrap;margin-left:auto;margin-right:auto;max-width:320px}.callback__form .subscribe__numb_alone{border-color:var(--gray);border-radius:30px 30px 0 0;flex-basis:100%;font-size:18px;margin-bottom:4px;margin-right:0;width:100%}.callback__form .subscribe__check{border:1px solid var(--gray);border-radius:0 0 0 30px}.callback__form .subscribe__btn{border-radius:0 0 30px}@media (max-width:1024px){.subscribe{flex-wrap:wrap;margin-left:auto;margin-right:auto;max-width:320px}.subscribe__date,.subscribe__name,.subscribe__numb{flex-basis:100%;font-size:18px;margin-bottom:4px;margin-right:0;width:100%}.subscribe__name{border-radius:30px 30px 0 0}.subscribe__agree{border-radius:0 0 0 30px}.subscribe__btn{border-radius:0 0 30px}}
