.footer{position:relative;padding:60px 0 30px 0;margin:auto 0 0 0}.footer>.container{display:grid;grid-template-columns:240px 1fr 1fr 240px;grid-template-rows:2fr;grid-template-areas:"logo form links ur" "logo socials copyrights ur";grid-gap:100px 150px}.footer>.container .footer__logo{grid-area:logo}.footer>.container .footer__links{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;grid-area:links}.footer>.container .footer__links a{color:var(--color-text-common);text-decoration:none}.footer>.container .footer__links a:hover{text-decoration:underline}.footer>.container .footer__callback-form{grid-area:form}.footer>.container .footer__callback-form .footer__title{margin:0 0 10px 10px}.footer>.container .footer__callback-form .input-wrapper{position:relative;height:60px;background:rgba(255,255,255,0.3);border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;transition:.3s ease-in-out;cursor:text;margin:0}.footer>.container .footer__callback-form .input-wrapper.focus,.footer>.container .footer__callback-form .input-wrapper:hover{background:#fff;box-shadow:0 4.5px 11px 0 rgba(0,0,0,0.08)}.footer>.container .footer__callback-form .input-wrapper label{display:flex;justify-content:space-between;position:absolute;top:0;left:0;width:100%;height:100%;padding:10px 22px;cursor:text;transition:.2s ease-in-out}.footer>.container .footer__callback-form .input-wrapper label.action{padding:8px 8px 10px 22px;gap:10px}.footer>.container .footer__callback-form .input-wrapper label .input-place{width:100%;cursor:text}.footer>.container .footer__callback-form .input-wrapper label .input-place input{border:0;margin:2px 0 3px 0;padding:0;outline:0;background:transparent;width:100%;cursor:text}.footer>.container .footer__callback-form .input-wrapper label .input-place .title{position:absolute;display:flex;align-items:center;top:calc((100% - 12px) / 2);height:12px;transition:.1s ease-in;user-select:none;pointer-events:none;color:#817f81;font-family:"Avenir Next Cyr",sans-serif;font-weight:500;font-size:14px;line-height:18px}.footer>.container .footer__callback-form .input-wrapper label .submit{display:flex;justify-content:center;align-items:center;height:42px;padding:0 8px 0 8px;border-radius:5px;user-select:none}.footer>.container .footer__callback-form .input-wrapper.focus label .input-place .title{top:35px;font-family:"Avenir Next Cyr",sans-serif;font-size:12px;font-weight:500;line-height:16px}.footer>.container .footer__socials{display:flex;grid-area:socials;gap:60px}.footer>.container .footer__copyrights{grid-area:copyrights;color:var(--color-text-common);align-self:flex-end}.footer>.container .footer__ur{grid-area:ur;align-self:flex-end;justify-self:flex-end}