.btn--block {
  display: block; }

.btn--block + .btn--block {
  margin-left: 0; }

.btn {
  display: inline-block;
  position: relative;
  margin: 5px 0;
  padding: 10px 31px 11px;
  cursor: pointer;
  outline: 0;
  border: none;
  border-radius: 22px;
  background: 0 0;
  transition: background .2s,color .2s;
  text-align: center;
  text-decoration: none;
  font: 1.286em/1.1667 'Open Sans',sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.btn:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 22px;
  transition: border .1s ease-in-out; }

.btn + .btn {
  margin-left: 7px; }

.btn .b-link {
  border-radius: inherit; }

.btn.tooltip-no-js-wrap:hover > .tooltip {
  display: none !important; }

.btn.disabled > .tooltip, .btn:disabled > .tooltip {
  display: block; }

.btn--static .b-link {
  top: -1000px;
  right: -1000px;
  bottom: -1000px;
  left: -1000px; }

.btn--xsm {
  padding: 3px 15px 4px;
  border-radius: 12px;
  font-size: .929em;
  line-height: 1.308; }

.btn--xsm:before {
  border-radius: 11px; }

.btn--sm {
  padding: 7px 18px 6px;
  border-radius: 16px;
  font-size: 1em;
  line-height: 1.3572; }

.btn--sm:before {
  border-radius: 16px; }

