/*
Theme Name: Token Place
Author: Petro Krupenia
Author URI: https://krapan.net
Description: Your home base for crypto investing
*/


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */
/*! KF Helpers */

/* Document
   ========================================================================== */

/**
 * Use a better box model (opinionated).
 */
*,
html {
    box-sizing: border-box;
}

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

/**
 * Use a more readable tab size (opinionated).
 */

:root {
    -moz-tab-size: 4;
    tab-size: 4;
}

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
 */

body {
    font-family: -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol';
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct height in Firefox.
 */

hr {
    height: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
    text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp,
pre {
    font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in all browsers.
 */

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

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

/**
 * Add the correct vertical alignment in Chrome and Firefox.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type='search'] {
    outline-offset: -2px; /* 2 */
    -webkit-appearance: textfield; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    font: inherit; /* 2 */
    -webkit-appearance: button; /* 1 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden],
.hidden {
    display: none;
}


/* Krapan Framework Helpers
   ========================================================================== */

:root {
    --col-width: 6.25%;
    --col-gutter: 20px;
}

a,
button,
input,
.tr {
    transition: all .3s ease-in-out;
}

/**
 * Text helpers
 */

/**
 * Alignment
 */
.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-transparent {
    color: transparent
}

/**
 * Colors
 */

.text-black {
    color: #000
}

.text-white {
    color: #fff
}

/**
 * Transform
 */
.upper,
.uppercase,
.text-uppercase,
.text--uppercase {
    text-transform: uppercase;
}

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

.capitalize,
.text-capitalize,
.text--capitalize {
    text-transform: capitalize;
}

.normal-case {
    text-transform: none
}

/**
 * Decoration
 */
.underline {
    text-decoration: underline
}

.line-through {
    text-decoration: line-through
}

.no-underline {
    text-decoration: none
}

/**
 * Weight
 */

.font-weight--thin,
.font-weight--100 {
    font-weight: 100;
}

.font-weight--ultralight,
.font-weight--200 {
    font-weight: 200;
}

.font-weight--light,
.font-weight--300 {
    font-weight: 300;
}

.font-weight--normal,
.font-weight--regular,
.font-weight--400 {
    font-weight: 400;
}

.font-weight--medium,
.font-weight--500 {
    font-weight: 500;
}

b,
strong,
.bold,
.font-bold,
.font-weight--bold,
.font-weight--700 {
    font-weight: 700;
}

.font-weight--heavy,
.font-weight--800 {
    font-weight: 800;
}

.font-weight--black,
.font-weight--900 {
    font-weight: 900;
}

/**
 * Style
 */

em,
i,
.font-italic,
.font-style--italic {
    font-style: italic;
}

.not-italic {
    font-style: normal
}


/**
 * Whitespace
 */
.whitespace-normal {
    white-space: normal
}

.whitespace-no-wrap {
    white-space: nowrap
}

.whitespace-pre {
    white-space: pre
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

/**
 * Break
 */

.break-normal {
    word-break: normal;
    overflow-wrap: normal;
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.truncate {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/**
 * Headings
 */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 400;
}

/**
 * Position
 */

.abs,
.absolute,
.position--absolute {
    position: absolute;
}

.fixed,
.position--fixed {
    position: fixed;
}

.rel,
.relative,
.position--relative {
    position: relative;
}

.sticky,
.position--sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
}

/**
 * Overflow
 */

.overflow--auto {
    overflow: auto;
}

.overflow--hidden {
    overflow: hidden;
}

.overflow--scroll {
    overflow: scroll;
}

.overflow--visible {
    overflow: visible;
}

/**
 * Display
 */

.tbl,
.display--table {
    display: table;
}

.display--block {
    display: block;
}

.display--inline-block {
    display: inline-block;
}

.display--inline {
    display: inline;
}

.flex,
.display--flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.display--inline-flex {
    display: inline-flex;
}

.display--grid {
    display: grid;
}

@supports not (display: grid) {
    .display--grid {
        display: table;
        width: 100%;
    }
}


/*
 * Absolute centering
 */

.cY {
    top: 50%;
    transform: translateY(-50%);
}

.cX {
    left: 50%;
    transform: translateX(-50%);
}

.cXY {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*
 * Border
 */

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-none {
    border-style: none
}

.border-0 {
    border-width: 0
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-8 {
    border-width: 8px
}

.border-t-0 {
    border-top-width: 0
}

.border-r-0 {
    border-right-width: 0
}

.border-b-0 {
    border-bottom-width: 0
}

.border-l-0 {
    border-left-width: 0
}

.border-t {
    border-top-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-t-2 {
    border-top-width: 2px
}

.border-r-2 {
    border-right-width: 2px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-l-2 {
    border-left-width: 2px
}

.border-t-4 {
    border-top-width: 4px
}

.border-r-4 {
    border-right-width: 4px
}

.border-b-4 {
    border-bottom-width: 4px
}

.border-l-4 {
    border-left-width: 4px
}

.border-t-8 {
    border-top-width: 8px
}

.border-r-8 {
    border-right-width: 8px
}

.border-b-8 {
    border-bottom-width: 8px
}

.border-l-8 {
    border-left-width: 8px
}


/*
 * Radius
 */

.radius-none {
    border-radius: 0;
}

.radius-4 {
    border-radius: 4px;
}

.radius-8 {
    border-radius: 8px;
}

.radius-10 {
    border-radius: 10px;
}

.radius-20 {
    border-radius: 20px;
}

.radius-full {
    border-radius: 9999px;
}


/*
 * Background
 * ------------------
 */
/*
 * Background position
 * ------------------
 */

.bg-bottom {
    background-position: bottom
}

.bg-center {
    background-position: center
}

.bg-left {
    background-position: left
}

.bg-left-bottom {
    background-position: left bottom
}

.bg-left-top {
    background-position: left top
}

.bg-right {
    background-position: right
}

.bg-right-bottom {
    background-position: right bottom
}

.bg-right-top {
    background-position: right top
}

.bg-top {
    background-position: top
}

/*
 * Background repeat
 * ------------------
 */
.bg-repeat {
    background-repeat: repeat
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-repeat-x {
    background-repeat: repeat-x
}

.bg-repeat-y {
    background-repeat: repeat-y
}

.bg-repeat-round {
    background-repeat: round
}

.bg-repeat-space {
    background-repeat: space
}

/*
 * Background size
 * ------------------
 */
.bg-auto {
    background-size: auto
}

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}


/*
 * shadow
 */
.shadow-lg {
    box-shadow: 0 15px 50px rgba(0, 0, 0, .1);
}

.shadow-md {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
}

.shadow-sm {
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}

/**
 * Width and height
 */

.min-w-0 {
    min-width: 0
}

.min-w-1 {
    min-width: 1px
}

.min-w-full {
    min-width: 100%
}

.max-w-0 {
    max-width: 0
}

.max-w-full {
    max-width: 100%
}

.min-h-0 {
    min-height: 0
}

.min-h-1 {
    min-height: 1px
}

.min-h-full {
    min-height: 100%
}

.max-h-0 {
    max-height: 0
}

.max-h-full {
    max-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

/**
 * z-index
 */

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-auto {
    z-index: auto
}


/**
 * Object-fit
 */

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.object-none {
    -o-object-fit: none;
    object-fit: none
}

.object-scale-down {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.object-bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.object-left {
    -o-object-position: left;
    object-position: left
}

.object-left-bottom {
    -o-object-position: left bottom;
    object-position: left bottom
}

.object-left-top {
    -o-object-position: left top;
    object-position: left top
}

.object-right {
    -o-object-position: right;
    object-position: right
}

.object-right-bottom {
    -o-object-position: right bottom;
    object-position: right bottom
}

.object-right-top {
    -o-object-position: right top;
    object-position: right top
}

.object-top {
    -o-object-position: top;
    object-position: top
}


/**
 * Pointer events
 */

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}


/**
 * SVG currentColor
 */
.fill-current {
    fill: currentColor
}

.stroke-current {
    stroke: currentColor
}

p:empty {
    display: none;
}


/**
 * Code
 */

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

pre {
    display: block;
    margin: 0 0 10px;
    padding: 9px;
    color: rgb(51, 51, 51);
    background-color: rgb(245, 245, 245);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
    border-image: initial;
    font-size: 13px;
    line-height: 1.42857;
    word-wrap: break-word;
    word-break: break-all;
    overflow: auto;
}

/*
 * Grayscale
 */

.grayscale {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
}

.grayscale:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
}


/*
 * Vendor
 * b-lazy.js
 */

.b-lazy {
    max-width: 100%;
    opacity: 0;
    transition: opacity 500ms ease-in-out;
}

.b-lazy.b-error,
.b-lazy.b-loaded {
    opacity: 1;
}


/*
 * Containers
 * ------------------
 */

.container,
.container--lg,
.container--xl,
.container--xxl {
    width: 100%;
}

.container--xxl {
    position: relative;
}


@media (min-width: 1340px) {
    .container {
        width: 1300px;
        margin: 0 auto;
        padding: 0;
    }
}

@media (min-width: 1480px) {
    .container--xl {
        width: 1400px;
        margin: 0 auto;
        padding: 0;
    }
}

@media (min-width: 1680px) {
    .container--xxl {
        width: 1600px;
        margin: 0 auto;
        padding: 0;
    }
}

@media (max-width: 1024px) {
    .container--xxl {
        overflow: hidden;
    }
}

/*
 * Cols
 * ------------------
 */

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

[class^="col-"], [class*="col-"] {
    position: relative;
    width: 100%;
}

.col-1 {
    flex: 0 0 var(--col-width);
    max-width: var(--col-width);
}

.col-2 {
    flex: 0 0 calc(2 * var(--col-width));
    max-width: calc(2 * var(--col-width));
}

.col-3 {
    flex: 0 0 calc(3 * var(--col-width));
    max-width: calc(3 * var(--col-width));
}

.col-4 {
    flex: 0 0 calc(4 * var(--col-width));
    max-width: calc(4 * var(--col-width));
}

.col-5 {
    flex: 0 0 calc(5 * var(--col-width));
    max-width: calc(5 * var(--col-width));
}

.col-6 {
    flex: 0 0 calc(6 * var(--col-width));
    max-width: calc(6 * var(--col-width));
}

.col-7 {
    flex: 0 0 calc(7 * var(--col-width));
    max-width: calc(7 * var(--col-width));
}

.col-8 {
    flex: 0 0 calc(8 * var(--col-width));
    max-width: 0 0 calc(8 * var(--col-width));
}

.col-9 {
    flex: 0 0 calc(9 * var(--col-width));
    max-width: calc(9 * var(--col-width));
}

.col-10 {
    flex: 0 0 calc(10 * var(--col-width));
    max-width: calc(10 * var(--col-width));
}

.col-11 {
    flex: 0 0 calc(11 * var(--col-width));
    max-width: calc(11 * var(--col-width));
}

.col-12 {
    flex: 0 0 calc(12 * var(--col-width));
    max-width: calc(12 * var(--col-width));
}

.col-13 {
    flex: 0 0 calc(13 * var(--col-width));
    max-width: calc(13 * var(--col-width));
}

.col-14 {
    flex: 0 0 calc(14 * var(--col-width));
    max-width: calc(14 * var(--col-width));
}

.col-15 {
    flex: 0 0 calc(15 * var(--col-width));
    max-width: calc(15 * var(--col-width));
}

.col-16 {
    flex: 0 0 calc(16 * var(--col-width));
    max-width: calc(16 * var(--col-width));
}

.offset-1 {
    padding-left: var(--col-width);
}

.offset-2 {
    padding-left: calc(2 * var(--col-width));
}

.offset-3 {
    padding-left: calc(3 * var(--col-width));
}

.offset-4 {
    padding-left: calc(4 * var(--col-width));
}

.offset-5 {
    padding-left: calc(5 * var(--col-width));
}

.offset-6 {
    padding-left: calc(6 * var(--col-width));
}

.offset-7 {
    padding-left: calc(7 * var(--col-width));
}

.offset-8 {
    padding-left: calc(8 * var(--col-width));
}

.offset-9 {
    padding-left: calc(9 * var(--col-width));
}

.offset-10 {
    padding-left: calc(10 * var(--col-width));
}

.offset-11 {
    padding-left: calc(11 * var(--col-width));
}

.offset-12 {
    padding-left: calc(12 * var(--col-width));
}

.offset-13 {
    padding-left: calc(13 * var(--col-width));
}

.offset-14 {
    padding-left: calc(14 * var(--col-width));
}

.offset-15 {
    padding-left: calc(15 * var(--col-width));
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .col-md-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-md-2 {
        flex: 0 0 calc(2 * 8.33333333%);
        max-width: calc(2 * 8.33333333%);
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        flex: 0 0 calc(4 * 8.33333333%);
        max-width: calc(4 * 8.33333333%);
    }

    .col-md-5 {
        flex: 0 0 calc(5 * 8.33333333%);
        max-width: calc(5 * 8.33333333%);
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex: 0 0 calc(7 * 8.33333333%);
        max-width: calc(7 * 8.33333333%);
    }

    .col-md-8 {
        flex: 0 0 calc(8 * 8.33333333%);
        max-width: calc(8 * 8.33333333%);
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        flex: 0 0 calc(10 * 8.33333333%);
        max-width: calc(10 * 8.33333333%);
    }

    .col-md-11 {
        flex: 0 0 calc(11 * 8.33333333%);
        max-width: calc(11 * 8.33333333%);
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .offset-md-1 {
        padding-left: 8.33333333%;
    }

    .offset-md-2 {
        padding-left: calc(2 * 8.33333333%);
    }
}


@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"], input[type="search"] {
        font-size: 16px !important;
    }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"], input[type="search"] {
        font-size: 16px !important;
    }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"], input[type="search"] {
        font-size: 16px !important;
    }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"], input[type="search"] {
        font-size: 16px !important;
    }
}


/*
 * Variables
 * ------------------
 */
:root {
    --primary: #3b3d42;
    --link: #000000;
    --accent-1: #ff6600;
    --accent-2: #ff5121;
    --light-1: #f2f7fa;
    --light-2: #777777;

    --svg-btn-bg: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='57' viewBox='0 0 190 57'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='34.807%25' x2='67.494%25' y1='22.81%25' y2='77.19%25'%3E%3Cstop offset='0%25' stop-color='%23FEDE00'/%3E%3Cstop offset='100%25' stop-color='%23FF5121'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' fill-rule='nonzero' d='M-131 57c-19.33 0-35-15.67-35-35s15.67-35 35-35 35 15.67 35 35-15.67 35-35 35zm240 171.643C109 247.618 93.703 263 74.833 263s-34.166-15.382-34.166-34.357S25.37 194.286 6.5 194.286s-34.167-15.383-34.167-34.357c0-18.975-15.297-34.358-34.166-34.358-18.87 0-34.167-15.382-34.167-34.357s15.297-34.357 34.167-34.357S-27.667 41.475-27.667 22.5s-15.297-34.357-34.166-34.357C-80.703-11.857-96-27.24-96-46.214s15.297-34.357 34.167-34.357 34.166-15.383 34.166-34.358c0-18.974 15.297-34.357 34.167-34.357s34.167-15.382 34.167-34.357S55.964-218 74.833-218C93.703-218 109-202.618 109-183.643s-15.297 34.357-34.167 34.357-34.166 15.383-34.166 34.357C40.667-95.954 25.37-80.57 6.5-80.57S-27.667-65.19-27.667-46.214-12.37-11.857 6.5-11.857 40.667 3.525 40.667 22.5 25.37 56.857 6.5 56.857-27.667 72.24-27.667 91.214-12.37 125.571 6.5 125.571s34.167 15.383 34.167 34.358c0 18.974 15.297 34.357 34.166 34.357 18.87 0 34.167 15.382 34.167 34.357z' opacity='.45' transform='rotate(-72 -28.5 22.5)'/%3E%3C/svg%3E%0A");
    --svg-video: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Cpath fill='%23FF5121' fill-rule='evenodd' d='M8 0h19a8 8 0 0 1 8 8v19a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8V8a8 8 0 0 1 8-8zm11.468 13.095a3 3 0 0 0-4.906 2.316v4.762a3 3 0 0 0 4.984 2.25l2.792-2.464a3 3 0 0 0-.077-4.566l-2.793-2.298z'/%3E%3C/svg%3E");
    --svg-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23888888' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
    --svg-search-h: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23FF5121' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");

    --svg-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23FF5121' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
    --svg-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23FF5121' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
}

::selection {
    color: var(--light-1);
    background: var(--accent-1);
}

::-moz-selection {
    color: var(--light-1);
    background: var(--accent-1);
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Muller';
    src: url('../fonts/MullerBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}


body {
    color: var(--primary);
    font-family: Muller, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0;
    text-align: left;
}

.btn {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 11px 36px 10px;
    color: #ffffff;
    background-color: var(--accent-1);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.14px;
    cursor: pointer;
    overflow: hidden;
    -o-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
    -webkit-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
    transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
    transform: translateZ(0);
}

.btn-lg {
    padding: 16px 36px 16px;
}

.btn-default {
    background-color: var(--accent-2);
    background-image: var(--svg-btn-bg);
}

.btn-default:hover,
.btn-default:focus {
    background-image: none;
}

.btn-white {
    color: var(--primary);
    background-color: #ffffff;
}

.btn-white:hover,
.btn-white:focus {
    color: var(--primary);
    background-color: #e9e9ea;
}

.btn-video {
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    color: #000000;
    background-color: transparent;
    background-image: none;
}

.btn-video ._image {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    background-image: var(--svg-video);
    background-repeat: no-repeat;
    background-position: center center;
}

.btn-video ._text {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.12px;
}

.btn-video ._text span {
    display: block;
}

/* HEADER */
header.site-header {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.admin-bar header.site-header {
    top: 32px;
}

header .inner {
    align-items: center;
    padding-top: 43px;
}

header .logo {
    padding: 0 0 0 50px;
}

header .header-menu {
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    padding: 0 0 0 33px;
}

header .header-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

header .header-menu ul > li {
}

header .header-menu ul > li > a {
    margin: 0 20px 0 0;
    padding: 8px 12px;
    color: var(--link);
    font-size: 14px;
    font-weight: 500;
    line-height: 2.14em;
    letter-spacing: 0.12px;
    text-transform: capitalize;
	white-space: nowrap;
}

header .header-menu ul > li > a:hover,
header .header-menu ul > .current-menu-item > a,
header .header-menu ul > .current_page_parent > a,
header .header-menu ul > .current-page-ancestor > a {
    color: var(--accent-1);
}

header .signin {
    padding: 0 50px 0 0;
    text-align: right;
}

@media (max-width: 1680px) {
    header .container--xxl {
        padding: 0;
    }
}

/* FOOTER */
footer {
    padding: 73px 0 91px 0;
    color: #ffffff;
    background-color: #24242c;
}

footer .inner {
    flex-direction: column;
}

footer .copyright {
    margin-top: 20px;
    opacity: .8;
    font-size: 13px;
    letter-spacing: .05em;
}

footer .copyright p {
    margin: 0;
}

footer .copyright a {
    color: #ffffff;
    opacity: .4;
}

footer .copyright a:hover {
    opacity: .7;
}

.footer-tit {
    margin-bottom: 20px;
    color: #ffffff;
    opacity: .4;
    font-size: 13px;
    font-weight: 500;
    line-height: 2.18em;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.footer-item {
    font-size: 16px;
    line-height: 2.18em;
    letter-spacing: .025em;
}

.footer-item a {
    color: #ffffff;
}

.footer-item.item-menu {
    text-align: left;
}

.footer-menu ul {
    flex-flow: column wrap;
    width: 100%;
    height: 82px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-menu ul > li {
    margin: 0 40px 6px 0;
    padding: 0;
    border-bottom: 1px solid #54595f;
}

.footer-menu ul > li > a {
    opacity: .8;
}

.footer-menu ul > li > a:hover {
    opacity: 1;
}

.footer-item.item-contacts {
    float: right;
    max-width: 440px;
    text-align: right;
}

.footer-item.item-contacts p {
    margin: 0;
    line-height: 1.15em;
}

.footer-item.item-contacts .__email a {
    color: #ffffff;
    opacity: .6;
    line-height: 2.18em;
}


.footer-item.item-contacts .__email a:hover {
    opacity: 1;
}

footer .social {
    justify-content: flex-end;
    margin-top: 10px;
}

footer .social a {
    margin-left: 20px;
    padding: 10px 0;

}

footer .social svg {
    width: 20px;
    height: 20px;
}

@media (max-width: 1679px) {
    .container--xxl {
        padding: 0 150px;
    }
}

.mobile-menu {
    display: none
}

/* TO TOP */
#toTop {
    position: fixed;
    bottom: 85px;
    width: 52px;
    height: 52px;
    padding: 14px;
    background-color: var(--accent-1);
    border-radius: 50%;
    text-decoration: none;
    z-index: 999;
}

#toTop:before {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23ffffff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cline x1='12' y1='19' x2='12' y2='5'%3E%3C/line%3E%3Cpolyline points='5 12 12 5 19 12'%3E%3C/polyline%3E%3C/svg%3E");
}

@media (min-width: 640px) {
    #toTop {
        right: 20px;
    }
}

/* SECTION */
.s-title {
    color: #000000;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0.35px;
}

.s-text {
    margin-top: 16px;
    opacity: .6;
    font-size: 16px;
    letter-spacing: .005em;
}

.s-action {
    margin-top: 55px;
}

.s-bg {
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto 70%;
    opacity: 1;
    z-index: 1;
}


/* TESTIMONIAL WIDGET */
.testimonial--wrap {
    position: relative;
    justify-content: flex-end;
    z-index: 1;
}

.testimonial {
    position: relative;
    flex-flow: column nowrap;
    padding: 19px 30px 30px 77px;
    color: #000000;
    background: #ffffff;
    border-radius: 8px;
    text-align: left;
}

.testimonial figure {
    position: absolute;
    top: 14px;
    left: 20px;
    margin: 0;
    padding: 0;
}

.testimonial figure img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
}


.testimonial-name {
    margin: 13px 0 0 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .01em;
}

.testimonial-comment {
    height: 100%;
    padding-left: 4px;
    opacity: .56;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .02em;
    overflow: visible;
}

.testimonial-comment.collapsed {
    position: relative;
    height: 40px;
    text-align: justify;
    overflow: hidden;
}

.testimonial-comment.collapsed:before {
    position: absolute;
    content: '...';
    right: 0;
    bottom: 0;
    width: 1em;
    text-align: left;
    z-index: 2;
}

.testimonial-comment.collapsed:after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 2px;
    width: 14px;
    height: 16px;
    background: white;
    z-index: 1;
}

.testimonial-footer {
    justify-content: space-between;
}

.testimonial button {
    display: inline-block;
    padding: 13px 0 0 0;
    color: #009bff;
    background: transparent;
    border: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: right;
    white-space: nowrap;
    cursor: pointer;
}

.testimonial button:hover {
    opacity: .7;
}


/* PREFERENCES */
.s-pref {
    padding: 83px 12% 11%;
    border-radius: 6px;
}

.pref-title {
    padding: 10px 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 59px;
    text-align: center;
}

.pref-grid {
    grid-template-columns: 1fr 1fr 1fr;
    padding: 58px 0 0;
}

.pref-item {
    flex-direction: column;
    margin-bottom: 1em;
    padding: 0 38px;
}

.pref-item img {
    display: block;
    width: 35px;
    height: 35px;
    margin-bottom: 18px;
}

.pref-item--tit {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.5em;
}

.pref-item--text {
    font-size: 16px;
    line-height: 27px;
}

.hero {
    position: relative;
    margin-top: 256px;
    color: #000000;
    text-align: left;
    z-index: 2;
}

.hero-title {
    margin: 0;
    font-size: 42px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0.37px;
}

.hero-subtitle {
    margin: 0 0 20px 0;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: .02em
}

.hero-text {
    margin: 0 0 39px;
    padding-top: 17px;
    opacity: .6;
    font-size: 18px;
    letter-spacing: .02em
}

.hero-action {
    align-items: center;
    justify-content: flex-start;
    padding-top: 20px;
}

.hero-action a + a {
    margin-left: 45px;
}

/* HOME*/
.s1 {
    position: relative;
    padding-bottom: 374px;
    background-color: var(--light-1);
    overflow: hidden;
}

.s1:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/s1_1.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    -webkit-transform: scale(1.35);
    transform: scale(1.35);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-animation: heroAnimate_forwards 12s ease-in-out infinite forwards;
    animation: heroAnimate_forwards 12s ease-in-out infinite forwards;
}

@-webkit-keyframes heroAnimate_forwards {
    0% {
        -webkit-transform: scale(1.35) translateX(0);
        transform: scale(1.35) translateX(0);
    }
    50% {
        -webkit-transform: scale(1.25) translateX(0);
        transform: scale(1.25) translateX(0);
    }
    100% {
        -webkit-transform: scale(1.35) translateX(0);
        transform: scale(1.35) translateX(0);
    }
}

@keyframes heroAnimate_forwards {
    0% {
        -webkit-transform: scale(1.35) translateX(0);
        transform: scale(1.35) translateX(0);
    }
    50% {
        -webkit-transform: scale(1.25) translateX(0);
        transform: scale(1.25) translateX(0);
    }
    100% {
        -webkit-transform: scale(1.35) translateX(0);
        transform: scale(1.35) translateX(0);
    }
}

@-webkit-keyframes heroAnimate_1024 {
    0% {
        -webkit-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0);
    }
    50% {
        -webkit-transform: scale(1.1) translateX(0);
        transform: scale(1.1) translateX(0);
    }
    100% {
        -webkit-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0);
    }
}

@keyframes heroAnimate_1024 {
    0% {
        -webkit-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0);
    }
    50% {
        -webkit-transform: scale(1.1) translateX(0);
        transform: scale(1.1) translateX(0);
    }
    100% {
        -webkit-transform: scale(1) translateX(0);
        transform: scale(1) translateX(0);
    }
}

.s1::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/s1_2.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 100% 100%;
    -webkit-transform: translate(16%, -4%) scale(0.7);
    transform: translate(16%, -4%) scale(0.7);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: heroAnimate_reverse 12s ease-in-out infinite forwards;
    animation: heroAnimate_reverse 12s ease-in-out infinite forwards;
}

@-webkit-keyframes heroAnimate_reverse {
    0% {
        -webkit-transform: translate(20%, -4%) scale(0.7);
        transform: translate(20%, -4%) scale(0.7);
    }
    50% {
        -webkit-transform: translate(16%, -4%) scale(0.7);
        transform: translate(16%, -4%) scale(0.7);
    }
    100% {
        -webkit-transform: translate(20%, -4%) scale(0.7);
        transform: translate(20%, -4%) scale(0.7);
    }
}

@keyframes heroAnimate_reverse {
    0% {
        -webkit-transform: translate(20%, -4%) scale(0.7);
        transform: translate(20%, -4%) scale(0.7);
    }
    50% {
        -webkit-transform: translate(16%, -4%) scale(0.7);
        transform: translate(16%, -4%) scale(0.7);
    }
    100% {
        -webkit-transform: translate(20%, -4%) scale(0.7);
        transform: translate(20%, -4%) scale(0.7);
    }
}

@-webkit-keyframes heroAnimate_reverse_1200 {
    0% {
        -webkit-transform: translate(10%, -4%) scale(0.7);
        transform: translate(10%, -4%) scale(0.7);
    }
    50% {
        -webkit-transform: translate(14%, -4%) scale(0.7);
        transform: translate(14%, -4%) scale(0.7);
    }
    100% {
        -webkit-transform: translate(10%, -4%) scale(0.7);
        transform: translate(10%, -4%) scale(0.7);
    }
}

@keyframes heroAnimate_reverse_1200 {
    0% {
        -webkit-transform: translate(10%, -4%) scale(0.7);
        transform: translate(10%, -4%) scale(0.7);
    }
    50% {
        -webkit-transform: translate(14%, -4%) scale(0.7);
        transform: translate(14%, -4%) scale(0.7);
    }
    100% {
        -webkit-transform: translate(10%, -4%) scale(0.7);
        transform: translate(10%, -4%) scale(0.7);
    }
}

.s1 .hero {
    max-width: 500px;
}

.s1 .s1-bg {
    top: -5px;
    background-position: 60% 108px;
}


