/* Start:/bitrix/templates/v1.0/css/main.css?1596623335319443*/
@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

sub {
    bottom: -0.25em; }

sup {
    top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
    display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none; }

@font-face {
    font-family: "ProximaNova";
    font-style: normal;
    font-weight: 400;
    src: url("/bitrix/templates/v1.0/css/../fonts/ProximaNova-Regular.woff") format("woff"), url("/bitrix/templates/v1.0/css/../fonts/ProximaNova-Regular.woff2") format("woff2"); }

@font-face {
    font-family: "ProximaNova";
    font-style: normal;
    font-weight: 600;
    src: url("/bitrix/templates/v1.0/css/../fonts/ProximaNova-Semibold.woff") format("woff"), url("/bitrix/templates/v1.0/css/../fonts/ProximaNova-Semibold.woff2") format("woff2"); }

@font-face {
    font-family: "ProximaNova";
    font-style: normal;
    font-weight: 700;
    src: url("/bitrix/templates/v1.0/css/../fonts/ProximaNova-Bold.woff") format("woff"), url("/bitrix/templates/v1.0/css/../fonts/ProximaNova-Bold.woff2") format("woff2"); }

@font-face {
    font-family: "ProximaNova";
    font-style: normal;
    font-weight: 800;
    src: url("/bitrix/templates/v1.0/css/../fonts/ProximaNova-Extrabld.woff") format("woff"), url("/bitrix/templates/v1.0/css/../fonts/ProximaNova-Extrabld.woff2") format("woff2"); }

@font-face {
    font-family: "ProximaNova";
    font-style: normal;
    font-weight: 900;
    src: url("/bitrix/templates/v1.0/css/../fonts/ProximaNova-Black.woff") format("woff"), url("/bitrix/templates/v1.0/css/../fonts/ProximaNova-Black.woff2") format("woff2"); }

@font-face {
    font-family: "CocoBiker";
    font-style: normal;
    font-weight: 700;
    src: url("/bitrix/templates/v1.0/css/../fonts/CocoBiker-Bold.woff") format("woff"), url("/bitrix/templates/v1.0/css/../fonts/CocoBiker-Bold.woff2") format("woff2"); }

@font-face {
    font-family: "CocoBiker";
    font-style: normal;
    font-weight: 800;
    src: url("/bitrix/templates/v1.0/css/../fonts/CocoBiker-Heavy.woff") format("woff"), url("/bitrix/templates/v1.0/css/../fonts/CocoBiker-Heavy.woff2") format("woff2"); }

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

html,
body {
    height: 100%; }

body {
    min-width: 360px;
    background-color: #fffcf0;
    color: #35434a;
    font-family: 'ProximaNova', sans-serif;
    font-size: 16px;
    font-weight: 400; }
body.no-scroll {
    width: 100%;
    height: 100%;
    overflow: hidden; }

.page-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden; }

.page-content {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-height: 100%;
    padding-top: 114px; }

.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }

a,
button,
.icon {
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }

a,
label,
button {
    -webkit-tap-highlight-color: transparent; }

