/* Start:/local/templates/main/components/GM/main.register/registration/style.css?171740055821106*/
.registration-content {
  position: relative;
  width: 1440px;
  margin: 0 auto;
  padding-bottom: 130px; }
  @media screen and (max-width: 1520px) and (min-width: 1280px) {
    .registration-content {
      width: 1216px; } }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .registration-content {
      width: 960px; } }
  @media screen and (max-width: 1023px) and (min-width: 800px) {
    .registration-content {
      width: 736px; } }
  @media screen and (max-width: 799px) and (min-width: 480px) {
    .registration-content {
      width: 420px; } }
  @media screen and (max-width: 479px) {
    .registration-content {
      width: 260px; } }
  .registration-content .confirm-success .confirm-text {
    color: #262626;
    font-size: 16px;
    font-family: "Gothampro Light", Arial, Sans-Serif;
    text-transform: uppercase;
    text-transform: none; }
  .registration-content .confirm-success .go-to-lk {
    margin-top: 50px;
    position: relative;
    align-items: center;
    min-width: 250px;
    height: 60px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0 40px 0 100px;
    color: white;
    font-size: 16px;
    font-family: "Gothampro", Arial, Sans-Serif;
    text-transform: uppercase;
    text-transform: uppercase;
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    background: #039898;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    outline: none;
    min-width: 335px;
    max-width: 335px;
    padding: 0 30px 0 95px; }
    @media screen and (min-width: 1024px) {
      .registration-content .confirm-success .go-to-lk:hover:not(.noHover):before {
        width: 100%; }
      .registration-content .confirm-success .go-to-lk:hover:not(.noHover):after {
        left: 50px; } }
    .registration-content .confirm-success .go-to-lk:before, .registration-content .confirm-success .go-to-lk:after {
      content: "";
      position: absolute;
      transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -webkit-transition: all 0.4s ease; }
    .registration-content .confirm-success .go-to-lk:before {
      width: 60px;
      height: 60px;
      top: 0;
      left: 0;
      z-index: 0;
      background: #075550; }
    .registration-content .confirm-success .go-to-lk:after {
      z-index: 1;
      background: url("/local/templates/main/components/GM/main.register/registration/../../../../img/form-button-arrow.svg") center no-repeat;
      width: 11px;
      height: 18px;
      left: 24px;
      top: 50%;
      margin-top: -9px; }
    .registration-content .confirm-success .go-to-lk span {
      position: relative;
      z-index: 2; }
  .registration-content .reg-info {
    color: #7c7c7c;
    font-size: 20px;
    font-family: "Gothampro", Arial, Sans-Serif;
    text-transform: uppercase;
    text-transform: none;
    line-height: 26px;
    max-width: 860px; }
    @media screen and (max-width: 799px) and (min-width: 480px) {
      .registration-content .reg-info {
        font-size: 18px;
        line-height: 22px; } }
    @media screen and (max-width: 479px) {
      .registration-content .reg-info {
        font-size: 16px;
        line-height: 20px; } }
    .registration-content .reg-info a {
      color: #009277; }
    @media screen and (max-width: 799px) {
      .registration-content .reg-info {
        font-size: 16px;
        line-height: 18px; } }
  .registration-content#register .access-message {
    margin-top: 20px;
    position: relative;
    padding: 22px 25px;
    display: none;
    max-width: 812px;
    background: #ecf0f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 479px) {
      .registration-content#register .access-message {
        padding: 22px 10px; } }
    .registration-content#register .access-message:before {
      content: "";
      background: url("/local/templates/main/components/GM/main.register/registration/../../../../img/success-icon.png") left center no-repeat;
      width: 33px;
      height: 34px;
      display: inline-block;
      vertical-align: middle; }
    .registration-content#register .access-message .message {
      position: relative;
      text-align: left;
      padding-left: 20px;
      height: auto;
      color: #010101;
      font-size: 14px;
      font-family: "Gothampro Light", Arial, Sans-Serif;
      text-transform: uppercase;
      text-transform: none;
      display: inline-block;
      vertical-align: middle; }
      @media screen and (max-width: 479px) {
        .registration-content#register .access-message .message {
          padding-left: 10px;
          white-space: normal;
          max-width: 170px; } }
  .registration-content#register .validateForm {
    width: 812px;
    margin: 25px 0 0 0; }
    @media screen and (max-width: 1023px) {
      .registration-content#register .validateForm {
        width: 100%; } }
    @media screen and (max-width: 799px) {
      .registration-content#register .validateForm {
        margin-top: 20px; } }
    .registration-content#register .validateForm form {
      padding: 0; }
    .registration-content#register .validateForm .inputs-title {
      color: #727b79;
      font-size: 14px;
      font-family: "Gothampro", Arial, Sans-Serif;
      text-transform: uppercase;
      text-transform: none;
      padding: 0 0 25px; }
      @media screen and (max-width: 799px) {
        .registration-content#register .validateForm .inputs-title {
          margin-top: 20px; } }
    .registration-content#register .validateForm .inputs {
      justify-content: space-between; }
      .registration-content#register .validateForm .inputs .input-wrap.UF_INN, .registration-content#register .validateForm .inputs .input-wrap.UF_TYPE_COMPANY, .registration-content#register .validateForm .inputs .input-wrap.UF_KPP, .registration-content#register .validateForm .inputs .input-wrap.PERSONAL_STATE, .registration-content#register .validateForm .inputs .input-wrap.EMAIL, .registration-content#register .validateForm .inputs .input-wrap.PASSWORD, .registration-content#register .validateForm .inputs .input-wrap.CONFIRM_PASSWORD {
        min-width: 396px;
        max-width: 396px; }
        @media screen and (max-width: 1023px) and (min-width: 800px) {
          .registration-content#register .validateForm .inputs .input-wrap.UF_INN, .registration-content#register .validateForm .inputs .input-wrap.UF_TYPE_COMPANY, .registration-content#register .validateForm .inputs .input-wrap.UF_KPP, .registration-content#register .validateForm .inputs .input-wrap.PERSONAL_STATE, .registration-content#register .validateForm .inputs .input-wrap.EMAIL, .registration-content#register .validateForm .inputs .input-wrap.PASSWORD, .registration-content#register .validateForm .inputs .input-wrap.CONFIRM_PASSWORD {
            min-width: 352px;
            max-width: 352px; } }
        @media screen and (max-width: 799px) {
          .registration-content#register .validateForm .inputs .input-wrap.UF_INN, .registration-content#register .validateForm .inputs .input-wrap.UF_TYPE_COMPANY, .registration-content#register .validateForm .inputs .input-wrap.UF_KPP, .registration-content#register .validateForm .inputs .input-wrap.PERSONAL_STATE, .registration-content#register .validateForm .inputs .input-wrap.EMAIL, .registration-content#register .validateForm .inputs .input-wrap.PASSWORD, .registration-content#register .validateForm .inputs .input-wrap.CONFIRM_PASSWORD {
            min-width: 100%;
            max-width: 100%; } }
      .registration-content#register .validateForm .inputs .input-wrap.PERSONAL_PHONE {
        min-width: 188px;
        max-width: 188px; }
        @media screen and (max-width: 1023px) and (min-width: 800px) {
          .registration-content#register .validateForm .inputs .input-wrap.PERSONAL_PHONE {
            min-width: 160px;
            max-width: 160px; } }
        @media screen and (max-width: 799px) and (min-width: 480px) {
          .registration-content#register .validateForm .inputs .input-wrap.PERSONAL_PHONE {
            min-width: 194px;
            max-width: 194px; } }
        @media screen and (max-width: 479px) {
          .registration-content#register .validateForm .inputs .input-wrap.PERSONAL_PHONE {
            min-width: 100%;
            max-width: 100%; } }
        @media screen and (max-width: 1023px) and (min-width: 800px) {
          .registration-content#register .validateForm .inputs .input-wrap.PERSONAL_PHONE .name {
            left: 10px; } }
        @media screen and (max-width: 1023px) and (min-width: 800px) {
          .registration-content#register .validateForm .inputs .input-wrap.PERSONAL_PHONE input {
            padding-left: 10px; } }
      .registration-content#register .validateForm .inputs .addition-input {
        min-width: 188px;
        max-width: 188px;
        position: relative;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        @media screen and (max-width: 1023px) and (min-width: 800px) {
          .registration-content#register .validateForm .inputs .addition-input {
            min-width: 160px;
            max-width: 160px; } }
        @media screen and (max-width: 799px) and (min-width: 480px) {
          .registration-content#register .validateForm .inputs .addition-input {
            min-width: 194px;
            max-width: 194px; } }
        @media screen and (max-width: 479px) {
          .registration-content#register .validateForm .inputs .addition-input {
            min-width: 100%;
            max-width: 100%;
            margin-bottom: 20px; } }
        .registration-content#register .validateForm .inputs .addition-input.success:after {
          content: "";
          position: absolute;
          right: 1px;
          width: 73px;
          height: 43px;
          top: 1px;
          background: url("/local/templates/main/components/GM/main.register/registration/img/li-check-icon.svg") center no-repeat white; }
        .registration-content#register .validateForm .inputs .addition-input input {
          height: 45px;
          width: 100%;
          border: 1px solid #b9d1d1;
          padding-left: 20px;
          background: #fcfcfc;
          position: relative;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          color: #727b79;
          font-size: 14px;
          font-family: "Gothampro", Arial, Sans-Serif;
          text-transform: uppercase;
          text-transform: none;
          transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          -webkit-transition: all 0.2s ease; }
          .registration-content#register .validateForm .inputs .addition-input input:-webkit-autofill, .registration-content#register .validateForm .inputs .addition-input input:-webkit-autofill:hover, .registration-content#register .validateForm .inputs .addition-input input:-webkit-autofill:focus, .registration-content#register .validateForm .inputs .addition-input input:-webkit-autofill:active {
            -webkit-text-fill-color: #727b79 !important;
            -webkit-box-shadow: 0 0 0 1000px white inset;
            transition: background-color 5000s ease-in-out 0s;
            border: 1px solid #b9d1d1;
            background-color: white !important; }
          .registration-content#register .validateForm .inputs .addition-input input::-webkit-input-placeholder {
            color: #9aaba8; }
          .registration-content#register .validateForm .inputs .addition-input input::-moz-placeholder {
            color: #9aaba8; }
          .registration-content#register .validateForm .inputs .addition-input input:-moz-placeholder {
            color: #9aaba8; }
          .registration-content#register .validateForm .inputs .addition-input input:-ms-input-placeholder {
            color: #9aaba8; }
          @media screen and (max-width: 1023px) and (min-width: 800px) {
            .registration-content#register .validateForm .inputs .addition-input input {
              padding-left: 10px; } }
          @media screen and (max-width: 479px) {
            .registration-content#register .validateForm .inputs .addition-input input {
              padding-left: 10px; } }
        .registration-content#register .validateForm .inputs .addition-input.error input {
          border: 1px solid #ff554e;
          color: #ff554e; }
        .registration-content#register .validateForm .inputs .addition-input .timer {
          position: absolute;
          width: 83px;
          height: 43px;
          line-height: 45px;
          background: white;
          left: 104px;
          top: 1px;
          text-align: center;
          color: #009277;
          font-size: 14px;
          font-family: "Gothampro", Arial, Sans-Serif;
          text-transform: uppercase;
          text-transform: none; }
          @media screen and (max-width: 1023px) and (min-width: 800px) {
            .registration-content#register .validateForm .inputs .addition-input .timer {
              width: 60px;
              left: 98px; } }
          @media screen and (max-width: 799px) {
            .registration-content#register .validateForm .inputs .addition-input .timer {
              right: 1px;
              left: auto; } }
        .registration-content#register .validateForm .inputs .addition-input .send-sms-again {
          display: none;
          color: #009277;
          font-size: 13px;
          font-family: "Gothampro", Arial, Sans-Serif;
          text-transform: uppercase;
          text-transform: none;
          text-align: center;
          width: 100%;
          cursor: pointer;
          vertical-align: top;
          white-space: normal;
          padding-top: 2px;
          box-sizing: border-box; }
    .registration-content#register .validateForm .button-wrap .agreement-checkbox {
      margin-top: 20px; }
      .registration-content#register .validateForm .button-wrap .agreement-checkbox .text {
        color: #727b79; }
        .registration-content#register .validateForm .button-wrap .agreement-checkbox .text a {
          display: inline; }
    .registration-content#register .validateForm .button-wrap .button {
      margin: 50px 0 0 0;
      min-width: 340px;
      max-width: 340px; }
      @media screen and (max-width: 799px) and (min-width: 480px) {
        .registration-content#register .validateForm .button-wrap .button {
          margin-top: 35px; } }
      @media screen and (max-width: 479px) {
        .registration-content#register .validateForm .button-wrap .button {
          min-width: 260px;
          max-width: 260px;
          padding: 0 20px 0 65px; } }
  .registration-content .subscribe-me {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center; }
    @media screen and (max-width: 479px) {
      .registration-content .subscribe-me {
        margin-top: 25px; } }
    .registration-content .subscribe-me.active .checkbox:before {
      opacity: 1; }
    .registration-content .subscribe-me .checkbox {
      min-width: 16px;
      max-width: 16px;
      height: 16px;
      border: 1px solid #b9d1d1;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      margin-right: 10px;
      cursor: pointer;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center; }
      .registration-content .subscribe-me .checkbox:before {
        content: '';
        width: 8px;
        height: 8px;
        background: #039898;
        opacity: 0;
        transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease; }
      .registration-content .subscribe-me .checkbox input {
        display: none; }
    .registration-content .subscribe-me .text {
      -webkit-flex: 0 1 auto;
      -moz-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      color: #727b79;
      font-size: 13px;
      font-family: "Gothampro", Arial, Sans-Serif;
      text-transform: uppercase;
      text-transform: none;
      white-space: normal;
      line-height: initial; }
  .registration-content .info {
    padding: 70px 0 0 0;
    color: #7c7c7c;
    font-size: 18px;
    font-family: "Gothampro", Arial, Sans-Serif;
    text-transform: uppercase;
    text-transform: none; }
    .registration-content .info a {
      position: relative;
      align-items: center;
      min-width: 390px;
      height: 60px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      padding: 0 40px 0 100px;
      color: white;
      font-size: 16px;
      font-family: "Gothampro", Arial, Sans-Serif;
      text-transform: uppercase;
      text-transform: uppercase;
      transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      background: #039898;
      text-decoration: none;
      cursor: pointer;
      overflow: hidden;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: 0;
      outline: none;
      margin: 70px 0 0 0;
      max-width: 390px;
      line-height: 20px;
      padding: 0 30px 0 95px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      @media screen and (min-width: 1024px) {
        .registration-content .info a:hover:not(.noHover):before {
          width: 100%; }
        .registration-content .info a:hover:not(.noHover):after {
          left: 50px; } }
      .registration-content .info a:before, .registration-content .info a:after {
        content: "";
        position: absolute;
        transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease; }
      .registration-content .info a:before {
        width: 60px;
        height: 60px;
        top: 0;
        left: 0;
        z-index: 0;
        background: #075550; }
      .registration-content .info a:after {
        z-index: 1;
        background: url("/local/templates/main/components/GM/main.register/registration/../../../../img/form-button-arrow.svg") center no-repeat;
        width: 11px;
        height: 18px;
        left: 24px;
        top: 50%;
        margin-top: -9px; }
      .registration-content .info a span {
        position: relative;
        z-index: 2; }
      @media screen and (max-width: 479px) {
        .registration-content .info a {
          min-width: 100%;
          max-width: 100%;
          padding: 0 10px 0 70px;
          text-align: center; } }

/*# sourceMappingURL=style.css.map */

/* End */
/* /local/templates/main/components/GM/main.register/registration/style.css?171740055821106 */