.support-window{width:500px;min-width:300px;padding:10px 20px;margin:50px auto;background-color:#202134;position:relative}.agent-head{width:100%;height:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#28293f;padding:16px 24px}.agent-head div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.agent-head div img{border-radius:50%;width:32px}.agent-name{margin-left:16px;font-weight:700;font-size:16px;line-height:18px;letter-spacing:.05em;text-transform:uppercase;color:#b0b0c9}.agent-status{font-size:10px;line-height:11px;text-align:right;color:#2bd583}.agent-status i{border-radius:50%;width:8px;height:8px;background:#2bd483;-webkit-box-shadow:0 0 15px #2bd483;box-shadow:0 0 15px #2bd483;display:inline-block;margin-left:3px;-webkit-animation:blink 1s infinite ease-in-out;animation:blink 1s infinite ease-in-out}.agent-message{margin-top:5px;background-color:#28293f;padding:10px 16px}.agent-message p{font-size:14px;line-height:150%;letter-spacing:.02em;color:#b0b0c9}.support-links{margin:30px auto}.support-links ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.support-links ul li{list-style:none;display:inline-block}.support-links ul li a{margin-right:40px;display:inline-block;background-color:#fff;border-radius:50%;width:50px;height:50px;-webkit-box-shadow:0 5px 4px rgba(0,0,0,.5);box-shadow:0 5px 4px rgba(0,0,0,.5);-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in}.support-links ul li:nth-child(1) a{background-image:url(../img/vk.svg);background-repeat:no-repeat;background-position:center;background-size:30px}.support-links ul li:nth-child(2) a{background-image:url(../img/mail.svg);background-repeat:no-repeat;background-position:center;background-size:30px}.support-links ul li a:hover{-webkit-transform:translate(0,-10px);-ms-transform:translate(0,-10px);transform:translate(0,-10px)}.support-links ul li:nth-child(1) a:hover{background-color:#4a76a8}.support-links ul li:nth-child(2) a:hover{background-color:#dd4f42}.form{width:295px;margin:0 auto;position:relative}.success{position:absolute;top:0;left:0;width:100%;height:100%;z-index:55;display:none}.success-img{position:relative}.success-img svg{display:block;position:relative;width:190px;margin:0 auto;z-index:10}.success-img::before{content:"";display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:130px;height:100px;background:#fff;z-index:1}.success span{display:block;margin:10px auto;text-align:center;font-weight:700;font-size:18px}.inp{width:100%;height:50px;position:relative;color:#fff;overflow:hidden}.inp:nth-child(3){height:auto}.inp input{width:100%;height:100%;border:none;outline:0;background:0 0;color:#fff;font-size:16px;padding-top:20px}.inp input:focus+label span,.inp input:valid+label span{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);color:#fff;-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in}.inp input:focus+label::after,.inp input:valid+label::after{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in}.inp label{position:absolute;left:0;bottom:0;width:100%;height:100%;pointer-events:none;border-bottom:3px solid #ffffff3b}.inp textarea{width:100%;height:50px;margin:20px 0;padding:5px;resize:none;border:none;color:#fff;background:#28293d}.inp textarea:focus::-webkit-input-placeholder{color:transparent}.inp textarea:focus::-moz-placeholder{color:transparent}.inp textarea:focus:-ms-input-placeholder{color:transparent}.inp textarea:focus::-ms-input-placeholder{color:transparent}.inp textarea:focus::placeholder{color:transparent}.inp label span{position:absolute;bottom:5px;left:0;color:rgba(255,255,255,.7);-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in}.inp label::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:100%;border-bottom:3px solid #fff;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in}.inp:nth-child(4){height:auto;margin-bottom:20px}.form-inner button[type=button]{display:block;width:230px;height:48px;background:url(../img/btn.svg) 50% no-repeat;font-size:16px;font-weight:700;color:#fff;border:none;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto}.form-inner button[type=button]:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.info{margin-bottom:20px;text-align:center}.info span{color:#e74c3c}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}@media(max-width:516px){.support-window{width:330px}}