.s2 {
    position: relative;
    padding: 0 0 40px 0;
    color: #ffffff;
    background-color: transparent;
    background-image: linear-gradient(180deg, #3a3a43 0%, #25252d 100%);
}

.s2:before {
    position: absolute;
    content: '';
    top: 0;
    left: -60px;
    width: 403px;
    height: 403px;
    background-image: url("../images/s2_1.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 100% 100%;
    z-index: 1;
    animation: ballAnimate 12s ease-in-out infinite forwards;
}

@-webkit-keyframes ballAnimate {
    0% {
        -webkit-transform: translate(0, -37%);
        transform: translate(0, -37%);
    }
    50% {
        -webkit-transform: translate(-10%, -37%);
        transform: translate(-10%, -37%);
    }
    100% {
        -webkit-transform: translate(0, -37%);
        transform: translate(0, -37%);
    }
}

@keyframes ballAnimate {
    0% {
        -webkit-transform: translate(0, -37%);
        transform: translate(0, -37%);
    }
    50% {
        -webkit-transform: translate(-10%, -37%);
        transform: translate(-10%, -37%);
    }
    100% {
        -webkit-transform: translate(0, -37%);
        transform: translate(0, -37%);
    }
}

.s2:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/s2_2.svg");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    opacity: 1;
}

.s2 .container {
    position: relative;
    z-index: 1;
}

.s2 .main-image {
    position: relative;
    margin-bottom: -191px;
    text-align: center;
    z-index: 2;
    transform: translateY(-191px);
}

.s2 .__image img,
.s2 .__image video {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 5px;

}

.s2 .main-image img,
.s2 .main-image video {
    max-width: 1056px;
}

.s2 .__inner {
    margin-top: 109px;
}

.s2 .s-title {
    color: #ffffff;
}

.s02-nums {
    grid-template-columns: 200px 200px;
    grid-column-gap: 55px;
    grid-row-gap: 33px;
    margin-top: 70px;
}

.num-item--num {
    font-size: 48px;
    line-height: 1em;
    letter-spacing: .01em;
}

.num-item--text {
    margin-top: 11px;
    opacity: .56;
    font-size: 16px;
    line-height: 1.4em;
    letter-spacing: 0.19px;
}

.s2 .secondary-image {
    padding: 66px 35px 0 15px;
}

.s2-testimonial {
    margin-top: 36px;
}

.s2 .testimonial {
    width: 540px;
}

.s3 {
    position: relative;
    min-height: 95vh;
    background-color: #fcfdff;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#f6f7f9),
            to(#eeeeee)
    );
    background-image: linear-gradient(
            180deg,
            #f6f7f9 0%,
            #eeeeee 100%
    );
}

.s3 .container {
    position: relative;
    z-index: 2;
}

.s3 .s-title {
    max-width: 375px;
    padding-top: 176px;
}

.s3-rep {
    float: right;
    width: 265px;
    padding-top: 685px;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: .005em;
}

.s3-rep p {
    margin: 0;
    padding: 20px 0 1em;
    border-bottom: 1px solid #d8d8d8;
}

.s3-bg {
    background-position: center;
    background-size: auto 716px;
}

.s4 {
    position: relative;
    padding-top: 80px;
    background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#edefee),
            color-stop(20%, #f2f7fa),
            to(#f2f7fa)
    );
    background-image: linear-gradient(
            180deg,
            #edefee 0%,
            #f2f7fa 20%,
            #f2f7fa 100%
    );
}

.s4:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/s4_1.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    z-index: 0;
}

.s4-bg {
    background-position: right 60px bottom;
    background-size: auto 650px;
    pointer-events: none;
}

.s4-pref {
    position: relative;
    color: #ffffff;
    background-color: #009bff;
    z-index: 1;
}

.s4 .testimonial--inner {
    transform: translate(90px, -50%)
}

.s4 .testimonial {
    width: 610px;
}

.s4-cols {
    position: relative;
    padding-bottom: 500px;
}

.s4-cols--title {
}

.s4-cols--grid {
    grid-template-columns: 220px 220px;
    grid-column-gap: 50px;
    margin-top: 45px;
    margin-bottom: 25px;
}

.s4-cols--item {
    margin-bottom: 28px;
    padding-bottom: 32px;
    color: #000000;
    border-bottom: 1px solid #d8d8d8;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: .005em;
}

.s4-cols--item:nth-last-child(2),
.s4-cols--item:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.s4-cols--link {
    align-items: center;
    color: #a2a2a2;
    opacity: .56;
    font-size: 16px;
    line-height: 18px;
}

.s4-cols--link svg {
    margin-left: 10px;
}


.s5 {
    position: relative;
}

.s5:before {
    position: absolute;
    content: '';
    top: -216px;
    left: 0;
    width: 436px;
    height: 438px;
    background-image: url("../images/s5_1.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    z-index: 0;
}

.s5_01 {
    padding-top: 106px;
    background-color: transparent;
    background-image: linear-gradient(
            180deg,
            #f2f7fa 0%,
            #ffffff 100%
    );
}

.s5_02 {
    background-color: transparent;
    background-image: linear-gradient(
            180deg,
            #ffffff 20%,
            #f2f7fa 80%
    );
}

.s5_03 {
    background-color: #f2f7fa;
}

.s5 .s-text {
    max-width: 540px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 20px;
}

.s5-testimonial {
    margin-top: 100px;
}

.s5-testimonial .testimonial--inner {
    transform: translateX(90px);
}

.s5-testimonial .testimonial {
    width: 500px;
    color: #ffffff;
    background-color: #009bff;
}

.s5-testimonial .testimonial-comment {
    opacity: 1;
    font-size: 16px;
    line-height: 20px;
}

.s5-pref {
    margin-top: 40px;
    color: #ffffff;
    background-color: #3a3a43;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
}

.s5-pref .pref-title {
    margin-top: 26px;
    margin-bottom: 20px;
}

.s5-pref .pref-grid {
    margin-bottom: 24px;
}

.s5-pref .pref-item--text {
    opacity: .6;
}

.s5-intro {
    padding: 132px 0 322px 0;
}

.s5-intro .s-text {
    max-width: 100%;
    margin: 0;
    padding: 0;
    padding-left: 80px;
    font-size: 16px;
    line-height: 1.88em;
}

.s5-intro a {
    margin-bottom: 40px;
}

.s6 {
    color: #ffffff;
    background-color: #009bff;
}

.s6 .main-image {
    position: relative;
    margin-bottom: -238px;
    text-align: center;
    z-index: 2;
    transform: translateY(-50%);
}

.s6 .__image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 5px;

}

.s6 .main-image img {
    max-width: 977px;
}

.s6 ._inner {
    padding-bottom: 120px;
    color: #ffffff;
    text-align: center;
}

.s6 .s-title {
    color: #ffffff;
}

.s6 .s-text {
    opacity: .89
}

.s6 .s-action {
    flex-flow: column wrap;
    width: 160px;
    margin: 43px auto 0;
}

.s6 .s-action .btn-white {
    color: #009bff;
}

.s6 .s-action .btn-white:hover {
    opacity: .9;
}

.s6 .s-subtext {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.3;
}

/* PRODUCT TOUR */
.pt_s_1 {
    position: relative;
    overflow: hidden;
}

.pt_s_1:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 200%;
    background-image: url("../images/pt_s1_1.svg");
    background-repeat: no-repeat;
    background-position: top right;
    z-index: 1;
    -webkit-animation: heroAnimate 12s ease-in-out infinite forwards;
    animation: heroAnimate 12s ease-in-out infinite forwards;
}

@-webkit-keyframes heroAnimate {
    0% {
        -webkit-transform: scale(1) translatex(0);
        transform: scale(1) translatex(0);
    }
    50% {
        -webkit-transform: scale(1.1) translatex(3%);
        transform: scale(1.1) translatex(3%);
    }
    100% {
        -webkit-transform: scale(1) translatex(0);
        transform: scale(1) translatex(0);
    }
}

@keyframes heroAnimate {
    0% {
        -webkit-transform: scale(1) translatex(0);
        transform: scale(1) translatex(0);
    }
    50% {
        -webkit-transform: scale(1.1) translatex(3%);
        transform: scale(1.1) translatex(3%);
    }
    100% {
        -webkit-transform: scale(1) translatex(0);
        transform: scale(1) translatex(0);
    }
}

.pt_s_1_01 {
    position: relative;
    padding-bottom: 15%;
    background-color: #f2f7fa;
}

.pt_s_1 .main-image {
    position: relative;
    text-align: right;
    z-index: 2;
}

.pt_s_1 .main-image img,
.pt_s_1 .main-image video {
    position: relative;
    max-width: 930px;
    border-radius: 5px;
    transform: translateY(calc(57% + 70px));
}

.pt_s_1_02 {
    position: relative;
    padding: 156px 0 100px 0;
    background-color: #393942;
}

.pt_s_1_02--title {
    margin-top: 88px;
    margin-bottom: 100px;
    color: #ffffff;
}

.pt_s_1_02--images {
    position: relative;
    z-index: 2;
}

.pt_s_1_02--images .item {
    padding: 20px;
}

.pt_s_1_02--images .item + .item {
    margin-top: 50px;
}

.pt_s_1_02--images .item-image {
    position: relative;
    display: inline-block;
    padding: 20px;
    background-color: #f6f7fa;
    border-radius: 6px;
}

.pt_s_1_02--images .item-image::after {
    position: absolute;
    display: block;
    content: '';
    bottom: -20px;
    left: -20px;
    width: 215px;
    height: 132px;
    background-color: #2486ff;
    border-radius: 6px;
    z-index: -1;
}

.pt_s_1_02--images .item-image img {
    display: block;
    border-radius: 6px;
    max-width: 100%;
}

.pt_s_1_02--images p {
    max-width: 50%;
    margin: 50px 0 0 -20px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
}

.pt_s_1_02--images .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: -5px;
}

.pt_s_1_02--images .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    margin: 5px;
    background-color: #7a7a7a;
    opacity: 1;
}

.pt_s_1_02--images .swiper-pagination-bullet-active{
    background-color: #2486ff;
}

.pt_s_2 {
    position: relative;
    overflow: hidden;
}

.pt_s_2:after {
    position: absolute;
    content: '';
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background-image: url("../images/pt_s2_1.svg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 1600px auto;
    z-index: 1;
    transform: translate(-41%, 330px) scale(.92);
    transform-origin: 50% 13%;
}

.pt_s_2_01 {
    position: relative;
    padding: 140px 0 170px;
    background-color: #2486ff;
}

.pt_s_2--pref-title {
    margin-bottom: 120px;
    color: #ffffff;
}

.pt_s_2--pref {
    position: relative;
    flex-flow: column wrap;
    margin-bottom: 140px;
    color: #ffffff;
    z-index: 2;
}

.pt_s_2--pref.__left {
    text-align: left;
}

.pt_s_2--pref.__right {
    position: relative;
    align-items: flex-end;
    text-align: right;
    z-index: 2;
}

.pt_s_2--pref .item {
    max-width: 380px;
}

.pt_s_2--pref .item + .item {
    margin-top: 130px;
}

.pt_s_2--pref .item-title {
    font-size: 20px;
    line-height: 1.2em;
}

.pt_s_2--pref p {
    margin: 13px 0 0 0;
    font-size: 16px;
    line-height: 1.68em;
}

.pt_s_2--pref-image {
    position: absolute;
    display: block;
    top: 260px;
    right: 0;
    left: 50px;
    width: 40%;
    height: auto;
    margin: 0 auto;
}

.pt_s_2_02 {
    position: relative;
    padding: 138px 0 142px 0;
    background-color: #393942;
}

.pt_s_2--interface-title {
    margin-bottom: 67px;
    color: #ffffff;
}

.pt_s_2--interface-text .item-title {
    opacity: .4;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.23em;
    letter-spacing: .01em;
}

.pt_s_2--interface-text p {
    margin: 24px 0 0 0;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: .01em;
}

.pt_s_2--interface-text img {
    max-width: 100%;
    margin-top: 28px;
    border-radius: 5px;
}

.pt_s_2--interface.__left .pt_s_2--interface-text {
    max-width: 350px;
    color: #ffffff;
}

.pt_s_2--interface.__right .pt_s_2--interface-text {
    position: relative;
    max-width: 350px;
    padding-top: 110px;
    color: #000000;
    z-index: 2;
}

.pt_s_2--interface-image {
    position: absolute;
    display: block;
    bottom: 0;
    left: 39%;
    width: auto;
    height: auto;
    max-height: 100%;
    margin: 0 auto;
    z-index: 2;
}

.pt_s_2--interface-image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.pt_s_2_03 {
    position: relative;
    padding: 50px 0 0 0;
    background-color: #f2f7fa;
}

.pt_s_2_03 ._inner {
    padding: 145px 0 140px 0;
}

.pt_s_2_03 ol {
    margin: 66px 240px 0 0;
    padding: 0;
    color: rgba(0, 0, 0, .6);
    font-size: 16px;
    line-height: 1.8em;
    letter-spacing: .01em;
    list-style-type: none;
    counter-reset: list;
}

.pt_s_2_03 ol li {
    position: relative;
    margin-bottom: 16px;
    padding-left: 30px;
    counter-increment: list;
}

.pt_s_2_03 ol li:before {
    position: absolute;
    content: counter(list) '. ';
    top: 1px;
    left: 0;
    margin-right: 15px;
    color: #000000;
    font-weight: 700;
}

.orbit-wrap {
    justify-content: flex-end;
    width: 100%;
}

.orbit {
    position: relative;
    width: 650px;
    min-width: 650px;
    height: 666px;
    background-image: url("../images/orbit.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    z-index: 2;
}

.icons {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 51px !important;
    height: 51px;
    margin-bottom: 0 !important;
    color: #ffffff;
    z-index: 1;
}

.icons svg {
    fill: currentColor;
}

.icon_1-2,
.icon_2-2,
.icon_3-2,
.icon_4-2,
.icon_5-2 {
    opacity: 0;
}

.icon_1 {
    -webkit-transform: translate(-50%, -75%) rotate(0deg) translate(327px) rotate(0);
    transform: translate(-50%, -75%) rotate(0deg) translate(327px) rotate(0);
    -webkit-animation: icon_1_rotate 20s infinite linear;
    animation: icon_1_rotate 20s infinite linear;
}

.icon_1-2 {
    -webkit-transform: translate(-50%, -75%) rotate(180deg) translate(327px) rotate(-180deg);
    transform: translate(-50%, -75%) rotate(180deg) translate(327px) rotate(-180deg);
    -webkit-animation: icon_1_2_rotate 20s infinite linear;
    animation: icon_1_2_rotate 20s infinite linear;
}

.icon_1 svg {
    -webkit-animation: icon_1_color 20s infinite linear;
    animation: icon_1_color 20s infinite linear;
    fill: #ffa90d
}

.icon_3 svg {
    fill: #fff;
}

.icon_3 svg .lockPath {
    stroke: #fff !important;
    stroke-linecap: round !important;
    stroke-width: 4px !important;
}

@-webkit-keyframes icon_1_color {
    0% {
        fill: #ffa90d
    }
    5% {
        fill: #ffa90d;
    }
    6% {
        fill: #fff;
    }
    15% {
        fill: #fff;
    }
    16% {
        fill: #ffa90d;
    }
    84% {
        fill: #ffa90d;
    }
    85% {
        fill: #fff;
    }
    93% {
        fill: #fff;
    }
    94% {
        fill: #ffa90d;
    }
}

@keyframes icon_1_color {
    0% {
        fill: #ffa90d
    }
    5% {
        fill: #ffa90d;
    }
    6% {
        fill: #fff;
    }
    15% {
        fill: #fff;
    }
    16% {
        fill: #ffa90d;
    }
    84% {
        fill: #ffa90d;
    }
    85% {
        fill: #fff;
    }
    93% {
        fill: #fff;
    }
    94% {
        fill: #ffa90d;
    }
}

@-webkit-keyframes icon_1_rotate {
    from {
        -webkit-transform: translate(-50%, -75%) rotate(0deg) translate(327px) rotate(0);
        transform: translate(-50%, -75%) rotate(0deg) translate(327px) rotate(0);
    }
    to {
        -webkit-transform: translate(-50%, -75%) rotate(360deg) translate(327px) rotate(-360deg);
        transform: translate(-50%, -75%) rotate(360deg) translate(327px) rotate(-360deg);
    }
}

@keyframes icon_1_rotate {
    from {
        -webkit-transform: translate(-50%, -75%) rotate(0deg) translate(327px) rotate(0);
        transform: translate(-50%, -75%) rotate(0deg) translate(327px) rotate(0);
    }
    to {
        -webkit-transform: translate(-50%, -75%) rotate(360deg) translate(327px) rotate(-360deg);
        transform: translate(-50%, -75%) rotate(360deg) translate(327px) rotate(-360deg);
    }
}

@-webkit-keyframes icon_1_2_rotate {
    from {
        -webkit-transform: translate(-50%, -75%) rotate(180deg) translate(327px) rotate(-180deg);
        transform: translate(-50%, -75%) rotate(180deg) translate(327px) rotate(-180deg);
    }
    to {
        -webkit-transform: translate(-50%, -75%) rotate(540deg) translate(327px) rotate(-540deg);
        transform: translate(-50%, -75%) rotate(540deg) translate(327px) rotate(-540deg);
    }
}

@keyframes icon_1_2_rotate {
    from {
        -webkit-transform: translate(-50%, -75%) rotate(180deg) translate(327px) rotate(-180deg);
        transform: translate(-50%, -75%) rotate(180deg) translate(327px) rotate(-180deg);
    }
    to {
        -webkit-transform: translate(-50%, -75%) rotate(540deg) translate(327px) rotate(-540deg);
        transform: translate(-50%, -75%) rotate(540deg) translate(327px) rotate(-540deg);
    }
}

.icon_2 {
    -webkit-transform: translate(-50%, -75%) rotate(150deg) translate(150px) rotate(-150deg);
    transform: translate(-50%, -75%) rotate(150deg) translate(150px) rotate(-150deg);
    animation: icon_2_rotate 20s infinite linear reverse;
}

.icon_2-2 {
    -webkit-transform: translate(-50%, -75%) rotate(180deg) translate(150px) rotate(-180deg);
    transform: translate(-50%, -75%) rotate(180deg) translate(150px) rotate(-180deg);
    animation: icon_2_2_rotate 20s infinite linear reverse;
}

.icon_2 svg {
    fill: #fff;
}

@-webkit-keyframes icon_2_rotate {
    0% {
        -webkit-transform: translate(-50%, -75%) rotate(150deg) translate(150px) rotate(-150deg);
        transform: translate(-50%, -75%) rotate(150deg) translate(150px) rotate(-150deg);
    }
    100% {
        -webkit-transform: translate(-50%, -75%) rotate(510deg) translate(150px) rotate(-510deg);
        transform: translate(-50%, -75%) rotate(510deg) translate(150px) rotate(-510deg);
    }
}

@keyframes icon_2_rotate {
    0% {
        -webkit-transform: translate(-50%, -75%) rotate(150deg) translate(150px) rotate(-150deg);
        transform: translate(-50%, -75%) rotate(150deg) translate(150px) rotate(-150deg);
    }
    100% {
        -webkit-transform: translate(-50%, -75%) rotate(510deg) translate(150px) rotate(-510deg);
        transform: translate(-50%, -75%) rotate(510deg) translate(150px) rotate(-510deg);
    }
}

@-webkit-keyframes icon_2_2_rotate {
    from {
        -webkit-transform: translate(-50%, -75%) rotate(330deg) translate(150px) rotate(-330deg);
        transform: translate(-50%, -75%) rotate(330deg) translate(150px) rotate(-330deg);
    }
    to {
        -webkit-transform: translate(-50%, -75%) rotate(690deg) translate(150px) rotate(-690deg);
        transform: translate(-50%, -75%) rotate(690deg) translate(150px) rotate(-690deg);
    }
}

@keyframes icon_2_2_rotate {
    from {
        -webkit-transform: translate(-50%, -75%) rotate(330deg) translate(150px) rotate(-330deg);
        transform: translate(-50%, -75%) rotate(330deg) translate(150px) rotate(-330deg);
    }
    to {
        -webkit-transform: translate(-50%, -75%) rotate(690deg) translate(150px) rotate(-690deg);
        transform: translate(-50%, -75%) rotate(690deg) translate(150px) rotate(-690deg);
    }
}

.icon_3 {
    -webkit-transform: translate(-50%, -90%) rotate(90deg) translate(195px) rotate(-90deg);
    transform: translate(-50%, -90%) rotate(90deg) translate(195px) rotate(-90deg);
    -webkit-animation: icon_3_rotate 20s infinite linear;
    animation: icon_3_rotate 20s infinite linear;
}

.icon_3-2 {
    -webkit-transform: translate(-50%, -90%) rotate(270deg) translate(195px) rotate(-270deg);
    transform: translate(-50%, -90%) rotate(270deg) translate(195px) rotate(-270deg);
    -webkit-animation: icon_3_2_rotate 20s infinite linear;
    animation: icon_3_2_rotate 20s infinite linear;
}

@-webkit-keyframes icon_3_rotate {
    from {
        -webkit-transform: translate(-50%, -90%) rotate(90deg) translate(195px) rotate(-90deg);
        transform: translate(-50%, -90%) rotate(90deg) translate(195px) rotate(-90deg);
    }
    to {
        -webkit-transform: translate(-50%, -90%) rotate(450deg) translate(195px) rotate(-450deg);
        transform: translate(-50%, -90%) rotate(450deg) translate(195px) rotate(-450deg);
    }
}

@keyframes icon_3_rotate {
    from {
        -webkit-transform: translate(-50%, -90%) rotate(90deg) translate(195px) rotate(-90deg);
        transform: translate(-50%, -90%) rotate(90deg) translate(195px) rotate(-90deg);
    }
    to {
        -webkit-transform: translate(-50%, -90%) rotate(450deg) translate(195px) rotate(-450deg);
        transform: translate(-50%, -90%) rotate(450deg) translate(195px) rotate(-450deg);
    }
}

@-webkit-keyframes icon_3_2_rotate {
    from {
        -webkit-transform: translate(-50%, -90%) rotate(270deg) translate(195px) rotate(-270deg);
        transform: translate(-50%, -90%) rotate(270deg) translate(195px) rotate(-270deg);
    }
    to {
        -webkit-transform: translate(-50%, -90%) rotate(630deg) translate(195px) rotate(-630deg);
        transform: translate(-50%, -90%) rotate(630deg) translate(195px) rotate(-630deg);
    }
}

@keyframes icon_3_2_rotate {
    from {
        -webkit-transform: translate(-50%, -90%) rotate(270deg) translate(195px) rotate(-270deg);
        transform: translate(-50%, -90%) rotate(270deg) translate(195px) rotate(-270deg);
    }
    to {
        -webkit-transform: translate(-50%, -90%) rotate(630deg) translate(195px) rotate(-630deg);
        transform: translate(-50%, -90%) rotate(630deg) translate(195px) rotate(-630deg);
    }
}

.icon_4 {
    -webkit-transform: translate(-50%, -75%) rotate(135deg) translate(265px) rotate(-135deg);
    transform: translate(-50%, -75%) rotate(135deg) translate(265px) rotate(-135deg);
    -webkit-animation: icon_4_rotate 20s infinite linear;
    animation: icon_4_rotate 20s infinite linear;
}

.icon_4-2 {
    -webkit-transform: translate(-50%, -75%) rotate(315deg) translate(265px) rotate(-315deg);
    transform: translate(-50%, -75%) rotate(315deg) translate(265px) rotate(-315deg);
    -webkit-animation: icon_4_2_rotate 20s infinite linear;
    animation: icon_4_2_rotate 20s infinite linear;
}

.icon_4 svg {
    -webkit-animation: icon_4_color 20s infinite linear;
    animation: icon_4_color 20s infinite linear;
}

@-webkit-keyframes icon_4_color {
    0% {
        fill: #ffa90d
    }
    44% {
        fill: #ffa90d;
    }
    45% {
        fill: #fff;
    }
    59% {
        fill: #fff;
    }
    60% {
        fill: #ffa90d;
    }
    63% {
        fill: #ffa90d;
    }
    64% {
        fill: #fff;
    }
    79% {
        fill: #fff;
    }
    80% {
        fill: #ffa90d;
    }
    100% {
        fill: #ffa90d;
    }
}

@keyframes icon_4_color {
    0% {
        fill: #ffa90d
    }
    44% {
        fill: #ffa90d;
    }
    45% {
        fill: #fff;
    }
    59% {
        fill: #fff;
    }
    60% {
        fill: #ffa90d;
    }
    63% {
        fill: #ffa90d;
    }
    64% {
        fill: #fff;
    }
    79% {
        fill: #fff;
    }
    80% {
        fill: #ffa90d;
    }
    100% {
        fill: #ffa90d;
    }
}

@-webkit-keyframes icon_4_rotate {
    from {
        -webkit-transform: translate(-50%, -75%) rotate(135deg) translate(265px) rotate(-135deg);
        transform: translate(-50%, -75%) rotate(135deg) translate(265px) rotate(-135deg);
    }
    to {
        -webkit-transform: translate(-50%, -75%) rotate(495deg) translate(265px) rotate(-495deg);
        transform: translate(-50%, -75%) rotate(495deg) translate(265px) rotate(-495deg);
    }
}

@keyframes icon_4_rotate {
    from {
        -webkit-transform: translate(-50%, -75%) rotate(135deg) translate(265px) rotate(-135deg);
        transform: translate(-50%, -75%) rotate(135deg) translate(265px) rotate(-135deg);
    }
    to {
        -webkit-transform: translate(-50%, -75%) rotate(495deg) translate(265px) rotate(-495deg);
        transform: translate(-50%, -75%) rotate(495deg) translate(265px) rotate(-495deg);
    }
}

@-webkit-keyframes icon_4_2_rotate {
    from {
        -webkit-transform: translate(-50%, -75%) rotate(315deg) translate(265px) rotate(-315deg);
        transform: translate(-50%, -75%) rotate(315deg) translate(265px) rotate(-315deg);
    }
    to {
        -webkit-transform: translate(-50%, -75%) rotate(675deg) translate(265px) rotate(-675deg);
        transform: translate(-50%, -75%) rotate(675deg) translate(265px) rotate(-675deg);
    }
}

@keyframes icon_4_2_rotate {
    from {
        -webkit-transform: translate(-50%, -75%) rotate(315deg) translate(265px) rotate(-315deg);
        transform: translate(-50%, -75%) rotate(315deg) translate(265px) rotate(-315deg);
    }
    to {
        -webkit-transform: translate(-50%, -75%) rotate(675deg) translate(265px) rotate(-675deg);
        transform: translate(-50%, -75%) rotate(675deg) translate(265px) rotate(-675deg);
    }
}

.icon_5 {
    -webkit-transform: translate(-50%, -75%) rotate(270deg) translate(95px) rotate(-270deg);
    transform: translate(-50%, -75%) rotate(270deg) translate(95px) rotate(-270deg);
    animation: icon_5_rotate 40s infinite linear reverse;
}

.icon_5-2 {
    -webkit-transform: translate(-50%, -75%) rotate(450deg) translate(95px) rotate(-450deg);
    transform: translate(-50%, -75%) rotate(450deg) translate(95px) rotate(-450deg);
    animation: icon_5_2_rotate 40s infinite linear reverse;
}

@-webkit-keyframes icon_5_rotate {
    from {
        -webkit-transform: translate(-50%, -75%) rotate(270deg) translate(95px) rotate(-270deg);
        transform: translate(-50%, -75%) rotate(270deg) translate(95px) rotate(-270deg);
    }
    to {
        -webkit-transform: translate(-50%, -75%) rotate(630deg) translate(95px) rotate(-630deg);
        transform: translate(-50%, -75%) rotate(630deg) translate(95px) rotate(-630deg);
    }
}

@keyframes icon_5_rotate {
    from {
        -webkit-transform: translate(-50%, -75%) rotate(270deg) translate(95px) rotate(-270deg);
        transform: translate(-50%, -75%) rotate(270deg) translate(95px) rotate(-270deg);
    }
    to {
        -webkit-transform: translate(-50%, -75%) rotate(630deg) translate(95px) rotate(-630deg);
        transform: translate(-50%, -75%) rotate(630deg) translate(95px) rotate(-630deg);
    }
}

@-webkit-keyframes icon_5_2_rotate {
    from {
        -webkit-transform: translate(-50%, -75%) rotate(450deg) translate(95px) rotate(-450deg);
        transform: translate(-50%, -75%) rotate(450deg) translate(95px) rotate(-450deg);
    }
    to {
        -webkit-transform: translate(-50%, -75%) rotate(810deg) translate(95px) rotate(-810deg);
        transform: translate(-50%, -75%) rotate(810deg) translate(95px) rotate(-810deg);
    }
}

@keyframes icon_5_2_rotate {
    from {
        -webkit-transform: translate(-50%, -75%) rotate(450deg) translate(95px) rotate(-450deg);
        transform: translate(-50%, -75%) rotate(450deg) translate(95px) rotate(-450deg);
    }
    to {
        -webkit-transform: translate(-50%, -75%) rotate(810deg) translate(95px) rotate(-810deg);
        transform: translate(-50%, -75%) rotate(810deg) translate(95px) rotate(-810deg);
    }
}

.pt_s_2_04 {
    padding: 137px 0 145px;
}

.pt_s_2--speed-grid {
    position: relative;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 52px;
    grid-row-gap: 47px;
    margin-top: 50px;
    z-index: 2;
}

.pt_s_2--speed-grid .item {
    align-items: center;
    justify-content: flex-start;
    padding: 24px;
    background-color: #f2f7fa;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: .01em;
}

.pt_s_2--speed-grid .item figure {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    margin: 0 35px 0 0;
}

.pt_s_2--speed-grid .item img {
    display: block;
    width: 60px;
    height: auto;
}

.pt_s_2--speed-grid .item .item-text {
    flex: 0 0 calc(100% - 95px);
}

.pt_s_3 {
    position: relative;
    padding: 105px 0 130px;
    color: #ffffff;
    background-color: #4a4b53;
}

.pt_s_3 .s-title {
    color: #ffffff;
}

.pt_s_3 .item {
    padding: 0 20% 28px 6%
}

.pt_s_3 .item .item-title {
    margin-top: 10px;
    margin-bottom: 27px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35em;
    letter-spacing: .02em;
}

.pt_s_3 .item p {
    font-size: 16px;
    line-height: 1.7em;
    letter-spacing: .02em;
}

.pt_s_3--func-image {
    position: absolute;
    bottom: -170px;
    left: 70px;
}

.pt_s_3--func-image img {
    display: block;
    max-width: 660px;
    height: auto;
}

.pt_s_2--func-link {
    align-items: center;
    margin-top: 10px;
    margin-left: 6%;
    color: #a2a2a2;
    opacity: .56;
    font-size: 16px;
    line-height: 18px;
}

.pt_s_4 {
    padding-top: 130px
}

.pt_s_4 .s-action {
    flex-flow: column wrap;
    width: 200px;
    margin: 43px auto 0;
}

.wb_s_1 {
    padding: 214px 0 100px;
    background-color: #f2f7fa;
    background-image: url("../images/wb_s1_1.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto;
}

.wb_s_1 .row {
    align-items: center;
    justify-content: space-between;
}

.wb_s_1 .hero {
    margin-top: 0;
}

.wb_s_1 .hero-subtitle {
    margin: 0 0 28px 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3em;
}

.wb_s_1 .hero-subtitle span {
    color: #ff8116
}

.wb_s_1 .hero-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 1em;
}

.wb_s_1 .hero-text {
    margin: 0;
    padding-top: 37px;
    font-size: 22px;
    line-height: 34px;
}

.hero-images {
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: 190px;
}

.hero-image--01 {
    position: relative;
    right: 63px;
    bottom: 15px;
    width: 350px;
    height: 318px;
}

.hero-image--02 {
    width: 155px;
    height: 475px;
}

.wb_s_2 {
    padding: 18px 0 360px;
    background-color: #f2f7fa;
    background-image: url("../images/wb_s2_1.svg");
    background-repeat: no-repeat;
    background-position: 0% 280px;
    background-size: 100% auto;
}

.wb_s_2 .s-title {
    max-width: 700px;
    margin: 0 auto;
    font-size: 44px;
    line-height: 1.32em;
}

.falling-coins {
    position: absolute;
    top: 710px;
    left: 50%;
    width: 500px;
    height: 500px;
    background-image: url("../images/falling-coins.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.falling-coins .fc {
    position: absolute;
    width: 60px;
    height: 60px;
    background-image: url("../images/wb_s4_1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.falling-coins .fc-01 {
    top: 0;
    left: 80px;
    animation: fsCoin01 3s infinite linear;
}

.falling-coins .fc-02 {
    top: 10px;
    left: 30px;
    animation: fsCoin02 2.2s infinite linear;
}

.falling-coins .fc-03 {
    top: 20px;
    left: 250px;
    animation: fsCoin03 3.5s infinite linear;
}

.falling-coins .fc-04 {
    top: 40px;
    left: 180px;
    animation: fsCoin04 3s infinite linear;
}

.falling-coins .fc-05 {
    top: 0;
    left: 260px;
    animation: fsCoin05 2s infinite linear;
}

.falling-coins .fc-06 {
    top: 20px;
    left: 250px;
    animation: fsCoin06 2s infinite linear;
}

@keyframes fsCoin01 {
    from {
        opacity: 1;
        transform: translate(0, 0) rotate(0);
    }
    to {
        opacity: 0;
        transform: translate(300px, 500px) rotate(90deg);
    }
}

@keyframes fsCoin02 {
    from {
        opacity: 1;
        transform: translate(0, 0) rotate(0);
    }
    to {
        opacity: 0;
        transform: translate(200px, 400px) rotate(120deg);
    }
}

@keyframes fsCoin03 {
    from {
        opacity: 1;
        transform: translate(0, 0) rotate(0);
    }
    to {
        opacity: 0;
        transform: translate(200px, 400px) rotate(180deg);
    }
}

@keyframes fsCoin04 {
    from {
        opacity: 1;
        transform: translate(0, 0) rotate(0);
    }
    to {
        opacity: 0;
        transform: translate(200px, 300px) rotate(120deg);
    }
}

@keyframes fsCoin05 {
    from {
        opacity: 1;
        transform: translate(0, 0) rotate(0);
    }
    to {
        opacity: 0;
        transform: translate(150px, 200px) rotate(180deg);
    }
}

@keyframes fsCoin06 {
    from {
        opacity: 1;
        transform: translate(0, 0) rotate(0);
    }
    to {
        opacity: 0;
        transform: translate(200px, 400px) rotate(180deg);
    }
}

.wbs2_text_01 {
    padding: 310px 5% 0 50.5%;
}

.wbs2_text_02 {
    padding: 290px 60% 0 0;
}

.wbs2_text div {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.wbs2_text p {
    margin-top: 29px;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 1.64;
    letter-spacing: .01em;
}

.wb_s_3 {
    padding: 40px 0 80px;
    background-color: #f2f7fa;
    overflow: hidden;
}

.wb_s_3 .s-title {
    max-width: 700px;
    margin: 0 auto;
    font-size: 44px;
    line-height: 1.32em;
}

.wb_s_3__building {
    position: relative;
    width: 100%;
    height: 940px;
    margin-top: 97px;
    background-image: url("../images/wb_s3_1.svg");
    background-repeat: no-repeat;
    background-position: left 100px top;
    background-size: auto 100%;
}

.wb_s_3__tree__left {
    position: absolute;
    bottom: 17px;
    left: -260px;
    width: 420px;
    height: 210px;
    background-image: url("../images/wb_s3_3.svg");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: auto 100%;

}

.wb_s_3__tree__right {
    position: absolute;
    right: -90px;
    bottom: 39px;
    width: 480px;
    height: 260px;
    background-image: url("../images/wb_s3_2.svg");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto 100%;
}

.wb_s_3__peoples {
    position: absolute;
    right: 0;
    bottom: -7px;
    left: 0;
    width: 1060px;
    height: 250px;
    margin: 0 auto;
    background-image: url("../images/wb_s3_4.svg");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto 100%;
}

.wbs3_text {
    position: relative;
    margin-top: 82px;
    font-size: 22px;
    line-height: 36px;
    letter-spacing: .005em;
}

.wbs3_text.__left {
    padding-right: 12.5%
}

.wbs3_text.__right {
    padding-left: 12.5%
}

.wbs3_text.__right::before {
    position: absolute;
    content: '';
    top: 7px;
    left: 0;
    width: 1px;
    height: 80%;
    background-color: #d8d9da;
}

.wb_s_3__building--animation {
    position: absolute;
    display: block;
    top: 427px;
    left: 546px;
    width: 191px;
    height: 35px;
    background-image: url(../images/wb_s3_5.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
    overflow: hidden;
    -webkit-animation: buildingDollars 1s infinite linear;
    animation: buildingDollars 1s infinite linear;
}

@keyframes buildingDollars {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -26px 0;
    }
}

@-webkit-keyframes buildingDollars {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -26px 0;
    }
}

.ppl {
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    background-image: url(../images/wb_s3_6.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

.pp101 {
    top: 12px;
    left: 28px;
    -webkit-animation: flyDollars01 4s infinite linear;
    animation: flyDollars01 4s infinite linear;
}

.pp102 {
    top: 90px;
    left: 223px;
    -webkit-animation: flyDollars02 4s infinite linear;
    animation: flyDollars02 4s infinite linear;
}

.pp103 {
    top: 37px;
    left: 446px;
    -webkit-animation: flyDollars03 3s infinite linear;
    animation: flyDollars03 3s infinite linear;
}

.pp104 {
    top: 18px;
    left: 649px;
    -webkit-animation: flyDollars04 3s infinite linear;
    animation: flyDollars04 3s infinite linear;
}

.pp105 {
    top: 33px;
    left: 742px;
    -webkit-animation: flyDollars05 4s infinite linear;
    animation: flyDollars05 4s infinite linear;
}

.pp106 {
    top: 119px;
    left: 999px;
    -webkit-animation: flyDollars06 4s infinite linear;
    animation: flyDollars06 4s infinite linear;
}

@keyframes flyDollars01 {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-130px);
        opacity: .2;
    }
}

@-webkit-keyframes flyDollars01 {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-130px);
        opacity: .2;
    }
}

@keyframes flyDollars02 {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-170px);
        opacity: .2;
    }
}

