#mt_popup {
  opacity: 0;
  visibility: hidden;
  background-color: white;
  z-index: 10003;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  height: auto;
  top: 5rem;
  left: 50%;
  position: fixed;
  width: 369px;
  margin-left: -184.5px; }
  #mt_popup .mt_popup_close {
    width: 11px;
    height: 11px;
    background-image: url("/images/v4/icon-close.png");
    background-repeat: no-repeat;
    float: right;
    clear: both;
    cursor: pointer;
    position: absolute;
    top: 11px;
    right: 11px; }

#mt_popup_fill {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  z-index: 10002;
  position: fixed;
  top: 0px;
  left: 0px;
  visibility: hidden;
  opacity: 0; }

#mt_popup.show, #mt_popup_fill.show {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.popup-form {
  width: 100%;
  background-color: white;
  clear: both; }
  .popup-form button {
    text-transform: capitalize; }
  .popup-form input.error {
    border-color: #ff3228; }
  .popup-form .errors_container p.error {
    padding: 0.5em 0;
    color: #ff3228; }
  .popup-form .clear {
    clear: both; }
  .popup-form .header, .popup-form .main, .popup-form .footer {
    padding: 1em 2em; }
  .popup-form .header, .popup-form .footer {
    background-color: #f9f9f9; }
  .popup-form .footer {
    border-top: 1px solid #e2e2e2;
    font-size: 11.7px; }
  .popup-form .header {
    padding-bottom: 0;
    height: auto;
    padding: 2em 2em 0 2em;
    border-bottom: 1px solid #e2e2e2; }
    .popup-form .header h3 {
      font-family: 'Open Sans Condensed';
      font-size: 19.5px;
      margin-bottom: 0.5em; }
    .popup-form .header .tab-header {
      clear: both; }
      .popup-form .header .tab-header a {
        border-bottom: 2px solid transparent;
        font-family: 'Arial';
        font-size: 13px;
        text-decoration: none;
        display: block;
        height: 2.5em;
        float: left;
        margin: 34px 34px 0 0;
        text-transform: capitalize; }
        .popup-form .header .tab-header a.active {
          border-bottom: 2px solid #3b3b3b;
          color: #3b3b3b; }
  .popup-form input {
    background: white;
    background-color: white;
    padding: 0.5em;
    border: 1px solid #e2e2e2;
    font-size: 14.3px;
    color: #3b3b3b;
    width: auto;
    -webkit-box-shadow: inset 0px 0px 2px #e2e2e2;
    -moz-box-shadow: inset 0px 0px 2px #e2e2e2;
    box-shadow: inset 0px 0px 2px #e2e2e2;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px; }
  .popup-form label, .popup-form .label, .popup-form .error {
    font-size: 11.05px; }
  .popup-form label {
    margin: 0 0 0.3em 0;
    text-align: left; }
  .popup-form .text-r {
    text-align: right; }
  .popup-form .row {
    clear: both;
    height: auto;
    margin-bottom: 1em;
    min-height: 2em; }
  .popup-form .col6 .col {
    width: 50%;
    margin: 0px;
    float: left; }
    .popup-form .col6 .col:last-child {
      float: right; }
    .popup-form .col6 .col label {
      width: 100%; }
    .popup-form .col6 .col.check input {
      margin-right: 1em; }
  .popup-form .col12.text input, .popup-form .col12.text label {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .popup-form .col12.check {
    height: 1.5em; }
    .popup-form .col12.check input {
      width: auto;
      margin-right: 1em; }
    .popup-form .col12.check label {
      width: auto; }
  .popup-form .social_login {
    margin-right: 12px;
    clear: both;
    height: 30px;
    padding: 12px 0px; }
    .popup-form .social_login a {
      float: left;
      background-image: url("/images/v4/bg-social-buttons.png");
      background-position: 0px 0px;
      width: 30px;
      height: 30px;
      margin-right: 6px;
      cursor: pointer;
      display: block;
      text-indent: -1000%; }
      .popup-form .social_login a.Vkontakte {
        background-position: 0px 0px; }
        .popup-form .social_login a.Vkontakte:hover {
          background-position: 0px -30px; }
      .popup-form .social_login a.Facebook {
        background-position: -30px 0px; }
        .popup-form .social_login a.Facebook:hover {
          background-position: -30px -30px; }
      .popup-form .social_login a.Odnoklassniki {
        background-position: -60px 0px; }
        .popup-form .social_login a.Odnoklassniki:hover {
          background-position: -60px -30px; }
      .popup-form .social_login a.Mailru {
        background-position: -90px 0px; }
        .popup-form .social_login a.Mailru:hover {
          background-position: -90px -30px; }
      .popup-form .social_login a.Mirtesen {
        background-position: -120px 0px; }
        .popup-form .social_login a.Mirtesen:hover {
          background-position: -120px -30px; }
  .popup-form .social_buttons {
    float: right;
    margin-right: 12px; }
  .popup-form .social_buttons div {
    float: left;
    background-image: url("/images/v4/bg-social-buttons.png");
    background-position: 0px 0px;
    width: 30px;
    height: 30px;
    margin-right: 6px;
    cursor: pointer; }
  .popup-form .social_buttons div.vk {
    background-position: 0px 0px; }
  .popup-form .social_buttons div.fb {
    background-position: -30px 0px; }
  .popup-form .social_buttons div.ok {
    background-position: -60px 0px; }
  .popup-form .social_buttons div.mr {
    background-position: -90px 0px; }
  .popup-form .social_buttons div.vk:hover {
    background-position: 0px -30px; }
  .popup-form .social_buttons div.fb:hover {
    background-position: -30px -30px; }
  .popup-form .social_buttons div.ok:hover {
    background-position: -60px -30px; }
  .popup-form .social_buttons div.mr:hover {
    background-position: -90px -30px; }