@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

html {
    -webkit-text-size-adjust: 100%
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

textarea:focus,
input:focus,
button:focus,
select:focus {
    outline: none
}

img {
    max-width: 100%
}

:focus {
    outline: none
}

*,
*:before,
*:after {
    box-sizing: border-box
}

a {
    text-decoration: none;
    transition: color .3s
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #f3f3f3 inset !important
}

video::-internal-media-controls-download-button {
    display: none
}

video::-webkit-media-controls {
    overflow: hidden !important
}

video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto
}

@font-face {
    font-family: 'Conv_AvenirNextCyr-Regular';
    src: local("☺"), url("../fonts/AvenirNextCyr-Regular.woff") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Conv_AvenirNextCyr-Bold';
    src: local("☺"), url("../fonts/AvenirNextCyr-Bold.woff") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Conv_AvenirNextCyr-Demi';
    src: local("☺"), url("../fonts/AvenirNextCyr-Demi.woff") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Conv_AvenirNextCyr-Light';
    src: local("☺"), url("../fonts/AvenirNextCyr-Light.woff") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Conv_AvenirNextCyr-Medium';
    src: local("☺"), url("../fonts/AvenirNextCyr-Medium.woff") format("truetype");
    font-weight: normal;
    font-style: normal
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

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

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

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@-webkit-keyframes planetOrbit {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes planetOrbit {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes start-rocket {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes start-rocket {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@-webkit-keyframes rocket-flight {
    from {
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg)
    }
    to {
        -webkit-transform: rotate(55deg);
        transform: rotate(55deg)
    }
}

@keyframes rocket-flight {
    from {
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg)
    }
    to {
        -webkit-transform: rotate(55deg);
        transform: rotate(55deg)
    }
}

@-webkit-keyframes rocket-flight-reverse {
    to {
        -webkit-transform: rotate(-127deg);
        transform: rotate(-127deg)
    }
    to {
        -webkit-transform: rotate(-50deg);
        transform: rotate(-50deg)
    }
}

@keyframes rocket-flight-reverse {
    to {
        -webkit-transform: rotate(-127deg);
        transform: rotate(-127deg)
    }
    to {
        -webkit-transform: rotate(-50deg);
        transform: rotate(-50deg)
    }
}

@-webkit-keyframes asteroid-flight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0%)
    }
    2% {
        opacity: 1
    }
    98% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes asteroid-flight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0%)
    }
    2% {
        opacity: 1
    }
    98% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes change-rockets {
    0% {
        opacity: 0;
        background-position: -175px -6px
    }
    1% {
        opacity: 1
    }
    19% {
        opacity: 1
    }
    20% {
        opacity: 0;
        background-position: -175px -6px
    }
    21% {
        opacity: 0;
        background-position: -234px -156px
    }
    22% {
        opacity: 1
    }
    38% {
        opacity: 1
    }
    39% {
        opacity: 0;
        background-position: -234px -156px
    }
    40% {
        opacity: 0;
        background-position: -296px -156px
    }
    41% {
        opacity: 1
    }
    58% {
        opacity: 1
    }
    59% {
        opacity: 0;
        background-position: -296px -156px
    }
    60% {
        opacity: 0;
        background-position: -360px -156px
    }
    61% {
        opacity: 1
    }
    78% {
        opacity: 1
    }
    79% {
        opacity: 0;
        background-position: -360px -156px
    }
    80% {
        opacity: 0;
        background-position: -168px -156px
    }
    81% {
        opacity: 1
    }
    99% {
        opacity: 1
    }
    100% {
        opacity: 0;
        background-position: -168px -156px
    }
}

@keyframes change-rockets {
    0% {
        opacity: 0;
        background-position: -175px -6px
    }
    1% {
        opacity: 1
    }
    19% {
        opacity: 1
    }
    20% {
        opacity: 0;
        background-position: -175px -6px
    }
    21% {
        opacity: 0;
        background-position: -234px -156px
    }
    22% {
        opacity: 1
    }
    38% {
        opacity: 1
    }
    39% {
        opacity: 0;
        background-position: -234px -156px
    }
    40% {
        opacity: 0;
        background-position: -296px -156px
    }
    41% {
        opacity: 1
    }
    58% {
        opacity: 1
    }
    59% {
        opacity: 0;
        background-position: -296px -156px
    }
    60% {
        opacity: 0;
        background-position: -360px -156px
    }
    61% {
        opacity: 1
    }
    78% {
        opacity: 1
    }
    79% {
        opacity: 0;
        background-position: -360px -156px
    }
    80% {
        opacity: 0;
        background-position: -168px -156px
    }
    81% {
        opacity: 1
    }
    99% {
        opacity: 1
    }
    100% {
        opacity: 0;
        background-position: -168px -156px
    }
}

@-webkit-keyframes change-rockets-mobile {
    0% {
        opacity: 0;
        background-position: -168px -156px
    }
    1% {
        opacity: 1
    }
    19% {
        opacity: 1
    }
    20% {
        opacity: 0;
        background-position: -168px -156px
    }
    21% {
        opacity: 0;
        background-position: -175px -6px
    }
    22% {
        opacity: 1
    }
    38% {
        opacity: 1
    }
    39% {
        opacity: 0;
        background-position: -175px -6px
    }
    40% {
        opacity: 0;
        background-position: -234px -156px
    }
    41% {
        opacity: 1
    }
    58% {
        opacity: 1
    }
    59% {
        opacity: 0;
        background-position: -234px -156px
    }
    60% {
        opacity: 0;
        background-position: -296px -156px
    }
    61% {
        opacity: 1
    }
    78% {
        opacity: 1
    }
    79% {
        opacity: 0;
        background-position: -296px -156px
    }
    80% {
        opacity: 0;
        background-position: -360px -156px
    }
    81% {
        opacity: 1
    }
    99% {
        opacity: 1
    }
    100% {
        opacity: 0;
        background-position: -360px -156px
    }
}

@keyframes change-rockets-mobile {
    0% {
        opacity: 0;
        background-position: -168px -156px
    }
    1% {
        opacity: 1
    }
    19% {
        opacity: 1
    }
    20% {
        opacity: 0;
        background-position: -168px -156px
    }
    21% {
        opacity: 0;
        background-position: -175px -6px
    }
    22% {
        opacity: 1
    }
    38% {
        opacity: 1
    }
    39% {
        opacity: 0;
        background-position: -175px -6px
    }
    40% {
        opacity: 0;
        background-position: -234px -156px
    }
    41% {
        opacity: 1
    }
    58% {
        opacity: 1
    }
    59% {
        opacity: 0;
        background-position: -234px -156px
    }
    60% {
        opacity: 0;
        background-position: -296px -156px
    }
    61% {
        opacity: 1
    }
    78% {
        opacity: 1
    }
    79% {
        opacity: 0;
        background-position: -296px -156px
    }
    80% {
        opacity: 0;
        background-position: -360px -156px
    }
    81% {
        opacity: 1
    }
    99% {
        opacity: 1
    }
    100% {
        opacity: 0;
        background-position: -360px -156px
    }
}

@-webkit-keyframes change-rockets-web {
    0% {
        opacity: 0;
        background-position: -360px -156px
    }
    1% {
        opacity: 1
    }
    19% {
        opacity: 1
    }
    20% {
        opacity: 0;
        background-position: -360px -156px
    }
    21% {
        opacity: 0;
        background-position: -168px -156px
    }
    22% {
        opacity: 1
    }
    38% {
        opacity: 1
    }
    39% {
        opacity: 0;
        background-position: -168px -156px
    }
    40% {
        opacity: 0;
        background-position: -175px -6px
    }
    41% {
        opacity: 1
    }
    58% {
        opacity: 1
    }
    59% {
        opacity: 0;
        background-position: -175px -6px
    }
    60% {
        opacity: 0;
        background-position: -234px -156px
    }
    61% {
        opacity: 1
    }
    78% {
        opacity: 1
    }
    79% {
        opacity: 0;
        background-position: -234px -156px
    }
    80% {
        opacity: 0;
        background-position: -296px -156px
    }
    81% {
        opacity: 1
    }
    99% {
        opacity: 1
    }
    100% {
        opacity: 0;
        background-position: -296px -156px
    }
}

@keyframes change-rockets-web {
    0% {
        opacity: 0;
        background-position: -360px -156px
    }
    1% {
        opacity: 1
    }
    19% {
        opacity: 1
    }
    20% {
        opacity: 0;
        background-position: -360px -156px
    }
    21% {
        opacity: 0;
        background-position: -168px -156px
    }
    22% {
        opacity: 1
    }
    38% {
        opacity: 1
    }
    39% {
        opacity: 0;
        background-position: -168px -156px
    }
    40% {
        opacity: 0;
        background-position: -175px -6px
    }
    41% {
        opacity: 1
    }
    58% {
        opacity: 1
    }
    59% {
        opacity: 0;
        background-position: -175px -6px
    }
    60% {
        opacity: 0;
        background-position: -234px -156px
    }
    61% {
        opacity: 1
    }
    78% {
        opacity: 1
    }
    79% {
        opacity: 0;
        background-position: -234px -156px
    }
    80% {
        opacity: 0;
        background-position: -296px -156px
    }
    81% {
        opacity: 1
    }
    99% {
        opacity: 1
    }
    100% {
        opacity: 0;
        background-position: -296px -156px
    }
}