@-webkit-keyframes flyDollars02 {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-170px);
        opacity: .2;
    }
}

@keyframes flyDollars03 {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-100px);
        opacity: .2;
    }
}

@-webkit-keyframes flyDollars03 {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-100px);
        opacity: .2;
    }
}

@keyframes flyDollars04 {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-200px);
        opacity: .2;
    }
}

@-webkit-keyframes flyDollars04 {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-200px);
        opacity: .2;
    }
}

@keyframes flyDollars05 {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-130px);
        opacity: .2;
    }
}

@-webkit-keyframes flyDollars05 {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-130px);
        opacity: .2;
    }
}

@keyframes flyDollars06 {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-140px);
        opacity: .2;
    }
}

@-webkit-keyframes flyDollars06 {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-140px);
        opacity: .2;
    }
}

.wb_s_4 {
    padding: 37px 0 100px 0;
    background-color: #f2f7fa;
}

.wb_s_4 .s-title {
    font-size: 44px;
    line-height: 1.32em;
}

.wb_s_4 .s-text {
    position: relative;
    font-size: 22px;
    line-height: 36px;
    letter-spacing: .005em;
}

.wb_s_4 .s-subtitle {
    position: relative;
    margin-top: 32px;
    font-size: 26px;
    line-height: 1.64em;
    letter-spacing: .005em;
}

.coins {
    grid-template-columns: 1fr 146px 1fr;
    grid-column-gap: 34px;
    margin-top: 130px;
}

.coin-l,
.coin-r {
    position: relative;
}

.coin-l .inner,
.coin-r .inner {
    position: relative;
    display: block;
    width: 240px;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.coin-l {
    justify-content: flex-start
}

.coin-r {
    justify-content: flex-end
}

.coin-l .inner {
    background-image: url(../images/wb_s4_1.svg);
}

.coin-r .inner {
    background-image: url(../images/wb_s4_3.svg);
}

.coin-c {
    position: relative;
    display: block;
    width: 146px;
    height: 240px;
    background-image: url(../images/wb_s4_2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    opacity: 0;
}

.wbs_4_coin {
    height: 240px;
}

.bubble {
    position: absolute;
    max-width: 430px;
    padding: 25px 30px 30px 35px;
    background: #ffffff;
    border-radius: 8px;
    opacity: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: .005em;
    z-index: 2;
}

.bubble p {
    margin: 0
}

.bubble span {
    position: absolute;
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #ffffff;
    border-radius: 50%;
    font-weight: 700;
    line-height: 64px;
    text-align: center;
}

.coin-l .bubble {
    top: 215px;
    right: 125px;
}

.coin-r .bubble {
    bottom: 215px;
    left: 125px;
}

.coin-l .bubble span {
    top: -12px;
    right: -19px;
}

.coin-r .bubble span {
    bottom: -12px;
    left: -19px;
}

.start .coin-l .inner {
    -webkit-animation: coinLeft forwards 2s linear;
    animation: coinLeft forwards 2s linear;
}

.start .coin-r .inner {
    -webkit-animation: coinRight forwards 2s linear;
    animation: coinRight forwards 2s linear
}

.start .coin-c {
    -webkit-animation: coinCenter 3s forwards linear;
    animation: coinCenter 3s forwards linear;
}

.start .coin-l .bubble {
    -webkit-animation: bubbleLeft 4s forwards linear;
    animation: bubbleLeft 4s forwards linear;
}

.start .coin-r .bubble {
    -webkit-animation: bubbleRight 4s forwards linear;
    animation: bubbleRight 4s forwards linear;
}

@-webkit-keyframes coinLeft {
    from {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(450px) rotate(360deg);
    }
}

@keyframes coinLeft {
    from {
        opacity: 1;
        transform: translateX(0px) rotate(0);
    }
    to {
        opacity: 1;
        transform: translateX(450px) rotate(360deg);
    }
}

@-webkit-keyframes coinRight {
    from {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-450px) rotate(-360deg);
    }
}

@keyframes coinRight {
    from {
        opacity: 1;
        transform: translateX(0px) rotate(0);
    }
    to {
        opacity: 1;
        transform: translateX(-450px) rotate(-360deg);
    }
}

@-webkit-keyframes coinCenter {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
    }
    66% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        -weblit-transform: translateY(0);
    }
}

@keyframes coinCenter {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }
    66% {
        opacity: 0;
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes bubbleLeft {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    75% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes bubbleLeft {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    75% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes bubbleRight {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    75% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes bubbleRight {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    75% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


.wb_s_5 {
    position: relative;
    overflow: hidden;
}

.wb_s_5_1 {
    padding: 430px 0 150px;
    background-color: #f2f7fa;
    background-image: url(../images/wb_s5_1.svg);
    background-repeat: no-repeat;
    background-position: 0 380px;
    background-size: 70px auto;
}

.wb_s_5_1 .s-subtitle {
    margin: 0 0 28px 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3em;
}

.wb_s_5_1 .s-subtitle span {
    color: #ff8116
}

.wb_s_5_1 .s-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 1em;
}

.wb_s_5_1 .s-text {
    margin: 0;
    padding-top: 37px;
    font-size: 22px;
    line-height: 34px;
}

.wb_s_5 .s-image {
    position: absolute;
    top: 0;
    right: -330px;
    width: 1120px;
    height: auto;
}

.wb_s_5_2 {
    padding: 150px 0;
    background-color: #24242c;
}

.wb_s_5_2 .s-subtitle {
    margin-bottom: 39px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3em;
    letter-spacing: .005em;
}

.wb_s_5_2 .s-title {
    color: #ffffff;
    font-size: 44px;
    line-height: 56px;
    letter-spacing: .01em;
}

.wbs52-orbits {
    grid-template-columns: 540px 190px 540px;
    grid-column-gap: 30px;
    align-items: center;
    justify-content: center;
    margin-top: 65px;
}

.wbs52-orbit {
    position: relative;
    width: 540px;
    height: 540px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.wbs52-orbit.__left {
    background-image: url(../images/wb_s5_3.svg);
}

.wbs52-orbit.__right {
    background-image: url(../images/wb_s5_4.svg);
}

.wbs52-orbit .center {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 106px;

}

.wbs52-orbit.__left .center {
    background-image: url(../images/wb_s5_5.svg);
}

.wbs52-orbit.__right .center {
    background-image: url(../images/wb_s5_6.svg);
    transform: translate(0%, 0%) scale(1);
}

.wbs52-orbit.__right.start .center {
    -webkit-animation: rightCenterBoom 1.5s 0.5s linear;
    animation: rightCenterBoom 1.5s 0.5s linear;
}

.wbs52-orbit .title {
    position: absolute;
    top: calc(50% + 65px);
    right: 0;
    left: 0;
    margin: 0 auto;
    color: #ffffff;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: .01em;
    text-align: center;
    z-index: 3;
}

.wbs52-orbit.start .icons {
    transform: translate(0, 0)
}

.wbs52-orbit.start .icon {
    position: absolute;
    display: block;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.wbs52-orbit.start .icon_F {
    background-image: url(../images/icon_F.svg);
    -webkit-transform: translate(-50%, -50%) rotate(-89deg) translate(150px) rotate(89deg);
    transform: translate(-50%, -50%) rotate(-89deg) translate(150px) rotate(89deg);
    animation: moveCircle_F 45s infinite linear reverse;
}

.wbs52-orbit.start .icon_E {
    background-image: url(../images/icon_E.svg);
    -webkit-transform: translate(-50%, -50%) rotate(-139deg) translate(200px) rotate(139deg);
    transform: translate(-50%, -50%) rotate(-139deg) translate(200px) rotate(139deg);
    animation: moveCircle_E 45s infinite linear reverse;
}

.wbs52-orbit.start .icon_Y {
    background-image: url(../images/icon_Y.svg);
    -webkit-transform: translate(-50%, -50%) rotate(-200deg) translate(150px) rotate(200deg);
    transform: translate(-50%, -50%) rotate(-200deg) translate(150px) rotate(200deg);
    animation: moveCircle_Y 45s infinite linear reverse;
}

.wbs52-orbit.start .icon_S {
    background-image: url(../images/icon_S.svg);
    -webkit-transform: translate(-50%, -50%) rotate(-270deg) translate(200px) rotate(270deg);
    transform: translate(-50%, -50%) rotate(-270deg) translate(200px) rotate(270deg);
    animation: moveCircle_S 45s infinite linear reverse;
}


@-webkit-keyframes rightCenterBoom {
    0% {
        -webkit-transform: translate(0%, 0%) scale(1);
        transform: translate(0%, 0%) scale(1);
    }
    90% {
        -webkit-transform: translate(0%, 0%) scale(1.5);
        transform: translate(0%, 0%) scale(1.5);
    }
    100% {
        -webkit-transform: translate(0%, 0%) scale(1);
        transform: translate(0%, 0%) scale(1);
    }
}

@keyframes rightCenterBoom {
    0% {
        -webkit-transform: translate(0%, 0%) scale(1);
        transform: translate(0%, 0%) scale(1);
    }
    90% {
        -webkit-transform: translate(0%, 0%) scale(1.5);
        transform: translate(0%, 0%) scale(1.5);
    }
    100% {
        -webkit-transform: translate(0%, 0%) scale(1);
        transform: translate(0%, 0%) scale(1);
    }
}

@-webkit-keyframes moveCircle_F {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-89deg) translate(150px) rotate(89deg);
        transform: translate(-50%, -50%) rotate(-89deg) translate(150px) rotate(89deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(271deg) translate(150px) rotate(-271deg);
        transform: translate(-50%, -50%) rotate(271deg) translate(150px) rotate(-271deg);
    }
}

@keyframes moveCircle_F {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-89deg) translate(150px) rotate(89deg);
        transform: translate(-50%, -50%) rotate(-89deg) translate(150px) rotate(89deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(271deg) translate(150px) rotate(-271deg);
        transform: translate(-50%, -50%) rotate(271deg) translate(150px) rotate(-271deg);
    }
}

@-webkit-keyframes moveCircle_E {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-139deg) translate(200px) rotate(139deg);
        transform: translate(-50%, -50%) rotate(-139deg) translate(200px) rotate(139deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(221deg) translate(200px) rotate(-221deg);
        transform: translate(-50%, -50%) rotate(221deg) translate(200px) rotate(-221deg);
    }
}

@keyframes moveCircle_E {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-139deg) translate(200px) rotate(139deg);
        transform: translate(-50%, -50%) rotate(-139deg) translate(200px) rotate(139deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(221deg) translate(200px) rotate(-221deg);
        transform: translate(-50%, -50%) rotate(221deg) translate(200px) rotate(-221deg);
    }
}

@-webkit-keyframes moveCircle_Y {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-200deg) translate(150px) rotate(200deg);
        transform: translate(-50%, -50%) rotate(-200deg) translate(150px) rotate(200deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(160deg) translate(150px) rotate(-160deg);
        transform: translate(-50%, -50%) rotate(160deg) translate(150px) rotate(-160deg);
    }
}

@keyframes moveCircle_Y {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-200deg) translate(150px) rotate(200deg);
        transform: translate(-50%, -50%) rotate(-200deg) translate(150px) rotate(200deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(160deg) translate(150px) rotate(-160deg);
        transform: translate(-50%, -50%) rotate(160deg) translate(150px) rotate(-160deg);
    }
}

@-webkit-keyframes moveCircle_S {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-270deg) translate(200px) rotate(270deg);
        transform: translate(-50%, -50%) rotate(-270deg) translate(200px) rotate(270deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(200px) rotate(-90deg);
        transform: translate(-50%, -50%) rotate(90deg) translate(200px) rotate(-90deg);
    }
}

@keyframes moveCircle_S {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-270deg) translate(200px) rotate(270deg);
        transform: translate(-50%, -50%) rotate(-270deg) translate(200px) rotate(270deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(200px) rotate(-90deg);
        transform: translate(-50%, -50%) rotate(90deg) translate(200px) rotate(-90deg);
    }
}

.wbs52-orbit.start .icon_o {
    background-image: url(../images/icon_o.svg);
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(-88deg) translate(0) rotate(88deg);
    transform: translate(-50%, -50%) rotate(-88deg) translate(0) rotate(88deg);
    -webkit-animation: initCircle_o 1s 2s, moveCircle_o 45s 2.5s infinite linear;
    animation: initCircle_o 1s 2s, moveCircle_o 45s 2.5s infinite linear;
}

@-webkit-keyframes initCircle_o {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-88deg) translate(0) rotate(88deg);
        transform: translate(-50%, -50%) rotate(-88deg) translate(0) rotate(88deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(-88deg) translate(152px) rotate(88deg);
        -ms-transform: translate(-50%, -50%) rotate(-88deg) translate(152px) rotate(88deg);
        -o-transform: translate(-50%, -50%) rotate(-88deg) translate(152px) rotate(88deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-88deg) translate(152px) rotate(88deg);
    }
}

@keyframes initCircle_o {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-88deg) translate(0) rotate(88deg);
        transform: translate(-50%, -50%) rotate(-88deg) translate(0) rotate(88deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(-88deg) translate(152px) rotate(88deg);
        -ms-transform: translate(-50%, -50%) rotate(-88deg) translate(152px) rotate(88deg);
        -o-transform: translate(-50%, -50%) rotate(-88deg) translate(152px) rotate(88deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-88deg) translate(152px) rotate(88deg);
    }
}

@-webkit-keyframes moveCircle_o {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-88deg) translate(152px) rotate(88deg);
        -ms-transform: translate(-50%, -50%) rotate(-88deg) translate(152px) rotate(88deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-88deg) translate(152px) rotate(88deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(272deg) translate(152px) rotate(-272deg);
        -ms-transform: translate(-50%, -50%) rotate(272deg) translate(152px) rotate(-272deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(272deg) translate(152px) rotate(-272deg);
    }
}

@keyframes moveCircle_o {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-88deg) translate(152px) rotate(88deg);
        -ms-transform: translate(-50%, -50%) rotate(-88deg) translate(152px) rotate(88deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-88deg) translate(152px) rotate(88deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(272deg) translate(152px) rotate(-272deg);
        -ms-transform: translate(-50%, -50%) rotate(272deg) translate(152px) rotate(-272deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(272deg) translate(152px) rotate(-272deg);
    }
}

.wbs52-orbit.start .icon_hitbtc {
    background-image: url(../images/icon_hitbtc.svg);
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(-142deg) translate(0) rotate(142deg);
    transform: translate(-50%, -50%) rotate(-142deg) translate(0) rotate(142deg);
    -webkit-animation: initCircle_hitbtc 1s 2s, moveCircle_hitbtc 45s 2.5s infinite linear;
    animation: initCircle_hitbtc 1s 2s, moveCircle_hitbtc 45s 2.5s infinite linear;
}

@-webkit-keyframes initCircle_hitbtc {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-142deg) translate(0) rotate(142deg);
        transform: translate(-50%, -50%) rotate(-142deg) translate(0) rotate(142deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(-142deg) translate(152px) rotate(142deg);
        -ms-transform: translate(-50%, -50%) rotate(-142deg) translate(152px) rotate(142deg);
        -o-transform: translate(-50%, -50%) rotate(-142deg) translate(152px) rotate(142deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-142deg) translate(152px) rotate(142deg);
    }
}

@keyframes initCircle_hitbtc {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-142deg) translate(0) rotate(142deg);
        transform: translate(-50%, -50%) rotate(-142deg) translate(0) rotate(142deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(-142deg) translate(152px) rotate(142deg);
        -ms-transform: translate(-50%, -50%) rotate(-142deg) translate(152px) rotate(142deg);
        -o-transform: translate(-50%, -50%) rotate(-142deg) translate(152px) rotate(142deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-142deg) translate(152px) rotate(142deg);
    }
}

@-webkit-keyframes moveCircle_hitbtc {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-142deg) translate(152px) rotate(142deg);
        -ms-transform: translate(-50%, -50%) rotate(-142deg) translate(152px) rotate(142deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-142deg) translate(152px) rotate(142deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(218deg) translate(152px) rotate(-218deg);
        -ms-transform: translate(-50%, -50%) rotate(218deg) translate(152px) rotate(-218deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(218deg) translate(152px) rotate(-218deg);
    }
}

@keyframes moveCircle_hitbtc {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-142deg) translate(152px) rotate(142deg);
        -ms-transform: translate(-50%, -50%) rotate(-142deg) translate(152px) rotate(142deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-142deg) translate(152px) rotate(142deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(218deg) translate(152px) rotate(-218deg);
        -ms-transform: translate(-50%, -50%) rotate(218deg) translate(152px) rotate(-218deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(218deg) translate(152px) rotate(-218deg);
    }
}

.wbs52-orbit.start .icon_fire {
    background-image: url(../images/icon_fire.svg);
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(4deg) translate(0) rotate(-4deg);
    transform: translate(-50%, -50%) rotate(4deg) translate(0) rotate(-4deg);
    -webkit-animation: initCircle_fire 1s 2s, moveCircle_fire 45s 2.5s infinite linear;
    animation: initCircle_fire 1s 2s, moveCircle_fire 45s 2.5s infinite linear;
}

