@font-face {
  font-family: "RobotoRegular";
  src: url("../fonts/roboto/Roboto-Regular.ttf"); }

@font-face {
  font-family: "RobotoLight";
  src: url("../fonts/roboto/Roboto-Light.ttf"); }

@font-face {
  font-family: "RobotoBold";
  src: url("../fonts/roboto/Roboto-Bold.ttf"); }

@font-face {
  font-family: "RobotoThin";
  src: url("../fonts/roboto/Roboto-Thin.ttf"); }

@font-face {
  font-family: "RobotoMedium";
  src: url("../fonts/roboto/Roboto-Medium.ttf"); }

* {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

body {
  background: url(../images/bg.png) no-repeat top center #0e0e0e;
  font-family: "RobotoRegular"; }

body.donate-bg {
  background: url(../images/donate-bg.png) no-repeat top center #0e0e0e; }

body.promo-bg {
  background: url(../images/promo-bg.png) no-repeat top center #0e0e0e; }

.default-text, nav .nav-wrapper ul li a {
  color: #fff;
  text-align: center;
  text-decoration: none; }

section.Banner-Bg {
  background: url(../images/back-back.png) no-repeat top center;
  height: 1607px;
  margin-bottom: 138px;
  background-position: -130px 0px; }
  @media only screen and (max-width: 1229px) {
    section.Banner-Bg {
      margin-bottom: 1040px; } }

@media (max-width: 1770px) {
  section.Banner-Bg {
    background-position-x: -210px; } }

@media (max-width: 1600px) {
  section.Banner-Bg {
    background-position-x: -280px; } }

@media (max-width: 1450px) {
  section.Banner-Bg {
    background-position-x: -380px; } }

@media (max-width: 1250px) {
  section.Banner-Bg {
    background-position-x: -440px; } }

@media (max-width: 1200px) {
  section.Banner-Bg {
    background-position: center center; } }

nav {
  height: 73px; }
  nav .nav-wrapper {
    background-image: url("../images/Header-bg.png");
    height: 100%; }
    nav .nav-wrapper ul {
      width: 1230px;
      margin-left: auto;
      margin-right: auto;
      list-style-type: none;
      height: 100%; }
      @media only screen and (max-width: 1229px) {
        nav .nav-wrapper ul {
          width: 655px; } }
      @media only screen and (max-width: 776px) {
        nav .nav-wrapper ul {
          width: 100%; } }
      nav .nav-wrapper ul a.main-logo {
        background: url("../images/logo.png") no-repeat center center;
        display: block;
        width: 116px;
        height: 73px;
        float: left;
        margin-right: 470px; }
        @media only screen and (max-width: 1229px) {
          nav .nav-wrapper ul a.main-logo {
            margin-right: 0px; } }
        @media only screen and (max-width: 776px) {
          nav .nav-wrapper ul a.main-logo {
            float: right;
            margin-right: 45px; } }
      nav .nav-wrapper ul li {
        float: left;
        margin-left: 40px; }
        @media only screen and (max-width: 776px) {
          nav .nav-wrapper ul li {
            display: none;
            width: 100%;
            margin-left: 0px; } }
        nav .nav-wrapper ul li a {
          font-size: 22px;
          display: block;
          font-family: "RobotoRegular";
          line-height: 73px; }
          @media only screen and (max-width: 1229px) {
            nav .nav-wrapper ul li a {
              font-size: 16.92308px; } }
        nav .nav-wrapper ul li a.logo-vk {
          background: url("../images/vk.png") no-repeat center center;
          width: 22px;
          height: 73px; }
          @media only screen and (max-width: 776px) {
            nav .nav-wrapper ul li a.logo-vk {
              margin-left: auto;
              margin-right: auto; } }
      nav .nav-wrapper ul li.brand-menu {
        display: none; }
        @media only screen and (max-width: 776px) {
          nav .nav-wrapper ul li.brand-menu {
            display: inline;
            float: left;
            width: 85px; } }

.centered, .banner, .banner .btn a, .how, .how .steps .step-box a.down, .social .boxes, .social .boxes .box-youtube .logo, .social-button, .social .boxes .box-main-vk a, .social .boxes .box-free a, .social .boxes .box-youtube a, .vk-logo, .social .boxes .box-main-vk .logo, .social .boxes .box-free .logo, .footer, .main-width, .blocks, .blocks .block_left .wallet, .blocks .block_right .donate-input input, .blocks .block_right .donate-input select, .blocks .block_right .donate-input button.submit-donate, .promo .pr-block, .promo a.promo-how {
  margin-left: auto;
  margin-right: auto; }

.text-center, .banner .text span.prefix, .banner .btn a, .how span.title, .how span.prefix, .how .name-server, .how .status-server, .how .steps .step-box .ar-and-number .number, .how .steps .step-box .text, .how .steps .step-box a.down, .social .title, .social .prefix, .social-button, .social .boxes .box-main-vk a, .social .boxes .box-free a, .social .boxes .box-youtube a, .footer .copyright, .blocks .block_left .text, .blocks .block_left .text-prefix, .blocks .block_left p.info span, .blocks .block_left a.underline, .d-copyright, .promo .title, .promo .prefix, .promo a.promo-how {
  text-align: center; }

.banner {
  width: 1230px;
  margin-top: 211px; }
  @media only screen and (max-width: 1229px) {
    .banner {
      width: 100%; } }
  .banner .video {
    width: 610px;
    display: inline-block; }
    @media only screen and (max-width: 1229px) {
      .banner .video {
        width: 100%; } }
    .banner .video .frame {
      background-color: #191919;
      box-shadow: 0px 0px 136px 0px rgba(0, 0, 0, 0.57);
      width: 470px;
      height: 264px; }
      @media only screen and (max-width: 1229px) {
        .banner .video .frame {
          margin-left: auto;
          margin-right: auto;
          max-width: 100%; } }
      @media only screen and (max-width: 1230px) {
        .banner .video .frame {
          max-width: 100%; } }
  .banner .text {
    width: 610px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-family: "RobotoLight";
    text-align: left; }
    @media only screen and (max-width: 1229px) {
      .banner .text {
        width: 485px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top: 30px; } }
    @media only screen and (max-width: 1230px) {
      .banner .text {
        width: 100%;
        word-break: all; } }
    .banner .text span.title {
      font-size: 63.72px;
      display: block;
      font-family: "RobotoBold"; }
      @media only screen and (max-width: 1229px) {
        .banner .text span.title {
          text-align: center; } }
    .banner .text span.prefix {
      font-size: 25.36px;
      display: block;
      width: 130px;
      height: 45px;
      line-height: 45px;
      border-bottom: 3.5px solid #47a91e;
      position: relative;
      top: -15px;
      left: 5px; }
      @media only screen and (max-width: 1229px) {
        .banner .text span.prefix {
          text-align: center;
          margin-left: auto;
          margin-right: auto; } }
    .banner .text span.description {
      margin-top: 40px;
      font-size: 20px;
      display: block;
      padding-left: 5px; }
      @media only screen and (max-width: 1229px) {
        .banner .text span.description {
          text-align: center; } }
  .banner .btn a {
    display: block;
    background-color: white;
    box-shadow: 0px 0px 87px 0px rgba(255, 255, 255, 0.15);
    width: 356px;
    height: 61px;
    line-height: 61px;
    font-size: 24px;
    margin-top: 237px;
    transition: all .6s ease; }
    @media only screen and (max-width: 1230px) {
      .banner .btn a {
        width: 270px;
        margin-left: auto;
        margin-right: auto; } }
    .banner .btn a .monitor {
      background-image: url("../images/monitor.png");
      width: 30px;
      height: 28px;
      position: relative;
      float: left;
      left: 83px;
      top: 17.5px;
      margin-right: 20px; }
      @media only screen and (max-width: 1230px) {
        .banner .btn a .monitor {
          display: none; } }
  .banner .btn a:hover {
    box-shadow: 0px 0px 37px 6px rgba(255, 255, 255, 0.4);
    transition: all .6s ease; }

.a-default, .banner .btn a, .how .steps .step-box a.down, .blocks .block_left p.info span.info_text a.rules {
  text-decoration: none;
  color: #000; }

.button-default {
  border: 0; }

.button-default:focus {
  outline: none; }

.how {
  width: 1230px;
  color: #fff;
  margin-top: 245px; }
  @media only screen and (max-width: 1229px) {
    .how {
      width: 100%; } }
  .how span {
    display: block; }
  .how span.title {
    font-size: 40px;
    font-family: "RobotoLight"; }
  .how span.prefix {
    font-size: 24px;
    font-family: "RobotoThin";
    color: rgba(255, 255, 255, 0.451); }
    @media only screen and (max-width: 1230px) {
      .how span.prefix {
        font-size: 18px; } }
  .how .monitoring {
    margin-top: 55px;
    width: 370px;
    display: inline-block; }
    @media only screen and (max-width: 1229px) {
      .how .monitoring {
        display: block;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (max-width: 1230px) {
      .how .monitoring {
        width: 100%; } }
    .how .monitoring .bg-1 {
      height: 92px;
      background-color: rgba(0, 0, 0, 0.2);
      box-shadow: 0px 0px 111px 0px rgba(0, 0, 0, 0.2); }
      .how .monitoring .bg-1 span {
        color: #fff;
        font-size: 24px;
        font-family: "RobotoMedium";
        line-height: 92px;
        padding-left: 33px; }
        .how .monitoring .bg-1 span a.refresh {
          background: url("../images/refresh.png") no-repeat top center;
          width: 21px;
          height: 21px;
          float: right;
          position: relative;
          top: 33.5px;
          right: 30px;
          z-index: 1; }
    .how .monitoring .bg-2, .how .monitoring .bg-3 {
      height: 187.75px;
      background-color: rgba(0, 0, 0, 0.149); }
  .how .name-server {
    font-size: 24px;
    font-family: "RobotoThin";
    height: 28px;
    padding-top: 65px; }
    .how .name-server span.bold {
      font-family: "RobotoBold";
      display: inline-block;
      margin-left: 5px; }
  .how .status-server {
    padding-top: 17px;
    font-size: 24px;
    font-family: "RobotoMedium";
    color: #fe1616; }
    .how .status-server span.active {
      color: #47a91e; }
  .how .skin {
    position: relative; }
  .how .skin-1 {
    background: url("../images/step-skin-1.png") no-repeat;
    width: 638px;
    height: 591px;
    top: -435px;
    left: 280px; }
    @media only screen and (max-width: 1229px) {
      .how .skin-1 {
        display: none; } }
  .how .skin-2 {
    background: url("../images/step-skin-2.png") no-repeat;
    width: 603px;
    height: 537px;
    top: -375px;
    left: 320px; }
    @media only screen and (max-width: 1229px) {
      .how .skin-2 {
        display: none; } }
  .how .skin-3 {
    background: url("../images/step-skin-3.png") no-repeat;
    width: 654px;
    height: 467px;
    top: -315px;
    left: 245px; }
    @media only screen and (max-width: 1229px) {
      .how .skin-3 {
        display: none; } }
  .how .steps {
    margin-top: 55px;
    width: 830px;
    display: inline-block;
    height: 470px;
    vertical-align: top; }
    @media only screen and (max-width: 1229px) {
      .how .steps {
        width: 100%;
        display: block; } }
    .how .steps .step-box {
      background-color: rgba(26, 26, 26, 0.851);
      box-shadow: 0px 16px 84px 0px rgba(0, 0, 0, 0.65);
      width: 320px;
      height: 391px;
      border-top: 6px solid #47a91e;
      position: relative;
      top: 37px;
      left: 450px; }
      @media only screen and (max-width: 776px) {
        .how .steps .step-box {
          left: 0px;
          margin-left: auto;
          margin-right: auto; } }
      .how .steps .step-box .ar-and-number {
        margin-top: 80px; }
        .how .steps .step-box .ar-and-number .arrow-left, .how .steps .step-box .ar-and-number .arrow-right {
          width: 34px;
          height: 34px;
          display: inline-block;
          background: url("../images/arrow-left.png") no-repeat;
          background-position: 45% 50%;
          margin-left: 2px;
          margin-right: 83px;
          border: 1.5px solid #8d8b8c;
          position: relative;
          z-index: 1; }
        .how .steps .step-box .ar-and-number .arrow-left:hover, .how .steps .step-box .ar-and-number .arrow-right:hover {
          background-color: #fff;
          background-image: url("../images/arrow-active.png");
          border-color: transparent;
          transform: scale(-1, 1); }
        .how .steps .step-box .ar-and-number .arrow-right:hover {
          transform: scale(1, 1); }
        .how .steps .step-box .ar-and-number .arrow-right {
          margin-right: 0px;
          margin-left: 70.15px;
          transform: scale(-1, 1); }
        .how .steps .step-box .ar-and-number .number {
          width: 80px;
          height: 80px;
          line-height: 80px;
          background: url("../images/number-bg.png") no-repeat;
          font-size: 59.18px;
          font-family: "RobotoThin";
          color: #726d6e;
          display: inline-block; }
      .how .steps .step-box .text {
        margin-top: 60px;
        font-size: 18px;
        font-family: "RobotoThin";
        height: 88px; }
      .how .steps .step-box a.down {
        color: #fff;
        width: 183px;
        height: 34px;
        line-height: 34px;
        display: block;
        background-color: #47a91e;
        margin-top: 25px;
        transition: all .6s ease; }
        .how .steps .step-box a.down i.down-arrow {
          background: url("../images/down-arrow.png") no-repeat;
          float: left;
          width: 17px;
          height: 17px;
          position: relative;
          left: 45px;
          top: 8px; }
      .how .steps .step-box a.down:hover {
        box-shadow: 0px 0px 30px 3.5px rgba(71, 169, 30, 0.7);
        transition: all .6s ease; }

.step-1 {
  background: url("../images/bg-step-1.png") no-repeat;
  background-position-y: -33px; }
  @media only screen and (max-width: 1229px) {
    .step-1 {
      background-size: cover; } }

.step-2 {
  background: url("../images/bg-step-2.png") no-repeat;
  background-position-y: -33px; }
  @media only screen and (max-width: 1229px) {
    .step-2 {
      background-size: cover; } }

.step-3 {
  background: url("../images/bg-step-3.png") no-repeat;
  background-position-y: -33px; }
  @media only screen and (max-width: 1229px) {
    .step-3 {
      background-size: cover; } }

.social {
  margin-top: 200px;
  color: #fff; }
  .social .title {
    font-size: 40px;
    font-family: "RobotoLight"; }
  .social .prefix {
    font-size: 24px;
    font-family: "RobotoThin";
    color: rgba(255, 255, 255, 0.451); }
  .social .boxes {
    width: 1140px;
    margin-top: 50px; }
    @media only screen and (max-width: 1229px) {
      .social .boxes {
        width: 100%; } }
    .social .boxes div {
      vertical-align: top; }
    .social .boxes .box-main-vk, .social .boxes .box-free {
      border-top: 9px solid #4871a0;
      margin-right: 40px;
      margin-left: 5px; }
      .social .boxes .box-main-vk a, .social .boxes .box-free a {
        transition: all .6s ease; }
      .social .boxes .box-main-vk a:hover, .social .boxes .box-free a:hover {
        box-shadow: 0px 0px 60px 8px rgba(81, 129, 184, 0.7);
        transition: all .6s ease; }
    .social .boxes .box-youtube {
      border-top: 9px solid #db1515;
      margin-right: 40px; }
      .social .boxes .box-youtube .logo {
        margin-top: 66px;
        margin-bottom: 70px;
        background: url("../images/youtube-logo.png") no-repeat;
        width: 102px;
        height: 102px; }
      .social .boxes .box-youtube a.youtube {
        background-color: #db1515;
        transition: all .6s ease; }
      .social .boxes .box-youtube a.youtube:hover {
        box-shadow: 0px 0px 60px 8px rgba(219, 21, 21, 0.7);
        /* border-radius: 30px; */
        transition: all .6s ease; }
    .social .boxes .box-free {
      margin-right: 0px;
      margin-left: 0px; }
      .social .boxes .box-free a {
        transition: all .6s ease; }
      .social .boxes .box-free a:hover {
        box-shadow: 0px 0px 60px 8px rgba(81, 129, 184, 0.7);
        transition: all .6s ease; }
    .social .boxes .title {
      font-size: 24.25px;
      font-family: "RobotoMedium";
      color: rgba(255, 255, 255, 0.851); }
    .social .boxes .prefix {
      margin-top: 15px;
      font-size: 14.92px;
      font-family: "RobotoLight"; }

.main-social-box, .social .boxes .box-main-vk, .social .boxes .box-free, .social .boxes .box-youtube {
  width: 345px;
  height: 430px;
  display: inline-block;
  box-shadow: 0px 0px 111px 0px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.302); }
  @media only screen and (max-width: 1229px) {
    .main-social-box, .social .boxes .box-main-vk, .social .boxes .box-free, .social .boxes .box-youtube {
      width: 495px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50px; } }
  @media only screen and (max-width: 1230px) {
    .main-social-box, .social .boxes .box-main-vk, .social .boxes .box-free, .social .boxes .box-youtube {
      width: 100%; } }

.social-button, .social .boxes .box-main-vk a, .social .boxes .box-free a, .social .boxes .box-youtube a {
  display: block;
  color: #fff;
  background-color: #5181b8;
  width: 216px;
  height: 40px;
  line-height: 40px;
  font-size: 16.82px;
  margin-top: 40px; }
  .social-button i.vk-button, .social .boxes .box-main-vk a i.vk-button, .social .boxes .box-free a i.vk-button, .social .boxes .box-youtube a i.vk-button {
    float: left;
    background: url("../images/vk-button.png") no-repeat;
    width: 21px;
    height: 11px;
    position: relative;
    top: 15px;
    left: 40px; }
  .social-button i.youtube-button, .social .boxes .box-main-vk a i.youtube-button, .social .boxes .box-free a i.youtube-button, .social .boxes .box-youtube a i.youtube-button {
    float: left;
    background: url("../images/youtube-button.png") no-repeat;
    width: 21px;
    height: 15px;
    position: relative;
    top: 12px;
    left: 40px; }

.vk-logo, .social .boxes .box-main-vk .logo, .social .boxes .box-free .logo {
  margin-top: 66px;
  margin-bottom: 70px;
  background: url("../images/vk-logo.png") no-repeat;
  width: 102px;
  height: 102px; }

.footer {
  margin-top: 100px;
  margin-bottom: 20px;
  width: 630px; }
  @media only screen and (max-width: 776px) {
    .footer {
      display: none; } }
  .footer nav {
    height: 40px; }
    .footer nav ul {
      list-style-type: none;
      float: left;
      height: 100%; }
      .footer nav ul li {
        float: left;
        margin-left: 40px; }
        .footer nav ul li a {
          color: #fff;
          font-size: 22px;
          font-family: "RobotoLight"; }
  .footer .copyright {
    font-family: "RobotoLight";
    font-size: 18px;
    color: #6b6b68; }

.main-width {
  width: 1230px; }
  @media only screen and (max-width: 1229px) {
    .main-width {
      width: 100%; } }

.blocks {
  width: 1230px;
  color: #fff; }
  @media only screen and (max-width: 1229px) {
    .blocks {
      width: 100%; } }
  .blocks .block_left {
    width: 610px;
    display: inline-block;
    height: 840px;
    background: url(../images/line-donate.png) no-repeat;
    background-position: right 100px; }
    @media only screen and (max-width: 1229px) {
      .blocks .block_left {
        display: block;
        margin-left: auto;
        margin-right: auto;
        background: transparent;
        height: 100%; } }
    @media only screen and (max-width: 776px) {
      .blocks .block_left {
        width: 100%; } }
    .blocks .block_left .wallet {
      background: url("../images/wallet.png") no-repeat;
      width: 76px;
      height: 78px;
      margin-top: 80px; }
    .blocks .block_left .text {
      margin-top: 15px;
      font-family: "RobotoThin";
      font-size: 28.01px; }
    .blocks .block_left .text-prefix {
      font-family: "RobotoLight";
      font-size: 17.01px;
      color: #adadad; }
    .blocks .block_left p.info {
      margin-top: 160px;
      font-family: "RobotoLight";
      color: #adadad; }
      @media only screen and (max-width: 1229px) {
        .blocks .block_left p.info {
          margin-top: 100px; } }
      .blocks .block_left p.info span {
        display: block; }
      .blocks .block_left p.info span.info_text {
        font-size: 21.74px; }
        .blocks .block_left p.info span.info_text a.rules {
          color: #49932a;
          text-decoration: underline; }
      .blocks .block_left p.info span.border-one {
        border-right: 1.5px dashed #adadad;
        height: 35px;
        width: 50%;
        margin-top: 5px;
        margin-bottom: 5px; }
    .blocks .block_left a.underline {
      color: #adadad;
      text-decoration: underline;
      display: block;
      font-size: 21.74px; }
  .blocks .block_right {
    width: 610px;
    display: inline-block;
    height: 100%;
    vertical-align: top; }
    @media only screen and (max-width: 1229px) {
      .blocks .block_right {
        display: block;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (max-width: 776px) {
      .blocks .block_right {
        width: 100%; } }
    .blocks .block_right .donate-input {
      margin-top: 350px; }
      @media only screen and (max-width: 1229px) {
        .blocks .block_right .donate-input {
          margin-top: 100px; } }
      .blocks .block_right .donate-input select:focus {
        outline: none;
        color: #47a91e;
        border-color: #47a91e; }
      .blocks .block_right .donate-input input, .blocks .block_right .donate-input select {
        display: block;
        width: 387px;
        height: 40px;
        background-color: transparent;
        border: 0;
        font-family: "RobotoLight";
        font-size: 22.39px;
        border-bottom: 2.5px solid rgba(255, 255, 255, 0.349);
        color: #47a91e;
        margin-bottom: 30px; }
        @media only screen and (max-width: 776px) {
          .blocks .block_right .donate-input input, .blocks .block_right .donate-input select {
            width: 300px; } }
      .blocks .block_right .donate-input select {
        color: rgba(255, 255, 255, 0.349);
        margin-top: 50px;
        position: relative;
        left: -3px; }
      .blocks .block_right .donate-input option {
        color: black; }
      .blocks .block_right .donate-input input:focus {
        outline: none;
        border-color: #47a91e; }
      .blocks .block_right .donate-input input::placeholder {
        color: rgba(255, 255, 255, 0.349); }
      .blocks .block_right .donate-input input.active::placeholder {
        color: #47a91e; }
      .blocks .block_right .donate-input input.active {
        border-color: #47a91e; }
      .blocks .block_right .donate-input i.prefix-group {
        width: 24px;
        height: 24px;
        background: url("../images/group.png") no-repeat;
        display: block;
        position: relative;
        left: 470px;
        top: 30px; }
        @media only screen and (max-width: 776px) {
          .blocks .block_right .donate-input i.prefix-group {
            display: none; } }
      .blocks .block_right .donate-input i.prefix-money {
        width: 25px;
        height: 25px;
        background: url("../images/money.png") no-repeat;
        display: block;
        position: relative;
        left: 470px;
        top: 30px; }
        @media only screen and (max-width: 776px) {
          .blocks .block_right .donate-input i.prefix-money {
            display: none; } }
      .blocks .block_right .donate-input button.submit-donate {
        width: 385px;
        height: 54px;
        line-height: 54px;
        display: block;
        background-color: transparent;
        border: 1px solid rgba(255, 255, 255, 0.349);
        color: rgba(255, 255, 255, 0.349);
        font-size: 22.39px;
        font-family: "RobotoLight";
        cursor: pointer;
        margin-top: 70px; }
        @media only screen and (max-width: 776px) {
          .blocks .block_right .donate-input button.submit-donate {
            width: 300px; } }
      .blocks .block_right .donate-input button.submit-donate:focus {
        outline: none; }
      .blocks .block_right .donate-input button.submit-donate:hover {
        background-color: white;
        border-color: white;
        color: #191919; }

.d-copyright {
  width: 330px;
  height: 70px;
  margin-top: 0px;
  margin-left: 140px;
  font-family: "RobotoLight"; }
  @media only screen and (max-width: 1229px) {
    .d-copyright {
      width: 320px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 55px; } }
  .d-copyright .head-text {
    color: #fff;
    font-size: 22.01px; }
  .d-copyright .other {
    color: rgba(255, 255, 255, 0.29);
    font-size: 18.01px; }

.promo {
  margin-top: 100px; }
  .promo .title {
    font-family: "RobotoLight";
    font-size: 36px;
    color: #fff; }
  .promo .prefix {
    font-family: "RobotoThin";
    font-size: 22px;
    color: rgba(255, 255, 255, 0.451); }
  .promo .pr-block {
    width: 1230px;
    height: 532px; }
    @media only screen and (max-width: 1229px) {
      .promo .pr-block {
        width: 100%;
        height: 350px; } }
    .promo .pr-block .chat-block {
      background: url("../images/chat-block.png") no-repeat;
      width: 714px;
      height: 524px;
      background-position: -60px 0px;
      margin-top: 50px;
      display: inline-block; }
      @media only screen and (max-width: 1229px) {
        .promo .pr-block .chat-block {
          width: 495px;
          display: block;
          margin-left: auto;
          margin-right: auto;
          background-position: -278px 0px;
          word-break: break-all;
          height: 350px; } }
      @media only screen and (max-width: 495px) {
        .promo .pr-block .chat-block {
          width: 100%;
          word-break: unset; } }
      .promo .pr-block .chat-block .market-text {
        font-family: "RobotoLight";
        font-size: 20.54px;
        color: #fff;
        padding-top: 100px;
        padding-left: 45px;
        text-shadow: 0px 0px 250px rgba(0, 0, 0, 0.26);
        line-height: 1.46; }
        @media only screen and (max-width: 1229px) {
          .promo .pr-block .chat-block .market-text {
            padding-left: 10px;
            padding-right: 33px;
            font-size: 15.0px;
            text-shadow: 3px 3px 7px black; } }
        @media only screen and (max-width: 495px) {
          .promo .pr-block .chat-block .market-text {
            font-size: 11.5px;
            text-align: center;
            padding-left: 0px;
            padding-right: 0px; } }
        .promo .pr-block .chat-block .market-text span.bold-promo {
          font-family: "RobotoBold"; }
    .promo .pr-block .hovan {
      display: inline-block;
      background: url(../images/hovan.png) no-repeat;
      width: 510px;
      height: 480px;
      background-position: -50px 0px;
      background-size: cover; }
      @media only screen and (max-width: 1229px) {
        .promo .pr-block .hovan {
          width: 495px;
          margin-left: auto;
          margin-right: auto;
          display: block;
          position: relative;
          top: -395px;
          left: 25%;
          z-index: -1;
          opacity: 0.55;
          background-size: contain; } }
      @media only screen and (max-width: 776px) {
        .promo .pr-block .hovan {
          display: none; } }
    .promo .pr-block .pavlov {
      display: inline-block;
      background: url(../images/pavlov.png) no-repeat;
      width: 510px;
      height: 480px;
      background-position: -50px 0px;
      background-size: cover; }
      @media only screen and (max-width: 1229px) {
        .promo .pr-block .pavlov {
          width: 495px;
          margin-left: auto;
          margin-right: auto;
          display: block;
          position: relative;
          top: -395px;
          left: 25%;
          z-index: -1;
          opacity: 0.55;
          background-size: contain; } }
      @media only screen and (max-width: 776px) {
        .promo .pr-block .pavlov {
          display: none; } }
    .promo .pr-block .misterkey {
      display: inline-block;
      background: url(../images/misterkey.png) no-repeat;
      width: 510px;
      height: 480px;
      background-position: -50px 0px;
      background-size: cover; }
      @media only screen and (max-width: 1229px) {
        .promo .pr-block .misterkey {
          width: 495px;
          margin-left: auto;
          margin-right: auto;
          display: block;
          position: relative;
          top: -395px;
          left: 25%;
          z-index: -1;
          opacity: 0.55;
          background-size: contain; } }
      @media only screen and (max-width: 776px) {
        .promo .pr-block .misterkey {
          display: none; } }
    .promo .pr-block .richi {
      display: inline-block;
      background: url(../images/richi.png) no-repeat;
      width: 510px;
      height: 480px;
      background-position: -50px 0px;
      background-size: cover; }
      @media only screen and (max-width: 1229px) {
        .promo .pr-block .richi {
          width: 495px;
          margin-left: auto;
          margin-right: auto;
          display: block;
          position: relative;
          top: -395px;
          left: 25%;
          z-index: -1;
          opacity: 0.55;
          background-size: contain; } }
      @media only screen and (max-width: 776px) {
        .promo .pr-block .richi {
          display: none; } }
    .promo .pr-block .joespeen {
      display: inline-block;
      background: url(../images/joespeen.png) no-repeat;
      width: 510px;
      height: 480px;
      background-position: -50px 0px;
      background-size: cover; }
      @media only screen and (max-width: 1229px) {
        .promo .pr-block .joespeen {
          width: 495px;
          margin-left: auto;
          margin-right: auto;
          display: block;
          position: relative;
          top: -395px;
          left: 25%;
          z-index: -1;
          opacity: 0.55;
          background-size: contain; } }
      @media only screen and (max-width: 776px) {
        .promo .pr-block .joespeen {
          display: none; } }
    .promo .pr-block .gamertech {
      display: inline-block;
      background: url(../images/gamertech.png) no-repeat;
      width: 510px;
      height: 480px;
      background-position: -50px 0px;
      background-size: cover; }
      @media only screen and (max-width: 1229px) {
        .promo .pr-block .gamertech {
          width: 495px;
          margin-left: auto;
          margin-right: auto;
          display: block;
          position: relative;
          top: -395px;
          left: 25%;
          z-index: -1;
          opacity: 0.55;
          background-size: contain; } }
      @media only screen and (max-width: 776px) {
        .promo .pr-block .gamertech {
          display: none; } }
    .promo .pr-block .senex {
      display: inline-block;
      background: url(../images/senex.png) no-repeat;
      width: 510px;
      height: 480px;
      background-position: -50px 0px;
      background-size: cover; }
      @media only screen and (max-width: 1229px) {
        .promo .pr-block .senex {
          width: 495px;
          margin-left: auto;
          margin-right: auto;
          display: block;
          position: relative;
          top: -395px;
          left: 25%;
          z-index: -1;
          opacity: 0.55;
          background-size: contain; } }
      @media only screen and (max-width: 776px) {
        .promo .pr-block .senex {
          display: none; } }
    .promo .pr-block .soda {
      display: inline-block;
      background: url(../images/soda.png) no-repeat;
      width: 510px;
      height: 480px;
      background-position: -50px 0px;
      background-size: cover; }
      @media only screen and (max-width: 1229px) {
        .promo .pr-block .soda {
          width: 495px;
          margin-left: auto;
          margin-right: auto;
          display: block;
          position: relative;
          top: -395px;
          left: 25%;
          z-index: -1;
          opacity: 0.55;
          background-size: contain; } }
      @media only screen and (max-width: 776px) {
        .promo .pr-block .soda {
          display: none; } }
    .promo .pr-block .railuha {
      display: inline-block;
      background: url(../images/railuha.png) no-repeat;
      width: 510px;
      height: 480px;
      background-position: -50px 0px;
      background-size: cover; }
      @media only screen and (max-width: 1229px) {
        .promo .pr-block .railuha {
          width: 495px;
          margin-left: auto;
          margin-right: auto;
          display: block;
          position: relative;
          top: -395px;
          left: 25%;
          z-index: -1;
          opacity: 0.55;
          background-size: contain; } }
      @media only screen and (max-width: 776px) {
        .promo .pr-block .railuha {
          display: none; } }
    .promo .pr-block .tags {
      display: inline-block;
      background: url(../images/tags.png) no-repeat;
      width: 510px;
      height: 480px;
      background-position: -50px 0px;
      background-size: cover; }
      @media only screen and (max-width: 1229px) {
        .promo .pr-block .tags {
          width: 495px;
          margin-left: auto;
          margin-right: auto;
          display: block;
          position: relative;
          top: -395px;
          left: 25%;
          z-index: -1;
          opacity: 0.55;
          background-size: contain; } }
      @media only screen and (max-width: 776px) {
        .promo .pr-block .tags {
          display: none; } }
    .promo .pr-block .filipin {
      display: inline-block;
      background: url(../images/filipin.png) no-repeat;
      width: 510px;
      height: 480px;
      background-position: -50px 0px;
      background-size: cover; }
      @media only screen and (max-width: 1229px) {
        .promo .pr-block .filipin {
          width: 495px;
          margin-left: auto;
          margin-right: auto;
          display: block;
          position: relative;
          top: -395px;
          left: 25%;
          z-index: -1;
          opacity: 0.55;
          background-size: contain; } }
      @media only screen and (max-width: 776px) {
        .promo .pr-block .filipin {
          display: none; } }
    .promo .pr-block .alcatraz {
      display: inline-block;
      background: url(../images/alcatraz.png) no-repeat;
      width: 510px;
      height: 480px;
      background-position: -50px 0px;
      background-size: cover; }
      @media only screen and (max-width: 1229px) {
        .promo .pr-block .alcatraz {
          width: 495px;
          margin-left: auto;
          margin-right: auto;
          display: block;
          position: relative;
          top: -395px;
          left: 25%;
          z-index: -1;
          opacity: 0.55;
          background-size: contain; } }
      @media only screen and (max-width: 776px) {
        .promo .pr-block .alcatraz {
          display: none; } }
  .promo a.promo-how {
    width: 426px;
    height: 78px;
    background-color: #47a91e;
    display: block;
    line-height: 78px;
    color: #fff;
    margin-top: 125px;
    font-size: 28.8px;
    transition: all .6s ease; }
    @media only screen and (max-width: 1229px) {
      .promo a.promo-how {
        width: 300px;
        height: 50px;
        line-height: 50px;
        font-size: 18px; } }
    .promo a.promo-how i.promo-monitor {
      background: url(../images/promo-monitor.png) no-repeat;
      float: left;
      width: 36px;
      height: 35px;
      position: relative;
      left: 65px;
      top: 22.5px;
      margin-left: 35px; }
      @media only screen and (max-width: 1229px) {
        .promo a.promo-how i.promo-monitor {
          left: 50px;
          top: 12.5px;
          width: 25px;
          height: 25px;
          background-size: contain; } }
  .promo a.promo-how:hover {
    box-shadow: 0px 0px 95px 0px rgba(71, 169, 30, 0.54);
    transition: all .6s ease; }