/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  max-width: 100%;
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

* {
  box-sizing: border-box; }

body, html {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  color: #111;
  background: #fff;
  font-size: 20px;
  line-height: 1;
  font-family: 'Helvetica', sans-serif;
  box-sizing: border-box;
  font-weight: 400; }

h1, h2, h3, h4 {
  margin: 0;
  padding: 0; }

p {
  margin: 0;
  padding: 0; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  ul li {
    list-style: none; }

input, textarea {
  padding: 0;
  margin: 0;
  outline: none;
  line-height: 1.2; }

input:focus,
input:active {
  outline: none;
  outline: 0;
  outline-offset: 0; }

button {
  border: none;
  background: transparent;
  text-decoration: none; }
  button:hover {
    border: none; }

a {
  text-decoration: none; }

button:focus {
  outline: none; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-lowercase {
  text-transform: lowercase; }

.body-hidden {
  overflow: hidden !important; }

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #222;
  opacity: 0;
  display: none; }

img {
  width: auto; }

.container {
  width: 100%;
  max-width: 1180px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  position: relative; }

.section {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding: 7rem 0 10rem; }

.col {
  width: 50%; }

.wrap {
  display: flex;
  align-items: center; }

.btn {
  background: #01BF31;
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 500;
  width: fit-content;
  width: 13rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: 0.3s;
  letter-spacing: 0.3px;
  padding-top: 4px; }
  .btn:hover {
    background: #01D937; }

.btn-second {
  border: 2px solid #111111;
  color: #111111;
  width: fit-content;
  font-size: 0.8rem;
  font-weight: 500;
  width: 13rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
  padding-top: 4px; }
  .btn-second:hover {
    background: #111111;
    color: #ffffff; }

.title h2 {
  display: block;
  width: 100%;
  font-size: 2.7rem;
  line-height: 2.9rem;
  letter-spacing: .1px; }

.title h3 {
  display: block;
  font-size: 1.8rem;
  line-height: 2.05rem;
  letter-spacing: .3px;
  margin-bottom: 18px; }

.title h4 {
  display: block;
  font-size: 1.2rem;
  line-height: 1.4rem;
  letter-spacing: .3px;
  margin-bottom: 18px; }

.description {
  font-size: 1rem;
  line-height: 1.5rem; }

.section-top {
  z-index: 2;
  position: relative; }
  .section-top-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative; }

.line {
  width: 100%;
  height: 3px;
  background: #111;
  display: block;
  margin: 1.1rem 0 1.6rem; }

.green-line {
  display: block;
  width: 100%;
  height: 1px;
  background: #01BF30;
  margin-left: -54%; }

.slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px; }
  .slick-dots .slick-active {
    background: #6D6D6D; }
  .slick-dots li {
    min-width: 9px;
    max-width: 9px;
    height: 9px;
    border: 1px solid #6D6D6D;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 6px; }
    .slick-dots li button {
      font-size: 0; }

.media__box {
  position: relative;
  z-index: 10;
  width: 312px;
  height: 619px; }
  .media__box-square {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1rem solid #01BF31;
    display: none; }
  .media__box-video {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 40px;
    box-shadow: 6px 4px 4px rgba(0, 0, 0, 0.3);
    background: #fff; }
  .media__box video {
    position: absolute;
    width: 92%;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1; }
  .media__box-frame {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3; }
  .media__box-mobile {
    display: none; }

.online-payments {
  padding: 14.5rem 0 12rem; }
  .online-payments .title h2 {
    max-width: 21.25rem; }
  .online-payments .line {
    max-width: 13.75rem; }
  .online-payments .description {
    max-width: 22.75rem; }
  .online-payments-img {
    width: 100%;
    max-width: 43rem;
    position: absolute;
    top: 43%;
    transform: translateY(-50%);
    left: 25rem; }

.flexible-infrastructures {
  padding: 6rem 0 9rem;
  background: #F3F5F7; }
  .flexible-infrastructures .section-top {
    margin-left: 6.75rem; }
  .flexible-infrastructures-img {
    max-width: 27rem; }
  .flexible-infrastructures .title h2 {
    max-width: 18.8rem; }
  .flexible-infrastructures .line {
    max-width: 12rem; }
  .flexible-infrastructures .description {
    max-width: 19.6rem; }

.global-card {
  padding: 11rem 0 13.5rem; }
  .global-card .section-top {
    margin-right: 6rem; }
  .global-card-img {
    max-width: 27rem; }
  .global-card .title h2 {
    max-width: 18.8rem; }
  .global-card .line {
    max-width: 8.8rem; }
  .global-card .description {
    max-width: 21.15rem; }

.global-payment {
  background: #f3f5f7;
  padding: 11rem 0 12.5rem; }
  .global-payment .section-top {
    margin-left: 6rem; }
  .global-payment .title h2 {
    max-width: 21rem; }
  .global-payment .line {
    max-width: 9.7rem; }
  .global-payment .description {
    max-width: 19rem; }
  .global-payment-img {
    max-width: 27rem; }

.start-accepting {
  background: #e7e9eb;
  padding: 6.75rem 0 7.5rem; }
  .start-accepting__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; }
  .start-accepting .btn {
    width: 13.5rem;
    height: 44px;
    margin-top: 20px; }

.login {
  min-height: 100vh; }
  .login .container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    padding: 80px 0; }

.login__box {
  width: 100%;
  max-width: 598px;
  background: #FFFFFF;
  box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.25);
  margin: 0 auto;
  padding: 45px 70px 55px; }
  .login__box-small {
    max-width: 424px; }
  .login__box-logo {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-bottom: 30px; }
  .login__box .btn {
    margin-top: 2.25rem !important;
    border: none !important; }
  .login__box-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 13px;
    font-size: 14px; }
    .login__box-bottom a {
      display: block;
      margin-left: 13px;
      font-weight: 700;
      text-transform: uppercase;
      color: #111111;
      transition: 0.3s; }
      .login__box-bottom a:hover {
        color: #01BF30; }
  .login__box .forgot-password {
    font-size: 14px;
    cursor: pointer;
    text-align: right;
    margin-top: 12px;
    display: block;
    transition: 0.3s; }
    .login__box .forgot-password:hover {
      color: #8C8C8C; }

.header {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 100;
  background: #fff; }
  .header-documentation {
    border-bottom: 1px solid #D9D9D9;
    position: fixed; }
    .header-documentation .wrap {
      max-width: 100% !important;
      width: 94% !important; }
  .header .wrap {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
    max-width: 1780px;
    margin: 0 auto;
    height: 4.5rem; }
  .header__right {
    display: flex;
    align-items: center; }

.logo svg {
  width: 7.7rem;
  height: 2.35rem; }

.header-menu ul {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 50; }
  .header-menu ul .dropdown-li {
    position: relative; }
    .header-menu ul .dropdown-li:after {
      content: '';
      position: absolute;
      width: 6px;
      height: 6px;
      border-top: 1px solid #111;
      border-right: 1px solid #111;
      right: -14px;
      top: 2px;
      transform: rotate(135deg);
      transition: 0.3s;
      cursor: pointer; }
    .header-menu ul .dropdown-li:hover span {
      color: #8C8C8C; }
    .header-menu ul .dropdown-li:hover:after {
      border-top: 1px solid #8C8C8C;
      border-right: 1px solid #8C8C8C; }
  .header-menu ul li {
    margin-right: 3.65rem; }
    .header-menu ul li .active {
      color: #8C8C8C; }
      .header-menu ul li .active:after {
        border-top: 1px solid #8C8C8C;
        border-right: 1px solid #8C8C8C; }
    .header-menu ul li a,
    .header-menu ul li span {
      font-size: 0.9rem;
      cursor: pointer;
      display: block;
      color: #111;
      transition: 0.3s; }
      .header-menu ul li a:hover,
      .header-menu ul li span:hover {
        color: #8C8C8C; }
    .header-menu ul li ul {
      position: absolute;
      display: flex;
      flex-direction: column;
      align-items: normal;
      background: #fff;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 3px 6px rgba(0, 0, 0, 0.05), 0 10px 20px rgba(0, 0, 0, 0.05);
      margin-top: 7px;
      display: none;
      z-index: 10;
      min-width: 170px !important; }
      .header-menu ul li ul:before {
        content: '';
        position: absolute;
        width: 90px;
        height: 11px;
        background: transparent;
        top: -11px;
        left: 0; }
      .header-menu ul li ul li {
        margin-right: 0; }
        .header-menu ul li ul li:last-child a {
          border-bottom: 1px solid transparent; }
        .header-menu ul li ul li a {
          padding: 15px 15px;
          margin: 0;
          font-size: 16px;
          border: none;
          border-bottom: 1px solid #dbd9d97d; }
          .header-menu ul li ul li a:hover {
            background: #dbd9d97d;
            color: #111; }

.mobile-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #111;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-100%);
  transition: 0.5s;
  z-index: 101;
  display: block;
  overflow-y: scroll;
  padding-bottom: 100px; }
  .mobile-box-active {
    transform: translateX(0%); }
  .mobile-box_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 30px 60px; }
  .mobile-box-logo svg {
    width: 110px;
    height: 33px; }
    .mobile-box-logo svg path {
      fill: #B1B1B1; }
  .mobile-box-close {
    width: 26px;
    height: 26px;
    padding: 5px; }
    .mobile-box-close svg {
      width: 100%;
      fill: #B1B1B1; }
  .mobile-box_social {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px; }
    .mobile-box_social a {
      width: 30px;
      height: 30px;
      background: #B1B1B1;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      margin: 0 15px; }
      .mobile-box_social a svg {
        fill: #161716; }
      .mobile-box_social a:last-child {
        margin-bottom: 0; }

.mobile-menu {
  padding: 0 30px; }
  .mobile-menu ul {
    flex-direction: column;
    align-items: center;
    width: 100%; }
    .mobile-menu ul li {
      width: 100%; }
      .mobile-menu ul li:first-child a {
        border-top: 1px solid rgba(255, 255, 255, 0.2); }
      .mobile-menu ul li a {
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding: 14px 0; }
        .mobile-menu ul li a .list {
          margin-right: 33px; }
          .mobile-menu ul li a .list-number {
            color: #ffffff;
            display: block;
            font-weight: 900;
            font-size: 12px; }
          .mobile-menu ul li a .list-line {
            background: #ffffff;
            display: block;
            width: 35px;
            height: 2px;
            margin: 3px 0; }
          .mobile-menu ul li a .list-title {
            color: #ffffff;
            display: block;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 12px; }
        .mobile-menu ul li a p {
          margin-right: 0;
          width: 100%;
          display: block;
          color: #ffffff;
          text-align: left;
          font-size: 32px; }

.log-in {
  font-size: 16px;
  cursor: pointer;
  font-weight: 700;
  transition: 0.3s;
  color: #01BF30; }
  .log-in:hover {
    color: #111111; }

.hamburger {
  width: 50px;
  height: 24px;
  padding: 5px;
  margin-left: 20px;
  display: none; }
  .hamburger span {
    width: 100%;
    height: 2px;
    display: block;
    background: #111; }
    .hamburger span:last-child {
      width: 26px;
      margin-left: calc(100% - 26px); }

.footer {
  width: 100%;
  height: auto;
  position: relative;
  background: #161716;
  background: linear-gradient(0deg, #161716, #161716);
  padding-top: 95px;
  overflow: hidden; }
  .footer .wrap {
    display: flex;
    align-items: flex-start;
    position: relative;
    padding-bottom: 85px; }
    .footer .wrap:after {
      content: '';
      position: absolute;
      height: 1px;
      width: 1400px;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
      background: #383838; }
  .footer-item {
    width: auto;
    position: relative;
    padding-left: 20px; }
    .footer-item:after {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      height: 221px;
      width: 1px;
      background: #383838; }
    .footer-item:nth-child(1) {
      width: 400px; }
    .footer-item:nth-child(2) {
      width: 280px; }
    .footer-item:nth-child(3) {
      width: 390px; }
      .footer-item:nth-child(3):after {
        display: none; }
  .footer-title {
    color: #ffffff;
    font-size: 18px;
    color: #ffffff;
    display: block;
    margin-bottom: 25px; }
  .footer-btn {
    padding-top: 60px; }
    .footer-btn .btn {
      width: 180px;
      height: 44px;
      text-transform: none; }
    .footer-btn .btn-second {
      border: 2px solid #01BF31;
      color: #01BF31;
      margin-top: 17px;
      width: 180px;
      height: 44px;
      text-transform: none; }
      .footer-btn .btn-second:hover {
        background: #01BF31;
        color: #ffffff; }
  .footer-social a {
    width: 24px;
    height: 24px;
    background: #6D6D6D;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: 0.3s; }
    .footer-social a:hover {
      background: #A6A6A6; }
    .footer-social a svg {
      fill: #161716; }
    .footer-social a:last-child {
      margin-bottom: 0; }
  .footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    padding: 20px 0 25px; }
    .footer-bottom img {
      margin-left: 70px;
      max-width: 233px; }
    .footer-bottom a {
      font-size: 12px;
      color: #999999;
      letter-spacing: 0.3px;
      transition: 0.3s; }
      .footer-bottom a:hover {
        color: #CCCCCC; }
  .footer-rights {
    padding: 20px 0 25px;
    border-top: 1px solid  #383838;
    width: 660px;
    margin: 0 auto; }
    .footer-rights p {
      font-size: 12px;
      color: #999999;
      display: block;
      text-align: center;
      letter-spacing: 0.3px; }

.footer-menu ul li a {
  color: #999999;
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 15px;
  display: block;
  transition: 0.3s; }
  .footer-menu ul li a:hover {
    color: #CCCCCC; }

.footer-menu ul li:last-child a {
  margin-bottom: 0; }

.services {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  padding: 0; }
  .services .wrap {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: 100%; }
  .services .line {
    width: 19.25rem; }
  .services .col-left {
    position: relative; }
  .services-info {
    height: 54rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative; }
    .services-info:first-child .line {
      max-width: 15.2rem; }
    .services-info:first-child .description {
      max-width: 27rem; }
    .services-info:after {
      content: '';
      position: absolute;
      width: 1000%;
      height: 1px;
      background: rgba(0, 0, 0, 0.12);
      left: 50%;
      transform: translateX(-50%);
      bottom: 0; }
  .services-video {
    width: 100%;
    height: auto;
    position: absolute;
    margin-top: 220px;
    display: flex;
    justify-content: flex-end;
    padding-right: 5rem; }
  .services .media__box {
    position: absolute; }
  .services .media__box-mobile {
    display: none; }
  .services .media__box-square {
    left: -100px;
    top: -60px; }
  .services-btn {
    display: flex;
    align-items: center;
    margin-top: 2rem; }
    .services-btn .btn {
      margin-right: 10px; }
  .services-line {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 2px;
    height: 50px;
    overflow: hidden; }
    .services-line span {
      display: block;
      width: 2px;
      height: 20px;
      top: 0;
      background: #222;
      border-radius: 2px;
      animation: methods-scroll 2s linear infinite;
      transform: translateY(-100%); }

@keyframes methods-scroll {
  0% {
    transform: translateY(-100%); }
  100% {
    transform: translateY(400%); } }

.payment-routing {
  background: #1D1F1D;
  padding: 5.5rem 0 4.5rem;
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%), #111211; }
  .payment-routing .title h2 {
    color: #ffffff; }
  .payment-routing .line {
    background: #fff;
    width: 26.3rem; }
  .payment-routing .description {
    color: #ffffff;
    margin: 0 auto;
    max-width: 40.55rem; }
  .payment-routing .methods {
    margin-top: 3rem;
    width: 100%; }
  .payment-routing_info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    max-width: 31rem;
    margin: 0 auto;
    margin-top: 3rem; }
    .payment-routing_info-item {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .payment-routing_info-item p {
        color: rgba(255, 255, 255, 0.52);
        font-size: 1rem; }
      .payment-routing_info-item span {
        font-size: 1.8rem;
        color: rgba(255, 255, 255, 0.78);
        display: block;
        margin-top: 10px; }

#world-payment-mobile {
  display: none; }

.payment-data {
  background: #1D1F1D;
  z-index: 3; }
  .payment-data_logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 5px;
    width: 57.15rem; }
  .payment-data .title h2 {
    color: #ffffff; }
  .payment-data .line {
    background: #fff;
    width: 20.35rem; }
  .payment-data .description {
    color: #ffffff;
    max-width: 25rem;
    margin: 0 auto; }
  .payment-data_box {
    width: 100%;
    max-width: 57rem;
    height: auto;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    margin-top: 3.75rem; }

.custom-setup .title h2 {
  max-width: 51.85rem; }

.custom-setup .line {
  width: 20.4rem; }

.custom-setup .description {
  max-width: 36rem;
  margin: 0 auto; }

.custom-setup .line-small {
  margin-top: 1.25rem;
  margin-bottom: 0;
  width: 4rem;
  height: 1px; }

.methods-items-row {
  display: flex;
  align-items: center; }
  .methods-items-row:nth-child(2), .methods-items-row:nth-child(6), .methods-items-row:nth-child(10), .methods-items-row:nth-child(14), .methods-items-row:nth-child(18), .methods-items-row:nth-child(22), .methods-items-row:nth-child(26) {
    margin-left: 30px; }
  .methods-items-row:nth-child(3), .methods-items-row:nth-child(7), .methods-items-row:nth-child(11), .methods-items-row:nth-child(15), .methods-items-row:nth-child(19), .methods-items-row:nth-child(23) {
    margin-left: 60px; }
  .methods-items-row:nth-child(4), .methods-items-row:nth-child(8), .methods-items-row:nth-child(12), .methods-items-row:nth-child(16), .methods-items-row:nth-child(20), .methods-items-row:nth-child(24) {
    margin-left: 90px; }

.animated__carousel-wrap {
  position: relative; }

.animated__carousel-box {
  width: 100%;
  max-width: 1140px;
  height: 27.9rem;
  box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.25);
  margin-top: 3.75rem;
  position: relative;
  z-index: 2;
  background: #fff;
  overflow: hidden; }

.animated__carousel-square {
  content: '';
  position: absolute;
  width: 27.1rem;
  height: 23.85rem;
  border: 0.9rem solid #01BF31;
  left: 50%;
  transform: translateX(-50%);
  top: -2.75rem;
  z-index: 1; }

#payment-methods {
  padding-top: 12rem;
  padding-bottom: 11rem; }
  @media screen and (max-width: 1599px) {
    #payment-methods {
      padding-top: 7.5rem;
      padding-bottom: 5rem; } }
  @media screen and (max-width: 767px) {
    #payment-methods {
      padding-top: 5rem; } }
  #payment-methods::before {
    display: none; }
  #payment-methods .methods {
    display: flex;
    overflow: hidden; }
  #payment-methods .methods-wrap {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    animation: methods-carousel 130s linear infinite; }
    @media screen and (max-width: 767px) {
      #payment-methods .methods-wrap {
        animation-duration: 140s; } }
  #payment-methods .methods-row,
  #payment-methods .methods-col {
    display: flex;
    align-items: center; }
  #payment-methods .methods-row {
    margin-left: -4.75rem; }
    #payment-methods .methods-row:first-child, #payment-methods .methods-row:nth-child(2n + 1) {
      padding-left: 3.85rem; }
    #payment-methods .methods-row img {
      display: block;
      width: 4.85rem;
      margin: 7px; }
  #payment-methods .methods-col {
    display: flex;
    align-items: center; }

@keyframes methods-carousel {
  0% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(-50%, 0, 0); } }

.gateway {
  padding: 17.5rem 0 10rem;
  overflow: hidden; }
  .gateway .wrap {
    display: flex;
    align-items: center; }
  .gateway .col-right {
    position: absolute;
    top: -40px;
    right: 0; }
  .gateway .title h2 {
    max-width: 23rem; }
  .gateway .line {
    max-width: 12.6rem; }
  .gateway .description {
    max-width: 18.85rem; }
  .gateway .media__box-square {
    display: block;
    border: none;
    min-width: 483px;
    height: auto;
    top: -78px;
    left: 98px; }

.flexible-infrastructure {
  background: #E5E5E5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 6.5rem 0 7rem; }
  .flexible-infrastructure .title h2 {
    max-width: 21rem; }
  .flexible-infrastructure .line {
    max-width: 13.1rem; }
  .flexible-infrastructure .description {
    max-width: 19.5rem; }
  .flexible-infrastructure .wrap {
    display: flex;
    align-items: center; }
  .flexible-infrastructure .col-left {
    display: flex;
    align-items: center;
    justify-content: center; }
  .flexible-infrastructure .col-right {
    padding-left: 40px; }
  .flexible-infrastructure-svg {
    width: 100%;
    max-width: 390px; }
  .flexible-infrastructure-icon {
    width: 100%;
    max-width: 530px; }

.smart-routing {
  padding: 4rem 0 6.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  .smart-routing .wrap {
    display: flex;
    align-items: center; }
  .smart-routing .col-right {
    display: flex;
    align-items: center;
    justify-content: center; }
  .smart-routing .section-top {
    align-items: flex-start;
    text-align: left; }
  .smart-routing .line {
    max-width: 11.4rem; }
  .smart-routing .description {
    max-width: 17rem; }
  .smart-routing_img {
    width: 100%;
    max-width: 25.75rem; }

.alternative-payments {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden; }
  .alternative-payments .line {
    max-width: 20.4rem; }
  .alternative-payments .description {
    max-width: 33.25rem;
    margin: 0 auto; }

.one-platform {
  background: #F3F5F7;
  padding: 12.5rem 0; }
  .one-platform .title h2 {
    max-width: 25rem; }
  .one-platform .line {
    max-width: 14rem; }
  .one-platform .description {
    max-width: 24.5rem; }
  .one-platform .section-top {
    margin-left: 80px; }

.connect {
  padding: 12rem 0 14rem; }
  .connect .title h2 {
    max-width: 27rem; }
  .connect .line {
    max-width: 15.5rem; }
  .connect .description {
    max-width: 23.25rem; }
  .connect .section-top {
    margin-right: 60px; }

.intelligent-payment {
  background: #f3f5f7;
  padding: 60px 0 70px; }
  .intelligent-payment .title h2 {
    max-width: 24rem; }
  .intelligent-payment .line {
    max-width: 16.5rem; }
  .intelligent-payment .description {
    max-width: 24rem; }
  .intelligent-payment-img {
    max-width: 24.75rem;
    display: block; }
  .intelligent-payment .section-top {
    margin-left: 160px; }

.about-banner {
  padding: 10rem 0 12.5rem;
  width: 100%;
  position: relative;
  overflow: hidden; }
  .about-banner:after {
    content: '';
    position: absolute;
    background: #E0E0E0;
    width: 100%;
    height: 1px;
    max-width: 1140px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0; }
  .about-banner .box {
    width: 100%;
    max-width: 950px;
    margin-left: 40px;
    height: 480px;
    background: #111;
    background-image: url(/assets/img/bg_about.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 68px 20px 20px 60px;
    position: relative; }
    .about-banner .box::after {
      content: '';
      position: absolute;
      right: -112px;
      top: 67px;
      width: 318px;
      height: 553px;
      border: 18px solid #01CD3C;
      box-sizing: border-box; }
  .about-banner .title h2 {
    color: #ffffff; }
  .about-banner .line {
    background: #fff;
    max-width: 304px; }
  .about-banner .description {
    color: #ffffff;
    max-width: 524px;
    margin-left: 80px; }

.about {
  padding: 8.75rem 0 6.25rem;
  position: relative;
  background-image: url(/assets/img/bg-about.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .about .wrap {
    max-width: 680px;
    margin: 0 auto;
    position: relative;
    flex-direction: column;
    align-items: flex-start; }
    .about .wrap:after {
      content: '';
      position: absolute;
      width: 2px;
      height: 90%;
      background: #111111;
      left: 89px;
      top: 30px; }
  .about_item {
    margin-bottom: 72px;
    position: relative;
    z-index: 2; }
    .about_item:last-child {
      margin-bottom: 0; }
    .about_item p {
      display: block;
      font-size: 0.9rem;
      line-height: 1.15rem;
      margin-left: 136px;
      max-width: 480px;
      letter-spacing: 0.3px; }
    .about_item_top {
      display: flex;
      align-items: center;
      position: relative;
      margin-bottom: 15px; }
      .about_item_top-abs {
        display: flex;
        align-items: center; }
  .about-year {
    display: block;
    margin-right: 20px;
    font-size: 24px; }
  .about-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    max-width: 34px;
    height: 34px;
    border: 1px solid #111;
    border-radius: 100%;
    background: #fff; }
    .about-circle span {
      display: block;
      background: #01CD3C;
      width: 20px;
      height: 20px;
      border-radius: 100%; }
  .about-line {
    width: 76px;
    height: 1px;
    background: #111;
    display: block; }
  .about-icon {
    margin-left: 15px; }

.partners {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding: 11.75rem 0 5.75rem; }
  .partners .section-top .title h2 {
    display: none; }
  .partners .section-top .line {
    display: none; }
  .partners .wrap {
    display: flex;
    align-items: flex-start;
    margin-top: 4rem; }
  .partners .section-top {
    max-width: 18.7rem;
    margin-left: 80px; }
  .partners-img {
    width: 100%;
    max-width: 31rem;
    margin-left: -5px; }
  .partners .line {
    max-width: 15.2rem;
    margin-bottom: 0;
    position: relative; }
  .partners .curved-line {
    width: 100%;
    display: block;
    height: 1px;
    background: #111;
    position: absolute;
    left: -51%;
    top: -220px; }
    .partners .curved-line:after {
      content: '';
      position: absolute;
      width: 300px;
      height: 1px;
      transform: rotate(-131.8deg);
      background: #111;
      right: -250px;
      top: 112px; }
  .partners .wrapper {
    display: flex;
    align-items: flex-start;
    margin-top: 263px;
    position: relative; }
    .partners .wrapper .section-top {
      min-width: 20.7rem;
      max-width: 20.7rem;
      margin-left: 0;
      margin-right: 75px; }
  .partners-line {
    display: block;
    width: 100%;
    max-width: 29.8rem;
    height: 1px;
    background: #111;
    margin: 35px auto 0; }
  .partners-box {
    width: 100%;
    max-width: 32.65rem;
    height: 22.3rem;
    background-image: url(/assets/img/partners-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 2; }

.makes-different {
  padding: 140px 0 135px;
  background: #181918; }
  .makes-different .title h3 {
    color: #ffffff;
    text-align: center; }
  .makes-different_wrap {
    margin-top: 3.5rem;
    display: flex;
    flex-wrap: wrap; }
  .makes-different-col {
    padding-right: 15px; }
    .makes-different-col:nth-child(1) {
      width: 415px; }
    .makes-different-col:nth-child(2) {
      width: 435px; }
  .makes-different-item {
    color: #ffffff;
    font-size: 1rem;
    margin-bottom: 25px;
    position: relative;
    margin-left: 44px;
    display: block; }
    .makes-different-item:before {
      content: '';
      position: absolute;
      background-image: url(/assets/icon/check.svg);
      left: -44px;
      top: -3px;
      width: 24px;
      height: 20px; }

.solution {
  padding: 6.75rem 0 9rem; }
  .solution .btn {
    margin: 0 auto; }
  .solution-box {
    width: 100%;
    max-width: 31.1rem;
    height: 21.2rem;
    background: #111;
    margin-right: 80px;
    background-image: url(/assets/img/solution.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .solution .wrap {
    display: flex; }
  .solution .section-top {
    max-width: 18.85rem; }
  .solution_line {
    background: #111;
    margin: 0 auto 0; }
    .solution_line-vertical {
      height: 147px;
      width: 1px;
      margin: 55px auto 35px; }
    .solution_line-horizontal {
      width: 147px;
      height: 1px;
      margin-top: 35px; }
  .solution-block {
    background: #fff;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
    width: fit-content;
    max-width: 800px;
    margin: 0 auto;
    padding: 4rem 3rem 4rem; }
    .solution-block .title h3 {
      text-align: center; }
    .solution-block .form {
      margin: 40px auto 0;
      max-width: 470px; }
      .solution-block .form .submit {
        margin-top: 1.5rem; }

.payment-methods {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding: 10.75rem 0 8rem; }
  .payment-methods .line {
    max-width: 304px;
    margin-bottom: 0; }
  .payment-methods .description {
    max-width: 30.4rem;
    margin-top: 1.6rem; }
  .payment-methods .tabs {
    position: relative;
    width: 100%; }
    .payment-methods .tabs_nav {
      display: flex;
      align-items: center; }
      .payment-methods .tabs_nav-mobile {
        position: relative;
        min-width: 100px;
        width: fit-content;
        font-size: 16px;
        text-shadow: 1px 0 0 currentColor;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: auto 50px auto auto;
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        display: none;
        margin-bottom: 10px; }
        .payment-methods .tabs_nav-mobile:after {
          content: '';
          position: absolute;
          right: -23px;
          top: -1px;
          width: 8px;
          height: 8px;
          border-top: 2px solid #8A8A8F;
          border-right: 2px solid #8A8A8F;
          transform: rotate(135deg); }
        .payment-methods .tabs_nav-mobile-arrow:after {
          transform: rotate(-45deg);
          top: 2px; }
      .payment-methods .tabs_nav .active {
        text-shadow: 1px 0 0 currentColor; }
        .payment-methods .tabs_nav .active:before {
          content: '';
          position: absolute;
          width: 100%;
          height: 4px;
          left: 50%;
          transform: translateX(-50%);
          bottom: -10px;
          background: #01BF31; }
      .payment-methods .tabs_nav-item {
        text-transform: uppercase;
        position: relative;
        letter-spacing: 1px;
        font-size: 18px;
        cursor: pointer;
        transition: 0.3s;
        margin-right: 35px; }
        .payment-methods .tabs_nav-item:hover {
          text-shadow: 1px 0 0 currentColor; }
    .payment-methods .tabs_content {
      margin-top: 2.5rem;
      width: 100%; }
    .payment-methods .tabs .title h3 {
      margin-bottom: 0;
      font-weight: 500; }
    .payment-methods .tabs .title h4 {
      margin-bottom: 0; }
  .payment-methods_blocks {
    margin: 30px 0 75px;
    display: flex; }
    .payment-methods_blocks .block-black {
      background: #181918;
      margin-right: 25px; }
  .payment-methods_block {
    width: 26.4rem;
    height: auto;
    min-height: 22.4rem;
    background: #fff;
    box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.25);
    padding: 2.25rem 4.25rem 3.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .payment-methods_block-title {
      display: block;
      font-size: 2.4rem;
      margin-bottom: 1rem; }
    .payment-methods_block-description {
      display: block;
      font-size: 0.9rem;
      line-height: 1.5; }
    .payment-methods_block .btn {
      width: 100%;
      max-width: 350px;
      height: 40px;
      font-size: 14px;
      border-radius: 3px; }
    .payment-methods_block .price {
      color: #ffffff;
      display: flex;
      align-items: flex-start; }
      .payment-methods_block .price-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-right: 40px; }
        .payment-methods_block .price-item:last-child {
          margin-right: 0;
          margin-bottom: 0; }
        .payment-methods_block .price-item-top {
          font-size: 1.2rem;
          font-weight: 700;
          display: block;
          margin-bottom: 5px; }
        .payment-methods_block .price-item-bottom {
          font-size: 14px; }
    .payment-methods_block .list {
      color: #ffffff;
      margin-top: 35px; }
      .payment-methods_block .list li {
        margin-bottom: 15px;
        font-size: 0.9rem;
        line-height: 1.2;
        display: flex;
        align-items: flex-start; }
      .payment-methods_block .list-icon {
        background: #01CD3C;
        min-width: 17px;
        max-width: 17px;
        height: 17px;
        display: block;
        border-radius: 100%;
        margin-right: 12px;
        position: relative; }
        .payment-methods_block .list-icon span {
          width: 9px;
          height: 5px;
          border-top: 2px solid #181918;
          border-right: 2px solid #181918;
          position: absolute;
          left: 4.5px;
          top: 5px;
          transform: rotate(135deg); }

.country-filter {
  display: flex;
  align-items: center;
  margin-top: 50px;
  position: relative;
  z-index: 2; }
  .country-filter-continent {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 340px;
    top: 40px;
    background: #fff;
    border: 1px solid #222; }
  .country-filter-item {
    padding: 5px;
    border-bottom: 1px solid #C4C4C4;
    width: 100%;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    transition: 0.3s; }
    .country-filter-item:first-child {
      padding-top: 12px; }
    .country-filter-item:hover {
      background: #dbd9d97d; }
  .country-filter-name {
    width: 340px;
    border: 1px solid #111111;
    background: #fff;
    padding-left: 20px;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 3px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    padding-top: 5px; }
    .country-filter-name:after {
      content: '';
      position: absolute;
      right: 13px;
      width: 0;
      height: 0;
      top: 15px;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #B1B1B1; }
    .country-filter-name-after:after {
      transform: rotate(180deg); }
  .country-filter-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 176px;
    height: 40px;
    background: #181918;
    border-radius: 3px;
    color: #ffffff;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-left: 15px;
    line-height: 1;
    padding-top: 2px;
    cursor: pointer; }

.countries-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  max-height: 188px;
  overflow-y: auto;
  width: 340px;
  border: 1px solid #111111;
  background: #fff;
  z-index: 1000;
  border-radius: 3px;
  position: relative; }
  .countries-list .active {
    background: #dbd9d97d !important; }

.countries-list_wrap {
  position: absolute;
  top: 38px;
  left: 0;
  display: none;
  z-index: 0; }

.pay__methods .row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #C4C4C4;
  padding: 15px 0;
  z-index: -1; }

.pay__methods .row-top .col {
  font-size: 18px;
  font-weight: 600; }
  .pay__methods .row-top .col p {
    max-width: 120px; }

.pay__methods .col {
  width: 100%;
  line-height: 1.5;
  font-size: 18px; }
  .pay__methods .col:nth-child(5) {
    width: 150%; }

.pay__methods img {
  width: 65px; }

.pay-method {
  display: none; }

.contacts {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding: 10.25rem 0 7.5rem;
  background-image: url(/assets/img/bg-contacts.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .contacts .section-top {
    align-items: flex-start;
    text-align: left; }
  .contacts .line {
    max-width: 15.15rem; }
  .contacts .description {
    max-width: 29rem; }
  .contacts-box {
    width: 100%;
    max-width: 30.5rem;
    background: #FFFFFF;
    box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.25);
    margin-top: 2.5rem;
    padding: 2.85rem 3.5rem; }

.form-item {
  width: 100%;
  margin-top: 11px;
  position: relative; }
  .form-item-validation {
    position: absolute;
    right: 0;
    font-size: 14px;
    color: #FF0000;
    bottom: -16px;
    display: none; }
  .form-item:first-child {
    margin-top: 0; }

.form label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px; }

.form input {
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #D7D7D7;
  border-radius: 3px;
  padding: 0 10px 0 20px;
  -webkit-appearance: none;
  font-size: 1rem;
  padding-top: 4px; }

.form select {
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #D7D7D7;
  border-radius: 3px;
  padding: 0 10px 0 20px;
  -webkit-appearance: none;
  font-size: 1rem;
  padding-top: 4px; }
  .form select:focus {
    outline: none; }

.form textarea {
  width: 100%;
  height: 100px;
  max-height: 120px;
  background: #FFFFFF;
  border: 1px solid #D7D7D7;
  border-radius: 3px;
  padding: 12px 10px 10px 20px;
  resize: none;
  line-height: 1.2;
  padding-bottom: 10px;
  -webkit-appearance: none; }

.form .submit {
  width: 100%;
  height: 44px;
  border: 1px solid #01992C;
  border-radius: 3px;
  margin-top: 3.5rem;
  padding-top: 5px; }

.documentation {
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  position: relative; }
  .documentation .sidebar {
    background: #E5E5E5;
    min-width: 17.5rem;
    max-width: 17.5rem;
    padding-top: 110px;
    height: 100vh;
    overflow-y: scroll;
    padding-bottom: 100px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    transition: 0.3s; }
    .documentation .sidebar .logo {
      padding-left: 30px;
      display: block;
      height: auto;
      position: fixed;
      top: 0;
      padding-top: 20px;
      background: #E5E5E5;
      z-index: 10;
      min-width: 17.5rem;
      max-width: 17.5rem;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      padding-bottom: 20px;
      opacity: 0;
      display: none; }
    .documentation .sidebar .menu > li {
      line-height: 1.1;
      margin-bottom: 7px;
      font-weight: 700;
      cursor: pointer; }
      .documentation .sidebar .menu > li > .active .menu-item-bg {
        opacity: 1; }
      .documentation .sidebar .menu > li > .active p {
        color: #ffffff; }
      .documentation .sidebar .menu > li p {
        display: block;
        position: relative;
        z-index: 2; }
    .documentation .sidebar .menu-item {
      width: 100%;
      height: 100%;
      display: block;
      padding: 18px 50px 18px 30px;
      color: #111111;
      transition: color 0.3s;
      display: block;
      font-size: 1.1rem;
      border-top: 1px solid transparent;
      border-bottom: 1px solid transparent;
      position: relative; }
      .documentation .sidebar .menu-item:hover {
        color: #01bf31; }
    .documentation .sidebar .submenu__wrap {
      display: none; }
    .documentation .sidebar .submenu {
      margin-left: 50px;
      margin-top: 15px;
      padding-right: 30px; }
      .documentation .sidebar .submenu .active {
        background: transparent;
        color: #01BF31; }
      .documentation .sidebar .submenu-name {
        display: block;
        margin-bottom: 25px;
        transition: color 0.3s;
        font-size: 18px;
        color: #111111; }
        .documentation .sidebar .submenu-name:hover {
          color: #01bf31; }
    .documentation .sidebar .menu-items {
      margin-bottom: 35px;
      padding-left: 20px;
      width: 100%; }
      .documentation .sidebar .menu-items li {
        display: flex;
        align-items: flex-start;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 25px; }
        .documentation .sidebar .menu-items li:last-child {
          margin-bottom: 0; }
        .documentation .sidebar .menu-items li .active {
          background: transparent;
          color: #01BF31; }
        .documentation .sidebar .menu-items li a {
          display: flex;
          color: #111111;
          transition: color 0.3s; }
          .documentation .sidebar .menu-items li a:hover {
            color: #01bf31; }
  .documentation .content {
    position: relative;
    padding-left: 17.5rem;
    width: 100%;
    padding-bottom: 100px;
    padding-top: 70px; }
    .documentation .content .wrapper {
      display: flex; }
      .documentation .content .wrapper .left {
        width: 100%;
        min-width: 1000px;
        max-width: 1000px; }
      .documentation .content .wrapper .wrap-first {
        padding-top: 120px; }
    .documentation .content .black-block {
      background: #181A18;
      min-height: 100%;
      width: 100%; }
    .documentation .content .wrap {
      border-bottom: 1px solid #E5E5E5;
      padding: 40px 70px 20px 70px; }
    .documentation .content .title h4 {
      margin-bottom: 10px; }
    .documentation .content p {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 5px;
      display: block; }
      .documentation .content p:last-child {
        margin-bottom: 0; }
    .documentation .content .notice {
      font-size: 18px;
      color: #00C514;
      margin-bottom: 10px;
      font-weight: 500; }
    .documentation .content .attention {
      font-size: 18px;
      color: #FE2E00;
      margin-bottom: 10px;
      font-weight: 500; }
    .documentation .content ol {
      padding: 0;
      margin: 0;
      margin-left: 15px; }
      .documentation .content ol li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 5px; }
    .documentation .content a {
      color: blue; }
      .documentation .content a:hover {
        text-decoration: underline; }
    .documentation .content .mt {
      margin-top: 30px; }
      .documentation .content .mt-60 {
        margin-top: 60px; }
    .documentation .content .mb-5 {
      margin-bottom: 5px; }
    .documentation .content .pb {
      padding-bottom: 200px; }
    .documentation .content table {
      border: 1px solid #E5E5E5;
      width: 100%;
      padding: 0;
      margin: 8px 0 25px;
      overflow-x: auto;
      border-collapse: collapse; }
      .documentation .content table tbody {
        border-spacing: 0px !important; }
      .documentation .content table tr {
        padding: 0;
        margin: 0;
        border: 1px solid #E5E5E5; }
      .documentation .content table th {
        padding: 0;
        margin: 0;
        border: 1px solid #E5E5E5;
        padding: 20px 10px;
        font-size: 14px;
        line-height: 21px;
        text-align: left; }
        .documentation .content table th:nth-child(1) {
          width: 157px; }
        .documentation .content table th:nth-child(2) {
          width: 179px; }
        .documentation .content table th:nth-child(3) {
          width: 250px; }
        .documentation .content table th:nth-child(4) {
          width: 211px; }
        .documentation .content table th:nth-child(5) {
          width: auto; }
      .documentation .content table td {
        padding: 0;
        margin: 0;
        border: 1px solid #E5E5E5;
        padding: 20px 10px;
        font-size: 14px;
        line-height: 21px;
        vertical-align: top; }
    .documentation .content .table__four_col th:nth-child(3) {
      width: 342px; }
    .documentation .content .table__four_col th:nth-child(4) {
      width: auto; }
    .documentation .content .table__three_col th:nth-child(1) {
      width: 156px; }
    .documentation .content .table__three_col th:nth-child(2) {
      width: 210px; }
    .documentation .content .table__three_col th:nth-child(3) {
      width: auto; }
    .documentation .content .table__two_col th:nth-child(1) {
      width: 156px; }
    .documentation .content .table__two_col th:nth-child(2) {
      width: auto; }
    .documentation .content .table__payment th:nth-child(1) {
      width: 130px; }
    .documentation .content .table__payment th:nth-child(2) {
      width: 240px; }
    .documentation .content .table__payment th:nth-child(3) {
      width: 180px; }
    .documentation .content .table__payment th:nth-child(4) {
      width: 160px; }
    .documentation .content .table__payment th:nth-child(5) {
      width: 220px; }
  .documentation .code .row {
    display: flex;
    align-items: flex-start; }
  .documentation .code__wrap {
    position: relative; }
  .documentation .code__right {
    position: absolute;
    right: -630px;
    top: 0;
    z-index: 10;
    padding-top: 30px;
    width: 520px; }
    .documentation .code__right:after {
      content: '';
      position: absolute;
      width: 200%;
      height: 1px;
      background: rgba(255, 255, 255, 0.15);
      top: 0;
      left: -40px; }
  .documentation .code .title h4 {
    color: #ffffff;
    margin-bottom: 25px;
    font-weight: 400 !important; }
  .documentation .code-text {
    color: #19a7e4;
    font-size: 14px;
    line-height: 21px; }
    .documentation .code-text-mt20 {
      margin-top: 20px; }
    .documentation .code-text p {
      color: #01cd3c;
      display: inline-block;
      font-size: 14px;
      line-height: 21px;
      margin: 0; }
      .documentation .code-text p span {
        color: #01cd3c; }
    .documentation .code-text-white {
      color: #ffffff !important; }
    .documentation .code-text span {
      display: inline-block;
      font-size: 14px; }

.menu-item-click {
  position: relative; }

.menu-item-bg {
  background: #01BF31;
  color: #ffffff;
  border-top: 1px solid #019927;
  border-bottom: 1px solid #019927;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0; }
  .menu-item-bg:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #01BF31;
    border-bottom: 1px solid #019927;
    border-right: 1px solid #019927;
    bottom: -7px;
    left: 48px;
    transform: rotate(45deg);
    display: none; }

.menu-item-click .menu-item-bg:after {
  display: block; }

@media (max-width: 1800px) {
  .documentation .code__right {
    position: relative;
    right: 0;
    left: 0;
    background: #181A18;
    padding: 20px;
    width: 100%;
    margin-bottom: 30px; }
  .documentation .content .black-block {
    display: none; }
  .documentation .content .pb {
    padding-bottom: 0; }
  .payment-methods_block {
    padding: 40px 50px; } }

@media (max-width: 1600px) {
  body, html {
    font-size: 17.6px; }
  .header-menu ul li {
    margin-right: 50px; }
  .services-info {
    height: 800px; }
  .services-video {
    position: absolute;
    margin-top: 180px; }
  .animated__carousel-box {
    height: 28.25rem; }
  .media__box {
    width: 225px;
    height: 452px; }
  .gateway .media__box-square {
    min-width: 373px;
    top: -62px;
    left: 59px; } }

@media (max-width: 1199px) {
  #payment-methods .methods-row img {
    margin: 5px; }
  .documentation .sidebar {
    padding-top: 30px; }
  .documentation .content .wrapper .left {
    max-width: 100%; }
  .animated__carousel-box {
    height: 27.5rem; }
  .section {
    padding: 100px 0; }
  .menu-item-bg:after {
    left: 24px; }
  .documentation-hamburger {
    position: fixed;
    top: 50%;
    left: 0%;
    transform: translate(-30px, -50%);
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    background: #222;
    border-radius: 100%;
    z-index: 100;
    transition: 0.5s; }
    .documentation-hamburger svg {
      fill: #fff;
      position: absolute;
      right: 6px;
      top: 50%;
      transform: translateY(-50%);
      width: 20px; }
    .documentation-hamburger-active {
      transform: translate(210px, -50%); }
      .documentation-hamburger-active svg {
        transform: translateY(-50%) rotate(180deg); }
  .documentation .content {
    margin-left: 0;
    padding-left: 0; }
    .documentation .content .wrapper .left {
      min-width: auto; }
    .documentation .content .wrap {
      padding: 40px 20px 20px 20px; }
    .documentation .content table {
      overflow-x: scroll; }
  .documentation .sidebar {
    max-width: 240px !important;
    min-width: 240px !important;
    margin-left: -240px;
    transition: 0.5s;
    z-index: 101; }
    .documentation .sidebar .logo {
      min-width: 240px;
      max-width: 240px; }
    .documentation .sidebar-active {
      margin-left: 0; }
    .documentation .sidebar .menu-item {
      font-size: 16px;
      padding: 10px 10px 10px 15px; }
    .documentation .sidebar .submenu-name {
      font-size: 15px;
      margin-bottom: 15px; }
    .documentation .sidebar .submenu {
      margin-left: 25px;
      padding-right: 10px; }
    .documentation .sidebar .menu-items {
      margin-bottom: 0; }
    .documentation .sidebar .menu-items li {
      margin-bottom: 15px; }
  body, html {
    font-size: 16.12px; }
  .container {
    padding-left: 33px;
    padding-right: 33px; }
  .header {
    width: 100%;
    padding-left: 33px;
    padding-right: 33px; }
    .header .wrap {
      width: 100%; }
  .header-menu ul li {
    margin-right: 40px; }
  .footer-item:nth-child(1) {
    width: 360px; }
  .footer-item:nth-child(2) {
    width: 200px; }
  .footer-item:nth-child(3) {
    width: 330px; }
  .makes-different-item {
    flex-basis: calc(100% / 3 - 44px); }
  .payment-methods .tabs_content .col img {
    max-width: 54px; }
  .about-banner {
    padding-bottom: 150px; }
    .about-banner .box {
      margin-left: 0;
      height: auto;
      padding: 60px; }
      .about-banner .box:after {
        display: none; }
  .menu-item-click::after {
    left: 23px; }
  .online-payments {
    padding: 190px 0 120px; }
    .online-payments-img {
      max-width: 600px; }
  .payment-methods .tabs_content {
    overflow-x: scroll; }
  .payment-methods .pay__methods {
    width: 1000px; }
  .one-platform-img {
    max-width: 450px; }
  .services .media__box-square {
    display: block; } }

@media (max-width: 991px) {
  .section {
    padding: 80px 0; }
  .wrap {
    flex-direction: column;
    align-items: flex-start; }
  .first_section-padding {
    padding: 150px 0 100px; }
  .title h2 {
    max-width: 100% !important;
    font-size: 40px; }
  .btn {
    font-size: 14px;
    border: 2px solid #01BF31; }
  .btn-second {
    font-size: 14px; }
  .description {
    max-width: 100% !important; }
  .line {
    max-width: 50% !important;
    height: 2px;
    margin: 15px 0 15px; }
  .green-line {
    display: none; }
  .section-top {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    margin: 0; }
  .col {
    width: 100%; }
    .col-left {
      justify-content: flex-start !important; }
    .col-right {
      justify-content: flex-start !important; }
  .mobile-mt {
    margin-top: 50px !important; }
  .header {
    height: auto; }
  .header-menu {
    display: none; }
  .hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: -5px; }
  .payment-data_box {
    margin-top: 50px; }
  .payment-data .description {
    margin: auto auto auto 0; }
  .payment-data_logo {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 5px;
    width: 94%; }
  .services {
    padding-top: 150px;
    padding-bottom: 0; }
    .services-line {
      display: none; }
    .services .wrap {
      flex-direction: column; }
    .services .video__box {
      position: relative; }
    .services .col-lef {
      order: 2; }
    .services .col-right {
      order: -1;
      padding-left: 0; }
    .services .col-left {
      display: none; }
    .services .media__box-mobile {
      display: block;
      margin: 130px auto 0;
      position: relative; }
    .services-btn {
      width: 100%; }
      .services-btn .btn {
        width: 100%; }
      .services-btn .btn-second {
        width: 100%; }
    .services-info {
      height: auto;
      padding: 80px 0;
      flex-direction: column;
      align-items: flex-start; }
      .services-info:first-child {
        padding-top: 0; }
        .services-info:first-child:before {
          display: none; }
  .footer {
    padding-top: 80px;
    padding-bottom: 20px; }
    .footer-title {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      padding-bottom: 10px;
      margin-bottom: 10px; }
      .footer-title-social {
        display: none; }
    .footer .wrap {
      flex-direction: column;
      align-items: flex-start;
      padding-bottom: 60px; }
      .footer .wrap:after {
        display: none; }
    .footer-item {
      padding-left: 0;
      margin-bottom: 60px;
      width: 100%; }
      .footer-item:after {
        display: none; }
      .footer-item:nth-child(1) {
        width: 100%; }
      .footer-item:nth-child(2) {
        width: 100%; }
      .footer-item:nth-child(3) {
        width: 100%;
        margin-bottom: 40px; }
      .footer-item:nth-child(4) {
        margin-bottom: 0; }
    .footer-menu ul li a {
      margin-bottom: 0;
      padding: 10px 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .footer-btn {
      padding-top: 0; }
      .footer-btn .btn {
        width: 100%; }
      .footer-btn .btn-second {
        width: 100%;
        margin-top: 20px; }
    .footer-social {
      display: flex;
      align-items: center;
      justify-content: center; }
      .footer-social a {
        margin: 0 15px; }
    .footer-bottom {
      padding-top: 0; }
      .footer-bottom img {
        max-width: 125px;
        margin-left: 10px; }
      .footer-bottom a {
        font-size: 10px; }
    .footer-rights {
      border-top: none;
      padding: 0 0 5px;
      width: 100%; }
      .footer-rights p {
        font-size: 10px; }
  .gateway .wrap {
    flex-direction: column;
    align-items: center;
    height: auto; }
  .gateway .col-right {
    display: flex;
    justify-content: center;
    margin-top: 120px;
    margin-left: 0;
    position: relative;
    top: 0; }
  .flexible-infrastructure .wrap {
    flex-direction: column;
    align-items: flex-start; }
  .flexible-infrastructure .col-right {
    order: -1;
    padding-left: 0;
    margin-bottom: 50px; }
  .smart-routing .wrap {
    flex-direction: column;
    align-items: flex-start; }
  .smart-routing .col-left {
    margin-bottom: 50px; }
  .contacts-box {
    max-width: 100%; }
  .form label {
    font-size: 13px; }
  .partners .curved-line {
    display: none; }
  .partners .green-line {
    display: none; }
  .partners .wrap {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0; }
  .partners-img {
    margin: 0 auto; }
  .partners .line {
    margin: 15px 0 50px; }
  .partners .section-top {
    order: -1;
    max-width: 100%;
    margin-left: 0; }
  .partners-box {
    margin: 0 auto; }
  .partners .wrapper {
    flex-direction: column;
    margin-top: 70px; }
    .partners .wrapper .section-top {
      min-width: 100%;
      max-width: 100%;
      margin-right: 0; }
  .partners-line {
    width: 80%; }
  .solution .wrap {
    flex-direction: column; }
  .solution .section-top {
    max-width: 100%;
    order: -1; }
  .solution-box {
    margin: 0 auto; }
  .solution-block {
    padding: 30px 20px; }
  .makes-different {
    padding: 80px 0 55px; }
    .makes-different-item {
      flex-basis: calc(100% / 2 - 44px); }
  .payment-methods .tabs_nav-item {
    font-size: 16px; }
  .documentation table {
    display: block;
    overflow-x: auto;
    white-space: nowrap; }
  .documentation .content table {
    width: 700px; }
  .global-payment .section-top {
    margin-left: 0;
    order: -1; }
  .global-card .section-top {
    margin-right: 0; }
  .flexible-infrastructures .section-top {
    margin-left: 0;
    order: -1; }
  .online-payments {
    padding: 190px 0 60px; }
    .online-payments-img {
      position: relative;
      top: 0;
      transform: translateY(0);
      left: 0;
      max-width: 600px; }
  .payment-methods_blocks {
    flex-direction: column;
    width: 100%; }
    .payment-methods_blocks .block-black {
      margin-right: 0;
      margin-bottom: 30px; }
  .payment-methods_block {
    width: 100%;
    min-height: auto; }
    .payment-methods_block-description {
      max-width: 350px; }
    .payment-methods_block .btn {
      margin-top: 30px; }
  .pay__methods .row-top .col {
    font-size: 16px;
    line-height: 1.3; }
  .intelligent-payment .section-top {
    order: -1;
    margin-left: 0; }
  .connect .section-top {
    margin-right: 0; }
  .one-platform .section-top {
    margin-left: 0;
    order: -1; } }

@media (max-width: 767px) {
  .animated__carousel-box {
    height: 27.85rem; }
  .login__box .forgot-password {
    font-size: 13px; }
  .documentation .code__right {
    width: 500px;
    overflow: scroll; }
  .documentation .content table {
    width: 500px; }
  body, html {
    font-size: 14px; }
  .container {
    padding-left: 20px;
    padding-right: 20px; }
  .title h2 {
    letter-spacing: .4px;
    font-size: 29px;
    line-height: 33px; }
  .title h3 {
    font-size: 24px;
    line-height: 28px; }
  .title h4 {
    font-size: 20px;
    line-height: 24px; }
  .animated__carousel-box {
    margin-top: 50px; }
  .animated__carousel-square {
    display: none; }
  .header {
    padding-left: 20px;
    padding-right: 20px; }
  .header-menu-close {
    display: block; }
  .payment-data_logo {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 108px;
    width: 94%; }
  #world-payment {
    display: none; }
  #world-payment-mobile {
    display: block; }
  .mobile-box_top {
    padding: 15px 20px 50px; }
  .mobile-menu {
    padding: 0 20px; }
    .mobile-menu ul li a {
      padding: 15px 0; }
      .mobile-menu ul li a .list {
        margin-right: 20px; }
        .mobile-menu ul li a .list-number {
          font-size: 10px; }
        .mobile-menu ul li a .list-line {
          width: 29px; }
        .mobile-menu ul li a .list-title {
          font-size: 10px; }
      .mobile-menu ul li a p {
        font-size: 27px; }
  .contacts {
    padding: 150px 0 100px; }
    .contacts-box {
      max-width: 100%;
      padding: 30px 20px;
      margin-top: 50px; }
  .custom-setup .container {
    padding-left: 0;
    padding-right: 0; }
  .custom-setup .section-top {
    padding: 0 20px; }
  #payment-methods .methods .methods-items img {
    width: 72px;
    height: 72px;
    margin: 5px; }
  .alternative-payments .container {
    padding-left: 0;
    padding-right: 0; }
  .alternative-payments .section-top {
    padding: 0 20px; }
  .services .media__box-square {
    left: -60px;
    top: -40px; }
  .makes-different .title h3 {
    text-align: left; }
  .makes-different-item {
    flex-basis: calc(100%); }
  .solution_line-vertical {
    height: 1px;
    width: 147px;
    margin: 40px auto; }
  .solution_line-horizontal {
    display: none; }
  .solution-box {
    max-width: 380px;
    height: 230px; }
  .payment-methods .section-top {
    padding: 0 20px; }
  .payment-methods .container {
    padding: 0; }
  .payment-methods .tabs_nav {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    margin: auto 0 auto auto;
    width: fit-content;
    margin-right: 50px; }
    .payment-methods .tabs_nav_wrap {
      display: none; }
    .payment-methods .tabs_nav-item {
      padding: 10px 0;
      position: relative;
      width: 100%;
      text-align: right; }
      .payment-methods .tabs_nav-item-mobile {
        display: block; }
    .payment-methods .tabs_nav-mobile {
      display: block; }
    .payment-methods .tabs_nav .active {
      display: none; }
      .payment-methods .tabs_nav .active:before {
        display: none; }
  .payment-methods .tabs_content {
    margin-top: 40px; }
    .payment-methods .tabs_content .row {
      align-items: flex-start; }
    .payment-methods .tabs_content .col {
      padding-left: 20px !important; }
      .payment-methods .tabs_content .col:first-child {
        max-width: 160px; }
    .payment-methods .tabs_content img {
      margin-right: 5px;
      margin-bottom: 5px; }
  .documentation .content .wrapper .left {
    margin-top: 0; }
  .about-banner .box {
    padding: 30px 20px; }
  .about-banner .description {
    margin-left: 0; }
  .about .wrap:after {
    height: 89%; }
  .about_item svg {
    width: 50px;
    height: 50px; }
  .about_item p {
    font-size: 14px;
    line-height: 18px;
    margin-left: 116px; }
  .start-accepting {
    padding: 60px 0; }
    .start-accepting .title h3 {
      max-width: 230px; }
    .start-accepting .btn {
      margin-top: 10px;
      height: 40px; }
  .online-payments {
    padding-top: 120px; }
    .online-payments-img {
      width: 110%;
      margin-left: -5%; }
  .payment-methods_block {
    padding: 30px 20px; }
  .country-filter-name {
    margin: 0 20px auto auto;
    width: 280px; }
  .countries-list_wrap {
    left: auto;
    right: 0; }
  .countries-list {
    width: 280px;
    margin-right: 20px; }
  .country-filter {
    margin-top: 20px; }
  .payment-methods_block-title {
    font-size: 24px; }
  .one-platform-img {
    width: 100%; }
  .login__box {
    padding: 30px 20px; }
  .form-item-validation {
    font-size: 9px; } }

@media (max-width: 530px) {
  .documentation .code__right {
    width: 390px;
    overflow: scroll; }
  .documentation .content table {
    width: 390px; }
  img {
    width: 100%; } }

@media (max-width: 420px) {
  .documentation .code__right {
    width: 374px;
    overflow: scroll; }
  .documentation .content table {
    width: 374px; } }

@media (max-width: 410px) {
  .documentation .code__right {
    width: 335px; }
  .documentation .content table {
    width: 335px; } }

@media (max-width: 370px) {
  .documentation .code__right {
    width: 280px;
    overflow: scroll; }
  .documentation .content table {
    width: 280px; }
  .btn {
    font-size: 12px; }
  .footer-bottom a {
    font-size: 9px; }
  .footer-bottom img {
    margin-left: 0; }
  .payment-methods_block .price-item {
    margin-right: 30px; } }

@font-face{
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaNeueCyr-Roman.eot');
    src: url('../../src/fonts/HelveticaNeueCyr-Roman.eot?iefix') format('eot'),
    url('../src/../fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
    url('../src/../fonts/HelveticaNeueCyr-Roman.ttf') format('truetype'),
    url('../src/../fonts/HelveticaNeueCyr-Roman.svg#webfont') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaNeueCyr-Medium.eot');
    src: url('../../src/fonts/HelveticaNeueCyr-Medium.eot?iefix') format('eot'),
    url('../src/../fonts/HelveticaNeueCyr-Medium.woff') format('woff'),
    url('../src/../fonts/HelveticaNeueCyr-Medium.ttf') format('truetype'),
    url('../src/../fonts/HelveticaNeueCyr-Medium.eot') format('svg');
    font-weight: 500;
    font-style: normal;
}

/* @font-face{
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaNeueCyrMedium.eot');
    src: url('../../src/fonts/HelveticaNeueCyr-Medium.eot?iefix') format('eot'),
    url('../src/../fonts/HelveticaNeueCyr-Medium.woff') format('woff'),
    url('../src/../fonts/HelveticaNeueCyr-Medium.ttf') format('truetype'),
    url('../src/../fonts/HelveticaNeueCyr-Medium.eot') format('svg');
    font-weight: 600;
    font-style: normal;
} */

@font-face{
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaNeueCyr-Bold.eot');
    src: url('../../src/fonts/HelveticaNeueCyr-Bold.eot?iefix') format('eot'),
    url('../src/../fonts/HelveticaNeueCyr-Bold.woff') format('woff'),
    url('../src/../fonts/HelveticaNeueCyr-Bold.ttf') format('truetype'),
    url('../src/../fonts/HelveticaNeueCyr-Bold.eot') format('svg');
    font-weight: 700;
    font-style: normal;
}