@-webkit-keyframes initCircle_fire {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(4deg) translate(0) rotate(-4deg);
        transform: translate(-50%, -50%) rotate(4deg) translate(0) rotate(-4deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(4deg) translate(102px) rotate(-4deg);
        -ms-transform: translate(-50%, -50%) rotate(4deg) translate(102px) rotate(-4deg);
        -o-transform: translate(-50%, -50%) rotate(4deg) translate(102px) rotate(-4deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(4deg) translate(102px) rotate(-4deg);
    }
}

@keyframes initCircle_fire {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(4deg) translate(0) rotate(-4deg);
        transform: translate(-50%, -50%) rotate(4deg) translate(0) rotate(-4deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(4deg) translate(102px) rotate(-4deg);
        -ms-transform: translate(-50%, -50%) rotate(4deg) translate(102px) rotate(-4deg);
        -o-transform: translate(-50%, -50%) rotate(4deg) translate(102px) rotate(-4deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(4deg) translate(102px) rotate(-4deg);
    }
}

@-webkit-keyframes moveCircle_fire {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(4deg) translate(102px) rotate(-4deg);
        -ms-transform: translate(-50%, -50%) rotate(4deg) translate(102px) rotate(-4deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(4deg) translate(102px) rotate(-4deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(364deg) translate(102px) rotate(-364deg);
        -ms-transform: translate(-50%, -50%) rotate(364deg) translate(102px) rotate(-364deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(364deg) translate(102px) rotate(-364deg);
    }
}

@keyframes moveCircle_fire {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(4deg) translate(102px) rotate(-4deg);
        -ms-transform: translate(-50%, -50%) rotate(4deg) translate(102px) rotate(-4deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(4deg) translate(102px) rotate(-4deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(364deg) translate(102px) rotate(-364deg);
        -ms-transform: translate(-50%, -50%) rotate(364deg) translate(102px) rotate(-364deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(364deg) translate(102px) rotate(-364deg);
    }
}

.wbs52-orbit.start .icon_coinbase {
    background-image: url(../images/icon_coinbase.svg);
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(-231deg) translate(0) rotate(231deg);
    transform: translate(-50%, -50%) rotate(-231deg) translate(0) rotate(231deg);
    -webkit-animation: initCircle_coinbase 1s 2s, moveCircle_coinbase 45s 2.5s infinite linear;
    animation: initCircle_coinbase 1s 2s, moveCircle_coinbase 45s 2.5s infinite linear;
}

@-webkit-keyframes initCircle_coinbase {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-231deg) translate(0) rotate(231deg);
        transform: translate(-50%, -50%) rotate(-231deg) translate(0) rotate(231deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(-231deg) translate(213px) rotate(231deg);
        -ms-transform: translate(-50%, -50%) rotate(-231deg) translate(213px) rotate(231deg);
        -o-transform: translate(-50%, -50%) rotate(-231deg) translate(213px) rotate(231deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-231deg) translate(213px) rotate(231deg);
    }
}

@keyframes initCircle_coinbase {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-231deg) translate(0) rotate(231deg);
        transform: translate(-50%, -50%) rotate(-231deg) translate(0) rotate(231deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(-231deg) translate(213px) rotate(231deg);
        -ms-transform: translate(-50%, -50%) rotate(-231deg) translate(213px) rotate(231deg);
        -o-transform: translate(-50%, -50%) rotate(-231deg) translate(213px) rotate(231deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-231deg) translate(213px) rotate(231deg);
    }
}

@-webkit-keyframes moveCircle_coinbase {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-231deg) translate(213px) rotate(231deg);
        -ms-transform: translate(-50%, -50%) rotate(-231deg) translate(213px) rotate(231deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-231deg) translate(213px) rotate(231deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(129deg) translate(213px) rotate(-129deg);
        -ms-transform: translate(-50%, -50%) rotate(129deg) translate(213px) rotate(-129deg);
        -o-transform: translate(-50%, -50%) rotate(129deg) translate(213px) rotate(-129deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(129deg) translate(213px) rotate(-129deg);
    }
}

@keyframes moveCircle_coinbase {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-231deg) translate(213px) rotate(231deg);
        -ms-transform: translate(-50%, -50%) rotate(-231deg) translate(213px) rotate(231deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-231deg) translate(213px) rotate(231deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(129deg) translate(213px) rotate(-129deg);
        -ms-transform: translate(-50%, -50%) rotate(129deg) translate(213px) rotate(-129deg);
        -o-transform: translate(-50%, -50%) rotate(129deg) translate(213px) rotate(-129deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(129deg) translate(213px) rotate(-129deg);
    }
}

.wbs52-orbit.start .icon_bitfinex {
    background-image: url(../images/icon_bitfinex.svg);
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(-46deg) translate(0) rotate(46deg);
    transform: translate(-50%, -50%) rotate(-46deg) translate(0) rotate(46deg);
    -webkit-animation: initCircle_bitfinex 1s 2s, moveCircle_bitfinex 45s 2.5s infinite linear;
    animation: initCircle_bitfinex 1s 2s, moveCircle_bitfinex 45s 2.5s infinite linear;
}

@-webkit-keyframes initCircle_bitfinex {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-46deg) translate(0) rotate(46deg);
        transform: translate(-50%, -50%) rotate(-46deg) translate(0) rotate(46deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(-46deg) translate(213px) rotate(46deg);
        -ms-transform: translate(-50%, -50%) rotate(-46deg) translate(213px) rotate(46deg);
        -o-transform: translate(-50%, -50%) rotate(-46deg) translate(213px) rotate(46deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-46deg) translate(213px) rotate(46deg);
    }
}

@keyframes initCircle_bitfinex {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-46deg) translate(0) rotate(46deg);
        transform: translate(-50%, -50%) rotate(-46deg) translate(0) rotate(46deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(-46deg) translate(213px) rotate(46deg);
        -ms-transform: translate(-50%, -50%) rotate(-46deg) translate(213px) rotate(46deg);
        -o-transform: translate(-50%, -50%) rotate(-46deg) translate(213px) rotate(46deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-46deg) translate(213px) rotate(46deg);
    }
}

@-webkit-keyframes moveCircle_bitfinex {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-46deg) translate(213px) rotate(46deg);
        -ms-transform: translate(-50%, -50%) rotate(-46deg) translate(213px) rotate(46deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-46deg) translate(213px) rotate(46deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(314deg) translate(213px) rotate(-314deg);
        -ms-transform: translate(-50%, -50%) rotate(314deg) translate(213px) rotate(-314deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(314deg) translate(213px) rotate(-314deg);
    }
}

@keyframes moveCircle_bitfinex {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-46deg) translate(213px) rotate(46deg);
        -ms-transform: translate(-50%, -50%) rotate(-46deg) translate(213px) rotate(46deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-46deg) translate(213px) rotate(46deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(314deg) translate(213px) rotate(-314deg);
        -ms-transform: translate(-50%, -50%) rotate(314deg) translate(213px) rotate(-314deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(314deg) translate(213px) rotate(-314deg);
    }
}

.wbs52-orbit.start .icon_b {
    background-image: url(../images/icon_b.svg);
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(87deg) translate(0) rotate(-87deg);
    transform: translate(-50%, -50%) rotate(87deg) translate(0) rotate(-87deg);
    -webkit-animation: initCircle_b 1s 2s, moveCircle_b 45s 2.5s infinite linear;
    animation: initCircle_b 1s 2s, moveCircle_b 45s 2.5s infinite linear;
}

@-webkit-keyframes initCircle_b {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(87deg) translate(0) rotate(-87deg);
        transform: translate(-50%, -50%) rotate(87deg) translate(0) rotate(-87deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(87deg) translate(213px) rotate(-87deg);
        -ms-transform: translate(-50%, -50%) rotate(87deg) translate(213px) rotate(-87deg);
        -o-transform: translate(-50%, -50%) rotate(87deg) translate(213px) rotate(-87deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(87deg) translate(213px) rotate(-87deg);
    }
}

@keyframes initCircle_b {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(87deg) translate(0) rotate(-87deg);
        transform: translate(-50%, -50%) rotate(87deg) translate(0) rotate(-87deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(87deg) translate(213px) rotate(-87deg);
        -ms-transform: translate(-50%, -50%) rotate(87deg) translate(213px) rotate(-87deg);
        -o-transform: translate(-50%, -50%) rotate(87deg) translate(213px) rotate(-87deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(87deg) translate(213px) rotate(-87deg);
    }
}

@-webkit-keyframes moveCircle_b {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(87deg) translate(213px) rotate(-87deg);
        -ms-transform: translate(-50%, -50%) rotate(87deg) translate(213px) rotate(-87deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(87deg) translate(213px) rotate(-87deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(447deg) translate(213px) rotate(-447deg);
        -ms-transform: translate(-50%, -50%) rotate(447deg) translate(213px) rotate(-447deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(447deg) translate(213px) rotate(-447deg);
    }
}

@keyframes moveCircle_b {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(87deg) translate(213px) rotate(-87deg);
        -ms-transform: translate(-50%, -50%) rotate(87deg) translate(213px) rotate(-87deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(87deg) translate(213px) rotate(-87deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(447deg) translate(213px) rotate(-447deg);
        -ms-transform: translate(-50%, -50%) rotate(447deg) translate(213px) rotate(-447deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(447deg) translate(213px) rotate(-447deg);
    }
}

.wbs52-orbit.start .icon_polonex {
    background-image: url(../images/icon_poloniex.svg);
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(52deg) translate(0) rotate(-52deg);
    transform: translate(-50%, -50%) rotate(52deg) translate(0) rotate(-52deg);
    -webkit-animation: initCircle_polonex 1s 2s, moveCircle_polonex 45s 2.5s infinite linear;
    animation: initCircle_polonex 1s 2s, moveCircle_polonex 45s 2.5s infinite linear;
}

@-webkit-keyframes initCircle_polonex {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(52deg) translate(0) rotate(-52deg);
        transform: translate(-50%, -50%) rotate(52deg) translate(0) rotate(-52deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(52deg) translate(213px) rotate(-52deg);
        -ms-transform: translate(-50%, -50%) rotate(52deg) translate(213px) rotate(-52deg);
        -o-transform: translate(-50%, -50%) rotate(52deg) translate(213px) rotate(-52deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(52deg) translate(213px) rotate(-52deg);
    }
}

@keyframes initCircle_polonex {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(52deg) translate(0) rotate(-52deg);
        transform: translate(-50%, -50%) rotate(52deg) translate(0) rotate(-52deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(52deg) translate(213px) rotate(-52deg);
        -ms-transform: translate(-50%, -50%) rotate(52deg) translate(213px) rotate(-52deg);
        -o-transform: translate(-50%, -50%) rotate(52deg) translate(213px) rotate(-52deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(52deg) translate(213px) rotate(-52deg);
    }
}

@-webkit-keyframes moveCircle_polonex {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(52deg) translate(213px) rotate(-52deg);
        -ms-transform: translate(-50%, -50%) rotate(52deg) translate(213px) rotate(-52deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(52deg) translate(213px) rotate(-52deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(412deg) translate(213px) rotate(-412deg);
        -ms-transform: translate(-50%, -50%) rotate(412deg) translate(213px) rotate(-412deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(412deg) translate(213px) rotate(-412deg);
    }
}

@keyframes moveCircle_polonex {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(52deg) translate(213px) rotate(-52deg);
        -ms-transform: translate(-50%, -50%) rotate(52deg) translate(213px) rotate(-52deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(52deg) translate(213px) rotate(-52deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(412deg) translate(213px) rotate(-412deg);
        -ms-transform: translate(-50%, -50%) rotate(412deg) translate(213px) rotate(-412deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(412deg) translate(213px) rotate(-412deg);
    }
}

.wbs52-orbit.start .icon_oo {
    background-image: url(../images/icon_oo.svg);
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(2deg) translate(0) rotate(-2deg);
    transform: translate(-50%, -50%) rotate(2deg) translate(0) rotate(-2deg);
    -webkit-animation: initCircle_oo 1s 2s, moveCircle_oo 45s 2.5s infinite linear;
    animation: initCircle_oo 1s 2s, moveCircle_oo 45s 2.5s infinite linear;
}

@-webkit-keyframes initCircle_oo {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(2deg) translate(0) rotate(-2deg);
        transform: translate(-50%, -50%) rotate(2deg) translate(0) rotate(-2deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(2deg) translate(213px) rotate(-2deg);
        -ms-transform: translate(-50%, -50%) rotate(2deg) translate(213px) rotate(-2deg);
        -o-transform: translate(-50%, -50%) rotate(2deg) translate(213px) rotate(-2deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(2deg) translate(213px) rotate(-2deg);
    }
}

@keyframes initCircle_oo {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(2deg) translate(0) rotate(-2deg);
        transform: translate(-50%, -50%) rotate(2deg) translate(0) rotate(-2deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(2deg) translate(213px) rotate(-2deg);
        -ms-transform: translate(-50%, -50%) rotate(2deg) translate(213px) rotate(-2deg);
        -o-transform: translate(-50%, -50%) rotate(2deg) translate(213px) rotate(-2deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(2deg) translate(213px) rotate(-2deg);
    }
}

@-webkit-keyframes moveCircle_oo {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(2deg) translate(213px) rotate(-2deg);
        -ms-transform: translate(-50%, -50%) rotate(2deg) translate(213px) rotate(-2deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(2deg) translate(213px) rotate(-2deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(358deg) translate(213px) rotate(-358deg);
        -ms-transform: translate(-50%, -50%) rotate(358deg) translate(213px) rotate(-358deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(358deg) translate(213px) rotate(-358deg);
    }
}

@keyframes moveCircle_oo {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(2deg) translate(213px) rotate(-2deg);
        -ms-transform: translate(-50%, -50%) rotate(2deg) translate(213px) rotate(-2deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(2deg) translate(213px) rotate(-2deg);
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(358deg) translate(213px) rotate(-358deg);
        -ms-transform: translate(-50%, -50%) rotate(358deg) translate(213px) rotate(-358deg);
        opacity: 1;
        transform: translate(-50%, -50%) rotate(358deg) translate(213px) rotate(-358deg);
    }
}

.wbs52-center {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 725px;
    background-image: url(../images/wb_s5_7.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.wbs52-center .logo {
    position: relative;
    height: 325px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    line-height: 18px;
}

.wbs52-center .logo span {
    position: absolute;
    display: inline-block;
    white-space: nowrap;
}

.wbs52-center .logo .i01 {
    top: 0;
    left: 53px;
    text-align: center;
}

.wbs52-center .logo .i03 {
    top: 193px;
    left: -57px;
}

.wbs52-center .logo .i04 {
    top: 59px;
    left: -57px;
}

.wbs52-center .logo .i05 {
    top: 50px;
    left: 154px;
}

.wbs52-center .logo .i06 {
    top: 193px;
    left: 167px;
}

.wbs52-center .logo .i07 {
    top: 283px;
    left: 30px;
    text-align: center;
}

.wbs52-center .tok,
.wbs52-center .top {
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 199px;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.3em;
}

.wbs52-center .top {
    padding-top: 20px;
}

.wbs52-center .bubble {
    position: absolute;
    bottom: 50%;
    left: -500px;
    max-width: 550px;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.14px;
    z-index: 3;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    transform: translateY(50%);
}

.wbs52-center .tok:hover > .bubble,
.wbs52-center .top:hover > .bubble {
    opacity: 1;
}

/*
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *RESPONSIVE SITE
 *
 *
 *
 */
@media (min-width: 1680px) {
    .wb_s_4 {
        padding: 37px 0 0 0;
    }

    .wb_s_5_1 {
        padding: 580px 0 150px;
        background-position: 0 480px;
    }

    .wb_s_5 .s-image {
        top: 0;
    }
}


@media (min-width: 1500px) and (max-width: 1679px) {
    .row {
        flex-wrap: nowrap
    }

    .testimonial--inner {
        transform: translateX(100px);
    }

    .pt_s_1 .main-image img,
    .pt_s_1 .main-image video {
        max-width: 820px;
    }

    .pt_s_1_02--images.__left {
        padding-right: 30px;
    }

    .pt_s_1_02--images.__right {
        padding-left: 30px;
    }

    .pt_s_2_01 {
        padding-bottom: 150px;
    }

    .pt_s_2--pref .item {
        max-width: 360px
    }

    .pt_s_2--pref.__right .item:nth-child(2) {
        margin-top: 300px;
    }

    .pt_s_2--interface-image img {
        max-width: 510px
    }

    .pt_s_2_03 ol {
        margin-right: 50px;
    }

    .pt_s_2:after {
        background-size: 1585px auto;
        transform: translate(-46%, 330px) scale(.92);
    }

    .pt_s_3 .item {
        padding: 0 10% 28px 16%;
    }

    .pt_s_2--func-link {
        margin-left: 16%;
    }

    .falling-coins {
        left: 48%;
        width: 450px;
        height: 450px;
    }

    @-webkit-keyframes coinLeft {
        from {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0);
        }
        to {
            opacity: 1;
            -webkit-transform: translateX(300px) rotate(360deg);
        }
    }

    @keyframes coinLeft {
        from {
            opacity: 1;
            transform: translateX(0px) rotate(0);
        }
        to {
            opacity: 1;
            transform: translateX(300px) rotate(360deg);
        }
    }

    @-webkit-keyframes coinRight {
        from {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0);
        }
        to {
            opacity: 1;
            -webkit-transform: translateX(-300px) rotate(-360deg);
        }
    }

    @keyframes coinRight {
        from {
            opacity: 1;
            transform: translateX(0px) rotate(0);
        }
        to {
            opacity: 1;
            transform: translateX(-300px) rotate(-360deg);
        }
    }

    .orbit-wrap {
        margin-left: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .container,
    .container--xxl {
        width: 1200px;
        margin: 0 auto;
        padding: 0 0;
    }

    .footer-item.item-contacts {
        padding: 0 0 0 10px;
    }

    header .logo,
    header .signin {
        padding: 0;
    }

    .footer-menu ul {
        flex-flow: column wrap;
        height: 132px;
    }

    .s2 .__inner {
        margin-top: 81px;
    }

    .s2 .secondary-image {
        padding: 68px 15px 0 15px;
    }

    .s2 .testimonial--inner {
        transform: translateX(40px);
    }

    .s02-nums {
        grid-template-columns: 160px 160px;
        grid-column-gap: 55px;
    }

    .num-item--num {
        font-size: 38px;
    }

    .s3 .s-title {
        max-width: 375px;
        padding-top: 156px;
    }

    .s3-bg {
        background-size: 716px auto;
    }

    .s4-pref {
        margin-bottom: -20px;
    }

    .pref-title {
        padding: 0 0 10px;
    }

    .s4 .testimonial--inner {
        padding-top: 23px;
		transform: translate(0, -50%);
    }

    .s4-bg {
        background-position: right 30px bottom 90px;
        background-size: 800px auto;
    }

    .s5_01 {
        padding-top: 16px;
    }

    .s5-testimonial .testimonial--inner {
        transform: translateX(0);
    }

    .s2 .main-image img {
        max-width: 928px;
    }

    .pt_s_1_02--title {
        padding-right: 50px;
        font-size: 40px;
        line-height: 1.3em;
        letter-spacing: 0.35px;
    }

    .pt_s_1 .main-image img,
    .pt_s_1 .main-image video {
        max-width: 642px;
        transform: translateY(calc(97% + 100px));
    }

    .pt_s_1_02--images.__left {
        padding-right: 30px;
    }

    .pt_s_1_02--images.__right {
        padding-left: 30px;
    }

    .pt_s_1_02--images .item-image img {
        max-width: 370px;
    }

    .pt_s_1_02--images p {
        max-width: 370px;
    }

    .pt_s_2_01 {
        padding-bottom: 0;
    }

    .pt_s_2--pref .item {
        max-width: 340px;
    }

    .pt_s_2--pref.__right .item:nth-child(2) {
        margin-top: 300px;
    }

    .pt_s_2--pref-image {
        top: 240px;
    }

    .orbit {
        top: -3px;
        left: 40px;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .pt_s_2--interface-image img {
        max-width: 510px
    }

    .pt_s_2--interface.__right .pt_s_2--interface-text {
        max-width: 310px;
        padding-top: 110px;
        padding-left: 50px;
    }

    .pt_s_2_03 .container--xxl {
        padding-right: 0;
    }

    .pt_s_2_03 .row {
        flex-wrap: nowrap;
    }

    .pt_s_2--security-title {
        padding-right: 50px;
    }

    .pt_s_2_03 ol {
        margin: 66px 100px 0 0;
    }

    .pt_s_2:after {
        background-size: 1410px auto;
        transform: translate(-40%, 310px) scale(1);
    }

    .pt_s_2--speed-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pt_s_3 .item {
        padding: 0 0 28px 6%;
    }

    .pt_s_3--func-image img {
        max-height: 390px;
    }

    .pt_s_2--func-link {
        align-items: center;
        margin-left: 6%;
    }

    .pt_s_2--func-link svg {
        margin-left: 20px;
    }

    .wb_s_1 .hero-title,
    .wb_s_2 .s-title,
    .wb_s_4 .s-title,
    .wb_s_5 .s-title,
    .wb_s_5_1 .s-title,
    .wb_s_3 .s-title {
        font-size: 40px;
        line-height: 1.13em;
    }

    .wb_s_4 .s-subtitle,
    .wb_s_5_1 .s-subtitle,
    .wb_s_1 .hero-subtitle {
        font-size: 20px;
        line-height: 1.44em;
    }

    .wbs3_text,
    .wbs2_text div,
    .wbs2_text p,
    .wb_s_4 .s-text,
    .wb_s_5_1 .s-text,
    .wb_s_1 .hero-text {
        font-size: 18px;
        line-height: 1.44em;
    }

    .falling-coins {
        top: 600px;
        left: 48%;
        width: 430px;
        height: 430px;
    }

    .start .coin-l .inner {
        -webkit-animation: coinLeft forwards 1.5s linear;
        animation: coinLeft forwards 1.5s linear;
    }

    .start .coin-r .inner {
        -webkit-animation: coinRight forwards 1.5s linear;
        animation: coinRight forwards 1.5s linear
    }

    @-webkit-keyframes coinLeft {
        from {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0);
        }
        to {
            opacity: 1;
            -webkit-transform: translateX(200px) rotate(360deg);
        }
    }

    @keyframes coinLeft {
        from {
            opacity: 1;
            transform: translateX(0px) rotate(0);
        }
        to {
            opacity: 1;
            transform: translateX(200px) rotate(360deg);
        }
    }

    @-webkit-keyframes coinRight {
        from {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0);
        }
        to {
            opacity: 1;
            -webkit-transform: translateX(-200px) rotate(-360deg);
        }
    }

    @keyframes coinRight {
        from {
            opacity: 1;
            transform: translateX(0px) rotate(0);
        }
        to {
            opacity: 1;
            transform: translateX(-200px) rotate(-360deg);
        }
    }

    .hero-images {
        align-items: flex-end;
        justify-content: flex-end;
        padding-right: 140px;
    }

    .hero-image--01 img {
        transform: translateX(180px);
    }

    .wb_s_5 .s-image {
        position: absolute;
        top: 0;
        right: -200px;
        width: 800px;
        height: auto;
    }

    .wb_s_3__building {
        background-position: left top;
    }

    .wb_s_3__building--animation {
        left: 445px;
    }


}

@media (min-width: 1200px) {
    .tablet,
    .mobile {
        display: none
    }

    .desktop {
        display: block
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .container,
    .container--xxl {
        width: 100%;
        margin: 0 auto;
        padding: 0 50px !important;
    }

    .desktop,
    .mobile {
        display: none
    }

    .tablet {
        display: block !important
    }

    .btn-default {
        background-image: none
    }

    header .tablet .inner {
        justify-content: space-between;
    }

    header .tablet .__left {
        align-items: center;
    }

    header .header-menu {
        padding: 0 0 0 35px;
    }

    header .logo,
    header .signin {
        padding: 0;
    }

    .hero-title {
        font-size: 32px;
        line-height: 1.19em;
    }

    .hero-text {
        margin-bottom: 15px;
        opacity: .6;
        font-size: 15px;
    }

    .s-title {
        font-size: 32px;
    }

    .s-action {
        margin-top: 37px;
    }

    .s1 .s1-bg {
        background-position: 70% 108px;
    }

    .s2 .main-image {
        margin-bottom: -280px;
        transform: translateY(-280px);
    }

    .s2 .__inner {
        margin-top: 56px;
    }

    .s2 .s-title {
        max-width: 520px;
    }


    .s02-nums {
        grid-template-columns: repeat(4, auto);
        margin-top: 55px;
    }

    .num-item {
        position: relative;
    }

    .num-item--num {
        font-size: 40px;
    }

    .num-item::before {
        position: absolute;
        content: "";
        top: 50%;
        right: 15%;
        width: 1px;
        height: 50%;
        background-color: rgba(255, 255, 255, 0.2);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .num-item:last-child::before {
        display: none
    }

    .s2 {
        padding: 0;
        z-index: 2;
    }

    .s2 .secondary-image {
        padding: 66px 0 0 0;
    }

    .col-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .testimonial--wrap {
        justify-content: center;
        margin: 0;
    }

    .s2-testimonial {
        transform: translateY(50%)
    }

    .s3 {
        z-index: 1;
    }

    .s3 [class^="col-"], .s3 [class*="col-"] {
        flex: 0 0 51%;
        max-width: 51%;
        padding: 0;
    }

    .s3-rep {
        float: none;
        padding: 30px 0 0 0;
    }

    .s3-bg {
        width: 100%;
        height: 100%;
        background-position: bottom right 70px;
        background-size: auto 70%;
    }

    .s4:before {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../images/s04_m.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 100% auto;
        z-index: 1;
        -webkit-transform: translateY(240px);
        transform: translateY(240px);
    }

    .s5:before {
        display: none
    }

    .s4-pref,
    .s5-pref {
        max-width: none;
        margin: 0 -50px;
        border-radius: 0;
    }

    .s4 .testimonial--inner {
        transform: translate(0, -50%);
    }

    .s4-cols {
        position: relative;
        padding-top: 40px;
        z-index: 1;
    }

    .s4-cols--link {
        justify-content: flex-start;
        text-align: center;
    }

    .s4-bg {
        background-position: center bottom;
        background-size: auto 550px;
    }

    .s5_01 .container {
        position: relative;
        z-index: 1
    }

    .s5-testimonial .testimonial--inner {
        margin-top: 40px;
        transform: translateX(0);
    }

    .s5-testimonial .testimonial {
        padding: 19px 30px 19px 77px;
    }

    .s5-testimonial .testimonial-comment {
        font-size: 14px;
    }

    .s5-pref {
        margin-top: 75px;
        padding-bottom: 160px;
    }

    .s-pref {
        padding-right: 50px;
        padding-left: 50px;
    }

    .s5 [class^="col-"], .s5 [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    .s5_03 {
        background-image: url(../images/s5_1_m.svg);
        background-repeat: no-repeat;
        background-position: 0 90%;
        background-size: 100% 90%;
    }

    .s5-intro {
        padding: 90px 0 340px;
    }

    .s5-intro .s-title {
        max-width: 450px;
    }

    .s5-intro .s-text {
        max-width: 570px;
        margin-top: 20px;
        padding-left: 0;
        font-size: 14px;
    }

    .s6 .main-image {
        margin-bottom: -200px;
    }

    footer .col-2 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    footer .col-6 {
        flex: 0 0 45%;
        max-width: 45%;
    }

    footer .col-8 {
        flex: 0 0 30%;
        max-width: 30%;
        padding-left: 0;
    }

    .footer-item {
        font-size: 14px;
    }

    .footer-menu ul > li {
        margin: 0 30px 6px 0;
    }

    .pt_s_1_01 {
        padding-bottom: 0
    }

    .pt_s_1:after {
        background-image: url(../images/pt_s1_1_m.svg);
    }

    .pt_s_1_01 .col-5 {
        flex: 0 0 51%;
        max-width: 51%
    }

    .pt_s_1_01 .col-11 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .pt_s_1 .main-image {
        width: 100%;
        padding: 0 50px;
    }

    .pt_s_1 .main-image img,
    .pt_s_1 .main-image video {
        width: 100%;
        z-index: 1;
        transform: translateY(80px);
    }

    .pt_s_1_02 {
        padding: 76px 0 20px 0;
        background-color: #25252d;
    }

    .pt_s_1_02--title {
        margin-bottom: 37px
    }

    .pt_s_1_02--slider {
        margin: 0 -50px;
    }

    .pt_s_1_02--images .item {
        padding: 14px;
    }

    .pt_s_1_02--images .item-image::after {
        position: absolute;
        content: "";
        bottom: -14px;
        left: -14px;
        width: 151px;
        height: 93px;
        background-color: #2486ff;
        border-radius: 6px;
        z-index: -1;
    }

    .pt_s_1_02--images p {
        max-width: 100%;
        padding-left: 14px;
    }

    .owl-carousel .owl-dots {
        text-align: center
    }

    .owl-carousel button.owl-dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 5px;
        background-color: #7a7a7a;
        border-radius: 50%;
    }

    .owl-carousel button.active {
        background: #2486ff;
    }

    .pt_s_2_01 {
        padding-top: 70px;
    }

    .pt_s_2--pref-title {
        margin-bottom: 40px;
        text-align: left;
    }

    .pt_s_2_01 .row {
        flex-flow: row-reverse nowrap;
    }

    .pt_s_2_01 .row .col-8 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .pt_s_2--pref .item {
        max-width: 95%;
    }

    .pt_s_2--pref.__right {
        float: none;
        align-items: flex-start;
        text-align: left;
    }

    .pt_s_2--pref .item + .item {
        margin-top: 50px
    }

    .pt_s_2--pref-image {
        top: 440px;
        left: 50px;
        margin: 0;
    }

    .pt_s_2:after {
        display: none
    }

    .pt_s_2_02 {
        padding-top: 70px;
        background-image: url(../images/pt_s2_1_m.svg);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: auto 100%;
    }

    .pt_s_2--interface-title {
        margin-bottom: 40px;
    }

    .pt_s_2_02 .item-image {
        display: none;
    }

    .pt_s_2_02 .row {
        flex-flow: column nowrap;
    }

    .pt_s_2_02 .col-7 {
        padding-left: 0;
    }

    .pt_s_2--interface.__right .pt_s_2--interface-text {
        padding-top: 67px;
        color: #ffffff;
    }

    .pt_s_2--interface-image {
        right: -100px;
        left: auto;
        height: 590px;
        margin: 0;
    }

    .pt_s_2--interface-image .__image {
        width: 100%;
        height: 100%;
    }

    .pt_s_2_03 {
        padding: 0;
    }

    .pt_s_2_03 .col-8:first-child {
        flex: 0 0 520px;
    }

    .pt_s_2--security-title {
    }

    .pt_s_2_03 ._inner {
        padding: 120px 0 120px 0;
    }

    .pt_s_2_03 ol {
        margin-top: 40px;
        margin-right: 0;
    }

    .pt_s_2_03 .col-8:last-child {
        position: absolute;
        right: 0;
        flex: 0 0 590px;
        max-width: 590px;
        transform: translateX(50%);
    }

    .orbit {
        transform: scale(0.85) translateY(-26px);
    }

    .icons svg {
        color: #ffa90d !important;
        fill: #ffa90d !important;
    }

    .pt_s_2_04 {
        padding: 70px 0 30px;
    }

    .pt_s_2--speed-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 16px;
        grid-row-gap: 16px;
    }

    .pt_s_3 {
        padding: 105px 0 270px;
        background-image: url(../images/pt_s2_4_m.svg);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: contain;
    }

    .pt_s_3 .container--xxl {
        overflow: visible;
    }

    .pt_s_3 .s-title {
        margin-bottom: 57px;
    }

    .pt_s_3 .item {
        padding: 0 20% 28px 0;
    }

    .pt_s_2--func-link {
        margin-left: 0;
    }

    .pt_s_3--func-image {
        right: 0;
        bottom: -480px;
        left: 0;
    }

    .pt_s_3--func-image img {
        margin: 0 auto;
    }

    .pt_s_4 {
        padding-top: 270px;
    }

    .wb_s_1 {
        background-image: url(../images/wb_s1_1_m.png);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: auto;
    }

    .wb_s_1 .col-5,
    .wb_s_1 .col-11 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .wb_s_1 .hero-subtitle {
        max-width: 280px;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 1.63em;
        letter-spacing: 0.14px;
        text-transform: uppercase;
    }

    .wb_s_1 .hero-title {
        max-width: 450px;
        font-size: 44px;
        line-height: 1.18em;
        letter-spacing: 0.39px;
    }

    .wb_s_1 .hero-text {
        max-width: 300px;
        padding-top: 26px;
        font-size: 16px;
        line-height: 1.63em;
        letter-spacing: 0.14px;
    }

    .hero-images {
        padding: 0;
    }

    .hero-image--01 img {
        transform: translateX(50px);
    }

    .wb_s_2 .s-title {
        font-size: 32px;
        line-height: 1.25em;
        letter-spacing: 0.28px;
    }

    .wb_s_2 {
        background-image: url(../images/wb_s2_1_m.svg);
        background-position: 0% 250px;
        background-size: 90% auto;
    }

    .wbs2_text_01 {
        padding: 200px 0% 0 55.5%;
    }

    .wbs2_text div {
        font-size: 24px;
        line-height: 1.42em;
        letter-spacing: 0.72px;
    }

    .wbs2_text p {
        margin-top: 11px;
        font-size: 16px;
        line-height: 1.63em;
    }

    .falling-coins {
        top: 500px;
        right: -20px;
    }

    .wb_s_2 {
        padding-bottom: 0;
    }

    .wbs2_text_02 {
        padding: 290px 60% 150px 0;
    }

    .wb_s_3 .s-title {
        font-size: 32px;
        line-height: 1.25em;
        letter-spacing: 0.28px;
    }

    .wb_s_3__building {
        background-position: top center;
    }

    .wb_s_3__building--animation {
        right: 22px;
        left: 0;
        margin: 0 auto;
    }

    .wb_s_3__tree__right {
        left: 90%;

    }

    .wb_s_3__peoples {
        left: 100px;
    }

    .wbs3_text {
        font-size: 16px;
        line-height: 1.63em;
        letter-spacing: 0.14px;
    }

    .wb_s_3 .col-8 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .wb_s_4 {
        padding: 17px 0 0 0;
    }

    .wb_s_4 .col-6 {
        flex: 0 0 60%;
        max-width: 60%;
        margin: 0 auto;
        text-align: center;
    }

    .wb_s_4 .s-title {
        font-size: 32px;
        line-height: 1.25em;
        letter-spacing: 0.28px;
    }

    .wb_s_4 .s-text {
        margin-top: 8px;
        font-size: 16px;
        line-height: 1.63em;
        letter-spacing: 0.14px;
    }

    .wb_s_4 .s-subtitle {
        width: 560px;
        max-width: 560px;
        margin-top: 15px;
        font-size: 24px;
        line-height: 1.15em;
        letter-spacing: 0.21px;
    }

    .coins {
        grid-template-columns: 1fr;
        margin-top: 50px;

    }

    .wbs_4_coin {
        height: 170px;
    }

    .start .coin-c {
        width: 100px;
        height: 100px;
        margin: -10px auto;
        text-align: center;
        z-index: 3;
    }

    .start .coin-l {
        justify-content: flex-end;
    }

    .start .coin-r {
        justify-content: flex-start;
    }

    .coin-l .inner, .coin-r .inner {
        width: 170px;
        height: 170px;
    }

    .start .coin-l .inner {
        -webkit-animation: coinLeft forwards 0.7s linear;
        animation: coinLeft forwards 0.7s linear;
    }

    .start .coin-r .inner {
        -webkit-animation: coinRight forwards 0.7s linear;
        animation: coinRight forwards 0.7s linear
    }

    @-webkit-keyframes coinLeft {
        from {
            opacity: 1;
            -webkit-transform: translateX(-300px) rotate(0);
        }
        to {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(360deg);
        }
    }

    @keyframes coinLeft {
        from {
            opacity: 1;
            transform: translateX(-300px) rotate(0);
        }
        to {
            opacity: 1;
            transform: translateX(0px) rotate(360deg);
        }
    }

    @-webkit-keyframes coinRight {
        from {
            opacity: 1;
            -webkit-transform: translateX(300px) rotate(0);
        }
        to {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(-360deg);
        }
    }

    @keyframes coinRight {
        from {
            opacity: 1;
            transform: translateX(300px) rotate(0);
        }
        to {
            opacity: 1;
            transform: translateX(0px) rotate(-360deg);
        }
    }

    .start .coin-c {
        -webkit-animation: coinCenter 1s forwards linear;
        animation: coinCenter 1s forwards linear;
    }

    .start .coin-l .bubble {
        -webkit-animation: bubbleLeft 1.5s forwards linear;
        animation: bubbleLeft 1.5s forwards linear;
    }

    .start .coin-r .bubble {
        -webkit-animation: bubbleRight 1.5s forwards linear;
        animation: bubbleRight 1.5s forwards linear;
    }

    .bubble {
        padding: 25px 50px 35px 50px;
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0.06px;
    }

    .start .coin-l .bubble {
        top: 50%;
        right: 200px;
        bottom: auto;

    }

    .start .coin-r .bubble {
        top: 50%;
        bottom: auto;
        left: 200px;
    }

    .coin-l .bubble span,
    .coin-r .bubble span {
        top: 50%;
        transform: translateY(-50%);

    }

    @keyframes bubbleLeft {
        0% {
            opacity: 0;
            transform: translate(-20px, -50%);
        }
        75% {
            opacity: 0;
            transform: translate(-20px, -50%);
        }
        100% {
            opacity: 1;
            transform: translate(0, -50%);
        }
    }

    @keyframes bubbleRight {
        0% {
            opacity: 0;
            transform: translate(20px, -50%);
        }
        75% {
            opacity: 0;
            transform: translate(20px, -50%);
        }
        100% {
            opacity: 1;
            transform: translate(0, -50%);
        }
    }
    .wb_s_5:before {
        position: absolute;
        display: block;
        content: '';
        top: 268px;
        right: 196px;
        width: 5px;
        height: 7px;
        background-color: #000000;
        border-radius: 50%;
        z-index: 10;
        transform: rotate(-21deg) translateY(0);
        -webkit-animation: morgalka 5s infinite;
        animation: morgalka 5s infinite;
    }

    @-webkit-keyframes morgalka {
        0% {
            height: 7px;
            -webkit-transform: rotate(-21deg) translateY(0);
        }
        20% {
            height: 2px;
            -webkit-transform: rotate(-21deg) translateY(3px);
        }
        40% {
            height: 7px;
            -webkit-transform: rotate(-21deg) translateY(0);
        }
        100% {
            height: 7px;
            -webkit-transform: rotate(-21deg) translateY(0);
        }
    }

    @keyframes morgalka {
        0% {
            height: 7px;
            transform: rotate(-21deg) translateY(0);
        }
        20% {
            height: 2px;
            transform: rotate(-21deg) translateY(3px);
        }
        40% {
            height: 7px;
            transform: rotate(-21deg) translateY(0);
        }
        100% {
            height: 7px;
            transform: rotate(-21deg) translateY(0);
        }
    }

    .wb_s_5_1 {
        position: relative;
        padding: 136px 40px 65px;
        background-image: none;
    }

    .wb_s_5_1::after {
        position: absolute;
        content: "";
        bottom: -142px;
        left: 0;
        width: 78px;
        height: 285px;
        background-image: url(../images/wb_s5_1.svg);
        background-repeat: no-repeat;
        background-size: auto 100%;
        z-index: 1;
    }

    .wb_s_5_1::before {
        position: absolute;
        content: '';
        right: 0;
        bottom: 0;
        width: 280px;
        height: 555px;
        background-image: url(../images/man-y.png);
        background-repeat: no-repeat;
        background-size: auto 100%;
        z-index: 1;
    }

    .wb_s_5_1 .col-6 {
        flex: 0 0 360px;
        max-width: 360px;
    }

    .wb_s_5 .s-image {
        display: none;
    }

    .wb_s_5_1 .s-subtitle {
        font-size: 22px;
        line-height: 1.3em;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .wb_s_5_1 .s-title {
        font-size: 44px;
        line-height: 1.18;
        letter-spacing: 0.39px;
    }

    .wb_s_5_1 .s-text {
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.1px;

    }

    .wb_s_5_2 {
        padding: 110px 0 96px;
    }

    .wb_s_5_2 .col-12 {
        flex: 0 0 65%;
        max-width: 65%;
        margin: 0 auto;
        padding-left: 0;
    }

    .wb_s_5_2 .s-title {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 2.3px;
    }

    .wbs52-center .tok .bubble {
        bottom: 0;
        left: 140px;
    }

    .wbs52-center .top .bubble {
        bottom: 20px;
        left: 140px;
    }

    .pt_s_4 {
        margin-top: 0;
        margin-bottom: 0;
        padding: 250px 0 76px 0;
    }

    .pt_s_4 .col-14 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 20%;
    }

    .pt_s_4.s6 ._inner {
        padding-bottom: 0
    }

    .footer-menu ul {
        height: 182px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    header .header-menu ul > li > a {
        margin: 0 5px 0 0;
    }

    .s1 .hero {
        max-width: 400px;
    }

    .s1:before {
        display: none
    }

    .s1:after {
        height: 50%;
        background-image: url(../images/s1-m.svg);
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation: heroAnimate_1024 12s ease-in-out infinite forwards;
        animation: heroAnimate_1024 12s ease-in-out infinite forwards;
    }

    .s1 .s1-bg {
        background-position: 90% 108px;
        background-size: 40%;
    }

    .s1 .hero {
        margin-top: 228px;
    }

    .s3 {
        min-height: 700px;
    }

    .s3-bg {
        background-position: top 210px right 40px;
        background-size: auto 54%;
    }

    .s-pref {
        padding-right: 25px;
        padding-left: 25px;
    }

    .pref-item {
        padding: 0 25px;
    }

    .s4-cols {
        padding-bottom: 460px;
    }

    .s4-bg {
        background-size: 90% auto;
    }

    .s5-intro {
        padding: 90px 0 220px;
    }

    .s5-intro a {
        margin-top: 40px;
    }

    .s6 .col-12,
    .s6 .col-14 {
        flex: 0 0 70%;
        max-width: 70%;
        margin: 0 auto;
        padding: 0;
    }

    .s6 ._inner {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .wb_s_6.s6 ._inner {
        padding-top: 0;
    }


    .pt_s_2--pref-image {
        top: 540px;
    }

    .pt_s_2--interface-image {
        right: -230px;
        height: 700px;
    }

    .pt_s_2--speed-grid .item figure {
        margin-right: 25px;
    }

    .pt_s_3--func-image {
        bottom: -510px;
        pointer-events: none;
    }

    .pt_s_3--func-image img {
        max-width: 680px;
    }

    .wb_s_1 {
        padding-bottom: 40px;
    }

    .wb_s_3 .container--xxl {
        padding: 0 !important;
    }

    .wbs3_text.__left {
        padding-left: 50px
    }

    .wbs3_text.__right {
        padding-right: 50px
    }

    .wb_s_4 .col-6 {
        flex: 0 0 90%;
        max-width: 90%;
    }

    .wb_s_4 .s-subtitle {
        width: 100%;
        max-width: 100%;
    }

    .wbs52-orbit.__left {
        transform: scale(.8) translateX(80px)
    }

    .wbs52-orbit.__right {
        transform: scale(.8) translateX(-80px)
    }

    .pt_s_2_03 ol {
        padding-right: 50px;
    }

    .orbit-wrap {
        transform: translateX(69px);
    }

    .wb_s_3__peoples {
        left: -19px;
        transform: scale(0.9);
    }

    .wbs52-center .bubble {
        padding: 20px 20px 25px 20px;
    }

    .wbs52-center .tok .bubble {
        right: -250px;
        bottom: 200px;
        left: -187px;
    }

    .wbs52-center .top .bubble {
        right: -140px;
        bottom: 160px;
        left: -147px;
    }

    .wb_s_6 {
        padding: 50px 0 76px 0;
    }


    .falling-coins {
        top: 460px;
        right: 0;
        width: 400px;
        height: 400px;
        background-position: 100px center;
    }

}

@media (max-width: 1024px) {
    header .inner {
        padding-top: 28px;
    }

    header .tablet .inner {
        align-items: center;
        justify-content: space-between;
    }

    header .tablet .inner .__right {
        padding-left: 40px
    }

    header .logo, header .signin {
        display: block
    }

    header .header-menu {
        display: none
    }

    .mobile-menu {
        position: fixed;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        width: 240px;
        background-color: #f2f7fa;
        z-index: 100;
        transition: all .3s ease;
    }

    .mobile-menu.collapsed {
        right: -250px;
    }

    .mobile-menu ul {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mobile-menu ul > li > a {
        display: block;
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 10px 15px;
        color: #000000;
        font-size: 14px;
    }

    .mobile-menu ul > li.current-menu-item > a{
        color: #ff8116;
    }

    body.collapsed {
        position: fixed;
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
    }

    body.collapsed .mobile-backdrop {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .7);
        z-index: 80;
    }

    .formenu {
        position: fixed;
        top: 28px;
        right: 0;
        width: 56px;
        height: 46px;
        background-color: transparent;
        border: none;
        cursor: pointer;
        z-index: 100;
    }

    .formenu::before {
        position: absolute;
        content: "";
        bottom: 43%;
        left: 50%;
        width: 18px;
        height: 2px;
        background-color: #000;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .formenu::after {
        position: absolute;
        content: "";
        top: 35%;
        left: 50%;
        width: 18px;
        height: 2px;
        background-color: #000;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .formenu.collapsed {
        right: 250px;
    }

    .formenu.collapsed::after {
        top: 50%;
        bottom: auto;
        background-color: #ffffff;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .formenu.collapsed::before {
        top: 50%;
        bottom: auto;
        background-color: #ffffff;
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
    }
}

@media (max-width: 850px) {
    footer .col-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    footer .col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    footer .col-8 {
        flex: 0 0 30%;
        max-width: 30%;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .container,
    .container--xxl {
        width: 100%;
        margin: 0 auto;
        padding: 0 30px !important;
    }

    .desktop,
    .tablet {
        display: none
    }

    .mobile {
        display: block !important
    }

    .mobile.display--flex {
        display: flex !important;
    }

    .btn-default {
        background-image: none
    }

    header .inner {
        padding-top: 30px;
    }


    header .logo {
        align-items: center;
        margin-right: 20px;
        padding: 0;
    }

    header .logo img {
        height: 30px;
    }

    header .btn {
        padding: 10px 26px 10px;
        font-size: 14px;
		text-align: center;
    }

    .col-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .s-title {
        font-size: 32px;
    }

    div.s-title {
        font-size: 24px;
        line-height: 1.17;
        letter-spacing: 0.12px;
    }

    .s-text {
        font-size: 14px;
        line-height: 24px;
    }

    .s-action {
        margin-top: 37px;
    }


    .hero-text {
        margin-bottom: 15px;
        opacity: .6;
        font-size: 15px;
    }


    .hero-action,
    .testimonial--wrap,
    .s2:before,
    .s2 .main-image,
    .s2 .secondary-image,
    .num-item::before,
    .s6 .main-image,
    .s5_03,
    .s3-bg {
        display: none;
    }

    .s1 {
        padding-bottom: 104px;
    }

    .s1:after {
        top: 0;
        width: 278px;
        height: 490px;
        background-image: url(../images/s1mm.svg);
        background-size: cover;
    }

    .hero {
        max-width: 80%;
        margin-top: 160px;
    }

    .hero-title {
        max-width: 200px;
        font-size: 24px;
        line-height: 1.19em;
    }

    .hero-text {
        max-width: 155px;
    }

    .s1 .s1-bg {
        top: 0;
        background-position: 175% 140px;
        background-size: auto 80%;
    }

    .s1 .hero-action {
        display: block;
    }

    .s1 .hero-action .btn {
        display: none;
    }

    .s1 .hero-action .btn-video {
        margin-left: 0;
    }

    .hero-action .btn-video ._text span {
        display: none;
    }

    .s2 {
        padding: 20px 0 110px;
    }

    .s2::after {
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto;
    }

    .s2 .__inner {
        margin-top: 0;
    }

    .s2 .s-title {
        font-size: 24px;
        line-height: 1.17em;
    }

    .s2 .s-action {
        margin-top: 20px;
    }

    .s02-nums {
        grid-template-columns: repeat(2, auto);
        grid-column-gap: 33px;
        grid-row-gap: 16px;
        margin-top: 37px;
    }

    .num-item {
        position: relative;
        padding: 10px 0 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .num-item--num {
        font-size: 30px;
    }

    .num-item--text {
        margin-top: 0;
        font-size: 14px;
    }

    .s2 .btn-lg {
        padding: 10px 26px 10px;
        font-size: 14px;
    }

    .s3 {
        min-height: auto;
        padding-bottom: 35px;
    }

    .s3 [class^="col-"], .s3 [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    .s03-slider {
        margin: 0 -30px;
        padding: 0 30px;
        overflow: hidden;
        transform: translateY(-80px);
    }

    .s03-slider .swiper {
        overflow: visible;
    }

    .s03-slider .swiper-slide {
        width: 145px;
    }

    .s03-slider .swiper-slide img {
        width: 145px;
        max-width: 145px;
        border-radius: 3px;
    }

    .s3 .s-title {
        max-width: 100%;
        padding-top: 0;
    }

    .s3-rep {
        float: none;
        padding: 30px 0 0 0;
    }

    .s3-rep p {
        position: relative;
        padding: 0 0 10px 20px;
        border-bottom: none;
        font-size: 14px;
    }

    .s3-rep p::after {
        position: absolute;
        content: "";
        top: 12px;
        left: 0;
        width: 5px;
        height: 1px;
        background-color: #ff5121;
    }

    .s4 {
        padding: 0;

    }

    .s4:before {
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(https://tokenplace.com/wp-content/uploads/2018/06/bg5.svg);
        background-repeat: no-repeat;
        background-position: top 520px right;
        background-size: 50% auto;
        z-index: 1;
        osition: absolute;
    }

    .s4-pref {
        padding: 50px 30px 50px
    }

    .s4-pref .pref-title {
        padding: 0;
        font-size: 24px;
        line-height: 2.46em;
    }

    .s4-pref .pref-grid {
        padding-top: 25px
    }

    .pref-item {
        flex-direction: row;
        margin-bottom: 0;
        padding: 0;
    }

    .pref-item--tit {
        margin-top: 0;
        font-size: 18px;
        line-height: 27px;
    }

    .pref-item--text {
        font-size: 14px;
        line-height: 18px;
    }

    .pref-item + .pref-item {
        margin-top: 37px;
    }

    .pref-item--image {
        flex: 0 0 38px;
        margin-right: 30px;
    }

    .pref-item--image img {
        margin-bottom: 0;
    }

    .s5:before {
        display: none
    }

    .s4-pref,
    .s5-pref {
        max-width: none;
        margin: 0 -30px;
        border-radius: 0;
    }

    .s4-cols--grid,
    .pref-grid {
        grid-template-columns: 1fr;
    }

    .s4-cols {
        position: relative;
        padding-top: 40px;
        padding-bottom: 380px;
        z-index: 1;
    }

    .s4-cols--item {
        position: relative;
        margin-bottom: 0;
        padding: 0 0 10px 20px;
        border-bottom: none;
        font-size: 14px;
    }

    .s4-cols--item::after {
        position: absolute;
        content: "";
        top: 12px;
        left: 0;
        width: 5px;
        height: 1px;
        background-color: #ff5121;
    }

    .s4-bg {
        width: calc(100% + 60px);
        max-width: none;
        margin: 0 -30px;
        background-position: center bottom;
        background-size: auto 350px;
    }

    .s5_01 {
        padding-top: 40px;
    }

    .s5_01 .container {
        position: relative;
        z-index: 1
    }

    .s5_01 .s-title {
        text-align: left;
    }

    .s5_01 .s-text {
        padding: 0;
        text-align: left;
    }

    .s5-pref {
        margin-top: 40px;
        padding: 65px 30px 65px;
        background-image: url(../images/s2mm.svg) !important;
        background-size: cover;
    }

    .s5-pref .pref-grid {
        margin-bottom: 30px;
        padding-bottom: 40px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .s5-pref .pref-title {
        margin: 0;
        padding: 0;
        font-size: 24px;
        line-height: 28px;
        text-align: left;
    }

    .s5-pref .s-title {
        color: #ffffff;
    }

    .s5-pref .s-text {
        padding: 12px 0 20px;
    }

    .s-pref {
        padding-right: 30px;
        padding-left: 30px;
    }

    .s5 [class^="col-"], .s5 [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    .s5_03 {
        background-image: url(../images/s5_1_m.svg);
        background-repeat: no-repeat;
        background-position: 0 180%;
        background-size: 100% 90%;
    }

    .s6 ._inner {
        padding: 68px 0 60px;
    }

    .s6 .col-12 {
        flex: 0 0 calc(100% + 30px);
        max-width: calc(100% + 30px);
        margin: 0 -15px;
        padding: 0;
    }

    .s6 .s-title {
        padding-top: 0;
        font-size: 24px;
        line-height: 28px;
    }

    footer {
        padding: 40px 0 60px 0;
    }

    footer .col-2 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    footer .col-6 {
        flex: 0 0 45%;
        max-width: 45%;
    }

    footer .col-8 {
        flex: 0 0 55%;
        max-width: 55%;
        padding-left: 20px;
    }

    footer .logo {
        justify-content: center;
        margin-bottom: 20px;
    }

    .footer-item {
        font-size: 14px;
        line-height: 18px;
    }

    .footer-menu ul {
        height: auto;
    }

    .footer-menu ul > li {
        margin: 0 0 6px 0
    }

    .footer-item.item-contacts {
        text-align: left;
    }

    footer .social {
        justify-content: flex-start;
		flex-flow: row wrap; 
    }

    footer .social a {
		margin-right: 0;
		margin-left: 0;
		flex: 0 0 35%;
    }

    .pt_s_1:after,
    .pt_s_1_01 .hero-text,
    .owl-carousel .owl-nav,
    .pt_s_2--pref-image,
    .orbit {
        display: none;
    }

    .pt_s_1_01 {
        padding-bottom: 110px;
    }


    .pt_s_1_01:after {
        position: absolute;
        content: '';
        top: 0;
        right: 0;
        width: 278px;
        height: 490px;
        background-image: url(../images/s1mm.svg);
        background-repeat: no-repeat;
        background-position: top right;
        -webkit-animation: heroAnimate 12s ease-in-out infinite forwards;
        animation: heroAnimate 12s ease-in-out infinite forwards;
    }

    .pt_s_1_01 .col-5 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .pt_s_1_01 .col-11 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .pt_s_1_01 .hero-action {
        display: block
    }

    .pt_s_1_01 .hero-action .btn {
        display: none
    }

    .pt_s_1_01 .hero-action a {
        margin-left: 0;
    }

    .pt_s_1_02 {
        padding: 30px 0 20px 0;
        background-color: #25252d;
    }

    .pt_s_1_02--title {
        margin-top: 0;
        margin-bottom: 37px;
    }

    .pt_s_1_02--slider {
        margin: 0 -30px;
    }

    .pt_s_1_02--images .item {
        padding: 14px;
    }

    .pt_s_1_02--images .item-image::after {
        position: absolute;
        content: "";
        bottom: -14px;
        left: -14px;
        width: 151px;
        height: 93px;
        background-color: #2486ff;
        border-radius: 6px;
        z-index: -1;
    }

    .pt_s_1_02--images p {
        max-width: 100%;
        margin: 20px 0 0 0;
        font-size: 14px;
        line-height: 18px;
    }


    .owl-carousel .owl-dots {
        text-align: center
    }

    .owl-carousel button.owl-dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 5px;
        background-color: #7a7a7a;
        border-radius: 50%;
    }

    .owl-carousel button.active {
        background: #2486ff;
    }

    .pt_s_2_01 {
        padding-top: 45px;
        padding-bottom: 25px;
    }

    .pt_s_2--pref-title {
        margin-bottom: 40px;
        text-align: left;
    }

    .pt_s_2_01 .row {
        flex-flow: column nowrap;
        counter-reset: pref;
    }

    .pt_s_2--pref {
        margin-bottom: 20px;
    }

    .pt_s_2_01 .row .col-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pt_s_2--pref .item {
        max-width: 95%;
    }

    .pt_s_2--pref .item-title {
        position: relative;
        padding-left: 40px;
        font-size: 16px;
        line-height: 20px;
        text-align: left;
    }

    .pt_s_2--pref .item-title::before {
        position: absolute;
        content: '0' counter(pref) '.';
        left: 0;
        counter-increment: pref;
    }

    .pt_s_2--pref .item p {
        padding-left: 40px;
        font-size: 14px;
        line-height: 20px;
    }

    .pt_s_2--pref.__right {
        float: none;
        align-items: flex-start;
        text-align: left;
    }

    .pt_s_2--pref .item + .item {
        margin-top: 20px
    }

    .pt_s_2:after {
        display: none
    }

    .pt_s_2_02 .row .col-9,
    .pt_s_2_02 .row .col-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pt_s_2_02 {
        padding-top: 70px;
        padding-bottom: 320px;
        background-image: url(../images/s3mm.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto;
    }

    .pt_s_2--interface-title {
        margin-bottom: 20px;
    }

    .pt_s_2_02 .item-image {
        display: none;
    }

    .pt_s_2_02 .row {
        flex-flow: column nowrap;
    }

    .pt_s_2_02 .col-7 {
        padding-left: 0;
    }

    .pt_s_2--interface-text .item-title {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 22px;
    }

    .pt_s_2--interface.__right {
        margin-top: 27px;
    }

    .pt_s_2--interface.__right .pt_s_2--interface-text,
    .pt_s_2--interface-text {
        max-width: 100%;
        padding-top: 0;
        color: #ffffff;
    }

    .pt_s_2--interface-text p {
        font-size: 14px;
        line-height: 22px;
    }

    .pt_s_2--interface-image {
        bottom: -2px;
        left: 20%;
        height: 290px;
        margin: 0;
    }

    .pt_s_2--interface-image .__image {
        width: 100%;
        height: 100%;
    }

    .pt_s_2_03 {
        padding: 0 0 40px 0;
    }

    .pt_s_2_03 .col-8:first-child {
        flex: 0 0 520px;
    }

    .pt_s_2--security-title {
    }

    .pt_s_2_03 ._inner {
        padding: 45px 0 24px 0;
    }

    .pt_s_2_03 ol {
        margin-top: 40px;
        margin-right: 0;
    }

    .pt_s_2_03 ol li {
        font-size: 14px;
        line-height: 1.43em;
    }

    .pt_s_2_03 .col-8:last-child {
        position: absolute;
        right: 0;
        flex: 0 0 590px;
        max-width: 590px;
        transform: translateX(50%);
    }

    .pt_s_2_04 {
        padding: 70px 0 30px;
    }

    .pt_s_2_04 .row .col-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pt_s_2--speed-grid {
        grid-template-columns: 1fr;
        grid-row-gap: 10px;
    }

    .pt_s_2--speed-grid .item {
        padding: 11px 20px;
    }

    .pt_s_2--speed-grid .item figure {
        flex: 0 0 49px;
        width: 49px;
        height: 49px;
        margin: 0 20px 0 0;
    }

    .pt_s_2--speed-grid .item .item-text {
        flex: calc(100% - 70px);
        font-size: 14px;
        line-height: 1.36em;
    }

    .pt_s_3 {
        padding: 45px 0 150px;
        background-image: url(../images/s2mm.svg) !important;
        background-size: cover;
    }

    .pt_s_3 .container--xxl {
        overflow: visible;
    }

    .pt_s_3 .s-title {
        margin-bottom: 20px;
    }

    .pt_s_3 .item {
        padding: 0;
    }

    .pt_s_3 .item .item-title {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 1.69em;
    }

    .pt_s_3 .item p {
        font-size: 14px;
        line-height: 1.43em;
    }

    .pt_s_2--func-link {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .pt_s_3--func-image {
        right: 0;
        bottom: -230px;
        left: 0;
    }

    .pt_s_3--func-image img {
        max-width: 90%;
        margin: 0 auto;
    }

    .pt_s_4 {
        padding-top: 270px;
    }

    .pt_s_4 .row .col-14 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }


    .wb_s_1 {
        padding: 100px 0 0;
        background-image: url(../images/s5mm.png);
        background-repeat: no-repeat;
        background-position: top right;
        background-size: auto;
    }

    .wb_s_1 .col-5,
    .wb_s_1 .col-11 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .wb_s_1 .hero-subtitle {
        max-width: 100%;
        margin-bottom: 20px;
        font-size: 11px;
        line-height: 1.63em;
        letter-spacing: 0.14px;
        text-transform: uppercase;
    }

    .wb_s_1 .hero-title {
        max-width: 100%;
        font-size: 24px;
        line-height: 1.18em;
        letter-spacing: 0.39px;
    }

    .wb_s_1 .hero-text {
        max-width: 100%;
        margin-bottom: 50px;
        padding-top: 26px;
        font-size: 13px;
        line-height: 1.63em;
        letter-spacing: 0.14px;
    }

    .wb_s_1 .hero {
        margin-top: 80px;
    }

    .hero-images {
        height: 1px;
        padding: 0;
    }

    .hero-image--01 {
        top: 50px;
        right: -50px;
        left: auto;
        text-align: right;
    }

    .hero-image--01 img {
        height: 250px;
    }

    .wb_s_2 .s-title {
        margin-bottom: 250px;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 1.5px;
    }

    .wb_s_2 {
        background-image: url(../images/s8mm.svg);
        background-position: -5px 7px;
        background-size: 400px auto;
    }

    .wbs2_text_01 {
        max-width: 250px;
        padding: 0 0 0 0;
    }

    .wbs2_text div {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 34px;
        letter-spacing: 1px;
    }

    .wbs2_text p {
        margin-top: 5px;
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 20px;
    }

    .falling-coins {
        display: none;
    }

    .wb_s_2 {
        padding-bottom: 0;
    }

    .wbs2_text_02 {
        max-width: 280px;
        padding: 0 0 0 0;
    }

    .wb_s_3 .s-title {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 1.5px;
    }

    .wb_s_3__building {
        width: 400%;
        margin-top: 0;
        margin-bottom: -360px;
        background-position: top center;
        transform: scale(.51) translate(-73%, -360px);
    }

    .wb_s_3__building--animation {
        right: 22px;
        left: 0;
        margin: 0 auto;
    }

    .wb_s_3__tree__right {
        left: 90%;

    }

    .wb_s_3__peoples {
        left: 100px;
    }

    .wbs3_text {
        font-size: 16px;
        line-height: 1.63em;
        letter-spacing: 0.14px;
    }

    .wb_s_3 .col-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .wbs3_text.__right::before {
        position: absolute;
        content: '';
        top: 7px;
        right: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #d8d9da;
    }

    .wbs3_text.__left {
        margin: 0;
        padding: 0;
    }

    .wbs3_text.__right {
        margin: 0;
        padding: 10px 0 0 0;
    }

    .wb_s_4 {
        padding: 17px 0 0 0;
    }

    .wb_s_4 .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .wb_s_4 .s-title {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 1.5px;
    }

    .wb_s_4 .s-text {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
    }

    .wb_s_4 .s-subtitle {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.25px;
    }

    .coins {
        grid-template-columns: 1fr;
        margin-top: 50px;
        margin-bottom: 50px;

    }

    .wbs_4_coin {
        height: 90px;
    }

    .start .coin-c {
        width: 40px;
        height: 120px;
        margin: -10px auto;
        text-align: center;
        z-index: 3;
    }

    .start .coin-l {
        justify-content: flex-end;
    }

    .start .coin-r {
        justify-content: flex-start;
    }

    .coin-l .inner, .coin-r .inner {
        width: 90px;
        height: 90px;
    }

    .start .coin-l .inner {
        -webkit-animation: coinLeft forwards 1s linear;
        animation: coinLeft forwards 1s linear;
    }

    .start .coin-r .inner {
        -webkit-animation: coinRight forwards 1s linear;
        animation: coinRight forwards 1s linear
    }

    @-webkit-keyframes coinLeft {
        from {
            opacity: 1;
            -webkit-transform: translateX(-200px) rotate(0);
        }
        to {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(360deg);
        }
    }

    @keyframes coinLeft {
        from {
            opacity: 1;
            transform: translateX(-200px) rotate(0);
        }
        to {
            opacity: 1;
            transform: translateX(0px) rotate(360deg);
        }
    }

    @-webkit-keyframes coinRight {
        from {
            opacity: 1;
            -webkit-transform: translateX(200px) rotate(0);
        }
        to {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(-360deg);
        }
    }

    @keyframes coinRight {
        from {
            opacity: 1;
            transform: translateX(200px) rotate(0);
        }
        to {
            opacity: 1;
            transform: translateX(0px) rotate(-360deg);
        }
    }

    .bubble {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.1px;
    }

    .start .coin-l .bubble {
        top: 50%;
        right: 90px;
        bottom: auto;
        padding: 15px 30px 15px 20px;
        -webkit-animation: bubbleLeft 2s forwards linear;
        animation: bubbleLeft 2s forwards linear;

    }

    .start .coin-r .bubble {
        top: 50%;
        bottom: auto;
        left: 90px;
        padding: 15px 20px 15px 30px;
        -webkit-animation: bubbleRight 2s forwards linear;
        animation: bubbleRight 2s forwards linear;
    }

    .coin-l .bubble span,
    .coin-r .bubble span {
        top: 50%;
        transform: translateY(-50%);

    }

    .coin-l .bubble span {
        right: -29px;
    }

    .coin-r .bubble span {
        left: -29px;
    }

    @keyframes bubbleLeft {
        0% {
            opacity: 0;
            transform: translate(-20px, -50%);
        }
        75% {
            opacity: 0;
            transform: translate(-20px, -50%);
        }
        100% {
            opacity: 1;
            transform: translate(0, -50%);
        }
    }

    @keyframes bubbleRight {
        0% {
            opacity: 0;
            transform: translate(20px, -50%);
        }
        75% {
            opacity: 0;
            transform: translate(20px, -50%);
        }
        100% {
            opacity: 1;
            transform: translate(0, -50%);
        }
    }

    .start .coin-c {
        -webkit-animation: coinCenter 1s forwards linear;
        animation: coinCenter 1s forwards linear;
    }

    .wb_s_5_1 {
        position: relative;
        padding: 40px 10px 40px;
        background-image: none;
    }

    .wb_s_5_1:after {
        position: absolute;
        display: none;
        content: '';
        right: 114px;
        bottom: 169px;
        width: 2px;
        height: 3px;
        background-color: #333333;
        border-radius: 50%;
        z-index: 10;
        transform: rotate(-21deg) translateY(0);
        -webkit-animation: morgalka 5s infinite;
        animation: morgalka 5s infinite;
    }

    @-webkit-keyframes morgalka {
        0% {
            height: 3px;
            -webkit-transform: rotate(-21deg) translateY(0);
        }
        20% {
            height: 1px;
            -webkit-transform: rotate(-21deg) translateY(-1px);
        }
        30% {
            height: 3px;
            -webkit-transform: rotate(-21deg) translateY(0);
        }
        100% {
            height: 3px;
            -webkit-transform: rotate(-21deg) translateY(0);
        }
    }

    @keyframes morgalka {
        0% {
            height: 3px;
            transform: rotate(-21deg) translateY(0);
        }
        20% {
            height: 1px;
            transform: rotate(-21deg) translateY(-1px);
        }
        40% {
            height: 3px;
            transform: rotate(-21deg) translateY(0);
        }
        100% {
            height: 3px;
            transform: rotate(-21deg) translateY(0);
        }
    }
    .wb_s_5_2 {
        position: relative
    }

    .wb_s_5_2::after {
        position: absolute;
        content: "";
        top: -82px;
        left: 0;
        width: 48px;
        height: 170px;
        background-image: url(../images/s6mm.png);
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 1;
    }

    .wb_s_5_1::before {
        position: absolute;
        content: '';
        right: 0;
        bottom: 0;
        width: 280px;
        height: 100%;
        background-image: url(../images/wb_s5_2_gif_m.gif);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 154px auto;
        z-index: 1;
    }


    .wb_s_5_1 .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .wb_s_5 .s-image {
        display: none;
    }

    .wb_s_5_1 .s-subtitle {
        margin-bottom: 35px;
        font-size: 16px;
        line-height: 1.3em;
        letter-spacing: 0.7px;
        text-align: center;
        text-transform: uppercase;
    }

    .wb_s_5_1 .s-title {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: normal;
        text-align: center;
    }

    .wb_s_5_1 .s-text {
        position: relative;
        max-width: 60%;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.1px;

    }

    .wb_s_5_2 {
        padding: 50px 0 5px;
    }

    .wb_s_5_2 .col-12 {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
        padding-left: 0;
    }

    .wb_s_5_2 .s-subtitle {
        margin-bottom: 20px;
        font-size: 14px;
    }

    .wb_s_5_2 .s-title {
        margin-bottom: -110px;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 1.5px;
    }

    .wbs52-orbits {
        transform: scale(0.7);
    }

    .wbs52-orbit.__left {
        pointer-events: none;
        z-index: 10;
        transform: translateX(150px) scale(.8);
    }

    .wbs52-orbit.__right {
        pointer-events: none;
        z-index: 10;
        transform: translateX(-150px) scale(.8);
    }

    .wbs52-orbit.__left .title {
        top: 70%;
        right: 130px;
        left: auto;
        text-align: right;
    }

    .wbs52-orbit.__right .title {
        top: 70%;
        left: 130px;
        text-align: left;
    }

    .wbs52-center .bubble {
        right: -150px;
        left: -150px;
        min-width: 200px;
    }

    .wbs52-center .logo {
        font-size: 18px;
        line-height: 24px;
    }

    .wbs52-center .logo .inner {
        display: none;;
    }

    .wbs52-center .logo .item {
        position: absolute;
        display: block;
        width: 54px;
        height: 54px;
    }

    .wbs52-center .logo .item::before {
        position: absolute;
        display: block;
        content: '';
        width: 54px;
        height: 54px;
        background-color: #32323c;
        background-image: url(https://tokenplace.com/wp-content/uploads/2019/08/i.png);
        background-repeat: no-repeat;
        background-position: center;
        border: 2px solid #505062;
        border-radius: 50%;
    }

    .wbs52-center .logo .item-01 {
        top: 27px;
        left: 68px;
    }

    .wbs52-center .logo .item-02 {
        top: 133px;
        left: -26px;
    }

    .wbs52-center .logo .item-03 {
        top: 133px;
        left: 162px;
    }

    .wbs52-center .logo .item-04 {
        top: 242px;
        left: 68px;
    }

    .wbs52-center .logo .item span {
        position: absolute;
        display: none;
        width: 130px;
        padding: 7px 10px;
        color: #000000;
        background-color: #ffffff;
        border-radius: 4px;
        font-size: 16px;
        z-index: 20;
    }

    .wbs52-center .logo .item:hover span,
    .wbs52-center .logo .item:active span {
        display: block;
    }

    .wbs52-center .logo .item-01 .item-01-01 {
        top: -65px;
        left: -30px;
        text-align: center;
    }

    .wbs52-center .logo .item-02 .item-02-01 {
        top: -99px;
        left: -83px;
    }

    .wbs52-center .logo .item-02 .item-02-02 {
        top: 63px;
        left: -83px;
    }

    .wbs52-center .logo .item-03 .item-03-01 {
        top: -119px;
        left: 0;
    }

    .wbs52-center .logo .item-03 .item-03-02 {
        top: 63px;
        left: 0;
    }

    .wbs52-center .logo .item-04 .item-04-01 {
        top: 57px;
        left: -55px;
        width: 167px;
        text-align: center;
    }

    .orbit-read {
        position: relative;
        top: -80px;
        color: #767686;
        font-size: 15px;
        line-height: 1.3em;
        letter-spacing: 1px;
        text-align: center;
    }

    .orbit-read span {
        position: relative;
        display: inline-block;
        top: 12px;
        width: 34px;
        height: 34px;
        margin: 0 3px;
        background-color: #32323c;
        background-image: url(https://tokenplace.com/wp-content/uploads/2019/08/i.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 7px 14px;
        border: 2px solid #505062;
        border-radius: 50%;
    }

    .wbs52-center .logo .i01 {
        top: 0;
        left: 43px;
        text-align: center;
    }

    .wbs52-center .logo .i03 {
        top: 343px;
        left: -77px;
    }

    .wbs52-center .logo .i04 {
        top: -71px;
        left: -77px;
    }

    .wbs52-center .logo .i05 {
        top: -80px;
        left: 184px;
    }

    .wbs52-center .logo .i06 {
        top: 343px;
        left: 187px;
    }

    .wbs52-center .logo .i07 {
        top: 283px;
        left: 20px;
        text-align: center;
    }

    .pt_s_4 {
        margin-top: 0;
        margin-bottom: 0;
        padding: 123px 0 76px 0;
    }

    .wb_s_6 {
        padding: 83px 0 76px 0
    }

    .pt_s_4.s6 ._inner {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 360px) {
    .container, .container--xxl {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px !important;
    }

    .hero-title {
        max-width: 190px;
    }

    .hero-text {
        max-width: 115px;
    }

    .s1 .s1-bg {
        top: 0;
        background-position: 105% 180px;
        background-size: auto 70%;
    }

    .wb_s_3__building {
        transform: scale(.45) translate(-83%, -400px);
    }

    .wb_s_3__peoples {
        bottom: -30px;
    }

    .bubble {
        font-size: 13px;
    }

    .wb_s_5_1::before {
        right: -40px;
    }

    .wb_s_5_1:after {
        right: 74px;
    }
}


/*
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 * BLOG
 *
 *
 *
 */
.archive,
.blog,
.single {
    background-color: #f2f7fa;
}

.archive.category .site-content,
.blog .site-content {
    overflow: hidden;
}

.blog-header {
    position: relative;
    margin-bottom: 40px;
    padding-top: 130px;
    z-index: 1;
}

.category-header {
    margin-bottom: 71px;
}

.blog-header--inner {
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding: 0 50px 18px 50px;
}

.blog-header--inner::after {
    position: absolute;
    display: block;
    content: '';
    right: 50px;
    bottom: 0;
    left: 50px;
    width: calc(100% - 100px);
    height: 1px;
    background: #ececec;
}

.blog-header--meta {
    align-items: center;
}

.blog-header--meta h1,
.blog-header--meta .h1 {
    position: relative;
    margin: 0;
    color: #000000;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
}

.blog-header--meta h1:after,
.blog-header--meta .h1:after {
    display: inline-block;
    content: '/';
    margin-left: 17px;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
}

.blog-header--meta ul {
    flex-flow: row wrap;
    margin: 0 0 0 25px;
    padding: 0;
    font-size: 14px;
    line-height: normal;
    list-style: none;
}

.blog-header--meta ul > li {
    margin-right: 40px;
}

.blog-header--meta ul > li > a {
    padding: 2px 0;
    color: #000000;
    border-bottom: 2px solid transparent;

}

.blog-header--meta ul > li > a:hover,
.blog-header--meta ul > .current-cat > a {
    color: #ff5121;
    border-bottom-color: #ff5121;;
}

.blog-header--right {
    align-items: center;
}

/* blog filters */
.blog-header--filters .filters-inner {
    align-items: center;
    padding-top: 5px;
}

.blog-header--filters span {
    display: inline-block;
    color: #666666;
    opacity: 0.8;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: 0.8px;
}

.blog-header--filters a {
    margin-left: 15px;
    padding: 0;
    color: #666666;
    background: none;
    border: none;
    opacity: 0.8;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: 0.8px;
}

.blog-header--filters a {
    border-bottom: 1px solid transparent;
}

.blog-header--filters a:hover,
.blog-header--filters .active {
    color: #ff5121;
    border-bottom: 1px solid #ff5121;
}

.blog-header--filters i {
    display: inline-block;
    margin-right: 4px;
    color: #ff5121;
    font-style: normal;
}

.blog-header--filters .filters-reset {
    margin-left: 36px;
}

/* blog search */
.blog-header--search {
    position: relative;
    width: 62px;
    height: 52px;
    margin-left: 127px;
}

.blog-header--search .search-wrap {
    position: absolute;
    float: right;
    right: 0;
    width: 0;
    min-width: 62px;
    height: 52px;
    overflow: hidden;
    -o-transition: width .2s;
    -webkit-transition: width .2s;
    transition: width .2s;
    -webkit-backface-visibility: hidden;
}

.blog-header--search .search-input::placeholder {
    color: #000000;
    opacity: 0.6;
}

.blog-header--search .search-input::-ms-input-placeholder {
    color: #000000;
    opacity: 0.6;
}

.blog-header--search .search-input::-ms-input-placeholder {
    color: #000000;
    opacity: 0.6;
}

.blog-header--search .search-input {
    width: 100%;
    height: 52px;
    padding-left: 8px;
    color: #000000;
    background-color: #f2f7fa;
    border: none;
    border-bottom: 1px solid #ff5121;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: 0.93px;
}

.blog-header--search .search-submit {
    position: absolute;
    right: 0;
}

.blog-header--search .search-icon,
.blog-header--search .search-submit {
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 52px;
    padding: 0;
    background-color: transparent;
    background-image: var(--svg-search);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 24px;
    border: none;
    cursor: pointer;
}

.blog-header--search .search-icon {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f2f7fa;
    z-index: 10;
}

.blog-header--search .search-icon:hover {
    background-image: var(--svg-search-h);
}

.blog-header--search .search-wrap.open {
    width: 650px;
}

.search-wrap.open .search-icon {
    z-index: -1;
}

/* header search */


.entry-meta {
    flex-flow: row wrap;
    align-items: center;
    opacity: .6;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: 0.8px;
}

.entry-meta a {
    display: inline-block;
    color: #000000;
}

.entry-meta a:hover {
    color: #ff5121;
}

.entry-category::after {
    position: relative;
    display: inline-block;
    content: '/';
    margin: 0 10px;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: 0.8px;
}

.entry-date {
    margin-right: 20px;
}

.entry-read {
    align-items: center;
}

.entry-read svg {
    width: 18px;
    height: 18px;
    margin-right: 7px;
}


/* FEATURED */

.blog-featured--inner {
    grid-template-columns: calc(100% - 460px) auto;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-auto-rows: 290px;
    margin-bottom: 35px;
}

.blog-featured--inner .blog-featured--post:first-child {
    grid-row: 1 / 3;
}

.blog-featured--inner .blog-featured--post:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.blog-featured--inner .blog-featured--post:nth-child(3) {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.blog-featured--lg {
    position: relative;
    align-items: flex-end;
    justify-content: flex-start;
    width: 100%;
    height: 590px;
    padding: 78px 95px;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 4px;
}

.blog-featured--lg::before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(64 64 64 / 60%);
    border-radius: 4px;
    mix-blend-mode: multiply;
}

.blog-featured--lg .entry-content {
    position: relative;
    max-width: 550px;
    z-index: 1;
}

.blog-featured--lg .entry-title {
    display: inline-block;
    margin-bottom: 15px;
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.blog-featured--lg .entry-title:hover {
    opacity: .7;
}

.blog-featured--lg .entry-excerpt {
    margin-bottom: 32px;
    opacity: 0.6;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
}

.blog-featured--lg .entry-meta a {
    color: #ffffff;
}

.blog-featured--lg .entry-meta a:hover {
    opacity: .8;
}


/* ANOTHER FEATURED */

.blog-featured{
	position: relative;
	z-index: 2;
}

.blog-featured--md {
    position: relative;
    align-items: flex-end;
    justify-content: flex-start;
    width: 100%;
    height: 290px;
    padding: 47px 20px 58px 40px;
    color: #ffffff;
    background-color: #ff5121;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 4px;
}

.blog-featured--md.with-img {
    padding: 47px 20px 48px 40px;
}

.blog-featured--md.with-img::before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #404040;
    border-radius: 4px;
    mix-blend-mode: multiply;
}

.blog-featured--md.with-color {
    background-image: none !important;
}

.blog-featured--md .entry-content {
    position: relative;
    z-index: 1;
}

.blog-featured--md .entry-meta {
    font-weight: 700;
}

.blog-featured--md .entry-meta a {
    color: #ffffff;
}

.blog-featured--md .entry-meta a:hover {
    opacity: .7;
}


.blog-featured--md .entry-title {
    display: inline-block;
    margin-bottom: 15px;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
}

.blog-featured--md .entry-title:hover {
    opacity: .7;
}

.blog-featured--md .sl-button {
    color: #ffffff;
}

.blog-featured--md .sl-button:hover {
    color: #ffffff;
    opacity: .8;
}

/* CATEGORY SECTIONS */
.blog-category {
    position: relative;
    margin-bottom: 87px;
}

.blog-category--inner::before,
.blog-category--inner::after {
    pointer-events: none;
}

.blog-section--meta {
    position: relative;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 52px;
    z-index: 1;
}

.blog-section--title {
    color: #000000;
    font-size: 36px;
    font-weight: bold;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.blog-section--link {
    display: inline-block;
    margin-bottom: 4px;
    color: #ff5121;
    border-bottom: 1px solid #ff5121;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.blog-section--link:hover {
    color: #000000;
    border-bottom-color: transparent;
}

.blog-category--inner {
    position: relative;
}

.blog-category--post {
    position: relative;
    z-index: 1;
    transition: all .3s ease;
}

.blog-category--post:hover {
    transform: translateY(-3px);
}

.blog-category .entry-thumb img {
    width: 100%;
    border-radius: 4px;
    transition: all .3s ease;
    object-fit: cover;
}

.blog-category .entry-thumb {
    display: block;
    width: 100%;
    background-color: #ffffff;
}

.blog-category .entry-thumb:hover img {
    opacity: .7;
}

.blog-category .no-thumb {
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #ffffff;
    border-radius: 4px;
}

.blog-category .no-thumb img {
    width: 100% !important;
    height: 100% !important;
    max-height: none;
    object-fit: none;
}

.blog-category .entry-title a {
    color: #000000;
}

.blog-category .entry-title a:hover {
    color: #ff5121;
}

.blog-category .entry-excerpt {
    color: #000000;
    opacity: 0.6;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
}

/* SECTION INLINE*/

.blog-category--inline .blog-category--inner {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
}

.blog-category--inline .blog-category--inner::before {
    position: absolute;
    display: block;
    content: '';
    top: -166px;
    right: -50px;
    width: 307px;
    height: 307px;
    background: #ffffff;
    border-radius: 50%;
}

.blog-category--inline .blog-category--post {
    flex-direction: column;
    background: #ffffff;
    border-radius: 4px;
}

.blog-category--inline .entry-thumb {
    height: 240px;
}

.blog-category--inline .entry-thumb img {
    height: 240px;
}

.blog-category--inline .entry-content {
    padding: 30px 34px 31px;
}

.blog-category--inline .entry-title {
    max-width: 85%;
    min-height: 62px;
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: normal;
}

.blog-category--inline .entry-content {
    flex-direction: column;
    justify-content: space-between;
}

.blog-category--inline .entry-content--top {
    height: 155px;
    margin-bottom: 42px;
    overflow: hidden;
}

.blog-category--grid {
    margin-bottom: 65px;
}

.blog-category--grid .blog-category--inner::before {
    position: absolute;
    display: block;
    content: '';
    top: -154px;
    left: -71px;
    width: 613px;
    height: 616px;
    background-color: transparent;
    background-image: url("../images/blog-02.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

.category .blog-category--grid .blog-category--inner::before {
    top: -214px;
    left: -5px;
    width: 617px;
    height: 916px;
    background-image: url("../images/blog-03.svg");
}

.blog-category--grid .blog-category--post {
    flex-direction: column;
    border-bottom: 1px solid #ececec;
}

.blog-category--grid .blog-category--lg .entry-thumb,
.blog-category--grid .blog-category--lg .entry-thumb img {
    width: 100%;
    height: 360px;
}

.blog-category--grid .blog-category--md .entry-thumb,
.blog-category--grid .blog-category--md .entry-thumb img {
    width: 100%;
    height: 180px;
}

.blog-category--grid .blog-category--lg .entry-content {
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 360px);
    padding: 45px 30px 14px;
}

.blog-category--grid .blog-category--md .entry-content {
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 180px);
    padding: 28px 0 14px 20px;
}

.blog-category--grid .blog-category--lg .entry-title {
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
}

.blog-category--grid .blog-category--md .entry-title {
    padding-right: 20px;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: normal;
}

.blog-category--grid .blog-category--lg .entry-excerpt {
    max-width: 460px;
}


.blog-category--short {
    margin-bottom: 80px;
}

.blog-category--short .blog-category--inner {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 52px;
    grid-row-gap: 30px;
}

.blog-category--short .blog-category--inner::after {
    position: absolute;
    display: block;
    content: '';
    bottom: calc(100% - 85px);
    left: calc(100% - 202px);
    width: 613px;
    height: 616px;
    background-color: transparent;
    background-image: url("../images/blog-02.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    transform: rotate(90deg);
}

.blog-category--short .blog-category--post {
    flex-direction: column;
	justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid #ececec;
}

.blog-category--short .entry-thumb {
    /*flex: 0 0 300px; */
    /* max-width: 300px; */
    height: auto;
	margin-bottom: 30px;
	object-fit: cover;
}

.blog-category--short .entry-thumb img {
    width: 100%;
    height: 205px;
	display: block;
}

.blog-category--short .entry-content {
    /* flex: 0 0 calc(100% - 340px); */
    flex-direction: column;
    justify-content: space-between;
    /* max-width: calc(100% - 340px); */
}

.blog-category--short .entry-content--top {
    height: 100px;
    margin-bottom: 22px;
    overflow: hidden;
}

.blog-category--short .entry-title {
    min-height: 52px;
    margin-bottom: 24px;
    padding-right: 20px;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
}


.blog-subscribe {
    padding: 106px 0 116px;
    color: #ffffff;
    background-color: #009bff;
    text-align: center;
}

.blog-subscribe--inner {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    max-width: 550px;
    margin: 0 auto;
}

.blog-subscribe--title {
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: 0.35px;
}

.blog-subscribe p {
    opacity: 0.89;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.14px;
    text-align: center;
}

.blog-subscribe--subtitle {
    margin: 15px 0 0;
}

.blog-subscribe--text {
    margin: 53px 0 0;
}

.blog-subscribe--form {
    width: 100%;
    margin-top: 49px;
}

.blog-subscribe--form .form-inner {
    justify-content: space-between;
	align-items: center;
    width: 100%;
    padding: 0 7px;
}

.blog-subscribe--form .form-input {
    flex: 0 0 360px;
    max-width: 360px;
}

.blog-subscribe--form .form-action {
    position: relative;
    flex: 0 0 calc(100% - 380px);
    max-width: calc(100% - 380px);
}

.blog-subscribe--form input {
    width: 100%;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.14px;
}

.blog-subscribe--form .form-input input{
    height: 57px;
    padding: 19px 30px 19px 24px;
    color: #ffffff;
    background-color: transparent;
    border: solid 1px #ffffff;
}

.blog-subscribe--form .form-input input::placeholder {
    color: rgba(255, 255, 255, .8);
}

.blog-subscribe--form .form-input input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .8);
}

.blog-subscribe--form .form-input input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .8);
}
.blog-subscribe--form .wpcf7-spinner{
	position: absolute;
}

.category .blog-category--short {
    margin-bottom: 0;
    padding-bottom: 71px;
    background-image: linear-gradient(to bottom, #f2f7fa, #ffffff);
}

.category .blog-category--short .blog-category--inner::after {
    position: absolute;
    display: block;
    display: none;
    content: '';
    bottom: calc(0% - 234px);
    left: calc(50% - 142px);
    width: 617px;
    height: 916px;
    background-color: transparent;
    background-image: url(../images/blog-03.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    transform: rotate(0);
}


.blog-subscribe--form .form-action input {
    height: 100%;
    padding: 19px 5px 19px 5px;
    color: #009bff;
    background: #ffffff;
    border: none;
    text-align: center;
}

div.wpcf7 .ajax-loader {
    position: absolute;
    top: 18px;
    left: 16px;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    border: 4px;
    border-radius: 50%;
}

span.wpcf7-not-valid-tip {
    position: absolute;
    color: #ffffff;
}

div.wpcf7-response-output {
    display: none !important
}

.blog-loadmore {
    position: relative;
    justify-content: center;
    margin-top: 73px;
    z-index: 1;
}

.blog-loadmore button {
    align-items: center;
    justify-content: space-between;
    padding: 0;
    color: #ff5121;
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    cursor: pointer;
    transform: translateX(-2px);
}

.blog-loadmore button:hover {
    color: #000000;
}

.blog-loadmore button span {
    display: inline-block;
}

.blog-loadmore button svg + span {
    margin: 0 0 0 18px;
}

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

.article-thumb {
    position: relative;
    width: 100%;
    /*height: 600px;*/
    margin-bottom: 60px;
}

.article-thumb::before {
    position: absolute;
    display: block;
    /*content: '';*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(64 64 64 / 60%);
    border-radius: 4px;
    mix-blend-mode: multiply;
}


.article-thumb--inner {
    /*position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;*/
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    z-index: 2;
	margin-bottom: 50px;
}

.article-title {
    padding: 0 15%;
}

.article-title h1 {
    margin: 38px 0 38px 0;
    /*color: #ffffff;*/
    font-size: 36px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center; 
}

.article-meta {
    justify-content: center;
    margin-bottom: 0;
    /*color: #ffffff;*/
}

.article-meta a {
   /*color: #ffffff;*/
}

.article-meta a:hover {
    opacity: .7;
}

.article-thumb img {
    width: 100%;
	max-width: 100%;
	height: auto;
    max-height: 600px;
    object-fit: cover;
}

.article-content {
    width: 780px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
}

.article-content h2 {
    margin: 0 0 30px;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 40px;
}

.article-content h3 {
    margin: 0 0 30px;
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
}

.article-content h4 {
    margin: 0 0 30px;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 30px;
}

.article-content p {
    margin: 0 0 30px;
}

.article-content a {
    color: #ff5121;
	display: inline;
    /*word-break: break-all; */
}

.article-content a:hover {
    color: #000000;
    opacity: .7;
}

.wp-block-quote {
    margin: 0 -210px 82px;
    padding: 80px 150px;
    background-color: #ffffff;
    text-align: center;

}

* + .wp-block-quote {
    margin-top: 82px;
}

.wp-block-quote p {
    margin: 0 0 20px 0;
    color: #000000;
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.07;
    letter-spacing: normal;
    text-align: center;
}

.wp-block-quote cite {
    color: #9b9b9b;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
}
.wp-block-image{
	margin-right: 0;
	margin-left: 0; 
}
.wp-block-image .alignleft {
    margin: 0 50px 1em 0;
}

.wp-block-image .alignright {
    margin: 0 0 1em 50px;
}

.wp-block-image.alignfull,
.wp-block-image.alignwide {
    margin: 80px -240px;
}

.wp-block-image.alignfull,
.wp-block-image.alignwide,
.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
    max-width: none;
}

.wp-block-image img{
    display: block;
    max-width: 100%;
	height: auto;
}

.wp-block-columns {
    display: flex;
    margin-bottom: 1.75em;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}

@media (min-width: 782px){
    .wp-block-columns {
        flex-wrap: nowrap;
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 0;
        flex-grow: 1;
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
        margin-left: var(--wp--style--block-gap,2em);
    }
}

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

.article-bottom {
    align-items: center;
    margin-top: 78px;
    margin-bottom: 80px;
}

.article-bottom--categories {
    align-items: flex-start;
    margin-right: 20px;
}

.article-bottom--categories a {
    margin-right: 5px;
    padding: 11px 15px 5px;
    color: #666666;
    background-color: #f8a48d;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 14px;
    letter-spacing: 0.73px;
    text-transform: uppercase;
}

.article-bottom--likes {
}

.article-related {
    padding-top: 11px;
}

.article-related .blog-section--title {
    font-size: 32px;
}

.article-related .blog-category--inner::before {
    display: none;
}

.article-related .blog-category--inner::after {
    top: -214px;
    left: -24px;
    transform: rotate(0);
}


/* Blog Search Result */
.search {
    background-color: #f2f7fa;
}

.search-category {
    padding-top: 30px;
}

.search-category--results {
    grid-template-columns: 920px 380px;
    grid-column-gap: 100px;
}

.search-category .blog-category--inner::before,
.search-category .blog-category--inner::after {
    display: none;
}

.search-category .blog-category--post:first-child {
    padding-top: 0;
    border-top: 0;
}

.search-category .blog-category--post + .blog-category--post {
    margin-top: 30px;
}

.search-category .blog-category--post .entry-content {
    flex-direction: column;
}


.blog-side--title {
    margin-bottom: 50px;
    color: #000000;
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.blog-side .entry-title {
    max-width: 280px;
    min-height: 52px;
    margin-bottom: 24px;
    padding-right: 20px;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
}

.blog-side .entry-excerpt {
    margin-bottom: 20px;
}

.blog-side .blog-category--post + .blog-category--post {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ececec;

}

/* PAGINATION */

.pagination-wrap {
    padding-top: 30px;
}

.pagination {
    width: 100%;
    margin: 40px 0 0 0;
    text-align: center
}

.pagination h2 {
    display: none;
}

.pagination .nav-links {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-weight: 600;
}

.pagination a,
.pagination span {
    display: inline-block;
    margin: 0 3px;
    padding: 2px 4px;
    color: var(--primary);
    background: transparent;
    border: none;
    font-size: .875rem;
    vertical-align: top;
}

.pagination .current {
    color: var(--accent-2);
}

.pagination a:hover,
.pagination a:focus {
    color: var(--accent-2);
}

.pagination .dots {
    display: inline-block;
    padding: 2px 8px;
    color: var(--primary);
}

.pagination .nav-controls {
    padding-top: 10px;
}

.pagination .next,
.pagination .prev {
    width: 100px;
    height: 40px;
    margin: 0 20px;
    color: var(--primary);
    background-color: var(--light-1);
}

.pagination .next:hover,
.pagination .prev:hover {
    color: #ffffff;
    background-color: var(--accent-2);
}

.pagination .next svg,
.pagination .prev svg {
    position: relative;
    top: 6px
}

.blog .site-content {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.blog-category--filters .blog-category--inner::before,
.blog-category--filters .blog-category--inner::after {
    display: none !important;
}

.entry-social--title,
.article-bottom--title {
    width: 150px;
    margin-right: 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5em;
}


.entry-social {
    flex-flow: row wrap;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
	margin-top: 40px;
}

.entry-social--inner {
    grid-template-columns: repeat(auto-fill, minmax(55px, 1fr));
    grid-gap: 8px;
    width: calc(100% - 170px);
}

.entry-social a,
.entry-social button {
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 6px 8px;
    color: #ffffff;
    background-color: #f7f7f7;
    border: none;
    border-radius: 3px;
    text-align: center;
}

.entry-social .vkontakte {
    background-color: #45668e;
}

.entry-social .facebook {
    background-color: #3b5998;
}

.entry-social .odnoklassniki {
    background-color: #ed812b;
}

.entry-social .telegram {
    background-color: #0088cc;
}

.entry-social .googleplus {
    background-color: #dd4b39;
}

.entry-social .pinterest {
    background-color: #bd081c;
}

.entry-social .twitter {
    background-color: #1da1f2;
}

.entry-social .whatsapp {
    background-color: #25d366;
}

.entry-social .pocket {
    background-color: #ef4056;
}

.entry-social svg {
    width: 16px;
    height: 16px;
}

.entry-social button:hover,
.entry-social a:hover {
    opacity: .7
}

@media (max-width: 992px) {
    .entry-social {
        flex-flow: column wrap;
        margin-bottom: 20px;
    }

    .entry-social--inner {
        width: 100%;
        margin-top: 10px;
    }
}


.page-404--inner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
}


.popup-subscripe {
    position: relative;
    padding: 80px 0 0 0;
    background: transparent;
    overflow: hidden;
}

.popup-subscripe .popup-inner {
    position: relative;
    align-items: center;
    width: 1300px;
    height: 780px;
    padding-left: 140px;
    background: #f2f7fa;
    border-radius: 8px;
}

.popup-subscripe .popup-inner::before {
    position: absolute;
    display: block;
    content: '';
    top: -75px;
    right: 154px;
    width: 507px;
    height: 100%;
    background-image: url(../images/man-y.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 507px 800px;
    border-radius: 8px;
}

.popup-subscripe .popup-inner::after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    width: 516px;
    height: 100%;
    background-image: url(../images/combined-shape-copy-2.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    border-radius: 8px;
}

.popup-subscripe--meta {
    max-width: 500px;
}

.popup-subscripe--title {
    margin-bottom: 21px;
    color: #ff8116;
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.11;
    letter-spacing: 0.49px;
}

.popup-subscripe--subtitle {
    margin-bottom: 24px;
    color: #000000;
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
}

.popup-subscripe--text {
    padding-right: 50px;
    opacity: 0.6;
}

.popup-subscripe--text p {
    color: #000000;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.64;
    letter-spacing: .01em;
}

.fancybox-close-small {
    top: 110px;
    right: 50px;
    padding: 4px;
    border: 2px solid #606264;
    border-radius: 50%;
}



.page-template-default {
	background: #f2f7fa;
    background-image: url(../images/about-bg.svg);
    background-repeat: no-repeat;
    background-position: right -110px top 153px;
    background-size: 725px 1006px;
}

.default-page{
	padding-top: 160px;
}
.default-page .article-title{
	margin-bottom: 74px;
}
.default-page .article-title h1{
	max-width: 490px;
    margin: 0 auto;
    color: #000000;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
}



/*
 *
 *
 *RESPONSIVE BLOG ONLY
 *
 *
 *
 */
@media (min-width: 1200px) {
    .blog-category--grid .blog-category--inner {
        grid-column-gap: 40px;
        grid-row-gap: 30px;
        grid-auto-columns: calc(25% - 30px);
        grid-auto-rows: 360px;
        grid-auto-flow: row;
    }

    .blog-category--grid .blog-category--lg {
        grid-column: 1 / 3;
        grid-row: 1 / 3;
    }

    .blog-category--grid .blog-category--post:nth-child(2) {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
    }

    .blog-category--grid .blog-category--post:nth-child(3) {
        grid-column: 4 / 5;
        grid-row: 1 / 2;
    }

    .blog-category--grid .blog-category--post:nth-child(4) {
        grid-column: 3 / 4;
        grid-row: 2 / 3;
    }

    .blog-category--grid .blog-category--post:nth-child(5) {
        grid-column: 4 / 5;
        grid-row: 2 / 3;
    }
}

@media (min-width: 1500px) and (max-width: 1680px) {
    .blog-header .container--xxl {
        padding: 0;
    }

    .blog-header--search .search-wrap.open {
        width: 480px;
    }
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .blog .container--xl,
    .category .container--xl,
    .single .container--xl {
        padding: 0 50px;
    }

    .blog-header--inner {
        padding: 0 0 18px;
    }

    .blog-header--inner::after {
        right: 0;
        left: 0;
        width: 100%;
    }

    .blog-header--meta h1,
	.blog-header--meta .h1,
    .blog-header--filters a {
        white-space: nowrap
    }

    .blog-header--meta ul > li {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .search-category {
        padding-right: 50px;
        padding-left: 50px;
    }

    .search-category--results {
        grid-template-columns: calc(100% - 450px) 380px;
        grid-column-gap: 70px;
    }

    .popup-subscripe .popup-inner {
        width: 1160px;
        height: 600px;
    }

    .popup-subscripe .popup-inner::after {
        width: 400px;
    }

    .popup-subscripe .popup-inner::before {
        right: 100px;
        width: 470px;
        background-size: 500px 100%;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .blog .container--xl,
    .category .container--xl,
    .single .container--xl {
        padding: 0 50px;
    }

    .blog-header {
        margin-bottom: 40px;
    }

    .blog-header--inner {
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        padding-right: 0;
        padding-left: 0;
    }

    .blog-header--inner::after {
        right: 0;
        left: 0;
        width: 100%;
    }

    .blog-header--meta {
        width: 100%
    }

    .blog-header--right {
        justify-content: space-between;
        width: 100%;
    }

    .blog-header--search .search-wrap.open {
        width: 670px;
    }

    .blog-featured {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin-bottom: 68px;
    }

    .blog-featured--inner {
        grid-template-columns: calc(50% - 5px) calc(50% - 5px);
        grid-column-gap: 10px;
        grid-auto-rows: auto;
        margin-bottom: 0;
    }

    .blog-featured--post .entry-content {
        max-width: 530px;
    }

    .blog-featured--inner .blog-featured--post:first-child {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }

    .blog-featured--inner .blog-featured--post:nth-child(2) {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }

    .blog-featured--inner .blog-featured--post:nth-child(3) {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }

    .blog-featured--lg {
        height: 500px;
    }

    .blog-featured--md {
        padding: 47px 40px 58px 40px;
    }

    .blog-category--short .entry-thumb {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
    }

    .blog-category--short .entry-content {
        flex: 0 0 calc(50% - 15px);
    }


    .post-header .blog-header--inner,
    .search-header .blog-header--inner {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .post-header .blog-header--right,
    .search-header .blog-header--right {
        justify-content: flex-end;
        width: auto;
    }

    .post-header .blog-header--search,
    .search-header .blog-header--search {
        margin-left: 0;
    }

    .search-category {
        padding: 0 50px;
    }

    .search-category--results {
        grid-template-columns: 100%;
    }

    .blog-side {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .blog-section--meta {
        margin-bottom: 30px;
    }

    .blog-category--inline .blog-category--inner {
        grid-column-gap: 10px;
    }

    .blog-category--inline .blog-category--inner::before {
        top: -124px;
        right: -50px;
        width: 277px;
        height: 277px;
    }

    .blog-category--inline .entry-title {
        max-width: 100%;
        font-size: 20px;
        line-height: 1.4;
    }

    .blog-category--inline .entry-content--top {
        height: 175px;
        margin-bottom: 12px;
    }

    .blog-category--grid .blog-category--inner {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-auto-columns: calc(25% - 22.5px);
        grid-auto-rows: 330px;
    }

    .blog-category--grid .blog-category--lg {
        flex-direction: row;
        justify-content: space-between;
        grid-column: 1 / 5;
        grid-row: 1 / 2;
        border-bottom: none;
    }

    .blog-category--grid .blog-category--lg .entry-thumb {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
    }

    .blog-category--grid .blog-category--lg .entry-thumb,
    .blog-category--grid .blog-category--lg .entry-thumb img {
        height: 330px;
    }

    .blog-category--grid .blog-category--lg .entry-content {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
        height: auto;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #ececec;
    }

    .blog-category--grid .blog-category--post:nth-child(2) {
        grid-column: 1 / 3;
        grid-row: 2 / 3;
    }

    .blog-category--grid .blog-category--post:nth-child(3) {
        grid-column: 3 / 5;
        grid-row: 2 / 3;
    }

    .blog-category--grid .blog-category--post:nth-child(4) {
        grid-column: 1 / 3;
        grid-row: 3 / 4;
    }

    .blog-category--grid .blog-category--post:nth-child(5) {
        grid-column: 3 / 5;
        grid-row: 3 / 4;
    }

    .blog-category--grid .blog-category--lg .entry-excerpt {
        margin-bottom: 32px;
    }

    .blog-category--short .blog-category--inner {
        grid-template-columns: 1fr;
    }

    .blog-category--short .blog-category--post {
        padding-right: 0;
    }

    .article-container {
        padding: 0 50px;
    }

    .article-thumb,
    .article-thumb img {
        height: 500px;
    }

    .single article {
        position: relative;
        z-index: 1;
    }

    .wp-block-quote {
        margin: 0 -60px 82px;
    }

    .popup-subscripe .popup-inner {
        width: 900px;
        height: 500px;
        padding: 70px 0 40px 70px;
    }

    .popup-subscripe .popup-inner::after {
        width: 330px;
    }

    .popup-subscripe .popup-inner::before {
        right: 30px;
        width: 470px;
        background-size: 500px 100%;
    }

    .popup-subscripe--subtitle {
        font-size: 22px;
    }

    .popup-subscripe--title {
        font-size: 32px;
    }

    .popup-subscripe--text {
        padding-right: 100px;
    }

    .popup-subscripe--text p {
        font-size: 16px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {


    .blog-featured--lg {
        align-items: flex-start;
        height: 414px;
        padding: 73px 63px;
    }

    .blog-featured--lg .entry-title {
        font-size: 32px;
    }

    .blog-featured--md {
        padding: 40px 40px 35px 40px;
    }

    .blog-section--meta {
        margin-bottom: 30px;
    }

    .blog-category--inline .blog-category--inner {
        grid-template-columns: 100%;
        grid-row-gap: 10px;
    }

    .blog-category--inline .blog-category--inner::before {
        top: -124px;
        right: -5px;
        width: 197px;
        height: 197px;
    }

    .blog-category--inline .blog-category--post {
        flex-direction: row;
    }

    .blog-category--inline .entry-thumb,
    .blog-category--inline .entry-thumb img {
        height: 290px;
    }

    .blog-category--inline .entry-content {
        padding: 30px 20px 30px 30px;
    }

    .blog-category--inline .entry-title {
        max-width: 100%;
        font-size: 20px;
        line-height: 1.4;
    }

    .blog-category--inline .entry-content--top {
        height: 175px;
        margin-bottom: 12px;
    }

    .blog-category--grid .blog-category--inner {
        grid-template-columns: calc(50% - 15px) calc(50% - 15px);
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .blog-category--grid .blog-category--lg {
        grid-column: 1 / 3;
    }

    .blog-category--grid .blog-category--lg .entry-thumb,
    .blog-category--grid .blog-category--lg .entry-thumb img {
        height: 300px;
    }

    .blog-category--grid .blog-category--lg .entry-content {
        height: auto;
        margin-left: 30px;
        padding-bottom: 30px;
        padding-left: 0;
        border-bottom: 1px solid #ececec;
    }

    .blog-category--grid .blog-category--lg .entry-excerpt {
        max-width: 100%;
        margin-bottom: 32px;
    }

    .blog-category--short .blog-category--inner {
        grid-template-columns: 1fr;
    }

    .blog-category--short .entry-thumb,
    .blog-category--short .entry-thumb img {
        height: 230px;
    }

    .blog-category--short .entry-excerpt {
        height: 52px;
        overflow: hidden;
    }

    .blog-category--short .entry-read,
    .blog-category--short .entry-star {
        display: none
    }

    .blog-category--grid .blog-category--md .entry-title {
        margin-bottom: 20px;
    }

    .article-container {
        padding: 0 50px;
    }

    .article-thumb,
    .article-thumb img {
        height: 500px;
    }

    .single article {
        position: relative;
        z-index: 1;
    }

    .article-content {
        width: 100%;
    }

    .wp-block-quote {
        margin: 0 -50px 52px;
        padding: 80px 100px 50px;
    }

    .wp-block-quote p {
        line-height: 1.3;
    }

    .blog-loadmore {
        margin-top: 35px;
    }

    .category .blog-category--short {
        padding-bottom: 35px;
    }

    .category .blog-category--short .blog-category--inner::after {
        bottom: calc(0% - 154px);
        left: calc(50% - 112px);
        width: 450px;
        height: 670px;
    }

    .blog-header--meta h1,
	.blog-header--meta .h1	{
        font-size: 24px;
    }

    .category-header {
        margin-bottom: 32px;
    }

    .blog-header--meta ul > li {
        margin-right: 30px;
    }

    .search-category--results {
        grid-template-columns: 100%;
    }

    .search-header .blog-header--inner {
        flex-direction: row;
        align-items: center;
    }

    .search-header .blog-header--right {
        width: auto;
    }

    .blog-side {
        display: none;
    }

    .popup-subscripe .popup-inner {
        width: 600px;
        height: 500px;
        padding: 70px 40px 70px 100px;
    }

    .popup-subscripe .popup-inner::after,
    .popup-subscripe .popup-inner::before {
        display: none;
    }

    .popup-subscripe--subtitle {
        font-size: 22px;
    }

    .popup-subscripe--title {
        font-size: 32px;
    }

    .popup-subscripe--text {
        padding-right: 100px;
    }

    .popup-subscripe--text p {
        font-size: 16px;
    }

}

@media (min-width: 768px) {
    .blog-featured--mobile {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .blog-header {
        margin-bottom: 0;
		padding-top: 100px;
		padding-bottom: 30px;
		background: #ffffff;
    }

    .blog-header--inner {
        flex-direction: column;
        padding: 0;
    }

    .blog-header--inner::after {
        display: none;
    }

    .blog-header--meta {
        flex-direction: column
    }

    .blog-header--meta h1,
	.blog-header--meta .h1	{
        margin-bottom: 18px;
        font-size: 24px;
    }

    .blog-header--meta h1::after,
    .blog-header--meta .h1::after {
        display: none;
    }

    .blog-header--meta ul {
        flex-flow: row wrap;
        justify-content: center;
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .blog-header--meta ul > li {
        margin: 0 10px 10px;
    }

    .blog-header--filters a {
        margin-left: 10px;
        white-space: nowrap;
    }

    .blog-header--filters .filters-reset {
        margin-left: 15px;
    }

    .search-header {
        padding-right: 30px;
        padding-left: 30px;
    }

    .blog-header--right {
        position: relative;
		display: none;
        justify-content: space-between;
        width: 100%;
    }

    .blog-header--search {
        position: static;
        width: 100%;
        margin-left: 0;
    }

    .blog-header--search .search-wrap.open {
        width: 100%;
    }

    .blog-featured--desktop {
        display: none !important;
    }

    .blog-featured--mobile {
        display: block;
        margin-bottom: 40px;
    }

    .blog-featured--mobile .owl-dots {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 20px;
    }

    .blog-featured--mobile.owl-carousel button.owl-dot {
        display: block;
        width: 10px;
        height: 10px;
        margin: 10px 0;
        background-color: transparent;
        border: 1px solid rgba(255, 255, 255, .4);
        border-radius: 50%;
    }

    .blog-featured--mobile.owl-carousel button.owl-dot:hover {
        background-color: rgba(255, 255, 255, .6);
        border: 1px solid rgba(255, 255, 255, .6);

    }

    .blog-featured--mobile.owl-carousel button.active {
        background-color: #ffffff;
        border-color: #ffffff;
    }

    .blog-featured--post {
        height: 350px;
        padding: 50px 50px 50px 30px;
        border-radius: 0;
    }

    .blog-featured--post::before {
        border-radius: 0;
    }

    .blog-featured--post .entry-title {
        margin-bottom: 40px;
        font-size: 24px;
        line-height: 1.5;
        letter-spacing: .025em;
    }

    .blog-featured--post .entry-read {
        display: none;
    }

    .blog-section--title {
        font-size: 24px;
    }

    .blog-category {
        margin: 0;
        padding: 30px 20px 40px;
        border-bottom: 1px solid #ececec;
    }

    .blog-section--meta {
        margin-bottom: 35px;
    }

    .blog-section--link {
        font-size: 14px;
    }

    .blog-section--link span {
        display: none;
    }


    .blog-category--short .blog-category--inner,
    .blog-category--grid .blog-category--inner,
    .blog-category--inline .blog-category--inner {
        grid-template-columns: 100%;
        grid-column-gap: 0;
        grid-row-gap: 15px;
    }

    .blog-category .blog-category--post:first-child {
        flex-direction: column;
        justify-content: flex-start;
        padding: 0;
        background: #ffffff;
        border-bottom: none;
        border-radius: 4px;
    }

    .blog-category .blog-category--post:first-child .entry-thumb {
        flex: 0 0 200px;
        max-width: none;
    }

    .blog-category .blog-category--post:first-child .entry-thumb,
    .blog-category .blog-category--post:first-child .entry-thumb img {
        height: 200px;
        border-radius: 4px 4px 0 0;
    }

    .blog-category .blog-category--post:first-child .entry-content {
        flex: 0 0 auto;
        max-width: none;
        padding: 32px 17px 25px 32px;
    }

    .blog-category .blog-category--post:first-child .entry-content--top {
        height: auto;
        margin-bottom: 22px;
    }

    .blog-category .blog-category--post:first-child .entry-title {
        max-width: 100%;
        font-size: 20px;
        line-height: 1.4;
        letter-spacing: .025em;
    }

    .blog-category .blog-category--post:first-child .entry-excerpt {
        font-size: 14px;
    }

    .blog-category .blog-category--post:first-child .entry-read {
        display: none;
    }

    .blog-category .blog-category--post:first-child .entry-date {
        margin-right: 0;
    }

    .blog-category .blog-category--post:not(:first-child) {
        flex-direction: row;
        justify-content: space-between;
        padding-top: 15px;
		padding-bottom: 0;
        background: none;
        border-top: 1px solid #ececec;
        border-bottom: none;
    }

    .blog-category .blog-category--post:not(:first-child) .entry-thumb {
        flex: 0 0 90px;
        max-width: 90px;
    }

    .blog-category .blog-category--post:not(:first-child) .entry-content {
        flex: 0 0 calc(100% - 110px);
        justify-content: flex-start;
        max-width: calc(100% - 110px);
        padding: 0;
    }

    .blog-category .blog-category--post:not(:first-child) .entry-content--top {
        height: auto;
        margin-bottom: 15px;
    }

    .blog-category .blog-category--post:not(:first-child) .entry-thumb,
    .blog-category .blog-category--post:not(:first-child) .entry-thumb img {
        height: 90px;
        border-radius: 4px;
		margin-bottom: 0;
    }

    .blog-category .blog-category--post:not(:first-child) .entry-title {
        max-width: 100%;
        min-height: auto;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 1.4;
        letter-spacing: .025em;
    }

    .blog-category .blog-category--post:not(:first-child) .entry-excerpt {
        display: none;
    }

    .blog-category .blog-category--post:not(:first-child) .entry-meta {
        font-size: 11px;
        letter-spacing: .04em;
    }

    .blog-category .blog-category--post:not(:first-child) .entry-date {
        margin-right: 0;
    }

    .blog-category .blog-category--post:not(:first-child) .entry-read {
        display: none;
    }


    .blog-category .blog-category--post:first-child + .blog-category--post {
        border-top: none;
    }

    .category .blog-section:not(.blog-category--filters) .blog-section--meta {
        display: none
    }

    .category .blog-category--filters .blog-category--post:first-child,
    .category .blog-category--filters .blog-category--post:nth-child(2),
    .category .blog-category--filters .blog-category--post:nth-child(3),
    .category .blog-category--grid .blog-category--post:first-child,
    .category .blog-category--grid .blog-category--post:nth-child(2),
    .category .blog-category--grid .blog-category--post:nth-child(3),
    .tag .blog-category--short .blog-category--post,
    .search .blog-category--short .blog-category--post {
        flex-direction: column;
        justify-content: flex-start;
        padding: 0;
        background: #ffffff;
        border-bottom: none;
        border-radius: 4px;
    }

    .category .blog-category--filters .blog-category--post:first-child .entry-thumb,
    .category .blog-category--filters .blog-category--post:nth-child(2) .entry-thumb,
    .category .blog-category--filters .blog-category--post:nth-child(3) .entry-thumb,
    .category .blog-category--grid .blog-category--post:first-child .entry-thumb,
    .category .blog-category--grid .blog-category--post:nth-child(2) .entry-thumb,
    .category .blog-category--grid .blog-category--post:nth-child(3) .entry-thumb,
    .tag .blog-category--short .blog-category--post .entry-thumb,
    .search .blog-category--short .blog-category--post .entry-thumb {
        flex: 0 0 200px;
        max-width: none;
    }

    .category .blog-category--filters .blog-category--post:first-child .entry-thumb,
    .category .blog-category--filters .blog-category--post:nth-child(2) .entry-thumb,
    .category .blog-category--filters .blog-category--post:nth-child(3) .entry-thumb,
    .category .blog-category--filters .blog-category--post:first-child .entry-thumb img,
    .category .blog-category--filters .blog-category--post:nth-child(2) .entry-thumb img,
    .category .blog-category--filters .blog-category--post:nth-child(3) .entry-thumb img,
    .category .blog-category--grid .blog-category--post:first-child .entry-thumb,
    .category .blog-category--grid .blog-category--post:nth-child(2) .entry-thumb,
    .category .blog-category--grid .blog-category--post:nth-child(3) .entry-thumb,
    .category .blog-category--grid .blog-category--post:first-child .entry-thumb img,
    .category .blog-category--grid .blog-category--post:nth-child(2) .entry-thumb img,
    .category .blog-category--grid .blog-category--post:nth-child(3) .entry-thumb img,
    .tag .blog-category--short .blog-category--post .entry-thumb,
    .tag .blog-category--short .blog-category--post .entry-thumb img,
    .search .blog-category--short .blog-category--post .entry-thumb,
    .search .blog-category--short .blog-category--post .entry-thumb img {
        height: 200px;
        border-radius: 4px 4px 0 0;
    }

    .category .blog-category--filters .blog-category--post:first-child .entry-content,
    .category .blog-category--filters .blog-category--post:nth-child(2) .entry-content,
    .category .blog-category--filters .blog-category--post:nth-child(3) .entry-content,
    .category .blog-category--grid .blog-category--post:first-child .entry-content,
    .category .blog-category--grid .blog-category--post:nth-child(2) .entry-content,
    .category .blog-category--grid .blog-category--post:nth-child(3) .entry-content,
    .tag .blog-category--short .blog-category--post .entry-content,
    .search .blog-category--short .blog-category--post .entry-content {
        flex: 0 0 auto;
        max-width: none;
        padding: 32px 17px 25px 32px;
    }

    .category .blog-category--filters .blog-category--post:first-child .entry-content--top,
    .category .blog-category--filters .blog-category--post:nth-child(2) .entry-content--top,
    .category .blog-category--filters .blog-category--post:nth-child(3) .entry-content--top,
    .category .blog-category--grid .blog-category--post:first-child .entry-content--top,
    .category .blog-category--grid .blog-category--post:nth-child(2) .entry-content--top,
    .category .blog-category--grid .blog-category--post:nth-child(3) .entry-content--top,
    .tag .blog-category--short .blog-category--post .entry-content--top,
    .search .blog-category--short .blog-category--post .entry-content--top {
        height: auto;
        margin-bottom: 22px;
    }

    .category .blog-category--filters .blog-category--post:first-child .entry-title,
    .category .blog-category--filters .blog-category--post:nth-child(2) .entry-title,
    .category .blog-category--filters .blog-category--post:nth-child(3) .entry-title,
    .category .blog-category--grid .blog-category--post:first-child .entry-title,
    .category .blog-category--grid .blog-category--post:nth-child(2) .entry-title,
    .category .blog-category--grid .blog-category--post:nth-child(3) .entry-title,
    .tag .blog-category--short .blog-category--post .entry-title,
    .search .blog-category--short .blog-category--post .entry-title {
        max-width: 100%;
        font-size: 20px;
        line-height: 1.4;
        letter-spacing: .025em;
    }

    .category .blog-category--filters .blog-category--post:first-child .entry-excerpt,
    .category .blog-category--filters .blog-category--post:nth-child(2) .entry-excerpt,
    .category .blog-category--filters .blog-category--post:nth-child(3) .entry-excerpt,
    .category .blog-category--grid .blog-category--post:first-child .entry-excerpt,
    .category .blog-category--grid .blog-category--post:nth-child(2) .entry-excerpt,
    .category .blog-category--grid .blog-category--post:nth-child(3) .entry-excerpt,
    .tag .blog-category--short .blog-category--post .entry-excerpt,
    .search .blog-category--short .blog-category--post .entry-excerpt {
        font-size: 14px;
    }

    .category .blog-category--filters .blog-category--post:first-child .entry-read,
    .category .blog-category--filters .blog-category--post:nth-child(2) .entry-read,
    .category .blog-category--filters .blog-category--post:nth-child(3) .entry-read,
    .category .blog-category--grid .blog-category--post:first-child .entry-read,
    .category .blog-category--grid .blog-category--post:nth-child(2) .entry-read,
    .category .blog-category--grid .blog-category--post:nth-child(3) .entry-read,
    .tag .blog-category--short .blog-category--post .entry-read,
    .search .blog-category--short .blog-category--post .entry-read {
        display: none;
    }

    .category .blog-category--filters .blog-category--post:first-child .entry-date,
    .category .blog-category--filters .blog-category--post:nth-child(2) .entry-date,
    .category .blog-category--filters .blog-category--post:nth-child(3) .entry-date,
    .category .blog-category--grid .blog-category--post:first-child .entry-date,
    .category .blog-category--grid .blog-category--post:nth-child(2) .entry-date,
    .category .blog-category--grid .blog-category--post:nth-child(3) .entry-date,
    .tag .blog-category--short .blog-category--post .entry-date,
    .search .blog-category--short .blog-category--post .entry-date {
        margin-right: 0;
    }


    .category .blog-category--short:not(.blog-category--filters) .blog-category--post:first-child {
        flex-direction: row;
        justify-content: space-between;
        padding-top: 15px;
        background: none;
        border-top: 1px solid #ececec;
        border-bottom: none;
    }

    .category .blog-category--short:not(.blog-category--filters) .blog-category--post:first-child .entry-thumb {
        flex: 0 0 90px;
        max-width: 90px;
    }

    .category .blog-category--short:not(.blog-category--filters) .blog-category--post:first-child .entry-content {
        flex: 0 0 calc(100% - 110px);
        justify-content: flex-start;
        max-width: calc(100% - 110px);
        padding: 0;
    }

    .category .blog-category--short:not(.blog-category--filters) .blog-category--post:first-child .entry-content--top {
        height: auto;
        margin-bottom: 15px;
    }

    .category .blog-category--short:not(.blog-category--filters) .blog-category--post:first-child .entry-thumb,
    .category .blog-category--short:not(.blog-category--filters) .blog-category--post:first-child .entry-thumb img {
        height: 90px;
        border-radius: 4px;
    }

    .category .blog-category--short:not(.blog-category--filters) .blog-category--post:first-child .entry-title {
        max-width: 100%;
        min-height: auto;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 1.4;
        letter-spacing: .025em;
    }

    .category .blog-category--short:not(.blog-category--filters) .blog-category--post:first-child .entry-excerpt {
        display: none;
    }

    .category .blog-category--short:not(.blog-category--filters) .blog-category--post:first-child .entry-meta {
        font-size: 11px;
        letter-spacing: .04em;
    }

    .category .blog-category--short:not(.blog-category--filters) .blog-category--post:first-child .entry-date {
        margin-right: 0;
    }

    .category .blog-category--short:not(.blog-category--filters) .blog-category--post:first-child .entry-read {
        display: none;
    }

    .category .blog-category--grid {
        padding-bottom: 0;
        border-bottom: none;
    }

    .category .blog-category--grid + .blog-category--short {
        padding-top: 15px;
    }

    .category .blog-category--grid + .blog-category--short .blog-category--post:first-child + .blog-category--post {
        border-top: 1px solid #ececec;
    }

    .blog-category--inline .blog-category--inner::before {
        top: -108px;
        right: -50px;
        width: 160px;
        height: 160px;
    }

    .search-category .blog-category {
        padding-top: 0;
    }

    .tag .blog-header--inner {
        flex-direction: row;
        align-items: center;
    }

    .tag .blog-header--meta {
        padding-right: 50px;
    }

    .tag .blog-header--meta h1 {
        margin-bottom: 0
    }

    .tag .blog-header--right {
        width: auto;
    }


    .blog-subscribe {
        padding: 100px 0 100px
    }

    .blog-subscribe--title {
        font-size: 24px;
    }

    .blog-subscribe--form {
        margin-top: 24px;
    }

    .blog-subscribe--form .form-inner {
        flex-direction: column;
        justify-content: flex-start;
        padding: 0 30px;
    }

    .blog-subscribe--form .form-input,
    .blog-subscribe--form .form-action {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .blog-subscribe--form .form-input input,
    .blog-subscribe--form .form-action input {
        width: 100%;
    }

    .blog-subscribe--form .form-input {
        margin-bottom: 16px;
    }

    .blog-subscribe p {
        margin-top: 13px;
    }

    .blog-category--grid .blog-category--inner::before {
        top: -120px;
        left: -30px;
        width: 340px;
        height: 530px;
    }

    .category .blog-category--short {
        padding-bottom: 40px;
    }

    .category .blog-category--grid .blog-category--inner::before,
    .blog-category--short .blog-category--inner::after {
        display: none;
    }

    .blog-loadmore {
        margin-top: 35px;
    }

    .category .blog-category--short .blog-category--inner::after {
        bottom: calc(0% - 234px);
        left: calc(50% - 62px);
        width: 260px;
        height: 500px;
    }

	.article-thumb--inner{
		margin-bottom: 30px;
	}
    .article-thumb,
    .article-thumb img {
        height: auto;
        /*min-height: 40vh;*/
    }

    .article-thumb::before {
        border-radius: 0;
    }

    .article-thumb {
        margin-bottom: 30px;
		padding-top: 30px;
    }

    .article-thumb img {
        display: block;
    }
    .article-title{
		padding: 0 20px;
	}
    .article-title h1 {
        margin-top: 0;
        font-size: 24px;
		margin-bottom: 10px;
    }

    .article-content {
        width: 100%;
        padding: 0 30px;
        border-bottom: 1px solid #ececec;
        font-size: 14px;
        line-height: 24px;
    }

    .wp-block-quote {
        margin: 0 -30px 44px;
        padding: 40px 30px;
    }

    .wp-block-quote p {
        font-size: 20px;
        font-weight: 400;
        line-height: 1.5;
    }

    .wp-block-quote cite {
        font-size: 14px;
    }

    .wp-block-image .alignleft {
        margin: 0 0 1em 0;
    }

    .wp-block-image .alignright {
        margin: 0 0 1em 0;
    }

    .wp-block-image.alignfull,
    .wp-block-image.alignwide {
        margin: 30px -30px;
    }

    .wp-block-image.alignfull,
    .wp-block-image.alignwide,
    .wp-block-image.alignfull img,
    .wp-block-image.alignwide img {
        max-width: none;
    }

    .article-bottom {
        align-items: flex-start;
        margin: 0 0 30px;
    }

    .article-bottom--categories {
        flex-flow: row wrap;
    }

    .article-bottom--categories a {
        margin-bottom: 5px;
    }

    .article-related .blog-section--title {
        margin-top: 30px;
        font-size: 20px;
    }


    .search-category--results {
        grid-template-columns: 100%;
        grid-column-gap: 0;
    }


    .search-header .container--xxl {
        padding: 0 !important;
    }

    .blog-side {
        display: none;
    }

    .blog-header.fixed {
        position: fixed;
        top: -300px;
        right: 0;
        left: 0;
        width: 100%;
        padding-top: 20px;
        background: #f2f7fa;
        box-shadow: 0 20px 50px rgba(0, 0, 0, .1);
        opacity: 0;
        z-index: 10;
        transition: all .3s ease;
    }

    .blog-header.nav-up {
        top: -300px;
    }

    .blog-header.nav-down {
        top: 0;
        opacity: 1;
    }

    .popup-subscripe {
        width: 90%;
    }

    .popup-subscripe .popup-inner {
        width: 100%;
        height: auto;
        padding: 30px 20px 30px 20px;
    }

    .popup-subscripe .popup-inner::after,
    .popup-subscripe .popup-inner::before {
        display: none;
    }

    .popup-subscripe--subtitle {
        font-size: 18px;
    }

    .popup-subscripe--title {
        font-size: 24px;
    }

    .popup-subscripe--text {
        padding-right: 0;
    }

    .popup-subscripe--text p {
        font-size: 16px;
    }

    .popup-subscripe .fancybox-close-small {
        top: 90px;
        right: 10px;
    }

}

@media (max-width: 374px) {
    .blog-header--search .search-wrap.open {
        width: 290px;
    }
}

/*
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 * ABOUT
 *
 *
 *
 */

.post-type-archive-wiki,
.tax-wiki-categories,
.page-template-page-policy,
.page-template-page-contacts,
.page-template-page-about,
.page-template-page-faq {
    background: #f2f7fa;
    overflow-x: hidden;
}

.tax-wiki-categories,
.post-type-archive-wiki {
    background-image: url(../images/wiki-bg.svg);
    background-repeat: no-repeat;
    background-position: top right;
}

.page-template-page-about {
    background-image: url(../images/about-bg.svg);
    background-repeat: no-repeat;
    background-position: right -110px top 153px;
    background-size: 725px 1006px;
}

.page-template-page-about.admin-bar {
    background-position: right -110px top 121px;
}

.container--1400 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 50px;
}

.about-header {
    position: relative;
    margin-bottom: 68px;
    padding-top: 130px;
    z-index: 1;
}

.about-header--inner {
    position: relative;
    align-items: center;
    justify-content: flex-start;
    padding: 0 50px 18px 50px;
}

.about-header--title {
    position: relative;
    flex: 0 0 280px;
    max-width: 280px;
    margin: 0;
    color: #000000;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
}

.about-header--title:after {
    display: inline-block;
    content: '/';
    margin-left: 17px;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
}

.about-header--menu {
    padding-left: 70px;
}

.about-header--menu ul {
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: normal;
    list-style: none;
}

.about-header--menu ul > li {
    margin-right: 40px;
}

.about-header--menu ul > li > a {
    padding: 2px 0;
    color: #000000;
    border-bottom: 2px solid transparent;

}

.about-header--menu ul > li > a:hover,
.about-header--menu ul > .current-page-ancestor > a,
.about-header--menu ul > .current-menu-item > a {
    color: #ff5121;
    border-bottom-color: #ff5121;
}

.docs-title {
    position: relative;
    margin-bottom: 74px;
    text-align: center;
}

.docs-title--heading {
    max-width: 550px;
    margin: 0 auto;
    color: #000000;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
}

.wiki-archive .docs-title,
.faq-article .docs-title {
    padding-top: 116px;
    padding-bottom: 111px;
}

.faq-article .docs-title::before,
.faq-article .docs-title::after,
.wiki-archive .docs-title::before {
    position: absolute;
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-position: center right;
}

.faq-article .docs-title::before {
    top: -70px;
    left: -247px;
    width: 541px;
    height: 510px;
    background-image: url(../images/faq-01.png);
    -webkit-animation: 2s infinite alternate floating-l;
    animation: 2s infinite alternate floating-l;
}

.faq-article .docs-title::after {
    top: 50px;
    right: -75px;
    width: 373px;
    height: 254px;
    background-image: url(../images/faq-02.png);
    -webkit-animation: 3s infinite alternate floating-r;
    animation: 3s infinite alternate floating-r;
}

.wiki-archive .docs-title::before {
    top: -20px;
    left: 26px;
    width: 140px;
    height: 427px;
    background-image: url(../images/wiki-man.jpg);
}

@-webkit-keyframes floating-l {
    from {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    to {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
}

@keyframes floating-l {
    from {
        transform: translateY(-5px)
    }
    to {
        transform: translateY(5px)
    }
}

@-webkit-keyframes floating-r {
    from {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    to {
        -webkit-transform: translateY(59px);
        transform: translateY(8px)
    }
}

@keyframes floating-r {
    from {
        transform: translateY(-8px)
    }
    to {
        transform: translateY(8px)
    }
}

.docs-text {
    max-width: 825px;
    margin: 0 auto;
    color: #000000;
    font-size: 18px;
    line-height: 1.8;
    text-align: center;
}

.docs-text p {
    margin: 0
}

.docs-text p + p {
    margin-top: 20px;
}

.docs-title p {
    margin: 10px 0 0;
    opacity: .6;
    font-size: 16px;
}

.docs-search {
    max-width: 680px;
    margin: 53px auto 0;
}


.about-content--grid {
    grid-template-columns: 360px 780px;
    grid-column-gap: 80px;
    padding-top: 42px;
}

.about-nav {
    position: sticky;
    top: 60px;
    margin-bottom: 90px;
    padding: 51px 20px 45px 60px;
    background: #ffffff;
    border-radius: 4px;
}

.about-nav ol {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    list-style: none;
    counter-reset: about-item;
}

.about-nav ol li {
    position: relative;
    counter-increment: about-item;
}

.about-nav ol li + li {
    margin-top: 10px;
}

.about-nav ol li::before {
    display: inline-block;
    float: left;
    content: counter(about-item) '. ';
    width: 44px;
    color: rgba(0, 0, 0, .6);
}

.about-nav ol .current_page_item {
    font-weight: 700;
}

.about-nav ol .current_page_item::after {
    position: absolute;
    display: block;
    content: '';
    top: 1px;
    right: calc(100% + 10px);
    width: 15px;
    height: 23px;
    background: url(../images/about-menu.svg) no-repeat center right;
}

.about-nav ol li > a {
    color: rgba(0, 0, 0, .6);
}

.about-nav ol li > a:hover,
.about-nav ol .current_page_item > a,
.about-nav ol .current_page_item::before {
    color: #ff5121;
}

.policy-article,
.about-article {
    position: relative;
    margin-bottom: 93px;
    z-index: 2;
}

/*
 *
 *
 * WYSIWYG
 *
 *
 */
.wysiwyg {
    padding-top: 0;
    padding-bottom: 30px;
    color: #000000;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: normal;
}

.wysiwyg a {
    color: #000000;
    border-bottom: 1px solid #ff5121;
}

.wysiwyg a:hover {
    color: #ff5121;
}

.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
    margin: 0 0 20px;
    font-weight: 700;
}

.wysiwyg h1,
.wysiwyg h2 {
    font-size: 28px;
    line-height: 36px;
}

.wysiwyg h3 {
    font-size: 24px;
    line-height: 32px;
}

.wysiwyg h4 {
    font-size: 22px;
    line-height: 30px;
}

.wysiwyg h5 {
    font-size: 20px;
    line-height: 30px;
}

.wysiwyg h6 {
    font-size: 18px;
    line-height: 30px;
}

.wysiwyg p {
    margin: 0 0 20px;
}

.wysiwyg ul,
.wysiwyg ol {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.wysiwyg ol {
    counter-reset: item;
}

.wysiwyg ul li {
    position: relative;
    padding-left: 20px;
}

.wysiwyg ul li::before {
    position: absolute;
    display: block;
    content: '';
    top: 14px;
    left: 0;
    width: 10px;
    height: 1px;
    background: #000000;
    opacity: .6;
}

.wysiwyg ol li {
    position: relative;
    padding-left: 0;
    counter-increment: item;
}

.wysiwyg ol li::before {
    content: counter(item) '. ';
    margin-right: 8px;
}

.wysiwyg ol li {
    position: relative
}

.wysiwyg * + .wp-block-image {
    margin-top: 60px;
}

.wysiwyg .wp-block-image figcaption {
    margin-top: 0;
    font-size: 14px;
    font-style: italic;
}

.wysiwyg p + ul,
.wysiwyg p + ol {
    margin-top: -10px;
}

.wysiwyg p + h1,
.wysiwyg p + h2,
.wysiwyg p + h3,
.wysiwyg p + h4,
.wysiwyg p + h5,
.wysiwyg p + h6,
.wysiwyg ol + h1,
.wysiwyg ol + h2,
.wysiwyg ol + h3,
.wysiwyg ol + h4,
.wysiwyg ol + h5,
.wysiwyg ol + h6,
.wysiwyg ul + h1,
.wysiwyg ul + h2,
.wysiwyg ul + h3,
.wysiwyg ul + h4,
.wysiwyg ul + h5,
.wysiwyg ul + h6 {
    margin-top: 30px;
}

/*
 *
 *
 * About global
 *
 *
 */

.about-bottom {
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    padding-right: 80px;
    padding-left: 440px;
}

.about-bottom .alignleft {
    text-align: left;
}

.about-bottom .alignright {
    text-align: right;
}

.about-bottom a {
    color: #ff5121;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.about-bottom a:hover {
    color: #000000;
}

.about-bottom span {
    display: block;
    color: #000000;
    opacity: .6;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

.doc-observer {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: transparent;
}

.doc-nav {
    position: sticky;
    top: 0;
    padding: 15px 0 15px;
    text-align: center;
    z-index: 10;
    background: rgba(242, 247, 250, .8);
}

.doc-nav.is-sticky {
    background: rgba(242, 247, 250, .8);
}

.doc-nav--inner {
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
    max-width: 900px;
    margin: 0 auto;
}

.doc-nav a {
    position: relative;
    display: inline-block;
    max-width: 100%;
    margin: 4px;
    padding: 10px 21px 7px;
    color: #ffffff;
    background-color: var(--accent-1);
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .04em;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    -o-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
    -webkit-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
    transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
    transform: translateZ(0);
}

.doc-nav a:hover {
    opacity: .8
}

.doc-nav a.active {
    background-color: var(--primary);
}

/*
 *
 *
 * FAQ
 *
 *
 */

.faq-content {
    padding-top: 0;
}

.faq-content--section {
    grid-template-columns: 165px 680px 165px;
    grid-column-gap: 30px;
    justify-content: center;
    padding-top: 80px;
}

.faq-content--title {
    margin-top: 9px;
    color: #000000;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.25;
}

.faq-content--questions .card {
    padding: 0;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
}

.faq-content--questions .card + .card {
    margin-top: 20px;
}

.faq-content--questions .card-header button {
    position: relative;
    width: 100%;
    padding: 17px 60px 16px 27px;
    color: #000000;
    background: none;
    border: none;
    box-shadow: none;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: left;
    cursor: pointer;
}

.faq-content--questions .card-header button::before {
    position: absolute;
    display: inline-block;
    content: '';
    top: 16px;
    right: 17px;
    width: 24px;
    height: 24px;
    color: var(--accent-1);
    background: var(--svg-plus) no-repeat 0 0;
    font-size: 32px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: normal;
}

.faq-content--questions .card-header button.show::before {
    background: var(--svg-minus) no-repeat 0 0;
}

.faq-content--questions .collapse {
    height: 0;
    visibility: hidden;
}

.faq-content--questions .collapse.show {
    height: auto;
    visibility: visible;
}

.faq-content--questions .card-body {
    padding: 23px 54px 24px 27px;
    border-top: solid 1px rgba(0, 0, 0, .1);
    font-size: 15px;
    line-height: 24px;
}

/*
 *
 *
 * Wiki
 *
 *
 */
.wiki-terms {
    max-width: 1050px;
    margin: 37px auto 0;
    padding: 0;
}

.wiki-term--section {
    grid-template-columns: 270px auto;
    grid-column-gap: 40px;
}

.wiki-term--section + .wiki-term--section {
    margin-top: 50px;
}

.wiki-term--title {
    margin-top: 9px;
    color: #000000;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.43;
}

.wiki-term--posts {
    padding-top: 17px;
    column-count: 2;
    column-gap: 80px;
}

.wiki-term--post {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
}

.wiki-term--post a {
    color: rgba(0, 0, 0, .6);
    text-decoration: underline;
}

.wiki-term--post a:hover {
    color: var(--accent-1);
    text-decoration: none;
}

.wiki-term--post-modified {
    font-size: 10px;
    letter-spacing: .05em;
}

.wiki-term--post-modified.modified-week {
    color: var(--accent-1);
}

.wiki-term--post-modified.modified-month {
    color: #000000;
    opacity: 0.4;
}

.wiki-term--link {
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, .05);
}

.wiki-term--link a {
    color: #000000;
    opacity: 0.4;
}

.wiki-term--link a:hover {
    color: var(--accent-1);
    opacity: 1;
}

.wiki-article {
}

.wiki-article--meta {
    padding-left: 150px;
}

.wiki-article--breadcrumbs {
    margin: 0 0 32px;
}

.wiki-article--breadcrumbs p {
    margin: 0;
    color: #000000;
    opacity: .6;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}

.wiki-article--breadcrumbs p a {
    position: relative;
    color: #000000;
}

.wiki-article--breadcrumbs p a:hover {
    color: var(--accent-1);
}

.wiki-article--breadcrumbs p a::after {
    display: inline-block;
    content: '>';
    margin: 0 10px;
    color: #000000;
}

.wiki-article--title h1 {
    max-width: 780px;
    margin: 0 0 35px;
    color: #000000;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.3;
}

.wiki-article--date {
    margin-bottom: 72px;
    color: #666666;
    font-size: 12px;
    line-height: 1.67;
    text-transform: uppercase;
}

.wiki-article--date p {
    margin: 0;
}

.wiki-article--inner {
    grid-template-columns: 780px 290px;
    grid-column-gap: 80px;
    padding-left: 150px;
}

.wiki-article--content {
    margin-bottom: 43px;
}

.wiki-widget--title {
    margin-bottom: 20px;
    color: #000000;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
}

.wiki-related--post {
    display: inline-block;
    width: 100%;
    padding-bottom: 13px;
    font-size: 18px;
    line-height: 1.56;
}

.wiki-related--post a {
    color: rgba(0, 0, 0, .6);
    text-decoration: underline;
}

.wiki-related--post a:hover {
    color: var(--accent-1);
    text-decoration: none;
}

/*
 *
 *
 * Contacts
 *
 *
 */
.cnt {
}

.cnt-content {
    grid-template-columns: 400px 480px;
    grid-column-gap: 80px;
    justify-content: center;
}

.cnt-content--left,
.cnt-content--right {
    margin-bottom: 120px;
}

.cnt-content--left {
    padding-top: 14px
}

.cnt-content--right {
    padding-top: 22px;
}

.cnt-item {
    flex-direction: column;
    padding-right: 30px;
}

.cnt-item + .cnt-item {
    margin-top: 52px;
    padding-top: 39px;
    border-top: solid 1px rgba(0, 0, 0, .1);
}

.cnt-item--tit {
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: 700;
}

.cnt-item--txt {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
}

.cnt-item .btn {
    width: 200px;
    margin-top: 15px;
    text-align: center;
}

.cnt-item .btn:hover {
    opacity: .8;
}

.cnt-item--link {
    display: block;
    color: #000000;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
}

.cnt-item--link:hover {
    color: var(--accent-1);
    text-decoration: none;
}

.cnt-address {
    padding: 58px 38px 32px 72px;
    background-color: #ffffff;
    border-radius: 8px;
}

.cnt-address img {
    width: auto;
    height: 60px;
    margin-bottom: 70px;
}

.cnt-address p {
    margin: 0;
    color: #000000;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.64;
}

.cnt-map {
    height: 460px;
    background: var(--light-2);
}

.page-template-page-sitemap {
    background: #f2f7fa;
    overflow-x: hidden;
}

.sitemap-article {
    padding-top: 180px;
}

/*
 *
 *
 * About support
 *
 *
 */

.about-support {
    padding: 106px 0 116px;
    color: #ffffff;
    background-color: #009bff;
    text-align: center;
}

.about-support--inner {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    max-width: 550px;
    margin: 0 auto;
}

.about-support--title {
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: 0.35px;
}

.about-support p {
    opacity: 0.89;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.14px;
    text-align: center;
}

.about-supporte--subtitle {
    margin: 15px 0 0;
}

.about-support--text {
    margin: 33px 0 0;
}

.about-support--btn {
    width: 100%;
    max-width: 260px;
    margin-top: 49px;
    color: #009bff;
}

.popup-support {
    width: 90%;
    max-width: 800px;
    background-color: #f2f7fa;
    background-image: url(../images/combined-shape-copy-2.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    border-radius: 8px;
    overflow: hidden;
}

.popup-support .popup-inner {
    flex-direction: column;
    padding-right: 300px;
}

.popup-support .form-group--wrap {
    flex-direction: column;
}

.input_wrap {
    position: relative
}

.popup-support .field{
	position: relative;
}
.popup-support .field label{
	display: none;
}
.popup-support .form-group--wrap input[type=text],
.popup-support .form-group--wrap input[type=email],
.popup-support .form-group--wrap textarea,
.popup-support .hs-input {
    width: 100%;
    height: 57px;
    margin-bottom: 20px;
    padding: 19px 30px 19px 24px;
    color: #000000;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, .2);
    border-radius: 5px;
    box-shadow: none;
}

.popup-support .form-group--wrap textarea,
.popup-support textarea.hs-input {
    height: 100px;
}

.popup-support .form-group--wrap .btn,
.popup-support .hs-button {
    width: 200px;
    border: none;
}

.popup-support .hs-button{
	position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 11px 36px 10px;
    color: #ffffff;
    background-color: var(--accent-1);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.14px;
    cursor: pointer;
    overflow: hidden;
    -o-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
    -webkit-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
    transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
    transform: translateZ(0);
}

.fancybox__content>.carousel__button.is-close,
.fancybox-slide--html .fancybox-close-small {
    top: 20px;
    right: 20px;
    padding: 4px;
    border: 2px solid #606264;
    color: #606264;
    border-radius: 50%;
}
.carousel__button svg{
    filter: none;
}

.popup-support .hs-error-msgs{
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	top: -20px;
	left: 0;
	font-size: 12px;
	line-height: 1em;
}

.popup-support--tnx {
    min-height: 250px;
	background-position: bottom 60% right -10%;
    background-size: 40% auto;
}

.popup-support--tnx .popup-inner {
    padding-right: 0;
    padding-top: 40px;
}

@media (min-width: 1200px) {
    .policy-content {
        column-count: 2;
        -webkit-column-count: 2;
        column-gap: 60px;
        -webkit-column-gap: 60px;
    }
}

@media (min-width: 1500px) and (max-width: 1680px) {
    .about-header .container--xxl {
        padding: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1499px) {
	.container--1400{
		max-width: 1200px;
		padding: 0;
	}
    .about-header .container--xxl {
        padding-right: 0;
        padding-left: 0;
    }

    .about-header--inner {
        padding: 0 0 28px;
    }

    .faq-article .docs-title::before,
    .faq-article .docs-title::after {
        background-size: contain;
    }

    .faq-article .docs-title::before {
        top: -50px;
        left: -77px;
        width: 460px;
        height: 433px;
    }

    .faq-article .docs-title::after {
        top: 50px;
        right: 75px;
        width: 315px;
        height: 215px;
    }
	
	.wiki-article--inner,
	.wiki-article--meta{
		padding-left: 0;
	}
}


@media (min-width: 768px) and (max-width: 1199px) {
    .about-header {
        margin-bottom: 40px;
    }

    .about-header--inner {
        align-items: flex-start;
        padding-right: 0;
        padding-left: 0;
    }

    .about-header--menu ul > li {
        margin-right: 30px;
        margin-bottom: 20px;
    }

    .about-header--title {
        flex: 0 0 250px;
        max-width: 250px;
    }

    .about-header--menu {
        padding-left: 90px;
    }

    .about-header--title:after {
        position: absolute;
        top: 0;
        left: 100%;
    }

    .docs-title {
        margin-bottom: 42px;
    }

    .docs-title--heading {
        font-size: 36px;
    }

    .about-nav ol .current_page_item::after {
        display: none;
    }

    .wiki-term--section {
        grid-template-columns: 100%;
    }

    .wiki-term--title {
        margin-bottom: 22px;
        text-align: center;
    }

    .faq-content--section {
        grid-template-columns: 100%;
        grid-column-gap: 0;
    }

    .faq-content--title {
        margin-bottom: 20px;
        font-size: 28px;
        text-align: center;
    }

    .faq-article .docs-title::before {
        top: -50px;
        left: -77px;
        width: 320px;
        height: 433px;
        background-size: contain;
    }

    .faq-article .docs-title::after {
        top: 50px;
        right: -45px;
        width: 265px;
        height: 215px;
        background-size: contain;
    }

    .popup-support .popup-inner {
        padding-right: 100px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .tax-wiki-categories,
    .post-type-archive-wiki {
        background-position: top 90px right -30px;
        background-size: 320px;
    }

    .about-content--grid {
        grid-template-columns: 320px auto;
        grid-column-gap: 30px;
    }

    .about-nav {
        padding: 31px 20px 25px 40px;
    }

    .about-nav ol {
        font-size: 15px;
    }

    .about-bottom {
        padding-right: 0;
        padding-left: 350px;
    }

    .policy-content {
        padding-right: 100px;
        padding-left: 100px;
    }

    .wiki-archive .docs-title::before {
        left: 50px;
        height: 370px;
        background-size: contain;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .tax-wiki-categories,
    .post-type-archive-wiki {
        background-image: url(../images/wiki-bg-m.svg);
        background-position: top 200px right;
    }

    .page-template-page-about {
        background-image: none;
    }

    .about-content--grid {
        display: block;
        grid-template-columns: 100%;
        padding-top: 0;
    }

    .about-nav {
        margin-bottom: 40px;
        padding: 24px 30px;
    }

    .about-nav--wrap {
        position: sticky;
        top: 0;
    }

    .about-nav ol {
        font-size: 16px;
        text-align: center;
    }

    .about-nav ol li {
        display: inline-block
    }

    .about-bottom {
        padding-right: 0;
        padding-left: 0;
    }

    .policy-article,
    .about-article {
        margin-bottom: 70px;
    }

    .wiki-archive .docs-title::before {
        top: -70px;
        left: -50px;
        height: 300px;
        background-size: contain;
    }

    .wiki-archive .docs-title {
        padding-top: 33px;
        padding-bottom: 28px;
    }

    .tax-wiki-categories .wiki-archive .docs-title {
        padding-top: 83px;
        padding-bottom: 78px;
    }


    .wiki-archive .docs-title .docs-title--heading {
        max-width: 350px;
    }

    .faq-article .docs-title {
        max-width: 100%;
        padding-top: 46px;
        padding-bottom: 77px;
        padding-left: 50%;
        text-align: left;
    }

    .faq-article .docs-title::before {
        top: 280px;
        right: -60px;
        left: auto;
        width: 270px;
        height: 240px;
        background-size: contain;
        transform: none;
    }

    .faq-article .docs-title::after {
        top: -20px;
        right: auto;
        left: -10px;
        width: 310px;
        height: 230px;
        background-size: contain;
        transform: none;
    }

    .faq-article .docs-text {
        max-width: 450px;
        margin: 0;
        font-size: 16px;
        text-align: left;
    }

    .doc-nav {
        padding: 10px;
    }

    .doc-nav.is-sticky {
        padding: 30px 0;

    }

    .wiki-term--posts {
        column-gap: 30px;
    }

    .wiki-article--meta {
        padding-left: 0;
        text-align: center;
    }

    .wiki-article--inner {
        grid-template-columns: 100%;
        padding-left: 0;
    }

    .wiki-widget--content {
        margin-bottom: 70px;
        column-count: 2;
        column-gap: 80px;
    }

    .cnt-content {
        grid-template-columns: calc(50% - 25px) calc(50% - 25px);
        grid-column-gap: 50px;
    }

    .cnt-content--left,
    .cnt-content--right {
        margin-bottom: 100px;
    }

    .cnt-address {
        padding: 58px 30px 30px;
        text-align: center;
    }

    .cnt-address img {
        margin-bottom: 50px;
    }

    .cnt-address p {
        font-size: 20px;
    }

    .cnt-item + .cnt-item {
        margin-top: 40px;
        padding-top: 29px;
    }
}


@media (max-width: 767px) {
    .container--1400 {
        padding: 0 30px 0 30px;
    }


    .post-type-archive-wiki,
    .tax-wiki-categories {
        background-image: none;
    }

    .page-template-page-about {
        background-image: none;
    }

    .about-header {
        margin-bottom: 49px
    }

    .about-header--inner {
        flex-direction: column;
        padding: 0;
    }

    .about-header--title {
        flex: 0 0 auto;
        max-width: 100%;
        margin-bottom: 28px;
        font-size: 24px;
    }

    .about-header--title::after {
        display: none;
    }

	.default-page .article-title h1,
    .docs-title--heading {
        font-size: 28px;
    }

    .docs-text {
        font-size: 14px;
        line-height: 1.7;
    }

    .doc-nav {
        margin-right: -4px;
        margin-left: -4px;
    }

    .doc-nav--inner {
        margin: 0 auto;
    }

    .doc-nav a {
        padding: 8px 14px 5px;
        font-size: 10px;
        letter-spacing: .07em;
    }

    .about-header--menu {
        padding-left: 0;
    }

    .about-header--menu ul {
        justify-content: center;
        text-align: center;
    }

    .about-header--menu ul > li {
        margin: 0 10px 15px;
    }

    .about-content--grid {
        display: block;
        grid-template-columns: 100%;
        padding-top: 0;
    }

    .wiki-archive .docs-title,
    .faq-article .docs-title,
    .docs-title {
        margin-bottom: 40px;
        padding: 0;
    }

    .about-nav--wrap {
        position: sticky;
        top: 0;
        margin: -20px -30px 0;
        padding: 20px 40px 0 30px;
        background-color: #f2f7fa;
    }

    .about-nav {
        margin-bottom: 20px;
        padding: 20px 0;
        background: transparent;
    }

    .about-nav ol {
        display: none
    }

    .about-nav select {
        width: 100%;
        height: 57px;
        padding-left: 20px;
        background-color: #f2f7fa;
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgogIDxnPgogICAgPHBhdGggZD0ibTEyMS4zLDM0LjZjLTEuNi0xLjYtNC4yLTEuNi01LjgsMGwtNTEsNTEuMS01MS4xLTUxLjFjLTEuNi0xLjYtNC4yLTEuNi01LjgsMC0xLjYsMS42LTEuNiw0LjIgMCw1LjhsNTMuOSw1My45YzAuOCwwLjggMS44LDEuMiAyLjksMS4yIDEsMCAyLjEtMC40IDIuOS0xLjJsNTMuOS01My45YzEuNy0xLjYgMS43LTQuMiAwLjEtNS44eiIgZmlsbD0iIzAwMDAwMCIvPgogIDwvZz4KPC9zdmc+Cg==);
        background-repeat: no-repeat;
        background-position: 95% center;
        background-size: 24px;
        border: solid 1px #d0d0d0;
        border-radius: 5px;
        font-size: 16px;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }

    .about-nav select option[selected] {
        color: var(--accent-1);
    }

    .about-bottom {
        padding-right: 0;
        padding-left: 0;
    }

    .about-bottom a {
        font-size: 16px;
    }


    .faq-article .docs-title::before,
    .faq-article .docs-title::after,
    .wiki-archive .docs-title::before {
        display: none;
    }


    .wiki-term--section {
        grid-template-columns: 100%;
    }

    .faq-content--title,
    .wiki-term--title {
        margin-bottom: 10px;
        font-size: 24px;
        text-align: center;
    }

    .wiki-term--posts {
        column-count: 1;
    }

    .post-type-archive-wiki .wiki-term--post {
        display: none
    }

    .post-type-archive-wiki .wiki-term--post:first-child,
    .post-type-archive-wiki .wiki-term--post:nth-child(2),
    .post-type-archive-wiki .wiki-term--post:nth-child(3),
    .post-type-archive-wiki .wiki-term--post:nth-child(4),
    .post-type-archive-wiki .wiki-term--post:nth-child(5) {
        display: inline-block;
    }

    .wiki-term--link {
        justify-content: center
    }

    .wiki-article--meta {
        padding-left: 0;
        text-align: center;
    }

    .wiki-article--date {
        margin-bottom: 30px;
    }

    .wiki-article--title h1 {
        font-size: 28px;
        line-height: 1.29;
    }

    .wiki-article--inner {
        grid-template-columns: 100%;
        padding-left: 0;
    }

    .wiki-article--content {
        margin-bottom: 0;
    }

    .wiki-widget--content {
        margin-bottom: 40px;
    }

    .faq-content--section {
        grid-template-columns: 100%;
        justify-content: center;
    }

    .faq-content--questions .card-header button {
        font-size: 16px;
        line-height: 1.3;
    }

    .faq-content--questions .card-body {
        padding: 23px 24px 24px 27px;
        font-size: 14px;
        line-height: 1.5;
    }

    .policy-article .docs-title {
        text-align: left;
    }

    .policy-article .docs-title--heading {
        display: none;
    }

    .policy-content {
        font-size: 13px;
        line-height: 18px;
    }

    .cnt-content {
        grid-template-columns: 100%;
        grid-column-gap: 50px;
    }

    .cnt-content--left,
    .cnt-content--right {
        margin-bottom: 40px;
        padding-top: 0;
    }

    .cnt-item {
        align-items: center;
        padding: 0;
        text-align: center;
    }

    .cnt-address {
        padding: 58px 30px 30px;
        text-align: center;
    }

    .cnt-address img {
        margin-bottom: 50px;
    }

    .cnt-address p {
        font-size: 20px;
    }

    .cnt-item + .cnt-item {
        margin-top: 40px;
        padding-top: 29px;
    }

    .about-support {
        padding: 86px 30px 86px;
    }

    .about-support--title {
        font-size: 24px;
    }

    .popup-support:not(.popup-support--tnx) {
        padding: 24px;
        background-image: none;
    }

	.popup-support--tnx {
		min-height: 250px;
		background-position: bottom right;
		background-size: contain;
	}

    .popup-support .about-support--title {
        max-width: 70%;
    }

    .popup-support .popup-inner {
        padding-right: 0;
    }
   
    .popup-support--tnx .popup-inner {
		padding-top: 10px;
    }
	
    .sitemap-article {
        padding-top: 100px;
    }
	
	.default-page{
			padding-top: 110px
	}
	.default-page .article-title {
		margin-bottom: 34px;
	}
}

@media (min-width: 400px) and (max-width: 767px) {
    .container--1400 {
        padding: 0 50px 0 30px;
    }
}


/*
* COOKIE ALERT
 * START ------------------
 */

.alert-msg {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    padding: 35px 0 47px;
    background-color: #f7f7f7;
    box-shadow: 0 0 68px rgba(0, 0, 0, .1);
    z-index: 1000;
}

.alert-msg--inner {
    padding: 0 170px;
    color: var(--primary);
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

.alert-msg--inner a {
    color: var(--accent-1);
    box-shadow: inset 0 -1px rgba(238, 72, 33, .1);
}

.alert-msg--inner a:hover {
    color: var(--primary);
    box-shadow: none;
}

.alert-msg--inner button {
    min-width: 150px;
    border: none;
}


@media (max-width: 767px) {
    .alert-msg {
        height: auto;
        padding: 0 0 10px 0;
        overflow-y: auto;
    }

    .alert-msg--inner {
        padding: 0;
        font-size: 15px;
        line-height: 18px;
        text-align: left;
    }

    .alert-msg--inner button {
        width: 100%;
    }
}

/*
 * END ------------------
 * COOKIE ALERT
 *
 */
 
 
/* BUY BTN 18.12.19 */
.header-buttons{
	align-items: stretch;
	justify-content: flex-end;
}
.btn-buy{
    /*font-size: 14px;*/
    /*padding: 11px 20px 10px;*/
	border: none;
	margin-right: 10px;
	background-color: #24242c;
}
.popup-buy{
	background-image: none;
}
.popup-buy .popup-inner{
	padding-right: 0;
}
@media(max-width: 767px){
	.header-buttons{
		flex-direction: column;
	}
	.btn-buy{
		margin-right: 0;
		margin-top: 10px;
	}
}
/* BUY BTN 18.12.19 */

/* PAYMENT PAGE 14.04.20 */
.payment iframe{
	display: flex;
	border: none;
}
.payment-success{
	height: 800px;
	width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: var(--light-1);
}
.payment-success .article-title{
	position: absolute;
	padding: 0;
	text-transform: uppercase;
	z-index: 1;
	margin-top: -100px;
}
.payment-success .article-title h1{
	color: var(--accent-2);
	opacity: .07;
	font-size: 150px;
	letter-spacing: .01em
}
.payment-success .article-content{
	position: relative;
	z-index: 2;
}
.payment-success .article-content img{
	display: block;
	margin: 0 auto 30px;
	width: 128px; height: 128px;
}
.payment-success .article-content h3{
	margin-bottom: 0;
	border-top: 1px solid #eee;
	padding-top: 20px;
}
.payment-success .article-content p{
	margin-bottom: 0;
}

@media(max-width: 991px){
	.payment-success{
		min-height: 500px;
		height: auto;
		padding: 120px 0 60px;
	}
	.payment-success .article-title{
		position: relative;
		margin-top: 0;
	}
	.payment-success .article-title h1{
		font-size: 36px;
		opacity: 1;
	}
	.payment-success .article-content{
		border-bottom: none;
	}
}
/* PAYMENT PAGE 14.04.20 */


/* TEAM PAGE 17.04.20 */
.team{
	position: relative;
    margin-bottom: 93px;
    z-index: 2;
	padding-top: 150px;
}
.team-content{
	grid-template-columns: repeat(2, calc(50% - 30px));
	grid-column-gap: 60px;
	grid-row-gap: 40px;
}
.team-item{
	align-items: flex-start;
	justify-content: flex-start;
}
.team-item.first{
	grid-area: 1 / 1 / 2 / 3
}
.team-item img{
	display: block;
	margin-bottom: 20px;
	width: 100%;
	max-width: 300px;
	height: auto;
}
.team-item.first img{
	max-width: 400px;
}
.team-meta{
	padding-left: 30px;
}
.team-item.first .team-meta{
	padding-right: 100px;
}
.team-item--name{
	margin-bottom: 4px;
	font-size: 24px;
    line-height: 32px;
	font-weight: 700;
}
.team-item--job{
	color: #ff5121;
	font-size: 16px;
    line-height: 24px;
}
.team-item--about{
	margin: 15px 0 0 0;
	font-size: 18px;
    line-height: 24px;
	letter-spacing: .005em;
    letter-spacing: normal;
}
.team-item--dsc{
	margin: 15px 0 0 0;
	font-size: 16px;
    line-height: 24px;
	letter-spacing: .005em;
    letter-spacing: normal;
	opacity: .6;
}
.team-item--social{
	margin-top: 20px;
}
.team-item--social a{
	color: var(--primary);
}
.team-item--social a:hover{
	color: #ff5121
}
.team-item--social svg{
	width: 24px;
	height: 24px;
}


@media (min-width: 992px) and (max-width: 1024px){
	.team-content{
		grid-template-columns: repeat(3, calc(33% - 20px));
		grid-column-gap: 30px;
		grid-row-gap: 50px;
	}
	.team-item{
		flex-direction: column;
	}
	.team-item.first{
		grid-area: 1 / 1 / 2 / 4;
		flex-direction: row;
	}
	.team-meta{
		padding-left: 0;
	}
	.team-item.first .team-meta{
		padding-right: 0;
		padding-left: 30px;
	}
	.team-item img{
		width: 300px;
		height: auto;
	}
	.team-item.first img{
		width: 400px;
		height: auto;
	}
}
@media (min-width: 500px) and (max-width: 991px){
	.team-content{
		grid-template-columns: repeat(2, calc(50% - 20px));
		grid-column-gap: 40px;
		grid-row-gap: 50px;
	}
	.team-item{
		flex-direction: column;
	}
	.team-item.first{
		grid-area: 1 / 1 / 2 / 3;
		flex-direction: row;
	}
	.team-meta{
		padding-left: 0;
	}
	.team-item.first .team-meta{
		padding-right: 0;
		padding-left: 30px;
	}
	.team-item img{
		width: 300px;
		height: auto;
	}
}
@media (max-width: 499px){
	.team{
		padding-top: 100px;
	}
	.team-content{
		justify-content: center;
		grid-template-columns: 300px;
		grid-column-gap: 0;
		grid-row-gap: 50px;
	}
	.team-item{
		flex-direction: column;
	}
	.team-item.first{
		grid-area: 1 / 1 / 2 / 2;
	}
	.team-meta,
	.team-item.first .team-meta{
		padding-left: 0;
		padding-right: 0;
	}
}
/* TEAM PAGE 17.04.20 */



/* SUBSCRIBE 10.05.2021*/
#ml-subscribe{
	background-color: #f2f7fa;
	border-radius: 8px;
}
/* SUBSCRIBE 10.05.2021*/



/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}


.wp-block-embed__wrapper .twitter-tweet.twitter-tweet-rendered{
	margin-left: auto;
    margin-right: auto;
}


.payment .article-title{
	padding-top: 100px;
}
.form-protected{
	position: relative;
	display: flex;
	width: 100%;
	min-height: 80vh;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fcfdff;
	padding: 0 20px;
}
.post-password-form{
	width: 100%;
	max-width: 500px;
	padding: 30px 40px;
	text-align: center;
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 0 25px rgba(0,0,0,.05);
}
.post-password-form p{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	line-height: 24px;
}
.post-password-form label{
	font-size: 0;
	line-height: 0;
}

.post-password-form input[type="password"]{
	width: 250px;
    height: 40px;
    margin: 0 10px 0 0;
    padding: 8px 15px 8px 15px;
    color: #000000;
    background-color: #ffffff;
    border: solid 1px rgba(0, 0, 0, .2);
    border-radius: 5px;
    box-shadow: none;
	font-size: 17px;
	line-height: 1em;
}
.post-password-form input[type="submit"]{
	position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 11px 36px 11px;
    color: #ffffff;
    background-color: var(--accent-1);
	border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.14px;
    cursor: pointer;
    overflow: hidden;
    -o-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
    -webkit-transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
    transition: all 0.3s cubic-bezier(0.5, 0.12, 0.46, 0.88);
    transform: translateZ(0);
}

@media (max-width: 600px){
	.form-protected{
		
	}
	.post-password-form p{
		flex-direction: column;
	}
	.post-password-form label{
		width: 100%;
	}
	.post-password-form input[type="password"]{
		margin: 0 0 10px 0;
		width: 100%;
	}
	.post-password-form input[type="submit"]{
		width: 100%;
	}
}


/* HUBSPOT SUBSCRIBE 08.11.2021 */
.blog-subscribe--form .hbspt-form form{
	position: relative;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.hs_email label span,
.hs_email legend{
	display: none;
}
.blog-subscribe--form .hs-input{
	width: 380px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.14px;
	height: 57px;
    padding: 19px 30px 19px 24px;
    color: #ffffff;
    background-color: transparent;
    border: solid 1px #ffffff;
}
.blog-subscribe--form .hs-input::placeholder {
    color: rgba(255, 255, 255, .8);
}

.blog-subscribe--form .hs-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .8);
}

.blog-subscribe--form .hs-input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .8);
}
.blog-subscribe--form .actions{
	margin-left: 10px;
}
.blog-subscribe--form .hs-button{
	width: 160px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.14px;
	height: 100%;
    padding: 21px 5px 20px 5px;
    color: #009bff;
    background: #ffffff;
    border: none;
    text-align: center;
	cursor: pointer;
}
.blog-subscribe--form .hs-button:hover{
	background: rgba(255,255,255,.7);
}
.hs-error-msgs{
	position: absolute;
    left: 0;
    top: 80px;
	width: 100%;
    text-align: left;
}
.blog-subscribe--form .hs_error_rollup .hs-error-msgs{
    top: 60px;
}
.blog-subscribe--form ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
    text-align: left;
}
.submitted-message p{
	font-size: 30px;
    margin: 0;
    padding: 0;
}

@media (max-width: 800px){
	.blog-subscribe--form .hbspt-form form{
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.blog-subscribe--form .hs-input{
		width: 300px;
	}
	.blog-subscribe--form .actions{
		width: 300px;
		margin-top: 10px;
		margin-left: 0;
	}
	.blog-subscribe--form .hs-button{
		width: 100%;
	}
	.hs-error-msgs,
	.blog-subscribe--form .hs_error_rollup .hs-error-msgs{
		position: relative;
		top: auto;
		text-align: center;
	}
	.blog-subscribe--form ul{
		text-align: center;
	}
}


/* PARTNERS */
.partners-filter{
	justify-content: center;
	align-items: center;
	margin-bottom: 80px;
}
.partners-filter button{
	font-size: 19px;
	line-height: 1em;
	color: var(--accent-1);
	border: none;
	border-bottom: 1px dashed rgba(255, 102, 0, .2);
	margin: 0 20px;
	padding: 0;
	box-shadow: none;
	background: none;
	cursor: pointer;
}
.partners-filter button:hover,
.partners-filter button.is-checked{
	border-bottom-color: transparent;
	color: var(--primary)
}

.partners-grid{}
.partners-item {
  position: relative;
  width: calc(20% - 20px);
  color: var(--primary);
  margin: 0 10px 80px 10px;
  text-align: center;
}
.partners-item picture{
	height: 100px;  
	justify-content: center;
	align-items: center;  
}
.partners-item img{
	width: auto;
	height: auto;
	max-width: 80%;
	max-height: 70px;  
	filter: grayscale(1);
}
.partners-item p{
	opacity: .7;
	margin: 0;
}

@media (max-width: 800px){
	.partners-filter{
		flex-flow: row wrap;
		margin-bottom: 30px;
	}
	.partners-filter button{
		margin: 0 15px 15px;
	}
	.partners-item{
		width: 150px;
		margin: 0 5px 15px;
	}
	.partners-item img{
		max-height: 50px;  
	}
}