.popup-form {transform: scale(0); transition: transform 0.3s ease-in-out, opacity 0.3s linear; position: fixed; top: 0; left: 0; z-index: 99999 !important; width: 100%; height: 100%;}
.popup-form.visible {transform: scale(1) !important; opacity: 1;}
.popup-form.invisible {transform: scale(0); opacity: 0;}
.popup-form button:disabled {background: #b8c0d1;}
.trans-delay {transition-delay: 1.2s;}

.popup-overlay {display: none;
  background: rgba(0,0,0,0.6);
max-width: 100%;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99998 !important;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.popup-overlay.active {display: block;}


.popup-form .container {transform: translate(-50%,-50%); position: absolute; top: 50%; left: 50%; padding: 30px 70px 10px 70px;background: linear-gradient(to right, #2350a9, #2f7fe2); color: #fff; box-shadow: 3px 0px 73px rgba(17, 26, 45, 0.7);}
.popup-form .close {background: #ff2e2d; font-size: 1.4rem; display: block; color: #fff; position: absolute; top: 0px; right: -50px; width: 50px;
  height: 50px; line-height: 50px; text-align: center; text-decoration: none;}
.popup-form form {width: 100%; height: 100%;}
.popup-form a {color: #fff; opacity: 0.9;}
.popup-form a:hover {opacity: 0.65;}
.popup-form .sign {margin-top: 1rem;}
.popup-form .sign p {font-size: 80%; padding: 5px 0 0 0;}
/*.popup-form .userinfo div {padding: 10px 0px;}
.popup-form textarea, .popup-form input {padding: 0.5em; border-radius: 3px; width: 100%; border: 1px solid #fff;; outline: none;}*/
.popup-form textarea:focus, .popup-form input:focus {box-shadow: inset 0 0 10px #264c9e; border: 1px solid #264c9e;}
.popup-form textarea {resize: none; height: 7em;}
.popup-form .message {text-align: center; padding: 0.5em;}
.popup-form button { outline: 0; border: 0; cursor: pointer; font-weight: 600;
color: #fff;
text-transform: uppercase;
background: linear-gradient(to right, #e30016, #ff4200);
padding: 1rem 4rem 1rem 1.7rem;
text-decoration: none;
display: block; 
position: relative;
margin: 2em auto 1em auto;
}
.popup-form button:after {
  background: url(/im/arrow_right_white.svg) 50% 50% no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 1.5rem;
  display: block;
  content: "";
}
.popup-form button:hover:after {right: 1.3rem;}

.popup-form .code img {float: left; /*margin-right: 30px;*/}
.popup-form .code input {width: calc(100% - 200px); height: 50px; padding-left: 1em;}

.popup-form .title {margin: 1em 0; font-family: fonts; font-size: 1.2em; text-transform: uppercase;}

.popup-form .error {border-color: #ff2e2d; box-shadow: inset 0 0 5px #ff2e2d;}
.popup-form .message {background: #fff; color: #1e3ba1; border: none; box-shadow: none;}
.popup-form .message.error {/*background: #ff2e2d;*/ border: none; box-shadow: none;}

.linkform {transition: background 0.3s linear; border: 0; cursor: pointer; font-weight: 600;
color: #fff;
text-transform: uppercase;
background: #ff2e2d;
text-decoration: none;
display: inline-block; 
height: 60px; line-height: 60px; padding: 0 1.5em 0 3.5em;
margin: 2em 130px 2em 0;
  outline: 2px solid rgba(255,255,255,1);
  outline-offset: -3px;
position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1001;
}
.linkform:hover {color: #fff; background: #13b2c8;}
.linkform:before {
  background: url(/im/mail.svg) 50% 50% no-repeat;
  background-size: contain;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 1.5em;
  display: block;
  content: "";
}