.btn, .btn:hover {
  color: #fff; }

.btn > .icon-svg, .btn > .icon-svg:hover, .btn > .icon:hover {
  color: inherit; }

.btn--red {
  background: #f02139; }

.btn--red:focus, .btn--red:hover {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--red.active, .btn--red:active {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--orange {
  background: #ff8200; }

.btn--orange:focus, .btn--orange:hover {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--orange.active, .btn--orange:active {
  background: #f02139 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--dorange {
  background: #ef5322; }

.btn--dorange:focus, .btn--dorange:hover {
  background: #ef5322 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--dorange.active, .btn--dorange:active {
  background: #ef5322 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--yellow {
  background: #fec309; }

.btn--yellow:focus, .btn--yellow:hover {
  background: #fec309 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--yellow.active, .btn--yellow:active {
  background: #fec309 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--grass {
  background: #86c313; }

.btn--grass:focus, .btn--grass:hover {
  background: #86c313 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--grass.active, .btn--grass:active {
  background: #86c313 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--lime {
  background: #29cf29; }

.btn--lime:focus, .btn--lime:hover {
  background: #29cf29 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--lime.active, .btn--lime:active {
  background: #29cf29 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--green {
  background: #1ac636; }

.btn--green:focus, .btn--green:hover {
  background: #1ac636 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--green.active, .btn--green:active {
  background: #1ac636 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--aqua {
  background: #00caa8; }

.btn--aqua:focus, .btn--aqua:hover {
  background: #00caa8 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--aqua.active, .btn--aqua:active {
  background: #00caa8 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--sky {
  background: #28c4f6; }

.btn--sky:focus, .btn--sky:hover {
  background: #28c4f6 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--sky.active, .btn--sky:active {
  background: #28c4f6 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--dsky {
  background: #1eb2fc; }

.btn--dsky:focus, .btn--dsky:hover {
  background: #1eb2fc linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--dsky.active, .btn--dsky:active {
  background: #1eb2fc linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--lblue {
  background: #2b8cfc; }

.btn--lblue:focus, .btn--lblue:hover {
  background: #2b8cfc linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--lblue.active, .btn--lblue:active {
  background: #2b8cfc linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--blue {
  background: #2b65f8; }

.btn--blue:focus, .btn--blue:hover {
  background: #2b65f8 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--blue.active, .btn--blue.loading, .btn--blue:active {
  background: #2b65f8 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--dgrey {
  background: #9aa9c5; }

.btn--dgrey:focus, .btn--dgrey:hover {
  background: #9aa9c5 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--dgrey.active, .btn--dgrey:active {
  background: #9aa9c5 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--pink {
  background: #f55280; }

.btn--pink:focus, .btn--pink:hover {
  background: #f55280 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--pink.active, .btn--pink:active {
  background: #f55280 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--laguna {
  background: #2f75c1; }

.btn--laguna:focus, .btn--laguna:hover {
  background: #2f75c1 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--laguna.active, .btn--laguna:active {
  background: #2f75c1 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--vdgrey {
  background: #333844; }

.btn--vdgrey:focus, .btn--vdgrey:hover {
  background: #333844 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--vdgrey.active, .btn--vdgrey:active {
  background: #333844 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--aqua-blue {
  background: #08b5fd; }

.btn--aqua-blue:focus, .btn--aqua-blue:hover {
  background: #069fde; }

.btn--aqua-blue.active, .btn--aqua-blue:active {
  background: #0487bd; }

.btn--facebook {
  background: #3464d4; }

.btn--facebook:focus, .btn--facebook:hover {
  background: #3464d4 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--facebook.active, .btn--facebook:active {
  background: #3464d4 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--twitter {
  background: #1cacff; }

.btn--twitter:focus, .btn--twitter:hover {
  background: #1cacff linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--twitter.active, .btn--twitter:active {
  background: #1cacff linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--google {
  background: #dd4b39; }

.btn--google:focus, .btn--google:hover {
  background: #dd4b39 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--google.active, .btn--google:active {
  background: #dd4b39 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--instagram {
  background: #3674a9; }

.btn--instagram:focus, .btn--instagram:hover {
  background: #3674a9 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--instagram.active, .btn--instagram:active {
  background: #3674a9 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--linkedin {
  background: #006799; }

.btn--linkedin:focus, .btn--linkedin:hover {
  background: #006799 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--linkedin.active, .btn--linkedin:active {
  background: #006799 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--vk {
  background: #2c70b4; }

.btn--vk:focus, .btn--vk:hover {
  background: #2c70b4 linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--vk.active, .btn--vk:active {
  background: #2c70b4 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--odnoklassniki {
  background: #f7882b; }

.btn--odnoklassniki:focus, .btn--odnoklassniki:hover {
  background: #f7882b linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--odnoklassniki.active, .btn--odnoklassniki:active {
  background: #f7882b linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--yandex {
  background: #ee3a2e; }

.btn--yandex:focus, .btn--yandex:hover {
  background: #ee3a2e linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }

.btn--yandex.active, .btn--yandex:active {
  background: #ee3a2e linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

.btn--transparent {
  background: rgba(0, 0, 0, 0.5); }

.btn--transparent > .ico, .btn--transparent > .icon-svg {
  opacity: .8; }

.btn--transparent:focus, .btn--transparent:hover {
  background: rgba(0, 0, 0, 0.7); }

.btn--transparent.active > .ico, .btn--transparent.active > .icon-svg, .btn--transparent:focus > .ico, .btn--transparent:focus > .icon-svg, .btn--transparent:hover > .ico, .btn--transparent:hover > .icon-svg {
  opacity: 1; }

.btn--transparent:active {
  background: rgba(0, 0, 0, 0.9); }

.btn--glass:before {
  content: '';
  border: 2px solid rgba(255, 255, 255, 0.3); }

.btn--glass:hover:before {
  border-color: #fff; }

.btn--glass.active:before, .btn--glass:active:before {
  border-color: rgba(255, 255, 255, 0.3); }

.btn--white {
  background: #fff;
  color: #4d4d4d; }

.btn--white:before {
  content: '';
  border: 1px solid rgba(0, 0, 0, 0.1); }

.btn--white:focus, .btn--white:hover {
  color: #2b65f8; }

.btn--white:focus:before, .btn--white:hover:before {
  border-width: 2px;
  border-color: #2b65f8; }

.btn--white.active, .btn--white.loading, .btn--white:active {
  color: #2058c6; }

.btn--white.active:before, .btn--white.loading:before, .btn--white:active:before {
  border-width: 2px;
  border-color: #2058c6; }

.btn--gold {
  background: #fff;
  color: #4d4d4d; }

.btn--gold:before {
  content: '';
  border: 1px solid rgba(0, 0, 0, 0.1); }

.btn--gold:focus:before, .btn--gold:hover:before {
  border-width: 2px;
  border-color: #fec309; }

.btn--gold.active, .btn--gold.loading, .btn--gold:active {
  background: #fec309; }

.btn--gold.active:before, .btn--gold.loading:before, .btn--gold:active:before {
  border: none; }

.btn--gold.active:hover {
  background: #e4af08; }

.btn-normal {
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important; }

body {
  background: #f0f0f0; }

.SupportViewLayout {
  float: left;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px; }
  .SupportViewLayout .SupportHelpList {
    float: left;
    width: 100%;
    padding: 10px 30px; }
  .SupportViewLayout ul.HelpUL {
    margin: 0;
    padding: 0; }
    .SupportViewLayout ul.HelpUL li {
      transition: all 0.2s ease;
      margin: 5px 0;
      list-style: none;
      padding: 10px 30px 10px 10px;
      float: left;
      width: 100%;
      background: #f9f9f9;
      border-radius: 100px;
      -webkit-border-radius: 100px; }
      .SupportViewLayout ul.HelpUL li:hover {
        border-radius: 6px;
        -webkit-border-radius: 6px;
        background: #fff;
        border: 1px solid #304FFE;
        cursor: pointer; }
        .SupportViewLayout ul.HelpUL li:hover span:nth-child(3) {
          display: inline-block; }
        .SupportViewLayout ul.HelpUL li:hover span:nth-child(1) {
          border: 1px solid #fff;
          background: #fff; }
      .SupportViewLayout ul.HelpUL li span {
        float: left; }
        .SupportViewLayout ul.HelpUL li span:nth-child(3) {
          display: none;
          width: 100%;
          padding: 0px 0 10px 50px; }
        .SupportViewLayout ul.HelpUL li span:nth-child(2) {
          width: calc(100% - 35px);
          padding-left: 15px;
          padding-right: 20px;
          line-height: 33px;
          height: 35px;
          font-weight: 600;
          font-size: 16px; }
        .SupportViewLayout ul.HelpUL li span:nth-child(1) {
          display: inline-block;
          width: 35px;
          height: 35px;
          background: #fff;
          border-radius: 100px;
          -webkit-border-radius: 100px;
          border: 1px solid #304FFE;
          text-align: center;
          line-height: 33px;
          color: #304FFE;
          font-weight: 600;
          font-size: 16px; }
  .SupportViewLayout * {
    font-size: 14px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .SupportViewLayout .SupportHelpContent {
    float: left;
    width: 100%;
    border-top: 1px solid #eee;
    background: #fefefe;
    min-height: 300px; }
    .SupportViewLayout .SupportHelpContent .SupportHelpContentTitleSub {
      float: left;
      width: 100%;
      color: #666;
      padding: 0 30px;
      font-weight: 300;
      font-size: 16px; }
    .SupportViewLayout .SupportHelpContent .SupportHelpContentTitle {
      float: left;
      width: 100%;
      padding: 30px 30px 10px;
      font-weight: 600;
      font-size: 18px; }
  .SupportViewLayout .SupportView {
    float: left;
    width: 100%;
    background: #fff;
    display: flex;
    overflow: hidden;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    border-radius: 6px;
    -webkit-border-radius: 6px; }
    .SupportViewLayout .SupportView .errorLayout, .SupportViewLayout .SupportView .successLayout {
      margin-top: 0;
      margin-bottom: 20px; }
    .SupportViewLayout .SupportView .ViewLeft {
      float: left;
      width: 68%; }
      .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent {
        float: left;
        width: 100%;
        padding: 30px; }
        .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ViewLeftContentTitle {
          float: left;
          width: 100%;
          padding-bottom: 20px;
          font-weight: 300;
          font-size: 18px; }
        .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem {
          float: left;
          width: 100%;
          padding: 10px 0; }
          .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem .CodeKey_3 {
            border-radius: 0 6px 6px 0;
            -webkit-border-radius: 0 6px 6px 0;
            float: left;
            background: #E3F2FD;
            color: #304FFE;
            width: 40px;
            text-align: center;
            padding: 4.5px 0px;
            font-weight: 600;
            font-size: 18px; }
          .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem .CodeKey_2 {
            float: left;
            background: #f9f9f9;
            color: #666;
            width: 40px;
            text-align: center;
            padding: 4.5px 0px;
            font-size: 18px;
            font-weight: 600; }
          .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem .CodeKey_Text {
            float: left;
            padding-left: 15px; }
          .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem .CodeKey_1 {
            border-radius: 6px 0 0 6px;
            -webkit-border-radius: 6px 0 0 6px;
            float: left;
            width: 40px;
            text-align: center;
            background: #EDE7F6;
            color: #6200EA;
            padding: 4.5px 0px;
            font-size: 18px;
            font-weight: 600; }
          .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem span {
            float: left;
            width: 100%; }
            .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem span select {
              border: 1px solid #ccc;
              padding: 5px 35px 5px 15px !important;
              height: 35px;
              width: auto;
              min-width: 150px; }
            .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem span:nth-child(1) {
              width: 25%;
              line-height: 35px;
              text-align: right;
              font-weight: 600;
              padding-right: 15px; }
            .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem span:nth-child(2) {
              width: 75%; }
      .SupportViewLayout .SupportView .ViewLeft .ViewLeftTitle {
        float: left;
        border-bottom: 1px solid #eee;
        width: 100%;
        padding: 20px 30px;
        font-weight: 600;
        font-size: 20px; }
    .SupportViewLayout .SupportView .ViewRight {
      float: left;
      width: 32%;
      background: #f9f9f9;
      border-left: 1px solid #e2e2e2; }
      .SupportViewLayout .SupportView .ViewRight .ContactItem {
        float: left;
        width: 100%;
        padding: 5px 30px; }
        .SupportViewLayout .SupportView .ViewRight .ContactItem .ItemInner {
          border: 1px solid #fff;
          padding: 7px;
          float: left;
          width: 100%;
          background: #fff;
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
          -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
          border-radius: 6px;
          -webkit-border-radius: 6px; }
          .SupportViewLayout .SupportView .ViewRight .ContactItem .ItemInner:hover {
            border: 1px solid #304FFE;
            cursor: pointer; }
          .SupportViewLayout .SupportView .ViewRight .ContactItem .ItemInner img {
            vertical-align: middle; }
          .SupportViewLayout .SupportView .ViewRight .ContactItem .ItemInner span {
            float: left; }
            .SupportViewLayout .SupportView .ViewRight .ContactItem .ItemInner span:nth-child(1) {
              width: 45px; }
              .SupportViewLayout .SupportView .ViewRight .ContactItem .ItemInner span:nth-child(1) img {
                width: 40px; }
            .SupportViewLayout .SupportView .ViewRight .ContactItem .ItemInner span:nth-child(2) {
              width: calc(100% - 45px);
              line-height: 38px;
              height: 40px;
              padding-left: 15px;
              font-weight: 600;
              font-size: 16px; }
      .SupportViewLayout .SupportView .ViewRight .RightTitleSub {
        float: left;
        width: 100%;
        padding: 0 30px 20px;
        font-weight: 300;
        color: #666; }
      .SupportViewLayout .SupportView .ViewRight .RightTitle {
        float: left;
        width: 100%;
        padding: 30px 30px 10px;
        font-weight: 600;
        font-size: 18px; }

@media screen and (max-width: 600px) {
  .TableLayout {
    display: none; }

  .SupportViewLayout .SupportView {
    display: inline-block;
    border-radius: 0;
    -webkit-border-radius: 0; }

  .SupportViewLayout .SupportView .ViewLeft {
    width: 100%; }

  .SupportViewLayout .SupportView .ViewRight {
    width: 100%;
    background: #f0f0f0;
    padding-bottom: 30px; }

  .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem {
    padding: 2px 0; }

  .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem span:nth-child(2) {
    width: 100%; }
    .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem span:nth-child(2) input {
      width: 100%; }
    .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem span:nth-child(2) select {
      width: 100%; }
    .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem span:nth-child(2) textarea {
      width: 100%; }

  .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem span:nth-child(1) {
    word-break: break-all;
    width: 100%;
    text-align: left; }

  .SupportViewLayout ul.HelpUL li {
    border-radius: 6px;
    -webkit-border-radius: 6px; }

  .SupportViewLayout ul.HelpUL li span:nth-child(2) {
    height: auto; }

  .SupportViewLayout .SupportView .ViewLeft .ViewLeftContent .ContentFormItem .CodeKey_Text {
    padding: 10px 0 0 0;
    width: 100%; } }

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