html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*, *::after, *::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

/*$screen-mobile: rem(320);
$screen-tablet: rem(640);
$screen-desktop: rem(960);*/
/* Bitters 0.10.0
 * http://bitters.bourbon.io
 * Copyright 2013-2014 thoughtbot, inc.
 * MIT License */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none; }

html {
  height: 101%; }

/* always display scrollbars */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

strong {
  font-weight: bold; }

input {
  outline: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  border: 0;
  max-width: 100%; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

html, body {
  display: block;
  min-height: 100%; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  background: url("//xp-scw-promo.akamaized.net/bitva_tankov_1/images/bg.jpg") no-repeat center center/cover #000000;
  color: #bfbfc0;
  font-family: Arial, Geneva, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 1.5;
  font-smoothing: always;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  overflow: hidden; }

*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#landing {
  display: inline-block;
  background: url("//xp-scw-promo.akamaized.net/bitva_tankov_1/images/form.png") no-repeat center top;
  text-align: center;
  padding: 11.25rem 5rem 0 5.625rem;
  position: fixed;
  right: 2.5rem;
  top: 5rem;
  bottom: 0;
  margin: auto;
  width: 568px;
  height: 856px; }

#profileForm {
  display: block;
  font-weight: 100;
  text-align: center;
  text-shadow: 0 0 10px #000000; }
  #profileForm .wrap_submit_btn {
    display: inline-block;
    position: relative; }
    #profileForm .wrap_submit_btn .blocked_btn {
      cursor: not-allowed;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    #profileForm .wrap_submit_btn .button {
      display: block;
      cursor: pointer;
      background: url("//xp-scw-promo.akamaized.net/bitva_tankov_1/images/btn.png") no-repeat 0 0;
      border: none;
      width: 327px;
      height: 88px; }
      #profileForm .wrap_submit_btn .button:hover {
        background-position: 0 -88px; }
      #profileForm .wrap_submit_btn .button:active {
        background-position: 0 -176px; }
  #profileForm .bg_input {
    display: block;
    margin: 0 auto 30px;
    width: 308px;
    height: 56px;
    text-align: left;
    position: relative;
    z-index: 2; }
    #profileForm .bg_input input {
      display: block;
      font-size: 1.125rem;
      border: solid 1px rgba(140, 139, 147, 0.7);
      -webkit-border-radius: 2px;
              border-radius: 2px;
      color: #bdbdbd;
      background: rgba(0, 0, 0, 0.2);
      text-align: center;
      width: 100%;
      height: 3.375rem;
      padding: 10px;
      margin: auto;
      -webkit-box-shadow: inset 0 2px 10px #000000;
              box-shadow: inset 0 2px 10px #000000; }
      #profileForm .bg_input input.badchecked {
        color: #dc2411; }
      #profileForm .bg_input input.checked {
        color: #75C714; }
      #profileForm .bg_input input:focus {
        background: rgba(0, 0, 0, 0.5); }
  #profileForm label {
    font-weight: 400;
    text-align: center;
    display: block;
    color: rgba(117, 117, 117, 0.8);
    font-size: 14px;
    padding: 0;
    opacity: 1;
    line-height: 1.2;
    margin-top: 3px; }
    #profileForm label.animate {
      -webkit-animation: border_color .7s ease;
              animation: border_color .7s ease; }
    #profileForm label.error {
      color: rgba(117, 117, 117, 0.8); }
    #profileForm label.badchecked {
      color: rgba(199, 54, 20, 0.8); }
    #profileForm label.checked {
      color: #75C714; }
  #profileForm .register,
  #profileForm .form_email_text {
    display: block;
    font-weight: 300;
    font-size: 16px;
    margin: 15px 0;
    position: relative; }
  #profileForm .social_block {
    display: block;
    text-align: center; }
    #profileForm .social_block .social_login {
      display: inline-block;
      cursor: pointer;
      background: url("images/socials.png") no-repeat 0 0;
      width: 73px;
      height: 83px; }
      #profileForm .social_block .social_login.fb {
        background-position: 0 0; }
        #profileForm .social_block .social_login.fb:hover {
          background-position: -73px 0; }
        #profileForm .social_block .social_login.fb:active {
          background-position: -146px 0; }
      #profileForm .social_block .social_login.vk {
        background-position: 0 -83px; }
        #profileForm .social_block .social_login.vk:hover {
          background-position: -73px -83px; }
        #profileForm .social_block .social_login.vk:active {
          background-position: -146px -83px; }
      #profileForm .social_block .social_login.ok {
        background-position: 0 -166px; }
        #profileForm .social_block .social_login.ok:hover {
          background-position: -73px -166px; }
        #profileForm .social_block .social_login.ok:active {
          background-position: -146px -166px; }
      #profileForm .social_block .social_login.mm {
        background-position: 0 -249px; }
        #profileForm .social_block .social_login.mm:hover {
          background-position: -73px -249px; }
        #profileForm .social_block .social_login.mm:active {
          background-position: -146px -249px; }

.info_links {
  display: block;
  font-weight: normal;
  font-size: 13px;
  text-align: center;
  position: relative;
  margin: 1.25rem auto 0;
  width: 100%; }
  .info_links a {
    font-weight: 400;
    color: #bfbfc0;
    text-decoration: underline; }
    .info_links a:hover {
      color: #bfbfc0; }

#logo_101 {
  display: inline-block; }

@media screen and (max-height: 780px) {
  #landing {
    background-size: cover;
    padding: 5.625rem 2.8125rem 0 3.125rem;
    width: 370px;
    height: 558px; }
  #profileForm .wrap_submit_btn .button {
    background-size: 210px 170px;
    width: 210px;
    height: 57px; }
    #profileForm .wrap_submit_btn .button:hover {
      background-position: 0 -57px; }
    #profileForm .wrap_submit_btn .button:active {
      background-position: 0 -114px; }
  #profileForm .form_email_text {
    margin: 5px 0; }
  #profileForm .bg_input {
    width: 240px;
    height: 46px; }
    #profileForm .bg_input input {
      height: 44px; }
  #profileForm .social_block .social_login {
    background-size: 150px 227px;
    width: 50px;
    height: 57px; }
    #profileForm .social_block .social_login.fb {
      background-position: 0 0; }
      #profileForm .social_block .social_login.fb:hover {
        background-position: -50px 0; }
      #profileForm .social_block .social_login.fb:active {
        background-position: -100px 0; }
    #profileForm .social_block .social_login.vk {
      background-position: 0 -57px; }
      #profileForm .social_block .social_login.vk:hover {
        background-position: -50px -57px; }
      #profileForm .social_block .social_login.vk:active {
        background-position: -100px -57px; }
    #profileForm .social_block .social_login.ok {
      background-position: 0 -114px; }
      #profileForm .social_block .social_login.ok:hover {
        background-position: -50px -114px; }
      #profileForm .social_block .social_login.ok:active {
        background-position: -100px -114px; }
    #profileForm .social_block .social_login.mm {
      background-position: 0 -171px; }
      #profileForm .social_block .social_login.mm:hover {
        background-position: -50px -171px; }
      #profileForm .social_block .social_login.mm:active {
        background-position: -100px -171px; }
  .info_links {
    font-size: 12px;
    margin-top: 0;
    margin-bottom: -20px; }
  #logo_101 {
    width: 99px; } }