.login-wrapper {
  text-align: center;
  position: relative;
  padding: 60px 0;
  overflow: hidden;
}
.login-wrapper .section-header {
  color: white;
}
.login-wrapper .section-header--colored {
  color: #4b4b4b;
}
.login-wrapper .form-register__wrapper {
  width: 550px;
  max-width: 100%;
  margin: 0 auto;
  background: linear-gradient(217deg, #0190D6, rgba(255, 0, 0, 0) 70.71%), linear-gradient(127deg, #0190D6, rgba(0, 255, 0, 0) 60.71%), linear-gradient(336deg, #0190D6, rgba(0, 0, 255, 0) 70.71%);
  position: relative;
  z-index: 1;
  padding: 25px 15px;
  border-radius: 4px;
  font-size: 0;
}
.login-wrapper .form-register__wrapper .title {
  font-size: 28px;
  line-height: 1.25;
  color: white;
  font-family: "Montserrat-Regular";
}
.login-wrapper .form-register__wrapper .afterSending {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  visibility: hidden;
  opacity: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #0085c2;
}
.login-wrapper .form-register__wrapper .afterSending span {
  background-color: white;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  background-position: center center;
  background-size: 50% auto;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6952 0.304756C17.4988 0.108231 17.2375 0 16.9596 0C16.6817 0 16.4204 0.108231 16.2239 0.304756L5.73858 10.7901L1.77612 6.82769C1.57963 6.63117 1.3184 6.52293 1.0405 6.52293C0.762609 6.52293 0.501313 6.63116 0.304787 6.82766C0.108262 7.02415 0 7.28542 0 7.56331C0 7.84121 0.108231 8.10247 0.304757 8.29896L5.0029 12.997C5.19927 13.1935 5.46053 13.3017 5.73852 13.3017C5.73852 13.3017 5.73855 13.3017 5.73858 13.3017C6.01657 13.3017 6.27783 13.1935 6.47426 12.997L17.6952 1.77606C17.8918 1.57957 18 1.3183 18 1.04041C18 0.762515 17.8918 0.501251 17.6952 0.304756Z' fill='%238DBC4D'/%3E%3C/svg%3E") !important;
  display: inline-block;
  margin: 0 auto 15px;
}
.login-wrapper .form-register__wrapper .afterSending p {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  color: #ffffff;
}
.login-wrapper .form-register__wrapper .afterSending p a {
  color: white;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.login-wrapper .form-register__wrapper .afterSending p a:hover {
  text-decoration: none;
}
.login-wrapper .form-register__wrapper.afterSending-state form {
  opacity: 0;
}
.login-wrapper .form-register__wrapper.afterSending-state .afterSending {
  visibility: visible;
  opacity: 1;
  z-index: 2;
}
.login-wrapper .form-register__wrapper.afterSending-state .afterSending p a.orange-btn {
  margin-top: 15px;
}
.login-wrapper .form-register__wrapper.afterSending-state .classic-form {
  min-height: 298px;
}
.login-wrapper .form-register__wrapper form {
  width: 100%;
  margin: 20px auto 0;
  position: relative;
}
.login-wrapper .form-register__wrapper form .form-group {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 10px;
}
.login-wrapper .form-register__wrapper form .form-group--auth .title-c {
  font-size: 15px;
  margin-top: 15px;
  color: white;
}
.login-wrapper .form-register__wrapper form .form-group--auth .auth-clients {
  margin-top: 15px;
}
.login-wrapper .form-register__wrapper form .form-group--auth .auth-clients li {
  margin-right: 10px;
  margin-left: 10px;
  float: none;
  display: inline-block;
  vertical-align: top;
}
.login-wrapper .form-register__wrapper form .form-group--auth .auth-clients li a .auth-icon {
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.login-wrapper .form-register__wrapper form .form-group--auth .auth-clients li a .auth-icon:hover {
  opacity: 0.7;
}
.login-wrapper .form-register__wrapper form .form-group.field-contactform-emptyfield {
  opacity: 0;
  visibility: hidden;
  width: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.login-wrapper .form-register__wrapper form .form-group.has-error .help-block {
  display: block;
  color: darkred;
  opacity: 1;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
.login-wrapper .form-register__wrapper form .form-group.has-error input::-webkit-input-placeholder,
.login-wrapper .form-register__wrapper form .form-group.has-error textarea::-webkit-input-placeholder,
.login-wrapper .form-register__wrapper form .form-group.has-error select::-webkit-input-placeholder {
  color: #E42313;
}
.login-wrapper .form-register__wrapper form .form-group.has-error input:-moz-placeholder,
.login-wrapper .form-register__wrapper form .form-group.has-error textarea:-moz-placeholder,
.login-wrapper .form-register__wrapper form .form-group.has-error select:-moz-placeholder {
  color: #E42313;
}
.login-wrapper .form-register__wrapper form .form-group.has-error input::-moz-placeholder,
.login-wrapper .form-register__wrapper form .form-group.has-error textarea::-moz-placeholder,
.login-wrapper .form-register__wrapper form .form-group.has-error select::-moz-placeholder {
  color: #E42313;
}
.login-wrapper .form-register__wrapper form .form-group.has-error input:-ms-input-placeholder,
.login-wrapper .form-register__wrapper form .form-group.has-error textarea:-ms-input-placeholder,
.login-wrapper .form-register__wrapper form .form-group.has-error select:-ms-input-placeholder {
  color: #E42313;
}
.login-wrapper .form-register__wrapper form .form-group input,
.login-wrapper .form-register__wrapper form .form-group textarea,
.login-wrapper .form-register__wrapper form .form-group select {
  background: #FFFFFF !important;
  border-radius: 4px !important;
  font-family: Montserrat-Regular;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  color: #4F4F4F;
  height: 38px;
  line-height: 38px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 23px;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
}
.login-wrapper .form-register__wrapper form .form-group input::-webkit-input-placeholder,
.login-wrapper .form-register__wrapper form .form-group textarea::-webkit-input-placeholder,
.login-wrapper .form-register__wrapper form .form-group select::-webkit-input-placeholder {
  color: #4F4F4F;
  opacity: 1;
  font-family: Montserrat-Regular;
}
.login-wrapper .form-register__wrapper form .form-group input:-moz-placeholder,
.login-wrapper .form-register__wrapper form .form-group textarea:-moz-placeholder,
.login-wrapper .form-register__wrapper form .form-group select:-moz-placeholder {
  color: #4F4F4F;
  opacity: 1;
  font-family: Montserrat-Regular;
}
.login-wrapper .form-register__wrapper form .form-group input::-moz-placeholder,
.login-wrapper .form-register__wrapper form .form-group textarea::-moz-placeholder,
.login-wrapper .form-register__wrapper form .form-group select::-moz-placeholder {
  color: #4F4F4F;
  opacity: 1;
  font-family: Montserrat-Regular;
}
.login-wrapper .form-register__wrapper form .form-group input:-ms-input-placeholder,
.login-wrapper .form-register__wrapper form .form-group textarea:-ms-input-placeholder,
.login-wrapper .form-register__wrapper form .form-group select:-ms-input-placeholder {
  color: #4F4F4F;
  opacity: 1;
  font-family: Montserrat-Regular;
}
.login-wrapper .form-register__wrapper form .form-group textarea {
  min-height: 50px;
  max-height: 200px;
}
.login-wrapper .form-register__wrapper form .form-group label.control-label {
  color: white;
  text-align: left;
  display: block;
  line-height: 1.25;
  font-size: 14px;
  margin-bottom: 5px;
}
.login-wrapper .form-register__wrapper form .help-block {
  font-family: Montserrat-Regular;
  text-transform: initial;
  font-style: normal;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0em;
  color: darkred;
  font-size: 11px;
  opacity: 0;
  position: absolute;
  bottom: 6px;
  left: 0px;
  text-align: left;
  width: 100%;
  -webkit-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
.login-wrapper .form-register__wrapper form .bottom {
  display: inline-block;
  vertical-align: top;
}
.login-wrapper .form-register__wrapper form .captcha-wrap {
  margin-bottom: 15px;
}
.login-wrapper .form-register__wrapper form button,
.login-wrapper .form-register__wrapper form .btn {
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  position: relative;
  border-radius: 4px;
  height: 38px;
  line-height: 38px;
  padding: 0 20px;
  cursor: pointer;
  font-family: "Montserrat-Bold";
  font-size: 12px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
  background-color: #ff6a21;
  margin: 0 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.login-wrapper .form-register__wrapper form button:hover,
.login-wrapper .form-register__wrapper form .btn:hover {
  background-color: #383838;
}
.login-wrapper .form-register__wrapper form input[type=checkbox] {
  display: none;
}
.login-wrapper .form-register__wrapper form input[type=checkbox] ~ .label {
  min-width: calc(100% - 30px);
  max-width: calc(100% - 30px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: normal;
  vertical-align: top;
  text-align: left;
  line-height: 1.2em;
  padding-top: 0;
  text-transform: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.login-wrapper .form-register__wrapper form input[type=checkbox] + .checkbox-custom::before {
  content: "";
  display: block;
  position: absolute;
  height: 8px;
  width: 8px;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.90773 1.203L3.32363 5.7861C3.20077 5.90847 3.00186 5.90847 2.87949 5.7861L0.0917761 2.98055C-0.030592 2.85769 -0.030592 2.65804 0.0917761 2.53592L0.757865 1.87032C0.880728 1.74771 1.07964 1.74771 1.20201 1.87032L3.10391 3.78486L6.79675 0.0917761C6.91912 -0.030592 7.11803 -0.030592 7.24139 0.0917761L7.90748 0.75836C8.03109 0.880976 8.03109 1.08063 7.90773 1.203Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.login-wrapper .form-register__wrapper form input[type=checkbox]:checked + .checkbox-custom::before {
  opacity: 1;
}
.login-wrapper .form-register__wrapper form input[type=checkbox] + .checkbox-custom {
  position: absolute;
  width: 16px;
  height: 16px;
  border: 1px solid #ffffff;
  border-radius: 0;
  display: inline-block;
  vertical-align: top;
  float: left;
  left: 0;
  top: -1px;
}
.login-wrapper .form-register__wrapper form .label-to-rules {
  margin-left: 0px;
  display: block;
  text-align: left;
  position: relative;
  width: 100%;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding-right: 10px;
  padding-left: 26px;
  padding-bottom: 10px;
  cursor: pointer;
  color: #ffffff;
}
.login-wrapper .form-register__wrapper form .label-to-rules a {
  color: white;
}
.login-wrapper .form-register__wrapper form .label-to-rules a:hover {
  text-decoration: none;
}
.login-wrapper .form-register__wrapper form .label-to-rules .form-group {
  position: static;
  width: 100% !important;
}
.login-wrapper .form-register__wrapper form .label-to-rules .form-group:before, .login-wrapper .form-register__wrapper form .label-to-rules .form-group:after {
  content: none;
  display: none;
}
.login-wrapper .form-register__wrapper form .reg-btn-wrap {
  text-align: left;
  margin-top: 15px;
}
.login-wrapper .form-register__wrapper form .reg-btn-wrap--forgot {
  margin-top: 0px;
  margin-bottom: 15px;
}
.login-wrapper .form-register__wrapper form .to-registration,
.login-wrapper .form-register__wrapper form .forgot_password {
  font-size: 13px;
  line-height: 1.25;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.login-wrapper .form-register__wrapper form .to-registration:hover,
.login-wrapper .form-register__wrapper form .forgot_password:hover {
  opacity: 0.75;
}

@media screen and (max-width: 767px) {
  .login-wrapper {
    padding: 40px 0;
  }
  .login-wrapper .form-register__wrapper form .form-group {
    margin-bottom: 23px;
  }
  .login-wrapper .form-register__wrapper form .form-group--auth .title-c {
    margin-top: 0px;
  }
  .login-wrapper .form-register__wrapper form .help-block {
    font-size: 12px;
    bottom: 0px;
    position: relative;
  }
  .login-wrapper .form-register__wrapper form button,
.login-wrapper .form-register__wrapper form .btn {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .login-wrapper .form-register__wrapper form .label-to-rules {
    padding-left: 35px;
  }
  .login-wrapper .form-register__wrapper form input[type=checkbox] + .checkbox-custom {
    width: 19px;
    height: 19px;
  }
  .login-wrapper .form-register__wrapper form .form-group input,
.login-wrapper .form-register__wrapper form .form-group textarea,
.login-wrapper .form-register__wrapper form .form-group select {
    margin-bottom: 0;
  }
}