@media screen and (max-width: 599px) {
  .row > .col-xs-hidden, .row > .col-hidden, .column > .col-xs-hidden,
  .column > .col-hidden, .flex > .col-xs-hidden, .flex > .col-hidden {
    display: none;   }
    body {
      overflow-x: auto;   }
}

@media screen and (max-width: 1023px) {
  .row > .col-sm-hidden, .column > .col-sm-hidden, .flex > .col-sm-hidden,
  .sm-hide {
    display: none;   }
}

@media screen and (max-width: 1439px) {
  .row > .col-md-hidden, .column > .col-md-hidden, .flex > .col-md-hidden,
  .md-hide {
    display: none;   }
}

@media screen and (max-width: 1023px) {
  .sm-show {
    display: block !important;   }
}

@media screen and (max-width: 1439px) {
  .md-show {
    display: block !important;   }
}

@font-face {
  font-family: PTRootUI;
  src: url("../../fonts/PT Root UI_Regular/PT Root UI_Regular.ttf"),
    url("../../fonts/PT Root UI_Regular/PT Root UI_Regular.woff"),
    url("../../fonts/PT Root UI_Regular/PT Root UI_Regular.eot"); }

  .subtitle {
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 1.6px;
    text-transform: uppercase; }

    .decor {
      position: fixed;
      width: 1rem;
      height: 100%;
      background: #00c853;
      top: 0;
      left: 0;
      z-index: 4; }

      .decor-bottom {
        position: absolute;
        width: 100%;
        height: 15px;
        background: #eeeeee;
        left: 0;
        bottom: 0;
        z-index: 5; }

        .top-block {
          font-size: 16px; }
          .top-block .decor-top {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 50%;
            height: 100%;
            background-color: white;
            z-index: 1;
            margin-top: 100px; }
            .top-block .top-block-info {
              background: #fff;
              position: relative;
              z-index: 3;
              max-width: 1920px;
              margin: 0 auto; }
              .top-block .top-block-info .box-nero-info {
                margin-top: 11rem;
                min-height: 27rem; }
                .top-block .top-block-info .box-nero-info .main-text {
                  word-wrap: break-word; }
                  .top-block .top-block-info .box-nero-info p {
                    font-size: 1.77rem;
                    font-weight: bold;
                    line-height: 1.77rem;
                    letter-spacing: 0.1rem;
                    color: #00c853; }
                    .top-block .top-block-info .box-nero-info div {
                      padding-top: 2.5rem; }
                      .top-block .top-block-info .box-nero-info div p {
                        font-size: 1.77rem;
                        font-weight: bold;
                        line-height: 3rem;
                        letter-spacing: 0.12rem;
                        margin: 0;
                        color: #000; }
              .top-block .top-block-info .box-symbol {
                margin-top: 11rem;
                border-right: 3px solid #00c853;
                height: 19rem;
                display: inline-block;
                padding-right: 1.3rem; }
                .top-block .top-block-info .box-symbol p {
                  font-size: 16rem;
                  font-weight: bold;
                  line-height: 0;
                  letter-spacing: 0;
                  padding: 9rem 0 0 3rem;
                  color: #eeeeee; }
              .top-block .top-block-info .box-customers {
                background: #eeeeee;
                z-index: 4;
                outline: 1px solid #eeeeee; }
                .top-block .top-block-info .box-customers .customer-block {
                  height: 12rem;
                  padding: 3rem 0 0 1.5rem;
                  width: 100%; }
                  .top-block .top-block-info .box-customers .customer-block img {
                    max-width: 100%;
                    max-height: 100%; }
                .top-block .top-block-info .box-customers .customers {
                  position: relative;
                  margin-top: 2rem; }
                  .top-block .top-block-info .box-customers .customers div {
                    float: left; }
                    .top-block .top-block-info .box-customers .customers .customers-decor {
                      width: 0.5rem;
                      height: 4.4rem;
                      background: #000; }
                      .top-block .top-block-info .box-customers .customers .customers-text {
                        font-size: 1rem;
                        margin-left: 2rem; }
                        .top-block .top-block-info .box-customers .customers .customers-text p {
                          margin: 0;
                          line-height: 1.4rem; }

.box-main {
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #eeeeee;
  position: relative; }
  .box-main .box-capability {
    max-width: 1920px;
    height: 100%;
    margin: 0 auto;
    padding-top: 11rem; }
    .box-main .box-capability .capability-title {
      position: relative; }
      .box-main .box-capability .capability-title div {
        float: left; }
        .box-main .box-capability .capability-title .decor-opp {
          width: 0.5rem;
          height: 2.4rem;
          background: #000;
          margin-top: 0.3rem; }
          .box-main .box-capability .capability-title .text {
            font-size: 2rem;
            margin-left: 1.3rem;
            word-wrap: break-word; }
    .box-main .box-capability .capability {
      position: relative;
      padding-top: 1.1rem; }
      .box-main .box-capability .capability div {
        float: left; }
        .box-main .box-capability .capability .capability-icon {
          font-size: 3rem;
          line-height: 1.2rem; }
          .box-main .box-capability .capability .capability-text {
            margin-left: 1.5rem;
            line-height: 2rem; }
            .box-main .box-capability .capability .capability-text p {
              margin: 0; }
  .box-main .box-info {
    max-width: 1920px;
    margin: 0 auto;
    height: 100%;
    padding-top: 3rem; }
    .box-main .box-info .description-row {
      padding-top: 9rem; }
      .box-main .box-info .description-row .info-1 {
        max-width: 60rem; }
        .box-main .box-info .description-row .info-2 {
          max-width: 68rem; }
          .box-main .box-info .description-row .description {
            position: relative;
            height: 100%; }
            .box-main .box-info .description-row .description .description-middle {
              align-items: center;
              display: flex; }
              .box-main .box-info .description-row .description .description-block {
                position: relative;
                width: 100%; }
                .box-main .box-info .description-row .description .description-block div {
                  float: left; }
            .box-main .box-info .description-row .description .description-decor {
              font-size: 6rem;
              color: #fff;
              line-height: 4rem;
              margin-right: 1rem; }
              .box-main .box-info .description-row .description .description-decor span {
                font-size: 6rem;
                color: #00c853; }
            .box-main .box-info .description-row .description .description-info .title {
              font-size: 1.5rem;
              padding-bottom: 0.9rem; }
              .box-main .box-info .description-row .description .description-info p {
                line-height: 2rem;
                margin: 0; }
            .box-main .box-info .description-row .description .img-wrap {
              margin-bottom: -0.5rem; }
              .box-main .box-info .description-row .description .img-wrap .description-img {
                width: 100%; }
                .box-main .box-info .description-row .description .img-wrap .description-img-3 {
                  width: 100%;
                  padding-right: 3rem; }
      .box-main .box-info .description-row .line {
        position: relative;
        width: 100%; }
        .box-main .box-info .description-row .line .ch {
          position: relative;
          width: calc(100% + 4000px);
          margin-left: -4000px;
          height: 2px;
          background: #666666; }
          .box-main .box-info .description-row .line .ch-r {
            position: relative;
            width: calc(100% + 4000px);
            margin-right: -4000px;
            height: 2px;
            background: #666666; }
    .box-main .box-info .bar {
      height: 100%;
      max-width: 1920px;
      margin: 0 auto;
      padding-top: 16rem;
      position: relative;
      z-index: 2; }
      .box-main .box-info .bar .bar-row p {
        line-height: 2.1em;
        padding: 0 0.5rem; }
        .box-main .box-info .bar .bar-row .bar-title {
          position: relative; }
          .box-main .box-info .bar .bar-row .bar-title div {
            float: left; }
            .box-main .box-info .bar .bar-row .bar-title .bar-decor {
              width: 0.5rem;
              height: 5rem;
              background: #000;
              margin-right: 1.3rem; }
              .box-main .box-info .bar .bar-row .bar-title .bar-text {
                padding-top: 1rem;
                margin: 0 0 1rem 0;
                font-size: 2rem; }
                .box-main .box-info .bar .bar-row .bar-title .bar-text p {
                  line-height: 1rem; }
      .box-main .box-info .bar .bar-row .bar-img {
        width: 98%;
        background: #fff;
        border-left: 4px solid #00c853;
        margin-bottom: 1.4rem; }
        .box-main .box-info .bar .bar-row .title {
          font-size: 1.5rem;
          line-height: 2rem;
          padding-bottom: 0.9rem;
          margin-bottom: 0; }

footer {
  position: relative; }

  .box-prices {
    height: 100%;
    padding-top: 16rem;
    position: relative;
    z-index: 2; }
    .box-prices .prices-title {
      position: relative;
      padding-top: 1.6rem; }
      .box-prices .prices-title div {
        float: left; }
        .box-prices .prices-title .prices-decor {
          width: 0.5rem;
          height: 7.8rem;
          background: #000;
          margin-right: 1.3rem; }
          .box-prices .prices-title .prices-text {
            font-size: 2rem;
            line-height: 2rem; }
            .box-prices .prices-title .prices-text p {
              word-wrap: break-word; }
    .box-prices .prices-col {
      padding-top: 1rem;
      background: #fff;
      height: 100%;
      padding: 2rem; }
      .box-prices .prices-col .title {
        font-size: 1.5rem;
        line-height: 1.2rem;
        padding-bottom: 0.9rem; }
        .box-prices .prices-col .title-grn {
          color: #00c853; }
          .box-prices .prices-col .prices-base-info {
            line-height: 1rem;
            margin-bottom: 2.5rem; }
            .box-prices .prices-col .prices-type {
              text-transform: uppercase;
              font-size: 0.9rem;
              font-weight: bold;
              letter-spacing: 0.14rem; }
              .box-prices .prices-col .prices-type-api {
                margin-left: 3rem; }
    .box-prices .table-wraper {
      background: #fff; }
      .box-prices .prices-wraper {
        margin-left: 1.5rem;
        height: 100%; }
        .box-prices .prices-wraper .price-table {
          background: #fff;
          margin-left: -1.5rem;
          width: calc(100% + 1.5rem); }
    @media screen and (max-width: 1439px) {
      .box-prices .prices-wraper {
        margin: 0;   }
}
    .box-prices .icon-green {
      color: #00c853;
      font-size: 1.6rem; }
      .box-prices .price-table-wrap .table-row {
        background: #fff; }
        .box-prices .price-table-wrap .price-table {
          width: 100%;
          border-collapse: collapse; }
          .box-prices .price-table-wrap .price-table td {
            height: 3.5rem;
            border-bottom: 1px solid #666666;
            border-left: none;
            border-right: none;
            font-size: initial; }
      .box-prices .price-table-wrap .table-full-version {
        margin: 0; }
        .box-prices .price-table-wrap .table-full-version td {
          padding-left: 3.5rem; }
    .box-prices .price-table-mob {
      background: #fff;
      border-collapse: collapse; }
      .box-prices .price-table-mob td {
        height: 3.5rem;
        border-bottom: 1px solid #666666;
        border-left: none;
        border-right: none;
        font-size: initial; }
        .box-prices .price-table-mob .icon-green {
          color: #00c853;
          font-size: 1.6rem; }
          .box-prices .price-table-mob td:first-child {
            width: 30%;
            padding-left: 2rem; }
            .box-prices .price-table-mob td:nth-child(2n) {
              text-align: center; }
              .box-prices .price-table-mob td:nth-child(3n) {
                text-align: center; }
                .box-prices .price-table-mob td:nth-child(4n) {
                  text-align: center; }
    .box-prices .bottom-bc {
      color: #fff;
      width: 100%;
      display: flex; }
      .box-prices .bottom-bc .subtitle-btn {
        font-size: 1rem;
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
        position: relative; }
        .box-prices .bottom-bc a {
          width: 100%;
          background: #000;
          padding: 1.2rem;
          color: #fff;
          text-decoration: none;
          transition: 0.5s; }
          .box-prices .bottom-bc a p {
            margin: 0;
            float: left;
            position: relative;
            z-index: 1000;
            background: black;
            padding-right: 10px;
            transition: 0.5s; }
            .box-prices .bottom-bc a i {
              font-size: 1.6rem;
              width: 10%;
              position: absolute;
              right: 2px;
              z-index: 1; }
    .box-prices .bottom-bc:hover a {
      background: #353535; }
      .box-prices .bottom-bc:hover p {
        background: #353535; }
        .box-prices .note {
          font-size: 0.8rem;
          line-height: 1rem;
          color: #666666;
          padding-top: 1rem; }
          .box-prices .meta-info {
            margin-top: 2rem;
            font-size: 0.9rem;
            color: #666666; }
            .box-prices .contacts {
              margin: 0.8rem 0 0.8rem 0;
              line-height: 2rem;
              font-size: 0.8rem; }
              .box-prices .contacts p {
                margin: 0; }
                .box-prices .contacts a {
                  color: #000;
                  text-decoration: none;
                  transition: 0.5s;
                  margin-right: 2rem; }

.green-ball-wrap {
  height: 100rem;
  position: absolute;
  right: -26rem;
  bottom: 0;
  z-index: 1;
  overflow: hidden; }
  .green-ball-wrap .green-ball {
    background: #00c853;
    border-radius: 50%;
    height: 100rem;
    width: 100rem;
    margin-top: 33%; }