.bg-lines {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    width: 1px;
    min-height: 100%;
    background-color: #dfe0d8;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s; }
.bg-lines:before, .bg-lines:after {
    content: '';
    position: absolute;
    top: 0;
    left: -380px;
    width: 1px;
    height: 100%;
    background-color: #dfe0d8; }
.bg-lines:after {
    left: auto;
    right: -380px; }

.container {
    width: 1170px;
    margin: 0 auto; }

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 64px;
    padding: 0 38px;
    border-radius: 70px;
    background-color: #f36251;
    border: 2px solid #f36251;
    color: #fff;
    font-family: 'ProximaNova';
    font-weight: 800;
    font-size: 20px;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.btn:hover {
    background-color: transparent;
    color: #f36251; }
.btn--blue {
    background-color: #35434a;
    border: none; }
.btn--blue:hover {
    background-color: #fff;
    color: #f36251; }
.btn--biege {
    background-color: #fffcf0;
    border-color: #fffcf0;
    color: #f36251; }
.btn--biege:hover {
    background-color: #f36251;
    color: #fffcf0;
    border-color: #fffcf0; }
.btn--transparent {
    border-color: #f36251;
    color: #f36251;
    background-color: transparent; }
.btn--transparent:hover {
    border-color: #f36251;
    background-color: #f36251;
    color: #fffcf0; }
.btn--white {
    background-color: #fff;
    color: #f36251; }
.btn--white:hover {
    background-color: #f36251;
    color: #fff; }
.btn--rectangular {
    border-radius: 0; }
.btn--vertical {
    position: absolute;
    top: -190px;
    right: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    height: 121px;
    padding: 0 200px;
    border-radius: 0;
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    letter-spacing: 8px;
    text-transform: uppercase; }
.btn--vertical:hover {
    background-color: #f14c39;
    color: #fff; }
.btn--guarantee {
    position: fixed;
    top: 10%;
    left: auto;
    z-index: 11;
    padding: 0 100px; }

.btn-wrap {
    position: fixed;
    top: 114px;
    left: 0;
    width: 100%;
    height: 100vh; }

.h1 {
    margin-top: 0;
    margin-bottom: 0;
    color: #35434a;
    font-size: 80px;
    font-weight: 700;
    line-height: 85px;
    text-align: center; }
.h1 span {
    color: #f36251;
    font-size: 120px;
    line-height: 0; }
.h1-inner {
    margin: 0 0 0 -10px;
    color: #f36251;
    font-family: 'CocoBiker';
    font-size: 140px;
    font-weight: 700;
    line-height: 130px;
    text-transform: uppercase; }

.h2 {
    margin-top: 0;
    margin-bottom: 0;
    color: #35434a;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px; }
.h2 span {
    color: #f36251;
    font-size: 90px;
    line-height: 0; }
.h2--margin {
    margin-bottom: 40px; }

.h3 {
    margin-top: 0;
    margin-bottom: 0;
    color: #35434a;
    font-size: 50px;
    font-weight: 700;
    line-height: 55px; }
.h3 span {
    color: #f36251;
    font-size: 50px;
    line-height: 0; }

.border-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
.border-top:before, .border-top:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-top: 4px solid #8e9081;
    border-left: 4px solid #8e9081;
    background-color: transparent;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.border-top:after {
    left: auto;
    right: 0;
    border-right: 4px solid #8e9081;
    border-left: none; }
.border-top--red:before, .border-top--red:after {
    border-color: #f36251; }

.border-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
.border-bottom:before, .border-bottom:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-bottom: 4px solid #8e9081;
    border-left: 4px solid #8e9081;
    background-color: transparent;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.border-bottom:after {
    left: auto;
    right: 0;
    border-left: none;
    border-right: 4px solid #8e9081; }
.border-bottom--red:before, .border-bottom--red:after {
    border-color: #f36251; }

.section-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px;
    text-decoration: none; }
.section-top:hover .section-top__big-title {
    color: #f36251; }
.section-top:hover .border-top:before, .section-top:hover .border-top:after,
.section-top:hover .border-bottom:before,
.section-top:hover .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #f36251; }
@media (max-width: 767px) {
    .section-top:hover .border-top:before, .section-top:hover .border-top:after,
    .section-top:hover .border-bottom:before,
    .section-top:hover .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #f36251; } }
.section-top--order .section-top__big-title {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-right: 0;
    margin-left: -30px;
    text-align: left; }
.section-top__big-title {
    margin-right: -17px;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 160px;
    font-weight: 700;
    line-height: 150px;
    text-transform: uppercase;
    text-align: right;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.section-top__img {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 770px;
    height: 670px;
    background-color: #fffcf0;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad; }
.section-top__img img {
    position: relative; }

.section-descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 65px;
    margin-bottom: 180px; }
.section-descr__text {
    width: 530px;
    margin-left: 100px;
    margin-bottom: 22px;
    color: #47545a;
    font-size: 25px;
    line-height: 35px; }
.section-descr__title {
    -ms-flex-negative: 0;
    flex-shrink: 0; }

.slider {
    position: relative; }
.slider .owl-dots {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.slider .owl-dot {
    width: 25px;
    height: 25px;
    margin-right: 15px;
    border-radius: 50%;
    border: 2px solid #a1a19f;
    -webkit-transition: border-color 0.35s;
    transition: border-color 0.35s; }
.slider .owl-dot:last-child {
    margin-right: 0; }
.slider .owl-dot:hover {
    border-color: #fff; }
.slider .owl-dot.active {
    border: 3px solid #fff; }

.slider-nav {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 0;
    padding: 0 15px; }
.slider-nav__prev, .slider-nav__next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #f36251;
    background-color: transparent;
    font-size: 0;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.slider-nav__prev .icon, .slider-nav__next .icon {
    display: block;
    width: 18px;
    height: 30px;
    margin-right: -3px;
    fill: #f36251; }
.slider-nav__prev:hover, .slider-nav__next:hover {
    background-color: #f36251; }
.slider-nav__prev:hover .icon, .slider-nav__next:hover .icon {
    fill: #fffcf0; }
.slider-nav__prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.owl-prev.disabled .slider-nav__prev {
    border-color: #dfe0d8;
    cursor: default; }
.owl-prev.disabled .slider-nav__prev .icon {
    fill: #dfe0d8; }
.owl-prev.disabled .slider-nav__prev:hover {
    border-color: #dfe0d8;
    background-color: transparent; }
.owl-prev.disabled .slider-nav__prev:hover .icon {
    fill: #dfe0d8; }

.owl-next.disabled .slider-nav__next {
    border-color: #dfe0d8;
    cursor: default; }
.owl-next.disabled .slider-nav__next .icon {
    fill: #dfe0d8; }
.owl-next.disabled .slider-nav__next:hover {
    border-color: #dfe0d8;
    background-color: transparent; }
.owl-next.disabled .slider-nav__next:hover .icon {
    fill: #dfe0d8; }

.slider-stat__nav {
    top: -135px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding: 0; }

.stat-dots {
    position: absolute !important;
    top: -135px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 0 75px; }
.stat-dots .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto; }
.stat-dots__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 150px;
    height: 60px;
    padding: 5px;
    margin-left: -2px;
    border: 2px solid #f36251;
    color: #f36251;
    font-family: 'ProximaNova';
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.stat-dots__item.active {
    background-color: #f36251;
    color: #fff; }
.stat-dots .owl-item:first-child .stat-dots__item {
    border-radius: 100px 0 0 100px;
    margin-left: 0; }
.stat-dots .owl-item:last-child .stat-dots__item {
    border-radius: 0 100px 100px 0; }
.stat-dots .owl-nav.disabled,
.stat-dots .owl-dots.disabled {
    display: none; }

.slider-stat {
    width: 1000px;
    max-width: 100%;
    margin: 170px auto 0; }
.slider-stat .table {
    width: 100%;
    margin: 0; }

.inner-top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 287px;
    height: 100px;
    margin-top: 50px;
    margin-bottom: 80px; }
.inner-top__img {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 370px;
    height: 287px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.inner-top__img img {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    max-width: 80%;
    max-height: 80%; }
.inner-top .breadcrumbs {
    width: calc(100% - 370px);
    margin: 0 0 15px; }
.inner-top__subtitle {
    margin-top: 30px;
    color: #35434a;
    font-size: 45px;
    line-height: 45px;
    font-weight: 800; }
.inner-top__subtitle span {
    color: #f36251; }
.inner-top--services {
    min-height: 390px;
    margin-bottom: 180px; }
.inner-top--services .h1-inner {
    margin-left: -8px;
    font-size: 100px;
    line-height: 100px;
    font-weight: 800; }
.inner-top--services .inner-top__img {
    width: 380px;
    height: 390px; }
.inner-top--services .inner-top__img img {
    max-width: 110%;
    max-height: 110%; }
.inner-top--services .breadcrumbs {
    width: calc(100% - 380px); }

.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 40px 0 20px;
    padding: 0;
    list-style: none; }
.breadcrumbs__item {
    position: relative;
    margin-right: 7px;
    padding-right: 15px; }
.breadcrumbs__item:after {
    content: '–';
    position: absolute;
    top: 0;
    right: 0;
    color: #b9bbad;
    font-size: 15px; }
.breadcrumbs__item:last-child {
    margin-right: 0;
    padding-right: 0; }
.breadcrumbs__item:last-child:after {
    display: none; }
.breadcrumbs__link {
    color: #b9bbad;
    font-size: 15px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    text-decoration: none; }
.breadcrumbs__link:hover {
    color: #f36251; }
.breadcrumbs__text {
    color: #f36251;
    font-size: 15px;
    letter-spacing: 1.8px;
    text-transform: uppercase; }

.tabs-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -120px;
    margin-bottom: 100px; }
.tabs-title__link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    padding-bottom: 8px;
    border-bottom: 5px solid transparent;
    color: #35434a;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none; }
.tabs-title__link:last-child {
    margin-right: 0; }
.tabs-title__link:hover {
    color: #f36251; }
.tabs-title__link.active {
    color: #f36251;
    border-color: #f36251; }
.tabs-title--table {
    margin: 0 0 40px 140px; }

.tab {
    display: none; }
.tab.active {
    display: block; }

.accordion__item {
    margin-bottom: 40px;
    padding-bottom: 1px; }

.accordion__title {
    position: relative;
    display: block;
    padding-left: 70px;
    color: #35434a;
    font-size: 25px;
    line-height: 30px;
    font-weight: 800;
    text-decoration: none; }
.accordion__title:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    width: 37px;
    height: 37px;
    background: url(/bitrix/templates/v1.0/css/../img/plus-red.svg) center center no-repeat;
    background-size: contain;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.accordion__title.active:before {
    background: url(/bitrix/templates/v1.0/css/../img/minus-red.svg) center center no-repeat;
    background-size: contain; }

.accordion__dropdown {
    display: none;
    padding-left: 100px; }

.accordion__text {
    color: #47545a;
    font-size: 20px;
    line-height: 30px; }
.accordion__text p {
    margin: 30px 0; }

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px; }
.nav__prev, .nav__next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #35434a;
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    text-decoration: none; }
.nav__prev .icon, .nav__next .icon {
    display: block;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    fill: #f36251; }
.nav__prev:hover, .nav__next:hover {
    color: #f36251; }
.nav__prev .icon {
    margin-left: 0;
    margin-right: 10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.table {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    background-color: #fffcf0; }
.table__title {
    width: 17%;
    padding: 20px 3px;
    background-color: #f36251;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3.11px;
    text-transform: uppercase;
    text-align: center; }
.table__title:first-child {
    width: 49%;
    padding-left: 60px;
    text-align: left; }
.table__title:last-child {
    padding-right: 60px; }
.table__title a {
    color: #fff;
    text-decoration: none; }
.table__title a .icon {
    width: 6px;
    height: 9px;
    fill: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
.table__cell {
    width: 17%;
    padding: 20px 0 10px;
    border-bottom: 1px solid #ebece6;
    text-align: center;
    color: #323c47;
    font-size: 20px; }
.table__cell:first-child {
    width: 49%;
    padding-left: 60px;
    text-align: left; }
.table__cell:last-child {
    padding-right: 60px; }
.table__cell .plus {
    color: #39a949; }
.table__cell .minus {
    color: #f36251; }

.table-footnote {
    padding: 35px 0 35px 60px;
    background-color: #fffcf0; }
.table-footnote__item {
    margin-bottom: 5px;
    color: #35434a;
    font-size: 16px; }
.table-footnote__item .plus {
    color: #4abe31; }
.table-footnote__item .minus {
    color: #f36251; }

.up {
    position: fixed;
    bottom: 100px;
    right: 0;
    z-index: 100;
    display: none;
    width: 121px;
    height: 128px;
    background-color: #f36251;
    -webkit-transition: all 0s;
    transition: all 0s;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3.56px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center; }
.up .icon {
    display: block;
    width: 65px;
    height: 62px;
    margin: 15px auto;
    fill: #fff; }
.up:hover {
    background-color: #35434a; }

.category {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100vh;
    padding: 80px;
    background-color: #fff;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s; }
.category.open {
    opacity: 1;
    pointer-events: auto; }
.category__close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 42px;
    height: 42px; }
.category__close .icon {
    display: block;
    width: 100%;
    height: 100%;
    fill: #ebece6; }
.category__close:hover .icon {
    fill: #f36251; }
.category__block {
    margin: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.category__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 1170px;
    max-width: 100%;
    min-height: 610px;
    margin-bottom: 50px; }
.category__left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 300px;
    margin-right: 100px; }
.category__right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    margin-top: 27px; }
.category__title {
    margin-bottom: 45px;
    color: #f36251;
    font-family: 'CocoBiker';
    font-size: 100px;
    font-weight: 800;
    letter-spacing: -3.75px;
    line-height: 100px;
    text-transform: uppercase;
    text-align: center; }
.category__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
.category__img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 440px;
    height: 440px;
    margin-bottom: 50px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fff; }
.category__img img {
    display: block;
    max-width: 90%;
    max-height: 90%; }
.category__img:hover .border-top:before, .category__img:hover .border-top:after,
.category__img:hover .border-bottom:before,
.category__img:hover .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #35434a; }
@media (max-width: 767px) {
    .category__img:hover .border-top:before, .category__img:hover .border-top:after,
    .category__img:hover .border-bottom:before,
    .category__img:hover .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #35434a; } }

.item-category {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 230px;
    height: 315px;
    padding: 10px;
    text-decoration: none; }
.item-category .border-top:before, .item-category .border-top:after,
.item-category .border-bottom:before,
.item-category .border-bottom:after {
    border-color: transparent; }
.item-category__icon {
    width: 140px;
    height: 140px;
    margin-bottom: 30px;
    -webkit-transition: color 0.35s border-color 0.35s;
    transition: color 0.35s border-color 0.35s; }
.item-category__icon--1 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-1.svg) center center no-repeat;
    background-size: contain; }
.item-category__icon--2 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-2.svg) center center no-repeat;
    background-size: contain; }
.item-category__icon--3 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-3.svg) center center no-repeat;
    background-size: contain; }
.item-category__icon--4 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-4.svg) center center no-repeat;
    background-size: contain; }
.item-category__icon--5 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-5.svg) center center no-repeat;
    background-size: contain; }
.item-category__text {
    width: 100%;
    min-height: 50px;
    color: #35434a;
    font-size: 25px;
    line-height: 25px;
    font-weight: 800;
    text-align: center;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.item-category__text span {
    color: #f36251;
    font-size: 40px;
    line-height: 0; }
.item-category:hover .border-top:before, .item-category:hover .border-top:after,
.item-category:hover .border-bottom:before,
.item-category:hover .border-bottom:after {
    border-color: #f36251; }
.item-category:hover .item-category__text {
    color: #f36251; }
.item-category:hover .item-category__icon--1 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-1-red.svg) center center no-repeat;
    background-size: contain; }
.item-category:hover .item-category__icon--2 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-2-red.svg) center center no-repeat;
    background-size: contain; }
.item-category:hover .item-category__icon--3 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-3-red.svg) center center no-repeat;
    background-size: contain; }
.item-category:hover .item-category__icon--4 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-4-red.svg) center center no-repeat;
    background-size: contain; }
.item-category:hover .item-category__icon--5 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-5-red.svg) center center no-repeat;
    background-size: contain; }

.tabs-title-category__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 25px 30px;
    text-decoration: none; }
.tabs-title-category__link .border-top:before, .tabs-title-category__link .border-top:after,
.tabs-title-category__link .border-bottom:before,
.tabs-title-category__link .border-bottom:after {
    width: 26px;
    height: 26px;
    border-color: transparent; }
.tabs-title-category__link:hover .tabs-title-category__text {
    color: #f36251; }
.tabs-title-category__link:hover .tabs-title-category__icon--1 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-1-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-category__link:hover .tabs-title-category__icon--2 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-2-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-category__link:hover .tabs-title-category__icon--3 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-3-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-category__link:hover .tabs-title-category__icon--4 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-4-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-category__link:hover .tabs-title-category__icon--5 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-5-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-category__link.active .border-top:before, .tabs-title-category__link.active .border-top:after,
.tabs-title-category__link.active .border-bottom:before,
.tabs-title-category__link.active .border-bottom:after {
    border-color: #f36251; }
.tabs-title-category__link.active .tabs-title-category__text {
    color: #f36251; }
.tabs-title-category__link.active .tabs-title-category__icon--1 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-1-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-category__link.active .tabs-title-category__icon--2 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-2-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-category__link.active .tabs-title-category__icon--3 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-3-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-category__link.active .tabs-title-category__icon--4 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-4-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-category__link.active .tabs-title-category__icon--5 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-5-red.svg) center center no-repeat;
    background-size: contain; }

.tabs-title-category__text {
    color: #35434a;
    font-weight: 800;
    font-size: 25px;
    line-height: 25px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.tabs-title-category__text span {
    color: #f36251;
    font-size: 40px;
    line-height: 0; }

.tabs-title-category__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    -webkit-transition: color 0.35s border-color 0.35s;
    transition: color 0.35s border-color 0.35s; }
.tabs-title-category__icon--1 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-1.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-category__icon--2 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-2.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-category__icon--3 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-3.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-category__icon--4 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-4.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-category__icon--5 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-category-5.svg) center center no-repeat;
    background-size: contain; }

/*======================== index ========================*/
.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    padding: 25px 0;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    border-bottom: 1px solid transparent;
    background-color: #fffcf0; }
.header__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.header__contacts {
    text-align: right; }
.header__btn {
    position: absolute;
    top: 25px;
    right: 0;
    width: 320px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 5px;
    text-transform: uppercase;
    white-space: nowrap; }
.header__btn:hover {
    background-color: #f14c39;
    color: #fff; }
.header.fixed, .header.fixed-dop {
    background-color: #fffcf0;
    border-color: #dfe0d8; }
.header.fixed .bg-lines, .header.fixed-dop .bg-lines {
    opacity: 0; }
.header--red {
    background-color: #f36251; }
.header--red .menu__link {
    color: #35434a; }
.header--red .menu__link:after {
    background-color: #fffcf0; }
.header--red .menu__link:hover {
    color: #fffcf0; }
.header--red .phone {
    color: #fffcf0; }
.header--red .phone:hover {
    color: #35434a; }
.header--red .btn {
    background-color: #fffcf0;
    border-color: #fffcf0;
    color: #f36251; }
.header--red .btn:hover {
    border-color: #35434a;
    background-color: #35434a; }
.header--red.fixed, .header--red.fixed-dop {
    background-color: #f36251;
    border-color: #fffcf0; }

.logo {
    display: block;
    width: 136px;
    height: 63px; }
.logo img {
    display: block;
    width: 100%; }

.phone {
    color: #35434a;
    font-size: 22px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: none; }


.address {
    margin-top: 5px;
    color: #35434a;
    font-size: 16px;
    line-height: 22px; }

.menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none; }

.menu__item {
    margin-right: 25px; }
.menu__item:last-child {
    margin-right: 0; }

.menu__link {
    position: relative;
    padding-bottom: 6px;
    color: #35434a;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 4.67px;
    text-transform: uppercase;
    text-decoration: none; }
.menu__link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #f36251;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.menu__link:hover {
    color: #f36251; }
.menu__link:hover:after {
    width: calc(100% - 4.67px); }
.menu__link.active {
    color: #f36251;
    cursor: default; }
.menu__link.active:after {
    display: none; }

.gamb {
    display: none; }

.mobile-nav {
    display: none; }

.footer {
    position: relative;
    z-index: 10;
    padding: 75px 0 105px;
    background-color: #35434a; }
.footer__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
.footer__info {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
.footer__copyright {
    margin-bottom: 12px;
    color: #fff;
    font-size: 16px;
    line-height: 20px; }
.footer__terms-of-use {
    color: #f36251;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none; }
.footer__terms-of-use:hover {
    color: #b9bbad; }
.footer__social {
    margin-top: 25px; }
.footer__contacts {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
.footer__phone {
    margin-bottom: 12px;
    color: #fff;
    font-size: 20px;
    line-height: 17px;
    text-decoration: none; }
.footer__phone:hover {
    color: #f36251; }
.footer__email {
    color: #f36251;
    font-size: 18px;
    line-height: 25px;
    text-decoration: none; }
.footer__email:hover {
    color: #b9bbad; }
.footer__address {
    margin-top: 12px;
    color: #fff;
    font-size: 18px;
    line-height: 22px; }

.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.social__link {
    width: 30px;
    height: 30px;
    margin-right: 15px; }
.social__link .icon {
    display: block;
    max-width: 100%;
    max-height: 100%;
    fill: #f36251; }
.social__link:last-child {
    margin-right: 0; }
.social__link:hover .icon {
    fill: #b9bbad; }

.menu-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 30px; }
.menu-footer__list {
    margin: 0 70px 0 0;
    padding: 0;
    list-style: none; }
.menu-footer__list--dop {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 65px;
    -moz-column-gap: 65px;
    column-gap: 65px;
    margin: 0; }
.menu-footer__list--dop .menu-footer__item {
    margin-bottom: 14px; }
.menu-footer__list--dop .menu-footer__link {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 5px;
    line-height: 15px;
    text-transform: uppercase; }
.menu-footer__item {
    margin-bottom: 10px; }
.menu-footer__item:last-child {
    margin-bottom: 0; }
.menu-footer__link {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    text-decoration: none; }
.menu-footer__link:hover {
    color: #f36251; }

.intro {
    padding-top: 170px;
    margin-bottom: 220px; }
.intro__info {
    position: relative;
    margin-bottom: 63px; }
.intro__info:after {
    content: 'Ìådèà ìàÿk';
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.15;
    color: #c1c3b6;
    font-family: 'CocoBiker';
    font-size: 350px;
    font-weight: 700;
    letter-spacing: -27px;
    line-height: 290px;
    text-align: center;
    text-transform: uppercase; }
.intro__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 570px;
    height: 617px;
    margin: 0 auto;
    border: 30px solid #f36251; }
.intro__img img {
    display: block;
    width: 510px;
    height: 888px;
    margin-bottom: -106px; }
.intro__title {
    position: absolute;
    top: 50%;font-family: 'CocoBiker';
    left: 0;width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
.intro__title span {font-family: 'ProximaNova';}

.slider-intro {
    position: relative;
    width: 100%;
    height: 440px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background: #f36251 url(/bitrix/templates/v1.0/css/../img/bg-slider.jpg) center center no-repeat;
    background-size: cover; }
.slider-intro__items {
    height: 440px; }
.slider-intro__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 100px 30px 0 30px; }
.slider-intro__title {
    position: relative;
    z-index: 2;
    margin-bottom: 12px;
    color: #ef6555;
    font-size: 100px;
    font-weight: 900;
    line-height: 100px;
    text-transform: uppercase; }
.slider-intro__title:before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: -50px;
    z-index: -1;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: calc(100% + 100px);
    height: 135px;
    background-color: #fffcf0; }
.slider-intro__text {
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
    color: #35434a;
    font-size: 50px;
    font-weight: 700;
    line-height: 53px; }
.slider-intro__text span {
    color: #ef6555; }
.slider-intro__text:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -40px;
    z-index: -1;
    width: calc(100% + 80px);
    height: 87px;
    background-color: #fffcf0;
    -webkit-transform: rotate(1deg) translateY(-50%);
    transform: rotate(1deg) translateY(-50%); }
.slider-intro__btn {
    height: 65px;
    padding: 0 34px; }
.slider-intro .owl-dots {
    bottom: 28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
.slider-intro .owl-dot {
    border-color: #35434a; }
.slider-intro__decor {
    position: absolute;
    z-index: 2; }
.slider-intro__decor--1 {
    top: -37px;
    left: -53px;
    width: 66px;
    height: 29px; }
.slider-intro__decor--2 {
    bottom: -70px;
    left: -57px;
    width: 146px;
    height: 118px; }
.slider-intro__decor--3 {
    bottom: -30px;
    right: -15px;
    width: 69px;
    height: 32px; }

.tariffs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-bottom: 250px; }

.item-tariff {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -30px;
    width: 540px;
    text-decoration: none;
    color: #8e9081;
}
.item-tariff:hover .item-tariff__img img {
    -webkit-animation: ship 3s linear infinite;
    animation: ship 3s linear infinite;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%; }
.item-tariff:hover .item-tariff__title {
    color: #f36251; }
.item-tariff:hover .item-tariff__title span {
    color: #35434a; }
.item-tariff:hover .border-top:before, .item-tariff:hover .border-top:after,
.item-tariff:hover .border-bottom:before,
.item-tariff:hover .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #f36251; }
@media (max-width: 767px) {
    .item-tariff:hover .border-top:before, .item-tariff:hover .border-top:after,
    .item-tariff:hover .border-bottom:before,
    .item-tariff:hover .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #f36251; } }
.item-tariff:nth-child(2n) {
    margin-left: auto; }
.item-tariff:first-child {
    margin-top: 0; }
.item-tariff--1 .item-tariff__img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.item-tariff--1 .item-tariff__img img {
    margin-left: -12px; }
.item-tariff--2 {
    margin-right: 35px; }
.item-tariff--2 .item-tariff__img {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
.item-tariff--2 .item-tariff__img img {
    margin-left: 10px;
    margin-top: -15px; }
.item-tariff--3 {
    margin-left: 70px; }
.item-tariff--3 .item-tariff__img img {
    margin-left: 17px;
    margin-top: -15px; }
.item-tariff--4 .item-tariff__img {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
.item-tariff--4 .item-tariff__img img {
    margin-left: 15px;
    margin-top: -30px; }
.item-tariff__img {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 270px;
    height: 270px;
    margin-right: 30px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.item-tariff__img img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: block;
    left: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%; }
.item-tariff__title {
    margin-bottom: 10px;
    color: #35434a;
    font-size: 30px;
    font-weight: 800;
    line-height: 35px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.item-tariff__title span {
    color: #f36251;
    font-size: 40px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.item-tariff__text {
    color: #47545a;
    font-size: 20px; }
.item-tariff__bottom {
    margin-top: 25px; }
.item-tariff__price {
    color: #f36251;
    font-size: 30px;
    font-weight: 800; }
.item-tariff__price span {
    font-size: 28px; }

.develop {
    position: relative; }
.develop .section-top__img {
    width: 670px; }
.develop .section-top__img img {
    margin-top: -40px; }
.develop .section-descr__text {
    width: 500px; }

.rating {
    padding: 100px 0;
    margin-bottom: 290px;
    background-color: #f36251; }
.rating--context {
    margin-bottom: 180px; }

.step-rating {
    display: none; }
.step-rating--1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.step-rating--1 .step-rating__info {
    width: 670px;
    margin-right: 0; }
.step-rating--1 .step-rating__title {
    margin-bottom: 40px;
    font-size: 60px;
    line-height: 60px; }
.step-rating--1 .step-rating__title span {
    font-size: 90px; }
.step-rating--1 .step-rating__text {
    margin-bottom: 30px; }
.step-rating--1 .step-rating__btn {
    height: 64px; }
.step-rating__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
.step-rating__big-title {
    font-family: 'CocoBiker';
    text-transform: uppercase;
    color: #fff;
    font-size: 100px;
    line-height: 100px;
    margin-left: -44px; }
.step-rating__big-title span {
    font-family: 'ProximaNova';
    font-weight: 900; }
.step-rating__big-title--indent {
    margin-left: -10px; }
.step-rating__info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 750px;
    min-height: 560px;
    padding: 40px 40px 40px 100px;
    margin-right: 125px;
    background-color: #fffcf0; }
.step-rating .border-top:before, .step-rating .border-top:after,
.step-rating .border-bottom:before,
.step-rating .border-bottom:after {
    border-color: #35434a; }
.step-rating__title {
    width: 100%;
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 55px; }
.step-rating__title span {
    font-size: 50px;
    line-height: 0; }
.step-rating__text {
    width: 100%;
    margin-bottom: 60px;
    color: #35434a;
    font-size: 25px;
    line-height: 32px; }
.step-rating__btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 56px;
    margin-right: 24px; }
.step-rating__btn:last-child {
    margin-right: 0; }
.step-rating__numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: -10px; }
.step-rating__number {
    color: #fff;
    font-size: 130px;
    font-weight: 700;
    line-height: 90px; }
.step-rating__all {
    color: #35434a;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px; }

.context .section-top__img {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 670px;
    height: 540px; }
.context .section-top__img img {
    margin-left: -100px; }

.context .section-descr {
    padding-left: 170px; }

.social-marketing .section-top__img {
    width: 700px; }

.social-marketing .section-descr__text {
    width: 610px; }

.reviews {
    padding-top: 160px;
    margin-bottom: 180px;
    background-color: #fff; }
.reviews__title {
    width: 860px;
    max-width: 100%;
    margin-bottom: 105px; }

.slider-reviews {
    width: calc(100% + 288px) !important;
    margin: 0 -153px 0 -135px;
    height: 600px; }
.slider-reviews__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }
.slider-reviews__info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    padding: 150px 100px 150px 135px;
    background-color: #2f302b; }
.slider-reviews__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 424px;
    height: 600px;
    padding: 2px;
    margin-left: 30px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad; }
.slider-reviews__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
.slider-reviews__img:hover .border-top:before, .slider-reviews__img:hover .border-top:after,
.slider-reviews__img:hover .border-bottom:before,
.slider-reviews__img:hover .border-bottom:after {
    width: 60px;
    height: 60px;
    border-color: #f36251; }
.slider-reviews__name {
    color: #fff;
    font-size: 22px;
    font-weight: 700; }
.slider-reviews__position {
    margin-bottom: 35px;
    color: #a1a19f;
    font-size: 18px; }
.slider-reviews__text {
    height: 116px;
    margin: 0;
    color: #fff;
    font-size: 25px;
    line-height: 29px;
    overflow: hidden; }
.slider-reviews__text span {
    color: #ff594c;
    font-weight: 700; }
.slider-reviews .owl-dots {
    bottom: 167px;
    left: 135px; }

.customers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 60px 0 75px;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
.customers img {
    max-width: 200px;
    max-height: 50px;
    margin: 0 20px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    opacity: 0.6; }
.customers img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1; }

.options__title {
    width: 1070px;
    max-width: 100%;
    margin-bottom: 40px;
    color: #f36251;
    font-family: 'CocoBiker';
    font-size: 100px;
    font-weight: 700;
    line-height: 110px;
    text-transform: uppercase; }

.options__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }

.item-options {
    position: relative;
    width: 370px;
    height: 370px;
    margin-right: 30px;
    margin-bottom: 105px;
    padding: 50px 40px 80px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.item-options:hover .border-top:before, .item-options:hover .border-top:after,
.item-options:hover .border-bottom:before,
.item-options:hover .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #f36251; }
@media (max-width: 767px) {
    .item-options:hover .border-top:before, .item-options:hover .border-top:after,
    .item-options:hover .border-bottom:before,
    .item-options:hover .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #f36251; } }
.item-options:nth-child(2), .item-options:nth-child(5) {
    margin-top: -50px; }
.item-options:nth-child(3n) {
    margin-right: 0; }
.item-options__title {
    position: absolute;
    left: 30px;
    bottom: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff;
    font-weight: 800;
    font-size: 25px;
    line-height: 30px; }
.item-options__title span {
    display: inline-block;
    padding: 5px 35px 5px 25px;
    background-color: #f36251; }
.item-options__title span:nth-child(2) {
    padding: 0 35px 5px 25px; }
.item-options__text {
    height: 216px;
    color: #35434a;
    font-size: 20px;
    line-height: 24px;
    overflow: hidden; }

/*======================== about ========================*/
.about__title {
    margin-left: 95px;
    margin-bottom: 80px; }

.company__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 160px; }

.company__img {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 500px;
    height: 785px;
    padding: 2px;
    margin-right: 100px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.company__img img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    max-width: 100%;
    max-height: 100%; }

.company__subtitle {
    margin-bottom: 25px;
    color: #35434a;
    font-size: 30px;
    font-weight: 600;
    line-height: 30px; }
.company__subtitle span {
    color: #f36251; }

.company__text {
    margin-bottom: 60px;
    color: #35434a;
    font-size: 25px;
    line-height: 32px; }
.company__text--margin {
    margin-left: 100px; }
.company__text a {
    color: #f36251;
    text-decoration: none;
    border-bottom: 1px solid #f36251; }
.company__text a:hover {
    border-color: transparent; }

.list-company {
    width: 100%;
    margin: 0 0 25px;
    padding: 0;
    list-style: none; }
.list-company__item {
    position: relative;
    padding-left: 23px;
    margin-bottom: 15px;
    color: #47545a;
    font-size: 25px;
    line-height: 32px; }
.list-company__item:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #f36251; }
.list-company--check .list-company__item:before {
    width: 10px;
    height: 10px;
    background: #f36251 url(/bitrix/templates/v1.0/css/../img/check-white.svg) center center no-repeat;
    background-size: 6px; }

.rules {
    margin-bottom: 150px; }
.rules__title span {
    font-size: 50px; }
.rules__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.item-rules {
    position: relative;
    width: 33.33%;
    min-height: 470px;
    margin: -4px 0 0 -4px;
    padding: 50px 30px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.item-rules:nth-child(n+4) {
    margin-top: -54px; }
.item-rules:nth-child(2) {
    margin-top: 46px; }
.item-rules:nth-child(5) {
    margin-top: -4px; }
.item-rules__title {
    margin-bottom: 15px;
    color: #35434a;
    font-size: 30px;
    line-height: 35px;
    font-weight: 800; }
.item-rules__title span {
    color: #f36251; }
.item-rules__text {
    color: #47545a;
    font-size: 20px; }

.numbers {
    margin-top: 180px;
    margin-bottom: 175px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
.numbers__title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 -15px 0;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 100px;
    font-weight: 700;
    line-height: 100px;
    text-transform: uppercase; }
.numbers__items {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 540px; }

.item-numbers {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 270px;
    height: 335px;
    margin: -4px 0 0 -4px;
    -webkit-box-shadow: inset 0 0 0 2px #ebece6;
    box-shadow: inset 0 0 0 2px #ebece6;
    background-color: #fffcf0; }
.item-numbers:first-child {
    left: -266px; }
.item-numbers__number {
    color: #f36251;
    font-size: 130px;
    line-height: 130px;
    font-weight: 800; }
.item-numbers__number span {
    font-size: 70px; }
.item-numbers__title {
    color: #35434a;
    font-size: 30px;
    line-height: 35px;
    font-weight: 800; }
.item-numbers__title span {
    color: #f36251; }

.vacancy {
    margin-bottom: 180px; }
.vacancy__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px; }
.vacancy__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 500px;
    height: 448px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.vacancy__img img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    max-width: 80%;
    max-height: 80%; }
.vacancy__img:hover .border-top:before, .vacancy__img:hover .border-top:after,
.vacancy__img:hover .border-bottom:before,
.vacancy__img:hover .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #f36251; }
@media (max-width: 767px) {
    .vacancy__img:hover .border-top:before, .vacancy__img:hover .border-top:after,
    .vacancy__img:hover .border-bottom:before,
    .vacancy__img:hover .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #f36251; } }
.vacancy__title {
    margin-left: -20px;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 160px;
    font-weight: 700;
    line-height: 150px;
    text-transform: uppercase; }

.item-vacancy {
    margin-bottom: 180px; }
.item-vacancy__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.vacancy-options {
    width: calc(33.33% - 20px);
    margin-right: 30px; }
.vacancy-options:last-child {
    margin-right: 0; }
.vacancy-options:nth-child(2) {
    margin-top: 54px; }
.vacancy-options__img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 370px;
    margin-bottom: 30px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.vacancy-options__img img {
    display: block;
    max-width: 70%;
    max-height: 70%; }
.vacancy-options__img:hover .border-top:before, .vacancy-options__img:hover .border-top:after,
.vacancy-options__img:hover .border-bottom:before,
.vacancy-options__img:hover .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #35434a; }
@media (max-width: 767px) {
    .vacancy-options__img:hover .border-top:before, .vacancy-options__img:hover .border-top:after,
    .vacancy-options__img:hover .border-bottom:before,
    .vacancy-options__img:hover .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #35434a; } }
.vacancy-options__title {
    margin-bottom: 10px;
    margin-left: 20px;
    color: #35434a;
    font-size: 30px;
    line-height: 35px;
    font-weight: 800; }
.vacancy-options__title span {
    color: #f36251; }
.vacancy-options__list {
    margin: 0;
    padding: 0;
    list-style: none; }
.vacancy-options__item {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
    color: #47545a;
    font-size: 20px; }
.vacancy-options__item:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #f36251; }

.resume {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.resume__title {
    width: 100%;
    margin-left: -15px;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 100px;
    font-weight: 700;
    line-height: 100px;
    text-transform: uppercase; }

.partners__title {
    margin-top: 0;
    margin-bottom: 50px;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 160px;
    font-weight: 700;
    line-height: 150px;
    text-transform: uppercase;
    text-align: center; }

.partners__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.item-partners {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(33.33% - 20px);
    height: 370px;
    margin-right: 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.item-partners img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    max-width: 80%;
    max-height: 80%;
    opacity: 0.86;
    -webkit-filter: grayscale(1);
    filter: grayscale(1); }
.item-partners:nth-child(3n) {
    margin-right: 0; }
.item-partners__title {
    position: absolute;
    left: 30px;
    bottom: -40px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff;
    font-weight: 800;
    font-size: 25px;
    line-height: 30px; }
.item-partners__title span {
    display: inline-block;
    padding: 5px 35px 5px 25px;
    background-color: #b9bbad;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.item-partners:hover .item-partners__title span {
    background-color: #f36251; }
.item-partners:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1; }
.item-partners:hover .border-top:before, .item-partners:hover .border-top:after,
.item-partners:hover .border-bottom:before,
.item-partners:hover .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #f36251; }
@media (max-width: 767px) {
    .item-partners:hover .border-top:before, .item-partners:hover .border-top:after,
    .item-partners:hover .border-bottom:before,
    .item-partners:hover .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #f36251; } }

/*======================== reviews ========================*/
.all-reviews {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
.all-reviews__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.all-reviews__btn {
    -ms-flex-item-align: center;
    align-self: center;
    height: 80px;
    padding: 0 60px;
    font-size: 30px;
    line-height: 30px; }

.item-reviews {
    position: relative;
    display: block;
    width: calc(33.33% - 20px);
    height: 517px;
    margin-right: 30px;
    margin-bottom: 105px;
    padding: 2px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    text-decoration: none; }
.item-reviews:nth-child(3n) {
    margin-right: 0; }
.item-reviews:hover .item-reviews__title span {
    background-color: #f36251; }
.item-reviews:hover .border-top:before, .item-reviews:hover .border-top:after,
.item-reviews:hover .border-bottom:before,
.item-reviews:hover .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #f36251; }
@media (max-width: 767px) {
    .item-reviews:hover .border-top:before, .item-reviews:hover .border-top:after,
    .item-reviews:hover .border-bottom:before,
    .item-reviews:hover .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #f36251; } }
.item-reviews:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0); }
.item-reviews img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-filter: grayscale(1);
    filter: grayscale(1); }
.item-reviews__title {
    position: absolute;
    left: 30px;
    bottom: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff;
    font-weight: 800;
    font-size: 25px;
    line-height: 30px; }
.item-reviews__title span {
    display: inline-block;
    padding: 10px 25px;
    background-color: #b9bbad;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.item-reviews__title span:nth-child(2) {
    padding-top: 5px; }

.reviews-full {
    margin-bottom: 175px; }
.reviews-full__text {
    width: 1070px;
    max-width: 100%;
    margin-bottom: 115px;
    color: #47545a;
    font-size: 25px;
    font-weight: 400;
    line-height: 32px; }

.info-reviews-full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
.info-reviews-full__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 497px;
    height: 704px;
    margin-right: 100px;
    padding: 2px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad; }
.info-reviews-full__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
.info-reviews-full__wrap {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%; }
.info-reviews-full__name {
    color: #35434a;
    font-size: 22px;
    font-weight: 700; }
.info-reviews-full__position {
    margin-bottom: 40px;
    color: #a1a19f;
    font-size: 18px; }
.info-reviews-full__text {
    margin: 0;
    color: #35434a;
    font-size: 23px;
    line-height: 30px; }
.info-reviews-full__text span {
    color: #f36251;
    font-weight: 700; }
.info-reviews-full__text p {
    margin: 35px 0; }

.all-reviews-slider {
    min-height: 706px; }
.all-reviews-slider .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.all-reviews-slider .item-reviews {
    width: 366px;
    height: 518px;
    margin-right: 0;
    margin-bottom: 30px; }
.all-reviews-slider .owl-item.center .item-reviews {
    width: 476px;
    height: 676px; }
.all-reviews-slider .owl-item.center .item-reviews__title span {
    background-color: #f36251; }
.all-reviews-slider .slider-nav {
    top: 230px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

/*======================== 404 ========================*/
.page-404 {
    margin: 55px 0 160px; }
.page-404__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative; }
.page-404__title {
    color: #35434a;
    font-size: 82px;
    letter-spacing: -2.24px;
    line-height: 82px;
    font-weight: 800; }
.page-404__title span {
    color: #f36251; }
.page-404__subtitle {
    color: #35434a;
    font-size: 46px;
    font-weight: 700;
    letter-spacing: -1.25px;
    line-height: 40px; }
.page-404__img {
    position: relative;
    margin: -100px 0 0 -90px; }
.page-404__img img {
    display: block;
    width: 110%; }
.page-404__img:before {
    content: '';
    position: absolute;
    top: 20px;
    left: -13px;
    width: 35px;
    height: 340px;
    background: url(/bitrix/templates/v1.0/css/../img/404-fish.svg) center center no-repeat;
    -webkit-animation: fish-skeleton 3s linear infinite;
    animation: fish-skeleton 3s linear infinite;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%; }

.cloud-404 {
    position: relative;
    z-index: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 511px;
    height: 321px;
    padding: 80px 30px 0 100px;
    margin-right: 80px;
    background: url(/bitrix/templates/v1.0/css/../img/parallax-cloud-4.svg) center center no-repeat;
    background-size: contain; }
.cloud-404:after {
    content: '';
    position: absolute;
    right: -70px;
    bottom: 0;
    width: 132px;
    height: 55px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background: url(/bitrix/templates/v1.0/css/../img/mini-bubble.png) center center no-repeat;
    background-size: contain; }
.cloud-404__title {
    margin-bottom: 15px;
    color: #35434a;
    font-size: 25px;
    line-height: 30px;
    font-weight: 800; }
.cloud-404__text {
    color: #35434a;
    font-size: 20px;
    line-height: 23px; }
.cloud-404__text a {
    border-bottom: 1px solid #f36251;
    color: #f36251;
    text-decoration: none; }
.cloud-404__text a:hover {
    border-color: transparent; }

/*======================== faq ========================*/
.tabs-title-faq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 100px;
    position: relative; }
.tabs-title-faq__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20%;
    height: 310px;
    padding: 20px;
    text-decoration: none; }
.tabs-title-faq__link .border-top:before, .tabs-title-faq__link .border-top:after,
.tabs-title-faq__link .border-bottom:before,
.tabs-title-faq__link .border-bottom:after {
    border-color: transparent; }
.tabs-title-faq__link:hover .tabs-title-faq__icon--1 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-faq-1-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-faq__link:hover .tabs-title-faq__icon--2 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-faq-2-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-faq__link:hover .tabs-title-faq__icon--3 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-faq-3-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-faq__link:hover .tabs-title-faq__icon--4 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-faq-4-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-faq__link:hover .tabs-title-faq__icon--5 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-faq-5-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-faq__link.active .border-top:before, .tabs-title-faq__link.active .border-top:after,
.tabs-title-faq__link.active .border-bottom:before,
.tabs-title-faq__link.active .border-bottom:after {
    border-color: #f36251; }
.tabs-title-faq__link.active .tabs-title-faq__text {
    color: #f36251; }
.tabs-title-faq__link.active .tabs-title-faq__icon--1 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-faq-1-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-faq__link.active .tabs-title-faq__icon--2 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-faq-2-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-faq__link.active .tabs-title-faq__icon--3 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-faq-3-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-faq__link.active .tabs-title-faq__icon--4 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-faq-4-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-faq__link.active .tabs-title-faq__icon--5 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-faq-5-red.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-faq__text {
    width: 100%;
    min-height: 50px;
    color: #35434a;
    font-size: 25px;
    line-height: 25px;
    font-weight: 800;
    text-align: center;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.tabs-title-faq__text span {
    color: #f36251;
    font-size: 40px;
    line-height: 0; }
.tabs-title-faq__icon {
    width: 135px;
    height: 135px;
    margin-bottom: 30px;
    -webkit-transition: color 0.35s border-color 0.35s;
    transition: color 0.35s border-color 0.35s; }
.tabs-title-faq__icon--1 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-faq-1.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-faq__icon--2 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-faq-2.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-faq__icon--3 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-faq-3.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-faq__icon--4 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-faq-4.svg) center center no-repeat;
    background-size: contain; }
.tabs-title-faq__icon--5 {
    background: url(/bitrix/templates/v1.0/css/../img/icon-faq-5.svg) center center no-repeat;
    background-size: contain; }

.faq__title {
    margin-top: 0;
    margin-bottom: 80px;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 100px;
    font-weight: 800;
    letter-spacing: -3.75px;
    line-height: 100px;
    text-transform: uppercase;
    text-align: center; }

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

.faq__col {
    width: calc(50% - 15px);
    margin-right: 30px; }
.faq__col:last-child {
    margin-right: 0; }

/*======================== contacts ========================*/
.contacts {
    position: relative; }
.contacts__info {
    position: absolute;
    top: 150px;
    right: 0;
    z-index: 1;
    width: 860px; }
.contacts__top {
    padding: 100px 100px 70px;
    background-color: #fffcf0; }
.contacts__map {
    width: 100%;
    height: 1280px; }
.contacts__title {
    margin-top: 0;
    margin-bottom: 50px;
    color: #f36251;
    font-family: 'CocoBiker';
    font-size: 100px;
    font-weight: 800;
    letter-spacing: -3.75px;
    line-height: 100px;
    text-transform: uppercase; }
.contacts__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.contacts__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 100px;
    margin-bottom: 30px; }
.contacts__item .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    margin-right: 20px; }
.contacts__item:last-child {
    margin-right: 0; }
.contacts__address {
    color: #47545a;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3.56px;
    text-transform: uppercase; }
.contacts__address span {
    display: block;
    margin-top: 10px;
    color: #47545a;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal; }
.contacts__phone {
    display: inline-block;
    color: #47545a;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    text-decoration: none; }
.contacts__phone:hover {
    color: #f36251; }
.contacts__email {
    display: inline-block;
    color: #f36251;
    font-size: 20px;
    line-height: 25px;
    text-decoration: none; }
.contacts__email:hover {
    color: #35434a; }
.contacts__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
.contacts__bottom {
    padding: 80px 100px;
    background-color: #f36251; }

#map {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0; }

.contacts-thank {
    display: none; }
.contacts-thank__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.contacts-thank__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 320px;
    height: 320px;
    background-color: #fffcf0; }
.contacts-thank__img img {
    display: block;
    width: 80%;
    height: 80%; }
.contacts-thank__img .border-top:before, .contacts-thank__img .border-top:after,
.contacts-thank__img .border-bottom:before,
.contacts-thank__img .border-bottom:after {
    border-color: #35434a; }
.contacts-thank__title {
    color: #fffcf0;
    font-family: 'CocoBiker';
    font-size: 80px;
    font-weight: 700;
    line-height: 80px;
    text-transform: uppercase; }

/*======================== portfolio ========================*/
.portfolio {
    margin-bottom: 160px; }
.portfolio__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }

.item-portfolio {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(33.33% - 20px);
    height: 370px;
    margin-right: 30px;
    margin-bottom: 20px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.item-portfolio:nth-child(3n) {
    margin-right: 0;
    margin-top: 30px; }
.item-portfolio:nth-child(3n - 1) {
    margin-top: 88px; }
.item-portfolio img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    max-width: 70%;
    max-height: 70%;
    opacity: 0.5;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.item-portfolio__title {
    position: absolute;
    left: 30px;
    bottom: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff;
    font-weight: 800;
    font-size: 25px;
    line-height: 30px; }
.item-portfolio__title span {
    display: inline-block;
    padding: 5px 35px 5px 25px;
    background-color: #b9bbad;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.item-portfolio__title span:nth-child(2) {
    padding: 0 35px 5px 25px; }
.item-portfolio:hover .item-portfolio__title span {
    background-color: #f36251; }
.item-portfolio:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0); }
.item-portfolio:hover .border-top:before, .item-portfolio:hover .border-top:after,
.item-portfolio:hover .border-bottom:before,
.item-portfolio:hover .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #f36251; }
@media (max-width: 767px) {
    .item-portfolio:hover .border-top:before, .item-portfolio:hover .border-top:after,
    .item-portfolio:hover .border-bottom:before,
    .item-portfolio:hover .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #f36251; } }

.portfolio-top {
    margin-bottom: 130px;
    background-color: #f36251; }
.portfolio-top .h1-inner {
    color: #fffcf0; }
.portfolio-top .breadcrumbs {
    margin-bottom: 60px; }
.portfolio-top .breadcrumbs__link {
    color: #fffcf0; }
.portfolio-top .breadcrumbs__link:hover {
    color: #35434a; }
.portfolio-top .breadcrumbs__item:after {
    color: #fffcf0; }
.portfolio-top .breadcrumbs__text {
    color: #35434a; }
.portfolio-top__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 100px 0 30px; }
.portfolio-top__subtitle {
    color: #fffcf0;
    font-size: 30px;
    line-height: 35px;
    font-weight: 800; }
.portfolio-top__text {
    margin-top: 40px;
    margin-bottom: 135px;
    color: #fff;
    font-size: 25px;
    line-height: 30px;
    font-weight: 800;
    padding: 10px 25px;
    background-color: #35434a; }
.portfolio-top__site {
    border-bottom: 1px solid #fffcf0;
    color: #fffcf0;
    font-size: 20px;
    text-decoration: none; }
.portfolio-top__site:hover {
    border-color: transparent; }
.portfolio-top__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 105px; }
.portfolio-top__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    color: #fffcf0;
    font-size: 20px;
    line-height: 30px;
    text-decoration: none; }
.portfolio-top__item .icon {
    display: block;
    max-width: 26px;
    max-height: 26px;
    margin-right: 10px;
    fill: #fffcf0; }
.portfolio-top__item span {
    border-bottom: 1px solid #fffcf0;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.portfolio-top__item:hover span {
    border-color: transparent; }

.portfolio-full__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 160px; }

.portfolio-full__title {
    margin-top: 0;
    margin-bottom: 50px;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 160px;
    font-weight: 700;
    line-height: 150px;
    text-transform: uppercase;
    text-align: center; }

.item-portfolio-full {
    width: calc(33.33% - 20px);
    margin-right: 30px; }
.item-portfolio-full:last-child {
    margin-right: 0; }
.item-portfolio-full:nth-child(2) {
    margin-top: 80px; }
.item-portfolio-full__img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 370px;
    margin-bottom: 20px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.item-portfolio-full__img img {
    display: block;
    max-width: 80%;
    max-height: 80%; }
.item-portfolio-full__img:hover .border-top:before, .item-portfolio-full__img:hover .border-top:after,
.item-portfolio-full__img:hover .border-bottom:before,
.item-portfolio-full__img:hover .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #35434a; }
@media (max-width: 767px) {
    .item-portfolio-full__img:hover .border-top:before, .item-portfolio-full__img:hover .border-top:after,
    .item-portfolio-full__img:hover .border-bottom:before,
    .item-portfolio-full__img:hover .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #35434a; } }
.item-portfolio-full__info {
    padding: 0 30px; }
.item-portfolio-full__title {
    margin-bottom: 15px;
    color: #35434a;
    font-size: 30px;
    line-height: 35px;
    font-weight: 800; }
.item-portfolio-full__title span {
    color: #f36251; }
.item-portfolio-full__text {
    color: #47545a;
    font-size: 20px;
    line-height: 25px; }

.work-done {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.work-done__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px; }
.work-done__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 500px;
    height: 520px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.work-done__img img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    max-width: 80%;
    max-height: 80%; }
.work-done__img:hover .border-top:before, .work-done__img:hover .border-top:after,
.work-done__img:hover .border-bottom:before,
.work-done__img:hover .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #35434a; }
@media (max-width: 767px) {
    .work-done__img:hover .border-top:before, .work-done__img:hover .border-top:after,
    .work-done__img:hover .border-bottom:before,
    .work-done__img:hover .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #35434a; } }
.work-done__title {
    margin-right: -15px;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 140px;
    font-weight: 700;
    line-height: 130px;
    text-transform: uppercase;
    text-align: right; }
.work-done__text {
    width: 770px;
    max-width: 100%;
    margin: 0 auto 80px;
    color: #35434a;
    font-size: 25px;
    line-height: 32px; }
.work-done__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 888px;
    margin-left: auto;
    margin-bottom: 130px; }
.work-done__nav {
    margin-top: 80px; }

.item-work {
    position: relative;
    width: 296px;
    min-height: 296px;
    padding: 50px 25px 30px;
    margin: -4px 0 0 -4px;
    -webkit-box-shadow: inset 0 0 0 2px #ebece6;
    box-shadow: inset 0 0 0 2px #ebece6;
    background-color: #fffcf0; }
.item-work:nth-child(3n + 1) {
    left: -292px; }
.item-work__title {
    margin-bottom: 10px;
    color: #35434a;
    font-size: 30px;
    line-height: 32px;
    font-weight: 800; }
.item-work__title span {
    color: #f36251; }
.item-work__text {
    color: #47545a;
    font-size: 20px;
    line-height: 25px; }

.consult {
    background-color: #f36251; }
.consult__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 100px 0 55px; }
.consult__title {
    width: 100%;
    margin-bottom: 30px;
    color: #fffcf0;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    text-align: center; }

.portfolio-tabs-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px; }
.portfolio-tabs-title__link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 66px;
    padding: 0 40px;
    margin-right: 20px;
    border-radius: 33px;
    background-color: transparent;
    border: 2px solid transparent;
    color: #f36251;
    font-size: 30px;
    line-height: 20px;
    font-weight: 800;
    text-decoration: none; }
.portfolio-tabs-title__link:last-child {
    margin-right: 0; }
.portfolio-tabs-title__link:hover {
    border-color: #f36251; }
.portfolio-tabs-title__link.active {
    background-color: #f36251;
    border-color: #f36251;
    color: #fff; }

.slider-portfolio {
    margin-bottom: 160px; }
.slider-portfolio .slider-nav {
    top: 310px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
.slider-portfolio .owl-item {
    opacity: 0.3; }
.slider-portfolio .owl-item.center {
    opacity: 1; }
.slider-portfolio__scroll {
    width: 100%;
    height: 100%;
min-height: 100%;
    overflow: auto; }
.slider-portfolio__no-scroll {
    width: 100%;
    height: 100%;
    overflow: hidden; }
.slider-portfolio__item {
    width: 1150px; }
.slider-portfolio__img {
    position: relative;
    width: 100%;
    height: 638px;
    padding: 2px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    overflow: hidden; }
.slider-portfolio__img img {
    display: block;
    width: 100%;
    min-height: 100%; }
.slider-portfolio__img .border-top:before, .slider-portfolio__img .border-top:after,
.slider-portfolio__img .border-bottom:before,
.slider-portfolio__img .border-bottom:after {
    z-index: 1; }
.slider-portfolio__title {
    position: relative;
    z-index: 2;
    margin-top: -25px;
    margin-left: 35px;
    color: #fff;
    font-size: 25px;
    line-height: 30px;
    font-weight: 800; }
.slider-portfolio__title span {
    display: inline-block;
    padding: 10px 25px;
    background-color: #f36251; }
.slider-portfolio__text {
    margin-left: 60px;
    margin-top: 25px;
    color: #35434a;
    font-size: 16px; }
.slider-portfolio__text span {
    color: #f36251; }

.results {
    margin-bottom: 160px; }
.results__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
.results__title {
    margin-bottom: 50px;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 160px;
    font-weight: 700;
    line-height: 150px;
    text-transform: uppercase;
    text-align: center; }

.item-results {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 33.33%;
    height: 393px;
    padding: 30px;
    margin-left: -4px;
    -webkit-box-shadow: inset 0 0 0 2px #ebece6;
    box-shadow: inset 0 0 0 2px #ebece6;
    background-color: #fffcf0; }
.item-results:nth-child(2) {
    margin-top: 50px; }
.item-results__title {
    margin-bottom: 10px;
    color: #f36251;
    font-size: 110px;
    line-height: 110px;
    font-weight: 800;
    text-align: center; }
.item-results__title span {
    font-size: 70px; }
.item-results__subtitle {
    margin-bottom: 5px;
    color: #35434a;
    font-size: 30px;
    line-height: 35px;
    font-weight: 800;
    text-align: center; }
.item-results__text {
    color: #47545a;
    font-size: 20px;
    line-height: 25px;
    text-align: center; }

.statistics__title {
    font-family: 'CocoBiker';
    color: #35434a;
    font-size: 100px;
    font-weight: 700;
    line-height: 110px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 100px; }

.statistics__graph {
    margin-bottom: 150px; }

.get-results {
    padding: 90px 0;
    background-color: #f36251;
    display: none; }
.get-results--margin {
    margin-bottom: 100px; }
.get-results__title {
    margin-bottom: 50px;
    color: #fffcf0;
    font-family: 'CocoBiker';
    font-size: 100px;
    font-weight: 700;
    line-height: 100px;
    text-transform: uppercase;
    text-align: center; }
.get-results__title--left {
    text-align: left; }
.get-results__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.get-results__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 370px;
    height: 370px;
    margin-right: 30px;
    background-color: #fffcf0; }
.get-results__img img {
    display: block;
    width: 80%;
    max-height: 80%; }
.get-results__img .border-top:before, .get-results__img .border-top:after,
.get-results__img .border-bottom:before,
.get-results__img .border-bottom:after {
    border-color: #35434a; }
.get-results__text {
    color: #fffcf0;
    font-size: 25px;
    line-height: 32px; }

/*======================== services ========================*/
.services__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 150px; }

.item-services {
    width: 48%; }
.item-services:nth-child(2n) {
    margin-top: 160px; }
.item-services__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 45px;
    text-decoration: none; }
.item-services__top:hover .item-services__title {
    color: #f36251; }
.item-services__top:hover .border-top:before, .item-services__top:hover .border-top:after,
.item-services__top:hover .border-bottom:before,
.item-services__top:hover .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #f36251; }
@media (max-width: 767px) {
    .item-services__top:hover .border-top:before, .item-services__top:hover .border-top:after,
    .item-services__top:hover .border-bottom:before,
    .item-services__top:hover .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #f36251; } }
.item-services__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 350px;
    height: 350px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.item-services__img img {
    position: relative;
    display: block;
    max-width: 105%;
    max-height: 105%; }
.item-services__title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: -15px;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 100px;
    font-weight: 700;
    line-height: 100px;
    text-transform: uppercase;
    text-align: right;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }
.item-services__subtitle {
    margin-bottom: 15px;
    color: #35434a;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px; }
.item-services__subtitle span {
    color: #f36251;
    font-size: 90px;
    line-height: 0; }
.item-services__text {
    width: 530px;
    max-width: 100%;
    padding-left: 70px;
    color: #47545a;
    font-size: 25px;
    line-height: 35px; }

.benefit {
    margin-bottom: 180px; }
.benefit__title {
    margin-top: 0;
    margin-bottom: -30px;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 160px;
    font-weight: 700;
    line-height: 150px;
    text-transform: uppercase;
    text-align: center; }
.benefit__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }

.item-benefit {
    width: calc(33.33% - 20px);
    margin-right: 30px; }
.item-benefit:last-child {
    margin-right: 0; }
.item-benefit:nth-child(2) {
    margin-top: 80px; }
.item-benefit__img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 370px;
    margin-bottom: 20px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.item-benefit__img img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    max-width: 80%;
    max-height: 80%; }
.item-benefit__img:hover .border-top:before, .item-benefit__img:hover .border-top:after,
.item-benefit__img:hover .border-bottom:before,
.item-benefit__img:hover .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #35434a; }
@media (max-width: 767px) {
    .item-benefit__img:hover .border-top:before, .item-benefit__img:hover .border-top:after,
    .item-benefit__img:hover .border-bottom:before,
    .item-benefit__img:hover .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #35434a; } }
.item-benefit__title {
    margin-left: 30px;
    color: #35434a;
    font-size: 30px;
    line-height: 35px;
    font-weight: 800; }
.item-benefit__title span {
    color: #f36251;
    font-size: 40px;
    line-height: 0; }

.our-work__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 50px; }
.our-work__top--traffic {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 100px; }
.our-work__top--traffic .our-work__title {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: left;
    margin-right: 0;
    margin-left: -10px;
    font-size: 100px;
    line-height: 100px; }

.our-work__img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 700px;
    height: 670px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.our-work__img img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    max-width: 80%;
    max-height: 80%; }
.our-work__img:hover .border-top:before, .our-work__img:hover .border-top:after,
.our-work__img:hover .border-bottom:before,
.our-work__img:hover .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #35434a; }
@media (max-width: 767px) {
    .our-work__img:hover .border-top:before, .our-work__img:hover .border-top:after,
    .our-work__img:hover .border-bottom:before,
    .our-work__img:hover .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #35434a; } }

.our-work__title {
    margin-right: -15px;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 160px;
    font-weight: 700;
    line-height: 150px;
    text-transform: uppercase;
    text-align: right; }

.our-work__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }

.our-work__info {
    width: 700px;
    max-width: 100%;
    margin-left: 25px; }
.our-work__info--padding {
    padding-right: 40px; }

.our-work__subtitle {
    margin-left: 85px; }

.our-work__text {
    margin-bottom: 80px;
    color: #35434a;
    font-size: 25px;
    line-height: 32px; }
.our-work__text p {
    margin-top: 0; }

.our-work__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 145px; }

.traffic-info {
    position: relative;
    width: 800px;
    padding: 90px 100px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad; }
.traffic-info__title {
    margin-bottom: 30px; }
.traffic-info__text {
    margin-bottom: 45px;
    color: #35434a;
    font-size: 25px;
    line-height: 32px; }

.tabs-title-traffic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.tabs-title-traffic__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 56px;
    padding: 0 38px;
    border: 2px solid #f36251;
    color: #f36251;
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    text-decoration: none;
    margin-right: -2px; }
.tabs-title-traffic__link:first-child {
    border-radius: 100px 0 0 100px; }
.tabs-title-traffic__link:last-child {
    border-radius: 0 100px 100px 0; }
.tabs-title-traffic__link:hover {
    position: relative;
    border-color: #35434a;
    color: #35434a; }
.tabs-title-traffic__link.active {
    background-color: #f36251;
    color: #fff; }
.tabs-title-traffic__link.active:hover {
    border-color: #f36251;
    color: #fff;
    cursor: default; }

.item-our-work {
    width: 47%; }
.item-our-work--3 {
    position: relative;
    width: 30%;
    padding-left: 45px;
    margin-bottom: 45px; }
.item-our-work--3:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 29px;
    height: 28px;
    background: url(/bitrix/templates/v1.0/css/../img/check-circle.svg) center center no-repeat; }
.item-our-work__title {
    margin-bottom: 10px;
    color: #35434a;
    font-size: 30px;
    line-height: 35px;
    font-weight: 800; }
.item-our-work__title span {
    color: #f36251;
    font-size: 50px;
    line-height: 0; }
.item-our-work__text {
    color: #47545a;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px; }

.step-work {
    margin-bottom: 180px; }
.step-work__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px; }
.step-work__top--margin {
    margin-bottom: 80px; }
.step-work__number {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    -webkit-box-shadow: inset 0 0 0 2px #ebece6;
    box-shadow: inset 0 0 0 2px #ebece6;
    background-color: #fffcf0; }
.step-work__number .icon {
    display: block;
    max-width: 80%;
    max-height: 80%;
    fill: #ebece6; }
.step-work__number .border-top:after, .step-work__number .border-top:before,
.step-work__number .border-bottom:after,
.step-work__number .border-bottom:before {
    width: 37px;
    height: 37px; }
.step-work__title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    margin-left: -70px;
    margin-right: 50px; }
.step-work__img img {
    display: block;
    max-width: 100%;
    margin: 0 auto; }
.step-work__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 80px; }
.step-work__subtitle {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 400px;
    margin-right: 70px; }

.list-step-work {
    width: 600px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none; }
.list-step-work__item {
    position: relative;
    padding-left: 25px;
    margin-bottom: 20px;
    color: #47545a;
    font-size: 25px;
    line-height: 32px; }
.list-step-work__item:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f36251; }

.info-step {
    width: 1000px;
    max-width: 100%;
    margin: 0 80px 80px auto; }
.info-step .step-work__text {
    width: 100%; }
.info-step--narrow {
    width: 770px; }
.info-step__text {
    margin-bottom: 80px;
    color: #47545a;
    font-size: 25px;
    line-height: 32px; }
.info-step__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 80px; }

.item-info-step {
    width: 47%; }
.item-info-step__title {
    margin-bottom: 10px;
    color: #35434a;
    font-size: 30px;
    line-height: 35px;
    font-weight: 800; }
.item-info-step__title span {
    color: #f36251; }
.item-info-step__text {
    color: #47545a;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px; }

.we-doing {
    background-color: #f36251;
    margin-bottom: 180px; }
.we-doing__wrap {
    padding: 110px 0 90px; }
.we-doing__title {
    margin-top: 0;
    margin-bottom: 50px;
    color: #fff;
    font-family: 'CocoBiker';
    font-size: 100px;
    font-weight: 700;
    line-height: 100px;
    text-transform: uppercase;
    text-align: center; }
.we-doing__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.we-doing__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: calc(33.33% - 140px);
    margin: 0 70px 25px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px; }
.we-doing__item .icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 29px;
    height: 28px;
    margin-right: 15px;
    fill: #fff; }

.cost {
    margin-bottom: 140px; }
.cost__title {
    margin-top: 0;
    margin-bottom: 80px;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 160px;
    font-weight: 700;
    line-height: 150px;
    text-transform: uppercase;
    text-align: center; }
.cost__title--nomargin {
    margin-bottom: 40px; }
.cost__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
.cost__text {
    width: 970px;
    max-width: 100%;
    margin: 0 auto 60px;
    color: #47545a;
    font-size: 25px;
    line-height: 35px;
    text-align: center; }

.item-cost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(50% - 30px);
    margin-right: 60px; }
.item-cost:last-child {
    margin-right: 0; }
.item-cost__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 270px;
    height: 270px;
    margin-right: 30px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.item-cost__img img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    max-width: 70%;
    max-height: 70%; }
.item-cost__title {
    margin-bottom: 20px;
    color: #35434a;
    font-size: 30px;
    line-height: 35px;
    font-weight: 800; }
.item-cost__title span {
    color: #f36251;
    font-size: 40px;
    line-height: 0; }
.item-cost__btn {
    position: relative;
    height: 55px;
    font-size: 17px;
    line-height: 17px; }
.item-cost__btn:after {
    content: 'Çàêàçàòü';
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 70px;
    background-color: #f36251;
    color: #fff;
    font-size: 17px;
    line-height: 17px;
    font-weight: 800;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
.item-cost__btn:hover:after {
    opacity: 1; }
.item-cost:hover .item-cost__img .border-top:before, .item-cost:hover .item-cost__img .border-top:after,
.item-cost:hover .item-cost__img .border-bottom:before,
.item-cost:hover .item-cost__img .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #35434a; }
@media (max-width: 767px) {
    .item-cost:hover .item-cost__img .border-top:before, .item-cost:hover .item-cost__img .border-top:after,
    .item-cost:hover .item-cost__img .border-bottom:before,
    .item-cost:hover .item-cost__img .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #35434a; } }

.portfolio__title {
    margin-top: 0;
    margin-bottom: 50px;
    color: #f36251;
    font-family: 'CocoBiker';
    font-size: 310px;
    font-weight: 800;
    letter-spacing: -21.32px;
    line-height: 310px;
    text-transform: uppercase;
    text-align: center; }
.portfolio__title--small {
    margin-bottom: -30px;
    font-size: 160px;
    letter-spacing: -11.01px;
    line-height: 160px; }

.stages {
    margin-bottom: 180px; }
.stages__title {
    margin-top: 0;
    margin-bottom: -20px;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 160px;
    font-weight: 700;
    line-height: 150px;
    text-transform: uppercase;
    text-align: center; }
.stages__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 880px;
    margin-left: auto;
    margin-right: -12px; }

.item-stages {
    position: relative;
    width: 33.33%;
    height: 295px;
    margin: -4px 0 0 -4px;
    padding: 40px 20px 20px;
    -webkit-box-shadow: inset 0 0 0 2px #ebece6;
    box-shadow: inset 0 0 0 2px #ebece6;
    background-color: #fffcf0; }
.item-stages:first-child {
    left: calc(-33.33% + 4px); }
.item-stages__number {
    margin-bottom: 10px;
    color: #f36251;
    font-size: 130px;
    line-height: 130px;
    font-weight: 800;
    text-align: center; }
.item-stages__title {
    color: #35434a;
    font-size: 30px;
    line-height: 32px;
    font-weight: 800;
    text-align: center; }
.item-stages__title span {
    color: #f36251; }

.sites-cost__items,
.tariffs-detail__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.sites-cost__nav,
.tariffs-detail__nav {
    display: none; }

.tariffs__title {
    margin-top: 0;
    margin-bottom: 40px;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 160px;
    font-weight: 700;
    line-height: 150px;
    text-transform: uppercase;
    text-align: center; }

.tariffs__text {
    width: 970px;
    max-width: 100%;
    margin: 0 auto 60px;
    color: #47545a;
    font-size: 25px;
    line-height: 35px;
    text-align: center; }

.item-sites-cost,
.item-detail-tariffs {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(25% - 15px);
    margin-right: 30px;
    padding: 40px 20px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0;
    -webkit-transition: all 0.35s;
    transition: all 0.35s; }

.item-detail-tariffs__wrap {
    position: relative;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: calc(100% - 205px);
    -webkit-transition: all 0.35s;
    transition: all 0.35s; 
}

.item-sites-cost:last-child,
.item-detail-tariffs:last-child {
    margin-right: 0; }
.item-sites-cost:hover,
.item-detail-tariffs:hover {
    position: relative;  
    z-index: 1;
    transform: scale(1.15);
    background-color: #fff; }

.item-sites-cost:hover .item-detail-tariffs__wrap,
.item-detail-tariffs:hover .item-detail-tariffs__wrap {
    /*    transform: scale(0.78, 0.91);
        top: -10px;*/
}

.item-sites-cost:hover .border-top,
.item-sites-cost:hover .border-bottom,
.item-detail-tariffs:hover .border-top,
.item-detail-tariffs:hover .border-bottom {
    width: 100%;
    height: 100%; }
.item-sites-cost:hover .border-top:after, .item-sites-cost:hover .border-top:before,
.item-sites-cost:hover .border-bottom:after,
.item-sites-cost:hover .border-bottom:before,
.item-detail-tariffs:hover .border-top:after,
.item-detail-tariffs:hover .border-top:before,
.item-detail-tariffs:hover .border-bottom:after,
.item-detail-tariffs:hover .border-bottom:before {
    border-color: #f36251;
    /*    transform: scale(0.78, 0.91);*/
    width: 50%;
    height: 50%;
}
.item-sites-cost:hover .item-detail-tariffs__img,
.item-sites-cost:hover .item-sites-cost__img,
.item-detail-tariffs:hover .item-detail-tariffs__img,
.item-detail-tariffs:hover .item-sites-cost__img {
    -webkit-transform: scale(1.065);
    transform: scale(1.065); }
.item-sites-cost:hover .item-detail-tariffs__img--animation img,
.item-sites-cost:hover .item-sites-cost__img--animation img,
.item-detail-tariffs:hover .item-detail-tariffs__img--animation img,
.item-detail-tariffs:hover .item-sites-cost__img--animation img {
    -webkit-animation: ship-tariffs 3s linear infinite;
    animation: ship-tariffs 3s linear infinite;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%; }
.item-sites-cost:hover .item-detail-tariffs__btn,
.item-sites-cost:hover .item-sites-cost__btn,
.item-detail-tariffs:hover .item-detail-tariffs__btn,
.item-detail-tariffs:hover .item-sites-cost__btn {
    background-color: #f36251; }
.item-sites-cost:hover .item-detail-tariffs__btn:after,
.item-sites-cost:hover .item-sites-cost__btn:after,
.item-detail-tariffs:hover .item-detail-tariffs__btn:after,
.item-detail-tariffs:hover .item-sites-cost__btn:after {
    opacity: 1; }
.item-sites-cost__img,
.item-detail-tariffs__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 225px;
    height: 183px;
    margin: 0 auto 20px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-transform: scale(1);
    transform: scale(1);
    will-change: transform; }
.item-sites-cost__img img,
.item-detail-tariffs__img img {
    display: block;
    width: 100%;
    max-height: 100%; }
.item-sites-cost__img--small,
.item-detail-tariffs__img--small {
    width: 130px;
    height: 100px; }
.item-sites-cost__title,
.item-detail-tariffs__title {
    margin-bottom: 20px;
    color: #35434a;
    font-size: 25px;
    line-height: 27px;
    font-weight: 800; }
.item-sites-cost__title span,
.item-detail-tariffs__title span {
    color: #f36251;
    font-size: 31px;
    line-height: 0; }
.item-sites-cost__text,
.item-detail-tariffs__text {position: relative;
    z-index: 1000;
    margin-bottom: 30px;
    color: #47545a;
    font-size: 20px;
    line-height: 25px; }
.item-sites-cost__btn,
.item-detail-tariffs__btn {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: auto;
    height: 56px;
    padding: 0 5px;
    font-size: 17px;
    overflow: hidden; }
.item-sites-cost__btn:after,
.item-detail-tariffs__btn:after {
    content: 'Çàêàçàòü';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f36251;
    color: #fffcf0;
    font-size: 17px;
    line-height: 17px;
    font-weight: 800;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }

.item-detail-tariffs__img {
    width: 100%;
    height: 185px; }

.list-sites-cost,
.list-tariffs {
    margin: 0 0 25px;
    padding: 0;
    list-style: none; }
.list-sites-cost__item,
.list-tariffs__item {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
    color: #47545a;
    font-size: 20px;
    line-height: 25px; }
.list-sites-cost__item:before,
.list-tariffs__item:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f36251 url(/bitrix/templates/v1.0/css/../img/check-white.svg) center center no-repeat;
    background-size: 6px; }
.list-sites-cost__item--inactive,
.list-tariffs__item--inactive {
    color: #b9bbad; }
.list-sites-cost__item--inactive:before,
.list-tariffs__item--inactive:before {
    background: #b9bbad url(/bitrix/templates/v1.0/css/../img/close-white.svg) center center no-repeat;
    background-size: 4px; }

.question {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer;}
.question .icon {
    display: block;
    width: 100%;
    height: 100%;
    fill: #f36251; }
.question:hover .icon {
    fill: #35434a; }

.tooltip {
    display: none;
    position: absolute;
    z-index: 9000;
    bottom: calc(200% + 2px);
    left: 50%;
    transform: translateX(-50%);
    width: 340px;
    padding: 40px;
    background-color: #47545a;
}

.tooltip::after {
    content: '';
    position: absolute;
    left: 50%;
    top: calc(100% - 1px);
    transform: translateX(-50%);
    width: 27px;
    height: 20px;
    background: url(/bitrix/templates/v1.0/css/../img/triangle-bottom.svg) center no-repeat;
    background-size: contain;
} 

.tooltip__more {
    color: #f36251;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
}

.tooltip__close {
    position: absolute;
    top: 10px;
    right: 13px;
    width: 17px;
    height: 17px;
}

.tooltip__close svg {
    width: 100%;
    height: 100%;
    fill: #b9bbad;
}

.tooltip__close:hover svg {
    fill: #fffcf0;
} 

.tooltip__title {
    margin: 0 0 25px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
}

.tooltip__text {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

.improve {
    margin-bottom: 200px; }
.improve__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
.improve__items--top {
    margin-bottom: 60px; }
.improve__title {
    margin-top: 110px;
    margin-bottom: 0;
    color: #35434a;
    font-family: 'CocoBiker';
    font-size: 85px;
    font-weight: 700;
    line-height: 85px;
    text-transform: uppercase; }

.item-improve {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 270px;
    margin-right: 30px; }
.item-improve:last-child {
    margin-right: 0; }
.item-improve:nth-child(2) {
    margin-top: 65px; }
.item-improve:nth-child(3) {
    margin-top: 25px; }
.item-improve:nth-child(4) {
    margin-top: 85px; }
.item-improve__img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 270px;
    margin-bottom: 15px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.item-improve__img img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    max-width: 80%;
    max-height: 80%; }
.item-improve__info {
    padding: 0 15px; }
.item-improve__title {
    margin-bottom: 15px;
    color: #35434a;
    font-size: 30px;
    line-height: 32px;
    font-weight: 800; }
.item-improve__title span {
    color: #f36251;
    font-size: 40px;
    line-height: 0; }
.item-improve__btn {
    position: relative;
    height: 56px;
    width: 100%;
    font-size: 17px;
    line-height: 17px; }
.item-improve__btn:after {
    content: 'Çàêàçàòü';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 70px;
    background-color: #f36251;
    color: #fffcf0;
    font-size: 17px;
    line-height: 17px;
    font-weight: 800;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
.item-improve__btn:hover:after {
    opacity: 1; }
.item-improve:hover .item-improve__img .border-top:before, .item-improve:hover .item-improve__img .border-top:after,
.item-improve:hover .item-improve__img .border-bottom:before,
.item-improve:hover .item-improve__img .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #35434a; }
@media (max-width: 767px) {
    .item-improve:hover .item-improve__img .border-top:before, .item-improve:hover .item-improve__img .border-top:after,
    .item-improve:hover .item-improve__img .border-bottom:before,
    .item-improve:hover .item-improve__img .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #35434a; } }

.order-tariffs {
    margin-top: -200px;
    padding: 100px 0 180px;
    background-color: #fff;
    display: none; }
.order-tariffs--develop {
    margin-top: -100px;
    margin-bottom: 100px; }
.order-tariffs--develop .order-tariffs__img img {
    width: 90%;
    max-height: 90%; }
.order-tariffs--improve {
    margin-top: 0px;
    margin-bottom: 100px; }
.order-tariffs--improve .order-tariffs__img img {
    max-width: 80%;
    max-height: 80%; }
.order-tariffs--smm {
    margin-top: -100px;
    margin-bottom: 100px; }
.order-tariffs--smm .order-tariffs__img img {
    max-width: 70%;
    max-height: 70%; }
.order-tariffs__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
.order-tariffs__wrap--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.order-tariffs__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 300px;
    height: 300px;
    margin-right: 100px;
    -webkit-box-shadow: inset 0 0 0 2px #ffc8bc;
    box-shadow: inset 0 0 0 2px #ffc8bc;
    background-color: #fff; }
.order-tariffs__img img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 115%;
    max-height: 115%; }

.tariffs-thank {
    margin-top: -200px;
    padding: 70px 0;
    background-color: #fff;
    display: none; }
.tariffs-thank--develop {
    margin-top: -100px;
    margin-bottom: 100px; }
.tariffs-thank--improve {
    margin-top: 0;
    margin-bottom: 100px; }
.tariffs-thank--smm {
    margin-top: -100px;
    margin-bottom: 100px; }
.tariffs-thank__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
.tariffs-thank__img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 440px;
    height: 440px;
    margin-bottom: 50px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fff; }
.tariffs-thank__img img {
    display: block;
    max-width: 90%;
    max-height: 90%; }
.tariffs-thank__title {
    margin-bottom: 25px;
    color: #f36251;
    font-family: 'CocoBiker';
    font-size: 100px;
    font-weight: 800;
    letter-spacing: -3.75px;
    line-height: 100px;
    text-transform: uppercase;
    text-align: center; }

/*======================== offers ========================*/
.item-offers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 160px; }
.item-offers--order .item-offers__img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-right: 0;
    margin-left: 100px; }
.item-offers--last {
    margin-bottom: 0; }
.item-offers__img {
display: flex;
    align-items: center;
    justify-content: center;

    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 500px;
    height: 400px;
    margin-right: 100px;
    padding: 2px;
    -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
    box-shadow: inset 0 0 0 2px #b9bbad;
    background-color: #fffcf0; }
.item-offers__img img {
    display: block;
    max-width: 80%;
    max-height: 80%; }
.item-offers__img:hover .border-top:before, .item-offers__img:hover .border-top:after,
.item-offers__img:hover .border-bottom:before,
.item-offers__img:hover .border-bottom:after {
    width: 70px;
    height: 70px;
    border-color: #35434a; }
@media (max-width: 767px) {
    .item-offers__img:hover .border-top:before, .item-offers__img:hover .border-top:after,
    .item-offers__img:hover .border-bottom:before,
    .item-offers__img:hover .border-bottom:after {
        width: 40px;
        height: 40px;
        border-color: #35434a; } }
.item-offers__title {
    margin-bottom: 30px; }
.item-offers__title span {
    font-size: 90px;
    line-height: 0; }
.item-offers__text {
    margin-bottom: 25px;
    color: #35434a;
    font-size: 25px;
    line-height: 35px; }
.item-offers__btn {
    height: 55px; }

/*======================== animation ========================*/
@-webkit-keyframes ship {
    0% {
        -webkit-transform: translateX(-100%) rotate(0);
        transform: translateX(-100%) rotate(0); }
    25% {
        -webkit-transform: translateX(-98%) translateY(2px) rotate(-1.5deg);
        transform: translateX(-98%) translateY(2px) rotate(-1.5deg); }
    50% {
        -webkit-transform: translateX(-97%) translateY(-3px) rotate(1deg);
        transform: translateX(-97%) translateY(-3px) rotate(1deg); }
    75% {
        -webkit-transform: translateX(-99%) translateY(2px) rotate(0.5deg);
        transform: translateX(-99%) translateY(2px) rotate(0.5deg); }
    100% {
        -webkit-transform: translateX(-100%) translateY(0) rotate(0deg);
        transform: translateX(-100%) translateY(0) rotate(0deg); } }
@keyframes ship {
    0% {
        -webkit-transform: translateX(-100%) rotate(0);
        transform: translateX(-100%) rotate(0); }
    25% {
        -webkit-transform: translateX(-98%) translateY(2px) rotate(-1.5deg);
        transform: translateX(-98%) translateY(2px) rotate(-1.5deg); }
    50% {
        -webkit-transform: translateX(-97%) translateY(-3px) rotate(1deg);
        transform: translateX(-97%) translateY(-3px) rotate(1deg); }
    75% {
        -webkit-transform: translateX(-99%) translateY(2px) rotate(0.5deg);
        transform: translateX(-99%) translateY(2px) rotate(0.5deg); }
    100% {
        -webkit-transform: translateX(-100%) translateY(0) rotate(0deg);
        transform: translateX(-100%) translateY(0) rotate(0deg); } }

@-webkit-keyframes ship-tariffs {
    0% {
        -webkit-transform: translateX(0%) rotate(0);
        transform: translateX(0%) rotate(0); }
    25% {
        -webkit-transform: translateX(2%) translateY(2px) rotate(-1.5deg);
        transform: translateX(2%) translateY(2px) rotate(-1.5deg); }
    50% {
        -webkit-transform: translateX(3%) translateY(-3px) rotate(1deg);
        transform: translateX(3%) translateY(-3px) rotate(1deg); }
    75% {
        -webkit-transform: translateX(1%) translateY(2px) rotate(0.5deg);
        transform: translateX(1%) translateY(2px) rotate(0.5deg); }
    100% {
        -webkit-transform: translateX(0%) translateY(0) rotate(0deg);
        transform: translateX(0%) translateY(0) rotate(0deg); } }

@keyframes ship-tariffs {
    0% {
        -webkit-transform: translateX(0%) rotate(0);
        transform: translateX(0%) rotate(0); }
    25% {
        -webkit-transform: translateX(2%) translateY(2px) rotate(-1.5deg);
        transform: translateX(2%) translateY(2px) rotate(-1.5deg); }
    50% {
        -webkit-transform: translateX(3%) translateY(-3px) rotate(1deg);
        transform: translateX(3%) translateY(-3px) rotate(1deg); }
    75% {
        -webkit-transform: translateX(1%) translateY(2px) rotate(0.5deg);
        transform: translateX(1%) translateY(2px) rotate(0.5deg); }
    100% {
        -webkit-transform: translateX(0%) translateY(0) rotate(0deg);
        transform: translateX(0%) translateY(0) rotate(0deg); } }

@-webkit-keyframes cloud-1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }
    50% {
        -webkit-transform: translateX(300px);
        transform: translateX(300px); }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@keyframes cloud-1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }
    50% {
        -webkit-transform: translateX(300px);
        transform: translateX(300px); }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@-webkit-keyframes cloud-2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }
    50% {
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px); }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@keyframes cloud-2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0); }
    50% {
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px); }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0); } }

@-webkit-keyframes man {
    0% {
        -webkit-transform: rotate(0) translateX(8px) rotate(0);
        transform: rotate(0) translateX(8px) rotate(0); }
    100% {
        -webkit-transform: rotate(360deg) translateX(8px) rotate(-360deg);
        transform: rotate(360deg) translateX(8px) rotate(-360deg); } }

@keyframes man {
    0% {
        -webkit-transform: rotate(0) translateX(8px) rotate(0);
        transform: rotate(0) translateX(8px) rotate(0); }
    100% {
        -webkit-transform: rotate(360deg) translateX(8px) rotate(-360deg);
        transform: rotate(360deg) translateX(8px) rotate(-360deg); } }

@media (max-width: 767px) {
    @-webkit-keyframes man {
        0% {
            -webkit-transform: rotate(0) translateX(4px) rotate(0);
            transform: rotate(0) translateX(4px) rotate(0); }
        100% {
            -webkit-transform: rotate(360deg) translateX(5px) rotate(-360deg);
            transform: rotate(360deg) translateX(5px) rotate(-360deg); } }
    @keyframes man {
        0% {
            -webkit-transform: rotate(0) translateX(4px) rotate(0);
            transform: rotate(0) translateX(4px) rotate(0); }
        100% {
            -webkit-transform: rotate(360deg) translateX(5px) rotate(-360deg);
            transform: rotate(360deg) translateX(5px) rotate(-360deg); } } }

    @-webkit-keyframes waves {
        0% {
            -webkit-transform: rotate(0) translateX(15px) rotate(0);
            transform: rotate(0) translateX(15px) rotate(0); }
        100% {
            -webkit-transform: rotate(360deg) translateX(15px) rotate(-360deg);
            transform: rotate(360deg) translateX(15px) rotate(-360deg); } }

    @keyframes waves {
        0% {
            -webkit-transform: rotate(0) translateX(15px) rotate(0);
            transform: rotate(0) translateX(15px) rotate(0); }
        100% {
            -webkit-transform: rotate(360deg) translateX(15px) rotate(-360deg);
            transform: rotate(360deg) translateX(15px) rotate(-360deg); } }

    @media (max-width: 767px) {
        @-webkit-keyframes waves {
            0% {
                -webkit-transform: rotate(0) translateX(8px) rotate(0);
                transform: rotate(0) translateX(8px) rotate(0); }
            100% {
                -webkit-transform: rotate(360deg) translateX(8px) rotate(-360deg);
                transform: rotate(360deg) translateX(8px) rotate(-360deg); } }
        @keyframes waves {
            0% {
                -webkit-transform: rotate(0) translateX(8px) rotate(0);
                transform: rotate(0) translateX(8px) rotate(0); }
            100% {
                -webkit-transform: rotate(360deg) translateX(8px) rotate(-360deg);
                transform: rotate(360deg) translateX(8px) rotate(-360deg); } } }

    @-webkit-keyframes wave-slow {
        0% {
            -webkit-transform: rotate(0) translateX(5px) rotate(0);
            transform: rotate(0) translateX(5px) rotate(0); }
        100% {
            -webkit-transform: rotate(360deg) translateX(5px) rotate(-360deg);
            transform: rotate(360deg) translateX(5px) rotate(-360deg); } }

    @keyframes wave-slow {
        0% {
            -webkit-transform: rotate(0) translateX(5px) rotate(0);
            transform: rotate(0) translateX(5px) rotate(0); }
        100% {
            -webkit-transform: rotate(360deg) translateX(5px) rotate(-360deg);
            transform: rotate(360deg) translateX(5px) rotate(-360deg); } }

    @-webkit-keyframes fish-skeleton {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
        25% {
            -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
        75% {
            -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg); }
        100% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

    @keyframes fish-skeleton {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
        25% {
            -webkit-transform: rotate(3deg);
            transform: rotate(3deg); }
        75% {
            -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg); }
        100% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

    @-webkit-keyframes fish {
        0% {
            left: 50%; }
        50% {
            left: 5%; }
        100% {
            left: 50%; } }

    @keyframes fish {
        0% {
            left: 50%; }
        50% {
            left: 5%; }
        100% {
            left: 50%; } }

    @-webkit-keyframes fish-rotate {
        0% {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
        50% {
            -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1); }
        100% {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

    @keyframes fish-rotate {
        0% {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
        50% {
            -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1); }
        100% {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

    /*======================== parallax ========================*/
    .parallax {
        position: relative;
        width: 100%;
        height: 1125px; }
    .parallax:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        background-color: #fffcf0; }
    .parallax--clouds {
        height: 950px; }
    .parallax--clouds .parallax__img--cloud-1 {
        bottom: 300px;
        margin-left: -350px;
        -webkit-animation: cloud-1 40s linear infinite;
        animation: cloud-1 40s linear infinite; }
    .parallax--clouds .parallax__img--cloud-2 {
        bottom: 400px;
        margin-left: -665px;
        -webkit-animation: cloud-2 40s linear infinite;
        animation: cloud-2 40s linear infinite; }
    .parallax--clouds .parallax__img--cloud-3 {
        bottom: 560px;
        margin-left: 250px; }
    .parallax--clouds .parallax__img--cloud-4 {
        bottom: 410px;
        margin-right: -400px; }
    .parallax--clouds .parallax-thank {
        bottom: 300px; }
    .parallax--clouds .parallax__layer--cloud-4 {
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s; }
    .parallax--clouds .parallax__layer--cloud-4.active {
        opacity: 1;
        pointer-events: auto;
        z-index: 6; }
    .parallax--boat .parallax__img--bubble {
        margin-right: 90px; }
    .parallax--dreamer .parallax__img--cloud-4 {
        bottom: 620px; }
    .parallax--dreamer .parallax__img--bubble {
        bottom: 490px; }
    .parallax--gay .parallax__img--cloud-4 {
        bottom: 700px; }
    .parallax--gay .parallax__img--bubble {
        bottom: 550px; }
    .parallax--klava .parallax__img--cloud-4 {
        bottom: 470px; }
    .parallax--klava .parallax__img--bubble {
        bottom: 370px; }
    .parallax__wrap {
        margin: 130px 80px 0 130px; }
    .parallax__text {
        margin-bottom: 25px;
        color: #35434a;
        font-size: 30px;
        line-height: 35px;
        font-weight: 800; }
    .parallax__text span {
        color: #f36251; }
    .parallax__text--big {
        font-size: 35px;
        line-height: 40px; }
    .parallax__btn {
        height: 56px;
        z-index: 2; }
    .parallax__layer {
        position: absolute !important;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1; }
    .parallax__layer--mayak {
        z-index: 2; }
    .parallax__layer--poor, .parallax__layer--business, .parallax__layer--boat, .parallax__layer--dreamer, .parallax__layer--arkadiy, .parallax__layer--gay, .parallax__layer--klava {
        z-index: 4; }
    .parallax__layer--cloud-3 {
        z-index: 3; }
    .parallax__layer--shark {
        z-index: 5;
        pointer-events: auto; }
    .parallax__layer--cloud-4 {
        z-index: 4;
        pointer-events: auto; }
    .parallax__layer--waves-2 {
        z-index: 3; }
    .parallax__layer--waves-3 {
        z-index: 6; }
    .parallax__img {
        position: absolute;
        left: 50%;
        bottom: 0;
        background-size: contain !important; }
    .parallax__img--mayak {
        bottom: 120px;
        width: 526px;
        height: 996px;
        margin-left: 260px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-mayak.svg) center center no-repeat; }
    .parallax__img--poor {
        bottom: 120px;
        width: 580px;
        height: 349px;
        margin-left: -700px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-poor.svg) center center no-repeat;
        -webkit-animation: man 5s linear infinite;
        animation: man 5s linear infinite; }
    .parallax__img--business {
        bottom: 75px;
        width: 335px;
        height: 450px;
        margin-left: -500px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-business.svg) center center no-repeat;
        -webkit-animation: man 5s linear infinite;
        animation: man 5s linear infinite; }
    .parallax__img--boat {
        bottom: 95px;
        width: 782px;
        height: 333px;
        margin-left: -690px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-boat.svg) center center no-repeat;
        -webkit-animation: man 5s linear infinite;
        animation: man 5s linear infinite; }
    .parallax__img--dreamer {
        bottom: 110px;
        width: 610px;
        height: 464px;
        margin-left: -535px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-dreamer.svg) center center no-repeat;
        -webkit-animation: man 5s linear infinite;
        animation: man 5s linear infinite; }
    .parallax__img--arkadiy {
        bottom: 110px;
        width: 667px;
        height: 449px;
        margin-left: -700px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-arkadiy.svg) center center no-repeat;
        -webkit-animation: man 5s linear infinite;
        animation: man 5s linear infinite; }
    .parallax__img--gay {
        bottom: 110px;
        width: 205px;
        height: 535px;
        margin-left: -500px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-gay.svg) center center no-repeat; }
    .parallax__img--klava {
        bottom: 110px;
        width: 485px;
        height: 276px;
        margin-left: -500px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-klava.svg) center center no-repeat;
        -webkit-animation: man 5s linear infinite;
        animation: man 5s linear infinite; }
    .parallax__img--shark {
        bottom: 120px;
        width: 485px;
        height: 276px;
        margin-left: 250px;
        -webkit-animation: fish 10s ease-in-out infinite, fish-rotate 10s steps(1) infinite;
        animation: fish 10s ease-in-out infinite, fish-rotate 10s steps(1) infinite; }
    .parallax__img--shark:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 485px;
        height: 276px;
        background: url(/bitrix/templates/v1.0/css/../img/shark.svg) center center no-repeat;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: all 0.35s;
        transition: all 0.35s;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%; }
    .parallax__img--shark.active {
        bottom: 100px;
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-animation-play-state: paused;
        animation-play-state: paused; }
    .parallax__img--shark.active:before {
        -webkit-transform: rotate(0);
        transform: rotate(0); }
    .parallax__img--cloud-4 {
        left: auto;
        right: 50%;
        bottom: 555px;
        width: 687px;
        height: 441px;
        margin-right: -40px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-cloud-4.svg) center center no-repeat; }
    .parallax__img--bubble {
        bottom: 450px;
        left: auto;
        right: 50%;
        margin-right: 520px;
        width: 67px;
        height: 117px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-bubble.svg) center center no-repeat; }
    .parallax__img--cloud-1 {
        bottom: 930px;
        width: 329px;
        height: 171px;
        margin-left: 55px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-cloud-1.svg) center center no-repeat;
        -webkit-animation: cloud-2 40s linear infinite;
        animation: cloud-2 40s linear infinite; }
    .parallax__img--cloud-2 {
        bottom: 710px;
        width: 424px;
        height: 221px;
        margin-left: 500px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-cloud-2.svg) center center no-repeat;
        -webkit-animation: cloud-1 40s linear infinite;
        animation: cloud-1 40s linear infinite; }
    .parallax__img--cloud-3 {
        bottom: 520px;
        width: 521px;
        height: 220px;
        margin-left: 80px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-cloud-3.svg) center center no-repeat;
        -webkit-animation: cloud-1 50s linear infinite;
        animation: cloud-1 50s linear infinite; }
    .parallax__img--waves-1 {
        bottom: 40px;
        width: 2300px;
        height: 200px;
        margin-left: -1150px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-waves-1.svg) center center no-repeat;
        -webkit-animation: waves 5s linear infinite;
        animation: waves 5s linear infinite; }
    .parallax__img--waves-2 {
        bottom: 30px;
        width: 2300px;
        height: 200px;
        margin-left: -1150px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-waves-2.svg) center center no-repeat;
        -webkit-animation: waves 5s ease-in-out infinite;
        animation: waves 5s ease-in-out infinite; }
    .parallax__img--waves-3 {
        bottom: 30px;
        width: 2300px;
        height: 200px;
        margin-left: -1150px;
        background: url(/bitrix/templates/v1.0/css/../img/parallax-waves-3.svg) center center no-repeat;
        -webkit-animation: wave-slow 5.5s linear infinite;
        animation: wave-slow 5.5s linear infinite; }
    .parallax__img--waves-3:before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 150px;
        background-color: #fffcf0; }

    .parallax-thank {
        position: absolute !important;
        top: auto !important;
        bottom: 450px;
        left: 50% !important;
        -webkit-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
        max-width: 850px;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s; }
    .parallax-thank.open {
        opacity: 1;
        pointer-events: auto; }
    .parallax-thank:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: -1;
        width: 555px;
        height: 555px;
        background-color: #e0dccc; }
    .parallax-thank__title {
        margin-bottom: 30px;
        color: #35434a;
        font-family: 'CocoBiker';
        font-size: 160px;
        font-weight: 700;
        line-height: 150px;
        text-transform: uppercase;
        text-align: center; }
    .parallax-thank__text {
        color: #35434a;
        font-size: 50px;
        font-weight: 700;
        line-height: 50px;
        text-align: center; }
    .parallax-thank__icon {
        width: 200px;
        height: 200px;
        margin: 0 auto 30px; }
    .parallax-thank__icon img {
        display: block;
        width: 100%;
        height: 100%; }

    /*======================== form ========================*/
    .input-group {
        position: relative;
        margin-bottom: 20px; }
    .input-group__input {
        width: 100%;
        height: 55px;
        border: none;
        border-bottom: 1px solid #fff;
        background-color: transparent;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #fffcf0;
        font-family: 'ProximaNova';
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 3.56px;
        text-transform: uppercase;
        -webkit-transition: all 0.35s;
        transition: all 0.35s; }
    .input-group__input:focus {
        border-color: #35434a; }
    .input-group__input:focus ~ .input-group__label {
        top: calc(100% + 5px);
        font-size: 10px;
        letter-spacing: 2.22px;
        line-height: 10px; }
    .input-group__input.error {
        border-color: black;
        color: black; }
    .input-group__textarea {
        width: 100%;
        height: 55px;
        padding: 18px 0;
        border: none;
        border-bottom: 1px solid #fff;
        background-color: transparent;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #fffcf0;
        font-family: 'ProximaNova';
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 3.56px;
        text-transform: uppercase;
        -webkit-transition: all 0.35s;
        transition: all 0.35s;
        resize: none; }
    .input-group__textarea:focus {
        border-color: #35434a; }
    .input-group__textarea:focus ~ .input-group__label {
        top: calc(100% + 5px);
        font-size: 10px;
        letter-spacing: 2.22px;
        line-height: 10px; }
    .input-group label.error {
        position: absolute;
        top: calc(100% + 15px);
        left: 0;
        color: black;
        font-family: 'ProximaNova';
        font-size: 12px; }
    .input-group__label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fffcf0;
        font-family: 'ProximaNova';
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 3.56px;
        text-transform: uppercase;
        line-height: 55px;
        pointer-events: none;
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
    .input-group__label.fix {
        top: calc(100% + 5px);
        font-size: 10px;
        letter-spacing: 2.22px;
        line-height: 10px; }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus {
        -webkit-text-fill-color: white;
        -webkit-box-shadow: 0 0 0px 1000px #f36151 inset;
        box-shadow: 0 0 0px 1000px #f36151 inset;
        -webkit-transition: background-color 5000s ease-in-out 0s;
        transition: background-color 5000s ease-in-out 0s; }

    .file-group {
        margin-bottom: 40px; }
    .file-group__input {
        display: none; }
    .file-group__label {
        padding-left: 30px;
        background: url(/bitrix/templates/v1.0/css/../img/scrap.svg) left center no-repeat;
        color: #f36251;
        font-size: 20px;
        cursor: pointer; }
    .file-group__label span {
        border-bottom: 1px solid #f36251;
        -webkit-transition: all 0.35s;
        transition: all 0.35s; }
    .file-group__label:hover span {
        border-color: transparent; }

    .form-parallax {
        display: none; }
    .form-parallax .input-group__input {
        border-color: #35434a;
        color: #35434a; }
    .form-parallax .input-group__input:focus {
        border-color: #f36251; }
    .form-parallax .input-group__input.error {
        border-color: red;
        color: red; }
    .form-parallax .input-group__label {
        color: #35434a; }
    .form-parallax__btn {
        height: 56px;
        margin-top: 20px; }
    .form-parallax .input-group label.error {
        color: red; }

    .form {
        width: 100%; }
    .form--dark .input-group__input,
    .form--dark .input-group__textarea {
        border-color: #35434a;
        color: #35434a; }
    .form--dark .input-group__input:focus,
    .form--dark .input-group__textarea:focus {
        border-color: #f36251; }
    .form--dark .input-group__input.error,
    .form--dark .input-group__textarea.error {
        border-color: red;
        color: red; }
    .form--dark .input-group__label {
        color: #35434a; }
    .form--dark .form__pers {
        color: #35434a; }
    .form--dark .input-group label.error {
        color: red; }
    .form--resume {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 800px;
        max-width: 100%;
        padding: 75px 100px 100px 100px;
        -webkit-box-shadow: inset 0 0 0 2px #b9bbad;
        box-shadow: inset 0 0 0 2px #b9bbad;
        background-color: #fffcf0; }
    .form--resume:hover .border-top:before, .form--resume:hover .border-top:after,
    .form--resume:hover .border-bottom:before,
    .form--resume:hover .border-bottom:after {
        width: 70px;
        height: 70px;
        border-color: #35434a; }
    @media (max-width: 767px) {
        .form--resume:hover .border-top:before, .form--resume:hover .border-top:after,
            .form--resume:hover .border-bottom:before,
            .form--resume:hover .border-bottom:after {
            width: 40px;
            height: 40px;
            border-color: #35434a; } }
    .form--rating {
        width: 945px;
        max-width: 100%;
        margin: 0 auto; }
    .form--rating .form__title {
        font-size: 80px;
        font-weight: 800;
        letter-spacing: -3px;
        line-height: 90px; }
    .form--request {
        width: 1005px;
        max-width: 100%;
        margin: 0 auto; }
    .form--request .form__title {
        text-align: center; }
    .form--category .input-group {
        margin-bottom: 60px; }
    .form--category-send {
        width: 770px;
        max-width: 100%;
        margin: 0 auto 30px; }
    .form--category-send .btn--white {
        margin-right: 25px; }
    .form--get-results {
        width: 970px;
        max-width: 100%;
        margin: 0 auto; }
    .form__title {
        margin-bottom: 30px;
        color: #fffcf0;
        font-family: 'CocoBiker';
        font-size: 100px;
        font-weight: 700;
        line-height: 100px;
        text-transform: uppercase; }
    .form__subtitle {
        margin-bottom: 20px;
        color: #35434a;
        font-family: 'ProximaNova';
        font-size: 25px;
        font-weight: 700; }
    .form__subtitle span {
        color: #f36251; }
    .form__text {
        margin-bottom: 50px;
        color: #fffcf0;
        font-family: 'ProximaNova';
        font-size: 25px;
        font-weight: 400;
        line-height: 32px; }
    .form__text--nomargin {
        margin-bottom: 0; }
    .form__inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 30px; }
    .form .input-group {
        width: calc(50% - 15px);
        margin-right: 30px; }
    .form .input-group:nth-child(2n) {
        margin-right: 0; }
    .form .input-group--wide {
        width: 100%;
        margin-right: 0; }
    .form__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
    .form__btn {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 56px; }
    .form__pers {
        max-width: 470px;
        margin-left: 25px;
        color: #fffcf0;
        font-family: 'ProximaNova';
        font-size: 16px;
        line-height: 20px; }
    .form__captcha {
        margin-bottom: 30px; }
    .form__radio, .form__checkbox {
        display: inline-block;
        margin-bottom: 15px;
        width: 50%;
        color: #35434a;
        font-family: 'ProximaNova';
        font-size: 25px;
        font-weight: 400;
        line-height: 26px;
        -webkit-transition: all 0.35s;
        transition: all 0.35s;
        cursor: pointer; }
    .form__radio--small, .form__checkbox--small {
        width: 33.33%; }
    .form__radio:hover .jq-radio,
    .form__radio:hover .jq-checkbox, .form__checkbox:hover .jq-radio,
    .form__checkbox:hover .jq-checkbox {
        border-color: #f36251; }
    .form__radio.checked, .form__checkbox.checked {
        color: #f36251; }
    .form__radio.checked .jq-radio,
    .form__radio.checked .jq-checkbox, .form__checkbox.checked .jq-radio,
    .form__checkbox.checked .jq-checkbox {
        border-color: #f36251; }
    .form__radio.checked .jq-radio:before,
    .form__radio.checked .jq-checkbox:before, .form__checkbox.checked .jq-radio:before,
    .form__checkbox.checked .jq-checkbox:before {
        opacity: 1; }
    .form__filters {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 45px; }

    .jq-radio,
    .jq-checkbox {
        position: relative;
        vertical-align: middle;
        width: 26px;
        height: 26px;
        margin-right: 15px;
        border-radius: 50%;
        border: 1px solid #35434a;
        -webkit-transition: all 0.35s;
        transition: all 0.35s; }
    .jq-radio:before,
    .jq-checkbox:before {
        content: '';
        position: absolute;
        top: 6px;
        left: 6px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #f36251;
        opacity: 0;
        -webkit-transition: all 0.35s;
        transition: all 0.35s; }

    .jq-checkbox {
        border-radius: 0; }
    .jq-checkbox:before {
        border-radius: 0; }

    .request {
        position: relative;
        z-index: 10;
        padding: 100px 0;
        background-color: #f36251; }
    .request--thank {
        display: none; }
    .request--resume {
        margin-bottom: 160px; }
    .request__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
    .request__img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        width: 370px;
        height: 370px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #fffcf0; }
    .request__img img {
        display: block;
        width: 80%;
        height: 80%; }
    .request__img .border-top:before, .request__img .border-top:after,
    .request__img .border-bottom:before,
    .request__img .border-bottom:after {
        border-color: #35434a; }
    .request__title {
        color: #fffcf0;
        font-family: 'CocoBiker';
        font-size: 100px;
        font-weight: 700;
        line-height: 100px;
        text-transform: uppercase; }

    .search {
        position: relative;
        width: calc(100% - 500px);
        margin-top: -135px;
        margin-bottom: 80px; }
    .search__input {
        width: 100%;
        height: 55px;
        padding-right: 50px;
        border: none;
        border-bottom: 1px solid #35434a;
        background-color: transparent;
        outline: none;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: 'ProximaNova';
        color: #35434a;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 3.56px;
        text-transform: uppercase;
        -webkit-transition: all 0.35s;
        transition: all 0.35s; }
    .search__input::-webkit-input-placeholder {
        color: #35434a; }
    .search__input::-moz-placeholder {
        color: #35434a; }
    .search__input::-ms-input-placeholder {
        color: #35434a; }
    .search__input::placeholder {
        color: #35434a; }
    .search__input:focus {
        border-color: #f36251; }
    .search__btn {
        position: absolute;
        top: 8px;
        right: 0;
        width: 32px;
        height: 32px;
        padding: 0;
        background-color: transparent;
        border: none;
        outline: none;
        cursor: pointer; }
    .search__btn .icon {
        display: block;
        width: 100%;
        height: 100%;
        fill: #35434a; }
    .search__btn:hover .icon {
        fill: #f36251; }
    .search__text {
        font-size: 14px;
        margin-top: 10px; }

    #graph,
    .highcharts-container {
        outline: none; }

    .highcharts-background {
        fill: none; }

    .highcharts-yaxis-grid,
    .highcharts-credits {
        display: none; }

    /**
     * Owl Carousel v2.2.1
     * Copyright 2013-2017 David Deutsch
     * Licensed under  ()
     */
    /*
     *  Owl Carousel - Core
     */
    .owl-carousel {
        display: none;
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        /* position relative and z-index fix webkit rendering fonts issue */
        position: relative;
        z-index: 1; }

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        -moz-backface-visibility: hidden;
        /* fix firefox animation glitch */ }

    .owl-carousel .owl-stage:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px); }

    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0); }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none; }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%; }

    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none; }

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }

    .owl-carousel.owl-loaded {
        display: block; }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block; }

    .owl-carousel.owl-hidden {
        opacity: 0; }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden; }

    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab; }

    .owl-carousel.owl-rtl {
        direction: rtl; }

    .owl-carousel.owl-rtl .owl-item {
        float: right; }

    /* No Js */
    .no-js .owl-carousel {
        display: block; }

    /*
     *  Owl Carousel - Animate Plugin
     */
    .owl-carousel .animated {
        -webkit-animation-duration: 1000ms;
        animation-duration: 1000ms;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both; }

    .owl-carousel .owl-animated-in {
        z-index: 0; }

    .owl-carousel .owl-animated-out {
        z-index: 1; }

    .owl-carousel .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut; }

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

    @keyframes fadeOut {
        0% {
            opacity: 1; }
        100% {
            opacity: 0; } }

    /*
     * 	Owl Carousel - Auto Height Plugin
     */
    .owl-height {
        -webkit-transition: height 500ms ease-in-out;
        transition: height 500ms ease-in-out; }

    /*
     * 	Owl Carousel - Lazy Load Plugin
     */
    .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        -webkit-transition: opacity 400ms ease;
        transition: opacity 400ms ease; }

    .owl-carousel .owl-item img.owl-lazy {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d; }

    /*
     * 	Owl Carousel - Video Plugin
     */
    .owl-carousel .owl-video-wrapper {
        position: relative;
        height: 100%;
        background: #000; }

    .owl-carousel .owl-video-play-icon {
        position: absolute;
        height: 80px;
        width: 80px;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px;
        background: url("/bitrix/templates/v1.0/css/owl.video.play.png") no-repeat;
        cursor: pointer;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        -webkit-transition: -webkit-transform 100ms ease;
        transition: -webkit-transform 100ms ease;
        transition: transform 100ms ease;
        transition: transform 100ms ease, -webkit-transform 100ms ease; }

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3); }

    .owl-carousel .owl-video-playing .owl-video-tn,
    .owl-carousel .owl-video-playing .owl-video-play-icon {
        display: none; }

    .owl-carousel .owl-video-tn {
        opacity: 0;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-transition: opacity 400ms ease;
        transition: opacity 400ms ease; }

    .owl-carousel .owl-video-frame {
        position: relative;
        z-index: 1;
        height: 100%;
        width: 100%; }

    /*************** SCROLLBAR BASE CSS ***************/
    .scroll-wrapper {
        overflow: hidden !important;
        padding: 0 !important;
        position: relative; }

    .scroll-wrapper > .scroll-content {
        border: none !important;
        -webkit-box-sizing: content-box !important;
        box-sizing: content-box !important;
        height: auto;
        left: 0;
        margin: 0;
        max-height: none;
        max-width: none !important;
        overflow: scroll !important;
        padding: 0;
        position: relative !important;
        top: 0;
        width: auto !important; }

    .scroll-wrapper > .scroll-content::-webkit-scrollbar {
        height: 0;
        width: 0; }

    .scroll-element {
        display: none; }

    .scroll-element, .scroll-element div {
        -webkit-box-sizing: content-box;
        box-sizing: content-box; }

    .scroll-element.scroll-x.scroll-scrollx_visible,
    .scroll-element.scroll-y.scroll-scrolly_visible {
        display: block; }

    .scroll-element .scroll-bar,
    .scroll-element .scroll-arrow {
        cursor: pointer; }

    .scroll-textarea {
        border: 1px solid #cccccc;
        border-top-color: #999999; }

    .scroll-textarea > .scroll-content {
        overflow: hidden !important; }

    .scroll-textarea > .scroll-content > textarea {
        border: none !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 100% !important;
        margin: 0;
        max-height: none !important;
        max-width: none !important;
        overflow: scroll !important;
        outline: none;
        padding: 2px;
        position: relative !important;
        top: 0;
        width: 100% !important; }

    .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
        height: 0;
        width: 0; }

    /*************** SIMPLE INNER SCROLLBAR ***************/
    .scroll-element,
    .scroll-element div {
        border: none;
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 10; }

    .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%; }

    .scroll-element.scroll-x {
        bottom: 2px;
        height: 8px;
        left: 0;
        width: 100%; }

    .scroll-element.scroll-y {
        height: 100%;
        right: 0;
        top: 0;
        width: 17px; }

    .scroll-element .scroll-element_outer {
        overflow: hidden; }

    .scroll-element .scroll-bar {
        border-radius: 7px;
        width: 9px;
        margin: 4px; }

    .scroll-element .scroll-element_outer,
    .scroll-element .scroll-element_track {
        border-radius: 0; }

    .scroll-element .scroll-element_track {
        background-color: #35434a; }

    .scroll-element .scroll-bar {
        background-color: #fffcf0;
        -webkit-transition: background-color 0.35s;
        transition: background-color 0.35s; }

    .scroll-element:hover .scroll-bar {
        background-color: #f36251; }

    .scroll-element.scroll-draggable .scroll-bar {
        background-color: #f36251; }

    /* update scrollbar offset if both scrolls are visible */
    .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
        left: -12px; }

    .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
        top: -12px; }

    .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
        left: -12px; }

    .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
        top: -12px; }

    .jq-checkbox,
    .jq-radio {
        position: relative;
        display: inline-block;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }

    .jq-checkbox input,
    .jq-radio input {
        position: absolute;
        z-index: -1;
        margin: 0;
        padding: 0;
        opacity: 0; }

    .jq-file {
        position: relative;
        display: inline-block;
        overflow: hidden; }

    .jq-file input {
        position: absolute;
        top: 0;
        right: 0;
        height: auto;
        margin: 0;
        padding: 0;
        opacity: 0;
        font-size: 100px;
        line-height: 1em; }

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

    .jq-selectbox,
    .jq-select-multiple {
        position: relative;
        display: inline-block; }

    .jq-selectbox select,
    .jq-select-multiple select {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        opacity: 0; }

    .jq-selectbox li,
    .jq-select-multiple li {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap; }

    .jq-selectbox {
        z-index: 10; }

    .jq-selectbox__select {
        position: relative; }

    .jq-selectbox__select-text {
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap;
        text-overflow: ellipsis; }

    .jq-selectbox__dropdown {
        position: absolute; }

    .jq-selectbox__search input {
        -webkit-appearance: textfield; }

    .jq-selectbox__search input::-webkit-search-cancel-button,
    .jq-selectbox__search input::-webkit-search-decoration {
        -webkit-appearance: none; }

    .jq-selectbox__dropdown ul {
        position: relative;
        overflow: auto;
        overflow-x: hidden;
        list-style: none;
        -webkit-overflow-scrolling: touch; }

    .jq-select-multiple ul {
        position: relative;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch; }

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

    .jq-number__field input {
        -moz-appearance: textfield;
        text-align: left;
        /* äëÿ Opera Presto */ }

    .jq-number__field input::-webkit-inner-spin-button,
    .jq-number__field input::-webkit-outer-spin-button {
        margin: 0;
        /* â êàêèõ-òî áðàóçåðàõ ïðèñóòñòâóåò îòñòóï */
        -webkit-appearance: none; }

    /* Component containers
    ----------------------------------*/
    .ui-widget {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em; }

    .ui-widget .ui-widget {
        font-size: 1em; }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em;
        outline: none; }

    .ui-widget-content {
        background: transparent; }

    .ui-widget-content a {
        color: #232b3e; }

    .ui-widget-header {
        background: #f36251; }

    .ui-widget-header a {
        color: #232b3e; }

    .ui-slider {
        position: relative;
        text-align: left; }

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 1;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        margin-top: -10px;
        margin-left: -13px;
        border: 1px solid #f36251;
        background-color: #fff;
        cursor: pointer;
        -ms-touch-action: none;
        touch-action: none;
        outline: none; }
    .ui-slider .ui-slider-handle:before {
        content: '';
        position: absolute;
        top: 6px;
        left: 6px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #f36251; }

    .ui-slider .ui-slider-range {
        position: absolute;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0; }

    .filters .ui-slider-horizontal {
        height: 3px;
        margin: 30px 0;
        background-color: #fff; }

    .filters .ui-widget-header {
        background-color: #35434a; }

    .filters .ui-slider .ui-slider-handle {
        width: 25px;
        height: 23px;
        margin-top: -11px;
        margin-left: -12px;
        -webkit-box-shadow: -2px 3px 33px rgba(0, 0, 0, 0.33);
        box-shadow: -2px 3px 33px rgba(0, 0, 0, 0.33);
        background: #35434a; }

    .slider-number {
        position: absolute;
        top: 40px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 140px;
        padding: 8px 10px;
        border-radius: 7px;
        border: 1px solid #ebece6;
        background-color: #fff;
        color: #35434a;
        font-family: 'ProximaNova';
        font-size: 20px;
        font-weight: 400;
        line-height: 20px;
        text-align: center; }
    .slider-number:after, .slider-number:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
    .slider-number:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 9px;
        margin-left: -9px; }
    .slider-number:before {
        border-color: rgba(235, 236, 230, 0);
        border-bottom-color: #ebece6;
        border-width: 10px;
        margin-left: -10px; }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        -webkit-filter: inherit;
        filter: inherit; }

    .ui-slider-horizontal {
        height: 6px;
        margin: 0 0 115px;
        background-color: #d2d2d2;
        border-radius: 5px; }
    .ui-slider-horizontal span {
        margin-left: 5px; }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%; }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0; }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0; }

    .ba-slider {
        position: relative; }

    .ba-slider img {
        width: 100%;
        display: block;
        max-width: none;}

    .ba-slider .resize {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 50%;
        overflow: hidden; }

    .ba-slider .handle {
        /* Thin line seperator */
        position: absolute;
        left: 50%;
        top: 5%;
        bottom: 0;
        width: 2px;
        margin-left: -1px;
        background: #f36251;
        cursor: ew-resize; }

    .ba-slider .handle:after {
        /* Big orange knob  */
        content: '';
        position: absolute;
        top: 50%;
        width: 84px;
        height: 84px;
        margin: -42px 0 0 -40px;
        background: url(/bitrix/templates/v1.0/css/../img/table-handle.svg) center center no-repeat;
        background-size: cover; }

    .ba-slider img.tablet, .ba-slider img.mobile {
        display: none;
    }

    .mobile-table {
        display: none;
    }

    /* Adaptive styles */
    /* Large Desktop */
    @media (max-width: 1849px) {
        .header__btn {
            width: 64px;
            padding: 0;
            background: #f36251 url(/bitrix/templates/v1.0/css/../img/anchor.svg) center center no-repeat;
            background-size: 50px 50px;
            font-size: 0; }
        .header--red .header__btn {
            background: #fffcf0 url(/bitrix/templates/v1.0/css/../img/anchor-red.svg) center center no-repeat;
            background-size: 50px 50px; } }

    @media (max-width: 1439px) {
        .header__btn {
            width: 90.5px;
            height: 90.5px;
            top: 114px; }
        .header--red .header__btn {
            top: 111px;
            right: -2px;
            border: 2px solid #f36251; }
        .intro__info:after {
            font-size: 320px; }
        .item-tariff--3 {
            margin-left: 90px; }
        .item-tariff--1 {
            margin-left: 50px; }
        .btn--vertical {
            height: 90.5px;
            padding: 0 140px;
            font-size: 23px;
            line-height: 23px; }
        .btn--guarantee {
            top: 23%;
            padding: 0 50px; }
        .slider-reviews {
            width: 100% !important;
            margin: 0; }
        .slider-reviews__info {
            padding: 150px 50px 150px; }
        .slider-reviews__text {
            height: 145px; }
        .slider-reviews .owl-dots {
            bottom: 150px;
            left: 50px; }
        .all-reviews-slider {
            min-height: 565px; }
        .all-reviews-slider .item-reviews {
            width: 280px;
            height: 400px; }
        .all-reviews-slider .owl-item.center .item-reviews {
            width: 380px;
            height: 535px; }
        .all-reviews-slider .slider-nav {
            top: 180px; }
        .customers img {
            margin: 0 15px; }
        .contacts__info {
            width: 600px; }
        .contacts__top {
            padding: 75px 50px 45px; }
        .contacts__title {
            font-size: 80px;
            line-height: 80px; }
        .contacts__bottom {
            padding: 75px 50px; }
        .slider-portfolio__item {
            width: 800px; }
        .slider-portfolio__img {
            height: 440px; }
        .slider-portfolio .slider-nav {
            top: 200px; }
        .portfolio-top__wrap {
            padding-top: 70px; }
        .item-portfolio-full__img {
            height: 303px; }
        .item-portfolio-full__img img {
            max-width: 70%;
            max-height: 70%; }
        .item-portfolio-full__info {
            padding: 0; }
        .contacts-thank__img {
            width: 250px;
            height: 250px; }
        .contacts-thank__title {
            font-size: 60px;
            line-height: 60px; }
        .up {
            bottom: 65px;
            width: 90.5px;
            height: 90.5px;
            font-size: 14px;
            letter-spacing: 3px; }
        .up .icon {
            width: 40px;
            height: 40px;
            margin: 12px auto; } }

    /* Desktop */
    @media (max-width: 1199px) {
        .container {
            width: 970px; }
        .page-content {
            padding-top: 94px; }
        .btn--guarantee {
            display: none; }
        .header {
            padding: 15px 0; }
        .header__nav, .header__contacts, .header__btn {
            display: none; }
        .header--red .mobile-nav__phone {
            color: #35434a; }
        .header--red .mobile-nav__btn {
            background-color: #f36251;
            color: #fff; }
        .header--red .mobile-nav__btn:hover {
            background-color: #f14c39;
            border-color: #f14c39; }
        .gamb {
            display: block;
            width: 43px;
            height: 43px; }
        .gamb .icon {
            display: block;
            width: 100%;
            height: 100%; }
        .mobile-nav {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 100;
            display: none;
            width: 100%;
            height: 100%;
            background-color: #fff;
            overflow: auto; }
        .mobile-nav .container {
            height: 100%; }
        .mobile-nav__wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            min-height: 100%;
            padding: 15px 0 50px; }
        .mobile-nav__top {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            width: 100%;
            margin-bottom: 50px; }
        .mobile-nav__logo {
            margin-right: auto; }
        .mobile-nav__close {
            margin: 20px 10px 0 35px; }
        .mobile-nav__contacts {
            margin-top: 10px;
            text-align: right; }
        .mobile-nav__btn {
            padding: 0 62px;
            margin-top: 50px;
            font-size: 15px;
            line-height: 15px;
            font-weight: 700;
            letter-spacing: 5px;
            text-transform: uppercase; }
        .close {
            display: block;
            width: 24px;
            height: 24px; }
        .close .icon {
            display: block;
            width: 100%;
            height: 100%;
            fill: #ebece6; }
        .close:hover .icon {
            fill: #f36251; }
        .mobile-menu {
            margin: auto 0;
            padding: 0;
            list-style: none; }
        .mobile-menu__item {
            margin-bottom: 30px; }
        .mobile-menu__item:last-child {
            margin-bottom: 0; }
        .mobile-menu__link {
            color: #35434a;
            font-size: 20px;
            font-weight: 700;
            letter-spacing: 6.67px;
            line-height: 20px;
            text-transform: uppercase;
            text-decoration: none; }
        .mobile-menu__link:hover {
            color: #f36251; }
        .intro {
            margin-bottom: 180px;
            padding-top: 135px; }
        .intro__info {
            margin-bottom: 49px; }
        .intro__info:after {
            font-size: 265px;
            line-height: 230px; }
        .intro__img {
            width: 500px;
            height: 538px; }
        .intro__img img {
            -webkit-transform: scale(0.85);
            transform: scale(0.85);
            margin-bottom: -157px; }
        .h1 {
            font-size: 70px;
            line-height: 75px; }
        .h1 span {
            font-size: 110px; }
        .h1-inner {
            font-size: 110px;
            line-height: 120px; }
        .h2 {
            font-size: 50px;
            line-height: 50px; }
        .h2 span {
            font-size: 80px; }
        .h3 {
            font-size: 40px;
            line-height: 40px; }
        .h3 span {
            font-size: 40px; }
        .slider-intro__title {
            margin-bottom: 7px;
            font-size: 85px;
            line-height: 85px; }
        .slider-intro__title:before {
            height: 110px; }
        .slider-intro__text {
            font-size: 45px;
            font-size: 47px; }
        .slider-intro__text:before {
            height: 75px; }
        .section-top__img {
            width: 550px;
            height: 480px; }
        .section-top__img img {
            -webkit-transform: scale(0.7);
            transform: scale(0.7); }
        .section-top__big-title {
            font-size: 125px;
            line-height: 118px; }
        .section-top--order .section-top__big-title {
            margin-left: -25px; }
        .section-descr {
            margin-bottom: 150px; }
        .section-descr__text {
            font-size: 22px;
            line-height: 32px; }
        .tariffs {
            margin-bottom: 200px; }
        .tariffs--promotion {
            margin-bottom: 140px; }
        .item-tariff {
            margin-top: 0;
            margin-bottom: 50px; }
        .item-tariff:hover .item-tariff__img img {
            -webkit-animation: none;
            animation: none; }
        .develop__btn {
            display: none; }
        .develop .section-top__img {
            width: 550px; }
        .rating {
            margin-bottom: 200px; }
        .step-rating__info {
            padding: 40px; }
        .step-rating__text {
            font-size: 22px;
            line-height: 30px; }
        .step-rating--1 .step-rating__title {
            margin-bottom: 20px;
            font-size: 50px;
            line-height: 50px; }
        .step-rating__title span {
            font-size: 50px; }
        .form__title {
            font-size: 75px;
            line-height: 86px; }
        .form__text {
            font-size: 22px;
            line-height: 30px; }
        .form--resume {
            width: 650px;
            padding: 75px 50px 100px; }
        .form--rating .form__title {
            font-size: 75px;
            line-height: 86px; }
        .context .section-descr {
            padding-left: 65px; }
        .context .section-top__img {
            width: 500px;
            height: 400px; }
        .context .section-top__img img {
            margin-left: -160px; }
        .social-marketing .section-top__img {
            width: 550px; }
        .reviews {
            padding-top: 140px;
            margin-bottom: 150px; }
        .reviews__title {
            margin-bottom: 75px; }
        .slider-reviews {
            height: 423px; }
        .slider-reviews__img {
            width: 300px;
            height: 423px; }
        .slider-reviews__info {
            padding: 80px 40px; }
        .slider-reviews .owl-dots {
            bottom: 40px;
            left: 40px; }
        .slider-reviews__text {
            height: 135px;
            font-size: 22px;
            line-height: 27px; }
        .options__title {
            font-size: 90px;
            line-height: 100px; }
        .item-options {
            width: 303px;
            height: 303px;
            padding: 40px 40px 80px; }
        .item-options__text {
            height: 176px;
            font-size: 18px;
            line-height: 22px; }
        .menu-footer__list {
            margin-right: 40px; }
        .menu-footer__list:last-child {
            margin-right: 0; }
        .menu-footer__list--dop {
            -webkit-column-gap: 40px;
            -moz-column-gap: 40px;
            column-gap: 40px; }
        .footer__terms-of-use {
            display: inline-block;
            width: 150px; }
        .parallax {
            height: 990px; }
        .parallax--clouds {
            height: 850px; }
        .parallax--clouds .parallax__img--cloud-4 {
            bottom: 310px;
            margin-right: -365px; }
        .parallax--clouds .parallax__img--cloud-1 {
            bottom: 240px; }
        .parallax--clouds .parallax__img--cloud-2 {
            margin-left: -645px; }
        .parallax--clouds .parallax__img--cloud-3 {
            bottom: 540px;
            margin-left: 180px; }
        .parallax--boat .parallax__img--bubble {
            bottom: 350px; }
        .parallax--dreamer .parallax__img--cloud-4 {
            bottom: 500px; }
        .parallax--dreamer .parallax__img--bubble {
            bottom: 420px; }
        .parallax--klava .parallax__img--cloud-4 {
            bottom: 360px; }
        .parallax--klava .parallax__img--bubble {
            bottom: 295px; }
        .parallax--gay .parallax__img--cloud-4 {
            bottom: 550px; }
        .parallax--gay .parallax__img--bubble {
            bottom: 480px; }
        .parallax__wrap {
            margin: 140px 130px 0 160px; }
        .parallax__text {
            font-size: 25px;
            line-height: 30px; }
        .parallax__img {
            background-size: 80% !important; }
        .parallax__img--poor {
            bottom: 75px;
            margin-left: -540px; }
        .parallax__img--business {
            bottom: 20px;
            margin-left: -400px; }
        .parallax__img--boat {
            bottom: 65px;
            margin-left: -630px; }
        .parallax__img--dreamer {
            bottom: 60px;
            margin-left: -495px; }
        .parallax__img--klava {
            bottom: 60px;
            margin-left: -400px; }
        .parallax__img--gay {
            bottom: 45px;
            margin-left: -320px; }
        .parallax__img--arkadiy {
            bottom: 35px;
            margin-left: -530px; }
        .parallax__img--shark {
            margin-left: 40px; }
        .parallax__img--shark:before {
            background-size: 80%; }
        .parallax__img--shark.active {
            bottom: 70px; }
        .parallax__img--cloud-4 {
            bottom: 440px;
            margin-right: -140px; }
        .parallax__img--bubble {
            bottom: 380px;
            margin-right: 350px; }
        .parallax__img--mayak {
            bottom: 15px;
            margin-left: 86px; }
        .parallax__img--cloud-1 {
            bottom: 830px;
            margin-left: 130px; }
        .parallax__img--cloud-3 {
            bottom: 400px;
            margin-left: -30px; }
        .parallax__img--waves-1 {
            bottom: 20px; }
        .parallax__img--waves-2, .parallax__img--waves-3 {
            bottom: 10px;
            -webkit-animation: waves 5s linear infinite;
            animation: waves 5s linear infinite; }
        .parallax__img--waves-3:before {
            top: 80%; }
        .parallax-thank {
            bottom: 380px; }
        .parallax-thank:before {
            width: 450px;
            height: 450px; }
        .parallax-thank__title {
            margin-bottom: 20px;
            font-size: 130px;
            line-height: 120px; }
        .parallax-thank__text {
            font-size: 37px;
            line-height: 37px; }
        .parallax-thank__icon {
            width: 150px;
            height: 150px; }
        .form-parallax .input-group__input {
            height: 45px; }
        .form-parallax .input-group__label {
            line-height: 45px; }
        .form-parallax .input-group__label.fix {
            line-height: 10px; }
        .customers {
            display: block;
            white-space: nowrap; }
        .company__img {
            width: 400px;
            height: 630px;
            margin-right: 75px; }
        .company__text {
            font-size: 22px;
            line-height: 28px; }
        .company__subtitle {
            font-size: 25px;
            line-height: 25px; }
        .company__wrap {
            margin-bottom: 120px; }
        .list-company__item {
            font-size: 22px;
            line-height: 28px; }
        .list-company__item:before {
            top: 10px; }
        .rules {
            margin-bottom: 120px; }
        .rules__title span {
            font-size: 50px; }
        .item-rules__text {
            font-size: 18px; }
        .item-rules__title {
            font-size: 25px;
            line-height: 30px; }
        .numbers {
            margin-top: 140px; }
        .numbers__items {
            width: 460px; }
        .numbers__title {
            margin-bottom: -10px;
            font-size: 80px;
            line-height: 80px; }
        .item-numbers {
            width: 230px;
            height: 280px; }
        .item-numbers:first-child {
            left: -226px; }
        .item-numbers__number {
            font-size: 100px;
            line-height: 100px; }
        .item-numbers__number span {
            font-size: 50px; }
        .item-numbers__title {
            font-size: 25px;
            line-height: 30px; }
        .vacancy {
            margin-bottom: 140px; }
        .vacancy__title {
            font-size: 120px;
            line-height: 110px; }
        .vacancy-options__img {
            height: 303px; }
        .vacancy-options__img img {
            max-width: 60%;
            max-height: 60%; }
        .item-vacancy {
            margin-bottom: 120px; }
        .resume__title {
            font-size: 90px;
            line-height: 90px; }
        .partners__title {
            font-size: 120px;
            line-height: 110px; }
        .item-partners {
            height: 303px; }
        .item-partners__title {
            left: 20px;
            bottom: -35px;
            font-size: 22px;
            line-height: 25px; }
        .item-partners__title span {
            padding: 5px 15px 5px 15px; }
        .cloud-404 {
            margin-right: 50px; }
        .page-404__title {
            font-size: 70px;
            line-height: 70px; }
        .page-404__subtitle {
            font-size: 35px;
            line-height: 35px; }
        .item-reviews {
            height: 426px; }
        .reviews-full {
            margin-bottom: 120px; }
        .reviews-full__text {
            font-size: 20px;
            line-height: 26px; }
        .info-reviews-full__img {
            width: 400px;
            height: 566px;
            margin-right: 50px; }
        .info-reviews-full__text {
            font-size: 20px;
            line-height: 26px; }
        .all-reviews-slider {
            min-height: 483px; }
        .all-reviews-slider .item-reviews {
            width: 250px;
            height: 354px; }
        .all-reviews-slider .owl-item.center .item-reviews {
            width: 320px;
            height: 453px; }
        .all-reviews-slider .slider-nav {
            top: 155px; }
        .contacts__info {
            width: 500px; }
        .contacts__top {
            padding: 50px 50px 20px; }
        .contacts__title {
            margin-bottom: 30px;
            font-size: 70px;
            line-height: 70px; }
        .contacts__address {
            font-size: 14px; }
        .contacts__address span {
            margin-top: 5px;
            font-size: 18px; }
        .contacts__phone {
            font-size: 20px;
            line-height: 20px; }
        .contacts__email {
            font-size: 18px;
            line-height: 22px; }
        .contacts__map {
            height: 1150px; }
        .contacts__bottom {
            padding: 50px; }
        .tabs-title {
            margin-top: -50px;
            overflow-x: auto;
            overflow-y: visible; }
        .tabs-title--table {
            margin: 0 0 40px 60px; }
        .tabs-title-faq__text {
            font-size: 22px;
            line-height: 24px; }
        .tabs-title-faq__link {
            height: 280px; }
        .item-portfolio {
            height: 303px; }
        .slider-portfolio__item {
            width: 600px; }
        .slider-portfolio__img {
            height: 330px; }
        .slider-portfolio .slider-nav {
            top: 150px; }
        .work-done__title {
            font-size: 100px;
            line-height: 100px; }
        .work-done__img {
            width: 400px;
            height: 410px; }
        .work-done__items {
            width: 738px;
            margin-bottom: 80px; }
        .item-work {
            width: 246px; }
        .item-work:nth-child(3n + 1) {
            left: -242px; }
        .item-work__title {
            font-size: 22px;
            line-height: 24px; }
        .item-work__text {
            font-size: 18px;
            line-height: 24px; }
        .portfolio-full__title,
        .results__title {
            font-size: 120px;
            line-height: 120px; }
        .item-results {
            height: 323px; }
        .item-results__title {
            font-size: 90px;
            line-height: 90px; }
        .item-results__title span {
            font-size: 60px; }
        .item-results__subtitle {
            font-size: 25px;
            line-height: 30px; }
        .item-services__img {
            width: 280px;
            height: 280px; }
        .item-services__title {
            margin-right: -10px;
            font-size: 80px;
            line-height: 80px; }
        .item-services__subtitle {
            font-size: 40px;
            line-height: 40px; }
        .item-services__subtitle span {
            font-size: 50px; }
        .item-services__text {
            padding-left: 50px;
            width: 100%;
            font-size: 20px;
            line-height: 25px; }
        .services__items {
            margin-bottom: 100px; }
        .portfolio {
            margin-bottom: 100px; }
        .portfolio__title {
            font-size: 250px;
            line-height: 250px; }
        .portfolio__title--small {
            font-size: 140px;
            line-height: 140px; }
        .benefit {
            margin-bottom: 140px; }
        .benefit__title {
            margin-bottom: -25px;
            font-size: 140px;
            line-height: 130px; }
        .item-benefit__img {
            height: 303px; }
        .our-work__img {
            width: 520px;
            height: 500px; }
        .our-work__title {
            font-size: 130px;
            line-height: 120px; }
        .our-work__subtitle {
            margin: 0; }
        .step-work {
            margin-bottom: 120px; }
        .step-work__img img {
            max-width: 90%; }
        .we-doing {
            margin-bottom: 140px; }
        .we-doing__title {
            font-size: 90px;
            line-height: 100px; }
        .we-doing__item {
            width: calc(33.33% - 100px);
            margin: 0 50px 25px; }
        .inner-top--services {
            margin-bottom: 140px; }
        .inner-top--services .h1-inner {
            font-size: 90px;
            line-height: 90px; }
        .inner-top__subtitle {
            font-size: 35px;
            line-height: 35px; }
        .rating--context {
            margin-bottom: 140px; }
        .cost__title {
            font-size: 120px;
            line-height: 120px; }
        .item-cost__img {
            width: 200px;
            height: 200px; }
        .item-cost__title {
            font-size: 25px;
            line-height: 30px; }
        .stages {
            margin-bottom: 140px; }
        .stages__items {
            width: 725px; }
        .stages__title {
            font-size: 140px;
            line-height: 130px; }
        .item-stages {
            height: 242px;
            padding: 20px; }
        .item-stages__number {
            font-size: 110px;
            line-height: 110px; }
        .item-stages__title {
            font-size: 25px;
            line-height: 27px; }
        .item-sites-cost,
        .item-detail-tariffs {
            width: calc(25% - 12px);
            margin-right: 15px; }
        .item-sites-cost__title,
        .item-detail-tariffs__title {
            font-size: 20px;
            line-height: 22px; }
        .list-sites-cost__item,
        .list-tariffs__item {
            font-size: 18px;
            line-height: 22px; }
        .item-improve {
            width: 220px; }
        .item-improve__img {
            height: 220px; }
        .item-improve__title {
            font-size: 25px;
            line-height: 27px; }
        .improve {
            margin-bottom: 140px; }
        .improve__title {
            font-size: 70px;
            line-height: 70px; }
        .list-step-work__item {
            margin-bottom: 10px;
            font-size: 20px;
            line-height: 25px; }
        .list-step-work__item:before {
            top: 8px; }
        .traffic-info {
            width: 600px;
            padding: 70px 80px; }
        .table {
            width: 100%; }
        .item-offers {
            margin-bottom: 100px; }
        .item-offers__img {
            width: 400px;
            height: 300px;
            margin-right: 50px; }
        .item-offers__text {
            font-size: 20px;
            line-height: 25px; }
        .item-category {
            width: 190px;
            height: 260px; }
        .item-category__icon {
            width: 120px;
            height: 120px; }
        .item-category__text {
            font-size: 22px;
            line-height: 22px; }
        .item-category__text span {
            font-size: 35px; }
        .category {
            padding: 80px 40px; }
        .category__title {
            font-size: 90px;
            line-height: 90px; }
        .category__left {
            width: 270px;
            margin-right: 50px; }
        .category__img {
            width: 350px;
            height: 350px; }
        .tabs-title-category__text {
            font-size: 20px;
            line-height: 20px; }
        .tabs-title-category__text span {
            font-size: 30px; }
        .form__radio,
        .form__checkbox {
            font-size: 20px; }
        .get-results__img {
            width: 300px;
            height: 300px; }
        .get-results__title {
            margin-bottom: 30px;
            font-size: 80px;
            line-height: 80px; }
        .request__title {
            font-size: 80px;
            line-height: 80px; }
        .request__img {
            width: 350px;
            height: 350px; }
        .request--resume {
            margin-bottom: 100px; }
        .contacts-thank__wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
        .contacts-thank__title {
            text-align: center;
            font-size: 45px;
            line-height: 45px; }
        .contacts-thank__title br {
            display: none; }
        .contacts-thank__img {
            margin-bottom: 30px; }
        .order-tariffs,
        .tariffs-thank {
            margin-top: -100px; }
        .order-tariffs {
            padding: 100px 0; }
        .order-tariffs__img {
            margin-right: 70px; }
        .tariffs-thank__img {
            width: 350px;
            height: 350px; }
        .tariffs-thank__title {
            font-size: 90px;
            line-height: 90px; }
        .statistics__title {
            font-size: 90px;
            line-height: 100px; }
        .order-tariffs--improve,
        .tariffs-thank--improve {
            margin-top: -50px; } }

    /* Tablet */
    @media (max-width: 991px) {
        .ba-slider .handle::after {
            width: 50px;
            height: 50px;
            margin: -25px 0 0 -23px;
        }
        .container {
            width: 750px; }
        .bg-lines:after {
            right: -250px; }
        .bg-lines:before {
            left: -250px; }
        .intro {
            padding-top: 88px; }
        .intro__info {
            margin-bottom: 41px; }
        .intro__info:after {
            font-size: 210px;
            line-height: 180px; }
        .intro__img {
            width: 418px;
            height: 443px;
            border-width: 25px; }
        .intro__img img {
            -webkit-transform: scale(0.75);
            transform: scale(0.75);
            margin-bottom: -220px; }
        .h1 {
            font-size: 55px;
            line-height: 60px; }
        .h1 span {
            font-size: 95px; }
        .h1-inner {
            font-size: 90px;
            line-height: 80px; }
        .h2 {
            font-size: 40px;
            line-height: 40px; }
        .h2 span {
            font-size: 70px; }
        .h3 {
            font-size: 35px;
            line-height: 35px; }
        .h3 span {
            font-size: 35px; }
        .slider-intro {
            height: 400px; }
        .slider-intro__items {
            height: 400px; }
        .slider-intro__title {
            font-size: 65px;
            line-height: 65px; }
        .slider-intro__title:before {
            bottom: 2px;
            height: 85px; }
        .slider-intro__text {
            font-size: 40px;
            line-height: 45px; }
        .slider-intro__text:before {
            height: 60px; }
        .slider-intro__decor img {
            -webkit-transform: scale(0.8);
            transform: scale(0.8); }
        .slider-intro__decor--1 {
            top: -27px;
            left: -60px; }
        .slider-intro__decor--2 {
            left: -100px; }
        .slider-intro__decor--3 {
            right: -50px; }
        .intro {
            margin-bottom: 150px; }
        .section-top--order .section-top__big-title {
            margin-left: -15px; }
        .section-top__img {
            width: 420px;
            height: 385px; }
        .section-top__img img {
            -webkit-transform: scale(0.6);
            transform: scale(0.6); }
        .section-top__big-title {
            font-size: 85px;
            line-height: 80px; }
        .section-descr {
            padding-left: 0;
            margin-bottom: 100px; }
        .section-descr__text {
            margin-left: 50px;
            font-size: 20px;
            line-height: 30px; }
        .context .section-descr {
            padding-left: 0; }
        .item-tariff {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 270px;
            margin-bottom: 0; }
        .item-tariff--1, .item-tariff--3 {
            margin-left: 0; }
        .item-tariff--2 {
            margin-right: 0; }
        .item-tariff:nth-child(2n) {
            margin-top: 100px;
            margin-left: 100px; }
        .item-tariff__img {
            width: 250px;
            height: 250px;
            margin-right: 0;
            margin-bottom: 30px; }
        .item-tariff__img img {
            -webkit-transform: translateX(-90%) scale(0.8);
            transform: translateX(-90%) scale(0.8);
            -webkit-transform-origin: center center;
            transform-origin: center center; }
        .item-tariff__title, .item-tariff__text {
            text-align: center; }
        .item-tariff__bottom {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
        .item-tariff__price {
            margin: 0 5px; }
        .item-tariff:hover .item-tariff__img img {
            -webkit-transform-origin: center center;
            transform-origin: center center; }
        .tariffs {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-bottom: 100px; }
        .tariffs__title {
            font-size: 120px;
            line-height: 110px; }
        .tariffs__text {
            font-size: 20px;
            line-height: 25px; }
        .develop .section-top__img {
            width: 420px; }
        .step-rating {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
        .step-rating--1 .step-rating__info {
            width: 600px;
            max-width: 100%; }
        .step-rating__wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 600px;
            max-width: 100%;
            margin: 0 auto; }
        .step-rating__big-title {
            width: 100%;
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1;
            margin-left: 0;
            margin-bottom: 50px;
            text-align: center;
            font-size: 75px;
            line-height: 80px; }
        .step-rating__big-title br,
        .step-rating__big-title i {
            display: none; }
        .step-rating__info {
            width: 100%;
            min-height: 500px;
            margin-right: 0; }
        .step-rating__title span {
            font-size: 40px; }
        .step-rating__numbers {
            -ms-flex-item-align: end;
            align-self: flex-end;
            margin-top: 30px; }
        .form__title {
            font-size: 70px;
            line-height: 80px; }
        .form--rating .form__title {
            font-size: 70px;
            line-height: 80px; }
        .rating {
            margin-bottom: 150px; }
        .rating--context {
            margin-bottom: 100px; }
        .social-marketing .section-top__img {
            width: 420px; }
        .reviews {
            padding-top: 100px;
            margin-bottom: 100px; }
        .reviews__title {
            margin-bottom: 50px; }
        .context .section-top__img {
            width: 420px;
            height: 350px; }
        .slider-reviews__info {
            padding-top: 40px; }
        .slider-reviews__text {
            height: 168px;
            font-size: 20px;
            line-height: 24px; }
        .customers {
            padding: 50px 0 60px; }
        .options__title {
            font-size: 70px;
            line-height: 80px; }
        .options__items {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
        .item-options:nth-child(3n) {
            margin-right: 30px; }
        .item-options:nth-child(2n) {
            margin-right: 0;
            margin-top: -50px; }
        .item-options:nth-child(5) {
            margin-top: 0; }
        .menu-footer__list {
            margin-right: 30px; }
        .menu-footer__list:last-child {
            margin-right: 0; }
        .menu-footer__list--dop {
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1; }
        .menu-footer__list--dop .menu-footer__item {
            margin-bottom: 12px; }
        .menu-footer__link {
            font-size: 18px;
            line-height: 18px; }
        .footer {
            padding: 75px 0; }
        .footer__copyright {
            margin-bottom: 9px; }
        .footer__phone {
            margin-bottom: 8px; }
        .parallax {
            height: 790px; }
        .parallax--clouds {
            height: 700px; }
        .parallax--clouds .parallax__img--cloud-1 {
            bottom: 200px; }
        .parallax--clouds .parallax__img--cloud-2 {
            bottom: 270px;
            margin-left: -250px; }
        .parallax--clouds .parallax__img--cloud-3 {
            bottom: 350px;
            margin-left: -100px; }
        .parallax--clouds .parallax__img--cloud-4 {
            bottom: 215px;
            margin-right: -345px; }
        .parallax--clouds .parallax-thank {
            bottom: 230px; }
        .parallax--boat .parallax__img--bubble {
            bottom: 250px; }
        .parallax--boat .parallax__img--cloud-4 {
            bottom: 325px; }
        .parallax--dreamer .parallax__img--cloud-4 {
            bottom: 375px; }
        .parallax--dreamer .parallax__img--bubble {
            bottom: 315px; }
        .parallax--klava .parallax__img--cloud-4 {
            bottom: 270px; }
        .parallax--klava .parallax__img--bubble {
            bottom: 210px; }
        .parallax--gay .parallax__img--cloud-4 {
            bottom: 400px; }
        .parallax--gay .parallax__img--bubble {
            bottom: 345px; }
        .parallax__img {
            background-size: 60% !important; }
        .parallax__img--poor {
            bottom: 0px;
            margin-left: -500px; }
        .parallax__img--business {
            bottom: -35px;
            margin-left: -360px; }
        .parallax__img--boat {
            bottom: 0;
            margin-left: -574px; }
        .parallax__img--dreamer {
            bottom: -15px;
            margin-left: -445px; }
        .parallax__img--klava {
            bottom: 10px;
            margin-left: -330px; }
        .parallax__img--gay {
            bottom: -40px;
            margin-left: -270px; }
        .parallax__img--arkadiy {
            bottom: -35px;
            margin-left: -470px; }
        .parallax__img--shark {
            bottom: 107px;
            margin-left: -50px; }
        .parallax__img--shark:before {
            background-size: 60%; }
        .parallax__img--shark.active {
            bottom: 15px; }
        .parallax__img--cloud-4 {
            background-size: 80% !important;
            bottom: 350px;
            margin-right: -185px; }
        .parallax__img--bubble {
            bottom: 285px;
            margin-right: 270px; }
        .parallax__img--mayak {
            bottom: -125px;
            margin-left: -5px; }
        .parallax__img--cloud-1 {
            bottom: 560px;
            margin-left: 130px; }
        .parallax__img--cloud-3 {
            bottom: 275px;
            margin-left: -77px; }
        .parallax__img--waves-1 {
            bottom: -10px; }
        .parallax__img--waves-2, .parallax__img--waves-3 {
            bottom: -20px; }
        .parallax-thank {
            bottom: 330px; }
        .parallax-thank:before {
            width: 400px;
            height: 400px; }
        .parallax-thank__title {
            font-size: 110px;
            line-height: 100px; }
        .parallax-thank__text {
            font-size: 35px;
            line-height: 35px; }
        .parallax-thank__icon {
            margin: 0 auto 20px; }
        .inner-top {
            margin-top: 30px;
            min-height: 230px; }
        .inner-top__img {
            width: 300px;
            height: 230px; }
        .inner-top--services {
            min-height: 290px;
            margin-top: 100px; }
        .inner-top--services .inner-top__img {
            width: 280px;
            height: 290px; }
        .inner-top--services .h1-inner {
            margin-left: -5px;
            font-size: 75px;
            line-height: 75px; }
        .inner-top--services .breadcrumbs {
            width: calc(100% - 280px); }
        .inner-top__subtitle {
            margin-top: 20px;
            font-size: 30px;
            line-height: 30px; }
        .inner-top .breadcrumbs {
            width: calc(100% - 300px); }
        .search {
            width: calc(100% - 350px); }
        .search__text {
            margin-top: 5px; }
        .about__title {
            margin-left: 0; }
        .company__wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-bottom: 100px; }
        .company__img {
            margin-right: 0;
            margin-bottom: 50px; }
        .company__text {
            font-size: 20px;
            line-height: 26px; }
        .company__text--margin {
            margin-left: 0; }
        .list-company__item {
            font-size: 20px;
            line-height: 26px; }
        .list-company__item:before {
            top: 8px; }
        .rules__title span {
            font-size: 40px; }
        .item-rules {
            width: 50%;
            min-height: 400px; }
        .item-rules:nth-child(n+3) {
            margin-top: -4px; }
        .item-rules:nth-child(2) {
            margin-top: 46px; }
        .item-rules:nth-child(5) {
            margin-top: -54px; }
        .item-rules:nth-child(3) {
            margin-top: -54px; }
        .numbers {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
        .numbers__title {
            width: 100%;
            margin-bottom: 50px;
            text-align: center; }
        .numbers__title br {
            display: none; }
        .numbers__items {
            -ms-flex-item-align: end;
            align-self: flex-end;
            width: 400px; }
        .item-numbers {
            width: 200px;
            height: 240px; }
        .item-numbers:first-child {
            left: -196px; }
        .item-numbers__number {
            font-size: 80px;
            line-height: 80px; }
        .item-numbers__number span {
            font-size: 40px; }
        .item-numbers__title {
            font-size: 22px;
            line-height: 28px; }
        .vacancy__top {
            margin-bottom: 80px; }
        .vacancy__img {
            width: 300px;
            height: 280px; }
        .vacancy__title {
            font-size: 100px;
            line-height: 90px; }
        .vacancy-options__img {
            height: 230px; }
        .vacancy-options__title {
            font-size: 25px;
            line-height: 30px; }
        .vacancy-options__item {
            font-size: 18px; }
        .resume {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
        .resume__title {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1;
            margin-left: 0;
            margin-bottom: 50px;
            text-align: center; }
        .resume__title br {
            display: none; }
        .partners__title {
            font-size: 100px;
            line-height: 90px; }
        .item-partners {
            height: 230px; }
        .item-partners__title {
            left: 10px;
            bottom: -26px;
            font-size: 18px;
            line-height: 20px; }
        .item-partners__title span {
            padding: 5px 10px 5px 10px; }
        .page-404 {
            margin-bottom: 100px; }
        .page-404__wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
        .page-404__info {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1;
            margin-bottom: 50px; }
        .page-404__title, .page-404__subtitle {
            text-align: center; }
        .page-404__img {
            margin-top: 50px; }
        .cloud-404 {
            margin-right: 0; }
        .cloud-404:after {
            right: 175px;
            bottom: -85px;
            -webkit-transform: rotate(30deg);
            transform: rotate(30deg); }
        .tabs-title-faq__link {
            height: 220px; }
        .tabs-title-faq__link .border-top:before, .tabs-title-faq__link .border-top:after,
            .tabs-title-faq__link .border-bottom:before,
            .tabs-title-faq__link .border-bottom:after {
            width: 27px;
            height: 27px;
            border-width: 2px; }
        .tabs-title-faq__text {
            font-size: 16px;
            line-height: 18px; }
        .tabs-title-faq__text span {
            font-size: 30px; }
        .tabs-title-faq__icon {
            width: 90px;
            height: 90px; }
        .faq__title {
            font-size: 80px;
            line-height: 80px; }
        .faq__cols {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
        .faq__col {
            width: 100%;
            margin-right: 0; }
        .item-reviews {
            width: calc(33.33% - 14px);
            height: 330px;
            margin-right: 20px;
            margin-bottom: 70px; }
        .item-reviews__title {
            bottom: -15px;
            font-size: 20px;
            line-height: 25px; }
        .item-reviews__title span {
            padding: 5px 10px; }
        .all-reviews__btn {
            height: 60px;
            padding: 0 40px;
            font-size: 25px;
            line-height: 25px; }
        .all-reviews-slider {
            min-height: 412px; }
        .all-reviews-slider .item-reviews {
            width: 200px;
            height: 283px; }
        .all-reviews-slider .owl-item.center .item-reviews {
            width: 270px;
            height: 382px; }
        .all-reviews-slider .slider-nav {
            top: 120px; }
        .info-reviews-full {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
        .info-reviews-full__img {
            margin-right: 0;
            margin-bottom: 50px; }
        .reviews-full__text {
            margin-bottom: 50px; }
        .contacts__info {
            position: static;
            width: 100%; }
        .contacts__map {
            height: 600px; }
        .tabs-title {
            margin-top: -50px;
            margin-bottom: 60px; }
        .tabs-title--table {
            margin: 0 0 40px 20px; }
        .item-portfolio {
            height: 230px;
            margin-bottom: 0; }
        .item-portfolio__title {
            left: 20px; }
        .portfolio-top .breadcrumbs {
            margin-bottom: 45px; }
        .portfolio-top__subtitle {
            font-size: 25px;
            line-height: 30px; }
        .portfolio-top__wrap {
            padding-top: 30px; }
        .portfolio-top__text {
            font-size: 20px;
            line-height: 25px; }
        .portfolio-full__items {
            margin-bottom: 100px; }
        .item-portfolio-full__img {
            height: 230px; }
        .item-portfolio-full__title {
            font-size: 25px;
            line-height: 30px; }
        .item-portfolio-full__text {
            font-size: 18px;
            line-height: 24px; }
        .portfolio-tabs-title__link {
            height: 55px;
            padding: 0 25px;
            font-size: 25px; }
        .slider-portfolio {
            margin-bottom: 100px; }
        .slider-portfolio__title {
            margin-left: 20px;
            font-size: 20px;
            line-height: 25px; }
        .slider-portfolio__text {
            margin-left: 40px; }
        .work-done__img {
            width: 300px;
            height: 290px; }
        .work-done__title {
            font-size: 90px;
            line-height: 90px; }
        .work-done__text {
            font-size: 22px;
            line-height: 28px; }
        .work-done__items {
            width: 66.66%; }
        .item-work {
            width: 50%; }
        .item-work:nth-child(3n + 1) {
            left: 0; }
        .item-work:first-child {
            left: calc(-50% + 4px); }
        .item-work:last-child {
            left: calc(-100% + 7px); }
        .consult__title {
            font-size: 45px;
            line-height: 45px; }
        .portfolio-full__title,
        .results__title {
            font-size: 90px;
            line-height: 90px; }
        .item-results {
            height: 250px; }
        .item-results__title {
            font-size: 70px;
            line-height: 70px; }
        .item-results__title span {
            font-size: 40px; }
        .item-results__subtitle {
            font-size: 22px;
            line-height: 25px; }
        .item-results__text {
            font-size: 18px;
            line-height: 22px; }
        .item-services__img {
            width: 250px;
            height: 250px; }
        .item-services__title {
            font-size: 55px;
            line-height: 55px; }
        .portfolio {
            margin-bottom: 80px; }
        .portfolio__title {
            margin-bottom: 30px;
            font-size: 200px;
            line-height: 200px; }
        .portfolio__title--small {
            font-size: 100px;
            line-height: 100px; }
        .item-benefit__img {
            height: 230px; }
        .item-benefit__title {
            margin-left: 0;
            font-size: 25px;
            line-height: 25px; }
        .item-benefit:nth-child(2) {
            margin-top: 60px; }
        .benefit {
            margin-bottom: 100px; }
        .benefit__title {
            margin-bottom: -20px;
            font-size: 110px;
            line-height: 100px; }
        .our-work__img {
            width: 375px;
            height: 350px; }
        .our-work__title {
            font-size: 100px;
            line-height: 90px; }
        .our-work__info--padding {
            padding-right: 0; }
        .our-work__text {
            margin-bottom: 60px;
            font-size: 20px;
            line-height: 25px; }
        .our-work__items {
            margin-bottom: 80px; }
        .item-our-work__title {
            font-size: 25px;
            line-height: 30px; }
        .item-our-work__title span {
            font-size: 35px; }
        .item-our-work__text {
            font-size: 18px;
            line-height: 24px; }
        .step-work__number {
            width: 170px;
            height: 170px; }
        .step-work__wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
        .step-work__subtitle {
            width: 100%;
            margin-right: 0;
            margin-bottom: 30px; }
        .info-step {
            margin-bottom: 60px; }
        .info-step__text {
            margin-bottom: 60px;
            font-size: 20px;
            line-height: 25px; }
        .item-info-step__title {
            font-size: 25px;
            line-height: 30px; }
        .item-info-step__text {
            font-size: 18px;
            line-height: 24px; }
        .we-doing {
            margin-bottom: 100px; }
        .we-doing__title {
            font-size: 70px;
            line-height: 80px; }
        .we-doing__wrap {
            padding: 80px 0 60px; }
        .we-doing__item {
            width: calc(33.33% - 40px);
            margin: 0 20px 20px;
            font-size: 16px;
            line-height: 22px; }
        .cost {
            margin-bottom: 100px; }
        .cost__title {
            margin-bottom: 50px;
            font-size: 90px;
            line-height: 90px; }
        .cost__text {
            font-size: 20px;
            line-height: 30px; }
        .item-cost {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start; }
        .item-cost__img {
            margin-right: 0;
            margin-bottom: 30px; }
        .item-cost__info {
            width: 100%; }
        .stages {
            margin-bottom: 120px; }
        .stages__title {
            margin-bottom: 0px;
            font-size: 110px;
            line-height: 100px; }
        .stages__items {
            width: calc(100% + 8px);
            margin-top: 270px; }
        .item-stages {
            height: 250px;
            padding-top: 35px; }
        .item-stages:first-child {
            top: -246px;
            left: 0; }
        .sites-cost__items,
        .tariffs-detail__items {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .item-sites-cost,
        .item-detail-tariffs {
            width: calc(50% - 30px);
            margin: 0 15px 30px 15px; }
        .improve {
            margin-bottom: 120px; }
        .improve__title {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1;
            width: 100%;
            margin-top: 0;
            margin-bottom: 30px;
            text-align: center; }
        .improve__items {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
        .improve__items--top {
            margin-bottom: 0; }
        .item-improve {
            margin: 0 30px; }
        .item-improve:last-child {
            margin-right: 30px; }
        .item-improve:nth-child(3) {
            margin-top: 0; }
        .item-improve:nth-child(4) {
            margin-top: 65px; }
        .list-step-work__item {
            font-size: 18px;
            line-height: 24px; }
        .traffic-info {
            width: 400px;
            padding: 50px 40px; }
        .traffic-info__text {
            font-size: 20px;
            line-height: 25px; }
        .tabs-title-traffic__link {
            padding: 0 25px;
            font-size: 16px;
            line-height: 16px; }
        .table__cell:first-child, .table__title:first-child {
            padding-left: 20px; }
        .table__cell:last-child, .table__title:last-child {
            padding-right: 20px; }
        .table__cell {
            font-size: 18px; }
        .item-offers {
            margin-bottom: 80px; }
        .item-offers__img {
            width: 300px;
            height: 250px;
            margin-right: 40px; }
        .up {
            width: 70px;
            height: 70px;
            font-size: 11px;
            letter-spacing: 2px; }
        .up .icon {
            width: 35px;
            height: 35px;
            margin: 8px auto; }
        .category {
            padding: 120px 20px 80px;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start; }
        .category--first, .category--send, .category--thank {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
        .category__title {
            font-size: 80px;
            line-height: 80px; }
        .category__wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            min-height: 0; }
        .category__left {
            width: 100%;
            margin-right: 0;
            margin-bottom: 50px; }
        .item-category {
            width: 20%;
            height: 225px; }
        .item-category__icon {
            width: 90px;
            height: 90px; }
        .item-category__text {
            font-size: 18px;
            line-height: 18px; }
        .item-category__text span {
            font-size: 30px; }
        .tabs-title-category {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
        .tabs-title-category__link {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 20%;
            height: 225px;
            padding: 10px; }
        .tabs-title-category__icon {
            margin-right: 0;
            margin-bottom: 30px;
            width: 90px;
            height: 90px; }
        .tabs-title-category__text {
            font-size: 18px;
            line-height: 18px;
            text-align: center; }
        .tabs-title-category__text span {
            font-size: 30px; }
        .slider-number {
            left: -5px;
            -webkit-transform: translateX(0);
            transform: translateX(0);
            width: 120px;
            padding: 7px 5px;
            font-size: 18px; }
        .slider-number:before {
            left: 0;
            margin-left: 9px; }
        .slider-number:after {
            left: 0;
            margin-left: 10px; }
        .slider-number--right {
            left: auto;
            right: -5px; }
        .slider-number--right:before {
            left: auto;
            right: 0;
            margin-right: 9px; }
        .slider-number--right:after {
            left: auto;
            right: 0;
            margin-right: 10px; }
        .get-results {
            padding: 70px 0; }
        .get-results__img {
            width: 280px;
            height: 280px; }
        .get-results__title {
            font-size: 60px;
            line-height: 60px; }
        .get-results__text {
            font-size: 22px;
            line-height: 26px; }
        .request {
            padding: 70px 0; }
        .request__title {
            font-size: 60px;
            line-height: 60px; }
        .request__img {
            width: 280px;
            height: 280px; }
        .order-tariffs__wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
        .order-tariffs__img {
            margin-right: 0;
            margin-bottom: 50px; }
        .tariffs-thank__img {
            width: 320px;
            height: 320px; }
        .tariffs-thank__title {
            font-size: 80px;
            line-height: 80px; }
        .statistics__title {
            margin-bottom: 50px;
            font-size: 70px;
            line-height: 80px; }
        .statistics__graph {
            margin-bottom: 100px; }
        .table-footnote {
            padding-left: 20px; }
        .portfolio-top__item {
            width: 48%; }
        .stat-dots__item {
            width: 120px; }
        .order-tariffs--smm,
        .tariffs-thank--smm,
        .order-tariffs--develop,
        .tariffs-thank--develop {
            margin-top: -50px; }
        .tooltip {
            width: 260px;
            padding: 20px;
        }

        .tooltip__title {
            padding-right: 30px;
            margin-bottom: 15px;
            font-size: 20px;
        }

        .tooltip__text {
            font-size: 16px;
        }

        .tooltip__more {
            font-size: 16px;
        }
    }

    /* Phone */
    @media (max-width: 767px) {
        .ba-slider img.desctop {
            display: none;
        }
        .ba-slider img.tablet {
            display: block;
        }
        .page-content {
            padding-top: 71px; }
        .container {
            width: 100%;
            padding: 0 15px; }
        .logo {
            width: 86px;
            height: 40px; }
        .gamb {
            width: 33px;
            height: 33px; }
        .bg-lines {
            display: none; }
        .phone {
            font-size: 18px; }
        .address {
            margin-top: 0;
            font-size: 14px; }
        .mobile-nav__close {
            margin-right: 5px;
            margin-top: 10px; }
        .mobile-menu__item {
            margin-bottom: 20px; }
        .mobile-menu__item:last-child {
            margin-bottom: 0; }
        .intro {
            margin-bottom: 100px;
            padding-top: 78px; }
        .intro__info:after {
            font-size: 29vw;
            line-height: 29vw; }
        .intro__img {
            width: 350px;
            height: 430px;
            border-width: 15px; }
        .intro__img img {
            margin-bottom: -222px; }
        .h1 {
            font-size: 45px;
            line-height: 50px; }
        .h1 span {
            font-size: 75px; }
        .h1-inner {
            margin-left: -5px;
            font-size: 60px;
            line-height: 50px; }
        .h2 {
            font-size: 35px;
            line-height: 35px; }
        .h2 span {
            font-size: 55px; }
        .h3 {
            font-size: 30px;
            line-height: 30px; }
        .h3 span {
            font-size: 30px; }
        .slider-intro {
            height: 380px; }
        .slider-intro__items {
            height: 380px; }
        .slider-intro__title {
            font-size: 40px;
            line-height: 45px; }
        .slider-intro__title:before {
            bottom: 2px;
            left: -30px;
            width: calc(100% + 60px);
            height: 65px; }
        .slider-intro__text {
            font-size: 25px;
            line-height: 25px; }
        .slider-intro__text:before {
            left: -20px;
            width: calc(100% + 40px);
            height: 48px; }
        .slider-intro__decor img {
            -webkit-transform: scale(0.5);
            transform: scale(0.5); }
        .btn {
            height: 55px; }
        .section-top--order .section-top__big-title {
            margin-left: -10px; }
        .section-top__img {
            width: 300px;
            height: 270px; }
        .section-top__img img {
            -webkit-transform: scale(0.4);
            transform: scale(0.4); }
        .section-top__big-title {
            margin-right: -5px;
            font-size: 55px;
            line-height: 52px; }
        .section-descr {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-bottom: 75px; }
        .section-descr__text {
            width: 100%;
            margin-top: 30px;
            margin-left: 0; }
        .section-descr__text {
            font-size: 18px;
            line-height: 24px; }
        .item-tariff {
            width: calc(50% - 15px); }
        .item-tariff:hover .item-tariff__img img {
            -webkit-transform-origin: center center;
            transform-origin: center center; }
        .item-tariff:nth-child(2n) {
            margin-left: 30px; }
        .item-tariff--2 .item-tariff__img {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
        .item-tariff--2 .item-tariff__img img {
            margin-top: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0; }
        .item-tariff--3 .item-tariff__img {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
        .item-tariff--3 .item-tariff__img img {
            margin-top: 0; }
        .item-tariff--4 .item-tariff__img {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
        .item-tariff--4 .item-tariff__img img {
            margin-top: 0; }
        .item-tariff__img {
            width: 195px;
            height: 195px; }
        .item-tariff__img img {
            -webkit-transform: translateX(-85%) scale(0.6);
            transform: translateX(-85%) scale(0.6);
            -webkit-transform-origin: center center;
            transform-origin: center center; }
        .item-tariff__title {
            font-size: 25px;
            line-height: 30px; }
        .item-tariff__text {
            font-size: 18px; }
        .item-tariff__price {
            font-size: 25px; }
        .item-tariff__price span {
            font-size: 23px; }
        .tariffs {
            max-width: 600px;
            margin: 0 auto 100px; }
        .tariffs__title {
            margin-bottom: 30px;
            font-size: 70px;
            line-height: 70px; }
        .tariffs__text {
            font-size: 18px;
            line-height: 24px; }
        .tariffs--promotion {
            max-width: none; }
        .develop .section-top__img {
            width: 300px; }
        .develop .section-descr__text {
            width: 100%; }
        .step-rating--1 .step-rating__title {
            font-size: 35px;
            line-height: 35px; }
        .step-rating--1 .step-rating__title span {
            font-size: 55px; }
        .step-rating__big-title {
            font-size: 45px;
            line-height: 50px; }
        .step-rating__title span {
            font-size: 35px; }
        .step-rating__text {
            font-size: 18px;
            line-height: 24px; }
        .step-rating__info {
            min-height: 400px; }
        .step-rating__number {
            font-size: 100px;
            line-height: 100px; }
        .step-rating__all {
            font-size: 40px;
            line-height: 40px; }
        .form--resume {
            padding: 50px 30px; }
        .form--resume .form__bottom {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
        .form--resume .form__pers {
            margin-left: 0;
            margin-top: 20px;
            text-align: center; }
        .form__title {
            font-size: 44px;
            line-height: 54px; }
        .form__subtitle {
            font-size: 22px; }
        .form__text {
            font-size: 18px;
            line-height: 24px; }
        .form .input-group {
            width: 100%;
            margin-right: 0; }
        .form--rating .form__title {
            font-size: 44px;
            line-height: 54px; }
        .form--category .form__bottom, .form--category-send .form__bottom {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
        .form--category .form__pers, .form--category-send .form__pers {
            width: 100%;
            margin-left: 0;
            margin-top: 20px;
            text-align: center; }
        .form__radio, .form__checkbox {
            width: 100%;
            font-size: 18px; }
        .input-group__input {
            height: 40px;
            font-size: 14px; }
        .input-group__label {
            font-size: 14px;
            line-height: 40px; }
        .input-group__textarea {
            height: 40px; }
        .file-group__label {
            font-size: 18px; }
        .rating {
            margin-bottom: 100px; }
        .rating--context {
            padding: 80px 0; }
        .context .section-top__img {
            width: 280px;
            height: 230px; }
        .context .section-top__img img {
            margin-left: -220px; }
        .social-marketing .section-top__img {
            width: 280px; }
        .social-marketing .section-descr__text {
            width: 100%; }
        .slider-reviews {
            height: auto; }
        .slider-reviews__item {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
        .slider-reviews__img {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1;
            margin: 0 auto 30px; }
        .slider-reviews__text {
            height: 154px;
            font-size: 18px;
            line-height: 22px; }
        .slider-reviews__position {
            font-size: 16px; }
        .reviews {
            padding-top: 75px;
            margin-bottom: 75px; }
        .slider .owl-dot {
            width: 20px;
            height: 20px;
            margin-right: 10px; }
        .slider .owl-dot:last-child {
            margin-right: 0; }
        .options__title {
            margin-bottom: 80px;
            font-size: 45px;
            line-height: 55px; }
        .options__items {
            max-width: 600px;
            margin: 0 auto; }
        .item-options {
            width: 210px;
            height: 210px;
            padding: 20px; }
        .item-options__title {
            left: 20px;
            bottom: -35px;
            font-size: 18px;
            line-height: 22px; }
        .item-options__title span {
            padding: 5px 15px 5px 15px; }
        .item-options__title span:nth-child(2) {
            padding: 0 15px 5px 15px; }
        .item-options__text {
            height: 144px;
            font-size: 16px;
            line-height: 18px; }
        .menu-footer {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1;
            width: 100%;
            margin: 0 0 50px; }
        .menu-footer__list {
            width: 50%;
            margin-right: 0; }
        .menu-footer__list--dop {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1; }
        .footer__wrap {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .footer__contacts, .footer__info {
            width: 50%; }
        .footer__phone {
            margin-bottom: 10px; }
        .border-top:before, .border-top:after,
            .border-bottom:before,
            .border-bottom:after {
            width: 27px;
            height: 27px;
            border-width: 3px;
            border-color: #8e9081;}
        .parallax {
            height: 500px; }
        .parallax--clouds {
            height: 535px; }
        .parallax--clouds .parallax__img--cloud-1 {
            bottom: 100px; }
        .parallax--clouds .parallax__img--cloud-2 {
            bottom: 150px; }
        .parallax--clouds .parallax__img--cloud-3 {
            bottom: 250px;
            margin-left: -250px; }
        .parallax--clouds .parallax__img--cloud-4 {
            bottom: 105px;
            margin-right: -360px; }
        .parallax--clouds .parallax-thank {
            bottom: 190px; }
        .parallax--boat .parallax__img--bubble {
            bottom: 150px;
            margin-right: 50px; }
        .parallax--boat .parallax__img--cloud-4 {
            bottom: 155px; }
        .parallax--dreamer .parallax__img--cloud-4 {
            bottom: 170px; }
        .parallax--dreamer .parallax__img--bubble {
            bottom: 185px; }
        .parallax--klava .parallax__img--cloud-4 {
            bottom: 110px; }
        .parallax--klava .parallax__img--bubble {
            bottom: 125px; }
        .parallax--gay .parallax__img--cloud-4 {
            bottom: 200px; }
        .parallax--gay .parallax__img--bubble {
            bottom: 215px; }
        .parallax__wrap {
            margin: 160px 205px 0 225px; }
        .parallax__text {
            margin-bottom: 20px;
            font-size: 16px;
            line-height: 18px; }
        .parallax__btn {
            height: 40px;
            padding: 0 20px;
            font-size: 16px;
            line-height: 16px; }
        .parallax__img {
            background-size: 40% !important; }
        .parallax__img--poor {
            bottom: -57px;
            margin-left: -400px; }
        .parallax__img--business {
            bottom: -110px;
            margin-left: -275px; }
        .parallax__img--boat {
            bottom: -50px;
            margin-left: -530px; }
        .parallax__img--dreamer {
            bottom: -92px;
            margin-left: -400px; }
        .parallax__img--klava {
            bottom: -37px;
            margin-left: -315px; }
        .parallax__img--gay {
            bottom: -110px;
            margin-left: -200px; }
        .parallax__img--arkadiy {
            bottom: -90px;
            margin-left: -415px; }
        .parallax__img--shark {
            bottom: 90px;
            margin-left: -100px; }
        .parallax__img--shark:before {
            background-size: 40%; }
        .parallax__img--shark.active {
            bottom: -40px; }
        .parallax__img--cloud-4 {
            background-size: 55% !important;
            bottom: 135px;
            margin-right: -280px; }
        .parallax__img--bubble {
            bottom: 150px;
            margin-right: 145px; }
        .parallax__img--mayak {
            bottom: -260px;
            margin-left: -100px; }
        .parallax__img--cloud-1 {
            bottom: 280px;
            margin-left: 60px; }
        .parallax__img--cloud-3 {
            bottom: 85px;
            margin-left: -137px; }
        .parallax__img--waves-1 {
            bottom: -35px; }
        .parallax__img--waves-2, .parallax__img--waves-3 {
            bottom: -45px; }
        .parallax__img--waves-3:before {
            top: 70%; }
        .parallax-thank {
            bottom: 200px; }
        .parallax-thank:before {
            width: 300px;
            height: 300px; }
        .parallax-thank__title {
            margin-bottom: 10px;
            font-size: 80px;
            line-height: 80px; }
        .parallax-thank__text {
            font-size: 27px;
            line-height: 27px; }
        .parallax-thank__icon {
            width: 100px;
            height: 100px;
            margin: 0 auto 10px; }
        .form-parallax .input-group__input {
            height: 30px;
            font-size: 12px; }
        .form-parallax .input-group__label {
            line-height: 30px;
            font-size: 12px; }
        .form-parallax .input-group__label.fix {
            font-size: 9px;
            line-height: 9px; }
        .form-parallax label.error {
            font-size: 9px; }
        .form-parallax__btn {
            height: 40px;
            margin-top: 10px;
            padding: 0 20px;
            font-size: 16px;
            line-height: 16px; }
        .inner-top {
            min-height: 150px;
            height: auto;
            margin-top: 0;
            margin-bottom: 55px; }
        .inner-top__img {
            width: 200px;
            height: 150px; }
        .inner-top .breadcrumbs {
            width: calc(100% - 200px); }
        .inner-top--services {
            min-height: 200px;
            margin-top: 50px;
            margin-bottom: 100px; }
        .inner-top--services .inner-top__img {
            width: 190px;
            height: 200px; }
        .inner-top--services .h1-inner {
            margin-left: -3px;
            font-size: 45px;
            line-height: 45px; }
        .inner-top--services .breadcrumbs {
            width: calc(100% - 190px); }
        .inner-top__subtitle {
            font-size: 20px;
            line-height: 20px; }
        .breadcrumbs__link, .breadcrumbs__text {
            font-size: 13px; }
        .tabs-title {
            margin-top: -30px;
            margin-bottom: 50px; }
        .tabs-title__link {
            padding-bottom: 5px;
            border-bottom-width: 3px;
            font-size: 18px; }
        .tabs-title--table {
            margin: 0 0 30px 0; }
        .company__img {
            width: 300px;
            height: 470px; }
        .company__wrap {
            margin-bottom: 60px; }
        .about__title {
            margin-bottom: 50px; }
        .item-rules {
            width: 100%;
            min-height: auto; }
        .item-rules:nth-child(2) {
            margin-top: 0; }
        .item-rules:nth-child(n+2) {
            margin-top: -4px; }
        .rules {
            margin-bottom: 80px; }
        .rules__title span {
            font-size: 35px; }
        .numbers {
            margin-top: 80px;
            margin-bottom: 120px; }
        .numbers__title {
            font-size: 60px;
            line-height: 60px; }
        .numbers__items {
            width: 66.66%; }
        .item-numbers {
            width: 50%;
            height: 200px;
            margin: -2px 0 0 -2px; }
        .item-numbers:first-child {
            left: calc(-50% + 2px); }
        .item-numbers__number {
            font-size: 60px;
            line-height: 60px; }
        .item-numbers__title {
            font-size: 18px;
            line-height: 22px; }
        .vacancy {
            margin-bottom: 100px; }
        .vacancy__img {
            width: 200px;
            height: 185px; }
        .vacancy__title {
            font-size: 70px;
            line-height: 60px; }
        .item-vacancy {
            margin-bottom: 80px; }
        .item-vacancy__wrap {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
        .vacancy-options {
            width: calc(50% - 15px);
            margin-bottom: 30px; }
        .vacancy-options:nth-child(2n) {
            margin-right: 0; }
        .vacancy-options:nth-child(2) {
            margin-top: 0; }
        .vacancy-options__img {
            width: 210px;
            height: 210px; }
        .resume__title {
            font-size: 60px;
            line-height: 60px; }
        .partners__title {
            font-size: 70px; }
        .partners__wrap {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
        .item-partners {
            width: calc(50% - 15px);
            height: 210px;
            margin-bottom: 50px; }
        .item-partners:nth-child(3n) {
            margin-right: 30px; }
        .item-partners:nth-child(2n) {
            margin-right: 0; }
        .item-partners:last-child {
            margin-right: 0; }
        .item-partners img {
            max-width: 60%;
            max-height: 60%; }
        .item-partners__title {
            font-size: 16px;
            line-height: 18px; }
        .cloud-404 {
            width: 450px; }
        .cloud-404__title {
            font-size: 20px;
            line-height: 25px; }
        .cloud-404__text {
            font-size: 16px;
            line-height: 20px; }
        .cloud-404:after {
            bottom: -70px;
            width: 100px; }
        .search {
            width: 100%;
            margin-top: -30px;
            margin-bottom: 50px; }
        .search__input {
            height: 45px;
            font-size: 14px; }
        .search__btn {
            top: 10px;
            width: 25px;
            height: 25px; }
        .tabs-title-faq {
            width: 100%;
            overflow: auto;
            margin-bottom: 60px; }
        .tabs-title-faq__link {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 150px;
            height: 235px; }
        .tabs-title-faq__icon {
            width: 100px;
            height: 100px; }
        .tabs-title-faq__text {
            font-size: 16px;
            line-height: 18px; }
        .faq__title {
            margin-bottom: 60px;
            font-size: 55px;
            line-height: 55px; }
        .accordion__title {
            padding-left: 60px;
            font-size: 20px;
            line-height: 25px; }
        .accordion__dropdown {
            padding-left: 90px; }
        .accordion__text {
            font-size: 18px;
            line-height: 24px; }
        .accordion__text p {
            margin: 20px 0; }
        .item-reviews {
            width: calc(50% - 15px);
            height: 326px;
            margin-right: 30px;
            margin-bottom: 30px; }
        .item-reviews:nth-child(3n) {
            margin-right: 30px; }
        .item-reviews:nth-child(2n) {
            margin-right: 0;
            margin-top: 35px; }
        .all-reviews__btn {
            margin-top: 30px; }
        .breadcrumbs {
            margin-top: 0; }
        .reviews-full {
            margin-bottom: 100px; }
        .reviews-full__text {
            font-size: 18px;
            line-height: 24px; }
        .nav__prev, .nav__next {
            font-size: 16px; }
        .info-reviews-full__img {
            width: 350px;
            height: 495px; }
        .info-reviews-full__text {
            font-size: 18px;
            line-height: 24px; }
        .info-reviews-full__text p {
            margin: 20px 0; }
        .info-reviews-full__position {
            margin-bottom: 20px;
            font-size: 16px; }
        .all-reviews-slider {
            min-height: 243px; }
        .all-reviews-slider .item-reviews {
            width: 155px;
            height: 213px; }
        .all-reviews-slider .owl-item.center .item-reviews {
            width: 155px;
            height: 213px; }
        .all-reviews-slider .owl-item.center .item-reviews__title span {
            background-color: #b9bbad; }
        .all-reviews-slider .owl-item.center .item-reviews:hover .item-reviews__title span {
            background-color: #f36251; }
        .all-reviews-slider .slider-nav {
            top: 80px; }
        .contacts__top {
            padding: 30px 15px; }
        .contacts__map {
            height: 500px; }
        .contacts__bottom {
            padding: 30px 15px; }
        .item-portfolio {
            width: calc(50% - 15px);
            height: 210px;
            margin-bottom: 30px; }
        .item-portfolio:nth-child(3n) {
            margin-right: 30px;
            margin-top: 0; }
        .item-portfolio:nth-child(3n - 1) {
            margin-top: 0; }
        .item-portfolio:nth-child(2n) {
            margin-right: 0;
            margin-top: 20px; }
        .item-portfolio__title {
            left: 10px;
            bottom: -15px;
            font-size: 18px;
            line-height: 20px; }
        .item-portfolio__title span {
            padding: 5px 15px; }
        .portfolio-top {
            margin-bottom: 80px; }
        .portfolio-top__text {
            margin: 30px 0 90px;
            padding: 5px 15px;
            font-size: 18px;
            line-height: 22px; }
        .portfolio-top__subtitle {
            font-size: 20px;
            line-height: 25px; }
        .portfolio-top__item {
            font-size: 16px;
            line-height: 24px; }
        .portfolio-full__items {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-bottom: 50px; }
        .item-portfolio-full {
            width: calc(50% - 15px);
            margin-bottom: 30px; }
        .item-portfolio-full:nth-child(2) {
            margin-right: 0;
            margin-top: 0; }
        .item-portfolio-full__img {
            width: 210px;
            height: 210px; }
        .item-portfolio-full__title {
            margin-bottom: 5px; }
        .portfolio-tabs-title {
            overflow: auto;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start; }
        .portfolio-tabs-title__link {
            height: 45px;
            margin-right: 10px;
            font-size: 20px; }
        .results .portfolio-tabs-title {
            overflow: auto;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
        .slider-portfolio__item {
            width: 480px; }
        .slider-portfolio__img {
            height: 265px; }
        .slider-portfolio .slider-nav {
            top: 110px; }
        .work-done__top {
            margin-bottom: 20px; }
        .work-done__img {
            width: 200px;
            height: 200px; }
        .work-done__title {
            margin-right: -5px;
            font-size: 50px;
            line-height: 50px; }
        .work-done__text {
            font-size: 20px;
            line-height: 25px; }
        .work-done__items {
            width: 100%;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start; }
        .item-work {
            margin-top: -2px;
            margin-left: -2px; }
        .item-work:first-child {
            left: 0; }
        .item-work:last-child {
            left: 0; }
        .consult__title {
            font-size: 30px;
            line-height: 30px; }
        .consult__wrap {
            padding: 50px 0; }
        .portfolio-full__title,
        .results__title {
            font-size: 60px;
            line-height: 60px; }
        .results {
            margin-bottom: 100px; }
        .results__items {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .item-results {
            width: 50%;
            height: 250px;
            margin-left: -3px; }
        .item-results:nth-child(2) {
            margin-top: 0;
            -webkit-transform: translateY(50%);
            transform: translateY(50%); }
        .item-results:nth-child(3) {
            margin-top: -3px; }
        .item-services {
            width: 100%;
            margin-bottom: 100px; }
        .item-services:nth-child(2n+1) .item-services__title {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            margin-right: 0;
            margin-left: -5px;
            text-align: left; }
        .item-services__top {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
        .item-services:nth-child(2n) {
            margin-top: 0; }
        .item-services:last-child {
            margin-bottom: 0; }
        .item-services__text {
            padding-left: 0; }
        .item-services__title {
            margin-right: -5px; }
        .portfolio {
            margin-bottom: 60px; }
        .portfolio__title {
            font-size: 120px;
            line-height: 120px;
            letter-spacing: -10px; }
        .portfolio__title--small {
            font-size: 70px;
            line-height: 70px; }
        .benefit {
            margin-bottom: 50px; }
        .benefit__title {
            margin-bottom: 30px;
            font-size: 80px;
            line-height: 80px; }
        .benefit__items {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .item-benefit {
            width: calc(50% - 15px);
            margin-bottom: 40px; }
        .item-benefit:nth-child(2) {
            margin-top: 0;
            margin-right: 0;
            -webkit-transform: translateY(50%);
            transform: translateY(50%); }
        .item-benefit__img {
            height: 210px; }
        .item-benefit__title {
            font-size: 20px;
            line-height: 20px; }
        .item-benefit__title span {
            font-size: 30px; }
        .our-work__title {
            font-size: 65px;
            line-height: 60px; }
        .our-work__img {
            width: 270px;
            height: 250px; }
        .our-work__wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
        .our-work__subtitle {
            margin-bottom: 30px; }
        .our-work__info {
            margin-left: 0; }
        .our-work__text {
            margin-bottom: 30px;
            font-size: 18px;
            line-height: 24px; }
        .our-work__items {
            margin-bottom: 80px; }
        .our-work__top--traffic {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
        .our-work__top--traffic .traffic-info {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2; }
        .our-work__top--traffic .our-work__title {
            width: 100%;
            margin-left: 0;
            margin-bottom: 30px;
            text-align: center;
            font-size: 70px;
            line-height: 70px; }
        .our-work__top--traffic .our-work__title br {
            display: none; }
        .traffic-info {
            width: 100%; }
        .item-our-work__title {
            font-size: 20px;
            line-height: 25px; }
        .item-our-work__text {
            font-size: 16px;
            line-height: 22px; }
        .item-our-work--3 {
            width: 45%;
            margin-bottom: 25px; }
        .step-work {
            margin-bottom: 80px; }
        .step-work__number {
            width: 140px;
            height: 140px; }
        .step-work__wrap {
            margin-bottom: 40px; }
        .step-work__top {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .step-work__top .list-step-work {
            margin-top: 30px; }
        .step-work__top--margin {
            margin-bottom: 40px; }
        .step-work__title {
            width: calc(100% - 140px); }
        .info-step {
            margin-bottom: 40px; }
        .info-step__text {
            margin-bottom: 40px;
            font-size: 18px;
            line-height: 24px; }
        .item-info-step__title {
            font-size: 20px;
            line-height: 25px; }
        .item-info-step__text {
            font-size: 16px;
            line-height: 22px; }
        .we-doing {
            margin-bottom: 80px; }
        .we-doing__title {
            font-size: 55px;
            line-height: 60px; }
        .we-doing__item {
            width: calc(50% - 40px); }
        .cost {
            margin-bottom: 80px; }
        .cost__title {
            margin-bottom: 30px;
            font-size: 60px;
            line-height: 60px; }
        .cost__text {
            font-size: 18px;
            line-height: 24px; }
        .item-cost__title {
            font-size: 18px;
            line-height: 24px; }
        .item-cost__title span {
            font-size: 30px; }
        .stages {
            margin-bottom: 80px; }
        .stages__title {
            font-size: 80px;
            line-height: 80px; }
        .stages__items {
            width: calc(100% + 6px);
            margin-right: -6px;
            margin-top: 240px; }
        .item-stages {
            height: 210px;
            margin-left: -2px;
            margin-top: -2px;
            padding: 30px 10px 10px; }
        .item-stages:first-child {
            top: -208px; }
        .item-stages__title {
            font-size: 18px;
            line-height: 20px; }
        .item-stages__number {
            font-size: 90px;
            line-height: 90px; }
        .improve {
            margin-bottom: 80px;
            margin-top: 100px; }
        .improve__title {
            font-size: 60px;
            line-height: 60px; }
        .item-improve {
            width: calc(50% - 30px);
            margin-right: 15px;
            margin-left: 15px; }
        .item-improve:last-child {
            margin-right: 15px; }
        .item-improve__img {
            height: 195px; }
        .item-improve__title {
            font-size: 20px;
            line-height: 22px; }
        .item-improve__info {
            padding: 0; }
        .item-improve__btn {
            width: 195px;
            max-width: 100%; }
        .item-sites-cost {
            /*            width: 300px;*/
            height: 100%;
            margin: 0 auto;
            -webkit-transition: all 0s;
            transition: all 0s; }

        .js-slider-tariffs {
            width: auto;
            margin: 0 -100px;
        }

        .js-slider-tariffs .owl-item {
            /*            padding-top: 25px;*/
        }

        .js-slider-tariffs .owl-item.center {
            position: relative;
            z-index: 1;
            padding-top: 0;
        }

        .js-slider-tariffs .owl-item.center .item-sites-cost {
            background-color: #fff;
            box-shadow: inset 0 0 0 2px #ffc8bc;
        }

        .js-slider-tariffs .owl-item.center .item-detail-tariffs {
            background-color: #fff;
            box-shadow: inset 0 0 0 2px #ffc8bc;
        }

        .js-slider-tariffs .owl-item.center .border-top::before, 
        .js-slider-tariffs .owl-item.center .border-top::after, 
        .js-slider-tariffs .owl-item.center .border-bottom::before, 
        .js-slider-tariffs .owl-item.center .border-bottom::after {
            border-color: #f36251;
        }

        .item-detail-tariffs {
            width: 100%;
            height: 100%;
            margin: 0;
            -webkit-transition: all 0s;
            transition: all 0s;
            background-color: #fffcf0;
            -webkit-box-shadow: inset 0 0 0 1px #b9bbad;
            box-shadow: inset 0 0 0 1px #b9bbad; }

        .item-sites-cost .border-bottom:before, .item-sites-cost .border-bottom:after,
            .item-sites-cost .border-top:before,
            .item-sites-cost .border-top:after
            {
            border-color: #f36251; }
        .item-sites-cost .item-detail-tariffs__img img,
        .item-sites-cost .item-sites-cost__img img,
        .item-detail-tariffs .item-detail-tariffs__img img,
        .item-detail-tariffs .item-sites-cost__img img {
            -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%; }
        .item-sites-cost .item-detail-tariffs__btn,
        .item-sites-cost .item-sites-cost__btn,
        .item-detail-tariffs .item-detail-tariffs__btn,
        .item-detail-tariffs .item-sites-cost__btn {
            background-color: #f36251; }
        .item-sites-cost .item-detail-tariffs__btn:after,
            .item-sites-cost .item-sites-cost__btn:after,
            .item-detail-tariffs .item-detail-tariffs__btn:after,
            .item-detail-tariffs .item-sites-cost__btn:after {
            opacity: 1; }
        .item-sites-cost:last-child,
            .item-detail-tariffs:last-child {
            margin-right: auto; }
        .item-sites-cost:hover .item-detail-tariffs__img,
            .item-sites-cost:hover .item-sites-cost__img,
            .item-detail-tariffs:hover .item-detail-tariffs__img,
            .item-detail-tariffs:hover .item-sites-cost__img {
            -webkit-transform: scale(1);
            transform: scale(1); }
        .item-sites-cost:hover .item-detail-tariffs__img img,
            .item-sites-cost:hover .item-sites-cost__img img,
            .item-detail-tariffs:hover .item-detail-tariffs__img img,
            .item-detail-tariffs:hover .item-sites-cost__img img {
            -webkit-animation: none;
            animation: none; }
        .tariffs-detail,
        .sites-cost {
            position: relative;
            width: 100%; }
        .tariffs-detail__nav,
        .sites-cost__nav {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 0;
            margin-top: -30px; }
        .sites-cost__items.owl-carousel .owl-stage-outer,
        .tariffs-detail__items.owl-carousel .owl-stage-outer {
            overflow: visible !important; }
        .sites-cost__items .owl-stage,
        .tariffs-detail__items .owl-stage {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
        .list-step-work__item {
            padding-left: 15px;
            font-size: 16px;
            line-height: 22px; }
        .list-step-work__item:before {
            top: 7px;
            width: 7px;
            height: 7px; }
        .table {
            width: calc(100% + 30px);
            max-width: none;
            margin: 0 -15px 0 -15px; }
        .table__cell {
            font-size: 16px; }
        .table__title {
            font-size: 12px;
            letter-spacing: 1.5px; }
        .table__title a .icon {
            width: 3px;
            height: 5px; }
        .item-offers {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            margin-bottom: 40px; }
        .item-offers__img {
            margin-right: 0;
            margin-bottom: 30px;
            margin: 0 auto 30px; }
        .item-offers--order .item-offers__img {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1;
            margin-left: 0; }
        .item-offers__info {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
        .item-offers__btn {
            -ms-flex-item-align: center;
            align-self: center; }
        .item-offers__title br {
            display: none; }
        .category {
            padding: 80px 20px 40px; }
        .category__title {
            font-size: 55px;
            line-height: 55px; }
        .category__items {
            width: 100%;
            overflow: auto;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start; }
        .category__close {
            width: 25px;
            height: 25px; }
        .category__tabs-title {
            width: 100%;
            overflow: auto;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start; }
        .category__img {
            width: 250px;
            height: 250px; }
        .tabs-title-category__link {
            width: 160px;
            height: 235px;
            -ms-flex-negative: 0;
            flex-shrink: 0; }
        .tabs-title-category__icon {
            width: 120px;
            height: 120px;
            margin-bottom: 20px; }
        .item-category {
            width: 150px;
            height: 235px;
            -ms-flex-negative: 0;
            flex-shrink: 0; }
        .item-category__icon {
            width: 115px;
            height: 115px;
            margin-bottom: 20px; }
        .get-results__wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
        .get-results__img {
            width: 250px;
            height: 250px;
            margin-right: 0;
            margin-bottom: 30px; }
        .get-results__title {
            font-size: 45px;
            line-height: 45px; }
        .get-results__title--left {
            text-align: center; }
        .get-results__text {
            text-align: center;
            font-size: 20px;
            line-height: 25px; }
        .request__wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
        .request__title {
            font-size: 50px;
            line-height: 50px;
            text-align: center; }
        .request__title br {
            display: none; }
        .request__img {
            width: 250px;
            height: 250px;
            margin-bottom: 30px; }
        .order-tariffs {
            padding: 80px 0; }
        .order-tariffs__img {
            width: 250px;
            height: 250px; }
        .tariffs-thank__img {
            width: 250px;
            height: 250px; }
        .tariffs-thank__title {
            font-size: 55px;
            line-height: 55px; }
        .stat-dots {
            top: -70px;
            width: calc(100% - 150px);
            overflow: auto;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            padding: 0;
            left: 75px; }
        .stat-dots__item {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 105px;
            height: 40px;
            padding: 0 24px;
            font-size: 16px; }
        .table-footnote {
            padding: 30px 20px 0; }
        .table-footnote__item {
            font-size: 14px; }
        .slider-stat {
            width: calc(100% + 30px);
            max-width: none;
            margin: 170px -15px 0; }
        .statistics__title {
            font-size: 45px;
            line-height: 50px; }
        .statistics__graph {
            margin-bottom: 70px; }
        .slider-stat {
            margin-top: 110px; }
        .slider-stat__nav {
            top: -70px;
            padding: 0 15px; }
        .slider-stat .slider-nav__prev,
        .slider-stat .slider-nav__next {
            width: 40px;
            height: 40px; }
        .slider-stat .slider-nav__prev .icon,
        .slider-stat .slider-nav__next .icon {
            width: 13px;
            height: 20px; }
        .get-results--margin {
            margin-bottom: 50px; }
        .stat-dots .owl-stage {
            display: block; }
        .order-tariffs--improve,
        .tariffs-thank--improve {
            margin-top: 0px; }
        .item-sites-cost:hover, .item-detail-tariffs:hover {
            transform: none;
            background-color: #fffcf0;
        }
        .item-sites-cost:hover .border-top::after, .item-sites-cost:hover .border-top::before, .item-sites-cost:hover .border-bottom::after, .item-sites-cost:hover .border-bottom::before, .item-detail-tariffs:hover .border-top::after, .item-detail-tariffs:hover .border-top::before, .item-detail-tariffs:hover .border-bottom::after, .item-detail-tariffs:hover .border-bottom::before {
            width: 27px;
            height: 27px
        }
    }

    /* Phone */
    @media (max-width: 479px) {
        .mobile-table {
            display: block;
        }
        .ba-slider {
            display: none;
        }
        .ba-slider img.tablet {
            display: none;
        }
        .ba-slider img.mobile {
            display: block;
        }
        .ba-slider .handle::after {
            width: 36px;
            height: 36px;
            margin: -4px 0 0 -16px;
        }
        .btn {
            height: 50px;
            padding: 0 24px;
            font-size: 16px;
            line-height: 16px; }
        .mobile-nav__btn {
            width: 100%;
            height: 60px;
            padding: 0 20px;
            font-size: 15px;
            font-weight: 700;
            line-height: 15px; }
        .intro {
            padding-top: 62px; }
        .intro__img {
            width: 272px;
            height: 304px;
            border-width: 10px; }
        .intro__img img {
            -webkit-transform: Scale(0.55);
            transform: Scale(0.55);
            margin-bottom: -286px; }
        .intro__info {
            margin-bottom: 36px; }
        .h1 {
            font-size: 32px;
            line-height: 34px; }
        .h1 span {
            font-size: 52px; }
        .h1-inner {
            font-size: 42px;
            line-height: 42px; }
        .h2 {
            font-size: 36px;
            line-height: 36px; }
        .h2 span {
            font-size: 50px; }
        .slider-intro {
            height: 275px; }
        .slider-intro__items {
            height: 275px; }
        .slider-intro__item {
            padding-top: 50px; }
        .slider-intro__title {
            font-size: 27px;
            line-height: 32px; }
        .slider-intro__title:before {
            width: calc(100% + 40px);
            left: -20px;
            height: 45px; }
        .slider-intro__text {
            font-size: 18px;
            line-height: 18px; }
        .slider-intro__text:before {
            width: calc(100% + 20px);
            left: -10px;
            height: 35px; }
        .slider-intro__decor img {
            -webkit-transform: scale(0.4);
            transform: scale(0.4); }
        .slider-intro__decor--1 {
            left: -42px; }
        .slider-intro__decor--2 {
            left: -85px; }
        .section-top {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            margin-bottom: 40px; }
        .section-top--order {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start; }
        .section-top--order .section-top__big-title {
            margin-left: -6px; }
        .section-top__img {
            width: 207px;
            height: 180px; }
        .section-top__img img {
            -webkit-transform: scale(0.3);
            transform: scale(0.3); }
        .section-top__big-title {
            font-size: 36px;
            line-height: 40px; }
        .section-descr {
            margin-bottom: 50px; }
        .section-descr__text {
            margin-top: 10px; }
        .item-tariff:nth-child(2n) {
            margin-top: 30px; }
        .item-tariff--1 .item-tariff__img img {
            -webkit-transform: translateX(-73%) scale(0.5);
            transform: translateX(-73%) scale(0.5); }
        .item-tariff__img {
            width: 142px;
            height: 142px; }
        .item-tariff__img img {
            -webkit-transform: translateX(-73%) scale(0.4);
            transform: translateX(-73%) scale(0.4); }
        .item-tariff__title {
            margin-bottom: 7px;
            font-size: 18px;
            line-height: 18px; }
        .item-tariff__title span {
            font-size: 28px; }
        .item-tariff__text {
            font-size: 14px; }
        .item-tariff__price {
            font-size: 24px; }
        .item-tariff__bottom {
            margin-top: 10px; }
        .develop .section-top__img {
            width: 207px; }
        .rating {
            padding: 70px 0;
            margin-bottom: 80px; }
        .step-rating--1 .step-rating__title {
            margin-bottom: 10px;
            font-size: 30px;
            line-height: 30px; }
        .step-rating--1 .step-rating__title span {
            font-size: 50px; }
        .step-rating--1 .step-rating__btn {
            height: 50px;
            -ms-flex-item-align: center;
            align-self: center; }
        .step-rating--1 .step-rating__text {
            margin-bottom: 10px; }
        .step-rating__big-title {
            margin-bottom: 30px;
            font-size: 34px;
            line-height: 36px; }
        .step-rating__title {
            margin-bottom: 10px;
            font-size: 25px;
            line-height: 25px; }
        .step-rating__title span {
            font-size: 25px; }
        .step-rating__info {
            min-height: 290px;
            padding: 40px 25px; }
        .step-rating__text {
            margin-bottom: 15px;
            font-size: 14px;
            line-height: 20px; }
        .step-rating__btn {
            height: 35px;
            margin-right: 8px; }
        .step-rating__btn:last-child {
            margin-right: 0; }
        .step-rating__number {
            font-size: 80px;
            line-height: 80px; }
        .step-rating__all {
            font-size: 30px;
            line-height: 30px; }
        .form__inputs {
            margin-bottom: 10px; }
        .form__title {
            margin-bottom: 30px;
            font-size: 32px;
            line-height: 38px;
            font-weight: 400;
            letter-spacing: 0; }
        .form__text {
            margin-bottom: 25px;
            font-size: 16px;
            line-height: 20px; }
        .form__pers {
            font-size: 10px;
            line-height: 12px; }
        .form--rating .form__title {
            margin-bottom: 30px;
            font-size: 32px;
            line-height: 38px;
            font-weight: 400;
            letter-spacing: 0; }
        .input-group__input {
            height: 35px;
            font-size: 12px; }
        .input-group__label {
            line-height: 35px;
            font-size: 12px; }
        .input-group__textarea {
            height: 35px; }
        .context .section-top__img {
            width: 207px;
            height: 165px; }
        .context .section-top__img img {
            margin-left: -255px; }
        .social-marketing .section-top__img {
            width: 207px; }
        .slider-reviews {
            width: calc(100% + 30px) !important;
            margin: 0 -15px; }
        .slider-reviews__img {
            width: 330px;
            height: 465px; }
        .slider-reviews__info {
            padding: 80px 15px 110px; }
        .slider-reviews .owl-dots {
            left: 15px; }
        .customers {
            padding: 25px 0 30px; }
        .options__title {
            margin-bottom: 40px;
            font-size: 36px;
            line-height: 40px; }
        .item-options {
            width: 157px;
            height: 164px;
            margin-right: 15px;
            margin-bottom: 50px; }
        .item-options:nth-child(3n) {
            margin-right: 15px; }
        .item-options:nth-child(2n) {
            margin-right: 0;
            margin-top: 18px; }
        .item-options__title {
            left: 10px;
            bottom: -30px;
            font-size: 16px;
            line-height: 18px; }
        .item-options__title span {
            padding: 3px 10px 3px 10px; }
        .item-options__title span:nth-child(2) {
            padding: 0 10px 3px 10px; }
        .item-options__text {
            height: 112px;
            font-size: 14px;
            line-height: 16px; }
        .footer {
            padding: 40px 0; }
        .footer__copyright {
            margin-bottom: 10px;
            font-size: 12px;
            line-height: 12px; }
        .footer__terms-of-use {
            font-size: 12px;
            line-height: 12px; }
        .footer__phone {
            margin-bottom: 7px;
            font-size: 14px;
            line-height: 16px; }
        .footer__email {
            font-size: 12px;
            line-height: 12px; }
        .footer__address {
            font-size: 12px;
            line-height: 14px; }
        .footer__social {
            margin-top: 12px; }
        .menu-footer {
            margin-bottom: 30px; }
        .menu-footer__list--dop .menu-footer__link {
            font-size: 12px;
            line-height: 15px; }
        .menu-footer__list--dop .menu-footer__item {
            margin-bottom: 10px; }
        .menu-footer__link {
            font-size: 14px;
            line-height: 16px; }
        .menu-footer__item {
            margin-bottom: 10px; }
        .social__link {
            width: 22px;
            height: 22px;
            margin-right: 10px; }
        .social__link:last-child {
            margin-right: 0; }
        .parallax {
            height: 550px; }
        .parallax--clouds {
            height: 480px; }
        .parallax--clouds .parallax__img--cloud-4 {
            bottom: 85px;
            margin-right: -344px; }
        .parallax--boat .parallax__img--bubble {
            bottom: 150px;
            margin-right: 10px; }
        .parallax__btn {
            height: 40px; }
        .parallax__img--poor {
            bottom: -55px;
            margin-left: -380px; }
        .parallax__img--business {
            bottom: -100px;
            margin-left: -240px; }
        .parallax__img--boat {
            margin-left: -475px; }
        .parallax__img--shark {
            margin-left: -150px; }
        .parallax__img--cloud-4 {
            background-size: 55% !important;
            bottom: 140px;
            margin-right: -300px; }
        .parallax__img--bubble {
            bottom: 155px;
            margin-right: 113px; }
        .parallax__img--mayak {
            margin-left: -138px; }
        .parallax__img--cloud-1 {
            bottom: 385px;
            margin-left: 20px; }
        .parallax__img--cloud-3 {
            margin-left: -137px; }
        .parallax-thank {
            bottom: 220px; }
        .parallax-thank:before {
            width: 230px;
            height: 230px; }
        .parallax-thank__title {
            font-size: 55px;
            line-height: 55px; }
        .parallax-thank__text {
            font-size: 20px;
            line-height: 20px; }
        .parallax-thank__icon {
            width: 80px;
            height: 80px; }
        .form-parallax__btn {
            height: 40px; }
        .breadcrumbs__link, .breadcrumbs__text {
            font-size: 11px; }
        .inner-top {
            min-height: 107px;
            margin-top: 0; }
        .inner-top .breadcrumbs {
            width: calc(100% - 138px);
            margin-bottom: 5px; }
        .inner-top__tabs-title {
            margin-top: 35px; }
        .inner-top__img {
            width: 138px;
            height: 107px; }
        .inner-top--services {
            min-height: 138px;
            margin-top: 50px;
            margin-bottom: 80px; }
        .inner-top--services .inner-top__img {
            width: 138px;
            height: 138px; }
        .inner-top--services .h1-inner {
            font-size: 36px;
            line-height: 45px; }
        .inner-top--services .breadcrumbs {
            width: calc(100% - 138px); }
        .inner-top__subtitle {
            margin-top: 8px;
            font-size: 16px;
            line-height: 18px; }
        .tabs-title__link {
            padding-bottom: 3px;
            border-bottom-width: 3px;
            font-size: 16px; }
        .about__title {
            font-size: 22px;
            line-height: 28px; }
        .company__img {
            width: 100%;
            height: auto;
            padding: 20px 2px; }
        .company__text {
            margin-bottom: 50px;
            font-size: 18px;
            line-height: 24px; }
        .company__subtitle {
            font-size: 22px;
            line-height: 24px; }
        .list-company__item {
            margin-bottom: 10px;
            font-size: 18px;
            line-height: 24px; }
        .rules__title span {
            font-size: 36px; }
        .item-rules {
            min-height: 309px;
            padding: 40px 25px; }
        .item-rules__title {
            font-size: 20px;
            line-height: 22px; }
        .item-rules__text {
            font-size: 16px;
            line-height: 22px; }
        .numbers {
            margin-bottom: 80px; }
        .numbers__title {
            font-size: 36px;
            line-height: 40px;
            text-align: left; }
        .numbers__items {
            width: 100%;
            margin-top: 180px; }
        .item-numbers {
            width: 50%;
            height: 178px; }
        .item-numbers:first-child {
            left: 0;
            top: -176px; }
        .vacancy {
            margin-bottom: 80px; }
        .vacancy__top {
            margin-bottom: 55px; }
        .vacancy__img {
            width: 207px;
            height: 180px; }
        .vacancy__title {
            margin-left: -5px;
            font-size: 36px;
            line-height: 40px; }
        .item-vacancy {
            margin-bottom: 50px; }
        .vacancy-options {
            width: 100%;
            margin-right: 0; }
        .vacancy-options__img {
            width: 245px;
            height: 245px; }
        .vacancy-options__title {
            font-size: 22px; }
        .resume__title {
            margin-bottom: 40px;
            font-size: 36px;
            line-height: 40px; }
        .partners__title {
            margin-bottom: 30px;
            font-size: 36px;
            line-height: 40px; }
        .partners__wrap {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start; }
        .item-partners {
            width: calc(50% - 8px);
            margin-right: 15px;
            height: 165px; }
        .item-partners__title {
            left: 10px;
            font-size: 12px;
            line-height: 14px; }
        .item-partners__title span {
            padding: 4px 7px; }
        .item-partners:nth-child(2n) {
            margin-top: 70px; }
        .item-partners:nth-child(n+3) {
            margin-top: -70px; }
        .item-partners img {
            max-width: 80%;
            max-height: 80%; }
        .request {
            padding: 60px 0; }
        .page-404 {
            margin: 40px 0; }
        .page-404__title {
            font-size: 57px;
            line-height: 57px; }
        .page-404__subtitle {
            font-size: 32px;
            line-height: 32px; }
        .page-404__img {
            margin-top: 30px; }
        .cloud-404 {
            width: 350px;
            height: 220px;
            padding: 60px 50px 0 75px; }
        .cloud-404__title {
            font-size: 14px;
            line-height: 16px; }
        .cloud-404__text {
            font-size: 16px;
            line-height: 18px; }
        .cloud-404:after {
            right: 150px;
            width: 52px;
            -webkit-transform: rotate(60deg);
            transform: rotate(60deg); }
        .search__btn {
            top: 10px;
            width: 16px;
            height: 16px; }
        .search__input {
            height: 35px;
            font-size: 14px; }
        .search__text {
            font-size: 12px; }
        .faq__title {
            font-size: 36px;
            line-height: 40px; }
        .accordion__item {
            margin-bottom: 25px; }
        .accordion__title {
            padding-left: 40px;
            font-size: 16px;
            line-height: 18px; }
        .accordion__title:before {
            top: -3px;
            width: 25px;
            height: 25px; }
        .accordion__dropdown {
            padding-left: 40px; }
        .item-reviews {
            width: calc(50% - 8px);
            height: 220px;
            margin-right: 15px;
            margin-bottom: 0; }
        .item-reviews:nth-child(3n) {
            margin-right: 15px; }
        .item-reviews:nth-child(2n) {
            margin-right: 0; }
        .item-reviews__title {
            left: 7px;
            bottom: -12px;
            font-size: 16px;
            line-height: 18px; }
        .all-reviews__btn {
            height: 40px;
            padding: 0 25px;
            font-size: 14px;
            line-height: 14px; }
        .info-reviews-full__img {
            width: 100%;
            height: auto; }
        .nav__prev, .nav__next {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start; }
        .nav__next {
            text-align: right;
            margin-left: 30px; }
        .contacts__title {
            font-size: 42px;
            line-height: 42px;
            letter-spacing: 0;
            font-weight: 700; }
        .contacts__top {
            padding: 15px 15px 30px; }
        .contacts__address {
            font-size: 12px;
            line-height: 12px; }
        .contacts__address span {
            font-size: 18px;
            line-height: 18px; }
        .contacts__phone {
            font-size: 25px;
            line-height: 25px; }
        .item-portfolio {
            width: calc(50% - 8px);
            height: 157px;
            margin-right: 16px; }
        .item-portfolio:nth-child(3n) {
            margin-right: 16px; }
        .item-portfolio:nth-child(2n) {
            margin-right: 0; }
        .item-portfolio__title {
            bottom: -12px;
            font-size: 16px;
            line-height: 18px; }
        .portfolio-top__wrap {
            padding-bottom: 20px; }
        .portfolio-top__subtitle {
            font-size: 16px;
            line-height: 16px; }
        .portfolio-top__text {
            margin-top: 20px;
            margin-bottom: 65px;
            font-size: 16px;
            line-height: 18px; }
        .portfolio-top__cite {
            font-size: 18px;
            line-height: 18px; }
        .portfolio-top__items {
            margin-top: 50px; }
        .portfolio-top__item {
            width: 100%;
            margin-top: 10px; }
        .item-portfolio-full {
            width: 100%;
            margin-right: 0;
            margin-bottom: 50px; }
        .item-portfolio-full__title {
            font-size: 22px; }
        .item-portfolio-full__title span {
            font-size: 30px; }
        .portfolio-full__items {
            margin-bottom: 30px; }
        .portfolio-tabs-title__link {
            height: 40px;
            padding: 0 25px;
            font-size: 16px; }
        .slider-portfolio {
            margin-bottom: 80px; }
        .slider-portfolio__item {
            width: 330px; }
        .slider-portfolio__img {
            height: 190px; }
        .slider-portfolio .slider-nav {
            top: 70px; }
        .slider-portfolio__title {
            margin-left: 10px;
            margin-top: -15px;
            font-size: 16px;
            line-height: 18px; }
        .slider-portfolio__title span {
            padding: 5px 10px; }
        .slider-portfolio__text {
            margin-left: 20px;
            font-size: 14px; }
        .work-done__img {
            width: 150px;
            height: 150px; }
        .work-done__title {
            font-size: 40px;
            line-height: 40px; }
        .work-done__text {
            margin-bottom: 50px;
            font-size: 18px;
            line-height: 24px; }
        .work-done__items {
            margin-bottom: 50px; }
        .work-done__nav {
            margin-top: 40px; }
        .item-work {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%;
            min-height: 235px;
            padding: 30px; }
        .item-work__title {
            font-size: 22px; }
        .item-work__text {
            font-size: 16px;
            line-height: 22px; }
        .consult__title {
            font-size: 34px;
            line-height: 34px; }
        .portfolio-full__title,
        .results__title {
            font-size: 36px;
            line-height: 36px; }
        .item-results {
            padding: 30px 10px;
            height: 206px; }
        .item-results__subtitle {
            font-size: 16px;
            line-height: 18px; }
        .item-results__text {
            font-size: 16px;
            line-height: 16px; }
        .item-services {
            margin-bottom: 80px; }
        .item-services:nth-child(2n+1) .item-services__title {
            margin-left: -3px; }
        .item-services__img {
            width: 207px;
            height: 180px; }
        .item-services__title {
            margin-right: -3px;
            font-size: 36px;
            line-height: 40px; }
        .item-services__subtitle {
            font-size: 36px;
            line-height: 36px; }
        .item-services__subtitle span {
            font-size: 50px; }
        .item-services__text {
            font-size: 18px;
            line-height: 24px; }
        .services__items {
            margin-bottom: 40px; }
        .portfolio {
            margin-bottom: 30px; }
        .portfolio__title {
            font-size: 36px;
            line-height: 40px;
            font-weight: 700;
            letter-spacing: 0; }
        .benefit {
            margin-bottom: 30px; }
        .benefit__title {
            font-size: 36px;
            line-height: 40px; }
        .item-benefit {
            width: calc(50% - 8px);
            margin-right: 15px; }
        .item-benefit__img {
            height: 157px; }
        .item-benefit__title {
            font-size: 16px;
            line-height: 18px; }
        .item-benefit__title span {
            font-size: 30px; }
        .our-work__img {
            width: 207px;
            height: 219px; }
        .our-work__title {
            margin-right: -5px;
            font-size: 40px;
            line-height: 45px; }
        .our-work__top {
            margin-bottom: 30px; }
        .our-work__top--traffic {
            margin-bottom: 60px; }
        .our-work__top--traffic .our-work__title {
            font-size: 36px;
            line-height: 40px; }
        .our-work__items {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-bottom: 80px; }
        .item-our-work {
            width: 100%;
            margin-bottom: 40px; }
        .item-our-work:last-child {
            margin-bottom: 0; }
        .item-our-work__title {
            margin-bottom: 5px; }
        .step-work__number {
            width: 120px;
            height: 120px; }
        .step-work__number .border-top:before, .step-work__number .border-top:after,
            .step-work__number .border-bottom:before,
            .step-work__number .border-bottom:after {
            width: 27px;
            height: 27px; }
        .step-work__title {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            width: calc(100% - 120px);
            margin-left: -30px;
            margin-right: 0;
            font-size: 23px;
            line-height: 23px; }
        .step-work__title span {
            font-size: 30px; }
        .step-work__img img {
            max-width: 100%; }
        .step-work__top--margin {
            margin-bottom: 30px; }
        .info-step__text {
            margin-bottom: 40px; }
        .info-step__items {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-bottom: 0; }
        .item-info-step {
            width: 100%;
            margin-bottom: 40px; }
        .item-info-step:last-child {
            margin-bottom: 0; }
        .item-info-step__title {
            margin-bottom: 5px; }
        .we-doing__title {
            margin-bottom: 35px;
            font-size: 36px;
            line-height: 38px; }
        .we-doing__item {
            width: calc(50% - 10px);
            margin: 0 5px 15px;
            font-size: 16px;
            line-height: 16px; }
        .we-doing__item .icon {
            width: 16px;
            height: 16px;
            margin-right: 8px; }
        .we-doing__wrap {
            padding: 70px 0 50px; }
        .cost__title {
            margin-bottom: 25px;
            font-size: 36px;
            line-height: 40px; }
        .item-cost {
            width: calc(50% - 8px);
            margin-right: 15px; }
        .item-cost__img {
            width: 157px;
            height: 157px;
            margin-bottom: 15px; }
        .item-cost__title {
            font-size: 18px;
            line-height: 18px; }
        .item-cost__title span {
            font-size: 28px; }
        .item-cost__btn {
            height: 40px;
            font-size: 14px;
            line-height: 14px; }
        .item-cost__btn:after {
            font-size: 14px;
            line-height: 14px; }
        .stages__title {
            font-size: 36px;
            line-height: 40px; }
        .stages__items {
            margin-top: 200px; }
        .item-stages {
            width: 50%;
            height: 180px; }
        .item-stages:first-child {
            top: -178px; }
        .item-stages__number {
            font-size: 70px;
            line-height: 70px; }
        .item-stages__title {
            font-size: 16px;
            line-height: 18px; }
        .item-stages__title span {
            font-size: 30px; }
        .improve__title {
            font-size: 36px;
            line-height: 40px; }
        .item-improve {
            width: calc(50% - 8px);
            margin-right: 15px;
            margin-left: 0; }
        .item-improve:nth-child(2n) {
            margin-right: 0; }
        .item-improve__img {
            height: 157px; }
        .item-improve__title {
            font-size: 18px;
            line-height: 18px; }
        .item-improve__title span {
            font-size: 28px; }
        .item-improve__btn {
            width: auto;
            height: 40px;
            font-size: 14px; }
        .traffic-info {
            padding: 45px 25px; }
        .traffic-info__title {
            margin-bottom: 15px;
            font-size: 26px;
            line-height: 30px; }
        .traffic-info__title span {
            font-size: 40px; }
        .traffic-info__text {
            margin-bottom: 15px;
            font-size: 14px;
            line-height: 18px; }
        .tabs-title-traffic__link {
            height: 40px;
            padding: 0 20px; }
        .tariffs__title {
            margin-bottom: 15px;
            font-size: 36px;
            line-height: 40px; }
        .table__cell:first-child, .table__title:first-child {
            padding-left: 15px; }
        .table__cell:last-child, .table__title:last-child {
            padding-right: 15px; }
        .table__title {
            letter-spacing: normal; }
        .table__cell {
            font-size: 14px; }
        .item-sites-cost {
            width: 100%; }
        .js-slider-tariffs {
            margin: 0 -80px;
        }
        .item-sites-cost__text,
        .item-detail-tariffs__text {
            margin-bottom: 20px;
            font-size: 16px;
            line-height: 18px; }
        .list-sites-cost__item,
        .list-tariffs__item {
            position: relative;
            font-size: 16px;
            line-height: 20px; }
        .list-sites-cost__item:before,
            .list-tariffs__item:before {
            top: 5px; }
        .tariffs-detail__nav,
        .sites-cost__nav {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: calc(100% + 20px);
            margin: -20px -10px 0 -11px;
            padding: 0; }
        .tariffs-detail__nav .slider-nav__prev,
        .tariffs-detail__nav .slider-nav__next,
        .sites-cost__nav .slider-nav__prev,
        .sites-cost__nav .slider-nav__next {
            width: 40px;
            height: 40px; }
        .tariffs-detail__nav .slider-nav__prev .icon,
        .tariffs-detail__nav .slider-nav__next .icon,
        .sites-cost__nav .slider-nav__prev .icon,
        .sites-cost__nav .slider-nav__next .icon {
            width: 12px;
            height: 21px; }
        .item-offers {
            margin-bottom: 60px; }
        .item-offers__img {
            width: 100%;
            height: 263px;
            margin-bottom: 20px; }
        .item-offers__title {
            margin-bottom: 20px; }
        .item-offers__title br {
            display: block; }
        .item-offers__text {
            margin-bottom: 20px;
            font-size: 18px;
            line-height: 24px; }
        .item-offers__btn {
            height: 40px;
            -ms-flex-item-align: start;
            align-self: flex-start; }
        .up {
            width: 60px;
            height: 60px;
            font-size: 10px;
            letter-spacing: 1.5px; }
        .up .icon {
            width: 30px;
            height: 30px;
            margin: 7px auto; }
        .category__title {
            margin-bottom: 20px;
            font-size: 42px;
            line-height: 42px; }
        .category__text {
            font-size: 18px;
            line-height: 24px; }
        .get-results {
            padding: 50px 0; }
        .get-results__title {
            font-size: 34px;
            line-height: 34px; }
        .request__title {
            font-size: 34px;
            line-height: 34px; }
        .request--resume {
            margin-top: -40px;
            margin-bottom: 70px; }
        .contacts-thank__title {
            font-size: 34px;
            line-height: 34px; }
        .order-tariffs {
            padding: 50px 0; }
        .order-tariffs__img {
            width: 200px;
            height: 200px;
            margin-bottom: 20px; }
        .tariffs-thank__title {
            margin-bottom: 20px;
            font-size: 42px;
            line-height: 42px; }
        .statistics__title {
            font-size: 35px;
            line-height: 40px; }
        .statistics__graph {
            margin-bottom: 50px; }
        .slider-stat__nav {
            padding: 0 10px; }
        .stat-dots {
            width: calc(100% - 120px);
            left: 60px; }
        .table-footnote {
            padding: 25px 15px; }
        .table-footnote__item {
            font-size: 13px; }
        .tooltip {
            bottom: 40px;
        }
        .question {
            position: static;
        }
    }

    /*# sourceMappingURL=../maps/main.css.map */

/* End */


/* Start:/bitrix/templates/v1.0/styles.css?1597752848567*/
.table__title a .icon.desc {-webkit-transform: rotate(270deg);transform: rotate(270deg);}



span.nav__prev, span.nav__next {color:#ccc;}
span.nav__prev:hover, span.nav__next:hover {color:#ccc;}

.portfolio-top__title span {font-family:'ProximaNova';font-weight:900;}

.step-raiting__form .voteresult {display:none;}


.item-tariff:visited .border-top:before, 
.item-tariff:visited .border-top:after,
.item-tariff:visited .border-bottom:before,
.item-tariff:visited .border-bottom:after {
    border-color: #8e9081; }

.info-reviews-full__text a {color:#f36251;}





/* End */


/* Start:/bitrix/templates/v1.0/template_styles.css?15977528482840*/
.notice {display:none;background:#000;color:#fff;box-shadow:0 0 5px #666;width:245px;padding:20px;border-radius:5px;position:fixed;top:10px;left:10px;z-index:1200;opacity: 0.9;}



    .contacts__item {
        width: 50%;
        margin-right: 0;
    }

    .contacts__social {
        color: #47545a;
        text-decoration: none;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 3.56px;
        text-transform: uppercase;
        transition: color .3s;
    }

    .contacts__social:hover {
        color: #f36251;
    }

    .header__social {
        display: none;
    }

    .header__social a {
        display: block;
        width: 43px;
        height: 43px;
        margin: 0 10px;
    }

    .header__social a img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    @media (max-width: 1199px) {

        .header__social {
            display: flex;
            align-items: center;
            margin-left: auto;
            margin-right: 20px;
        }

    }
	
	@media (max-width: 1199px)and (min-width: 992px) {

		.contacts__item {
			width: 100%;
		}

		.contacts__item:nth-child(n + 3) {
			width: 50%;
		}        

	}
	
	@media (max-width: 991px) and (min-width: 768px) {
        
        .contacts__item {
            width: 50%;
        }
        
    }


    @media (max-width: 767px) {

        .header__social a {
            width: 35px;
            height: 35px;
        }

        .contacts__item {
            width: 100%;
        }

        .contacts__item:nth-child(n + 3) {
            width: 50%;
        }

        .contacts__item:nth-child(n + 3) .icon {
            width: 32px;
            height: 32px;
            margin-right: 6px;
        }

        .contacts__item:nth-child(n + 3) .contacts__social {
            font-size: 12px;
            letter-spacing: 2.67px;
        }

    }



@media (max-width: 767px) {

    .item-sites-cost .item-detail-tariffs__btn,
    .item-sites-cost .item-sites-cost__btn,
    .item-detail-tariffs .item-detail-tariffs__btn,
    .item-detail-tariffs .item-sites-cost__btn {
        background-color: transparent;
    }

    .item-sites-cost .item-detail-tariffs__btn:after,
    .item-sites-cost .item-sites-cost__btn:after,
    .item-detail-tariffs .item-detail-tariffs__btn:after,
    .item-detail-tariffs .item-sites-cost__btn:after {
        display: none; 
    }
}

@media (max-width: 479px){
.item-options__text span {
    font-size: 12px !important;
    line-height: 12px;
}
}


@media (max-width: 767px) {

    .item-sites-cost:hover .item-detail-tariffs__btn, 
    .item-sites-cost:hover .item-sites-cost__btn, 
    .item-detail-tariffs:hover .item-detail-tariffs__btn, 
    .item-detail-tariffs:hover .item-sites-cost__btn {
        background-color: transparent;
        color: #f36251;
    }
}

/* End */
/* /bitrix/templates/v1.0/css/main.css?1596623335319443 */
/* /bitrix/templates/v1.0/styles.css?1597752848567 */
/* /bitrix/templates/v1.0/template_styles.css?15977528482840 */