@-webkit-keyframes show-hide {
    0% {
        opacity: 0
    }
    10% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes show-hide {
    0% {
        opacity: 0
    }
    10% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes airwaves {
    0% {
        -webkit-transform: scale(0);
        transform: translateX(-50%) translateY(-50%) scale(0);
        opacity: .1
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes airwaves {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0.1);
        transform: translateX(-50%) translateY(-50%) scale(0.1);
        opacity: .5
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        transform: translateX(-50%) translateY(-50%) scale(1);
        opacity: 0
    }
}

@-webkit-keyframes airwaves-firefox-fix {
    0% {
        width: 162px;
        height: 162px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        opacity: .1
    }
    100% {
        width: 1000px;
        height: 1000px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        opacity: 0
    }
}

@keyframes airwaves-firefox-fix {
    0% {
        width: 162px;
        height: 162px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        opacity: .1
    }
    100% {
        width: 1000px;
        height: 1000px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        opacity: 0
    }
}

@-webkit-keyframes main-rocket-flight {
    0% {
        top: -14%;
        right: -10%
    }
    50% {
        top: -15%;
        right: -14%
    }
    100% {
        top: -14%;
        right: -10%
    }
}

@keyframes main-rocket-flight {
    0% {
        transform: translateX(0) translateY(0)
    }
    50% {
        transform: translateX(-2%) translateY(2%)
    }
    100% {
        transform: translateX(0) translateY(0)
    }
}

@-webkit-keyframes rocketFireSize {
    0% {
        left: -33%;
        bottom: -1%;
        -webkit-transform: rotate(-42deg) scale(1, 1);
        transform: rotate(-42deg) scale(1, 1)
    }
    50% {
        left: -39%;
        bottom: -7%;
        -webkit-transform: rotate(-42deg) scale(1.2, 1);
        transform: rotate(-42deg) scale(1.2, 1)
    }
    100% {
        left: -33%;
        bottom: -1%;
        -webkit-transform: rotate(-42deg) scale(1, 1);
        transform: rotate(-42deg) scale(1, 1)
    }
}

@keyframes rocketFireSize {
    0% {
        left: -26%;
        bottom: 5%;
        -webkit-transform: rotate(-42deg) scale(1, 1);
        transform: rotate(-42deg) scale(1, 1)
    }
    50% {
        left: -31%;
        bottom: .5%;
        -webkit-transform: rotate(-42deg) scale(1.2, 1);
        transform: rotate(-42deg) scale(1.2, 1)
    }
    100% {
        left: -26%;
        bottom: 5%;
        -webkit-transform: rotate(-42deg) scale(1, 1);
        transform: rotate(-42deg) scale(1, 1)
    }
}

@-webkit-keyframes icons-vibration {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes icons-vibration {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@-webkit-keyframes show-mob-menu-items {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes show-mob-menu-items {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInEase {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0.7
    }
}

@keyframes fadeInEase {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0.7
    }
}

@-webkit-keyframes fadeInAirwaves {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0.7
    }
}

@keyframes fadeInAirwaves {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0.1
    }
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(30px);
        transform: translateX(-50%) translateY(30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(30px);
        transform: translateX(-50%) translateY(30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInUpBj {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInUpBj {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media (max-width: 1120px) {
    @-webkit-keyframes fly-left-rocket {
        0% {
            left: -40%;
            top: 0px
        }
        100% {
            left: -10%;
            top: 0px
        }
    }
    @keyframes fly-left-rocket {
        0% {
            left: -60%;
            top: 0px
        }
        100% {
            left: -10%;
            top: 0px
        }
    }
    @-webkit-keyframes fly-right-rocket {
        0% {
            right: -60%;
            top: 0px
        }
        100% {
            right: -10%;
            top: 0px
        }
    }
    @keyframes fly-right-rocket {
        0% {
            right: -60%;
            top: 0px
        }
        100% {
            right: -10%;
            top: 0px
        }
    }
}

@media (min-width: 1121px) {
    @-webkit-keyframes fly-left-rocket {
        0% {
            left: -60%;
            top: 0px
        }
        25% {
            left: 20%;
            top: 0px
        }
        50% {
            left: -60%;
            top: 0px
        }
        75% {
            left: 20%;
            top: 0px
        }
        100% {
            left: -60%;
            top: 0px
        }
    }
    @keyframes fly-left-rocket {
        0% {
            left: -60%;
            top: 0px
        }
        25% {
            left: 20%;
            top: 0px
        }
        50% {
            left: -60%;
            top: 0px
        }
        75% {
            left: 20%;
            top: 0px
        }
        100% {
            left: -60%;
            top: 0px
        }
    }
    @-webkit-keyframes fly-right-rocket {
        0% {
            right: 20%;
            top: 0px
        }
        25% {
            right: -60%;
            top: 0px
        }
        50% {
            right: 20%;
            top: 0px
        }
        75% {
            right: -60%;
            top: 0px
        }
        100% {
            right: 20%;
            top: 0px
        }
    }
    @keyframes fly-right-rocket {
        0% {
            right: 20%;
            top: 0px
        }
        25% {
            right: -60%;
            top: 0px
        }
        50% {
            right: 20%;
            top: 0px
        }
        75% {
            right: -60%;
            top: 0px
        }
        100% {
            right: 20%;
            top: 0px
        }
    }
}

@-webkit-keyframes hide-right-rocket {
    0% {
        opacity: 0
    }
    24% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    36% {
        opacity: 1
    }
    37% {
        opacity: 0
    }
    75% {
        opacity: 0
    }
    86% {
        opacity: 1
    }
    87% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes hide-right-rocket {
    0% {
        opacity: 0
    }
    24% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    36% {
        opacity: 1
    }
    37% {
        opacity: 0
    }
    75% {
        opacity: 0
    }
    86% {
        opacity: 1
    }
    87% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes hide-left-rocket {
    0% {
        opacity: 1
    }
    11% {
        opacity: 1
    }
    12% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    61% {
        opacity: 1
    }
    62% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes hide-left-rocket {
    0% {
        opacity: 1
    }
    11% {
        opacity: 1
    }
    12% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    61% {
        opacity: 1
    }
    62% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

.g-no-scroll,
.g-no-scroll .g-page {
    overflow: hidden;
    height: 100%
}

.g-clearfix:before,
.g-clearfix:after {
    content: "";
    display: table;
    clear: both
}

.g-no-word-wrap {
    white-space: nowrap
}

.g-page {
    position: relative;
    font: 18px 'Conv_AvenirNextCyr-Medium', Arial, sans-serif
}

.g-btn {
    position: relative;
    display: block;
    width: 210px;
    height: 50px;
    border-radius: 25px;
    text-align: center;
    text-transform: uppercase;
    font: 16px/50px 'Conv_AvenirNextCyr-Demi', Arial, sans-serif;
    letter-spacing: .2em;
    transition: box-shadow .3s
}

.g-btn-green {
    background-color: #b5dae1;
    box-shadow: 0px 24px 36px -20px #b5dae1;
    color: #fff;
    letter-spacing: .15em
}

.g-btn-green:hover {
    box-shadow: 0px 28px 44px -17px #b5dae1
}

.g-btn-grey {
    color: #73757a;
    border: 1px solid #dedfe1;
    background-color: #fff;
    transition: border-color .3s
}

.g-btn-grey:hover {
    border-color: #b5dae1
}

.g-btn-eye:before {
    content: "";
    position: absolute;
    top: 13px;
    width: 35px;
    height: 22px;
    background: url("../images/img/bg/landing-sprite.svg") -212px -45px no-repeat
}

.g-btn-eye:hover:before {
    background-position: -172px -42px
}

.g-btn-rocket {
    position: absolute;
    top: 11px;
    right: 38px;
    width: 73px;
    height: 27px;
    background: url("../images/img/bg/landing-sprite.svg") -291px -4px no-repeat;
    transition: right 2s;
    letter-spacing: .1em
}

.g-btn-start-rocket:hover .g-btn-rocket {
    -webkit-animation: start-rocket linear 1s infinite;
    animation: start-rocket linear 1s infinite
}

.g-btn-scroll-down {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 43px;
    height: 43px;
    padding: 20px;
    box-sizing: content-box;
    font-size: 0;
    cursor: pointer;
    z-index: 5
}

.g-btn-scroll-down:before {
    content: "";
    position: absolute;
    left: 24px;
    bottom: 33px;
    width: 34px;
    height: 18px;
    background: url("../images/img/bg/landing-sprite.svg") -232px -76px no-repeat
}

.g-btn-scroll-down:hover:before {
    opacity: .7
}

.g-title {
    font: 100px/1.05em 'Conv_AvenirNextCyr-Bold', Arial, sans-serif
}

.g-sub-title {
    font: 60px/1.2em 'Conv_AvenirNextCyr-Bold', Arial, sans-serif;
    padding-bottom: 31px
}

.g-sub-title span,
.g-basic-text a,
.g-basic-text span,
.g-sub-title a {
    color: #9fcbd3
}

.g-sub-title a:hover,
.g-basic-text a:hover {
    color: inherit
}

.g-basic-text {
    color: #676767;
    padding-bottom: 17px
}

.g-basic-text .g-basic-mark-text {
    color: #262626;
    font-family: 'Conv_AvenirNextCyr-Demi', Arial, sans-serif
}

.g-definition-list dt {
    padding-bottom: 15px
}

.g-list {
    padding-left: 5px
}

.g-list li,
.g-definition-list dd {
    position: relative;
    padding: 0 0 15px 27px
}

.g-list li:before,
.g-definition-list dd:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #676767
}

.g-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px
}

.g-services-container {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 20px
}

.g-service-title {
    text-align: center;
    letter-spacing: -.01em;
    color: #d7d7d8
}

.g-two-column {
    width: 50%
}

.g-white-container {
    background-color: #fff
}

.g-grey-container {
    background-color: #f3f3f3
}

.g-vertical-align {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.g-horizontal-align {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.g-centred {
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.g-airwaves {
    position: relative;
    width: 164px;
    height: 164px
}

.g-airwaves__item {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 162px;
    height: 162px;
    border-radius: 50%;
    border: 1px solid #fff;
    opacity: 0;
    -webkit-animation: fadeInAirwaves 1s linear forwards;
    animation: fadeInAirwaves 1s linear forwards;
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.g-airwaves__item:nth-child(2) {
    width: 324px;
    height: 324px;
    -webkit-animation: fadeInAirwaves 1s linear forwards;
    animation: fadeInAirwaves 1s linear forwards;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

.g-airwaves__item:nth-child(3) {
    width: 486px;
    height: 486px;
    -webkit-animation: fadeInAirwaves 1s linear forwards;
    animation: fadeInAirwaves 1s linear forwards;
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.g-airwaves__item:nth-child(4) {
    width: 648px;
    height: 648px;
    -webkit-animation: fadeInAirwaves 1s linear forwards;
    animation: fadeInAirwaves 1s linear forwards;
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s
}

.g-airwaves__item:nth-child(5) {
    width: 810px;
    height: 810px;
    -webkit-animation: fadeInAirwaves 1s linear forwards;
    animation: fadeInAirwaves 1s linear forwards;
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.g-slider-arrow {
    position: absolute;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: opacity .3s;
    z-index: 1
}

.g-slider-arrow:hover {
    opacity: .7
}

.g-slider-arrow:before,
.g-slider-arrow:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #909198
}

.g-slider-arrow-prev:before {
    top: 8px;
    left: 0;
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg)
}

.g-slider-arrow-prev:after {
    bottom: 7px;
    left: 0;
    -webkit-transform: rotate(44deg);
    transform: rotate(44deg)
}

.g-slider-arrow-next:before {
    top: 8px;
    right: 0;
    -webkit-transform: rotate(44deg);
    transform: rotate(44deg)
}

.g-slider-arrow-next:after {
    bottom: 7px;
    right: 0;
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg)
}

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

.g-link-back {
    position: absolute;
    top: 50px;
    left: 66px;
    width: 26px;
    height: 26px;
    background: url("../images/img/bg/landing-sprite.svg") -2px -187px no-repeat;
    font-size: 0;
    transition: opacity .3s;
    z-index: 1
}

.g-link-back:hover {
    opacity: .7
}

.g-blog__list {
    padding: 0 3.6%
}

.g-blog__item {
    padding-bottom: 58px
}

.g-blog__item:last-child {
    padding-bottom: 49px
}

.g-blog__img {
    float: left;
    width: 55.3%;
    margin-top: 11px
}

.g-blog__img img {
    display: block;
    margin: 0 auto
}

.g-blog__text {
    float: left;
    width: 44.7%;
    padding: 0 5% 0 4.8%
}

.g-blog__name {
    position: relative;
    padding-bottom: 36px;
    font: 36px/1.3em 'Conv_AvenirNextCyr-Light', Arial, sans-serif;
    color: #242933
}

.g-blog-page__link-read {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0
}

.g-blog__description {
    padding-bottom: 30px;
    font-family: 'Conv_AvenirNextCyr-Regular', Arial, sans-serif;
    color: #343942;
    line-height: 1.5em
}

.g-blog__description *:not(.valid) {
    display: none
}

.g-blog__btn-read {
    width: 184px;
    padding-left: 50px
}

.g-blog__btn-read:before {
    left: 34px
}

.g-banner {
    overflow: hidden;
    background-color: #242933
}

.g-banner__container {
    position: relative;
    min-height: 418px;
    background: radial-gradient(at bottom center, #4c4c78 0%, #242933 50%);
    text-align: center
}

.g-banner__airwaves {
    position: absolute;
    bottom: -50px;
    left: 50%
}

.g-banner__title {
    color: #636c92;
    line-height: 1.19em
}

.g-social-sharing {
    position: relative
}

.m-social-sharing_centred {
    width: 170px;
    margin: 8px auto 0
}

.g-social-sharing:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 5px;
    width: 25px;
    height: 25px;
    background: url("../images/img/bg/landing-sprite.svg") -123px -187px no-repeat
}

.g-social-sharing__item {
    float: left;
    padding-left: 20px
}

.m-social-sharing__item_centred {
    padding: 0 10px
}

.g-social-sharing__link {
    display: block;
    width: 36px;
    height: 36px;
    background: url("../images/img/bg/landing-sprite.svg") no-repeat;
    transition: opacity .3s;
    font-size: 0
}

.g-social-sharing__link:hover {
    opacity: .8
}

.m-social-sharing__link_fb {
    background-position: -2px -217px
}

.m-social-sharing__link_tw {
    background-position: -42px -217px
}

.m-social-sharing__link_in {
    background-position: -82px -217px
}

.g-btn-scroll-up {
    transform: scale(0);
    position: fixed;
    right: 4.4%;
    bottom: 141px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .5s;
    background-color: #28ce7c;
    font-size: 0;
    z-index: 100
}

.g-btn-scroll-up.visible {
    transform: scale(1)
}

.g-btn-scroll-up:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 29px;
    height: 29px;
    background: url("../images/img/bg/landing-sprite.svg") -275px -106px no-repeat;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.g-btn-scroll-up:hover {
    background-color: #fff
}

.g-btn-scroll-up:hover:before {
    background-position: -235px -106px
}

.g-field {
    height: 50px;
    padding: 14px 0 7px;
    border: 0;
    border-radius: 0;
    background-color: #f3f3f3;
    border-bottom: 2px solid #d5d5d5;
    font-size: 20px
}

.g-label {
    position: absolute;
    left: 0;
    top: 12px;
    color: #a2a2a2;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    pointer-events: none
}

.g-field.not-empty ~ .g-label {
    top: -14px;
    font-size: 14px;
    color: #a2a2a2
}

.g-field:focus {
    border-bottom: 2px solid #28ce7c
}

.g-field:focus+.g-label {
    top: -14px;
    font-size: 14px;
    color: #28ce7c
}

.g-note {
    display: none;
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 25px;
    color: #ff4e4e;
    font-size: 14px;
    line-height: 2.1em
}

.not-valid.g-field {
    border-bottom-color: #f6c2c2
}

.not-valid ~ .g-note {
    display: block
}

.g-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%
}

.loading .g-spinner {
    display: block
}

.loading .g-spinner-text {
    display: none
}

.g-bounce {
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.m-bounce_first {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.m-bounce_first {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

.KW_progressBar {
    width: 0%;
    float: left;
    height: 3px;
    z-index: 99;
    max-width: 100%;
    background-color: #28ce7c;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

@media screen and (max-width: 1150px) {
    .g-title {
        font-size: 80px
    }
    .g-sub-title {
        font-size: 50px
    }
    .g-blog__name {
        font-size: 30px
    }
}

@media screen and (max-width: 850px) {
    .g-sub-title {
        font-size: 40px
    }
}

@media screen and (max-width: 768px) {
    .mob-tab-nav {
        height: 100%;
        background-color: #f3f3f3
    }
    .g-airwaves__item {
        display: none;
        -webkit-animation: none;
        animation: none
    }
    .g-title {
        font-size: 36px
    }
    .g-btn {
        height: 40px;
        font-size: 14px;
        line-height: 40px
    }
    .g-btn-grey {
        line-height: 38px
    }
    .m-btn-grey_landing-mob {
        border: 1px solid #28ce7c
    }
    .g-btn-green {
        box-shadow: 0 0 101px 0 rgba(40, 206, 124, 0.5)
    }
    .g-btn-green:hover {
        box-shadow: none
    }
    .g-btn-rocket {
        display: none
    }
    .g-two-column {
        width: 100%
    }
    .g-blog__list {
        padding: 0
    }
    .g-blog__img {
        width: 100%
    }
    .g-blog__img img {
        width: 65%;
        margin: 0 auto
    }
    .g-blog__text {
        width: 100%;
        padding: 0 25px
    }
    .g-blog__item {
        padding-bottom: 10px
    }
    .g-blog__item:last-child {
        padding-bottom: 8px
    }
    .g-blog__name {
        padding: 21px 0 8px;
        font-size: 24px
    }
    .g-blog__description {
        font-size: 14px;
        padding-bottom: 20px
    }
    .g-blog__btn-read {
        display: none
    }
    .g-blog-page__link-read {
        display: block
    }
    .g-link-back {
        top: 20px;
        left: 27px;
        width: 21px
    }
    .m-social-sharing_centred {
        width: 146px;
        padding-top: 10px
    }
    .g-social-sharing:before {
        display: none
    }
    .g-social-sharing__item {
        padding-left: 14px
    }
    .m-social-sharing__item_centred {
        padding: 0 6px
    }
    .g-btn-scroll-up {
        display: none
    }
    .g-services-container {
        padding: 0
    }
    .g-service-title {
        display: none
    }
    .g-sub-title {
        font-size: 36px
    }
    .g-basic-text {
        font-size: 16px;
        line-height: 1.6em;
        padding-bottom: 3%
    }
    .g-list li,
    .g-definition-list dd {
        padding: 0 0 10px 24px;
        font-size: 16px
    }
    .g-list li:before,
    .g-definition-list dd:before {
        top: 9px;
        width: 5px;
        height: 5px
    }
    .g-list {
        padding-left: 0
    }
    .g-services-img-title {
        padding-bottom: 30px
    }
}

@media screen and (max-width: 500px) {
    .g-basic-text {
        padding-bottom: 6.3%
    }
    .g-blog__img img {
        width: 100%
    }
}

.b-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    font: 18px 'Conv_AvenirNextCyr-Medium', Arial, sans-serif
}

.without-header .b-header {
    display: none
}

.b-header__container {
    position: relative;
    height: 116px;
    padding: 35px 20px;
    font-size: 14px;
    max-width: 1248px;
    letter-spacing: .2em
}

.b-mob-menu-toggle {
    display: none
}

.b-logo {
    position: relative;
    float: left;
    width: 220px;
    height: 33px;
    margin: 9px 0 0 10px;
    font-size: 0
}

.b-nav__title-container {
    display: none
}

.b-logo__link {
    display: none
}

.b-header.not-home-page .b-logo__link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.b-nav {
    float: right
}

.b-nav__header {
    display: none
}

.b-nav__item {
    float: left;
    padding: 0 23px;
    text-transform: uppercase
}

.m-nav__item_mobile {
    display: none
}

.b-nav__item a {
    line-height: 60px;
    color: #b3b4b8
}

.b-nav__item.disabled a {
    pointer-events: none;
    cursor: none
}

.b-nav__item a:hover {
    color: #fff
}

.b-nav__item.current-page a {
    color: #fff
}

.b-header:not(.not-home-page) .b-logo {
    -webkit-animation: fadeIn linear 2s both;
    animation: fadeIn linear 2s both
}

.b-header:not(.not-home-page) .b-nav__list {
    -webkit-animation: fadeIn linear 2s both;
    animation: fadeIn linear 2s both;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.b-nav__btn-filter {
    display: none
}

@media screen and (max-width: 1400px) {
    .b-header__container {
        font-size: 12px
    }
}

@media screen and (max-width: 1150px) {
    .b-nav__item {
        padding: 0 15px
    }
}

@media screen and (max-width: 768px) {
    .b-header {
        z-index: 21;
        background-color: #242933
    }
    .b-header.not-home-page .b-logo {
        display: none
    }
    .b-nav__title-container {
        position: relative
    }
    .b-header.not-home-page .b-nav__title-container {
        display: block
    }
    .b-header.not-home-page .b-nav__title {
        text-align: center;
        color: #556178;
        font: 24px 'Conv_AvenirNextCyr-Medium', Arial, sans-serif;
        letter-spacing: .01em
    }
    .b-header.back .b-nav__title {
        padding-left: 21px
    }
    .b-header.not-home-page .b-nav__title:first-letter {
        text-transform: uppercase
    }
    .b-nav__btn-back {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 24px;
        height: 24px;
        background: url("../images/img/bg/landing-sprite.svg") -154px -187px no-repeat;
        cursor: pointer
    }
    .b-nav__btn-back a {
        display: block;
        width: 100%;
        height: 100%
    }
    .b-header.back .b-nav__btn-back {
        display: block
    }
    .blog .b-nav__btn-filter {
        display: block;
        position: absolute;
        top: -5px;
        left: -5px;
        width: 26px;
        height: 23px;
        padding: 5px;
        font-size: 0;
        background: url("../images/img/bg/landing-sprite.svg") -73px -258px no-repeat;
        box-sizing: content-box
    }
    .b-nav__btn-filter.active {
        background-position: -108px -258px
    }
    .b-nav__btn-filter.show {
        display: block
    }
    .b-header.back .b-mob-menu-toggle {
        display: none
    }
    .b-header__container {
        padding: 21px 25px 13px;
        height: 60px
    }
    .b-mob-menu-toggle {
        display: block;
        position: absolute;
        top: 26px;
        right: 25px;
        width: 24px;
        height: 18px;
        z-index: 1
    }
    .b-mob-menu-toggle__item,
    .b-mob-menu-toggle:before,
    .b-mob-menu-toggle:after {
        height: 2px;
        width: 24px;
        transition: all .2s ease-in-out;
        background-color: #556178
    }
    .b-mob-menu-toggle__item {
        position: absolute;
        top: 8px
    }
    .b-mob-menu-toggle:before,
    .b-mob-menu-toggle:after {
        content: "";
        position: absolute
    }
    .b-mob-menu-toggle:before {
        top: 0;
        left: 0
    }
    .b-mob-menu-toggle:after {
        bottom: 0;
        right: 0
    }
    .b-header.open-nav,
    .b-header.open-nav .b-header__container {
        height: 100%
    }
    .b-header.open-nav .b-nav__list {
        height: auto;
        overflow: hidden;
        overflow-y: auto
    }
    .b-header.open-nav .b-mob-menu-toggle {
        height: 24px
    }
    .b-header.open-nav .b-mob-menu-toggle:before,
    .b-header.open-nav .b-mob-menu-toggle:after {
        position: absolute;
        top: 9px;
        transition: all .3s
    }
    .b-header.open-nav .b-mob-menu-toggle:before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    .b-header.open-nav .b-mob-menu-toggle:after {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg)
    }
    .b-header.open-nav .b-mob-menu-toggle__item {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    .b-logo {
        float: none;
        width: 117px;
        height: 23px;
        margin: 0 auto
    }
    .b-nav {
        float: none;
        position: absolute;
        top: 0;
        left: -100%;
        padding-left: 50px;
        height: 100%;
        width: 100%;
        background-color: rgba(36, 41, 51, 0.99);
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        overflow-y: auto
    }
    .b-header.open-nav .b-nav {
        left: 0
    }
    .b-header.fade-in-nav .b-nav {
        opacity: 1
    }
    .b-nav__header {
        display: block;
        padding: 60px 0;
        border-bottom: 1px solid #2d323c
    }
    .b-nav__logo {
        width: 158px;
        height: 37px;
        background: url("../images/img/bg/landing-sprite.png") 0 0 no-repeat;
       
        font-size: 0
    }
    .b-nav__item {
        float: none;
        padding: 0 10px 0 0;
        border-bottom: 1px solid #2d323c;
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        transition: all .3s
    }
    .m-nav__item_mobile {
        display: block
    }
    .b-nav__item.current-page a {
        color: #fff;
        opacity: .5
    }
    .b-header.open-nav .b-nav__item {
        -webkit-animation: show-mob-menu-items linear .3s forwards;
        animation: show-mob-menu-items linear .3s forwards
    }
    .b-header.open-nav .b-nav__item:nth-child(2) {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }
    .b-header.open-nav .b-nav__item:nth-child(3) {
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }
    .b-header.open-nav .b-nav__item:nth-child(4) {
        -webkit-animation-delay: .6s;
        animation-delay: .6s
    }
    .b-header.open-nav .b-nav__item:nth-child(5) {
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }
    .b-header.open-nav .b-nav__item:nth-child(6) {
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }
    .b-nav__item a {
        display: block;
        height: 60px;
        color: #fff
    }
}

.b-hire-us {
    overflow: hidden;
    background-color: #242933
}

.b-hire-us__container {
    padding: 165px 20px 166px;
    color: #fff;
    background: radial-gradient(at bottom center, #4c4c78 0%, #242933 50%);
    text-align: center
}

.b-hire-us__title {
    padding-bottom: 46px
}

.b-hire-us__ufo-wrapper {
    width: 164px;
    height: 164px;
    margin: 0 auto 52px
}

.b-hire-us__ufo {
    position: relative;
    width: 164px;
    height: 164px;
    border-radius: 50%;
    background-color: #32344b
}

.b-hire-us__ufo-ship,
.b-hire-us__human {
    position: absolute;
    top: 50%;
    left: 50%;
    background: url("../images/img/bg/landing-sprite.svg") no-repeat
}

.b-hire-us__ufo-ship {
    width: 80px;
    height: 80px;
    background-position: -18px -87px
}

.b-hire-us__human {
    top: 75%;
    width: 24px;
    height: 46px;
    background-position: -161px -105px;
    transition: all 1s
}

.b-hire-us__human.hover {
    -webkit-transform: scale(0.1) translateY(-1250%) translateX(-500%);
    transform: scale(0.1) translateY(-1250%) translateX(-500%);
    opacity: 0
}

.b-hire-us__btn {
    width: 260px;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .b-hire-us {
        background: linear-gradient(to bottom, #242933 0%, #424366 100%)
    }
    .b-hire-us__container {
        padding: 45px 20px;
        background: none
    }
    .b-hire-us__ufo-wrapper {
        margin: 0 auto 30px
    }
    .b-hire-us__title {
        padding-bottom: 36px
    }
    .b-hire-us__btn {
        width: 240px
    }
    .mob-tab-nav .b-hire-us {
        display: none
    }
}

.b-footer {
    background-color: #fafafa
}

.b-post-page ~ .b-footer,
.b-projects-details ~ .b-footer,
.dark-footer ~ .b-footer,
.b-privacy-policy ~ .b-footer {
    background-color: #f4f4f4
}

.b-footer__container {
    max-width: 1048px;
    padding: 44px 20px 89px 20px;
    font-family: 'Conv_AvenirNextCyr-Medium', Arial, sans-serif
}

.b-footer__details {
    padding-top: 75px
}

.b-footer-logo {
    width: 194px;
    height: 38px;
    margin-bottom: 14px;
    font-size: 36px
}

.b-footer-logo img {
    width: 83%
}

.b-footer-contacts {
    margin-bottom: 7px;
    width: 50%;
    float: left
}

.b-footer-social {
    width: 50%;
    float: right
}

.b-footer-contacts__list {
    padding-top: 4px;
    font-size: 14px;
    clear: both
}

.b-footer-contacts__item {
    position: relative;
    padding: 0 0 17px 35px;
    color: #939393;
    text-align: right;
    padding-right: 54px
}

.b-footer-contacts__item:after {
    content: "";
    position: absolute;
    top: 1px;
    right: 15px;
    width: 20px;
    height: 20px;
    background: url("../images/img/bg/landing-sprite.svg") 0 0 no-repeat
}

.m-footer-contacts__item_email:after {
    background-position: -84px -403px;
    background-size: 487px
}

.m-footer-contacts__item_phone:after {
    background-position: -165px -501px;
    background-size: 604px
}

.m-footer-contacts__item_address:before {
    background-position: -120px -439px;
    background-size: 530px
}

.b-footer-contacts__link {
    display: block;
    font-size: 14px;
    color: #28ce7c
}

.b-footer-contacts__link:hover {
    color: #939393
}

.b-social-list {
    padding-bottom: 6px;
    width: 339px;
    float: right
}

.b-social-list__item {
    float: right; 
    margin: 0 14px 20px 0
}

.b-social-list__link {
    display: block;
    width: 34px;
    height: 34px;
    text-align: center;
    font-size: 0;
    background: url("../images/img/bg/landing-sprite.svg") -2px -202px no-repeat;
    background-size: 1140%;
    transition: opacity .3s
}

.b-social-list__link:hover {
    opacity: .8
}

.m-social-list__link_in {
    background-position: -76px -203px
}

.m-social-list__link_tw {
    background-position: -39px -203px
}

.m-social-list__link_inst {
    background-position: -150px -203px
}

.m-social-list__link_dr {
    background-position: -114px -203px
}

.m-social-list__link_cl {
    background-position: -1px -308px
}

.m-social-list__link_github {
    width: 35px;
    height: 34.14px;
    background: url('data:image/svg+xml;utf8,<svg id="Git" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 34.14"><defs><style>.cls-1{fill:#221e1b;fill-rule:evenodd;}</style></defs><title>ico-git</title><path id="git-2" data-name="git" class="cls-1" d="M17.5.43A17.5,17.5,0,0,0,12,34.54c.88.16,1.19-.38,1.19-.84s0-1.52,0-3c-4.87,1.06-5.9-2.35-5.9-2.35A4.63,4.63,0,0,0,5.3,25.81c-1.59-1.09.12-1.06.12-1.06a3.68,3.68,0,0,1,2.68,1.8A3.73,3.73,0,0,0,13.19,28a3.74,3.74,0,0,1,1.11-2.34c-3.89-.44-8-1.94-8-8.65a6.76,6.76,0,0,1,1.8-4.7,6.29,6.29,0,0,1,.17-4.63s1.47-.47,4.81,1.79a16.59,16.59,0,0,1,8.76,0c3.34-2.26,4.81-1.79,4.81-1.79a6.29,6.29,0,0,1,.17,4.63,6.75,6.75,0,0,1,1.8,4.7c0,6.72-4.09,8.2-8,8.64a4.18,4.18,0,0,1,1.19,3.24c0,2.34,0,4.23,0,4.8s.32,1,1.2.84A17.5,17.5,0,0,0,17.5.43Z" transform="translate(0 -0.43)"/></svg>');
    transition: opacity .3s
}

.b-footer__copy {
    padding: 8px 0;
    color: #a7a7a7;
    font: 14px 'Conv_AvenirNextCyr-Medium', Arial, sans-serif;
    line-height: 1.6em
}

.b-footer__copy span {
    letter-spacing: -.02em
}

.b-footer__nav {
    width: 58%;
    margin: 0 auto
}

.b-footer__nav a:hover {
    color: #28ce7c
}

.b-footer__list {
    justify-content: flex-end
}

.b-footer__item {
    padding: 10px 0 0 4.5%;
    font-size: 14px
}

.m-footer__item_blog {
    padding: 10px 0 0 8.5%
}

.b-footer__item:first-child {
    padding: 10px 0 0 0
}

.b-footer__link {
    text-transform: uppercase;
    font-size: 12px;
    color: #272727;
    letter-spacing: .2em
}

.b-footer__sub-list {
    padding-top: 40px
}

.b-footer__sub-item {
    padding-bottom: 18px
}

.b-footer__sub-link {
    color: #939393
}

.b-footer__copy-years {
    display: inline-block
}

.b-footer-left-container {
    width: 50%;
    float: left
}

@media screen and (max-width: 1200px) {
    .b-footer__nav {
        width: 65%
    }
}

@media screen and (max-width: 1024px) {
    .b-footer__nav,
    .b-footer__details {
        width: 100%
    }
    .b-footer__container {
        padding: 27px 25px 40px 25px
    }
    .b-footer__details {
        padding-top: 63px;
        font-family: 'Conv_AvenirNextCyr-Regular', Arial, sans-serif
    }
    .b-footer-contacts__list {
        padding-top: 24px
    }
    .b-footer-contacts__item {
        padding: 0 0 20px 35px;
        font-size: 15px;
        text-align: center;
        max-width: 275px;
        margin: 0 auto
    }
    .m-footer-contacts__item_address {
        padding: 0 44px 20px 35px
    }
    .m-footer-contacts__item_address:before {
        top: 4px
    }
    .b-footer-contacts__link {
        font-size: 15px
    }
    .b-footer__nav a:hover {
        color: #272727
    }
    .b-footer__copy {
        font: 15px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif;
        letter-spacing: -.01em;
        line-height: 1.6em;
        padding: 6px 0 0 0;
        text-align: center
    }
    .b-footer__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 368px;
        margin: 0 auto
    }
    .b-footer-logo img {
        display: block;
        margin: 0 auto;
        width: 99%
    }
    .b-footer__list:before,
    .b-footer__list:after {
        content: "";
        display: table;
        clear: both
    }
    .b-footer__item,
    .b-footer__item:first-child {
        flex-basis: 30%;
        text-align: center
    }
    .b-footer__item:first-child {
        padding: 10px 0 0 10%
    }
    .b-footer-contacts {
        float: none;
        margin: 0 auto
    }
    .b-footer-social {
        width: auto;
        float: none
    }
    .m-footer-contacts__item_email::after {
        background-size: 0
    }
    .m-footer-contacts__item_email::before {
        content: "";
        position: absolute;
        top: 1px;
        left: 0;
        width: 20px;
        height: 20px;
        background: url(../images/img/bg/landing-sprite.svg) 0 0 no-repeat;
        background-position: -84px -403px;
        background-size: 487px
    }
    .m-footer-contacts__item_phone::after {
        background-size: 0
    }
    .m-footer-contacts__item_phone::before {
        content: "";
        position: absolute;
        top: 1px;
        left: 60px;
        width: 20px;
        height: 20px;
        background: url(../images/img/bg/landing-sprite.svg) 0 0 no-repeat;
        background-position: -165px -501px;
        background-size: 604px
    }
    .b-footer-logo {
        max-width: 149px;
        width: auto;
        height: 27px;
        margin: 0 auto 4px auto
    }
    .b-footer__sub-list {
        display: none
    }
    .b-footer-contacts__link:hover {
        color: #28ce7c
    }
    .mob-tab-nav .b-footer {
        display: none
    }
    .b-social-list {
        padding: 49px 0 10px 1px;
        float: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 320px;
        width: auto;
        margin: 0 auto
    }
    .b-social-list__item {
        margin: 0 12px 12px 0;
        float: none;
        flex-basis: 8%
    }
    .b-social-list__item:last-child {
        margin: 0 0 20px 0
    }
    .b-footer__copy-years {
        display: block
    }
    .b-footer-left-container {
        float: none;
        margin: 0 auto;
        width: 63%
    }
    .b-footer-left-container:last-child {
        padding-top: 25px;
        width: 82%
    }
}

@media screen and (max-width: 320px) {
    .b-social-list {
        max-width: 228px;
        width: auto
    }
}

.b-mobility {
    position: relative;
    overflow: hidden;
    background-color: #242933
}

.b-mobility__container {
    position: relative;
    height: 100vh;
    min-height: 700px;
    padding: 169px 20px;
    background: radial-gradient(at bottom center, #4c4c78 0%, #242933 50%)
}

.b-mobility__content {
    position: relative;
    width: 48.8%;
    height: 100%;
    float: right;
    z-index: 3
}

.b-mobility__content-holder {
    position: absolute;
    left: 0;
    top: 53%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.b-mobility__title {
    color: #636c92;
    opacity: .7;
    font-size: 86px;
    -webkit-animation: fadeInEase linear 2s backwards;
    animation: fadeInEase linear 2s backwards;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.b-mobility__btn {
    margin: 54px 0 0 8px;
    -webkit-animation: fadeIn linear 2s both;
    animation: fadeIn linear 2s both;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.b-mobility__down {
    position: absolute;
    bottom: -19px;
    left: 50%;
    z-index: 2
}

.b-mobility__down-container {
    position: relative;
    width: 164px;
    height: 164px
}

.b-parallax {
    position: absolute;
    width: 100%;
    height: 100%
}

.b-parallax__container {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    -webkit-animation: fadeIn 1s linear both;
    animation: fadeIn 1s linear both;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    background: url("../images/img/bg/stars-4.png") 100% 0 no-repeat
}

.b-parallax__layer {
    position: absolute;
    width: 100%;
    height: 100%
}

.m-parallax__layer_1 {
    -webkit-animation: fadeIn 1s linear both;
    animation: fadeIn 1s linear both;
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
    background: url("../images/img/bg/stars-1.png") 100% 0 repeat
}

.m-parallax__layer_2 {
    -webkit-animation: fadeIn 1s linear both;
    animation: fadeIn 1s linear both;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    background: url("../images/img/bg/stars-2.png") 100% 0 repeat
}

.m-parallax__layer_3 {
    -webkit-animation: fadeIn 1s linear both;
    animation: fadeIn 1s linear both;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    background: url("../images/img/bg/stars-3.png") 100% 0 repeat
}

.m-parallax__layer_4 {
    -webkit-animation: fadeIn 1s linear both;
    animation: fadeIn 1s linear both;
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.b-parallax__layer-holder {
    position: relative;
    width: 100%;
    height: 100%
}

.b-parallax__star {
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 0px 6px 2px rgba(255, 255, 255, 0.5)
}

.m-parallax__star_big {
    width: 8px;
    height: 8px
}

.m-parallax__star_middle {
    width: 6px;
    height: 6px
}

.m-parallax__star_small {
    width: 4px;
    height: 4px;
    box-shadow: 0px 0px 2px 1px rgba(255, 255, 255, 0.5)
}

.m-parallax__star_smaller {
    width: 3px;
    height: 3px;
    box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.5)
}

.m-parallax__star_big-1 {
    top: 400px;
    left: 300px
}

.m-parallax__star_big-2 {
    top: 950px;
    left: 920px
}

.m-parallax__star_big-3 {
    top: 200px;
    right: 632px
}

.m-parallax__star_big-4 {
    top: 370px;
    left: 1200px
}

.m-parallax__star_big-5 {
    top: 462px;
    left: 750px
}

.m-parallax__star_big-6 {
    top: 810px;
    right: 230px
}

.m-parallax__star_big-7 {
    top: 1100px;
    right: 450px
}

.m-parallax__star_big-8 {
    top: 900px;
    right: 730px
}

.m-parallax__star_big-9 {
    top: 780px;
    right: 500px
}

.m-parallax__star_big-10 {
    top: 1100px;
    right: 120px
}

.m-parallax__star_middle-1 {
    top: 300px;
    left: 400px
}

.m-parallax__star_middle-2 {
    top: 650px;
    left: 700px
}

.m-parallax__star_middle-3 {
    top: 150px;
    left: 532px
}

.m-parallax__star_middle-4 {
    top: 170px;
    left: 1000px
}

.m-parallax__star_middle-5 {
    top: 500px;
    left: 500px
}

.m-parallax__star_middle-6 {
    top: 356px;
    left: 800px
}

.m-parallax__star_middle-7 {
    top: 740px;
    left: 300px
}

.m-parallax__star_middle-8 {
    top: 500px;
    left: 1000px
}

.m-parallax__star_middle-9 {
    top: 670px;
    left: 1200px
}

.m-parallax__star_middle-10 {
    top: 800px;
    left: 1400px
}

.m-parallax__star_small-1 {
    top: 850px;
    left: 350px
}

.m-parallax__star_small-2 {
    top: 700px;
    left: 750px
}

.m-parallax__star_small-3 {
    top: 250px;
    left: 632px
}

.m-parallax__star_small-4 {
    top: 240px;
    left: 1350px
}

.m-parallax__star_small-5 {
    top: 400px;
    left: 800px
}

.m-parallax__star_small-6 {
    top: 256px;
    left: 900px
}

.m-parallax__star_small-7 {
    top: 870px;
    left: 870px
}

.m-parallax__star_small-8 {
    top: 900px;
    left: 1100px
}

.m-parallax__star_small-9 {
    top: 770px;
    left: 1300px
}

.m-parallax__star_small-10 {
    top: 1080px;
    left: 1180px
}

.m-parallax__star_small-11 {
    top: 350px;
    right: 850px
}

.m-parallax__star_small-12 {
    top: 1200px;
    right: 700px
}

.m-parallax__star_small-13 {
    top: 632px;
    right: 250px
}

.m-parallax__star_small-14 {
    top: 1350px;
    left: 740px
}

.m-parallax__star_small-15 {
    top: 800px;
    right: 400px
}

.m-parallax__star_small-16 {
    top: 900px;
    right: 256px
}

.m-parallax__star_small-17 {
    top: 440px;
    right: 1200px
}

.m-parallax__star_small-18 {
    top: 1100px;
    right: 900px
}

.m-parallax__star_small-19 {
    top: 1300px;
    right: 770px
}

.m-parallax__star_small-20 {
    top: 1180px;
    right: 1080px
}

.m-parallax__star_small-21 {
    bottom: 750px;
    left: 850px
}

.m-parallax__star_small-22 {
    bottom: 1200px;
    left: 700px
}

.m-parallax__star_small-23 {
    bottom: 632px;
    right: 250px
}

.m-parallax__star_small-24 {
    bottom: 1350px;
    right: 500px
}

.m-parallax__star_small-25 {
    bottom: 800px;
    left: 400px
}

.m-parallax__star_small-26 {
    bottom: 900px;
    left: 256px
}

.m-parallax__star_small-27 {
    bottom: 440px;
    right: 1200px
}

.m-parallax__star_small-28 {
    top: 1000px;
    right: 458px
}

.m-parallax__star_small-29 {
    top: 1300px;
    right: 950px
}

.m-parallax__star_small-30 {
    top: 1190px;
    right: 440px
}

.m-parallax__star_smaller-1 {
    top: 300px;
    left: 300px
}

.m-parallax__star_smaller-2 {
    top: 150px;
    left: 600px
}

.m-parallax__star_smaller-3 {
    top: 300px;
    right: 900px
}

.m-parallax__star_smaller-4 {
    top: 150px;
    right: 300px
}

.m-parallax__star_smaller-5 {
    top: 300px;
    right: 600px
}

.m-parallax__star_smaller-6 {
    top: 600px;
    left: 300px
}

.m-parallax__star_smaller-7 {
    top: 450px;
    left: 600px
}

.m-parallax__star_smaller-8 {
    top: 450px;
    left: 30px
}

.m-parallax__star_smaller-9 {
    top: 450px;
    right: 300px
}

.m-parallax__star_smaller-10 {
    top: 600px;
    right: 600px
}

.m-parallax__star_smaller-11 {
    top: 900px;
    left: 300px
}

.m-parallax__star_smaller-12 {
    top: 750px;
    left: 600px
}

.m-parallax__star_smaller-13 {
    top: 220px;
    left: 110px
}

.m-parallax__star_smaller-14 {
    top: 750px;
    right: 300px
}

.m-parallax__star_smaller-15 {
    top: 900px;
    right: 600px
}

.m-parallax__star_smaller-16 {
    bottom: 300px;
    left: 50px
}

.m-parallax__star_smaller-17 {
    bottom: 100px;
    left: 250px
}

.m-parallax__star_smaller-18 {
    bottom: 300px;
    left: 500px
}

.m-parallax__star_smaller-19 {
    bottom: 110px;
    left: 750px
}

.m-parallax__star_smaller-20 {
    bottom: 320px;
    left: 950px
}

.m-parallax__star_smaller-21 {
    bottom: 50px;
    right: 50px
}

.m-parallax__star_smaller-22 {
    bottom: 150px;
    right: 150px
}

.m-parallax__star_smaller-23 {
    bottom: 256px;
    right: 350px
}

.m-parallax__star_smaller-24 {
    top: 50px;
    left: 50px
}

.m-parallax__star_smaller-25 {
    bottom: 440px;
    right: 650px
}

.m-parallax__star_smaller-26 {
    bottom: 230px;
    right: 800px
}

.m-parallax__star_smaller-27 {
    bottom: 600px;
    right: 1200px
}

.m-parallax__star_smaller-28 {
    bottom: 288px;
    right: 852px
}

.m-parallax__star_smaller-29 {
    bottom: 388px;
    right: 1000px
}

.m-parallax__star_smaller-30 {
    bottom: 456px;
    right: 1300px
}

.b-rocket {
    position: absolute;
    left: -5px;
    bottom: -4px;
    width: 47%;
    height: auto;
    -webkit-animation: fadeIn linear 2s both;
    animation: fadeIn linear 2s both;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    z-index: 3
}

.m-rocket__img_mob {
    display: none
}

.b-services-landing {
    text-align: center;
    background-color: #fff
}

.b-services-landing__container {
    padding: 130px 20px 118px
}

.b-services-landing__title {
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 50px;
    font: 36px/1.4em 'Conv_AvenirNextCyr-Light', Arial, sans-serif
}

.b-services-landing__list {
    max-width: 1060px;
    margin: 0 auto;
    padding: 48px 0
}

.b-services-landing__item {
    position: relative;
    float: left;
    width: 33.3%;
    color: #686868
}

.b-services-landing__name {
    position: relative;
    padding-top: 18px;
    font: 20px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif
}

.b-services-landing__img img {
    display: block;
    margin: 0 auto
}

.b-services-landing__img:hover img,
.b-services-landing__img:hover img,
.b-services-landing__img:hover img {
    -webkit-animation: icons-vibration linear 1s infinite;
    animation: icons-vibration linear 1s infinite
}

.b-thread {
    position: absolute;
    top: 63px
}

.m-thread_left {
    left: -27%
}

.m-thread_right {
    right: -27%
}

.b-thread__item {
    float: left;
    width: 4px;
    height: 4px;
    margin: 0 17px;
    border-radius: 50%;
    background-color: #d3d0db
}

.b-our-work {
    overflow: hidden
}

.b-our-work__item {
    margin-bottom: 80px;
    background: #f0f0f2;
    background: radial-gradient(ellipse at center, #f0f0f2 0%, #c6c6cc 100%)
}

.b-our-work__content {
    position: relative;
    padding: 20px 0;
    height: 700px
}

.b-our-work__content-holder {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80%;
    padding-left: 12%
}

.b-our-work__img {
    position: absolute;
    right: 75px;
    bottom: -105px
}

.b-our-work__title {
    padding-bottom: 45px;
    color: #4e5e77;
    font-size: 122px
}

.b-our-work__description {
    width: 55%;
    padding: 0 0 20px 8px;
    line-height: 1.5em;
    color: #808081
}

.b-our-work__btn {
    width: 206px;
    margin: 20px 0 0 8px;
    padding-left: 43px;
    color: #b5dae1;
    background-color: #fff;
    box-shadow: 0px 24px 36px -20px rgba(0, 0, 0, 0.37);
    transition: box-shadow .3s
}

.b-our-work__btn:hover {
    box-shadow: 0px 28px 44px -17px rgba(0, 0, 0, 0.37)
}

.b-our-work__btn:before {
    left: 53px
}

.b-our-work__btn-more {
    width: 316px;
    margin: 7px auto 0;
    padding-right: 89px;
    letter-spacing: .15em;
    line-height: 47px
}

.b-our-work__arrow {
    top: 44.5%
}

.m-our-work__arrow_prev {
    left: 3%
}

.m-our-work__arrow_next {
    right: 3%
}

.slick-dots {
    position: absolute;
    bottom: 16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 114px
}

.slick-dots:before,
.slick-dots:after {
    content: "";
    display: table;
    clear: both
}

.slick-dots li {
    float: left;
    padding: 15px
}

.slick-dots button {
    width: 6px;
    height: 6px;
    padding: 0;
    border: 1px solid #fff;
    font-size: 0;
    background-color: #dfdfdf;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s;
    box-sizing: content-box
}

.slick-dots button:hover,
.slick-active button {
    border-color: #7d7d7d;
    background-color: #7d7d7d
}

.phone {
    width: 100px;
    height: 300px;
    background-color: red;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    right: 50px
}

.b-we-do {
    overflow: hidden;
    background-color: #fff
}

.b-we-do__container {
    padding: 133px 20px 108px
}

.b-we-do__inner-container {
    max-width: 1114px;
    margin: 0 auto
}

.b-we-do__title {
    padding-bottom: 95px;
    text-align: center;
    color: #d7d7d8
}

.b-we-do__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    padding-bottom: 42px
}

.b-we-do__row:last-child {
    padding-bottom: 28px
}

.b-we-do__cell {
    position: relative;
    float: left;
    width: 50%;
    line-height: 1.5em
}

.b-we-do__text-holder {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-we-do__text-holder_design,
.m-we-do__text-holder_web {
    padding-left: 19%
}

.m-we-do__text-holder_quality,
.m-we-do__text-holder_mobile {
    padding-left: 6%
}

.b-we-do__sub-title {
    font: 48px 'Conv_AvenirNextCyr-Light', Arial, sans-serif;
    padding-bottom: 34px
}

.m-we-do__sub-title_mobile {
    display: none
}

.b-we-do__description {
    color: #adaeb1;
    font-family: 'Conv_AvenirNextCyr-Regular', Arial, sans-serif;
    letter-spacing: .03em
}

.m-we-do__description_mobile,
.m-we-do__description_qa {
    padding-right: 17%
}

.m-we-do__cell_image-design,
.m-we-do__cell_image-web {
    padding: 0 0 0 4.5%
}

.m-we-do__cell_image-mobile,
.m-we-do__cell_image-qa {
    padding: 0 4% 0 0
}

.b-we-do__planet {
    position: relative;
    display: inline-block;
    padding: 45px
}

.m-we-do__planet_small {
    padding: 28px
}

.b-we-do__planet-img {
    display: block;
    position: relative;
    z-index: 3
}

.b-we-do__orbit {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #93e6bd;
    border-radius: 50%;
    -webkit-animation: planetOrbit 100s linear infinite;
    animation: planetOrbit 100s linear infinite;
    z-index: 1;
    background-color: #fff
}

.b-we-do__orbit:before,
.b-we-do__orbit:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #93e6bd;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.b-we-do__orbit:before {
    top: -6px;
    width: 12px;
    height: 12px
}

.b-we-do__rocket-orbit {
    position: absolute;
    bottom: -72%;
    left: -39%;
    width: 95%;
    height: 95%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-53deg)
}

.m-we-do__rocket-orbit_mobile {
    left: auto;
    right: -35%;
    bottom: -85%;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg)
}

.b-we-do__rocket-orbit-cont {
    position: relative;
    height: 100%
}

.b-we-do__rocket-orbit-way {
    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    height: 99%;
    border-top: 2px dotted #93e6bd;
    border-radius: 50%;
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg)
}

.m-we-do__rocket-orbit-way_design {
    -webkit-animation: rocket-flight 5s linear infinite both;
    animation: rocket-flight 5s linear infinite both
}

.m-we-do__rocket-orbit-way_mobile {
    -webkit-transform: rotate(-126deg);
    transform: rotate(-126deg);
    left: 7px;
    -webkit-animation: rocket-flight-reverse 5s linear infinite both;
    animation: rocket-flight-reverse 5s linear infinite both
}

.b-we-do__rocket-orbit-way:after {
    content: "";
    position: absolute;
    left: -26px;
    top: 40%;
    width: 54px;
    height: 23px;
    background: url("../images/img/bg/landing-sprite.svg") -175px -6px no-repeat;
    font-size: 0;
    -webkit-transform: rotate(103deg);
    transform: rotate(103deg);
    opacity: 0
}

.m-we-do__rocket-orbit-way_design:after {
    background-position: -166px -156px;
    -webkit-animation: change-rockets 25s linear infinite;
    animation: change-rockets 25s linear infinite
}

.m-we-do__rocket-orbit-way_mobile:after {
    top: 40%;
    left: auto;
    right: -6%;
    -webkit-transform: rotate(74deg);
    transform: rotate(74deg);
    background-position: -296px -156px;
    -webkit-animation: change-rockets-mobile 25s linear infinite;
    animation: change-rockets-mobile 25s linear infinite
}

.b-we-do__rocket-orbit-overlay {
    position: absolute;
    bottom: 0;
    left: 1%;
    height: 70%;
    width: 100%;
    background-color: #fff
}

.b-we-do__asteroid-orbit {
    position: absolute;
    bottom: -7%;
    left: -29%;
    width: 53%;
    -webkit-transform: rotate(139deg);
    transform: rotate(139deg)
}

.b-we-do__asteroid-way {
    position: relative;
    height: 23px
}

.b-we-do__asteroid {
    position: relative;
    height: 23px;
    width: 100%;
    -webkit-animation: asteroid-flight 5s linear infinite both;
    animation: asteroid-flight 5s linear infinite both
}

.b-we-do__asteroid:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 23px;
    background: url("../images/img/bg/landing-sprite.svg") -228px -156px no-repeat;
    -webkit-animation: change-rockets-web 25s linear infinite;
    animation: change-rockets-web 25s linear infinite
}

.b-we-do__btn-more {
    width: 310px;
    margin: 10px auto 0;
    padding-right: 89px;
    letter-spacing: .15em
}

.b-approach {
    color: #fff;
    overflow: hidden;
    background: url("../images/img/bg/approach-bg.png"), radial-gradient(at center top, #434463 0%, #242933 60%) 0 0 repeat
}

.b-approach__container {
    padding: 95px 20px 116px;
    text-align: center
}

.b-approach__title {
    padding-bottom: 40px
}

.b-approach__list {
    padding: 115px 0;
    text-transform: uppercase;
    font: 16px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif
}

.b-approach__item {
    float: left;
    width: 33.3%
}

.b-approach__name {
    position: relative;
    padding: 30px 16% 0;
    letter-spacing: .15em;
    line-height: 1.5em;
    color: #fefefe
}

.b-approach__img img {
    display: block;
    margin: 0 auto
}

.b-approach__sub-title {
    padding: 6px 0 36px;
    font: 36px 'Conv_AvenirNextCyr-Bold', Arial, sans-serif;
    color: #5b687c
}

.b-approach__btn {
    width: 218px;
    margin: 0 auto;
    padding-right: 78px
}

.b-approach__btn .g-btn-rocket {
    right: 42px;
    background-position: -291px -39px
}

.b-blog {
    overflow: hidden;
    background-color: #fff
}

.b-blog__container {
    padding: 52px 20px
}

.b-blog__title {
    padding-bottom: 76px;
    color: #d7d7d8;
    text-align: center
}

.b-blog__btn {
    width: 263px;
    margin: 0 auto;
    padding-right: 89px;
    letter-spacing: .15em
}

.b-testimonials {
    overflow: hidden;
    background-color: #fff
}

.b-testimonials__container {
    padding: 0 20px 118px
}

.b-testimonials__title {
    padding-bottom: 44px;
    text-align: center;
    color: #d7d7d8
}

.b-testimonials__btn {
    width: 262px;
    margin: 0 auto;
    padding-right: 89px;
    letter-spacing: .15em
}

.b-testimonials-list {
    padding: 0 20px 49px
}

.b-testimonials-list__item {
    padding: 26px;
    color: #242933
}

.b-testimonials-list__video-container {
    position: relative;
    transition: filter .3s
}

.b-testimonials-list__img {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    z-index: 1
}

.responsive.b-testimonials-list__img {
    height: auto
}

.m-testimonials-list__img_filter {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s
}

.b-testimonials-list__video-container:hover .m-testimonials-list__img_filter {
    opacity: 1
}

.b-testimonials-list__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 0
}

.b-testimonials-list__play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 36px solid transparent;
    border-left: 56px solid #fff;
    border-bottom: 36px solid transparent;
    background-color: transparent;
    opacity: 0;
    transition: opacity .3s;
    z-index: 1;
    cursor: pointer
}

.b-testimonials-list__paused-btn-container {
    z-index: 0
}

.b-testimonials-list__paused-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 74px;
    height: 74px;
    opacity: 0;
    transition: opacity .3s;
    z-index: 0;
    cursor: pointer
}

.b-testimonials-list__video-container:hover .b-testimonials-list__play-btn,
.b-testimonials-list__video-container:hover .b-testimonials-list__paused-btn {
    opacity: 1
}

.b-testimonials-list__video-container.play .b-testimonials-list__video,
.b-testimonials-list__video-container.paused .b-testimonials-list__video,
.b-testimonials-list__video-container.play .b-testimonials-list__paused-btn,
.b-testimonials-list__video-container.paused .b-testimonials-list__play-btn {
    z-index: 2
}

.b-testimonials-list__video-container.paused .b-testimonials-list__img,
.b-testimonials-list__video-container.paused .b-testimonials-list__paused-btn {
    z-index: 0
}

.b-testimonials-list__video-container.paused .b-testimonials-list__img,
.b-testimonials-list__video-container.play .b-testimonials-list__img {
    opacity: 0
}

.b-testimonials-list__paused-btn:before,
.b-testimonials-list__paused-btn:after {
    content: "";
    position: absolute;
    top: 0;
    height: 74px;
    width: 15px;
    background-color: #fff
}

.b-testimonials-list__paused-btn:before {
    left: 10px
}

.b-testimonials-list__paused-btn:after {
    right: 10px
}

.device .m-testimonials-list__img_filter,
.device .b-testimonials-list__play-btn {
    opacity: 1
}

.device.played .b-testimonials-list__play-btn {
    display: none
}

.device .b-testimonials-list__paused-btn {
    display: none
}

.b-testimonials-list__header {
    padding: 28px 0 22px
}

.b-testimonials-list__avatar {
    width: 71px;
    height: 71px;
    float: left;
    overflow: hidden;
    border-radius: 50%
}

.b-testimonials-list__avatar img {
    display: block;
    margin: 0 auto;
    border-radius: 50%
}

.b-testimonials-list__author {
    float: left;
    width: calc(100% - 71px);
    padding: 10px 0 10px 37px
}

.b-testimonials-list__name {
    padding-bottom: 7px
}

.b-testimonials-list__profession {
    font-family: 'Conv_AvenirNextCyr-Regular', Arial, sans-serif
}

.b-testimonials-list__company {
    font-family: 'Conv_AvenirNextCyr-Medium', Arial, sans-serif;
    color: #3cce7c
}

.b-testimonials-list__company:hover {
    color: #242933
}

.b-testimonials-list__comment {
    position: relative;
    margin-left: 108px;
    font: 20px/1.5em 'Conv_AvenirNextCyr-Regular', Arial, sans-serif
}

.b-testimonials-list__comment:before,
.b-testimonials-list__comment:after {
    content: "";
    position: absolute;
    top: 7px;
    left: -23px;
    width: 8px;
    height: 26px;
    background-color: #e9e9ea;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg)
}

.b-testimonials-list__comment:before {
    left: -38px
}

.b-testimonials-list__comment p {
    padding-bottom: 10px
}

.b-testimonials-list__arrow {
    top: 29%
}

.b-testimonials-list__arrow.slick-disabled {
    opacity: 0;
    cursor: inherit
}

.m-testimonials-list__arrow_prev {
    left: -7px
}

.m-testimonials-list__arrow_next {
    right: -7px
}

@media screen and (max-width: 1400px) {
    .b-mobility__title {
        font-size: 71px
    }
}

@media screen and (max-width: 1270px) {
    .b-mobility__content {
        width: 52%
    }
}

@media screen and (max-width: 1150px) {
    .b-mobility__content {
        float: none;
        width: 100%
    }
    .b-mobility__title {
        text-align: center
    }
    .b-mobility__btn {
        margin: 44px auto 0
    }
    .b-mobility__content-holder {
        position: static;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .b-rocket {
        width: 35%
    }
    .b-our-work__title {
        font-size: 80px
    }
    .b-our-work__img {
        right: 9%;
        bottom: -60px;
        width: 44%
    }
    .b-we-do__rocket-orbit {
        left: -32%
    }
    .m-we-do__rocket-orbit_mobile {
        left: auto;
        right: -24%
    }
    .m-we-do__rocket-orbit-way_mobile:after {
        top: 39%;
        -webkit-transform: rotate(71deg);
        transform: rotate(71deg)
    }
}

@media screen and (max-width: 1024px) {
    .b-we-do__rocket-orbit {
        left: -34%
    }
    .m-we-do__rocket-orbit_mobile {
        left: auto;
        right: -30%
    }
    .b-we-do__rocket-orbit-way:after {
        -webkit-transform: rotate(112deg);
        transform: rotate(112deg);
        top: 36%
    }
    .m-we-do__rocket-orbit-way_mobile:after {
        -webkit-transform: rotate(74deg);
        transform: rotate(74deg);
        top: 38%
    }
    .b-testimonials-list__item {
        padding: 10px
    }
}

@media screen and (max-width: 900px) {
    .b-thread__item {
        margin: 0 12px
    }
    .b-our-work__content-holder {
        width: 100%
    }
    .b-we-do__planet {
        padding: 20px
    }
    .b-we-do__sub-title {
        font-size: 42px;
        padding-bottom: 24px
    }
    .b-blog__container {
        padding: 100px 20px 106px
    }
    .b-blog__name {
        padding-bottom: 10px;
        font-size: 30px
    }
    .m-we-do__rocket-orbit-way_design:after {
        left: -27px
    }
    .m-we-do__rocket-orbit-way_mobile:after {
        right: -7%
    }
    .b-we-do__asteroid-orbit {
        left: -26%;
        width: 50%
    }
}

@media screen and (max-width: 850px) {
    .m-we-do__rocket-orbit-way_mobile:after {
        right: -8%
    }
    .b-we-do__rocket-orbit {
        left: -25%
    }
    .m-we-do__rocket-orbit_mobile {
        left: auto;
        right: -22%
    }
}

@media screen and (max-width: 768px) {
    .b-mobility {
        background: linear-gradient(to bottom, #242933 20%, #4a4a73 100%)
    }
    .b-mobility__container {
        height: inherit;
        min-height: 568px;
        padding: 95px 20px;
        background: none
    }
    .b-mobility__down {
        z-index: 3
    }
    .b-mobility__title {
        padding: 3% 3% 1%;
        font-size: 30px;
        line-height: 1.2em
    }
    .b-mobility__btn {
        width: 200px;
        margin: 22px auto 0
    }
    .b-mobility__down-container {
        width: 100px;
        height: 100px
    }
    .b-parallax {
        display: none
    }
    .b-rocket {
        width: 50%;
        left: 0;
        bottom: 0
    }
    .b-rocket__img {
        display: none
    }
    .m-rocket__img_mob {
        display: block
    }
    .b-services-landing__container {
        padding: 43px 0
    }
    .b-services-landing__title {
        padding: 0 20px 20px;
        font-size: 18px;
        line-height: 1.5em
    }
    .b-services-landing__list {
        padding: 53px 0 0 0
    }
    .b-thread {
        display: none
    }
    .b-services-landing__img img {
        width: 67px;
        height: 67px
    }
    .b-services-landing__name {
        padding-top: 11px;
        font-size: 16px
    }
    .b-services-landing__img:hover img,
    .b-services-landing__img:hover img,
    .b-services-landing__img:hover img {
        -webkit-animation: none;
        animation: none
    }
    .b-our-work__content {
        height: 500px;
        padding: 40px 0
    }
    .b-our-work__content-holder {
        position: static;
        top: 0;
        left: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding: 0 5%;
        text-align: center
    }
    .b-our-work__title {
        padding-bottom: 16px;
        font-size: 36px
    }
    .b-our-work__description {
        width: 100%;
        font-size: 14px;
        padding-left: 0
    }
    .b-our-work__arrow,
    .b-our-work__btn {
        display: none !important
    }
    .b-our-work__btn {
        margin-left: 8px
    }
    .b-our-work__img {
        position: absolute;
        margin: 0 auto;
        left: 50%;
        bottom: -55px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 294px
    }
    .b-our-work__btn-more {
        width: 201px;
        margin: 5px auto 0;
        padding-right: 0;
        line-height: 40px
    }
    .slick-dots {
        bottom: 4px
    }
    .b-we-do__container {
        padding: 47px 20px 44px
    }
    .b-we-do__title {
        padding-bottom: 21px
    }
    .b-we-do__orbit,
    .m-we-do__rocket-orbit-way_design,
    .m-we-do__rocket-orbit-way_mobile,
    .b-we-do__asteroid {
        -webkit-animation: none;
        animation: none
    }
    .b-we-do__orbit:before,
    .b-we-do__orbit:after,
    .b-we-do__rocket-orbit,
    .b-we-do__asteroid-orbit,
    .m-we-do__cell_text,
    .b-testimonials-list__item {
        display: none
    }
    .b-we-do__row {
        display: block;
        justify-content: inherit;
        padding-bottom: 0
    }
    .b-we-do__row:last-child {
        padding-bottom: 0
    }
    .b-we-do__cell {
        width: 100%
    }
    .m-we-do__cell_image {
        padding: 2% 2% 3.5%
    }
    .b-we-do__planet {
        display: block;
        margin: 0 auto;
        width: 60%
    }
    .m-we-do__sub-title_mobile {
        display: block;
        padding: 12px 0;
        text-align: center;
        font-size: 24px
    }
    .b-we-do__btn-more {
        width: 200px;
        margin: 12px auto 0;
        padding-right: 0
    }
    .b-approach {
        background: url("../images/img/bg/approach-bg.png"), #454666 linear-gradient(to bottom, #454666 1%, #20242c 100%) 0 0 no-repeat
    }
    .b-approach__container {
        padding: 45px 0
    }
    .b-approach__list {
        padding: 0 0 30px 0;
        font-size: 14px
    }
    .b-approach__list .slick-dots button {
        position: relative;
        width: 6px;
        height: 6px;
        border: 0;
        background-color: #95979c
    }
    .b-approach__list .slick-dots {
        bottom: -4px;
        width: 122px
    }
    .b-approach__list .slick-dots li {
        padding: 17px
    }
    .b-approach__list .slick-dots li.slick-active button:before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        width: 8px;
        height: 8px;
        background-color: #fff;
        border-radius: 50%
    }
    .b-approach__sub-title {
        padding: 29px 5% 16px;
        font-size: 24px
    }
    .b-approach__name {
        padding: 20px 0 0
    }
    .b-approach__btn {
        width: 125px;
        padding-right: 0
    }
    .b-blog__container {
        padding: 40px 0
    }
    .b-blog__item:last-child {
        padding-bottom: 4px
    }
    .b-blog__title {
        padding-bottom: 10px
    }
    .b-blog__btn {
        width: 200px;
        padding-right: 0
    }
    .b-testimonials__container {
        padding: 0 0 45px
    }
    .b-testimonials__title {
        padding-bottom: 21px
    }
    .m-testimonials-list__item_mobile {
        display: block
    }
    .b-testimonials-list,
    .b-testimonials-list__item {
        padding: 0
    }
    .b-testimonials-list__play-btn {
        border-top-width: 36px;
        border-left-width: 56px;
        border-bottom-width: 36px
    }
    .b-testimonials-list__video-container {
        width: 65%;
        margin: 0 auto
    }
    .b-testimonials-list__description {
        padding: 0 25px 10px
    }
    .b-testimonials-list__header {
        padding: 25px 0 13px
    }
    .b-testimonials-list__avatar {
        width: 50px;
        height: 50px
    }
    .b-testimonials-list__author {
        padding: 0 0 10px 12px;
        font-size: 16px
    }
    .b-testimonials-list__comment {
        margin-left: 63px;
        font-size: 14px
    }
    .b-testimonials-list__comment:after {
        left: -35px
    }
    .b-testimonials-list__comment:before {
        left: -52px
    }
    .b-testimonials__btn {
        width: 200px;
        padding-right: 0
    }
}

@media screen and (max-width: 768px) and (max-height: 768px) {
    .b-rocket {
        width: 45%
    }
}

@media screen and (max-width: 500px) {
    .b-testimonials-list__video-container {
        width: 100%
    }
}

@media screen and (max-width: 425px) {
    .b-rocket {
        width: 100%
    }
    .b-we-do__planet {
        width: 71%;
        padding: 17px
    }
    .b-testimonials-list__play-btn {
        border-top-width: 18px;
        border-left-width: 28px;
        border-bottom-width: 18px
    }
}



.b-contact-page-banner__title {
    max-width: 882px;
    margin: 0 auto;
    padding-top: 192px;
    font-size: 100px;
    -webkit-animation: fadeIn linear 2s backwards;
    animation: fadeIn linear 2s backwards;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1s
}

.b-contact-page__container {
    color: #272727
}

.b-contact-page__form-container {
    max-width: 700px;
    margin: 0 auto;
    padding: 92px 20px 100px;
    box-sizing: content-box
}

.b-contact-page-form__row {
    width: 100%;
    margin-bottom: 32px
}

.b-contact-page-form__row .m-contact-page-form__field-container_small:last-child {
    float: right
}

.m-contact-page-form__row_big-margin {
    margin-bottom: 62px
}

.m-contact-page-form__row_desc {
    margin-bottom: 27px
}

.b-contact-page-form__row textarea {
    resize: none
}

.m-contact-page-form__field-container_small {
    width: 324px;
    float: left
}

.b-contact-page-form__field-container {
    position: relative;
    font-size: 20px
}

.b-contact-page-form__field {
    width: 100%
}

.b-contact-page__container textarea,
.b-contact-page__container input {
    font-family: 'Conv_AvenirNextCyr-Medium', Arial, sans-serif
}

.m-contact-page-form__field_textarea {
    min-height: 50px !important;
    overflow: hidden
}

.b-contact-page-form__note {
    bottom: -20px
}

.b-contact-page-form__note-success {
    display: none;
    height: 50px;
    bottom: -17px;
    padding: 20px 0 12px;
    color: #28ce7c;
    font-size: 24px;
    text-align: center;
    line-height: 2em;
    box-sizing: content-box
}

.b-contact-page-form__submit {
    width: 240px;
    border: none;
    cursor: pointer;
    margin-bottom: 50px
}

.b-platforms-choose {
    padding: 9px 0 19px
}

.b-platforms-choose-wrap {
    position: relative
}

.b-platforms-choose__title {
    padding-bottom: 25px;
    font-size: 20px
}

.b-platforms-choose__label {
    position: relative;
    display: block;
    height: 18px;
    padding-bottom: 22px;
    padding-left: 38px;
    font-size: 14px;
    box-sizing: content-box;
    text-transform: uppercase;
    letter-spacing: .1em;
    cursor: pointer
}

.b-platforms-choose__checkbox-layout {
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 14px;
    width: 18px;
    height: 18px;
    border: 2px solid #d5d5d5
}

.b-platforms-choose__checkbox-layout:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 14px;
    height: 10px;
    background: url("../images/img/bg/landing-sprite.svg") -210px -188px no-repeat;
    opacity: 0
}

.b-platforms-choose__checkbox {
    display: none
}

.b-platforms-choose__checkbox:checked ~ .b-platforms-choose__checkbox-layout:before {
    opacity: 1
}

.b-platforms-choose__note {
    bottom: 0
}

.not-valid .b-platforms-choose__note {
    display: block
}

.b-budget-select {
    padding-bottom: 50px;
    font-size: 20px
}

.b-budget-select__title {
    color: #8d8d8d
}

.b-budget-select__container {
    display: block;
    position: relative
}

.b-budget-select__choose {
    width: 100% !important;
    padding: 16px 0 12px;
    line-height: 30px;
    background-color: #f3f3f3;
    border: none;
    border-bottom: 2px solid #d4d4d4;
    font: 20px 'Conv_AvenirNextCyr-Medium', Arial, sans-serif;
    cursor: pointer;
    background: url("../images/img/bg/select-arrow.svg") right 0px top 20px no-repeat
}

.b-downloads-files {
    position: relative;
    min-height: 120px;
    margin-bottom: 50px;
    background-color: #fff;
    border-radius: 4px;
    border: 2px dashed #d4d4d4;
    cursor: pointer
}

.b-downloads-files .dz-preview {
    position: relative
}

.b-downloads-files__title {
    position: relative;
    padding: 34px 0 34px 116px;
    font: 14px/24px 'Conv_AvenirNextCyr-Demi', Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .15em
}

.b-downloads-files__title:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 37px;
    height: 36px;
    background: url("../images/img/bg/landing-sprite.svg") -312px -103px no-repeat
}

.not-valid-size .b-downloads-files__note {
    display: block
}

.b-downloads-files__note-success {
    display: none;
    padding-bottom: 20px;
    color: #28ce7c;
    font-size: 24px;
    text-align: center;
    line-height: 1.5em;
    box-sizing: content-box
}

.success .b-downloads-files__note-success {
    display: block
}

@media screen and (max-width: 1024px) {
    .b-contact-page-banner__title {
        font-size: 60px
    }
}

@media screen and (max-width: 768px) {
    .b-contact-page-banner {
        display: none
    }
    .b-contact-page__form-container {
        padding: 82px 23px 60px
    }
    .b-contact-page-form__row {
        margin-bottom: 15px
    }
    .b-contact-page-form__row .m-contact-page-form__field-container_small:first-child {
        margin-bottom: 10px
    }
    .m-contact-page-form__row_big-margin {
        margin-bottom: 20px
    }
    .m-contact-page-form__row_big-margin {
        margin-bottom: 28px
    }
    .m-contact-page-form__row_desc {
        margin-bottom: 8px
    }
    .b-contact-page-form__field-container {
        width: 100%;
        font-size: 18px
    }
    .m-contact-page-form__field-container_small {
        width: 100%
    }
    .b-contact-page-form__field {
        height: 42px;
        padding: 17px 0 5px;
        font-size: 18px
    }
    .b-contact-page-form__label {
        top: 14px
    }
    .b-contact-page-form__field:focus ~ .b-contact-page-form__label,
    .b-contact-page-form__field.not-empty ~ .b-contact-page-form__label {
        top: 0
    }
    .b-platforms-choose {
        padding: 21px 0 19px
    }
    .b-platforms-choose__title {
        font-size: 18px;
        padding-bottom: 23px
    }
    .b-platforms-choose__label {
        font-size: 14px
    }
    .b-contact-page-form__note {
        height: 20px;
        bottom: -20px;
        z-index: 1;
        line-height: 1.1em
    }
    .b-budget-select {
        padding-bottom: 45px
    }
    .b-budget-select__title,
    .b-budget-select__choose {
        font-size: 18px
    }
    .b-budget-select__choose {
        padding: 18px 0 6px
    }
    .b-downloads-files {
        position: relative;
        margin-bottom: 33px
    }
    .b-downloads-files__title {
        padding: 87px 28px 27px;
        text-align: center;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .09em
    }
    .b-downloads-files__title br {
        display: none
    }
    .b-downloads-files__title:before {
        top: 33px;
        left: 50%;
        transform: translateY(0) translateX(-50%)
    }
    .b-contact-page-form__submit {
        position: relative;
        margin: 0 auto;
        height: 50px;
        width: 100%;
        max-width: 320px;
        box-shadow: 0 20px 68px 12px rgba(40, 206, 124, 0.2);
        font-size: 16px
    }
    .b-budget-select__choose {
        background-position: right 1px top 20px
    }
    .b-budget-select__choose .customSelectInner {
        width: 100% !important
    }
    .b-downloads-files__note-success {
        font-size: 20px
    }
}



.b-privacy-policy-banner__title {
    max-width: 882px;
    margin: 0 auto;
    padding-top: 157px
}

.b-privacy-policy-content {
    max-width: 832px;
    margin: 0 auto;
    padding: 50px 20px;
    font: 20px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif;
    color: #272727;
}

.b-privacy-policy-content a {
    color: #28ce7c;
}

.b-privacy-policy-content a:hover {
    color: #272727;
}

.b-privacy-policy-content__title {
    padding: 48px 0 32px;
    font-size: 36px;
    line-height: 46px;
    letter-spacing: 0.01em;
}

.b-privacy-policy-content__text {
    line-height: 30px;
    padding-bottom: 16px;
    letter-spacing: -.002em;
}

@media screen and (max-width: 768px) {

    .b-privacy-policy-banner {
        display: none;
    }

    .b-privacy-policy-content {
        padding: 88px 25px 50px;
        font-size: 16px;
        line-height: 1.6em;
    }

    .b-privacy-policy-content__title {
        padding: 0 0 14px;
        font-size: 24px;
    }

    .b-privacy-policy-content__text {
        padding-bottom: 8px;
        line-height: 1.6em;
    }

}


.b-services-tab {
    position: relative;
    max-width: 998px;
    margin: 0 auto;
    justify-content: space-between
}

.b-services-tab__item {
    float: left
}

.b-services-tab__item a {
    display: block;
    padding: 27px 0;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    transition: color .3s;
    cursor: pointer
}

.b-services-tab__item:hover a {
    color: #28ce7c
}

.b-services-tab__item.active a {
    color: #28ce7c;
    cursor: default
}

.b-services-banner__title {
    padding: 155px 0 45px;
    font-size: 60px;
    -webkit-animation: fadeIn linear 2s backwards;
    animation: fadeIn linear 2s backwards;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1s
}

.m-services-nav_mob {
    display: none
}

.b-services__container {
    min-height: 700px;
    line-height: 1.7em
}

.b-services-slide {
    display: none
}

.b-services-slide.visible {
    display: block
}

.b-services-nav__list {
    justify-content: space-between
}

.b-services-nav__item {
    position: relative;
    align-items: center;
    height: 300px;
    color: #28ce7c;
    font: 16px 'Conv_AvenirNextCyr-Demi', Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .2em;
    cursor: pointer;
    transition: color .3s
}

.b-services-nav__item.active {
    display: none
}

.b-services-nav__item:hover {
    color: #939393
}

.b-services-nav__item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0
}

.b-services-mobile-development {
    padding: 103px 0 122px
}

.b-services-mobile-development__title {
    padding-bottom: 82px
}

.b-services-mobile-development__row {
    flex-direction: row-reverse;
    align-items: center
}

.b-services-mobile-development__img-container img {
    box-shadow: 0px 5px 37px -6px rgba(0, 0, 0, 0.4)
}

.b-services-mobile-development__text-container {
    padding: 0 5% 2% 12%
}

.b-services-mobile-ios-android {
    padding: 188px 0;
    text-align: center
}

.b-services-mobile-ios-android__title {
    padding: 0 13% 24px
}

.b-services-mobile-ios-android__sub-title {
    color: #a2a2a2;
    padding: 0 26%
}

.b-services-mobile-platform {
    padding: 105px 0 70px
}

.b-services-mobile-start {
    padding: 130px 0 112px
}

.b-services-mobile-platform__row {
    align-items: center
}

.b-services-mobile-platform__text-container {
    padding: 0 13% 15px 4.4%
}

.b-services-mobile-platform__img-container img {
    -webkit-transform: translateY(-1.6%);
    transform: translateY(-1.6%)
}

.b-services-mobile-start__title {
    padding: 0 4% 86px;
    text-align: center
}

.b-services-mobile-start__container {
    max-width: 1142px
}

.b-services-mobile-start__text-container {
    padding: 0 5%
}

.b-services-mobile-choose {
    padding: 126px 0 39px
}

.b-services-mobile-choose__container {
    max-width: 1060px
}

.b-services-mobile-choose__row {
    padding: 0 0 0 1.5%;
    flex-direction: row-reverse;
    align-items: center
}

.b-services-mobile-choose__img-container img {
    float: right;
    -webkit-transform: translateX(2%);
    transform: translateX(2%)
}

.b-services-mobile-choose__text-container {
    padding: 0 3% 36px 0
}

.b-services-mobile-choose__title {
    padding-bottom: 26px
}

.b-services-mobile-choose__list {
    padding-bottom: 8px
}

.b-services-mobile-choose__text {
    padding-right: 7%
}

.b-services-mobile-action {
    padding: 69px 0 100px
}

.b-services-mobile-action__text-container {
    padding: 0 4% 0 5%
}

.b-services-mobile-action__row {
    max-width: 1125px;
    margin: 0 auto;
    align-items: center
}

.b-services-mobile-action__list {
    float: left;
    width: 50%;
    color: #676767
}

.b-services-design-ui {
    padding: 103px 0 0
}

.b-services-design-ui__row {
    flex-direction: row-reverse;
    align-items: center
}

.b-services-design-ui__text-container {
    padding: 0 0 5% 12.2%;
    width: 45%
}

.b-services-design-ui__text {
    padding-top: 17px
}

.b-services-design-ui__img-container {
    width: 55%
}

.b-services-design-ui__img-container img {
    -webkit-transform: translateY(-6.6%);
    transform: translateY(-6.6%)
}

.b-services-design-cycle {
    margin-top: -18px;
    padding: 194px 0 166px
}

.b-services-design-cycle__container {
    padding: 0 10%;
    text-align: center
}

.b-services-design-action__container {
    max-width: 1226px
}

.b-services-design-action {
    padding: 104px 0 24px
}

.b-services-design-action__row {
    align-items: center
}

.b-services-design-action__img-container {
    width: 55%
}

.b-services-design-action__text-container {
    width: 45%;
    padding: 0 10% 52px 0
}

.b-services-web-ios-ruby {
    padding: 192px 0 163px;
    text-align: center
}

.b-services-web-ios-ruby__container {
    padding: 0 10%
}

.b-services-web-development {
    padding: 104px 0 50px 0
}

.b-services-web-development__row {
    flex-direction: row-reverse;
    align-items: center
}

.b-services-web-development__title {
    padding-bottom: 87px
}

.b-services-web-development__img-container {
    width: 53%
}

.b-services-web-development__img-container img {
    -webkit-transform: translateX(2%);
    transform: translateX(2%)
}

.b-services-web-development__text-container {
    width: 47%;
    padding: 0 3% 5% 12%
}

.b-services-web-commerse {
    padding: 86px 0 33px
}

.b-services-web-commerse__container,
.b-services-web-networking__container,
.b-services-web-cms__container,
.b-services-web-action__container,
.b-services-qa-assurance__container {
    max-width: 1226px
}

.b-services-web-commerse__row,
.b-services-web-networking__row,
.b-services-web-cms__row,
.b-services-web-action__row,
.b-services-qa-assurance__row,
.b-services-qa-buggy__row {
    align-items: center
}

.b-services-web-networking__img-container {
    padding-left: 1%
}

.b-services-web-commerse__img-container {
    width: 55%;
    padding-left: 5%
}

.b-services-web-commerse__text-container {
    width: 45%;
    padding: 0 8% 1.5% 0
}

.b-services-web-networking {
    padding: 25px 0
}

.b-services-web-networking__row {
    flex-direction: row-reverse
}

.b-services-web-networking__text-container {
    padding: 0 4% 1% 8%
}

.b-services-web-cms {
    padding: 32px 0 132px
}

.b-services-web-cms__img-container {
    padding-left: 2%
}

.b-services-web-cms__text-container {
    padding: 4% 6% 0 5%
}

.b-services-web-benefits {
    padding: 132px 0 100px
}

.b-services-web-benefits__container {
    max-width: 1030px
}

.b-services-web-benefits__title {
    text-align: center;
    padding-bottom: 77px
}

.b-services-web-benefits__text-container:nth-child(odd) {
    padding-right: 6%
}

.b-services-web-benefits__text-container:nth-child(even) {
    padding-left: 6%
}

.b-services-web-benefits__text {
    padding-bottom: 3px
}

.b-services-web-action {
    padding: 120px 0 100px
}

.b-services-web-action__img-container {
    width: 54%
}

.b-services-web-action__text-container {
    width: 46%;
    padding: 0 8% 1% 1%
}

.b-services-web-action__list-container {
    padding-right: 4%
}

.b-services-web-action__list {
    float: left;
    width: 50%
}

.b-services-qa-assurance {
    padding: 100px 0 20px
}

.b-services-qa-assurance__title {
    padding-bottom: 46px
}

.b-services-qa-assurance__row {
    flex-direction: row-reverse
}

.b-services-qa-assurance__img-container {
    padding-left: 2%
}

.b-services-qa-assurance__text-container {
    padding: 0 7% 5% 8%
}

.b-services-qa-buggy {
    padding: 80px 0 42px
}

.b-services-qa-buggy__img-container {
    width: 49%
}

.b-services-qa-buggy__img-container img {
    -webkit-transform: translateX(17%);
    transform: translateX(17%)
}

.b-services-qa-buggy__text-container {
    width: 51%
}

.b-services-qa-buggy__title {
    padding-left: 1%;
    color: #bcbcbc
}

.b-services-qa-action {
    padding: 126px 0 94px
}

.b-services-qa-action__container {
    max-width: 1030px
}

.b-services-qa-action__title {
    padding: 0 3% 64px;
    text-align: center
}

.m-services-qa-action__text_bold {
    font: 22px 'Conv_AvenirNextCyr-Bold', Arial, sans-serif
}

.b-services-qa-action__list-container {
    padding: 4px 0 0 3%
}

.b-services-qa-action__list {
    float: left;
    width: 60%
}

.b-services-qa-action__list:last-child {
    width: 40%
}

.b-services-qa-action__text-container:nth-child(odd) {
    padding-right: 6%
}

.b-services-qa-action__text-container:nth-child(even) {
    padding-left: 6%
}

.b-services__container img {
    display: block !important
}

@media screen and (max-width: 1340px) {
    .b-services-mobile-start__container,
    .b-services-mobile-choose__container,
    .b-services-web-benefits__container,
    .b-services-qa-action__container,
    .b-services-qa-assurance__container,
    .b-services-mobile-action__row,
    .b-services-web-commerse__container,
    .b-services-web-networking__container,
    .b-services-web-cms__container,
    .b-services-web-action__container,
    .b-services-design-action__container {
        max-width: 1340px
    }
    .b-services-mobile-choose__row {
        padding: 0
    }
    .b-services-mobile-development__text-container,
    .b-services-web-development__text-container,
    .b-services-web-networking__text-container,
    .b-services-qa-assurance__text-container,
    .b-services-design-ui__text-container,
    .b-services-mobile-choose__text-container,
    .b-services-web-benefits__text-container,
    .b-services-qa-action__text-container {
        padding: 0 3%
    }
    .b-services-mobile-platform__text-container,
    .b-services-web-commerse__text-container,
    .b-services-web-cms__text-container,
    .b-services-web-action__text-container,
    .b-services-design-action__text-container,
    .b-services-mobile-action__text-container {
        padding: 0 3%
    }
    .b-services-web-benefits__text-container:nth-child(odd),
    .b-services-qa-action__text-container:nth-child(odd) {
        padding-right: 3%
    }
    .b-services-web-benefits__text-container:nth-child(even),
    .b-services-qa-action__text-container:nth-child(even) {
        padding-left: 3%
    }
    .b-services-mobile-development {
        padding: 7% 0 8%
    }
    .b-services-web-development {
        padding: 7% 0 4%
    }
    .b-services-qa-assurance,
    .b-services-design-action {
        padding: 7% 0 1.5%
    }
    .b-services-design-ui {
        padding: 7% 0 0 0
    }
    .b-services-mobile-ios-android {
        padding: 12% 0
    }
    .b-services-web-ios-ruby,
    .b-services-web-benefits {
        padding: 10% 0 7%
    }
    .b-services-mobile-platform,
    .b-services-mobile-start,
    .b-services-qa-action {
        padding: 9% 0 7%
    }
    .b-services-mobile-choose {
        padding: 9% 0 3%
    }
    .b-services-mobile-action {
        padding: 5% 0 7%
    }
    .b-services-web-commerse {
        padding: 6% 0 2%
    }
    .b-services-web-networking {
        padding: 1% 0 0 0
    }
    .b-services-web-cms {
        padding: 1% 0 8%
    }
    .b-services-web-action {
        padding: 8% 0 7%
    }
    .b-services-qa-buggy {
        padding: 6% 0 3%
    }
    .b-services-design-cycle {
        margin-top: 0;
        padding: 11% 0 8%
    }
}

@media screen and (max-width: 1024px) {
    .b-services-tab__item a {
        font-size: 14px
    }
    .g-service-title {
        font-size: 70px
    }
    .b-services-mobile-development__text-container,
    .b-services-web-development__text-container,
    .b-services-web-networking__text-container,
    .b-services-qa-assurance__text-container,
    .b-services-design-ui__text-container,
    .b-services-mobile-choose__text-container,
    .m-services-mobile-start__text-container_left,
    .m-services-web-benefits__text-container_left,
    .m-services-qa-action__text-container_left {
        padding: 0 3% 0 0
    }
    .b-services-mobile-platform__text-container,
    .b-services-web-commerse__text-container,
    .b-services-web-cms__text-container,
    .b-services-web-action__text-container,
    .b-services-design-action__text-container,
    .b-services-mobile-action__text-container,
    .m-services-mobile-start__text-container_right,
    .m-services-web-benefits__text-container_right,
    .m-services-qa-action__text-container_right {
        padding: 0 0 0 3%
    }
    .b-services-mobile-choose__img-container img,
    .b-services-qa-buggy__img-container img {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .b-services-nav__img svg {
        width: 100px;
        height: 100px
    }
    .b-services-web-commerse__img-container {
        padding-left: 0
    }
}

@media screen and (max-width: 850px) {
    .b-services-tab__item a {
        font-size: 12px
    }
    .b-services-mobile-ios-android__title {
        padding: 0 0 24px
    }
    .b-services-mobile-ios-android__sub-title {
        padding: 0 10%
    }
    .b-services-web-ios-ruby__container,
    .b-services-design-cycle__container {
        padding: 0
    }
    .b-services-mobile-start__title {
        padding: 0 0 60px
    }
}

@media screen and (max-width: 768px) {
    .b-services__container img {
        display: block !important;
        float: none;
        margin: 0 auto;
        width: 50%
    }
    .b-services-mobile-development__img-container img {
        width: 80%
    }
    .b-services__container.hide,
    .b-services-banner,
    .b-services-nav {
        display: none
    }
    .m-services-nav_mob {
        display: block;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100%;
        z-index: 3;
        padding-top: 94px
    }
    .m-services-nav_mob.hide {
        display: none
    }
    .m-services-nav__list_mob {
        flex-wrap: wrap
    }
    .m-services-nav__item_mob {
        width: 50%;
        height: inherit;
        padding: 2% 4% 16% 4%;
        font-size: 13px;
        color: #484848
    }
    .b-services__container {
        padding-top: 104px
    }
    .b-services__container .g-two-column {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px
    }
    .b-services__container .g-display-flex {
        flex-wrap: wrap
    }
    .b-services__container img {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
    .b-services-web-ios-ruby,
    .b-services-mobile-ios-android,
    .b-services-mobile-start,
    .b-services-qa-buggy,
    .b-services-qa-action,
    .b-services-design-cycle {
        padding: 12% 25px 9%
    }
    .b-services-qa-buggy {
        padding: 12% 0 9%
    }
    .b-services__container .b-services-web-ios-ruby__title,
    .b-services__container .b-services-mobile-ios-android__title,
    .b-services__container .b-services-mobile-start__title,
    .b-services__container .b-services-qa-buggy__title,
    .b-services__container .b-services-qa-action__title,
    .b-services__container .b-services-design-cycle__title {
        text-align: left;
        font-size: 25px;
        line-height: 1.2em
    }
    .b-services-web-benefits__title {
        padding: 0 25px 31px
    }
    .b-services-mobile-start__title br {
        display: none
    }
    .b-services-mobile-choose__text {
        padding-right: 0
    }
    .b-services-design-ui,
    .b-services-qa-assurance {
        padding-bottom: 8%
    }
    .b-services-mobile-development,
    .b-services-qa-assurance,
    .b-services-design-ui {
        padding-top: 1%
    }
    .b-services-web-commerse {
        padding: 8% 0 2%
    }
    .b-services-web-development {
        padding: 1% 0 6%
    }
    .b-services-web-networking {
        padding: 8% 0 0 0
    }
    .b-services-qa-action__title {
        padding: 0 0 31px
    }
    .b-services-mobile-start__title {
        padding: 0 0 30px
    }
    .b-services-web-benefits__text {
        padding-bottom: 10px
    }
    .b-services-web-benefits {
        padding-bottom: 9%
    }
    .b-services-web-cms {
        padding: 11% 0 8%
    }
    .b-services-web-action {
        padding: 13% 0 7%
    }
    .b-services-web-action__list-container {
        padding-right: 0
    }
    .b-services-web-action__list:nth-child(2) {
        padding-left: 5%
    }
    .b-services-web-networking__img-container {
        padding-left: 0
    }
    .b-services-mobile-ios-android__sub-title,
    .b-services__container .b-services-mobile-start__text-container,
    .b-services__container .b-services-qa-action__text-container {
        padding-left: 0;
        padding-right: 0;
        text-align: left
    }
    .b-services-mobile-development__img-container {
        padding-bottom: 25px
    }
    .b-services-qa-action__list-container {
        padding: 0
    }
}

@media screen and (max-width: 700px) {
    .b-services__container img {
        width: 60%
    }
    .b-services-mobile-development__img-container img {
        width: 80%
    }
}

@media screen and (max-width: 500px) {
    .b-services__container img {
        width: 100%
    }
    .b-services-mobile-development__img-container img {
        width: 100%
    }
    .b-services-mobile-choose__img-container img {
        width: 60%
    }
    .b-services__container .b-services-web-development__img-container,
    .b-services__container .b-services-web-commerse__img-container {
        padding-right: 0
    }
    .b-services__container .g-sub-title {
        padding: 9px 0 3%
    }
    .b-services__container .b-services-web-development__sub-title,
    .b-services__container .b-services-web-ios-ruby__title {
        padding-top: 0
    }
    .b-services__container .b-services-web-commerse__sub-title,
    .b-services__container .b-services-web-networking__sub-title,
    .b-services__container .b-services-web-cms__sub-title,
    .b-services__container .b-services-web-action__sub-title {
        padding-top: 21px
    }
    .b-services__container .b-services-web-benefits__title {
        font-size: 25px;
        text-align: left;
        padding: 0 25px 18px
    }
    .b-services-web-commerse {
        padding: 16% 0 2%
    }
}

@media screen and (max-width: 380px) {
    .b-services__container img {
        width: 100%
    }
    .b-services-mobile-choose__img-container img {
        width: 80%
    }
}


.g-sections {
    min-height: 300px;
    overflow-x: hidden
}

.b-about-banner__airwaves {
    left: 48.5%
}

.b-about-tab {
    position: relative;
    max-width: 630px;
    margin: 0 auto;
    justify-content: space-around
}

.b-about-tab__item a {
    display: block;
    padding: 27px 0;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    transition: color .3s;
    cursor: pointer
}

.b-about-tab__item:hover a {
    color: #6e9ca4
}

.b-about-tab__item.active a {
    color: #6e9ca4;
    cursor: default
}

.b-about-banner__title {
    padding: 155px 0 45px;
    font-size: 60px;
    position: relative;
    top: 3px;
    -webkit-animation: fadeIn linear 2s backwards;
    animation: fadeIn linear 2s backwards;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1s
}

.m-about-nav_mob {
    display: none
}

.b-about__container {
    min-height: 700px;
    line-height: 1.7em
}

.b-about-slide {
    display: none
}

.b-about-slide.visible {
    display: block
}

.b-about-our-story__container-text {
    max-width: 830px;
    margin: 0 auto;
    padding: 6% 20px 4.7%
}

.m-about-our-story__container-text_metrics {
    max-width: 1000px;
    padding: 5.8% 20px 8.7%
}

.b-about-story__main-text {
    color: #272727;
    font: 20px/1.5em 'Conv_AvenirNextCyr-Regular', Arial, sans-serif;
    padding-bottom: 16px
}

.b-about-story__main-title {
    max-width: 787px;
    margin: 30px auto;
    color: #272727;
    font: 36px/46px 'Conv_AvenirNextCyr-Regular';
    padding: 0 20px
}

.b-about-banner__sub-title {
    padding-bottom: 33px;
    color: #272727;
    font: 36px/46px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif
}

.b-about-story__mobile-title {
    display: none
}

.b-about-story__believe-in {
    align-items: center;
    justify-content: center;
    height: 550px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center
}

.b-about-story__believe-in-text {
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    font-size: 72px;
    line-height: 72px;
    color: #fff
}

.b-about-story__believe-in-text span {
    color: #97c5cf
}

.b-about-story__metrics-title {
    padding: 0.5% 0 1.5% 0;
    text-align: center;
    opacity: 0.2;
    color: #272727;
    font-size: 60px;
    line-height: 55px
}

.b-about-story__metrics-container {
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 auto
}

.b-about-story__metric {
    width: 33.33%;
    padding: 0 2% 0 9%;
    margin-top: 94px
}

.m-about-story__metric_second-column {
    padding: 0 2% 0 10%
}

.b-about-story__metric-counter {
    height: 65px;
    align-items: center
}

.b-about-story__metric-number {
    padding-left: 21px;
    color: #272727;
    font: 48px/1em 'Conv_AvenirNextCyr-Bold', Arial, sans-serif
}

.m-about-story__metric-number_clients {
    padding-bottom: 10px
}

.m-about-story__metric-number_success {
    padding-left: 33px;
    padding-bottom: 10px
}

.m-about-story__metric-number_work {
    padding-bottom: 10px
}

.m-about-story__metric-number_business {
    padding-left: 29px;
    padding-bottom: 10px
}

.m-about-story__metric-number_talent {
    padding-left: 33px;
    padding-bottom: 6px
}

.b-about-story__years-metric .b-about-story__metric-number,
.b-about-story__engineers-metric .b-about-story__metric-number {
    position: relative;
    top: -25px
}

.b-about-story__years-metric h4,
.b-about-story__engineers-metric h4,
.b-about-story__progress-metric h4 {
    position: relative;
    bottom: 25px
}

.b-about-story__metric-link {
    padding-left: 24px
}

.b-about-story__metric-title {
    opacity: 0.5;
    color: #272727;
    font: 16px/20px 'Conv_AvenirNextCyr-Medium', Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 15px
}

.b-about-story__core-values {
    background: url("../images/img/bg/approach-bg.png"), radial-gradient(at center top, #434463 0%, #242933 60%) 0 0 repeat
}

.b-about-story__core-values-title {
    text-align: center;
    color: #fff;
    font-size: 60px;
    padding-top: 80px
}

.b-about-story__core-values-wrap {
    max-width: 992px;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: content-box
}

.b-about-story__core-values-container {
    position: relative;
    height: 708px;
    width: 100%
}

.b-about-story__astronaut {
    position: absolute;
    top: 49.6%;
    left: 50%
}

.b-about-story__core-values-column {
    position: relative;
    width: 50%;
    float: left
}

.b-about-story__core-values-item-title {
    color: #a4dee8;
    font: 24px 'Conv_AvenirNextCyr-Light', Arial, sans-serif;
    letter-spacing: 0.03em;
    padding: 20px 0 19px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25)
}

.b-about-story__core-values-item-text {
    opacity: 0.35;
    color: white;
    padding: 18px 0;
    max-width: 300px;
    font: 16px/24px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif;
    padding-left: 2px
}

.b-about-story__core-values-experience .b-about-story__core-values-item-text {
    max-width: 500px;
    padding-left: 45%
}

.b-about-story__core-values-experience .b-about-story__core-values-item-title {
    padding-top: 0;
    padding-left: 36%;
    max-width: 460px;
    padding-bottom: 21px
}

.b-about-story__core-values-understanding {
    margin-top: 95px
}

.b-about-story__core-values-understanding .b-about-story__core-values-item-title {
    width: calc(100% - 72px)
}

.b-about-story__core-values-teamwork {
    margin-top: 53px
}

.b-about-story__core-values-teamwork .b-about-story__core-values-item-title {
    width: calc(100% - 124px)
}

.b-about-story__core-values-experience {
    margin-top: 242px
}

.b-about-story__core-values-experience .b-about-story__core-values-item-title {
    margin-left: 43px
}

.b-about-story__main-text-challenges {
    margin-top: 0;
    margin-bottom: 16px;
    padding-left: 0
}

.b-about-story__main-text-projects {
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 14px
}

.b-about-story__founder {
    padding-top: 120px;
    padding-bottom: 90px;
    background: #f3f3f3 url("../images/img/about/founder-bg.png") 0 0 repeat
}

.b-about-story__founder-letter {
    max-width: 789px;
    margin: 0 auto;
    padding: 75px 80px 74px 80px;
    background-color: white;
    position: relative
}

.b-about-story__founder-letter-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    left: calc(50% - 50px);
    border-radius: 50%;
    box-shadow: 0px 3px 21px -1px rgba(0, 0, 0, 0.39)
}

.b-about-story__founder-letter-icon-img {
    display: block;
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.b-about-story__founder-letter-title {
    padding-bottom: 54px;
    padding-left: 8px;
    position: relative
}

.b-about-story__founder-letter-title:after {
    content: "";
    position: absolute;
    bottom: 28px;
    left: calc(50% - 25px);
    width: 50px;
    height: 1px;
    opacity: 0.2;
    background-color: #272727
}

.b-about-story__founder-letter-title h4 {
    text-align: center;
    color: #272727;
    font: 24px/29px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif;
    padding-right: 0
}

.b-about-story__founder-letter-title h5 {
    text-align: center;
    opacity: 0.5;
    color: #272727;
    font: italic 16px/30px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif;
    padding-right: 0
}

.b-about-story__founder-letter-content {
    color: #272727;
    font: 18px/30px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif;
    padding-left: 3px
}

.b-about-story__founder-letter-content p {
    margin-bottom: 10px;
    margin-left: 0
}

.b-about-story__founder-letter-signature {
    width: 218px;
    height: 56px;
    float: right;
    margin-top: 17px;
    background: url("../images/img/about/anton-hordiienko-signature.png") center center no-repeat
}

.b-about-nav__list {
    justify-content: space-between
}

.b-about-nav__item {
    position: relative;
    align-items: center;
    height: 300px;
    color: #28ce7c;
    font: 16px 'Conv_AvenirNextCyr-Demi', Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .2em;
    cursor: pointer;
    transition: color .3s
}

.b-about-nav__item.active {
    display: none
}

.b-about-nav__item:hover {
    color: #939393
}

.b-about-nav__item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0
}

.b-about-approach__container {
    padding: 84px 0 0 0
}

.b-about-approach__information {
    max-width: 1038px;
    margin: 0 auto;
    padding: 0 20px 8.5%
}

.b-about-approach__main-text {
    margin: 0 auto;
    max-width: 787px;
    color: #272727;
    font: 20px/30px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif
}

.b-about-approach__believe-title {
    margin: 59px 0 39px 0;
    text-align: center;
    opacity: 0.25;
    color: #272727;
    font-size: 72px;
    line-height: 73px
}

.b-about-approach__arrow-container {
    text-align: center;
    margin-bottom: 51px
}

.b-about-approach__arrow {
    width: 50px
}

.b-left-image,
.b-left-step {
    float: left
}

.b-about-approach__sub-text {
    color: #676767;
    font: 18px/30px 'Conv_AvenirNextCyr-Medium', Arial, sans-serif
}

.b-about-approach__row {
    padding: 6% 0 5.5%;
    align-items: center
}

.m-about-approach__row_reverse {
    flex-direction: row-reverse
}

.m-about-approach__row_clarity {
    padding-top: 8.2%
}

.b-about-approach__column {
    width: 50%
}

.m-about-approach__column-left {
    padding-right: 6%
}

.m-about-approach__column-right {
    padding-left: 6%
}

.m-about-approach__column_communication {
    padding-bottom: 2.5%
}

.m-about-approach__column-transparency {
    padding-left: 3%
}

.m-about-approach__column-clarity {
    padding-left: 6.3%
}

.b-about-approach__sub-title {
    color: #262626;
    font: 60px/72px 'Conv_AvenirNextCyr-Bold', Arial, sans-serif;
    margin-bottom: 32px
}

.b-about-approach__text {
    font: 18px/30px 'Conv_AvenirNextCyr-Medium', Arial, sans-serif;
    color: #676767
}

.b-right-image,
.b-right-step {
    float: right
}

.b-transparency__sub-title {
    margin-bottom: 29px
}

.b-transparency__sub-new-line {
    display: none
}

.b-clarity__sub-title {
    margin-bottom: 30px
}

.b-about-approach__how-we-work {
    margin: 0 auto;
    background: url(../images/img/bg/approach-bg.png), linear-gradient(to bottom, #434463 0%, #242933 30%) 0 0 repeat
}

.b-about-approach__work-header {
    max-width: 780px;
    margin: 0 auto;
    padding: 6% 20px 8%;
    color: #fff
}

.b-about-approach__work-title {
    padding-bottom: 31px;
    text-align: center;
    font-size: 72px
}

.b-about-approach__work-text {
    text-align: center;
    font: 20px/30px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif
}

.b-about-approach__work-rockets {
    position: relative;
    height: 170px
}

.b-about-approach__station {
    position: absolute;
    top: 50%;
    left: 50%
}

.b-about-approach__rocket {
    position: absolute;
    top: 45%;
    height: 1px;
    border-top: 2px dashed rgba(60, 206, 124, 0.2)
}

.b-about-approach__rocket:after {
    content: "";
    position: absolute;
    top: -20px;
    width: 104px;
    height: 38px;
    background: url("/images/img/about/rocket-about.svg") 0 0 no-repeat
}

.m-about-approach__rocket_left {
    width: 27%;
    left: 0
}

.m-about-approach__rocket_left:after {
    right: -104px
}

.m-about-approach__rocket_right {
    right: 0;
    width: 27%
}

.m-about-approach__rocket_right:after {
    left: -104px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.b-about-approach__work-steps {
    padding: 3.8% 20px 5%;
    max-width: 1030px;
    margin: 0 auto;
    flex-wrap: wrap
}

.b-new-line {
    display: none
}

.b-about-approach__work-row {
    padding: 3.8% 0;
    justify-content: space-between
}

.b-about-approach__work-step {
    width: 44.5%;
    color: #9fcbd3
}

.b-about-approach__step-title-text {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    padding-left: 127px;
    text-align: left;
    line-height: 46px
}

.b-about-approach__step-title-text:before {
    position: absolute;
    height: 150px;
    width: 90px;
    left: 0;
    bottom: 0;
    color: #9fcbd3;
    font: 150px/184px 'Conv_AvenirNextCyr-Bold', Arial, sans-serif
}

.m-about-approach__step-title-text_1 {
    padding-left: 84px
}

.m-about-approach__step-title-text_1:before {
    content: "1";
    left: -14px
}

.m-about-approach__step-title-text_2 {
    padding-left: 107px
}

.m-about-approach__step-title-text_2:before {
    content: "2";
    left: -9px
}

.m-about-approach__step-title-text_3 {
    padding-left: 108px
}

.m-about-approach__step-title-text_3:before {
    content: "3";
    left: -10px
}

.m-about-approach__step-title-text_4:before {
    content: "4";
    left: -3px
}

.m-about-approach__step-title-text_5 {
    padding-left: 107px
}

.m-about-approach__step-title-text_5:before {
    content: "5";
    left: -11px
}

.m-about-approach__step-title-text_6:before {
    content: "6"
}

.b-step-interview {
    width: 44.16244%;
    margin-right: 11.77665%
}

.b-step-plan-analyse,
.b-step-designing,
.b-step-sprints,
.b-step-launch,
.b-step-making-awesome {
    display: block
}

.b-about-approach__step-text {
    clear: both
}

.b-about-approach__step-title {
    align-items: flex-end;
    height: 134px;
    margin-bottom: 39px;
    font: 48px/48px 'Conv_AvenirNextCyr-Bold', Arial, sans-serif;
    letter-spacing: 1px
}

.b-step-interview__title {
    width: 73.10345%
}

.b-about-approach__step-text {
    opacity: 0.5;
    font: 18px/28px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif
}

.b-step-plan-analyse {
    width: 43.72284%;
    position: relative;
    bottom: 5px
}

.b-step-plan-analyse__title {
    width: 96.33252%
}

.b-about-approach__plan-analyse-image {
    width: 19.30457%
}

.b-step-plan-analyse__title-text {
    width: 73.09955%;
    margin-left: 4%
}

.b-step-designing {
    width: 44.56853%;
    margin-right: 11.77665%;
    margin-bottom: 66px
}

.b-step-designing__title {
    width: 100%
}

.b-about-approach__designing-image {
    width: 19.134396%
}

.b-step-designing__title-text {
    width: 74.77631%;
    margin-left: 4%
}

.b-step-sprints {
    width: 43.553299%
}

.b-step-sprints__title {
    width: 82.28438%
}

.b-about-approach__sprints-image {
    width: 25.21246%
}

.b-step-sprints__title-text {
    width: 65.2%;
    margin-left: 6.4%
}

.b-step-launch {
    clear: both;
    float: left;
    width: 43.33502%;
    margin-right: 13.40863%
}

.b-step-launch__title {
    width: 83.93285%
}

.b-about-approach__launch-image {
    width: 23.42857%
}

.b-step-launch__title-text {
    width: 69.68571%
}

.b-step-making-awesome {
    width: 43.1%
}

.b-step-making-awesome__title {
    width: 89.92806%
}

.b-about-approach__making-awesome-image {
    width: 22.66667%
}

.b-step-making-awesome__title-text {
    width: 68.7%
}

.b-about-approach__controls {
    display: none
}

.m-testimonials__container {
    max-width: 1264px
}

.m-testimonials-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 76px 20px 0
}

.m-testimonials-list__item_about {
    width: 47.974%;
    padding: 15px 0 5% 0
}

.b-testimonials__btn-more {
    position: relative;
    width: 172px;
    margin: 0 auto;
    padding-left: 36px;
    cursor: pointer
}

.b-testimonials__btn-more:before {
    content: "";
    position: absolute;
    top: 53%;
    left: 35px;
    width: 21px;
    height: 21px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("/images/img/bg/landing-sprite.svg") -275px -76px no-repeat
}

@media screen and (max-width: 1180px) {
    .b-about-story__core-values-experience .b-about-story__core-values-item-title {
        padding-left: 26%
    }
    .b-about-story__core-values-experience .b-about-story__core-values-item-text {
        padding-left: 26%;
        margin-left: 43px
    }
    .b-about-approach__sub-title {
        font-size: 50px
    }
}

@media screen and (max-width: 1024px) {
    .b-about-story__core-values-experience {
        margin-top: 252px
    }
    .b-about-story__core-values-item-title {
        font-size: 20px
    }
    .b-about-story__core-values-teamwork .b-about-story__core-values-item-title {
        width: calc(100% - 120px)
    }
    .b-about-story__core-values-item-text {
        max-width: 278px
    }
    .b-about-tab__item a {
        font-size: 14px
    }
    .m-about-nav__img_story,
    .m-about-nav__img_approach,
    .m-about-nav__img_testimonials {
        padding-bottom: 13px
    }
    .m-about-nav__img_story img {
        width: 53px;
        height: 50px
    }
    .m-about-nav__img_approach img {
        width: 53px;
        height: 62px
    }
    .m-about-nav__img_testimonials img {
        width: 50px;
        height: 53px
    }
    .b-about-story__founder-letter-signature {
        width: 150px;
        height: 39px;
        background-size: 100%
    }
    .b-about-approach__believe-title {
        font-size: 60px;
        margin: 0;
        padding: 6% 0 4%
    }
    .b-about-approach__arrow {
        width: 30px
    }
    .b-about-approach__sub-title {
        line-height: 60px
    }
    .b-about-approach__work-title {
        font-size: 60px
    }
    .m-about-approach__rocket_left,
    .m-about-approach__rocket_right {
        width: 20%
    }
    .b-about-approach__step-title-text {
        padding-left: 74px;
        font-size: 40px;
        line-height: 40px
    }
    .m-about-approach__step-title-text_1 {
        padding-left: 50px
    }
    .b-about-approach__step-title-text:before {
        height: 100px;
        font-size: 100px;
        line-height: 118px
    }
    .m-about-approach__column-left {
        padding-right: 4%
    }
    .m-about-approach__column-right {
        padding-left: 4%
    }
}

@media screen and (max-width: 900px) {
    .b-about-approach__sub-title {
        font-size: 40px;
        line-height: 40px
    }
}

@media screen and (max-width: 850px) {
    .b-about-tab__item a {
        font-size: 12px
    }
    .m-about-story__metric_second-column,
    .b-about-story__metric {
        padding: 0 5%
    }
    .b-about-story__metric {
        margin-top: 64px
    }
    .b-about-story__metric-number {
        font-size: 38px
    }
}

@media (max-width: 768px) {
    .g-title {
        font-size: 36px;
        line-height: 36px
    }
}

@media screen and (max-width: 768px) {
    .b-about-slide {
        padding-top: 60px
    }
    .b-about-our-story__container-text {
        padding: 28px 25px 22px
    }
    .m-about-our-story__container-text_metrics {
        padding-bottom: 50px
    }
    .b-about-story__mobile-title {
        padding-bottom: 14px;
        display: block;
        font: 24px/31px 'Conv_AvenirNextCyr-Light', Arial, sans-serif;
        letter-spacing: .01em
    }
    .b-about-story__main-text,
    .b-about-approach__main-text {
        padding-bottom: 8px;
        color: #272727;
        font: 16px/25px 'Conv_AvenirNextCyr-Light', Arial, sans-serif;
        letter-spacing: .001em
    }
    .b-about-story__main-title {
        max-width: 656px
    }
    .b-about-story__believe-in {
        height: 275px;
        background-position: center;
        text-align: center;
        padding-left: 0
    }
    .b-about-story__metric-title {
        opacity: 0.5;
        color: #272727;
        font: 11px/15px 'Conv_AvenirNextCyr-Medium', Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-top: 0
    }
    .b-about-story__core-values-column {
        float: none;
        width: 100%
    }
    .b-about-story__core-values-experience .b-about-story__core-values-item-text {
        margin-left: 0;
        max-width: inherit
    }
    .b-about-story__core-values-item {
        padding: 17px 0;
        margin-top: 0
    }
    .b-about-story__core-values-item-title {
        border-bottom: 0;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 auto 15px auto !important;
        max-width: inherit !important;
        font-size: 20px;
        text-align: left
    }
    .b-about-story__core-values-experience {
        margin-top: 0
    }
    .b-about-story__core-values-item-text {
        font-size: 16px;
        line-height: 24px;
        padding: 0 !important;
        margin: 0 auto;
        text-align: left;
        max-width: inherit
    }
    .b-about__container.hide,
    .b-about-banner,
    .b-about-nav {
        display: none
    }
    .m-about-nav_mob {
        display: block;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100%;
        z-index: 3;
        padding-top: 106px
    }
    .m-about-nav_mob.hide {
        display: none
    }
    .m-about-nav__list_mob {
        flex-wrap: wrap
    }
    .m-about-nav__item_mob {
        width: 60%;
        margin: 0 auto;
        height: inherit;
        padding: 2% 4% 16% 4%;
        font-size: 13px;
        color: #484848
    }
    .b-about-story__metric {
        width: 50%;
        padding: 0;
        margin-top: 34px;
        font-family: 'Conv_AvenirNextCyr-Demi', Arial, sans-serif
    }
    .b-about-story__metric:nth-child(2n) {
        padding-left: 5%
    }
    .b-about-story__metric-counter {
        height: 54px
    }
    .b-about-story__metrics-title {
        padding: 0;
        font-size: 36px;
        line-height: 46px
    }
    .m-about-story__metric-img_clients svg {
        width: 35px;
        height: auto
    }
    .m-about-story__metric-img_success svg {
        width: 42px;
        height: auto
    }
    .m-about-story__metric-img_engineers svg {
        width: 44px;
        height: auto
    }
    .m-about-story__metric-img_projects svg {
        width: 28px;
        height: auto
    }
    .m-about-story__metric-img_business svg {
        width: 33px;
        height: auto
    }
    .m-about-story__metric-img_studies svg {
        width: 42px;
        height: auto
    }
    .b-about-story__metric-link svg {
        width: 25px;
        height: auto
    }
    .b-about-story__metric-number {
        font-size: 30px;
        padding-left: 15px
    }
    .b-about-story__metric-number {
        padding-left: 16px;
        padding-bottom: 5px
    }
    .m-about-story__metric-number_work {
        padding-left: 5px;
        padding-bottom: 7px
    }
    .b-about-story__metric-link {
        padding-left: 17px
    }
    .b-about-story__core-values-wrap {
        padding: 0 25px 32px 25px
    }
    .b-about-story__core-values-container {
        height: auto
    }
    .b-about-story__metrics-container {
        max-width: 300px
    }
    .b-about-story__astronaut {
        width: 133px;
        margin: 0 auto;
        padding-bottom: 24px;
        position: static;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
    .b-about-story__astronaut svg {
        width: 133px;
        height: auto
    }
    .b-about-story__core-values-title {
        font-size: 36px;
        padding: 46px 0 0;
        margin-bottom: 30px;
        letter-spacing: -0.009em
    }
    .b-about-story__core-values-item-title {
        font: 20px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif;
        letter-spacing: .02em;
        padding: 20px 0
    }
    .b-about-banner__sub-title,
    .b-about-approach__sub-title {
        padding-bottom: 14px;
        font-size: 24px;
        line-height: 30px
    }
    .b-about-approach__sub-title {
        font: 30px/36px 'Conv_AvenirNextCyr-Bold', Arial, sans-serif;
        margin-bottom: 0
    }
    .m-about-approach__sub-title_transparency {
        padding-right: 6%
    }
    .b-about-story__founder {
        padding: 75px 0 35px;
        position: relative
    }
    .b-about-story__challendge {
        padding-top: 0;
        padding-bottom: 12px;
        position: relative
    }
    .b-about-story__founder-letter-content p {
        margin-bottom: 5px
    }
    .b-about-story__founder-letter {
        max-width: 789px;
        margin: 0 12px;
        padding: 61px 20px 32px;
        background-color: white;
        position: relative
    }
    .b-about-story__founder-letter-content {
        font: 14px/22px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif;
        padding-left: 0
    }
    .b-about-story__founder-letter-title {
        padding-bottom: 34px;
        padding-left: 0
    }
    .b-about-story__founder-letter-title:after {
        bottom: 18px
    }
    .b-about-story__founder-letter-title h4 {
        font: 18px/26px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif;
        padding-right: 4px
    }
    .b-about-story__founder-letter-title h5 {
        font: italic 12px/15px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif
    }
    .b-about-story__founder-letter-signature {
        width: 109px;
        height: 28px;
        float: right;
        margin: 10px 0 0;
        background: url(../images/img/about/anton-hordiienko-signature.png) center center no-repeat;
        background-size: 100%
    }
    .b-about-story__core-values {
        background: url("../images/img/bg/approach-bg.png"), radial-gradient(at center top, #434463 0%, #242933 100%) 0 0 repeat
    }
    .b-about-approach__row {
        flex-wrap: wrap;
        align-items: initial;
        padding: 0 0 5.5%
    }
    .m-about-approach__column-left {
        padding-right: 0
    }
    .m-about-approach__column-right {
        padding-left: 0
    }
    .b-about-approach__column {
        width: 100%;
        padding: 5% 0
    }
    .m-about-approach__column-img {
        padding: 3% 14%;
        text-align: center
    }
    .m-about-approach__column-clarity {
        padding: 2% 20%
    }
    .m-about-approach__column-transparency {
        padding: 2% 12%
    }
    .b-about-approach__container {
        padding: 28px 0 0
    }
    .b-about-approach__information {
        padding: 0 25px 5.5%
    }
    .b-about-approach__main-text {
        color: #272727;
        font: 16px/25px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif
    }
    .b-about-approach__believe-title {
        padding: 6% 0
    }
    .b-about-approach__arrow-container {
        margin-bottom: 0;
        padding-bottom: 4%
    }
    .b-about-approach__arrow {
        width: 33px
    }
    .b-left-image,
    .b-left-step {
        float: none
    }
    .b-about-approach__sub-text {
        font: 16px/25px 'Conv_AvenirNextCyr-Medium', Arial, sans-serif
    }
    .b-right-image,
    .b-right-step {
        float: none
    }
    .b-clarity__sub-title {
        margin-bottom: 24px
    }
    .b-about-approach__how-we-work {
        height: auto
    }
    .b-about-approach__work-text {
        font: 16px/25px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif
    }
    .b-about-approach__station {
        position: static;
        top: 0;
        left: 0;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }
    .b-about-approach__rocket {
        display: none
    }
    .b-about-approach__work-rockets {
        display: block;
        width: 214px;
        height: inherit;
        margin: 0 auto;
        padding-top: 5%
    }
    .b-step-interview,
    .b-step-plan-analyse,
    .b-step-designing,
    .b-step-sprints,
    .b-step-launch,
    .b-step-making-awesome {
        width: 100%;
        margin-right: 0;
        margin-bottom: 70px
    }
    .b-about-approach__step-title {
        width: 100%;
        margin-bottom: 25px;
        font: 36px/36px 'Conv_AvenirNextCyr-Bold', Arial, sans-serif
    }
    .m-about-approach__step-title_initial {
        height: 110px
    }
    .b-about-approach__work-steps {
        padding: 3.8% 25px 16%
    }
    .b-step-interview__title,
    .b-step-plan-analyse__title,
    .b-step-designing__title,
    .b-step-sprints__title,
    .b-step-launch__title,
    .b-step-making-awesome__title {
        width: 100%
    }
    .b-clarity__sub-title br,
    .b-about-approach__step-title-text br {
        display: none
    }
    .b-about-approach__step-title-text .b-new-line {
        display: inline
    }
    .b-about-approach__step-title-text {
        display: inline-block;
        vertical-align: bottom;
        font-size: 36px;
        line-height: 36px
    }
    .b-about-approach__step-text {
        font: 16px/25px 'Conv_AvenirNextCyr-Regular', Arial, sans-serif
    }
    .b-about-approach__text {
        font-size: 16px;
        line-height: 25px
    }
    .b-about-approach__work-row {
        padding: 0;
        justify-content: initial;
        flex-wrap: wrap
    }
    .b-about-approach__work-step {
        width: 100%
    }
    .b-about-approach__work-header {
        padding: 6% 25px 8%
    }
    .b-about-approach__work-title {
        font-size: 36px;
        padding-top: 28px;
        padding-bottom: 26px
    }
    .m-testimonials-list__item_about {
        display: block;
        width: 100%;
        padding: 3% 0
    }
    .b-testimonials__btn-more {
        height: 50px;
        font-size: 16px;
        line-height: 50px
    }
}

@media screen and (max-width: 730px) {
    .b-about-story__main-text.b-about-story__main-text-mobile-story {
        margin: 14px auto 6px 1px
    }
    .b-about-story__believe-in-text {
        font-size: 36px;
        line-height: 36px
    }
    .b-about-story__challendge h2 {
        margin-bottom: 0
    }
    .b-about-story__metric-link a {
        display: block;
        width: 27px;
        height: 27px;
        margin-top: 3px;
        margin-left: 56px;
        margin-bottom: 10px;
        background: url(/images/img/about/metrics-progress-arrow-icon.png) no-repeat;
        background-size: 100%;
        bottom: 0
    }
    .b-about-story__core-values-experience .b-about-story__core-values-item-title {
        padding-top: 0;
        padding-left: 192px;
        max-width: 460px
    }
    .b-about-story__main-title {
        font-size: 24px;
        line-height: 30px;
        padding: 0 8%;
        margin-top: 26px;
        margin-bottom: 15px
    }
    .b-about-story__main-text-projects {
        margin-bottom: 0;
        padding-left: 8%
    }
    .b-about-story__main-text-challenges {
        margin-top: 8px;
        margin-bottom: 0;
        padding-left: 8%
    }
    .b-about-story__main-text-team {
        margin-top: 8px;
        margin-bottom: 0;
        padding-left: 8%
    }
}

@media screen and (max-width: 500px) {
    .b-about-approach__arrow-container {
        padding-bottom: 12%
    }
    .m-about-approach__column-img {
        padding: 3% 14%;
        text-align: center
    }
    .m-about-approach__column-clarity {
        padding: 6.8% 20% 2%
    }
    .m-about-approach__column-transparency {
        padding: 10% 12% 6%
    }
}

@media (max-width: 768px) {
    .m-testimonials__container {
        padding: 0 0 5% 0;
        position: relative;
        bottom: 31px
    }
    .m-testimonials-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        justify-content: space-between;
        padding: 16px 0 0 0
    }
}


























.b-projects-page-banner__title {
    max-width: 882px;
    margin: 0 auto;
    padding-top: 157px;
    font-size: 60px;
    -webkit-animation: fadeIn linear 2s backwards;
    animation: fadeIn linear 2s backwards;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1s
}

.b-projects-page__list-container {
    padding-top: 54px;
    padding-bottom: 94px;
    overflow: hidden;
    max-width: 1260px;
    min-height: 700px
}

.b-projects-page__list-wrap {
    overflow: hidden
}

ul.b-projects-page__list li {
    position: relative;
    overflow: hidden
}

ul.b-projects-page__list li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    line-height: 0;
    border-radius: 28px;
    overflow: hidden
}

.b-projects-page__project-image {
    height: auto
}

.b-projects-page__project-image-phones {
    position: absolute;
    bottom: 0;
    left: 50%;
    max-width: 83%;
    -webkit-transform: translateX(-50%) translateY(10%);
    transform: translateX(-50%) translateY(10%);
    transition: all .3s
}

.b-projects-page__project-image-phone {
    position: absolute;
    bottom: 0;
    left: 50%;
    max-width: 54%;
    -webkit-transform: translateX(-85%) translateY(10%);
    transform: translateX(-85%) translateY(10%);
    transition: all .3s
}

.b-projects-page__project-image-computer {
    position: absolute;
    bottom: 0;
    max-width: 65%;
    right: -3%;
    transition: all .3s
}

.b-projects-page__item:hover .b-projects-page__project-image-phones,
.b-projects-page__item:hover .b-projects-page__project-image-phone {
    bottom: 3%
}

.b-projects-page__item:hover .b-projects-page__project-image-computer {
    right: 0
}

.b-projects-page__list li {
    float: left;
    width: 50%;
    padding: 15px
}

@media screen and (max-width: 1024px) {
    .b-projects-page-banner__title {
        font-size: 45px
    }
}

@media screen and (max-width: 768px) {
    ul.b-projects-page__list li {
        padding: 10px
    }
    ul.b-projects-page__list li a {
        border-radius: 10px
    }
    .b-projects-page__project-image-phones,
    .b-projects-page__project-image-phone {
        bottom: 3%
    }
    .b-projects-page__item:hover .b-projects-page__project-image-phones,
    .b-projects-page__item:hover .b-projects-page__project-image-phone {
        bottom: 3%
    }
    .b-projects-page__project-image-computer {
        right: 0
    }
    .b-projects-page-banner {
        display: none
    }
    .b-projects-page__list-container {
        padding: 57px 4px 40px
    }
}

@media screen and (max-width: 500px) {
    .b-projects-page__list-container {
        padding: 66px 0 43px
    }
    ul.b-projects-page__list li {
        display: block;
        margin: 0 auto;
        padding: 8px 14px;
        width: 100%;
        max-width: 500px
    }
    .b-projects-page__project-image-phones,
    .b-projects-page__project-image-phone {
        bottom: 17px
    }
    .b-projects-page__item:hover .b-projects-page__project-image-phones,
    .b-projects-page__item:hover .b-projects-page__project-image-phone {
        bottom: 17px
    }
}