/*
 Theme Name: Bootstrap
 Author: Metabolism
*/
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;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

template {
  display: none; }

a:active, input:active, button:active {
  -webkit-tap-highlight-color: transparent; }

body {
  -webkit-font-smoothing: antialiased; }

a {
  text-decoration: none;
  color: inherit; }

._background-cover {
  background: url("") no-repeat center;
  background-size: cover; }

._background-contain {
  background: url("") no-repeat center;
  background-size: contain; }

._background-fit {
  background: url("") no-repeat center;
  background-size: 100% 100%; }

._background-fit-width {
  background: url("") no-repeat center;
  background-size: 100% auto; }

._background-fit-height {
  background: url("") no-repeat center;
  background-size: auto 100%; }

._clearfix:after, .social__icons:after, .footer:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both; }

._transition, .lang a, .lang__current {
  -webkit-transition: background cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, color cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, border cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
          transition: background cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, color cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, border cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

._transition3d, .lang__current:after {
  -webkit-transition: -webkit-transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
          transition: transform cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.vcenter {
  display: table;
  height: 100%;
  width: 100%; }
  .vcenter > * {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle; }

html.ie7 body {
  background: url("images/not-supported.jpg") no-repeat center #f4f4f4 !important; }
  html.ie7 body > * {
    display: none !important;
    visibility: hidden !important; }

html.ie8 body {
  background: url("images/not-supported.jpg") no-repeat center #f4f4f4 !important; }
  html.ie8 body > * {
    display: none !important;
    visibility: hidden !important; }

html.safari4 body {
  background: url("images/not-supported.jpg") no-repeat center #f4f4f4 !important; }
  html.safari4 body > * {
    display: none !important;
    visibility: hidden !important; }

[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-pencil:before {
  content: "a"; }

.icon-document:before {
  content: "b"; }

.icon-mail:before {
  content: "c"; }

.icon-facebook:before {
  content: "d"; }

.icon-googleplus:before {
  content: "e"; }

.icon-twitter:before {
  content: "f"; }

@font-face {
  font-family: "Icons";
  src: url("../fonts/icons.eot");
  src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "PressStart2P";
  src: url("../fonts/PressStart2P.eot");
  src: url("../fonts/PressStart2P.eot?#iefix") format("embedded-opentype"), url("../fonts/PressStart2P.woff") format("woff"), url("../fonts/PressStart2P.ttf") format("truetype"), url("../fonts/PressStart2P.svg#PressStart2P") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-popin] {
  cursor: pointer; }

.ui-popin {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.9);
  -webkit-transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  text-align: center;
  opacity: 0; }
  .ui-popin__content {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    display: inline-block;
    position: relative; }
  .ui-popin__close {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 2em;
    width: 2em;
    height: 2em;
    -webkit-transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    cursor: pointer;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    opacity: 0;
    color: #fff;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    .ui-popin__close:after, .ui-popin__close:before {
      width: 120%;
      height: 0;
      border-bottom: 1px solid;
      content: '';
      position: absolute;
      left: -10%;
      top: 50%; }
    .ui-popin__close:after {
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
    .ui-popin__close:before {
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }

.ui-popin--added .ui-popin {
  opacity: 1; }
  .ui-popin--added .ui-popin__content {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .ui-popin--added .ui-popin__close {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
    .ui-popin--added .ui-popin__close:hover {
      -webkit-transform: scale(1) rotate(90deg);
          -ms-transform: scale(1) rotate(90deg);
              transform: scale(1) rotate(90deg); }

[lang=ru] h1 {
  font-family: arial, sans-serif !important; }

html {
  font-size: 10px; }

body {
  font-family: 'Arial', sans-serif; }

.container {
  max-width: 1024px;
  margin: 0 auto; }

h1 {
  font-size: 5rem;
  color: #ffbc36;
  font-family: 'PressStart2P', monospace, serif;
  text-transform: uppercase; }

h2 {
  font-size: 2.4rem;
  text-transform: uppercase;
  color: #32193a; }

h3 {
  font-size: 2rem;
  color: #32193a;
  font-weight: normal; }

h4 {
  font-size: 1.5rem;
  text-transform: uppercase; }

p {
  font-size: 1.5rem;
  color: #555555;
  line-height: 1.6em; }

@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  33% {
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg); }
  66% {
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  33% {
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg); }
  66% {
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@media screen and (max-width: 1024px) {
  .container {
    width: 100%;
    box-sizing: border-box;
    padding: 0 2rem; } }

.header {
  text-align: center;
  margin-top: 5rem;
  position: relative; }
  .header__logo {
    width: 20rem;
    height: 8rem;
    position: absolute;
    left: 0;
    top: -1.5rem;
    background: url("") no-repeat center;
    background-color: #32193a;
    background-size: 94px 39px;
    background-image: url("../images/logo@2x.png"); }
  .header__subtitle {
    color: #ffbc36;
    margin-top: 1.5rem; }
  .header__participate {
    margin: 3rem 0; }
  .header__description {
    width: 75rem;
    margin: 2rem auto 0 auto; }

.lang {
  position: absolute;
  right: 0;
  top: 5rem;
  background: #eae8eb;
  font-size: 1.4rem;
  font-family: PressStart2P, sans-serif;
  text-transform: uppercase;
  color: #32193a; }
  .lang a {
    display: block;
    padding: 1em; }
    .lang a:hover {
      background: #d1cdd3; }
  .lang.active .lang__current {
    border-color: #32193a; }
    .lang.active .lang__current:after {
      -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
              transform: rotate(-90deg); }
  .lang__current {
    border-bottom: 2px solid transparent;
    cursor: pointer; }
    .lang__current:after {
      content: '<';
      display: inline-block;
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg);
      margin-left: 0.5em; }
  .lang__list {
    display: none; }
    .lang__list a + a {
      border-top: 2px solid #ffbc36; }

@media screen and (max-width: 1024px) {
  .header__description {
    width: auto; } }

@media screen and (max-width: 1280px) {
  .header__title {
    padding-top: 10rem; } }

.game {
  background-color: #32193a;
  text-align: center; }
  .game #bakugames {
    margin: auto;
    max-width: 480px; }
    .game #bakugames canvas {
      margin: auto; }

.sign__people {
  margin-top: 13rem;
  height: 53rem;
  position: relative;
  border-bottom: 36px solid #32193a; }
  .sign__people:before, .sign__people:after {
    position: absolute;
    content: '';
    background-color: #32193a; }
  .sign__people:before {
    width: 90%;
    bottom: 100%;
    height: 2rem;
    left: 0; }
  .sign__people:after {
    width: 38%;
    bottom: calc(100% + 2rem);
    height: 1.6rem;
    left: 2%; }
  .sign__people__text {
    width: 44%;
    height: 100%;
    box-sizing: border-box;
    padding: 3.5rem 2rem; }
  .sign__people__img {
    width: 56%;
    position: absolute;
    top: 0;
    right: 0; }
    .sign__people__img img {
      width: 100%;
      height: auto; }

.sign__petition {
  text-align: center;
  margin-top: 4.5rem; }
  .sign__petition h3 {
    margin-top: 1rem;
    text-transform: uppercase; }
  .sign__petition__btn {
    margin: 3.5rem 0;
    padding: 1.7em;
    padding-left: 4em;
    background-color: #32193a;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    font-size: 1.4rem;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .sign__petition__btn:before {
      font-size: 3em;
      left: 0.3em;
      position: absolute;
      top: calc(50% - 0.5em); }
    .sign__petition__btn:hover {
      padding-left: 5em;
      padding-right: 2.7em;
      background-color: #51285e; }

.sign .mobile {
  display: none; }

.ui-popin--thunderclap .ui-popin__close {
  right: 1em;
  top: 1em;
  left: auto;
  color: #000; }

.ui-popin--thunderclap .ui-popin__content {
  border-radius: 5px;
  width: 90%;
  max-width: 650px;
  height: 559px;
  background: #fff;
  padding: 10px 0; }

.ui-popin--thunderclap iframe {
  width: 100%;
  height: 100%; }

@media screen and (max-width: 660px) {
  .ui-popin--thunderclap .ui-popin__content {
    height: 420px; } }

@media screen and (max-width: 1024px) {
  .sign .mobile {
    display: block; }
  .sign .desktop {
    display: none; }
  .sign__people {
    margin-top: 0;
    height: auto;
    position: relative;
    width: calc(100% + 4rem);
    left: -2rem; }
    .sign__people:before, .sign__people:after {
      content: none; }
    .sign__people__text {
      width: 100%;
      height: auto; }
    .sign__people__img {
      width: 100%;
      position: static; }
  .sign__petition {
    text-align: center;
    margin-top: 4.5rem; }
    .sign__petition h3 {
      margin-top: 1rem; }
    .sign__petition__btn {
      margin: 3.5rem 0;
      padding: 1.7em;
      padding-left: 4em;
      background-color: #32193a;
      font-weight: bold;
      color: #fff;
      display: inline-block;
      font-size: 1.4rem;
      text-transform: uppercase;
      position: relative; }
      .sign__petition__btn:before {
        font-size: 3em;
        left: 0.3em;
        position: absolute;
        top: calc(50% - 0.5em); } }

.social {
  background-color: #eae8eb;
  text-align: center;
  padding: 4rem 0; }
  .social__icons {
    margin: 2rem auto 0 auto;
    display: inline-block; }
    .social__icons a {
      font-size: 2rem;
      color: #fff;
      width: 4.5rem;
      height: 4.5rem;
      display: block;
      float: left;
      position: relative;
      -webkit-transition: 0.3s;
              transition: 0.3s; }
      .social__icons a:hover:before {
        -webkit-animation-name: shake;
                animation-name: shake;
        -webkit-animation-duration: 0.3s;
                animation-duration: 0.3s; }
      .social__icons a:before {
        top: calc(50% - 0.5em);
        left: calc(50% - 0.5em);
        position: absolute; }
      .social__icons a.icon-facebook {
        background-color: #3000ff; }
        .social__icons a.icon-facebook:hover {
          background-color: #2600cc; }
      .social__icons a.icon-twitter {
        background-color: #00eaff; }
        .social__icons a.icon-twitter:hover {
          background-color: #00bbcc; }
      .social__icons a.icon-googleplus {
        background-color: #ff0000; }
        .social__icons a.icon-googleplus:hover {
          background-color: #cc0000; }
      .social__icons a.icon-mail {
        background-color: #2aff00; }
        .social__icons a.icon-mail:hover {
          background-color: #22cc00; }

.footer {
  border-top: 2.2rem solid #32193a;
  height: 20rem;
  position: relative; }
  .footer:before {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: calc(50% - 512px);
    background-color: #32193a; }
  .footer .container {
    height: 100%; }
  .footer__column {
    width: 18.75%;
    height: 100%;
    float: left;
    background-color: #fff;
    box-sizing: border-box;
    text-align: center;
    color: #000;
    padding: 0 4rem;
    position: relative; }
    .footer__column + .footer__column:before {
      position: absolute;
      content: '';
      left: 0;
      top: 20%;
      width: 1px;
      height: 60%;
      background-color: rgba(0, 0, 0, 0.1); }
    .footer__column:first-child {
      background-color: #32193a;
      width: 25%;
      text-align: right;
      padding-right: 2rem; }
      .footer__column:first-child h1 {
        line-height: 1.3em; }
  .footer h1 {
    font-size: 2.5rem; }
  .footer p, .footer .p {
    font-size: 1.4rem;
    color: #000;
    line-height: 1.3em; }
    .footer p.mobile, .footer .p.mobile {
      display: none; }
  .footer .icon {
    display: inline-block;
    margin-top: 1.5rem;
    font-size: 2rem; }
    .footer .icon + .icon {
      margin-left: 2rem; }
    .footer .icon:hover {
      -webkit-animation-name: shake;
              animation-name: shake;
      -webkit-animation-duration: 0.3s;
              animation-duration: 0.3s; }

@media screen and (max-width: 1024px) {
  .footer {
    border-top: 0;
    height: auto;
    background-color: #32193a; }
    .footer:before {
      content: none; }
    .footer .container {
      padding: 0; }
    .footer__column {
      width: 45%;
      height: 13rem; }
      .footer__column:nth-child(4):after, .footer__column:nth-child(5):after {
        position: absolute;
        content: '';
        left: 20%;
        top: 0;
        width: 60%;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1); }
      .footer__column:nth-child(2), .footer__column:nth-child(4) {
        margin-left: 10%; }
        .footer__column:nth-child(2):before, .footer__column:nth-child(4):before {
          content: none; }
      .footer__column:first-child {
        width: 100%;
        text-align: left;
        padding: 0 2rem 0 10%;
        height: 7rem; }
        .footer__column:first-child h1 br {
          display: none; }
    .footer h1 {
      font-size: 1.5rem; }
    .footer p, .footer .p {
      font-size: 1.2rem; }
      .footer p.desktop, .footer .p.desktop {
        display: none; }
      .footer p.mobile, .footer .p.mobile {
        display: block; } }
/*# sourceMappingURL=screen.css.map */